@kong/kongponents 9.47.5-pr.3005.17b94c3.0 → 9.48.1-pr.3009.8b5ec33.0

package/dist/kongponents.es317.js

@@ -1,6 +1,372 @@
-function r() {
-  return [];
+import { evaluate as V, getSideAxis as E, getSide as D, clamp as X, getOppositePlacement as J, getExpandedPlacements as K, getOppositeAxisPlacements as N, getAlignmentSides as G, placements as Y, getAlignment as T, getPaddingObject as Q, rectToClientRect as q, getOppositeAxis as U, getOppositeAlignmentPlacement as W, getAlignmentAxis as Z, getAxisLength as ee } from "./kongponents.es318.js";
+function z(t, i, m) {
+  let {
+    reference: n,
+    floating: e
+  } = t;
+  const l = E(i), r = Z(i), s = ee(r), y = D(i), v = l === "y", d = n.x + n.width / 2 - e.width / 2, a = n.y + n.height / 2 - e.height / 2, c = n[s] / 2 - e[s] / 2;
+  let o;
+  switch (y) {
+    case "top":
+      o = {
+        x: d,
+        y: n.y - e.height
+      };
+      break;
+    case "bottom":
+      o = {
+        x: d,
+        y: n.y + n.height
+      };
+      break;
+    case "right":
+      o = {
+        x: n.x + n.width,
+        y: a
+      };
+      break;
+    case "left":
+      o = {
+        x: n.x - e.width,
+        y: a
+      };
+      break;
+    default:
+      o = {
+        x: n.x,
+        y: n.y
+      };
+  }
+  switch (T(i)) {
+    case "start":
+      o[r] -= c * (m && v ? -1 : 1);
+      break;
+    case "end":
+      o[r] += c * (m && v ? -1 : 1);
+      break;
+  }
+  return o;
 }
+const ie = async (t, i, m) => {
+  const {
+    placement: n = "bottom",
+    strategy: e = "absolute",
+    middleware: l = [],
+    platform: r
+  } = m, s = l.filter(Boolean), y = await (r.isRTL == null ? void 0 : r.isRTL(i));
+  let v = await r.getElementRects({
+    reference: t,
+    floating: i,
+    strategy: e
+  }), {
+    x: d,
+    y: a
+  } = z(v, n, y), c = n, o = {}, x = 0;
+  for (let h = 0; h < s.length; h++) {
+    const {
+      name: w,
+      fn: u
+    } = s[h], {
+      x: f,
+      y: A,
+      data: P,
+      reset: g
+    } = await u({
+      x: d,
+      y: a,
+      initialPlacement: n,
+      placement: c,
+      strategy: e,
+      middlewareData: o,
+      rects: v,
+      platform: r,
+      elements: {
+        reference: t,
+        floating: i
+      }
+    });
+    d = f ?? d, a = A ?? a, o = {
+      ...o,
+      [w]: {
+        ...o[w],
+        ...P
+      }
+    }, g && x <= 50 && (x++, typeof g == "object" && (g.placement && (c = g.placement), g.rects && (v = g.rects === !0 ? await r.getElementRects({
+      reference: t,
+      floating: i,
+      strategy: e
+    }) : g.rects), {
+      x: d,
+      y: a
+    } = z(v, c, y)), h = -1);
+  }
+  return {
+    x: d,
+    y: a,
+    placement: c,
+    strategy: e,
+    middlewareData: o
+  };
+};
+async function I(t, i) {
+  var m;
+  i === void 0 && (i = {});
+  const {
+    x: n,
+    y: e,
+    platform: l,
+    rects: r,
+    elements: s,
+    strategy: y
+  } = t, {
+    boundary: v = "clippingAncestors",
+    rootBoundary: d = "viewport",
+    elementContext: a = "floating",
+    altBoundary: c = !1,
+    padding: o = 0
+  } = V(i, t), x = Q(o), w = s[c ? a === "floating" ? "reference" : "floating" : a], u = q(await l.getClippingRect({
+    element: (m = await (l.isElement == null ? void 0 : l.isElement(w))) == null || m ? w : w.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(s.floating)),
+    boundary: v,
+    rootBoundary: d,
+    strategy: y
+  })), f = a === "floating" ? {
+    x: n,
+    y: e,
+    width: r.floating.width,
+    height: r.floating.height
+  } : r.reference, A = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(s.floating)), P = await (l.isElement == null ? void 0 : l.isElement(A)) ? await (l.getScale == null ? void 0 : l.getScale(A)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, g = q(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: s,
+    rect: f,
+    offsetParent: A,
+    strategy: y
+  }) : f);
+  return {
+    top: (u.top - g.top + x.top) / P.y,
+    bottom: (g.bottom - u.bottom + x.bottom) / P.y,
+    left: (u.left - g.left + x.left) / P.x,
+    right: (g.right - u.right + x.right) / P.x
+  };
+}
+function te(t, i, m) {
+  return (t ? [...m.filter((e) => T(e) === t), ...m.filter((e) => T(e) !== t)] : m.filter((e) => D(e) === e)).filter((e) => t ? T(e) === t || (i ? W(e) !== e : !1) : !0);
+}
+const le = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "autoPlacement",
+    options: t,
+    async fn(i) {
+      var m, n, e;
+      const {
+        rects: l,
+        middlewareData: r,
+        placement: s,
+        platform: y,
+        elements: v
+      } = i, {
+        crossAxis: d = !1,
+        alignment: a,
+        allowedPlacements: c = Y,
+        autoAlignment: o = !0,
+        ...x
+      } = V(t, i), h = a !== void 0 || c === Y ? te(a || null, o, c) : c, w = await I(i, x), u = ((m = r.autoPlacement) == null ? void 0 : m.index) || 0, f = h[u];
+      if (f == null)
+        return {};
+      const A = G(f, l, await (y.isRTL == null ? void 0 : y.isRTL(v.floating)));
+      if (s !== f)
+        return {
+          reset: {
+            placement: h[0]
+          }
+        };
+      const P = [w[D(f)], w[A[0]], w[A[1]]], g = [...((n = r.autoPlacement) == null ? void 0 : n.overflows) || [], {
+        placement: f,
+        overflows: P
+      }], L = h[u + 1];
+      if (L)
+        return {
+          data: {
+            index: u + 1,
+            overflows: g
+          },
+          reset: {
+            placement: L
+          }
+        };
+      const B = g.map((p) => {
+        const O = T(p.placement);
+        return [p.placement, O && d ? (
+          // Check along the mainAxis and main crossAxis side.
+          p.overflows.slice(0, 2).reduce(($, j) => $ + j, 0)
+        ) : (
+          // Check only the mainAxis.
+          p.overflows[0]
+        ), p.overflows];
+      }).sort((p, O) => p[1] - O[1]), R = ((e = B.filter((p) => p[2].slice(
+        0,
+        // Aligned placements should not check their opposite crossAxis
+        // side.
+        T(p[0]) ? 2 : 3
+      ).every((O) => O <= 0))[0]) == null ? void 0 : e[0]) || B[0][0];
+      return R !== s ? {
+        data: {
+          index: u + 1,
+          overflows: g
+        },
+        reset: {
+          placement: R
+        }
+      } : {};
+    }
+  };
+}, oe = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(i) {
+      var m, n;
+      const {
+        placement: e,
+        middlewareData: l,
+        rects: r,
+        initialPlacement: s,
+        platform: y,
+        elements: v
+      } = i, {
+        mainAxis: d = !0,
+        crossAxis: a = !0,
+        fallbackPlacements: c,
+        fallbackStrategy: o = "bestFit",
+        fallbackAxisSideDirection: x = "none",
+        flipAlignment: h = !0,
+        ...w
+      } = V(t, i);
+      if ((m = l.arrow) != null && m.alignmentOffset)
+        return {};
+      const u = D(e), f = E(s), A = D(s) === s, P = await (y.isRTL == null ? void 0 : y.isRTL(v.floating)), g = c || (A || !h ? [J(s)] : K(s)), L = x !== "none";
+      !c && L && g.push(...N(s, h, x, P));
+      const B = [s, ...g], M = await I(i, w), R = [];
+      let p = ((n = l.flip) == null ? void 0 : n.overflows) || [];
+      if (d && R.push(M[u]), a) {
+        const k = G(e, r, P);
+        R.push(M[k[0]], M[k[1]]);
+      }
+      if (p = [...p, {
+        placement: e,
+        overflows: R
+      }], !R.every((k) => k <= 0)) {
+        var O, $;
+        const k = (((O = l.flip) == null ? void 0 : O.index) || 0) + 1, _ = B[k];
+        if (_ && (!(a === "alignment" ? f !== E(_) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        p.every((b) => E(b.placement) === f ? b.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: k,
+              overflows: p
+            },
+            reset: {
+              placement: _
+            }
+          };
+        let F = ($ = p.filter((C) => C.overflows[0] <= 0).sort((C, b) => C.overflows[1] - b.overflows[1])[0]) == null ? void 0 : $.placement;
+        if (!F)
+          switch (o) {
+            case "bestFit": {
+              var j;
+              const C = (j = p.filter((b) => {
+                if (L) {
+                  const S = E(b.placement);
+                  return S === f || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  S === "y";
+                }
+                return !0;
+              }).map((b) => [b.placement, b.overflows.filter((S) => S > 0).reduce((S, H) => S + H, 0)]).sort((b, S) => b[1] - S[1])[0]) == null ? void 0 : j[0];
+              C && (F = C);
+              break;
+            }
+            case "initialPlacement":
+              F = s;
+              break;
+          }
+        if (e !== F)
+          return {
+            reset: {
+              placement: F
+            }
+          };
+      }
+      return {};
+    }
+  };
+}, ae = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "shift",
+    options: t,
+    async fn(i) {
+      const {
+        x: m,
+        y: n,
+        placement: e
+      } = i, {
+        mainAxis: l = !0,
+        crossAxis: r = !1,
+        limiter: s = {
+          fn: (w) => {
+            let {
+              x: u,
+              y: f
+            } = w;
+            return {
+              x: u,
+              y: f
+            };
+          }
+        },
+        ...y
+      } = V(t, i), v = {
+        x: m,
+        y: n
+      }, d = await I(i, y), a = E(D(e)), c = U(a);
+      let o = v[c], x = v[a];
+      if (l) {
+        const w = c === "y" ? "top" : "left", u = c === "y" ? "bottom" : "right", f = o + d[w], A = o - d[u];
+        o = X(f, o, A);
+      }
+      if (r) {
+        const w = a === "y" ? "top" : "left", u = a === "y" ? "bottom" : "right", f = x + d[w], A = x - d[u];
+        x = X(f, x, A);
+      }
+      const h = s.fn({
+        ...i,
+        [c]: o,
+        [a]: x
+      });
+      return {
+        ...h,
+        data: {
+          x: h.x - m,
+          y: h.y - n,
+          enabled: {
+            [c]: l,
+            [a]: r
+          }
+        }
+      };
+    }
+  };
+};
 export {
-  r as default
+  le as autoPlacement,
+  ie as computePosition,
+  I as detectOverflow,
+  oe as flip,
+  q as rectToClientRect,
+  ae as shift
 };

package/dist/kongponents.es318.js

@@ -1,8 +1,132 @@
-import r from "./kongponents.es384.js";
-var a = /^\s+/;
-function t(e) {
-  return e && e.slice(0, r(e) + 1).replace(a, "");
+const p = ["top", "right", "bottom", "left"], l = ["start", "end"], L = /* @__PURE__ */ p.reduce((t, e) => t.concat(e, e + "-" + l[0], e + "-" + l[1]), []), h = Math.min, x = Math.max, E = Math.round, R = Math.floor, T = (t) => ({
+  x: t,
+  y: t
+}), b = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, d = {
+  start: "end",
+  end: "start"
+};
+function k(t, e, n) {
+  return x(t, h(e, n));
+}
+function q(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function g(t) {
+  return t.split("-")[0];
+}
+function m(t) {
+  return t.split("-")[1];
+}
+function A(t) {
+  return t === "x" ? "y" : "x";
+}
+function P(t) {
+  return t === "y" ? "height" : "width";
+}
+const y = /* @__PURE__ */ new Set(["top", "bottom"]);
+function M(t) {
+  return y.has(g(t)) ? "y" : "x";
+}
+function O(t) {
+  return A(M(t));
+}
+function z(t, e, n) {
+  n === void 0 && (n = !1);
+  const r = m(t), i = O(t), o = P(i);
+  let c = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+  return e.reference[o] > e.floating[o] && (c = f(c)), [c, f(c)];
+}
+function B(t) {
+  const e = f(t);
+  return [s(t), e, s(e)];
+}
+function s(t) {
+  return t.replace(/start|end/g, (e) => d[e]);
+}
+const u = ["left", "right"], a = ["right", "left"], S = ["top", "bottom"], w = ["bottom", "top"];
+function j(t, e, n) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return n ? e ? a : u : e ? u : a;
+    case "left":
+    case "right":
+      return e ? S : w;
+    default:
+      return [];
+  }
+}
+function D(t, e, n, r) {
+  const i = m(t);
+  let o = j(g(t), n === "start", r);
+  return i && (o = o.map((c) => c + "-" + i), e && (o = o.concat(o.map(s)))), o;
+}
+function f(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => b[e]);
+}
+function C(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function F(t) {
+  return typeof t != "number" ? C(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function G(t) {
+  const {
+    x: e,
+    y: n,
+    width: r,
+    height: i
+  } = t;
+  return {
+    width: r,
+    height: i,
+    top: n,
+    left: e,
+    right: e + r,
+    bottom: n + i,
+    x: e,
+    y: n
+  };
 }
 export {
-  t as default
+  l as alignments,
+  k as clamp,
+  T as createCoords,
+  q as evaluate,
+  C as expandPaddingObject,
+  R as floor,
+  m as getAlignment,
+  O as getAlignmentAxis,
+  z as getAlignmentSides,
+  P as getAxisLength,
+  B as getExpandedPlacements,
+  s as getOppositeAlignmentPlacement,
+  A as getOppositeAxis,
+  D as getOppositeAxisPlacements,
+  f as getOppositePlacement,
+  F as getPaddingObject,
+  g as getSide,
+  M as getSideAxis,
+  x as max,
+  h as min,
+  L as placements,
+  G as rectToClientRect,
+  E as round,
+  p as sides
 };

package/dist/kongponents.es319.js

@@ -1,18 +1,179 @@
-import t from "./kongponents.es342.js";
-import f from "./kongponents.es309.js";
-import m from "./kongponents.es286.js";
-import p from "./kongponents.es294.js";
-var i = t ? t.prototype : void 0, n = i ? i.toString : void 0;
-function y(r) {
-  if (typeof r == "string")
-    return r;
-  if (m(r))
-    return f(r, y) + "";
-  if (p(r))
-    return n ? n.call(r) : "";
-  var o = r + "";
-  return o == "0" && 1 / r == -1 / 0 ? "-0" : o;
-}
+import { defineComponent as W, mergeModels as j, useModel as P, ref as b, useId as J, computed as D, onMounted as K, watch as h, createElementBlock as m, openBlock as i, createBlock as I, createCommentVNode as y, unref as c, mergeProps as B, createElementVNode as M, createVNode as L, withDirectives as S, toDisplayString as k, normalizeClass as F, vModelText as A, Transition as Q, withCtx as X } from "vue";
+import { DatePicker as U } from "./kongponents.es413.js";
+import Z from "./kongponents.es398.js";
+import p from "./kongponents.es402.js";
+import G from "./kongponents.es228.js";
+const _ = { class: "calendar-wrapper" }, ee = {
+  key: 2,
+  class: "time-wrapper"
+}, te = { class: "time-input" }, ae = ["for"], ne = { key: 0 }, le = { key: 1 }, ue = ["id", "step"], se = ["for"], ie = { key: 0 }, re = ["id", "step"], oe = {
+  key: 0,
+  class: "help-text"
+}, ye = /* @__PURE__ */ W({
+  __name: "CalendarWrapper",
+  props: /* @__PURE__ */ j({
+    isRange: { type: Boolean },
+    kDatePickerMode: {},
+    maxDate: { default: () => {
+    } },
+    minDate: { default: () => {
+    } },
+    errorMessage: { default: () => {
+    } },
+    timeGranularity: { default: "minutely" }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {},
+    error: { type: Boolean, default: !1 },
+    errorModifiers: {}
+  }),
+  emits: ["update:modelValue", "update:error"],
+  setup(t, { expose: Y }) {
+    const u = (n, a) => a === "secondly" ? G(n, "HH:mm:ss") : G(n, "HH:mm"), e = P(t, "modelValue"), f = P(t, "error"), s = b(u(/* @__PURE__ */ new Date(), t.timeGranularity)), r = b(u(/* @__PURE__ */ new Date(), t.timeGranularity)), o = b({
+      start: u(/* @__PURE__ */ new Date(), t.timeGranularity),
+      end: u(/* @__PURE__ */ new Date(), t.timeGranularity)
+    }), g = J(), $ = D(() => t.isRange && e.value && "start" in e.value && e.value.start instanceof Date ? { year: e.value.start.getFullYear(), month: e.value.start.getMonth() + 1 } : e.value instanceof Date ? { year: e.value.getFullYear(), month: e.value.getMonth() + 1 } : t.maxDate && Z(t.maxDate, p()) ? { year: t.maxDate.getFullYear(), month: t.maxDate.getMonth() + 1 } : { year: (/* @__PURE__ */ new Date()).getFullYear(), month: (/* @__PURE__ */ new Date()).getMonth() + 1 }), x = D(() => ({
+      borderless: !0,
+      color: "blue",
+      dragAttribute: q,
+      expanded: !0,
+      initialPage: $.value,
+      maxDate: t.maxDate,
+      minDate: t.minDate,
+      mode: "date",
+      modelConfig: N,
+      selectAttribute: z,
+      transparent: !0
+    })), R = D(() => ["time", "dateTime", "relativeDateTime"].includes(t.kDatePickerMode)), H = D(() => {
+      switch (t.timeGranularity) {
+        case "minutely":
+          return 60;
+        case "secondly":
+          return 1;
+        default:
+          return 60;
+      }
+    }), V = (n, a) => n > a, C = () => {
+      if (e.value && R.value)
+        if (t.isRange && e.value.start && e.value.end) {
+          const n = e.value;
+          s.value = u(n.start, t.timeGranularity), r.value = u(n.end, t.timeGranularity);
+        } else e.value instanceof Date ? s.value = u(e.value, t.timeGranularity) : s.value = u(/* @__PURE__ */ new Date(), t.timeGranularity);
+    }, w = (n) => {
+      const a = n.split(":"), l = parseInt(a[0], 10), d = parseInt(a[1], 10), v = t.timeGranularity === "secondly" && a[2] ? parseInt(a[2], 10) : 0;
+      return { hours: l, minutes: d, seconds: v };
+    };
+    K(() => {
+      C(), o.value.start = s.value, o.value.end = r.value;
+    });
+    const N = { type: "number" }, q = {
+      key: "select-drag",
+      highlight: {
+        start: { contentClass: "vcal-day-drag-start" },
+        base: { contentClass: "vcal-day-drag-base" },
+        end: { contentClass: "vcal-day-drag-end" }
+      }
+    }, z = {
+      key: "select-calendar",
+      highlight: {
+        start: { contentClass: "vcal-day-start" },
+        base: { contentClass: "vcal-day-base" },
+        end: { contentClass: "vcal-day-end" }
+      }
+    };
+    h(() => s.value, (n) => {
+      if (n) {
+        if (e.value && t.isRange && "start" in e.value && e.value.start instanceof Date && "end" in e.value && e.value.end instanceof Date) {
+          const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
+          a.setHours(l, d, v, 0), e.value.start.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0), f.value = V(e.value.start, e.value.end);
+        } else if (e.value instanceof Date) {
+          const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
+          a.setHours(l, d, v, 0), e.value.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0);
+        }
+      }
+    }), h(() => r.value, (n) => {
+      if (n && e.value && t.isRange && "end" in e.value && e.value.end instanceof Date && "start" in e.value && e.value.start instanceof Date) {
+        const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
+        a.setHours(l, d, v, 0), e.value.end.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0), f.value = V(e.value.start, e.value.end);
+      }
+    }), h(() => e.value, () => {
+      e.value && t.isRange && "start" in e.value && e.value.start instanceof Date && "end" in e.value && e.value.end instanceof Date ? (s.value = u(e.value.start, t.timeGranularity), r.value = u(e.value.end, t.timeGranularity), f.value = V(e.value.start, e.value.end)) : e.value instanceof Date && (s.value = u(e.value, t.timeGranularity));
+    }, { immediate: !0, deep: !0 }), h(() => t.timeGranularity, () => {
+      e.value && t.isRange && "start" in e.value && e.value.start instanceof Date ? o.value.start = u(e.value.start, t.timeGranularity) : e.value instanceof Date && (o.value.start = u(e.value, t.timeGranularity)), e.value && t.isRange && "end" in e.value && e.value.end instanceof Date && (o.value.end = u(e.value.end, t.timeGranularity));
+    });
+    const T = (n) => {
+      const a = e.value;
+      return t.isRange && a && n in a && a[n] instanceof Date;
+    }, O = () => {
+      s.value = o.value.start, r.value = o.value.end;
+    }, E = (n) => {
+      try {
+        return G(n, "EEE MMM d yyyy");
+      } catch (a) {
+        console.warn("Error formatting date:", a);
+      }
+    };
+    return Y({
+      resetTime: O,
+      initTimeInputs: C
+    }), (n, a) => (i(), m("div", _, [
+      t.isRange ? (i(), I(c(U), B({ key: 0 }, x.value, {
+        modelValue: e.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value = l),
+        modelModifiers: { range: !0 }
+      }), null, 16, ["modelValue"])) : (i(), I(c(U), B({ key: 1 }, x.value, {
+        modelValue: e.value,
+        "onUpdate:modelValue": a[1] || (a[1] = (l) => e.value = l)
+      }), null, 16, ["modelValue"])),
+      R.value ? (i(), m("div", ee, [
+        M("div", te, [
+          M("label", {
+            class: "time-input-label",
+            for: `time-input-start-${c(g)}`
+          }, [
+            T("start") ? (i(), m("span", ne, k(E(e.value.start)), 1)) : e.value && e.value instanceof Date ? (i(), m("span", le, k(E(e.value)), 1)) : y("", !0)
+          ], 8, ae),
+          S(M("input", {
+            id: `time-input-start-${c(g)}`,
+            "onUpdate:modelValue": a[2] || (a[2] = (l) => s.value = l),
+            class: F(["time-input-start", { "input-error": f.value }]),
+            "data-testid": "time-input-start",
+            step: H.value,
+            type: "time"
+          }, null, 10, ue), [
+            [A, s.value]
+          ]),
+          M("label", {
+            class: "time-input-label",
+            for: `time-input-end-${c(g)}`
+          }, [
+            T("end") ? (i(), m("span", ie, k(c(G)(e.value.end, "EEE MMM d yyyy")), 1)) : y("", !0)
+          ], 8, se),
+          t.isRange ? S((i(), m("input", {
+            key: 0,
+            id: `time-input-end-${c(g)}`,
+            "onUpdate:modelValue": a[3] || (a[3] = (l) => r.value = l),
+            class: F(["time-input-end", { "input-error": f.value }]),
+            "data-testid": "time-input-end",
+            step: H.value,
+            type: "time"
+          }, null, 10, re)), [
+            [A, r.value]
+          ]) : y("", !0)
+        ]),
+        L(Q, {
+          mode: "out-in",
+          name: "kongponents-fade-transition"
+        }, {
+          default: X(() => [
+            f.value && t.errorMessage ? (i(), m("div", oe, k(t.errorMessage), 1)) : y("", !0)
+          ]),
+          _: 1
+        })
+      ])) : y("", !0)
+    ]));
+  }
+});
 export {
-  y as default
+  ye as default
 };