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

package/dist/webcomponents/{p-9cfc8db7.entry.js.map → p-fddc4ef2.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["breadcrumbCss","Breadcrumb","elementInternals","customId","breadcrumbId","homeUrl","crumbs","defaultCrumbs","label","url","active","showTooltip","tooltipPosition","x","y","tooltipText","isSmallScreen","isTruncate","larguraInterna","larguraPai","isFolderOpen","trunc","word","length","charactersNumberTruncate","slice","handleMouseOver","event","text","target","rect","getBoundingClientRect","this","left","width","top","handleMouseOut","getParsedItems","parsed","JSON","parse","Array","isArray","console","error","handleHomeClick","window","location","href","toggleFolder","getCssClassMap","small","resizeObserver","updateContainerSize","entries","entry","containerWidth","contentRect","calcularLarguraItens","connectedCallback","ResizeObserver","el","parentElement","observe","disconnectedCallback","disconnect","requestAnimationFrame","itens","shadowRoot","querySelectorAll","totalWidth","forEach","item","componentDidLoad","renderHomeButton","buttonFolderClass","h","id","shape","onClick","renderTruncateButton","class","height","onKeyDown","handleKeyDown","renderBreadcrumbItems","parsedItems","lastItem","onMouseOver","onMouseOut","renderMobileActiveItem","renderBreadcrumbList","map","index","key","home","renderBreadcrumbLink","activeItem","find","tabindex","handleKeyDownOut","renderTooltip","style","setTimeout","element","getElementById","focus","render","Host"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["breadcrumbCss","Breadcrumb","elementInternals","customId","breadcrumbId","homeUrl","crumbs","defaultCrumbs","label","url","active","showTooltip","tooltipPosition","x","y","tooltipText","isSmallScreen","isTruncate","larguraInterna","larguraPai","isFolderOpen","trunc","word","length","charactersNumberTruncate","slice","handleMouseOver","event","text","target","rect","getBoundingClientRect","this","left","width","top","handleMouseOut","getParsedItems","parsed","JSON","parse","Array","isArray","console","error","handleHomeClick","window","location","href","toggleFolder","getCssClassMap","small","resizeObserver","updateContainerSize","entries","entry","containerWidth","contentRect","calcularLarguraItens","connectedCallback","ResizeObserver","el","parentElement","observe","disconnectedCallback","disconnect","requestAnimationFrame","itens","shadowRoot","querySelectorAll","totalWidth","forEach","item","componentDidLoad","renderHomeButton","buttonFolderClass","h","id","shape","onClick","renderTruncateButton","class","height","onKeyDown","handleKeyDown","renderBreadcrumbItems","parsedItems","lastItem","onMouseOver","onMouseOut","renderMobileActiveItem","renderBreadcrumbList","map","index","key","home","renderBreadcrumbLink","activeItem","find","tabindex","handleKeyDownOut","renderTooltip","style","setTimeout","element","getElementById","focus","render","Host"],"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"],"mappings":"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","ignoreList":[]}

package/dist/webcomponents/webcomponents.esm.js

@@ -15,11 +15,11 @@ import { g as o } from "./p-DVjNHTTs.js";
     patchCloneNodeFix(t.prototype);
   }
   const i = import.meta.url;
-  const s = {};
+  const o = {};
   if (i !== "") {
-    s.resourcesUrl = new URL(".", i).href;
+    o.resourcesUrl = new URL(".", i).href;
   }
-  return e(s);
+  return e(o);
 };
 
 var patchCloneNodeFix = e => {
@@ -29,11 +29,11 @@ var patchCloneNodeFix = e => {
       return t.call(this, e);
     }
     const i = t.call(this, false);
-    const s = this.childNodes;
+    const o = this.childNodes;
     if (e) {
-      for (let e = 0; e < s.length; e++) {
-        if (s[e].nodeType !== 2) {
-          i.appendChild(s[e].cloneNode(true));
+      for (let e = 0; e < o.length; e++) {
+        if (o[e].nodeType !== 2) {
+          i.appendChild(o[e].cloneNode(true));
         }
       }
     }
@@ -43,7 +43,7 @@ var patchCloneNodeFix = e => {
 
 patchBrowser().then((async e => {
   await o();
-  return i([ [ "p-eecebb46", [ [ 65, "br-select", {
+  return i([ [ "p-8073b5fe", [ [ 65, "br-select", {
     label: [ 513 ],
     placeholder: [ 513 ],
     isMultiple: [ 516, "is-multiple" ],
@@ -61,7 +61,7 @@ patchBrowser().then((async e => {
     toggleOpen: [ 64 ]
   }, null, {
     options: [ "synchronizeSelect" ]
-  } ] ] ], [ "p-9cfc8db7", [ [ 1, "br-breadcrumb", {
+  } ] ] ], [ "p-fddc4ef2", [ [ 1, "br-breadcrumb", {
     customId: [ 513, "custom-id" ],
     homeUrl: [ 1, "home-url" ],
     crumbs: [ 1 ],
@@ -73,7 +73,7 @@ patchBrowser().then((async e => {
     larguraInterna: [ 32 ],
     larguraPai: [ 32 ],
     isFolderOpen: [ 32 ]
-  } ] ] ], [ "p-cd2933f6", [ [ 65, "br-message", {
+  } ] ] ], [ "p-cb6a0614", [ [ 65, "br-message", {
     messageTitle: [ 513, "message-title" ],
     customId: [ 513, "custom-id" ],
     message: [ 513 ],
@@ -83,7 +83,7 @@ patchBrowser().then((async e => {
     showIcon: [ 516, "show-icon" ],
     isFeedback: [ 516, "is-feedback" ],
     state: [ 513 ]
-  } ] ] ], [ "p-36231217", [ [ 65, "br-step-item", {
+  } ] ] ], [ "p-26a06008", [ [ 65, "br-step-item", {
     label: [ 513 ],
     highlight: [ 513 ],
     active: [ 516 ],
@@ -106,7 +106,7 @@ patchBrowser().then((async e => {
     setContent: [ 64 ]
   }, null, {
     active: [ "watchItemIsActive" ]
-  } ] ] ], [ "p-bfb1bd71", [ [ 65, "br-tag", {
+  } ] ] ], [ "p-5ba2ffff", [ [ 65, "br-tag", {
     label: [ 513 ],
     iconName: [ 513, "icon-name" ],
     name: [ 513 ],
@@ -125,7 +125,7 @@ patchBrowser().then((async e => {
     interaction: [ "handleInteractionChange" ],
     interactionSelect: [ "handleInteractionSelectChange" ],
     selected: [ "handleSelectedChange" ]
-  } ] ] ], [ "p-c5ac5216", [ [ 65, "br-upload", {
+  } ] ] ], [ "p-266fd1cc", [ [ 65, "br-upload", {
     accept: [ 1 ],
     label: [ 1 ],
     disabled: [ 516 ],
@@ -133,7 +133,7 @@ patchBrowser().then((async e => {
     multiple: [ 4 ],
     filesSelected: [ 32 ],
     file: [ 32 ]
-  } ] ] ], [ "p-477035e2", [ [ 1, "br-avatar", {
+  } ] ] ], [ "p-6e345cc1", [ [ 1, "br-avatar", {
     density: [ 1025 ],
     customId: [ 513, "custom-id" ],
     src: [ 1 ],
@@ -147,7 +147,7 @@ patchBrowser().then((async e => {
     hasError: [ 32 ]
   }, null, {
     density: [ "handleDensityChange" ]
-  } ] ] ], [ "p-9cf1963e", [ [ 65, "br-checkgroup", {
+  } ] ] ], [ "p-74a30dda", [ [ 65, "br-checkgroup", {
     label: [ 1 ],
     labelSelecionado: [ 513, "label-selecionado" ],
     labelDesselecionado: [ 513, "label-desselecionado" ],
@@ -155,7 +155,7 @@ patchBrowser().then((async e => {
     customId: [ 513, "custom-id" ],
     checked: [ 32 ],
     isIndeterminate: [ 32 ]
-  }, [ [ 4, "checkedChange", "handleChange" ] ] ] ] ], [ "p-ff97c81f", [ [ 65, "br-collapse", {
+  }, [ [ 4, "checkedChange", "handleChange" ] ] ] ] ], [ "p-5c6f6d89", [ [ 65, "br-collapse", {
     customId: [ 513, "custom-id" ],
     open: [ 1540 ],
     accordionGroup: [ 1, "accordion-group" ],
@@ -164,7 +164,15 @@ patchBrowser().then((async e => {
     iconPosition: [ 1, "icon-position" ],
     openCollapse: [ 64 ],
     closeCollapse: [ 64 ]
-  } ] ] ], [ "p-795c258e", [ [ 1, "br-divider", {
+  } ] ] ], [ "p-82421cdf", [ [ 65, "br-tab-item", {
+    TabItemId: [ 513, "tab-item-id" ],
+    icon: [ 513 ],
+    tabItemTitle: [ 513, "tab-item-title" ],
+    onlyIcon: [ 516, "only-icon" ],
+    isActive: [ 516, "is-active" ],
+    counter: [ 513 ],
+    colorMode: [ 513, "color-mode" ]
+  } ] ] ], [ "p-39a05b09", [ [ 1, "br-divider", {
     customId: [ 513, "custom-id" ],
     orientation: [ 513 ],
     thickness: [ 513 ],
@@ -176,20 +184,20 @@ patchBrowser().then((async e => {
     slotDefault: [ 32 ]
   }, null, {
     color: [ "updateColor" ]
-  } ] ] ], [ "p-94aab132", [ [ 65, "br-dropdown", {
+  } ] ] ], [ "p-ba1a8a96", [ [ 65, "br-dropdown", {
     isOpen: [ 1540, "is-open" ],
     customId: [ 513, "custom-id" ],
     open: [ 64 ],
     hide: [ 64 ]
   }, null, {
     isOpen: [ "isOpenChanged" ]
-  } ] ] ], [ "p-ddee0a15", [ [ 65, "br-loading", {
+  } ] ] ], [ "p-c0c4e877", [ [ 65, "br-loading", {
     isProgress: [ 516, "is-progress" ],
     customId: [ 513, "custom-id" ],
     progressPercent: [ 514, "progress-percent" ],
     isMedium: [ 516, "is-medium" ],
     label: [ 513 ]
-  } ] ] ], [ "p-48996f81", [ [ 65, "br-step", {
+  } ] ] ], [ "p-042418c1", [ [ 65, "br-step", {
     layout: [ 513 ],
     initialStep: [ 513, "initial-step" ],
     labelPosition: [ 513, "label-position" ],
@@ -202,7 +210,7 @@ patchBrowser().then((async e => {
     BackToPreviousStep: [ 64 ],
     StepValidation: [ 64 ],
     GetActiveStep: [ 64 ]
-  }, [ [ 2, "click", "handleClick" ] ] ] ] ], [ "p-520c5527", [ [ 65, "br-switch", {
+  }, [ [ 2, "click", "handleClick" ] ] ] ] ], [ "p-8525c0c3", [ [ 65, "br-switch", {
     disabled: [ 516 ],
     checked: [ 1540 ],
     customId: [ 513, "custom-id" ],
@@ -216,7 +224,15 @@ patchBrowser().then((async e => {
     density: [ 513 ],
     _slotDefault: [ 32 ],
     toggleChecked: [ 64 ]
-  } ] ] ], [ "p-2537ae9c", [ [ 65, "br-textarea", {
+  } ] ] ], [ "p-ebe00c81", [ [ 65, "br-tab", {
+    density: [ 513 ],
+    colorMode: [ 513, "color-mode" ],
+    activeTab: [ 32 ],
+    tabItems: [ 32 ],
+    tabContent: [ 32 ]
+  }, null, {
+    activeTab: [ "activeTabChanged" ]
+  } ] ] ], [ "p-e3880c54", [ [ 65, "br-textarea", {
     value: [ 1537 ],
     label: [ 513 ],
     placeholder: [ 513 ],
@@ -231,7 +247,7 @@ patchBrowser().then((async e => {
     setValue: [ 64 ]
   }, null, {
     value: [ "valueChanged" ]
-  } ] ] ], [ "p-64df4b98", [ [ 65, "br-item", {
+  } ] ] ], [ "p-4904fcbd", [ [ 65, "br-item", {
     disabled: [ 516 ],
     customId: [ 513, "custom-id" ],
     isActive: [ 516, "is-active" ],
@@ -247,7 +263,7 @@ patchBrowser().then((async e => {
     hasSlotStart: [ 32 ],
     hasSlotEnd: [ 32 ],
     selectedValue: [ 32 ]
-  }, [ [ 4, "checkedChange", "handleRadioChange" ], [ 4, "checkedChange", "handleCheckboxChange" ] ] ] ] ], [ "p-94aa48d4", [ [ 65, "br-input", {
+  }, [ [ 4, "checkedChange", "handleRadioChange" ], [ 4, "checkedChange", "handleCheckboxChange" ] ] ] ] ], [ "p-e2ea234c", [ [ 65, "br-input", {
     type: [ 513 ],
     autocomplete: [ 513 ],
     density: [ 513 ],
@@ -286,7 +302,7 @@ patchBrowser().then((async e => {
     label: [ 513 ],
     value: [ 513 ],
     toggleChecked: [ 64 ]
-  }, [ [ 8, "checkedChange", "handleCheckedChange" ] ] ] ] ], [ "p-3c0f3cb4", [ [ 65, "br-checkbox", {
+  }, [ [ 8, "checkedChange", "handleCheckedChange" ] ] ] ] ], [ "p-c9d64f24", [ [ 65, "br-checkbox", {
     indeterminate: [ 1540 ],
     checked: [ 1540 ],
     customId: [ 513, "custom-id" ],
@@ -301,12 +317,12 @@ patchBrowser().then((async e => {
     toggleChecked: [ 64 ]
   }, null, {
     indeterminate: [ "updateIndeterminate" ]
-  } ] ] ], [ "p-caa64d3d", [ [ 65, "br-list", {
+  } ] ] ], [ "p-86a0426b", [ [ 65, "br-list", {
     header: [ 513 ],
     isHorizontal: [ 516, "is-horizontal" ],
     customId: [ 513, "custom-id" ],
     hideHeaderDivider: [ 516, "hide-header-divider" ]
-  } ] ] ], [ "p-db618028", [ [ 65, "br-button", {
+  } ] ] ], [ "p-e9979a59", [ [ 65, "br-button", {
     colorMode: [ 513, "color-mode" ],
     customId: [ 513, "custom-id" ],
     density: [ 513 ],

package/dist/webcomponents.html-custom-data.json

@@ -477,6 +477,36 @@
       ],
       "references": []
     },
+    {
+      "name": "br-tab",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).\n---\n\n\n### **Events:**\n - **brDidActive**\n\n### **Slots:**\n - **default** - Slot com os componentes item da tab",
+      "attributes": [
+        {
+          "name": "density",
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
+        },
+        { "name": "color-mode", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "br-tab-item",
+      "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).\n---\n\n\n### **Events:**\n - **itemTabClick**\n\n### **Slots:**\n - **default** - Slot com conteúdo do item da tab",
+      "attributes": [
+        { "name": "tab-item-id", "values": [] },
+        { "name": "icon", "values": [] },
+        { "name": "tab-item-title", "values": [] },
+        { "name": "only-icon", "values": [] },
+        { "name": "is-active", "values": [] },
+        { "name": "counter", "values": [] },
+        { "name": "color-mode", "values": [] }
+      ],
+      "references": []
+    },
     {
       "name": "br-tag",
       "description": "\n---\n\n\n### **Events:**\n - **radioSelected** - Evento emitido quando a tag é selecionada.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@govbr-ds/webcomponents",
-  "version": "2.0.0-next.36",
+  "version": "2.0.0-next.37",
   "description": "Biblioteca de Web Components baseado no GovBR-DS",
   "keywords": [
     "design system",