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

package/dist/webcomponents/p-3b55ea0c.entry.js

@@ -0,0 +1,389 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+import { r as t, c as r, h as e, a as i, g as a } from "./p-DULshOxW.js";
+
+import { F as o } from "./p-CNNuop_Z.js";
+
+import { H as n } from "./p-BRKK5nMe.js";
+
+import "./p-DIPMDb5E.js";
+
+const tooltipCss = () => `*,*::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:inline-block;position:relative}.br-tooltip .content{display:none;border-radius:4px;-webkit-box-shadow:var(--surface-offset-xl) var(--surface-offset-xl) var(--surface-offset-xl) rgba(0,0,0,.16);box-shadow:var(--surface-offset-xl) var(--surface-offset-xl) var(--surface-offset-xl) rgba(0,0,0,.16);color:var(--pure-0);font-size:var(--font-size-scale-down-01);font-weight:var(--font-weight-regular);width:-webkit-max-content;width:-moz-max-content;width:max-content;position:absolute;left:0;top:0;text-align:center;z-index:4}.br-tooltip .content.small{padding:var(--spacing-scale-base) var(--spacing-scale-base)}.br-tooltip .content.medium{padding:var(--spacing-scale-baseh) var(--spacing-scale-baseh)}.br-tooltip .content.large{padding:var(--spacing-scale-2x) var(--spacing-scale-2x)}.br-tooltip .content.is-visible{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.br-tooltip .content.popover br-button{-ms-flex-item-align:start;align-self:flex-start;margin-left:var(--spacing-scale-half)}.br-tooltip .content:focus-visible{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset)}.br-tooltip .arrow{position:absolute;width:8px;height:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.br-tooltip .content.info,.br-tooltip .arrow.info{background-color:var(--blue-warm-vivid-60)}.br-tooltip .content.info br-button::part(button),.br-tooltip .arrow.info br-button::part(button){color:var(--pure-0)}.br-tooltip .content.info br-button::part(button):hover,.br-tooltip .arrow.info br-button::part(button):hover{background:-webkit-gradient(linear, left top, left bottom, from(rgb(var(--pure-0-rgb), var(--hover))), to(rgb(var(--pure-0-rgb), var(--hover))));background:linear-gradient(rgb(var(--pure-0-rgb), var(--hover)), rgb(var(--pure-0-rgb), var(--hover)))}.br-tooltip .content.warning,.br-tooltip .arrow.warning{background-color:var(--yellow-vivid-20);color:var(--gray-80)}.br-tooltip .content.warning br-button::part(button),.br-tooltip .arrow.warning br-button::part(button){color:var(--gray-80)}.br-tooltip .content.warning br-button::part(button):hover,.br-tooltip .arrow.warning br-button::part(button):hover{background:-webkit-gradient(linear, left top, left bottom, from(rgb(var(--gray-80-rgb), var(--hover))), to(rgb(var(--gray-80-rgb), var(--hover))));background:linear-gradient(rgb(var(--gray-80-rgb), var(--hover)), rgb(var(--gray-80-rgb), var(--hover)))}.br-tooltip .content.error,.br-tooltip .arrow.error{background-color:var(--red-vivid-50)}.br-tooltip .content.error br-button::part(button),.br-tooltip .arrow.error br-button::part(button){color:var(--pure-0)}.br-tooltip .content.error br-button::part(button):hover,.br-tooltip .arrow.error br-button::part(button):hover{background:-webkit-gradient(linear, left top, left bottom, from(rgb(var(--pure-0-rgb), var(--hover))), to(rgb(var(--pure-0-rgb), var(--hover))));background:linear-gradient(rgb(var(--pure-0-rgb), var(--hover)), rgb(var(--pure-0-rgb), var(--hover)))}.br-tooltip .content.success,.br-tooltip .arrow.success{background-color:var(--green-cool-vivid-50)}.br-tooltip .content.success br-button::part(button),.br-tooltip .arrow.success br-button::part(button){color:var(--pure-0)}.br-tooltip .content.success br-button::part(button):hover,.br-tooltip .arrow.success br-button::part(button):hover{background:-webkit-gradient(linear, left top, left bottom, from(rgb(var(--pure-0-rgb), var(--hover))), to(rgb(var(--pure-0-rgb), var(--hover))));background:linear-gradient(rgb(var(--pure-0-rgb), var(--hover)), rgb(var(--pure-0-rgb), var(--hover)))}`;
+
+const s = class {
+  constructor(e) {
+    t(this, e);
+    this.brDidOpen = r(this, "brDidOpen", 6);
+    this.brDidClose = r(this, "brDidClose", 6);
+    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();
+    /**
+         * Define a posição do tooltip em relação ao elemento acionador.
+         * As opções disponíveis são: 'top', 'bottom', 'left' e 'right'.
+         * @default 'top'
+         */    this.position = "top";
+    /**
+         * Define o tipo de tooltip a ser exibido.
+         * As opções disponíveis são: 'standard' e 'popover'.
+         * O tipo 'standard' exibe um tooltip simples, enquanto o tipo 'popover' exibe um tooltip com mais informações e fechamento por interação.
+         * @default 'standard'
+         */    this.type = "standard";
+    /**
+         * Define a densidade do tooltip.
+         * As opções disponíveis são: 'large', 'medium' e 'small'.
+         * A densidade 'small' exibe um tooltip mais compacto, enquanto a densidade 'large' exibe um tooltip mais espaçado.
+         * @default 'medium'
+         */    this.density = "medium";
+    /**
+         * Define o estado do tooltip.
+         * Os estados disponíveis são: 'info', 'warning', 'error' e 'success'.
+         * @default 'info'
+         */    this.state = "info";
+    /**
+         * Define se o tooltip deve ser exibido automaticamente.
+         * Quando definido como true, o tooltip será exibido automaticamente.
+         * Quando definido como false, o tooltip será exibido apenas quando acionado pelo usuário.
+         * @default false
+         */    this.isAutoVisible = false;
+    /**
+         * Define o atraso em milissegundos para exibir o tooltip.
+         * @default null
+         */    this.showDelay = null;
+    /**
+         * Define o atraso em milissegundos para ocultar o tooltip.
+         * @default null
+         */    this.hideDelay = null;
+    /**
+         * Define a visibilidade do tooltip.
+         * Quando definido como true, o tooltip será exibido.
+         * Quando definido como false, o tooltip será ocultado.
+         * @default false
+         */    this.isVisible = false;
+    /**
+         * Indica se o tooltip foi acionado por um clique do mouse.
+         * Isso é utilizado para evitar conflito com o acionamento por foco.
+         */    this.fromPointerDown = false;
+    /**
+         * Alterna a exibição do tooltip.
+         * Se o tooltip estiver visível, ele será ocultado.
+         * Se o tooltip estiver oculto, ele será exibido.
+         */    this.toggleContent = () => {
+      this.fromPointerDown = true;
+      if (this.isVisible) {
+        this.hideContent();
+      } else {
+        this.showContent();
+      }
+    };
+    /**
+         * Processa as ações relacionadas à exibição do tooltip.
+         * Isso inclui exibir o tooltip e iniciar o tempo limite de ocultação automática.
+         * @returns void
+         */    this.showContent = () => {
+      if (this.contentElement == null) return;
+      this.isVisible = true;
+      if (this.isAutoVisible) {
+        if (this.hideDelay !== null) {
+          this.clearHideTimer();
+          this.setHideTimer();
+        }
+      }
+      if (this.type === "popover") {
+        document.addEventListener("click", this.handleOutsideClick);
+      }
+    };
+    /**
+         * Processa as ações relacionadas ao fechamento do tooltip.
+         * Isso inclui ocultar o tooltip e limpar o tempo limite de ocultação automática.
+         * @returns void
+         */    this.hideContent = () => {
+      if (this.contentElement == null) return;
+      this.isVisible = false;
+      if (this.type === "popover") {
+        document.removeEventListener("click", this.handleOutsideClick);
+        requestAnimationFrame((() => {
+          var t;
+          return (t = this.contentElement) === null || t === void 0 ? void 0 : t.focus();
+        }));
+      }
+    };
+    /**
+         * Lida com cliques fora do tooltip.
+         * É utilizado para o tooltip do tipo 'popover'.
+         * @param event MouseEvent
+         */    this.handleOutsideClick = t => {
+      const r = t.composedPath();
+      if (this.isVisible && this.type === "popover" && !r.includes(this.contentElement) && !r.includes(this.triggerElement)) {
+        this.hideContent();
+      }
+    };
+  }
+  /**
+     * Watcher para monitorar alterações na propriedade `isVisible`.
+     * @param visible boolean
+     * @returns void
+     */  handleVisibilityChange(t) {
+    var r;
+    if (this.contentElement == null) return;
+    if (t) {
+      this.positionTooltip();
+      this.brDidOpen.emit({
+        id: this.customId,
+        visible: true
+      });
+    } else {
+      (r = this.clearAutoUpdate) === null || r === void 0 ? void 0 : r.call(this);
+      this.clearAutoUpdate = undefined;
+      this.brDidClose.emit({
+        id: this.customId,
+        visible: false
+      });
+    }
+  }
+  /**
+     * Listener para o evento de foco no elemento acionador.
+     * Este evento é utilizado para exibir o tooltip quando o elemento acionador recebe foco.
+     */  handleFocusIn() {
+    if (!this.fromPointerDown) {
+      this.showContent();
+    }
+    this.fromPointerDown = false;
+  }
+  /**
+     * Listener para o evento de desfoque no elemento acionador.
+     * Este evento é utilizado para ocultar o tooltip quando o elemento acionador perde o foco.
+     */  handleFocusOut() {
+    this.hideContent();
+  }
+  /**
+     * Listener para o evento de teclado no documento.
+     * Este evento é utilizado para fechar o tooltip quando a tecla Escape é pressionada.
+     * @param event KeyboardEvent
+     */  handleKeyDown(t) {
+    var r;
+    if (t.key === "Escape") {
+      t.preventDefault();
+      this.hideContent();
+      (r = this.triggerElement) === null || r === void 0 ? void 0 : r.focus();
+    }
+  }
+  /**
+     * Controla a exibição do tooltip.
+     * Quando o tooltip é exibido, ele é posicionado em relação ao elemento acionador.
+     * Isso é feito utilizando a biblioteca Floating UI, que calcula a posição ideal do tooltip com base no espaço disponível na tela.
+     * A função `autoUpdate` é utilizada para atualizar automaticamente a posição do tooltip quando o elemento acionador é movido ou redimensionado.
+     */  positionTooltip() {
+    if (this.triggerElement == null || this.contentElement == null) return;
+    this.floatingManager = new o({
+      triggerElement: this.triggerElement,
+      contentElement: this.contentElement,
+      arrowElement: this.arrowElement,
+      placement: this.position
+    });
+    this.floatingManager.start();
+  }
+  cleanupPositioning() {
+    var t;
+    (t = this.floatingManager) === null || t === void 0 ? void 0 : t.stop();
+  }
+  /**
+     * Define os eventos de interação do tooltip.
+     * Os eventos de interação incluem mouseenter, mouseleave, focus e blur.
+     * @returns void
+     */  setupInteractions() {
+    if (this.triggerElement == null || this.contentElement == null) return;
+    if (this.type === "standard") {
+      this.triggerElement.addEventListener("mouseenter", this.showContent);
+      this.triggerElement.addEventListener("mouseleave", this.hideContent);
+    }
+    if (this.type === "popover") {
+      this.triggerElement.addEventListener("pointerdown", this.toggleContent);
+    }
+    if (this.isAutoVisible) {
+      requestAnimationFrame((() => {
+        this.clearShowTimer();
+        this.setShowTimer();
+      }));
+    }
+  }
+  /**
+     * Configura o tempo limite para exibir o tooltip automaticamente.
+     * O tempo limite é definido pelo valor da propriedade `showDelay`.
+     */  setShowTimer() {
+    this.showTimer = setTimeout((() => {
+      this.showContent();
+    }), this.showDelay || 0);
+  }
+  /**
+     * Limpa o tempo limite de exibição automática do tooltip.
+     */  clearShowTimer() {
+    if (this.showTimer !== undefined) {
+      clearTimeout(this.showTimer);
+      this.showTimer = undefined;
+    }
+  }
+  /**
+     * Configura o tempo limite para ocultar o tooltip automaticamente.
+     * O tempo limite é definido pelo valor da propriedade `hideDelay`.
+     */  setHideTimer() {
+    this.hideTimer = setTimeout((() => {
+      this.hideContent();
+    }), this.hideDelay);
+  }
+  /**
+     * Limpa o tempo limite de ocultação automática do tooltip.
+     */  clearHideTimer() {
+    if (this.hideTimer !== undefined) {
+      clearTimeout(this.hideTimer);
+      this.hideTimer = undefined;
+    }
+  }
+  /**
+     * Determina o mapeamento de classes CSS do componente.
+     * @returns Um objeto que representa o mapeamento de classes CSS do componente.
+     */  getCssClassMap() {
+    return {
+      "br-tooltip": true
+    };
+  }
+  /**
+     * Determina o mapeamento de classes CSS do trigger.
+     * @returns Um objeto que representa o mapeamento de classes CSS do trigger.
+     */  getTriggerCssClassMap() {
+    return {
+      trigger: true
+    };
+  }
+  /**
+     * Determina o mapeamento de classes CSS do conteúdo.
+     * @returns Um objeto que representa o mapeamento de classes CSS do conteúdo.
+     */  getContentCssClassMap() {
+    return {
+      "is-visible": this.isVisible,
+      content: true,
+      popover: this.type === "popover",
+      large: this.density === "large",
+      medium: this.density === "medium",
+      small: this.density === "small",
+      info: this.state === "info",
+      warning: this.state === "warning",
+      error: this.state === "error",
+      success: this.state === "success"
+    };
+  }
+  /**
+     * Determina o mapeamento de classes CSS da seta.
+     * @returns Um objeto que representa o mapeamento de classes CSS da seta.
+     */  getArrowCssClassMap() {
+    return {
+      arrow: true,
+      large: this.density === "large",
+      medium: this.density === "medium",
+      small: this.density === "small",
+      info: this.state === "info",
+      warning: this.state === "warning",
+      error: this.state === "error",
+      success: this.state === "success"
+    };
+  }
+  /**
+     * Método do ciclo de vida do componente.
+     * Este método é chamado uma única vez após o componente ser montado no DOM.
+     */  componentDidLoad() {
+    if (typeof window === "undefined") return;
+    this.setupInteractions();
+  }
+  /**
+     * Método do ciclo de vida do componente.
+     * Este método é chamado quando o componente é desconectado do DOM.
+     */  disconnectedCallback() {
+    var t, r, e;
+    if (this.type === "standard") {
+      (t = this.triggerElement) === null || t === void 0 ? void 0 : t.removeEventListener("mouseenter", this.showContent);
+      (r = this.triggerElement) === null || r === void 0 ? void 0 : r.removeEventListener("mouseleave", this.hideContent);
+    } else if (this.type === "popover") {
+      (e = this.triggerElement) === null || e === void 0 ? void 0 : e.removeEventListener("pointerdown", this.toggleContent);
+      document.removeEventListener("click", this.handleOutsideClick);
+    }
+    this.cleanupPositioning();
+    this.clearShowTimer();
+    this.clearHideTimer();
+  }
+  /**
+     * Renderiza o componente.
+     * Este método é responsável por gerar o conteúdo HTML do componente.
+     * Ele utiliza a função `h` do Stencil para criar elementos JSX.
+     * @returns JSX.Element
+     */  render() {
+    return e(i, {
+      key: "c64584436b325e2497acbe7b665ec0c80035da60"
+    }, e("div", {
+      key: "567268fa6de1c5ced0c6ea8dbed1cdc609f1af98",
+      id: this.customId,
+      class: this.getCssClassMap()
+    }, e("div", {
+      key: "89cfab0cb31a8faa2ffcb7ab1dc3ba8d84f781b5",
+      class: this.getTriggerCssClassMap(),
+      ref: t => this.triggerElement = t,
+      "aria-describedby": `${this.customId}-content`,
+      "aria-expanded": this.isVisible ? "true" : "false",
+      "aria-controls": `${this.customId}-content`,
+      role: "button",
+      tabindex: "-1  "
+    }, e("slot", {
+      key: "03e1cd8f6a07ef05aa5b49cb859de0f57a969ab5",
+      name: "trigger"
+    })), e("div", {
+      key: "aab956d5bf4538912fd50c464697da849dd57689",
+      id: `${this.customId}-content`,
+      class: this.getContentCssClassMap(),
+      ref: t => this.contentElement = t,
+      role: this.type === "popover" ? "dialog" : "tooltip",
+      tabindex: "-1"
+    }, e("slot", {
+      key: "8e03fe1d14fe650534b0c82a5f8624434e7646c5",
+      name: "content"
+    }), this.type === "popover" && e("br-button", {
+      key: "f8d8e453f7dbb2eaa913e1140cbbfeacf0a484a5",
+      class: "close",
+      shape: "circle",
+      density: "small",
+      onClick: this.hideContent,
+      "aria-label": "Fechar popover"
+    }, e("br-icon", {
+      key: "ffc33c8012126970110909431ccac89f38970856",
+      "icon-name": "fa6-solid:xmark"
+    })), e("div", {
+      key: "6b892a3b61f483d1b688e225e898e990eaad6b4a",
+      class: this.getArrowCssClassMap(),
+      ref: t => this.arrowElement = t
+    }))));
+  }
+  static get formAssociated() {
+    return true;
+  }
+  get el() {
+    return a(this);
+  }
+  static get watchers() {
+    return {
+      isVisible: [ "handleVisibilityChange" ]
+    };
+  }
+};
+
+s.style = tooltipCss();
+
+export { s as br_tooltip };
+//# sourceMappingURL=br-tooltip.entry.esm.js.map
+//# sourceMappingURL=p-3b55ea0c.entry.js.map

package/dist/webcomponents/p-3b55ea0c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","FloatingUIManager","Helpers","tooltipCss","Tooltip","constructor","hostRef","this","brDidOpen","brDidClose","$hostElement$","elementInternals","attachInternals","customId","generateUniqueId","position","type","density","state","isAutoVisible","showDelay","hideDelay","isVisible","fromPointerDown","toggleContent","hideContent","showContent","contentElement","clearHideTimer","setHideTimer","document","addEventListener","handleOutsideClick","removeEventListener","requestAnimationFrame","_a","focus","event","path","composedPath","includes","triggerElement","handleVisibilityChange","visible","positionTooltip","emit","id","clearAutoUpdate","call","undefined","handleFocusIn","handleFocusOut","handleKeyDown","key","preventDefault","floatingManager","arrowElement","placement","start","cleanupPositioning","stop","setupInteractions","clearShowTimer","setShowTimer","showTimer","setTimeout","clearTimeout","hideTimer","getCssClassMap","getTriggerCssClassMap","trigger","getContentCssClassMap","content","popover","large","medium","small","info","warning","error","success","getArrowCssClassMap","arrow","componentDidLoad","window","disconnectedCallback","_b","_c","render","class","ref","el","role","tabindex","name","shape","onClick","formAssociated","watchers","style"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/webcomponents/p-3bdc8b39.entry.js

@@ -0,0 +1,142 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+import { r as t, h as a, a as e, g as r } from "./p-DULshOxW.js";
+
+import { B as i, a as o } from "./p-CqgyNPQx.js";
+
+import { H as n } from "./p-BRKK5nMe.js";
+
+const headerFunctionCss = () => `*,*::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}@media (width >= 1280px){.br-header-function::part(default-content){padding-left:var(--spacing-scale-half);padding-right:var(--spacing-scale-half)}}`;
+
+const l = class {
+  constructor(a) {
+    t(this, a);
+    /**
+         * Identificador único.
+         * Caso não seja fornecido, um ID gerado automaticamente será usado.
+         */    this.customId = n.generateUniqueId();
+    /**
+         * URL para a funcionalidade.
+         * @default null
+         */    this.href = null;
+    /**
+         * Nome do ícone a ser exibido.
+         * @default null
+         */    this.iconName = null;
+    /**
+         * Define o alvo do link quando `href` está presente. Pode ser:
+         * - `_blank` para abrir em uma nova aba,
+         * - `_self` para abrir na mesma aba,
+         * - `_parent` para abrir na aba pai,
+         * - `_top` para abrir na aba superior.
+         * @default `_self`
+         */    this.target = "_self";
+    /**
+         * Breakpoint atual.
+         * @default null
+         */    this.currentBreakpoint = null;
+    /**
+         * Indica se a lista está encolhido.
+         */    this.isShrunk = false;
+    /**
+         * Observador de mudanças de breakpoint.
+         * Utilizado para detectar mudanças no tamanho da tela e ajustar o layout do componente conforme necessário.
+         * @default null
+         */    this.breakpointObserver = null;
+    /**
+         * Manipula as mudanças de breakpoint.
+         * @param breakpoint O breakpoint ativo.
+         */    this.handleBreakpointChange = t => {
+      this.currentBreakpoint = t;
+    };
+  }
+  /**
+     * Listener para o evento 'headerWidthChange', disparado pelo componente pai 'br-header'.
+     * O evento contém o ID do pai e o nome da lista.
+     * Se o ID do pai corresponder ao ID do cabeçalho atual, o evento será tratado.
+     * @param event O evento customizado contendo o ID do pai e o nome da lista.
+     */  handleHeaderWidthChange(t) {
+    if (t.detail.id === this.el.parentElement.parentElement.shadowRoot.querySelector(".br-header").id) {
+      if (t.detail.listNames.includes("functions")) {
+        this.isShrunk = t.detail.shrink;
+      }
+    }
+  }
+  /**
+     * Ciclo de vida do componente.
+     * Executado quando o componente é conectado ao DOM.
+     */  connectedCallback() {
+    this.setBreakpointObserver();
+  }
+  /**
+     * Ciclo de vida do componente.
+     * Executado quando o componente é carregado.
+     */  componentDidLoad() {}
+  /**
+     * Mapeia os nomes das classes CSS a serem aplicadas ao componente.
+     * @returns Objeto com os nomes das classes CSS a serem aplicadas ao componente.
+     */  getCssClassMap() {
+    return {
+      "br-header-function": true
+    };
+  }
+  /**
+     * Ciclo de vida do componente.
+     * Executado quando o componente é desconectado do DOM.
+     */  disconnectedCallback() {
+    var t;
+    (t = this.breakpointObserver) === null || t === void 0 ? void 0 : t.unsubscribe(this.handleBreakpointChange);
+    this.breakpointObserver.destroy();
+  }
+  /**
+     * Configura o observador de mudanças de breakpoint.
+     */  setBreakpointObserver() {
+    this.breakpointObserver = new i;
+    this.breakpointObserver.subscribe(this.handleBreakpointChange);
+  }
+  renderFunctionButton() {
+    return a("br-button", {
+      emphasis: "tertiary",
+      shape: "circle",
+      density: "small",
+      slot: "start"
+    }, a("slot", {
+      name: "icon"
+    }, a("br-icon", {
+      "icon-name": this.iconName
+    })));
+  }
+  renderFunctionItem() {
+    return a("br-item", {
+      id: this.customId,
+      class: this.getCssClassMap(),
+      density: "large",
+      href: this.href,
+      target: this.target
+    }, a("slot", {
+      name: "icon",
+      slot: "start"
+    }, a("br-icon", {
+      "icon-name": this.iconName
+    })), a("slot", null));
+  }
+  /**
+     * Renderiza o componente.
+     * @returns JSX do componente.
+     */  render() {
+    return a(e, {
+      key: "6369cbec04438bf0a4f7a859ebb30aec24333f8b"
+    }, i.getBreakpoints("above", o.MEDIUM).includes(this.currentBreakpoint) && !this.isShrunk ? this.renderFunctionButton() : null, i.getBreakpoints("until", o.MEDIUM).includes(this.currentBreakpoint) || this.isShrunk ? this.renderFunctionItem() : null);
+  }
+  get el() {
+    return r(this);
+  }
+};
+
+l.style = headerFunctionCss();
+
+export { l as br_header_function };
+//# sourceMappingURL=br-header-function.entry.esm.js.map
+//# sourceMappingURL=p-3bdc8b39.entry.js.map

package/dist/webcomponents/p-3bdc8b39.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","Host","getElement","BreakpointObserver","BREAKPOINTS","Helpers","headerFunctionCss","HeaderFunction","constructor","hostRef","this","customId","generateUniqueId","href","iconName","target","currentBreakpoint","isShrunk","breakpointObserver","handleBreakpointChange","breakpoint","handleHeaderWidthChange","event","detail","id","el","parentElement","shadowRoot","querySelector","listNames","includes","shrink","connectedCallback","setBreakpointObserver","componentDidLoad","getCssClassMap","disconnectedCallback","_a","unsubscribe","destroy","subscribe","renderFunctionButton","emphasis","shape","density","slot","name","renderFunctionItem","class","render","key","getBreakpoints","MEDIUM","style"],"sources":["0"],"mappings":";;;;cAIcA,QAAkBC,QAAQC,QAAWC,SAAkB;;cACvDC,QAAyBC,SAAmB;;cAC5CC,SAAe;;AAE7B,MAAMC,oBAAoB,MAAM;;AAEhC,MAAMC,IAAiB;EACnB,WAAAC,CAAYC;IACRV,EAAiBW,MAAMD;;;;eAKvBC,KAAKC,WAAWN,EAAQO;;;;eAKxBF,KAAKG,OAAO;;;;eAKZH,KAAKI,WAAW;;;;;;;;eAShBJ,KAAKK,SAAS;;;;eAKdL,KAAKM,oBAAoB;;;eAIzBN,KAAKO,WAAW;;;;;eAMhBP,KAAKQ,qBAAqB;;;;eAK1BR,KAAKS,yBAA0BC;MAC3BV,KAAKM,oBAAoBI;AAAU;AAE3C;;;;;;SAOA,uBAAAC,CAAwBC;IACpB,IAAIA,EAAMC,OAAOC,OAAOd,KAAKe,GAAGC,cAAcA,cAAcC,WAAWC,cAAc,cAAcJ,IAAI;MACnG,IAAIF,EAAMC,OAAOM,UAAUC,SAAS,cAAc;QAC9CpB,KAAKO,WAAWK,EAAMC,OAAOQ;AACjC;AACJ;AACJ;;;;SAKA,iBAAAC;IACItB,KAAKuB;AACT;;;;SAKA,gBAAAC,IACA;;;;SAKA,cAAAC;IACI,OAAO;MACH,sBAAsB;;AAE9B;;;;SAKA,oBAAAC;IACI,IAAIC;KACHA,IAAK3B,KAAKQ,wBAAwB,QAAQmB,WAAY,SAAS,IAAIA,EAAGC,YAAY5B,KAAKS;IACxFT,KAAKQ,mBAAmBqB;AAC5B;;;SAIA,qBAAAN;IACIvB,KAAKQ,qBAAqB,IAAIf;IAC9BO,KAAKQ,mBAAmBsB,UAAU9B,KAAKS;AAC3C;EACA,oBAAAsB;IACI,OAAQzC,EAAE,aAAa;MAAE0C,UAAU;MAAYC,OAAO;MAAUC,SAAS;MAASC,MAAM;OAAW7C,EAAE,QAAQ;MAAE8C,MAAM;OAAU9C,EAAE,WAAW;MAAE,aAAaU,KAAKI;;AACpK;EACA,kBAAAiC;IACI,OAAQ/C,EAAE,WAAW;MAAEwB,IAAId,KAAKC;MAAUqC,OAAOtC,KAAKyB;MAAkBS,SAAS;MAAS/B,MAAMH,KAAKG;MAAME,QAAQL,KAAKK;OAAUf,EAAE,QAAQ;MAAE8C,MAAM;MAAQD,MAAM;OAAW7C,EAAE,WAAW;MAAE,aAAaU,KAAKI;SAAcd,EAAE,QAAQ;AAC1O;;;;SAKA,MAAAiD;IACI,OAAQjD,EAAEC,GAAM;MAAEiD,KAAK;OAA8C/C,EAAmBgD,eAAe,SAAS/C,EAAYgD,QAAQtB,SAASpB,KAAKM,uBAC7IN,KAAKO,WACJP,KAAK+B,yBACL,MAAMtC,EAAmBgD,eAAe,SAAS/C,EAAYgD,QAAQtB,SAASpB,KAAKM,sBACrFN,KAAKO,WACHP,KAAKqC,uBACL;AACV;EACA,MAAItB;IAAO,OAAOvB,EAAWQ;AAAO;;;AAExCH,EAAe8C,QAAQ/C;;SAEdC","ignoreList":[]}