ablok-components 0.3.134 → 0.3.136

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

@@ -2,6 +2,6 @@ import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./base-camera.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                            */
 //#region src/components/molecules/base-camera/base-camera.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-6eb2389c"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-67efb17e"]]);
 //#endregion
 export { n as default };

package/dist/components/molecules/base-camera/base-camera.vue.d.ts

@@ -119,6 +119,10 @@ declare const __VLS_export: import('../../../../vue/dist/vue.esm-bundler.js').De
         type: StringConstructor;
         default: string;
     };
+    screenFlashFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     enableShutterAnimation: {
         type: BooleanConstructor;
         default: boolean;
@@ -279,6 +283,10 @@ declare const __VLS_export: import('../../../../vue/dist/vue.esm-bundler.js').De
         type: StringConstructor;
         default: string;
     };
+    screenFlashFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     enableShutterAnimation: {
         type: BooleanConstructor;
         default: boolean;
@@ -309,6 +317,7 @@ declare const __VLS_export: import('../../../../vue/dist/vue.esm-bundler.js').De
     enableControls: boolean;
     enableScreenFlash: boolean;
     screenFlashColor: string;
+    screenFlashFullscreen: boolean;
     enableShutterAnimation: boolean;
 }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -3,50 +3,50 @@ import t from "../input-dropdown/input-dropdown.js";
 import { captureFrame as n, exportCanvas as r } from "../../../utilities/camera/capture.js";
 import { useCamera as i } from "../../../composables/useCamera.js";
 import a from "../camera-preview/camera-preview.js";
-import ee from "../../atoms/zoom-slider/zoom-slider.js";
-import o from "../../../assets/img/guide.js";
-import { Transition as te, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, normalizeStyle as ne, onMounted as m, onScopeDispose as re, openBlock as h, ref as g, toDisplayString as _, unref as v, watch as y, withCtx as b } from "vue";
+import o from "../../atoms/zoom-slider/zoom-slider.js";
+import s from "../../../assets/img/guide.js";
+import { Teleport as ee, Transition as te, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, normalizeStyle as g, onMounted as _, onScopeDispose as ne, openBlock as v, ref as y, toDisplayString as b, unref as x, watch as S, withCtx as C } from "vue";
 //#region src/components/molecules/base-camera/base-camera.vue?vue&type=script&setup=true&lang.ts
-var ie = {
+var re = {
 	class: "base-camera position-relative w-100 user-select-none",
 	"data-bs-theme": "dark"
-}, ae = ["src"], oe = { class: "position-absolute top-0 start-0 end-0 d-flex justify-content-between align-items-start p-2 gap-2" }, se = { key: 1 }, ce = ["disabled"], le = {
+}, ie = ["src"], ae = { class: "position-absolute top-0 start-0 end-0 d-flex align-items-start p-2 gap-2 base-camera__top-bar" }, oe = { class: "base-camera__select-col" }, se = { key: 1 }, ce = { class: "d-flex align-items-center ms-auto gap-2" }, le = ["aria-label"], ue = ["disabled"], de = {
 	key: 1,
 	class: "position-absolute top-0 start-0 w-100 h-100 d-flex flex-column align-items-center justify-content-center text-center p-3 bg-black bg-opacity-50"
-}, ue = {
+}, fe = {
 	key: 0,
 	class: "spinner-border text-light",
 	role: "status"
-}, de = {
+}, pe = {
 	key: 1,
 	class: "alert alert-danger py-2 px-3 mb-0 small"
-}, fe = { class: "mb-2" }, pe = { class: "position-absolute bottom-0 start-0 end-0 p-3 d-flex flex-column gap-2 align-items-center" }, me = {
+}, me = { class: "mb-2" }, he = { class: "position-absolute bottom-0 start-0 end-0 p-3 d-flex flex-column gap-2 align-items-center" }, ge = {
 	key: 0,
 	class: "d-flex align-items-center justify-content-center gap-4 w-100"
-}, he = ["disabled", "aria-label"], ge = {
+}, w = ["disabled", "aria-label"], _e = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	width: "22",
 	height: "22",
 	fill: "currentColor",
 	"aria-hidden": "true"
-}, _e = {
+}, ve = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	width: "22",
 	height: "22",
 	fill: "currentColor",
 	"aria-hidden": "true"
-}, ve = ["disabled"], ye = ["aria-label"], be = {
+}, ye = ["disabled"], be = {
 	key: 2,
 	class: "base-camera__countdown-overlay",
 	role: "status",
 	"aria-live": "polite",
 	"aria-atomic": "true"
-}, x = ["data-countdown"], S = {
+}, xe = ["data-countdown"], Se = {
 	key: 0,
 	class: "base-camera__zoom"
-}, C = /*@__PURE__*/ p({
+}, T = /*@__PURE__*/ m({
 	__name: "base-camera",
 	props: {
 		modelValue: { type: null },
@@ -154,7 +154,7 @@ var ie = {
 		},
 		guideSrc: {
 			type: String,
-			default: o
+			default: s
 		},
 		enableControls: {
 			type: Boolean,
@@ -168,6 +168,10 @@ var ie = {
 			type: String,
 			default: "#FFFFFF"
 		},
+		screenFlashFullscreen: {
+			type: Boolean,
+			default: !1
+		},
 		enableShutterAnimation: {
 			type: Boolean,
 			default: !0
@@ -180,226 +184,240 @@ var ie = {
 		"error",
 		"state"
 	],
-	setup(o, { expose: p, emit: C }) {
-		let w = o, T = C, E = g(null), D = s(() => E.value?.videoEl ?? null), O = s(() => w.resolutions[w.ratio] ?? {
+	setup(s, { expose: m, emit: T }) {
+		let E = s, D = T, O = y(null), k = c(() => O.value?.videoEl ?? null), A = c(() => E.resolutions[E.ratio] ?? {
 			width: 720,
 			height: 960
-		}), k = i({
-			preferredFacing: w.defaultRearCamera ? "environment" : "user",
-			resolution: O.value,
-			videoRef: D,
-			onWarning: (e) => T("error", e)
-		}), A = s(() => w.enableMirrorCamera && k.activeFacing.value !== "environment"), j = s(() => w.enableSelectDevice && k.devices.value.length > 1), M = s(() => w.enableSwitchCamera && k.canSwitch.value), N = s(() => w.enableZoomSlider && k.zoomCapability.value !== null), P = s(() => k.isLive.value || k.isPaused.value), F = g(!1), I = g(0), L = g(!1), R = g(0), z = g(!1), B = g(0), V = g(w.enableScreenFlash);
-		y(() => w.enableScreenFlash, (e) => {
-			V.value = e;
+		}), j = i({
+			preferredFacing: E.defaultRearCamera ? "environment" : "user",
+			resolution: A.value,
+			videoRef: k,
+			onWarning: (e) => D("error", e)
+		}), M = c(() => E.enableMirrorCamera && j.activeFacing.value !== "environment"), Ce = c(() => E.enableSelectDevice && j.devices.value.length > 1), we = c(() => E.enableSwitchCamera && j.canSwitch.value), Te = c(() => E.enableZoomSlider && j.zoomCapability.value !== null), N = c(() => j.isLive.value || j.isPaused.value), P = y(!1), F = y(0), I = y(!1), L = y(0), R = y(!1), z = y(0), B = y(E.enableScreenFlash);
+		S(() => E.enableScreenFlash, (e) => {
+			B.value = e;
 		});
-		let H = null, U = null, W = null, G = null, K = null, q = null, J = null, Y = !1, X = g(w.zoom);
-		y(() => w.zoom, (e) => {
+		let V = null, H = null, U = null, W = null, G = null, K = null, q = null, J = null, Y = !1, X = y(E.zoom);
+		S(() => E.zoom, (e) => {
 			X.value = e;
-		}), y(X, (e) => {
-			k.setZoom(e), e !== w.zoom && T("update:zoom", e);
-		}), y(k.zoom, (e) => {
-			k.zoomCapability.value && e !== X.value && (X.value = e);
-		}), y(k.zoomCapability, (e) => {
-			e && k.setZoom(X.value);
-		}), y(k.state, (e) => T("state", e)), y(k.error, (e) => {
-			e && T("error", e);
-		}), y(O, (e) => void k.setResolution(e)), m(() => {
-			w.autoStart && k.start();
-		}), re(() => {
-			Y = !0, U && clearTimeout(U), W && clearTimeout(W), G && clearTimeout(G), U = null, W = null, G = null, J?.(!1), J = null, Z(), I.value = 0, L.value = !1, z.value = !1;
+		}), S(X, (e) => {
+			j.setZoom(e), e !== E.zoom && D("update:zoom", e);
+		}), S(j.zoom, (e) => {
+			j.zoomCapability.value && e !== X.value && (X.value = e);
+		}), S(j.zoomCapability, (e) => {
+			e && j.setZoom(X.value);
+		}), S(j.state, (e) => D("state", e)), S(j.error, (e) => {
+			e && D("error", e);
+		}), S(A, (e) => void j.setResolution(e)), _(() => {
+			E.autoStart && j.start();
+		}), ne(() => {
+			Y = !0, H && clearTimeout(H), U && clearTimeout(U), G && clearTimeout(G), H = null, U = null, G = null, J?.(!1), J = null, Z(), Q(), F.value = 0, I.value = !1, R.value = !1;
 		});
-		function xe() {
-			w.enableShutterAnimation && (W && clearTimeout(W), R.value++, L.value = !0, W = setTimeout(() => {
-				W = null, L.value = !1;
-			}, 650));
-		}
 		function Z() {
-			K && clearTimeout(K), K = null, q?.(), q = null;
+			U && clearTimeout(U), U = null, I.value = !1, W?.(), W = null;
+		}
+		function Ee() {
+			if (!E.enableShutterAnimation) return Promise.resolve();
+			Z(), L.value++, I.value = !0;
+			let e = new Promise((e) => {
+				W = e;
+			});
+			return U = setTimeout(Z, 650), e;
 		}
 		function Q() {
-			if (!V.value) return {
+			K && clearTimeout(K), K = null, q?.(), q = null;
+		}
+		function De() {
+			if (!B.value) return {
 				peak: Promise.resolve(),
 				faded: Promise.resolve()
 			};
-			G && clearTimeout(G), Z(), B.value++, z.value = !0;
+			G && clearTimeout(G), Q(), z.value++, R.value = !0;
 			let e = new Promise((e) => {
 				q = e;
 			});
 			return G = setTimeout(() => {
-				G = null, z.value = !1, K = setTimeout(Z, 400);
+				G = null, R.value = !1, K = setTimeout(Q, 400);
 			}, 350), {
 				peak: new Promise((e) => setTimeout(e, 120)),
 				faded: e
 			};
 		}
-		async function Se() {
-			let e = D.value;
-			if (!e || !P.value || F.value) return null;
-			F.value = !0;
+		async function Oe() {
+			let e = k.value;
+			if (!e || !N.value || P.value) return null;
+			P.value = !0;
 			try {
-				let t = Q();
-				if (await t.peak, Y || !P.value) return null;
+				let t = De();
+				if (await t.peak, Y || !N.value) return null;
 				let i = n(e, {
-					width: O.value.width,
-					height: O.value.height,
-					mirror: A.value,
-					filter: w.filter,
-					tintColor: w.tintColor,
-					tintIntensity: w.tintIntensity
-				});
-				xe();
-				let a = await r(i, { asBlob: w.emitBlob });
-				return await t.faded, Y ? null : (T("update:modelValue", a), T("capture", a, i), a);
+					width: A.value.width,
+					height: A.value.height,
+					mirror: M.value,
+					filter: E.filter,
+					tintColor: E.tintColor,
+					tintIntensity: E.tintIntensity
+				}), a = Ee(), o = await r(i, { asBlob: E.emitBlob });
+				return await Promise.all([t.faded, a]), Y ? null : (D("update:modelValue", o), D("capture", o, i), o);
 			} finally {
-				F.value = !1;
+				P.value = !1;
 			}
 		}
-		function Ce() {
+		function ke() {
 			return new Promise((e) => {
-				J = e, U = setTimeout(() => {
-					U = null, J = null, e(!0);
+				J = e, H = setTimeout(() => {
+					H = null, J = null, e(!0);
 				}, 1e3);
 			});
 		}
-		async function we() {
-			let e = Number.isFinite(w.countdown) ? Math.max(0, Math.floor(w.countdown)) : 0;
-			for (let t = e; t > 0; t--) if (I.value = t, !await Ce()) return null;
-			return I.value = 0, Y ? null : Se();
+		async function Ae() {
+			let e = Number.isFinite(E.countdown) ? Math.max(0, Math.floor(E.countdown)) : 0;
+			for (let t = e; t > 0; t--) if (F.value = t, !await ke()) return null;
+			return F.value = 0, Y ? null : Oe();
 		}
 		function $() {
-			return H || (!D.value || !P.value ? Promise.resolve(null) : (H = we().finally(() => {
-				I.value = 0, H = null;
-			}), H));
+			return V || (!k.value || !N.value ? Promise.resolve(null) : (V = Ae().finally(() => {
+				F.value = 0, V = null;
+			}), V));
 		}
-		function Te(e) {
+		function je(e) {
 			let t = e.target.value;
-			t && k.selectDevice(t);
+			t && j.selectDevice(t);
 		}
-		function Ee(e, t) {
+		function Me(e, t) {
 			if (e.label) return e.label;
 			let n = e.facing === "user" ? "Front" : e.facing === "environment" ? "Back" : "";
 			return n ? `${n} camera` : `Camera ${t + 1}`;
 		}
-		return p({
+		return m({
 			onCapture: $,
-			camera: k,
+			camera: j,
 			zoom: X
-		}), (n, r) => (h(), u("div", ie, [f(a, {
+		}), (n, r) => (v(), d("div", re, [p(a, {
 			ref_key: "previewRef",
-			ref: E,
-			ratio: o.ratio,
-			resolutions: o.resolutions,
-			mirror: A.value,
-			filter: o.filter,
-			"tint-color": o.tintColor,
-			"tint-intensity": o.tintIntensity
+			ref: O,
+			ratio: s.ratio,
+			resolutions: s.resolutions,
+			mirror: M.value,
+			filter: s.filter,
+			"tint-color": s.tintColor,
+			"tint-intensity": s.tintIntensity
 		}, {
-			default: b(() => [
-				o.enableGuide && o.guideSrc ? (h(), u("img", {
+			default: C(() => [
+				s.enableGuide && s.guideSrc ? (v(), d("img", {
 					key: 0,
-					src: o.guideSrc,
+					src: s.guideSrc,
 					class: "position-absolute top-0 start-0 w-100 h-100 base-camera__guide",
 					alt: "",
 					"aria-hidden": "true"
-				}, null, 8, ae)) : l("", !0),
-				d("div", oe, [j.value && v(k).activeDeviceId ? (h(), c(t, {
+				}, null, 8, ie)) : u("", !0),
+				f("div", ae, [f("div", oe, [Ce.value && x(j).activeDeviceId ? (v(), l(t, {
 					key: 0,
 					class: "base-camera__select",
-					modelValue: v(k).activeDeviceId.value,
-					"onUpdate:modelValue": r[0] ||= (e) => v(k).activeDeviceId.value = e,
-					disabled: v(k).isStarting.value,
+					modelValue: x(j).activeDeviceId.value,
+					"onUpdate:modelValue": r[0] ||= (e) => x(j).activeDeviceId.value = e,
+					disabled: x(j).isStarting.value,
 					"aria-label": "Select camera",
-					onChange: Te,
-					options: v(k).devices.value.map((e, t) => ({
+					onChange: je,
+					options: x(j).devices.value.map((e, t) => ({
 						value: e.deviceId,
-						text: Ee(e, t)
-					}))
+						text: Me(e, t)
+					})),
+					variant: "dark"
 				}, null, 8, [
 					"modelValue",
 					"disabled",
 					"options"
-				])) : (h(), u("span", se)), M.value ? (h(), u("button", {
-					key: 2,
+				])) : (v(), d("span", se))]), f("div", ce, [s.enableScreenFlash ? (v(), d("button", {
+					key: 0,
+					type: "button",
+					class: "btn btn-dark bg-opacity-50 base-camera__icon-btn",
+					"aria-label": B.value ? "Flash On" : "Flash Off",
+					onClick: r[1] ||= (e) => B.value = !B.value
+				}, [B.value ? (v(), l(e, {
+					key: 0,
+					symbol: "zap"
+				})) : (v(), l(e, {
+					key: 1,
+					symbol: "zap-off"
+				}))], 8, le)) : u("", !0), we.value ? (v(), d("button", {
+					key: 1,
 					type: "button",
-					class: "btn d-grid place-content-center px-2",
-					disabled: v(k).isStarting.value,
+					class: "btn btn-dark bg-opacity-50 base-camera__icon-btn",
+					disabled: x(j).isStarting.value,
 					"aria-label": "Switch camera",
-					onClick: r[1] ||= (e) => v(k).switchCamera()
-				}, [f(e, { symbol: "switch-camera" })], 8, ce)) : l("", !0)]),
-				v(k).isStarting.value || v(k).state.value === "error" || v(k).state.value === "idle" && !o.autoStart ? (h(), u("div", le, [v(k).isStarting.value ? (h(), u("div", ue, [...r[8] ||= [d("span", { class: "visually-hidden" }, "Starting camera…", -1)]])) : v(k).state.value === "error" ? (h(), u("div", de, [d("div", fe, _(v(k).error.value?.message ?? "Camera error"), 1), v(k).error.value?.code !== "not-allowed" && v(k).error.value?.code !== "unsupported" ? (h(), u("button", {
+					onClick: r[2] ||= (e) => x(j).switchCamera()
+				}, [p(e, { symbol: "switch-camera" })], 8, ue)) : u("", !0)])]),
+				x(j).isStarting.value || x(j).state.value === "error" || x(j).state.value === "idle" && !s.autoStart ? (v(), d("div", de, [x(j).isStarting.value ? (v(), d("div", fe, [...r[9] ||= [f("span", { class: "visually-hidden" }, "Starting camera…", -1)]])) : x(j).state.value === "error" ? (v(), d("div", pe, [f("div", me, b(x(j).error.value?.message ?? "Camera error"), 1), x(j).error.value?.code !== "not-allowed" && x(j).error.value?.code !== "unsupported" ? (v(), d("button", {
 					key: 0,
 					type: "button",
 					class: "btn btn-sm btn-outline-light",
-					onClick: r[2] ||= (e) => v(k).start()
-				}, " Retry ")) : l("", !0)])) : (h(), u("button", {
+					onClick: r[3] ||= (e) => x(j).start()
+				}, " Retry ")) : u("", !0)])) : (v(), d("button", {
 					key: 2,
 					type: "button",
 					class: "btn btn-light",
-					onClick: r[3] ||= (e) => v(k).start()
-				}, "Start camera"))])) : l("", !0),
-				d("div", pe, [o.enableControls ? (h(), u("div", me, [
-					d("button", {
+					onClick: r[4] ||= (e) => x(j).start()
+				}, "Start camera"))])) : u("", !0),
+				f("div", he, [s.enableControls ? (v(), d("div", ge, [
+					f("button", {
 						type: "button",
 						class: "btn btn-dark bg-opacity-50 rounded-circle base-camera__icon-btn",
-						disabled: v(k).isStarting.value,
-						"aria-label": v(k).isLive.value ? "Pause" : "Start",
-						onClick: r[4] ||= (e) => v(k).toggle()
-					}, [v(k).isLive.value ? (h(), u("svg", ge, [...r[9] ||= [d("rect", {
+						disabled: x(j).isStarting.value,
+						"aria-label": x(j).isLive.value ? "Pause" : "Start",
+						onClick: r[5] ||= (e) => x(j).toggle()
+					}, [x(j).isLive.value ? (v(), d("svg", _e, [...r[10] ||= [f("rect", {
 						x: "6",
 						y: "5",
 						width: "4",
 						height: "14",
 						rx: "1"
-					}, null, -1), d("rect", {
+					}, null, -1), f("rect", {
 						x: "14",
 						y: "5",
 						width: "4",
 						height: "14",
 						rx: "1"
-					}, null, -1)]])) : (h(), u("svg", _e, [...r[10] ||= [d("path", { d: "M8 5v14l11-7z" }, null, -1)]]))], 8, he),
-					d("button", {
+					}, null, -1)]])) : (v(), d("svg", ve, [...r[11] ||= [f("path", { d: "M8 5v14l11-7z" }, null, -1)]]))], 8, w),
+					f("button", {
 						type: "button",
 						class: "btn btn-light rounded-circle base-camera__shutter",
-						disabled: !P.value || F.value || I.value > 0,
+						disabled: !N.value || P.value || F.value > 0,
 						"aria-label": "Capture photo",
-						onClick: r[5] ||= (e) => $()
-					}, [...r[11] ||= [d("span", { class: "base-camera__shutter-inner" }, null, -1)]], 8, ve),
-					d("button", {
+						onClick: r[6] ||= (e) => $()
+					}, [...r[12] ||= [f("span", { class: "base-camera__shutter-inner" }, null, -1)]], 8, ye),
+					f("button", {
 						type: "button",
 						class: "btn btn-dark bg-opacity-50 rounded-circle base-camera__icon-btn",
-						"aria-label": V.value ? "Flash On" : "Flash Off",
-						onClick: r[6] ||= (e) => V.value = !V.value
-					}, [V.value ? (h(), c(e, {
-						key: 0,
-						symbol: "zap"
-					})) : (h(), c(e, {
-						key: 1,
-						symbol: "zap-off"
-					}))], 8, ye)
-				])) : l("", !0)]),
-				I.value ? (h(), u("div", be, [(h(), u("p", {
-					key: I.value,
+						"aria-label": "Stop camera",
+						onClick: r[7] ||= (e) => x(j).stop()
+					}, [p(e, { symbol: "x" })])
+				])) : u("", !0)]),
+				F.value ? (v(), d("div", be, [(v(), d("p", {
+					key: F.value,
 					class: "base-camera__countdown",
-					"data-countdown": I.value
-				}, _(I.value), 9, x))])) : l("", !0),
-				L.value ? (h(), u("div", {
-					key: R.value,
+					"data-countdown": F.value
+				}, b(F.value), 9, xe))])) : u("", !0),
+				I.value ? (v(), d("div", {
+					key: L.value,
 					class: "base-camera__shutter-effect",
 					"aria-hidden": "true"
-				}, [...r[12] ||= [d("span", { class: "base-camera__shutter-aperture" }, null, -1)]])) : l("", !0),
-				f(te, {
+				}, [...r[13] ||= [f("span", { class: "base-camera__shutter-aperture" }, null, -1)]])) : u("", !0),
+				(v(), l(ee, {
+					to: "body",
+					disabled: !s.screenFlashFullscreen
+				}, [p(te, {
 					name: "base-camera-flash",
-					onAfterLeave: Z
+					onAfterLeave: Q
 				}, {
-					default: b(() => [z.value ? (h(), u("div", {
-						key: B.value,
-						class: "base-camera__screen-flash",
-						style: ne({ background: o.screenFlashColor }),
+					default: C(() => [R.value ? (v(), d("div", {
+						key: z.value,
+						class: h(["base-camera__screen-flash", { "base-camera__screen-flash--fullscreen": s.screenFlashFullscreen }]),
+						style: g({ background: s.screenFlashColor }),
 						"aria-hidden": "true"
-					}, null, 4)) : l("", !0)]),
+					}, null, 6)) : u("", !0)]),
 					_: 1
-				})
+				})], 8, ["disabled"]))
 			]),
 			_: 1
 		}, 8, [
@@ -409,19 +427,19 @@ var ie = {
 			"filter",
 			"tint-color",
 			"tint-intensity"
-		]), N.value ? (h(), u("div", S, [f(ee, {
+		]), Te.value ? (v(), d("div", Se, [p(o, {
 			modelValue: X.value,
-			"onUpdate:modelValue": r[7] ||= (e) => X.value = e,
-			min: v(k).zoomCapability.value.min,
-			max: v(k).zoomCapability.value.max,
-			step: v(k).zoomCapability.value.step
+			"onUpdate:modelValue": r[8] ||= (e) => X.value = e,
+			min: x(j).zoomCapability.value.min,
+			max: x(j).zoomCapability.value.max,
+			step: x(j).zoomCapability.value.step
 		}, null, 8, [
 			"modelValue",
 			"min",
 			"max",
 			"step"
-		])])) : l("", !0)]));
+		])])) : u("", !0)]));
 	}
 });
 //#endregion
-export { C as default };
+export { T as default };

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

@@ -116,7 +116,7 @@ var b = ["id"], x = ["for", "innerHTML"], S = { class: "dropdown" }, C = { class
 			role: "button",
 			type: "button",
 			title: L.value,
-			class: "btn dropdown-toggle",
+			class: u(["btn dropdown-toggle", { [`btn-${e.variant}`]: e.variant }]),
 			color: e.color,
 			outlined: e.outlined,
 			disabled: e.disabled
@@ -133,6 +133,7 @@ var b = ["id"], x = ["for", "innerHTML"], S = { class: "dropdown" }, C = { class
 		}, 8, [
 			"id",
 			"title",
+			"class",
 			"color",
 			"outlined",
 			"disabled"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.3.134",
+  "version": "0.3.136",
   "type": "module",
   "dependencies": {
     "@tiptap/core": "^3.30.0",