rappel-ui 1.0.7 → 1.0.11

package/es/directives/vResizable.mjs

@@ -1,9 +1,10 @@
-const h = "v-resizable-handle", $ = "v-resizable-handle-style";
-function C() {
-  if (document.getElementById($)) return;
-  const t = document.createElement("style");
-  t.id = $, t.textContent = `
-.${h} {
+//#region packages/directives/vResizable.ts
+var e = "v-resizable-handle", t = "v-resizable-handle-style";
+function n() {
+	if (document.getElementById(t)) return;
+	let n = document.createElement("style");
+	n.id = t, n.textContent = `
+.${e} {
   position: absolute;
   background: transparent;
   z-index: 9999;
@@ -11,7 +12,7 @@ function C() {
   touch-action: none;
   opacity: 0;
 }
-.${h}::after {
+.${e}::after {
   content: '';
   display:block;
   width:100%;
@@ -19,118 +20,117 @@ function C() {
   border-radius:2px;
   background: rgba(0,0,0,0.12);
 }
-.${h}.hr { cursor: ew-resize; }
-.${h}.vr { cursor: ns-resize; }
-.${h}.corner { cursor: nwse-resize; }
-`, document.head.appendChild(t);
+.${e}.hr { cursor: ew-resize; }
+.${e}.vr { cursor: ns-resize; }
+.${e}.corner { cursor: nwse-resize; }
+`, document.head.appendChild(n);
 }
-function u(t, i, r) {
-  let n = 0, c = 0;
-  switch (t) {
-    case "hr":
-      n = 4, c = r.height - 8;
-      break;
-    case "vr":
-      n = r.width - 8, c = 4;
-      break;
-    case "corner":
-      n = 8, c = 8;
-      break;
-  }
-  return i.style.width = `${n}px`, i.style.height = `${c}px`, i;
+function r(e, t, n) {
+	let r = 0, i = 0;
+	switch (e) {
+		case "hr":
+			r = 4, i = n.height - 8;
+			break;
+		case "vr":
+			r = n.width - 8, i = 4;
+			break;
+		case "corner":
+			r = 8, i = 8;
+			break;
+	}
+	return t.style.width = `${r}px`, t.style.height = `${i}px`, t;
 }
-function f(t, i) {
-  const r = document.createElement("div"), n = i.getBoundingClientRect();
-  return r.className = `${h} ${t}`, u(t, r, n);
+function i(t, n) {
+	let i = document.createElement("div"), a = n.getBoundingClientRect();
+	return i.className = `${e} ${t}`, r(t, i, a);
 }
-function S(t, i, r) {
-  switch (i) {
-    case "left":
-      t.style.left = "-2px", t.style.top = "4px", u("hr", t, r);
-      break;
-    case "right":
-      t.style.left = `${r.width - 2}px`, t.style.top = "4px", u("hr", t, r);
-      break;
-    case "top":
-      t.style.left = "4px", t.style.top = "-2px", u("vr", t, r);
-      break;
-    case "bottom":
-      t.style.left = "4px", t.style.top = `${r.height - 2}px`, u("vr", t, r);
-      break;
-    case "bottom-right":
-      t.style.left = `${r.width - 2}px`, t.style.top = `${r.height - 2}px`;
-      break;
-  }
+function a(e, t, n) {
+	switch (t) {
+		case "left":
+			e.style.left = "-2px", e.style.top = "4px", r("hr", e, n);
+			break;
+		case "right":
+			e.style.left = `${n.width - 2}px`, e.style.top = "4px", r("hr", e, n);
+			break;
+		case "top":
+			e.style.left = "4px", e.style.top = "-2px", r("vr", e, n);
+			break;
+		case "bottom":
+			e.style.left = "4px", e.style.top = `${n.height - 2}px`, r("vr", e, n);
+			break;
+		case "bottom-right":
+			e.style.left = `${n.width - 2}px`, e.style.top = `${n.height - 2}px`;
+			break;
+	}
 }
-function W(t, i) {
-  C(), getComputedStyle(t).position === "static" && (t.style.position = "relative"), t.style.boxSizing = t.style.boxSizing || "border-box";
-  const n = {
-    startX: 0,
-    startY: 0,
-    startW: 0,
-    startH: 0,
-    startL: 0,
-    startT: 0,
-    minW: i?.minWidth ?? 40,
-    minH: i?.minHeight ?? 24,
-    maxW: i?.maxWidth,
-    maxH: i?.maxHeight,
-    handlers: []
-  }, c = f("hr", t), x = f("hr", t), v = f("vr", t), E = f("vr", t), b = f("corner", t);
-  c.dataset.side = "left", x.dataset.side = "right", v.dataset.side = "top", E.dataset.side = "bottom", b.dataset.side = "bottom-right", t.appendChild(c), t.appendChild(x), t.appendChild(v), t.appendChild(E), t.appendChild(b), n.handlers.push(c, x, v, E, b);
-  const w = (o) => {
-    const a = o.target;
-    if (!a || !a.dataset?.side) return;
-    const e = a.dataset.side;
-    o.target.setPointerCapture?.(o.pointerId), n.side = e, n.pointerId = o.pointerId;
-    const p = t.getBoundingClientRect();
-    n.startX = o.clientX, n.startY = o.clientY, n.startW = p.width, n.startH = p.height;
-    const l = getComputedStyle(t), s = parseFloat(l.left || "0"), d = parseFloat(l.top || "0");
-    n.startL = s, n.startT = d, n.onMove = (m) => M(m, t, n), n.onUp = (m) => D(m, t, n), window.addEventListener("pointermove", n.onMove), window.addEventListener("pointerup", n.onUp), window.addEventListener("pointercancel", n.onUp), o.preventDefault();
-  }, M = (o, a, e) => {
-    if (e.side === void 0) return;
-    const p = o.clientX - e.startX, l = o.clientY - e.startY;
-    let s = e.startW, d = e.startH, m = e.startL, g = e.startT;
-    e.side === "right" ? (s = Math.max(e.minW, e.startW + p), e.maxW && (s = Math.min(s, e.maxW))) : e.side === "left" ? (s = Math.max(e.minW, e.startW - p), e.maxW && (s = Math.min(s, e.maxW)), m = e.startL + (e.startW - s)) : e.side === "bottom" ? (d = Math.max(e.minH, e.startH + l), e.maxH && (d = Math.min(d, e.maxH))) : e.side === "top" ? (d = Math.max(e.minH, e.startH - l), e.maxH && (d = Math.min(d, e.maxH)), g = e.startT + (e.startH - d)) : e.side === "bottom-right" && (s = Math.max(e.minW, e.startW + p), d = Math.max(e.minH, e.startH + l), e.maxW && (s = Math.min(s, e.maxW)), e.maxH && (d = Math.min(d, e.maxH))), a.style.width = `${s}px`, a.style.height = `${d}px`;
-    const H = getComputedStyle(a).position;
-    (H === "absolute" || H === "relative" || H === "fixed") && (a.style.left = `${m}px`, a.style.top = `${g}px`);
-    const I = a.getBoundingClientRect();
-    e.handlers.forEach((_) => {
-      const z = _.dataset.side;
-      S(_, z, I);
-    }), o.preventDefault();
-  }, D = (o, a, e) => {
-    e.onMove && (window.removeEventListener("pointermove", e.onMove), window.removeEventListener("pointerup", e.onUp), window.removeEventListener("pointercancel", e.onUp)), e.side = void 0, e.pointerId = void 0;
-  }, y = () => {
-    const o = t.getBoundingClientRect();
-    n.handlers.forEach((a) => {
-      const e = a.dataset.side;
-      a.style.position = "absolute", a.style.boxSizing = "content-box", S(a, e, o);
-    });
-  };
-  n.handlers.forEach((o) => o.addEventListener("pointerdown", w));
-  const L = new ResizeObserver(y);
-  return L.observe(t), n.ro = L, y(), { destroy: () => {
-    n.handlers.forEach((o) => {
-      o.removeEventListener("pointerdown", w), o.parentElement === t && t.removeChild(o);
-    }), n.onMove && (window.removeEventListener("pointermove", n.onMove), window.removeEventListener("pointerup", n.onUp), window.removeEventListener("pointercancel", n.onUp)), n.ro && n.ro.disconnect();
-  } };
+function o(e, t) {
+	var r, o;
+	n(), getComputedStyle(e).position === "static" && (e.style.position = "relative"), e.style.boxSizing = e.style.boxSizing || "border-box";
+	let s = {
+		startX: 0,
+		startY: 0,
+		startW: 0,
+		startH: 0,
+		startL: 0,
+		startT: 0,
+		minW: (r = t == null ? void 0 : t.minWidth) == null ? 40 : r,
+		minH: (o = t == null ? void 0 : t.minHeight) == null ? 24 : o,
+		maxW: t == null ? void 0 : t.maxWidth,
+		maxH: t == null ? void 0 : t.maxHeight,
+		handlers: []
+	}, c = i("hr", e), l = i("hr", e), u = i("vr", e), d = i("vr", e), f = i("corner", e);
+	c.dataset.side = "left", l.dataset.side = "right", u.dataset.side = "top", d.dataset.side = "bottom", f.dataset.side = "bottom-right", e.appendChild(c), e.appendChild(l), e.appendChild(u), e.appendChild(d), e.appendChild(f), s.handlers.push(c, l, u, d, f);
+	let p = (t) => {
+		var n, r, i;
+		let a = t.target;
+		if (!a || !((n = a.dataset) != null && n.side)) return;
+		let o = a.dataset.side;
+		(r = (i = t.target).setPointerCapture) == null || r.call(i, t.pointerId), s.side = o, s.pointerId = t.pointerId;
+		let c = e.getBoundingClientRect();
+		s.startX = t.clientX, s.startY = t.clientY, s.startW = c.width, s.startH = c.height;
+		let l = getComputedStyle(e), u = parseFloat(l.left || "0"), d = parseFloat(l.top || "0");
+		s.startL = u, s.startT = d, s.onMove = (t) => m(t, e, s), s.onUp = (t) => h(t, e, s), window.addEventListener("pointermove", s.onMove), window.addEventListener("pointerup", s.onUp), window.addEventListener("pointercancel", s.onUp), t.preventDefault();
+	}, m = (e, t, n) => {
+		if (n.side === void 0) return;
+		let r = e.clientX - n.startX, i = e.clientY - n.startY, o = n.startW, s = n.startH, c = n.startL, l = n.startT;
+		n.side === "right" ? (o = Math.max(n.minW, n.startW + r), n.maxW && (o = Math.min(o, n.maxW))) : n.side === "left" ? (o = Math.max(n.minW, n.startW - r), n.maxW && (o = Math.min(o, n.maxW)), c = n.startL + (n.startW - o)) : n.side === "bottom" ? (s = Math.max(n.minH, n.startH + i), n.maxH && (s = Math.min(s, n.maxH))) : n.side === "top" ? (s = Math.max(n.minH, n.startH - i), n.maxH && (s = Math.min(s, n.maxH)), l = n.startT + (n.startH - s)) : n.side === "bottom-right" && (o = Math.max(n.minW, n.startW + r), s = Math.max(n.minH, n.startH + i), n.maxW && (o = Math.min(o, n.maxW)), n.maxH && (s = Math.min(s, n.maxH))), t.style.width = `${o}px`, t.style.height = `${s}px`;
+		let u = getComputedStyle(t).position;
+		(u === "absolute" || u === "relative" || u === "fixed") && (t.style.left = `${c}px`, t.style.top = `${l}px`);
+		let d = t.getBoundingClientRect();
+		n.handlers.forEach((e) => {
+			let t = e.dataset.side;
+			a(e, t, d);
+		}), e.preventDefault();
+	}, h = (e, t, n) => {
+		n.onMove && (window.removeEventListener("pointermove", n.onMove), window.removeEventListener("pointerup", n.onUp), window.removeEventListener("pointercancel", n.onUp)), n.side = void 0, n.pointerId = void 0;
+	}, g = () => {
+		let t = e.getBoundingClientRect();
+		s.handlers.forEach((e) => {
+			let n = e.dataset.side;
+			e.style.position = "absolute", e.style.boxSizing = "content-box", a(e, n, t);
+		});
+	};
+	s.handlers.forEach((e) => e.addEventListener("pointerdown", p));
+	let _ = new ResizeObserver(g);
+	return _.observe(e), s.ro = _, g(), { destroy: () => {
+		s.handlers.forEach((t) => {
+			t.removeEventListener("pointerdown", p), t.parentElement === e && e.removeChild(t);
+		}), s.onMove && (window.removeEventListener("pointermove", s.onMove), window.removeEventListener("pointerup", s.onUp), window.removeEventListener("pointercancel", s.onUp)), s.ro && s.ro.disconnect();
+	} };
 }
-const N = {
-  mounted(t, i) {
-    const r = i.value, { destroy: n } = W(t, r);
-    t.__v_resizable_cleanup = n;
-  },
-  beforeUnmount(t) {
-    const i = t.__v_resizable_cleanup;
-    i && (i(), delete t.__v_resizable_cleanup);
-  }
+var s = {
+	mounted(e, t) {
+		let n = t.value, { destroy: r } = o(e, n);
+		e.__v_resizable_cleanup = r;
+	},
+	beforeUnmount(e) {
+		let t = e.__v_resizable_cleanup;
+		t && (t(), delete e.__v_resizable_cleanup);
+	}
 };
-function Z(t, i) {
-  const { destroy: r } = W(t, i);
-  return r;
+function c(e, t) {
+	let { destroy: n } = o(e, t);
+	return n;
 }
-export {
-  Z as applyResizable,
-  N as vResizable
-};
+//#endregion
+export { c as applyResizable, s as vResizable };

package/es/directives/vSvgLoading.mjs

@@ -1,48 +1,47 @@
-import { svgLoadingContent as C } from "../constants/svgLoading.mjs";
-import { ref as x } from "vue";
-const v = x(1e3), h = x(2e3), $ = {
-  mounted(l, r, t) {
-    const o = (s, a, m) => {
-      const c = {
-        svgClass: "",
-        svgContent: C,
-        svgViewBox: "",
-        //min-x min-y width height
-        markBgColor: "rgba(255,255,255,0.8)",
-        markClass: "",
-        spinnerClass: "",
-        spinnerH: 300,
-        spinnerContent: "",
-        zIndex: h.value++
-      }, e = Object.assign({}, c, a?.arg || {}), p = `background-color:${e.markBgColor};top:0;right:0;bottom:0;left:0;margin:0;position:absolute;transition:opacity 0.3s;overflow: hidden;`, u = `position:absolute;text-align:center;left:50%;top:50%;width:100%;height:${e.spinnerH}px;`, i = document.createElement("div"), n = document.createElement("div");
-      v.value++, i.className = `svg-loading ${e.markClass} uid-${v.value}`, n.className = `svg-loading-spinner ${e.spinnerClass}`, n.innerHTML = `${e.svgContent}`;
-      const g = n.getElementsByTagName("svg")[0];
-      if (e.spinnerH && (g.setAttribute("width", `${e.spinnerH}px`), g.setAttribute("height", `${e.spinnerH}px`)), e.svgClass && g.setAttribute("class", e.svgClass), e.svgViewBox && g.setAttribute("viewBox", e.svgViewBox), m.ctx.markSelector = ".svg-loading", e.spinnerContent) {
-        const d = document.createElement("div");
-        d.setAttribute("style", "text-align:center;"), d.innerHTML = e.spinnerContent, n.appendChild(d);
-      }
-      n.setAttribute("style", u), n.style.setProperty("margin-top", `${-(e.spinnerH / 2)}px`), n.style.setProperty("margin-left", `${-(e.spinnerH / 2)}px`), i.setAttribute("style", p), i.style.setProperty("z-index", e.zIndex), i.appendChild(n), s.style.setProperty("position", "relative"), s.appendChild(i);
-    }, y = (s) => 1 - (1 - s) ** 3, f = (s, a = 150) => {
-      const m = performance.now(), c = (e) => {
-        const p = e - m;
-        if (p >= a) {
-          s.style.setProperty("opacity", "0"), s?.remove();
-          return;
-        }
-        const u = a ? y(p / a) : 1;
-        s.style.setProperty("opacity", String(1 - u)), requestAnimationFrame(c);
-      };
-      requestAnimationFrame(c);
-    };
-    t.ctx.fadeOut = f, t.ctx.createLoading = o, r.value && o(l, r, t);
-  },
-  updated(l, r, t) {
-    if (r.value !== r.oldValue) {
-      const o = l.querySelector(t.ctx.markSelector);
-      r.value ? !o && t.ctx.createLoading(l, r, t) : o && t.ctx.fadeOut(o);
-    }
-  }
-};
-export {
-  $ as vSvgLoading
+import { svgLoadingContent as e } from "../constants/svgLoading.mjs";
+import { ref as t } from "vue";
+//#region packages/directives/vSvgLoading.ts
+var n = t(1e3), r = t(2e3), i = {
+	mounted(t, i, a) {
+		let o = (t, i, a) => {
+			let o = {
+				svgClass: "",
+				svgContent: e,
+				svgViewBox: "",
+				markBgColor: "rgba(255,255,255,0.8)",
+				markClass: "",
+				spinnerClass: "",
+				spinnerH: 300,
+				spinnerContent: "",
+				zIndex: r.value++
+			}, s = Object.assign({}, o, (i == null ? void 0 : i.arg) || {}), c = `background-color:${s.markBgColor};top:0;right:0;bottom:0;left:0;margin:0;position:absolute;transition:opacity 0.3s;overflow: hidden;`, l = `position:absolute;text-align:center;left:50%;top:50%;width:100%;height:${s.spinnerH}px;`, u = document.createElement("div"), d = document.createElement("div");
+			n.value++, u.className = `svg-loading ${s.markClass} uid-${n.value}`, d.className = `svg-loading-spinner ${s.spinnerClass}`, d.innerHTML = `${s.svgContent}`;
+			let f = d.getElementsByTagName("svg")[0];
+			if (s.spinnerH && (f.setAttribute("width", `${s.spinnerH}px`), f.setAttribute("height", `${s.spinnerH}px`)), s.svgClass && f.setAttribute("class", s.svgClass), s.svgViewBox && f.setAttribute("viewBox", s.svgViewBox), a.ctx.markSelector = ".svg-loading", s.spinnerContent) {
+				let e = document.createElement("div");
+				e.setAttribute("style", "text-align:center;"), e.innerHTML = s.spinnerContent, d.appendChild(e);
+			}
+			d.setAttribute("style", l), d.style.setProperty("margin-top", `${-(s.spinnerH / 2)}px`), d.style.setProperty("margin-left", `${-(s.spinnerH / 2)}px`), u.setAttribute("style", c), u.style.setProperty("z-index", s.zIndex), u.appendChild(d), t.style.setProperty("position", "relative"), t.appendChild(u);
+		}, s = (e) => 1 - (1 - e) ** 3, c = (e, t = 150) => {
+			let n = performance.now(), r = (i) => {
+				let a = i - n;
+				if (a >= t) {
+					e.style.setProperty("opacity", "0"), e == null || e.remove();
+					return;
+				}
+				let o = t ? s(a / t) : 1;
+				e.style.setProperty("opacity", String(1 - o)), requestAnimationFrame(r);
+			};
+			requestAnimationFrame(r);
+		};
+		a.ctx.fadeOut = c, a.ctx.createLoading = o, i.value && o(t, i, a);
+	},
+	updated(e, t, n) {
+		if (t.value !== t.oldValue) {
+			let r = e.querySelector(n.ctx.markSelector);
+			t.value ? !r && n.ctx.createLoading(e, t, n) : r && n.ctx.fadeOut(r);
+		}
+	}
 };
+//#endregion
+export { i as vSvgLoading };