slickless 0.1.0

package/dist/slickless.js

@@ -0,0 +1,571 @@
+//#region src/defaults.ts
+var e = {
+	arrows: !0,
+	dots: !1,
+	autoplay: !1,
+	autoplaySpeed: 3e3,
+	speed: 400,
+	cssEase: "cubic-bezier(0.22, 1, 0.36, 1)",
+	slidesToShow: 1,
+	slidesToScroll: 1,
+	infinite: !0,
+	fade: !1,
+	vertical: !1,
+	initialSlide: 0,
+	variableWidth: !1,
+	centerMode: !1,
+	centerPadding: "50px",
+	rtl: !1,
+	draggable: !0,
+	swipeThreshold: 24,
+	pauseOnHover: !0,
+	pauseOnFocus: !0,
+	accessibility: !0,
+	adaptiveHeight: !1,
+	lazyLoad: !1,
+	respectReducedMotion: !0,
+	prevArrow: null,
+	nextArrow: null,
+	customPaging: null,
+	ariaRoleDescription: "carousel",
+	responsive: null,
+	asNavFor: null,
+	focusOnSelect: !1,
+	autoplayDirection: "forward"
+};
+function t(e, t) {
+	return {
+		...e,
+		...t
+	};
+}
+//#endregion
+//#region src/utils.ts
+function n(e, t, n) {
+	return Math.max(t, Math.min(n, e));
+}
+function r(e, t) {
+	return (e % t + t) % t;
+}
+function i() {
+	return typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function a(e, t, n) {
+	let r = document.createElement(e);
+	if (t && (r.className = t), n) for (let [e, t] of Object.entries(n)) r.setAttribute(e, t);
+	return r;
+}
+function o(e) {
+	return e ? typeof e == "string" ? document.querySelector(e) : e : null;
+}
+//#endregion
+//#region src/slickless.ts
+var s = {
+	root: "slickless",
+	initialized: "slickless--initialized",
+	viewport: "slickless__viewport",
+	track: "slickless__track",
+	slide: "slickless__slide",
+	slideActive: "slickless__slide--active",
+	slideCenter: "slickless__slide--center",
+	slideCloned: "slickless__slide--cloned",
+	slideCurrent: "slickless__slide--current",
+	arrow: "slickless__arrow",
+	arrowPrev: "slickless__arrow--prev",
+	arrowNext: "slickless__arrow--next",
+	arrowDisabled: "slickless__arrow--disabled",
+	dots: "slickless__dots",
+	dot: "slickless__dot",
+	dotBullet: "slickless__dot--bullet",
+	dotActive: "slickless__dot--active",
+	vertical: "slickless--vertical",
+	fade: "slickless--fade",
+	rtl: "slickless--rtl",
+	dragging: "slickless--dragging",
+	centerMode: "slickless--center",
+	adaptive: "slickless--adaptive-height"
+}, c = class {
+	constructor(n, r = {}) {
+		this.originalChildren = [], this.slides = [], this.prevArrow = null, this.nextArrow = null, this.dotsList = null, this.cloneCount = 0, this.currentIndex = 0, this.animatingTo = null, this.slideCount = 0, this.animating = !1, this.lastRootWidth = 0, this.destroyed = !1, this.currentBreakpoint = null, this.resizeObserver = null, this.autoplayTimer = null, this.autoplayPaused = !1, this.listeners = /* @__PURE__ */ new Map(), this.pointer = null, this.pointerHandlers = {}, this.linkedNav = null, this.linkedFromExternal = !1, this.handlePrevClick = (e) => {
+			e.preventDefault(), this.prev();
+		}, this.handleNextClick = (e) => {
+			e.preventDefault(), this.next();
+		}, this.handleResize = () => {
+			let e = this.root.getBoundingClientRect().width;
+			e !== this.lastRootWidth && (this.lastRootWidth = e, this.applyResponsive(), this.applyLayout());
+		}, this.handleKey = (e) => {
+			this.options.accessibility && (e.key === "ArrowLeft" ? (e.preventDefault(), this.options.rtl ? this.next() : this.prev()) : e.key === "ArrowRight" ? (e.preventDefault(), this.options.rtl ? this.prev() : this.next()) : e.key === "Home" ? (e.preventDefault(), this.goTo(0)) : e.key === "End" && (e.preventDefault(), this.goTo(this.slideCount - 1)));
+		}, this.handleMouseEnter = () => {
+			this.options.pauseOnHover && this.options.autoplay && (this.autoplayPaused = !0, this.autoplayTimer && clearTimeout(this.autoplayTimer));
+		}, this.handleMouseLeave = () => {
+			this.options.pauseOnHover && this.options.autoplay && (this.autoplayPaused = !1, this.scheduleAutoplay());
+		}, this.handleFocusIn = () => {
+			this.options.pauseOnFocus && this.options.autoplay && (this.autoplayPaused = !0, this.autoplayTimer && clearTimeout(this.autoplayTimer));
+		}, this.handleFocusOut = (e) => {
+			if (this.options.pauseOnFocus && this.options.autoplay) {
+				let t = e.relatedTarget;
+				(!t || !this.root.contains(t)) && (this.autoplayPaused = !1, this.scheduleAutoplay());
+			}
+		};
+		let i = typeof n == "string" ? document.querySelector(n) : n;
+		if (!i) throw Error(`[slickless] Root element not found: ${String(n)}`);
+		this.root = i, this.userOptions = r, this.options = t(e, r), this.init();
+	}
+	init() {
+		this.captureChildren(), this.applyResponsive(), this.build(), this.bindEvents(), this.goTo(this.options.initialSlide, !0), this.options.autoplay && this.play(), this.linkAsNavFor(), this.root.__slickless = this, this.root.classList.add(s.initialized);
+		let e = () => {
+			this.destroyed || this.emit("init", { slickless: this });
+		};
+		typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e);
+	}
+	destroy() {
+		if (!this.destroyed) {
+			this.pause(), this.unbindEvents(), this.resizeObserver && this.resizeObserver.disconnect(), this.root.innerHTML = "";
+			for (let e of this.originalChildren) this.root.appendChild(e), e.removeAttribute("aria-hidden"), e.removeAttribute("tabindex"), e.removeAttribute("role"), e.removeAttribute("aria-roledescription"), e.removeAttribute("aria-label"), e.style.cssText = "";
+			this.root.className = this.root.className.split(/\s+/).filter((e) => !e.startsWith("slickless")).join(" ").trim(), this.root.removeAttribute("role"), this.root.removeAttribute("aria-roledescription"), this.root.removeAttribute("dir"), this.destroyed = !0, this.emit("destroy", { slickless: this }), this.listeners.clear();
+		}
+	}
+	reInit() {
+		let r = this.currentIndex, i = this.options.autoplay && !this.autoplayPaused;
+		this.pause(), this.unbindEvents(), this.resizeObserver && this.resizeObserver.disconnect(), this.root.innerHTML = "";
+		for (let e of this.originalChildren) this.root.appendChild(e);
+		this.options = t(e, this.userOptions), this.applyResponsive(), this.build(), this.bindEvents(), this.goTo(n(r, 0, this.slideCount - 1), !0), i && this.play(), this.emit("reInit", { slickless: this });
+	}
+	captureChildren() {
+		this.originalChildren.length === 0 && (this.originalChildren = Array.from(this.root.children));
+	}
+	applyResponsive() {
+		let n = this.options.responsive;
+		if (!n || n.length === 0 || typeof window > "u") return;
+		let r = window.innerWidth, i = [...n].sort((e, t) => e.breakpoint - t.breakpoint), a = null;
+		for (let e of i) if (r <= e.breakpoint) {
+			a = e;
+			break;
+		}
+		let o = a ? a.breakpoint : null;
+		if (o === this.currentBreakpoint) return;
+		if (this.currentBreakpoint = o, a) {
+			if (a.settings === "unslick") {
+				this.destroy();
+				return;
+			}
+			this.options = t(t(e, this.userOptions), a.settings);
+		} else this.options = t(e, this.userOptions);
+		let s = { breakpoint: o };
+		this.emit("breakpoint", s);
+	}
+	build() {
+		this.root.innerHTML = "", this.root.classList.add(s.root), this.root.classList.toggle(s.vertical, this.options.vertical), this.root.classList.toggle(s.fade, this.options.fade), this.root.classList.toggle(s.rtl, this.options.rtl), this.root.classList.toggle(s.centerMode, this.options.centerMode), this.root.classList.toggle(s.adaptive, this.options.adaptiveHeight), this.root.style.setProperty("--slickless-transition-duration", `${this.effectiveSpeed()}ms`), this.root.setAttribute("role", "region"), this.root.setAttribute("aria-roledescription", this.options.ariaRoleDescription), this.options.rtl && this.root.setAttribute("dir", "rtl"), this.viewport = a("div", s.viewport), this.track = a("div", s.track, { role: "presentation" });
+		let e = this.originalChildren.map((e, t) => this.wrapAsSlide(e, t));
+		if (this.slideCount = e.length, this.options.infinite && !this.options.fade && this.slideCount > 0) {
+			let t = this.options.variableWidth ? this.slideCount : Math.max(this.options.slidesToShow, 1);
+			this.cloneCount = Math.min(t, this.slideCount);
+			let n = e.slice(-this.cloneCount).map((e) => this.cloneSlide(e)), r = e.slice(0, this.cloneCount).map((e) => this.cloneSlide(e));
+			this.slides = [
+				...n,
+				...e,
+				...r
+			];
+		} else this.cloneCount = 0, this.slides = e;
+		for (let e of this.slides) this.track.appendChild(e);
+		this.viewport.appendChild(this.track), this.root.appendChild(this.viewport), this.options.arrows && this.slideCount > this.options.slidesToShow && this.buildArrows(), this.options.dots && this.slideCount > 0 && this.buildDots(), this.applyLayout(), this.applyLazyLoad();
+	}
+	wrapAsSlide(e, t) {
+		let n = a("div", s.slide, {
+			role: "group",
+			"aria-roledescription": "slide",
+			"aria-label": `${t + 1} of ${this.originalChildren.length}`,
+			"data-slick-index": String(t)
+		});
+		return n.appendChild(e), n;
+	}
+	cloneSlide(e) {
+		let t = e.cloneNode(!0);
+		return t.classList.add(s.slideCloned), t.setAttribute("aria-hidden", "true"), t.setAttribute("tabindex", "-1"), t;
+	}
+	buildArrows() {
+		let e = this.options.prevArrow, t = this.options.nextArrow;
+		this.prevArrow = this.resolveArrow(e, "prev"), this.nextArrow = this.resolveArrow(t, "next"), this.root.appendChild(this.prevArrow), this.root.appendChild(this.nextArrow), this.prevArrow.addEventListener("click", this.handlePrevClick), this.nextArrow.addEventListener("click", this.handleNextClick);
+	}
+	resolveArrow(e, t) {
+		let n;
+		if (e instanceof HTMLElement) n = e.cloneNode(!0);
+		else if (typeof e == "string" && e.trim()) {
+			let t = document.createElement("div");
+			t.innerHTML = e.trim(), n = t.firstElementChild ?? a("button");
+		} else n = a("button", "", { type: "button" }), n.innerHTML = t === "prev" ? "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 6l-6 6 6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>" : "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>";
+		return n.classList.add(s.arrow, t === "prev" ? s.arrowPrev : s.arrowNext), n.setAttribute("aria-label", t === "prev" ? "Previous slide" : "Next slide"), n.tagName !== "BUTTON" && n.setAttribute("role", "button"), n;
+	}
+	buildDots() {
+		this.dotsList = a("ul", s.dots, { role: "tablist" });
+		let e = this.pageCount();
+		for (let t = 0; t < e; t++) {
+			let n = a("li", "", { role: "presentation" }), r = t * this.options.slidesToScroll, i = this.options.customPaging ? this.options.customPaging(t, e) : a("button", `${s.dot} ${s.dotBullet}`, {
+				type: "button",
+				"aria-label": `Go to slide ${t + 1}`,
+				role: "tab"
+			}), o = typeof i == "string" ? this.htmlToElement(i) : i;
+			o.classList.add(s.dot), o.setAttribute("data-slick-target", String(r)), o.addEventListener("click", () => this.goTo(r)), n.appendChild(o), this.dotsList.appendChild(n);
+		}
+		this.root.appendChild(this.dotsList);
+	}
+	htmlToElement(e) {
+		let t = document.createElement("div");
+		t.innerHTML = e.trim();
+		let n = t.firstElementChild;
+		if (n) return n;
+		let r = a("button", "", { type: "button" });
+		return r.textContent = e, r;
+	}
+	viewportSize() {
+		let e = this.viewport.getBoundingClientRect();
+		return this.options.vertical ? e.height : e.width;
+	}
+	slideSize() {
+		if (this.options.variableWidth) {
+			let e = this.slides[this.cloneCount];
+			if (e) {
+				let t = e.getBoundingClientRect();
+				return this.options.vertical ? t.height : t.width;
+			}
+		}
+		let e = this.viewportSize();
+		if (this.options.centerMode) {
+			let t = this.parseCenterPadding(e);
+			return Math.max(1, (e - 2 * t) / Math.max(1, this.options.slidesToShow));
+		}
+		return e / Math.max(1, this.options.slidesToShow);
+	}
+	parseCenterPadding(e) {
+		let t = (this.options.centerPadding ?? "").trim();
+		if (!t) return 0;
+		let n = /^(-?\d+(?:\.\d+)?)\s*(px|%)?$/.exec(t);
+		if (!n || n[1] === void 0) return 0;
+		let r = parseFloat(n[1]);
+		return !Number.isFinite(r) || r < 0 ? 0 : (n[2] ?? "px") === "%" ? r / 100 * e : r;
+	}
+	applyLayout() {
+		if (this.slideCount === 0) return;
+		if (this.viewportSize(), this.options.fade) {
+			this.track.style.transform = "";
+			for (let e = 0; e < this.slides.length; e++) {
+				let t = this.slides[e];
+				t && (t.style.position = "absolute", t.style.top = "0", t.style.left = "0", t.style.width = "100%", t.style.height = "100%", t.style.opacity = e === this.realToTrackIndex(this.currentIndex) ? "1" : "0", t.style.zIndex = e === this.realToTrackIndex(this.currentIndex) ? "1" : "0", t.style.transition = `opacity ${this.effectiveSpeed()}ms ${this.options.cssEase}`, t.style.pointerEvents = e === this.realToTrackIndex(this.currentIndex) ? "auto" : "none");
+			}
+			this.updateAria(), this.updateArrows(), this.updateDots();
+			return;
+		}
+		let e = this.options.variableWidth ? null : this.slideSize();
+		for (let t of this.slides) t.style.position = "", t.style.top = "", t.style.left = "", t.style.height = "", t.style.opacity = "", t.style.zIndex = "", t.style.transition = "", t.style.pointerEvents = "", e !== null && (this.options.vertical ? (t.style.width = "100%", t.style.height = `${e}px`) : (t.style.height = "", t.style.width = `${e}px`));
+		this.translateTo(this.indexToOffset(this.realToTrackIndex(this.currentIndex)), !1), this.updateAria(), this.updateArrows(), this.updateDots(), this.updateAdaptiveHeight();
+	}
+	effectiveSpeed() {
+		return this.options.respectReducedMotion && i() ? 0 : this.options.speed;
+	}
+	indexToOffset(e) {
+		if (this.options.variableWidth) {
+			let t = 0;
+			for (let n = 0; n < e; n++) {
+				let e = this.slides[n];
+				if (!e) continue;
+				let r = e.getBoundingClientRect();
+				t += this.options.vertical ? r.height : r.width;
+			}
+			if (this.options.centerMode) {
+				let n = this.slides[e];
+				if (n) {
+					let e = n.getBoundingClientRect();
+					t -= (this.viewportSize() - (this.options.vertical ? e.height : e.width)) / 2;
+				}
+			}
+			return t;
+		}
+		let t = this.slideSize(), n = e * t;
+		if (this.options.centerMode) n -= (this.viewportSize() - t) / 2;
+		else if (!this.options.infinite && !this.options.fade) {
+			let e = Math.max(0, (this.slideCount - this.options.slidesToShow) * t);
+			n = Math.min(n, e);
+		}
+		return n;
+	}
+	translateTo(e, t) {
+		let n = t ? this.effectiveSpeed() : 0, r = this.options.vertical ? "Y" : "X", i = this.options.rtl && !this.options.vertical ? 1 : -1;
+		this.track.style.transition = n > 0 ? `transform ${n}ms ${this.options.cssEase}` : "", this.track.style.transform = `translate${r}(${i * e}px)`;
+	}
+	next() {
+		this.goTo(this.currentIndex + this.options.slidesToScroll);
+	}
+	prev() {
+		this.goTo(this.currentIndex - this.options.slidesToScroll);
+	}
+	goTo(e, t = !1) {
+		if (this.destroyed || this.slideCount === 0 || this.animating && !t) return;
+		let n = e, i = this.options.infinite && !this.options.fade;
+		if (!i) {
+			let e = Math.max(0, this.slideCount - 1);
+			n < 0 && (this.emit("edge", { direction: this.options.rtl ? "right" : "left" }), n = 0), n > e && (this.emit("edge", { direction: this.options.rtl ? "left" : "right" }), n = e);
+		}
+		let a = {
+			currentSlide: this.currentIndex,
+			nextSlide: i ? r(n, this.slideCount) : n
+		};
+		if (this.emit("beforeChange", a), !i || this.options.fade) {
+			this.currentIndex = n, this.applyLayout();
+			let e = { currentSlide: this.currentIndex };
+			this.emit("afterChange", e), this.applyLazyLoad(), this.notifyLinked();
+			return;
+		}
+		this.animating = !0;
+		let o = n + this.cloneCount;
+		this.animatingTo = o;
+		let s = this.indexToOffset(o);
+		this.translateTo(s, !t), this.updateAdaptiveHeight(o), this.updateCenterMode(o), this.updateDots(r(n, this.slideCount));
+		let c = !1, l = () => {
+			if (c) return;
+			c = !0, this.animating = !1;
+			let e = r(n, this.slideCount), t = e !== n;
+			if (this.currentIndex = e, t) {
+				let t = e + this.cloneCount;
+				this.suppressSlideTransitionsForOneFrame(), this.translateTo(this.indexToOffset(t), !1);
+			}
+			this.animatingTo = null, this.updateAria(), this.updateArrows(), this.updateDots();
+			let i = { currentSlide: this.currentIndex };
+			this.emit("afterChange", i), this.applyLazyLoad(), this.notifyLinked();
+		};
+		if (t || this.effectiveSpeed() === 0) l();
+		else {
+			let e = (t) => {
+				t.target === this.track && t.propertyName === "transform" && (this.track.removeEventListener("transitionend", e), l());
+			};
+			this.track.addEventListener("transitionend", e), setTimeout(() => {
+				this.animating && (this.track.removeEventListener("transitionend", e), l());
+			}, this.effectiveSpeed() + 50);
+		}
+	}
+	play() {
+		this.destroyed || (this.options.autoplay = !0, this.autoplayPaused = !1, this.scheduleAutoplay());
+	}
+	pause() {
+		this.autoplayPaused = !0, this.autoplayTimer &&= (clearTimeout(this.autoplayTimer), null);
+	}
+	scheduleAutoplay() {
+		!this.options.autoplay || this.autoplayPaused || (this.autoplayTimer && clearTimeout(this.autoplayTimer), this.autoplayTimer = setTimeout(() => {
+			this.options.autoplayDirection === "backward" ? this.prev() : this.next(), this.scheduleAutoplay();
+		}, this.options.autoplaySpeed));
+	}
+	on(e, t) {
+		this.listeners.has(e) || this.listeners.set(e, /* @__PURE__ */ new Set());
+		let n = this.listeners.get(e);
+		return n.add(t), () => n.delete(t);
+	}
+	off(e, t) {
+		this.listeners.get(e)?.delete(t);
+	}
+	emit(e, t) {
+		this.listeners.get(e)?.forEach((e) => e(t)), this.root.dispatchEvent(new CustomEvent(`slickless:${e}`, {
+			detail: t,
+			bubbles: !1
+		}));
+	}
+	bindEvents() {
+		this.root.addEventListener("keydown", this.handleKey), this.root.addEventListener("mouseenter", this.handleMouseEnter), this.root.addEventListener("mouseleave", this.handleMouseLeave), this.root.addEventListener("focusin", this.handleFocusIn), this.root.addEventListener("focusout", this.handleFocusOut), this.root.setAttribute("tabindex", "0"), typeof ResizeObserver < "u" ? (this.resizeObserver = new ResizeObserver(() => this.handleResize()), this.resizeObserver.observe(this.root)) : typeof window < "u" && window.addEventListener("resize", this.handleResize), this.options.draggable && !this.options.fade && this.bindPointerEvents(), this.options.focusOnSelect && this.bindFocusOnSelect();
+	}
+	unbindEvents() {
+		this.root.removeEventListener("keydown", this.handleKey), this.root.removeEventListener("mouseenter", this.handleMouseEnter), this.root.removeEventListener("mouseleave", this.handleMouseLeave), this.root.removeEventListener("focusin", this.handleFocusIn), this.root.removeEventListener("focusout", this.handleFocusOut), typeof window < "u" && window.removeEventListener("resize", this.handleResize), this.prevArrow && this.prevArrow.removeEventListener("click", this.handlePrevClick), this.nextArrow && this.nextArrow.removeEventListener("click", this.handleNextClick), this.unbindPointerEvents();
+	}
+	bindPointerEvents() {
+		let e = (e) => {
+			if (this.animating || e.button !== void 0 && e.button !== 0) return;
+			let t = this.parseTranslate();
+			this.pointer = {
+				id: e.pointerId,
+				startX: e.clientX,
+				startY: e.clientY,
+				startTime: performance.now(),
+				startTransform: t,
+				active: !0,
+				decided: !1,
+				isHorizontal: !this.options.vertical
+			}, this.track.style.transition = "", this.root.classList.add(s.dragging);
+		}, t = (e) => {
+			if (!this.pointer || !this.pointer.active || this.pointer.id !== e.pointerId) return;
+			let t = e.clientX - this.pointer.startX, n = e.clientY - this.pointer.startY;
+			if (!this.pointer.decided) {
+				let e = Math.abs(t), r = Math.abs(n);
+				if (e < 6 && r < 6) return;
+				if (this.pointer.isHorizontal = e > r, this.pointer.decided = !0, this.options.vertical ? this.pointer.isHorizontal : !this.pointer.isHorizontal) {
+					this.pointer.active = !1, this.root.classList.remove(s.dragging);
+					return;
+				}
+			}
+			let r = this.options.vertical ? n : t, i = this.options.rtl && !this.options.vertical ? -1 : 1, a = this.pointer.startTransform - i * r, o = this.options.vertical ? "Y" : "X", c = this.options.rtl && !this.options.vertical ? 1 : -1;
+			this.track.style.transform = `translate${o}(${c * a}px)`, typeof e.preventDefault == "function" && e.preventDefault();
+		}, n = (e) => {
+			if (!this.pointer || this.pointer.id !== e.pointerId) return;
+			let t = this.pointer.active, n = e.clientX - this.pointer.startX, r = e.clientY - this.pointer.startY, i = performance.now() - this.pointer.startTime;
+			if (this.root.classList.remove(s.dragging), this.pointer = null, !t) return;
+			let a = this.options.vertical ? r : n, o = Math.abs(a) / Math.max(1, i), c = this.options.swipeThreshold;
+			Math.abs(a) > c || o > .6 ? (this.options.rtl && !this.options.vertical ? a < 0 : a > 0) ? (this.emit("swipe", { direction: this.options.vertical ? "down" : "right" }), this.prev()) : (this.emit("swipe", { direction: this.options.vertical ? "up" : "left" }), this.next()) : this.goTo(this.currentIndex, !0);
+		}, r = (e) => {
+			!this.pointer || this.pointer.id !== e.pointerId || (this.root.classList.remove(s.dragging), this.pointer = null, this.goTo(this.currentIndex, !0));
+		}, i = e, a = t, o = n, c = r;
+		this.pointerHandlers = {
+			down: i,
+			move: a,
+			up: o,
+			cancel: c
+		}, this.viewport.addEventListener("pointerdown", i), window.addEventListener("pointermove", a, { passive: !1 }), window.addEventListener("pointerup", o), window.addEventListener("pointercancel", c);
+	}
+	unbindPointerEvents() {
+		let { down: e, move: t, up: n, cancel: r } = this.pointerHandlers;
+		e && (this.viewport.removeEventListener("pointerdown", e), t && window.removeEventListener("pointermove", t), n && window.removeEventListener("pointerup", n), r && window.removeEventListener("pointercancel", r), this.pointerHandlers = {});
+	}
+	parseTranslate() {
+		let e = this.track.style.transform, t = /translate[XY]\((-?\d+(?:\.\d+)?)px\)/.exec(e);
+		return !t || !t[1] ? this.indexToOffset(this.realToTrackIndex(this.currentIndex)) : parseFloat(t[1]) / (this.options.rtl && !this.options.vertical ? 1 : -1);
+	}
+	bindFocusOnSelect() {
+		for (let e = 0; e < this.slides.length; e++) {
+			let t = this.slides[e];
+			t && t.addEventListener("click", () => {
+				let t = e - this.cloneCount;
+				t >= 0 && t < this.slideCount && this.goTo(t);
+			});
+		}
+	}
+	realToTrackIndex(e) {
+		return e + this.cloneCount;
+	}
+	updateAria() {
+		let e = this.realToTrackIndex(this.currentIndex);
+		for (let t = 0; t < this.slides.length; t++) {
+			let n = this.slides[t];
+			if (!n) continue;
+			let r = this.isSlideInActiveRange(t, e), i = t === e;
+			n.classList.toggle(s.slideActive, r), n.classList.toggle(s.slideCurrent, i), n.classList.contains(s.slideCloned) || (n.setAttribute("aria-hidden", r ? "false" : "true"), n.setAttribute("tabindex", r ? "0" : "-1"));
+		}
+		this.updateCenterMode(e);
+	}
+	suppressSlideTransitionsForOneFrame() {
+		this.root.classList.add("slickless--snap"), this.root.offsetWidth, typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => {
+			requestAnimationFrame(() => this.root.classList.remove("slickless--snap"));
+		}) : setTimeout(() => this.root.classList.remove("slickless--snap"), 16);
+	}
+	updateCenterMode(e) {
+		if (this.options.centerMode) for (let t = 0; t < this.slides.length; t++) {
+			let n = this.slides[t];
+			n && n.classList.toggle(s.slideCenter, t === e);
+		}
+	}
+	isSlideInActiveRange(e, t) {
+		let n = Math.max(1, this.options.slidesToShow);
+		if (this.options.centerMode) {
+			let r = Math.floor(n / 2);
+			return e >= t - r && e < t + n - r;
+		}
+		return e >= t && e < t + n;
+	}
+	updateArrows() {
+		if (!this.prevArrow || !this.nextArrow) return;
+		if (this.options.infinite || this.options.fade) {
+			this.prevArrow.classList.remove(s.arrowDisabled), this.nextArrow.classList.remove(s.arrowDisabled), this.prevArrow.removeAttribute("aria-disabled"), this.nextArrow.removeAttribute("aria-disabled");
+			return;
+		}
+		let e = this.currentIndex <= 0, t = this.currentIndex >= this.slideCount - this.options.slidesToShow;
+		this.prevArrow.classList.toggle(s.arrowDisabled, e), this.nextArrow.classList.toggle(s.arrowDisabled, t), this.prevArrow.setAttribute("aria-disabled", String(e)), this.nextArrow.setAttribute("aria-disabled", String(t)), this.prevArrow.tagName === "BUTTON" && (this.prevArrow.disabled = !1), this.nextArrow.tagName === "BUTTON" && (this.nextArrow.disabled = !1);
+	}
+	pageCount() {
+		if (this.slideCount === 0) return 0;
+		let e = Math.ceil((this.slideCount - (this.options.infinite ? 0 : this.options.slidesToShow - 1)) / Math.max(1, this.options.slidesToScroll));
+		return Math.max(1, e);
+	}
+	updateDots(e) {
+		if (!this.dotsList) return;
+		let t = e ?? this.currentIndex, n = Math.floor(t / Math.max(1, this.options.slidesToScroll));
+		this.dotsList.querySelectorAll(`.${s.dot}`).forEach((e, t) => {
+			e.classList.toggle(s.dotActive, t === n), e.setAttribute("aria-selected", t === n ? "true" : "false");
+		});
+	}
+	updateAdaptiveHeight(e) {
+		if (!this.options.adaptiveHeight || this.options.vertical) return;
+		let t = e ?? this.animatingTo ?? this.realToTrackIndex(this.currentIndex), n = this.slides[t];
+		if (!n) return;
+		let r = n.getBoundingClientRect().height;
+		r > 0 && (this.viewport.style.height = `${r}px`);
+	}
+	applyLazyLoad() {
+		if (!this.options.lazyLoad) return;
+		if (this.options.lazyLoad === "progressive") {
+			this.loadImagesIn(this.slides);
+			return;
+		}
+		let e = Math.max(1, this.options.slidesToShow), t = this.realToTrackIndex(this.currentIndex), n = t - 1, i = t + e + 1, a = [];
+		for (let e = n; e < i; e++) {
+			let t = this.options.infinite ? r(e, this.slides.length) : e;
+			if (t < 0 || t >= this.slides.length) continue;
+			let n = this.slides[t];
+			n && a.push(n);
+		}
+		this.loadImagesIn(a);
+	}
+	loadImagesIn(e) {
+		for (let t of e) t.querySelectorAll("img[data-lazy]").forEach((e) => this.activateLazyImage(e));
+	}
+	activateLazyImage(e) {
+		let t = e.getAttribute("data-lazy");
+		t && (e.removeAttribute("data-lazy"), e.addEventListener("load", () => this.emit("lazyLoaded", {
+			image: e,
+			src: t
+		}), { once: !0 }), e.addEventListener("error", () => this.emit("lazyLoadError", {
+			image: e,
+			src: t
+		}), { once: !0 }), e.src = t);
+	}
+	linkAsNavFor() {
+		let e = this.options.asNavFor;
+		if (!e) return;
+		let t = o(e);
+		if (!t) return;
+		let n = t.__slickless;
+		n && (this.linkedNav = n, n.on("afterChange", (e) => {
+			this.linkedFromExternal ||= (this.linkedFromExternal = !0, this.goTo(e.currentSlide), !1);
+		}));
+	}
+	notifyLinked() {
+		this.linkedNav && (this.linkedFromExternal ||= (this.linkedFromExternal = !0, this.linkedNav.goTo(this.currentIndex), !1));
+	}
+	getCurrentSlide() {
+		return this.currentIndex;
+	}
+	getSlideCount() {
+		return this.slideCount;
+	}
+	getSlides() {
+		return this.slides.slice(this.cloneCount, this.cloneCount + this.slideCount);
+	}
+	setOptions(e, n = !0) {
+		this.userOptions = {
+			...this.userOptions,
+			...e
+		}, n ? this.reInit() : this.options = t(this.options, e);
+	}
+	refresh() {
+		this.destroyed || this.applyLayout();
+	}
+	addSlide(e, t) {
+		typeof t == "number" ? this.originalChildren.splice(t, 0, e) : this.originalChildren.push(e), this.reInit();
+	}
+	removeSlide(e) {
+		e < 0 || e >= this.originalChildren.length || (this.originalChildren.splice(e, 1), this.reInit());
+	}
+};
+//#endregion
+//#region src/index.ts
+function l(e, t = {}) {
+	return new c(e, t);
+}
+var u = c;
+//#endregion
+export { e as DEFAULTS, c as Slickless, u as default, l as slickless };
+
+//# sourceMappingURL=slickless.js.map