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

package/dist/webcomponents/p-Bhwl8CRi.system.js

@@ -30,19 +30,19 @@ var __generator = this && this.__generator || function(e, t) {
   var i = {
     label: 0,
     sent: function() {
-      if (a[0] & 1) throw a[1];
-      return a[1];
+      if (o[0] & 1) throw o[1];
+      return o[1];
     },
     trys: [],
     ops: []
-  }, s, n, a, o;
-  return o = {
+  }, s, n, o, a;
+  return a = {
     next: verb(0),
     throw: verb(1),
     return: verb(2)
-  }, typeof Symbol === "function" && (o[Symbol.iterator] = function() {
+  }, typeof Symbol === "function" && (a[Symbol.iterator] = function() {
     return this;
-  }), o;
+  }), a;
   function verb(e) {
     return function(t) {
       return step([ e, t ]);
@@ -50,14 +50,14 @@ var __generator = this && this.__generator || function(e, t) {
   }
   function step(l) {
     if (s) throw new TypeError("Generator is already executing.");
-    while (o && (o = 0, l[0] && (i = 0)), i) try {
-      if (s = 1, n && (a = l[0] & 2 ? n["return"] : l[0] ? n["throw"] || ((a = n["return"]) && a.call(n), 
-      0) : n.next) && !(a = a.call(n, l[1])).done) return a;
-      if (n = 0, a) l = [ l[0] & 2, a.value ];
+    while (a && (a = 0, l[0] && (i = 0)), i) try {
+      if (s = 1, n && (o = l[0] & 2 ? n["return"] : l[0] ? n["throw"] || ((o = n["return"]) && o.call(n), 
+      0) : n.next) && !(o = o.call(n, l[1])).done) return o;
+      if (n = 0, o) l = [ l[0] & 2, o.value ];
       switch (l[0]) {
        case 0:
        case 1:
-        a = l;
+        o = l;
         break;
 
        case 4:
@@ -79,25 +79,25 @@ var __generator = this && this.__generator || function(e, t) {
         continue;
 
        default:
-        if (!(a = i.trys, a = a.length > 0 && a[a.length - 1]) && (l[0] === 6 || l[0] === 2)) {
+        if (!(o = i.trys, o = o.length > 0 && o[o.length - 1]) && (l[0] === 6 || l[0] === 2)) {
           i = 0;
           continue;
         }
-        if (l[0] === 3 && (!a || l[1] > a[0] && l[1] < a[3])) {
+        if (l[0] === 3 && (!o || l[1] > o[0] && l[1] < o[3])) {
           i.label = l[1];
           break;
         }
-        if (l[0] === 6 && i.label < a[1]) {
-          i.label = a[1];
-          a = l;
+        if (l[0] === 6 && i.label < o[1]) {
+          i.label = o[1];
+          o = l;
           break;
         }
-        if (a && i.label < a[2]) {
-          i.label = a[2];
+        if (o && i.label < o[2]) {
+          i.label = o[2];
           i.ops.push(l);
           break;
         }
-        if (a[2]) i.ops.pop();
+        if (o[2]) i.ops.pop();
         i.trys.pop();
         continue;
       }
@@ -106,7 +106,7 @@ var __generator = this && this.__generator || function(e, t) {
       l = [ 6, e ];
       n = 0;
     } finally {
-      s = a = 0;
+      s = o = 0;
     }
     if (l[0] & 5) throw l[1];
     return {
@@ -120,7 +120,7 @@ var __generator = this && this.__generator || function(e, t) {
  * Construído com @govbr-ds/webcomponents
  */ System.register([ "./p-CMdFJ4qj.system.js", "./p-BmSBn_cM.system.js" ], (function(e, t) {
   "use strict";
-  var i, s, n, a;
+  var i, s, n, o;
   return {
     setters: [ function(t) {
       i = t.p;
@@ -128,7 +128,7 @@ var __generator = this && this.__generator || function(e, t) {
       n = t.b;
       e("setNonce", t.s);
     }, function(e) {
-      a = e.g;
+      o = e.g;
     } ],
     execute: function() {
       /*
@@ -169,11 +169,11 @@ var __generator = this && this.__generator || function(e, t) {
           return __generator(this, (function(e) {
             switch (e.label) {
              case 0:
-              return [ 4 /*yield*/ , a() ];
+              return [ 4 /*yield*/ , o() ];
 
              case 1:
               e.sent();
-              return [ 2 /*return*/ , n([ [ "p-24ffcc2b.system", [ [ 65, "br-select", {
+              return [ 2 /*return*/ , n([ [ "p-fe37ebb6.system", [ [ 65, "br-select", {
                 label: [ 513 ],
                 placeholder: [ 513 ],
                 isMultiple: [ 516, "is-multiple" ],
@@ -191,7 +191,7 @@ var __generator = this && this.__generator || function(e, t) {
                 toggleOpen: [ 64 ]
               }, null, {
                 options: [ "synchronizeSelect" ]
-              } ] ] ], [ "p-3a508420.system", [ [ 1, "br-breadcrumb", {
+              } ] ] ], [ "p-79aa414c.system", [ [ 1, "br-breadcrumb", {
                 customId: [ 513, "custom-id" ],
                 homeUrl: [ 1, "home-url" ],
                 crumbs: [ 1 ],
@@ -203,7 +203,7 @@ var __generator = this && this.__generator || function(e, t) {
                 larguraInterna: [ 32 ],
                 larguraPai: [ 32 ],
                 isFolderOpen: [ 32 ]
-              } ] ] ], [ "p-c50854a2.system", [ [ 65, "br-message", {
+              } ] ] ], [ "p-ee3853d3.system", [ [ 65, "br-message", {
                 messageTitle: [ 513, "message-title" ],
                 customId: [ 513, "custom-id" ],
                 message: [ 513 ],
@@ -213,7 +213,30 @@ var __generator = this && this.__generator || function(e, t) {
                 showIcon: [ 516, "show-icon" ],
                 isFeedback: [ 516, "is-feedback" ],
                 state: [ 513 ]
-              } ] ] ], [ "p-fa6f51fa.system", [ [ 65, "br-tag", {
+              } ] ] ], [ "p-302f5fbd.system", [ [ 65, "br-step-item", {
+                label: [ 513 ],
+                highlight: [ 513 ],
+                active: [ 516 ],
+                disabled: [ 516 ],
+                brIconName: [ 513, "br-icon-name" ],
+                brIconAria: [ 513, "br-icon-aria" ],
+                showTimeLine: [ 32 ],
+                stepItemPositionStatus: [ 32 ],
+                stepLayout: [ 32 ],
+                labelPosition: [ 32 ],
+                contentType: [ 32 ],
+                mode: [ 32 ],
+                content: [ 32 ],
+                ariaLabelContent: [ 32 ],
+                setStepItemPositionStatus: [ 64 ],
+                handleShowTimeLine: [ 64 ],
+                setLabelPosition: [ 64 ],
+                setContentType: [ 64 ],
+                setMode: [ 64 ],
+                setContent: [ 64 ]
+              }, null, {
+                active: [ "watchItemIsActive" ]
+              } ] ] ], [ "p-f8262121.system", [ [ 65, "br-tag", {
                 label: [ 513 ],
                 iconName: [ 513, "icon-name" ],
                 name: [ 513 ],
@@ -232,7 +255,7 @@ var __generator = this && this.__generator || function(e, t) {
                 interaction: [ "handleInteractionChange" ],
                 interactionSelect: [ "handleInteractionSelectChange" ],
                 selected: [ "handleSelectedChange" ]
-              } ] ] ], [ "p-0b4b4c3c.system", [ [ 65, "br-upload", {
+              } ] ] ], [ "p-352c7312.system", [ [ 65, "br-upload", {
                 accept: [ 1 ],
                 label: [ 1 ],
                 disabled: [ 516 ],
@@ -240,7 +263,7 @@ var __generator = this && this.__generator || function(e, t) {
                 multiple: [ 4 ],
                 filesSelected: [ 32 ],
                 file: [ 32 ]
-              } ] ] ], [ "p-58c537dc.system", [ [ 1, "br-avatar", {
+              } ] ] ], [ "p-d36f650d.system", [ [ 1, "br-avatar", {
                 density: [ 1025 ],
                 customId: [ 513, "custom-id" ],
                 src: [ 1 ],
@@ -254,7 +277,7 @@ var __generator = this && this.__generator || function(e, t) {
                 hasError: [ 32 ]
               }, null, {
                 density: [ "handleDensityChange" ]
-              } ] ] ], [ "p-0baea87b.system", [ [ 65, "br-checkgroup", {
+              } ] ] ], [ "p-58a6aab1.system", [ [ 65, "br-checkgroup", {
                 label: [ 1 ],
                 labelSelecionado: [ 513, "label-selecionado" ],
                 labelDesselecionado: [ 513, "label-desselecionado" ],
@@ -262,7 +285,7 @@ var __generator = this && this.__generator || function(e, t) {
                 customId: [ 513, "custom-id" ],
                 checked: [ 32 ],
                 isIndeterminate: [ 32 ]
-              }, [ [ 4, "checkedChange", "handleChange" ] ] ] ] ], [ "p-da852ece.system", [ [ 65, "br-collapse", {
+              }, [ [ 4, "checkedChange", "handleChange" ] ] ] ] ], [ "p-ba1c6153.system", [ [ 65, "br-collapse", {
                 customId: [ 513, "custom-id" ],
                 open: [ 1540 ],
                 accordionGroup: [ 1, "accordion-group" ],
@@ -271,7 +294,7 @@ var __generator = this && this.__generator || function(e, t) {
                 iconPosition: [ 1, "icon-position" ],
                 openCollapse: [ 64 ],
                 closeCollapse: [ 64 ]
-              } ] ] ], [ "p-daf44e2e.system", [ [ 1, "br-divider", {
+              } ] ] ], [ "p-b9b466b2.system", [ [ 1, "br-divider", {
                 customId: [ 513, "custom-id" ],
                 orientation: [ 513 ],
                 thickness: [ 513 ],
@@ -283,20 +306,33 @@ var __generator = this && this.__generator || function(e, t) {
                 slotDefault: [ 32 ]
               }, null, {
                 color: [ "updateColor" ]
-              } ] ] ], [ "p-c51e88c5.system", [ [ 65, "br-dropdown", {
+              } ] ] ], [ "p-0e81892b.system", [ [ 65, "br-dropdown", {
                 isOpen: [ 1540, "is-open" ],
                 customId: [ 513, "custom-id" ],
                 open: [ 64 ],
                 hide: [ 64 ]
               }, null, {
                 isOpen: [ "isOpenChanged" ]
-              } ] ] ], [ "p-70b7a2e1.system", [ [ 65, "br-loading", {
+              } ] ] ], [ "p-7dd4f2a5.system", [ [ 65, "br-loading", {
                 isProgress: [ 516, "is-progress" ],
                 customId: [ 513, "custom-id" ],
                 progressPercent: [ 514, "progress-percent" ],
                 isMedium: [ 516, "is-medium" ],
                 label: [ 513 ]
-              } ] ] ], [ "p-27378f51.system", [ [ 65, "br-switch", {
+              } ] ] ], [ "p-4c6733a1.system", [ [ 65, "br-step", {
+                layout: [ 513 ],
+                initialStep: [ 513, "initial-step" ],
+                labelPosition: [ 513, "label-position" ],
+                contentType: [ 513, "content-type" ],
+                mode: [ 513 ],
+                progressionType: [ 513, "progression-type" ],
+                activeStep: [ 32 ],
+                stepItems: [ 32 ],
+                ProceedToNextStep: [ 64 ],
+                BackToPreviousStep: [ 64 ],
+                StepValidation: [ 64 ],
+                GetActiveStep: [ 64 ]
+              }, [ [ 2, "click", "handleClick" ] ] ] ] ], [ "p-d52fbba3.system", [ [ 65, "br-switch", {
                 disabled: [ 516 ],
                 checked: [ 1540 ],
                 customId: [ 513, "custom-id" ],
@@ -310,7 +346,7 @@ var __generator = this && this.__generator || function(e, t) {
                 density: [ 513 ],
                 _slotDefault: [ 32 ],
                 toggleChecked: [ 64 ]
-              } ] ] ], [ "p-6b505a38.system", [ [ 65, "br-textarea", {
+              } ] ] ], [ "p-1e63a10d.system", [ [ 65, "br-textarea", {
                 value: [ 1537 ],
                 label: [ 513 ],
                 placeholder: [ 513 ],
@@ -325,7 +361,7 @@ var __generator = this && this.__generator || function(e, t) {
                 setValue: [ 64 ]
               }, null, {
                 value: [ "valueChanged" ]
-              } ] ] ], [ "p-06f7eeff.system", [ [ 65, "br-item", {
+              } ] ] ], [ "p-cb5ebcb6.system", [ [ 65, "br-item", {
                 disabled: [ 516 ],
                 customId: [ 513, "custom-id" ],
                 isActive: [ 516, "is-active" ],
@@ -341,7 +377,7 @@ var __generator = this && this.__generator || function(e, t) {
                 hasSlotStart: [ 32 ],
                 hasSlotEnd: [ 32 ],
                 selectedValue: [ 32 ]
-              }, [ [ 4, "checkedChange", "handleRadioChange" ], [ 4, "checkedChange", "handleCheckboxChange" ] ] ] ] ], [ "p-5e68b68a.system", [ [ 65, "br-input", {
+              }, [ [ 4, "checkedChange", "handleRadioChange" ], [ 4, "checkedChange", "handleCheckboxChange" ] ] ] ] ], [ "p-b3e7180f.system", [ [ 65, "br-input", {
                 type: [ 513 ],
                 autocomplete: [ 513 ],
                 density: [ 513 ],
@@ -380,7 +416,7 @@ var __generator = this && this.__generator || function(e, t) {
                 label: [ 513 ],
                 value: [ 513 ],
                 toggleChecked: [ 64 ]
-              }, [ [ 8, "checkedChange", "handleCheckedChange" ] ] ] ] ], [ "p-15208deb.system", [ [ 65, "br-checkbox", {
+              }, [ [ 8, "checkedChange", "handleCheckedChange" ] ] ] ] ], [ "p-dbba1627.system", [ [ 65, "br-checkbox", {
                 indeterminate: [ 1540 ],
                 checked: [ 1540 ],
                 customId: [ 513, "custom-id" ],
@@ -395,12 +431,12 @@ var __generator = this && this.__generator || function(e, t) {
                 toggleChecked: [ 64 ]
               }, null, {
                 indeterminate: [ "updateIndeterminate" ]
-              } ] ] ], [ "p-5417fc76.system", [ [ 65, "br-list", {
+              } ] ] ], [ "p-3e073649.system", [ [ 65, "br-list", {
                 header: [ 513 ],
                 isHorizontal: [ 516, "is-horizontal" ],
                 customId: [ 513, "custom-id" ],
                 hideHeaderDivider: [ 516, "hide-header-divider" ]
-              } ] ] ], [ "p-fcb2845b.system", [ [ 65, "br-button", {
+              } ] ] ], [ "p-a29ef881.system", [ [ 65, "br-button", {
                 colorMode: [ 513, "color-mode" ],
                 customId: [ 513, "custom-id" ],
                 density: [ 513 ],

package/dist/webcomponents/{p-C_4ySWyP.system.js.map → p-BoK6TcDE.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-C_4ySWyP.system.js","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-top: 0.1em;\n    margin-left: var(--spacing-scale-base);\n  }\n\n  .br-input .input-icon + input {\n    padding-left: calc(var(--input-padding-icon) + 3px);\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\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<{\n  //   id: string;\n  //   name: string;\n  //   value: string;\n  //   checked: boolean\n  // }>\n  @Event({ bubbles: true, composed: true }) checkedChange: EventEmitter<boolean>\n\n  @Listen('checkedChange', { target: 'window' })\n  handleCheckedChange(event: CustomEvent) {\n    if (event.detail.id !== this.customId && event.detail.name === this.name) {\n      this.checked = false\n    }\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({ id: this.customId, name: this.name, value: this.value, 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({ id: this.customId, name: this.name, value: this.value, checked: this.checked })\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.label}\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"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-BoK6TcDE.system.js","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-top: 0.1em;\n    margin-left: var(--spacing-scale-base);\n  }\n\n  .br-input .input-icon + input {\n    padding-left: calc(var(--input-padding-icon) + 3px);\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\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<{\n  //   id: string;\n  //   name: string;\n  //   value: string;\n  //   checked: boolean\n  // }>\n  @Event({ bubbles: true, composed: true }) checkedChange: EventEmitter<boolean>\n\n  @Listen('checkedChange', { target: 'window' })\n  handleCheckedChange(event: CustomEvent) {\n    if (event.detail.id !== this.customId && event.detail.name === this.name) {\n      this.checked = false\n    }\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({ id: this.customId, name: this.name, value: this.value, 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({ id: this.customId, name: this.name, value: this.value, checked: this.checked })\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.label}\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"],"names":[],"mappings":"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"}

package/dist/webcomponents/p-BwFsTqJ9.system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-BwFsTqJ9.system.js","sources":["../../packages/webcomponents/src/components/step-item/step-item.scss?tag=br-step-item&encapsulation=shadow","../../packages/webcomponents/src/components/step-item/step-item.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n\n.disabled-host {\n  pointer-events: none;\n}\n\n.step-button {\n  position: relative;\n  z-index: 2;\n}\n\n.mode-controller {\n  border: 1px solid var(--gray-20);\n  width: 14px;\n  height: 14px;\n  cursor: pointer;\n  border-radius: 50%;\n  background-color: var(--gray-20);\n}\n\n.mode-controller:focus-visible {\n  outline-color: var(--focus);\n  outline-offset: var(--focus-offset);\n  outline-style: var(--focus-style);\n  outline-width: var(--focus-width);\n}\n\n.mode-controller:hover {\n  background-image: linear-gradient(\n    rgba(var(--interactive-rgb), var(--hover)),\n    rgba(var(--interactive-rgb), var(--hover))\n  );\n}\n\n[data-active].mode-controller {\n  border: 1px solid var(--gray-20);\n  background-color: var(--active);\n}\n\n.step-item-container-horizontal {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n}\n\n.step-item-container-vertical {\n  display: flex;\n  flex-direction: row;\n  max-width: max-content;\n}\n\n.step-item-content {\n  display: flex;\n  position: relative;\n  flex-grow: 1;\n  margin: auto;\n  min-height: 100px;\n  min-width: 80px;\n  justify-content: center;\n}\n\n.controller {\n  display: flex;\n  position: relative;\n  flex-grow: 1;\n  margin: 0 5px;\n  min-height: unset;\n  min-width: unset;\n}\n\n.step-item-content.label-top {\n  flex-direction: column-reverse;\n  align-items: center;\n}\n\n.step-item-content.label-bottom {\n  flex-direction: column;\n  align-items: center;\n}\n\n.step-item-content.label-left {\n  flex-direction: row-reverse;\n  align-items: center;\n  background-color: #fff;\n}\n\n.step-item-content.label-right {\n  flex-direction: row;\n  align-items: center;\n  background-color: #fff;\n}\n\n.step-item-container-vertical .step-item-content.label-right,\n.step-item-container-vertical .step-item-content.label-left {\n  background-color: transparent;\n}\n\n.step-item-indicator-area {\n  display: inline-block;\n  position: relative;\n  z-index: 1;\n}\n\n.step-item-indicator-area .icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  z-index: 4;\n  border-radius: 50%;\n  transform: translate(25px, -5px);\n  color: white;\n  font-size: 16px;\n  font-weight: 900;\n  width: 29px;\n  height: 29px;\n}\n\n.step-item-indicator-area .icon.no-content {\n  transform: translate(0px, 0px);\n  width: 41px;\n  height: 41px;\n}\n\n[data-active].step-item-indicator-area .icon.no-content {\n  transform: translate(5px, 5px);\n  width: 30px;\n  height: 30px;\n}\n\n.success {\n  background-color: var(--success);\n}\n\n.info {\n  background-color: var(--info);\n}\n\n.danger {\n  background-color: var(--danger);\n}\n\n.warning {\n  background-color: var(--warning);\n}\n\n.step-item-label-area {\n  padding: 0;\n  display: flex;\n}\n\n.step-item-label-area > span {\n  font-size: var(--font-size-scale-up-01);\n  font-weight: var(--font-weight-medium);\n  color: var(--interactive);\n}\n\n.vertical.step-item-label-area.label-top {\n  padding-top: 14px;\n}\n\n.vertical.step-item-label-area.label-bottom {\n  padding-bottom: 14px;\n}\n\n.horizontal.step-item-label-area.label-top {\n  padding-bottom: 14px;\n}\n\n.horizontal.step-item-label-area.label-bottom {\n  padding-top: 14px;\n}\n\n.step-item-label-area.label-left {\n  padding: 0 14px;\n}\n.step-item-label-area.label-right {\n  padding: 0 14px;\n}\n\n.step-item-container-vertical .step-item-content.label-right.last .step-item-indicator-area::after,\n.step-item-container-vertical .step-item-content.label-left.last .step-item-indicator-area::after,\n.step-item-container-horizontal .step-item-content.label-bottom.last .step-item-indicator-area::after {\n  display: none;\n}\n\n.step-item-container-vertical .step-item-content.label-top .step-item-label-area,\n.step-item-container-vertical .step-item-content.label-bottom .step-item-label-area {\n  flex-direction: column;\n  align-items: center;\n}\n\n.step-item-container-vertical::after {\n  content: \"\";\n  position: relative;\n  height: 100%;\n  background-color: var(--interactive);\n  display: block;\n  transform: translate(50%, 20px);\n  z-index: -1;\n  width: 2px;\n  right: 50%;\n}\n\n.step-item-container-vertical.label-bottom::after {\n  top: 50%;\n  height: 70%;\n}\n\n.step-item-container-vertical.label-top::after {\n  top: 50%;\n  height: 70%;\n}\n\n.step-item-container-vertical.label-left::after {\n  right: 16%;\n  top: 12%;\n}\n\n.step-item-container-vertical.label-right::after {\n  top: 12%;\n  right: 86%;\n}\n\n.step-item-container-horizontal::after {\n  content: \"\";\n  position: relative;\n  height: 2px;\n  background-color: var(--interactive);\n  display: block;\n  transform: translate(50%, 20px);\n  z-index: -1;\n  width: 100%;\n  left: 0;\n  bottom: 75%;\n}\n\n.step-item-container-horizontal.label-top::after {\n  content: \"\";\n  left: 0;\n  bottom: 50%;\n}\n\n.step-item-container-horizontal.label-bottom::after {\n  content: \"\";\n  left: 0;\n  bottom: 86%;\n}\n\n.step-item-container-horizontal.label-left::after {\n  bottom: 68%;\n  width: 70%;\n  left: 26%;\n}\n\n.step-item-container-horizontal.label-right::after {\n  bottom: 68%;\n  width: 58%;\n  left: 42%;\n}\n\n.step-item-container-horizontal.last::after,\n.step-item-container-horizontal.controller::after,\n.step-item-container-vertical.last::after {\n  content: \"\";\n  height: 0px;\n  display: none;\n}\n\n.step-item-container-horizontal .step-item-content.label-left.timeline.last::after {\n  content: \"\";\n  position: absolute;\n  width: 160px;\n  height: 2px;\n  background-color: var(--interactive);\n  display: inline-block;\n  right: calc(100% - 80px);\n  bottom: 50%;\n  z-index: -1;\n}\n.content-type-br-icon {\n  color: var(--interactive);\n  font-size: 16px;\n  font-weight: 900;\n}\n\n[data-active] .content-type-br-icon {\n  color: var(--interactive);\n  color: #fff;\n}\n\n.button-controller {\n  width: 15px;\n  height: 15px;\n}\n\n/* Desktops grandes (até 1440px) */\n@media (max-width: 1440px) {\n  .step-item-container-horizontal.label-left::after {\n    width: 50%;\n    left: 48%;\n    bottom: 68%;\n  }\n  .step-item-container-horizontal.label-right::after {\n    bottom: 68%;\n    width: 58%;\n    left: 48%;\n  }\n}\n\n/* Laptops (até 1024px) */\n@media (max-width: 1024px) {\n  .step-item-container-horizontal.label-left::after {\n    width: 34%;\n    left: 58%;\n    bottom: 68%;\n  }\n  .step-item-container-horizontal.label-right::after {\n    bottom: 68%;\n    width: 36%;\n    left: 72%;\n  }\n  .step-item-container-vertical.label-top::after {\n    top: 50%;\n    height: 50%;\n  }\n}\n\n/* Tablets (até 768px) */\n@media (max-width: 768px) {\n  .step-item-container-horizontal.label-left::after {\n    width: 22%;\n    left: 76%;\n    bottom: 68%;\n  }\n  .step-item-container-horizontal.label-right::after {\n    bottom: 68%;\n    width: 36%;\n    left: 72%;\n  }\n  .step-item-container-vertical.label-top::after {\n    top: 50%;\n    height: 50%;\n  }\n}\n\n/* Celulares grandes (até 414px) */\n@media (max-width: 425px) {\n  .step-item-container-horizontal.label-left::after {\n    width: 20%;\n    left: 80%;\n    bottom: 68%;\n  }\n  .step-item-container-horizontal.label-right::after {\n    bottom: 68%;\n    width: 36%;\n    left: 72%;\n  }\n  .step-item-container-vertical.label-top::after {\n    top: 50%;\n    height: 50%;\n  }\n}\n\n/* Celulares médios (até 375px) */\n@media (max-width: 375px) {\n  .step-item-container-horizontal.label-left::after {\n    width: 18%;\n    left: 82%;\n    bottom: 68%;\n  }\n  .step-item-container-horizontal.label-right::after {\n    bottom: 68%;\n    width: 36%;\n    left: 72%;\n  }\n  .step-item-container-vertical.label-top::after {\n    top: 50%;\n    height: 50%;\n  }\n}\n\n/* Celulares pequenos (até 320px) */\n@media (max-width: 320px) {\n  .step-item-container-horizontal.label-left::after {\n    width: 16%;\n    left: 85%;\n    bottom: 68%;\n  }\n  .step-item-container-horizontal.label-right::after {\n    bottom: 68%;\n    width: 36%;\n    left: 72%;\n  }\n\n  .step-item-container-vertical.label-top::after {\n    top: 50%;\n    height: 50%;\n  }\n}\n","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 { 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/step?tab=designer).\n *\n * @slot nomeado label-area: insere o conteúdo customizado dentro do botão que compõe o componente.\n */\n@Component({\n  tag: 'br-step-item',\n  styleUrl: 'step-item.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class StepItem {\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: HTMLBrStepItemElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   *  Propriedade que define o conteúdo do texto auxiliar de realce do item de Step.\n   */\n  @Prop({ reflect: true }) label: string = ''\n\n  /**\n   *  Propriedade que define o tipo de ícone de destaque exibido pelo item Step, com quatro opções disponíveis: \"success\", \"info\", \"danger\" e \"warning\".\n   */\n  @Prop({ reflect: true }) highlight?: 'success' | 'info' | 'danger' | 'warning'\n\n  /**\n   *  Propriedade que define se o item Step está com estado ativo.\n   */\n  @Prop({ reflect: true }) active: boolean = false\n\n  /**\n   *  Propriedade que define se o item Step está com estado desativado..\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   *  Propriedade Define o nome do ícone do componente BRIcon que será exibido como conteúdo do step item, propriedade funciona apenas quando o state contentType assume o valor br-icon.\n   */\n  @Prop({ reflect: true }) brIconName?: string = ''\n  /**\n   *  Propriedade Define o nome do ícone o texto de acessibilidade apresentando quando o tipo de conteúdo for o br-icon\n   */\n\n  @Prop({ reflect: true }) brIconAria: string = ''\n\n  @State() showTimeLine: boolean = false\n  @State() stepItemPositionStatus: 'first' | 'middle' | 'last' = 'first'\n  @State() stepLayout: 'horizontal' | 'vertical' = 'horizontal'\n  @State() labelPosition: 'top' | 'right' | 'bottom' | 'left' = 'bottom'\n  @State() contentType: 'default' | 'br-icon' | 'no-content' | 'slotted' = 'default'\n  @State() mode: 'controller' | 'step' = 'step'\n  @State() content: string = ''\n  @State() ariaLabelContent: string = ''\n\n  /**\n   * Emite um evento após o componente ter sido carregado pela primeira vez.\n   * Utilize este evento para realizar ações que devem ocorrer antes que o componente seja renderizado ou atualizado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n   */\n  @Event() brWillRender: EventEmitter<void>\n  componentWillRender() {\n    let accessibilityContent = ''\n    let activeItem = ''\n    if (this.contentType === 'slotted') {\n      const slotedContent = this.el.lastElementChild\n      accessibilityContent =\n        this.label !== ''\n          ? `passo ${this.content} ${slotedContent.textContent} ${this.label} ${this.highLightAriaLabel[this.highlight]}`\n          : `passo ${this.content} ${slotedContent.textContent} ${this.highLightAriaLabel[this.highlight]}`\n      this.ariaLabelContent = accessibilityContent\n      return\n    }\n    if (this.contentType === 'br-icon') {\n      accessibilityContent =\n        `passo  ${this.content} ` + this.brIconAria + this.label + this.highLightAriaLabel[this.highlight]\n      activeItem = this.active === true ? accessibilityContent + ' selecionado' : accessibilityContent\n      this.ariaLabelContent = activeItem\n      return\n    } else {\n      accessibilityContent =\n        this.label !== ''\n          ? `passo ${this.content} ${this.label} ${this.highLightAriaLabel[this.highlight]}`\n          : `passo ${this.content} ${this.highLightAriaLabel[this.highlight]}`\n      activeItem = this.active === true ? accessibilityContent + ' selecionado' : accessibilityContent\n      this.ariaLabelContent = activeItem\n    }\n  }\n\n  /**\n   * Emite um evento após o componente ter sido carregado pela primeira vez.\n   * Utilize este evento para realizar ações que devem ocorrer antes que o componente seja renderizado ou atualizado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n   */\n  @Event() brDidRender: EventEmitter<void>\n  componentDidRender() {\n    const button = this.el.shadowRoot.getElementById('indicator-area').lastElementChild.shadowRoot\n    if (button !== null) {\n      button.lastElementChild.setAttribute('role', 'option')\n      button.lastElementChild.setAttribute('aria-selected', `${this.active}`)\n      button.lastElementChild.setAttribute('aria-label', this.ariaLabelContent)\n    }\n  }\n\n  /**\n   * Watch que observa o valor da propriedade active, e ao alterar seu valor este método altera o valor do campo de acessibilidade aria-selected\n   */\n  @Watch('active')\n  watchItemIsActive(newValue: boolean, oldValue: boolean) {\n    if (newValue !== oldValue) {\n      const button = this.el.shadowRoot.getElementById('indicator-area').lastElementChild.shadowRoot\n      if (button !== null) {\n        button.lastElementChild.setAttribute('aria-selected', `${this.active}`)\n      }\n    }\n  }\n\n  /**\n   *\n   * Método disponibilizado via api do elemento que indica a posição do step item, ele serve para setar o state stepItemPositionStatus do componente\n   */\n  @Method()\n  async setStepItemPositionStatus(value: 'first' | 'middle' | 'last') {\n    this.stepItemPositionStatus = value\n  }\n\n  /**\n   * Método que define a orientação do stepItem e controla a exibição da linha do tempo após o componente.\n   */\n  @Method()\n  async handleShowTimeLine(value: boolean, layout) {\n    this.showTimeLine = value\n    this.stepLayout = layout\n  }\n\n  /**\n   *\n   * Método disponibilizado via api do elemento que atribui o valor ao estado que define onde o label, o texto de destaque, irá ficar localizado\n   */\n  @Method()\n  async setLabelPosition(value: 'top' | 'right' | 'bottom' | 'left') {\n    this.labelPosition = value\n  }\n\n  /**\n   *\n   * Método disponibilizado via api do elemento que atribui o valor que irá definir o tipo de conteúdo apresentado dentro do componente stepItem\n   */\n  @Method()\n  async setContentType(value: 'default' | 'br-icon' | 'no-content' | 'slotted') {\n    this.contentType = value\n  }\n\n  /**\n   *\n   * Método disponibilizado via api do elemento que atribui o valor que irá definir o modo como o componente irá se comportar e exibir seu estilo.\n   */\n  @Method()\n  async setMode(value: 'controller' | 'step') {\n    this.mode = value\n  }\n  /**\n   *\n   * Método disponibilizado via api do elemento que atribui o valor que irá ser exibido dentro do componente stepItem\n   */\n  @Method()\n  async setContent(value: string) {\n    this.content = value\n  }\n\n  private getStepContainerClassMap(): CssClassMap {\n    return {\n      'step-item-container-horizontal': this.stepLayout === 'horizontal',\n      'step-item-container-vertical': this.stepLayout === 'vertical',\n      last: this.stepItemPositionStatus == 'last',\n      'label-top': this.labelPosition === 'top',\n      'label-left': this.labelPosition === 'left',\n      'label-right': this.labelPosition === 'right',\n      'label-bottom': this.labelPosition === 'bottom' && this.label !== '',\n      controller: this.mode === 'controller',\n      'disabled-div': true,\n    }\n  }\n\n  private getStepItemContentClassMap(): CssClassMap {\n    return {\n      'step-item-content': true,\n      'label-bottom': this.labelPosition === 'bottom',\n      'label-top': this.labelPosition === 'top',\n      'label-left': this.labelPosition === 'left',\n      'label-right': this.labelPosition === 'right',\n      timeline: this.showTimeLine === true,\n      middle: this.stepItemPositionStatus === 'middle',\n      first: this.stepItemPositionStatus === 'first',\n      controller: this.mode === 'controller',\n    }\n  }\n\n  private getStepItemIndicatorAreaClassMap(): CssClassMap {\n    return {\n      'step-item-indicator-area': true,\n    }\n  }\n\n  private getStepItemLabelAreaClassMap(): CssClassMap {\n    return {\n      'step-item-label-area': true,\n      vertical: this.stepLayout === 'vertical',\n      horizontal: this.stepLayout === 'horizontal',\n      'label-bottom': this.labelPosition === 'bottom',\n      'label-top': this.labelPosition === 'top',\n      'label-left': this.labelPosition === 'left',\n      'label-right': this.labelPosition === 'right',\n      'no-label': this.label === '',\n    }\n  }\n\n  private getHighlightClass(): CssClassMap {\n    return {\n      icon: true,\n      success: this.highlight === 'success',\n      info: this.highlight === 'info',\n      warning: this.highlight === 'warning',\n      danger: this.highlight === 'danger',\n      'no-content': this.contentType === 'no-content',\n    }\n  }\n\n  private getStepItemIndicatorClass(): CssClassMap {\n    return {\n      'step-button': true,\n      controller: this.mode === 'controller',\n      'disabled-host': this.disabled,\n    }\n  }\n\n  private highLightAriaLabel = {\n    success: 'passo completo',\n    info: 'passo com item informativo',\n    warning: 'passo com alerta',\n    danger: 'passo com erro',\n    undefined: '',\n  }\n\n  private IconsName = {\n    success: 'fa-check',\n    info: 'fa-info-circle',\n    warning: 'fa-exclamation-triangle',\n    danger: 'fa-times',\n  }\n\n  render() {\n    return (\n      <Host>\n        <div id=\"item-container\" class={this.getStepContainerClassMap()}>\n          <div id=\"item-content\" class={this.getStepItemContentClassMap()}>\n            <div id=\"indicator-area\" data-active={this.active} class={this.getStepItemIndicatorAreaClassMap()}>\n              {this.mode === 'step' && this.highlight && (\n                <div class={this.getHighlightClass()}>\n                  <br-icon\n                    icon-name={this.IconsName[this.highlight]}\n                    class={`${this.highlight === 'warning' && 'warning-color'}`}\n                  ></br-icon>\n                </div>\n              )}\n\n              {this.mode === 'step' && (\n                <br-button\n                  shape=\"circle\"\n                  emphasis=\"secondary\"\n                  isActive={this.active}\n                  class={this.getStepItemIndicatorClass()}\n                >\n                  {this.contentType === 'no-content' && ''}\n                  {this.contentType === 'default' && this.content}\n                  {this.contentType === 'br-icon' && (\n                    <div>\n                      <br-icon icon-name={this.brIconName} class={'content-type-br-icon'}></br-icon>\n                    </div>\n                  )}\n                  {this.contentType === 'slotted' && <slot name={'content-area'}></slot>}\n                </br-button>\n              )}\n\n              {this.mode === 'controller' && <button data-active={this.active} class={'mode-controller'}></button>}\n            </div>\n            <div id=\"label-area\" class={this.getStepItemLabelAreaClassMap()}>\n              <span> {this.label} </span>\n            </div>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/webcomponents/{p-MDfQKKJ3.system.js.map → p-ByHGgMEG.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-MDfQKKJ3.system.js","sources":["../../packages/webcomponents/src/components/checkgroup/checkgroup.scss?tag=br-checkgroup&encapsulation=shadow","../../packages/webcomponents/src/components/checkgroup/checkgroup.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/checkbox/checkbox\";\n\n:host {\n  display: block;\n}\n","import { AttachInternals, Component, Element, h, Host, Listen, Prop, State } 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/utilitarios/js/checkgroup?tab=desenvolvedor).\n *\n * @slot default - Slot para adicionar os checkboxes que serão controlados pelo checkgroup.\n */\n@Component({\n  tag: 'br-checkgroup',\n  styleUrl: 'checkgroup.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Checkgroup {\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: HTMLBrCheckgroupElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Texto descritivo do grupo.\n   */\n  @Prop() label: string\n\n  /**\n   * Define o texto do label quando o checkbox está marcado.\n   */\n  @Prop({ reflect: true }) labelSelecionado: string = 'Desselecionar tudo'\n\n  /**\n   * Define o texto do label quando o checkbox está desmarcado.\n   */\n  @Prop({ reflect: true }) labelDesselecionado: string = 'Selecionar tudo'\n\n  /**\n   * Define o estado intermediário do checkbox.\n   * Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.\n   * Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial.\n   */\n  @Prop({ reflect: true }) indeterminate: 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-checkgroup-${checkgroupId++}`\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  @State() checked: boolean = false\n\n  /**\n   * Indica se o grupo de checkboxes está indeterminado\n   */\n  @State() isIndeterminate: boolean = false\n\n  componentWillLoad() {\n    this.isIndeterminate = this.el.hasAttribute('indeterminate')\n\n    this.updateGroupState()\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-checkgroup': true,\n    }\n  }\n\n  @Listen('checkedChange', {\n    target: 'document',\n  })\n  handleChange(event: Event) {\n    const target = event.target as HTMLBrCheckboxElement\n\n    if (this.isParentCheckbox(target)) {\n      this.checked = !this.checked\n      this.handleAllCheckboxChange()\n    } else {\n      this.updateGroupState()\n    }\n  }\n\n  private isParentCheckbox(target: HTMLBrCheckboxElement): boolean {\n    return target === this.el.shadowRoot?.querySelector('br-checkbox')\n  }\n\n  private readonly handleAllCheckboxChange = () => {\n    const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'))\n\n    checkListAll.forEach((item) => {\n      item.checked = this.checked\n      item.indeterminate = false\n    })\n\n    const parentCheckbox = this.el.shadowRoot?.querySelector('br-checkbox')\n    if (parentCheckbox !== null) {\n      parentCheckbox.indeterminate = false\n    }\n  }\n\n  private updateGroupState() {\n    const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'))\n    const allChecked = checkListAll.every((item) => item.checked)\n    const noneChecked = checkListAll.every((item) => !item.checked)\n\n    if (allChecked) {\n      this.checked = true\n      this.isIndeterminate = false\n    } else if (noneChecked) {\n      this.checked = false\n      this.isIndeterminate = false\n    } else {\n      this.checked = false\n      this.isIndeterminate = true\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} style={{ width: '100%' }}>\n          {this.label && <label>{this.label}</label>}\n          <div class=\"mb-1\">\n            <div class=\"checkgroup-example\">\n              <br-checkbox\n                name={`checkgroup-${this.customId}`}\n                checked={this.checked}\n                indeterminate={this.isIndeterminate}\n                label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                aria-label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                onCheckedChange={this.handleChange.bind(this)}\n              ></br-checkbox>\n            </div>\n          </div>\n          <div class=\"mb-1 ml-2\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet checkgroupId = 0\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-ByHGgMEG.system.js","sources":["../../packages/webcomponents/src/components/checkgroup/checkgroup.scss?tag=br-checkgroup&encapsulation=shadow","../../packages/webcomponents/src/components/checkgroup/checkgroup.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/checkbox/checkbox\";\n\n:host {\n  display: block;\n}\n","import { AttachInternals, Component, Element, h, Host, Listen, Prop, State } 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/utilitarios/js/checkgroup?tab=desenvolvedor).\n *\n * @slot default - Slot para adicionar os checkboxes que serão controlados pelo checkgroup.\n */\n@Component({\n  tag: 'br-checkgroup',\n  styleUrl: 'checkgroup.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Checkgroup {\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: HTMLBrCheckgroupElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Texto descritivo do grupo.\n   */\n  @Prop() label: string\n\n  /**\n   * Define o texto do label quando o checkbox está marcado.\n   */\n  @Prop({ reflect: true }) labelSelecionado: string = 'Desselecionar tudo'\n\n  /**\n   * Define o texto do label quando o checkbox está desmarcado.\n   */\n  @Prop({ reflect: true }) labelDesselecionado: string = 'Selecionar tudo'\n\n  /**\n   * Define o estado intermediário do checkbox.\n   * Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.\n   * Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial.\n   */\n  @Prop({ reflect: true }) indeterminate: 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-checkgroup-${checkgroupId++}`\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  @State() checked: boolean = false\n\n  /**\n   * Indica se o grupo de checkboxes está indeterminado\n   */\n  @State() isIndeterminate: boolean = false\n\n  componentWillLoad() {\n    this.isIndeterminate = this.el.hasAttribute('indeterminate')\n\n    this.updateGroupState()\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-checkgroup': true,\n    }\n  }\n\n  @Listen('checkedChange', {\n    target: 'document',\n  })\n  handleChange(event: Event) {\n    const target = event.target as HTMLBrCheckboxElement\n\n    if (this.isParentCheckbox(target)) {\n      this.checked = !this.checked\n      this.handleAllCheckboxChange()\n    } else {\n      this.updateGroupState()\n    }\n  }\n\n  private isParentCheckbox(target: HTMLBrCheckboxElement): boolean {\n    return target === this.el.shadowRoot?.querySelector('br-checkbox')\n  }\n\n  private readonly handleAllCheckboxChange = () => {\n    const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'))\n\n    checkListAll.forEach((item) => {\n      item.checked = this.checked\n      item.indeterminate = false\n    })\n\n    const parentCheckbox = this.el.shadowRoot?.querySelector('br-checkbox')\n    if (parentCheckbox !== null) {\n      parentCheckbox.indeterminate = false\n    }\n  }\n\n  private updateGroupState() {\n    const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'))\n    const allChecked = checkListAll.every((item) => item.checked)\n    const noneChecked = checkListAll.every((item) => !item.checked)\n\n    if (allChecked) {\n      this.checked = true\n      this.isIndeterminate = false\n    } else if (noneChecked) {\n      this.checked = false\n      this.isIndeterminate = false\n    } else {\n      this.checked = false\n      this.isIndeterminate = true\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} style={{ width: '100%' }}>\n          {this.label && <label>{this.label}</label>}\n          <div class=\"mb-1\">\n            <div class=\"checkgroup-example\">\n              <br-checkbox\n                name={`checkgroup-${this.customId}`}\n                checked={this.checked}\n                indeterminate={this.isIndeterminate}\n                label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                aria-label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                onCheckedChange={this.handleChange.bind(this)}\n              ></br-checkbox>\n            </div>\n          </div>\n          <div class=\"mb-1 ml-2\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet checkgroupId = 0\n"],"names":[],"mappings":"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"}

package/dist/webcomponents/p-CD1bwFZi.system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-CD1bwFZi.system.js","sources":["../../packages/webcomponents/src/components/step/step.scss?tag=br-step&encapsulation=shadow","../../packages/webcomponents/src/components/step/step.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/step/step.scss\";\n\n:host {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n::slotted([disabled]) {\n  opacity: 1 !important;\n}\n\n.step-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  overflow: auto;\n  flex-grow: 1;\n}\n\n.step-container:focus-visible {\n  outline-color: var(--focus);\n  outline-offset: var(--focus-offset);\n  outline-style: var(--focus-style);\n  outline-width: var(--focus-width);\n}\n\n.horizontal {\n  flex-direction: row;\n}\n\n.vertical {\n  flex-direction: column;\n  justify-content: center;\n}\n\n.vertical.label-right {\n  align-items: start;\n  padding-left: 20px;\n}\n\n.vertical.label-left {\n  align-items: start;\n  padding-right: 20px;\n}\n\n::slotted(.linha) {\n  width: 100px;\n  height: 2px;\n  display: flex;\n  align-items: center;\n  background-color: var(--interactive);\n}\n\n::slotted(*) {\n  flex: 1;\n  min-width: 0;\n}\n","import {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n} 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/step?tab=designer).\n *\n * @slot default - Slot que abriga o componente step-item. Este slot tem a particularidade de aceitar somente o componente step-item em sua composição. Caso outro elemento ou componente seja incluído dentro dele, o componente Step não será renderizado, e uma mensagem de erro será exibida no console.\n */\n@Component({\n  tag: 'br-step',\n  styleUrl: 'step.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Step {\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: HTMLBrStepElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * propriedade responsável por definir a orientação do componente Step\n   */\n  @Prop({ reflect: true }) layout: 'horizontal' | 'vertical' = 'horizontal'\n  /**\n   *\n   * define o passo que começará destacado\n   */\n  @Prop({ reflect: true }) initialStep: string = '0'\n  /**\n   *\n   * Propriedade que  define a posição onde o texto de destaque,label, ficará localizado no stepItem\n   */\n  @Prop({ reflect: true }) labelPosition?: 'top' | 'right' | 'bottom' | 'left' = 'bottom'\n  /**\n   *\n   * Propriedade que define o tipo de conteúdo a ser exibido dentro do componente step  e stepItem\n   */\n  @Prop({ reflect: true }) contentType: 'default' | 'br-icon' | 'no-content' | 'slotted' = 'default'\n  /**\n   *\n   * Propriedade que define o tipo de comportamento que o componente Step deverá seguir\n   */\n  @Prop({ reflect: true }) mode: 'controller' | 'step' = 'step'\n\n  /**\n   *\n   * Propriedade que define o tipo de progressão de etapas que o step vai executar\n   */\n  @Prop({ reflect: true }) progressionType: 'linear' | 'nonlinear' = 'nonlinear'\n\n  @State() activeStep: number = 0\n  @State() stepItems: Element[] = []\n  /**\n   * Emite um evento após o componente ter sido carregado pela primeira vez.\n   * Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n   */\n  @Event() brDidLoad: EventEmitter<void>\n  componentDidLoad() {\n    this.setStepItemsLabelPosition()\n    this.setStepItemsContentType()\n    this.setStepItemsDefaultContent()\n    this.setStepItemsMode(this.mode)\n    if (this.mode === 'step') {\n      this.configureTimeLine()\n    }\n    if (this.progressionType === 'linear') {\n      this.configureLinearProgression()\n    }\n    if (this.activeStep <= this.stepItems.length - 1) {\n      this.stepItems[this.activeStep].setAttribute('active', 'true')\n    } else {\n      console.warn('br-step initial-step attribute has value more than number of step-items provided')\n    }\n    this.brDidLoad.emit()\n  }\n\n  /**\n   * Emite um evento antes do componente ser renderizado pela primeira vez, permitindo a preparação de dados ou inicializações necessárias.\n   * Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdwillLoad) para mais detalhes.\n   */\n  @Event() brWilLoad: EventEmitter<void>\n  componentWillLoad() {\n    this.activeStep = Number(this.initialStep)\n    this.getStepItemsElements()\n    this.brWilLoad.emit()\n  }\n\n  /**\n   * Emite um evento para indicar se o componente deve ser atualizado ou não.\n   * Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.\n   */\n  @Event() brShouldUpdate: EventEmitter<void>\n  componentShouldUpdate(newValue, oldValue, stateName) {\n    if (stateName == 'activeStep' && oldValue != newValue) {\n      const outOfRange = oldValue > this.stepItems.length - 1\n      this.stepItems[this.activeStep].setAttribute('active', 'true')\n      if (!outOfRange) {\n        this.stepItems[oldValue].removeAttribute('active')\n      }\n      this.brShouldUpdate.emit()\n    }\n  }\n\n  /**\n   * listener para ouvir o evento de click no componente step\n   * Através desse listener o componente define qual será o proximo passo do step que terá o estado ativo\n   */\n\n  @Listen('click', { capture: true })\n  handleClick(event) {\n    const targetElement = event.target as Element\n    if (targetElement.getAttribute('slot') !== null) {\n      const slotItem = this.stepItems.findIndex((element) => element.lastElementChild === targetElement)\n      this.activeStep = slotItem\n      return\n    }\n    const item = this.stepItems.findIndex((element) => element === targetElement)\n    this.activeStep = item\n  }\n\n  private getStepItemsElements() {\n    const slotItems = Array.from(this.el.children)\n    const firstChildrenContentTypeValue = slotItems[0].getAttribute('content-type')\n    const childrenHaveConsistentContentType = slotItems.every(\n      (item) => item.getAttribute('content-type') === firstChildrenContentTypeValue\n    )\n    const childrenHaveConsistentTagName = slotItems.every((item) => item.tagName.toLowerCase() === 'br-step-item')\n    if (childrenHaveConsistentContentType && childrenHaveConsistentTagName) {\n      this.stepItems = slotItems\n      return\n    }\n    if (!childrenHaveConsistentTagName) {\n      throw new Error('br-step component must have as child elements only br-step-items components')\n    }\n    if (!childrenHaveConsistentContentType) {\n      throw new Error('br-step must have all child elements with same content type attribute value')\n    }\n  }\n\n  private setStepItemsLabelPosition() {\n    const slotItems = Array.from(this.el.getElementsByTagName('br-step-item'))\n    slotItems.forEach((elements) => {\n      if (this.labelPosition !== undefined) {\n        elements.setLabelPosition(this.labelPosition)\n      }\n    })\n  }\n\n  private setStepItemsDefaultContent() {\n    const slotItems = Array.from(this.el.getElementsByTagName('br-step-item'))\n    slotItems.forEach((elements, index) => {\n      const indicatorContent = index + 1\n      elements.setContent(indicatorContent.toString())\n    })\n  }\n\n  private async setStepItemsContentType() {\n    const slotItems = Array.from(this.el.getElementsByTagName('br-step-item'))\n    await Promise.all(slotItems.map((element) => element.setContentType(this.contentType)))\n    slotItems.forEach((elements, index) => {\n      elements.setAttribute('aria-posinset', `${index + 1}`)\n      elements.setAttribute('aria-setsize', `${slotItems.length}`)\n    })\n  }\n\n  private setStepItemsMode(mode: 'controller' | 'step') {\n    const slotItems = Array.from(this.el.getElementsByTagName('br-step-item'))\n    slotItems.forEach((elements) => {\n      if (mode === 'controller') {\n        elements.setMode(this.mode)\n        elements.setContentType('no-content')\n        if (this.layout !== 'horizontal') {\n          this.layout = 'horizontal'\n        }\n        elements.handleShowTimeLine(false, this.layout)\n        elements.removeAttribute('label')\n      }\n    })\n  }\n\n  private getStepItemPosition(stepItemsElements: HTMLBrStepItemElement[], index) {\n    if (index === 0) {\n      return 'first'\n    }\n    if (index > 0 && index < stepItemsElements.length - 1) {\n      return 'middle'\n    }\n    return 'last'\n  }\n\n  private configureTimeLine() {\n    const slotItems = Array.from(this.el.getElementsByTagName('br-step-item'))\n    slotItems.forEach((elements, index) => {\n      const elementPosition = this.getStepItemPosition(slotItems, index)\n      elements.setStepItemPositionStatus(elementPosition)\n      elements.handleShowTimeLine(true, this.layout)\n    })\n  }\n\n  private configureLinearProgression() {\n    const slotItems = Array.from(this.el.getElementsByTagName('br-step-item'))\n    slotItems.forEach((elements, index) => {\n      if (index > 0) {\n        elements.setAttribute('disabled', 'true')\n      }\n    })\n  }\n\n  /**\n   *\n   * Método disponibilizado via API do elemento que controla o componente Step, responsável por avançar para o próximo passo e atualizar o valor do estado activeStep\n   */\n  @Method()\n  async ProceedToNextStep() {\n    if (this.activeStep + 1 < this.stepItems.length) {\n      this.activeStep = this.activeStep + 1\n      if (this.progressionType === 'linear') {\n        this.stepItems[this.activeStep].removeAttribute('disabled')\n      }\n    }\n  }\n\n  /**\n   *\n   * Método disponibilizado via API do elemento que controla o componente Step, responsável por retornar ao passo anterior e atualizar o valor do estado activeStep\n   */\n  @Method()\n  async BackToPreviousStep() {\n    if (this.activeStep - 1 >= 0) {\n      this.activeStep = this.activeStep - 1\n    }\n  }\n\n  /**\n   *\n   * Método disponibilizado via API do elemento que integra um componente externo ao componente Step, permitindo sinalizar validações ou destacar a etapa com estado ativo.\n   */\n  @Method()\n  async StepValidation(validationStatus: 'success' | 'info' | 'danger' | 'warning') {\n    this.stepItems[this.activeStep].setAttribute('highlight', validationStatus)\n  }\n\n  /**\n   *\n   * Método disponibilizado via API do elemento que permite a um componente externo obter a etapa com o estado ativo do componente Step.\n   */\n  @Method()\n  async GetActiveStep() {\n    return this.activeStep\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-step': true,\n      'step-container': true,\n      horizontal: this.layout === 'horizontal',\n      vertical: this.layout === 'vertical',\n      'label-left': this.labelPosition === 'left',\n      'label-right': this.labelPosition === 'right',\n    }\n  }\n\n  private AriaObjectContent = {\n    step: 'Modo etapas ',\n    controller: 'Modo controle ',\n    default: 'passos com conteúdo numérico ',\n    'br-icon': 'passos com conteúdo que possuem icones ',\n    slotted: 'passos com conteúdo customizados ',\n    'no-content': 'passos que apresentam conteúdo por meio de tooltip ',\n    linear: 'progressão linear ',\n    nonlinear: 'progressão não linear ',\n    vertical: 'com layout vertical ',\n    horizontal: 'com layout horizontal ',\n  }\n\n  private getAreaLabel(): string {\n    let ariaLabel = ' Lista de Opções '\n    if (this.mode !== 'controller') {\n      ariaLabel +=\n        this.AriaObjectContent[this.mode] +\n        this.AriaObjectContent[this.contentType] +\n        this.AriaObjectContent[this.progressionType] +\n        this.AriaObjectContent[this.layout]\n    } else {\n      ariaLabel += this.AriaObjectContent[this.mode]\n    }\n    return ariaLabel\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.stepItems.length > 0 && (\n          <div\n            role=\"listbox\"\n            tabIndex={0}\n            aria-orientation={this.layout}\n            aria-label={this.getAreaLabel()}\n            class={this.getCssClassMap()}\n          >\n            <slot></slot>\n          </div>\n        )}\n      </Host>\n    )\n  }\n}\n"],"names":[],"mappings":"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"}