npm - @govbr-ds/webcomponents - Versions diffs - 2.0.0-next.64 → 2.0.0-next.65 - Mend

@govbr-ds/webcomponents 2.0.0-next.64 → 2.0.0-next.65

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 (691) hide show

package/dist/components/p-BVCWXitK.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["selectCss","Select","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","isSyncingOptionElements","placeholder","isMultiple","keepOpenOnSelect","options","selectAllLabel","unselectAllLabel","showSearchIcon","isOpen","isInline","disabled","borderless","customId","selectId","parsedOptions","filteredOptions","inputValue","searchTerm","isAllSelected","isIndeterminate","isExpanded","focusedIndex","optionElements","registerOptionItems","getOptionElements","synchronizeSelect","handleClickOutside","event","path","composedPath","clickedInside","includes","el","target","Node","contains","isFocused","getSourceOptions","getFilteredOptions","updateSelectedValueFromParsedOptions","updateSelectedOptions","updateSelectedAllState","emitSelectedOptions","error","console","syncValueFromOutside","newVal","map","o","Object","assign","selected","Array","isArray","value","selectedValue","syncOptionElementsFromParsedOptions","handleSelectOptionPropsChange","length","componentWillLoad","handleExpandedChange","opened","emit","closed","componentDidLoad","document","addEventListener","disconnectedCallback","removeEventListener","slotElement","undefined","assignedElements","flatten","filter","_a","tagName","toLowerCase","from","querySelectorAll","optionElement","label","getOptionElementLabel","trim","sourceElement","option","getOptionsFromProp","jsonData","JSON","parse","Error","message","propLabel","_b","textContent","selectedValues","currentValue","forEach","setAttribute","removeAttribute","handleKeydownOnInput","key","closeSelect","preventDefault","openSelect","focusItemInDirection","resetFocus","toggleOpen","handleKeydownOnList","handleKeydownOnItem","index","handleSelectionByValue","handleSelectAllKeyDown","toggleSelectAll","input","shadowRoot","querySelector","focus","direction","itemCount","focusItem","items","item","emitHoverFromOption","optionHover","findIndex","i","valueChange","elementInternals","setFormValue","stringify","getStringValue","normalizeText","text","normalize","replace","term","normalizedTerm","normalizedLabel","normalizedValue","firstSelected","howManySelected","selectedCount","total","updatedOptions","renderInput","displayValue","h","exportparts","controlWidth","inputWidth","actionLabel","actionTabIndex","readonly","onClick","onInput","handleSearchInput","onFocus","handleSearchFocus","onBlur","handleSearchBlur","onKeyDown","slot","height","renderSelectAllCheckbox","class","tabindex","role","name","checked","indeterminate","e","stopPropagation","onCheckedChange","renderOptions","onMouseOver","onPointerOver","getComputedId","Promise","resolve","clear","newValue","getValue","setValue","getCssClassMap","relatedTarget","render","Host","style","display","ref","onSlotchange","id","width"],"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: inline-block;\n width: 100%;\n\n .br-select {\n max-width: none;\n }\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 {\n AttachInternals,\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\ninterface SelectOptionItem {\n label: string\n value: string\n selected?: boolean\n sourceElement?: BrSelectOptionElement\n}\n\ninterface BrSelectOptionElement extends HTMLElement {\n label?: string\n value?: string\n selected?: boolean\n}\n\n/**\n * ## Design System\n *\n * Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/select?tab=designer).\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 private slotElement?: HTMLSlotElement\n private isSyncingOptionElements = false\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 * Controla se o dropdown permanece aberto após selecionar opções.\n * Quando `true`, permite seleção sequencial sem reabrir a lista.\n */\n @Prop({ reflect: true }) keepOpenOnSelect: boolean = false\n\n /**\n * Define as opções disponíveis no componente de seleção.\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 * Exibe o rótulo e o controle em linha (ao lado), ao invés de empilhados.\n * Útil para casos contextuais como paginação.\n */\n @Prop({ reflect: true }) isInline: boolean = false\n\n /**\n * Largura do campo de entrada interno (por exemplo, '88px').\n * Quando definido, sobrescreve a largura padrão de 100% do input.\n */\n @Prop({ reflect: true }) inputWidth?: string\n\n /**\n * Desabilita a interação com o componente `br-select`.\n * Quando `true`, o input e as opções ficam desabilitados e não respondem a cliques ou teclas.\n */\n @Prop({ reflect: true }) disabled: boolean = false\n\n /**\n * Propaga para o input interno a remoção da borda quando desfocado.\n */\n @Prop({ reflect: true }) borderless: 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: SelectOptionItem[] = []\n\n // Opções filtradas de acordo com o termo de busca digitado.\n @State() filteredOptions: SelectOptionItem[] = []\n\n // Valor exibido no input, refletindo as opções selecionadas.\n @State() inputValue: string = ''\n\n // Termo digitado no input (modo busca).\n @State() searchTerm: string = ''\n\n /** Valor selecionado (string para single, string[] para multiple) */\n @Prop({ reflect: false, mutable: true }) value?: string | string[]\n\n @State() selectedValue?: string | string[]\n\n // Indica se todas as opções estão selecionadas. Comportamento do checkbox \"Selecionar Todos\".\n @State() isAllSelected: boolean = false\n\n // Indica se o estado do checkbox \"Selecionar Todos\" está indeterminado (algumas, mas não todas, opções selecionadas).\n @State() isIndeterminate: 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 @State() optionElements: BrSelectOptionElement[] = []\n\n /**\n * Evento emitido sempre que houver atualização nos itens selecionados.\n * RENOMEADO PARA valueChange para compatibilidade com ngModel.\n */\n @Event({ bubbles: true, composed: true }) valueChange: EventEmitter\n\n /** Emite os dados da opção quando ela recebe foco/hover (antes da seleção). */\n @Event({ bubbles: true, composed: true }) optionHover: EventEmitter<{ label: string; value: string }>\n\n /** Dispara quando o dropdown é aberto. */\n @Event({ bubbles: true, composed: true }) opened: EventEmitter<void>\n\n /** Dispara quando o dropdown é fechado. */\n @Event({ bubbles: true, composed: true }) closed: EventEmitter<void>\n\n @Watch('options')\n synchronizeSelect() {\n try {\n const parsedOptions = this.getSourceOptions()\n\n // Sanitiza as opções (remove opções inválidas, etc.)\n this.parsedOptions = parsedOptions\n\n // Atualiza lista filtrada considerando o termo atual\n this.filteredOptions = this.getFilteredOptions(this.searchTerm)\n\n // Atualiza o estado do componente\n this.updateSelectedValueFromParsedOptions()\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 @Watch('value')\n syncValueFromOutside(newVal: string | string[]) {\n // Atualize parsedOptions a partir de newVal\n this.parsedOptions = this.parsedOptions.map((o) => ({\n ...o,\n selected: this.isMultiple ? Array.isArray(newVal) && newVal.includes(o.value) : newVal === o.value,\n }))\n this.selectedValue = newVal\n this.updateSelectedOptions() // mantém inputValue coeso\n this.updateSelectedAllState()\n this.filteredOptions = this.getFilteredOptions(this.searchTerm)\n this.syncOptionElementsFromParsedOptions()\n }\n\n @Listen('brSelectOptionPropsChange')\n handleSelectOptionPropsChange() {\n if (this.isSyncingOptionElements) return\n if (this.optionElements.length === 0) return\n this.synchronizeSelect()\n }\n\n componentWillLoad() {\n this.isExpanded = this.isOpen\n this.optionElements = this.getOptionElements()\n this.synchronizeSelect()\n }\n\n @Watch('isExpanded')\n handleExpandedChange(isExpanded: boolean) {\n if (isExpanded) {\n this.opened.emit()\n } else {\n this.closed.emit()\n }\n }\n\n componentDidLoad() {\n document.addEventListener('click', this.handleClickOutside)\n }\n\n disconnectedCallback() {\n document.removeEventListener('click', this.handleClickOutside)\n }\n\n private registerOptionItems = () => {\n this.optionElements = this.getOptionElements()\n this.synchronizeSelect()\n }\n\n private getOptionElements(): BrSelectOptionElement[] {\n if (this.slotElement !== undefined && this.slotElement !== null) {\n const assignedElements = this.slotElement.assignedElements({ flatten: true }) as HTMLElement[]\n return assignedElements.filter(\n (el) => el.tagName?.toLowerCase() === 'br-select-option'\n ) as BrSelectOptionElement[]\n }\n\n return Array.from(this.el.querySelectorAll('br-select-option')) as BrSelectOptionElement[]\n }\n\n private getSourceOptions(): SelectOptionItem[] {\n if (this.optionElements.length > 0) {\n return this.optionElements\n .map((optionElement) => {\n const label = this.getOptionElementLabel(optionElement)\n const value = optionElement.value?.trim() || label\n\n return {\n label,\n value,\n selected: optionElement.selected === true,\n sourceElement: optionElement,\n }\n })\n .filter((option) => option.label !== '' || option.value !== '')\n }\n\n return this.getOptionsFromProp()\n }\n\n private getOptionsFromProp(): SelectOptionItem[] {\n let parsedOptions: SelectOptionItem[] = []\n\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 return parsedOptions\n }\n\n private getOptionElementLabel(optionElement: BrSelectOptionElement): string {\n const propLabel = optionElement.label?.trim()\n if (propLabel !== undefined && propLabel !== '') return propLabel\n\n return optionElement.textContent?.trim() || ''\n }\n\n private updateSelectedValueFromParsedOptions() {\n const selectedValues = this.parsedOptions.filter((option) => option.selected === true).map((option) => option.value)\n const currentValue = typeof this.value === 'string' ? this.value : undefined\n this.selectedValue = this.isMultiple ? selectedValues : (selectedValues[0] ?? currentValue ?? undefined)\n this.value = this.selectedValue\n }\n\n private syncOptionElementsFromParsedOptions() {\n if (this.optionElements.length === 0) return\n\n this.isSyncingOptionElements = true\n\n this.parsedOptions.forEach((option) => {\n if (option.sourceElement !== undefined) {\n if (option.selected === true) {\n option.sourceElement.setAttribute('selected', '')\n } else {\n option.sourceElement.removeAttribute('selected')\n }\n }\n })\n\n this.isSyncingOptionElements = false\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 // Usa composedPath para considerar nós dentro de Shadow DOM como \"dentro\" do componente\n const path = (event.composedPath && event.composedPath()) || []\n const clickedInside = path.includes(this.el) || (event.target instanceof Node && this.el.contains(event.target))\n\n if (this.isExpanded && !clickedInside) {\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 const option = this.filteredOptions[index]\n if (option !== undefined) {\n this.handleSelectionByValue(option.value)\n }\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 HTMLBrInputElement | null\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 this.emitHoverFromOption(this.filteredOptions[index])\n }\n }\n\n private emitHoverFromOption(option?: { label: string; value: string }) {\n if (!option) return\n this.optionHover.emit({ label: option.label || option.value, value: option.value })\n }\n\n private openSelect() {\n this.isExpanded = true\n }\n\n private closeSelect() {\n this.isExpanded = false\n // Reinicializar o índice focado ao fechar o select\n this.focusedIndex = -1\n }\n\n private handleSelectionByValue(value: string) {\n const index = this.parsedOptions.findIndex((o) => o.value === value)\n if (index === -1) return\n\n if (this.isMultiple) {\n this.parsedOptions = this.parsedOptions.map((o, i) => (i === index ? { ...o, selected: !o.selected } : o))\n this.isExpanded = this.keepOpenOnSelect\n this.isFocused = false\n this.searchTerm = ''\n } else {\n this.parsedOptions = this.parsedOptions.map((o, i) => ({\n ...o,\n selected: i === index,\n }))\n this.isExpanded = this.keepOpenOnSelect\n // Se fechou, não estamos mais focados na busca.\n // Isso garante que o valor selecionado seja exibido em vez do termo de busca.\n this.isFocused = false\n this.searchTerm = ''\n }\n\n this.updateSelectedValueFromParsedOptions()\n this.valueChange.emit(this.selectedValue)\n\n this.updateSelectedOptions()\n this.updateSelectedAllState()\n this.syncOptionElementsFromParsedOptions()\n\n // Força a atualização da referência do array para garantir que o Stencil detecte a mudança\n this.filteredOptions = [...this.getFilteredOptions(this.searchTerm)]\n\n try {\n this.elementInternals.setFormValue(JSON.stringify(this.selectedValue ?? []))\n } catch {}\n }\n\n private updateSelectedOptions() {\n this.inputValue = this.getStringValue(this.parsedOptions.filter((option) => option.selected))\n }\n\n private normalizeText(text: string): string {\n return (text || '')\n .normalize('NFD')\n .replace(/[\\u0300-\\u036f]/g, '')\n .toLowerCase()\n }\n\n private getFilteredOptions(term: string) {\n if (!term) {\n return this.parsedOptions\n }\n\n const normalizedTerm = this.normalizeText(term)\n return this.parsedOptions.filter((option) => {\n const normalizedLabel = this.normalizeText(option.label || option.value)\n const normalizedValue = this.normalizeText(option.value)\n return normalizedLabel.includes(normalizedTerm) || normalizedValue.includes(normalizedTerm)\n })\n }\n\n private getStringValue(options: SelectOptionItem[]) {\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 // A lógica de emissão do evento já está no handleSelection para o ngModel.\n // Esta função pode ser simplificada ou removida se a única finalidade era emitir para ngModel.\n // No entanto, se houver outros consumidores deste evento, você pode mantê-la.\n const selectedValues = this.parsedOptions.filter((option) => option.selected === true).map((option) => option.value) // É importante emitir o 'value' para o ngModel.\n\n // Já emitimos em handleSelection, mas se quiser ter certeza, pode emitir aqui também.\n // this.valueChange.emit(this.isMultiple ? selectedValues : selectedValues[0] ?? undefined);\n\n // Atualiza o valor do form associado\n try {\n this.elementInternals.setFormValue(JSON.stringify(this.isMultiple ? selectedValues : (selectedValues[0] ?? null)))\n } catch {\n // Ignora erro em testes onde setFormValue não é implementado\n }\n }\n\n private updateSelectedAllState() {\n const selectedCount = this.parsedOptions.filter((option) => option.selected).length\n const total = this.parsedOptions.length\n\n this.isAllSelected = total > 0 && selectedCount === total\n this.isIndeterminate = selectedCount > 0 && selectedCount < total\n }\n\n private toggleSelectAll() {\n const updatedOptions = this.parsedOptions.map((option) => ({ ...option, selected: !this.isAllSelected }))\n this.parsedOptions = updatedOptions\n\n this.updateSelectedAllState()\n this.updateSelectedOptions()\n\n // Atualiza a prop 'value' e emite o evento para ngModel\n this.updateSelectedValueFromParsedOptions()\n this.valueChange.emit(this.selectedValue)\n this.syncOptionElementsFromParsedOptions()\n\n try {\n this.elementInternals.setFormValue(JSON.stringify(this.selectedValue ?? []))\n } catch {\n // Ignora erro em testes onde setFormValue não é implementado\n }\n }\n\n // Indica se o input de busca está focado.\n @State() isFocused: boolean = false\n\n private renderInput() {\n // Se estiver focado, mostramos EXATAMENTE o que está sendo digitado (searchTerm), mesmo que seja vazio.\n // Se não estiver focado, mostramos o termo de busca (se houver) ou o valor selecionado (inputValue).\n const displayValue = this.isFocused ? this.searchTerm : this.searchTerm || this.inputValue\n\n return (\n <br-input\n exportparts=\"label\"\n value={displayValue}\n label={this.label}\n isInline={this.isInline}\n controlWidth={this.inputWidth}\n borderless={this.borderless}\n placeholder={this.placeholder}\n actionLabel={this.isExpanded ? 'Recolher lista de opções' : 'Exibir lista de opções'}\n actionTabIndex={-1}\n readonly={false}\n disabled={this.disabled}\n onClick={() => {\n if (!this.disabled) this.toggleOpen()\n }}\n onInput={(event) => this.handleSearchInput(event)}\n onFocus={() => this.handleSearchFocus()}\n onBlur={(event) => this.handleSearchBlur(event)}\n onKeyDown={(event) => {\n if (!this.disabled) this.handleKeydownOnInput(event)\n }}\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' : ''} ${this.disabled ? 'disabled' : ''}`}\n data-all=\"data-all\"\n tabindex=\"-1\"\n role=\"option\"\n aria-selected={this.isAllSelected}\n aria-disabled={this.disabled}\n onKeyDown={(event) => {\n if (!this.disabled) this.handleSelectAllKeyDown(event)\n }}\n onClick={() => {\n if (!this.disabled) this.toggleSelectAll()\n }}\n >\n <br-checkbox\n name={`checkbox-${this.customId}`}\n label={this.isAllSelected ? this.unselectAllLabel : this.selectAllLabel}\n checked={this.isAllSelected}\n indeterminate={this.isIndeterminate}\n disabled={this.disabled}\n onClick={(e) => e.stopPropagation()}\n onCheckedChange={() => {\n if (!this.disabled) this.toggleSelectAll()\n }}\n ></br-checkbox>\n </div>\n )\n }\n\n private renderOptions() {\n if (this.filteredOptions.length === 0) {\n return (\n <div class=\"br-item empty\" role=\"option\" aria-selected=\"false\" tabindex={-1}>\n Nenhum resultado encontrado\n </div>\n )\n }\n\n return this.filteredOptions.map((option, index) => (\n <div\n class={`br-item ${option.selected ? 'selected' : ''} ${this.disabled ? 'disabled' : ''}`}\n key={`${option.label}-${this.customId}`}\n role=\"option\"\n tabindex={this.disabled ? -1 : this.focusedIndex === index ? 0 : -1}\n aria-selected={option.selected}\n aria-disabled={this.disabled}\n data-value={option.value}\n onClick={() => {\n if (!this.disabled) this.handleSelectionByValue(option.value)\n }}\n onKeyDown={(event) => {\n if (!this.disabled) this.handleKeydownOnItem(event, index)\n }}\n onMouseOver={() => this.emitHoverFromOption(option)}\n onPointerOver={() => this.emitHoverFromOption(option)}\n onFocus={() => this.emitHoverFromOption(option)}\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 disabled={this.disabled}\n onClick={(e) => e.stopPropagation()}\n onCheckedChange={() => {\n if (!this.disabled) this.handleSelectionByValue(option.value)\n }}\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 disabled={this.disabled}\n onClick={(e) => e.stopPropagation()}\n onCheckedChange={() => {\n if (!this.disabled) this.handleSelectionByValue(option.value)\n }}\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 toggleOpen(): Promise<void> {\n this.isExpanded = !this.isExpanded\n return Promise.resolve()\n }\n\n /**\n * Limpa todas as opções selecionadas.\n */\n @Method()\n clear(): Promise<void> {\n const updatedOptions = this.parsedOptions.map((option) => ({ ...option, selected: false }))\n this.parsedOptions = updatedOptions\n\n const newValue = this.isMultiple ? [] : undefined\n this.selectedValue = newValue\n this.value = newValue\n\n this.updateSelectedOptions()\n this.updateSelectedAllState()\n this.valueChange.emit(newValue)\n this.syncOptionElementsFromParsedOptions()\n\n try {\n this.elementInternals.setFormValue(JSON.stringify(newValue ?? (this.isMultiple ? [] : null)))\n } catch {\n // Ignora erro em testes onde setFormValue não é implementado\n }\n\n return Promise.resolve()\n }\n\n /**\n * Retorna o valor selecionado.\n * @returns {Promise<string | string[]>} O valor atual.\n */\n @Method()\n getValue(): Promise<string | string[]> {\n return Promise.resolve(this.value)\n }\n\n /**\n * Define o valor do componente.\n * @param {string | string[]} newValue O novo valor a ser definido.\n */\n @Method()\n setValue(newValue: string | string[]): Promise<void> {\n this.value = newValue\n // O @Watch('value') cuidará da sincronização\n return Promise.resolve()\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-select': true,\n }\n }\n\n private handleSearchInput(event: Event) {\n const value = (event.target as HTMLInputElement).value ?? ''\n this.searchTerm = value\n this.filteredOptions = this.getFilteredOptions(value)\n this.isExpanded = true\n }\n\n private handleSearchFocus() {\n this.isFocused = true\n this.filteredOptions = this.getFilteredOptions(this.searchTerm)\n }\n\n private handleSearchBlur(event: FocusEvent) {\n // Se o foco foi movido para dentro do componente (ex: clicou no checkbox/item),\n // não limpamos a busca para manter a lista filtrada estável e permitir o clique.\n const relatedTarget = event.relatedTarget as Node\n if (relatedTarget && (this.el.contains(relatedTarget) || this.el.shadowRoot?.contains(relatedTarget))) {\n return\n }\n\n this.isFocused = false\n // Ao sair do campo, volta a exibir o resumo das seleções\n this.searchTerm = ''\n this.filteredOptions = this.getFilteredOptions('')\n }\n\n render() {\n return (\n <Host>\n <div style={{ display: 'none' }} aria-hidden=\"true\">\n <slot\n ref={(el) => {\n this.slotElement = el as HTMLSlotElement\n }}\n onSlotchange={this.registerOptionItems}\n ></slot>\n </div>\n\n <div class={this.getCssClassMap()} id={this.getComputedId()} aria-disabled={this.disabled}>\n {this.renderInput()}\n\n {this.isExpanded && (\n <br-list\n tabindex={-1}\n onKeyDown={(event) => this.handleKeydownOnList(event)}\n style={this.inputWidth !== undefined ? { width: this.inputWidth } : undefined}\n >\n {this.isMultiple && this.renderSelectAllCheckbox()}\n {this.renderOptions()}\n </br-list>\n )}\n </div>\n </Host>\n )\n }\n}\n\nlet selectId = 0\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-BXMQkO62.js ADDED Viewed

@@ -0,0 +1,399 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+import { p as e, H as r, c as a, h as t, d as i } from "./p-DozXPp1d.js";
+import { d as n } from "./p-DzfbHHTf.js";
+import { d as o } from "./p-JsxUUux9.js";
+const l = '*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}main{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-checkbox{--checkbox-padding:var(--spacing-scale-base);--checkbox-size:24px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.br-checkbox+.br-checkbox{margin-top:var(--spacing-scale-base)}.br-checkbox input{margin:0;opacity:0;position:absolute}.br-checkbox input+label{cursor:pointer;display:inline-block;margin-bottom:0;min-height:var(--checkbox-size);min-width:var(--checkbox-size);padding-left:calc(var(--spacing-scale-base) + var(--checkbox-size));position:relative}.br-checkbox input+label::before{background:var(--background-light);border:1px solid var(--border-color);border-radius:4px;content:"";height:var(--checkbox-size);left:0;position:absolute;width:var(--checkbox-size)}.br-checkbox input+label:empty{padding:0}.br-checkbox label{font-weight:var(--font-weight-medium)}.br-checkbox.hidden-label label{padding-left:calc(var(--checkbox-size) + var(--surface-width-md)*2);text-indent:-10000px;white-space:nowrap;width:0}.br-checkbox input:checked+label::after,.br-checkbox input:indeterminate+label::after{border:solid var(--selected);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);left:8px;position:absolute;top:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.br-checkbox input[indeterminate]+label::before,.br-checkbox input:indeterminate+label::before{--interactive-rgb:var(--color-rgb);background:var(--selected);border-color:var(--selected)}.br-checkbox input[indeterminate]:hover:not(:disabled)+label::before,.br-checkbox input:indeterminate:hover:not(:disabled)+label::before{--interactive-rgb:var(--color-dark-rgb)}.br-checkbox input[indeterminate]:checked+label::after,.br-checkbox input[indeterminate]+label::after,.br-checkbox input:indeterminate:checked+label::after,.br-checkbox input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;top:2px;-webkit-transform:none;transform:none}.br-checkbox.invalid input+label::before,.br-checkbox[invalid] input+label::before{--border-color:var(--danger)}.br-checkbox.invalid input:focus-visible:checked+label::before,.br-checkbox.invalid input:focus-visible+label::before,.br-checkbox.invalid input.focus-visible:checked+label::before,.br-checkbox.invalid input.focus-visible+label::before,.br-checkbox[invalid] input:focus-visible:checked+label::before,.br-checkbox[invalid] input:focus-visible+label::before,.br-checkbox[invalid] input.focus-visible:checked+label::before,.br-checkbox[invalid] input.focus-visible+label::before{--border-color:var(--focus-color)}.br-checkbox.invalid input:checked+label::before,.br-checkbox[invalid] input:checked+label::before{--border-color:var(--danger)}.br-checkbox.valid input+label::before,.br-checkbox[valid] input+label::before{--border-color:var(--success)}.br-checkbox.valid input:focus-visible:checked+label::before,.br-checkbox.valid input:focus-visible+label::before,.br-checkbox.valid input.focus-visible:checked+label::before,.br-checkbox.valid input.focus-visible+label::before,.br-checkbox[valid] input:focus-visible:checked+label::before,.br-checkbox[valid] input:focus-visible+label::before,.br-checkbox[valid] input.focus-visible:checked+label::before,.br-checkbox[valid] input.focus-visible+label::before{--border-color:var(--focus-color)}.br-checkbox.valid input:checked+label::before,.br-checkbox[valid] input:checked+label::before{--border-color:var(--success)}.br-checkbox.small input+label,.br-checkbox[small] input+label{line-height:var(--spacing-scale-2xh);min-height:var(--spacing-scale-2xh)}.br-checkbox.small input+label::before,.br-checkbox[small] input+label::before{height:var(--spacing-scale-2xh);width:var(--spacing-scale-2xh)}.br-checkbox.small input:checked+label::after,.br-checkbox[small] input:checked+label::after{border-width:0 2px 2px 0;height:var(--icon-size-sm);left:7px;top:4px;width:6px}.br-checkbox.small input[indeterminate]+label::after,.br-checkbox.small input:indeterminate+label::after,.br-checkbox[small] input[indeterminate]+label::after,.br-checkbox[small] input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;left:7px;top:1px;-webkit-transform:none;transform:none;width:6px}.br-checkbox input:invalid+label::before{--border-color:var(--danger)}.br-checkbox input:focus-visible:checked+label::before,.br-checkbox input:focus-visible+label::before,.br-checkbox input.focus-visible:checked+label::before,.br-checkbox input.focus-visible+label::before{border-color:var(--focus) !important;-webkit-box-shadow:0 0 0 var(--surface-width-md) var(--focus);box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-checkbox input:hover:not(:disabled)+label::before{--interactive-rgb:var(--interactive-light-rgb);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-checkbox:not(.disabled) input:disabled+label{cursor:not-allowed;opacity:var(--disabled)}.br-checkbox:not(.disabled) input:disabled+label *{pointer-events:none}.br-checkbox.inverted,.br-checkbox.inverted label,.br-checkbox.dark-mode,.br-checkbox.dark-mode label{color:var(--color-dark)}.br-input{--input-button-margin:var(--spacing-scale-half);--input-padding:0 var(--spacing-scale-2x);--input-padding-button:var(--spacing-scale-5x);--input-padding-icon:var(--spacing-scale-5x);--input-size:var(--input-medium);--input-small:32px;--input-medium:40px;--input-large:48px;--input-highlight:56px;--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);color:var(--color);position:relative}.br-input input{background-color:var(--background-light);border-color:var(--border-color-alternative);border-radius:var(--surface-rounder-sm);border-style:var(--border-style);border-width:var(--border-width);color:var(--color-light);display:block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);height:var(--input-size);margin-top:var(--spacing-scale-half);padding-bottom:0;padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x);padding-top:0;width:100%}.br-input input::-ms-reveal,.br-input input::-ms-clear,.br-input input::-webkit-calendar-picker-indicator{display:none}.br-input input[type=search]::-webkit-search-decoration,.br-input input[type=search]::-webkit-search-cancel-button,.br-input input[type=search]::-webkit-search-results-button,.br-input input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.br-input.input-inline{display:-webkit-box;display:-ms-flexbox;display:flex}.br-input.input-inline .input-label{margin-right:var(--spacing-scale-baseh);margin-top:calc(var(--input-size)*.5 - var(--spacing-scale-half))}.br-input.input-inline .input-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.br-input .input-group{position:relative}.br-input .input-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--border-color-alternative);display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--input-size);margin-left:var(--spacing-scale-baseh);position:absolute}.br-input .input-icon+input{padding-left:var(--input-padding-icon)}.br-input .br-button{--button-size:var(--button-small);--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);border-radius:50%;float:right;margin-right:var(--input-button-margin);margin-top:calc((var(--input-size) + var(--spacing-scale-half))*-1);padding:0;position:relative;-webkit-transform:translateY(calc((var(--input-size) - var(--button-size)) * 0.5));transform:translateY(calc((var(--input-size) - var(--button-size)) * 0.5));width:var(--button-size)}.br-input.input-button input{padding-right:var(--input-padding-button)}.br-input.has-icon input{padding-right:var(--input-padding-icon)}.br-input.has-icon .br-button.circle{float:right;margin-right:var(--spacing-scale-half);margin-top:calc((var(--button-size) + var(--spacing-scale-half) + var(--spacing-scale-half))*-1);-webkit-transform:translateY(0);transform:translateY(0)}.br-input.has-icon.small .br-button.circle{margin-top:calc((var(--button-size) + var(--spacing-scale-base))*-1)}.br-input.has-icon.large .br-button.circle{margin-top:calc(var(--button-size)*-1)}.br-input.input-highlight{--input-button-margin:var(--spacing-scale-2x);--input-padding:0 var(--spacing-scale-3x);--input-padding-button:var(--spacing-scale-7x);--input-padding-icon:var(--spacing-scale-7x);--input-size:var(--input-highlight)}.br-input.input-highlight input{background-color:var(--gray-2);border-color:rgba(0,0,0,0);padding-left:var(--spacing-scale-3x);padding-right:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon{margin-left:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon+input{padding-left:var(--spacing-scale-7x)}.br-input .br-list{-webkit-box-shadow:var(--surface-shadow-md);box-shadow:var(--surface-shadow-md);max-height:530px;overflow:auto;position:absolute;width:100%;z-index:var(--z-index-layer-2)}.br-input .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-input .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-input .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-input .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-input .br-list .br-item{--item-padding-y:var(--spacing-scale-2x)}.br-input .br-list .br-item:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-input .br-list .br-item:not(:first-child){border-top:var(--surface-width-sm) solid var(--border-color)}.br-input.success input{border-color:var(--success);border-width:2px}.br-input.danger input{border-color:var(--danger);border-width:2px}.br-input.warning input{border-color:var(--warning);border-width:2px}.br-input.info input{border-color:var(--info);border-width:2px}.br-input input:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-input input:focus,.br-input input:focus-visible,.br-input input.focus-visible{border-color:var(--focus) !important;-webkit-box-shadow:0 0 0 var(--surface-width-md) var(--focus);box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-input .feedback{margin-bottom:var(--spacing-scale-half)}.br-input.small{--input-size:var(--input-small)}.br-input.medium{--input-size:var(--input-medium)}.br-input.large{--input-size:var(--input-large)}.br-input.inverted,.br-input.inverted label,.br-input.dark-mode,.br-input.dark-mode label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-tag{--tag-size:var(--tag-medium);--tag-small:var(--spacing-scale-2xh);--tag-medium:var(--spacing-scale-3xh);--tag-large:var(--spacing-scale-4xh);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag+.br-tag{margin-left:var(--spacing-scale-half)}.br-tag>.fab:first-child{margin-right:var(--spacing-scale-baseh)}.br-tag.interaction,.br-tag.interaction-select{--tag-small:var(--spacing-scale-4x);--tag-medium:var(--spacing-scale-5x);--tag-large:var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size:var(--spacing-scale-3xh);--focus:var(--focus-color-dark);--hover:var(--hover-dark);--interactive-rgb:var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-tag.interaction-select{background:rgba(0,0,0,0);padding:0}.br-tag.interaction-select label{--interactive-rgb:var(--color-dark-rgb);--hover:var(--hover-dark);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag.interaction-select label+.br-tag.interaction-select label{margin-left:var(--spacing-scale-half)}.br-tag.interaction-select label>.fab:first-child{margin-right:var(--spacing-scale-baseh)}.br-tag.interaction-select label{background:var(--interactive);cursor:pointer;font-size:var(--font-size-scale-up-01);margin:0;-webkit-transition:padding 150ms ease;transition:padding 150ms ease}.br-tag.interaction-select input{height:0;opacity:0;position:relative;width:0}.br-tag.interaction-select input:checked+label::after{border:solid var(--color-dark);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);-webkit-transform:rotate(45deg) translate(12px, -14px);transform:rotate(45deg) translate(12px, -14px);width:8px}.br-tag.interaction-select input:focus+label{outline-color:var(--focus-color);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-tag.interaction-select input:hover+label{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction-select input:active+label{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));color:var(--color-dark)}.br-tag.interaction-select.selected label{background-color:var(--selected);padding-right:var(--spacing-scale-4xh)}.br-tag.disabled input{cursor:not-allowed}.br-tag.status{--tag-small:var(--spacing-scale-baseh);--tag-medium:var(--spacing-scale-2x);--tag-large:var(--spacing-scale-3x);border:1px solid var(--background-light);border-radius:50%;min-width:var(--tag-size);padding:0}.br-tag.count{--tag-small:var(--spacing-scale-2xh);--tag-medium:var(--spacing-scale-3x);--tag-large:var(--spacing-scale-3xh);border:1px solid var(--background-light);border-radius:100em;min-width:var(--tag-size);padding-left:var(--spacing-scale-base);padding-right:var(--spacing-scale-base)}.br-tag.icon{--tag-small:var(--spacing-scale-3xh);--tag-medium:var(--spacing-scale-4x);--tag-large:var(--spacing-scale-5xh);border-radius:50%;min-width:var(--tag-size);padding:0}.br-tag.icon .fab{font-size:var(--icon-size-base);margin:0 !important}.br-tag.small{--tag-size:var(--tag-small)}.br-tag.medium{--tag-size:var(--tag-medium)}.br-tag.large{--tag-size:var(--tag-large)}.br-tag.interaction,.br-tag.interaction-select{--tag-small:var(--spacing-scale-4x);--tag-medium:var(--spacing-scale-5x);--tag-large:var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size:var(--spacing-scale-3xh);--focus:var(--focus-color-dark);--hover:var(--hover-dark);--interactive-rgb:var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-tag.interaction-select{background:rgba(0,0,0,0);padding:0}.br-tag.interaction-select label{--interactive-rgb:var(--color-dark-rgb);--hover:var(--hover-dark);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag.interaction-select label+.br-tag.interaction-select label{margin-left:var(--spacing-scale-half)}.br-tag.interaction-select label>.fab:first-child{margin-right:var(--spacing-scale-baseh)}.br-tag.interaction-select label{background:var(--interactive);cursor:pointer;font-size:var(--font-size-scale-up-01);margin:0;-webkit-transition:padding 150ms ease;transition:padding 150ms ease}.br-tag.interaction-select input{height:0;opacity:0;position:relative;width:0}.br-tag.interaction-select input:checked+label::after{border:solid var(--color-dark);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);-webkit-transform:rotate(45deg) translate(12px, -14px);transform:rotate(45deg) translate(12px, -14px);width:8px}.br-tag.interaction-select input:focus+label{outline-color:var(--focus-color);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-tag.interaction-select input:hover+label{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction-select input:active+label{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));color:var(--color-dark)}.br-tag.interaction-select.selected label{background-color:var(--selected);padding-right:var(--spacing-scale-4xh)}.br-tag.disabled input{cursor:not-allowed}.br-tag.interaction,.br-tag.interaction-select{--tag-small:var(--spacing-scale-4x);--tag-medium:var(--spacing-scale-5x);--tag-large:var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size:var(--spacing-scale-3xh);--focus:var(--focus-color-dark);--hover:var(--hover-dark);--interactive-rgb:var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-tag.interaction-select{background:rgba(0,0,0,0);padding:0}.br-tag.interaction-select label{--interactive-rgb:var(--color-dark-rgb);--hover:var(--hover-dark);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag.interaction-select label+.br-tag.interaction-select label{margin-left:var(--spacing-scale-half)}.br-tag.interaction-select label>.fab:first-child{margin-right:var(--spacing-scale-baseh)}.br-tag.interaction-select label{background:var(--interactive);cursor:pointer;font-size:var(--font-size-scale-up-01);margin:0;-webkit-transition:padding 150ms ease;transition:padding 150ms ease}.br-tag.interaction-select input{height:0;opacity:0;position:relative;width:0}.br-tag.interaction-select input:checked+label::after{border:solid var(--color-dark);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);-webkit-transform:rotate(45deg) translate(12px, -14px);transform:rotate(45deg) translate(12px, -14px);width:8px}.br-tag.interaction-select input:focus+label{outline-color:var(--focus-color);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-tag.interaction-select input:hover+label{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction-select input:active+label{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));color:var(--color-dark)}.br-tag.interaction-select.selected label{background-color:var(--selected);padding-right:var(--spacing-scale-4xh)}.br-tag.disabled input{cursor:not-allowed}.br-tag{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag+.br-tag{margin-left:var(--spacing-scale-half)}.br-tag>.fab:first-child{margin-right:var(--spacing-scale-baseh)}.br-tag.small{--tag-size:var(--tag-small)}.br-tag.medium{--tag-size:var(--tag-medium)}.br-tag.large{--tag-size:var(--tag-large)}.br-tag.is-highlight,.br-tag.highlight,.br-tag[highlight]{background-color:#268744}.br-tag.success,.br-tag[success]{background-color:var(--success)}.br-tag.danger,.br-tag[danger]{background-color:var(--danger)}.br-tag.warning,.br-tag[warning]{background-color:var(--warning)}.br-tag.info,.br-tag[info]{background-color:var(--info)}:host{display:inline-block;margin-right:var(--spacing-scale-half)}:host .tag-spacing-status{margin-left:var(--spacing-scale-half)}:host .br-tag.interaction br-button{margin-left:var(--spacing-scale-baseh)}:host .br-tag:not(.icon) br-icon{margin-right:var(--spacing-scale-base)}';
+// Constantes para valores fixos
+const c = "small";
+const s = "medium";
+const b = "large";
+const g = "circle";
+const d = "rounded";
+const v = "default";
+const h =  e(class e extends r {
+  constructor(e) {
+    super();
+    if (e !== false) {
+      this.__registerHost();
+    }
+    this.__attachShadow();
+    this.radioSelected = a(this, "radioSelected", 7);
+    this.elementInternals = this.attachInternals();
+    /**
+         * A propriedade 'label' é uma string que representa o texto a ser exibido no componente.
+         * Ela é refletida no DOM, permitindo que alterações no valor sejam refletidas no elemento HTML correspondente.
+         */    this.label = "";
+    /**
+         * A propriedade 'iconName' define o nome do ícone que será exibido ao lado do texto.
+         * O valor padrão é 'fa-solid:car', que corresponde a um ícone de carro da biblioteca Font Awesome.
+         */    this.iconName = "";
+    /**
+         * A propriedade 'name' é uma string que representa o nome do grupo da tag para seleção.
+         * Ela é refletida no DOM, permitindo que alterações no valor sejam refletidas no elemento HTML correspondente.
+         */    this.name = "";
+    /**
+         * A tag permite seleção múltipla.
+         * */    this.multiple = false;
+    /**
+         * A tag está selecionada.
+         * */    this.selected = false;
+    /**
+         * Identificador único.
+         * Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */    this.customId = `br-tag-${p++}`
+    /**
+         * A propriedade 'color' permite definir a cor do componente.
+         * Aceita valores como 'red', 'blue', entre outros, e é refletida no DOM.
+         */;
+    this.bgColor = "";
+    /**
+         * A propriedade 'density' permite definir a densidade do componente.
+         */    this.density = s;
+    /**
+         * A propriedade 'shape' define o formato do componente.
+         */    this.shape = v;
+    /**
+         * Transforma a tag em um indicador de status, com aparência circular.
+         * É flexível podendo ser utilizado com label ou apenas a superfície circular (informação é transmitida por meio de cores).
+         */    this.status = false;
+    /**
+         * Interação deve ser habilitada.
+         */    this.interaction = false;
+    /**
+         * Interação de seleção deve ser habilitada.
+         * */    this.interactionSelect = false;
+    /**
+         * Tag deve estar desabilitado.
+         */    this.disabled = false;
+    /**
+         * Rótulo personalizado para leitores de tela.
+         * Quando fornecido, substitui completamente o texto visível para usuários de leitores de tela.
+         * Útil quando o texto visível não é suficientemente descritivo (ex: ícones, abreviações).
+         */    this.ariaLabel = null;
+    /**
+         * ID do elemento que fornece descrição adicional da tag.
+         * Referencia um elemento na página que contém informações complementares sobre a tag.
+         * A descrição é lida após o conteúdo principal, fornecendo contexto extra aos usuários de leitores de tela.
+         * Exemplo: aria-describedby="help-status" onde existe <div id="help-status">Aguardando aprovação</div>
+         */    this.ariaDescribedby = null;
+    /**
+         * Tag está selecionada.
+         */    this.selectedClassValue = false;
+    /**
+         * Permite navegação por teclado (setas) entre tags do tipo radio (seleção unica).
+         * Funciona apenas quando 'interactionSelect' é true e 'multiple' é false.
+         * Ignora tags desabilitadas.
+         * @param event - Evento de teclado
+         */    this.handleKeyDown = e => {
+      if (!this.interactionSelect || this.multiple || this.disabled) return;
+      if (e.key === "ArrowRight") {
+        e.preventDefault();
+        this.selectNextRadio();
+      } else if (e.key === "ArrowLeft") {
+        e.preventDefault();
+        this.selectPreviousRadio();
+      }
+    };
+    this.handleClose = () => {
+      this.el.remove();
+    };
+    this.handleChangeValueChecked = () => {
+      if (!this.multiple) {
+        this.radioSelected.emit(this.name);
+      }
+      this.selected = !this.selected;
+    };
+    this.handleChangeRadioValue = e => {
+      if (!this.multiple) {
+        this.radioSelected.emit(this.name);
+        this.selected = e.target.checked;
+      }
+    };
+    this.handleInputChange = e => {
+      if (this.multiple) {
+        this.handleChangeValueChecked();
+      } else {
+        this.handleChangeRadioValue(e);
+      }
+    };
+  }
+  handleInteractionChange(e) {
+    if (e && this.interactionSelect) {
+      console.warn("Aviso: 'interaction' e 'interactionSelect' não podem ser usados ao mesmo tempo. Alterando o 'interaction' para 'false'.");
+      this.interaction = false;
+    }
+  }
+  handleInteractionSelectChange(e) {
+    if (e && this.interaction) {
+      console.warn("Aviso: 'interaction' e 'interactionSelect' não podem ser usados ao mesmo tempo. Alterando o 'interaction' para 'false'.");
+      this.interaction = false;
+    }
+  }
+  handleSelectedChange(e) {
+    this.selectedClassValue = e;
+  }
+  handleCheckedChange(e) {
+    if (e.detail === this.name && this.el !== e.target) {
+      this.selected = false;
+    }
+  }
+  componentWillLoad() {
+    if (this.interaction && this.interactionSelect) {
+      console.warn("Aviso: 'interaction' e 'interactionSelect' não podem ser usados ao mesmo tempo. Alterando o 'interaction' para 'false'.");
+      this.interaction = false;
+    }
+  }
+  connectedCallback() {
+    this.selectedClassValue = this.selected;
+    this.el.addEventListener("keydown", this.handleKeyDown);
+  }
+  disconnectedCallback() {
+    this.el.removeEventListener("keydown", this.handleKeyDown);
+  }
+  selectNextRadio() {
+    this.selectRadioByStep(1);
+  }
+  selectPreviousRadio() {
+    this.selectRadioByStep(-1);
+  }
+  selectRadioByStep(e) {
+    const r = Array.from(document.querySelectorAll(`br-tag[interaction-select][name="${this.name}"]:not([disabled])`));
+    const a = r.indexOf(this.el);
+    if (a === -1) return;
+    const t = (a + e + r.length) % r.length;
+    this.selectRadioByIndex(r, t);
+  }
+  selectRadioByIndex(e, r) {
+    var a;
+    const t = e[r];
+    const i = (a = t.shadowRoot) === null || a === void 0 ? void 0 : a.querySelector('input[type="radio"]');
+    if (i !== null) {
+      i.focus();
+      i.click();
+    }
+  }
+  getCssClassMap() {
+    return {
+      "br-tag": true,
+      interaction: this.interaction,
+      "interaction-select": this.interactionSelect,
+      selected: this.selectedClassValue,
+      disabled: this.disabled,
+      [c]: this.density === c,
+      [s]: this.density === s,
+      [b]: this.density === b,
+      count: this.shape === d,
+      icon: this.shape === g,
+      status: this.status
+    };
+  }
+  getTagAttributes() {
+    if (this.interaction) {
+      return {
+        id: this.customId
+      };
+    }
+    return {
+      id: this.customId,
+      role: this.getRole(),
+      "aria-label": this.getAriaLabel(),
+      "aria-describedby": this.getAriaDescribedBy(),
+      "aria-checked": this.getAriaChecked(),
+      "aria-disabled": this.getAriaDisabled()
+    };
+  }
+  getAriaDescribedBy() {
+    const e = this.el.getAttribute("title");
+    if (this.hasContent(e)) {
+      return null;
+    }
+    const r = !this.status && this.label !== "";
+    if (this.ariaDescribedby && this.ariaDescribedby.trim() !== "") {
+      return this.ariaDescribedby;
+    }
+    if (r && !this.hasContent(this.ariaLabel)) {
+      return `${this.customId}-label`;
+    }
+    return null;
+  }
+  /**
+     * Verifica se uma string possui conteúdo válido (não vazia após remover espaços em branco).
+     * @param value - String a ser verificada
+     * @returns {boolean} true se a string possui conteúdo
+     */  hasContent(e) {
+    return (e === null || e === void 0 ? void 0 : e.trim().length) > 0;
+  }
+  getAriaLabel() {
+    return this.ariaLabel && this.ariaLabel.trim() !== "" ? this.ariaLabel : null;
+  }
+  getRole() {
+    const e = this.el.getAttribute("title");
+    if (this.hasContent(e)) {
+      return null;
+    }
+    if (this.interactionSelect) return this.multiple ? "checkbox" : "radio";
+    return "status";
+  }
+  getAriaChecked() {
+    return this.interactionSelect ? this.selected ? "true" : "false" : null;
+  }
+  getAriaDisabled() {
+    return this.disabled ? "true" : null;
+  }
+  renderIcon() {
+    return this.iconName && this.iconName.trim() !== "" ? t("br-icon", {
+      "icon-name": this.iconName,
+      "aria-hidden": "true"
+    }) : null;
+  }
+  renderLabel() {
+    return this.shape !== g && !this.status ? t("span", {
+      id: `${this.customId}-label`
+    }, this.label) : null;
+  }
+  renderCloseButton() {
+    if (!this.interaction) return null;
+    return t("br-button", {
+      shape: "circle",
+      emphasis: "primary",
+      density: "small",
+      "aria-label": `Fechar ${this.label || "tag"}`,
+      onClick: this.handleClose,
+      disabled: this.disabled
+    }, t("br-icon", {
+      "icon-name": "fa-solid:times",
+      "aria-hidden": "true"
+    }));
+  }
+  renderStatusLabel() {
+    return this.status ? t("span", {
+      class: "tag-spacing-status"
+    }, this.label) : null;
+  }
+  renderMainTagContent() {
+    return t("span", Object.assign({
+      class: this.getCssClassMap()
+    }, this.getTagAttributes(), {
+      style: {
+        backgroundColor: this.bgColor || undefined
+      }
+    }), this.renderIcon(), this.renderLabel(), this.renderCloseButton(), t("slot", null));
+  }
+  renderStatusLayout(e) {
+    return t("span", {
+      style: {
+        display: "flex",
+        alignItems: "center"
+      }
+    }, e, this.renderStatusLabel());
+  }
+  renderInteractionSelectTag() {
+    if (!this.interactionSelect) {
+      return null;
+    }
+    return t("span", {
+      class: this.getCssClassMap(),
+      id: this.customId
+    }, t("input", {
+      id: `input-${this.customId}`,
+      type: this.multiple ? "checkbox" : "radio",
+      name: this.name,
+      value: this.label,
+      checked: this.selected,
+      onClick: this.handleInputChange,
+      disabled: this.disabled
+    }), t("label", {
+      htmlFor: `input-${this.customId}`
+    }, this.renderIcon(), this.renderLabel()));
+  }
+  render() {
+    const e = this.renderMainTagContent();
+    return t(i, {
+      key: "f80d95127ac3fb2479738562fa12b3c5d7d2589b"
+    }, this.interactionSelect ? this.renderInteractionSelectTag() : this.status ? this.renderStatusLayout(e) : e);
+  }
+  static get formAssociated() {
+    return true;
+  }
+  get el() {
+    return this;
+  }
+  static get watchers() {
+    return {
+      interaction: [ "handleInteractionChange" ],
+      interactionSelect: [ "handleInteractionSelectChange" ],
+      selected: [ "handleSelectedChange" ]
+    };
+  }
+  static get style() {
+    return l;
+  }
+}, [ 321, "br-tag", {
+  label: [ 513 ],
+  iconName: [ 513, "icon-name" ],
+  name: [ 513 ],
+  multiple: [ 516 ],
+  selected: [ 1540 ],
+  customId: [ 513, "custom-id" ],
+  bgColor: [ 513, "bg-color" ],
+  density: [ 513 ],
+  shape: [ 513 ],
+  status: [ 516 ],
+  interaction: [ 1540 ],
+  interactionSelect: [ 516, "interaction-select" ],
+  disabled: [ 516 ],
+  ariaLabel: [ 513, "aria-label" ],
+  ariaDescribedby: [ 513, "aria-describedby" ],
+  selectedClassValue: [ 32 ]
+}, [ [ 4, "radioSelected", "handleCheckedChange" ] ], {
+  interaction: [ "handleInteractionChange" ],
+  interactionSelect: [ "handleInteractionSelectChange" ],
+  selected: [ "handleSelectedChange" ]
+} ]);
+let p = 0;
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const e = [ "br-tag", "br-button", "br-icon" ];
+  e.forEach((e => {
+    switch (e) {
+     case "br-tag":
+      if (!customElements.get(e)) {
+        customElements.define(e, h);
+      }
+      break;
+     case "br-button":
+      if (!customElements.get(e)) {
+        n();
+      }
+      break;
+     case "br-icon":
+      if (!customElements.get(e)) {
+        o();
+      }
+      break;
+    }
+  }));
+}
+export { h as T, defineCustomElement as d };
+//# sourceMappingURL=p-BXMQkO62.js.map
+//# sourceMappingURL=p-BXMQkO62.js.map