@wssto2/vue-core 0.4.14 → 0.4.16

package/dist/SwitchField.vue_vue_type_script_setup_true_lang-0weBvsJf.js

@@ -0,0 +1,87 @@
+import { defineComponent as v, useModel as w, computed as y, openBlock as g, createBlock as k, mergeProps as _, unref as t, createSlots as $, withCtx as l, createElementVNode as s, renderSlot as i, normalizeClass as d, normalizeStyle as B, toDisplayString as S, mergeModels as z, mergeDefaults as C } from "vue";
+import { useI18n as M } from "vue-i18n";
+import { u as V, _ as D, f as T, b as E } from "./control-B_Nwtmag.js";
+const F = { class: "flex items-center gap-2" }, I = ["id", "aria-checked", "aria-label", "aria-describedby", "aria-invalid", "disabled"], P = { class: "sr-only" }, Z = /* @__PURE__ */ v({
+  __name: "SwitchField",
+  props: /* @__PURE__ */ z(/* @__PURE__ */ C({
+    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(n) {
+    const a = n, e = w(n, "modelValue"), { t: r } = M(), { editable: c } = V(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 = y(() => u[a.size]);
+    function f() {
+      !a.disabled && c.value && (e.value = !e.value);
+    }
+    return (o, q) => (g(), k(D, _(t(T)(a), {
+      value: e.value,
+      "row-layout": "setting"
+    }), $({
+      default: l(({ id: h, describedby: b, invalid: p }) => [
+        s("div", F, [
+          i(o.$slots, "before"),
+          s("button", {
+            id: h,
+            type: "button",
+            role: "switch",
+            "aria-checked": e.value,
+            "aria-label": a.label,
+            "aria-describedby": b,
+            "aria-invalid": p || void 0,
+            disabled: a.disabled,
+            style: B(m.value),
+            class: d(["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: f
+          }, [
+            s("span", {
+              class: d(["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),
+            s("span", P, S(e.value ? t(r)("core.form.yes") : t(r)("core.form.no")), 1)
+          ], 14, I)
+        ])
+      ]),
+      _: 2
+    }, [
+      o.$slots.trailing ? {
+        name: "trailing",
+        fn: l(() => [
+          i(o.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      o.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: l(() => [
+          i(o.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0,
+      o.$slots.readonly ? {
+        name: "readonly",
+        fn: l(() => [
+          i(o.$slots, "readonly")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["value"]));
+  }
+});
+export {
+  Z as _
+};

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

@@ -0,0 +1,292 @@
+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
+};

package/dist/TextareaField.vue_vue_type_script_setup_true_lang-4wC3c0BM.js

@@ -0,0 +1,91 @@
+import { defineComponent as q, useModel as C, useTemplateRef as T, computed as n, openBlock as c, createBlock as V, mergeProps as _, unref as m, createSlots as L, withCtx as t, createElementVNode as p, normalizeClass as f, withDirectives as M, vModelText as D, createElementBlock as S, toDisplayString as z, createCommentVNode as E, renderSlot as s, mergeModels as F, mergeDefaults as P } from "vue";
+import { u as R } from "./mediaQuery-CygcXmFW.js";
+import { a as N, u as j, c as G, _ as H, f as U, b as A } from "./control-B_Nwtmag.js";
+const I = ["id", "name", "rows", "placeholder", "maxlength", "autocomplete", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], J = {
+  key: 0,
+  class: "mt-1 self-end text-footnote tabular-nums text-content-muted"
+}, W = /* @__PURE__ */ q({
+  __name: "TextareaField",
+  props: /* @__PURE__ */ F(/* @__PURE__ */ P({
+    label: {},
+    labelHidden: { type: Boolean },
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    placeholder: {},
+    maxLength: {},
+    rows: {},
+    autocomplete: {},
+    stacked: { type: Boolean }
+  }, { ...A, placeholder: void 0, maxLength: void 0, rows: 3, autocomplete: void 0, stacked: !1 }), {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(d, { expose: v }) {
+    const e = d, o = C(d, "modelValue"), i = T("area"), b = !!N(), y = R(), { editable: g } = j(e), r = n(() => b && !e.stacked && !y.value && g.value && !!e.label), l = n(() => e.maxLength ? `${o.value.length} / ${e.maxLength}` : void 0), h = n(() => r.value && l.value ? [e.hint, l.value].filter(Boolean).join(" · ") : e.hint), k = G("area", () => e.error ? "error" : e.disabled ? "locked" : "rest");
+    return v({ focus: () => i.value?.focus() }), (a, u) => (c(), V(H, _({ ...m(U)(e), hint: h.value }, {
+      value: o.value,
+      "row-layout": r.value ? "entry" : "stacked",
+      "row-label-align": "top"
+    }), L({
+      default: t(({ id: w, describedby: x, invalid: B }) => [
+        p("div", {
+          class: f(["w-full", m(k)])
+        }, [
+          M(p("textarea", {
+            id: w,
+            ref_key: "area",
+            ref: i,
+            "onUpdate:modelValue": u[0] || (u[0] = ($) => o.value = $),
+            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": B || void 0,
+            "aria-describedby": x,
+            class: f(["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, I), [
+            [D, o.value]
+          ])
+        ], 2),
+        !r.value && l.value ? (c(), S("p", J, z(l.value), 1)) : E("", !0)
+      ]),
+      _: 2
+    }, [
+      a.$slots.trailing ? {
+        name: "trailing",
+        fn: t(() => [
+          s(a.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      a.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: t(() => [
+          s(a.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0,
+      a.$slots.readonly ? {
+        name: "readonly",
+        fn: t(() => [
+          s(a.$slots, "readonly")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["value", "row-layout"]));
+  }
+});
+export {
+  W as _
+};

package/dist/TimeField.vue_vue_type_script_setup_true_lang-pAdLPYXA.js

@@ -0,0 +1,187 @@
+import { computed as m, defineComponent as K, useModel as W, useTemplateRef as b, openBlock as d, createBlock as N, mergeProps as _, unref as o, createSlots as j, withCtx as u, createElementBlock as g, Fragment as P, createVNode as c, createTextVNode as G, toDisplayString as J, createCommentVNode as U, createElementVNode as h, normalizeClass as O, renderSlot as T, mergeModels as X, mergeDefaults as Y, nextTick as z } from "vue";
+import { useI18n as M } from "vue-i18n";
+import { _ as Z } from "./DateButton.vue_vue_type_script_setup_true_lang-EcqrfWKz.js";
+import { u as ee } from "./format-B8mJm946.js";
+import { _ as te } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { u as oe } from "./mediaQuery-CygcXmFW.js";
+import { _ as le } from "./Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
+import { c as ae, _ as re, f as se, b as ie } from "./control-B_Nwtmag.js";
+import { d as ne, r as ue, t as F, p as me, u as de, a as ce, i as L, _ as pe, b as fe, c as ve } from "./useTypedEntry-aTfPBAhw.js";
+function be(i) {
+  const { t: n } = M(), e = m(() => [n("core.form.time.words.now").toLowerCase(), "now"]);
+  return {
+    placeholder: m(() => n("core.form.time.placeholder")),
+    parse(l) {
+      if (e.value.includes(l.trim().toLowerCase())) return { value: F(i()) };
+      const a = me(l, i());
+      return "time" in a ? { value: a.time } : { error: a.error === "step" ? n("core.form.time.step", { step: i() }) : n("core.form.time.invalid") };
+    },
+    shortcuts: (l) => (l ?? ne).map((a) => ue(a, n("core.form.time.now"), F(i())))
+  };
+}
+const ye = ["id", "name", "value", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], ke = ["aria-label", "onClick"], Ve = /* @__PURE__ */ K({
+  __name: "TimeField",
+  props: /* @__PURE__ */ X(/* @__PURE__ */ Y({
+    label: {},
+    labelHidden: { type: Boolean },
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    minuteStep: {},
+    quickTimes: {}
+  }, { ...ie, minuteStep: 1, quickTimes: void 0 }), {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(i, { expose: n }) {
+    const e = i, l = W(i, "modelValue"), { t: a } = M(), I = ee(), Q = oe(), $ = b("input"), p = b("popover"), x = b("panel"), q = b("sheet"), y = be(() => e.minuteStep), r = de({ model: l, display: (t) => t, parse: y.parse }), C = m(() => y.shortcuts(e.quickTimes)), V = m(() => e.error || r.message.value), R = ae("date", () => V.value ? "error" : e.disabled ? "locked" : "rest"), A = m(() => {
+      const t = ce(l.value);
+      return t ? I.time(new Date(2e3, 0, 1, t.hour, t.minute)) : null;
+    }), S = m(() => L(r.typed.value) ? r.typed.value : L(l.value) ? l.value : null);
+    async function k(t) {
+      e.disabled || (p.value?.present(), t && (await z(), await z(), x.value?.querySelector("[role=listbox]")?.focus()));
+    }
+    function H(t) {
+      t.key === "Enter" ? (r.commit(), p.value?.dismiss()) : t.key === "ArrowDown" && (t.preventDefault(), k(!0));
+    }
+    return n({ focus: () => $.value?.focus() }), (t, s) => (d(), N(re, _({ ...o(se)(e), error: V.value }, {
+      value: A.value,
+      "value-style": "numeric"
+    }), j({
+      default: u(({ id: B, describedby: D, invalid: E }) => [
+        o(Q) ? (d(), g(P, { key: 0 }, [
+          c(Z, _({ id: B, "aria-describedby": D }, {
+            disabled: e.disabled,
+            invalid: E,
+            placeholder: o(a)("core.form.select.choose"),
+            onClick: s[0] || (s[0] = (f) => q.value?.present())
+          }), {
+            default: u(() => [
+              l.value ? (d(), g(P, { key: 0 }, [
+                G(J(l.value), 1)
+              ], 64)) : U("", !0)
+            ]),
+            _: 1
+          }, 16, ["disabled", "invalid", "placeholder"]),
+          c(pe, {
+            ref_key: "sheet",
+            ref: q,
+            title: e.label ?? o(a)("core.form.time.label"),
+            mode: "time",
+            "model-value": l.value,
+            shortcuts: C.value,
+            step: e.minuteStep,
+            clearable: !e.required,
+            "onUpdate:modelValue": o(r).set
+          }, null, 8, ["title", "model-value", "shortcuts", "step", "clearable", "onUpdate:modelValue"])
+        ], 64)) : (d(), N(le, {
+          key: 1,
+          ref_key: "popover",
+          ref: p,
+          label: e.label ?? o(a)("core.form.time.label"),
+          width: "sm",
+          placement: "bottom-start",
+          arrow: !1,
+          autofocus: !1
+        }, {
+          trigger: u(({ attrs: f, presented: w }) => [
+            h("div", {
+              class: O(["inline-flex max-w-full items-center gap-2", o(R)])
+            }, [
+              h("input", _({
+                id: B,
+                ref_key: "input",
+                ref: $
+              }, f, {
+                type: "text",
+                role: "combobox",
+                autocomplete: "off",
+                size: "10",
+                name: e.name,
+                value: o(r).text.value,
+                placeholder: o(y).placeholder.value,
+                disabled: e.disabled,
+                required: e.required,
+                "aria-required": e.required || void 0,
+                "aria-invalid": E || void 0,
+                "aria-describedby": D,
+                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] = (v) => o(r).input(v.target.value)),
+                onBlur: s[2] || (s[2] = (v) => o(r).commit()),
+                onKeydown: H,
+                onClick: s[3] || (s[3] = (v) => k(!1))
+              }), null, 16, ye),
+              e.disabled ? U("", !0) : (d(), g("button", {
+                key: 0,
+                type: "button",
+                tabindex: "-1",
+                "aria-label": o(a)("core.form.time.open"),
+                class: "mr-2 flex shrink-0 cursor-pointer items-center text-content-link",
+                onClick: (v) => w ? p.value?.dismiss() : k(!0)
+              }, [
+                c(o(te), {
+                  name: "timeLine",
+                  size: 18
+                })
+              ], 8, ke))
+            ], 2)
+          ]),
+          default: u(({ dismiss: f }) => [
+            h("div", {
+              ref_key: "panel",
+              ref: x,
+              class: "flex flex-col gap-2.5"
+            }, [
+              c(fe, {
+                "model-value": S.value,
+                step: e.minuteStep,
+                "onUpdate:modelValue": o(r).set
+              }, null, 8, ["model-value", "step", "onUpdate:modelValue"]),
+              c(ve, {
+                items: C.value,
+                selected: S.value,
+                onPick: (w) => {
+                  o(r).set(w), f();
+                }
+              }, null, 8, ["items", "selected", "onPick"])
+            ], 512)
+          ]),
+          _: 2
+        }, 1032, ["label"]))
+      ]),
+      _: 2
+    }, [
+      t.$slots.trailing ? {
+        name: "trailing",
+        fn: u(() => [
+          T(t.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      t.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: u(() => [
+          T(t.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0,
+      t.$slots.readonly ? {
+        name: "readonly",
+        fn: u(() => [
+          T(t.$slots, "readonly")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["value"]));
+  }
+});
+export {
+  Ve as _,
+  be as u
+};