ablok-components 0.3.106 → 0.3.111

package/dist/components/molecules/image-crop/image-crop.vue.d.ts

@@ -1,6 +1,8 @@
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import('../../../../vue/dist/vue.esm-bundler.js').DefineComponent<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import('../../../../vue/dist/vue.esm-bundler.js').DefineComponent<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
@@ -53,9 +55,10 @@ declare const __VLS_export: __VLS_WithSlots<import('../../../../vue/dist/vue.esm
     ready: boolean;
     modelValue: string;
     aspectRatioOptions: number[];
-}, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, any>, {
-    actions?: (props: {}) => any;
-}>;
+}, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/molecules/image-crop/image-crop.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,10 @@
 import e from "../input-dropdown/input-dropdown.js";
-/* empty css                                                                                                                               */
-import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, onBeforeMount as o, openBlock as s, ref as c, renderSlot as l, toDisplayString as u, unref as d, useTemplateRef as f, withModifiers as p } from "vue";
-import { Cropper as m } from "vue-advanced-cropper";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, markRaw as s, onBeforeMount as c, onMounted as l, openBlock as u, ref as d, renderSlot as f, resolveDynamicComponent as p, shallowRef as m, toDisplayString as h, useTemplateRef as g, withModifiers as _ } from "vue";
 //#region src/components/molecules/image-crop/image-crop.vue?vue&type=script&setup=true&lang.ts
-var h = {
+var v = {
 	key: 0,
 	class: "image-crop"
-}, g = { class: "row mb-4" }, _ = { class: "col" }, v = { class: "row" }, y = { class: "col d-flex gap-2 justify-content-end gap-2" }, b = /*@__PURE__*/ a({
+}, y = { class: "row mb-4" }, b = { class: "col" }, x = { class: "row" }, S = { class: "col d-flex gap-2 justify-content-end gap-2" }, C = /*@__PURE__*/ o({
 	__name: "image-crop",
 	props: {
 		modelValue: {
@@ -54,38 +52,46 @@ var h = {
 		suggestedAspectRatio: Number
 	},
 	emits: ["update:modelValue"],
-	setup(a, { emit: b }) {
-		let x = a, S = b, C = f("cropper"), w = c(0);
-		function T() {
-			let { canvas: e } = C.value?.getResult(), t = e.toDataURL();
-			S("update:modelValue", t);
+	setup(o, { emit: C }) {
+		let w = m(null);
+		l(async () => {
+			let [{ Cropper: e }] = await Promise.all([import("vue-advanced-cropper"), Promise.resolve({                                                                                                                          })]);
+			w.value = s(e);
+		});
+		let T = o, E = C, D = g("cropper"), O = d(0);
+		function k() {
+			let e = D.value?.getResult();
+			if (!e?.canvas) return;
+			let t = e.canvas.toDataURL();
+			E("update:modelValue", t);
 		}
-		return o(() => {
-			w.value = x.suggestedAspectRatio || 0;
-		}), (o, c) => a.modelValue ? (s(), n("div", h, [
-			r("div", g, [r("div", _, [i(d(m), {
+		return c(() => {
+			O.value = T.suggestedAspectRatio || 0;
+		}), (s, c) => o.modelValue ? (u(), r("div", v, [
+			i("div", y, [i("div", b, [w.value ? (u(), t(p(w.value), {
+				key: 0,
 				ref: "cropper",
 				class: "cropper",
-				src: a.modelValue,
-				"stencil-props": { ...w.value === 0 ? {} : { aspectRatio: w.value } },
+				src: o.modelValue,
+				"stencil-props": { ...O.value === 0 ? {} : { aspectRatio: O.value } },
 				"resize-image": !1
-			}, null, 8, ["src", "stencil-props"])])]),
-			c[1] ||= r("hr", null, null, -1),
-			r("div", v, [r("div", y, [
-				i(e, {
-					modelValue: w.value,
-					"onUpdate:modelValue": c[0] ||= (e) => w.value = e,
-					options: a.aspectRatioOptions,
+			}, null, 8, ["src", "stencil-props"])) : n("", !0)])]),
+			c[1] ||= i("hr", null, null, -1),
+			i("div", x, [i("div", S, [
+				a(e, {
+					modelValue: O.value,
+					"onUpdate:modelValue": c[0] ||= (e) => O.value = e,
+					options: o.aspectRatioOptions,
 					class: "mb-0"
 				}, null, 8, ["modelValue", "options"]),
-				l(o.$slots, "actions"),
-				r("button", {
+				f(s.$slots, "actions"),
+				i("button", {
 					class: "btn btn-sm btn-primary",
-					onClick: p(T, ["prevent", "stop"])
-				}, u(o.$t("common.apply")), 1)
+					onClick: _(k, ["prevent", "stop"])
+				}, h(s.$t("common.apply")), 1)
 			])])
-		])) : t("", !0);
+		])) : n("", !0);
 	}
 });
 //#endregion
-export { b as default };
+export { C as default };

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

@@ -6,15 +6,14 @@ import r from "../../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/
 import i from "../../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/fr.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, normalizeClass as d, onMounted as f, openBlock as p, ref as m, renderSlot as h, resolveDynamicComponent as g, shallowRef as _, unref as v, watch as y } from "vue";
 import { useI18n as b } from "vue-i18n";
-import { WeekStart as x } from "@vuepic/vue-datepicker";
 //#region src/components/molecules/input-datepicker/input-datepicker.vue?vue&type=script&setup=true&lang.ts
-var S = { class: "row" }, C = { class: "col-12" }, w = ["for", "innerHTML"], T = { key: 0 }, E = { class: "input-group justify-content-center" }, D = {
+var x = { class: "row" }, S = { class: "col-12" }, C = ["for", "innerHTML"], w = { key: 0 }, T = { class: "input-group justify-content-center" }, E = {
 	key: 0,
 	class: "row"
-}, O = { class: "col-12 col-md-6" }, k = { class: "col-12 col-md-6" }, A = {
+}, D = { class: "col-12 col-md-6" }, O = { class: "col-12 col-md-6" }, k = {
 	key: 1,
 	class: "row"
-}, j = { class: "col-12" }, M = /*@__PURE__*/ u({
+}, A = { class: "col-12" }, j = /*@__PURE__*/ u({
 	__name: "input-datepicker",
 	props: {
 		modelValue: {
@@ -102,7 +101,10 @@ var S = { class: "row" }, C = { class: "col-12" }, w = ["for", "innerHTML"], T =
 		"update:to"
 	],
 	setup(t, { emit: u }) {
-		let M = _(null);
+		let j = {
+			Sunday: 0,
+			Monday: 1
+		}, M = _(null);
 		f(async () => {
 			let { VueDatePicker: e } = await import("@vuepic/vue-datepicker");
 			M.value = e, console.log("VueDatePicker loaded:", F.value, N.locale);
@@ -116,10 +118,10 @@ var S = { class: "row" }, C = { class: "col-12" }, w = ["for", "innerHTML"], T =
 			return I[e] || r;
 		}), R = a(() => {
 			switch (N.locale || F.value) {
-				case "en": return x.Sunday;
+				case "en": return j.Sunday;
 				case "de":
-				case "fr": return x.Monday;
-				default: return x.Sunday;
+				case "fr": return j.Monday;
+				default: return j.Sunday;
 			}
 		}), z = a(() => N.inline || !N.picker ? {
 			openMenu: !1,
@@ -214,15 +216,15 @@ var S = { class: "row" }, C = { class: "col-12" }, w = ["for", "innerHTML"], T =
 		}
 		let $ = (e) => (e = Array.isArray(e) ? e.map((e) => X(e)).join(" - ") : X(e), e);
 		return (n, r) => (p(), c("div", { class: d(["input", "input--datepicker"]) }, [
-			h(n.$slots, "label", {}, () => [l("div", S, [l("div", C, [t.label ? (p(), c("label", {
+			h(n.$slots, "label", {}, () => [l("div", x, [l("div", S, [t.label ? (p(), c("label", {
 				key: 0,
 				for: t.id,
 				class: "input__label",
 				innerHTML: v(e)(`${t.label}${t.required ? " *" : ""}`)
-			}, null, 8, w)) : s("", !0)])])]),
-			t.textInput ? (p(), c("div", T, [l("div", E, [
+			}, null, 8, C)) : s("", !0)])])]),
+			t.textInput ? (p(), c("div", w, [l("div", T, [
 				h(n.$slots, "input-prepend", { slotScope: "props" }),
-				t.range && !t.textRange ? (p(), c("div", D, [l("div", O, [(p(), o(g(M.value), {
+				t.range && !t.textRange ? (p(), c("div", E, [l("div", D, [(p(), o(g(M.value), {
 					uid: `${t.id}-from`,
 					modelValue: J.value,
 					"onUpdate:modelValue": r[0] ||= (e) => J.value = e,
@@ -245,7 +247,7 @@ var S = { class: "row" }, C = { class: "col-12" }, w = ["for", "innerHTML"], T =
 					"required",
 					"max-date",
 					"week-start"
-				]))]), l("div", k, [(p(), o(g(M.value), {
+				]))]), l("div", O, [(p(), o(g(M.value), {
 					uid: `${t.id}-to`,
 					modelValue: Y.value,
 					"onUpdate:modelValue": r[1] ||= (e) => Y.value = e,
@@ -295,7 +297,7 @@ var S = { class: "row" }, C = { class: "col-12" }, w = ["for", "innerHTML"], T =
 				])),
 				h(n.$slots, "input-append", { slotScope: "props" })
 			])])) : s("", !0),
-			t.inline ? (p(), c("div", A, [l("div", j, [(p(), o(g(M.value), {
+			t.inline ? (p(), c("div", k, [l("div", A, [(p(), o(g(M.value), {
 				uid: `${t.id}-inline`,
 				modelValue: q.value,
 				"onUpdate:modelValue": r[3] ||= (e) => q.value = e,
@@ -334,4 +336,4 @@ var S = { class: "row" }, C = { class: "col-12" }, w = ["for", "innerHTML"], T =
 	}
 });
 //#endregion
-export { M as default };
+export { j as default };

package/package.json

@@ -1,17 +1,9 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.3.106",
+  "version": "0.3.111",
   "type": "module",
   "dependencies": {
-    "@vuepic/vue-datepicker": "^14.0.0",
-    "date-fns": "^4.4.0",
-    "dompurify": "^3.4.13",
-    "html2canvas": "^1.4.1",
-    "lodash": "^4.18.1",
-    "ofetch": "^1.5.1"
-  },
-  "peerDependencies": {
     "@tiptap/core": "^3.30.0",
     "@tiptap/extension-bold": "^3.30.0",
     "@tiptap/extension-highlight": "^3.30.0",
@@ -21,57 +13,21 @@
     "@tiptap/starter-kit": "^3.30.0",
     "@tiptap/vue-3": "^3.30.0",
     "@vue-leaflet/vue-leaflet": "^0.10.1",
+    "@vuepic/vue-datepicker": "^14.0.0",
     "canvas-confetti": "^1.9.4",
+    "date-fns": "^4.4.0",
+    "dompurify": "^3.4.13",
+    "html2canvas": "^1.4.1",
     "leaflet": "^1.9.4",
+    "lodash": "^4.18.1",
+    "ofetch": "^1.5.1",
     "qr-code-styling": "^1.9.2",
+    "vue-advanced-cropper": "^2.8.9"
+  },
+  "peerDependencies": {
     "vue": "^3.5.27",
-    "vue-advanced-cropper": "^2.8.9",
     "vue-i18n": "^11.2.8"
   },
-  "peerDependenciesMeta": {
-    "@tiptap/core": {
-      "optional": true
-    },
-    "@tiptap/extension-bold": {
-      "optional": true
-    },
-    "@tiptap/extension-highlight": {
-      "optional": true
-    },
-    "@tiptap/extension-link": {
-      "optional": true
-    },
-    "@tiptap/extension-text-align": {
-      "optional": true
-    },
-    "@tiptap/pm": {
-      "optional": true
-    },
-    "@tiptap/starter-kit": {
-      "optional": true
-    },
-    "@tiptap/vue-3": {
-      "optional": true
-    },
-    "@vue-leaflet/vue-leaflet": {
-      "optional": true
-    },
-    "leaflet": {
-      "optional": true
-    },
-    "@vuepic/vue-datepicker": {
-      "optional": true
-    },
-    "canvas-confetti": {
-      "optional": true
-    },
-    "vue-advanced-cropper": {
-      "optional": true
-    },
-    "qr-code-styling": {
-      "optional": true
-    }
-  },
   "devDependencies": {
     "@histoire/plugin-vue": "1.0.0-beta.1",
     "@popperjs/core": "^2.11.8",
@@ -111,6 +67,10 @@
       "import": "./dist/index.js",
       "require": "./dist/ablok-components.umd.js"
     },
+    "./*.vue": {
+      "types": "./dist/*.vue.d.ts",
+      "import": "./dist/*.js"
+    },
     "./*": {
       "types": "./dist/*.d.ts",
       "import": "./dist/*.js"