@govbr-ds/webcomponents 2.0.0-next.3 → 2.0.0-next.5

package/dist/collection/components/button/button.js

@@ -0,0 +1,454 @@
+import { Host, h } from "@stencil/core";
+import { inheritAriaAttributes } from "../../utils/inherited-attributes";
+/**
+ * Consulte a [documentação GovBR-DS](https://www.gov.br/ds/components/button?tab=designer) para mais detalhes.
+ *
+ * @slot default Conteúdo do Button
+ */
+export class Button {
+    constructor() {
+        this.inheritedAttributes = {};
+        this.circle = false;
+        this.emphasis = null;
+        this.block = false;
+        this.density = null;
+        this.loading = false;
+        this.disabled = false;
+        this.active = false;
+        this.type = 'button';
+        this.value = undefined;
+        this.darkMode = false;
+    }
+    connectedCallback() {
+        this.brConnectedCallback.emit(this);
+    }
+    componentWillLoad() {
+        this.brComponentWillLoad.emit(this);
+        this.inheritedAttributes = inheritAriaAttributes(this.el);
+    }
+    componentDidLoad() {
+        this.brComponentDidLoad.emit(this);
+    }
+    componentWillRender() {
+        this.brComponentWillRender.emit(this);
+    }
+    componentDidRender() {
+        this.brComponentDidRender.emit(this);
+    }
+    componentShouldUpdate() {
+        this.brComponentShouldUpdate.emit(this);
+    }
+    componentWillUpdate() {
+        this.brComponentWillUpdate.emit(this);
+    }
+    componentDidUpdate() {
+        this.brComponentDidUpdate.emit(this);
+    }
+    disconnectedCallback() {
+        this.brDisconnectedCallback.emit(this);
+    }
+    onFormAssociatedCallback(form) {
+        this.formAssociatedCallback.emit(form);
+    }
+    onFormDisassociatedCallback(form) {
+        this.formDisassociatedCallback.emit(form);
+    }
+    handleClick() {
+        if (this.type === 'submit') {
+            const submitEvent = new SubmitEvent('submit', {
+                submitter: this.elementInternals.form,
+                composed: true,
+                cancelable: true,
+                bubbles: true,
+            });
+            this.elementInternals.form.dispatchEvent(submitEvent);
+        }
+        if (this.type === 'reset') {
+            this.elementInternals.form.reset();
+        }
+    }
+    getCssClassMap() {
+        return {
+            'br-button': true,
+            primary: this.emphasis === 'primary',
+            secondary: this.emphasis === 'secondary',
+            large: this.density === 'large',
+            small: this.density === 'small',
+            block: this.block,
+            circle: this.circle,
+            active: this.active,
+            loading: this.loading,
+            'dark-mode': this.darkMode,
+        };
+    }
+    render() {
+        return (h(Host, { key: '697a85f836a7b660c5b093ed3d35018fa5f0d96e', "aria-disabled": this.disabled ? 'true' : null }, h("button", Object.assign({ key: 'aadd54e84485ecef0e2a38902086567b0f1dc881', class: this.getCssClassMap(), type: this.type, disabled: this.disabled, value: this.value, onClick: () => this.handleClick() }, this.inheritedAttributes), h("slot", { key: '1dbe98ff522f5f9e95096a2397a24752ee06d9c4' }))));
+    }
+    static get is() { return "br-button"; }
+    static get encapsulation() { return "shadow"; }
+    static get formAssociated() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["button.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["button.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "circle": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Tipo: circular"
+                },
+                "attribute": "circle",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "emphasis": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'primary' | 'secondary'",
+                    "resolved": "\"primary\" | \"secondary\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u00CAnfase"
+                },
+                "attribute": "emphasis",
+                "reflect": true,
+                "defaultValue": "null"
+            },
+            "block": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Comportamento: bloco"
+                },
+                "attribute": "block",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "density": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'small' | 'large' | null",
+                    "resolved": "\"large\" | \"small\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Comportamento: densidade"
+                },
+                "attribute": "density",
+                "reflect": true,
+                "defaultValue": "null"
+            },
+            "loading": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Estado: loading/progresso"
+                },
+                "attribute": "loading",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Estado: desabilitado"
+                },
+                "attribute": "disabled",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "active": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Estado: ativo"
+                },
+                "attribute": "active",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'button' | 'reset' | 'submit'",
+                    "resolved": "\"button\" | \"reset\" | \"submit\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "[Tipo](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/button#type) do bot\u00E3o."
+                },
+                "attribute": "type",
+                "reflect": true,
+                "defaultValue": "'button'"
+            },
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Valor do bot\u00E3o"
+                },
+                "attribute": "value",
+                "reflect": true
+            },
+            "darkMode": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Habilita bot\u00E3o para fundos escuros (dark mode/invertido)"
+                },
+                "attribute": "dark-mode",
+                "reflect": true,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "brConnectedCallback",
+                "name": "brConnectedCallback",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Consulte a documenta\u00E7\u00E3o do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback)."
+                },
+                "complexType": {
+                    "original": "this",
+                    "resolved": "this",
+                    "references": {}
+                }
+            }, {
+                "method": "brComponentWillLoad",
+                "name": "brComponentWillLoad",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Consulte a documenta\u00E7\u00E3o do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback)."
+                },
+                "complexType": {
+                    "original": "this",
+                    "resolved": "this",
+                    "references": {}
+                }
+            }, {
+                "method": "brComponentDidLoad",
+                "name": "brComponentDidLoad",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Consulte a documenta\u00E7\u00E3o do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback)."
+                },
+                "complexType": {
+                    "original": "this",
+                    "resolved": "this",
+                    "references": {}
+                }
+            }, {
+                "method": "brComponentWillRender",
+                "name": "brComponentWillRender",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Consulte a documenta\u00E7\u00E3o do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback)."
+                },
+                "complexType": {
+                    "original": "this",
+                    "resolved": "this",
+                    "references": {}
+                }
+            }, {
+                "method": "brComponentDidRender",
+                "name": "brComponentDidRender",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Consulte a documenta\u00E7\u00E3o do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback)."
+                },
+                "complexType": {
+                    "original": "this",
+                    "resolved": "this",
+                    "references": {}
+                }
+            }, {
+                "method": "brComponentShouldUpdate",
+                "name": "brComponentShouldUpdate",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Consulte a documenta\u00E7\u00E3o do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback)."
+                },
+                "complexType": {
+                    "original": "this",
+                    "resolved": "this",
+                    "references": {}
+                }
+            }, {
+                "method": "brComponentWillUpdate",
+                "name": "brComponentWillUpdate",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Consulte a documenta\u00E7\u00E3o do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback)."
+                },
+                "complexType": {
+                    "original": "this",
+                    "resolved": "this",
+                    "references": {}
+                }
+            }, {
+                "method": "brComponentDidUpdate",
+                "name": "brComponentDidUpdate",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Consulte a documenta\u00E7\u00E3o do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback)."
+                },
+                "complexType": {
+                    "original": "this",
+                    "resolved": "this",
+                    "references": {}
+                }
+            }, {
+                "method": "brDisconnectedCallback",
+                "name": "brDisconnectedCallback",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Consulte a documenta\u00E7\u00E3o do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback)."
+                },
+                "complexType": {
+                    "original": "this",
+                    "resolved": "this",
+                    "references": {}
+                }
+            }, {
+                "method": "formAssociatedCallback",
+                "name": "formAssociatedCallback",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Componente foi inserido em um `<form>`"
+                },
+                "complexType": {
+                    "original": "this",
+                    "resolved": "this",
+                    "references": {}
+                }
+            }, {
+                "method": "formDisassociatedCallback",
+                "name": "formDisassociatedCallback",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Componente foi removido de um `<form>`"
+                },
+                "complexType": {
+                    "original": "this",
+                    "resolved": "this",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get attachInternalsMemberName() { return "elementInternals"; }
+}
+//# sourceMappingURL=button.js.map

package/dist/collection/components/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AttachInternals, Component, Element, Event, EventEmitter, Host, Prop, h } from '@stencil/core'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Consulte a [documentação GovBR-DS](https://www.gov.br/ds/components/button?tab=designer) para mais detalhes.\n *\n * @slot default Conteúdo do Button\n */\n@Component({\n  tag: 'br-button',\n  styleUrl: 'button.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Button {\n  /** Elemento host */\n  @Element() el: HTMLButtonElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /** Tipo: circular */\n  @Prop({ reflect: true }) circle: boolean = false\n\n  /** Ênfase */\n  @Prop({ reflect: true }) emphasis: 'primary' | 'secondary' = null\n\n  /** Comportamento: bloco */\n  @Prop({ reflect: true }) block: boolean = false\n\n  /** Comportamento: densidade */\n  @Prop({ reflect: true }) density: 'small' | 'large' | null = null\n\n  /** Estado: loading/progresso */\n  @Prop({ reflect: true }) loading: boolean = false\n\n  /** Estado: desabilitado */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /** Estado: ativo */\n  @Prop({ reflect: true }) active: boolean = false\n\n  /** [Tipo](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/button#type) do botão. */\n  @Prop({ reflect: true }) type: 'button' | 'reset' | 'submit' = 'button'\n\n  /** Valor do botão */\n  @Prop({ reflect: true }) value: string\n\n  /** Habilita botão para fundos escuros (dark mode/invertido) */\n  @Prop({ reflect: true }) darkMode: boolean = false\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brConnectedCallback: EventEmitter<this>\n  connectedCallback() {\n    this.brConnectedCallback.emit(this)\n  }\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brComponentWillLoad: EventEmitter<this>\n  componentWillLoad() {\n    this.brComponentWillLoad.emit(this)\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brComponentDidLoad: EventEmitter<this>\n  componentDidLoad() {\n    this.brComponentDidLoad.emit(this)\n  }\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brComponentWillRender: EventEmitter<this>\n  componentWillRender() {\n    this.brComponentWillRender.emit(this)\n  }\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brComponentDidRender: EventEmitter<this>\n  componentDidRender() {\n    this.brComponentDidRender.emit(this)\n  }\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brComponentShouldUpdate: EventEmitter<this>\n  componentShouldUpdate() {\n    this.brComponentShouldUpdate.emit(this)\n  }\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brComponentWillUpdate: EventEmitter<this>\n  componentWillUpdate() {\n    this.brComponentWillUpdate.emit(this)\n  }\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brComponentDidUpdate: EventEmitter<this>\n  componentDidUpdate() {\n    this.brComponentDidUpdate.emit(this)\n  }\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brDisconnectedCallback: EventEmitter<this>\n  disconnectedCallback() {\n    this.brDisconnectedCallback.emit(this)\n  }\n\n  /** Componente foi inserido em um `<form>` */\n  @Event() formAssociatedCallback: EventEmitter<this>\n  onFormAssociatedCallback(form) {\n    this.formAssociatedCallback.emit(form)\n  }\n\n  /** Componente foi removido de um `<form>` */\n  @Event() formDisassociatedCallback: EventEmitter<this>\n  onFormDisassociatedCallback(form) {\n    this.formDisassociatedCallback.emit(form)\n  }\n\n  private handleClick() {\n    if (this.type === 'submit') {\n      const submitEvent = new SubmitEvent('submit', {\n        submitter: this.elementInternals.form,\n        composed: true,\n        cancelable: true,\n        bubbles: true,\n      })\n      this.elementInternals.form.dispatchEvent(submitEvent)\n    }\n\n    if (this.type === 'reset') {\n      this.elementInternals.form.reset()\n    }\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-button': true,\n      primary: this.emphasis === 'primary',\n      secondary: this.emphasis === 'secondary',\n      large: this.density === 'large',\n      small: this.density === 'small',\n      block: this.block,\n      circle: this.circle,\n      active: this.active,\n      loading: this.loading,\n      'dark-mode': this.darkMode,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  render() {\n    return (\n      <Host aria-disabled={this.disabled ? 'true' : null}>\n        <button\n          class={this.getCssClassMap()}\n          type={this.type}\n          disabled={this.disabled}\n          value={this.value}\n          onClick={() => this.handleClick()}\n          {...this.inheritedAttributes}\n        >\n          <slot></slot>\n        </button>\n      </Host>\n    )\n  }\n}\n"]}