@kong-ui-public/page-layout 1.3.10 → 1.3.11-pr.3655.2dd3bec0d.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/page-layout",
-  "version": "1.3.10",
+  "version": "1.3.11-pr.3655.2dd3bec0d.0",
   "type": "module",
   "main": "./dist/page-layout.umd.js",
   "module": "./dist/page-layout.es.js",

package/dist/page-layout.es.js

@@ -1,811 +0,0 @@
-import { onMounted as we, nextTick as be, shallowRef as me, shallowReadonly as je, getCurrentScope as Ge, onScopeDispose as Ye, getCurrentInstance as Oe, toValue as ve, computed as w, watch as fe, defineComponent as ke, inject as de, useTemplateRef as he, ref as W, onBeforeUnmount as xe, resolveComponent as B, openBlock as r, createElementBlock as f, createElementVNode as $, normalizeClass as j, Fragment as Z, renderList as G, createBlock as D, resolveDynamicComponent as Ie, mergeProps as ze, withKeys as Fe, withModifiers as ye, withCtx as I, renderSlot as R, createTextVNode as oe, toDisplayString as x, createVNode as z, unref as m, createCommentVNode as k, useCssVars as qe, useSlots as Xe, provide as Ze, onUnmounted as Je, createSlots as Ae, normalizeProps as Qe, guardReactiveProps as et } from "vue";
-import { useRouter as He, useRoute as tt } from "vue-router";
-import { createI18n as at, i18nTComponent as ot } from "@kong-ui-public/i18n";
-import { ChevronDownIcon as We, ChevronRightIcon as nt, ArrowTopLeftIcon as st, StarFillIcon as it, StarIcon as lt, InfoIcon as rt } from "@kong/icons";
-const ut = "Go back", ct = { save_shortcut: "Save page to shortcuts", remove_shortcut: "Remove page from shortcuts" }, dt = { more_button: { label: "More", aria_label: "More tabs" } }, vt = { aria_label: "Page sections", more_button: { aria_label: "More page sections" } }, ht = {
-  back_button: ut,
-  favorite_button: ct,
-  tabs: dt,
-  anchor_navigation: vt
-};
-function ft() {
-  const e = at("en-us", ht);
-  return {
-    i18n: e,
-    i18nT: ot(e)
-    // Translation component <i18n-t>
-  };
-}
-const Se = {
-  useI18n: ft
-}, pt = "12px", ne = "16px", gt = "2px", Re = "16px";
-function bt(e, l) {
-  return Ge() ? (Ye(e, l), !0) : !1;
-}
-const mt = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const te = () => {
-};
-function yt(e, l) {
-  function a(...o) {
-    return new Promise((u, v) => {
-      Promise.resolve(e(() => l.apply(this, o), {
-        fn: l,
-        thisArg: this,
-        args: o
-      })).then(u).catch(v);
-    });
-  }
-  return "cancel" in e && Object.assign(a, {
-    cancel: e.cancel,
-    flush: e.flush,
-    isPending: e.isPending
-  }), a;
-}
-function wt(e, l = {}) {
-  let a, o, u = te, v = te;
-  const d = me(!1), n = (g) => {
-    clearTimeout(g), u(), u = te;
-  };
-  let y;
-  return Object.assign((g) => {
-    const i = ve(e), h = ve(l.maxWait);
-    return a && n(a), i <= 0 || h !== void 0 && h <= 0 ? (o && (n(o), o = void 0), d.value = !1, Promise.resolve(g())) : (d.value = !0, new Promise((b, p) => {
-      u = l.rejectOnCancel ? p : b, v = b, y = g, h && !o && (o = setTimeout(() => {
-        a && n(a), o = void 0, d.value = !1, b(y());
-      }, h)), a = setTimeout(() => {
-        o && n(o), o = void 0, d.value = !1, b(g());
-      }, i);
-    }));
-  }, {
-    cancel: () => {
-      a && (n(a), a = void 0), o && (n(o), o = void 0), d.value = !1, v = te;
-    },
-    flush: () => {
-      if (d.value) {
-        a && (clearTimeout(a), a = void 0), o && (clearTimeout(o), o = void 0), d.value = !1;
-        const g = v;
-        u = te, v = te, g(y());
-      }
-    },
-    isPending: je(d)
-  });
-}
-function kt(e) {
-  return Array.isArray(e) ? e : [e];
-}
-function Tt(e) {
-  return Oe();
-}
-function _t(e, l = 200, a = {}) {
-  return yt(wt(l, a), e);
-}
-function $t(e, l = !0, a) {
-  Tt() ? we(e, a) : l ? e() : be(e);
-}
-const Me = mt ? window : void 0;
-function ae(e) {
-  var l;
-  const a = ve(e);
-  return (l = a?.$el) !== null && l !== void 0 ? l : a;
-}
-// @__NO_SIDE_EFFECTS__
-function Ct() {
-  const e = me(!1), l = Oe();
-  return l && we(() => {
-    e.value = !0;
-  }, l), e;
-}
-// @__NO_SIDE_EFFECTS__
-function Et(e) {
-  const l = /* @__PURE__ */ Ct();
-  return w(() => (l.value, !!e()));
-}
-function Le(e, l, a = {}) {
-  const { window: o = Me, ...u } = a;
-  let v;
-  const d = /* @__PURE__ */ Et(() => o && "ResizeObserver" in o), n = () => {
-    v && (v.disconnect(), v = void 0);
-  }, y = fe(w(() => {
-    const g = ve(e);
-    return Array.isArray(g) ? g.map((i) => ae(i)) : [ae(g)];
-  }), (g) => {
-    if (n(), d.value && o) {
-      v = new ResizeObserver(l);
-      for (const i of g) i && v.observe(i, u);
-    }
-  }, {
-    immediate: !0,
-    flush: "post"
-  }), A = () => {
-    n(), y();
-  };
-  return bt(A), {
-    isSupported: d,
-    stop: A
-  };
-}
-function It(e, l = {
-  width: 0,
-  height: 0
-}, a = {}) {
-  const { window: o = Me, box: u = "content-box" } = a, v = w(() => {
-    var i;
-    return (i = ae(e)) === null || i === void 0 || (i = i.namespaceURI) === null || i === void 0 ? void 0 : i.includes("svg");
-  }), d = me(l.width), n = me(l.height), { stop: y } = Le(e, ([i]) => {
-    const h = u === "border-box" ? i.borderBoxSize : u === "content-box" ? i.contentBoxSize : i.devicePixelContentBoxSize;
-    if (o && v.value) {
-      const b = ae(e);
-      if (b) {
-        const p = b.getBoundingClientRect();
-        d.value = p.width, n.value = p.height;
-      }
-    } else if (h) {
-      const b = kt(h);
-      d.value = b.reduce((p, { inlineSize: S }) => p + S, 0), n.value = b.reduce((p, { blockSize: S }) => p + S, 0);
-    } else
-      d.value = i.contentRect.width, n.value = i.contentRect.height;
-  }, a);
-  $t(() => {
-    const i = ae(e);
-    if (i && "offsetWidth" in i) if (u === "content-box" && o) {
-      const h = o.getComputedStyle(i), b = Number.parseFloat(h.paddingLeft) + Number.parseFloat(h.paddingRight), p = Number.parseFloat(h.paddingTop) + Number.parseFloat(h.paddingBottom), S = Number.parseFloat(h.borderLeftWidth) + Number.parseFloat(h.borderRightWidth), P = Number.parseFloat(h.borderTopWidth) + Number.parseFloat(h.borderBottomWidth);
-      d.value = i.offsetWidth - b - S, n.value = i.offsetHeight - p - P;
-    } else
-      d.value = i.offsetWidth, n.value = i.offsetHeight;
-    else i && (d.value = l.width, n.value = l.height);
-  });
-  const A = fe(() => ae(e), (i) => {
-    d.value = i ? l.width : 0, n.value = i ? l.height : 0;
-  });
-  function g() {
-    y(), A();
-  }
-  return {
-    width: d,
-    height: n,
-    stop: g
-  };
-}
-const At = {
-  ref: "page-layout-tabs",
-  class: "page-layout-tabs",
-  "data-testid": "page-layout-tabs"
-}, St = { key: 0 }, Rt = ["aria-label"], Lt = {
-  key: 0,
-  class: "layout-loader-container"
-}, Nt = /* @__PURE__ */ ke({
-  __name: "PageLayoutTabs",
-  props: {
-    tabs: { default: () => [] }
-  },
-  setup(e) {
-    const { i18n: { t: l } } = Se.useI18n(), a = He(), o = de("app:navigateTo", null), u = (p) => {
-      if (typeof p.to != "string") {
-        a.push(p.to);
-        return;
-      }
-      if (typeof o != "function") {
-        window.location.href = p.to;
-        return;
-      }
-      o(p.to);
-    }, v = he("page-layout-tabs"), d = he("page-layout-tabs-list"), n = W(e.tabs.length), y = W(!1), A = w(() => e.tabs.slice(0, n.value)), g = w(() => e.tabs.slice(n.value)), i = async () => {
-      if (!v.value || !d.value)
-        return;
-      y.value = !1, n.value = e.tabs.length, await be();
-      const p = v.value?.getBoundingClientRect().width - parseInt(Re) * 2;
-      let S = d.value?.getBoundingClientRect().width;
-      if (!p || !S) {
-        y.value = !0;
-        return;
-      }
-      const P = 50;
-      for (; S + P > p && n.value > 1; )
-        n.value--, await be(), S = d.value?.getBoundingClientRect().width || 0;
-      y.value = !0;
-    };
-    let h = null;
-    const b = () => {
-      h && clearTimeout(h), h = setTimeout(() => {
-        i();
-      }, 150);
-    };
-    return we(() => {
-      i(), Le(v, b);
-    }), xe(() => {
-      h && clearTimeout(h);
-    }), fe(() => e.tabs, () => {
-      i();
-    }, { deep: !0 }), (p, S) => {
-      const P = B("KDropdownItem"), J = B("KDropdown"), se = B("KSkeletonBox");
-      return r(), f("nav", At, [
-        $("ul", {
-          ref: "page-layout-tabs-list",
-          class: j({ "layout-computing": !y.value })
-        }, [
-          (r(!0), f(Z, null, G(A.value, (c) => (r(), f("li", {
-            key: `${c.key}-tab`
-          }, [
-            (r(), D(Ie(typeof c.to == "string" ? "a" : "router-link"), ze({ ref_for: !0 }, typeof c.to == "string" ? { href: c.to } : { to: c.to }, {
-              "aria-current": c.active ? "page" : void 0,
-              class: ["tab-link", { active: c.active }],
-              "data-testid": c.dataTestId ? c.dataTestId : `page-layout-tab-${c.key}`,
-              tabindex: "0",
-              onClick: ye((F) => u(c), ["prevent"]),
-              onKeydown: Fe(ye((F) => u(c), ["prevent"]), ["enter"])
-            }), {
-              default: I(() => [
-                R(p.$slots, `tab-${c.key}`, { tab: c }, () => [
-                  oe(x(c.label), 1)
-                ], !0)
-              ]),
-              _: 2
-            }, 1040, ["aria-current", "class", "data-testid", "onClick", "onKeydown"]))
-          ]))), 128)),
-          e.tabs.length > n.value ? (r(), f("li", St, [
-            z(J, { "kpop-attributes": {
-              placement: "bottom-end",
-              popoverElementAttributes: { "data-testid": "tabs-overflow-dropdown-popover" }
-            } }, {
-              items: I(() => [
-                (r(!0), f(Z, null, G(g.value, (c) => (r(), D(P, {
-                  key: `${c.key}-dropdown-item`,
-                  "aria-current": c.active ? "page" : void 0,
-                  "data-testid": c.dataTestId ? c.dataTestId : `page-layout-tab-${c.key}`,
-                  item: {
-                    label: c.label,
-                    value: c.key,
-                    to: c.to
-                  },
-                  selected: c.active
-                }, {
-                  default: I(() => [
-                    R(p.$slots, `tab-${c.key}`, { tab: c }, () => [
-                      oe(x(c.label), 1)
-                    ], !0)
-                  ]),
-                  _: 2
-                }, 1032, ["aria-current", "data-testid", "item", "selected"]))), 128))
-              ]),
-              default: I(() => [
-                $("button", {
-                  "aria-label": m(l)("tabs.more_button.aria_label"),
-                  class: j(["tab-link", { active: g.value.find((c) => c.active) }]),
-                  "data-testid": "tabs-overflow-dropdown-button"
-                }, [
-                  oe(x(m(l)("tabs.more_button.label")) + " ", 1),
-                  z(m(We), {
-                    decorative: "",
-                    size: `var(--kui-icon-size-30, ${m(ne)})`
-                  }, null, 8, ["size"])
-                ], 10, Rt)
-              ]),
-              _: 3
-            })
-          ])) : k("", !0)
-        ], 2),
-        y.value ? k("", !0) : (r(), f("div", Lt, [
-          (r(), f(Z, null, G(3, (c) => z(se, {
-            key: `layout-loader-${c}`,
-            height: "1",
-            width: "5"
-          })), 64))
-        ]))
-      ], 512);
-    };
-  }
-}), Te = (e, l) => {
-  const a = e.__vccOpts || e;
-  for (const [o, u] of l)
-    a[o] = u;
-  return a;
-}, Dt = /* @__PURE__ */ Te(Nt, [["__scopeId", "data-v-02891bc1"]]), Bt = ["aria-label", "data-fit"], Pt = {
-  key: 0,
-  "aria-hidden": "true",
-  class: "anchor-ellipsis",
-  "data-testid": "anchor-navigation-leading-ellipsis"
-}, Kt = ["aria-current", "data-testid", "title", "onClick"], Ot = {
-  key: 1,
-  "aria-hidden": "true",
-  class: "anchor-ellipsis",
-  "data-testid": "anchor-navigation-trailing-ellipsis"
-}, xt = { key: 2 }, Be = 140, Pe = 22, Ee = 16, ce = "data-anchor-attention", zt = 1200, Ft = 1600, Ht = /* @__PURE__ */ ke({
-  __name: "PageLayoutAnchorNavigation",
-  props: {
-    anchors: { default: () => [] }
-  },
-  setup(e) {
-    const { i18n: { t: l } } = Se.useI18n(), a = he("page-layout-anchor-navigation"), o = he("page-layout-anchor-navigation-list"), u = W("all"), v = W(""), d = W([]), n = w(() => e.anchors.filter((t) => d.value.includes(t.id))), y = w(() => {
-      const t = n.value.findIndex((s) => s.id === v.value);
-      return t === -1 ? 0 : t;
-    }), A = w(() => {
-      const t = n.value, s = t.length, T = y.value;
-      if (u.value === "all")
-        return { anchors: t, hasLeadingEllipsis: !1, hasTrailingEllipsis: !1, hasOverflowDropdown: !1 };
-      if (u.value === "hidden")
-        return { anchors: [], hasLeadingEllipsis: !1, hasTrailingEllipsis: !1, hasOverflowDropdown: !1 };
-      if (u.value === "active-only")
-        return { anchors: t.slice(T, T + 1), hasLeadingEllipsis: !1, hasTrailingEllipsis: !1, hasOverflowDropdown: !0 };
-      const C = u.value === "window-3" ? 3 : 2;
-      if (s <= C)
-        return { anchors: t, hasLeadingEllipsis: !1, hasTrailingEllipsis: !1, hasOverflowDropdown: !0 };
-      const K = T < C ? 0 : T >= s - C ? s - C : T - 1;
-      return {
-        anchors: t.slice(K, K + C),
-        hasLeadingEllipsis: K > 0,
-        hasTrailingEllipsis: K + C < s,
-        hasOverflowDropdown: !0
-      };
-    }), g = (t) => t.dataTestId ?? `page-layout-anchor-${t.id.replace(/[^\w-]+/g, "-").replace(/^-+|-+$/g, "")}`, i = W(null), h = () => {
-      let t = a.value?.parentElement ?? null;
-      for (; t; ) {
-        const { overflowY: s } = getComputedStyle(t);
-        if (s === "auto" || s === "scroll" || s === "overlay")
-          return t;
-        t = t.parentElement;
-      }
-      return null;
-    }, b = (t) => {
-      if (t.element)
-        return t.element.isConnected ? t.element : null;
-      const s = i.value ?? document;
-      try {
-        return s.querySelector(t.id) ?? s.querySelector(`#${CSS.escape(t.id)}`);
-      } catch {
-        return null;
-      }
-    }, p = () => (a.value?.closest(".page-layout-header")?.getBoundingClientRect().height ?? 0) + parseInt(Re, 10), S = parseInt(ne, 10), P = parseInt(gt, 10), J = (t) => t * Be + 2 * S + Pe + (t + 2) * P + Ee, se = () => Be + Pe + P + Ee;
-    let c = 0;
-    const F = async () => {
-      if (!n.value.length) {
-        u.value = "hidden";
-        return;
-      }
-      const t = ++c;
-      if (u.value = "all", await be(), t !== c || !a.value || !o.value)
-        return;
-      const s = a.value.getBoundingClientRect().width, T = o.value.getBoundingClientRect().width;
-      s <= 0 || T <= 0 || T + Ee <= s || (J(3) <= s ? u.value = "window-3" : J(2) <= s ? u.value = "window-2" : se() <= s ? u.value = "active-only" : u.value = "hidden");
-    };
-    let M = null;
-    Le(a, () => {
-      M && clearTimeout(M), M = setTimeout(() => {
-        q(), F();
-      }, 150);
-    });
-    let Q = null, V = null, H = 0, le = 0, Y = null, re = null;
-    const pe = (t) => {
-      const s = String(++H);
-      N(), re = t, t.removeAttribute(ce), le = requestAnimationFrame(() => {
-        t.setAttribute(ce, s), Y = setTimeout(() => {
-          t.getAttribute(ce) === s && t.removeAttribute(ce);
-        }, zt);
-      });
-    }, N = () => {
-      cancelAnimationFrame(le), Y && (clearTimeout(Y), Y = null), re?.removeAttribute(ce), re = null;
-    }, U = () => i.value ?? window, _e = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "PageUp", "PageDown", "Home", "End", " "]), L = (t) => {
-      if (t instanceof KeyboardEvent && !_e.has(t.key))
-        return;
-      t && t.type !== "scrollend" && H++, Q = null, V && (clearTimeout(V), V = null);
-      const s = U();
-      s.removeEventListener("scrollend", L), s.removeEventListener("wheel", L), s.removeEventListener("touchstart", L), s.removeEventListener("keydown", L);
-    }, $e = (t) => {
-      L(), Q = t;
-      const s = U();
-      s.addEventListener("scrollend", L, { once: !0 }), s.addEventListener("wheel", L, { passive: !0 }), s.addEventListener("touchstart", L, { passive: !0 }), s.addEventListener("keydown", L, { passive: !0 }), V = setTimeout(L, 1e3);
-    }, ue = () => {
-      const t = i.value;
-      return {
-        top: t ? t.getBoundingClientRect().top : 0,
-        scrollTop: t ? t.scrollTop : window.scrollY,
-        clientHeight: t ? t.clientHeight : window.innerHeight,
-        scrollHeight: t ? t.scrollHeight : document.documentElement.scrollHeight
-      };
-    }, q = () => {
-      const { top: t, scrollTop: s, clientHeight: T, scrollHeight: C } = ue(), K = p(), E = [];
-      let _ = null, X = null;
-      for (const O of e.anchors) {
-        const ee = b(O);
-        ee && (E.push(O.id), X = O.id, _ ??= O.id, ee.getBoundingClientRect().top - t <= (O.offset ?? K) + 8 && (_ = O.id));
-      }
-      const ge = E.length !== d.value.length || E.some((O, ee) => O !== d.value[ee]);
-      return ge && (d.value = E), Q || (X && s > 0 && s + T >= C - 2 && (_ = X), v.value = _ ?? ""), ge;
-    };
-    let Ce = !1;
-    const Ne = () => {
-      Ce || (Ce = !0, requestAnimationFrame(() => {
-        Ce = !1, q() && F();
-      }));
-    }, Ve = (t) => {
-      const s = U();
-      let T = !1;
-      const C = () => {
-        T || (T = !0, s.removeEventListener("scrollend", C), t());
-      };
-      s.addEventListener("scrollend", C, { once: !0 }), window.setTimeout(C, Ft);
-    }, De = (t) => {
-      const s = b(t);
-      if (!s)
-        return;
-      v.value = t.id, $e(t.id);
-      const T = t.offset ?? p(), { scrollTop: C, clientHeight: K, scrollHeight: E } = ue(), _ = i.value, X = _ ? s.getBoundingClientRect().top - _.getBoundingClientRect().top + _.scrollTop - T : s.getBoundingClientRect().top + window.scrollY - T, ge = Math.min(Math.max(X, 0), Math.max(E - K, 0)), O = Math.abs(ge - C) >= 2, ee = ++H;
-      if ((_ ?? window).scrollTo({ behavior: "smooth", top: X }), !O) {
-        pe(s);
-        return;
-      }
-      Ve(() => {
-        ee === H && pe(s);
-      });
-    }, Ue = (t, s) => {
-      s(), De(t);
-    };
-    return we(() => {
-      i.value = h(), U().addEventListener("scroll", Ne, { passive: !0 }), q(), F(), requestAnimationFrame(() => {
-        q(), F();
-      });
-    }), xe(() => {
-      U().removeEventListener("scroll", Ne), L(), H++, N(), M && clearTimeout(M);
-    }), fe(() => e.anchors, () => {
-      e.anchors.some((t) => t.id === v.value) || (v.value = ""), q(), F();
-    }, { deep: !0 }), (t, s) => {
-      const T = B("KButton"), C = B("KDropdownItem"), K = B("KDropdown");
-      return r(), f("nav", {
-        ref: "page-layout-anchor-navigation",
-        "aria-label": m(l)("anchor_navigation.aria_label"),
-        class: "page-layout-anchor-navigation",
-        "data-fit": u.value,
-        "data-testid": "page-layout-anchor-navigation"
-      }, [
-        $("ul", {
-          ref: "page-layout-anchor-navigation-list",
-          class: j({ "layout-hidden": u.value === "hidden" })
-        }, [
-          A.value.hasLeadingEllipsis ? (r(), f("li", Pt, " … ")) : k("", !0),
-          (r(!0), f(Z, null, G(A.value.anchors, (E) => (r(), f("li", {
-            key: `${E.id}-anchor`
-          }, [
-            $("button", {
-              "aria-current": E.id === v.value ? "location" : void 0,
-              class: j(["anchor-link", { active: E.id === v.value }]),
-              "data-testid": g(E),
-              title: E.label,
-              type: "button",
-              onClick: (_) => De(E)
-            }, x(E.label), 11, Kt)
-          ]))), 128)),
-          A.value.hasTrailingEllipsis ? (r(), f("li", Ot, " … ")) : k("", !0),
-          A.value.hasOverflowDropdown ? (r(), f("li", xt, [
-            z(K, { "kpop-attributes": {
-              placement: "bottom-end",
-              popoverElementAttributes: { "data-testid": "anchor-navigation-overflow-dropdown-popover" }
-            } }, {
-              items: I(({ closeDropdown: E }) => [
-                (r(!0), f(Z, null, G(n.value, (_) => (r(), D(C, {
-                  key: `${_.id}-dropdown-item`,
-                  "aria-current": _.id === v.value ? "location" : void 0,
-                  "data-testid": g(_),
-                  selected: _.id === v.value,
-                  onClick: (X) => Ue(_, E)
-                }, {
-                  default: I(() => [
-                    oe(x(_.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["aria-current", "data-testid", "selected", "onClick"]))), 128))
-              ]),
-              default: I(() => [
-                z(T, {
-                  appearance: "tertiary",
-                  "aria-label": m(l)("anchor_navigation.more_button.aria_label"),
-                  class: "anchor-overflow-button",
-                  "data-testid": "anchor-navigation-overflow-dropdown-button",
-                  icon: "",
-                  size: "small"
-                }, {
-                  default: I(() => [
-                    z(m(We), {
-                      decorative: "",
-                      size: `var(--kui-icon-size-30, ${m(ne)})`
-                    }, null, 8, ["size"])
-                  ]),
-                  _: 1
-                }, 8, ["aria-label"])
-              ]),
-              _: 1
-            })
-          ])) : k("", !0)
-        ], 2)
-      ], 8, Bt);
-    };
-  }
-}), Wt = /* @__PURE__ */ Te(Ht, [["__scopeId", "data-v-f6d370c5"]]), Ke = /* @__PURE__ */ Symbol("nested-page-layout-detection"), Mt = "page-layout:new-appearance", Vt = { class: "page-header-container" }, Ut = {
-  key: 0,
-  class: "page-header-start"
-}, jt = { class: "title-container" }, Gt = {
-  key: 1,
-  class: "page-layout-title-wrapper"
-}, Yt = {
-  class: "page-layout-title",
-  "data-testid": "page-layout-title"
-}, qt = ["aria-label"], Xt = {
-  key: 3,
-  class: "title-after-container"
-}, Zt = { class: "page-header-actions-container" }, Jt = {
-  key: 0,
-  class: "page-layout-aside-container",
-  "data-testid": "page-layout-aside"
-}, Qt = { class: "page-layout-content" }, ea = /* @__PURE__ */ ke({
-  __name: "PageLayout",
-  props: {
-    breadcrumbs: { default: () => [] },
-    title: {},
-    backTo: {},
-    tabs: { default: () => [] },
-    anchors: { default: () => [] },
-    pageShortcutData: {}
-  },
-  setup(e) {
-    qe((N) => ({
-      a3279be2: se.value
-    }));
-    const l = de("app:navigateTo", null), a = de(Mt, null), o = de("app:pageShortcutsContext", null), { i18n: { t: u } } = Se.useI18n(), v = He(), d = tt(), n = Xe(), y = () => !!e.title || !!n.title, A = w(() => !!(e.breadcrumbs && e.breadcrumbs.length)), g = w(() => !!(e.tabs && e.tabs.length)), i = w(() => typeof e.backTo == "string"), h = w(() => ve(a) === !0), b = () => h.value && !y() && !A.value, p = () => g.value && !b(), S = w(() => h.value && !g.value && !!(e.anchors && e.anchors.length)), P = he("page-layout-header"), { height: J } = It(P, void 0, { box: "border-box" }), se = w(() => `calc(${J.value}px + var(--kui-space-60, ${Re}))`), c = w(() => !!e.pageShortcutData && !!e.pageShortcutData.entityType && !!e.pageShortcutData.label), F = w(() => c.value && !!o && "onFavoriteToggle" in o && typeof o.onFavoriteToggle == "function"), M = W(0), ie = w(() => !!o && "isFavorite" in o && typeof o.isFavorite == "function" && o.isFavorite(e.pageShortcutData) === !0), Q = async () => {
-      if (e.backTo) {
-        if (typeof e.backTo == "object") {
-          v.push(e.backTo);
-          return;
-        }
-        if (typeof l != "function") {
-          window.location.href = e.backTo;
-          return;
-        }
-        await l(e.backTo);
-      }
-    }, V = W(0), H = w(() => V.value > 0);
-    Ze(Ke, () => (V.value++, () => {
-      V.value--;
-    }));
-    const le = de(Ke, null), Y = W(null);
-    typeof le == "function" && (Y.value = le());
-    const re = () => {
-      o.onFavoriteToggle({ ...e.pageShortcutData, path: e.pageShortcutData?.path || d.fullPath });
-    };
-    Je(() => {
-      Y.value?.();
-    });
-    const pe = _t(() => {
-      !H.value && c.value && o && "onEntityPageVisit" in o && typeof o.onEntityPageVisit == "function" && (o.onEntityPageVisit({ ...e.pageShortcutData, path: e.pageShortcutData?.path || d?.fullPath }), M.value++);
-    }, 500);
-    return fe([() => e.pageShortcutData, () => d?.fullPath], () => {
-      pe();
-    }, { immediate: !0, deep: !0 }), (N, U) => {
-      const _e = B("KBreadcrumbs"), L = B("KTooltip"), $e = B("router-view");
-      return r(), f("div", {
-        class: j(["kong-ui-public-page-layout", { "new-appearance": h.value }]),
-        "data-testid": "kong-ui-public-page-layout"
-      }, [
-        H.value ? k("", !0) : (r(), f("div", {
-          key: 0,
-          ref: "page-layout-header",
-          class: j(["page-layout-header", { "is-empty": b() }]),
-          "data-testid": "page-layout-header"
-        }, [
-          $("div", Vt, [
-            b() ? k("", !0) : (r(), f("div", Ut, [
-              A.value ? (r(), D(_e, {
-                key: 0,
-                class: "header-breadcrumbs",
-                "data-testid": "page-layout-breadcrumbs",
-                "item-max-width": "25ch",
-                items: e.breadcrumbs
-              }, Ae({ _: 2 }, [
-                h.value ? {
-                  name: "divider",
-                  fn: I(() => [
-                    z(m(nt), {
-                      decorative: "",
-                      size: `var(--kui-icon-size-30, ${m(ne)})`
-                    }, null, 8, ["size"])
-                  ]),
-                  key: "0"
-                } : void 0
-              ]), 1032, ["items"])) : k("", !0),
-              $("div", jt, [
-                e.backTo && !h.value ? (r(), D(Ie(i.value ? "a" : "router-link"), ze({ key: 0 }, i.value ? { href: e.backTo } : { to: e.backTo }, {
-                  "aria-label": m(u)("back_button"),
-                  class: "navigate-back",
-                  "data-testid": "page-layout-navigate-back",
-                  tabindex: "0",
-                  onClick: ye(Q, ["prevent"]),
-                  onKeydown: Fe(ye(Q, ["prevent"]), ["enter"])
-                }), {
-                  default: I(() => [
-                    z(m(st), {
-                      decorative: "",
-                      size: `var(--kui-icon-size-30, ${m(ne)})`
-                    }, null, 8, ["size"])
-                  ]),
-                  _: 1
-                }, 16, ["aria-label", "onKeydown"])) : k("", !0),
-                y() ? (r(), f("span", Gt, [
-                  R(N.$slots, "title", {}, () => [
-                    $("h1", Yt, x(e.title), 1)
-                  ], !0)
-                ])) : k("", !0),
-                F.value ? (r(), f("div", {
-                  key: M.value,
-                  class: "favorite-button-container"
-                }, [
-                  z(L, {
-                    placement: "right",
-                    text: ie.value ? m(u)("favorite_button.remove_shortcut") : m(u)("favorite_button.save_shortcut")
-                  }, {
-                    default: I(() => [
-                      $("button", {
-                        "aria-label": ie.value ? m(u)("favorite_button.remove_shortcut") : m(u)("favorite_button.save_shortcut"),
-                        class: j(["favorite-button", { active: ie.value }]),
-                        "data-testid": "page-layout-favorite-button",
-                        type: "button",
-                        onClick: re
-                      }, [
-                        (r(), D(Ie(ie.value ? m(it) : m(lt)), {
-                          decorative: "",
-                          size: `var(--kui-icon-size-30, ${m(ne)})`
-                        }, null, 8, ["size"]))
-                      ], 10, qt)
-                    ]),
-                    _: 1
-                  }, 8, ["text"])
-                ])) : k("", !0),
-                N.$slots["title-after"] && y() ? (r(), f("div", Xt, [
-                  R(N.$slots, "title-after", {}, void 0, !0)
-                ])) : k("", !0)
-              ])
-            ])),
-            S.value && !b() ? (r(), D(Wt, {
-              key: 1,
-              anchors: e.anchors
-            }, null, 8, ["anchors"])) : k("", !0),
-            $("div", Zt, [
-              R(N.$slots, "actions", {}, void 0, !0),
-              U[0] || (U[0] = $("div", { "data-teleport-target": "ask-kai" }, null, -1))
-            ])
-          ]),
-          p() ? (r(), D(Dt, {
-            key: 0,
-            tabs: e.tabs
-          }, Ae({ _: 2 }, [
-            G(e.tabs, (ue) => ({
-              name: `tab-${ue.key}`,
-              fn: I((q) => [
-                R(N.$slots, `tab-${ue.key}`, Qe(et(q)), void 0, !0)
-              ])
-            }))
-          ]), 1032, ["tabs"])) : k("", !0)
-        ], 2)),
-        $("div", {
-          class: j(["page-layout-content-container", { "has-nested-page-layout": H.value }])
-        }, [
-          h.value && N.$slots.aside ? (r(), f("div", Jt, [
-            R(N.$slots, "aside", {}, void 0, !0)
-          ])) : k("", !0),
-          $("div", Qt, [
-            p() ? (r(), D($e, { key: 0 })) : R(N.$slots, "default", {}, void 0, !0, 1)
-          ])
-        ], 2)
-      ], 2);
-    };
-  }
-}), ga = /* @__PURE__ */ Te(ea, [["__scopeId", "data-v-fa3bd24a"]]), ta = {
-  key: 0,
-  class: "about-card-description",
-  "data-testid": "about-card-description"
-}, aa = {
-  key: 1,
-  class: "about-card-skeleton",
-  "data-testid": "about-card-skeleton"
-}, oa = {
-  key: 2,
-  class: "about-card-rows",
-  "data-testid": "about-card-rows"
-}, na = ["data-testid"], sa = { class: "about-card-row-label" }, ia = { class: "about-card-row-text" }, la = ["aria-label", "data-testid"], ra = { class: "about-card-row-value" }, ua = { class: "about-card-row-text" }, ca = {
-  key: 3,
-  class: "about-card-content",
-  "data-testid": "about-card-content"
-}, da = /* @__PURE__ */ ke({
-  __name: "AboutCard",
-  props: {
-    title: { default: "" },
-    titleTag: { default: "h2" },
-    description: { default: "" },
-    rows: { default: () => [] },
-    isLoading: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const l = w(() => e.rows.length || 4);
-    return (a, o) => {
-      const u = B("KSkeletonBox"), v = B("KTooltip"), d = B("KCard");
-      return r(), D(d, {
-        class: "kong-ui-public-about-card",
-        title: e.title,
-        "title-tag": e.titleTag
-      }, Ae({
-        default: I(() => [
-          a.$slots.description || e.description ? (r(), f("p", ta, [
-            R(a.$slots, "description", {}, () => [
-              oe(x(e.description), 1)
-            ], !0)
-          ])) : k("", !0),
-          e.isLoading ? (r(), f("div", aa, [
-            (r(!0), f(Z, null, G(l.value, (n) => (r(), D(u, {
-              key: n,
-              height: "2",
-              width: "100"
-            }))), 128))
-          ])) : e.rows.length ? (r(), f("dl", oa, [
-            (r(!0), f(Z, null, G(e.rows, (n) => (r(), f("div", {
-              key: n.key,
-              class: "about-card-row",
-              "data-testid": `about-card-row-${n.key}`
-            }, [
-              $("dt", sa, [
-                R(a.$slots, `label-${n.key}`, { row: n }, () => [
-                  $("span", ia, x(n.label), 1)
-                ], !0),
-                n.tooltip ? (r(), D(v, {
-                  key: 0,
-                  text: n.tooltip
-                }, {
-                  default: I(() => [
-                    $("button", {
-                      "aria-label": n.tooltip,
-                      class: "about-card-row-tooltip-trigger",
-                      "data-testid": `about-card-row-${n.key}-tooltip`,
-                      type: "button"
-                    }, [
-                      z(m(rt), {
-                        size: `var(--kui-icon-size-20, ${m(pt)})`
-                      }, null, 8, ["size"])
-                    ], 8, la)
-                  ]),
-                  _: 2
-                }, 1032, ["text"])) : k("", !0)
-              ]),
-              $("dd", ra, [
-                R(a.$slots, `row-${n.key}`, { row: n }, () => [
-                  $("span", ua, x(n.value), 1)
-                ], !0)
-              ])
-            ], 8, na))), 128))
-          ])) : k("", !0),
-          a.$slots.default ? (r(), f("div", ca, [
-            R(a.$slots, "default", {}, void 0, !0)
-          ])) : k("", !0)
-        ]),
-        _: 2
-      }, [
-        a.$slots.title || e.title ? {
-          name: "title",
-          fn: I(() => [
-            R(a.$slots, "title", {}, () => [
-              oe(x(e.title), 1)
-            ], !0)
-          ]),
-          key: "0"
-        } : void 0,
-        a.$slots.actions ? {
-          name: "actions",
-          fn: I(() => [
-            R(a.$slots, "actions", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1032, ["title", "title-tag"]);
-    };
-  }
-}), ba = /* @__PURE__ */ Te(da, [["__scopeId", "data-v-48c05270"]]);
-export {
-  ba as AboutCard,
-  Mt as NEW_APPEARANCE_INJECTION_KEY,
-  ga as PageLayout
-};

package/dist/page-layout.umd.js

@@ -1 +0,0 @@
-(function(_,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router"),require("@kong-ui-public/i18n"),require("@kong/icons")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router","@kong-ui-public/i18n","@kong/icons"],e):(_=typeof globalThis<"u"?globalThis:_||self,e(_["kong-ui-public-page-layout"]={},_.Vue,_.VueRouter,_["kong-ui-public-i18n"],_.KongIcons))})(this,(function(_,e,ee,se,x){"use strict";const ge={back_button:"Go back",favorite_button:{save_shortcut:"Save page to shortcuts",remove_shortcut:"Remove page from shortcuts"},tabs:{more_button:{label:"More",aria_label:"More tabs"}},anchor_navigation:{aria_label:"Page sections",more_button:{aria_label:"More page sections"}}};function be(){const t=se.createI18n("en-us",ge);return{i18n:t,i18nT:se.i18nTComponent(t)}}const te={useI18n:be},ke="12px",z="16px",ye="2px",oe="16px";function we(t,s){return e.getCurrentScope()?(e.onScopeDispose(t,s),!0):!1}const Ce=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const F=()=>{};function Be(t,s){function n(...a){return new Promise((c,p)=>{Promise.resolve(t(()=>s.apply(this,a),{fn:s,thisArg:this,args:a})).then(c).catch(p)})}return"cancel"in t&&Object.assign(n,{cancel:t.cancel,flush:t.flush,isPending:t.isPending}),n}function Te(t,s={}){let n,a,c=F,p=F;const u=e.shallowRef(!1),l=h=>{clearTimeout(h),c(),c=F};let b;return Object.assign(h=>{const r=e.toValue(t),m=e.toValue(s.maxWait);return n&&l(n),r<=0||m!==void 0&&m<=0?(a&&(l(a),a=void 0),u.value=!1,Promise.resolve(h())):(u.value=!0,new Promise((g,f)=>{c=s.rejectOnCancel?f:g,p=g,b=h,m&&!a&&(a=setTimeout(()=>{n&&l(n),a=void 0,u.value=!1,g(b())},m)),n=setTimeout(()=>{a&&l(a),a=void 0,u.value=!1,g(h())},r)}))},{cancel:()=>{n&&(l(n),n=void 0),a&&(l(a),a=void 0),u.value=!1,p=F},flush:()=>{if(u.value){n&&(clearTimeout(n),n=void 0),a&&(clearTimeout(a),a=void 0),u.value=!1;const h=p;c=F,p=F,h(b())}},isPending:e.shallowReadonly(u)})}function Ee(t){return Array.isArray(t)?t:[t]}function _e(t){return e.getCurrentInstance()}function Ne(t,s=200,n={}){return Be(Te(s,n),t)}function Se(t,s=!0,n){_e()?e.onMounted(t,n):s?t():e.nextTick(t)}const ce=Ce?window:void 0;function H(t){var s;const n=e.toValue(t);return(s=n?.$el)!==null&&s!==void 0?s:n}function $e(){const t=e.shallowRef(!1),s=e.getCurrentInstance();return s&&e.onMounted(()=>{t.value=!0},s),t}function Ie(t){const s=$e();return e.computed(()=>(s.value,!!t()))}function ne(t,s,n={}){const{window:a=ce,...c}=n;let p;const u=Ie(()=>a&&"ResizeObserver"in a),l=()=>{p&&(p.disconnect(),p=void 0)},b=e.watch(e.computed(()=>{const h=e.toValue(t);return Array.isArray(h)?h.map(r=>H(r)):[H(h)]}),h=>{if(l(),u.value&&a){p=new ResizeObserver(s);for(const r of h)r&&p.observe(r,c)}},{immediate:!0,flush:"post"}),B=()=>{l(),b()};return we(B),{isSupported:u,stop:B}}function Ae(t,s={width:0,height:0},n={}){const{window:a=ce,box:c="content-box"}=n,p=e.computed(()=>{var r;return(r=H(t))===null||r===void 0||(r=r.namespaceURI)===null||r===void 0?void 0:r.includes("svg")}),u=e.shallowRef(s.width),l=e.shallowRef(s.height),{stop:b}=ne(t,([r])=>{const m=c==="border-box"?r.borderBoxSize:c==="content-box"?r.contentBoxSize:r.devicePixelContentBoxSize;if(a&&p.value){const g=H(t);if(g){const f=g.getBoundingClientRect();u.value=f.width,l.value=f.height}}else if(m){const g=Ee(m);u.value=g.reduce((f,{inlineSize:T})=>f+T,0),l.value=g.reduce((f,{blockSize:T})=>f+T,0)}else u.value=r.contentRect.width,l.value=r.contentRect.height},n);Se(()=>{const r=H(t);if(r&&"offsetWidth"in r)if(c==="content-box"&&a){const m=a.getComputedStyle(r),g=Number.parseFloat(m.paddingLeft)+Number.parseFloat(m.paddingRight),f=Number.parseFloat(m.paddingTop)+Number.parseFloat(m.paddingBottom),T=Number.parseFloat(m.borderLeftWidth)+Number.parseFloat(m.borderRightWidth),S=Number.parseFloat(m.borderTopWidth)+Number.parseFloat(m.borderBottomWidth);u.value=r.offsetWidth-g-T,l.value=r.offsetHeight-f-S}else u.value=r.offsetWidth,l.value=r.offsetHeight;else r&&(u.value=s.width,l.value=s.height)});const B=e.watch(()=>H(t),r=>{u.value=r?s.width:0,l.value=r?s.height:0});function h(){b(),B()}return{width:u,height:l,stop:h}}const Ve={ref:"page-layout-tabs",class:"page-layout-tabs","data-testid":"page-layout-tabs"},Re={key:0},Le=["aria-label"],De={key:0,class:"layout-loader-container"},xe=e.defineComponent({__name:"PageLayoutTabs",props:{tabs:{default:()=>[]}},setup(t){const{i18n:{t:s}}=te.useI18n(),n=ee.useRouter(),a=e.inject("app:navigateTo",null),c=f=>{if(typeof f.to!="string"){n.push(f.to);return}if(typeof a!="function"){window.location.href=f.to;return}a(f.to)},p=e.useTemplateRef("page-layout-tabs"),u=e.useTemplateRef("page-layout-tabs-list"),l=e.ref(t.tabs.length),b=e.ref(!1),B=e.computed(()=>t.tabs.slice(0,l.value)),h=e.computed(()=>t.tabs.slice(l.value)),r=async()=>{if(!p.value||!u.value)return;b.value=!1,l.value=t.tabs.length,await e.nextTick();const f=p.value?.getBoundingClientRect().width-parseInt(oe)*2;let T=u.value?.getBoundingClientRect().width;if(!f||!T){b.value=!0;return}const S=50;for(;T+S>f&&l.value>1;)l.value--,await e.nextTick(),T=u.value?.getBoundingClientRect().width||0;b.value=!0};let m=null;const g=()=>{m&&clearTimeout(m),m=setTimeout(()=>{r()},150)};return e.onMounted(()=>{r(),ne(p,g)}),e.onBeforeUnmount(()=>{m&&clearTimeout(m)}),e.watch(()=>t.tabs,()=>{r()},{deep:!0}),(f,T)=>{const S=e.resolveComponent("KDropdownItem"),M=e.resolveComponent("KDropdown"),U=e.resolveComponent("KSkeletonBox");return e.openBlock(),e.createElementBlock("nav",Ve,[e.createElementVNode("ul",{ref:"page-layout-tabs-list",class:e.normalizeClass({"layout-computing":!b.value})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,d=>(e.openBlock(),e.createElementBlock("li",{key:`${d.key}-tab`},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(typeof d.to=="string"?"a":"router-link"),e.mergeProps({ref_for:!0},typeof d.to=="string"?{href:d.to}:{to:d.to},{"aria-current":d.active?"page":void 0,class:["tab-link",{active:d.active}],"data-testid":d.dataTestId?d.dataTestId:`page-layout-tab-${d.key}`,tabindex:"0",onClick:e.withModifiers(A=>c(d),["prevent"]),onKeydown:e.withKeys(e.withModifiers(A=>c(d),["prevent"]),["enter"])}),{default:e.withCtx(()=>[e.renderSlot(f.$slots,`tab-${d.key}`,{tab:d},()=>[e.createTextVNode(e.toDisplayString(d.label),1)],!0)]),_:2},1040,["aria-current","class","data-testid","onClick","onKeydown"]))]))),128)),t.tabs.length>l.value?(e.openBlock(),e.createElementBlock("li",Re,[e.createVNode(M,{"kpop-attributes":{placement:"bottom-end",popoverElementAttributes:{"data-testid":"tabs-overflow-dropdown-popover"}}},{items:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,d=>(e.openBlock(),e.createBlock(S,{key:`${d.key}-dropdown-item`,"aria-current":d.active?"page":void 0,"data-testid":d.dataTestId?d.dataTestId:`page-layout-tab-${d.key}`,item:{label:d.label,value:d.key,to:d.to},selected:d.active},{default:e.withCtx(()=>[e.renderSlot(f.$slots,`tab-${d.key}`,{tab:d},()=>[e.createTextVNode(e.toDisplayString(d.label),1)],!0)]),_:2},1032,["aria-current","data-testid","item","selected"]))),128))]),default:e.withCtx(()=>[e.createElementVNode("button",{"aria-label":e.unref(s)("tabs.more_button.aria_label"),class:e.normalizeClass(["tab-link",{active:h.value.find(d=>d.active)}]),"data-testid":"tabs-overflow-dropdown-button"},[e.createTextVNode(e.toDisplayString(e.unref(s)("tabs.more_button.label"))+" ",1),e.createVNode(e.unref(x.ChevronDownIcon),{decorative:"",size:`var(--kui-icon-size-30, ${e.unref(z)})`},null,8,["size"])],10,Le)]),_:3})])):e.createCommentVNode("",!0)],2),b.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",De,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(3,d=>e.createVNode(U,{key:`layout-loader-${d}`,height:"1",width:"5"})),64))]))],512)}}}),J=(t,s)=>{const n=t.__vccOpts||t;for(const[a,c]of s)n[a]=c;return n},Pe=J(xe,[["__scopeId","data-v-02891bc1"]]),Ke=["aria-label","data-fit"],Oe={key:0,"aria-hidden":"true",class:"anchor-ellipsis","data-testid":"anchor-navigation-leading-ellipsis"},ze=["aria-current","data-testid","title","onClick"],Fe={key:1,"aria-hidden":"true",class:"anchor-ellipsis","data-testid":"anchor-navigation-trailing-ellipsis"},He={key:2},de=140,ue=22,ae=16,j="data-anchor-attention",Me=1200,ve=1600,We=J(e.defineComponent({__name:"PageLayoutAnchorNavigation",props:{anchors:{default:()=>[]}},setup(t){const{i18n:{t:s}}=te.useI18n(),n=e.useTemplateRef("page-layout-anchor-navigation"),a=e.useTemplateRef("page-layout-anchor-navigation-list"),c=e.ref("all"),p=e.ref(""),u=e.ref([]),l=e.computed(()=>t.anchors.filter(o=>u.value.includes(o.id))),b=e.computed(()=>{const o=l.value.findIndex(i=>i.id===p.value);return o===-1?0:o}),B=e.computed(()=>{const o=l.value,i=o.length,k=b.value;if(c.value==="all")return{anchors:o,hasLeadingEllipsis:!1,hasTrailingEllipsis:!1,hasOverflowDropdown:!1};if(c.value==="hidden")return{anchors:[],hasLeadingEllipsis:!1,hasTrailingEllipsis:!1,hasOverflowDropdown:!1};if(c.value==="active-only")return{anchors:o.slice(k,k+1),hasLeadingEllipsis:!1,hasTrailingEllipsis:!1,hasOverflowDropdown:!0};const w=c.value==="window-3"?3:2;if(i<=w)return{anchors:o,hasLeadingEllipsis:!1,hasTrailingEllipsis:!1,hasOverflowDropdown:!0};const $=k<w?0:k>=i-w?i-w:k-1;return{anchors:o.slice($,$+w),hasLeadingEllipsis:$>0,hasTrailingEllipsis:$+w<i,hasOverflowDropdown:!0}}),h=o=>o.dataTestId??`page-layout-anchor-${o.id.replace(/[^\w-]+/g,"-").replace(/^-+|-+$/g,"")}`,r=e.ref(null),m=()=>{let o=n.value?.parentElement??null;for(;o;){const{overflowY:i}=getComputedStyle(o);if(i==="auto"||i==="scroll"||i==="overlay")return o;o=o.parentElement}return null},g=o=>{if(o.element)return o.element.isConnected?o.element:null;const i=r.value??document;try{return i.querySelector(o.id)??i.querySelector(`#${CSS.escape(o.id)}`)}catch{return null}},f=()=>(n.value?.closest(".page-layout-header")?.getBoundingClientRect().height??0)+parseInt(oe,10),T=parseInt(z,10),S=parseInt(ye,10),M=o=>o*de+2*T+ue+(o+2)*S+ae,U=()=>de+ue+S+ae;let d=0;const A=async()=>{if(!l.value.length){c.value="hidden";return}const o=++d;if(c.value="all",await e.nextTick(),o!==d||!n.value||!a.value)return;const i=n.value.getBoundingClientRect().width,k=a.value.getBoundingClientRect().width;i<=0||k<=0||k+ae<=i||(M(3)<=i?c.value="window-3":M(2)<=i?c.value="window-2":U()<=i?c.value="active-only":c.value="hidden")};let R=null;ne(n,()=>{R&&clearTimeout(R),R=setTimeout(()=>{K(),A()},150)});let v=null,L=null,V=0,G=0,P=null,Y=null;const Z=o=>{const i=String(++V);N(),Y=o,o.removeAttribute(j),G=requestAnimationFrame(()=>{o.setAttribute(j,i),P=setTimeout(()=>{o.getAttribute(j)===i&&o.removeAttribute(j)},Me)})},N=()=>{cancelAnimationFrame(G),P&&(clearTimeout(P),P=null),Y?.removeAttribute(j),Y=null},D=()=>r.value??window,le=new Set(["ArrowUp","ArrowDown","PageUp","PageDown","Home","End"," "]),E=o=>{if(o instanceof KeyboardEvent&&!le.has(o.key))return;o&&o.type!=="scrollend"&&V++,v=null,L&&(clearTimeout(L),L=null);const i=D();i.removeEventListener("scrollend",E),i.removeEventListener("wheel",E),i.removeEventListener("touchstart",E),i.removeEventListener("keydown",E)},ie=o=>{E(),v=o;const i=D();i.addEventListener("scrollend",E,{once:!0}),i.addEventListener("wheel",E,{passive:!0}),i.addEventListener("touchstart",E,{passive:!0}),i.addEventListener("keydown",E,{passive:!0}),L=setTimeout(E,1e3)},X=()=>{const o=r.value;return{top:o?o.getBoundingClientRect().top:0,scrollTop:o?o.scrollTop:window.scrollY,clientHeight:o?o.clientHeight:window.innerHeight,scrollHeight:o?o.scrollHeight:document.documentElement.scrollHeight}},K=()=>{const{top:o,scrollTop:i,clientHeight:k,scrollHeight:w}=X(),$=f(),C=[];let y=null,O=null;for(const I of t.anchors){const W=g(I);W&&(C.push(I.id),O=I.id,y??=I.id,W.getBoundingClientRect().top-o<=(I.offset??$)+8&&(y=I.id))}const Q=C.length!==u.value.length||C.some((I,W)=>I!==u.value[W]);return Q&&(u.value=C),v||(O&&i>0&&i+k>=w-2&&(y=O),p.value=y??""),Q};let re=!1;const fe=()=>{re||(re=!0,requestAnimationFrame(()=>{re=!1,K()&&A()}))},mt=o=>{const i=D();let k=!1;const w=()=>{k||(k=!0,i.removeEventListener("scrollend",w),o())};i.addEventListener("scrollend",w,{once:!0}),window.setTimeout(w,ve)},he=o=>{const i=g(o);if(!i)return;p.value=o.id,ie(o.id);const k=o.offset??f(),{scrollTop:w,clientHeight:$,scrollHeight:C}=X(),y=r.value,O=y?i.getBoundingClientRect().top-y.getBoundingClientRect().top+y.scrollTop-k:i.getBoundingClientRect().top+window.scrollY-k,Q=Math.min(Math.max(O,0),Math.max(C-$,0)),I=Math.abs(Q-w)>=2,W=++V;if((y??window).scrollTo({behavior:"smooth",top:O}),!I){Z(i);return}mt(()=>{W===V&&Z(i)})},ft=(o,i)=>{i(),he(o)};return e.onMounted(()=>{r.value=m(),D().addEventListener("scroll",fe,{passive:!0}),K(),A(),requestAnimationFrame(()=>{K(),A()})}),e.onBeforeUnmount(()=>{D().removeEventListener("scroll",fe),E(),V++,N(),R&&clearTimeout(R)}),e.watch(()=>t.anchors,()=>{t.anchors.some(o=>o.id===p.value)||(p.value=""),K(),A()},{deep:!0}),(o,i)=>{const k=e.resolveComponent("KButton"),w=e.resolveComponent("KDropdownItem"),$=e.resolveComponent("KDropdown");return e.openBlock(),e.createElementBlock("nav",{ref:"page-layout-anchor-navigation","aria-label":e.unref(s)("anchor_navigation.aria_label"),class:"page-layout-anchor-navigation","data-fit":c.value,"data-testid":"page-layout-anchor-navigation"},[e.createElementVNode("ul",{ref:"page-layout-anchor-navigation-list",class:e.normalizeClass({"layout-hidden":c.value==="hidden"})},[B.value.hasLeadingEllipsis?(e.openBlock(),e.createElementBlock("li",Oe," … ")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value.anchors,C=>(e.openBlock(),e.createElementBlock("li",{key:`${C.id}-anchor`},[e.createElementVNode("button",{"aria-current":C.id===p.value?"location":void 0,class:e.normalizeClass(["anchor-link",{active:C.id===p.value}]),"data-testid":h(C),title:C.label,type:"button",onClick:y=>he(C)},e.toDisplayString(C.label),11,ze)]))),128)),B.value.hasTrailingEllipsis?(e.openBlock(),e.createElementBlock("li",Fe," … ")):e.createCommentVNode("",!0),B.value.hasOverflowDropdown?(e.openBlock(),e.createElementBlock("li",He,[e.createVNode($,{"kpop-attributes":{placement:"bottom-end",popoverElementAttributes:{"data-testid":"anchor-navigation-overflow-dropdown-popover"}}},{items:e.withCtx(({closeDropdown:C})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,y=>(e.openBlock(),e.createBlock(w,{key:`${y.id}-dropdown-item`,"aria-current":y.id===p.value?"location":void 0,"data-testid":h(y),selected:y.id===p.value,onClick:O=>ft(y,C)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y.label),1)]),_:2},1032,["aria-current","data-testid","selected","onClick"]))),128))]),default:e.withCtx(()=>[e.createVNode(k,{appearance:"tertiary","aria-label":e.unref(s)("anchor_navigation.more_button.aria_label"),class:"anchor-overflow-button","data-testid":"anchor-navigation-overflow-dropdown-button",icon:"",size:"small"},{default:e.withCtx(()=>[e.createVNode(e.unref(x.ChevronDownIcon),{decorative:"",size:`var(--kui-icon-size-30, ${e.unref(z)})`},null,8,["size"])]),_:1},8,["aria-label"])]),_:1})])):e.createCommentVNode("",!0)],2)],8,Ke)}}}),[["__scopeId","data-v-f6d370c5"]]),pe=Symbol("nested-page-layout-detection"),me="page-layout:new-appearance",je={class:"page-header-container"},Ue={key:0,class:"page-header-start"},qe={class:"title-container"},Ge={key:1,class:"page-layout-title-wrapper"},Ye={class:"page-layout-title","data-testid":"page-layout-title"},Xe=["aria-label"],Je={key:3,class:"title-after-container"},Ze={class:"page-header-actions-container"},Qe={key:0,class:"page-layout-aside-container","data-testid":"page-layout-aside"},et={class:"page-layout-content"},tt=J(e.defineComponent({__name:"PageLayout",props:{breadcrumbs:{default:()=>[]},title:{},backTo:{},tabs:{default:()=>[]},anchors:{default:()=>[]},pageShortcutData:{}},setup(t){e.useCssVars(N=>({a3279be2:U.value}));const s=e.inject("app:navigateTo",null),n=e.inject(me,null),a=e.inject("app:pageShortcutsContext",null),{i18n:{t:c}}=te.useI18n(),p=ee.useRouter(),u=ee.useRoute(),l=e.useSlots(),b=()=>!!t.title||!!l.title,B=e.computed(()=>!!(t.breadcrumbs&&t.breadcrumbs.length)),h=e.computed(()=>!!(t.tabs&&t.tabs.length)),r=e.computed(()=>typeof t.backTo=="string"),m=e.computed(()=>e.toValue(n)===!0),g=()=>m.value&&!b()&&!B.value,f=()=>h.value&&!g(),T=e.computed(()=>m.value&&!h.value&&!!(t.anchors&&t.anchors.length)),S=e.useTemplateRef("page-layout-header"),{height:M}=Ae(S,void 0,{box:"border-box"}),U=e.computed(()=>`calc(${M.value}px + var(--kui-space-60, ${oe}))`),d=e.computed(()=>!!t.pageShortcutData&&!!t.pageShortcutData.entityType&&!!t.pageShortcutData.label),A=e.computed(()=>d.value&&!!a&&"onFavoriteToggle"in a&&typeof a.onFavoriteToggle=="function"),R=e.ref(0),q=e.computed(()=>!!a&&"isFavorite"in a&&typeof a.isFavorite=="function"&&a.isFavorite(t.pageShortcutData)===!0),v=async()=>{if(t.backTo){if(typeof t.backTo=="object"){p.push(t.backTo);return}if(typeof s!="function"){window.location.href=t.backTo;return}await s(t.backTo)}},L=e.ref(0),V=e.computed(()=>L.value>0);e.provide(pe,()=>(L.value++,()=>{L.value--}));const G=e.inject(pe,null),P=e.ref(null);typeof G=="function"&&(P.value=G());const Y=()=>{a.onFavoriteToggle({...t.pageShortcutData,path:t.pageShortcutData?.path||u.fullPath})};e.onUnmounted(()=>{P.value?.()});const Z=Ne(()=>{!V.value&&d.value&&a&&"onEntityPageVisit"in a&&typeof a.onEntityPageVisit=="function"&&(a.onEntityPageVisit({...t.pageShortcutData,path:t.pageShortcutData?.path||u?.fullPath}),R.value++)},500);return e.watch([()=>t.pageShortcutData,()=>u?.fullPath],()=>{Z()},{immediate:!0,deep:!0}),(N,D)=>{const le=e.resolveComponent("KBreadcrumbs"),E=e.resolveComponent("KTooltip"),ie=e.resolveComponent("router-view");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kong-ui-public-page-layout",{"new-appearance":m.value}]),"data-testid":"kong-ui-public-page-layout"},[V.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,ref:"page-layout-header",class:e.normalizeClass(["page-layout-header",{"is-empty":g()}]),"data-testid":"page-layout-header"},[e.createElementVNode("div",je,[g()?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Ue,[B.value?(e.openBlock(),e.createBlock(le,{key:0,class:"header-breadcrumbs","data-testid":"page-layout-breadcrumbs","item-max-width":"25ch",items:t.breadcrumbs},e.createSlots({_:2},[m.value?{name:"divider",fn:e.withCtx(()=>[e.createVNode(e.unref(x.ChevronRightIcon),{decorative:"",size:`var(--kui-icon-size-30, ${e.unref(z)})`},null,8,["size"])]),key:"0"}:void 0]),1032,["items"])):e.createCommentVNode("",!0),e.createElementVNode("div",qe,[t.backTo&&!m.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value?"a":"router-link"),e.mergeProps({key:0},r.value?{href:t.backTo}:{to:t.backTo},{"aria-label":e.unref(c)("back_button"),class:"navigate-back","data-testid":"page-layout-navigate-back",tabindex:"0",onClick:e.withModifiers(v,["prevent"]),onKeydown:e.withKeys(e.withModifiers(v,["prevent"]),["enter"])}),{default:e.withCtx(()=>[e.createVNode(e.unref(x.ArrowTopLeftIcon),{decorative:"",size:`var(--kui-icon-size-30, ${e.unref(z)})`},null,8,["size"])]),_:1},16,["aria-label","onKeydown"])):e.createCommentVNode("",!0),b()?(e.openBlock(),e.createElementBlock("span",Ge,[e.renderSlot(N.$slots,"title",{},()=>[e.createElementVNode("h1",Ye,e.toDisplayString(t.title),1)],!0)])):e.createCommentVNode("",!0),A.value?(e.openBlock(),e.createElementBlock("div",{key:R.value,class:"favorite-button-container"},[e.createVNode(E,{placement:"right",text:q.value?e.unref(c)("favorite_button.remove_shortcut"):e.unref(c)("favorite_button.save_shortcut")},{default:e.withCtx(()=>[e.createElementVNode("button",{"aria-label":q.value?e.unref(c)("favorite_button.remove_shortcut"):e.unref(c)("favorite_button.save_shortcut"),class:e.normalizeClass(["favorite-button",{active:q.value}]),"data-testid":"page-layout-favorite-button",type:"button",onClick:Y},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(q.value?e.unref(x.StarFillIcon):e.unref(x.StarIcon)),{decorative:"",size:`var(--kui-icon-size-30, ${e.unref(z)})`},null,8,["size"]))],10,Xe)]),_:1},8,["text"])])):e.createCommentVNode("",!0),N.$slots["title-after"]&&b()?(e.openBlock(),e.createElementBlock("div",Je,[e.renderSlot(N.$slots,"title-after",{},void 0,!0)])):e.createCommentVNode("",!0)])])),T.value&&!g()?(e.openBlock(),e.createBlock(We,{key:1,anchors:t.anchors},null,8,["anchors"])):e.createCommentVNode("",!0),e.createElementVNode("div",Ze,[e.renderSlot(N.$slots,"actions",{},void 0,!0),D[0]||(D[0]=e.createElementVNode("div",{"data-teleport-target":"ask-kai"},null,-1))])]),f()?(e.openBlock(),e.createBlock(Pe,{key:0,tabs:t.tabs},e.createSlots({_:2},[e.renderList(t.tabs,X=>({name:`tab-${X.key}`,fn:e.withCtx(K=>[e.renderSlot(N.$slots,`tab-${X.key}`,e.normalizeProps(e.guardReactiveProps(K)),void 0,!0)])}))]),1032,["tabs"])):e.createCommentVNode("",!0)],2)),e.createElementVNode("div",{class:e.normalizeClass(["page-layout-content-container",{"has-nested-page-layout":V.value}])},[m.value&&N.$slots.aside?(e.openBlock(),e.createElementBlock("div",Qe,[e.renderSlot(N.$slots,"aside",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",et,[f()?(e.openBlock(),e.createBlock(ie,{key:0})):e.renderSlot(N.$slots,"default",{},void 0,!0,1)])],2)],2)}}}),[["__scopeId","data-v-fa3bd24a"]]),ot={key:0,class:"about-card-description","data-testid":"about-card-description"},nt={key:1,class:"about-card-skeleton","data-testid":"about-card-skeleton"},at={key:2,class:"about-card-rows","data-testid":"about-card-rows"},lt=["data-testid"],it={class:"about-card-row-label"},rt={class:"about-card-row-text"},st=["aria-label","data-testid"],ct={class:"about-card-row-value"},dt={class:"about-card-row-text"},ut={key:3,class:"about-card-content","data-testid":"about-card-content"},pt=J(e.defineComponent({__name:"AboutCard",props:{title:{default:""},titleTag:{default:"h2"},description:{default:""},rows:{default:()=>[]},isLoading:{type:Boolean,default:!1}},setup(t){const s=e.computed(()=>t.rows.length||4);return(n,a)=>{const c=e.resolveComponent("KSkeletonBox"),p=e.resolveComponent("KTooltip"),u=e.resolveComponent("KCard");return e.openBlock(),e.createBlock(u,{class:"kong-ui-public-about-card",title:t.title,"title-tag":t.titleTag},e.createSlots({default:e.withCtx(()=>[n.$slots.description||t.description?(e.openBlock(),e.createElementBlock("p",ot,[e.renderSlot(n.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)],!0)])):e.createCommentVNode("",!0),t.isLoading?(e.openBlock(),e.createElementBlock("div",nt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,l=>(e.openBlock(),e.createBlock(c,{key:l,height:"2",width:"100"}))),128))])):t.rows.length?(e.openBlock(),e.createElementBlock("dl",at,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.rows,l=>(e.openBlock(),e.createElementBlock("div",{key:l.key,class:"about-card-row","data-testid":`about-card-row-${l.key}`},[e.createElementVNode("dt",it,[e.renderSlot(n.$slots,`label-${l.key}`,{row:l},()=>[e.createElementVNode("span",rt,e.toDisplayString(l.label),1)],!0),l.tooltip?(e.openBlock(),e.createBlock(p,{key:0,text:l.tooltip},{default:e.withCtx(()=>[e.createElementVNode("button",{"aria-label":l.tooltip,class:"about-card-row-tooltip-trigger","data-testid":`about-card-row-${l.key}-tooltip`,type:"button"},[e.createVNode(e.unref(x.InfoIcon),{size:`var(--kui-icon-size-20, ${e.unref(ke)})`},null,8,["size"])],8,st)]),_:2},1032,["text"])):e.createCommentVNode("",!0)]),e.createElementVNode("dd",ct,[e.renderSlot(n.$slots,`row-${l.key}`,{row:l},()=>[e.createElementVNode("span",dt,e.toDisplayString(l.value),1)],!0)])],8,lt))),128))])):e.createCommentVNode("",!0),n.$slots.default?(e.openBlock(),e.createElementBlock("div",ut,[e.renderSlot(n.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)]),_:2},[n.$slots.title||t.title?{name:"title",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)]),key:"0"}:void 0,n.$slots.actions?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"actions",{},void 0,!0)]),key:"1"}:void 0]),1032,["title","title-tag"])}}}),[["__scopeId","data-v-48c05270"]]);_.AboutCard=pt,_.NEW_APPEARANCE_INJECTION_KEY=me,_.PageLayout=tt,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})}));

package/dist/style.css

@@ -1 +0,0 @@
-.page-layout-tabs[data-v-02891bc1]{align-items:flex-end;border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);box-sizing:border-box;display:flex;height:34px;overflow-x:clip;padding:0 16px;padding:var(--kui-space-0, 0px) var(--kui-space-60, 16px);position:relative;width:100%}.page-layout-tabs a[data-v-02891bc1],.page-layout-tabs button[data-v-02891bc1]{background-color:#0000;background-color:var(--kui-color-background-transparent, rgba(0, 0, 0, 0));border:none;color:inherit;cursor:pointer;font:inherit;outline:none;padding:0;padding:var(--kui-space-0, 0px);text-decoration:none}.page-layout-tabs ul[data-v-02891bc1]{display:flex;gap:20px;gap:var(--kui-space-70, 20px);list-style:none;margin:0;margin:var(--kui-space-0, 0px);margin-bottom:-1px;margin-bottom:calc(-1 * var(--kui-border-width-10, 1px));max-width:100%;padding:0;padding:var(--kui-space-0, 0px)}.page-layout-tabs ul.layout-computing[data-v-02891bc1]{height:0;visibility:hidden}.page-layout-tabs ul li[data-v-02891bc1]{display:flex}.page-layout-tabs ul li .tab-link[data-v-02891bc1]{align-items:center;border-bottom:2px solid rgba(0,0,0,0);border-bottom:var(--kui-border-width-20, 2px) solid var(--kui-color-border-transparent, rgba(0, 0, 0, 0));border-radius:4px 4px 0 0;border-radius:var(--kui-border-radius-20, 4px) var(--kui-border-radius-20, 4px) var(--kui-border-radius-0, 0px) var(--kui-border-radius-0, 0px);color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);cursor:pointer;display:flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);gap:6px;gap:var(--kui-space-30, 6px);line-height:20px;line-height:var(--kui-line-height-30, 20px);padding:6px 0;padding:var(--kui-space-30, 6px) var(--kui-space-0, 0px);text-decoration:none;transition:color .2s ease-in,border-color .2s ease-in,font-weight .2s ease-in;white-space:nowrap}.page-layout-tabs ul li .tab-link[data-v-02891bc1]:hover{border-bottom:2px solid #afb7c5;border-bottom:var(--kui-border-width-20, 2px) solid var(--kui-color-border-neutral-weak, #afb7c5);color:#0d0e14;color:var(--kui-color-text, #0d0e14);text-decoration:none}.page-layout-tabs ul li .tab-link[data-v-02891bc1]:focus-visible{box-shadow:0 0 0 4px #0044f433;box-shadow:var(--kui-shadow-focus, 0px 0px 0px 4px rgba(0, 68, 244, .2));text-decoration:none}.page-layout-tabs ul li .tab-link.active[data-v-02891bc1]{border-bottom:2px solid #0044f4;border-bottom:var(--kui-border-width-20, 2px) solid var(--kui-color-border-primary, #0044f4);color:#0044f4!important;color:var(--kui-color-text-primary, #0044f4)!important;font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);text-decoration:none}.page-layout-tabs .layout-loader-container[data-v-02891bc1]{align-items:center;display:flex;gap:20px;gap:var(--kui-space-70, 20px);height:34px;inset:0 0 0 16px;left:var(--kui-space-60, 16px);position:absolute}.page-layout-anchor-navigation[data-v-f6d370c5]{display:flex;flex:1 1 0;justify-content:center;min-width:0;overflow-x:clip}.page-layout-anchor-navigation ul[data-v-f6d370c5]{align-items:center;background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb);border-radius:8px;border-radius:var(--kui-border-radius-40, 8px);display:flex;flex-shrink:0;gap:2px;gap:var(--kui-space-10, 2px);list-style:none;margin:0;margin:var(--kui-space-0, 0px);padding:4px;padding:var(--kui-space-20, 4px)}.page-layout-anchor-navigation ul.layout-hidden[data-v-f6d370c5]{display:none}.page-layout-anchor-navigation ul li[data-v-f6d370c5]{display:flex}.page-layout-anchor-navigation .anchor-link[data-v-f6d370c5]{background-color:#0000;background-color:var(--kui-color-background-transparent, rgba(0, 0, 0, 0));border:none;border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);box-sizing:border-box;color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);cursor:pointer;font-family:inherit;font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);line-height:16px;line-height:var(--kui-line-height-20, 16px);max-width:140px;outline:none;overflow:hidden;padding:4px 6px;padding:var(--kui-space-20, 4px) var(--kui-space-30, 6px);text-overflow:ellipsis;transition:background-color .2s ease-in,color .2s ease-in;transition:background-color var(--kui-animation-duration-20, .2s) ease-in,color var(--kui-animation-duration-20, .2s) ease-in;white-space:nowrap}.page-layout-anchor-navigation .anchor-link[data-v-f6d370c5]:hover{color:#0d0e14;color:var(--kui-color-text, #0d0e14)}.page-layout-anchor-navigation .anchor-link[data-v-f6d370c5]:focus-visible{box-shadow:0 0 0 4px #0044f433;box-shadow:var(--kui-shadow-focus, 0px 0px 0px 4px rgba(0, 68, 244, .2))}.page-layout-anchor-navigation .anchor-link.active[data-v-f6d370c5]{background-color:#0044f4;background-color:var(--kui-color-brand, #0044f4);color:#afb7c5;color:var(--kui-color-text-neutral-weak, #afb7c5)}.page-layout-anchor-navigation .anchor-ellipsis[data-v-f6d370c5]{align-items:center;color:#afb7c5;color:var(--kui-color-text-neutral-weak, #afb7c5);font-size:12px;font-size:var(--kui-font-size-20, 12px);justify-content:center;line-height:16px;line-height:var(--kui-line-height-20, 16px);-webkit-user-select:none;user-select:none;width:16px;width:var(--kui-icon-size-30, 16px)}.page-layout-anchor-navigation .anchor-overflow-button[data-v-f6d370c5]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489)}.kong-ui-public-page-layout[data-v-fa3bd24a]{box-sizing:border-box;container-name:page-layout;container-type:inline-size;font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif)}.kong-ui-public-page-layout .page-layout-header[data-v-fa3bd24a]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-public-page-layout .page-layout-header .page-header-container[data-v-fa3bd24a]{align-items:flex-end;display:flex;gap:6px;gap:var(--kui-space-30, 6px);justify-content:space-between;padding:16px 16px 0;padding:var(--kui-space-60, 16px) var(--kui-space-60, 16px) var(--kui-space-0, 0px) var(--kui-space-60, 16px)}.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-start[data-v-fa3bd24a]{min-width:0}.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-start .header-breadcrumbs[data-v-fa3bd24a] .breadcrumbs-item-container:first-child .breadcrumbs-item{padding-left:0;padding-left:var(--kui-space-0, 0px)}.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-start .header-breadcrumbs[data-v-fa3bd24a] .breadcrumbs-item-container .breadcrumbs-item.active .breadcrumbs-text{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489)}.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-start .title-container[data-v-fa3bd24a]{align-items:flex-end;display:flex;gap:4px;gap:var(--kui-space-20, 4px)}.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-start .title-container .navigate-back[data-v-fa3bd24a],.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-start .title-container .favorite-button[data-v-fa3bd24a]{background-color:#0000;background-color:var(--kui-color-background-transparent, rgba(0, 0, 0, 0));border:none;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);cursor:pointer;outline:none;padding:4px;padding:var(--kui-space-20, 4px);transition:background-color .2s ease-in,color .2s ease-in}.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-start .title-container .navigate-back[data-v-fa3bd24a]:hover,.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-start .title-container .favorite-button[data-v-fa3bd24a]:hover{color:#0d0e14;color:var(--kui-color-text, #0d0e14)}.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-start .title-container .navigate-back[data-v-fa3bd24a]:focus-visible,.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-start .title-container .favorite-button[data-v-fa3bd24a]:focus-visible{box-shadow:0 0 0 4px #0044f433;box-shadow:var(--kui-shadow-focus, 0px 0px 0px 4px rgba(0, 68, 244, .2))}.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-start .title-container .page-layout-title-wrapper[data-v-fa3bd24a]{min-width:0;overflow:hidden}.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-start .title-container .page-layout-title-wrapper[data-v-fa3bd24a]>*{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:18px;font-size:var(--kui-font-size-50, 18px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);line-height:24px;line-height:var(--kui-line-height-40, 24px);margin:0;margin:var(--kui-space-0, 0px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-start .title-container .favorite-button-container[data-v-fa3bd24a]{align-self:center;display:flex;margin-left:4px;margin-left:var(--kui-space-20, 4px)}.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-start .title-container .favorite-button-container .favorite-button[data-v-fa3bd24a]{color:#afb7c5;color:var(--kui-color-text-neutral-weak, #afb7c5);padding:0;padding:var(--kui-space-0, 0px)}.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-start .title-container .favorite-button-container .favorite-button[data-v-fa3bd24a]:hover{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489)}.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-start .title-container .favorite-button-container .favorite-button.active[data-v-fa3bd24a]{color:#ffc400;color:var(--kui-color-text-warning-weak, #ffc400)}.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-start .title-container .title-after-container[data-v-fa3bd24a]{align-items:flex-end;display:flex;gap:6px;gap:var(--kui-space-30, 6px);margin-left:4px;margin-left:var(--kui-space-20, 4px)}.kong-ui-public-page-layout .page-layout-header .page-header-container .page-header-actions-container[data-v-fa3bd24a]{align-items:center;display:flex;gap:6px;gap:var(--kui-space-30, 6px)}.kong-ui-public-page-layout .page-layout-header:not(:has(.page-layout-tabs)):not(.is-empty) .page-header-container[data-v-fa3bd24a]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);padding:16px;padding:var(--kui-space-60, 16px)}.kong-ui-public-page-layout.new-appearance .page-layout-header[data-v-fa3bd24a]{position:sticky;top:0;z-index:3}.kong-ui-public-page-layout.new-appearance .page-layout-header .page-header-container[data-v-fa3bd24a]{align-items:center;padding:8px 16px 0;padding:var(--kui-space-40, 8px) var(--kui-space-60, 16px) var(--kui-space-0, 0px) var(--kui-space-60, 16px)}.kong-ui-public-page-layout.new-appearance .page-layout-header .page-header-container .page-header-start[data-v-fa3bd24a]{align-items:center;display:flex;gap:4px;gap:var(--kui-space-20, 4px)}.kong-ui-public-page-layout.new-appearance .page-layout-header .page-header-container .page-header-start .title-container[data-v-fa3bd24a]{align-items:center;min-width:0}.kong-ui-public-page-layout.new-appearance .page-layout-header .page-header-container .page-header-start .title-container .page-layout-title-wrapper[data-v-fa3bd24a]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);line-height:16px;line-height:var(--kui-line-height-20, 16px);max-width:40ch;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-page-layout.new-appearance .page-layout-header .page-header-container .page-header-start .title-container .page-layout-title-wrapper[data-v-fa3bd24a]>*{font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);max-width:40ch}.kong-ui-public-page-layout.new-appearance .page-layout-header .page-header-container .page-header-start .header-breadcrumbs[data-v-fa3bd24a],.kong-ui-public-page-layout.new-appearance .page-layout-header .page-header-container .page-header-start .title-after-container[data-v-fa3bd24a]{flex-shrink:0}.kong-ui-public-page-layout.new-appearance .page-layout-header:not(:has(.page-layout-tabs)) .page-header-container[data-v-fa3bd24a]{box-sizing:border-box;height:44px;padding:8px 16px;padding:var(--kui-space-40, 8px) var(--kui-space-60, 16px)}.kong-ui-public-page-layout.new-appearance .page-layout-header.is-empty .page-header-container[data-v-fa3bd24a]{justify-content:flex-end;padding-bottom:0;padding-bottom:var(--kui-space-0, 0px)}.kong-ui-public-page-layout.new-appearance .page-layout-content-container[data-v-fa3bd24a]{background-color:#fff;background-color:var(--kui-color-background, #ffffff)}.kong-ui-public-page-layout .page-layout-content-container[data-v-fa3bd24a]{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb);display:flex;flex-direction:column-reverse;gap:12px;gap:var(--kui-space-50, 12px);padding:16px;padding:var(--kui-space-60, 16px)}.kong-ui-public-page-layout .page-layout-content-container.has-nested-page-layout[data-v-fa3bd24a]{padding:0;padding:var(--kui-space-0, 0px)}@container page-layout (min-width: 1024px){.kong-ui-public-page-layout .page-layout-content-container[data-v-fa3bd24a]{flex-direction:row-reverse;gap:8px;gap:var(--kui-space-40, 8px)}}.kong-ui-public-page-layout .page-layout-content-container .page-layout-content[data-v-fa3bd24a]{display:flex;flex-direction:column;gap:12px;gap:var(--kui-space-50, 12px);min-width:0;width:100%}.kong-ui-public-page-layout .page-layout-content-container .page-layout-aside-container[data-v-fa3bd24a]{display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px)}@container page-layout (min-width: 1024px){.kong-ui-public-page-layout .page-layout-content-container .page-layout-aside-container[data-v-fa3bd24a]{align-self:flex-start;flex-shrink:0;position:sticky;top:var(--a3279be2);width:400px}}.kong-ui-public-page-layout[data-v-fa3bd24a] [data-anchor-attention]{animation:anchor-attention-fa3bd24a 1s cubic-bezier(.2,0,0,1) both;animation:anchor-attention-fa3bd24a calc(var(--kui-animation-duration-20, .2s) * 5) cubic-bezier(.2,0,0,1) both}@media(prefers-reduced-motion:reduce){.kong-ui-public-page-layout[data-v-fa3bd24a] [data-anchor-attention]{animation-name:anchor-attention-still-fa3bd24a}}@keyframes anchor-attention-fa3bd24a{0%{box-shadow:0 0 color-mix(in srgb,#0044f4 80%,transparent);box-shadow:0 0 color-mix(in srgb,var(--kui-color-brand, #0044f4) 80%,transparent)}18%{box-shadow:0 0 0 4px color-mix(in srgb,#0044f4 70%,transparent);box-shadow:0 0 0 var(--kui-border-width-30, 4px) color-mix(in srgb,var(--kui-color-brand, #0044f4) 70%,transparent)}55%{box-shadow:0 0 0 8px color-mix(in srgb,#0044f4 28%,transparent);box-shadow:0 0 0 calc(var(--kui-border-width-30, 4px) * 2) color-mix(in srgb,var(--kui-color-brand, #0044f4) 28%,transparent)}to{box-shadow:0 0 0 12px color-mix(in srgb,#0044f4 0%,transparent);box-shadow:0 0 0 calc(var(--kui-border-width-30, 4px) * 3) color-mix(in srgb,var(--kui-color-brand, #0044f4) 0%,transparent)}}@keyframes anchor-attention-still-fa3bd24a{0%,45%{box-shadow:0 0 0 2px color-mix(in srgb,#0044f4 70%,transparent);box-shadow:0 0 0 var(--kui-border-width-20, 2px) color-mix(in srgb,var(--kui-color-brand, #0044f4) 70%,transparent)}to{box-shadow:0 0 0 2px color-mix(in srgb,#0044f4 0%,transparent);box-shadow:0 0 0 var(--kui-border-width-20, 2px) color-mix(in srgb,var(--kui-color-brand, #0044f4) 0%,transparent)}}.kong-ui-public-about-card[data-v-48c05270]{container-type:inline-size}.kong-ui-public-about-card .about-card-description[data-v-48c05270]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0 0 16px;margin:var(--kui-space-0, 0px) var(--kui-space-0, 0px) var(--kui-space-60, 16px)}.kong-ui-public-about-card .about-card-skeleton[data-v-48c05270]{display:flex;flex-direction:column;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-public-about-card .about-card-rows[data-v-48c05270]{display:flex;flex-direction:column;margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-about-card .about-card-row[data-v-48c05270]{align-items:center;border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);box-sizing:border-box;display:flex;gap:8px;gap:var(--kui-space-40, 8px);min-height:47px;padding:8px 0;padding:var(--kui-space-40, 8px) var(--kui-space-0, 0px)}.kong-ui-public-about-card .about-card-row[data-v-48c05270]:last-child{border-bottom:none;padding-bottom:0;padding-bottom:var(--kui-space-0, 0px)}.kong-ui-public-about-card .about-card-row[data-v-48c05270]:first-child{padding-top:0;padding-top:var(--kui-space-0, 0px)}.kong-ui-public-about-card .about-card-row-label[data-v-48c05270]{align-items:center;color:#0d0e14;color:var(--kui-color-text, #0d0e14);display:flex;flex:0 0 auto;font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:500;font-weight:var(--kui-font-weight-medium, 500);gap:4px;gap:var(--kui-space-20, 4px);line-height:16px;line-height:var(--kui-line-height-20, 16px);width:140px}.kong-ui-public-about-card .about-card-row-text[data-v-48c05270]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.kong-ui-public-about-card .about-card-row-tooltip-trigger[data-v-48c05270]{align-items:center;background:none;border:none;color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);cursor:pointer;display:flex;padding:0;padding:var(--kui-space-0, 0px)}.kong-ui-public-about-card .about-card-row-value[data-v-48c05270]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);flex:1 1 0;font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin:0;margin:var(--kui-space-0, 0px);min-width:0;overflow-wrap:anywhere}.kong-ui-public-about-card .about-card-content[data-v-48c05270]{margin-top:8px;margin-top:var(--kui-space-40, 8px)}@container (max-width: 320px){.kong-ui-public-about-card .about-card-row[data-v-48c05270]{align-items:flex-start;flex-direction:column;gap:2px;gap:var(--kui-space-10, 2px)}.kong-ui-public-about-card .about-card-row-label[data-v-48c05270]{width:auto}}

package/dist/types/components/AboutCard.vue.d.ts

@@ -1,12 +0,0 @@
-import type { AboutCardProps, AboutCardSlots } from '../types';
-type __VLS_Slots = AboutCardSlots;
-declare const __VLS_base: import("vue").DefineComponent<AboutCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AboutCardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=AboutCard.vue.d.ts.map

package/dist/types/components/AboutCard.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AboutCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AboutCard.vue"],"names":[],"mappings":"AA4OA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAY9D,KAAK,WAAW,GAAG,cAAc,CAAC;AAwMlC,QAAA,MAAM,UAAU,wSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/types/components/PageLayout.vue.d.ts

@@ -1,12 +0,0 @@
-import type { PageLayoutProps, PageLayoutSlots } from '../types';
-type __VLS_Slots = PageLayoutSlots;
-declare const __VLS_base: import("vue").DefineComponent<PageLayoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageLayoutProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=PageLayout.vue.d.ts.map

package/dist/types/components/PageLayout.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PageLayout.vue"],"names":[],"mappings":"AA4nBA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAoB,MAAM,UAAU,CAAA;AAqBlF,KAAK,WAAW,GAAG,eAAe,CAAC;AA2enC,QAAA,MAAM,UAAU,0SAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/types/components/PageLayoutAnchorNavigation.vue.d.ts

@@ -1,5 +0,0 @@
-import type { PageLayoutAnchorNavigationProps } from '../types';
-declare const __VLS_export: import("vue").DefineComponent<PageLayoutAnchorNavigationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageLayoutAnchorNavigationProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=PageLayoutAnchorNavigation.vue.d.ts.map

package/dist/types/components/PageLayoutAnchorNavigation.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageLayoutAnchorNavigation.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PageLayoutAnchorNavigation.vue"],"names":[],"mappings":"AA0vBA,OAAO,KAAK,EAAoB,+BAA+B,EAAE,MAAM,UAAU,CAAA;AAiwBjF,QAAA,MAAM,YAAY,0UAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/types/components/PageLayoutTabs.vue.d.ts

@@ -1,21 +0,0 @@
-import type { PageLayoutTabsProps, PageLayoutTab } from '../types';
-declare var __VLS_11: `tab-${string}`, __VLS_12: {
-    tab: PageLayoutTab;
-}, __VLS_33: `tab-${string}`, __VLS_34: {
-    tab: PageLayoutTab;
-};
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_11>]?: (props: typeof __VLS_12) => any;
-} & {
-    [K in NonNullable<typeof __VLS_33>]?: (props: typeof __VLS_34) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<PageLayoutTabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageLayoutTabsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=PageLayoutTabs.vue.d.ts.map

package/dist/types/components/PageLayoutTabs.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageLayoutTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PageLayoutTabs.vue"],"names":[],"mappings":"AA8SA,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AA8TlE,QAAA,IAAI,QAAQ,iBAAW,EAAE,QAAQ;;CAAU,EAAE,QAAQ,iBAAW,EAAE,QAAQ;;CAAY,CAAE;AACxF,KAAK,WAAW,GAAG,EAAE,GACnB;KAAG,CAAC,IAAI,WAAW,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG;CAAE,GACzE;KAAG,CAAC,IAAI,WAAW,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG;CAAE,CAAC;AAQ5E,QAAA,MAAM,UAAU,kTAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/types/composables/index.d.ts

@@ -1,6 +0,0 @@
-import useI18n from './useI18n';
-declare const _default: {
-    useI18n: typeof useI18n;
-};
-export default _default;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/composables/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;;;;AAE/B,wBAEC"}

package/dist/types/composables/useI18n.d.ts

@@ -1,9 +0,0 @@
-import { createI18n, i18nTComponent } from '@kong-ui-public/i18n';
-import english from '../locales/en.json';
-interface UseI18nReturn {
-    i18n: ReturnType<typeof createI18n<typeof english>>;
-    i18nT: ReturnType<typeof i18nTComponent<typeof english>>;
-}
-export default function useI18n(): UseI18nReturn;
-export {};
-//# sourceMappingURL=useI18n.d.ts.map

package/dist/types/composables/useI18n.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useI18n.d.ts","sourceRoot":"","sources":["../../../src/composables/useI18n.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,OAAO,MAAM,oBAAoB,CAAA;AAExC,UAAU,aAAa;IACrB,IAAI,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC,CAAA;IACnD,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,CAAA;CACzD;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,IAAI,aAAa,CAO/C"}

package/dist/types/index.d.ts

@@ -1,6 +0,0 @@
-import PageLayout from './components/PageLayout.vue';
-import AboutCard from './components/AboutCard.vue';
-export { PageLayout, AboutCard };
-export { NEW_APPEARANCE_INJECTION_KEY } from './symbols';
-export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,6BAA6B,CAAA;AACpD,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA;AAEhC,OAAO,EAAE,4BAA4B,EAAE,MAAM,WAAW,CAAA;AAExD,cAAc,SAAS,CAAA"}

package/dist/types/symbols.d.ts

@@ -1,7 +0,0 @@
-export declare const nestedPageLayoutInjectionKey: unique symbol;
-/**
- * Injection key for the boolean (or ref/getter) that tells PageLayout to render the new
- * page header appearance.
- */
-export declare const NEW_APPEARANCE_INJECTION_KEY = "page-layout:new-appearance";
-//# sourceMappingURL=symbols.d.ts.map

package/dist/types/symbols.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"symbols.d.ts","sourceRoot":"","sources":["../../src/symbols.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B,eAAyC,CAAA;AAElF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,+BAA+B,CAAA"}

package/dist/types/types/about-card.d.ts

@@ -1,44 +0,0 @@
-export interface AboutCardRow {
-    /**
-     * Unique key for the row. Also used to build the per-row slot names:
-     * `label-${key}` and `row-${key}`.
-     */
-    key: string;
-    /** Label text. Ignored when the `label-${key}` slot is provided. */
-    label?: string;
-    /** Informational tooltip rendered next to the label. */
-    tooltip?: string;
-    /** Value text. Ignored when the `row-${key}` slot is provided. */
-    value?: string;
-}
-export interface AboutCardProps {
-    /** Card title */
-    title?: string;
-    /** HTML element the title is rendered as */
-    titleTag?: 'div' | 'p' | 'span' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-    /** Description rendered above the rows */
-    description?: string;
-    /** The label/value rows */
-    rows?: AboutCardRow[];
-    /** Render skeleton placeholders instead of the rows */
-    isLoading?: boolean;
-}
-export interface AboutCardSlots {
-    /** Content rendered below the rows */
-    default?(): any;
-    /** Card title */
-    title?(): any;
-    /** Description rendered above the rows */
-    description?(): any;
-    /** Action elements rendered to the right of the card title */
-    actions?(): any;
-    /** Overrides the label of the row with the matching key */
-    [key: `label-${string}`]: (props: {
-        row: AboutCardRow;
-    }) => any;
-    /** Overrides the value of the row with the matching key */
-    [key: `row-${string}`]: (props: {
-        row: AboutCardRow;
-    }) => any;
-}
-//# sourceMappingURL=about-card.d.ts.map

package/dist/types/types/about-card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"about-card.d.ts","sourceRoot":"","sources":["../../../src/types/about-card.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAA;IACX,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,KAAK,GAAG,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAClE,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,YAAY,EAAE,CAAA;IACrB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,sCAAsC;IACtC,OAAO,CAAC,IAAI,GAAG,CAAA;IACf,iBAAiB;IACjB,KAAK,CAAC,IAAI,GAAG,CAAA;IACb,0CAA0C;IAC1C,WAAW,CAAC,IAAI,GAAG,CAAA;IACnB,8DAA8D;IAC9D,OAAO,CAAC,IAAI,GAAG,CAAA;IACf,2DAA2D;IAC3D,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,GAAG,CAAC,KAAK,EAAE;QAAE,GAAG,EAAE,YAAY,CAAA;KAAE,KAAK,GAAG,CAAA;IAC/D,2DAA2D;IAC3D,CAAC,GAAG,EAAE,OAAO,MAAM,EAAE,GAAG,CAAC,KAAK,EAAE;QAAE,GAAG,EAAE,YAAY,CAAA;KAAE,KAAK,GAAG,CAAA;CAC9D"}

package/dist/types/types/index.d.ts

@@ -1,5 +0,0 @@
-export * from './about-card';
-export * from './page-layout';
-export * from './page-layout-anchor-navigation';
-export * from './page-layout-tabs';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,iCAAiC,CAAA;AAC/C,cAAc,oBAAoB,CAAA"}

package/dist/types/types/page-layout-anchor-navigation.d.ts

@@ -1,26 +0,0 @@
-export interface PageLayoutAnchor {
-    /**
-     * A CSS selector matching the section this item scrolls to (`#usage`, `[data-anchor="usage"]`, ...).
-     * A bare identifier (`usage`) is also accepted and looked up as `#usage`.
-     * Doubles as the item's unique key, so it must be unique within the list.
-     */
-    id: string;
-    /** The display text of the navigation item */
-    label: string;
-    /**
-     * The section element itself, for pages that hold a template ref rather than a selector.
-     * Takes precedence over `id`, which is then only used as the item's key.
-     */
-    element?: HTMLElement | null;
-    /**
-     * Pixels left between the top of the scrolling container and the section once it has been
-     * scrolled to. Defaults to the height of the sticky page header plus a small gap.
-     */
-    offset?: number;
-    /** The data-testid attribute to apply to the navigation item. Auto-generated if not provided */
-    dataTestId?: string;
-}
-export interface PageLayoutAnchorNavigationProps {
-    anchors?: PageLayoutAnchor[];
-}
-//# sourceMappingURL=page-layout-anchor-navigation.d.ts.map

package/dist/types/types/page-layout-anchor-navigation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-layout-anchor-navigation.d.ts","sourceRoot":"","sources":["../../../src/types/page-layout-anchor-navigation.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,EAAE,EAAE,MAAM,CAAA;IACV,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gGAAgG;IAChG,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,+BAA+B;IAC9C,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;CAC7B"}

package/dist/types/types/page-layout-tabs.d.ts

@@ -1,22 +0,0 @@
-import type { RouteLocationRaw } from 'vue-router';
-export interface PageLayoutTab {
-    /** The unique kebab-case key of the tab */
-    key: string;
-    /** The display text of the navbar tab */
-    label: string;
-    /** The [Vue Router `to` object](https://router.vuejs.org/api/interfaces/RouterLinkProps.html#to) or a URL path (relative or absolute) to navigate to on click */
-    to: string | RouteLocationRaw;
-    /** Is the navbar tab active */
-    active?: boolean;
-    /** The data-testid attribute to apply to the navbar tab. Auto-generated if not provided */
-    dataTestId?: string;
-}
-export interface PageLayoutTabsProps {
-    tabs?: PageLayoutTab[];
-}
-export interface PageLayoutTabsSlots {
-    [key: `tab-${string}`]: (props: {
-        tab: PageLayoutTab;
-    }) => any;
-}
-//# sourceMappingURL=page-layout-tabs.d.ts.map

package/dist/types/types/page-layout-tabs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-layout-tabs.d.ts","sourceRoot":"","sources":["../../../src/types/page-layout-tabs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,MAAM,WAAW,aAAa;IAC5B,2CAA2C;IAC3C,GAAG,EAAE,MAAM,CAAA;IACX,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,iKAAiK;IACjK,EAAE,EAAE,MAAM,GAAG,gBAAgB,CAAA;IAC7B,+BAA+B;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAA;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,CAAC,GAAG,EAAE,OAAO,MAAM,EAAE,GAAG,CAAC,KAAK,EAAE;QAAE,GAAG,EAAE,aAAa,CAAA;KAAE,KAAK,GAAG,CAAA;CAC/D"}

package/dist/types/types/page-layout.d.ts

@@ -1,60 +0,0 @@
-import type { BreadcrumbItem } from '@kong/kongponents';
-import type { PageLayoutAnchor, PageLayoutTab } from './';
-import type { RouteLocationRaw } from 'vue-router';
-export interface PageShortcutData {
-    /** The display label of the page shortcut */
-    label: string;
-    /** The URL path of the page shortcut */
-    path?: string;
-    /** The entity type of the page shortcut (snake_case, e.g. "gateway_service") */
-    entityType: string;
-    /** The display label of the parent entity */
-    parentLabel?: string;
-}
-export interface PageLayoutProps {
-    /** Breadcrumb items */
-    breadcrumbs?: BreadcrumbItem[];
-    /** Page title */
-    title?: string;
-    /** The URL to navigate back to when the back button is clicked */
-    backTo?: string | RouteLocationRaw;
-    /** Tabs */
-    tabs?: PageLayoutTab[];
-    /**
-     * In-page sections the header's anchor navigation bar scrolls to. New appearance only, and
-     * ignored when `tabs` are provided -- the header shows one or the other, never both.
-     */
-    anchors?: PageLayoutAnchor[];
-    /** Providing this prop "marks" the current page as an entity page that can be added to shortcuts (favorites and recents) */
-    pageShortcutData?: PageShortcutData;
-}
-export interface PageLayoutSlots {
-    /**
-     * Default slot for page content
-     */
-    default?(): any;
-    /**
-     * Actions slot for page actions
-     */
-    actions?(): any;
-    /**
-     * Title slot for page title
-     */
-    title?(): any;
-    /**
-     * Title after slot for page title after content
-     */
-    'title-after'?(): any;
-    /**
-     * Aside slot for secondary content rendered beside the page content.
-     * Only rendered in the new appearance.
-     */
-    aside?(): any;
-    /**
-     * Per-tab slot for customizing the rendering of a specific tab. Slot name is `tab-${tab.key}`.
-     */
-    [key: `tab-${string}`]: (props: {
-        tab: PageLayoutTab;
-    }) => any;
-}
-//# sourceMappingURL=page-layout.d.ts.map

package/dist/types/types/page-layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-layout.d.ts","sourceRoot":"","sources":["../../../src/types/page-layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,IAAI,CAAA;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,MAAM,WAAW,gBAAgB;IAC/B,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,UAAU,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,uBAAuB;IACvB,WAAW,CAAC,EAAE,cAAc,EAAE,CAAA;IAC9B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAA;IAClC,WAAW;IACX,IAAI,CAAC,EAAE,aAAa,EAAE,CAAA;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,4HAA4H;IAC5H,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,CAAC,IAAI,GAAG,CAAA;IACf;;OAEG;IACH,OAAO,CAAC,IAAI,GAAG,CAAA;IACf;;OAEG;IACH,KAAK,CAAC,IAAI,GAAG,CAAA;IACb;;OAEG;IACH,aAAa,CAAC,IAAI,GAAG,CAAA;IACrB;;;OAGG;IACH,KAAK,CAAC,IAAI,GAAG,CAAA;IACb;;OAEG;IACH,CAAC,GAAG,EAAE,OAAO,MAAM,EAAE,GAAG,CAAC,KAAK,EAAE;QAAE,GAAG,EAAE,aAAa,CAAA;KAAE,KAAK,GAAG,CAAA;CAC/D"}