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

package/dist/esm/breakpoint-observer-CqgyNPQx.js

@@ -0,0 +1,197 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+/**
+ * Constantes que definem os nomes dos breakpoints.
+ */
+const BREAKPOINTS = {
+    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 BREAKPOINT_SETTINGS = {
+    [BREAKPOINTS.X_SMALL]: {
+        name: BREAKPOINTS.X_SMALL,
+        query: '(max-width: 575px)',
+        minWidth: 0,
+        maxWidth: 575,
+    },
+    [BREAKPOINTS.SMALL]: {
+        name: BREAKPOINTS.SMALL,
+        query: '(min-width: 576px) and (max-width: 991px)',
+        minWidth: 576,
+        maxWidth: 991,
+    },
+    [BREAKPOINTS.MEDIUM]: {
+        name: BREAKPOINTS.MEDIUM,
+        query: '(min-width: 992px) and (max-width: 1279px)',
+        minWidth: 992,
+        maxWidth: 1279,
+    },
+    [BREAKPOINTS.LARGE]: {
+        name: BREAKPOINTS.LARGE,
+        query: '(min-width: 1280px) and (max-width: 1599px)',
+        minWidth: 1280,
+        maxWidth: 1599,
+    },
+    [BREAKPOINTS.X_LARGE]: {
+        name: BREAKPOINTS.X_LARGE,
+        query: '(min-width: 1600px)',
+        minWidth: 1600,
+    },
+};
+/**
+ * Classe que observa mudanças nos breakpoints baseados em media queries.
+ */
+class BreakpointObserver {
+    /**
+     * 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, mql } of this.mediaQueries) {
+                if (mql.matches && this.currentBreakpoint !== config.name) {
+                    this.currentBreakpoint = config.name;
+                    this.notifyListeners();
+                    break;
+                }
+            }
+        };
+        this.init();
+    }
+    /**
+     * Inicializa os MediaQueryLists para cada breakpoint, adicionando listeners.
+     */
+    init() {
+        for (const breakpointName of Object.values(BREAKPOINTS)) {
+            const config = BREAKPOINT_SETTINGS[breakpointName];
+            const mql = window.matchMedia(config.query);
+            this.mediaQueries.push({ config, mql });
+            if (mql.matches) {
+                this.currentBreakpoint = config.name;
+            }
+            mql.addEventListener('change', this.handleChange);
+        }
+    }
+    /**
+     * Notifica todos os callbacks inscritos sobre a mudança do breakpoint atual.
+     */
+    notifyListeners() {
+        if (this.currentBreakpoint === null)
+            return;
+        for (const listener of this.listeners) {
+            listener(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(breakpoint) {
+        return BREAKPOINT_SETTINGS[breakpoint];
+    }
+    /**
+     * 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(breakpoint) {
+        var _a;
+        return (_a = BREAKPOINT_SETTINGS[breakpoint]) === null || _a === void 0 ? void 0 : _a.query;
+    }
+    /**
+     * Retorna uma lista com todos os breakpoints disponíveis.
+     * @returns {Breakpoint[]} Array com todos os breakpoints
+     */
+    getAllBreakpoints() {
+        return Object.values(BREAKPOINTS);
+    }
+    /**
+     * 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(type, breakpoint) {
+        const breakpointOrder = Object.values(BREAKPOINTS);
+        const index = breakpointOrder.indexOf(breakpoint);
+        if (index === -1)
+            return [];
+        switch (type) {
+            case 'above':
+                return breakpointOrder.slice(index + 1);
+            case 'below':
+                return breakpointOrder.slice(0, index);
+            case 'from':
+                return breakpointOrder.slice(index);
+            case 'until':
+                return breakpointOrder.slice(0, index + 1);
+            case 'only':
+                return [breakpoint];
+            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(callback) {
+        this.listeners.add(callback);
+        if (this.currentBreakpoint !== null) {
+            callback(this.currentBreakpoint);
+        }
+    }
+    /**
+     * Remove um listener previamente registrado.
+     * @param {(breakpoint: Breakpoint) => void} callback - Função a ser removida
+     */
+    unsubscribe(callback) {
+        this.listeners.delete(callback);
+    }
+    /**
+     * Remove todos os listeners e para a observação dos media queries.
+     */
+    destroy() {
+        for (const { mql } of this.mediaQueries) {
+            mql.removeEventListener('change', this.handleChange);
+        }
+        this.listeners.clear();
+        this.mediaQueries = [];
+        this.currentBreakpoint = null;
+    }
+}
+
+export { BreakpointObserver as B, BREAKPOINTS as a };
+//# sourceMappingURL=breakpoint-observer-CqgyNPQx.js.map
+
+//# sourceMappingURL=breakpoint-observer-CqgyNPQx.js.map

package/dist/esm/breakpoint-observer-CqgyNPQx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoint-observer-CqgyNPQx.js","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"],"names":[],"mappings":"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"}

package/dist/esm/{index-ByGJPTh2.js → index-DULshOxW.js}

@@ -6,7 +6,7 @@ const NAMESPACE = 'webcomponents';
 const BUILD = /* webcomponents */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, shadowDom: true, state: true, updatable: true};
 
 /*
- Stencil Client Platform v4.38.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.39.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -171,6 +171,26 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './br-footer-social.entry.js').then(processMod, consoleError);
+                case 'br-header':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-header.entry.js').then(processMod, consoleError);
+                case 'br-header-function':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-header-function.entry.js').then(processMod, consoleError);
+                case 'br-header-link':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-header-link.entry.js').then(processMod, consoleError);
+                case 'br-header-list':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-header-list.entry.js').then(processMod, consoleError);
+                case 'br-header-logo':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-header-logo.entry.js').then(processMod, consoleError);
                 case 'br-loading':
                     return import(
                       /* webpackMode: "lazy" */
@@ -179,6 +199,34 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './br-magic-button.entry.js').then(processMod, consoleError);
+                case 'br-menu':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-menu.entry.js').then(processMod, consoleError);
+                case 'br-menu-header':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-menu-header.entry.js').then(processMod, consoleError);
+                case 'br-menu-info':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-menu-info.entry.js').then(processMod, consoleError);
+                case 'br-menu-link':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-menu-link.entry.js').then(processMod, consoleError);
+                case 'br-menu-list':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-menu-list.entry.js').then(processMod, consoleError);
+                case 'br-menu-logo':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-menu-logo.entry.js').then(processMod, consoleError);
+                case 'br-menu-social':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-menu-social.entry.js').then(processMod, consoleError);
                 case 'br-message':
                     return import(
                       /* webpackMode: "lazy" */
@@ -199,6 +247,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './br-sign-in.entry.js').then(processMod, consoleError);
+                case 'br-skip-link':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-skip-link.entry.js').then(processMod, consoleError);
+                case 'br-skiplink-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-skiplink-item.entry.js').then(processMod, consoleError);
                 case 'br-step':
                     return import(
                       /* webpackMode: "lazy" */
@@ -235,10 +291,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './br-table-row.entry.js').then(processMod, consoleError);
-                case 'br-tag':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './br-tag.entry.js').then(processMod, consoleError);
                 case 'br-textarea':
                     return import(
                       /* webpackMode: "lazy" */
@@ -251,14 +303,22 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './br-upload.entry.js').then(processMod, consoleError);
+                case 'br-menu-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-menu-item.entry.js').then(processMod, consoleError);
+                case 'br-tag':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-tag.entry.js').then(processMod, consoleError);
                 case 'br-divider':
                     return import(
                       /* webpackMode: "lazy" */
                       './br-divider.entry.js').then(processMod, consoleError);
-                case 'br-collapse':
+                case 'br-item':
                     return import(
                       /* webpackMode: "lazy" */
-                      './br-collapse.entry.js').then(processMod, consoleError);
+                      './br-item.entry.js').then(processMod, consoleError);
                 case 'br-table-header-cell':
                     return import(
                       /* webpackMode: "lazy" */
@@ -267,10 +327,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './br-dropdown_2.entry.js').then(processMod, consoleError);
-                case 'br-item_2':
+                case 'br-collapse_2':
                     return import(
                       /* webpackMode: "lazy" */
-                      './br-item_2.entry.js').then(processMod, consoleError);
+                      './br-collapse_2.entry.js').then(processMod, consoleError);
                 case 'br-button_2':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1216,6 +1276,9 @@ var hydrateScopedToShadow = () => {
   }
 };
 var h = (nodeName, vnodeData, ...children) => {
+  if (typeof nodeName === "string") {
+    nodeName = transformTag(nodeName);
+  }
   let child = null;
   let key = null;
   let simple = false;
@@ -1352,7 +1415,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
     const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);
     const node = childRenderNode.$elm$;
     if (!shadowRoot) {
-      node["s-hn"] = tagName.toUpperCase();
+      node["s-hn"] = transformTag(tagName).toUpperCase();
       if (childRenderNode.$tag$ === "slot") {
         node["s-cr"] = hostElm["s-cr"];
       }
@@ -2199,7 +2262,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   if (cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
     const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
     for (const childNode of children) {
-      if (childNode["s-hn"] !== hostTagName && !childNode["s-sh"]) {
+      if (childNode["s-hn"] !== hostTagName && !childNode["s-sh"] && childNode.nodeType === 1 /* ElementNode */) {
         if (isInitialLoad && childNode["s-ih"] == null) {
           childNode["s-ih"] = (_e = childNode.hidden) != null ? _e : false;
         }
@@ -2850,7 +2913,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         cmpMeta.$serializers$ = (_b = compactMeta[5]) != null ? _b : {};
         cmpMeta.$deserializers$ = (_c = compactMeta[6]) != null ? _c : {};
       }
-      const tagName = cmpMeta.$tagName$;
+      const tagName = transformTag(cmpMeta.$tagName$);
       const HostElement = class extends HTMLElement {
         // StencilLazyHost
         constructor(self) {
@@ -2998,8 +3061,11 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
 
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
+function transformTag(tag) {
+  return tag;
+}
 
 export { H, Host as a, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
-//# sourceMappingURL=index-ByGJPTh2.js.map
+//# sourceMappingURL=index-DULshOxW.js.map
 
-//# sourceMappingURL=index-ByGJPTh2.js.map
+//# sourceMappingURL=index-DULshOxW.js.map