@dcodegroup-au/dsg-vue 0.0.22 → 0.0.23

package/dist/{DsgTablePerPage.vue_vue_type_style_index_0_lang-G5N7Ra82.js → DsgTablePerPage.vue_vue_type_style_index_0_lang-BoZ8zryc.js}

@@ -1,4 +1,4 @@
-import { defineComponent as $1, computed as X, h as k9, createBlock as b1, openBlock as H, resolveDynamicComponent as Qe, useTemplateRef as ye, createElementBlock as N, normalizeClass as h1, unref as y, createCommentVNode as W, renderSlot as c1, createVNode as T1, toDisplayString as A1, mergeModels as Ae, useModel as y9, withModifiers as N2, createElementVNode as a1, withDirectives as I2, vModelDynamic as m5, pushScopeId as _6, popScopeId as p6, nextTick as M2, normalizeProps as n2, guardReactiveProps as p2, resolveComponent as t9, mergeProps as r2, withCtx as w1, withScopeId as f6, withKeys as J0, normalizeStyle as f2, Fragment as M1, watch as g2, getCurrentScope as b5, onScopeDispose as M5, toValue as y2, toRef as Re, readonly as w6, ref as o1, customRef as h6, shallowRef as k5, reactive as Ge, watchEffect as y5, vModelText as m6, createSlots as u2, renderList as Z1, useSlots as Ie, getCurrentInstance as b6, onMounted as a2, onUnmounted as Xe, isRef as J9, Teleport as M6, Transition as Ke, render as et, useAttrs as k6, createTextVNode as te, onBeforeUpdate as y6, vShow as Ze } from "vue";
+import { defineComponent as $1, computed as X, h as k9, createBlock as b1, openBlock as H, resolveDynamicComponent as Qe, useTemplateRef as ye, createElementBlock as N, normalizeClass as h1, unref as y, createCommentVNode as W, renderSlot as c1, createVNode as T1, toDisplayString as A1, mergeModels as Ae, useModel as y9, withModifiers as N2, createElementVNode as a1, withDirectives as I2, vModelDynamic as m5, pushScopeId as _6, popScopeId as p6, nextTick as M2, normalizeProps as n2, guardReactiveProps as p2, resolveComponent as t9, mergeProps as r2, withCtx as w1, withScopeId as f6, withKeys as J0, normalizeStyle as f2, Fragment as M1, watch as g2, getCurrentScope as b5, onScopeDispose as M5, toValue as y2, toRef as Re, readonly as w6, ref as o1, customRef as h6, shallowRef as k5, reactive as Ge, watchEffect as y5, onMounted as s2, vModelText as m6, createSlots as u2, renderList as Z1, useSlots as Ie, getCurrentInstance as b6, onUnmounted as Xe, isRef as J9, Teleport as M6, Transition as Ke, render as et, useAttrs as k6, createTextVNode as te, onBeforeUpdate as y6, vShow as Ze } from "vue";
 import { isoFormatDate as o0 } from "./dsg-vue.helpers-string.esm.js";
 import { g as j5 } from "./_commonjsHelpers-C6fGbg64.js";
 import { i as j6, C as x5 } from "./DsgColoursConfig-BseFo6-R.js";
@@ -11804,7 +11804,7 @@ var gF = CF();
 const vF = /* @__PURE__ */ j5(gF), _F = { class: "dsg-input--label-wrapper block" }, pF = {
   key: 0,
   class: "dsg-input--http"
-}, fF = { class: "dsg-input--http-label" }, wF = ["type", "placeholder", "disabled", "autocomplete", "name", "min", "max"], hF = ["type", "placeholder", "disabled", "autocomplete", "name"], mF = {
+}, fF = { class: "dsg-input--http-label" }, wF = ["type", "placeholder", "disabled", "autocomplete", "name", "min", "max", "step"], hF = ["type", "placeholder", "disabled", "autocomplete", "name"], mF = {
   key: 3,
   class: "dsg-input--tooltip dsg-input--icon-wrapper",
   ref: "dsgInputTooltipWrapper"
@@ -11831,6 +11831,8 @@ const vF = /* @__PURE__ */ j5(gF), _F = { class: "dsg-input--label-wrapper block
     hint: { default: "" },
     placeholder: { default: "" },
     name: { default: "" },
+    step: { default: () => {
+    } },
     hasTooltip: { type: Boolean, default: !1 },
     toolTip: { default: "" },
     min: { default: () => {
@@ -11845,6 +11847,7 @@ const vF = /* @__PURE__ */ j5(gF), _F = { class: "dsg-input--label-wrapper block
     websiteHttps: { type: Boolean, default: !0 },
     websiteWww: { type: Boolean, default: !0 },
     validateOnInput: { type: Boolean, default: () => !0 },
+    validateOnLoad: { type: Boolean, default: !0 },
     validationPatterns: { default: () => [] },
     hideHintOnError: { type: Boolean, default: !0 },
     minLength: { default: 2 },
@@ -11904,31 +11907,38 @@ const vF = /* @__PURE__ */ j5(gF), _F = { class: "dsg-input--label-wrapper block
         return !1;
       }
     }, T = () => {
-      if (L.value = [], u("on-before-validate", c.value), c.value)
-        if (e.type === "email")
-          L.value = z.value;
-        else if (e.theme === "credit-card") {
-          const g = j.value, v = vF.number(c.value), S = v.card?.type;
-          j.value = S ?? !1, g !== S && (I.value++, v.isValid && u("on-card-detected", j.value)), L.value = v.isValid ? [] : ["Please enter a valid credit card number."];
-        } else if (e.theme === "website") {
-          const g = e.websiteHttps ? "https://" + c.value : "http://" + c.value;
-          L.value = w(g) ? [] : ["Please enter a valid website."];
-        } else
-          e.validationPatterns.length && (L.value = E.value);
+      if (L.value = [], u("on-before-validate", c.value), e.type === "email")
+        L.value = z.value;
+      else if (e.theme === "credit-card") {
+        const g = j.value, v = vF.number(c.value), S = v.card?.type;
+        j.value = S ?? !1, g !== S && (I.value++, v.isValid && u("on-card-detected", j.value)), L.value = v.isValid ? [] : ["Please enter a valid credit card number."];
+      } else if (e.theme === "website") {
+        const g = e.websiteHttps ? "https://" + c.value : "http://" + c.value;
+        L.value = w(g) ? [] : ["Please enter a valid website."];
+      } else
+        e.validationPatterns.length && (L.value = E.value);
       u("on-validate", L.value), d($.value);
     }, Y = (g) => {
       g && typeof g == "function" && g(c.value);
     }, e1 = (g) => {
       L.value = g;
     };
-    return g2(c, (g) => {
-      if (u("on-before-format", c.value, g), e.theme === "website" && (e.websiteWww && (g = /^www\./.test(g) ? g : `www.${g}`), g = String(g).replace(/\s/g, ""), c.value = g), e.allowableCharacters) {
-        const v = e.allowableCharacters instanceof RegExp ? e.allowableCharacters : new RegExp(`[^${e.allowableCharacters}]`, "g");
-        g = String(g).replace(v, ""), c.value = g;
+    return g2(
+      c,
+      (g) => {
+        if (u("on-before-format", c.value, g), e.theme === "website" && (e.websiteWww && (g = /^www\./.test(g) ? g : `www.${g}`), g = String(g).replace(/\s/g, ""), c.value = g), e.allowableCharacters) {
+          const v = e.allowableCharacters instanceof RegExp ? e.allowableCharacters : new RegExp(`[^${e.allowableCharacters}]`, "g");
+          g = String(g).replace(v, ""), c.value = g;
+        }
+        e.formatter && (g = e.formatter(g), c.value = g), u("on-format", g), e.validateOnInput && T(), u("update:modelValue", g);
+      },
+      {
+        immediate: !0
       }
-      e.formatter && (g = e.formatter(g), c.value = g), u("on-format", g), e.validateOnInput && T(), u("update:modelValue", g);
-    }), y5(() => {
+    ), y5(() => {
       L.value = (Array.isArray(e.errors) ? e.errors : [e.errors]).filter((g) => g != null && g !== "");
+    }), s2(() => {
+      e.validateOnLoad && T();
     }), t({
       focus: d,
       validate: T,
@@ -11996,6 +12006,7 @@ const vF = /* @__PURE__ */ j5(gF), _F = { class: "dsg-input--label-wrapper block
             name: g.name,
             min: g.min,
             max: g.max,
+            step: g.step,
             "onUpdate:modelValue": v[2] || (v[2] = (S) => c.value = S),
             onKeydown: [
               _,
@@ -16933,10 +16944,10 @@ N9.compatConfig = {
 };
 const b2 = (e, t) => t ? new Date(e.toLocaleString("en-US", { timeZone: t })) : new Date(e), F9 = (e, t, n) => h9(e, t, n) || n1(), aQ = (e, t, n) => {
   const o = t.dateInTz ? b2(new Date(e), t.dateInTz) : n1(e);
-  return n ? i2(o, !0) : o;
+  return n ? a2(o, !0) : o;
 }, h9 = (e, t, n) => {
   if (!e) return null;
-  const o = n ? i2(n1(e), !0) : n1(e);
+  const o = n ? a2(n1(e), !0) : n1(e);
   return t ? t.exactMatch ? aQ(e, t, n) : b2(o, t.timezone) : o;
 }, uQ = (e) => {
   const t = new Date(e.getFullYear(), 0, 1).getTimezoneOffset();
@@ -17010,7 +17021,7 @@ const gQ = (e, t, n) => {
 }, _Q = (e) => ({ type: "dot", ...e ?? {} }), W4 = (e) => Array.isArray(e) ? !!e[0] && !!e[1] : !1, q9 = {
   prop: (e) => `"${e}" prop must be enabled!`,
   dateArr: (e) => `You need to use array as "model-value" binding in order to support "${e}"`
-}, l2 = (e) => e, d5 = (e) => e === 0 ? e : !e || isNaN(+e) ? null : +e, c5 = (e) => e === null, Q4 = (e) => {
+}, i2 = (e) => e, d5 = (e) => e === 0 ? e : !e || isNaN(+e) ? null : +e, c5 = (e) => e === null, Q4 = (e) => {
   if (e)
     return [...e.querySelectorAll("input, button, select, textarea, a[href]")][0];
 }, pQ = (e) => {
@@ -17098,15 +17109,15 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
     e.getUTCSeconds()
   );
   return new Date(o).toISOString();
-}, i2 = (e, t) => {
+}, a2 = (e, t) => {
   const n = n1(JSON.parse(JSON.stringify(e))), o = R1(n, { hours: 0, minutes: 0, seconds: 0, milliseconds: 0 });
   return t ? vq(o) : o;
 }, Ce = (e, t, n, o) => {
   let r = e ? n1(e) : n1();
   return (t || t === 0) && (r = sQ(r, +t)), (n || n === 0) && (r = lQ(r, +n)), (o || o === 0) && (r = N4(r, +o)), E4(r, 0);
-}, q1 = (e, t) => !e || !t ? !1 : Fe(i2(e), i2(t)), I1 = (e, t) => !e || !t ? !1 : Be(i2(e), i2(t)), K1 = (e, t) => !e || !t ? !1 : He(i2(e), i2(t)), P0 = (e, t, n) => e != null && e[0] && e != null && e[1] ? K1(n, e[0]) && q1(n, e[1]) : e != null && e[0] && t ? K1(n, e[0]) && q1(n, t) || q1(n, e[0]) && K1(n, t) : !1, H2 = (e) => {
+}, q1 = (e, t) => !e || !t ? !1 : Fe(a2(e), a2(t)), I1 = (e, t) => !e || !t ? !1 : Be(a2(e), a2(t)), K1 = (e, t) => !e || !t ? !1 : He(a2(e), a2(t)), P0 = (e, t, n) => e != null && e[0] && e != null && e[1] ? K1(n, e[0]) && q1(n, e[1]) : e != null && e[0] && t ? K1(n, e[0]) && q1(n, t) || q1(n, e[0]) && K1(n, t) : !1, H2 = (e) => {
   const t = R1(new Date(e), { date: 1 });
-  return i2(t);
+  return a2(t);
 }, F3 = (e, t, n) => t && (n || n === 0) ? Object.fromEntries(
   ["hours", "minutes", "seconds"].map((o) => o === t ? [o, n] : [o, isNaN(+e[o]) ? void 0 : +e[o]])
 ) : {
@@ -17186,7 +17197,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
     const o = `${K4(n + 1)}-${t}`;
     return e.size ? e.has(o) : !1;
   }
-  return typeof e == "function" ? e(i2(R1(n1(), { month: n, year: t }), !0)) : !1;
+  return typeof e == "function" ? e(a2(R1(n1(), { month: n, year: t }), !0)) : !1;
 }, OQ = (e, t, n) => {
   if (e instanceof Map) {
     const o = `${K4(n + 1)}-${t}`;
@@ -17194,7 +17205,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
   }
   return !0;
 }, s6 = (e, t, n) => typeof e == "function" ? e({ month: t, year: n }) : !!e.months.find((o) => o.month === t && o.year === n), Q9 = (e, t) => typeof e == "function" ? e(t) : e.years.includes(t), M9 = (e) => `dp-${q2(e, "yyyy-MM-dd")}`, v5 = (e, t) => {
-  const n = A4(i2(t), e), o = j2(i2(t), e);
+  const n = A4(a2(t), e), o = j2(a2(t), e);
   return { before: n, after: o };
 }, m0 = Ge({
   menuFocused: !1,
@@ -17559,9 +17570,9 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
       G(C[0]),
       C[1] ? G(C[1]) : Pe(s.value.partialRange)
     ];
-  }, w = () => Array.isArray(o.value) ? o.value[1] ? I() : G(l2(o.value[0])) : [], T = () => (o.value || []).map((C) => G(C)), Y = (C = !1) => (C || j(), t.modelAuto ? w() : i.value.enabled ? T() : Array.isArray(o.value) ? F0(() => I(), s.value.enabled) : G(l2(o.value))), e1 = (C) => !C || Array.isArray(C) && !C.length ? null : t.timePicker ? L(l2(C)) : t.monthPicker ? $(l2(C)) : t.yearPicker ? M(l2(C)) : i.value.enabled ? R(l2(C)) : t.weekPicker ? z(l2(C)) : E(l2(C)), m = (C) => {
+  }, w = () => Array.isArray(o.value) ? o.value[1] ? I() : G(i2(o.value[0])) : [], T = () => (o.value || []).map((C) => G(C)), Y = (C = !1) => (C || j(), t.modelAuto ? w() : i.value.enabled ? T() : Array.isArray(o.value) ? F0(() => I(), s.value.enabled) : G(i2(o.value))), e1 = (C) => !C || Array.isArray(C) && !C.length ? null : t.timePicker ? L(i2(C)) : t.monthPicker ? $(i2(C)) : t.yearPicker ? M(i2(C)) : i.value.enabled ? R(i2(C)) : t.weekPicker ? z(i2(C)) : E(i2(C)), m = (C) => {
     const A = e1(C);
-    b9(l2(A)) ? (o.value = l2(A), V()) : (o.value = null, d.value = "");
+    b9(i2(A)) ? (o.value = i2(A), V()) : (o.value = null, d.value = "");
   }, g = () => {
     const C = (A) => q2(A, r.value.format);
     return `${C(o.value[0])} ${r.value.rangeSeparator} ${o.value[1] ? C(o.value[1]) : ""}`;
@@ -17580,19 +17591,19 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
   }, G = (C) => C ? t.utc ? MQ(C, t.utc === "preserve", t.enableSeconds) : t.modelType ? t.modelType === "timestamp" ? +h(C) : t.modelType === "iso" ? h(C).toISOString() : t.modelType === "format" && (typeof t.format == "string" || !t.format) ? p(h(C)) : p(h(C), t.modelType, !0) : h(C) : "", B = (C, A = !1, l1 = !1) => {
     if (l1) return C;
     if (e("update:model-value", C), l.value.emitTimezone && A) {
-      const y1 = Array.isArray(C) ? C.map((F) => b2(l2(F), l.value.emitTimezone)) : b2(l2(C), l.value.emitTimezone);
+      const y1 = Array.isArray(C) ? C.map((F) => b2(i2(F), l.value.emitTimezone)) : b2(i2(C), l.value.emitTimezone);
       e("update:model-timezone-value", y1);
     }
   }, r1 = (C) => Array.isArray(o.value) ? i.value.enabled ? o.value.map((A) => C(A)) : [
     C(o.value[0]),
     o.value[1] ? C(o.value[1]) : Pe(s.value.partialRange)
-  ] : C(l2(o.value)), O = () => {
+  ] : C(i2(o.value)), O = () => {
     if (Array.isArray(o.value)) {
       const C = K2(o.value[0], t.weekStart), A = o.value[1] ? K2(o.value[1], t.weekStart) : [];
       return [C.map((l1) => n1(l1)), A.map((l1) => n1(l1))];
     }
     return K2(o.value, t.weekStart).map((C) => n1(C));
-  }, P = (C, A) => B(l2(r1(C)), !1, A), Q = (C) => {
+  }, P = (C, A) => B(i2(r1(C)), !1, A), Q = (C) => {
     const A = O();
     return C ? A : e("update:model-value", O());
   }, K = (C = !1) => (C || V(), t.monthPicker ? P(f, C) : t.timePicker ? P(k, C) : t.yearPicker ? P(k1, C) : t.weekPicker ? Q(C) : B(Y(C), !0, C));
@@ -17782,7 +17793,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
       defaultedRange: d,
       defaultedMultiDates: u
     } = F1(o), { isTimeValid: c, isMonthValid: _ } = pe(o), { buildMatrix: h } = _e(), p = o1(null), k = o1(null), f = o1(!1), M = o1({}), x = o1(null), L = o1(null);
-    a2(() => {
+    s2(() => {
       o.arrowNavigation && h([t2(p), t2(k)], "actionRow"), $(), window.addEventListener("resize", $);
     }), Xe(() => {
       window.removeEventListener("resize", $);
@@ -17797,7 +17808,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
       () => !c.value(o.internalModelValue) || !_.value(o.internalModelValue) || !R.value
     ), E = () => {
       const m = s.value;
-      return o.timePicker || o.monthPicker, m(l2(o.internalModelValue));
+      return o.timePicker || o.monthPicker, m(i2(o.internalModelValue));
     }, j = () => {
       const m = o.internalModelValue;
       return l.value.count > 0 ? `${I(m[0])} - ${I(m[1])}` : [I(m[0]), I(m[1])];
@@ -17909,7 +17920,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
     ), { hideNavigationButtons: _ } = k3(), h = o1(!1), p = o1(null), k = o1(null), f = o1([]), M = o1(), x = o1(null), L = o1(0), $ = o1(null);
     y6(() => {
       p.value = null;
-    }), a2(() => {
+    }), s2(() => {
       M2().then(() => Y()), i.noOverlayFocus || z(), R(!0);
     }), Xe(() => R(!1));
     const R = (O) => {
@@ -17966,7 +17977,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
     }, S = () => {
       var O, P;
       const Q = (O = i.headerRefs) != null && O.length ? [i.headerRefs].concat(f.value) : f.value.concat([i.skipButtonRef ? [] : [x.value]]);
-      r(l2(Q), (P = i.headerRefs) != null && P.length ? "monthPicker" : "selectionGrid");
+      r(i2(Q), (P = i.headerRefs) != null && P.length ? "monthPicker" : "selectionGrid");
     }, V = (O) => {
       i.arrowNavigation || ce(O, u.value, !0);
     }, U = (O) => {
@@ -18120,7 +18131,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
   emits: ["activate", "set-ref"],
   setup(e, { emit: t }) {
     const n = t, o = o1(null);
-    return a2(() => n("set-ref", o)), (r, s) => (H(), N("button", {
+    return s2(() => n("set-ref", o)), (r, s) => (H(), N("button", {
       ref_key: "elRef",
       ref: o,
       type: "button",
@@ -18325,7 +18336,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
   };
   g2(s, (w, T) => {
     l.isTextInputDate && JSON.stringify(w ?? {}) !== JSON.stringify(T ?? {}) && $();
-  }), a2(() => {
+  }), s2(() => {
     $();
   });
   const R = (w, T) => {
@@ -18392,7 +18403,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
     props: e,
     emit: t
   });
-  a2(() => {
+  s2(() => {
     e.startDate && (h.value && e.focusStartDate || !h.value) && $(k1(n1(e.startDate)), 0);
   });
   const T = (P) => P ? { month: H1(P), year: k1(P) } : { month: null, year: null }, Y = () => h.value ? Array.isArray(h.value) ? h.value.map((P) => T(P)) : T(h.value) : T(), e1 = (P, Q) => {
@@ -18492,7 +18503,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
   ],
   setup(e, { expose: t, emit: n }) {
     const o = n, r = Ie(), s = k2(r, "yearMode"), l = e;
-    a2(() => {
+    s2(() => {
       l.shadow || o("mount", null);
     });
     const {
@@ -18592,7 +18603,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
   const n = () => {
     e.isTextInputDate && (u.value = k1(n1(e.startDate)));
   }, { modelValue: o } = A0(e, t, n), r = o1(null), { defaultedHighlight: s, defaultedMultiDates: l, defaultedFilters: i, defaultedRange: a, propDates: d } = F1(e), u = o1();
-  a2(() => {
+  s2(() => {
     e.startDate && (o.value && e.focusStartDate || !o.value) && (u.value = k1(n1(e.startDate)));
   });
   const c = (M) => Array.isArray(o.value) ? o.value.some((x) => k1(x) === M) : o.value ? k1(o.value) === M : !1, _ = (M) => a.value.enabled && Array.isArray(o.value) ? P0(o.value, r.value, f(M)) : !1, h = (M) => d.value.allowedDates instanceof Map ? d.value.allowedDates.size ? d.value.allowedDates.has(`${M}`) : !1 : !0, p = (M) => d.value.disabledDates instanceof Map ? d.value.disabledDates.size ? d.value.disabledDates.has(`${M}`) : !1 : !0, k = X(() => qe(Y9(e.yearRange, e.locale, e.reverseYears), (M) => {
@@ -18613,7 +18624,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
     selectYear: (M) => {
       var x;
       if (t("update-month-year", { instance: 0, year: M }), l.value.enabled)
-        return o.value ? Array.isArray(o.value) && (((x = o.value) == null ? void 0 : x.map((L) => k1(L))).includes(M) ? o.value = o.value.filter((L) => k1(L) !== M) : o.value.push(E2(i2(n1()), M))) : o.value = [E2(i2(V0(n1())), M)], t("auto-apply", !0);
+        return o.value ? Array.isArray(o.value) && (((x = o.value) == null ? void 0 : x.map((L) => k1(L))).includes(M) ? o.value = o.value.filter((L) => k1(L) !== M) : o.value.push(E2(a2(n1()), M))) : o.value = [E2(a2(V0(n1())), M)], t("auto-apply", !0);
       a.value.enabled ? (o.value = X9(o, f(M), t), M2().then(() => {
         M3(o.value, t, e.autoApply, e.modelAuto);
       })) : (o.value = f(M), t("auto-apply"));
@@ -18717,7 +18728,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
       minutes: !1,
       seconds: !1
     }), f = o1("AM"), M = o1(null), x = o1([]), L = o1(), $ = o1(!1);
-    a2(() => {
+    s2(() => {
       o("mounted");
     });
     const R = (b) => R1(/* @__PURE__ */ new Date(), {
@@ -19014,7 +19025,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
   ],
   setup(e, { expose: t, emit: n }) {
     const o = n, r = e, { buildMatrix: s, setTimePicker: l } = _e(), i = Ie(), { defaultedTransitions: a, defaultedAriaLabels: d, defaultedTextInput: u, defaultedConfig: c, defaultedRange: _ } = F1(r), { transitionName: h, showTransition: p } = $0(a), { hideNavigationButtons: k } = k3(), f = o1(null), M = o1(null), x = o1([]), L = o1(null), $ = o1(!1);
-    a2(() => {
+    s2(() => {
       o("mount"), !r.timePicker && r.arrowNavigation ? s([t2(f.value)], "time") : l(!0, r.timePicker);
     });
     const R = X(() => _.value.enabled && r.modelAuto ? W4(r.internalModelValue) : !0), z = o1(!1), E = (U) => ({
@@ -19277,7 +19288,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
       [z.seconds, E.seconds]
     ) : L(z.hours, z.minutes, z.seconds);
   };
-  a2(() => {
+  s2(() => {
     if (!e.shadow)
       return c(s.value), o.value ? $() : M();
   });
@@ -19312,7 +19323,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
   ],
   setup(e, { expose: t, emit: n }) {
     const o = n, r = e, s = Ie(), l = k2(s, "timePicker"), i = o1(null), { time: a, modelValue: d, disabledTimesConfig: u, updateTime: c, validateTime: _ } = mG(r, o);
-    return a2(() => {
+    return s2(() => {
       r.shadow || o("mount", null);
     }), t({ getSidebarProps: () => ({
       modelValue: d,
@@ -19384,7 +19395,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
       propDates: c,
       defaultedUI: _
     } = F1(r), { transitionName: h, showTransition: p } = $0(s), { buildMatrix: k } = _e(), { handleMonthYearChange: f, isDisabled: M, updateMonthYear: x } = qQ(r, o), { showLeftIcon: L, showRightIcon: $ } = k3(), R = o1(!1), z = o1(!1), E = o1(!1), j = o1([null, null, null, null]);
-    a2(() => {
+    s2(() => {
       o("mount");
     });
     const I = (O) => ({
@@ -19662,15 +19673,15 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
       left: "",
       transform: ""
     }), k = o1([]), f = o1(null), M = o1(!0), x = o1(""), L = o1({ startX: 0, endX: 0, startY: 0, endY: 0 }), $ = o1([]), R = o1({ left: "50%" }), z = o1(!1), E = X(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), j = X(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : gQ(r.formatLocale, r.locale, +r.weekStart));
-    a2(() => {
+    s2(() => {
       o("mount", { cmp: "calendar", refs: k }), i.value.noSwipe || f.value && (f.value.addEventListener("touchstart", G, { passive: !1 }), f.value.addEventListener("touchend", B, { passive: !1 }), f.value.addEventListener("touchmove", r1, { passive: !1 })), r.monthChangeOnScroll && f.value && f.value.addEventListener("wheel", Q, { passive: !1 });
     }), Xe(() => {
       i.value.noSwipe || f.value && (f.value.removeEventListener("touchstart", G), f.value.removeEventListener("touchend", B), f.value.removeEventListener("touchmove", r1)), r.monthChangeOnScroll && f.value && f.value.removeEventListener("wheel", Q);
     });
     const I = (F) => F ? r.vertical ? "vNext" : "next" : r.vertical ? "vPrevious" : "previous", w = (F, j1) => {
       if (r.transitions) {
-        const t1 = i2(ee(n1(), r.month, r.year));
-        x.value = K1(i2(ee(n1(), F, j1)), t1) ? l.value[I(!0)] : l.value[I(!1)], M.value = !1, M2(() => {
+        const t1 = a2(ee(n1(), r.month, r.year));
+        x.value = K1(a2(ee(n1(), F, j1)), t1) ? l.value[I(!0)] : l.value[I(!1)], M.value = !1, M2(() => {
           M.value = !0;
         });
       }
@@ -19901,7 +19912,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
   }, V = () => {
     h.value && w(h.value);
   };
-  a2(() => {
+  s2(() => {
     e.shadow || (a.value || (j1(), V()), B(!0), e.focusStartDate && e.startDate && j1());
   });
   const U = X(() => {
@@ -20022,7 +20033,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
     const f1 = [], O1 = new Date(s1, D), J = new Date(s1, D + 1, 0), v1 = e.weekStart, p1 = T2(O1, { weekStartsOn: v1 }), Q2 = (D2) => {
       const fe = L1(D2, D);
       if (f1.push({ days: fe }), !f1[f1.length - 1].days.some(
-        (ne) => I1(i2(ne.value), i2(J))
+        (ne) => I1(a2(ne.value), a2(J))
       )) {
         const ne = j2(D2, 7);
         Q2(ne);
@@ -20059,7 +20070,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
     if (Z(), p.value.autoRange) return g1(D, s1);
     if (p.value.fixedStart || p.value.fixedEnd) return o2(D);
     r.value[0] ? z(n1(D.value), a.value) && !G1(D.value) ? q1(n1(D.value), n1(r.value[0])) ? (r.value.unshift(n1(D.value)), t("range-end", r.value[0])) : (r.value[1] = n1(D.value), t("range-end", r.value[1])) : (e.autoApply && t("auto-apply-invalid", D.value), t("invalid-date", D.value)) : (r.value[0] = n1(D.value), t("range-start", r.value[0]));
-  }, _1 = (D = !0) => e.enableSeconds ? Array.isArray(u.seconds) ? D ? u.seconds[0] : u.seconds[1] : u.seconds : 0, s2 = (D) => {
+  }, _1 = (D = !0) => e.enableSeconds ? Array.isArray(u.seconds) ? D ? u.seconds[0] : u.seconds[1] : u.seconds : 0, l2 = (D) => {
     r.value[D] = Ce(
       r.value[D],
       u.hours[D],
@@ -20070,7 +20081,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
     var D, s1;
     r.value[0] && r.value[1] && +((D = r.value) == null ? void 0 : D[0]) > +((s1 = r.value) == null ? void 0 : s1[1]) && (r.value.reverse(), t("range-start", r.value[0]), t("range-end", r.value[1]));
   }, y3 = () => {
-    r.value.length && (r.value[0] && !r.value[1] ? s2(0) : (s2(0), s2(1), o()), Z2(), a.value = r.value.slice(), M3(r.value, t, e.autoApply, e.modelAuto));
+    r.value.length && (r.value[0] && !r.value[1] ? l2(0) : (l2(0), l2(1), o()), Z2(), a.value = r.value.slice(), M3(r.value, t, e.autoApply, e.modelAuto));
   }, R0 = (D, s1 = !1) => {
     if ($(D.value) || !D.current && e.hideOffsetDates) return t("invalid-date", D.value);
     if (l.value = JSON.parse(JSON.stringify(D)), !p.value.enabled) return z1(D);
@@ -20531,7 +20542,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
   }
 }), g6 = (e, t) => {
   const n = o1(0);
-  a2(() => {
+  s2(() => {
     o(), window.addEventListener("resize", o, { passive: !0 });
   }), Xe(() => {
     window.removeEventListener("resize", o);
@@ -20610,7 +20621,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
     }), { setMenuFocused: i, setShiftKey: a, control: d } = l6(), u = Ie(), { defaultedTextInput: c, defaultedInline: _, defaultedConfig: h, defaultedUI: p, handleEventPropagation: k } = F1(r), { isMobile: f } = g6(h, r.shadow), M = o1(null), x = o1(0), L = o1(null), $ = o1(!1), R = o1(null), z = o1(!1), E = (Z) => {
       z.value = !0, h.value.allowPreventDefault && Z.preventDefault(), ce(Z, h.value, !0);
     };
-    a2(() => {
+    s2(() => {
       if (!r.shadow) {
         $.value = !0, j(), window.addEventListener("resize", j);
         const Z = t2(s);
@@ -20765,7 +20776,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
             class: h1({ "dp--preset-dates-collapsed": e.collapse, "dp--preset-dates": !0 }),
             "data-dp-mobile": y(f)
           }, [
-            (H(!0), N(M1, null, Z1(Z.presetDates, (_1, s2) => (H(), N(M1, { key: s2 }, [
+            (H(!0), N(M1, null, Z1(Z.presetDates, (_1, l2) => (H(), N(M1, { key: l2 }, [
               _1.slot ? c1(Z.$slots, _1.slot, {
                 key: 0,
                 presetDate: d1,
@@ -20817,7 +20828,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
               onOverlayToggle: g1[14] || (g1[14] = (_1) => Z.$emit("overlay-toggle", _1)),
               "onUpdate:internalModelValue": g1[15] || (g1[15] = (_1) => Z.$emit("update:internal-model-value", _1))
             }), u2({ _: 2 }, [
-              Z1(P.value, (_1, s2) => ({
+              Z1(P.value, (_1, l2) => ({
                 name: _1,
                 fn: w1((Z2) => [
                   c1(Z.$slots, _1, n2(p2({ ...Z2 })))
@@ -20845,7 +20856,7 @@ const m9 = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), G4 = (e, t) =
           onInvalidSelect: g1[18] || (g1[18] = (_1) => Z.$emit("invalid-select")),
           onSelectNow: i1
         }), u2({ _: 2 }, [
-          Z1(y(O), (_1, s2) => ({
+          Z1(y(O), (_1, l2) => ({
             name: _1,
             fn: w1((Z2) => [
               c1(Z.$slots, _1, n2(p2({ ...Z2 })))
@@ -21289,13 +21300,13 @@ const XG = ({
       e.maxTime,
       o.value.maxDate,
       "max",
-      l2(v),
+      i2(v),
       g
     )), (e.minTime || o.value.minDate) && (g = g5(
       e.minTime,
       o.value.minDate,
       "min",
-      l2(v),
+      i2(v),
       g
     )), I(m, g);
   }, T = (m) => {
@@ -21628,7 +21639,7 @@ const XG = ({
       defaultedRange: T,
       defaultedMultiDates: Y
     } = F1(r), { menuTransition: e1, showTransition: m } = $0(E), { isMobile: g } = g6(w), v = b6();
-    a2(() => {
+    s2(() => {
       C(r.modelValue), M2().then(() => {
         if (!I.value.enabled) {
           const J = O(h.value);
@@ -21682,35 +21693,35 @@ const XG = ({
       var J, v1;
       return ((v1 = (J = c.value) == null ? void 0 : J.$el) == null ? void 0 : v1.getBoundingClientRect()) ?? { width: 0, left: 0, right: 0 };
     }, d1 = () => {
-      l.value && (w.value.closeOnScroll ? s2() : r1());
+      l.value && (w.value.closeOnScroll ? l2() : r1());
     }, C1 = () => {
       var J;
       l.value && r1();
       const v1 = ((J = u.value) == null ? void 0 : J.$el.getBoundingClientRect().width) ?? 0;
       f.value = document.body.offsetWidth <= v1;
     }, L1 = (J) => {
-      J.key === "Tab" && !I.value.enabled && !r.teleport && w.value.tabOutClosesMenu && (h.value.contains(document.activeElement) || s2()), k.value = J.shiftKey;
+      J.key === "Tab" && !I.value.enabled && !r.teleport && w.value.tabOutClosesMenu && (h.value.contains(document.activeElement) || l2()), k.value = J.shiftKey;
     }, S1 = (J) => {
       k.value = J.shiftKey;
     }, z1 = () => {
       !r.disabled && !r.readonly && (P(v, w5, r), r1(!1), l.value = !0, l.value && o("open"), l.value || _1(), C(r.modelValue));
     }, G1 = () => {
       var J, v1;
-      Q.value = "", _1(), (J = u.value) == null || J.onValueCleared(), (v1 = c.value) == null || v1.setParsedDate(null), o("update:model-value", null), o("update:model-timezone-value", null), o("cleared"), w.value.closeOnClearValue && s2();
+      Q.value = "", _1(), (J = u.value) == null || J.onValueCleared(), (v1 = c.value) == null || v1.setParsedDate(null), o("update:model-value", null), o("update:model-timezone-value", null), o("cleared"), w.value.closeOnClearValue && l2();
     }, Z = () => {
       const J = K.value;
       return !J || !Array.isArray(J) && R(J) ? !0 : Array.isArray(J) ? Y.value.enabled || J.length === 2 && R(J[0]) && R(J[1]) ? !0 : T.value.partialRange && !r.timePicker ? R(J[0]) : !1 : !1;
     }, g1 = () => {
-      y1() && Z() ? (A(), s2()) : o("invalid-select", K.value);
+      y1() && Z() ? (A(), l2()) : o("invalid-select", K.value);
     }, V1 = (J) => {
-      o2(), A(), w.value.closeOnAutoApply && !J && s2();
+      o2(), A(), w.value.closeOnAutoApply && !J && l2();
     }, o2 = () => {
       c.value && j.value.enabled && c.value.setParsedDate(K.value);
     }, B2 = (J = !1) => {
       r.autoApply && z(K.value) && Z() && (T.value.enabled && Array.isArray(K.value) ? (T.value.partialRange || K.value.length === 2) && V1(J) : V1(J));
     }, _1 = () => {
       j.value.enabled || (K.value = null);
-    }, s2 = (J = !1) => {
+    }, l2 = (J = !1) => {
       var v1, p1;
       J && K.value && w.value.setDateOnMenuClose && g1(), I.value.enabled || (l.value && (l.value = !1, B.value = !1, x(!1), L(!1), $(), o("closed"), Q.value && C(i.value)), _1(), o("blur"), (p1 = (v1 = u.value) == null ? void 0 : v1.$el) == null || p1.remove());
     }, Z2 = (J, v1, p1 = !1) => {
@@ -21724,7 +21735,7 @@ const XG = ({
       })) : o("invalid-date", J);
     }, y3 = () => {
       r.autoApply && z(K.value) && A(), o2();
-    }, R0 = () => l.value ? s2() : z1(), j3 = (J) => {
+    }, R0 = () => l.value ? l2() : z1(), j3 = (J) => {
       K.value = J;
     }, x3 = () => {
       j.value.enabled && (_.value = !0, l1()), o("focus");
@@ -21744,7 +21755,7 @@ const XG = ({
     }, D = (J, v1) => {
       var p1;
       (p1 = u.value) == null || p1.switchView(J, v1);
-    }, s1 = (J, v1) => w.value.onClickOutside ? w.value.onClickOutside(J, v1) : s2(!0), f1 = (J = 0) => {
+    }, s1 = (J, v1) => w.value.onClickOutside ? w.value.onClickOutside(J, v1) : l2(!0), f1 = (J = 0) => {
       var v1;
       (v1 = u.value) == null || v1.handleFlow(J);
     }, O1 = () => d;
@@ -21753,7 +21764,7 @@ const XG = ({
       c,
       (J) => s1(Z, J)
     ), t({
-      closeMenu: s2,
+      closeMenu: l2,
       selectDate: g1,
       clearValue: G1,
       openMenu: z1,
@@ -21788,7 +21799,7 @@ const XG = ({
         onSetEmptyDate: y(A),
         onSelectDate: g1,
         onToggle: R0,
-        onClose: s2,
+        onClose: l2,
         onFocus: x3,
         onBlur: S3,
         onRealBlur: v1[1] || (v1[1] = (p1) => _.value = !1),
@@ -21828,7 +21839,7 @@ const XG = ({
                   collapse: f.value,
                   "get-input-rect": i1,
                   "is-text-input-date": M.value,
-                  onClosePicker: s2,
+                  onClosePicker: l2,
                   onSelectDate: g1,
                   onAutoApply: B2,
                   onTimeUpdate: y3,
@@ -22489,7 +22500,7 @@ const bX = /* @__PURE__ */ j5(mX), MX = (e = window.location.href) => {
       }
       n.value = !1;
     };
-    a2(() => {
+    s2(() => {
       _();
     });
     const E = t;

package/dist/components/Elements/DsgBadge.vue.d.ts

@@ -3,10 +3,10 @@
  *  # Setup: Props
  * ------------------------------------------------
  */
-export type DsgBadgeTheme = 'pill-color' | 'pill-outline' | 'badge-color' | 'badge-modern';
-export type DsgBadgeSize = 'sm' | 'md' | 'lg';
-export type DsgBadgeType = 'standard' | 'add';
-export type DsgBadgeThemeColor = 'gray' | 'brand' | 'error' | 'warning' | 'success' | 'gray-blue' | 'blue-light' | 'blue' | 'indigo' | 'purple' | 'pink' | 'orange';
+export type DsgBadgeTheme = "pill-color" | "pill-outline" | "badge-color" | "badge-modern";
+export type DsgBadgeSize = "sm" | "md" | "lg";
+export type DsgBadgeType = "standard" | "add" | "icon";
+export type DsgBadgeThemeColor = "gray" | "brand" | "error" | "warning" | "success" | "gray-blue" | "blue-light" | "blue" | "indigo" | "purple" | "pink" | "orange";
 export interface DsgBadgeProps {
     label?: string;
     classes?: string;
@@ -15,7 +15,9 @@ export interface DsgBadgeProps {
     hasClose?: boolean;
     avatarUri?: string;
     iconBefore?: string;
+    icon?: string;
     iconAfter?: string;
+    iconOnly?: boolean;
     hasDot?: boolean;
     theme?: DsgBadgeTheme;
     themeColor?: DsgBadgeThemeColor;

package/dist/components/Elements/DsgDropdown.vue.d.ts

@@ -37,6 +37,7 @@ export interface DsgDropdownProps {
     headerType?: DsgDropdownHeaderType;
     headerTitle?: string;
     classes?: string;
+    strategy?: "absolute" | "fixed" | undefined;
     skidding?: number;
     distance?: number;
 }

package/dist/components/Elements/DsgInput.vue.d.ts

@@ -34,6 +34,7 @@ export interface DsgInputProps {
     hint?: string;
     placeholder?: string;
     name?: string;
+    step?: string;
     hasTooltip?: boolean;
     toolTip?: string | undefined;
     min?: number | undefined;
@@ -46,6 +47,7 @@ export interface DsgInputProps {
     websiteHttps?: boolean;
     websiteWww?: boolean;
     validateOnInput?: boolean;
+    validateOnLoad?: boolean;
     validationPatterns?: DsgInputValidationPattern[];
     hideHintOnError?: boolean;
     minLength?: number;

package/dist/components/Elements/DsgInputSelect.vue.d.ts

@@ -5,7 +5,7 @@ import { default as VueMultiselect } from 'vue-multiselect';
  * ------------------------------------------------
  */
 export interface DsgInputSelectOption {
-    id: string;
+    id: string | number;
     label: string;
     [key: string]: any;
 }
@@ -19,10 +19,13 @@ export interface DsgInputSelectProps {
     disabled?: boolean;
     closeOnSelect?: boolean;
     trackBy?: string;
+    contentMaxWidth?: string;
     itemLabel?: string;
     allowEmpty?: boolean;
+    validateOnLoad?: boolean;
     selectLabel?: string;
     selectedLabel?: string;
+    errors?: string[] | string;
     size?: "md";
 }
 type __VLS_Props = DsgInputSelectProps;