@wssto2/vue-core 0.4.15 → 0.4.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wssto2/vue-core",
-  "version": "0.4.15",
+  "version": "0.4.17",
   "goCore": "v1.7.0",
   "description": "Shared Vue 3 library for go-core applications: app shell, list / record / form pages and their controls.",
   "keywords": [

package/dist/DateField.vue_vue_type_script_setup_true_lang-DehwWm78.js

@@ -1,256 +0,0 @@
-import { computed as f, defineComponent as X, useModel as Z, useTemplateRef as $, openBlock as y, createBlock as A, mergeProps as V, unref as l, withCtx as N, createElementBlock as C, Fragment as I, createVNode as w, createTextVNode as ee, toDisplayString as Q, createCommentVNode as B, createElementVNode as O, normalizeClass as te, mergeModels as re, mergeDefaults as oe, nextTick as Y } from "vue";
-import { useI18n as j } from "vue-i18n";
-import { _ as ae } from "./DateButton.vue_vue_type_script_setup_true_lang-EcqrfWKz.js";
-import { u as H } from "./format-B8mJm946.js";
-import { _ as ne } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { u as le } from "./mediaQuery-CygcXmFW.js";
-import { _ as se } from "./Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
-import { c as ie, _ as de, f as ue, b as ce } from "./control-CX9BG2UB.js";
-import { e as T, f as E, m as K, g as G, h as me, j as fe, u as pe, k as be, _ as ve, l as ye, c as xe } from "./useTypedEntry-aTfPBAhw.js";
-const ke = ["d", "m", "y"];
-function he(o) {
-  const r = o("2033-11-22"), e = { y: r.indexOf("2033") >= 0 ? r.indexOf("2033") : r.indexOf("33"), m: r.indexOf("11"), d: r.indexOf("22") };
-  return e.y < 0 || e.m < 0 || e.d < 0 ? ke : ["d", "m", "y"].sort((t, a) => e[t] - e[a]);
-}
-const ge = (o) => o.trim().toLowerCase().replace(/\.+$/, "");
-function _e(o, r) {
-  if (o.length === 4) return Number(o);
-  if (o.length > 2) return null;
-  const e = 2e3 + Number(o);
-  return e > Number(r.slice(0, 4)) + 30 ? e - 100 : e;
-}
-function x(o, r) {
-  const e = o.y === void 0 ? Number(r.slice(0, 4)) : _e(o.y, r), t = o.m === void 0 ? Number(r.slice(5, 7)) : Number(o.m);
-  return e === null || o.d === void 0 ? null : K(e, t, Number(o.d));
-}
-function we(o, r) {
-  const e = r.today ?? T(), t = ge(o);
-  if (t === "") return null;
-  const { words: a } = r;
-  if (a.today.includes(t)) return e;
-  if (a.tomorrow.includes(t)) return E(e, 1);
-  if (a.yesterday.includes(t)) return E(e, -1);
-  const d = /^([+-])\s*(\d{1,4})$/.exec(t);
-  if (d) return E(e, Number(d[2]) * (d[1] === "-" ? -1 : 1));
-  const i = /^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(t);
-  if (i) return K(Number(i[1]), Number(i[2]), Number(i[3]));
-  if (!/^[\d\s./-]+$/.test(t)) return null;
-  const n = r.order, p = n.filter((v) => v !== "y");
-  if (/^\d+$/.test(t)) {
-    if (t.length <= 2) return x({ d: t }, e);
-    if (t.length === 4) return x(M(p, [t.slice(0, 2), t.slice(2)]), e);
-    if (t.length === 6 || t.length === 8) {
-      const v = n.map((u) => u === "y" ? t.length - 4 : 2);
-      let k = 0;
-      const b = n.map((u, h) => [u, t.slice(k, k += v[h])]);
-      return x(Object.fromEntries(b), e);
-    }
-    return null;
-  }
-  const m = t.split(/[^\d]+/).filter(Boolean);
-  return m.length === 3 ? x(M(n, m), e) : m.length === 2 ? x(M(p, m), e) : m.length === 1 ? x({ d: m[0] }, e) : null;
-}
-function M(o, r) {
-  return Object.fromEntries(o.map((e, t) => [e, r[t]]));
-}
-function Ue(o) {
-  const r = o.trim().replace(/^(\d{4}-\d{2}-\d{2})T/, "$1 ").split(/\s+/).filter(Boolean), e = r[r.length - 1];
-  if (e === void 0) return { date: null, time: null };
-  if (!(e.includes(":") || r.length > 1 && /^\d{1,2}\.\d{2}$/.test(e))) return { date: r.join(" "), time: null };
-  const a = r.slice(0, -1).join(" ");
-  return { date: a === "" ? null : a, time: e };
-}
-function De(o, r, e) {
-  const t = o(e), a = /\D+/.exec(t)?.[0].trim() ?? ".", d = /\D+$/.test(t) ? a : "", i = { d: String(Number(e.slice(8))), m: String(Number(e.slice(5, 7))), y: "" };
-  return r.filter((n) => n !== "y").map((n) => i[n]).join(a) + d;
-}
-function $e(o) {
-  const { t: r } = j(), e = H(), t = (n) => e.date(n), a = f(() => he(t)), d = f(() => ({
-    today: [r("core.form.date.words.today").toLowerCase(), "today"],
-    tomorrow: [r("core.form.date.words.tomorrow").toLowerCase(), "tomorrow"],
-    yesterday: [r("core.form.date.words.yesterday").toLowerCase(), "yesterday"]
-  }));
-  return {
-    placeholder: f(() => r("core.form.date.placeholder", { example: De(t, a.value, T()) })),
-    /** The day a text means, or null. */
-    parse: (n) => we(n, { order: a.value, words: d.value }),
-    available: (n) => !G(n, o()),
-    invalidMessage: () => r("core.form.date.invalid", { example: t(T()) }),
-    unavailableMessage: () => r("core.form.date.unavailable")
-  };
-}
-function Ne(o, r, e) {
-  const { t } = j();
-  return f(() => {
-    const a = T();
-    return (o() ?? me(r())).map((d) => {
-      const i = fe(d, (n) => t(`core.form.date.${n.replace(/-/g, "_")}`), a);
-      return { ...i, disabled: G(i.value, e()) };
-    });
-  });
-}
-const Ce = ["id", "name", "value", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], Oe = ["aria-label", "onClick"], Te = { class: "flex flex-col gap-2.5" }, qe = {
-  key: 0,
-  class: "border-t border-border-separator pt-2.5"
-}, Pe = { class: "text-footnote text-content-muted" }, Re = /* @__PURE__ */ X({
-  __name: "DateField",
-  props: /* @__PURE__ */ re(/* @__PURE__ */ oe({
-    label: {},
-    labelHidden: { type: Boolean },
-    hint: {},
-    error: {},
-    required: { type: Boolean },
-    editable: { type: Boolean },
-    disabled: { type: Boolean },
-    lockedReason: {},
-    presentation: {},
-    name: {},
-    min: {},
-    max: {},
-    disabledDates: { type: [Array, Function] },
-    openOn: {},
-    quickPicks: {}
-  }, { ...ce, min: void 0, max: void 0, disabledDates: void 0, openOn: void 0, quickPicks: void 0 }), {
-    modelValue: { default: null },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(o, { expose: r }) {
-    const e = o, t = Z(o, "modelValue"), { t: a } = j(), d = H(), i = le(), n = $("input"), p = $("popover"), m = $("calendar"), v = $("sheet"), k = f(() => ({ min: e.min, max: e.max, disabled: e.disabledDates })), b = $e(() => k.value), u = pe({
-      model: t,
-      display: (c) => d.date(c),
-      parse: (c) => {
-        const s = b.parse(c);
-        return s ? b.available(s) ? { value: s } : { error: b.unavailableMessage() } : { error: b.invalidMessage() };
-      }
-    }), h = Ne(() => e.quickPicks, () => i.value, () => k.value), L = f(() => e.error || u.message.value), q = f(() => t.value ? d.date(t.value) : null), J = ie("date", () => L.value ? "error" : e.disabled ? "locked" : "rest"), z = f(() => u.typed.value ?? (be(t.value) ? t.value : null));
-    async function P(c) {
-      e.disabled || (p.value?.present(), c && (await Y(), await Y(), m.value?.focus()));
-    }
-    function W(c) {
-      c.key === "Enter" ? (u.commit(), p.value?.dismiss()) : c.key === "ArrowDown" && (c.preventDefault(), P(!0));
-    }
-    function F(c, s) {
-      u.set(c), s();
-    }
-    return r({ focus: () => n.value?.focus() }), (c, s) => (y(), A(de, V({ ...l(ue)(e), error: L.value }, {
-      value: q.value,
-      "value-style": "numeric"
-    }), {
-      default: N(({ id: S, describedby: U, invalid: R }) => [
-        l(i) ? (y(), C(I, { key: 0 }, [
-          w(ae, V({ id: S, "aria-describedby": U }, {
-            disabled: e.disabled,
-            invalid: R,
-            placeholder: l(a)("core.form.select.choose"),
-            onClick: s[0] || (s[0] = (g) => v.value?.present())
-          }), {
-            default: N(() => [
-              q.value ? (y(), C(I, { key: 0 }, [
-                ee(Q(q.value), 1)
-              ], 64)) : B("", !0)
-            ]),
-            _: 1
-          }, 16, ["disabled", "invalid", "placeholder"]),
-          w(ve, {
-            ref_key: "sheet",
-            ref: v,
-            title: e.label ?? l(a)("core.form.date.calendar"),
-            mode: "date",
-            "model-value": t.value,
-            min: e.min,
-            max: e.max,
-            "disabled-dates": e.disabledDates,
-            "open-on": e.openOn,
-            shortcuts: l(h),
-            clearable: !e.required,
-            "onUpdate:modelValue": l(u).set
-          }, null, 8, ["title", "model-value", "min", "max", "disabled-dates", "open-on", "shortcuts", "clearable", "onUpdate:modelValue"])
-        ], 64)) : (y(), A(se, {
-          key: 1,
-          ref_key: "popover",
-          ref: p,
-          label: e.label ?? l(a)("core.form.date.calendar"),
-          width: "lg",
-          placement: "bottom-start",
-          arrow: !1,
-          autofocus: !1
-        }, {
-          trigger: N(({ attrs: g, presented: _ }) => [
-            O("div", {
-              class: te(["inline-flex max-w-full items-center gap-2", l(J)])
-            }, [
-              O("input", V({
-                id: S,
-                ref_key: "input",
-                ref: n
-              }, g, {
-                type: "text",
-                role: "combobox",
-                autocomplete: "off",
-                size: "16",
-                name: e.name,
-                value: l(u).text.value,
-                placeholder: l(b).placeholder.value,
-                disabled: e.disabled,
-                required: e.required,
-                "aria-required": e.required || void 0,
-                "aria-invalid": R || void 0,
-                "aria-describedby": U,
-                class: "block min-h-7 min-w-0 border-0 bg-transparent py-1 pl-2.5 text-body tabular-nums text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
-                onInput: s[1] || (s[1] = (D) => l(u).input(D.target.value)),
-                onBlur: s[2] || (s[2] = (D) => l(u).commit()),
-                onKeydown: W,
-                onClick: s[3] || (s[3] = (D) => P(!1))
-              }), null, 16, Ce),
-              e.disabled ? B("", !0) : (y(), C("button", {
-                key: 0,
-                type: "button",
-                tabindex: "-1",
-                "aria-label": l(a)("core.form.date.open"),
-                class: "mr-2 flex shrink-0 cursor-pointer items-center text-content-link",
-                onClick: (D) => _ ? p.value?.dismiss() : P(!0)
-              }, [
-                w(l(ne), {
-                  name: "calendarLine",
-                  size: 18
-                })
-              ], 8, Oe))
-            ], 2)
-          ]),
-          default: N(({ dismiss: g }) => [
-            O("div", Te, [
-              w(ye, {
-                ref_key: "calendar",
-                ref: m,
-                "model-value": z.value,
-                min: e.min,
-                max: e.max,
-                "disabled-dates": e.disabledDates,
-                "open-on": e.openOn,
-                "month-picker": "",
-                "onUpdate:modelValue": (_) => F(_, g)
-              }, null, 8, ["model-value", "min", "max", "disabled-dates", "open-on", "onUpdate:modelValue"]),
-              l(h).length > 0 ? (y(), C("div", qe, [
-                w(xe, {
-                  items: l(h),
-                  selected: z.value,
-                  onPick: (_) => F(_, g)
-                }, null, 8, ["items", "selected", "onPick"])
-              ])) : B("", !0),
-              O("p", Pe, Q(l(a)("core.form.date.keys")), 1)
-            ])
-          ]),
-          _: 2
-        }, 1032, ["label"]))
-      ]),
-      _: 1
-    }, 16, ["value"]));
-  }
-});
-export {
-  Re as _,
-  Ne as a,
-  Ue as s,
-  $e as u
-};

package/dist/NumberField.vue_vue_type_script_setup_true_lang-Dm6FfJ2T.js

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

package/dist/SegmentedField.vue_vue_type_script_setup_true_lang-B2d55hrh.js

@@ -1,59 +0,0 @@
-import { defineComponent as x, openBlock as l, createBlock as y, mergeProps as g, unref as s, withCtx as w, createElementVNode as _, normalizeClass as o, createElementBlock as a, Fragment as V, renderList as k, createTextVNode as h, toDisplayString as i, createCommentVNode as B, mergeDefaults as C } from "vue";
-import { u as L, a as F, _ as D, f as N, b as E } from "./control-CX9BG2UB.js";
-const P = ["id", "aria-label", "aria-describedby", "aria-invalid"], R = ["disabled", "aria-pressed", "onClick"], G = /* @__PURE__ */ x({
-  __name: "SegmentedField",
-  props: /* @__PURE__ */ C({
-    label: {},
-    labelHidden: { type: Boolean },
-    hint: {},
-    error: {},
-    required: { type: Boolean },
-    editable: { type: Boolean },
-    disabled: { type: Boolean },
-    lockedReason: {},
-    presentation: {},
-    name: {},
-    modelValue: {},
-    options: {},
-    rowLayout: {}
-  }, { ...E, modelValue: null, rowLayout: "setting" }),
-  emits: ["update:modelValue"],
-  setup(r, { emit: d }) {
-    const e = r, u = d, { editable: c } = L(e), m = !!F(), f = () => e.options.find((n) => n.value === e.modelValue)?.label ?? null;
-    return (n, S) => (l(), y(D, g(s(N)(e), {
-      value: f(),
-      "row-layout": e.rowLayout
-    }), {
-      default: w(({ id: b, describedby: p, invalid: v }) => [
-        _("div", {
-          id: b,
-          role: "group",
-          "aria-label": e.label,
-          "aria-describedby": p,
-          "aria-invalid": v || void 0,
-          "data-test": "segmented",
-          class: o(["max-w-full flex-wrap rounded-control bg-fill p-0.5", [m && e.rowLayout === "stacked" ? "flex w-full" : "inline-flex", e.disabled ? "opacity-45" : ""]])
-        }, [
-          (l(!0), a(V, null, k(e.options, (t) => (l(), a("button", {
-            key: t.value,
-            type: "button",
-            disabled: e.disabled || !s(c) || t.disabled,
-            "aria-pressed": t.value === e.modelValue,
-            class: o(["relative min-h-7 min-w-fit flex-1 whitespace-nowrap rounded-control px-3.5 py-1 text-sm transition-colors duration-motion-fast ease-motion-standard focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus", t.value === e.modelValue ? "bg-segment-selected font-semibold text-content-strong shadow-sm" : "cursor-pointer font-medium text-content hover:text-content-strong"]),
-            onClick: ($) => u("update:modelValue", t.value)
-          }, [
-            h(i(t.label) + " ", 1),
-            t.count !== void 0 ? (l(), a("span", {
-              key: 0,
-              class: o(["ml-1.5 rounded-full px-1.5 text-caption font-semibold tabular-nums", t.value === e.modelValue ? "bg-tint-soft text-content-link" : "bg-fill-strong text-content-muted"])
-            }, i(t.count), 3)) : B("", !0)
-          ], 10, R))), 128))
-        ], 10, P)
-      ]),
-      _: 1
-    }, 16, ["value", "row-layout"]));
-  }
-});
-export {
-  G as _
-};

package/dist/SwitchField.vue_vue_type_script_setup_true_lang-B2Z2hy_h.js

@@ -1,65 +0,0 @@
-import { defineComponent as p, useModel as b, computed as w, openBlock as v, createBlock as y, mergeProps as g, unref as a, withCtx as _, createElementVNode as t, renderSlot as k, normalizeClass as i, normalizeStyle as B, toDisplayString as z, mergeModels as S, mergeDefaults as x } from "vue";
-import { useI18n as C } from "vue-i18n";
-import { u as M, _ as V, f as D, b as E } from "./control-CX9BG2UB.js";
-const F = { class: "flex items-center gap-2" }, I = ["id", "aria-checked", "aria-label", "aria-describedby", "aria-invalid", "disabled"], P = { class: "sr-only" }, R = /* @__PURE__ */ p({
-  __name: "SwitchField",
-  props: /* @__PURE__ */ S(/* @__PURE__ */ x({
-    label: {},
-    labelHidden: { type: Boolean },
-    hint: {},
-    error: {},
-    required: { type: Boolean },
-    editable: { type: Boolean },
-    disabled: { type: Boolean },
-    lockedReason: {},
-    presentation: {},
-    name: {},
-    size: {}
-  }, { ...E, size: "md" }), {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(s) {
-    const o = s, e = b(s, "modelValue"), { t: l } = C(), { editable: r } = M(o), n = {
-      sm: { "--switch-w": "1.75rem", "--switch-h": "1rem" },
-      md: { "--switch-w": "var(--app-switch-width)", "--switch-h": "var(--app-switch-height)" },
-      lg: { "--switch-w": "3.1875rem", "--switch-h": "1.9375rem" }
-    }, d = w(() => n[o.size]);
-    function c() {
-      !o.disabled && r.value && (e.value = !e.value);
-    }
-    return (u, $) => (v(), y(V, g(a(D)(o), {
-      value: e.value,
-      "row-layout": "setting"
-    }), {
-      default: _(({ id: m, describedby: h, invalid: f }) => [
-        t("div", F, [
-          k(u.$slots, "before"),
-          t("button", {
-            id: m,
-            type: "button",
-            role: "switch",
-            "aria-checked": e.value,
-            "aria-label": o.label,
-            "aria-describedby": h,
-            "aria-invalid": f || void 0,
-            disabled: o.disabled,
-            style: B(d.value),
-            class: i(["hit-target relative inline-flex h-(--switch-h) w-(--switch-w) shrink-0 cursor-pointer rounded-full transition-colors duration-motion-fast ease-motion-standard focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-not-allowed disabled:opacity-45", e.value ? "bg-control-on" : "bg-fill-strong"]),
-            onClick: c
-          }, [
-            t("span", {
-              class: i(["pointer-events-none absolute left-0.5 top-0.5 size-[calc(var(--switch-h)-0.25rem)] rounded-full bg-white shadow-knob transition-transform duration-motion-normal ease-motion-standard", e.value ? "translate-x-[calc(var(--switch-w)-var(--switch-h))]" : ""])
-            }, null, 2),
-            t("span", P, z(e.value ? a(l)("core.form.yes") : a(l)("core.form.no")), 1)
-          ], 14, I)
-        ])
-      ]),
-      _: 3
-    }, 16, ["value"]));
-  }
-});
-export {
-  R as _
-};