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

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

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

package/dist/collection/components/switch/switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/switch/switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAEtH,OAAO,OAAO,MAAM,qBAAqB,CAAA;AAGzC;;;;;;GAMG;AAOH,MAAM,OAAO,MAAM;IANnB;QAeE;;WAEG;QAC+B,aAAQ,GAAY,KAAK,CAAA;QAE3D;;;WAGG;QACqC,YAAO,GAAY,KAAK,CAAA;QAEhE;;WAEG;QAC+B,aAAQ,GAAW,OAAO,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAA;QAQ1F;;WAEG;QAC+B,kBAAa,GAA6B,MAAM,CAAA;QAYlF;;WAEG;QAC+B,YAAO,GAAY,KAAK,CAAA;QAe1D,oJAAoJ;QAClH,YAAO,GAAiC,QAAQ,CAAA;QAElF,4EAA4E;QACnE,iBAAY,GAAY,KAAK,CAAA;QAwCrB,wBAAmB,GAAG,CAAC,KAAY,EAAE,EAAE;YACtD,IAAI,CAAC,OAAO,GAAI,KAAK,CAAC,MAA2B,CAAC,OAAO,CAAA;YACzD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACvC,CAAC,CAAA;QAEgB,gBAAW,GAAG,CAAC,KAAY,EAAE,EAAE;YAC9C,KAAK,CAAC,eAAe,EAAE,CAAA;QACzB,CAAC,CAAA;KAuDF;IApGC,iBAAiB;QACf,IAAI,CAAC,sBAAsB,EAAE,CAAA;IAC/B,CAAC;IAMO,sBAAsB;QAC5B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,KAAK,EAAE,CAAA;IAC9C,CAAC;IAED;;OAEG;IACK,qBAAqB;QAC3B,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,CAAA;QAExD,IAAI,aAAa,IAAI,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YACjD,OAAO,aAAa,CAAA;QACtB,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YAC3C,OAAO,IAAI,CAAC,KAAK,CAAA;QACnB,CAAC;QAED,IACE,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ;YAChC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE;YAC1B,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ;YACjC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,EAC3B,CAAC;YACD,OAAO,kBAAkB,IAAI,CAAC,QAAQ,MAAM,IAAI,CAAC,OAAO,EAAE,CAAA;QAC5D,CAAC;QAED,OAAO,kBAAkB,CAAA;IAC3B,CAAC;IAWD;;OAEG;~~IAEG~~,aAAa~~;;YACjB~~,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAA;~~YAC5B~~,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;~~QACvC~~,CAAC;~~KAAA;~~IAED;;OAEG;IACK,cAAc;QACpB,OAAO,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;IAC3G,CAAC;IAEO,cAAc;QACpB,OAAO;YACL,WAAW,EAAE,IAAI;YACjB,IAAI,EAAE,IAAI,CAAC,OAAO;YAClB,GAAG,EAAE,IAAI,CAAC,aAAa,KAAK,KAAK;YACjC,KAAK,EAAE,IAAI,CAAC,aAAa,KAAK,OAAO;YACrC,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO;YAC/B,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO;SAChC,CAAA;IACH,CAAC;IAED,MAAM;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,CAAA;QAE5C,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;gBAC/B,4EACE,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,kBACC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,QAAQ,EAAE,IAAI,CAAC,mBAAmB,EAClC,OAAO,EAAE,IAAI,CAAC,WAAW,IACrB,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC3E;gBACF,8DAAO,OAAO,EAAE,IAAI,CAAC,QAAQ,IAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,eAAa,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAS;gBAC5F,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,IAAI,CAChC,4DAAK,KAAK,EAAC,aAAa,kBAAe,IAAI,CAAC,OAAO,mBAAiB,IAAI,CAAC,QAAQ,iBAAc,MAAM,GAAO,CAC7G,CACG,CACD,CACR,CAAA;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\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/switch?tab=designer).\n \n @slot default - Slot para o rótulo do switch, com prioridade sobre a propriedade label.\n /\n@Component({\n tag: 'br-switch',\n styleUrl: 'switch.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Switch {\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: HTMLBrSwitchElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /\n Desativa o switch, tornando-o não interativo.\n /\n @Prop({ reflect: true }) readonly disabled: boolean = false\n\n /\n Define o estado de seleção do checkbox.\n * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.\n /\n @Prop({ reflect: true, mutable: true }) checked: boolean = false\n\n /\n Identificador único; gerado automaticamente quando omitido.\n /\n @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId('br-switch')\n\n /\n Texto descritivo.\n * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.\n /\n @Prop() readonly label: string\n\n /\n Posição do rótulo em relação ao switch.\n /\n @Prop({ reflect: true }) readonly labelPosition: 'right' \| 'left' \| 'top' = 'left'\n\n /\n Texto exibido quando o switch está ativado.\n /\n @Prop({ reflect: true }) readonly labelOn: string\n\n /\n Texto exibido quando o switch está desativado.\n /\n @Prop({ reflect: true }) readonly labelOff: string\n\n /\n Adiciona um ícone ao switch para indicar a mudança de estado.\n /\n @Prop({ reflect: true }) readonly hasIcon: boolean = false\n\n /\n Define o nome do switch, que é utilizado para agrupar switches em formulários e identificar o campo.\n * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.\n /\n @Prop({ reflect: true }) readonly name: string\n\n /\n Define o valor associado ao switch quando ele faz parte de um formulário nativo (`<form>`).\n * Esse valor é enviado com o formulário quando o switch está selecionado.\n * Nota: Esta propriedade não deve ser utilizada para determinar se o switch está selecionado; para verificar o estado de seleção, use a propriedade `checked`.\n /\n @Prop({ reflect: true }) readonly value: string\n\n /* O ajuste da densidade consiste em aumentar ou reduzir a área de interação do switch. Quanto menor for a densidade, maior a área de interação. /\n @Prop({ reflect: true }) readonly density: 'large' \| 'medium' \| 'small' = 'medium'\n\n // Propriedade interna para verificar a presença de conteúdo no slot default\n @State() _slotDefault: boolean = false\n\n componentWillLoad() {\n this._hasSlotContentDefault()\n }\n\n /\n Disparado depois que o valor do `checked` foi alterado\n /\n @Event() checkedChange: EventEmitter<boolean>\n private _hasSlotContentDefault(): void {\n this._slotDefault = this.el.innerHTML !== ''\n }\n\n /\n Determina o texto a ser usado para acessibilidade quando não há label visível\n /\n private getAccessibilityLabel(): string {\n const hostAriaLabel = this.el.getAttribute('aria-label')\n\n if (hostAriaLabel && hostAriaLabel.trim() !== '') {\n return hostAriaLabel\n }\n\n if (this.label && this.label.trim() !== '') {\n return this.label\n }\n\n if (\n typeof this.labelOn === 'string' &&\n this.labelOn.trim() !== '' &&\n typeof this.labelOff === 'string' &&\n this.labelOff.trim() !== ''\n ) {\n return `Alternar entre ${this.labelOff} e ${this.labelOn}`\n }\n\n return 'Alternar seleção'\n }\n\n private readonly handleCheckedChange = (event: Event) => {\n this.checked = (event.target as HTMLInputElement).checked\n this.checkedChange.emit(this.checked)\n }\n\n private readonly handleClick = (event: Event) => {\n event.stopPropagation()\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 /\n Verifica se o componente tem texto visível (via slot ou label)\n */\n private hasVisibleText(): boolean {\n return this._slotDefault \|\| (this.label !== undefined && this.label !== null && this.label.trim() !== '')\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-switch': true,\n icon: this.hasIcon,\n top: this.labelPosition === 'top',\n right: this.labelPosition === 'right',\n large: this.density === 'large',\n small: this.density === 'small',\n }\n }\n\n render() {\n const hasVisibleText = this.hasVisibleText()\n\n return (\n <Host>\n <div class={this.getCssClassMap()}>\n <input\n id={this.customId}\n type=\"checkbox\"\n name={this.name}\n checked={this.checked}\n disabled={this.disabled}\n role=\"switch\"\n aria-checked={this.checked ? 'true' : 'false'}\n onChange={this.handleCheckedChange}\n onClick={this.handleClick}\n {...(!hasVisibleText ? { 'aria-label': this.getAccessibilityLabel() } : {})}\n />\n <label htmlFor={this.customId}>{this._slotDefault ? <slot></slot> : this.label \|\| ''}</label>\n {this.labelOn && this.labelOff && (\n <div class=\"switch-data\" data-enabled={this.labelOn} data-disabled={this.labelOff} aria-hidden=\"true\"></div>\n )}\n </div>\n </Host>\n )\n }\n}\n"]}
1	+ {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/switch/switch.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\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/switch?tab=designer).\n \n @slot default - Slot para o rótulo do switch, com prioridade sobre a propriedade label.\n /\n@Component({\n tag: 'br-switch',\n styleUrl: 'switch.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Switch {\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: HTMLBrSwitchElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /\n Desativa o switch, tornando-o não interativo.\n /\n @Prop({ reflect: true }) readonly disabled: boolean = false\n\n /\n Define o estado de seleção do checkbox.\n * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.\n /\n @Prop({ reflect: true, mutable: true }) checked: boolean = false\n\n /\n Identificador único; gerado automaticamente quando omitido.\n /\n @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId('br-switch')\n\n /\n Texto descritivo.\n * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.\n /\n @Prop() readonly label: string\n\n /\n Posição do rótulo em relação ao switch.\n /\n @Prop({ reflect: true }) readonly labelPosition: 'right' \| 'left' \| 'top' = 'left'\n\n /\n Texto exibido quando o switch está ativado.\n /\n @Prop({ reflect: true }) readonly labelOn: string\n\n /\n Texto exibido quando o switch está desativado.\n /\n @Prop({ reflect: true }) readonly labelOff: string\n\n /\n Adiciona um ícone ao switch para indicar a mudança de estado.\n /\n @Prop({ reflect: true }) readonly hasIcon: boolean = false\n\n /\n Define o nome do switch, que é utilizado para agrupar switches em formulários e identificar o campo.\n * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.\n /\n @Prop({ reflect: true }) readonly name: string\n\n /\n Define o valor associado ao switch quando ele faz parte de um formulário nativo (`<form>`).\n * Esse valor é enviado com o formulário quando o switch está selecionado.\n * Nota: Esta propriedade não deve ser utilizada para determinar se o switch está selecionado; para verificar o estado de seleção, use a propriedade `checked`.\n /\n @Prop({ reflect: true }) readonly value: string\n\n /* O ajuste da densidade consiste em aumentar ou reduzir a área de interação do switch. Quanto menor for a densidade, maior a área de interação. /\n @Prop({ reflect: true }) readonly density: 'large' \| 'medium' \| 'small' = 'medium'\n\n // Propriedade interna para verificar a presença de conteúdo no slot default\n @State() _slotDefault: boolean = false\n\n componentWillLoad() {\n this._hasSlotContentDefault()\n }\n\n /\n Disparado depois que o valor do `checked` foi alterado\n /\n @Event() checkedChange: EventEmitter<boolean>\n private _hasSlotContentDefault(): void {\n this._slotDefault = this.el.innerHTML !== ''\n }\n\n /\n Determina o texto a ser usado para acessibilidade quando não há label visível\n /\n private getAccessibilityLabel(): string {\n const hostAriaLabel = this.el.getAttribute('aria-label')\n\n if (hostAriaLabel && hostAriaLabel.trim() !== '') {\n return hostAriaLabel\n }\n\n if (this.label && this.label.trim() !== '') {\n return this.label\n }\n\n if (\n typeof this.labelOn === 'string' &&\n this.labelOn.trim() !== '' &&\n typeof this.labelOff === 'string' &&\n this.labelOff.trim() !== ''\n ) {\n return `Alternar entre ${this.labelOff} e ${this.labelOn}`\n }\n\n return 'Alternar seleção'\n }\n\n private readonly handleCheckedChange = (event: Event) => {\n this.checked = (event.target as HTMLInputElement).checked\n this.checkedChange.emit(this.checked)\n }\n\n private readonly handleClick = (event: Event) => {\n event.stopPropagation()\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 /\n Verifica se o componente tem texto visível (via slot ou label)\n */\n private hasVisibleText(): boolean {\n return this._slotDefault \|\| (this.label !== undefined && this.label !== null && this.label.trim() !== '')\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-switch': true,\n icon: this.hasIcon,\n top: this.labelPosition === 'top',\n right: this.labelPosition === 'right',\n large: this.density === 'large',\n small: this.density === 'small',\n }\n }\n\n render() {\n const hasVisibleText = this.hasVisibleText()\n\n return (\n <Host>\n <div class={this.getCssClassMap()}>\n <input\n id={this.customId}\n type=\"checkbox\"\n name={this.name}\n checked={this.checked}\n disabled={this.disabled}\n role=\"switch\"\n aria-checked={this.checked ? 'true' : 'false'}\n onChange={this.handleCheckedChange}\n onClick={this.handleClick}\n {...(!hasVisibleText ? { 'aria-label': this.getAccessibilityLabel() } : {})}\n />\n <label htmlFor={this.customId}>{this._slotDefault ? <slot></slot> : this.label \|\| ''}</label>\n {this.labelOn && this.labelOff && (\n <div class=\"switch-data\" data-enabled={this.labelOn} data-disabled={this.labelOff} aria-hidden=\"true\"></div>\n )}\n </div>\n </Host>\n )\n }\n}\n"]}

package/dist/collection/components/textarea/textarea.js CHANGED Viewed

@@ -2,7 +2,6 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { __awaiter } from "tslib";
 import { h, Host, } from "@stencil/core";
 import Helpers from "../../utils/helpers";
 /**
@@ -73,13 +72,11 @@ export class Textarea {
      * Define um novo valor para o textarea.
      * @param newValue - O novo valor a ser definido.
      */
-    setValue(newValue) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            this.value = newValue;
-            this.currentLength = ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) || 0;
-            this.valueChange.emit(this.value);
-        });
+    async setValue(newValue) {
+        var _a;
+        this.value = newValue;
+        this.currentLength = ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) || 0;
+        this.valueChange.emit(this.value);
     }
     /**
      * Retorna os ids para o atributo aria-describedby do textarea

package/dist/collection/components/textarea/textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/textarea/textarea.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n AttachInternals,\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\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/textarea?tab=designer).\n \n @slot default - Slot para texto adicional ou instruções a serem exibidos junto ao textarea.\n /\n@Component({\n tag: 'br-textarea',\n styleUrl: 'textarea.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Textarea {\n @Element() el: HTMLBrTextareaElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /\n Valor exibido no textarea.\n * Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.\n /\n @Prop({ mutable: true, reflect: true }) value: string\n\n /\n Texto exibido como rótulo do input.\n /\n @Prop({ reflect: true }) readonly label: 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 Texto alternativo para acessibilidade quando não há label visível.\n * Fornece um rótulo para tecnologias assistivas sem exibir visualmente.\n /\n @Prop({ reflect: true }) readonly ariaLabel: 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 = Helpers.generateUniqueId('br-textarea')\n\n /\n Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo.\n /\n @Prop({ reflect: true }) readonly disabled: boolean = false\n\n /\n Número máximo de caracteres permitidos no textarea. Se definido como 0, não há limite.\n /\n @Prop({ reflect: true }) readonly maxlength: number = 0\n\n /\n Mostra o contador com a quantidade máxima de caracteres.\n /\n @Prop({ reflect: true }) readonly showCounter: boolean = false\n\n /\n Define o estado visual do componente, podendo ser 'danger', 'success' ou 'warning'.\n /\n @Prop({ reflect: true }) readonly state: 'danger' \| 'success' \| 'warning'\n /\n Ajusta a densidade do componente, podendo ser 'small', 'medium' ou 'large'.\n /\n @Prop({ reflect: true }) readonly density: 'small' \| 'medium' \| 'large' = 'medium'\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 Número de linhas visíveis no textarea.\n * Define a altura do componente em relação ao número de linhas de texto exibidas.\n /\n @Prop({ reflect: true }) readonly rows: number\n\n /\n Número de colunas (caracteres) visíveis no textarea.\n * Define a largura do componente em relação ao número de caracteres por linha.\n /\n @Prop({ reflect: true }) readonly cols: number\n\n /\n Comprimento atual do texto no textarea. É atualizado sempre que o valor do textarea muda.\n /\n @State() currentLength: number\n\n /\n Indica se o slot padrão possui conteúdo.\n /\n @State() hasDefaultSlot: boolean = false\n\n componentWillLoad() {\n this.currentLength = this.value?.length \|\| 0\n this.checkSlotContent()\n }\n\n private checkSlotContent() {\n this.hasDefaultSlot = Array.from(this.el.childNodes).some((node) => {\n // Ignora nós que têm atributo slot (pertencem a outros slots)\n if (node.nodeType === Node.ELEMENT_NODE && (node as Element).hasAttribute('slot')) {\n return false\n }\n // Verifica se é elemento ou texto não vazio\n return (\n node.nodeType === Node.ELEMENT_NODE \|\| (node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== '')\n )\n })\n }\n\n /\n Valor atualizado do textarea\n /\n @Event() valueChange: EventEmitter<string>\n\n @Watch('value')\n valueChanged() {\n this.currentLength = this.value?.length \|\| 0\n }\n\n private readonly handleInput = (event: Event) => {\n this.value = (event.target as HTMLInputElement).value\n this.currentLength = this.value?.length \|\| 0\n this.valueChange.emit(this.value)\n }\n\n /\n Define um novo valor para o textarea.\n * @param newValue - O novo valor a ser definido.\n /\n @Method()\n async setValue(newValue: string) {\n this.value = newValue\n this.currentLength = this.value?.length \|\| 0\n this.valueChange.emit(this.value)\n }\n\n /\n Retorna os ids para o atributo aria-describedby do textarea\n /\n private getDescribedBy(): string {\n return [this.showCounter ? `${this.customId}-limitMax` : null, `${this.customId}-slotInfo`]\n .filter(Boolean)\n .join(' ')\n }\n\n /\n Determina o texto a ser usado para acessibilidade quando não há label\n * Ordem de prioridade:\n * - aria-label do elemento host\n * - propriedade ariaLabel do componente\n * - placeholder\n * - texto padrão (\"Campo de texto\")\n */\n private getAccessibilityLabel(): string {\n const hostAriaLabel = this.el.getAttribute('aria-label')\n\n return hostAriaLabel && hostAriaLabel.trim() !== ''\n ? hostAriaLabel\n : this.ariaLabel && this.ariaLabel.trim() !== ''\n ? this.ariaLabel\n : this.placeholder && this.placeholder.trim() !== ''\n ? this.placeholder\n : 'Campo de texto'\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-textarea': true,\n small: this.density === 'small',\n medium: this.density === 'medium',\n large: this.density === 'large',\n success: this.state === 'success',\n danger: this.state === 'danger',\n warning: this.state === 'warning',\n }\n }\n\n render() {\n const caracteresRestantes: number = this.maxlength - this.currentLength\n const mostrarLimite = this.currentLength > 0\n const hasLabel = !!this.label\n\n return (\n <Host>\n <div class={this.getCssClassMap()}>\n {this.isInline ? (\n <div class=\"row\">\n {hasLabel && (\n <div class=\"col-auto pt-half\">\n <label htmlFor={this.customId}>{this.label}</label>\n </div>\n )}\n <div class=\"col\">\n <textarea\n id={this.customId}\n value={this.value}\n placeholder={this.placeholder}\n disabled={this.disabled}\n onInput={this.handleInput}\n {...(this.rows > 0 ? { rows: this.rows } : {})}\n {...(this.cols > 0 ? { cols: this.cols } : {})}\n {...(this.maxlength > 0 ? { maxLength: this.maxlength } : {})}\n aria-describedby={this.getDescribedBy()}\n {...(!hasLabel ? { 'aria-label': this.getAccessibilityLabel() } : {})}\n ></textarea>\n {this.showCounter && (\n <div>\n {mostrarLimite ? (\n <span class=\"restantes\" aria-live=\"polite\" role=\"status\" id={`${this.customId}-limitMax`}>\n Restam <strong>{caracteresRestantes}</strong> caracteres\n </span>\n ) : (\n <span class=\"limit\" aria-live=\"polite\" id={`${this.customId}-limitMax`}>\n Limite máximo de <strong>{this.maxlength}</strong> caracteres\n </span>\n )}\n </div>\n )}\n {this.hasDefaultSlot && (\n <div id={`${this.customId}-slotInfo`} aria-live=\"polite\">\n <slot></slot>\n </div>\n )}\n </div>\n </div>\n ) : (\n [\n hasLabel ? <label htmlFor={this.customId}>{this.label}</label> : null,\n <textarea\n id={this.customId}\n value={this.value}\n placeholder={this.placeholder}\n disabled={this.disabled}\n onInput={this.handleInput}\n {...(this.rows > 0 ? { rows: this.rows } : {})}\n {...(this.cols > 0 ? { cols: this.cols } : {})}\n {...(this.maxlength > 0 ? { maxLength: this.maxlength } : {})}\n aria-describedby={this.getDescribedBy()}\n {...(!hasLabel ? { 'aria-label': this.getAccessibilityLabel() } : {})}\n ></textarea>,\n this.showCounter ? (\n <div>\n {mostrarLimite ? (\n <span class=\"restantes\" aria-live=\"polite\" role=\"status\" id={`${this.customId}-limitMax`}>\n Restam <strong>{caracteresRestantes}</strong> caracteres\n </span>\n ) : (\n <span class=\"limit\" aria-live=\"polite\" id={`${this.customId}-limitMax`}>\n Limite máximo de <strong>{this.maxlength}</strong> caracteres\n </span>\n )}\n </div>\n ) : null,\n this.hasDefaultSlot ? (\n <div id={`${this.customId}-slotInfo`} aria-live=\"polite\">\n <slot></slot>\n </div>\n ) : null,\n ]\n )}\n </div>\n </Host>\n )\n }\n}\n"]}
1	+ {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/textarea/textarea.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n AttachInternals,\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\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/textarea?tab=designer).\n \n @slot default - Slot para texto adicional ou instruções a serem exibidos junto ao textarea.\n /\n@Component({\n tag: 'br-textarea',\n styleUrl: 'textarea.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Textarea {\n @Element() el: HTMLBrTextareaElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /\n Valor exibido no textarea.\n * Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.\n /\n @Prop({ mutable: true, reflect: true }) value: string\n\n /\n Texto exibido como rótulo do input.\n /\n @Prop({ reflect: true }) readonly label: 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 Texto alternativo para acessibilidade quando não há label visível.\n * Fornece um rótulo para tecnologias assistivas sem exibir visualmente.\n /\n @Prop({ reflect: true }) readonly ariaLabel: 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 = Helpers.generateUniqueId('br-textarea')\n\n /\n Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo.\n /\n @Prop({ reflect: true }) readonly disabled: boolean = false\n\n /\n Número máximo de caracteres permitidos no textarea. Se definido como 0, não há limite.\n /\n @Prop({ reflect: true }) readonly maxlength: number = 0\n\n /\n Mostra o contador com a quantidade máxima de caracteres.\n /\n @Prop({ reflect: true }) readonly showCounter: boolean = false\n\n /\n Define o estado visual do componente, podendo ser 'danger', 'success' ou 'warning'.\n /\n @Prop({ reflect: true }) readonly state: 'danger' \| 'success' \| 'warning'\n /\n Ajusta a densidade do componente, podendo ser 'small', 'medium' ou 'large'.\n /\n @Prop({ reflect: true }) readonly density: 'small' \| 'medium' \| 'large' = 'medium'\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 Número de linhas visíveis no textarea.\n * Define a altura do componente em relação ao número de linhas de texto exibidas.\n /\n @Prop({ reflect: true }) readonly rows: number\n\n /\n Número de colunas (caracteres) visíveis no textarea.\n * Define a largura do componente em relação ao número de caracteres por linha.\n /\n @Prop({ reflect: true }) readonly cols: number\n\n /\n Comprimento atual do texto no textarea. É atualizado sempre que o valor do textarea muda.\n /\n @State() currentLength: number\n\n /\n Indica se o slot padrão possui conteúdo.\n /\n @State() hasDefaultSlot: boolean = false\n\n componentWillLoad() {\n this.currentLength = this.value?.length \|\| 0\n this.checkSlotContent()\n }\n\n private checkSlotContent() {\n this.hasDefaultSlot = Array.from(this.el.childNodes).some((node) => {\n // Ignora nós que têm atributo slot (pertencem a outros slots)\n if (node.nodeType === Node.ELEMENT_NODE && (node as Element).hasAttribute('slot')) {\n return false\n }\n // Verifica se é elemento ou texto não vazio\n return (\n node.nodeType === Node.ELEMENT_NODE \|\| (node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== '')\n )\n })\n }\n\n /\n Valor atualizado do textarea\n /\n @Event() valueChange: EventEmitter<string>\n\n @Watch('value')\n valueChanged() {\n this.currentLength = this.value?.length \|\| 0\n }\n\n private readonly handleInput = (event: Event) => {\n this.value = (event.target as HTMLInputElement).value\n this.currentLength = this.value?.length \|\| 0\n this.valueChange.emit(this.value)\n }\n\n /\n Define um novo valor para o textarea.\n * @param newValue - O novo valor a ser definido.\n /\n @Method()\n async setValue(newValue: string) {\n this.value = newValue\n this.currentLength = this.value?.length \|\| 0\n this.valueChange.emit(this.value)\n }\n\n /\n Retorna os ids para o atributo aria-describedby do textarea\n /\n private getDescribedBy(): string {\n return [this.showCounter ? `${this.customId}-limitMax` : null, `${this.customId}-slotInfo`]\n .filter(Boolean)\n .join(' ')\n }\n\n /\n Determina o texto a ser usado para acessibilidade quando não há label\n * Ordem de prioridade:\n * - aria-label do elemento host\n * - propriedade ariaLabel do componente\n * - placeholder\n * - texto padrão (\"Campo de texto\")\n */\n private getAccessibilityLabel(): string {\n const hostAriaLabel = this.el.getAttribute('aria-label')\n\n return hostAriaLabel && hostAriaLabel.trim() !== ''\n ? hostAriaLabel\n : this.ariaLabel && this.ariaLabel.trim() !== ''\n ? this.ariaLabel\n : this.placeholder && this.placeholder.trim() !== ''\n ? this.placeholder\n : 'Campo de texto'\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-textarea': true,\n small: this.density === 'small',\n medium: this.density === 'medium',\n large: this.density === 'large',\n success: this.state === 'success',\n danger: this.state === 'danger',\n warning: this.state === 'warning',\n }\n }\n\n render() {\n const caracteresRestantes: number = this.maxlength - this.currentLength\n const mostrarLimite = this.currentLength > 0\n const hasLabel = !!this.label\n\n return (\n <Host>\n <div class={this.getCssClassMap()}>\n {this.isInline ? (\n <div class=\"row\">\n {hasLabel && (\n <div class=\"col-auto pt-half\">\n <label htmlFor={this.customId}>{this.label}</label>\n </div>\n )}\n <div class=\"col\">\n <textarea\n id={this.customId}\n value={this.value}\n placeholder={this.placeholder}\n disabled={this.disabled}\n onInput={this.handleInput}\n {...(this.rows > 0 ? { rows: this.rows } : {})}\n {...(this.cols > 0 ? { cols: this.cols } : {})}\n {...(this.maxlength > 0 ? { maxLength: this.maxlength } : {})}\n aria-describedby={this.getDescribedBy()}\n {...(!hasLabel ? { 'aria-label': this.getAccessibilityLabel() } : {})}\n ></textarea>\n {this.showCounter && (\n <div>\n {mostrarLimite ? (\n <span class=\"restantes\" aria-live=\"polite\" role=\"status\" id={`${this.customId}-limitMax`}>\n Restam <strong>{caracteresRestantes}</strong> caracteres\n </span>\n ) : (\n <span class=\"limit\" aria-live=\"polite\" id={`${this.customId}-limitMax`}>\n Limite máximo de <strong>{this.maxlength}</strong> caracteres\n </span>\n )}\n </div>\n )}\n {this.hasDefaultSlot && (\n <div id={`${this.customId}-slotInfo`} aria-live=\"polite\">\n <slot></slot>\n </div>\n )}\n </div>\n </div>\n ) : (\n [\n hasLabel ? <label htmlFor={this.customId}>{this.label}</label> : null,\n <textarea\n id={this.customId}\n value={this.value}\n placeholder={this.placeholder}\n disabled={this.disabled}\n onInput={this.handleInput}\n {...(this.rows > 0 ? { rows: this.rows } : {})}\n {...(this.cols > 0 ? { cols: this.cols } : {})}\n {...(this.maxlength > 0 ? { maxLength: this.maxlength } : {})}\n aria-describedby={this.getDescribedBy()}\n {...(!hasLabel ? { 'aria-label': this.getAccessibilityLabel() } : {})}\n ></textarea>,\n this.showCounter ? (\n <div>\n {mostrarLimite ? (\n <span class=\"restantes\" aria-live=\"polite\" role=\"status\" id={`${this.customId}-limitMax`}>\n Restam <strong>{caracteresRestantes}</strong> caracteres\n </span>\n ) : (\n <span class=\"limit\" aria-live=\"polite\" id={`${this.customId}-limitMax`}>\n Limite máximo de <strong>{this.maxlength}</strong> caracteres\n </span>\n )}\n </div>\n ) : null,\n this.hasDefaultSlot ? (\n <div id={`${this.customId}-slotInfo`} aria-live=\"polite\">\n <slot></slot>\n </div>\n ) : null,\n ]\n )}\n </div>\n </Host>\n )\n }\n}\n"]}

package/dist/collection/components/wizard/wizard-panel/wizard-panel.js CHANGED Viewed

@@ -2,7 +2,6 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { __awaiter } from "tslib";
 import { h, Host } from "@stencil/core";
 /**
  * Wizard Panel (Painel de etapa do Wizard)
@@ -22,28 +21,22 @@ export class WizardPanel {
      * Define se o painel está ativo
      * @internal Método interno chamado apenas pelo wizard pai
      */
-    setActive(value) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.active = value;
-        });
+    async setActive(value) {
+        this.active = value;
     }
     /**
      * Define o índice do painel
      * @internal Método interno chamado apenas pelo wizard pai
      */
-    setIndex(value) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.index = value;
-        });
+    async setIndex(value) {
+        this.index = value;
     }
     /**
      * Retorna se o painel está ativo
      * @internal Método interno para o wizard pai consultar o estado
      */
-    isActive() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this.active;
-        });
+    async isActive() {
+        return this.active;
     }
     render() {
         const hostAttrs = Object.assign({}, (this.active && { active: 'true' }));

package/dist/collection/components/wizard/wizard-panel/wizard-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"wizard-panel.js","sourceRoot":"","sources":["../../../../../../../packages/webcomponents/src/components/wizard/wizard-panel/wizard-panel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhF;;;;;GAKG;AAMH,MAAM,OAAO,WAAW;IALxB;QAaE;;WAEG;QACc,WAAM,GAAY,KAAK,CAAA;QACvB,UAAK,GAAW,CAAC,CAAA;KA4CnC;IA1CC;;;OAGG;~~IAEG~~,SAAS,CAAC,KAAc~~;;YAC5B~~,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;~~QACrB~~,CAAC;~~KAAA;~~IAED;;;OAGG;~~IAEG~~,QAAQ,CAAC,KAAa~~;;YAC1B~~,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;~~QACpB~~,CAAC;~~KAAA;~~IAED;;;OAGG;~~IAEG~~,QAAQ~~;;YACZ~~,OAAO,IAAI,CAAC,MAAM,CAAA;~~QACpB~~,CAAC;~~KAAA;~~IAED,MAAM;QACJ,MAAM,SAAS,qBACV,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CACvC,CAAA;QAED,OAAO,CACL,EAAC,IAAI,qEAAK,SAAS;YACjB,4DAAK,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,gBAAgB,IAAI,CAAC,KAAK,EAAE;gBACxE,4DAAK,KAAK,EAAC,sBAAsB;oBAC/B,8DAAa,CACT,CACF,CACD,CACR,CAAA;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Method, Prop, State } from '@stencil/core'\n\n/*\n Wizard Panel (Painel de etapa do Wizard)\n * Representa uma etapa individual dentro do br-wizard.\n \n @slot default - Slot para o conteúdo da etapa (formulários, campos ou informações da fase atual).\n /\n@Component({\n tag: 'br-wizard-panel',\n styleUrl: 'wizard-panel.scss',\n shadow: true,\n})\nexport class WizardPanel {\n @Element() el: HTMLBrWizardPanelElement\n\n /\n Label do painel (aparece no indicador de progresso)\n /\n @Prop({ reflect: true }) label!: string\n\n /\n Estados internos controlados pelo wizard pai via métodos públicos\n /\n @State() private active: boolean = false\n @State() private index: number = 1\n\n /\n Define se o painel está ativo\n * @internal Método interno chamado apenas pelo wizard pai\n /\n @Method()\n async setActive(value: boolean) {\n this.active = value\n }\n\n /\n Define o índice do painel\n * @internal Método interno chamado apenas pelo wizard pai\n /\n @Method()\n async setIndex(value: number) {\n this.index = value\n }\n\n /\n Retorna se o painel está ativo\n * @internal Método interno para o wizard pai consultar o estado\n */\n @Method()\n async isActive(): Promise<boolean> {\n return this.active\n }\n\n render() {\n const hostAttrs = {\n ...(this.active && { active: 'true' }),\n }\n\n return (\n <Host {...hostAttrs}>\n <div class=\"wizard-panel\" role=\"tabpanel\" id={`wizard-panel-${this.index}`}>\n <div class=\"wizard-panel-content\">\n <slot></slot>\n </div>\n </div>\n </Host>\n )\n }\n}\n"]}
1	+ {"version":3,"file":"wizard-panel.js","sourceRoot":"","sources":["../../../../../../../packages/webcomponents/src/components/wizard/wizard-panel/wizard-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhF;;;;;GAKG;AAMH,MAAM,OAAO,WAAW;IALxB;QAaE;;WAEG;QACc,WAAM,GAAY,KAAK,CAAA;QACvB,UAAK,GAAW,CAAC,CAAA;KA4CnC;IA1CC;;;OAGG;IAEH,KAAK,CAAC,SAAS,CAAC,KAAc;QAC5B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;IACrB,CAAC;IAED;;;OAGG;IAEH,KAAK,CAAC,QAAQ,CAAC,KAAa;QAC1B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;IACpB,CAAC;IAED;;;OAGG;IAEH,KAAK,CAAC,QAAQ;QACZ,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;IAED,MAAM;QACJ,MAAM,SAAS,qBACV,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CACvC,CAAA;QAED,OAAO,CACL,EAAC,IAAI,qEAAK,SAAS;YACjB,4DAAK,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,gBAAgB,IAAI,CAAC,KAAK,EAAE;gBACxE,4DAAK,KAAK,EAAC,sBAAsB;oBAC/B,8DAAa,CACT,CACF,CACD,CACR,CAAA;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Method, Prop, State } from '@stencil/core'\n\n/*\n Wizard Panel (Painel de etapa do Wizard)\n * Representa uma etapa individual dentro do br-wizard.\n \n @slot default - Slot para o conteúdo da etapa (formulários, campos ou informações da fase atual).\n /\n@Component({\n tag: 'br-wizard-panel',\n styleUrl: 'wizard-panel.scss',\n shadow: true,\n})\nexport class WizardPanel {\n @Element() el: HTMLBrWizardPanelElement\n\n /\n Label do painel (aparece no indicador de progresso)\n /\n @Prop({ reflect: true }) label!: string\n\n /\n Estados internos controlados pelo wizard pai via métodos públicos\n /\n @State() private active: boolean = false\n @State() private index: number = 1\n\n /\n Define se o painel está ativo\n * @internal Método interno chamado apenas pelo wizard pai\n /\n @Method()\n async setActive(value: boolean) {\n this.active = value\n }\n\n /\n Define o índice do painel\n * @internal Método interno chamado apenas pelo wizard pai\n /\n @Method()\n async setIndex(value: number) {\n this.index = value\n }\n\n /\n Retorna se o painel está ativo\n * @internal Método interno para o wizard pai consultar o estado\n */\n @Method()\n async isActive(): Promise<boolean> {\n return this.active\n }\n\n render() {\n const hostAttrs = {\n ...(this.active && { active: 'true' }),\n }\n\n return (\n <Host {...hostAttrs}>\n <div class=\"wizard-panel\" role=\"tabpanel\" id={`wizard-panel-${this.index}`}>\n <div class=\"wizard-panel-content\">\n <slot></slot>\n </div>\n </div>\n </Host>\n )\n }\n}\n"]}