@staging-apiplus/essentials 0.0.2 → 0.0.4

package/dist/slider.js

@@ -1,335 +1,334 @@
-import { t as e } from "./sync_selected_style_roles-PKX5qPBc.js";
-import { n as t, t as n } from "./design_time-hqGakP97.js";
-//#region src/slider/runtime/dom.ts
-var r = "data-qp-logic-slider", i = "qp-slider-runtime-styles", a = "qp-slider-dot", o = `
-    [${r}] {
-        display: block;
-        position: relative;
-        overflow: hidden;
-    }
-
-    [${r}] .qp-slider-wrapper {
-        display: flex;
-        flex-direction: row;
-        flex-wrap: nowrap;
-        width: 100%;
-        height: 100%;
-        will-change: transform;
-    }
-
-    /* Publish critical CSS hides inactive slides by class with !important. */
-    [${r}] .qp-slider-slide {
-        display: flex !important;
-        align-items: center !important;
-        justify-content: center !important;
-        visibility: visible !important;
-        flex: 0 0 auto;
-        box-sizing: border-box;
-    }
-
-    [${r}] .qp-slider-prev,
-    [${r}] .qp-slider-next {
-        position: absolute;
-        top: 50%;
-        z-index: 10;
-        cursor: pointer;
-        pointer-events: auto;
-        transform: translateY(-50%);
-    }
-
-    [${r}] .qp-slider-prev {
-        left: 8px;
-    }
-
-    [${r}] .qp-slider-next {
-        right: 8px;
-    }
-
-    [${r}] .qp-slider-pagination {
-        position: absolute;
-        bottom: 12px;
-        left: 0;
-        right: 0;
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: center;
-        gap: 8px;
-        z-index: 10;
-        pointer-events: auto;
-    }
-
-    [${r}] .${a} {
-        width: 8px;
-        height: 8px;
-        border-radius: 999px;
-        border: none;
-        padding: 0;
-        background: rgba(0, 0, 0, 0.3);
-        cursor: pointer;
-    }
-`;
-function s() {
-	if (typeof document > "u" || document.getElementById("qp-slider-runtime-styles")) return;
-	let e = document.createElement("style");
-	e.id = i, e.textContent = o, document.head.appendChild(e);
-}
-function c(e, t) {
-	if (t instanceof HTMLElement) return t;
-	let n = e.querySelector(".qp-slider-wrapper");
-	return n instanceof HTMLElement ? n : null;
-}
-function l(e, t) {
-	t.classList.contains("qp-slider-wrapper") || t.classList.add("qp-slider-wrapper");
-	for (let e of g(t)) e.classList.contains("qp-slider-slide") || e.classList.add("qp-slider-slide");
-	for (let t of [
-		".qp-slider-prev",
-		".qp-slider-next",
-		".qp-slider-pagination"
-	]) {
-		let n = e.querySelector(t);
-		if (n instanceof HTMLElement) {
-			let e = t.slice(1);
-			n.classList.contains(e) || n.classList.add(e);
-		}
-	}
-}
-function u(e) {
-	for (let t of g(e)) t.style.setProperty("display", "flex", "important"), t.style.setProperty("align-items", "center", "important"), t.style.setProperty("justify-content", "center", "important"), t.style.setProperty("visibility", "visible", "important");
-}
-var d = [
+import { t as e } from "./sync_selected_style_roles-LmVSgPUR.js";
+import { r as t, t as n } from "./design_time-Dxqanum8.js";
+//#region ../../../packages/qp_sdk/src/manifest/site_manifest.ts
+var r = {
+	editor: "editor",
+	preview: "preview",
+	published: "published"
+}, i = "data-qp-logic-slider", a = [
 	"qp-slider-prev",
 	"qp-slider-next",
-	"qp-slider-pagination",
-	a
+	"qp-slider-pagination"
 ];
-function f(e) {
-	return d.some((t) => e.classList.contains(t));
-}
-function p(e) {
-	if (f(e)) return !0;
-	let t = m(e);
-	return t.length > 0 && t.every(f);
+function o(e) {
+	return a.some((t) => e.classList.contains(t));
 }
-function m(e) {
+function s(e) {
 	return Array.from(e.children).filter((e) => e instanceof HTMLElement);
 }
-function h(e, t) {
-	if (t.length === 0) return e;
-	let n = t[0]?.parentElement;
-	return n instanceof HTMLElement && n !== e && t.every((e) => e.parentElement === n) ? n : e;
+function c(e) {
+	if (o(e)) return !0;
+	let t = s(e);
+	return t.length > 0 && t.every(o);
 }
-function g(e) {
-	let t = m(e).filter((e) => e.classList.contains("qp-slider-slide") && !f(e));
+function l(e, t) {
+	if (t instanceof HTMLElement) return t;
+	let n = e.querySelector(".qp-slider-wrapper");
+	return n instanceof HTMLElement ? n : null;
+}
+function u(e) {
+	let t = s(e).filter((e) => e.classList.contains("qp-slider-slide") && !o(e));
 	if (t.length > 0) return t;
-	let n = m(e).filter((e) => !p(e));
+	let n = s(e).filter((e) => !c(e));
 	if (n.length === 1) {
-		let e = m(n[0]).filter((e) => !f(e));
+		let e = s(n[0]).filter((e) => !o(e));
 		if (e.length > 1) return e;
 	}
 	if (n.length > 1) {
 		let e = n.map((e) => ({
 			el: e,
-			count: m(e).filter((e) => !f(e)).length
+			count: s(e).filter((e) => !o(e)).length
 		})).sort((e, t) => t.count - e.count), t = e[0], r = e[1];
-		if (t && t.count >= 2 && t.count > (r?.count ?? 0)) return m(t.el).filter((e) => !f(e));
+		if (t && t.count >= 2 && t.count > (r?.count ?? 0)) return s(t.el).filter((e) => !o(e));
 	}
 	return n;
 }
-function _(e) {
-	let t = e.getBoundingClientRect(), n = e.clientWidth > 0 ? e.clientWidth : t.width, r = e.clientHeight > 0 ? e.clientHeight : t.height;
-	if (typeof getComputedStyle == "function") {
-		let t = getComputedStyle(e), i = (Number.parseFloat(t.paddingLeft) || 0) + (Number.parseFloat(t.paddingRight) || 0), a = (Number.parseFloat(t.paddingTop) || 0) + (Number.parseFloat(t.paddingBottom) || 0);
+var d = {
+	Horizontal: "horizontal",
+	Vertical: "vertical"
+};
+function f(e) {
+	let t = e[0]?.parentElement;
+	return t && getComputedStyle(t).flexDirection.startsWith("column") ? d.Vertical : d.Horizontal;
+}
+function p(e, t, n) {
+	let r = e[Math.max(0, Math.min(t, e.length - 1))];
+	return n === d.Vertical ? r.offsetTop - e[0].offsetTop : r.offsetLeft - e[0].offsetLeft;
+}
+var m = .5, h = /* @__PURE__ */ new WeakSet();
+function g(e) {
+	let { slides: t, translates: n, direction: r, transition: i, factor: a } = e;
+	t.forEach((e, o) => {
+		let c = -(p(t, o, r) + (n[o] ?? 0)) * a;
+		for (let t of s(e)) {
+			if (a <= 0) {
+				h.delete(t) && (t.style.transition = "", t.style.transform = "");
+				continue;
+			}
+			h.add(t), t.style.transition = i, t.style.transform = r === d.Vertical ? `translate3d(0, ${c}px, 0)` : `translate3d(${c}px, 0, 0)`;
+		}
+	});
+}
+function _(e, t, n, r, i) {
+	let a = r > 0 ? `transform ${r}ms ease` : "none", o = n === d.Vertical ? `translate3d(0, ${t}px, 0)` : `translate3d(${t}px, 0, 0)`;
+	for (let t of e) t.style.transition = a, t.style.transform = o;
+	g({
+		slides: e,
+		translates: e.map(() => t),
+		direction: n,
+		transition: a,
+		factor: i
+	});
+}
+function v(e, t, n, r = d.Horizontal, i = 0) {
+	let a = u(e);
+	a.length !== 0 && _(a, -p(a, t, r), r, n, i);
+}
+function y(e, t, n, r = d.Horizontal, i = 0) {
+	let a = u(e);
+	a.length !== 0 && _(a, -p(a, t, r) + n, r, 0, i);
+}
+function b(e, t) {
+	return (e % t + t) % t;
+}
+function x(e) {
+	let t = e.index - e.activeIndex;
+	if (e.index < 0 || e.index >= e.count) return t;
+	let n = e.count / 2;
+	return t > n ? t - e.count : t < -n ? t + e.count : t;
+}
+function S(e) {
+	let { offsets: t, trackLength: n, position: r } = e, i = t.length;
+	if (!(n > 0)) {
+		let e = t.map(() => 0);
 		return {
-			width: Math.max(0, n - i),
-			height: Math.max(0, r - a)
+			slots: e,
+			translates: e,
+			target: 0
 		};
 	}
+	let a = t[b(r, i)] + n * Math.floor(r / i), o = t.map((e) => Math.round((a - e) / n));
 	return {
-		width: n,
-		height: r
+		slots: o,
+		target: a,
+		translates: o.map((e) => n * e - a)
 	};
 }
-function v(e, t) {
-	let n = _(e);
-	if (!t || t === e) return n;
-	let r = _(t);
-	return {
-		width: n.width > 0 ? n.width : r.width,
-		height: n.height > 0 ? n.height : r.height
-	};
+function C(e, t, n, r) {
+	e.style.transition = r, e.style.transform = n === d.Vertical ? `translate3d(0, ${t}px, 0)` : `translate3d(${t}px, 0, 0)`;
 }
-function y(e, t) {
-	e.style.padding = "0", e.style.gap = "0", e.style.rowGap = "0", e.style.columnGap = "0", e.style.boxSizing = "border-box";
-	let { width: n, height: r } = v(e, t);
-	e.style.display = "block", e.style.position = "relative", e.style.overflow = "hidden", n > 0 && (e.style.width = `${n}px`, e.style.maxWidth = `${n}px`), r > 0 && (e.style.height = `${r}px`);
-	let i = g(t), a = h(t, i), o = n > 0 ? Math.max(i.length, 1) * n : 0;
-	a.style.display = "flex", a.style.flexDirection = "row", a.style.flexWrap = "nowrap", a.style.flexShrink = "0", a.style.overflow = "hidden", a.style.padding = "0", a.style.gap = "0", a.style.boxSizing = "border-box", a.style.width = o > 0 ? `${o}px` : "max-content", a.style.maxWidth = "none", a.style.height = r > 0 ? `${r}px` : "100%", a !== t && (t.style.transform = "", t.style.transition = "", t.style.overflow = "hidden", t.style.position = "relative", t.style.padding = "0", t.style.gap = "0", t.style.width = "100%", t.style.maxWidth = "100%", t.style.height = r > 0 ? `${r}px` : "100%");
-	for (let e of i) e.style.display = "flex", e.style.alignItems = "center", e.style.justifyContent = "center", e.style.flex = "0 0 auto", e.style.flexShrink = "0", e.style.width = `${n}px`, e.style.minWidth = `${n}px`, e.style.maxWidth = `${n}px`, r > 0 && (e.style.height = `${r}px`), e.style.boxSizing = "border-box", e.style.overflow = "hidden";
-	return n;
+function w(e, t, n, r, i) {
+	let a = r > 0 ? `transform ${r}ms ease` : "none";
+	e.forEach((e, r) => {
+		C(e, t[r] ?? 0, n, a);
+	}), g({
+		slides: e,
+		translates: t,
+		direction: n,
+		transition: a,
+		factor: i
+	});
 }
-function b(e, t, n, r) {
-	let i = g(t);
-	if (i.length === 0) return;
-	let a = Math.max(0, Math.min(n, i.length - 1));
-	u(t);
-	let o = y(e, t), s = h(t, i), c = a * Math.max(0, o);
-	s.style.transition = r > 0 ? `transform ${r}ms ease` : "none", s.style.transform = `translate3d(-${c}px, 0, 0)`;
+function T(e, t) {
+	let n = t === d.Vertical, r = e.map((n, r) => p(e, r, t)), i = (e) => n ? e.offsetHeight : e.offsetWidth, a = e[0], o = e[e.length - 1], s = e.length > 1 ? r[1] - i(a) - r[0] : 0;
+	return {
+		offsets: r,
+		trackLength: r[r.length - 1] + i(o) + s
+	};
 }
-function x(e, t, n) {
-	e.replaceChildren();
-	let r = [];
-	for (let i = 0; i < n; i += 1) {
-		let n = t.cloneNode(!0);
-		n.classList.add(a), n.setAttribute("aria-label", `Go to slide ${i + 1}`), n.dataset.slideIndex = String(i), e.appendChild(n), r.push(n);
+function E(e) {
+	let t = e.direction ?? d.Horizontal, n = u(e.wrapper);
+	if (n.length < 2) return;
+	let r = T(n, t), i = S({
+		...r,
+		position: e.position
+	});
+	if (e.speedMs > 0 && e.fromPosition !== void 0 && e.fromPosition !== e.position) {
+		let a = S({
+			...r,
+			position: e.fromPosition
+		}), o = a.target;
+		n.forEach((n, s) => {
+			i.slots[s] !== a.slots[s] && C(n, r.trackLength * i.slots[s] - o + (e.fromOffsetPx ?? 0), t, "none");
+		}), e.wrapper.offsetWidth;
 	}
-	return r;
+	w(n, i.translates, t, e.speedMs, e.parallaxFactor ?? 0);
 }
-function S(e, t) {
-	let n = Array.from(e.querySelectorAll(`.${a}`)).filter((e) => e instanceof HTMLElement);
-	if (n.length === t) return n;
-	e.replaceChildren();
-	let r = [];
-	for (let n = 0; n < t; n += 1) {
-		let t = document.createElement("button");
-		t.type = "button", t.className = a, t.setAttribute("aria-label", `Go to slide ${n + 1}`), t.dataset.slideIndex = String(n), e.appendChild(t), r.push(t);
-	}
-	return r;
+function D(e) {
+	let t = e.direction ?? d.Horizontal, n = u(e.wrapper);
+	if (n.length < 2) return;
+	let { translates: r } = S({
+		...T(n, t),
+		position: e.position
+	});
+	w(n, r.map((t) => t + e.deltaPx), t, 0, e.parallaxFactor ?? 0);
+}
+function O(e) {
+	let t = Math.min(40, e.slideSizePx / 3);
+	return Math.abs(e.deltaPx) < t ? e.index : e.deltaPx < 0 ? e.index + 1 : e.index - 1;
 }
 //#endregion
 //#region src/slider/runtime/runtime.ts
-function C(e) {
-	return e.scopeRoot instanceof HTMLElement ? e.scopeRoot : null;
-}
-function w(e, t, n) {
+function k(e, t, n) {
 	if (e instanceof HTMLElement) return e;
 	let r = t.querySelector(n);
 	return r instanceof HTMLElement ? r : null;
 }
-function T(e) {
-	let t = C(e);
+function A(e) {
+	let t = e.scopeRoot instanceof HTMLElement ? e.scopeRoot : null;
 	if (!t) return null;
-	let n = c(t, e.wiring.wrapper);
+	let n = l(t, e.wiring.wrapper);
 	return n ? {
 		slider: t,
 		wrapper: n,
-		prevButton: w(e.wiring.prevButton, t, ".qp-slider-prev"),
-		nextButton: w(e.wiring.nextButton, t, ".qp-slider-next"),
-		pagination: w(e.wiring.pagination, t, ".qp-slider-pagination")
+		prevButton: k(e.wiring.prevButton, t, ".qp-slider-prev"),
+		nextButton: k(e.wiring.nextButton, t, ".qp-slider-next"),
+		pagination: k(e.wiring.pagination, t, ".qp-slider-pagination")
 	} : null;
 }
-function E(e, t) {
-	let n = Array.from(e.children).filter((e) => e instanceof HTMLElement);
-	if (n.length > 0 && !n.some((e) => e.classList.contains("qp-slider-dot"))) {
-		let r = n[0];
-		return x(e, r, t);
-	}
-	return S(e, t);
-}
-function D(e, t, n, r) {
+function j(e, t, n, r) {
 	let i = t <= 0, a = t >= n - 1;
 	for (let [t, n] of [[e.prevButton, !r && i], [e.nextButton, !r && a]]) t && (n ? t.setAttribute("aria-disabled", "true") : t.removeAttribute("aria-disabled"));
 }
-function O(r, i) {
-	e({
-		spec: n,
-		activeIndex: i,
-		roleLists: { [t.PaginationDot]: r }
-	});
-}
-function k(e, t) {
-	e && !e.classList.contains(t) && e.classList.add(t);
-}
-function A(e) {
-	k(e.prevButton, "qp-slider-prev"), k(e.nextButton, "qp-slider-next"), k(e.pagination, "qp-slider-pagination"), l(e.slider, e.wrapper);
-}
-function j(e) {
+function M(e) {
 	let t = Number(e.editorState?.[n.activeIndexStateKey] ?? 0);
 	return Number.isFinite(t) ? t : 0;
 }
-function M(e) {
-	let t = e, n = T(e);
-	if (!n) return;
-	s(), A(n), u(n.wrapper);
-	let i = j(e), a, o = [], c = null, l = (e) => Number(e.props.speed ?? 400), d = (e) => !!e.props.loop, f = (e) => !!e.props.autoplay, p = (e) => Number(e.props.autoplayDelay ?? 3e3), m = () => {
-		a &&= (clearInterval(a), void 0);
-	}, h = (e, t, n = !0) => {
-		let r = T(e);
-		if (!r) return;
-		let a = g(r.wrapper);
+function N(a) {
+	let o = a;
+	if (!A(a)) return;
+	let s = M(a), c = s, l, p = null, h = (e) => Number(e.props.speed ?? 400), g = (e, t) => _(e) && t > 1, _ = (e) => e.props.loop !== !1, S = (e) => !!e.props.autoplay, C = (e) => Number(e.props.autoplayDelay ?? 3e3), w = (e) => e.props.parallax ? m : 0, T = () => {
+		l &&= (clearInterval(l), void 0);
+	}, k = (e) => {
+		let t = A(e)?.pagination;
+		return t ? Array.from(t.children).filter((e) => e instanceof HTMLElement) : [];
+	}, N = () => {
+		e({
+			spec: n,
+			activeIndex: s,
+			roleLists: { [t.PaginationDot]: k(o) }
+		});
+	}, P = (e, t, n = !0, r = 0) => {
+		let i = A(e);
+		if (!i) return;
+		let a = u(i.wrapper);
 		if (a.length === 0) return;
-		A(r), u(r.wrapper);
-		let s = d(e), c = t;
-		if (s) {
-			let e = a.length;
-			c = (t % e + e) % e;
-		} else c = Math.max(0, Math.min(t, a.length - 1));
-		i = c, b(r.slider, r.wrapper, i, n ? l(e) : 0), O(o, i), D(r, i, a.length, s);
-	}, _ = (e) => {
-		m(), f(e) && (a = setInterval(() => {
-			h(t, i + 1);
-		}, p(e)));
-	}, y = (e) => {
-		let t = T(e);
-		if (!t?.pagination) {
-			o = [];
-			return;
-		}
-		let n = g(t.wrapper);
-		o = E(t.pagination, n.length), O(o, i);
-	}, x = (e) => {
-		let n = T(t);
-		if (!n) return;
-		let r = e.target;
-		if (r instanceof Node) {
-			if (n.prevButton && (n.prevButton === r || n.prevButton.contains(r))) {
-				e.preventDefault(), h(t, i - 1);
+		let o = a.length, l = f(a), d = n ? h(e) : 0, p = w(e);
+		if (g(e, o)) {
+			let e = c;
+			c += x({
+				activeIndex: s,
+				index: t,
+				count: o
+			}), s = b(c, o), E({
+				wrapper: i.wrapper,
+				position: c,
+				speedMs: d,
+				direction: l,
+				fromPosition: n ? e : void 0,
+				fromOffsetPx: r,
+				parallaxFactor: p
+			});
+		} else s = Math.max(0, Math.min(t, o - 1)), c = s, v(i.wrapper, s, d, l, p);
+		N(), j(i, s, o, _(e));
+	}, F = (e) => {
+		T(), S(e) && (l = setInterval(() => {
+			P(o, s + 1);
+		}, C(e)));
+	}, I = (e, t) => e !== null && (e === t || e.contains(t)), L = (e) => {
+		let t = A(o), n = e.target;
+		if (t && n instanceof Node) {
+			if (I(t.prevButton, n)) {
+				e.preventDefault(), P(o, s - 1);
 				return;
 			}
-			if (n.nextButton && (n.nextButton === r || n.nextButton.contains(r))) {
-				e.preventDefault(), h(t, i + 1);
+			if (I(t.nextButton, n)) {
+				e.preventDefault(), P(o, s + 1);
 				return;
 			}
-			if (n.pagination) {
-				for (let [n, i] of o.entries()) if (i === r || i.contains(r)) {
-					e.preventDefault(), h(t, n);
-					return;
-				}
+			for (let [t, r] of k(o).entries()) if (I(r, n)) {
+				e.preventDefault(), P(o, t);
+				return;
 			}
 		}
-	}, S = new ResizeObserver(() => {
-		h(t, i, !1);
-	}), C = (e) => {
-		let t = T(e);
-		t && (S.disconnect(), S.observe(t.slider));
-	}, w = (e) => {
-		let t = T(e);
-		t && c !== t.slider && (c?.removeEventListener("click", x), c = t.slider, c.addEventListener("click", x));
-	}, k = (e) => {
-		t = e;
-		let n = T(e);
-		n && (n.slider.setAttribute(r, ""), A(n), w(e), y(e), h(e, i, !1), _(e), C(e));
-	}, M = (e, t = 0) => {
-		let n = T(e);
-		if (!n) return;
-		let { width: r } = v(n.slider, n.wrapper);
-		if (r > 0 || t >= 30) {
-			h(e, i, !1);
+	}, R = (e) => e.mode !== r.editor, z = null, B = !1, V = (e) => {
+		let t = A(o), n = e.target;
+		R(o) && t && e.button === 0 && n instanceof Node && (I(t.prevButton, n) || I(t.nextButton, n) || I(t.pagination, n) || (z = {
+			pointerId: e.pointerId,
+			startX: e.clientX,
+			startY: e.clientY,
+			dragging: !1,
+			deltaPx: 0
+		}));
+	}, H = (e) => {
+		if (!z || e.pointerId !== z.pointerId) return;
+		let t = A(o);
+		if (!t) {
+			z = null;
 			return;
 		}
-		requestAnimationFrame(() => M(e, t + 1));
+		let n = f(u(t.wrapper)), r = n === d.Vertical, i = e.clientX - z.startX, a = e.clientY - z.startY, l = r ? a : i, p = r ? i : a;
+		if (!z.dragging) {
+			if (Math.hypot(i, a) < 6) return;
+			if (Math.abs(p) > Math.abs(l)) {
+				z = null;
+				return;
+			}
+			z.dragging = !0, t.slider.setPointerCapture(e.pointerId), t.slider.style.userSelect = "none", T();
+		}
+		z.deltaPx = l;
+		let m = w(o);
+		g(o, u(t.wrapper).length) ? D({
+			wrapper: t.wrapper,
+			position: c,
+			deltaPx: l,
+			direction: n,
+			parallaxFactor: m
+		}) : y(t.wrapper, s, l, n, m);
+	}, U = (e, t) => {
+		if (!z || e.pointerId !== z.pointerId) return;
+		let n = z;
+		if (z = null, !n.dragging) return;
+		let r = A(o);
+		if (!r) return;
+		r.slider.style.userSelect = "", B = !0, setTimeout(() => {
+			B = !1;
+		}, 0);
+		let i = u(r.wrapper), a = i[0], c = f(i) === d.Vertical, l = a ? c ? a.offsetHeight : a.offsetWidth : 0;
+		P(o, t ? s : O({
+			index: s,
+			deltaPx: n.deltaPx,
+			slideSizePx: l
+		}), !0, n.deltaPx), F(o);
+	}, W = (e) => U(e, !1), G = (e) => U(e, !0), K = (e) => {
+		B && (B = !1, e.preventDefault(), e.stopPropagation());
+	}, q = (e) => {
+		z && e.preventDefault();
+	}, J = (e) => {
+		e.addEventListener("click", K, !0), e.addEventListener("click", L), e.addEventListener("pointerdown", V), e.addEventListener("pointermove", H), e.addEventListener("pointerup", W), e.addEventListener("pointercancel", G), e.addEventListener("dragstart", q);
+	}, Y = (e) => {
+		e.removeEventListener("click", K, !0), e.removeEventListener("click", L), e.removeEventListener("pointerdown", V), e.removeEventListener("pointermove", H), e.removeEventListener("pointerup", W), e.removeEventListener("pointercancel", G), e.removeEventListener("dragstart", q);
+	}, X = new ResizeObserver(() => {
+		P(o, s, !1);
+	}), Z = (e) => {
+		let t = A(e);
+		t && (X.disconnect(), X.observe(t.slider), p !== t.slider && (p && Y(p), p = t.slider, J(p)));
+	}, Q = (e) => {
+		o = e;
+		let t = A(e);
+		t && (t.slider.setAttribute(i, ""), Z(e), P(e, s, !1), t.slider.style.touchAction = R(e) ? f(u(t.wrapper)) === d.Vertical ? "pan-x" : "pan-y" : "", F(e));
 	};
-	return w(e), k(e), M(e), {
+	return Q(a), {
 		update: (e) => {
-			k(e);
+			Q(e);
 		},
 		destroy: () => {
-			m(), S.disconnect(), c?.removeEventListener("click", x), c?.removeAttribute(r), c = null;
+			T(), X.disconnect(), p && (Y(p), p.style.touchAction = "", p.style.userSelect = "", p.removeAttribute(i)), p = null;
 		}
 	};
 }
-var N = { mount(e) {
-	return M(e);
+var P = { mount(e) {
+	return N(e);
 } };
 //#endregion
-export { N as default };
+export { P as default };

package/dist/slider.schema.json

@@ -11,7 +11,7 @@
     },
     "loop": {
       "type": "boolean",
-      "default": false,
+      "default": true,
       "x-qp-control": "boolean",
       "x-qp-label": "Loop slides"
     },
@@ -27,6 +27,12 @@
       "minimum": 500,
       "x-qp-control": "number",
       "x-qp-label": "Autoplay delay (ms)"
+    },
+    "parallax": {
+      "type": "boolean",
+      "default": false,
+      "x-qp-control": "boolean",
+      "x-qp-label": "Parallax"
     }
   }
 }

package/dist/{sync_selected_style_roles-PKX5qPBc.js → sync_selected_style_roles-LmVSgPUR.js}

@@ -1,4 +1,4 @@
-//#region ../../packages/qp_sdk/src/logic/sync_selected_style_roles.ts
+//#region ../../../packages/qp_sdk/src/logic/sync_selected_style_roles.ts
 function e(e, t) {
 	return t <= 0 ? 0 : Math.max(0, Math.min(e, t - 1));
 }

package/dist/tab/package.json

@@ -1,5 +1,5 @@
 {
-  "quickpage": {
+  "app": {
     "id": "tab",
     "kind": "logic",
     "name": "tab"

package/dist/tab.editor.js

@@ -1,5 +1,5 @@
-import { n as e, t } from "./derive_logic_editor_panel-D_bgZnMq.js";
-import { n, t as r } from "./design_time-BeEBEFSF.js";
+import { n as e, t } from "./derive_logic_editor_panel-Bglc03KS.js";
+import { n, t as r } from "./design_time-Beb6A0O9.js";
 //#region src/tab/editor/editor.ts
 var i = t(r, {
 	labelRole: n.Tab,

package/dist/tab.js

@@ -1,5 +1,5 @@
-import { t as e } from "./sync_selected_style_roles-PKX5qPBc.js";
-import { n as t, t as n } from "./design_time-BeEBEFSF.js";
+import { t as e } from "./sync_selected_style_roles-LmVSgPUR.js";
+import { n as t, t as n } from "./design_time-Beb6A0O9.js";
 //#region src/tab/runtime/dom.ts
 var r = "data-qp-logic-tabs", i = "qp-tabs-runtime-styles", a = `
     [${r}] {