@kong/kongponents 9.49.0 → 9.49.1-pr.3042.f75d935.0

package/dist/kongponents.es248.js

@@ -0,0 +1,50 @@
+import { defineComponent as h, useCssVars as k, computed as f, createElementBlock as t, openBlock as r, Fragment as s, renderList as c, createElementVNode as l, renderSlot as i, createVNode as n } from "vue";
+import d from "./kongponents.es58.js";
+import { KUI_SPACE_50 as C } from "./kongponents.es178.js";
+import { normalizeSize as p } from "./kongponents.es179.js";
+const _ = { class: "skeleton-card-wrapper" }, v = { class: "skeleton-card-header" }, w = { class: "skeleton-card-content" }, x = { class: "skeleton-card-footer" }, E = /* @__PURE__ */ h({
+  __name: "CardSkeleton",
+  props: {
+    cardCount: {},
+    maxWidth: {}
+  },
+  setup(o) {
+    k((e) => ({
+      v243e7eb5: u.value
+    }));
+    const u = f(() => o.maxWidth ? p(o.maxWidth) : o.cardCount === 1 ? "470px" : `calc((100% / 3) - ${C})`);
+    return (e, S) => (r(), t("div", _, [
+      (r(!0), t(s, null, c(o.cardCount, (m) => (r(), t("div", {
+        key: m,
+        class: "skeleton-card"
+      }, [
+        l("div", v, [
+          i(e.$slots, "card-header", {}, () => [
+            n(d, { width: "50" })
+          ], !0)
+        ]),
+        l("div", w, [
+          i(e.$slots, "card-content", {}, () => [
+            (r(), t(s, null, c(3, (a) => n(d, {
+              key: a,
+              width: "100"
+            })), 64)),
+            n(d, { width: "50" })
+          ], !0)
+        ]),
+        l("div", x, [
+          i(e.$slots, "card-footer", {}, () => [
+            (r(), t(s, null, c(2, (a) => n(d, {
+              key: a,
+              height: "2",
+              width: "5"
+            })), 64))
+          ], !0)
+        ])
+      ]))), 128))
+    ]));
+  }
+});
+export {
+  E as default
+};

package/dist/kongponents.es250.js

@@ -1,7 +1,36 @@
-import { getDefaultExportFromCjs as r } from "./kongponents.es466.js";
-import { __require as t } from "./kongponents.es361.js";
-var o = /* @__PURE__ */ t();
-const m = /* @__PURE__ */ r(o);
+import { defineComponent as i, useCssVars as d, createElementBlock as t, openBlock as n, Fragment as a, renderList as c, renderSlot as m, createVNode as k } from "vue";
+import f from "./kongponents.es58.js";
+const p = { class: "skeleton-table-wrapper" }, b = /* @__PURE__ */ i({
+  __name: "TableSkeleton",
+  props: {
+    rows: {},
+    columns: {}
+  },
+  setup(s) {
+    d((e) => ({
+      v11294cba: e.columns
+    }));
+    const u = (e, r) => e === 1 && r === 1 || e !== 1 && r !== 1 ? "25" : "50";
+    return (e, r) => (n(), t("div", p, [
+      (n(!0), t(a, null, c(s.rows, (l) => (n(), t("div", {
+        key: l,
+        class: "skeleton-table-row"
+      }, [
+        m(e.$slots, "default", {}, () => [
+          (n(!0), t(a, null, c(s.columns, (o) => (n(), t("div", {
+            key: o,
+            class: "skeleton-cell-container"
+          }, [
+            k(f, {
+              class: "skeleton-cell",
+              width: u(o, l)
+            }, null, 8, ["width"])
+          ]))), 128))
+        ], !0)
+      ]))), 128))
+    ]));
+  }
+});
 export {
-  m as default
+  b as default
 };

package/dist/kongponents.es252.js

@@ -1,174 +1,25 @@
-import M from "./kongponents.es255.js";
-import p from "./kongponents.es256.js";
-import x from "./kongponents.es257.js";
-import H from "./kongponents.es258.js";
-var v = 36e5, c = 6e4, _ = 2, i = {
-  dateTimePattern: /^([0-9W+-]+)(T| )(.*)/,
-  datePattern: /^([0-9W+-]+)(.*)/,
-  // year tokens
-  YY: /^(\d{2})$/,
-  YYY: [
-    /^([+-]\d{2})$/,
-    // 0 additional digits
-    /^([+-]\d{3})$/,
-    // 1 additional digit
-    /^([+-]\d{4})$/
-    // 2 additional digits
-  ],
-  YYYY: /^(\d{4})/,
-  YYYYY: [
-    /^([+-]\d{4})/,
-    // 0 additional digits
-    /^([+-]\d{5})/,
-    // 1 additional digit
-    /^([+-]\d{6})/
-    // 2 additional digits
-  ],
-  // date tokens
-  MM: /^-(\d{2})$/,
-  DDD: /^-?(\d{3})$/,
-  MMDD: /^-?(\d{2})-?(\d{2})$/,
-  Www: /^-?W(\d{2})$/,
-  WwwD: /^-?W(\d{2})-?(\d{1})$/,
-  HH: /^(\d{2}([.,]\d*)?)$/,
-  HHMM: /^(\d{2}):?(\d{2}([.,]\d*)?)$/,
-  HHMMSS: /^(\d{2}):?(\d{2}):?(\d{2}([.,]\d*)?)$/,
-  // time zone tokens (to identify the presence of a tz)
-  timeZone: H
-};
-function j(t, r) {
-  if (arguments.length < 1)
-    throw new TypeError("1 argument required, but only " + arguments.length + " present");
-  if (t === null)
-    return /* @__PURE__ */ new Date(NaN);
-  var e = r || {}, a = e.additionalDigits == null ? _ : M(e.additionalDigits);
-  if (a !== 2 && a !== 1 && a !== 0)
-    throw new RangeError("additionalDigits must be 0, 1 or 2");
-  if (t instanceof Date || typeof t == "object" && Object.prototype.toString.call(t) === "[object Date]")
-    return new Date(t.getTime());
-  if (typeof t == "number" || Object.prototype.toString.call(t) === "[object Number]")
-    return new Date(t);
-  if (!(typeof t == "string" || Object.prototype.toString.call(t) === "[object String]"))
-    return /* @__PURE__ */ new Date(NaN);
-  var n = $(t), l = b(n.date, a), u = l.year, o = l.restDateString, f = U(o, u);
-  if (isNaN(f))
-    return /* @__PURE__ */ new Date(NaN);
-  if (f) {
-    var Y = f.getTime(), D = 0, s;
-    if (n.time && (D = C(n.time), isNaN(D)))
-      return /* @__PURE__ */ new Date(NaN);
-    if (n.timeZone || e.timeZone) {
-      if (s = x(n.timeZone || e.timeZone, new Date(Y + D)), isNaN(s))
-        return /* @__PURE__ */ new Date(NaN);
-    } else
-      s = p(new Date(Y + D)), s = p(new Date(Y + D + s));
-    return new Date(Y + D + s);
-  } else
-    return /* @__PURE__ */ new Date(NaN);
-}
-function $(t) {
-  var r = {}, e = i.dateTimePattern.exec(t), a;
-  if (e ? (r.date = e[1], a = e[3]) : (e = i.datePattern.exec(t), e ? (r.date = e[1], a = e[2]) : (r.date = null, a = t)), a) {
-    var n = i.timeZone.exec(a);
-    n ? (r.time = a.replace(n[1], ""), r.timeZone = n[1].trim()) : r.time = a;
-  }
-  return r;
-}
-function b(t, r) {
-  var e = i.YYY[r], a = i.YYYYY[r], n;
-  if (n = i.YYYY.exec(t) || a.exec(t), n) {
-    var l = n[1];
-    return {
-      year: parseInt(l, 10),
-      restDateString: t.slice(l.length)
-    };
-  }
-  if (n = i.YY.exec(t) || e.exec(t), n) {
-    var u = n[1];
-    return {
-      year: parseInt(u, 10) * 100,
-      restDateString: t.slice(u.length)
-    };
-  }
-  return {
-    year: null
-  };
-}
-function U(t, r) {
-  if (r === null)
-    return null;
-  var e, a, n, l;
-  if (t.length === 0)
-    return a = /* @__PURE__ */ new Date(0), a.setUTCFullYear(r), a;
-  if (e = i.MM.exec(t), e)
-    return a = /* @__PURE__ */ new Date(0), n = parseInt(e[1], 10) - 1, I(r, n) ? (a.setUTCFullYear(r, n), a) : /* @__PURE__ */ new Date(NaN);
-  if (e = i.DDD.exec(t), e) {
-    a = /* @__PURE__ */ new Date(0);
-    var u = parseInt(e[1], 10);
-    return F(r, u) ? (a.setUTCFullYear(r, 0, u), a) : /* @__PURE__ */ new Date(NaN);
-  }
-  if (e = i.MMDD.exec(t), e) {
-    a = /* @__PURE__ */ new Date(0), n = parseInt(e[1], 10) - 1;
-    var o = parseInt(e[2], 10);
-    return I(r, n, o) ? (a.setUTCFullYear(r, n, o), a) : /* @__PURE__ */ new Date(NaN);
-  }
-  if (e = i.Www.exec(t), e)
-    return l = parseInt(e[1], 10) - 1, d(r, l) ? w(r, l) : /* @__PURE__ */ new Date(NaN);
-  if (e = i.WwwD.exec(t), e) {
-    l = parseInt(e[1], 10) - 1;
-    var f = parseInt(e[2], 10) - 1;
-    return d(r, l, f) ? w(r, l, f) : /* @__PURE__ */ new Date(NaN);
-  }
-  return null;
-}
-function C(t) {
-  var r, e, a;
-  if (r = i.HH.exec(t), r)
-    return e = parseFloat(r[1].replace(",", ".")), N(e) ? e % 24 * v : NaN;
-  if (r = i.HHMM.exec(t), r)
-    return e = parseInt(r[1], 10), a = parseFloat(r[2].replace(",", ".")), N(e, a) ? e % 24 * v + a * c : NaN;
-  if (r = i.HHMMSS.exec(t), r) {
-    e = parseInt(r[1], 10), a = parseInt(r[2], 10);
-    var n = parseFloat(r[3].replace(",", "."));
-    return N(e, a, n) ? e % 24 * v + a * c + n * 1e3 : NaN;
-  }
-  return null;
-}
-function w(t, r, e) {
-  r = r || 0, e = e || 0;
-  var a = /* @__PURE__ */ new Date(0);
-  a.setUTCFullYear(t, 0, 4);
-  var n = a.getUTCDay() || 7, l = r * 7 + e + 1 - n;
-  return a.setUTCDate(a.getUTCDate() + l), a;
-}
-var O = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], m = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-function T(t) {
-  return t % 400 === 0 || t % 4 === 0 && t % 100 !== 0;
-}
-function I(t, r, e) {
-  if (r < 0 || r > 11)
-    return !1;
-  if (e != null) {
-    if (e < 1)
-      return !1;
-    var a = T(t);
-    if (a && e > m[r] || !a && e > O[r])
-      return !1;
-  }
-  return !0;
-}
-function F(t, r) {
-  if (r < 1)
-    return !1;
-  var e = T(t);
-  return !(e && r > 366 || !e && r > 365);
-}
-function d(t, r, e) {
-  return !(r < 0 || r > 52 || e != null && (e < 0 || e > 6));
-}
-function N(t, r, e) {
-  return !(t != null && (t < 0 || t >= 25) || r != null && (r < 0 || r >= 60) || e != null && (e < 0 || e >= 60));
-}
+import { defineComponent as s, createElementBlock as e, openBlock as t, Fragment as c, renderList as l, createElementVNode as m, createVNode as o } from "vue";
+import r from "./kongponents.es58.js";
+const a = { class: "skeleton-form-wrapper" }, f = /* @__PURE__ */ s({
+  __name: "FormSkeleton",
+  setup(i) {
+    return (d, p) => (t(), e("div", a, [
+      (t(), e(c, null, l(4, (n) => m("div", {
+        key: n,
+        class: "skeleton-form-row"
+      }, [
+        o(r, {
+          height: "2",
+          width: "10"
+        }),
+        o(r, {
+          height: "2",
+          width: "100"
+        })
+      ])), 64))
+    ]));
+  }
+});
 export {
-  j as default
+  f as default
 };

package/dist/kongponents.es254.js

@@ -1,9 +1,47 @@
-import i from "./kongponents.es257.js";
-import u from "./kongponents.es252.js";
-function g(o, a, s) {
-  var r = u(o, s), n = i(a, r, !0), e = new Date(r.getTime() - n), t = /* @__PURE__ */ new Date(0);
-  return t.setFullYear(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate()), t.setHours(e.getUTCHours(), e.getUTCMinutes(), e.getUTCSeconds(), e.getUTCMilliseconds()), t;
-}
+import { defineComponent as d, useCssVars as i, ref as s, computed as u, onMounted as m, onUnmounted as g, createElementBlock as l, openBlock as a, createElementVNode as o, createCommentVNode as v, unref as p, normalizeStyle as f } from "vue";
+import h from "./kongponents.es360.js";
+const I = {
+  class: "fullscreen-loading-container",
+  "data-testid": "full-screen-loader"
+}, _ = ["src"], k = {
+  key: 0,
+  class: "progress"
+}, z = /* @__PURE__ */ d({
+  __name: "FullScreenKongSkeleton",
+  props: {
+    progress: {},
+    hideProgress: { type: Boolean },
+    zIndex: {}
+  },
+  setup(r) {
+    i((t) => ({
+      v4d434712: t.zIndex
+    }));
+    const n = s(0), e = s(0), c = u(() => r.progress !== null ? r.progress : e.value);
+    return m(() => {
+      r.progress || (n.value = setInterval(() => {
+        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
+      }, 200));
+    }), g(() => {
+      clearInterval(n.value);
+    }), (t, x) => (a(), l("div", I, [
+      o("div", null, [
+        o("img", {
+          alt: "Loading",
+          src: p(h)
+        }, null, 8, _),
+        r.hideProgress ? v("", !0) : (a(), l("div", k, [
+          o("div", {
+            class: "progress-bar",
+            role: "progressbar",
+            style: f({ width: `${c.value}%` }),
+            title: "Loading"
+          }, null, 4)
+        ]))
+      ])
+    ]));
+  }
+});
 export {
-  g as default
+  z as default
 };

package/dist/kongponents.es256.js

@@ -1,7 +1,43 @@
-import { getDefaultExportFromCjs as e } from "./kongponents.es466.js";
-import { __require as o } from "./kongponents.es369.js";
-var t = /* @__PURE__ */ o();
-const r = /* @__PURE__ */ e(t);
+import { defineComponent as u, useCssVars as c, ref as o, computed as v, onMounted as m, onUnmounted as p, createElementBlock as a, openBlock as i, createElementVNode as s, createCommentVNode as g, normalizeStyle as f } from "vue";
+const h = {
+  class: "fullscreen-loading-container",
+  "data-testid": "full-screen-spinner-loader"
+}, I = {
+  key: 0,
+  class: "progress"
+}, y = /* @__PURE__ */ u({
+  __name: "FullScreenGenericSpinner",
+  props: {
+    progress: {},
+    hideProgress: { type: Boolean },
+    zIndex: {}
+  },
+  setup(r) {
+    c((l) => ({
+      v07a3a490: l.zIndex
+    }));
+    const n = o(0), e = o(0), d = v(() => r.progress !== null ? r.progress : e.value);
+    return m(() => {
+      r.progress || (n.value = setInterval(() => {
+        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
+      }, 200));
+    }), p(() => {
+      clearInterval(n.value);
+    }), (l, t) => (i(), a("div", h, [
+      s("div", null, [
+        t[0] || (t[0] = s("div", { class: "spinner-loader" }, null, -1)),
+        r.hideProgress ? g("", !0) : (i(), a("div", I, [
+          s("div", {
+            class: "progress-bar",
+            role: "progressbar",
+            style: f({ width: `${d.value}%` }),
+            title: "Loading"
+          }, null, 4)
+        ]))
+      ])
+    ]));
+  }
+});
 export {
-  r as default
+  y as default
 };

package/dist/kongponents.es258.js

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

package/dist/kongponents.es26.js

@@ -1,8 +1,8 @@
 import { defineComponent as A, watch as d, ref as E, computed as f, useTemplateRef as V, onMounted as I, createElementBlock as k, openBlock as B, normalizeStyle as q, createVNode as N, createSlots as w, withCtx as g, renderSlot as v } from "vue";
-import z from "./kongponents.es230.js";
-import { normalizeSize as J } from "./kongponents.es186.js";
-import { warnInvalidProp as o } from "./kongponents.es210.js";
-import { getMaximumDepth as L } from "./kongponents.es231.js";
+import z from "./kongponents.es226.js";
+import { normalizeSize as J } from "./kongponents.es179.js";
+import { warnInvalidProp as o } from "./kongponents.es223.js";
+import { getMaximumDepth as L } from "./kongponents.es227.js";
 const R = /* @__PURE__ */ A({
   __name: "KTreeList",
   props: {