npm - @govbr-ds/webcomponents - Versions diffs - 2.0.0-next.34 → 2.0.0-next.35 - Mend

@govbr-ds/webcomponents 2.0.0-next.34 → 2.0.0-next.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (405) hide show

package/dist/webcomponents/p-fe37ebb6.system.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["selectCss","Select","exports","this","placeholder","isMultiple","options","selectAllLabel","unselectAllLabel","showSearchIcon","isOpen","customId","concat","selectId","parsedOptions","inputValue","isAllSelected","isExpanded","focusedIndex","handleClickOutside","event","target","_this","el","contains","class_1","prototype","synchronizeSelect","jsonData","JSON","parse","Array","isArray","Error","error","console","message","updateSelectedOptions","updateSelectedAllState","emitSelectedOptions","componentWillLoad","componentDidLoad","document","addEventListener","disconnectedCallback","removeEventListener","handleKeydownOnInput","key","closeSelect","preventDefault","openSelect","focusItemInDirection","resetFocus","toggleOpen","handleKeydownOnList","handleKeydownOnItem","index","handleSelection","handleSelectAllKeyDown","toggleSelectAll","input","shadowRoot","querySelector","focus","direction","itemCount","length","focusItem","items","querySelectorAll","item","updatedOptions","__spreadArray","selected","map","option","__assign","getStringValue","filter","firstSelected","label","value","howManySelected","selectedOptions","_a","brDidSelectChange","emit","elementInternals","setFormValue","stringify","allSelected","every","renderInput","h","readonly","onClick","onKeyDown","slot","height","renderSelectAllCheckbox","class","tabindex","role","name","checked","onCheckedChange","renderOptions","exportparts","getComputedId","getCssClassMap","render","id"],"sources":["../../packages/webcomponents/src/components/select/select.scss?tag=br-select&encapsulation=shadow","../../packages/webcomponents/src/components/select/select.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/select/select\";\n@import \"~@govbr-ds/core/src/components/item/item\";\n\n:host {\n display: block;\n\n .br-select br-list {\n background-color: var(--bg-color);\n box-shadow: var(--select-shadow);\n margin-top: -2px;\n max-height: 404px;\n overflow: auto;\n position: absolute;\n resize: none;\n width: 100%;\n z-index: 1;\n\n @include scrollbar;\n\n &:focus,\n &:active {\n color: var(--color-secondary-09);\n outline: none;\n }\n\n &:hover {\n &::-webkit-scrollbar-thumb {\n background: var(--color-secondary-07);\n }\n }\n\n .br-item br-radio::part(radio-input) {\n visibility: hidden;\n height: 0;\n width: 0;\n }\n\n .br-item br-radio::part(radio-label) {\n padding-left: var(--spacing-scale-base);\n position: relative;\n\n &::before,\n &::after {\n display: none;\n }\n }\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n@Component({\n tag: 'br-select',\n styleUrl: 'select.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Select {\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: HTMLBrSelectElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Rótulo que indica o tipo de informação que deve ser selecionada.\n */\n @Prop({ reflect: true }) label: string\n\n /**\n * Texto auxiliar exibido antes de uma seleção.\n */\n @Prop({ reflect: true }) placeholder: string = ''\n\n /**\n * Habilita o modo múltiplo para selecionar várias opções.\n */\n @Prop({ reflect: true }) isMultiple: boolean = false\n\n /**\n * Define as opções disponíveis no componente de seleção.\n * Pode ser fornecida como:\n * - Uma **string** contendo um JSON válido que será analisado em um array de objetos. Exemplo: `'[{\"label\": \"Opção 1\", \"value\": \"1\"}]'.\n * - Um **array de objetos**, onde cada objeto representa uma opção com as propriedades:\n * - `label`: O texto exibido para o usuário (obrigatório).\n * - `value`: O valor associado à opção (obrigatório).\n * - `selected`: Um boolean opcional que indica se a opção está pré-selecionada (padrão: `false`).\n * Se uma string for fornecida, ela será convertida internamente para um array via `JSON.parse`. Caso o formato seja inválido, um erro será registrado e as opções serão definidas como um array vazio.\n * Exemplo de uso:\n * ```typescript\n * options='[{\"label\": \"Sim\", \"value\": \"1\"}, {\"label\": \"Não\", \"value\": \"0\"}]'\n * // ou\n * options=[{ label: \"Sim\", value: \"1\" }, { label: \"Não\", value: \"0\" }]\n * ```\n */\n @Prop({ reflect: true }) options:\n | string\n | {\n label: string\n value: string\n selected?: boolean\n }[] = []\n\n /**\n * Rótulo para selecionar todas as opções.\n */\n @Prop({ reflect: true }) selectAllLabel: string = 'Selecionar todos'\n\n /**\n * Rótulo para desmarcar todas as opções.\n */\n @Prop({ reflect: true }) unselectAllLabel: string = 'Desselecionar todos'\n\n /**\n * Exibe o ícone de busca no campo de entrada.\n */\n @Prop({ reflect: true }) showSearchIcon: boolean = false\n\n /**\n * Indica se a listagem de itens do select está expandida\n */\n @Prop({ reflect: true }) isOpen: 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-select-${selectId++}`\n\n // Representa as opções do select disponíveis para renderização.\n // Cada opção contém `label`, `value` e o estado de seleção (`selected`).\n @State() parsedOptions: { label: string; value: string; selected?: boolean }[] = []\n\n // Valor exibido no input, refletindo as opções selecionadas.\n @State() inputValue: string = ''\n\n // Indica se todas as opções estão selecionadas. Comportamento do checkbox \"Selecionar Todos\".\n @State() isAllSelected: boolean = false\n\n // Controla se a lista de opções do select está expandida (aberta) ou colapsada (fechada).\n @State() isExpanded: boolean = false\n\n // Armazena o índice do item atualmente focado, usado para navegação por teclado.\n @State() focusedIndex: number = -1\n\n /**\n * Evento emitido sempre que houver atualização nos itens selecionados.\n */\n @Event() brDidSelectChange: EventEmitter\n\n @Watch('options')\n synchronizeSelect() {\n try {\n let parsedOptions: { label: string; value: string; selected?: boolean }[] = []\n if (typeof this.options === 'string') {\n try {\n const jsonData = JSON.parse(this.options)\n if (Array.isArray(jsonData)) {\n parsedOptions = jsonData\n } else {\n throw new Error('JSON inválido: deve ser um array')\n }\n } catch (error) {\n console.error('Erro ao converter options para JSON:', error.message)\n parsedOptions = []\n }\n } else if (Array.isArray(this.options)) {\n parsedOptions = this.options\n }\n\n // Sanitiza as opções (remove opções inválidas, etc.)\n this.parsedOptions = parsedOptions\n\n // Atualiza o estado do componente\n this.updateSelectedOptions()\n this.updateSelectedAllState()\n this.emitSelectedOptions()\n } catch (error) {\n console.error('Erro ao processar as opções do select:', error)\n this.parsedOptions = []\n }\n }\n\n componentWillLoad() {\n this.isExpanded = this.isOpen\n this.synchronizeSelect()\n }\n\n componentDidLoad() {\n document.addEventListener('click', this.handleClickOutside)\n }\n\n disconnectedCallback() {\n document.removeEventListener('click', this.handleClickOutside)\n }\n\n /**\n * Fecha a lista suspensa (`dropdown`) do `br-select` quando o usuário clica fora do componente.\n * O listener global é adicionado no `componentDidLoad` e removido no `disconnectedCallback` para evitar vazamentos de memória.\n * Se a lista estiver aberta (`this.isExpanded`) e o clique ocorrer fora (`!this.el.contains(target)`), ela é fechada.\n * A reatividade do StencilJS garante a atualização automática da interface.\n * A arrow function (`=>`) mantém o contexto correto de `this` ao ser usada como callback.\n *\n * @param {MouseEvent} event O evento de clique.\n * @returns {void}\n */\n private readonly handleClickOutside = (event: MouseEvent) => {\n const target = event.target as HTMLElement\n if (this.isExpanded && !this.el.contains(target)) {\n this.isExpanded = false\n }\n }\n\n private handleKeydownOnInput(event: KeyboardEvent) {\n switch (event.key) {\n case 'Tab':\n this.closeSelect()\n break\n case 'ArrowDown':\n event.preventDefault()\n if (!this.isExpanded) {\n this.openSelect()\n }\n this.focusItemInDirection('next')\n break\n case 'ArrowUp':\n event.preventDefault()\n if (!this.isExpanded) {\n this.openSelect()\n }\n this.focusItemInDirection('previous')\n break\n case 'Escape':\n this.closeSelect()\n this.resetFocus()\n break\n case 'Enter':\n this.toggleOpen()\n break\n default:\n }\n }\n\n private handleKeydownOnList(event: KeyboardEvent) {\n event.preventDefault()\n switch (event.key) {\n case 'Tab':\n case 'Escape':\n this.resetFocus()\n break\n case 'ArrowUp':\n this.focusItemInDirection('previous')\n break\n case 'ArrowDown':\n this.focusItemInDirection('next')\n break\n default:\n break\n }\n }\n\n private handleKeydownOnItem(event: KeyboardEvent, index: number) {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault()\n this.handleSelection(index)\n } else if (event.key === 'Escape') {\n this.closeSelect()\n }\n }\n\n private handleSelectAllKeyDown(event: KeyboardEvent) {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault()\n this.toggleSelectAll()\n } else if (event.key === 'Escape') {\n event.preventDefault()\n this.closeSelect()\n }\n }\n\n private resetFocus() {\n const input = this.el.shadowRoot.querySelector('br-input') as HTMLElement\n input.focus()\n }\n\n private focusItemInDirection(direction: 'next' | 'previous') {\n let itemCount = this.parsedOptions.length\n if (this.isMultiple) itemCount += 1\n\n this.focusedIndex =\n direction === 'next' ? (this.focusedIndex + 1) % itemCount : (this.focusedIndex - 1 + itemCount) % itemCount\n\n this.focusItem(this.focusedIndex)\n }\n\n private focusItem(index: number) {\n const items = this.el.shadowRoot.querySelectorAll('.br-item')\n if (items[index]) {\n const item = items[index] as HTMLElement\n item.focus()\n }\n }\n\n private openSelect() {\n this.isExpanded = true\n }\n\n private closeSelect() {\n this.isExpanded = false\n // Resetar o índice focado ao fechar o select\n this.focusedIndex = -1\n }\n\n private handleSelection(index: number) {\n if (index < 0 || index >= this.parsedOptions.length) {\n return\n }\n\n if (this.isMultiple) {\n const updatedOptions = [...this.parsedOptions]\n updatedOptions[index].selected = !updatedOptions[index].selected\n this.parsedOptions = updatedOptions\n } else {\n const updatedOptions = this.parsedOptions.map((option) => ({ ...option, selected: false }))\n updatedOptions[index].selected = true\n this.parsedOptions = updatedOptions\n this.isExpanded = false\n }\n this.updateSelectedOptions()\n this.emitSelectedOptions()\n this.updateSelectedAllState()\n }\n\n private updateSelectedOptions() {\n this.inputValue = this.getStringValue(this.parsedOptions.filter((option) => option.selected))\n }\n\n private getStringValue(options: { label: string; value: string; selected?: boolean }[]) {\n if (options.length > 0) {\n const firstSelected = options[0].label || options[0].value\n if (this.isMultiple) {\n const howManySelected = options.length > 1 ? ` + (${options.length - 1})` : ''\n return `${firstSelected}${howManySelected}`\n } else {\n return firstSelected\n }\n }\n return ''\n }\n\n private emitSelectedOptions() {\n const selectedOptions = this.parsedOptions\n .filter((option) => option.selected === true)\n .map((option) => option.label ?? option.value)\n\n this.brDidSelectChange.emit(selectedOptions)\n\n // Atualiza o valor do form associado\n this.elementInternals.setFormValue(JSON.stringify(selectedOptions))\n }\n\n private updateSelectedAllState() {\n const allSelected = this.parsedOptions.every((option) => option.selected)\n this.isAllSelected = allSelected\n }\n\n private toggleSelectAll() {\n const updatedOptions = this.parsedOptions.map((option) => ({ ...option, selected: !this.isAllSelected }))\n this.parsedOptions = updatedOptions\n this.isAllSelected = !this.isAllSelected\n\n this.updateSelectedOptions()\n this.emitSelectedOptions()\n }\n\n private renderInput() {\n return (\n <br-input\n value={this.inputValue}\n label={this.label}\n placeholder={this.placeholder}\n readonly\n onClick={() => this.toggleOpen()}\n onKeyDown={(event) => this.handleKeydownOnInput(event)}\n >\n {this.showSearchIcon && <br-icon slot=\"icon\" icon-name=\"fa-solid:search\" aria-hidden=\"true\"></br-icon>}\n <br-icon\n slot=\"action\"\n icon-name={this.isExpanded ? 'fa-solid:angle-up' : 'fa-solid:angle-down'}\n height=\"16\"\n aria-hidden=\"true\"\n ></br-icon>\n </br-input>\n )\n }\n\n private renderSelectAllCheckbox() {\n return (\n <div\n class={`br-item highlighted ${this.isAllSelected ? 'selected' : ''}`}\n data-all=\"data-all\"\n tabindex=\"-1\"\n role=\"option\"\n aria-selected={this.isAllSelected}\n onKeyDown={(event) => this.handleSelectAllKeyDown(event)}\n onClick={() => this.toggleSelectAll()}\n >\n <br-checkbox\n name={`checkbox-${this.customId}`}\n label={this.isAllSelected ? this.unselectAllLabel : this.selectAllLabel}\n checked={this.isAllSelected}\n onCheckedChange={() => this.toggleSelectAll()}\n ></br-checkbox>\n </div>\n )\n }\n\n private renderOptions() {\n return this.parsedOptions.map((option, index) => (\n <div\n class={`br-item ${option.selected ? 'selected' : ''}`}\n key={`${option.label}-${this.customId}`}\n role=\"option\"\n tabindex={this.focusedIndex === index ? 0 : -1}\n aria-selected={option.selected}\n onClick={() => this.handleSelection(index)}\n onKeyDown={(event) => this.handleKeydownOnItem(event, index)}\n >\n {this.isMultiple ? (\n <br-checkbox\n name={`checkbox-${index}-${this.customId}`}\n label={option.label || option.value}\n checked={option.selected === true}\n onCheckedChange={() => this.handleSelection(index)}\n />\n ) : (\n <br-radio\n exportparts=\"radio-input, radio-label\"\n name={`radio-${index}-${this.customId}`}\n label={option.label || option.value}\n checked={option.selected === true}\n onCheckedChange={() => this.handleSelection(index)}\n />\n )}\n </div>\n ))\n }\n\n /**\n * Determina um id para o radio.\n */\n private getComputedId() {\n return this.customId?.length > 0 ? this.customId : `br-select-${this.customId}`\n }\n\n /**\n * Inverte o valor da prop `isOpen`\n */\n @Method()\n async toggleOpen() {\n this.isExpanded = !this.isExpanded\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-select': true,\n }\n }\n\n render() {\n return (\n <div class={this.getCssClassMap()} id={this.getComputedId()}>\n {this.renderInput()}\n\n {this.isExpanded && (\n <br-list tabindex={-1} onKeyDown={(event) => this.handleKeydownOnList(event)}>\n {this.isMultiple && this.renderSelectAllCheckbox()}\n {this.renderOptions()}\n </br-list>\n )}\n </div>\n )\n }\n}\n\nlet selectId = 0\n"],"mappings":"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","ignoreList":[]}

package/dist/webcomponents/{p-BeMhoFbq.system.js.map → p-gTDesSZK.system.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-BeMhoFbq.system.js","sources":["../../packages/webcomponents/src/components/upload/upload.scss?tag=br-upload&encapsulation=shadow","../../packages/webcomponents/src/components/upload/upload.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/upload/upload\";\n\n:host {\n display: block;\n}\n","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"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"p-gTDesSZK.system.js","sources":["../../packages/webcomponents/src/components/upload/upload.scss?tag=br-upload&encapsulation=shadow","../../packages/webcomponents/src/components/upload/upload.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/upload/upload\";\n\n:host {\n display: block;\n}\n","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"],"names":[],"mappings":"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"}

package/dist/webcomponents/{p-Dde15d6z.system.js.map → p-oLikpHRj.system.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-Dde15d6z.system.js","sources":["../../packages/webcomponents/src/components/item/item.scss?tag=br-item&encapsulation=shadow","../../packages/webcomponents/src/components/item/item.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/item/item\";\n\n:host {\n display: block;\n}\n\n::slotted(br-checkbox) {\n max-width: fit-content;\n max-height: fit-content;\n}\n\n::slotted(br-radio) {\n max-width: fit-content;\n max-height: fit-content;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n/*\n Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/item?tab=designer).\n \n @slot default - Área de conteúdo, podendo conter qualquer componente, exceto botões primários e componentes relacionados à navegação (como carrosséis, paginações, abas, menus, etc.).\n \n @slot start - Área de recursos visuais, podendo conter elementos como ícones, avatares e mídias.\n \n @slot end - Área de recursos complementares, podendo conter componentes interativos, metadados e informações adicionais.\n /\n@Component({\n tag: 'br-item',\n styleUrl: 'item.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Item {\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: HTMLBrItemElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /\n Desativa o item, tornando-o não interativo.\n /\n @Prop({ reflect: true }) readonly disabled: 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-item-${itemId++}`\n\n /\n Indica se o item está no estado ativo.\n * Se definido como verdadeiro, o item será exibido como ativo.\n /\n @Prop({ reflect: true }) readonly isActive: boolean = false\n\n /\n Indica se o item está no estado selecionado.\n * Se definido como verdadeiro, o item será exibido como selecionado.\n /\n @Prop({ reflect: true }) readonly isSelected: boolean = false\n\n /\n Marca o item como interativo, permitindo que toda a superfície do item seja clicável.\n /\n @Prop({ reflect: true }) readonly isInteractive: boolean = false\n\n /\n URL ou caminho para o qual o usuário será direcionado ao clicar no item. Quando definido, o item será renderizado como um link.\n /\n @Prop({ reflect: true }) readonly href?: string\n\n /\n Define o alvo do link quando `href` está presente. Pode ser:\n * - `_blank` para abrir em uma nova aba,\n * - `_self` para abrir na mesma aba,\n * - `_parent` para abrir na aba pai,\n * - `_top` para abrir na aba superior.\n /\n @Prop({ reflect: true }) readonly target?: '_blank' \| '_self' \| '_parent' \| '_top'\n\n /\n Quando definido como `true`, o item será tratado como um botão.\n /\n @Prop({ reflect: true }) readonly isButton: boolean = false\n\n /\n Tipo do botão, aplicável apenas se `isButton` for `true`. Pode ser:\n * - `'submit'` para enviar um formulário,\n * - `'reset'` para redefinir um formulário,\n * - `'button'` para um botão padrão.\n /\n @Prop({ reflect: true, mutable: true }) type: 'submit' \| 'reset' \| 'button'\n\n /\n Define um valor associado ao br-item quando renderizado como um botão, utilizado em contextos de formulário.\n /\n @Prop({ reflect: true }) readonly value?: string\n\n /\n Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n /\n @Prop({ reflect: true }) readonly density: 'large' \| 'medium' \| 'small' = 'medium'\n\n // Propriedade interna para verificar a presença de conteúdo no slot default\n @State() hasSlotDefault: boolean = false\n\n @State() hasSlotStart: boolean = false\n\n @State() hasSlotEnd: boolean = false\n\n // Propriedade interna para armazenar o valor selecionado\n @State() selectedValue: boolean = false\n\n // Propriedade para rastrear a presença de rádios dentro do item\n private hasRadios: boolean = false\n\n @Listen('checkedChange', { target: 'document' })\n handleRadioChange() {\n requestAnimationFrame(() => {\n this.updateRadioSelectionState()\n })\n }\n\n @Listen('checkedChange', { target: 'document' })\n handleCheckboxChange(event: Event) {\n const target = event.target as HTMLElement\n\n if (this.el.contains(target)) {\n this.updateCheckboxSelectionState()\n }\n }\n\n /\n Evento customizado emitido quando o item é clicado, aplicável apenas se o item for um botão (`<button>`).\n * Pode ser utilizado para ações personalizadas, exceto quando o item está desativado.\n /\n @Event({ composed: true, cancelable: true, bubbles: true }) brDidClick: EventEmitter\n\n /\n Evento customizado aplicável para todos os tipos de elementos (`div`, `button`, `a`), emitido quando o item é selecionado e desde que a propriedade `isInteractive` esteja presente.\n */\n @Event({ bubbles: true, composed: true }) brDidSelect: EventEmitter<{ selected: boolean }>\n\n componentWillLoad() {\n this.hasSlotContentDefault()\n this.hasSlotStart = this.hasSlotContent('start')\n this.hasSlotEnd = this.hasSlotContent('end')\n this.selectedValue = this.isSelected\n if (this.isButton) {\n this.type = this.type \|\| 'button'\n }\n const radios = Array.from(this.el.querySelectorAll('br-radio'))\n const checkboxes = Array.from(this.el.querySelectorAll('br-checkbox'))\n this.hasRadios = radios.length > 0\n\n if (this.isSelected) {\n if (checkboxes.length > 0) {\n checkboxes.forEach((checkbox) => (checkbox.checked = true))\n }\n if (radios.length > 0) {\n radios[0].checked = true\n }\n }\n\n this.updateRadioSelectionState()\n this.updateCheckboxSelectionState()\n }\n\n private hasSlotContentDefault(): void {\n this.hasSlotDefault = this.el.innerHTML !== ''\n }\n\n private hasSlotContent(slotName: string): boolean {\n return this.el.querySelector(`[slot=\"${slotName}\"]`) !== null\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-item': true,\n disabled: this.disabled,\n active: this.isActive,\n selected: this.selectedValue,\n 'py-3': this.density === 'medium',\n 'py-4': this.density === 'small',\n }\n }\n\n private getTagType(): string {\n if (this.isButton) {\n return 'button'\n }\n if (this.href?.length > 0) {\n return 'a'\n }\n return 'div'\n }\n\n private getAttributes() {\n const TagType = this.getTagType()\n const baseAttributes =\n TagType === 'button' ? { type: this.type, value: this.value } : { href: this.href, target: this.target }\n\n return {\n ...baseAttributes,\n 'aria-disabled': this.disabled ? 'true' : null,\n 'aria-current': this.isActive ? 'true' : null,\n 'data-toggle': this.isInteractive ? 'selection' : null,\n 'is-selected': this.selectedValue ? true : null,\n }\n }\n\n private updateCheckboxSelectionState() {\n if (this.hasRadios) return\n\n const checkboxes = Array.from(this.el.querySelectorAll('br-checkbox'))\n\n this.selectedValue = checkboxes.some((checkbox) => checkbox.checked)\n this.brDidSelect.emit({ selected: this.selectedValue })\n }\n\n private updateRadioSelectionState() {\n if (!this.hasRadios) return\n\n const radios = Array.from(this.el.querySelectorAll('br-radio'))\n\n this.selectedValue = radios.some((radio) => radio.checked)\n this.brDidSelect.emit({ selected: this.selectedValue })\n }\n\n // Função para verificar se o clique foi dentro do slot do item.\n private isClickInsideInteractiveElement(target: HTMLElement): boolean {\n const interactiveSelectors = 'br-checkbox, br-radio, br-input, br-button, br-select, br-textarea'\n const interactiveElements = this.el.querySelectorAll(interactiveSelectors)\n return Array.from(interactiveElements).some((el) => el.contains(target) \|\| target === el)\n }\n\n private updateCheckboxes() {\n const checkboxes = Array.from(this.el.querySelectorAll('br-checkbox'))\n\n checkboxes.forEach((checkbox) => {\n checkbox.checked = this.selectedValue\n })\n }\n\n private readonly handleClick = (event: MouseEvent) => {\n const clickedElement = event.target as HTMLElement\n\n if (this.disabled) {\n event.preventDefault()\n event.stopPropagation()\n }\n\n if (this.hasRadios) {\n return\n }\n\n if (this.isButton) {\n this.brDidClick.emit()\n } else if (this.isInteractive && !this.isClickInsideInteractiveElement(clickedElement)) {\n this.selectedValue = !this.selectedValue\n this.brDidSelect.emit({ selected: this.selectedValue })\n this.updateCheckboxes()\n }\n\n event.stopPropagation()\n }\n\n render() {\n const TagType = this.getTagType()\n const attributes = this.getAttributes()\n const classList = this.getCssClassMap()\n return (\n <Host>\n <TagType class={classList} {...attributes} onClick={this.handleClick} id={this.customId}>\n {this.hasSlotStart \|\| this.hasSlotEnd ? (\n <div class=\"row align-items-center\">\n {this.hasSlotStart && (\n <div class=\"col-auto\">\n <slot name=\"start\"></slot>\n </div>\n )}\n\n <div class=\"col\">\n <slot></slot>\n </div>\n\n {this.hasSlotEnd && (\n <div class=\"col-auto\">\n <slot name=\"end\"></slot>\n </div>\n )}\n </div>\n ) : (\n <slot></slot>\n )}\n </TagType>\n </Host>\n )\n }\n}\n\nlet itemId = 0\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"p-oLikpHRj.system.js","sources":["../../packages/webcomponents/src/components/item/item.scss?tag=br-item&encapsulation=shadow","../../packages/webcomponents/src/components/item/item.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/item/item\";\n\n:host {\n display: block;\n}\n\n::slotted(br-checkbox) {\n max-width: fit-content;\n max-height: fit-content;\n}\n\n::slotted(br-radio) {\n max-width: fit-content;\n max-height: fit-content;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n/*\n Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/item?tab=designer).\n \n @slot default - Área de conteúdo, podendo conter qualquer componente, exceto botões primários e componentes relacionados à navegação (como carrosséis, paginações, abas, menus, etc.).\n \n @slot start - Área de recursos visuais, podendo conter elementos como ícones, avatares e mídias.\n \n @slot end - Área de recursos complementares, podendo conter componentes interativos, metadados e informações adicionais.\n /\n@Component({\n tag: 'br-item',\n styleUrl: 'item.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Item {\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: HTMLBrItemElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /\n Desativa o item, tornando-o não interativo.\n /\n @Prop({ reflect: true }) readonly disabled: 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-item-${itemId++}`\n\n /\n Indica se o item está no estado ativo.\n * Se definido como verdadeiro, o item será exibido como ativo.\n /\n @Prop({ reflect: true }) readonly isActive: boolean = false\n\n /\n Indica se o item está no estado selecionado.\n * Se definido como verdadeiro, o item será exibido como selecionado.\n /\n @Prop({ reflect: true }) readonly isSelected: boolean = false\n\n /\n Marca o item como interativo, permitindo que toda a superfície do item seja clicável.\n /\n @Prop({ reflect: true }) readonly isInteractive: boolean = false\n\n /\n URL ou caminho para o qual o usuário será direcionado ao clicar no item. Quando definido, o item será renderizado como um link.\n /\n @Prop({ reflect: true }) readonly href?: string\n\n /\n Define o alvo do link quando `href` está presente. Pode ser:\n * - `_blank` para abrir em uma nova aba,\n * - `_self` para abrir na mesma aba,\n * - `_parent` para abrir na aba pai,\n * - `_top` para abrir na aba superior.\n /\n @Prop({ reflect: true }) readonly target?: '_blank' \| '_self' \| '_parent' \| '_top'\n\n /\n Quando definido como `true`, o item será tratado como um botão.\n /\n @Prop({ reflect: true }) readonly isButton: boolean = false\n\n /\n Tipo do botão, aplicável apenas se `isButton` for `true`. Pode ser:\n * - `'submit'` para enviar um formulário,\n * - `'reset'` para redefinir um formulário,\n * - `'button'` para um botão padrão.\n /\n @Prop({ reflect: true, mutable: true }) type: 'submit' \| 'reset' \| 'button'\n\n /\n Define um valor associado ao br-item quando renderizado como um botão, utilizado em contextos de formulário.\n /\n @Prop({ reflect: true }) readonly value?: string\n\n /\n Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n /\n @Prop({ reflect: true }) readonly density: 'large' \| 'medium' \| 'small' = 'medium'\n\n // Propriedade interna para verificar a presença de conteúdo no slot default\n @State() hasSlotDefault: boolean = false\n\n @State() hasSlotStart: boolean = false\n\n @State() hasSlotEnd: boolean = false\n\n // Propriedade interna para armazenar o valor selecionado\n @State() selectedValue: boolean = false\n\n // Propriedade para rastrear a presença de rádios dentro do item\n private hasRadios: boolean = false\n\n @Listen('checkedChange', { target: 'document' })\n handleRadioChange() {\n requestAnimationFrame(() => {\n this.updateRadioSelectionState()\n })\n }\n\n @Listen('checkedChange', { target: 'document' })\n handleCheckboxChange(event: Event) {\n const target = event.target as HTMLElement\n\n if (this.el.contains(target)) {\n this.updateCheckboxSelectionState()\n }\n }\n\n /\n Evento customizado emitido quando o item é clicado, aplicável apenas se o item for um botão (`<button>`).\n * Pode ser utilizado para ações personalizadas, exceto quando o item está desativado.\n /\n @Event({ composed: true, cancelable: true, bubbles: true }) brDidClick: EventEmitter\n\n /\n Evento customizado aplicável para todos os tipos de elementos (`div`, `button`, `a`), emitido quando o item é selecionado e desde que a propriedade `isInteractive` esteja presente.\n */\n @Event({ bubbles: true, composed: true }) brDidSelect: EventEmitter<{ selected: boolean }>\n\n componentWillLoad() {\n this.hasSlotContentDefault()\n this.hasSlotStart = this.hasSlotContent('start')\n this.hasSlotEnd = this.hasSlotContent('end')\n this.selectedValue = this.isSelected\n if (this.isButton) {\n this.type = this.type \|\| 'button'\n }\n const radios = Array.from(this.el.querySelectorAll('br-radio'))\n const checkboxes = Array.from(this.el.querySelectorAll('br-checkbox'))\n this.hasRadios = radios.length > 0\n\n if (this.isSelected) {\n if (checkboxes.length > 0) {\n checkboxes.forEach((checkbox) => (checkbox.checked = true))\n }\n if (radios.length > 0) {\n radios[0].checked = true\n }\n }\n\n this.updateRadioSelectionState()\n this.updateCheckboxSelectionState()\n }\n\n private hasSlotContentDefault(): void {\n this.hasSlotDefault = this.el.innerHTML !== ''\n }\n\n private hasSlotContent(slotName: string): boolean {\n return this.el.querySelector(`[slot=\"${slotName}\"]`) !== null\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-item': true,\n disabled: this.disabled,\n active: this.isActive,\n selected: this.selectedValue,\n 'py-3': this.density === 'medium',\n 'py-4': this.density === 'small',\n }\n }\n\n private getTagType(): string {\n if (this.isButton) {\n return 'button'\n }\n if (this.href?.length > 0) {\n return 'a'\n }\n return 'div'\n }\n\n private getAttributes() {\n const TagType = this.getTagType()\n const baseAttributes =\n TagType === 'button' ? { type: this.type, value: this.value } : { href: this.href, target: this.target }\n\n return {\n ...baseAttributes,\n 'aria-disabled': this.disabled ? 'true' : null,\n 'aria-current': this.isActive ? 'true' : null,\n 'data-toggle': this.isInteractive ? 'selection' : null,\n 'is-selected': this.selectedValue ? true : null,\n }\n }\n\n private updateCheckboxSelectionState() {\n if (this.hasRadios) return\n\n const checkboxes = Array.from(this.el.querySelectorAll('br-checkbox'))\n\n this.selectedValue = checkboxes.some((checkbox) => checkbox.checked)\n this.brDidSelect.emit({ selected: this.selectedValue })\n }\n\n private updateRadioSelectionState() {\n if (!this.hasRadios) return\n\n const radios = Array.from(this.el.querySelectorAll('br-radio'))\n\n this.selectedValue = radios.some((radio) => radio.checked)\n this.brDidSelect.emit({ selected: this.selectedValue })\n }\n\n // Função para verificar se o clique foi dentro do slot do item.\n private isClickInsideInteractiveElement(target: HTMLElement): boolean {\n const interactiveSelectors = 'br-checkbox, br-radio, br-input, br-button, br-select, br-textarea'\n const interactiveElements = this.el.querySelectorAll(interactiveSelectors)\n return Array.from(interactiveElements).some((el) => el.contains(target) \|\| target === el)\n }\n\n private updateCheckboxes() {\n const checkboxes = Array.from(this.el.querySelectorAll('br-checkbox'))\n\n checkboxes.forEach((checkbox) => {\n checkbox.checked = this.selectedValue\n })\n }\n\n private readonly handleClick = (event: MouseEvent) => {\n const clickedElement = event.target as HTMLElement\n\n if (this.disabled) {\n event.preventDefault()\n event.stopPropagation()\n }\n\n if (this.hasRadios) {\n return\n }\n\n if (this.isButton) {\n this.brDidClick.emit()\n } else if (this.isInteractive && !this.isClickInsideInteractiveElement(clickedElement)) {\n this.selectedValue = !this.selectedValue\n this.brDidSelect.emit({ selected: this.selectedValue })\n this.updateCheckboxes()\n }\n\n event.stopPropagation()\n }\n\n render() {\n const TagType = this.getTagType()\n const attributes = this.getAttributes()\n const classList = this.getCssClassMap()\n return (\n <Host>\n <TagType class={classList} {...attributes} onClick={this.handleClick} id={this.customId}>\n {this.hasSlotStart \|\| this.hasSlotEnd ? (\n <div class=\"row align-items-center\">\n {this.hasSlotStart && (\n <div class=\"col-auto\">\n <slot name=\"start\"></slot>\n </div>\n )}\n\n <div class=\"col\">\n <slot></slot>\n </div>\n\n {this.hasSlotEnd && (\n <div class=\"col-auto\">\n <slot name=\"end\"></slot>\n </div>\n )}\n </div>\n ) : (\n <slot></slot>\n )}\n </TagType>\n </Host>\n )\n }\n}\n\nlet itemId = 0\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;MAAA,MAAM,OAAO,GAAG,25gEAA25gE;;YCkB95gE,IAAI,sBAAA,MAAA;;;;;;;;;;;;;;MAOI,IAAA,gBAAgB;MAEnC;;MAEG;UAC+B,QAAQ,GAAY,KAAK;MAE3D;;;MAGG;MAC+B,IAAA,QAAQ,GAAW,CAAA,QAAA,EAAW,MAAM,EAAE,EAAE;MAE1E;;;MAGG;UAC+B,QAAQ,GAAY,KAAK;MAE3D;;;MAGG;UAC+B,UAAU,GAAY,KAAK;MAE7D;;MAEG;UAC+B,aAAa,GAAY,KAAK;MAEhE;;MAEG;MAC+B,IAAA,IAAI;MAEtC;;;;;;MAMG;MAC+B,IAAA,MAAM;MAExC;;MAEG;UAC+B,QAAQ,GAAY,KAAK;MAE3D;;;;;MAKG;MACqC,IAAA,IAAI;MAE5C;;MAEG;MAC+B,IAAA,KAAK;MAEvC;;MAEG;UAC+B,OAAO,GAAiC,QAAQ;;UAGzE,cAAc,GAAY,KAAK;UAE/B,YAAY,GAAY,KAAK;UAE7B,UAAU,GAAY,KAAK;;UAG3B,aAAa,GAAY,KAAK;;UAG/B,SAAS,GAAY,KAAK;UAGlC,iBAAiB,GAAA;cACf,qBAAqB,CAAC,MAAK;kBACzB,IAAI,CAAC,yBAAyB,EAAE;MAClC,SAAC,CAAC;;MAIJ,IAAA,oBAAoB,CAAC,KAAY,EAAA;MAC/B,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;cAE1C,IAAI,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;kBAC5B,IAAI,CAAC,4BAA4B,EAAE;;;MAIvC;;;MAGG;MACyD,IAAA,UAAU;MAEtE;;MAEG;MACuC,IAAA,WAAW;UAErD,iBAAiB,GAAA;cACf,IAAI,CAAC,qBAAqB,EAAE;cAC5B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;cAChD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;MAC5C,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,UAAU;MACpC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;kBACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,QAAQ;;MAEnC,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;MAC/D,QAAA,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;cACtE,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC;MAElC,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,YAAA,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;MACzB,gBAAA,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,MAAM,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;;MAE7D,YAAA,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;MACrB,gBAAA,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI;;;cAI5B,IAAI,CAAC,yBAAyB,EAAE;cAChC,IAAI,CAAC,4BAA4B,EAAE;;UAG7B,qBAAqB,GAAA;cAC3B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,KAAK,EAAE;;MAGxC,IAAA,cAAc,CAAC,QAAgB,EAAA;MACrC,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,CAAU,OAAA,EAAA,QAAQ,CAAI,EAAA,CAAA,CAAC,KAAK,IAAI;;UAGvD,cAAc,GAAA;cACpB,OAAO;MACL,YAAA,SAAS,EAAE,IAAI;kBACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;kBACvB,MAAM,EAAE,IAAI,CAAC,QAAQ;kBACrB,QAAQ,EAAE,IAAI,CAAC,aAAa;MAC5B,YAAA,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;MACjC,YAAA,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO;eACjC;;UAGK,UAAU,GAAA;MAChB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,YAAA,OAAO,QAAQ;;cAEjB,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,EAAE;MACzB,YAAA,OAAO,GAAG;;MAEZ,QAAA,OAAO,KAAK;;UAGN,aAAa,GAAA;MACnB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE;MACjC,QAAA,MAAM,cAAc,GAClB,OAAO,KAAK,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;cAE1G,OAAO;MACL,YAAA,GAAG,cAAc;kBACjB,eAAe,EAAE,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,IAAI;kBAC9C,cAAc,EAAE,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,IAAI;kBAC7C,aAAa,EAAE,IAAI,CAAC,aAAa,GAAG,WAAW,GAAG,IAAI;kBACtD,aAAa,EAAE,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,IAAI;eAChD;;UAGK,4BAA4B,GAAA;cAClC,IAAI,IAAI,CAAC,SAAS;kBAAE;MAEpB,QAAA,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;MAEtE,QAAA,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,OAAO,CAAC;MACpE,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC;;UAGjD,yBAAyB,GAAA;cAC/B,IAAI,CAAC,IAAI,CAAC,SAAS;kBAAE;MAErB,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;MAE/D,QAAA,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC;MAC1D,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC;;;MAIjD,IAAA,+BAA+B,CAAC,MAAmB,EAAA;cACzD,MAAM,oBAAoB,GAAG,oEAAoE;cACjG,MAAM,mBAAmB,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;cAC1E,OAAO,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,MAAM,KAAK,EAAE,CAAC;;UAGnF,gBAAgB,GAAA;MACtB,QAAA,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;MAEtE,QAAA,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAI;MAC9B,YAAA,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa;MACvC,SAAC,CAAC;;MAGa,IAAA,WAAW,GAAG,CAAC,KAAiB,KAAI;MACnD,QAAA,MAAM,cAAc,GAAG,KAAK,CAAC,MAAqB;MAElD,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;kBACjB,KAAK,CAAC,cAAc,EAAE;kBACtB,KAAK,CAAC,eAAe,EAAE;;MAGzB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;kBAClB;;MAGF,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;;MACjB,aAAA,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,+BAA+B,CAAC,cAAc,CAAC,EAAE;MACtF,YAAA,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,CAAC,aAAa;MACxC,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC;kBACvD,IAAI,CAAC,gBAAgB,EAAE;;cAGzB,KAAK,CAAC,eAAe,EAAE;MACzB,KAAC;UAED,MAAM,GAAA;MACJ,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE;MACjC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE;MACvC,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE;MACvC,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAC,OAAO,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,SAAS,EAAM,GAAA,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,EACpF,EAAA,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,UAAU,IACnC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EAChC,IAAI,CAAC,YAAY,KAChB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAQ,CACtB,CACP,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,KAAK,EAAA,EACd,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACT,EAEL,IAAI,CAAC,UAAU,KACd,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,KAAK,EAAQ,CAAA,CACpB,CACP,CACG,KAEN,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACd,CACO,CACL;;;;MAKb,IAAI,MAAM,GAAG,CAAC;;;;;;;;;"}

package/dist/webcomponents/webcomponents.esm.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { p as e, H as t, b as i } from "./p-CAyrQrUt.js";
 export { s as setNonce } from "./p-CAyrQrUt.js";
-import { g as l } from "./p-BmgwYwlE.js";
+import { g as o } from "./p-BmgwYwlE.js";
 /*
  Stencil Client Patch Browser v4.28.2 | MIT Licensed | https://stenciljs.com
@@ -41,8 +41,8 @@ var patchCloneNodeFix = e => {
 };
 patchBrowser().then((async e => {
-  await l();
-  return i([ [ "p-be24a356", [ [ 65, "br-select", {
+  await o();
+  return i([ [ "p-c422755c", [ [ 65, "br-select", {
     label: [ 513 ],
     placeholder: [ 513 ],
     isMultiple: [ 516, "is-multiple" ],
@@ -60,7 +60,7 @@ patchBrowser().then((async e => {
     toggleOpen: [ 64 ]
   }, null, {
     options: [ "synchronizeSelect" ]
-  } ] ] ], [ "p-64088f4f", [ [ 1, "br-breadcrumb", {
+  } ] ] ], [ "p-c0a85892", [ [ 1, "br-breadcrumb", {
     customId: [ 513, "custom-id" ],
     homeUrl: [ 1, "home-url" ],
     crumbs: [ 1 ],
@@ -72,7 +72,7 @@ patchBrowser().then((async e => {
     larguraInterna: [ 32 ],
     larguraPai: [ 32 ],
     isFolderOpen: [ 32 ]
-  } ] ] ], [ "p-91c947d6", [ [ 65, "br-message", {
+  } ] ] ], [ "p-4c3c46ca", [ [ 65, "br-message", {
     messageTitle: [ 513, "message-title" ],
     customId: [ 513, "custom-id" ],
     message: [ 513 ],
@@ -82,7 +82,30 @@ patchBrowser().then((async e => {
     showIcon: [ 516, "show-icon" ],
     isFeedback: [ 516, "is-feedback" ],
     state: [ 513 ]
-  } ] ] ], [ "p-689dffab", [ [ 65, "br-tag", {
+  } ] ] ], [ "p-fd191bf0", [ [ 65, "br-step-item", {
+    label: [ 513 ],
+    highlight: [ 513 ],
+    active: [ 516 ],
+    disabled: [ 516 ],
+    brIconName: [ 513, "br-icon-name" ],
+    brIconAria: [ 513, "br-icon-aria" ],
+    showTimeLine: [ 32 ],
+    stepItemPositionStatus: [ 32 ],
+    stepLayout: [ 32 ],
+    labelPosition: [ 32 ],
+    contentType: [ 32 ],
+    mode: [ 32 ],
+    content: [ 32 ],
+    ariaLabelContent: [ 32 ],
+    setStepItemPositionStatus: [ 64 ],
+    handleShowTimeLine: [ 64 ],
+    setLabelPosition: [ 64 ],
+    setContentType: [ 64 ],
+    setMode: [ 64 ],
+    setContent: [ 64 ]
+  }, null, {
+    active: [ "watchItemIsActive" ]
+  } ] ] ], [ "p-e4e2fd4f", [ [ 65, "br-tag", {
     label: [ 513 ],
     iconName: [ 513, "icon-name" ],
     name: [ 513 ],
@@ -101,7 +124,7 @@ patchBrowser().then((async e => {
     interaction: [ "handleInteractionChange" ],
     interactionSelect: [ "handleInteractionSelectChange" ],
     selected: [ "handleSelectedChange" ]
-  } ] ] ], [ "p-703d9fdd", [ [ 65, "br-upload", {
+  } ] ] ], [ "p-928b76d0", [ [ 65, "br-upload", {
     accept: [ 1 ],
     label: [ 1 ],
     disabled: [ 516 ],
@@ -109,7 +132,7 @@ patchBrowser().then((async e => {
     multiple: [ 4 ],
     filesSelected: [ 32 ],
     file: [ 32 ]
-  } ] ] ], [ "p-de7e8ab8", [ [ 1, "br-avatar", {
+  } ] ] ], [ "p-019ce02a", [ [ 1, "br-avatar", {
     density: [ 1025 ],
     customId: [ 513, "custom-id" ],
     src: [ 1 ],
@@ -123,7 +146,7 @@ patchBrowser().then((async e => {
     hasError: [ 32 ]
   }, null, {
     density: [ "handleDensityChange" ]
-  } ] ] ], [ "p-37837c94", [ [ 65, "br-checkgroup", {
+  } ] ] ], [ "p-76426a2e", [ [ 65, "br-checkgroup", {
     label: [ 1 ],
     labelSelecionado: [ 513, "label-selecionado" ],
     labelDesselecionado: [ 513, "label-desselecionado" ],
@@ -131,7 +154,7 @@ patchBrowser().then((async e => {
     customId: [ 513, "custom-id" ],
     checked: [ 32 ],
     isIndeterminate: [ 32 ]
-  }, [ [ 4, "checkedChange", "handleChange" ] ] ] ] ], [ "p-cc4c57d8", [ [ 65, "br-collapse", {
+  }, [ [ 4, "checkedChange", "handleChange" ] ] ] ] ], [ "p-c2f4ab31", [ [ 65, "br-collapse", {
     customId: [ 513, "custom-id" ],
     open: [ 1540 ],
     accordionGroup: [ 1, "accordion-group" ],
@@ -140,7 +163,7 @@ patchBrowser().then((async e => {
     iconPosition: [ 1, "icon-position" ],
     openCollapse: [ 64 ],
     closeCollapse: [ 64 ]
-  } ] ] ], [ "p-c17f8737", [ [ 1, "br-divider", {
+  } ] ] ], [ "p-69b18bcc", [ [ 1, "br-divider", {
     customId: [ 513, "custom-id" ],
     orientation: [ 513 ],
     thickness: [ 513 ],
@@ -152,20 +175,33 @@ patchBrowser().then((async e => {
     slotDefault: [ 32 ]
   }, null, {
     color: [ "updateColor" ]
-  } ] ] ], [ "p-df5400e2", [ [ 65, "br-dropdown", {
+  } ] ] ], [ "p-d33ec3ae", [ [ 65, "br-dropdown", {
     isOpen: [ 1540, "is-open" ],
     customId: [ 513, "custom-id" ],
     open: [ 64 ],
     hide: [ 64 ]
   }, null, {
     isOpen: [ "isOpenChanged" ]
-  } ] ] ], [ "p-55be3a1b", [ [ 65, "br-loading", {
+  } ] ] ], [ "p-121547cd", [ [ 65, "br-loading", {
     isProgress: [ 516, "is-progress" ],
     customId: [ 513, "custom-id" ],
     progressPercent: [ 514, "progress-percent" ],
     isMedium: [ 516, "is-medium" ],
     label: [ 513 ]
-  } ] ] ], [ "p-817f83ec", [ [ 65, "br-switch", {
+  } ] ] ], [ "p-3221d882", [ [ 65, "br-step", {
+    layout: [ 513 ],
+    initialStep: [ 513, "initial-step" ],
+    labelPosition: [ 513, "label-position" ],
+    contentType: [ 513, "content-type" ],
+    mode: [ 513 ],
+    progressionType: [ 513, "progression-type" ],
+    activeStep: [ 32 ],
+    stepItems: [ 32 ],
+    ProceedToNextStep: [ 64 ],
+    BackToPreviousStep: [ 64 ],
+    StepValidation: [ 64 ],
+    GetActiveStep: [ 64 ]
+  }, [ [ 2, "click", "handleClick" ] ] ] ] ], [ "p-83f55139", [ [ 65, "br-switch", {
     disabled: [ 516 ],
     checked: [ 1540 ],
     customId: [ 513, "custom-id" ],
@@ -179,7 +215,7 @@ patchBrowser().then((async e => {
     density: [ 513 ],
     _slotDefault: [ 32 ],
     toggleChecked: [ 64 ]
-  } ] ] ], [ "p-6e166dac", [ [ 65, "br-textarea", {
+  } ] ] ], [ "p-32ca900a", [ [ 65, "br-textarea", {
     value: [ 1537 ],
     label: [ 513 ],
     placeholder: [ 513 ],
@@ -194,7 +230,7 @@ patchBrowser().then((async e => {
     setValue: [ 64 ]
   }, null, {
     value: [ "valueChanged" ]
-  } ] ] ], [ "p-4c5b3ba6", [ [ 65, "br-item", {
+  } ] ] ], [ "p-36194f7c", [ [ 65, "br-item", {
     disabled: [ 516 ],
     customId: [ 513, "custom-id" ],
     isActive: [ 516, "is-active" ],
@@ -210,7 +246,7 @@ patchBrowser().then((async e => {
     hasSlotStart: [ 32 ],
     hasSlotEnd: [ 32 ],
     selectedValue: [ 32 ]
-  }, [ [ 4, "checkedChange", "handleRadioChange" ], [ 4, "checkedChange", "handleCheckboxChange" ] ] ] ] ], [ "p-d335142c", [ [ 65, "br-input", {
+  }, [ [ 4, "checkedChange", "handleRadioChange" ], [ 4, "checkedChange", "handleCheckboxChange" ] ] ] ] ], [ "p-ddce5a0b", [ [ 65, "br-input", {
     type: [ 513 ],
     autocomplete: [ 513 ],
     density: [ 513 ],
@@ -249,7 +285,7 @@ patchBrowser().then((async e => {
     label: [ 513 ],
     value: [ 513 ],
     toggleChecked: [ 64 ]
-  }, [ [ 8, "checkedChange", "handleCheckedChange" ] ] ] ] ], [ "p-3f0965c1", [ [ 65, "br-checkbox", {
+  }, [ [ 8, "checkedChange", "handleCheckedChange" ] ] ] ] ], [ "p-79e747c1", [ [ 65, "br-checkbox", {
     indeterminate: [ 1540 ],
     checked: [ 1540 ],
     customId: [ 513, "custom-id" ],
@@ -264,12 +300,12 @@ patchBrowser().then((async e => {
     toggleChecked: [ 64 ]
   }, null, {
     indeterminate: [ "updateIndeterminate" ]
-  } ] ] ], [ "p-8326e9aa", [ [ 65, "br-list", {
+  } ] ] ], [ "p-84f8edae", [ [ 65, "br-list", {
     header: [ 513 ],
     isHorizontal: [ 516, "is-horizontal" ],
     customId: [ 513, "custom-id" ],
     hideHeaderDivider: [ 516, "hide-header-divider" ]
-  } ] ] ], [ "p-9e243fa3", [ [ 65, "br-button", {
+  } ] ] ], [ "p-eb06a6e1", [ [ 65, "br-button", {
     colorMode: [ 513, "color-mode" ],
     customId: [ 513, "custom-id" ],
     density: [ 513 ],

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@govbr-ds/webcomponents",
-  "version": "2.0.0-next.34",
+  "version": "2.0.0-next.35",
   "description": "Biblioteca de Web Components baseado no GovBR-DS",
   "keywords": [
     "design system",