@semplice-studio/pa-design-system 0.1.0

package/dist/components/PaHeaderMobile/PaHeaderMobile.vue2.js

@@ -0,0 +1,472 @@
+import { defineComponent as se, ref as w, computed as h, watch as re, nextTick as ue, onBeforeUnmount as de, openBlock as t, createElementBlock as o, toDisplayString as b, createCommentVNode as d, createElementVNode as l, createVNode as _, renderSlot as C, createBlock as E, Teleport as ce, normalizeClass as z, Fragment as y, renderList as O } from "vue";
+import p from "../PaIcon/PaIcon.vue.js";
+const be = {
+  class: "pa-header-mobile",
+  role: "banner"
+}, pe = ["href"], he = { class: "pa-header-mobile__bar" }, me = ["aria-expanded", "aria-label"], fe = { class: "pa-header-mobile__logo" }, _e = { class: "pa-header-mobile__actions" }, ve = ["aria-label"], ge = ["aria-label"], ye = ["aria-label"], ke = { class: "pa-header-mobile__panel-scroll" }, Le = {
+  key: 0,
+  class: "pa-header-mobile__group pa-header-mobile__group--primary"
+}, we = ["onClick"], Ce = { class: "pa-header-mobile__tile-label" }, Ee = {
+  key: 1,
+  class: "pa-header-mobile__group pa-header-mobile__group--secondary"
+}, Oe = ["onClick"], Ae = { class: "pa-header-mobile__tile-label" }, Te = ["aria-label"], $e = ["aria-pressed", "onClick"], ze = ["aria-label"], Se = { class: "pa-header-mobile__back-label" }, xe = {
+  key: 0,
+  class: "pa-header-mobile__drill-children"
+}, Be = ["onClick"], Fe = { class: "pa-header-mobile__tile-label" }, Ie = {
+  key: 1,
+  class: "pa-header-mobile__tools-wrap"
+}, Me = { class: "pa-header-mobile__tools-header" }, De = { class: "pa-header-mobile__tools-header-left" }, Ne = { class: "pa-header-mobile__tools-heading" }, Re = ["aria-expanded", "aria-label"], Pe = {
+  key: 0,
+  class: "pa-header-mobile__tools-toggle-text"
+}, Ve = {
+  key: 0,
+  class: "pa-header-mobile__tools-body"
+}, Ke = {
+  key: 0,
+  class: "pa-header-mobile__tools-text"
+}, Ue = {
+  key: 1,
+  class: "pa-header-mobile__tools-links"
+}, We = ["href"], je = ["href"], Ge = {
+  key: 2,
+  class: "pa-header-mobile__section-link-wrap"
+}, qe = ["href"], He = { class: "pa-header-mobile__bar pa-header-mobile__bar--in-panel" }, Je = ["aria-label"], Qe = { class: "pa-header-mobile__logo" }, Xe = { class: "pa-header-mobile__actions" }, Ye = ["aria-label"], Ze = ["aria-label"];
+let ea = 0;
+function aa() {
+  return ++ea;
+}
+const na = /* @__PURE__ */ se({
+  __name: "PaHeaderMobile",
+  props: {
+    loggedIn: { type: Boolean, default: !1 },
+    primaryNav: { default: () => [] },
+    secondaryNav: { default: () => [] },
+    languages: { default: () => [] },
+    currentLanguage: { default: void 0 },
+    menuOpen: { type: Boolean, default: void 0 },
+    skipLink: { type: [Boolean, Object], default: !0 },
+    teleportTarget: { type: [String, Boolean], default: "body" },
+    panelLabel: { default: "Menu principale" },
+    openMenuLabel: { default: "Apri menu" },
+    closeMenuLabel: { default: "Chiudi menu" },
+    searchActionLabel: { default: "Cerca" },
+    userActionLabelLoggedOut: { default: "Accedi" },
+    userActionLabelLoggedIn: { default: "Area personale" },
+    languageGroupLabel: { default: "Seleziona la lingua" },
+    backLabel: { default: "Indietro" },
+    toolsOpenLabel: { default: "Apri" },
+    toolsCloseLabel: { default: "Chiudi" },
+    exploreLabel: { default: "Esplora" }
+  },
+  emits: ["update:menuOpen", "search-click", "user-click", "navigate", "language-change"],
+  setup(i, { emit: G }) {
+    const u = i, k = G, S = `pa-header-mobile-panel-${aa()}`, B = w(!1), g = h(
+      () => u.menuOpen !== void 0 ? u.menuOpen : B.value
+    );
+    function F(e) {
+      u.menuOpen === void 0 && (B.value = e), k("update:menuOpen", e);
+    }
+    const q = h(() => u.skipLink !== !1), H = h(() => typeof u.skipLink == "object" && u.skipLink !== null ? u.skipLink.label ?? "Vai al contenuto" : "Vai al contenuto"), J = h(() => typeof u.skipLink == "object" && u.skipLink !== null ? u.skipLink.target ?? "#main" : "#main"), Q = h(
+      () => g.value ? u.closeMenuLabel : u.openMenuLabel
+    ), I = h(
+      () => u.loggedIn ? u.userActionLabelLoggedIn : u.userActionLabelLoggedOut
+    ), M = h(() => u.loggedIn ? "user-fill" : "user"), v = w([]), m = w(!1), s = h(
+      () => v.value.length > 0 ? v.value[v.value.length - 1] : null
+    );
+    h(
+      () => s.value ? "secondary-level" : "primary"
+    );
+    const X = h(() => v.value.length > 0);
+    h(
+      () => {
+        var e;
+        return ((e = s.value) == null ? void 0 : e.tier) === "secondary" ? "#F2F6FC" : "#FFFFFF";
+      }
+    );
+    function Y(e) {
+      return !!(e.children && e.children.length > 0);
+    }
+    function A(e) {
+      return Y(e) || !!e.tools;
+    }
+    function x(e, n, a) {
+      if (A(n)) {
+        v.value.push({ item: n, tier: a }), m.value = !1;
+        return;
+      }
+      let r = !1;
+      const c = {
+        item: n,
+        originalEvent: e,
+        preventDefault: () => {
+          r = !0, c.defaultPrevented = !0;
+        },
+        defaultPrevented: !1
+      };
+      k("navigate", c), !r && n.href && typeof window < "u" && window.location.assign(n.href);
+    }
+    function Z() {
+      v.value.pop(), m.value = !1;
+    }
+    function ee(e, n) {
+      let a = !1;
+      const r = {
+        language: n,
+        originalEvent: e,
+        preventDefault: () => {
+          a = !0, r.defaultPrevented = !0;
+        },
+        defaultPrevented: !1
+      };
+      k("language-change", r), !a && n.href && typeof window < "u" && window.location.assign(n.href);
+    }
+    function ae() {
+      m.value = !m.value;
+    }
+    const f = w(null), le = w(null);
+    let L = null, D = "", N = "", T = !1, $ = !1;
+    const te = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+    function R(e) {
+      return Array.from(e.querySelectorAll(te));
+    }
+    function oe(e) {
+      if (e.key !== "Tab" || !f.value) return;
+      const n = R(f.value);
+      if (n.length === 0) {
+        e.preventDefault(), f.value.focus();
+        return;
+      }
+      const a = n[0], r = n[n.length - 1], c = document.activeElement;
+      e.shiftKey ? (c === a || !f.value.contains(c)) && (e.preventDefault(), r.focus()) : (c === r || !f.value.contains(c)) && (e.preventDefault(), a.focus());
+    }
+    function P(e) {
+      e.key === "Escape" && (e.preventDefault(), F(!1));
+    }
+    function ne() {
+      if (T || typeof document > "u") return;
+      D = document.body.style.overflow, N = document.body.style.paddingRight;
+      const e = window.innerWidth - document.documentElement.clientWidth;
+      document.body.style.overflow = "hidden", e > 0 && (document.body.style.paddingRight = `${e}px`), T = !0;
+    }
+    function V() {
+      !T || typeof document > "u" || (document.body.style.overflow = D, document.body.style.paddingRight = N, T = !1);
+    }
+    function ie() {
+      $ || typeof window > "u" || (window.addEventListener("keydown", P), $ = !0);
+    }
+    function K() {
+      !$ || typeof window > "u" || (window.removeEventListener("keydown", P), $ = !1);
+    }
+    re(
+      g,
+      async (e) => {
+        if (e) {
+          if (typeof document < "u" && (L = document.activeElement), u.teleportTarget !== !1 && ne(), ie(), await ue(), f.value) {
+            const n = R(f.value);
+            n.length > 0 ? n[0].focus({ preventScroll: !0 }) : f.value.focus({ preventScroll: !0 });
+          }
+        } else
+          K(), V(), v.value = [], m.value = !1, L && typeof document < "u" && document.contains(L) && L.focus({ preventScroll: !0 }), L = null;
+      },
+      { flush: "post", immediate: !0 }
+    ), de(() => {
+      K(), V();
+    });
+    function U() {
+      F(!g.value);
+    }
+    function W(e) {
+      k("search-click", e);
+    }
+    function j(e) {
+      k("user-click", e);
+    }
+    return (e, n) => (t(), o("header", be, [
+      q.value ? (t(), o("a", {
+        key: 0,
+        class: "pa-header-mobile__skip",
+        href: J.value
+      }, b(H.value), 9, pe)) : d("", !0),
+      l("div", he, [
+        l("button", {
+          ref_key: "menuToggleRef",
+          ref: le,
+          type: "button",
+          class: "pa-header-mobile__menu-toggle",
+          "aria-expanded": g.value,
+          "aria-controls": S,
+          "aria-label": Q.value,
+          onClick: U
+        }, [
+          _(p, {
+            name: g.value ? "x" : "list",
+            size: "md"
+          }, null, 8, ["name"])
+        ], 8, me),
+        l("div", fe, [
+          C(e.$slots, "logo", {}, () => [
+            n[0] || (n[0] = l("span", {
+              class: "pa-header-mobile__logo-placeholder",
+              "aria-hidden": "true"
+            }, null, -1))
+          ], !0)
+        ]),
+        C(e.$slots, "actions", {}, () => [
+          l("div", _e, [
+            l("button", {
+              type: "button",
+              class: "pa-header-mobile__action",
+              "aria-label": i.searchActionLabel,
+              onClick: W
+            }, [
+              _(p, {
+                name: "magnifying-glass",
+                size: "md"
+              })
+            ], 8, ve),
+            l("button", {
+              type: "button",
+              class: "pa-header-mobile__action pa-header-mobile__action--user",
+              "aria-label": I.value,
+              onClick: j
+            }, [
+              C(e.$slots, "user", {}, () => [
+                _(p, {
+                  name: M.value,
+                  size: "md"
+                }, null, 8, ["name"])
+              ], !0)
+            ], 8, ge)
+          ])
+        ], !0)
+      ]),
+      (t(), E(ce, {
+        to: i.teleportTarget === !1 ? void 0 : i.teleportTarget,
+        disabled: i.teleportTarget === !1
+      }, [
+        g.value ? (t(), o("div", {
+          key: 0,
+          id: S,
+          ref_key: "panelRef",
+          ref: f,
+          class: z(["pa-header-mobile__panel", { "pa-header-mobile__panel--inline": i.teleportTarget === !1 }]),
+          role: "dialog",
+          "aria-modal": "true",
+          tabindex: "-1",
+          "aria-label": i.panelLabel,
+          onKeydown: oe
+        }, [
+          l("div", ke, [
+            X.value ? (t(), o("div", {
+              key: 1,
+              class: z(["pa-header-mobile__drill", `pa-header-mobile__drill--${s.value.tier}`])
+            }, [
+              l("button", {
+                type: "button",
+                class: "pa-header-mobile__back",
+                "aria-label": i.backLabel,
+                onClick: Z
+              }, [
+                _(p, {
+                  name: "caret-left",
+                  size: "sm"
+                }),
+                l("span", Se, b(s.value.item.label), 1)
+              ], 8, ze),
+              s.value.item.children && s.value.item.children.length > 0 ? (t(), o("ul", xe, [
+                (t(!0), o(y, null, O(s.value.item.children, (a, r) => (t(), o("li", {
+                  key: `c-${r}-${a.label}`,
+                  class: "pa-header-mobile__tile-wrap"
+                }, [
+                  l("button", {
+                    type: "button",
+                    class: "pa-header-mobile__tile",
+                    onClick: (c) => x(c, a, s.value.tier)
+                  }, [
+                    l("span", Fe, b(a.label), 1),
+                    A(a) ? (t(), E(p, {
+                      key: 0,
+                      name: "caret-right",
+                      size: "sm"
+                    })) : d("", !0)
+                  ], 8, Be)
+                ]))), 128))
+              ])) : d("", !0),
+              s.value.tier === "primary" && s.value.item.tools ? (t(), o("div", Ie, [
+                l("div", {
+                  class: z(["pa-header-mobile__tools", { "pa-header-mobile__tools--open": m.value }])
+                }, [
+                  l("div", Me, [
+                    l("div", De, [
+                      _(p, {
+                        name: s.value.item.tools.icon,
+                        size: "md"
+                      }, null, 8, ["name"]),
+                      l("h3", Ne, b(s.value.item.tools.heading), 1)
+                    ]),
+                    l("button", {
+                      type: "button",
+                      class: "pa-header-mobile__tools-toggle",
+                      "aria-expanded": m.value,
+                      "aria-label": m.value ? i.toolsCloseLabel : i.toolsOpenLabel,
+                      onClick: ae
+                    }, [
+                      m.value ? (t(), E(p, {
+                        key: 1,
+                        name: "caret-up",
+                        size: "sm"
+                      })) : (t(), o("span", Pe, b(i.toolsOpenLabel), 1))
+                    ], 8, Re)
+                  ]),
+                  m.value ? (t(), o("div", Ve, [
+                    s.value.item.tools.body ? (t(), o("p", Ke, b(s.value.item.tools.body), 1)) : d("", !0),
+                    s.value.item.tools.links && s.value.item.tools.links.length > 0 ? (t(), o("ul", Ue, [
+                      (t(!0), o(y, null, O(s.value.item.tools.links, (a, r) => (t(), o("li", {
+                        key: `tl-${r}-${a.label}`,
+                        class: "pa-header-mobile__tools-link-item"
+                      }, [
+                        n[1] || (n[1] = l("span", {
+                          class: "pa-header-mobile__tools-bullet",
+                          "aria-hidden": "true"
+                        }, null, -1)),
+                        l("a", {
+                          class: "pa-header-mobile__tools-link",
+                          href: a.href
+                        }, b(a.label), 9, We)
+                      ]))), 128))
+                    ])) : d("", !0),
+                    s.value.item.tools.cta ? (t(), o("a", {
+                      key: 2,
+                      class: "pa-header-mobile__tools-cta",
+                      href: s.value.item.tools.cta.href
+                    }, b(s.value.item.tools.cta.label), 9, je)) : d("", !0)
+                  ])) : d("", !0)
+                ], 2)
+              ])) : d("", !0),
+              s.value.item.href ? (t(), o("div", Ge, [
+                l("a", {
+                  class: "pa-header-mobile__section-link",
+                  href: s.value.item.href
+                }, [
+                  l("span", null, b(i.exploreLabel) + " " + b(s.value.item.label), 1),
+                  _(p, {
+                    name: "arrow-right",
+                    size: "sm"
+                  })
+                ], 8, qe)
+              ])) : d("", !0)
+            ], 2)) : (t(), o(y, { key: 0 }, [
+              i.primaryNav.length > 0 ? (t(), o("ul", Le, [
+                (t(!0), o(y, null, O(i.primaryNav, (a, r) => (t(), o("li", {
+                  key: `p-${r}-${a.label}`,
+                  class: "pa-header-mobile__tile-wrap"
+                }, [
+                  l("button", {
+                    type: "button",
+                    class: "pa-header-mobile__tile",
+                    onClick: (c) => x(c, a, "primary")
+                  }, [
+                    l("span", Ce, b(a.label), 1),
+                    A(a) ? (t(), E(p, {
+                      key: 0,
+                      name: "caret-right",
+                      size: "sm"
+                    })) : d("", !0)
+                  ], 8, we)
+                ]))), 128))
+              ])) : d("", !0),
+              i.secondaryNav.length > 0 ? (t(), o("ul", Ee, [
+                (t(!0), o(y, null, O(i.secondaryNav, (a, r) => (t(), o("li", {
+                  key: `s-${r}-${a.label}`,
+                  class: "pa-header-mobile__tile-wrap"
+                }, [
+                  l("button", {
+                    type: "button",
+                    class: "pa-header-mobile__tile",
+                    onClick: (c) => x(c, a, "secondary")
+                  }, [
+                    l("span", Ae, b(a.label), 1),
+                    A(a) ? (t(), E(p, {
+                      key: 0,
+                      name: "caret-right",
+                      size: "sm"
+                    })) : d("", !0)
+                  ], 8, Oe)
+                ]))), 128))
+              ])) : d("", !0),
+              i.languages.length > 0 ? (t(), o("div", {
+                key: 2,
+                class: "pa-header-mobile__language",
+                role: "group",
+                "aria-label": i.languageGroupLabel
+              }, [
+                (t(!0), o(y, null, O(i.languages, (a) => (t(), o("button", {
+                  key: a.code,
+                  type: "button",
+                  class: z(["pa-header-mobile__language-pill", {
+                    "pa-header-mobile__language-pill--active": a.code === i.currentLanguage
+                  }]),
+                  "aria-pressed": a.code === i.currentLanguage,
+                  onClick: (r) => ee(r, a)
+                }, b(a.label), 11, $e))), 128))
+              ], 8, Te)) : d("", !0)
+            ], 64))
+          ]),
+          l("div", He, [
+            l("button", {
+              type: "button",
+              class: "pa-header-mobile__menu-toggle",
+              "aria-expanded": !0,
+              "aria-controls": S,
+              "aria-label": i.closeMenuLabel,
+              onClick: U
+            }, [
+              _(p, {
+                name: "x",
+                size: "md"
+              })
+            ], 8, Je),
+            l("div", Qe, [
+              C(e.$slots, "logo", {}, () => [
+                n[2] || (n[2] = l("span", {
+                  class: "pa-header-mobile__logo-placeholder",
+                  "aria-hidden": "true"
+                }, null, -1))
+              ], !0)
+            ]),
+            l("div", Xe, [
+              l("button", {
+                type: "button",
+                class: "pa-header-mobile__action",
+                "aria-label": i.searchActionLabel,
+                onClick: W
+              }, [
+                _(p, {
+                  name: "magnifying-glass",
+                  size: "md"
+                })
+              ], 8, Ye),
+              l("button", {
+                type: "button",
+                class: "pa-header-mobile__action pa-header-mobile__action--user",
+                "aria-label": I.value,
+                onClick: j
+              }, [
+                C(e.$slots, "user", {}, () => [
+                  _(p, {
+                    name: M.value,
+                    size: "md"
+                  }, null, 8, ["name"])
+                ], !0)
+              ], 8, Ze)
+            ])
+          ])
+        ], 42, ye)) : d("", !0)
+      ], 8, ["to", "disabled"]))
+    ]));
+  }
+});
+export {
+  na as default
+};
+//# sourceMappingURL=PaHeaderMobile.vue2.js.map

package/dist/components/PaHeaderMobile/PaHeaderMobile.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaHeaderMobile.vue2.js","sources":["../../../src/components/PaHeaderMobile/PaHeaderMobile.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type {\n  PaHeaderLink,\n  PaHeaderTools,\n  PaHeaderNavItem,\n  PaHeaderLanguage,\n  PaHeaderSkipLinkConfig,\n  PaHeaderNavigateEventPayload,\n  PaHeaderLanguageChangeEventPayload,\n} from '../PaHeaderShared/types'\n\nexport type {\n  PaHeaderLink,\n  PaHeaderTools,\n  PaHeaderNavItem,\n  PaHeaderLanguage,\n  PaHeaderSkipLinkConfig,\n  PaHeaderNavigateEventPayload,\n  PaHeaderLanguageChangeEventPayload,\n}\n\nlet mobileUid = 0\nfunction nextMobileId() {\n  return ++mobileUid\n}\n\nexport interface PaHeaderMobileProps {\n  loggedIn?: boolean\n  primaryNav?: PaHeaderNavItem[]\n  secondaryNav?: PaHeaderNavItem[]\n  languages?: PaHeaderLanguage[]\n  currentLanguage?: string\n  menuOpen?: boolean\n  skipLink?: boolean | PaHeaderSkipLinkConfig\n  /**\n   * Target for the menu panel's <Teleport>. Defaults to `'body'`.\n   * Pass `false` to disable Teleport (panel renders inline as a child of the\n   * <header> wrapper, useful for Histoire stories or constrained previews).\n   */\n  teleportTarget?: string | HTMLElement | false\n  panelLabel?: string\n  openMenuLabel?: string\n  closeMenuLabel?: string\n  searchActionLabel?: string\n  userActionLabelLoggedOut?: string\n  userActionLabelLoggedIn?: string\n  languageGroupLabel?: string\n  backLabel?: string\n  toolsOpenLabel?: string\n  toolsCloseLabel?: string\n  exploreLabel?: string\n}\n\ninterface DrillEntry {\n  item: PaHeaderNavItem\n  tier: 'primary' | 'secondary'\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue'\nimport PaIcon from '../PaIcon/PaIcon.vue'\n\nconst props = withDefaults(defineProps<PaHeaderMobileProps>(), {\n  loggedIn: false,\n  primaryNav: () => [],\n  secondaryNav: () => [],\n  languages: () => [],\n  currentLanguage: undefined,\n  menuOpen: undefined,\n  skipLink: true,\n  teleportTarget: 'body',\n  panelLabel: 'Menu principale',\n  openMenuLabel: 'Apri menu',\n  closeMenuLabel: 'Chiudi menu',\n  searchActionLabel: 'Cerca',\n  userActionLabelLoggedOut: 'Accedi',\n  userActionLabelLoggedIn: 'Area personale',\n  languageGroupLabel: 'Seleziona la lingua',\n  backLabel: 'Indietro',\n  toolsOpenLabel: 'Apri',\n  toolsCloseLabel: 'Chiudi',\n  exploreLabel: 'Esplora',\n})\n\nconst emit = defineEmits<{\n  'update:menuOpen': [boolean]\n  'search-click': [MouseEvent]\n  'user-click': [MouseEvent]\n  navigate: [PaHeaderNavigateEventPayload]\n  'language-change': [PaHeaderLanguageChangeEventPayload]\n}>()\n\ndefineSlots<{\n  logo?: () => unknown\n  actions?: () => unknown\n  user?: () => unknown\n}>()\n\nconst componentId = nextMobileId()\nconst panelId = `pa-header-mobile-panel-${componentId}`\n\nconst internalMenuOpen = ref(false)\nconst isMenuOpen = computed(() =>\n  props.menuOpen !== undefined ? props.menuOpen : internalMenuOpen.value,\n)\n\nfunction setMenuOpen(next: boolean) {\n  if (props.menuOpen === undefined) {\n    internalMenuOpen.value = next\n  }\n  emit('update:menuOpen', next)\n}\n\nconst skipLinkEnabled = computed(() => props.skipLink !== false)\nconst skipLinkLabel = computed(() => {\n  if (typeof props.skipLink === 'object' && props.skipLink !== null) {\n    return props.skipLink.label ?? 'Vai al contenuto'\n  }\n  return 'Vai al contenuto'\n})\nconst skipLinkTarget = computed(() => {\n  if (typeof props.skipLink === 'object' && props.skipLink !== null) {\n    return props.skipLink.target ?? '#main'\n  }\n  return '#main'\n})\n\nconst menuToggleLabel = computed(() =>\n  isMenuOpen.value ? props.closeMenuLabel : props.openMenuLabel,\n)\nconst userActionLabel = computed(() =>\n  props.loggedIn ? props.userActionLabelLoggedIn : props.userActionLabelLoggedOut,\n)\nconst userIconName = computed(() => (props.loggedIn ? 'user-fill' : 'user'))\n\nconst drillStack = ref<DrillEntry[]>([])\nconst toolsOpen = ref(false)\n\nconst currentDrill = computed<DrillEntry | null>(() =>\n  drillStack.value.length > 0\n    ? drillStack.value[drillStack.value.length - 1]!\n    : null,\n)\nconst currentLevel = computed<'primary' | 'secondary'>(() =>\n  currentDrill.value ? 'secondary-level' as never : 'primary',\n)\nconst isSecondaryLevel = computed(() => drillStack.value.length > 0)\n\nconst secondaryBg = computed(() =>\n  currentDrill.value?.tier === 'secondary' ? '#F2F6FC' : '#FFFFFF',\n)\n\nfunction hasChildren(item: PaHeaderNavItem): boolean {\n  return Boolean(item.children && item.children.length > 0)\n}\n\nfunction tileIndicatesDrill(item: PaHeaderNavItem): boolean {\n  return hasChildren(item) || Boolean(item.tools)\n}\n\nfunction handleTileClick(event: MouseEvent, item: PaHeaderNavItem, tier: 'primary' | 'secondary') {\n  if (tileIndicatesDrill(item)) {\n    drillStack.value.push({ item, tier })\n    toolsOpen.value = false\n    return\n  }\n  // Leaf: emit navigate\n  let prevented = false\n  const payload: PaHeaderNavigateEventPayload = {\n    item,\n    originalEvent: event,\n    preventDefault: () => {\n      prevented = true\n      payload.defaultPrevented = true\n    },\n    defaultPrevented: false,\n  }\n  emit('navigate', payload)\n  if (!prevented && item.href && typeof window !== 'undefined') {\n    window.location.assign(item.href)\n  }\n}\n\nfunction popDrill() {\n  drillStack.value.pop()\n  toolsOpen.value = false\n}\n\nfunction handleLanguageClick(event: MouseEvent, language: PaHeaderLanguage) {\n  let prevented = false\n  const payload: PaHeaderLanguageChangeEventPayload = {\n    language,\n    originalEvent: event,\n    preventDefault: () => {\n      prevented = true\n      payload.defaultPrevented = true\n    },\n    defaultPrevented: false,\n  }\n  emit('language-change', payload)\n  if (!prevented && language.href && typeof window !== 'undefined') {\n    window.location.assign(language.href)\n  }\n}\n\nfunction toggleTools() {\n  toolsOpen.value = !toolsOpen.value\n}\n\n// --- Body scroll lock + Esc + focus management (panel) ---\n\nconst panelRef = ref<HTMLElement | null>(null)\nconst menuToggleRef = ref<HTMLButtonElement | null>(null)\n\nlet previouslyFocusedElement: HTMLElement | null = null\nlet originalBodyOverflow = ''\nlet originalBodyPaddingRight = ''\nlet scrollLockActive = false\nlet escListenerAttached = false\n\nconst FOCUSABLE_SELECTOR =\n  'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n\nfunction getFocusable(root: HTMLElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR))\n}\n\nfunction onPanelKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Tab' || !panelRef.value) return\n  const focusable = getFocusable(panelRef.value)\n  if (focusable.length === 0) {\n    event.preventDefault()\n    panelRef.value.focus()\n    return\n  }\n  const first = focusable[0]!\n  const last = focusable[focusable.length - 1]!\n  const active = document.activeElement as HTMLElement | null\n  if (event.shiftKey) {\n    if (active === first || !panelRef.value.contains(active)) {\n      event.preventDefault()\n      last.focus()\n    }\n  } else {\n    if (active === last || !panelRef.value.contains(active)) {\n      event.preventDefault()\n      first.focus()\n    }\n  }\n}\n\nfunction onWindowKeydownEsc(event: KeyboardEvent) {\n  if (event.key === 'Escape') {\n    event.preventDefault()\n    setMenuOpen(false)\n  }\n}\n\nfunction lockScroll() {\n  if (scrollLockActive || typeof document === 'undefined') return\n  originalBodyOverflow = document.body.style.overflow\n  originalBodyPaddingRight = document.body.style.paddingRight\n  const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth\n  document.body.style.overflow = 'hidden'\n  if (scrollbarWidth > 0) {\n    document.body.style.paddingRight = `${scrollbarWidth}px`\n  }\n  scrollLockActive = true\n}\n\nfunction unlockScroll() {\n  if (!scrollLockActive || typeof document === 'undefined') return\n  document.body.style.overflow = originalBodyOverflow\n  document.body.style.paddingRight = originalBodyPaddingRight\n  scrollLockActive = false\n}\n\nfunction attachEsc() {\n  if (escListenerAttached || typeof window === 'undefined') return\n  window.addEventListener('keydown', onWindowKeydownEsc)\n  escListenerAttached = true\n}\n\nfunction detachEsc() {\n  if (!escListenerAttached || typeof window === 'undefined') return\n  window.removeEventListener('keydown', onWindowKeydownEsc)\n  escListenerAttached = false\n}\n\nwatch(\n  isMenuOpen,\n  async (next) => {\n    if (next) {\n      if (typeof document !== 'undefined') {\n        previouslyFocusedElement = document.activeElement as HTMLElement | null\n      }\n      if (props.teleportTarget !== false) {\n        lockScroll()\n      }\n      attachEsc()\n      await nextTick()\n      if (panelRef.value) {\n        const focusable = getFocusable(panelRef.value)\n        if (focusable.length > 0) {\n          focusable[0]!.focus({ preventScroll: true })\n        } else {\n          panelRef.value.focus({ preventScroll: true })\n        }\n      }\n    } else {\n      detachEsc()\n      unlockScroll()\n      drillStack.value = []\n      toolsOpen.value = false\n      if (\n        previouslyFocusedElement &&\n        typeof document !== 'undefined' &&\n        document.contains(previouslyFocusedElement)\n      ) {\n        previouslyFocusedElement.focus({ preventScroll: true })\n      }\n      previouslyFocusedElement = null\n    }\n  },\n  { flush: 'post', immediate: true },\n)\n\nonBeforeUnmount(() => {\n  detachEsc()\n  unlockScroll()\n})\n\nfunction onMenuToggle() {\n  setMenuOpen(!isMenuOpen.value)\n}\n\nfunction onSearchClick(event: MouseEvent) {\n  emit('search-click', event)\n}\n\nfunction onUserClick(event: MouseEvent) {\n  emit('user-click', event)\n}\n</script>\n\n<template>\n  <header class=\"pa-header-mobile\" role=\"banner\">\n    <a\n      v-if=\"skipLinkEnabled\"\n      class=\"pa-header-mobile__skip\"\n      :href=\"skipLinkTarget\"\n    >\n      {{ skipLinkLabel }}\n    </a>\n\n    <div class=\"pa-header-mobile__bar\">\n      <button\n        ref=\"menuToggleRef\"\n        type=\"button\"\n        class=\"pa-header-mobile__menu-toggle\"\n        :aria-expanded=\"isMenuOpen\"\n        :aria-controls=\"panelId\"\n        :aria-label=\"menuToggleLabel\"\n        @click=\"onMenuToggle\"\n      >\n        <PaIcon :name=\"isMenuOpen ? 'x' : 'list'\" size=\"md\" />\n      </button>\n\n      <div class=\"pa-header-mobile__logo\">\n        <slot name=\"logo\">\n          <span\n            class=\"pa-header-mobile__logo-placeholder\"\n            aria-hidden=\"true\"\n          />\n        </slot>\n      </div>\n\n      <slot name=\"actions\">\n        <div class=\"pa-header-mobile__actions\">\n          <button\n            type=\"button\"\n            class=\"pa-header-mobile__action\"\n            :aria-label=\"searchActionLabel\"\n            @click=\"onSearchClick\"\n          >\n            <PaIcon name=\"magnifying-glass\" size=\"md\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"pa-header-mobile__action pa-header-mobile__action--user\"\n            :aria-label=\"userActionLabel\"\n            @click=\"onUserClick\"\n          >\n            <slot name=\"user\">\n              <PaIcon :name=\"userIconName\" size=\"md\" />\n            </slot>\n          </button>\n        </div>\n      </slot>\n    </div>\n\n    <Teleport :to=\"teleportTarget === false ? undefined : teleportTarget\" :disabled=\"teleportTarget === false\">\n      <div\n        v-if=\"isMenuOpen\"\n        :id=\"panelId\"\n        ref=\"panelRef\"\n        class=\"pa-header-mobile__panel\"\n        :class=\"{ 'pa-header-mobile__panel--inline': teleportTarget === false }\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        tabindex=\"-1\"\n        :aria-label=\"panelLabel\"\n        @keydown=\"onPanelKeydown\"\n      >\n        <div class=\"pa-header-mobile__panel-scroll\">\n          <!-- Primary level -->\n          <template v-if=\"!isSecondaryLevel\">\n            <ul\n              v-if=\"primaryNav.length > 0\"\n              class=\"pa-header-mobile__group pa-header-mobile__group--primary\"\n            >\n              <li\n                v-for=\"(item, idx) in primaryNav\"\n                :key=\"`p-${idx}-${item.label}`\"\n                class=\"pa-header-mobile__tile-wrap\"\n              >\n                <button\n                  type=\"button\"\n                  class=\"pa-header-mobile__tile\"\n                  @click=\"(event) => handleTileClick(event, item, 'primary')\"\n                >\n                  <span class=\"pa-header-mobile__tile-label\">{{ item.label }}</span>\n                  <PaIcon\n                    v-if=\"tileIndicatesDrill(item)\"\n                    name=\"caret-right\"\n                    size=\"sm\"\n                  />\n                </button>\n              </li>\n            </ul>\n\n            <ul\n              v-if=\"secondaryNav.length > 0\"\n              class=\"pa-header-mobile__group pa-header-mobile__group--secondary\"\n            >\n              <li\n                v-for=\"(item, idx) in secondaryNav\"\n                :key=\"`s-${idx}-${item.label}`\"\n                class=\"pa-header-mobile__tile-wrap\"\n              >\n                <button\n                  type=\"button\"\n                  class=\"pa-header-mobile__tile\"\n                  @click=\"(event) => handleTileClick(event, item, 'secondary')\"\n                >\n                  <span class=\"pa-header-mobile__tile-label\">{{ item.label }}</span>\n                  <PaIcon\n                    v-if=\"tileIndicatesDrill(item)\"\n                    name=\"caret-right\"\n                    size=\"sm\"\n                  />\n                </button>\n              </li>\n            </ul>\n\n            <div\n              v-if=\"languages.length > 0\"\n              class=\"pa-header-mobile__language\"\n              role=\"group\"\n              :aria-label=\"languageGroupLabel\"\n            >\n              <button\n                v-for=\"lang in languages\"\n                :key=\"lang.code\"\n                type=\"button\"\n                class=\"pa-header-mobile__language-pill\"\n                :class=\"{\n                  'pa-header-mobile__language-pill--active':\n                    lang.code === currentLanguage,\n                }\"\n                :aria-pressed=\"lang.code === currentLanguage\"\n                @click=\"(event) => handleLanguageClick(event, lang)\"\n              >\n                {{ lang.label }}\n              </button>\n            </div>\n          </template>\n\n          <!-- Secondary level -->\n          <template v-else>\n            <div\n              class=\"pa-header-mobile__drill\"\n              :class=\"`pa-header-mobile__drill--${currentDrill!.tier}`\"\n            >\n              <button\n                type=\"button\"\n                class=\"pa-header-mobile__back\"\n                :aria-label=\"backLabel\"\n                @click=\"popDrill\"\n              >\n                <PaIcon name=\"caret-left\" size=\"sm\" />\n                <span class=\"pa-header-mobile__back-label\">{{ currentDrill!.item.label }}</span>\n              </button>\n\n              <ul\n                v-if=\"currentDrill!.item.children && currentDrill!.item.children.length > 0\"\n                class=\"pa-header-mobile__drill-children\"\n              >\n                <li\n                  v-for=\"(child, idx) in currentDrill!.item.children\"\n                  :key=\"`c-${idx}-${child.label}`\"\n                  class=\"pa-header-mobile__tile-wrap\"\n                >\n                  <button\n                    type=\"button\"\n                    class=\"pa-header-mobile__tile\"\n                    @click=\"(event) => handleTileClick(event, child, currentDrill!.tier)\"\n                  >\n                    <span class=\"pa-header-mobile__tile-label\">{{ child.label }}</span>\n                    <PaIcon\n                      v-if=\"tileIndicatesDrill(child)\"\n                      name=\"caret-right\"\n                      size=\"sm\"\n                    />\n                  </button>\n                </li>\n              </ul>\n\n              <div\n                v-if=\"currentDrill!.tier === 'primary' && currentDrill!.item.tools\"\n                class=\"pa-header-mobile__tools-wrap\"\n              >\n                <div\n                  class=\"pa-header-mobile__tools\"\n                  :class=\"{ 'pa-header-mobile__tools--open': toolsOpen }\"\n                >\n                  <div class=\"pa-header-mobile__tools-header\">\n                    <div class=\"pa-header-mobile__tools-header-left\">\n                      <PaIcon :name=\"currentDrill!.item.tools.icon\" size=\"md\" />\n                      <h3 class=\"pa-header-mobile__tools-heading\">\n                        {{ currentDrill!.item.tools.heading }}\n                      </h3>\n                    </div>\n                    <button\n                      type=\"button\"\n                      class=\"pa-header-mobile__tools-toggle\"\n                      :aria-expanded=\"toolsOpen\"\n                      :aria-label=\"toolsOpen ? toolsCloseLabel : toolsOpenLabel\"\n                      @click=\"toggleTools\"\n                    >\n                      <span v-if=\"!toolsOpen\" class=\"pa-header-mobile__tools-toggle-text\">{{ toolsOpenLabel }}</span>\n                      <PaIcon v-else name=\"caret-up\" size=\"sm\" />\n                    </button>\n                  </div>\n\n                  <div v-if=\"toolsOpen\" class=\"pa-header-mobile__tools-body\">\n                    <p\n                      v-if=\"currentDrill!.item.tools.body\"\n                      class=\"pa-header-mobile__tools-text\"\n                    >{{ currentDrill!.item.tools.body }}</p>\n\n                    <ul\n                      v-if=\"currentDrill!.item.tools.links && currentDrill!.item.tools.links.length > 0\"\n                      class=\"pa-header-mobile__tools-links\"\n                    >\n                      <li\n                        v-for=\"(link, idx) in currentDrill!.item.tools.links\"\n                        :key=\"`tl-${idx}-${link.label}`\"\n                        class=\"pa-header-mobile__tools-link-item\"\n                      >\n                        <span class=\"pa-header-mobile__tools-bullet\" aria-hidden=\"true\" />\n                        <a class=\"pa-header-mobile__tools-link\" :href=\"link.href\">{{ link.label }}</a>\n                      </li>\n                    </ul>\n\n                    <a\n                      v-if=\"currentDrill!.item.tools.cta\"\n                      class=\"pa-header-mobile__tools-cta\"\n                      :href=\"currentDrill!.item.tools.cta.href\"\n                    >{{ currentDrill!.item.tools.cta.label }}</a>\n                  </div>\n                </div>\n              </div>\n\n              <div\n                v-if=\"currentDrill!.item.href\"\n                class=\"pa-header-mobile__section-link-wrap\"\n              >\n                <a class=\"pa-header-mobile__section-link\" :href=\"currentDrill!.item.href\">\n                  <span>{{ exploreLabel }} {{ currentDrill!.item.label }}</span>\n                  <PaIcon name=\"arrow-right\" size=\"sm\" />\n                </a>\n              </div>\n            </div>\n          </template>\n        </div>\n\n        <!-- Bar at panel bottom (Open state) -->\n        <div class=\"pa-header-mobile__bar pa-header-mobile__bar--in-panel\">\n          <button\n            type=\"button\"\n            class=\"pa-header-mobile__menu-toggle\"\n            :aria-expanded=\"true\"\n            :aria-controls=\"panelId\"\n            :aria-label=\"closeMenuLabel\"\n            @click=\"onMenuToggle\"\n          >\n            <PaIcon name=\"x\" size=\"md\" />\n          </button>\n\n          <div class=\"pa-header-mobile__logo\">\n            <slot name=\"logo\">\n              <span class=\"pa-header-mobile__logo-placeholder\" aria-hidden=\"true\" />\n            </slot>\n          </div>\n\n          <div class=\"pa-header-mobile__actions\">\n            <button\n              type=\"button\"\n              class=\"pa-header-mobile__action\"\n              :aria-label=\"searchActionLabel\"\n              @click=\"onSearchClick\"\n            >\n              <PaIcon name=\"magnifying-glass\" size=\"md\" />\n            </button>\n            <button\n              type=\"button\"\n              class=\"pa-header-mobile__action pa-header-mobile__action--user\"\n              :aria-label=\"userActionLabel\"\n              @click=\"onUserClick\"\n            >\n              <slot name=\"user\">\n                <PaIcon :name=\"userIconName\" size=\"md\" />\n              </slot>\n            </button>\n          </div>\n        </div>\n      </div>\n    </Teleport>\n  </header>\n</template>\n\n<style scoped>\n.pa-header-mobile {\n  position: relative;\n  width: 100%;\n  background: #ffffff;\n  font-family: var(--pa-font-family-base, 'Inter', sans-serif);\n}\n\n.pa-header-mobile__skip {\n  position: absolute;\n  left: -9999px;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  background: #ffffff;\n  color: var(--pa-color-text-dark-blue);\n  padding: var(--pa-space-xs) var(--pa-space-sm);\n  border-radius: var(--pa-radius-smooth);\n  text-decoration: none;\n  font-size: var(--pa-font-label-sm-size);\n  font-weight: var(--pa-font-label-sm-weight);\n  line-height: var(--pa-font-label-sm-line-height);\n  z-index: 9999;\n}\n\n.pa-header-mobile__skip:focus-visible {\n  position: fixed;\n  left: var(--pa-space-xs);\n  top: var(--pa-space-xs);\n  width: auto;\n  height: auto;\n  overflow: visible;\n  outline: var(--pa-border-sm) solid var(--pa-color-accent);\n  outline-offset: 2px;\n  box-shadow: 0 0 16px 0 #e3e5e8;\n}\n\n.pa-header-mobile__bar {\n  position: relative;\n  height: 60px;\n  width: 100%;\n  background: #ffffff;\n  container-type: inline-size;\n}\n\n.pa-header-mobile__bar--in-panel {\n  flex-shrink: 0;\n  border-top: var(--pa-border-xs) solid var(--pa-color-bg-primary-light-50);\n}\n\n.pa-header-mobile__menu-toggle,\n.pa-header-mobile__action {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: 0;\n  background: var(--pa-color-bg-primary-light-40);\n  color: var(--pa-color-neutral-gray);\n  cursor: pointer;\n}\n\n.pa-header-mobile__menu-toggle {\n  left: 0;\n}\n\n.pa-header-mobile__menu-toggle:focus-visible,\n.pa-header-mobile__action:focus-visible {\n  outline: var(--pa-border-sm) solid var(--pa-color-accent);\n  outline-offset: -2px;\n}\n\n.pa-header-mobile__logo {\n  position: absolute;\n  left: 68px;\n  top: 10px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  max-width: calc(100% - 68px - 112px);\n}\n\n.pa-header-mobile__logo-placeholder {\n  display: block;\n  width: 70.133px;\n  height: 40px;\n  background: var(--pa-color-primary);\n}\n\n.pa-header-mobile__actions {\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  flex-direction: row;\n}\n\n.pa-header-mobile__action {\n  position: static;\n  flex-shrink: 0;\n}\n\n/* Panel */\n\n.pa-header-mobile__panel {\n  position: fixed;\n  inset: 0;\n  z-index: 1000;\n  background: #ffffff;\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n  font-family: var(--pa-font-family-base, 'Inter', sans-serif);\n}\n\n/* Inline variant: panel constrained to its parent (typically `.pa-header-mobile`\n * expanded by the consumer to viewport-like dimensions). Used in Histoire so the\n * panel doesn't take over the docs UI. */\n.pa-header-mobile__panel--inline {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  min-height: 0;\n}\n\n.pa-header-mobile__panel:focus {\n  outline: none;\n}\n\n.pa-header-mobile__panel-scroll {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Groups (Primary level) */\n\n.pa-header-mobile__group {\n  list-style: none;\n  margin: 0;\n  padding: var(--pa-space-sm) 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.pa-header-mobile__group--primary {\n  background: #ffffff;\n}\n\n.pa-header-mobile__group--secondary {\n  background: var(--pa-color-bg-primary-light-40);\n}\n\n.pa-header-mobile__tile-wrap {\n  list-style: none;\n}\n\n.pa-header-mobile__tile {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--pa-space-sm);\n  padding: var(--pa-space-sm) var(--pa-space-md);\n  background: transparent;\n  border: 0;\n  border-bottom: var(--pa-border-xs) solid var(--pa-color-bg-primary-light-50);\n  cursor: pointer;\n  text-align: left;\n  font-family: inherit;\n}\n\n.pa-header-mobile__tile-label {\n  flex: 1 1 0;\n  font-size: var(--pa-font-label-sm-size);\n  font-weight: var(--pa-font-label-sm-weight);\n  line-height: var(--pa-font-label-sm-line-height);\n  color: var(--pa-color-text-dark-blue);\n}\n\n.pa-header-mobile__tile:focus-visible {\n  outline: var(--pa-border-sm) solid var(--pa-color-accent);\n  outline-offset: -2px;\n}\n\n/* Language switcher */\n\n.pa-header-mobile__language {\n  background: var(--pa-color-bg-primary-light-40);\n  display: flex;\n  justify-content: center;\n  gap: var(--pa-space-sm);\n  padding: var(--pa-space-xs) 0;\n}\n\n.pa-header-mobile__language-pill {\n  background: transparent;\n  border: 0;\n  padding: 4px 8px 0 8px;\n  font-family: inherit;\n  font-size: 16px;\n  line-height: 20px;\n  color: var(--pa-color-neutral-gray);\n  border-bottom: 4px solid transparent;\n  cursor: pointer;\n  border-radius: 4px 4px 0 0;\n}\n\n.pa-header-mobile__language-pill--active {\n  color: #000000;\n  border-bottom-color: #000000;\n}\n\n.pa-header-mobile__language-pill:focus-visible {\n  outline: var(--pa-border-sm) solid var(--pa-color-accent);\n  outline-offset: 2px;\n}\n\n/* Drill (Secondary level) */\n\n.pa-header-mobile__drill {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n}\n\n.pa-header-mobile__drill--primary {\n  background: #ffffff;\n}\n\n.pa-header-mobile__drill--secondary {\n  background: var(--pa-color-bg-primary-light-40);\n}\n\n.pa-header-mobile__back {\n  display: flex;\n  align-items: center;\n  gap: var(--pa-space-xs);\n  padding: var(--pa-space-md) var(--pa-space-md) 18px;\n  background: transparent;\n  border: 0;\n  font-family: inherit;\n  cursor: pointer;\n  text-align: left;\n}\n\n.pa-header-mobile__back-label {\n  font-size: 20px;\n  line-height: 30px;\n  font-weight: 600;\n  color: var(--pa-color-text-dark-blue);\n}\n\n.pa-header-mobile__back:focus-visible {\n  outline: var(--pa-border-sm) solid var(--pa-color-accent);\n  outline-offset: -2px;\n}\n\n.pa-header-mobile__drill-children {\n  list-style: none;\n  margin: 0;\n  padding: 0 var(--pa-space-md) var(--pa-space-md);\n  display: flex;\n  flex-direction: column;\n}\n\n.pa-header-mobile__drill-children .pa-header-mobile__tile {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n/* Tools card */\n\n.pa-header-mobile__tools-wrap {\n  padding: 0 36px;\n}\n\n.pa-header-mobile__tools {\n  background: var(--pa-color-bg-primary-light-40);\n  border-radius: 4px;\n  padding: var(--pa-space-md);\n  display: flex;\n  flex-direction: column;\n  gap: var(--pa-space-sm);\n}\n\n.pa-header-mobile__tools-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--pa-space-sm);\n}\n\n.pa-header-mobile__tools-header-left {\n  display: flex;\n  align-items: center;\n  gap: var(--pa-space-sm);\n}\n\n.pa-header-mobile__tools-heading {\n  margin: 0;\n  font-size: 24px;\n  line-height: 28px;\n  letter-spacing: -0.5px;\n  font-weight: 700;\n  color: var(--pa-color-neutral-gray);\n}\n\n.pa-header-mobile__tools-toggle {\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  padding: 0;\n  font-family: inherit;\n}\n\n.pa-header-mobile__tools-toggle-text {\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 700;\n  color: var(--pa-color-primary);\n  text-decoration: underline;\n}\n\n.pa-header-mobile__tools-toggle:focus-visible {\n  outline: var(--pa-border-sm) solid var(--pa-color-accent);\n  outline-offset: 2px;\n}\n\n.pa-header-mobile__tools-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--pa-space-sm);\n  padding-top: 28px;\n}\n\n.pa-header-mobile__tools-text {\n  margin: 0;\n  font-size: 16px;\n  line-height: 20px;\n  color: var(--pa-color-neutral-gray);\n}\n\n.pa-header-mobile__tools-links {\n  list-style: none;\n  margin: 0;\n  padding: 0 var(--pa-space-xs);\n  display: flex;\n  flex-direction: column;\n  gap: var(--pa-space-xs);\n}\n\n.pa-header-mobile__tools-link-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n}\n\n.pa-header-mobile__tools-bullet {\n  width: 8px;\n  height: 8px;\n  background: var(--pa-color-bg-primary-light-50);\n  margin-top: 8px;\n  flex-shrink: 0;\n}\n\n.pa-header-mobile__tools-link {\n  flex: 1 1 0;\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 700;\n  color: var(--pa-color-text-dark-blue);\n  text-decoration: underline;\n}\n\n.pa-header-mobile__tools-link:focus-visible {\n  outline: var(--pa-border-sm) solid var(--pa-color-accent);\n  outline-offset: 2px;\n}\n\n.pa-header-mobile__tools-cta {\n  margin-top: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px 48px;\n  background: var(--pa-color-primary);\n  color: #ffffff;\n  border-radius: var(--pa-radius-smooth);\n  text-decoration: none;\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: 600;\n}\n\n.pa-header-mobile__tools-cta:focus-visible {\n  outline: var(--pa-border-sm) solid var(--pa-color-accent);\n  outline-offset: 2px;\n}\n\n/* Section link footer */\n\n.pa-header-mobile__section-link-wrap {\n  padding: 0 36px;\n  margin-top: var(--pa-space-sm);\n}\n\n.pa-header-mobile__section-link {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--pa-space-xs);\n  padding: var(--pa-space-sm) 4px;\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: 600;\n  color: var(--pa-color-text-dark-blue);\n  text-decoration: none;\n  border-radius: 4px;\n}\n\n.pa-header-mobile__section-link:focus-visible {\n  outline: var(--pa-border-sm) solid var(--pa-color-accent);\n  outline-offset: 2px;\n}\n</style>\n"],"names":["mobileUid","nextMobileId","props","__props","emit","__emit","panelId","internalMenuOpen","ref","isMenuOpen","computed","setMenuOpen","next","skipLinkEnabled","skipLinkLabel","skipLinkTarget","menuToggleLabel","userActionLabel","userIconName","drillStack","toolsOpen","currentDrill","isSecondaryLevel","_a","hasChildren","item","tileIndicatesDrill","handleTileClick","event","tier","prevented","payload","popDrill","handleLanguageClick","language","toggleTools","panelRef","menuToggleRef","previouslyFocusedElement","originalBodyOverflow","originalBodyPaddingRight","scrollLockActive","escListenerAttached","FOCUSABLE_SELECTOR","getFocusable","root","onPanelKeydown","focusable","first","last","active","onWindowKeydownEsc","lockScroll","scrollbarWidth","unlockScroll","attachEsc","detachEsc","watch","nextTick","onBeforeUnmount","onMenuToggle","onSearchClick","onUserClick","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_createVNode","PaIcon","_hoisted_5","_renderSlot","_ctx","_hoisted_6","_createBlock","_Teleport","_normalizeClass","_hoisted_10","_hoisted_20","_toDisplayString","_hoisted_21","_Fragment","_renderList","child","idx","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32","link","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_11","_hoisted_13","_hoisted_14","_hoisted_16","lang","_hoisted_18","_hoisted_37","_hoisted_39","_hoisted_40"],"mappings":"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"}

package/dist/components/PaHeaderMobile/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as PaHeaderMobile } from './PaHeaderMobile.vue';
+export type { PaHeaderMobileProps, PaHeaderLink, PaHeaderTools, PaHeaderNavItem, PaHeaderLanguage, PaHeaderSkipLinkConfig, PaHeaderNavigateEventPayload, PaHeaderLanguageChangeEventPayload, } from './PaHeaderMobile.vue';

package/dist/components/PaHeaderMobile/index.js

@@ -0,0 +1,6 @@
+import { default as d, default as f } from "./PaHeaderMobile.vue.js";
+export {
+  d as PaHeaderMobile,
+  f as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/PaHeaderMobile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PaHeaderShared/index.d.ts

@@ -0,0 +1 @@
+export type { PaHeaderLink, PaHeaderTools, PaHeaderNavItem, PaHeaderLanguage, PaHeaderSkipLinkConfig, PaHeaderNavigateEventPayload, PaHeaderLanguageChangeEventPayload, } from './types';

package/dist/components/PaHeaderShared/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/dist/components/PaHeaderShared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/PaHeaderShared/types.d.ts

@@ -0,0 +1,43 @@
+import type { PaIconName } from '../PaIcon/PaIcon.vue';
+export interface PaHeaderLink {
+    label: string;
+    href: string;
+    ariaCurrent?: 'page' | 'true' | 'false';
+}
+export interface PaHeaderTools {
+    icon: PaIconName;
+    heading: string;
+    body?: string;
+    links?: PaHeaderLink[];
+    cta?: {
+        label: string;
+        href: string;
+    };
+}
+export interface PaHeaderNavItem {
+    label: string;
+    href?: string;
+    children?: PaHeaderNavItem[];
+    tools?: PaHeaderTools;
+}
+export interface PaHeaderLanguage {
+    code: string;
+    label: string;
+    href?: string;
+}
+export interface PaHeaderSkipLinkConfig {
+    label?: string;
+    target?: string;
+}
+export interface PaHeaderNavigateEventPayload {
+    item: PaHeaderNavItem;
+    originalEvent: MouseEvent;
+    preventDefault: () => void;
+    defaultPrevented: boolean;
+}
+export interface PaHeaderLanguageChangeEventPayload {
+    language: PaHeaderLanguage;
+    originalEvent: MouseEvent;
+    preventDefault: () => void;
+    defaultPrevented: boolean;
+}