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

package/dist/components/br-breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"names":["breadcrumbCss","Breadcrumb","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","homeUrl","defaultCrumbs","label","url","active","showTooltip","tooltipPosition","x","y","tooltipText","isSmallScreen","isTruncate","larguraInterna","larguraPai","isFolderOpen","updateContainerSize","entries","entry","containerWidth","contentRect","width","calcularLarguraItens","trunc","word","length","charactersNumberTruncate","slice","handleMouseOver","event","text","target","rect","getBoundingClientRect","left","top","handleMouseOut","getParsedItems","crumbs","parsed","JSON","parse","Array","isArray","_a","console","error","handleHomeClick","window","location","href","toggleFolder","getCssClassMap","small","connectedCallback","ResizeObserver","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","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\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 rgb(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:host(:hover) {\n  .tooltip-box {\n    opacity: 1;\n  }\n}\n","import { AttachInternals, Component, Element, h, Host, Prop, State } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\ninterface BreadcrumbItem {\n  label: string\n  url?: string\n  target?: string\n  home?: boolean\n  active?: boolean\n}\n\n/**\n * ## Design System\n *\n * Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/breadcrumb?tab=designer).\n */\n@Component({\n  tag: 'br-breadcrumb',\n  styleUrl: 'breadcrumb.scss',\n  shadow: true,\n})\nexport class Breadcrumb {\n  @Element() el: HTMLBrBreadcrumbElement\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Identificador único; gerado automaticamente quando omitido.\n   */\n  @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId('br-breadcrumb')\n  /**\n   * Caso não seja fornecido, o valor padrão será /.\n   */\n  @Prop() homeUrl: string = '/'\n\n  /**\n   * Define o array de objetos que receberá os nomes e links do breadcrumb.\n   * Define valor padrão do breadcrumb 'defaultCrumbs'.\n   */\n  @Prop() crumbs: string | BreadcrumbItem[]\n\n  private defaultCrumbs: BreadcrumbItem[] = [\n    { label: 'Página 01', url: '/pagina-01' },\n    { label: 'Página 02', url: '/pagina-02' },\n    { label: 'Página Atual', active: true },\n  ]\n\n  /**\n   * Define o estado oculto ou visível do tooltip.\n   */\n  @State() showTooltip: boolean = false\n\n  /**\n   * Define o posicionamento do tooltip na tela.\n   */\n  @State() tooltipPosition: { x: number; y: number } = { x: 0, y: 0 }\n\n  /**\n   * Define o texto do tooltip.\n   */\n  @State() tooltipText: string = ''\n\n  /**\n   * Define o estado isSmallScreen, usado para verificar a largura do container pai e aplicar as mudanças do formato mobile.\n   * No formato mobile o breadcrumb apresenta um comportamento específico.\n   */\n  @State() isSmallScreen: boolean = false\n\n  /**\n   * Define se o breadcrumb deve truncar os itens por falta de espaço.\n   */\n  @State() isTruncate: boolean = false\n\n  /**\n   * Largura interna dos itens do breadcrumb.\n   */\n  @State() larguraInterna: number = 0\n\n  /**\n   * Largura do container pai do breadcrumb.\n   */\n  @State() larguraPai: number = 0\n\n  /**\n   * Define o estado do botão 'Folder'.\n   * Caso a lista dropdown esteja oculta o ícone no botão será 'folder-plus'.\n   * Caso a lista dropdown esteja visível o ícone no botão será 'folder-minus'.\n   */\n  @State() isFolderOpen: boolean = false\n\n  /**\n   * Verifica se o texto do link contém mais de 20 caracteres e realiza o truncamento deste caso positivo.\n   * O número de caracteres pode ser configurado na variável 'charactersNumberTruncate'.\n   */\n  private trunc(word: string) {\n    return word.length > charactersNumberTruncate ? `${word.slice(0, charactersNumberTruncate)}...` : word\n  }\n\n  /**\n   * Exibe o tooltip e define seu posicionamento, caso o usuário realize o 'mouse over'.\n   */\n  private handleMouseOver(event: MouseEvent, text: string) {\n    const target = event.target as HTMLElement | null\n    if (!target) return\n\n    const rect = target.getBoundingClientRect()\n    this.tooltipPosition = { x: rect.left + rect.width / 2, y: rect.top - 10 }\n\n    if (text.length > charactersNumberTruncate) {\n      this.tooltipText = text\n      this.showTooltip = true\n    }\n  }\n\n  /**\n   * Esconde o tooltip caso o usuário realize o 'mouse out'.\n   */\n  private handleMouseOut() {\n    this.showTooltip = false\n  }\n\n  /**\n   * Converte de string para JSON o valor passado na propriedade 'crumbs'.\n   * Retorna o valor padrão do Breadcrumbs caso crumbs seja vazio ou inválido\n   */\n  private getParsedItems(): BreadcrumbItem[] {\n    if (!this.crumbs || this.crumbs === '') {\n      return this.defaultCrumbs\n    }\n\n    try {\n      const parsed = typeof this.crumbs === 'string' ? JSON.parse(this.crumbs) : this.crumbs\n      return Array.isArray(parsed) && parsed.length > 0 ? parsed : this.defaultCrumbs\n    } catch {\n      console.error('Invalid JSON format for crumbs:', this.crumbs)\n      return this.defaultCrumbs\n    }\n  }\n\n  /**\n   * Ao clicar no botão HOME, direciona o usuário para URL passada na propriedade 'homeUrl'.\n   */\n  private handleHomeClick() {\n    window.location.href = this.homeUrl\n  }\n\n  /**\n   * Altera o estado do botão 'Folder', caso a lista dropdown esteja aberta ou fechada.\n   */\n  private toggleFolder() {\n    this.isFolderOpen = !this.isFolderOpen\n  }\n\n  /**\n   * Define as classes CSS usadas no breadcrumb.\n   */\n  private getCssClassMap(): { [key: string]: boolean } {\n    return {\n      'br-breadcrumb': true,\n      small: this.isSmallScreen,\n    }\n  }\n\n  /**\n   * Atualiza o estado 'isSmallScreen' com base no tamanho do container pai, se menor que 570px.\n   */\n  private resizeObserver: ResizeObserver\n\n  /**\n   * Atualiza os estados de largura do breadcrumb ao detectar mudanças no container pai.\n   */\n  private updateContainerSize = (entries: ResizeObserverEntry[]) => {\n    for (const entry of entries) {\n      const containerWidth = entry.contentRect.width\n      this.isSmallScreen = containerWidth < 570\n      this.larguraPai = containerWidth\n      this.calcularLarguraItens()\n    }\n  }\n\n  /**\n   * Adiciona o 'resizeObserver' para checar o tamanho do container pai.\n   */\n  connectedCallback() {\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(this.updateContainerSize)\n      if (this.el.parentElement !== null) {\n        this.resizeObserver.observe(this.el.parentElement)\n      }\n    }\n  }\n\n  /**\n   * Remove o 'resizeObserver'.\n   */\n  disconnectedCallback() {\n    if (this.resizeObserver != null) {\n      this.resizeObserver.disconnect()\n    }\n  }\n\n  /**\n   * Calcula a largura total dos itens do breadcrumb para determinar se precisa de truncamento.\n   */\n  private calcularLarguraItens() {\n    requestAnimationFrame(() => {\n      const itens = this.el.shadowRoot?.querySelectorAll('.crumb, .mobile-active-page, br-item')\n      if (itens) {\n        let totalWidth = 0\n        itens.forEach((item) => {\n          totalWidth += (item as HTMLElement).getBoundingClientRect().width\n        })\n        this.larguraInterna = totalWidth\n        this.isTruncate = this.larguraInterna > this.larguraPai\n      }\n    })\n  }\n\n  /**\n   * Executa cálculos de largura após o componente ser carregado.\n   */\n  componentDidLoad() {\n    this.calcularLarguraItens()\n  }\n\n  /**\n   * Renderiza botão Home\n   */\n  private renderHomeButton() {\n    const buttonFolderClass = this.isFolderOpen ? 'fa6-solid:folder-minus' : 'fa6-solid:folder-plus'\n    return (\n      <br-button\n        id=\"circle\"\n        shape=\"circle\"\n        aria-label={this.isSmallScreen ? 'Exibir lista de páginas' : 'Voltar para Home'}\n        onClick={this.isSmallScreen ? () => this.toggleFolder() : () => this.handleHomeClick()}\n      >\n        <br-icon icon-name={`${this.isSmallScreen ? buttonFolderClass : 'fa6-solid:house'}`}></br-icon>\n      </br-button>\n    )\n  }\n\n  /**\n   * Renderiza botão Folder no comportamento truncado\n   */\n  private renderTruncateButton() {\n    if (this.isTruncate && !this.isSmallScreen) {\n      const buttonFolderClass = this.isFolderOpen ? 'fa6-solid:folder-minus' : 'fa6-solid:folder-plus'\n      return (\n        <div class=\"buttonFolderGroup\">\n          <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n          <br-button\n            id=\"circle\"\n            shape=\"circle\"\n            aria-label={this.isFolderOpen ? 'Recolher lista de páginas' : 'Exibir lista de páginas'}\n            onClick={() => this.toggleFolder()}\n            onKeyDown={(event) => this.handleKeyDown(event)}\n          >\n            <br-icon icon-name={buttonFolderClass}></br-icon>\n          </br-button>\n        </div>\n      )\n    }\n    return null\n  }\n\n  /**\n   * Renderiza itens do Breadcrumb no comportamento mobile ou truncado\n   */\n  private renderBreadcrumbItems() {\n    const parsedItems = this.getParsedItems()\n    const lastItem = parsedItems[parsedItems.length - 2]\n\n    return this.isSmallScreen || this.isTruncate ? (\n      <div class=\"buttonFolderGroup\">\n        {this.isTruncate && !this.isSmallScreen && lastItem ? (\n          <span>\n            <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n            <a\n              id=\"nextCrumb\"\n              href={lastItem.url || 'javascript:void(0)'}\n              target={lastItem.target || '_self'}\n              onMouseOver={(event) => this.handleMouseOver(event, lastItem.label)}\n              onMouseOut={() => this.handleMouseOut()}\n            >\n              {this.trunc(lastItem.label)}\n            </a>\n          </span>\n        ) : null}\n        {this.renderMobileActiveItem(parsedItems)}\n        {this.renderBreadcrumbList(parsedItems)}\n      </div>\n    ) : (\n      parsedItems.map((item, index) => (\n        <li\n          key={index}\n          class={`crumb ${item.home ? 'home' : ''}`}\n          data-active={item.active ? 'active' : null}\n          aria-label={`Página ${index + 1} de ${parsedItems.length}`}\n        >\n          {this.renderBreadcrumbLink(item)}\n        </li>\n      ))\n    )\n  }\n\n  /**\n   * Renderiza item da página atual\n   */\n  private renderMobileActiveItem(parsedItems: BreadcrumbItem[]) {\n    const activeItem = parsedItems.find((item) => item.active)\n    if (!activeItem) return null\n    return (\n      <span class=\"mobile-active-page\">\n        <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n        <span aria-current=\"page\" data-active=\"active\">\n          {activeItem.label}\n        </span>\n      </span>\n    )\n  }\n\n  /**\n   * Renderiza Lista dropdown contendo os itens do Breadcrumb\n   */\n  private renderBreadcrumbList(parsedItems: BreadcrumbItem[]) {\n    return (\n      <br-list class={this.isFolderOpen ? 'mobile-crumb-list show' : 'mobile-crumb-list'}>\n        {this.isSmallScreen && (\n          <div aria-label={`Página 1 de ${parsedItems.length}`}>\n            <br-item>\n              <a href={this.homeUrl} target=\"_self\">\n                Página Inicial\n              </a>\n            </br-item>\n            <span class=\"br-divider\"></span>\n          </div>\n        )}\n        {parsedItems.map((item, index) => {\n          if (this.isTruncate && !this.isSmallScreen && index === parsedItems.length - 2) {\n            return null\n          }\n          return (\n            !item.active && (\n              <div\n                key={index}\n                aria-label={\n                  this.isTruncate && !this.isSmallScreen\n                    ? `Página ${index + 1} de ${parsedItems.length - 2}`\n                    : `Página ${index + 2} de ${parsedItems.length}`\n                }\n              >\n                <br-item>\n                  <a\n                    id={index == 0 ? 'firstElementList' : ''}\n                    href={item.url || 'javascript:void(0)'}\n                    target={item.target || '_self'}\n                    onMouseOver={(event) => this.handleMouseOver(event, item.label)}\n                    onMouseOut={() => this.handleMouseOut()}\n                    onKeyDown={\n                      index == parsedItems.length - 3 && this.isFolderOpen && this.isTruncate && !this.isSmallScreen\n                        ? (event) => {\n                            if (event.key === 'Tab') {\n                              this.handleKeyDownOut(event)\n                              this.toggleFolder()\n                            }\n                          }\n                        : null\n                    }\n                  >\n                    {this.trunc(item.label)}\n                  </a>\n                </br-item>\n                <span class=\"br-divider\"></span>\n              </div>\n            )\n          )\n        })}\n      </br-list>\n    )\n  }\n\n  /**\n   * Renderiza itens do Breadcrumb no formato desktop\n   */\n  private renderBreadcrumbLink(item: BreadcrumbItem) {\n    return item.active ? (\n      <span>\n        <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n        <span aria-current=\"page\">{item.label}</span>\n      </span>\n    ) : (\n      <span>\n        <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n        <a\n          href={item.url || 'javascript:void(0)'}\n          target={item.target || '_self'}\n          onMouseOver={(event) => this.handleMouseOver(event, item.label)}\n          onMouseOut={() => this.handleMouseOut()}\n        >\n          {this.trunc(item.label)}\n        </a>\n      </span>\n    )\n  }\n\n  /**\n   * Renderiza Tooltip\n   */\n  private renderTooltip() {\n    if (!this.showTooltip) return null\n    return (\n      <div class=\"tooltip-box\" style={{ left: `${this.tooltipPosition.x}px`, top: `${this.tooltipPosition.y}px` }}>\n        {this.tooltipText}\n      </div>\n    )\n  }\n\n  /**\n   * Controla navegação pelo teclado após lista de itens aberta\n   * Dispara foco no primeiro item da lista flutuante\n   */\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Tab') {\n      if (this.isFolderOpen && this.isTruncate && !this.isSmallScreen) {\n        setTimeout(() => {\n          const element = this.el.shadowRoot?.getElementById('firstElementList')\n          if (element) {\n            element.focus()\n          }\n        }, 0) // Aguarda um ciclo de renderização\n      }\n    }\n  }\n\n  /**\n   * Ao finalizar navegação por teclado dentro da lista, dispara foco no item fora da lista flutuante\n   */\n  private handleKeyDownOut(event: KeyboardEvent) {\n    if (event.key === 'Tab') {\n      if (this.isFolderOpen && this.isTruncate && !this.isSmallScreen) {\n        setTimeout(() => {\n          const element = this.el.shadowRoot?.getElementById('nextCrumb')\n          if (element) {\n            element.focus()\n          }\n        }, 0)\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <nav class={this.getCssClassMap()} aria-label=\"Breadcrumbs\">\n          <ol class=\"crumb-list\">\n            {this.renderHomeButton()}\n            {this.renderTruncateButton()}\n            {this.renderBreadcrumbItems()}\n          </ol>\n        </nav>\n        {this.renderTooltip()}\n      </Host>\n    )\n  }\n}\n\n/**\n * Limite de caracteres para o truncamento\n */\nconst charactersNumberTruncate = 20\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["breadcrumbCss","Breadcrumb","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","homeUrl","innerCrumbs","hasLoaded","registerCrumbItems","assignedElements","slotElement","Array","from","el","querySelectorAll","crumbElements","filter","_a","tagName","toLowerCase","map","element","label","getAttribute","url","target","normalizeTarget","home","active","calculateItemsWidth","defaultCrumbs","showTooltip","tooltipText","isSmallScreen","isTruncate","contentWidth","parentWidth","isFolderOpen","updateContainerSize","entries","entry","containerWidth","contentRect","width","handleCrumbPropsChange","allowedTargets","includes","undefined","truncateText","word","length","truncateCharactersLimit","slice","isTruncatedLabel","text","handleMouseOver","event","hoveredElement","currentTarget","requestAnimationFrame","positionTooltip","handleMouseOut","cleanupTooltipPosition","tooltipElement","floatingManager","FloatingUIManager","triggerElement","contentElement","arrowElement","tooltipArrowElement","placement","start","stop","getParsedItems","crumbs","parsed","JSON","parse","isArray","console","error","handleHomeClick","window","location","href","toggleFolder","getCssClassMap","small","connectedCallback","ResizeObserver","resizeObserver","parentElement","observe","disconnectedCallback","disconnect","items","shadowRoot","totalWidth","forEach","item","getBoundingClientRect","componentWillLoad","componentDidLoad","renderHomeButton","buttonFolderClass","h","id","shape","onClick","renderTruncateButton","class","height","onKeyDown","handleKeyDown","renderBreadcrumbItems","parsedItems","lastItem","onMouseOver","onMouseOut","renderMobileActiveItem","renderBreadcrumbList","index","key","renderBreadcrumbLink","activeItem","find","isInteractive","onFocusin","onFocusout","handleKeyDownOut","onFocus","onBlur","renderTooltip","ref","setTimeout","getElementById","focus","render","Host","style","display","onSlotchange"],"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  position: relative;\n}\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    --interactive: var(--color);\n    --interactive-rgb: var(--color-rgb);\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: absolute;\n  background: #1351b4;\n  color: #fff;\n  padding: 8px 12px;\n  border-radius: 4px;\n  font-size: 12px;\n  max-width: calc(100vw - 32px);\n  white-space: normal;\n  overflow-wrap: break-word;\n  pointer-events: none;\n  z-index: 9999;\n  box-shadow: 0 2px 4px rgb(0 0 0 / 20%);\n  width: max-content;\n\n  &[data-placement^=\"top\"] {\n    .tooltip-arrow {\n      bottom: -4px;\n    }\n  }\n\n  &[data-placement^=\"bottom\"] {\n    .tooltip-arrow {\n      top: -5px;\n    }\n  }\n\n  &[data-placement^=\"left\"] {\n    .tooltip-arrow {\n      right: -4px;\n    }\n  }\n\n  &[data-placement^=\"right\"] {\n    .tooltip-arrow {\n      left: -4px;\n    }\n  }\n\n  .tooltip-arrow {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background: #1351b4;\n    transform: rotate(45deg);\n  }\n}\n","import { Component, Element, h, Host, Listen, Prop, State } from '@stencil/core'\n\nimport { FloatingUIManager } from '../../utils/floating-ui'\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\ninterface BreadcrumbItem {\n  label: string\n  url?: string\n  target?: '_blank' | '_self' | '_parent' | '_top'\n  home?: boolean\n  active?: boolean\n}\n\ntype BreadcrumbTarget = '_blank' | '_self' | '_parent' | '_top'\n\n/**\n * ## Design System\n *\n * Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/breadcrumb?tab=designer).\n */\n@Component({\n  tag: 'br-breadcrumb',\n  styleUrl: 'breadcrumb.scss',\n  shadow: true,\n})\nexport class Breadcrumb {\n  @Element() el: HTMLBrBreadcrumbElement\n\n  /**\n   * Identificador único; gerado automaticamente quando omitido.\n   */\n  @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId('br-breadcrumb')\n  /**\n   * Caso não seja fornecido, o valor padrão será /.\n   */\n  @Prop() homeUrl: string = '/'\n\n  /**\n   * Define o array de objetos que receberá os nomes e links do breadcrumb.\n   * Define valor padrão do breadcrumb 'defaultCrumbs'.\n   */\n  @Prop() crumbs: string | BreadcrumbItem[]\n\n  @State() innerCrumbs: BreadcrumbItem[] = []\n\n  private slotElement: HTMLSlotElement\n\n  private hasLoaded = false\n\n  @Listen('brCrumbPropsChange')\n  handleCrumbPropsChange() {\n    this.registerCrumbItems()\n  }\n\n  private normalizeTarget(target?: string | null): BreadcrumbTarget | undefined {\n    const allowedTargets: BreadcrumbTarget[] = ['_blank', '_self', '_parent', '_top']\n    return allowedTargets.includes(target as BreadcrumbTarget) ? (target as BreadcrumbTarget) : undefined\n  }\n\n  private registerCrumbItems = () => {\n    const assignedElements = this.slotElement\n      ? this.slotElement.assignedElements()\n      : Array.from(this.el.querySelectorAll('br-crumb'))\n    const crumbElements = assignedElements.filter((el) => el.tagName?.toLowerCase() === 'br-crumb')\n\n    this.innerCrumbs = crumbElements.map((element) => {\n      const el = element as Element & {\n        label?: string\n        url?: string\n        target?: '_blank' | '_self' | '_parent' | '_top'\n        home?: boolean\n        active?: boolean\n      }\n\n      return {\n        label: el.label || el.getAttribute('label'),\n        url: el.url || el.getAttribute('url'),\n        target: this.normalizeTarget(el.target || el.getAttribute('target')),\n        home: el.home === true,\n        active: el.active === true,\n      }\n    })\n\n    if (this.hasLoaded) {\n      this.calculateItemsWidth()\n    }\n  }\n\n  private defaultCrumbs: BreadcrumbItem[] = [\n    { label: 'Página 01', url: '/pagina-01' },\n    { label: 'Página 02', url: '/pagina-02' },\n    { label: 'Página Atual', active: true },\n  ]\n\n  /**\n   * Define o estado oculto ou visível do tooltip.\n   */\n  @State() showTooltip: boolean = false\n\n  /**\n   * Define o posicionamento do tooltip na tela.\n   */\n  @State() tooltipText: string = ''\n\n  private floatingManager?: FloatingUIManager\n\n  private hoveredElement?: HTMLElement\n\n  private tooltipElement?: HTMLDivElement\n\n  private tooltipArrowElement?: HTMLDivElement\n\n  /**\n   * Define o estado isSmallScreen, usado para verificar a largura do container pai e aplicar as mudanças do formato mobile.\n   * No formato mobile o breadcrumb apresenta um comportamento específico.\n   */\n  @State() isSmallScreen: boolean = false\n\n  /**\n   * Define se o breadcrumb deve truncar os itens por falta de espaço.\n   */\n  @State() isTruncate: boolean = false\n\n  /**\n   * Largura interna dos itens do breadcrumb.\n   */\n  @State() contentWidth: number = 0\n\n  /**\n   * Largura do container pai do breadcrumb.\n   */\n  @State() parentWidth: number = 0\n\n  /**\n   * Define o estado do botão 'Folder'.\n   * Caso a lista dropdown esteja oculta o ícone no botão será 'folder-plus'.\n   * Caso a lista dropdown esteja visível o ícone no botão será 'folder-minus'.\n   */\n  @State() isFolderOpen: boolean = false\n\n  /**\n   * Verifica se o texto do link contém mais de 20 caracteres e realiza o truncamento deste caso positivo.\n   * O número de caracteres pode ser configurado na variável 'truncateCharactersLimit'.\n   */\n  private truncateText(word: string) {\n    return word.length > truncateCharactersLimit ? `${word.slice(0, truncateCharactersLimit)}...` : word\n  }\n\n  private isTruncatedLabel(text: string) {\n    return text.length > truncateCharactersLimit\n  }\n\n  /**\n   * Exibe o tooltip e define seu posicionamento, caso o usuário realize o 'mouse over'.\n   */\n  private handleMouseOver(event: MouseEvent | FocusEvent, text: string) {\n    if (this.isTruncatedLabel(text)) {\n      const hoveredElement = (event.currentTarget as HTMLElement | null) ?? (event.target as HTMLElement | null)\n      if (!hoveredElement) return\n\n      this.hoveredElement = hoveredElement\n      this.tooltipText = text\n      this.showTooltip = true\n      requestAnimationFrame(() => this.positionTooltip())\n    }\n  }\n\n  /**\n   * Esconde o tooltip caso o usuário realize o 'mouse out'.\n   */\n  private handleMouseOut() {\n    this.cleanupTooltipPosition()\n    this.showTooltip = false\n  }\n\n  private positionTooltip() {\n    if (this.hoveredElement == null || this.tooltipElement == null) return\n\n    this.cleanupTooltipPosition()\n\n    this.floatingManager = new FloatingUIManager({\n      triggerElement: this.hoveredElement,\n      contentElement: this.tooltipElement,\n      arrowElement: this.tooltipArrowElement,\n      placement: 'top',\n    })\n\n    this.floatingManager.start()\n  }\n\n  private cleanupTooltipPosition() {\n    this.floatingManager?.stop()\n    this.floatingManager = undefined\n  }\n\n  /**\n   * Converte de string para JSON o valor passado na propriedade 'crumbs'.\n   * Retorna o valor padrão do Breadcrumbs caso crumbs seja vazio ou inválido\n   */\n  private getParsedItems(): BreadcrumbItem[] {\n    if (this.innerCrumbs.length > 0) {\n      return this.innerCrumbs\n    }\n\n    if (!this.crumbs || this.crumbs === '') {\n      return this.defaultCrumbs\n    }\n\n    try {\n      const parsed = typeof this.crumbs === 'string' ? JSON.parse(this.crumbs) : this.crumbs\n      return Array.isArray(parsed) && parsed.length > 0 ? parsed : this.defaultCrumbs\n    } catch {\n      console.error('Invalid JSON format for crumbs:', this.crumbs)\n      return this.defaultCrumbs\n    }\n  }\n\n  /**\n   * Ao clicar no botão HOME, direciona o usuário para URL passada na propriedade 'homeUrl'.\n   */\n  private handleHomeClick() {\n    window.location.href = this.homeUrl\n  }\n\n  /**\n   * Altera o estado do botão 'Folder', caso a lista dropdown esteja aberta ou fechada.\n   */\n  private toggleFolder() {\n    this.isFolderOpen = !this.isFolderOpen\n  }\n\n  /**\n   * Define as classes CSS usadas no breadcrumb.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-breadcrumb': true,\n      small: this.isSmallScreen,\n    }\n  }\n\n  /**\n   * Atualiza o estado 'isSmallScreen' com base no tamanho do container pai, se menor que 570px.\n   */\n  private resizeObserver: ResizeObserver\n\n  /**\n   * Atualiza os estados de largura do breadcrumb ao detectar mudanças no container pai.\n   */\n  private updateContainerSize = (entries: ResizeObserverEntry[]) => {\n    for (const entry of entries) {\n      const containerWidth = entry.contentRect.width\n      this.isSmallScreen = containerWidth < 570\n      this.parentWidth = containerWidth\n      this.calculateItemsWidth()\n    }\n  }\n\n  /**\n   * Adiciona o 'resizeObserver' para checar o tamanho do container pai.\n   */\n  connectedCallback() {\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(this.updateContainerSize)\n      if (this.el.parentElement !== null) {\n        this.resizeObserver.observe(this.el.parentElement)\n      }\n    }\n  }\n\n  /**\n   * Remove o 'resizeObserver'.\n   */\n  disconnectedCallback() {\n    if (this.resizeObserver != null) {\n      this.resizeObserver.disconnect()\n    }\n    this.cleanupTooltipPosition()\n  }\n\n  /**\n   * Calcula a largura total dos itens do breadcrumb para determinar se precisa de truncamento.\n   */\n  private calculateItemsWidth() {\n    requestAnimationFrame(() => {\n      const items = this.el.shadowRoot?.querySelectorAll('.crumb, .mobile-active-page, br-item')\n      if (items) {\n        let totalWidth = 0\n        items.forEach((item) => {\n          totalWidth += (item as HTMLElement).getBoundingClientRect().width\n        })\n        this.contentWidth = totalWidth\n        this.isTruncate = this.contentWidth > this.parentWidth\n      }\n    })\n  }\n\n  /**\n   * Executa cálculos de largura após o componente ser carregado.\n   */\n  componentWillLoad() {\n    this.registerCrumbItems()\n  }\n\n  componentDidLoad() {\n    this.hasLoaded = true\n    this.calculateItemsWidth()\n  }\n\n  /**\n   * Renderiza botão Home\n   */\n  private renderHomeButton() {\n    const buttonFolderClass = this.isFolderOpen ? 'fa6-solid:folder-minus' : 'fa6-solid:folder-plus'\n    return (\n      <br-button\n        id=\"circle\"\n        shape=\"circle\"\n        aria-label={this.isSmallScreen ? 'Exibir lista de páginas' : 'Voltar para Home'}\n        onClick={this.isSmallScreen ? () => this.toggleFolder() : () => this.handleHomeClick()}\n      >\n        <br-icon icon-name={`${this.isSmallScreen ? buttonFolderClass : 'fa6-solid:house'}`}></br-icon>\n      </br-button>\n    )\n  }\n\n  /**\n   * Renderiza botão Folder no comportamento truncado\n   */\n  private renderTruncateButton() {\n    if (this.isTruncate && !this.isSmallScreen) {\n      const buttonFolderClass = this.isFolderOpen ? 'fa6-solid:folder-minus' : 'fa6-solid:folder-plus'\n      return (\n        <div class=\"buttonFolderGroup\">\n          <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n          <br-button\n            id=\"circle\"\n            shape=\"circle\"\n            aria-label={this.isFolderOpen ? 'Recolher lista de páginas' : 'Exibir lista de páginas'}\n            onClick={() => this.toggleFolder()}\n            onKeyDown={(event) => this.handleKeyDown(event)}\n          >\n            <br-icon icon-name={buttonFolderClass}></br-icon>\n          </br-button>\n        </div>\n      )\n    }\n    return null\n  }\n\n  /**\n   * Renderiza itens do Breadcrumb no comportamento mobile ou truncado\n   */\n  private renderBreadcrumbItems() {\n    const parsedItems = this.getParsedItems()\n    const lastItem = parsedItems[parsedItems.length - 2]\n\n    return this.isSmallScreen || this.isTruncate ? (\n      <div class=\"buttonFolderGroup\">\n        {this.isTruncate && !this.isSmallScreen && lastItem ? (\n          <span>\n            <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n            <a\n              id=\"nextCrumb\"\n              href={lastItem.url || 'javascript:void(0)'}\n              target={lastItem.target || '_self'}\n              onMouseOver={(event) => this.handleMouseOver(event, lastItem.label)}\n              onMouseOut={() => this.handleMouseOut()}\n            >\n              {this.truncateText(lastItem.label)}\n            </a>\n          </span>\n        ) : null}\n        {this.renderMobileActiveItem(parsedItems)}\n        {this.renderBreadcrumbList(parsedItems)}\n      </div>\n    ) : (\n      parsedItems.map((item, index) => (\n        <li\n          key={index}\n          class={`crumb ${item.home ? 'home' : ''}`}\n          data-active={item.active ? 'active' : null}\n          aria-label={`Página ${index + 1} de ${parsedItems.length}`}\n        >\n          {this.renderBreadcrumbLink(item)}\n        </li>\n      ))\n    )\n  }\n\n  /**\n   * Renderiza item da página atual\n   */\n  private renderMobileActiveItem(parsedItems: BreadcrumbItem[]) {\n    const activeItem = parsedItems.find((item) => item.active)\n    if (!activeItem) return null\n    return (\n      <span class=\"mobile-active-page\">\n        <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n        <span aria-current=\"page\" data-active=\"active\">\n          {activeItem.label}\n        </span>\n      </span>\n    )\n  }\n\n  /**\n   * Renderiza lista dropdown contendo os itens do Breadcrumb\n   */\n  private renderBreadcrumbList(parsedItems: BreadcrumbItem[]) {\n    return (\n      <br-list class={this.isFolderOpen ? 'mobile-crumb-list show' : 'mobile-crumb-list'}>\n        {this.isSmallScreen && (\n          <div aria-label={`Página 1 de ${parsedItems.length}`}>\n            <br-item isInteractive={true} href={this.homeUrl} target=\"_self\">\n              Página Inicial\n            </br-item>\n            <span class=\"br-divider\"></span>\n          </div>\n        )}\n        {parsedItems.map((item, index) => {\n          if (this.isTruncate && !this.isSmallScreen && index === parsedItems.length - 2) {\n            return null\n          }\n          return (\n            !item.active && (\n              <div\n                key={index}\n                aria-label={\n                  this.isTruncate && !this.isSmallScreen\n                    ? `Página ${index + 1} de ${parsedItems.length - 2}`\n                    : `Página ${index + 2} de ${parsedItems.length}`\n                }\n              >\n                <br-item\n                  customId={index == 0 ? 'firstElementList' : undefined}\n                  aria-label={this.isTruncatedLabel(item.label) ? item.label : null}\n                  isInteractive={true}\n                  href={item.url || 'javascript:void(0)'}\n                  target={item.target ?? '_self'}\n                  onMouseOver={(event) => this.handleMouseOver(event, item.label)}\n                  onFocusin={(event) => this.handleMouseOver(event, item.label)}\n                  onMouseOut={() => this.handleMouseOut()}\n                  onFocusout={() => this.handleMouseOut()}\n                  onKeyDown={\n                    index == parsedItems.length - 3 && this.isFolderOpen && this.isTruncate && !this.isSmallScreen\n                      ? (event) => {\n                          if (event.key === 'Tab') {\n                            this.handleKeyDownOut(event)\n                            this.toggleFolder()\n                          }\n                        }\n                      : null\n                  }\n                >\n                  {this.truncateText(item.label)}\n                </br-item>\n                <span class=\"br-divider\"></span>\n              </div>\n            )\n          )\n        })}\n      </br-list>\n    )\n  }\n\n  /**\n   * Renderiza itens do Breadcrumb no formato desktop\n   */\n  private renderBreadcrumbLink(item: BreadcrumbItem) {\n    return item.active ? (\n      <span>\n        <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n        <span aria-current=\"page\">{item.label}</span>\n      </span>\n    ) : (\n      <span>\n        <br-icon class=\"br-icon\" icon-name=\"fa6-solid:chevron-right\" width=\"12\" height=\"12\"></br-icon>\n        <a\n          href={item.url || 'javascript:void(0)'}\n          aria-label={this.isTruncatedLabel(item.label) ? item.label : null}\n          target={item.target ?? '_self'}\n          onMouseOver={(event) => this.handleMouseOver(event, item.label)}\n          onFocus={(event) => this.handleMouseOver(event, item.label)}\n          onMouseOut={() => this.handleMouseOut()}\n          onBlur={() => this.handleMouseOut()}\n        >\n          {this.truncateText(item.label)}\n        </a>\n      </span>\n    )\n  }\n\n  /**\n   * Renderiza Tooltip\n   */\n  private renderTooltip() {\n    if (!this.showTooltip) return null\n    return (\n      <div\n        class=\"tooltip-box\"\n        ref={(el) => {\n          this.tooltipElement = el as HTMLDivElement\n        }}\n      >\n        {this.tooltipText}\n        <div\n          class=\"tooltip-arrow\"\n          ref={(el) => {\n            this.tooltipArrowElement = el as HTMLDivElement\n          }}\n        ></div>\n      </div>\n    )\n  }\n\n  /**\n   * Controla navegação pelo teclado após lista de itens aberta\n   * Dispara foco no primeiro item da lista flutuante\n   */\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Tab' && this.isFolderOpen && this.isTruncate && !this.isSmallScreen) {\n      setTimeout(() => {\n        const element = this.el.shadowRoot?.getElementById('firstElementList')\n        if (element) {\n          element.focus()\n        }\n      }, 0) // Aguarda um ciclo de renderização\n    }\n  }\n\n  /**\n   * Ao finalizar navegação por teclado dentro da lista, dispara foco no item fora da lista flutuante\n   */\n  private handleKeyDownOut(event: KeyboardEvent) {\n    if (event.key === 'Tab' && this.isFolderOpen && this.isTruncate && !this.isSmallScreen) {\n      setTimeout(() => {\n        const element = this.el.shadowRoot?.getElementById('nextCrumb')\n        if (element) {\n          element.focus()\n        }\n      }, 0)\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div style={{ display: 'none' }}>\n          <slot\n            ref={(el) => {\n              this.slotElement = el as HTMLSlotElement\n            }}\n            onSlotchange={this.registerCrumbItems}\n          ></slot>\n        </div>\n        <nav class={this.getCssClassMap()} aria-label=\"Breadcrumbs\">\n          <ol class=\"crumb-list\">\n            {this.renderHomeButton()}\n            {this.renderTruncateButton()}\n            {this.renderBreadcrumbItems()}\n          </ol>\n        </nav>\n        {this.renderTooltip()}\n      </Host>\n    )\n  }\n}\n\n/**\n * Limite de caracteres para o truncamento\n */\nconst truncateCharactersLimit = 20\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,MAAMA,IAAgB;;MCyBTC,KAAUC,EAAA,MAAAD,UAAAE;EALvB,WAAAC,CAAAC;;;;;;;;eAWoCC,KAAAC,WAAmBC,EAAQC,iBAAiB;;;eAItEH,KAAOI,UAAW;IAQjBJ,KAAWK,cAAqB;IAIjCL,KAASM,YAAG;IAYZN,KAAkBO,qBAAG;MAC3B,MAAMC,IAAmBR,KAAKS,cAC1BT,KAAKS,YAAYD,qBACjBE,MAAMC,KAAKX,KAAKY,GAAGC,iBAAiB;MACxC,MAAMC,IAAgBN,EAAiBO,QAAQH;QAAO,IAAAI;QAAA,SAAAA,IAAAJ,EAAGK,aAAS,QAAAD,WAAA,aAAAA,EAAAE,mBAAkB;AAAU;MAE9FlB,KAAKK,cAAcS,EAAcK,KAAKC;QACpC,MAAMR,IAAKQ;QAQX,OAAO;UACLC,OAAOT,EAAGS,SAAST,EAAGU,aAAa;UACnCC,KAAKX,EAAGW,OAAOX,EAAGU,aAAa;UAC/BE,QAAQxB,KAAKyB,gBAAgBb,EAAGY,UAAUZ,EAAGU,aAAa;UAC1DI,MAAMd,EAAGc,SAAS;UAClBC,QAAQf,EAAGe,WAAW;;AACvB;MAGH,IAAI3B,KAAKM,WAAW;QAClBN,KAAK4B;;;IAID5B,KAAA6B,gBAAkC,EACxC;MAAER,OAAO;MAAaE,KAAK;OAC3B;MAAEF,OAAO;MAAaE,KAAK;OAC3B;MAAEF,OAAO;MAAgBM,QAAQ;;;;eAM1B3B,KAAW8B,cAAY;;;eAKvB9B,KAAW+B,cAAW;;;;eActB/B,KAAagC,gBAAY;;;eAKzBhC,KAAUiC,aAAY;;;eAKtBjC,KAAYkC,eAAW;;;eAKvBlC,KAAWmC,cAAW;;;;;eAOtBnC,KAAYoC,eAAY;;;eA+GzBpC,KAAAqC,sBAAuBC;MAC7B,KAAK,MAAMC,KAASD,GAAS;QAC3B,MAAME,IAAiBD,EAAME,YAAYC;QACzC1C,KAAKgC,gBAAgBQ,IAAiB;QACtCxC,KAAKmC,cAAcK;QACnBxC,KAAK4B;;;AAyTV;EArgBC,sBAAAe;IACE3C,KAAKO;;EAGC,eAAAkB,CAAgBD;IACtB,MAAMoB,IAAqC,EAAC,UAAU,SAAS,WAAW;IAC1E,OAAOA,EAAeC,SAASrB,KAA+BA,IAA8BsB;;;;;SAwFtF,YAAAC,CAAaC;IACnB,OAAOA,EAAKC,SAASC,IAA0B,GAAGF,EAAKG,MAAM,GAAGD,UAAgCF;;EAG1F,gBAAAI,CAAiBC;IACvB,OAAOA,EAAKJ,SAASC;;;;SAMf,eAAAI,CAAgBC,GAAgCF;;IACtD,IAAIrD,KAAKoD,iBAAiBC,IAAO;MAC/B,MAAMG,KAAiBxC,IAACuC,EAAME,mBAAyC,QAAAzC,WAAA,IAAAA,IAAAuC,EAAM/B;MAC7E,KAAKgC,GAAgB;MAErBxD,KAAKwD,iBAAiBA;MACtBxD,KAAK+B,cAAcsB;MACnBrD,KAAK8B,cAAc;MACnB4B,uBAAsB,MAAM1D,KAAK2D;;;;;SAO7B,cAAAC;IACN5D,KAAK6D;IACL7D,KAAK8B,cAAc;;EAGb,eAAA6B;IACN,IAAI3D,KAAKwD,kBAAkB,QAAQxD,KAAK8D,kBAAkB,MAAM;IAEhE9D,KAAK6D;IAEL7D,KAAK+D,kBAAkB,IAAIC,EAAkB;MAC3CC,gBAAgBjE,KAAKwD;MACrBU,gBAAgBlE,KAAK8D;MACrBK,cAAcnE,KAAKoE;MACnBC,WAAW;;IAGbrE,KAAK+D,gBAAgBO;;EAGf,sBAAAT;;KACN7C,IAAAhB,KAAK+D,qBAAiB,QAAA/C,WAAA,aAAAA,EAAAuD;IACtBvE,KAAK+D,kBAAkBjB;;;;;SAOjB,cAAA0B;IACN,IAAIxE,KAAKK,YAAY4C,SAAS,GAAG;MAC/B,OAAOjD,KAAKK;;IAGd,KAAKL,KAAKyE,UAAUzE,KAAKyE,WAAW,IAAI;MACtC,OAAOzE,KAAK6B;;IAGd;MACE,MAAM6C,WAAgB1E,KAAKyE,WAAW,WAAWE,KAAKC,MAAM5E,KAAKyE,UAAUzE,KAAKyE;MAChF,OAAO/D,MAAMmE,QAAQH,MAAWA,EAAOzB,SAAS,IAAIyB,IAAS1E,KAAK6B;MAClE,OAAAb;MACA8D,QAAQC,MAAM,mCAAmC/E,KAAKyE;MACtD,OAAOzE,KAAK6B;;;;;SAOR,eAAAmD;IACNC,OAAOC,SAASC,OAAOnF,KAAKI;;;;SAMtB,YAAAgF;IACNpF,KAAKoC,gBAAgBpC,KAAKoC;;;;SAMpB,cAAAiD;IACN,OAAO;MACL,iBAAiB;MACjBC,OAAOtF,KAAKgC;;;;;SAwBhB,iBAAAuD;IACE,WAAWC,mBAAmB,aAAa;MACzCxF,KAAKyF,iBAAiB,IAAID,eAAexF,KAAKqC;MAC9C,IAAIrC,KAAKY,GAAG8E,kBAAkB,MAAM;QAClC1F,KAAKyF,eAAeE,QAAQ3F,KAAKY,GAAG8E;;;;;;SAQ1C,oBAAAE;IACE,IAAI5F,KAAKyF,kBAAkB,MAAM;MAC/BzF,KAAKyF,eAAeI;;IAEtB7F,KAAK6D;;;;SAMC,mBAAAjC;IACN8B,uBAAsB;;MACpB,MAAMoC,KAAQ9E,IAAAhB,KAAKY,GAAGmF,gBAAY,QAAA/E,WAAA,aAAAA,EAAAH,iBAAiB;MACnD,IAAIiF,GAAO;QACT,IAAIE,IAAa;QACjBF,EAAMG,SAASC;UACbF,KAAeE,EAAqBC,wBAAwBzD;AAAK;QAEnE1C,KAAKkC,eAAe8D;QACpBhG,KAAKiC,aAAajC,KAAKkC,eAAelC,KAAKmC;;;;;;SAQjD,iBAAAiE;IACEpG,KAAKO;;EAGP,gBAAA8F;IACErG,KAAKM,YAAY;IACjBN,KAAK4B;;;;SAMC,gBAAA0E;IACN,MAAMC,IAAoBvG,KAAKoC,eAAe,2BAA2B;IACzE,OACEoE,EAAA;MACEC,IAAG;MACHC,OAAM;MAAQ,cACF1G,KAAKgC,gBAAgB,4BAA4B;MAC7D2E,SAAS3G,KAAKgC,gBAAgB,MAAMhC,KAAKoF,iBAAiB,MAAMpF,KAAKgF;OAErEwB,EAAA;MAAA,aAAoB,GAAGxG,KAAKgC,gBAAgBuE,IAAoB;;;;;SAQ9D,oBAAAK;IACN,IAAI5G,KAAKiC,eAAejC,KAAKgC,eAAe;MAC1C,MAAMuE,IAAoBvG,KAAKoC,eAAe,2BAA2B;MACzE,OACEoE,EAAA;QAAKK,OAAM;SACTL,EAAA;QAASK,OAAM;QAAS,aAAW;QAA0BnE,OAAM;QAAKoE,QAAO;UAC/EN,EAAA;QACEC,IAAG;QACHC,OAAM;QACM,cAAA1G,KAAKoC,eAAe,8BAA8B;QAC9DuE,SAAS,MAAM3G,KAAKoF;QACpB2B,WAAYxD,KAAUvD,KAAKgH,cAAczD;SAEzCiD,EAAA;QAAA,aAAoBD;;;IAK5B,OAAO;;;;SAMD,qBAAAU;IACN,MAAMC,IAAclH,KAAKwE;IACzB,MAAM2C,IAAWD,EAAYA,EAAYjE,SAAS;IAElD,OAAOjD,KAAKgC,iBAAiBhC,KAAKiC,aAChCuE,EAAK;MAAAK,OAAM;OACR7G,KAAKiC,eAAejC,KAAKgC,iBAAiBmF,IACzCX,EAAA,cACEA,EAAA;MAASK,OAAM;MAAS,aAAW;MAA0BnE,OAAM;MAAKoE,QAAO;QAC/EN,EAAA;MACEC,IAAG;MACHtB,MAAMgC,EAAS5F,OAAO;MACtBC,QAAQ2F,EAAS3F,UAAU;MAC3B4F,aAAc7D,KAAUvD,KAAKsD,gBAAgBC,GAAO4D,EAAS9F;MAC7DgG,YAAY,MAAMrH,KAAK4D;OAEtB5D,KAAK+C,aAAaoE,EAAS9F,WAG9B,MACHrB,KAAKsH,uBAAuBJ,IAC5BlH,KAAKuH,qBAAqBL,MAG7BA,EAAY/F,KAAI,CAAC+E,GAAMsB,MACrBhB,EACE;MAAAiB,KAAKD;MACLX,OAAO,SAASX,EAAKxE,OAAO,SAAS;MACxB,eAAAwE,EAAKvE,SAAS,WAAW;MAAI,cAC9B,UAAU6F,IAAQ,QAAQN,EAAYjE;OAEjDjD,KAAK0H,qBAAqBxB;;;;SAS3B,sBAAAoB,CAAuBJ;IAC7B,MAAMS,IAAaT,EAAYU,MAAM1B,KAASA,EAAKvE;IACnD,KAAKgG,GAAY,OAAO;IACxB,OACEnB,EAAA;MAAMK,OAAM;OACVL,EAAA;MAASK,OAAM;MAAS,aAAW;MAA0BnE,OAAM;MAAKoE,QAAO;QAC/EN,EAAmB;MAAA;MAAmB;OACnCmB,EAAWtG;;;;SASZ,oBAAAkG,CAAqBL;IAC3B,OACEV,EAAA;MAASK,OAAO7G,KAAKoC,eAAe,2BAA2B;OAC5DpC,KAAKgC,iBACJwE,EAAA;MAAA,cAAiB,eAAeU,EAAYjE;OAC1CuD,EAAA;MAASqB,eAAe;MAAM1C,MAAMnF,KAAKI;MAASoB,QAAO;OAE/C,mBACVgF,EAAA;MAAMK,OAAM;SAGfK,EAAY/F,KAAI,CAAC+E,GAAMsB;;MACtB,IAAIxH,KAAKiC,eAAejC,KAAKgC,iBAAiBwF,MAAUN,EAAYjE,SAAS,GAAG;QAC9E,OAAO;;MAET,QACGiD,EAAKvE,UACJ6E,EACE;QAAAiB,KAAKD;QAAK,cAERxH,KAAKiC,eAAejC,KAAKgC,gBACrB,UAAUwF,IAAQ,QAAQN,EAAYjE,SAAS,MAC/C,UAAUuE,IAAQ,QAAQN,EAAYjE;SAG5CuD,EAAA;QACEvG,UAAUuH,KAAS,IAAI,qBAAqB1E;QAAS,cACzC9C,KAAKoD,iBAAiB8C,EAAK7E,SAAS6E,EAAK7E,QAAQ;QAC7DwG,eAAe;QACf1C,MAAMe,EAAK3E,OAAO;QAClBC,SAAQR,IAAAkF,EAAK1E,YAAM,QAAAR,WAAA,IAAAA,IAAI;QACvBoG,aAAc7D,KAAUvD,KAAKsD,gBAAgBC,GAAO2C,EAAK7E;QACzDyG,WAAYvE,KAAUvD,KAAKsD,gBAAgBC,GAAO2C,EAAK7E;QACvDgG,YAAY,MAAMrH,KAAK4D;QACvBmE,YAAY,MAAM/H,KAAK4D;QACvBmD,WACES,KAASN,EAAYjE,SAAS,KAAKjD,KAAKoC,gBAAgBpC,KAAKiC,eAAejC,KAAKgC,gBAC5EuB;UACC,IAAIA,EAAMkE,QAAQ,OAAO;YACvBzH,KAAKgI,iBAAiBzE;YACtBvD,KAAKoF;;YAGT;SAGLpF,KAAK+C,aAAamD,EAAK7E,SAE1BmF,EAAA;QAAMK,OAAM;;AAEf;;;;SAUH,oBAAAa,CAAqBxB;;IAC3B,OAAOA,EAAKvE,SACV6E,EAAA,cACEA,EAAA;MAASK,OAAM;MAAS,aAAW;MAA0BnE,OAAM;MAAKoE,QAAO;QAC/EN,EAAmB;MAAA;OAAQN,EAAK7E,UAGlCmF,EAAA,cACEA,EAAA;MAASK,OAAM;MAAS,aAAW;MAA0BnE,OAAM;MAAKoE,QAAO;QAC/EN,EACE;MAAArB,MAAMe,EAAK3E,OAAO;MACN,cAAAvB,KAAKoD,iBAAiB8C,EAAK7E,SAAS6E,EAAK7E,QAAQ;MAC7DG,SAAQR,IAAAkF,EAAK1E,YAAU,QAAAR,WAAA,IAAAA,IAAA;MACvBoG,aAAc7D,KAAUvD,KAAKsD,gBAAgBC,GAAO2C,EAAK7E;MACzD4G,SAAU1E,KAAUvD,KAAKsD,gBAAgBC,GAAO2C,EAAK7E;MACrDgG,YAAY,MAAMrH,KAAK4D;MACvBsE,QAAQ,MAAMlI,KAAK4D;OAElB5D,KAAK+C,aAAamD,EAAK7E;;;;SASxB,aAAA8G;IACN,KAAKnI,KAAK8B,aAAa,OAAO;IAC9B,OACE0E,EACE;MAAAK,OAAM;MACNuB,KAAMxH;QACJZ,KAAK8D,iBAAiBlD;AAAoB;OAG3CZ,KAAK+B,aACNyE,EACE;MAAAK,OAAM;MACNuB,KAAMxH;QACJZ,KAAKoE,sBAAsBxD;AAAoB;;;;;;SAWjD,aAAAoG,CAAczD;IACpB,IAAIA,EAAMkE,QAAQ,SAASzH,KAAKoC,gBAAgBpC,KAAKiC,eAAejC,KAAKgC,eAAe;MACtFqG,YAAW;;QACT,MAAMjH,KAAUJ,IAAAhB,KAAKY,GAAGmF,gBAAY,QAAA/E,WAAA,aAAAA,EAAAsH,eAAe;QACnD,IAAIlH,GAAS;UACXA,EAAQmH;;UAET;;;;;;SAOC,gBAAAP,CAAiBzE;IACvB,IAAIA,EAAMkE,QAAQ,SAASzH,KAAKoC,gBAAgBpC,KAAKiC,eAAejC,KAAKgC,eAAe;MACtFqG,YAAW;;QACT,MAAMjH,KAAUJ,IAAAhB,KAAKY,GAAGmF,gBAAY,QAAA/E,WAAA,aAAAA,EAAAsH,eAAe;QACnD,IAAIlH,GAAS;UACXA,EAAQmH;;UAET;;;EAIP,MAAAC;IACE,OACEhC,EAACiC,GAAI;MAAAhB,KAAA;OACHjB,EAAA;MAAAiB,KAAA;MAAKiB,OAAO;QAAEC,SAAS;;OACrBnC,EAAA;MAAAiB,KAAA;MACEW,KAAMxH;QACJZ,KAAKS,cAAcG;AAAqB;MAE1CgI,cAAc5I,KAAKO;SAGvBiG,EAAA;MAAAiB,KAAA;MAAKZ,OAAO7G,KAAKqF;MAAgB,cAAa;OAC5CmB,EAAI;MAAAiB,KAAA;MAAAZ,OAAM;OACP7G,KAAKsG,oBACLtG,KAAK4G,wBACL5G,KAAKiH,2BAGTjH,KAAKmI;;;;;;;;;;;;;;;;;;;;;;;;GASd,OAAMjF,IAA0B","ignoreList":[]}

package/dist/components/br-button.js

@@ -2,12 +2,12 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { B as o, d as s } from "./p-AOxMWARt.js";
+import { B as o, d as s } from "./p-DzfbHHTf.js";
 
 const t = o;
 
-const p = s;
+const f = s;
 
-export { t as BrButton, p as defineCustomElement };
+export { t as BrButton, f as defineCustomElement };
 //# sourceMappingURL=br-button.js.map
 //# sourceMappingURL=br-button.js.map

package/dist/components/br-card.js

@@ -2,12 +2,12 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { B as o, d as s } from "./p-C_OI0BQu.js";
+import { B as o, d as s } from "./p-BwHD1VKm.js";
 
 const t = o;
 
-const p = s;
+const m = s;
 
-export { t as BrCard, p as defineCustomElement };
+export { t as BrCard, m as defineCustomElement };
 //# sourceMappingURL=br-card.js.map
 //# sourceMappingURL=br-card.js.map

package/dist/components/br-checkbox.js

@@ -2,12 +2,12 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { C as s, d as o } from "./p-B_YesJM8.js";
+import { C as o, d as s } from "./p-Bb4aDGZV.js";
 
-const t = s;
+const t = o;
 
-const p = o;
+const a = s;
 
-export { t as BrCheckbox, p as defineCustomElement };
+export { t as BrCheckbox, a as defineCustomElement };
 //# sourceMappingURL=br-checkbox.js.map
 //# sourceMappingURL=br-checkbox.js.map

package/dist/components/br-checkgroup.js

@@ -2,11 +2,11 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { p as e, H as t, h as a, c as r } from "./p-DSkSDmzD.js";
+import { p as e, H as t, h as a, d as r } from "./p-DozXPp1d.js";
 
-import { d as i } from "./p-B_YesJM8.js";
+import { d as i } from "./p-Bb4aDGZV.js";
 
-const o = '*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}main{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-checkbox{--checkbox-padding:var(--spacing-scale-base);--checkbox-size:24px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.br-checkbox+.br-checkbox{margin-top:var(--spacing-scale-base)}.br-checkbox input{margin:0;opacity:0;position:absolute}.br-checkbox input+label{cursor:pointer;display:inline-block;margin-bottom:0;min-height:var(--checkbox-size);min-width:var(--checkbox-size);padding-left:calc(var(--spacing-scale-base) + var(--checkbox-size));position:relative}.br-checkbox input+label::before{background:var(--background-light);border:1px solid var(--border-color);border-radius:4px;content:"";height:var(--checkbox-size);left:0;position:absolute;width:var(--checkbox-size)}.br-checkbox input+label:empty{padding:0}.br-checkbox label{font-weight:var(--font-weight-medium)}.br-checkbox.hidden-label label{padding-left:calc(var(--checkbox-size) + var(--surface-width-md)*2);text-indent:-10000px;white-space:nowrap;width:0}.br-checkbox input:checked+label::after,.br-checkbox input:indeterminate+label::after{border:solid var(--selected);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);left:8px;position:absolute;top:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.br-checkbox input[indeterminate]+label::before,.br-checkbox input:indeterminate+label::before{--interactive-rgb:var(--color-rgb);background:var(--selected);border-color:var(--selected)}.br-checkbox input[indeterminate]:hover:not(:disabled)+label::before,.br-checkbox input:indeterminate:hover:not(:disabled)+label::before{--interactive-rgb:var(--color-dark-rgb)}.br-checkbox input[indeterminate]:checked+label::after,.br-checkbox input[indeterminate]+label::after,.br-checkbox input:indeterminate:checked+label::after,.br-checkbox input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;top:2px;-webkit-transform:none;transform:none}.br-checkbox.invalid input+label::before,.br-checkbox[invalid] input+label::before{--border-color:var(--danger)}.br-checkbox.invalid input:focus-visible:checked+label::before,.br-checkbox.invalid input:focus-visible+label::before,.br-checkbox[invalid] input:focus-visible:checked+label::before,.br-checkbox[invalid] input:focus-visible+label::before{--border-color:var(--focus-color)}.br-checkbox.invalid input:checked+label::before,.br-checkbox[invalid] input:checked+label::before{--border-color:var(--danger)}.br-checkbox.valid input+label::before,.br-checkbox[valid] input+label::before{--border-color:var(--success)}.br-checkbox.valid input:focus-visible:checked+label::before,.br-checkbox.valid input:focus-visible+label::before,.br-checkbox[valid] input:focus-visible:checked+label::before,.br-checkbox[valid] input:focus-visible+label::before{--border-color:var(--focus-color)}.br-checkbox.valid input:checked+label::before,.br-checkbox[valid] input:checked+label::before{--border-color:var(--success)}.br-checkbox.small input+label,.br-checkbox[small] input+label{line-height:var(--spacing-scale-2xh);min-height:var(--spacing-scale-2xh)}.br-checkbox.small input+label::before,.br-checkbox[small] input+label::before{height:var(--spacing-scale-2xh);width:var(--spacing-scale-2xh)}.br-checkbox.small input:checked+label::after,.br-checkbox[small] input:checked+label::after{border-width:0 2px 2px 0;height:var(--icon-size-sm);left:7px;top:4px;width:6px}.br-checkbox.small input[indeterminate]+label::after,.br-checkbox.small input:indeterminate+label::after,.br-checkbox[small] input[indeterminate]+label::after,.br-checkbox[small] input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;left:7px;top:1px;-webkit-transform:none;transform:none;width:6px}.br-checkbox input:invalid+label::before{--border-color:var(--danger)}.br-checkbox input:focus-visible:checked+label::before,.br-checkbox input:focus-visible+label::before{border-color:var(--focus) !important;-webkit-box-shadow:0 0 0 var(--surface-width-md) var(--focus);box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-checkbox input:hover:not(:disabled)+label::before{--interactive-rgb:var(--interactive-light-rgb);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-checkbox:not(.disabled) input:disabled+label{cursor:not-allowed;opacity:var(--disabled)}.br-checkbox:not(.disabled) input:disabled+label *{pointer-events:none}.br-checkbox.inverted,.br-checkbox.inverted label,.br-checkbox.dark-mode,.br-checkbox.dark-mode label{color:var(--color-dark)}:host{display:block}';
+const o = '*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}main{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-checkbox{--checkbox-padding:var(--spacing-scale-base);--checkbox-size:24px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.br-checkbox+.br-checkbox{margin-top:var(--spacing-scale-base)}.br-checkbox input{margin:0;opacity:0;position:absolute}.br-checkbox input+label{cursor:pointer;display:inline-block;margin-bottom:0;min-height:var(--checkbox-size);min-width:var(--checkbox-size);padding-left:calc(var(--spacing-scale-base) + var(--checkbox-size));position:relative}.br-checkbox input+label::before{background:var(--background-light);border:1px solid var(--border-color);border-radius:4px;content:"";height:var(--checkbox-size);left:0;position:absolute;width:var(--checkbox-size)}.br-checkbox input+label:empty{padding:0}.br-checkbox label{font-weight:var(--font-weight-medium)}.br-checkbox.hidden-label label{padding-left:calc(var(--checkbox-size) + var(--surface-width-md)*2);text-indent:-10000px;white-space:nowrap;width:0}.br-checkbox input:checked+label::after,.br-checkbox input:indeterminate+label::after{border:solid var(--selected);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);left:8px;position:absolute;top:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.br-checkbox input[indeterminate]+label::before,.br-checkbox input:indeterminate+label::before{--interactive-rgb:var(--color-rgb);background:var(--selected);border-color:var(--selected)}.br-checkbox input[indeterminate]:hover:not(:disabled)+label::before,.br-checkbox input:indeterminate:hover:not(:disabled)+label::before{--interactive-rgb:var(--color-dark-rgb)}.br-checkbox input[indeterminate]:checked+label::after,.br-checkbox input[indeterminate]+label::after,.br-checkbox input:indeterminate:checked+label::after,.br-checkbox input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;top:2px;-webkit-transform:none;transform:none}.br-checkbox.invalid input+label::before,.br-checkbox[invalid] input+label::before{--border-color:var(--danger)}.br-checkbox.invalid input:focus-visible:checked+label::before,.br-checkbox.invalid input:focus-visible+label::before,.br-checkbox.invalid input.focus-visible:checked+label::before,.br-checkbox.invalid input.focus-visible+label::before,.br-checkbox[invalid] input:focus-visible:checked+label::before,.br-checkbox[invalid] input:focus-visible+label::before,.br-checkbox[invalid] input.focus-visible:checked+label::before,.br-checkbox[invalid] input.focus-visible+label::before{--border-color:var(--focus-color)}.br-checkbox.invalid input:checked+label::before,.br-checkbox[invalid] input:checked+label::before{--border-color:var(--danger)}.br-checkbox.valid input+label::before,.br-checkbox[valid] input+label::before{--border-color:var(--success)}.br-checkbox.valid input:focus-visible:checked+label::before,.br-checkbox.valid input:focus-visible+label::before,.br-checkbox.valid input.focus-visible:checked+label::before,.br-checkbox.valid input.focus-visible+label::before,.br-checkbox[valid] input:focus-visible:checked+label::before,.br-checkbox[valid] input:focus-visible+label::before,.br-checkbox[valid] input.focus-visible:checked+label::before,.br-checkbox[valid] input.focus-visible+label::before{--border-color:var(--focus-color)}.br-checkbox.valid input:checked+label::before,.br-checkbox[valid] input:checked+label::before{--border-color:var(--success)}.br-checkbox.small input+label,.br-checkbox[small] input+label{line-height:var(--spacing-scale-2xh);min-height:var(--spacing-scale-2xh)}.br-checkbox.small input+label::before,.br-checkbox[small] input+label::before{height:var(--spacing-scale-2xh);width:var(--spacing-scale-2xh)}.br-checkbox.small input:checked+label::after,.br-checkbox[small] input:checked+label::after{border-width:0 2px 2px 0;height:var(--icon-size-sm);left:7px;top:4px;width:6px}.br-checkbox.small input[indeterminate]+label::after,.br-checkbox.small input:indeterminate+label::after,.br-checkbox[small] input[indeterminate]+label::after,.br-checkbox[small] input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;left:7px;top:1px;-webkit-transform:none;transform:none;width:6px}.br-checkbox input:invalid+label::before{--border-color:var(--danger)}.br-checkbox input:focus-visible:checked+label::before,.br-checkbox input:focus-visible+label::before,.br-checkbox input.focus-visible:checked+label::before,.br-checkbox input.focus-visible+label::before{border-color:var(--focus) !important;-webkit-box-shadow:0 0 0 var(--surface-width-md) var(--focus);box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-checkbox input:hover:not(:disabled)+label::before{--interactive-rgb:var(--interactive-light-rgb);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-checkbox:not(.disabled) input:disabled+label{cursor:not-allowed;opacity:var(--disabled)}.br-checkbox:not(.disabled) input:disabled+label *{pointer-events:none}.br-checkbox.inverted,.br-checkbox.inverted label,.br-checkbox.dark-mode,.br-checkbox.dark-mode label{color:var(--color-dark)}:host{display:block}';
 
 const n =  e(class e extends t {
   constructor(e) {
@@ -112,23 +112,23 @@ const n =  e(class e extends t {
   }
   render() {
     return a(r, {
-      key: "ebfb4ed8b9173e411d40c35054bb631eef9298e3"
+      key: "70af3a6a8a2e11c614889e6c4e75e0d70845776a"
     }, a("div", {
-      key: "09799af21791ef7c2218a8f897fee8ee583ac6f0",
+      key: "5af9f12d461abef5f269d805cf2745b07120cb0d",
       class: this.getCssClassMap(),
       style: {
         width: "100%"
       }
     }, this.label && a("label", {
-      key: "f1bbda4d387a8cb657824d95f9444a44794cda77"
+      key: "51478286edd0fcd6023098ec2a745f9712c93775"
     }, this.label), a("div", {
-      key: "36e42315d95fbd2c7fc14b297334d3dec9b7b101",
+      key: "0ff7e9514d8cf81fd525037068f0a8422ba718cb",
       class: "mb-1"
     }, a("div", {
-      key: "84424b2c374ef9fd3d7771611c5262e3ad8f2cef",
+      key: "eecfb99cb58988260d6051b0bc04af4c56745316",
       class: "checkgroup-example"
     }, a("br-checkbox", {
-      key: "431f1ff4006c319e238b78da13bfa214b5dabf9a",
+      key: "eaedc20bf914448effc851d7e6414efc201d073c",
       name: `checkgroup-${this.customId}`,
       checked: this.checked,
       indeterminate: this.isIndeterminate,
@@ -137,10 +137,10 @@ const n =  e(class e extends t {
       onCheckedChange: this.handleChange.bind(this),
       "is-father": true
     }))), a("div", {
-      key: "9e493e55a37a79553c5c36707eb4e809309a229d",
+      key: "8a3c070844405e892edaa496260f2da41bc1dc2c",
       class: "mb-1 ml-2"
     }, a("slot", {
-      key: "a6140b3b233b363be0fd1ae2c62dbdadc160b5d1"
+      key: "06bad4d6c5950e6c96cf4e1d32c1daf6f34557bc"
     }))));
   }
   static get formAssociated() {

package/dist/components/br-collapse.js

@@ -2,12 +2,12 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { C as o, d as s } from "./p-Bri6ECVa.js";
+import { C as o, d as s } from "./p-DexVMiiX.js";
 
-const r = o;
+const t = o;
 
-const t = s;
+const i = s;
 
-export { r as BrCollapse, t as defineCustomElement };
+export { t as BrCollapse, i as defineCustomElement };
 //# sourceMappingURL=br-collapse.js.map
 //# sourceMappingURL=br-collapse.js.map

package/dist/components/br-crumb.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BrCrumb extends Components.BrCrumb, HTMLElement {}
+export const BrCrumb: {
+    prototype: BrCrumb;
+    new (): BrCrumb;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/br-crumb.js

@@ -0,0 +1,80 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+import { p as e, H as a, c as s, h as n, d as t } from "./p-DozXPp1d.js";
+
+const r =  e(class e extends a {
+  constructor(e) {
+    super();
+    if (e !== false) {
+      this.__registerHost();
+    }
+    this.__attachShadow();
+    this.brCrumbPropsChange = s(this, "brCrumbPropsChange", 7);
+    /**
+         * Define se o crumb é o item inicial (Home).
+         */    this.home = false;
+    /**
+         * Define se o crumb é a página atual ativa no breadcrumb.
+         */    this.active = false;
+  }
+  handlePropsChange() {
+    this.brCrumbPropsChange.emit();
+  }
+  render() {
+    return n(t, {
+      key: "5a1b1534c920a002e24c78d8029fcd94bea7d382",
+      style: {
+        display: "none"
+      }
+    }, n("slot", {
+      key: "dabbf32cf3fa2e08a5c4b141df2de1a96d40d8c7"
+    }));
+  }
+  static get watchers() {
+    return {
+      label: [ "handlePropsChange" ],
+      url: [ "handlePropsChange" ],
+      target: [ "handlePropsChange" ],
+      home: [ "handlePropsChange" ],
+      active: [ "handlePropsChange" ]
+    };
+  }
+}, [ 257, "br-crumb", {
+  label: [ 513 ],
+  url: [ 513 ],
+  target: [ 513 ],
+  home: [ 4 ],
+  active: [ 4 ]
+}, undefined, {
+  label: [ "handlePropsChange" ],
+  url: [ "handlePropsChange" ],
+  target: [ "handlePropsChange" ],
+  home: [ "handlePropsChange" ],
+  active: [ "handlePropsChange" ]
+} ]);
+
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const e = [ "br-crumb" ];
+  e.forEach((e => {
+    switch (e) {
+     case "br-crumb":
+      if (!customElements.get(e)) {
+        customElements.define(e, r);
+      }
+      break;
+    }
+  }));
+}
+
+const h = r;
+
+const o = defineCustomElement$1;
+
+export { h as BrCrumb, o as defineCustomElement };
+//# sourceMappingURL=br-crumb.js.map
+//# sourceMappingURL=br-crumb.js.map

package/dist/components/br-crumb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Crumb","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","home","active","handlePropsChange","brCrumbPropsChange","emit","render","h","Host","key","style","display"],"sources":["../../packages/webcomponents/src/components/breadcrumb/crumb/crumb.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\n\n/**\n * ## Design System\n *\n * Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/breadcrumb?tab=designer).\n */\n@Component({\n  tag: 'br-crumb',\n  shadow: true,\n})\nexport class Crumb {\n  /**\n   * Rótulo (texto) do crumb.\n   */\n  @Prop({ reflect: true }) readonly label: string\n\n  /**\n   * URL ou caminho para o qual o usuário será direcionado ao clicar no crumb.\n   */\n  @Prop({ reflect: true }) readonly url?: string\n\n  /**\n   * Define o alvo do link quando `url` está presente. (ex: _blank, _self).\n   */\n  @Prop({ reflect: true }) readonly target?: string\n\n  /**\n   * Define se o crumb é o item inicial (Home).\n   */\n  @Prop() readonly home: boolean = false\n\n  /**\n   * Define se o crumb é a página atual ativa no breadcrumb.\n   */\n  @Prop() readonly active: boolean = false\n\n  /**\n   * Evento disparado quando as propriedades do crumb mudam.\n   * O componente pai (br-breadcrumb) escuta este evento para se atualizar.\n   */\n  @Event() brCrumbPropsChange: EventEmitter<void>\n\n  @Watch('label')\n  @Watch('url')\n  @Watch('target')\n  @Watch('home')\n  @Watch('active')\n  handlePropsChange() {\n    this.brCrumbPropsChange.emit()\n  }\n\n  render() {\n    return (\n      <Host style={{ display: 'none' }}>\n        <slot></slot>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;;;MAWaA,KAAKC,EAAA,MAAAD,UAAAE;EAJlB,WAAAC,CAAAC;;;;;;;;;eAuBmBC,KAAIC,OAAY;;;eAKhBD,KAAME,SAAY;AAwBpC;EAXC,iBAAAC;IACEH,KAAKI,mBAAmBC;;EAG1B,MAAAC;IACE,OACEC,EAACC,GAAK;MAAAC,KAAA;MAAAC,OAAO;QAAEC,SAAS;;OACtBJ,EAAa;MAAAE,KAAA","ignoreList":[]}