morya-ui 0.1.1 → 0.2.2

package/dist/scroll-top/index.js

@@ -1,13 +1,16 @@
-import { t as e } from "../Icon-DfpIfo2L.js";
-import { n as t, t as n } from "../overlay-oR-5MDuE.js";
-import { c as r } from "../config-CI8_WBbE.js";
-import { n as i } from "../locale-DYGhxekd.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../Icon-DfpIfo2L.js";
+import { n, t as r } from "../overlay-oR-5MDuE.js";
+import { c as i } from "../config-CI8_WBbE.js";
+import { n as a } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Teleport as a, computed as o, createBlock as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as h, openBlock as g, ref as _, renderSlot as v, unref as y, watch as b } from "vue";
+import { Teleport as o, computed as s, createBlock as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, mergeProps as p, onBeforeUnmount as m, onMounted as h, openBlock as g, ref as _, renderSlot as v, unref as y, useAttrs as b, watch as x } from "vue";
 //#region src/components/ScrollTop/ScrollTop.vue?vue&type=script&setup=true&lang.ts
-var x = ["aria-label", "hidden"], S = /* @__PURE__ */ d({
+var S = ["aria-label", "hidden"], C = /* @__PURE__ */ f({
+	inheritAttrs: !1,
 	__name: "ScrollTop",
 	props: {
+		pt: {},
 		threshold: { default: 400 },
 		target: { default: "window" },
 		right: {},
@@ -18,31 +21,31 @@ var x = ["aria-label", "hidden"], S = /* @__PURE__ */ d({
 		},
 		appendTo: {}
 	},
-	setup(d) {
-		let S = d, C = r(), w = i(), T = _(null), E = _(null), D = _(!1), O = o(() => t(S, C.value.appendTo)), k = o(() => n(S, C.value.appendTo));
-		function A(e) {
+	setup(f) {
+		let C = f, w = b(), { rootAttrs: T } = e(w, () => C.pt), E = i(), D = a(), O = _(null), k = _(null), A = _(!1), j = s(() => n(C, E.value.appendTo)), M = s(() => r(C, E.value.appendTo));
+		function N(e) {
 			if (e != null) return typeof e == "number" ? `${e}px` : e;
 		}
-		let j = o(() => ["m-scrolltop", {
-			"m-scrolltop--visible": D.value,
-			"m-scrolltop--parent": S.target === "parent",
-			"m-scrolltop--teleported": k.value
-		}]), M = o(() => {
-			let e = {}, t = A(S.right), n = A(S.bottom);
+		let P = s(() => ["m-scrolltop", {
+			"m-scrolltop--visible": A.value,
+			"m-scrolltop--parent": C.target === "parent",
+			"m-scrolltop--teleported": M.value
+		}]), F = s(() => {
+			let e = {}, t = N(C.right), n = N(C.bottom);
 			return t && (e.right = t), n && (e.bottom = n), e;
 		});
-		function N() {
-			return S.target === "window" ? window : T.value?.parentElement ?? window;
+		function I() {
+			return C.target === "window" ? window : O.value?.parentElement ?? window;
 		}
-		function P() {
-			let e = N();
+		function L() {
+			let e = I();
 			return e === window ? window.scrollY || document.documentElement.scrollTop : e.scrollTop;
 		}
-		function F() {
-			D.value = P() >= S.threshold;
+		function R() {
+			A.value = L() >= C.threshold;
 		}
-		function I() {
-			let e = N();
+		function z() {
+			let e = I();
 			if (e === window) {
 				window.scrollTo({
 					top: 0,
@@ -55,36 +58,36 @@ var x = ["aria-label", "hidden"], S = /* @__PURE__ */ d({
 				behavior: "smooth"
 			});
 		}
-		function L() {
-			N().addEventListener("scroll", F, { passive: !0 }), F();
+		function B() {
+			I().addEventListener("scroll", R, { passive: !0 }), R();
 		}
-		function R() {
-			N().removeEventListener("scroll", F);
+		function V() {
+			I().removeEventListener("scroll", R);
 		}
-		return h(() => L()), m(() => R()), b(() => S.target, () => {
-			R(), L();
-		}), (t, n) => (g(), c("span", {
+		return h(() => B()), m(() => V()), x(() => C.target, () => {
+			V(), B();
+		}), (e, n) => (g(), l("span", {
 			ref_key: "anchor",
-			ref: T,
+			ref: O,
 			class: "m-scrolltop-anchor",
 			"aria-hidden": "true"
-		}, [(g(), s(a, {
-			to: O.value.to,
-			disabled: O.value.disabled
-		}, [l("button", {
+		}, [(g(), c(o, {
+			to: j.value.to,
+			disabled: j.value.disabled
+		}, [u("button", p(y(T), {
 			ref_key: "root",
-			ref: E,
+			ref: k,
 			type: "button",
-			class: f(j.value),
-			style: p(M.value),
-			"aria-label": y(w).backToTop,
-			hidden: !D.value,
-			onClick: I
-		}, [v(t.$slots, "default", {}, () => [u(e, {
+			class: P.value,
+			style: F.value,
+			"aria-label": y(D).backToTop,
+			hidden: !A.value,
+			onClick: z
+		}), [v(e.$slots, "default", {}, () => [d(t, {
 			name: "arrow-up",
 			size: "sm"
-		})])], 14, x)], 8, ["to", "disabled"]))], 512));
+		})])], 16, S)], 8, ["to", "disabled"]))], 512));
 	}
 });
 //#endregion
-export { S as MScrollTop };
+export { C as MScrollTop };