@govbr-ds/webcomponents 2.0.0-next.40 → 2.0.0-next.41
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.
- package/dist/cjs/br-button.br-icon.entry.cjs.js.map +1 -1
- package/dist/cjs/br-button_2.cjs.entry.js +16 -2
- package/dist/cjs/br-button_2.cjs.entry.js.map +1 -1
- package/dist/cjs/br-input.br-radio.entry.cjs.js.map +1 -1
- package/dist/cjs/br-input_2.cjs.entry.js +8 -4
- package/dist/cjs/br-input_2.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/webcomponents.cjs.js +1 -1
- package/dist/collection/components/button/button.js +54 -2
- package/dist/collection/components/button/button.js.map +1 -1
- package/dist/collection/components/input/input.css +1 -1
- package/dist/collection/components/input/input.js +26 -3
- package/dist/collection/components/input/input.js.map +1 -1
- package/dist/components/br-breadcrumb.js +1 -1
- package/dist/components/br-button.js +1 -1
- package/dist/components/br-footer-social.js +1 -1
- package/dist/components/br-input.js +3 -3
- package/dist/components/br-message.js +1 -1
- package/dist/components/br-select.js +2 -2
- package/dist/components/br-step-item.js +1 -1
- package/dist/components/br-tag.js +6 -6
- package/dist/components/br-upload.js +1 -1
- package/dist/components/{p-THYai_l5.js → p-BxU9TOn1.js} +14 -8
- package/dist/components/p-BxU9TOn1.js.map +1 -0
- package/dist/components/{p-CtvDP3zf.js → p-COPEUBKR.js} +27 -9
- package/dist/components/p-COPEUBKR.js.map +1 -0
- package/dist/custom-elements.json +45 -0
- package/dist/esm/br-button.br-icon.entry.js.map +1 -1
- package/dist/esm/br-button_2.entry.js +16 -2
- package/dist/esm/br-button_2.entry.js.map +1 -1
- package/dist/esm/br-input.br-radio.entry.js.map +1 -1
- package/dist/esm/br-input_2.entry.js +8 -4
- package/dist/esm/br-input_2.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/webcomponents.js +1 -1
- package/dist/hydrate/index.js +30 -9
- package/dist/hydrate/index.mjs +30 -9
- package/dist/types/components/button/button.d.ts +14 -0
- package/dist/types/components/input/input.d.ts +4 -0
- package/dist/types/components.d.ts +24 -0
- package/dist/webcomponents/br-button.br-icon.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-input.br-radio.entry.esm.js.map +1 -1
- package/dist/webcomponents/{p-bc417fe6.entry.js → p-383a4240.entry.js} +23 -7
- package/dist/webcomponents/p-383a4240.entry.js.map +1 -0
- package/dist/webcomponents/{p-8fe3366e.entry.js → p-aaedb60b.entry.js} +11 -6
- package/dist/webcomponents/p-aaedb60b.entry.js.map +1 -0
- package/dist/webcomponents/webcomponents.esm.js +6 -3
- package/dist/webcomponents.html-custom-data.json +5 -2
- package/package.json +1 -1
- package/dist/components/p-CtvDP3zf.js.map +0 -1
- package/dist/components/p-THYai_l5.js.map +0 -1
- package/dist/webcomponents/p-8fe3366e.entry.js.map +0 -1
- package/dist/webcomponents/p-bc417fe6.entry.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"br-input.br-radio.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["../../packages/webcomponents/src/components/input/input.scss?tag=br-input&encapsulation=shadow","../../packages/webcomponents/src/components/input/input.tsx","../../packages/webcomponents/src/components/radio/radio.scss?tag=br-radio&encapsulation=shadow","../../packages/webcomponents/src/components/radio/radio.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/input/input\";\n\n:host {\n display: block;\n\n .br-input .input-icon {\n margin: 0 var(--spacing-scale-2x);\n }\n\n .br-input .input-icon + input {\n padding-left: var(--spacing-scale-6x);\n }\n}\n\n.br-input br-button {\n float: right;\n margin-right: var(--input-button-margin);\n margin-top: calc((var(--input-size) + var(--spacing-scale-half)) * -1);\n padding: 0;\n position: relative;\n}\n\n.button-transform {\n transform: translateY(calc((var(--input-size) - 32px) * 0.5));\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n *\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/input?tab=designer).\n *\n * @slot action - Botão à direita do input.\n * @slot icon - Ícone à esquerda do input.\n * @slot help-text - Personalização do texto de ajuda.\n * @slot feedback - Mensagem de feedback como resposta específica a uma interação do usuário com o input. Pode ser feedback de erro, aviso, sucesso ou informação.\n */\n@Component({\n tag: 'br-input',\n styleUrl: 'input.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Input {\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: HTMLBrInputElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Especifica o tipo de entrada do campo. Pode ser um dos seguintes:\n * - 'color': Seletor de cor\n * - 'email': Campo para e-mail\n * - 'hidden': Campo oculto\n * - 'password': Campo para senha\n * - 'range': Controle deslizante\n * - 'search': Campo de pesquisa\n * - 'number': Campo para números\n * - 'tel': Campo para números de telefone\n * - 'text': Campo de texto padrão\n * - 'url': Campo para URLs\n */\n @Prop({ reflect: true }) readonly type:\n | 'color'\n | 'email'\n | 'hidden'\n | 'password'\n | 'range'\n | 'search'\n | 'number'\n | 'tel'\n | 'text'\n | 'file'\n | 'url' = 'text'\n\n /**\n * Controla o comportamento de preenchimento automático do navegador para o input.\n */\n @Prop({ reflect: true }) readonly autocomplete: 'on' | 'off'\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 /**\n * Desativa o input, tornando-o não interativo.\n */\n @Prop({ reflect: true }) readonly disabled: boolean = false\n\n /**\n * Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).\n */\n @Prop({ reflect: true }) readonly isInline: boolean = false\n\n /**\n * Se verdadeiro, o input terá destaque visual.\n */\n @Prop({ reflect: true }) readonly isHighlight: boolean = false\n\n /**\n * Define o estado do input\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 }) readonly state: 'info' | 'warning' | 'danger' | 'success'\n\n /**\n * Texto exibido como rótulo do input.\n */\n @Prop({ reflect: true }) readonly label: string\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-input-${inputId++}`\n\n /**\n * Nome do input, utilizado para identificação em formulários.\n */\n @Prop({ reflect: true }) readonly name: string\n\n /**\n * Texto exibido dentro do input quando está vazio, fornecendo uma dica ou sugestão ao usuário.\n */\n @Prop({ reflect: true }) readonly placeholder: string\n\n /**\n * Se verdadeiro, o valor do input é exibido, mas não pode ser editado pelo usuário.\n */\n @Prop({ reflect: true }) readonly readonly: boolean = false\n\n /**\n * Se verdadeiro, o input é obrigatório e deve ser preenchido antes que o formulário possa ser enviado.\n */\n @Prop({ reflect: true }) readonly required: boolean = false\n\n /**\n * Valor exibido no input.\n * Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.\n */\n @Prop({ reflect: true, mutable: true }) value: string\n\n /**\n * Texto adicional que fornece ajuda ou informações sobre o input.\n */\n @Prop({ reflect: true }) readonly helpText: string\n\n /**\n * Controla a correção automática do texto.\n */\n @Prop({ reflect: true }) readonly autocorrect: 'off' | 'on' = 'off'\n\n /**\n * Define o valor mínimo para campos de entrada numéricos.\n */\n @Prop({ reflect: true }) readonly min: number\n\n /**\n * Define o valor máximo para campos de entrada numéricos.\n */\n @Prop({ reflect: true }) readonly max: number\n\n /**\n * Define o comprimento mínimo do valor do campo de entrada.\n */\n @Prop({ reflect: true }) readonly minlength: number\n\n /**\n * Define o comprimento máximo do valor do campo de entrada.\n */\n @Prop({ reflect: true }) readonly maxlength: number\n\n /**\n * Se verdadeiro, permite a seleção de múltiplos arquivos.\n */\n @Prop({ reflect: true }) readonly multiple: boolean = false\n\n /**\n * Define o padrão de entrada para validação.\n */\n @Prop({ reflect: true }) readonly pattern: string\n\n /**\n * Define o valor do passo para campos de entrada numéricos.\n */\n @Prop({ reflect: true }) readonly step: number\n\n @State() isPasswordVisible: boolean = false\n\n @State() internalState: 'info' | 'warning' | 'danger' | 'success' = 'info'\n\n @State() hasIconSlot: boolean = false\n\n @State() hasActionSlot: boolean = false\n\n @State() hasFeedbackSlot: boolean = false\n\n componentWillLoad() {\n this.hasIconSlot = this.hasSlotContent('icon')\n this.hasActionSlot = this.hasSlotContent('action')\n this.hasFeedbackSlot = this.hasSlotContent('feedback')\n this.internalState = this.state\n\n if (this.hasFeedbackSlot) {\n this.initializeStateWithFeedback()\n }\n }\n\n componentDidLoad() {\n if (this.hasFeedbackSlot) {\n this.setupSlotFeedbackListener()\n }\n }\n\n private initializeStateWithFeedback() {\n const initialMessageElement = this.el.querySelector('br-message')\n\n if (initialMessageElement) {\n const messageState = initialMessageElement.getAttribute('state')\n this.internalState = (messageState as 'info' | 'warning' | 'danger' | 'success') || this.state\n } else {\n this.internalState = this.state\n }\n }\n\n private setupSlotFeedbackListener() {\n const slot = this.el.shadowRoot?.querySelector('slot[name=\"feedback\"]')\n if (slot) {\n slot.addEventListener('slotchange', () => {\n this.syncStateWithSlotFeedback()\n })\n }\n }\n\n private syncStateWithSlotFeedback() {\n const messageElement = this.el.querySelector('br-message')\n\n if (messageElement) {\n this.internalState = messageElement.getAttribute('state') as 'info' | 'warning' | 'danger' | 'success'\n } else {\n this.internalState = this.state\n }\n }\n\n private getInputCssClassMap(): CssClassMap {\n return {\n 'br-input': true,\n 'input-button': this.hasActionSlot,\n small: this.density === 'small',\n large: this.density === 'large',\n medium: this.density === 'medium',\n 'input-inline': this.isInline,\n 'input-highlight': this.isHighlight,\n success: this.internalState === 'success',\n danger: this.internalState === 'danger',\n info: this.internalState === 'info',\n warning: this.internalState === 'warning',\n }\n }\n\n /**\n * Valor atualizado do input\n */\n @Event() valueChange: EventEmitter<string>\n\n private readonly handleInput = (event: Event) => {\n this.value = (event.target as HTMLInputElement).value\n this.valueChange.emit(this.value)\n }\n\n private readonly renderLabel = () => {\n if (this.label?.length > 0) {\n if (this.isInline) {\n return (\n <div class=\"input-label\">\n <label class=\"text-nowrap\" htmlFor={this.customId}>\n {this.label}\n </label>\n </div>\n )\n } else {\n return <label htmlFor={this.customId}>{this.label}</label>\n }\n }\n }\n\n private hasSlotContent(slotName: string): boolean {\n return this.el.querySelector(`[slot=\"${slotName}\"]`) !== null\n }\n\n private readonly renderInput = () => {\n return (\n <input\n class={this.isHighlight ? 'input-highlight' : null}\n id={this.customId}\n autocomplete={this.autocomplete}\n disabled={this.disabled}\n autoCorrect={this.autocorrect}\n min={this.min}\n max={this.max}\n minLength={this.minlength}\n maxLength={this.maxlength}\n multiple={this.multiple}\n name={this.name}\n pattern={this.pattern}\n step={this.step}\n onInput={this.handleInput}\n placeholder={this.placeholder}\n readonly={this.readonly}\n required={this.required}\n title={this.el.title}\n type={this.type}\n value={this.value}\n />\n )\n }\n\n private readonly renderHelpText = () => {\n return this.helpText?.length > 0 ? <p>{this.helpText}</p> : <slot name=\"help-text\"></slot>\n }\n\n private readonly renderIconPassword = () => {\n const iconName = this.isPasswordVisible ? 'fa-solid:eye-slash' : 'fa-solid:eye'\n return <br-icon icon-name={iconName}></br-icon>\n }\n\n private readonly togglePasswordVisibility = () => {\n const input = this.el.shadowRoot.querySelector('input')\n this.isPasswordVisible = !this.isPasswordVisible\n input.type = this.isPasswordVisible ? 'text' : 'password'\n }\n\n private renderIconSlot() {\n if (this.hasSlotContent('icon')) {\n return (\n <div class=\"input-icon\">\n <slot name=\"icon\"></slot>\n </div>\n )\n }\n }\n\n private renderButton() {\n if (this.type === 'password') {\n return (\n <br-button\n class=\"button-transform\"\n shape=\"circle\"\n density=\"small\"\n aria-label=\"botão de ação do ícone\"\n onClick={this.togglePasswordVisibility}\n >\n {this.renderIconPassword()}\n </br-button>\n )\n } else if (this.hasSlotContent('action')) {\n return (\n <br-button class=\"button-transform\" shape=\"circle\" density=\"small\" aria-label=\"botão de ação do ícone\">\n <slot name=\"action\"></slot>\n </br-button>\n )\n }\n return null\n }\n\n private readonly renderInlineInputContent = () => {\n if (this.hasIconSlot) {\n return <div class=\"input-content\">{this.renderInputWithIcon()}</div>\n } else {\n return <div class=\"input-content\">{this.renderInputWithoutIcon()}</div>\n }\n }\n\n private readonly renderInputContent = () => {\n return this.hasIconSlot ? this.renderInputWithIcon() : this.renderInputWithoutIcon()\n }\n\n private readonly renderInputWithIcon = () => {\n return (\n <div class=\"input-group\">\n {this.renderIconSlot()}\n {this.renderInput()}\n {this.renderButton()}\n {this.renderHelpText()}\n </div>\n )\n }\n\n private readonly renderInputWithoutIcon = () => {\n return [this.renderInput(), this.renderButton(), this.renderHelpText()]\n }\n\n private renderFeedback() {\n if (this.hasFeedbackSlot) {\n return <slot name=\"feedback\"></slot>\n }\n }\n\n render() {\n return (\n <Host>\n <div class={this.getInputCssClassMap()}>\n {this.renderLabel()}\n\n {this.isInline ? this.renderInlineInputContent() : this.renderInputContent()}\n\n {this.renderFeedback()}\n </div>\n </Host>\n )\n }\n}\n\nlet inputId = 0\n","@import \"~@govbr-ds/core/src/components/radio/radio\";\n@include radio-checked;\n\n:host {\n display: block;\n\n .br-radio.hidden-label {\n label {\n padding-left: calc(var(--checkbox-size) + var(--surface-width-md) * 2);\n text-indent: -10000px;\n white-space: nowrap;\n width: 0;\n }\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/radio?tab=designer).\n *\n * @slot default - O texto descritivo pode ser passado por propriedade (label) ou por slot.\n */\n\n@Component({\n tag: 'br-radio',\n styleUrl: 'radio.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Radio {\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: HTMLBrRadioElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Define o estado de seleção do radio.\n * Se definido como verdadeiro, o radio estará marcado. Caso contrário, estará desmarcado.\n */\n @Prop({ reflect: true, mutable: true }) checked: boolean = false\n\n /**\n * Desativa o radio, tornando-o não interativo.\n */\n @Prop({ reflect: true }) readonly disabled: boolean = false\n\n /**\n * Indica a validade do radio.\n * Valores possíveis:\n * - 'valid': O radio é considerado válido.\n * - 'invalid': O radio é considerado inválido.\n * Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.\n */\n @Prop({ reflect: true }) readonly state: 'valid' | 'invalid'\n\n /**\n * Define se o label associado ao radio deve ser oculto.\n * Se definido como verdadeiro, o texto do label será oculto, mas o radio ainda estará visível e funcional.\n */\n @Prop({ reflect: true, attribute: 'has-hidden-label' }) readonly hasHiddenLabel: 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-radio-${radioId++}`\n\n /**\n * Define o nome do radio, que é utilizado para agrupar radios em formulários e identificar o campo.\n * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.\n */\n\n @Prop({ reflect: true }) readonly name!: string\n\n /**\n * Texto descritivo exibido à direita do radio.\n * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.\n */\n @Prop({ reflect: true }) readonly label: string\n\n /**\n * Define o valor associado ao radio quando ele faz parte de um formulário nativo (`<form>`).\n * Esse valor é enviado com o formulário quando o radio está selecionado.\n * **Nota:** Esta propriedade não deve ser utilizada para determinar se o radio está selecionado; para verificar o estado de seleção, use a propriedade `checked`.\n */\n @Prop({ reflect: true }) readonly value: string\n\n /**\n * Disparado depois que o valor do `checked` foi alterado\n */\n @Event({ bubbles: true, composed: true }) checkedChange: EventEmitter<boolean>\n\n @Listen('checkedChange', { target: 'window' })\n handleCheckedChange(event: CustomEvent) {\n if (\n (event.target as HTMLBrRadioElement).customId !== this.customId &&\n (event.target as HTMLBrRadioElement).name === this.name\n ) {\n this.checked = false\n }\n }\n\n /**\n * Navega e seleciona o próximo/anterior rádio habilitado no grupo via teclas de seta.\n * Ativado por 'keydown', move a seleção entre rádios do mesmo 'name'\n * usando as setas, partindo do rádio atualmente checado.\n * @param {KeyboardEvent} event O evento de teclado.\n * @listens keydown\n */\n @Listen('keydown')\n handleKeyDown(event: KeyboardEvent) {\n if (this.disabled || !this.checked) return\n\n const isArrowKey = ['ArrowRight', 'ArrowDown', 'ArrowLeft', 'ArrowUp'].includes(event.key)\n if (!isArrowKey) return\n\n event.preventDefault()\n\n const radios = Array.from(document.querySelectorAll<HTMLBrRadioElement>('br-radio')).filter(\n (el: HTMLBrRadioElement) => el.name === this.name && !el.disabled\n )\n\n const currentIndex = radios.findIndex((radio: HTMLBrRadioElement) => radio.customId === this.customId)\n if (currentIndex === -1) return\n\n let nextIndex = currentIndex\n if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {\n nextIndex = (currentIndex + 1) % radios.length\n } else if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {\n nextIndex = (currentIndex - 1 + radios.length) % radios.length\n }\n\n const nextRadio: HTMLBrRadioElement | undefined = radios[nextIndex]\n nextRadio?.toggleChecked?.()\n nextRadio?.shadowRoot?.querySelector('input')?.focus()\n }\n\n /**\n * Inverte o valor da prop `checked`\n */\n @Method()\n async toggleChecked() {\n this.checked = !this.checked\n this.checkedChange.emit(this.checked)\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-radio': true,\n valid: this.state === 'valid',\n invalid: this.state === 'invalid',\n disabled: this.disabled,\n 'hidden-label': this.hasHiddenLabel,\n }\n }\n\n /**\n * Handler para o event `click`\n * @param event Objeto Event\n */\n private readonly onClick = (event: MouseEvent) => {\n event.stopPropagation()\n this.checked = (event.target as HTMLInputElement).checked\n }\n\n /**\n * Handler para o evento `change`\n */\n private readonly onChange = () => {\n this.checkedChange.emit(this.checked)\n }\n\n render() {\n return (\n <Host aria-disabled={this.disabled ? 'true' : null}>\n <div class={this.getCssClassMap()}>\n <input\n part=\"radio-input\"\n aria-label={this.hasHiddenLabel && this.label ? this.label : null}\n type=\"radio\"\n id={this.customId}\n name={this.name}\n checked={this.checked}\n disabled={this.disabled}\n value={this.value}\n onClick={this.onClick}\n onChange={this.onChange}\n />\n <label part=\"radio-label\" htmlFor={this.customId}>\n <slot>{this.label}</slot>\n </label>\n </div>\n </Host>\n )\n }\n}\n\nlet radioId = 0\n"],"version":3}
|
|
1
|
+
{"file":"br-input.br-radio.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["../../packages/webcomponents/src/components/input/input.scss?tag=br-input&encapsulation=shadow","../../packages/webcomponents/src/components/input/input.tsx","../../packages/webcomponents/src/components/radio/radio.scss?tag=br-radio&encapsulation=shadow","../../packages/webcomponents/src/components/radio/radio.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/input/input\";\n\n:host {\n display: block;\n\n .br-input .input-icon {\n margin: 0 var(--spacing-scale-2x);\n }\n\n .br-input .input-icon + input {\n padding-left: var(--spacing-scale-6x);\n }\n}\n\n.br-input {\n br-button {\n float: right;\n margin-right: var(--input-button-margin);\n margin-top: calc((var(--input-size) + var(--spacing-scale-half)) * -1);\n padding: 0;\n position: relative;\n\n &.button-transform {\n transform: translateY(calc((var(--input-size) - 32px) * 0.5));\n }\n }\n\n .input-label {\n margin-top: 0 !important;\n }\n\n &.input-inline {\n display: flex;\n align-items: center;\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n *\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/input?tab=designer).\n *\n * @slot action - Botão à direita do input.\n * @slot icon - Ícone à esquerda do input.\n * @slot help-text - Personalização do texto de ajuda.\n * @slot feedback - Mensagem de feedback como resposta específica a uma interação do usuário com o input. Pode ser feedback de erro, aviso, sucesso ou informação.\n */\n@Component({\n tag: 'br-input',\n styleUrl: 'input.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Input {\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: HTMLBrInputElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Especifica o tipo de entrada do campo. Pode ser um dos seguintes:\n * - 'color': Seletor de cor\n * - 'email': Campo para e-mail\n * - 'hidden': Campo oculto\n * - 'password': Campo para senha\n * - 'range': Controle deslizante\n * - 'search': Campo de pesquisa\n * - 'number': Campo para números\n * - 'tel': Campo para números de telefone\n * - 'text': Campo de texto padrão\n * - 'url': Campo para URLs\n */\n @Prop({ reflect: true }) readonly type:\n | 'color'\n | 'email'\n | 'hidden'\n | 'password'\n | 'range'\n | 'search'\n | 'number'\n | 'tel'\n | 'text'\n | 'file'\n | 'url' = 'text'\n\n /**\n * Controla o comportamento de preenchimento automático do navegador para o input.\n */\n @Prop({ reflect: true }) readonly autocomplete: 'on' | 'off'\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 /**\n * Desativa o input, tornando-o não interativo.\n */\n @Prop({ reflect: true }) readonly disabled: boolean = false\n\n /**\n * Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).\n */\n @Prop({ reflect: true }) readonly isInline: boolean = false\n\n /**\n * Se verdadeiro, o input terá destaque visual.\n */\n @Prop({ reflect: true }) readonly isHighlight: boolean = false\n\n /**\n * Define o estado do input\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 }) readonly state: 'info' | 'warning' | 'danger' | 'success'\n\n /**\n * Texto exibido como rótulo do input.\n */\n @Prop({ reflect: true }) readonly label: string\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-input-${inputId++}`\n\n /**\n * Nome do input, utilizado para identificação em formulários.\n */\n @Prop({ reflect: true }) readonly name: string\n\n /**\n * Texto exibido dentro do input quando está vazio, fornecendo uma dica ou sugestão ao usuário.\n */\n @Prop({ reflect: true }) readonly placeholder: string\n\n /**\n * Se verdadeiro, o valor do input é exibido, mas não pode ser editado pelo usuário.\n */\n @Prop({ reflect: true }) readonly readonly: boolean = false\n\n /**\n * Se verdadeiro, o input é obrigatório e deve ser preenchido antes que o formulário possa ser enviado.\n */\n @Prop({ reflect: true }) readonly required: boolean = false\n\n /**\n * Valor exibido no input.\n * Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.\n */\n @Prop({ reflect: true, mutable: true }) value: string\n\n /**\n * Texto adicional que fornece ajuda ou informações sobre o input.\n */\n @Prop({ reflect: true }) readonly helpText: string\n\n /**\n * Controla a correção automática do texto.\n */\n @Prop({ reflect: true }) readonly autocorrect: 'off' | 'on' = 'off'\n\n /**\n * Define o valor mínimo para campos de entrada numéricos.\n */\n @Prop({ reflect: true }) readonly min: number\n\n /**\n * Define o valor máximo para campos de entrada numéricos.\n */\n @Prop({ reflect: true }) readonly max: number\n\n /**\n * Define o comprimento mínimo do valor do campo de entrada.\n */\n @Prop({ reflect: true }) readonly minlength: number\n\n /**\n * Define o comprimento máximo do valor do campo de entrada.\n */\n @Prop({ reflect: true }) readonly maxlength: number\n\n /**\n * Se verdadeiro, permite a seleção de múltiplos arquivos.\n */\n @Prop({ reflect: true }) readonly multiple: boolean = false\n\n /**\n * Define o padrão de entrada para validação.\n */\n @Prop({ reflect: true }) readonly pattern: string\n\n /**\n * Define o valor do passo para campos de entrada numéricos.\n */\n @Prop({ reflect: true }) readonly step: number\n\n /**\n * Texto exibido no botão de ação à direita do input.\n */\n @Prop({ reflect: true }) readonly actionLabel: string\n\n @State() isPasswordVisible: boolean = false\n\n @State() internalState: 'info' | 'warning' | 'danger' | 'success' = 'info'\n\n @State() hasIconSlot: boolean = false\n\n @State() hasActionSlot: boolean = false\n\n @State() hasFeedbackSlot: boolean = false\n\n componentWillLoad() {\n this.hasIconSlot = this.hasSlotContent('icon')\n this.hasActionSlot = this.hasSlotContent('action')\n this.hasFeedbackSlot = this.hasSlotContent('feedback')\n this.internalState = this.state\n\n if (this.hasFeedbackSlot) {\n this.initializeStateWithFeedback()\n }\n }\n\n componentDidLoad() {\n if (this.hasFeedbackSlot) {\n this.setupSlotFeedbackListener()\n }\n }\n\n private initializeStateWithFeedback() {\n const initialMessageElement = this.el.querySelector('br-message')\n\n if (initialMessageElement) {\n const messageState = initialMessageElement.getAttribute('state')\n this.internalState = (messageState as 'info' | 'warning' | 'danger' | 'success') || this.state\n } else {\n this.internalState = this.state\n }\n }\n\n private setupSlotFeedbackListener() {\n const slot = this.el.shadowRoot?.querySelector('slot[name=\"feedback\"]')\n if (slot) {\n slot.addEventListener('slotchange', () => {\n this.syncStateWithSlotFeedback()\n })\n }\n }\n\n private syncStateWithSlotFeedback() {\n const messageElement = this.el.querySelector('br-message')\n\n if (messageElement) {\n this.internalState = messageElement.getAttribute('state') as 'info' | 'warning' | 'danger' | 'success'\n } else {\n this.internalState = this.state\n }\n }\n\n private getInputCssClassMap(): CssClassMap {\n return {\n 'br-input': true,\n 'input-button': this.hasActionSlot,\n small: this.density === 'small',\n large: this.density === 'large',\n medium: this.density === 'medium',\n 'input-inline': this.isInline,\n 'input-highlight': this.isHighlight,\n success: this.internalState === 'success',\n danger: this.internalState === 'danger',\n info: this.internalState === 'info',\n warning: this.internalState === 'warning',\n }\n }\n\n /**\n * Valor atualizado do input\n */\n @Event() valueChange: EventEmitter<string>\n\n private readonly handleInput = (event: Event) => {\n this.value = (event.target as HTMLInputElement).value\n this.valueChange.emit(this.value)\n }\n\n private readonly renderLabel = () => {\n if (this.label?.length > 0) {\n if (this.isInline) {\n return (\n <div class=\"input-label\">\n <label class=\"text-nowrap\" htmlFor={this.customId}>\n {this.label}\n </label>\n </div>\n )\n } else {\n return <label htmlFor={this.customId}>{this.label}</label>\n }\n }\n }\n\n private hasSlotContent(slotName: string): boolean {\n return this.el.querySelector(`[slot=\"${slotName}\"]`) !== null\n }\n\n private readonly renderInput = () => {\n return (\n <input\n class={this.isHighlight ? 'input-highlight' : null}\n id={this.customId}\n autocomplete={this.autocomplete}\n disabled={this.disabled}\n autoCorrect={this.autocorrect}\n min={this.min}\n max={this.max}\n minLength={this.minlength}\n maxLength={this.maxlength}\n multiple={this.multiple}\n name={this.name}\n pattern={this.pattern}\n step={this.step}\n onInput={this.handleInput}\n placeholder={this.placeholder}\n readonly={this.readonly}\n required={this.required}\n title={this.el.title}\n type={this.type}\n value={this.value}\n />\n )\n }\n\n private readonly renderHelpText = () => {\n return this.helpText?.length > 0 ? <p>{this.helpText}</p> : <slot name=\"help-text\"></slot>\n }\n\n private readonly renderIconPassword = () => {\n const iconName = this.isPasswordVisible ? 'fa-solid:eye-slash' : 'fa-solid:eye'\n return <br-icon icon-name={iconName}></br-icon>\n }\n\n private readonly togglePasswordVisibility = () => {\n const input = this.el.shadowRoot.querySelector('input')\n this.isPasswordVisible = !this.isPasswordVisible\n input.type = this.isPasswordVisible ? 'text' : 'password'\n }\n\n private renderIconSlot() {\n if (this.hasSlotContent('icon')) {\n return (\n <div class=\"input-icon\">\n <slot name=\"icon\"></slot>\n </div>\n )\n }\n }\n\n private renderButton() {\n if (this.type === 'password') {\n return (\n <br-button\n class=\"button-transform\"\n shape=\"circle\"\n density=\"small\"\n aria-label={this.isPasswordVisible ? 'Esconder senha' : 'Mostrar senha'}\n aria-pressed={this.isPasswordVisible ? 'true' : 'false'}\n onClick={this.togglePasswordVisibility}\n >\n {this.renderIconPassword()}\n </br-button>\n )\n } else if (this.hasSlotContent('action')) {\n return (\n <br-button class=\"button-transform\" shape=\"circle\" density=\"small\" aria-label={this.actionLabel}>\n <slot name=\"action\"></slot>\n </br-button>\n )\n }\n return null\n }\n\n private readonly renderInlineInputContent = () => {\n if (this.hasIconSlot) {\n return <div class=\"input-content\">{this.renderInputWithIcon()}</div>\n } else {\n return <div class=\"input-content\">{this.renderInputWithoutIcon()}</div>\n }\n }\n\n private readonly renderInputContent = () => {\n return this.hasIconSlot ? this.renderInputWithIcon() : this.renderInputWithoutIcon()\n }\n\n private readonly renderInputWithIcon = () => {\n return (\n <div class=\"input-group\">\n {this.renderIconSlot()}\n {this.renderInput()}\n {this.renderButton()}\n {this.renderHelpText()}\n </div>\n )\n }\n\n private readonly renderInputWithoutIcon = () => {\n return [this.renderInput(), this.renderButton(), this.renderHelpText()]\n }\n\n private renderFeedback() {\n if (this.hasFeedbackSlot) {\n return <slot name=\"feedback\"></slot>\n }\n }\n\n render() {\n return (\n <Host>\n <div class={this.getInputCssClassMap()}>\n {this.renderLabel()}\n\n {this.isInline ? this.renderInlineInputContent() : this.renderInputContent()}\n\n {this.renderFeedback()}\n </div>\n </Host>\n )\n }\n}\n\nlet inputId = 0\n","@import \"~@govbr-ds/core/src/components/radio/radio\";\n@include radio-checked;\n\n:host {\n display: block;\n\n .br-radio.hidden-label {\n label {\n padding-left: calc(var(--checkbox-size) + var(--surface-width-md) * 2);\n text-indent: -10000px;\n white-space: nowrap;\n width: 0;\n }\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/radio?tab=designer).\n *\n * @slot default - O texto descritivo pode ser passado por propriedade (label) ou por slot.\n */\n\n@Component({\n tag: 'br-radio',\n styleUrl: 'radio.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Radio {\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: HTMLBrRadioElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Define o estado de seleção do radio.\n * Se definido como verdadeiro, o radio estará marcado. Caso contrário, estará desmarcado.\n */\n @Prop({ reflect: true, mutable: true }) checked: boolean = false\n\n /**\n * Desativa o radio, tornando-o não interativo.\n */\n @Prop({ reflect: true }) readonly disabled: boolean = false\n\n /**\n * Indica a validade do radio.\n * Valores possíveis:\n * - 'valid': O radio é considerado válido.\n * - 'invalid': O radio é considerado inválido.\n * Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.\n */\n @Prop({ reflect: true }) readonly state: 'valid' | 'invalid'\n\n /**\n * Define se o label associado ao radio deve ser oculto.\n * Se definido como verdadeiro, o texto do label será oculto, mas o radio ainda estará visível e funcional.\n */\n @Prop({ reflect: true, attribute: 'has-hidden-label' }) readonly hasHiddenLabel: 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-radio-${radioId++}`\n\n /**\n * Define o nome do radio, que é utilizado para agrupar radios em formulários e identificar o campo.\n * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.\n */\n\n @Prop({ reflect: true }) readonly name!: string\n\n /**\n * Texto descritivo exibido à direita do radio.\n * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.\n */\n @Prop({ reflect: true }) readonly label: string\n\n /**\n * Define o valor associado ao radio quando ele faz parte de um formulário nativo (`<form>`).\n * Esse valor é enviado com o formulário quando o radio está selecionado.\n * **Nota:** Esta propriedade não deve ser utilizada para determinar se o radio está selecionado; para verificar o estado de seleção, use a propriedade `checked`.\n */\n @Prop({ reflect: true }) readonly value: string\n\n /**\n * Disparado depois que o valor do `checked` foi alterado\n */\n @Event({ bubbles: true, composed: true }) checkedChange: EventEmitter<boolean>\n\n @Listen('checkedChange', { target: 'window' })\n handleCheckedChange(event: CustomEvent) {\n if (\n (event.target as HTMLBrRadioElement).customId !== this.customId &&\n (event.target as HTMLBrRadioElement).name === this.name\n ) {\n this.checked = false\n }\n }\n\n /**\n * Navega e seleciona o próximo/anterior rádio habilitado no grupo via teclas de seta.\n * Ativado por 'keydown', move a seleção entre rádios do mesmo 'name'\n * usando as setas, partindo do rádio atualmente checado.\n * @param {KeyboardEvent} event O evento de teclado.\n * @listens keydown\n */\n @Listen('keydown')\n handleKeyDown(event: KeyboardEvent) {\n if (this.disabled || !this.checked) return\n\n const isArrowKey = ['ArrowRight', 'ArrowDown', 'ArrowLeft', 'ArrowUp'].includes(event.key)\n if (!isArrowKey) return\n\n event.preventDefault()\n\n const radios = Array.from(document.querySelectorAll<HTMLBrRadioElement>('br-radio')).filter(\n (el: HTMLBrRadioElement) => el.name === this.name && !el.disabled\n )\n\n const currentIndex = radios.findIndex((radio: HTMLBrRadioElement) => radio.customId === this.customId)\n if (currentIndex === -1) return\n\n let nextIndex = currentIndex\n if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {\n nextIndex = (currentIndex + 1) % radios.length\n } else if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {\n nextIndex = (currentIndex - 1 + radios.length) % radios.length\n }\n\n const nextRadio: HTMLBrRadioElement | undefined = radios[nextIndex]\n nextRadio?.toggleChecked?.()\n nextRadio?.shadowRoot?.querySelector('input')?.focus()\n }\n\n /**\n * Inverte o valor da prop `checked`\n */\n @Method()\n async toggleChecked() {\n this.checked = !this.checked\n this.checkedChange.emit(this.checked)\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-radio': true,\n valid: this.state === 'valid',\n invalid: this.state === 'invalid',\n disabled: this.disabled,\n 'hidden-label': this.hasHiddenLabel,\n }\n }\n\n /**\n * Handler para o event `click`\n * @param event Objeto Event\n */\n private readonly onClick = (event: MouseEvent) => {\n event.stopPropagation()\n this.checked = (event.target as HTMLInputElement).checked\n }\n\n /**\n * Handler para o evento `change`\n */\n private readonly onChange = () => {\n this.checkedChange.emit(this.checked)\n }\n\n render() {\n return (\n <Host aria-disabled={this.disabled ? 'true' : null}>\n <div class={this.getCssClassMap()}>\n <input\n part=\"radio-input\"\n aria-label={this.hasHiddenLabel && this.label ? this.label : null}\n type=\"radio\"\n id={this.customId}\n name={this.name}\n checked={this.checked}\n disabled={this.disabled}\n value={this.value}\n onClick={this.onClick}\n onChange={this.onChange}\n />\n <label part=\"radio-label\" htmlFor={this.customId}>\n <slot>{this.label}</slot>\n </label>\n </div>\n </Host>\n )\n }\n}\n\nlet radioId = 0\n"],"version":3}
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -10,7 +10,7 @@ var appGlobals = require('./app-globals-DcqHuMBv.js');
|
|
|
10
10
|
const defineCustomElements = async (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return undefined;
|
|
12
12
|
await appGlobals.globalScripts();
|
|
13
|
-
return index.bootstrapLazy([["br-select.cjs",[[65,"br-select",{"label":[513],"placeholder":[513],"isMultiple":[516,"is-multiple"],"options":[513],"selectAllLabel":[513,"select-all-label"],"unselectAllLabel":[513,"unselect-all-label"],"showSearchIcon":[516,"show-search-icon"],"isOpen":[516,"is-open"],"customId":[513,"custom-id"],"parsedOptions":[32],"inputValue":[32],"isAllSelected":[32],"isExpanded":[32],"focusedIndex":[32],"toggleOpen":[64]},null,{"options":["synchronizeSelect"]}]]],["br-breadcrumb.cjs",[[1,"br-breadcrumb",{"customId":[513,"custom-id"],"homeUrl":[1,"home-url"],"crumbs":[1],"showTooltip":[32],"tooltipPosition":[32],"tooltipText":[32],"isSmallScreen":[32],"isTruncate":[32],"larguraInterna":[32],"larguraPai":[32],"isFolderOpen":[32]}]]],["br-footer-category.cjs",[[1,"br-footer-category",{"customId":[513,"custom-id"],"label":[513],"isDesktop":[32],"accordionGroup":[32]}]]],["br-footer-social.cjs",[[1,"br-footer-social",{"customId":[513,"custom-id"],"icon":[513],"description":[513],"href":[513]}]]],["br-message.cjs",[[65,"br-message",{"messageTitle":[513,"message-title"],"customId":[513,"custom-id"],"message":[513],"isInline":[516,"is-inline"],"isClosable":[516,"is-closable"],"autoRemove":[516,"auto-remove"],"showIcon":[516,"show-icon"],"isFeedback":[516,"is-feedback"],"state":[513]}]]],["br-step-item.cjs",[[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"]}]]],["br-tag.cjs",[[65,"br-tag",{"label":[513],"iconName":[513,"icon-name"],"name":[513],"multiple":[516],"selected":[1540],"customId":[513,"custom-id"],"color":[513],"density":[513],"shape":[513],"status":[516],"interaction":[1540],"interactionSelect":[516,"interaction-select"],"disabled":[516],"selectedClassValue":[32]},[[4,"radioSelected","handleCheckedChange"]],{"interaction":["handleInteractionChange"],"interactionSelect":["handleInteractionSelectChange"],"selected":["handleSelectedChange"]}]]],["br-upload.cjs",[[65,"br-upload",{"accept":[1],"label":[1],"disabled":[516],"state":[513],"multiple":[4],"filesSelected":[32],"file":[32]}]]],["br-avatar.cjs",[[1,"br-avatar",{"density":[1025],"customId":[513,"custom-id"],"src":[1],"alt":[1],"isIconic":[4,"is-iconic"],"text":[1],"iconWidth":[1,"icon-width"],"iconHeight":[1,"icon-height"],"iconMarginTop":[1,"icon-margin-top"],"disabled":[4],"hasError":[32]},null,{"density":["handleDensityChange"]}]]],["br-checkgroup.cjs",[[65,"br-checkgroup",{"label":[1],"labelSelecionado":[513,"label-selecionado"],"labelDesselecionado":[513,"label-desselecionado"],"indeterminate":[516],"customId":[513,"custom-id"],"checked":[32],"isIndeterminate":[32]},[[4,"checkedChange","handleChange"]]]]],["br-footer-item.cjs",[[1,"br-footer-item",{"customId":[513,"custom-id"],"href":[513]}]]],["br-footer-legal.cjs",[[1,"br-footer-legal",{"customId":[513,"custom-id"]}]]],["br-tab-item.cjs",[[65,"br-tab-item",{"TabItemId":[513,"tab-item-id"],"icon":[513],"tabItemTitle":[513,"tab-item-title"],"onlyIcon":[516,"only-icon"],"isActive":[516,"is-active"],"counter":[513],"colorMode":[513,"color-mode"]}]]],["br-dropdown.cjs",[[65,"br-dropdown",{"isOpen":[1540,"is-open"],"customId":[513,"custom-id"],"open":[64],"hide":[64]},null,{"isOpen":["isOpenChanged"]}]]],["br-footer.cjs",[[1,"br-footer",{"customId":[513,"custom-id"],"theme":[513],"socialNetworkTitle":[513,"social-network-title"]}]]],["br-footer-logo.cjs",[[1,"br-footer-logo",{"customId":[513,"custom-id"],"src":[513],"description":[513],"position":[513],"isPartner":[516,"is-partner"]}]]],["br-loading.cjs",[[65,"br-loading",{"isProgress":[516,"is-progress"],"customId":[513,"custom-id"],"progressPercent":[514,"progress-percent"],"isMedium":[516,"is-medium"],"label":[513]}]]],["br-scrim.cjs",[[65,"br-scrim",{"customId":[513,"custom-id"],"isOpen":[516,"is-open"],"positionContent":[1,"position-content"],"disableCloseOnClick":[4,"disable-close-on-click"],"zIndex":[2,"z-index"],"customBackground":[1,"custom-background"],"customOpacity":[2,"custom-opacity"],"displayMode":[1,"display-mode"],"scrollStrategy":[1,"scroll-strategy"],"scrollThreshold":[2,"scroll-threshold"],"activator":[1],"isActive":[32],"hasActivatorSlot":[32],"setScrollThreshold":[64],"open":[64],"close":[64],"toggle":[64]},null,{"isOpen":["handleOpenChange"],"zIndex":["updateStyles"],"customBackground":["updateStyles"],"customOpacity":["updateStyles"],"activator":["handleActivatorChange"]}]]],["br-step.cjs",[[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"]]]]],["br-switch.cjs",[[65,"br-switch",{"disabled":[516],"checked":[1540],"customId":[513,"custom-id"],"label":[1],"labelPosition":[513,"label-position"],"labelOn":[513,"label-on"],"labelOff":[513,"label-off"],"hasIcon":[516,"has-icon"],"name":[513],"value":[513],"density":[513],"_slotDefault":[32],"toggleChecked":[64]}]]],["br-tab.cjs",[[65,"br-tab",{"density":[513],"colorMode":[513,"color-mode"],"activeTab":[32],"tabItems":[32],"tabContent":[32]},null,{"activeTab":["activeTabChanged"]}]]],["br-table.cjs",[[1,"br-table",{"customId":[513,"custom-id"]}]]],["br-table-cell.cjs",[[1,"br-table-cell",{"customId":[513,"custom-id"],"hasVerticalBorder":[516,"has-vertical-border"],"horizontalAlign":[513,"horizontal-align"]},[[4,"brHorizontalAlignDidChange","handleHorizontalAlignDidChange"]],{"horizontalAlign":["handleHorizontalAlignChange"]}]]],["br-table-header-cell.cjs",[[1,"br-table-header-cell",{"customId":[513,"custom-id"],"hasVerticalBorder":[516,"has-vertical-border"],"horizontalAlign":[513,"horizontal-align"]},null,{"horizontalAlign":["handleHorizontalAlignChange"]}]]],["br-table-header-row.cjs",[[1,"br-table-header-row",{"customId":[513,"custom-id"]}]]],["br-table-row.cjs",[[1,"br-table-row",{"customId":[513,"custom-id"]}]]],["br-textarea.cjs",[[65,"br-textarea",{"value":[1537],"label":[513],"placeholder":[513],"customId":[513,"custom-id"],"disabled":[516],"maxlength":[514],"showCounter":[516,"show-counter"],"state":[513],"density":[513],"isInline":[516,"is-inline"],"currentLength":[32],"setValue":[64]},null,{"value":["valueChanged"]}]]],["br-divider.cjs",[[1,"br-divider",{"customId":[513,"custom-id"],"orientation":[513],"thickness":[513],"borderStyle":[513,"border-style"],"isDarkMode":[516,"is-dark-mode"],"color":[513],"align":[1],"bleed":[4],"slotDefault":[32]},null,{"color":["updateColor"]}]]],["br-button_2.cjs",[[65,"br-button",{"colorMode":[513,"color-mode"],"customId":[513,"custom-id"],"density":[513],"disabled":[516],"emphasis":[513],"isActive":[516,"is-active"],"isLoading":[516,"is-loading"],"shape":[513],"type":[513],"value":[513]}],[1,"br-icon",{"iconName":[513,"icon-name"],"height":[513],"customId":[513,"custom-id"],"width":[513],"cssClasses":[513,"css-classes"],"isInline":[516,"is-inline"],"rotate":[513],"flip":[513]}]]],["br-input_2.cjs",[[65,"br-input",{"type":[513],"autocomplete":[513],"density":[513],"disabled":[516],"isInline":[516,"is-inline"],"isHighlight":[516,"is-highlight"],"state":[513],"label":[513],"customId":[513,"custom-id"],"name":[513],"placeholder":[513],"readonly":[516],"required":[516],"value":[1537],"helpText":[513,"help-text"],"autocorrect":[513],"min":[514],"max":[514],"minlength":[514],"maxlength":[514],"multiple":[516],"pattern":[513],"step":[514],"isPasswordVisible":[32],"internalState":[32],"hasIconSlot":[32],"hasActionSlot":[32],"hasFeedbackSlot":[32]}],[65,"br-radio",{"checked":[1540],"disabled":[516],"state":[513],"hasHiddenLabel":[516,"has-hidden-label"],"customId":[513,"custom-id"],"name":[513],"label":[513],"value":[513],"toggleChecked":[64]},[[8,"checkedChange","handleCheckedChange"],[0,"keydown","handleKeyDown"]]]]],["br-checkbox.cjs",[[65,"br-checkbox",{"indeterminate":[1540],"checked":[1540],"customId":[513,"custom-id"],"disabled":[516],"hasHiddenLabel":[516,"has-hidden-label"],"label":[513],"name":[513],"state":[513],"value":[513],"slotDefault":[32],"setIndeterminate":[64],"toggleChecked":[64]},null,{"indeterminate":["updateIndeterminate"]}]]],["br-item.cjs",[[65,"br-item",{"disabled":[516],"customId":[513,"custom-id"],"isActive":[516,"is-active"],"isSelected":[516,"is-selected"],"isInteractive":[516,"is-interactive"],"href":[513],"target":[513],"isButton":[516,"is-button"],"type":[1537],"value":[513],"density":[513],"hasSlotDefault":[32],"hasSlotStart":[32],"hasSlotEnd":[32],"selectedValue":[32],"setFocus":[64]},[[4,"checkedChange","handleRadioChange"],[4,"checkedChange","handleCheckboxChange"]]]]],["br-collapse_2.cjs",[[65,"br-list",{"header":[513],"isHorizontal":[516,"is-horizontal"],"customId":[513,"custom-id"],"hideHeaderDivider":[516,"hide-header-divider"],"collapse":[516],"accordion":[513]}],[65,"br-collapse",{"customId":[513,"custom-id"],"open":[1540],"accordionGroup":[1,"accordion-group"],"iconToShow":[1,"icon-to-show"],"iconToHide":[1,"icon-to-hide"],"iconPosition":[1,"icon-position"],"openCollapse":[64],"closeCollapse":[64]},[[4,"brDidOpen","handleOpen"]]]]]], options);
|
|
13
|
+
return index.bootstrapLazy([["br-select.cjs",[[65,"br-select",{"label":[513],"placeholder":[513],"isMultiple":[516,"is-multiple"],"options":[513],"selectAllLabel":[513,"select-all-label"],"unselectAllLabel":[513,"unselect-all-label"],"showSearchIcon":[516,"show-search-icon"],"isOpen":[516,"is-open"],"customId":[513,"custom-id"],"parsedOptions":[32],"inputValue":[32],"isAllSelected":[32],"isExpanded":[32],"focusedIndex":[32],"toggleOpen":[64]},null,{"options":["synchronizeSelect"]}]]],["br-breadcrumb.cjs",[[1,"br-breadcrumb",{"customId":[513,"custom-id"],"homeUrl":[1,"home-url"],"crumbs":[1],"showTooltip":[32],"tooltipPosition":[32],"tooltipText":[32],"isSmallScreen":[32],"isTruncate":[32],"larguraInterna":[32],"larguraPai":[32],"isFolderOpen":[32]}]]],["br-footer-category.cjs",[[1,"br-footer-category",{"customId":[513,"custom-id"],"label":[513],"isDesktop":[32],"accordionGroup":[32]}]]],["br-footer-social.cjs",[[1,"br-footer-social",{"customId":[513,"custom-id"],"icon":[513],"description":[513],"href":[513]}]]],["br-message.cjs",[[65,"br-message",{"messageTitle":[513,"message-title"],"customId":[513,"custom-id"],"message":[513],"isInline":[516,"is-inline"],"isClosable":[516,"is-closable"],"autoRemove":[516,"auto-remove"],"showIcon":[516,"show-icon"],"isFeedback":[516,"is-feedback"],"state":[513]}]]],["br-step-item.cjs",[[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"]}]]],["br-tag.cjs",[[65,"br-tag",{"label":[513],"iconName":[513,"icon-name"],"name":[513],"multiple":[516],"selected":[1540],"customId":[513,"custom-id"],"color":[513],"density":[513],"shape":[513],"status":[516],"interaction":[1540],"interactionSelect":[516,"interaction-select"],"disabled":[516],"selectedClassValue":[32]},[[4,"radioSelected","handleCheckedChange"]],{"interaction":["handleInteractionChange"],"interactionSelect":["handleInteractionSelectChange"],"selected":["handleSelectedChange"]}]]],["br-upload.cjs",[[65,"br-upload",{"accept":[1],"label":[1],"disabled":[516],"state":[513],"multiple":[4],"filesSelected":[32],"file":[32]}]]],["br-avatar.cjs",[[1,"br-avatar",{"density":[1025],"customId":[513,"custom-id"],"src":[1],"alt":[1],"isIconic":[4,"is-iconic"],"text":[1],"iconWidth":[1,"icon-width"],"iconHeight":[1,"icon-height"],"iconMarginTop":[1,"icon-margin-top"],"disabled":[4],"hasError":[32]},null,{"density":["handleDensityChange"]}]]],["br-checkgroup.cjs",[[65,"br-checkgroup",{"label":[1],"labelSelecionado":[513,"label-selecionado"],"labelDesselecionado":[513,"label-desselecionado"],"indeterminate":[516],"customId":[513,"custom-id"],"checked":[32],"isIndeterminate":[32]},[[4,"checkedChange","handleChange"]]]]],["br-footer-item.cjs",[[1,"br-footer-item",{"customId":[513,"custom-id"],"href":[513]}]]],["br-footer-legal.cjs",[[1,"br-footer-legal",{"customId":[513,"custom-id"]}]]],["br-tab-item.cjs",[[65,"br-tab-item",{"TabItemId":[513,"tab-item-id"],"icon":[513],"tabItemTitle":[513,"tab-item-title"],"onlyIcon":[516,"only-icon"],"isActive":[516,"is-active"],"counter":[513],"colorMode":[513,"color-mode"]}]]],["br-dropdown.cjs",[[65,"br-dropdown",{"isOpen":[1540,"is-open"],"customId":[513,"custom-id"],"open":[64],"hide":[64]},null,{"isOpen":["isOpenChanged"]}]]],["br-footer.cjs",[[1,"br-footer",{"customId":[513,"custom-id"],"theme":[513],"socialNetworkTitle":[513,"social-network-title"]}]]],["br-footer-logo.cjs",[[1,"br-footer-logo",{"customId":[513,"custom-id"],"src":[513],"description":[513],"position":[513],"isPartner":[516,"is-partner"]}]]],["br-loading.cjs",[[65,"br-loading",{"isProgress":[516,"is-progress"],"customId":[513,"custom-id"],"progressPercent":[514,"progress-percent"],"isMedium":[516,"is-medium"],"label":[513]}]]],["br-scrim.cjs",[[65,"br-scrim",{"customId":[513,"custom-id"],"isOpen":[516,"is-open"],"positionContent":[1,"position-content"],"disableCloseOnClick":[4,"disable-close-on-click"],"zIndex":[2,"z-index"],"customBackground":[1,"custom-background"],"customOpacity":[2,"custom-opacity"],"displayMode":[1,"display-mode"],"scrollStrategy":[1,"scroll-strategy"],"scrollThreshold":[2,"scroll-threshold"],"activator":[1],"isActive":[32],"hasActivatorSlot":[32],"setScrollThreshold":[64],"open":[64],"close":[64],"toggle":[64]},null,{"isOpen":["handleOpenChange"],"zIndex":["updateStyles"],"customBackground":["updateStyles"],"customOpacity":["updateStyles"],"activator":["handleActivatorChange"]}]]],["br-step.cjs",[[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"]]]]],["br-switch.cjs",[[65,"br-switch",{"disabled":[516],"checked":[1540],"customId":[513,"custom-id"],"label":[1],"labelPosition":[513,"label-position"],"labelOn":[513,"label-on"],"labelOff":[513,"label-off"],"hasIcon":[516,"has-icon"],"name":[513],"value":[513],"density":[513],"_slotDefault":[32],"toggleChecked":[64]}]]],["br-tab.cjs",[[65,"br-tab",{"density":[513],"colorMode":[513,"color-mode"],"activeTab":[32],"tabItems":[32],"tabContent":[32]},null,{"activeTab":["activeTabChanged"]}]]],["br-table.cjs",[[1,"br-table",{"customId":[513,"custom-id"]}]]],["br-table-cell.cjs",[[1,"br-table-cell",{"customId":[513,"custom-id"],"hasVerticalBorder":[516,"has-vertical-border"],"horizontalAlign":[513,"horizontal-align"]},[[4,"brHorizontalAlignDidChange","handleHorizontalAlignDidChange"]],{"horizontalAlign":["handleHorizontalAlignChange"]}]]],["br-table-header-cell.cjs",[[1,"br-table-header-cell",{"customId":[513,"custom-id"],"hasVerticalBorder":[516,"has-vertical-border"],"horizontalAlign":[513,"horizontal-align"]},null,{"horizontalAlign":["handleHorizontalAlignChange"]}]]],["br-table-header-row.cjs",[[1,"br-table-header-row",{"customId":[513,"custom-id"]}]]],["br-table-row.cjs",[[1,"br-table-row",{"customId":[513,"custom-id"]}]]],["br-textarea.cjs",[[65,"br-textarea",{"value":[1537],"label":[513],"placeholder":[513],"customId":[513,"custom-id"],"disabled":[516],"maxlength":[514],"showCounter":[516,"show-counter"],"state":[513],"density":[513],"isInline":[516,"is-inline"],"currentLength":[32],"setValue":[64]},null,{"value":["valueChanged"]}]]],["br-divider.cjs",[[1,"br-divider",{"customId":[513,"custom-id"],"orientation":[513],"thickness":[513],"borderStyle":[513,"border-style"],"isDarkMode":[516,"is-dark-mode"],"color":[513],"align":[1],"bleed":[4],"slotDefault":[32]},null,{"color":["updateColor"]}]]],["br-button_2.cjs",[[65,"br-button",{"colorMode":[513,"color-mode"],"customId":[513,"custom-id"],"density":[513],"disabled":[516],"emphasis":[513],"isActive":[516,"is-active"],"isLoading":[516,"is-loading"],"shape":[513],"type":[513],"value":[513],"ariaLabel":[513,"aria-label"],"ariaPressed":[513,"aria-pressed"]}],[1,"br-icon",{"iconName":[513,"icon-name"],"height":[513],"customId":[513,"custom-id"],"width":[513],"cssClasses":[513,"css-classes"],"isInline":[516,"is-inline"],"rotate":[513],"flip":[513]}]]],["br-input_2.cjs",[[65,"br-input",{"type":[513],"autocomplete":[513],"density":[513],"disabled":[516],"isInline":[516,"is-inline"],"isHighlight":[516,"is-highlight"],"state":[513],"label":[513],"customId":[513,"custom-id"],"name":[513],"placeholder":[513],"readonly":[516],"required":[516],"value":[1537],"helpText":[513,"help-text"],"autocorrect":[513],"min":[514],"max":[514],"minlength":[514],"maxlength":[514],"multiple":[516],"pattern":[513],"step":[514],"actionLabel":[513,"action-label"],"isPasswordVisible":[32],"internalState":[32],"hasIconSlot":[32],"hasActionSlot":[32],"hasFeedbackSlot":[32]}],[65,"br-radio",{"checked":[1540],"disabled":[516],"state":[513],"hasHiddenLabel":[516,"has-hidden-label"],"customId":[513,"custom-id"],"name":[513],"label":[513],"value":[513],"toggleChecked":[64]},[[8,"checkedChange","handleCheckedChange"],[0,"keydown","handleKeyDown"]]]]],["br-checkbox.cjs",[[65,"br-checkbox",{"indeterminate":[1540],"checked":[1540],"customId":[513,"custom-id"],"disabled":[516],"hasHiddenLabel":[516,"has-hidden-label"],"label":[513],"name":[513],"state":[513],"value":[513],"slotDefault":[32],"setIndeterminate":[64],"toggleChecked":[64]},null,{"indeterminate":["updateIndeterminate"]}]]],["br-item.cjs",[[65,"br-item",{"disabled":[516],"customId":[513,"custom-id"],"isActive":[516,"is-active"],"isSelected":[516,"is-selected"],"isInteractive":[516,"is-interactive"],"href":[513],"target":[513],"isButton":[516,"is-button"],"type":[1537],"value":[513],"density":[513],"hasSlotDefault":[32],"hasSlotStart":[32],"hasSlotEnd":[32],"selectedValue":[32],"setFocus":[64]},[[4,"checkedChange","handleRadioChange"],[4,"checkedChange","handleCheckboxChange"]]]]],["br-collapse_2.cjs",[[65,"br-list",{"header":[513],"isHorizontal":[516,"is-horizontal"],"customId":[513,"custom-id"],"hideHeaderDivider":[516,"hide-header-divider"],"collapse":[516],"accordion":[513]}],[65,"br-collapse",{"customId":[513,"custom-id"],"open":[1540],"accordionGroup":[1,"accordion-group"],"iconToShow":[1,"icon-to-show"],"iconToHide":[1,"icon-to-hide"],"iconPosition":[1,"icon-position"],"openCollapse":[64],"closeCollapse":[64]},[[4,"brDidOpen","handleOpen"]]]]]], options);
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
exports.setNonce = index.setNonce;
|
|
@@ -44,7 +44,7 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
|
|
|
44
44
|
|
|
45
45
|
patchBrowser().then(async (options) => {
|
|
46
46
|
await appGlobals.globalScripts();
|
|
47
|
-
return index.bootstrapLazy([["br-select.cjs",[[65,"br-select",{"label":[513],"placeholder":[513],"isMultiple":[516,"is-multiple"],"options":[513],"selectAllLabel":[513,"select-all-label"],"unselectAllLabel":[513,"unselect-all-label"],"showSearchIcon":[516,"show-search-icon"],"isOpen":[516,"is-open"],"customId":[513,"custom-id"],"parsedOptions":[32],"inputValue":[32],"isAllSelected":[32],"isExpanded":[32],"focusedIndex":[32],"toggleOpen":[64]},null,{"options":["synchronizeSelect"]}]]],["br-breadcrumb.cjs",[[1,"br-breadcrumb",{"customId":[513,"custom-id"],"homeUrl":[1,"home-url"],"crumbs":[1],"showTooltip":[32],"tooltipPosition":[32],"tooltipText":[32],"isSmallScreen":[32],"isTruncate":[32],"larguraInterna":[32],"larguraPai":[32],"isFolderOpen":[32]}]]],["br-footer-category.cjs",[[1,"br-footer-category",{"customId":[513,"custom-id"],"label":[513],"isDesktop":[32],"accordionGroup":[32]}]]],["br-footer-social.cjs",[[1,"br-footer-social",{"customId":[513,"custom-id"],"icon":[513],"description":[513],"href":[513]}]]],["br-message.cjs",[[65,"br-message",{"messageTitle":[513,"message-title"],"customId":[513,"custom-id"],"message":[513],"isInline":[516,"is-inline"],"isClosable":[516,"is-closable"],"autoRemove":[516,"auto-remove"],"showIcon":[516,"show-icon"],"isFeedback":[516,"is-feedback"],"state":[513]}]]],["br-step-item.cjs",[[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"]}]]],["br-tag.cjs",[[65,"br-tag",{"label":[513],"iconName":[513,"icon-name"],"name":[513],"multiple":[516],"selected":[1540],"customId":[513,"custom-id"],"color":[513],"density":[513],"shape":[513],"status":[516],"interaction":[1540],"interactionSelect":[516,"interaction-select"],"disabled":[516],"selectedClassValue":[32]},[[4,"radioSelected","handleCheckedChange"]],{"interaction":["handleInteractionChange"],"interactionSelect":["handleInteractionSelectChange"],"selected":["handleSelectedChange"]}]]],["br-upload.cjs",[[65,"br-upload",{"accept":[1],"label":[1],"disabled":[516],"state":[513],"multiple":[4],"filesSelected":[32],"file":[32]}]]],["br-avatar.cjs",[[1,"br-avatar",{"density":[1025],"customId":[513,"custom-id"],"src":[1],"alt":[1],"isIconic":[4,"is-iconic"],"text":[1],"iconWidth":[1,"icon-width"],"iconHeight":[1,"icon-height"],"iconMarginTop":[1,"icon-margin-top"],"disabled":[4],"hasError":[32]},null,{"density":["handleDensityChange"]}]]],["br-checkgroup.cjs",[[65,"br-checkgroup",{"label":[1],"labelSelecionado":[513,"label-selecionado"],"labelDesselecionado":[513,"label-desselecionado"],"indeterminate":[516],"customId":[513,"custom-id"],"checked":[32],"isIndeterminate":[32]},[[4,"checkedChange","handleChange"]]]]],["br-footer-item.cjs",[[1,"br-footer-item",{"customId":[513,"custom-id"],"href":[513]}]]],["br-footer-legal.cjs",[[1,"br-footer-legal",{"customId":[513,"custom-id"]}]]],["br-tab-item.cjs",[[65,"br-tab-item",{"TabItemId":[513,"tab-item-id"],"icon":[513],"tabItemTitle":[513,"tab-item-title"],"onlyIcon":[516,"only-icon"],"isActive":[516,"is-active"],"counter":[513],"colorMode":[513,"color-mode"]}]]],["br-dropdown.cjs",[[65,"br-dropdown",{"isOpen":[1540,"is-open"],"customId":[513,"custom-id"],"open":[64],"hide":[64]},null,{"isOpen":["isOpenChanged"]}]]],["br-footer.cjs",[[1,"br-footer",{"customId":[513,"custom-id"],"theme":[513],"socialNetworkTitle":[513,"social-network-title"]}]]],["br-footer-logo.cjs",[[1,"br-footer-logo",{"customId":[513,"custom-id"],"src":[513],"description":[513],"position":[513],"isPartner":[516,"is-partner"]}]]],["br-loading.cjs",[[65,"br-loading",{"isProgress":[516,"is-progress"],"customId":[513,"custom-id"],"progressPercent":[514,"progress-percent"],"isMedium":[516,"is-medium"],"label":[513]}]]],["br-scrim.cjs",[[65,"br-scrim",{"customId":[513,"custom-id"],"isOpen":[516,"is-open"],"positionContent":[1,"position-content"],"disableCloseOnClick":[4,"disable-close-on-click"],"zIndex":[2,"z-index"],"customBackground":[1,"custom-background"],"customOpacity":[2,"custom-opacity"],"displayMode":[1,"display-mode"],"scrollStrategy":[1,"scroll-strategy"],"scrollThreshold":[2,"scroll-threshold"],"activator":[1],"isActive":[32],"hasActivatorSlot":[32],"setScrollThreshold":[64],"open":[64],"close":[64],"toggle":[64]},null,{"isOpen":["handleOpenChange"],"zIndex":["updateStyles"],"customBackground":["updateStyles"],"customOpacity":["updateStyles"],"activator":["handleActivatorChange"]}]]],["br-step.cjs",[[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"]]]]],["br-switch.cjs",[[65,"br-switch",{"disabled":[516],"checked":[1540],"customId":[513,"custom-id"],"label":[1],"labelPosition":[513,"label-position"],"labelOn":[513,"label-on"],"labelOff":[513,"label-off"],"hasIcon":[516,"has-icon"],"name":[513],"value":[513],"density":[513],"_slotDefault":[32],"toggleChecked":[64]}]]],["br-tab.cjs",[[65,"br-tab",{"density":[513],"colorMode":[513,"color-mode"],"activeTab":[32],"tabItems":[32],"tabContent":[32]},null,{"activeTab":["activeTabChanged"]}]]],["br-table.cjs",[[1,"br-table",{"customId":[513,"custom-id"]}]]],["br-table-cell.cjs",[[1,"br-table-cell",{"customId":[513,"custom-id"],"hasVerticalBorder":[516,"has-vertical-border"],"horizontalAlign":[513,"horizontal-align"]},[[4,"brHorizontalAlignDidChange","handleHorizontalAlignDidChange"]],{"horizontalAlign":["handleHorizontalAlignChange"]}]]],["br-table-header-cell.cjs",[[1,"br-table-header-cell",{"customId":[513,"custom-id"],"hasVerticalBorder":[516,"has-vertical-border"],"horizontalAlign":[513,"horizontal-align"]},null,{"horizontalAlign":["handleHorizontalAlignChange"]}]]],["br-table-header-row.cjs",[[1,"br-table-header-row",{"customId":[513,"custom-id"]}]]],["br-table-row.cjs",[[1,"br-table-row",{"customId":[513,"custom-id"]}]]],["br-textarea.cjs",[[65,"br-textarea",{"value":[1537],"label":[513],"placeholder":[513],"customId":[513,"custom-id"],"disabled":[516],"maxlength":[514],"showCounter":[516,"show-counter"],"state":[513],"density":[513],"isInline":[516,"is-inline"],"currentLength":[32],"setValue":[64]},null,{"value":["valueChanged"]}]]],["br-divider.cjs",[[1,"br-divider",{"customId":[513,"custom-id"],"orientation":[513],"thickness":[513],"borderStyle":[513,"border-style"],"isDarkMode":[516,"is-dark-mode"],"color":[513],"align":[1],"bleed":[4],"slotDefault":[32]},null,{"color":["updateColor"]}]]],["br-button_2.cjs",[[65,"br-button",{"colorMode":[513,"color-mode"],"customId":[513,"custom-id"],"density":[513],"disabled":[516],"emphasis":[513],"isActive":[516,"is-active"],"isLoading":[516,"is-loading"],"shape":[513],"type":[513],"value":[513]}],[1,"br-icon",{"iconName":[513,"icon-name"],"height":[513],"customId":[513,"custom-id"],"width":[513],"cssClasses":[513,"css-classes"],"isInline":[516,"is-inline"],"rotate":[513],"flip":[513]}]]],["br-input_2.cjs",[[65,"br-input",{"type":[513],"autocomplete":[513],"density":[513],"disabled":[516],"isInline":[516,"is-inline"],"isHighlight":[516,"is-highlight"],"state":[513],"label":[513],"customId":[513,"custom-id"],"name":[513],"placeholder":[513],"readonly":[516],"required":[516],"value":[1537],"helpText":[513,"help-text"],"autocorrect":[513],"min":[514],"max":[514],"minlength":[514],"maxlength":[514],"multiple":[516],"pattern":[513],"step":[514],"isPasswordVisible":[32],"internalState":[32],"hasIconSlot":[32],"hasActionSlot":[32],"hasFeedbackSlot":[32]}],[65,"br-radio",{"checked":[1540],"disabled":[516],"state":[513],"hasHiddenLabel":[516,"has-hidden-label"],"customId":[513,"custom-id"],"name":[513],"label":[513],"value":[513],"toggleChecked":[64]},[[8,"checkedChange","handleCheckedChange"],[0,"keydown","handleKeyDown"]]]]],["br-checkbox.cjs",[[65,"br-checkbox",{"indeterminate":[1540],"checked":[1540],"customId":[513,"custom-id"],"disabled":[516],"hasHiddenLabel":[516,"has-hidden-label"],"label":[513],"name":[513],"state":[513],"value":[513],"slotDefault":[32],"setIndeterminate":[64],"toggleChecked":[64]},null,{"indeterminate":["updateIndeterminate"]}]]],["br-item.cjs",[[65,"br-item",{"disabled":[516],"customId":[513,"custom-id"],"isActive":[516,"is-active"],"isSelected":[516,"is-selected"],"isInteractive":[516,"is-interactive"],"href":[513],"target":[513],"isButton":[516,"is-button"],"type":[1537],"value":[513],"density":[513],"hasSlotDefault":[32],"hasSlotStart":[32],"hasSlotEnd":[32],"selectedValue":[32],"setFocus":[64]},[[4,"checkedChange","handleRadioChange"],[4,"checkedChange","handleCheckboxChange"]]]]],["br-collapse_2.cjs",[[65,"br-list",{"header":[513],"isHorizontal":[516,"is-horizontal"],"customId":[513,"custom-id"],"hideHeaderDivider":[516,"hide-header-divider"],"collapse":[516],"accordion":[513]}],[65,"br-collapse",{"customId":[513,"custom-id"],"open":[1540],"accordionGroup":[1,"accordion-group"],"iconToShow":[1,"icon-to-show"],"iconToHide":[1,"icon-to-hide"],"iconPosition":[1,"icon-position"],"openCollapse":[64],"closeCollapse":[64]},[[4,"brDidOpen","handleOpen"]]]]]], options);
|
|
47
|
+
return index.bootstrapLazy([["br-select.cjs",[[65,"br-select",{"label":[513],"placeholder":[513],"isMultiple":[516,"is-multiple"],"options":[513],"selectAllLabel":[513,"select-all-label"],"unselectAllLabel":[513,"unselect-all-label"],"showSearchIcon":[516,"show-search-icon"],"isOpen":[516,"is-open"],"customId":[513,"custom-id"],"parsedOptions":[32],"inputValue":[32],"isAllSelected":[32],"isExpanded":[32],"focusedIndex":[32],"toggleOpen":[64]},null,{"options":["synchronizeSelect"]}]]],["br-breadcrumb.cjs",[[1,"br-breadcrumb",{"customId":[513,"custom-id"],"homeUrl":[1,"home-url"],"crumbs":[1],"showTooltip":[32],"tooltipPosition":[32],"tooltipText":[32],"isSmallScreen":[32],"isTruncate":[32],"larguraInterna":[32],"larguraPai":[32],"isFolderOpen":[32]}]]],["br-footer-category.cjs",[[1,"br-footer-category",{"customId":[513,"custom-id"],"label":[513],"isDesktop":[32],"accordionGroup":[32]}]]],["br-footer-social.cjs",[[1,"br-footer-social",{"customId":[513,"custom-id"],"icon":[513],"description":[513],"href":[513]}]]],["br-message.cjs",[[65,"br-message",{"messageTitle":[513,"message-title"],"customId":[513,"custom-id"],"message":[513],"isInline":[516,"is-inline"],"isClosable":[516,"is-closable"],"autoRemove":[516,"auto-remove"],"showIcon":[516,"show-icon"],"isFeedback":[516,"is-feedback"],"state":[513]}]]],["br-step-item.cjs",[[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"]}]]],["br-tag.cjs",[[65,"br-tag",{"label":[513],"iconName":[513,"icon-name"],"name":[513],"multiple":[516],"selected":[1540],"customId":[513,"custom-id"],"color":[513],"density":[513],"shape":[513],"status":[516],"interaction":[1540],"interactionSelect":[516,"interaction-select"],"disabled":[516],"selectedClassValue":[32]},[[4,"radioSelected","handleCheckedChange"]],{"interaction":["handleInteractionChange"],"interactionSelect":["handleInteractionSelectChange"],"selected":["handleSelectedChange"]}]]],["br-upload.cjs",[[65,"br-upload",{"accept":[1],"label":[1],"disabled":[516],"state":[513],"multiple":[4],"filesSelected":[32],"file":[32]}]]],["br-avatar.cjs",[[1,"br-avatar",{"density":[1025],"customId":[513,"custom-id"],"src":[1],"alt":[1],"isIconic":[4,"is-iconic"],"text":[1],"iconWidth":[1,"icon-width"],"iconHeight":[1,"icon-height"],"iconMarginTop":[1,"icon-margin-top"],"disabled":[4],"hasError":[32]},null,{"density":["handleDensityChange"]}]]],["br-checkgroup.cjs",[[65,"br-checkgroup",{"label":[1],"labelSelecionado":[513,"label-selecionado"],"labelDesselecionado":[513,"label-desselecionado"],"indeterminate":[516],"customId":[513,"custom-id"],"checked":[32],"isIndeterminate":[32]},[[4,"checkedChange","handleChange"]]]]],["br-footer-item.cjs",[[1,"br-footer-item",{"customId":[513,"custom-id"],"href":[513]}]]],["br-footer-legal.cjs",[[1,"br-footer-legal",{"customId":[513,"custom-id"]}]]],["br-tab-item.cjs",[[65,"br-tab-item",{"TabItemId":[513,"tab-item-id"],"icon":[513],"tabItemTitle":[513,"tab-item-title"],"onlyIcon":[516,"only-icon"],"isActive":[516,"is-active"],"counter":[513],"colorMode":[513,"color-mode"]}]]],["br-dropdown.cjs",[[65,"br-dropdown",{"isOpen":[1540,"is-open"],"customId":[513,"custom-id"],"open":[64],"hide":[64]},null,{"isOpen":["isOpenChanged"]}]]],["br-footer.cjs",[[1,"br-footer",{"customId":[513,"custom-id"],"theme":[513],"socialNetworkTitle":[513,"social-network-title"]}]]],["br-footer-logo.cjs",[[1,"br-footer-logo",{"customId":[513,"custom-id"],"src":[513],"description":[513],"position":[513],"isPartner":[516,"is-partner"]}]]],["br-loading.cjs",[[65,"br-loading",{"isProgress":[516,"is-progress"],"customId":[513,"custom-id"],"progressPercent":[514,"progress-percent"],"isMedium":[516,"is-medium"],"label":[513]}]]],["br-scrim.cjs",[[65,"br-scrim",{"customId":[513,"custom-id"],"isOpen":[516,"is-open"],"positionContent":[1,"position-content"],"disableCloseOnClick":[4,"disable-close-on-click"],"zIndex":[2,"z-index"],"customBackground":[1,"custom-background"],"customOpacity":[2,"custom-opacity"],"displayMode":[1,"display-mode"],"scrollStrategy":[1,"scroll-strategy"],"scrollThreshold":[2,"scroll-threshold"],"activator":[1],"isActive":[32],"hasActivatorSlot":[32],"setScrollThreshold":[64],"open":[64],"close":[64],"toggle":[64]},null,{"isOpen":["handleOpenChange"],"zIndex":["updateStyles"],"customBackground":["updateStyles"],"customOpacity":["updateStyles"],"activator":["handleActivatorChange"]}]]],["br-step.cjs",[[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"]]]]],["br-switch.cjs",[[65,"br-switch",{"disabled":[516],"checked":[1540],"customId":[513,"custom-id"],"label":[1],"labelPosition":[513,"label-position"],"labelOn":[513,"label-on"],"labelOff":[513,"label-off"],"hasIcon":[516,"has-icon"],"name":[513],"value":[513],"density":[513],"_slotDefault":[32],"toggleChecked":[64]}]]],["br-tab.cjs",[[65,"br-tab",{"density":[513],"colorMode":[513,"color-mode"],"activeTab":[32],"tabItems":[32],"tabContent":[32]},null,{"activeTab":["activeTabChanged"]}]]],["br-table.cjs",[[1,"br-table",{"customId":[513,"custom-id"]}]]],["br-table-cell.cjs",[[1,"br-table-cell",{"customId":[513,"custom-id"],"hasVerticalBorder":[516,"has-vertical-border"],"horizontalAlign":[513,"horizontal-align"]},[[4,"brHorizontalAlignDidChange","handleHorizontalAlignDidChange"]],{"horizontalAlign":["handleHorizontalAlignChange"]}]]],["br-table-header-cell.cjs",[[1,"br-table-header-cell",{"customId":[513,"custom-id"],"hasVerticalBorder":[516,"has-vertical-border"],"horizontalAlign":[513,"horizontal-align"]},null,{"horizontalAlign":["handleHorizontalAlignChange"]}]]],["br-table-header-row.cjs",[[1,"br-table-header-row",{"customId":[513,"custom-id"]}]]],["br-table-row.cjs",[[1,"br-table-row",{"customId":[513,"custom-id"]}]]],["br-textarea.cjs",[[65,"br-textarea",{"value":[1537],"label":[513],"placeholder":[513],"customId":[513,"custom-id"],"disabled":[516],"maxlength":[514],"showCounter":[516,"show-counter"],"state":[513],"density":[513],"isInline":[516,"is-inline"],"currentLength":[32],"setValue":[64]},null,{"value":["valueChanged"]}]]],["br-divider.cjs",[[1,"br-divider",{"customId":[513,"custom-id"],"orientation":[513],"thickness":[513],"borderStyle":[513,"border-style"],"isDarkMode":[516,"is-dark-mode"],"color":[513],"align":[1],"bleed":[4],"slotDefault":[32]},null,{"color":["updateColor"]}]]],["br-button_2.cjs",[[65,"br-button",{"colorMode":[513,"color-mode"],"customId":[513,"custom-id"],"density":[513],"disabled":[516],"emphasis":[513],"isActive":[516,"is-active"],"isLoading":[516,"is-loading"],"shape":[513],"type":[513],"value":[513],"ariaLabel":[513,"aria-label"],"ariaPressed":[513,"aria-pressed"]}],[1,"br-icon",{"iconName":[513,"icon-name"],"height":[513],"customId":[513,"custom-id"],"width":[513],"cssClasses":[513,"css-classes"],"isInline":[516,"is-inline"],"rotate":[513],"flip":[513]}]]],["br-input_2.cjs",[[65,"br-input",{"type":[513],"autocomplete":[513],"density":[513],"disabled":[516],"isInline":[516,"is-inline"],"isHighlight":[516,"is-highlight"],"state":[513],"label":[513],"customId":[513,"custom-id"],"name":[513],"placeholder":[513],"readonly":[516],"required":[516],"value":[1537],"helpText":[513,"help-text"],"autocorrect":[513],"min":[514],"max":[514],"minlength":[514],"maxlength":[514],"multiple":[516],"pattern":[513],"step":[514],"actionLabel":[513,"action-label"],"isPasswordVisible":[32],"internalState":[32],"hasIconSlot":[32],"hasActionSlot":[32],"hasFeedbackSlot":[32]}],[65,"br-radio",{"checked":[1540],"disabled":[516],"state":[513],"hasHiddenLabel":[516,"has-hidden-label"],"customId":[513,"custom-id"],"name":[513],"label":[513],"value":[513],"toggleChecked":[64]},[[8,"checkedChange","handleCheckedChange"],[0,"keydown","handleKeyDown"]]]]],["br-checkbox.cjs",[[65,"br-checkbox",{"indeterminate":[1540],"checked":[1540],"customId":[513,"custom-id"],"disabled":[516],"hasHiddenLabel":[516,"has-hidden-label"],"label":[513],"name":[513],"state":[513],"value":[513],"slotDefault":[32],"setIndeterminate":[64],"toggleChecked":[64]},null,{"indeterminate":["updateIndeterminate"]}]]],["br-item.cjs",[[65,"br-item",{"disabled":[516],"customId":[513,"custom-id"],"isActive":[516,"is-active"],"isSelected":[516,"is-selected"],"isInteractive":[516,"is-interactive"],"href":[513],"target":[513],"isButton":[516,"is-button"],"type":[1537],"value":[513],"density":[513],"hasSlotDefault":[32],"hasSlotStart":[32],"hasSlotEnd":[32],"selectedValue":[32],"setFocus":[64]},[[4,"checkedChange","handleRadioChange"],[4,"checkedChange","handleCheckboxChange"]]]]],["br-collapse_2.cjs",[[65,"br-list",{"header":[513],"isHorizontal":[516,"is-horizontal"],"customId":[513,"custom-id"],"hideHeaderDivider":[516,"hide-header-divider"],"collapse":[516],"accordion":[513]}],[65,"br-collapse",{"customId":[513,"custom-id"],"open":[1540],"accordionGroup":[1,"accordion-group"],"iconToShow":[1,"icon-to-show"],"iconToHide":[1,"icon-to-hide"],"iconPosition":[1,"icon-position"],"openCollapse":[64],"closeCollapse":[64]},[[4,"brDidOpen","handleOpen"]]]]]], options);
|
|
48
48
|
});
|
|
49
49
|
|
|
50
50
|
exports.setNonce = index.setNonce;
|
|
@@ -66,6 +66,20 @@ export class Button {
|
|
|
66
66
|
* Define o valor inicial do botão em um formulário.
|
|
67
67
|
*/
|
|
68
68
|
value;
|
|
69
|
+
/**
|
|
70
|
+
* Define o rótulo acessível do botão.
|
|
71
|
+
* Este rótulo é usado por tecnologias assistivas para descrever a função do botão.
|
|
72
|
+
* É especialmente importante para botões com formato circular, onde o texto pode não ser visível.
|
|
73
|
+
* Se o botão não tiver um rótulo acessível, uma mensagem de aviso será exibida no console.
|
|
74
|
+
*/
|
|
75
|
+
ariaLabel;
|
|
76
|
+
/**
|
|
77
|
+
* Define o estado de pressionado do botão.
|
|
78
|
+
* Este atributo é usado para indicar se o botão está atualmente pressionado ou não.
|
|
79
|
+
* É especialmente útil para botões que podem ser alternados entre os estados pressionado e não pressionado.
|
|
80
|
+
* O valor deve ser 'true' ou 'false'.
|
|
81
|
+
*/
|
|
82
|
+
ariaPressed;
|
|
69
83
|
handleClick = () => {
|
|
70
84
|
if (this.type === 'submit') {
|
|
71
85
|
const submitEvent = new SubmitEvent('submit', {
|
|
@@ -82,7 +96,7 @@ export class Button {
|
|
|
82
96
|
};
|
|
83
97
|
componentDidLoad() {
|
|
84
98
|
const ariaLabelValue = this.el.getAttribute('aria-label');
|
|
85
|
-
if (
|
|
99
|
+
if (ariaLabelValue === null || ariaLabelValue === undefined || ariaLabelValue.trim() === '') {
|
|
86
100
|
console.warn('[br-button]: Botões circulares devem conter um aria-label.');
|
|
87
101
|
}
|
|
88
102
|
}
|
|
@@ -101,7 +115,7 @@ export class Button {
|
|
|
101
115
|
};
|
|
102
116
|
}
|
|
103
117
|
render() {
|
|
104
|
-
return (h(Host, { key: '
|
|
118
|
+
return (h(Host, { key: '130f5a55bdd813a7fd11b66263f2133650cf67e4', "aria-disabled": this.disabled ? 'true' : null, role: "button" }, h("button", { key: '324ec22f391ff95a252308a27be24fb767e5fe13', "aria-label": this.shape === 'circle' ? this.ariaLabel : null, "aria-pressed": this.ariaPressed, class: this.getCssClassMap(), type: this.type, id: this.customId, disabled: this.disabled, value: this.value, onClick: this.handleClick }, h("slot", { key: 'a7da6f00d15d37707f18bc885676213c097a8de1' }))));
|
|
105
119
|
}
|
|
106
120
|
static get is() { return "br-button"; }
|
|
107
121
|
static get encapsulation() { return "shadow"; }
|
|
@@ -312,6 +326,44 @@ export class Button {
|
|
|
312
326
|
"setter": false,
|
|
313
327
|
"attribute": "value",
|
|
314
328
|
"reflect": true
|
|
329
|
+
},
|
|
330
|
+
"ariaLabel": {
|
|
331
|
+
"type": "string",
|
|
332
|
+
"mutable": false,
|
|
333
|
+
"complexType": {
|
|
334
|
+
"original": "string",
|
|
335
|
+
"resolved": "string",
|
|
336
|
+
"references": {}
|
|
337
|
+
},
|
|
338
|
+
"required": false,
|
|
339
|
+
"optional": false,
|
|
340
|
+
"docs": {
|
|
341
|
+
"tags": [],
|
|
342
|
+
"text": "Define o r\u00F3tulo acess\u00EDvel do bot\u00E3o.\nEste r\u00F3tulo \u00E9 usado por tecnologias assistivas para descrever a fun\u00E7\u00E3o do bot\u00E3o.\n\u00C9 especialmente importante para bot\u00F5es com formato circular, onde o texto pode n\u00E3o ser vis\u00EDvel.\nSe o bot\u00E3o n\u00E3o tiver um r\u00F3tulo acess\u00EDvel, uma mensagem de aviso ser\u00E1 exibida no console."
|
|
343
|
+
},
|
|
344
|
+
"getter": false,
|
|
345
|
+
"setter": false,
|
|
346
|
+
"attribute": "aria-label",
|
|
347
|
+
"reflect": true
|
|
348
|
+
},
|
|
349
|
+
"ariaPressed": {
|
|
350
|
+
"type": "string",
|
|
351
|
+
"mutable": false,
|
|
352
|
+
"complexType": {
|
|
353
|
+
"original": "string",
|
|
354
|
+
"resolved": "string",
|
|
355
|
+
"references": {}
|
|
356
|
+
},
|
|
357
|
+
"required": false,
|
|
358
|
+
"optional": false,
|
|
359
|
+
"docs": {
|
|
360
|
+
"tags": [],
|
|
361
|
+
"text": "Define o estado de pressionado do bot\u00E3o.\nEste atributo \u00E9 usado para indicar se o bot\u00E3o est\u00E1 atualmente pressionado ou n\u00E3o.\n\u00C9 especialmente \u00FAtil para bot\u00F5es que podem ser alternados entre os estados pressionado e n\u00E3o pressionado.\nO valor deve ser 'true' ou 'false'."
|
|
362
|
+
},
|
|
363
|
+
"getter": false,
|
|
364
|
+
"setter": false,
|
|
365
|
+
"attribute": "aria-pressed",
|
|
366
|
+
"reflect": true
|
|
315
367
|
}
|
|
316
368
|
};
|
|
317
369
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAIlF;;;;GAIG;AAOH,MAAM,OAAO,MAAM;IACjB;;;OAGG;IACQ,EAAE,CAAqB;IAEf,gBAAgB,CAAkB;IAErD;;OAEG;IAC+B,SAAS,CAAQ;IAEnD;;;OAGG;IAC+B,QAAQ,GAAW,aAAa,QAAQ,EAAE,EAAE,CAAA;IAE9E;;OAEG;IAC+B,OAAO,GAAiC,QAAQ,CAAA;IAElF;;OAEG;IAC+B,QAAQ,GAAY,KAAK,CAAA;IAE3D;;OAEG;IAC+B,QAAQ,CAAsC;IAEhF;;;OAGG;IAC+B,QAAQ,GAAY,KAAK,CAAA;IAE3D;;;OAGG;IAC+B,SAAS,GAAY,KAAK,CAAA;IAE5D;;;;;;OAMG;IAC+B,KAAK,CAA6B;IAEpE;;;;;;OAMG;IAC+B,IAAI,CAA+B;IAErE;;OAEG;IAC+B,KAAK,CAAQ;
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/button/button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AttachInternals, Component, Element, h, Host, Prop } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/button?tab=designer).\n *\n * @slot default - Espaço de conteúdo do button. Geralmente usado para incluir o rótulo.\n */\n@Component({\n tag: 'br-button',\n styleUrl: 'button.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Button {\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: HTMLBrButtonElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Define se o botão usará um esquema de cores escuro.\n */\n @Prop({ reflect: true }) readonly colorMode: 'dark'\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-button-${buttonId++}`\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 /**\n * Desativa o botão, tornando-o não interativo.\n */\n @Prop({ reflect: true }) readonly disabled: boolean = false\n\n /**\n * Define a ênfase do botão, alterando sua aparência para criar hierarquia visual e destacar ações importantes.\n */\n @Prop({ reflect: true }) readonly emphasis: 'primary' | 'secondary' | 'tertiary'\n\n /**\n * Indica se o botão está no estado ativo.\n * Se definido como verdadeiro, o botão será exibido como ativo.\n */\n @Prop({ reflect: true }) readonly isActive: boolean = false\n\n /**\n * Aplica o estado de \"progresso\" ao botão.\n * O botão exibirá um indicador de carregamento ou progresso.\n */\n @Prop({ reflect: true }) readonly isLoading: boolean = false\n\n /**\n * Define o formato do botão.\n * Valores possíveis:\n * - 'circle': Botão com formato circular.\n * - 'block': Botão com formato ovalado ocupando toda a largura disponível.\n * - 'pill': Botão com formato ovalado, com bordas arredondadas.\n */\n @Prop({ reflect: true }) readonly shape: 'circle' | 'block' | 'pill'\n\n /**\n * Define o tipo de botão, especificando seu comportamento padrão.\n * Valores possíveis:\n * - 'button': Um botão padrão.\n * - 'reset': Um botão para redefinir o formulário.\n * - 'submit': Um botão para enviar o formulário.\n */\n @Prop({ reflect: true }) readonly type: 'button' | 'reset' | 'submit'\n\n /**\n * Define o valor inicial do botão em um formulário.\n */\n @Prop({ reflect: true }) readonly value: string\n\n /**\n * Define o rótulo acessível do botão.\n * Este rótulo é usado por tecnologias assistivas para descrever a função do botão.\n * É especialmente importante para botões com formato circular, onde o texto pode não ser visível.\n * Se o botão não tiver um rótulo acessível, uma mensagem de aviso será exibida no console.\n */\n @Prop({ reflect: true }) readonly ariaLabel: string\n\n /**\n * Define o estado de pressionado do botão.\n * Este atributo é usado para indicar se o botão está atualmente pressionado ou não.\n * É especialmente útil para botões que podem ser alternados entre os estados pressionado e não pressionado.\n * O valor deve ser 'true' ou 'false'.\n */\n @Prop({ reflect: true }) readonly ariaPressed: string\n\n private readonly handleClick = () => {\n if (this.type === 'submit') {\n const submitEvent = new SubmitEvent('submit', {\n submitter: this.elementInternals.form,\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n this.elementInternals.form.dispatchEvent(submitEvent)\n }\n\n if (this.type === 'reset') {\n this.elementInternals.form.reset()\n }\n }\n\n componentDidLoad() {\n const ariaLabelValue = this.el.getAttribute('aria-label')\n if (ariaLabelValue === null || ariaLabelValue === undefined || ariaLabelValue.trim() === '') {\n console.warn('[br-button]: Botões circulares devem conter um aria-label.')\n }\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-button': true,\n primary: this.emphasis === 'primary',\n secondary: this.emphasis === 'secondary',\n large: this.density === 'large',\n small: this.density === 'small',\n block: this.shape === 'block',\n circle: this.shape === 'circle',\n active: this.isActive,\n loading: this.isLoading,\n 'dark-mode': this.colorMode === 'dark',\n }\n }\n\n render() {\n return (\n <Host aria-disabled={this.disabled ? 'true' : null} role=\"button\">\n <button\n aria-label={this.shape === 'circle' ? this.ariaLabel : null}\n aria-pressed={this.ariaPressed}\n class={this.getCssClassMap()}\n type={this.type}\n id={this.customId}\n disabled={this.disabled}\n value={this.value}\n onClick={this.handleClick}\n >\n <slot></slot>\n </button>\n </Host>\n )\n }\n}\n\nlet buttonId = 0\n"]}
|