@autoafleveren/ui 1.7.0 → 1.8.0

package/dist/ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as ke, createElementBlock as $, openBlock as E, normalizeClass as oe, normalizeStyle as on, toRaw as A8, unref as w, createBlock as ce, resolveDynamicComponent as Qe, mergeProps as it, withCtx as de, createTextVNode as nt, toDisplayString as Te, resolveComponent as Ni, createCommentVNode as J, createElementVNode as j, Fragment as De, toHandlers as P8, withModifiers as bn, TransitionGroup as M8, renderSlot as ae, renderList as Ze, createVNode as Ee, getCurrentInstance as mo, inject as Rr, nextTick as Nt, createApp as eo, ref as K, shallowRef as jt, onMounted as vt, onUnmounted as wr, isRef as Fn, isReactive as Ev, watch as et, reactive as ms, h as yn, isVNode as I8, useSlots as An, computed as F, createStaticVNode as O8, useTemplateRef as Aa, normalizeProps as yt, guardReactiveProps as sn, Teleport as Bc, mergeModels as ia, useModel as vo, withDirectives as ta, vShow as _a, createSlots as Yt, Transition as oi, toRef as nl, render as jf, useAttrs as u2, toValue as Ku, getCurrentScope as L8, onScopeDispose as R8, onBeforeUpdate as $8, withKeys as Ju, toRefs as Un, onBeforeUnmount as ah, onActivated as D8, onDeactivated as N8, vModelDynamic as z8, mergeDefaults as B8, customRef as F8, useCssVars as ii, provide as rl, pushScopeId as vs, popScopeId as gs, defineAsyncComponent as j8, resolveDirective as H8, onBeforeMount as c2 } from "vue";
+import { defineComponent as ke, createElementBlock as $, openBlock as E, normalizeClass as oe, normalizeStyle as on, toRaw as A8, unref as w, createBlock as ce, resolveDynamicComponent as Qe, mergeProps as ot, withCtx as de, createTextVNode as nt, toDisplayString as Te, resolveComponent as Ni, createCommentVNode as J, createElementVNode as j, Fragment as De, toHandlers as P8, withModifiers as bn, TransitionGroup as M8, renderSlot as ae, renderList as Ze, createVNode as Ee, getCurrentInstance as mo, inject as Rr, nextTick as Nt, createApp as eo, ref as K, shallowRef as jt, onMounted as vt, onUnmounted as wr, isRef as Fn, isReactive as Ev, watch as et, reactive as ms, h as yn, isVNode as I8, useSlots as An, computed as F, createStaticVNode as O8, useTemplateRef as Aa, normalizeProps as yt, guardReactiveProps as sn, Teleport as Bc, mergeModels as ia, useModel as vo, withDirectives as ta, vShow as _a, createSlots as Yt, Transition as oi, toRef as nl, render as jf, useAttrs as u2, toValue as Ku, getCurrentScope as L8, onScopeDispose as R8, onBeforeUpdate as $8, withKeys as Ju, toRefs as Un, onBeforeUnmount as ah, onActivated as D8, onDeactivated as N8, vModelDynamic as z8, mergeDefaults as B8, customRef as F8, useCssVars as ii, provide as rl, pushScopeId as vs, popScopeId as gs, defineAsyncComponent as j8, resolveDirective as H8, onBeforeMount as c2 } from "vue";
 import { onClickOutside as d2, useDropZone as U8, onKeyStroke as Ai, useStorage as W8, useKeyModifier as V8, useParentElement as q8, useDebounceFn as Y8, tryOnMounted as G8, toArray as X8, unrefElement as K8, tryOnScopeDispose as J8, useActiveElement as Q8 } from "@vueuse/core";
 import { useRouter as oh, RouterLink as Z8, useRoute as e5, RouterView as t5 } from "vue-router";
 import { MenuItem as n5, Menu as r5, MenuButton as a5, MenuItems as o5, TransitionRoot as kl, TransitionChild as Sa, Dialog as xl, DialogOverlay as ih, DialogTitle as sh, Disclosure as i5, DisclosureButton as s5, DisclosurePanel as l5, DialogPanel as u5 } from "@headlessui/vue";
@@ -258,7 +258,7 @@ var E5 = b2, w2 = ke({
   }
 }), A5 = /* @__PURE__ */ nt(" × ");
 function P5(e, t) {
-  return E(), ce(Qe(e.buttonComponent), it({
+  return E(), ce(Qe(e.buttonComponent), ot({
     "aria-label": e.ariaLabel,
     class: e.classes
   }, e.$attrs), {
@@ -520,7 +520,7 @@ function Z5(e, t) {
     }, [
       typeof e.content == "string" ? (E(), $(De, { key: 0 }, [
         nt(Te(e.content), 1)
-      ], 2112)) : (E(), ce(Qe(e.getVueComponentFromObj(e.content)), it({
+      ], 2112)) : (E(), ce(Qe(e.getVueComponentFromObj(e.content)), ot({
         key: 1,
         "toast-id": e.id
       }, e.hasProp(e.content, "props") ? e.content.props : {}, P8(e.hasProp(e.content, "listeners") ? e.content.listeners : {}), { onCloseToast: e.closeToast }), null, 16, ["toast-id", "onCloseToast"]))
@@ -648,7 +648,7 @@ function rS(e, t) {
         class: oe(e.getClasses(a))
       }, {
         default: de(() => [
-          (E(!0), $(De, null, Ze(e.getPositionToasts(a), (o) => (E(), ce(n, it({
+          (E(!0), $(De, null, Ze(e.getPositionToasts(a), (o) => (E(), ce(n, ot({
             key: o.id
           }, o), null, 16))), 128))
         ]),
@@ -7014,7 +7014,7 @@ const Mh = /* @__PURE__ */ dr(_C, [["render", kC]]), xC = {
               tabindex: "-1"
             }, {
               default: de(() => [
-                (E(!0), $(De, null, Ze(i.dropdownItems, (l) => (E(), ce(QC, it({
+                (E(!0), $(De, null, Ze(i.dropdownItems, (l) => (E(), ce(QC, ot({
                   key: l.label,
                   ref_for: !0
                 }, l), {
@@ -8294,7 +8294,7 @@ const KT = ["disabled", "accept", "name"], JT = {
                               ae(v.$slots, "default", {}, () => [
                                 typeof v.content == "string" ? (E(), $(De, { key: 0 }, [
                                   nt(Te(v.content), 1)
-                                ], 64)) : (E(), ce(Qe(v.content), it({
+                                ], 64)) : (E(), ce(Qe(v.content), ot({
                                   key: 1,
                                   ref_key: "contentRef",
                                   ref: u
@@ -8417,7 +8417,7 @@ const KT = ["disabled", "accept", "name"], JT = {
         ae(o.$slots, "default", {}, () => [
           nt(Te(o.description), 1)
         ]),
-        (E(), ce(Qe(o.component), it(o.componentProperties, { "data-test-component": "" }), null, 16))
+        (E(), ce(Qe(o.component), ot(o.componentProperties, { "data-test-component": "" }), null, 16))
       ], 2)) : J("", !0)
     ], 2)) : J("", !0);
   }
@@ -10394,7 +10394,7 @@ function ht(e, t) {
 function Ki(e) {
   return tt(e).getSeconds();
 }
-function ot(e, t) {
+function it(e, t) {
   return tt(e, t?.in).getFullYear();
 }
 function Qo(e, t) {
@@ -12303,23 +12303,23 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
   seconds: Ki(e)
 }), B4 = (e, t) => {
   if (t) {
-    const n = ot(Ce(t));
+    const n = it(Ce(t));
     if (n > e) return 12;
     if (n === e) return ht(Ce(t));
   }
 }, F4 = (e, t) => {
   if (t) {
-    const n = ot(Ce(t));
+    const n = it(Ce(t));
     return n < e ? -1 : n === e ? ht(Ce(t)) : void 0;
   }
 }, es = (e) => {
-  if (e) return ot(Ce(e));
+  if (e) return it(Ce(e));
 }, j4 = (e, t) => {
   const n = an(e, t) ? t : e, r = an(t, e) ? t : e;
   return g4({ start: n, end: r });
 }, xM = (e) => {
   const t = Or(e, 1);
-  return { month: ht(t), year: ot(t) };
+  return { month: ht(t), year: it(t) };
 }, ba = (e, t) => {
   const n = Dr(e, { weekStartsOn: +t }), r = b4(e, { weekStartsOn: +t });
   return [n, r];
@@ -12335,7 +12335,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
   return (t || t === 0) && (r = A4(r, t)), n && (r = Qr(r, n)), r;
 }, U4 = (e, t, n, r, a) => {
   if (!r || a && !t || !a && !n) return !1;
-  const o = a ? Or(e, 1) : Qi(e, 1), i = [ht(o), ot(o)];
+  const o = a ? Or(e, 1) : Qi(e, 1), i = [ht(o), it(o)];
   return a ? !TM(...i, t) : !CM(...i, n);
 }, CM = (e, t, n) => en(...Xa(n, e, t)) || mt(...Xa(n, e, t)), TM = (e, t, n) => an(...Xa(n, e, t)) || mt(...Xa(n, e, t)), W4 = (e, t, n, r, a, o, i) => {
   if (typeof t == "function" && !i) return t(e);
@@ -12689,7 +12689,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
     hours: Ia(P),
     minutes: ao(P),
     seconds: t.enableSeconds ? Ki(P) : 0
-  } : null, b = (P) => t.modelType ? se(P) : { month: ht(P), year: ot(P) }, g = (P) => Array.isArray(P) ? s.value.enabled ? P.map((re) => T(re, Qr(Ce(), re))) : fu(
+  } : null, b = (P) => t.modelType ? se(P) : { month: ht(P), year: it(P) }, g = (P) => Array.isArray(P) ? s.value.enabled ? P.map((re) => T(re, Qr(Ce(), re))) : fu(
     () => [
       Qr(Ce(), P[0]),
       P[1] ? Qr(Ce(), P[1]) : Si(o.value.partialRange)
@@ -12779,7 +12779,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
   }, X = (P, re) => Q(wn(me(P)), !1, re), Z = (P) => {
     const re = q();
     return P ? re : e("update:model-value", q());
-  }, G = (P = !1) => (P || te(), t.monthPicker ? X(b, P) : t.timePicker ? X(v, P) : t.yearPicker ? X(ot, P) : t.weekPicker ? Z(P) : Q(U(P), !0, P));
+  }, G = (P = !1) => (P || te(), t.monthPicker ? X(b, P) : t.timePicker ? X(v, P) : t.yearPicker ? X(it, P) : t.weekPicker ? Z(P) : Q(U(P), !0, P));
   return {
     inputValue: u,
     internalModelValue: r,
@@ -12794,13 +12794,13 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
     return n.value.months.includes(ht(f)) ? (f = d ? Or(c, 1) : Qi(c, 1), o(f, d)) : f;
   }, i = (c, d) => {
     let f = c;
-    return n.value.years.includes(ot(f)) ? (f = d ? Oh(c, 1) : I4(c, 1), i(f, d)) : f;
+    return n.value.years.includes(it(f)) ? (f = d ? Oh(c, 1) : I4(c, 1), i(f, d)) : f;
   }, s = (c, d = !1) => {
     const f = $t(Ce(), { month: e.month, year: e.year });
     let p = c ? Or(f, 1) : Qi(f, 1);
     e.disableYearSelect && (p = Qr(p, e.year));
-    let m = ht(p), v = ot(p);
-    n.value.months.includes(m) && (p = o(p, c), m = ht(p), v = ot(p)), n.value.years.includes(v) && (p = i(p, c), v = ot(p)), a(m, v, c, e.preventMinMaxNavigation) && l(m, v, d);
+    let m = ht(p), v = it(p);
+    n.value.months.includes(m) && (p = o(p, c), m = ht(p), v = it(p)), n.value.years.includes(v) && (p = i(p, c), v = it(p)), a(m, v, c, e.preventMinMaxNavigation) && l(m, v, d);
   }, l = (c, d, f) => {
     t("update-month-year", { month: c, year: d, fromNav: f });
   }, u = F(() => (c) => U4(
@@ -13002,7 +13002,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
       ref: S,
       class: "dp__action_row"
     }, [
-      I.$slots["action-row"] ? ae(I.$slots, "action-row", yt(it({ key: 0 }, {
+      I.$slots["action-row"] ? ae(I.$slots, "action-row", yt(ot({ key: 0 }, {
         internalModelValue: I.internalModelValue,
         disabled: x.value,
         selectDate: () => I.$emit("select-date"),
@@ -13486,23 +13486,23 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
       else if (D === e.value.count - 1 && m())
         a.value[D] = {
           month: ht(o.value[1]),
-          year: ot(o.value[1])
+          year: it(o.value[1])
         };
       else {
         const Y = $t(Ce(), a.value[D - 1]);
-        a.value[D] = { month: ht(Y), year: ot(Oh(Y, 1)) };
+        a.value[D] = { month: ht(Y), year: it(Oh(Y, 1)) };
       }
   }, b = (D) => {
     if (!D) return v();
     const Y = $t(Ce(), a.value[D]);
-    return a.value[0].year = ot(I4(Y, e.value.count - 1)), v();
+    return a.value[0].year = it(I4(Y, e.value.count - 1)), v();
   }, g = (D, Y) => {
     const U = VA(Y, D);
     return t.value.showLastInRange && U > 1 ? Y : D;
   }, T = (D) => i.focusStartDate || e.value.solo ? D[0] : D[1] ? g(D[0], D[1]) : D[0], S = () => {
     if (o.value) {
       const D = Array.isArray(o.value) ? T(o.value) : o.value;
-      a.value[0] = { month: ht(D), year: ot(D) };
+      a.value[0] = { month: ht(D), year: it(D) };
     }
   }, y = () => {
     S(), e.value.count && v();
@@ -13554,7 +13554,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
     defaultedFilters: c,
     defaultedMultiDates: d
   } = Xt(e), f = () => {
-    e.isTextInputDate && y(ot(Ce(e.startDate)), 0);
+    e.isTextInputDate && y(it(Ce(e.startDate)), 0);
   }, { modelValue: p, year: m, month: v, calendars: b } = Rl(e, t, f), g = F(() => L4(e.formatLocale, e.locale, e.monthNameFormat)), T = K(null), { checkMinMaxRange: S } = bo(e), {
     selectYear: y,
     groupedYears: C,
@@ -13577,9 +13577,9 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
     emit: t
   });
   vt(() => {
-    e.startDate && (p.value && e.focusStartDate || !p.value) && y(ot(Ce(e.startDate)), 0);
+    e.startDate && (p.value && e.focusStartDate || !p.value) && y(it(Ce(e.startDate)), 0);
   });
-  const Y = (X) => X ? { month: ht(X), year: ot(X) } : { month: null, year: null }, U = () => p.value ? Array.isArray(p.value) ? p.value.map((X) => Y(X)) : Y(p.value) : Y(), B = (X, Z) => {
+  const Y = (X) => X ? { month: ht(X), year: it(X) } : { month: null, year: null }, U = () => p.value ? Array.isArray(p.value) ? p.value.map((X) => Y(X)) : Y(p.value) : Y(), B = (X, Z) => {
     const G = b.value[X], P = U();
     return Array.isArray(P) ? P.some((re) => re.year === G?.year && re.month === Z) : G?.year === P.year && Z === P.month;
   }, I = (X, Z, G) => {
@@ -13715,7 +13715,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
           key: 0,
           value: A.internalModelValue
         }) : J("", !0),
-        A.$slots["month-year"] ? ae(A.$slots, "month-year", yt(it({ key: 1 }, {
+        A.$slots["month-year"] ? ae(A.$slots, "month-year", yt(ot({ key: 1 }, {
           year: w(u),
           months: w(s)(M),
           years: w(l)(M),
@@ -13737,7 +13737,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
           onHoverValue: (D) => w(b)(D, M)
         }, Yt({
           header: de(() => [
-            Ee(Y4, it(A.$props, {
+            Ee(Y4, ot(A.$props, {
               items: w(l)(M),
               instance: M,
               "show-year-picker": w(p)[M],
@@ -13774,12 +13774,12 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
   }
 }), sI = (e, t) => {
   const n = () => {
-    e.isTextInputDate && (c.value = ot(Ce(e.startDate)));
+    e.isTextInputDate && (c.value = it(Ce(e.startDate)));
   }, { modelValue: r } = Rl(e, t, n), a = K(null), { defaultedHighlight: o, defaultedMultiDates: i, defaultedFilters: s, defaultedRange: l, propDates: u } = Xt(e), c = K();
   vt(() => {
-    e.startDate && (r.value && e.focusStartDate || !r.value) && (c.value = ot(Ce(e.startDate)));
+    e.startDate && (r.value && e.focusStartDate || !r.value) && (c.value = it(Ce(e.startDate)));
   });
-  const d = (g) => Array.isArray(r.value) ? r.value.some((T) => ot(T) === g) : r.value ? ot(r.value) === g : !1, f = (g) => l.value.enabled && Array.isArray(r.value) ? fl(r.value, a.value, b(g)) : !1, p = (g) => u.value.allowedDates instanceof Map ? u.value.allowedDates.size ? u.value.allowedDates.has(`${g}`) : !1 : !0, m = (g) => u.value.disabledDates instanceof Map ? u.value.disabledDates.size ? u.value.disabledDates.has(`${g}`) : !1 : !0, v = F(() => Zi(Wh(e.yearRange, e.locale, e.reverseYears), (g) => {
+  const d = (g) => Array.isArray(r.value) ? r.value.some((T) => it(T) === g) : r.value ? it(r.value) === g : !1, f = (g) => l.value.enabled && Array.isArray(r.value) ? fl(r.value, a.value, b(g)) : !1, p = (g) => u.value.allowedDates instanceof Map ? u.value.allowedDates.size ? u.value.allowedDates.has(`${g}`) : !1 : !0, m = (g) => u.value.disabledDates instanceof Map ? u.value.disabledDates.size ? u.value.disabledDates.has(`${g}`) : !1 : !0, v = F(() => Zi(Wh(e.yearRange, e.locale, e.reverseYears), (g) => {
     const T = d(g.value), S = dl(
       g.value,
       es(u.value.minDate),
@@ -13797,7 +13797,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
     selectYear: (g) => {
       var T;
       if (t("update-month-year", { instance: 0, year: g }), i.value.enabled)
-        return r.value ? Array.isArray(r.value) && (((T = r.value) == null ? void 0 : T.map((S) => ot(S))).includes(g) ? r.value = r.value.filter((S) => ot(S) !== g) : r.value.push(Qr(Sn(Ce()), g))) : r.value = [Qr(Sn(cl(Ce())), g)], t("auto-apply", !0);
+        return r.value ? Array.isArray(r.value) && (((T = r.value) == null ? void 0 : T.map((S) => it(S))).includes(g) ? r.value = r.value.filter((S) => it(S) !== g) : r.value.push(Qr(Sn(Ce()), g))) : r.value = [Qr(Sn(cl(Ce())), g)], t("auto-apply", !0);
       l.value.enabled ? (r.value = Xh(r, b(g), t), Nt().then(() => {
         Qc(r.value, t, e.autoApply, e.modelAuto);
       })) : (r.value = b(g), t("auto-apply"));
@@ -13829,7 +13829,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
         key: 0,
         value: d.internalModelValue
       }) : J("", !0),
-      d.$slots["month-year"] ? ae(d.$slots, "month-year", yt(it({ key: 1 }, {
+      d.$slots["month-year"] ? ae(d.$slots, "month-year", yt(ot({ key: 1 }, {
         years: w(o),
         selectYear: w(l)
       }))) : (E(), ce(Ol, {
@@ -14300,7 +14300,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
                     key: 1,
                     class: oe(W.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
-                    (E(!0), $(De, null, Ze(R.value, (X, Z) => ta((E(), ce(vI, it({
+                    (E(!0), $(De, null, Ze(R.value, (X, Z) => ta((E(), ce(vI, ot({
                       key: Z,
                       ref_for: !0
                     }, {
@@ -14328,7 +14328,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
                       Ze(w(Y), (G, P) => ({
                         name: G,
                         fn: de((re) => [
-                          ae(W.$slots, G, it({ ref_for: !0 }, re))
+                          ae(W.$slots, G, ot({ ref_for: !0 }, re))
                         ])
                       }))
                     ]), 1040, ["validate-time", "onUpdate:hours", "onUpdate:minutes", "onUpdate:seconds"])), [
@@ -14511,7 +14511,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
       "is-mobile": p.isMobile
     }, {
       default: de(() => [
-        Ee(J4, it({
+        Ee(J4, ot({
           ref_key: "tpRef",
           ref: s
         }, p.$props, {
@@ -14745,7 +14745,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
                       q.$slots[`${le.type}-overlay`] ? {
                         name: "overlay",
                         fn: de(() => [
-                          ae(q.$slots, `${le.type}-overlay`, it({ ref_for: !0 }, U.value(le.type)))
+                          ae(q.$slots, `${le.type}-overlay`, ot({ ref_for: !0 }, U.value(le.type)))
                         ]),
                         key: "1"
                       } : void 0,
@@ -15099,10 +15099,10 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
     if (f.value.count && ee && !e.startDate)
       return q(Ce(), ee);
   }, me = () => Array.isArray(l.value) && m.value.enabled ? ht(l.value[0]) === ht(l.value[1] ?? l.value[0]) : !1, q = (ee = /* @__PURE__ */ new Date(), ge = !1) => {
-    if ((!f.value.count || !f.value.static || ge) && O(0, ht(ee), ot(ee)), f.value.count && (!l.value || me() || !f.value.solo) && (!f.value.solo || ge))
+    if ((!f.value.count || !f.value.static || ge) && O(0, ht(ee), it(ee)), f.value.count && (!l.value || me() || !f.value.solo) && (!f.value.solo || ge))
       for (let Oe = 1; Oe < f.value.count; Oe++) {
         const Je = $t(Ce(), { month: B.value(Oe - 1), year: I.value(Oe - 1) }), fe = f4(Je, { months: 1 });
-        u.value[Oe] = { month: ht(fe), year: ot(fe) };
+        u.value[Oe] = { month: ht(fe), year: it(fe) };
       }
   }, X = (ee, ge) => {
     q(ee), M("hours", Ia(ee)), M("minutes", ao(ee)), M("seconds", Ki(ee)), f.value.count && ge && le();
@@ -15132,25 +15132,25 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
     P(ge, ee), f.value.count && f.value.solo && le();
   }, ye = (ee, ge) => {
     const Oe = $t(Ce(), { month: B.value(ge), year: I.value(ge) }), Je = ee < 0 ? Or(Oe, 1) : Qi(Oe, 1);
-    S(ht(Je), ot(Je), ee < 0, e.preventMinMaxNavigation) && (O(ge, ht(Je), ot(Je)), t("update-month-year", { instance: ge, month: ht(Je), year: ot(Je) }), f.value.count && !f.value.solo && Ye(ge), n());
+    S(ht(Je), it(Je), ee < 0, e.preventMinMaxNavigation) && (O(ge, ht(Je), it(Je)), t("update-month-year", { instance: ge, month: ht(Je), year: it(Je) }), f.value.count && !f.value.solo && Ye(ge), n());
   }, Ye = (ee) => {
     for (let ge = ee - 1; ge >= 0; ge--) {
       const Oe = Qi($t(Ce(), { month: B.value(ge + 1), year: I.value(ge + 1) }), 1);
-      O(ge, ht(Oe), ot(Oe));
+      O(ge, ht(Oe), it(Oe));
     }
     for (let ge = ee + 1; ge <= f.value.count - 1; ge++) {
       const Oe = Or($t(Ce(), { month: B.value(ge - 1), year: I.value(ge - 1) }), 1);
-      O(ge, ht(Oe), ot(Oe));
+      O(ge, ht(Oe), it(Oe));
     }
   }, le = () => {
     if (Array.isArray(l.value) && l.value.length === 2) {
       const ee = Ce(
         Ce(l.value[1] ? l.value[1] : Or(l.value[0], 1))
-      ), [ge, Oe] = [ht(l.value[0]), ot(l.value[0])], [Je, fe] = [ht(l.value[1]), ot(l.value[1])];
-      (ge !== Je || ge === Je && Oe !== fe) && f.value.solo && O(1, ht(ee), ot(ee));
-    } else l.value && !Array.isArray(l.value) && (O(0, ht(l.value), ot(l.value)), q(Ce()));
+      ), [ge, Oe] = [ht(l.value[0]), it(l.value[0])], [Je, fe] = [ht(l.value[1]), it(l.value[1])];
+      (ge !== Je || ge === Je && Oe !== fe) && f.value.solo && O(1, ht(ee), it(ee));
+    } else l.value && !Array.isArray(l.value) && (O(0, ht(l.value), it(l.value)), q(Ce()));
   }, je = () => {
-    e.startDate && (O(0, ht(Ce(e.startDate)), ot(Ce(e.startDate))), f.value.count && Ye(0));
+    e.startDate && (O(0, ht(Ce(e.startDate)), it(Ce(e.startDate))), f.value.count && Ye(0));
   }, he = (ee, ge) => {
     if (e.monthChangeOnScroll) {
       const Oe = (/* @__PURE__ */ new Date()).getTime() - o.value.getTime(), Je = Math.abs(ee.deltaY);
@@ -15227,7 +15227,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
     ];
     C(Oe) ? (ge && Ie(ee.value), a.value = Oe) : t("invalid-date", ee.value);
   }, Ie = (ee) => {
-    const ge = ht(Ce(ee)), Oe = ot(Ce(ee));
+    const ge = ht(Ce(ee)), Oe = it(Ce(ee));
     if (O(0, ge, Oe), f.value.count > 0)
       for (let Je = 1; Je < f.value.count; Je++) {
         const fe = xM(
@@ -15451,7 +15451,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
         "is-mobile": he.isMobile
       }, {
         default: de(({ instance: z, index: _e }) => [
-          he.disableMonthYearSelect ? J("", !0) : (E(), ce(AI, it({
+          he.disableMonthYearSelect ? J("", !0) : (E(), ce(AI, ot({
             key: 0,
             ref: (Se) => {
               Se && (I.value[_e] = Se);
@@ -15475,7 +15475,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
               ])
             }))
           ]), 1040, ["months", "years", "month", "year", "instance", "onUpdateMonthYear"])),
-          Ee($I, it({
+          Ee($I, ot({
             ref: (Se) => {
               Se && (N.value[_e] = Se);
             },
@@ -15505,7 +15505,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
         _: 3
       }, 8, ["multi-calendars", "collapse", "is-mobile"]),
       he.enableTimePicker ? (E(), $("div", NI, [
-        he.$slots["time-picker"] ? ae(he.$slots, "time-picker", yt(it({ key: 0 }, { time: w(u), updateTime: w(x) }))) : (E(), ce(J4, it({
+        he.$slots["time-picker"] ? ae(he.$slots, "time-picker", yt(ot({ key: 0 }, { time: w(u), updateTime: w(x) }))) : (E(), ce(J4, ot({
           key: 1,
           ref_key: "timePickerRef",
           ref: O
@@ -15565,7 +15565,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
       return !1;
     }
     return !1;
-  }, M = (N, O) => N.quarter === B0(O) && N.year === ot(O), D = (N) => typeof o.value == "function" ? o.value({ quarter: B0(N), year: ot(N) }) : !!o.value.quarters.find((O) => M(O, N)), Y = F(() => (N) => {
+  }, M = (N, O) => N.quarter === B0(O) && N.year === it(O), D = (N) => typeof o.value == "function" ? o.value({ quarter: B0(N), year: it(N) }) : !!o.value.quarters.find((O) => M(O, N)), Y = F(() => (N) => {
     const O = $t(/* @__PURE__ */ new Date(), { year: d.value(N) });
     return qA({
       start: cl(O),
@@ -15665,7 +15665,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
             value: y.internalModelValue
           }) : J("", !0),
           j("div", null, [
-            Ee(Y4, it(y.$props, {
+            Ee(Y4, ot(y.$props, {
               items: w(u)(x),
               instance: x,
               "show-year-picker": w(m)[x],
@@ -15973,7 +15973,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
             class: "dp__instance_calendar",
             role: "document"
           }, [
-            (E(), ce(Qe(te.value), it({
+            (E(), ce(Qe(te.value), ot({
               ref_key: "dynCmpRef",
               ref: C
             }, i.value, {
@@ -16019,7 +16019,7 @@ const vp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), D4 = (e, t) =
             }) : J("", !0)
           ])) : J("", !0)
         ], 14, qI),
-        !ne.autoApply || w(p).keepActionRow ? (E(), ce(JM, it({
+        !ne.autoApply || w(p).keepActionRow ? (E(), ce(JM, ot({
           key: 3,
           "menu-mount": y.value
         }, i.value, {
@@ -16237,7 +16237,7 @@ const QI = ({
   const t = F(() => (r) => e.value ? r ? e.value.open : e.value.close : ""), n = F(() => (r) => e.value ? r ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
   return { transitionName: t, showTransition: !!e.value, menuTransition: n };
 }, Rl = (e, t, n) => {
-  const { defaultedRange: r, defaultedTz: a } = Xt(e), o = Ce(Zn(Ce(), a.value.timezone)), i = K([{ month: ht(o), year: ot(o) }]), s = (f) => {
+  const { defaultedRange: r, defaultedTz: a } = Xt(e), o = Ce(Zn(Ce(), a.value.timezone)), i = K([{ month: ht(o), year: it(o) }]), s = (f) => {
     const p = {
       hours: Ia(o),
       minutes: ao(o),
@@ -16430,8 +16430,8 @@ const QI = ({
     }
   };
 }, bo = (e) => {
-  const { defaultedFilters: t, defaultedRange: n, propDates: r, defaultedMultiDates: a } = Xt(e), o = (I) => r.value.disabledDates ? typeof r.value.disabledDates == "function" ? r.value.disabledDates(Ce(I)) : !!lc(I, r.value.disabledDates) : !1, i = (I) => r.value.maxDate ? e.yearPicker ? ot(I) > ot(r.value.maxDate) : an(I, r.value.maxDate) : !1, s = (I) => r.value.minDate ? e.yearPicker ? ot(I) < ot(r.value.minDate) : en(I, r.value.minDate) : !1, l = (I) => {
-    const N = i(I), O = s(I), H = o(I), te = t.value.months.map((q) => +q).includes(ht(I)), W = e.disabledWeekDays.length ? e.disabledWeekDays.some((q) => +q === sP(I)) : !1, se = p(I), Q = ot(I), me = Q < +e.yearRange[0] || Q > +e.yearRange[1];
+  const { defaultedFilters: t, defaultedRange: n, propDates: r, defaultedMultiDates: a } = Xt(e), o = (I) => r.value.disabledDates ? typeof r.value.disabledDates == "function" ? r.value.disabledDates(Ce(I)) : !!lc(I, r.value.disabledDates) : !1, i = (I) => r.value.maxDate ? e.yearPicker ? it(I) > it(r.value.maxDate) : an(I, r.value.maxDate) : !1, s = (I) => r.value.minDate ? e.yearPicker ? it(I) < it(r.value.minDate) : en(I, r.value.minDate) : !1, l = (I) => {
+    const N = i(I), O = s(I), H = o(I), te = t.value.months.map((q) => +q).includes(ht(I)), W = e.disabledWeekDays.length ? e.disabledWeekDays.some((q) => +q === sP(I)) : !1, se = p(I), Q = it(I), me = Q < +e.yearRange[0] || Q > +e.yearRange[1];
     return !(N || O || H || te || me || W || se);
   }, u = (I, N) => en(...Xa(r.value.minDate, I, N)) || mt(...Xa(r.value.minDate, I, N)), c = (I, N) => an(...Xa(r.value.maxDate, I, N)) || mt(...Xa(r.value.maxDate, I, N)), d = (I, N, O) => {
     let H = !1;
@@ -16441,7 +16441,7 @@ const QI = ({
     return H && (r.value.minDate || r.value.maxDate) ? r.value.minDate && r.value.maxDate ? te = d(I, N, O) : (r.value.minDate && u(I, N) || r.value.maxDate && c(I, N)) && (te = !0) : te = !0, te;
   }, p = (I) => Array.isArray(r.value.allowedDates) && !r.value.allowedDates.length ? !0 : r.value.allowedDates ? !lc(I, r.value.allowedDates, N4(e.monthPicker, e.yearPicker)) : !1, m = (I) => !l(I), v = (I) => n.value.noDisabledRange ? !g4({ start: I[0], end: I[1] }).some((N) => m(N)) : !0, b = (I) => {
     if (I) {
-      const N = ot(I);
+      const N = it(I);
       return N >= +e.yearRange[0] && N <= e.yearRange[1];
     }
     return !0;
@@ -16959,7 +16959,7 @@ const QI = ({
       "data-datepicker-instance": "",
       "data-dp-mobile": w(N)
     }, [
-      Ee(sO, it({
+      Ee(sO, ot({
         ref_key: "inputRef",
         ref: d,
         "input-value": w(Z),
@@ -16992,7 +16992,7 @@ const QI = ({
             css: w(I) && !w(M).enabled
           }, {
             default: de(() => [
-              i.value ? (E(), $("div", it({
+              i.value ? (E(), $("div", ot({
                 key: 0,
                 ref_key: "dpWrapMenuRef",
                 ref: u
@@ -17000,7 +17000,7 @@ const QI = ({
                 class: { "dp--menu-wrapper": !w(M).enabled },
                 style: w(M).enabled ? void 0 : w(se)
               }), [
-                Ee(t1, it({
+                Ee(t1, ot({
                   ref_key: "dpMenuRef",
                   ref: c
                 }, fe.$props, {
@@ -17343,7 +17343,7 @@ const MO = { class: "relative w-full" }, IO = ["value", "placeholder"], OO = {
         });
       });
     }), (s, l) => (E(), $("div", MO, [
-      j("input", it({
+      j("input", ot({
         ref_key: "input",
         ref: a,
         value: o.value,
@@ -17396,7 +17396,7 @@ const MO = { class: "relative w-full" }, IO = ["value", "placeholder"], OO = {
     }
     return (i, s) => (E(), $("div", null, [
       j("label", null, [
-        j("input", it({ ...i.$attrs }, {
+        j("input", ot({ ...i.$attrs }, {
           multiple: i.multiple,
           type: "file",
           class: "hidden",
@@ -17635,7 +17635,7 @@ const HO = ["type", "tabindex"], UO = ["value", "tabindex"], WO = /* @__PURE__ *
             ]),
             _: 3
           }, 8, ["loading", "class"])) : J("", !0),
-          Ee(VO, it({
+          Ee(VO, ot({
             modelValue: u.value,
             "onUpdate:modelValue": D[0] || (D[0] = (Y) => u.value = Y)
           }, { ...T.value, ...v.value, ...b.value, ...M.$attrs }, {
@@ -17655,7 +17655,7 @@ const HO = ["type", "tabindex"], UO = ["value", "tabindex"], WO = /* @__PURE__ *
             ]),
             _: 3
           }, 16, ["modelValue", "custom", "tabindex", "class", "data-error", "native"]),
-          M.custom ? ae(M.$slots, "input", yt(it({ key: 1 }, { check: C, checked: w(l).value === u.value }))) : J("", !0),
+          M.custom ? ae(M.$slots, "input", yt(ot({ key: 1 }, { check: C, checked: w(l).value === u.value }))) : J("", !0),
           !M.custom && M.type === "checkbox" ? (E(), ce(w(Yn), {
             key: 2,
             icon: w(Gn).far?.check,
@@ -19836,7 +19836,7 @@ function RR(e, t, n, r, a, o) {
     onKeyup: t[14] || (t[14] = (...i) => e.handleKeyup && e.handleKeyup(...i)),
     onKeydown: t[15] || (t[15] = (...i) => e.handleKeydown && e.handleKeydown(...i))
   }, [
-    j("div", it({
+    j("div", ot({
       class: e.classList.wrapper,
       onMousedown: t[9] || (t[9] = (...i) => e.handleMousedown && e.handleMousedown(...i)),
       ref: "wrapper",
@@ -19849,7 +19849,7 @@ function RR(e, t, n, r, a, o) {
       role: n.searchable ? void 0 : "combobox"
     }, n.searchable ? {} : e.arias), [
       J(" Search "),
-      n.mode !== "tags" && n.searchable && !n.disabled ? (E(), $("input", it({
+      n.mode !== "tags" && n.searchable && !n.disabled ? (E(), $("input", ot({
         key: 0,
         type: n.inputType,
         modelValue: e.search,
@@ -19945,7 +19945,7 @@ function RR(e, t, n, r, a, o) {
                 /* TEXT, CLASS */
               ),
               J(" Actual search input "),
-              n.searchable && !n.disabled ? (E(), $("input", it({
+              n.searchable && !n.disabled ? (E(), $("input", ot({
                 key: 0,
                 type: n.inputType,
                 modelValue: e.search,
@@ -20421,7 +20421,7 @@ const NR = ["onClick"], zR = {
         ]),
         _: 3
       }, 8, ["has-error", "class"])) : J("", !0),
-      Ee(w(rm), it({
+      Ee(w(rm), ot({
         native: !1,
         classes: i.value,
         searchable: t.searchable
@@ -22050,7 +22050,7 @@ const yD = (e) => (vs("data-v-32683533"), e = e(), gs(), e), bD = ["id"], wD = [
                   key: 1,
                   class: oe(["header", `direction-${w(b)}`])
                 }, [
-                  w(X)[`header-${Ve.value}`] ? ae(He.$slots, `header-${Ve.value}`, yt(it({ key: 0 }, Ve)), void 0, !0) : w(X)[`header-${Ve.value.toLowerCase()}`] ? ae(He.$slots, `header-${Ve.value.toLowerCase()}`, yt(it({ key: 1 }, Ve)), void 0, !0) : w(X).header ? ae(He.$slots, "header", yt(it({ key: 2 }, Ve)), void 0, !0) : (E(), $("span", _D, Te(Ve.text), 1)),
+                  w(X)[`header-${Ve.value}`] ? ae(He.$slots, `header-${Ve.value}`, yt(ot({ key: 0 }, Ve)), void 0, !0) : w(X)[`header-${Ve.value.toLowerCase()}`] ? ae(He.$slots, `header-${Ve.value.toLowerCase()}`, yt(ot({ key: 1 }, Ve)), void 0, !0) : w(X).header ? ae(He.$slots, "header", yt(ot({ key: 2 }, Ve)), void 0, !0) : (E(), $("span", _D, Te(Ve.text), 1)),
                   Ve.sortable ? (E(), $("i", {
                     key: Ve.sortType ? Ve.sortType : "none",
                     class: oe(["sortType-icon", { desc: Ve.sortType === "desc" }])
@@ -22060,7 +22060,7 @@ const yD = (e) => (vs("data-v-32683533"), e = e(), gs(), e), bD = ["id"], wD = [
               ], 14, wD))), 128))
             ])
           ], 2)) : J("", !0),
-          w(re) ? ae(He.$slots, "body", yt(it({ key: 2 }, w(Ae))), void 0, !0) : w(Ue).length ? (E(), $("tbody", {
+          w(re) ? ae(He.$slots, "body", yt(ot({ key: 2 }, w(Ae))), void 0, !0) : w(Ue).length ? (E(), $("tbody", {
             key: 3,
             class: oe(["vue3-easy-data-table__body", { "row-alternation": He.alternating }])
           }, [
@@ -22101,14 +22101,14 @@ const yD = (e) => (vs("data-v-32683533"), e = e(), gs(), e), bD = ["id"], wD = [
                   }, typeof He.bodyItemClassName == "string" ? He.bodyItemClassName : He.bodyItemClassName(zt, nn + 1), `direction-${w(i)}`]),
                   onClick: (Vn) => zt === "expand" ? w(Dt)(nn + w(ze), Ve, Vn) : null
                 }, [
-                  w(X)[`item-${zt}`] ? ae(He.$slots, `item-${zt}`, yt(it({ key: 0 }, Ve)), void 0, !0) : w(X)[`item-${zt.toLowerCase()}`] ? ae(He.$slots, `item-${zt.toLowerCase()}`, yt(it({ key: 1 }, Ve)), void 0, !0) : zt === "expand" ? (E(), $("i", {
+                  w(X)[`item-${zt}`] ? ae(He.$slots, `item-${zt}`, yt(ot({ key: 0 }, Ve)), void 0, !0) : w(X)[`item-${zt.toLowerCase()}`] ? ae(He.$slots, `item-${zt.toLowerCase()}`, yt(ot({ key: 1 }, Ve)), void 0, !0) : zt === "expand" ? (E(), $("i", {
                     key: 2,
                     class: oe(["expand-icon", { expanding: w(Et).includes(w(ze) + nn) }])
                   }, null, 2)) : zt === "checkbox" ? (E(), ce(O$, {
                     key: 3,
                     checked: Ve[zt],
                     onChange: (Vn) => w(er)(Ve)
-                  }, null, 8, ["checked", "onChange"])) : w(X).item ? ae(He.$slots, "item", yt(it({ key: 4 }, { column: zt, item: Ve })), void 0, !0) : (E(), $(De, { key: 5 }, [
+                  }, null, 8, ["checked", "onChange"])) : w(X).item ? ae(He.$slots, "item", yt(ot({ key: 4 }, { column: zt, item: Ve })), void 0, !0) : (E(), $(De, { key: 5 }, [
                     nt(Te(w(mD)(zt, Ve)), 1)
                   ], 64))
                 ], 14, xD))), 128))
@@ -22169,7 +22169,7 @@ const yD = (e) => (vs("data-v-32683533"), e = e(), gs(), e), bD = ["id"], wD = [
           }, null, 8, ["modelValue", "rows-items"])
         ])),
         j("div", OD, Te(`${w(Oe)}–${w(Je)}`) + " " + Te(w(W)) + " " + Te(w(Mt)), 1),
-        w(Z) ? ae(He.$slots, "pagination", yt(it({ key: 1 }, {
+        w(Z) ? ae(He.$slots, "pagination", yt(ot({ key: 1 }, {
           isFirstPage: w($e),
           isLastPage: w(ue),
           currentPaginationNumber: w(dn),
@@ -22343,7 +22343,7 @@ const RD = { class: "relative z-50 w-full rounded-2xl bg-white px-4 py-3 shadow-
     }, (C, x) => (E(), $("div", {
       class: oe([{ "app-table-without-selection": r?.modelValue === void 0 }, "app-data-table-wrapper"])
     }, [
-      Ee(w(fb), it({
+      Ee(w(fb), ot({
         ref_key: "dataTable",
         ref: c
       }, { ...C.$props, ...C.$attrs }, {
@@ -23568,7 +23568,7 @@ const xb = /* @__PURE__ */ ke({
       j("div", {
         class: oe([w(VN)[n.context ? "contextMenu" : "actionBar"], "relative w-fit before:absolute before:-translate-x-3"])
       }, [
-        Ee(w(l), it({ ...n, ...d.action.componentProperties }, {
+        Ee(w(l), ot({ ...n, ...d.action.componentProperties }, {
           "data-test-action-menu": "",
           onClose: f[0] || (f[0] = () => r("close"))
         }), null, 16)
@@ -23635,7 +23635,7 @@ const xb = /* @__PURE__ */ ke({
         ], 2)), [
           [x, y.context ? void 0 : y.action.name]
         ]),
-        n.action.component && d.value ? (E(), ce(qN, it({
+        n.action.component && d.value ? (E(), ce(qN, ot({
           key: 0,
           ref_key: "submenuElement",
           ref: i,
@@ -23975,7 +23975,7 @@ const xb = /* @__PURE__ */ ke({
       j("div", {
         class: oe([{ hidden: o.responsive }, "mt-0! md:block md:space-y-2"])
       }, [
-        (E(!0), $(De, null, Ze(o.items, (s) => (E(), ce(oz, it({ ref_for: !0 }, s, {
+        (E(!0), $(De, null, Ze(o.items, (s) => (E(), ce(oz, ot({ ref_for: !0 }, s, {
           key: s.name
         }), null, 16))), 128))
       ], 2)
@@ -24045,8 +24045,7 @@ const xb = /* @__PURE__ */ ke({
     event: {},
     actions: {},
     confirmed: {},
-    enableSearch: { type: Boolean },
-    searchPlaceholder: {},
+    search: {},
     noResultsText: {},
     maxList: {}
   },
@@ -24081,15 +24080,15 @@ const xb = /* @__PURE__ */ ke({
       class: "app-context-menu fixed z-100 flex w-64 flex-col rounded-lg bg-secondary p-2 drop-shadow-card empty:hidden",
       "data-test-context-menu": ""
     }, [
-      M.enableSearch && g.value.length > 0 ? (E(), $("div", vz, [
-        Ee(tb, {
+      M.search?.enabled && g.value.length > 0 ? (E(), $("div", vz, [
+        Ee(tb, ot(M.search, {
           "model-value": l.value,
-          placeholder: M.searchPlaceholder ?? "",
+          placeholder: M.search?.placeholder ?? "",
           class: "mb-2 text-zinc-700",
           type: "text",
           "data-test-driver-search": "",
           "onUpdate:modelValue": w(b)
-        }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
+        }), null, 16, ["model-value", "placeholder", "onUpdate:modelValue"])
       ])) : J("", !0),
       w(c).shortcuts.value.length > 0 ? (E(), $("div", {
         key: 1,
@@ -24748,7 +24747,7 @@ const zz = { class: "mr-6 w-full select-none" }, XZ = /* @__PURE__ */ ke({
                               ae(d.$slots, "default", {}, () => [
                                 typeof s.value.content == "string" ? (E(), $(De, { key: 0 }, [
                                   nt(Te(s.value.content), 1)
-                                ], 64)) : (E(), ce(Qe(s.value.content), yt(it({ key: 1 }, s.value.properties)), null, 16))
+                                ], 64)) : (E(), ce(Qe(s.value.content), yt(ot({ key: 1 }, s.value.properties)), null, 16))
                               ])
                             ], 2)
                           ], 2)
@@ -44576,7 +44575,7 @@ const nee = {
       o.value = !1, u && r("close");
     }
     return (u, c) => (E(), $("div", null, [
-      Ee(w(am), it({
+      Ee(w(am), ot({
         modelValue: a.value,
         "onUpdate:modelValue": c[0] || (c[0] = (d) => a.value = d)
       }, s.value, {