ablok-components 0.3.104 → 0.3.106

package/dist/components/molecules/upload-group/upload-group.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,184 @@
+import e from "../../atoms/svg-icon/svg-icon.js";
+import { sanitizeHtml as t } from "../../../composables/useSanitize.js";
+import { uniqueId as n } from "../../../utilities/helpers.js";
+import r from "../file-upload/file-upload.js";
+import i from "../../templates/sortable-list/sortable-list.js";
+import a from "../image-upload/image-upload.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, nextTick as p, openBlock as m, ref as h, renderSlot as g, unref as _, watch as v, withCtx as y, withModifiers as b } from "vue";
+//#region src/components/molecules/upload-group/upload-group.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "upload-group" }, S = ["innerHTML"], C = { class: "upload-group__list" }, w = { class: "img-container" }, T = ["src"], E = { class: "item-overlay" }, D = ["onClick"], O = {
+	role: "button",
+	class: "img-thumbnail d-flex justify-content-center align-items-center"
+}, k = {
+	role: "button",
+	class: "img-thumbnail d-flex justify-content-center align-items-center"
+}, A = /*@__PURE__*/ f({
+	__name: "upload-group",
+	props: {
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		name: {
+			type: String,
+			default: () => n()
+		},
+		id: {
+			type: String,
+			default: () => n()
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		variant: {
+			type: String,
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		accept: { type: String },
+		maxFileSize: {
+			type: Number,
+			default: 0
+		},
+		endpoint: {
+			type: String,
+			default: ""
+		},
+		authToken: {
+			type: String,
+			default: ""
+		},
+		customFetch: null,
+		baseResponsePath: {
+			type: String,
+			default: "/api/v1/assets"
+		},
+		previewWidth: {
+			type: Number,
+			default: 0
+		},
+		useImageUpload: {
+			type: Boolean,
+			default: !1
+		},
+		maxImageWidth: {
+			type: Number,
+			default: 0
+		},
+		aspectRatio: Number,
+		localUrlFormat: {
+			type: String,
+			default: "dataUrl"
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(n, { emit: f }) {
+		let A = n, j = f, M = h(""), N = o({
+			get() {
+				return A.modelValue;
+			},
+			set(e) {
+				j("update:modelValue", e);
+			}
+		});
+		function P(e) {
+			j("update:modelValue", [...A.modelValue.slice(0, e), ...A.modelValue.slice(e + 1)]);
+		}
+		return v(M, async (e, t) => {
+			e && t !== e && (j("update:modelValue", [...N.value, e]), await p(), M.value = "");
+		}), (o, f) => (m(), l("div", x, [n.label ? (m(), l("label", {
+			key: 0,
+			innerHTML: _(t)(n.label)
+		}, null, 8, S)) : c("", !0), u("div", C, [d(i, {
+			modelValue: N.value,
+			"onUpdate:modelValue": f[2] ||= (e) => N.value = e,
+			vertical: !1,
+			class: "mb-3"
+		}, {
+			"list-item": y(({ item: t, index: r }) => [u("div", w, [u("img", {
+				src: `${t}${n.previewWidth ? `?width=${n.previewWidth}` : ""}`,
+				class: "img-thumbnail"
+			}, null, 8, T), u("div", E, [u("button", {
+				onClick: b((e) => P(r), ["prevent"]),
+				class: "btn btn--close"
+			}, [d(e, { symbol: "x" })], 8, D), g(o.$slots, "item-overlay", {
+				item: t,
+				index: r
+			})])])]),
+			"list-append": y(() => [n.useImageUpload ? (m(), s(a, {
+				key: 0,
+				src: M.value,
+				"onUpdate:src": f[0] ||= (e) => M.value = e,
+				endpoint: n.endpoint,
+				"custom-fetch": n.customFetch,
+				"to-data-url": !n.endpoint,
+				"auth-token": n.authToken,
+				disabled: n.disabled,
+				"base-response-path": n.baseResponsePath,
+				accept: n.accept,
+				"max-file-size": n.maxFileSize,
+				"max-image-width": n.maxImageWidth,
+				"enable-preview": !1,
+				"aspect-ratio": n.aspectRatio,
+				"local-url-format": n.localUrlFormat
+			}, {
+				button: y(() => [u("span", O, [d(e, { symbol: "plus" })])]),
+				_: 1
+			}, 8, [
+				"src",
+				"endpoint",
+				"custom-fetch",
+				"to-data-url",
+				"auth-token",
+				"disabled",
+				"base-response-path",
+				"accept",
+				"max-file-size",
+				"max-image-width",
+				"aspect-ratio",
+				"local-url-format"
+			])) : (m(), s(r, {
+				key: 1,
+				src: M.value,
+				"onUpdate:src": f[1] ||= (e) => M.value = e,
+				multiple: !1,
+				endpoint: n.endpoint,
+				"custom-fetch": n.customFetch,
+				"to-data-url": !n.endpoint,
+				"auth-token": n.authToken,
+				disabled: n.disabled,
+				"base-response-path": n.baseResponsePath,
+				accept: n.accept,
+				"max-file-size": n.maxFileSize,
+				"max-image-width": n.maxImageWidth,
+				"local-url-format": n.localUrlFormat
+			}, {
+				button: y(() => [u("span", k, [d(e, { symbol: "plus" })])]),
+				_: 1
+			}, 8, [
+				"src",
+				"endpoint",
+				"custom-fetch",
+				"to-data-url",
+				"auth-token",
+				"disabled",
+				"base-response-path",
+				"accept",
+				"max-file-size",
+				"max-image-width",
+				"local-url-format"
+			]))]),
+			_: 3
+		}, 8, ["modelValue"])])]));
+	}
+});
+//#endregion
+export { A as default };

package/dist/components/organisms/asset-uploader/asset-uploader.js

@@ -0,0 +1,5 @@
+import e from "./asset-uploader.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/organisms/asset-uploader/asset-uploader.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/organisms/asset-uploader/asset-uploader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,167 @@
+import { sanitizeHtml as e } from "../../../composables/useSanitize.js";
+import { uniqueId as t } from "../../../utilities/helpers.js";
+import n from "../../molecules/input-dropdown/input-dropdown.js";
+import r from "../../molecules/upload-group/upload-group.js";
+import { computed as i, createCommentVNode as a, createElementBlock as o, createSlots as s, createVNode as c, defineComponent as l, openBlock as u, unref as d, withCtx as f } from "vue";
+//#region src/components/organisms/asset-uploader/asset-uploader.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "asset-uploader" }, m = ["innerHTML"], h = /*@__PURE__*/ l({
+	__name: "asset-uploader",
+	props: {
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		name: {
+			type: String,
+			default: () => t()
+		},
+		id: {
+			type: String,
+			default: () => t()
+		},
+		type: {
+			type: String,
+			default: ""
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		variant: {
+			type: String,
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		accept: { type: String },
+		maxFileSize: {
+			type: Number,
+			default: 0
+		},
+		endpoint: {
+			type: String,
+			default: ""
+		},
+		authToken: {
+			type: String,
+			default: ""
+		},
+		customFetch: null,
+		mediaTypeMap: {
+			type: Object,
+			default: () => ({
+				svg: "Svg",
+				png: "Image",
+				jpg: "Image"
+			})
+		},
+		baseResponsePath: {
+			type: String,
+			default: "/api/v1/assets"
+		},
+		previewWidth: {
+			type: Number,
+			default: 0
+		},
+		useImageUpload: {
+			type: Boolean,
+			default: !1
+		},
+		maxImageWidth: {
+			type: Number,
+			default: 0
+		},
+		aspectRatio: Number,
+		showTypeDropdown: {
+			type: Boolean,
+			default: !1
+		},
+		typeOptions: {
+			type: Array,
+			default: () => [
+				"background",
+				"overlay",
+				"object"
+			]
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: l }) {
+		let h = t, g = l, _ = i({
+			get() {
+				return h.modelValue.map((e) => e.src);
+			},
+			set(e) {
+				g("update:modelValue", e.map((e, t) => {
+					let n = h.showTypeDropdown && h.modelValue[t]?.type || h.type;
+					return {
+						mediaType: h.modelValue[t] && h.modelValue[t].mediaType || e.includes("data:image") ? e.includes("data:image/svg") ? "Svg" : "Image" : h.mediaTypeMap[e.split(".")[1]],
+						src: e,
+						name: h.modelValue[t] && h.modelValue[t].name || `${h.name}-${t}`,
+						...n ? { type: n } : {}
+					};
+				}));
+			}
+		});
+		function v(e, t) {
+			g("update:modelValue", h.modelValue.map((n, r) => r === e ? {
+				...n,
+				type: t
+			} : n));
+		}
+		return (i, l) => (u(), o("div", p, [t.label ? (u(), o("label", {
+			key: 0,
+			innerHTML: d(e)(t.label)
+		}, null, 8, m)) : a("", !0), c(r, {
+			modelValue: _.value,
+			"onUpdate:modelValue": l[0] ||= (e) => _.value = e,
+			endpoint: t.endpoint,
+			"custom-fetch": t.customFetch,
+			"auth-token": t.authToken,
+			disabled: t.disabled,
+			"preview-width": t.previewWidth,
+			"base-response-path": t.baseResponsePath,
+			accept: t.accept,
+			"max-file-size": t.maxFileSize,
+			"use-image-upload": t.useImageUpload,
+			"max-image-width": t.maxImageWidth,
+			"aspect-ratio": t.aspectRatio
+		}, s({ _: 2 }, [t.showTypeDropdown ? {
+			name: "item-overlay",
+			fn: f(({ index: e }) => [c(n, {
+				name: `${t.name}-type-${e}`,
+				options: t.typeOptions,
+				"model-value": t.modelValue[e]?.type || null,
+				placeholder: "type",
+				"onUpdate:modelValue": (t) => v(e, t)
+			}, null, 8, [
+				"name",
+				"options",
+				"model-value",
+				"onUpdate:modelValue"
+			])]),
+			key: "0"
+		} : void 0]), 1032, [
+			"modelValue",
+			"endpoint",
+			"custom-fetch",
+			"auth-token",
+			"disabled",
+			"preview-width",
+			"base-response-path",
+			"accept",
+			"max-file-size",
+			"use-image-upload",
+			"max-image-width",
+			"aspect-ratio"
+		])]));
+	}
+});
+//#endregion
+export { h as default };

package/dist/components/organisms/location-finder/location-finder.js

@@ -0,0 +1,6 @@
+import e from "./location-finder.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                */
+//#region src/components/organisms/location-finder/location-finder.vue
+var t = e;
+//#endregion
+export { t as default };