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

package/dist/components/p-Bc03PTAW.js

@@ -1,306 +0,0 @@
-/*!
- * Construído por SERPRO
- * © https://serpro.gov.br/ - MIT License.
- */
-import { p as t, H as e, d as i, h as r, c as a } from "./p-DSkSDmzD.js";
-
-const o = '*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}main{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-step{--step-empty:16px;--step-empty-border:4px;--step-line:1px;--step-size:var(--step-medium);--step-small:32px;--step-medium:40px;--step-large:48px;--step-simple-size:var(--step-simple-medium);--step-simple-medium:8px;--step-simple-large:12px;--step-alert-success-icon:"\\f00c";--step-alert-warning-icon:"\\f071";--step-alert-info-icon:"\\f12a";--step-alert-danger-icon:"\\f00d";display:-webkit-box;display:-ms-flexbox;display:flex;padding:var(--spacing-scale-base)}.br-step.vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.br-step[scroll]{overflow-x:auto;overflow-y:hidden}.br-step[scroll]::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-step[scroll]::-webkit-scrollbar-track{background:var(--gray-10)}.br-step[scroll]::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-step[scroll]:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-step[scroll].vertical{overflow-x:hidden;overflow-y:auto}.br-step.inverted,.br-step.dark-mode{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}:host .step-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;overflow:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}:host .step-container:focus-visible{outline:var(--focus-width) var(--focus-style) var(--focus) var(--focus-offset)}:host .horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host .vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}:host .vertical.label-right{-webkit-box-align:start;-ms-flex-align:start;align-items:start;padding-left:20px}:host .vertical.label-left{-webkit-box-align:start;-ms-flex-align:start;align-items:start;padding-right:20px}::slotted([disabled]){opacity:1 !important}::slotted(.linha){width:100px;height:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--interactive)}::slotted(*){-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}';
-
-const n =  t(class t extends e {
-  constructor(t) {
-    super();
-    if (t !== false) {
-      this.__registerHost();
-    }
-    this.__attachShadow();
-    this.brDidLoad = i(this, "brDidLoad", 7);
-    this.brWillLoad = i(this, "brWillLoad", 7);
-    this.brShouldUpdate = i(this, "brShouldUpdate", 7);
-    this.brStepChange = i(this, "brStepChange", 7);
-    this.elementInternals = this.attachInternals();
-    /**
-         * propriedade responsável por definir a orientação do componente Step
-         */    this.layout = "horizontal";
-    /**
-         *
-         * define o passo que começará destacado
-         */    this.initialStep = "0";
-    /**
-         *
-         * Propriedade que  define a posição onde o texto de destaque,label, ficará localizado no stepItem
-         */    this.labelPosition = "bottom";
-    /**
-         *
-         * Propriedade que define o tipo de conteúdo a ser exibido dentro do componente step  e stepItem
-         */    this.contentType = "default";
-    /**
-         *
-         * Propriedade que define o tipo de comportamento que o componente Step deverá seguir
-         */    this.mode = "step";
-    /**
-         *
-         * Propriedade que define o tipo de progressão de etapas que o step vai executar
-         */    this.progressionType = "nonlinear";
-    this.activeStep = 0;
-    this.stepItems = [];
-    /** Controla atualizações pendentes para evitar race conditions */    this.updateScheduled = false;
-    this.AriaObjectContent = {
-      step: "Modo etapas ",
-      controller: "Modo controle ",
-      default: "passos com conteúdo numérico ",
-      "br-icon": "passos com conteúdo que possuem icones ",
-      slotted: "passos com conteúdo customizados ",
-      "no-content": "passos que apresentam conteúdo por meio de tooltip ",
-      linear: "progressão linear ",
-      nonlinear: "progressão não linear ",
-      vertical: "com layout vertical ",
-      horizontal: "com layout horizontal "
-    };
-  }
-  componentDidLoad() {
-    this.setStepItemsLabelPosition();
-    this.setStepItemsContentType();
-    this.setStepItemsDefaultContent();
-    this.setStepItemsMode(this.mode);
-    if (this.mode === "step") {
-      this.configureTimeLine();
-    }
-    if (this.progressionType === "linear") {
-      this.configureLinearProgression();
-    }
-    if (this.activeStep <= this.stepItems.length - 1) {
-      this.stepItems[this.activeStep].setAttribute("active", "true");
-    } else {
-      console.warn("br-step initial-step attribute has value more than number of step-items provided");
-    }
-    this.brDidLoad.emit();
-  }
-  componentWillLoad() {
-    this.activeStep = Number(this.initialStep);
-    this.getStepItemsElements();
-    this.brWillLoad.emit();
-  }
-  componentShouldUpdate(t, e, i) {
-    if (i === "activeStep" && e !== t) {
-      if (!this.updateScheduled) {
-        this.updateScheduled = true;
-        requestAnimationFrame((() => {
-          this.updateScheduled = false;
-          this.updateStepItemsActiveState(e);
-        }));
-      }
-      this.brShouldUpdate.emit();
-      this.brStepChange.emit({
-        activeStep: this.activeStep
-      });
-    }
-  }
-  /**
-     * Atualiza os atributos 'active' dos step-items de forma segura
-     * Chamado via requestAnimationFrame para garantir que o DOM é atualizado após batched state changes
-     */  updateStepItemsActiveState(t) {
-    const e = t > this.stepItems.length - 1;
-    if (!e) {
-      this.stepItems[t].removeAttribute("active");
-    }
-    this.stepItems[this.activeStep].setAttribute("active", "true");
-  }
-  /**
-     * listener para ouvir o evento de click no componente step
-     * Através desse listener o componente define qual será o proximo passo do step que terá o estado ativo
-     */  handleClick(t) {
-    const e = t.target;
-    if (e.getAttribute("slot") !== null) {
-      const t = this.stepItems.findIndex((t => t.lastElementChild === e));
-      this.activeStep = t;
-      return;
-    }
-    const i = this.stepItems.findIndex((t => t === e));
-    this.activeStep = i;
-  }
-  getStepItemsElements() {
-    const t = Array.from(this.el.children);
-    const e = t[0].getAttribute("content-type");
-    const i = t.every((t => t.getAttribute("content-type") === e));
-    const r = t.every((t => t.tagName.toLowerCase() === "br-step-item"));
-    if (i && r) {
-      this.stepItems = t;
-      return;
-    }
-    if (!r) {
-      throw new Error("br-step component must have as child elements only br-step-items components");
-    }
-    if (!i) {
-      throw new Error("br-step must have all child elements with same content type attribute value");
-    }
-  }
-  setStepItemsLabelPosition() {
-    const t = Array.from(this.el.getElementsByTagName("br-step-item"));
-    t.forEach((t => {
-      if (this.labelPosition !== undefined) {
-        t.setLabelPosition(this.labelPosition);
-      }
-    }));
-  }
-  setStepItemsDefaultContent() {
-    const t = Array.from(this.el.getElementsByTagName("br-step-item"));
-    t.forEach(((t, e) => {
-      const i = e + 1;
-      t.setContent(i.toString());
-    }));
-  }
-  async setStepItemsContentType() {
-    const t = Array.from(this.el.getElementsByTagName("br-step-item"));
-    await Promise.all(t.map((t => t.setContentType(this.contentType))));
-    t.forEach(((e, i) => {
-      e.setAttribute("aria-posinset", `${i + 1}`);
-      e.setAttribute("aria-setsize", `${t.length}`);
-    }));
-  }
-  setStepItemsMode(t) {
-    const e = Array.from(this.el.getElementsByTagName("br-step-item"));
-    e.forEach((e => {
-      if (t === "controller") {
-        e.setMode(this.mode);
-        e.setContentType("no-content");
-        if (this.layout !== "horizontal") {
-          this.layout = "horizontal";
-        }
-        e.handleShowTimeLine(false, this.layout);
-        e.removeAttribute("label");
-      }
-    }));
-  }
-  getStepItemPosition(t, e) {
-    if (e === 0) {
-      return "first";
-    }
-    if (e > 0 && e < t.length - 1) {
-      return "middle";
-    }
-    return "last";
-  }
-  configureTimeLine() {
-    const t = Array.from(this.el.getElementsByTagName("br-step-item"));
-    t.forEach(((e, i) => {
-      const r = this.getStepItemPosition(t, i);
-      e.setStepItemPositionStatus(r);
-      e.handleShowTimeLine(true, this.layout);
-    }));
-  }
-  configureLinearProgression() {
-    const t = Array.from(this.el.getElementsByTagName("br-step-item"));
-    t.forEach(((t, e) => {
-      if (e > 0) {
-        t.setAttribute("disabled", "true");
-      }
-    }));
-  }
-  /**
-     *
-     * 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
-     */  async ProceedToNextStep() {
-    if (this.activeStep + 1 < this.stepItems.length) {
-      this.activeStep = this.activeStep + 1;
-      if (this.progressionType === "linear") {
-        this.stepItems[this.activeStep].removeAttribute("disabled");
-      }
-    }
-  }
-  /**
-     *
-     * 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
-     */  async BackToPreviousStep() {
-    if (this.activeStep - 1 >= 0) {
-      this.activeStep = this.activeStep - 1;
-    }
-  }
-  /**
-     *
-     * 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.
-     */  async StepValidation(t) {
-    this.stepItems[this.activeStep].setAttribute("highlight", t);
-  }
-  /**
-     *
-     * Método disponibilizado via API do elemento que permite a um componente externo obter a etapa com o estado ativo do componente Step.
-     */  async GetActiveStep() {
-    return this.activeStep;
-  }
-  getCssClassMap() {
-    return {
-      "br-step": true,
-      "step-container": true,
-      horizontal: this.layout === "horizontal",
-      vertical: this.layout === "vertical",
-      "label-left": this.labelPosition === "left",
-      "label-right": this.labelPosition === "right"
-    };
-  }
-  getAreaLabel() {
-    let t = " Lista de Opções ";
-    if (this.mode !== "controller") {
-      t += this.AriaObjectContent[this.mode] + this.AriaObjectContent[this.contentType] + this.AriaObjectContent[this.progressionType] + this.AriaObjectContent[this.layout];
-    } else {
-      t += this.AriaObjectContent[this.mode];
-    }
-    return t;
-  }
-  render() {
-    return r(a, {
-      key: "521113b80ff8714f4e6b8e89a224dcf458f25ee9"
-    }, this.stepItems.length > 0 && r("div", {
-      key: "aa7b29d4f5984284d5b5eac036983ce99956c0be",
-      part: "container",
-      role: "listbox",
-      tabIndex: 0,
-      "aria-orientation": this.layout,
-      "aria-label": this.getAreaLabel(),
-      class: this.getCssClassMap()
-    }, r("slot", {
-      key: "0f04a149b67f1883a995072fbedcc4d979b040cd"
-    })));
-  }
-  static get formAssociated() {
-    return true;
-  }
-  get el() {
-    return this;
-  }
-  static get style() {
-    return o;
-  }
-}, [ 321, "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" ] ] ]);
-
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const t = [ "br-step" ];
-  t.forEach((t => {
-    switch (t) {
-     case "br-step":
-      if (!customElements.get(t)) {
-        customElements.define(t, n);
-      }
-      break;
-    }
-  }));
-}
-
-export { n as S, defineCustomElement as d };
-//# sourceMappingURL=p-Bc03PTAW.js.map
-//# sourceMappingURL=p-Bc03PTAW.js.map

package/dist/components/p-Bc03PTAW.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stepCss","Step","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","layout","initialStep","labelPosition","contentType","mode","progressionType","activeStep","stepItems","updateScheduled","AriaObjectContent","step","controller","default","slotted","linear","nonlinear","vertical","horizontal","componentDidLoad","setStepItemsLabelPosition","setStepItemsContentType","setStepItemsDefaultContent","setStepItemsMode","configureTimeLine","configureLinearProgression","length","setAttribute","console","warn","brDidLoad","emit","componentWillLoad","Number","getStepItemsElements","brWillLoad","componentShouldUpdate","newValue","oldValue","stateName","requestAnimationFrame","updateStepItemsActiveState","brShouldUpdate","brStepChange","previousActiveStep","outOfRange","removeAttribute","handleClick","event","targetElement","target","getAttribute","slotItem","findIndex","element","lastElementChild","item","slotItems","Array","from","el","children","firstChildrenContentTypeValue","childrenHaveConsistentContentType","every","childrenHaveConsistentTagName","tagName","toLowerCase","Error","getElementsByTagName","forEach","elements","undefined","setLabelPosition","index","indicatorContent","setContent","toString","Promise","all","map","setContentType","setMode","handleShowTimeLine","getStepItemPosition","stepItemsElements","elementPosition","setStepItemPositionStatus","ProceedToNextStep","BackToPreviousStep","StepValidation","validationStatus","GetActiveStep","getCssClassMap","getAreaLabel","ariaLabel","render","h","Host","key","part","role","tabIndex","class"],"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\";\n\n:host {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\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    &:focus-visible {\n      outline: var(--focus-width) var(--focus-style) var(--focus) var(--focus-offset);\n    }\n  }\n\n  .horizontal {\n    flex-direction: row;\n  }\n\n  .vertical {\n    flex-direction: column;\n    justify-content: center;\n\n    &.label-right {\n      align-items: start;\n      padding-left: 20px;\n    }\n\n    &.label-left {\n      align-items: start;\n      padding-right: 20px;\n    }\n  }\n}\n\n::slotted([disabled]) {\n  opacity: 1 !important;\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 * ## Design System\n *\n * Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/step?tab=designer).\n *\n * @slot default - Slot para os itens do step (br-step-item), aceitando apenas esse componente.\n *\n * @part container - Parte para o contêiner principal envolvendo todos os step-items, usada para estilizar layout geral via ::part().\n *\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() brWillLoad: EventEmitter<void>\n  componentWillLoad() {\n    this.activeStep = Number(this.initialStep)\n    this.getStepItemsElements()\n    this.brWillLoad.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\n  /**\n   * Emite um evento quando o step ativo muda.\n   * O evento carrega o índice do novo step ativo (0-based).\n   */\n  @Event() brStepChange: EventEmitter<{ activeStep: number }>\n\n  /** Controla atualizações pendentes para evitar race conditions */\n  private updateScheduled = false\n\n  componentShouldUpdate(newValue: number, oldValue: number, stateName: string) {\n    if (stateName === 'activeStep' && oldValue !== newValue) {\n      if (!this.updateScheduled) {\n        this.updateScheduled = true\n        requestAnimationFrame(() => {\n          this.updateScheduled = false\n          this.updateStepItemsActiveState(oldValue)\n        })\n      }\n      this.brShouldUpdate.emit()\n      this.brStepChange.emit({ activeStep: this.activeStep })\n    }\n  }\n\n  /**\n   * Atualiza os atributos 'active' dos step-items de forma segura\n   * Chamado via requestAnimationFrame para garantir que o DOM é atualizado após batched state changes\n   */\n  private updateStepItemsActiveState(previousActiveStep: number) {\n    const outOfRange = previousActiveStep > this.stepItems.length - 1\n\n    if (!outOfRange) {\n      this.stepItems[previousActiveStep].removeAttribute('active')\n    }\n\n    this.stepItems[this.activeStep].setAttribute('active', 'true')\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            part=\"container\"\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"],"mappings":"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","ignoreList":[]}

package/dist/components/p-Bri6ECVa.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["collapseCss","Collapse","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","open","accordionGroup","iconToShow","iconToHide","iconPosition","handleCollapse","event","details","target","isOpen","closeOthersInGroup","brDidOpen","emit","id","brDidClose","handleOpen","detail","closeCollapse","componentWillLoad","syncDetailsWithOpen","disconnectedCallback","_a","el","shadowRoot","querySelector","removeEventListener","openCollapse","parent","parentElement","others","Array","from","querySelectorAll","filter","c","getAttribute","hasAttribute","forEach","renderIcon","h","render","itemCount","length","Host","key","class","onToggle","role","String","tabindex","name"],"sources":["../../packages/webcomponents/src/components/collapse/collapse.scss?tag=br-collapse&encapsulation=shadow","../../packages/webcomponents/src/components/collapse/collapse.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n\n  .br-collapse {\n    .trigger {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      &:not(:disabled):hover,\n      &:not(:disabled):focus-visible {\n        background-image: linear-gradient(rgb(var(--color-rgb), var(--hover)), rgb(var(--color-rgb), var(--hover)));\n      }\n    }\n\n    .trigger-content {\n      flex: 1 1 auto !important;\n    }\n\n    .content {\n      transition: height 0.3s;\n      overflow: hidden;\n    }\n\n    br-icon {\n      color: var(--interactive);\n    }\n  }\n\n  details {\n    width: 100%;\n\n    summary {\n      list-style: none;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      cursor: pointer;\n      padding: 8px 12px;\n      height: 48px;\n      outline: none;\n\n      &::-webkit-details-marker {\n        display: none;\n      }\n\n      &:focus-visible {\n        outline: var(--focus-width) var(--focus-style) var(--focus);\n      }\n    }\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    border: 0;\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\n\n/**\n * ## Design System\n *\n * Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/collapse?tab=designer).\n *\n * @slot default - Slot para o conteúdo expansível exibido ao abrir o collapse.\n * @slot trigger - Slot para personalizar o acionador (texto, ícones, imagens, etc.).\n */\n@Component({\n  tag: 'br-collapse',\n  styleUrl: 'collapse.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Collapse {\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: HTMLBrCollapseElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Identificador único do componente. Um valor é gerado automaticamente quando não informado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId('clp')\n\n  /**\n   * Controla se o collapse está aberto.\n   */\n  @Prop({ reflect: true, mutable: true }) open: boolean = false\n\n  /**\n   * Identifica o grupo de accordion; quando informado, mantém apenas um item aberto por vez no mesmo grupo.\n   */\n  @Prop() accordionGroup?: string = null\n\n  /**\n   * Classe CSS do ícone exibido quando o conteúdo está oculto.\n   */\n  @Prop() iconToShow: string = 'fa6-solid:chevron-down'\n\n  /**\n   * Classe CSS do ícone exibido quando o conteúdo está visível.\n   */\n  @Prop() iconToHide: string = 'fa6-solid:chevron-up'\n\n  /**\n   * Define a posição do ícone no acionador: 'left' ou 'right'.\n   */\n  @Prop() iconPosition: 'left' | 'right' = 'right'\n\n  /**\n   * Emitido ao expandir, com o identificador e o grupo de accordion.\n   */\n  @Event({ bubbles: true, composed: true }) brDidOpen: EventEmitter<{ id: string; accordionGroup: string }>\n\n  /**\n   * Emitido ao recolher, com o identificador e o grupo de accordion.\n   */\n  @Event({ bubbles: true, composed: true }) brDidClose: EventEmitter<{ id: string; accordionGroup: string }>\n\n  /**\n   * Fecha este collapse quando outro do mesmo grupo é aberto.\n   */\n  @Listen('brDidOpen', { target: 'document' })\n  handleOpen(event: CustomEvent<{ id: string; accordionGroup: string }>) {\n    if (\n      this.accordionGroup &&\n      this.accordionGroup === event.detail.accordionGroup &&\n      event.detail.id !== this.customId\n    ) {\n      this.closeCollapse()\n    }\n  }\n\n  /**\n   * Ajusta o estado inicial do <details> para refletir o valor de open.\n   */\n  componentWillLoad() {\n    this.syncDetailsWithOpen()\n  }\n\n  /**\n   * Remove o listener do <details> ao desmontar o componente.\n   */\n  disconnectedCallback() {\n    const details = this.el.shadowRoot?.querySelector('details')\n    if (details !== null) {\n      details.removeEventListener('toggle', this.handleCollapse)\n    }\n  }\n\n  /**\n   * Mantém o estado do <details> alinhado com a prop open.\n   */\n  private syncDetailsWithOpen() {\n    const details = this.el.shadowRoot?.querySelector('details')\n    if (details !== null) {\n      details.open = this.open\n    }\n  }\n\n  /**\n   * Atualiza estado e emite eventos quando o <details> abre ou fecha.\n   */\n  private handleCollapse = (event: Event) => {\n    const details = event.target as HTMLDetailsElement\n    const isOpen = details.open\n\n    this.open = isOpen\n    if (this.open) {\n      // Fecha outros do mesmo grupo de forma determinística antes de emitir evento\n      this.closeOthersInGroup()\n      this.brDidOpen.emit({ id: this.customId, accordionGroup: this.accordionGroup })\n    } else {\n      this.brDidClose.emit({ id: this.customId, accordionGroup: this.accordionGroup })\n    }\n  }\n\n  /**\n   * Abre o collapse programaticamente.\n   */\n  @Method()\n  async openCollapse() {\n    this.open = true\n    this.syncDetailsWithOpen()\n    // Fecha outros do mesmo grupo antes de emitir evento\n    this.closeOthersInGroup()\n    this.brDidOpen.emit({ id: this.customId, accordionGroup: this.accordionGroup })\n  }\n\n  /**\n   * Fecha o collapse programaticamente.\n   */\n  @Method()\n  async closeCollapse() {\n    this.open = false\n    this.syncDetailsWithOpen()\n    this.brDidClose.emit({ id: this.customId, accordionGroup: this.accordionGroup })\n  }\n\n  /**\n   * Fecha outros collapses abertos no mesmo accordion, buscando apenas no pai imediato.\n   */\n  private closeOthersInGroup() {\n    if (this.accordionGroup == null || this.accordionGroup === '') return\n    const parent = this.el.parentElement\n    if (!parent) return\n    const others = Array.from(parent.querySelectorAll('br-collapse')) as HTMLBrCollapseElement[]\n    others\n      .filter(\n        (c) => c !== this.el && c.getAttribute('accordion-group') === this.accordionGroup && c.hasAttribute('open')\n      )\n      .forEach((c) => {\n        // seta prop open=false diretamente para evitar múltiplas emissões desnecessárias\n        c.open = false\n        const details = c.shadowRoot?.querySelector('details')\n        if (details) details.open = false\n      })\n  }\n\n  /**\n   * Seleciona o ícone conforme o estado atual.\n   */\n  private renderIcon() {\n    return <br-icon icon-name={this.open ? this.iconToHide : this.iconToShow}></br-icon>\n  }\n\n  /**\n   * Renderiza o <details> com acionador e conteúdo expansível.\n   */\n  render() {\n    const itemCount = this.el.querySelectorAll('br-item').length\n\n    return (\n      <Host>\n        <details class=\"br-collapse\" open={this.open} onToggle={this.handleCollapse} id={this.customId}>\n          <summary\n            class=\"trigger\"\n            role=\"button\"\n            aria-expanded={String(this.open)}\n            aria-controls={`content-${this.customId}`}\n            aria-labelledby={`label-${this.customId}`}\n            tabindex=\"0\"\n            aria-live=\"polite\"\n          >\n            {this.iconPosition === 'left' && this.renderIcon()}\n            <div class=\"trigger-content\" id={`label-${this.customId}`}>\n              <slot name=\"trigger\"></slot>\n            </div>\n            {this.iconPosition === 'right' && this.renderIcon()}\n          </summary>\n\n          <div\n            class=\"content\"\n            id={`content-${this.customId}`}\n            aria-live=\"polite\"\n            aria-labelledby={`label-${this.customId}`}\n          >\n            {this.open && itemCount > 0 && (\n              <div class=\"visually-hidden\">\n                {itemCount} {itemCount === 1 ? 'item' : 'itens'} na lista\n              </div>\n            )}\n            <slot></slot>\n          </div>\n        </details>\n      </Host>\n    )\n  }\n}\n"],"mappings":"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","ignoreList":[]}