@synopackageland/ui 0.25.20 → 0.25.22

package/dist/modules/components/app/aside-panel/asidePreference.js

@@ -0,0 +1,43 @@
+import { ref as a, watch as s } from "vue";
+import { WEB_ASIDE_MAX as m, WEB_ASIDE_MIN as w, WEB_ASIDE_DEFAULT as A } from "../../../lib/adaptiveLayout.js";
+const S = ["open", "collapsed", "expanded"], d = 1;
+function l() {
+  try {
+    return typeof localStorage > "u" ? null : localStorage;
+  } catch {
+    return null;
+  }
+}
+function f(n) {
+  try {
+    const t = JSON.parse(l()?.getItem(n) ?? "null");
+    if (t && typeof t == "object" && t.v === d) return t;
+  } catch {
+  }
+  return { v: d };
+}
+function h(n) {
+  return Math.round(Math.min(m, Math.max(w, n)));
+}
+function p(n, t, r = {}) {
+  const e = f(n)[t], i = e && S.includes(e.state) ? e.state : r.state ?? "collapsed", o = typeof e?.width == "number" && Number.isFinite(e.width) ? e.width : r.width ?? A;
+  return { state: i, width: h(o) };
+}
+function u(n, t, r) {
+  const e = f(n), i = e[t] && typeof e[t] == "object" ? e[t] : {};
+  e[t] = { ...i, ...r };
+  try {
+    l()?.setItem(n, JSON.stringify(e));
+  } catch {
+  }
+}
+function I(n, t, r = {}) {
+  const e = p(n, t, r), i = a(e.state), o = a(e.width);
+  return s(i, (c) => u(n, t, { state: c })), s(o, (c) => u(n, t, { width: h(c) })), { state: i, width: o };
+}
+export {
+  h as clampAsideWidth,
+  p as readAsidePreference,
+  I as useAsidePreference,
+  u as writeAsidePreference
+};

package/dist/modules/components/app/page-content/PageContent.vue.js

@@ -0,0 +1,215 @@
+import { defineComponent as ne, inject as ie, watch as A, onBeforeUnmount as J, computed as n, useTemplateRef as K, ref as i, onMounted as ce, watchEffect as ue, openBlock as V, createElementBlock as j, normalizeStyle as G, normalizeClass as U, createCommentVNode as pe, createElementVNode as X, renderSlot as de } from "vue";
+import { providePageSticky as fe } from "./pageSticky.js";
+import { APP_KEEP_BARS_KEY as ve } from "../app-layout/hideOnScroll.js";
+import { PAGE_SCROLL_MAIN as ge } from "../../../composables/pageWindow.js";
+const me = ["data-width", "data-height", "data-page-surface", "data-ui-page-fills", "data-ui-page-scrolls", "data-ui-page-scroller-room"], ye = {
+  key: 0,
+  "data-ui-page-scroll-cover": "",
+  "aria-hidden": "true"
+}, he = 600, ke = /* @__PURE__ */ ne({
+  __name: "PageContent",
+  props: {
+    width: { default: "fill" },
+    surface: { default: "auto" },
+    height: { default: "auto" },
+    hideOnScroll: { type: Boolean, default: !0 }
+  },
+  setup(v) {
+    const c = v, D = ie(ve, null);
+    let S;
+    A(() => c.hideOnScroll, (e) => {
+      e ? (S?.(), S = void 0) : S ??= D?.();
+    }, { immediate: !0 }), J(() => S?.());
+    const w = n(() => c.height === "fill"), N = fe(), u = K("root"), s = i(0), P = i(!1), p = i(!1), F = i(0);
+    let x = null;
+    function Q() {
+      const e = u.value?.querySelector(":scope > [data-page-content-body] > [data-ui-section-tabs-strip]") ?? null;
+      if (e !== x && (x && h?.unobserve(x), e && h?.observe(e), x = e), !e) {
+        F.value = 0;
+        return;
+      }
+      const o = getComputedStyle(e);
+      F.value = o.position === "sticky" ? Math.max(0, Math.round(e.getBoundingClientRect().height - (parseFloat(o.paddingBottom) || 0))) : 0;
+    }
+    const l = i([]);
+    let d;
+    const q = /auto|scroll|overlay|hidden/;
+    function M(e, o) {
+      for (let a = e.parentElement; a && a !== o; a = a.parentElement) {
+        const t = getComputedStyle(a);
+        if (q.test(t.overflowY) || q.test(t.overflowX)) return a;
+      }
+      return null;
+    }
+    const g = /* @__PURE__ */ new Set(), B = i([]), I = i([]), k = /* @__PURE__ */ new Set();
+    function $(e) {
+      B.value = N.value.filter((t) => e && e.contains(t.element) && t.element.parentElement?.closest("[data-page-content-body]") === e).map((t) => ({ height: t.height, scope: M(t.element, e) }));
+      const o = [], a = /* @__PURE__ */ new Set();
+      for (const t of e ? e.querySelectorAll("[data-ui-section-tabs-strip]") : []) {
+        if (t.parentElement === e || t.parentElement?.closest("[data-page-content-body]") !== e) continue;
+        const r = M(t, e);
+        if (!r) continue;
+        a.add(t), k.has(t) || (d?.observe(t), k.add(t));
+        const f = getComputedStyle(t);
+        f.position === "sticky" && o.push({ height: Math.max(0, Math.round(t.getBoundingClientRect().height - (parseFloat(f.paddingBottom) || 0))), scope: r });
+      }
+      for (const t of k)
+        a.has(t) || (d?.unobserve(t), k.delete(t));
+      I.value = o;
+    }
+    function O() {
+      const e = u.value?.querySelector(":scope > [data-page-content-body]");
+      $(e);
+      const o = e ? [...e.querySelectorAll("[data-ui-sticky]")].filter((a) => a.parentElement?.closest("[data-page-content-body]") === e) : [];
+      for (const a of l.value)
+        o.includes(a.element) || (d?.unobserve(a.element), a.element.style.removeProperty("--ui-sticky-row-top"));
+      l.value = o.map((a) => {
+        l.value.some((r) => r.element === a) || d?.observe(a);
+        const t = getComputedStyle(a).position === "sticky";
+        return { element: a, height: t ? Math.max(0, Math.round(a.getBoundingClientRect().height)) : 0, scope: e ? M(a, e) : null };
+      });
+    }
+    function E() {
+      const e = u.value;
+      if (!e || typeof getComputedStyle != "function") return;
+      const o = getComputedStyle(e);
+      P.value = /auto|scroll|overlay/.test(o.overflowY), s.value = P.value ? Math.round(parseFloat(o.paddingTop) || 0) : 0;
+      const a = o.overflowY === "visible" && !!e.closest(ge) && !!e.querySelector("[data-ui-natural-height]");
+      p.value = !a && (w.value || /hidden|clip/.test(o.overflowY)), Q(), O(), T();
+    }
+    const z = i(!1), m = /* @__PURE__ */ new Set();
+    function Z(e) {
+      const o = getComputedStyle(e), a = ee(), t = e.getBoundingClientRect().bottom - (parseFloat(o.paddingBottom) || 0) - (parseFloat(o.borderBottomWidth) || 0) - a, r = [];
+      let f = 0;
+      const le = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+        acceptNode(b) {
+          if (++f > he || !(b instanceof HTMLElement) || b.matches("textarea, select, [data-ui-page-fills]")) return NodeFilter.FILTER_REJECT;
+          const W = getComputedStyle(b);
+          return /auto|scroll|overlay/.test(W.overflowY) && b.getBoundingClientRect().bottom + (parseFloat(W.marginBottom) || 0) >= t - 4 ? (r.push(b), NodeFilter.FILTER_REJECT) : NodeFilter.FILTER_SKIP;
+        }
+      });
+      for (; le.nextNode(); )
+        ;
+      return r;
+    }
+    const H = K("endProbe");
+    function ee() {
+      const e = H.value;
+      return e && parseFloat(getComputedStyle(e).marginTop) || 0;
+    }
+    function T() {
+      const e = u.value, o = e?.querySelector(":scope > [data-page-content-body]"), a = e && o && p.value && typeof document.createTreeWalker == "function" ? Z(o) : [];
+      for (const t of m)
+        a.includes(t) || (t.removeAttribute("data-ui-page-scroller"), t.style.removeProperty("--ui-page-scroller-pad"), m.delete(t));
+      for (const t of a)
+        m.has(t) || (t.style.setProperty("--ui-page-scroller-pad", getComputedStyle(t).paddingBottom || "0px"), t.setAttribute("data-ui-page-scroller", ""), m.add(t));
+      z.value = m.size > 0;
+    }
+    let y = 0;
+    function te() {
+      y || typeof requestAnimationFrame != "function" || (y = requestAnimationFrame(() => {
+        y = 0, O(), p.value && T();
+      }));
+    }
+    let h, C;
+    ce(() => {
+      E();
+      const e = u.value;
+      if (e) {
+        if (typeof ResizeObserver == "function") {
+          h = new ResizeObserver(E), h.observe(e), d = new ResizeObserver(O);
+          for (const o of l.value) d.observe(o.element);
+        }
+        if (typeof MutationObserver == "function") {
+          C = new MutationObserver(E), C.observe(e, { attributes: !0, attributeFilter: ["class", "style"] });
+          const o = e.querySelector(":scope > [data-page-content-body]");
+          o && C.observe(o, { childList: !0 }), o && (_ = new MutationObserver(() => {
+            (p.value || l.value.length || o.querySelector("[data-ui-sticky]")) && te();
+          }), _.observe(o, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["data-ui-sticky"] }));
+        }
+      }
+    });
+    let _;
+    A(w, E), A(N, () => $(u.value?.querySelector(":scope > [data-page-content-body]"))), J(() => {
+      h?.disconnect(), d?.disconnect(), C?.disconnect(), _?.disconnect(), y && cancelAnimationFrame(y), p.value = !1, T();
+      for (const e of l.value) e.element.style.removeProperty("--ui-sticky-row-top");
+      for (const e of g)
+        e.style.removeProperty("--ui-sticky-top-offset"), e.style.removeProperty("--ui-page-sticky-top");
+      g.clear();
+    });
+    const R = n(() => Math.max(0, ...B.value.filter((e) => !e.scope).map((e) => e.height))), L = n(() => (R.value ? s.value + R.value : 0) + F.value), oe = n(() => l.value.filter((e) => !e.scope)), Y = n(() => oe.value.reduce((e, o) => e + o.height, 0)), ae = n(() => Y.value ? Math.max(L.value, s.value) + Y.value : L.value);
+    ue(() => {
+      let e = Math.max(L.value, s.value);
+      const o = /* @__PURE__ */ new Map();
+      for (const t of B.value)
+        t.scope && o.set(t.scope, Math.max(o.get(t.scope) ?? 0, t.height));
+      const a = new Map(o);
+      for (const t of I.value) a.set(t.scope, (a.get(t.scope) ?? 0) + t.height);
+      for (const t of l.value) {
+        if (t.scope) {
+          const r = a.get(t.scope) ?? 0;
+          t.element.style.setProperty("--ui-sticky-row-top", `${r}px`), a.set(t.scope, r + t.height);
+          continue;
+        }
+        t.element.style.setProperty("--ui-sticky-row-top", `${e - s.value}px`), e += t.height;
+      }
+      for (const t of g)
+        a.has(t) || (t.style.removeProperty("--ui-sticky-top-offset"), t.style.removeProperty("--ui-page-sticky-top"));
+      g.clear();
+      for (const [t, r] of a) {
+        const f = r ? Math.round(parseFloat(getComputedStyle(t).paddingTop) || 0) : 0;
+        t.style.setProperty("--ui-sticky-top-offset", `${r ? f + r : 0}px`), t.style.setProperty("--ui-page-sticky-top", `${o.get(t) ?? 0}px`), g.add(t);
+      }
+    }, { flush: "post" });
+    const re = n(() => {
+      const e = {};
+      c.surface !== "none" && (e["--ui-page-gutter-x"] = "var(--ui-page-padding-x)"), e["--ui-page-bleed"] = c.surface === "none" ? "0px" : "var(--ui-page-padding-x)", R.value && (e["--ui-page-sticky-top"] = `${R.value}px`);
+      const o = ae.value;
+      return o && (e["--ui-sticky-top-offset"] = `${o}px`), s.value && (e["--ui-page-scroll-pad"] = `${s.value}px`), e;
+    }), se = n(() => {
+      const e = c.width === "fill" ? void 0 : c.width === "readable" ? "var(--ui-page-readable-width)" : c.width, o = {
+        "--ui-page-padding-x": "0px",
+        boxSizing: "border-box",
+        width: "calc(100% + 2 * var(--ui-page-bleed, 0px))",
+        marginInline: "calc(-1 * var(--ui-page-bleed, 0px))",
+        paddingInline: "var(--ui-page-bleed, 0px)"
+      };
+      return e && (o.maxWidth = `calc(${e} + 2 * var(--ui-page-bleed, 0px))`), o;
+    });
+    return (e, o) => (V(), j("div", {
+      ref_key: "root",
+      ref: u,
+      class: U(["box-border w-full min-w-0", [
+        v.surface !== "none" && "px-[var(--ui-page-padding-x)]",
+        w.value && "flex h-full min-h-0 flex-col overflow-hidden"
+      ]]),
+      "data-width": v.width,
+      "data-height": v.height,
+      "data-page-surface": v.surface,
+      "data-ui-page-fills": p.value ? "" : void 0,
+      "data-ui-page-scrolls": P.value && !p.value ? "" : void 0,
+      "data-ui-page-scroller-room": z.value ? "" : void 0,
+      style: G(re.value),
+      "data-syno-pkg-land-ui": ""
+    }, [
+      s.value ? (V(), j("div", ye)) : pe("", !0),
+      X("div", {
+        "data-page-content-body": "",
+        class: U(["flex min-w-0 flex-col gap-[var(--ui-section-gap)] [&>[data-ui-page-header]]:mb-[calc(var(--ui-section-gap)*-1)]", w.value && "min-h-0 flex-1 [&>:last-child]:min-h-0 [&>:last-child]:flex-1"]),
+        style: G(se.value)
+      }, [
+        de(e.$slots, "default")
+      ], 6),
+      X("div", {
+        ref_key: "endProbe",
+        ref: H,
+        "data-ui-page-end-probe": "",
+        "aria-hidden": "true",
+        style: { display: "none", "margin-top": "var(--ui-page-end-space, 0px)" }
+      }, null, 512)
+    ], 14, me));
+  }
+});
+export {
+  ke as default
+};

package/dist/modules/components/app/page-content/PageContent2.vue.js

@@ -0,0 +1,4 @@
+import f from "./PageContent.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/app/page-content/pageSticky.js

@@ -0,0 +1,34 @@
+import { shallowRef as f, provide as h, inject as p, watch as g, onBeforeUnmount as m } from "vue";
+const c = /* @__PURE__ */ Symbol("syno-pkg-land-ui-page-sticky");
+function a() {
+  const i = /* @__PURE__ */ new Map(), o = f([]);
+  return h(c, {
+    report(n, t) {
+      const e = i.get(n);
+      if (t && t.height > 0) {
+        if (e && e.element === t.element && e.height === t.height) return;
+        i.set(n, t);
+      } else if (e) i.delete(n);
+      else return;
+      o.value = [...i.values()];
+    }
+  }), o;
+}
+function y(i, o) {
+  const n = p(c, null);
+  if (!n) return;
+  const t = {};
+  let e;
+  const r = () => {
+    e?.disconnect(), e = void 0, n.report(t, null);
+  };
+  g([i, o], ([s, u]) => {
+    if (r(), !s || !u) return;
+    const l = () => n.report(t, { element: s, height: Math.round(s.getBoundingClientRect().height) });
+    l(), typeof ResizeObserver == "function" && (e = new ResizeObserver(l), e.observe(s));
+  }, { flush: "post", immediate: !0 }), m(r);
+}
+export {
+  a as providePageSticky,
+  y as useStickyHeight
+};

package/dist/modules/components/app/page-fab/PageFab.vue.js

@@ -0,0 +1,20 @@
+import { defineComponent as n, inject as r, computed as u, watch as s, onBeforeUnmount as i, openBlock as c, createBlock as m, Teleport as p, renderSlot as a } from "vue";
+import { APP_PAGE_TITLE_KEY as d } from "../app-layout/pageTitle.js";
+const P = /* @__PURE__ */ n({
+  __name: "PageFab",
+  setup(f) {
+    const l = r(d, null), o = u(() => l?.fab?.value ?? null);
+    let e;
+    return s(() => !!o.value, (t) => {
+      t ? e ??= l?.useExplicitFab?.() : (e?.(), e = void 0);
+    }, { immediate: !0 }), i(() => e?.()), (t, _) => o.value ? (c(), m(p, {
+      key: 0,
+      to: o.value
+    }, [
+      a(t.$slots, "default")
+    ], 8, ["to"])) : a(t.$slots, "default", {}, void 0, void 0, 1);
+  }
+});
+export {
+  P as default
+};

package/dist/modules/components/app/page-fab/PageFab2.vue.js

@@ -0,0 +1,4 @@
+import f from "./PageFab.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/app/page-header/PageHeader.vue.js

@@ -0,0 +1,90 @@
+import { defineComponent as z, useSlots as E, useTemplateRef as N, inject as y, ref as H, computed as x, openBlock as a, createElementBlock as l, normalizeClass as b, unref as e, createElementVNode as p, createBlock as w, withCtx as _, createVNode as P, createCommentVNode as s, toDisplayString as B, renderSlot as T, withDirectives as R, vShow as V } from "vue";
+import { ChevronLeft as j } from "@lucide/vue";
+import { APP_PRESENTATION_KEY as D, APP_SHORT_KEY as I } from "../../../lib/adaptiveLayout.js";
+import { useStickyHeight as K } from "../page-content/pageSticky.js";
+import O from "../../composite/callout/CalloutRecall.vue.js";
+import { useCalloutRecallHost as Y } from "../../composite/callout/calloutDismissal.js";
+import { usePageTitle as L, usePageActionsInBar as M } from "../app-layout/pageTitle.js";
+import U from "../app-layout/MovableActions.js";
+import q from "../../primitives/button/IconButton.vue.js";
+import { useUiText as F } from "../../../i18n/text.js";
+const G = ["data-ui-title-in-bar"], J = { class: "min-w-0 flex-auto" }, Q = { class: "flex min-w-0 items-center gap-x-[var(--ui-space-3)]" }, W = ["title"], X = {
+  key: 1,
+  "data-ui-page-header-meta": "",
+  class: "flex shrink-0 items-center gap-2 whitespace-nowrap [@media(pointer:coarse)]:min-h-[var(--ui-hit-min)]"
+}, Z = ["title"], ee = {
+  key: 0,
+  "data-ui-page-header-actions": "",
+  class: "ml-auto flex max-w-full shrink-0 flex-wrap items-center justify-end gap-2 [&>*]:w-auto [&>*]:shrink-0"
+}, de = /* @__PURE__ */ z({
+  __name: "PageHeader",
+  props: {
+    title: {},
+    description: {},
+    sticky: { type: Boolean, default: !0 },
+    back: { type: Boolean, default: !1 },
+    phoneActions: { default: void 0 }
+  },
+  emits: ["back"],
+  setup(t, { emit: A }) {
+    const i = t, v = A, C = F(), c = Y(), u = E(), d = N("root"), o = L(d, () => i.title, { back: () => i.back ? () => v("back") : void 0 }), S = y(D, void 0), f = H(!1), { target: m } = M(() => o.value && S?.value === "mobile" && !!u.actions && !f.value, () => i.phoneActions), $ = y(I, void 0), g = x(() => i.sticky && !$?.value), h = x(() => o.value && !i.description && !u.meta && !c.value && (!u.actions || !!m.value));
+    return K(d, () => g.value && !h.value), (n, r) => (a(), l("div", {
+      ref_key: "root",
+      ref: d,
+      "data-ui-page-header": "",
+      "data-ui-title-in-bar": h.value ? "only" : e(o) ? "" : void 0,
+      class: b([g.value && "sticky top-0 z-[2] bg-[var(--ui-page-header-bg,var(--ui-surface))]", "flex flex-wrap items-start gap-x-[var(--ui-space-6)] gap-y-[var(--ui-space-2)] px-[var(--ui-page-padding-x)] pt-[var(--ui-page-padding-y)] pb-[var(--ui-space-3)]"]),
+      "data-syno-pkg-land-ui": ""
+    }, [
+      p("div", J, [
+        p("div", Q, [
+          t.back && !e(o) ? (a(), w(q, {
+            key: 0,
+            class: "-ms-1",
+            label: e(C)("Back to the previous page"),
+            "data-ui-page-header-back": "",
+            onClick: r[0] || (r[0] = (k) => v("back"))
+          }, {
+            default: _(() => [
+              P(e(j), {
+                size: 18,
+                "aria-hidden": "true"
+              })
+            ]),
+            _: 1
+          }, 8, ["label"])) : s("", !0),
+          p("h1", {
+            class: b([e(o) && "sr-only", "m-0 min-w-0 truncate text-[length:var(--ui-font-size-title)] [font-weight:var(--ui-heading-weight,600)] tracking-[-0.01em] text-[var(--ui-text)]"]),
+            title: t.title
+          }, B(t.title), 11, W),
+          n.$slots.meta || e(c) ? (a(), l("div", X, [
+            e(c) ? (a(), w(O, { key: 0 })) : s("", !0),
+            T(n.$slots, "meta")
+          ])) : s("", !0)
+        ]),
+        t.description ? (a(), l("p", {
+          key: 0,
+          "data-ui-page-header-description": "",
+          class: "mt-1 max-w-3xl [contain:inline-size] text-[length:var(--ui-font-size-control)] leading-5 text-[var(--ui-text-secondary)]",
+          title: t.description
+        }, B(t.description), 9, Z)) : s("", !0)
+      ]),
+      n.$slots.actions ? R((a(), l("div", ee, [
+        P(e(U), {
+          to: e(m),
+          onPassive: r[1] || (r[1] = (k) => f.value = k)
+        }, {
+          default: _(() => [
+            T(n.$slots, "actions")
+          ]),
+          _: 3
+        }, 8, ["to"])
+      ], 512)), [
+        [V, !e(m)]
+      ]) : s("", !0)
+    ], 10, G));
+  }
+});
+export {
+  de as default
+};

package/dist/modules/components/app/page-header/PageHeader2.vue.js

@@ -0,0 +1,4 @@
+import f from "./PageHeader.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/app/page-toolbar/PageToolbar.vue.js

@@ -0,0 +1,40 @@
+import { defineComponent as p, useTemplateRef as i, openBlock as a, createElementBlock as t, unref as o, createBlock as u, createCommentVNode as r, renderSlot as c } from "vue";
+import { useScrollEdges as f } from "../../../composables/scrollEdges.js";
+import m from "../app-layout/ShellBackButton.vue.js";
+import { useShellBackRow as v } from "../app-layout/shellBack.js";
+const _ = ["data-overflow-start", "data-overflow-end"], g = {
+  key: 2,
+  "data-ui-page-toolbar-actions": "",
+  class: "ms-auto flex max-w-full flex-wrap items-center justify-end gap-[var(--ui-space-2)] [&>*]:shrink-0"
+}, $ = /* @__PURE__ */ p({
+  __name: "PageToolbar",
+  setup(k) {
+    const s = i("root"), l = i("start"), n = f(l), d = v(() => s.value);
+    return (e, w) => (a(), t("div", {
+      ref_key: "root",
+      ref: s,
+      "data-ui-page-toolbar": "",
+      class: "flex min-h-[var(--ui-control-md)] flex-wrap items-center gap-x-[var(--ui-space-3)] gap-y-[var(--ui-space-2)] px-[var(--ui-page-padding-x)] py-[var(--ui-space-2)]",
+      "data-syno-pkg-land-ui": ""
+    }, [
+      o(d) ? (a(), u(m, { key: 0 })) : r("", !0),
+      e.$slots.default ? (a(), t("div", {
+        key: 1,
+        ref_key: "start",
+        ref: l,
+        "data-ui-page-toolbar-start": "",
+        "data-overflow-start": o(n).start.value || void 0,
+        "data-overflow-end": o(n).end.value || void 0,
+        class: "flex min-w-0 flex-[1_1_auto] flex-wrap items-center gap-[var(--ui-space-2)]"
+      }, [
+        c(e.$slots, "default")
+      ], 8, _)) : r("", !0),
+      e.$slots.actions ? (a(), t("div", g, [
+        c(e.$slots, "actions")
+      ])) : r("", !0)
+    ], 512));
+  }
+});
+export {
+  $ as default
+};

package/dist/modules/components/app/page-toolbar/PageToolbar2.vue.js

@@ -0,0 +1,4 @@
+import f from "./PageToolbar.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/app/responsive-view/ResponsiveView.vue.js

@@ -0,0 +1,18 @@
+import { defineComponent as s, inject as d, useSlots as u, computed as w, renderSlot as m } from "vue";
+import { APP_PRESENTATION_KEY as a } from "../../../lib/adaptiveLayout.js";
+const p = /* @__PURE__ */ s({
+  __name: "ResponsiveView",
+  props: {
+    mode: { default: "auto" }
+  },
+  setup(n) {
+    const t = n, r = d(a, void 0), e = u(), i = w(() => {
+      const o = t.mode === "auto" ? r?.value ?? "window" : t.mode;
+      return e[o] ? o : e.default ? "default" : o === "web" && e.window ? "window" : o === "window" && e.web ? "web" : e.mobile ? "mobile" : e.window ? "window" : "web";
+    });
+    return (o, f) => m(o.$slots, i.value);
+  }
+});
+export {
+  p as default
+};

package/dist/modules/components/app/responsive-view/ResponsiveView2.vue.js

@@ -0,0 +1,4 @@
+import f from "./ResponsiveView.vue.js";
+export {
+  f as default
+};