@toototech/webbuilder-plugins 0.1.0

package/dist/publisher.js

@@ -0,0 +1,1711 @@
+import { createWebBuilderPluginManager, collectPublisherContributions, collectProjectDataComponentTypes } from "@toototech/webbuilder/core";
+import { collectPublisherContributions as collectPublisherContributions2 } from "@toototech/webbuilder/core";
+import { c as createCmsComponentsPlugin } from "./plugin-C0PrxrIe.js";
+import { c as createGlobalSettingsPlugin } from "./plugin-DQshk1sY.js";
+import { r as registerBasicPublisherComponents } from "./publisher-C6VWXq8u.js";
+import { e as encodeLoopGridSchema, L as LOOP_GRID_PAGINATION_STYLE, a as LOOP_GRID_PREV_ICON, b as LOOP_GRID_NEXT_ICON, c as LOOP_GRID_PAGINATION_SCRIPT, p as parseNumber, D as DEFAULT_LOOP_GRID_SCHEMA, d as parseCsvList, W as WB_CMS_MENU_TREE_TYPE, f as DEFAULT_MENU_TREE_CODE, r as registerDynamicTextBlock, g as registerDynamicHtmlBlock, h as registerDynamicImageBlock, i as registerDynamicLinkBlock, j as registerDynamicDatetimeBlock, k as registerDynamicConditionalBlock, l as registerDynamicBreadcrumbBlock, m as registerDynamicTocBlock, n as registerDynamicSeoBlock } from "./types-DNbok59z.js";
+const appendAssetFragment = (left, right) => {
+  const fragments = [left, right].filter(
+    (fragment) => typeof fragment === "string" && fragment.trim() !== ""
+  );
+  return fragments.length > 0 ? fragments.join("\n") : void 0;
+};
+const isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+const mergePublisherMetadata = (left, right) => {
+  if (!left && !right)
+    return void 0;
+  if (!left)
+    return { ...right };
+  if (!right)
+    return { ...left };
+  const merged = { ...left };
+  Object.entries(right).forEach(([key, value]) => {
+    const previous = merged[key];
+    merged[key] = isRecord(previous) && isRecord(value) ? { ...previous, ...value } : value;
+  });
+  return merged;
+};
+const mergePublisherAssets = (left, right) => {
+  const metadata = mergePublisherMetadata(left.metadata, right.metadata);
+  return {
+    css: appendAssetFragment(left.css, right.css),
+    headHtml: appendAssetFragment(left.headHtml, right.headHtml),
+    bodyStartHtml: appendAssetFragment(left.bodyStartHtml, right.bodyStartHtml),
+    bodyEndHtml: appendAssetFragment(left.bodyEndHtml, right.bodyEndHtml),
+    ...metadata ? { metadata } : {}
+  };
+};
+const renderWebBuilderPublisherAssets = async (contributions, context) => {
+  var _a;
+  let assets = {};
+  for (const contribution of contributions) {
+    const rendered = await ((_a = contribution.render) == null ? void 0 : _a.call(contribution, context));
+    if (!rendered)
+      continue;
+    assets = mergePublisherAssets(assets, rendered);
+  }
+  return assets;
+};
+const createWebBuilderPublisherPluginRegistry = (options) => {
+  const activePlugins = createWebBuilderPluginManager(options.plugins).resolve(
+    options.resolveContext
+  );
+  const publisherContributions = collectPublisherContributions(activePlugins);
+  return {
+    activePlugins,
+    publisherContributions,
+    renderPublisherAssets: (context) => renderWebBuilderPublisherAssets(publisherContributions, context)
+  };
+};
+const createPublisherTenantContext = (tenant = {}) => ({
+  roles: tenant.roles ?? [],
+  permissions: tenant.permissions ?? /* @__PURE__ */ new Set(),
+  tenantId: tenant.tenantId,
+  userId: tenant.userId,
+  getAccessToken: tenant.getAccessToken,
+  getEffectiveTenantId: tenant.getEffectiveTenantId
+});
+const WEB_BUILDER_PUBLISHER_FEATURE_PLUGINS = [
+  createGlobalSettingsPlugin(),
+  createCmsComponentsPlugin()
+];
+const createWebBuilderPublisherRuntimeRegistry = (options) => {
+  const projectData = options.projectData ?? null;
+  const usedComponentTypes = collectProjectDataComponentTypes(projectData);
+  return createWebBuilderPublisherPluginRegistry({
+    plugins: WEB_BUILDER_PUBLISHER_FEATURE_PLUGINS,
+    resolveContext: {
+      resource: options.resource ?? {},
+      projectData,
+      usedComponentTypes,
+      capabilityIds: new Set(options.capabilityIds ?? []),
+      tenant: createPublisherTenantContext(options.tenant)
+    }
+  });
+};
+const renderWebBuilderPublisherPluginAssets = async (options) => createWebBuilderPublisherRuntimeRegistry(options).renderPublisherAssets({
+  projectData: options.projectData ?? null,
+  globalSettings: options.globalSettings ?? null
+});
+const WB_LOOP_GRID_TYPE = "wb-loop-grid";
+const LOOP_GRID_CSS = `
+  [data-wb-component="loop-grid"]{display:block;width:100%;min-height:180px;}
+  .wb-loop-grid{display:block;width:100%;overflow-x:visible;}
+  .wb-loop-grid__grid{display:grid;width:100%;align-items:stretch;}
+  .wb-loop-grid__item{display:flex;flex-direction:column;min-width:0;}
+  .wb-loop-grid__fallback-card{gap:10px;color:#0f172a;}
+  .wb-loop-grid__fallback-media{aspect-ratio:4/3;width:100%;object-fit:cover;background:#f3f4f6;}
+  .wb-loop-grid__fallback-title{margin:0;color:#041038;font-size:20px;line-height:1.2;font-weight:700;}
+  .wb-loop-grid__fallback-text{margin:0;color:#4b5563;font-size:14px;line-height:1.6;}
+  .wb-loop-grid__fallback-link{color:#264faa;text-decoration:none;font-weight:700;}
+`;
+const escapeAttr = (value) => String(value ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+const normalizeLoopItemType = (value) => {
+  const raw = String(value ?? "").trim();
+  return raw || DEFAULT_LOOP_GRID_SCHEMA.loopItemType;
+};
+const resolveCmsComponentType = (loopItemType) => {
+  if (loopItemType === "product" || loopItemType === "productCategory")
+    return "product-list";
+  if (loopItemType === "media" || loopItemType === "mediaCategory")
+    return "media-list";
+  if (loopItemType === "productCategoryFaq")
+    return "product-category-faq";
+  return "post-list";
+};
+const resolvePaginationMode = (value) => String(value ?? "").trim() === "none" ? "none" : "numbers";
+const resolveFallbackBindings = (loopItemType) => {
+  if (loopItemType === "product" || loopItemType === "productCategory") {
+    return {
+      prefix: "product",
+      title: "Product title",
+      excerpt: "Product description",
+      image: "https://dummyimage.com/640x480/f3f4f6/0f172a&text=Product"
+    };
+  }
+  if (loopItemType === "media" || loopItemType === "mediaCategory") {
+    return {
+      prefix: "media",
+      title: "Media title",
+      excerpt: "Media description",
+      image: "https://dummyimage.com/640x480/f3f4f6/0f172a&text=Media"
+    };
+  }
+  return {
+    prefix: "post",
+    title: "Post title",
+    excerpt: "Post excerpt",
+    image: "https://dummyimage.com/640x480/f3f4f6/0f172a&text=Post"
+  };
+};
+const renderFallbackLoopItem = (loopItemType) => {
+  const bindings = resolveFallbackBindings(loopItemType);
+  return `
+    <article class="wb-loop-grid__item wb-loop-grid__fallback-card">
+      <img class="wb-loop-grid__fallback-media" src="${escapeAttr(bindings.image)}" alt="" data-cms-bind-src="${bindings.prefix}.image" data-cms-bind-alt="${bindings.prefix}.name">
+      <h3 class="wb-loop-grid__fallback-title" data-cms-bind="${bindings.prefix}.name">${escapeAttr(bindings.title)}</h3>
+      <p class="wb-loop-grid__fallback-text" data-cms-bind="${bindings.prefix}.description">${escapeAttr(bindings.excerpt)}</p>
+      <a class="wb-loop-grid__fallback-link" href="#" data-cms-bind-href="${bindings.prefix}.url">Learn more</a>
+    </article>
+  `;
+};
+const buildLoopGridStyle = (schema) => {
+  const columns = parseNumber(schema.layout.columns, DEFAULT_LOOP_GRID_SCHEMA.layout.columns, {
+    min: 1,
+    max: 6
+  });
+  const columnGap = parseNumber(
+    schema.layout.columnGap,
+    DEFAULT_LOOP_GRID_SCHEMA.layout.columnGap,
+    { min: 0, max: 120 }
+  );
+  const rowGap = parseNumber(schema.layout.rowGap, DEFAULT_LOOP_GRID_SCHEMA.layout.rowGap, {
+    min: 0,
+    max: 120
+  });
+  return [
+    `grid-template-columns:repeat(${columns},minmax(0,1fr))`,
+    `column-gap:${columnGap}px`,
+    `row-gap:${rowGap}px`
+  ].join(";");
+};
+const buildLoopGridSchema = (model) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+  const attrs = ((_a = model.getAttributes) == null ? void 0 : _a.call(model)) || {};
+  const loopItemType = normalizeLoopItemType(
+    ((_b = model.get) == null ? void 0 : _b.call(model, "loopItemType")) ?? attrs["data-loop-item-type"]
+  );
+  const itemsPerPage = parseNumber(
+    ((_c = model.get) == null ? void 0 : _c.call(model, "itemsPerPage")) ?? attrs["data-page-size"] ?? attrs["data-wb-page-size"],
+    DEFAULT_LOOP_GRID_SCHEMA.layout.itemsPerPage,
+    { min: 1, max: 60 }
+  );
+  return {
+    ...DEFAULT_LOOP_GRID_SCHEMA,
+    gridId: String(
+      ((_d = model.get) == null ? void 0 : _d.call(model, "gridId")) ?? attrs["data-wb-grid-id"] ?? ((_e = model.getId) == null ? void 0 : _e.call(model)) ?? model.cid ?? DEFAULT_LOOP_GRID_SCHEMA.gridId
+    ),
+    filterKey: String(((_f = model.get) == null ? void 0 : _f.call(model, "filterKey")) ?? attrs["data-wb-filter-key"] ?? ""),
+    providerKey: String(
+      ((_g = model.get) == null ? void 0 : _g.call(model, "providerKey")) ?? attrs["data-wb-provider-key"] ?? DEFAULT_LOOP_GRID_SCHEMA.providerKey
+    ),
+    itemTemplateId: String(
+      ((_h = model.get) == null ? void 0 : _h.call(model, "itemTemplateId")) ?? attrs["data-wb-item-template-id"] ?? DEFAULT_LOOP_GRID_SCHEMA.itemTemplateId
+    ),
+    loopItemType,
+    loopItemTemplateResourceId: String(
+      ((_i = model.get) == null ? void 0 : _i.call(model, "loopItemTemplateResourceId")) ?? attrs["data-loop-item-template-resource-id"] ?? ""
+    ),
+    query: {
+      ...DEFAULT_LOOP_GRID_SCHEMA.query,
+      category: parseCsvList(
+        ((_j = model.get) == null ? void 0 : _j.call(model, "categoryFilter")) ?? attrs["data-category-id"] ?? attrs["data-wb-category-id"] ?? ""
+      ),
+      orderBy: String(((_k = model.get) == null ? void 0 : _k.call(model, "orderBy")) ?? attrs["data-wb-sort-field"] ?? "date"),
+      order: ((_l = model.get) == null ? void 0 : _l.call(model, "order")) ?? (attrs["data-wb-sort-asc"] === "true" || attrs["data-sort-asc"] === "true" ? "asc" : DEFAULT_LOOP_GRID_SCHEMA.query.order)
+    },
+    layout: {
+      ...DEFAULT_LOOP_GRID_SCHEMA.layout,
+      columns: parseNumber((_m = model.get) == null ? void 0 : _m.call(model, "columns"), DEFAULT_LOOP_GRID_SCHEMA.layout.columns, {
+        min: 1,
+        max: 6
+      }),
+      itemsPerPage,
+      columnGap: parseNumber(
+        (_n = model.get) == null ? void 0 : _n.call(model, "columnGap"),
+        DEFAULT_LOOP_GRID_SCHEMA.layout.columnGap,
+        { min: 0, max: 120 }
+      ),
+      rowGap: parseNumber((_o = model.get) == null ? void 0 : _o.call(model, "rowGap"), DEFAULT_LOOP_GRID_SCHEMA.layout.rowGap, {
+        min: 0,
+        max: 120
+      })
+    },
+    pagination: {
+      ...DEFAULT_LOOP_GRID_SCHEMA.pagination,
+      mode: resolvePaginationMode(
+        ((_p = model.get) == null ? void 0 : _p.call(model, "paginationType")) ?? attrs["data-pagination"] ?? attrs["data-wb-pagination"]
+      ),
+      pageLimit: parseNumber(
+        ((_q = model.get) == null ? void 0 : _q.call(model, "pageLimit")) ?? attrs["data-max-pages"] ?? attrs["data-wb-max-pages"],
+        DEFAULT_LOOP_GRID_SCHEMA.pagination.pageLimit,
+        { min: 1, max: 50 }
+      )
+    }
+  };
+};
+const buildCmsRenderAttrs = (schema) => {
+  const loopItemType = normalizeLoopItemType(schema.loopItemType);
+  const cmsComponent = resolveCmsComponentType(loopItemType);
+  const categoryId = schema.query.category[0] || "";
+  return {
+    class: "wb-loop-grid",
+    "data-cms-component": cmsComponent,
+    "data-page-size": String(schema.layout.itemsPerPage),
+    "data-wb-page-size": String(schema.layout.itemsPerPage),
+    "data-pagination": resolvePaginationMode(schema.pagination.mode),
+    "data-wb-pagination": resolvePaginationMode(schema.pagination.mode),
+    "data-max-pages": String(schema.pagination.pageLimit),
+    "data-wb-max-pages": String(schema.pagination.pageLimit),
+    "data-category-id": categoryId,
+    "data-wb-category-id": categoryId,
+    "data-loop-item-type": loopItemType,
+    "data-loop-item-template-resource-id": schema.loopItemTemplateResourceId
+  };
+};
+const renderLoopGridPublishHtml = (schema) => {
+  const loopItemType = normalizeLoopItemType(schema.loopItemType);
+  const cmsComponent = resolveCmsComponentType(loopItemType);
+  const paginationClass = cmsComponent === "product-list" ? "wb-product-list-pagination" : cmsComponent === "media-list" ? "wb-cms-media-pagination" : "wb-post-list-pagination";
+  const pageBtnClass = cmsComponent === "product-list" ? "wb-product-list-page-btn" : cmsComponent === "media-list" ? "wb-cms-media-page-btn" : "wb-post-list-page-btn";
+  const pagination = resolvePaginationMode(schema.pagination.mode) === "none" ? "" : `
+        ${LOOP_GRID_PAGINATION_STYLE}
+        <nav data-cms-pagination class="${paginationClass} wb-loop-grid-pagination">
+          <span class="${pageBtnClass} wb-loop-grid-pagination__btn" aria-label="上一页">${LOOP_GRID_PREV_ICON}</span>
+          <span class="${pageBtnClass} wb-loop-grid-pagination__number active">1</span>
+          <span class="${pageBtnClass} wb-loop-grid-pagination__number">2</span>
+          <span class="${pageBtnClass} wb-loop-grid-pagination__number">3</span>
+          <span class="${pageBtnClass} wb-loop-grid-pagination__btn" aria-label="下一页">${LOOP_GRID_NEXT_ICON}</span>
+        </nav>
+        ${LOOP_GRID_PAGINATION_SCRIPT}
+      `;
+  return `
+    <div class="wb-loop-grid__grid" data-wb-loop-grid-cards="${escapeAttr(schema.gridId)}" style="${escapeAttr(buildLoopGridStyle(schema))}">
+      ${renderFallbackLoopItem(loopItemType)}
+    </div>
+    ${pagination}
+  `;
+};
+function registerLoopGridPublisherComponent(editor) {
+  const domComponents = editor == null ? void 0 : editor.DomComponents;
+  if (!domComponents || domComponents.getType(WB_LOOP_GRID_TYPE))
+    return;
+  domComponents.addType(WB_LOOP_GRID_TYPE, {
+    isComponent: (el) => {
+      var _a;
+      if (!(el == null ? void 0 : el.getAttribute))
+        return false;
+      return el.getAttribute("data-wb-component") === "loop-grid" || el.getAttribute("data-cms-component") === "loop-grid" || ((_a = el.classList) == null ? void 0 : _a.contains("wb-loop-grid")) ? { type: WB_LOOP_GRID_TYPE } : false;
+    },
+    model: {
+      defaults: {
+        name: "Loop Grid",
+        tagName: "section",
+        draggable: "*",
+        droppable: false,
+        selectable: true,
+        editable: false,
+        stylable: true,
+        attributes: {
+          "data-wb-component": "loop-grid",
+          "data-cms-component": "post-list",
+          class: "wb-loop-grid"
+        },
+        styles: LOOP_GRID_CSS,
+        style: {
+          width: "100%",
+          display: "block"
+        }
+      },
+      init() {
+        var _a;
+        const schema = buildLoopGridSchema(this);
+        this.addAttributes({
+          ...buildCmsRenderAttrs(schema),
+          "data-wb-component": "loop-grid",
+          "data-wb-instance-id": String(((_a = this.getId) == null ? void 0 : _a.call(this)) || this.cid || ""),
+          "data-wb-loop-grid-version": String(schema.version),
+          "data-wb-grid-id": schema.gridId,
+          "data-wb-filter-key": schema.filterKey,
+          "data-wb-source-type": schema.query.sourceType,
+          "data-wb-query-mode": schema.query.queryMode,
+          "data-wb-item-template-id": schema.itemTemplateId,
+          "data-wb-provider-key": schema.providerKey,
+          "data-wb-loop-grid-schema": encodeLoopGridSchema(schema)
+        });
+      },
+      getInnerHTML() {
+        return renderLoopGridPublishHtml(buildLoopGridSchema(this));
+      }
+    }
+  });
+}
+const navbarThbScript = function() {
+  const root = this;
+  if (root.__thbNavInit)
+    return;
+  root.__thbNavInit = true;
+  const hamburger = root.querySelector(".site-header__hamburger");
+  const navMobile = root.querySelector(".nav-mobile");
+  const navMobileContent = navMobile ? navMobile.querySelector(".nav-mobile__content") : null;
+  const mobileSearchBtn = root.querySelector(".site-header__mobile-search");
+  const logo = root.querySelector(".site-header__logo-img, .site-header__logo img");
+  const siteSearch = root.querySelector(".site-search");
+  const headerSearchInput = root.querySelector(".site-header__search input");
+  const siteSearchInput = siteSearch ? siteSearch.querySelector(".site-search__input") : null;
+  const siteSearchClose = siteSearch ? siteSearch.querySelector(".site-search__close") : null;
+  const siteSearchClear = siteSearch ? siteSearch.querySelector(".site-search__clear") : null;
+  const siteSearchForm = siteSearch ? siteSearch.querySelector(".site-search__form") : null;
+  (function prepareMobilePanels() {
+    if (!navMobileContent)
+      return;
+    const panels = Array.from(navMobileContent.querySelectorAll(".nav-mobile__panel"));
+    let index = 0;
+    panels.forEach(function(panel) {
+      if (!panel.dataset.panel) {
+        panel.dataset.panel = panel.classList.contains("is-active") ? "root" : "panel-" + ++index;
+      }
+    });
+    Array.from(navMobileContent.querySelectorAll(".nav-mobile__expand")).forEach(function(button) {
+      var _a;
+      const trigger = button;
+      if (trigger.dataset.target)
+        return;
+      const siblingPanel = (_a = trigger.parentElement) == null ? void 0 : _a.querySelector(":scope > .nav-mobile__panel");
+      if (siblingPanel == null ? void 0 : siblingPanel.dataset.panel)
+        trigger.dataset.target = siblingPanel.dataset.panel;
+    });
+  })();
+  (function flattenMobilePanels() {
+    if (!navMobileContent)
+      return;
+    const panels = Array.from(navMobileContent.querySelectorAll(".nav-mobile__panel"));
+    panels.forEach(function(panel) {
+      const ancestor = panel.parentElement && panel.parentElement.closest(".nav-mobile__panel");
+      if (ancestor && ancestor.dataset.panel) {
+        panel.dataset.parent = ancestor.dataset.panel || "";
+      }
+    });
+    panels.forEach(function(panel) {
+      if (panel.parentElement !== navMobileContent) {
+        navMobileContent.appendChild(panel);
+      }
+    });
+  })();
+  const mobilePanels = navMobile ? Array.from(navMobile.querySelectorAll("[data-panel]")) : [];
+  const panelStack = ["root"];
+  let isPanelTransitioning = false;
+  let isMenuClosing = false;
+  function syncLogo(scrolled) {
+    if (!logo)
+      return;
+    const defaultLogo = logo.getAttribute("data-default-logo") || "";
+    const scrolledLogo = logo.getAttribute("data-scrolled-logo") || "";
+    const nextLogo = scrolled && scrolledLogo ? scrolledLogo : defaultLogo || scrolledLogo;
+    if (nextLogo && logo.getAttribute("src") !== nextLogo) {
+      logo.setAttribute("src", nextLogo);
+    }
+  }
+  function onScroll() {
+    const scrolled = window.scrollY > 10;
+    root.classList.toggle("site-header--scrolled", scrolled);
+    syncLogo(scrolled);
+  }
+  function getPanel(panelName) {
+    return mobilePanels.find(function(panel) {
+      return panel.dataset.panel === panelName;
+    });
+  }
+  function waitForTransition(element, fallback) {
+    return new Promise(function(resolve) {
+      let settled = false;
+      const done = function() {
+        if (settled)
+          return;
+        settled = true;
+        element.removeEventListener("transitionend", onEnd);
+        resolve();
+      };
+      const onEnd = function(event) {
+        if (event.target === element)
+          done();
+      };
+      element.addEventListener("transitionend", onEnd);
+      window.setTimeout(done, fallback || 360);
+    });
+  }
+  function resetPanelStates() {
+    mobilePanels.forEach(function(panel) {
+      panel.classList.remove("is-active", "is-entering-from-right", "is-entering-from-left", "is-exiting-to-left", "is-exiting-to-right");
+    });
+    const rootPanel = getPanel("root");
+    if (rootPanel)
+      rootPanel.classList.add("is-active");
+  }
+  async function transitionMobilePanel(fromPanelName, toPanelName, direction) {
+    if (isPanelTransitioning)
+      return;
+    const currentPanel = getPanel(fromPanelName);
+    const nextPanel = getPanel(toPanelName);
+    if (!currentPanel || !nextPanel || currentPanel === nextPanel)
+      return;
+    isPanelTransitioning = true;
+    nextPanel.classList.remove("is-active", "is-exiting-to-left", "is-exiting-to-right");
+    nextPanel.classList.add(direction === "back" ? "is-entering-from-left" : "is-entering-from-right");
+    requestAnimationFrame(function() {
+      currentPanel.classList.add(direction === "back" ? "is-exiting-to-right" : "is-exiting-to-left");
+      currentPanel.classList.remove("is-active");
+      nextPanel.classList.add("is-active");
+      nextPanel.classList.remove("is-entering-from-left", "is-entering-from-right");
+    });
+    await Promise.all([waitForTransition(currentPanel), waitForTransition(nextPanel)]);
+    currentPanel.classList.remove("is-exiting-to-left", "is-exiting-to-right");
+    nextPanel.classList.remove("is-entering-from-left", "is-entering-from-right");
+    isPanelTransitioning = false;
+  }
+  function openMobileMenu() {
+    if (!navMobile || !hamburger)
+      return;
+    panelStack.length = 1;
+    panelStack[0] = "root";
+    resetPanelStates();
+    navMobile.classList.add("nav-mobile--open");
+    navMobile.setAttribute("aria-hidden", "false");
+    hamburger.classList.add("site-header__hamburger--open");
+    hamburger.setAttribute("aria-expanded", "true");
+    document.body.classList.add("nav-mobile-open");
+  }
+  async function closeMobileMenu() {
+    if (!navMobile || !hamburger)
+      return;
+    if (isMenuClosing)
+      return;
+    isMenuClosing = true;
+    navMobile.classList.remove("nav-mobile--open");
+    navMobile.setAttribute("aria-hidden", "true");
+    hamburger.classList.remove("site-header__hamburger--open");
+    hamburger.setAttribute("aria-expanded", "false");
+    document.body.classList.remove("nav-mobile-open");
+    await waitForTransition(navMobile, 340);
+    panelStack.length = 1;
+    panelStack[0] = "root";
+    resetPanelStates();
+    isMenuClosing = false;
+  }
+  async function pushPanel(panelName) {
+    if (!getPanel(panelName))
+      return;
+    const current = panelStack[panelStack.length - 1];
+    panelStack.push(panelName);
+    await transitionMobilePanel(current, panelName, "forward");
+  }
+  async function popPanel() {
+    if (panelStack.length <= 1)
+      return;
+    const current = panelStack.pop();
+    const previous = panelStack[panelStack.length - 1];
+    if (!current || !previous)
+      return;
+    await transitionMobilePanel(current, previous, "back");
+  }
+  function openSiteSearch() {
+    if (!siteSearch)
+      return;
+    if (navMobile && navMobile.classList.contains("nav-mobile--open"))
+      closeMobileMenu();
+    siteSearch.classList.add("site-search--open");
+    siteSearch.setAttribute("aria-hidden", "false");
+    if (mobileSearchBtn)
+      mobileSearchBtn.setAttribute("aria-expanded", "true");
+    document.body.classList.add("site-search-open");
+    window.setTimeout(function() {
+      if (siteSearchInput)
+        siteSearchInput.focus();
+    }, 120);
+  }
+  function closeSiteSearch() {
+    if (!siteSearch)
+      return;
+    siteSearch.classList.remove("site-search--open");
+    siteSearch.setAttribute("aria-hidden", "true");
+    if (mobileSearchBtn)
+      mobileSearchBtn.setAttribute("aria-expanded", "false");
+    document.body.classList.remove("site-search-open");
+    if (siteSearchInput)
+      siteSearchInput.blur();
+  }
+  function updateSiteSearchClear() {
+    if (!siteSearchClear || !siteSearchInput)
+      return;
+    siteSearchClear.hidden = siteSearchInput.value.length === 0;
+  }
+  function submitSearch(input) {
+    var _a;
+    const keyword = ((_a = input == null ? void 0 : input.value) == null ? void 0 : _a.trim()) || "";
+    if (!keyword)
+      return;
+    const searchUrl = new URL("/search", window.location.origin);
+    searchUrl.searchParams.set("q", keyword);
+    window.location.assign(searchUrl.toString());
+  }
+  onScroll();
+  window.addEventListener("scroll", onScroll, { passive: true });
+  if (hamburger) {
+    hamburger.addEventListener("click", async function() {
+      if (navMobile && navMobile.classList.contains("nav-mobile--open")) {
+        await closeMobileMenu();
+      } else {
+        openMobileMenu();
+      }
+    });
+  }
+  if (navMobile) {
+    navMobile.addEventListener("click", async function(event) {
+      const target = event.target;
+      const backButton = target.closest("[data-back]");
+      if (backButton) {
+        await popPanel();
+        return;
+      }
+      const panelButton = target.closest("[data-target]");
+      if (panelButton) {
+        await pushPanel(panelButton.dataset.target || "");
+        return;
+      }
+      const link = target.closest("a");
+      if (link)
+        await closeMobileMenu();
+    });
+  }
+  window.addEventListener("keydown", async function(event) {
+    if (event.key !== "Escape")
+      return;
+    if (siteSearch && siteSearch.classList.contains("site-search--open")) {
+      closeSiteSearch();
+      return;
+    }
+    if (navMobile && navMobile.classList.contains("nav-mobile--open"))
+      await closeMobileMenu();
+  });
+  window.addEventListener("resize", async function() {
+    if (window.innerWidth > 767) {
+      if (navMobile && navMobile.classList.contains("nav-mobile--open"))
+        await closeMobileMenu();
+      if (siteSearch && siteSearch.classList.contains("site-search--open"))
+        closeSiteSearch();
+    }
+  });
+  if (headerSearchInput) {
+    headerSearchInput.addEventListener("keydown", function(event) {
+      if (event.key !== "Enter")
+        return;
+      event.preventDefault();
+      submitSearch(headerSearchInput);
+    });
+  }
+  if (mobileSearchBtn)
+    mobileSearchBtn.addEventListener("click", openSiteSearch);
+  if (siteSearchClose)
+    siteSearchClose.addEventListener("click", closeSiteSearch);
+  if (siteSearchInput)
+    siteSearchInput.addEventListener("input", updateSiteSearchClear);
+  if (siteSearchClear) {
+    siteSearchClear.addEventListener("click", function() {
+      if (!siteSearchInput)
+        return;
+      siteSearchInput.value = "";
+      updateSiteSearchClear();
+      siteSearchInput.focus();
+    });
+  }
+  if (siteSearchForm) {
+    siteSearchForm.addEventListener("submit", function(event) {
+      event.preventDefault();
+      submitSearch(siteSearchInput);
+    });
+  }
+};
+const NAVBAR_THB_STYLES = `
+  /* ── CSS Variables ─────────────────────────────────────── */
+  .site-header {
+    --primary-blue: #3C53E8;
+    --dark-blue: #080E2B;
+    --text-dark: #0C1029;
+    --text-gray: #666;
+    --transition: 0.2s ease-in-out;
+    --header-height: 64px;
+    --thb-mobile-header-height: 60px;
+    --thb-header-bg: transparent;
+    --thb-header-scroll-bg: #fff;
+    --thb-header-link-color: var(--text-dark);
+    --thb-header-scroll-link-color: var(--text-dark);
+    --thb-logo-height: 36px;
+    --thb-mobile-logo-height: 32px;
+    --thb-gutter: 40px;
+    --thb-mobile-gutter: 20px;
+    --thb-nav-gap: 40px;
+    --dropdown-menu-offset: 8px;
+    --megamenu-offset: 8px;
+    --dropdown-menu-radius: 8px;
+    --megamenu-radius: 8px;
+  }
+
+  /* ── Page Width Grid ────────────────────────────────────── */
+  .site-header .page-width {
+    --content-max: 1240px;
+    --gutter: var(--thb-gutter);
+    display: grid;
+    grid-template-columns:
+      minmax(var(--gutter), 1fr)
+      minmax(0, var(--content-max))
+      minmax(var(--gutter), 1fr);
+  }
+  .site-header .page-width > * {
+    grid-column: 2;
+  }
+
+  /* ── Links ──────────────────────────────────────────────── */
+  .site-header a {
+    text-decoration: none;
+  }
+  .site-header input {
+    min-width: 0;
+  }
+
+  /* ── Logo ───────────────────────────────────────────────── */
+  .site-header__logo {
+    display: flex;
+    align-items: center;
+    gap: 2px;
+  }
+  .site-header__logo a {
+    display: flex;
+    align-items: center;
+  }
+  .site-header__logo img {
+    height: var(--thb-logo-height);
+    width: auto;
+    display: block;
+  }
+
+  /* ── Header Base ────────────────────────────────────────── */
+  .site-header {
+    background: var(--thb-header-scroll-bg);
+    position: sticky;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 1000;
+    transition: background var(--transition), box-shadow var(--transition);
+  }
+  .site-header--fixed-transparent {
+    background: var(--thb-header-bg);
+    position: fixed;
+  }
+  .site-header--sticky {
+    background: var(--thb-header-scroll-bg);
+    position: sticky;
+  }
+  .site-header--scrolled {
+    background: var(--thb-header-scroll-bg);
+    box-shadow: 0 0 0 1px rgba(2, 5, 27, 0.09);
+  }
+
+  /* ── Primary Nav ────────────────────────────────────────── */
+  .site-header__nav {
+    display: flex;
+    height: var(--header-height);
+    align-items: center;
+    justify-content: space-between;
+    gap: 24px;
+  }
+  .site-header__nav-list {
+    display: flex;
+    gap: var(--thb-nav-gap);
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  .site-header__nav-list.wb-menu-tree {
+    width: auto;
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-nav {
+    width: auto;
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-list {
+    display: flex;
+    flex-direction: row;
+    gap: var(--thb-nav-gap);
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-item {
+    position: relative;
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-list > .wb-menu-tree-item > .wb-menu-tree-submenu {
+    position: absolute;
+    left: 50%;
+    top: 100%;
+    transform: translate(-50%, 8px);
+    min-width: 200px;
+    background: #fff;
+    border-radius: var(--megamenu-radius);
+    padding: 10px;
+    box-shadow: 0 8px 30px rgba(12, 16, 41, 0.08);
+    display: grid;
+    gap: 4px;
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
+    transition: opacity var(--transition), visibility var(--transition), transform var(--transition);
+    z-index: 1200;
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-list > .wb-menu-tree-item:hover > .wb-menu-tree-submenu,
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-list > .wb-menu-tree-item:focus-within > .wb-menu-tree-submenu {
+    opacity: 1;
+    visibility: visible;
+    pointer-events: auto;
+    transform: translate(-50%, 0);
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-list > .wb-menu-tree-item > .wb-menu-tree-submenu:has(.wb-menu-tree-submenu) {
+    width: 790px;
+    min-width: 0;
+    padding: 20px;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: 28px;
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-list > .wb-menu-tree-item > .wb-menu-tree-submenu:has(.wb-menu-tree-submenu) > .wb-menu-tree-item:first-child {
+    grid-column: span 2;
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-list > .wb-menu-tree-item > .wb-menu-tree-submenu:has(.wb-menu-tree-submenu) > .wb-menu-tree-item:first-child > .wb-menu-tree-submenu {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    column-gap: 28px;
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-submenu .wb-menu-tree-submenu {
+    position: static;
+    display: grid;
+    gap: 4px;
+    margin-top: 12px;
+    padding: 0;
+    background: transparent;
+    box-shadow: none;
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-link {
+    font-size: 14px;
+    display: block;
+    line-height: var(--header-height);
+    color: var(--thb-header-link-color);
+    font-weight: 400;
+    transition: color var(--transition);
+    white-space: nowrap;
+    text-decoration: none;
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-submenu .wb-menu-tree-link {
+    line-height: 1.2;
+    padding: 10px;
+    border-radius: 6px;
+    color: #1d1d1d;
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-submenu .wb-menu-tree-link:hover {
+    background: #F3F3F3;
+    color: #1d1d1d;
+    opacity: 1;
+  }
+  .site-header--scrolled .site-header__nav-list.wb-menu-tree .wb-menu-tree-link {
+    color: var(--thb-header-scroll-link-color);
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-link:hover {
+    color: var(--thb-header-link-color);
+    opacity: 0.82;
+  }
+  .site-header--scrolled .site-header__nav-list.wb-menu-tree .wb-menu-tree-link:hover {
+    color: var(--thb-header-scroll-link-color);
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-icon {
+    display: none;
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-list > .wb-menu-tree-item > .wb-menu-tree-submenu:has(.wb-menu-tree-submenu) > .wb-menu-tree-item > .wb-menu-tree-link {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    gap: 16px;
+    padding-inline: 16px 4px;
+    margin-bottom: 20px;
+    font-size: 16px;
+    font-weight: 700;
+    line-height: 24px;
+    background: transparent;
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-list > .wb-menu-tree-item > .wb-menu-tree-submenu:has(.wb-menu-tree-submenu) > .wb-menu-tree-item > .wb-menu-tree-link::after {
+    content: '›';
+    margin-left: auto;
+    color: #666;
+    font-size: 28px;
+    line-height: 1;
+    font-weight: 300;
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-list > .wb-menu-tree-item > .wb-menu-tree-submenu:has(.wb-menu-tree-submenu) > .wb-menu-tree-item > .wb-menu-tree-link .wb-menu-tree-text {
+  
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-list > .wb-menu-tree-item > .wb-menu-tree-submenu:has(.wb-menu-tree-submenu) > .wb-menu-tree-item > .wb-menu-tree-link .wb-menu-tree-icon {
+    order: 3;
+    display: block;
+    width: 100%;
+    height: auto;
+    max-height: 448px;
+    aspect-ratio: 1 / 1;
+    object-fit: contain;
+    padding: 28px;
+    margin-top: 18px;
+    background: #F3F3F3;
+    border-radius: 10px;
+  }
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-list > .wb-menu-tree-item > .wb-menu-tree-submenu:has(.wb-menu-tree-submenu) > .wb-menu-tree-item > .wb-menu-tree-link .wb-menu-tree-icon[src=''],
+  .site-header__nav-list.wb-menu-tree .wb-menu-tree-list > .wb-menu-tree-item > .wb-menu-tree-submenu:has(.wb-menu-tree-submenu) > .wb-menu-tree-item > .wb-menu-tree-link .wb-menu-tree-icon:not([src]) {
+    display: none;
+  }
+  .site-header__nav-item--has-dropdown {
+    position: relative;
+  }
+  .site-header__nav-link {
+    font-size: 14px;
+    display: block;
+    line-height: var(--header-height);
+    color: var(--thb-header-link-color);
+    font-weight: 400;
+    transition: color var(--transition);
+    white-space: nowrap;
+  }
+  .site-header--scrolled .site-header__nav-link {
+    color: var(--thb-header-scroll-link-color);
+  }
+  .site-header__nav-link:hover {
+    color: var(--thb-header-link-color);
+    opacity: 0.82;
+  }
+  .site-header--scrolled .site-header__nav-link:hover {
+    color: var(--thb-header-scroll-link-color);
+  }
+  .site-header--menu-left .site-header__nav-list {
+    margin-right: auto;
+  }
+  .site-header--menu-right .site-header__nav-list {
+    margin-left: auto;
+  }
+  .site-header__nav-link--active {
+    color: var(--thb-header-link-color);
+    font-weight: 600;
+  }
+  .site-header--scrolled .site-header__nav-link--active {
+    color: var(--thb-header-scroll-link-color);
+  }
+
+  /* ── Dropdown Wrap ──────────────────────────────────────── */
+  .site-header__dropdown-wrap {
+    position: absolute;
+    left: 50%;
+    top: 100%;
+    transform: translate(-50%, 8px);
+    padding-top: var(--dropdown-menu-offset);
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
+    transition: opacity var(--transition), visibility var(--transition), transform var(--transition);
+    z-index: 1200;
+  }
+  .site-header__nav-item--has-dropdown:hover > .site-header__dropdown-wrap,
+  .site-header__nav-item--has-dropdown:focus-within > .site-header__dropdown-wrap {
+    opacity: 1;
+    visibility: visible;
+    pointer-events: auto;
+    transform: translate(-50%, 0);
+  }
+
+  /* ── Dropdown ───────────────────────────────────────────── */
+  .site-header__dropdown {
+    min-width: 200px;
+    background: #fff;
+    border-radius: var(--megamenu-radius);
+    padding: 10px;
+    box-shadow: 0 8px 30px rgba(12, 16, 41, 0.08);
+    display: grid;
+    gap: 4px;
+  }
+  .site-header__dropdown--right {
+    min-width: 180px;
+  }
+  .site-header__dropdown-link {
+    display: block;
+    white-space: nowrap;
+    padding: 10px;
+    border-radius: 6px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #1d1d1d;
+    line-height: 1.2;
+    transition: background var(--transition), color var(--transition);
+  }
+  .site-header__dropdown-link--active,
+  .site-header__dropdown-link:hover {
+    background: #F3F3F3;
+  }
+
+  /* ── Mega Menu ──────────────────────────────────────────── */
+  .site-header__dropdown--mega {
+    width: 790px;
+    min-width: 0;
+    padding: 0;
+  }
+  .site-header__mega {
+    display: grid;
+    align-items: stretch;
+    gap: 28px;
+    padding: 20px;
+    grid-template-columns: minmax(0, 1.15fr) 240px;
+  }
+  .site-header__mega-col {
+    flex: 1 1 0;
+    min-width: 0;
+  }
+  .site-header__mega-col--right {
+    padding-left: 0;
+  }
+  .site-header__mega-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 16px;
+    font-weight: 700;
+    color: #1d1d1d;
+    line-height: 24px;
+    margin-bottom: 32px;
+    padding-inline: 16px 4px;
+  }
+  .site-header__mega-head--empty {
+    height: 24px;
+    margin-bottom: 32px;
+  }
+  .site-header__mega-head i {
+    font-size: 30px;
+    color: #1d1d1d;
+    opacity: 0.75;
+    font-weight: normal;
+    font-style: normal;
+  }
+  .site-header__mega-list {
+    display: grid;
+    row-gap: 10px;
+  }
+  .site-header__mega-list--split {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    column-gap: 16px;
+  }
+  .site-header__mega-item {
+    display: block;
+    padding: 10px;
+    border-radius: 4px;
+    font-size: 14px;
+    font-weight: normal;
+    color: #222222;
+    line-height: 1.32;
+    transition: background var(--transition), color var(--transition);
+  }
+  .site-header__mega-item--active,
+  .site-header__mega-item:hover {
+    background: #F3F3F3;
+    color: #1d1d1d;
+  }
+  .site-header__mega-media {
+    border-radius: 6px;
+    background: #F3F4F6;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    aspect-ratio: 1 / 1;
+    min-height: 0;
+    padding: 0;
+    margin-inline: 16px 0;
+  }
+  .site-header__mega-media img {
+    width: 100%;
+    height: 100%;
+    display: block;
+    object-fit: contain;
+  }
+
+  /* ── Actions ────────────────────────────────────────────── */
+  .site-header__actions {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    flex-shrink: 0;
+  }
+  .site-header__search {
+    background: #fff;
+    border-radius: 20px;
+    padding: 0 14px;
+    display: flex;
+    align-items: center;
+    width: 160px;
+    height: 36px;
+    box-shadow: 0 0 0 1px #CDCDCD inset;
+    gap: 8px;
+    color: #999;
+    transition: all var(--transition);
+  }
+  .site-header__search:has(:focus-within) {
+    box-shadow: 0 0 0 1px var(--primary-blue) inset;
+  }
+  .site-header__search svg {
+    flex: 0 0 auto;
+  }
+  .site-header__search input {
+    flex: 1;
+    border: none;
+    background: transparent;
+    outline: none;
+    font-size: 13px;
+    font-family: inherit;
+    color: var(--text-dark);
+  }
+
+  /* ── CTA Button ─────────────────────────────────────────── */
+  .site-header .btn--consult {
+    background: var(--primary-blue);
+    color: #fff;
+    border-radius: 999px;
+    font-size: 14px;
+    height: 36px;
+    padding: 0 20px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    white-space: nowrap;
+    transition: background var(--transition), transform var(--transition);
+    font-family: inherit;
+    font-weight: 500;
+    cursor: pointer;
+    border: none;
+    text-decoration: none;
+  }
+  .site-header .btn--consult:hover {
+    background: #2a3fc9;
+  }
+
+  /* ── Hamburger ──────────────────────────────────────────── */
+  .site-header__hamburger {
+    display: none;
+    flex-direction: column;
+    gap: 3px;
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 4px;
+  }
+  .site-header__hamburger span {
+    display: block;
+    width: 17px;
+    height: 3px;
+    transform: scaleY(0.5);
+    background: var(--thb-header-link-color);
+    border-radius: 2px;
+    transition: all var(--transition);
+    transform-origin: center;
+  }
+  .site-header--scrolled .site-header__hamburger span {
+    background: var(--thb-header-scroll-link-color);
+  }
+  .site-header__hamburger--open span:nth-child(1) {
+    transform: translateY(6px) rotate(45deg) scaleY(0.5);
+  }
+  .site-header__hamburger--open span:nth-child(2) {
+    opacity: 0;
+  }
+  .site-header__hamburger--open span:nth-child(3) {
+    transform: translateY(-6px) rotate(-45deg) scaleY(0.5);
+  }
+
+  /* ── Mobile Search Trigger ──────────────────────────────── */
+  .site-header__mobile-search {
+    display: none;
+  }
+
+  /* ── Site Search Overlay (mobile only) ──────────────────── */
+  .site-header .site-search {
+    display: none;
+  }
+
+  /* ── Mobile Nav (hidden by default) ────────────────────── */
+  .site-header .nav-mobile {
+    display: none;
+  }
+  .site-header .nav-mobile--open {
+    display: flex;
+  }
+
+  /* ── Tablet (≤ 1024px) ──────────────────────────────────── */
+  @media (max-width: 1024px) {
+    .site-header .page-width {
+      --gutter: min(28px, var(--thb-gutter));
+    }
+    .site-header__nav-list {
+      gap: 24px;
+    }
+  }
+
+  /* ── Mobile (≤ 767px) ───────────────────────────────────── */
+  @media (max-width: 767px) {
+    .site-header .page-width {
+      --gutter: var(--thb-mobile-gutter);
+    }
+    .site-header {
+      z-index: 1500;
+    }
+    .site-header__nav {
+      height: var(--thb-mobile-header-height);
+      gap: 12px;
+    }
+    .site-header__nav-list {
+      display: none;
+    }
+    .site-header__nav-list.wb-menu-tree {
+      display: none !important;
+    }
+    .site-header__search {
+      display: none;
+    }
+    .site-header .btn--consult {
+      display: none;
+    }
+    .site-header__dropdown-wrap {
+      display: none;
+    }
+    .site-header__actions {
+      order: 1;
+      width: 40px;
+      flex: 0 0 40px;
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+      gap: 0;
+    }
+    .site-header__logo {
+      order: 2;
+      flex: 1 1 auto;
+      display: flex;
+      justify-content: center;
+    }
+    .site-header__logo img {
+      width: auto;
+      height: var(--thb-mobile-logo-height);
+    }
+    .site-header__hamburger {
+      display: flex;
+      margin: 0;
+    }
+    .site-header__mobile-search {
+      order: 3;
+      width: 40px;
+      height: 40px;
+      flex: 0 0 40px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      border: 0;
+      padding: 0;
+      background: transparent;
+      color: var(--thb-header-link-color);
+      cursor: pointer;
+    }
+    .site-header--scrolled .site-header__mobile-search {
+      color: var(--thb-header-scroll-link-color);
+    }
+    .site-header__mobile-search svg,
+    .site-header .nav-mobile__back svg {
+      width: 24px;
+      height: 24px;
+      display: block;
+      stroke: currentColor;
+    }
+
+    /* ── Mobile Nav ───────────────────────────────────────── */
+    .site-header .nav-mobile {
+      position: fixed;
+      top: var(--thb-mobile-header-height);
+      right: 0;
+      bottom: 0;
+      left: 0;
+      z-index: 1400;
+      background: rgba(255, 255, 255, 0.98);
+      opacity: 0;
+      visibility: hidden;
+      pointer-events: none;
+      transform: translateY(-12px);
+      transition: opacity 0.26s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.32s;
+      will-change: opacity, transform;
+      flex-direction: column;
+    }
+    .site-header .nav-mobile--open {
+      display: flex;
+      opacity: 1;
+      visibility: visible;
+      pointer-events: auto;
+      transform: translateY(0);
+      transition: opacity 0.26s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s;
+    }
+    .site-header .nav-mobile__content {
+      position: relative;
+      height: 100%;
+      overflow: hidden;
+      isolation: isolate;
+    }
+    .site-header .nav-mobile__panel {
+      position: absolute;
+      inset: 0;
+      overflow-y: auto;
+      -webkit-overflow-scrolling: touch;
+      display: grid;
+      align-content: start;
+      gap: 28px;
+      padding: 44px 20px 56px;
+      background: #fff;
+      opacity: 0;
+      visibility: hidden;
+      pointer-events: none;
+      transform: translateX(0);
+      transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease, visibility 0s linear 0.34s;
+      will-change: transform, opacity;
+    }
+    .site-header .nav-mobile__panel.is-active {
+      opacity: 1;
+      visibility: visible;
+      pointer-events: auto;
+      transform: translateX(0);
+      transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease, visibility 0s;
+    }
+    .site-header .nav-mobile__panel.is-entering-from-right {
+      opacity: 0;
+      visibility: visible;
+      pointer-events: none;
+      transform: translateX(44px);
+    }
+    .site-header .nav-mobile__panel.is-entering-from-left {
+      opacity: 0;
+      visibility: visible;
+      pointer-events: none;
+      transform: translateX(-44px);
+    }
+    .site-header .nav-mobile__panel.is-exiting-to-left {
+      opacity: 0;
+      visibility: visible;
+      pointer-events: none;
+      transform: translateX(-36px);
+    }
+    .site-header .nav-mobile__panel.is-exiting-to-right {
+      opacity: 0;
+      visibility: visible;
+      pointer-events: none;
+      transform: translateX(36px);
+    }
+    .site-header .nav-mobile__heading {
+      margin: 0;
+      color: #0f172a;
+      font-size: 26px;
+      line-height: 1.15;
+      font-weight: 700;
+    }
+    .site-header .nav-mobile__heading-row {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+    .site-header .nav-mobile__back {
+      width: 40px;
+      height: 40px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      border: 0;
+      padding: 0;
+      background: transparent;
+      color: #111827;
+      cursor: pointer;
+    }
+    .site-header .nav-mobile__list {
+      display: grid;
+      gap: 8px;
+      list-style: none;
+      margin: 0;
+      padding: 0;
+    }
+    .site-header .nav-mobile__list > li {
+      display: flex;
+      align-items: stretch;
+      gap: 8px;
+    }
+    .site-header .nav-mobile__link,
+    .site-header .nav-mobile__viewall,
+    .site-header .nav-mobile__feature-link {
+      color: #111827;
+      text-decoration: none;
+    }
+    .site-header .nav-mobile__link {
+      flex: 1;
+      min-height: 52px;
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      padding: 0;
+      font-size: 18px;
+      line-height: 1.35;
+      font-weight: 400;
+    }
+    .site-header .nav-mobile__expand {
+      flex: 0 0 44px;
+      min-height: 52px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      border: 0;
+      padding: 0;
+      background: transparent;
+      color: #111827;
+      cursor: pointer;
+    }
+    .site-header .nav-mobile__entry-icon {
+      flex: 0 0 auto;
+      font-size: 20px;
+      line-height: 1;
+      transition: transform 0.22s ease;
+    }
+    .site-header .nav-mobile img,
+    .site-header .nav-mobile [data-cms-bind-src] {
+      display: none !important;
+    }
+    .site-header .nav-mobile__expand:hover .nav-mobile__entry-icon,
+    .site-header .nav-mobile__expand:focus-visible .nav-mobile__entry-icon {
+      transform: rotate(90deg);
+    }
+    .site-header .nav-mobile__viewall,
+    .site-header .nav-mobile__feature-link {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 16px;
+      font-weight: 500;
+    }
+    .site-header .nav-mobile__feature {
+      display: grid;
+      gap: 14px;
+    }
+    .site-header .nav-mobile__feature-card {
+      display: block;
+      overflow: hidden;
+      border-radius: 14px;
+      background: #f3f4f6;
+    }
+    .site-header .nav-mobile__feature-card img {
+      width: 100%;
+      height: auto;
+      display: block;
+    }
+
+    /* ── Site Search Overlay ────────────────────────────── */
+    .site-header .site-search {
+      position: fixed;
+      inset: 0;
+      z-index: 1600;
+      display: flex;
+      flex-direction: column;
+      background: #fff;
+      opacity: 0;
+      visibility: hidden;
+      pointer-events: none;
+      transform: translateY(-8px);
+      transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0.22s;
+    }
+    .site-header .site-search--open {
+      opacity: 1;
+      visibility: visible;
+      pointer-events: auto;
+      transform: translateY(0);
+      transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s;
+    }
+    .site-header .site-search__bar {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      height: var(--thb-mobile-header-height);
+      padding: 0 12px 0 16px;
+      border-bottom: 1px solid #e8e8e8;
+      background: #fff;
+    }
+    .site-header .site-search__form {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      height: 40px;
+      padding: 0 12px;
+      border-radius: 999px;
+      background: #f2f3f5;
+    }
+    .site-header .site-search__icon {
+      color: #999;
+      font-size: 15px;
+      flex: 0 0 auto;
+    }
+    .site-header .site-search__input {
+      flex: 1;
+      min-width: 0;
+      border: 0;
+      outline: 0;
+      background: transparent;
+      font-size: 15px;
+      font-family: inherit;
+      color: var(--text-dark);
+      padding: 0;
+      height: 100%;
+    }
+    .site-header .site-search__input::placeholder {
+      color: #999;
+    }
+    .site-header .site-search__clear {
+      flex: 0 0 auto;
+      width: 24px;
+      height: 24px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      border: 0;
+      padding: 0;
+      background: transparent;
+      color: #666;
+      cursor: pointer;
+    }
+    .site-header .site-search__clear svg {
+      width: 20px;
+      height: 20px;
+    }
+    .site-header .site-search__close {
+      flex: 0 0 auto;
+      height: 40px;
+      padding: 0 6px;
+      border: 0;
+      background: transparent;
+      color: var(--primary-blue);
+      font: inherit;
+      font-size: 15px;
+      cursor: pointer;
+    }
+    .site-header .site-search__body {
+      flex: 1 1 auto;
+      overflow-y: auto;
+      -webkit-overflow-scrolling: touch;
+      padding: 16px 20px 40px;
+    }
+  }
+`;
+const WB_NAVBAR_THB_TYPE = "navbar-thb";
+const SEARCH_SVG = `<svg viewBox="0 0 1024 1024" width="18" fill="currentColor"><path d="M497.810286 146.249143C303.652571 146.249143 146.285714 300.141714 146.285714 489.947429c0 189.842286 157.366857 343.771429 351.524572 343.771428 83.017143 0 159.305143-28.16 219.428571-75.227428l114.285714 111.433142 3.035429 2.56c10.605714 7.68 25.6 6.802286 35.218286-2.56a26.075429 26.075429 0 0 0-0.036572-37.485714l-112.932571-110.116571a338.358857 338.358857 0 0 0 92.525714-232.374857C849.298286 300.141714 691.931429 146.285714 497.773714 146.285714z m0 52.955428c164.205714 0 297.325714 130.194286 297.325714 290.742858 0 160.621714-133.12 290.816-297.325714 290.816-164.242286 0-297.398857-130.194286-297.398857-290.779429 0-160.621714 133.12-290.779429 297.398857-290.779429z"/></svg>`;
+const CLEAR_SVG = `<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><circle cx="12" cy="12" r="9" fill="currentColor" opacity="0.15"></circle><path d="M9 9L15 15M15 9L9 15" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path></svg>`;
+const MOBILE_BACK_SVG = `<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M15 5L8 12L15 19" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg>`;
+function createNavbarMenuTreeHtml() {
+  return `
+    <div
+      data-gjs-type="${WB_CMS_MENU_TREE_TYPE}"
+      data-wb-component="cms-menu-tree"
+      data-cms-component="menu-tree"
+      data-menu-code="${DEFAULT_MENU_TREE_CODE}"
+      data-render-mode="tree"
+      class="wb-menu-tree site-header__nav-list"
+    >
+      <nav class="wb-menu-tree-nav" aria-label="Primary menu">
+        <ul class="wb-menu-tree-list">
+          <li class="wb-menu-tree-item" data-cms-repeat="menuItem@menu.items" data-cms-bind-classappend="menuItem.hasChildrenClass">
+            <a class="wb-menu-tree-link" href="#" data-cms-bind-href="menuItem.url" data-cms-bind-target="menuItem.target">
+              <span data-cms-bind="menuItem.title">Menu Item</span>
+              <img class="wb-menu-tree-icon" src="" alt="" data-cms-bind-src="menuItem.icon" data-cms-bind-alt="menuItem.title">
+            </a>
+            <ul class="wb-menu-tree-submenu" data-cms-if="menuItem.hasChildren">
+              <li class="wb-menu-tree-item" data-cms-repeat="child@menuItem.children" data-cms-bind-classappend="child.hasChildrenClass">
+                <a class="wb-menu-tree-link" href="#" data-cms-bind-href="child.url" data-cms-bind-target="child.target">
+                  <span data-cms-bind="child.title">Sub Menu Item</span>
+                  <img class="wb-menu-tree-icon" src="" alt="" data-cms-bind-src="child.icon" data-cms-bind-alt="child.title">
+                </a>
+                <ul class="wb-menu-tree-submenu" data-cms-if="child.hasChildren">
+                  <li class="wb-menu-tree-item" data-cms-repeat="grandchild@child.children">
+                    <a class="wb-menu-tree-link" href="#" data-cms-bind-href="grandchild.url" data-cms-bind-target="grandchild.target">
+                      <span data-cms-bind="grandchild.title">Sub Menu Item</span>
+                    </a>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </nav>
+    </div>`;
+}
+function createNavbarThbHtml() {
+  return `
+<div class="site-header__inner page-width">
+  <nav class="site-header__nav" aria-label="Primary navigation">
+    <div class="site-header__logo">
+      <a class="site-header__logo-link" href="/">
+        <img class="site-header__logo-img" src="" alt="Logo" width="120" height="36" data-default-logo="" data-scrolled-logo="">
+      </a>
+    </div>
+
+    ${createNavbarMenuTreeHtml()}
+
+    <div class="site-header__actions">
+      <div class="site-header__search">
+        ${SEARCH_SVG}
+        <input type="search" name="q" placeholder="Search..." aria-label="Search" autocomplete="off">
+      </div>
+      <a href="#" class="btn btn--consult">Consult THB</a>
+      <button class="site-header__hamburger" type="button" aria-label="Toggle menu" aria-expanded="false">
+        <span></span><span></span><span></span>
+      </button>
+    </div>
+
+    <button class="site-header__mobile-search" type="button" aria-label="Search" aria-expanded="false">
+      ${SEARCH_SVG}
+    </button>
+  </nav>
+</div>
+
+<div class="site-search" role="dialog" aria-modal="true" aria-label="Search" aria-hidden="true">
+  <div class="site-search__bar">
+    <form class="site-search__form" role="search" action="/search" method="get">
+      <i class="site-search__icon" aria-hidden="true">${SEARCH_SVG}</i>
+      <input class="site-search__input" type="search" name="q" placeholder="Search products, insights..." aria-label="Search query" autocomplete="off">
+      <button class="site-search__clear" type="button" aria-label="Clear search" hidden>${CLEAR_SVG}</button>
+    </form>
+    <button class="site-search__close" type="button" aria-label="Close search">Cancel</button>
+  </div>
+</div>
+
+<nav class="nav-mobile" aria-label="Mobile navigation" aria-hidden="true">
+  <div class="nav-mobile__content">
+    <section class="nav-mobile__panel is-active" data-panel="root">
+      <h2 class="nav-mobile__heading">Menu</h2>
+      <ul class="nav-mobile__list">
+        <li data-cms-repeat="menuItem@menu.items" data-cms-bind-classappend="menuItem.hasChildrenClass">
+          <a class="nav-mobile__link" href="#" data-cms-bind-href="menuItem.url" data-cms-bind-target="menuItem.target">
+            <span data-cms-bind="menuItem.title">Menu Item</span>
+          </a>
+          <button class="nav-mobile__expand" type="button" data-cms-if="menuItem.hasChildren" aria-label="Open submenu">
+            <span class="nav-mobile__entry-icon" aria-hidden="true">+</span>
+          </button>
+          <section class="nav-mobile__panel" data-cms-if="menuItem.hasChildren">
+            <div class="nav-mobile__heading-row">
+              <button class="nav-mobile__back" type="button" data-back aria-label="Back">${MOBILE_BACK_SVG}</button>
+              <h2 class="nav-mobile__heading" data-cms-bind="menuItem.title">Menu Item</h2>
+            </div>
+            <ul class="nav-mobile__list">
+              <li data-cms-repeat="child@menuItem.children" data-cms-bind-classappend="child.hasChildrenClass">
+                <a class="nav-mobile__link" href="#" data-cms-bind-href="child.url" data-cms-bind-target="child.target">
+                  <span data-cms-bind="child.title">Sub Menu Item</span>
+                </a>
+              </li>
+            </ul>
+            <a class="nav-mobile__viewall" href="#" data-cms-bind-href="menuItem.url" data-cms-bind-target="menuItem.target">View All <span aria-hidden="true">»</span></a>
+          </section>
+        </li>
+      </ul>
+    </section>
+  </div>
+</nav>`;
+}
+function registerMenuTreePublisherComponent(editor) {
+  const domComponents = editor == null ? void 0 : editor.DomComponents;
+  if (!domComponents || domComponents.getType(WB_CMS_MENU_TREE_TYPE))
+    return;
+  domComponents.addType(WB_CMS_MENU_TREE_TYPE, {
+    isComponent: (el) => {
+      var _a, _b;
+      return ((_a = el == null ? void 0 : el.getAttribute) == null ? void 0 : _a.call(el, "data-cms-component")) === "menu-tree" || ((_b = el == null ? void 0 : el.getAttribute) == null ? void 0 : _b.call(el, "data-wb-component")) === "cms-menu-tree" ? { type: WB_CMS_MENU_TREE_TYPE } : false;
+    },
+    model: {
+      defaults: {
+        tagName: "div",
+        droppable: true,
+        attributes: {
+          "data-wb-component": "cms-menu-tree",
+          "data-cms-component": "menu-tree",
+          "data-menu-code": DEFAULT_MENU_TREE_CODE,
+          "data-render-mode": "tree",
+          class: "wb-menu-tree"
+        }
+      }
+    }
+  });
+}
+function registerNavbarThbPublisherComponent(editor) {
+  const domComponents = editor == null ? void 0 : editor.DomComponents;
+  if (!domComponents || domComponents.getType(WB_NAVBAR_THB_TYPE))
+    return;
+  registerMenuTreePublisherComponent(editor);
+  domComponents.addType(WB_NAVBAR_THB_TYPE, {
+    isComponent: (el) => {
+      var _a;
+      return (el == null ? void 0 : el.tagName) === "HEADER" && ((_a = el.classList) == null ? void 0 : _a.contains("site-header")) ? { type: WB_NAVBAR_THB_TYPE } : false;
+    },
+    model: {
+      defaults: {
+        name: "Navbar THB",
+        tagName: "header",
+        classes: ["site-header", "site-header--fixed-transparent"],
+        droppable: false,
+        draggable: true,
+        copyable: false,
+        script: navbarThbScript,
+        "script-export": navbarThbScript,
+        styles: NAVBAR_THB_STYLES,
+        components: createNavbarThbHtml()
+      }
+    }
+  });
+}
+const CMS_PUBLISHER_REGISTRIES = [
+  { id: "cmsDynamicText", register: registerDynamicTextBlock },
+  { id: "cmsDynamicHtml", register: registerDynamicHtmlBlock },
+  { id: "cmsDynamicImage", register: registerDynamicImageBlock },
+  { id: "cmsDynamicLink", register: registerDynamicLinkBlock },
+  { id: "cmsDynamicDatetime", register: registerDynamicDatetimeBlock },
+  { id: "cmsDynamicConditional", register: registerDynamicConditionalBlock },
+  { id: "cmsDynamicBreadcrumb", register: registerDynamicBreadcrumbBlock },
+  { id: "cmsDynamicToc", register: registerDynamicTocBlock },
+  { id: "cmsDynamicSeo", register: registerDynamicSeoBlock },
+  { id: "loopGrid", register: registerLoopGridPublisherComponent },
+  { id: "navbarThb", register: registerNavbarThbPublisherComponent }
+];
+function registerCmsPublisherComponents(editor) {
+  for (const registry of CMS_PUBLISHER_REGISTRIES) {
+    try {
+      registry.register(editor);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      throw new Error(`[WebBuilder Publisher] Failed to register cms:${registry.id}: ${message}`);
+    }
+  }
+}
+const WEB_BUILDER_PUBLISHER_COMPONENT_REGISTRARS = [
+  { id: "basic", register: registerBasicPublisherComponents },
+  { id: "cms", register: registerCmsPublisherComponents }
+];
+function registerWebBuilderPublisherComponents(editor) {
+  for (const registrar of WEB_BUILDER_PUBLISHER_COMPONENT_REGISTRARS) {
+    try {
+      registrar.register(editor);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      throw new Error(`[WebBuilder Publisher] Failed to register ${registrar.id}: ${message}`);
+    }
+  }
+}
+export {
+  WEB_BUILDER_PUBLISHER_COMPONENT_REGISTRARS,
+  WEB_BUILDER_PUBLISHER_FEATURE_PLUGINS,
+  collectPublisherContributions2 as collectPublisherContributions,
+  createWebBuilderPublisherPluginRegistry,
+  createWebBuilderPublisherRuntimeRegistry,
+  registerWebBuilderPublisherComponents,
+  renderWebBuilderPublisherAssets,
+  renderWebBuilderPublisherPluginAssets
+};