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

package/dist/collection/components/input/input.js

@@ -0,0 +1,631 @@
+import { Host, h } from "@stencil/core";
+import { inheritAriaAttributes } from "../../utils/inherited-attributes";
+/**
+ *
+ * Consulte a [documentação GovBR-DS](https://www.gov.br/ds/components/input?tab=designer) para mais detalhes.
+ *
+ * @slot action Define a ação interna
+ *
+ */
+export class Input {
+    constructor() {
+        this.inheritedAttributes = {};
+        this.type = 'text';
+        this.autocomplete = undefined;
+        this.autofocus = false;
+        this.density = '';
+        this.disabled = false;
+        this.inline = false;
+        this.icon = false;
+        this.button = false;
+        this.highlight = false;
+        this.success = false;
+        this.danger = false;
+        this.info = false;
+        this.warning = false;
+        this.label = undefined;
+        this.name = undefined;
+        this.placeholder = undefined;
+        this.readonly = false;
+        this.required = false;
+        this.value = undefined;
+    }
+    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);
+    }
+    getInputCssClassMap() {
+        return {
+            'br-input': true,
+            'input-button': this.button,
+            large: this.density === 'large',
+            small: this.density === 'small',
+            'input-inline': this.inline,
+            'input-highlight': this.highlight,
+            success: this.success,
+            danger: this.danger,
+            info: this.info,
+            warning: this.warning,
+        };
+    }
+    handleInput(event) {
+        this.value = event.target.value;
+        this.valueChange.emit(this.value);
+    }
+    render() {
+        return (h(Host, { key: 'ac4754444dbcdbcd9d1947a9e490bbea432feb4c' }, h("div", { key: 'd6b0c337087e8425337e8398f321fc28453c7aa7', class: this.getInputCssClassMap() }, this.label && (h("label", { key: '5774464ab8936bf6a8cbe311ed183b4da084f766', class: "text-nowrap", htmlFor: this.el.id }, this.label)), this.icon && (h("div", { key: '030195a9f2663f367fcd795c172e79b90350900e', class: "input-icon" }, h("slot", { key: '13592d36976c6b615307fe709462a39654f64e2d', name: "icon" }))), h("input", Object.assign({ key: 'cdc48565c110adb3b8ddd0776c8c0abce66c1df3', autocomplete: this.autocomplete, autofocus: this.autofocus, disabled: this.disabled, onInput: this.handleInput.bind(this), placeholder: this.placeholder, readonly: this.readonly, required: this.required, title: this.el.title, type: this.type, value: this.value }, this.inheritedAttributes)), this.button && (h("br-button", { key: '5c52c25ad2a26285c66437082aa03fc0929e3e5d', class: "br-button", circle: true }, h("slot", { key: '9a0162c5cc0d1eec6d3a2c1804aea0704a1dd59d', name: "action" }))))));
+    }
+    static get is() { return "br-input"; }
+    static get encapsulation() { return "shadow"; }
+    static get formAssociated() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["input.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["input.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "| 'color'\n    | 'email'\n    | 'hidden'\n    | 'password'\n    | 'range'\n    | 'search'\n    | 'number'\n    | 'tel'\n    | 'text'\n    | 'url'",
+                    "resolved": "\"color\" | \"email\" | \"hidden\" | \"number\" | \"password\" | \"range\" | \"search\" | \"tel\" | \"text\" | \"url\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Tipo de campo de entrada"
+                },
+                "attribute": "type",
+                "reflect": true,
+                "defaultValue": "'text'"
+            },
+            "autocomplete": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'on' | 'off'",
+                    "resolved": "\"off\" | \"on\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Define o comportamento padr\u00E3o do browser para autocomplete em formul\u00E1rios"
+                },
+                "attribute": "autocomplete",
+                "reflect": true
+            },
+            "autofocus": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Se definido como true, o campo de entrada receber\u00E1 foco automaticamente quando o formul\u00E1rio for carregado"
+                },
+                "attribute": "autofocus",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "density": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'small' | 'large' | ''",
+                    "resolved": "\"\" | \"large\" | \"small\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Comportamento: densidade"
+                },
+                "attribute": "density",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Se definido como true, o campo de entrada \u00E9 desabilitado e n\u00E3o pode ser interrompido."
+                },
+                "attribute": "disabled",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "inline": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Define o label e input como comportamento inline"
+                },
+                "attribute": "inline",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "icon": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "slot",
+                            "text": "icon para definir o \u00EDcone"
+                        }],
+                    "text": "Define se o input vai ser icon. Use o"
+                },
+                "attribute": "icon",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "button": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Define se o input vai ter um bot\u00E3o a direita"
+                },
+                "attribute": "button",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "highlight": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "highlight",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "success": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "success",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "danger": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "danger",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "info": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "info",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "warning": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "warning",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Label para o input"
+                },
+                "attribute": "label",
+                "reflect": true
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Nome do campo de entrada"
+                },
+                "attribute": "name",
+                "reflect": true
+            },
+            "placeholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Uma dica ou sugest\u00E3o exibida dentro do campo de entrada quando ele est\u00E1 vazio"
+                },
+                "attribute": "placeholder",
+                "reflect": true
+            },
+            "readonly": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Se definido como true, o valor do campo de entrada pode ser exibido, mas n\u00E3o editado pelo usu\u00E1rio."
+                },
+                "attribute": "readonly",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "required": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Se definido como true, o campo de entrada deve ser preenchido antes que o formul\u00E1rio possa ser enviado."
+                },
+                "attribute": "required",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "value": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Valor inicial a ser exibido no campo de entrada."
+                },
+                "attribute": "value",
+                "reflect": true
+            }
+        };
+    }
+    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": {}
+                }
+            }, {
+                "method": "valueChange",
+                "name": "valueChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Valor atualizado do input"
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get attachInternalsMemberName() { return "elementInternals"; }
+}
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.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 *\n * Consulte a [documentação GovBR-DS](https://www.gov.br/ds/components/input?tab=designer) para mais detalhes.\n *\n * @slot action Define a ação interna\n *\n */\n@Component({\n  tag: 'br-input',\n  styleUrl: 'input.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Input {\n  /** Elemento host */\n  @Element() el: HTMLInputElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /** Tipo de campo de entrada */\n  @Prop({ reflect: true }) type:\n    | 'color'\n    | 'email'\n    | 'hidden'\n    | 'password'\n    | 'range'\n    | 'search'\n    | 'number'\n    | 'tel'\n    | 'text'\n    | 'url' = 'text'\n\n  /**  Define o comportamento padrão do browser para autocomplete em formulários */\n  @Prop({ reflect: true }) autocomplete: 'on' | 'off'\n\n  /** Se definido como true, o campo de entrada receberá foco automaticamente quando o formulário for carregado */\n  @Prop({ reflect: true }) autofocus: boolean = false\n\n  /** Comportamento: densidade */\n  @Prop({ reflect: true }) density: 'small' | 'large' | '' = ''\n\n  /** Se definido como true, o campo de entrada é desabilitado e não pode ser interrompido. */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /** Define o label e input como comportamento inline */\n  @Prop({ reflect: true }) inline: boolean = false\n\n  /** Define se o input vai ser icon. Use o @slot icon para definir o ícone */\n  @Prop({ reflect: true }) icon: boolean = false\n\n  /** Define se o input vai ter um botão a direita */\n  @Prop({ reflect: true }) button: boolean = false\n\n  @Prop({ reflect: true }) highlight: boolean = false\n\n  @Prop({ reflect: true }) success: boolean = false\n\n  @Prop({ reflect: true }) danger: boolean = false\n\n  @Prop({ reflect: true }) info: boolean = false\n\n  @Prop({ reflect: true }) warning: boolean = false\n\n  /** Label para o input */\n  @Prop({ reflect: true }) label: string\n\n  /** Nome do campo de entrada */\n  @Prop({ reflect: true }) name: string\n\n  /** Uma dica ou sugestão exibida dentro do campo de entrada quando ele está vazio */\n  @Prop({ reflect: true }) placeholder: string\n\n  /** Se definido como true, o valor do campo de entrada pode ser exibido, mas não editado pelo usuário. */\n  @Prop({ reflect: true }) readonly: boolean = false\n\n  /** Se definido como true, o campo de entrada deve ser preenchido antes que o formulário possa ser enviado. */\n  @Prop({ reflect: true }) required: boolean = false\n\n  /** Valor inicial a ser exibido no campo de entrada. */\n  @Prop({ reflect: true, mutable: true }) value: string\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 getInputCssClassMap(): CssClassMap {\n    return {\n      'br-input': true,\n      'input-button': this.button,\n      large: this.density === 'large',\n      small: this.density === 'small',\n      'input-inline': this.inline,\n      'input-highlight': this.highlight,\n      success: this.success,\n      danger: this.danger,\n      info: this.info,\n      warning: this.warning,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  /** Valor atualizado do input */\n  @Event() valueChange!: EventEmitter<string>\n\n  private handleInput(event: Event) {\n    this.value = (event.target as HTMLInputElement).value\n    this.valueChange.emit(this.value)\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getInputCssClassMap()}>\n          {this.label && (\n            <label class=\"text-nowrap\" htmlFor={this.el.id}>\n              {this.label}\n            </label>\n          )}\n          {this.icon && (\n            <div class=\"input-icon\">\n              <slot name=\"icon\"></slot>\n            </div>\n          )}\n          <input\n            autocomplete={this.autocomplete}\n            autofocus={this.autofocus}\n            disabled={this.disabled}\n            onInput={this.handleInput.bind(this)}\n            placeholder={this.placeholder}\n            readonly={this.readonly}\n            required={this.required}\n            title={this.el.title}\n            type={this.type}\n            value={this.value}\n            {...this.inheritedAttributes}\n          />\n          {this.button && (\n            <br-button class=\"br-button\" circle>\n              <slot name=\"action\"></slot>\n            </br-button>\n          )}\n        </div>\n      </Host>\n    )\n  }\n}\n"]}