ablok-components 0.3.103 → 0.3.105

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

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

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.3.103",
+  "version": "0.3.105",
   "dependencies": {
+    "@vuepic/vue-datepicker": "^14.0.0",
     "date-fns": "^4.4.0",
     "dompurify": "^3.4.13",
     "html2canvas": "^1.4.1",
@@ -10,16 +11,15 @@
     "ofetch": "^1.5.1"
   },
   "peerDependencies": {
-    "@tiptap/core": "^3.18.0",
-    "@tiptap/extension-bold": "^3.18.0",
-    "@tiptap/extension-highlight": "^3.18.0",
-    "@tiptap/extension-link": "^3.18.0",
-    "@tiptap/extension-text-align": "^3.18.0",
-    "@tiptap/pm": "^3.18.0",
-    "@tiptap/starter-kit": "^3.18.0",
-    "@tiptap/vue-3": "^3.18.0",
+    "@tiptap/core": "^3.30.0",
+    "@tiptap/extension-bold": "^3.30.0",
+    "@tiptap/extension-highlight": "^3.30.0",
+    "@tiptap/extension-link": "^3.30.0",
+    "@tiptap/extension-text-align": "^3.30.0",
+    "@tiptap/pm": "^3.30.0",
+    "@tiptap/starter-kit": "^3.30.0",
+    "@tiptap/vue-3": "^3.30.0",
     "@vue-leaflet/vue-leaflet": "^0.10.1",
-    "@vuepic/vue-datepicker": "^12.1.0",
     "canvas-confetti": "^1.9.4",
     "leaflet": "^1.9.4",
     "qr-code-styling": "^1.9.2",
@@ -96,8 +96,6 @@
     "vite-plugin-dts": "^5.0.3",
     "vite-plugin-mkcert": "^2.1.0",
     "vitest": "^4.1.10",
-    "vscode-oniguruma": "^2.0.1",
-    "vscode-textmate": "^9.3.2",
     "vue-i18n": "^11.4.8",
     "vue-tsc": "^3.3.9"
   },