From 7f1a4122446faeaabd8e0463def531092fde5566 Mon Sep 17 00:00:00 2001 From: Gabriel Nogueira Date: Wed, 22 Mar 2023 12:40:21 -0300 Subject: [PATCH] :art: button adjust --- README.md | 2 +- documentation.json | 350 ++++++++++-------- package.json | 2 +- .../inputs/button/button.component.html | 9 +- .../inputs/button/button.component.ts | 9 +- .../inputs/button/button.stories.ts | 3 +- 6 files changed, 206 insertions(+), 169 deletions(-) diff --git a/README.md b/README.md index 6c45a5e..e9dbdb3 100755 --- a/README.md +++ b/README.md @@ -9,7 +9,7 @@ | Angular Version | NPM Version | |-----------------|-------------| -| ^15.0.4 | 15.0.3 | +| ^15.0.4 | 15.0.4 | | 13.2.3 | 13.0.22 | | < 13.0.0 | 0.0.77 | diff --git a/documentation.json b/documentation.json index cb8a9a8..ce4ab95 100644 --- a/documentation.json +++ b/documentation.json @@ -1905,8 +1905,9 @@ }, { "name": "ButtonComponent", - "id": "component-ButtonComponent-6cee71acce347844e4e68896b0cc4c51549f2a11449c5d761558fa9f26d8278653e5dc58147b16115433711a5640b2b7a07cd150a4c84b28cc78deb2f7603935", + "id": "component-ButtonComponent-c9d9ef0048bed7abf2fe2ca4fa0ebf5e0bc086452517e7f59a2da351728ec18cad6e52c2c3eb4c5fe90a148e9ba0af49cbfb797fcb9bd538cb4b69742316ef1d", "file": "src/components/inputs/button/button.component.ts", + "changeDetection": "ChangeDetectionStrategy.OnPush", "encapsulation": [ "ViewEncapsulation.None" ], @@ -1931,7 +1932,7 @@ "deprecationMessage": "", "rawdescription": "\n\nExibe botão de \"carregamento\" e desabilita o botão.\nPara alterar o texto, utilizar a propriedade `busyText`\n", "description": "

Exibe botão de "carregamento" e desabilita o botão.\nPara alterar o texto, utilizar a propriedade busyText

\n", - "line": 22, + "line": 23, "type": "boolean", "decorators": [] }, @@ -1941,7 +1942,7 @@ "deprecationMessage": "", "rawdescription": "\n\nTexto exibido junto ao botão de \"carregando\" quando a propriedade `busy` está como `true`\n", "description": "

Texto exibido junto ao botão de "carregando" quando a propriedade busy está como true

\n", - "line": 26, + "line": 27, "type": "string", "decorators": [] }, @@ -1952,7 +1953,7 @@ "deprecationMessage": "", "rawdescription": "\n\nPropriedade de habilitado ou desabilitado\n", "description": "

Propriedade de habilitado ou desabilitado

\n", - "line": 42, + "line": 43, "type": "boolean", "decorators": [] }, @@ -1963,7 +1964,7 @@ "deprecationMessage": "", "rawdescription": "\n\nFaz ou não o botão preencher a largura do container. (classe w-100)\n", "description": "

Faz ou não o botão preencher a largura do container. (classe w-100)

\n", - "line": 50, + "line": 51, "type": "boolean", "decorators": [] }, @@ -1973,7 +1974,7 @@ "deprecationMessage": "", "rawdescription": "\n\nÍcone que será exibido no botão junto ao texto. Ex: `uil uil-md uil-tabs`\n", "description": "

Ícone que será exibido no botão junto ao texto. Ex: uil uil-md uil-tabs

\n", - "line": 30, + "line": 31, "type": "string", "decorators": [] }, @@ -1984,16 +1985,27 @@ "deprecationMessage": "", "rawdescription": "\n\nCaso tenha ícone, indica se o ícone estará no começo ou fim do botão\n", "description": "

Caso tenha ícone, indica se o ícone estará no começo ou fim do botão

\n", - "line": 34, + "line": 35, "type": "\"start\" | \"end\"", "decorators": [] }, + { + "name": "justifyContent", + "defaultValue": "'center'", + "deprecated": false, + "deprecationMessage": "", + "rawdescription": "\n\nAlinha o conteúdo do botão\n", + "description": "

Alinha o conteúdo do botão

\n", + "line": 55, + "type": "\"start\" | \"center\"", + "decorators": [] + }, { "name": "label", "defaultValue": "''", "deprecated": false, "deprecationMessage": "", - "line": 12, + "line": 13, "type": "string | null", "decorators": [] }, @@ -2004,7 +2016,7 @@ "deprecationMessage": "", "rawdescription": "\n\nSe o botão será cheio ou apenas contornado pela borda\n", "description": "

Se o botão será cheio ou apenas contornado pela borda

\n", - "line": 38, + "line": 39, "type": "boolean", "decorators": [] }, @@ -2015,7 +2027,7 @@ "deprecationMessage": "", "rawdescription": "\n\nTamanho do botão\n", "description": "

Tamanho do botão

\n", - "line": 46, + "line": 47, "type": "\"sm\" | \"md\"", "decorators": [] }, @@ -2026,7 +2038,7 @@ "deprecationMessage": "", "rawdescription": "\n\nCor do botão que será exibido.\nUtilizar as propriedades do tipo \"MainColors\"\n", "description": "

Cor do botão que será exibido.\nUtilizar as propriedades do tipo "MainColors"

\n", - "line": 17, + "line": 18, "type": "MainColors | string", "decorators": [] } @@ -2040,7 +2052,7 @@ "type": "string", "optional": false, "description": "", - "line": 11, + "line": 12, "decorators": [ { "name": "HostBinding", @@ -2056,7 +2068,7 @@ "type": "", "optional": false, "description": "", - "line": 77, + "line": 82, "modifierKind": [ 123 ] @@ -2069,7 +2081,7 @@ "optional": false, "returnType": "string", "typeParameters": [], - "line": 56, + "line": 61, "deprecated": false, "deprecationMessage": "", "modifierKind": [ @@ -2084,7 +2096,7 @@ "name": "className", "deprecated": false, "deprecationMessage": "", - "line": 11, + "line": 12, "type": "string", "decorators": [] } @@ -2093,7 +2105,7 @@ "description": "", "rawdescription": "\n", "type": "component", - "sourceCode": "import {Component, HostBinding, Input, ViewEncapsulation} from '@angular/core';\nimport {MainColors} from '../../../models/colors';\n\n@Component({\n selector: 'pm-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class ButtonComponent {\n @HostBinding('className') componentClass: string;\n @Input('label') label: string | null = ''; // Usada só pra aparecer no storybook\n /**\n * Cor do botão que será exibido.\n * Utilizar as propriedades do tipo \"MainColors\"\n */\n @Input('type') type: MainColors | string = `${MainColors.default}`;\n /**\n * Exibe botão de \"carregamento\" e desabilita o botão.\n * Para alterar o texto, utilizar a propriedade `busyText`\n */\n @Input('busy') busy: boolean = false;\n /**\n * Texto exibido junto ao botão de \"carregando\" quando a propriedade `busy` está como `true`\n */\n @Input('busyText') busyText: string;\n /**\n * Ícone que será exibido no botão junto ao texto. Ex: `uil uil-md uil-tabs`\n */\n @Input('iconClass') iconClass: string;\n /**\n * Caso tenha ícone, indica se o ícone estará no começo ou fim do botão\n */\n @Input('iconPosition') iconPosition: 'start' | 'end' = 'start';\n /**\n * Se o botão será cheio ou apenas contornado pela borda\n */\n @Input('outline') outline: boolean = false;\n /**\n * Propriedade de habilitado ou desabilitado\n */\n @Input('disabled') disabled: boolean = false;\n /**\n * Tamanho do botão\n */\n @Input('size') size: 'sm' | 'md' = 'md';\n /**\n * Faz ou não o botão preencher a largura do container. (classe w-100)\n */\n @Input('fillWidth') fillWidth: boolean = false;\n\n constructor() {\n this.componentClass = 'pm-button';\n }\n\n public getClassName(): string {\n let name = 'text-overflow overflow-hidden btn';\n if (this.size !== 'md') {\n name += ` ${this.size}`;\n }\n if (this.fillWidth) {\n name += ' w-100';\n }\n if (this.type) {\n if (this.outline) {\n name += ` btn-outline-${this.type}`;\n } else {\n name += ` btn-${this.type}`;\n }\n }\n if (this.iconClass) {\n name += ` d-flex flex-row`;\n }\n return name;\n }\n\n public logEvent = (event: any) => {\n console.log(event);\n }\n\n}\n", + "sourceCode": "import {ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation} from '@angular/core';\nimport {MainColors} from '../../../models/colors';\n\n@Component({\n selector: 'pm-button',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class ButtonComponent {\n @HostBinding('className') componentClass: string;\n @Input('label') label: string | null = ''; // Usada só pra aparecer no storybook\n /**\n * Cor do botão que será exibido.\n * Utilizar as propriedades do tipo \"MainColors\"\n */\n @Input('type') type: MainColors | string = `${MainColors.default}`;\n /**\n * Exibe botão de \"carregamento\" e desabilita o botão.\n * Para alterar o texto, utilizar a propriedade `busyText`\n */\n @Input('busy') busy: boolean = false;\n /**\n * Texto exibido junto ao botão de \"carregando\" quando a propriedade `busy` está como `true`\n */\n @Input('busyText') busyText: string;\n /**\n * Ícone que será exibido no botão junto ao texto. Ex: `uil uil-md uil-tabs`\n */\n @Input('iconClass') iconClass: string;\n /**\n * Caso tenha ícone, indica se o ícone estará no começo ou fim do botão\n */\n @Input('iconPosition') iconPosition: 'start' | 'end' = 'start';\n /**\n * Se o botão será cheio ou apenas contornado pela borda\n */\n @Input('outline') outline: boolean = false;\n /**\n * Propriedade de habilitado ou desabilitado\n */\n @Input('disabled') disabled: boolean = false;\n /**\n * Tamanho do botão\n */\n @Input('size') size: 'sm' | 'md' = 'md';\n /**\n * Faz ou não o botão preencher a largura do container. (classe w-100)\n */\n @Input('fillWidth') fillWidth: boolean = false;\n /**\n * Alinha o conteúdo do botão\n */\n @Input('justifyContent') justifyContent: 'start' | 'center' = 'center';\n\n constructor() {\n this.componentClass = 'pm-button';\n }\n\n public getClassName(): string {\n let name = `d-flex align-items-center text-overflow overflow-hidden btn`;\n if (this.size !== 'md') {\n name += ` ${this.size}`;\n }\n if (this.fillWidth) {\n name += ' w-100';\n }\n if (this.type) {\n if (this.outline) {\n name += ` btn-outline-${this.type}`;\n } else {\n name += ` btn-${this.type}`;\n }\n }\n if (this.iconClass) {\n name += ` d-flex flex-row`;\n }\n return name;\n }\n\n public logEvent = (event: any) => {\n console.log(event);\n }\n\n}\n", "assetsDirs": [], "styleUrlsData": [ { @@ -2108,9 +2120,9 @@ "deprecated": false, "deprecationMessage": "", "args": [], - "line": 50 + "line": 55 }, - "templateData": "\n \n \n {{busyText ? busyText : ''}}\n \n\n\n\n \n \n \n \n \n {{label}}\n \n \n \n \n \n \n \n \n\n\n" + "templateData": "\n \n \n {{busyText ? busyText : ''}}\n \n\n\n\n \n \n \n \n \n {{label}}\n \n \n \n \n \n \n \n \n\n\n" }, { "name": "CheckboxComponent", @@ -3883,7 +3895,7 @@ "deprecationMessage": "", "rawdescription": "\n\nExibe botão de \"carregamento\" e desabilita o botão.\nPara alterar o texto, utilizar a propriedade `busyText`\n", "description": "

Exibe botão de "carregamento" e desabilita o botão.\nPara alterar o texto, utilizar a propriedade busyText

\n", - "line": 22, + "line": 23, "type": "boolean", "decorators": [], "inheritance": { @@ -3896,7 +3908,7 @@ "deprecationMessage": "", "rawdescription": "\n\nTexto exibido junto ao botão de \"carregando\" quando a propriedade `busy` está como `true`\n", "description": "

Texto exibido junto ao botão de "carregando" quando a propriedade busy está como true

\n", - "line": 26, + "line": 27, "type": "string", "decorators": [], "inheritance": { @@ -3910,7 +3922,7 @@ "deprecationMessage": "", "rawdescription": "\n\nPropriedade de habilitado ou desabilitado\n", "description": "

Propriedade de habilitado ou desabilitado

\n", - "line": 42, + "line": 43, "type": "boolean", "decorators": [], "inheritance": { @@ -3924,7 +3936,7 @@ "deprecationMessage": "", "rawdescription": "\n\nFaz ou não o botão preencher a largura do container. (classe w-100)\n", "description": "

Faz ou não o botão preencher a largura do container. (classe w-100)

\n", - "line": 50, + "line": 51, "type": "boolean", "decorators": [], "inheritance": { @@ -3938,19 +3950,33 @@ "deprecationMessage": "", "rawdescription": "\n\nCaso tenha ícone, indica se o ícone estará no começo ou fim do botão\n", "description": "

Caso tenha ícone, indica se o ícone estará no começo ou fim do botão

\n", - "line": 34, + "line": 35, "type": "\"start\" | \"end\"", "decorators": [], "inheritance": { "file": "ButtonComponent" } }, + { + "name": "justifyContent", + "defaultValue": "'center'", + "deprecated": false, + "deprecationMessage": "", + "rawdescription": "\n\nAlinha o conteúdo do botão\n", + "description": "

Alinha o conteúdo do botão

\n", + "line": 55, + "type": "\"start\" | \"center\"", + "decorators": [], + "inheritance": { + "file": "ButtonComponent" + } + }, { "name": "label", "defaultValue": "''", "deprecated": false, "deprecationMessage": "", - "line": 12, + "line": 13, "type": "string | null", "decorators": [], "inheritance": { @@ -3964,7 +3990,7 @@ "deprecationMessage": "", "rawdescription": "\n\nSe o botão será cheio ou apenas contornado pela borda\n", "description": "

Se o botão será cheio ou apenas contornado pela borda

\n", - "line": 38, + "line": 39, "type": "boolean", "decorators": [], "inheritance": { @@ -3978,7 +4004,7 @@ "deprecationMessage": "", "rawdescription": "\n\nTamanho do botão\n", "description": "

Tamanho do botão

\n", - "line": 46, + "line": 47, "type": "\"sm\" | \"md\"", "decorators": [], "inheritance": { @@ -3995,7 +4021,7 @@ "type": "string", "optional": false, "description": "", - "line": 11, + "line": 12, "decorators": [ { "name": "HostBinding", @@ -4014,7 +4040,7 @@ "type": "", "optional": false, "description": "", - "line": 77, + "line": 82, "modifierKind": [ 123 ], @@ -4076,7 +4102,7 @@ "optional": false, "returnType": "string", "typeParameters": [], - "line": 56, + "line": 61, "deprecated": false, "deprecationMessage": "", "modifierKind": [ @@ -4094,7 +4120,7 @@ "name": "className", "deprecated": false, "deprecationMessage": "", - "line": 11, + "line": 12, "type": "string", "decorators": [], "inheritance": { @@ -7804,27 +7830,27 @@ "deprecated": false, "deprecationMessage": "", "type": "object", - "defaultValue": "{\n label: '',\n type: MainColors.default,\n busy: false,\n busyText: '',\n iconClass: '',\n iconPosition: 'start',\n outline: false,\n disabled: false,\n size: 'md',\n fillWidth: false\n}" + "defaultValue": "{\n label: '',\n type: MainColors.default,\n busy: false,\n busyText: '',\n iconClass: '',\n iconPosition: 'start',\n outline: false,\n disabled: false,\n size: 'md',\n fillWidth: false,\n justifyContent: 'center'\n}" }, { "name": "defaultArgs", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/inputs/combo-box/combo-box.stories.ts", + "file": "src/components/inputs/checkbox/checkbox.stories.ts", "deprecated": false, "deprecationMessage": "", "type": "object", - "defaultValue": "{\n items: [],\n disabled: false,\n selectedItem: undefined\n}" + "defaultValue": "{\n checked: false,\n disabled: false,\n selectedItem: undefined,\n}" }, { "name": "defaultArgs", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/inputs/checkbox/checkbox.stories.ts", + "file": "src/components/inputs/combo-box/combo-box.stories.ts", "deprecated": false, "deprecationMessage": "", "type": "object", - "defaultValue": "{\n checked: false,\n disabled: false,\n selectedItem: undefined,\n}" + "defaultValue": "{\n items: [],\n disabled: false,\n selectedItem: undefined\n}" }, { "name": "defaultArgs", @@ -7840,21 +7866,21 @@ "name": "defaultArgs", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/inputs/dropdown-actions/dropdown-actions.stories.ts", + "file": "src/components/inputs/multi-select/multi-select.stories.ts", "deprecated": false, "deprecationMessage": "", "type": "object", - "defaultValue": "{\n actions: []\n}" + "defaultValue": "{\n options: [],\n placeholder: '',\n borderRadius: Sizes.md,\n roundedThumbnail: true,\n limit: 0,\n selectedOptions: [],\n sortSelectedItems: true,\n observableInput: undefined,\n observableDebounce: 100,\n unfocusOnSelect: true\n}" }, { "name": "defaultArgs", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/inputs/multi-select/multi-select.stories.ts", + "file": "src/components/inputs/dropdown-actions/dropdown-actions.stories.ts", "deprecated": false, "deprecationMessage": "", "type": "object", - "defaultValue": "{\n options: [],\n placeholder: '',\n borderRadius: Sizes.md,\n roundedThumbnail: true,\n limit: 0,\n selectedOptions: [],\n sortSelectedItems: true,\n observableInput: undefined,\n observableDebounce: 100,\n unfocusOnSelect: true\n}" + "defaultValue": "{\n actions: []\n}" }, { "name": "defaultArgs", @@ -7880,41 +7906,41 @@ "name": "defaultArgs", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/lists/draggable-list/draggable-list.stories.ts", + "file": "src/components/navigation/stepper/stepper.stories.ts", "deprecated": false, "deprecationMessage": "", "type": "object", - "defaultValue": "{\n showIndex: true,\n itemActionLabel: undefined,\n itemMainLabel: undefined,\n itemSubLabel: undefined,\n actions: undefined,\n itemList: undefined,\n roundedBorders: true,\n enableDragging: true,\n enableSelection: true,\n}" + "defaultValue": "{}" }, { "name": "defaultArgs", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/lists/grid-list/grid-list.stories.ts", + "file": "src/components/lists/draggable-list/draggable-list.stories.ts", "deprecated": false, "deprecationMessage": "", "type": "object", - "defaultValue": "{\n}" + "defaultValue": "{\n showIndex: true,\n itemActionLabel: undefined,\n itemMainLabel: undefined,\n itemSubLabel: undefined,\n actions: undefined,\n itemList: undefined,\n roundedBorders: true,\n enableDragging: true,\n enableSelection: true,\n}" }, { "name": "defaultArgs", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/lists/table-list/table-list.stories.ts", + "file": "src/components/lists/grid-list/grid-list.stories.ts", "deprecated": false, "deprecationMessage": "", "type": "object", - "defaultValue": "{\n columns: [],\n columnNames: [],\n imageColumns: [],\n imageHeight: '50px',\n showHeader: true,\n numberFormat: '1.2-2',\n numberPrefix: '',\n actionsTemplate: undefined,\n itemList: undefined,\n borderRadius: undefined,\n backgroundColor: undefined,\n expandedDetailTemplate: undefined,\n disableExpandedOnDisabledRow: true,\n expandedRow: undefined\n}" + "defaultValue": "{\n}" }, { "name": "defaultArgs", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/navigation/stepper/stepper.stories.ts", + "file": "src/components/lists/table-list/table-list.stories.ts", "deprecated": false, "deprecationMessage": "", "type": "object", - "defaultValue": "{}" + "defaultValue": "{\n columns: [],\n columnNames: [],\n imageColumns: [],\n imageHeight: '50px',\n showHeader: true,\n numberFormat: '1.2-2',\n numberPrefix: '',\n actionsTemplate: undefined,\n itemList: undefined,\n borderRadius: undefined,\n backgroundColor: undefined,\n expandedDetailTemplate: undefined,\n disableExpandedOnDisabledRow: true,\n expandedRow: undefined\n}" }, { "name": "defaultArgs", @@ -8430,21 +8456,21 @@ "name": "Template", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/inputs/combo-box/combo-box.stories.ts", + "file": "src/components/inputs/checkbox/checkbox.stories.ts", "deprecated": false, "deprecationMessage": "", - "type": "Story", - "defaultValue": "(args) => ({\n props: args,\n template: `\n \n \n `\n})" + "type": "Story", + "defaultValue": "(args) => ({\n props: args,\n template: `\n \n Checkbox\n \n `\n})" }, { "name": "Template", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/inputs/checkbox/checkbox.stories.ts", + "file": "src/components/inputs/combo-box/combo-box.stories.ts", "deprecated": false, "deprecationMessage": "", - "type": "Story", - "defaultValue": "(args) => ({\n props: args,\n template: `\n \n Checkbox\n \n `\n})" + "type": "Story", + "defaultValue": "(args) => ({\n props: args,\n template: `\n \n \n `\n})" }, { "name": "Template", @@ -8460,21 +8486,21 @@ "name": "Template", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/inputs/dropdown-actions/dropdown-actions.stories.ts", + "file": "src/components/inputs/multi-select/multi-select.stories.ts", "deprecated": false, "deprecationMessage": "", - "type": "Story", - "defaultValue": "(args) => ({\n props: args,\n template: `\n \n \n `\n})" + "type": "Story", + "defaultValue": "(args) => ({\n props: args,\n template: `\n \n \n `\n})" }, { "name": "Template", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/inputs/multi-select/multi-select.stories.ts", + "file": "src/components/inputs/dropdown-actions/dropdown-actions.stories.ts", "deprecated": false, "deprecationMessage": "", - "type": "Story", - "defaultValue": "(args) => ({\n props: args,\n template: `\n \n \n `\n})" + "type": "Story", + "defaultValue": "(args) => ({\n props: args,\n template: `\n \n \n `\n})" }, { "name": "Template", @@ -8496,6 +8522,16 @@ "type": "Story", "defaultValue": "(args) => ({\n props: args,\n template: `\n \n

Conteúdo aqui! algo como router-outlet

\n \n

.

\n \n \n `\n})" }, + { + "name": "Template", + "ctype": "miscellaneous", + "subtype": "variable", + "file": "src/components/navigation/stepper/stepper.stories.ts", + "deprecated": false, + "deprecationMessage": "", + "type": "Story", + "defaultValue": "(args) => ({\n props: args,\n template: `\n \n

This is any content of \"Step 1\"

\n

This is any content of \"Step 2\"

\n \n `\n})" + }, { "name": "Template", "ctype": "miscellaneous", @@ -8526,16 +8562,6 @@ "type": "Story", "defaultValue": "(args) => ({\n props: args,\n template: ``\n})" }, - { - "name": "Template", - "ctype": "miscellaneous", - "subtype": "variable", - "file": "src/components/navigation/stepper/stepper.stories.ts", - "deprecated": false, - "deprecationMessage": "", - "type": "Story", - "defaultValue": "(args) => ({\n props: args,\n template: `\n \n

This is any content of \"Step 1\"

\n

This is any content of \"Step 2\"

\n \n `\n})" - }, { "name": "Template", "ctype": "miscellaneous", @@ -9090,7 +9116,7 @@ "deprecated": false, "deprecationMessage": "", "type": "object", - "defaultValue": "{\n label: '',\n type: MainColors.default,\n busy: false,\n busyText: '',\n iconClass: '',\n iconPosition: 'start',\n outline: false,\n disabled: false,\n size: 'md',\n fillWidth: false\n}" + "defaultValue": "{\n label: '',\n type: MainColors.default,\n busy: false,\n busyText: '',\n iconClass: '',\n iconPosition: 'start',\n outline: false,\n disabled: false,\n size: 'md',\n fillWidth: false,\n justifyContent: 'center'\n}" }, { "name": "DefaultButton", @@ -9409,88 +9435,88 @@ "defaultValue": "(args) => ({\n props: args,\n template: `\n \n \n \n \n \n Apps\n \n
Content 1
\n \n Content 2 \n Content 3 \n \n \n `\n})" } ], - "src/components/inputs/combo-box/combo-box.stories.ts": [ + "src/components/inputs/checkbox/checkbox.stories.ts": [ { "name": "defaultArgs", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/inputs/combo-box/combo-box.stories.ts", + "file": "src/components/inputs/checkbox/checkbox.stories.ts", "deprecated": false, "deprecationMessage": "", "type": "object", - "defaultValue": "{\n items: [],\n disabled: false,\n selectedItem: undefined\n}" + "defaultValue": "{\n checked: false,\n disabled: false,\n selectedItem: undefined,\n}" }, { - "name": "DefaultComboBox", + "name": "DefaultCheckbox", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/inputs/combo-box/combo-box.stories.ts", + "file": "src/components/inputs/checkbox/checkbox.stories.ts", "deprecated": false, "deprecationMessage": "", "type": "", "defaultValue": "Template.bind({})" }, { - "name": "defaultItems", + "name": "DisabledCheckbox", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/inputs/combo-box/combo-box.stories.ts", + "file": "src/components/inputs/checkbox/checkbox.stories.ts", "deprecated": false, "deprecationMessage": "", - "type": "[]", - "defaultValue": "[\n {\n label: 'Value 1',\n value: 1\n },\n {\n label: 'Value 2',\n value: 2\n },\n {\n label: 'Value 3',\n value: 3\n }\n]" + "type": "", + "defaultValue": "Template.bind({})" }, { "name": "Template", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/inputs/combo-box/combo-box.stories.ts", + "file": "src/components/inputs/checkbox/checkbox.stories.ts", "deprecated": false, "deprecationMessage": "", - "type": "Story", - "defaultValue": "(args) => ({\n props: args,\n template: `\n \n \n `\n})" + "type": "Story", + "defaultValue": "(args) => ({\n props: args,\n template: `\n \n Checkbox\n \n `\n})" } ], - "src/components/inputs/checkbox/checkbox.stories.ts": [ + "src/components/inputs/combo-box/combo-box.stories.ts": [ { "name": "defaultArgs", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/inputs/checkbox/checkbox.stories.ts", + "file": "src/components/inputs/combo-box/combo-box.stories.ts", "deprecated": false, "deprecationMessage": "", "type": "object", - "defaultValue": "{\n checked: false,\n disabled: false,\n selectedItem: undefined,\n}" + "defaultValue": "{\n items: [],\n disabled: false,\n selectedItem: undefined\n}" }, { - "name": "DefaultCheckbox", + "name": "DefaultComboBox", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/inputs/checkbox/checkbox.stories.ts", + "file": "src/components/inputs/combo-box/combo-box.stories.ts", "deprecated": false, "deprecationMessage": "", "type": "", "defaultValue": "Template.bind({})" }, { - "name": "DisabledCheckbox", + "name": "defaultItems", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/inputs/checkbox/checkbox.stories.ts", + "file": "src/components/inputs/combo-box/combo-box.stories.ts", "deprecated": false, "deprecationMessage": "", - "type": "", - "defaultValue": "Template.bind({})" + "type": "[]", + "defaultValue": "[\n {\n label: 'Value 1',\n value: 1\n },\n {\n label: 'Value 2',\n value: 2\n },\n {\n label: 'Value 3',\n value: 3\n }\n]" }, { "name": "Template", "ctype": "miscellaneous", "subtype": "variable", - "file": "src/components/inputs/checkbox/checkbox.stories.ts", + "file": "src/components/inputs/combo-box/combo-box.stories.ts", "deprecated": false, "deprecationMessage": "", - "type": "Story", - "defaultValue": "(args) => ({\n props: args,\n template: `\n \n Checkbox\n \n `\n})" + "type": "Story", + "defaultValue": "(args) => ({\n props: args,\n template: `\n \n \n `\n})" } ], "src/components/inputs/copy-content-input/copy-content-input.stories.ts": [ @@ -9525,38 +9551,6 @@ "defaultValue": "(args) => ({\n props: args,\n template: `\n \n \n `\n})" } ], - "src/components/inputs/dropdown-actions/dropdown-actions.stories.ts": [ - { - "name": "defaultArgs", - "ctype": "miscellaneous", - "subtype": "variable", - "file": "src/components/inputs/dropdown-actions/dropdown-actions.stories.ts", - "deprecated": false, - "deprecationMessage": "", - "type": "object", - "defaultValue": "{\n actions: []\n}" - }, - { - "name": "DefaultDropdownActions", - "ctype": "miscellaneous", - "subtype": "variable", - "file": "src/components/inputs/dropdown-actions/dropdown-actions.stories.ts", - "deprecated": false, - "deprecationMessage": "", - "type": "", - "defaultValue": "Template.bind({})" - }, - { - "name": "Template", - "ctype": "miscellaneous", - "subtype": "variable", - "file": "src/components/inputs/dropdown-actions/dropdown-actions.stories.ts", - "deprecated": false, - "deprecationMessage": "", - "type": "Story", - "defaultValue": "(args) => ({\n props: args,\n template: `\n \n \n `\n})" - } - ], "src/components/inputs/multi-select/multi-select.stories.ts": [ { "name": "defaultArgs", @@ -9619,6 +9613,38 @@ "defaultValue": "Template.bind({})" } ], + "src/components/inputs/dropdown-actions/dropdown-actions.stories.ts": [ + { + "name": "defaultArgs", + "ctype": "miscellaneous", + "subtype": "variable", + "file": "src/components/inputs/dropdown-actions/dropdown-actions.stories.ts", + "deprecated": false, + "deprecationMessage": "", + "type": "object", + "defaultValue": "{\n actions: []\n}" + }, + { + "name": "DefaultDropdownActions", + "ctype": "miscellaneous", + "subtype": "variable", + "file": "src/components/inputs/dropdown-actions/dropdown-actions.stories.ts", + "deprecated": false, + "deprecationMessage": "", + "type": "", + "defaultValue": "Template.bind({})" + }, + { + "name": "Template", + "ctype": "miscellaneous", + "subtype": "variable", + "file": "src/components/inputs/dropdown-actions/dropdown-actions.stories.ts", + "deprecated": false, + "deprecationMessage": "", + "type": "Story", + "defaultValue": "(args) => ({\n props: args,\n template: `\n \n \n `\n})" + } + ], "src/components/inputs/radio-button/radio-button.stories.ts": [ { "name": "defaultArgs", @@ -9693,6 +9719,38 @@ "defaultValue": "(args) => ({\n props: args,\n template: `\n \n

Conteúdo aqui! algo como router-outlet

\n \n

.

\n \n \n `\n})" } ], + "src/components/navigation/stepper/stepper.stories.ts": [ + { + "name": "defaultArgs", + "ctype": "miscellaneous", + "subtype": "variable", + "file": "src/components/navigation/stepper/stepper.stories.ts", + "deprecated": false, + "deprecationMessage": "", + "type": "object", + "defaultValue": "{}" + }, + { + "name": "DefaultStepper", + "ctype": "miscellaneous", + "subtype": "variable", + "file": "src/components/navigation/stepper/stepper.stories.ts", + "deprecated": false, + "deprecationMessage": "", + "type": "", + "defaultValue": "Template.bind({})" + }, + { + "name": "Template", + "ctype": "miscellaneous", + "subtype": "variable", + "file": "src/components/navigation/stepper/stepper.stories.ts", + "deprecated": false, + "deprecationMessage": "", + "type": "Story", + "defaultValue": "(args) => ({\n props: args,\n template: `\n \n

This is any content of \"Step 1\"

\n

This is any content of \"Step 2\"

\n \n `\n})" + } + ], "src/components/lists/draggable-list/draggable-list.stories.ts": [ { "name": "defaultArgs", @@ -9787,38 +9845,6 @@ "defaultValue": "(args) => ({\n props: args,\n template: `\n \n \n `\n})" } ], - "src/components/navigation/stepper/stepper.stories.ts": [ - { - "name": "defaultArgs", - "ctype": "miscellaneous", - "subtype": "variable", - "file": "src/components/navigation/stepper/stepper.stories.ts", - "deprecated": false, - "deprecationMessage": "", - "type": "object", - "defaultValue": "{}" - }, - { - "name": "DefaultStepper", - "ctype": "miscellaneous", - "subtype": "variable", - "file": "src/components/navigation/stepper/stepper.stories.ts", - "deprecated": false, - "deprecationMessage": "", - "type": "", - "defaultValue": "Template.bind({})" - }, - { - "name": "Template", - "ctype": "miscellaneous", - "subtype": "variable", - "file": "src/components/navigation/stepper/stepper.stories.ts", - "deprecated": false, - "deprecationMessage": "", - "type": "Story", - "defaultValue": "(args) => ({\n props: args,\n template: `\n \n

This is any content of \"Step 1\"

\n

This is any content of \"Step 2\"

\n \n `\n})" - } - ], "src/directives/ng-if-loaded/spinner/spinner.stories.ts": [ { "name": "defaultArgs", @@ -10471,8 +10497,8 @@ "type": "component", "linktype": "component", "name": "ButtonComponent", - "coveragePercent": 56, - "coverageCount": "9/16", + "coveragePercent": 58, + "coverageCount": "10/17", "status": "good" }, { @@ -10766,8 +10792,8 @@ "type": "component", "linktype": "component", "name": "DropdownActionsComponent", - "coveragePercent": 35, - "coverageCount": "7/20", + "coveragePercent": 38, + "coverageCount": "8/21", "status": "medium" }, { diff --git a/package.json b/package.json index 500d1a2..04035aa 100755 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@mprisma/components", - "version": "15.0.3", + "version": "15.0.4", "repository": { "type": "git", "url": "https://github.com/gabriel-gn/prisma-components.git" diff --git a/src/components/inputs/button/button.component.html b/src/components/inputs/button/button.component.html index def6f5b..fbb6fbf 100644 --- a/src/components/inputs/button/button.component.html +++ b/src/components/inputs/button/button.component.html @@ -1,6 +1,11 @@