ablok-components 0.3.96 → 0.3.97

package/dist/components/molecules/input-datepicker/input-datepicker.vue.js

@@ -1,18 +1,18 @@
-import { defineComponent as Z, shallowRef as T, onMounted as U, computed as y, watch as C, openBlock as i, createElementBlock as g, normalizeClass as N, renderSlot as A, createElementVNode as s, unref as R, createCommentVNode as h, createBlock as v, resolveDynamicComponent as S } from "vue";
-import { uniqueId as B } from "../../../utilities/helpers.js";
+import { defineComponent as P, shallowRef as j, onMounted as F, computed as S, ref as Y, watch as z, openBlock as o, createElementBlock as V, normalizeClass as E, renderSlot as w, createElementVNode as c, unref as K, createCommentVNode as x, createBlock as b, resolveDynamicComponent as A } from "vue";
+import { uniqueId as M } from "../../../utilities/helpers.js";
 /* empty css                                                                                                                                       */
-import { useI18n as j } from "vue-i18n";
-import { sanitizeHtml as L } from "../../../composables/useSanitize.js";
-import { fr as P } from "../../../node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/fr.js";
-import { de as Y } from "../../../node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/de.js";
-import { enUS as I } from "../../../node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/en-US.js";
-const z = { class: "row" }, E = { class: "col-12" }, F = ["for", "innerHTML"], K = { key: 0 }, G = { class: "input-group justify-content-center" }, J = {
+import { useI18n as G } from "vue-i18n";
+import { sanitizeHtml as J } from "../../../composables/useSanitize.js";
+import { fr as Q } from "../../../node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/fr.js";
+import { de as W } from "../../../node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/de.js";
+import { enUS as O } from "../../../node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/en-US.js";
+const X = { class: "row" }, _ = { class: "col-12" }, ee = ["for", "innerHTML"], te = { key: 0 }, le = { class: "input-group justify-content-center" }, ae = {
   key: 0,
   class: "row"
-}, Q = { class: "col-12 col-md-6" }, W = { class: "col-12 col-md-6" }, X = {
+}, ne = { class: "col-12 col-md-6" }, re = { class: "col-12 col-md-6" }, ue = {
   key: 1,
   class: "row"
-}, _ = { class: "col-12" }, de = /* @__PURE__ */ Z({
+}, oe = { class: "col-12" }, ve = /* @__PURE__ */ P({
   __name: "input-datepicker",
   props: {
     modelValue: {
@@ -33,11 +33,11 @@ const z = { class: "row" }, E = { class: "col-12" }, F = ["for", "innerHTML"], K
     },
     name: {
       type: String,
-      default: () => B()
+      default: () => M()
     },
     id: {
       type: String,
-      default: () => B()
+      default: () => M()
     },
     label: {
       type: String,
@@ -85,159 +85,187 @@ const z = { class: "row" }, E = { class: "col-12" }, F = ["for", "innerHTML"], K
     }
   },
   emits: ["update:modelValue", "update:from", "update:to"],
-  setup(a, { emit: k }) {
-    const c = T(null);
-    U(async () => {
+  setup(a, { emit: R }) {
+    const m = j(null);
+    F(async () => {
       const { VueDatePicker: e } = await import("@vuepic/vue-datepicker");
-      c.value = e;
+      m.value = e;
     });
-    const n = a, m = k, { t: ee, locale: x } = j(), O = {
-      en: I,
-      de: Y,
-      fr: P
-    }, d = y(() => {
-      const e = n.locale || x.value;
-      return O[e] || I;
-    }), p = y(() => n.inline || !n.picker ? { openMenu: !1, format: d.value } : !0), o = y({
+    const l = a, i = R, { t: ie, locale: U } = G(), H = {
+      en: O,
+      de: W,
+      fr: Q
+    }, s = S(() => {
+      const e = l.locale || U.value;
+      return H[e] || O;
+    }), N = S(() => l.inline || !l.picker ? { openMenu: !1, format: s.value } : !0);
+    function k(e) {
+      return !e || Number.isNaN(e.getTime()) ? null : e.toISOString().replace("Z", "");
+    }
+    function f(e) {
+      return !e || Array.isArray(e) ? null : k(/* @__PURE__ */ new Date(`${e}Z`));
+    }
+    function y(e) {
+      if (!e || Array.isArray(e)) return null;
+      const t = new Date(e);
+      return Number.isNaN(t.getTime()) ? null : (t.setUTCHours(t.getHours()), k(t));
+    }
+    function B() {
+      let e = l.from || (Array.isArray(l.modelValue) ? l.modelValue[0] : null), t = l.to || (Array.isArray(l.modelValue) ? l.modelValue[1] : null);
+      return l.utcStore ? (e = e ? g(e) : null, t = t ? g(t) : null) : (e = f(e), t = f(t)), [e, t];
+    }
+    const d = Y(B());
+    z(() => [l.modelValue, l.from, l.to, l.utcStore], () => {
+      if (!l.range) return;
+      const e = B();
+      (e[0] !== d.value[0] || e[1] !== d.value[1]) && (d.value = e);
+    });
+    function Z(e, t) {
+      l.utcStore ? (e = e ? p(e) : null, t = t ? p(t) : null) : (e = y(e), t = y(t)), i("update:modelValue", [e, t]), i("update:from", e), i("update:to", t);
+    }
+    function T(e, t) {
+      d.value = [e ?? null, t ?? null], Z(e ?? null, t ?? null);
+    }
+    const $ = S({
       get() {
-        if (n.range) {
-          let e = n.from || (Array.isArray(n.modelValue) ? n.modelValue[0] : null), t = n.to || (Array.isArray(n.modelValue) ? n.modelValue[1] : null);
-          return n.utcStore ? (e = e ? b(e) : null, t = t ? b(t) : null) : (e = e ? (/* @__PURE__ */ new Date(`${e}Z`)).toISOString().replace("Z", "") : null, t = t ? (/* @__PURE__ */ new Date(`${t}Z`)).toISOString().replace("Z", "") : null), [
+        if (l.range) {
+          let e = l.from || (Array.isArray(l.modelValue) ? l.modelValue[0] : null), t = l.to || (Array.isArray(l.modelValue) ? l.modelValue[1] : null);
+          return l.utcStore ? (e = e ? g(e) : null, t = t ? g(t) : null) : (e = f(e), t = f(t)), [
             ...e ? [e] : [],
             ...t ? [t] : []
           ];
         } else {
-          if (n.utcStore) {
-            const l = n.modelValue;
-            return l && b(l) || "";
+          if (l.utcStore) {
+            const e = l.modelValue;
+            return e && g(e) || "";
           }
-          const e = n.modelValue ? /* @__PURE__ */ new Date(`${n.modelValue}Z`) : null, t = e && e.toISOString();
-          return t && t.replace("Z", "");
+          return f(l.modelValue) || "";
         }
       },
       set(e) {
-        if (n.range && Array.isArray(e)) {
-          let [t, l] = e;
-          n.utcStore ? (t = D(t) || null, l = D(l) || null) : (t = t && new Date(t), t?.setUTCHours(t.getHours()), t = t?.toISOString()?.replace("Z", ""), l = l && new Date(l), l?.setUTCHours(l.getHours()), l = l?.toISOString()?.replace("Z", "")), m("update:modelValue", [t, l]), m("update:from", t), m("update:to", l);
-        } else if (n.utcStore) {
-          const t = D(e);
-          m("update:modelValue", t);
-        } else {
-          const t = e && new Date(e);
-          t?.setUTCHours(t?.getHours()), e = t && t.toISOString(), m("update:modelValue", e && e.replace("Z", ""));
-        }
+        if (l.range && Array.isArray(e)) {
+          let [t, n] = e;
+          l.utcStore ? (t = p(t) || null, n = p(n) || null) : (t = y(t), n = y(n)), i("update:modelValue", [t, n]), i("update:from", t), i("update:to", n);
+        } else if (l.utcStore) {
+          const t = p(e);
+          i("update:modelValue", t);
+        } else
+          i("update:modelValue", y(e));
       }
-    }), $ = y({
+    }), D = S({
       get() {
-        return Array.isArray(o.value) ? o.value[0] : o.value;
+        return d.value[0];
       },
       set(e) {
-        o.value = Array.isArray(o.value) ? [e, o.value[0]] : e;
+        T(e, d.value[1]);
       }
-    }), V = y({
+    }), h = S({
       get() {
-        return Array.isArray(o.value) ? o.value[1] : o.value;
+        return d.value[1];
       },
       set(e) {
-        o.value = Array.isArray(o.value) ? [o.value[0], e] : e;
+        T(d.value[0], e);
       }
     });
-    C(() => [$.value, V.value], (e, t) => {
-      n.range && e.some((l) => l === void 0) && t.every(Boolean) && (o.value = []);
-    });
-    function q(e) {
+    function I(e) {
       if (!e)
         return;
-      const t = e.getDate(), l = e.getMonth() + 1, f = e.getFullYear(), r = e.getMinutes(), u = e.getHours();
-      switch (d.value) {
+      const t = e.getDate(), n = e.getMonth() + 1, v = e.getFullYear(), r = e.getMinutes(), u = e.getHours();
+      switch (s.value) {
         case "de":
-          return `${t}.${l}.${f} ${u < 10 ? "0" + u : u}:${r < 10 ? "0" + r : r}`;
+          return `${t}.${n}.${v} ${u < 10 ? "0" + u : u}:${r < 10 ? "0" + r : r}`;
         case "fr":
-          return `${t}/${l}/${f} ${u < 10 ? "0" + u : u}:${r < 10 ? "0" + r : r}`;
+          return `${t}/${n}/${v} ${u < 10 ? "0" + u : u}:${r < 10 ? "0" + r : r}`;
         default:
-          return `${l}/${t}/${f} ${u < 10 ? "0" + u : u}:${r < 10 ? "0" + r : r}`;
+          return `${n}/${t}/${v} ${u < 10 ? "0" + u : u}:${r < 10 ? "0" + r : r}`;
       }
     }
-    function b(e) {
-      if (!e) return null;
-      const t = e instanceof Date ? new Date(e) : /* @__PURE__ */ new Date(`${e}Z`), l = t.getFullYear(), f = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0"), u = String(t.getHours()).padStart(2, "0"), M = String(t.getMinutes()).padStart(2, "0"), H = String(t.getSeconds()).padStart(2, "0");
-      return `${l}-${f}-${r}T${u}:${M}:${H}`;
+    function g(e) {
+      if (!e || Array.isArray(e)) return null;
+      const t = e instanceof Date ? new Date(e) : /* @__PURE__ */ new Date(`${e}Z`);
+      if (Number.isNaN(t.getTime())) return null;
+      const n = t.getFullYear(), v = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0"), u = String(t.getHours()).padStart(2, "0"), C = String(t.getMinutes()).padStart(2, "0"), L = String(t.getSeconds()).padStart(2, "0");
+      return `${n}-${v}-${r}T${u}:${C}:${L}`;
     }
-    function D(e) {
-      return e ? (e instanceof Date ? new Date(e) : new Date(String(e))).toISOString().split(".")[0] : null;
+    function p(e) {
+      if (!e || Array.isArray(e)) return null;
+      const t = e instanceof Date ? new Date(e) : new Date(String(e));
+      return Number.isNaN(t.getTime()) ? null : t.toISOString().split(".")[0];
     }
-    const w = (e) => (Array.isArray(e) ? e = e.map((t) => q(t)).join(" - ") : e = q(e), e);
-    return (e, t) => (i(), g("div", {
-      class: N(["input", "input--datepicker"])
+    const q = (e) => (Array.isArray(e) ? e = e.map((t) => I(t)).join(" - ") : e = I(e), e);
+    return (e, t) => (o(), V("div", {
+      class: E(["input", "input--datepicker"])
     }, [
-      A(e.$slots, "label", {}, () => [
-        s("div", z, [
-          s("div", E, [
-            a.label ? (i(), g("label", {
+      w(e.$slots, "label", {}, () => [
+        c("div", X, [
+          c("div", _, [
+            a.label ? (o(), V("label", {
               key: 0,
               for: a.id,
               class: "input__label",
-              innerHTML: R(L)(`${a.label}${a.required ? " *" : ""}`)
-            }, null, 8, F)) : h("", !0)
+              innerHTML: K(J)(`${a.label}${a.required ? " *" : ""}`)
+            }, null, 8, ee)) : x("", !0)
           ])
         ])
       ]),
-      a.textInput ? (i(), g("div", K, [
-        s("div", G, [
-          A(e.$slots, "input-prepend", { slotScope: "props" }),
-          a.range && !a.textRange ? (i(), g("div", J, [
-            s("div", Q, [
-              (i(), v(S(c.value), {
+      a.textInput ? (o(), V("div", te, [
+        c("div", le, [
+          w(e.$slots, "input-prepend", { slotScope: "props" }),
+          a.range && !a.textRange ? (o(), V("div", ae, [
+            c("div", ne, [
+              (o(), b(A(m.value), {
                 uid: `${a.id}-from`,
-                modelValue: $.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (l) => $.value = l),
-                locale: d.value,
-                format: w,
-                "text-input": p.value,
+                modelValue: D.value,
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => D.value = n),
+                locale: s.value,
+                format: q,
+                "text-input": N.value,
                 disabled: a.disabled,
                 "read-only": a.readOnly,
                 required: a.required,
+                "max-date": h.value,
                 "auto-apply": !0
-              }, null, 8, ["uid", "modelValue", "locale", "text-input", "disabled", "read-only", "required"]))
+              }, null, 8, ["uid", "modelValue", "locale", "text-input", "disabled", "read-only", "required", "max-date"]))
             ]),
-            s("div", W, [
-              (i(), v(S(c.value), {
+            c("div", re, [
+              (o(), b(A(m.value), {
                 uid: `${a.id}-to`,
-                modelValue: V.value,
-                "onUpdate:modelValue": t[1] || (t[1] = (l) => V.value = l),
-                locale: d.value,
-                format: w,
-                "text-input": p.value,
+                modelValue: h.value,
+                "onUpdate:modelValue": t[1] || (t[1] = (n) => h.value = n),
+                locale: s.value,
+                format: q,
+                "text-input": N.value,
                 disabled: a.disabled,
                 "read-only": a.readOnly,
                 required: a.required,
+                "min-date": D.value,
                 "auto-apply": !0
-              }, null, 8, ["uid", "modelValue", "locale", "text-input", "disabled", "read-only", "required"]))
+              }, null, 8, ["uid", "modelValue", "locale", "text-input", "disabled", "read-only", "required", "min-date"]))
             ])
-          ])) : (i(), v(S(c.value), {
+          ])) : (o(), b(A(m.value), {
             key: 1,
             uid: `${a.id}-input-to`,
-            modelValue: o.value,
-            "onUpdate:modelValue": t[2] || (t[2] = (l) => o.value = l),
-            format: w,
-            locale: d.value,
+            modelValue: $.value,
+            "onUpdate:modelValue": t[2] || (t[2] = (n) => $.value = n),
+            format: q,
+            locale: s.value,
             range: a.textRange,
-            "text-input": p.value,
+            "text-input": N.value,
             disabled: a.disabled,
             "read-only": a.readOnly,
             required: a.required,
             "auto-apply": !0
           }, null, 8, ["uid", "modelValue", "locale", "range", "text-input", "disabled", "read-only", "required"])),
-          A(e.$slots, "input-append", { slotScope: "props" })
+          w(e.$slots, "input-append", { slotScope: "props" })
         ])
-      ])) : h("", !0),
-      a.inline ? (i(), g("div", X, [
-        s("div", _, [
-          (i(), v(S(c.value), {
+      ])) : x("", !0),
+      a.inline ? (o(), V("div", ue, [
+        c("div", oe, [
+          (o(), b(A(m.value), {
             uid: `${a.id}-inline`,
-            modelValue: o.value,
-            "onUpdate:modelValue": t[3] || (t[3] = (l) => o.value = l),
-            locale: d.value,
+            modelValue: $.value,
+            "onUpdate:modelValue": t[3] || (t[3] = (n) => $.value = n),
+            locale: s.value,
             cancelText: "abbrechen",
             selectText: "auswählen",
             range: a.range,
@@ -254,10 +282,10 @@ const z = { class: "row" }, E = { class: "col-12" }, F = ["for", "innerHTML"], K
             "month-name-format": "long"
           }, null, 8, ["uid", "modelValue", "locale", "range", "multi-calendars", "partial-range", "disabled", "read-only", "required"]))
         ])
-      ])) : h("", !0)
+      ])) : x("", !0)
     ]));
   }
 });
 export {
-  de as default
+  ve as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.3.96",
+  "version": "0.3.97",
   "dependencies": {
     "date-fns": "^3.0.0",
     "dompurify": "^3.3.1",