@kong/kongponents 9.49.9-pr.3070.d3dee60.0 → 9.49.9-pr.3072.1a77a45.0

package/dist/kongponents.es79.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, watch as m, useSlots as b, useAttrs as g, computed as o, onMounted as v, createBlock as h, openBlock as p, resolveDynamicComponent as y, mergeProps as k, toHandlers as B, withCtx as C, renderSlot as u } from "vue";
+import { defineComponent as f, watch as m, useSlots as b, useAttrs as g, computed as o, onMounted as v, openBlock as h, createBlock as p, resolveDynamicComponent as y, mergeProps as k, toHandlers as B, withCtx as C, renderSlot as u } from "vue";
 import "./kongponents.es5.js";
 import { ButtonAppearances as A } from "./kongponents.es6.js";
 import "./kongponents.es10.js";
@@ -32,7 +32,7 @@ const w = {
     });
     return v(() => {
       i.icon && console.warn("KButton: `icon` slot is deprecated. Please slot an icon into the `default` slot instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kbutton");
-    }), (e, x) => (p(), h(y(n.value), k({
+    }), (e, x) => (h(), p(y(n.value), k({
       class: ["k-button", [d.value, r.value, { "icon-button": t.icon === !0 || !i.default && i.icon }]],
       disabled: t.disabled ? t.disabled : void 0,
       role: n.value !== "button" ? "button" : void 0,

package/dist/kongponents.es81.js

@@ -1,4 +1,4 @@
-import { defineComponent as i, useSlots as c, computed as n, createElementBlock as o, openBlock as e, createCommentVNode as s, createBlock as u, resolveDynamicComponent as f, withCtx as m, renderSlot as l, createTextVNode as v, toDisplayString as h } from "vue";
+import { defineComponent as i, useSlots as c, computed as n, openBlock as e, createElementBlock as o, createBlock as u, resolveDynamicComponent as f, withCtx as m, renderSlot as l, createTextVNode as v, toDisplayString as h, createCommentVNode as s } from "vue";
 const k = { class: "k-card" }, y = {
   key: 0,
   class: "card-header"

package/dist/kongponents.es83.js

@@ -1,11 +1,11 @@
-import { defineComponent as Se, useSlots as be, useId as pe, ref as n, computed as r, watch as v, onMounted as ke, createElementBlock as m, openBlock as s, createBlock as I, createCommentVNode as M, resolveDynamicComponent as Pe, withCtx as u, createTextVNode as b, toDisplayString as p, renderSlot as c, createVNode as A, createSlots as x, unref as D, normalizeClass as ze, Fragment as Ie, renderList as Ae } from "vue";
-import Ce from "./kongponents.es180.js";
-import $e from "./kongponents.es21.js";
+import { defineComponent as Se, useSlots as be, useId as pe, ref as n, computed as r, watch as v, onMounted as ke, openBlock as s, createElementBlock as m, createBlock as I, resolveDynamicComponent as Pe, withCtx as u, createTextVNode as b, toDisplayString as p, createCommentVNode as M, renderSlot as c, createVNode as A, createSlots as x, unref as D, normalizeClass as ze, Fragment as Ie, renderList as Ae } from "vue";
+import Ce from "./kongponents.es182.js";
+import $e from "./kongponents.es20.js";
 /* empty css                 */
-import Q from "./kongponents.es44.js";
-import j from "./kongponents.es33.js";
-import Te from "./kongponents.es52.js";
-import Ne from "./kongponents.es36.js";
+import Q from "./kongponents.es45.js";
+import j from "./kongponents.es32.js";
+import Te from "./kongponents.es54.js";
+import Ne from "./kongponents.es35.js";
 const Oe = { class: "k-catalog" }, Me = {
   key: 1,
   class: "catalog-toolbar",

package/dist/kongponents.es85.js

@@ -1,5 +1,5 @@
-import { defineComponent as n, createBlock as d, openBlock as s, withCtx as i, createElementVNode as u, normalizeClass as f, renderSlot as a, createTextVNode as l, toDisplayString as o } from "vue";
-import C from "./kongponents.es34.js";
+import { defineComponent as n, openBlock as d, createBlock as s, withCtx as i, createElementVNode as u, normalizeClass as f, renderSlot as a, createTextVNode as l, toDisplayString as o } from "vue";
+import C from "./kongponents.es33.js";
 const b = /* @__PURE__ */ n({
   __name: "KCatalogItem",
   props: {
@@ -14,7 +14,7 @@ const b = /* @__PURE__ */ n({
         item: t.item
       });
     };
-    return (e, k) => (s(), d(C, {
+    return (e, k) => (d(), s(C, {
       class: "k-catalog-item",
       "data-testid": t.item && t.item.title ? `${t.item.title.replace(/[^0-9a-z]/gi, "-")}-catalog-item` : "catalog-item",
       role: "button",

package/dist/kongponents.es87.js

@@ -1,8 +1,8 @@
-import { defineComponent as z, useSlots as $, useAttrs as K, useId as N, computed as l, watch as D, createElementBlock as p, openBlock as i, normalizeClass as f, createElementVNode as o, createBlock as m, createCommentVNode as n, mergeProps as v, unref as s, createSlots as E, withCtx as g, renderSlot as h, createTextVNode as L, toDisplayString as x } from "vue";
-import P from "./kongponents.es48.js";
-import T from "./kongponents.es200.js";
-import q from "./kongponents.es201.js";
-import { KUI_ICON_SIZE_40 as C } from "./kongponents.es178.js";
+import { defineComponent as z, useSlots as $, useAttrs as K, useId as N, computed as l, watch as D, openBlock as i, createElementBlock as p, normalizeClass as f, createElementVNode as o, mergeProps as v, createBlock as m, unref as n, createCommentVNode as s, createSlots as E, withCtx as g, renderSlot as h, createTextVNode as L, toDisplayString as x } from "vue";
+import P from "./kongponents.es50.js";
+import T from "./kongponents.es221.js";
+import q from "./kongponents.es222.js";
+import { KUI_ICON_SIZE_40 as C } from "./kongponents.es177.js";
 const O = ["id", "aria-checked"], U = { class: "checkbox-label-wrapper" }, Z = {
   key: 1,
   class: "checkbox-description"
@@ -44,22 +44,22 @@ const O = ["id", "aria-checked"], U = { class: "checkbox-label-wrapper" }, Z = {
           type: "checkbox",
           onChange: B
         }), null, 16, O),
-        t.modelValue ? (i(), m(s(T), {
+        t.modelValue ? (i(), m(n(T), {
           key: 0,
           class: "checkbox-icon",
           "data-testid": "check-icon",
           decorative: "",
-          size: s(C),
+          size: n(C),
           tabindex: "-1"
-        }, null, 8, ["size"])) : n("", !0),
-        w.value && !t.modelValue ? (i(), m(s(q), {
+        }, null, 8, ["size"])) : s("", !0),
+        w.value && !t.modelValue ? (i(), m(n(q), {
           key: 1,
           class: "checkbox-icon",
           "data-testid": "indeterminate-icon",
           decorative: "",
-          size: s(C),
+          size: n(C),
           tabindex: "-1"
-        }, null, 8, ["size"])) : n("", !0)
+        }, null, 8, ["size"])) : s("", !0)
       ], 2),
       o("div", U, [
         r.value ? (i(), m(P, v({ key: 0 }, t.labelAttributes, {
@@ -80,12 +80,12 @@ const O = ["id", "aria-checked"], U = { class: "checkbox-label-wrapper" }, Z = {
             ]),
             key: "0"
           } : void 0
-        ]), 1040, ["for"])) : n("", !0),
+        ]), 1040, ["for"])) : s("", !0),
         k.value ? (i(), p("div", Z, [
           h(e.$slots, "description", {}, () => [
             o("p", null, x(t.description), 1)
           ], !0)
-        ])) : n("", !0)
+        ])) : s("", !0)
       ])
     ], 2));
   }

package/dist/kongponents.es89.js

@@ -1,22 +1,22 @@
-import { defineComponent as xe, useCssVars as Te, computed as d, watch as E, useSlots as Ee, ref as m, useTemplateRef as q, nextTick as ne, onMounted as Be, onBeforeUnmount as Se, createElementBlock as b, openBlock as i, normalizeClass as w, createCommentVNode as v, createElementVNode as k, createVNode as r, withCtx as c, Transition as H, createBlock as L, unref as a, Fragment as $, createTextVNode as F, toDisplayString as M, withDirectives as ae, renderSlot as Ie, resolveDynamicComponent as ie, normalizeProps as Re, mergeProps as ue, vShow as re } from "vue";
-import { Virtualizer as ce } from "./kongponents.es217.js";
-import Ae from "./kongponents.es46.js";
+import { defineComponent as xe, useCssVars as Te, watch as E, useSlots as Ee, ref as m, useTemplateRef as q, computed as d, nextTick as ne, onMounted as Be, onBeforeUnmount as Se, openBlock as i, createElementBlock as b, normalizeClass as w, createVNode as r, withCtx as c, Transition as H, unref as a, createBlock as k, createCommentVNode as v, Fragment as $, createTextVNode as F, toDisplayString as M, createElementVNode as L, renderSlot as Ie, withDirectives as ae, resolveDynamicComponent as ie, normalizeProps as Re, mergeProps as ue, vShow as re } from "vue";
+import { Virtualizer as ce } from "./kongponents.es197.js";
+import Ae from "./kongponents.es48.js";
 import { copyTextToClipboard as Pe } from "./kongponents.es165.js";
-import { ShortcutManager as qe } from "./kongponents.es218.js";
-import { LINE_NUMBER_EXPRESSION_REGEX as He, buildLineOffsets as $e, highlightMatchingChars as Fe, escapeHTMLIfNeeded as se, normalizeHighlightedLines as Ve, getMatchingLineNumbers as De } from "./kongponents.es219.js";
-import Oe from "./kongponents.es204.js";
-import Ue from "./kongponents.es220.js";
-import je from "./kongponents.es173.js";
-import ze from "./kongponents.es206.js";
-import Ke from "./kongponents.es221.js";
-import Xe from "./kongponents.es192.js";
-import Ge from "./kongponents.es222.js";
-import Qe from "./kongponents.es187.js";
-import { KUI_COLOR_TEXT_NEUTRAL_STRONG as We, KUI_COLOR_TEXT_INVERSE as Ye, KUI_ICON_SIZE_30 as Ze, KUI_LINE_HEIGHT_30 as Je } from "./kongponents.es178.js";
-import B from "./kongponents.es39.js";
-import { IS_MAYBE_MAC as _e } from "./kongponents.es202.js";
-import { normalizeSize as et } from "./kongponents.es171.js";
-import tt from "./kongponents.es223.js";
+import { ShortcutManager as qe } from "./kongponents.es198.js";
+import { LINE_NUMBER_EXPRESSION_REGEX as He, buildLineOffsets as $e, highlightMatchingChars as Fe, escapeHTMLIfNeeded as se, normalizeHighlightedLines as Ve, getMatchingLineNumbers as De } from "./kongponents.es199.js";
+import Oe from "./kongponents.es200.js";
+import Ue from "./kongponents.es201.js";
+import je from "./kongponents.es172.js";
+import ze from "./kongponents.es202.js";
+import Ke from "./kongponents.es203.js";
+import Xe from "./kongponents.es189.js";
+import Ge from "./kongponents.es204.js";
+import Qe from "./kongponents.es205.js";
+import { KUI_COLOR_TEXT_NEUTRAL_STRONG as We, KUI_COLOR_TEXT_INVERSE as Ye, KUI_ICON_SIZE_30 as Ze, KUI_LINE_HEIGHT_30 as Je } from "./kongponents.es177.js";
+import B from "./kongponents.es38.js";
+import { IS_MAYBE_MAC as _e } from "./kongponents.es206.js";
+import { normalizeSize as et } from "./kongponents.es178.js";
+import tt from "./kongponents.es207.js";
 const ot = ["id"], lt = {
   key: 0,
   class: "code-block-actions"
@@ -300,7 +300,7 @@ const ot = ["id"], lt = {
                   onClick: Ne
                 }, [
                   r(a(je), { decorative: "" })
-                ])) : (i(), L(a(Qe), {
+                ])) : (i(), k(a(Qe), {
                   key: 1,
                   class: "code-block-search-icon",
                   decorative: ""
@@ -316,7 +316,7 @@ const ot = ["id"], lt = {
             j.value || s.value ? (i(), b("div", nt, [
               r(H, { name: "kongponents-fade-transition" }, {
                 default: c(() => [
-                  j.value ? (i(), L(a(Xe), {
+                  j.value ? (i(), k(a(Xe), {
                     key: 0,
                     class: "code-block-processing-icon",
                     color: we.value,
@@ -340,7 +340,7 @@ const ot = ["id"], lt = {
           ]),
           _: 1
         }),
-        k("div", it, [
+        L("div", it, [
           r(B, {
             active: g.value,
             "aria-label": `Use regular expression (${a(C)}+R)`,
@@ -401,13 +401,13 @@ const ot = ["id"], lt = {
           }, 8, ["disabled", "theme"])
         ])
       ])) : v("", !0),
-      k("div", ut, [
+      L("div", ut, [
         t.showCopyButton || me["secondary-actions"] ? (i(), b("div", {
           key: 0,
           class: w(["secondary-actions-wrapper", { "always-show": t.showCopyButton === "always" }])
         }, [
-          k("div", rt, [
-            t.showCopyButton ? (i(), L(B, {
+          L("div", rt, [
+            t.showCopyButton ? (i(), k(B, {
               key: 0,
               "aria-label": `Copy (${a(C)}+C)`,
               class: "code-block-copy-button",
@@ -424,7 +424,7 @@ const ot = ["id"], lt = {
             Ie(e.$slots, "secondary-actions", {}, void 0, !0)
           ])
         ], 2)) : v("", !0),
-        N.value || P.value ? ae((i(), L(ie("pre"), {
+        N.value || P.value ? ae((i(), k(ie("pre"), {
           key: 1,
           class: w(["filtered-code-block", {
             "show-line-numbers": t.showLineNumbers
@@ -432,9 +432,9 @@ const ot = ["id"], lt = {
           "data-testid": "filtered-code-block"
         }, {
           default: c(() => [
-            t.showLineNumbers && !t.singleLine ? (i(), L(a(ce), Re(ue({ key: 0 }, le(!0))), {
+            t.showLineNumbers && !t.singleLine ? (i(), k(a(ce), Re(ue({ key: 0 }, le(!0))), {
               default: c(({ item: l }) => [
-                k("a", {
+                L("a", {
                   id: T(l),
                   class: "line-anchor",
                   href: t.showLineNumberLinks ? `#${T(l)}` : void 0
@@ -442,13 +442,13 @@ const ot = ["id"], lt = {
               ]),
               _: 1
             }, 16)) : v("", !0),
-            k("code", { innerHTML: z.value }, null, 8, st)
+            L("code", { innerHTML: z.value }, null, 8, st)
           ]),
           _: 1
         }, 8, ["class"])), [
           [re, N.value]
         ]) : v("", !0),
-        !N.value || A.value ? ae((i(), L(ie("pre"), {
+        !N.value || A.value ? ae((i(), k(ie("pre"), {
           key: 2,
           class: w(["highlighted-code-block", {
             "show-line-numbers": t.showLineNumbers,
@@ -457,12 +457,12 @@ const ot = ["id"], lt = {
           "data-testid": "highlighted-code-block"
         }, {
           default: c(() => [
-            t.showLineNumbers && !t.singleLine ? (i(), L(a(ce), ue({
+            t.showLineNumbers && !t.singleLine ? (i(), k(a(ce), ue({
               key: 0,
               ref: "codeBlockLineNumbers"
             }, le(!1)), {
               default: c(({ item: l }) => [
-                k("a", {
+                L("a", {
                   id: T(l),
                   class: w(["line-anchor", { "hide-links": !t.showLineNumberLinks }]),
                   href: t.showLineNumberLinks ? `#${T(l)}` : void 0
@@ -470,7 +470,7 @@ const ot = ["id"], lt = {
               ]),
               _: 1
             }, 16)) : v("", !0),
-            k("code", { innerHTML: ye.value }, null, 8, ht)
+            L("code", { innerHTML: ye.value }, null, 8, ht)
           ]),
           _: 1
         }, 8, ["class"])), [

package/dist/kongponents.es92.js

@@ -1,5 +1,5 @@
-import { defineComponent as i, ref as n, useAttrs as r, watch as u, createBlock as p, openBlock as s, withCtx as o, createVNode as m, mergeProps as f, unref as d, renderSlot as h } from "vue";
-import v from "./kongponents.es33.js";
+import { defineComponent as i, ref as n, useAttrs as r, watch as u, openBlock as p, createBlock as s, withCtx as o, createVNode as m, mergeProps as f, unref as d, renderSlot as h } from "vue";
+import v from "./kongponents.es32.js";
 import k from "./kongponents.es24.js";
 /* empty css                 */
 const C = /* @__PURE__ */ i({
@@ -18,7 +18,7 @@ const C = /* @__PURE__ */ i({
       setTimeout(() => {
         e.value = t.copyTooltip;
       }, 3e3);
-    }), (l, y) => (s(), p(k, {
+    }), (l, y) => (p(), s(k, {
       class: "code-block-action-tooltip",
       placement: "bottom-start",
       "popover-timeout": 300,

package/dist/kongponents.es94.js

@@ -1,6 +1,6 @@
-import { defineComponent as L, useSlots as N, useId as T, ref as f, computed as n, watch as w, createElementBlock as g, openBlock as r, createElementVNode as d, createCommentVNode as v, createVNode as h, normalizeClass as b, createBlock as B, resolveDynamicComponent as D, withCtx as C, renderSlot as a, createTextVNode as z, toDisplayString as V, withModifiers as E, unref as c, Transition as A, withDirectives as K, vShow as x } from "vue";
-import M from "./kongponents.es212.js";
-import { KUI_ICON_SIZE_40 as O } from "./kongponents.es178.js";
+import { defineComponent as L, useSlots as N, useId as T, ref as f, computed as n, watch as w, openBlock as r, createElementBlock as g, createElementVNode as d, normalizeClass as h, createBlock as B, resolveDynamicComponent as D, withCtx as b, renderSlot as a, createTextVNode as z, toDisplayString as C, createCommentVNode as v, withModifiers as E, unref as c, createVNode as V, Transition as A, withDirectives as K, vShow as x } from "vue";
+import M from "./kongponents.es179.js";
+import { KUI_ICON_SIZE_40 as O } from "./kongponents.es177.js";
 const U = { class: "k-collapse" }, Z = { class: "collapse-trigger" }, j = ["aria-controls", "aria-expanded", "aria-label"], q = {
   key: 0,
   class: "collapse-trigger-label",
@@ -34,16 +34,16 @@ const U = { class: "k-collapse" }, Z = { class: "collapse-trigger" }, j = ["aria
       e !== s && i(e);
     }), (e, s) => (r(), g("div", U, [
       d("div", {
-        class: b(["collapse-heading", { "has-trailing-trigger": $.value }])
+        class: h(["collapse-heading", { "has-trailing-trigger": $.value }])
       }, [
         t.title || e.$slots.title ? (r(), B(D(t.titleTag), {
           key: 0,
           class: "collapse-title",
           "data-testid": "collapse-title"
         }, {
-          default: C(() => [
+          default: b(() => [
             a(e.$slots, "title", {}, () => [
-              z(V(t.title), 1)
+              z(C(t.title), 1)
             ], !0)
           ]),
           _: 3
@@ -63,13 +63,13 @@ const U = { class: "k-collapse" }, Z = { class: "collapse-trigger" }, j = ["aria
               onClick: s[0] || (s[0] = E((H) => i(), ["prevent", "stop"]))
             }, [
               a(e.$slots, "trigger-content", {}, () => [
-                h(c(M), {
-                  class: b(["collapse-trigger-icon", { "collapse-expanded": !o.value }]),
+                V(c(M), {
+                  class: h(["collapse-trigger-icon", { "collapse-expanded": !o.value }]),
                   "data-testid": "collapse-trigger-icon",
                   decorative: "",
                   size: c(O)
                 }, null, 8, ["class", "size"]),
-                t.triggerLabel ? (r(), g("span", q, V(t.triggerLabel), 1)) : v("", !0)
+                t.triggerLabel ? (r(), g("span", q, C(t.triggerLabel), 1)) : v("", !0)
               ], !0)
             ], 8, j)
           ], !0)
@@ -78,8 +78,8 @@ const U = { class: "k-collapse" }, Z = { class: "collapse-trigger" }, j = ["aria
       S.value ? (r(), g("div", F, [
         a(e.$slots, "visible-content", {}, void 0, !0)
       ])) : v("", !0),
-      h(A, { name: "kongponents-fade-transition" }, {
-        default: C(() => [
+      V(A, { name: "kongponents-fade-transition" }, {
+        default: b(() => [
           K(d("div", {
             id: c(p),
             class: "collapse-hidden-content",

package/dist/kongponents.es96.js

@@ -1,20 +1,20 @@
-import { defineComponent as ae, ref as u, computed as R, reactive as le, useTemplateRef as ie, watch as D, createElementBlock as c, openBlock as d, normalizeStyle as X, normalizeClass as x, createVNode as ne, unref as T, withCtx as f, createElementVNode as v, createBlock as y, createCommentVNode as g, createTextVNode as M, toDisplayString as I, isRef as de, Fragment as j, renderList as q } from "vue";
-import U from "./kongponents.es33.js";
-import re from "./kongponents.es53.js";
-import oe from "./kongponents.es56.js";
+import { defineComponent as ae, ref as c, computed as R, useTemplateRef as le, reactive as ie, watch as T, openBlock as r, createElementBlock as u, normalizeStyle as j, normalizeClass as x, createVNode as ne, unref as D, withCtx as f, createElementVNode as v, createBlock as y, createCommentVNode as g, createTextVNode as M, toDisplayString as I, isRef as re, Fragment as q, renderList as F } from "vue";
+import U from "./kongponents.es32.js";
+import de from "./kongponents.es55.js";
+import se from "./kongponents.es58.js";
 /* empty css                  */
 import "./kongponents.es5.js";
-import { DateTimePickerModes as se, ModeArrayCustom as me, ModeArrayRelative as ue, ModeDateOnly as ce } from "./kongponents.es10.js";
-import fe from "./kongponents.es225.js";
-import { KUI_SPACE_40 as ve, KUI_ICON_SIZE_40 as ye, KUI_COLOR_TEXT_NEUTRAL as ge } from "./kongponents.es178.js";
-import { normalizeSize as be } from "./kongponents.es171.js";
-import pe from "./kongponents.es226.js";
-import B from "./kongponents.es227.js";
-import C from "./kongponents.es228.js";
-const ke = ["tabindex"], Re = ["innerHTML"], De = {
+import { DateTimePickerModes as oe, ModeArrayCustom as me, ModeArrayRelative as ce, ModeDateOnly as ue } from "./kongponents.es10.js";
+import fe from "./kongponents.es193.js";
+import { KUI_SPACE_40 as ve, KUI_ICON_SIZE_40 as ye, KUI_COLOR_TEXT_NEUTRAL as ge } from "./kongponents.es177.js";
+import { normalizeSize as be } from "./kongponents.es178.js";
+import pe from "./kongponents.es194.js";
+import B from "./kongponents.es195.js";
+import C from "./kongponents.es196.js";
+const ke = ["tabindex"], Re = ["innerHTML"], Te = {
   key: 1,
   class: "range-display"
-}, Te = {
+}, De = {
   key: 3,
   class: "relative-periods-container"
 }, Pe = { class: "timeframe-section-title" }, he = { class: "timeframe-buttons" }, Se = { class: "datetime-picker-footer-container" }, Le = /* @__PURE__ */ ae({
@@ -36,61 +36,59 @@ const ke = ["tabindex"], Re = ["innerHTML"], De = {
     readonly: { type: Boolean },
     popoverPlacement: { default: "bottom-start" },
     invalidTimeErrorMessage: { default: "Start time cannot exceed end time." },
-    timeGranularity: { default: "minutely" },
-    sameDayFullRange: { type: Boolean, default: !1 },
-    customRangeValidation: { type: Function }
+    timeGranularity: { default: "minutely" }
   },
   emits: ["change", "update:modelValue"],
   setup(a, { emit: J }) {
-    var V, H;
-    const m = J, L = u(null), z = R(() => a.mode !== se.Relative), o = R(() => me.includes(a.mode) && !a.range), s = R(() => a.timePeriods.length > 0), b = R(() => t.tabName === "custom" || !s.value), P = u(!0), K = u(!1), W = u(0), O = {
+    var V, X;
+    const m = J, L = c(null), z = R(() => a.mode !== oe.Relative), s = R(() => me.includes(a.mode) && !a.range), o = R(() => a.timePeriods.length > 0), b = R(() => t.tabName === "custom" || !o.value), P = c(!0), K = c(!1), W = c(0), O = {
       start: null,
       end: null
-    }, h = u(a.modelValue.start || null), p = u(a.modelValue || O), A = o.value ? h : p, S = ie("calendarWrapperRef"), G = R(() => ({
+    }, h = c(a.modelValue.start || null), p = c(a.modelValue || O), A = s.value ? h : p, S = le("calendarWrapperRef"), G = R(() => ({
       width: be(a.width)
-    })), $ = Intl.DateTimeFormat().resolvedOptions().timeZone, t = le({
+    })), $ = Intl.DateTimeFormat().resolvedOptions().timeZone, t = ie({
       abbreviatedDisplay: a.placeholder,
       fullRangeDisplay: "",
       popoverOpen: !1,
       selectedRange: { start: /* @__PURE__ */ new Date(), end: /* @__PURE__ */ new Date() },
       previouslySelectedRange: { start: /* @__PURE__ */ new Date(), end: /* @__PURE__ */ new Date() },
       selectedTimeframe: ((V = a.timePeriods[0]) == null ? void 0 : V.values[0]) || null,
-      previouslySelectedTimeframe: ((H = a.timePeriods[0]) == null ? void 0 : H.values[0]) || null,
+      previouslySelectedTimeframe: ((X = a.timePeriods[0]) == null ? void 0 : X.values[0]) || null,
       tabName: "relative"
     }), N = (e) => {
       if (!e) return;
-      const l = o.value ? !e.start : !e.start || !e.end, i = (e == null ? void 0 : e.start) || /* @__PURE__ */ new Date(), r = (e == null ? void 0 : e.end) || null;
-      P.value = !!l, !o.value && e && e.start && e.end ? (p.value.start = i, p.value.end = r) : e && e.start && (h.value = i), t.selectedRange = t.previouslySelectedRange = {
+      const l = s.value ? !e.start : !e.start || !e.end, i = (e == null ? void 0 : e.start) || /* @__PURE__ */ new Date(), d = (e == null ? void 0 : e.end) || null;
+      P.value = !!l, !s.value && e && e.start && e.end ? (p.value.start = i, p.value.end = d) : e && e.start && (h.value = i), t.selectedRange = t.previouslySelectedRange = {
         start: i,
-        end: r
+        end: d
       };
     }, E = (e, l = !1) => {
       if (e) {
         if (t.selectedTimeframe = t.previouslySelectedTimeframe = e, t.selectedRange = {
           timePeriodsKey: t.selectedTimeframe.key
         }, t.selectedTimeframe.start && t.selectedTimeframe.end) {
-          const i = new Date(t.selectedTimeframe.start()), r = new Date(t.selectedTimeframe.end());
-          t.fullRangeDisplay = Z({ start: i, end: r }, !1), t.selectedRange.start = i, t.selectedRange.end = r;
+          const i = new Date(t.selectedTimeframe.start()), d = new Date(t.selectedTimeframe.end());
+          t.fullRangeDisplay = Z({ start: i, end: d }, !1), t.selectedRange.start = i, t.selectedRange.end = d;
         } else
           t.fullRangeDisplay = "";
-        P.value = !1, l && F();
+        P.value = !1, l && H();
       }
     }, Q = () => {
       var e;
-      p.value = O, h.value = null, t.abbreviatedDisplay = a.placeholder, t.fullRangeDisplay = "", s.value && (t.selectedTimeframe = ((e = a.timePeriods[0]) == null ? void 0 : e.values[0]) || null), t.selectedRange = t.previouslySelectedRange = O, m("change", t.selectedRange), m("update:modelValue", t.selectedRange);
+      p.value = O, h.value = null, t.abbreviatedDisplay = a.placeholder, t.fullRangeDisplay = "", o.value && (t.selectedTimeframe = ((e = a.timePeriods[0]) == null ? void 0 : e.values[0]) || null), t.selectedRange = t.previouslySelectedRange = O, m("change", t.selectedRange), m("update:modelValue", t.selectedRange);
     }, Z = (e, l) => {
-      const { start: i, end: r } = e;
+      const { start: i, end: d } = e;
       let n = a.timeGranularity === "secondly" ? "PP hh:mm:ss a" : "PP hh:mm a";
       const k = B(i, $, "(z)");
-      return !z.value && s.value ? n = "PP hh:mm a" : ce.includes(a.mode) && (n = "PP"), o.value ? `${C(i, n)} ${k}` : l ? `<div>${C(i, n)} -&nbsp;</div><div>${B(r, $, n)} ${k}</div>` : `${C(i, n)} - ${B(r, $, n)} ${k}`;
-    }, F = async () => {
+      return !z.value && o.value ? n = "PP hh:mm a" : ue.includes(a.mode) && (n = "PP"), s.value ? `${C(i, n)} ${k}` : l ? `<div>${C(i, n)} -&nbsp;</div><div>${B(d, $, n)} ${k}</div>` : `${C(i, n)} - ${B(d, $, n)} ${k}`;
+    }, H = async () => {
       var e;
-      o.value ? t.selectedRange.start && (m("change", { start: t.selectedRange.start, end: null }), m("update:modelValue", { start: t.selectedRange.start, end: null })) : (m("change", t.selectedRange), m("update:modelValue", t.selectedRange)), (e = L.value) == null || e.hidePopover(), w();
+      s.value ? t.selectedRange.start && (m("change", { start: t.selectedRange.start, end: null }), m("update:modelValue", { start: t.selectedRange.start, end: null })) : (m("change", t.selectedRange), m("update:modelValue", t.selectedRange)), (e = L.value) == null || e.hidePopover(), w();
     }, w = () => {
       var e, l;
       if (b.value && ((e = t.selectedRange) != null && e.start))
         t.abbreviatedDisplay = Z(t.selectedRange, !0);
-      else if (s.value && !b.value) {
+      else if (o.value && !b.value) {
         const i = B(/* @__PURE__ */ new Date(), $, "(z)");
         t.abbreviatedDisplay = `${(l = t.selectedTimeframe) == null ? void 0 : l.display} ${i}`;
       }
@@ -98,14 +96,14 @@ const ke = ["tabindex"], Re = ["innerHTML"], De = {
       var l;
       return ((l = t.selectedTimeframe) == null ? void 0 : l.key) === e.key ? "primary" : "secondary";
     };
-    D(h, (e, l) => {
+    T(h, (e, l) => {
       e !== void 0 && e !== l && N({ start: e, end: null });
-    }, { immediate: !0 }), D(p, (e, l) => {
+    }, { immediate: !0 }), T(p, (e, l) => {
       e !== void 0 && e !== l && N(e);
-    }, { immediate: !0 }), D(() => t.tabName, (e, l) => {
+    }, { immediate: !0 }), T(() => t.tabName, (e, l) => {
       l !== void 0 && e === "relative" ? E(t.previouslySelectedTimeframe) : l !== void 0 && e === "custom" && N(t.previouslySelectedRange);
-    }), D(() => a.modelValue, () => {
-      if (ue.includes(a.mode) && a.modelValue.timePeriodsKey) {
+    }), T(() => a.modelValue, () => {
+      if (ce.includes(a.mode) && a.modelValue.timePeriodsKey) {
         t.tabName = "relative", P.value = !1;
         for (const e of a.timePeriods) {
           const l = e.values.find((i) => i.key === a.modelValue.timePeriodsKey);
@@ -115,9 +113,9 @@ const ke = ["tabindex"], Re = ["innerHTML"], De = {
           }
         }
       } else
-        t.tabName = "custom", N(a.modelValue), (a.modelValue.start && a.modelValue.end || o.value && a.modelValue.start) && w();
+        t.tabName = "custom", N(a.modelValue), (a.modelValue.start && a.modelValue.end || s.value && a.modelValue.start) && w();
       W.value++;
-    }, { immediate: !0 }), D(() => a.timeGranularity, () => {
+    }, { immediate: !0 }), T(() => a.timeGranularity, () => {
       w();
     });
     const ee = () => {
@@ -125,24 +123,24 @@ const ke = ["tabindex"], Re = ["innerHTML"], De = {
     }, te = () => {
       t.popoverOpen = !0, S.value && S.value.initTimeInputs();
     };
-    return (e, l) => (d(), c("div", {
-      class: x(["k-datetime-picker", { "set-min-width": s.value }]),
-      style: X(G.value)
+    return (e, l) => (r(), u("div", {
+      class: x(["k-datetime-picker", { "set-min-width": o.value }]),
+      style: j(G.value)
     }, [
-      ne(re, {
+      ne(de, {
         ref_key: "kPop",
         ref: L,
         disabled: a.disabled || a.readonly,
         "hide-caret": "",
         "hide-close-icon": "",
-        offset: T(ve),
+        offset: D(ve),
         placement: a.popoverPlacement,
         width: "auto",
         onClose: ee,
         onOpen: te
       }, {
         content: f(() => [
-          s.value && z.value ? (d(), y(oe, {
+          o.value && z.value ? (r(), y(se, {
             key: 0,
             modelValue: t.tabName,
             "onUpdate:modelValue": l[0] || (l[0] = (i) => t.tabName = i),
@@ -154,30 +152,28 @@ const ke = ["tabindex"], Re = ["innerHTML"], De = {
             ],
             onClick: l[1] || (l[1] = (i) => t.tabName = i)
           }, null, 8, ["modelValue"])) : g("", !0),
-          !b.value && t.fullRangeDisplay ? (d(), c("p", De, I(t.fullRangeDisplay), 1)) : g("", !0),
-          z.value && b.value ? (d(), y(pe, {
+          !b.value && t.fullRangeDisplay ? (r(), u("p", Te, I(t.fullRangeDisplay), 1)) : g("", !0),
+          z.value && b.value ? (r(), y(pe, {
             key: W.value,
             ref: "calendarWrapperRef",
-            modelValue: T(A),
-            "onUpdate:modelValue": l[2] || (l[2] = (i) => de(A) ? A.value = i : null),
+            modelValue: D(A),
+            "onUpdate:modelValue": l[2] || (l[2] = (i) => re(A) ? A.value = i : null),
             error: K.value,
             "onUpdate:error": l[3] || (l[3] = (i) => K.value = i),
-            "custom-range-validation": a.customRangeValidation,
             "error-message": a.invalidTimeErrorMessage,
-            "is-range": !o.value,
+            "is-range": !s.value,
             "k-date-picker-mode": a.mode,
             "max-date": a.maxDate,
             "min-date": a.minDate,
-            "same-day-full-range": a.sameDayFullRange,
             "time-granularity": a.timeGranularity
-          }, null, 8, ["modelValue", "error", "custom-range-validation", "error-message", "is-range", "k-date-picker-mode", "max-date", "min-date", "same-day-full-range", "time-granularity"])) : s.value && !o.value ? (d(), c("div", Te, [
-            (d(!0), c(j, null, q(a.timePeriods, (i, r) => (d(), c("div", {
-              key: `section-${String(i.section || r)}`,
+          }, null, 8, ["modelValue", "error", "error-message", "is-range", "k-date-picker-mode", "max-date", "min-date", "time-granularity"])) : o.value && !s.value ? (r(), u("div", De, [
+            (r(!0), u(q, null, F(a.timePeriods, (i, d) => (r(), u("div", {
+              key: `section-${String(i.section || d)}`,
               class: "timeframe-section"
             }, [
               v("div", Pe, I(i.section), 1),
               v("div", he, [
-                (d(!0), c(j, null, q(i.values, (n, k) => (d(), y(U, {
+                (r(!0), u(q, null, F(i.values, (n, k) => (r(), y(U, {
                   key: `time-${k}`,
                   appearance: _(n),
                   class: "timeframe-button",
@@ -195,7 +191,7 @@ const ke = ["tabindex"], Re = ["innerHTML"], De = {
         ]),
         footer: f(() => [
           v("div", Se, [
-            a.clearButton ? (d(), y(U, {
+            a.clearButton ? (r(), y(U, {
               key: 0,
               appearance: "tertiary",
               class: "action-button",
@@ -207,13 +203,13 @@ const ke = ["tabindex"], Re = ["innerHTML"], De = {
               ])]),
               _: 1
             })) : g("", !0),
-            b.value ? (d(), y(U, {
+            b.value ? (r(), y(U, {
               key: 1,
               appearance: "tertiary",
               class: "action-button",
               "data-testid": "datetime-picker-submit",
               disabled: P.value || K.value,
-              onClick: l[5] || (l[5] = (i) => F())
+              onClick: l[5] || (l[5] = (i) => H())
             }, {
               default: f(() => [...l[7] || (l[7] = [
                 M(" Apply ", -1)
@@ -230,7 +226,7 @@ const ke = ["tabindex"], Re = ["innerHTML"], De = {
               class: x(["datetime-picker-trigger", { disabled: a.disabled, readonly: a.readonly }]),
               "data-testid": "datetime-picker-trigger",
               role: "button",
-              style: X(G.value),
+              style: j(G.value),
               tabindex: a.disabled ? -1 : 0
             }, [
               v("div", {
@@ -239,12 +235,12 @@ const ke = ["tabindex"], Re = ["innerHTML"], De = {
                 innerHTML: t.abbreviatedDisplay
               }, null, 10, Re)
             ], 14, ke),
-            a.icon ? (d(), y(T(fe), {
+            a.icon ? (r(), y(D(fe), {
               key: 0,
               class: "calendar-icon",
-              color: `var(--kui-color-text-neutral, ${T(ge)})`,
+              color: `var(--kui-color-text-neutral, ${D(ge)})`,
               decorative: "",
-              size: T(ye)
+              size: D(ye)
             }, null, 8, ["color", "size"])) : g("", !0)
           ], 2)
         ]),