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

package/dist/collection/components/upload/upload.js

@@ -3,28 +3,31 @@
  * © https://serpro.gov.br/ - MIT License.
  */
 import { h, Host } from "@stencil/core";
-var UploadState;
-(function (UploadState) {
-    UploadState["INFO"] = "info";
-    UploadState["WARNING"] = "warning";
-    UploadState["DANGER"] = "danger";
-    UploadState["SUCCESS"] = "success";
-})(UploadState || (UploadState = {}));
 /**
  * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/upload?tab=designer).
  *
- * @slot default - Descrição do slot
+ * @slot default - Texto personalizado para o botão de upload. Se não fornecido, será exibido "Selecione o arquivo" como texto padrão.
+ *                 Use este slot para personalizar o texto do botão de acordo com o contexto do upload, por exemplo: "Anexar documentos",
+ *                 "Enviar imagens", etc.
  */
 export class Upload {
     constructor() {
+        /**
+         * Identificador único.
+         * Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */
+        this.customId = `br-upload-${uploadId++}`;
         /**
          * Tipos de arquivo permitidos (ex: 'image/*').
          * Esta propriedade define quais tipos de arquivos podem ser selecionados para upload.
          */
         this.accept = '';
         /**
-         * Texto descritivo do campo de upload.
-         * Este é o texto que é mostrado no label do textarea.
+         * Rótulo principal do campo de upload.
+         * Este texto ajuda usuários de leitores de tela a identificarem o propósito do upload.
+         * Exemplos: "Anexar comprovante", "Enviar foto do documento".
+         *
+         * @default "Envio de arquivo"
          */
         this.label = 'Envio de arquivo';
         /**
@@ -45,16 +48,6 @@ export class Upload {
          * como durante o carregamento de dados ou quando o formulário está em um estado inválido.
          */
         this.disabled = false;
-        /**
-         * Define o estado visual da mensagem.
-         * Os possíveis valores são:
-         * - 'info': Mensagem informativa.
-         * - 'warning': Mensagem de aviso.
-         * - 'danger': Mensagem de erro ou alerta.
-         * - 'success': Mensagem de sucesso.
-         * O valor padrão é 'info'.
-         */
-        this.state = UploadState.INFO;
         /**
          * Indica se o componente permite a seleção de múltiplos arquivos.
          * Quando definido como `true`, o usuário pode selecionar mais de um arquivo para upload.
@@ -74,13 +67,13 @@ export class Upload {
     handleRemoveFileSelection(file) {
         const newArrayFilter = Array.from(this.filesSelected).filter((f) => f !== file);
         this.filesSelected = newArrayFilter;
-        const fileInput = this.el.shadowRoot.getElementById('single-file');
+        const fileInput = this.el.shadowRoot.getElementById(`single-file-${this.customId}`);
         fileInput.value = '';
     }
     renderFilesUploaded() {
         const fileSizes = this._calculateFileSize(this.filesSelected);
         return fileSizes.map(({ file, size }) => {
-            return (h("div", { class: "br-item d-flex", key: file.name }, h("div", { class: "content text-primary-default mr-auto" }, file.name), h("div", { class: "support mr-n2" }, h("span", { class: "" }, size), h("br-button", { shape: "circle", type: "button", "aria-label": "Remover arquivo", onClick: () => this.handleRemoveFileSelection(file) }, h("br-icon", { "icon-name": "fa-solid:trash", "aria-hidden": "true" })))));
+            return (h("div", { class: "br-item d-flex", key: file.name, role: "listitem" }, h("div", { class: "content text-primary-default mr-auto" }, file.name), h("div", { class: "support mr-n2" }, h("span", { class: "" }, size), h("br-button", { shape: "circle", type: "button", "aria-label": `Remover arquivo ${file.name}`, onClick: () => this.handleRemoveFileSelection(file) }, h("br-icon", { "icon-name": "fa-solid:trash", "aria-hidden": "true" })))));
         });
     }
     onInputChange(files) {
@@ -125,11 +118,11 @@ export class Upload {
         event.preventDefault();
     }
     handleFileSelection() {
-        const fileInput = this.el.shadowRoot.getElementById('single-file');
+        const fileInput = this.el.shadowRoot.getElementById(`single-file-${this.customId}`);
         fileInput.click();
     }
     render() {
-        return (h(Host, { key: '89daa1d20eb69ae0286d24fd8d58903e059b0d8e' }, h("div", { key: '5dcdb3b535b27886550f25b8ecb749e7834ac836', class: this.getCssClassMap() }, h("label", { key: '25c3410df84817ead004aea4909ead77ebfadfd8', class: "upload-label", form: "single-file" }, h("span", { key: 'f28e0e488733fa08695be1c66c07e8eb0a92d090' }, this.label)), h("button", { key: '7aa873b9238d64c557b60d4846d3189b28802d7f', class: "upload-button", type: "button", tabIndex: this.disabled ? -1 : 0, disabled: this.disabled, "aria-label": "Selecionar arquivo para upload", onClick: () => this.handleFileSelection(), onDrop: (event) => this.handleDrop(event), onDragOver: (event) => this.handleDragOver(event) }, h("br-icon", { key: '088a7977d3e191f98b43f9150fde4886d810c80a', "icon-name": "fa-solid:upload", height: "16", "aria-hidden": "true" }), h("span", { key: '37ba22a6651c3bb0db5644021da712d8900d42a3' }, "Selecione o arquivo")), h("input", { key: '1e085832047cfb095f4cb692239d827a734da31b', class: "upload-input", id: "single-file", type: "file", "aria-label": "enviar arquivo", onChange: this.handleInputChange, multiple: this.multiple, disabled: this.disabled, accept: this.accept }), h("div", { key: 'c4a6b6971ca21cd65d193f4dccf3f68ade18cf76', id: "list-files", class: "upload-list" }, this.filesSelected ? this.renderFilesUploaded() : null))));
+        return (h(Host, { key: '04f5ddee05c4f97819d81ac74b73ae201bff0efb' }, h("div", { key: 'dc1351bde473c392633fea3420a3a14307af6634', class: this.getCssClassMap(), id: this.customId }, h("label", { key: 'c401e4566f70aeb5fedc39bd2ee59957fc12f8c6', id: `label-${this.customId}`, class: "upload-label", htmlFor: `single-file-${this.customId}` }, h("span", { key: 'e6d03cbcdf6e0a9e908e1cfb0bb169c00eb93aae' }, this.label)), h("input", { key: 'a265b289688132438a8bc74cfe3d93af5e3bc3c7', class: "upload-input", id: `single-file-${this.customId}`, type: "file", onChange: this.handleInputChange, multiple: this.multiple, disabled: this.disabled, accept: this.accept, "aria-labelledby": `label-${this.customId}` }), h("button", { key: '0aa326ad742da664ad17d4f98f988615c6f40e73', class: "upload-button", type: "button", disabled: this.disabled, onClick: () => this.handleFileSelection(), onDrop: (event) => this.handleDrop(event), onDragOver: (event) => this.handleDragOver(event), "aria-describedby": `label-${this.customId}` }, h("br-icon", { key: '1986c81deb151328a98380e48e2cacc07b63fb57', "icon-name": "fa-solid:upload", height: "16", "aria-hidden": "true" }), h("slot", { key: '7743c3121776b6cb67cabcfb5cc933aa27686b54' }, h("span", { key: 'a62f67fb94e453d54ad11303969bdab73021f3ff' }, "Selecione o arquivo"))), this.filesSelected && (h("div", { key: '56949da99192812fb6d3cffc9940878db0737359', id: `${this.customId}-list-files`, class: "upload-list", role: "list" }, this.renderFilesUploaded())))));
     }
     static get is() { return "br-upload"; }
     static get encapsulation() { return "shadow"; }
@@ -146,6 +139,26 @@ export class Upload {
     }
     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-upload-${uploadId++}`"
+            },
             "accept": {
                 "type": "string",
                 "mutable": false,
@@ -177,8 +190,11 @@ export class Upload {
                 "required": false,
                 "optional": false,
                 "docs": {
-                    "tags": [],
-                    "text": "Texto descritivo do campo de upload.\nEste \u00E9 o texto que \u00E9 mostrado no label do textarea."
+                    "tags": [{
+                            "name": "default",
+                            "text": "\"Envio de arquivo\""
+                        }],
+                    "text": "R\u00F3tulo principal do campo de upload.\nEste texto ajuda usu\u00E1rios de leitores de tela a identificarem o prop\u00F3sito do upload.\nExemplos: \"Anexar comprovante\", \"Enviar foto do documento\"."
                 },
                 "getter": false,
                 "setter": false,
@@ -210,8 +226,8 @@ export class Upload {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "'info' | 'warning' | 'danger' | 'success'",
+                    "resolved": "\"danger\" | \"info\" | \"success\" | \"warning\"",
                     "references": {}
                 },
                 "required": false,
@@ -223,8 +239,7 @@ export class Upload {
                 "getter": false,
                 "setter": false,
                 "attribute": "state",
-                "reflect": true,
-                "defaultValue": "UploadState.INFO"
+                "reflect": true
             },
             "multiple": {
                 "type": "boolean",
@@ -257,4 +272,5 @@ export class Upload {
     static get elementRef() { return "el"; }
     static get attachInternalsMemberName() { return "elementInternals"; }
 }
+let uploadId = 0;
 //# sourceMappingURL=upload.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"upload.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/upload/upload.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AttachInternals, Component, Element, h, Host, Prop, State } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\nenum UploadState {\n  INFO = 'info',\n  WARNING = 'warning',\n  DANGER = 'danger',\n  SUCCESS = 'success',\n}\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/upload?tab=designer).\n *\n * @slot default - Descrição do slot\n */\n@Component({\n  tag: 'br-upload',\n  styleUrl: 'upload.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Upload {\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!: HTMLBrUploadElement\n\n  /**\n   * Tipos de arquivo permitidos (ex: 'image/*').\n   * Esta propriedade define quais tipos de arquivos podem ser selecionados para upload.\n   */\n  @Prop() accept: string = ''\n\n  /**\n   * Texto descritivo do campo de upload.\n   * Este é o texto que é mostrado no label do textarea.\n   */\n  @Prop() label: string = 'Envio de arquivo'\n\n  /**\n   * Evento emitido quando um arquivo é selecionado.\n   * Este estado armazena os arquivos que foram selecionados pelo usuário.\n   */\n  @State() filesSelected: FileList | null = null\n\n  /**\n   * Referência ao elemento de arquivo selecionado.\n   * Este estado armazena o arquivo que foi selecionado para upload.\n   */\n  @State() file: File | null = null\n\n  /**\n   * Indica se o componente está desativado.\n   * Quando definido como `true`, o campo de upload se torna não interativo,\n   * impedindo que o usuário selecione ou envie arquivos.\n   * Isso é útil para controlar a interação do usuário em situações específicas,\n   * como durante o carregamento de dados ou quando o formulário está em um estado inválido.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   * Define o estado visual da mensagem.\n   * Os possíveis valores são:\n   * - 'info': Mensagem informativa.\n   * - 'warning': Mensagem de aviso.\n   * - 'danger': Mensagem de erro ou alerta.\n   * - 'success': Mensagem de sucesso.\n   * O valor padrão é 'info'.\n   */\n  @Prop({ reflect: true }) state: string = UploadState.INFO\n\n  /**\n   * Indica se o componente permite a seleção de múltiplos arquivos.\n   * Quando definido como `true`, o usuário pode selecionar mais de um arquivo para upload.\n   */\n  @Prop() multiple: boolean = false\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-upload': true,\n      [this.state]: true,\n    }\n  }\n\n  private handleRemoveFileSelection(file: File) {\n    const newArrayFilter = Array.from(this.filesSelected).filter((f) => f !== file)\n    this.filesSelected = newArrayFilter as unknown as FileList\n    const fileInput = this.el.shadowRoot.getElementById('single-file') as HTMLInputElement\n    fileInput.value = ''\n  }\n\n  private renderFilesUploaded() {\n    const fileSizes = this._calculateFileSize(this.filesSelected)\n\n    return fileSizes.map(({ file, size }) => {\n      return (\n        <div class=\"br-item d-flex\" key={file.name}>\n          <div class=\"content text-primary-default mr-auto\">{file.name}</div>\n          <div class=\"support mr-n2\">\n            <span class=\"\">{size}</span>\n            <br-button\n              shape=\"circle\"\n              type=\"button\"\n              aria-label=\"Remover arquivo\"\n              onClick={() => this.handleRemoveFileSelection(file)}\n            >\n              <br-icon icon-name=\"fa-solid:trash\" aria-hidden=\"true\"></br-icon>\n            </br-button>\n          </div>\n        </div>\n      )\n    })\n  }\n\n  private onInputChange(files: FileList) {\n    if (files.length === 1) {\n      this.filesSelected = files\n    } else if (files.length > 0) {\n      this.filesSelected = files\n    } else {\n      console.error(files.length === 0 ? 'NENHUM ARQUIVO ENVIADO' : 'VOCÊ SÓ PODE ENVIAR UM ARQUIVO POR VEZ')\n\n      return false\n    }\n  }\n\n  private _calculateFileSize(files: FileList) {\n    return Array.from(files).map((file) => {\n      let sOutput = ''\n      const aMultiples = ['KB', 'MB', 'GB', 'TB']\n      let nMultiple = 0\n      let nApprox = file.size / 1024\n\n      if (nApprox < 1) {\n        sOutput = `${file.size} bytes`\n      } else {\n        while (nApprox > 1 && nMultiple < aMultiples.length) {\n          sOutput = `${nApprox.toFixed(2)} ${aMultiples[nMultiple]}`\n          nApprox /= 1024\n          nMultiple++\n        }\n      }\n\n      return { file: file, size: sOutput || 0 }\n    })\n  }\n\n  private handleDrop(event: DragEvent) {\n    event.preventDefault()\n    const files = event.dataTransfer?.files\n    if (files && files.length > 0) {\n      this.onInputChange(files)\n    }\n  }\n\n  private handleDragOver(event: DragEvent) {\n    event.preventDefault()\n  }\n\n  private handleFileSelection() {\n    const fileInput = this.el.shadowRoot.getElementById('single-file') as HTMLInputElement\n    fileInput.click()\n  }\n\n  private readonly handleInputChange = (event: Event) => {\n    const target = event.target as HTMLInputElement\n    this.onInputChange(target.files)\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()}>\n          <label class=\"upload-label\" form=\"single-file\">\n            <span>{this.label}</span>\n          </label>\n          <button\n            class=\"upload-button\"\n            type=\"button\"\n            tabIndex={this.disabled ? -1 : 0}\n            disabled={this.disabled}\n            aria-label=\"Selecionar arquivo para upload\"\n            onClick={() => this.handleFileSelection()}\n            onDrop={(event) => this.handleDrop(event)}\n            onDragOver={(event) => this.handleDragOver(event)}\n          >\n            <br-icon icon-name=\"fa-solid:upload\" height=\"16\" aria-hidden=\"true\"></br-icon>\n            <span>Selecione o arquivo</span>\n          </button>\n\n          <input\n            class=\"upload-input\"\n            id=\"single-file\"\n            type=\"file\"\n            aria-label=\"enviar arquivo\"\n            onChange={this.handleInputChange}\n            multiple={this.multiple}\n            disabled={this.disabled}\n            accept={this.accept}\n          />\n          <div id=\"list-files\" class=\"upload-list\">\n            {this.filesSelected ? this.renderFilesUploaded() : null}\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"]}
+{"version":3,"file":"upload.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/upload/upload.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAIzF;;;;;;GAMG;AAOH,MAAM,OAAO,MAAM;IANnB;QAOE;;;WAGG;QAC+B,aAAQ,GAAW,aAAa,QAAQ,EAAE,EAAE,CAAA;QAO9E;;;WAGG;QACK,WAAM,GAAW,EAAE,CAAA;QAE3B;;;;;;WAMG;QACK,UAAK,GAAW,kBAAkB,CAAA;QAE1C;;;WAGG;QACM,kBAAa,GAAoB,IAAI,CAAA;QAE9C;;;WAGG;QACM,SAAI,GAAgB,IAAI,CAAA;QAEjC;;;;;;WAMG;QACsB,aAAQ,GAAY,KAAK,CAAA;QAalD;;;WAGG;QACK,aAAQ,GAAY,KAAK,CAAA;QA0FhB,sBAAiB,GAAG,CAAC,KAAY,EAAE,EAAE;YACpD,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAA;YAC/C,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAClC,CAAC,CAAA;KA0CF;IAnIS,cAAc;QACpB,OAAO;YACL,WAAW,EAAE,IAAI;YACjB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;SACnB,CAAA;IACH,CAAC;IAEO,yBAAyB,CAAC,IAAU;QAC1C,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAA;QAC/E,IAAI,CAAC,aAAa,GAAG,cAAqC,CAAA;QAC1D,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,eAAe,IAAI,CAAC,QAAQ,EAAE,CAAqB,CAAA;QACvG,SAAS,CAAC,KAAK,GAAG,EAAE,CAAA;IACtB,CAAC;IAEO,mBAAmB;QACzB,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;QAC7D,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;YACtC,OAAO,CACL,WAAK,KAAK,EAAC,gBAAgB,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,UAAU;gBACzD,WAAK,KAAK,EAAC,sCAAsC,IAAE,IAAI,CAAC,IAAI,CAAO;gBACnE,WAAK,KAAK,EAAC,eAAe;oBACxB,YAAM,KAAK,EAAC,EAAE,IAAE,IAAI,CAAQ;oBAC5B,iBACE,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,QAAQ,gBACD,mBAAmB,IAAI,CAAC,IAAI,EAAE,EAC1C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC;wBAEnD,4BAAmB,gBAAgB,iBAAa,MAAM,GAAW,CACvD,CACR,CACF,CACP,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAEO,aAAa,CAAC,KAAe;QACnC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAA;QAC5B,CAAC;aAAM,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC5B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAA;QAC5B,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAA;YAEvG,OAAO,KAAK,CAAA;QACd,CAAC;IACH,CAAC;IAEO,kBAAkB,CAAC,KAAe;QACxC,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACpC,IAAI,OAAO,GAAG,EAAE,CAAA;YAChB,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;YAC3C,IAAI,SAAS,GAAG,CAAC,CAAA;YACjB,IAAI,OAAO,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;YAE9B,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;gBAChB,OAAO,GAAG,GAAG,IAAI,CAAC,IAAI,QAAQ,CAAA;YAChC,CAAC;iBAAM,CAAC;gBACN,OAAO,OAAO,GAAG,CAAC,IAAI,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC;oBACpD,OAAO,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE,CAAA;oBAC1D,OAAO,IAAI,IAAI,CAAA;oBACf,SAAS,EAAE,CAAA;gBACb,CAAC;YACH,CAAC;YAED,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,IAAI,CAAC,EAAE,CAAA;QAC3C,CAAC,CAAC,CAAA;IACJ,CAAC;IAEO,UAAU,CAAC,KAAgB;QACjC,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,MAAM,KAAK,GAAG,KAAK,CAAC,YAAY,EAAE,KAAK,CAAA;QACvC,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC9B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC3B,CAAC;IACH,CAAC;IAEO,cAAc,CAAC,KAAgB;QACrC,KAAK,CAAC,cAAc,EAAE,CAAA;IACxB,CAAC;IAEO,mBAAmB;QACzB,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,eAAe,IAAI,CAAC,QAAQ,EAAE,CAAqB,CAAA;QACvG,SAAS,CAAC,KAAK,EAAE,CAAA;IACnB,CAAC;IAOD,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ;gBAClD,8DAAO,EAAE,EAAE,SAAS,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,eAAe,IAAI,CAAC,QAAQ,EAAE;oBAC/F,+DAAO,IAAI,CAAC,KAAK,CAAQ,CACnB;gBACR,8DACE,KAAK,EAAC,cAAc,EACpB,EAAE,EAAE,eAAe,IAAI,CAAC,QAAQ,EAAE,EAClC,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,IAAI,CAAC,MAAM,qBACF,SAAS,IAAI,CAAC,QAAQ,EAAE,GACzC;gBACF,+DACE,KAAK,EAAC,eAAe,EACrB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,EACzC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EACzC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,sBAC/B,SAAS,IAAI,CAAC,QAAQ,EAAE;oBAE1C,6EAAmB,iBAAiB,EAAC,MAAM,EAAC,IAAI,iBAAa,MAAM,GAAW;oBAC9E;wBACE,qFAAgC,CAC3B,CACA;gBACR,IAAI,CAAC,aAAa,IAAI,CACrB,4DAAK,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,aAAa,EAAE,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,IACpE,IAAI,CAAC,mBAAmB,EAAE,CACvB,CACP,CACG,CACD,CACR,CAAA;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF;AACD,IAAI,QAAQ,GAAG,CAAC,CAAA","sourcesContent":["import { AttachInternals, Component, Element, h, Host, 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/components/upload?tab=designer).\n *\n * @slot default - Texto personalizado para o botão de upload. Se não fornecido, será exibido \"Selecione o arquivo\" como texto padrão.\n *                 Use este slot para personalizar o texto do botão de acordo com o contexto do upload, por exemplo: \"Anexar documentos\",\n *                 \"Enviar imagens\", etc.\n */\n@Component({\n  tag: 'br-upload',\n  styleUrl: 'upload.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Upload {\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-upload-${uploadId++}`\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!: HTMLBrUploadElement\n\n  /**\n   * Tipos de arquivo permitidos (ex: 'image/*').\n   * Esta propriedade define quais tipos de arquivos podem ser selecionados para upload.\n   */\n  @Prop() accept: string = ''\n\n  /**\n   * Rótulo principal do campo de upload.\n   * Este texto ajuda usuários de leitores de tela a identificarem o propósito do upload.\n   * Exemplos: \"Anexar comprovante\", \"Enviar foto do documento\".\n   *\n   * @default \"Envio de arquivo\"\n   */\n  @Prop() label: string = 'Envio de arquivo'\n\n  /**\n   * Evento emitido quando um arquivo é selecionado.\n   * Este estado armazena os arquivos que foram selecionados pelo usuário.\n   */\n  @State() filesSelected: FileList | null = null\n\n  /**\n   * Referência ao elemento de arquivo selecionado.\n   * Este estado armazena o arquivo que foi selecionado para upload.\n   */\n  @State() file: File | null = null\n\n  /**\n   * Indica se o componente está desativado.\n   * Quando definido como `true`, o campo de upload se torna não interativo,\n   * impedindo que o usuário selecione ou envie arquivos.\n   * Isso é útil para controlar a interação do usuário em situações específicas,\n   * como durante o carregamento de dados ou quando o formulário está em um estado inválido.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   * Define o estado visual da mensagem.\n   * Os possíveis valores são:\n   * - 'info': Mensagem informativa.\n   * - 'warning': Mensagem de aviso.\n   * - 'danger': Mensagem de erro ou alerta.\n   * - 'success': Mensagem de sucesso.\n   * O valor padrão é 'info'.\n   */\n  @Prop({ reflect: true }) state: 'info' | 'warning' | 'danger' | 'success'\n\n  /**\n   * Indica se o componente permite a seleção de múltiplos arquivos.\n   * Quando definido como `true`, o usuário pode selecionar mais de um arquivo para upload.\n   */\n  @Prop() multiple: boolean = false\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-upload': true,\n      [this.state]: true,\n    }\n  }\n\n  private handleRemoveFileSelection(file: File) {\n    const newArrayFilter = Array.from(this.filesSelected).filter((f) => f !== file)\n    this.filesSelected = newArrayFilter as unknown as FileList\n    const fileInput = this.el.shadowRoot.getElementById(`single-file-${this.customId}`) as HTMLInputElement\n    fileInput.value = ''\n  }\n\n  private renderFilesUploaded() {\n    const fileSizes = this._calculateFileSize(this.filesSelected)\n    return fileSizes.map(({ file, size }) => {\n      return (\n        <div class=\"br-item d-flex\" key={file.name} role=\"listitem\">\n          <div class=\"content text-primary-default mr-auto\">{file.name}</div>\n          <div class=\"support mr-n2\">\n            <span class=\"\">{size}</span>\n            <br-button\n              shape=\"circle\"\n              type=\"button\"\n              aria-label={`Remover arquivo ${file.name}`}\n              onClick={() => this.handleRemoveFileSelection(file)}\n            >\n              <br-icon icon-name=\"fa-solid:trash\" aria-hidden=\"true\"></br-icon>\n            </br-button>\n          </div>\n        </div>\n      )\n    })\n  }\n\n  private onInputChange(files: FileList) {\n    if (files.length === 1) {\n      this.filesSelected = files\n    } else if (files.length > 0) {\n      this.filesSelected = files\n    } else {\n      console.error(files.length === 0 ? 'NENHUM ARQUIVO ENVIADO' : 'VOCÊ SÓ PODE ENVIAR UM ARQUIVO POR VEZ')\n\n      return false\n    }\n  }\n\n  private _calculateFileSize(files: FileList) {\n    return Array.from(files).map((file) => {\n      let sOutput = ''\n      const aMultiples = ['KB', 'MB', 'GB', 'TB']\n      let nMultiple = 0\n      let nApprox = file.size / 1024\n\n      if (nApprox < 1) {\n        sOutput = `${file.size} bytes`\n      } else {\n        while (nApprox > 1 && nMultiple < aMultiples.length) {\n          sOutput = `${nApprox.toFixed(2)} ${aMultiples[nMultiple]}`\n          nApprox /= 1024\n          nMultiple++\n        }\n      }\n\n      return { file: file, size: sOutput || 0 }\n    })\n  }\n\n  private handleDrop(event: DragEvent) {\n    event.preventDefault()\n    const files = event.dataTransfer?.files\n    if (files && files.length > 0) {\n      this.onInputChange(files)\n    }\n  }\n\n  private handleDragOver(event: DragEvent) {\n    event.preventDefault()\n  }\n\n  private handleFileSelection() {\n    const fileInput = this.el.shadowRoot.getElementById(`single-file-${this.customId}`) as HTMLInputElement\n    fileInput.click()\n  }\n\n  private readonly handleInputChange = (event: Event) => {\n    const target = event.target as HTMLInputElement\n    this.onInputChange(target.files)\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} id={this.customId}>\n          <label id={`label-${this.customId}`} class=\"upload-label\" htmlFor={`single-file-${this.customId}`}>\n            <span>{this.label}</span>\n          </label>\n          <input\n            class=\"upload-input\"\n            id={`single-file-${this.customId}`}\n            type=\"file\"\n            onChange={this.handleInputChange}\n            multiple={this.multiple}\n            disabled={this.disabled}\n            accept={this.accept}\n            aria-labelledby={`label-${this.customId}`}\n          />\n          <button\n            class=\"upload-button\"\n            type=\"button\"\n            disabled={this.disabled}\n            onClick={() => this.handleFileSelection()}\n            onDrop={(event) => this.handleDrop(event)}\n            onDragOver={(event) => this.handleDragOver(event)}\n            aria-describedby={`label-${this.customId}`}\n          >\n            <br-icon icon-name=\"fa-solid:upload\" height=\"16\" aria-hidden=\"true\"></br-icon>\n            <slot>\n              <span>Selecione o arquivo</span>\n            </slot>\n          </button>\n          {this.filesSelected && (\n            <div id={`${this.customId}-list-files`} class=\"upload-list\" role=\"list\">\n              {this.renderFilesUploaded()}\n            </div>\n          )}\n        </div>\n      </Host>\n    )\n  }\n}\nlet uploadId = 0\n"]}

package/dist/components/br-avatar.js

@@ -166,12 +166,13 @@ const g =  r(class r extends a {
     return o(i, {
       key: "3d8b630477fdf515967af256d99e8f73ac4e89b3"
     }, o("span", {
-      key: "4da2e4630ba4197a46ffeedc5521c547fef21a1c",
+      key: "3e4ee93b9587e90bd4b04e33f04f565129c1fbb5",
       id: this.customId,
       class: this.getCssClassMap(),
+      role: "img",
       "aria-label": this.getAriaLabel()
     }, o("span", {
-      key: "4801a24d8e48e24646a2c4060c07068a873c8e9a",
+      key: "33f6cb765e0b1ec7880085c4f268c94fdc6bb3d5",
       class: this.getContentClasses()
     }, this.renderAvatar())));
   }

package/dist/components/br-avatar.js.map

@@ -1 +1 @@
-{"version":3,"names":["avatarCss","Avatar","__stencil_proxyCustomElement","HTMLElement","constructor","this","density","customId","avatarId","alt","isIconic","disabled","hasError","handleImageError","console","error","src","handleDensityChange","newValue","includes","warn","el","setAttribute","componentWillLoad","setCustomBackgroundColor","componentDidUpdate","getCssClassMap","hasContent","value","trim","length","getContentClasses","text","textBackgroundColor","style","setProperty","getAriaLabel","hostAriaLabel","getAttribute","getIconSize","tokenName","getComputedStyle","getPropertyValue","getIconWidth","baseSize","numericValue","parseInt","replace","renderTextAvatar","toUpperCase","renderImageAvatar","h","loading","onError","renderIconAvatar","height","width","class","renderAvatar","render","Host","key","id"],"sources":["../../packages/webcomponents/src/components/avatar/avatar.scss?tag=br-avatar&encapsulation=shadow","../../packages/webcomponents/src/components/avatar/avatar.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/avatar/avatar\";\n\n:host {\n  display: inline-block;\n  --avatar-text-background-color: var(--blue-10);\n}\n\n.br-avatar .content.text-pure-0 {\n  background-color: var(--avatar-text-background-color) !important;\n}\n\n.avatar-icon {\n  margin-top: 0.39em;\n}\n","import { Component, Element, h, Host, Prop, State, Watch } 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/avatar?tab=designer).\n */\n@Component({\n  tag: 'br-avatar',\n  styleUrl: 'avatar.scss',\n  shadow: true,\n})\nexport class Avatar {\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: HTMLBrAvatarElement\n\n  /**\n   * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\n  @Prop({ mutable: true }) density: 'small' | 'medium' | 'large' = 'medium'\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-avatar-${avatarId++}`\n\n  /**\n   * URL da imagem a ser exibida no avatar do tipo 'fotográfico'.\n   * Deve ser uma URL válida que aponta para a imagem desejada.\n   */\n  @Prop() readonly src: string\n\n  /**\n   * Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade.\n   * Deve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: \"Foto de perfil de João Silva\".\n   */\n  @Prop() readonly alt = 'Foto de perfil do usuário'\n\n  /**\n   * Força a exibição do ícone padrão, sobrescreve outras opções (texto ou imagem).\n   * Útil para manter consistência visual ou quando se deseja um avatar neutro independente do conteúdo disponível.\n   */\n  @Prop() readonly isIconic: boolean = false\n\n  /**\n   * Conteúdo textual do avatar.\n   * Apenas o primeiro caractere será exibido em maiúscula.\n   */\n  @Prop() readonly text: string\n\n  /**\n   * Define se o avatar está desabilitado\n   */\n  @Prop() readonly disabled = false\n\n  /**\n   * Cor de fundo personalizada para o avatar do tipo texto\n   */\n  @Prop() readonly textBackgroundColor: string\n\n  @State() private hasError = false\n\n  /**\n   * Observa mudanças na propriedade density para validação e sincronização com atributo DOM.\n   * Garante que apenas valores válidos sejam aceitos e atualiza o atributo no elemento host.\n   */\n  @Watch('density')\n  handleDensityChange(newValue: 'small' | 'medium' | 'large') {\n    if (!['small', 'medium', 'large'].includes(newValue)) {\n      console.warn(`Valor inválido para density: ${newValue}. Usando 'medium'.`)\n      this.density = 'medium'\n    }\n    this.el.setAttribute('density', this.density)\n  }\n\n  componentWillLoad() {\n    this.handleDensityChange(this.density)\n    this.setCustomBackgroundColor()\n  }\n\n  componentDidUpdate() {\n    this.setCustomBackgroundColor()\n  }\n\n  /**\n   * Gera um mapa de classes CSS com base nas propriedades do componente.\n   * @returns {CssClassMap} Objeto contendo as classes CSS aplicadas.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-avatar': true,\n      [this.density]: true,\n      error: this.hasError,\n      disabled: this.disabled,\n    }\n  }\n\n  /**\n   * Verifica se uma string possui conteúdo válido (não vazia após remover espaços em branco).\n   * @param value - String a ser verificada\n   * @returns {boolean} true se a string possui conteúdo\n   */\n  private hasContent(value: string): boolean {\n    return value?.trim().length > 0\n  }\n\n  private readonly handleImageError = () => {\n    this.hasError = true\n    console.error(`Erro ao carregar imagem do avatar: ${this.src}`)\n  }\n\n  /**\n   * Obtém as classes CSS para o elemento content.\n   * @returns {string} Classes CSS do content\n   */\n  private getContentClasses(): string {\n    if (this.hasContent(this.text) && !this.isIconic) {\n      return 'content text-pure-0'\n    }\n    return 'content'\n  }\n\n  /**\n   * Define a variável CSS para cor de fundo personalizada para o avatar texto.\n   */\n  private setCustomBackgroundColor() {\n    if (this.hasContent(this.textBackgroundColor)) {\n      this.el.style.setProperty('--avatar-text-background-color', this.textBackgroundColor)\n    }\n  }\n\n  /**\n   * Gera aria-label apropriado baseado no tipo de avatar\n   * Prioriza aria-label do host, senão gera automaticamente\n   */\n  private getAriaLabel(): string {\n    const hostAriaLabel = this.el.getAttribute('aria-label')\n    if (this.hasContent(hostAriaLabel)) {\n      return hostAriaLabel\n    }\n\n    if (this.hasContent(this.text) && !this.isIconic) {\n      return `Avatar de ${this.text}`\n    }\n\n    if (this.hasContent(this.src) && !this.hasError) {\n      return this.alt\n    }\n\n    return 'Avatar com ícone padrão de usuário'\n  }\n\n  /**\n   * Obtém o valor do token do DS para altura do ícone\n   */\n  private getIconSize(): string {\n    const tokenName = `--icon-size-${this.density === 'small' ? '2x' : this.density === 'medium' ? '5x' : '8x'}`\n    return getComputedStyle(this.el).getPropertyValue(tokenName).trim()\n  }\n\n  /**\n   * Obtém o valor do token do DS para largura do ícone (altura + 8px)\n   */\n  private getIconWidth(): string {\n    const baseSize = this.getIconSize()\n    const numericValue = parseInt(baseSize.replace('px', ''))\n    return `${numericValue + 8}px`\n  }\n\n  /**\n   * Renderiza o avatar do tipo 'letra/texto'.\n   * Exibe a primeira letra do texto em maiúscula.\n   */\n  private renderTextAvatar() {\n    return this.text[0].toUpperCase()\n  }\n\n  /**\n   * Renderiza o avatar do tipo 'fotográfico/imagem'.\n   * Exibe uma imagem carregada via URL.\n   */\n  private renderImageAvatar() {\n    return <img src={this.src} alt={this.alt} loading=\"lazy\" onError={this.handleImageError} />\n  }\n\n  /**\n   * Renderiza o avatar do tipo 'icônico'.\n   * Exibe um ícone padrão (fa-solid:user) posicionado na base do avatar.\n   */\n  private renderIconAvatar() {\n    return (\n      <br-icon\n        icon-name=\"fa-solid:user\"\n        height={this.getIconSize()}\n        width={this.getIconWidth()}\n        aria-hidden=\"true\"\n        class=\"avatar-icon\"\n      ></br-icon>\n    )\n  }\n\n  /**\n   * Método principal de renderização do avatar.\n   * Prioridade: isIconic > texto > imagem > ícone (padrão)\n   */\n  private renderAvatar() {\n    if (this.isIconic) {\n      return this.renderIconAvatar()\n    }\n\n    if (this.hasContent(this.text)) {\n      return this.renderTextAvatar()\n    }\n\n    if (this.hasContent(this.src) && !this.hasError) {\n      return this.renderImageAvatar()\n    }\n\n    return this.renderIconAvatar()\n  }\n\n  render() {\n    return (\n      <Host>\n        <span id={this.customId} class={this.getCssClassMap()} aria-label={this.getAriaLabel()}>\n          <span class={this.getContentClasses()}>{this.renderAvatar()}</span>\n        </span>\n      </Host>\n    )\n  }\n}\n\nlet avatarId = 0\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["avatarCss","Avatar","__stencil_proxyCustomElement","HTMLElement","constructor","this","density","customId","avatarId","alt","isIconic","disabled","hasError","handleImageError","console","error","src","handleDensityChange","newValue","includes","warn","el","setAttribute","componentWillLoad","setCustomBackgroundColor","componentDidUpdate","getCssClassMap","hasContent","value","trim","length","getContentClasses","text","textBackgroundColor","style","setProperty","getAriaLabel","hostAriaLabel","getAttribute","getIconSize","tokenName","getComputedStyle","getPropertyValue","getIconWidth","baseSize","numericValue","parseInt","replace","renderTextAvatar","toUpperCase","renderImageAvatar","h","loading","onError","renderIconAvatar","height","width","class","renderAvatar","render","Host","key","id","role"],"sources":["../../packages/webcomponents/src/components/avatar/avatar.scss?tag=br-avatar&encapsulation=shadow","../../packages/webcomponents/src/components/avatar/avatar.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/avatar/avatar\";\n\n:host {\n  display: inline-block;\n  --avatar-text-background-color: var(--blue-10);\n}\n\n.br-avatar .content.text-pure-0 {\n  background-color: var(--avatar-text-background-color) !important;\n}\n\n.avatar-icon {\n  margin-top: 0.39em;\n}\n","import { Component, Element, h, Host, Prop, State, Watch } 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/avatar?tab=designer).\n */\n@Component({\n  tag: 'br-avatar',\n  styleUrl: 'avatar.scss',\n  shadow: true,\n})\nexport class Avatar {\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: HTMLBrAvatarElement\n\n  /**\n   * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\n  @Prop({ mutable: true }) density: 'small' | 'medium' | 'large' = 'medium'\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-avatar-${avatarId++}`\n\n  /**\n   * URL da imagem a ser exibida no avatar do tipo 'fotográfico'.\n   * Deve ser uma URL válida que aponta para a imagem desejada.\n   */\n  @Prop() readonly src: string\n\n  /**\n   * Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade.\n   * Deve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: \"Foto de perfil de João Silva\".\n   */\n  @Prop() readonly alt = 'Foto de perfil do usuário'\n\n  /**\n   * Força a exibição do ícone padrão, sobrescreve outras opções (texto ou imagem).\n   * Útil para manter consistência visual ou quando se deseja um avatar neutro independente do conteúdo disponível.\n   */\n  @Prop() readonly isIconic: boolean = false\n\n  /**\n   * Conteúdo textual do avatar.\n   * Apenas o primeiro caractere será exibido em maiúscula.\n   */\n  @Prop() readonly text: string\n\n  /**\n   * Define se o avatar está desabilitado\n   */\n  @Prop() readonly disabled = false\n\n  /**\n   * Cor de fundo personalizada para o avatar do tipo texto\n   */\n  @Prop() readonly textBackgroundColor: string\n\n  @State() private hasError = false\n\n  /**\n   * Observa mudanças na propriedade density para validação e sincronização com atributo DOM.\n   * Garante que apenas valores válidos sejam aceitos e atualiza o atributo no elemento host.\n   */\n  @Watch('density')\n  handleDensityChange(newValue: 'small' | 'medium' | 'large') {\n    if (!['small', 'medium', 'large'].includes(newValue)) {\n      console.warn(`Valor inválido para density: ${newValue}. Usando 'medium'.`)\n      this.density = 'medium'\n    }\n    this.el.setAttribute('density', this.density)\n  }\n\n  componentWillLoad() {\n    this.handleDensityChange(this.density)\n    this.setCustomBackgroundColor()\n  }\n\n  componentDidUpdate() {\n    this.setCustomBackgroundColor()\n  }\n\n  /**\n   * Gera um mapa de classes CSS com base nas propriedades do componente.\n   * @returns {CssClassMap} Objeto contendo as classes CSS aplicadas.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-avatar': true,\n      [this.density]: true,\n      error: this.hasError,\n      disabled: this.disabled,\n    }\n  }\n\n  /**\n   * Verifica se uma string possui conteúdo válido (não vazia após remover espaços em branco).\n   * @param value - String a ser verificada\n   * @returns {boolean} true se a string possui conteúdo\n   */\n  private hasContent(value: string): boolean {\n    return value?.trim().length > 0\n  }\n\n  private readonly handleImageError = () => {\n    this.hasError = true\n    console.error(`Erro ao carregar imagem do avatar: ${this.src}`)\n  }\n\n  /**\n   * Obtém as classes CSS para o elemento content.\n   * @returns {string} Classes CSS do content\n   */\n  private getContentClasses(): string {\n    if (this.hasContent(this.text) && !this.isIconic) {\n      return 'content text-pure-0'\n    }\n    return 'content'\n  }\n\n  /**\n   * Define a variável CSS para cor de fundo personalizada para o avatar texto.\n   */\n  private setCustomBackgroundColor() {\n    if (this.hasContent(this.textBackgroundColor)) {\n      this.el.style.setProperty('--avatar-text-background-color', this.textBackgroundColor)\n    }\n  }\n\n  /**\n   * Gera aria-label apropriado baseado no tipo de avatar\n   * Prioriza aria-label do host, senão gera automaticamente\n   */\n  private getAriaLabel(): string {\n    const hostAriaLabel = this.el.getAttribute('aria-label')\n    if (this.hasContent(hostAriaLabel)) {\n      return hostAriaLabel\n    }\n\n    if (this.hasContent(this.text) && !this.isIconic) {\n      return `Avatar de ${this.text}`\n    }\n\n    if (this.hasContent(this.src) && !this.hasError) {\n      return this.alt\n    }\n\n    return 'Avatar com ícone padrão de usuário'\n  }\n\n  /**\n   * Obtém o valor do token do DS para altura do ícone\n   */\n  private getIconSize(): string {\n    const tokenName = `--icon-size-${this.density === 'small' ? '2x' : this.density === 'medium' ? '5x' : '8x'}`\n    return getComputedStyle(this.el).getPropertyValue(tokenName).trim()\n  }\n\n  /**\n   * Obtém o valor do token do DS para largura do ícone (altura + 8px)\n   */\n  private getIconWidth(): string {\n    const baseSize = this.getIconSize()\n    const numericValue = parseInt(baseSize.replace('px', ''))\n    return `${numericValue + 8}px`\n  }\n\n  /**\n   * Renderiza o avatar do tipo 'letra/texto'.\n   * Exibe a primeira letra do texto em maiúscula.\n   */\n  private renderTextAvatar() {\n    return this.text[0].toUpperCase()\n  }\n\n  /**\n   * Renderiza o avatar do tipo 'fotográfico/imagem'.\n   * Exibe uma imagem carregada via URL.\n   */\n  private renderImageAvatar() {\n    return <img src={this.src} alt={this.alt} loading=\"lazy\" onError={this.handleImageError} />\n  }\n\n  /**\n   * Renderiza o avatar do tipo 'icônico'.\n   * Exibe um ícone padrão (fa-solid:user) posicionado na base do avatar.\n   */\n  private renderIconAvatar() {\n    return (\n      <br-icon\n        icon-name=\"fa-solid:user\"\n        height={this.getIconSize()}\n        width={this.getIconWidth()}\n        aria-hidden=\"true\"\n        class=\"avatar-icon\"\n      ></br-icon>\n    )\n  }\n\n  /**\n   * Método principal de renderização do avatar.\n   * Prioridade: isIconic > texto > imagem > ícone (padrão)\n   */\n  private renderAvatar() {\n    if (this.isIconic) {\n      return this.renderIconAvatar()\n    }\n\n    if (this.hasContent(this.text)) {\n      return this.renderTextAvatar()\n    }\n\n    if (this.hasContent(this.src) && !this.hasError) {\n      return this.renderImageAvatar()\n    }\n\n    return this.renderIconAvatar()\n  }\n\n  render() {\n    return (\n      <Host>\n        <span id={this.customId} class={this.getCssClassMap()} role=\"img\" aria-label={this.getAriaLabel()}>\n          <span class={this.getContentClasses()}>{this.renderAvatar()}</span>\n        </span>\n      </Host>\n    )\n  }\n}\n\nlet avatarId = 0\n"],"mappings":"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","ignoreList":[]}

package/dist/components/br-breadcrumb.js

@@ -4,7 +4,7 @@
  */
 import { p as r, H as a, h as o, c as i } from "./p-CTDrYKxV.js";
 
-import { d as n } from "./p-ssSt5UuQ.js";
+import { d as n } from "./p-Brhs7qAd.js";
 
 import { d as t } from "./p-BUfNFi9N.js";
 

package/dist/components/br-button.js

@@ -2,12 +2,12 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { B as s, d as o } from "./p-ssSt5UuQ.js";
+import { B as s, d as o } from "./p-Brhs7qAd.js";
 
-const t = s;
+const r = s;
 
-const p = o;
+const t = o;
 
-export { t as BrButton, p as defineCustomElement };
+export { r as BrButton, t as defineCustomElement };
 //# sourceMappingURL=br-button.js.map
 //# sourceMappingURL=br-button.js.map

package/dist/components/br-footer-social.js

@@ -6,7 +6,7 @@ import { p as r, H as a, h as o } from "./p-CTDrYKxV.js";
 
 import { H as i } from "./p-BRKK5nMe.js";
 
-import { d as n } from "./p-ssSt5UuQ.js";
+import { d as n } from "./p-Brhs7qAd.js";
 
 import { d as v } from "./p-CYtPDYp6.js";
 

package/dist/components/br-input.js

@@ -2,12 +2,12 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { I as o, d as s } from "./p-DZhiQXGc.js";
+import { I as o, d as s } from "./p-Bjt1OWm8.js";
 
 const t = o;
 
-const c = s;
+const m = s;
 
-export { t as BrInput, c as defineCustomElement };
+export { t as BrInput, m as defineCustomElement };
 //# sourceMappingURL=br-input.js.map
 //# sourceMappingURL=br-input.js.map

package/dist/components/br-message.js

@@ -4,7 +4,7 @@
  */
 import { p as r, H as a, d as o, h as i, c as n } from "./p-CTDrYKxV.js";
 
-import { d as g } from "./p-ssSt5UuQ.js";
+import { d as g } from "./p-Brhs7qAd.js";
 
 import { d as v } from "./p-CYtPDYp6.js";
 

package/dist/components/br-select.js

@@ -4,7 +4,7 @@
  */
 import { p as r, H as a, d as o, h as i } from "./p-CTDrYKxV.js";
 
-import { d as t } from "./p-ssSt5UuQ.js";
+import { d as t } from "./p-Brhs7qAd.js";
 
 import { d as n } from "./p-DvuyuK9Y.js";
 
@@ -12,7 +12,7 @@ import { d as e } from "./p-BUfNFi9N.js";
 
 import { d as v } from "./p-CYtPDYp6.js";
 
-import { d as g } from "./p-DZhiQXGc.js";
+import { d as g } from "./p-Bjt1OWm8.js";
 
 import { d } from "./p-D0wwETCp.js";
 

package/dist/components/br-step-item.js

@@ -4,7 +4,7 @@
  */
 import { p as r, H as a, d as o, h as i, c as t } from "./p-CTDrYKxV.js";
 
-import { d as n } from "./p-ssSt5UuQ.js";
+import { d as n } from "./p-Brhs7qAd.js";
 
 import { d as e } from "./p-CYtPDYp6.js";