ablok-components 0.3.105 → 0.3.107

package/dist/components/atoms/input-checkbox/input-checkbox.js

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

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

@@ -0,0 +1,73 @@
+import { sanitizeHtml as e } from "../../../composables/useSanitize.js";
+import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, openBlock as a, unref as o, vModelCheckbox as s, withDirectives as c } from "vue";
+//#region src/components/atoms/input-checkbox/input-checkbox.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "form-check input input--checkbox" }, u = [
+	"value",
+	"id",
+	"name",
+	"required",
+	"disabled",
+	"true-value",
+	"false-value"
+], d = ["for", "innerHTML"], f = /*@__PURE__*/ i({
+	__name: "input-checkbox",
+	props: {
+		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
+		},
+		modelValue: { type: [Boolean, Array] },
+		value: { type: [String, Object] },
+		checked: { type: Boolean },
+		trueValue: {
+			type: null,
+			default: !0
+		},
+		falseValue: {
+			type: null,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "update:checked"],
+	setup(i, { emit: f }) {
+		let p = i, m = f, h = t({
+			get() {
+				return p.modelValue || p.checked;
+			},
+			set(e) {
+				m("update:checked", e), m("update:modelValue", e);
+			}
+		});
+		return (t, f) => (a(), n("div", l, [c(r("input", {
+			ref: "input",
+			"onUpdate:modelValue": f[0] ||= (e) => h.value = e,
+			value: i.value,
+			id: i.id,
+			name: i.name,
+			type: "checkbox",
+			required: i.required,
+			disabled: i.disabled,
+			class: "form-check-input",
+			"true-value": i.trueValue,
+			"false-value": i.falseValue
+		}, null, 8, u), [[s, h.value]]), r("label", {
+			class: "input__label form-check-label",
+			for: i.id,
+			innerHTML: o(e)(i.label || "")
+		}, null, 8, d)]));
+	}
+});
+//#endregion
+export { f as default };

package/dist/components/atoms/input-datetime/input-datetime.js

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

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

@@ -0,0 +1,104 @@
+import { sanitizeHtml as e } from "../../../composables/useSanitize.js";
+import { uniqueId as t } from "../../../utilities/helpers.js";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l, unref as u, vModelText as d, withDirectives as f } from "vue";
+//#region src/components/atoms/input-datetime/input-datetime.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "input-group input__input-group" }, m = [
+	"id",
+	"name",
+	"placeholder",
+	"pattern",
+	"disabled",
+	"read-only",
+	"required",
+	"aria-label"
+], h = ["for", "innerHTML"], g = /*@__PURE__*/ o({
+	__name: "input-datetime",
+	props: {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				Date
+			],
+			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
+		},
+		pattern: {
+			type: String,
+			default: null
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: o }) {
+		let g = t, _ = o, v = n({
+			get() {
+				let e = g.modelValue && /* @__PURE__ */ new Date(`${g.modelValue}Z`), t = e && new Date(e.getTime() + (/* @__PURE__ */ new Date()).getTimezoneOffset() * -60 * 1e3).toISOString();
+				return t && t.replace("Z", "");
+			},
+			set(e) {
+				let t = e && new Date(e);
+				e = t && t.toISOString(), _("update:modelValue", e && e.replace("Z", ""));
+			}
+		});
+		return (n, o) => (c(), i("div", { class: s(["input", `input--${t.type}`]) }, [a("div", p, [
+			l(n.$slots, "input-prepend", { slotScope: "props" }),
+			f(a("input", {
+				"onUpdate:modelValue": o[0] ||= (e) => v.value = e,
+				type: "datetime-local",
+				id: t.id,
+				name: t.name,
+				placeholder: t.placeholder,
+				pattern: t.pattern,
+				disabled: t.disabled,
+				"read-only": t.readOnly,
+				required: t.required,
+				class: "form-control",
+				"aria-label": t.label
+			}, null, 8, m), [[d, v.value]]),
+			l(n.$slots, "input-append", { slotScope: "props" })
+		]), l(n.$slots, "label", {}, () => [t.label ? (c(), i("label", {
+			key: 0,
+			for: t.id,
+			class: "input__label",
+			innerHTML: u(e)(`${t.label}${t.required ? " *" : ""}`)
+		}, null, 8, h)) : r("", !0)])], 2));
+	}
+});
+//#endregion
+export { g as default };

package/dist/components/atoms/input-file/input-file.js

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

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

@@ -0,0 +1,127 @@
+import { sanitizeHtml as e } from "../../../composables/useSanitize.js";
+import { 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, reactive as c, ref as l, renderSlot as u, toDisplayString as d, unref as f, watch as p } from "vue";
+//#region src/components/atoms/input-file/input-file.vue?vue&type=script&setup=true&lang.ts
+var m = [
+	"id",
+	"name",
+	"multiple",
+	"accept",
+	"disabled"
+], h = { class: "input__input-group input-group" }, g = [
+	"value",
+	"id",
+	"name",
+	"disabled"
+], _ = ["for", "disabled"], v = { class: "btn btn-outline-contrast" }, y = ["for"], b = ["innerHTML"], x = /*@__PURE__*/ a({
+	__name: "input-file",
+	props: {
+		modelValue: {
+			type: Array,
+			default: []
+		},
+		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
+		},
+		pattern: {
+			type: String,
+			default: null
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		accept: { type: String },
+		maxFileSize: {
+			type: Number,
+			default: 0
+		},
+		dropzone: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: a }) {
+		let x = t, S = a;
+		function C(e) {
+			let t = e.target && e.target.files;
+			t && (T.splice(0, T.length), Array.from(t).forEach((e) => {
+				if (x.maxFileSize && e.size > x.maxFileSize) {
+					console.warn(`File ${e.name} exceeds the ${x.maxFileSize} bytes size limit and will not be added.`);
+					return;
+				}
+				T.push(e);
+			}));
+		}
+		let w = l(), T = c([]), E = n(() => T && T.map((e) => e.name));
+		return p(() => x.modelValue, (e, t) => {
+			e.length === 0 && (w.value.value = null);
+		}, { deep: !0 }), p(() => T, (e, t) => {
+			S("update:modelValue", e);
+		}, { deep: !0 }), (n, a) => (s(), r("div", { class: o(["input input-file", "input-file--primary"]) }, [
+			i("input", {
+				ref_key: "input",
+				ref: w,
+				type: "file",
+				id: t.id,
+				name: t.name,
+				class: "d-none",
+				onChange: C,
+				multiple: t.multiple,
+				accept: t.accept,
+				disabled: t.disabled
+			}, null, 40, m),
+			i("div", h, [
+				u(n.$slots, "input-prepend"),
+				i("input", {
+					type: "text",
+					value: E.value,
+					id: t.id,
+					name: t.name,
+					class: "form-control",
+					disabled: t.disabled
+				}, null, 8, g),
+				u(n.$slots, "input-append", {}, () => [i("label", {
+					for: t.id,
+					disabled: t.disabled
+				}, [u(n.$slots, "button", {}, () => [i("span", v, d(n.$t("common.selectFile")), 1)])], 8, _)])
+			]),
+			i("label", { for: t.id }, [u(n.$slots, "label", {}, () => [i("span", {
+				class: "input__label",
+				innerHTML: f(e)(`${t.label}${t.required ? " *" : ""}`)
+			}, null, 8, b)])], 8, y)
+		]));
+	}
+});
+//#endregion
+export { x as default };

package/dist/components/atoms/input-passcode/input-passcode.js

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

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

@@ -0,0 +1,158 @@
+import { uniqueId as e } from "../../../utilities/helpers.js";
+import t from "../input-password/input-password.js";
+import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, ref as u, renderList as d, vModelText as f, watch as p, withDirectives as m } from "vue";
+//#region src/components/atoms/input-passcode/input-passcode.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "input-group input__input-group" }, g = [
+	"onUpdate:modelValue",
+	"disabled",
+	"readonly",
+	"onPaste",
+	"onInput",
+	"onKeydown"
+], _ = /*@__PURE__*/ s({
+	__name: "input-passcode",
+	props: {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				Date
+			],
+			default: ""
+		},
+		type: {
+			type: String,
+			default: "text"
+		},
+		name: {
+			type: String,
+			default: () => e()
+		},
+		id: {
+			type: String,
+			default: () => e()
+		},
+		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
+		},
+		role: {
+			type: String,
+			default: "presentation"
+		},
+		autocomplete: {
+			type: String,
+			default: "off"
+		},
+		passcodeMatch: {
+			type: String,
+			default: ""
+		},
+		confirm: {
+			type: Boolean,
+			default: !1
+		},
+		splitInput: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: s }) {
+		let _ = u([]), v = u([]), y = e, b = s, x = r({
+			get() {
+				return y.modelValue;
+			},
+			set(e) {
+				y.passcodeMatch === e || !y.passcodeMatch ? b("update:modelValue", e) : b("update:modelValue", "");
+			}
+		});
+		p(() => y.modelValue, (e) => {
+			let t = e?.toString() || "";
+			for (v.value = t.split("").slice(0, y.passcodeMatch?.length || 6); v.value.length < (y.passcodeMatch?.length || 6);) v.value.push("");
+		}, { immediate: !0 }), p(() => v.value, (e) => {
+			let t = e.join("");
+			y.passcodeMatch === t || !y.passcodeMatch ? b("update:modelValue", t) : b("update:modelValue", "");
+		}, { deep: !0 });
+		let S = (e, t) => {
+			e.preventDefault();
+			let n = e.clipboardData?.getData("text") || "";
+			console.log("Paste detected:", n);
+			let r = n.split(""), i = y.passcodeMatch?.length || 6;
+			r.forEach((e, n) => {
+				let r = t + n;
+				r < i && (v.value[r] = e);
+			});
+			let a = Math.min(t + r.length, i - 1);
+			setTimeout(() => _.value[a]?.focus(), 0);
+		}, C = (e, t) => {
+			y.passcodeMatch?.length, e.key === "Backspace" && !v.value[t] && t > 0 && _.value[t - 1]?.focus();
+		}, w = (e, t) => {
+			let n = e.target.value;
+			n.length > 1 && (n = n.slice(-1)), v.value[t] = n;
+			let r = y.passcodeMatch?.length || 6;
+			n && t < r - 1 && setTimeout(() => _.value[t + 1]?.focus(), 0);
+		};
+		return (r, s) => (l(), a("div", { class: c(["input", "input-passcode"]) }, [o("div", h, [e.splitInput ? (l(!0), a(n, { key: 1 }, d(e.passcodeMatch, (t, n) => m((l(), a("input", {
+			key: n,
+			"onUpdate:modelValue": (e) => v.value[n] = e,
+			type: "text",
+			ref_for: !0,
+			ref: (e) => _.value[n] = e,
+			maxlength: 1,
+			disabled: e.disabled,
+			readonly: e.readOnly,
+			onPaste: (e) => S(e, n),
+			onInput: (e) => w(e, n),
+			onKeydown: (e) => C(e, n),
+			size: "1",
+			class: "form-control text-center"
+		}, null, 40, g)), [[f, v.value[n]]])), 128)) : (l(), i(t, {
+			key: 0,
+			modelValue: x.value,
+			"onUpdate:modelValue": s[0] ||= (e) => x.value = e,
+			type: e.type,
+			placeholder: e.placeholder,
+			disabled: e.disabled,
+			readonly: e.readOnly,
+			required: e.required,
+			label: e.label
+		}, null, 8, [
+			"modelValue",
+			"type",
+			"placeholder",
+			"disabled",
+			"readonly",
+			"required",
+			"label"
+		]))])]));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/atoms/input-password/input-password.js

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

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

@@ -0,0 +1,114 @@
+import e from "../svg-icon/svg-icon.js";
+import { uniqueId as t } from "../../../utilities/helpers.js";
+import n from "../base-input/base-input.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, renderSlot as f, withCtx as p } from "vue";
+//#region src/components/atoms/input-password/input-password.vue?vue&type=script&setup=true&lang.ts
+var m = { class: "input-group input__input-group" }, h = /*@__PURE__*/ l({
+	__name: "input-password",
+	props: {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				Date
+			],
+			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
+		},
+		role: {
+			type: String,
+			default: "presentation"
+		},
+		autocomplete: {
+			type: String,
+			default: "off"
+		},
+		password: {
+			type: String,
+			default: ""
+		},
+		confirm: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: l }) {
+		let h = t, g = l, _ = r({
+			get() {
+				return h.modelValue;
+			},
+			set(e) {
+				h.password === e || !h.password ? g("update:modelValue", e) : g("update:modelValue", "");
+			}
+		});
+		return (r, l) => (d(), o("div", { class: u(["input", "input-password"]) }, [s("div", m, [c(n, {
+			modelValue: _.value,
+			"onUpdate:modelValue": l[0] ||= (e) => _.value = e,
+			type: "password",
+			placeholder: t.placeholder,
+			disabled: t.disabled,
+			readonly: t.readOnly,
+			required: t.required,
+			label: t.label
+		}, {
+			"input-prepend": p((e) => [f(r.$slots, "input-prepend", { slotScope: "props" })]),
+			"input-append": p((n) => [f(r.$slots, "input-append", { slotScope: "props" }, () => [t.confirm && t.modelValue === t.password ? (d(), i(e, {
+				key: 0,
+				symbol: "check",
+				class: "ms-2"
+			})) : a("", !0)])]),
+			_: 3
+		}, 8, [
+			"modelValue",
+			"placeholder",
+			"disabled",
+			"readonly",
+			"required",
+			"label"
+		])])]));
+	}
+});
+//#endregion
+export { h as default };

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

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