@wssto2/vue-core 0.1.0 → 0.3.0

package/dist/SwipeActions.vue_vue_type_script_setup_true_lang-CGTuEnTv.js

@@ -1,243 +0,0 @@
-import { defineComponent as O, useModel as I, useId as L, inject as z, useTemplateRef as R, computed as D, openBlock as l, createElementBlock as r, createElementVNode as x, Fragment as E, renderList as K, normalizeClass as f, unref as h, createTextVNode as V, toDisplayString as k, createCommentVNode as w, createBlock as N, renderSlot as B, mergeModels as X, ref as j, watch as Y, onBeforeUnmount as H, normalizeStyle as A, createVNode as W } from "vue";
-import { routerKey as q, routeLocationKey as F } from "vue-router";
-import { _ as M } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
-import { u as G } from "./mediaQuery-CygcXmFW.js";
-import { p as U } from "./perDocument-DUuFrdGU.js";
-const J = ["aria-label"], Q = ["aria-label"], Z = ["id", "aria-selected", "tabindex", "aria-controls", "data-tab", "onClick", "onKeydown"], ee = {
-  key: 0,
-  class: "text-footnote font-normal tabular-nums"
-}, te = ["aria-label"], ne = ["aria-label"], oe = ["id", "aria-selected", "tabindex", "aria-controls", "data-tab", "onClick", "onKeydown"], le = ["id", "aria-labelledby"], me = /* @__PURE__ */ O({
-  __name: "Tabs",
-  props: /* @__PURE__ */ X({
-    tabs: {},
-    presentation: { default: "segmented" },
-    alignment: { default: "start" },
-    stretch: { type: Boolean, default: !1 },
-    label: { default: void 0 }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup($) {
-    const n = $, C = I($, "modelValue"), g = L(), u = z(q, null), v = z(F, null);
-    function b() {
-      if (!u) throw new Error("Tabs: a tab has `to`, but no router is installed in the app.");
-      return u;
-    }
-    const s = G(), d = R("list"), S = D(() => n.presentation === "scope" && s.value);
-    function i(o) {
-      return o.to !== void 0 ? b().resolve(o.to).name === v?.name : o.value === C.value;
-    }
-    const _ = D(() => n.tabs.find(i)), p = (o) => `${g}-tab-${String(o.value)}`;
-    function m(o) {
-      o.to !== void 0 ? b().push(o.to) : C.value = o.value;
-    }
-    function T(o, y) {
-      const e = n.tabs.length - 1, t = { ArrowRight: y + 1, ArrowLeft: y - 1, Home: 0, End: e }[o.key];
-      if (t === void 0) return;
-      o.preventDefault();
-      const a = n.tabs[(t + n.tabs.length) % n.tabs.length];
-      a && (m(a), d.value?.querySelector(`[data-tab="${String(a.value)}"]`)?.focus());
-    }
-    const P = { start: "justify-start", center: "justify-center", end: "justify-end" };
-    return (o, y) => (l(), r("div", null, [
-      S.value ? (l(), r("nav", {
-        key: 0,
-        ref_key: "list",
-        ref: d,
-        class: "-mx-1 overflow-x-auto overflow-y-hidden",
-        "aria-label": n.label
-      }, [
-        x("ul", {
-          class: "flex gap-2 p-1",
-          role: "tablist",
-          "aria-label": n.label
-        }, [
-          (l(!0), r(E, null, K(n.tabs, (e, t) => (l(), r("li", {
-            key: e.value,
-            role: "presentation",
-            class: "shrink-0"
-          }, [
-            x("button", {
-              id: p(e),
-              type: "button",
-              role: "tab",
-              "aria-selected": i(e),
-              tabindex: i(e) ? 0 : -1,
-              "aria-controls": `${h(g)}-panel`,
-              "data-tab": String(e.value),
-              class: f(["flex min-h-[2.125rem] cursor-pointer items-center gap-1.5 whitespace-nowrap rounded-full px-3.5 text-subheadline font-semibold transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", i(e) ? "bg-tint text-content-on-tint" : "bg-surface-cell text-content-strong shadow-group active:bg-fill"]),
-              onClick: (a) => m(e),
-              onKeydown: (a) => T(a, t)
-            }, [
-              V(k(e.shortLabel ?? e.label) + " ", 1),
-              e.badge ? (l(), r("span", ee, k(e.badge), 1)) : w("", !0),
-              e.warning ? (l(), N(h(M), {
-                key: 1,
-                name: "alertTriangle",
-                size: 14,
-                label: e.warning
-              }, null, 8, ["label"])) : w("", !0)
-            ], 42, Z)
-          ]))), 128))
-        ], 8, Q)
-      ], 8, J)) : (l(), r("nav", {
-        key: 1,
-        ref_key: "list",
-        ref: d,
-        "aria-label": n.label,
-        class: f([
-          n.presentation === "scope" ? "" : "overflow-y-hidden overflow-x-auto whitespace-nowrap",
-          n.presentation === "plain" ? "" : "rounded-control bg-fill p-0.5"
-        ])
-      }, [
-        x("ul", {
-          class: f(["flex gap-0.5", n.presentation === "scope" ? "flex-wrap whitespace-nowrap" : "", P[n.alignment]]),
-          role: "tablist",
-          "aria-label": n.label
-        }, [
-          (l(!0), r(E, null, K(n.tabs, (e, t) => (l(), r("li", {
-            key: e.value,
-            role: "presentation",
-            class: f({ "flex flex-1": n.stretch })
-          }, [
-            x("button", {
-              id: p(e),
-              type: "button",
-              role: "tab",
-              "aria-selected": i(e),
-              tabindex: i(e) ? 0 : -1,
-              "aria-controls": `${h(g)}-panel`,
-              "data-tab": String(e.value),
-              class: f([
-                "flex min-h-8 cursor-pointer items-center justify-center rounded-control px-3.5 py-1 text-subheadline transition-colors duration-motion-fast ease-motion-standard focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus",
-                i(e) ? "bg-segment-selected font-semibold text-content-strong shadow-sm" : "font-medium text-content hover:text-content-strong",
-                n.stretch ? "flex-1" : ""
-              ]),
-              onClick: (a) => m(e),
-              onKeydown: (a) => T(a, t)
-            }, [
-              e.icon ? (l(), N(h(M), {
-                key: 0,
-                name: e.icon,
-                class: f(["mr-2", i(e) ? "text-content-link" : ""])
-              }, null, 8, ["name", "class"])) : w("", !0),
-              V(" " + k(e.label) + " ", 1),
-              e.badge ? (l(), r("span", {
-                key: 1,
-                class: f(["ml-2 block min-w-[1.125rem] rounded-full px-1.5 text-center text-caption font-semibold tabular-nums", i(e) ? "bg-tint-soft text-content-link" : "bg-surface-cell text-content-muted"])
-              }, k(e.badge), 3)) : w("", !0),
-              e.warning ? (l(), N(h(M), {
-                key: 2,
-                name: "alertTriangle",
-                size: 16,
-                label: e.warning,
-                class: "ml-2 text-status-warning-content"
-              }, null, 8, ["label"])) : w("", !0)
-            ], 42, oe)
-          ], 2))), 128))
-        ], 10, ne)
-      ], 10, te)),
-      o.$slots.default ? (l(), r("div", {
-        key: 2,
-        id: `${h(g)}-panel`,
-        role: "tabpanel",
-        "aria-labelledby": _.value ? p(_.value) : void 0,
-        class: "mt-4"
-      }, [
-        B(o.$slots, "default")
-      ], 8, le)) : w("", !0)
-    ]));
-  }
-}), ae = ["aria-hidden"], se = ["href", "target", "rel", "tabindex", "data-action"], re = Symbol("vue-core:swipe-open-row"), ie = () => U(re, () => j(null)), ve = /* @__PURE__ */ O({
-  __name: "SwipeActions",
-  props: {
-    actions: {},
-    contentClass: { default: "" }
-  },
-  setup($) {
-    const n = $, C = 76, g = {
-      positive: "bg-status-success-solid",
-      info: "bg-status-info-solid",
-      neutral: "bg-status-neutral-solid",
-      critical: "bg-status-danger-solid"
-    }, u = ie(), v = Symbol("swipe-row"), b = D(() => n.actions.length * C), s = j(0), d = j(!1);
-    let S = 0, i = 0, _ = 0, p = null, m = !1;
-    function T(t) {
-      m = !1, !(t.pointerType !== "touch" || n.actions.length === 0) && (S = t.clientX, i = t.clientY, _ = s.value, p = null);
-    }
-    function P(t) {
-      if (t.pointerType !== "touch" || n.actions.length === 0) return;
-      const a = t.clientX - S, c = t.clientY - i;
-      if (p === null) {
-        if (Math.abs(a) < 6 && Math.abs(c) < 6) return;
-        p = Math.abs(a) > Math.abs(c);
-      }
-      p && (d.value = !0, s.value = Math.min(0, Math.max(-b.value - 24, _ + a)));
-    }
-    function o() {
-      s.value = 0, u.value === v && (u.value = null);
-    }
-    function y() {
-      if (!d.value) return;
-      d.value = !1, m = !0;
-      const t = -s.value > b.value / 2;
-      s.value = t ? -b.value : 0, t ? u.value = v : u.value === v && (u.value = null);
-    }
-    function e(t) {
-      if (m) {
-        m = !1, t.stopPropagation(), t.preventDefault();
-        return;
-      }
-      s.value !== 0 && !t.target.closest("[data-swipe-action]") && (t.stopPropagation(), t.preventDefault(), o());
-    }
-    return Y(u, (t) => {
-      t !== v && s.value !== 0 && !d.value && (s.value = 0);
-    }), H(() => {
-      u.value === v && (u.value = null);
-    }), (t, a) => (l(), r("div", {
-      class: "relative overflow-hidden",
-      "data-test": "swipe-row",
-      onClickCapture: e
-    }, [
-      x("div", {
-        class: "absolute inset-y-0 right-0 flex",
-        style: A({ width: `${b.value}px` }),
-        "aria-hidden": s.value === 0
-      }, [
-        (l(!0), r(E, null, K(n.actions, (c) => (l(), r("a", {
-          key: c.key,
-          href: c.href,
-          "data-swipe-action": "",
-          target: c.external ? "_blank" : void 0,
-          rel: c.external ? "noopener" : void 0,
-          tabindex: s.value === 0 ? -1 : 0,
-          "data-action": c.key,
-          class: f(["flex flex-1 flex-col items-center justify-center gap-1 text-footnote font-semibold text-white", g[c.tone]]),
-          onClick: o
-        }, [
-          W(h(M), {
-            name: c.icon,
-            size: 22
-          }, null, 8, ["name"]),
-          V(" " + k(c.label), 1)
-        ], 10, se))), 128))
-      ], 12, ae),
-      x("div", {
-        class: f(["relative touch-pan-y bg-surface-cell", [n.contentClass, d.value ? "" : "transition-transform duration-motion-normal ease-motion-standard"]]),
-        style: A({ transform: `translateX(${s.value}px)` }),
-        onPointerdown: T,
-        onPointermove: P,
-        onPointerup: y,
-        onPointercancel: y
-      }, [
-        B(t.$slots, "default")
-      ], 38)
-    ], 32));
-  }
-});
-export {
-  ve as _,
-  me as a
-};

package/dist/chrome-D9pwD6iS.js

@@ -1,101 +0,0 @@
-import { ref as c, getCurrentInstance as w, inject as T, shallowRef as C, computed as m, watch as k, toValue as s, onBeforeUnmount as M } from "vue";
-import { d as g } from "./context-Ch1r4fdN.js";
-const [y, I] = g("vue-core.bottomDock");
-function P(l) {
-  const n = c(null);
-  return l.provide(y, n), n;
-}
-const b = 30;
-function O() {
-  const l = c(null), n = c(""), o = c(!0), a = C(/* @__PURE__ */ new Map()), v = c(0), u = /* @__PURE__ */ new Map();
-  let f = null, r = null;
-  const d = m(() => Array.from(a.value.values())), p = m(() => d.value.flatMap((e) => e.actions)), i = (e) => m(() => d.value.map((t) => t[e]).filter((t) => t != null).pop() ?? null);
-  return {
-    back: l,
-    title: n,
-    titleInView: o,
-    actions: p,
-    leading: i("leading"),
-    status: i("status"),
-    navTitle: i("navTitle"),
-    documentTitle: i("documentTitle"),
-    hasShell: m(() => v.value > 0),
-    claimShell() {
-      v.value++;
-      let e = !1;
-      return () => {
-        e || v.value--, e = !0;
-      };
-    },
-    claim() {
-      const e = Symbol("page-chrome-owner");
-      return {
-        setBack(t) {
-          f = e, l.value = t;
-        },
-        clearBack() {
-          f === e && (f = null, l.value = null);
-        },
-        setTitle(t) {
-          r !== e && (o.value = !0), r = e, n.value = t;
-        },
-        setTitleInView(t) {
-          r === e && (o.value = t);
-        },
-        clearTitle() {
-          r === e && (r = null, n.value = "", o.value = !0);
-        },
-        setRegistration(t) {
-          a.value = new Map(a.value).set(e, t);
-        },
-        clearRegistration() {
-          if (!a.value.has(e)) return;
-          const t = new Map(a.value);
-          t.delete(e), a.value = t;
-        }
-      };
-    },
-    focusMemory: {
-      take(e) {
-        const t = u.get(e);
-        return u.delete(e), t;
-      },
-      put(e, t) {
-        u.delete(e), u.set(e, t), u.size > b && u.delete(u.keys().next().value ?? "");
-      }
-    }
-  };
-}
-const [h, R] = g("vue-core.pageChrome");
-function D(l) {
-  const n = O();
-  return l.provide(h, n), n;
-}
-function S() {
-  return w() ? T(h, null) : null;
-}
-function V(l) {
-  const o = R().claim();
-  k(
-    () => ({
-      actions: s(l.actions) ?? [],
-      leading: s(l.leading) ?? null,
-      status: s(l.status) ?? null,
-      navTitle: s(l.navTitle) ?? null,
-      documentTitle: s(l.documentTitle) ?? null
-    }),
-    (a) => o.setRegistration(a),
-    { immediate: !0, deep: !0 }
-  ), M(() => o.clearRegistration());
-}
-export {
-  D as a,
-  y as b,
-  O as c,
-  V as d,
-  R as e,
-  S as f,
-  P as i,
-  h as p,
-  I as u
-};

package/dist/dialogStack-DiTG1rZc.js

@@ -1,26 +0,0 @@
-import { computed as a, onUnmounted as u, shallowRef as d } from "vue";
-import { p as f } from "./perDocument-DUuFrdGU.js";
-const v = "data-dialog-inert-skip", i = "overflow-hidden", y = Symbol("vue-core:dialog-stack"), m = () => f(y, () => ({ entries: d([]), inertedByUs: /* @__PURE__ */ new Set(), lockedByUs: !1 }));
-function r(n) {
-  const e = n.entries.value[n.entries.value.length - 1]?.root() ?? null;
-  for (const t of Array.from(document.body.children)) {
-    if (!(t instanceof HTMLElement)) continue;
-    const s = e !== null && !t.hasAttribute(v) && !t.contains(e);
-    s && !t.inert ? (t.inert = !0, n.inertedByUs.add(t)) : !s && n.inertedByUs.has(t) && (t.inert = !1, n.inertedByUs.delete(t));
-  }
-  const o = n.entries.value.length > 0;
-  o && !document.body.classList.contains(i) ? (document.body.classList.add(i), n.lockedByUs = !0) : !o && n.lockedByUs && (document.body.classList.remove(i), n.lockedByUs = !1);
-}
-function B(n) {
-  const e = m(), o = { root: () => n.value }, t = a(() => e.entries.value[e.entries.value.length - 1] === o), s = () => {
-    e.entries.value.includes(o) || (e.entries.value = [...e.entries.value, o]), r(e);
-  }, l = () => {
-    e.entries.value.includes(o) && (e.entries.value = e.entries.value.filter((c) => c !== o), r(e));
-  };
-  return u(l), { isTop: t, activate: s, deactivate: l };
-}
-export {
-  v as I,
-  i as S,
-  B as u
-};

package/dist/environment-D3nozt9a.js

@@ -1,75 +0,0 @@
-import { inject as v, onMounted as m, onBeforeUnmount as p, shallowRef as h } from "vue";
-import { matchedRouteKey as w, onBeforeRouteLeave as g, onBeforeRouteUpdate as L } from "vue-router";
-import { d as f } from "./context-Ch1r4fdN.js";
-class G extends Error {
-  constructor() {
-    super(
-      'A page with unsaved changes needs to ask "Discard changes?", but no <LeaveGuardRoot /> is mounted. BackofficeShell renders it; a shell of your own must render <LeaveGuardRoot /> once (import it from @wssto2/vue-core/form).'
-    ), this.name = "MissingLeaveGuardRootError";
-  }
-}
-function R() {
-  const n = h(null), o = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new WeakMap();
-  let t = 0;
-  function r(e = null) {
-    if (t === 0) return Promise.reject(new G());
-    const l = e ? a.get(e) : void 0;
-    if (l) return l;
-    const s = n.value;
-    if (s && e === null && s.to === null) return s.decision;
-    s?.resolve(!1);
-    let c;
-    const u = new Promise((i) => c = i), d = {
-      to: e,
-      decision: u,
-      resolve: (i) => {
-        n.value === d && (n.value = null), c(i);
-      }
-    };
-    return n.value = d, e && a.set(e, u), u;
-  }
-  return {
-    pending: n,
-    confirm: r,
-    attach() {
-      t++;
-      let e = !1;
-      return () => {
-        e || t--, e = !0;
-      };
-    },
-    register(e) {
-      return o.add(e), () => o.delete(e);
-    },
-    hasUnsavedChanges: () => [...o].some((e) => e())
-  };
-}
-const [k, B] = f("vue-core.leaveGuard");
-function x(n) {
-  const o = R();
-  return n.provide(k, o), o;
-}
-function U(n) {
-  const o = B();
-  v(w, null) && (g((r) => n() ? o.confirm(r) : !0), L((r, e) => r.path !== e.path && n() ? o.confirm(r) : !0));
-  function a(r) {
-    n() && (r.preventDefault(), r.returnValue = "");
-  }
-  let t = null;
-  return m(() => {
-    window.addEventListener("beforeunload", a), t = o.register(n);
-  }), p(() => {
-    window.removeEventListener("beforeunload", a), t?.();
-  }), { confirmDiscard: async () => !n() || o.confirm() };
-}
-const [C, K] = f("vue-core.application");
-export {
-  G as M,
-  C as a,
-  K as b,
-  U as c,
-  R as d,
-  x as i,
-  k as l,
-  B as u
-};

package/dist/feature-DyDtyMLU.js

@@ -1,47 +0,0 @@
-import { defineComponent as c, h as i } from "vue";
-import { d as p } from "./context-Ch1r4fdN.js";
-function b(t, e) {
-  const s = t.map(({ contribution: o }) => o).sort((o, n) => (o.order ?? 0) - (n.order ?? 0));
-  return {
-    get(o) {
-      const n = e.state.value.status === "authenticated";
-      return s.filter((a) => a.slot === o && (a.scope === "always" || n));
-    }
-  };
-}
-const [h, d] = p("vue-core.shellContributions"), f = c({
-  name: "ShellOutlet",
-  props: { name: { type: String, required: !0 } },
-  setup(t) {
-    const e = d();
-    return () => e.get(t.name).map((s) => i(s.component, { key: s.id }));
-  }
-});
-function g(t, e) {
-  return { key: t, value: e };
-}
-const u = /* @__PURE__ */ new WeakSet(), y = (t) => typeof t == "object" && t !== null && u.has(t), r = (t) => t === void 0 ? [] : Array.isArray(t) ? [...t] : [t];
-function C(t) {
-  if (typeof t.id != "string" || t.id.trim() === "") throw new Error("defineFeature: `id` must be a non-empty string.");
-  const e = Object.freeze({
-    id: t.id,
-    routes: r(t.routes),
-    contexts: r(t.context),
-    messages: r(t.messages),
-    navigation: r(t.navigation),
-    contributions: r(t.contributions),
-    effects: r(t.effects),
-    backend: r(t.backend),
-    requires: r(t.requires).map((s) => typeof s == "string" ? s : s.id)
-  });
-  return u.add(e), e;
-}
-export {
-  f as S,
-  b as c,
-  C as d,
-  y as i,
-  g as p,
-  h as s,
-  d as u
-};