morya-ui 0.1.1 → 0.2.1

package/dist/carousel/index.js

@@ -1,18 +1,21 @@
-import { t as e } from "../Icon-DfpIfo2L.js";
-import { n as t } from "../locale-DYGhxekd.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../Icon-DfpIfo2L.js";
+import { n } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, watch as y } from "vue";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as x, watch as S } from "vue";
 //#region src/components/Carousel/Carousel.vue?vue&type=script&setup=true&lang.ts
-var b = ["aria-label", "disabled"], x = { class: "m-carousel__main" }, S = {
+var C = ["aria-label", "disabled"], w = { class: "m-carousel__main" }, T = {
 	key: 0,
 	class: "m-carousel__indicators"
-}, C = [
+}, E = [
 	"aria-label",
 	"aria-current",
 	"onClick"
-], w = ["aria-label", "disabled"], T = 40, E = /* @__PURE__ */ l({
+], D = ["aria-label", "disabled"], O = 40, k = /* @__PURE__ */ u({
+	inheritAttrs: !1,
 	__name: "Carousel",
 	props: {
+		pt: {},
 		value: {},
 		page: {},
 		numVisible: { default: 1 },
@@ -35,118 +38,118 @@ var b = ["aria-label", "disabled"], x = { class: "m-carousel__main" }, S = {
 		}
 	},
 	emits: ["update:page"],
-	setup(l, { emit: E }) {
-		let D = l, O = E, k = m(0), A = r(() => D.page ?? k.value), j = t(), M = null, N = r(() => Math.max(0, D.value.length - D.numVisible)), P = r(() => Array.from({ length: N.value + 1 }, (e, t) => t)), F = r(() => {
-			let e = Math.min(A.value, N.value);
-			return D.value.slice(e, e + D.numVisible).map((t, n) => ({
+	setup(u, { emit: k }) {
+		let A = u, j = x(), { rootAttrs: M } = e(j, () => A.pt), N = k, P = g(0), F = i(() => A.page ?? P.value), I = n(), L = null, R = i(() => Math.max(0, A.value.length - A.numVisible)), z = i(() => Array.from({ length: R.value + 1 }, (e, t) => t)), B = i(() => {
+			let e = Math.min(F.value, R.value);
+			return A.value.slice(e, e + A.numVisible).map((t, n) => ({
 				item: t,
 				index: e + n
 			}));
 		});
-		function I(e) {
+		function V(e) {
 			let t = e;
-			if (D.circular) {
-				let n = N.value + 1;
+			if (A.circular) {
+				let n = R.value + 1;
 				t = (e % n + n) % n;
-			} else t = Math.min(N.value, Math.max(0, e));
-			k.value = t, O("update:page", t);
+			} else t = Math.min(R.value, Math.max(0, e));
+			P.value = t, N("update:page", t);
 		}
-		y(N, (e) => {
-			k.value > e && (k.value = e);
+		S(R, (e) => {
+			P.value > e && (P.value = e);
 		});
-		function L() {
-			I(A.value - 1);
+		function H() {
+			V(F.value - 1);
 		}
-		function R() {
-			I(A.value + 1);
+		function U() {
+			V(F.value + 1);
 		}
-		function z(e) {
-			e.key === "ArrowLeft" ? (e.preventDefault(), L()) : e.key === "ArrowRight" && (e.preventDefault(), R());
+		function W(e) {
+			e.key === "ArrowLeft" ? (e.preventDefault(), H()) : e.key === "ArrowRight" && (e.preventDefault(), U());
 		}
-		let B = null;
-		function V(e) {
-			!e.isPrimary || e.pointerType === "mouse" || (B = e.clientX);
+		let G = null;
+		function K(e) {
+			!e.isPrimary || e.pointerType === "mouse" || (G = e.clientX);
 		}
-		function H(e) {
-			if (B === null || !e.isPrimary) return;
-			let t = e.clientX - B;
-			B = null, !(Math.abs(t) < T) && (t > 0 ? L() : R());
+		function q(e) {
+			if (G === null || !e.isPrimary) return;
+			let t = e.clientX - G;
+			G = null, !(Math.abs(t) < O) && (t > 0 ? H() : U());
 		}
-		function U() {
-			B = null;
+		function J() {
+			G = null;
 		}
-		function W(e) {
-			return j.value.carouselPage.replace("{index}", String(e + 1)).replace("{total}", String(P.value.length));
+		function Y(e) {
+			return I.value.carouselPage.replace("{index}", String(e + 1)).replace("{total}", String(z.value.length));
 		}
-		function G() {
-			M !== null && (clearInterval(M), M = null);
+		function X() {
+			L !== null && (clearInterval(L), L = null);
 		}
-		function K() {
-			G(), !(!D.autoplay || D.value.length <= D.numVisible) && (M = setInterval(() => {
-				if (!D.circular && A.value >= N.value) {
-					I(0);
+		function Z() {
+			X(), !(!A.autoplay || A.value.length <= A.numVisible) && (L = setInterval(() => {
+				if (!A.circular && F.value >= R.value) {
+					V(0);
 					return;
 				}
-				R();
-			}, Math.max(400, D.interval)));
+				U();
+			}, Math.max(400, A.interval)));
 		}
-		return y(() => [
-			D.autoplay,
-			D.interval,
-			D.value.length,
-			D.numVisible
-		], () => K(), { immediate: !0 }), f(G), (t, r) => (p(), a("div", {
+		return S(() => [
+			A.autoplay,
+			A.interval,
+			A.value.length,
+			A.numVisible
+		], () => Z(), { immediate: !0 }), m(X), (e, n) => (h(), o("div", d(b(M), {
 			class: "m-carousel",
-			onKeydown: z,
-			onMouseenter: G,
-			onMouseleave: K,
-			onFocusin: G,
-			onFocusout: K
-		}, [
-			l.showArrows ? (p(), a("button", {
+			onKeydown: W,
+			onMouseenter: X,
+			onMouseleave: Z,
+			onFocusin: X,
+			onFocusout: Z
+		}), [
+			u.showArrows ? (h(), o("button", {
 				key: 0,
 				type: "button",
-				class: "m-carousel__nav wk-carousel__nav--prev",
-				"aria-label": v(j).prev,
-				disabled: !l.circular && A.value <= 0,
-				onClick: L
-			}, [c(e, {
+				class: "m-carousel__nav m-carousel__nav--prev",
+				"aria-label": b(I).prev,
+				disabled: !u.circular && F.value <= 0,
+				onClick: H
+			}, [l(t, {
 				name: "chevron-left",
 				size: "sm"
-			})], 8, b)) : i("", !0),
-			o("div", x, [o("div", {
+			})], 8, C)) : a("", !0),
+			s("div", w, [s("div", {
 				class: "m-carousel__viewport",
-				onPointerdown: V,
-				onPointerup: H,
-				onPointercancel: U
-			}, [(p(!0), a(n, null, h(F.value, (e) => (p(), a("div", {
-				key: e.index,
+				onPointerdown: K,
+				onPointerup: q,
+				onPointercancel: J
+			}, [(h(!0), o(r, null, _(B.value, (t) => (h(), o("div", {
+				key: t.index,
 				class: "m-carousel__item",
-				style: d({ flex: `0 0 ${100 / l.numVisible}%` })
-			}, [g(t.$slots, "item", {
-				item: e.item,
-				index: e.index
-			}, () => [s(_(e.item), 1)])], 4))), 128))], 32), l.showIndicators && P.value.length > 1 ? (p(), a("div", S, [(p(!0), a(n, null, h(P.value, (e) => (p(), a("button", {
+				style: p({ flex: `0 0 ${100 / u.numVisible}%` })
+			}, [v(e.$slots, "item", {
+				item: t.item,
+				index: t.index
+			}, () => [c(y(t.item), 1)])], 4))), 128))], 32), u.showIndicators && z.value.length > 1 ? (h(), o("div", T, [(h(!0), o(r, null, _(z.value, (e) => (h(), o("button", {
 				key: e,
 				type: "button",
-				class: u(["m-carousel__indicator", { "m-carousel__indicator--active": e === A.value }]),
-				"aria-label": W(e),
-				"aria-current": e === A.value ? "true" : void 0,
-				onClick: (t) => I(e)
-			}, null, 10, C))), 128))])) : i("", !0)]),
-			l.showArrows ? (p(), a("button", {
+				class: f(["m-carousel__indicator", { "m-carousel__indicator--active": e === F.value }]),
+				"aria-label": Y(e),
+				"aria-current": e === F.value ? "true" : void 0,
+				onClick: (t) => V(e)
+			}, null, 10, E))), 128))])) : a("", !0)]),
+			u.showArrows ? (h(), o("button", {
 				key: 1,
 				type: "button",
-				class: "m-carousel__nav wk-carousel__nav--next",
-				"aria-label": v(j).next,
-				disabled: !l.circular && A.value >= N.value,
-				onClick: R
-			}, [c(e, {
+				class: "m-carousel__nav m-carousel__nav--next",
+				"aria-label": b(I).next,
+				disabled: !u.circular && F.value >= R.value,
+				onClick: U
+			}, [l(t, {
 				name: "chevron-right",
 				size: "sm"
-			})], 8, w)) : i("", !0)
-		], 32));
+			})], 8, D)) : a("", !0)
+		], 16));
 	}
 });
 //#endregion
-export { E as MCarousel };
+export { k as MCarousel };