@wssto2/vue-core 0.4.3 → 0.4.5

package/dist/IconTile.vue_vue_type_script_setup_true_lang-BpIjgu5E.js

@@ -1,40 +0,0 @@
-import { defineComponent as s, openBlock as t, createElementBlock as o, normalizeClass as r, createBlock as l, unref as c, toDisplayString as d, createCommentVNode as x } from "vue";
-import { _ as u } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-const m = ["data-tone"], g = /* @__PURE__ */ s({
-  __name: "IconTile",
-  props: {
-    tone: { default: "anchor" },
-    icon: { default: void 0 },
-    text: { default: void 0 },
-    size: { default: "row" }
-  },
-  setup(a) {
-    const e = a, i = {
-      brand: "bg-tile-brand text-tile-brand-foreground",
-      anchor: "bg-tile-anchor text-tile-anchor-foreground",
-      neutral: "bg-tile-neutral text-tile-neutral-foreground"
-    }, n = {
-      row: { box: "size-tile rounded-md", text: "text-caption" },
-      md: { box: "size-11 rounded-xl", text: "text-base" },
-      lg: { box: "size-14 rounded-2xl", text: "text-xl" }
-    };
-    return (f, p) => (t(), o("span", {
-      "aria-hidden": "true",
-      "data-tone": e.tone,
-      class: r(["inline-flex shrink-0 select-none items-center justify-center", [i[e.tone], n[e.size].box]])
-    }, [
-      e.icon ? (t(), l(c(u), {
-        key: 0,
-        name: e.icon,
-        size: 20,
-        class: "size-[62%]"
-      }, null, 8, ["name"])) : e.text ? (t(), o("span", {
-        key: 1,
-        class: r(["font-semibold leading-none", n[e.size].text])
-      }, d(e.text), 3)) : x("", !0)
-    ], 10, m));
-  }
-});
-export {
-  g as _
-};

package/dist/SelectField.vue_vue_type_script_setup_true_lang-7O1BAx04.js

@@ -1,423 +0,0 @@
-import { defineComponent as U, ref as N, useId as H, useTemplateRef as P, computed as y, watch as F, nextTick as I, openBlock as n, createElementBlock as b, normalizeClass as g, createElementVNode as s, createVNode as L, unref as t, withDirectives as j, vModelText as G, createCommentVNode as _, toDisplayString as w, createBlock as z, Fragment as B, renderList as T, onScopeDispose as K, useModel as W, mergeProps as E, withCtx as D, createSlots as J, createTextVNode as Q, mergeModels as X, mergeDefaults as Y } from "vue";
-import { useI18n as R } from "vue-i18n";
-import { _ as Z } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
-import { _ as V } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { u as ee } from "./mediaQuery-CygcXmFW.js";
-import { _ as te } from "./Sheet.vue_vue_type_script_setup_true_lang-DgOFV4fa.js";
-import { _ as oe } from "./Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
-import { a as le, c as ae, _ as ne, f as se, b as re } from "./control-7EP4tjYy.js";
-import { g as ie, m as ue } from "./options-Ba_0uLWN.js";
-import { a as ce } from "./suggestions-BxMm6MQA.js";
-const de = { class: "flex min-h-9 items-center gap-1.5 rounded-control bg-fill px-2.5 text-content-muted focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-border-focus" }, pe = ["aria-label", "placeholder"], me = ["aria-multiselectable", "aria-busy"], fe = {
-  key: 0,
-  role: "presentation"
-}, ve = ["aria-selected"], be = { class: "flex-1 py-2" }, ge = {
-  key: 1,
-  role: "presentation",
-  class: "flex items-center gap-2.5 px-row-inset py-4 text-subheadline text-content-muted",
-  "data-test": "options-loading"
-}, he = { role: "status" }, ye = {
-  key: 2,
-  role: "presentation",
-  class: "flex flex-col items-start gap-1 px-row-inset py-3",
-  "data-test": "options-failed"
-}, xe = {
-  role: "alert",
-  class: "text-subheadline text-content-destructive"
-}, ke = ["id"], _e = ["aria-labelledby"], we = ["aria-selected"], $e = ["disabled", "onClick"], Ce = {
-  key: 0,
-  "aria-hidden": "true",
-  class: "flex shrink-0 items-center"
-}, Se = { class: "min-w-0 flex-1 text-content-strong" }, Le = {
-  key: 0,
-  class: "shrink-0 text-footnote text-content-muted"
-}, Ve = {
-  key: 3,
-  class: "px-4 py-6 text-center text-subheadline text-content-muted"
-}, M = /* @__PURE__ */ U({
-  __name: "OptionList",
-  props: {
-    options: {},
-    modelValue: { default: null },
-    multiple: { type: Boolean, default: !1 },
-    searchFrom: { default: 9 },
-    noneLabel: { default: void 0 },
-    presentation: { default: "grouped" },
-    status: { default: "loaded" }
-  },
-  emits: ["select", "retry"],
-  setup(r, { emit: l }) {
-    const e = r, d = l, { t: f } = R(), v = N(""), m = H(), h = P("root"), o = y(() => e.options.length >= e.searchFrom), x = y(() => ie(ue(e.options, v.value))), S = (p) => e.multiple ? Array.isArray(e.modelValue) && e.modelValue.includes(p.value) : e.modelValue === p.value, A = y(() => e.multiple ? !1 : e.modelValue === null);
-    function O(p) {
-      if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(p.key)) return;
-      const a = [...h.value?.querySelectorAll("[data-option]:not([disabled])") ?? []];
-      if (a.length === 0) return;
-      const i = a.indexOf(document.activeElement), c = p.key === "Home" ? 0 : p.key === "End" ? a.length - 1 : p.key === "ArrowDown" ? Math.min(i + 1, a.length - 1) : Math.max(i - 1, 0);
-      p.key === "ArrowUp" && i <= 0 ? h.value?.querySelector("[data-option-search]")?.focus() : a[i === -1 && p.key === "ArrowDown" ? 0 : c]?.focus(), p.preventDefault();
-    }
-    const $ = y(() => e.presentation === "grouped"), C = y(() => e.status === "loading"), u = y(() => e.status === "failed");
-    return F(() => e.status, (p, k) => {
-      k !== "loading" || p === "loading" || I(() => {
-        const a = document.activeElement;
-        (!a || a === document.body || a.getAttribute("role") === "dialog" && !!h.value && a.contains(h.value)) && h.value?.querySelector("[data-option-search], [data-option]:not([disabled])")?.focus({ preventScroll: !0 });
-      });
-    }), (p, k) => (n(), b("div", {
-      ref_key: "root",
-      ref: h,
-      "data-test": "option-list",
-      onKeydown: O
-    }, [
-      o.value ? (n(), b("div", {
-        key: 0,
-        class: g(["sticky top-0 z-10 pb-2", $.value ? "bg-surface-page pt-1" : "bg-surface-cell"])
-      }, [
-        s("label", de, [
-          L(t(V), {
-            name: "search",
-            size: 16,
-            class: "shrink-0"
-          }),
-          j(s("input", {
-            "onUpdate:modelValue": k[0] || (k[0] = (a) => v.value = a),
-            "data-option-search": "",
-            type: "search",
-            enterkeyhint: "search",
-            autocomplete: "off",
-            autocapitalize: "off",
-            spellcheck: "false",
-            "aria-label": t(f)("core.form.select.search"),
-            placeholder: t(f)("core.form.select.search"),
-            class: "min-w-0 flex-1 border-0 bg-transparent p-0 text-body text-content-strong outline-none placeholder:text-content-disabled focus:ring-0"
-          }, null, 8, pe), [
-            [G, v.value]
-          ])
-        ])
-      ], 2)) : _("", !0),
-      s("ul", {
-        class: g(["flex flex-col", $.value ? "gap-group-gap" : "gap-2"]),
-        role: "listbox",
-        "aria-multiselectable": e.multiple || void 0,
-        "aria-busy": C.value || void 0
-      }, [
-        e.noneLabel && v.value === "" ? (n(), b("li", fe, [
-          s("ul", {
-            role: "group",
-            class: g($.value ? "rounded-group bg-surface-cell shadow-group" : "")
-          }, [
-            s("li", {
-              role: "option",
-              "aria-selected": A.value
-            }, [
-              s("button", {
-                type: "button",
-                "data-option": "",
-                class: g(["flex min-h-row w-full cursor-pointer items-center gap-3 px-row-inset text-left text-body hover:bg-fill focus-visible:bg-fill focus-visible:outline-none active:bg-fill", [A.value ? "text-content-strong" : "text-content-muted", $.value ? "rounded-group" : "rounded-control"]]),
-                onClick: k[1] || (k[1] = (a) => d("select", null))
-              }, [
-                s("span", be, w(e.noneLabel), 1),
-                A.value ? (n(), z(t(V), {
-                  key: 0,
-                  name: "checkCustom",
-                  size: 18,
-                  class: "shrink-0 text-content-link"
-                })) : _("", !0)
-              ], 2)
-            ], 8, ve)
-          ], 2)
-        ])) : _("", !0),
-        C.value ? (n(), b("li", ge, [
-          L(t(V), {
-            name: "loader4Line",
-            size: 16,
-            class: "shrink-0 animate-spin text-content-link"
-          }),
-          s("span", he, w(t(f)("core.form.select.loading")), 1)
-        ])) : u.value ? (n(), b("li", ye, [
-          s("span", xe, w(t(f)("core.form.select.load_failed")), 1),
-          s("button", {
-            type: "button",
-            "data-option": "",
-            "data-test": "options-retry",
-            class: "-ml-2 cursor-pointer rounded-control px-2 py-1 text-subheadline font-medium text-content-link hover:bg-fill focus-visible:bg-fill focus-visible:outline-none",
-            onClick: k[2] || (k[2] = (a) => d("retry"))
-          }, w(t(f)("core.actions.retry")), 1)
-        ])) : _("", !0),
-        (n(!0), b(B, null, T(x.value, (a, i) => (n(), b("li", {
-          key: a.title ?? i,
-          role: "presentation"
-        }, [
-          a.title ? (n(), b("p", {
-            key: 0,
-            id: `${t(m)}-${i}`,
-            class: "px-row-inset pb-1.5 text-footnote uppercase tracking-wide text-content-muted"
-          }, w(a.title), 9, ke)) : _("", !0),
-          s("ul", {
-            role: "group",
-            "aria-labelledby": a.title ? `${t(m)}-${i}` : void 0,
-            class: g($.value ? "rounded-group bg-surface-cell shadow-group" : "")
-          }, [
-            (n(!0), b(B, null, T(a.options, (c) => (n(), b("li", {
-              key: String(c.value),
-              role: "option",
-              "aria-selected": S(c),
-              class: "group/option"
-            }, [
-              s("button", {
-                type: "button",
-                "data-option": "",
-                "data-test": "option",
-                disabled: c.disabled,
-                class: g(["flex w-full cursor-pointer items-stretch gap-3 pl-row-inset text-left text-body hover:bg-fill focus-visible:bg-fill focus-visible:outline-none active:bg-fill disabled:cursor-not-allowed disabled:opacity-45", $.value ? "group-first/option:rounded-t-group group-last/option:rounded-b-group" : "rounded-control"]),
-                onClick: (Fe) => d("select", c.value)
-              }, [
-                e.multiple ? (n(), b("span", Ce, [
-                  s("span", {
-                    class: g(["flex size-5.5 items-center justify-center rounded-full border", S(c) ? "border-control-on bg-control-on text-white" : "border-border-control"])
-                  }, [
-                    S(c) ? (n(), z(t(V), {
-                      key: 0,
-                      name: "checkCustom",
-                      size: 12
-                    })) : _("", !0)
-                  ], 2)
-                ])) : _("", !0),
-                s("span", {
-                  class: g(["flex min-h-row min-w-0 flex-1 items-center gap-3 py-2 pr-row-inset", $.value ? "border-t border-border-separator group-first/option:border-t-0" : ""])
-                }, [
-                  s("span", Se, w(c.label), 1),
-                  c.description ? (n(), b("span", Le, w(c.description), 1)) : _("", !0),
-                  !e.multiple && S(c) ? (n(), z(t(V), {
-                    key: 1,
-                    name: "checkCustom",
-                    size: 18,
-                    class: "shrink-0 text-content-link"
-                  })) : _("", !0)
-                ], 2)
-              ], 10, $e)
-            ], 8, we))), 128))
-          ], 10, _e)
-        ]))), 128)),
-        x.value.length === 0 && !C.value && !u.value ? (n(), b("li", Ve, w(t(f)("core.form.select.no_matches")), 1)) : _("", !0)
-      ], 10, me)
-    ], 544));
-  }
-});
-function je(r) {
-  const l = ce(), e = r.for !== void 0;
-  let d = 0;
-  function f() {
-    const v = r.for?.();
-    if (e && v == null) {
-      l.cancel(), l.items.value = [], l.status.value = "idle";
-      return;
-    }
-    l.run(
-      (m) => e ? r.load(v, { signal: m }) : r.load({ signal: m })
-    );
-  }
-  return F(
-    () => r.for?.(),
-    (v, m) => {
-      m != null && d++, f();
-    },
-    { immediate: !0 }
-  ), K(l.cancel), {
-    get status() {
-      return l.status.value;
-    },
-    get options() {
-      return l.items.value;
-    },
-    get generation() {
-      return d;
-    },
-    reload: f
-  };
-}
-const q = (r) => Array.isArray(r), De = [];
-function qe(r, l) {
-  const e = y(() => {
-    const o = r();
-    return q(o) ? o : o.options;
-  }), d = y(() => {
-    const o = r();
-    return q(o) ? "loaded" : o.status;
-  }), f = y(() => d.value === "loading" || d.value === "failed" ? De : e.value), v = y(() => d.value === "loading"), m = r();
-  let h = q(m) ? 0 : m.generation;
-  return F(
-    () => {
-      const o = r();
-      return q(o) ? null : o.status === "loaded" || o.status === "idle" ? o.options : null;
-    },
-    (o) => {
-      const x = r();
-      o === null || q(x) || x.generation === h || (h = x.generation, l(o));
-    }
-  ), { known: e, rows: f, status: d, loading: v, reload: () => {
-    const o = r();
-    q(o) || o.reload();
-  } };
-}
-const ze = ["id", "disabled", "aria-expanded", "aria-required", "aria-invalid", "aria-describedby", "aria-busy"], Ae = ["id", "disabled", "aria-required", "aria-invalid", "aria-describedby", "aria-busy", "onClick"], Oe = { class: "max-h-72 overflow-y-auto" }, Ge = /* @__PURE__ */ U({
-  __name: "SelectField",
-  props: /* @__PURE__ */ X(/* @__PURE__ */ Y({
-    label: {},
-    hint: {},
-    error: {},
-    required: { type: Boolean },
-    editable: { type: Boolean },
-    disabled: { type: Boolean },
-    lockedReason: {},
-    presentation: {},
-    name: {},
-    options: {},
-    selected: {},
-    placeholder: {},
-    clearable: { type: Boolean },
-    searchFrom: {}
-  }, { ...re, selected: null, placeholder: void 0, clearable: !1, searchFrom: 9 }), {
-    modelValue: { default: null },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(r) {
-    const l = r, e = W(r, "modelValue"), { t: d } = R(), f = ee(), v = !!le(), m = P("sheet"), h = N(!1), o = qe(() => l.options, (C) => {
-      e.value !== null && !C.some((u) => u.value === e.value) && (e.value = null);
-    }), x = y(() => o.known.value.find((C) => C.value === e.value) ?? (l.selected?.value === e.value ? l.selected : null)), S = y(() => l.placeholder ?? d("core.form.select.choose")), A = ae("popup", () => l.error ? "error" : l.disabled ? "locked" : "rest");
-    function O(C) {
-      e.value = C, m.value?.dismiss();
-    }
-    const $ = y(() => [
-      "flex max-w-full min-w-0 items-center gap-1.5 py-1 pl-2.5 pr-2 text-body focus-visible:outline-none",
-      v ? "compact:pl-0 compact:pr-0" : "",
-      l.disabled ? "cursor-not-allowed" : "cursor-pointer"
-    ]);
-    return (C, u) => (n(), z(ne, E(t(se)(l), {
-      value: x.value?.label ?? null
-    }), {
-      default: D(({ id: p, describedby: k, invalid: a }) => [
-        s("div", {
-          class: g(["inline-flex max-w-full min-w-0", t(A)])
-        }, [
-          t(f) ? (n(), b("button", {
-            key: 0,
-            id: p,
-            type: "button",
-            disabled: l.disabled,
-            "aria-haspopup": "dialog",
-            "aria-expanded": h.value,
-            "aria-required": l.required || void 0,
-            "aria-invalid": a || void 0,
-            "aria-describedby": k,
-            "aria-busy": t(o).loading.value || void 0,
-            class: g($.value),
-            onClick: u[0] || (u[0] = (i) => m.value?.present())
-          }, [
-            s("span", {
-              class: g(["min-w-0 truncate", x.value ? v ? "text-content-strong compact:text-content-muted" : "text-content-strong" : "text-content-disabled"])
-            }, w(x.value?.label ?? S.value), 3),
-            L(t(V), {
-              name: t(o).loading.value ? "loader4Line" : "expandUpDownLine",
-              size: 14,
-              class: g(["shrink-0 text-content-muted", t(o).loading.value ? "animate-spin" : ""])
-            }, null, 8, ["name", "class"])
-          ], 10, ze)) : (n(), z(oe, {
-            key: 1,
-            label: l.label ?? S.value,
-            width: "md",
-            "match-trigger-width": "",
-            placement: "bottom-start",
-            arrow: !1
-          }, {
-            trigger: D(({ toggle: i, attrs: c }) => [
-              s("button", E({
-                id: p,
-                type: "button"
-              }, c, {
-                "aria-haspopup": "listbox",
-                disabled: l.disabled,
-                "aria-required": l.required || void 0,
-                "aria-invalid": a || void 0,
-                "aria-describedby": k,
-                "aria-busy": t(o).loading.value || void 0,
-                class: $.value,
-                onClick: i
-              }), [
-                s("span", {
-                  class: g(["min-w-0 truncate", x.value ? "text-content-strong" : "text-content-disabled"])
-                }, w(x.value?.label ?? S.value), 3),
-                L(t(V), {
-                  name: t(o).loading.value ? "loader4Line" : "expandUpDownLine",
-                  size: 14,
-                  class: g(["shrink-0 text-content-muted", t(o).loading.value ? "animate-spin" : ""])
-                }, null, 8, ["name", "class"])
-              ], 16, Ae)
-            ]),
-            default: D(({ dismiss: i }) => [
-              s("div", Oe, [
-                L(M, {
-                  options: t(o).rows.value,
-                  status: t(o).status.value,
-                  "model-value": e.value,
-                  "search-from": l.searchFrom,
-                  "none-label": l.clearable ? t(d)("core.form.select.clear") : void 0,
-                  presentation: "plain",
-                  onSelect: (c) => {
-                    e.value = c, i();
-                  },
-                  onRetry: u[1] || (u[1] = (c) => t(o).reload())
-                }, null, 8, ["options", "status", "model-value", "search-from", "none-label", "onSelect"])
-              ])
-            ]),
-            _: 2
-          }, 1032, ["label"]))
-        ], 2),
-        t(f) ? (n(), z(te, {
-          key: 0,
-          ref_key: "sheet",
-          ref: m,
-          title: l.label ?? S.value,
-          grouped: "",
-          onPresented: u[4] || (u[4] = (i) => h.value = !0),
-          onDismissed: u[5] || (u[5] = (i) => h.value = !1)
-        }, J({
-          default: D(() => [
-            L(M, {
-              options: t(o).rows.value,
-              status: t(o).status.value,
-              "model-value": e.value,
-              "search-from": l.searchFrom,
-              "none-label": l.clearable ? t(d)("core.form.select.clear") : void 0,
-              onSelect: O,
-              onRetry: u[2] || (u[2] = (i) => t(o).reload())
-            }, null, 8, ["options", "status", "model-value", "search-from", "none-label"])
-          ]),
-          _: 2
-        }, [
-          l.clearable && e.value !== null ? {
-            name: "footer",
-            fn: D(() => [
-              L(Z, {
-                prominence: "plain",
-                onClick: u[3] || (u[3] = (i) => O(null))
-              }, {
-                default: D(() => [
-                  Q(w(t(d)("core.form.select.clear")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["title"])) : _("", !0)
-      ]),
-      _: 1
-    }, 16, ["value"]));
-  }
-});
-export {
-  Ge as _,
-  M as a,
-  je as b,
-  qe as u
-};