@wssto2/vue-core 0.3.0 → 0.4.0

package/dist/TextareaField.vue_vue_type_script_setup_true_lang-CU3KTKIJ.js

@@ -1,127 +0,0 @@
-import { defineComponent as y, useModel as g, computed as d, openBlock as v, createBlock as x, mergeProps as _, unref as i, withCtx as k, createElementVNode as t, renderSlot as F, normalizeClass as c, normalizeStyle as R, toDisplayString as B, mergeModels as V, mergeDefaults as q, useTemplateRef as P, withDirectives as T, vModelText as I, createElementBlock as N, createCommentVNode as j } from "vue";
-import { useI18n as G } from "vue-i18n";
-import { u as z, _ as C, f as S, b as $, a as U, g as Z } from "./options-BXkMR63B.js";
-import { u as A } from "./mediaQuery-CygcXmFW.js";
-const H = { class: "flex items-center gap-2" }, J = ["id", "aria-checked", "aria-label", "aria-describedby", "aria-invalid", "disabled"], K = { class: "sr-only" }, ae = /* @__PURE__ */ y({
-  __name: "SwitchField",
-  props: /* @__PURE__ */ V(/* @__PURE__ */ q({
-    label: {},
-    hint: {},
-    error: {},
-    required: { type: Boolean },
-    editable: { type: Boolean },
-    disabled: { type: Boolean },
-    lockedReason: {},
-    presentation: {},
-    name: {},
-    size: {}
-  }, { ...$, size: "md" }), {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(l) {
-    const a = l, e = g(l, "modelValue"), { t: o } = G(), { editable: n } = z(a), u = {
-      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" }
-    }, m = d(() => u[a.size]);
-    function p() {
-      !a.disabled && n.value && (e.value = !e.value);
-    }
-    return (s, r) => (v(), x(C, _(i(S)(a), {
-      value: e.value,
-      "row-layout": "setting"
-    }), {
-      default: k(({ id: h, describedby: f, invalid: b }) => [
-        t("div", H, [
-          F(s.$slots, "before"),
-          t("button", {
-            id: h,
-            type: "button",
-            role: "switch",
-            "aria-checked": e.value,
-            "aria-label": a.label,
-            "aria-describedby": f,
-            "aria-invalid": b || void 0,
-            disabled: a.disabled,
-            style: R(m.value),
-            class: c(["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: p
-          }, [
-            t("span", {
-              class: c(["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", K, B(e.value ? i(o)("core.form.yes") : i(o)("core.form.no")), 1)
-          ], 14, J)
-        ])
-      ]),
-      _: 3
-    }, 16, ["value"]));
-  }
-}), O = ["id", "name", "rows", "placeholder", "maxlength", "autocomplete", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], Q = {
-  key: 0,
-  class: "mt-1 self-end text-footnote tabular-nums text-content-muted"
-}, oe = /* @__PURE__ */ y({
-  __name: "TextareaField",
-  props: /* @__PURE__ */ V(/* @__PURE__ */ q({
-    label: {},
-    hint: {},
-    error: {},
-    required: { type: Boolean },
-    editable: { type: Boolean },
-    disabled: { type: Boolean },
-    lockedReason: {},
-    presentation: {},
-    name: {},
-    placeholder: {},
-    maxLength: {},
-    rows: {},
-    autocomplete: {},
-    stacked: { type: Boolean }
-  }, { ...$, placeholder: void 0, maxLength: void 0, rows: 3, autocomplete: void 0, stacked: !1 }), {
-    modelValue: { default: "" },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(l, { expose: a }) {
-    const e = l, o = g(l, "modelValue"), n = P("area"), u = !!U(), m = A(), { editable: p } = z(e), s = d(() => u && !e.stacked && !m.value && p.value && !!e.label), r = d(() => e.maxLength ? `${o.value.length} / ${e.maxLength}` : void 0), h = d(() => s.value && r.value ? [e.hint, r.value].filter(Boolean).join(" · ") : e.hint), f = Z("area", () => e.error ? "error" : e.disabled ? "locked" : "rest");
-    return a({ focus: () => n.value?.focus() }), (b, w) => (v(), x(C, _({ ...i(S)(e), hint: h.value }, {
-      value: o.value,
-      "row-layout": s.value ? "entry" : "stacked",
-      "row-label-align": "top"
-    }), {
-      default: k(({ id: M, describedby: L, invalid: D }) => [
-        t("div", {
-          class: c(["w-full", i(f)])
-        }, [
-          T(t("textarea", {
-            id: M,
-            ref_key: "area",
-            ref: n,
-            "onUpdate:modelValue": w[0] || (w[0] = (E) => o.value = E),
-            name: e.name,
-            rows: e.rows,
-            placeholder: e.placeholder,
-            maxlength: e.maxLength,
-            autocomplete: e.autocomplete,
-            disabled: e.disabled,
-            required: e.required,
-            "aria-required": e.required || void 0,
-            "aria-invalid": D || void 0,
-            "aria-describedby": L,
-            class: c(["block w-full border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed", e.disabled ? "resize-none" : "resize-y"])
-          }, null, 10, O), [
-            [I, o.value]
-          ])
-        ], 2),
-        !s.value && r.value ? (v(), N("p", Q, B(r.value), 1)) : j("", !0)
-      ]),
-      _: 1
-    }, 16, ["value", "row-layout"]));
-  }
-});
-export {
-  ae as _,
-  oe as a
-};

package/dist/options-BXkMR63B.js

@@ -1,329 +0,0 @@
-import { inject as N, ref as G, computed as n, onBeforeUnmount as A, defineComponent as D, useSlots as V, openBlock as s, createBlock as L, resolveDynamicComponent as C, unref as t, normalizeClass as p, withCtx as w, createElementBlock as i, renderSlot as f, createCommentVNode as u, createElementVNode as x, createTextVNode as h, toDisplayString as c, createVNode as z, useAttrs as K, useId as M, mergeProps as F, createSlots as P, mergeDefaults as U } from "vue";
-import { useI18n as Y } from "vue-i18n";
-import { _ as q } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
-import { RouterLink as H } from "vue-router";
-import { c as J, a as Q } from "./controlSurface-t7OEFESJ.js";
-import { u as W } from "./mediaQuery-CygcXmFW.js";
-const X = {
-  label: void 0,
-  hint: void 0,
-  error: void 0,
-  required: !1,
-  editable: !0,
-  disabled: !1,
-  lockedReason: void 0,
-  presentation: "control",
-  name: void 0
-}, Z = Symbol("vue-core.formGroup"), ee = Symbol("vue-core.formRowIndent"), te = Symbol("vue-core.formEditable"), R = () => N(Z, null), oe = () => N(ee, 0);
-function le(r) {
-  const e = R(), o = N(te, G(!0)), l = W(), y = n(() => !!e && !!r.disabled && (l.value || r.presentation === "value")), v = n(() => (r.editable ?? !0) && o.value && !y.value), a = n(() => !!e && !!r.disabled && v.value);
-  if (e) {
-    const m = e.registerLocked(n(() => !!r.disabled && o.value && r.presentation !== "value"));
-    A(m);
-  }
-  return { editable: v, locked: a };
-}
-const re = ["label", "hint", "error", "required", "editable", "disabled", "lockedReason", "presentation", "name"];
-function Re(r) {
-  return Object.fromEntries(re.map((e) => [e, r[e]]));
-}
-const ae = {
-  key: 0,
-  class: "flex shrink-0 items-center"
-}, se = { class: "row-body min-h-row min-w-0 flex-1 border-t border-border-separator py-2 pr-row-inset" }, ne = {
-  key: 0,
-  class: "text-content-destructive",
-  "aria-hidden": "true"
-}, ie = ["id"], de = {
-  key: 0,
-  class: "break-words text-body text-content-strong"
-}, ue = ["id"], ce = /* @__PURE__ */ D({
-  __name: "FormRow",
-  props: {
-    label: { default: void 0 },
-    for: { default: void 0 },
-    sub: { default: void 0 },
-    subId: { default: void 0 },
-    required: { type: Boolean, default: !1 },
-    layout: { default: "entry" },
-    value: { default: void 0 },
-    to: { default: void 0 },
-    error: { default: void 0 },
-    errorId: { default: void 0 },
-    indent: { default: 0 },
-    labelLines: { default: void 0 },
-    labelAlign: { default: "center" }
-  },
-  setup(r) {
-    const e = r, o = V(), l = oe(), y = n(() => l + e.indent), v = ["pl-row-inset", "pl-[calc(var(--app-row-inset)+1.25rem)]", "pl-[calc(var(--app-row-inset)+2.5rem)]"], a = { 1: "line-clamp-1", 2: "line-clamp-2", 3: "line-clamp-3" }, m = n(() => {
-      switch (e.layout) {
-        case "entry":
-          return "grid grid-cols-[var(--form-label-width,11rem)_minmax(0,1fr)] items-center gap-x-4 compact:grid-cols-[minmax(0,auto)_minmax(40%,1fr)]";
-        case "value":
-          return "grid grid-cols-[minmax(min-content,1fr)_minmax(0,auto)] items-center gap-x-4";
-        case "setting":
-          return "flex items-center gap-4";
-        default:
-          return "flex flex-col gap-1";
-      }
-    }), S = n(() => e.layout === "stacked" ? "text-footnote text-content-muted" : e.layout === "value" ? "text-body text-content-muted" : "text-body text-content-strong"), g = n(() => e.value !== void 0 && e.value !== null && e.value !== "");
-    return (b, _) => (s(), L(C(e.to ? t(H) : "div"), {
-      to: e.to,
-      "data-test": "form-row",
-      "data-layout": e.layout,
-      "data-field-error": e.error ? "true" : void 0,
-      class: p(["form-row flex min-w-0 items-stretch gap-3 transition-colors duration-motion-fast first:rounded-t-group last:rounded-b-group focus-within:bg-tint-soft/50 [&:first-child>.row-body]:border-t-0", [v[Math.min(y.value, 2)], e.to ? "hover:bg-fill focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus" : ""]])
-    }, {
-      default: w(() => [
-        o.leading ? (s(), i("div", ae, [
-          f(b.$slots, "leading")
-        ])) : u("", !0),
-        x("div", se, [
-          x("div", {
-            class: p(["min-w-0", m.value])
-          }, [
-            e.label || e.sub || o.sub ? (s(), i("div", {
-              key: 0,
-              class: p([e.layout === "setting" ? "min-w-min flex-1" : "min-w-0", e.labelAlign === "top" ? "self-start pt-1" : ""])
-            }, [
-              x("div", {
-                class: p(o["label-trailing"] ? "flex items-center justify-between gap-3" : "")
-              }, [
-                (s(), L(C(e.for ? "label" : "span"), {
-                  for: e.for,
-                  class: p(["break-words", [S.value, e.labelLines ? a[e.labelLines] : "block"]])
-                }, {
-                  default: w(() => [
-                    h(c(e.label), 1),
-                    e.required ? (s(), i("span", ne, " *")) : u("", !0)
-                  ]),
-                  _: 1
-                }, 8, ["for", "class"])),
-                f(b.$slots, "label-trailing")
-              ], 2),
-              e.sub || o.sub ? (s(), i("small", {
-                key: 0,
-                id: e.subId,
-                class: "mt-0.5 block text-footnote text-content-muted"
-              }, [
-                f(b.$slots, "sub", {}, () => [
-                  h(c(e.sub), 1)
-                ])
-              ], 8, ie)) : u("", !0)
-            ], 2)) : u("", !0),
-            x("div", {
-              class: p(["flex min-w-0 items-center gap-2", e.layout === "value" ? "justify-end text-right" : e.layout === "setting" ? "flex-wrap justify-end text-right" : e.layout === "entry" ? "compact:justify-end" : ""])
-            }, [
-              f(b.$slots, "default", {}, () => [
-                g.value ? (s(), i("span", de, c(e.value), 1)) : u("", !0)
-              ]),
-              f(b.$slots, "trailing"),
-              e.to ? (s(), L(t(q), {
-                key: 0,
-                name: "arrowRightSLine",
-                size: 18,
-                class: "shrink-0 text-content-disabled"
-              })) : u("", !0)
-            ], 2)
-          ], 2),
-          e.error ? (s(), i("p", {
-            key: 0,
-            id: e.errorId,
-            class: "mt-1 flex items-start gap-1.5 text-footnote text-content-destructive",
-            role: "alert"
-          }, [
-            z(t(q), {
-              name: "alertTriangle",
-              size: 14,
-              class: "mt-px shrink-0"
-            }),
-            h(" " + c(e.error), 1)
-          ], 8, ue)) : u("", !0)
-        ])
-      ]),
-      _: 3
-    }, 8, ["to", "data-layout", "data-field-error", "class"]));
-  }
-}), fe = ["title"], ve = {
-  key: 0,
-  class: "mr-1"
-}, me = {
-  key: 1,
-  class: "ml-1 text-content-muted"
-}, be = {
-  key: 3,
-  class: "block text-body text-content-disabled"
-}, pe = {
-  key: 0,
-  class: "sr-only"
-}, ye = ["data-field-error"], ge = {
-  key: 0,
-  class: "flex items-center justify-between gap-3"
-}, xe = ["for"], he = {
-  key: 0,
-  class: "text-content-destructive",
-  "aria-hidden": "true"
-}, ke = ["id"], we = ["id"], Ee = /* @__PURE__ */ D({
-  __name: "Field",
-  props: /* @__PURE__ */ U({
-    label: {},
-    hint: {},
-    error: {},
-    required: { type: Boolean },
-    editable: { type: Boolean },
-    disabled: { type: Boolean },
-    lockedReason: {},
-    presentation: {},
-    name: {},
-    value: { type: [String, Number, Boolean, null] },
-    prefix: {},
-    suffix: {},
-    valueStyle: {},
-    rowLayout: {},
-    rowLabelAlign: {}
-  }, { ...X, value: void 0, prefix: void 0, suffix: void 0, valueStyle: void 0, rowLayout: "entry", rowLabelAlign: "center" }),
-  setup(r) {
-    const e = r, { t: o } = Y(), l = V(), y = K(), v = R(), { editable: a, locked: m } = le(e), S = M(), g = n(() => e.name ?? S), b = n(() => `${g.value}-hint`), _ = n(() => `${g.value}-error`);
-    if (v?.registerField) {
-      const d = y["data-field-key"], T = v.registerField(typeof d == "string" ? d : void 0, n(() => e.disabled));
-      A(T);
-    }
-    const k = n(() => {
-      const d = e.value;
-      return d == null ? !1 : typeof d == "string" ? d.length > 0 : typeof d == "number" ? !Number.isNaN(d) : !0;
-    }), E = n(() => typeof e.value == "boolean" ? e.value ? o("core.form.yes") : o("core.form.no") : e.value), O = n(() => !!v && !a.value && v.hideEmpty.value && !k.value && !l.readonly), B = n(() => [e.hint && a.value ? b.value : null, e.error ? _.value : null].filter(Boolean).join(" ") || void 0), $ = n(() => a.value ? e.rowLayout : e.rowLayout === "stacked" ? "stacked" : "value"), j = n(
-      () => a.value && !m.value && e.required ? { "data-field-required": "true", "data-field-filled": k.value ? "true" : void 0 } : {}
-    );
-    return (d, T) => t(v) && !O.value ? (s(), L(ce, F({ key: 0 }, j.value, {
-      label: e.label,
-      for: t(a) ? g.value : void 0,
-      sub: t(a) ? e.hint : void 0,
-      "sub-id": b.value,
-      required: t(a) && !t(m) && e.required,
-      layout: $.value,
-      "label-align": $.value === "entry" ? e.rowLabelAlign : void 0,
-      error: t(a) ? e.error : void 0,
-      "error-id": _.value,
-      "data-field-locked": t(m) ? "true" : void 0
-    }), P({
-      default: w(() => [
-        x("div", {
-          class: "relative w-full min-w-0",
-          title: t(m) ? e.lockedReason : void 0
-        }, [
-          x("div", {
-            class: p(t(a) ? $.value === "setting" ? "flex min-w-0 flex-col items-end" : $.value === "stacked" ? "flex min-w-0 flex-col items-stretch" : "flex min-w-0 flex-col items-start compact:items-end" : "")
-          }, [
-            t(a) ? f(d.$slots, "default", {
-              id: g.value,
-              describedby: B.value,
-              invalid: !!e.error,
-              required: e.required,
-              disabled: e.disabled
-            }, void 0, void 0, 0) : t(l).readonly ? f(d.$slots, "readonly", {}, void 0, void 0, 1) : k.value ? (s(), i("span", {
-              key: 2,
-              class: p(["block break-words text-body text-content-strong", e.valueStyle === "mono" ? "font-mono" : e.valueStyle === "numeric" ? "tabular-nums" : ""])
-            }, [
-              e.prefix ? (s(), i("span", ve, c(e.prefix), 1)) : u("", !0),
-              h(c(E.value), 1),
-              e.suffix ? (s(), i("span", me, c(e.suffix), 1)) : u("", !0)
-            ], 2)) : (s(), i("span", be, c(t(o)("core.state.no_value")), 1))
-          ], 2)
-        ], 8, fe),
-        t(m) && e.lockedReason ? (s(), i("span", pe, c(e.lockedReason), 1)) : u("", !0)
-      ]),
-      _: 2
-    }, [
-      t(a) && t(l).trailing ? {
-        name: "trailing",
-        fn: w(() => [
-          f(d.$slots, "trailing")
-        ]),
-        key: "0"
-      } : void 0,
-      t(a) && t(l).labelTrailing ? {
-        name: "label-trailing",
-        fn: w(() => [
-          f(d.$slots, "labelTrailing")
-        ]),
-        key: "1"
-      } : void 0
-    ]), 1040, ["label", "for", "sub", "sub-id", "required", "layout", "label-align", "error", "error-id", "data-field-locked"])) : t(v) ? u("", !0) : (s(), i("div", F({ key: 1 }, j.value, {
-      "data-field-error": e.error ? "true" : void 0,
-      class: "flex min-w-0 flex-col gap-1"
-    }), [
-      e.label || t(a) && t(l).labelTrailing ? (s(), i("div", ge, [
-        e.label ? (s(), i("label", {
-          key: 0,
-          for: t(a) ? g.value : void 0,
-          class: "text-footnote font-medium text-content-muted"
-        }, [
-          h(c(e.label), 1),
-          t(a) && e.required ? (s(), i("span", he, " *")) : u("", !0)
-        ], 8, xe)) : u("", !0),
-        t(a) ? f(d.$slots, "labelTrailing", {}, void 0, void 0, 1) : u("", !0)
-      ])) : u("", !0),
-      t(a) ? f(d.$slots, "default", {
-        id: g.value,
-        describedby: B.value,
-        invalid: !!e.error,
-        required: e.required,
-        disabled: e.disabled
-      }, void 0, void 0, 1) : t(l).readonly ? f(d.$slots, "readonly", {}, void 0, void 0, 2) : (s(), i("span", {
-        key: 3,
-        class: p(["text-body", k.value ? "text-content-strong" : "text-content-disabled"])
-      }, c(k.value ? `${e.prefix ?? ""}${E.value}${e.suffix ?? ""}` : t(o)("core.state.no_value")), 3)),
-      e.hint && t(a) ? (s(), i("p", {
-        key: 4,
-        id: b.value,
-        class: "text-footnote text-content-muted"
-      }, c(e.hint), 9, ke)) : u("", !0),
-      e.error ? (s(), i("p", {
-        key: 5,
-        id: _.value,
-        role: "alert",
-        class: "flex items-start gap-1.5 text-footnote text-content-destructive"
-      }, [
-        z(t(q), {
-          name: "alertTriangle",
-          size: 14,
-          class: "mt-px shrink-0"
-        }),
-        h(" " + c(e.error), 1)
-      ], 8, we)) : u("", !0)
-    ], 16, ye));
-  }
-}), _e = "rounded-control transition-[background-color,box-shadow,opacity] duration-motion-fast ease-motion-standard";
-function Be(r, e) {
-  const o = !!R();
-  return n(() => o ? J({ kind: r, state: e() }) : [_e, ...Q(r, e()).map(([l]) => l)].join(" "));
-}
-function je(r) {
-  const e = /* @__PURE__ */ new Map();
-  for (const o of r) {
-    const l = o.group ?? null, y = e.get(l) ?? [];
-    y.push(o), e.set(l, y);
-  }
-  return [...e.entries()].sort(([o], [l]) => o === null ? -1 : l === null ? 1 : 0).map(([o, l]) => ({ title: o, options: l }));
-}
-function Te(r, e) {
-  const o = I(e.trim());
-  return o === "" ? r : r.filter((l) => I(l.label).includes(o) || l.description !== void 0 && I(l.description).includes(o));
-}
-const I = (r) => r.normalize("NFD").replace(/[̀-ͯ]/g, "").toLocaleLowerCase();
-export {
-  Ee as _,
-  R as a,
-  X as b,
-  I as c,
-  te as d,
-  ce as e,
-  Re as f,
-  Be as g,
-  je as h,
-  Z as i,
-  ee as j,
-  oe as k,
-  Te as m,
-  le as u
-};