@wssto2/vue-core 0.4.17 → 0.4.19

package/dist/TextField.vue_vue_type_script_setup_true_lang-D3-R5XXG.js

@@ -1,292 +0,0 @@
-import { defineComponent as O, useTemplateRef as z, computed as y, watch as ee, nextTick as te, openBlock as n, createElementBlock as i, withModifiers as oe, normalizeStyle as se, unref as s, createElementVNode as m, toDisplayString as r, createCommentVNode as u, Fragment as E, renderList as ne, normalizeClass as B, createBlock as A, createTextVNode as F, useModel as ae, ref as ie, mergeProps as le, createSlots as re, withCtx as q, withDirectives as ce, vModelDynamic as de, renderSlot as P, mergeModels as K, mergeDefaults as ue } from "vue";
-import { useI18n as G } from "vue-i18n";
-import { b as pe } from "./controlSurface-t7OEFESJ.js";
-import { a as me, c as fe, _ as he, f as ve, b as ge } from "./control-B_Nwtmag.js";
-import { _ as ye } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { u as xe } from "./anchored-Cj4--8dT.js";
-import { l as U, m as be, u as ke, c as _e } from "./suggestions-BxMm6MQA.js";
-const we = ["id", "aria-busy"], $e = { class: "min-h-0 flex-1 overflow-y-auto p-1.5" }, Me = {
-  key: 0,
-  class: "px-2.5 pb-1 pt-1.5 text-caption font-semibold uppercase text-content-disabled",
-  role: "presentation"
-}, qe = ["id", "aria-selected", "aria-disabled", "onMouseenter", "onClick"], Be = { class: "min-w-0 flex-1" }, Le = { class: "block truncate text-body text-content-strong" }, Se = {
-  key: 0,
-  class: "font-semibold"
-}, Ce = {
-  key: 0,
-  class: "block truncate text-footnote text-content-muted"
-}, De = {
-  key: 2,
-  class: "px-3 py-2 text-footnote text-content-muted",
-  role: "status"
-}, Ve = {
-  key: 3,
-  class: "px-3 py-2 text-footnote text-content-destructive",
-  role: "alert"
-}, Te = {
-  key: 4,
-  class: "px-3 py-2 text-footnote text-content-muted"
-}, Ee = {
-  key: 0,
-  class: "mx-1.5 mb-1.5 mt-0.5 border-t border-border-separator px-2.5 pb-0.5 pt-2 text-caption text-content-muted compact:hidden",
-  "aria-hidden": "true"
-}, Fe = /* @__PURE__ */ O({
-  __name: "SuggestionList",
-  props: {
-    id: {},
-    anchor: {},
-    open: { type: Boolean },
-    items: {},
-    highlighted: {},
-    query: {},
-    status: {},
-    recent: { type: Boolean },
-    emptyMessage: { type: Boolean },
-    hint: {}
-  },
-  emits: ["pick", "hover"],
-  setup(w, { emit: L }) {
-    const o = w, t = L, { t: c } = G(), b = z("panel"), k = y(() => U(o.open, o.items.length, o.status, o.emptyMessage)), _ = y(() => o.status === "loading"), f = (h) => be(h.label, o.query), { style: S } = xe(b, {
-      reference: () => o.anchor,
-      placement: () => "bottom-start",
-      offset: 4,
-      padding: 8,
-      fit: (h, v) => {
-        h.style.width = `${o.anchor?.offsetWidth ?? 0}px`, h.style.maxHeight = `${Math.max(120, Math.min(320, v.height))}px`;
-      }
-    });
-    return ee(() => o.highlighted, () => void te(() => b.value?.querySelector("[aria-selected='true']")?.scrollIntoView?.({ block: "nearest" }))), (h, v) => k.value ? (n(), i("div", {
-      key: 0,
-      id: `${o.id}-list`,
-      ref_key: "panel",
-      ref: b,
-      role: "listbox",
-      "aria-busy": _.value || void 0,
-      style: se(s(S)),
-      "data-test": "suggestion-list",
-      class: "z-1000 flex flex-col overflow-hidden rounded-menu bg-surface-overlay shadow-float",
-      onMousedown: v[0] || (v[0] = oe(() => {
-      }, ["prevent"]))
-    }, [
-      m("div", $e, [
-        o.recent ? (n(), i("p", Me, r(s(c)("core.form.suggestions.recent")), 1)) : u("", !0),
-        o.items.length > 0 ? (n(!0), i(E, { key: 1 }, ne(o.items, (a, g) => (n(), i("div", {
-          id: `${o.id}-option-${g}`,
-          key: String(a.value),
-          role: "option",
-          "aria-selected": g === o.highlighted,
-          "aria-disabled": a.disabled || void 0,
-          "data-test": "suggestion-option",
-          class: B(["flex cursor-pointer items-center gap-2.5 rounded-control px-2.5 py-2", [g === o.highlighted ? "bg-tint-soft" : "hover:bg-fill", a.disabled ? "cursor-not-allowed opacity-45" : "", _.value ? "opacity-60" : ""]]),
-          onMouseenter: (l) => t("hover", g),
-          onClick: (l) => !a.disabled && t("pick", a)
-        }, [
-          o.recent ? (n(), A(s(ye), {
-            key: 0,
-            name: "history",
-            size: 16,
-            class: "shrink-0 text-content-disabled"
-          })) : u("", !0),
-          m("span", Be, [
-            m("span", Le, [
-              o.recent ? (n(), i(E, { key: 0 }, [
-                F(r(a.label), 1)
-              ], 64)) : (n(), i(E, { key: 1 }, [
-                F(r(f(a).before), 1),
-                f(a).match ? (n(), i("strong", Se, r(f(a).match), 1)) : u("", !0),
-                F(r(f(a).after), 1)
-              ], 64))
-            ]),
-            a.description ? (n(), i("span", Ce, r(a.description), 1)) : u("", !0)
-          ])
-        ], 42, qe))), 128)) : o.status === "loading" ? (n(), i("p", De, r(s(c)("core.form.select.loading")), 1)) : o.status === "failed" ? (n(), i("p", Ve, r(s(c)("core.form.select.failed")), 1)) : (n(), i("p", Te, r(s(c)("core.form.select.no_matches")), 1))
-      ]),
-      o.hint && o.items.length > 0 ? (n(), i("p", Ee, r(o.hint), 1)) : u("", !0)
-    ], 44, we)) : u("", !0);
-  }
-}), Pe = {
-  key: 0,
-  class: "shrink-0 text-footnote text-content-muted"
-}, ze = { class: "relative min-w-0 flex-1" }, Ae = ["id", "type", "name", "placeholder", "maxlength", "autocomplete", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby", "role", "aria-autocomplete", "aria-expanded", "aria-controls", "aria-activedescendant"], Ne = { class: "invisible" }, Re = { class: "text-content-disabled" }, We = {
-  key: 1,
-  class: "shrink-0 text-footnote text-content-muted"
-}, Je = /* @__PURE__ */ O({
-  __name: "TextField",
-  props: /* @__PURE__ */ K(/* @__PURE__ */ ue({
-    label: {},
-    labelHidden: { type: Boolean },
-    hint: {},
-    error: {},
-    required: { type: Boolean },
-    editable: { type: Boolean },
-    disabled: { type: Boolean },
-    lockedReason: {},
-    presentation: {},
-    name: {},
-    type: {},
-    placeholder: {},
-    maxLength: {},
-    autocomplete: {},
-    mono: { type: Boolean },
-    prefix: {},
-    suffix: {},
-    width: {},
-    suggestions: { type: [Array, Function] },
-    suggestionsMinLength: {},
-    suggestionsDebounce: {},
-    suggestionsLimit: {},
-    recents: {}
-  }, {
-    ...ge,
-    type: "text",
-    placeholder: void 0,
-    maxLength: void 0,
-    autocomplete: void 0,
-    mono: !1,
-    prefix: void 0,
-    suffix: void 0,
-    width: "md",
-    suggestions: void 0,
-    suggestionsMinLength: 2,
-    suggestionsDebounce: 300,
-    suggestionsLimit: 8,
-    recents: void 0
-  }), {
-    modelValue: { default: "" },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ K(["picked"], ["update:modelValue"]),
-  setup(w, { expose: L, emit: o }) {
-    const t = w, c = ae(w, "modelValue"), b = o, k = z("input"), _ = z("anchor"), f = !!me(), S = fe("text", () => t.error ? "error" : t.disabled ? "locked" : "rest"), h = y(() => f ? pe(t.width) : "w-full"), { t: v } = G(), a = (e) => typeof e == "string" ? { value: e, label: e } : { value: e.text, label: e.text, ...e.detail !== void 0 ? { description: e.detail } : {} }, g = y(() => {
-      const e = t.suggestions;
-      if (e)
-        return typeof e == "function" ? async (p, x) => (await e(p, x)).map(a) : e.map(a);
-    }), l = y(() => g.value !== void 0), d = ke({
-      source: () => g.value,
-      minLength: () => t.suggestionsMinLength,
-      debounce: () => t.suggestionsDebounce,
-      limit: () => t.suggestionsLimit,
-      listAllWhenEmpty: !1,
-      recents: () => t.recents
-    }), { items: C, open: D, status: N, highlighted: R, showingRecent: W } = d, H = ie(!0), V = () => {
-      const e = k.value;
-      H.value = !e || e.selectionStart === e.value.length && e.selectionEnd === e.value.length;
-    }, $ = y(() => l.value && D.value && !W.value && H.value && d.current.value ? _e(c.value, d.current.value.label) : ""), I = y(() => U(D.value, C.value.length, N.value, !1));
-    function j(e) {
-      V(), l.value && d.ask(e.target.value);
-    }
-    function T(e) {
-      c.value = e.value, d.remember(e), d.close(), b("picked", { text: e.value, ...e.description !== void 0 ? { detail: e.description } : {} });
-    }
-    function J() {
-      l.value && c.value === "" && d.show("");
-    }
-    function Q() {
-      const e = d.current.value;
-      return !$.value || !e ? !1 : (T(e), !0);
-    }
-    const X = (e) => {
-      l.value && d.keydown(e, { pick: T, enterNeedsMove: !0, complete: Q });
-    };
-    return L({ focus: () => k.value?.focus() }), (e, p) => (n(), A(he, le(s(ve)(t), {
-      value: c.value,
-      prefix: t.prefix,
-      suffix: t.suffix,
-      "value-style": t.mono ? "mono" : void 0
-    }), re({
-      default: q(({ id: x, describedby: Y, invalid: Z }) => [
-        m("div", {
-          ref_key: "anchor",
-          ref: _,
-          class: B(["flex items-center gap-1.5", [s(S), h.value]])
-        }, [
-          t.prefix ? (n(), i("span", Pe, r(t.prefix), 1)) : u("", !0),
-          m("div", ze, [
-            ce(m("input", {
-              id: x,
-              ref_key: "input",
-              ref: k,
-              "onUpdate:modelValue": p[0] || (p[0] = (M) => c.value = M),
-              type: t.type,
-              name: t.name,
-              placeholder: t.placeholder,
-              maxlength: t.maxLength,
-              autocomplete: l.value ? "off" : t.autocomplete,
-              disabled: t.disabled,
-              required: t.required,
-              "aria-required": t.required || void 0,
-              "aria-invalid": Z || void 0,
-              "aria-describedby": Y,
-              role: l.value ? "combobox" : void 0,
-              "aria-autocomplete": l.value ? "both" : void 0,
-              "aria-expanded": l.value ? I.value : void 0,
-              "aria-controls": l.value ? `${x}-list` : void 0,
-              "aria-activedescendant": l.value && I.value && s(C).length > 0 ? `${x}-option-${s(R)}` : void 0,
-              class: B(["block w-full min-w-0 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", [t.mono ? "font-mono" : "", f && !l.value ? "compact:text-right" : ""]]),
-              onInput: j,
-              onKeyup: V,
-              onClick: V,
-              onKeydown: X,
-              onFocus: J,
-              onBlur: p[1] || (p[1] = (M) => s(d).close())
-            }, null, 42, Ae), [
-              [de, c.value]
-            ]),
-            $.value ? (n(), i("span", {
-              key: 0,
-              "aria-hidden": "true",
-              class: B(["pointer-events-none absolute inset-0 flex items-center overflow-hidden whitespace-pre py-1 text-body", t.mono ? "font-mono" : ""]),
-              "data-test": "completion"
-            }, [
-              m("span", Ne, r(c.value), 1),
-              m("span", Re, r($.value), 1)
-            ], 2)) : u("", !0)
-          ]),
-          t.suffix ? (n(), i("span", We, r(t.suffix), 1)) : u("", !0)
-        ], 2),
-        l.value ? (n(), A(Fe, {
-          key: 0,
-          id: x,
-          anchor: _.value,
-          open: s(D),
-          items: s(C),
-          highlighted: s(R),
-          query: c.value,
-          status: s(N),
-          recent: s(W),
-          "empty-message": !1,
-          hint: $.value ? s(v)("core.form.suggestions.keys_complete") : s(v)("core.form.suggestions.keys_pick"),
-          onPick: T,
-          onHover: p[2] || (p[2] = (M) => s(d).highlight(M))
-        }, null, 8, ["id", "anchor", "open", "items", "highlighted", "query", "status", "recent", "hint"])) : u("", !0)
-      ]),
-      _: 2
-    }, [
-      e.$slots.trailing ? {
-        name: "trailing",
-        fn: q(() => [
-          P(e.$slots, "trailing")
-        ]),
-        key: "0"
-      } : void 0,
-      e.$slots.labelTrailing ? {
-        name: "labelTrailing",
-        fn: q(() => [
-          P(e.$slots, "labelTrailing")
-        ]),
-        key: "1"
-      } : void 0,
-      e.$slots.readonly ? {
-        name: "readonly",
-        fn: q(() => [
-          P(e.$slots, "readonly")
-        ]),
-        key: "2"
-      } : void 0
-    ]), 1040, ["value", "prefix", "suffix", "value-style"]));
-  }
-});
-export {
-  Je as _,
-  Fe as a
-};