@kong/kongponents 9.46.5-pr.2983.c02bc9f.0 → 9.46.6-pr.2985.85534d2.0

package/dist/kongponents.es235.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as s, createBlock as b, openBlock as C, resolveDynamicComponent as h, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kongponents.es249.js";
-const k = ["aria-hidden"], u = '<path d="M19.0999 21.9L15.5999 18.45C15.0166 18.6333 14.4249 18.7708 13.8249 18.8625C13.2249 18.9541 12.6166 19 11.9999 19C9.76657 19 7.7249 18.4 5.8749 17.2C4.0249 16 2.5749 14.4166 1.5249 12.45C1.44157 12.3 1.37907 12.1458 1.3374 11.9875C1.29574 11.8291 1.2749 11.6666 1.2749 11.5C1.2749 11.3333 1.29574 11.1708 1.3374 11.0125C1.37907 10.8541 1.44157 10.7 1.5249 10.55C1.89157 9.89998 2.28324 9.26664 2.6999 8.64998C3.11657 8.03331 3.5999 7.48331 4.1499 6.99998L2.0749 4.89998C1.89157 4.71664 1.7999 4.48748 1.7999 4.21248C1.7999 3.93748 1.8999 3.69998 2.0999 3.49998C2.28324 3.31664 2.51657 3.22498 2.7999 3.22498C3.08324 3.22498 3.31657 3.31664 3.4999 3.49998L20.4999 20.5C20.6832 20.6833 20.7791 20.9125 20.7874 21.1875C20.7957 21.4625 20.6999 21.7 20.4999 21.9C20.3166 22.0833 20.0832 22.175 19.7999 22.175C19.5166 22.175 19.2832 22.0833 19.0999 21.9ZM11.9999 16C12.1832 16 12.3582 15.9916 12.5249 15.975C12.6916 15.9583 12.8582 15.925 13.0249 15.875L7.6249 10.475C7.5749 10.6416 7.54157 10.8083 7.5249 10.975C7.50824 11.1416 7.4999 11.3166 7.4999 11.5C7.4999 12.75 7.9374 13.8125 8.8124 14.6875C9.6874 15.5625 10.7499 16 11.9999 16ZM11.9999 3.99998C14.2332 3.99998 16.2791 4.60414 18.1374 5.81248C19.9957 7.02081 21.4499 8.60831 22.4999 10.575C22.5832 10.7083 22.6457 10.8541 22.6874 11.0125C22.7291 11.1708 22.7499 11.3333 22.7499 11.5C22.7499 11.6666 22.7332 11.8291 22.6999 11.9875C22.6666 12.1458 22.6082 12.2916 22.5249 12.425C22.2082 13.0416 21.8541 13.625 21.4624 14.175C21.0707 14.725 20.6332 15.2416 20.1499 15.725C19.9166 15.9583 19.6416 16.0666 19.3249 16.05C19.0082 16.0333 18.7332 15.9083 18.4999 15.675L16.4999 13.675C16.3832 13.5583 16.3082 13.4208 16.2749 13.2625C16.2416 13.1041 16.2499 12.9416 16.2999 12.775C16.3666 12.5583 16.4166 12.35 16.4499 12.15C16.4832 11.95 16.4999 11.7333 16.4999 11.5C16.4999 10.25 16.0624 9.18748 15.1874 8.31248C14.3124 7.43748 13.2499 6.99998 11.9999 6.99998C11.7666 6.99998 11.5499 7.01664 11.3499 7.04998C11.1499 7.08331 10.9416 7.13331 10.7249 7.19998C10.5582 7.24998 10.3916 7.25831 10.2249 7.22498C10.0582 7.19164 9.91657 7.11664 9.7999 6.99998L8.9749 6.17498C8.65824 5.85831 8.55407 5.49164 8.6624 5.07498C8.77074 4.65831 9.03324 4.39164 9.4499 4.27498C9.86657 4.19164 10.2874 4.12498 10.7124 4.07498C11.1374 4.02498 11.5666 3.99998 11.9999 3.99998ZM13.9749 9.64998C14.1582 9.86664 14.3124 10.1041 14.4374 10.3625C14.5624 10.6208 14.6416 10.8916 14.6749 11.175C14.6916 11.3083 14.6416 11.4 14.5249 11.45C14.4082 11.5 14.2999 11.475 14.1999 11.375L12.1499 9.32498C12.0499 9.22498 12.0291 9.11664 12.0874 8.99998C12.1457 8.88331 12.2416 8.82498 12.3749 8.82498C12.6916 8.85831 12.9832 8.94581 13.2499 9.08748C13.5166 9.22914 13.7582 9.41664 13.9749 9.64998Z" fill="currentColor"/>', $ = /* @__PURE__ */ y({
-  __name: "VisibilityOffIcon",
+import { defineComponent as y, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es288.js";
+const k = ["aria-hidden"], p = '<path d="M12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8Z" fill="currentColor"/>', $ = /* @__PURE__ */ y({
+  __name: "MoreIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -31,14 +31,14 @@ const k = ["aria-hidden"], u = '<path d="M19.0999 21.9L15.5999 18.45C15.0166 18.
     size: {
       type: [Number, String],
       required: !1,
-      default: d,
+      default: u,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (r) => {
+        if (typeof r == "number" && r > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+        if (typeof r == "string") {
+          const e = String(r).replace(/px/gi, ""), i = Number(e);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
             return !0;
         }
         return !1;
@@ -60,8 +60,8 @@ const k = ["aria-hidden"], u = '<path d="M19.0999 21.9L15.5999 18.45C15.0166 18.
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = s(() => {
+  setup(r) {
+    const e = r, i = s(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -69,47 +69,47 @@ const k = ["aria-hidden"], u = '<path d="M19.0999 21.9L15.5999 18.45C15.0166 18.
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return d;
-    }), f = s(() => ({
+      return u;
+    }), c = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: i.value,
       lineHeight: "0",
-      width: r.value,
+      width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), c = (a) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
+    })), f = (a) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
       return a.replace(/id="([^"]+)"/g, (o, n) => {
-        const l = `${m}-${n}`;
+        const l = `${v}-${n}`;
         return t[n] = l, `id="${l}"`;
       }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
-    }, p = {
+    }, C = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, g = (a) => a.replace(/[<>"'&]/g, (t) => p[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? u : c(u)}`;
-    return (a, t) => (C(), b(h(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon visibility-off-icon",
-      "data-testid": "kui-icon-wrapper-visibility-off-icon",
-      style: x(f.value),
-      tabindex: i.decorative ? "-1" : void 0
+    }, g = (a) => a.replace(/[<>"'&]/g, (t) => C[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (a, t) => (d(), h(b(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon more-icon",
+      "data-testid": "kui-icon-wrapper-more-icon",
+      style: x(c.value),
+      tabindex: r.decorative ? "-1" : void 0
     }, {
       default: S(() => [
-        (C(), N("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-visibility-off-icon",
+        (d(), N("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-more-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: m
         }, null, 8, k))
       ]),
       _: 1

package/dist/kongponents.es236.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as h, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es249.js";
-const k = ["aria-hidden"], p = '<path d="M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z" fill="currentColor"/>', $ = /* @__PURE__ */ y({
-  __name: "VisibilityIcon",
+import { defineComponent as h, computed as s, createBlock as S, openBlock as d, resolveDynamicComponent as b, normalizeStyle as w, withCtx as x, createElementBlock as L } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es288.js";
+const N = ["aria-hidden"], p = '<path d="M8 13V5.825L5.425 8.4L4 7L9 2L14 7L12.575 8.4L10 5.825V13H8ZM15 22L10 17L11.425 15.6L14 18.175V11H16V18.175L18.575 15.6L20 17L15 22Z" fill="currentColor"/>', I = /* @__PURE__ */ h({
+  __name: "SwapSortIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -33,12 +33,12 @@ const k = ["aria-hidden"], p = '<path d="M12 16C13.25 16 14.3125 15.5625 15.1875
       required: !1,
       default: u,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (r) => {
+        if (typeof r == "number" && r > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+        if (typeof r == "string") {
+          const e = String(r).replace(/px/gi, ""), i = Number(e);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
             return !0;
         }
         return !1;
@@ -60,8 +60,8 @@ const k = ["aria-hidden"], p = '<path d="M12 16C13.25 16 14.3125 15.5625 15.1875
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = s(() => {
+  setup(r) {
+    const e = r, i = s(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -75,34 +75,34 @@ const k = ["aria-hidden"], p = '<path d="M12 16C13.25 16 14.3125 15.5625 15.1875
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: i.value,
       lineHeight: "0",
-      width: r.value,
+      width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
     })), f = (a) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
+      const t = {}, y = Math.random().toString(36).substring(2, 12);
       return a.replace(/id="([^"]+)"/g, (o, n) => {
-        const l = `${m}-${n}`;
+        const l = `${y}-${n}`;
         return t[n] = l, `id="${l}"`;
       }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
-    }, C = {
+    }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, g = (a) => a.replace(/[<>"'&]/g, (t) => C[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (a, t) => (d(), b(h(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon visibility-icon",
-      "data-testid": "kui-icon-wrapper-visibility-icon",
-      style: x(c.value),
-      tabindex: i.decorative ? "-1" : void 0
+    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (a, t) => (d(), S(b(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon swap-sort-icon",
+      "data-testid": "kui-icon-wrapper-swap-sort-icon",
+      style: w(c.value),
+      tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: S(() => [
-        (d(), N("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-visibility-icon",
+      default: x(() => [
+        (d(), L("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-swap-sort-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -110,12 +110,12 @@ const k = ["aria-hidden"], p = '<path d="M12 16C13.25 16 14.3125 15.5625 15.1875
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: v
-        }, null, 8, k))
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  $ as default
+  I as default
 };

package/dist/kongponents.es237.js

@@ -1,7 +1,7 @@
-import t from "./kongponents.es408.js";
+import o from "./kongponents.es433.js";
 /* empty css                  */
-import o from "./kongponents.es74.js";
-const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-2f823fac"]]);
+import t from "./kongponents.es74.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cf7c2833"]]);
 export {
-  r as default
+  f as default
 };

package/dist/kongponents.es238.js

@@ -1,7 +1,12 @@
-import t from "./kongponents.es410.js";
-/* empty css                  */
-import o from "./kongponents.es74.js";
-const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-11bc36aa"]]);
+import t from "./kongponents.es324.js";
+import u from "./kongponents.es325.js";
+import f from "./kongponents.es326.js";
+function l(s, r) {
+  var o = {};
+  return r = f(r), u(s, function(m, a, n) {
+    t(o, a, r(m, a, n));
+  }), o;
+}
 export {
-  r as default
+  l as default
 };

package/dist/kongponents.es24.js

@@ -1,6 +1,6 @@
 import { defineComponent as s, useSlots as m, computed as r, useId as u, createBlock as c, renderSlot as o, openBlock as f, mergeProps as h, unref as l, withCtx as a, createElementVNode as x, createTextVNode as p, toDisplayString as b } from "vue";
 import k from "./kongponents.es53.js";
-import { KUI_SPACE_20 as I } from "./kongponents.es177.js";
+import { KUI_SPACE_20 as I } from "./kongponents.es173.js";
 const v = ["id"], A = /* @__PURE__ */ s({
   inheritAttrs: !1,
   __name: "KTooltip",

package/dist/kongponents.es240.js

@@ -1,8 +1,179 @@
-import p from "./kongponents.es257.js";
-var a = /[\\^$.*+?()[\]{}|]/g, r = RegExp(a.source);
-function x(e) {
-  return e = p(e), e && r.test(e) ? e.replace(a, "\\$&") : e;
-}
+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.es432.js";
+import Z from "./kongponents.es273.js";
+import p from "./kongponents.es277.js";
+import G from "./kongponents.es192.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 {
-  x as default
+  ye as default
 };