@govbr-ds/webcomponents 2.0.0-next.56 → 2.0.0-next.58

package/dist/webcomponents/p-7eeb3f78.entry.js

@@ -0,0 +1,1015 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+import { r as t, c as e, h as r, a as i, g as a } from "./p-DULshOxW.js";
+
+import { _ as o } from "./p-DIPMDb5E.js";
+
+import { F as n } from "./p-CNNuop_Z.js";
+
+import { H as s } from "./p-BRKK5nMe.js";
+
+const dropdownCss = () => `*,*::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))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.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}.m-3{margin:var(--spacing-scale-2x) !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}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}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-base{font-size:var(--font-size-scale-base) !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)}:host{display:block;position:relative}:host #trigger{display:inline-block;cursor:pointer;outline:none}:host #trigger::slotted([slot=trigger]):focus:focus{outline:none}:host #trigger::slotted([slot=trigger]):focus:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host ::slotted([slot=target] *:focus):focus{outline:none}:host ::slotted([slot=target] *:focus):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host #target{display:none;position:absolute;-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);z-index:var(--z-index-layer-1)}:host #target:focus:focus{outline:none}:host #target:focus:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host([is-open]) #target{display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content}@media (max-width: 575px){:host([is-open]) #target{width:100vw !important;max-width:100vw !important}}`;
+
+const l = class {
+  constructor(r) {
+    t(this, r);
+    this.brDropdownChange = e(this, "brDropdownChange", 7);
+    this.brDidOpen = e(this, "brDidOpen", 7);
+    if (r.$hostElement$["s-ei"]) {
+      this.elementInternals = r.$hostElement$["s-ei"];
+    } else {
+      this.elementInternals = r.$hostElement$.attachInternals();
+      r.$hostElement$["s-ei"] = this.elementInternals;
+    }
+    /**
+         * Indica se o dropdown está aberto ou fechado.
+         * Esta propriedade é refletida no DOM e pode ser alterada externamente.
+         * O valor padrão é falso (fechado).
+         */    this.isOpen = false;
+    /**
+         * Identificador único.
+         * Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */    this.customId = s.generateUniqueId();
+    /**
+         * Define o posicionamento do target (alvo) em relação ao trigger (acionador).
+         * Valores possíveis: 'bottom-start' (padrão), 'bottom-end', 'top-start', 'top-end', 'left', 'right', 'bottom', 'top'.
+         */    this.placement = "bottom-start";
+    /**
+         * Define se o dropdown deve permanecer aberto quando outro dropdown é aberto.
+         * Quando definido como false (padrão), o dropdown será fechado automaticamente quando outro dropdown for aberto.
+         * Quando definido como true, o dropdown permanecerá aberto mesmo quando outro dropdown for aberto.
+         */    this.preventAutoDismiss = false;
+    /**
+         * Define o z-index do elemento target (alvo) do dropdown.
+         * Permite customizar a ordem de sobreposição do painel dropdown em relação aos demais elementos da página.
+         * O valor padrão utiliza a variável CSS do design system: var(--z-index-layer-1).
+         */    this.targetZIndex = "var(--z-index-layer-1)";
+    this.targetElement = null;
+    this.dropdownItems = [];
+    this.dropdownLinks = [];
+    this.focusableElement = null;
+    /**
+         * Handler específico para links
+         */    this.handleLinkKeydown = t => {
+      const e = t.currentTarget;
+      const r = t.key;
+      const i = this.dropdownLinks.indexOf(e);
+      const a = this.dropdownLinks.length - 1;
+      switch (r) {
+       case "ArrowUp":
+       case "ArrowDown":
+       case "Home":
+       case "End":
+        t.preventDefault();
+        t.stopPropagation();
+        break;
+
+       case "Tab":
+        t.preventDefault();
+        if (!t.shiftKey) {
+          if (i >= a) {
+            this.focusOnElement(this.dropdownLinks[0]);
+          } else {
+            this.focusOnElement(this.dropdownLinks[i + 1]);
+          }
+        } else {
+          if (i <= 0) {
+            this.focusOnElement(this.dropdownLinks[a]);
+          } else {
+            this.focusOnElement(this.dropdownLinks[i - 1]);
+          }
+        }
+        break;
+
+       case "Enter":
+       case " ":
+        if (r === " " && e.tagName.toLowerCase() === "a") {
+          t.preventDefault();
+        }
+        setTimeout((() => this.hide()), 100);
+        break;
+
+       case "Escape":
+        t.preventDefault();
+        this.hide();
+        this.focusOnTriggerElement();
+        break;
+      }
+    };
+    /**
+         * Handler para eventos de keydown nos itens não-link
+         * Implementa navegação completa por setas, Tab não navega entre estes itens
+         */    this.handleItemKeydown = t => {
+      const e = t.currentTarget;
+      const r = t.key;
+      const i = this.dropdownItems.indexOf(e);
+      const a = this.dropdownItems.length - 1;
+      switch (r) {
+       case "ArrowUp":
+        t.preventDefault();
+        if (i <= 0) {
+          this.focusOnElement(this.dropdownItems[a]);
+        } else {
+          this.focusOnElement(this.dropdownItems[i - 1]);
+        }
+        break;
+
+       case "ArrowDown":
+        t.preventDefault();
+        if (i >= a) {
+          this.focusOnElement(this.dropdownItems[0]);
+        } else {
+          this.focusOnElement(this.dropdownItems[i + 1]);
+        }
+        break;
+
+       case "Home":
+        t.preventDefault();
+        this.focusOnElement(this.dropdownItems[0]);
+        break;
+
+       case "End":
+        t.preventDefault();
+        this.focusOnElement(this.dropdownItems[a]);
+        break;
+
+       case "Enter":
+       case " ":
+        t.preventDefault();
+        e.click();
+        this.hide();
+        this.focusOnTriggerElement();
+        break;
+
+       case "Tab":
+        break;
+
+       case "Escape":
+        t.preventDefault();
+        this.hide();
+        this.focusOnTriggerElement();
+        break;
+      }
+    };
+    /**
+         * Alterna o estado do dropdown entre aberto e fechado.
+         */    this.toggle = t => {
+      t.stopPropagation();
+      this.isOpen = !this.isOpen;
+    };
+  }
+  /**
+     * Método chamado sempre que a propriedade `isOpen` muda.
+     * Emite um evento com o novo estado do dropdown.
+     */  isOpenChanged(t) {
+    if (t) {
+      this.brDidOpen.emit({
+        id: this.customId
+      });
+      this.initializeDropdownItems();
+      this.positionDropdown();
+    } else {
+      this.cleanupPositioning();
+      if (this.triggerElement !== null && this.triggerElement !== undefined) {
+        this.focusOnTriggerElement();
+      }
+    }
+    this.brDropdownChange.emit({
+      isOpen: t
+    });
+  }
+  /**
+     * Aplica o novo valor de z-index ao elemento target.
+     */  targetZIndexChanged() {
+    this.updateTargetZIndex();
+  }
+  connectedCallback() {
+    this.clickHandler = this.onClickOutside.bind(this);
+    document.addEventListener("click", this.clickHandler);
+    this.dropdownOpenHandler = this.onDropdownDidOpen.bind(this);
+    document.addEventListener("brDidOpen", this.dropdownOpenHandler);
+  }
+  disconnectedCallback() {
+    document.removeEventListener("click", this.clickHandler);
+    document.removeEventListener("brDidOpen", this.dropdownOpenHandler);
+    if (this.triggerElement !== null && this.triggerElement !== undefined) {
+      this.triggerElement.removeEventListener("keydown", this.triggerKeydownHandler);
+    }
+    if (this.targetElement !== null && this.targetElement !== undefined) {
+      this.targetElement.removeEventListener("keydown", this.targetKeydownHandler);
+    }
+    this.cleanupPositioning();
+    this.clearDropdownItemListeners();
+  }
+  /**
+     * Método que lida com o evento brDidOpen de outros dropdowns
+     * Fecha este dropdown se não for o emissor do evento e preventAutoDismiss=false
+     */  onDropdownDidOpen(t) {
+    if (this.preventAutoDismiss) {
+      return;
+    }
+    const e = t;
+    if (this.isOpen && e.detail.id !== this.customId) {
+      this.hide();
+    }
+  }
+  clearDropdownItemListeners() {
+    this.dropdownItems.forEach((t => {
+      t.removeEventListener("keydown", this.handleItemKeydown);
+    }));
+    this.dropdownLinks.forEach((t => {
+      t.removeEventListener("keydown", this.handleLinkKeydown);
+    }));
+    this.dropdownItems = [];
+    this.dropdownLinks = [];
+  }
+  componentDidLoad() {
+    this.triggerElement = this.el.shadowRoot.querySelector("#trigger");
+    this.targetElement = this.el.shadowRoot.querySelector("#target");
+    this.setBehavior();
+    this.updateTargetZIndex();
+    if (this.isOpen) {
+      this.initializeDropdownItems();
+      this.positionDropdown();
+    }
+  }
+  /**
+     * Posiciona o dropdown usando Floating UI
+     */  positionDropdown() {
+    if (this.triggerElement == null || this.targetElement == null) return;
+    this.floatingManager = new n({
+      triggerElement: this.triggerElement,
+      contentElement: this.targetElement,
+      placement: this.placement
+    });
+    this.floatingManager.start();
+  }
+  /**
+     * Limpa o posicionamento do Floating UI
+     */  cleanupPositioning() {
+    var t;
+    (t = this.floatingManager) === null || t === void 0 ? void 0 : t.stop();
+  }
+  /**
+     * Atualiza o z-index do target conforme a propriedade targetZIndex
+     */  updateTargetZIndex() {
+    if (this.targetElement === null) {
+      return;
+    }
+    if (this.targetZIndex !== null && this.targetZIndex !== undefined) {
+      this.targetElement.style.zIndex = this.targetZIndex;
+    }
+  }
+  /**
+     * Configura os comportamentos de interação do dropdown
+     */  setBehavior() {
+    if (this.triggerElement === null) return;
+    this.triggerKeydownHandler = t => {
+      if (t.key === "Enter" || t.key === " ") {
+        t.preventDefault();
+        this.handleTriggerBehavior(t);
+      } else if (t.key === "Escape") {
+        t.preventDefault();
+        this.hide();
+        this.focusOnTriggerElement();
+      } else if (t.key === "ArrowDown" && this.isOpen) {
+        t.preventDefault();
+        this.initializeDropdownItems();
+        if (this.dropdownLinks.length > 0) {
+          this.focusOnElement(this.dropdownLinks[0]);
+        } else if (this.dropdownItems.length > 0) {
+          this.focusOnElement(this.dropdownItems[0]);
+        }
+      }
+    };
+    this.targetKeydownHandler = t => {
+      if (t.key === "Escape") {
+        t.preventDefault();
+        this.hide();
+        this.focusOnTriggerElement();
+      }
+    };
+    this.triggerElement.addEventListener("keydown", this.triggerKeydownHandler);
+    if (this.targetElement !== null) {
+      this.targetElement.addEventListener("keydown", this.targetKeydownHandler);
+    }
+  }
+  /**
+     * Lida com o comportamento no trigger
+     */  handleTriggerBehavior(t) {
+    t.preventDefault();
+    this.toggle(t);
+    if (this.isOpen) {
+      setTimeout((() => {
+        this.initializeDropdownItems();
+      }), 0);
+    }
+  }
+  /**
+     * Inicializa os itens do dropdown com comportamentos de navegação com teclado,
+     * separando claramente entre elementos navegáveis por Tab e elementos navegáveis por setas
+     */  initializeDropdownItems() {
+    if (this.targetElement === null) return;
+    this.clearDropdownItemListeners();
+    this.targetElement.setAttribute("tabindex", "-1");
+    this.targetElement.focus();
+    const t = this.el.shadowRoot.querySelector('slot[name="target"]');
+    if (t === null || t === undefined) return;
+    const e = t.assignedElements();
+    if (e.length === 0) return;
+    const r = 'button, br-button, input, br-input, br-item:not([href]), textarea, br-textarea, select, br-select, details, [tabindex]:not([tabindex="-1"]):not(a[href])';
+    const i = "a[href], br-item[href]";
+    e.forEach((t => {
+      if (t instanceof HTMLElement) {
+        if (t.matches(i)) {
+          this.dropdownLinks.push(t);
+        } else if (t.matches(r)) {
+          this.dropdownItems.push(t);
+        }
+      }
+      const e = Array.from(t.querySelectorAll(i));
+      this.dropdownLinks = this.dropdownLinks.concat(e);
+      const a = Array.from(t.querySelectorAll(r));
+      this.dropdownItems = this.dropdownItems.concat(a);
+    }));
+    this.dropdownItems.forEach((t => {
+      t.addEventListener("keydown", this.handleItemKeydown);
+    }));
+    this.dropdownLinks.forEach((t => {
+      t.addEventListener("keydown", this.handleLinkKeydown);
+    }));
+    if (this.dropdownLinks.length > 0) {
+      this.focusOnElement(this.dropdownLinks[0]);
+      this.focusableElement = this.dropdownLinks[0];
+    } else if (this.dropdownItems.length > 0) {
+      this.focusOnElement(this.dropdownItems[0]);
+      this.focusableElement = this.dropdownItems[0];
+    }
+  }
+  getCssClassMap() {
+    return {
+      "br-dropdown": true
+    };
+  }
+  /**
+     * Método que lida com cliques fora do dropdown.
+     *
+     * @param {MouseEvent} event - O evento de clique que ocorreu.
+     */  onClickOutside(t) {
+    if (!this.isOpen) return;
+    const e = t.composedPath();
+    if (this.triggerElement && this.targetElement && !e.includes(this.triggerElement) && !e.includes(this.targetElement)) {
+      this.hide();
+    }
+  }
+  /**
+     * Abre o dropdown.
+     * Define a propriedade `isOpen` como verdadeira e retorna o novo estado.
+     *  Este método pode ser chamado externamente.
+     */  open() {
+    return o(this, void 0, void 0, (function*() {
+      this.isOpen = true;
+      return {
+        isOpen: this.isOpen
+      };
+    }));
+  }
+  /**
+     * Esconde o dropdown.
+     * Define a propriedade `isOpen` como falsa e retorna o novo estado.
+     * Este método pode ser chamado externamente.
+     */  hide() {
+    return o(this, void 0, void 0, (function*() {
+      this.isOpen = false;
+      return {
+        isOpen: this.isOpen
+      };
+    }));
+  }
+  /**
+     * Foca em um elemento específico com suporte a componentes personalizados
+     * @param targetElement Elemento a receber o foco
+     */  focusOnElement(t) {
+    if (t && t !== this.el) {
+      if ("setFocus" in t) {
+        t.setFocus();
+      } else {
+        t.focus();
+      }
+      t.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest",
+        inline: "nearest"
+      });
+    }
+  }
+  /**
+     * Foca no elemento interativo dentro do slot trigger
+     * Esta função procura pelo elemento dentro do slot trigger e aplica o foco nele
+     */  focusOnTriggerElement() {
+    const t = this.el.shadowRoot.querySelector('slot[name="trigger"]');
+    if (t !== null) {
+      const e = t.assignedElements();
+      if (e.length > 0) {
+        const t = e[0];
+        if ("setFocus" in t) {
+          t.setFocus();
+        } else {
+          t.focus();
+        }
+        t.scrollIntoView({
+          behavior: "smooth",
+          block: "nearest",
+          inline: "nearest"
+        });
+      } else {
+        this.focusTrigger();
+      }
+    } else {
+      this.focusTrigger();
+    }
+  }
+  /**
+     * Auxiliar para focar no elemento trigger
+     */  focusTrigger() {
+    if (typeof this.triggerElement !== "undefined") {
+      this.triggerElement.focus();
+      this.triggerElement.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest",
+        inline: "nearest"
+      });
+    }
+  }
+  /**
+     * Define o foco no elemento interno do componente.
+     * Este método pode ser chamado externamente para garantir que o foco seja aplicado ao elemento correto.
+     */  setFocus() {
+    return o(this, void 0, void 0, (function*() {
+      if (this.focusableElement !== null && this.focusableElement !== undefined) {
+        this.focusableElement.focus();
+      } else {
+        this.focusOnTriggerElement();
+      }
+    }));
+  }
+  render() {
+    return r(i, {
+      key: "abe32e4fcf3a38b128bf6ad6ba02de841ca8ec8e",
+      "is-open": this.isOpen,
+      placement: this.placement,
+      "prevent-auto-dismiss": this.preventAutoDismiss
+    }, r("div", {
+      key: "686b4683bce332e11d6a2a270ae3935a6b4db1ed",
+      class: this.getCssClassMap(),
+      id: this.customId
+    }, r("div", {
+      key: "fb99c789ba86e93b46f8cc54f1b24d9c84cd1c81",
+      id: "trigger",
+      onClick: this.toggle,
+      "aria-controls": "target",
+      "aria-haspopup": "true",
+      "aria-expanded": this.isOpen ? "true" : "false"
+    }, r("slot", {
+      key: "982402f847d4462a4f34de6f75162c0b04c9f065",
+      name: "trigger"
+    })), r("div", {
+      key: "a1ebeea5e3b9bd860d2105e1e38c205f06ae47c6",
+      id: "target",
+      "aria-hidden": this.isOpen ? "false" : "true"
+    }, r("slot", {
+      key: "2c977fc6eb52e5e67a25d56b7d0555078c331b62",
+      name: "target"
+    }))));
+  }
+  static get formAssociated() {
+    return true;
+  }
+  get el() {
+    return a(this);
+  }
+  static get watchers() {
+    return {
+      isOpen: [ "isOpenChanged" ],
+      targetZIndex: [ "targetZIndexChanged" ]
+    };
+  }
+};
+
+l.style = dropdownCss();
+
+const selectCss = () => `*,*::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))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.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}.m-3{margin:var(--spacing-scale-2x) !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}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}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-base{font-size:var(--font-size-scale-base) !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-select{--select-divider:1px solid var(--color-secondary-04);--select-shadow:var(--surface-shadow-md)}.br-select .br-input input{padding-right:29px;text-overflow:ellipsis}.br-select .br-input input::after{bottom:0;padding:0 5px;position:absolute;right:0}.br-select{max-width:400px;min-width:100px;position:relative}.br-select .br-list{background:var(--bg-color);-webkit-box-shadow:var(--select-shadow);box-shadow:var(--select-shadow);display:none;margin-top:-2px;max-height:404px;overflow:auto;position:absolute;resize:none;width:100%;z-index:1}.br-select .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-select .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-select .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-select .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-select .br-list:focus,.br-select .br-list:active{color:var(--color-secondary-09);outline:none}.br-select .br-list:hover::-webkit-scrollbar-thumb{background:var(--color-secondary-07)}.br-select .br-list[expanded]{display:block}.br-select .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-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)}.br-select .br-item .content{padding:0}.br-select .br-item .br-checkbox,.br-select .br-item .br-radio{--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-2x)}.br-select .br-item .br-checkbox input:hover:not(:disabled)+label::before,.br-select .br-item .br-radio input:hover:not(:disabled)+label::before{background-image:none}.br-select .br-item .br-checkbox input+label,.br-select .br-item .br-radio input+label{padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-select .br-item .br-radio input+label{color:var(--text-color);display:block;height:auto;min-height:0;padding:var(--item-padding)}.br-select .br-item .br-radio input+label::before,.br-select .br-item .br-radio input+label::after{content:none}.br-select .br-item:not(:last-child){border-bottom:var(--select-divider)}.br-select .br-item:not([disabled]){--focus-offset:calc(var(--spacing-scale-half) * -1)}.br-select .br-item:not([disabled]):focus{outline:none}.br-select .br-item:not([disabled]):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select .br-item:not([disabled]):not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-select .br-item.selected,.br-select .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)}.br-select .br-item.selected:focus,.br-select .br-item[selected]:focus{outline:none}.br-select .br-item.selected:focus-visible,.br-select .br-item[selected]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select .br-item.selected:not(:disabled):hover,.br-select .br-item[selected]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-select .br-item.disabled{line-height:calc(var(--font-line-height-high)*2);padding-left:calc(var(--item-padding) + var(--spacing-scale-base))}.br-select .br-item.highlighted,.br-select .br-item[highlighted]{background-color:var(--gray-2);padding-bottom:var(--spacing-scale-base);padding-top:var(--spacing-scale-base)}.br-select .br-item.highlighted .br-checkbox label,.br-select .br-item.highlighted .br-radio label,.br-select .br-item[highlighted] .br-checkbox label,.br-select .br-item[highlighted] .br-radio label{font-weight:var(--font-weight-semi-bold)}.br-select .br-item.highlighted .br-checkbox:hover,.br-select .br-item.highlighted .br-radio:hover,.br-select .br-item[highlighted] .br-checkbox:hover,.br-select .br-item[highlighted] .br-radio:hover{background:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-select .br-item.highlighted .br-checkbox:hover label,.br-select .br-item.highlighted .br-radio:hover label,.br-select .br-item[highlighted] .br-checkbox:hover label,.br-select .br-item[highlighted] .br-radio:hover label{color:var(--text-color)}.br-select .br-item.highlighted.selected,.br-select .br-item.highlighted[selected],.br-select .br-item[highlighted].selected,.br-select .br-item[highlighted][selected]{background-color:var(--selected)}.br-select.inverted .br-input,.br-select.inverted .br-input label,.br-select.dark-mode .br-input,.br-select.dark-mode .br-input label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-item{background:var(--background);--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-base);--item-padding:var(--item-padding-y) var(--item-padding-x);--focus-offset:calc(var(--focus-width) * -1);border:0;color:var(--color);display:block;font-weight:var(--font-weight);padding:var(--item-padding);text-align:left;width:100%}.br-item .row{margin-left:calc(-1*var(--spacing-scale-base));margin-right:calc(-1*var(--spacing-scale-base))}.br-item .row .col,.br-item .row [class*=col-]{padding-left:var(--spacing-scale-base);padding-right:var(--spacing-scale-base)}.br-item::after{clear:both;content:"";display:block}.br-item[data-toggle]{cursor:pointer}.br-item[data-toggle=selection]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item>.br-checkbox:not(.hidden-label),.br-item>.br-radio:not(.hidden-label){margin-bottom:calc(var(--item-padding-y)*-1);margin-left:calc(var(--item-padding-x)*-1);margin-right:calc(var(--item-padding-x)*-1);margin-top:calc(var(--item-padding-y)*-1)}.br-item>.br-checkbox:not(.hidden-label) input+label,.br-item>.br-radio:not(.hidden-label) input+label{padding-bottom:var(--item-padding-y);padding-top:var(--item-padding-y);top:1px;width:100%}.br-item>.br-checkbox:not(.hidden-label) input+label::before,.br-item>.br-radio:not(.hidden-label) input+label::before{left:var(--item-padding-x);top:calc(var(--item-padding-y) - 1px)}.br-item>.br-checkbox:not(.hidden-label) input+label:empty,.br-item>.br-radio:not(.hidden-label) input+label:empty{left:0;top:1px}.br-item>.br-checkbox:not(.hidden-label) input:hover:not(:disabled)+label::before,.br-item>.br-radio:not(.hidden-label) input:hover:not(:disabled)+label::before{background-image:none}.br-item>.br-checkbox input:not(:indeterminate)+label{min-height:calc(var(--checkbox-size) + var(--item-padding-y)*2)}.br-item>.br-checkbox input:not(:indeterminate)+label:not(:empty){padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-item>.br-checkbox input:not(:indeterminate)+label::after{left:calc(var(--item-padding-x) + 8px);top:calc(var(--item-padding-y) + 4px)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty{min-height:var(--checkbox-size)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty::after{left:8px;top:4px}.br-item .br-radio input+label{min-height:calc(var(--radio-size) + var(--item-padding-y)*2);padding-left:calc(var(--spacing-scale-base) + var(--radio-size) + var(--item-padding-x))}.br-item .br-radio input+label::after{left:calc(var(--item-padding-x) + var(--radio-bullet-position));top:calc(var(--item-padding-y) + var(--radio-bullet-position) - 1px)}.br-item .br-radio input+label:empty{min-height:var(--radio-size)}.br-item .br-radio input+label:empty::after{left:var(--radio-bullet-position);top:var(--radio-bullet-position)}.br-item.highlight{--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)}.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);background-color:var(--selected)}.br-item.active{--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);background-color:var(--active);color:var(--color)}.br-item.inverted,.br-item.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)}.br-item.inverted.active,.br-item.dark-mode.active{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--active-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);background-color:var(--background-light);color:var(--active)}.br-item[data-toggle]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item[data-toggle] .content i{color:var(--interactive)}.br-item .content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.br-item [class*=fa-]{height:16px;width:14px !important}a.br-item{color:var(--interactive)}a.br-item: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.br-item: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)))}button.br-item{background-color:rgba(0,0,0,0);color:var(--color)}button.br-item:focus{outline:none}button.br-item:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}button.br-item:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}button.br-item:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--pressed))), to(rgba(var(--color-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--color-rgb), var(--pressed)), rgba(var(--color-rgb), var(--pressed)))}:host{display:inline-block}:host .br-select br-list{background-color:var(--bg-color);-webkit-box-shadow:var(--select-shadow);box-shadow:var(--select-shadow);margin-top:-2px;max-height:404px;overflow:auto;position:absolute;resize:none;width:100%;z-index:1}:host .br-select br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host .br-select br-list::-webkit-scrollbar-track{background:var(--gray-10)}:host .br-select br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}:host .br-select br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host .br-select br-list:focus,:host .br-select br-list:active{color:var(--color-secondary-09);outline:none}:host .br-select br-list:hover::-webkit-scrollbar-thumb{background:var(--color-secondary-07)}:host .br-select br-list .br-item br-radio::part(radio-input){visibility:hidden;height:0;width:0}:host .br-select br-list .br-item br-radio::part(radio-label){padding-left:var(--spacing-scale-base);position:relative}:host .br-select br-list .br-item br-radio::part(radio-label)::before,:host .br-select br-list .br-item br-radio::part(radio-label)::after{display:none}`;
+
+const c = class {
+  constructor(r) {
+    t(this, r);
+    this.valueChange = e(this, "valueChange", 7);
+    if (r.$hostElement$["s-ei"]) {
+      this.elementInternals = r.$hostElement$["s-ei"];
+    } else {
+      this.elementInternals = r.$hostElement$.attachInternals();
+      r.$hostElement$["s-ei"] = this.elementInternals;
+    }
+    /**
+         * Texto auxiliar exibido antes de uma seleção.
+         */    this.placeholder = "";
+    /**
+         * Habilita o modo múltiplo para selecionar várias opções.
+         */    this.isMultiple = false;
+    /**
+         * Define as opções disponíveis no componente de seleção.
+         * Pode ser fornecida como:
+         * - Uma **string** contendo um JSON válido que será analisado em um array de objetos. Exemplo: `'[{"label": "Opção 1", "value": "1"}]'.
+         * - Um **array de objetos**, onde cada objeto representa uma opção com as propriedades:
+         * - `label`: O texto exibido para o usuário (obrigatório).
+         * - `value`: O valor associado à opção (obrigatório).
+         * - `selected`: Um boolean opcional que indica se a opção está pré-selecionada (padrão: `false`).
+         * Se uma string for fornecida, ela será convertida internamente para um array via `JSON.parse`. Caso o formato seja inválido, um erro será registrado e as opções serão definidas como um array vazio.
+         * Exemplo de uso:
+         * ```typescript
+         * options='[{"label": "Sim", "value": "1"}, {"label": "Não", "value": "0"}]'
+         * // ou
+         * options=[{ label: "Sim", value: "1" }, { label: "Não", value: "0" }]
+         * ```
+         */    this.options = [];
+    /**
+         * Rótulo para selecionar todas as opções.
+         */    this.selectAllLabel = "Selecionar todos";
+    /**
+         * Rótulo para desmarcar todas as opções.
+         */    this.unselectAllLabel = "Desselecionar todos";
+    /**
+         * Exibe o ícone de busca no campo de entrada.
+         */    this.showSearchIcon = false;
+    /**
+         * Indica se a listagem de itens do select está expandida
+         */    this.isOpen = false;
+    /**
+         * Exibe o rótulo e o controle em linha (ao lado), ao invés de empilhados.
+         * Útil para casos contextuais como paginação.
+         */    this.isInline = false;
+    /**
+         * Propaga para o input interno a remoção da borda quando desfocado.
+         */    this.borderless = false;
+    /**
+         * Identificador único.
+         * Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */    this.customId = `br-select-${d++}`;
+    // Representa as opções do select disponíveis para renderização.
+    // Cada opção contém `label`, `value` e o estado de seleção (`selected`).
+        this.parsedOptions = [];
+    // Opções filtradas de acordo com o termo de busca digitado.
+        this.filteredOptions = [];
+    // Valor exibido no input, refletindo as opções selecionadas.
+        this.inputValue = "";
+    // Termo digitado no input (modo busca).
+        this.searchTerm = "";
+    // Indica se todas as opções estão selecionadas. Comportamento do checkbox "Selecionar Todos".
+        this.isAllSelected = false;
+    // Controla se a lista de opções do select está expandida (aberta) ou colapsada (fechada).
+        this.isExpanded = false;
+    // Armazena o índice do item atualmente focado, usado para navegação por teclado.
+        this.focusedIndex = -1;
+    /**
+         * Fecha a lista suspensa (`dropdown`) do `br-select` quando o usuário clica fora do componente.
+         * O listener global é adicionado no `componentDidLoad` e removido no `disconnectedCallback` para evitar vazamentos de memória.
+         * Se a lista estiver aberta (`this.isExpanded`) e o clique ocorrer fora (`!this.el.contains(target)`), ela é fechada.
+         * A reatividade do StencilJS garante a atualização automática da interface.
+         * A arrow function (`=>`) mantém o contexto correto de `this` ao ser usada como callback.
+         *
+         * @param {MouseEvent} event O evento de clique.
+         * @returns {void}
+         */    this.handleClickOutside = t => {
+      // Usa composedPath para considerar nós dentro de Shadow DOM como "dentro" do componente
+      const e = t.composedPath && t.composedPath() || [];
+      const r = e.includes(this.el) || t.target instanceof Node && this.el.contains(t.target);
+      if (this.isExpanded && !r) {
+        this.isExpanded = false;
+      }
+    };
+  }
+  synchronizeSelect() {
+    try {
+      let t = [];
+      if (typeof this.options === "string") {
+        try {
+          const e = JSON.parse(this.options);
+          if (Array.isArray(e)) {
+            t = e;
+          } else {
+            throw new Error("JSON inválido: deve ser um array");
+          }
+        } catch (e) {
+          console.error("Erro ao converter options para JSON:", e.message);
+          t = [];
+        }
+      } else if (Array.isArray(this.options)) {
+        t = this.options;
+      }
+      // Sanitiza as opções (remove opções inválidas, etc.)
+            this.parsedOptions = t;
+      // Atualiza lista filtrada considerando o termo atual
+            this.filteredOptions = this.getFilteredOptions(this.searchTerm);
+      // Atualiza o estado do componente
+            this.updateSelectedOptions();
+      this.updateSelectedAllState();
+      this.emitSelectedOptions();
+    } catch (t) {
+      console.error("Erro ao processar as opções do select:", t);
+      this.parsedOptions = [];
+    }
+  }
+  syncValueFromOutside(t) {
+    // Atualize parsedOptions a partir de newVal
+    this.parsedOptions = this.parsedOptions.map((e => Object.assign(Object.assign({}, e), {
+      selected: this.isMultiple ? Array.isArray(t) && t.includes(e.value) : t === e.value
+    })));
+    this.selectedValue = t;
+    this.updateSelectedOptions();
+ // mantém inputValue coeso
+        this.updateSelectedAllState();
+    this.filteredOptions = this.getFilteredOptions(this.searchTerm);
+  }
+  componentWillLoad() {
+    this.isExpanded = this.isOpen;
+    this.synchronizeSelect();
+  }
+  componentDidLoad() {
+    document.addEventListener("click", this.handleClickOutside);
+  }
+  disconnectedCallback() {
+    document.removeEventListener("click", this.handleClickOutside);
+  }
+  handleKeydownOnInput(t) {
+    switch (t.key) {
+     case "Tab":
+      this.closeSelect();
+      break;
+
+     case "ArrowDown":
+      t.preventDefault();
+      if (!this.isExpanded) {
+        this.openSelect();
+      }
+      this.focusItemInDirection("next");
+      break;
+
+     case "ArrowUp":
+      t.preventDefault();
+      if (!this.isExpanded) {
+        this.openSelect();
+      }
+      this.focusItemInDirection("previous");
+      break;
+
+     case "Escape":
+      this.closeSelect();
+      this.resetFocus();
+      break;
+
+     case "Enter":
+      this.toggleOpen();
+      break;
+    }
+  }
+  handleKeydownOnList(t) {
+    t.preventDefault();
+    switch (t.key) {
+     case "Tab":
+     case "Escape":
+      this.resetFocus();
+      break;
+
+     case "ArrowUp":
+      this.focusItemInDirection("previous");
+      break;
+
+     case "ArrowDown":
+      this.focusItemInDirection("next");
+      break;
+    }
+  }
+  handleKeydownOnItem(t, e) {
+    if (t.key === "Enter" || t.key === " ") {
+      t.preventDefault();
+      this.handleSelection(e);
+    } else if (t.key === "Escape") {
+      this.closeSelect();
+    }
+  }
+  handleSelectAllKeyDown(t) {
+    if (t.key === "Enter" || t.key === " ") {
+      t.preventDefault();
+      this.toggleSelectAll();
+    } else if (t.key === "Escape") {
+      t.preventDefault();
+      this.closeSelect();
+    }
+  }
+  resetFocus() {
+    const t = this.el.shadowRoot.querySelector("br-input");
+    t === null || t === void 0 ? void 0 : t.focus();
+  }
+  focusItemInDirection(t) {
+    let e = this.parsedOptions.length;
+    if (this.isMultiple) e += 1;
+    this.focusedIndex = t === "next" ? (this.focusedIndex + 1) % e : (this.focusedIndex - 1 + e) % e;
+    this.focusItem(this.focusedIndex);
+  }
+  focusItem(t) {
+    const e = this.el.shadowRoot.querySelectorAll(".br-item");
+    if (e[t]) {
+      const r = e[t];
+      r.focus();
+    }
+  }
+  openSelect() {
+    this.isExpanded = true;
+  }
+  closeSelect() {
+    this.isExpanded = false;
+    // Resetar o índice focado ao fechar o select
+        this.focusedIndex = -1;
+  }
+  handleSelection(t) {
+    var e, r;
+    if (t < 0 || t >= this.filteredOptions.length) {
+      return;
+    }
+    // Localiza opção original a partir da lista filtrada
+        const i = this.filteredOptions[t];
+    const a = this.parsedOptions.findIndex((t => t.value === i.value));
+    if (a === -1) {
+      return;
+    }
+    if (this.isMultiple) {
+      const t = [ ...this.parsedOptions ];
+      t[a].selected = !t[a].selected;
+      this.parsedOptions = t;
+    } else {
+      const t = this.parsedOptions.map((t => Object.assign(Object.assign({}, t), {
+        selected: false
+      })));
+      t[a].selected = true;
+      this.parsedOptions = t;
+      this.isExpanded = false;
+    }
+    // Atualiza a prop 'value' interna do componente
+        this.selectedValue = this.isMultiple ? this.parsedOptions.filter((t => t.selected)).map((t => t.value)) : (e = this.parsedOptions.find((t => t.selected))) === null || e === void 0 ? void 0 : e.value;
+    this.value = this.selectedValue;
+    // Emite o evento 'valueChange' para que o ngModel possa capturar
+        this.valueChange.emit(this.selectedValue);
+    this.updateSelectedOptions();
+    this.updateSelectedAllState();
+    this.filteredOptions = this.getFilteredOptions(this.searchTerm);
+    try {
+      this.elementInternals.setFormValue(JSON.stringify((r = this.selectedValue) !== null && r !== void 0 ? r : []));
+    } catch (t) {
+      // Ignora erro em testes onde setFormValue não é implementado
+    }
+  }
+  updateSelectedOptions() {
+    this.inputValue = this.getStringValue(this.parsedOptions.filter((t => t.selected)));
+  }
+  normalizeText(t) {
+    return (t || "").normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
+  }
+  getFilteredOptions(t) {
+    if (!t) {
+      return this.parsedOptions;
+    }
+    const e = this.normalizeText(t);
+    return this.parsedOptions.filter((t => {
+      const r = this.normalizeText(t.label || t.value);
+      const i = this.normalizeText(t.value);
+      return r.includes(e) || i.includes(e);
+    }));
+  }
+  getStringValue(t) {
+    if (t.length > 0) {
+      const e = t[0].label || t[0].value;
+      if (this.isMultiple) {
+        const r = t.length > 1 ? ` + (${t.length - 1})` : "";
+        return `${e}${r}`;
+      } else {
+        return e;
+      }
+    }
+    return "";
+  }
+  emitSelectedOptions() {
+    var t;
+    // A lógica de emissão do evento já está no handleSelection para o ngModel.
+    // Esta função pode ser simplificada ou removida se a única finalidade era emitir para ngModel.
+    // No entanto, se houver outros consumidores deste evento, você pode mantê-la.
+        const e = this.parsedOptions.filter((t => t.selected === true)).map((t => t.value));
+ // É importante emitir o 'value' para o ngModel.
+    // Já emitimos em handleSelection, mas se quiser ter certeza, pode emitir aqui também.
+    // this.valueChange.emit(this.isMultiple ? selectedValues : selectedValues[0] ?? undefined);
+    // Atualiza o valor do form associado
+        try {
+      this.elementInternals.setFormValue(JSON.stringify(this.isMultiple ? e : (t = e[0]) !== null && t !== void 0 ? t : null));
+    } catch (t) {
+      // Ignora erro em testes onde setFormValue não é implementado
+    }
+  }
+  updateSelectedAllState() {
+    const t = this.parsedOptions.every((t => t.selected));
+    this.isAllSelected = t;
+  }
+  toggleSelectAll() {
+    var t, e;
+    const r = this.parsedOptions.map((t => Object.assign(Object.assign({}, t), {
+      selected: !this.isAllSelected
+    })));
+    this.parsedOptions = r;
+    this.isAllSelected = !this.isAllSelected;
+    this.updateSelectedOptions();
+    // Atualiza a prop 'value' e emite o evento para ngModel
+        this.selectedValue = this.isMultiple ? this.parsedOptions.filter((t => t.selected)).map((t => t.value)) : (t = this.parsedOptions.find((t => t.selected))) === null || t === void 0 ? void 0 : t.value;
+    this.value = this.selectedValue;
+    this.valueChange.emit(this.selectedValue);
+    try {
+      this.elementInternals.setFormValue(JSON.stringify((e = this.selectedValue) !== null && e !== void 0 ? e : []));
+    } catch (t) {
+      // Ignora erro em testes onde setFormValue não é implementado
+    }
+  }
+  renderInput() {
+    return r("br-input", {
+      exportparts: "label",
+      value: this.searchTerm || this.inputValue,
+      label: this.label,
+      isInline: this.isInline,
+      controlWidth: this.inputWidth,
+      borderless: this.borderless,
+      placeholder: this.placeholder,
+      actionLabel: this.isExpanded ? "Recolher lista de opções" : "Exibir lista de opções",
+      readonly: false,
+      onClick: () => this.toggleOpen(),
+      onInput: t => this.handleSearchInput(t),
+      onFocus: () => this.handleSearchFocus(),
+      onBlur: () => this.handleSearchBlur(),
+      onKeyDown: t => this.handleKeydownOnInput(t)
+    }, this.showSearchIcon && r("br-icon", {
+      slot: "icon",
+      "icon-name": "fa-solid:search",
+      "aria-hidden": "true"
+    }), r("br-icon", {
+      slot: "action",
+      "icon-name": this.isExpanded ? "fa-solid:angle-up" : "fa-solid:angle-down",
+      height: "16",
+      "aria-hidden": "true"
+    }));
+  }
+  renderSelectAllCheckbox() {
+    return r("div", {
+      class: `br-item highlighted ${this.isAllSelected ? "selected" : ""}`,
+      "data-all": "data-all",
+      tabindex: "-1",
+      role: "option",
+      "aria-selected": this.isAllSelected,
+      onKeyDown: t => this.handleSelectAllKeyDown(t),
+      onClick: () => this.toggleSelectAll()
+    }, r("br-checkbox", {
+      name: `checkbox-${this.customId}`,
+      label: this.isAllSelected ? this.unselectAllLabel : this.selectAllLabel,
+      checked: this.isAllSelected,
+      onCheckedChange: () => this.toggleSelectAll()
+    }));
+  }
+  renderOptions() {
+    if (this.filteredOptions.length === 0) {
+      return r("div", {
+        class: "br-item empty",
+        role: "option",
+        "aria-selected": "false",
+        tabindex: -1
+      }, "Nenhum resultado encontrado");
+    }
+    return this.filteredOptions.map(((t, e) => r("div", {
+      class: `br-item ${t.selected ? "selected" : ""}`,
+      key: `${t.label}-${this.customId}`,
+      role: "option",
+      tabindex: this.focusedIndex === e ? 0 : -1,
+      "aria-selected": t.selected,
+      onClick: () => this.handleSelection(e),
+      onKeyDown: t => this.handleKeydownOnItem(t, e)
+    }, this.isMultiple ? r("br-checkbox", {
+      name: `checkbox-${e}-${this.customId}`,
+      label: t.label || t.value,
+      checked: t.selected === true,
+      onCheckedChange: () => this.handleSelection(e)
+    }) : r("br-radio", {
+      exportparts: "radio-input, radio-label",
+      name: `radio-${e}-${this.customId}`,
+      label: t.label || t.value,
+      checked: t.selected === true,
+      onCheckedChange: () => this.handleSelection(e)
+    }))));
+  }
+  /**
+     * Determina um id para o radio.
+     */  getComputedId() {
+    var t;
+    return ((t = this.customId) === null || t === void 0 ? void 0 : t.length) > 0 ? this.customId : `br-select-${this.customId}`;
+  }
+  /**
+     * Inverte o valor da prop `isOpen`
+     */  toggleOpen() {
+    return o(this, void 0, void 0, (function*() {
+      this.isExpanded = !this.isExpanded;
+    }));
+  }
+  /**
+     * Limpa todas as opções selecionadas.
+     */  clear() {
+    return o(this, void 0, void 0, (function*() {
+      const t = this.parsedOptions.map((t => Object.assign(Object.assign({}, t), {
+        selected: false
+      })));
+      this.parsedOptions = t;
+      const e = this.isMultiple ? [] : undefined;
+      this.selectedValue = e;
+      this.value = e;
+      this.updateSelectedOptions();
+      this.updateSelectedAllState();
+      this.valueChange.emit(e);
+      try {
+        this.elementInternals.setFormValue(JSON.stringify(e !== null && e !== void 0 ? e : this.isMultiple ? [] : null));
+      } catch (t) {
+        // Ignora erro em testes onde setFormValue não é implementado
+      }
+    }));
+  }
+  /**
+     * Retorna o valor selecionado.
+     * @returns {Promise<string | string[]>} O valor atual.
+     */  getValue() {
+    return o(this, void 0, void 0, (function*() {
+      return this.value;
+    }));
+  }
+  /**
+     * Define o valor do componente.
+     * @param {string | string[]} newValue O novo valor a ser definido.
+     */  setValue(t) {
+    return o(this, void 0, void 0, (function*() {
+      this.value = t;
+      // O @Watch('value') cuidará da sincronização
+        }));
+  }
+  getCssClassMap() {
+    return {
+      "br-select": true
+    };
+  }
+  handleSearchInput(t) {
+    var e;
+    const r = (e = t.target.value) !== null && e !== void 0 ? e : "";
+    this.searchTerm = r;
+    this.filteredOptions = this.getFilteredOptions(r);
+    this.isExpanded = true;
+  }
+  handleSearchFocus() {
+    this.filteredOptions = this.getFilteredOptions(this.searchTerm);
+  }
+  handleSearchBlur() {
+    // Ao sair do campo, volta a exibir o resumo das seleções
+    this.searchTerm = "";
+    this.filteredOptions = this.getFilteredOptions("");
+  }
+  render() {
+    return r("div", {
+      key: "c717ed649993758e0011637a76427e12ef0a40e7",
+      class: this.getCssClassMap(),
+      id: this.getComputedId()
+    }, this.renderInput(), this.isExpanded && r("br-list", {
+      key: "ee72f97b71ea6ba810c794c5f9d6e66789a9e206",
+      tabindex: -1,
+      onKeyDown: t => this.handleKeydownOnList(t)
+    }, this.isMultiple && this.renderSelectAllCheckbox(), this.renderOptions()));
+  }
+  static get formAssociated() {
+    return true;
+  }
+  get el() {
+    return a(this);
+  }
+  static get watchers() {
+    return {
+      options: [ "synchronizeSelect" ],
+      value: [ "syncValueFromOutside" ]
+    };
+  }
+};
+
+let d = 0;
+
+c.style = selectCss();
+
+export { l as br_dropdown, c as br_select };
+//# sourceMappingURL=br-dropdown.br-select.entry.esm.js.map
+//# sourceMappingURL=p-7eeb3f78.entry.js.map