@govbr-ds/webcomponents 2.0.0-next.57 → 2.0.0-next.58

package/dist/components/p-CqGm9xxH.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["menuItemCss","MenuItem","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","href","target","divider","active","displayMode","expanded","render","classes","isExpandable","aria","String","targetAttr","anchor","h","Object","assign","key","class","role","icon","Host"],"sources":["../../packages/webcomponents/src/components/menu/menu-item/menu-item.scss?tag=br-menu-item&encapsulation=shadow","../../packages/webcomponents/src/components/menu/menu-item/menu-item.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/menu/mixins\";\n@include menu-header;\n@include menu-body;\n@include menu-footer;\n@include menu-items;\n@include menu-side-menu;\n\n:host {\n  display: block;\n}\n\n// Ajustes de densidade propagados a partir do ancestral <br-menu>\n// Densidade alta (small): itens mais compactos\n:host-context(br-menu[density=\"small\"]) .menu-item {\n  padding-block: var(--spacing-scale-base);\n}\n\n// Densidade baixa (large): itens com maior espaçamento\n:host-context(br-menu[density=\"large\"]) .menu-item {\n  padding-block: var(--spacing-scale-3x);\n}\n\n.divider-item {\n  border-bottom: 1px solid var(--border-color);\n}\ns a.menu-item.active {\n  background-color: var(--active);\n  --interactive: var(--color-dark);\n  --interactive-rgb: var(--color-dark-rgb);\n}\n","import { Component, h, Host, Prop } from '@stencil/core'\n\n@Component({\n  tag: 'br-menu-item',\n  styleUrl: 'menu-item.scss',\n  shadow: true,\n})\nexport class MenuItem {\n  /**\n   * Ícone exibido no item do menu.\n   * Utilize esta propriedade para definir o ícone que será mostrado ao lado do conteúdo do item.\n   */\n  @Prop() icon: string\n\n  /**\n   * URL de destino do link do item do menu.\n   * Utilize esta propriedade para definir o endereço para onde o usuário será direcionado ao clicar no item.\n   * @default '#'\n   */\n  @Prop() href: string = '#'\n\n  /**\n   * Define como o link será aberto.\n   * - `_self`: abre no mesmo contexto de navegação (padrão)\n   * - `_blank`: abre em nova aba ou janela\n   * - `_parent`: abre no contexto pai\n   * - `_top`: abre no contexto de nível superior\n   */\n  @Prop() target?: '_self' | '_blank' | '_parent' | '_top' = '_blank'\n\n  /**\n   * Define se o item deve exibir um divisor visual.\n   * Quando ativado, adiciona uma linha separadora para organizar visualmente os itens do menu.\n   * @default false\n   */\n  @Prop() divider: boolean = false\n\n  /**\n   * Define se o item do menu está ativo/selecionado.\n   * Quando ativado, aplica estilos visuais para destacar o item como atual ou selecionado.\n   * @default false\n   */\n  @Prop({ mutable: true, reflect: true }) active: boolean = false\n\n  /**\n   * Define o modo de exibição do item, controlando os ícones de expansão.\n   * - `accordion`: exibe setas para cima/baixo (usado em menus de nível 0).\n   * - `drill-down`: exibe seta para a direita (usado em menus de níveis 1+).\n   * - `none`: não exibe ícones de expansão.\n   * @default 'none'\n   */\n  @Prop() displayMode: 'accordion' | 'drill-down' | 'none' = 'none'\n\n  /**\n   * Indica se o item está expandido para fins de acessibilidade (ARIA).\n   * Este estado é controlado externamente (por exemplo, por br-menu-list).\n   * Não altera o estado visual de \"active\".\n   * @default false\n   */\n  @Prop() expanded: boolean = false\n\n  render() {\n    const classes = {\n      'menu-item': true,\n      'divider-item': this.divider,\n      active: this.active,\n    }\n\n    const isExpandable = this.displayMode !== 'none'\n    const aria = isExpandable ? { 'aria-expanded': String(this.expanded), 'aria-haspopup': 'true' } : {}\n    const targetAttr = !isExpandable && this.target ? { target: this.target } : {}\n\n    const anchor = (\n      <a href={this.href} class={classes} role=\"treeitem\" {...aria} {...targetAttr} aria-selected={String(this.active)}>\n        {this.icon && (\n          <span class=\"icon\">\n            <br-icon icon-name={`fa6-solid:${this.icon}`} aria-hidden=\"true\"></br-icon>\n          </span>\n        )}\n        <span class=\"content\">\n          <slot></slot>\n        </span>\n        {this.displayMode === 'accordion' && (\n          <span class=\"support\">\n            <br-icon\n              icon-name={`fa6-solid:${this.active ? 'chevron-up' : 'chevron-down'}`}\n              aria-hidden=\"true\"\n            ></br-icon>\n          </span>\n        )}\n        {this.displayMode === 'drill-down' && (\n          <span class=\"support\">\n            <br-icon icon-name={`fa6-solid:angle-right`} aria-hidden=\"true\"></br-icon>\n          </span>\n        )}\n      </a>\n    )\n\n    return <Host>{anchor}</Host>\n  }\n}\n"],"mappings":";;;;;;;;AAAA,MAAMA,cAAc,MAAM;;MCObC,KAAQC,EAAA,MAAAD,UAAAE;EALrB,WAAAC,CAAAC;;;;;;;;;;eAiBUC,KAAIC,OAAW;;;;;;;eASfD,KAAME,SAA6C;;;;;eAOnDF,KAAOG,UAAY;;;;;eAOaH,KAAMI,SAAY;;;;;;;eASlDJ,KAAWK,cAAwC;;;;;;eAQnDL,KAAQM,WAAY;AAyC7B;EAvCC,MAAAC;IACE,MAAMC,IAAU;MACd,aAAa;MACb,gBAAgBR,KAAKG;MACrBC,QAAQJ,KAAKI;;IAGf,MAAMK,IAAeT,KAAKK,gBAAgB;IAC1C,MAAMK,IAAOD,IAAe;MAAE,iBAAiBE,OAAOX,KAAKM;MAAW,iBAAiB;QAAW;IAClG,MAAMM,KAAcH,KAAgBT,KAAKE,SAAS;MAAEA,QAAQF,KAAKE;QAAW;IAE5E,MAAMW,IACJC,EAAG,KAAAC,OAAAC,OAAA;MAAAC,KAAA;MAAAhB,MAAMD,KAAKC;MAAMiB,OAAOV;MAASW,MAAK;OAAeT,GAAUE,GAA2B;MAAA,iBAAAD,OAAOX,KAAKI;QACtGJ,KAAKoB,QACJN,EAAM;MAAAG,KAAA;MAAAC,OAAM;OACVJ,EAAoB;MAAAG,KAAA;MAAA,0BAAajB,KAAKoB;MAAoB;SAG9DN,EAAM;MAAAG,KAAA;MAAAC,OAAM;OACVJ,EAAA;MAAAG,KAAA;SAEDjB,KAAKK,gBAAgB,eACpBS,EAAA;MAAAG,KAAA;MAAMC,OAAM;OACVJ,EAAA;MAAAG,KAAA;MAAA,aACa,aAAajB,KAAKI,SAAS,eAAe;MAAgB,eACzD;SAIjBJ,KAAKK,gBAAgB,gBACpBS,EAAA;MAAAG,KAAA;MAAMC,OAAM;OACVJ,EAAoB;MAAAG,KAAA;MAAA;MAAuB,eAAc;;IAMjE,OAAOH,EAACO,GAAM;MAAAJ,KAAA;OAAAJ","ignoreList":[]}

package/dist/components/p-CqgyNPQx.js

@@ -0,0 +1,191 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+/**
+ * Constantes que definem os nomes dos breakpoints.
+ */
+const t = {
+  X_SMALL: "x-small",
+  SMALL: "small",
+  MEDIUM: "medium",
+  LARGE: "large",
+  X_LARGE: "x-large"
+};
+
+/**
+ * Configurações dos breakpoints, mapeando nome para suas definições.
+ * É privada ao módulo.
+ */ const i = {
+  [t.X_SMALL]: {
+    name: t.X_SMALL,
+    query: "(max-width: 575px)",
+    minWidth: 0,
+    maxWidth: 575
+  },
+  [t.SMALL]: {
+    name: t.SMALL,
+    query: "(min-width: 576px) and (max-width: 991px)",
+    minWidth: 576,
+    maxWidth: 991
+  },
+  [t.MEDIUM]: {
+    name: t.MEDIUM,
+    query: "(min-width: 992px) and (max-width: 1279px)",
+    minWidth: 992,
+    maxWidth: 1279
+  },
+  [t.LARGE]: {
+    name: t.LARGE,
+    query: "(min-width: 1280px) and (max-width: 1599px)",
+    minWidth: 1280,
+    maxWidth: 1599
+  },
+  [t.X_LARGE]: {
+    name: t.X_LARGE,
+    query: "(min-width: 1600px)",
+    minWidth: 1600
+  }
+};
+
+/**
+ * Classe que observa mudanças nos breakpoints baseados em media queries.
+ */ class n {
+  /**
+     * Cria uma nova instância do observador e inicia a observação dos breakpoints.
+     */
+  constructor() {
+    this.currentBreakpoint = null;
+    this.mediaQueries = [];
+    this.listeners = new Set;
+    /**
+         * Função chamada quando ocorre mudança em algum media query.
+         * Atualiza o breakpoint atual e notifica os listeners se houver mudança.
+         */    this.handleChange = () => {
+      for (const {config: t, mql: i} of this.mediaQueries) {
+        if (i.matches && this.currentBreakpoint !== t.name) {
+          this.currentBreakpoint = t.name;
+          this.notifyListeners();
+          break;
+        }
+      }
+    };
+    this.init();
+  }
+  /**
+     * Inicializa os MediaQueryLists para cada breakpoint, adicionando listeners.
+     */  init() {
+    for (const n of Object.values(t)) {
+      const t = i[n];
+      const e = window.matchMedia(t.query);
+      this.mediaQueries.push({
+        config: t,
+        mql: e
+      });
+      if (e.matches) {
+        this.currentBreakpoint = t.name;
+      }
+      e.addEventListener("change", this.handleChange);
+    }
+  }
+  /**
+     * Notifica todos os callbacks inscritos sobre a mudança do breakpoint atual.
+     */  notifyListeners() {
+    if (this.currentBreakpoint === null) return;
+    for (const t of this.listeners) {
+      t(this.currentBreakpoint);
+    }
+  }
+  /**
+     * Retorna o breakpoint atual detectado.
+     * @returns {Breakpoint | null} Breakpoint atual ou null se não definido
+     */  getCurrentBreakpoint() {
+    return this.currentBreakpoint;
+  }
+  /**
+     * Retorna as configurações completas de um breakpoint específico.
+     * @param {Breakpoint} breakpoint - Breakpoint para consulta
+     * @returns {BreakpointSettings | undefined} Configurações do breakpoint, ou undefined se não encontrado
+     */  getBreakpointSettings(t) {
+    return i[t];
+  }
+  /**
+     * Retorna a query CSS associada a um breakpoint.
+     * @param {Breakpoint} breakpoint - Breakpoint para consulta
+     * @returns {string | undefined} Query CSS, ou undefined se não encontrado
+     */  getBreakpointQuery(t) {
+    var n;
+    return (n = i[t]) === null || n === void 0 ? void 0 : n.query;
+  }
+  /**
+     * Retorna uma lista com todos os breakpoints disponíveis.
+     * @returns {Breakpoint[]} Array com todos os breakpoints
+     */  getAllBreakpoints() {
+    return Object.values(t);
+  }
+  /**
+     * Retorna uma lista de breakpoints filtrada segundo o tipo e breakpoint base.
+     * Tipos aceitos:
+     * - 'above': todos acima do breakpoint informado
+     * - 'below': todos abaixo do breakpoint informado
+     * - 'from': breakpoint informado e todos acima
+     * - 'until': breakpoint informado e todos abaixo
+     * - 'only': somente o breakpoint informado
+     * @param {'above' | 'below' | 'from' | 'until' | 'only'} type - Tipo de filtro
+     * @param {Breakpoint} breakpoint - Breakpoint base para filtro
+     * @returns {Breakpoint[]} Lista filtrada de breakpoints
+     */  static getBreakpoints(i, n) {
+    const e = Object.values(t);
+    const s = e.indexOf(n);
+    if (s === -1) return [];
+    switch (i) {
+     case "above":
+      return e.slice(s + 1);
+
+     case "below":
+      return e.slice(0, s);
+
+     case "from":
+      return e.slice(s);
+
+     case "until":
+      return e.slice(0, s + 1);
+
+     case "only":
+      return [ n ];
+
+     default:
+      return [];
+    }
+  }
+  /**
+     * Adiciona um listener para receber notificações quando o breakpoint mudar.
+     * O callback é chamado imediatamente com o breakpoint atual (se houver).
+     * @param {(breakpoint: Breakpoint) => void} callback - Função para receber notificações
+     */  subscribe(t) {
+    this.listeners.add(t);
+    if (this.currentBreakpoint !== null) {
+      t(this.currentBreakpoint);
+    }
+  }
+  /**
+     * Remove um listener previamente registrado.
+     * @param {(breakpoint: Breakpoint) => void} callback - Função a ser removida
+     */  unsubscribe(t) {
+    this.listeners.delete(t);
+  }
+  /**
+     * Remove todos os listeners e para a observação dos media queries.
+     */  destroy() {
+    for (const {mql: t} of this.mediaQueries) {
+      t.removeEventListener("change", this.handleChange);
+    }
+    this.listeners.clear();
+    this.mediaQueries = [];
+    this.currentBreakpoint = null;
+  }
+}
+
+export { n as B, t as a };
+//# sourceMappingURL=p-CqgyNPQx.js.map
+//# sourceMappingURL=p-CqgyNPQx.js.map

package/dist/components/p-CqgyNPQx.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BREAKPOINTS","X_SMALL","SMALL","MEDIUM","LARGE","X_LARGE","BREAKPOINT_SETTINGS","name","query","minWidth","maxWidth","BreakpointObserver","constructor","this","currentBreakpoint","mediaQueries","listeners","Set","handleChange","config","mql","matches","notifyListeners","init","breakpointName","Object","values","window","matchMedia","push","addEventListener","listener","getCurrentBreakpoint","getBreakpointSettings","breakpoint","getBreakpointQuery","_a","getAllBreakpoints","getBreakpoints","type","breakpointOrder","index","indexOf","slice","subscribe","callback","add","unsubscribe","delete","destroy","removeEventListener","clear"],"sources":["../../packages/webcomponents/src/utils/breakpoint-observer.ts"],"sourcesContent":["/**\n * Constantes que definem os nomes dos breakpoints.\n */\nexport const BREAKPOINTS = {\n  X_SMALL: 'x-small',\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n  X_LARGE: 'x-large',\n} as const\n\n/**\n * Tipo que representa os valores possíveis de breakpoint.\n */\nexport type Breakpoint = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS]\n\n/**\n * Configurações específicas de um breakpoint.\n */\ntype BreakpointSettings = {\n  name: Breakpoint\n  query: string\n  minWidth: number\n  maxWidth?: number\n}\n\n/**\n * Configurações dos breakpoints, mapeando nome para suas definições.\n * É privada ao módulo.\n */\nconst BREAKPOINT_SETTINGS: Record<Breakpoint, BreakpointSettings> = {\n  [BREAKPOINTS.X_SMALL]: {\n    name: BREAKPOINTS.X_SMALL,\n    query: '(max-width: 575px)',\n    minWidth: 0,\n    maxWidth: 575,\n  },\n  [BREAKPOINTS.SMALL]: {\n    name: BREAKPOINTS.SMALL,\n    query: '(min-width: 576px) and (max-width: 991px)',\n    minWidth: 576,\n    maxWidth: 991,\n  },\n  [BREAKPOINTS.MEDIUM]: {\n    name: BREAKPOINTS.MEDIUM,\n    query: '(min-width: 992px) and (max-width: 1279px)',\n    minWidth: 992,\n    maxWidth: 1279,\n  },\n  [BREAKPOINTS.LARGE]: {\n    name: BREAKPOINTS.LARGE,\n    query: '(min-width: 1280px) and (max-width: 1599px)',\n    minWidth: 1280,\n    maxWidth: 1599,\n  },\n  [BREAKPOINTS.X_LARGE]: {\n    name: BREAKPOINTS.X_LARGE,\n    query: '(min-width: 1600px)',\n    minWidth: 1600,\n  },\n}\n\n/**\n * Classe que observa mudanças nos breakpoints baseados em media queries.\n */\nexport class BreakpointObserver {\n  private currentBreakpoint: Breakpoint | null = null\n  private mediaQueries: { config: BreakpointSettings; mql: MediaQueryList }[] = []\n  private listeners: Set<(breakpoint: Breakpoint) => void> = new Set()\n\n  /**\n   * Cria uma nova instância do observador e inicia a observação dos breakpoints.\n   */\n  constructor() {\n    this.init()\n  }\n\n  /**\n   * Inicializa os MediaQueryLists para cada breakpoint, adicionando listeners.\n   */\n  private init() {\n    for (const breakpointName of Object.values(BREAKPOINTS)) {\n      const config = BREAKPOINT_SETTINGS[breakpointName]\n      const mql = window.matchMedia(config.query)\n      this.mediaQueries.push({ config, mql })\n\n      if (mql.matches) {\n        this.currentBreakpoint = config.name\n      }\n\n      mql.addEventListener('change', this.handleChange)\n    }\n  }\n\n  /**\n   * Função chamada quando ocorre mudança em algum media query.\n   * Atualiza o breakpoint atual e notifica os listeners se houver mudança.\n   */\n  private handleChange = () => {\n    for (const { config, mql } of this.mediaQueries) {\n      if (mql.matches && this.currentBreakpoint !== config.name) {\n        this.currentBreakpoint = config.name\n        this.notifyListeners()\n        break\n      }\n    }\n  }\n\n  /**\n   * Notifica todos os callbacks inscritos sobre a mudança do breakpoint atual.\n   */\n  private notifyListeners() {\n    if (this.currentBreakpoint === null) return\n\n    for (const listener of this.listeners) {\n      listener(this.currentBreakpoint)\n    }\n  }\n\n  /**\n   * Retorna o breakpoint atual detectado.\n   * @returns {Breakpoint | null} Breakpoint atual ou null se não definido\n   */\n  getCurrentBreakpoint(): Breakpoint | null {\n    return this.currentBreakpoint\n  }\n\n  /**\n   * Retorna as configurações completas de um breakpoint específico.\n   * @param {Breakpoint} breakpoint - Breakpoint para consulta\n   * @returns {BreakpointSettings | undefined} Configurações do breakpoint, ou undefined se não encontrado\n   */\n  getBreakpointSettings(breakpoint: Breakpoint): BreakpointSettings | undefined {\n    return BREAKPOINT_SETTINGS[breakpoint]\n  }\n\n  /**\n   * Retorna a query CSS associada a um breakpoint.\n   * @param {Breakpoint} breakpoint - Breakpoint para consulta\n   * @returns {string | undefined} Query CSS, ou undefined se não encontrado\n   */\n  getBreakpointQuery(breakpoint: Breakpoint): string | undefined {\n    return BREAKPOINT_SETTINGS[breakpoint]?.query\n  }\n\n  /**\n   * Retorna uma lista com todos os breakpoints disponíveis.\n   * @returns {Breakpoint[]} Array com todos os breakpoints\n   */\n  getAllBreakpoints(): Breakpoint[] {\n    return Object.values(BREAKPOINTS)\n  }\n\n  /**\n   * Retorna uma lista de breakpoints filtrada segundo o tipo e breakpoint base.\n   * Tipos aceitos:\n   * - 'above': todos acima do breakpoint informado\n   * - 'below': todos abaixo do breakpoint informado\n   * - 'from': breakpoint informado e todos acima\n   * - 'until': breakpoint informado e todos abaixo\n   * - 'only': somente o breakpoint informado\n   * @param {'above' | 'below' | 'from' | 'until' | 'only'} type - Tipo de filtro\n   * @param {Breakpoint} breakpoint - Breakpoint base para filtro\n   * @returns {Breakpoint[]} Lista filtrada de breakpoints\n   */\n  static getBreakpoints(type: 'above' | 'below' | 'from' | 'until' | 'only', breakpoint: Breakpoint): Breakpoint[] {\n    const breakpointOrder = Object.values(BREAKPOINTS)\n    const index = breakpointOrder.indexOf(breakpoint)\n\n    if (index === -1) return []\n\n    switch (type) {\n      case 'above':\n        return breakpointOrder.slice(index + 1)\n      case 'below':\n        return breakpointOrder.slice(0, index)\n      case 'from':\n        return breakpointOrder.slice(index)\n      case 'until':\n        return breakpointOrder.slice(0, index + 1)\n      case 'only':\n        return [breakpoint]\n      default:\n        return []\n    }\n  }\n\n  /**\n   * Adiciona um listener para receber notificações quando o breakpoint mudar.\n   * O callback é chamado imediatamente com o breakpoint atual (se houver).\n   * @param {(breakpoint: Breakpoint) => void} callback - Função para receber notificações\n   */\n  subscribe(callback: (breakpoint: Breakpoint) => void): void {\n    this.listeners.add(callback)\n    if (this.currentBreakpoint !== null) {\n      callback(this.currentBreakpoint)\n    }\n  }\n\n  /**\n   * Remove um listener previamente registrado.\n   * @param {(breakpoint: Breakpoint) => void} callback - Função a ser removida\n   */\n  unsubscribe(callback: (breakpoint: Breakpoint) => void): void {\n    this.listeners.delete(callback)\n  }\n\n  /**\n   * Remove todos os listeners e para a observação dos media queries.\n   */\n  destroy(): void {\n    for (const { mql } of this.mediaQueries) {\n      mql.removeEventListener('change', this.handleChange)\n    }\n\n    this.listeners.clear()\n    this.mediaQueries = []\n    this.currentBreakpoint = null\n  }\n}\n"],"mappings":";;;;;;;AAGa,MAAAA,IAAc;EACzBC,SAAS;EACTC,OAAO;EACPC,QAAQ;EACRC,OAAO;EACPC,SAAS;;;;;;GAsBX,OAAMC,IAA8D;EAClE,CAACN,EAAYC,UAAU;IACrBM,MAAMP,EAAYC;IAClBO,OAAO;IACPC,UAAU;IACVC,UAAU;;EAEZ,CAACV,EAAYE,QAAQ;IACnBK,MAAMP,EAAYE;IAClBM,OAAO;IACPC,UAAU;IACVC,UAAU;;EAEZ,CAACV,EAAYG,SAAS;IACpBI,MAAMP,EAAYG;IAClBK,OAAO;IACPC,UAAU;IACVC,UAAU;;EAEZ,CAACV,EAAYI,QAAQ;IACnBG,MAAMP,EAAYI;IAClBI,OAAO;IACPC,UAAU;IACVC,UAAU;;EAEZ,CAACV,EAAYK,UAAU;IACrBE,MAAMP,EAAYK;IAClBG,OAAO;IACPC,UAAU;;;;;;UAODE;;;;EAQX,WAAAC;IAPQC,KAAiBC,oBAAsB;IACvCD,KAAYE,eAA0D;IACtEF,KAAAG,YAAmD,IAAIC;;;;eA8BvDJ,KAAYK,eAAG;MACrB,KAAK,OAAMC,QAAEA,GAAMC,KAAEA,MAASP,KAAKE,cAAc;QAC/C,IAAIK,EAAIC,WAAWR,KAAKC,sBAAsBK,EAAOZ,MAAM;UACzDM,KAAKC,oBAAoBK,EAAOZ;UAChCM,KAAKS;UACL;;;;IA7BJT,KAAKU;;;;SAMC,IAAAA;IACN,KAAK,MAAMC,KAAkBC,OAAOC,OAAO1B,IAAc;MACvD,MAAMmB,IAASb,EAAoBkB;MACnC,MAAMJ,IAAMO,OAAOC,WAAWT,EAAOX;MACrCK,KAAKE,aAAac,KAAK;QAAEV;QAAQC;;MAEjC,IAAIA,EAAIC,SAAS;QACfR,KAAKC,oBAAoBK,EAAOZ;;MAGlCa,EAAIU,iBAAiB,UAAUjB,KAAKK;;;;;SAqBhC,eAAAI;IACN,IAAIT,KAAKC,sBAAsB,MAAM;IAErC,KAAK,MAAMiB,KAAYlB,KAAKG,WAAW;MACrCe,EAASlB,KAAKC;;;;;;SAQlB,oBAAAkB;IACE,OAAOnB,KAAKC;;;;;;SAQd,qBAAAmB,CAAsBC;IACpB,OAAO5B,EAAoB4B;;;;;;SAQ7B,kBAAAC,CAAmBD;;IACjB,QAAOE,IAAA9B,EAAoB4B,QAAW,QAAAE,WAAA,aAAAA,EAAE5B;;;;;SAO1C,iBAAA6B;IACE,OAAOZ,OAAOC,OAAO1B;;;;;;;;;;;;;SAevB,qBAAOsC,CAAeC,GAAqDL;IACzE,MAAMM,IAAkBf,OAAOC,OAAO1B;IACtC,MAAMyC,IAAQD,EAAgBE,QAAQR;IAEtC,IAAIO,OAAU,GAAI,OAAO;IAEzB,QAAQF;KACN,KAAK;MACH,OAAOC,EAAgBG,MAAMF,IAAQ;;KACvC,KAAK;MACH,OAAOD,EAAgBG,MAAM,GAAGF;;KAClC,KAAK;MACH,OAAOD,EAAgBG,MAAMF;;KAC/B,KAAK;MACH,OAAOD,EAAgBG,MAAM,GAAGF,IAAQ;;KAC1C,KAAK;MACH,OAAO,EAACP;;KACV;MACE,OAAO;;;;;;;SASb,SAAAU,CAAUC;IACRhC,KAAKG,UAAU8B,IAAID;IACnB,IAAIhC,KAAKC,sBAAsB,MAAM;MACnC+B,EAAShC,KAAKC;;;;;;SAQlB,WAAAiC,CAAYF;IACVhC,KAAKG,UAAUgC,OAAOH;;;;SAMxB,OAAAI;IACE,KAAK,OAAM7B,KAAEA,MAASP,KAAKE,cAAc;MACvCK,EAAI8B,oBAAoB,UAAUrC,KAAKK;;IAGzCL,KAAKG,UAAUmC;IACftC,KAAKE,eAAe;IACpBF,KAAKC,oBAAoB","ignoreList":[]}

package/dist/components/{p-CDqodOhC.js → p-CwXw4TB_.js}

@@ -2,15 +2,15 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { p as t, H as e, d as i, h as a, c as r } from "./p-DSkSDmzD.js";
+import { p as t, H as e, d as i, h as a, c as r, t as o } from "./p-Dl8sbmQD.js";
 
-import { _ as o } from "./p-DIPMDb5E.js";
+import { _ as n } from "./p-DIPMDb5E.js";
 
-import { F as n } from "./p-CNNuop_Z.js";
+import { F as s } from "./p-CNNuop_Z.js";
 
-import { H as s } from "./p-BRKK5nMe.js";
+import { H as l } from "./p-BRKK5nMe.js";
 
-const l = "*,*::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}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))}}@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))}}@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))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mb-1{margin-bottom: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}.m-3{margin:var(--spacing-scale-2x) !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}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}.text-primary-default{color:var(--color-primary-default) !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-base{font-size:var(--font-size-scale-base) !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)}.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{display:block;position:relative}:host #trigger{display:inline-block;cursor:pointer;outline:none}:host #trigger::slotted([slot=trigger]):focus:focus{outline:none}:host #trigger::slotted([slot=trigger]):focus:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host ::slotted([slot=target] *:focus):focus{outline:none}:host ::slotted([slot=target] *:focus):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host #target{display:none;position:absolute;-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);z-index:var(--z-index-layer-1)}:host #target:focus:focus{outline:none}:host #target:focus:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host([is-open]) #target{display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content}@media (max-width: 575px){:host([is-open]) #target{width:100vw !important;max-width:100vw !important}}";
+const dropdownCss = () => `*,*::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))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.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}.m-3{margin:var(--spacing-scale-2x) !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}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}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-base{font-size:var(--font-size-scale-base) !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{display:block;position:relative}:host #trigger{display:inline-block;cursor:pointer;outline:none}:host #trigger::slotted([slot=trigger]):focus:focus{outline:none}:host #trigger::slotted([slot=trigger]):focus:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host ::slotted([slot=target] *:focus):focus{outline:none}:host ::slotted([slot=target] *:focus):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host #target{display:none;position:absolute;-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);z-index:var(--z-index-layer-1)}:host #target:focus:focus{outline:none}:host #target:focus:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host([is-open]) #target{display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content}@media (max-width: 575px){:host([is-open]) #target{width:100vw !important;max-width:100vw !important}}`;
 
 const c =  t(class t extends e {
   constructor(t) {
@@ -30,7 +30,7 @@ const c =  t(class t extends e {
     /**
          * Identificador único.
          * Caso não seja fornecido, um ID gerado automaticamente será usado.
-         */    this.customId = s.generateUniqueId();
+         */    this.customId = l.generateUniqueId();
     /**
          * Define o posicionamento do target (alvo) em relação ao trigger (acionador).
          * Valores possíveis: 'bottom-start' (padrão), 'bottom-end', 'top-start', 'top-end', 'left', 'right', 'bottom', 'top'.
@@ -238,7 +238,7 @@ const c =  t(class t extends e {
      * Posiciona o dropdown usando Floating UI
      */  positionDropdown() {
     if (this.triggerElement == null || this.targetElement == null) return;
-    this.floatingManager = new n({
+    this.floatingManager = new s({
       triggerElement: this.triggerElement,
       contentElement: this.targetElement,
       placement: this.placement
@@ -368,7 +368,7 @@ const c =  t(class t extends e {
      * Define a propriedade `isOpen` como verdadeira e retorna o novo estado.
      *  Este método pode ser chamado externamente.
      */  open() {
-    return o(this, void 0, void 0, (function*() {
+    return n(this, void 0, void 0, (function*() {
       this.isOpen = true;
       return {
         isOpen: this.isOpen
@@ -380,7 +380,7 @@ const c =  t(class t extends e {
      * Define a propriedade `isOpen` como falsa e retorna o novo estado.
      * Este método pode ser chamado externamente.
      */  hide() {
-    return o(this, void 0, void 0, (function*() {
+    return n(this, void 0, void 0, (function*() {
       this.isOpen = false;
       return {
         isOpen: this.isOpen
@@ -446,7 +446,7 @@ const c =  t(class t extends e {
      * Define o foco no elemento interno do componente.
      * Este método pode ser chamado externamente para garantir que o foco seja aplicado ao elemento correto.
      */  setFocus() {
-    return o(this, void 0, void 0, (function*() {
+    return n(this, void 0, void 0, (function*() {
       if (this.focusableElement !== null && this.focusableElement !== undefined) {
         this.focusableElement.focus();
       } else {
@@ -496,7 +496,7 @@ const c =  t(class t extends e {
     };
   }
   static get style() {
-    return l;
+    return dropdownCss();
   }
 }, [ 321, "br-dropdown", {
   isOpen: [ 1540, "is-open" ],
@@ -520,8 +520,8 @@ function defineCustomElement() {
   t.forEach((t => {
     switch (t) {
      case "br-dropdown":
-      if (!customElements.get(t)) {
-        customElements.define(t, c);
+      if (!customElements.get(o(t))) {
+        customElements.define(o(t), c);
       }
       break;
     }
@@ -529,5 +529,5 @@ function defineCustomElement() {
 }
 
 export { c as D, defineCustomElement as d };
-//# sourceMappingURL=p-CDqodOhC.js.map
-//# sourceMappingURL=p-CDqodOhC.js.map
+//# sourceMappingURL=p-CwXw4TB_.js.map
+//# sourceMappingURL=p-CwXw4TB_.js.map

package/dist/components/{p-CDqodOhC.js.map → p-CwXw4TB_.js.map}

@@ -1 +1 @@
-{"version":3,"names":["dropdownCss","Dropdown","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","isOpen","customId","Helpers","generateUniqueId","placement","preventAutoDismiss","targetZIndex","targetElement","dropdownItems","dropdownLinks","focusableElement","handleLinkKeydown","event","link","currentTarget","key","linkIndex","indexOf","lastLinkIndex","length","preventDefault","stopPropagation","shiftKey","focusOnElement","tagName","toLowerCase","setTimeout","hide","focusOnTriggerElement","handleItemKeydown","item","currentIndex","lastIndex","click","toggle","isOpenChanged","newValue","brDidOpen","emit","id","initializeDropdownItems","positionDropdown","cleanupPositioning","triggerElement","undefined","brDropdownChange","targetZIndexChanged","updateTargetZIndex","connectedCallback","clickHandler","onClickOutside","bind","document","addEventListener","dropdownOpenHandler","onDropdownDidOpen","disconnectedCallback","removeEventListener","triggerKeydownHandler","targetKeydownHandler","clearDropdownItemListeners","customEvent","detail","forEach","componentDidLoad","el","shadowRoot","querySelector","setBehavior","floatingManager","FloatingUIManager","contentElement","start","_a","stop","style","zIndex","handleTriggerBehavior","setAttribute","focus","targetSlot","assignedElements","nonLinkSelector","linkSelector","element","matches","push","linkChildren","Array","from","querySelectorAll","concat","nonLinkChildren","getCssClassMap","path","composedPath","includes","open","setFocus","scrollIntoView","behavior","block","inline","triggerSlot","slotElements","firstElement","focusTrigger","render","h","Host","class","onClick","name"],"sources":["../../packages/webcomponents/src/components/dropdown/dropdown.scss?tag=br-dropdown&encapsulation=shadow","../../packages/webcomponents/src/components/dropdown/dropdown.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/partial/scss/base\";\n\n:host {\n  display: block;\n  position: relative;\n\n  #trigger {\n    display: inline-block;\n    cursor: pointer;\n    outline: none;\n  }\n\n  #trigger::slotted([slot=\"trigger\"]) {\n    &:focus {\n      @include focus;\n    }\n  }\n\n  ::slotted([slot=\"target\"] *:focus) {\n    @include focus;\n  }\n\n  #target {\n    display: none;\n    position: absolute;\n    /* Garante que o conteúdo do dropdown fique acima do trigger/botões ao redor */\n    box-shadow: var(--surface-shadow-sm);\n    z-index: var(--z-index-layer-1);\n\n    &:focus {\n      @include focus;\n    }\n  }\n}\n\n:host([is-open]) {\n  #target {\n    display: block;\n    width: max-content;\n  }\n}\n\n@include media-breakpoint-down(xs) {\n  :host([is-open]) {\n    #target {\n      width: 100vw !important;\n      max-width: 100vw !important;\n    }\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from '@stencil/core'\n\nimport { FloatingUIManager } from '../../utils/floating-ui'\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/dropdown?tab=designer).\n *\n * @slot trigger - Slot que recebe o elemento acionador\n * @slot target - Slot que recebe o elemento alvo\n */\n@Component({\n  tag: 'br-dropdown',\n  styleUrl: 'dropdown.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Dropdown {\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: HTMLBrDropdownElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Indica se o dropdown está aberto ou fechado.\n   * Esta propriedade é refletida no DOM e pode ser alterada externamente.\n   * O valor padrão é falso (fechado).\n   */\n  @Prop({ reflect: true, mutable: true }) isOpen: boolean = false\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId()\n\n  /**\n   * Define o posicionamento do target (alvo) em relação ao trigger (acionador).\n   * Valores possíveis: 'bottom-start' (padrão), 'bottom-end', 'top-start', 'top-end', 'left', 'right', 'bottom', 'top'.\n   */\n  @Prop({ reflect: true }) placement:\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'top-start'\n    | 'top-end'\n    | 'left'\n    | 'right'\n    | 'bottom'\n    | 'top' = 'bottom-start'\n\n  /**\n   * Define se o dropdown deve permanecer aberto quando outro dropdown é aberto.\n   * Quando definido como false (padrão), o dropdown será fechado automaticamente quando outro dropdown for aberto.\n   * Quando definido como true, o dropdown permanecerá aberto mesmo quando outro dropdown for aberto.\n   */\n  @Prop({ reflect: true }) preventAutoDismiss: boolean = false\n\n  /**\n   * Define o z-index do elemento target (alvo) do dropdown.\n   * Permite customizar a ordem de sobreposição do painel dropdown em relação aos demais elementos da página.\n   * O valor padrão utiliza a variável CSS do design system: var(--z-index-layer-1).\n   */\n  @Prop() targetZIndex: string = 'var(--z-index-layer-1)'\n\n  // Elementos DOM privados\n  private triggerElement: HTMLElement\n  private targetElement: HTMLElement | null = null\n  private dropdownItems: HTMLElement[] = []\n  private dropdownLinks: HTMLElement[] = []\n  private focusableElement: HTMLElement | null | undefined = null\n\n  // FloatingUI Manager\n  private floatingManager: FloatingUIManager\n\n  // Event handlers\n  private clickHandler: (event: MouseEvent) => void\n  private triggerKeydownHandler: (event: KeyboardEvent) => void\n  private targetKeydownHandler: (event: KeyboardEvent) => void\n\n  // Handler para o evento brDidOpen de outros dropdowns\n  private dropdownOpenHandler: EventListener\n\n  /**\n   * Evento emitido quando o estado do dropdown muda.\n   */\n  @Event() brDropdownChange: EventEmitter<{ isOpen: boolean }>\n  /**\n   * Evento emitido quando o dropdown é aberto.\n   * Este evento é usado para implementar o auto-dismiss de outros dropdowns.\n   */\n  @Event() brDidOpen: EventEmitter<{ id: string }>\n\n  /**\n   * Método chamado sempre que a propriedade `isOpen` muda.\n   * Emite um evento com o novo estado do dropdown.\n   */\n  @Watch('isOpen')\n  isOpenChanged(newValue: boolean) {\n    if (newValue) {\n      this.brDidOpen.emit({ id: this.customId })\n\n      this.initializeDropdownItems()\n      this.positionDropdown()\n    } else {\n      this.cleanupPositioning()\n\n      if (this.triggerElement !== null && this.triggerElement !== undefined) {\n        this.focusOnTriggerElement()\n      }\n    }\n\n    this.brDropdownChange.emit({ isOpen: newValue })\n  }\n\n  /**\n   * Aplica o novo valor de z-index ao elemento target.\n   */\n  @Watch('targetZIndex')\n  targetZIndexChanged() {\n    this.updateTargetZIndex()\n  }\n\n  connectedCallback() {\n    this.clickHandler = this.onClickOutside.bind(this)\n    document.addEventListener('click', this.clickHandler)\n\n    this.dropdownOpenHandler = this.onDropdownDidOpen.bind(this)\n    document.addEventListener('brDidOpen', this.dropdownOpenHandler)\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.clickHandler)\n    document.removeEventListener('brDidOpen', this.dropdownOpenHandler)\n\n    if (this.triggerElement !== null && this.triggerElement !== undefined) {\n      this.triggerElement.removeEventListener('keydown', this.triggerKeydownHandler)\n    }\n\n    if (this.targetElement !== null && this.targetElement !== undefined) {\n      this.targetElement.removeEventListener('keydown', this.targetKeydownHandler)\n    }\n\n    this.cleanupPositioning()\n    this.clearDropdownItemListeners()\n  }\n\n  /**\n   * Método que lida com o evento brDidOpen de outros dropdowns\n   * Fecha este dropdown se não for o emissor do evento e preventAutoDismiss=false\n   */\n  private onDropdownDidOpen(event: Event) {\n    if (this.preventAutoDismiss) {\n      return\n    }\n\n    const customEvent = event as CustomEvent<{ id: string }>\n    if (this.isOpen && customEvent.detail.id !== this.customId) {\n      this.hide()\n    }\n  }\n\n  private clearDropdownItemListeners() {\n    this.dropdownItems.forEach((item) => {\n      item.removeEventListener('keydown', this.handleItemKeydown)\n    })\n\n    this.dropdownLinks.forEach((link) => {\n      link.removeEventListener('keydown', this.handleLinkKeydown)\n    })\n\n    this.dropdownItems = []\n    this.dropdownLinks = []\n  }\n\n  componentDidLoad() {\n    this.triggerElement = this.el.shadowRoot.querySelector('#trigger')\n    this.targetElement = this.el.shadowRoot.querySelector('#target')\n\n    this.setBehavior()\n    this.updateTargetZIndex()\n\n    if (this.isOpen) {\n      this.initializeDropdownItems()\n      this.positionDropdown()\n    }\n  }\n\n  /**\n   * Posiciona o dropdown usando Floating UI\n   */\n  private positionDropdown() {\n    if (this.triggerElement == null || this.targetElement == null) return\n\n    this.floatingManager = new FloatingUIManager({\n      triggerElement: this.triggerElement,\n      contentElement: this.targetElement,\n      placement: this.placement,\n    })\n\n    this.floatingManager.start()\n  }\n\n  /**\n   * Limpa o posicionamento do Floating UI\n   */\n  private cleanupPositioning() {\n    this.floatingManager?.stop()\n  }\n\n  /**\n   * Atualiza o z-index do target conforme a propriedade targetZIndex\n   */\n  private updateTargetZIndex() {\n    if (this.targetElement === null) {\n      return\n    }\n\n    if (this.targetZIndex !== null && this.targetZIndex !== undefined) {\n      this.targetElement.style.zIndex = this.targetZIndex\n    }\n  }\n\n  /**\n   * Configura os comportamentos de interação do dropdown\n   */\n  private setBehavior() {\n    if (this.triggerElement === null) return\n\n    this.triggerKeydownHandler = (event: KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        this.handleTriggerBehavior(event)\n      } else if (event.key === 'Escape') {\n        event.preventDefault()\n        this.hide()\n        this.focusOnTriggerElement()\n      } else if (event.key === 'ArrowDown' && this.isOpen) {\n        event.preventDefault()\n        this.initializeDropdownItems()\n        if (this.dropdownLinks.length > 0) {\n          this.focusOnElement(this.dropdownLinks[0])\n        } else if (this.dropdownItems.length > 0) {\n          this.focusOnElement(this.dropdownItems[0])\n        }\n      }\n    }\n\n    this.targetKeydownHandler = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        this.hide()\n        this.focusOnTriggerElement()\n      }\n    }\n\n    this.triggerElement.addEventListener('keydown', this.triggerKeydownHandler)\n    if (this.targetElement !== null) {\n      this.targetElement.addEventListener('keydown', this.targetKeydownHandler)\n    }\n  }\n\n  /**\n   * Lida com o comportamento no trigger\n   */\n  private handleTriggerBehavior(event: Event) {\n    event.preventDefault()\n    this.toggle(event)\n\n    if (this.isOpen) {\n      setTimeout(() => {\n        this.initializeDropdownItems()\n      }, 0)\n    }\n  }\n\n  /**\n   * Inicializa os itens do dropdown com comportamentos de navegação com teclado,\n   * separando claramente entre elementos navegáveis por Tab e elementos navegáveis por setas\n   */\n  private initializeDropdownItems() {\n    if (this.targetElement === null) return\n\n    this.clearDropdownItemListeners()\n\n    this.targetElement.setAttribute('tabindex', '-1')\n    this.targetElement.focus()\n\n    const targetSlot = this.el.shadowRoot.querySelector('slot[name=\"target\"]') as HTMLSlotElement\n    if (targetSlot === null || targetSlot === undefined) return\n\n    const assignedElements = targetSlot.assignedElements()\n    if (assignedElements.length === 0) return\n\n    const nonLinkSelector =\n      'button, br-button, input, br-input, br-item:not([href]), textarea, br-textarea, select, br-select, details, [tabindex]:not([tabindex=\"-1\"]):not(a[href])'\n\n    const linkSelector = 'a[href], br-item[href]'\n\n    assignedElements.forEach((element) => {\n      if (element instanceof HTMLElement) {\n        if (element.matches(linkSelector)) {\n          this.dropdownLinks.push(element)\n        } else if (element.matches(nonLinkSelector)) {\n          this.dropdownItems.push(element)\n        }\n      }\n\n      const linkChildren = Array.from(element.querySelectorAll(linkSelector)) as HTMLElement[]\n      this.dropdownLinks = this.dropdownLinks.concat(linkChildren)\n\n      const nonLinkChildren = Array.from(element.querySelectorAll(nonLinkSelector)) as HTMLElement[]\n      this.dropdownItems = this.dropdownItems.concat(nonLinkChildren)\n    })\n\n    this.dropdownItems.forEach((item) => {\n      item.addEventListener('keydown', this.handleItemKeydown)\n    })\n\n    this.dropdownLinks.forEach((link) => {\n      link.addEventListener('keydown', this.handleLinkKeydown)\n    })\n\n    if (this.dropdownLinks.length > 0) {\n      this.focusOnElement(this.dropdownLinks[0])\n      this.focusableElement = this.dropdownLinks[0]\n    } else if (this.dropdownItems.length > 0) {\n      this.focusOnElement(this.dropdownItems[0])\n      this.focusableElement = this.dropdownItems[0]\n    }\n  }\n\n  /**\n   * Handler específico para links\n   */\n  private handleLinkKeydown = (event: KeyboardEvent) => {\n    const link = event.currentTarget as HTMLElement\n    const key = event.key\n    const linkIndex = this.dropdownLinks.indexOf(link)\n    const lastLinkIndex = this.dropdownLinks.length - 1\n\n    switch (key) {\n      case 'ArrowUp':\n      case 'ArrowDown':\n      case 'Home':\n      case 'End':\n        event.preventDefault()\n        event.stopPropagation()\n        break\n      case 'Tab':\n        event.preventDefault()\n\n        if (!event.shiftKey) {\n          if (linkIndex >= lastLinkIndex) {\n            this.focusOnElement(this.dropdownLinks[0])\n          } else {\n            this.focusOnElement(this.dropdownLinks[linkIndex + 1])\n          }\n        } else {\n          if (linkIndex <= 0) {\n            this.focusOnElement(this.dropdownLinks[lastLinkIndex])\n          } else {\n            this.focusOnElement(this.dropdownLinks[linkIndex - 1])\n          }\n        }\n        break\n      case 'Enter':\n      case ' ':\n        if (key === ' ' && link.tagName.toLowerCase() === 'a') {\n          event.preventDefault()\n        }\n        setTimeout(() => this.hide(), 100)\n        break\n      case 'Escape':\n        event.preventDefault()\n        this.hide()\n        this.focusOnTriggerElement()\n        break\n      default:\n        break\n    }\n  }\n\n  /**\n   * Handler para eventos de keydown nos itens não-link\n   * Implementa navegação completa por setas, Tab não navega entre estes itens\n   */\n  private handleItemKeydown = (event: KeyboardEvent) => {\n    const item = event.currentTarget as HTMLElement\n    const key = event.key\n    const currentIndex = this.dropdownItems.indexOf(item)\n    const lastIndex = this.dropdownItems.length - 1\n\n    switch (key) {\n      case 'ArrowUp':\n        event.preventDefault()\n        if (currentIndex <= 0) {\n          this.focusOnElement(this.dropdownItems[lastIndex])\n        } else {\n          this.focusOnElement(this.dropdownItems[currentIndex - 1])\n        }\n        break\n\n      case 'ArrowDown':\n        event.preventDefault()\n        if (currentIndex >= lastIndex) {\n          this.focusOnElement(this.dropdownItems[0])\n        } else {\n          this.focusOnElement(this.dropdownItems[currentIndex + 1])\n        }\n        break\n\n      case 'Home':\n        event.preventDefault()\n        this.focusOnElement(this.dropdownItems[0])\n        break\n\n      case 'End':\n        event.preventDefault()\n        this.focusOnElement(this.dropdownItems[lastIndex])\n        break\n\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        item.click()\n        this.hide()\n        this.focusOnTriggerElement()\n        break\n\n      case 'Tab':\n        break\n\n      case 'Escape':\n        event.preventDefault()\n        this.hide()\n        this.focusOnTriggerElement()\n        break\n\n      default:\n        break\n    }\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-dropdown': true,\n    }\n  }\n\n  /**\n   * Alterna o estado do dropdown entre aberto e fechado.\n   */\n  private readonly toggle = (event: Event) => {\n    event.stopPropagation()\n    this.isOpen = !this.isOpen\n  }\n\n  /**\n   * Método que lida com cliques fora do dropdown.\n   *\n   * @param {MouseEvent} event - O evento de clique que ocorreu.\n   */\n  private onClickOutside(event: MouseEvent) {\n    if (!this.isOpen) return\n\n    const path = event.composedPath()\n\n    if (\n      this.triggerElement &&\n      this.targetElement &&\n      !path.includes(this.triggerElement) &&\n      !path.includes(this.targetElement)\n    ) {\n      this.hide()\n    }\n  }\n\n  /**\n   * Abre o dropdown.\n   * Define a propriedade `isOpen` como verdadeira e retorna o novo estado.\n   *  Este método pode ser chamado externamente.\n   */\n  @Method()\n  async open(): Promise<{ isOpen: boolean }> {\n    this.isOpen = true\n    return { isOpen: this.isOpen }\n  }\n\n  /**\n   * Esconde o dropdown.\n   * Define a propriedade `isOpen` como falsa e retorna o novo estado.\n   * Este método pode ser chamado externamente.\n   */\n  @Method()\n  async hide(): Promise<{ isOpen: boolean }> {\n    this.isOpen = false\n    return { isOpen: this.isOpen }\n  }\n\n  /**\n   * Foca em um elemento específico com suporte a componentes personalizados\n   * @param targetElement Elemento a receber o foco\n   */\n  private focusOnElement(targetElement: HTMLElement) {\n    if (targetElement && targetElement !== this.el) {\n      if ('setFocus' in targetElement) {\n        ;(targetElement as { setFocus: () => void }).setFocus()\n      } else {\n        targetElement.focus()\n      }\n      targetElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })\n    }\n  }\n\n  /**\n   * Foca no elemento interativo dentro do slot trigger\n   * Esta função procura pelo elemento dentro do slot trigger e aplica o foco nele\n   */\n  private focusOnTriggerElement() {\n    const triggerSlot = this.el.shadowRoot.querySelector('slot[name=\"trigger\"]') as HTMLSlotElement\n    if (triggerSlot !== null) {\n      const slotElements = triggerSlot.assignedElements()\n      if (slotElements.length > 0) {\n        const firstElement = slotElements[0] as HTMLElement\n        if ('setFocus' in firstElement) {\n          ;(firstElement as { setFocus: () => void }).setFocus()\n        } else {\n          firstElement.focus()\n        }\n        firstElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })\n      } else {\n        this.focusTrigger()\n      }\n    } else {\n      this.focusTrigger()\n    }\n  }\n\n  /**\n   * Auxiliar para focar no elemento trigger\n   */\n  private focusTrigger() {\n    if (typeof this.triggerElement !== 'undefined') {\n      this.triggerElement.focus()\n      this.triggerElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })\n    }\n  }\n\n  /**\n   * Define o foco no elemento interno do componente.\n   * Este método pode ser chamado externamente para garantir que o foco seja aplicado ao elemento correto.\n   */\n  @Method()\n  async setFocus() {\n    if (this.focusableElement !== null && this.focusableElement !== undefined) {\n      this.focusableElement.focus()\n    } else {\n      this.focusOnTriggerElement()\n    }\n  }\n\n  render() {\n    return (\n      <Host is-open={this.isOpen} placement={this.placement} prevent-auto-dismiss={this.preventAutoDismiss}>\n        <div class={this.getCssClassMap()} id={this.customId}>\n          <div\n            id=\"trigger\"\n            onClick={this.toggle}\n            aria-controls=\"target\"\n            aria-haspopup=\"true\"\n            aria-expanded={this.isOpen ? 'true' : 'false'}\n          >\n            <slot name=\"trigger\"></slot>\n          </div>\n\n          <div id=\"target\" aria-hidden={this.isOpen ? 'false' : 'true'}>\n            <slot name=\"target\"></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["dropdownCss","Dropdown","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","isOpen","customId","Helpers","generateUniqueId","placement","preventAutoDismiss","targetZIndex","targetElement","dropdownItems","dropdownLinks","focusableElement","handleLinkKeydown","event","link","currentTarget","key","linkIndex","indexOf","lastLinkIndex","length","preventDefault","stopPropagation","shiftKey","focusOnElement","tagName","toLowerCase","setTimeout","hide","focusOnTriggerElement","handleItemKeydown","item","currentIndex","lastIndex","click","toggle","isOpenChanged","newValue","brDidOpen","emit","id","initializeDropdownItems","positionDropdown","cleanupPositioning","triggerElement","undefined","brDropdownChange","targetZIndexChanged","updateTargetZIndex","connectedCallback","clickHandler","onClickOutside","bind","document","addEventListener","dropdownOpenHandler","onDropdownDidOpen","disconnectedCallback","removeEventListener","triggerKeydownHandler","targetKeydownHandler","clearDropdownItemListeners","customEvent","detail","forEach","componentDidLoad","el","shadowRoot","querySelector","setBehavior","floatingManager","FloatingUIManager","contentElement","start","_a","stop","style","zIndex","handleTriggerBehavior","setAttribute","focus","targetSlot","assignedElements","nonLinkSelector","linkSelector","element","matches","push","linkChildren","Array","from","querySelectorAll","concat","nonLinkChildren","getCssClassMap","path","composedPath","includes","open","setFocus","scrollIntoView","behavior","block","inline","triggerSlot","slotElements","firstElement","focusTrigger","render","h","Host","class","onClick","name"],"sources":["../../packages/webcomponents/src/components/dropdown/dropdown.scss?tag=br-dropdown&encapsulation=shadow","../../packages/webcomponents/src/components/dropdown/dropdown.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/partial/scss/base\";\n\n:host {\n  display: block;\n  position: relative;\n\n  #trigger {\n    display: inline-block;\n    cursor: pointer;\n    outline: none;\n  }\n\n  #trigger::slotted([slot=\"trigger\"]) {\n    &:focus {\n      @include focus;\n    }\n  }\n\n  ::slotted([slot=\"target\"] *:focus) {\n    @include focus;\n  }\n\n  #target {\n    display: none;\n    position: absolute;\n    /* Garante que o conteúdo do dropdown fique acima do trigger/botões ao redor */\n    box-shadow: var(--surface-shadow-sm);\n    z-index: var(--z-index-layer-1);\n\n    &:focus {\n      @include focus;\n    }\n  }\n}\n\n:host([is-open]) {\n  #target {\n    display: block;\n    width: max-content;\n  }\n}\n\n@include media-breakpoint-down(xs) {\n  :host([is-open]) {\n    #target {\n      width: 100vw !important;\n      max-width: 100vw !important;\n    }\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from '@stencil/core'\n\nimport { FloatingUIManager } from '../../utils/floating-ui'\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/dropdown?tab=designer).\n *\n * @slot trigger - Slot que recebe o elemento acionador\n * @slot target - Slot que recebe o elemento alvo\n */\n@Component({\n  tag: 'br-dropdown',\n  styleUrl: 'dropdown.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Dropdown {\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: HTMLBrDropdownElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Indica se o dropdown está aberto ou fechado.\n   * Esta propriedade é refletida no DOM e pode ser alterada externamente.\n   * O valor padrão é falso (fechado).\n   */\n  @Prop({ reflect: true, mutable: true }) isOpen: boolean = false\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId()\n\n  /**\n   * Define o posicionamento do target (alvo) em relação ao trigger (acionador).\n   * Valores possíveis: 'bottom-start' (padrão), 'bottom-end', 'top-start', 'top-end', 'left', 'right', 'bottom', 'top'.\n   */\n  @Prop({ reflect: true }) placement:\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'top-start'\n    | 'top-end'\n    | 'left'\n    | 'right'\n    | 'bottom'\n    | 'top' = 'bottom-start'\n\n  /**\n   * Define se o dropdown deve permanecer aberto quando outro dropdown é aberto.\n   * Quando definido como false (padrão), o dropdown será fechado automaticamente quando outro dropdown for aberto.\n   * Quando definido como true, o dropdown permanecerá aberto mesmo quando outro dropdown for aberto.\n   */\n  @Prop({ reflect: true }) preventAutoDismiss: boolean = false\n\n  /**\n   * Define o z-index do elemento target (alvo) do dropdown.\n   * Permite customizar a ordem de sobreposição do painel dropdown em relação aos demais elementos da página.\n   * O valor padrão utiliza a variável CSS do design system: var(--z-index-layer-1).\n   */\n  @Prop() targetZIndex: string = 'var(--z-index-layer-1)'\n\n  // Elementos DOM privados\n  private triggerElement: HTMLElement\n  private targetElement: HTMLElement | null = null\n  private dropdownItems: HTMLElement[] = []\n  private dropdownLinks: HTMLElement[] = []\n  private focusableElement: HTMLElement | null | undefined = null\n\n  // FloatingUI Manager\n  private floatingManager: FloatingUIManager\n\n  // Event handlers\n  private clickHandler: (event: MouseEvent) => void\n  private triggerKeydownHandler: (event: KeyboardEvent) => void\n  private targetKeydownHandler: (event: KeyboardEvent) => void\n\n  // Handler para o evento brDidOpen de outros dropdowns\n  private dropdownOpenHandler: EventListener\n\n  /**\n   * Evento emitido quando o estado do dropdown muda.\n   */\n  @Event() brDropdownChange: EventEmitter<{ isOpen: boolean }>\n  /**\n   * Evento emitido quando o dropdown é aberto.\n   * Este evento é usado para implementar o auto-dismiss de outros dropdowns.\n   */\n  @Event() brDidOpen: EventEmitter<{ id: string }>\n\n  /**\n   * Método chamado sempre que a propriedade `isOpen` muda.\n   * Emite um evento com o novo estado do dropdown.\n   */\n  @Watch('isOpen')\n  isOpenChanged(newValue: boolean) {\n    if (newValue) {\n      this.brDidOpen.emit({ id: this.customId })\n\n      this.initializeDropdownItems()\n      this.positionDropdown()\n    } else {\n      this.cleanupPositioning()\n\n      if (this.triggerElement !== null && this.triggerElement !== undefined) {\n        this.focusOnTriggerElement()\n      }\n    }\n\n    this.brDropdownChange.emit({ isOpen: newValue })\n  }\n\n  /**\n   * Aplica o novo valor de z-index ao elemento target.\n   */\n  @Watch('targetZIndex')\n  targetZIndexChanged() {\n    this.updateTargetZIndex()\n  }\n\n  connectedCallback() {\n    this.clickHandler = this.onClickOutside.bind(this)\n    document.addEventListener('click', this.clickHandler)\n\n    this.dropdownOpenHandler = this.onDropdownDidOpen.bind(this)\n    document.addEventListener('brDidOpen', this.dropdownOpenHandler)\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.clickHandler)\n    document.removeEventListener('brDidOpen', this.dropdownOpenHandler)\n\n    if (this.triggerElement !== null && this.triggerElement !== undefined) {\n      this.triggerElement.removeEventListener('keydown', this.triggerKeydownHandler)\n    }\n\n    if (this.targetElement !== null && this.targetElement !== undefined) {\n      this.targetElement.removeEventListener('keydown', this.targetKeydownHandler)\n    }\n\n    this.cleanupPositioning()\n    this.clearDropdownItemListeners()\n  }\n\n  /**\n   * Método que lida com o evento brDidOpen de outros dropdowns\n   * Fecha este dropdown se não for o emissor do evento e preventAutoDismiss=false\n   */\n  private onDropdownDidOpen(event: Event) {\n    if (this.preventAutoDismiss) {\n      return\n    }\n\n    const customEvent = event as CustomEvent<{ id: string }>\n    if (this.isOpen && customEvent.detail.id !== this.customId) {\n      this.hide()\n    }\n  }\n\n  private clearDropdownItemListeners() {\n    this.dropdownItems.forEach((item) => {\n      item.removeEventListener('keydown', this.handleItemKeydown)\n    })\n\n    this.dropdownLinks.forEach((link) => {\n      link.removeEventListener('keydown', this.handleLinkKeydown)\n    })\n\n    this.dropdownItems = []\n    this.dropdownLinks = []\n  }\n\n  componentDidLoad() {\n    this.triggerElement = this.el.shadowRoot.querySelector('#trigger')\n    this.targetElement = this.el.shadowRoot.querySelector('#target')\n\n    this.setBehavior()\n    this.updateTargetZIndex()\n\n    if (this.isOpen) {\n      this.initializeDropdownItems()\n      this.positionDropdown()\n    }\n  }\n\n  /**\n   * Posiciona o dropdown usando Floating UI\n   */\n  private positionDropdown() {\n    if (this.triggerElement == null || this.targetElement == null) return\n\n    this.floatingManager = new FloatingUIManager({\n      triggerElement: this.triggerElement,\n      contentElement: this.targetElement,\n      placement: this.placement,\n    })\n\n    this.floatingManager.start()\n  }\n\n  /**\n   * Limpa o posicionamento do Floating UI\n   */\n  private cleanupPositioning() {\n    this.floatingManager?.stop()\n  }\n\n  /**\n   * Atualiza o z-index do target conforme a propriedade targetZIndex\n   */\n  private updateTargetZIndex() {\n    if (this.targetElement === null) {\n      return\n    }\n\n    if (this.targetZIndex !== null && this.targetZIndex !== undefined) {\n      this.targetElement.style.zIndex = this.targetZIndex\n    }\n  }\n\n  /**\n   * Configura os comportamentos de interação do dropdown\n   */\n  private setBehavior() {\n    if (this.triggerElement === null) return\n\n    this.triggerKeydownHandler = (event: KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        this.handleTriggerBehavior(event)\n      } else if (event.key === 'Escape') {\n        event.preventDefault()\n        this.hide()\n        this.focusOnTriggerElement()\n      } else if (event.key === 'ArrowDown' && this.isOpen) {\n        event.preventDefault()\n        this.initializeDropdownItems()\n        if (this.dropdownLinks.length > 0) {\n          this.focusOnElement(this.dropdownLinks[0])\n        } else if (this.dropdownItems.length > 0) {\n          this.focusOnElement(this.dropdownItems[0])\n        }\n      }\n    }\n\n    this.targetKeydownHandler = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        this.hide()\n        this.focusOnTriggerElement()\n      }\n    }\n\n    this.triggerElement.addEventListener('keydown', this.triggerKeydownHandler)\n    if (this.targetElement !== null) {\n      this.targetElement.addEventListener('keydown', this.targetKeydownHandler)\n    }\n  }\n\n  /**\n   * Lida com o comportamento no trigger\n   */\n  private handleTriggerBehavior(event: Event) {\n    event.preventDefault()\n    this.toggle(event)\n\n    if (this.isOpen) {\n      setTimeout(() => {\n        this.initializeDropdownItems()\n      }, 0)\n    }\n  }\n\n  /**\n   * Inicializa os itens do dropdown com comportamentos de navegação com teclado,\n   * separando claramente entre elementos navegáveis por Tab e elementos navegáveis por setas\n   */\n  private initializeDropdownItems() {\n    if (this.targetElement === null) return\n\n    this.clearDropdownItemListeners()\n\n    this.targetElement.setAttribute('tabindex', '-1')\n    this.targetElement.focus()\n\n    const targetSlot = this.el.shadowRoot.querySelector('slot[name=\"target\"]') as HTMLSlotElement\n    if (targetSlot === null || targetSlot === undefined) return\n\n    const assignedElements = targetSlot.assignedElements()\n    if (assignedElements.length === 0) return\n\n    const nonLinkSelector =\n      'button, br-button, input, br-input, br-item:not([href]), textarea, br-textarea, select, br-select, details, [tabindex]:not([tabindex=\"-1\"]):not(a[href])'\n\n    const linkSelector = 'a[href], br-item[href]'\n\n    assignedElements.forEach((element) => {\n      if (element instanceof HTMLElement) {\n        if (element.matches(linkSelector)) {\n          this.dropdownLinks.push(element)\n        } else if (element.matches(nonLinkSelector)) {\n          this.dropdownItems.push(element)\n        }\n      }\n\n      const linkChildren = Array.from(element.querySelectorAll(linkSelector)) as HTMLElement[]\n      this.dropdownLinks = this.dropdownLinks.concat(linkChildren)\n\n      const nonLinkChildren = Array.from(element.querySelectorAll(nonLinkSelector)) as HTMLElement[]\n      this.dropdownItems = this.dropdownItems.concat(nonLinkChildren)\n    })\n\n    this.dropdownItems.forEach((item) => {\n      item.addEventListener('keydown', this.handleItemKeydown)\n    })\n\n    this.dropdownLinks.forEach((link) => {\n      link.addEventListener('keydown', this.handleLinkKeydown)\n    })\n\n    if (this.dropdownLinks.length > 0) {\n      this.focusOnElement(this.dropdownLinks[0])\n      this.focusableElement = this.dropdownLinks[0]\n    } else if (this.dropdownItems.length > 0) {\n      this.focusOnElement(this.dropdownItems[0])\n      this.focusableElement = this.dropdownItems[0]\n    }\n  }\n\n  /**\n   * Handler específico para links\n   */\n  private handleLinkKeydown = (event: KeyboardEvent) => {\n    const link = event.currentTarget as HTMLElement\n    const key = event.key\n    const linkIndex = this.dropdownLinks.indexOf(link)\n    const lastLinkIndex = this.dropdownLinks.length - 1\n\n    switch (key) {\n      case 'ArrowUp':\n      case 'ArrowDown':\n      case 'Home':\n      case 'End':\n        event.preventDefault()\n        event.stopPropagation()\n        break\n      case 'Tab':\n        event.preventDefault()\n\n        if (!event.shiftKey) {\n          if (linkIndex >= lastLinkIndex) {\n            this.focusOnElement(this.dropdownLinks[0])\n          } else {\n            this.focusOnElement(this.dropdownLinks[linkIndex + 1])\n          }\n        } else {\n          if (linkIndex <= 0) {\n            this.focusOnElement(this.dropdownLinks[lastLinkIndex])\n          } else {\n            this.focusOnElement(this.dropdownLinks[linkIndex - 1])\n          }\n        }\n        break\n      case 'Enter':\n      case ' ':\n        if (key === ' ' && link.tagName.toLowerCase() === 'a') {\n          event.preventDefault()\n        }\n        setTimeout(() => this.hide(), 100)\n        break\n      case 'Escape':\n        event.preventDefault()\n        this.hide()\n        this.focusOnTriggerElement()\n        break\n      default:\n        break\n    }\n  }\n\n  /**\n   * Handler para eventos de keydown nos itens não-link\n   * Implementa navegação completa por setas, Tab não navega entre estes itens\n   */\n  private handleItemKeydown = (event: KeyboardEvent) => {\n    const item = event.currentTarget as HTMLElement\n    const key = event.key\n    const currentIndex = this.dropdownItems.indexOf(item)\n    const lastIndex = this.dropdownItems.length - 1\n\n    switch (key) {\n      case 'ArrowUp':\n        event.preventDefault()\n        if (currentIndex <= 0) {\n          this.focusOnElement(this.dropdownItems[lastIndex])\n        } else {\n          this.focusOnElement(this.dropdownItems[currentIndex - 1])\n        }\n        break\n\n      case 'ArrowDown':\n        event.preventDefault()\n        if (currentIndex >= lastIndex) {\n          this.focusOnElement(this.dropdownItems[0])\n        } else {\n          this.focusOnElement(this.dropdownItems[currentIndex + 1])\n        }\n        break\n\n      case 'Home':\n        event.preventDefault()\n        this.focusOnElement(this.dropdownItems[0])\n        break\n\n      case 'End':\n        event.preventDefault()\n        this.focusOnElement(this.dropdownItems[lastIndex])\n        break\n\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        item.click()\n        this.hide()\n        this.focusOnTriggerElement()\n        break\n\n      case 'Tab':\n        break\n\n      case 'Escape':\n        event.preventDefault()\n        this.hide()\n        this.focusOnTriggerElement()\n        break\n\n      default:\n        break\n    }\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-dropdown': true,\n    }\n  }\n\n  /**\n   * Alterna o estado do dropdown entre aberto e fechado.\n   */\n  private readonly toggle = (event: Event) => {\n    event.stopPropagation()\n    this.isOpen = !this.isOpen\n  }\n\n  /**\n   * Método que lida com cliques fora do dropdown.\n   *\n   * @param {MouseEvent} event - O evento de clique que ocorreu.\n   */\n  private onClickOutside(event: MouseEvent) {\n    if (!this.isOpen) return\n\n    const path = event.composedPath()\n\n    if (\n      this.triggerElement &&\n      this.targetElement &&\n      !path.includes(this.triggerElement) &&\n      !path.includes(this.targetElement)\n    ) {\n      this.hide()\n    }\n  }\n\n  /**\n   * Abre o dropdown.\n   * Define a propriedade `isOpen` como verdadeira e retorna o novo estado.\n   *  Este método pode ser chamado externamente.\n   */\n  @Method()\n  async open(): Promise<{ isOpen: boolean }> {\n    this.isOpen = true\n    return { isOpen: this.isOpen }\n  }\n\n  /**\n   * Esconde o dropdown.\n   * Define a propriedade `isOpen` como falsa e retorna o novo estado.\n   * Este método pode ser chamado externamente.\n   */\n  @Method()\n  async hide(): Promise<{ isOpen: boolean }> {\n    this.isOpen = false\n    return { isOpen: this.isOpen }\n  }\n\n  /**\n   * Foca em um elemento específico com suporte a componentes personalizados\n   * @param targetElement Elemento a receber o foco\n   */\n  private focusOnElement(targetElement: HTMLElement) {\n    if (targetElement && targetElement !== this.el) {\n      if ('setFocus' in targetElement) {\n        ;(targetElement as { setFocus: () => void }).setFocus()\n      } else {\n        targetElement.focus()\n      }\n      targetElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })\n    }\n  }\n\n  /**\n   * Foca no elemento interativo dentro do slot trigger\n   * Esta função procura pelo elemento dentro do slot trigger e aplica o foco nele\n   */\n  private focusOnTriggerElement() {\n    const triggerSlot = this.el.shadowRoot.querySelector('slot[name=\"trigger\"]') as HTMLSlotElement\n    if (triggerSlot !== null) {\n      const slotElements = triggerSlot.assignedElements()\n      if (slotElements.length > 0) {\n        const firstElement = slotElements[0] as HTMLElement\n        if ('setFocus' in firstElement) {\n          ;(firstElement as { setFocus: () => void }).setFocus()\n        } else {\n          firstElement.focus()\n        }\n        firstElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })\n      } else {\n        this.focusTrigger()\n      }\n    } else {\n      this.focusTrigger()\n    }\n  }\n\n  /**\n   * Auxiliar para focar no elemento trigger\n   */\n  private focusTrigger() {\n    if (typeof this.triggerElement !== 'undefined') {\n      this.triggerElement.focus()\n      this.triggerElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })\n    }\n  }\n\n  /**\n   * Define o foco no elemento interno do componente.\n   * Este método pode ser chamado externamente para garantir que o foco seja aplicado ao elemento correto.\n   */\n  @Method()\n  async setFocus() {\n    if (this.focusableElement !== null && this.focusableElement !== undefined) {\n      this.focusableElement.focus()\n    } else {\n      this.focusOnTriggerElement()\n    }\n  }\n\n  render() {\n    return (\n      <Host is-open={this.isOpen} placement={this.placement} prevent-auto-dismiss={this.preventAutoDismiss}>\n        <div class={this.getCssClassMap()} id={this.customId}>\n          <div\n            id=\"trigger\"\n            onClick={this.toggle}\n            aria-controls=\"target\"\n            aria-haspopup=\"true\"\n            aria-expanded={this.isOpen ? 'true' : 'false'}\n          >\n            <slot name=\"trigger\"></slot>\n          </div>\n\n          <div id=\"target\" aria-hidden={this.isOpen ? 'false' : 'true'}>\n            <slot name=\"target\"></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":"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","ignoreList":[]}