@rezkit/toursui 0.2.34 → 0.2.36

package/dist/toursui.js

@@ -1,7 +1,7 @@
 var ju = Object.defineProperty;
 var Hu = (e, t, r) => t in e ? ju(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var mi = (e, t, r) => (Hu(e, typeof t != "symbol" ? t + "" : t, r), r);
-import { defineComponent as ze, toRef as ke, openBlock as P, createElementBlock as B, normalizeClass as Ae, renderSlot as xe, computed as te, pushScopeId as Js, popScopeId as el, createBlock as Oe, resolveComponent as ca, createVNode as Je, toDisplayString as it, createCommentVNode as ae, Fragment as He, renderList as vt, withScopeId as tl, ref as Q, unref as T, createElementVNode as pe, withModifiers as nt, withDirectives as Ar, vModelCheckbox as Fu, createTextVNode as qt, inject as Bu, watch as bt, withKeys as Ee, vModelText as rl, vModelSelect as zu, withCtx as je, toRefs as bn, onMounted as Wt, onUnmounted as Wn, mergeProps as At, reactive as un, useSlots as cn, nextTick as Rr, isRef as Go, createSlots as zt, normalizeProps as Ot, guardReactiveProps as Zt, Transition as Da, resolveDynamicComponent as to, Teleport as Wu, h as Zu, render as Ko, normalizeStyle as lr, onBeforeUpdate as qu, vShow as Cn, getCurrentScope as Gu, onScopeDispose as Ku } from "vue";
+import { defineComponent as ze, toRef as xe, openBlock as P, createElementBlock as B, normalizeClass as Ae, renderSlot as ke, computed as Q, pushScopeId as Js, popScopeId as el, createBlock as Oe, resolveComponent as ca, createVNode as Je, toDisplayString as it, createCommentVNode as ae, Fragment as He, renderList as vt, withScopeId as tl, ref as te, unref as T, createElementVNode as pe, withModifiers as nt, withDirectives as Ar, vModelCheckbox as Fu, createTextVNode as qt, inject as Bu, watch as bt, withKeys as Ee, vModelText as rl, vModelSelect as zu, withCtx as je, toRefs as bn, onMounted as Wt, onUnmounted as Wn, mergeProps as At, reactive as un, useSlots as cn, nextTick as Rr, isRef as Go, createSlots as zt, normalizeProps as Ot, guardReactiveProps as Zt, Transition as Da, resolveDynamicComponent as to, Teleport as Wu, h as Zu, render as Ko, normalizeStyle as lr, onBeforeUpdate as qu, vShow as Cn, getCurrentScope as Gu, onScopeDispose as Ku } from "vue";
 var Ke;
 (function(e) {
   e.assertEqual = (n) => n;
@@ -2734,11 +2734,11 @@ const Gc = /* @__PURE__ */ ze({
     layout: {}
   },
   setup(e) {
-    const r = ke(e, "layout");
+    const r = xe(e, "layout");
     return (a, n) => (P(), B("div", {
       class: Ae(["rk-filters", { "rk-filters--horizontal": r.value === "horizontal" }])
     }, [
-      xe(a.$slots, "default")
+      ke(a.$slots, "default")
     ], 2));
   }
 }), Kc = /* @__PURE__ */ ze({
@@ -2747,11 +2747,11 @@ const Gc = /* @__PURE__ */ ze({
     layout: {}
   },
   setup(e) {
-    const r = ke(e, "layout");
+    const r = xe(e, "layout");
     return (a, n) => (P(), B("div", {
       class: Ae(["rk-results", { "rk-results--fluid": r.value === "fluid" }])
     }, [
-      xe(a.$slots, "default")
+      ke(a.$slots, "default")
     ], 2));
   }
 }), Qc = /* @__PURE__ */ ze({
@@ -2760,11 +2760,11 @@ const Gc = /* @__PURE__ */ ze({
     layout: {}
   },
   setup(e) {
-    const r = ke(e, "layout");
+    const r = xe(e, "layout");
     return (a, n) => (P(), B("div", {
       class: Ae(["rk-tags", { "rk-tags--vertical": r.value === "vertical" }])
     }, [
-      xe(a.$slots, "default")
+      ke(a.$slots, "default")
     ], 2));
   }
 }), Xc = {
@@ -2805,7 +2805,7 @@ var qn = ze({
   },
   emits: ["update"],
   setup(e, { emit: t }) {
-    const r = te(() => e.page === e.current);
+    const r = Q(() => e.page === e.current);
     function a() {
       t("update", e.page);
     }
@@ -2928,7 +2928,7 @@ var Gn = ze({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = te(() => {
+    const r = Q(() => {
       const d = [], v = 5 + e.rangeSize * 2;
       let h = e.pages <= v ? 1 : e.modelValue - e.rangeSize, k = e.pages <= v ? e.pages : e.modelValue + e.rangeSize;
       if (k = k > e.pages ? e.pages : k, h = h < 1 ? 1 : h, e.pages > v) {
@@ -2956,7 +2956,7 @@ var Gn = ze({
     function a(d) {
       t("update:modelValue", d);
     }
-    const n = te(() => e.modelValue > 1), i = te(() => e.modelValue < e.pages);
+    const n = Q(() => e.modelValue > 1), i = Q(() => e.modelValue < e.pages);
     function o() {
       n.value && t("update:modelValue", 1);
     }
@@ -3045,7 +3045,7 @@ const xd = /* @__PURE__ */ ze({
   },
   emits: ["update"],
   setup(e, { emit: t }) {
-    const r = e, a = ke(r, "activeColour"), n = ke(r, "styleOpts"), i = ke(r, "pages"), o = Q(1);
+    const r = e, a = xe(r, "activeColour"), n = xe(r, "styleOpts"), i = xe(r, "pages"), o = te(1);
     function s() {
       t("update", o.value);
     }
@@ -3074,7 +3074,7 @@ const Td = { class: "rkts-results-count__label" }, Dd = { class: "rkts-results-c
     styleOpts: {}
   },
   setup(e) {
-    const t = e, r = ke(t, "label"), a = ke(t, "count"), n = ke(t, "message"), i = ke(t, "styleOpts");
+    const t = e, r = xe(t, "label"), a = xe(t, "count"), n = xe(t, "message"), i = xe(t, "styleOpts");
     return (o, s) => (P(), B("div", {
       class: Ae(["rkts-results-count", [i.value]])
     }, [
@@ -3090,14 +3090,14 @@ const Td = { class: "rkts-results-count__label" }, Dd = { class: "rkts-results-c
     level: {}
   },
   setup(e) {
-    const t = e, r = ke(t, "styleOpts"), a = ke(t, "level");
+    const t = e, r = xe(t, "styleOpts"), a = xe(t, "level");
     return (n, i) => (P(), B("div", {
       class: Ae(["rkts-list-container", { "rkts-list-container--deeper": a.value }])
     }, [
       pe("ul", {
         class: Ae(["rk-list rk-list--no-type", [r.value, `rk-level-${a.value}`]])
       }, [
-        xe(n.$slots, "default")
+        ke(n.$slots, "default")
       ], 2)
     ], 2));
   }
@@ -3115,7 +3115,7 @@ const Td = { class: "rkts-results-count__label" }, Dd = { class: "rkts-results-c
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = e, a = ke(r, "term"), n = ke(r, "title"), i = r.count ? ke(r, "count") : Q(0), o = ke(r, "prefix"), s = te({
+    const r = e, a = xe(r, "term"), n = xe(r, "title"), i = r.count ? xe(r, "count") : te(0), o = xe(r, "prefix"), s = Q({
       get() {
         return r.modelValue || [];
       },
@@ -3150,7 +3150,7 @@ const Td = { class: "rkts-results-count__label" }, Dd = { class: "rkts-results-c
           T(i) && T(i) > 0 ? (P(), B("b", Od, " (" + it(T(i)) + ") ", 1)) : ae("", !0)
         ], 8, $d)
       ]),
-      xe(u.$slots, "default")
+      ke(u.$slots, "default")
     ]));
   }
 }), Ad = { class: "rkts-result-card" }, Ed = {
@@ -3169,9 +3169,9 @@ const Td = { class: "rkts-results-count__label" }, Dd = { class: "rkts-results-c
     data: {}
   },
   setup(e) {
-    const t = e, r = ke(t, "customCard"), a = ke(t, "data");
+    const t = e, r = xe(t, "customCard"), a = xe(t, "data");
     return (n, i) => (P(), B("div", Ad, [
-      r.value ? xe(n.$slots, "default", {
+      r.value ? ke(n.$slots, "default", {
         key: 0,
         data: a.value
       }) : (P(), B("div", Ed, [
@@ -3312,7 +3312,7 @@ const df = {
   },
   emits: ["process:chosen-suggestion"],
   setup(e, { emit: t }) {
-    const r = e, a = ke(r, "type"), n = ke(r, "title"), i = ke(r, "suggestions"), o = function(u, c, d) {
+    const r = e, a = xe(r, "type"), n = xe(r, "title"), i = xe(r, "suggestions"), o = function(u, c, d) {
       t("process:chosen-suggestion", {
         option: u,
         type: c,
@@ -3366,7 +3366,7 @@ const df = {
     "process:keyup"
   ],
   setup(e, { emit: t }) {
-    const r = e, a = r.layout ? Q(r.layout) : Q("default"), n = Bu(mu), i = Q(null), o = Q(!1), s = Q(), u = te({
+    const r = e, a = r.layout ? te(r.layout) : te("default"), n = Bu(mu), i = te(null), o = te(!1), s = te(), u = Q({
       get() {
         return r.modelValue || "";
       },
@@ -3459,7 +3459,7 @@ const df = {
   },
   emits: ["process:clearFilter"],
   setup(e, { emit: t }) {
-    const r = e, a = ke(r, "filterValue"), n = ke(r, "filterText"), i = r.eventType ? ke(r, "eventType") : Q("emit"), o = function() {
+    const r = e, a = xe(r, "filterValue"), n = xe(r, "filterText"), i = r.eventType ? xe(r, "eventType") : te("emit"), o = function() {
       i.value === "window" ? window.postMessage({
         rk_clear_filter: a.value
       }) : t("process:clearFilter", a.value);
@@ -3480,7 +3480,7 @@ const df = {
   },
   emits: ["process:clearFilters"],
   setup(e, { emit: t }) {
-    const r = e, a = ke(r, "styleOpts"), n = r.text ? ke(r, "text") : Q("Clear"), i = function() {
+    const r = e, a = xe(r, "styleOpts"), n = r.text ? xe(r, "text") : te("Clear"), i = function() {
       t("process:clearFilters");
     };
     return (o, s) => (P(), B("button", {
@@ -3518,7 +3518,7 @@ const df = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = e, a = ke(r, "loading"), n = ke(r, "disabled"), i = ke(r, "readonly"), o = ke(r, "selectMessage"), s = ke(r, "customOptions"), u = ke(r, "groupLabel"), c = i.value ? Q(!0) : Q(!1), d = n.value ? Q(!0) : Q(!1), v = o.value ? Q(o.value) : Q("Please Select"), h = te({
+    const r = e, a = xe(r, "loading"), n = xe(r, "disabled"), i = xe(r, "readonly"), o = xe(r, "selectMessage"), s = xe(r, "customOptions"), u = xe(r, "groupLabel"), c = i.value ? te(!0) : te(!1), d = n.value ? te(!0) : te(!1), v = o.value ? te(o.value) : te("Please Select"), h = Q({
       get() {
         const k = r.modelValue || "default-option";
         return a.value ? "loading-options" : k;
@@ -3539,7 +3539,7 @@ const df = {
           key: 2,
           label: u.value ? `${u.value}:` : "Options:"
         }, [
-          xe(k.$slots, "default")
+          ke(k.$slots, "default")
         ], 8, Mf)) : (P(), B("optgroup", {
           key: 3,
           label: u.value ? `${u.value}:` : "Options:"
@@ -4294,7 +4294,7 @@ const dh = { key: 0 }, fh = /* @__PURE__ */ ze({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = e, a = ke(r, "headingOnly"), n = ke(r, "term"), i = ke(r, "prefix"), o = ke(r, "styleOpts"), s = ke(r, "subOptions"), u = r.count ? ke(r, "count") : Q(0), c = ke(r, "title"), d = ke(r, "open"), v = Q(), h = Q(), k = Q(), b = typeof s.value == "boolean" ? Q(!0) : Q(ch(s.value)), $ = te(() => typeof s.value == "boolean" ? b.value : b.value && b.value.length > 0), E = te({
+    const r = e, a = xe(r, "headingOnly"), n = xe(r, "term"), i = xe(r, "prefix"), o = xe(r, "styleOpts"), s = xe(r, "subOptions"), u = r.count ? xe(r, "count") : te(0), c = xe(r, "title"), d = xe(r, "open"), v = te(), h = te(), k = te(), b = typeof s.value == "boolean" ? te(!0) : te(ch(s.value)), $ = Q(() => typeof s.value == "boolean" ? b.value : b.value && b.value.length > 0), E = Q({
       get() {
         return r.modelValue || [];
       },
@@ -4340,7 +4340,7 @@ const dh = { key: 0 }, fh = /* @__PURE__ */ ze({
       }, [
         Je(Yi, null, {
           default: je(() => [
-            xe(U.$slots, "default")
+            ke(U.$slots, "default")
           ]),
           _: 3
         })
@@ -4360,7 +4360,7 @@ const dh = { key: 0 }, fh = /* @__PURE__ */ ze({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = e, a = ke(r, "term"), n = ke(r, "prefix"), i = ke(r, "styleOpts"), o = r.count ? ke(r, "count") : Q(0), s = ke(r, "title"), u = ke(r, "text"), c = te({
+    const r = e, a = xe(r, "term"), n = xe(r, "prefix"), i = xe(r, "styleOpts"), o = r.count ? xe(r, "count") : te(0), s = xe(r, "title"), u = xe(r, "text"), c = Q({
       get() {
         return r.modelValue || [];
       },
@@ -5254,20 +5254,20 @@ var Bi = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide
   const r = function(o, s, u) {
     const { value: c, modelValue: d, min: v } = bn(o);
     let h = d && d.value !== void 0 ? d : c;
-    const k = Q(h.value);
-    if (xn(h.value) && (h = Q(v.value)), Array.isArray(h.value) && h.value.length == 0)
+    const k = te(h.value);
+    if (xn(h.value) && (h = te(v.value)), Array.isArray(h.value) && h.value.length == 0)
       throw new Error("Slider v-model must not be an empty array");
     return { value: h, initialValue: k };
   }(e), a = function(o, s, u) {
-    const { classes: c, showTooltip: d, tooltipPosition: v, orientation: h } = bn(o), k = te(() => ({ target: "slider-target", focused: "slider-focused", tooltipFocus: "slider-tooltip-focus", tooltipDrag: "slider-tooltip-drag", ltr: "slider-ltr", rtl: "slider-rtl", horizontal: "slider-horizontal", vertical: "slider-vertical", textDirectionRtl: "slider-txt-dir-rtl", textDirectionLtr: "slider-txt-dir-ltr", base: "slider-base", connects: "slider-connects", connect: "slider-connect", origin: "slider-origin", handle: "slider-handle", handleLower: "slider-handle-lower", handleUpper: "slider-handle-upper", touchArea: "slider-touch-area", tooltip: "slider-tooltip", tooltipTop: "slider-tooltip-top", tooltipBottom: "slider-tooltip-bottom", tooltipLeft: "slider-tooltip-left", tooltipRight: "slider-tooltip-right", tooltipHidden: "slider-tooltip-hidden", active: "slider-active", draggable: "slider-draggable", tap: "slider-state-tap", drag: "slider-state-drag", pips: "slider-pips", pipsHorizontal: "slider-pips-horizontal", pipsVertical: "slider-pips-vertical", marker: "slider-marker", markerHorizontal: "slider-marker-horizontal", markerVertical: "slider-marker-vertical", markerNormal: "slider-marker-normal", markerLarge: "slider-marker-large", markerSub: "slider-marker-sub", value: "slider-value", valueHorizontal: "slider-value-horizontal", valueVertical: "slider-value-vertical", valueNormal: "slider-value-normal", valueLarge: "slider-value-large", valueSub: "slider-value-sub", ...c.value }));
-    return { classList: te(() => {
+    const { classes: c, showTooltip: d, tooltipPosition: v, orientation: h } = bn(o), k = Q(() => ({ target: "slider-target", focused: "slider-focused", tooltipFocus: "slider-tooltip-focus", tooltipDrag: "slider-tooltip-drag", ltr: "slider-ltr", rtl: "slider-rtl", horizontal: "slider-horizontal", vertical: "slider-vertical", textDirectionRtl: "slider-txt-dir-rtl", textDirectionLtr: "slider-txt-dir-ltr", base: "slider-base", connects: "slider-connects", connect: "slider-connect", origin: "slider-origin", handle: "slider-handle", handleLower: "slider-handle-lower", handleUpper: "slider-handle-upper", touchArea: "slider-touch-area", tooltip: "slider-tooltip", tooltipTop: "slider-tooltip-top", tooltipBottom: "slider-tooltip-bottom", tooltipLeft: "slider-tooltip-left", tooltipRight: "slider-tooltip-right", tooltipHidden: "slider-tooltip-hidden", active: "slider-active", draggable: "slider-draggable", tap: "slider-state-tap", drag: "slider-state-drag", pips: "slider-pips", pipsHorizontal: "slider-pips-horizontal", pipsVertical: "slider-pips-vertical", marker: "slider-marker", markerHorizontal: "slider-marker-horizontal", markerVertical: "slider-marker-vertical", markerNormal: "slider-marker-normal", markerLarge: "slider-marker-large", markerSub: "slider-marker-sub", value: "slider-value", valueHorizontal: "slider-value-horizontal", valueVertical: "slider-value-vertical", valueNormal: "slider-value-normal", valueLarge: "slider-value-large", valueSub: "slider-value-sub", ...c.value }));
+    return { classList: Q(() => {
       const b = { ...k.value };
       return Object.keys(b).forEach(($) => {
         b[$] = Array.isArray(b[$]) ? b[$].filter((E) => E !== null).join(" ") : b[$];
       }), d.value !== "always" && (b.target += ` ${d.value === "drag" ? b.tooltipDrag : b.tooltipFocus}`), h.value === "horizontal" && (b.tooltip += v.value === "bottom" ? ` ${b.tooltipBottom}` : ` ${b.tooltipTop}`), h.value === "vertical" && (b.tooltip += v.value === "right" ? ` ${b.tooltipRight}` : ` ${b.tooltipLeft}`), b;
     }) };
   }(e), n = function(o, s, u) {
-    const { format: c, step: d } = bn(o), v = u.value, h = u.classList, k = te(() => c && c.value ? typeof c.value == "function" ? { to: c.value } : Ts({ ...c.value }) : Ts({ decimals: d.value >= 0 ? 0 : 2 })), b = te(() => Array.isArray(v.value) ? v.value.map(($) => k.value) : k.value);
+    const { format: c, step: d } = bn(o), v = u.value, h = u.classList, k = Q(() => c && c.value ? typeof c.value == "function" ? { to: c.value } : Ts({ ...c.value }) : Ts({ decimals: d.value >= 0 ? 0 : 2 })), b = Q(() => Array.isArray(v.value) ? v.value.map(($) => k.value) : k.value);
     return { tooltipFormat: k, tooltipsFormat: b, tooltipsMerge: ($, E, x) => {
       var U = getComputedStyle($).direction === "rtl", q = $.noUiSlider.options.direction === "rtl", K = $.noUiSlider.options.orientation === "vertical", Z = $.noUiSlider.getTooltips(), N = $.noUiSlider.getOrigins();
       Z.forEach(function(ne, X) {
@@ -5298,17 +5298,17 @@ var Bi = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide
       });
     } };
   }(e, 0, { value: r.value, classList: a.classList }), i = function(o, s, u) {
-    const { orientation: c, direction: d, tooltips: v, step: h, min: k, max: b, merge: $, id: E, disabled: x, options: U, classes: q, format: K, lazy: Z, ariaLabelledby: N, aria: ne } = bn(o), X = u.value, _ = u.initialValue, V = u.tooltipsFormat, W = u.tooltipsMerge, M = u.tooltipFormat, R = u.classList, C = Q(null), y = Q(null), H = Q(!1), ie = te(() => {
+    const { orientation: c, direction: d, tooltips: v, step: h, min: k, max: b, merge: $, id: E, disabled: x, options: U, classes: q, format: K, lazy: Z, ariaLabelledby: N, aria: ne } = bn(o), X = u.value, _ = u.initialValue, V = u.tooltipsFormat, W = u.tooltipsMerge, M = u.tooltipFormat, R = u.classList, C = te(null), y = te(null), H = te(!1), ie = Q(() => {
       let F = { cssPrefix: "", cssClasses: R.value, orientation: c.value, direction: d.value, tooltips: !!v.value && V.value, connect: "lower", start: xn(X.value) ? k.value : X.value, range: { min: k.value, max: b.value } };
       if (h.value > 0 && (F.step = h.value), Array.isArray(X.value) && (F.connect = !0), N && N.value || ne && Object.keys(ne.value).length) {
         let he = Array.isArray(X.value) ? X.value : [X.value];
         F.handleAttributes = he.map((le) => Object.assign({}, ne.value, N && N.value ? { "aria-labelledby": N.value } : {}));
       }
       return K.value && (F.ariaFormat = M.value), F;
-    }), p = te(() => {
+    }), p = Q(() => {
       let F = { id: E && E.value ? E.value : void 0 };
       return x.value && (F.disabled = !0), F;
-    }), S = te(() => Array.isArray(X.value)), m = () => {
+    }), S = Q(() => Array.isArray(X.value)), m = () => {
       let F = y.value.get();
       return Array.isArray(F) ? F.map((he) => parseFloat(he)) : parseFloat(F);
     }, j = function(F) {
@@ -5378,7 +5378,7 @@ const bh = { class: "rkts-range-slider" }, wh = /* @__PURE__ */ ze({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = e, a = ke(r, "styleOpts"), n = ke(r, "typeOf"), i = ke(r, "format"), o = ke(r, "step"), s = ke(r, "min"), u = ke(r, "max"), c = te({
+    const r = e, a = xe(r, "styleOpts"), n = xe(r, "typeOf"), i = xe(r, "format"), o = xe(r, "step"), s = xe(r, "min"), u = xe(r, "max"), c = Q({
       get() {
         return d(n.value);
       },
@@ -9702,7 +9702,7 @@ const $0 = (e, t, r) => {
     La.shiftKeyInMenu !== r && (La.shiftKeyInMenu = r);
   };
   return {
-    control: te(() => ({ shiftKeyInMenu: La.shiftKeyInMenu, menuFocused: La.menuFocused })),
+    control: Q(() => ({ shiftKeyInMenu: La.shiftKeyInMenu, menuFocused: La.menuFocused })),
     setMenuFocused: e,
     setShiftKey: t
   };
@@ -9717,8 +9717,8 @@ const $0 = (e, t, r) => {
     1: []
   },
   monthPicker: []
-}), Mi = Q(null), Sn = Q(!1), $i = Q(!1), Oi = Q(!1), Ai = Q(!1), Ut = Q(0), Mt = Q(0), Vr = () => {
-  const e = te(() => Sn.value ? [...lt.selectionGrid, lt.actionRow].filter((v) => v.length) : $i.value ? [
+}), Mi = te(null), Sn = te(!1), $i = te(!1), Oi = te(!1), Ai = te(!1), Ut = te(0), Mt = te(0), Vr = () => {
+  const e = Q(() => Sn.value ? [...lt.selectionGrid, lt.actionRow].filter((v) => v.length) : $i.value ? [
     ...lt.timePicker[0],
     ...lt.timePicker[1],
     Ai.value ? [] : [Mi.value],
@@ -9843,9 +9843,9 @@ const $0 = (e, t, r) => {
   const t = () => {
     const $ = e.enableSeconds ? ":ss" : "";
     return e.is24 ? `HH:mm${$}` : `hh:mm${$} aa`;
-  }, r = () => e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? t() : e.weekPicker ? "MM/dd/yyyy" : e.yearPicker ? "yyyy" : e.enableTimePicker ? `MM/dd/yyyy, ${t()}` : "MM/dd/yyyy", a = ($) => lu($, e.enableSeconds), n = () => e.range ? e.startTime && Array.isArray(e.startTime) ? [a(e.startTime[0]), a(e.startTime[1])] : null : e.startTime && !Array.isArray(e.startTime) ? a(e.startTime) : null, i = te(() => F0(e.multiCalendars)), o = te(() => n()), s = te(() => H0(e.ariaLabels)), u = te(() => Z0(e.filters)), c = te(() => z0(e.transitions)), d = te(() => q0(e.actionRow)), v = te(
+  }, r = () => e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? t() : e.weekPicker ? "MM/dd/yyyy" : e.yearPicker ? "yyyy" : e.enableTimePicker ? `MM/dd/yyyy, ${t()}` : "MM/dd/yyyy", a = ($) => lu($, e.enableSeconds), n = () => e.range ? e.startTime && Array.isArray(e.startTime) ? [a(e.startTime[0]), a(e.startTime[1])] : null : e.startTime && !Array.isArray(e.startTime) ? a(e.startTime) : null, i = Q(() => F0(e.multiCalendars)), o = Q(() => n()), s = Q(() => H0(e.ariaLabels)), u = Q(() => Z0(e.filters)), c = Q(() => z0(e.transitions)), d = Q(() => q0(e.actionRow)), v = Q(
     () => B0(e.previewFormat, e.format, r())
-  ), h = te(() => W0(e.textInput)), k = te(() => G0(e.inline)), b = te(() => K0(e.config));
+  ), h = Q(() => W0(e.textInput)), k = Q(() => G0(e.inline)), b = Q(() => K0(e.config));
   return {
     defaultedTransitions: c,
     defaultedMultiCalendars: i,
@@ -9861,7 +9861,7 @@ const $0 = (e, t, r) => {
     getDefaultStartTime: n
   };
 }, Q0 = (e, t, r) => {
-  const a = Q(), { defaultedTextInput: n, getDefaultPattern: i } = Pt(t), o = Q(""), s = ke(t, "format");
+  const a = te(), { defaultedTextInput: n, getDefaultPattern: i } = Pt(t), o = te(""), s = xe(t, "format");
   bt(a, () => {
     e("internal-model-change", a.value);
   }), bt(s, () => {
@@ -9973,7 +9973,7 @@ const $0 = (e, t, r) => {
     r.value.months.includes(k) && (h = n(h, c), k = Xe(h), b = Ge(h)), r.value.years.includes(b) && (h = i(h, c), b = Ge(h)), a(k, b, c, e.preventMinMaxNavigation) && s(k, b, d);
   }, s = (c, d, v) => {
     t("update-month-year", { month: c, year: d, fromNav: v });
-  }, u = te(() => (c) => uu(
+  }, u = Q(() => (c) => uu(
     dt(/* @__PURE__ */ new Date(), { month: e.month, year: e.year }),
     e.maxDate,
     e.minDate,
@@ -9993,10 +9993,10 @@ const J0 = ({
   props: o,
   slots: s
 }) => {
-  const u = Q({}), c = Q(!1), d = Q({
+  const u = te({}), c = te(!1), d = te({
     top: "0",
     left: "0"
-  }), v = Q(!1), h = ke(o, "teleportCenter");
+  }), v = te(!1), h = xe(o, "teleportCenter");
   bt(h, () => {
     d.value = JSON.parse(JSON.stringify({})), K();
   });
@@ -10163,21 +10163,21 @@ const J0 = ({
     n.slot && a.push(n.slot);
   }), a;
 }, pn = (e) => {
-  const t = te(() => (a) => e.value ? a ? e.value.open : e.value.close : ""), r = te(() => (a) => e.value ? a ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
+  const t = Q(() => (a) => e.value ? a ? e.value.open : e.value.close : ""), r = Q(() => (a) => e.value ? a ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
   return { transitionName: t, showTransition: !!e.value, menuTransition: r };
 }, ei = (e, t) => {
-  const r = Q([{ month: Xe(ee()), year: Ge(ee()) }]), a = un({
+  const r = te([{ month: Xe(ee()), year: Ge(ee()) }]), a = un({
     hours: e.range ? [dr(ee()), dr(ee())] : dr(ee()),
     minutes: e.range ? [fr(ee()), fr(ee())] : fr(ee()),
     seconds: e.range ? [0, 0] : 0
-  }), n = te({
+  }), n = Q({
     get: () => e.internalModelValue,
     set: (s) => {
       !e.readonly && !e.disabled && t("update:internal-model-value", s);
     }
-  }), i = te(
+  }), i = Q(
     () => (s) => r.value[s] ? r.value[s].month : 0
-  ), o = te(
+  ), o = Q(
     () => (s) => r.value[s] ? r.value[s].year : 0
   );
   return {
@@ -10188,7 +10188,7 @@ const J0 = ({
     year: o
   };
 }, r_ = (e, t) => {
-  const { defaultedMultiCalendars: r } = Pt(t), { isDisabled: a, matchDate: n } = vn(t), i = Q(null), o = Q(ee()), s = (p) => {
+  const { defaultedMultiCalendars: r } = Pt(t), { isDisabled: a, matchDate: n } = vn(t), i = te(null), o = te(ee()), s = (p) => {
     !p.current && t.hideOffsetDates || (i.value = p.value);
   }, u = () => {
     i.value = null;
@@ -10363,10 +10363,10 @@ const J0 = ({
     }
   };
 }, ti = () => {
-  const e = te(() => (a, n) => a == null ? void 0 : a.includes(n)), t = te(() => (a, n) => a.count ? a.solo ? !0 : n === 0 : !0), r = te(() => (a, n) => a.count ? a.solo ? !0 : n === a.count - 1 : !0);
+  const e = Q(() => (a, n) => a == null ? void 0 : a.includes(n)), t = Q(() => (a, n) => a.count ? a.solo ? !0 : n === 0 : !0), r = Q(() => (a, n) => a.count ? a.solo ? !0 : n === a.count - 1 : !0);
   return { hideNavigationButtons: e, showLeftIcon: t, showRightIcon: r };
 }, a_ = (e, t, r) => {
-  const a = Q(0), n = un({
+  const a = te(0), n = un({
     // monthYearInput: !!props.timePicker,
     [Qr.timePicker]: !e.enableTimePicker || e.timePicker || e.monthPicker,
     [Qr.calendar]: !1,
@@ -10572,7 +10572,7 @@ const J0 = ({
       defaultedConfig: s,
       getDefaultPattern: u,
       getDefaultStartTime: c
-    } = Pt(a), d = Q(), v = Q(null), h = Q(!1), k = Q(!1), b = te(
+    } = Pt(a), d = te(), v = te(null), h = te(!1), k = te(!1), b = Q(
       () => ({
         dp__pointer: !a.disabled && !a.readonly && !n.value.enabled,
         dp__disabled: a.disabled,
@@ -10646,9 +10646,9 @@ const J0 = ({
     }), (M, R) => {
       var C;
       return P(), B("div", { onClick: X }, [
-        M.$slots.trigger && !M.$slots["dp-input"] && !T(o).enabled ? xe(M.$slots, "trigger", { key: 0 }) : ae("", !0),
+        M.$slots.trigger && !M.$slots["dp-input"] && !T(o).enabled ? ke(M.$slots, "trigger", { key: 0 }) : ae("", !0),
         !M.$slots.trigger && (!T(o).enabled || T(o).input) ? (P(), B("div", n_, [
-          M.$slots["dp-input"] && !M.$slots.trigger && !T(o).enabled ? xe(M.$slots, "dp-input", {
+          M.$slots["dp-input"] && !M.$slots.trigger && !T(o).enabled ? ke(M.$slots, "dp-input", {
             key: 0,
             value: e.inputValue,
             isMenuOpen: e.isMenuOpen,
@@ -10696,7 +10696,7 @@ const J0 = ({
               class: "dp__input_icon",
               onClick: R[0] || (R[0] = (y) => r("toggle"))
             }, [
-              xe(M.$slots, "input-icon")
+              ke(M.$slots, "input-icon")
             ])) : ae("", !0),
             !M.$slots["input-icon"] && !M.hideInputIcon && !M.$slots["dp-input"] ? (P(), Oe(T(fn), {
               key: 1,
@@ -10705,7 +10705,7 @@ const J0 = ({
             })) : ae("", !0)
           ]),
           M.$slots["clear-icon"] && e.inputValue && M.clearable && !M.disabled && !M.readonly ? (P(), B("span", o_, [
-            xe(M.$slots, "clear-icon", { clear: V })
+            ke(M.$slots, "clear-icon", { clear: V })
           ])) : ae("", !0),
           M.clearable && !M.$slots["clear-icon"] && e.inputValue && !M.disabled && !M.readonly ? (P(), Oe(T(Xl), {
             key: 3,
@@ -10735,11 +10735,11 @@ const J0 = ({
       defaultedTextInput: o,
       defaultedInline: s,
       getDefaultPattern: u
-    } = Pt(r), { isValidTime: c } = vn(r), { buildMatrix: d } = Vr(), v = Q(null), h = Q(null);
+    } = Pt(r), { isValidTime: c } = vn(r), { buildMatrix: d } = Vr(), v = te(null), h = te(null);
     Wt(() => {
       r.arrowNavigation && d([Dt(v), Dt(h)], "actionRow");
     });
-    const k = te(() => r.range && !r.partialRange && r.internalModelValue ? r.internalModelValue.length === 2 : !0), b = te(() => !$.value || !E.value || !k.value), $ = te(() => !r.enableTimePicker || r.ignoreTimeValidation ? !0 : c(r.internalModelValue)), E = te(() => r.monthPicker ? r.range && Array.isArray(r.internalModelValue) ? !r.internalModelValue.filter((_) => !ne(_)).length : ne(r.internalModelValue) : !0), x = () => {
+    const k = Q(() => r.range && !r.partialRange && r.internalModelValue ? r.internalModelValue.length === 2 : !0), b = Q(() => !$.value || !E.value || !k.value), $ = Q(() => !r.enableTimePicker || r.ignoreTimeValidation ? !0 : c(r.internalModelValue)), E = Q(() => r.monthPicker ? r.range && Array.isArray(r.internalModelValue) ? !r.internalModelValue.filter((_) => !ne(_)).length : ne(r.internalModelValue) : !0), x = () => {
       const _ = n.value;
       return r.timePicker || r.monthPicker, _(Ct(r.internalModelValue));
     }, U = () => {
@@ -10752,7 +10752,7 @@ const J0 = ({
       o.value.rangeSeparator,
       r.modelAuto,
       u()
-    ), K = te(() => !r.internalModelValue || !r.menuMount ? "" : typeof n.value == "string" ? Array.isArray(r.internalModelValue) ? r.internalModelValue.length === 2 && r.internalModelValue[1] ? U() : r.multiDates ? r.internalModelValue.map((_) => `${q(_)}`) : r.modelAuto ? `${q(r.internalModelValue[0])}` : `${q(r.internalModelValue[0])} -` : q(r.internalModelValue) : x()), Z = () => r.multiDates ? "; " : " - ", N = te(
+    ), K = Q(() => !r.internalModelValue || !r.menuMount ? "" : typeof n.value == "string" ? Array.isArray(r.internalModelValue) ? r.internalModelValue.length === 2 && r.internalModelValue[1] ? U() : r.multiDates ? r.internalModelValue.map((_) => `${q(_)}`) : r.modelAuto ? `${q(r.internalModelValue[0])}` : `${q(r.internalModelValue[0])} -` : q(r.internalModelValue) : x()), Z = () => r.multiDates ? "; " : " - ", N = Q(
       () => Array.isArray(K.value) ? K.value.join(Z()) : K.value
     ), ne = (_) => {
       if (!r.monthPicker)
@@ -10779,7 +10779,7 @@ const J0 = ({
       class: "dp__action_row",
       style: lr(e.calendarWidth ? { width: `${e.calendarWidth}px` } : {})
     }, [
-      _.$slots["action-row"] ? xe(_.$slots, "action-row", Ot(At({ key: 0 }, {
+      _.$slots["action-row"] ? ke(_.$slots, "action-row", Ot(At({ key: 0 }, {
         internalModelValue: _.internalModelValue,
         disabled: b.value,
         selectDate: () => _.$emit("select-date"),
@@ -10790,7 +10790,7 @@ const J0 = ({
           class: "dp__selection_preview",
           title: N.value
         }, [
-          _.$slots["action-preview"] ? xe(_.$slots, "action-preview", {
+          _.$slots["action-preview"] ? ke(_.$slots, "action-preview", {
             key: 0,
             value: _.internalModelValue
           }) : ae("", !0),
@@ -10799,7 +10799,7 @@ const J0 = ({
           ], 64))
         ], 8, l_)) : ae("", !0),
         pe("div", u_, [
-          _.$slots["action-buttons"] ? xe(_.$slots, "action-buttons", {
+          _.$slots["action-buttons"] ? ke(_.$slots, "action-buttons", {
             key: 0,
             value: _.internalModelValue
           }) : ae("", !0),
@@ -10866,7 +10866,7 @@ const J0 = ({
   setup(e, { expose: t, emit: r }) {
     const a = e, { setSelectionGrid: n, buildMultiLevelMatrix: i, setMonthPicker: o } = Vr(), { defaultedAriaLabels: s, defaultedTextInput: u, defaultedConfig: c } = Pt(
       a
-    ), { hideNavigationButtons: d } = ti(), v = Q(!1), h = Q(null), k = Q(null), b = Q([]), $ = Q(), E = Q(null), x = Q(0), U = Q(null);
+    ), { hideNavigationButtons: d } = ti(), v = te(!1), h = te(null), k = te(null), b = te([]), $ = te(), E = te(null), x = te(0), U = te(null);
     qu(() => {
       h.value = null;
     }), Wt(() => {
@@ -10879,17 +10879,17 @@ const J0 = ({
       var p;
       const S = Dt(k);
       S && (u.value.enabled || (h.value ? (p = h.value) == null || p.focus({ preventScroll: !0 }) : S.focus({ preventScroll: !0 })), v.value = S.clientHeight < S.scrollHeight);
-    }, Z = te(
+    }, Z = Q(
       () => ({
         dp__overlay: !0,
         "dp--overlay-absolute": !a.useRelative,
         "dp--overlay-relative": a.useRelative
       })
-    ), N = te(
+    ), N = Q(
       () => a.useRelative ? { height: `${a.height}px`, width: "260px" } : void 0
-    ), ne = te(() => ({
+    ), ne = Q(() => ({
       dp__overlay_col: !0
-    })), X = te(
+    })), X = Q(
       () => ({
         dp__btn: !0,
         dp__button: !0,
@@ -10897,7 +10897,7 @@ const J0 = ({
         dp__over_action_scroll: v.value,
         dp__button_bottom: a.isLast
       })
-    ), _ = te(() => {
+    ), _ = Q(() => {
       var p, S;
       return {
         dp__overlay_container: !0,
@@ -10951,9 +10951,9 @@ const J0 = ({
           style: lr({ height: `${x.value}px` })
         }, [
           pe("div", p_, [
-            xe(p.$slots, "header")
+            ke(p.$slots, "header")
           ]),
-          p.$slots.overlay ? xe(p.$slots, "overlay", { key: 0 }) : (P(!0), B(He, { key: 1 }, vt(p.items, (j, I) => (P(), B("div", {
+          p.$slots.overlay ? ke(p.$slots, "overlay", { key: 0 }) : (P(!0), B(He, { key: 1 }, vt(p.items, (j, I) => (P(), B("div", {
             class: Ae(["dp__overlay_row", { dp__flex_row: p.items.length >= 3 }]),
             key: I,
             role: "row"
@@ -10977,7 +10977,7 @@ const J0 = ({
               pe("div", {
                 class: Ae(w.className)
               }, [
-                p.$slots.item ? xe(p.$slots, "item", {
+                p.$slots.item ? ke(p.$slots, "item", {
                   key: 0,
                   item: w
                 }) : ae("", !0),
@@ -11002,7 +11002,7 @@ const J0 = ({
             Ee(M, ["tab"])
           ]
         }, [
-          xe(p.$slots, "button-icon")
+          ke(p.$slots, "button-icon")
         ], 42, m_)), [
           [Cn, !T(d)(p.hideNavigation, p.type)]
         ]) : ae("", !0)
@@ -11016,9 +11016,9 @@ const J0 = ({
     stretch: { type: Boolean }
   },
   setup(e) {
-    const t = e, r = te(
+    const t = e, r = Q(
       () => t.multiCalendars > 0 ? [...Array(t.multiCalendars).keys()] : [0]
-    ), a = te(() => ({
+    ), a = Q(() => ({
       dp__instance_calendar: t.multiCalendars > 0
     }));
     return (n, i) => (P(), B("div", {
@@ -11032,7 +11032,7 @@ const J0 = ({
         key: o,
         class: Ae(a.value)
       }, [
-        xe(n.$slots, "default", {
+        ke(n.$slots, "default", {
           instance: o,
           index: s
         })
@@ -11050,7 +11050,7 @@ const J0 = ({
   },
   emits: ["activate", "set-ref"],
   setup(e, { emit: t }) {
-    const r = Q(null);
+    const r = te(null);
     return Wt(() => t("set-ref", r)), (a, n) => (P(), B("button", {
       type: "button",
       class: "dp__btn dp--arrow-btn-nav",
@@ -11068,7 +11068,7 @@ const J0 = ({
       pe("span", {
         class: Ae(["dp__inner_nav", { dp__inner_nav_disabled: a.disabled }])
       }, [
-        xe(a.$slots, "default")
+        ke(a.$slots, "default")
       ], 2)
     ], 40, h_));
   }
@@ -11087,7 +11087,7 @@ const J0 = ({
 }, $o = (e, t, r, a) => {
   e[0] && e[1] && r && t("auto-apply"), e[0] && !e[1] && a && r && t("auto-apply");
 }, g_ = (e, t) => {
-  const { defaultedMultiCalendars: r, defaultedAriaLabels: a, defaultedTransitions: n, defaultedConfig: i } = Pt(e), { modelValue: o, year: s, month: u, calendars: c } = ei(e, t), d = te(() => ru(e.formatLocale, e.locale, e.monthNameFormat)), v = te(() => So(e.yearRange, e.reverseYears)), h = Q(null), k = () => {
+  const { defaultedMultiCalendars: r, defaultedAriaLabels: a, defaultedTransitions: n, defaultedConfig: i } = Pt(e), { modelValue: o, year: s, month: u, calendars: c } = ei(e, t), d = Q(() => ru(e.formatLocale, e.locale, e.monthNameFormat)), v = Q(() => So(e.yearRange, e.reverseYears)), h = te(null), k = () => {
     for (let R = 0; R < r.value.count; R++)
       if (R === 0)
         c.value[R] = c.value[0];
@@ -11109,7 +11109,7 @@ const J0 = ({
   Wt(() => {
     E(), r.value.count && k();
   });
-  const x = te(() => (R, C) => {
+  const x = Q(() => (R, C) => {
     const y = dt(Xt(/* @__PURE__ */ new Date()), {
       month: u.value(R),
       year: s.value(R)
@@ -11132,14 +11132,14 @@ const J0 = ({
       return !1;
     }
     return !1;
-  }, ne = te(() => (R) => ka(d.value, (C) => {
+  }, ne = Q(() => (R) => ka(d.value, (C) => {
     const y = K(R, C.value), H = sn(
       C.value,
       nu(s.value(R), e.minDate),
       iu(s.value(R), e.maxDate)
     ) || j0(e.disabledDates, s.value(R)).includes(C.value), ie = N(C.value, R);
     return { active: y, disabled: H, isBetween: ie };
-  })), X = te(() => (R) => ka(v.value, (C) => {
+  })), X = Q(() => (R) => ka(v.value, (C) => {
     const y = s.value(R) === C.value, H = sn(C.value, xa(e.minDate), xa(e.maxDate));
     return { active: y, disabled: H };
   })), _ = (R, C) => kr(Xt(ee()), R, s.value(C)), V = (R, C) => {
@@ -11197,7 +11197,7 @@ const J0 = ({
       setHoverDate: v,
       selectMonth: h,
       selectYear: k
-    } = g_(r, t), { transitionName: b, showTransition: $ } = pn(c), { showRightIcon: E, showLeftIcon: x } = ti(), U = Q([!1]), q = (N, ne) => {
+    } = g_(r, t), { transitionName: b, showTransition: $ } = pn(c), { showRightIcon: E, showLeftIcon: x } = ti(), U = te([!1]), q = (N, ne) => {
       k(N, ne), Z(ne);
     }, K = (N, ne = !1) => {
       if (!o.value(N, ne)) {
@@ -11212,7 +11212,7 @@ const J0 = ({
       stretch: ""
     }, {
       default: je(({ instance: X }) => [
-        N.$slots["month-year"] ? xe(N.$slots, "month-year", Ot(At({ key: 0 }, {
+        N.$slots["month-year"] ? ke(N.$slots, "month-year", Ot(At({ key: 0 }, {
           year: T(i),
           months: T(a)(X),
           years: T(n)(X),
@@ -11244,7 +11244,7 @@ const J0 = ({
                   onActivate: (M) => K(X, !1)
                 }, {
                   default: je(() => [
-                    N.$slots["arrow-left"] ? xe(N.$slots, "arrow-left", { key: 0 }) : ae("", !0),
+                    N.$slots["arrow-left"] ? ke(N.$slots, "arrow-left", { key: 0 }) : ae("", !0),
                     N.$slots["arrow-left"] ? ae("", !0) : (P(), Oe(T(yo), { key: 1 }))
                   ]),
                   _: 2
@@ -11258,7 +11258,7 @@ const J0 = ({
                   onClick: () => Z(X, !1),
                   onKeydown: Ee(() => Z(X, !1), ["enter"])
                 }, [
-                  N.$slots.year ? xe(N.$slots, "year", {
+                  N.$slots.year ? ke(N.$slots, "year", {
                     key: 0,
                     year: T(i)(X)
                   }) : ae("", !0),
@@ -11274,7 +11274,7 @@ const J0 = ({
                   onActivate: (M) => K(X, !0)
                 }, {
                   default: je(() => [
-                    N.$slots["arrow-right"] ? xe(N.$slots, "arrow-right", { key: 0 }) : ae("", !0),
+                    N.$slots["arrow-right"] ? ke(N.$slots, "arrow-right", { key: 0 }) : ae("", !0),
                     N.$slots["arrow-right"] ? ae("", !0) : (P(), Oe(T(_o), { key: 1 }))
                   ]),
                   _: 2
@@ -11296,7 +11296,7 @@ const J0 = ({
                       type: "year"
                     }, zt({
                       "button-icon": je(() => [
-                        N.$slots["calendar-icon"] ? xe(N.$slots, "calendar-icon", { key: 0 }) : ae("", !0),
+                        N.$slots["calendar-icon"] ? ke(N.$slots, "calendar-icon", { key: 0 }) : ae("", !0),
                         N.$slots["calendar-icon"] ? ae("", !0) : (P(), Oe(T(fn), { key: 1 }))
                       ]),
                       _: 2
@@ -11304,7 +11304,7 @@ const J0 = ({
                       N.$slots["year-overlay-value"] ? {
                         name: "item",
                         fn: je(({ item: M }) => [
-                          xe(N.$slots, "year-overlay-value", {
+                          ke(N.$slots, "year-overlay-value", {
                             text: M.text,
                             value: M.value
                           })
@@ -11325,7 +11325,7 @@ const J0 = ({
     }, 8, ["multi-calendars"]));
   }
 }), w_ = (e, t) => {
-  const { modelValue: r } = ei(e, t), a = Q(null), n = (u) => Array.isArray(r.value) ? r.value.some((c) => Ge(c) === u) : r.value ? Ge(r.value) === u : !1, i = (u) => e.range && Array.isArray(r.value) ? Co(r.value, a.value, s(u)) : !1, o = te(() => ka(So(e.yearRange, e.reverseYears), (u) => {
+  const { modelValue: r } = ei(e, t), a = te(null), n = (u) => Array.isArray(r.value) ? r.value.some((c) => Ge(c) === u) : r.value ? Ge(r.value) === u : !1, i = (u) => e.range && Array.isArray(r.value) ? Co(r.value, a.value, s(u)) : !1, o = Q(() => ka(So(e.yearRange, e.reverseYears), (u) => {
     const c = n(u.value), d = sn(u.value, xa(e.minDate), xa(e.maxDate)), v = i(u.value);
     return { active: c, disabled: d, isBetween: v };
   })), s = (u) => Gr(Xt(/* @__PURE__ */ new Date()), u);
@@ -11356,7 +11356,7 @@ const J0 = ({
   setup(e, { emit: t }) {
     const r = e, { groupedYears: a, selectYear: n, setHoverValue: i } = w_(r, t), { defaultedConfig: o } = Pt(r);
     return (s, u) => (P(), B("div", null, [
-      s.$slots["month-year"] ? xe(s.$slots, "month-year", Ot(At({ key: 0 }, {
+      s.$slots["month-year"] ? ke(s.$slots, "month-year", Ot(At({ key: 0 }, {
         years: T(a),
         selectYear: T(n)
       }))) : (P(), Oe(ln, {
@@ -11373,7 +11373,7 @@ const J0 = ({
         s.$slots["year-overlay-value"] ? {
           name: "item",
           fn: je(({ item: c }) => [
-            xe(s.$slots, "year-overlay-value", {
+            ke(s.$slots, "year-overlay-value", {
               text: c.text,
               value: c.value
             })
@@ -11416,7 +11416,7 @@ const J0 = ({
       hours: !1,
       minutes: !1,
       seconds: !1
-    }), k = Q("AM"), b = Q(null), $ = Q([]);
+    }), k = te("AM"), b = te(null), $ = te([]);
     Wt(() => {
       r("mounted");
     });
@@ -11425,7 +11425,7 @@ const J0 = ({
       minutes: w.minutes,
       seconds: a.enableSeconds ? w.seconds : 0,
       milliseconds: 0
-    }), x = te(() => (w) => W(w, a[w])), U = te(() => ({ hours: a.hours, minutes: a.minutes, seconds: a.seconds })), q = te(() => (w) => !R(+a[w] + +a[`${w}Increment`], w)), K = te(() => (w) => !R(+a[w] - +a[`${w}Increment`], w)), Z = (w, re) => $l(dt(ee(), w), re), N = (w, re) => r0(dt(ee(), w), re), ne = te(
+    }), x = Q(() => (w) => W(w, a[w])), U = Q(() => ({ hours: a.hours, minutes: a.minutes, seconds: a.seconds })), q = Q(() => (w) => !R(+a[w] + +a[`${w}Increment`], w)), K = Q(() => (w) => !R(+a[w] - +a[`${w}Increment`], w)), Z = (w, re) => $l(dt(ee(), w), re), N = (w, re) => r0(dt(ee(), w), re), ne = Q(
       () => ({
         dp__time_col: !0,
         dp__time_col_block: !a.timePickerInline,
@@ -11435,10 +11435,10 @@ const J0 = ({
         dp__time_col_sec: a.enableSeconds && a.is24,
         dp__time_col_sec_with_button: a.enableSeconds && !a.is24
       })
-    ), X = te(() => {
+    ), X = Q(() => {
       const w = [{ type: "hours" }, { type: "", separator: !0 }, { type: "minutes" }];
       return a.enableSeconds ? w.concat([{ type: "", separator: !0 }, { type: "seconds" }]) : w;
-    }), _ = te(() => X.value.filter((w) => !w.separator)), V = te(() => (w) => {
+    }), _ = Q(() => X.value.filter((w) => !w.separator)), V = Q(() => (w) => {
       if (w === "hours") {
         const re = p(+a.hours);
         return { text: re < 10 ? `0${re}` : `${re}`, value: re };
@@ -11515,7 +11515,7 @@ const J0 = ({
                   D_,
                   S_
                 ], 64)) : (P(), B(He, { key: 0 }, [
-                  w.$slots["arrow-up"] ? xe(w.$slots, "arrow-up", { key: 0 }) : ae("", !0),
+                  w.$slots["arrow-up"] ? ke(w.$slots, "arrow-up", { key: 0 }) : ae("", !0),
                   w.$slots["arrow-up"] ? ae("", !0) : (P(), Oe(T(wo), { key: 1 }))
                 ], 64))
               ], 42, T_),
@@ -11539,7 +11539,7 @@ const J0 = ({
                 ref_for: !0,
                 ref: (z) => j(z, he, 1)
               }, [
-                w.$slots[F.type] ? xe(w.$slots, F.type, {
+                w.$slots[F.type] ? ke(w.$slots, F.type, {
                   key: 0,
                   text: V.value(F.type).text,
                   value: V.value(F.type).value
@@ -11571,7 +11571,7 @@ const J0 = ({
                   M_,
                   $_
                 ], 64)) : (P(), B(He, { key: 0 }, [
-                  w.$slots["arrow-down"] ? xe(w.$slots, "arrow-down", { key: 0 }) : ae("", !0),
+                  w.$slots["arrow-down"] ? ke(w.$slots, "arrow-down", { key: 0 }) : ae("", !0),
                   w.$slots["arrow-down"] ? ae("", !0) : (P(), Oe(T(ko), { key: 1 }))
                 ], 64))
               ], 42, P_)
@@ -11579,7 +11579,7 @@ const J0 = ({
           ], 2);
         }), 128)),
         w.is24 ? ae("", !0) : (P(), B("div", O_, [
-          w.$slots["am-pm-button"] ? xe(w.$slots, "am-pm-button", {
+          w.$slots["am-pm-button"] ? ke(w.$slots, "am-pm-button", {
             key: 0,
             toggle: S,
             value: k.value
@@ -11620,7 +11620,7 @@ const J0 = ({
               onResetFlow: re[0] || (re[0] = (le) => w.$emit("reset-flow"))
             }, zt({
               "button-icon": je(() => [
-                w.$slots["clock-icon"] ? xe(w.$slots, "clock-icon", { key: 0 }) : ae("", !0),
+                w.$slots["clock-icon"] ? ke(w.$slots, "clock-icon", { key: 0 }) : ae("", !0),
                 w.$slots["clock-icon"] ? ae("", !0) : (P(), Oe(T(bo), { key: 1 }))
               ]),
               _: 2
@@ -11628,7 +11628,7 @@ const J0 = ({
               w.$slots[`${F.type}-overlay-value`] ? {
                 name: "item",
                 fn: je(({ item: le }) => [
-                  xe(w.$slots, `${F.type}-overlay-value`, {
+                  ke(w.$slots, `${F.type}-overlay-value`, {
                     text: le.text,
                     value: le.value
                   })
@@ -11665,15 +11665,15 @@ const J0 = ({
     "am-pm-change"
   ],
   setup(e, { expose: t, emit: r }) {
-    const a = e, { buildMatrix: n, setTimePicker: i } = Vr(), o = cn(), { defaultedTransitions: s, defaultedAriaLabels: u, defaultedTextInput: c, defaultedConfig: d } = Pt(a), { transitionName: v, showTransition: h } = pn(s), { hideNavigationButtons: k } = ti(), b = Q(null), $ = Q(null), E = Q([]), x = Q(null);
+    const a = e, { buildMatrix: n, setTimePicker: i } = Vr(), o = cn(), { defaultedTransitions: s, defaultedAriaLabels: u, defaultedTextInput: c, defaultedConfig: d } = Pt(a), { transitionName: v, showTransition: h } = pn(s), { hideNavigationButtons: k } = ti(), b = te(null), $ = te(null), E = te([]), x = te(null);
     Wt(() => {
       r("mount"), !a.timePicker && a.arrowNavigation ? n([Dt(b.value)], "time") : i(!0, a.timePicker);
     });
-    const U = te(() => a.range && a.modelAuto ? au(a.internalModelValue) : !0), q = Q(!1), K = (C) => ({
+    const U = Q(() => a.range && a.modelAuto ? au(a.internalModelValue) : !0), q = te(!1), K = (C) => ({
       hours: Array.isArray(a.hours) ? a.hours[C] : a.hours,
       minutes: Array.isArray(a.minutes) ? a.minutes[C] : a.minutes,
       seconds: Array.isArray(a.seconds) ? a.seconds[C] : a.seconds
-    }), Z = te(() => {
+    }), Z = Q(() => {
       const C = [];
       if (a.range)
         for (let y = 0; y < 2; y++)
@@ -11685,7 +11685,7 @@ const J0 = ({
       y || r("reset-flow"), q.value = C, r(C ? "overlay-opened" : "overlay-closed"), a.arrowNavigation && i(C), Rr(() => {
         H !== "" && E.value[0] && E.value[0].openChildCmp(H);
       });
-    }, ne = te(() => ({
+    }, ne = Q(() => ({
       dp__btn: !0,
       dp__button: !0,
       dp__button_bottom: a.autoApply && !a.keepActionRow && !d.value.keepActionRow
@@ -11718,7 +11718,7 @@ const J0 = ({
           ],
           onClick: y[2] || (y[2] = (ie) => N(!0))
         }, [
-          C.$slots["clock-icon"] ? xe(C.$slots, "clock-icon", { key: 0 }) : ae("", !0),
+          C.$slots["clock-icon"] ? ke(C.$slots, "clock-icon", { key: 0 }) : ae("", !0),
           C.$slots["clock-icon"] ? ae("", !0) : (P(), Oe(T(bo), { key: 1 }))
         ], 42, N_)), [
           [Cn, !T(k)(C.hideNavigation, "time")]
@@ -11750,7 +11750,7 @@ const J0 = ({
                   ),
                   style: { display: "flex" }
                 }, [
-                  C.$slots["time-picker-overlay"] ? xe(C.$slots, "time-picker-overlay", {
+                  C.$slots["time-picker-overlay"] ? ke(C.$slots, "time-picker-overlay", {
                     key: 0,
                     hours: e.hours,
                     minutes: e.minutes,
@@ -11786,7 +11786,7 @@ const J0 = ({
                       vt(T(X), (m, j) => ({
                         name: m,
                         fn: je((I) => [
-                          xe(C.$slots, m, Ot(Zt(I)))
+                          ke(C.$slots, m, Ot(Zt(I)))
                         ])
                       }))
                     ]), 1040, ["onUpdate:hours", "onUpdate:minutes", "onUpdate:seconds"])), [
@@ -11807,7 +11807,7 @@ const J0 = ({
                     ],
                     onClick: y[6] || (y[6] = (p) => N(!1))
                   }, [
-                    C.$slots["calendar-icon"] ? xe(C.$slots, "calendar-icon", { key: 0 }) : ae("", !0),
+                    C.$slots["calendar-icon"] ? ke(C.$slots, "calendar-icon", { key: 0 }) : ae("", !0),
                     C.$slots["calendar-icon"] ? ae("", !0) : (P(), Oe(T(fn), { key: 1 }))
                   ], 42, I_)), [
                     [Cn, !T(k)(C.hideNavigation, "time")]
@@ -11859,7 +11859,7 @@ const J0 = ({
       disabledArr: []
     };
     return (U || U === 0) && (q.hours = U), Array.isArray(e.disabledTimes) && (q.disabledArr = e.range && Array.isArray(e.disabledTimes[x]) ? e.disabledTimes[x] : e.disabledTimes), q;
-  }, E = te(() => (x, U) => {
+  }, E = Q(() => (x, U) => {
     var q;
     if (Array.isArray(e.disabledTimes)) {
       const { disabledArr: K, hours: Z } = $(x, U), N = K.filter((ne) => +ne.hours === Z);
@@ -11960,7 +11960,7 @@ const J0 = ({
           vt(T(n), (d, v) => ({
             name: d,
             fn: je((h) => [
-              xe(u.$slots, d, Ot(Zt(h)))
+              ke(u.$slots, d, Ot(Zt(h)))
             ])
           }))
         ]), 1040, ["hours", "minutes", "seconds", "internal-model-value", "disabled-times-config"])
@@ -11983,7 +11983,7 @@ const J0 = ({
   },
   emits: ["update-month-year", "mount", "reset-flow", "overlay-closed"],
   setup(e, { expose: t, emit: r }) {
-    const a = e, { defaultedTransitions: n, defaultedAriaLabels: i, defaultedMultiCalendars: o, defaultedFilters: s, defaultedConfig: u } = Pt(a), { transitionName: c, showTransition: d } = pn(n), { buildMatrix: v } = Vr(), { handleMonthYearChange: h, isDisabled: k, updateMonthYear: b } = X0(a, r), { showLeftIcon: $, showRightIcon: E } = ti(), x = Q(!1), U = Q(!1), q = Q([null, null, null, null]);
+    const a = e, { defaultedTransitions: n, defaultedAriaLabels: i, defaultedMultiCalendars: o, defaultedFilters: s, defaultedConfig: u } = Pt(a), { transitionName: c, showTransition: d } = pn(n), { buildMatrix: v } = Vr(), { handleMonthYearChange: h, isDisabled: k, updateMonthYear: b } = X0(a, r), { showLeftIcon: $, showRightIcon: E } = ti(), x = te(!1), U = te(!1), q = te([null, null, null, null]);
     Wt(() => {
       r("mount");
     });
@@ -11993,21 +11993,21 @@ const J0 = ({
         const m = p === Qt.month ? Qt.year : Qt.month;
         r("update-month-year", { [p]: S, [m]: a[m] }), p === Qt.month ? M(!0) : R(!0);
       }
-    }), Z = te(K(Qt.month)), N = te(K(Qt.year)), ne = te(() => (p) => ({
+    }), Z = Q(K(Qt.month)), N = Q(K(Qt.year)), ne = Q(() => (p) => ({
       month: a.month,
       year: a.year,
       items: p === Qt.month ? a.months : a.years,
       instance: a.instance,
       updateMonthYear: b,
       toggle: p === Qt.month ? M : R
-    })), X = te(() => a.months.find((S) => S.value === a.month) || { text: "", value: 0 }), _ = te(() => ka(a.months, (p) => {
+    })), X = Q(() => a.months.find((S) => S.value === a.month) || { text: "", value: 0 }), _ = Q(() => ka(a.months, (p) => {
       const S = a.month === p.value, m = sn(
         p.value,
         nu(a.year, a.minDate),
         iu(a.year, a.maxDate)
       ) || s.value.months.includes(p.value);
       return { active: S, disabled: m };
-    })), V = te(() => ka(a.years, (p) => {
+    })), V = Q(() => ka(a.years, (p) => {
       const S = a.year === p.value, m = sn(p.value, xa(a.minDate), xa(a.maxDate)) || s.value.years.includes(p.value);
       return { active: S, disabled: m };
     })), W = (p, S) => {
@@ -12020,7 +12020,7 @@ const J0 = ({
       p || r("reset-flow");
     }, y = (p, S) => {
       a.arrowNavigation && (q.value[S] = Dt(p), v(q.value, "monthYear"));
-    }, H = te(() => {
+    }, H = Q(() => {
       var p, S;
       return [
         {
@@ -12046,7 +12046,7 @@ const J0 = ({
           ariaLabel: (S = i.value) == null ? void 0 : S.openYearsOverlay
         }
       ];
-    }), ie = te(
+    }), ie = Q(
       () => a.disableYearSelect ? [H.value[0]] : H.value
     );
     return t({
@@ -12056,7 +12056,7 @@ const J0 = ({
     }), (p, S) => {
       var m, j, I;
       return P(), B("div", V_, [
-        p.$slots["month-year"] ? xe(p.$slots, "month-year", Ot(At({ key: 0 }, { month: e.month, year: e.year, months: e.months, years: e.years, updateMonthYear: T(b), handleMonthYearChange: T(h), instance: e.instance }))) : (P(), B(He, { key: 1 }, [
+        p.$slots["month-year"] ? ke(p.$slots, "month-year", Ot(At({ key: 0 }, { month: e.month, year: e.year, months: e.months, years: e.years, updateMonthYear: T(b), handleMonthYearChange: T(h), instance: e.instance }))) : (P(), B(He, { key: 1 }, [
           T($)(T(o), e.instance) && !p.vertical ? (P(), Oe(Fa, {
             key: 0,
             "aria-label": (m = T(i)) == null ? void 0 : m.prevMonth,
@@ -12065,7 +12065,7 @@ const J0 = ({
             onSetRef: S[1] || (S[1] = (w) => y(w, 0))
           }, {
             default: je(() => [
-              p.$slots["arrow-left"] ? xe(p.$slots, "arrow-left", { key: 0 }) : ae("", !0),
+              p.$slots["arrow-left"] ? ke(p.$slots, "arrow-left", { key: 0 }) : ae("", !0),
               p.$slots["arrow-left"] ? ae("", !0) : (P(), Oe(T(yo), { key: 1 }))
             ]),
             _: 3
@@ -12091,7 +12091,7 @@ const J0 = ({
                   Ee(nt(w.toggle, ["prevent"]), ["space"])
                 ]
               }, [
-                p.$slots[w.type] ? xe(p.$slots, w.type, {
+                p.$slots[w.type] ? ke(p.$slots, w.type, {
                   key: 0,
                   text: w.text,
                   value: a[w.type]
@@ -12121,7 +12121,7 @@ const J0 = ({
                     onToggle: w.toggle
                   }, zt({
                     "button-icon": je(() => [
-                      p.$slots["calendar-icon"] ? xe(p.$slots, "calendar-icon", { key: 0 }) : ae("", !0),
+                      p.$slots["calendar-icon"] ? ke(p.$slots, "calendar-icon", { key: 0 }) : ae("", !0),
                       p.$slots["calendar-icon"] ? ae("", !0) : (P(), Oe(T(fn), { key: 1 }))
                     ]),
                     _: 2
@@ -12129,7 +12129,7 @@ const J0 = ({
                     p.$slots[`${w.type}-overlay-val`] ? {
                       name: "item",
                       fn: je(({ item: me }) => [
-                        xe(p.$slots, `${w.type}-overlay-val`, {
+                        ke(p.$slots, `${w.type}-overlay-val`, {
                           text: me.text,
                           value: me.value
                         })
@@ -12139,14 +12139,14 @@ const J0 = ({
                     p.$slots[`${w.type}-overlay`] ? {
                       name: "overlay",
                       fn: je(() => [
-                        xe(p.$slots, `${w.type}-overlay`, Ot(Zt(ne.value(w.type))))
+                        ke(p.$slots, `${w.type}-overlay`, Ot(Zt(ne.value(w.type))))
                       ]),
                       key: "1"
                     } : void 0,
                     p.$slots[`${w.type}-overlay-header`] ? {
                       name: "header",
                       fn: je(() => [
-                        xe(p.$slots, `${w.type}-overlay-header`, {
+                        ke(p.$slots, `${w.type}-overlay-header`, {
                           toggle: w.toggle
                         })
                       ]),
@@ -12165,7 +12165,7 @@ const J0 = ({
             onActivate: S[2] || (S[2] = (w) => T(h)(!1, !0))
           }, {
             default: je(() => [
-              p.$slots["arrow-up"] ? xe(p.$slots, "arrow-up", { key: 0 }) : ae("", !0),
+              p.$slots["arrow-up"] ? ke(p.$slots, "arrow-up", { key: 0 }) : ae("", !0),
               p.$slots["arrow-up"] ? ae("", !0) : (P(), Oe(T(wo), { key: 1 }))
             ]),
             _: 3
@@ -12179,7 +12179,7 @@ const J0 = ({
             onSetRef: S[4] || (S[4] = (w) => y(w, p.disableYearSelect ? 2 : 3))
           }, {
             default: je(() => [
-              p.$slots[p.vertical ? "arrow-down" : "arrow-right"] ? xe(p.$slots, p.vertical ? "arrow-down" : "arrow-right", { key: 0 }) : ae("", !0),
+              p.$slots[p.vertical ? "arrow-down" : "arrow-right"] ? ke(p.$slots, p.vertical ? "arrow-down" : "arrow-right", { key: 0 }) : ae("", !0),
               p.$slots[p.vertical ? "arrow-down" : "arrow-right"] ? ae("", !0) : (P(), Oe(to(p.vertical ? T(ko) : T(_o)), { key: 1 }))
             ]),
             _: 3
@@ -12222,11 +12222,11 @@ const J0 = ({
     "tooltip-close"
   ],
   setup(e, { expose: t, emit: r }) {
-    const a = e, { buildMultiLevelMatrix: n } = Vr(), { defaultedTransitions: i, defaultedConfig: o, defaultedAriaLabels: s, defaultedMultiCalendars: u } = Pt(a), c = Q(null), d = Q({
+    const a = e, { buildMultiLevelMatrix: n } = Vr(), { defaultedTransitions: i, defaultedConfig: o, defaultedAriaLabels: s, defaultedMultiCalendars: u } = Pt(a), c = te(null), d = te({
       bottom: "",
       left: "",
       transform: ""
-    }), v = Q([]), h = Q(null), k = Q(!0), b = Q(""), $ = Q({ startX: 0, endX: 0, startY: 0, endY: 0 }), E = Q([]), x = Q({ left: "50%" }), U = te(() => a.calendar ? a.calendar(a.mappedDates) : a.mappedDates), q = te(() => a.dayNames ? Array.isArray(a.dayNames) ? a.dayNames : a.dayNames(a.locale, +a.weekStart) : $0(a.formatLocale, a.locale, +a.weekStart));
+    }), v = te([]), h = te(null), k = te(!0), b = te(""), $ = te({ startX: 0, endX: 0, startY: 0, endY: 0 }), E = te([]), x = te({ left: "50%" }), U = Q(() => a.calendar ? a.calendar(a.mappedDates) : a.mappedDates), q = Q(() => a.dayNames ? Array.isArray(a.dayNames) ? a.dayNames : a.dayNames(a.locale, +a.weekStart) : $0(a.formatLocale, a.locale, +a.weekStart));
     Wt(() => {
       r("mount", { cmp: "calendar", refs: v }), !a.noSwipe && !o.value.noSwipe && h.value && (h.value.addEventListener("touchstart", R, { passive: !1 }), h.value.addEventListener("touchend", C, { passive: !1 }), h.value.addEventListener("touchmove", y, { passive: !1 })), a.monthChangeOnScroll && h.value && h.value.addEventListener("wheel", p, { passive: !1 });
     });
@@ -12237,20 +12237,20 @@ const J0 = ({
           k.value = !0;
         });
       }
-    }, N = te(
+    }, N = Q(
       () => ({
         [a.calendarClassName]: !!a.calendarClassName
       })
-    ), ne = te(() => (I) => {
+    ), ne = Q(() => (I) => {
       const w = A0(I);
       return {
         dp__marker_dot: w.type === "dot",
         dp__marker_line: w.type === "line"
       };
-    }), X = te(() => (I) => at(I, c.value)), _ = te(() => ({
+    }), X = Q(() => (I) => at(I, c.value)), _ = Q(() => ({
       dp__calendar: !0,
       dp__calendar_next: u.value.count > 0 && a.instance !== 0
-    })), V = te(() => (I) => a.hideOffsetDates ? I.current : !0), W = async (I, w, re) => {
+    })), V = Q(() => (I) => a.hideOffsetDates ? I.current : !0), W = async (I, w, re) => {
       var me, F;
       if (r("set-hover-date", I), (F = (me = I.marker) == null ? void 0 : me.tooltip) != null && F.length) {
         const he = Dt(v.value[w][re]);
@@ -12312,7 +12312,7 @@ const J0 = ({
                 role: "gridcell",
                 key: F
               }, [
-                I.$slots["calendar-header"] ? xe(I.$slots, "calendar-header", {
+                I.$slots["calendar-header"] ? ke(I.$slots, "calendar-header", {
                   key: 0,
                   day: me,
                   index: F
@@ -12367,7 +12367,7 @@ const J0 = ({
                           pe("div", {
                             class: Ae(["dp__cell_inner", le.classData])
                           }, [
-                            I.$slots.day && V.value(le) ? xe(I.$slots, "day", {
+                            I.$slots.day && V.value(le) ? ke(I.$slots, "day", {
                               key: 0,
                               day: +le.text,
                               date: le.value
@@ -12376,7 +12376,7 @@ const J0 = ({
                               qt(it(le.text), 1)
                             ], 64)),
                             le.marker && V.value(le) ? (P(), B(He, { key: 2 }, [
-                              I.$slots.marker ? xe(I.$slots, "marker", {
+                              I.$slots.marker ? ke(I.$slots, "marker", {
                                 key: 0,
                                 marker: le.marker,
                                 day: +le.text,
@@ -12404,7 +12404,7 @@ const J0 = ({
                                   key: ge,
                                   class: "dp__tooltip_text"
                                 }, [
-                                  I.$slots["marker-tooltip"] ? xe(I.$slots, "marker-tooltip", {
+                                  I.$slots["marker-tooltip"] ? ke(I.$slots, "marker-tooltip", {
                                     key: 0,
                                     tooltip: Ye,
                                     day: le.value
@@ -12438,14 +12438,14 @@ const J0 = ({
     };
   }
 }), Gs = (e) => Array.isArray(e), Q_ = (e, t, r, a) => {
-  const n = Q([]), { modelValue: i, calendars: o, time: s } = ei(e, t), { defaultedMultiCalendars: u, defaultedStartTime: c } = Pt(e), { validateMonthYearInRange: d, isDisabled: v, isDateRangeAllowed: h, checkMinMaxRange: k } = vn(e), { updateTimeValues: b, getSetDateTime: $, setTime: E, assignStartTime: x, disabledTimesConfig: U } = vu(
+  const n = te([]), { modelValue: i, calendars: o, time: s } = ei(e, t), { defaultedMultiCalendars: u, defaultedStartTime: c } = Pt(e), { validateMonthYearInRange: d, isDisabled: v, isDateRangeAllowed: h, checkMinMaxRange: k } = vn(e), { updateTimeValues: b, getSetDateTime: $, setTime: E, assignStartTime: x, disabledTimesConfig: U } = vu(
     e,
     s,
     i,
     a
-  ), q = te(
+  ), q = Q(
     () => (A) => o.value[A] ? o.value[A].month : 0
-  ), K = te(
+  ), K = Q(
     () => (A) => o.value[A] ? o.value[A].year : 0
   ), Z = (A, L, f) => {
     var l, G;
@@ -12458,7 +12458,7 @@ const J0 = ({
   }), Wt(() => {
     e.shadow || (i.value || (S(), c.value && x(c.value)), _(!0), e.focusStartDate && e.startDate && S());
   });
-  const ne = te(() => {
+  const ne = Q(() => {
     var A;
     return (A = e.flow) != null && A.length && !e.partialFlow ? e.flowStep === e.flow.length : !0;
   }), X = () => {
@@ -12708,7 +12708,7 @@ const J0 = ({
       presetDate: x,
       selectCurrentDate: U,
       updateTime: q
-    } = Q_(a, r, ie, p), K = cn(), { setHoverDate: Z, getDayClassData: N, clearHoverDate: ne } = r_(s, a), { defaultedMultiCalendars: X } = Pt(a), _ = Q([]), V = Q([]), W = Q(null), M = er(K, "calendar"), R = er(K, "monthYear"), C = er(K, "timePicker"), y = (m) => {
+    } = Q_(a, r, ie, p), K = cn(), { setHoverDate: Z, getDayClassData: N, clearHoverDate: ne } = r_(s, a), { defaultedMultiCalendars: X } = Pt(a), _ = te([]), V = te([]), W = te(null), M = er(K, "calendar"), R = er(K, "monthYear"), C = er(K, "timePicker"), y = (m) => {
       a.shadow || r("mount", m);
     };
     bt(
@@ -12720,7 +12720,7 @@ const J0 = ({
       },
       { deep: !0 }
     );
-    const H = te(() => (m) => d(i.value(m), o.value(m)).map((j) => ({
+    const H = Q(() => (m) => d(i.value(m), o.value(m)).map((j) => ({
       ...j,
       days: j.days.map((I) => (I.marker = v(I), I.classData = N(I), I))
     })));
@@ -12786,7 +12786,7 @@ const J0 = ({
             vt(T(R), (re, me) => ({
               name: re,
               fn: je((F) => [
-                xe(m.$slots, re, Ot(Zt(F)))
+                ke(m.$slots, re, Ot(Zt(F)))
               ])
             }))
           ]), 1040, ["months", "years", "month", "year", "instance", "onUpdateMonthYear"])),
@@ -12811,7 +12811,7 @@ const J0 = ({
             vt(T(M), (re, me) => ({
               name: re,
               fn: je((F) => [
-                xe(m.$slots, re, Ot(Zt({ ...F })))
+                ke(m.$slots, re, Ot(Zt({ ...F })))
               ])
             }))
           ]), 1040, ["mapped-dates", "month", "year", "onSelectDate", "onHandleSpace", "onHandleScroll", "onHandleSwipe"])
@@ -12819,7 +12819,7 @@ const J0 = ({
         _: 3
       }, 8, ["multi-calendars"]),
       m.enableTimePicker ? (P(), B("div", X_, [
-        m.$slots["time-picker"] ? xe(m.$slots, "time-picker", Ot(At({ key: 0 }, { time: T(u), updateTime: T(q) }))) : (P(), Oe(pu, At({
+        m.$slots["time-picker"] ? ke(m.$slots, "time-picker", Ot(At({ key: 0 }, { time: T(u), updateTime: T(q) }))) : (P(), Oe(pu, At({
           key: 1,
           ref_key: "timePickerRef",
           ref: W
@@ -12841,7 +12841,7 @@ const J0 = ({
           vt(T(C), (I, w) => ({
             name: I,
             fn: je((re) => [
-              xe(m.$slots, I, Ot(Zt(re)))
+              ke(m.$slots, I, Ot(Zt(re)))
             ])
           }))
         ]), 1040, ["hours", "minutes", "seconds", "internal-model-value", "disabled-times-config"]))
@@ -12892,13 +12892,13 @@ const J0 = ({
     "range-end"
   ],
   setup(e, { expose: t, emit: r }) {
-    const a = e, n = te(() => {
+    const a = e, n = Q(() => {
       const { openOnTop: z, ...ce } = a;
       return {
         ...ce,
         flowStep: ne.value
       };
-    }), { setMenuFocused: i, setShiftKey: o, control: s } = du(), u = cn(), { defaultedTextInput: c, defaultedInline: d, defaultedConfig: v } = Pt(a), h = Q(null), k = Q(0), b = Q(null), $ = Q(null), E = Q(!1), x = Q(null);
+    }), { setMenuFocused: i, setShiftKey: o, control: s } = du(), u = cn(), { defaultedTextInput: c, defaultedInline: d, defaultedConfig: v } = Pt(a), h = te(null), k = te(0), b = te(null), $ = te(null), E = te(!1), x = te(null);
     Wt(() => {
       if (!a.shadow) {
         E.value = !0, U(), window.addEventListener("resize", U);
@@ -12916,18 +12916,18 @@ const J0 = ({
     const U = () => {
       const z = Dt($);
       z && (k.value = z.getBoundingClientRect().width);
-    }, { arrowRight: q, arrowLeft: K, arrowDown: Z, arrowUp: N } = Vr(), { flowStep: ne, updateFlowStep: X, childMount: _, resetFlow: V } = a_(a, r, x), W = te(() => a.monthPicker ? b_ : a.yearPicker ? k_ : a.timePicker ? Y_ : J_), M = () => {
+    }, { arrowRight: q, arrowLeft: K, arrowDown: Z, arrowUp: N } = Vr(), { flowStep: ne, updateFlowStep: X, childMount: _, resetFlow: V } = a_(a, r, x), W = Q(() => a.monthPicker ? b_ : a.yearPicker ? k_ : a.timePicker ? Y_ : J_), M = () => {
       const z = Dt(b);
       z && z.focus({ preventScroll: !0 });
-    }, R = te(() => {
+    }, R = Q(() => {
       var z;
       return ((z = x.value) == null ? void 0 : z.getSidebarProps()) || {};
     }), C = () => {
       a.openOnTop && r("recalculate-position");
-    }, y = er(u, "action"), H = te(() => a.monthPicker || a.yearPicker ? er(u, "monthYear") : a.timePicker ? er(u, "timePicker") : er(u, "shared")), ie = te(() => a.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), p = te(() => ({
+    }, y = er(u, "action"), H = Q(() => a.monthPicker || a.yearPicker ? er(u, "monthYear") : a.timePicker ? er(u, "timePicker") : er(u, "shared")), ie = Q(() => a.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), p = Q(() => ({
       dp__menu_disabled: a.disabled,
       dp__menu_readonly: a.readonly
-    })), S = te(
+    })), S = Q(
       () => ({
         dp__menu: !0,
         dp__menu_index: !d.value.enabled,
@@ -13012,7 +13012,7 @@ const J0 = ({
           style: lr({ "--dp-menu-width": `${k.value}px` })
         }, [
           z.$slots["left-sidebar"] ? (P(), B("div", t1, [
-            xe(z.$slots, "left-sidebar", Ot(Zt(R.value)))
+            ke(z.$slots, "left-sidebar", Ot(Zt(R.value)))
           ])) : ae("", !0),
           z.presetDates.length ? (P(), B("div", r1, [
             (P(!0), B(He, null, vt(z.presetDates, (ge, Rt) => (P(), B("div", {
@@ -13020,7 +13020,7 @@ const J0 = ({
               style: lr(ge.style || {}),
               class: "dp--preset-range"
             }, [
-              ge.slot ? xe(z.$slots, ge.slot, {
+              ge.slot ? ke(z.$slots, ge.slot, {
                 key: 0,
                 presetDate: Te,
                 label: ge.label,
@@ -13070,16 +13070,16 @@ const J0 = ({
               vt(H.value, (ge, Rt) => ({
                 name: ge,
                 fn: je((Lt) => [
-                  xe(z.$slots, ge, Ot(Zt({ ...Lt })))
+                  ke(z.$slots, ge, Ot(Zt({ ...Lt })))
                 ])
               }))
             ]), 1040, ["flow-step", "onMount", "onUpdateFlowStep", "onResetFlow"]))
           ], 512),
           z.$slots["right-sidebar"] ? (P(), B("div", n1, [
-            xe(z.$slots, "right-sidebar", Ot(Zt(R.value)))
+            ke(z.$slots, "right-sidebar", Ot(Zt(R.value)))
           ])) : ae("", !0),
           z.$slots["action-extra"] ? (P(), B("div", i1, [
-            z.$slots["action-extra"] ? xe(z.$slots, "action-extra", {
+            z.$slots["action-extra"] ? ke(z.$slots, "action-extra", {
               key: 0,
               selectCurrentDate: le
             }) : ae("", !0)
@@ -13098,7 +13098,7 @@ const J0 = ({
           vt(T(y), (ge, Rt) => ({
             name: ge,
             fn: je((Lt) => [
-              xe(z.$slots, ge, Ot(Zt({ ...Lt })))
+              ke(z.$slots, ge, Ot(Zt({ ...Lt })))
             ])
           }))
         ]), 1040, ["menu-mount", "calendar-width"])) : ae("", !0)
@@ -13160,13 +13160,13 @@ const J0 = ({
     "range-end"
   ],
   setup(e, { expose: t, emit: r }) {
-    const a = e, n = cn(), i = Q(!1), o = ke(a, "modelValue"), s = ke(a, "timezone"), u = Q(null), c = Q(null), d = Q(null), v = Q(!1), h = Q(null), { setMenuFocused: k, setShiftKey: b } = du(), { clearArrowNav: $ } = Vr(), { mapDatesArrToMap: E, validateDate: x, isValidTime: U } = vn(a), { defaultedTransitions: q, defaultedTextInput: K, defaultedInline: Z, defaultedConfig: N } = Pt(a), { menuTransition: ne, showTransition: X } = pn(q);
+    const a = e, n = cn(), i = te(!1), o = xe(a, "modelValue"), s = xe(a, "timezone"), u = te(null), c = te(null), d = te(null), v = te(!1), h = te(null), { setMenuFocused: k, setShiftKey: b } = du(), { clearArrowNav: $ } = Vr(), { mapDatesArrToMap: E, validateDate: x, isValidTime: U } = vn(a), { defaultedTransitions: q, defaultedTextInput: K, defaultedInline: Z, defaultedConfig: N } = Pt(a), { menuTransition: ne, showTransition: X } = pn(q);
     Wt(() => {
       m(a.modelValue), Rr().then(() => {
         Z.value.enabled || (H(h.value).addEventListener("scroll", he), window.addEventListener("resize", le));
       }), Z.value.enabled && (i.value = !0);
     });
-    const _ = te(() => E());
+    const _ = Q(() => E());
     Wn(() => {
       if (!Z.value.enabled) {
         const L = H(h.value);
@@ -13197,7 +13197,7 @@ const J0 = ({
       emitModelValue: j,
       formatInputValue: I,
       checkBeforeEmit: w
-    } = Q0(r, a, v), re = te(
+    } = Q0(r, a, v), re = Q(
       () => ({
         dp__main: !0,
         dp__theme_dark: a.dark,
@@ -13205,7 +13205,7 @@ const J0 = ({
         dp__flex_display: Z.value.enabled,
         dp__flex_display_with_input: Z.value.input
       })
-    ), me = te(() => a.dark ? "dp__theme_dark" : "dp__theme_light"), F = te(() => a.teleport ? {
+    ), me = Q(() => a.dark ? "dp__theme_dark" : "dp__theme_light"), F = Q(() => a.teleport ? {
       to: typeof a.teleport == "boolean" ? "body" : a.teleport,
       disabled: Z.value.enabled
     } : { class: "dp__outer_menu_wrap" }), he = () => {
@@ -13295,7 +13295,7 @@ const J0 = ({
         vt(T(W), (l, G) => ({
           name: l,
           fn: je((de) => [
-            xe(L.$slots, l, Ot(Zt(de)))
+            ke(L.$slots, l, Ot(Zt(de)))
           ])
         }))
       ]), 1040, ["is-menu-open", "input-value", "onSetEmptyDate"]),
@@ -13343,7 +13343,7 @@ const J0 = ({
                 vt(T(V), (l, G) => ({
                   name: l,
                   fn: je((de) => [
-                    xe(L.$slots, l, Ot(Zt({ ...de })))
+                    ke(L.$slots, l, Ot(Zt({ ...de })))
                   ])
                 }))
               ]), 1040, ["class", "style", "open-on-top", "arr-map-values", "internal-model-value", "onRecalculatePosition"])
@@ -13383,36 +13383,38 @@ const f1 = { class: "rkts-chosen-date" }, p1 = /* @__PURE__ */ ze({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = e, a = ke(r, "placeholderText"), n = ke(r, "styleOpts"), i = r.format ? ke(r, "format") : Q("dd MMM yyyy"), o = r.allowTimePicker ? ke(r, "allowTimePicker") : Q(!1), s = r.fieldMinDate ? ke(r, "fieldMinDate") : Q(null), u = r.fieldMaxDate ? ke(r, "fieldMaxDate") : Q(null), c = r.fieldStartDate ? ke(r, "fieldStartDate") : Q(null), d = r.setFocusStart && c.value ? ke(r, "setFocusStart") : Q(!1), v = ke(r, "type"), h = te({
+    const r = e, a = xe(r, "placeholderText"), n = xe(r, "styleOpts"), i = r.format ? xe(r, "format") : te("dd MMM yyyy"), o = r.allowTimePicker ? xe(r, "allowTimePicker") : te(!1), s = r.fieldMinDate ? xe(r, "fieldMinDate") : te(null), u = r.fieldMaxDate ? xe(r, "fieldMaxDate") : te(null), c = xe(r, "type"), d = Q({
       get() {
         return r.modelValue;
       },
       set(k) {
         t("update:modelValue", k);
       }
-    });
+    }), v = Q(() => r.fieldStartDate || null), h = Q(
+      () => r.setFocusStart && r.fieldStartDate ? r.setFocusStart : !1
+    );
     return (k, b) => (P(), B("div", f1, [
-      v.value === "vue" ? (P(), Oe(T(Oo), {
+      c.value === "vue" ? (P(), Oe(T(Oo), {
         key: 0,
-        modelValue: h.value,
-        "onUpdate:modelValue": b[0] || (b[0] = ($) => h.value = $),
+        modelValue: d.value,
+        "onUpdate:modelValue": b[0] || (b[0] = ($) => d.value = $),
         class: Ae([n.value]),
         "auto-apply": "",
         "close-on-auto-apply": !1,
         format: T(i),
         "min-date": T(s),
         "max-date": T(u),
-        "start-date": T(c),
-        "focus-start-date": T(d),
+        "start-date": v.value,
+        "focus-start-date": h.value,
         placeholder: a.value || null,
         "enable-time-picker": T(o)
       }, null, 8, ["modelValue", "class", "format", "min-date", "max-date", "start-date", "focus-start-date", "placeholder", "enable-time-picker"])) : Ar((P(), B("input", {
         key: 1,
-        "onUpdate:modelValue": b[1] || (b[1] = ($) => h.value = $),
+        "onUpdate:modelValue": b[1] || (b[1] = ($) => d.value = $),
         class: Ae(["rk-select rk-select--user-agent", [n.value]]),
         type: "date"
       }, null, 2)), [
-        [rl, h.value]
+        [rl, d.value]
       ])
     ]));
   }