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

package/dist/webcomponents/p-bf162cf1.entry.js

@@ -0,0 +1,286 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+import { r as t, c as a, h as e, a as r, g as i } from "./p-DULshOxW.js";
+
+import { H as o } from "./p-BRKK5nMe.js";
+
+const tabCss = () => `*,*::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-tab{--tab-padding:var(--spacing-scale-3x);--tab-size:var(--tab-medium);--tab-large:var(--spacing-scale-3x);--tab-medium:var(--spacing-scale-2x);--tab-small:var(--spacing-scale-base)}.br-tab .tab-nav::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-tab .tab-nav::-webkit-scrollbar-track{background:var(--gray-10)}.br-tab .tab-nav::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-tab .tab-nav:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-tab .tab-nav{overflow-x:auto;width:100%}@media (max-width: 991px){.br-tab .tab-nav::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-tab .tab-nav::-webkit-scrollbar-track{background:var(--gray-10)}.br-tab .tab-nav::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-tab .tab-nav:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-tab .tab-nav{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;width:100%}}.br-tab .tab-nav ul{border-bottom:1px solid var(--border-color);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:0;margin-top:0;padding:0;width:100%}.br-tab .tab-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;white-space:nowrap}.br-tab .tab-item button,.br-tab .tab-item a{--focus-offset:calc(var(--spacing-scale-half) * -1)}.br-tab .tab-item button:focus,.br-tab .tab-item a:focus{outline:none}.br-tab .tab-item button:focus-visible,.br-tab .tab-item a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-tab .tab-item button:not(:disabled):hover,.br-tab .tab-item a: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-tab .tab-item button,.br-tab .tab-item a{background-color:rgba(0,0,0,0);border:0;border-bottom:4px solid rgba(0,0,0,0);color:var(--color);display:inline-block;font-size:var(--font-size-scale-up-02);font-weight:var(--font-weight-medium);line-height:1;padding:var(--tab-size) var(--tab-padding);text-align:center;white-space:nowrap}.br-tab .tab-item:first-child{padding-left:0}.br-tab .tab-item:last-child{padding-right:0}.br-tab .tab-item.is-active button,.br-tab .tab-item.active button{border-bottom:4px solid var(--active);color:var(--active)}.br-tab .tab-item.is-active .results,.br-tab .tab-item.active .results{--font-weight:var(--font-weight-semi-bold);color:var(--active)}.br-tab .results{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:var(--font-weight);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-scale-2x);position:absolute;top:100%}.br-tab[data-counter=true] .tab-nav ul{margin-bottom:calc(var(--spacing-scale-2x) + var(--font-size-scale-up-02) + var(--spacing-scale-base))}.br-tab .tab-content .tab-panel{color:var(--text-color);display:none}.br-tab .tab-content .tab-panel.is-active,.br-tab .tab-content .tab-panel.active{display:block}.br-tab.small,.br-tab[small]{--tab-size:var(--tab-small)}.br-tab.medium,.br-tab[medium],.br-tab.is-medium{--tab-size:var(--tab-medium)}.br-tab.large,.br-tab[large]{--tab-size:var(--tab-large)}.br-tab.inverted,.br-tab.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-tab.inverted .tab-item.active button,.br-tab.dark-mode .tab-item.active button{border-bottom-color:var(--background-light);color:var(--color)}:host{display:block}.br-tab{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;overflow-x:hidden;padding:var(--tab-container-padding, 16px)}.tab-nav[data-counter=true]{min-height:102px;overflow:hidden}.tab-nav[data-counter=true] ul{max-height:65px}.tab-nav .tab-item button .icon:not(:only-child){margin-right:var(--spacing-scale-base)}.results{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:var(--font-weight);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-scale-2x);position:absolute;top:100%}`;
+
+const n = class {
+  constructor(e) {
+    t(this, e);
+    this.brTabChange = a(this, "brTabChange", 7);
+    /**
+         * Identificador único.
+         * Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */    this.customId = o.generateUniqueId();
+    /**
+         * A propriedade 'density' define a densidade do componente.
+         * Os valores possíveis são 'small', 'medium' e 'large'.
+         */    this.density = "medium";
+    /**
+         * Label de acessibilidade para a navegação das tabs
+         */    this.label = "Abas de Navegação";
+    /**
+         * Define o alinhamento horizontal dos itens da tab na barra de navegação.
+         * - 'start': Alinha à esquerda
+         * - 'center': Centraliza
+         * - 'end': Alinha à direita
+         */    this.alignItemsTab = "start";
+    /**
+         * Lista dos tab items registrados
+         */    this.tabItems = [];
+    this.registerTabItems = () => {
+      if (this.slotElement === undefined || this.slotElement === null) return;
+      const t = this.slotElement.assignedElements();
+      this.tabItems = t.filter((t => {
+        var a;
+        return ((a = t.tagName) === null || a === void 0 ? void 0 : a.toLowerCase()) === "br-tab-item";
+      }));
+      // Garante que cada tab item tenha um ID único
+            this.tabItems.forEach((t => {
+        if (t.tabItemId === undefined || t.tabItemId === null || typeof t.tabItemId === "string" && t.tabItemId === "" || t.hasAttribute("tab-item-id") === false) {
+          const a = o.generateUniqueId();
+          t.tabItemId = a;
+          t.setAttribute("tab-item-id", a);
+        }
+        // Propaga color mode
+                if (this.colorMode !== undefined && this.colorMode !== null && typeof this.colorMode === "string") {
+          t.setAttribute("color-mode", this.colorMode);
+        }
+      }));
+      // Define o primeiro tab como ativo se nenhum estiver ativo
+            if ((this.activeTabId === undefined || this.activeTabId === null || typeof this.activeTabId === "string" && this.activeTabId === "") && this.tabItems.length > 0) {
+        const t = this.tabItems.find((t => t.isActive === true));
+        this.activeTabId = (t === null || t === void 0 ? void 0 : t.tabItemId) || this.tabItems[0].tabItemId;
+      }
+      this.updateTabStates();
+    };
+  }
+  /**
+     * Observa mudanças no tab ativo para atualizar os estados
+     */  activeTabChanged(t) {
+    this.updateTabStates();
+    const a = this.tabItems.findIndex((a => a.tabItemId === t));
+    this.brTabChange.emit({
+      tabId: t,
+      tabIndex: a
+    });
+  }
+  /**
+     * Observa mudanças no color mode para propagar aos filhos
+     */  colorModeChanged(t) {
+    this.tabItems.forEach((a => {
+      if (t !== undefined && t !== null && typeof t === "string") {
+        a.setAttribute("color-mode", t);
+      } else {
+        a.removeAttribute("color-mode");
+      }
+    }));
+  }
+  /**
+     * Escuta evento de mudança de propriedades dos tab-items filhos.
+     * Este listener garante que o componente pai seja re-renderizado quando
+     * propriedades como tabItemTitle, icon, counter ou onlyIcon mudam dinamicamente.
+     */  handleTabItemPropsChange() {
+    // Força re-renderização para atualizar a navegação
+    this.tabItems = [ ...this.tabItems ];
+  }
+  /**
+     * Atualiza o estado ativo de todos os tab items
+     * Comunicação direta similar ao Vue
+     */  updateTabStates() {
+    this.tabItems.forEach((t => {
+      const a = t.tabItemId === this.activeTabId;
+      t.isActive = a;
+      // Atualiza atributos para compatibilidade
+            if (a) {
+        t.setAttribute("is-active", "true");
+        t.setAttribute("aria-selected", "true");
+      } else {
+        t.removeAttribute("is-active");
+        t.removeAttribute("aria-selected");
+      }
+    }));
+  }
+  /**
+     * Manipula o clique em um botão de tab
+     */  handleTabClick(t) {
+    if (this.activeTabId !== t) {
+      this.activeTabId = t;
+    }
+  }
+  /**
+     * Manipula navegação por teclado (acessibilidade)
+     */  handleKeyNavigation(t, a) {
+    let e = t;
+    switch (a.key) {
+     case "ArrowRight":
+      a.preventDefault();
+      e = (t + 1) % this.tabItems.length;
+      break;
+
+     case "ArrowLeft":
+      a.preventDefault();
+      e = (t - 1 + this.tabItems.length) % this.tabItems.length;
+      break;
+
+     case "Home":
+      a.preventDefault();
+      e = 0;
+      break;
+
+     case "End":
+      a.preventDefault();
+      e = this.tabItems.length - 1;
+      break;
+
+     case "ArrowDown":
+      a.preventDefault();
+      // Foca no conteúdo do painel ativo
+            const r = this.tabItems[t];
+      if (r !== undefined && r !== null && typeof r === "object") {
+        const t = r.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+        if (t.length > 0) {
+          t[0].focus();
+        }
+      }
+      return;
+
+     default:
+      return;
+    }
+    // Ativa e foca o novo tab
+        if (e !== t) {
+      this.activeTabId = this.tabItems[e].tabItemId;
+      // O foco será definido no próximo render através do tabindex
+            setTimeout((() => {
+        var t;
+        const a = this.el.shadowRoot.querySelectorAll(".tab-item button");
+        (t = a[e]) === null || t === void 0 ? void 0 : t.focus();
+      }), 0);
+    }
+  }
+  /**
+     * Retorna o mapeamento de classes CSS do componente
+     */  getCssClassMap() {
+    return {
+      "br-tab": true,
+      small: this.density === "small",
+      medium: this.density === "medium",
+      large: this.density === "large",
+      "dark-mode": this.colorMode === "dark"
+    };
+  }
+  /**
+     * Retorna o mapeamento de classes CSS para cada item de navegação
+     */  getTabItemCssClassMap(t) {
+    return {
+      "tab-item": true,
+      active: t,
+      "dark-mode": this.colorMode === "dark"
+    };
+  }
+  /**
+     * Retorna o alinhamento em formato flexbox
+     */  getAlignItemsStyle() {
+    const t = {
+      start: "flex-start",
+      center: "center",
+      end: "flex-end"
+    };
+    return t[this.alignItemsTab] || "flex-start";
+  }
+  componentDidLoad() {
+    // Observa mudanças no slot
+    if (typeof MutationObserver !== "undefined") {
+      this.mutationObserver = new MutationObserver((() => {
+        this.registerTabItems();
+      }));
+      this.mutationObserver.observe(this.el, {
+        childList: true,
+        subtree: false
+      });
+    }
+    this.registerTabItems();
+  }
+  disconnectedCallback() {
+    if (this.mutationObserver !== undefined && this.mutationObserver !== null && typeof this.mutationObserver === "object") {
+      this.mutationObserver.disconnect();
+    }
+  }
+  render() {
+    const t = this.tabItems.some((t => t.counter));
+    return e(r, {
+      key: "d5d82cd81b6bfb0149c071b39a29579a18420b02"
+    }, e("div", {
+      key: "338a67a0e3f462e1e261a6013493ef86f53dc1c8",
+      class: this.getCssClassMap(),
+      id: this.customId,
+      part: "container"
+    }, e("nav", {
+      key: "6ed0ec25d746c9910c90b0d83257b6bc78b46c02",
+      class: "tab-nav",
+      "data-counter": t ? "true" : "false",
+      "aria-label": this.label,
+      part: "nav"
+    }, e("ul", {
+      key: "02bc9612685d07f054a17fc8971dd91ffbfb7eee",
+      role: "tablist",
+      style: {
+        justifyContent: this.getAlignItemsStyle()
+      }
+    }, this.tabItems.map(((t, a) => {
+      const r = t.tabItemId === this.activeTabId;
+      const i = t.onlyIcon || t.hasAttribute("only-icon");
+      return e("li", {
+        key: t.tabItemId,
+        class: this.getTabItemCssClassMap(r),
+        role: "presentation"
+      }, e("button", {
+        type: "button",
+        id: `tab-button-${t.tabItemId}`,
+        role: "tab",
+        "aria-selected": r ? "true" : "false",
+        "aria-controls": `tab-panel-${t.tabItemId}`,
+        tabindex: r ? 0 : -1,
+        onClick: () => this.handleTabClick(t.tabItemId),
+        onKeyDown: t => this.handleKeyNavigation(a, t)
+      }, e("span", {
+        class: "name"
+      }, t.icon && e("span", {
+        class: "icon"
+      }, e("br-icon", {
+        "icon-name": t.icon
+      })), !i && e("span", null, t.tabItemTitle))), t.counter && e("span", {
+        class: "results"
+      }, "(", t.counter, ")"));
+    })))), e("div", {
+      key: "5b4cff99e3e60e499aa5b7d4644facc7fc1e5360",
+      class: "tab-content"
+    }, e("slot", {
+      key: "e9ac8a2d1dc1088a5848a98d71ff49166fdc3a06",
+      ref: t => {
+        this.slotElement = t;
+      },
+      onSlotchange: this.registerTabItems
+    }))));
+  }
+  get el() {
+    return i(this);
+  }
+  static get watchers() {
+    return {
+      activeTabId: [ "activeTabChanged" ],
+      colorMode: [ "colorModeChanged" ]
+    };
+  }
+};
+
+n.style = tabCss();
+
+export { n as br_tab };
+//# sourceMappingURL=br-tab.entry.esm.js.map
+//# sourceMappingURL=p-bf162cf1.entry.js.map

package/dist/webcomponents/p-bf162cf1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","Helpers","tabCss","Tab","constructor","hostRef","this","brTabChange","customId","generateUniqueId","density","label","alignItemsTab","tabItems","registerTabItems","slotElement","undefined","assignedElements","filter","el","_a","tagName","toLowerCase","forEach","item","tabItemId","hasAttribute","id","setAttribute","colorMode","activeTabId","length","activeItem","find","isActive","updateTabStates","activeTabChanged","newId","activeIndex","findIndex","emit","tabId","tabIndex","colorModeChanged","newValue","removeAttribute","handleTabItemPropsChange","handleTabClick","handleKeyNavigation","currentIndex","event","newIndex","key","preventDefault","activePanel","focusableElements","querySelectorAll","focus","setTimeout","buttons","shadowRoot","getCssClassMap","small","medium","large","getTabItemCssClassMap","active","getAlignItemsStyle","alignMap","start","center","end","componentDidLoad","MutationObserver","mutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","hasCounter","some","counter","class","part","role","style","justifyContent","map","index","showOnlyIcon","onlyIcon","type","tabindex","onClick","onKeyDown","e","icon","tabItemTitle","ref","onSlotchange","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/webcomponents/p-c3537110.entry.js

@@ -0,0 +1,131 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+import { r as t, c as a, h as e, a as r, g as i } from "./p-DULshOxW.js";
+
+import { _ as o } from "./p-DIPMDb5E.js";
+
+import { H as n } from "./p-BRKK5nMe.js";
+
+const modalCss = () => `*,*::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-modal{--modal-size:var(--modal-medium);--modal-xsmall:220px;--modal-small:300px;--modal-medium:500px;--modal-large:640px;--modal-auto:auto;background:var(--background);-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:var(--modal-size);z-index:var(--z-index-layer-4)}.br-modal-header{font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-bold);padding:var(--spacing-scale-2x) var(--spacing-scale-2x) 0;position:relative}.br-modal-header .close{position:absolute;right:var(--spacing-scale-base);top:var(--spacing-scale-base)}.br-modal .modal-title{font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-bold);margin-right:40px;max-height:calc(var(--font-size-scale-up-01)*3);overflow:hidden;text-overflow:ellipsis}.br-modal-body{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:var(--spacing-scale-3x) 0 var(--spacing-scale-2x);overflow:auto;padding:0 var(--spacing-scale-2x);width:auto}.br-modal-body::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-modal-body::-webkit-scrollbar-track{background:var(--gray-10)}.br-modal-body::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-modal-body:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-modal-body>*:last-child{margin-bottom:0}.br-modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:var(--spacing-scale-2x)}.br-modal.xsmall{--modal-size:var(--modal-xsmall)}.br-modal.small{--modal-size:var(--modal-small)}.br-modal.is-medium,.br-modal.medium{--modal-size:var(--modal-medium)}.br-modal.large{--modal-size:var(--modal-large)}.br-modal.auto{--modal-size:var(--modal-auto)}.br-modal .loading.medium{min-height:calc(var(--loading-indetermined-diameter-md) + var(--spacing-scale-2x)*2)}@media (max-width: 991px){.br-modal-header .close{top:0}}.br-modal.scrollable{max-height:400px}.br-modal-footer.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}`;
+
+const l = class {
+  constructor(e) {
+    t(this, e);
+    this.brModalClose = a(this, "brModalClose", 7);
+    if (e.$hostElement$["s-ei"]) {
+      this.elementInternals = e.$hostElement$["s-ei"];
+    } else {
+      this.elementInternals = e.$hostElement$.attachInternals();
+      e.$hostElement$["s-ei"] = this.elementInternals;
+    }
+    /**
+         * Identificador único.
+         * Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */    this.customId = n.generateUniqueId("modal");
+    /** Controla a visibilidade do modal. */    this.show = false;
+    /** Se `true`, o modal se fechará automaticamente ao clicar no botão de fechar ou pressionar a tecla 'Escape'. */    this.autoClose = false;
+    /**
+         * Define o tamanho (largura) do modal.
+         * Valores possíveis: 'xsmall', 'small', 'medium', 'large', 'auto'.
+         */    this.size = "medium";
+    /** Se `true`, exibe um fundo escurecido (scrim) atrás do modal. */    this.scrim = false;
+    /** Se `true`, habilita a rolagem interna do conteúdo do modal. */    this.scrollable = false;
+    /**
+         * Define o alinhamento do conteúdo do rodapé (slot="footer").
+         * Valores possíveis: 'start', 'end', 'center'.
+         */    this.alignFooter = "center";
+    this.handleClose = () => {
+      this.brModalClose.emit();
+      if (this.autoClose) {
+        this.show = false;
+        // Se o modal está dentro de um br-scrim, fecha o scrim também
+                const t = this.el.closest("br-scrim");
+        if (t) {
+          t.close();
+        }
+      }
+    };
+  }
+  get titleId() {
+    return `${this.customId}-title`;
+  }
+  get contentId() {
+    return `${this.customId}-content`;
+  }
+  getCssClassMap() {
+    return {
+      "br-modal": true,
+      [this.size]: true,
+      scrollable: this.scrollable
+    };
+  }
+  /**
+     * Método público para abrir o modal
+     */  open() {
+    return o(this, void 0, void 0, (function*() {
+      this.show = true;
+    }));
+  }
+  /**
+     * Método público para fechar o modal
+     */  close() {
+    return o(this, void 0, void 0, (function*() {
+      this.show = false;
+      // Se o modal está dentro de um br-scrim, fecha o scrim também
+            const t = this.el.closest("br-scrim");
+      if (t) {
+        t.close();
+      }
+    }));
+  }
+  render() {
+    if (!this.show) {
+      return null;
+    }
+    return e(r, null, e("div", {
+      class: this.getCssClassMap(),
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": this.titleId,
+      "aria-describedby": this.contentId
+    }, e("div", {
+      class: "br-modal-header"
+    }, e("div", {
+      class: "modal-title",
+      id: this.titleId
+    }, e("slot", {
+      name: "header"
+    }, this.titleText)), e("slot", {
+      name: "close-button"
+    }, e("br-button", {
+      class: "close",
+      shape: "circle",
+      density: "small",
+      "aria-label": "Fechar",
+      onClick: this.handleClose
+    }, e("br-icon", {
+      "icon-name": "fa-solid:times"
+    })))), e("div", {
+      id: this.contentId,
+      class: "br-modal-body"
+    }, e("slot", null)), e("div", {
+      class: `br-modal-footer ${this.alignFooter ? `justify-content-${this.alignFooter}` : ""}`
+    }, e("slot", {
+      name: "footer"
+    }))));
+  }
+  static get formAssociated() {
+    return true;
+  }
+  get el() {
+    return i(this);
+  }
+};
+
+l.style = modalCss();
+
+export { l as br_modal };
+//# sourceMappingURL=br-modal.entry.esm.js.map
+//# sourceMappingURL=p-c3537110.entry.js.map

package/dist/webcomponents/p-c3537110.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","__awaiter","Helpers","modalCss","Modal","constructor","hostRef","this","brModalClose","$hostElement$","elementInternals","attachInternals","customId","generateUniqueId","show","autoClose","size","scrim","scrollable","alignFooter","handleClose","emit","parentScrim","el","closest","close","titleId","contentId","getCssClassMap","open","render","class","role","id","name","titleText","shape","density","onClick","formAssociated","style"],"sources":["0"],"mappings":";;;;cAIcA,QAAuBC,QAAaC,QAAQC,QAAWC,SAAkB;;cACzEC,SAAiB;;cACjBC,SAAe;;AAE7B,MAAMC,WAAW,MAAM;;AAEvB,MAAMC,IAAQ;EACV,WAAAC,CAAYC;IACRV,EAAiBW,MAAMD;IACvBC,KAAKC,eAAeX,EAAYU,MAAM,gBAAgB;IACtD,IAAID,EAAQG,cAAc,SAAS;MAC/BF,KAAKG,mBAAmBJ,EAAQG,cAAc;AAClD,WACK;MACDF,KAAKG,mBAAmBJ,EAAQG,cAAcE;MAC9CL,EAAQG,cAAc,UAAUF,KAAKG;AACzC;;;;eAKAH,KAAKK,WAAWV,EAAQW,iBAAiB;gDAEzCN,KAAKO,OAAO;yHAEZP,KAAKQ,YAAY;;;;eAKjBR,KAAKS,OAAO;2EAEZT,KAAKU,QAAQ;0EAEbV,KAAKW,aAAa;;;;eAKlBX,KAAKY,cAAc;IACnBZ,KAAKa,cAAc;MACfb,KAAKC,aAAaa;MAClB,IAAId,KAAKQ,WAAW;QAChBR,KAAKO,OAAO;;gBAEZ,MAAMQ,IAAcf,KAAKgB,GAAGC,QAAQ;QACpC,IAAIF,GAAa;UACbA,EAAYG;AAChB;AACJ;AAAA;AAER;EACA,WAAIC;IACA,OAAO,GAAGnB,KAAKK;AACnB;EACA,aAAIe;IACA,OAAO,GAAGpB,KAAKK;AACnB;EACA,cAAAgB;IACI,OAAO;MACH,YAAY;MACZ,CAACrB,KAAKS,OAAO;MACbE,YAAYX,KAAKW;;AAEzB;;;SAIA,IAAAW;IACI,OAAO5B,EAAUM,WAAW,QAAQ,IAAG;MACnCA,KAAKO,OAAO;AAChB;AACJ;;;SAIA,KAAAW;IACI,OAAOxB,EAAUM,WAAW,QAAQ,IAAG;MACnCA,KAAKO,OAAO;;YAEZ,MAAMQ,IAAcf,KAAKgB,GAAGC,QAAQ;MACpC,IAAIF,GAAa;QACbA,EAAYG;AAChB;AACJ;AACJ;EACA,MAAAK;IACI,KAAKvB,KAAKO,MAAM;MACZ,OAAO;AACX;IACA,OAAQhB,EAAEC,GAAM,MAAMD,EAAE,OAAO;MAAEiC,OAAOxB,KAAKqB;MAAkBI,MAAM;MAAU,cAAc;MAAQ,mBAAmBzB,KAAKmB;MAAS,oBAAoBnB,KAAKoB;OAAa7B,EAAE,OAAO;MAAEiC,OAAO;OAAqBjC,EAAE,OAAO;MAAEiC,OAAO;MAAeE,IAAI1B,KAAKmB;OAAW5B,EAAE,QAAQ;MAAEoC,MAAM;OAAY3B,KAAK4B,aAAarC,EAAE,QAAQ;MAAEoC,MAAM;OAAkBpC,EAAE,aAAa;MAAEiC,OAAO;MAASK,OAAO;MAAUC,SAAS;MAAS,cAAc;MAAUC,SAAS/B,KAAKa;OAAetB,EAAE,WAAW;MAAE,aAAa;WAAwBA,EAAE,OAAO;MAAEmC,IAAI1B,KAAKoB;MAAWI,OAAO;OAAmBjC,EAAE,QAAQ,QAAQA,EAAE,OAAO;MAAEiC,OAAO,mBAAmBxB,KAAKY,cAAc,mBAAmBZ,KAAKY,gBAAgB;OAAQrB,EAAE,QAAQ;MAAEoC,MAAM;;AACltB;EACA,yBAAWK;IAAmB,OAAO;AAAM;EAC3C,MAAIhB;IAAO,OAAOvB,EAAWO;AAAO;;;AAExCH,EAAMoC,QAAQrC;;SAELC","ignoreList":[]}