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

package/dist/collection/components/checkbox/checkbox.js

@@ -0,0 +1,392 @@
+import { h } from "@stencil/core";
+import { inheritAriaAttributes } from "../../utils/inherited-attributes";
+/**
+ * Consulte a [documentação GovBR-DS](https://www.gov.br/ds/components/checkbox?tab=designer) para mais detalhes.
+ */
+export class Checkbox {
+    constructor() {
+        this.inheritedAttributes = {};
+        this.checked = false;
+        this.disabled = false;
+        this.invalid = false;
+        this.valid = false;
+        this.name = undefined;
+        this.label = undefined;
+        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);
+    }
+    getCssClassMap() {
+        return {
+            'br-checkbox': true,
+            valid: this.valid,
+            invalid: this.invalid,
+            disabled: this.disabled,
+        };
+    }
+    handleCheckedChange(event) {
+        this.checked = event.target.checked;
+        this.checkedChange.emit(this.checked);
+    }
+    render() {
+        return (h("host", { key: 'ac06db5d486de8f606d65761c231dc4f1fc1809f' }, h("div", { key: '42dd873c75fad048f4041b4e93ed35309b1b261c', class: this.getCssClassMap() }, h("input", Object.assign({ key: '619900517706ddc467391541796c77439aa7261b', "aria-label": this.label, type: "checkbox", id: this.name, name: this.name, checked: this.checked, value: this.value, onChange: (event) => this.handleCheckedChange(event) }, this.inheritedAttributes)), this.label && h("label", { key: 'b8defcb9234be61621eb31db0fbc1513b6b64d01', htmlFor: this.name }, this.label))));
+    }
+    static get is() { return "br-checkbox"; }
+    static get encapsulation() { return "shadow"; }
+    static get formAssociated() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["checkbox.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["checkbox.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "checked": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "checked",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disabled",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "invalid": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "invalid",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "valid": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "valid",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "name",
+                "reflect": true
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "label",
+                "reflect": true
+            },
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "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": "checkedChange",
+                "name": "checkedChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get attachInternalsMemberName() { return "elementInternals"; }
+}
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AttachInternals, Component, Element, Event, EventEmitter, 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/checkbox?tab=designer) para mais detalhes.\n */\n@Component({\n  tag: 'br-checkbox',\n  styleUrl: 'checkbox.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Checkbox {\n  /** Elemento host */\n  @Element() el: HTMLInputElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false\n\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  @Prop({ reflect: true }) invalid: boolean = false\n\n  @Prop({ reflect: true }) valid: boolean = false\n\n  @Prop({ reflect: true }) name!: string\n\n  @Prop({ reflect: true }) label: string\n\n  @Prop({ reflect: 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 getCssClassMap(): CssClassMap {\n    return {\n      'br-checkbox': true,\n      valid: this.valid,\n      invalid: this.invalid,\n      disabled: this.disabled,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  @Event() checkedChange: EventEmitter<boolean>\n\n  private handleCheckedChange(event: Event) {\n    this.checked = (event.target as HTMLInputElement).checked\n    this.checkedChange.emit(this.checked)\n  }\n\n  render() {\n    return (\n      <host>\n        <div class={this.getCssClassMap()}>\n          <input\n            aria-label={this.label}\n            type=\"checkbox\"\n            id={this.name}\n            name={this.name}\n            checked={this.checked}\n            value={this.value}\n            onChange={(event) => this.handleCheckedChange(event)}\n            {...this.inheritedAttributes}\n          />\n          {this.label && <label htmlFor={this.name}>{this.label}</label>}\n        </div>\n      </host>\n    )\n  }\n}\n"]}