@govbr-ds/webcomponents 2.0.0-next.44 → 2.0.0-next.46

package/dist/collection/components/card/card.js

@@ -0,0 +1,166 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+import { h, Host } from "@stencil/core";
+/**
+ * O componente Card é um container versátil para apresentação de conteúdo estruturado.
+ * Suporta cabeçalho, conteúdo principal e rodapé, além de diferentes estilos visuais.
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/card?tab=designer).
+ *
+ * @slot default - Conteúdo principal do card quando não usar slots estruturados
+ * @slot header - Conteúdo do cabeçalho do card
+ * @slot content - Conteúdo principal do card (quando usar estrutura com slots)
+ * @slot footer - Conteúdo do rodapé do card
+ */
+export class BrCard {
+    constructor() {
+        /**
+         * Identificador único.
+         * Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        this.customId = `br-card-${brCardId++}`;
+        /**
+         * Define se o card está desabilitado.
+         * Quando true, o card fica com opacidade reduzida e não responde a interações.
+         */
+        this.disabled = false;
+        /**
+         * Define se o card tem hover interativo.
+         * Quando true, o card terá efeitos visuais ao passar o mouse.
+         */
+        this.hover = false;
+        this.hasHeader = false;
+        this.hasContent = false;
+        this.hasFooter = false;
+    }
+    componentWillLoad() {
+        this.checkSlots();
+    }
+    componentDidLoad() {
+        // Observar mudanças nos slots
+        const slotElements = this.el.shadowRoot?.querySelectorAll('slot');
+        slotElements?.forEach((slot) => {
+            slot.addEventListener('slotchange', () => this.checkSlots());
+        });
+    }
+    checkSlots() {
+        const headerSlot = this.el.querySelector('[slot="header"]');
+        const contentSlot = this.el.querySelector('[slot="content"]');
+        const footerSlot = this.el.querySelector('[slot="footer"]');
+        this.hasHeader = !!headerSlot;
+        this.hasContent = !!contentSlot;
+        this.hasFooter = !!footerSlot;
+    }
+    getCssClassMap() {
+        return {
+            'br-card': true,
+            disabled: this.disabled,
+            hover: this.hover && !this.disabled,
+        };
+    }
+    getHeaderClassMap() {
+        return {
+            'card-header': true,
+        };
+    }
+    getContentClassMap() {
+        return {
+            'card-content': true,
+        };
+    }
+    getFooterClassMap() {
+        return {
+            'card-footer': true,
+        };
+    }
+    render() {
+        const hasStructuredContent = this.hasHeader || this.hasContent || this.hasFooter;
+        return (h(Host, { key: '6f0edeab8a09a60a59194e1ed8bee79e8d311883', id: this.customId, "aria-disabled": this.disabled ? 'true' : null }, h("div", { key: '393ee59c13b0e0aa227b59f5265b6d6709227e9d', class: this.getCssClassMap(), part: "wrapper" }, hasStructuredContent ? ([
+            this.hasHeader && (h("div", { class: this.getHeaderClassMap(), part: "header" }, h("slot", { name: "header" }))),
+            (this.hasContent || (!this.hasHeader && !this.hasFooter)) && (h("div", { class: this.getContentClassMap(), part: "content" }, h("slot", { name: "content" }, h("slot", null)))),
+            this.hasFooter && (h("div", { class: this.getFooterClassMap(), part: "footer" }, h("slot", { name: "footer" }))),
+        ]) : (h("div", { class: this.getContentClassMap(), part: "content" }, h("slot", null))))));
+    }
+    static get is() { return "br-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get formAssociated() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["card.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["card.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Identificador \u00FAnico.\nCaso n\u00E3o seja fornecido, um ID gerado automaticamente ser\u00E1 usado."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "custom-id",
+                "reflect": true,
+                "defaultValue": "`br-card-${brCardId++}`"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Define se o card est\u00E1 desabilitado.\nQuando true, o card fica com opacidade reduzida e n\u00E3o responde a intera\u00E7\u00F5es."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "disabled",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "hover": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Define se o card tem hover interativo.\nQuando true, o card ter\u00E1 efeitos visuais ao passar o mouse."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "hover",
+                "reflect": true,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get attachInternalsMemberName() { return "elementInternals"; }
+}
+let brCardId = 0;
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/card/card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AttachInternals, Component, Element, h, Host, Prop } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * O componente Card é um container versátil para apresentação de conteúdo estruturado.\n * Suporta cabeçalho, conteúdo principal e rodapé, além de diferentes estilos visuais.\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/card?tab=designer).\n *\n * @slot default - Conteúdo principal do card quando não usar slots estruturados\n * @slot header - Conteúdo do cabeçalho do card\n * @slot content - Conteúdo principal do card (quando usar estrutura com slots)\n * @slot footer - Conteúdo do rodapé do card\n */\n@Component({\n  tag: 'br-card',\n  styleUrl: 'card.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class BrCard {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrCardElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-card-${brCardId++}`\n\n  /**\n   * Define se o card está desabilitado.\n   * Quando true, o card fica com opacidade reduzida e não responde a interações.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   * Define se o card tem hover interativo.\n   * Quando true, o card terá efeitos visuais ao passar o mouse.\n   */\n  @Prop({ reflect: true }) hover: boolean = false\n\n  private hasHeader: boolean = false\n  private hasContent: boolean = false\n  private hasFooter: boolean = false\n\n  componentWillLoad() {\n    this.checkSlots()\n  }\n\n  componentDidLoad() {\n    // Observar mudanças nos slots\n    const slotElements = this.el.shadowRoot?.querySelectorAll('slot')\n    slotElements?.forEach((slot) => {\n      slot.addEventListener('slotchange', () => this.checkSlots())\n    })\n  }\n\n  private checkSlots() {\n    const headerSlot = this.el.querySelector('[slot=\"header\"]')\n    const contentSlot = this.el.querySelector('[slot=\"content\"]')\n    const footerSlot = this.el.querySelector('[slot=\"footer\"]')\n\n    this.hasHeader = !!headerSlot\n    this.hasContent = !!contentSlot\n    this.hasFooter = !!footerSlot\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-card': true,\n      disabled: this.disabled,\n      hover: this.hover && !this.disabled,\n    }\n  }\n\n  private getHeaderClassMap(): CssClassMap {\n    return {\n      'card-header': true,\n    }\n  }\n\n  private getContentClassMap(): CssClassMap {\n    return {\n      'card-content': true,\n    }\n  }\n\n  private getFooterClassMap(): CssClassMap {\n    return {\n      'card-footer': true,\n    }\n  }\n\n  render() {\n    const hasStructuredContent = this.hasHeader || this.hasContent || this.hasFooter\n\n    return (\n      <Host id={this.customId} aria-disabled={this.disabled ? 'true' : null}>\n        <div class={this.getCssClassMap()} part=\"wrapper\">\n          {hasStructuredContent ? (\n            [\n              this.hasHeader && (\n                <div class={this.getHeaderClassMap()} part=\"header\">\n                  <slot name=\"header\" />\n                </div>\n              ),\n              (this.hasContent || (!this.hasHeader && !this.hasFooter)) && (\n                <div class={this.getContentClassMap()} part=\"content\">\n                  <slot name=\"content\">\n                    <slot />\n                  </slot>\n                </div>\n              ),\n              this.hasFooter && (\n                <div class={this.getFooterClassMap()} part=\"footer\">\n                  <slot name=\"footer\" />\n                </div>\n              ),\n            ]\n          ) : (\n            <div class={this.getContentClassMap()} part=\"content\">\n              <slot />\n            </div>\n          )}\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet brCardId = 0\n"]}

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

@@ -2,7 +2,6 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { __awaiter } from "tslib";
 import { h, Host, } from "@stencil/core";
 /**
  * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/checkbox?tab=designer).
@@ -84,24 +83,20 @@ export class Checkbox {
      * Define o estado indeterminado do checkbox.
      * @param value Novo valor para o estado indeterminado.
      */
-    setIndeterminate(value) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.indeterminate = value;
-            this.updateIndeterminate(value);
-            this.indeterminateChange.emit(this.indeterminate);
-        });
+    async setIndeterminate(value) {
+        this.indeterminate = value;
+        this.updateIndeterminate(value);
+        this.indeterminateChange.emit(this.indeterminate);
     }
     /**
      * Inverte o valor da prop `checked`
      */
-    toggleChecked() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.checked = !this.checked;
-            this.checkedChange.emit(this.checked);
-        });
+    async toggleChecked() {
+        this.checked = !this.checked;
+        this.checkedChange.emit(this.checked);
     }
     render() {
-        return (h(Host, { key: 'b8140bc039c827a27ba1152fc769c4c372e6d856' }, h("div", { key: 'c0eed4bfa3e0d07176b5a0bd4492d52e7910787b', class: this.getCssClassMap() }, h("input", { key: '77851d28057919206a706d2d072108cedaaf77ab', type: "checkbox", id: this.customId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, onChange: this.handleCheckedChange, ref: (el) => el && (el.indeterminate = this.indeterminate), "aria-checked": this.getAriaCheckedValue() }), h("label", { key: '223f18ae206722e17a4132325e1d421817fe84be', htmlFor: this.customId, class: this.hasHiddenLabel ? 'visually-hidden' : undefined }, this.slotDefault ? h("slot", null) : this.label))));
+        return (h(Host, { key: '9de109b1a7f821b2e6a91142fcdb9a15d6e9f4b5' }, h("div", { key: '5a1104832549e0c24f85113826102c84417bcc4b', class: this.getCssClassMap() }, h("input", { key: '1a77d373058264b36600119aba2f7d4492a17b43', type: "checkbox", id: this.customId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, onChange: this.handleCheckedChange, ref: (el) => el && (el.indeterminate = this.indeterminate), "aria-checked": this.getAriaCheckedValue() }), h("label", { key: 'fbf048549dfd036823bd1ce24311d667cfb0c67a', htmlFor: this.customId, class: this.hasHiddenLabel ? 'visually-hidden' : undefined }, this.slotDefault ? h("slot", null) : this.label))));
     }
     static get is() { return "br-checkbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/checkbox?tab=designer).\n *\n * @slot default - O texto descritivo pode ser passado por propriedade (label) ou por slot.\n */\n@Component({\n  tag: 'br-checkbox',\n  styleUrl: 'checkbox.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Checkbox {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrCheckboxElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Define o estado intermediário do checkbox.\n   * Quando verdadeiro, exibe uma marcação parcial visual que indica seleção parcial.\n   * Útil para representar grupos onde alguns itens estão selecionados, mas não todos.\n   * Ao clicar no checkbox neste estado, ele será automaticamente alterado para marcado.\n   */\n  @Prop({ reflect: true, mutable: true }) indeterminate: boolean = false\n\n  /**\n   * Define o estado de seleção do checkbox.\n   * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.\n   */\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-checkbox-${checkboxId++}`\n\n  /**\n   * Desativa o checkbox, tornando-o não interativo.\n   */\n  @Prop({ reflect: true }) readonly disabled: boolean = false\n\n  /**\n   * Define se o label associado ao checkbox deve ser oculto.\n   * Se definido como verdadeiro, o texto do label será oculto, mas o checkbox ainda estará visível e funcional.\n   */\n  @Prop({ reflect: true }) readonly hasHiddenLabel: boolean = false\n\n  /**\n   * Texto descritivo exibido à direita do checkbox.\n   * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.\n   */\n  @Prop({ reflect: true }) readonly label: string\n\n  /**\n   * Define o nome do checkbox, que é utilizado para agrupar checkboxes em formulários e identificar o campo.\n   * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.\n   */\n  @Prop({ reflect: true }) readonly name!: string\n\n  /**\n   * Indica a validade do checkbox.\n   * Valores possíveis:\n   * 'valid': O checkbox é considerado válido.\n   * 'invalid': O checkbox é considerado inválido.\n   * Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.\n   */\n  @Prop({ reflect: true }) readonly state: 'valid' | 'invalid'\n\n  /**\n   * Define o valor associado ao checkbox quando ele faz parte de um formulário nativo (`<form>`).\n   * Esse valor é enviado com o formulário quando o checkbox está selecionado.\n   * **Nota:** Esta propriedade não deve ser utilizada para determinar se o checkbox está selecionado; para verificar o estado de seleção, use a propriedade `checked`.\n   */\n  @Prop({ reflect: true }) readonly value: string\n\n  @State() slotDefault: boolean = false\n\n  /**\n   * Disparado depois que o valor do `checked` foi alterado\n   */\n  @Event() checkedChange: EventEmitter<boolean>\n\n  /**\n   * Disparado depois que o valor do `indeterminate` foi alterado.\n   */\n  @Event() indeterminateChange: EventEmitter<boolean>\n\n  @Watch('indeterminate')\n  updateIndeterminate(newValue: boolean) {\n    const input = this.el.shadowRoot.querySelector('input')\n    if (input !== null) {\n      input.indeterminate = newValue\n    }\n  }\n\n  componentWillLoad() {\n    this.hasSlotContentDefault()\n  }\n\n  private hasSlotContentDefault(): void {\n    this.slotDefault = this.el.innerHTML !== ''\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-checkbox': true,\n      valid: this.state === 'valid',\n      invalid: this.state === 'invalid',\n      disabled: this.disabled,\n      'hidden-label': this.hasHiddenLabel,\n    }\n  }\n\n  private getAriaCheckedValue(): string {\n    if (this.indeterminate) {\n      return 'mixed'\n    }\n    return this.checked ? 'true' : 'false'\n  }\n\n  private readonly handleCheckedChange = () => {\n    if (this.indeterminate) {\n      // Sai do estado indeterminado ao clicar e define como marcado\n      this.indeterminate = false\n      this.checked = true\n      this.indeterminateChange.emit(this.indeterminate)\n    } else {\n      // Alterna entre marcado e desmarcado\n      this.checked = !this.checked\n      this.indeterminate = false\n    }\n    this.checkedChange.emit(this.checked)\n  }\n\n  /**\n   * Define o estado indeterminado do checkbox.\n   * @param value Novo valor para o estado indeterminado.\n   */\n  @Method()\n  async setIndeterminate(value: boolean) {\n    this.indeterminate = value\n    this.updateIndeterminate(value)\n    this.indeterminateChange.emit(this.indeterminate)\n  }\n\n  /**\n   * Inverte o valor da prop `checked`\n   */\n  @Method()\n  async toggleChecked() {\n    this.checked = !this.checked\n    this.checkedChange.emit(this.checked)\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()}>\n          <input\n            type=\"checkbox\"\n            id={this.customId}\n            name={this.name}\n            checked={this.checked}\n            disabled={this.disabled}\n            value={this.value}\n            onChange={this.handleCheckedChange}\n            ref={(el) => el && (el.indeterminate = this.indeterminate)}\n            aria-checked={this.getAriaCheckedValue()}\n          />\n          <label htmlFor={this.customId} class={this.hasHiddenLabel ? 'visually-hidden' : undefined}>\n            {this.slotDefault ? <slot></slot> : this.label}\n          </label>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet checkboxId = 0\n"]}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/checkbox?tab=designer).\n *\n * @slot default - O texto descritivo pode ser passado por propriedade (label) ou por slot.\n */\n@Component({\n  tag: 'br-checkbox',\n  styleUrl: 'checkbox.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Checkbox {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrCheckboxElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Define o estado intermediário do checkbox.\n   * Quando verdadeiro, exibe uma marcação parcial visual que indica seleção parcial.\n   * Útil para representar grupos onde alguns itens estão selecionados, mas não todos.\n   * Ao clicar no checkbox neste estado, ele será automaticamente alterado para marcado.\n   */\n  @Prop({ reflect: true, mutable: true }) indeterminate: boolean = false\n\n  /**\n   * Define o estado de seleção do checkbox.\n   * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.\n   */\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-checkbox-${checkboxId++}`\n\n  /**\n   * Desativa o checkbox, tornando-o não interativo.\n   */\n  @Prop({ reflect: true }) readonly disabled: boolean = false\n\n  /**\n   * Define se o label associado ao checkbox deve ser oculto.\n   * Se definido como verdadeiro, o texto do label será oculto, mas o checkbox ainda estará visível e funcional.\n   */\n  @Prop({ reflect: true }) readonly hasHiddenLabel: boolean = false\n\n  /**\n   * Texto descritivo exibido à direita do checkbox.\n   * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.\n   */\n  @Prop({ reflect: true }) readonly label: string\n\n  /**\n   * Define o nome do checkbox, que é utilizado para agrupar checkboxes em formulários e identificar o campo.\n   * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.\n   */\n  @Prop({ reflect: true }) readonly name!: string\n\n  /**\n   * Indica a validade do checkbox.\n   * Valores possíveis:\n   * 'valid': O checkbox é considerado válido.\n   * 'invalid': O checkbox é considerado inválido.\n   * Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.\n   */\n  @Prop({ reflect: true }) readonly state: 'valid' | 'invalid'\n\n  /**\n   * Define o valor associado ao checkbox quando ele faz parte de um formulário nativo (`<form>`).\n   * Esse valor é enviado com o formulário quando o checkbox está selecionado.\n   * **Nota:** Esta propriedade não deve ser utilizada para determinar se o checkbox está selecionado; para verificar o estado de seleção, use a propriedade `checked`.\n   */\n  @Prop({ reflect: true }) readonly value: string\n\n  @State() slotDefault: boolean = false\n\n  /**\n   * Disparado depois que o valor do `checked` foi alterado\n   */\n  @Event() checkedChange: EventEmitter<boolean>\n\n  /**\n   * Disparado depois que o valor do `indeterminate` foi alterado.\n   */\n  @Event() indeterminateChange: EventEmitter<boolean>\n\n  @Watch('indeterminate')\n  updateIndeterminate(newValue: boolean) {\n    const input = this.el.shadowRoot.querySelector('input')\n    if (input !== null) {\n      input.indeterminate = newValue\n    }\n  }\n\n  componentWillLoad() {\n    this.hasSlotContentDefault()\n  }\n\n  private hasSlotContentDefault(): void {\n    this.slotDefault = this.el.innerHTML !== ''\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-checkbox': true,\n      valid: this.state === 'valid',\n      invalid: this.state === 'invalid',\n      disabled: this.disabled,\n      'hidden-label': this.hasHiddenLabel,\n    }\n  }\n\n  private getAriaCheckedValue(): string {\n    if (this.indeterminate) {\n      return 'mixed'\n    }\n    return this.checked ? 'true' : 'false'\n  }\n\n  private readonly handleCheckedChange = () => {\n    if (this.indeterminate) {\n      // Sai do estado indeterminado ao clicar e define como marcado\n      this.indeterminate = false\n      this.checked = true\n      this.indeterminateChange.emit(this.indeterminate)\n    } else {\n      // Alterna entre marcado e desmarcado\n      this.checked = !this.checked\n      this.indeterminate = false\n    }\n    this.checkedChange.emit(this.checked)\n  }\n\n  /**\n   * Define o estado indeterminado do checkbox.\n   * @param value Novo valor para o estado indeterminado.\n   */\n  @Method()\n  async setIndeterminate(value: boolean) {\n    this.indeterminate = value\n    this.updateIndeterminate(value)\n    this.indeterminateChange.emit(this.indeterminate)\n  }\n\n  /**\n   * Inverte o valor da prop `checked`\n   */\n  @Method()\n  async toggleChecked() {\n    this.checked = !this.checked\n    this.checkedChange.emit(this.checked)\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()}>\n          <input\n            type=\"checkbox\"\n            id={this.customId}\n            name={this.name}\n            checked={this.checked}\n            disabled={this.disabled}\n            value={this.value}\n            onChange={this.handleCheckedChange}\n            ref={(el) => el && (el.indeterminate = this.indeterminate)}\n            aria-checked={this.getAriaCheckedValue()}\n          />\n          <label htmlFor={this.customId} class={this.hasHiddenLabel ? 'visually-hidden' : undefined}>\n            {this.slotDefault ? <slot></slot> : this.label}\n          </label>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet checkboxId = 0\n"]}

package/dist/collection/components/checkgroup/checkgroup.js

@@ -39,13 +39,12 @@ export class Checkgroup {
          */
         this.isIndeterminate = false;
         this.handleAllCheckboxChange = () => {
-            var _a;
             const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'));
             checkListAll.forEach((item) => {
                 item.checked = this.checked;
                 item.indeterminate = false;
             });
-            const parentCheckbox = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('br-checkbox');
+            const parentCheckbox = this.el.shadowRoot?.querySelector('br-checkbox');
             if (parentCheckbox !== null) {
                 parentCheckbox.indeterminate = false;
             }
@@ -71,8 +70,7 @@ export class Checkgroup {
         }
     }
     isParentCheckbox(target) {
-        var _a;
-        return target === ((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('br-checkbox'));
+        return target === this.el.shadowRoot?.querySelector('br-checkbox');
     }
     updateGroupState() {
         const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'));
@@ -92,7 +90,7 @@ export class Checkgroup {
         }
     }
     render() {
-        return (h(Host, { key: '584369e5d1eff98042d7f72a637235734a141ec7' }, h("div", { key: 'a528f80d77410796c0af686f0547f072fcc45fe9', class: this.getCssClassMap(), style: { width: '100%' } }, this.label && h("label", { key: '80565dd71b014b6854eb8cf50d256d7f1ba911ed' }, this.label), h("div", { key: '8f5479895fbec97644ed0a0ad00b5fac05619965', class: "mb-1" }, h("div", { key: '4fc35e4c7c2bc629010fc5a3d6cf4c30cc5a1549', class: "checkgroup-example" }, h("br-checkbox", { key: '2e5c7fcc0a38a19090c1756f7c4936650848a6bc', name: `checkgroup-${this.customId}`, checked: this.checked, indeterminate: this.isIndeterminate, label: this.checked ? this.labelDesselecionado : this.labelSelecionado, "aria-label": this.checked ? this.labelDesselecionado : this.labelSelecionado, onCheckedChange: this.handleChange.bind(this) }))), h("div", { key: '74f30a4dc24e649a612b3160286dd5bb499bca16', class: "mb-1 ml-2" }, h("slot", { key: '58e3bf06d48e1f9d34f52b69ff0cdcf79081b025' })))));
+        return (h(Host, { key: 'fb3950bcab241e2411853ff1a2491c567198afbd' }, h("div", { key: 'c0ff160e7720d1653aa4096805f509c5e0c5b62d', class: this.getCssClassMap(), style: { width: '100%' } }, this.label && h("label", { key: 'b2760957e14d47de1742136f59da0ef8fa073b69' }, this.label), h("div", { key: 'c796b5d35383665b5a134cf1e47f596756702f75', class: "mb-1" }, h("div", { key: '25ffac4bb5a98abf329b0afc97ec1274e1588cc4', class: "checkgroup-example" }, h("br-checkbox", { key: '05362ca6f95b500d3546506350d59338e53683a9', name: `checkgroup-${this.customId}`, checked: this.checked, indeterminate: this.isIndeterminate, label: this.checked ? this.labelDesselecionado : this.labelSelecionado, "aria-label": this.checked ? this.labelDesselecionado : this.labelSelecionado, onCheckedChange: this.handleChange.bind(this) }))), h("div", { key: 'ecd2f87464520e2c994dc91c86550a44a778a2c7', class: "mb-1 ml-2" }, h("slot", { key: '2dd728be25b6e663b07d50e35fa180c5954d266e' })))));
     }
     static get is() { return "br-checkgroup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"checkgroup.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/checkgroup/checkgroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAIjG;;;;GAIG;AAOH,MAAM,OAAO,UAAU;IANvB;QAoBE;;WAEG;QACsB,qBAAgB,GAAW,oBAAoB,CAAA;QAExE;;WAEG;QACsB,wBAAmB,GAAW,iBAAiB,CAAA;QAExE;;;;WAIG;QACsB,kBAAa,GAAY,KAAK,CAAA;QAEvD;;;WAGG;QAC+B,aAAQ,GAAW,iBAAiB,YAAY,EAAE,EAAE,CAAA;QAEtF;;;WAGG;QACM,YAAO,GAAY,KAAK,CAAA;QAEjC;;WAEG;QACM,oBAAe,GAAY,KAAK,CAAA;QAgCxB,4BAAuB,GAAG,GAAG,EAAE;;YAC9C,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAA;YAExE,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC5B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;gBAC3B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAA;YAC5B,CAAC,CAAC,CAAA;YAEF,MAAM,cAAc,GAAG,MAAA,IAAI,CAAC,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,aAAa,CAAC,CAAA;YACvE,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;gBAC5B,cAAc,CAAC,aAAa,GAAG,KAAK,CAAA;YACtC,CAAC;QACH,CAAC,CAAA;KA2CF;IArFC,iBAAiB;QACf,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,CAAA;QAE5D,IAAI,CAAC,gBAAgB,EAAE,CAAA;IACzB,CAAC;IAEO,cAAc;QACpB,OAAO;YACL,eAAe,EAAE,IAAI;SACtB,CAAA;IACH,CAAC;IAKD,YAAY,CAAC,KAAY;QACvB,MAAM,MAAM,GAAG,KAAK,CAAC,MAA+B,CAAA;QAEpD,IAAI,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;YAClC,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAA;YAC5B,IAAI,CAAC,uBAAuB,EAAE,CAAA;QAChC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,gBAAgB,EAAE,CAAA;QACzB,CAAC;IACH,CAAC;IAEO,gBAAgB,CAAC,MAA6B;;QACpD,OAAO,MAAM,MAAK,MAAA,IAAI,CAAC,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,aAAa,CAAC,CAAA,CAAA;IACpE,CAAC;IAgBO,gBAAgB;QACtB,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAA;QACxE,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC7D,MAAM,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAE/D,IAAI,UAAU,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;YACnB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAA;QAC9B,CAAC;aAAM,IAAI,WAAW,EAAE,CAAC;YACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;YACpB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAA;QAC9B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;YACpB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAA;QAC7B,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;gBACxD,IAAI,CAAC,KAAK,IAAI,gEAAQ,IAAI,CAAC,KAAK,CAAS;gBAC1C,4DAAK,KAAK,EAAC,MAAM;oBACf,4DAAK,KAAK,EAAC,oBAAoB;wBAC7B,oEACE,IAAI,EAAE,cAAc,IAAI,CAAC,QAAQ,EAAE,EACnC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,aAAa,EAAE,IAAI,CAAC,eAAe,EACnC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,gBAC1D,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAC3E,eAAe,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,GAChC,CACX,CACF;gBACN,4DAAK,KAAK,EAAC,WAAW;oBACpB,8DAAa,CACT,CACF,CACD,CACR,CAAA;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF;AAED,IAAI,YAAY,GAAG,CAAC,CAAA","sourcesContent":["import { AttachInternals, Component, Element, h, Host, Listen, Prop, State } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/utilitarios/js/checkgroup?tab=desenvolvedor).\n *\n * @slot default - Slot para adicionar os checkboxes que serão controlados pelo checkgroup.\n */\n@Component({\n  tag: 'br-checkgroup',\n  styleUrl: 'checkgroup.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Checkgroup {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrCheckgroupElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Texto descritivo do grupo.\n   */\n  @Prop() label: string\n\n  /**\n   * Define o texto do label quando o checkbox está marcado.\n   */\n  @Prop({ reflect: true }) labelSelecionado: string = 'Desselecionar tudo'\n\n  /**\n   * Define o texto do label quando o checkbox está desmarcado.\n   */\n  @Prop({ reflect: true }) labelDesselecionado: string = 'Selecionar tudo'\n\n  /**\n   * Define o estado intermediário do checkbox.\n   * Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.\n   * Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial.\n   */\n  @Prop({ reflect: true }) indeterminate: boolean = false\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-checkgroup-${checkgroupId++}`\n\n  /**\n   * Define o estado de seleção do checkbox.\n   * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.\n   */\n  @State() checked: boolean = false\n\n  /**\n   * Indica se o grupo de checkboxes está indeterminado\n   */\n  @State() isIndeterminate: boolean = false\n\n  componentWillLoad() {\n    this.isIndeterminate = this.el.hasAttribute('indeterminate')\n\n    this.updateGroupState()\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-checkgroup': true,\n    }\n  }\n\n  @Listen('checkedChange', {\n    target: 'document',\n  })\n  handleChange(event: Event) {\n    const target = event.target as HTMLBrCheckboxElement\n\n    if (this.isParentCheckbox(target)) {\n      this.checked = !this.checked\n      this.handleAllCheckboxChange()\n    } else {\n      this.updateGroupState()\n    }\n  }\n\n  private isParentCheckbox(target: HTMLBrCheckboxElement): boolean {\n    return target === this.el.shadowRoot?.querySelector('br-checkbox')\n  }\n\n  private readonly handleAllCheckboxChange = () => {\n    const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'))\n\n    checkListAll.forEach((item) => {\n      item.checked = this.checked\n      item.indeterminate = false\n    })\n\n    const parentCheckbox = this.el.shadowRoot?.querySelector('br-checkbox')\n    if (parentCheckbox !== null) {\n      parentCheckbox.indeterminate = false\n    }\n  }\n\n  private updateGroupState() {\n    const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'))\n    const allChecked = checkListAll.every((item) => item.checked)\n    const noneChecked = checkListAll.every((item) => !item.checked)\n\n    if (allChecked) {\n      this.checked = true\n      this.isIndeterminate = false\n    } else if (noneChecked) {\n      this.checked = false\n      this.isIndeterminate = false\n    } else {\n      this.checked = false\n      this.isIndeterminate = true\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} style={{ width: '100%' }}>\n          {this.label && <label>{this.label}</label>}\n          <div class=\"mb-1\">\n            <div class=\"checkgroup-example\">\n              <br-checkbox\n                name={`checkgroup-${this.customId}`}\n                checked={this.checked}\n                indeterminate={this.isIndeterminate}\n                label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                aria-label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                onCheckedChange={this.handleChange.bind(this)}\n              ></br-checkbox>\n            </div>\n          </div>\n          <div class=\"mb-1 ml-2\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet checkgroupId = 0\n"]}
+{"version":3,"file":"checkgroup.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/checkgroup/checkgroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AttachInternals, Component, Element, h, Host, Listen, Prop, State } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/utilitarios/js/checkgroup?tab=desenvolvedor).\n *\n * @slot default - Slot para adicionar os checkboxes que serão controlados pelo checkgroup.\n */\n@Component({\n  tag: 'br-checkgroup',\n  styleUrl: 'checkgroup.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Checkgroup {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrCheckgroupElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Texto descritivo do grupo.\n   */\n  @Prop() label: string\n\n  /**\n   * Define o texto do label quando o checkbox está marcado.\n   */\n  @Prop({ reflect: true }) labelSelecionado: string = 'Desselecionar tudo'\n\n  /**\n   * Define o texto do label quando o checkbox está desmarcado.\n   */\n  @Prop({ reflect: true }) labelDesselecionado: string = 'Selecionar tudo'\n\n  /**\n   * Define o estado intermediário do checkbox.\n   * Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.\n   * Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial.\n   */\n  @Prop({ reflect: true }) indeterminate: boolean = false\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-checkgroup-${checkgroupId++}`\n\n  /**\n   * Define o estado de seleção do checkbox.\n   * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.\n   */\n  @State() checked: boolean = false\n\n  /**\n   * Indica se o grupo de checkboxes está indeterminado\n   */\n  @State() isIndeterminate: boolean = false\n\n  componentWillLoad() {\n    this.isIndeterminate = this.el.hasAttribute('indeterminate')\n\n    this.updateGroupState()\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-checkgroup': true,\n    }\n  }\n\n  @Listen('checkedChange', {\n    target: 'document',\n  })\n  handleChange(event: Event) {\n    const target = event.target as HTMLBrCheckboxElement\n\n    if (this.isParentCheckbox(target)) {\n      this.checked = !this.checked\n      this.handleAllCheckboxChange()\n    } else {\n      this.updateGroupState()\n    }\n  }\n\n  private isParentCheckbox(target: HTMLBrCheckboxElement): boolean {\n    return target === this.el.shadowRoot?.querySelector('br-checkbox')\n  }\n\n  private readonly handleAllCheckboxChange = () => {\n    const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'))\n\n    checkListAll.forEach((item) => {\n      item.checked = this.checked\n      item.indeterminate = false\n    })\n\n    const parentCheckbox = this.el.shadowRoot?.querySelector('br-checkbox')\n    if (parentCheckbox !== null) {\n      parentCheckbox.indeterminate = false\n    }\n  }\n\n  private updateGroupState() {\n    const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'))\n    const allChecked = checkListAll.every((item) => item.checked)\n    const noneChecked = checkListAll.every((item) => !item.checked)\n\n    if (allChecked) {\n      this.checked = true\n      this.isIndeterminate = false\n    } else if (noneChecked) {\n      this.checked = false\n      this.isIndeterminate = false\n    } else {\n      this.checked = false\n      this.isIndeterminate = true\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} style={{ width: '100%' }}>\n          {this.label && <label>{this.label}</label>}\n          <div class=\"mb-1\">\n            <div class=\"checkgroup-example\">\n              <br-checkbox\n                name={`checkgroup-${this.customId}`}\n                checked={this.checked}\n                indeterminate={this.isIndeterminate}\n                label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                aria-label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                onCheckedChange={this.handleChange.bind(this)}\n              ></br-checkbox>\n            </div>\n          </div>\n          <div class=\"mb-1 ml-2\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet checkgroupId = 0\n"]}

package/dist/collection/components/collapse/collapse.js

@@ -2,7 +2,6 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { __awaiter } from "tslib";
 import { h, Host } from "@stencil/core";
 import Helpers from "../../utils/helpers";
 /**
@@ -89,8 +88,7 @@ export class Collapse {
      * Ciclo de vida do componente. Chamado quando o componente é removido do DOM.
      */
     disconnectedCallback() {
-        var _a;
-        const details = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('details');
+        const details = this.el.shadowRoot?.querySelector('details');
         if (details !== null) {
             details.removeEventListener('toggle', this.handleCollapse);
         }
@@ -100,8 +98,7 @@ export class Collapse {
      * Isso garante que o estado visual do componente corresponda ao estado interno.
      */
     syncDetailsWithOpen() {
-        var _a;
-        const details = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('details');
+        const details = this.el.shadowRoot?.querySelector('details');
         if (details !== null) {
             details.open = this.open;
         }
@@ -110,23 +107,19 @@ export class Collapse {
      * Método público para abrir.
      * Este método pode ser chamado externamente para abrir o componente.
      */
-    openCollapse() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.open = true;
-            this.syncDetailsWithOpen();
-            this.brDidOpen.emit({ id: this.customId, accordionGroup: this.accordionGroup });
-        });
+    async openCollapse() {
+        this.open = true;
+        this.syncDetailsWithOpen();
+        this.brDidOpen.emit({ id: this.customId, accordionGroup: this.accordionGroup });
     }
     /**
      * Método público para fechar.
      * Este método pode ser chamado externamente para fechar o componente.
      */
-    closeCollapse() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.open = false;
-            this.syncDetailsWithOpen();
-            this.brDidClose.emit({ id: this.customId, accordionGroup: this.accordionGroup });
-        });
+    async closeCollapse() {
+        this.open = false;
+        this.syncDetailsWithOpen();
+        this.brDidClose.emit({ id: this.customId, accordionGroup: this.accordionGroup });
     }
     /**
      * Renderiza o ícone de acordo com o estado do collapse.
@@ -144,7 +137,7 @@ export class Collapse {
      */
     render() {
         const itemCount = this.el.querySelectorAll('br-item').length;
-        return (h(Host, { key: '1a832a24006eb9f9a430783b5ba5f76e647b4ced' }, h("details", { key: 'c3daa16f5d23b0c9074b2c090b6c24db26bc36dc', class: "br-collapse", open: this.open, onToggle: this.handleCollapse, id: this.customId }, h("summary", { key: '1477adb677338705749b7fa5e6a0dd12e4cd1d3b', class: "trigger", role: "button", "aria-expanded": String(this.open), "aria-controls": `content-${this.customId}`, "aria-labelledby": `label-${this.customId}`, tabindex: "0", "aria-live": "polite" }, this.iconPosition === 'left' && this.renderIcon(), h("div", { key: '5478d4af34f5d76c6944fb164b7046f92fd92abc', class: "trigger-content", id: `label-${this.customId}` }, h("slot", { key: 'cc9b393aa5555e23037926f6d7fb3bd7a897b47b', name: "trigger" })), this.iconPosition === 'right' && this.renderIcon()), h("div", { key: 'b5b53ae0a57a603795e5ed3ee848c6325431d829', class: "content", id: `content-${this.customId}`, "aria-live": "polite", "aria-labelledby": `label-${this.customId}` }, this.open && itemCount > 0 && (h("div", { key: 'c394cf7b1d2f15ace669aecb5c1d1b9374cd77d9', class: "visually-hidden" }, itemCount, " ", itemCount === 1 ? 'item' : 'itens', " na lista")), h("slot", { key: 'ecbc97ea6ba79611b03c4d81103913ab7693c18c' })))));
+        return (h(Host, { key: 'bdc33c7f9436e64e1f0a2ff33ff648987d7f4dcc' }, h("details", { key: '3a6a5b96cb4d9100371c649d9db5f9d42cec4419', class: "br-collapse", open: this.open, onToggle: this.handleCollapse, id: this.customId }, h("summary", { key: '5be15fe8dfe9c86be7ff7685219fc3de70de4b50', class: "trigger", role: "button", "aria-expanded": String(this.open), "aria-controls": `content-${this.customId}`, "aria-labelledby": `label-${this.customId}`, tabindex: "0", "aria-live": "polite" }, this.iconPosition === 'left' && this.renderIcon(), h("div", { key: '99f051bdbf281b5b4637cd1447a0b02249580ff4', class: "trigger-content", id: `label-${this.customId}` }, h("slot", { key: 'a351418fc0cd5f704e6ad06ed7658839c6d0b3bb', name: "trigger" })), this.iconPosition === 'right' && this.renderIcon()), h("div", { key: '8ed72974af1220852433fa1b5513a059e3144f46', class: "content", id: `content-${this.customId}`, "aria-live": "polite", "aria-labelledby": `label-${this.customId}` }, this.open && itemCount > 0 && (h("div", { key: '34cc836bb68cfcdde3239f012af41a1fe194adf9', class: "visually-hidden" }, itemCount, " ", itemCount === 1 ? 'item' : 'itens', " na lista")), h("slot", { key: 'b7c7347e3b758ecde297b1b14df15dd6b54a871a' })))));
     }
     static get is() { return "br-collapse"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"collapse.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/collapse/collapse.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEvH,OAAO,OAAO,MAAM,qBAAqB,CAAA;AAEzC;;;;;;;;GAQG;AAOH,MAAM,OAAO,QAAQ;IANrB;QAeE;;;WAGG;QAC+B,aAAQ,GAAW,OAAO,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAA;QAEpF;;;WAGG;QACqC,SAAI,GAAY,KAAK,CAAA;QAE7D;;;WAGG;QACK,mBAAc,GAAY,IAAI,CAAA;QAEtC;;;WAGG;QACK,eAAU,GAAW,wBAAwB,CAAA;QAErD;;;WAGG;QACK,eAAU,GAAW,sBAAsB,CAAA;QAEnD;;;WAGG;QACK,iBAAY,GAAqB,OAAO,CAAA;QA4DhD;;;;WAIG;QACK,mBAAc,GAAG,CAAC,KAAY,EAAE,EAAE;YACxC,MAAM,OAAO,GAAG,KAAK,CAAC,MAA4B,CAAA;YAClD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAA;YAE3B,IAAI,CAAC,IAAI,GAAG,MAAM,CAAA;YAClB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACd,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,CAAA;YACjF,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,CAAA;YAClF,CAAC;QACH,CAAC,CAAA;KA8EF;IA7IC;;;OAGG;IAEH;;;;OAIG;IACH,UAAU,CAAC,KAAkB;QAC3B,IACE,IAAI,CAAC,cAAc;YACnB,IAAI,CAAC,cAAc,KAAK,KAAK,CAAC,MAAM,CAAC,cAAc;YACnD,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,QAAQ,EACjC,CAAC;YACD,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC;IACH,CAAC;IAED;;OAEG;IACH,iBAAiB;QACf,IAAI,CAAC,mBAAmB,EAAE,CAAA;IAC5B,CAAC;IAED;;OAEG;IACH,oBAAoB;;QAClB,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,SAAS,CAAC,CAAA;QAC5D,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACrB,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,CAAA;QAC5D,CAAC;IACH,CAAC;IAED;;;OAGG;IACK,mBAAmB;;QACzB,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,SAAS,CAAC,CAAA;QAC5D,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACrB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;QAC1B,CAAC;IACH,CAAC;IAmBD;;;OAGG;IAEG,YAAY;;YAChB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;YAChB,IAAI,CAAC,mBAAmB,EAAE,CAAA;YAC1B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,CAAA;QACjF,CAAC;KAAA;IAED;;;OAGG;IAEG,aAAa;;YACjB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;YACjB,IAAI,CAAC,mBAAmB,EAAE,CAAA;YAC1B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,CAAA;QAClF,CAAC;KAAA;IAED;;;;;OAKG;IACK,UAAU;QAChB,OAAO,4BAAoB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,GAAY,CAAA;IACtF,CAAC;IAED;;;;OAIG;IACH,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAA;QAE5D,OAAO,CACL,EAAC,IAAI;YACH,gEAAS,KAAK,EAAC,aAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ;gBAC5F,gEACE,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,QAAQ,mBACE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,mBACjB,WAAW,IAAI,CAAC,QAAQ,EAAE,qBACxB,SAAS,IAAI,CAAC,QAAQ,EAAE,EACzC,QAAQ,EAAC,GAAG,eACF,QAAQ;oBAEjB,IAAI,CAAC,YAAY,KAAK,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE;oBAClD,4DAAK,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAE,SAAS,IAAI,CAAC,QAAQ,EAAE;wBACvD,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACxB;oBACL,IAAI,CAAC,YAAY,KAAK,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE,CAC3C;gBAEV,4DACE,KAAK,EAAC,SAAS,EACf,EAAE,EAAE,WAAW,IAAI,CAAC,QAAQ,EAAE,eACpB,QAAQ,qBACD,SAAS,IAAI,CAAC,QAAQ,EAAE;oBAExC,IAAI,CAAC,IAAI,IAAI,SAAS,GAAG,CAAC,IAAI,CAC7B,4DAAK,KAAK,EAAC,iBAAiB;wBACzB,SAAS;;wBAAG,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oCAC3C,CACP;oBACD,8DAAa,CACT,CACE,CACL,CACR,CAAA;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\n\n/**\n * O componente `br-collapse` pode ser utilizado em dois cenários principais: collapse simples ou accordion.\n *\n * - Collapse simples: Cada instância funciona de forma independente, permitindo abrir ou fechar o conteúdo conforme necessário, sem impactar outros componentes na página.\n * - Accordion: Quando configurado com a propriedade `accordionGroup`, múltiplos componentes `br-collapse` são agrupados. Nesse caso, apenas um item pode estar expandido por vez. Ao abrir um novo item, o anteriormente expandido será automaticamente fechado.\n *\n * @slot default - O conteúdo expansível mostrado/ocultado dinamicamente.\n * @slot trigger - Permite personalizar o conteúdo do acionador (texto, imagens, etc.).\n */\n@Component({\n  tag: 'br-collapse',\n  styleUrl: 'collapse.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Collapse {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrCollapseElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId('clp')\n\n  /**\n   * Define se o collapse está aberto ou fechado.\n   * @default false\n   */\n  @Prop({ reflect: true, mutable: true }) open: boolean = false\n\n  /**\n   * Define se o collapse faz parte de um accordion\n   * @default null\n   */\n  @Prop() accordionGroup?: string = null\n\n  /**\n   * Classe CSS para o ícone de expansão\n   * @default 'fa6-solid:chevron-down'\n   */\n  @Prop() iconToShow: string = 'fa6-solid:chevron-down'\n\n  /**\n   * Classe CSS para o ícone de recolhimento\n   * @default 'fa6-solid:chevron-up'\n   */\n  @Prop() iconToHide: string = 'fa6-solid:chevron-up'\n\n  /**\n   * Define a posição do ícone: 'left' ou 'right'\n   * @default 'right'\n   */\n  @Prop() iconPosition: 'left' | 'right' = 'right'\n\n  /**\n   * Evento emitido ao expandir.\n   */\n  @Event() brDidOpen: EventEmitter<{ id: string; accordionGroup: string }>\n\n  /**\n   * Evento emitido ao recolher.\n   */\n  @Event() brDidClose: EventEmitter<{ id: string; accordionGroup: string }>\n\n  /**\n   * Evento disparado quando o componente é aberto.\n   * @param event Evento disparado quando o componente é aberto.\n   */\n  @Listen('brDidOpen', { target: 'document' })\n  /**\n   * Handler para o evento de abertura do componente.\n   * Fecha o collapse atual se ele não for parte do mesmo grupo de accordion.\n   * @param event Evento disparado quando o componente é aberto.\n   */\n  handleOpen(event: CustomEvent) {\n    if (\n      this.accordionGroup &&\n      this.accordionGroup === event.detail.accordionGroup &&\n      event.detail.id !== this.customId\n    ) {\n      this.closeCollapse()\n    }\n  }\n\n  /**\n   * Ciclo de vida do componente. Chamado uma vez logo após o componente ser adicionado ao DOM.\n   */\n  componentWillLoad() {\n    this.syncDetailsWithOpen()\n  }\n\n  /**\n   * Ciclo de vida do componente. Chamado quando o componente é removido do DOM.\n   */\n  disconnectedCallback() {\n    const details = this.el.shadowRoot?.querySelector('details')\n    if (details !== null) {\n      details.removeEventListener('toggle', this.handleCollapse)\n    }\n  }\n\n  /**\n   * Sincroniza o estado do elemento <details> com a propriedade open.\n   * Isso garante que o estado visual do componente corresponda ao estado interno.\n   */\n  private syncDetailsWithOpen() {\n    const details = this.el.shadowRoot?.querySelector('details')\n    if (details !== null) {\n      details.open = this.open\n    }\n  }\n\n  /**\n   * Método chamado quando o elemento <details> é aberto ou fechado.\n   * Atualiza o estado interno do componente e emite eventos apropriados.\n   * @param event O evento de toggle do elemento <details>.\n   */\n  private handleCollapse = (event: Event) => {\n    const details = event.target as HTMLDetailsElement\n    const isOpen = details.open\n\n    this.open = isOpen\n    if (this.open) {\n      this.brDidOpen.emit({ id: this.customId, accordionGroup: this.accordionGroup })\n    } else {\n      this.brDidClose.emit({ id: this.customId, accordionGroup: this.accordionGroup })\n    }\n  }\n\n  /**\n   * Método público para abrir.\n   * Este método pode ser chamado externamente para abrir o componente.\n   */\n  @Method()\n  async openCollapse() {\n    this.open = true\n    this.syncDetailsWithOpen()\n    this.brDidOpen.emit({ id: this.customId, accordionGroup: this.accordionGroup })\n  }\n\n  /**\n   * Método público para fechar.\n   * Este método pode ser chamado externamente para fechar o componente.\n   */\n  @Method()\n  async closeCollapse() {\n    this.open = false\n    this.syncDetailsWithOpen()\n    this.brDidClose.emit({ id: this.customId, accordionGroup: this.accordionGroup })\n  }\n\n  /**\n   * Renderiza o ícone de acordo com o estado do collapse.\n   * Se o collapse estiver aberto, renderiza o ícone para ocultar.\n   * Caso contrário, renderiza o ícone para mostrar.\n   * @returns JSX do ícone\n   */\n  private renderIcon() {\n    return <br-icon icon-name={this.open ? this.iconToHide : this.iconToShow}></br-icon>\n  }\n\n  /**\n   * Renderiza o componente.\n   * O componente é renderizado como um elemento <details> com um <summary> que contém o acionador.\n   * @returns JSX do componente.\n   */\n  render() {\n    const itemCount = this.el.querySelectorAll('br-item').length\n\n    return (\n      <Host>\n        <details class=\"br-collapse\" open={this.open} onToggle={this.handleCollapse} id={this.customId}>\n          <summary\n            class=\"trigger\"\n            role=\"button\"\n            aria-expanded={String(this.open)}\n            aria-controls={`content-${this.customId}`}\n            aria-labelledby={`label-${this.customId}`}\n            tabindex=\"0\"\n            aria-live=\"polite\"\n          >\n            {this.iconPosition === 'left' && this.renderIcon()}\n            <div class=\"trigger-content\" id={`label-${this.customId}`}>\n              <slot name=\"trigger\"></slot>\n            </div>\n            {this.iconPosition === 'right' && this.renderIcon()}\n          </summary>\n\n          <div\n            class=\"content\"\n            id={`content-${this.customId}`}\n            aria-live=\"polite\"\n            aria-labelledby={`label-${this.customId}`}\n          >\n            {this.open && itemCount > 0 && (\n              <div class=\"visually-hidden\">\n                {itemCount} {itemCount === 1 ? 'item' : 'itens'} na lista\n              </div>\n            )}\n            <slot></slot>\n          </div>\n        </details>\n      </Host>\n    )\n  }\n}\n"]}
+{"version":3,"file":"collapse.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/collapse/collapse.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\n\n/**\n * O componente `br-collapse` pode ser utilizado em dois cenários principais: collapse simples ou accordion.\n *\n * - Collapse simples: Cada instância funciona de forma independente, permitindo abrir ou fechar o conteúdo conforme necessário, sem impactar outros componentes na página.\n * - Accordion: Quando configurado com a propriedade `accordionGroup`, múltiplos componentes `br-collapse` são agrupados. Nesse caso, apenas um item pode estar expandido por vez. Ao abrir um novo item, o anteriormente expandido será automaticamente fechado.\n *\n * @slot default - O conteúdo expansível mostrado/ocultado dinamicamente.\n * @slot trigger - Permite personalizar o conteúdo do acionador (texto, imagens, etc.).\n */\n@Component({\n  tag: 'br-collapse',\n  styleUrl: 'collapse.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Collapse {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrCollapseElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId('clp')\n\n  /**\n   * Define se o collapse está aberto ou fechado.\n   * @default false\n   */\n  @Prop({ reflect: true, mutable: true }) open: boolean = false\n\n  /**\n   * Define se o collapse faz parte de um accordion\n   * @default null\n   */\n  @Prop() accordionGroup?: string = null\n\n  /**\n   * Classe CSS para o ícone de expansão\n   * @default 'fa6-solid:chevron-down'\n   */\n  @Prop() iconToShow: string = 'fa6-solid:chevron-down'\n\n  /**\n   * Classe CSS para o ícone de recolhimento\n   * @default 'fa6-solid:chevron-up'\n   */\n  @Prop() iconToHide: string = 'fa6-solid:chevron-up'\n\n  /**\n   * Define a posição do ícone: 'left' ou 'right'\n   * @default 'right'\n   */\n  @Prop() iconPosition: 'left' | 'right' = 'right'\n\n  /**\n   * Evento emitido ao expandir.\n   */\n  @Event() brDidOpen: EventEmitter<{ id: string; accordionGroup: string }>\n\n  /**\n   * Evento emitido ao recolher.\n   */\n  @Event() brDidClose: EventEmitter<{ id: string; accordionGroup: string }>\n\n  /**\n   * Evento disparado quando o componente é aberto.\n   * @param event Evento disparado quando o componente é aberto.\n   */\n  @Listen('brDidOpen', { target: 'document' })\n  /**\n   * Handler para o evento de abertura do componente.\n   * Fecha o collapse atual se ele não for parte do mesmo grupo de accordion.\n   * @param event Evento disparado quando o componente é aberto.\n   */\n  handleOpen(event: CustomEvent) {\n    if (\n      this.accordionGroup &&\n      this.accordionGroup === event.detail.accordionGroup &&\n      event.detail.id !== this.customId\n    ) {\n      this.closeCollapse()\n    }\n  }\n\n  /**\n   * Ciclo de vida do componente. Chamado uma vez logo após o componente ser adicionado ao DOM.\n   */\n  componentWillLoad() {\n    this.syncDetailsWithOpen()\n  }\n\n  /**\n   * Ciclo de vida do componente. Chamado quando o componente é removido do DOM.\n   */\n  disconnectedCallback() {\n    const details = this.el.shadowRoot?.querySelector('details')\n    if (details !== null) {\n      details.removeEventListener('toggle', this.handleCollapse)\n    }\n  }\n\n  /**\n   * Sincroniza o estado do elemento <details> com a propriedade open.\n   * Isso garante que o estado visual do componente corresponda ao estado interno.\n   */\n  private syncDetailsWithOpen() {\n    const details = this.el.shadowRoot?.querySelector('details')\n    if (details !== null) {\n      details.open = this.open\n    }\n  }\n\n  /**\n   * Método chamado quando o elemento <details> é aberto ou fechado.\n   * Atualiza o estado interno do componente e emite eventos apropriados.\n   * @param event O evento de toggle do elemento <details>.\n   */\n  private handleCollapse = (event: Event) => {\n    const details = event.target as HTMLDetailsElement\n    const isOpen = details.open\n\n    this.open = isOpen\n    if (this.open) {\n      this.brDidOpen.emit({ id: this.customId, accordionGroup: this.accordionGroup })\n    } else {\n      this.brDidClose.emit({ id: this.customId, accordionGroup: this.accordionGroup })\n    }\n  }\n\n  /**\n   * Método público para abrir.\n   * Este método pode ser chamado externamente para abrir o componente.\n   */\n  @Method()\n  async openCollapse() {\n    this.open = true\n    this.syncDetailsWithOpen()\n    this.brDidOpen.emit({ id: this.customId, accordionGroup: this.accordionGroup })\n  }\n\n  /**\n   * Método público para fechar.\n   * Este método pode ser chamado externamente para fechar o componente.\n   */\n  @Method()\n  async closeCollapse() {\n    this.open = false\n    this.syncDetailsWithOpen()\n    this.brDidClose.emit({ id: this.customId, accordionGroup: this.accordionGroup })\n  }\n\n  /**\n   * Renderiza o ícone de acordo com o estado do collapse.\n   * Se o collapse estiver aberto, renderiza o ícone para ocultar.\n   * Caso contrário, renderiza o ícone para mostrar.\n   * @returns JSX do ícone\n   */\n  private renderIcon() {\n    return <br-icon icon-name={this.open ? this.iconToHide : this.iconToShow}></br-icon>\n  }\n\n  /**\n   * Renderiza o componente.\n   * O componente é renderizado como um elemento <details> com um <summary> que contém o acionador.\n   * @returns JSX do componente.\n   */\n  render() {\n    const itemCount = this.el.querySelectorAll('br-item').length\n\n    return (\n      <Host>\n        <details class=\"br-collapse\" open={this.open} onToggle={this.handleCollapse} id={this.customId}>\n          <summary\n            class=\"trigger\"\n            role=\"button\"\n            aria-expanded={String(this.open)}\n            aria-controls={`content-${this.customId}`}\n            aria-labelledby={`label-${this.customId}`}\n            tabindex=\"0\"\n            aria-live=\"polite\"\n          >\n            {this.iconPosition === 'left' && this.renderIcon()}\n            <div class=\"trigger-content\" id={`label-${this.customId}`}>\n              <slot name=\"trigger\"></slot>\n            </div>\n            {this.iconPosition === 'right' && this.renderIcon()}\n          </summary>\n\n          <div\n            class=\"content\"\n            id={`content-${this.customId}`}\n            aria-live=\"polite\"\n            aria-labelledby={`label-${this.customId}`}\n          >\n            {this.open && itemCount > 0 && (\n              <div class=\"visually-hidden\">\n                {itemCount} {itemCount === 1 ? 'item' : 'itens'} na lista\n              </div>\n            )}\n            <slot></slot>\n          </div>\n        </details>\n      </Host>\n    )\n  }\n}\n"]}

package/dist/collection/components/divider/divider.js

@@ -140,9 +140,8 @@ export class Divider {
      * Isso é necessário quando o divisor está configurado para sangrar (bleed).
      */
     applyMarginOnRootElement() {
-        var _a;
         const { paddingLeft, paddingRight } = this.getHostParentPadding();
-        const rootElement = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.br-divider');
+        const rootElement = this.el.shadowRoot?.querySelector('.br-divider');
         rootElement.setAttribute('style', `margin-left: -${paddingLeft}px; margin-right: -${paddingRight * 2}px;`);
     }
     /**
@@ -171,7 +170,7 @@ export class Divider {
      * @returns JSX.Element
      */
     render() {
-        return h(Host, { key: '36c3af884e14861cc254f6dad916e0b79877b4a6' }, this.hasDefaultSlotContent() ? this.renderDefaultSlotDivider() : this.renderStandardDivider());
+        return h(Host, { key: '0b49ed1db151aee4da2a2b26472177baf5279f22' }, this.hasDefaultSlotContent() ? this.renderDefaultSlotDivider() : this.renderStandardDivider());
     }
     static get is() { return "br-divider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/divider/divider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\n\ntype DividerOrientation = 'horizontal' | 'vertical'\ntype DividerThickness = 'small' | 'medium' | 'large'\ntype DividerBorderStyle = 'dashed' | 'solid'\ntype DividerAlign = 'start' | 'center' | 'end'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/divider?tab=designer).\n *\n * @slot default - Conteúdo opcional que pode ser exibido dentro do divisor, como texto, ícones ou outros elementos personalizados.\n */\n@Component({\n  tag: 'br-divider',\n  styleUrl: 'divider.scss',\n  shadow: true,\n})\nexport class Divider {\n  @Element() el: HTMLBrDividerElement\n\n  /**\n   * ID personalizado para o elemento, útil para acessibilidade e identificação única.\n   * Se não for fornecido, um ID único será gerado automaticamente.\n   */\n  @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId()\n\n  /**\n   * Define a orientação do divisor.\n   * Pode ser 'horizontal' ou 'vertical'.\n   * Caso seja usado como vertical, o divider deve ser colocado dentro de um container com altura definida.\n   * @default horizontal\n   */\n  @Prop({ reflect: true }) orientation: DividerOrientation = 'horizontal'\n\n  /**\n   * Define a espessura do divisor.\n   * Pode ser 'small', 'medium' ou 'large'.\n   * @default small\n   */\n  @Prop({ reflect: true }) thickness: DividerThickness = 'small'\n\n  /**\n   * Define o estilo da borda do divisor.\n   * Pode ser 'dashed' ou 'solid'.\n   * @default solid\n   */\n  @Prop({ reflect: true }) borderStyle: DividerBorderStyle = 'solid'\n\n  /**\n   * Define se o divisor deve ser exibido no modo escuro.\n   * @default false\n   */\n  @Prop({ reflect: true }) isDarkMode: boolean = false\n\n  /**\n   * Cor do divisor.\n   * Pode ser uma cor hexadecimal, RGB ou nome de cor CSS.\n   * Se não for especificada, o divisor usará a cor padrão definida pelo tema.\n   * @default null\n   */\n  @Prop({ reflect: true }) color: string = null\n\n  /**\n   * Alinhamento do conteúdo do divisor.\n   * Pode ser 'start', 'center' ou 'end'.\n   * @default undefined\n   */\n  @Prop() align: DividerAlign\n\n  /**\n   * Define se o divisor deve \"sangrar\" (bleed) nas laterais, ou seja, se deve ocupar toda a largura do container pai.\n   * Isso é útil quando o divisor precisa se estender além do padding do container pai.\n   * @default false\n   */\n  @Prop() bleed: boolean = false\n\n  /**\n   * Watcher para a cor do divisor.\n   * Atualiza a propriedade CSS '--border-color' do elemento para refletir a cor definida.\n   * Isso permite que o divisor use cores personalizadas sem precisar de estilos adicionais.\n   */\n  @Watch('color')\n  updateColor() {\n    this.el.style.setProperty('--border-color', this.color)\n  }\n\n  /**\n   * Ciclo de vida do componente.\n   * Chamado quando o componente é conectado ao DOM.\n   */\n  connectedCallback() {\n    this.hasDefaultSlotContent()\n  }\n\n  /**\n   * Ciclo de vida do componente.\n   * Chamado após o componente ser renderizado no DOM.\n   */\n  componentDidLoad() {\n    this.setVerticalOrientation()\n    this.setBleed()\n    this.updateColor()\n  }\n\n  /**\n   * Ciclo de vida do componente.\n   * Chamado quando o componente é desconectado do DOM.\n   */\n  disconnectedCallback() {\n    this.unsetBleed()\n  }\n  /**\n   * Configura o divisor para orientação vertical.\n   * Se a orientação for 'vertical', cria um elemento <div> adicional para manter o layout correto.\n   */\n  private setVerticalOrientation() {\n    if (this.orientation === 'vertical') {\n      const div = document.createElement('div')\n      div.className = 'vertical-divider'\n      div.style.display = 'flex'\n      div.style.height = '100%'\n      this.el.insertAdjacentElement('beforebegin', div)\n      div.appendChild(this.el)\n    }\n  }\n\n  /**\n   * Configura o divisor para sangrar (bleed) nas laterais.\n   */\n  private setBleed() {\n    if (this.bleed) {\n      this.applyMarginOnRootElement()\n      window.addEventListener('resize', this.applyMarginOnRootElement.bind(this))\n    }\n  }\n\n  /**\n   * Remove o sangramento (bleed) do divisor.\n   */\n  private unsetBleed() {\n    if (this.bleed) {\n      window.removeEventListener('resize', this.applyMarginOnRootElement.bind(this))\n    }\n  }\n\n  /**\n   * Verifica se o divisor tem conteúdo no slot padrão.\n   * @returns true se o divisor tiver conteúdo no slot padrão, false caso contrário.\n   */\n  private hasDefaultSlotContent(): boolean {\n    return this.el.innerHTML.trim() !== ''\n  }\n\n  /**\n   * Determina o paddingLeft e paddingRight do elemento pai do host.\n   * @returns Um objeto contendo os valores de paddingLeft e paddingRight do elemento pai do host.\n   */\n  private getHostParentPadding() {\n    const hostParent = this.el.parentElement\n    if (hostParent !== null) {\n      const style = getComputedStyle(hostParent)\n      return { paddingLeft: parseFloat(style.paddingLeft), paddingRight: parseFloat(style.paddingRight) }\n    }\n    return { paddingLeft: 0, paddingRight: 0 }\n  }\n\n  /**\n   * Aplica margens negativas no elemento raiz do divisor para compensar o padding do elemento pai.\n   * Isso é necessário quando o divisor está configurado para sangrar (bleed).\n   */\n  private applyMarginOnRootElement() {\n    const { paddingLeft, paddingRight } = this.getHostParentPadding()\n    const rootElement = this.el.shadowRoot?.querySelector('.br-divider')\n    rootElement.setAttribute('style', `margin-left: -${paddingLeft}px; margin-right: -${paddingRight * 2}px;`)\n  }\n\n  /**\n   * Define as classes CSS que serão aplicadas ao divisor.\n   * @returns Uma string contendo as classes CSS que serão aplicadas ao divisor.\n   */\n  private getCssClassMap() {\n    return `br-divider divider-${this.align} ${this.orientation} ${this.borderStyle} ${this.thickness} ${this.isDarkMode ? 'dark-mode' : ''}`\n  }\n\n  /**\n   * Renderiza o divisor quando há conteúdo no slot padrão.\n   * @returns JSX.Element\n   */\n  private renderDefaultSlotDivider() {\n    return (\n      <div\n        class={this.getCssClassMap()}\n        role=\"separator\"\n        aria-orientation={this.orientation}\n        aria-labelledby={this.customId}\n      >\n        <span id={this.customId}>\n          <slot></slot>\n        </span>\n      </div>\n    )\n  }\n\n  /**\n   * Renderiza o divisor quando não há conteúdo no slot padrão.\n   * @returns JSX.Element\n   */\n  private renderStandardDivider() {\n    return <hr class={this.getCssClassMap()} />\n  }\n\n  /**\n   * Renderiza o divisor.\n   * @returns JSX.Element\n   */\n  render() {\n    return <Host>{this.hasDefaultSlotContent() ? this.renderDefaultSlotDivider() : this.renderStandardDivider()}</Host>\n  }\n}\n"]}
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/divider/divider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\n\ntype DividerOrientation = 'horizontal' | 'vertical'\ntype DividerThickness = 'small' | 'medium' | 'large'\ntype DividerBorderStyle = 'dashed' | 'solid'\ntype DividerAlign = 'start' | 'center' | 'end'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/divider?tab=designer).\n *\n * @slot default - Conteúdo opcional que pode ser exibido dentro do divisor, como texto, ícones ou outros elementos personalizados.\n */\n@Component({\n  tag: 'br-divider',\n  styleUrl: 'divider.scss',\n  shadow: true,\n})\nexport class Divider {\n  @Element() el: HTMLBrDividerElement\n\n  /**\n   * ID personalizado para o elemento, útil para acessibilidade e identificação única.\n   * Se não for fornecido, um ID único será gerado automaticamente.\n   */\n  @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId()\n\n  /**\n   * Define a orientação do divisor.\n   * Pode ser 'horizontal' ou 'vertical'.\n   * Caso seja usado como vertical, o divider deve ser colocado dentro de um container com altura definida.\n   * @default horizontal\n   */\n  @Prop({ reflect: true }) orientation: DividerOrientation = 'horizontal'\n\n  /**\n   * Define a espessura do divisor.\n   * Pode ser 'small', 'medium' ou 'large'.\n   * @default small\n   */\n  @Prop({ reflect: true }) thickness: DividerThickness = 'small'\n\n  /**\n   * Define o estilo da borda do divisor.\n   * Pode ser 'dashed' ou 'solid'.\n   * @default solid\n   */\n  @Prop({ reflect: true }) borderStyle: DividerBorderStyle = 'solid'\n\n  /**\n   * Define se o divisor deve ser exibido no modo escuro.\n   * @default false\n   */\n  @Prop({ reflect: true }) isDarkMode: boolean = false\n\n  /**\n   * Cor do divisor.\n   * Pode ser uma cor hexadecimal, RGB ou nome de cor CSS.\n   * Se não for especificada, o divisor usará a cor padrão definida pelo tema.\n   * @default null\n   */\n  @Prop({ reflect: true }) color: string = null\n\n  /**\n   * Alinhamento do conteúdo do divisor.\n   * Pode ser 'start', 'center' ou 'end'.\n   * @default undefined\n   */\n  @Prop() align: DividerAlign\n\n  /**\n   * Define se o divisor deve \"sangrar\" (bleed) nas laterais, ou seja, se deve ocupar toda a largura do container pai.\n   * Isso é útil quando o divisor precisa se estender além do padding do container pai.\n   * @default false\n   */\n  @Prop() bleed: boolean = false\n\n  /**\n   * Watcher para a cor do divisor.\n   * Atualiza a propriedade CSS '--border-color' do elemento para refletir a cor definida.\n   * Isso permite que o divisor use cores personalizadas sem precisar de estilos adicionais.\n   */\n  @Watch('color')\n  updateColor() {\n    this.el.style.setProperty('--border-color', this.color)\n  }\n\n  /**\n   * Ciclo de vida do componente.\n   * Chamado quando o componente é conectado ao DOM.\n   */\n  connectedCallback() {\n    this.hasDefaultSlotContent()\n  }\n\n  /**\n   * Ciclo de vida do componente.\n   * Chamado após o componente ser renderizado no DOM.\n   */\n  componentDidLoad() {\n    this.setVerticalOrientation()\n    this.setBleed()\n    this.updateColor()\n  }\n\n  /**\n   * Ciclo de vida do componente.\n   * Chamado quando o componente é desconectado do DOM.\n   */\n  disconnectedCallback() {\n    this.unsetBleed()\n  }\n  /**\n   * Configura o divisor para orientação vertical.\n   * Se a orientação for 'vertical', cria um elemento <div> adicional para manter o layout correto.\n   */\n  private setVerticalOrientation() {\n    if (this.orientation === 'vertical') {\n      const div = document.createElement('div')\n      div.className = 'vertical-divider'\n      div.style.display = 'flex'\n      div.style.height = '100%'\n      this.el.insertAdjacentElement('beforebegin', div)\n      div.appendChild(this.el)\n    }\n  }\n\n  /**\n   * Configura o divisor para sangrar (bleed) nas laterais.\n   */\n  private setBleed() {\n    if (this.bleed) {\n      this.applyMarginOnRootElement()\n      window.addEventListener('resize', this.applyMarginOnRootElement.bind(this))\n    }\n  }\n\n  /**\n   * Remove o sangramento (bleed) do divisor.\n   */\n  private unsetBleed() {\n    if (this.bleed) {\n      window.removeEventListener('resize', this.applyMarginOnRootElement.bind(this))\n    }\n  }\n\n  /**\n   * Verifica se o divisor tem conteúdo no slot padrão.\n   * @returns true se o divisor tiver conteúdo no slot padrão, false caso contrário.\n   */\n  private hasDefaultSlotContent(): boolean {\n    return this.el.innerHTML.trim() !== ''\n  }\n\n  /**\n   * Determina o paddingLeft e paddingRight do elemento pai do host.\n   * @returns Um objeto contendo os valores de paddingLeft e paddingRight do elemento pai do host.\n   */\n  private getHostParentPadding() {\n    const hostParent = this.el.parentElement\n    if (hostParent !== null) {\n      const style = getComputedStyle(hostParent)\n      return { paddingLeft: parseFloat(style.paddingLeft), paddingRight: parseFloat(style.paddingRight) }\n    }\n    return { paddingLeft: 0, paddingRight: 0 }\n  }\n\n  /**\n   * Aplica margens negativas no elemento raiz do divisor para compensar o padding do elemento pai.\n   * Isso é necessário quando o divisor está configurado para sangrar (bleed).\n   */\n  private applyMarginOnRootElement() {\n    const { paddingLeft, paddingRight } = this.getHostParentPadding()\n    const rootElement = this.el.shadowRoot?.querySelector('.br-divider')\n    rootElement.setAttribute('style', `margin-left: -${paddingLeft}px; margin-right: -${paddingRight * 2}px;`)\n  }\n\n  /**\n   * Define as classes CSS que serão aplicadas ao divisor.\n   * @returns Uma string contendo as classes CSS que serão aplicadas ao divisor.\n   */\n  private getCssClassMap() {\n    return `br-divider divider-${this.align} ${this.orientation} ${this.borderStyle} ${this.thickness} ${this.isDarkMode ? 'dark-mode' : ''}`\n  }\n\n  /**\n   * Renderiza o divisor quando há conteúdo no slot padrão.\n   * @returns JSX.Element\n   */\n  private renderDefaultSlotDivider() {\n    return (\n      <div\n        class={this.getCssClassMap()}\n        role=\"separator\"\n        aria-orientation={this.orientation}\n        aria-labelledby={this.customId}\n      >\n        <span id={this.customId}>\n          <slot></slot>\n        </span>\n      </div>\n    )\n  }\n\n  /**\n   * Renderiza o divisor quando não há conteúdo no slot padrão.\n   * @returns JSX.Element\n   */\n  private renderStandardDivider() {\n    return <hr class={this.getCssClassMap()} />\n  }\n\n  /**\n   * Renderiza o divisor.\n   * @returns JSX.Element\n   */\n  render() {\n    return <Host>{this.hasDefaultSlotContent() ? this.renderDefaultSlotDivider() : this.renderStandardDivider()}</Host>\n  }\n}\n"]}