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

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

@@ -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"]}
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,GACN,MAAM,eAAe,CAAA;AAEtB,OAAO,OAAO,MAAM,qBAAqB,CAAA;AAGzC;;;;;;GAMG;AAOH,MAAM,OAAO,QAAQ;IANrB;QAiCE;;;WAGG;QAC+B,aAAQ,GAAW,OAAO,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;QAE5F;;WAEG;QAC+B,aAAQ,GAAY,KAAK,CAAA;QAE3D;;WAEG;QAC+B,cAAS,GAAW,CAAC,CAAA;QAEvD;;WAEG;QAC+B,gBAAW,GAAY,KAAK,CAAA;QAM9D;;WAEG;QAC+B,YAAO,GAAiC,QAAQ,CAAA;QAElF;;WAEG;QAC+B,aAAQ,GAAY,KAAK,CAAA;QAmB3D;;WAEG;QACM,mBAAc,GAAY,KAAK,CAAA;QA8BvB,gBAAW,GAAG,CAAC,KAAY,EAAE,EAAE;;YAC9C,IAAI,CAAC,KAAK,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAA;YACrD,IAAI,CAAC,aAAa,GAAG,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,KAAI,CAAC,CAAA;YAC5C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACnC,CAAC,CAAA;KA6IF;IA7KC,iBAAiB;;QACf,IAAI,CAAC,aAAa,GAAG,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,KAAI,CAAC,CAAA;QAC5C,IAAI,CAAC,gBAAgB,EAAE,CAAA;IACzB,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;YACjE,8DAA8D;YAC9D,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,IAAK,IAAgB,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;gBAClF,OAAO,KAAK,CAAA;YACd,CAAC;YACD,4CAA4C;YAC5C,OAAO,CACL,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAC5G,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAQD,YAAY;;QACV,IAAI,CAAC,aAAa,GAAG,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,KAAI,CAAC,CAAA;IAC9C,CAAC;IAQD;;;OAGG;IAEH,KAAK,CAAC,QAAQ,CAAC,QAAgB;;QAC7B,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAA;QACrB,IAAI,CAAC,aAAa,GAAG,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,KAAI,CAAC,CAAA;QAC5C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACnC,CAAC;IAED;;OAEG;IACK,cAAc;QACpB,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,QAAQ,WAAW,CAAC;aACxF,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAA;IACd,CAAC;IAED;;;;;;;OAOG;IACK,qBAAqB;QAC3B,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,CAAA;QAExD,OAAO,aAAa,IAAI,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE;YACjD,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE;gBAC9C,CAAC,CAAC,IAAI,CAAC,SAAS;gBAChB,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE;oBAClD,CAAC,CAAC,IAAI,CAAC,WAAW;oBAClB,CAAC,CAAC,gBAAgB,CAAA;IAC1B,CAAC;IAEO,cAAc;QACpB,OAAO;YACL,aAAa,EAAE,IAAI;YACnB,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO;YAC/B,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YACjC,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO;YAC/B,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;YACjC,MAAM,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;YAC/B,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;SAClC,CAAA;IACH,CAAC;IAED,MAAM;QACJ,MAAM,mBAAmB,GAAW,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAA;QACvE,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,GAAG,CAAC,CAAA;QAC5C,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAA;QAE7B,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,IAC9B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACf,WAAK,KAAK,EAAC,KAAK;gBACb,QAAQ,IAAI,CACX,WAAK,KAAK,EAAC,kBAAkB;oBAC3B,aAAO,OAAO,EAAE,IAAI,CAAC,QAAQ,IAAG,IAAI,CAAC,KAAK,CAAS,CAC/C,CACP;gBACD,WAAK,KAAK,EAAC,KAAK;oBACd,8BACE,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,IACrB,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1C,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1C,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,wBAC3C,IAAI,CAAC,cAAc,EAAE,IACnC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC3D;oBACX,IAAI,CAAC,WAAW,IAAI,CACnB,eACG,aAAa,CAAC,CAAC,CAAC,CACf,YAAM,KAAK,EAAC,WAAW,eAAW,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,WAAW;;wBAC/E,kBAAS,mBAAmB,CAAU;sCACxC,CACR,CAAC,CAAC,CAAC,CACF,YAAM,KAAK,EAAC,OAAO,eAAW,QAAQ,EAAC,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,WAAW;;wBACnD,kBAAS,IAAI,CAAC,SAAS,CAAU;sCAC7C,CACR,CACG,CACP;oBACA,IAAI,CAAC,cAAc,IAAI,CACtB,WAAK,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,WAAW,eAAY,QAAQ;wBACtD,eAAa,CACT,CACP,CACG,CACF,CACP,CAAC,CAAC,CAAC,CACF;gBACE,QAAQ,CAAC,CAAC,CAAC,aAAO,OAAO,EAAE,IAAI,CAAC,QAAQ,IAAG,IAAI,CAAC,KAAK,CAAS,CAAC,CAAC,CAAC,IAAI;gBACrE,8BACE,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,IACrB,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1C,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1C,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,wBAC3C,IAAI,CAAC,cAAc,EAAE,IACnC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC3D;gBACZ,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CACjB,eACG,aAAa,CAAC,CAAC,CAAC,CACf,YAAM,KAAK,EAAC,WAAW,eAAW,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,WAAW;;oBAC/E,kBAAS,mBAAmB,CAAU;kCACxC,CACR,CAAC,CAAC,CAAC,CACF,YAAM,KAAK,EAAC,OAAO,eAAW,QAAQ,EAAC,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,WAAW;;oBACnD,kBAAS,IAAI,CAAC,SAAS,CAAU;kCAC7C,CACR,CACG,CACP,CAAC,CAAC,CAAC,IAAI;gBACR,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CACpB,WAAK,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,WAAW,eAAY,QAAQ;oBACtD,eAAa,CACT,CACP,CAAC,CAAC,CAAC,IAAI;aACT,CACF,CACG,CACD,CACR,CAAA;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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

@@ -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

@@ -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"]}
+{"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"]}

package/dist/collection/components/wizard/wizard.js

@@ -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";
 import { UniversalSwipe } from "../../utils/swipe";
@@ -126,7 +125,7 @@ export class Wizard {
          * Se for a última etapa, valida e emite evento de conclusão.
          * Caso contrário, avança para a próxima etapa.
          */
-        this.handleNext = () => __awaiter(this, void 0, void 0, function* () {
+        this.handleNext = async () => {
             if (this.currentStep === this.panels.length) {
                 // Última etapa: validar antes de completar
                 const eventResult = this.brWizardBeforeStepChange.emit(this.currentStep);
@@ -136,16 +135,16 @@ export class Wizard {
                 }
             }
             else {
-                yield this.nextStep();
+                await this.nextStep();
             }
-        });
+        };
         /**
          * Handler do botão "Voltar".
          * Navega para a etapa anterior.
          */
-        this.handlePrevious = () => __awaiter(this, void 0, void 0, function* () {
-            yield this.previousStep();
-        });
+        this.handlePrevious = async () => {
+            await this.previousStep();
+        };
         /**
          * Handler do botão "Cancelar".
          * Emite evento de cancelamento do wizard.
@@ -168,12 +167,10 @@ export class Wizard {
      * Observa mudanças na etapa inicial.
      * Reinicializa o wizard quando a prop initialStep é alterada externamente.
      */
-    handleInitialStepChange() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.setInitialStep();
-            yield this.syncWithBrStep();
-            this.updatePanels();
-        });
+    async handleInitialStepChange() {
+        this.setInitialStep();
+        await this.syncWithBrStep();
+        this.updatePanels();
     }
     /**
      * Observa mudanças na etapa atual (fonte única de verdade).
@@ -181,15 +178,13 @@ export class Wizard {
      * @param newStep - Nova etapa
      * @param oldStep - Etapa anterior
      */
-    handleCurrentStepChange(newStep, oldStep) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (newStep !== oldStep) {
-                yield this.syncWithBrStep();
-                this.updatePanels();
-                this.announceStepChange(newStep, oldStep);
-                this.setFocusOnActivePanel();
-            }
-        });
+    async handleCurrentStepChange(newStep, oldStep) {
+        if (newStep !== oldStep) {
+            await this.syncWithBrStep();
+            this.updatePanels();
+            this.announceStepChange(newStep, oldStep);
+            this.setFocusOnActivePanel();
+        }
     }
     // ========================================
     // LISTENERS
@@ -199,31 +194,27 @@ export class Wizard {
      * Redescobre os painéis e ressincroniza o estado.
      * @param event - Evento slotchange
      */
-    handleSlotChange(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const slot = event.target;
-            this.discoverPanelsFromSlot(slot);
-            yield this.syncWithBrStep();
-            this.updatePanels();
-        });
+    async handleSlotChange(event) {
+        const slot = event.target;
+        this.discoverPanelsFromSlot(slot);
+        await this.syncWithBrStep();
+        this.updatePanels();
     }
     /**
      * Detecta quando o br-step muda de etapa ativa.
      * Valida e sincroniza a navegação com o componente interno br-step.
      * @param event - Evento customizado do br-step
      */
-    handleStepChange(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.isSyncingWithStep) {
-                return;
-            }
-            const requestedStep = event.detail.activeStep + 1;
-            const success = yield this.navigateToStep(requestedStep);
-            if (!success) {
-                event.stopPropagation();
-                yield this.syncWithBrStep();
-            }
-        });
+    async handleStepChange(event) {
+        if (this.isSyncingWithStep) {
+            return;
+        }
+        const requestedStep = event.detail.activeStep + 1;
+        const success = await this.navigateToStep(requestedStep);
+        if (!success) {
+            event.stopPropagation();
+            await this.syncWithBrStep();
+        }
     }
     // ========================================
     // LIFECYCLE HOOKS
@@ -239,24 +230,22 @@ export class Wizard {
      * Lifecycle: carrega painéis e configura estado inicial.
      * Sincroniza com br-step, atualiza painéis e configura detecção mobile.
      */
-    componentDidLoad() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
-            if (slot !== null && typeof slot !== 'undefined') {
-                const assignedElements = slot.assignedElements();
-                const slotPanels = assignedElements.filter((el) => el.tagName.toLowerCase() === 'br-wizard-panel');
-                if (slotPanels.length !== this.panels.length) {
-                    this.panels = slotPanels;
-                }
-            }
-            yield this.syncWithBrStep();
-            this.updatePanels();
-            this.setupMobileDetection();
-            if (this.isMobile) {
-                this.collapsed = true;
+    async componentDidLoad() {
+        var _a;
+        const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
+        if (slot !== null && typeof slot !== 'undefined') {
+            const assignedElements = slot.assignedElements();
+            const slotPanels = assignedElements.filter((el) => el.tagName.toLowerCase() === 'br-wizard-panel');
+            if (slotPanels.length !== this.panels.length) {
+                this.panels = slotPanels;
             }
-        });
+        }
+        await this.syncWithBrStep();
+        this.updatePanels();
+        this.setupMobileDetection();
+        if (this.isMobile) {
+            this.collapsed = true;
+        }
     }
     /**
      * Lifecycle: limpa listeners quando componente é removido.
@@ -274,20 +263,16 @@ export class Wizard {
      * Executa validação via evento `brWizardBeforeStepChange` antes de navegar.
      * @returns Promise<boolean> - true se navegou com sucesso, false se bloqueado
      */
-    nextStep() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this.navigateToStep(this.currentStep + 1);
-        });
+    async nextStep() {
+        return await this.navigateToStep(this.currentStep + 1);
     }
     /**
      * Volta para a etapa anterior.
      * Não executa validação ao retornar.
      * @returns Promise<boolean> - true se navegou com sucesso, false se bloqueado
      */
-    previousStep() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this.navigateToStep(this.currentStep - 1);
-        });
+    async previousStep() {
+        return await this.navigateToStep(this.currentStep - 1);
     }
     /**
      * Navega para uma etapa específica.
@@ -295,67 +280,53 @@ export class Wizard {
      * @param stepNumber - Número da etapa de destino (numeração começa em 1)
      * @returns Promise<boolean> - true se navegou com sucesso, false se bloqueado
      */
-    goToStep(stepNumber) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this.navigateToStep(stepNumber);
-        });
+    async goToStep(stepNumber) {
+        return await this.navigateToStep(stepNumber);
     }
     /**
      * Retorna à primeira etapa do wizard.
      * Não executa validação (útil para reiniciar o fluxo).
      * @returns Promise<void>
      */
-    reset() {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.navigateToStep(1, true);
-        });
+    async reset() {
+        await this.navigateToStep(1, true);
     }
     /**
      * Retorna o elemento HTML do painel ativo no momento.
      * @returns Promise<HTMLElement | null>
      */
-    getCurrentStep() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this.panels[this.currentStep - 1] || null;
-        });
+    async getCurrentStep() {
+        return this.panels[this.currentStep - 1] || null;
     }
     /**
      * Retorna todos os painéis do wizard.
      * @returns Promise<HTMLElement[]>
      */
-    getAllSteps() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return [...this.panels];
-        });
+    async getAllSteps() {
+        return [...this.panels];
     }
     /**
      * Retorna um painel específico pelo índice.
      * @param stepNumber - Número da etapa (numeração começa em 1)
      * @returns Promise<HTMLElement | null>
      */
-    getStepByIndex(stepNumber) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this.panels[stepNumber - 1] || null;
-        });
+    async getStepByIndex(stepNumber) {
+        return this.panels[stepNumber - 1] || null;
     }
     /**
      * Retorna o índice (número) da etapa atual.
      * A numeração começa em 1 (primeira etapa = 1, segunda = 2, etc).
      * @returns Promise<number>
      */
-    getCurrentStepIndex() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this.currentStep;
-        });
+    async getCurrentStepIndex() {
+        return this.currentStep;
     }
     /**
      * Retorna o número total de etapas do wizard.
      * @returns Promise<number>
      */
-    getTotalSteps() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this.panels.length;
-        });
+    async getTotalSteps() {
+        return this.panels.length;
     }
     // ========================================
     // NAVEGAÇÃO E VALIDAÇÃO
@@ -371,64 +342,62 @@ export class Wizard {
      * @param skipValidation - Se true, pula validação (útil para reset/programático)
      * @returns Promise<boolean> - true se navegou com sucesso, false se bloqueado
      */
-    navigateToStep(targetStep_1) {
-        return __awaiter(this, arguments, void 0, function* (targetStep, skipValidation = false) {
-            /**
-             * VALIDAÇÕES BÁSICAS
-             * 1. Verifica se targetStep está dentro dos limites válidos
-             * 2. Se já estamos na etapa alvo, retorna sucesso imediatamente
-             */
-            if (targetStep < 1 || targetStep > this.panels.length) {
+    async navigateToStep(targetStep, skipValidation = false) {
+        /**
+         * VALIDAÇÕES BÁSICAS
+         * 1. Verifica se targetStep está dentro dos limites válidos
+         * 2. Se já estamos na etapa alvo, retorna sucesso imediatamente
+         */
+        if (targetStep < 1 || targetStep > this.panels.length) {
+            return false;
+        }
+        if (targetStep === this.currentStep) {
+            return true;
+        }
+        /**
+         * MODO LINEAR: RESTRIÇÕES
+         * No modo linear, não é permitido pular para etapas futuras não visitadas.
+         * É possível voltar, mas não avançar além da próxima etapa sequencial.
+         */
+        if (this.progressionType === 'linear') {
+            if (targetStep > this.currentStep + 1) {
+                const message = `Não é possível pular etapas. Complete a etapa ${this.currentStep + 1} antes de avançar.`;
+                this.announceToScreenReader(message);
+                this.brWizardNavigationBlocked.emit('linear-progression');
                 return false;
             }
-            if (targetStep === this.currentStep) {
-                return true;
-            }
-            /**
-             * MODO LINEAR: RESTRIÇÕES
-             * No modo linear, não é permitido pular para etapas futuras não visitadas.
-             * É possível voltar, mas não avançar além da próxima etapa sequencial.
-             */
-            if (this.progressionType === 'linear') {
-                if (targetStep > this.currentStep + 1) {
-                    const message = `Não é possível pular etapas. Complete a etapa ${this.currentStep + 1} antes de avançar.`;
-                    this.announceToScreenReader(message);
-                    this.brWizardNavigationBlocked.emit('linear-progression');
-                    return false;
-                }
-            }
+        }
+        /**
+         * VALIDAÇÃO CUSTOMIZADA
+         * Emite evento brWizardBeforeStepChange APENAS se:
+         * 1. Não estamos pulando validação (skipValidation=false)
+         * 2. Estamos AVANÇANDO (targetStep > currentStep)
+         *
+         * Observações:
+         * - Voltar não precisa validar
+         * - Validação se aplica a ambos os modos (linear e nonlinear)
+         */
+        const shouldValidate = !skipValidation && targetStep > this.currentStep;
+        if (shouldValidate) {
+            const eventResult = this.brWizardBeforeStepChange.emit(targetStep);
             /**
-             * VALIDAÇÃO CUSTOMIZADA
-             * Emite evento brWizardBeforeStepChange APENAS se:
-             * 1. Não estamos pulando validação (skipValidation=false)
-             * 2. Estamos AVANÇANDO (targetStep > currentStep)
-             *
-             * Observações:
-             * - Voltar não precisa validar
-             * - Validação se aplica a ambos os modos (linear e nonlinear)
+             * Se preventDefault() foi chamado no listener do evento,
+             * bloqueia a navegação e retorna false
              */
-            const shouldValidate = !skipValidation && targetStep > this.currentStep;
-            if (shouldValidate) {
-                const eventResult = this.brWizardBeforeStepChange.emit(targetStep);
-                /**
-                 * Se preventDefault() foi chamado no listener do evento,
-                 * bloqueia a navegação e retorna false
-                 */
-                if (eventResult.defaultPrevented) {
-                    const message = 'Não é possível avançar. Verifique os campos obrigatórios da etapa atual.';
-                    this.announceToScreenReader(message);
-                    this.brWizardNavigationBlocked.emit('validation-failed');
-                    return false;
-                }
+            if (eventResult.defaultPrevented) {
+                const message = 'Não é possível avançar. Verifique os campos obrigatórios da etapa atual.';
+                this.announceToScreenReader(message);
+                this.brWizardNavigationBlocked.emit('validation-failed');
+                return false;
             }
-            /**
-             * EXECUTA NAVEGAÇÃO
-             * Atualiza o estado interno e emite evento de confirmação
-             */
-            this.currentStep = targetStep;
-            this.brWizardStepChange.emit(this.currentStep);
-            return true;
-        });
+        }
+        /**
+         * EXECUTA NAVEGAÇÃO
+         * Atualiza o estado interno e emite evento de confirmação
+         */
+        this.currentStep = targetStep;
+        this.brWizardStepChange.emit(this.currentStep);
+        return true;
     }
     // ========================================
     // SINCRONIZAÇÃO COM BR-STEP
@@ -439,35 +408,33 @@ export class Wizard {
      * O br-step já gerencia completamente os atributos 'active' via componentShouldUpdate
      * e requestAnimationFrame, então apenas chamamos os métodos de navegação dele.
      */
-    syncWithBrStep() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.stepRef === null)
-                return;
-            if (typeof this.stepRef.GetActiveStep !== 'function') {
-                return;
-            }
-            this.isSyncingWithStep = true;
-            try {
-                const targetStepIndex = this.currentStep - 1;
-                const currentActiveStep = yield this.stepRef.GetActiveStep();
-                if (currentActiveStep !== targetStepIndex) {
-                    const diff = targetStepIndex - currentActiveStep;
-                    if (diff > 0) {
-                        for (let i = 0; i < diff; i++) {
-                            yield this.stepRef.ProceedToNextStep();
-                        }
+    async syncWithBrStep() {
+        if (this.stepRef === null)
+            return;
+        if (typeof this.stepRef.GetActiveStep !== 'function') {
+            return;
+        }
+        this.isSyncingWithStep = true;
+        try {
+            const targetStepIndex = this.currentStep - 1;
+            const currentActiveStep = await this.stepRef.GetActiveStep();
+            if (currentActiveStep !== targetStepIndex) {
+                const diff = targetStepIndex - currentActiveStep;
+                if (diff > 0) {
+                    for (let i = 0; i < diff; i++) {
+                        await this.stepRef.ProceedToNextStep();
                     }
-                    else {
-                        for (let i = 0; i < Math.abs(diff); i++) {
-                            yield this.stepRef.BackToPreviousStep();
-                        }
+                }
+                else {
+                    for (let i = 0; i < Math.abs(diff); i++) {
+                        await this.stepRef.BackToPreviousStep();
                     }
                 }
             }
-            finally {
-                this.isSyncingWithStep = false;
-            }
-        });
+        }
+        finally {
+            this.isSyncingWithStep = false;
+        }
     }
     // ========================================
     // GERENCIAMENTO DE PAINÉIS
@@ -484,16 +451,14 @@ export class Wizard {
      * Atualiza estados de todos os painéis.
      * Define o índice e o estado ativo de cada painel.
      */
-    updatePanels() {
-        return __awaiter(this, void 0, void 0, function* () {
-            for (let idx = 0; idx < this.panels.length; idx++) {
-                const panel = this.panels[idx];
-                const stepNumber = idx + 1;
-                const isActive = stepNumber === this.currentStep;
-                yield panel.setIndex(stepNumber);
-                yield panel.setActive(isActive);
-            }
-        });
+    async updatePanels() {
+        for (let idx = 0; idx < this.panels.length; idx++) {
+            const panel = this.panels[idx];
+            const stepNumber = idx + 1;
+            const isActive = stepNumber === this.currentStep;
+            await panel.setIndex(stepNumber);
+            await panel.setActive(isActive);
+        }
     }
     /**
      * Define etapa inicial baseada na prop initialStep.