ablok-components 0.3.104 → 0.3.106

package/dist/components/molecules/qr-code/qr-code.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,80 @@
+import { computed as e, createElementBlock as t, defineComponent as n, onMounted as r, openBlock as i, ref as a, watch as o } from "vue";
+import s from "qr-code-styling";
+//#region src/components/molecules/qr-code/qr-code.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "qr-code" }, l = ["innerHTML"], u = /*@__PURE__*/ n({
+	__name: "qr-code",
+	props: {
+		data: null,
+		image: null,
+		download: {
+			type: Boolean,
+			default: !1
+		},
+		filename: {
+			type: String,
+			default: "qr-code"
+		}
+	},
+	emits: ["update:dataUrl"],
+	setup(n, { expose: u, emit: d }) {
+		let f = n, p = a(), m = e(() => ({
+			width: 300,
+			height: 300,
+			type: "canvas",
+			data: f.data,
+			...f.image ? { image: f.image } : {},
+			margin: 10,
+			qrOptions: {
+				typeNumber: 0,
+				mode: "Byte",
+				errorCorrectionLevel: "Q"
+			},
+			imageOptions: {
+				hideBackgroundDots: !0,
+				imageSize: .4,
+				margin: 20,
+				crossOrigin: "anonymous"
+			},
+			dotsOptions: { type: "rounded" },
+			backgroundOptions: { color: "#ffffff" },
+			cornersSquareOptions: {
+				color: "#333333",
+				type: "extra-rounded"
+			},
+			cornersDotOptions: {
+				color: "#333333",
+				type: "dot"
+			}
+		}));
+		function h(e = null, t = null) {
+			typeof window < "u" && (p.value && (p.value.innerHTML = ""), new s(e || m.value).append(p.value));
+		}
+		function g() {
+			new s({
+				...m.value,
+				width: 1200,
+				height: 1200
+			}).download({
+				name: f.filename,
+				extension: "png"
+			});
+		}
+		return o(() => m.value, h, {
+			deep: !0,
+			immediate: !0
+		}), r(() => {
+			typeof window < "u" && h();
+		}), u({ download: g }), (e, n) => (i(), t("div", c, [f.download ? (i(), t("button", {
+			key: 0,
+			class: "btn btn-outline-contrast mb-3",
+			onClick: g,
+			innerHTML: e.$t("qrlink.download")
+		}, null, 8, l)) : (i(), t("div", {
+			key: 1,
+			ref_key: "canvas",
+			ref: p
+		}, null, 512))]));
+	}
+});
+//#endregion
+export { u as default };

package/dist/components/molecules/radio-buttons/radio-buttons.js

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

package/dist/components/molecules/radio-buttons/radio-buttons.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,76 @@
+import { uniqueId as e } from "../../../utilities/helpers.js";
+import t from "../../atoms/radio-group/radio-group.js";
+import { computed as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, openBlock as s, toDisplayString as c, withCtx as l } from "vue";
+//#region src/components/molecules/radio-buttons/radio-buttons.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "radio-buttons" }, d = ["for"], f = /*@__PURE__*/ o({
+	__name: "radio-buttons",
+	props: {
+		modelValue: {
+			type: null,
+			default: ""
+		},
+		options: {
+			type: Array,
+			default: []
+		},
+		name: {
+			type: String,
+			default: () => e()
+		},
+		id: {
+			type: String,
+			default: () => e()
+		},
+		label: { type: String },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		keyOption: { type: null },
+		itemClass: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["update:modelValue", "update:selection"],
+	setup(e, { emit: o }) {
+		let f = e, p = o, m = n({
+			get() {
+				return f.modelValue;
+			},
+			set(e) {
+				p("update:modelValue", e);
+			}
+		});
+		return (n, o) => (s(), r("div", u, [a(t, {
+			modelValue: m.value,
+			"onUpdate:modelValue": o[0] ||= (e) => m.value = e,
+			options: e.options,
+			name: e.name,
+			id: e.id,
+			disabled: e.disabled,
+			required: e.required,
+			class: "d-flex flex-column gap-3 justify-content-center"
+		}, {
+			"option-label": l((t) => [i("label", {
+				for: `${e.id}-${t.index}`,
+				class: "d-block btn btn-outline-primary p-3 fw-bold",
+				role: "button"
+			}, c(t.option.text), 9, d)]),
+			_: 1
+		}, 8, [
+			"modelValue",
+			"options",
+			"name",
+			"id",
+			"disabled",
+			"required"
+		])]));
+	}
+});
+//#endregion
+export { f as default };

package/dist/components/molecules/rte-editor/rte-editor.js

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

package/dist/components/molecules/rte-editor/rte-editor.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,384 @@
+import e from "../../atoms/svg-icon/svg-icon.js";
+import { Teleport as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, onBeforeUnmount as l, onMounted as u, openBlock as d, ref as f, resolveDynamicComponent as p, shallowRef as m, watch as h } from "vue";
+//#region src/components/molecules/rte-editor/rte-editor.vue?vue&type=script&setup=true&lang.ts
+var g = {
+	key: 0,
+	class: "rte-editor__controls mb-2"
+}, _ = ["disabled"], v = ["disabled"], y = { class: "btn-group" }, b = ["disabled"], x = ["disabled"], S = { class: "btn-group" }, C = { class: "dropdown" }, w = {
+	class: "btn dropdown-toggle btn-light",
+	"data-bs-toggle": "dropdown",
+	role: "button",
+	type: "button"
+}, T = { class: "dropdown-menu" }, E = { class: "dropdown" }, D = {
+	class: "btn dropdown-toggle btn-light",
+	"data-bs-toggle": "dropdown",
+	role: "button",
+	type: "button"
+}, O = { class: "dropdown-menu" }, k = { class: "btn-group" }, A = ["disabled"], j = ["disabled"], M = ["title"], N = /*@__PURE__*/ s({
+	inheritAttrs: !1,
+	__name: "rte-editor",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		iconBasePath: {
+			type: String,
+			default: "/rte-icons-defs.svg"
+		},
+		allowFullscreen: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(s, { emit: N }) {
+		let P = s, F = N, I = f(!1), L = f(!1), R = m(void 0), z = m(null);
+		u(async () => {
+			let [{ Editor: e, mergeAttributes: t }, { EditorContent: n }, { default: r }, { default: i }, { default: a }, { default: o }, { default: s }] = await Promise.all([
+				import("@tiptap/core"),
+				import("@tiptap/vue-3"),
+				import("@tiptap/extension-highlight"),
+				import("@tiptap/extension-text-align"),
+				import("@tiptap/extension-link"),
+				import("@tiptap/starter-kit"),
+				import("@tiptap/extension-bold")
+			]);
+			z.value = n, R.value = new e({
+				content: P.modelValue,
+				onUpdate: () => {
+					F("update:modelValue", R.value?.getHTML());
+				},
+				extensions: [
+					o.configure({
+						bold: !1,
+						link: !1
+					}),
+					s.extend({
+						addAttributes() {
+							return { class: { default: null } };
+						},
+						parseHTML() {
+							return [{ tag: "strong" }, { tag: "b" }];
+						},
+						renderHTML({ HTMLAttributes: e }) {
+							return [
+								"strong",
+								t(this.options.HTMLAttributes, e),
+								0
+							];
+						}
+					}),
+					i.configure({ types: ["heading", "paragraph"] }),
+					r,
+					a.extend({
+						addAttributes() {
+							return {
+								...this.parent?.(),
+								class: { default: null },
+								id: { default: null },
+								title: { default: null }
+							};
+						},
+						parseHTML() {
+							return [{
+								tag: "a[href]",
+								getAttrs: (e) => ({
+									href: e.getAttribute("href"),
+									target: e.getAttribute("target"),
+									rel: e.getAttribute("rel"),
+									class: e.getAttribute("class"),
+									id: e.getAttribute("id"),
+									title: e.getAttribute("title")
+								})
+							}, {
+								tag: "a:not([href])",
+								getAttrs: (e) => ({
+									href: null,
+									target: e.getAttribute("target"),
+									rel: e.getAttribute("rel"),
+									class: e.getAttribute("class"),
+									id: e.getAttribute("id"),
+									title: e.getAttribute("title")
+								})
+							}];
+						},
+						renderHTML({ HTMLAttributes: e }) {
+							if (!e.href) {
+								let { href: n, target: r, rel: i, ...a } = e;
+								return [
+									"a",
+									t(a),
+									0
+								];
+							}
+							return [
+								"a",
+								t(this.options.HTMLAttributes, e),
+								0
+							];
+						}
+					}).configure({
+						openOnClick: !1,
+						autolink: !0,
+						defaultProtocol: "https",
+						protocols: ["http", "https"],
+						HTMLAttributes: {
+							target: "_blank",
+							rel: "noopener noreferrer"
+						}
+					})
+				]
+			});
+		}), l(() => {
+			R.value?.destroy();
+		}), h(() => P.modelValue, (e, t) => {
+			if (R.value) {
+				if (R.value.getHTML() === e) return;
+				R.value.commands.setContent(e);
+			}
+		});
+		function B() {
+			let e = R.value?.getAttributes("link").href, t = window.prompt("URL", e);
+			if (t !== null) {
+				if (t === "") {
+					R.value?.chain().focus().extendMarkRange("link").unsetLink().run();
+					return;
+				}
+				try {
+					R.value?.chain().focus().extendMarkRange("link").setLink({ href: t }).run();
+				} catch (e) {
+					alert(e.message);
+				}
+			}
+		}
+		let V = () => {
+			R.value?.commands.setContent(`<textarea>${R.value.getHTML()}</textarea>`), I.value = !0;
+		}, H = () => {
+			R.value?.commands.setContent(R.value.getText()), I.value = !1;
+		};
+		return (l, u) => (d(), n(t, {
+			to: "body",
+			disabled: !L.value
+		}, [a("div", { class: c([
+			L.value ? "" : l.$attrs.class,
+			"rte-editor",
+			{ "rte-editor--fullscreen": L.value }
+		]) }, [R.value ? (d(), i("div", g, [
+			I.value ? (d(), i("button", {
+				key: 1,
+				class: "btn btn-sm btn-light is-active",
+				onClick: H,
+				disabled: !R.value.can().chain().focus().toggleCode().run(),
+				title: "Toggle Source"
+			}, [o(e, {
+				symbol: "source",
+				"base-path": s.iconBasePath
+			}, null, 8, ["base-path"])], 8, v)) : (d(), i("button", {
+				key: 0,
+				class: c(["btn btn-sm btn-light", { "is-active": R.value.isActive("code") }]),
+				onClick: V,
+				disabled: !R.value.can().chain().focus().toggleCode().run(),
+				title: "Toggle Source"
+			}, [o(e, {
+				symbol: "source",
+				"base-path": s.iconBasePath
+			}, null, 8, ["base-path"])], 10, _)),
+			a("div", y, [a("button", {
+				class: c(["btn btn-sm btn-light", { "is-active": R.value.isActive("bold") }]),
+				onClick: u[0] ||= (e) => R.value?.chain().focus().toggleBold().run(),
+				disabled: !R.value.can().chain().focus().toggleBold().run(),
+				title: "Toggle Bold"
+			}, [o(e, {
+				symbol: "bold",
+				"base-path": s.iconBasePath
+			}, null, 8, ["base-path"])], 10, b), a("button", {
+				class: c(["btn btn-sm btn-light", { "is-active": R.value.isActive("italic") }]),
+				onClick: u[1] ||= (e) => R.value?.chain().focus().toggleItalic().run(),
+				disabled: !R.value.can().chain().focus().toggleItalic().run(),
+				title: "Toggle Italic"
+			}, [o(e, {
+				symbol: "italic",
+				"base-path": s.iconBasePath
+			}, null, 8, ["base-path"])], 10, x)]),
+			a("div", S, [
+				a("div", C, [a("button", w, [R.value.isActive("heading", { level: 1 }) ? (d(), n(e, {
+					key: 0,
+					symbol: "h1",
+					"base-path": s.iconBasePath
+				}, null, 8, ["base-path"])) : R.value.isActive("heading", { level: 2 }) ? (d(), n(e, {
+					key: 1,
+					symbol: "h2",
+					"base-path": s.iconBasePath
+				}, null, 8, ["base-path"])) : R.value.isActive("heading", { level: 3 }) ? (d(), n(e, {
+					key: 2,
+					symbol: "h3",
+					"base-path": s.iconBasePath
+				}, null, 8, ["base-path"])) : R.value.isActive("heading", { level: 4 }) ? (d(), n(e, {
+					key: 3,
+					symbol: "h4",
+					"base-path": s.iconBasePath
+				}, null, 8, ["base-path"])) : (d(), n(e, {
+					key: 4,
+					symbol: "headline",
+					"base-path": s.iconBasePath
+				}, null, 8, ["base-path"]))]), a("ul", T, [
+					a("li", null, [a("button", {
+						class: c(["btn btn-sm btn-light", { "is-active": R.value.isActive("heading", { level: 1 }) }]),
+						onClick: u[2] ||= (e) => R.value?.chain().focus().setHeading({ level: 1 }).run(),
+						title: "Set Heading 1"
+					}, [o(e, {
+						symbol: "h1",
+						"base-path": s.iconBasePath
+					}, null, 8, ["base-path"])], 2)]),
+					a("li", null, [a("button", {
+						class: c(["btn btn-sm btn-light", { "is-active": R.value.isActive("heading", { level: 2 }) }]),
+						onClick: u[3] ||= (e) => R.value?.chain().focus().setHeading({ level: 2 }).run(),
+						title: "Set Heading 2"
+					}, [o(e, {
+						symbol: "h2",
+						"base-path": s.iconBasePath
+					}, null, 8, ["base-path"])], 2)]),
+					a("li", null, [a("button", {
+						class: c(["btn btn-sm btn-light", { "is-active": R.value.isActive("heading", { level: 3 }) }]),
+						onClick: u[4] ||= (e) => R.value?.chain().focus().setHeading({ level: 3 }).run(),
+						title: "Set Heading 3"
+					}, [o(e, {
+						symbol: "h3",
+						"base-path": s.iconBasePath
+					}, null, 8, ["base-path"])], 2)]),
+					a("li", null, [a("button", {
+						class: c(["btn btn-sm btn-light", { "is-active": R.value.isActive("heading", { level: 4 }) }]),
+						onClick: u[5] ||= (e) => R.value?.chain().focus().setHeading({ level: 4 }).run(),
+						title: "Set Heading 4"
+					}, [o(e, {
+						symbol: "h4",
+						"base-path": s.iconBasePath
+					}, null, 8, ["base-path"])], 2)])
+				])]),
+				a("button", {
+					class: c(["btn btn-sm btn-light", { "is-active": R.value.isActive("paragraph") }]),
+					onClick: u[6] ||= (e) => R.value?.chain().focus().setParagraph().run(),
+					title: "Set Paragraph"
+				}, [o(e, {
+					symbol: "paragraph",
+					"base-path": s.iconBasePath
+				}, null, 8, ["base-path"])], 2),
+				a("button", {
+					class: c(["btn btn-sm btn-light", { "is-active": R.value.isActive("bulletList") }]),
+					onClick: u[7] ||= (e) => R.value?.chain().focus().toggleBulletList().run(),
+					title: "Toggle Bullet List"
+				}, [o(e, {
+					symbol: "list",
+					"base-path": s.iconBasePath
+				}, null, 8, ["base-path"])], 2),
+				a("button", {
+					class: c(["btn btn-sm btn-light", { "is-active": R.value.isActive("orderedList") }]),
+					onClick: u[8] ||= (e) => R.value?.chain().focus().toggleOrderedList().run(),
+					title: "Toggle Ordered List"
+				}, [o(e, {
+					symbol: "ordered-list",
+					"base-path": s.iconBasePath
+				}, null, 8, ["base-path"])], 2)
+			]),
+			a("div", E, [a("button", D, [R.value.isActive({ textAlign: "center" }) ? (d(), n(e, {
+				key: 0,
+				symbol: "align-center",
+				"base-path": s.iconBasePath
+			}, null, 8, ["base-path"])) : R.value.isActive({ textAlign: "left" }) ? (d(), n(e, {
+				key: 1,
+				symbol: "align-left",
+				"base-path": s.iconBasePath
+			}, null, 8, ["base-path"])) : R.value.isActive({ textAlign: "right" }) ? (d(), n(e, {
+				key: 2,
+				symbol: "align-right",
+				"base-path": s.iconBasePath
+			}, null, 8, ["base-path"])) : (d(), n(e, {
+				key: 3,
+				symbol: "align-justify",
+				"base-path": s.iconBasePath
+			}, null, 8, ["base-path"]))]), a("ul", O, [
+				a("li", null, [a("button", {
+					class: c(["btn btn-sm btn-light", { "is-active": R.value.isActive({ textAlign: "left" }) }]),
+					onClick: u[9] ||= (e) => R.value?.chain().focus().setTextAlign("left").run()
+				}, [o(e, {
+					symbol: "align-left",
+					"base-path": s.iconBasePath
+				}, null, 8, ["base-path"])], 2)]),
+				a("li", null, [a("button", {
+					class: c(["btn btn-sm btn-light", { "is-active": R.value.isActive({ textAlign: "center" }) }]),
+					onClick: u[10] ||= (e) => R.value?.chain().focus().setTextAlign("center").run()
+				}, [o(e, {
+					symbol: "align-center",
+					"base-path": s.iconBasePath
+				}, null, 8, ["base-path"])], 2)]),
+				a("li", null, [a("button", {
+					class: c(["btn btn-sm btn-light", { "is-active": R.value.isActive({ textAlign: "right" }) }]),
+					onClick: u[11] ||= (e) => R.value?.chain().focus().setTextAlign("right").run()
+				}, [o(e, {
+					symbol: "align-right",
+					"base-path": s.iconBasePath
+				}, null, 8, ["base-path"])], 2)]),
+				a("li", null, [a("button", {
+					class: c(["btn btn-sm btn-light", { "is-active": R.value.isActive({ textAlign: "pretty" }) }]),
+					onClick: u[12] ||= (e) => R.value?.chain().focus().setTextAlign("right").run()
+				}, [o(e, {
+					symbol: "align-justify",
+					"base-path": s.iconBasePath
+				}, null, 8, ["base-path"])], 2)])
+			])]),
+			R.value.isActive("link") ? (d(), i("button", {
+				key: 3,
+				class: c(["btn btn-sm btn-light", { "is-active": R.value.isActive("link") }]),
+				onClick: u[13] ||= (e) => R.value.chain().focus().unsetLink().run(),
+				title: "Unset Link"
+			}, [o(e, {
+				symbol: "unlink",
+				"base-path": s.iconBasePath
+			}, null, 8, ["base-path"])], 2)) : (d(), i("button", {
+				key: 2,
+				class: c(["btn btn-sm btn-light", { "is-active": R.value.isActive("link") }]),
+				onClick: B,
+				title: "Set Link"
+			}, [o(e, {
+				symbol: "link",
+				"base-path": s.iconBasePath
+			}, null, 8, ["base-path"])], 2)),
+			a("div", k, [a("button", {
+				class: "btn btn-sm btn-light",
+				onClick: u[14] ||= (e) => R.value?.chain().focus().undo().run(),
+				disabled: !R.value.can().chain().focus().undo().run(),
+				title: "Undo"
+			}, [o(e, {
+				symbol: "undo",
+				"base-path": s.iconBasePath
+			}, null, 8, ["base-path"])], 8, A), a("button", {
+				class: "btn btn-sm btn-light",
+				onClick: u[15] ||= (e) => R.value?.chain().focus().redo().run(),
+				disabled: !R.value.can().chain().focus().redo().run(),
+				title: "Redo"
+			}, [o(e, {
+				symbol: "redo",
+				"base-path": s.iconBasePath
+			}, null, 8, ["base-path"])], 8, j)]),
+			s.allowFullscreen ? (d(), i("button", {
+				key: 4,
+				class: "btn btn-sm btn-light ms-auto",
+				onClick: u[16] ||= (e) => L.value = !L.value,
+				title: L.value ? "Exit Fullscreen" : "Fullscreen"
+			}, [o(e, {
+				symbol: L.value ? "close" : "maximize",
+				"base-path": s.iconBasePath
+			}, null, 8, ["symbol", "base-path"])], 8, M)) : r("", !0)
+		])) : r("", !0), (d(), n(p(z.value), {
+			class: "rte-editor__content",
+			editor: R.value
+		}, null, 8, ["editor"]))], 2)], 8, ["disabled"]));
+	}
+});
+//#endregion
+export { N as default };

package/dist/components/molecules/select-media/select-media.js

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

package/dist/components/molecules/select-media/select-media.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,82 @@
+import e from "../../atoms/base-image/base-image.js";
+import { uniqueId as t } from "../../../utilities/helpers.js";
+import n from "../../atoms/radio-group/radio-group.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, withCtx as f } from "vue";
+//#region src/components/molecules/select-media/select-media.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "select-media" }, m = ["for"], h = /*@__PURE__*/ l({
+	__name: "select-media",
+	props: {
+		modelValue: {
+			type: null,
+			default: ""
+		},
+		assets: {
+			type: Array,
+			default: []
+		},
+		name: {
+			type: String,
+			default: () => t()
+		},
+		id: {
+			type: String,
+			default: () => t()
+		},
+		label: { type: String },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		emitKey: {
+			type: String,
+			default: "src"
+		}
+	},
+	emits: ["update:modelValue", "update:selection"],
+	setup(t, { emit: l }) {
+		let h = t, g = l, _ = r({
+			get() {
+				return h.modelValue;
+			},
+			set(e) {
+				let t = h.assets.find((t) => t.id === e);
+				g("update:modelValue", h.emitKey ? t[h.emitKey] : t), h.emitKey && h.emitKey !== "id" && g("update:selection", t.id);
+			}
+		});
+		return (r, l) => (d(), o("div", p, [c(n, {
+			modelValue: _.value,
+			"onUpdate:modelValue": l[0] ||= (e) => _.value = e,
+			options: t.assets.map((e) => e.id),
+			name: t.name,
+			id: t.id,
+			disabled: t.disabled,
+			required: t.required,
+			class: "d-flex flex-wrap flex-row justify-content-center",
+			itemClass: "col-6 p-2"
+		}, {
+			"option-label": f((n) => [s("label", {
+				for: `${t.id}-${n.index}`,
+				class: u(["w-100", { "is-active": t.assets[n.index].id === _.value }]),
+				role: "button"
+			}, [t.assets[n.index].thumbnail ? (d(), i(e, {
+				key: 0,
+				src: t.assets[n.index].thumbnail,
+				alt: t.assets[n.index].id
+			}, null, 8, ["src", "alt"])) : a("", !0)], 10, m)]),
+			_: 1
+		}, 8, [
+			"modelValue",
+			"options",
+			"name",
+			"id",
+			"disabled",
+			"required"
+		])]));
+	}
+});
+//#endregion
+export { h as default };

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

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