@feugene/granularity 0.3.2 → 0.4.1

package/dist/components/DsImageViewer/chunks/DsImageViewer-_LWdAHAd.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/DsImageViewer/DsImageViewer.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: "DsImageViewer",
-	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 };

package/dist/components/DsImageViewer/index.js

@@ -1,3 +0,0 @@
-import { t as e } from "./chunks/DsImageViewer-_LWdAHAd.js";
-import { t } from "../../chunks/config-C_bF_fTb.js";
-export { e as DsImageViewer, e as default, t as dsImageViewerConfig };

package/dist/components/DsInput/chunks/DsInput-B8RhHkKQ.js

@@ -1,158 +0,0 @@
-import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, mergeProps as a, nextTick as o, normalizeStyle as s, onBeforeUnmount as c, onMounted as l, onUpdated as u, openBlock as d, ref as f, renderSlot as p, useSlots as m } from "vue";
-//#region src/components/DsInput/DsInput.vue?vue&type=script&setup=true&lang.ts
-var h = { class: "relative w-full" }, g = [
-	"id",
-	"name",
-	"type",
-	"inputmode",
-	"autocomplete",
-	"placeholder",
-	"disabled",
-	"value",
-	"aria-invalid"
-], _ = /* @__PURE__ */ i({
-	inheritAttrs: !1,
-	__name: "DsInput",
-	props: {
-		modelValue: {},
-		type: { default: "text" },
-		placeholder: { default: void 0 },
-		autocomplete: { default: void 0 },
-		inputmode: { default: void 0 },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		invalid: {
-			type: Boolean,
-			default: !1
-		},
-		state: { default: "default" },
-		name: { default: void 0 },
-		id: { default: void 0 },
-		size: { default: "md" },
-		textAlign: { default: "left" },
-		prefixMinWidth: { default: void 0 },
-		prefixMaxWidth: { default: void 0 },
-		suffixMinWidth: { default: void 0 },
-		suffixMaxWidth: { default: void 0 }
-	},
-	emits: ["update:modelValue"],
-	setup(i, { expose: _, emit: v }) {
-		let y = i, b = v, x = f(null);
-		function S() {
-			x.value?.focus();
-		}
-		_({ focus: S });
-		let C = m(), w = e(() => !!C.prefix), T = e(() => !!C.suffix), E = e(() => ({
-			xs: "2rem",
-			sm: "2.25rem",
-			md: "2.5rem",
-			lg: "3rem"
-		})[y.size]), D = e(() => y.prefixMinWidth ?? E.value), O = e(() => y.suffixMinWidth ?? E.value), k = f(null), A = f(null), j = f(void 0), M = f(void 0), N = null, P = !1;
-		function F(e) {
-			if (!e) return;
-			let t = Math.ceil(e.getBoundingClientRect().width || 0);
-			if (!(t <= 0)) return `${t}px`;
-		}
-		function I() {
-			j.value = w.value ? F(k.value) : void 0, M.value = T.value ? F(A.value) : void 0;
-		}
-		function L() {
-			typeof ResizeObserver > "u" || (N ||= new ResizeObserver(() => I()), N.disconnect(), k.value && N.observe(k.value), A.value && N.observe(A.value));
-		}
-		function R() {
-			P || (P = !0, o(() => {
-				P = !1, I(), L();
-			}));
-		}
-		l(() => R()), u(() => R()), c(() => N?.disconnect());
-		function z(e, t) {
-			if (e === "0px") return t;
-			if (t === "0px") return e;
-			let n = e.endsWith("px") ? Number(e.slice(0, -2)) : null, r = t.endsWith("px") ? Number(t.slice(0, -2)) : null;
-			return n !== null && Number.isFinite(n) && r !== null && Number.isFinite(r) ? `${n + r}px` : `calc(${e} + ${t})`;
-		}
-		let B = e(() => ({
-			xs: "10px",
-			sm: "12px",
-			md: "12px",
-			lg: "16px"
-		})[y.size]), V = e(() => {
-			let e = w.value ? j.value ?? D.value : "0px", t = T.value ? M.value ?? O.value : "0px";
-			return {
-				paddingLeft: w.value ? z(e, B.value) : void 0,
-				paddingRight: T.value ? z(t, B.value) : void 0
-			};
-		}), H = e(() => ({
-			minWidth: D.value,
-			maxWidth: y.prefixMaxWidth
-		})), U = e(() => ({
-			minWidth: O.value,
-			maxWidth: y.suffixMaxWidth
-		})), W = e(() => ({
-			xs: "h-7 px-2.5 text-[12px]",
-			sm: "h-8 px-3 text-[13px]",
-			md: "h-10 px-3 text-[14px]",
-			lg: "h-11 px-4 text-[16px]"
-		})[y.size]), G = e(() => ({
-			left: "text-left",
-			center: "text-center",
-			right: "text-right"
-		})[y.textAlign]), K = e(() => {
-			let e = y.state, t = {
-				default: "border-[var(--brd)]",
-				success: "border-[var(--ds-success)] focus-visible:ring-[var(--ds-success)]",
-				warning: "border-[var(--ds-warning)] focus-visible:ring-[var(--ds-warning)]",
-				danger: "border-[var(--ds-danger)] focus-visible:ring-[var(--ds-danger)]"
-			};
-			return [
-				W.value,
-				G.value,
-				y.invalid ? t.danger : t[e]
-			].join(" ");
-		});
-		function q(e) {
-			b("update:modelValue", e.target.value);
-		}
-		return (e, i) => (d(), n("div", h, [
-			e.$slots.prefix ? (d(), n("div", {
-				key: 0,
-				ref_key: "prefixEl",
-				ref: k,
-				"data-testid": "ds-input-prefix",
-				class: "absolute inset-y-0 left-0 flex items-center justify-center border-r border-[var(--brd)] px-2 text-[var(--muted-fg)] pointer-events-none select-none truncate",
-				style: s(H.value),
-				"aria-hidden": "true"
-			}, [p(e.$slots, "prefix")], 4)) : t("", !0),
-			r("input", a({
-				id: y.id,
-				ref_key: "inputEl",
-				ref: x
-			}, e.$attrs, {
-				name: y.name,
-				type: y.type,
-				inputmode: y.inputmode,
-				autocomplete: y.autocomplete,
-				placeholder: y.placeholder,
-				disabled: y.disabled,
-				value: y.modelValue,
-				"aria-invalid": y.invalid ? "true" : void 0,
-				class: ["w-full rounded-md border bg-[var(--bg)] text-[var(--fg)] placeholder:text-[var(--muted-fg)] focus:placeholder:text-transparent transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed", K.value],
-				style: V.value,
-				onInput: q
-			}), null, 16, g),
-			e.$slots.suffix ? (d(), n("div", {
-				key: 1,
-				ref_key: "suffixEl",
-				ref: A,
-				"data-testid": "ds-input-suffix",
-				class: "absolute inset-y-0 right-0 flex items-center justify-center border-l border-[var(--brd)] px-2 text-[var(--muted-fg)] pointer-events-none select-none truncate",
-				style: s(U.value),
-				"aria-hidden": "true"
-			}, [p(e.$slots, "suffix")], 4)) : t("", !0)
-		]));
-	}
-});
-//#endregion
-export { _ as t };

package/dist/components/DsInput/index.js

@@ -1,3 +0,0 @@
-import { t as e } from "./chunks/DsInput-B8RhHkKQ.js";
-import { n as t, t as n } from "../../chunks/config-Bo4SoxQg.js";
-export { e as DsInput, e as default, n as dsInputConfig, t as dsInputSafelist };