@govbr-ds/webcomponents 2.0.0-next.36 → 2.0.0-next.37

package/dist/types/components/button/button.d.ts

@@ -62,6 +62,7 @@ export declare class Button {
      */
     readonly value: string;
     private readonly handleClick;
+    componentDidLoad(): void;
     private getCssClassMap;
     render(): any;
 }

package/dist/types/components/tab/tab.d.ts

@@ -0,0 +1,103 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+ *
+ * @slot default - Slot com os componentes item da tab
+ */
+export declare class Tab {
+    el: HTMLBrTabElement;
+    elementInternals: ElementInternals;
+    /**
+     * A propriedade 'density' define a densidade do componente.
+     * Os valores possíveis são 'small', 'medium' e 'large'.
+     * @type {string}
+     * @default 'medium'
+     */
+    readonly density: 'small' | 'medium' | 'large';
+    /**
+     * Define se o Tab usará um esquema de cores.
+     * Apenas o esquema 'dark' está disponível para o modo escuro.
+     * @type {string}
+     */
+    colorMode: string;
+    /**
+     * A propriedade 'activeTab' define o tab ativo.
+     */
+    activeTab: string;
+    /**
+     * A propriedade 'tabItems' lista dos tabs items .
+     */
+    tabItems: Element[];
+    /**
+     * A propriedade 'tabContent' armazena o conteúdo dos tabs.
+     * @type {string}
+     * @memberof Tab
+     */
+    tabContent: string;
+    private maxWidth;
+    private hostStyle;
+    private containerStyle;
+    private mutationObserver;
+    private focusElementIndex;
+    brDidActive: EventEmitter;
+    private getCssClassMap;
+    private setupHostStyles;
+    private updateContainerStyles;
+    /**
+     * Obtém os elementos de tab items dentro do componente.
+     * Se não houver elementos, emite um aviso.
+     * @private
+     * @returns {void}
+     * @memberof Tab
+     */
+    private getTabItemsElements;
+    /**
+     * Atualiza o conteúdo dos tabs com base nos elementos de tab items.
+     * Cada tab item é transformado em um painel de tab com o ID apropriado.
+     * O painel ativo é marcado com a classe 'active'.
+     * @private
+     * @returns {void}
+     * @memberof Tab
+     * @description
+     */
+    private updateTabContent;
+    /**
+     * Atualiza a largura máxima do componente com base na largura da janela.
+     * Se a largura da janela não estiver disponível, define a largura máxima como 100%.
+     * @private
+     * @returns {void}
+     * @memberof Tab
+     * @description
+     * Esta função calcula a largura máxima do componente com base na posição do elemento na tela.
+     */
+    private updateMaxWidth;
+    /**
+     * Obtém o ID do tab item.
+     * @private
+     * @param {Element} tab - O elemento do tab item.
+     * @returns {string} - O ID do tab item.
+     * @memberof Tab
+     * @description
+     * Esta função retorna o ID do tab item, que é armazenado no atributo 'tab-item-id'.
+     */
+    private getTabID;
+    /**
+     *
+     * @param tab
+     * @returns
+     */
+    private isTabActive;
+    private verifActiveTab;
+    activeTabChanged(newValue: string): void;
+    /**
+     * Evento de navegação por teclado
+     * @param event
+     */
+    private handleKeyNavigation;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private handleTabClick;
+    private setActiveTab;
+    render(): any;
+}

package/dist/types/components/tab-item/tab-item.d.ts

@@ -0,0 +1,52 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+ *
+ * @slot default - Slot com conteúdo do item da tab
+ */
+export declare class TabItem {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrTabItemElement;
+    readonly TabItemId: string;
+    /**
+     * Define ícone do item de tab
+     * @type {string}
+     */
+    readonly icon: string;
+    /**
+     * Define o título do item de tab
+     * @type {string}
+     */
+    readonly tabItemTitle: string;
+    /**
+     * Define se mostra somente o ícone
+     * @type {boolean}
+     * @default false
+     */
+    readonly onlyIcon: boolean;
+    /**
+     * Define se o item de tab é ativo
+     * @type {boolean}
+     */
+    isActive: boolean;
+    /**
+     * Define contador do item de tab
+     * @type {string}
+     */
+    readonly counter: string;
+    /**
+     * Define se o Tab usará um esquema de cores.
+     * Apenas o esquema 'dark' está disponível para o modo escuro.
+     * @type {string}
+     */
+    colorMode: string;
+    elementInternals: ElementInternals;
+    itemTabClick: EventEmitter<{
+        id: string;
+    }>;
+    private getCssClassMap;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -804,6 +804,59 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+     */
+    interface BrTab {
+        /**
+          * Define se o Tab usará um esquema de cores. Apenas o esquema 'dark' está disponível para o modo escuro.
+          * @type {string}
+         */
+        "colorMode": string;
+        /**
+          * A propriedade 'density' define a densidade do componente. Os valores possíveis são 'small', 'medium' e 'large'.
+          * @type {string}
+          * @default 'medium'
+         */
+        "density": 'small' | 'medium' | 'large';
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+     */
+    interface BrTabItem {
+        "TabItemId": string;
+        /**
+          * Define se o Tab usará um esquema de cores. Apenas o esquema 'dark' está disponível para o modo escuro.
+          * @type {string}
+         */
+        "colorMode": string;
+        /**
+          * Define contador do item de tab
+          * @type {string}
+         */
+        "counter": string;
+        /**
+          * Define ícone do item de tab
+          * @type {string}
+         */
+        "icon": string;
+        /**
+          * Define se o item de tab é ativo
+          * @type {boolean}
+         */
+        "isActive": boolean;
+        /**
+          * Define se mostra somente o ícone
+          * @type {boolean}
+          * @default false
+         */
+        "onlyIcon": boolean;
+        /**
+          * Define o título do item de tab
+          * @type {string}
+         */
+        "tabItemTitle": string;
+    }
     interface BrTag {
         /**
           * A propriedade 'color' permite definir a cor do componente. Aceita valores como 'red', 'blue', entre outros, e é refletida no DOM.
@@ -978,6 +1031,14 @@ export interface BrSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBrSwitchElement;
 }
+export interface BrTabCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBrTabElement;
+}
+export interface BrTabItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBrTabItemElement;
+}
 export interface BrTagCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBrTagElement;
@@ -1287,6 +1348,46 @@ declare global {
         prototype: HTMLBrSwitchElement;
         new (): HTMLBrSwitchElement;
     };
+    interface HTMLBrTabElementEventMap {
+        "brDidActive": any;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+     */
+    interface HTMLBrTabElement extends Components.BrTab, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBrTabElementEventMap>(type: K, listener: (this: HTMLBrTabElement, ev: BrTabCustomEvent<HTMLBrTabElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBrTabElementEventMap>(type: K, listener: (this: HTMLBrTabElement, ev: BrTabCustomEvent<HTMLBrTabElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBrTabElement: {
+        prototype: HTMLBrTabElement;
+        new (): HTMLBrTabElement;
+    };
+    interface HTMLBrTabItemElementEventMap {
+        "itemTabClick": { id: string };
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+     */
+    interface HTMLBrTabItemElement extends Components.BrTabItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBrTabItemElementEventMap>(type: K, listener: (this: HTMLBrTabItemElement, ev: BrTabItemCustomEvent<HTMLBrTabItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBrTabItemElementEventMap>(type: K, listener: (this: HTMLBrTabItemElement, ev: BrTabItemCustomEvent<HTMLBrTabItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBrTabItemElement: {
+        prototype: HTMLBrTabItemElement;
+        new (): HTMLBrTabItemElement;
+    };
     interface HTMLBrTagElementEventMap {
         "radioSelected": string;
     }
@@ -1353,6 +1454,8 @@ declare global {
         "br-step": HTMLBrStepElement;
         "br-step-item": HTMLBrStepItemElement;
         "br-switch": HTMLBrSwitchElement;
+        "br-tab": HTMLBrTabElement;
+        "br-tab-item": HTMLBrTabItemElement;
         "br-tag": HTMLBrTagElement;
         "br-textarea": HTMLBrTextareaElement;
         "br-upload": HTMLBrUploadElement;
@@ -2146,6 +2249,61 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+     */
+    interface BrTab {
+        /**
+          * Define se o Tab usará um esquema de cores. Apenas o esquema 'dark' está disponível para o modo escuro.
+          * @type {string}
+         */
+        "colorMode"?: string;
+        /**
+          * A propriedade 'density' define a densidade do componente. Os valores possíveis são 'small', 'medium' e 'large'.
+          * @type {string}
+          * @default 'medium'
+         */
+        "density"?: 'small' | 'medium' | 'large';
+        "onBrDidActive"?: (event: BrTabCustomEvent<any>) => void;
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+     */
+    interface BrTabItem {
+        "TabItemId"?: string;
+        /**
+          * Define se o Tab usará um esquema de cores. Apenas o esquema 'dark' está disponível para o modo escuro.
+          * @type {string}
+         */
+        "colorMode"?: string;
+        /**
+          * Define contador do item de tab
+          * @type {string}
+         */
+        "counter"?: string;
+        /**
+          * Define ícone do item de tab
+          * @type {string}
+         */
+        "icon"?: string;
+        /**
+          * Define se o item de tab é ativo
+          * @type {boolean}
+         */
+        "isActive"?: boolean;
+        "onItemTabClick"?: (event: BrTabItemCustomEvent<{ id: string }>) => void;
+        /**
+          * Define se mostra somente o ícone
+          * @type {boolean}
+          * @default false
+         */
+        "onlyIcon"?: boolean;
+        /**
+          * Define o título do item de tab
+          * @type {string}
+         */
+        "tabItemTitle"?: string;
+    }
     interface BrTag {
         /**
           * A propriedade 'color' permite definir a cor do componente. Aceita valores como 'red', 'blue', entre outros, e é refletida no DOM.
@@ -2298,6 +2456,8 @@ declare namespace LocalJSX {
         "br-step": BrStep;
         "br-step-item": BrStepItem;
         "br-switch": BrSwitch;
+        "br-tab": BrTab;
+        "br-tab-item": BrTabItem;
         "br-tag": BrTag;
         "br-textarea": BrTextarea;
         "br-upload": BrUpload;
@@ -2385,6 +2545,14 @@ declare module "@stencil/core" {
              * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/switch?tab=designer).
              */
             "br-switch": LocalJSX.BrSwitch & JSXBase.HTMLAttributes<HTMLBrSwitchElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+             */
+            "br-tab": LocalJSX.BrTab & JSXBase.HTMLAttributes<HTMLBrTabElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).
+             */
+            "br-tab-item": LocalJSX.BrTabItem & JSXBase.HTMLAttributes<HTMLBrTabItemElement>;
             "br-tag": LocalJSX.BrTag & JSXBase.HTMLAttributes<HTMLBrTagElement>;
             /**
              * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/textarea?tab=designer).

package/dist/webcomponents/br-avatar.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"br-avatar.entry.esm.js","sources":["../../packages/webcomponents/src/components/avatar/avatar.scss?tag=br-avatar&encapsulation=shadow","../../packages/webcomponents/src/components/avatar/avatar.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/avatar/avatar\";\n\n:host {\n  display: block;\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/avatar?tab=designer).\n */\n@Component({\n  tag: 'br-avatar',\n  styleUrl: 'avatar.scss',\n  shadow: true,\n})\nexport class Avatar {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrAvatarElement\n\n  /**\n   * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\n  @Prop({ mutable: true }) density: 'small' | 'medium' | 'large' = 'medium'\n\n  @Watch('density')\n  handleDensityChange(newValue: 'small' | 'medium' | 'large') {\n    if (!['small', 'medium', 'large'].includes(newValue)) {\n      console.warn(`Valor inválido para density: ${newValue}. Usando 'medium'.`)\n      this.density = 'medium'\n    }\n    this.el.setAttribute('density', this.density)\n  }\n\n  /**\n   * Executa validações iniciais quando o componente é carregado\n   */\n  componentWillLoad() {\n    this.handleDensityChange(this.density)\n  }\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-avatar-${avatarId++}`\n\n  /**\n   * URL da imagem a ser exibida no avatar do tipo 'fotográfico'.\n   * Deve ser uma URL válida que aponta para a imagem desejada.\n   */\n  @Prop() readonly src: string\n\n  /**\n   * Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade e SEO.\n   * Deve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: \"Foto de perfil de João Silva\".\n   */\n  @Prop() readonly alt = 'Imagem do avatar'\n\n  /**\n   * Indica se o avatar deve ser exibido como um ícone em vez de uma imagem fotográfica.\n   * Se definido como verdadeiro, o avatar será exibido como um ícone.\n   */\n  @Prop() readonly isIconic: boolean = false\n\n  /**\n   * Texto exibido no avatar do tipo 'letra'.\n   * Esse texto será mostrado em vez de uma imagem e pode ser usado para representar iniciais ou outras informações textuais.\n   */\n  @Prop() readonly text: string\n\n  /**\n   * Largura do ícone no avatar do tipo icônico\n   * */\n  @Prop() readonly iconWidth: string\n\n  /**\n   * Altura do ícone no avatar do tipo icônico\n   */\n  @Prop() readonly iconHeight: string\n\n  /**\n   * Ajuste para a margem de cima do ícone no avatar do tipo icônico\n   */\n  @Prop() readonly iconMarginTop: string\n\n  /**\n   * Define se o avatar está desabilitado\n   */\n  @Prop() readonly disabled = false\n\n  @State() private hasError = false\n\n  /**\n   * Gera um mapa de classes CSS com base nas propriedades do componente.\n   * O mapa de classes determina quais classes CSS devem ser aplicadas\n   * ao elemento host do componente, ajustando sua aparência.\n   *\n   * @returns {CssClassMap} Objeto contendo as classes CSS aplicadas.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-avatar': true,\n      [this.density]: true,\n      error: this.hasError,\n      disabled: this.disabled,\n    }\n  }\n\n  private readonly iconSizes = {\n    small: { height: '32px', width: '40px' },\n    medium: { height: '80px', width: '88px' },\n    large: { height: '128px', width: '136px' },\n  }\n\n  private readonly iconMarginTops = {\n    small: '0.7em',\n    medium: '1em',\n    large: '0.62em',\n  }\n\n  private readonly handleImageError = () => {\n    this.hasError = true\n    console.error(`Erro ao carregar imagem do avatar: ${this.src}`)\n  }\n\n  private renderAvatar() {\n    if (this.text?.trim().length > 0) {\n      return (\n        <span class=\"content bg-support-01 text-pure-0\" title={this.text}>\n          {this.text[0].toUpperCase()}\n        </span>\n      )\n    } else if (this.src?.trim().length > 0 && !this.hasError) {\n      return (\n        <span class=\"content\" title={this.alt || this.text}>\n          <img src={this.src} alt={this.alt} loading=\"lazy\" onError={this.handleImageError} />\n        </span>\n      )\n    } else {\n      return (\n        <span class=\"content\" title={this.text}>\n          <br-icon\n            icon-name=\"fa-solid:user\"\n            height={this.iconHeight?.length > 0 ? this.iconHeight : this.iconSizes[this.density]?.height}\n            width={this.iconWidth?.length > 0 ? this.iconWidth : this.iconSizes[this.density]?.width}\n            aria-hidden=\"true\"\n            style={{\n              'margin-top': this.iconMarginTop?.length > 0 ? this.iconMarginTop : this.iconMarginTops[this.density],\n            }}\n          ></br-icon>\n        </span>\n      )\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <span id={this.customId} class={this.getCssClassMap()} aria-disabled={this.disabled}>\n          {this.renderAvatar()}\n        </span>\n      </Host>\n    )\n  }\n}\n\nlet avatarId = 0\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"br-avatar.entry.esm.js","sources":["../../packages/webcomponents/src/components/avatar/avatar.scss?tag=br-avatar&encapsulation=shadow","../../packages/webcomponents/src/components/avatar/avatar.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/avatar/avatar\";\n\n:host {\n  display: block;\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/avatar?tab=designer).\n */\n@Component({\n  tag: 'br-avatar',\n  styleUrl: 'avatar.scss',\n  shadow: true,\n})\nexport class Avatar {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrAvatarElement\n\n  /**\n   * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\n  @Prop({ mutable: true }) density: 'small' | 'medium' | 'large' = 'medium'\n\n  @Watch('density')\n  handleDensityChange(newValue: 'small' | 'medium' | 'large') {\n    if (!['small', 'medium', 'large'].includes(newValue)) {\n      console.warn(`Valor inválido para density: ${newValue}. Usando 'medium'.`)\n      this.density = 'medium'\n    }\n    this.el.setAttribute('density', this.density)\n  }\n\n  /**\n   * Executa validações iniciais quando o componente é carregado\n   */\n  componentWillLoad() {\n    this.handleDensityChange(this.density)\n  }\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-avatar-${avatarId++}`\n\n  /**\n   * URL da imagem a ser exibida no avatar do tipo 'fotográfico'.\n   * Deve ser uma URL válida que aponta para a imagem desejada.\n   */\n  @Prop() readonly src: string\n\n  /**\n   * Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade e SEO.\n   * Deve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: \"Foto de perfil de João Silva\".\n   */\n  @Prop() readonly alt = 'Imagem do avatar'\n\n  /**\n   * Indica se o avatar deve ser exibido como um ícone em vez de uma imagem fotográfica.\n   * Se definido como verdadeiro, o avatar será exibido como um ícone.\n   */\n  @Prop() readonly isIconic: boolean = false\n\n  /**\n   * Texto exibido no avatar do tipo 'letra'.\n   * Esse texto será mostrado em vez de uma imagem e pode ser usado para representar iniciais ou outras informações textuais.\n   */\n  @Prop() readonly text: string\n\n  /**\n   * Largura do ícone no avatar do tipo icônico\n   * */\n  @Prop() readonly iconWidth: string\n\n  /**\n   * Altura do ícone no avatar do tipo icônico\n   */\n  @Prop() readonly iconHeight: string\n\n  /**\n   * Ajuste para a margem de cima do ícone no avatar do tipo icônico\n   */\n  @Prop() readonly iconMarginTop: string\n\n  /**\n   * Define se o avatar está desabilitado\n   */\n  @Prop() readonly disabled = false\n\n  @State() private hasError = false\n\n  /**\n   * Gera um mapa de classes CSS com base nas propriedades do componente.\n   * O mapa de classes determina quais classes CSS devem ser aplicadas\n   * ao elemento host do componente, ajustando sua aparência.\n   *\n   * @returns {CssClassMap} Objeto contendo as classes CSS aplicadas.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-avatar': true,\n      [this.density]: true,\n      error: this.hasError,\n      disabled: this.disabled,\n    }\n  }\n\n  private readonly iconSizes = {\n    small: { height: '32px', width: '40px' },\n    medium: { height: '80px', width: '88px' },\n    large: { height: '128px', width: '136px' },\n  }\n\n  private readonly iconMarginTops = {\n    small: '0.7em',\n    medium: '1em',\n    large: '0.62em',\n  }\n\n  private readonly handleImageError = () => {\n    this.hasError = true\n    console.error(`Erro ao carregar imagem do avatar: ${this.src}`)\n  }\n\n  private renderAvatar() {\n    if (this.text?.trim().length > 0) {\n      return (\n        <span class=\"content bg-support-01 text-pure-0\" title={this.text}>\n          {this.text[0].toUpperCase()}\n        </span>\n      )\n    } else if (this.src?.trim().length > 0 && !this.hasError) {\n      return (\n        <span class=\"content\" title={this.alt || this.text}>\n          <img src={this.src} alt={this.alt} loading=\"lazy\" onError={this.handleImageError} />\n        </span>\n      )\n    } else {\n      return (\n        <span class=\"content\" title={this.text}>\n          <br-icon\n            icon-name=\"fa-solid:user\"\n            height={this.iconHeight?.length > 0 ? this.iconHeight : this.iconSizes[this.density]?.height}\n            width={this.iconWidth?.length > 0 ? this.iconWidth : this.iconSizes[this.density]?.width}\n            aria-hidden=\"true\"\n            style={{\n              'margin-top': this.iconMarginTop?.length > 0 ? this.iconMarginTop : this.iconMarginTops[this.density],\n            }}\n          ></br-icon>\n        </span>\n      )\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <span id={this.customId} class={this.getCssClassMap()} aria-disabled={this.disabled}>\n          {this.renderAvatar()}\n        </span>\n      </Host>\n    )\n  }\n}\n\nlet avatarId = 0\n"],"names":[],"mappings":"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"}

package/dist/webcomponents/br-breadcrumb.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"br-breadcrumb.entry.esm.js","sources":["../../packages/webcomponents/src/components/breadcrumb/breadcrumb.scss?tag=br-breadcrumb&encapsulation=shadow","../../packages/webcomponents/src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/breadcrumb/breadcrumb\";\n@import \"~@govbr-ds/core/src/partial/scss/configs/icons\";\n@import \"~@govbr-ds/core/src/components/button/button\";\n@import \"~@govbr-ds/core/src/components/list/list\";\n@import \"~@govbr-ds/core/src/components/item/item\";\n@import \"~@govbr-ds/core/src/components/divider/divider\";\n\n:host {\n  display: block;\n\n  .br-breadcrumb {\n    .br-icon {\n      color: #ccc;\n    }\n\n    .br-icon,\n    .mobile-active-page {\n      display: flex;\n      align-items: center;\n    }\n\n    .mobile-crumb-list {\n      display: none;\n      position: absolute;\n      width: 200px;\n      box-shadow: var(--surface-shadow-sm);\n    }\n\n    .mobile-crumb-list.show {\n      display: block;\n      top: 100%;\n      z-index: 999;\n    }\n\n    .buttonFolderGroup,\n    .buttonFolderGroup span {\n      display: flex;\n      align-items: center;\n    }\n\n    .mobile-active-page span:focus:focus-visible {\n      outline: var(--focus-width) var(--focus-style) var(--focus);\n      outline-offset: var(--focus-offset);\n    }\n\n    .crumb {\n      display: flex;\n      align-items: center;\n\n      span {\n        display: flex;\n        align-items: center;\n      }\n    }\n  }\n\n  .tooltip-box {\n    position: fixed;\n    background: #1351b4;\n    color: #fff;\n    padding: 8px 12px;\n    border-radius: 4px;\n    font-size: 12px;\n    white-space: nowrap;\n    transform: translate(-50%, -100%);\n    pointer-events: none;\n    z-index: 9999;\n    box-shadow: 0 2px 4px rgba(0 0 0 / 20%);\n    opacity: 0;\n    transition: opacity 0.2s ease-in-out;\n\n    &::after {\n      content: \"\";\n      position: absolute;\n      bottom: -5px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 0;\n      height: 0;\n      border-left: 6px solid transparent;\n      border-right: 6px solid transparent;\n      border-top: 6px solid #1351b4;\n    }\n  }\n}\n\n:host(:hover) {\n  .tooltip-box {\n    opacity: 1;\n  }\n}\n","/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport { AttachInternals, Component, Element, h, Host, Prop, State } from '@stencil/core'\n\ninterface BreadcrumbItem {\n  label: string\n  url?: string\n  target?: string\n  home?: boolean\n  active?: boolean\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.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-breadcrumb-${breadcrumbId++}`\n\n  /**\n   * URL para home.\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\" tabindex=\"0\">\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\" tabindex=\"0\">\n          {item.label}\n        </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 * ID do Breadcrumb\n */\nlet breadcrumbId = 0\n\n/**\n * Limite de caracteres para o truncamento\n */\nconst charactersNumberTruncate = 20\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"br-breadcrumb.entry.esm.js","sources":["../../packages/webcomponents/src/components/breadcrumb/breadcrumb.scss?tag=br-breadcrumb&encapsulation=shadow","../../packages/webcomponents/src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/breadcrumb/breadcrumb\";\n@import \"~@govbr-ds/core/src/partial/scss/configs/icons\";\n@import \"~@govbr-ds/core/src/components/button/button\";\n@import \"~@govbr-ds/core/src/components/list/list\";\n@import \"~@govbr-ds/core/src/components/item/item\";\n@import \"~@govbr-ds/core/src/components/divider/divider\";\n\n:host {\n  display: block;\n\n  .br-breadcrumb {\n    .br-icon {\n      color: #ccc;\n    }\n\n    .br-icon,\n    .mobile-active-page {\n      display: flex;\n      align-items: center;\n    }\n\n    .mobile-crumb-list {\n      display: none;\n      position: absolute;\n      width: 200px;\n      box-shadow: var(--surface-shadow-sm);\n    }\n\n    .mobile-crumb-list.show {\n      display: block;\n      top: 100%;\n      z-index: 999;\n    }\n\n    .buttonFolderGroup,\n    .buttonFolderGroup span {\n      display: flex;\n      align-items: center;\n    }\n\n    .mobile-active-page {\n      span:focus:focus-visible {\n        outline: var(--focus-width) var(--focus-style) var(--focus);\n        outline-offset: var(--focus-offset);\n      }\n\n      [data-active] {\n        margin: 0 var(--spacing-scale-2x) 0 var(--spacing-scale-base);\n      }\n    }\n\n    .crumb {\n      display: flex;\n      align-items: center;\n\n      span {\n        display: flex;\n        align-items: center;\n      }\n    }\n  }\n\n  .tooltip-box {\n    position: fixed;\n    background: #1351b4;\n    color: #fff;\n    padding: 8px 12px;\n    border-radius: 4px;\n    font-size: 12px;\n    white-space: nowrap;\n    transform: translate(-50%, -100%);\n    pointer-events: none;\n    z-index: 9999;\n    box-shadow: 0 2px 4px rgba(0 0 0 / 20%);\n    opacity: 0;\n    transition: opacity 0.2s ease-in-out;\n\n    &::after {\n      content: \"\";\n      position: absolute;\n      bottom: -5px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 0;\n      height: 0;\n      border-left: 6px solid transparent;\n      border-right: 6px solid transparent;\n      border-top: 6px solid #1351b4;\n    }\n  }\n}\n\n:host(:hover) {\n  .tooltip-box {\n    opacity: 1;\n  }\n}\n","/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport { AttachInternals, Component, Element, h, Host, Prop, State } from '@stencil/core'\n\ninterface BreadcrumbItem {\n  label: string\n  url?: string\n  target?: string\n  home?: boolean\n  active?: boolean\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.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-breadcrumb-${breadcrumbId++}`\n\n  /**\n   * URL para home.\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\" tabindex=\"0\">\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\" tabindex=\"0\">\n          {item.label}\n        </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 * ID do Breadcrumb\n */\nlet breadcrumbId = 0\n\n/**\n * Limite de caracteres para o truncamento\n */\nconst charactersNumberTruncate = 20\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,640EAA640E;;MCet50E,UAAU,GAAA,MAAA;;;;;AAEF,IAAA,gBAAgB;AAEnC;;;AAGG;AAC+B,IAAA,QAAQ,GAAW,CAAA,cAAA,EAAiB,YAAY,EAAE,EAAE;AAEtF;;;AAGG;IACK,OAAO,GAAW,GAAG;AAE7B;;;AAGG;AACK,IAAA,MAAM;AAEN,IAAA,aAAa,GAAqB;AACxC,QAAA,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,EAAE;AACzC,QAAA,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,EAAE;AACzC,QAAA,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE;KACxC;AAED;;AAEG;IACM,WAAW,GAAY,KAAK;AAErC;;AAEG;IACM,eAAe,GAA6B,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAEnE;;AAEG;IACM,WAAW,GAAW,EAAE;AAEjC;;;AAGG;IACM,aAAa,GAAY,KAAK;AAEvC;;AAEG;IACM,UAAU,GAAY,KAAK;AAEpC;;AAEG;IACM,cAAc,GAAW,CAAC;AAEnC;;AAEG;IACM,UAAU,GAAW,CAAC;AAE/B;;;;AAIG;IACM,YAAY,GAAY,KAAK;AAEtC;;;AAGG;AACK,IAAA,KAAK,CAAC,IAAY,EAAA;QACxB,OAAO,IAAI,CAAC,MAAM,GAAG,wBAAwB,GAAG,CAAA,EAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,wBAAwB,CAAC,KAAK,GAAG,IAAI;;AAGxG;;AAEG;IACK,eAAe,CAAC,KAAiB,EAAE,IAAY,EAAA;AACrD,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA4B;AACjD,QAAA,IAAI,CAAC,MAAM;YAAE;AAEb,QAAA,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE;QAC3C,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,GAAG,EAAE,EAAE;AAE1E,QAAA,IAAI,IAAI,CAAC,MAAM,GAAG,wBAAwB,EAAE;AAC1C,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI;AACvB,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI;;;AAI3B;;AAEG;IACK,cAAc,GAAA;AACpB,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;;AAG1B;;;AAGG;IACK,cAAc,GAAA;QACpB,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,KAAK,EAAE,EAAE;YACtC,OAAO,IAAI,CAAC,aAAa;;AAG3B,QAAA,IAAI;YACF,MAAM,MAAM,GAAG,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM;YACtF,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,aAAa;;AAC/E,QAAA,MAAM;YACN,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,IAAI,CAAC,MAAM,CAAC;YAC7D,OAAO,IAAI,CAAC,aAAa;;;AAI7B;;AAEG;IACK,eAAe,GAAA;QACrB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO;;AAGrC;;AAEG;IACK,YAAY,GAAA;AAClB,QAAA,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY;;AAGxC;;AAEG;IACK,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,eAAe,EAAE,IAAI;YACrB,KAAK,EAAE,IAAI,CAAC,aAAa;SAC1B;;AAGH;;AAEG;AACK,IAAA,cAAc;AAEtB;;AAEG;AACK,IAAA,mBAAmB,GAAG,CAAC,OAA8B,KAAI;AAC/D,QAAA,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE;AAC3B,YAAA,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK;AAC9C,YAAA,IAAI,CAAC,aAAa,GAAG,cAAc,GAAG,GAAG;AACzC,YAAA,IAAI,CAAC,UAAU,GAAG,cAAc;YAChC,IAAI,CAAC,oBAAoB,EAAE;;AAE/B,KAAC;AAED;;AAEG;IACH,iBAAiB,GAAA;AACf,QAAA,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;YACzC,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,mBAAmB,CAAC;YAClE,IAAI,IAAI,CAAC,EAAE,CAAC,aAAa,KAAK,IAAI,EAAE;gBAClC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;;;;AAKxD;;AAEG;IACH,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,EAAE;AAC/B,YAAA,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;;;AAIpC;;AAEG;IACK,oBAAoB,GAAA;QAC1B,qBAAqB,CAAC,MAAK;AACzB,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,sCAAsC,CAAC;YAC1F,IAAI,KAAK,EAAE;gBACT,IAAI,UAAU,GAAG,CAAC;AAClB,gBAAA,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACrB,oBAAA,UAAU,IAAK,IAAoB,CAAC,qBAAqB,EAAE,CAAC,KAAK;AACnE,iBAAC,CAAC;AACF,gBAAA,IAAI,CAAC,cAAc,GAAG,UAAU;gBAChC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU;;AAE3D,SAAC,CAAC;;AAGJ;;AAEG;IACH,gBAAgB,GAAA;QACd,IAAI,CAAC,oBAAoB,EAAE;;AAG7B;;AAEG;IACK,gBAAgB,GAAA;AACtB,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,YAAY,GAAG,wBAAwB,GAAG,uBAAuB;AAChG,QAAA,QACE,iBACE,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,QAAQ,EAAA,YAAA,EACF,IAAI,CAAC,aAAa,GAAG,yBAAyB,GAAG,kBAAkB,EAC/E,OAAO,EAAE,IAAI,CAAC,aAAa,GAAG,MAAM,IAAI,CAAC,YAAY,EAAE,GAAG,MAAM,IAAI,CAAC,eAAe,EAAE,EAAA,EAEtF,CAAA,CAAA,SAAA,EAAA,EAAA,WAAA,EAAoB,GAAG,IAAI,CAAC,aAAa,GAAG,iBAAiB,GAAG,iBAAiB,CAAA,CAAE,EAAY,CAAA,CACrF;;AAIhB;;AAEG;IACK,oBAAoB,GAAA;QAC1B,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;AAC1C,YAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,YAAY,GAAG,wBAAwB,GAAG,uBAAuB;YAChG,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAA,CAAA,SAAA,EAAA,EAAS,KAAK,EAAC,SAAS,EAAA,WAAA,EAAW,yBAAyB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAW,CAAA,EAC9F,CAAA,CAAA,WAAA,EAAA,EACE,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,QAAQ,EACF,YAAA,EAAA,IAAI,CAAC,YAAY,GAAG,2BAA2B,GAAG,yBAAyB,EACvF,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,EAClC,SAAS,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAA,EAE/C,CAAA,CAAA,SAAA,EAAA,EAAA,WAAA,EAAoB,iBAAiB,EAAA,CAAY,CACvC,CACR;;AAGV,QAAA,OAAO,IAAI;;AAGb;;AAEG;IACK,qBAAqB,GAAA;AAC3B,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE;QACzC,MAAM,QAAQ,GAAG,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;QAEpD,OAAO,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,UAAU,IAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC3B,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,QAAQ,IACjD,CAAA,CAAA,MAAA,EAAA,IAAA,EACE,CAAA,CAAA,SAAA,EAAA,EAAS,KAAK,EAAC,SAAS,EAAA,WAAA,EAAW,yBAAyB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAW,CAAA,EAC9F,CAAA,CAAA,GAAA,EAAA,EACE,EAAE,EAAC,WAAW,EACd,IAAI,EAAE,QAAQ,CAAC,GAAG,IAAI,oBAAoB,EAC1C,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,OAAO,EAClC,WAAW,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,EACnE,UAAU,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE,EAEtC,EAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CACzB,CACC,IACL,IAAI,EACP,IAAI,CAAC,sBAAsB,CAAC,WAAW,CAAC,EACxC,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,CACnC,KAEN,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC1B,CACE,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,CAAS,MAAA,EAAA,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,EAAE,CAAE,CAAA,EAC5B,aAAA,EAAA,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,IAAI,gBAC9B,CAAA,OAAA,EAAU,KAAK,GAAG,CAAC,CAAO,IAAA,EAAA,WAAW,CAAC,MAAM,EAAE,IAEzD,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAC7B,CACN,CAAC,CACH;;AAGH;;AAEG;AACK,IAAA,sBAAsB,CAAC,WAA6B,EAAA;AAC1D,QAAA,MAAM,UAAU,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC;AAC1D,QAAA,IAAI,CAAC,UAAU;AAAE,YAAA,OAAO,IAAI;QAC5B,QACE,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,oBAAoB,EAAA,EAC9B,CAAA,CAAA,SAAA,EAAA,EAAS,KAAK,EAAC,SAAS,EAAA,WAAA,EAAW,yBAAyB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAW,CAAA,EAC9F,CAAA,CAAA,MAAA,EAAA,EAAA,cAAA,EAAmB,MAAM,EAAA,aAAA,EAAa,QAAQ,EAAC,QAAQ,EAAC,GAAG,EACxD,EAAA,UAAU,CAAC,KAAK,CACZ,CACF;;AAIX;;AAEG;AACK,IAAA,oBAAoB,CAAC,WAA6B,EAAA;AACxD,QAAA,QACE,CAAA,CAAA,SAAA,EAAA,EAAS,KAAK,EAAE,IAAI,CAAC,YAAY,GAAG,wBAAwB,GAAG,mBAAmB,EAAA,EAC/E,IAAI,CAAC,aAAa,KACjB,yBAAiB,CAAe,YAAA,EAAA,WAAW,CAAC,MAAM,CAAA,CAAE,EAAA,EAClD,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAG,CAAA,GAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAC,OAAO,EAAA,EAAA,qBAAA,CAEjC,CACI,EACV,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,YAAY,EAAA,CAAQ,CAC5B,CACP,EACA,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AAC/B,YAAA,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,KAAK,KAAK,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;AAC9E,gBAAA,OAAO,IAAI;;YAEb,QACE,CAAC,IAAI,CAAC,MAAM,KACV,CACE,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,KAAK,EAAA,YAAA,EAER,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC;sBACrB,CAAU,OAAA,EAAA,KAAK,GAAG,CAAC,CAAO,IAAA,EAAA,WAAW,CAAC,MAAM,GAAG,CAAC,CAAE;sBAClD,UAAU,KAAK,GAAG,CAAC,CAAO,IAAA,EAAA,WAAW,CAAC,MAAM,CAAE,CAAA,EAAA,EAGpD,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAA,CAAA,GAAA,EAAA,EACE,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,kBAAkB,GAAG,EAAE,EACxC,IAAI,EAAE,IAAI,CAAC,GAAG,IAAI,oBAAoB,EACtC,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,OAAO,EAC9B,WAAW,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAC/D,UAAU,EAAE,MAAM,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;AAC/E,sBAAE,CAAC,KAAK,KAAI;AACR,wBAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;AACvB,4BAAA,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;4BAC5B,IAAI,CAAC,YAAY,EAAE;;;AAGzB,sBAAE,IAAI,EAGT,EAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CACrB,CACI,EACV,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,YAAY,GAAQ,CAC5B,CACP;SAEJ,CAAC,CACM;;AAId;;AAEG;AACK,IAAA,oBAAoB,CAAC,IAAoB,EAAA;AAC/C,QAAA,OAAO,IAAI,CAAC,MAAM,IAChB,CAAA,CAAA,MAAA,EAAA,IAAA,EACE,CAAA,CAAA,SAAA,EAAA,EAAS,KAAK,EAAC,SAAS,EAAA,WAAA,EAAW,yBAAyB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAW,CAAA,EAC9F,CAAA,CAAA,MAAA,EAAA,EAAA,cAAA,EAAmB,MAAM,EAAC,QAAQ,EAAC,GAAG,EACnC,EAAA,IAAI,CAAC,KAAK,CACN,CACF,KAEP,CAAA,CAAA,MAAA,EAAA,IAAA,EACE,CAAA,CAAA,SAAA,EAAA,EAAS,KAAK,EAAC,SAAS,EAAA,WAAA,EAAW,yBAAyB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAW,CAAA,EAC9F,CACE,CAAA,GAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,GAAG,IAAI,oBAAoB,EACtC,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,OAAO,EAC9B,WAAW,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAC/D,UAAU,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE,EAEtC,EAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CACrB,CACC,CACR;;AAGH;;AAEG;IACK,aAAa,GAAA;QACnB,IAAI,CAAC,IAAI,CAAC,WAAW;AAAE,YAAA,OAAO,IAAI;AAClC,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAG,EAAA,IAAI,CAAC,eAAe,CAAC,CAAC,CAAA,EAAA,CAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAI,EAAA,CAAA,EAAE,IACxG,IAAI,CAAC,WAAW,CACb;;AAIV;;;AAGG;AACK,IAAA,aAAa,CAAC,KAAoB,EAAA;AACxC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;AACvB,YAAA,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;gBAC/D,UAAU,CAAC,MAAK;AACd,oBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,CAAC,kBAAkB,CAAC;oBACtE,IAAI,OAAO,EAAE;wBACX,OAAO,CAAC,KAAK,EAAE;;AAEnB,iBAAC,EAAE,CAAC,CAAC,CAAA;;;;AAKX;;AAEG;AACK,IAAA,gBAAgB,CAAC,KAAoB,EAAA;AAC3C,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;AACvB,YAAA,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;gBAC/D,UAAU,CAAC,MAAK;AACd,oBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC;oBAC/D,IAAI,OAAO,EAAE;wBACX,OAAO,CAAC,KAAK,EAAE;;iBAElB,EAAE,CAAC,CAAC;;;;IAKX,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,gBAAa,aAAa,EAAA,EACzD,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnB,IAAI,CAAC,gBAAgB,EAAE,EACvB,IAAI,CAAC,oBAAoB,EAAE,EAC3B,IAAI,CAAC,qBAAqB,EAAE,CAC1B,CACD,EACL,IAAI,CAAC,aAAa,EAAE,CAChB;;;AAKb;;AAEG;AACH,IAAI,YAAY,GAAG,CAAC;AAEpB;;AAEG;AACH,MAAM,wBAAwB,GAAG,EAAE;;;;;"}