@feugene/granularity 0.4.0 → 0.4.1

package/dist/components/GrFormFile/chunks/GrFormFile-DfinD5Iv.js

@@ -1,248 +0,0 @@
-import { t as e } from "../../../chunks/x--kxrj3ez.js";
-import { t } from "../../GrButton/chunks/GrButton-BXVVt6Od.js";
-import { t as n } from "../../../chunks/_plugin-vue_export-helper-CHO2XVys.js";
-import { t as r } from "../../GrIcon/chunks/GrIcon-CXIHuG7L.js";
-import { i } from "../../../chunks/directives-Dr5NPOT8.js";
-import { l as a, o, u as s } from "../../../chunks/fileValidation-LFD-vwil.js";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, markRaw as g, nextTick as _, normalizeClass as v, openBlock as y, ref as b, renderList as x, renderSlot as S, toDisplayString as C, unref as w, watch as T, withCtx as E, withDirectives as D, withModifiers as O } from "vue";
-import '../../../GrFormFile.css';//#region ~icons/lucide/upload
-var k = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function A(e, t) {
-	return y(), f("svg", k, [...t[0] ||= [p("path", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "M12 3v12m5-7l-5-5l-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
-	}, null, -1)]]);
-}
-var j = g({
-	name: "lucide-upload",
-	render: A
-}), M = [
-	"multiple",
-	"accept",
-	"disabled"
-], N = { class: "flex flex-col gap-2" }, P = { class: "flex flex-wrap items-center gap-3" }, ee = { class: "ml-2" }, F = { class: "ml-2" }, I = { class: "ml-2" }, L = ["title"], R = {
-	key: 3,
-	class: "text-sm text-[var(--muted-fg)]",
-	"data-ds-form-file-placeholder": ""
-}, z = {
-	key: 0,
-	class: "flex flex-col gap-2"
-}, B = ["title"], V = ["disabled", "onClick"], H = {
-	key: 0,
-	class: "text-sm text-[var(--ds-danger)]",
-	"data-ds-form-file-errors": ""
-}, U = /* @__PURE__ */ n(/* @__PURE__ */ h({
-	name: "GrFormFile",
-	__name: "GrFormFile",
-	props: {
-		modelValue: {},
-		multiple: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		accept: { default: void 0 },
-		validators: { default: void 0 },
-		uploadText: { default: "Upload file" },
-		changeText: { default: "Change file" },
-		removeText: { default: "Remove" },
-		clearAllText: { default: "Clear all" },
-		placeholder: { default: "No files selected" },
-		validate: {
-			type: Function,
-			default: void 0
-		}
-	},
-	emits: [
-		"update:modelValue",
-		"change",
-		"clear",
-		"validation",
-		"update:errors"
-	],
-	setup(n, { emit: h }) {
-		let g = n, k = h, A = b(null), U = b([]), W = l(() => g.multiple ? Array.isArray(g.modelValue) ? g.modelValue : [] : g.modelValue instanceof File ? [g.modelValue] : []), G = l(() => W.value.length > 0);
-		function K() {
-			A.value && (A.value.value = "");
-		}
-		function q(e) {
-			U.value = e, k("validation", e), k("update:errors", e);
-		}
-		function J() {
-			U.value.length !== 0 && q([]);
-		}
-		function Y() {
-			g.disabled || A.value?.click();
-		}
-		function X(e) {
-			let t = g.multiple ? e : e[0] ?? null;
-			k("update:modelValue", t), k("change", t);
-		}
-		async function Z(e) {
-			let t = (e) => !!e && typeof e.then == "function", n = g.validate ? async ({ files: e }) => await g.validate?.(e) ?? [] : void 0, r = a(e, [
-				o(g.accept),
-				...g.validators ?? [],
-				...n ? [n] : []
-			], {
-				source: "input",
-				multiple: g.multiple
-			}), { files: i, issues: s } = t(r) ? await r : r;
-			if (s.length > 0) {
-				q(s), K(), await _();
-				return;
-			}
-			J(), X(i), K(), await _();
-		}
-		async function Q(e) {
-			if (g.disabled) return;
-			let t = e.target, n = t?.files ? Array.prototype.slice.call(t.files) : [];
-			t && (t.value = ""), await _(), await Z(n);
-		}
-		function $() {
-			g.disabled || (J(), K(), k("clear"), k("update:modelValue", g.multiple ? [] : null), k("change", g.multiple ? [] : null));
-		}
-		function te(e) {
-			if (g.disabled) return;
-			if (!g.multiple) {
-				$();
-				return;
-			}
-			let t = W.value.slice();
-			t.splice(e, 1), k("update:modelValue", t), k("change", t);
-		}
-		function ne(e) {
-			return e.fileName ? `${e.fileName}: ${e.message}` : e.message;
-		}
-		let re = l(() => {
-			let e = g.validate ? async ({ files: e }) => await g.validate?.(e) ?? [] : void 0, t = [
-				o(g.accept),
-				...g.validators ?? [],
-				...e ? [e] : []
-			];
-			return {
-				enabled: !g.disabled,
-				multiple: g.multiple,
-				validators: t,
-				onFiles: async (e) => {
-					J(), X(e), K(), await _();
-				},
-				onError: (e) => {
-					e instanceof s ? q(e.issues) : q([{
-						code: "accept",
-						message: "Failed to validate dropped files"
-					}]);
-				}
-			};
-		});
-		return T(() => g.modelValue, (e) => {
-			A.value && (!e || Array.isArray(e) && e.length === 0) && (A.value.value = "");
-		}), (a, o) => D((y(), f("div", {
-			"data-ds-form-file": "",
-			class: v(["rounded-[var(--ds-radius-md)]", n.disabled ? "opacity-60 cursor-not-allowed" : ""])
-		}, [p("input", {
-			ref_key: "inputRef",
-			ref: A,
-			"data-ds-form-file-input": "",
-			type: "file",
-			tabindex: "-1",
-			"aria-hidden": "true",
-			class: "absolute opacity-0 w-px h-px pointer-events-none",
-			multiple: n.multiple,
-			accept: n.accept,
-			disabled: n.disabled,
-			onChange: Q
-		}, null, 40, M), p("div", N, [
-			p("div", P, [
-				m(t, {
-					variant: "secondary",
-					size: "sm",
-					"data-ds-form-file-upload-btn": "",
-					disabled: n.disabled,
-					onClick: O(Y, ["prevent"])
-				}, {
-					default: E(() => [m(r, {
-						size: "sm",
-						"aria-hidden": "true"
-					}, {
-						default: E(() => [m(w(j))]),
-						_: 1
-					}), p("span", ee, C(G.value ? n.changeText : n.uploadText), 1)]),
-					_: 1
-				}, 8, ["disabled"]),
-				G.value && !n.multiple ? (y(), u(t, {
-					key: 0,
-					variant: "secondary",
-					size: "sm",
-					"data-ds-form-file-clear-btn": "",
-					disabled: n.disabled,
-					onClick: O($, ["prevent"])
-				}, {
-					default: E(() => [m(r, {
-						size: "sm",
-						"aria-hidden": "true"
-					}, {
-						default: E(() => [m(w(e))]),
-						_: 1
-					}), p("span", F, C(n.removeText), 1)]),
-					_: 1
-				}, 8, ["disabled"])) : d("", !0),
-				n.multiple && G.value ? (y(), u(t, {
-					key: 1,
-					variant: "secondary",
-					size: "sm",
-					"data-ds-form-file-clear-all-btn": "",
-					disabled: n.disabled,
-					onClick: O($, ["prevent"])
-				}, {
-					default: E(() => [m(r, {
-						size: "sm",
-						"aria-hidden": "true"
-					}, {
-						default: E(() => [m(w(e))]),
-						_: 1
-					}), p("span", I, C(n.clearAllText), 1)]),
-					_: 1
-				}, 8, ["disabled"])) : d("", !0),
-				!n.multiple && G.value ? (y(), f("span", {
-					key: 2,
-					class: "text-sm text-[var(--muted-fg)] truncate max-w-[240px]",
-					"data-ds-form-file-single-name": "",
-					title: W.value[0]?.name
-				}, C(W.value[0]?.name), 9, L)) : d("", !0),
-				G.value ? d("", !0) : (y(), f("span", R, C(n.placeholder), 1))
-			]),
-			n.multiple && G.value ? (y(), f("div", z, [(y(!0), f(c, null, x(W.value, (e, t) => (y(), f("div", {
-				key: `${e.name}-${e.size}-${t}`,
-				class: "flex items-center gap-2",
-				"data-ds-form-file-item": ""
-			}, [p("span", {
-				class: "text-sm text-[var(--muted-fg)] truncate max-w-[240px]",
-				title: e.name,
-				"data-ds-form-file-item-name": ""
-			}, C(e.name), 9, B), p("button", {
-				type: "button",
-				class: "text-xs text-[var(--muted-fg)] hover:text-[var(--fg)]",
-				"data-ds-form-file-item-remove": "",
-				disabled: n.disabled,
-				onClick: O((e) => te(t), ["prevent"])
-			}, C(n.removeText), 9, V)]))), 128))])) : d("", !0),
-			S(a.$slots, "errors", { errors: U.value }, () => [U.value.length ? (y(), f("div", H, [(y(!0), f(c, null, x(U.value, (e, t) => (y(), f("div", {
-				key: t,
-				"data-ds-form-file-error": ""
-			}, C(ne(e)), 1))), 128))])) : d("", !0)], !0)
-		])], 2)), [[w(i), re.value]]);
-	}
-}), [["__scopeId", "data-v-a60cb9f7"]]);
-//#endregion
-export { U as t };

package/dist/components/GrFormSection/chunks/GrFormSection-dKpQw-vh.js

@@ -1,27 +0,0 @@
-import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, openBlock as i, renderSlot as a, toDisplayString as o, unref as s, useId as c } from "vue";
-//#region src/components/GrFormSection/GrFormSection.vue?vue&type=script&setup=true&lang.ts
-var l = ["aria-labelledby", "aria-describedby"], u = ["id"], d = ["id"], f = /* @__PURE__ */ r({
-	__name: "GrFormSection",
-	props: {
-		title: {},
-		description: { default: void 0 }
-	},
-	setup(r) {
-		let f = c(), p = c();
-		return (c, m) => (i(), t("section", {
-			"data-ds-form-section": "",
-			class: "grid gap-4",
-			"aria-labelledby": s(f),
-			"aria-describedby": r.description ? s(p) : void 0
-		}, [n("div", null, [n("div", {
-			id: s(f),
-			class: "text-[14px] font-700"
-		}, o(r.title), 9, u), r.description ? (i(), t("div", {
-			key: 0,
-			id: s(p),
-			class: "mt-1 text-[13px] text-[var(--muted-fg)]"
-		}, o(r.description), 9, d)) : e("", !0)]), a(c.$slots, "default")], 8, l));
-	}
-});
-//#endregion
-export { f as t };

package/dist/components/GrIcon/chunks/GrIcon-CXIHuG7L.js

@@ -1,25 +0,0 @@
-import { computed as e, createElementBlock as t, defineComponent as n, normalizeStyle as r, openBlock as i, renderSlot as a } from "vue";
-import '../../../GrIcon.css';//#endregion
-//#region src/components/GrIcon/GrIcon.vue
-var o = /* @__PURE__ */ n({
-	__name: "GrIcon",
-	props: { size: {} },
-	setup(n) {
-		let o = {
-			sm: 16,
-			md: 18,
-			lg: 20
-		};
-		function s(e) {
-			return typeof e == "number" ? e : o[e];
-		}
-		let c = n, l = e(() => c.size ?? "md"), u = e(() => ({ "--ds-icon-size": `${s(l.value)}px` }));
-		return (e, n) => (i(), t("span", {
-			"data-ds-icon": "",
-			class: "ds-icon inline-flex items-center justify-center align-middle",
-			style: r(u.value)
-		}, [a(e.$slots, "default")], 4));
-	}
-});
-//#endregion
-export { o as t };

package/dist/components/GrImageViewer/chunks/GrImageViewer-CQSNx-D7.js

@@ -1,322 +0,0 @@
-import { n as e, o as t, r as n, t as r } from "../../../chunks/transition-BJXMi52x.js";
-import { Fragment as i, Teleport as ee, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeStyle as f, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, watch as v, withCtx as y } from "vue";
-//#region src/components/GrImageViewer/GrImageViewer.vue?vue&type=script&setup=true&lang.ts
-var b = { class: "fixed inset-0 overflow-hidden" }, x = { class: "pointer-events-none absolute inset-x-0 top-0 z-30 px-3 py-3 sm:px-6" }, S = { class: "pointer-events-auto flex items-center justify-between gap-3" }, C = { class: "flex items-center gap-2" }, w = {
-	key: 0,
-	"data-ds-image-viewer-progress": "",
-	class: "rounded-full bg-black/35 px-3 py-1 text-xs font-600 text-white/95 sm:text-sm"
-}, T = {
-	key: 1,
-	"data-ds-image-viewer-zoom-value": "",
-	class: "rounded-full bg-black/35 px-3 py-1 text-xs font-700 text-white/95 sm:text-sm"
-}, te = ["aria-label"], ne = { class: "relative z-10 h-full w-full flex items-center justify-center px-16 py-16 sm:px-24 sm:py-20" }, re = ["aria-label"], ie = ["aria-label"], ae = { class: "h-full w-full flex items-center justify-center" }, oe = ["src"], se = {
-	key: 1,
-	class: "rounded-[var(--ds-radius-xl)] border border-white/20 bg-black/25 px-4 py-3 text-sm text-white/80"
-}, ce = { class: "pointer-events-none absolute inset-x-0 bottom-0 z-30 px-3 pb-3 sm:px-6 sm:pb-6" }, le = { class: "pointer-events-auto mx-auto w-full max-w-max" }, ue = { class: "rounded-full border border-white/20 bg-black/35 p-1 backdrop-blur-sm flex items-center gap-1" }, de = ["aria-label"], fe = ["aria-label"], pe = ["aria-label"], E = {
-	key: 1,
-	class: "mx-1 h-6 w-px bg-white/25",
-	"aria-hidden": "true"
-}, me = ["aria-label"], he = ["aria-label"], ge = 2e3, D = /* @__PURE__ */ d({
-	__name: "GrImageViewer",
-	props: {
-		modelValue: { type: Boolean },
-		urlList: {},
-		initialIndex: { default: 0 },
-		zoomRate: { default: 1.2 },
-		minScale: { default: .5 },
-		maxScale: { default: 5 },
-		hideOnClickModal: {
-			type: Boolean,
-			default: !1
-		},
-		closeOnPressEscape: {
-			type: Boolean,
-			default: !0
-		},
-		showProgress: {
-			type: Boolean,
-			default: !1
-		},
-		showZoomValue: {
-			type: Boolean,
-			default: !0
-		},
-		zIndex: { default: void 0 },
-		closeLabel: { default: "Close image viewer" },
-		prevLabel: { default: "Previous image" },
-		nextLabel: { default: "Next image" },
-		zoomInLabel: { default: "Zoom in" },
-		zoomOutLabel: { default: "Zoom out" },
-		resetZoomLabel: { default: "Reset zoom" },
-		rotateLeftLabel: { default: "Rotate left" },
-		rotateRightLabel: { default: "Rotate right" },
-		emptyText: { default: "No image" }
-	},
-	emits: [
-		"update:modelValue",
-		"close",
-		"switch",
-		"rotate"
-	],
-	setup(d, { emit: D }) {
-		let O = d, k = D, A = /\.0$/, j = a(() => O.modelValue), M = a(() => O.urlList.length), N = a(() => M.value > 0), P = m(0), F = m(1), I = m(0), L = m(0), R = m(0), z = a(() => {
-			if (N.value) return O.urlList[P.value];
-		}), B = a(() => N.value ? P.value + 1 : 0), _e = a(() => ({ zIndex: String(Number.isFinite(O.zIndex) ? O.zIndex : ge) })), ve = a(() => ({ transform: `translate3d(${L.value}px, ${R.value}px, 0) scale(${F.value}) rotate(${I.value}deg)` })), ye = a(() => {
-			let e = F.value * 100;
-			return Number.isInteger(e) ? String(e) : e.toFixed(1).replace(A, "");
-		});
-		function V(e) {
-			return N.value ? ((Number.isFinite(e) ? Math.trunc(e) : 0) % M.value + M.value) % M.value : 0;
-		}
-		function H() {
-			F.value = 1, I.value = 0, L.value = 0, R.value = 0;
-		}
-		function U(e, t) {
-			let n = V(e);
-			n !== P.value && (P.value = n, H(), t?.emitSwitch !== !1 && k("switch", n));
-		}
-		function W() {
-			if (!N.value) {
-				P.value = 0;
-				return;
-			}
-			P.value = V(O.initialIndex), H();
-		}
-		function G(e) {
-			let t = O.urlList[e];
-			if (!t) return;
-			let n = new Image();
-			n.decoding = "async", n.src = t;
-		}
-		function K() {
-			k("update:modelValue", !1), k("close");
-		}
-		function q() {
-			U(P.value - 1);
-		}
-		function J() {
-			U(P.value + 1);
-		}
-		function Y() {
-			F.value = Math.min(O.maxScale, Number((F.value * O.zoomRate).toFixed(4)));
-		}
-		function X() {
-			F.value = Math.max(O.minScale, Number((F.value / O.zoomRate).toFixed(4)));
-		}
-		function Z() {
-			I.value -= 90, k("rotate", I.value);
-		}
-		function Q() {
-			I.value += 90, k("rotate", I.value);
-		}
-		let $ = {
-			close: K,
-			prev: q,
-			next: J,
-			zoomIn: Y,
-			zoomOut: X,
-			reset: H,
-			rotateLeft: Z,
-			rotateRight: Q
-		};
-		function be() {
-			O.hideOnClickModal && K();
-		}
-		function xe(e) {
-			switch (e.key) {
-				case "Escape":
-					if (!O.closeOnPressEscape) return;
-					e.preventDefault(), K();
-					return;
-				case "ArrowLeft":
-					e.preventDefault(), q();
-					return;
-				case "ArrowRight":
-					e.preventDefault(), J();
-					return;
-				case "+":
-				case "=":
-				case "Add":
-					e.preventDefault(), Y();
-					return;
-				case "-":
-				case "_":
-				case "Subtract":
-					e.preventDefault(), X();
-					return;
-				case "0":
-					e.preventDefault(), H();
-					break;
-				default:
-			}
-		}
-		return v(() => O.modelValue, (e) => {
-			e && W();
-		}, { immediate: !0 }), v(() => O.initialIndex, () => {
-			O.modelValue && W();
-		}), v(() => O.urlList, () => {
-			O.modelValue && W();
-		}, { deep: !0 }), v(P, (e) => {
-			!N.value || M.value < 2 || (G(V(e - 1)), G(V(e + 1)));
-		}, { immediate: !0 }), (a, m) => (p(), o(ee, { to: "body" }, [u(_(r), {
-			show: j.value,
-			as: "template"
-		}, {
-			default: y(() => [u(_(t), {
-				as: "div",
-				class: "fixed inset-0",
-				style: f(_e.value),
-				role: "dialog",
-				"aria-modal": "true",
-				static: !0,
-				onKeydown: xe
-			}, {
-				default: y(() => [l("div", b, [u(_(e), {
-					as: "template",
-					enter: "duration-150 ease-out",
-					"enter-from": "opacity-0",
-					"enter-to": "opacity-100",
-					leave: "duration-120 ease-in",
-					"leave-from": "opacity-100",
-					"leave-to": "opacity-0"
-				}, {
-					default: y(() => [l("div", {
-						"data-ds-image-viewer-overlay": "",
-						class: "absolute inset-0 bg-black/60 backdrop-blur-sm",
-						"aria-hidden": "true",
-						onClick: be
-					})]),
-					_: 1
-				}), u(_(e), {
-					as: "template",
-					enter: "duration-180 ease-out",
-					"enter-from": "opacity-0 scale-98",
-					"enter-to": "opacity-100 scale-100",
-					leave: "duration-130 ease-in",
-					"leave-from": "opacity-100 scale-100",
-					"leave-to": "opacity-0 scale-98"
-				}, {
-					default: y(() => [u(_(n), {
-						"data-ds-image-viewer-panel": "",
-						class: "relative z-10 h-full w-full outline-none",
-						tabindex: "-1"
-					}, {
-						default: y(() => [
-							l("div", x, [l("div", S, [l("div", C, [d.showProgress ? (p(), c("div", w, g(B.value) + " / " + g(M.value), 1)) : s("", !0), d.showZoomValue ? (p(), c("div", T, g(ye.value) + "% ", 1)) : s("", !0)]), l("button", {
-								type: "button",
-								"data-ds-image-viewer-close": "",
-								"aria-label": d.closeLabel,
-								class: "h-11 w-11 flex items-center justify-center rounded-full border border-white/20 bg-black/35 text-white transition-colors hover:bg-black/55 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/80",
-								onClick: K
-							}, [...m[0] ||= [l("span", {
-								"aria-hidden": "true",
-								class: "text-lg leading-none"
-							}, "✕", -1)]], 8, te)])]),
-							l("div", ne, [
-								M.value > 1 ? (p(), c("button", {
-									key: 0,
-									type: "button",
-									"data-ds-image-viewer-prev": "",
-									"aria-label": d.prevLabel,
-									class: "absolute left-3 top-1/2 z-20 h-12 w-12 -translate-y-1/2 flex items-center justify-center rounded-full border border-white/20 bg-black/35 text-white transition-colors hover:bg-black/55 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/80 sm:left-6",
-									onClick: q
-								}, [...m[1] ||= [l("span", {
-									"aria-hidden": "true",
-									class: "text-xl leading-none"
-								}, "‹", -1)]], 8, re)) : s("", !0),
-								M.value > 1 ? (p(), c("button", {
-									key: 1,
-									type: "button",
-									"data-ds-image-viewer-next": "",
-									"aria-label": d.nextLabel,
-									class: "absolute right-3 top-1/2 z-20 h-12 w-12 -translate-y-1/2 flex items-center justify-center rounded-full border border-white/20 bg-black/35 text-white transition-colors hover:bg-black/55 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/80 sm:right-6",
-									onClick: J
-								}, [...m[2] ||= [l("span", {
-									"aria-hidden": "true",
-									class: "text-xl leading-none"
-								}, "›", -1)]], 8, ie)) : s("", !0),
-								l("div", ae, [z.value ? (p(), c("img", {
-									key: 0,
-									"data-ds-image-viewer-image": "",
-									src: z.value,
-									alt: "",
-									draggable: "false",
-									class: "max-h-full max-w-full select-none object-contain will-change-transform transition-transform duration-150 ease-out",
-									style: f(ve.value)
-								}, null, 12, oe)) : (p(), c("div", se, g(d.emptyText), 1))])
-							]),
-							l("div", ce, [l("div", le, [h(a.$slots, "toolbar", {
-								index: P.value,
-								displayIndex: B.value,
-								total: M.value,
-								scale: F.value,
-								rotation: I.value,
-								actions: $
-							}, () => [l("div", ue, [
-								l("button", {
-									type: "button",
-									"data-ds-image-viewer-zoom-out": "",
-									"aria-label": d.zoomOutLabel,
-									class: "h-11 min-w-11 px-2 flex items-center justify-center rounded-full text-sm font-600 text-white transition-colors hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/80",
-									onClick: X
-								}, " − ", 8, de),
-								l("button", {
-									type: "button",
-									"data-ds-image-viewer-zoom-reset": "",
-									"aria-label": d.resetZoomLabel,
-									class: "h-11 min-w-11 px-3 flex items-center justify-center rounded-full text-xs font-700 text-white transition-colors hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/80",
-									onClick: H
-								}, " 100% ", 8, fe),
-								l("button", {
-									type: "button",
-									"data-ds-image-viewer-zoom-in": "",
-									"aria-label": d.zoomInLabel,
-									class: "h-11 min-w-11 px-2 flex items-center justify-center rounded-full text-sm font-600 text-white transition-colors hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/80",
-									onClick: Y
-								}, " + ", 8, pe),
-								a.$slots["toolbar-actions"] ? (p(), c(i, { key: 0 }, [
-									m[3] ||= l("div", {
-										class: "mx-1 h-6 w-px bg-white/25",
-										"aria-hidden": "true"
-									}, null, -1),
-									h(a.$slots, "toolbar-actions", {
-										index: P.value,
-										displayIndex: B.value,
-										total: M.value,
-										scale: F.value,
-										rotation: I.value,
-										actions: $
-									}),
-									m[4] ||= l("div", {
-										class: "mx-1 h-6 w-px bg-white/25",
-										"aria-hidden": "true"
-									}, null, -1)
-								], 64)) : (p(), c("div", E)),
-								l("button", {
-									type: "button",
-									"data-ds-image-viewer-rotate-left": "",
-									"aria-label": d.rotateLeftLabel,
-									class: "h-11 min-w-11 px-2 flex items-center justify-center rounded-full text-sm font-600 text-white transition-colors hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/80",
-									onClick: Z
-								}, " ↺ ", 8, me),
-								l("button", {
-									type: "button",
-									"data-ds-image-viewer-rotate-right": "",
-									"aria-label": d.rotateRightLabel,
-									class: "h-11 min-w-11 px-2 flex items-center justify-center rounded-full text-sm font-600 text-white transition-colors hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/80",
-									onClick: Q
-								}, " ↻ ", 8, he)
-							])])])])
-						]),
-						_: 3
-					})]),
-					_: 3
-				})])]),
-				_: 3
-			}, 8, ["style"])]),
-			_: 3
-		}, 8, ["show"])]));
-	}
-});
-//#endregion
-export { D as t };