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

package/dist/collection/components/breadcrumb/breadcrumb.js

@@ -3,6 +3,7 @@
  * © https://serpro.gov.br/ - MIT License.
  */
 import { h, Host } from "@stencil/core";
+import { FloatingUIManager } from "../../utils/floating-ui";
 import Helpers from "../../utils/helpers";
 /**
  * ## Design System
@@ -19,6 +20,27 @@ export class Breadcrumb {
          * Caso não seja fornecido, o valor padrão será /.
          */
         this.homeUrl = '/';
+        this.innerCrumbs = [];
+        this.hasLoaded = false;
+        this.registerCrumbItems = () => {
+            const assignedElements = this.slotElement
+                ? this.slotElement.assignedElements()
+                : Array.from(this.el.querySelectorAll('br-crumb'));
+            const crumbElements = assignedElements.filter((el) => { var _a; return ((_a = el.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'br-crumb'; });
+            this.innerCrumbs = crumbElements.map((element) => {
+                const el = element;
+                return {
+                    label: el.label || el.getAttribute('label'),
+                    url: el.url || el.getAttribute('url'),
+                    target: this.normalizeTarget(el.target || el.getAttribute('target')),
+                    home: el.home === true,
+                    active: el.active === true,
+                };
+            });
+            if (this.hasLoaded) {
+                this.calculateItemsWidth();
+            }
+        };
         this.defaultCrumbs = [
             { label: 'Página 01', url: '/pagina-01' },
             { label: 'Página 02', url: '/pagina-02' },
@@ -31,10 +53,6 @@ export class Breadcrumb {
         /**
          * Define o posicionamento do tooltip na tela.
          */
-        this.tooltipPosition = { x: 0, y: 0 };
-        /**
-         * Define o texto do tooltip.
-         */
         this.tooltipText = '';
         /**
          * Define o estado isSmallScreen, usado para verificar a largura do container pai e aplicar as mudanças do formato mobile.
@@ -48,11 +66,11 @@ export class Breadcrumb {
         /**
          * Largura interna dos itens do breadcrumb.
          */
-        this.larguraInterna = 0;
+        this.contentWidth = 0;
         /**
          * Largura do container pai do breadcrumb.
          */
-        this.larguraPai = 0;
+        this.parentWidth = 0;
         /**
          * Define o estado do botão 'Folder'.
          * Caso a lista dropdown esteja oculta o ícone no botão será 'folder-plus'.
@@ -66,43 +84,75 @@ export class Breadcrumb {
             for (const entry of entries) {
                 const containerWidth = entry.contentRect.width;
                 this.isSmallScreen = containerWidth < 570;
-                this.larguraPai = containerWidth;
-                this.calcularLarguraItens();
+                this.parentWidth = containerWidth;
+                this.calculateItemsWidth();
             }
         };
     }
+    handleCrumbPropsChange() {
+        this.registerCrumbItems();
+    }
+    normalizeTarget(target) {
+        const allowedTargets = ['_blank', '_self', '_parent', '_top'];
+        return allowedTargets.includes(target) ? target : undefined;
+    }
     /**
      * Verifica se o texto do link contém mais de 20 caracteres e realiza o truncamento deste caso positivo.
-     * O número de caracteres pode ser configurado na variável 'charactersNumberTruncate'.
+     * O número de caracteres pode ser configurado na variável 'truncateCharactersLimit'.
      */
-    trunc(word) {
-        return word.length > charactersNumberTruncate ? `${word.slice(0, charactersNumberTruncate)}...` : word;
+    truncateText(word) {
+        return word.length > truncateCharactersLimit ? `${word.slice(0, truncateCharactersLimit)}...` : word;
+    }
+    isTruncatedLabel(text) {
+        return text.length > truncateCharactersLimit;
     }
     /**
      * Exibe o tooltip e define seu posicionamento, caso o usuário realize o 'mouse over'.
      */
     handleMouseOver(event, text) {
-        const target = event.target;
-        if (!target)
-            return;
-        const rect = target.getBoundingClientRect();
-        this.tooltipPosition = { x: rect.left + rect.width / 2, y: rect.top - 10 };
-        if (text.length > charactersNumberTruncate) {
+        var _a;
+        if (this.isTruncatedLabel(text)) {
+            const hoveredElement = (_a = event.currentTarget) !== null && _a !== void 0 ? _a : event.target;
+            if (!hoveredElement)
+                return;
+            this.hoveredElement = hoveredElement;
             this.tooltipText = text;
             this.showTooltip = true;
+            requestAnimationFrame(() => this.positionTooltip());
         }
     }
     /**
      * Esconde o tooltip caso o usuário realize o 'mouse out'.
      */
     handleMouseOut() {
+        this.cleanupTooltipPosition();
         this.showTooltip = false;
     }
+    positionTooltip() {
+        if (this.hoveredElement == null || this.tooltipElement == null)
+            return;
+        this.cleanupTooltipPosition();
+        this.floatingManager = new FloatingUIManager({
+            triggerElement: this.hoveredElement,
+            contentElement: this.tooltipElement,
+            arrowElement: this.tooltipArrowElement,
+            placement: 'top',
+        });
+        this.floatingManager.start();
+    }
+    cleanupTooltipPosition() {
+        var _a;
+        (_a = this.floatingManager) === null || _a === void 0 ? void 0 : _a.stop();
+        this.floatingManager = undefined;
+    }
     /**
      * Converte de string para JSON o valor passado na propriedade 'crumbs'.
      * Retorna o valor padrão do Breadcrumbs caso crumbs seja vazio ou inválido
      */
     getParsedItems() {
+        if (this.innerCrumbs.length > 0) {
+            return this.innerCrumbs;
+        }
         if (!this.crumbs || this.crumbs === '') {
             return this.defaultCrumbs;
         }
@@ -154,29 +204,34 @@ export class Breadcrumb {
         if (this.resizeObserver != null) {
             this.resizeObserver.disconnect();
         }
+        this.cleanupTooltipPosition();
     }
     /**
      * Calcula a largura total dos itens do breadcrumb para determinar se precisa de truncamento.
      */
-    calcularLarguraItens() {
+    calculateItemsWidth() {
         requestAnimationFrame(() => {
             var _a;
-            const itens = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.crumb, .mobile-active-page, br-item');
-            if (itens) {
+            const items = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.crumb, .mobile-active-page, br-item');
+            if (items) {
                 let totalWidth = 0;
-                itens.forEach((item) => {
+                items.forEach((item) => {
                     totalWidth += item.getBoundingClientRect().width;
                 });
-                this.larguraInterna = totalWidth;
-                this.isTruncate = this.larguraInterna > this.larguraPai;
+                this.contentWidth = totalWidth;
+                this.isTruncate = this.contentWidth > this.parentWidth;
             }
         });
     }
     /**
      * Executa cálculos de largura após o componente ser carregado.
      */
+    componentWillLoad() {
+        this.registerCrumbItems();
+    }
     componentDidLoad() {
-        this.calcularLarguraItens();
+        this.hasLoaded = true;
+        this.calculateItemsWidth();
     }
     /**
      * Renderiza botão Home
@@ -201,7 +256,7 @@ export class Breadcrumb {
     renderBreadcrumbItems() {
         const parsedItems = this.getParsedItems();
         const lastItem = parsedItems[parsedItems.length - 2];
-        return this.isSmallScreen || this.isTruncate ? (h("div", { class: "buttonFolderGroup" }, this.isTruncate && !this.isSmallScreen && lastItem ? (h("span", null, h("br-icon", { class: "br-icon", "icon-name": "fa6-solid:chevron-right", width: "12", height: "12" }), h("a", { id: "nextCrumb", href: lastItem.url || 'javascript:void(0)', target: lastItem.target || '_self', onMouseOver: (event) => this.handleMouseOver(event, lastItem.label), onMouseOut: () => this.handleMouseOut() }, this.trunc(lastItem.label)))) : null, this.renderMobileActiveItem(parsedItems), this.renderBreadcrumbList(parsedItems))) : (parsedItems.map((item, index) => (h("li", { key: index, class: `crumb ${item.home ? 'home' : ''}`, "data-active": item.active ? 'active' : null, "aria-label": `Página ${index + 1} de ${parsedItems.length}` }, this.renderBreadcrumbLink(item)))));
+        return this.isSmallScreen || this.isTruncate ? (h("div", { class: "buttonFolderGroup" }, this.isTruncate && !this.isSmallScreen && lastItem ? (h("span", null, h("br-icon", { class: "br-icon", "icon-name": "fa6-solid:chevron-right", width: "12", height: "12" }), h("a", { id: "nextCrumb", href: lastItem.url || 'javascript:void(0)', target: lastItem.target || '_self', onMouseOver: (event) => this.handleMouseOver(event, lastItem.label), onMouseOut: () => this.handleMouseOut() }, this.truncateText(lastItem.label)))) : null, this.renderMobileActiveItem(parsedItems), this.renderBreadcrumbList(parsedItems))) : (parsedItems.map((item, index) => (h("li", { key: index, class: `crumb ${item.home ? 'home' : ''}`, "data-active": item.active ? 'active' : null, "aria-label": `Página ${index + 1} de ${parsedItems.length}` }, this.renderBreadcrumbLink(item)))));
     }
     /**
      * Renderiza item da página atual
@@ -213,30 +268,32 @@ export class Breadcrumb {
         return (h("span", { class: "mobile-active-page" }, h("br-icon", { class: "br-icon", "icon-name": "fa6-solid:chevron-right", width: "12", height: "12" }), h("span", { "aria-current": "page", "data-active": "active" }, activeItem.label)));
     }
     /**
-     * Renderiza Lista dropdown contendo os itens do Breadcrumb
+     * Renderiza lista dropdown contendo os itens do Breadcrumb
      */
     renderBreadcrumbList(parsedItems) {
-        return (h("br-list", { class: this.isFolderOpen ? 'mobile-crumb-list show' : 'mobile-crumb-list' }, this.isSmallScreen && (h("div", { "aria-label": `Página 1 de ${parsedItems.length}` }, h("br-item", null, h("a", { href: this.homeUrl, target: "_self" }, "P\u00E1gina Inicial")), h("span", { class: "br-divider" }))), parsedItems.map((item, index) => {
+        return (h("br-list", { class: this.isFolderOpen ? 'mobile-crumb-list show' : 'mobile-crumb-list' }, this.isSmallScreen && (h("div", { "aria-label": `Página 1 de ${parsedItems.length}` }, h("br-item", { isInteractive: true, href: this.homeUrl, target: "_self" }, "P\u00E1gina Inicial"), h("span", { class: "br-divider" }))), parsedItems.map((item, index) => {
+            var _a;
             if (this.isTruncate && !this.isSmallScreen && index === parsedItems.length - 2) {
                 return null;
             }
             return (!item.active && (h("div", { key: index, "aria-label": this.isTruncate && !this.isSmallScreen
                     ? `Página ${index + 1} de ${parsedItems.length - 2}`
-                    : `Página ${index + 2} de ${parsedItems.length}` }, h("br-item", null, h("a", { id: index == 0 ? 'firstElementList' : '', href: item.url || 'javascript:void(0)', target: item.target || '_self', onMouseOver: (event) => this.handleMouseOver(event, item.label), onMouseOut: () => this.handleMouseOut(), onKeyDown: index == parsedItems.length - 3 && this.isFolderOpen && this.isTruncate && !this.isSmallScreen
+                    : `Página ${index + 2} de ${parsedItems.length}` }, h("br-item", { customId: index == 0 ? 'firstElementList' : undefined, "aria-label": this.isTruncatedLabel(item.label) ? item.label : null, isInteractive: true, href: item.url || 'javascript:void(0)', target: (_a = item.target) !== null && _a !== void 0 ? _a : '_self', onMouseOver: (event) => this.handleMouseOver(event, item.label), onFocusin: (event) => this.handleMouseOver(event, item.label), onMouseOut: () => this.handleMouseOut(), onFocusout: () => this.handleMouseOut(), onKeyDown: index == parsedItems.length - 3 && this.isFolderOpen && this.isTruncate && !this.isSmallScreen
                     ? (event) => {
                         if (event.key === 'Tab') {
                             this.handleKeyDownOut(event);
                             this.toggleFolder();
                         }
                     }
-                    : null }, this.trunc(item.label))), h("span", { class: "br-divider" }))));
+                    : null }, this.truncateText(item.label)), h("span", { class: "br-divider" }))));
         })));
     }
     /**
      * Renderiza itens do Breadcrumb no formato desktop
      */
     renderBreadcrumbLink(item) {
-        return item.active ? (h("span", null, h("br-icon", { class: "br-icon", "icon-name": "fa6-solid:chevron-right", width: "12", height: "12" }), h("span", { "aria-current": "page" }, item.label))) : (h("span", null, h("br-icon", { class: "br-icon", "icon-name": "fa6-solid:chevron-right", width: "12", height: "12" }), h("a", { href: item.url || 'javascript:void(0)', target: item.target || '_self', onMouseOver: (event) => this.handleMouseOver(event, item.label), onMouseOut: () => this.handleMouseOut() }, this.trunc(item.label))));
+        var _a;
+        return item.active ? (h("span", null, h("br-icon", { class: "br-icon", "icon-name": "fa6-solid:chevron-right", width: "12", height: "12" }), h("span", { "aria-current": "page" }, item.label))) : (h("span", null, h("br-icon", { class: "br-icon", "icon-name": "fa6-solid:chevron-right", width: "12", height: "12" }), h("a", { href: item.url || 'javascript:void(0)', "aria-label": this.isTruncatedLabel(item.label) ? item.label : null, target: (_a = item.target) !== null && _a !== void 0 ? _a : '_self', onMouseOver: (event) => this.handleMouseOver(event, item.label), onFocus: (event) => this.handleMouseOver(event, item.label), onMouseOut: () => this.handleMouseOut(), onBlur: () => this.handleMouseOut() }, this.truncateText(item.label))));
     }
     /**
      * Renderiza Tooltip
@@ -244,43 +301,45 @@ export class Breadcrumb {
     renderTooltip() {
         if (!this.showTooltip)
             return null;
-        return (h("div", { class: "tooltip-box", style: { left: `${this.tooltipPosition.x}px`, top: `${this.tooltipPosition.y}px` } }, this.tooltipText));
+        return (h("div", { class: "tooltip-box", ref: (el) => {
+                this.tooltipElement = el;
+            } }, this.tooltipText, h("div", { class: "tooltip-arrow", ref: (el) => {
+                this.tooltipArrowElement = el;
+            } })));
     }
     /**
      * Controla navegação pelo teclado após lista de itens aberta
      * Dispara foco no primeiro item da lista flutuante
      */
     handleKeyDown(event) {
-        if (event.key === 'Tab') {
-            if (this.isFolderOpen && this.isTruncate && !this.isSmallScreen) {
-                setTimeout(() => {
-                    var _a;
-                    const element = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('firstElementList');
-                    if (element) {
-                        element.focus();
-                    }
-                }, 0); // Aguarda um ciclo de renderização
-            }
+        if (event.key === 'Tab' && this.isFolderOpen && this.isTruncate && !this.isSmallScreen) {
+            setTimeout(() => {
+                var _a;
+                const element = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('firstElementList');
+                if (element) {
+                    element.focus();
+                }
+            }, 0); // Aguarda um ciclo de renderização
         }
     }
     /**
      * Ao finalizar navegação por teclado dentro da lista, dispara foco no item fora da lista flutuante
      */
     handleKeyDownOut(event) {
-        if (event.key === 'Tab') {
-            if (this.isFolderOpen && this.isTruncate && !this.isSmallScreen) {
-                setTimeout(() => {
-                    var _a;
-                    const element = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('nextCrumb');
-                    if (element) {
-                        element.focus();
-                    }
-                }, 0);
-            }
+        if (event.key === 'Tab' && this.isFolderOpen && this.isTruncate && !this.isSmallScreen) {
+            setTimeout(() => {
+                var _a;
+                const element = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('nextCrumb');
+                if (element) {
+                    element.focus();
+                }
+            }, 0);
         }
     }
     render() {
-        return (h(Host, { key: '9099dea27e29550978af905def80eb20fd15abb3' }, h("nav", { key: '64fbf0c1998d38bee1901a95e5e00e966d631ed1', class: this.getCssClassMap(), "aria-label": "Breadcrumbs" }, h("ol", { key: '100a2f0168c8e787ad0f76704e2ed6263b3907fe', class: "crumb-list" }, this.renderHomeButton(), this.renderTruncateButton(), this.renderBreadcrumbItems())), this.renderTooltip()));
+        return (h(Host, { key: '26d8bb568842346ba0d565ea4dda50acb32509ab' }, h("div", { key: 'd95a33b1d6eacb41ad5bc2d88a02b11d45536e44', style: { display: 'none' } }, h("slot", { key: '789163e308af47967aa01f92380b15e1d5fa9489', ref: (el) => {
+                this.slotElement = el;
+            }, onSlotchange: this.registerCrumbItems })), h("nav", { key: '1e619e97135ccf7c30561a55db88562256f53045', class: this.getCssClassMap(), "aria-label": "Breadcrumbs" }, h("ol", { key: '84c2b32e2b20a972a15270b879ec67149a2f7d6a', class: "crumb-list" }, this.renderHomeButton(), this.renderTruncateButton(), this.renderBreadcrumbItems())), this.renderTooltip()));
     }
     static get is() { return "br-breadcrumb"; }
     static get encapsulation() { return "shadow"; }
@@ -364,21 +423,29 @@ export class Breadcrumb {
     }
     static get states() {
         return {
+            "innerCrumbs": {},
             "showTooltip": {},
-            "tooltipPosition": {},
             "tooltipText": {},
             "isSmallScreen": {},
             "isTruncate": {},
-            "larguraInterna": {},
-            "larguraPai": {},
+            "contentWidth": {},
+            "parentWidth": {},
             "isFolderOpen": {}
         };
     }
     static get elementRef() { return "el"; }
-    static get attachInternalsMemberName() { return "elementInternals"; }
+    static get listeners() {
+        return [{
+                "name": "brCrumbPropsChange",
+                "method": "handleCrumbPropsChange",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
 /**
  * Limite de caracteres para o truncamento
  */
-const charactersNumberTruncate = 20;
+const truncateCharactersLimit = 20;
 //# sourceMappingURL=breadcrumb.js.map

package/dist/collection/components/breadcrumb/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AttachInternals, Component, Element, h, Host, Prop, State } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\ninterface BreadcrumbItem {\n  label: string\n  url?: string\n  target?: string\n  home?: boolean\n  active?: boolean\n}\n\n/**\n * ## Design System\n *\n * Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/breadcrumb?tab=designer).\n */\n@Component({\n  tag: 'br-breadcrumb',\n  styleUrl: 'breadcrumb.scss',\n  shadow: true,\n})\nexport class Breadcrumb {\n  @Element() el: HTMLBrBreadcrumbElement\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Identificador único; gerado automaticamente quando omitido.\n   */\n  @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId('br-breadcrumb')\n  /**\n   * Caso não seja fornecido, o valor padrão será /.\n   */\n  @Prop() homeUrl: string = '/'\n\n  /**\n   * Define o array de objetos que receberá os nomes e links do breadcrumb.\n   * Define valor padrão do breadcrumb 'defaultCrumbs'.\n   */\n  @Prop() crumbs: string | BreadcrumbItem[]\n\n  private defaultCrumbs: BreadcrumbItem[] = [\n    { label: 'Página 01', url: '/pagina-01' },\n    { label: 'Página 02', url: '/pagina-02' },\n    { label: 'Página Atual', active: true },\n  ]\n\n  /**\n   * Define o estado oculto ou visível do tooltip.\n   */\n  @State() showTooltip: boolean = false\n\n  /**\n   * Define o posicionamento do tooltip na tela.\n   */\n  @State() tooltipPosition: { x: number; y: number } = { x: 0, y: 0 }\n\n  /**\n   * Define o texto do tooltip.\n   */\n  @State() tooltipText: string = ''\n\n  /**\n   * Define o estado isSmallScreen, usado para verificar a largura do container pai e aplicar as mudanças do formato mobile.\n   * No formato mobile o breadcrumb apresenta um comportamento específico.\n   */\n  @State() isSmallScreen: boolean = false\n\n  /**\n   * Define se o breadcrumb deve truncar os itens por falta de espaço.\n   */\n  @State() isTruncate: boolean = false\n\n  /**\n   * Largura interna dos itens do breadcrumb.\n   */\n  @State() larguraInterna: number = 0\n\n  /**\n   * Largura do container pai do breadcrumb.\n   */\n  @State() larguraPai: number = 0\n\n  /**\n   * Define o estado do botão 'Folder'.\n   * Caso a lista dropdown esteja oculta o ícone no botão será 'folder-plus'.\n   * Caso a lista dropdown esteja visível o ícone no botão será 'folder-minus'.\n   */\n  @State() isFolderOpen: boolean = false\n\n  /**\n   * Verifica se o texto do link contém mais de 20 caracteres e realiza o truncamento deste caso positivo.\n   * O número de caracteres pode ser configurado na variável 'charactersNumberTruncate'.\n   */\n  private trunc(word: string) {\n    return word.length > charactersNumberTruncate ? `${word.slice(0, charactersNumberTruncate)}...` : word\n  }\n\n  /**\n   * Exibe o tooltip e define seu posicionamento, caso o usuário realize o 'mouse over'.\n   */\n  private handleMouseOver(event: MouseEvent, text: string) {\n    const target = event.target as HTMLElement | null\n    if (!target) return\n\n    const rect = target.getBoundingClientRect()\n    this.tooltipPosition = { x: rect.left + rect.width / 2, y: rect.top - 10 }\n\n    if (text.length > charactersNumberTruncate) {\n      this.tooltipText = text\n      this.showTooltip = true\n    }\n  }\n\n  /**\n   * Esconde o tooltip caso o usuário realize o 'mouse out'.\n   */\n  private handleMouseOut() {\n    this.showTooltip = false\n  }\n\n  /**\n   * Converte de string para JSON o valor passado na propriedade 'crumbs'.\n   * Retorna o valor padrão do Breadcrumbs caso crumbs seja vazio ou inválido\n   */\n  private getParsedItems(): BreadcrumbItem[] {\n    if (!this.crumbs || this.crumbs === '') {\n      return this.defaultCrumbs\n    }\n\n    try {\n      const parsed = typeof this.crumbs === 'string' ? JSON.parse(this.crumbs) : this.crumbs\n      return Array.isArray(parsed) && parsed.length > 0 ? parsed : this.defaultCrumbs\n    } catch {\n      console.error('Invalid JSON format for crumbs:', this.crumbs)\n      return this.defaultCrumbs\n    }\n  }\n\n  /**\n   * Ao clicar no botão HOME, direciona o usuário para URL passada na propriedade 'homeUrl'.\n   */\n  private handleHomeClick() {\n    window.location.href = this.homeUrl\n  }\n\n  /**\n   * Altera o estado do botão 'Folder', caso a lista dropdown esteja aberta ou fechada.\n   */\n  private toggleFolder() {\n    this.isFolderOpen = !this.isFolderOpen\n  }\n\n  /**\n   * Define as classes CSS usadas no breadcrumb.\n   */\n  private getCssClassMap(): { [key: string]: boolean } {\n    return {\n      'br-breadcrumb': true,\n      small: this.isSmallScreen,\n    }\n  }\n\n  /**\n   * Atualiza o estado 'isSmallScreen' com base no tamanho do container pai, se menor que 570px.\n   */\n  private resizeObserver: ResizeObserver\n\n  /**\n   * Atualiza os estados de largura do breadcrumb ao detectar mudanças no container pai.\n   */\n  private updateContainerSize = (entries: ResizeObserverEntry[]) => {\n    for (const entry of entries) {\n      const containerWidth = entry.contentRect.width\n      this.isSmallScreen = containerWidth < 570\n      this.larguraPai = containerWidth\n      this.calcularLarguraItens()\n    }\n  }\n\n  /**\n   * Adiciona o 'resizeObserver' para checar o tamanho do container pai.\n   */\n  connectedCallback() {\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(this.updateContainerSize)\n      if (this.el.parentElement !== null) {\n        this.resizeObserver.observe(this.el.parentElement)\n      }\n    }\n  }\n\n  /**\n   * Remove o 'resizeObserver'.\n   */\n  disconnectedCallback() {\n    if (this.resizeObserver != null) {\n      this.resizeObserver.disconnect()\n    }\n  }\n\n  /**\n   * Calcula a largura total dos itens do breadcrumb para determinar se precisa de truncamento.\n   */\n  private calcularLarguraItens() {\n    requestAnimationFrame(() => {\n      const itens = this.el.shadowRoot?.querySelectorAll('.crumb, .mobile-active-page, br-item')\n      if (itens) {\n        let totalWidth = 0\n        itens.forEach((item) => {\n          totalWidth += (item as HTMLElement).getBoundingClientRect().width\n        })\n        this.larguraInterna = totalWidth\n        this.isTruncate = this.larguraInterna > this.larguraPai\n      }\n    })\n  }\n\n  /**\n   * Executa cálculos de largura após o componente ser carregado.\n   */\n  componentDidLoad() {\n    this.calcularLarguraItens()\n  }\n\n  /**\n   * Renderiza botão Home\n   */\n  private renderHomeButton() {\n    const buttonFolderClass = this.isFolderOpen ? 'fa6-solid:folder-minus' : 'fa6-solid:folder-plus'\n    return (\n      <br-button\n        id=\"circle\"\n        shape=\"circle\"\n        aria-label={this.isSmallScreen ? 'Exibir lista de páginas' : 'Voltar para Home'}\n        onClick={this.isSmallScreen ? () => this.toggleFolder() : () => this.handleHomeClick()}\n      >\n        <br-icon icon-name={`${this.isSmallScreen ? buttonFolderClass : 'fa6-solid:house'}`}></br-icon>\n      </br-button>\n    )\n  }\n\n  /**\n   * Renderiza botão Folder no comportamento truncado\n   */\n  private renderTruncateButton() {\n    if (this.isTruncate && !this.isSmallScreen) {\n      const buttonFolderClass = this.isFolderOpen ? 'fa6-solid:folder-minus' : 'fa6-solid:folder-plus'\n      return (\n        <div class=\"buttonFolderGroup\">\n          <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n          <br-button\n            id=\"circle\"\n            shape=\"circle\"\n            aria-label={this.isFolderOpen ? 'Recolher lista de páginas' : 'Exibir lista de páginas'}\n            onClick={() => this.toggleFolder()}\n            onKeyDown={(event) => this.handleKeyDown(event)}\n          >\n            <br-icon icon-name={buttonFolderClass}></br-icon>\n          </br-button>\n        </div>\n      )\n    }\n    return null\n  }\n\n  /**\n   * Renderiza itens do Breadcrumb no comportamento mobile ou truncado\n   */\n  private renderBreadcrumbItems() {\n    const parsedItems = this.getParsedItems()\n    const lastItem = parsedItems[parsedItems.length - 2]\n\n    return this.isSmallScreen || this.isTruncate ? (\n      <div class=\"buttonFolderGroup\">\n        {this.isTruncate && !this.isSmallScreen && lastItem ? (\n          <span>\n            <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n            <a\n              id=\"nextCrumb\"\n              href={lastItem.url || 'javascript:void(0)'}\n              target={lastItem.target || '_self'}\n              onMouseOver={(event) => this.handleMouseOver(event, lastItem.label)}\n              onMouseOut={() => this.handleMouseOut()}\n            >\n              {this.trunc(lastItem.label)}\n            </a>\n          </span>\n        ) : null}\n        {this.renderMobileActiveItem(parsedItems)}\n        {this.renderBreadcrumbList(parsedItems)}\n      </div>\n    ) : (\n      parsedItems.map((item, index) => (\n        <li\n          key={index}\n          class={`crumb ${item.home ? 'home' : ''}`}\n          data-active={item.active ? 'active' : null}\n          aria-label={`Página ${index + 1} de ${parsedItems.length}`}\n        >\n          {this.renderBreadcrumbLink(item)}\n        </li>\n      ))\n    )\n  }\n\n  /**\n   * Renderiza item da página atual\n   */\n  private renderMobileActiveItem(parsedItems: BreadcrumbItem[]) {\n    const activeItem = parsedItems.find((item) => item.active)\n    if (!activeItem) return null\n    return (\n      <span class=\"mobile-active-page\">\n        <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n        <span aria-current=\"page\" data-active=\"active\">\n          {activeItem.label}\n        </span>\n      </span>\n    )\n  }\n\n  /**\n   * Renderiza Lista dropdown contendo os itens do Breadcrumb\n   */\n  private renderBreadcrumbList(parsedItems: BreadcrumbItem[]) {\n    return (\n      <br-list class={this.isFolderOpen ? 'mobile-crumb-list show' : 'mobile-crumb-list'}>\n        {this.isSmallScreen && (\n          <div aria-label={`Página 1 de ${parsedItems.length}`}>\n            <br-item>\n              <a href={this.homeUrl} target=\"_self\">\n                Página Inicial\n              </a>\n            </br-item>\n            <span class=\"br-divider\"></span>\n          </div>\n        )}\n        {parsedItems.map((item, index) => {\n          if (this.isTruncate && !this.isSmallScreen && index === parsedItems.length - 2) {\n            return null\n          }\n          return (\n            !item.active && (\n              <div\n                key={index}\n                aria-label={\n                  this.isTruncate && !this.isSmallScreen\n                    ? `Página ${index + 1} de ${parsedItems.length - 2}`\n                    : `Página ${index + 2} de ${parsedItems.length}`\n                }\n              >\n                <br-item>\n                  <a\n                    id={index == 0 ? 'firstElementList' : ''}\n                    href={item.url || 'javascript:void(0)'}\n                    target={item.target || '_self'}\n                    onMouseOver={(event) => this.handleMouseOver(event, item.label)}\n                    onMouseOut={() => this.handleMouseOut()}\n                    onKeyDown={\n                      index == parsedItems.length - 3 && this.isFolderOpen && this.isTruncate && !this.isSmallScreen\n                        ? (event) => {\n                            if (event.key === 'Tab') {\n                              this.handleKeyDownOut(event)\n                              this.toggleFolder()\n                            }\n                          }\n                        : null\n                    }\n                  >\n                    {this.trunc(item.label)}\n                  </a>\n                </br-item>\n                <span class=\"br-divider\"></span>\n              </div>\n            )\n          )\n        })}\n      </br-list>\n    )\n  }\n\n  /**\n   * Renderiza itens do Breadcrumb no formato desktop\n   */\n  private renderBreadcrumbLink(item: BreadcrumbItem) {\n    return item.active ? (\n      <span>\n        <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n        <span aria-current=\"page\">{item.label}</span>\n      </span>\n    ) : (\n      <span>\n        <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n        <a\n          href={item.url || 'javascript:void(0)'}\n          target={item.target || '_self'}\n          onMouseOver={(event) => this.handleMouseOver(event, item.label)}\n          onMouseOut={() => this.handleMouseOut()}\n        >\n          {this.trunc(item.label)}\n        </a>\n      </span>\n    )\n  }\n\n  /**\n   * Renderiza Tooltip\n   */\n  private renderTooltip() {\n    if (!this.showTooltip) return null\n    return (\n      <div class=\"tooltip-box\" style={{ left: `${this.tooltipPosition.x}px`, top: `${this.tooltipPosition.y}px` }}>\n        {this.tooltipText}\n      </div>\n    )\n  }\n\n  /**\n   * Controla navegação pelo teclado após lista de itens aberta\n   * Dispara foco no primeiro item da lista flutuante\n   */\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Tab') {\n      if (this.isFolderOpen && this.isTruncate && !this.isSmallScreen) {\n        setTimeout(() => {\n          const element = this.el.shadowRoot?.getElementById('firstElementList')\n          if (element) {\n            element.focus()\n          }\n        }, 0) // Aguarda um ciclo de renderização\n      }\n    }\n  }\n\n  /**\n   * Ao finalizar navegação por teclado dentro da lista, dispara foco no item fora da lista flutuante\n   */\n  private handleKeyDownOut(event: KeyboardEvent) {\n    if (event.key === 'Tab') {\n      if (this.isFolderOpen && this.isTruncate && !this.isSmallScreen) {\n        setTimeout(() => {\n          const element = this.el.shadowRoot?.getElementById('nextCrumb')\n          if (element) {\n            element.focus()\n          }\n        }, 0)\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <nav class={this.getCssClassMap()} aria-label=\"Breadcrumbs\">\n          <ol class=\"crumb-list\">\n            {this.renderHomeButton()}\n            {this.renderTruncateButton()}\n            {this.renderBreadcrumbItems()}\n          </ol>\n        </nav>\n        {this.renderTooltip()}\n      </Host>\n    )\n  }\n}\n\n/**\n * Limite de caracteres para o truncamento\n */\nconst charactersNumberTruncate = 20\n"]}
+{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../../../../packages/webcomponents/src/components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhF,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,OAAO,MAAM,qBAAqB,CAAA;AAYzC;;;;GAIG;AAMH,MAAM,OAAO,UAAU;IALvB;QAQE;;WAEG;QAC+B,aAAQ,GAAW,OAAO,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAA;QAC9F;;WAEG;QACK,YAAO,GAAW,GAAG,CAAA;QAQpB,gBAAW,GAAqB,EAAE,CAAA;QAInC,cAAS,GAAG,KAAK,CAAA;QAYjB,uBAAkB,GAAG,GAAG,EAAE;YAChC,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW;gBACvC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,EAAE;gBACrC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAA;YACpD,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,WAAC,OAAA,CAAA,MAAA,EAAE,CAAC,OAAO,0CAAE,WAAW,EAAE,MAAK,UAAU,CAAA,EAAA,CAAC,CAAA;YAE/F,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;gBAC/C,MAAM,EAAE,GAAG,OAMV,CAAA;gBAED,OAAO;oBACL,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC;oBAC3C,GAAG,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;oBACrC,MAAM,EAAE,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,MAAM,IAAI,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;oBACpE,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI;oBACtB,MAAM,EAAE,EAAE,CAAC,MAAM,KAAK,IAAI;iBAC3B,CAAA;YACH,CAAC,CAAC,CAAA;YAEF,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,IAAI,CAAC,mBAAmB,EAAE,CAAA;YAC5B,CAAC;QACH,CAAC,CAAA;QAEO,kBAAa,GAAqB;YACxC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,EAAE;YACzC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,EAAE;YACzC,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE;SACxC,CAAA;QAED;;WAEG;QACM,gBAAW,GAAY,KAAK,CAAA;QAErC;;WAEG;QACM,gBAAW,GAAW,EAAE,CAAA;QAUjC;;;WAGG;QACM,kBAAa,GAAY,KAAK,CAAA;QAEvC;;WAEG;QACM,eAAU,GAAY,KAAK,CAAA;QAEpC;;WAEG;QACM,iBAAY,GAAW,CAAC,CAAA;QAEjC;;WAEG;QACM,gBAAW,GAAW,CAAC,CAAA;QAEhC;;;;WAIG;QACM,iBAAY,GAAY,KAAK,CAAA;QA4GtC;;WAEG;QACK,wBAAmB,GAAG,CAAC,OAA8B,EAAE,EAAE;YAC/D,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC5B,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAA;gBAC9C,IAAI,CAAC,aAAa,GAAG,cAAc,GAAG,GAAG,CAAA;gBACzC,IAAI,CAAC,WAAW,GAAG,cAAc,CAAA;gBACjC,IAAI,CAAC,mBAAmB,EAAE,CAAA;YAC5B,CAAC;QACH,CAAC,CAAA;KAuTF;IArgBC,sBAAsB;QACpB,IAAI,CAAC,kBAAkB,EAAE,CAAA;IAC3B,CAAC;IAEO,eAAe,CAAC,MAAsB;QAC5C,MAAM,cAAc,GAAuB,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,CAAA;QACjF,OAAO,cAAc,CAAC,QAAQ,CAAC,MAA0B,CAAC,CAAC,CAAC,CAAE,MAA2B,CAAC,CAAC,CAAC,SAAS,CAAA;IACvG,CAAC;IAmFD;;;OAGG;IACK,YAAY,CAAC,IAAY;QAC/B,OAAO,IAAI,CAAC,MAAM,GAAG,uBAAuB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;IACtG,CAAC;IAEO,gBAAgB,CAAC,IAAY;QACnC,OAAO,IAAI,CAAC,MAAM,GAAG,uBAAuB,CAAA;IAC9C,CAAC;IAED;;OAEG;IACK,eAAe,CAAC,KAA8B,EAAE,IAAY;;QAClE,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;YAChC,MAAM,cAAc,GAAG,MAAC,KAAK,CAAC,aAAoC,mCAAK,KAAK,CAAC,MAA6B,CAAA;YAC1G,IAAI,CAAC,cAAc;gBAAE,OAAM;YAE3B,IAAI,CAAC,cAAc,GAAG,cAAc,CAAA;YACpC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;YACvB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;YACvB,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAA;QACrD,CAAC;IACH,CAAC;IAED;;OAEG;IACK,cAAc;QACpB,IAAI,CAAC,sBAAsB,EAAE,CAAA;QAC7B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAA;IAC1B,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI;YAAE,OAAM;QAEtE,IAAI,CAAC,sBAAsB,EAAE,CAAA;QAE7B,IAAI,CAAC,eAAe,GAAG,IAAI,iBAAiB,CAAC;YAC3C,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,YAAY,EAAE,IAAI,CAAC,mBAAmB;YACtC,SAAS,EAAE,KAAK;SACjB,CAAC,CAAA;QAEF,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,CAAA;IAC9B,CAAC;IAEO,sBAAsB;;QAC5B,MAAA,IAAI,CAAC,eAAe,0CAAE,IAAI,EAAE,CAAA;QAC5B,IAAI,CAAC,eAAe,GAAG,SAAS,CAAA;IAClC,CAAC;IAED;;;OAGG;IACK,cAAc;QACpB,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAChC,OAAO,IAAI,CAAC,WAAW,CAAA;QACzB,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,KAAK,EAAE,EAAE,CAAC;YACvC,OAAO,IAAI,CAAC,aAAa,CAAA;QAC3B,CAAC;QAED,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAA;YACtF,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAA;QACjF,CAAC;QAAC,WAAM,CAAC;YACP,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;YAC7D,OAAO,IAAI,CAAC,aAAa,CAAA;QAC3B,CAAC;IACH,CAAC;IAED;;OAEG;IACK,eAAe;QACrB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAA;IACrC,CAAC;IAED;;OAEG;IACK,YAAY;QAClB,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAA;IACxC,CAAC;IAED;;OAEG;IACK,cAAc;QACpB,OAAO;YACL,eAAe,EAAE,IAAI;YACrB,KAAK,EAAE,IAAI,CAAC,aAAa;SAC1B,CAAA;IACH,CAAC;IAmBD;;OAEG;IACH,iBAAiB;QACf,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;YAC1C,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;YAClE,IAAI,IAAI,CAAC,EAAE,CAAC,aAAa,KAAK,IAAI,EAAE,CAAC;gBACnC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,CAAA;YACpD,CAAC;QACH,CAAC;IACH,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,EAAE,CAAC;YAChC,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAA;QAClC,CAAC;QACD,IAAI,CAAC,sBAAsB,EAAE,CAAA;IAC/B,CAAC;IAED;;OAEG;IACK,mBAAmB;QACzB,qBAAqB,CAAC,GAAG,EAAE;;YACzB,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,EAAE,CAAC,UAAU,0CAAE,gBAAgB,CAAC,sCAAsC,CAAC,CAAA;YAC1F,IAAI,KAAK,EAAE,CAAC;gBACV,IAAI,UAAU,GAAG,CAAC,CAAA;gBAClB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;oBACrB,UAAU,IAAK,IAAoB,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAA;gBACnE,CAAC,CAAC,CAAA;gBACF,IAAI,CAAC,YAAY,GAAG,UAAU,CAAA;gBAC9B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,WAAW,CAAA;YACxD,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED;;OAEG;IACH,iBAAiB;QACf,IAAI,CAAC,kBAAkB,EAAE,CAAA;IAC3B,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;QACrB,IAAI,CAAC,mBAAmB,EAAE,CAAA;IAC5B,CAAC;IAED;;OAEG;IACK,gBAAgB;QACtB,MAAM,iBAAiB,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,uBAAuB,CAAA;QAChG,OAAO,CACL,iBACE,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,QAAQ,gBACF,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,kBAAkB,EAC/E,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE;YAEtF,4BAAoB,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,GAAY,CACrF,CACb,CAAA;IACH,CAAC;IAED;;OAEG;IACK,oBAAoB;QAC1B,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YAC3C,MAAM,iBAAiB,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,uBAAuB,CAAA;YAChG,OAAO,CACL,WAAK,KAAK,EAAC,mBAAmB;gBAC5B,eAAS,KAAK,EAAC,SAAS,eAAW,yBAAyB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAW;gBAC9F,iBACE,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,QAAQ,gBACF,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,yBAAyB,EACvF,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,EAClC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;oBAE/C,4BAAoB,iBAAiB,GAAY,CACvC,CACR,CACP,CAAA;QACH,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC;IAED;;OAEG;IACK,qBAAqB;QAC3B,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,CAAA;QACzC,MAAM,QAAQ,GAAG,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAEpD,OAAO,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAC7C,WAAK,KAAK,EAAC,mBAAmB;YAC3B,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,QAAQ,CAAC,CAAC,CAAC,CACpD;gBACE,eAAS,KAAK,EAAC,SAAS,eAAW,yBAAyB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAW;gBAC9F,SACE,EAAE,EAAC,WAAW,EACd,IAAI,EAAE,QAAQ,CAAC,GAAG,IAAI,oBAAoB,EAC1C,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,OAAO,EAClC,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,EACnE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,IAEtC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAChC,CACC,CACR,CAAC,CAAC,CAAC,IAAI;YACP,IAAI,CAAC,sBAAsB,CAAC,WAAW,CAAC;YACxC,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,CACnC,CACP,CAAC,CAAC,CAAC,CACF,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,UACE,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,SAAS,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,iBAC5B,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,gBAC9B,UAAU,KAAK,GAAG,CAAC,OAAO,WAAW,CAAC,MAAM,EAAE,IAEzD,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAC7B,CACN,CAAC,CACH,CAAA;IACH,CAAC;IAED;;OAEG;IACK,sBAAsB,CAAC,WAA6B;QAC1D,MAAM,UAAU,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAC1D,IAAI,CAAC,UAAU;YAAE,OAAO,IAAI,CAAA;QAC5B,OAAO,CACL,YAAM,KAAK,EAAC,oBAAoB;YAC9B,eAAS,KAAK,EAAC,SAAS,eAAW,yBAAyB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAW;YAC9F,4BAAmB,MAAM,iBAAa,QAAQ,IAC3C,UAAU,CAAC,KAAK,CACZ,CACF,CACR,CAAA;IACH,CAAC;IAED;;OAEG;IACK,oBAAoB,CAAC,WAA6B;QACxD,OAAO,CACL,eAAS,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,mBAAmB;YAC/E,IAAI,CAAC,aAAa,IAAI,CACrB,yBAAiB,eAAe,WAAW,CAAC,MAAM,EAAE;gBAClD,eAAS,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAC,OAAO,0BAEtD;gBACV,YAAM,KAAK,EAAC,YAAY,GAAQ,CAC5B,CACP;YACA,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;gBAC/B,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,KAAK,KAAK,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBAC/E,OAAO,IAAI,CAAA;gBACb,CAAC;gBACD,OAAO,CACL,CAAC,IAAI,CAAC,MAAM,IAAI,CACd,WACE,GAAG,EAAE,KAAK,gBAER,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,aAAa;wBACpC,CAAC,CAAC,UAAU,KAAK,GAAG,CAAC,OAAO,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;wBACpD,CAAC,CAAC,UAAU,KAAK,GAAG,CAAC,OAAO,WAAW,CAAC,MAAM,EAAE;oBAGpD,eACE,QAAQ,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,gBACzC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EACjE,aAAa,EAAE,IAAI,EACnB,IAAI,EAAE,IAAI,CAAC,GAAG,IAAI,oBAAoB,EACtC,MAAM,EAAE,MAAA,IAAI,CAAC,MAAM,mCAAI,OAAO,EAC9B,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAC/D,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAC7D,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,EACvC,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,EACvC,SAAS,EACP,KAAK,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,aAAa;4BAC5F,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;gCACR,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;oCACxB,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAA;oCAC5B,IAAI,CAAC,YAAY,EAAE,CAAA;gCACrB,CAAC;4BACH,CAAC;4BACH,CAAC,CAAC,IAAI,IAGT,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CACtB;oBACV,YAAM,KAAK,EAAC,YAAY,GAAQ,CAC5B,CACP,CACF,CAAA;YACH,CAAC,CAAC,CACM,CACX,CAAA;IACH,CAAC;IAED;;OAEG;IACK,oBAAoB,CAAC,IAAoB;;QAC/C,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACnB;YACE,eAAS,KAAK,EAAC,SAAS,eAAW,yBAAyB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAW;YAC9F,4BAAmB,MAAM,IAAE,IAAI,CAAC,KAAK,CAAQ,CACxC,CACR,CAAC,CAAC,CAAC,CACF;YACE,eAAS,KAAK,EAAC,SAAS,eAAW,yBAAyB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAW;YAC9F,SACE,IAAI,EAAE,IAAI,CAAC,GAAG,IAAI,oBAAoB,gBAC1B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EACjE,MAAM,EAAE,MAAA,IAAI,CAAC,MAAM,mCAAI,OAAO,EAC9B,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAC/D,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAC3D,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,EACvC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,IAElC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAC5B,CACC,CACR,CAAA;IACH,CAAC;IAED;;OAEG;IACK,aAAa;QACnB,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO,IAAI,CAAA;QAClC,OAAO,CACL,WACE,KAAK,EAAC,aAAa,EACnB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;gBACV,IAAI,CAAC,cAAc,GAAG,EAAoB,CAAA;YAC5C,CAAC;YAEA,IAAI,CAAC,WAAW;YACjB,WACE,KAAK,EAAC,eAAe,EACrB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;oBACV,IAAI,CAAC,mBAAmB,GAAG,EAAoB,CAAA;gBACjD,CAAC,GACI,CACH,CACP,CAAA;IACH,CAAC;IAED;;;OAGG;IACK,aAAa,CAAC,KAAoB;QACxC,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACvF,UAAU,CAAC,GAAG,EAAE;;gBACd,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;gBACtE,IAAI,OAAO,EAAE,CAAC;oBACZ,OAAO,CAAC,KAAK,EAAE,CAAA;gBACjB,CAAC;YACH,CAAC,EAAE,CAAC,CAAC,CAAA,CAAC,mCAAmC;QAC3C,CAAC;IACH,CAAC;IAED;;OAEG;IACK,gBAAgB,CAAC,KAAoB;QAC3C,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACvF,UAAU,CAAC,GAAG,EAAE;;gBACd,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,WAAW,CAAC,CAAA;gBAC/D,IAAI,OAAO,EAAE,CAAC;oBACZ,OAAO,CAAC,KAAK,EAAE,CAAA;gBACjB,CAAC;YACH,CAAC,EAAE,CAAC,CAAC,CAAA;QACP,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;gBAC7B,6DACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;wBACV,IAAI,CAAC,WAAW,GAAG,EAAqB,CAAA;oBAC1C,CAAC,EACD,YAAY,EAAE,IAAI,CAAC,kBAAkB,GAC/B,CACJ;YACN,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,gBAAa,aAAa;gBACzD,2DAAI,KAAK,EAAC,YAAY;oBACnB,IAAI,CAAC,gBAAgB,EAAE;oBACvB,IAAI,CAAC,oBAAoB,EAAE;oBAC3B,IAAI,CAAC,qBAAqB,EAAE,CAC1B,CACD;YACL,IAAI,CAAC,aAAa,EAAE,CAChB,CACR,CAAA;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF;AAED;;GAEG;AACH,MAAM,uBAAuB,GAAG,EAAE,CAAA","sourcesContent":["import { Component, Element, h, Host, Listen, Prop, State } from '@stencil/core'\n\nimport { FloatingUIManager } from '../../utils/floating-ui'\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\ninterface BreadcrumbItem {\n  label: string\n  url?: string\n  target?: '_blank' | '_self' | '_parent' | '_top'\n  home?: boolean\n  active?: boolean\n}\n\ntype BreadcrumbTarget = '_blank' | '_self' | '_parent' | '_top'\n\n/**\n * ## Design System\n *\n * Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/breadcrumb?tab=designer).\n */\n@Component({\n  tag: 'br-breadcrumb',\n  styleUrl: 'breadcrumb.scss',\n  shadow: true,\n})\nexport class Breadcrumb {\n  @Element() el: HTMLBrBreadcrumbElement\n\n  /**\n   * Identificador único; gerado automaticamente quando omitido.\n   */\n  @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId('br-breadcrumb')\n  /**\n   * Caso não seja fornecido, o valor padrão será /.\n   */\n  @Prop() homeUrl: string = '/'\n\n  /**\n   * Define o array de objetos que receberá os nomes e links do breadcrumb.\n   * Define valor padrão do breadcrumb 'defaultCrumbs'.\n   */\n  @Prop() crumbs: string | BreadcrumbItem[]\n\n  @State() innerCrumbs: BreadcrumbItem[] = []\n\n  private slotElement: HTMLSlotElement\n\n  private hasLoaded = false\n\n  @Listen('brCrumbPropsChange')\n  handleCrumbPropsChange() {\n    this.registerCrumbItems()\n  }\n\n  private normalizeTarget(target?: string | null): BreadcrumbTarget | undefined {\n    const allowedTargets: BreadcrumbTarget[] = ['_blank', '_self', '_parent', '_top']\n    return allowedTargets.includes(target as BreadcrumbTarget) ? (target as BreadcrumbTarget) : undefined\n  }\n\n  private registerCrumbItems = () => {\n    const assignedElements = this.slotElement\n      ? this.slotElement.assignedElements()\n      : Array.from(this.el.querySelectorAll('br-crumb'))\n    const crumbElements = assignedElements.filter((el) => el.tagName?.toLowerCase() === 'br-crumb')\n\n    this.innerCrumbs = crumbElements.map((element) => {\n      const el = element as Element & {\n        label?: string\n        url?: string\n        target?: '_blank' | '_self' | '_parent' | '_top'\n        home?: boolean\n        active?: boolean\n      }\n\n      return {\n        label: el.label || el.getAttribute('label'),\n        url: el.url || el.getAttribute('url'),\n        target: this.normalizeTarget(el.target || el.getAttribute('target')),\n        home: el.home === true,\n        active: el.active === true,\n      }\n    })\n\n    if (this.hasLoaded) {\n      this.calculateItemsWidth()\n    }\n  }\n\n  private defaultCrumbs: BreadcrumbItem[] = [\n    { label: 'Página 01', url: '/pagina-01' },\n    { label: 'Página 02', url: '/pagina-02' },\n    { label: 'Página Atual', active: true },\n  ]\n\n  /**\n   * Define o estado oculto ou visível do tooltip.\n   */\n  @State() showTooltip: boolean = false\n\n  /**\n   * Define o posicionamento do tooltip na tela.\n   */\n  @State() tooltipText: string = ''\n\n  private floatingManager?: FloatingUIManager\n\n  private hoveredElement?: HTMLElement\n\n  private tooltipElement?: HTMLDivElement\n\n  private tooltipArrowElement?: HTMLDivElement\n\n  /**\n   * Define o estado isSmallScreen, usado para verificar a largura do container pai e aplicar as mudanças do formato mobile.\n   * No formato mobile o breadcrumb apresenta um comportamento específico.\n   */\n  @State() isSmallScreen: boolean = false\n\n  /**\n   * Define se o breadcrumb deve truncar os itens por falta de espaço.\n   */\n  @State() isTruncate: boolean = false\n\n  /**\n   * Largura interna dos itens do breadcrumb.\n   */\n  @State() contentWidth: number = 0\n\n  /**\n   * Largura do container pai do breadcrumb.\n   */\n  @State() parentWidth: number = 0\n\n  /**\n   * Define o estado do botão 'Folder'.\n   * Caso a lista dropdown esteja oculta o ícone no botão será 'folder-plus'.\n   * Caso a lista dropdown esteja visível o ícone no botão será 'folder-minus'.\n   */\n  @State() isFolderOpen: boolean = false\n\n  /**\n   * Verifica se o texto do link contém mais de 20 caracteres e realiza o truncamento deste caso positivo.\n   * O número de caracteres pode ser configurado na variável 'truncateCharactersLimit'.\n   */\n  private truncateText(word: string) {\n    return word.length > truncateCharactersLimit ? `${word.slice(0, truncateCharactersLimit)}...` : word\n  }\n\n  private isTruncatedLabel(text: string) {\n    return text.length > truncateCharactersLimit\n  }\n\n  /**\n   * Exibe o tooltip e define seu posicionamento, caso o usuário realize o 'mouse over'.\n   */\n  private handleMouseOver(event: MouseEvent | FocusEvent, text: string) {\n    if (this.isTruncatedLabel(text)) {\n      const hoveredElement = (event.currentTarget as HTMLElement | null) ?? (event.target as HTMLElement | null)\n      if (!hoveredElement) return\n\n      this.hoveredElement = hoveredElement\n      this.tooltipText = text\n      this.showTooltip = true\n      requestAnimationFrame(() => this.positionTooltip())\n    }\n  }\n\n  /**\n   * Esconde o tooltip caso o usuário realize o 'mouse out'.\n   */\n  private handleMouseOut() {\n    this.cleanupTooltipPosition()\n    this.showTooltip = false\n  }\n\n  private positionTooltip() {\n    if (this.hoveredElement == null || this.tooltipElement == null) return\n\n    this.cleanupTooltipPosition()\n\n    this.floatingManager = new FloatingUIManager({\n      triggerElement: this.hoveredElement,\n      contentElement: this.tooltipElement,\n      arrowElement: this.tooltipArrowElement,\n      placement: 'top',\n    })\n\n    this.floatingManager.start()\n  }\n\n  private cleanupTooltipPosition() {\n    this.floatingManager?.stop()\n    this.floatingManager = undefined\n  }\n\n  /**\n   * Converte de string para JSON o valor passado na propriedade 'crumbs'.\n   * Retorna o valor padrão do Breadcrumbs caso crumbs seja vazio ou inválido\n   */\n  private getParsedItems(): BreadcrumbItem[] {\n    if (this.innerCrumbs.length > 0) {\n      return this.innerCrumbs\n    }\n\n    if (!this.crumbs || this.crumbs === '') {\n      return this.defaultCrumbs\n    }\n\n    try {\n      const parsed = typeof this.crumbs === 'string' ? JSON.parse(this.crumbs) : this.crumbs\n      return Array.isArray(parsed) && parsed.length > 0 ? parsed : this.defaultCrumbs\n    } catch {\n      console.error('Invalid JSON format for crumbs:', this.crumbs)\n      return this.defaultCrumbs\n    }\n  }\n\n  /**\n   * Ao clicar no botão HOME, direciona o usuário para URL passada na propriedade 'homeUrl'.\n   */\n  private handleHomeClick() {\n    window.location.href = this.homeUrl\n  }\n\n  /**\n   * Altera o estado do botão 'Folder', caso a lista dropdown esteja aberta ou fechada.\n   */\n  private toggleFolder() {\n    this.isFolderOpen = !this.isFolderOpen\n  }\n\n  /**\n   * Define as classes CSS usadas no breadcrumb.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-breadcrumb': true,\n      small: this.isSmallScreen,\n    }\n  }\n\n  /**\n   * Atualiza o estado 'isSmallScreen' com base no tamanho do container pai, se menor que 570px.\n   */\n  private resizeObserver: ResizeObserver\n\n  /**\n   * Atualiza os estados de largura do breadcrumb ao detectar mudanças no container pai.\n   */\n  private updateContainerSize = (entries: ResizeObserverEntry[]) => {\n    for (const entry of entries) {\n      const containerWidth = entry.contentRect.width\n      this.isSmallScreen = containerWidth < 570\n      this.parentWidth = containerWidth\n      this.calculateItemsWidth()\n    }\n  }\n\n  /**\n   * Adiciona o 'resizeObserver' para checar o tamanho do container pai.\n   */\n  connectedCallback() {\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(this.updateContainerSize)\n      if (this.el.parentElement !== null) {\n        this.resizeObserver.observe(this.el.parentElement)\n      }\n    }\n  }\n\n  /**\n   * Remove o 'resizeObserver'.\n   */\n  disconnectedCallback() {\n    if (this.resizeObserver != null) {\n      this.resizeObserver.disconnect()\n    }\n    this.cleanupTooltipPosition()\n  }\n\n  /**\n   * Calcula a largura total dos itens do breadcrumb para determinar se precisa de truncamento.\n   */\n  private calculateItemsWidth() {\n    requestAnimationFrame(() => {\n      const items = this.el.shadowRoot?.querySelectorAll('.crumb, .mobile-active-page, br-item')\n      if (items) {\n        let totalWidth = 0\n        items.forEach((item) => {\n          totalWidth += (item as HTMLElement).getBoundingClientRect().width\n        })\n        this.contentWidth = totalWidth\n        this.isTruncate = this.contentWidth > this.parentWidth\n      }\n    })\n  }\n\n  /**\n   * Executa cálculos de largura após o componente ser carregado.\n   */\n  componentWillLoad() {\n    this.registerCrumbItems()\n  }\n\n  componentDidLoad() {\n    this.hasLoaded = true\n    this.calculateItemsWidth()\n  }\n\n  /**\n   * Renderiza botão Home\n   */\n  private renderHomeButton() {\n    const buttonFolderClass = this.isFolderOpen ? 'fa6-solid:folder-minus' : 'fa6-solid:folder-plus'\n    return (\n      <br-button\n        id=\"circle\"\n        shape=\"circle\"\n        aria-label={this.isSmallScreen ? 'Exibir lista de páginas' : 'Voltar para Home'}\n        onClick={this.isSmallScreen ? () => this.toggleFolder() : () => this.handleHomeClick()}\n      >\n        <br-icon icon-name={`${this.isSmallScreen ? buttonFolderClass : 'fa6-solid:house'}`}></br-icon>\n      </br-button>\n    )\n  }\n\n  /**\n   * Renderiza botão Folder no comportamento truncado\n   */\n  private renderTruncateButton() {\n    if (this.isTruncate && !this.isSmallScreen) {\n      const buttonFolderClass = this.isFolderOpen ? 'fa6-solid:folder-minus' : 'fa6-solid:folder-plus'\n      return (\n        <div class=\"buttonFolderGroup\">\n          <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n          <br-button\n            id=\"circle\"\n            shape=\"circle\"\n            aria-label={this.isFolderOpen ? 'Recolher lista de páginas' : 'Exibir lista de páginas'}\n            onClick={() => this.toggleFolder()}\n            onKeyDown={(event) => this.handleKeyDown(event)}\n          >\n            <br-icon icon-name={buttonFolderClass}></br-icon>\n          </br-button>\n        </div>\n      )\n    }\n    return null\n  }\n\n  /**\n   * Renderiza itens do Breadcrumb no comportamento mobile ou truncado\n   */\n  private renderBreadcrumbItems() {\n    const parsedItems = this.getParsedItems()\n    const lastItem = parsedItems[parsedItems.length - 2]\n\n    return this.isSmallScreen || this.isTruncate ? (\n      <div class=\"buttonFolderGroup\">\n        {this.isTruncate && !this.isSmallScreen && lastItem ? (\n          <span>\n            <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n            <a\n              id=\"nextCrumb\"\n              href={lastItem.url || 'javascript:void(0)'}\n              target={lastItem.target || '_self'}\n              onMouseOver={(event) => this.handleMouseOver(event, lastItem.label)}\n              onMouseOut={() => this.handleMouseOut()}\n            >\n              {this.truncateText(lastItem.label)}\n            </a>\n          </span>\n        ) : null}\n        {this.renderMobileActiveItem(parsedItems)}\n        {this.renderBreadcrumbList(parsedItems)}\n      </div>\n    ) : (\n      parsedItems.map((item, index) => (\n        <li\n          key={index}\n          class={`crumb ${item.home ? 'home' : ''}`}\n          data-active={item.active ? 'active' : null}\n          aria-label={`Página ${index + 1} de ${parsedItems.length}`}\n        >\n          {this.renderBreadcrumbLink(item)}\n        </li>\n      ))\n    )\n  }\n\n  /**\n   * Renderiza item da página atual\n   */\n  private renderMobileActiveItem(parsedItems: BreadcrumbItem[]) {\n    const activeItem = parsedItems.find((item) => item.active)\n    if (!activeItem) return null\n    return (\n      <span class=\"mobile-active-page\">\n        <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n        <span aria-current=\"page\" data-active=\"active\">\n          {activeItem.label}\n        </span>\n      </span>\n    )\n  }\n\n  /**\n   * Renderiza lista dropdown contendo os itens do Breadcrumb\n   */\n  private renderBreadcrumbList(parsedItems: BreadcrumbItem[]) {\n    return (\n      <br-list class={this.isFolderOpen ? 'mobile-crumb-list show' : 'mobile-crumb-list'}>\n        {this.isSmallScreen && (\n          <div aria-label={`Página 1 de ${parsedItems.length}`}>\n            <br-item isInteractive={true} href={this.homeUrl} target=\"_self\">\n              Página Inicial\n            </br-item>\n            <span class=\"br-divider\"></span>\n          </div>\n        )}\n        {parsedItems.map((item, index) => {\n          if (this.isTruncate && !this.isSmallScreen && index === parsedItems.length - 2) {\n            return null\n          }\n          return (\n            !item.active && (\n              <div\n                key={index}\n                aria-label={\n                  this.isTruncate && !this.isSmallScreen\n                    ? `Página ${index + 1} de ${parsedItems.length - 2}`\n                    : `Página ${index + 2} de ${parsedItems.length}`\n                }\n              >\n                <br-item\n                  customId={index == 0 ? 'firstElementList' : undefined}\n                  aria-label={this.isTruncatedLabel(item.label) ? item.label : null}\n                  isInteractive={true}\n                  href={item.url || 'javascript:void(0)'}\n                  target={item.target ?? '_self'}\n                  onMouseOver={(event) => this.handleMouseOver(event, item.label)}\n                  onFocusin={(event) => this.handleMouseOver(event, item.label)}\n                  onMouseOut={() => this.handleMouseOut()}\n                  onFocusout={() => this.handleMouseOut()}\n                  onKeyDown={\n                    index == parsedItems.length - 3 && this.isFolderOpen && this.isTruncate && !this.isSmallScreen\n                      ? (event) => {\n                          if (event.key === 'Tab') {\n                            this.handleKeyDownOut(event)\n                            this.toggleFolder()\n                          }\n                        }\n                      : null\n                  }\n                >\n                  {this.truncateText(item.label)}\n                </br-item>\n                <span class=\"br-divider\"></span>\n              </div>\n            )\n          )\n        })}\n      </br-list>\n    )\n  }\n\n  /**\n   * Renderiza itens do Breadcrumb no formato desktop\n   */\n  private renderBreadcrumbLink(item: BreadcrumbItem) {\n    return item.active ? (\n      <span>\n        <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n        <span aria-current=\"page\">{item.label}</span>\n      </span>\n    ) : (\n      <span>\n        <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n        <a\n          href={item.url || 'javascript:void(0)'}\n          aria-label={this.isTruncatedLabel(item.label) ? item.label : null}\n          target={item.target ?? '_self'}\n          onMouseOver={(event) => this.handleMouseOver(event, item.label)}\n          onFocus={(event) => this.handleMouseOver(event, item.label)}\n          onMouseOut={() => this.handleMouseOut()}\n          onBlur={() => this.handleMouseOut()}\n        >\n          {this.truncateText(item.label)}\n        </a>\n      </span>\n    )\n  }\n\n  /**\n   * Renderiza Tooltip\n   */\n  private renderTooltip() {\n    if (!this.showTooltip) return null\n    return (\n      <div\n        class=\"tooltip-box\"\n        ref={(el) => {\n          this.tooltipElement = el as HTMLDivElement\n        }}\n      >\n        {this.tooltipText}\n        <div\n          class=\"tooltip-arrow\"\n          ref={(el) => {\n            this.tooltipArrowElement = el as HTMLDivElement\n          }}\n        ></div>\n      </div>\n    )\n  }\n\n  /**\n   * Controla navegação pelo teclado após lista de itens aberta\n   * Dispara foco no primeiro item da lista flutuante\n   */\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Tab' && this.isFolderOpen && this.isTruncate && !this.isSmallScreen) {\n      setTimeout(() => {\n        const element = this.el.shadowRoot?.getElementById('firstElementList')\n        if (element) {\n          element.focus()\n        }\n      }, 0) // Aguarda um ciclo de renderização\n    }\n  }\n\n  /**\n   * Ao finalizar navegação por teclado dentro da lista, dispara foco no item fora da lista flutuante\n   */\n  private handleKeyDownOut(event: KeyboardEvent) {\n    if (event.key === 'Tab' && this.isFolderOpen && this.isTruncate && !this.isSmallScreen) {\n      setTimeout(() => {\n        const element = this.el.shadowRoot?.getElementById('nextCrumb')\n        if (element) {\n          element.focus()\n        }\n      }, 0)\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div style={{ display: 'none' }}>\n          <slot\n            ref={(el) => {\n              this.slotElement = el as HTMLSlotElement\n            }}\n            onSlotchange={this.registerCrumbItems}\n          ></slot>\n        </div>\n        <nav class={this.getCssClassMap()} aria-label=\"Breadcrumbs\">\n          <ol class=\"crumb-list\">\n            {this.renderHomeButton()}\n            {this.renderTruncateButton()}\n            {this.renderBreadcrumbItems()}\n          </ol>\n        </nav>\n        {this.renderTooltip()}\n      </Host>\n    )\n  }\n}\n\n/**\n * Limite de caracteres para o truncamento\n */\nconst truncateCharactersLimit = 20\n"]}