ablok-components 0.3.104 → 0.3.106

package/dist/components/atoms/input-textarea/input-textarea.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,108 @@
+import { sanitizeInput as e, uniqueId as t } from "../../../utilities/helpers.js";
+import { computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, vModelText as l, withDirectives as u } from "vue";
+//#region src/components/atoms/input-textarea/input-textarea.vue?vue&type=script&setup=true&lang.ts
+var d = { class: "input input--textarea" }, f = [
+	"type",
+	"id",
+	"name",
+	"placeholder",
+	"pattern",
+	"disabled",
+	"read-only",
+	"required",
+	"maxlength",
+	"aria-label"
+], p = ["for", "innerHTML"], m = /*@__PURE__*/ a({
+	__name: "input-textarea",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		type: {
+			type: String,
+			default: "text"
+		},
+		name: {
+			type: String,
+			default: () => t()
+		},
+		id: {
+			type: String,
+			default: () => t()
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		placeholder: {
+			type: String,
+			default: ""
+		},
+		variant: {
+			type: String,
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readOnly: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		maxlength: { type: Number },
+		pattern: {
+			type: String,
+			default: null
+		},
+		checked: {
+			type: Boolean,
+			default: !1
+		},
+		sanitize: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: a }) {
+		let m = t, h = a, g = n({
+			get() {
+				return m.modelValue;
+			},
+			set(t) {
+				m.sanitize && typeof t == "string" && (t = e(t)), h("update:modelValue", t);
+			}
+		});
+		return (e, n) => (s(), r("div", d, [
+			c(e.$slots, "input-prepend"),
+			u(i("textarea", {
+				"onUpdate:modelValue": n[0] ||= (e) => g.value = e,
+				type: t.type,
+				id: t.id,
+				name: t.name,
+				placeholder: t.placeholder,
+				pattern: t.pattern,
+				disabled: t.disabled,
+				"read-only": t.readOnly,
+				required: t.required,
+				maxlength: t.maxlength,
+				class: o(["form-control", {}]),
+				"aria-label": t.label
+			}, null, 8, f), [[l, g.value]]),
+			c(e.$slots, "input-append"),
+			c(e.$slots, "label", {}, () => [i("label", {
+				for: t.id,
+				class: o(["input__label", { "form-check-label": t.type === "checkbox" }]),
+				innerHTML: `${t.label}${t.required ? " *" : ""}`
+			}, null, 10, p)])
+		]));
+	}
+});
+//#endregion
+export { m as default };

package/dist/components/atoms/loading-spinner/loading-spinner.js

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

package/dist/components/atoms/loading-spinner/loading-spinner.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, openBlock as r, renderSlot as i } from "vue";
+//#region src/components/atoms/loading-spinner/loading-spinner.vue?vue&type=script&setup=true&lang.ts
+var a = { class: "loading-spinner d-block" }, o = /*@__PURE__*/ n({
+	__name: "loading-spinner",
+	props: { color: {
+		type: String,
+		default: "#fff"
+	} },
+	setup(n) {
+		return (n, o) => (r(), e("span", a, [o[0] ||= t("span", { class: "loading-spinner__animation" }, [t("svg", {
+			version: "1.1",
+			x: "0px",
+			y: "0px",
+			viewBox: "0 0 100 100"
+		}, [t("path", { d: "M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50" }, [t("animateTransform", {
+			attributeName: "transform",
+			attributeType: "XML",
+			type: "rotate",
+			dur: "1s",
+			from: "0 50 50",
+			to: "360 50 50",
+			repeatCount: "indefinite"
+		})])])], -1), i(n.$slots, "default")]));
+	}
+});
+//#endregion
+export { o as default };

package/dist/components/atoms/radio-group/radio-group.js

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

package/dist/components/atoms/radio-group/radio-group.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,93 @@
+import { sanitizeHtml as e } from "../../../composables/useSanitize.js";
+import { uniqueId as t } from "../../../utilities/helpers.js";
+import { Fragment as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderList as l, renderSlot as u, toDisplayString as d, unref as f } from "vue";
+//#region src/components/atoms/radio-group/radio-group.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "input radio-group" }, m = [
+	"id",
+	"name",
+	"value",
+	"checked",
+	"disabled",
+	"read-only",
+	"required",
+	"onChange"
+], h = ["for", "innerHTML"], g = ["for"], _ = /*@__PURE__*/ o({
+	__name: "radio-group",
+	props: {
+		modelValue: { type: null },
+		options: {
+			type: Array,
+			default: []
+		},
+		name: {
+			type: String,
+			default: () => t()
+		},
+		id: {
+			type: String,
+			default: () => t()
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		variant: {
+			type: String,
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readOnly: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		keyOption: { type: null },
+		itemClass: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["change", "update:modelValue"],
+	setup(t, { emit: o }) {
+		let _ = o;
+		function v(e) {
+			_("update:modelValue", e);
+		}
+		return (o, _) => (c(), i("div", p, [(c(!0), i(n, null, l(t.options, (n, r) => (c(), i("div", {
+			key: r,
+			class: s(["form-check", t.itemClass])
+		}, [a("input", {
+			type: "radio",
+			id: `${t.id}-${r}`,
+			name: t.name,
+			class: s(["form-check-input", `
+            ${r === t.keyOption || n.key ? "form-check-input--key" : ""}
+            ${(r === t.keyOption || n.key) && n.value === t.modelValue?.value ? "form-check-input--match" : ""}
+          `]),
+			value: n.value || n,
+			checked: n.value ? n.value === t.modelValue?.value : n === t.modelValue,
+			disabled: t.disabled,
+			"read-only": t.readOnly,
+			required: t.required,
+			onChange: (e) => v(n)
+		}, null, 42, m), u(o.$slots, "option-label", {
+			option: n,
+			index: r
+		}, () => [a("label", {
+			class: "form-check-label",
+			for: `${t.id}-${r}`,
+			innerHTML: f(e)(n.text || "")
+		}, null, 8, h)])], 2))), 128)), u(o.$slots, "label", {}, () => [t.label ? (c(), i("label", {
+			key: 0,
+			for: t.id
+		}, d(t.label), 9, g)) : r("", !0)])]));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/atoms/svg-icon/svg-icon.js

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

package/dist/components/atoms/svg-icon/svg-icon.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,36 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeClass as r, openBlock as i } from "vue";
+//#region src/components/atoms/svg-icon/svg-icon.vue?vue&type=script&setup=true&lang.ts
+var a = {
+	class: "icon",
+	preserveAspectRatio: "xMaxYMin"
+}, o = ["xlink:href"], s = /*@__PURE__*/ n({
+	__name: "svg-icon",
+	props: {
+		basePath: {
+			type: String,
+			default: "/symbol-defs.svg"
+		},
+		prefix: {
+			type: String,
+			default: "icon-"
+		},
+		symbol: {
+			type: String,
+			default: ""
+		},
+		size: {
+			type: String,
+			default: "default"
+		}
+	},
+	setup(n) {
+		return (s, c) => (i(), e("i", { class: r(["svg-icon", { [`svg-icon--${n.size}`]: n.size }]) }, [(i(), e("svg", a, [t("use", {
+			"xlink:href": `${n.basePath}#${n.prefix}${n.symbol}`,
+			"xmlns:xlink": "http://www.w3.org/1999/xlink",
+			x: "0",
+			y: "0"
+		}, null, 8, o)]))], 2));
+	}
+});
+//#endregion
+export { s as default };

package/dist/components/atoms/zoom-slider/zoom-slider.js

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

package/dist/components/atoms/zoom-slider/zoom-slider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,57 @@
+import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderList as s } from "vue";
+//#region src/components/atoms/zoom-slider/zoom-slider.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "zoom-slider" }, l = [
+	"min",
+	"max",
+	"step",
+	"value"
+], u = { class: "zoom-slider__ticks" }, d = /*@__PURE__*/ i({
+	name: "ZoomSlider",
+	inheritAttrs: !1,
+	props: {
+		modelValue: {
+			type: Number,
+			default: 1
+		},
+		min: {
+			type: Number,
+			default: 1
+		},
+		max: {
+			type: Number,
+			default: 2
+		},
+		step: {
+			type: Number,
+			default: .01
+		},
+		ticks: {
+			type: Number,
+			default: 51
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(i, { emit: d }) {
+		let f = i, p = d, m = t(() => f.ticks), h = t(() => Math.round((f.ticks - 1) / 2)), g = t(() => Math.round((f.ticks - 1) / 10));
+		function _(e) {
+			p("update:modelValue", parseFloat(e.target.value));
+		}
+		return (t, d) => (o(), n("div", c, [r("input", {
+			type: "range",
+			min: i.min,
+			max: i.max,
+			step: i.step,
+			value: i.modelValue,
+			onInput: _,
+			"aria-label": "Zoom"
+		}, null, 40, l), r("div", u, [(o(!0), n(e, null, s(m.value, (e) => (o(), n("span", {
+			key: e,
+			class: a(["zoom-slider__tick", {
+				"zoom-slider__tick--major": (e - 1) % h.value == 0,
+				"zoom-slider__tick--mid": (e - 1) % g.value == 0 && (e - 1) % h.value != 0
+			}])
+		}, null, 2))), 128))])]));
+	}
+});
+//#endregion
+export { d as default };

package/dist/components/molecules/accordion/accordion-item.js

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

package/dist/components/molecules/accordion/accordion-item.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+import { useSanitize as e } from "../../../composables/useSanitize.js";
+import { uniqueId as t } from "../../../utilities/helpers.js";
+import { Transition as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, renderSlot as u, toDisplayString as d, unref as f, vShow as p, watch as m, withCtx as h, withDirectives as g } from "vue";
+//#region src/components/molecules/accordion/accordion-item.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "accordion-item" }, v = ["id"], y = ["aria-expanded", "aria-controls"], b = { class: "flex-grow-1" }, x = ["id", "aria-labelledby"], S = ["innerHTML"], C = /*@__PURE__*/ o({
+	__name: "accordion-item",
+	props: {
+		id: {
+			type: String,
+			default: () => t()
+		},
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		title: {
+			type: String,
+			default: "Accordion Title"
+		},
+		body: {
+			type: String,
+			default: "<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nisi aut, nobis inventore repudiandae quo laboriosam. Dicta placeat ullam harum optio expedita. Harum fugiat suscipit sapiente quos, molestias neque eaque omnis?</p>"
+		},
+		parent: {
+			type: String,
+			default: ""
+		},
+		noPadding: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: o }) {
+		let C = t, w = o, T = l(C.modelValue);
+		m(() => C.modelValue, (e) => {
+			T.value = e;
+		});
+		let E = e(() => C.body);
+		function D() {
+			T.value = !T.value, w("update:modelValue", T.value);
+		}
+		return (e, o) => (c(), r("div", _, [i("div", {
+			class: "accordion-header",
+			id: `heading-${t.id}`
+		}, [i("button", {
+			class: s(["accordion-button", !T.value && "collapsed"]),
+			type: "button",
+			"aria-expanded": T.value,
+			"aria-controls": `target${t.id}`,
+			onClick: D
+		}, [u(e.$slots, "toggle", {}, () => [i("span", b, d(t.title), 1)])], 10, y)], 8, v), a(n, { name: "accordion" }, {
+			default: h(() => [g(i("div", {
+				class: "accordion-collapse",
+				id: `target${t.id}`,
+				"aria-labelledby": `heading-${t.id}`
+			}, [i("div", { class: s(["accordion-body", t.noPadding ? "p-0" : ""]) }, [u(e.$slots, "body", {}, () => [i("article", { innerHTML: f(E) }, null, 8, S)])], 2)], 8, x), [[p, T.value]])]),
+			_: 3
+		})]));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/molecules/accordion/accordion.js

@@ -0,0 +1,10 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock as t, openBlock as n, renderSlot as r } from "vue";
+//#region src/components/molecules/accordion/accordion.vue
+var i = {}, a = { class: "accordion" };
+function o(e, i) {
+	return n(), t("div", a, [r(e.$slots, "default")]);
+}
+var s = /*#__PURE__*/ e(i, [["render", o]]);
+//#endregion
+export { s as default };

package/dist/components/molecules/auto-suggest/auto-suggest.js

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

package/dist/components/molecules/auto-suggest/auto-suggest.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,106 @@
+import { sanitizeHtml as e } from "../../../composables/useSanitize.js";
+import t from "../../atoms/base-input/base-input.js";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeProps as l, onBeforeMount as u, onBeforeUnmount as d, openBlock as f, ref as p, renderList as m, renderSlot as h, watch as g, withModifiers as _ } from "vue";
+//#region src/components/molecules/auto-suggest/auto-suggest.vue?vue&type=script&setup=true&lang.ts
+var v = {
+	key: 0,
+	class: "auto-suggest__suggestions position-relative"
+}, y = { class: "suggestions dropdown-menu show w-100 mt-2" }, b = ["onClick"], x = ["innerHTML"], S = /*@__PURE__*/ c({
+	__name: "auto-suggest",
+	props: {
+		modelValue: { type: String },
+		id: { type: String },
+		name: { type: String },
+		label: { type: String },
+		error: { type: String },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readOnly: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		options: {
+			type: Array,
+			default: []
+		},
+		placeholder: {
+			type: String,
+			default: ""
+		},
+		color: {
+			type: String,
+			default: ""
+		},
+		outlined: {
+			type: Boolean,
+			default: !1
+		},
+		selection: { type: String }
+	},
+	emits: ["update:modelValue", "update:selection"],
+	setup(c, { emit: S }) {
+		let C = c, w = S, T = p(), E = p(!1), D = r({
+			get() {
+				return C.modelValue;
+			},
+			set(e) {
+				w("update:modelValue", e);
+			}
+		}), O = r(() => {
+			let e = RegExp(`(${D.value})`, "i");
+			return D.value ? C.options.filter((t) => e.test(t)) : C.options;
+		}), k = r(() => {
+			let t = RegExp(`(${D.value})`, "i");
+			return O.value.map((n) => {
+				let r = n.replace(t, "<strong>$1</strong>");
+				return e(r);
+			});
+		});
+		g(() => C.options, (e, t) => {
+			e.length && (E.value = !0);
+		}, { deep: !0 });
+		function A() {
+			C.options.length && (E.value = !0);
+		}
+		function j(e) {
+			E.value = !1;
+			let t = O.value[e];
+			w("update:modelValue", t), w("update:selection", t);
+		}
+		let M = p();
+		function N(e) {
+			let t = e.target;
+			E.value && t && !T.value.contains(t) && (E.value = !1);
+		}
+		return u(() => {
+			M.value = document.addEventListener("click", N);
+		}), d(() => {
+			document.removeEventListener("click", M.value);
+		}), (e, r) => (f(), a("div", {
+			class: "auto-suggest",
+			ref_key: "container",
+			ref: T
+		}, [o("div", {
+			class: "auto-suggest__input",
+			onFocusCapture: A
+		}, [h(e.$slots, "default", {}, () => [s(t, l({
+			modelValue: D.value,
+			"onUpdate:modelValue": r[0] ||= (e) => D.value = e
+		}, e.$props), null, 16, ["modelValue"])])], 32), E.value && O.value.length ? (f(), a("div", v, [o("ul", y, [(f(!0), a(n, null, m(k.value, (e, t) => (f(), a("li", {
+			key: e,
+			class: "suggestions__item dropdown-item",
+			onClick: _((e) => j(t), ["prevent"])
+		}, [o("p", {
+			class: "text-truncate my-2",
+			innerHTML: e
+		}, null, 8, x)], 8, b))), 128))])])) : i("", !0)], 512));
+	}
+});
+//#endregion
+export { S as default };

package/dist/components/molecules/base-camera/base-camera.js

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