@wssto2/vue-core 0.4.18 → 0.4.19

package/dist/TextField.vue_vue_type_script_setup_true_lang-CWgn-vGl.js

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