@wssto2/vue-core 0.1.0 → 0.3.0

package/dist/NumberField.vue_vue_type_script_setup_true_lang-CYRg7Kfg.js

@@ -0,0 +1,113 @@
+import { defineComponent as G, useModel as I, useTemplateRef as R, computed as _, ref as w, watch as F, openBlock as y, createBlock as S, mergeProps as W, unref as B, withCtx as $, createElementVNode as D, normalizeClass as A, createElementBlock as q, toDisplayString as N, createCommentVNode as M, mergeModels as E, mergeDefaults as O } from "vue";
+import { b as P } from "./controlSurface-t7OEFESJ.js";
+import { u as z } from "./format-B8mJm946.js";
+import { a as T, g as j, _ as H, f as J, b as K } from "./options-BXkMR63B.js";
+function L(n) {
+  const r = n.number(1234.5, { minimumFractionDigits: 1, maximumFractionDigits: 1, useGrouping: !0 }), e = /^\d(\D)\d/.exec(r)?.[1] ?? "";
+  return { decimal: r.charAt(r.length - 2) || ".", group: e === "." || e === "," ? e : "" };
+}
+function Q(n, r) {
+  const e = n.trim().startsWith("-"), t = n.replace(/[^\d.,]/g, "");
+  if (t === "") return e ? void 0 : null;
+  const c = [...t].filter((a) => a === "." || a === ",");
+  let d = t, p = "";
+  if (r.decimals > 0 && c.length > 0) {
+    const a = Math.max(t.lastIndexOf("."), t.lastIndexOf(",")), m = t.charAt(a), f = t.slice(a + 1), s = t.includes(".") && t.includes(","), l = c.filter((k) => k === m).length > 1, h = !s && m === r.group && f.length === 3;
+    (s || !l && !h) && (d = t.slice(0, a), p = f);
+  }
+  const g = (a) => a.replace(/\D/g, ""), v = +`${g(d) || "0"}.${g(p) || "0"}`;
+  if (!Number.isFinite(v)) return;
+  const u = Number(v.toFixed(r.decimals));
+  return e ? -u || 0 : u;
+}
+const U = {
+  key: 0,
+  class: "shrink-0 text-footnote text-content-muted"
+}, X = ["id", "value", "name", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], Y = {
+  key: 1,
+  class: "shrink-0 text-footnote text-content-muted"
+}, ie = /* @__PURE__ */ G({
+  __name: "NumberField",
+  props: /* @__PURE__ */ E(/* @__PURE__ */ O({
+    label: {},
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    decimals: {},
+    negative: { type: Boolean },
+    grouping: { type: Boolean },
+    placeholder: {},
+    prefix: {},
+    suffix: {},
+    width: {}
+  }, { ...K, decimals: 0, negative: !1, grouping: !0, placeholder: void 0, prefix: void 0, suffix: void 0, width: "sm" }), {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n, { expose: r }) {
+    const e = n, t = I(n, "modelValue"), c = z(), d = R("input"), p = !!T(), g = j("text", () => e.error ? "error" : e.disabled ? "locked" : "rest"), v = _(() => p ? P(e.width) : "w-full"), u = _(() => L(c)), a = (i) => i === null ? "" : c.number(i, { minimumFractionDigits: e.decimals, maximumFractionDigits: e.decimals, useGrouping: e.grouping }), m = (i) => i === null ? "" : String(i).replace(".", u.value.decimal), f = (i) => Q(i, { decimals: e.decimals, group: e.grouping ? u.value.group : "" }), s = w(!1), l = w(a(t.value));
+    F(t, (i) => {
+      s.value ? f(l.value) !== i && (l.value = m(i)) : l.value = a(i);
+    }), F(() => [e.decimals, e.grouping, u.value.decimal], () => {
+      s.value || (l.value = a(t.value));
+    });
+    function h(i) {
+      const x = i.target;
+      let o = x.value.replace(/[^\d.,\-\s]/g, "");
+      e.negative ? o = o.replace(/(?!^)-/g, "") : o = o.replace(/-/g, ""), o !== x.value && (x.value = o), l.value = o;
+      const b = f(o);
+      b !== void 0 ? t.value = b : t.value = null;
+    }
+    function k() {
+      s.value = !0, l.value = m(t.value);
+    }
+    function C() {
+      s.value = !1, l.value = a(t.value);
+    }
+    return r({ focus: () => d.value?.focus() }), (i, x) => (y(), S(H, W(B(J)(e), {
+      value: t.value === null ? null : a(t.value),
+      prefix: e.prefix,
+      suffix: e.suffix,
+      "value-style": "numeric"
+    }), {
+      default: $(({ id: o, describedby: b, invalid: V }) => [
+        D("div", {
+          class: A(["flex items-center gap-1.5", [B(g), v.value]])
+        }, [
+          e.prefix ? (y(), q("span", U, N(e.prefix), 1)) : M("", !0),
+          D("input", {
+            id: o,
+            ref_key: "input",
+            ref: d,
+            value: l.value,
+            type: "text",
+            inputmode: "decimal",
+            autocomplete: "off",
+            name: e.name,
+            placeholder: e.placeholder,
+            disabled: e.disabled,
+            required: e.required,
+            "aria-required": e.required || void 0,
+            "aria-invalid": V || void 0,
+            "aria-describedby": b,
+            class: "block w-full min-w-0 border-0 bg-transparent px-0 py-1 text-right text-body tabular-nums text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
+            onInput: h,
+            onFocus: k,
+            onBlur: C
+          }, null, 40, X),
+          e.suffix ? (y(), q("span", Y, N(e.suffix), 1)) : M("", !0)
+        ], 2)
+      ]),
+      _: 1
+    }, 16, ["value", "prefix", "suffix"]));
+  }
+});
+export {
+  ie as _
+};

package/dist/OtpInput.vue_vue_type_script_setup_true_lang-gp4FfWAH.js

@@ -0,0 +1,95 @@
+import { defineComponent as S, useModel as F, useId as T, useTemplateRef as $, ref as c, computed as v, watch as h, nextTick as f, onMounted as A, openBlock as s, createElementBlock as u, normalizeClass as k, createElementVNode as E, unref as R, Fragment as B, renderList as _, createTextVNode as j, toDisplayString as q, createCommentVNode as K, mergeModels as V } from "vue";
+import { useI18n as L } from "vue-i18n";
+const O = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "aria-describedby"], P = {
+  key: 1,
+  class: "h-5 w-px animate-caret-blink bg-content-strong"
+}, J = /* @__PURE__ */ S({
+  __name: "OtpInput",
+  props: /* @__PURE__ */ V({
+    length: { default: 6 },
+    disabled: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 },
+    autofocus: { type: Boolean, default: !1 },
+    name: { default: void 0 },
+    label: { default: void 0 },
+    describedBy: { default: void 0 }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["complete"], ["update:modelValue"]),
+  setup(p, { expose: w, emit: z }) {
+    const a = p, m = F(p, "modelValue"), C = z, { t: D } = L(), I = T(), n = $("input"), r = c(!1), g = c(0), d = c(!1), b = (l) => l.replace(/\D/g, "").slice(0, a.length), o = v(() => b(m.value)), x = v(() => Math.min(g.value, a.length - 1)), M = v(() => a.label ?? D("core.form.otp.label", { length: a.length }));
+    function i() {
+      g.value = n.value?.selectionStart ?? o.value.length;
+    }
+    function y(l) {
+      const e = b(l);
+      n.value && n.value.value !== e && (n.value.value = e);
+      const t = e !== o.value;
+      m.value = e, f(i), t && e.length === a.length && C("complete", e);
+    }
+    function N(l) {
+      const e = l.clipboardData?.getData("text") ?? "";
+      e && (l.preventDefault(), y(e), f(() => {
+        const t = o.value.length;
+        n.value?.setSelectionRange(t, t), i();
+      }));
+    }
+    return h(
+      () => a.invalid,
+      (l) => {
+        l && (d.value = !1, requestAnimationFrame(() => d.value = !0));
+      }
+    ), h(o, (l) => {
+      n.value && n.value.value !== l && (n.value.value = l, f(i));
+    }), A(() => {
+      a.autofocus && n.value?.focus();
+    }), w({ focus: () => n.value?.focus() }), (l, e) => (s(), u("div", {
+      class: k(["relative inline-flex gap-2 sm:gap-3", { "motion-safe:animate-shake": d.value }]),
+      "data-test": "otp-input",
+      onAnimationend: e[3] || (e[3] = (t) => d.value = !1)
+    }, [
+      E("input", {
+        id: R(I),
+        ref_key: "input",
+        ref: n,
+        value: o.value,
+        name: a.name,
+        type: "text",
+        inputmode: "numeric",
+        autocomplete: "one-time-code",
+        pattern: "\\d*",
+        spellcheck: "false",
+        disabled: a.disabled,
+        "aria-label": M.value,
+        "aria-invalid": a.invalid || void 0,
+        "aria-describedby": a.describedBy,
+        "data-test": "otp-input-field",
+        class: "absolute inset-0 z-10 h-full w-full cursor-text border-0 bg-transparent p-0 text-base text-transparent caret-transparent outline-none selection:bg-transparent disabled:cursor-not-allowed",
+        onInput: e[0] || (e[0] = (t) => y(t.target.value)),
+        onPaste: N,
+        onFocus: e[1] || (e[1] = (t) => {
+          r.value = !0, i();
+        }),
+        onBlur: e[2] || (e[2] = (t) => r.value = !1),
+        onKeyup: i,
+        onClick: i,
+        onSelect: i
+      }, null, 40, O),
+      (s(!0), u(B, null, _(a.length, (t) => (s(), u("div", {
+        key: t,
+        "aria-hidden": "true",
+        "data-test": "otp-input-cell",
+        class: k(["flex size-11 items-center justify-center rounded-control bg-fill text-lg font-medium tabular-nums text-content-strong transition-[box-shadow] sm:size-13 sm:text-xl", [a.invalid ? "bg-status-danger-surface ring-[1.5px] ring-inset ring-border-destructive" : r.value && x.value === t - 1 ? "bg-surface-cell ring-[1.5px] ring-inset ring-border-focus outline-3 outline-border-focus/20" : "", a.disabled ? "opacity-45" : ""]])
+      }, [
+        o.value[t - 1] ? (s(), u(B, { key: 0 }, [
+          j(q(o.value[t - 1]), 1)
+        ], 64)) : r.value && x.value === t - 1 ? (s(), u("span", P)) : K("", !0)
+      ], 2))), 128))
+    ], 34));
+  }
+});
+export {
+  J as _
+};

package/dist/PageBar.vue_vue_type_script_setup_true_lang-Cfr5xsJx.js

@@ -0,0 +1,47 @@
+import { defineComponent as u, openBlock as f, createElementBlock as _, createElementVNode as p, toDisplayString as o, unref as t, createVNode as l, withCtx as r, createTextVNode as i, createCommentVNode as x } from "vue";
+import { useI18n as b } from "vue-i18n";
+import { _ as c } from "./Button.vue_vue_type_script_setup_true_lang-CYil8h9z.js";
+const k = {
+  key: 0,
+  class: "flex items-center justify-between gap-3 px-row-inset text-footnote text-content-muted",
+  "data-page-bar": ""
+}, C = { class: "flex gap-2" }, w = /* @__PURE__ */ u({
+  __name: "PageBar",
+  props: {
+    page: {},
+    lastPage: {},
+    total: {}
+  },
+  emits: ["update:page"],
+  setup(d, { emit: g }) {
+    const e = d, n = g, { t: s } = b();
+    return (P, a) => e.lastPage > 1 ? (f(), _("div", k, [
+      p("span", null, o(t(s)("core.collection.page.page_of", { current: e.page, total: e.lastPage })) + " · " + o(e.total), 1),
+      p("span", C, [
+        l(t(c), {
+          size: "sm",
+          disabled: e.page <= 1,
+          onClick: a[0] || (a[0] = (m) => n("update:page", e.page - 1))
+        }, {
+          default: r(() => [
+            i(o(t(s)("core.collection.page.previous")), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        l(t(c), {
+          size: "sm",
+          disabled: e.page >= e.lastPage,
+          onClick: a[1] || (a[1] = (m) => n("update:page", e.page + 1))
+        }, {
+          default: r(() => [
+            i(o(t(s)("core.collection.page.next")), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ])
+    ])) : x("", !0);
+  }
+});
+export {
+  w as _
+};

package/dist/{Panel.vue_vue_type_script_setup_true_lang-BQmv3cLb.js → Panel.vue_vue_type_script_setup_true_lang-BCRxRK4D.js}

@@ -1,5 +1,5 @@
 import { defineComponent as D, useModel as L, useSlots as N, useId as V, computed as y, openBlock as t, createElementBlock as l, normalizeClass as a, createBlock as i, resolveDynamicComponent as p, withCtx as f, toDisplayString as r, createCommentVNode as s, createElementVNode as $, renderSlot as b, unref as c, createTextVNode as M, createVNode as z, withDirectives as E, vShow as I, mergeModels as T } from "vue";
-import { _ as g } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
+import { _ as g } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
 const j = ["data-presentation"], P = {
   key: 0,
   class: "flex min-w-0 items-center gap-3 px-0.5"

package/dist/{PhotoViewer.vue_vue_type_script_setup_true_lang-DDVQXJRB.js → PhotoViewer.vue_vue_type_script_setup_true_lang-B3Q4dhqJ.js}

@@ -1,7 +1,7 @@
 import { defineComponent as Ae, useModel as Re, ref as _, useTemplateRef as se, watch as Q, computed as g, onBeforeUnmount as Ne, nextTick as ye, onMounted as Xe, openBlock as m, createBlock as Ve, Teleport as Ye, createElementBlock as f, createVNode as T, Transition as Ze, withCtx as Ee, unref as u, createElementVNode as h, toDisplayString as ee, createCommentVNode as k, renderSlot as Ke, normalizeClass as M, withModifiers as re, normalizeStyle as te, Fragment as We, renderList as je, mergeModels as be } from "vue";
 import { useI18n as Ue } from "vue-i18n";
-import { _ as S } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
-import { u as Fe } from "./useDialog-wmyNx2j_.js";
+import { _ as S } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { u as Fe } from "./useDialog-CXR3hN0G.js";
 const _e = [1, 1.5, 2, 3, 4, 5], ke = 1, ue = 5, He = (a) => Math.min(ue, Math.max(ke, a)), Me = (a, l) => l % 2 === 0 ? a : { width: a.height, height: a.width };
 function qe(a, l, s) {
   const i = Me(a, s);

package/dist/Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js

@@ -0,0 +1,125 @@
+import { defineComponent as F, useId as M, ref as l, watch as W, nextTick as T, onUnmounted as U, computed as j, openBlock as c, createElementBlock as f, normalizeClass as d, createElementVNode as G, renderSlot as C, createVNode as H, Transition as K, withCtx as Y, normalizeStyle as L, unref as t, createCommentVNode as O } from "vue";
+import { f as B } from "./useDialog-CXR3hN0G.js";
+import { u as q, a as u } from "./anchored-Cj4--8dT.js";
+import { C as S } from "./closeOverlays-CjVsIrpL.js";
+const J = ["aria-label"], N = 12, Q = 640, oe = /* @__PURE__ */ F({
+  __name: "Popover",
+  props: {
+    label: {},
+    placement: { default: "bottom" },
+    width: { default: "lg" },
+    arrow: { type: Boolean, default: !0 },
+    matchTriggerWidth: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    autofocus: { type: Boolean, default: !0 }
+  },
+  emits: ["presented", "dismissed"],
+  setup(P, { expose: R, emit: V }) {
+    const n = P, p = V, $ = { sm: "w-56", md: "w-72", lg: "w-80", auto: "w-max" }, m = `popover-${M()}`, o = l(!1), a = l(null), i = l(null), v = l(null), { style: I, arrowStyle: z, resolvedPlacement: s } = q(i, {
+      reference: () => a.value?.firstElementChild ?? a.value,
+      placement: () => n.placement,
+      offset: 10,
+      padding: N,
+      arrow: v,
+      fit: (e, k) => {
+        const _ = a.value?.firstElementChild ?? a.value;
+        Object.assign(e.style, window.innerWidth < Q ? { width: `${window.innerWidth - N * 2}px`, maxWidth: "", minWidth: "" } : { width: "", maxWidth: `${Math.max(0, k.width)}px`, minWidth: n.matchTriggerWidth && _ ? `${Math.round(_.getBoundingClientRect().width)}px` : "" });
+      }
+    });
+    function w() {
+      o.value || (o.value = !0, p("presented"));
+    }
+    function r(e = !1) {
+      o.value && (o.value = !1, p("dismissed"), e && T(() => B(a.value)[0]?.focus()));
+    }
+    function h() {
+      o.value ? r() : w();
+    }
+    function g(e) {
+      e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), r(!0));
+    }
+    function y(e) {
+      return e instanceof Node && (!!i.value?.contains(e) || !!a.value?.contains(e));
+    }
+    function x(e) {
+      y(e.target) || r();
+    }
+    function A(e) {
+      e.relatedTarget && !y(e.relatedTarget) && r();
+    }
+    W(i, (e) => {
+      e && n.autofocus && T(() => (B(e)[0] ?? e).focus({ preventScroll: !0 }));
+    });
+    function E() {
+      r();
+    }
+    function b() {
+      window.removeEventListener("keydown", g, !0), document.removeEventListener("pointerdown", x, !0), document.removeEventListener(S, E);
+    }
+    W(o, (e) => {
+      e ? (window.addEventListener("keydown", g, !0), document.addEventListener("pointerdown", x, !0), document.addEventListener(S, E)) : b();
+    }), U(b);
+    const D = j(() => ({
+      "aria-expanded": o.value,
+      "aria-haspopup": "dialog",
+      "aria-controls": m
+    }));
+    return R({ present: w, dismiss: () => r(), toggle: h }), (e, k) => (c(), f("span", {
+      class: d(n.block ? "flex w-full" : "inline-flex"),
+      onFocusout: A
+    }, [
+      G("span", {
+        ref_key: "anchor",
+        ref: a,
+        class: d(n.block ? "flex w-full" : "inline-flex")
+      }, [
+        C(e.$slots, "trigger", {
+          presented: o.value,
+          toggle: h,
+          attrs: D.value
+        })
+      ], 2),
+      H(K, {
+        "enter-active-class": "transition-opacity duration-motion-fast ease-motion-standard",
+        "enter-from-class": "opacity-0",
+        "leave-active-class": "pointer-events-none transition-opacity duration-motion-fast ease-motion-standard",
+        "leave-to-class": "opacity-0"
+      }, {
+        default: Y(() => [
+          o.value ? (c(), f("div", {
+            key: 0,
+            id: m,
+            ref_key: "panel",
+            ref: i,
+            role: "dialog",
+            "aria-label": n.label,
+            tabindex: "-1",
+            class: d(["z-1000 rounded-menu bg-surface-overlay p-3 text-content-strong shadow-float outline-none", $[n.width]]),
+            style: L(t(I))
+          }, [
+            C(e.$slots, "default", {
+              dismiss: () => r(!0)
+            }),
+            n.arrow ? (c(), f("span", {
+              key: 0,
+              ref_key: "arrowEl",
+              ref: v,
+              "aria-hidden": "true",
+              class: d(["absolute size-2.5 rotate-45 bg-surface-overlay", {
+                "-bottom-[5px]": t(u)(t(s)) === "bottom",
+                "-top-[5px]": t(u)(t(s)) === "top",
+                "-left-[5px]": t(u)(t(s)) === "left",
+                "-right-[5px]": t(u)(t(s)) === "right"
+              }]),
+              style: L(t(z))
+            }, null, 6)) : O("", !0)
+          ], 14, J)) : O("", !0)
+        ]),
+        _: 3
+      })
+    ], 34));
+  }
+});
+export {
+  oe as _
+};