@milaboratories/uikit 2.10.37 → 2.10.39

package/dist/composition/usePosition.js

@@ -1,33 +1,35 @@
-import { onMounted as h } from "vue";
-import { useEventListener as o } from "./useEventListener.js";
-import { requestTick as f } from "../helpers/utils.js";
-function w(i, s) {
-  const e = f(() => {
-    if (i.value) {
-      const { scrollTop: n, scrollLeft: r, scrollHeight: l, scrollWidth: c, clientHeight: u, clientWidth: d } = document.documentElement, t = i.value.getBoundingClientRect();
-      s({
-        scrollTop: n,
-        scrollLeft: r,
-        scrollHeight: l,
-        scrollWidth: c,
-        clientHeight: u,
-        clientWidth: d,
-        offsetY: n + t.y,
-        offsetX: r + t.x,
-        top: t.top,
-        right: t.right,
-        bottom: t.bottom,
-        left: t.left,
-        width: t.width,
-        height: t.height,
-        x: t.x,
-        y: t.y
-      });
-    }
-  });
-  h(e), o(window, "scroll", e, { capture: !0, passive: !0 }), o(window, "resize", e, { passive: !0 }), o(window, "adjust", e, !0);
+import { useEventListener as e } from "./useEventListener.js";
+import { requestTick as t } from "../helpers/utils.js";
+import { onMounted as n } from "vue";
+function r(r, i) {
+	let a = t(() => {
+		if (r.value) {
+			let { scrollTop: e, scrollLeft: t, scrollHeight: n, scrollWidth: a, clientHeight: o, clientWidth: s } = document.documentElement, c = r.value.getBoundingClientRect();
+			i({
+				scrollTop: e,
+				scrollLeft: t,
+				scrollHeight: n,
+				scrollWidth: a,
+				clientHeight: o,
+				clientWidth: s,
+				offsetY: e + c.y,
+				offsetX: t + c.x,
+				top: c.top,
+				right: c.right,
+				bottom: c.bottom,
+				left: c.left,
+				width: c.width,
+				height: c.height,
+				x: c.x,
+				y: c.y
+			});
+		}
+	});
+	n(a), e(window, "scroll", a, {
+		capture: !0,
+		passive: !0
+	}), e(window, "resize", a, { passive: !0 }), e(window, "adjust", a, !0);
 }
-export {
-  w as useElementPosition
-};
-//# sourceMappingURL=usePosition.js.map
+export { r as useElementPosition };
+
+//# sourceMappingURL=usePosition.js.map

package/dist/composition/usePosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePosition.js","sources":["../../src/composition/usePosition.ts"],"sourcesContent":["import { type Ref, onMounted } from \"vue\";\nimport { useEventListener } from \"./useEventListener\";\nimport { requestTick } from \"../helpers/utils\";\nimport type { ElementPosition } from \"../types\";\n\nexport function useElementPosition(\n  el: Ref<HTMLElement | undefined>,\n  cb: (pos: ElementPosition) => void,\n) {\n  const update = () => {\n    if (el.value) {\n      const { scrollTop, scrollLeft, scrollHeight, scrollWidth, clientHeight, clientWidth } =\n        document.documentElement;\n      const rect = el.value.getBoundingClientRect();\n      cb({\n        scrollTop,\n        scrollLeft,\n        scrollHeight,\n        scrollWidth,\n        clientHeight,\n        clientWidth,\n        offsetY: scrollTop + rect.y,\n        offsetX: scrollLeft + rect.x,\n        top: rect.top,\n        right: rect.right,\n        bottom: rect.bottom,\n        left: rect.left,\n        width: rect.width,\n        height: rect.height,\n        x: rect.x,\n        y: rect.y,\n      });\n    }\n  };\n\n  const handle = requestTick(update);\n\n  onMounted(handle);\n\n  useEventListener(window, \"scroll\", handle, { capture: true, passive: true });\n\n  useEventListener(window, \"resize\", handle, { passive: true });\n\n  useEventListener(window, \"adjust\", handle, true);\n}\n"],"names":["useElementPosition","el","cb","handle","requestTick","scrollTop","scrollLeft","scrollHeight","scrollWidth","clientHeight","clientWidth","rect","onMounted","useEventListener"],"mappings":";;;AAKO,SAASA,EACdC,GACAC,GACA;AA2BA,QAAMC,IAASC,EA1BA,MAAM;AACnB,QAAIH,EAAG,OAAO;AACZ,YAAM,EAAE,WAAAI,GAAW,YAAAC,GAAY,cAAAC,GAAc,aAAAC,GAAa,cAAAC,GAAc,aAAAC,MACtE,SAAS,iBACLC,IAAOV,EAAG,MAAM,sBAAA;AACtB,MAAAC,EAAG;AAAA,QACD,WAAAG;AAAA,QACA,YAAAC;AAAA,QACA,cAAAC;AAAA,QACA,aAAAC;AAAA,QACA,cAAAC;AAAA,QACA,aAAAC;AAAA,QACA,SAASL,IAAYM,EAAK;AAAA,QAC1B,SAASL,IAAaK,EAAK;AAAA,QAC3B,KAAKA,EAAK;AAAA,QACV,OAAOA,EAAK;AAAA,QACZ,QAAQA,EAAK;AAAA,QACb,MAAMA,EAAK;AAAA,QACX,OAAOA,EAAK;AAAA,QACZ,QAAQA,EAAK;AAAA,QACb,GAAGA,EAAK;AAAA,QACR,GAAGA,EAAK;AAAA,MAAA,CACT;AAAA,IACH;AAAA,EACF,CAEiC;AAEjC,EAAAC,EAAUT,CAAM,GAEhBU,EAAiB,QAAQ,UAAUV,GAAQ,EAAE,SAAS,IAAM,SAAS,IAAM,GAE3EU,EAAiB,QAAQ,UAAUV,GAAQ,EAAE,SAAS,IAAM,GAE5DU,EAAiB,QAAQ,UAAUV,GAAQ,EAAI;AACjD;"}
+{"version":3,"file":"usePosition.js","names":[],"sources":["../../src/composition/usePosition.ts"],"sourcesContent":["import { type Ref, onMounted } from \"vue\";\nimport { useEventListener } from \"./useEventListener\";\nimport { requestTick } from \"../helpers/utils\";\nimport type { ElementPosition } from \"../types\";\n\nexport function useElementPosition(\n  el: Ref<HTMLElement | undefined>,\n  cb: (pos: ElementPosition) => void,\n) {\n  const update = () => {\n    if (el.value) {\n      const { scrollTop, scrollLeft, scrollHeight, scrollWidth, clientHeight, clientWidth } =\n        document.documentElement;\n      const rect = el.value.getBoundingClientRect();\n      cb({\n        scrollTop,\n        scrollLeft,\n        scrollHeight,\n        scrollWidth,\n        clientHeight,\n        clientWidth,\n        offsetY: scrollTop + rect.y,\n        offsetX: scrollLeft + rect.x,\n        top: rect.top,\n        right: rect.right,\n        bottom: rect.bottom,\n        left: rect.left,\n        width: rect.width,\n        height: rect.height,\n        x: rect.x,\n        y: rect.y,\n      });\n    }\n  };\n\n  const handle = requestTick(update);\n\n  onMounted(handle);\n\n  useEventListener(window, \"scroll\", handle, { capture: true, passive: true });\n\n  useEventListener(window, \"resize\", handle, { passive: true });\n\n  useEventListener(window, \"adjust\", handle, true);\n}\n"],"mappings":";;;AAKA,SAAgB,EACd,GACA,GACA;CA2BA,IAAM,IAAS,QA1BM;AACnB,MAAI,EAAG,OAAO;GACZ,IAAM,EAAE,cAAW,eAAY,iBAAc,gBAAa,iBAAc,mBACtE,SAAS,iBACL,IAAO,EAAG,MAAM,uBAAuB;AAC7C,KAAG;IACD;IACA;IACA;IACA;IACA;IACA;IACA,SAAS,IAAY,EAAK;IAC1B,SAAS,IAAa,EAAK;IAC3B,KAAK,EAAK;IACV,OAAO,EAAK;IACZ,QAAQ,EAAK;IACb,MAAM,EAAK;IACX,OAAO,EAAK;IACZ,QAAQ,EAAK;IACb,GAAG,EAAK;IACR,GAAG,EAAK;IACT,CAAC;;GAI4B;AAQlC,CANA,EAAU,EAAO,EAEjB,EAAiB,QAAQ,UAAU,GAAQ;EAAE,SAAS;EAAM,SAAS;EAAM,CAAC,EAE5E,EAAiB,QAAQ,UAAU,GAAQ,EAAE,SAAS,IAAM,CAAC,EAE7D,EAAiB,QAAQ,UAAU,GAAQ,GAAK"}

package/dist/composition/useQuery.js

@@ -1,30 +1,29 @@
-import { reactive as s } from "vue";
-import { debounce as n } from "@milaboratories/helpers";
-function c(o) {
-  const r = s({
-    isLoading: !1,
-    result: void 0,
-    error: void 0,
-    async run(...e) {
-      this.isLoading = !0, this.error = void 0;
-      try {
-        this.result = await o(...e);
-      } catch (i) {
-        this.error = i;
-      } finally {
-        this.isLoading = !1;
-      }
-    },
-    debounce(e, i = 1e3) {
-      return n(() => {
-        const t = e();
-        this.run(...t).catch(console.error);
-      }, i);
-    }
-  });
-  return r.run = r.run.bind(r), r;
+import { reactive as e } from "vue";
+import { debounce as t } from "@milaboratories/helpers";
+function n(n) {
+	let r = e({
+		isLoading: !1,
+		result: void 0,
+		error: void 0,
+		async run(...e) {
+			this.isLoading = !0, this.error = void 0;
+			try {
+				this.result = await n(...e);
+			} catch (e) {
+				this.error = e;
+			} finally {
+				this.isLoading = !1;
+			}
+		},
+		debounce(e, n = 1e3) {
+			return t(() => {
+				let t = e();
+				this.run(...t).catch(console.error);
+			}, n);
+		}
+	});
+	return r.run = r.run.bind(r), r;
 }
-export {
-  c as useQuery
-};
-//# sourceMappingURL=useQuery.js.map
+export { n as useQuery };
+
+//# sourceMappingURL=useQuery.js.map

package/dist/composition/useQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQuery.js","sources":["../../src/composition/useQuery.ts"],"sourcesContent":["import { reactive } from \"vue\";\nimport { debounce } from \"@milaboratories/helpers\";\n\nexport function useQuery<P extends unknown[], R>(fn: (...args: P) => Promise<R>) {\n  const self = reactive({\n    isLoading: false,\n    result: undefined as R | undefined,\n    error: undefined as unknown,\n    async run(...args: P) {\n      this.isLoading = true;\n      this.error = undefined;\n      try {\n        this.result = await fn(...args);\n      } catch (err: unknown) {\n        this.error = err;\n      } finally {\n        this.isLoading = false;\n      }\n    },\n    debounce(cb: () => P, dt = 1000) {\n      return debounce(() => {\n        const args = cb();\n        this.run(...args).catch(console.error);\n      }, dt);\n    },\n  });\n\n  self.run = self.run.bind(self);\n\n  return self;\n}\n"],"names":["useQuery","fn","self","reactive","args","err","cb","dt","debounce"],"mappings":";;AAGO,SAASA,EAAiCC,GAAgC;AAC/E,QAAMC,IAAOC,EAAS;AAAA,IACpB,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM,OAAOC,GAAS;AACpB,WAAK,YAAY,IACjB,KAAK,QAAQ;AACb,UAAI;AACF,aAAK,SAAS,MAAMH,EAAG,GAAGG,CAAI;AAAA,MAChC,SAASC,GAAc;AACrB,aAAK,QAAQA;AAAA,MACf,UAAA;AACE,aAAK,YAAY;AAAA,MACnB;AAAA,IACF;AAAA,IACA,SAASC,GAAaC,IAAK,KAAM;AAC/B,aAAOC,EAAS,MAAM;AACpB,cAAMJ,IAAOE,EAAA;AACb,aAAK,IAAI,GAAGF,CAAI,EAAE,MAAM,QAAQ,KAAK;AAAA,MACvC,GAAGG,CAAE;AAAA,IACP;AAAA,EAAA,CACD;AAED,SAAAL,EAAK,MAAMA,EAAK,IAAI,KAAKA,CAAI,GAEtBA;AACT;"}
+{"version":3,"file":"useQuery.js","names":[],"sources":["../../src/composition/useQuery.ts"],"sourcesContent":["import { reactive } from \"vue\";\nimport { debounce } from \"@milaboratories/helpers\";\n\nexport function useQuery<P extends unknown[], R>(fn: (...args: P) => Promise<R>) {\n  const self = reactive({\n    isLoading: false,\n    result: undefined as R | undefined,\n    error: undefined as unknown,\n    async run(...args: P) {\n      this.isLoading = true;\n      this.error = undefined;\n      try {\n        this.result = await fn(...args);\n      } catch (err: unknown) {\n        this.error = err;\n      } finally {\n        this.isLoading = false;\n      }\n    },\n    debounce(cb: () => P, dt = 1000) {\n      return debounce(() => {\n        const args = cb();\n        this.run(...args).catch(console.error);\n      }, dt);\n    },\n  });\n\n  self.run = self.run.bind(self);\n\n  return self;\n}\n"],"mappings":";;AAGA,SAAgB,EAAiC,GAAgC;CAC/E,IAAM,IAAO,EAAS;EACpB,WAAW;EACX,QAAQ,KAAA;EACR,OAAO,KAAA;EACP,MAAM,IAAI,GAAG,GAAS;AAEpB,GADA,KAAK,YAAY,IACjB,KAAK,QAAQ,KAAA;AACb,OAAI;AACF,SAAK,SAAS,MAAM,EAAG,GAAG,EAAK;YACxB,GAAc;AACrB,SAAK,QAAQ;aACL;AACR,SAAK,YAAY;;;EAGrB,SAAS,GAAa,IAAK,KAAM;AAC/B,UAAO,QAAe;IACpB,IAAM,IAAO,GAAI;AACjB,SAAK,IAAI,GAAG,EAAK,CAAC,MAAM,QAAQ,MAAM;MACrC,EAAG;;EAET,CAAC;AAIF,QAFA,EAAK,MAAM,EAAK,IAAI,KAAK,EAAK,EAEvB"}

package/dist/composition/useResizeObserver.js

@@ -1,19 +1,18 @@
-import { onUnmounted as m, unref as e } from "vue";
-import { tapIf as i } from "../helpers/functions.js";
-import { onChanged as s } from "./utils.js";
-import { startResizeObserving as t, stopResizeObserving as f } from "../global/resizeObserver.js";
-function z(r, n) {
-  s(() => {
-    i(e(r), (o) => {
-      t(o, () => n(o));
-    });
-  }), m(() => {
-    i(e(r), (o) => {
-      f(o);
-    });
-  });
+import { tapIf as e } from "../helpers/functions.js";
+import { onChanged as t } from "./utils.js";
+import { startResizeObserving as n, stopResizeObserving as r } from "../global/resizeObserver.js";
+import { onUnmounted as i, unref as a } from "vue";
+function o(o, s) {
+	t(() => {
+		e(a(o), (e) => {
+			n(e, () => s(e));
+		});
+	}), i(() => {
+		e(a(o), (e) => {
+			r(e);
+		});
+	});
 }
-export {
-  z as useResizeObserver
-};
-//# sourceMappingURL=useResizeObserver.js.map
+export { o as useResizeObserver };
+
+//# sourceMappingURL=useResizeObserver.js.map

package/dist/composition/useResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","sources":["../../src/composition/useResizeObserver.ts"],"sourcesContent":["import { onUnmounted, unref } from \"vue\";\nimport { tapIf } from \"../helpers/functions\";\nimport { onChanged } from \"./utils\";\nimport { startResizeObserving, stopResizeObserving } from \"../global/resizeObserver\";\nimport type { MaybeRef } from \"../types\";\n\nexport function useResizeObserver<T extends HTMLElement>(\n  target: MaybeRef<T | undefined>,\n  cb: (el?: T | undefined) => void,\n) {\n  onChanged(() => {\n    tapIf(unref(target), (el) => {\n      startResizeObserving(el, () => cb(el));\n    });\n  });\n\n  onUnmounted(() => {\n    tapIf(unref(target), (el) => {\n      stopResizeObserving(el);\n    });\n  });\n}\n"],"names":["useResizeObserver","target","cb","onChanged","tapIf","unref","el","startResizeObserving","onUnmounted","stopResizeObserving"],"mappings":";;;;AAMO,SAASA,EACdC,GACAC,GACA;AACA,EAAAC,EAAU,MAAM;AACd,IAAAC,EAAMC,EAAMJ,CAAM,GAAG,CAACK,MAAO;AAC3B,MAAAC,EAAqBD,GAAI,MAAMJ,EAAGI,CAAE,CAAC;AAAA,IACvC,CAAC;AAAA,EACH,CAAC,GAEDE,EAAY,MAAM;AAChB,IAAAJ,EAAMC,EAAMJ,CAAM,GAAG,CAACK,MAAO;AAC3B,MAAAG,EAAoBH,CAAE;AAAA,IACxB,CAAC;AAAA,EACH,CAAC;AACH;"}
+{"version":3,"file":"useResizeObserver.js","names":[],"sources":["../../src/composition/useResizeObserver.ts"],"sourcesContent":["import { onUnmounted, unref } from \"vue\";\nimport { tapIf } from \"../helpers/functions\";\nimport { onChanged } from \"./utils\";\nimport { startResizeObserving, stopResizeObserving } from \"../global/resizeObserver\";\nimport type { MaybeRef } from \"../types\";\n\nexport function useResizeObserver<T extends HTMLElement>(\n  target: MaybeRef<T | undefined>,\n  cb: (el?: T | undefined) => void,\n) {\n  onChanged(() => {\n    tapIf(unref(target), (el) => {\n      startResizeObserving(el, () => cb(el));\n    });\n  });\n\n  onUnmounted(() => {\n    tapIf(unref(target), (el) => {\n      stopResizeObserving(el);\n    });\n  });\n}\n"],"mappings":";;;;AAMA,SAAgB,EACd,GACA,GACA;AAOA,CANA,QAAgB;AACd,IAAM,EAAM,EAAO,GAAG,MAAO;AAC3B,KAAqB,SAAU,EAAG,EAAG,CAAC;IACtC;GACF,EAEF,QAAkB;AAChB,IAAM,EAAM,EAAO,GAAG,MAAO;AAC3B,KAAoB,EAAG;IACvB;GACF"}

package/dist/composition/useRipple.js

@@ -1,17 +1,15 @@
-import { onMounted as o } from "vue";
-function a(c) {
-  function p(e) {
-    const t = e.currentTarget, i = document.createElement("span"), l = Math.max(t.clientWidth, t.clientHeight), n = l / 2;
-    i.style.width = i.style.height = `${l}px`, i.style.left = `${e.clientX - t.offsetLeft - n}px`, i.style.top = `${e.clientY - t.offsetTop - n}px`, i.classList.add("ripple");
-    const s = t.getElementsByClassName("ripple")[0];
-    s && s.remove(), t.appendChild(i);
-  }
-  o(() => {
-    var e;
-    (e = c.value) == null || e.addEventListener("click", p);
-  });
+import { onMounted as e } from "vue";
+function t(t) {
+	function n(e) {
+		let t = e.currentTarget, n = document.createElement("span"), r = Math.max(t.clientWidth, t.clientHeight), i = r / 2;
+		n.style.width = n.style.height = `${r}px`, n.style.left = `${e.clientX - t.offsetLeft - i}px`, n.style.top = `${e.clientY - t.offsetTop - i}px`, n.classList.add("ripple");
+		let a = t.getElementsByClassName("ripple")[0];
+		a && a.remove(), t.appendChild(n);
+	}
+	e(() => {
+		t.value?.addEventListener("click", n);
+	});
 }
-export {
-  a as useRipple
-};
-//# sourceMappingURL=useRipple.js.map
+export { t as useRipple };
+
+//# sourceMappingURL=useRipple.js.map

package/dist/composition/useRipple.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRipple.js","sources":["../../src/composition/useRipple.ts"],"sourcesContent":["import type { Ref } from \"vue\";\nimport { onMounted } from \"vue\";\n\nexport function useRipple(el: Ref<HTMLElement | undefined>) {\n  function createRipple(event: MouseEvent) {\n    const button = event.currentTarget as HTMLButtonElement;\n\n    const circle = document.createElement(\"span\");\n    const diameter = Math.max(button.clientWidth, button.clientHeight);\n    const radius = diameter / 2;\n\n    circle.style.width = circle.style.height = `${diameter}px`;\n    circle.style.left = `${event.clientX - button.offsetLeft - radius}px`;\n    circle.style.top = `${event.clientY - button.offsetTop - radius}px`;\n    circle.classList.add(\"ripple\");\n\n    const ripple = button.getElementsByClassName(\"ripple\")[0];\n\n    if (ripple) {\n      ripple.remove();\n    }\n\n    button.appendChild(circle);\n  }\n\n  onMounted(() => {\n    el.value?.addEventListener(\"click\", createRipple);\n  });\n}\n"],"names":["useRipple","el","createRipple","event","button","circle","diameter","radius","ripple","onMounted","_a"],"mappings":";AAGO,SAASA,EAAUC,GAAkC;AAC1D,WAASC,EAAaC,GAAmB;AACvC,UAAMC,IAASD,EAAM,eAEfE,IAAS,SAAS,cAAc,MAAM,GACtCC,IAAW,KAAK,IAAIF,EAAO,aAAaA,EAAO,YAAY,GAC3DG,IAASD,IAAW;AAE1B,IAAAD,EAAO,MAAM,QAAQA,EAAO,MAAM,SAAS,GAAGC,CAAQ,MACtDD,EAAO,MAAM,OAAO,GAAGF,EAAM,UAAUC,EAAO,aAAaG,CAAM,MACjEF,EAAO,MAAM,MAAM,GAAGF,EAAM,UAAUC,EAAO,YAAYG,CAAM,MAC/DF,EAAO,UAAU,IAAI,QAAQ;AAE7B,UAAMG,IAASJ,EAAO,uBAAuB,QAAQ,EAAE,CAAC;AAExD,IAAII,KACFA,EAAO,OAAA,GAGTJ,EAAO,YAAYC,CAAM;AAAA,EAC3B;AAEA,EAAAI,EAAU,MAAM;;AACd,KAAAC,IAAAT,EAAG,UAAH,QAAAS,EAAU,iBAAiB,SAASR;AAAA,EACtC,CAAC;AACH;"}
+{"version":3,"file":"useRipple.js","names":[],"sources":["../../src/composition/useRipple.ts"],"sourcesContent":["import type { Ref } from \"vue\";\nimport { onMounted } from \"vue\";\n\nexport function useRipple(el: Ref<HTMLElement | undefined>) {\n  function createRipple(event: MouseEvent) {\n    const button = event.currentTarget as HTMLButtonElement;\n\n    const circle = document.createElement(\"span\");\n    const diameter = Math.max(button.clientWidth, button.clientHeight);\n    const radius = diameter / 2;\n\n    circle.style.width = circle.style.height = `${diameter}px`;\n    circle.style.left = `${event.clientX - button.offsetLeft - radius}px`;\n    circle.style.top = `${event.clientY - button.offsetTop - radius}px`;\n    circle.classList.add(\"ripple\");\n\n    const ripple = button.getElementsByClassName(\"ripple\")[0];\n\n    if (ripple) {\n      ripple.remove();\n    }\n\n    button.appendChild(circle);\n  }\n\n  onMounted(() => {\n    el.value?.addEventListener(\"click\", createRipple);\n  });\n}\n"],"mappings":";AAGA,SAAgB,EAAU,GAAkC;CAC1D,SAAS,EAAa,GAAmB;EACvC,IAAM,IAAS,EAAM,eAEf,IAAS,SAAS,cAAc,OAAO,EACvC,IAAW,KAAK,IAAI,EAAO,aAAa,EAAO,aAAa,EAC5D,IAAS,IAAW;AAK1B,EAHA,EAAO,MAAM,QAAQ,EAAO,MAAM,SAAS,GAAG,EAAS,KACvD,EAAO,MAAM,OAAO,GAAG,EAAM,UAAU,EAAO,aAAa,EAAO,KAClE,EAAO,MAAM,MAAM,GAAG,EAAM,UAAU,EAAO,YAAY,EAAO,KAChE,EAAO,UAAU,IAAI,SAAS;EAE9B,IAAM,IAAS,EAAO,uBAAuB,SAAS,CAAC;AAMvD,EAJI,KACF,EAAO,QAAQ,EAGjB,EAAO,YAAY,EAAO;;AAG5B,SAAgB;AACd,IAAG,OAAO,iBAAiB,SAAS,EAAa;GACjD"}

package/dist/composition/useScroll.js

@@ -1,44 +1,40 @@
-import { onMounted as y } from "vue";
-import { useEventListener as p } from "./useEventListener.js";
-import { requestTick as b } from "../helpers/utils.js";
-function S(m, s = null, e = null) {
-  function f(t) {
-    const { scrollTop: o, scrollHeight: n, clientHeight: r } = t;
-    if (!(n > r) || !s)
-      return null;
-    const c = n - o - r, l = o > s ? s : 0, i = c > s ? r - s - l : r;
-    return `linear-gradient(
+import { useEventListener as e } from "./useEventListener.js";
+import { requestTick as t } from "../helpers/utils.js";
+import { onMounted as n } from "vue";
+function r(r, i = null, a = null) {
+	function o(e) {
+		let { scrollTop: t, scrollHeight: n, clientHeight: r } = e;
+		if (!(n > r) || !i) return null;
+		let a = n - t - r, o = t > i ? i : 0;
+		return `linear-gradient(
         to bottom,
         transparent,
-        black ${l}px,
-        black ${i}px,
+        black ${o}px,
+        black ${a > i ? r - i - o : r}px,
         transparent 100%
       )`;
-  }
-  function k(t) {
-    const { scrollLeft: o, scrollWidth: n, clientWidth: r } = t;
-    if (!(n > r) || !e)
-      return null;
-    const c = n - o - r, l = o > e ? e : 0, i = c > e ? r - e - l : r;
-    return `linear-gradient(
+	}
+	function s(e) {
+		let { scrollLeft: t, scrollWidth: n, clientWidth: r } = e;
+		if (!(n > r) || !a) return null;
+		let i = n - t - r, o = t > a ? a : 0;
+		return `linear-gradient(
         to right,
         transparent,
-        black ${l}px,
-        black ${i}px,
+        black ${o}px,
+        black ${i > a ? r - a - o : r}px,
         transparent 100%
       )`;
-  }
-  function a() {
-    const t = m.value;
-    if (!t)
-      return;
-    const o = [f(t), k(t)].filter((n) => n !== null);
-    t.style.setProperty("-webkit-mask-image", o.join(",")), t.style.setProperty("mask-image", o.join(",")), o.length > 1 && (t.style.setProperty("-webkit-mask-composite", "source-in"), t.style.setProperty("mask-composite", "source-in"));
-  }
-  const u = b(a);
-  y(a), p(window, "scroll", u, !0), p(window, "resize", u, !0);
+	}
+	function c() {
+		let e = r.value;
+		if (!e) return;
+		let t = [o(e), s(e)].filter((e) => e !== null);
+		e.style.setProperty("-webkit-mask-image", t.join(",")), e.style.setProperty("mask-image", t.join(",")), t.length > 1 && (e.style.setProperty("-webkit-mask-composite", "source-in"), e.style.setProperty("mask-composite", "source-in"));
+	}
+	let l = t(c);
+	n(c), e(window, "scroll", l, !0), e(window, "resize", l, !0);
 }
-export {
-  S as useScroll
-};
-//# sourceMappingURL=useScroll.js.map
+export { r as useScroll };
+
+//# sourceMappingURL=useScroll.js.map

package/dist/composition/useScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScroll.js","sources":["../../src/composition/useScroll.ts"],"sourcesContent":["import { type Ref, onMounted } from \"vue\";\nimport { useEventListener } from \"./useEventListener\";\nimport { requestTick } from \"../helpers/utils\";\n\nexport function useScroll(\n  $el: Ref<HTMLElement | undefined>,\n  fadeHeight: number | null = null,\n  fadeWidth: number | null = null,\n) {\n  function getYMask(el: HTMLElement) {\n    const { scrollTop, scrollHeight, clientHeight } = el;\n\n    const hasScroll = scrollHeight > clientHeight;\n\n    if (!hasScroll || !fadeHeight) {\n      return null;\n    }\n\n    const scrollBottom = scrollHeight - scrollTop - clientHeight;\n    const offsetTop = scrollTop > fadeHeight ? fadeHeight : 0;\n    const offsetBottom =\n      scrollBottom > fadeHeight ? clientHeight - fadeHeight - offsetTop : clientHeight;\n\n    return `linear-gradient(\n        to bottom,\n        transparent,\n        black ${offsetTop}px,\n        black ${offsetBottom}px,\n        transparent 100%\n      )`;\n  }\n\n  function getXMask(el: HTMLElement) {\n    const { scrollLeft, scrollWidth, clientWidth } = el;\n\n    const hasScroll = scrollWidth > clientWidth;\n\n    if (!hasScroll || !fadeWidth) {\n      return null;\n    }\n\n    const scrollRight = scrollWidth - scrollLeft - clientWidth;\n    const offsetLeft = scrollLeft > fadeWidth ? fadeWidth : 0;\n    const offsetRight =\n      scrollRight > fadeWidth ? clientWidth - fadeWidth - offsetLeft : clientWidth;\n\n    return `linear-gradient(\n        to right,\n        transparent,\n        black ${offsetLeft}px,\n        black ${offsetRight}px,\n        transparent 100%\n      )`;\n  }\n\n  function update() {\n    const el = $el.value;\n\n    if (!el) {\n      return;\n    }\n\n    const masks = [getYMask(el), getXMask(el)].filter((m) => m !== null);\n    el.style.setProperty(\"-webkit-mask-image\", masks.join(\",\"));\n    el.style.setProperty(\"mask-image\", masks.join(\",\"));\n    if (masks.length > 1) {\n      el.style.setProperty(\"-webkit-mask-composite\", \"source-in\");\n      el.style.setProperty(\"mask-composite\", \"source-in\");\n    }\n  }\n\n  const handle = requestTick(update);\n\n  onMounted(update);\n  useEventListener(window, \"scroll\", handle, true);\n  useEventListener(window, \"resize\", handle, true);\n}\n"],"names":["useScroll","$el","fadeHeight","fadeWidth","getYMask","el","scrollTop","scrollHeight","clientHeight","scrollBottom","offsetTop","offsetBottom","getXMask","scrollLeft","scrollWidth","clientWidth","scrollRight","offsetLeft","offsetRight","update","masks","m","handle","requestTick","onMounted","useEventListener"],"mappings":";;;AAIO,SAASA,EACdC,GACAC,IAA4B,MAC5BC,IAA2B,MAC3B;AACA,WAASC,EAASC,GAAiB;AACjC,UAAM,EAAE,WAAAC,GAAW,cAAAC,GAAc,cAAAC,EAAA,IAAiBH;AAIlD,QAAI,EAFcE,IAAeC,MAEf,CAACN;AACjB,aAAO;AAGT,UAAMO,IAAeF,IAAeD,IAAYE,GAC1CE,IAAYJ,IAAYJ,IAAaA,IAAa,GAClDS,IACJF,IAAeP,IAAaM,IAAeN,IAAaQ,IAAYF;AAEtE,WAAO;AAAA;AAAA;AAAA,gBAGKE,CAAS;AAAA,gBACTC,CAAY;AAAA;AAAA;AAAA,EAG1B;AAEA,WAASC,EAASP,GAAiB;AACjC,UAAM,EAAE,YAAAQ,GAAY,aAAAC,GAAa,aAAAC,EAAA,IAAgBV;AAIjD,QAAI,EAFcS,IAAcC,MAEd,CAACZ;AACjB,aAAO;AAGT,UAAMa,IAAcF,IAAcD,IAAaE,GACzCE,IAAaJ,IAAaV,IAAYA,IAAY,GAClDe,IACJF,IAAcb,IAAYY,IAAcZ,IAAYc,IAAaF;AAEnE,WAAO;AAAA;AAAA;AAAA,gBAGKE,CAAU;AAAA,gBACVC,CAAW;AAAA;AAAA;AAAA,EAGzB;AAEA,WAASC,IAAS;AAChB,UAAMd,IAAKJ,EAAI;AAEf,QAAI,CAACI;AACH;AAGF,UAAMe,IAAQ,CAAChB,EAASC,CAAE,GAAGO,EAASP,CAAE,CAAC,EAAE,OAAO,CAACgB,MAAMA,MAAM,IAAI;AACnE,IAAAhB,EAAG,MAAM,YAAY,sBAAsBe,EAAM,KAAK,GAAG,CAAC,GAC1Df,EAAG,MAAM,YAAY,cAAce,EAAM,KAAK,GAAG,CAAC,GAC9CA,EAAM,SAAS,MACjBf,EAAG,MAAM,YAAY,0BAA0B,WAAW,GAC1DA,EAAG,MAAM,YAAY,kBAAkB,WAAW;AAAA,EAEtD;AAEA,QAAMiB,IAASC,EAAYJ,CAAM;AAEjC,EAAAK,EAAUL,CAAM,GAChBM,EAAiB,QAAQ,UAAUH,GAAQ,EAAI,GAC/CG,EAAiB,QAAQ,UAAUH,GAAQ,EAAI;AACjD;"}
+{"version":3,"file":"useScroll.js","names":[],"sources":["../../src/composition/useScroll.ts"],"sourcesContent":["import { type Ref, onMounted } from \"vue\";\nimport { useEventListener } from \"./useEventListener\";\nimport { requestTick } from \"../helpers/utils\";\n\nexport function useScroll(\n  $el: Ref<HTMLElement | undefined>,\n  fadeHeight: number | null = null,\n  fadeWidth: number | null = null,\n) {\n  function getYMask(el: HTMLElement) {\n    const { scrollTop, scrollHeight, clientHeight } = el;\n\n    const hasScroll = scrollHeight > clientHeight;\n\n    if (!hasScroll || !fadeHeight) {\n      return null;\n    }\n\n    const scrollBottom = scrollHeight - scrollTop - clientHeight;\n    const offsetTop = scrollTop > fadeHeight ? fadeHeight : 0;\n    const offsetBottom =\n      scrollBottom > fadeHeight ? clientHeight - fadeHeight - offsetTop : clientHeight;\n\n    return `linear-gradient(\n        to bottom,\n        transparent,\n        black ${offsetTop}px,\n        black ${offsetBottom}px,\n        transparent 100%\n      )`;\n  }\n\n  function getXMask(el: HTMLElement) {\n    const { scrollLeft, scrollWidth, clientWidth } = el;\n\n    const hasScroll = scrollWidth > clientWidth;\n\n    if (!hasScroll || !fadeWidth) {\n      return null;\n    }\n\n    const scrollRight = scrollWidth - scrollLeft - clientWidth;\n    const offsetLeft = scrollLeft > fadeWidth ? fadeWidth : 0;\n    const offsetRight =\n      scrollRight > fadeWidth ? clientWidth - fadeWidth - offsetLeft : clientWidth;\n\n    return `linear-gradient(\n        to right,\n        transparent,\n        black ${offsetLeft}px,\n        black ${offsetRight}px,\n        transparent 100%\n      )`;\n  }\n\n  function update() {\n    const el = $el.value;\n\n    if (!el) {\n      return;\n    }\n\n    const masks = [getYMask(el), getXMask(el)].filter((m) => m !== null);\n    el.style.setProperty(\"-webkit-mask-image\", masks.join(\",\"));\n    el.style.setProperty(\"mask-image\", masks.join(\",\"));\n    if (masks.length > 1) {\n      el.style.setProperty(\"-webkit-mask-composite\", \"source-in\");\n      el.style.setProperty(\"mask-composite\", \"source-in\");\n    }\n  }\n\n  const handle = requestTick(update);\n\n  onMounted(update);\n  useEventListener(window, \"scroll\", handle, true);\n  useEventListener(window, \"resize\", handle, true);\n}\n"],"mappings":";;;AAIA,SAAgB,EACd,GACA,IAA4B,MAC5B,IAA2B,MAC3B;CACA,SAAS,EAAS,GAAiB;EACjC,IAAM,EAAE,cAAW,iBAAc,oBAAiB;AAIlD,MAAI,EAFc,IAAe,MAEf,CAAC,EACjB,QAAO;EAGT,IAAM,IAAe,IAAe,IAAY,GAC1C,IAAY,IAAY,IAAa,IAAa;AAIxD,SAAO;;;gBAGK,EAAU;gBALpB,IAAe,IAAa,IAAe,IAAa,IAAY,EAM7C;;;;CAK3B,SAAS,EAAS,GAAiB;EACjC,IAAM,EAAE,eAAY,gBAAa,mBAAgB;AAIjD,MAAI,EAFc,IAAc,MAEd,CAAC,EACjB,QAAO;EAGT,IAAM,IAAc,IAAc,IAAa,GACzC,IAAa,IAAa,IAAY,IAAY;AAIxD,SAAO;;;gBAGK,EAAW;gBALrB,IAAc,IAAY,IAAc,IAAY,IAAa,EAM3C;;;;CAK1B,SAAS,IAAS;EAChB,IAAM,IAAK,EAAI;AAEf,MAAI,CAAC,EACH;EAGF,IAAM,IAAQ,CAAC,EAAS,EAAG,EAAE,EAAS,EAAG,CAAC,CAAC,QAAQ,MAAM,MAAM,KAAK;AAGpE,EAFA,EAAG,MAAM,YAAY,sBAAsB,EAAM,KAAK,IAAI,CAAC,EAC3D,EAAG,MAAM,YAAY,cAAc,EAAM,KAAK,IAAI,CAAC,EAC/C,EAAM,SAAS,MACjB,EAAG,MAAM,YAAY,0BAA0B,YAAY,EAC3D,EAAG,MAAM,YAAY,kBAAkB,YAAY;;CAIvD,IAAM,IAAS,EAAY,EAAO;AAIlC,CAFA,EAAU,EAAO,EACjB,EAAiB,QAAQ,UAAU,GAAQ,GAAK,EAChD,EAAiB,QAAQ,UAAU,GAAQ,GAAK"}

package/dist/composition/useSliderBreakpoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSliderBreakpoints.d.ts","sourceRoot":"","sources":["../../src/composition/useSliderBreakpoints.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAEvC,eAAO,MAAM,oBAAoB,UACxB,WAAW,CAAC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,0BAc/D,CAAC"}
+{"version":3,"file":"useSliderBreakpoints.d.ts","sourceRoot":"","sources":["../../src/composition/useSliderBreakpoints.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAEvC,eAAO,MAAM,oBAAoB,GAC/B,OAAO,WAAW,CAAC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,0BAc/D,CAAC"}

package/dist/composition/useSliderBreakpoints.js

@@ -1,16 +1,14 @@
-import { clamp as u } from "../helpers/math.js";
-import { computed as c } from "vue";
-const i = (s) => c(() => {
-  const r = [100], { min: t, max: e, step: p } = s.value;
-  let o = t;
-  for (; o < e; ) {
-    o += p;
-    const n = (1 - (u(o, t, e) - t) / (e - t)) * 100;
-    r.push(n);
-  }
-  return r;
+import { clamp as e } from "../helpers/math.js";
+import { computed as t } from "vue";
+const n = (n) => t(() => {
+	let t = [100], { min: r, max: i, step: a } = n.value, o = r;
+	for (; o < i;) {
+		o += a;
+		let n = (1 - (e(o, r, i) - r) / (i - r)) * 100;
+		t.push(n);
+	}
+	return t;
 });
-export {
-  i as useSliderBreakpoints
-};
-//# sourceMappingURL=useSliderBreakpoints.js.map
+export { n as useSliderBreakpoints };
+
+//# sourceMappingURL=useSliderBreakpoints.js.map

package/dist/composition/useSliderBreakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSliderBreakpoints.js","sources":["../../src/composition/useSliderBreakpoints.ts"],"sourcesContent":["import { clamp } from \"../helpers/math\";\nimport type { ComputedRef } from \"vue\";\nimport { computed } from \"vue\";\nexport const useSliderBreakpoints = (\n  props: ComputedRef<{ min: number; max: number; step: number }>,\n) => {\n  return computed(() => {\n    const result: number[] = [100];\n    const { min, max, step } = props.value;\n    let start = min;\n    while (start < max) {\n      start += step;\n      const posValue = (clamp(start, min, max) - min) / (max - min);\n      const percent = (1 - posValue) * 100;\n      result.push(percent);\n    }\n    return result;\n  });\n};\n"],"names":["useSliderBreakpoints","props","computed","result","min","max","step","start","percent","clamp"],"mappings":";;AAGO,MAAMA,IAAuB,CAClCC,MAEOC,EAAS,MAAM;AACpB,QAAMC,IAAmB,CAAC,GAAG,GACvB,EAAE,KAAAC,GAAK,KAAAC,GAAK,MAAAC,EAAA,IAASL,EAAM;AACjC,MAAIM,IAAQH;AACZ,SAAOG,IAAQF,KAAK;AAClB,IAAAE,KAASD;AAET,UAAME,KAAW,KADCC,EAAMF,GAAOH,GAAKC,CAAG,IAAID,MAAQC,IAAMD,MACxB;AACjC,IAAAD,EAAO,KAAKK,CAAO;AAAA,EACrB;AACA,SAAOL;AACT,CAAC;"}
+{"version":3,"file":"useSliderBreakpoints.js","names":[],"sources":["../../src/composition/useSliderBreakpoints.ts"],"sourcesContent":["import { clamp } from \"../helpers/math\";\nimport type { ComputedRef } from \"vue\";\nimport { computed } from \"vue\";\nexport const useSliderBreakpoints = (\n  props: ComputedRef<{ min: number; max: number; step: number }>,\n) => {\n  return computed(() => {\n    const result: number[] = [100];\n    const { min, max, step } = props.value;\n    let start = min;\n    while (start < max) {\n      start += step;\n      const posValue = (clamp(start, min, max) - min) / (max - min);\n      const percent = (1 - posValue) * 100;\n      result.push(percent);\n    }\n    return result;\n  });\n};\n"],"mappings":";;AAGA,MAAa,KACX,MAEO,QAAe;CACpB,IAAM,IAAmB,CAAC,IAAI,EACxB,EAAE,QAAK,QAAK,YAAS,EAAM,OAC7B,IAAQ;AACZ,QAAO,IAAQ,IAAK;AAClB,OAAS;EAET,IAAM,KAAW,KADC,EAAM,GAAO,GAAK,EAAI,GAAG,MAAQ,IAAM,MACxB;AACjC,IAAO,KAAK,EAAQ;;AAEtB,QAAO;EACP"}