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

package/dist/esm/br-pagination.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"br-pagination.entry.js","sources":["../../packages/webcomponents/src/components/pagination/pagination.scss?tag=br-pagination&encapsulation=shadow","../../packages/webcomponents/src/components/pagination/pagination.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/pagination/pagination\";\n@import \"~@govbr-ds/core/src/components/divider/divider\";\n\n:host {\n  display: block;\n\n  /* Regra: até 4 itens no dropdown de reticências não deve haver rolagem; a partir de 5, deve. */\n  /* O core aplica scroll sempre em .pagination-ellipsis .br-list; sobrescrevemos aqui. */\n  .pagination-ellipsis br-list {\n    max-height: none;\n    overflow: visible;\n  }\n\n  .pagination-ellipsis br-list.has-scroll {\n    max-height: 220px; /* mantém o valor do core */\n    overflow-y: auto;\n\n    @include scrollbar; /* aplica o estilo da barra de rolagem do DS */\n  }\n\n  .br-pagination button.page:not(.active) {\n    background-color: transparent;\n  }\n}\n\n:host([variant=\"contextual\"]) .br-pagination {\n  justify-content: space-between;\n}\n\n:host(:not([variant=\"contextual\"])) .br-pagination {\n  justify-content: center;\n}\n\n:host([variant=\"contextual\"]) .br-pagination ul {\n  justify-content: center;\n  width: 100%;\n}\n\n:host([color-mode=\"dark\"]) br-select {\n  --color: var(--color-dark);\n  --focus-color: var(--focus-color-dark);\n}\n\n:host([color-mode=\"dark\"]) br-select::part(label) {\n  color: var(--color-dark);\n}\n\n:host([color-mode=\"dark\"]) .br-pagination a.page:not(.active),\n:host([color-mode=\"dark\"]) .br-pagination button.page:not(.active) {\n  color: var(--color);\n  background-color: transparent;\n  border-color: transparent;\n}\n\n.br-pagination.dark-mode .br-select .br-item label,\n.br-pagination.dark-mode .page {\n  color: var(--color-dark);\n  background-color: transparent;\n}\n\n:host([color-mode=\"dark\"]) .br-pagination a.page:not(.active):hover,\n:host([color-mode=\"dark\"]) .br-pagination a.page:not(.active):focus,\n:host([color-mode=\"dark\"]) .br-pagination a.page:not(.active):focus-visible,\n:host([color-mode=\"dark\"]) .br-pagination button.page:not(.active):hover,\n:host([color-mode=\"dark\"]) .br-pagination button.page:not(.active):focus,\n:host([color-mode=\"dark\"]) .br-pagination button.page:not(.active):focus-visible {\n  color: var(--interactive);\n}\n\n/* Realce de foco visível nos identificadores (botões) de página */\n.br-pagination .page:focus-visible {\n  outline: var(--focus) var(--focus-style) var(--focus-width);\n  outline-offset: var(--focus-offset);\n}\n\n.pagination-ellipsis br-button::part(button) {\n  --button-size: var(--pagination-size);\n}\n\n.pagination-ellipsis br-button:focus-visible {\n  outline: var(--focus) var(--focus-style) var(--focus-width);\n  outline-offset: var(--focus-offset);\n  border-radius: 50%;\n}\n\n/* Utilitário para conteúdo apenas para leitores de tela */\n.visually-hidden {\n  position: absolute !important;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap; /* impede quebra de linha */\n}\n\n:host([color-mode=\"dark\"]) br-select::part(radio-label) {\n  color: var(--color-dark);\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\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/pagination?tab=designer).\n *\n * @part nav - Parte para o contêiner raiz da paginação (elemento nav), usada para estilização via ::part().\n * @part list - Parte para a lista de páginas (elemento ul), usada para estilização via ::part().\n * @part page - Parte para os itens de página numérica (elemento a), usada para estilização via ::part().\n * @part prev-button - Parte para o botão de página anterior, usada para estilização via ::part().\n * @part next-button - Parte para o botão de próxima página, usada para estilização via ::part().\n */\n@Component({\n  tag: 'br-pagination',\n  styleUrl: 'pagination.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Pagination {\n  // Índice incremental para diferenciar instâncias em rótulos gerados\n  private static instanceCounter = 0\n  private readonly instanceIndex = ++Pagination.instanceCounter\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrPaginationElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Estado interno para responsividade. Verdadeiro quando viewport < sm.\n   */\n  @State() private isSmall = false\n\n  private mqlSmall?: MediaQueryList\n  private lastInteraction?: 'number' | 'ellipsis' | 'goTo' | 'perPage' | 'programmatic'\n\n  /**\n   * Define se a paginação usará um esquema de cores escuro.\n   * Quando definido como `dark`, aplica a classe `dark-mode` ao container principal.\n   */\n  @Prop({ reflect: true }) readonly colorMode?: 'dark'\n\n  /**\n   * Identificador único; gerado automaticamente quando omitido.\n   */\n  @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId('br-pagination')\n\n  /**\n   * Quantidade total de páginas (mínimo 1).\n   */\n  @Prop({ reflect: true }) readonly total: number = 1\n\n  /**\n   * Página atual (1-indexada). Valores fora do intervalo serão ajustados.\n   */\n  @Prop({ reflect: true, mutable: true }) current: number = 1\n\n  /**\n   * Rótulo acessível do container `nav`.\n   * Se não fornecido, será gerado automaticamente um rótulo descritivo e único\n   * no momento da renderização (ex.: \"Paginação: página 2 de 10\").\n   */\n  @Prop({ reflect: true }) readonly ariaLabel: string\n\n  /**\n   * Rótulo acessível do botão de página anterior.\n   */\n  @Prop({ reflect: true }) readonly previousLabel: string = 'Voltar página'\n\n  /**\n   * Rótulo acessível do botão de próxima página.\n   */\n  @Prop({ reflect: true }) readonly nextLabel: string = 'Página seguinte'\n\n  /**\n   * Rótulo acessível do botão de reticências que abre a lista de páginas ocultas.\n   */\n  @Prop({ reflect: true }) readonly ellipsisLabel: string = 'Abrir ou fechar a lista de paginação'\n\n  /**\n   * Ajusta a densidade da paginação, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\n  @Prop({ reflect: true }) readonly density: 'large' | 'medium' | 'small' = 'medium'\n\n  /**\n   * Variante de renderização do componente.\n   * - `default`: paginação numérica (padrão)\n   * - `contextual`: paginação contextual com seletores e informação de itens\n   */\n  @Prop({ reflect: true }) readonly variant: 'default' | 'contextual' = 'default'\n\n  /**\n   * Total de itens (aplicável na variante contextual).\n   */\n  @Prop({ reflect: true }) readonly totalItems?: number\n\n  /**\n   * Itens por página (aplicável na variante contextual).\n   */\n  @Prop({ reflect: true, mutable: true }) perPage: number = 10\n\n  /**\n   * Opções disponíveis de itens por página (variante contextual).\n   */\n  @Prop({ reflect: false }) perPageOptions: number[] = [10, 20, 30]\n\n  /**\n   * Rótulo do seletor de itens por página (variante contextual).\n   */\n  @Prop({ reflect: true }) readonly perPageLabel: string = 'Exibir'\n\n  /**\n   * Rótulo do seletor \"ir para página\" (variante contextual).\n   */\n  @Prop({ reflect: true }) readonly goToPageLabel: string = 'Página'\n\n  /**\n   * Sufixo textual para a informação de quantidade de itens (variante contextual).\n   */\n  @Prop({ reflect: true }) readonly itemsText: string = 'itens'\n\n  /**\n   * Emite quando a página muda por interação do usuário.\n   */\n  @Event({ bubbles: true, composed: true }) pageChange: EventEmitter<{ page: number }>\n\n  /**\n   * Emite quando o valor de itens por página é alterado (variante contextual).\n   */\n  @Event({ bubbles: true, composed: true }) perPageChange: EventEmitter<{ perPage: number }>\n\n  @Watch('total')\n  handleTotalChange() {\n    this.current = this.clampPage(this.current)\n  }\n\n  @Watch('current')\n  handleCurrentChange(newValue: number) {\n    const clamped = this.clampPage(newValue)\n    if (clamped !== newValue) {\n      this.current = clamped\n    }\n  }\n\n  componentWillLoad() {\n    this.current = this.clampPage(this.current)\n    this.setupMediaQuery()\n  }\n\n  connectedCallback() {\n    this.setupMediaQuery()\n  }\n\n  disconnectedCallback() {\n    this.cleanupMediaQuery()\n  }\n\n  private setupMediaQuery() {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return\n    const query = '(max-width: 575.98px)'\n    try {\n      this.mqlSmall = window.matchMedia(query)\n      this.isSmall = this.mqlSmall.matches\n      const handler = (e: MediaQueryListEvent) => {\n        this.isSmall = e.matches\n      }\n      if ('addEventListener' in this.mqlSmall) {\n        this.mqlSmall.addEventListener('change', handler)\n        ;(this.mqlSmall as MediaQueryList & { _handler?: (e: MediaQueryListEvent) => void })._handler = handler\n      } else if ('addListener' in this.mqlSmall) {\n        // @ts-expect-error legacy\n        this.mqlSmall.addListener(handler)\n        ;(this.mqlSmall as MediaQueryList & { _handler?: (e: MediaQueryListEvent) => void })._handler = handler\n      }\n    } catch {\n      console.warn(`Media Query \"${query}\" is not supported in this browser.`)\n      this.mqlSmall = undefined\n      this.isSmall = false\n    }\n  }\n\n  private cleanupMediaQuery() {\n    if (this.mqlSmall === undefined) return\n    const handler = (this.mqlSmall as MediaQueryList & { _handler?: (e: MediaQueryListEvent) => void })._handler\n    if (handler !== undefined) {\n      if ('removeEventListener' in this.mqlSmall) {\n        this.mqlSmall.removeEventListener('change', handler)\n      } else if ('removeListener' in this.mqlSmall) {\n        // @ts-expect-error legacy\n        this.mqlSmall.removeListener(handler)\n      }\n      delete (this.mqlSmall as MediaQueryList & { _handler?: (e: MediaQueryListEvent) => void })._handler\n    }\n    this.mqlSmall = undefined\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-pagination': true,\n      small: this.density === 'small',\n      large: this.density === 'large',\n      medium: this.density === 'medium',\n      'dark-mode': this.colorMode === 'dark',\n    }\n  }\n\n  private clampPage(value: number): number {\n    const total = this.variant === 'contextual' ? this.getTotalPages() : Math.max(1, Number(this.total) || 1)\n    const clampedValue = Math.max(1, Number(value) || 1)\n    return Math.min(clampedValue, total)\n  }\n\n  private readonly goTo = (page: number) => {\n    const next = this.clampPage(page)\n    if (next !== this.current) {\n      this.current = next\n      this.pageChange.emit({ page: this.current })\n    }\n    // Gerenciar foco após mudanças iniciadas pelo usuário\n    this.queueFocusAfterNavigation()\n  }\n\n  private readonly handlePrevClick = (event: MouseEvent) => {\n    event.preventDefault()\n    if (this.current > 1) {\n      this.goTo(this.current - 1)\n    }\n  }\n\n  private readonly handleNextClick = (event: MouseEvent) => {\n    event.preventDefault()\n    const maxPages = this.variant === 'contextual' ? this.getTotalPages() : this.total\n    if (this.current < maxPages) {\n      this.goTo(this.current + 1)\n    }\n  }\n\n  private readonly handlePageClickFactory = (page: number) => {\n    return (event: MouseEvent) => {\n      event.preventDefault()\n      this.lastInteraction = 'number'\n      this.goTo(page)\n    }\n  }\n\n  private readonly handleEllipsisItemClickFactory = (page: number) => {\n    return () => {\n      this.lastInteraction = 'ellipsis'\n      this.goTo(page)\n    }\n  }\n\n  private getVisiblePageButtons(): HTMLElement[] {\n    const root = this.el.shadowRoot\n    if (root === null) return []\n    return Array.from(\n      root.querySelectorAll<HTMLElement>('button.page[part=\"page\"], .pagination-ellipsis br-button[slot=\"trigger\"]')\n    )\n  }\n\n  private focusPageButtonByIndex(index: number) {\n    const buttons = this.getVisiblePageButtons()\n    if (buttons.length === 0) return\n    const clamped = Math.max(0, Math.min(index, buttons.length - 1))\n    const btn = buttons[clamped]\n    // Garantir roving tabindex\n    buttons.forEach((b, i) => (b.tabIndex = i === clamped ? 0 : -1))\n    btn.focus()\n  }\n\n  private readonly handlePageKeyDown = (ev: KeyboardEvent) => {\n    const target = ev.target as HTMLElement | null\n    // Aceita tanto o botão de página quanto o botão de reticências\n    if (\n      !target?.matches('button.page[part=\"page\"]') &&\n      !target?.matches('.pagination-ellipsis br-button[slot=\"trigger\"]')\n    ) {\n      return\n    }\n    const buttons = this.getVisiblePageButtons()\n    const idx = buttons.indexOf(target)\n    if (idx === -1) return\n    switch (ev.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        ev.preventDefault()\n        this.focusPageButtonByIndex(idx + 1)\n        break\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        ev.preventDefault()\n        this.focusPageButtonByIndex(idx - 1)\n        break\n      case 'Home':\n        ev.preventDefault()\n        this.focusPageButtonByIndex(0)\n        break\n      case 'End':\n        ev.preventDefault()\n        this.focusPageButtonByIndex(buttons.length - 1)\n        break\n      default:\n        break\n    }\n  }\n\n  private queueFocusAfterNavigation() {\n    // Diferir para após renderização (fallback em ambientes sem RAF)\n    const defer =\n      typeof requestAnimationFrame === 'function'\n        ? requestAnimationFrame\n        : (cb: FrameRequestCallback) => setTimeout(() => cb(0), 0)\n    defer(() => {\n      if (this.variant === 'contextual') {\n        this.lastInteraction = undefined\n        return\n      }\n\n      // Variant default: focar no botão da página atual ao vir de reticências\n      if (this.lastInteraction === 'ellipsis' || this.lastInteraction === 'number') {\n        const buttons = this.getVisiblePageButtons()\n        const currentBtn = buttons.find((b) => b.getAttribute('aria-current') === 'page')\n        if (currentBtn !== null && currentBtn !== undefined) {\n          // Roving tabindex: somente o atual recebe 0\n          buttons.forEach((b) => (b.tabIndex = b === currentBtn ? 0 : -1))\n          currentBtn.focus()\n        }\n      }\n      this.lastInteraction = undefined\n    })\n  }\n\n  private getComputedNavAriaLabel(): string {\n    // Respeita o valor fornecido externamente\n    if (this.ariaLabel && String(this.ariaLabel).trim().length > 0) return this.ariaLabel\n\n    // Constrói um rótulo único e descritivo baseado no estado atual\n    if (this.variant === 'contextual') {\n      const totalPages = this.getTotalPages()\n      return `Paginação ${this.instanceIndex}: página ${this.current} de ${totalPages}`\n    }\n    const total = Math.max(1, Number(this.total) || 1)\n    return `Paginação ${this.instanceIndex}: página ${this.current} de ${total}`\n  }\n\n  private renderPageButton(page: number) {\n    return (\n      <li key={page}>\n        <button\n          part=\"page\"\n          class={{ page: true, active: page === this.current }}\n          aria-label={`Página ${page}`}\n          aria-current={page === this.current ? 'page' : null}\n          type=\"button\"\n          tabIndex={page === this.current ? 0 : -1}\n          onClick={this.handlePageClickFactory(page)}\n          onKeyDown={this.handlePageKeyDown}\n        >\n          {page}\n        </button>\n      </li>\n    )\n  }\n\n  private renderEllipsis(from: number, to: number, key: string) {\n    if (to < from) return null\n    const items = []\n    for (let p = from; p <= to; p++) {\n      items.push(\n        <br-item\n          isButton\n          role=\"menuitem\"\n          onBrDidClick={this.handleEllipsisItemClickFactory(p)}\n          aria-label={`Página ${p}`}\n        >\n          {p}\n        </br-item>\n      )\n    }\n    return (\n      <li class=\"pagination-ellipsis\" key={`ellipsis-${key}`}>\n        <br-dropdown>\n          <br-button\n            slot=\"trigger\"\n            shape=\"circle\"\n            type=\"button\"\n            aria-label={this.ellipsisLabel}\n            tabIndex={-1}\n            onKeyDown={this.handlePageKeyDown}\n          >\n            <br-icon icon-name=\"fa6-solid:ellipsis\" aria-hidden=\"true\"></br-icon>\n            <span class=\"visually-hidden\">{this.ellipsisLabel}</span>\n          </br-button>\n          <br-list class={{ 'has-scroll': items.length > 4 }} slot=\"target\" role=\"menu\">\n            {items}\n          </br-list>\n        </br-dropdown>\n      </li>\n    )\n  }\n\n  private renderPages() {\n    const total = Math.max(1, Number(this.total) || 1)\n    const current = this.clampPage(this.current)\n    const nodes = []\n\n    // Layout compacto (xs): reduzir identificadores visíveis e usar reticências quando necessário\n    if (this.isSmall) {\n      if (total <= 3) {\n        for (let p = 1; p <= total; p++) nodes.push(this.renderPageButton(p))\n        return nodes\n      }\n      // Início\n      if (current <= 2) {\n        nodes.push(this.renderPageButton(1))\n        nodes.push(this.renderPageButton(2))\n        nodes.push(this.renderEllipsis(3, total - 1, 'start'))\n        nodes.push(this.renderPageButton(total))\n        return nodes\n      }\n      // Fim\n      if (current >= total - 1) {\n        nodes.push(this.renderPageButton(1))\n        nodes.push(this.renderEllipsis(2, total - 2, 'end'))\n        nodes.push(this.renderPageButton(total - 1))\n        nodes.push(this.renderPageButton(total))\n        return nodes\n      }\n      // Centro\n      nodes.push(this.renderPageButton(1))\n      nodes.push(this.renderEllipsis(2, current - 1, 'left'))\n      nodes.push(this.renderPageButton(current))\n      nodes.push(this.renderEllipsis(current + 1, total - 1, 'right'))\n      nodes.push(this.renderPageButton(total))\n      return nodes\n    }\n\n    // Layout padrão (sm+): comportamento atual\n    if (total <= 7) {\n      for (let p = 1; p <= total; p++) nodes.push(this.renderPageButton(p))\n      return nodes\n    }\n\n    if (current <= 4) {\n      for (let p = 1; p <= 4; p++) nodes.push(this.renderPageButton(p))\n      nodes.push(this.renderEllipsis(5, total - 1, 'start'))\n      nodes.push(this.renderPageButton(total))\n      return nodes\n    }\n\n    if (current >= total - 3) {\n      nodes.push(this.renderPageButton(1))\n      nodes.push(this.renderEllipsis(2, total - 4, 'end'))\n      for (let p = total - 3; p <= total; p++) nodes.push(this.renderPageButton(p))\n      return nodes\n    }\n\n    nodes.push(this.renderPageButton(1))\n    nodes.push(this.renderEllipsis(2, current - 2, 'left'))\n    for (let p = current - 1; p <= current + 1; p++) nodes.push(this.renderPageButton(p))\n    nodes.push(this.renderEllipsis(current + 2, total - 1, 'right'))\n    nodes.push(this.renderPageButton(total))\n\n    return nodes\n  }\n\n  // ====== Contextual variant helpers ======\n  private getTotalPages(): number {\n    const items = Math.max(0, Number(this.totalItems) || 0)\n    const perPage = Math.max(1, Number(this.perPage) || 1)\n    return Math.max(1, Math.ceil(items / perPage))\n  }\n\n  private getRangeInfo(): { start: number; end: number; total: number } {\n    const total = Math.max(0, Number(this.totalItems) || 0)\n    const perPage = Math.max(1, Number(this.perPage) || 1)\n    const current = this.clampPage(this.current)\n    if (total === 0) return { start: 0, end: 0, total }\n    const start = (current - 1) * perPage + 1\n    const end = Math.min(current * perPage, total)\n    return { start, end, total }\n  }\n\n  private readonly handlePerPageChange = (event: CustomEvent<string>) => {\n    const value = Number(event.detail)\n\n    // Ignora se o valor não for um número finito ou não tiver mudado\n    if (!Number.isFinite(value) || value === this.perPage) {\n      return\n    }\n\n    const nextPerPage = Math.max(1, value)\n\n    this.perPage = nextPerPage\n    this.current = this.clampPage(this.current) // Ajusta a página atual\n    this.perPageChange.emit({ perPage: this.perPage })\n\n    // Gerencia o foco após a interação\n    this.lastInteraction = 'perPage'\n    this.queueFocusAfterNavigation()\n  }\n\n  private renderPerPageDropdown() {\n    const options = this.perPageOptions.map((n) => ({\n      label: String(n),\n      value: String(n),\n      selected: n === this.perPage,\n    }))\n    return (\n      <br-select\n        label={this.perPageLabel}\n        isInline\n        inputWidth=\"88px\"\n        borderless\n        options={options as Array<{ label: string; value: string; selected: boolean }>}\n        onValueChange={this.handlePerPageChange}\n      ></br-select>\n    )\n  }\n\n  private renderPerPageSelect() {\n    return <div class=\"pagination-per-page\">{this.renderPerPageDropdown()}</div>\n  }\n\n  private readonly handleGoToPageChange = (event: CustomEvent<string>) => {\n    const value = Number(event.detail)\n    // O fallback para this.current garante que não tentemos navegar para NaN.\n    const next = this.clampPage(Number.isFinite(value) ? value : this.current)\n\n    if (next !== this.current) {\n      this.lastInteraction = 'goTo'\n      this.goTo(next)\n    }\n  }\n\n  private renderGoToSelect() {\n    const totalPages = this.getTotalPages()\n    const options = Array.from({ length: totalPages }, (_, i) => i + 1).map((p) => ({\n      label: String(p),\n      value: String(p),\n      selected: p === this.current,\n    }))\n    return (\n      <div class=\"pagination-go-to-page d-none d-sm-flex ml-auto\">\n        <br-select\n          label={this.goToPageLabel}\n          isInline\n          inputWidth=\"88px\"\n          borderless\n          options={options as Array<{ label: string; value: string; selected: boolean }>}\n          onValueChange={this.handleGoToPageChange}\n        ></br-select>\n      </div>\n    )\n  }\n\n  private renderContextual() {\n    const { start, end, total } = this.getRangeInfo()\n    const totalPages = this.getTotalPages()\n    return (\n      <nav\n        part=\"nav\"\n        class={this.getCssClassMap()}\n        aria-label={this.getComputedNavAriaLabel()}\n        tabIndex={-1}\n        data-total={total}\n        data-current={this.current}\n        data-per-page={this.perPage}\n        id={this.customId}\n      >\n        {this.renderPerPageSelect()}\n        <span class=\"br-divider d-none d-sm-block mx-3\"></span>\n        <div class=\"pagination-information d-none d-sm-flex\" aria-live=\"polite\">\n          <span class=\"current\">{start}</span>\n          &ndash;\n          <span class=\"per-page\">{end}</span>\n          &nbsp;de&nbsp;\n          <span class=\"total\">{total}</span>\n          &nbsp;{this.itemsText}\n        </div>\n        {this.renderGoToSelect()}\n        <span class=\"br-divider d-none d-sm-block mx-3\"></span>\n\n        <div class=\"pagination-arrows ml-auto ml-sm-0\">\n          <br-button\n            part=\"prev-button\"\n            shape=\"circle\"\n            density={this.density}\n            type=\"button\"\n            data-previous-page\n            aria-label={this.previousLabel}\n            onClick={this.handlePrevClick}\n            disabled={this.current <= 1}\n          >\n            <br-icon icon-name=\"fa6-solid:angle-left\" aria-hidden=\"true\"></br-icon>\n            <span class=\"visually-hidden\">{this.previousLabel}</span>\n          </br-button>\n          <br-button\n            part=\"next-button\"\n            shape=\"circle\"\n            density={this.density}\n            type=\"button\"\n            data-next-page\n            aria-label={this.nextLabel}\n            onClick={this.handleNextClick}\n            disabled={this.current >= totalPages}\n          >\n            <br-icon icon-name=\"fa6-solid:angle-right\" aria-hidden=\"true\"></br-icon>\n            <span class=\"visually-hidden\">{this.nextLabel}</span>\n          </br-button>\n        </div>\n        <span class=\"visually-hidden\" aria-live=\"polite\">\n          Página {this.current} de {totalPages}\n        </span>\n      </nav>\n    )\n  }\n\n  render() {\n    if (this.variant === 'contextual') {\n      return <Host>{this.renderContextual()}</Host>\n    }\n\n    return (\n      <Host>\n        <nav\n          part=\"nav\"\n          class={this.getCssClassMap()}\n          aria-label={this.getComputedNavAriaLabel()}\n          tabIndex={-1}\n          data-total={this.total}\n          data-current={this.current}\n          id={this.customId}\n        >\n          <ul part=\"list\">\n            <li>\n              <br-button\n                part=\"prev-button\"\n                shape=\"circle\"\n                density={this.density}\n                type=\"button\"\n                data-previous-page\n                aria-label={this.previousLabel}\n                onClick={this.handlePrevClick}\n                disabled={this.current <= 1}\n              >\n                <br-icon icon-name=\"fa6-solid:angle-left\" aria-hidden=\"true\"></br-icon>\n                <span class=\"visually-hidden\">{this.previousLabel}</span>\n              </br-button>\n            </li>\n            {this.renderPages()}\n            <li>\n              <br-button\n                part=\"next-button\"\n                shape=\"circle\"\n                density={this.density}\n                type=\"button\"\n                data-next-page\n                aria-label={this.nextLabel}\n                onClick={this.handleNextClick}\n                disabled={this.current >= this.total}\n              >\n                <br-icon icon-name=\"fa6-solid:angle-right\" aria-hidden=\"true\"></br-icon>\n                <span class=\"visually-hidden\">{this.nextLabel}</span>\n              </br-button>\n            </li>\n          </ul>\n          <span class=\"visually-hidden\" aria-live=\"polite\">\n            Página {this.current} de {this.total}\n          </span>\n        </nav>\n      </Host>\n    )\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"br-pagination.entry.js","sources":["../../packages/webcomponents/src/components/pagination/pagination.scss?tag=br-pagination&encapsulation=shadow","../../packages/webcomponents/src/components/pagination/pagination.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/pagination/pagination\";\n@import \"~@govbr-ds/core/src/components/divider/divider\";\n\n:host {\n  display: block;\n\n  /* Regra: até 4 itens no dropdown de reticências não deve haver rolagem; a partir de 5, deve. */\n  /* O core aplica scroll sempre em .pagination-ellipsis .br-list; sobrescrevemos aqui. */\n  .pagination-ellipsis br-list {\n    max-height: none;\n    overflow: visible;\n  }\n\n  .pagination-ellipsis br-list.has-scroll {\n    max-height: 220px; /* mantém o valor do core */\n    overflow-y: auto;\n\n    @include scrollbar; /* aplica o estilo da barra de rolagem do DS */\n  }\n\n  .br-pagination button.page:not(.active) {\n    background-color: transparent;\n  }\n}\n\n:host([variant=\"contextual\"]) .br-pagination {\n  justify-content: space-between;\n}\n\n:host(:not([variant=\"contextual\"])) .br-pagination {\n  justify-content: center;\n}\n\n:host([variant=\"contextual\"]) .br-pagination ul {\n  justify-content: center;\n  width: 100%;\n}\n\n:host([color-mode=\"dark\"]) br-select {\n  --color: var(--color-dark);\n  --focus-color: var(--focus-color-dark);\n}\n\n:host([color-mode=\"dark\"]) br-select::part(label) {\n  color: var(--color-dark);\n}\n\n:host([color-mode=\"dark\"]) .br-pagination a.page:not(.active),\n:host([color-mode=\"dark\"]) .br-pagination button.page:not(.active) {\n  color: var(--color);\n  background-color: transparent;\n  border-color: transparent;\n}\n\n.br-pagination.dark-mode .br-select .br-item label,\n.br-pagination.dark-mode .page {\n  color: var(--color-dark);\n  background-color: transparent;\n}\n\n:host([color-mode=\"dark\"]) .br-pagination a.page:not(.active):hover,\n:host([color-mode=\"dark\"]) .br-pagination a.page:not(.active):focus,\n:host([color-mode=\"dark\"]) .br-pagination a.page:not(.active):focus-visible,\n:host([color-mode=\"dark\"]) .br-pagination button.page:not(.active):hover,\n:host([color-mode=\"dark\"]) .br-pagination button.page:not(.active):focus,\n:host([color-mode=\"dark\"]) .br-pagination button.page:not(.active):focus-visible {\n  color: var(--interactive);\n}\n\n/* Realce de foco visível nos identificadores (botões) de página */\n.br-pagination .page:focus-visible {\n  outline: var(--focus) var(--focus-style) var(--focus-width);\n  outline-offset: var(--focus-offset);\n}\n\n.pagination-ellipsis br-button::part(button) {\n  --button-size: var(--pagination-size);\n}\n\n.pagination-ellipsis br-button:focus-visible {\n  outline: var(--focus) var(--focus-style) var(--focus-width);\n  outline-offset: var(--focus-offset);\n  border-radius: 50%;\n}\n\n/* Utilitário para conteúdo apenas para leitores de tela */\n.visually-hidden {\n  position: absolute !important;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap; /* impede quebra de linha */\n}\n\n:host([color-mode=\"dark\"]) br-select::part(radio-label) {\n  color: var(--color-dark);\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\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/pagination?tab=designer).\n *\n * @part nav - Parte para o contêiner raiz da paginação (elemento nav), usada para estilização via ::part().\n * @part list - Parte para a lista de páginas (elemento ul), usada para estilização via ::part().\n * @part page - Parte para os itens de página numérica (elemento a), usada para estilização via ::part().\n * @part prev-button - Parte para o botão de página anterior, usada para estilização via ::part().\n * @part next-button - Parte para o botão de próxima página, usada para estilização via ::part().\n */\n@Component({\n  tag: 'br-pagination',\n  styleUrl: 'pagination.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Pagination {\n  // Índice incremental para diferenciar instâncias em rótulos gerados\n  private static instanceCounter = 0\n  private readonly instanceIndex = ++Pagination.instanceCounter\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrPaginationElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Estado interno para responsividade. Verdadeiro quando viewport < sm.\n   */\n  @State() private isSmall = false\n\n  private mqlSmall?: MediaQueryList\n  private lastInteraction?: 'number' | 'ellipsis' | 'goTo' | 'perPage' | 'programmatic'\n\n  /**\n   * Define se a paginação usará um esquema de cores escuro.\n   * Quando definido como `dark`, aplica a classe `dark-mode` ao container principal.\n   */\n  @Prop({ reflect: true }) readonly colorMode?: 'dark'\n\n  /**\n   * Identificador único; gerado automaticamente quando omitido.\n   */\n  @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId('br-pagination')\n\n  /**\n   * Quantidade total de páginas (mínimo 1).\n   */\n  @Prop({ reflect: true }) readonly total: number = 1\n\n  /**\n   * Página atual (1-indexada). Valores fora do intervalo serão ajustados.\n   */\n  @Prop({ reflect: true, mutable: true }) current: number = 1\n\n  /**\n   * Rótulo acessível do container `nav`.\n   * Se não fornecido, será gerado automaticamente um rótulo descritivo e único\n   * no momento da renderização (ex.: \"Paginação: página 2 de 10\").\n   */\n  @Prop({ reflect: true }) readonly ariaLabel: string\n\n  /**\n   * Rótulo acessível do botão de página anterior.\n   */\n  @Prop({ reflect: true }) readonly previousLabel: string = 'Voltar página'\n\n  /**\n   * Rótulo acessível do botão de próxima página.\n   */\n  @Prop({ reflect: true }) readonly nextLabel: string = 'Página seguinte'\n\n  /**\n   * Rótulo acessível do botão de reticências que abre a lista de páginas ocultas.\n   */\n  @Prop({ reflect: true }) readonly ellipsisLabel: string = 'Abrir ou fechar a lista de paginação'\n\n  /**\n   * Ajusta a densidade da paginação, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\n  @Prop({ reflect: true }) readonly density: 'large' | 'medium' | 'small' = 'medium'\n\n  /**\n   * Variante de renderização do componente.\n   * - `default`: paginação numérica (padrão)\n   * - `contextual`: paginação contextual com seletores e informação de itens\n   */\n  @Prop({ reflect: true }) readonly variant: 'default' | 'contextual' = 'default'\n\n  /**\n   * Total de itens (aplicável na variante contextual).\n   */\n  @Prop({ reflect: true }) readonly totalItems?: number\n\n  /**\n   * Itens por página (aplicável na variante contextual).\n   */\n  @Prop({ reflect: true, mutable: true }) perPage: number = 10\n\n  /**\n   * Opções disponíveis de itens por página (variante contextual).\n   */\n  @Prop({ reflect: false }) perPageOptions: number[] = [10, 20, 30]\n\n  /**\n   * Rótulo do seletor de itens por página (variante contextual).\n   */\n  @Prop({ reflect: true }) readonly perPageLabel: string = 'Exibir'\n\n  /**\n   * Rótulo do seletor \"ir para página\" (variante contextual).\n   */\n  @Prop({ reflect: true }) readonly goToPageLabel: string = 'Página'\n\n  /**\n   * Sufixo textual para a informação de quantidade de itens (variante contextual).\n   */\n  @Prop({ reflect: true }) readonly itemsText: string = 'itens'\n\n  /**\n   * Emite quando a página muda por interação do usuário.\n   */\n  @Event({ bubbles: true, composed: true }) pageChange: EventEmitter<{ page: number }>\n\n  /**\n   * Emite quando o valor de itens por página é alterado (variante contextual).\n   */\n  @Event({ bubbles: true, composed: true }) perPageChange: EventEmitter<{ perPage: number }>\n\n  @Watch('total')\n  handleTotalChange() {\n    this.current = this.clampPage(this.current)\n  }\n\n  @Watch('current')\n  handleCurrentChange(newValue: number) {\n    const clamped = this.clampPage(newValue)\n    if (clamped !== newValue) {\n      this.current = clamped\n    }\n  }\n\n  componentWillLoad() {\n    this.current = this.clampPage(this.current)\n    this.setupMediaQuery()\n  }\n\n  connectedCallback() {\n    this.setupMediaQuery()\n  }\n\n  disconnectedCallback() {\n    this.cleanupMediaQuery()\n  }\n\n  private setupMediaQuery() {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return\n    const query = '(max-width: 575.98px)'\n    try {\n      this.mqlSmall = window.matchMedia(query)\n      this.isSmall = this.mqlSmall.matches\n      const handler = (e: MediaQueryListEvent) => {\n        this.isSmall = e.matches\n      }\n      if ('addEventListener' in this.mqlSmall) {\n        this.mqlSmall.addEventListener('change', handler)\n        ;(this.mqlSmall as MediaQueryList & { _handler?: (e: MediaQueryListEvent) => void })._handler = handler\n      } else if ('addListener' in this.mqlSmall) {\n        // @ts-expect-error legacy\n        this.mqlSmall.addListener(handler)\n        ;(this.mqlSmall as MediaQueryList & { _handler?: (e: MediaQueryListEvent) => void })._handler = handler\n      }\n    } catch {\n      console.warn(`Media Query \"${query}\" is not supported in this browser.`)\n      this.mqlSmall = undefined\n      this.isSmall = false\n    }\n  }\n\n  private cleanupMediaQuery() {\n    if (this.mqlSmall === undefined) return\n    const handler = (this.mqlSmall as MediaQueryList & { _handler?: (e: MediaQueryListEvent) => void })._handler\n    if (handler !== undefined) {\n      if ('removeEventListener' in this.mqlSmall) {\n        this.mqlSmall.removeEventListener('change', handler)\n      } else if ('removeListener' in this.mqlSmall) {\n        // @ts-expect-error legacy\n        this.mqlSmall.removeListener(handler)\n      }\n      delete (this.mqlSmall as MediaQueryList & { _handler?: (e: MediaQueryListEvent) => void })._handler\n    }\n    this.mqlSmall = undefined\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-pagination': true,\n      small: this.density === 'small',\n      large: this.density === 'large',\n      medium: this.density === 'medium',\n      'dark-mode': this.colorMode === 'dark',\n    }\n  }\n\n  private clampPage(value: number): number {\n    const total = this.variant === 'contextual' ? this.getTotalPages() : Math.max(1, Number(this.total) || 1)\n    const clampedValue = Math.max(1, Number(value) || 1)\n    return Math.min(clampedValue, total)\n  }\n\n  private readonly goTo = (page: number) => {\n    const next = this.clampPage(page)\n    if (next !== this.current) {\n      this.current = next\n      this.pageChange.emit({ page: this.current })\n    }\n    // Gerenciar foco após mudanças iniciadas pelo usuário\n    this.queueFocusAfterNavigation()\n  }\n\n  private readonly handlePrevClick = (event: MouseEvent) => {\n    event.preventDefault()\n    if (this.current > 1) {\n      this.goTo(this.current - 1)\n    }\n  }\n\n  private readonly handleNextClick = (event: MouseEvent) => {\n    event.preventDefault()\n    const maxPages = this.variant === 'contextual' ? this.getTotalPages() : this.total\n    if (this.current < maxPages) {\n      this.goTo(this.current + 1)\n    }\n  }\n\n  private readonly handlePageClickFactory = (page: number) => {\n    return (event: MouseEvent) => {\n      event.preventDefault()\n      this.lastInteraction = 'number'\n      this.goTo(page)\n    }\n  }\n\n  private readonly handleEllipsisItemClickFactory = (page: number) => {\n    return () => {\n      this.lastInteraction = 'ellipsis'\n      this.goTo(page)\n    }\n  }\n\n  private getVisiblePageButtons(): HTMLElement[] {\n    const root = this.el.shadowRoot\n    if (root === null) return []\n    return Array.from(\n      root.querySelectorAll<HTMLElement>('button.page[part=\"page\"], .pagination-ellipsis br-button[slot=\"trigger\"]')\n    )\n  }\n\n  private focusPageButtonByIndex(index: number) {\n    const buttons = this.getVisiblePageButtons()\n    if (buttons.length === 0) return\n    const clamped = Math.max(0, Math.min(index, buttons.length - 1))\n    const btn = buttons[clamped]\n    // Garantir roving tabindex\n    buttons.forEach((b, i) => (b.tabIndex = i === clamped ? 0 : -1))\n    btn.focus()\n  }\n\n  private readonly handlePageKeyDown = (ev: KeyboardEvent) => {\n    const target = ev.target as HTMLElement | null\n    // Aceita tanto o botão de página quanto o botão de reticências\n    if (\n      !target?.matches('button.page[part=\"page\"]') &&\n      !target?.matches('.pagination-ellipsis br-button[slot=\"trigger\"]')\n    ) {\n      return\n    }\n    const buttons = this.getVisiblePageButtons()\n    const idx = buttons.indexOf(target)\n    if (idx === -1) return\n    switch (ev.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        ev.preventDefault()\n        this.focusPageButtonByIndex(idx + 1)\n        break\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        ev.preventDefault()\n        this.focusPageButtonByIndex(idx - 1)\n        break\n      case 'Home':\n        ev.preventDefault()\n        this.focusPageButtonByIndex(0)\n        break\n      case 'End':\n        ev.preventDefault()\n        this.focusPageButtonByIndex(buttons.length - 1)\n        break\n      default:\n        break\n    }\n  }\n\n  private queueFocusAfterNavigation() {\n    // Diferir para após renderização (fallback em ambientes sem RAF)\n    const defer =\n      typeof requestAnimationFrame === 'function'\n        ? requestAnimationFrame\n        : (cb: FrameRequestCallback) => setTimeout(() => cb(0), 0)\n    defer(() => {\n      if (this.variant === 'contextual') {\n        this.lastInteraction = undefined\n        return\n      }\n\n      // Variant default: focar no botão da página atual ao vir de reticências\n      if (this.lastInteraction === 'ellipsis' || this.lastInteraction === 'number') {\n        const buttons = this.getVisiblePageButtons()\n        const currentBtn = buttons.find((b) => b.getAttribute('aria-current') === 'page')\n        if (currentBtn !== null && currentBtn !== undefined) {\n          // Roving tabindex: somente o atual recebe 0\n          buttons.forEach((b) => (b.tabIndex = b === currentBtn ? 0 : -1))\n          currentBtn.focus()\n        }\n      }\n      this.lastInteraction = undefined\n    })\n  }\n\n  private getComputedNavAriaLabel(): string {\n    // Respeita o valor fornecido externamente\n    if (this.ariaLabel && String(this.ariaLabel).trim().length > 0) return this.ariaLabel\n\n    // Constrói um rótulo único e descritivo baseado no estado atual\n    if (this.variant === 'contextual') {\n      const totalPages = this.getTotalPages()\n      return `Paginação ${this.instanceIndex}: página ${this.current} de ${totalPages}`\n    }\n    const total = Math.max(1, Number(this.total) || 1)\n    return `Paginação ${this.instanceIndex}: página ${this.current} de ${total}`\n  }\n\n  private renderPageButton(page: number) {\n    return (\n      <li key={page}>\n        <button\n          part=\"page\"\n          class={{ page: true, active: page === this.current }}\n          aria-label={`Página ${page}`}\n          aria-current={page === this.current ? 'page' : null}\n          type=\"button\"\n          tabIndex={page === this.current ? 0 : -1}\n          onClick={this.handlePageClickFactory(page)}\n          onKeyDown={this.handlePageKeyDown}\n        >\n          {page}\n        </button>\n      </li>\n    )\n  }\n\n  private renderEllipsis(from: number, to: number, key: string) {\n    if (to < from) return null\n    const items = []\n    for (let p = from; p <= to; p++) {\n      items.push(\n        <br-item\n          isButton\n          role=\"menuitem\"\n          onBrDidClick={this.handleEllipsisItemClickFactory(p)}\n          aria-label={`Página ${p}`}\n        >\n          {p}\n        </br-item>\n      )\n    }\n    return (\n      <li class=\"pagination-ellipsis\" key={`ellipsis-${key}`}>\n        <br-dropdown>\n          <br-button\n            slot=\"trigger\"\n            shape=\"circle\"\n            type=\"button\"\n            aria-label={this.ellipsisLabel}\n            tabIndex={-1}\n            onKeyDown={this.handlePageKeyDown}\n          >\n            <br-icon icon-name=\"fa6-solid:ellipsis\" aria-hidden=\"true\"></br-icon>\n            <span class=\"visually-hidden\">{this.ellipsisLabel}</span>\n          </br-button>\n          <br-list class={{ 'has-scroll': items.length > 4 }} slot=\"target\" role=\"menu\">\n            {items}\n          </br-list>\n        </br-dropdown>\n      </li>\n    )\n  }\n\n  private renderPages() {\n    const total = Math.max(1, Number(this.total) || 1)\n    const current = this.clampPage(this.current)\n    const nodes = []\n\n    // Layout compacto (xs): reduzir identificadores visíveis e usar reticências quando necessário\n    if (this.isSmall) {\n      if (total <= 3) {\n        for (let p = 1; p <= total; p++) nodes.push(this.renderPageButton(p))\n        return nodes\n      }\n      // Início\n      if (current <= 2) {\n        nodes.push(this.renderPageButton(1))\n        nodes.push(this.renderPageButton(2))\n        nodes.push(this.renderEllipsis(3, total - 1, 'start'))\n        nodes.push(this.renderPageButton(total))\n        return nodes\n      }\n      // Fim\n      if (current >= total - 1) {\n        nodes.push(this.renderPageButton(1))\n        nodes.push(this.renderEllipsis(2, total - 2, 'end'))\n        nodes.push(this.renderPageButton(total - 1))\n        nodes.push(this.renderPageButton(total))\n        return nodes\n      }\n      // Centro\n      nodes.push(this.renderPageButton(1))\n      nodes.push(this.renderEllipsis(2, current - 1, 'left'))\n      nodes.push(this.renderPageButton(current))\n      nodes.push(this.renderEllipsis(current + 1, total - 1, 'right'))\n      nodes.push(this.renderPageButton(total))\n      return nodes\n    }\n\n    // Layout padrão (sm+): comportamento atual\n    if (total <= 7) {\n      for (let p = 1; p <= total; p++) nodes.push(this.renderPageButton(p))\n      return nodes\n    }\n\n    if (current <= 4) {\n      for (let p = 1; p <= 4; p++) nodes.push(this.renderPageButton(p))\n      nodes.push(this.renderEllipsis(5, total - 1, 'start'))\n      nodes.push(this.renderPageButton(total))\n      return nodes\n    }\n\n    if (current >= total - 3) {\n      nodes.push(this.renderPageButton(1))\n      nodes.push(this.renderEllipsis(2, total - 4, 'end'))\n      for (let p = total - 3; p <= total; p++) nodes.push(this.renderPageButton(p))\n      return nodes\n    }\n\n    nodes.push(this.renderPageButton(1))\n    nodes.push(this.renderEllipsis(2, current - 2, 'left'))\n    for (let p = current - 1; p <= current + 1; p++) nodes.push(this.renderPageButton(p))\n    nodes.push(this.renderEllipsis(current + 2, total - 1, 'right'))\n    nodes.push(this.renderPageButton(total))\n\n    return nodes\n  }\n\n  // ====== Contextual variant helpers ======\n  private getTotalPages(): number {\n    const items = Math.max(0, Number(this.totalItems) || 0)\n    const perPage = Math.max(1, Number(this.perPage) || 1)\n    return Math.max(1, Math.ceil(items / perPage))\n  }\n\n  private getRangeInfo(): { start: number; end: number; total: number } {\n    const total = Math.max(0, Number(this.totalItems) || 0)\n    const perPage = Math.max(1, Number(this.perPage) || 1)\n    const current = this.clampPage(this.current)\n    if (total === 0) return { start: 0, end: 0, total }\n    const start = (current - 1) * perPage + 1\n    const end = Math.min(current * perPage, total)\n    return { start, end, total }\n  }\n\n  private readonly handlePerPageChange = (event: CustomEvent<string>) => {\n    const value = Number(event.detail)\n\n    // Ignora se o valor não for um número finito ou não tiver mudado\n    if (!Number.isFinite(value) || value === this.perPage) {\n      return\n    }\n\n    const nextPerPage = Math.max(1, value)\n\n    this.perPage = nextPerPage\n    this.current = this.clampPage(this.current) // Ajusta a página atual\n    this.perPageChange.emit({ perPage: this.perPage })\n\n    // Gerencia o foco após a interação\n    this.lastInteraction = 'perPage'\n    this.queueFocusAfterNavigation()\n  }\n\n  private renderPerPageDropdown() {\n    const options = this.perPageOptions.map((n) => ({\n      label: String(n),\n      value: String(n),\n      selected: n === this.perPage,\n    }))\n    return (\n      <br-select\n        label={this.perPageLabel}\n        isInline\n        inputWidth=\"88px\"\n        borderless\n        options={options as Array<{ label: string; value: string; selected: boolean }>}\n        onValueChange={this.handlePerPageChange}\n      ></br-select>\n    )\n  }\n\n  private renderPerPageSelect() {\n    return <div class=\"pagination-per-page\">{this.renderPerPageDropdown()}</div>\n  }\n\n  private readonly handleGoToPageChange = (event: CustomEvent<string>) => {\n    const value = Number(event.detail)\n    // O fallback para this.current garante que não tentemos navegar para NaN.\n    const next = this.clampPage(Number.isFinite(value) ? value : this.current)\n\n    if (next !== this.current) {\n      this.lastInteraction = 'goTo'\n      this.goTo(next)\n    }\n  }\n\n  private renderGoToSelect() {\n    const totalPages = this.getTotalPages()\n    const options = Array.from({ length: totalPages }, (_, i) => i + 1).map((p) => ({\n      label: String(p),\n      value: String(p),\n      selected: p === this.current,\n    }))\n    return (\n      <div class=\"pagination-go-to-page d-none d-sm-flex ml-auto\">\n        <br-select\n          label={this.goToPageLabel}\n          isInline\n          inputWidth=\"88px\"\n          borderless\n          options={options as Array<{ label: string; value: string; selected: boolean }>}\n          onValueChange={this.handleGoToPageChange}\n        ></br-select>\n      </div>\n    )\n  }\n\n  private renderContextual() {\n    const { start, end, total } = this.getRangeInfo()\n    const totalPages = this.getTotalPages()\n    return (\n      <nav\n        part=\"nav\"\n        class={this.getCssClassMap()}\n        aria-label={this.getComputedNavAriaLabel()}\n        tabIndex={-1}\n        data-total={total}\n        data-current={this.current}\n        data-per-page={this.perPage}\n        id={this.customId}\n      >\n        {this.renderPerPageSelect()}\n        <span class=\"br-divider d-none d-sm-block mx-3\"></span>\n        <div class=\"pagination-information d-none d-sm-flex\" aria-live=\"polite\">\n          <span class=\"current\">{start}</span>\n          &ndash;\n          <span class=\"per-page\">{end}</span>\n          &nbsp;de&nbsp;\n          <span class=\"total\">{total}</span>\n          &nbsp;{this.itemsText}\n        </div>\n        {this.renderGoToSelect()}\n        <span class=\"br-divider d-none d-sm-block mx-3\"></span>\n\n        <div class=\"pagination-arrows ml-auto ml-sm-0\">\n          <br-button\n            part=\"prev-button\"\n            shape=\"circle\"\n            density={this.density}\n            type=\"button\"\n            data-previous-page\n            aria-label={this.previousLabel}\n            onClick={this.handlePrevClick}\n            disabled={this.current <= 1}\n          >\n            <br-icon icon-name=\"fa6-solid:angle-left\" aria-hidden=\"true\"></br-icon>\n            <span class=\"visually-hidden\">{this.previousLabel}</span>\n          </br-button>\n          <br-button\n            part=\"next-button\"\n            shape=\"circle\"\n            density={this.density}\n            type=\"button\"\n            data-next-page\n            aria-label={this.nextLabel}\n            onClick={this.handleNextClick}\n            disabled={this.current >= totalPages}\n          >\n            <br-icon icon-name=\"fa6-solid:angle-right\" aria-hidden=\"true\"></br-icon>\n            <span class=\"visually-hidden\">{this.nextLabel}</span>\n          </br-button>\n        </div>\n        <span class=\"visually-hidden\" aria-live=\"polite\">\n          Página {this.current} de {totalPages}\n        </span>\n      </nav>\n    )\n  }\n\n  render() {\n    if (this.variant === 'contextual') {\n      return <Host>{this.renderContextual()}</Host>\n    }\n\n    return (\n      <Host>\n        <nav\n          part=\"nav\"\n          class={this.getCssClassMap()}\n          aria-label={this.getComputedNavAriaLabel()}\n          tabIndex={-1}\n          data-total={this.total}\n          data-current={this.current}\n          id={this.customId}\n        >\n          <ul part=\"list\">\n            <li>\n              <br-button\n                part=\"prev-button\"\n                shape=\"circle\"\n                density={this.density}\n                type=\"button\"\n                data-previous-page\n                aria-label={this.previousLabel}\n                onClick={this.handlePrevClick}\n                disabled={this.current <= 1}\n              >\n                <br-icon icon-name=\"fa6-solid:angle-left\" aria-hidden=\"true\"></br-icon>\n                <span class=\"visually-hidden\">{this.previousLabel}</span>\n              </br-button>\n            </li>\n            {this.renderPages()}\n            <li>\n              <br-button\n                part=\"next-button\"\n                shape=\"circle\"\n                density={this.density}\n                type=\"button\"\n                data-next-page\n                aria-label={this.nextLabel}\n                onClick={this.handleNextClick}\n                disabled={this.current >= this.total}\n              >\n                <br-icon icon-name=\"fa6-solid:angle-right\" aria-hidden=\"true\"></br-icon>\n                <span class=\"visually-hidden\">{this.nextLabel}</span>\n              </br-button>\n            </li>\n          </ul>\n          <span class=\"visually-hidden\" aria-live=\"polite\">\n            Página {this.current} de {this.total}\n          </span>\n        </nav>\n      </Host>\n    )\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/br-scrim.entry.js

@@ -2,10 +2,10 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-ByGJPTh2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CgnD6TrP.js';
 import { H as Helpers } from './helpers-D4N4PPot.js';
 
-const scrimCss = "*,*::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)}:host{--br-scrim-opacity:1}:host .br-scrim{visibility:hidden;-webkit-transition:visibility .3s ease;transition:visibility .3s ease;z-index:var(--z-index-layer-4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:auto}:host .br-scrim.mode-fullscreen{position:fixed;inset:0}:host .br-scrim.mode-parent{position:absolute;inset:0;width:100%;height:100%}:host .br-scrim.opened{visibility:visible;pointer-events:auto}:host .mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--surface-overlay-scrim);opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;pointer-events:auto}:host .br-scrim.opened .mask{opacity:var(--br-scrim-opacity)}:host .content{position:relative;outline:none;pointer-events:auto;opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;background:rgba(0,0,0,0);padding:0;margin:0;border:none;-webkit-box-shadow:none;box-shadow:none;overflow:visible;contain:none;display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;z-index:calc(var(--z-index-layer-4) + 1)}:host .content:focus{outline:var(--focus-outline);outline-offset:var(--focus-offset);-webkit-box-shadow:var(--focus-shadow);box-shadow:var(--focus-shadow)}:host .br-scrim.opened .content{opacity:1;-webkit-transform:scale(1);transform:scale(1);pointer-events:auto}:host .br-scrim.position-top .content{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host .br-scrim.position-bottom .content{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host .br-scrim.position-left .content{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host .br-scrim.position-right .content{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host .br-scrim.position-center .content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host .content ::slotted(*){opacity:1 !important;-webkit-filter:none;filter:none}@media (width <= 768px){:host .content{max-width:95%;max-height:95%;width:auto}:host .br-scrim.position-top .content,:host .br-scrim.position-bottom .content{width:100%;max-width:100%;border-radius:0}}";
+const scrimCss = "*,*::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)}:host{--br-scrim-opacity:1}:host .br-scrim{visibility:hidden;-webkit-transition:visibility .3s ease;transition:visibility .3s ease;z-index:var(--z-index-layer-4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:auto}:host .br-scrim.mode-fullscreen{position:fixed;inset:0}:host .br-scrim.mode-parent{position:absolute;inset:0;width:100%;height:100%}:host .br-scrim.opened{visibility:visible;pointer-events:auto}:host .mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--surface-overlay-scrim);opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;pointer-events:auto}:host .br-scrim.opened .mask{opacity:var(--br-scrim-opacity)}:host .content{position:relative;outline:none;pointer-events:auto;opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;background:rgba(0,0,0,0);padding:0;margin:0;border:none;-webkit-box-shadow:none;box-shadow:none;overflow:visible;contain:none;display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;z-index:calc(var(--z-index-layer-4) + 1)}:host .content:focus{outline:var(--focus-outline);outline-offset:var(--focus-offset);-webkit-box-shadow:var(--focus-shadow);box-shadow:var(--focus-shadow)}:host .br-scrim.opened .content{opacity:1;-webkit-transform:scale(1);transform:scale(1);pointer-events:auto}:host .br-scrim.position-top .content{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host .br-scrim.position-bottom .content{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host .br-scrim.position-left .content{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host .br-scrim.position-right .content{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host .br-scrim.position-center .content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host .content ::slotted(*){opacity:1 !important;-webkit-filter:none;filter:none}@media (width <= 768px){:host .content{max-width:95%;max-height:95%;width:auto}:host .br-scrim.position-top .content,:host .br-scrim.position-bottom .content{width:100%;max-width:100%;border-radius:0}}";
 
 const Scrim = class {
     constructor(hostRef) {
@@ -86,9 +86,26 @@ const Scrim = class {
         this.previouslyFocusedElement = null;
         this.focusTimeoutId = null;
         this.restoreFocusTimeoutId = null;
-        // ======================================================================
-        // GERENCIAMENTO DE COMPONENTES FILHOS
-        // ======================================================================
+        /**
+         * Flag que suprime handleGlobalFocus enquanto a modal filha está
+         * gerenciando ativamente sua própria sequência de foco (moveFocusIntoModal).
+         */
+        this.isModalFocusing = false;
+        this.modalFocusSuppressId = null;
+        /**
+         * Handler para o evento `brModalFocusReady` emitido pela modal filha.
+         * Desativa o guard imediatamente assim que o foco está estabilizado,
+         * cancelando o timeout de segurança do `suppressFocusGuard`.
+         */
+        this.handleModalFocusReady = () => {
+            if (!this.isModalFocusing)
+                return;
+            this.isModalFocusing = false;
+            if (this.modalFocusSuppressId !== null) {
+                clearTimeout(this.modalFocusSuppressId);
+                this.modalFocusSuppressId = null;
+            }
+        };
         /**
          * Handler para evento brModalOpen emitido por modal filha
          */
@@ -96,6 +113,7 @@ const Scrim = class {
             const modalElement = event.target;
             if (!this.isDirectChild(modalElement))
                 return;
+            this.suppressFocusGuard();
             if (!this.isOpen) {
                 this.open();
             }
@@ -148,15 +166,25 @@ const Scrim = class {
                 return;
             }
             if (event.key === 'Tab') {
+                const modalChild = this.findModalChild();
+                if (modalChild !== null && modalChild.show)
+                    return;
                 this.handleTabNavigation(event);
             }
         };
-        // Intercepta TODOS os eventos de teclado globalmente quando scrim está ativo
+        /**
+         * Intercepta todos os eventos de teclado globalmente quando o scrim está ativo.
+         *
+         * Usa `composedPath()[0]` para obter o elemento real com foco, mesmo dentro de shadow roots.
+         * `event.target` é retargetado ao cruzar shadow boundaries e não reflete o elemento concreto
+         * quando o foco está dentro do shadow DOM de componentes filhos como `br-modal`.
+         */
         this.handleGlobalKeyDown = (event) => {
+            var _a, _b;
             if (!this.isActive)
                 return;
-            const target = event.target;
-            if (!this.isElementInsideScrim(target)) {
+            const realTarget = ((_b = (_a = event.composedPath) === null || _a === void 0 ? void 0 : _a.call(event)[0]) !== null && _b !== void 0 ? _b : event.target);
+            if (!this.isElementInsideScrim(realTarget)) {
                 event.preventDefault();
                 event.stopPropagation();
                 event.stopImmediatePropagation();
@@ -189,10 +217,14 @@ const Scrim = class {
          * Intercepta eventos de foco globalmente
          */
         this.handleGlobalFocus = (event) => {
+            var _a, _b;
             if (!this.isActive)
                 return;
-            const target = event.target;
-            if (!this.isElementInsideScrim(target)) {
+            const realTarget = ((_b = (_a = event.composedPath) === null || _a === void 0 ? void 0 : _a.call(event)[0]) !== null && _b !== void 0 ? _b : event.target);
+            const insideScrim = this.isElementInsideScrim(realTarget);
+            if (this.isModalFocusing)
+                return;
+            if (!insideScrim) {
                 event.preventDefault();
                 event.stopPropagation();
                 event.stopImmediatePropagation();
@@ -238,9 +270,15 @@ const Scrim = class {
             this.previouslyFocusedElement = document.activeElement;
             this.applyScrollStrategy();
             this.addGlobalEventInterception();
-            this.focusTimeoutId = setTimeout(() => {
-                this.focusFirstElement();
-            }, 100);
+            const hasModalChild = this.findModalChild() !== null;
+            if (hasModalChild) {
+                this.suppressFocusGuard();
+            }
+            else {
+                this.focusTimeoutId = setTimeout(() => {
+                    this.focusFirstElement();
+                }, 100);
+            }
             this.brScrimOpen.emit();
         }
         else {
@@ -279,7 +317,13 @@ const Scrim = class {
         if (this.isActive) {
             this.applyScrollStrategy();
             this.addGlobalEventInterception();
-            this.focusFirstElement();
+            const modalChild = this.findModalChild();
+            if (modalChild === null) {
+                this.focusFirstElement();
+            }
+            else {
+                this.suppressFocusGuard();
+            }
         }
     }
     /**
@@ -318,6 +362,31 @@ const Scrim = class {
         this.cleanupActivatorSlotClick();
         this.removeGlobalEventInterception();
         this.removeModalEventListener();
+        if (this.modalFocusSuppressId !== null) {
+            clearTimeout(this.modalFocusSuppressId);
+            this.modalFocusSuppressId = null;
+        }
+    }
+    // ======================================================================
+    // GERENCIAMENTO DE COMPONENTES FILHOS
+    // ======================================================================
+    /**
+     * Ativa o guard que suprime `handleGlobalFocus` enquanto a modal filha executa
+     * sua sequência assíncrona de foco (`moveFocusIntoModal`).
+     *
+     * O guard é desativado assim que o evento `brModalFocusReady` chega (via
+     * `handleModalFocusReady`). O timeout é apenas um safety net para o caso de
+     * o evento nunca chegar (ex: erro interno na modal).
+     */
+    suppressFocusGuard(safetyMs = 1000) {
+        this.isModalFocusing = true;
+        if (this.modalFocusSuppressId !== null) {
+            clearTimeout(this.modalFocusSuppressId);
+        }
+        this.modalFocusSuppressId = setTimeout(() => {
+            this.isModalFocusing = false;
+            this.modalFocusSuppressId = null;
+        }, safetyMs);
     }
     /**
      * Verifica se um elemento é filho direto deste scrim (não nested)
@@ -327,11 +396,12 @@ const Scrim = class {
         return children.some((child) => child === element || child.contains(element));
     }
     /**
-     * Adiciona listeners para eventos brModalOpen e brModalClose das modais filhas
+     * Adiciona listeners para eventos brModalOpen, brModalClose e brModalFocusReady das modais filhas
      */
     listenToModalEvents() {
         this.el.addEventListener('brModalOpen', this.handleModalOpen);
         this.el.addEventListener('brModalClose', this.handleModalClose);
+        this.el.addEventListener('brModalOpened', this.handleModalFocusReady);
     }
     /**
      * Remove listeners dos eventos da modal
@@ -339,6 +409,7 @@ const Scrim = class {
     removeModalEventListener() {
         this.el.removeEventListener('brModalOpen', this.handleModalOpen);
         this.el.removeEventListener('brModalClose', this.handleModalClose);
+        this.el.removeEventListener('brModalOpened', this.handleModalFocusReady);
     }
     /**
      * Retorna os elementos filhos diretos do scrim via slot padrão
@@ -492,8 +563,16 @@ const Scrim = class {
     // ACESSIBILIDADE E GERENCIAMENTO DE FOCO
     // ======================================================================
     focusFirstElement() {
+        var _a;
         if (this.contentRef == null)
             return;
+        const modalChild = this.findModalChild();
+        if (modalChild !== null && modalChild.show) {
+            // Devolver foco ao container da modal — a própria modal gerencia Tab/Shift+Tab internamente
+            const modalDialogEl = (_a = modalChild.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.br-modal');
+            modalDialogEl === null || modalDialogEl === void 0 ? void 0 : modalDialogEl.focus();
+            return;
+        }
         this.contentRef.setAttribute('tabindex', '-1');
         this.contentRef.focus();
         const focusableElements = this.getFocusableElements();
@@ -558,7 +637,6 @@ const Scrim = class {
     }
     shouldHandleEscape(event) {
         if ((event.key === 'Escape' || event.key === 'Esc') && this.isActive && !this.disableCloseOnClick) {
-            // Não fecha se tiver modal filha com autoClose=false ou não definido
             return !this.hasModalWithAutoClose();
         }
         return false;
@@ -572,25 +650,42 @@ const Scrim = class {
         const firstElement = focusableElements[0];
         const lastElement = focusableElements[focusableElements.length - 1];
         const isTabForward = !event.shiftKey;
-        if (this.shouldTrapFocus(isTabForward, firstElement, lastElement)) {
+        if (this.shouldTrapFocus(isTabForward, firstElement, lastElement, event)) {
             event.preventDefault();
             this.wrapFocus(isTabForward, firstElement, lastElement);
         }
     }
-    shouldTrapFocus(isTabForward, firstElement, lastElement) {
-        return ((isTabForward && document.activeElement === lastElement) ||
-            (!isTabForward && document.activeElement === firstElement));
+    shouldTrapFocus(isTabForward, firstElement, lastElement, event) {
+        var _a, _b;
+        const activeEl = ((_b = (_a = event === null || event === void 0 ? void 0 : event.composedPath) === null || _a === void 0 ? void 0 : _a.call(event)[0]) !== null && _b !== void 0 ? _b : document.activeElement);
+        return (isTabForward && activeEl === lastElement) || (!isTabForward && activeEl === firstElement);
     }
     wrapFocus(isTabForward, firstElement, lastElement) {
         (isTabForward ? firstElement : lastElement).focus();
     }
     /**
-     * Verifica se um elemento está dentro do scrim
+     * Verifica se um elemento está dentro do scrim.
+     * Funciona com shadow DOM: aceita tanto o host (br-modal) quanto elementos
+     * dentro de shadow roots filhos — verifica o host mais próximo via getRootNode.
      */
     isElementInsideScrim(element) {
         if (this.el.contains(element)) {
             return true;
         }
+        let node = element;
+        while (node !== null && node !== document) {
+            const root = node.getRootNode();
+            if (root instanceof ShadowRoot) {
+                const host = root.host;
+                if (this.el.contains(host)) {
+                    return true;
+                }
+                node = host;
+            }
+            else {
+                break;
+            }
+        }
         return false;
     }
     /**
@@ -605,8 +700,7 @@ const Scrim = class {
         document.addEventListener('click', this.handleGlobalClick, true);
         document.addEventListener('mousedown', this.handleGlobalClick, true);
         document.addEventListener('mouseup', this.handleGlobalClick, true);
-        // Intercepta eventos de foco
-        document.addEventListener('focus', this.handleGlobalFocus, true);
+        // Intercepta eventos de foco.
         document.addEventListener('focusin', this.handleGlobalFocus, true);
     }
     /**
@@ -619,7 +713,6 @@ const Scrim = class {
         document.removeEventListener('click', this.handleGlobalClick, true);
         document.removeEventListener('mousedown', this.handleGlobalClick, true);
         document.removeEventListener('mouseup', this.handleGlobalClick, true);
-        document.removeEventListener('focus', this.handleGlobalFocus, true);
         document.removeEventListener('focusin', this.handleGlobalFocus, true);
     }
     // ======================================================================
@@ -667,7 +760,7 @@ const Scrim = class {
         this.isOpen = !this.isActive;
     }
     render() {
-        return (h(Host, { key: '249de7af4056263464615cbe086b419f74b8981b' }, h("slot", { key: '1698faa6b492e1ec594eba8425f20582a2af0e4a', name: "activator" }), h("div", { key: 'adedf3eb84f3d8f79ac9bb19209022301453c019', class: this.getCssClassMap(), id: this.customId, role: "dialog", "aria-modal": "true", "aria-label": this.ariaLabel || 'Conteúdo do diálogo', "data-visible": this.isActive ? 'true' : 'false' }, h("div", { key: 'ef7408a6672fabf4d2f79bc7922f301fd102652e', class: "mask", onClick: this.handleMaskClick }), h("div", { key: '91ffb1a84478f09fc90cefbb97180c5db13dba5c', ref: (el) => (this.contentRef = el), id: `${this.customId}-content`, class: "content", tabIndex: -1, onKeyDown: this.handleKeyDown }, h("slot", { key: '0600ac804980446103154cebf83389ac92e44d9d' })))));
+        return (h(Host, { key: 'bcfba2c897202345b8acdf02569b61a964a9073e' }, h("slot", { key: '259b6a5462f5bee653f1279ee817559d4df57ee6', name: "activator" }), h("div", { key: 'dca19338dcbc941ba37c1f100845cca0224513ca', class: this.getCssClassMap(), id: this.customId, role: "dialog", "aria-modal": "true", "aria-label": this.ariaLabel || 'Conteúdo do diálogo', "data-visible": this.isActive ? 'true' : 'false' }, h("div", { key: '3388a6105defe451469605dc2650b5e1064dda91', class: "mask", onClick: this.handleMaskClick }), h("div", { key: '5e2a40614096c5f851171a1e12b4e57d0aa2dfba', ref: (el) => (this.contentRef = el), id: `${this.customId}-content`, class: "content", tabIndex: -1, onKeyDown: this.handleKeyDown }, h("slot", { key: '37b51963207a3d09706f853232c6777dfe8476a2' })))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }