@konnectio/core 4.7.13 → 4.7.15

package/dist/{dist-CoJOkHqo.js → dist-AhXjLLR1.js}

@@ -1,8 +1,8 @@
 import { $ as renderSlot, A as createTextVNode, C as Text, D as createCommentVNode, E as createBlock, Et as normalizeClass, I as h, J as openBlock, K as onMounted, N as defineComponent, O as createElementBlock, Ot as normalizeStyle, P as getCurrentInstance, Q as renderList, T as createBaseVNode, Tt as unref, V as nextTick, _t as reactive, a as useI18n, at as useModel, b as Fragment, ct as watch, dt as withDirectives, et as resolveComponent, g as vShow, ht as isRef, j as createVNode, k as createSlots, kt as toDisplayString, l as storeToRefs, ot as useSlots, q as onUnmounted, tt as resolveDirective, u as Transition, ut as withCtx, v as withModifiers, w as computed$1, y as Comment, yt as ref, z as mergeModels } from "./i18n-DwFTw_rF.js";
-import { $ as BookingLayout, A as ScrollToTop, C as useAvailabilityStore, E as useUtilityStore, H as getUserLanguage, I as capitalized, K as showDate, L as convertDescription, M as useApplyGiftCardStore, O as useHotelStore, Q as BookingHeaderLayout, R as daysBetweenDates, S as _plugin_vue_export_helper_default, Y as showPrice, _ as InputField_default, j as usePaymentStore, lt as useEventBus, n as TextField_default, v as Clickable_default, w as useEventStore, x as Icon_default } from "./SelectField-znnXsV6p.js";
-import { n as __default } from "./Field-DSL9I38Y.js";
-import { t as ActionField_default } from "./ActionField-Zk9gKfBl.js";
-import { i as Checkbox_default, o as Base_default$1, r as GoogleNotice_default } from "./CheckoutWindow-Bk176718.js";
+import { $ as BookingHeaderLayout, A as ScrollToTop, C as useAvailabilityStore, E as useUtilityStore, I as capitalized, L as convertDescription, M as useApplyGiftCardStore, O as useHotelStore, R as daysBetweenDates, S as _plugin_vue_export_helper_default, U as getUserLanguage, X as showPrice, _ as InputField_default, et as BookingLayout, j as usePaymentStore, n as TextField_default, q as showDate, ut as useEventBus, v as Clickable_default, w as useEventStore, x as Icon_default } from "./SelectField-ChDa9rDG.js";
+import { n as __default } from "./Field-ChuCrNgy.js";
+import { t as ActionField_default } from "./ActionField-BRuDERve.js";
+import { i as Checkbox_default, o as Base_default$1, r as GoogleNotice_default } from "./CheckoutWindow-hlZnuGXN.js";
 //#region node_modules/@egjs/component/dist/component.esm.js
 function __values(e) {
 	var t = typeof Symbol == "function" && Symbol.iterator, n = t && e[t], r = 0;
@@ -125,7 +125,7 @@ function some(e, t) {
 	for (var n = e.length, r = 0; r < n; ++r) if (t(e[r], r)) return !0;
 	return !1;
 }
-function find$2(e, t) {
+function find$1(e, t) {
 	for (var n = e.length, r = 0; r < n; ++r) if (t(e[r], r)) return e[r];
 	return null;
 }
@@ -177,7 +177,7 @@ function findPresetBrand(e, t) {
 	}), n;
 }
 function findBrand(e, t) {
-	return find$2(e, function(e) {
+	return find$1(e, function(e) {
 		var n = e.brand;
 		return execRegExp("" + t.test, n.toLowerCase());
 	});
@@ -356,7 +356,7 @@ function getClientHintsAgent(e) {
 		var p = findPresetBrand(WEBKIT_PRESETS, n);
 		u.webkit = !!p.brand, u.webkitVersion = p.version || "-1";
 	}
-	var m = find$2(OS_PRESETS, function(e) {
+	var m = find$1(OS_PRESETS, function(e) {
 		return RegExp("" + e.test, "g").exec(l);
 	});
 	if (d.name = m ? m.id : "", e && (d.version = e.platformVersion || "-1"), r && r.length) {
@@ -597,7 +597,7 @@ var win = typeof window > "u" ? { navigator: { userAgent: "" } } : window, DIREC
 	"-moz-user-select": "none",
 	"user-select": "none",
 	"-webkit-user-drag": "none"
-}, toArray$3 = function(e) {
+}, toArray$2 = function(e) {
 	for (var t = [], n = 0, r = e.length; n < r; n++) t.push(e[n]);
 	return t;
 }, $ = function(e, t) {
@@ -606,8 +606,8 @@ var win = typeof window > "u" ? { navigator: { userAgent: "" } } : window, DIREC
 	if (typeof e == "string") {
 		if (e.match(/^<([a-z]+)\s*([^>]*)>/)) {
 			var r = document.createElement("div");
-			r.innerHTML = e, n = toArray$3(r.childNodes);
-		} else n = toArray$3(document.querySelectorAll(e));
+			r.innerHTML = e, n = toArray$2(r.childNodes);
+		} else n = toArray$2(document.querySelectorAll(e));
 		t || (n = n.length >= 1 ? n[0] : void 0);
 	} else e === win ? n = e : "value" in e || "current" in e ? n = e.value || e.current : e.nodeName && (e.nodeType === 1 || e.nodeType === 9) ? n = e : "jQuery" in win && e instanceof jQuery || e.constructor.prototype.jquery ? n = t ? e.toArray() : e.get(0) : Array.isArray(e) && (n = e.map(function(e) {
 		return $(e);
@@ -676,7 +676,7 @@ var requestAnimationFrame$2 = function(e) {
 	return Object.keys(PREVENT_DRAG_CSSPROPS).forEach(function(n) {
 		(!e || e[n] !== PREVENT_DRAG_CSSPROPS[n]) && (t = !1);
 	}), t;
-}, getDirection$2 = function(e, t) {
+}, getDirection$1 = function(e, t) {
 	return e && t ? DIRECTION_ALL : e ? DIRECTION_HORIZONTAL : t ? DIRECTION_VERTICAL : DIRECTION_NONE;
 }, useDirection = function(e, t, n) {
 	return n ? !!(t === DIRECTION_ALL || t & e && n & e) : !!(t & e);
@@ -1178,7 +1178,7 @@ var InputObserver = /*#__PURE__*/ function() {
 			return e[s] === 0 || t[s] === n[s] && isEndofBounce(r, i.range, i.bounce, i.circular);
 		});
 	}, e;
-}(), clamp$2 = function(e, t, n) {
+}(), clamp$1 = function(e, t, n) {
 	return Math.max(Math.min(e, n), t);
 }, EasingManager = /*#__PURE__*/ function(e) {
 	__extends$1(t, e);
@@ -1249,7 +1249,7 @@ var InputObserver = /*#__PURE__*/ function() {
 				return Math.max(e, s[t]);
 			}, -Infinity);
 		}
-		return clamp$2(i, this._options.minimumDuration, this._options.maximumDuration);
+		return clamp$1(i, this._options.minimumDuration, this._options.maximumDuration);
 	}, t.getDisplacement = function(e) {
 		var t = e.reduce(function(e, t) {
 			return e + t * t;
@@ -1289,7 +1289,7 @@ var InputObserver = /*#__PURE__*/ function() {
 		this._animateParam = null, this.interruptManager.setInterrupt(!1), this.eventManager.triggerFinish(e);
 	}, t.getUserControl = function(e) {
 		var t = e.setTo();
-		return t.destPos = this.axisManager.get(t.destPos), t.duration = clamp$2(t.duration, this._options.minimumDuration, this._options.maximumDuration), t;
+		return t.destPos = this.axisManager.get(t.destPos), t.duration = clamp$1(t.duration, this._options.minimumDuration, this._options.maximumDuration), t;
 	}, t.animateTo = function(e, t, n) {
 		var r = this;
 		this.stopAnimation();
@@ -1333,7 +1333,7 @@ var InputObserver = /*#__PURE__*/ function() {
 		return {
 			depaPos: r,
 			destPos: i,
-			duration: clamp$2(t, this._options.minimumDuration, this._options.maximumDuration),
+			duration: clamp$1(t, this._options.minimumDuration, this._options.maximumDuration),
 			delta: this.axisManager.getDelta(r, i),
 			inputEvent: s,
 			input: n?.input || null,
@@ -1454,7 +1454,7 @@ var InputObserver = /*#__PURE__*/ function() {
 	}
 	var t = e.prototype;
 	return t.mapAxes = function(e) {
-		this._direction = getDirection$2(!!e[0], !!e[1]), this.axes = e;
+		this._direction = getDirection$1(!!e[0], !!e[1]), this.axes = e;
 	}, t.connect = function(e) {
 		return this._activeEvent && (this._detachElementEvent(), this._detachWindowEvent(this._activeEvent)), this._attachElementEvent(e), this;
 	}, t.disconnect = function() {
@@ -1569,7 +1569,7 @@ var isWindow = typeof window < "u", ua = isWindow ? window.navigator.userAgent :
 function getAttribute(e, t) {
 	return e.getAttribute(t) || "";
 }
-function toArray$2(e) {
+function toArray$1(e) {
 	return [].slice.call(e);
 }
 function hasSizeAttribute(e, t) {
@@ -1601,14 +1601,14 @@ function getSize(e, t) {
 	return parseFloat(n || getStyles(e)[t.toLowerCase()]) || 0;
 }
 function getContentElements(e, t, n) {
-	var r = toArray$2(e.querySelectorAll(__spreadArrays(["[" + n + "skip] [" + n + "width]"], t.map(function(e) {
+	var r = toArray$1(e.querySelectorAll(__spreadArrays(["[" + n + "skip] [" + n + "width]"], t.map(function(e) {
 		return [
 			"[" + n + "skip] " + e,
 			e + "[" + n + "skip]",
 			"[" + n + "width] " + e
 		].join(", ");
 	})).join(", ")));
-	return toArray$2(e.querySelectorAll("[" + n + "width], " + t.join(", "))).filter(function(e) {
+	return toArray$1(e.querySelectorAll("[" + n + "width], " + t.join(", "))).filter(function(e) {
 		return r.indexOf(e) === -1;
 	});
 }
@@ -1737,7 +1737,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	var n = t.prototype;
 	return n.check = function(e) {
 		var t = this, n = this.options.prefix;
-		this.clear(), this.elementInfos = toArray$2(e).map(function(e, r) {
+		this.clear(), this.elementInfos = toArray$1(e).map(function(e, r) {
 			var i = t.getLoader(e, { prefix: n });
 			return i.check(), i.on("error", function(e) {
 				t.onError(r, e.target);
@@ -1786,7 +1786,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	}, n.getLoader = function(e, t) {
 		var n = this, r = e.tagName.toLowerCase(), i = this.options.loaders, s = t.prefix, l = Object.keys(i);
 		if (i[r]) return new i[r](e, t);
-		var u = new ElementLoader(e, t), d = toArray$2(e.querySelectorAll(l.join(", ")));
+		var u = new ElementLoader(e, t), d = toArray$1(e.querySelectorAll(l.join(", ")));
 		u.setHasLoading(d.some(function(e) {
 			return hasLoadingAttribute(e, s);
 		}));
@@ -1905,16 +1905,16 @@ var Loader = /*#__PURE__*/ function(e) {
 		} }, t)) || this;
 	}
 	return t;
-}(ImReadyManager), __defProp$2 = Object.defineProperty, __defProps$2 = Object.defineProperties, __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$2 = Object.getOwnPropertySymbols, __getProtoOf$2 = Object.getPrototypeOf, __hasOwnProp$2 = Object.prototype.hasOwnProperty, __propIsEnum$2 = Object.prototype.propertyIsEnumerable, __reflectGet$2 = Reflect.get, __pow$1 = Math.pow, __defNormalProp$2 = (e, t, n) => t in e ? __defProp$2(e, t, {
+}(ImReadyManager), __defProp$1 = Object.defineProperty, __defProps$1 = Object.defineProperties, __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$1 = Object.getOwnPropertySymbols, __getProtoOf$1 = Object.getPrototypeOf, __hasOwnProp$1 = Object.prototype.hasOwnProperty, __propIsEnum$1 = Object.prototype.propertyIsEnumerable, __reflectGet$1 = Reflect.get, __pow = Math.pow, __defNormalProp$1 = (e, t, n) => t in e ? __defProp$1(e, t, {
 	enumerable: !0,
 	configurable: !0,
 	writable: !0,
 	value: n
-}) : e[t] = n, __spreadValues$2 = (e, t) => {
-	for (var n in t ||= {}) __hasOwnProp$2.call(t, n) && __defNormalProp$2(e, n, t[n]);
-	if (__getOwnPropSymbols$2) for (var n of __getOwnPropSymbols$2(t)) __propIsEnum$2.call(t, n) && __defNormalProp$2(e, n, t[n]);
+}) : e[t] = n, __spreadValues$1 = (e, t) => {
+	for (var n in t ||= {}) __hasOwnProp$1.call(t, n) && __defNormalProp$1(e, n, t[n]);
+	if (__getOwnPropSymbols$1) for (var n of __getOwnPropSymbols$1(t)) __propIsEnum$1.call(t, n) && __defNormalProp$1(e, n, t[n]);
 	return e;
-}, __spreadProps$2 = (e, t) => __defProps$2(e, __getOwnPropDescs$2(t)), __superGet$2 = (e, t, n) => __reflectGet$2(__getProtoOf$2(e), n, t), __async$2 = (e, t, n) => new Promise((r, i) => {
+}, __spreadProps$1 = (e, t) => __defProps$1(e, __getOwnPropDescs$1(t)), __superGet$1 = (e, t, n) => __reflectGet$1(__getProtoOf$1(e), n, t), __async$1 = (e, t, n) => new Promise((r, i) => {
 	var s = (e) => {
 		try {
 			u(n.next(e));
@@ -1929,31 +1929,31 @@ var Loader = /*#__PURE__*/ function(e) {
 		}
 	}, u = (e) => e.done ? r(e.value) : Promise.resolve(e.value).then(s, l);
 	u((n = n.apply(e, t)).next());
-}), ALIGN$1 = {
+}), ALIGN = {
 	PREV: "prev",
 	CENTER: "center",
 	NEXT: "next"
-}, DIRECTION$1 = {
+}, DIRECTION = {
 	PREV: "PREV",
 	NEXT: "NEXT",
 	NONE: null
-}, MOVE_TYPE$1 = {
+}, MOVE_TYPE = {
 	SNAP: "snap",
 	FREE_SCROLL: "freeScroll",
 	STRICT: "strict"
-}, CLASS$1 = {
+}, CLASS = {
 	VIEWPORT: "flicking-viewport",
 	CAMERA: "flicking-camera",
 	VERTICAL: "vertical",
 	HIDDEN: "flicking-hidden",
 	DEFAULT_VIRTUAL: "flicking-panel"
-}, CIRCULAR_FALLBACK$1 = {
+}, CIRCULAR_FALLBACK = {
 	LINEAR: "linear",
 	BOUND: "bound"
-}, ORDER$1 = {
+}, ORDER = {
 	LTR: "ltr",
 	RTL: "rtl"
-}, AnchorPoint$1 = class {
+}, AnchorPoint = class {
 	get index() {
 		return this._index;
 	}
@@ -1967,7 +1967,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		let { index: t, position: n, panel: r } = e;
 		this._index = t, this._pos = n, this._panel = r;
 	}
-}, errors$1 = {
+}, errors = {
 	WRONG_TYPE: {
 		code: 0,
 		message: (e, t) => `${e}(${typeof e}) is not a ${t.map((e) => `"${e}"`).join(" or ")}.`
@@ -2028,51 +2028,51 @@ var Loader = /*#__PURE__*/ function(e) {
 		code: 14,
 		message: "This behavior is not allowed when the virtual option is enabled"
 	}
-}, CODE$1 = Object.keys(errors$1).reduce((e, t) => (e[t] = errors$1[t].code, e), {}), MESSAGE$1 = Object.keys(errors$1).reduce((e, t) => (e[t] = errors$1[t].message, e), {}), getElement$2 = (e, t) => {
+}, CODE = Object.keys(errors).reduce((e, t) => (e[t] = errors[t].code, e), {}), MESSAGE = Object.keys(errors).reduce((e, t) => (e[t] = errors[t].message, e), {}), getElement$1 = (e, t) => {
 	let n = null;
-	if (isString$1(e)) {
+	if (isString(e)) {
 		let r = (t || document).querySelector(e);
-		if (!r) throw new FlickingError$1(MESSAGE$1.ELEMENT_NOT_FOUND(e), CODE$1.ELEMENT_NOT_FOUND);
+		if (!r) throw new FlickingError(MESSAGE.ELEMENT_NOT_FOUND(e), CODE.ELEMENT_NOT_FOUND);
 		n = r;
 	} else e && e.nodeType === Node.ELEMENT_NODE && (n = e);
-	if (!n) throw new FlickingError$1(MESSAGE$1.WRONG_TYPE(e, ["HTMLElement", "string"]), CODE$1.WRONG_TYPE);
+	if (!n) throw new FlickingError(MESSAGE.WRONG_TYPE(e, ["HTMLElement", "string"]), CODE.WRONG_TYPE);
 	return n;
-}, checkExistence$1 = (e, t) => {
-	if (e == null) throw new FlickingError$1(MESSAGE$1.VAL_MUST_NOT_NULL(e, t), CODE$1.VAL_MUST_NOT_NULL);
-}, clamp$1 = (e, t, n) => Math.max(Math.min(e, n), t), getFlickingAttached$1 = (e) => {
-	if (!e) throw new FlickingError$1(MESSAGE$1.NOT_ATTACHED_TO_FLICKING, CODE$1.NOT_ATTACHED_TO_FLICKING);
+}, checkExistence = (e, t) => {
+	if (e == null) throw new FlickingError(MESSAGE.VAL_MUST_NOT_NULL(e, t), CODE.VAL_MUST_NOT_NULL);
+}, clamp = (e, t, n) => Math.max(Math.min(e, n), t), getFlickingAttached = (e) => {
+	if (!e) throw new FlickingError(MESSAGE.NOT_ATTACHED_TO_FLICKING, CODE.NOT_ATTACHED_TO_FLICKING);
 	return e;
-}, toArray$1 = (e) => [].slice.call(e), parseAlign$1$1 = (e, t) => {
+}, toArray = (e) => [].slice.call(e), parseAlign$1 = (e, t) => {
 	let n;
-	if (isString$1(e)) switch (e) {
-		case ALIGN$1.PREV:
+	if (isString(e)) switch (e) {
+		case ALIGN.PREV:
 			n = 0;
 			break;
-		case ALIGN$1.CENTER:
+		case ALIGN.CENTER:
 			n = .5 * t;
 			break;
-		case ALIGN$1.NEXT:
+		case ALIGN.NEXT:
 			n = t;
 			break;
-		default: if (n = parseArithmeticSize$1(e, t), n == null) throw new FlickingError$1(MESSAGE$1.WRONG_OPTION("align", e), CODE$1.WRONG_OPTION);
+		default: if (n = parseArithmeticSize(e, t), n == null) throw new FlickingError(MESSAGE.WRONG_OPTION("align", e), CODE.WRONG_OPTION);
 	}
 	else n = e;
 	return n;
-}, parseBounce$1 = (e, t) => {
+}, parseBounce = (e, t) => {
 	let n;
-	if (Array.isArray(e)) n = e.map((e) => parseArithmeticSize$1(e, t));
+	if (Array.isArray(e)) n = e.map((e) => parseArithmeticSize(e, t));
 	else {
-		let r = parseArithmeticSize$1(e, t);
+		let r = parseArithmeticSize(e, t);
 		n = [r, r];
 	}
 	return n.map((t) => {
-		if (t == null) throw new FlickingError$1(MESSAGE$1.WRONG_OPTION("bounce", e), CODE$1.WRONG_OPTION);
+		if (t == null) throw new FlickingError(MESSAGE.WRONG_OPTION("bounce", e), CODE.WRONG_OPTION);
 		return t;
 	});
-}, parseArithmeticSize$1 = (e, t) => {
-	let n = parseArithmeticExpression$1(e);
+}, parseArithmeticSize = (e, t) => {
+	let n = parseArithmeticExpression(e);
 	return n == null ? null : n.percentage * t + n.absolute;
-}, parseArithmeticExpression$1 = (e) => {
+}, parseArithmeticExpression = (e) => {
 	let t = /(?:(\+|-)\s*)?(\d+(?:\.\d+)?(%|px)?)/g;
 	if (typeof e == "number") return {
 		percentage: 0,
@@ -2089,35 +2089,35 @@ var Loader = /*#__PURE__*/ function(e) {
 		u === "%" ? n.percentage += d / 100 * f : n.absolute += f * d, ++r, i = t.exec(e);
 	}
 	return r === 0 ? null : n;
-}, parsePanelAlign$1 = (e) => typeof e == "object" ? e.panel : e, getDirection$1 = (e, t) => e === t ? DIRECTION$1.NONE : e < t ? DIRECTION$1.NEXT : DIRECTION$1.PREV, parseElement$1 = (e) => {
+}, parsePanelAlign = (e) => typeof e == "object" ? e.panel : e, getDirection = (e, t) => e === t ? DIRECTION.NONE : e < t ? DIRECTION.NEXT : DIRECTION.PREV, parseElement = (e) => {
 	Array.isArray(e) || (e = [e]);
 	let t = [];
 	return e.forEach((e) => {
-		if (isString$1(e)) {
+		if (isString(e)) {
 			let n = document.createElement("div");
-			for (n.innerHTML = e, t.push(...toArray$1(n.children)); n.firstChild;) n.removeChild(n.firstChild);
+			for (n.innerHTML = e, t.push(...toArray(n.children)); n.firstChild;) n.removeChild(n.firstChild);
 		} else if (e && e.nodeType === Node.ELEMENT_NODE) t.push(e);
-		else throw new FlickingError$1(MESSAGE$1.WRONG_TYPE(e, ["HTMLElement", "string"]), CODE$1.WRONG_TYPE);
+		else throw new FlickingError(MESSAGE.WRONG_TYPE(e, ["HTMLElement", "string"]), CODE.WRONG_TYPE);
 	}), t;
-}, getMinusCompensatedIndex$1 = (e, t) => clamp$1(e < 0 ? e + t : e, 0, t), includes$1 = (e, t) => {
+}, getMinusCompensatedIndex = (e, t) => clamp(e < 0 ? e + t : e, 0, t), includes = (e, t) => {
 	for (let n of e) if (n === t) return !0;
 	return !1;
-}, isString$1 = (e) => typeof e == "string", circulatePosition$1 = (e, t, n) => {
+}, isString = (e) => typeof e == "string", circulatePosition = (e, t, n) => {
 	let r = n - t;
 	return e < t ? e = n - (t - e) % r : e > n && (e = t + (e - n) % r), e;
-}, find$1 = (e, t) => {
+}, find = (e, t) => {
 	for (let n of e) if (t(n)) return n;
 	return null;
-}, findIndex$1 = (e, t) => {
+}, findIndex = (e, t) => {
 	for (let n = 0; n < e.length; n++) if (t(e[n])) return n;
 	return -1;
-}, getProgress$1$1 = (e, t, n) => (e - t) / (n - t), getStyle$1 = (e) => e ? window.getComputedStyle(e) || e.currentStyle : {}, setSize$1 = (e, { width: t, height: n }) => {
-	e && (t != null && (isString$1(t) ? e.style.width = t : e.style.width = `${t}px`), n != null && (isString$1(n) ? e.style.height = n : e.style.height = `${n}px`));
-}, isBetween$1 = (e, t, n) => e >= t && e <= n, circulateIndex$1 = (e, t) => e >= t ? e % t : e < 0 ? getMinusCompensatedIndex$1((e + 1) % t - 1, t) : e, range$1 = (e) => {
+}, getProgress$1 = (e, t, n) => (e - t) / (n - t), getStyle = (e) => e ? window.getComputedStyle(e) || e.currentStyle : {}, setSize = (e, { width: t, height: n }) => {
+	e && (t != null && (isString(t) ? e.style.width = t : e.style.width = `${t}px`), n != null && (isString(n) ? e.style.height = n : e.style.height = `${n}px`));
+}, isBetween = (e, t, n) => e >= t && e <= n, circulateIndex = (e, t) => e >= t ? e % t : e < 0 ? getMinusCompensatedIndex((e + 1) % t - 1, t) : e, range = (e) => {
 	let t = Array(e);
 	for (let n = 0; n < e; n++) t[n] = n;
 	return t;
-}, getElementSize$1 = ({ el: e, horizontal: t, useFractionalSize: n, useOffset: r, style: i }) => {
+}, getElementSize = ({ el: e, horizontal: t, useFractionalSize: n, useOffset: r, style: i }) => {
 	let s = 0;
 	if (n) {
 		let e = parseFloat(t ? i.width : i.height) || 0, n = i.boxSizing === "border-box", l = t ? parseFloat(i.borderLeftWidth || "0") + parseFloat(i.borderRightWidth || "0") : parseFloat(i.borderTopWidth || "0") + parseFloat(i.borderBottomWidth || "0");
@@ -2131,11 +2131,11 @@ var Loader = /*#__PURE__*/ function(e) {
 		s = r ? e[`offset${n}`] : e[`client${n}`];
 	}
 	return Math.max(s, 0);
-}, setPrototypeOf$1 = Object.setPrototypeOf || ((e, t) => (e.__proto__ = t, e)), FlickingError$1 = class e extends Error {
+}, setPrototypeOf = Object.setPrototypeOf || ((e, t) => (e.__proto__ = t, e)), FlickingError = class e extends Error {
 	constructor(t, n) {
-		super(t), setPrototypeOf$1(this, e.prototype), this.name = "FlickingError", this.code = n;
+		super(t), setPrototypeOf(this, e.prototype), this.name = "FlickingError", this.code = n;
 	}
-}, EVENTS$1 = {
+}, EVENTS = {
 	READY: "ready",
 	BEFORE_RESIZE: "beforeResize",
 	AFTER_RESIZE: "afterResize",
@@ -2153,12 +2153,12 @@ var Loader = /*#__PURE__*/ function(e) {
 	VISIBLE_CHANGE: "visibleChange",
 	REACH_EDGE: "reachEdge",
 	PANEL_CHANGE: "panelChange"
-}, CameraMode$1 = class {
+}, CameraMode = class {
 	constructor(e) {
 		this._flicking = e;
 	}
 	getAnchors() {
-		return this._flicking.renderer.panels.map((e, t) => new AnchorPoint$1({
+		return this._flicking.renderer.panels.map((e, t) => new AnchorPoint({
 			index: t,
 			position: e.position,
 			panel: e
@@ -2180,7 +2180,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	clampToReachablePosition(e) {
 		let t = this._flicking.camera.range;
-		return clamp$1(e, t.min, t.max);
+		return clamp(e, t.min, t.max);
 	}
 	getCircularOffset() {
 		return 0;
@@ -2195,7 +2195,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		let t = this._flicking.camera.visibleRange;
 		return e.isVisibleOnRange(t.min, t.max);
 	}
-}, BoundCameraMode$1 = class extends CameraMode$1 {
+}, BoundCameraMode = class extends CameraMode {
 	checkAvailability() {
 		let e = this._flicking, t = e.renderer, n = t.getPanel(0), r = t.getPanel(t.panelCount - 1);
 		if (!n || !r) return !1;
@@ -2214,7 +2214,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			max: p
 		};
 		{
-			let t = e.camera.align, n = f + parseAlign$1$1(typeof t == "object" ? t.camera : t, p - f);
+			let t = e.camera.align, n = f + parseAlign$1(typeof t == "object" ? t.camera : t, p - f);
 			return {
 				min: n,
 				max: n
@@ -2226,32 +2226,32 @@ var Loader = /*#__PURE__*/ function(e) {
 		if (n.length <= 0) return [];
 		let r = e.camera.range, i = n.filter((e) => t.canReach(e));
 		if (i.length > 0) {
-			let e = i[0].position !== r.min, t = i[i.length - 1].position !== r.max, s = +!!e, l = i.map((e, t) => new AnchorPoint$1({
+			let e = i[0].position !== r.min, t = i[i.length - 1].position !== r.max, s = +!!e, l = i.map((e, t) => new AnchorPoint({
 				index: t + s,
 				position: e.position,
 				panel: e
 			}));
-			return e && l.splice(0, 0, new AnchorPoint$1({
+			return e && l.splice(0, 0, new AnchorPoint({
 				index: 0,
 				position: r.min,
 				panel: n[i[0].index - 1]
-			})), t && l.push(new AnchorPoint$1({
+			})), t && l.push(new AnchorPoint({
 				index: l.length,
 				position: r.max,
 				panel: n[i[i.length - 1].index + 1]
 			})), l;
 		} else if (r.min !== r.max) {
 			let e = this._findNearestPanel(r.min, n), t = e.index === n.length - 1 ? e.prev() : e, i = t.next();
-			return [new AnchorPoint$1({
+			return [new AnchorPoint({
 				index: 0,
 				position: r.min,
 				panel: t
-			}), new AnchorPoint$1({
+			}), new AnchorPoint({
 				index: 1,
 				position: r.max,
 				panel: i
 			})];
-		} else return [new AnchorPoint$1({
+		} else return [new AnchorPoint({
 			index: 0,
 			position: r.min,
 			panel: this._findNearestPanel(r.min, n)
@@ -2270,7 +2270,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		}
 		return t[t.length - 1];
 	}
-}, CircularCameraMode$1 = class extends CameraMode$1 {
+}, CircularCameraMode = class extends CameraMode {
 	checkAvailability() {
 		let e = this._flicking, t = e.renderer.panels;
 		if (t.length <= 0) return !1;
@@ -2290,7 +2290,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		};
 	}
 	getAnchors() {
-		return this._flicking.renderer.panels.map((e, t) => new AnchorPoint$1({
+		return this._flicking.renderer.panels.map((e, t) => new AnchorPoint({
 			index: t,
 			position: e.position,
 			panel: e
@@ -2307,15 +2307,15 @@ var Loader = /*#__PURE__*/ function(e) {
 		return n[s];
 	}
 	findAnchorIncludePosition(e) {
-		let t = this._flicking.camera, n = t.range, r = t.anchorPoints, i = t.rangeDiff, s = r.length, l = circulatePosition$1(e, n.min, n.max), u = super.findAnchorIncludePosition(l);
+		let t = this._flicking.camera, n = t.range, r = t.anchorPoints, i = t.rangeDiff, s = r.length, l = circulatePosition(e, n.min, n.max), u = super.findAnchorIncludePosition(l);
 		if (s > 0 && (e === n.min || e === n.max) && (u = [
 			u,
-			new AnchorPoint$1({
+			new AnchorPoint({
 				index: 0,
 				position: r[0].position + i,
 				panel: r[0].panel
 			}),
-			new AnchorPoint$1({
+			new AnchorPoint({
 				index: s - 1,
 				position: r[s - 1].position - i,
 				panel: r[s - 1].panel
@@ -2323,14 +2323,14 @@ var Loader = /*#__PURE__*/ function(e) {
 		].filter((e) => !!e).reduce((t, n) => t && Math.abs(t.position - e) < Math.abs(n.position - e) ? t : n, null)), !u) return null;
 		if (e < n.min) {
 			let t = -Math.floor((n.min - e) / i) - 1;
-			return new AnchorPoint$1({
+			return new AnchorPoint({
 				index: u.index,
 				position: u.position + i * t,
 				panel: u.panel
 			});
 		} else if (e > n.max) {
 			let t = Math.floor((e - n.max) / i) + 1;
-			return new AnchorPoint$1({
+			return new AnchorPoint({
 				index: u.index,
 				position: u.position + i * t,
 				panel: u.panel
@@ -2341,7 +2341,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	getCircularOffset() {
 		let e = this._flicking;
 		if (!e.camera.circularEnabled) return 0;
-		let t = e.panels.filter((e) => e.toggled), n = t.filter((e) => e.toggleDirection === DIRECTION$1.PREV), r = t.filter((e) => e.toggleDirection === DIRECTION$1.NEXT);
+		let t = e.panels.filter((e) => e.toggled), n = t.filter((e) => e.toggleDirection === DIRECTION.PREV), r = t.filter((e) => e.toggleDirection === DIRECTION.NEXT);
 		return this._calcPanelAreaSum(n) - this._calcPanelAreaSum(r);
 	}
 	clampToReachablePosition(e) {
@@ -2357,7 +2357,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	_calcPanelAreaSum(e) {
 		return e.reduce((e, t) => e + t.sizeIncludingMargin, 0);
 	}
-}, LinearCameraMode$1 = class extends CameraMode$1 {
+}, LinearCameraMode = class extends CameraMode {
 	checkAvailability() {
 		return !0;
 	}
@@ -2369,8 +2369,8 @@ var Loader = /*#__PURE__*/ function(e) {
 			max: i?.position ?? 0
 		};
 	}
-}, Camera$1 = class {
-	constructor(e, { align: t = ALIGN$1.CENTER } = {}) {
+}, Camera = class {
+	constructor(e, { align: t = ALIGN.CENTER } = {}) {
 		this._lookedOffset = 0, this._checkTranslateSupport = () => {
 			let e = [
 				"webkitTransform",
@@ -2380,7 +2380,7 @@ var Loader = /*#__PURE__*/ function(e) {
 				"transform"
 			], t = document.documentElement.style, n = "";
 			for (let r of e) r in t && (n = r);
-			if (!n) throw new FlickingError$1(MESSAGE$1.TRANSFORM_NOT_SUPPORTED, CODE$1.TRANSFORM_NOT_SUPPORTED);
+			if (!n) throw new FlickingError(MESSAGE.TRANSFORM_NOT_SUPPORTED, CODE.TRANSFORM_NOT_SUPPORTED);
 			this._transform = n;
 		}, this._flicking = e, this._resetInternalValues(), this._align = t;
 	}
@@ -2388,7 +2388,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		return this._el;
 	}
 	get children() {
-		return toArray$1(this._el.children);
+		return toArray(this._el.children);
 	}
 	get position() {
 		return this._position;
@@ -2444,10 +2444,10 @@ var Loader = /*#__PURE__*/ function(e) {
 		if (t === i) return r.index;
 		if (t < i) {
 			let e = r.prev(), n = e ? e.position + e.offset : l - s[0];
-			return n > i && (n -= d), r.index - 1 + getProgress$1$1(t, n, i);
+			return n > i && (n -= d), r.index - 1 + getProgress$1(t, n, i);
 		} else {
 			let e = r.next(), n = e ? e.position + e.offset : u + s[1];
-			return n < i && (n += d), r.index + getProgress$1$1(t, i, n);
+			return n < i && (n += d), r.index + getProgress$1(t, i, n);
 		}
 	}
 	get panelOrder() {
@@ -2461,13 +2461,13 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	init() {
 		let e = this._flicking.viewport.element;
-		return checkExistence$1(e.firstElementChild, "First element child of the viewport element"), this._el = e.firstElementChild, this._checkTranslateSupport(), this._updateMode(), this.updatePanelOrder(), this;
+		return checkExistence(e.firstElementChild, "First element child of the viewport element"), this._el = e.firstElementChild, this._checkTranslateSupport(), this._updateMode(), this.updatePanelOrder(), this;
 	}
 	destroy() {
 		return this._resetInternalValues(), this;
 	}
 	lookAt(e) {
-		let t = this._offset, n = this._lookedOffset !== t, r = getFlickingAttached$1(this._flicking), i = this._position;
+		let t = this._offset, n = this._lookedOffset !== t, r = getFlickingAttached(this._flicking), i = this._position;
 		this._position = e;
 		let s = this._togglePanels(i, e);
 		this._refreshVisiblePanels(), this._checkNeedPanel(), this._checkReachEnd(i, e), s ? r.renderer.render().then(() => {
@@ -2478,7 +2478,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		if (!this._circularEnabled || e.index !== 0) return this._anchors[e.index - 1] || null;
 		{
 			let e = this._anchors, t = this.rangeDiff, n = e[e.length - 1];
-			return new AnchorPoint$1({
+			return new AnchorPoint({
 				index: n.index,
 				position: n.position - t,
 				panel: n.panel
@@ -2490,7 +2490,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		if (!this._circularEnabled || e.index !== t.length - 1) return t[e.index + 1] || null;
 		{
 			let e = this.rangeDiff, n = t[0];
-			return new AnchorPoint$1({
+			return new AnchorPoint({
 				index: n.index,
 				position: n.position + e,
 				panel: n.panel
@@ -2509,8 +2509,8 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	findActiveAnchor() {
 		var e;
-		let t = getFlickingAttached$1(this._flicking).control.activePanel;
-		return t ? find$1(this._anchors, (e) => e.panel.index === t.index) ?? this.findNearestAnchor(t.position) : null;
+		let t = getFlickingAttached(this._flicking).control.activePanel;
+		return t ? find(this._anchors, (e) => e.panel.index === t.index) ?? this.findNearestAnchor(t.position) : null;
 	}
 	clampToReachablePosition(e) {
 		return this._mode.clampToReachablePosition(e);
@@ -2522,31 +2522,31 @@ var Loader = /*#__PURE__*/ function(e) {
 		return this._mode.canSee(e);
 	}
 	updateRange() {
-		let e = getFlickingAttached$1(this._flicking).renderer.panels;
+		let e = getFlickingAttached(this._flicking).renderer.panels;
 		return this._updateMode(), this._range = this._mode.getRange(), e.forEach((e) => e.updateCircularToggleDirection()), this;
 	}
 	updateAlignPos() {
 		let e = this._align, t = typeof e == "object" ? e.camera : e;
-		return this._alignPos = parseAlign$1$1(t, this.size), this;
+		return this._alignPos = parseAlign$1(t, this.size), this;
 	}
 	updateAnchors() {
 		return this._anchors = this._mode.getAnchors(), this;
 	}
 	updateAdaptiveHeight() {
-		let e = getFlickingAttached$1(this._flicking), t = e.control.activePanel, n = [...e.visiblePanels];
+		let e = getFlickingAttached(this._flicking), t = e.control.activePanel, n = [...e.visiblePanels];
 		if (t && n.push(t), !e.horizontal || !e.adaptive || !n.length) return;
 		let r = Math.max(...n.map((e) => e.height));
 		e.viewport.setSize({ height: r });
 	}
 	updateOffset() {
-		let e = getFlickingAttached$1(this._flicking), t = this._position, n = e.panels.filter((e) => !e.rendered);
+		let e = getFlickingAttached(this._flicking), t = this._position, n = e.panels.filter((e) => !e.rendered);
 		return this._offset = n.filter((e) => e.position + e.offset < t).reduce((e, t) => e + t.sizeIncludingMargin, 0), this._circularOffset = this._mode.getCircularOffset(), this.applyTransform(), this;
 	}
 	updatePanelOrder() {
-		let e = getFlickingAttached$1(this._flicking);
+		let e = getFlickingAttached(this._flicking);
 		if (!e.horizontal) return this;
-		let t = this._el, n = getStyle$1(t).direction;
-		return n !== this._panelOrder && (this._panelOrder = n === ORDER$1.RTL ? ORDER$1.RTL : ORDER$1.LTR, e.initialized && e.control.controller.updateDirection()), this;
+		let t = this._el, n = getStyle(t).direction;
+		return n !== this._panelOrder && (this._panelOrder = n === ORDER.RTL ? ORDER.RTL : ORDER.LTR, e.initialized && e.control.controller.updateDirection()), this;
 	}
 	resetNeedPanelHistory() {
 		return this._needPanelTriggered = {
@@ -2555,10 +2555,10 @@ var Loader = /*#__PURE__*/ function(e) {
 		}, this;
 	}
 	applyTransform() {
-		let e = this._el, t = getFlickingAttached$1(this._flicking);
+		let e = this._el, t = getFlickingAttached(this._flicking);
 		if (t.renderer.rendering || !t.initialized) return this;
 		let n = this._position - this._alignPos - this._offset + this._circularOffset;
-		return e.style[this._transform] = t.horizontal ? `translate(${this._panelOrder === ORDER$1.RTL ? n : -n}px)` : `translate(0, ${-n}px)`, this;
+		return e.style[this._transform] = t.horizontal ? `translate(${this._panelOrder === ORDER.RTL ? n : -n}px)` : `translate(0, ${-n}px)`, this;
 	}
 	_resetInternalValues() {
 		this._position = 0, this._lookedOffset = 0, this._alignPos = 0, this._offset = 0, this._circularOffset = 0, this._circularEnabled = !1, this._range = {
@@ -2570,11 +2570,11 @@ var Loader = /*#__PURE__*/ function(e) {
 		};
 	}
 	_refreshVisiblePanels() {
-		let e = getFlickingAttached$1(this._flicking), t = e.renderer.panels.filter((e) => this.canSee(e)), n = this._visiblePanels;
+		let e = getFlickingAttached(this._flicking), t = e.renderer.panels.filter((e) => this.canSee(e)), n = this._visiblePanels;
 		this._visiblePanels = t;
-		let r = t.filter((e) => !includes$1(n, e)), i = n.filter((e) => !includes$1(t, e));
+		let r = t.filter((e) => !includes(n, e)), i = n.filter((e) => !includes(t, e));
 		(r.length > 0 || i.length > 0) && e.renderer.render().then(() => {
-			e.trigger(new ComponentEvent$1(EVENTS$1.VISIBLE_CHANGE, {
+			e.trigger(new ComponentEvent$1(EVENTS.VISIBLE_CHANGE, {
 				added: r,
 				removed: i,
 				visiblePanels: t
@@ -2584,42 +2584,42 @@ var Loader = /*#__PURE__*/ function(e) {
 	_checkNeedPanel() {
 		let e = this._needPanelTriggered;
 		if (e.prev && e.next) return;
-		let t = getFlickingAttached$1(this._flicking), n = t.renderer.panels;
+		let t = getFlickingAttached(this._flicking), n = t.renderer.panels;
 		if (n.length <= 0) {
-			e.prev ||= (t.trigger(new ComponentEvent$1(EVENTS$1.NEED_PANEL, { direction: DIRECTION$1.PREV })), !0), e.next ||= (t.trigger(new ComponentEvent$1(EVENTS$1.NEED_PANEL, { direction: DIRECTION$1.NEXT })), !0);
+			e.prev ||= (t.trigger(new ComponentEvent$1(EVENTS.NEED_PANEL, { direction: DIRECTION.PREV })), !0), e.next ||= (t.trigger(new ComponentEvent$1(EVENTS.NEED_PANEL, { direction: DIRECTION.NEXT })), !0);
 			return;
 		}
 		let r = this._position, i = this.size, s = this._range, l = t.needPanelThreshold, u = r - this._alignPos, d = u + i, f = n[0], p = n[n.length - 1];
-		e.prev || (u <= f.range.min + l || r <= s.min + l) && (t.trigger(new ComponentEvent$1(EVENTS$1.NEED_PANEL, { direction: DIRECTION$1.PREV })), e.prev = !0), e.next || (d >= p.range.max - l || r >= s.max - l) && (t.trigger(new ComponentEvent$1(EVENTS$1.NEED_PANEL, { direction: DIRECTION$1.NEXT })), e.next = !0);
+		e.prev || (u <= f.range.min + l || r <= s.min + l) && (t.trigger(new ComponentEvent$1(EVENTS.NEED_PANEL, { direction: DIRECTION.PREV })), e.prev = !0), e.next || (d >= p.range.max - l || r >= s.max - l) && (t.trigger(new ComponentEvent$1(EVENTS.NEED_PANEL, { direction: DIRECTION.NEXT })), e.next = !0);
 	}
 	_checkReachEnd(e, t) {
-		let n = getFlickingAttached$1(this._flicking), r = this._range, i = e > r.min && e < r.max, s = t > r.min && t < r.max;
+		let n = getFlickingAttached(this._flicking), r = this._range, i = e > r.min && e < r.max, s = t > r.min && t < r.max;
 		if (!i || s) return;
-		let l = t <= r.min ? DIRECTION$1.PREV : DIRECTION$1.NEXT;
-		n.trigger(new ComponentEvent$1(EVENTS$1.REACH_EDGE, { direction: l }));
+		let l = t <= r.min ? DIRECTION.PREV : DIRECTION.NEXT;
+		n.trigger(new ComponentEvent$1(EVENTS.REACH_EDGE, { direction: l }));
 	}
 	_updateMode() {
-		let e = getFlickingAttached$1(this._flicking);
+		let e = getFlickingAttached(this._flicking);
 		if (e.circular) {
-			let t = new CircularCameraMode$1(e), n = t.checkAvailability();
+			let t = new CircularCameraMode(e), n = t.checkAvailability();
 			if (n) this._mode = t;
 			else {
 				let t = e.circularFallback;
-				this._mode = t === CIRCULAR_FALLBACK$1.BOUND ? new BoundCameraMode$1(e) : new LinearCameraMode$1(e);
+				this._mode = t === CIRCULAR_FALLBACK.BOUND ? new BoundCameraMode(e) : new LinearCameraMode(e);
 			}
 			this._circularEnabled = n;
-		} else this._mode = e.bound ? new BoundCameraMode$1(e) : new LinearCameraMode$1(e), this._circularEnabled = !1;
+		} else this._mode = e.bound ? new BoundCameraMode(e) : new LinearCameraMode(e), this._circularEnabled = !1;
 	}
 	_togglePanels(e, t) {
-		return t !== e && getFlickingAttached$1(this._flicking).renderer.panels.map((n) => n.toggle(e, t)).some((e) => e);
+		return t !== e && getFlickingAttached(this._flicking).renderer.panels.map((n) => n.toggle(e, t)).some((e) => e);
 	}
-}, EVENT$1 = {
+}, EVENT = {
 	HOLD: "hold",
 	CHANGE: "change",
 	RELEASE: "release",
 	ANIMATION_END: "animationEnd",
 	FINISH: "finish"
-}, POSITION_KEY$1 = "flick", STATE_TYPE$1 = /* @__PURE__ */ ((e) => (e[e.IDLE = 0] = "IDLE", e[e.HOLDING = 1] = "HOLDING", e[e.DRAGGING = 2] = "DRAGGING", e[e.ANIMATING = 3] = "ANIMATING", e[e.DISABLED = 4] = "DISABLED", e))(STATE_TYPE$1 || {}), State$1 = class {
+}, POSITION_KEY = "flick", STATE_TYPE = /* @__PURE__ */ ((e) => (e[e.IDLE = 0] = "IDLE", e[e.HOLDING = 1] = "HOLDING", e[e.DRAGGING = 2] = "DRAGGING", e[e.ANIMATING = 3] = "ANIMATING", e[e.DISABLED = 4] = "DISABLED", e))(STATE_TYPE || {}), State = class {
 	constructor() {
 		this._delta = 0, this._targetPanel = null;
 	}
@@ -2641,59 +2641,59 @@ var Loader = /*#__PURE__*/ function(e) {
 	onAnimationEnd(e) {}
 	onFinish(e) {}
 	_moveToChangedPosition(e) {
-		let { flicking: t, axesEvent: n, transitTo: r } = e, i = n.delta[POSITION_KEY$1];
+		let { flicking: t, axesEvent: n, transitTo: r } = e, i = n.delta[POSITION_KEY];
 		if (!i) return;
 		this._delta += i;
-		let s = t.camera, l = s.position, u = n.pos[POSITION_KEY$1], d = t.circularEnabled ? circulatePosition$1(u, s.range.min, s.range.max) : u;
+		let s = t.camera, l = s.position, u = n.pos[POSITION_KEY], d = t.circularEnabled ? circulatePosition(u, s.range.min, s.range.max) : u;
 		s.lookAt(d);
-		let f = new ComponentEvent$1(EVENTS$1.MOVE, {
+		let f = new ComponentEvent$1(EVENTS.MOVE, {
 			isTrusted: n.isTrusted,
 			holding: this.holding,
-			direction: getDirection$1(0, n.delta[POSITION_KEY$1]),
+			direction: getDirection(0, n.delta[POSITION_KEY]),
 			axesEvent: n
 		});
 		t.trigger(f), f.isCanceled() && (s.lookAt(l), r(4));
 	}
-}, AnimatingState$1 = class extends State$1 {
+}, AnimatingState = class extends State {
 	constructor() {
 		super(...arguments), this.holding = !1, this.animating = !0;
 	}
 	onHold(e) {
 		let { flicking: t, axesEvent: n, transitTo: r } = e, i = this._targetPanel, s = t.control;
 		this._delta = 0, t.control.updateInput(), t.changeOnHold && i && s.setActive(i, s.activePanel, n.isTrusted);
-		let l = new ComponentEvent$1(EVENTS$1.HOLD_START, { axesEvent: n });
-		t.trigger(l), l.isCanceled() ? r(STATE_TYPE$1.DISABLED) : r(STATE_TYPE$1.DRAGGING);
+		let l = new ComponentEvent$1(EVENTS.HOLD_START, { axesEvent: n });
+		t.trigger(l), l.isCanceled() ? r(STATE_TYPE.DISABLED) : r(STATE_TYPE.DRAGGING);
 	}
 	onChange(e) {
 		this._moveToChangedPosition(e);
 	}
 	onFinish(e) {
 		let { flicking: t, axesEvent: n, transitTo: r } = e, i = t.control, s = i.controller.animatingContext;
-		r(STATE_TYPE$1.IDLE), t.trigger(new ComponentEvent$1(EVENTS$1.MOVE_END, {
+		r(STATE_TYPE.IDLE), t.trigger(new ComponentEvent$1(EVENTS.MOVE_END, {
 			isTrusted: n.isTrusted,
-			direction: getDirection$1(s.start, s.end),
+			direction: getDirection(s.start, s.end),
 			axesEvent: n
 		}));
 		let l = this._targetPanel;
 		l && i.setActive(l, i.activePanel, n.isTrusted);
 	}
-}, DisabledState$1 = class extends State$1 {
+}, DisabledState = class extends State {
 	constructor() {
 		super(...arguments), this.holding = !1, this.animating = !0;
 	}
 	onAnimationEnd(e) {
 		let { transitTo: t } = e;
-		t(STATE_TYPE$1.IDLE);
+		t(STATE_TYPE.IDLE);
 	}
 	onChange(e) {
 		let { axesEvent: t, transitTo: n } = e;
-		t.stop(), n(STATE_TYPE$1.IDLE);
+		t.stop(), n(STATE_TYPE.IDLE);
 	}
 	onRelease(e) {
 		let { axesEvent: t, transitTo: n } = e;
-		t.delta.flick === 0 && n(STATE_TYPE$1.IDLE);
+		t.delta.flick === 0 && n(STATE_TYPE.IDLE);
 	}
-}, DraggingState$1 = class extends State$1 {
+}, DraggingState = class extends State {
 	constructor() {
 		super(...arguments), this.holding = !0, this.animating = !0;
 	}
@@ -2702,44 +2702,44 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	onRelease(e) {
 		let { flicking: t, axesEvent: n, transitTo: r } = e;
-		if (t.trigger(new ComponentEvent$1(EVENTS$1.HOLD_END, { axesEvent: n })), t.renderer.panelCount <= 0) {
-			r(STATE_TYPE$1.IDLE);
+		if (t.trigger(new ComponentEvent$1(EVENTS.HOLD_END, { axesEvent: n })), t.renderer.panelCount <= 0) {
+			r(STATE_TYPE.IDLE);
 			return;
 		}
-		r(STATE_TYPE$1.ANIMATING);
-		let i = t.control, s = n.destPos[POSITION_KEY$1], l = Math.max(n.duration, t.duration);
+		r(STATE_TYPE.ANIMATING);
+		let i = t.control, s = n.destPos[POSITION_KEY], l = Math.max(n.duration, t.duration);
 		try {
 			i.moveToPosition(s, l, n);
 		} catch {
-			r(STATE_TYPE$1.IDLE), n.setTo({ [POSITION_KEY$1]: t.camera.position }, 0);
+			r(STATE_TYPE.IDLE), n.setTo({ [POSITION_KEY]: t.camera.position }, 0);
 		}
 	}
-}, HoldingState$1 = class extends State$1 {
+}, HoldingState = class extends State {
 	constructor() {
 		super(...arguments), this.holding = !0, this.animating = !1, this._releaseEvent = null;
 	}
 	onChange(e) {
 		let { flicking: t, axesEvent: n, transitTo: r } = e, i = n.inputEvent;
 		if (!i) return;
-		let s = t.horizontal ? i.offsetX : i.offsetY, l = new ComponentEvent$1(EVENTS$1.MOVE_START, {
+		let s = t.horizontal ? i.offsetX : i.offsetY, l = new ComponentEvent$1(EVENTS.MOVE_START, {
 			isTrusted: n.isTrusted,
 			holding: this.holding,
-			direction: getDirection$1(0, -s),
+			direction: getDirection(0, -s),
 			axesEvent: n
 		});
-		t.trigger(l), l.isCanceled() ? r(STATE_TYPE$1.DISABLED) : r(STATE_TYPE$1.DRAGGING).onChange(e);
+		t.trigger(l), l.isCanceled() ? r(STATE_TYPE.DISABLED) : r(STATE_TYPE.DRAGGING).onChange(e);
 	}
 	onRelease(e) {
 		let { flicking: t, axesEvent: n, transitTo: r } = e;
-		if (t.trigger(new ComponentEvent$1(EVENTS$1.HOLD_END, { axesEvent: n })), n.delta.flick !== 0) {
-			n.setTo({ flick: t.camera.position }, 0), r(STATE_TYPE$1.IDLE);
+		if (t.trigger(new ComponentEvent$1(EVENTS.HOLD_END, { axesEvent: n })), n.delta.flick !== 0) {
+			n.setTo({ flick: t.camera.position }, 0), r(STATE_TYPE.IDLE);
 			return;
 		}
 		this._releaseEvent = n;
 	}
 	onFinish(e) {
 		let { flicking: t, transitTo: n } = e;
-		if (n(STATE_TYPE$1.IDLE), !this._releaseEvent) return;
+		if (n(STATE_TYPE.IDLE), !this._releaseEvent) return;
 		let r = this._releaseEvent.inputEvent.srcEvent, i;
 		if (r.type === "touchend") {
 			let e = r.changedTouches[0];
@@ -2752,14 +2752,14 @@ var Loader = /*#__PURE__*/ function(e) {
 		}
 		if (l) {
 			let e = t.camera.position, n = l.position;
-			t.trigger(new ComponentEvent$1(EVENTS$1.SELECT, {
+			t.trigger(new ComponentEvent$1(EVENTS.SELECT, {
 				index: l.index,
 				panel: l,
-				direction: getDirection$1(e, n)
+				direction: getDirection(e, n)
 			}));
 		}
 	}
-}, IdleState$1 = class extends State$1 {
+}, IdleState = class extends State {
 	constructor() {
 		super(...arguments), this.holding = !1, this.animating = !1;
 	}
@@ -2769,69 +2769,69 @@ var Loader = /*#__PURE__*/ function(e) {
 	onHold(e) {
 		let { flicking: t, axesEvent: n, transitTo: r } = e;
 		if (t.renderer.panelCount <= 0) {
-			r(STATE_TYPE$1.DISABLED);
+			r(STATE_TYPE.DISABLED);
 			return;
 		}
-		let i = new ComponentEvent$1(EVENTS$1.HOLD_START, { axesEvent: n });
-		t.trigger(i), i.isCanceled() ? r(STATE_TYPE$1.DISABLED) : r(STATE_TYPE$1.HOLDING);
+		let i = new ComponentEvent$1(EVENTS.HOLD_START, { axesEvent: n });
+		t.trigger(i), i.isCanceled() ? r(STATE_TYPE.DISABLED) : r(STATE_TYPE.HOLDING);
 	}
 	onChange(e) {
-		let { flicking: t, axesEvent: n, transitTo: r } = e, i = t.control.controller.animatingContext, s = new ComponentEvent$1(EVENTS$1.MOVE_START, {
+		let { flicking: t, axesEvent: n, transitTo: r } = e, i = t.control.controller.animatingContext, s = new ComponentEvent$1(EVENTS.MOVE_START, {
 			isTrusted: n.isTrusted,
 			holding: this.holding,
-			direction: getDirection$1(i.start, i.end),
+			direction: getDirection(i.start, i.end),
 			axesEvent: n
 		});
-		t.trigger(s), s.isCanceled() ? r(STATE_TYPE$1.DISABLED) : r(STATE_TYPE$1.ANIMATING).onChange(e);
+		t.trigger(s), s.isCanceled() ? r(STATE_TYPE.DISABLED) : r(STATE_TYPE.ANIMATING).onChange(e);
 	}
-}, StateMachine$1 = class {
+}, StateMachine = class {
 	constructor() {
 		this.transitTo = (e) => {
 			let t;
 			switch (e) {
-				case STATE_TYPE$1.IDLE:
-					t = new IdleState$1();
+				case STATE_TYPE.IDLE:
+					t = new IdleState();
 					break;
-				case STATE_TYPE$1.HOLDING:
-					t = new HoldingState$1();
+				case STATE_TYPE.HOLDING:
+					t = new HoldingState();
 					break;
-				case STATE_TYPE$1.DRAGGING:
-					t = new DraggingState$1();
+				case STATE_TYPE.DRAGGING:
+					t = new DraggingState();
 					break;
-				case STATE_TYPE$1.ANIMATING:
-					t = new AnimatingState$1();
+				case STATE_TYPE.ANIMATING:
+					t = new AnimatingState();
 					break;
-				case STATE_TYPE$1.DISABLED:
-					t = new DisabledState$1();
+				case STATE_TYPE.DISABLED:
+					t = new DisabledState();
 					break;
 			}
 			return t.onEnter(this._state), this._state = t, this._state;
-		}, this._state = new IdleState$1();
+		}, this._state = new IdleState();
 	}
 	get state() {
 		return this._state;
 	}
 	fire(e, t) {
-		let n = this._state, r = __spreadProps$2(__spreadValues$2({}, t), { transitTo: this.transitTo });
+		let n = this._state, r = __spreadProps$1(__spreadValues$1({}, t), { transitTo: this.transitTo });
 		switch (e) {
-			case EVENT$1.HOLD:
+			case EVENT.HOLD:
 				n.onHold(r);
 				break;
-			case EVENT$1.CHANGE:
+			case EVENT.CHANGE:
 				n.onChange(r);
 				break;
-			case EVENT$1.RELEASE:
+			case EVENT.RELEASE:
 				n.onRelease(r);
 				break;
-			case EVENT$1.ANIMATION_END:
+			case EVENT.ANIMATION_END:
 				n.onAnimationEnd(r);
 				break;
-			case EVENT$1.FINISH:
+			case EVENT.FINISH:
 				n.onFinish(r);
 				break;
 		}
 	}
-}, AxesController$1 = class {
+}, AxesController = class {
 	constructor() {
 		this._onAxesHold = () => {
 			this._dragged = !1;
@@ -2840,7 +2840,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			this._dragged = !!this._panInput?.isEnabled();
 		}, this._preventClickWhenDragged = (e) => {
 			this._dragged && (e.preventDefault(), e.stopPropagation()), this._dragged = !1;
-		}, this._resetInternalValues(), this._stateMachine = new StateMachine$1();
+		}, this._resetInternalValues(), this._stateMachine = new StateMachine();
 	}
 	get axes() {
 		return this._axes;
@@ -2867,7 +2867,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			position: 0,
 			circular: !1
 		};
-		let t = e.axis[POSITION_KEY$1];
+		let t = e.axis[POSITION_KEY];
 		return {
 			range: {
 				min: t.range[0],
@@ -2883,18 +2883,18 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	get position() {
 		var e, t;
-		return this._axes?.get([POSITION_KEY$1])[POSITION_KEY$1] ?? 0;
+		return this._axes?.get([POSITION_KEY])[POSITION_KEY] ?? 0;
 	}
 	get range() {
 		var e, t;
-		return this._axes?.axis[POSITION_KEY$1].range ?? [0, 0];
+		return this._axes?.axis[POSITION_KEY].range ?? [0, 0];
 	}
 	get bounce() {
 		var e;
-		return this._axes?.axis[POSITION_KEY$1].bounce;
+		return this._axes?.axis[POSITION_KEY].bounce;
 	}
 	init(e) {
-		this._flicking = e, this._axes = new Axes({ [POSITION_KEY$1]: {
+		this._flicking = e, this._axes = new Axes({ [POSITION_KEY]: {
 			range: [0, 0],
 			circular: !1,
 			bounce: [0, 0]
@@ -2908,13 +2908,13 @@ var Loader = /*#__PURE__*/ function(e) {
 			threshold: e.dragThreshold,
 			iOSEdgeSwipeThreshold: e.iOSEdgeSwipeThreshold,
 			preventDefaultOnDrag: e.preventDefaultOnDrag,
-			scale: e.horizontal ? [e.camera.panelOrder === ORDER$1.RTL ? 1 : -1, 0] : [0, -1],
+			scale: e.horizontal ? [e.camera.panelOrder === ORDER.RTL ? 1 : -1, 0] : [0, -1],
 			releaseOnScroll: !0
 		});
 		let t = this._axes;
-		t.connect(e.horizontal ? [POSITION_KEY$1, ""] : ["", POSITION_KEY$1], this._panInput);
-		for (let n in EVENT$1) {
-			let r = EVENT$1[n];
+		t.connect(e.horizontal ? [POSITION_KEY, ""] : ["", POSITION_KEY], this._panInput);
+		for (let n in EVENT) {
+			let r = EVENT[n];
 			t.on(r, (t) => {
 				this._stateMachine.fire(r, {
 					flicking: e,
@@ -2942,8 +2942,8 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	updateAnimation(e, t) {
 		var n;
-		return this._animatingContext = __spreadProps$2(__spreadValues$2({}, this._animatingContext), { end: e }), (n = this._axes) == null || n.updateAnimation({
-			destPos: { [POSITION_KEY$1]: e },
+		return this._animatingContext = __spreadProps$1(__spreadValues$1({}, this._animatingContext), { end: e }), (n = this._axes) == null || n.updateAnimation({
+			destPos: { [POSITION_KEY]: e },
 			duration: t
 		}), this;
 	}
@@ -2952,24 +2952,24 @@ var Loader = /*#__PURE__*/ function(e) {
 		return (e = this._axes) == null || e.stopAnimation(), this;
 	}
 	update(e) {
-		let t = getFlickingAttached$1(this._flicking), n = t.camera, r = this._axes, i = r.axis[POSITION_KEY$1];
-		return i.circular = [e.circular, e.circular], i.range = [e.range.min, e.range.max], i.bounce = parseBounce$1(t.bounce, n.size), r.axisManager.set({ [POSITION_KEY$1]: e.position }), this;
+		let t = getFlickingAttached(this._flicking), n = t.camera, r = this._axes, i = r.axis[POSITION_KEY];
+		return i.circular = [e.circular, e.circular], i.range = [e.range.min, e.range.max], i.bounce = parseBounce(t.bounce, n.size), r.axisManager.set({ [POSITION_KEY]: e.position }), this;
 	}
 	addPreventClickHandler() {
-		let e = getFlickingAttached$1(this._flicking), t = this._axes, n = e.camera.element;
-		return t.on(EVENT$1.HOLD, this._onAxesHold), t.on(EVENT$1.CHANGE, this._onAxesChange), n.addEventListener("click", this._preventClickWhenDragged, !0), this;
+		let e = getFlickingAttached(this._flicking), t = this._axes, n = e.camera.element;
+		return t.on(EVENT.HOLD, this._onAxesHold), t.on(EVENT.CHANGE, this._onAxesChange), n.addEventListener("click", this._preventClickWhenDragged, !0), this;
 	}
 	removePreventClickHandler() {
-		let e = getFlickingAttached$1(this._flicking), t = this._axes, n = e.camera.element;
-		return t.off(EVENT$1.HOLD, this._onAxesHold), t.off(EVENT$1.CHANGE, this._onAxesChange), n.removeEventListener("click", this._preventClickWhenDragged, !0), this;
+		let e = getFlickingAttached(this._flicking), t = this._axes, n = e.camera.element;
+		return t.off(EVENT.HOLD, this._onAxesHold), t.off(EVENT.CHANGE, this._onAxesChange), n.removeEventListener("click", this._preventClickWhenDragged, !0), this;
 	}
 	animateTo(e, t, n) {
 		var r;
 		let i = this._axes, s = this._stateMachine.state;
-		if (!i) return Promise.reject(new FlickingError$1(MESSAGE$1.NOT_ATTACHED_TO_FLICKING, CODE$1.NOT_ATTACHED_TO_FLICKING));
+		if (!i) return Promise.reject(new FlickingError(MESSAGE.NOT_ATTACHED_TO_FLICKING, CODE.NOT_ATTACHED_TO_FLICKING));
 		let l = this.getCurrentPosition();
 		if (l === e) {
-			let t = getFlickingAttached$1(this._flicking);
+			let t = getFlickingAttached(this._flicking);
 			return t.camera.lookAt(e), s.targetPanel && t.control.setActive(s.targetPanel, t.control.activePanel, n?.isTrusted ?? !1), Promise.resolve();
 		}
 		this._animatingContext = {
@@ -2978,30 +2978,30 @@ var Loader = /*#__PURE__*/ function(e) {
 			offset: 0
 		};
 		let u = () => {
-			i.once(EVENT$1.FINISH, () => {
+			i.once(EVENT.FINISH, () => {
 				this._animatingContext = {
 					start: 0,
 					end: 0,
 					offset: 0
 				};
-			}), n ? n.setTo({ [POSITION_KEY$1]: e }, t) : i.setTo({ [POSITION_KEY$1]: e }, t);
+			}), n ? n.setTo({ [POSITION_KEY]: e }, t) : i.setTo({ [POSITION_KEY]: e }, t);
 		};
 		return new Promise((e, t) => {
 			let n = () => {
-				i.off(EVENT$1.HOLD, r), e();
+				i.off(EVENT.HOLD, r), e();
 			}, r = () => {
-				i.off(EVENT$1.FINISH, n), t(new FlickingError$1(MESSAGE$1.ANIMATION_INTERRUPTED, CODE$1.ANIMATION_INTERRUPTED));
+				i.off(EVENT.FINISH, n), t(new FlickingError(MESSAGE.ANIMATION_INTERRUPTED, CODE.ANIMATION_INTERRUPTED));
 			};
-			i.once(EVENT$1.FINISH, n), i.once(EVENT$1.HOLD, r), u();
+			i.once(EVENT.FINISH, n), i.once(EVENT.HOLD, r), u();
 		});
 	}
 	getCurrentPosition() {
 		var e, t;
-		return this._axes?.get([POSITION_KEY$1])[POSITION_KEY$1] ?? 0;
+		return this._axes?.get([POSITION_KEY])[POSITION_KEY] ?? 0;
 	}
 	updateDirection() {
-		let e = getFlickingAttached$1(this._flicking), t = this._axes, n = this._panInput;
-		t.disconnect(n), t.connect(e.horizontal ? [POSITION_KEY$1, ""] : ["", POSITION_KEY$1], n), n.options.scale = e.horizontal ? [e.camera.panelOrder === ORDER$1.RTL ? 1 : -1, 0] : [0, -1];
+		let e = getFlickingAttached(this._flicking), t = this._axes, n = this._panInput;
+		t.disconnect(n), t.connect(e.horizontal ? [POSITION_KEY, ""] : ["", POSITION_KEY], n), n.options.scale = e.horizontal ? [e.camera.panelOrder === ORDER.RTL ? 1 : -1, 0] : [0, -1];
 	}
 	_resetInternalValues() {
 		this._flicking = null, this._axes = null, this._panInput = null, this._animatingContext = {
@@ -3010,7 +3010,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			offset: 0
 		}, this._dragged = !1;
 	}
-}, Control$1 = class {
+}, Control = class {
 	get controller() {
 		return this._controller;
 	}
@@ -3028,7 +3028,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		return this._controller.state.holding;
 	}
 	constructor() {
-		this._flicking = null, this._controller = new AxesController$1(), this._activePanel = null;
+		this._flicking = null, this._controller = new AxesController(), this._activePanel = null;
 	}
 	init(e) {
 		return this._flicking = e, this._controller.init(e), this;
@@ -3046,7 +3046,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		return this._controller.release(), this;
 	}
 	updateAnimation(e, t, n) {
-		let r = this._controller.state, i = this._getPosition(e, n ?? DIRECTION$1.NONE);
+		let r = this._controller.state, i = this._getPosition(e, n ?? DIRECTION.NONE);
 		return r.targetPanel = e, this._controller.updateAnimation(i, t), this;
 	}
 	stopAnimation() {
@@ -3054,18 +3054,18 @@ var Loader = /*#__PURE__*/ function(e) {
 		return e.targetPanel = null, this._controller.stopAnimation(), this;
 	}
 	updatePosition(e) {
-		let t = getFlickingAttached$1(this._flicking).camera, n = this._activePanel;
+		let t = getFlickingAttached(this._flicking).camera, n = this._activePanel;
 		n && t.lookAt(t.clampToReachablePosition(n.position));
 	}
 	updateInput() {
-		let e = getFlickingAttached$1(this._flicking).camera;
+		let e = getFlickingAttached(this._flicking).camera;
 		return this._controller.update(e.controlParams), this;
 	}
 	resetActive() {
 		return this._activePanel = null, this;
 	}
 	moveToPanel(e, t) {
-		return __async$2(this, arguments, function* (e, { duration: t, direction: n = DIRECTION$1.NONE, axesEvent: r }) {
+		return __async$1(this, arguments, function* (e, { duration: t, direction: n = DIRECTION.NONE, axesEvent: r }) {
 			let i = this._getPosition(e, n);
 			return this._triggerIndexChangeEvent(e, e.position, r, n), this._animateToPosition({
 				position: i,
@@ -3077,14 +3077,14 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	setActive(e, t, n) {
 		var r;
-		let i = getFlickingAttached$1(this._flicking);
-		this._activePanel = e, this._nextPanel = null, i.camera.updateAdaptiveHeight(), e === t ? i.trigger(new ComponentEvent$1(EVENTS$1.RESTORED, { isTrusted: n })) : i.trigger(new ComponentEvent$1(EVENTS$1.CHANGED, {
+		let i = getFlickingAttached(this._flicking);
+		this._activePanel = e, this._nextPanel = null, i.camera.updateAdaptiveHeight(), e === t ? i.trigger(new ComponentEvent$1(EVENTS.RESTORED, { isTrusted: n })) : i.trigger(new ComponentEvent$1(EVENTS.CHANGED, {
 			index: e.index,
 			panel: e,
 			prevIndex: t?.index ?? -1,
 			prevPanel: t,
 			isTrusted: n,
-			direction: t ? getDirection$1(t.position, e.position) : DIRECTION$1.NONE
+			direction: t ? getDirection(t.position, e.position) : DIRECTION.NONE
 		}));
 	}
 	copy(e) {
@@ -3092,29 +3092,29 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	_triggerIndexChangeEvent(e, t, n, r) {
 		var i;
-		let s = getFlickingAttached$1(this._flicking), l = e === this._activePanel ? EVENTS$1.WILL_RESTORE : EVENTS$1.WILL_CHANGE, u = s.camera, d = this._activePanel, f = new ComponentEvent$1(l, {
+		let s = getFlickingAttached(this._flicking), l = e === this._activePanel ? EVENTS.WILL_RESTORE : EVENTS.WILL_CHANGE, u = s.camera, d = this._activePanel, f = new ComponentEvent$1(l, {
 			index: e.index,
 			panel: e,
 			isTrusted: n?.isTrusted || !1,
-			direction: r ?? getDirection$1(d?.position ?? u.position, t)
+			direction: r ?? getDirection(d?.position ?? u.position, t)
 		});
-		if (this._nextPanel = e, s.trigger(f), f.isCanceled()) throw new FlickingError$1(MESSAGE$1.STOP_CALLED_BY_USER, CODE$1.STOP_CALLED_BY_USER);
+		if (this._nextPanel = e, s.trigger(f), f.isCanceled()) throw new FlickingError(MESSAGE.STOP_CALLED_BY_USER, CODE.STOP_CALLED_BY_USER);
 	}
 	_animateToPosition(e) {
-		return __async$2(this, arguments, function* ({ position: e, duration: t, newActivePanel: n, axesEvent: r }) {
-			let i = getFlickingAttached$1(this._flicking), s = t;
+		return __async$1(this, arguments, function* ({ position: e, duration: t, newActivePanel: n, axesEvent: r }) {
+			let i = getFlickingAttached(this._flicking), s = t;
 			Math.abs(s - e) < i.animationThreshold && (s = 0);
 			let l = () => this._controller.animateTo(e, s, r), u = this._controller.state;
-			return u.targetPanel = n, s <= 0 ? l() : l().then(() => __async$2(this, null, function* () {
+			return u.targetPanel = n, s <= 0 ? l() : l().then(() => __async$1(this, null, function* () {
 				i.initialized && (yield i.renderer.render());
 			})).catch((e) => {
-				if (!(r && e instanceof FlickingError$1 && e.code === CODE$1.ANIMATION_INTERRUPTED)) throw e;
+				if (!(r && e instanceof FlickingError && e.code === CODE.ANIMATION_INTERRUPTED)) throw e;
 			});
 		});
 	}
-	_getPosition(e, t = DIRECTION$1.NONE) {
-		let n = getFlickingAttached$1(this._flicking), r = n.camera, i = e.position, s = r.findNearestAnchor(i);
-		if (e.removed || !s) throw new FlickingError$1(MESSAGE$1.POSITION_NOT_REACHABLE(e.position), CODE$1.POSITION_NOT_REACHABLE);
+	_getPosition(e, t = DIRECTION.NONE) {
+		let n = getFlickingAttached(this._flicking), r = n.camera, i = e.position, s = r.findNearestAnchor(i);
+		if (e.removed || !s) throw new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e.position), CODE.POSITION_NOT_REACHABLE);
 		if (!r.canReach(e)) i = s.position, e = s.panel;
 		else if (n.circularEnabled) {
 			let e = this._controller.position, n = r.rangeDiff;
@@ -3122,11 +3122,11 @@ var Loader = /*#__PURE__*/ function(e) {
 				i,
 				i + n,
 				i - n
-			].filter((n) => t === DIRECTION$1.NONE ? !0 : t === DIRECTION$1.PREV ? n <= e : n >= e).reduce((t, n) => Math.abs(e - n) < Math.abs(e - t) ? n : t, Infinity);
+			].filter((n) => t === DIRECTION.NONE ? !0 : t === DIRECTION.PREV ? n <= e : n >= e).reduce((t, n) => Math.abs(e - n) < Math.abs(e - t) ? n : t, Infinity);
 		}
 		return i;
 	}
-}, FreeControl$1 = class extends Control$1 {
+}, FreeControl = class extends Control {
 	get stopAtEdge() {
 		return this._stopAtEdge;
 	}
@@ -3139,15 +3139,15 @@ var Loader = /*#__PURE__*/ function(e) {
 		this._stopAtEdge = t;
 	}
 	updatePosition(e) {
-		let t = getFlickingAttached$1(this._flicking).camera, n = this._activePanel;
+		let t = getFlickingAttached(this._flicking).camera, n = this._activePanel;
 		if (n) {
 			let r = n.range, i = r.min + (r.max - r.min) * e;
 			t.lookAt(t.clampToReachablePosition(i));
 		}
 	}
 	moveToPosition(e, t, n) {
-		let r = getFlickingAttached$1(this._flicking).camera, i = r.clampToReachablePosition(e), s = r.findAnchorIncludePosition(i);
-		if (!s) return Promise.reject(new FlickingError$1(MESSAGE$1.POSITION_NOT_REACHABLE(e), CODE$1.POSITION_NOT_REACHABLE));
+		let r = getFlickingAttached(this._flicking).camera, i = r.clampToReachablePosition(e), s = r.findAnchorIncludePosition(i);
+		if (!s) return Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE));
 		let l = s.panel;
 		return l !== this._activePanel && this._triggerIndexChangeEvent(l, e, n), this._animateToPosition({
 			position: this._stopAtEdge ? i : e,
@@ -3156,7 +3156,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			axesEvent: n
 		});
 	}
-}, SnapControl$1 = class extends Control$1 {
+}, SnapControl = class extends Control {
 	get count() {
 		return this._count;
 	}
@@ -3169,9 +3169,9 @@ var Loader = /*#__PURE__*/ function(e) {
 		this._count = t;
 	}
 	moveToPosition(e, t, n) {
-		let r = getFlickingAttached$1(this._flicking), i = r.camera, s = i.findActiveAnchor(), l = i.findNearestAnchor(i.position), u = this._controller.state;
-		if (!s || !l) return Promise.reject(new FlickingError$1(MESSAGE$1.POSITION_NOT_REACHABLE(e), CODE$1.POSITION_NOT_REACHABLE));
-		let d = this._calcSnapThreshold(r.threshold, e, s), f = r.animating ? u.delta : e - i.position, p = Math.abs(f), m = n && n.delta[POSITION_KEY$1] !== 0 ? Math.abs(n.delta[POSITION_KEY$1]) : p, g;
+		let r = getFlickingAttached(this._flicking), i = r.camera, s = i.findActiveAnchor(), l = i.findNearestAnchor(i.position), u = this._controller.state;
+		if (!s || !l) return Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE));
+		let d = this._calcSnapThreshold(r.threshold, e, s), f = r.animating ? u.delta : e - i.position, p = Math.abs(f), m = n && n.delta[POSITION_KEY] !== 0 ? Math.abs(n.delta[POSITION_KEY]) : p, g;
 		if (m >= d && m > 0) g = this._findSnappedAnchor(e, l);
 		else if (p >= r.threshold && p > 0) g = this._findAdjacentAnchor(e, f, l);
 		else return this.moveToPanel(l.panel, {
@@ -3186,32 +3186,32 @@ var Loader = /*#__PURE__*/ function(e) {
 		});
 	}
 	_findSnappedAnchor(e, t) {
-		let n = getFlickingAttached$1(this._flicking), r = n.camera, i = this._count, s = r.position, l = r.clampToReachablePosition(e), u = r.findAnchorIncludePosition(l);
-		if (!t || !u) throw new FlickingError$1(MESSAGE$1.POSITION_NOT_REACHABLE(e), CODE$1.POSITION_NOT_REACHABLE);
+		let n = getFlickingAttached(this._flicking), r = n.camera, i = this._count, s = r.position, l = r.clampToReachablePosition(e), u = r.findAnchorIncludePosition(l);
+		if (!t || !u) throw new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE);
 		if (!Number.isFinite(i)) return u;
 		let d = n.panelCount, f = r.anchorPoints, p = Math.sign(e - s) * Math.floor(Math.abs(e - s) / r.rangeDiff);
 		e > s && u.index < t.index || u.position > t.position && u.index === t.index ? p += 1 : (e < s && u.index > t.index || u.position < t.position && u.index === t.index) && --p;
 		let m = p * d, g = u.index + m;
 		if (Math.abs(g - t.index) <= i) {
 			let e = f[u.index];
-			return new AnchorPoint$1({
+			return new AnchorPoint({
 				index: e.index,
 				position: e.position + p * r.rangeDiff,
 				panel: e.panel
 			});
 		}
 		if (n.circularEnabled) {
-			let n = f[circulateIndex$1(t.index + Math.sign(e - s) * i, d)], l = Math.floor(i / d);
-			return e > s && n.index < t.index ? l += 1 : e < s && n.index > t.index && --l, new AnchorPoint$1({
+			let n = f[circulateIndex(t.index + Math.sign(e - s) * i, d)], l = Math.floor(i / d);
+			return e > s && n.index < t.index ? l += 1 : e < s && n.index > t.index && --l, new AnchorPoint({
 				index: n.index,
 				position: n.position + l * r.rangeDiff,
 				panel: n.panel
 			});
-		} else return f[clamp$1(t.index + Math.sign(e - s) * i, 0, f.length - 1)];
+		} else return f[clamp(t.index + Math.sign(e - s) * i, 0, f.length - 1)];
 	}
 	_findAdjacentAnchor(e, t, n) {
 		var r;
-		let i = getFlickingAttached$1(this._flicking).camera;
+		let i = getFlickingAttached(this._flicking).camera;
 		if (i.circularEnabled) {
 			let t = i.findAnchorIncludePosition(e);
 			if (t && t.position !== n.position) return t;
@@ -3222,7 +3222,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		let r = t > n.position, i = n.panel, s = i.size, l = i.alignPosition;
 		return Math.max(e, r ? s - l + i.margin.next : l + i.margin.prev);
 	}
-}, StrictControl$1 = class e extends Control$1 {
+}, StrictControl = class e extends Control {
 	constructor(e = {}) {
 		super(), this.setActive = (e, t, n) => {
 			super.setActive(e, t, n), this.updateInput();
@@ -3241,10 +3241,10 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	updateInput() {
 		var e;
-		let t = getFlickingAttached$1(this._flicking), n = t.camera, r = t.renderer, i = this._controller, s = n.controlParams, l = this._count, u = i.state.animating ? n.findNearestAnchor(n.position)?.panel : this._activePanel;
+		let t = getFlickingAttached(this._flicking), n = t.camera, r = t.renderer, i = this._controller, s = n.controlParams, l = this._count, u = i.state.animating ? n.findNearestAnchor(n.position)?.panel : this._activePanel;
 		if (!u) return i.update(s), this._resetIndexRange(), this;
 		let d = s.range, f = u.position, p = u.index, m = r.panelCount, g = p - l, _ = p + l;
-		g < 0 && (g = t.circularEnabled ? getMinusCompensatedIndex$1((g + 1) % m - 1, m) : clamp$1(g, 0, m - 1)), _ >= m && (_ = t.circularEnabled ? _ % m : clamp$1(_, 0, m - 1));
+		g < 0 && (g = t.circularEnabled ? getMinusCompensatedIndex((g + 1) % m - 1, m) : clamp(g, 0, m - 1)), _ >= m && (_ = t.circularEnabled ? _ % m : clamp(_, 0, m - 1));
 		let v = r.panels[g], y = r.panels[_], b = Math.max(v.position, d.min), x = Math.min(y.position, d.max);
 		return b > f && (b -= n.rangeDiff), x < f && (x += n.rangeDiff), s.range = {
 			min: b,
@@ -3255,16 +3255,16 @@ var Loader = /*#__PURE__*/ function(e) {
 		}, this;
 	}
 	moveToPanel(t, n) {
-		return __async$2(this, null, function* () {
-			let r = getFlickingAttached$1(this._flicking).camera;
-			return this._controller.update(r.controlParams), __superGet$2(e.prototype, this, "moveToPanel").call(this, t, n);
+		return __async$1(this, null, function* () {
+			let r = getFlickingAttached(this._flicking).camera;
+			return this._controller.update(r.controlParams), __superGet$1(e.prototype, this, "moveToPanel").call(this, t, n);
 		});
 	}
 	moveToPosition(e, t, n) {
 		var r;
-		let i = getFlickingAttached$1(this._flicking), s = i.camera, l = this._nextPanel ?? this._activePanel, u = this._controller.range, d = this._indexRange, f = s.range, p = this._controller.state, m = clamp$1(s.clampToReachablePosition(e), u[0], u[1]), g = s.findAnchorIncludePosition(m);
-		if (!g || !l) return Promise.reject(new FlickingError$1(MESSAGE$1.POSITION_NOT_REACHABLE(e), CODE$1.POSITION_NOT_REACHABLE));
-		let _ = l.position, v = i.animating ? p.delta : e - s.position, y = Math.abs(v) >= i.threshold, b = e > _ ? s.getNextAnchor(g) : s.getPrevAnchor(g), x, S, C = s.anchorPoints, w = C[0], T = C[C.length - 1], E = e < f.min && isBetween$1(w.panel.index, d.min, d.max), D = e > f.max && isBetween$1(T.panel.index, d.min, d.max), O = b && (d.min <= d.max ? isBetween$1(b.index, d.min, d.max) : b.index >= d.min || b.index <= d.max);
+		let i = getFlickingAttached(this._flicking), s = i.camera, l = this._nextPanel ?? this._activePanel, u = this._controller.range, d = this._indexRange, f = s.range, p = this._controller.state, m = clamp(s.clampToReachablePosition(e), u[0], u[1]), g = s.findAnchorIncludePosition(m);
+		if (!g || !l) return Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE));
+		let _ = l.position, v = i.animating ? p.delta : e - s.position, y = Math.abs(v) >= i.threshold, b = e > _ ? s.getNextAnchor(g) : s.getPrevAnchor(g), x, S, C = s.anchorPoints, w = C[0], T = C[C.length - 1], E = e < f.min && isBetween(w.panel.index, d.min, d.max), D = e > f.max && isBetween(T.panel.index, d.min, d.max), O = b && (d.min <= d.max ? isBetween(b.index, d.min, d.max) : b.index >= d.min || b.index <= d.max);
 		if (E || D) {
 			let t = e < f.min ? w : T;
 			S = t.panel, x = t.position;
@@ -3275,7 +3275,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			return r ? this.moveToPanel(r.panel, {
 				duration: t,
 				axesEvent: n
-			}) : Promise.reject(new FlickingError$1(MESSAGE$1.POSITION_NOT_REACHABLE(e), CODE$1.POSITION_NOT_REACHABLE));
+			}) : Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE));
 		}
 		return this._triggerIndexChangeEvent(S, e, n), this._animateToPosition({
 			position: x,
@@ -3290,7 +3290,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			max: 0
 		};
 	}
-}, AutoResizer$1 = class {
+}, AutoResizer = class {
 	constructor(e) {
 		this._onResizeWrapper = () => {
 			this._onResize([]);
@@ -3301,19 +3301,19 @@ var Loader = /*#__PURE__*/ function(e) {
 					width: t.viewport.width,
 					height: t.viewport.height
 				}, n = {
-					width: getElementSize$1({
+					width: getElementSize({
 						el: i,
 						horizontal: !0,
 						useFractionalSize: this._flicking.useFractionalSize,
 						useOffset: !1,
-						style: getStyle$1(i)
+						style: getStyle(i)
 					}),
-					height: getElementSize$1({
+					height: getElementSize({
 						el: i,
 						horizontal: !1,
 						useFractionalSize: this._flicking.useFractionalSize,
 						useOffset: !1,
-						style: getStyle$1(i)
+						style: getStyle(i)
 					})
 				};
 				if (e.height === n.height && e.width === n.width) return;
@@ -3366,7 +3366,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		let e = this._resizeObserver;
 		return e ? (e.disconnect(), this._resizeObserver = null) : window.removeEventListener("resize", this._onResizeWrapper), this._enabled = !1, this;
 	}
-}, VanillaElementProvider$1 = class {
+}, VanillaElementProvider = class {
 	get element() {
 		return this._element;
 	}
@@ -3384,7 +3384,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		let t = this.element, n = e.camera.element;
 		t.parentElement === n && (n.removeChild(t), this._rendered = !1);
 	}
-}, VirtualElementProvider$1 = class {
+}, VirtualElementProvider = class {
 	get element() {
 		return this._virtualElement.nativeElement;
 	}
@@ -3403,7 +3403,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	show() {}
 	hide() {}
-}, Viewport$1 = class {
+}, Viewport = class {
 	get element() {
 		return this._el;
 	}
@@ -3426,12 +3426,12 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	setSize(e) {
 		let { width: t, height: n } = e, r = this._el, i = this._padding, s = this._isBorderBoxSizing;
-		if (t != null) if (isString$1(t)) r.style.width = t;
+		if (t != null) if (isString(t)) r.style.width = t;
 		else {
 			let e = s ? t + i.left + i.right : t;
 			r.style.width = `${e}px`;
 		}
-		if (n != null) if (isString$1(n)) r.style.height = n;
+		if (n != null) if (isString(n)) r.style.height = n;
 		else {
 			let e = s ? n + i.top + i.bottom : n;
 			r.style.height = `${e}px`;
@@ -3439,14 +3439,14 @@ var Loader = /*#__PURE__*/ function(e) {
 		this.resize();
 	}
 	resize() {
-		let e = this._el, t = getStyle$1(e), { useFractionalSize: n } = this._flicking;
-		this._width = getElementSize$1({
+		let e = this._el, t = getStyle(e), { useFractionalSize: n } = this._flicking;
+		this._width = getElementSize({
 			el: e,
 			horizontal: !0,
 			useFractionalSize: n,
 			useOffset: !1,
 			style: t
-		}), this._height = getElementSize$1({
+		}), this._height = getElementSize({
 			el: e,
 			horizontal: !1,
 			useFractionalSize: n,
@@ -3459,7 +3459,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			bottom: t.paddingBottom ? parseFloat(t.paddingBottom) : 0
 		}, this._isBorderBoxSizing = t.boxSizing === "border-box";
 	}
-}, VirtualManager$1 = class {
+}, VirtualManager = class {
 	get elements() {
 		return this._elements;
 	}
@@ -3486,7 +3486,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	constructor(e, t) {
 		var n, r, i, s;
-		this._flicking = e, this._renderPanel = t?.renderPanel ?? (() => ""), this._initialPanelCount = t?.initialPanelCount ?? -1, this._cache = t?.cache ?? !1, this._panelClass = t?.panelClass ?? CLASS$1.DEFAULT_VIRTUAL, this._elements = [];
+		this._flicking = e, this._renderPanel = t?.renderPanel ?? (() => ""), this._initialPanelCount = t?.initialPanelCount ?? -1, this._cache = t?.cache ?? !1, this._panelClass = t?.panelClass ?? CLASS.DEFAULT_VIRTUAL, this._elements = [];
 	}
 	init() {
 		let e = this._flicking;
@@ -3516,7 +3516,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	insert(e, t = 1) {
 		return t <= 0 ? [] : this._flicking.renderer.batchInsert({
 			index: e,
-			elements: range$1(t),
+			elements: range(t),
 			hasDOMInElements: !1
 		});
 	}
@@ -3529,14 +3529,14 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	_initVirtualElements() {
 		let e = this._flicking, t = e.camera.element, n = e.panelsPerView, r = document.createDocumentFragment();
-		range$1(n + 1).map((e) => {
+		range(n + 1).map((e) => {
 			let t = document.createElement("div");
 			return t.className = this._panelClass, t.dataset.elementIndex = e.toString(), t;
 		}).forEach((e) => {
 			r.appendChild(e);
 		}), t.appendChild(r);
 	}
-}, Renderer$2 = class {
+}, Renderer$1 = class {
 	get panels() {
 		return this._panels;
 	}
@@ -3554,13 +3554,13 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	set align(e) {
 		this._align = e;
-		let t = parsePanelAlign$1(e);
+		let t = parsePanelAlign(e);
 		this._panels.forEach((e) => {
 			e.align = t;
 		});
 	}
 	constructor(e) {
-		let { align: t = ALIGN$1.CENTER, strategy: n } = e;
+		let { align: t = ALIGN.CENTER, strategy: n } = e;
 		this._flicking = null, this._panels = [], this._rendering = !1, this._align = t, this._strategy = n;
 	}
 	init(e) {
@@ -3576,10 +3576,10 @@ var Loader = /*#__PURE__*/ function(e) {
 		return this._panels.forEach((e) => e.markForShow()), Promise.resolve();
 	}
 	getRenderedPanels() {
-		return getFlickingAttached$1(this._flicking).renderer.panels.filter((e) => e.rendered);
+		return getFlickingAttached(this._flicking).renderer.panels.filter((e) => e.rendered);
 	}
 	updatePanelSize() {
-		let e = getFlickingAttached$1(this._flicking), t = this._panels;
+		let e = getFlickingAttached(this._flicking), t = this._panels;
 		if (t.length <= 0) return this;
 		if (e.panelsPerView > 0) {
 			let e = t[0];
@@ -3592,10 +3592,10 @@ var Loader = /*#__PURE__*/ function(e) {
 		return t.length <= 0 ? [] : (this.updateAfterPanelChange(t, []), t);
 	}
 	batchInsertDefer(...e) {
-		let t = this._panels, n = getFlickingAttached$1(this._flicking), r = t[0], i = parsePanelAlign$1(this._align);
+		let t = this._panels, n = getFlickingAttached(this._flicking), r = t[0], i = parsePanelAlign(this._align);
 		return e.reduce((e, s) => {
 			var l;
-			let u = getMinusCompensatedIndex$1(s.index, t.length), d = t.slice(u), f = s.elements.map((e, t) => this._createPanel(e, {
+			let u = getMinusCompensatedIndex(s.index, t.length), d = t.slice(u), f = s.elements.map((e, t) => this._createPanel(e, {
 				index: u + t,
 				align: i,
 				flicking: n
@@ -3614,17 +3614,17 @@ var Loader = /*#__PURE__*/ function(e) {
 		return t.length <= 0 ? [] : (this.updateAfterPanelChange([], t), t);
 	}
 	batchRemoveDefer(...e) {
-		let t = this._panels, { control: n } = getFlickingAttached$1(this._flicking), r = n.activePanel;
+		let t = this._panels, { control: n } = getFlickingAttached(this._flicking), r = n.activePanel;
 		return e.reduce((e, i) => {
-			let { index: s, deleteCount: l } = i, u = getMinusCompensatedIndex$1(s, t.length), d = t.slice(u + l), f = t.splice(u, l);
+			let { index: s, deleteCount: l } = i, u = getMinusCompensatedIndex(s, t.length), d = t.slice(u + l), f = t.splice(u, l);
 			return f.length <= 0 ? [] : (d.forEach((e) => {
 				e.decreaseIndex(f.length), e.updatePosition();
-			}), i.hasDOMInElements && this._removePanelElements(f), f.forEach((e) => e.destroy()), includes$1(f, r) && n.resetActive(), [...e, ...f]);
+			}), i.hasDOMInElements && this._removePanelElements(f), f.forEach((e) => e.destroy()), includes(f, r) && n.resetActive(), [...e, ...f]);
 		}, []);
 	}
 	updateAfterPanelChange(e, t) {
 		var n;
-		let r = getFlickingAttached$1(this._flicking), { camera: i, control: s } = r, l = this._panels, u = s.activePanel;
+		let r = getFlickingAttached(this._flicking), { camera: i, control: s } = r, l = this._panels, u = s.activePanel;
 		if (this._updateCameraAndControl(), r.autoResize && r.useResizeObserver && (e.forEach((e) => {
 			e.element && r.autoResizer.observe(e.element);
 		}), t.forEach((e) => {
@@ -3635,13 +3635,13 @@ var Loader = /*#__PURE__*/ function(e) {
 			e > l.length - 1 && (e = l.length - 1), s.moveToPanel(l[e], { duration: 0 }).catch(() => void 0);
 		}
 		else s.moveToPanel(u, { duration: 0 }).catch(() => void 0);
-		r.camera.updateOffset(), (e.length > 0 || t.length > 0) && (r.trigger(new ComponentEvent$1(EVENTS$1.PANEL_CHANGE, {
+		r.camera.updateOffset(), (e.length > 0 || t.length > 0) && (r.trigger(new ComponentEvent$1(EVENTS.PANEL_CHANGE, {
 			added: e,
 			removed: t
 		})), this.checkPanelContentsReady([...e, ...t]));
 	}
 	checkPanelContentsReady(e) {
-		let t = getFlickingAttached$1(this._flicking), n = t.resizeOnContentsReady, r = this._panels;
+		let t = getFlickingAttached(this._flicking), n = t.resizeOnContentsReady, r = this._panels;
 		if (!n || t.virtualEnabled) return;
 		let i = (e) => e.element && !!e.element.querySelector("img, video");
 		if (e = e.filter((e) => i(e)), e.length <= 0) return;
@@ -3662,7 +3662,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		}), s.check(e.map((e) => e.element));
 	}
 	_updateCameraAndControl() {
-		let { camera: e, control: t } = getFlickingAttached$1(this._flicking);
+		let { camera: e, control: t } = getFlickingAttached(this._flicking);
 		e.updateRange(), e.updateOffset(), e.updateAnchors(), e.resetNeedPanelHistory(), t.updateInput();
 	}
 	_showOnlyVisiblePanels(e) {
@@ -3672,33 +3672,33 @@ var Loader = /*#__PURE__*/ function(e) {
 		});
 	}
 	_updatePanelSizeByGrid(e, t) {
-		let n = getFlickingAttached$1(this._flicking), r = n.panelsPerView;
-		if (r <= 0) throw new FlickingError$1(MESSAGE$1.WRONG_OPTION("panelsPerView", r), CODE$1.WRONG_OPTION);
+		let n = getFlickingAttached(this._flicking), r = n.panelsPerView;
+		if (r <= 0) throw new FlickingError(MESSAGE.WRONG_OPTION("panelsPerView", r), CODE.WRONG_OPTION);
 		if (t.length <= 0) return;
-		let i = (n.camera.size - (e.margin.prev + e.margin.next) * (r - 1)) / r, s = n.horizontal ? { width: i } : { height: i }, l = __spreadValues$2({
+		let i = (n.camera.size - (e.margin.prev + e.margin.next) * (r - 1)) / r, s = n.horizontal ? { width: i } : { height: i }, l = __spreadValues$1({
 			size: i,
 			margin: e.margin
 		}, !n.horizontal && { height: e.height });
 		n.noPanelStyleOverride || this._strategy.updatePanelSizes(n, s), n.panels.forEach((e) => e.resize(l));
 	}
 	_removeAllChildsFromCamera() {
-		let e = getFlickingAttached$1(this._flicking).camera.element;
+		let e = getFlickingAttached(this._flicking).camera.element;
 		for (; e.firstChild;) e.removeChild(e.firstChild);
 	}
 	_insertPanelElements(e, t = null) {
-		let n = getFlickingAttached$1(this._flicking).camera.element, r = t?.element || null, i = document.createDocumentFragment();
+		let n = getFlickingAttached(this._flicking).camera.element, r = t?.element || null, i = document.createDocumentFragment();
 		e.forEach((e) => i.appendChild(e.element));
 		let s = r && r.parentNode === n ? r : null;
 		n.insertBefore(i, s);
 	}
 	_removePanelElements(e) {
-		let t = getFlickingAttached$1(this._flicking).camera.element;
+		let t = getFlickingAttached(this._flicking).camera.element;
 		e.forEach((e) => {
 			e.element.parentNode === t && t.removeChild(e.element);
 		});
 	}
 	_afterRender() {
-		let e = getFlickingAttached$1(this._flicking);
+		let e = getFlickingAttached(this._flicking);
 		if (e.camera.applyTransform(), e.useCSSOrder) {
 			let t = e.renderer.panels.filter((e) => e.rendered);
 			this._strategy.getRenderingIndexesByOrder(e).forEach((e, n) => {
@@ -3706,34 +3706,37 @@ var Loader = /*#__PURE__*/ function(e) {
 			});
 		}
 	}
-}, VanillaRenderer$1 = class extends Renderer$2 {
+}, ExternalRenderer = class extends Renderer$1 {
+	_removePanelElements(e) {}
+	_removeAllChildsFromCamera() {}
+}, VanillaRenderer = class extends Renderer$1 {
 	render() {
-		return __async$2(this, null, function* () {
-			let e = getFlickingAttached$1(this._flicking), t = this._strategy;
+		return __async$1(this, null, function* () {
+			let e = getFlickingAttached(this._flicking), t = this._strategy;
 			t.updateRenderingPanels(e), t.renderPanels(e), this._resetPanelElementOrder(), this._afterRender();
 		});
 	}
 	_collectPanels() {
-		let e = getFlickingAttached$1(this._flicking), t = e.camera;
+		let e = getFlickingAttached(this._flicking), t = e.camera;
 		this._removeAllTextNodes(), this._panels = this._strategy.collectPanels(e, t.children);
 	}
 	_createPanel(e, t) {
 		return this._strategy.createPanel(e, t);
 	}
 	_resetPanelElementOrder() {
-		let e = getFlickingAttached$1(this._flicking), t = e.camera.element, n = [];
+		let e = getFlickingAttached(this._flicking), t = e.camera.element, n = [];
 		n = e.useCSSOrder ? this.getRenderedPanels().map((e) => e.element).reverse() : this._strategy.getRenderingElementsByOrder(e).reverse(), n.forEach((e, r) => {
 			let i = n[r - 1] ? n[r - 1] : null;
 			e.nextElementSibling !== i && t.insertBefore(e, i);
 		});
 	}
 	_removeAllTextNodes() {
-		let e = getFlickingAttached$1(this._flicking).camera.element;
-		toArray$1(e.childNodes).forEach((t) => {
+		let e = getFlickingAttached(this._flicking).camera.element;
+		toArray(e.childNodes).forEach((t) => {
 			t.nodeType === Node.TEXT_NODE && e.removeChild(t);
 		});
 	}
-}, Panel$1 = class {
+}, Panel = class {
 	get element() {
 		return this._elProvider.element;
 	}
@@ -3784,7 +3787,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	get offset() {
 		let e = this._toggleDirection, t = this._flicking.camera.rangeDiff;
-		return e === DIRECTION$1.NONE || !this._toggled ? 0 : e === DIRECTION$1.PREV ? -t : t;
+		return e === DIRECTION.NONE || !this._toggled ? 0 : e === DIRECTION.PREV ? -t : t;
 	}
 	get progress() {
 		let e = this._flicking;
@@ -3792,7 +3795,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	get outsetProgress() {
 		let e = this.position + this.offset, t = this._alignPos, n = this._flicking.camera, r = n.position;
-		return r === e ? 0 : r < e ? -getProgress$1$1(r, e, e + (n.size - n.alignPosition) + t) : 1 - getProgress$1$1(r, e - (n.alignPosition + this._size - t), e);
+		return r === e ? 0 : r < e ? -getProgress$1(r, e, e + (n.size - n.alignPosition) + t) : 1 - getProgress$1(r, e - (n.alignPosition + this._size - t), e);
 	}
 	get visibleRatio() {
 		let e = this.range, t = this._size, n = this.offset, r = this._flicking.camera.visibleRange, i = {
@@ -3826,16 +3829,16 @@ var Loader = /*#__PURE__*/ function(e) {
 		var t;
 		let n = this.element, { horizontal: r, useFractionalSize: i } = this._flicking;
 		if (!n) return this;
-		if (e) this._size = e.size, this._margin = __spreadValues$2({}, e.margin), this._height = e.height ?? getElementSize$1({
+		if (e) this._size = e.size, this._margin = __spreadValues$1({}, e.margin), this._height = e.height ?? getElementSize({
 			el: n,
 			horizontal: !1,
 			useFractionalSize: i,
 			useOffset: !0,
-			style: getStyle$1(n)
+			style: getStyle(n)
 		});
 		else {
-			let e = getStyle$1(n);
-			this._size = getElementSize$1({
+			let e = getStyle(n);
+			this._size = getElementSize({
 				el: n,
 				horizontal: r,
 				useFractionalSize: i,
@@ -3847,7 +3850,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			} : {
 				prev: parseFloat(e.marginTop || "0"),
 				next: parseFloat(e.marginBottom || "0")
-			}, this._height = r ? getElementSize$1({
+			}, this._height = r ? getElementSize({
 				el: n,
 				horizontal: !1,
 				useFractionalSize: i,
@@ -3858,7 +3861,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		return this.updatePosition(), this._updateAlignPos(), this;
 	}
 	setSize(e) {
-		return setSize$1(this.element, e), this;
+		return setSize(this.element, e), this;
 	}
 	contains(e) {
 		var t;
@@ -3901,33 +3904,33 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	toggle(e, t) {
 		let n = this._toggleDirection, r = this._togglePosition;
-		if (n === DIRECTION$1.NONE || t === e) return !1;
+		if (n === DIRECTION.NONE || t === e) return !1;
 		let i = this._toggled;
-		return t > e ? r >= e && r <= t && (this._toggled = n === DIRECTION$1.NEXT) : r <= e && r >= t && (this._toggled = n !== DIRECTION$1.NEXT), i !== this._toggled;
+		return t > e ? r >= e && r <= t && (this._toggled = n === DIRECTION.NEXT) : r <= e && r >= t && (this._toggled = n !== DIRECTION.NEXT), i !== this._toggled;
 	}
 	updateCircularToggleDirection() {
 		let e = this._flicking;
-		if (!e.circularEnabled) return this._toggleDirection = DIRECTION$1.NONE, this._togglePosition = 0, this._toggled = !1, this;
+		if (!e.circularEnabled) return this._toggleDirection = DIRECTION.NONE, this._togglePosition = 0, this._toggled = !1, this;
 		let t = e.camera, n = t.range, r = t.alignPosition, i = t.visibleRange, s = i.max - i.min, l = n.min - r, u = n.max - r + s, d = this.includeRange(u - s, u, !1), f = this.includeRange(l, l + s, !1);
-		return this._toggled = !1, d ? (this._toggleDirection = DIRECTION$1.PREV, this._togglePosition = this.range.max + n.min - n.max + r, this.toggle(Infinity, t.position)) : f ? (this._toggleDirection = DIRECTION$1.NEXT, this._togglePosition = this.range.min + n.max - s + r, this.toggle(-Infinity, t.position)) : (this._toggleDirection = DIRECTION$1.NONE, this._togglePosition = 0), this;
+		return this._toggled = !1, d ? (this._toggleDirection = DIRECTION.PREV, this._togglePosition = this.range.max + n.min - n.max + r, this.toggle(Infinity, t.position)) : f ? (this._toggleDirection = DIRECTION.NEXT, this._togglePosition = this.range.min + n.max - s + r, this.toggle(-Infinity, t.position)) : (this._toggleDirection = DIRECTION.NONE, this._togglePosition = 0), this;
 	}
 	_updateAlignPos() {
-		this._alignPos = parseAlign$1$1(this._align, this._size);
+		this._alignPos = parseAlign$1(this._align, this._size);
 	}
 	_resetInternalStates() {
 		this._size = 0, this._pos = 0, this._margin = {
 			prev: 0,
 			next: 0
-		}, this._height = 0, this._alignPos = 0, this._toggled = !1, this._togglePosition = 0, this._toggleDirection = DIRECTION$1.NONE;
+		}, this._height = 0, this._alignPos = 0, this._toggled = !1, this._togglePosition = 0, this._toggleDirection = DIRECTION.NONE;
 	}
-}, NormalRenderingStrategy$1 = class {
+}, NormalRenderingStrategy = class {
 	constructor(e) {
 		let { providerCtor: t } = e;
 		this._providerCtor = t;
 	}
 	renderPanels() {}
 	getRenderingIndexesByOrder(e) {
-		let t = e.renderer.panels.filter((e) => e.rendered), n = t.filter((e) => e.toggled && e.toggleDirection === DIRECTION$1.PREV), r = t.filter((e) => e.toggled && e.toggleDirection === DIRECTION$1.NEXT), i = t.filter((e) => !e.toggled);
+		let t = e.renderer.panels.filter((e) => e.rendered), n = t.filter((e) => e.toggled && e.toggleDirection === DIRECTION.PREV), r = t.filter((e) => e.toggled && e.toggleDirection === DIRECTION.NEXT), i = t.filter((e) => !e.toggled);
 		return [
 			...n,
 			...i,
@@ -3942,8 +3945,8 @@ var Loader = /*#__PURE__*/ function(e) {
 		e.renderOnlyVisible ? this._showOnlyVisiblePanels(e) : e.panels.forEach((e) => e.markForShow());
 	}
 	collectPanels(e, t) {
-		let n = parsePanelAlign$1(e.renderer.align);
-		return t.map((t, r) => new Panel$1({
+		let n = parsePanelAlign(e.renderer.align);
+		return t.map((t, r) => new Panel({
 			index: r,
 			elementProvider: new this._providerCtor(t),
 			align: n,
@@ -3951,7 +3954,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		}));
 	}
 	createPanel(e, t) {
-		return new Panel$1(__spreadProps$2(__spreadValues$2({}, t), { elementProvider: new this._providerCtor(e) }));
+		return new Panel(__spreadProps$1(__spreadValues$1({}, t), { elementProvider: new this._providerCtor(e) }));
 	}
 	updatePanelSizes(e, t) {
 		e.panels.forEach((e) => e.setSize(t));
@@ -3962,7 +3965,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			t.index in r || t.loading ? t.markForShow() : e.holding || t.markForHide();
 		}), n.updateOffset();
 	}
-}, VirtualPanel$1 = class extends Panel$1 {
+}, VirtualPanel = class extends Panel {
 	get element() {
 		return this._elProvider.element;
 	}
@@ -3971,7 +3974,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	get elementIndex() {
 		let e = this._flicking, t = e.panelsPerView + 1, n = e.panelCount, r = this._index;
-		return this._toggled && (r = this._toggleDirection === DIRECTION$1.NEXT ? r + n : r - n), circulateIndex$1(r, t);
+		return this._toggled && (r = this._toggleDirection === DIRECTION.NEXT ? r + n : r - n), circulateIndex(r, t);
 	}
 	constructor(e) {
 		super(e), e.elementProvider.init(this), this._elProvider = e.elementProvider, this._cachedInnerHTML = null;
@@ -3992,9 +3995,9 @@ var Loader = /*#__PURE__*/ function(e) {
 	decreaseIndex(e) {
 		return this.uncacheRenderResult(), super.decreaseIndex(e);
 	}
-}, VirtualRenderingStrategy$1 = class {
+}, VirtualRenderingStrategy = class {
 	renderPanels(e) {
-		let t = e.virtual, n = e.visiblePanels, r = range$1(e.panelsPerView + 1);
+		let t = e.virtual, n = e.visiblePanels, r = range(e.panelsPerView + 1);
 		n.forEach((e) => {
 			let n = e.elementIndex;
 			e.render(), t.show(n), r[n] = -1;
@@ -4005,7 +4008,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	getRenderingIndexesByOrder(e) {
 		let t = e.virtual, n = [...e.visiblePanels].filter((e) => e.rendered).sort((e, t) => e.position + e.offset - (t.position + t.offset));
 		if (n.length <= 0) return t.elements.map((e, t) => t);
-		let r = n.map((e) => e.elementIndex), i = t.elements.map((e, t) => __spreadProps$2(__spreadValues$2({}, e), { idx: t })).filter((e) => !e.visible).map((e) => e.idx);
+		let r = n.map((e) => e.elementIndex), i = t.elements.map((e, t) => __spreadProps$1(__spreadValues$1({}, e), { idx: t })).filter((e) => !e.visible).map((e) => e.idx);
 		return [...r, ...i];
 	}
 	getRenderingElementsByOrder(e) {
@@ -4019,27 +4022,27 @@ var Loader = /*#__PURE__*/ function(e) {
 		}), n.updateOffset();
 	}
 	collectPanels(e) {
-		let t = parsePanelAlign$1(e.renderer.align);
-		return range$1(e.virtual.initialPanelCount).map((n) => new VirtualPanel$1({
+		let t = parsePanelAlign(e.renderer.align);
+		return range(e.virtual.initialPanelCount).map((n) => new VirtualPanel({
 			index: n,
-			elementProvider: new VirtualElementProvider$1(e),
+			elementProvider: new VirtualElementProvider(e),
 			align: t,
 			flicking: e
 		}));
 	}
 	createPanel(e, t) {
-		return new VirtualPanel$1(__spreadProps$2(__spreadValues$2({}, t), { elementProvider: new VirtualElementProvider$1(t.flicking) }));
+		return new VirtualPanel(__spreadProps$1(__spreadValues$1({}, t), { elementProvider: new VirtualElementProvider(t.flicking) }));
 	}
 	updatePanelSizes(e, t) {
 		e.virtual.elements.forEach((e) => {
-			setSize$1(e.nativeElement, t);
+			setSize(e.nativeElement, t);
 		}), e.panels.forEach((e) => e.setSize(t));
 	}
-}, _Flicking$1 = class extends Component {
+}, _Flicking = class extends Component {
 	constructor(e, t = {}) {
 		super(), this._scheduleResize = !1;
-		let { align: n = ALIGN$1.CENTER, defaultIndex: r = 0, horizontal: i = !0, circular: s = !1, circularFallback: l = CIRCULAR_FALLBACK$1.LINEAR, bound: u = !1, adaptive: d = !1, panelsPerView: f = -1, noPanelStyleOverride: p = !1, resizeOnContentsReady: m = !1, nested: g = !1, needPanelThreshold: _ = 0, preventEventsBeforeInit: v = !0, deceleration: y = .0075, duration: b = 500, easing: x = (e) => 1 - __pow$1(1 - e, 3), inputType: S = ["mouse", "touch"], moveType: C = "snap", threshold: w = 40, dragThreshold: T = 1, interruptable: E = !0, bounce: D = "20%", iOSEdgeSwipeThreshold: O = 30, preventClickOnDrag: k = !0, preventDefaultOnDrag: A = !1, disableOnInit: j = !1, changeOnHold: M = !1, renderOnlyVisible: N = !1, virtual: P = null, autoInit: F = !0, autoResize: I = !0, useResizeObserver: L = !0, resizeDebounce: R = 0, observePanelResize: z = !1, maxResizeDebounce: B = 100, useFractionalSize: V = !1, externalRenderer: H = null, renderExternal: U = null, optimizeSizeUpdate: W = !1, animationThreshold: G = .5, useCSSOrder: K = !1 } = t;
-		this._initialized = !1, this._plugins = [], this._isResizing = !1, this._align = n, this._defaultIndex = r, this._horizontal = i, this._circular = s, this._circularFallback = l, this._bound = u, this._adaptive = d, this._panelsPerView = f, this._noPanelStyleOverride = p, this._resizeOnContentsReady = m, this._nested = g, this._virtual = P, this._needPanelThreshold = _, this._preventEventsBeforeInit = v, this._deceleration = y, this._duration = b, this._easing = x, this._inputType = S, this._moveType = C, this._threshold = w, this._dragThreshold = T, this._interruptable = E, this._bounce = D, this._iOSEdgeSwipeThreshold = O, this._preventClickOnDrag = k, this._preventDefaultOnDrag = A, this._disableOnInit = j, this._changeOnHold = M, this._renderOnlyVisible = N, this._autoInit = F, this._autoResize = I, this._useResizeObserver = L, this._resizeDebounce = R, this._maxResizeDebounce = B, this._observePanelResize = z, this._useFractionalSize = V, this._externalRenderer = H, this._renderExternal = U, this._optimizeSizeUpdate = W, this._animationThreshold = G, this._useCSSOrder = K, this._viewport = new Viewport$1(this, getElement$2(e)), this._autoResizer = new AutoResizer$1(this), this._renderer = this._createRenderer(), this._camera = this._createCamera(), this._control = this._createControl(), this._virtualManager = new VirtualManager$1(this, P), this._autoInit && this.init();
+		let { align: n = ALIGN.CENTER, defaultIndex: r = 0, horizontal: i = !0, circular: s = !1, circularFallback: l = CIRCULAR_FALLBACK.LINEAR, bound: u = !1, adaptive: d = !1, panelsPerView: f = -1, noPanelStyleOverride: p = !1, resizeOnContentsReady: m = !1, nested: g = !1, needPanelThreshold: _ = 0, preventEventsBeforeInit: v = !0, deceleration: y = .0075, duration: b = 500, easing: x = (e) => 1 - __pow(1 - e, 3), inputType: S = ["mouse", "touch"], moveType: C = "snap", threshold: w = 40, dragThreshold: T = 1, interruptable: E = !0, bounce: D = "20%", iOSEdgeSwipeThreshold: O = 30, preventClickOnDrag: k = !0, preventDefaultOnDrag: A = !1, disableOnInit: j = !1, changeOnHold: M = !1, renderOnlyVisible: N = !1, virtual: P = null, autoInit: F = !0, autoResize: I = !0, useResizeObserver: L = !0, resizeDebounce: R = 0, observePanelResize: z = !1, maxResizeDebounce: B = 100, useFractionalSize: V = !1, externalRenderer: H = null, renderExternal: U = null, optimizeSizeUpdate: W = !1, animationThreshold: G = .5, useCSSOrder: K = !1 } = t;
+		this._initialized = !1, this._plugins = [], this._isResizing = !1, this._align = n, this._defaultIndex = r, this._horizontal = i, this._circular = s, this._circularFallback = l, this._bound = u, this._adaptive = d, this._panelsPerView = f, this._noPanelStyleOverride = p, this._resizeOnContentsReady = m, this._nested = g, this._virtual = P, this._needPanelThreshold = _, this._preventEventsBeforeInit = v, this._deceleration = y, this._duration = b, this._easing = x, this._inputType = S, this._moveType = C, this._threshold = w, this._dragThreshold = T, this._interruptable = E, this._bounce = D, this._iOSEdgeSwipeThreshold = O, this._preventClickOnDrag = k, this._preventDefaultOnDrag = A, this._disableOnInit = j, this._changeOnHold = M, this._renderOnlyVisible = N, this._autoInit = F, this._autoResize = I, this._useResizeObserver = L, this._resizeDebounce = R, this._maxResizeDebounce = B, this._observePanelResize = z, this._useFractionalSize = V, this._externalRenderer = H, this._renderExternal = U, this._optimizeSizeUpdate = W, this._animationThreshold = G, this._useCSSOrder = K, this._viewport = new Viewport(this, getElement$1(e)), this._autoResizer = new AutoResizer(this), this._renderer = this._createRenderer(), this._camera = this._createCamera(), this._control = this._createControl(), this._virtualManager = new VirtualManager(this, P), this._autoInit && this.init();
 	}
 	get control() {
 		return this._control;
@@ -4340,7 +4343,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		if (this._initialized) return Promise.resolve();
 		let e = this._camera, t = this._renderer, n = this._control, r = this._virtualManager, i = this.trigger, s = this._preventEventsBeforeInit;
 		return e.init(), r.init(), t.init(this), n.init(this), s && (this.trigger = () => this), this._initialResize(), this._moveToInitialPanel(), this._autoResize && this._autoResizer.enable(), this._preventClickOnDrag && n.controller.addPreventClickHandler(), this._disableOnInit && this.disableInput(), t.checkPanelContentsReady(t.panels), this._initialized = !0, t.render().then(() => {
-			this._plugins.forEach((e) => e.init(this)), s && (this.trigger = i), this.trigger(new ComponentEvent$1(EVENTS$1.READY));
+			this._plugins.forEach((e) => e.init(this)), s && (this.trigger = i), this.trigger(new ComponentEvent$1(EVENTS.READY));
 		});
 	}
 	destroy() {
@@ -4348,23 +4351,23 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	prev(e = this._duration) {
 		var t, n, r;
-		return this.moveTo(this._control.activePanel?.prev()?.index ?? -1, e, DIRECTION$1.PREV);
+		return this.moveTo(this._control.activePanel?.prev()?.index ?? -1, e, DIRECTION.PREV);
 	}
 	next(e = this._duration) {
 		var t, n, r;
-		return this.moveTo(this._control.activePanel?.next()?.index ?? this._renderer.panelCount, e, DIRECTION$1.NEXT);
+		return this.moveTo(this._control.activePanel?.next()?.index ?? this._renderer.panelCount, e, DIRECTION.NEXT);
 	}
-	moveTo(e, t = this._duration, n = DIRECTION$1.NONE) {
+	moveTo(e, t = this._duration, n = DIRECTION.NONE) {
 		let r = this._renderer, i = r.panelCount, s = r.getPanel(e);
-		return s ? this._control.animating ? Promise.reject(new FlickingError$1(MESSAGE$1.ANIMATION_ALREADY_PLAYING, CODE$1.ANIMATION_ALREADY_PLAYING)) : (this._control.holding && this._control.controller.release(), this._control.moveToPanel(s, {
+		return s ? this._control.animating ? Promise.reject(new FlickingError(MESSAGE.ANIMATION_ALREADY_PLAYING, CODE.ANIMATION_ALREADY_PLAYING)) : (this._control.holding && this._control.controller.release(), this._control.moveToPanel(s, {
 			duration: t,
 			direction: n
-		})) : Promise.reject(new FlickingError$1(MESSAGE$1.INDEX_OUT_OF_RANGE(e, 0, i - 1), CODE$1.INDEX_OUT_OF_RANGE));
+		})) : Promise.reject(new FlickingError(MESSAGE.INDEX_OUT_OF_RANGE(e, 0, i - 1), CODE.INDEX_OUT_OF_RANGE));
 	}
 	updateAnimation(e, t, n) {
 		if (!this._control.animating) return;
 		let r = this._renderer, i = r.panelCount, s = r.getPanel(e);
-		if (!s) throw new FlickingError$1(MESSAGE$1.INDEX_OUT_OF_RANGE(e, 0, i - 1), CODE$1.INDEX_OUT_OF_RANGE);
+		if (!s) throw new FlickingError(MESSAGE.INDEX_OUT_OF_RANGE(e, 0, i - 1), CODE.INDEX_OUT_OF_RANGE);
 		this._control.updateAnimation(s, t, n);
 	}
 	stopAnimation() {
@@ -4396,7 +4399,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	setStatus(e) {
 		var t;
-		if (!this._initialized) throw new FlickingError$1(MESSAGE$1.NOT_INITIALIZED, CODE$1.NOT_INITIALIZED);
+		if (!this._initialized) throw new FlickingError(MESSAGE.NOT_INITIALIZED, CODE.NOT_INITIALIZED);
 		let { index: n, position: r, visibleOffset: i, panels: s } = e, l = this._renderer, u = this._control;
 		if (s[0]?.html && !this._renderExternal && (l.batchRemove({
 			index: 0,
@@ -4404,13 +4407,13 @@ var Loader = /*#__PURE__*/ function(e) {
 			hasDOMInElements: !0
 		}), l.batchInsert({
 			index: 0,
-			elements: parseElement$1(s.map((e) => e.html)),
+			elements: parseElement(s.map((e) => e.html)),
 			hasDOMInElements: !0
 		})), n != null) {
 			let e = i ? n - i : n;
 			this.moveTo(e, 0).catch(() => void 0);
 		}
-		if (r && this._moveType === MOVE_TYPE$1.FREE_SCROLL) {
+		if (r && this._moveType === MOVE_TYPE.FREE_SCROLL) {
 			let { panel: e, progressInPanel: t } = r, n = i ? e - i : e, s = l.panels[n].range, d = s.min + (s.max - s.min) * t;
 			u.moveToPosition(d, 0).catch(() => void 0);
 		}
@@ -4420,12 +4423,12 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	removePlugins(...e) {
 		return e.forEach((e) => {
-			let t = findIndex$1(this._plugins, (t) => t === e);
+			let t = findIndex(this._plugins, (t) => t === e);
 			t >= 0 && (e.destroy(), this._plugins.splice(t, 1));
 		}), this;
 	}
 	resize() {
-		return __async$2(this, null, function* () {
+		return __async$1(this, null, function* () {
 			if (!this._initialized) return;
 			if (this._isResizing) {
 				this._scheduleResize = !0;
@@ -4433,14 +4436,14 @@ var Loader = /*#__PURE__*/ function(e) {
 			}
 			this._scheduleResize = !1, this._isResizing = !0;
 			let e = this._viewport, t = this._renderer, n = this._camera, r = this._control, i = r.activePanel, s = e.width, l = e.height, u = i ? n.getProgressInPanel(i) : 0;
-			if (this.trigger(new ComponentEvent$1(EVENTS$1.BEFORE_RESIZE, {
+			if (this.trigger(new ComponentEvent$1(EVENTS.BEFORE_RESIZE, {
 				width: s,
 				height: l,
 				element: e.element
 			})), e.resize(), this._optimizeSizeUpdate ? (this.horizontal && e.width !== s || !this.horizontal && e.height !== l) && (yield t.forceRenderAllPanels()) : yield t.forceRenderAllPanels(), !this._initialized || (t.updatePanelSize(), n.updateAlignPos(), n.updateRange(), n.updateAnchors(), n.updateAdaptiveHeight(), n.updatePanelOrder(), n.updateOffset(), yield t.render(), !this._initialized)) return;
 			r.animating || (r.updatePosition(u), r.updateInput());
 			let d = e.width, f = e.height, p = d !== s || f !== l;
-			this.trigger(new ComponentEvent$1(EVENTS$1.AFTER_RESIZE, {
+			this.trigger(new ComponentEvent$1(EVENTS.AFTER_RESIZE, {
 				width: e.width,
 				height: e.height,
 				prev: {
@@ -4459,15 +4462,15 @@ var Loader = /*#__PURE__*/ function(e) {
 		return this.insert(0, e);
 	}
 	insert(e, t) {
-		if (this._renderExternal) throw new FlickingError$1(MESSAGE$1.NOT_ALLOWED_IN_FRAMEWORK, CODE$1.NOT_ALLOWED_IN_FRAMEWORK);
+		if (this._renderExternal) throw new FlickingError(MESSAGE.NOT_ALLOWED_IN_FRAMEWORK, CODE.NOT_ALLOWED_IN_FRAMEWORK);
 		return this._renderer.batchInsert({
 			index: e,
-			elements: parseElement$1(t),
+			elements: parseElement(t),
 			hasDOMInElements: !0
 		});
 	}
 	remove(e, t = 1) {
-		if (this._renderExternal) throw new FlickingError$1(MESSAGE$1.NOT_ALLOWED_IN_FRAMEWORK, CODE$1.NOT_ALLOWED_IN_FRAMEWORK);
+		if (this._renderExternal) throw new FlickingError(MESSAGE.NOT_ALLOWED_IN_FRAMEWORK, CODE.NOT_ALLOWED_IN_FRAMEWORK);
 		return this._renderer.batchRemove({
 			index: e,
 			deleteCount: t,
@@ -4476,16 +4479,16 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	_createControl() {
 		var e;
-		let t = this._moveType, n = Object.keys(MOVE_TYPE$1).map((e) => MOVE_TYPE$1[e]), r = Array.isArray(t) ? t[0] : t, i = Array.isArray(t) ? t[1] ?? {} : {};
-		if (!includes$1(n, r)) throw new FlickingError$1(MESSAGE$1.WRONG_OPTION("moveType", JSON.stringify(t)), CODE$1.WRONG_OPTION);
+		let t = this._moveType, n = Object.keys(MOVE_TYPE).map((e) => MOVE_TYPE[e]), r = Array.isArray(t) ? t[0] : t, i = Array.isArray(t) ? t[1] ?? {} : {};
+		if (!includes(n, r)) throw new FlickingError(MESSAGE.WRONG_OPTION("moveType", JSON.stringify(t)), CODE.WRONG_OPTION);
 		switch (r) {
-			case MOVE_TYPE$1.SNAP: return new SnapControl$1(i);
-			case MOVE_TYPE$1.FREE_SCROLL: return new FreeControl$1(i);
-			case MOVE_TYPE$1.STRICT: return new StrictControl$1(i);
+			case MOVE_TYPE.SNAP: return new SnapControl(i);
+			case MOVE_TYPE.FREE_SCROLL: return new FreeControl(i);
+			case MOVE_TYPE.STRICT: return new StrictControl(i);
 		}
 	}
 	_createCamera() {
-		return this._circular && this._bound && console.warn("\"circular\" and \"bound\" option cannot be used together, ignoring bound."), new Camera$1(this, { align: this._align });
+		return this._circular && this._bound && console.warn("\"circular\" and \"bound\" option cannot be used together, ignoring bound."), new Camera(this, { align: this._align });
 	}
 	_createRenderer() {
 		let e = this._externalRenderer;
@@ -4493,32 +4496,32 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	_createExternalRenderer() {
 		let { renderer: e, rendererOptions: t } = this._renderExternal;
-		return new e(__spreadValues$2({ align: this._align }, t));
+		return new e(__spreadValues$1({ align: this._align }, t));
 	}
 	_createVanillaRenderer() {
 		let e = this.virtualEnabled;
-		return new VanillaRenderer$1({
+		return new VanillaRenderer({
 			align: this._align,
-			strategy: e ? new VirtualRenderingStrategy$1() : new NormalRenderingStrategy$1({ providerCtor: VanillaElementProvider$1 })
+			strategy: e ? new VirtualRenderingStrategy() : new NormalRenderingStrategy({ providerCtor: VanillaElementProvider })
 		});
 	}
 	_moveToInitialPanel() {
 		let e = this._renderer, t = this._control, n = this._camera, r = e.getPanel(this._defaultIndex) || e.getPanel(0);
 		if (!r) return;
 		let i = n.findNearestAnchor(r.position), s = i && r.position !== i.panel.position && r.index !== i.panel.index ? i.panel : r;
-		if (t.setActive(s, null, !1), !i) throw new FlickingError$1(MESSAGE$1.POSITION_NOT_REACHABLE(s.position), CODE$1.POSITION_NOT_REACHABLE);
+		if (t.setActive(s, null, !1), !i) throw new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(s.position), CODE.POSITION_NOT_REACHABLE);
 		let l = s.position;
 		n.canReach(s) || (l = i.position), n.lookAt(l), t.updateInput(), n.updateOffset();
 	}
 	_initialResize() {
 		let e = this._viewport, t = this._renderer, n = this._camera, r = this._control;
-		this.trigger(new ComponentEvent$1(EVENTS$1.BEFORE_RESIZE, {
+		this.trigger(new ComponentEvent$1(EVENTS.BEFORE_RESIZE, {
 			width: 0,
 			height: 0,
 			element: e.element
 		})), e.resize(), t.updatePanelSize(), n.updateAlignPos(), n.updateRange(), n.updateAnchors(), n.updateOffset(), r.updateInput();
 		let i = e.width, s = e.height, l = i !== 0 || s !== 0;
-		this.trigger(new ComponentEvent$1(EVENTS$1.AFTER_RESIZE, {
+		this.trigger(new ComponentEvent$1(EVENTS.AFTER_RESIZE, {
 			width: e.width,
 			height: e.height,
 			prev: {
@@ -4530,10 +4533,82 @@ var Loader = /*#__PURE__*/ function(e) {
 		}));
 	}
 };
-_Flicking$1.VERSION = "4.16.3";
-//#endregion
-//#region node_modules/@egjs/flicking-plugins/dist/plugins.esm.js
-var ARROW = {
+_Flicking.VERSION = "4.16.4";
+var Flicking$1 = _Flicking, getDefaultCameraTransform = (e = ALIGN.CENTER, t = !0, n) => {
+	let r = getCameraAlign(e), i = getPanelAlign(e);
+	if (i == null) return "";
+	let s = `calc(${r} - (${n || "0px"} * ${i.percentage}) - ${i.absolute}px)`;
+	return t ? `translate(${s})` : `translate(0, ${s})`;
+}, getCameraAlign = (e) => parseAlign(typeof e == "object" ? e.camera : e), getPanelAlign = (e) => parseArithmeticExpression(parseAlign(typeof e == "object" ? e.panel : e)), parseAlign = (e) => {
+	if (typeof e == "number") return `${e}px`;
+	switch (e) {
+		case ALIGN.CENTER: return "50%";
+		case ALIGN.NEXT: return "100%";
+		case ALIGN.PREV: return "0%";
+		default: return e;
+	}
+}, getRenderingPanels = (e, t) => {
+	let n = t.removed.reduce((e, t) => (e[t] = !0, e), {}), r = t.maintained.reduce((e, [t, n]) => (e[t] = n, e), {}), i = e.panels.filter((e) => !n[e.index]);
+	return e.useCSSOrder || i.sort((e, t) => e.position + e.offset - (t.position + t.offset)), [...i.map((e) => t.list[r[e.index]]), ...t.added.map((e) => t.list[e])];
+}, sync = (e, t, n) => {
+	let r = e.renderer, i = r.panels, s = [...t.prevList], l = [], u = [];
+	if (t.removed.length > 0) {
+		let e = -1, n = -1;
+		t.removed.forEach((t) => {
+			e < 0 && (e = t), n >= 0 && t !== n - 1 ? (u.push(...batchRemove(r, n, e + 1)), e = t, n = t) : n = t, s.splice(t, 1);
+		}), u.push(...batchRemove(r, n, e + 1));
+	}
+	if (t.ordered.forEach(([e, t]) => {
+		let n = i.splice(e, 1)[0];
+		i.splice(t, 0, n);
+	}), t.ordered.length > 0 && (i.forEach((e, t) => {
+		let n = t - e.index;
+		n > 0 ? e.increaseIndex(n) : e.decreaseIndex(-n);
+	}), i.sort((e, t) => e.index - t.index), i.forEach((e) => {
+		e.updatePosition();
+	})), t.added.length > 0) {
+		let e = -1, i = -1, u = n.slice(s.length);
+		t.added.forEach((n, s) => {
+			e < 0 && (e = s), i >= 0 && n !== i + 1 ? (l.push(...batchInsert(r, t, u, e, s + 1)), e = -1, i = -1) : i = n;
+		}), e >= 0 && l.push(...batchInsert(r, t, u, e));
+	}
+	if (t.added.length > 0 || t.removed.length > 0) r.updateAfterPanelChange(l, u);
+	else if (t.ordered.length > 0) {
+		let t = e.camera;
+		t.updateRange(), t.updateOffset(), t.updateAnchors(), t.resetNeedPanelHistory();
+	}
+}, batchInsert = (e, t, n, r, i) => e.batchInsertDefer(...t.added.slice(r, i).map((e, t) => ({
+	index: e,
+	elements: [n[t]],
+	hasDOMInElements: !1
+}))), batchRemove = (e, t, n) => {
+	let r = e.panels.slice(t, n);
+	return e.batchRemoveDefer({
+		index: t,
+		deleteCount: r.length,
+		hasDOMInElements: !1
+	});
+}, withFlickingMethods = (e, t) => {
+	[Component.prototype, Flicking$1.prototype].forEach((n) => {
+		Object.getOwnPropertyNames(n).filter((t) => !e[t] && t.indexOf("_") !== 0 && t !== "constructor").forEach((r) => {
+			let i = Object.getOwnPropertyDescriptor(n, r);
+			if (i.value) Object.defineProperty(e, r, { value: function(...e) {
+				return i.value.call(this[t], ...e);
+			} });
+			else {
+				let n = {};
+				i.get && (n.get = function() {
+					var e;
+					let n = this[t];
+					return n && i.get?.call(n);
+				}), i.set && (n.set = function(...e) {
+					var n;
+					return i.set?.call(this[t], ...e);
+				}), Object.defineProperty(e, r, n);
+			}
+		});
+	});
+}, ARROW = {
 	PREV_SELECTOR: ".flicking-arrow-prev",
 	NEXT_SELECTOR: ".flicking-arrow-next",
 	DISABLED_CLASS: "flicking-arrow-disabled"
@@ -4568,7 +4643,7 @@ var ARROW = {
 		let n = RegExp(`( |^)${t}( |$)`, "g");
 		e.className.replace(n, " ");
 	}
-}, getElement$1 = (e, t, n) => {
+}, getElement = (e, t, n) => {
 	let r = t.querySelector(e);
 	if (!r) throw Error(`[Flicking-${n}] Couldn't find element with the given selector: ${e}`);
 	return r;
@@ -4600,7 +4675,7 @@ var ARROW = {
 			let e = this._flicking, t = e.camera, n = e.control.controller;
 			e.holding ? this._updateClass(t.position) : this._updateClass(n.animatingContext.end);
 		}, this._onCatch = (e) => {
-			if (!(e instanceof FlickingError$1)) throw e;
+			if (!(e instanceof FlickingError)) throw e;
 		};
 		let { parentEl: t = null, prevElSelector: n = ARROW.PREV_SELECTOR, nextElSelector: r = ARROW.NEXT_SELECTOR, disabledClass: i = ARROW.DISABLED_CLASS, moveCount: s = 1, moveByViewportSize: l = !1 } = e;
 		this._parentEl = t, this._prevElSelector = n, this._nextElSelector = r, this._disabledClass = i, this._moveCount = s, this._moveByViewportSize = l;
@@ -4648,8 +4723,8 @@ var ARROW = {
 		this._moveByViewportSize = e;
 	}
 	init(e) {
-		this._flicking && this.destroy(), this._flicking = e, e.on(EVENTS$1.MOVE, this._onAnimation);
-		let t = this._parentEl ? this._parentEl : e.element, n = getElement$1(this._prevElSelector, t, "Arrow"), r = getElement$1(this._nextElSelector, t, "Arrow");
+		this._flicking && this.destroy(), this._flicking = e, e.on(EVENTS.MOVE, this._onAnimation);
+		let t = this._parentEl ? this._parentEl : e.element, n = getElement(this._prevElSelector, t, "Arrow"), r = getElement(this._nextElSelector, t, "Arrow");
 		[BROWSER.MOUSE_DOWN, BROWSER.TOUCH_START].forEach((e) => {
 			n.addEventListener(e, this._preventInputPropagation, { passive: !0 }), r.addEventListener(e, this._preventInputPropagation, { passive: !0 });
 		}), n.addEventListener(BROWSER.CLICK, this._onPrevClick), r.addEventListener(BROWSER.CLICK, this._onNextClick), this._prevEl = n, this._nextEl = r, this.update();
@@ -4657,7 +4732,7 @@ var ARROW = {
 	destroy() {
 		let e = this._flicking;
 		if (!e) return;
-		e.off(EVENTS$1.MOVE, this._onAnimation);
+		e.off(EVENTS.MOVE, this._onAnimation);
 		let t = this._prevEl, n = this._nextEl;
 		[BROWSER.MOUSE_DOWN, BROWSER.TOUCH_START].forEach((e) => {
 			t.removeEventListener(e, this._preventInputPropagation), n.removeEventListener(e, this._preventInputPropagation);
@@ -4698,12 +4773,12 @@ var ARROW = {
 		this._scale = e;
 	}
 	init(e) {
-		this._flicking && this.destroy(), this._flicking = e, e.on(EVENTS$1.MOVE, this._onMove), e.on(EVENTS$1.AFTER_RESIZE, this.update), this._onMove();
+		this._flicking && this.destroy(), this._flicking = e, e.on(EVENTS.MOVE, this._onMove), e.on(EVENTS.AFTER_RESIZE, this.update), this._onMove();
 	}
 	destroy() {
-		this._flicking &&= (this._flicking.off(EVENTS$1.MOVE, this._onMove), this._flicking.off(EVENTS$1.AFTER_RESIZE, this.update), null);
+		this._flicking &&= (this._flicking.off(EVENTS.MOVE, this._onMove), this._flicking.off(EVENTS.AFTER_RESIZE, this.update), null);
 	}
-}, Renderer$1 = class {
+}, Renderer = class {
 	constructor(e) {
 		let { flicking: t, pagination: n, wrapper: r } = e;
 		this._flicking = t, this._pagination = n, this._wrapper = r;
@@ -4720,11 +4795,11 @@ var ARROW = {
 			e.stopPropagation();
 		}, { passive: !0 }), e.addEventListener(BROWSER.CLICK, () => {
 			this._flicking.moveTo(n).catch((e) => {
-				if (!(e instanceof FlickingError$1)) throw e;
+				if (!(e instanceof FlickingError)) throw e;
 			});
 		});
 	}
-}, BulletRenderer = class extends Renderer$1 {
+}, BulletRenderer = class extends Renderer {
 	constructor() {
 		super(...arguments), this._bullets = [], this._prevIndex = -1;
 	}
@@ -4765,7 +4840,7 @@ var ARROW = {
 			this._prevIndex = m;
 		}
 	}
-}, FractionRenderer = class extends Renderer$1 {
+}, FractionRenderer = class extends Renderer {
 	constructor() {
 		super(...arguments), this._prevIndex = -1, this._prevTotal = -1;
 	}
@@ -4782,7 +4857,7 @@ var ARROW = {
 		let u = `.${r.classPrefix}-${PAGINATION.FRACTION_CURRENT_SUFFIX}`, d = `.${r.classPrefix}-${PAGINATION.FRACTION_TOTAL_SUFFIX}`, f = n.querySelector(u), p = n.querySelector(d);
 		f.innerHTML = r.fractionCurrentFormat(s), p.innerHTML = r.fractionTotalFormat(l), this._prevIndex = s, this._prevTotal = l;
 	}
-}, ScrollBulletRenderer = class extends Renderer$1 {
+}, ScrollBulletRenderer = class extends Renderer {
 	constructor() {
 		super(...arguments), this._bullets = [], this._bulletSize = 0, this._previousIndex = -1, this._sliderIndex = -1, this.moveTo = (e) => {
 			let t = this._pagination, n = this._wrapper.firstElementChild, r = this._bulletSize, i = r * t.bulletCount;
@@ -4828,7 +4903,7 @@ var ARROW = {
 			total: r.length,
 			prevIndex: i,
 			sliderIndex: this._sliderIndex,
-			direction: d > i ? DIRECTION$1.NEXT : DIRECTION$1.PREV,
+			direction: d > i ? DIRECTION.NEXT : DIRECTION.PREV,
 			bullets: [...r],
 			moveTo: this.moveTo
 		}), this._previousIndex = d;
@@ -4913,11 +4988,11 @@ var ARROW = {
 		this._flicking && this.destroy(), this._flicking = e;
 		let t = this._type, n = this._selector, r = (this._parentEl ? this._parentEl : e.element).querySelector(n);
 		if (!r) throw Error(`[Flicking-Pagination] Couldn't find element with the given selector: ${n}`);
-		this._wrapper = r, this._renderer = this._createRenderer(t), e.on(EVENTS$1.WILL_CHANGE, this._onIndexChange), e.on(EVENTS$1.WILL_RESTORE, this._onIndexChange), e.on(EVENTS$1.PANEL_CHANGE, this.update), this.update();
+		this._wrapper = r, this._renderer = this._createRenderer(t), e.on(EVENTS.WILL_CHANGE, this._onIndexChange), e.on(EVENTS.WILL_RESTORE, this._onIndexChange), e.on(EVENTS.PANEL_CHANGE, this.update), this.update();
 	}
 	destroy() {
 		let e = this._flicking;
-		e && (e.off(EVENTS$1.WILL_CHANGE, this._onIndexChange), e.off(EVENTS$1.WILL_RESTORE, this._onIndexChange), e.off(EVENTS$1.PANEL_CHANGE, this.update), this._renderer.destroy(), this._removeAllChilds(), this._flicking = null);
+		e && (e.off(EVENTS.WILL_CHANGE, this._onIndexChange), e.off(EVENTS.WILL_RESTORE, this._onIndexChange), e.off(EVENTS.PANEL_CHANGE, this.update), this._renderer.destroy(), this._removeAllChilds(), this._flicking = null);
 	}
 	_createRenderer(e) {
 		let t = {
@@ -4936,2709 +5011,6 @@ var ARROW = {
 		let e = this._wrapper;
 		for (; e.firstChild;) e.removeChild(e.firstChild);
 	}
-}, __defProp$1 = Object.defineProperty, __defProps$1 = Object.defineProperties, __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$1 = Object.getOwnPropertySymbols, __getProtoOf$1 = Object.getPrototypeOf, __hasOwnProp$1 = Object.prototype.hasOwnProperty, __propIsEnum$1 = Object.prototype.propertyIsEnumerable, __reflectGet$1 = Reflect.get, __pow = Math.pow, __defNormalProp$1 = (e, t, n) => t in e ? __defProp$1(e, t, {
-	enumerable: !0,
-	configurable: !0,
-	writable: !0,
-	value: n
-}) : e[t] = n, __spreadValues$1 = (e, t) => {
-	for (var n in t ||= {}) __hasOwnProp$1.call(t, n) && __defNormalProp$1(e, n, t[n]);
-	if (__getOwnPropSymbols$1) for (var n of __getOwnPropSymbols$1(t)) __propIsEnum$1.call(t, n) && __defNormalProp$1(e, n, t[n]);
-	return e;
-}, __spreadProps$1 = (e, t) => __defProps$1(e, __getOwnPropDescs$1(t)), __superGet$1 = (e, t, n) => __reflectGet$1(__getProtoOf$1(e), n, t), __async$1 = (e, t, n) => new Promise((r, i) => {
-	var s = (e) => {
-		try {
-			u(n.next(e));
-		} catch (e) {
-			i(e);
-		}
-	}, l = (e) => {
-		try {
-			u(n.throw(e));
-		} catch (e) {
-			i(e);
-		}
-	}, u = (e) => e.done ? r(e.value) : Promise.resolve(e.value).then(s, l);
-	u((n = n.apply(e, t)).next());
-}), ALIGN = {
-	PREV: "prev",
-	CENTER: "center",
-	NEXT: "next"
-}, DIRECTION = {
-	PREV: "PREV",
-	NEXT: "NEXT",
-	NONE: null
-}, MOVE_TYPE = {
-	SNAP: "snap",
-	FREE_SCROLL: "freeScroll",
-	STRICT: "strict"
-}, CLASS = {
-	VIEWPORT: "flicking-viewport",
-	CAMERA: "flicking-camera",
-	VERTICAL: "vertical",
-	HIDDEN: "flicking-hidden",
-	DEFAULT_VIRTUAL: "flicking-panel"
-}, CIRCULAR_FALLBACK = {
-	LINEAR: "linear",
-	BOUND: "bound"
-}, ORDER = {
-	LTR: "ltr",
-	RTL: "rtl"
-}, AnchorPoint = class {
-	get index() {
-		return this._index;
-	}
-	get position() {
-		return this._pos;
-	}
-	get panel() {
-		return this._panel;
-	}
-	constructor(e) {
-		let { index: t, position: n, panel: r } = e;
-		this._index = t, this._pos = n, this._panel = r;
-	}
-}, errors = {
-	WRONG_TYPE: {
-		code: 0,
-		message: (e, t) => `${e}(${typeof e}) is not a ${t.map((e) => `"${e}"`).join(" or ")}.`
-	},
-	ELEMENT_NOT_FOUND: {
-		code: 1,
-		message: (e) => `Element with selector "${e}" not found.`
-	},
-	VAL_MUST_NOT_NULL: {
-		code: 2,
-		message: (e, t) => `${t} should be provided. Given: ${e}`
-	},
-	NOT_ATTACHED_TO_FLICKING: {
-		code: 3,
-		message: "This module is not attached to the Flicking instance. \"init()\" should be called first."
-	},
-	WRONG_OPTION: {
-		code: 4,
-		message: (e, t) => `Option "${e}" is not in correct format, given: ${t}`
-	},
-	INDEX_OUT_OF_RANGE: {
-		code: 5,
-		message: (e, t, n) => `Index "${e}" is out of range: should be between ${t} and ${n}.`
-	},
-	POSITION_NOT_REACHABLE: {
-		code: 6,
-		message: (e) => `Position "${e}" is not reachable.`
-	},
-	TRANSFORM_NOT_SUPPORTED: {
-		code: 7,
-		message: "Browser does not support CSS transform."
-	},
-	STOP_CALLED_BY_USER: {
-		code: 8,
-		message: "Event stop() is called by user."
-	},
-	ANIMATION_INTERRUPTED: {
-		code: 9,
-		message: "Animation is interrupted by user input."
-	},
-	ANIMATION_ALREADY_PLAYING: {
-		code: 10,
-		message: "Animation is already playing."
-	},
-	NOT_ALLOWED_IN_FRAMEWORK: {
-		code: 11,
-		message: "This behavior is not allowed in the frameworks like React, Vue, or Angular."
-	},
-	NOT_INITIALIZED: {
-		code: 12,
-		message: "Flicking is not initialized yet, call init() first."
-	},
-	NO_ACTIVE: {
-		code: 13,
-		message: "There's no active panel that Flicking has selected. This may be due to the absence of any panels."
-	},
-	NOT_ALLOWED_IN_VIRTUAL: {
-		code: 14,
-		message: "This behavior is not allowed when the virtual option is enabled"
-	}
-}, CODE = Object.keys(errors).reduce((e, t) => (e[t] = errors[t].code, e), {}), MESSAGE = Object.keys(errors).reduce((e, t) => (e[t] = errors[t].message, e), {}), getElement = (e, t) => {
-	let n = null;
-	if (isString(e)) {
-		let r = (t || document).querySelector(e);
-		if (!r) throw new FlickingError(MESSAGE.ELEMENT_NOT_FOUND(e), CODE.ELEMENT_NOT_FOUND);
-		n = r;
-	} else e && e.nodeType === Node.ELEMENT_NODE && (n = e);
-	if (!n) throw new FlickingError(MESSAGE.WRONG_TYPE(e, ["HTMLElement", "string"]), CODE.WRONG_TYPE);
-	return n;
-}, checkExistence = (e, t) => {
-	if (e == null) throw new FlickingError(MESSAGE.VAL_MUST_NOT_NULL(e, t), CODE.VAL_MUST_NOT_NULL);
-}, clamp = (e, t, n) => Math.max(Math.min(e, n), t), getFlickingAttached = (e) => {
-	if (!e) throw new FlickingError(MESSAGE.NOT_ATTACHED_TO_FLICKING, CODE.NOT_ATTACHED_TO_FLICKING);
-	return e;
-}, toArray = (e) => [].slice.call(e), parseAlign$1 = (e, t) => {
-	let n;
-	if (isString(e)) switch (e) {
-		case ALIGN.PREV:
-			n = 0;
-			break;
-		case ALIGN.CENTER:
-			n = .5 * t;
-			break;
-		case ALIGN.NEXT:
-			n = t;
-			break;
-		default: if (n = parseArithmeticSize(e, t), n == null) throw new FlickingError(MESSAGE.WRONG_OPTION("align", e), CODE.WRONG_OPTION);
-	}
-	else n = e;
-	return n;
-}, parseBounce = (e, t) => {
-	let n;
-	if (Array.isArray(e)) n = e.map((e) => parseArithmeticSize(e, t));
-	else {
-		let r = parseArithmeticSize(e, t);
-		n = [r, r];
-	}
-	return n.map((t) => {
-		if (t == null) throw new FlickingError(MESSAGE.WRONG_OPTION("bounce", e), CODE.WRONG_OPTION);
-		return t;
-	});
-}, parseArithmeticSize = (e, t) => {
-	let n = parseArithmeticExpression(e);
-	return n == null ? null : n.percentage * t + n.absolute;
-}, parseArithmeticExpression = (e) => {
-	let t = /(?:(\+|-)\s*)?(\d+(?:\.\d+)?(%|px)?)/g;
-	if (typeof e == "number") return {
-		percentage: 0,
-		absolute: e
-	};
-	let n = {
-		percentage: 0,
-		absolute: 0
-	}, r = 0, i = t.exec(e);
-	for (; i != null;) {
-		let s = i[1], l = i[2], u = i[3], d = parseFloat(l);
-		if (r <= 0 && (s ||= "+"), !s) return null;
-		let f = s === "+" ? 1 : -1;
-		u === "%" ? n.percentage += d / 100 * f : n.absolute += f * d, ++r, i = t.exec(e);
-	}
-	return r === 0 ? null : n;
-}, parsePanelAlign = (e) => typeof e == "object" ? e.panel : e, getDirection = (e, t) => e === t ? DIRECTION.NONE : e < t ? DIRECTION.NEXT : DIRECTION.PREV, parseElement = (e) => {
-	Array.isArray(e) || (e = [e]);
-	let t = [];
-	return e.forEach((e) => {
-		if (isString(e)) {
-			let n = document.createElement("div");
-			for (n.innerHTML = e, t.push(...toArray(n.children)); n.firstChild;) n.removeChild(n.firstChild);
-		} else if (e && e.nodeType === Node.ELEMENT_NODE) t.push(e);
-		else throw new FlickingError(MESSAGE.WRONG_TYPE(e, ["HTMLElement", "string"]), CODE.WRONG_TYPE);
-	}), t;
-}, getMinusCompensatedIndex = (e, t) => clamp(e < 0 ? e + t : e, 0, t), includes = (e, t) => {
-	for (let n of e) if (n === t) return !0;
-	return !1;
-}, isString = (e) => typeof e == "string", circulatePosition = (e, t, n) => {
-	let r = n - t;
-	return e < t ? e = n - (t - e) % r : e > n && (e = t + (e - n) % r), e;
-}, find = (e, t) => {
-	for (let n of e) if (t(n)) return n;
-	return null;
-}, findIndex = (e, t) => {
-	for (let n = 0; n < e.length; n++) if (t(e[n])) return n;
-	return -1;
-}, getProgress$1 = (e, t, n) => (e - t) / (n - t), getStyle = (e) => e ? window.getComputedStyle(e) || e.currentStyle : {}, setSize = (e, { width: t, height: n }) => {
-	e && (t != null && (isString(t) ? e.style.width = t : e.style.width = `${t}px`), n != null && (isString(n) ? e.style.height = n : e.style.height = `${n}px`));
-}, isBetween = (e, t, n) => e >= t && e <= n, circulateIndex = (e, t) => e >= t ? e % t : e < 0 ? getMinusCompensatedIndex((e + 1) % t - 1, t) : e, range = (e) => {
-	let t = Array(e);
-	for (let n = 0; n < e; n++) t[n] = n;
-	return t;
-}, getElementSize = ({ el: e, horizontal: t, useFractionalSize: n, useOffset: r, style: i }) => {
-	let s = 0;
-	if (n) {
-		let e = parseFloat(t ? i.width : i.height) || 0, n = i.boxSizing === "border-box", l = t ? parseFloat(i.borderLeftWidth || "0") + parseFloat(i.borderRightWidth || "0") : parseFloat(i.borderTopWidth || "0") + parseFloat(i.borderBottomWidth || "0");
-		if (n) s = r ? e : e - l;
-		else {
-			let n = t ? parseFloat(i.paddingLeft || "0") + parseFloat(i.paddingRight || "0") : parseFloat(i.paddingTop || "0") + parseFloat(i.paddingBottom || "0");
-			s = r ? e + n + l : e + n;
-		}
-	} else {
-		let n = t ? "Width" : "Height";
-		s = r ? e[`offset${n}`] : e[`client${n}`];
-	}
-	return Math.max(s, 0);
-}, setPrototypeOf = Object.setPrototypeOf || ((e, t) => (e.__proto__ = t, e)), FlickingError = class e extends Error {
-	constructor(t, n) {
-		super(t), setPrototypeOf(this, e.prototype), this.name = "FlickingError", this.code = n;
-	}
-}, EVENTS = {
-	READY: "ready",
-	BEFORE_RESIZE: "beforeResize",
-	AFTER_RESIZE: "afterResize",
-	HOLD_START: "holdStart",
-	HOLD_END: "holdEnd",
-	MOVE_START: "moveStart",
-	MOVE: "move",
-	MOVE_END: "moveEnd",
-	WILL_CHANGE: "willChange",
-	CHANGED: "changed",
-	WILL_RESTORE: "willRestore",
-	RESTORED: "restored",
-	SELECT: "select",
-	NEED_PANEL: "needPanel",
-	VISIBLE_CHANGE: "visibleChange",
-	REACH_EDGE: "reachEdge",
-	PANEL_CHANGE: "panelChange"
-}, CameraMode = class {
-	constructor(e) {
-		this._flicking = e;
-	}
-	getAnchors() {
-		return this._flicking.renderer.panels.map((e, t) => new AnchorPoint({
-			index: t,
-			position: e.position,
-			panel: e
-		}));
-	}
-	findAnchorIncludePosition(e) {
-		return this._flicking.camera.anchorPoints.filter((t) => t.panel.includePosition(e, !0)).reduce((t, n) => t && Math.abs(t.position - e) < Math.abs(n.position - e) ? t : n, null);
-	}
-	findNearestAnchor(e) {
-		let t = this._flicking.camera.anchorPoints;
-		if (t.length <= 0) return null;
-		let n = Infinity;
-		for (let r = 0; r < t.length; r++) {
-			let i = t[r], s = Math.abs(i.position - e);
-			if (s > n) return t[r - 1];
-			n = s;
-		}
-		return t[t.length - 1];
-	}
-	clampToReachablePosition(e) {
-		let t = this._flicking.camera.range;
-		return clamp(e, t.min, t.max);
-	}
-	getCircularOffset() {
-		return 0;
-	}
-	canReach(e) {
-		let t = this._flicking.camera.range;
-		if (e.removed) return !1;
-		let n = e.position;
-		return n >= t.min && n <= t.max;
-	}
-	canSee(e) {
-		let t = this._flicking.camera.visibleRange;
-		return e.isVisibleOnRange(t.min, t.max);
-	}
-}, BoundCameraMode = class extends CameraMode {
-	checkAvailability() {
-		let e = this._flicking, t = e.renderer, n = t.getPanel(0), r = t.getPanel(t.panelCount - 1);
-		if (!n || !r) return !1;
-		let i = e.camera.size, s = n.range.min;
-		return i < r.range.max - s;
-	}
-	getRange() {
-		let e = this._flicking, t = e.renderer, n = e.camera.alignPosition, r = t.getPanel(0), i = t.getPanel(t.panelCount - 1);
-		if (!r || !i) return {
-			min: 0,
-			max: 0
-		};
-		let s = e.camera.size, l = r.range.min, u = i.range.max, d = s < u - l, f = l + n, p = u - s + n;
-		if (d) return {
-			min: f,
-			max: p
-		};
-		{
-			let t = e.camera.align, n = f + parseAlign$1(typeof t == "object" ? t.camera : t, p - f);
-			return {
-				min: n,
-				max: n
-			};
-		}
-	}
-	getAnchors() {
-		let e = this._flicking, t = e.camera, n = e.renderer.panels;
-		if (n.length <= 0) return [];
-		let r = e.camera.range, i = n.filter((e) => t.canReach(e));
-		if (i.length > 0) {
-			let e = i[0].position !== r.min, t = i[i.length - 1].position !== r.max, s = +!!e, l = i.map((e, t) => new AnchorPoint({
-				index: t + s,
-				position: e.position,
-				panel: e
-			}));
-			return e && l.splice(0, 0, new AnchorPoint({
-				index: 0,
-				position: r.min,
-				panel: n[i[0].index - 1]
-			})), t && l.push(new AnchorPoint({
-				index: l.length,
-				position: r.max,
-				panel: n[i[i.length - 1].index + 1]
-			})), l;
-		} else if (r.min !== r.max) {
-			let e = this._findNearestPanel(r.min, n), t = e.index === n.length - 1 ? e.prev() : e, i = t.next();
-			return [new AnchorPoint({
-				index: 0,
-				position: r.min,
-				panel: t
-			}), new AnchorPoint({
-				index: 1,
-				position: r.max,
-				panel: i
-			})];
-		} else return [new AnchorPoint({
-			index: 0,
-			position: r.min,
-			panel: this._findNearestPanel(r.min, n)
-		})];
-	}
-	findAnchorIncludePosition(e) {
-		let t = this._flicking.camera, n = t.range, r = t.anchorPoints;
-		return r.length <= 0 ? null : e <= n.min ? r[0] : e >= n.max ? r[r.length - 1] : super.findAnchorIncludePosition(e);
-	}
-	_findNearestPanel(e, t) {
-		let n = Infinity;
-		for (let r = 0; r < t.length; r++) {
-			let i = t[r], s = Math.abs(i.position - e);
-			if (s > n) return t[r - 1];
-			n = s;
-		}
-		return t[t.length - 1];
-	}
-}, CircularCameraMode = class extends CameraMode {
-	checkAvailability() {
-		let e = this._flicking, t = e.renderer.panels;
-		if (t.length <= 0) return !1;
-		let n = t[0], r = t[t.length - 1], i = n.range.min - n.margin.prev, s = r.range.max + r.margin.next, l = e.camera.size, u = s - i;
-		return t.every((e) => u - e.size >= l);
-	}
-	getRange() {
-		let e = this._flicking.renderer.panels;
-		if (e.length <= 0) return {
-			min: 0,
-			max: 0
-		};
-		let t = e[0], n = e[e.length - 1];
-		return {
-			min: t.range.min - t.margin.prev,
-			max: n.range.max + n.margin.next
-		};
-	}
-	getAnchors() {
-		return this._flicking.renderer.panels.map((e, t) => new AnchorPoint({
-			index: t,
-			position: e.position,
-			panel: e
-		}));
-	}
-	findNearestAnchor(e) {
-		let t = this._flicking.camera, n = t.anchorPoints;
-		if (n.length <= 0) return null;
-		let r = t.range, i = Infinity, s = -1;
-		for (let t = 0; t < n.length; t++) {
-			let l = n[t], u = Math.min(Math.abs(l.position - e), Math.abs(l.position - r.min + r.max - e), Math.abs(e - r.min + r.max - l.position));
-			u < i && (i = u, s = t);
-		}
-		return n[s];
-	}
-	findAnchorIncludePosition(e) {
-		let t = this._flicking.camera, n = t.range, r = t.anchorPoints, i = t.rangeDiff, s = r.length, l = circulatePosition(e, n.min, n.max), u = super.findAnchorIncludePosition(l);
-		if (s > 0 && (e === n.min || e === n.max) && (u = [
-			u,
-			new AnchorPoint({
-				index: 0,
-				position: r[0].position + i,
-				panel: r[0].panel
-			}),
-			new AnchorPoint({
-				index: s - 1,
-				position: r[s - 1].position - i,
-				panel: r[s - 1].panel
-			})
-		].filter((e) => !!e).reduce((t, n) => t && Math.abs(t.position - e) < Math.abs(n.position - e) ? t : n, null)), !u) return null;
-		if (e < n.min) {
-			let t = -Math.floor((n.min - e) / i) - 1;
-			return new AnchorPoint({
-				index: u.index,
-				position: u.position + i * t,
-				panel: u.panel
-			});
-		} else if (e > n.max) {
-			let t = Math.floor((e - n.max) / i) + 1;
-			return new AnchorPoint({
-				index: u.index,
-				position: u.position + i * t,
-				panel: u.panel
-			});
-		}
-		return u;
-	}
-	getCircularOffset() {
-		let e = this._flicking;
-		if (!e.camera.circularEnabled) return 0;
-		let t = e.panels.filter((e) => e.toggled), n = t.filter((e) => e.toggleDirection === DIRECTION.PREV), r = t.filter((e) => e.toggleDirection === DIRECTION.NEXT);
-		return this._calcPanelAreaSum(n) - this._calcPanelAreaSum(r);
-	}
-	clampToReachablePosition(e) {
-		return e;
-	}
-	canReach(e) {
-		return !e.removed;
-	}
-	canSee(e) {
-		let t = this._flicking.camera, n = t.range, r = t.rangeDiff, i = t.visibleRange, s = super.canSee(e);
-		return i.min < n.min ? s || e.isVisibleOnRange(i.min + r, i.max + r) : i.max > n.max ? s || e.isVisibleOnRange(i.min - r, i.max - r) : s;
-	}
-	_calcPanelAreaSum(e) {
-		return e.reduce((e, t) => e + t.sizeIncludingMargin, 0);
-	}
-}, LinearCameraMode = class extends CameraMode {
-	checkAvailability() {
-		return !0;
-	}
-	getRange() {
-		var e, t;
-		let n = this._flicking.renderer, r = n.getPanel(0), i = n.getPanel(n.panelCount - 1);
-		return {
-			min: r?.position ?? 0,
-			max: i?.position ?? 0
-		};
-	}
-}, Camera = class {
-	constructor(e, { align: t = ALIGN.CENTER } = {}) {
-		this._lookedOffset = 0, this._checkTranslateSupport = () => {
-			let e = [
-				"webkitTransform",
-				"msTransform",
-				"MozTransform",
-				"OTransform",
-				"transform"
-			], t = document.documentElement.style, n = "";
-			for (let r of e) r in t && (n = r);
-			if (!n) throw new FlickingError(MESSAGE.TRANSFORM_NOT_SUPPORTED, CODE.TRANSFORM_NOT_SUPPORTED);
-			this._transform = n;
-		}, this._flicking = e, this._resetInternalValues(), this._align = t;
-	}
-	get element() {
-		return this._el;
-	}
-	get children() {
-		return toArray(this._el.children);
-	}
-	get position() {
-		return this._position;
-	}
-	get alignPosition() {
-		return this._alignPos;
-	}
-	get offset() {
-		return this._offset - this._circularOffset;
-	}
-	get circularEnabled() {
-		return this._circularEnabled;
-	}
-	get mode() {
-		return this._mode;
-	}
-	get range() {
-		return this._range;
-	}
-	get rangeDiff() {
-		return this._range.max - this._range.min;
-	}
-	get visiblePanels() {
-		return this._visiblePanels;
-	}
-	get visibleRange() {
-		return {
-			min: this._position - this._alignPos,
-			max: this._position - this._alignPos + this.size
-		};
-	}
-	get anchorPoints() {
-		return this._anchors;
-	}
-	get controlParams() {
-		return {
-			range: this._range,
-			position: this._position,
-			circular: this._circularEnabled
-		};
-	}
-	get atEdge() {
-		return this._position <= this._range.min || this._position >= this._range.max;
-	}
-	get size() {
-		let e = this._flicking;
-		return e ? e.horizontal ? e.viewport.width : e.viewport.height : 0;
-	}
-	get progress() {
-		let e = this._flicking, t = this._position + this._offset, n = this.findNearestAnchor(this._position);
-		if (!e || !n) return NaN;
-		let r = n.panel, i = r.position + r.offset, s = e.control.controller.bounce, { min: l, max: u } = this.range, d = this.rangeDiff;
-		if (t === i) return r.index;
-		if (t < i) {
-			let e = r.prev(), n = e ? e.position + e.offset : l - s[0];
-			return n > i && (n -= d), r.index - 1 + getProgress$1(t, n, i);
-		} else {
-			let e = r.next(), n = e ? e.position + e.offset : u + s[1];
-			return n < i && (n += d), r.index + getProgress$1(t, i, n);
-		}
-	}
-	get panelOrder() {
-		return this._panelOrder;
-	}
-	get align() {
-		return this._align;
-	}
-	set align(e) {
-		this._align = e;
-	}
-	init() {
-		let e = this._flicking.viewport.element;
-		return checkExistence(e.firstElementChild, "First element child of the viewport element"), this._el = e.firstElementChild, this._checkTranslateSupport(), this._updateMode(), this.updatePanelOrder(), this;
-	}
-	destroy() {
-		return this._resetInternalValues(), this;
-	}
-	lookAt(e) {
-		let t = this._offset, n = this._lookedOffset !== t, r = getFlickingAttached(this._flicking), i = this._position;
-		this._position = e;
-		let s = this._togglePanels(i, e);
-		this._refreshVisiblePanels(), this._checkNeedPanel(), this._checkReachEnd(i, e), s ? r.renderer.render().then(() => {
-			this.updateOffset(), this._lookedOffset = this._offset;
-		}) : n ? (this.updateOffset(), this._lookedOffset = this._offset) : this.applyTransform();
-	}
-	getPrevAnchor(e) {
-		if (!this._circularEnabled || e.index !== 0) return this._anchors[e.index - 1] || null;
-		{
-			let e = this._anchors, t = this.rangeDiff, n = e[e.length - 1];
-			return new AnchorPoint({
-				index: n.index,
-				position: n.position - t,
-				panel: n.panel
-			});
-		}
-	}
-	getNextAnchor(e) {
-		let t = this._anchors;
-		if (!this._circularEnabled || e.index !== t.length - 1) return t[e.index + 1] || null;
-		{
-			let e = this.rangeDiff, n = t[0];
-			return new AnchorPoint({
-				index: n.index,
-				position: n.position + e,
-				panel: n.panel
-			});
-		}
-	}
-	getProgressInPanel(e) {
-		let t = e.range;
-		return (this._position - t.min) / (t.max - t.min);
-	}
-	findAnchorIncludePosition(e) {
-		return this._mode.findAnchorIncludePosition(e);
-	}
-	findNearestAnchor(e) {
-		return this._mode.findNearestAnchor(e);
-	}
-	findActiveAnchor() {
-		var e;
-		let t = getFlickingAttached(this._flicking).control.activePanel;
-		return t ? find(this._anchors, (e) => e.panel.index === t.index) ?? this.findNearestAnchor(t.position) : null;
-	}
-	clampToReachablePosition(e) {
-		return this._mode.clampToReachablePosition(e);
-	}
-	canReach(e) {
-		return this._mode.canReach(e);
-	}
-	canSee(e) {
-		return this._mode.canSee(e);
-	}
-	updateRange() {
-		let e = getFlickingAttached(this._flicking).renderer.panels;
-		return this._updateMode(), this._range = this._mode.getRange(), e.forEach((e) => e.updateCircularToggleDirection()), this;
-	}
-	updateAlignPos() {
-		let e = this._align, t = typeof e == "object" ? e.camera : e;
-		return this._alignPos = parseAlign$1(t, this.size), this;
-	}
-	updateAnchors() {
-		return this._anchors = this._mode.getAnchors(), this;
-	}
-	updateAdaptiveHeight() {
-		let e = getFlickingAttached(this._flicking), t = e.control.activePanel, n = [...e.visiblePanels];
-		if (t && n.push(t), !e.horizontal || !e.adaptive || !n.length) return;
-		let r = Math.max(...n.map((e) => e.height));
-		e.viewport.setSize({ height: r });
-	}
-	updateOffset() {
-		let e = getFlickingAttached(this._flicking), t = this._position, n = e.panels.filter((e) => !e.rendered);
-		return this._offset = n.filter((e) => e.position + e.offset < t).reduce((e, t) => e + t.sizeIncludingMargin, 0), this._circularOffset = this._mode.getCircularOffset(), this.applyTransform(), this;
-	}
-	updatePanelOrder() {
-		let e = getFlickingAttached(this._flicking);
-		if (!e.horizontal) return this;
-		let t = this._el, n = getStyle(t).direction;
-		return n !== this._panelOrder && (this._panelOrder = n === ORDER.RTL ? ORDER.RTL : ORDER.LTR, e.initialized && e.control.controller.updateDirection()), this;
-	}
-	resetNeedPanelHistory() {
-		return this._needPanelTriggered = {
-			prev: !1,
-			next: !1
-		}, this;
-	}
-	applyTransform() {
-		let e = this._el, t = getFlickingAttached(this._flicking);
-		if (t.renderer.rendering || !t.initialized) return this;
-		let n = this._position - this._alignPos - this._offset + this._circularOffset;
-		return e.style[this._transform] = t.horizontal ? `translate(${this._panelOrder === ORDER.RTL ? n : -n}px)` : `translate(0, ${-n}px)`, this;
-	}
-	_resetInternalValues() {
-		this._position = 0, this._lookedOffset = 0, this._alignPos = 0, this._offset = 0, this._circularOffset = 0, this._circularEnabled = !1, this._range = {
-			min: 0,
-			max: 0
-		}, this._visiblePanels = [], this._anchors = [], this._needPanelTriggered = {
-			prev: !1,
-			next: !1
-		};
-	}
-	_refreshVisiblePanels() {
-		let e = getFlickingAttached(this._flicking), t = e.renderer.panels.filter((e) => this.canSee(e)), n = this._visiblePanels;
-		this._visiblePanels = t;
-		let r = t.filter((e) => !includes(n, e)), i = n.filter((e) => !includes(t, e));
-		(r.length > 0 || i.length > 0) && e.renderer.render().then(() => {
-			e.trigger(new ComponentEvent$1(EVENTS.VISIBLE_CHANGE, {
-				added: r,
-				removed: i,
-				visiblePanels: t
-			}));
-		});
-	}
-	_checkNeedPanel() {
-		let e = this._needPanelTriggered;
-		if (e.prev && e.next) return;
-		let t = getFlickingAttached(this._flicking), n = t.renderer.panels;
-		if (n.length <= 0) {
-			e.prev ||= (t.trigger(new ComponentEvent$1(EVENTS.NEED_PANEL, { direction: DIRECTION.PREV })), !0), e.next ||= (t.trigger(new ComponentEvent$1(EVENTS.NEED_PANEL, { direction: DIRECTION.NEXT })), !0);
-			return;
-		}
-		let r = this._position, i = this.size, s = this._range, l = t.needPanelThreshold, u = r - this._alignPos, d = u + i, f = n[0], p = n[n.length - 1];
-		e.prev || (u <= f.range.min + l || r <= s.min + l) && (t.trigger(new ComponentEvent$1(EVENTS.NEED_PANEL, { direction: DIRECTION.PREV })), e.prev = !0), e.next || (d >= p.range.max - l || r >= s.max - l) && (t.trigger(new ComponentEvent$1(EVENTS.NEED_PANEL, { direction: DIRECTION.NEXT })), e.next = !0);
-	}
-	_checkReachEnd(e, t) {
-		let n = getFlickingAttached(this._flicking), r = this._range, i = e > r.min && e < r.max, s = t > r.min && t < r.max;
-		if (!i || s) return;
-		let l = t <= r.min ? DIRECTION.PREV : DIRECTION.NEXT;
-		n.trigger(new ComponentEvent$1(EVENTS.REACH_EDGE, { direction: l }));
-	}
-	_updateMode() {
-		let e = getFlickingAttached(this._flicking);
-		if (e.circular) {
-			let t = new CircularCameraMode(e), n = t.checkAvailability();
-			if (n) this._mode = t;
-			else {
-				let t = e.circularFallback;
-				this._mode = t === CIRCULAR_FALLBACK.BOUND ? new BoundCameraMode(e) : new LinearCameraMode(e);
-			}
-			this._circularEnabled = n;
-		} else this._mode = e.bound ? new BoundCameraMode(e) : new LinearCameraMode(e), this._circularEnabled = !1;
-	}
-	_togglePanels(e, t) {
-		return t !== e && getFlickingAttached(this._flicking).renderer.panels.map((n) => n.toggle(e, t)).some((e) => e);
-	}
-}, EVENT = {
-	HOLD: "hold",
-	CHANGE: "change",
-	RELEASE: "release",
-	ANIMATION_END: "animationEnd",
-	FINISH: "finish"
-}, POSITION_KEY = "flick", STATE_TYPE = /* @__PURE__ */ ((e) => (e[e.IDLE = 0] = "IDLE", e[e.HOLDING = 1] = "HOLDING", e[e.DRAGGING = 2] = "DRAGGING", e[e.ANIMATING = 3] = "ANIMATING", e[e.DISABLED = 4] = "DISABLED", e))(STATE_TYPE || {}), State = class {
-	constructor() {
-		this._delta = 0, this._targetPanel = null;
-	}
-	get delta() {
-		return this._delta;
-	}
-	get targetPanel() {
-		return this._targetPanel;
-	}
-	set targetPanel(e) {
-		this._targetPanel = e;
-	}
-	onEnter(e) {
-		this._delta = e._delta, this._targetPanel = e._targetPanel;
-	}
-	onHold(e) {}
-	onChange(e) {}
-	onRelease(e) {}
-	onAnimationEnd(e) {}
-	onFinish(e) {}
-	_moveToChangedPosition(e) {
-		let { flicking: t, axesEvent: n, transitTo: r } = e, i = n.delta[POSITION_KEY];
-		if (!i) return;
-		this._delta += i;
-		let s = t.camera, l = s.position, u = n.pos[POSITION_KEY], d = t.circularEnabled ? circulatePosition(u, s.range.min, s.range.max) : u;
-		s.lookAt(d);
-		let f = new ComponentEvent$1(EVENTS.MOVE, {
-			isTrusted: n.isTrusted,
-			holding: this.holding,
-			direction: getDirection(0, n.delta[POSITION_KEY]),
-			axesEvent: n
-		});
-		t.trigger(f), f.isCanceled() && (s.lookAt(l), r(4));
-	}
-}, AnimatingState = class extends State {
-	constructor() {
-		super(...arguments), this.holding = !1, this.animating = !0;
-	}
-	onHold(e) {
-		let { flicking: t, axesEvent: n, transitTo: r } = e, i = this._targetPanel, s = t.control;
-		this._delta = 0, t.control.updateInput(), t.changeOnHold && i && s.setActive(i, s.activePanel, n.isTrusted);
-		let l = new ComponentEvent$1(EVENTS.HOLD_START, { axesEvent: n });
-		t.trigger(l), l.isCanceled() ? r(STATE_TYPE.DISABLED) : r(STATE_TYPE.DRAGGING);
-	}
-	onChange(e) {
-		this._moveToChangedPosition(e);
-	}
-	onFinish(e) {
-		let { flicking: t, axesEvent: n, transitTo: r } = e, i = t.control, s = i.controller.animatingContext;
-		r(STATE_TYPE.IDLE), t.trigger(new ComponentEvent$1(EVENTS.MOVE_END, {
-			isTrusted: n.isTrusted,
-			direction: getDirection(s.start, s.end),
-			axesEvent: n
-		}));
-		let l = this._targetPanel;
-		l && i.setActive(l, i.activePanel, n.isTrusted);
-	}
-}, DisabledState = class extends State {
-	constructor() {
-		super(...arguments), this.holding = !1, this.animating = !0;
-	}
-	onAnimationEnd(e) {
-		let { transitTo: t } = e;
-		t(STATE_TYPE.IDLE);
-	}
-	onChange(e) {
-		let { axesEvent: t, transitTo: n } = e;
-		t.stop(), n(STATE_TYPE.IDLE);
-	}
-	onRelease(e) {
-		let { axesEvent: t, transitTo: n } = e;
-		t.delta.flick === 0 && n(STATE_TYPE.IDLE);
-	}
-}, DraggingState = class extends State {
-	constructor() {
-		super(...arguments), this.holding = !0, this.animating = !0;
-	}
-	onChange(e) {
-		this._moveToChangedPosition(e);
-	}
-	onRelease(e) {
-		let { flicking: t, axesEvent: n, transitTo: r } = e;
-		if (t.trigger(new ComponentEvent$1(EVENTS.HOLD_END, { axesEvent: n })), t.renderer.panelCount <= 0) {
-			r(STATE_TYPE.IDLE);
-			return;
-		}
-		r(STATE_TYPE.ANIMATING);
-		let i = t.control, s = n.destPos[POSITION_KEY], l = Math.max(n.duration, t.duration);
-		try {
-			i.moveToPosition(s, l, n);
-		} catch {
-			r(STATE_TYPE.IDLE), n.setTo({ [POSITION_KEY]: t.camera.position }, 0);
-		}
-	}
-}, HoldingState = class extends State {
-	constructor() {
-		super(...arguments), this.holding = !0, this.animating = !1, this._releaseEvent = null;
-	}
-	onChange(e) {
-		let { flicking: t, axesEvent: n, transitTo: r } = e, i = n.inputEvent;
-		if (!i) return;
-		let s = t.horizontal ? i.offsetX : i.offsetY, l = new ComponentEvent$1(EVENTS.MOVE_START, {
-			isTrusted: n.isTrusted,
-			holding: this.holding,
-			direction: getDirection(0, -s),
-			axesEvent: n
-		});
-		t.trigger(l), l.isCanceled() ? r(STATE_TYPE.DISABLED) : r(STATE_TYPE.DRAGGING).onChange(e);
-	}
-	onRelease(e) {
-		let { flicking: t, axesEvent: n, transitTo: r } = e;
-		if (t.trigger(new ComponentEvent$1(EVENTS.HOLD_END, { axesEvent: n })), n.delta.flick !== 0) {
-			n.setTo({ flick: t.camera.position }, 0), r(STATE_TYPE.IDLE);
-			return;
-		}
-		this._releaseEvent = n;
-	}
-	onFinish(e) {
-		let { flicking: t, transitTo: n } = e;
-		if (n(STATE_TYPE.IDLE), !this._releaseEvent) return;
-		let r = this._releaseEvent.inputEvent.srcEvent, i;
-		if (r.type === "touchend") {
-			let e = r.changedTouches[0];
-			i = document.elementFromPoint(e.clientX, e.clientY);
-		} else i = r.target;
-		let s = t.renderer.panels, l = null;
-		for (let e of s) if (e.contains(i)) {
-			l = e;
-			break;
-		}
-		if (l) {
-			let e = t.camera.position, n = l.position;
-			t.trigger(new ComponentEvent$1(EVENTS.SELECT, {
-				index: l.index,
-				panel: l,
-				direction: getDirection(e, n)
-			}));
-		}
-	}
-}, IdleState = class extends State {
-	constructor() {
-		super(...arguments), this.holding = !1, this.animating = !1;
-	}
-	onEnter() {
-		this._delta = 0, this._targetPanel = null;
-	}
-	onHold(e) {
-		let { flicking: t, axesEvent: n, transitTo: r } = e;
-		if (t.renderer.panelCount <= 0) {
-			r(STATE_TYPE.DISABLED);
-			return;
-		}
-		let i = new ComponentEvent$1(EVENTS.HOLD_START, { axesEvent: n });
-		t.trigger(i), i.isCanceled() ? r(STATE_TYPE.DISABLED) : r(STATE_TYPE.HOLDING);
-	}
-	onChange(e) {
-		let { flicking: t, axesEvent: n, transitTo: r } = e, i = t.control.controller.animatingContext, s = new ComponentEvent$1(EVENTS.MOVE_START, {
-			isTrusted: n.isTrusted,
-			holding: this.holding,
-			direction: getDirection(i.start, i.end),
-			axesEvent: n
-		});
-		t.trigger(s), s.isCanceled() ? r(STATE_TYPE.DISABLED) : r(STATE_TYPE.ANIMATING).onChange(e);
-	}
-}, StateMachine = class {
-	constructor() {
-		this.transitTo = (e) => {
-			let t;
-			switch (e) {
-				case STATE_TYPE.IDLE:
-					t = new IdleState();
-					break;
-				case STATE_TYPE.HOLDING:
-					t = new HoldingState();
-					break;
-				case STATE_TYPE.DRAGGING:
-					t = new DraggingState();
-					break;
-				case STATE_TYPE.ANIMATING:
-					t = new AnimatingState();
-					break;
-				case STATE_TYPE.DISABLED:
-					t = new DisabledState();
-					break;
-			}
-			return t.onEnter(this._state), this._state = t, this._state;
-		}, this._state = new IdleState();
-	}
-	get state() {
-		return this._state;
-	}
-	fire(e, t) {
-		let n = this._state, r = __spreadProps$1(__spreadValues$1({}, t), { transitTo: this.transitTo });
-		switch (e) {
-			case EVENT.HOLD:
-				n.onHold(r);
-				break;
-			case EVENT.CHANGE:
-				n.onChange(r);
-				break;
-			case EVENT.RELEASE:
-				n.onRelease(r);
-				break;
-			case EVENT.ANIMATION_END:
-				n.onAnimationEnd(r);
-				break;
-			case EVENT.FINISH:
-				n.onFinish(r);
-				break;
-		}
-	}
-}, AxesController = class {
-	constructor() {
-		this._onAxesHold = () => {
-			this._dragged = !1;
-		}, this._onAxesChange = () => {
-			var e;
-			this._dragged = !!this._panInput?.isEnabled();
-		}, this._preventClickWhenDragged = (e) => {
-			this._dragged && (e.preventDefault(), e.stopPropagation()), this._dragged = !1;
-		}, this._resetInternalValues(), this._stateMachine = new StateMachine();
-	}
-	get axes() {
-		return this._axes;
-	}
-	get panInput() {
-		return this._panInput;
-	}
-	get stateMachine() {
-		return this._stateMachine;
-	}
-	get state() {
-		return this._stateMachine.state;
-	}
-	get animatingContext() {
-		return this._animatingContext;
-	}
-	get controlParams() {
-		let e = this._axes;
-		if (!e) return {
-			range: {
-				min: 0,
-				max: 0
-			},
-			position: 0,
-			circular: !1
-		};
-		let t = e.axis[POSITION_KEY];
-		return {
-			range: {
-				min: t.range[0],
-				max: t.range[1]
-			},
-			circular: t.circular[0],
-			position: this.position
-		};
-	}
-	get enabled() {
-		var e, t;
-		return this._panInput?.isEnabled() ?? !1;
-	}
-	get position() {
-		var e, t;
-		return this._axes?.get([POSITION_KEY])[POSITION_KEY] ?? 0;
-	}
-	get range() {
-		var e, t;
-		return this._axes?.axis[POSITION_KEY].range ?? [0, 0];
-	}
-	get bounce() {
-		var e;
-		return this._axes?.axis[POSITION_KEY].bounce;
-	}
-	init(e) {
-		this._flicking = e, this._axes = new Axes({ [POSITION_KEY]: {
-			range: [0, 0],
-			circular: !1,
-			bounce: [0, 0]
-		} }, {
-			deceleration: e.deceleration,
-			interruptable: e.interruptable,
-			nested: e.nested,
-			easing: e.easing
-		}), this._panInput = new PanInput(e.viewport.element, {
-			inputType: e.inputType,
-			threshold: e.dragThreshold,
-			iOSEdgeSwipeThreshold: e.iOSEdgeSwipeThreshold,
-			preventDefaultOnDrag: e.preventDefaultOnDrag,
-			scale: e.horizontal ? [e.camera.panelOrder === ORDER.RTL ? 1 : -1, 0] : [0, -1],
-			releaseOnScroll: !0
-		});
-		let t = this._axes;
-		t.connect(e.horizontal ? [POSITION_KEY, ""] : ["", POSITION_KEY], this._panInput);
-		for (let n in EVENT) {
-			let r = EVENT[n];
-			t.on(r, (t) => {
-				this._stateMachine.fire(r, {
-					flicking: e,
-					axesEvent: t
-				});
-			});
-		}
-		return this;
-	}
-	destroy() {
-		var e;
-		this._axes && (this.removePreventClickHandler(), this._axes.destroy()), (e = this._panInput) == null || e.destroy(), this._resetInternalValues();
-	}
-	enable() {
-		var e;
-		return (e = this._panInput) == null || e.enable(), this;
-	}
-	disable() {
-		var e;
-		return (e = this._panInput) == null || e.disable(), this;
-	}
-	release() {
-		var e;
-		return (e = this._panInput) == null || e.release(), this;
-	}
-	updateAnimation(e, t) {
-		var n;
-		return this._animatingContext = __spreadProps$1(__spreadValues$1({}, this._animatingContext), { end: e }), (n = this._axes) == null || n.updateAnimation({
-			destPos: { [POSITION_KEY]: e },
-			duration: t
-		}), this;
-	}
-	stopAnimation() {
-		var e;
-		return (e = this._axes) == null || e.stopAnimation(), this;
-	}
-	update(e) {
-		let t = getFlickingAttached(this._flicking), n = t.camera, r = this._axes, i = r.axis[POSITION_KEY];
-		return i.circular = [e.circular, e.circular], i.range = [e.range.min, e.range.max], i.bounce = parseBounce(t.bounce, n.size), r.axisManager.set({ [POSITION_KEY]: e.position }), this;
-	}
-	addPreventClickHandler() {
-		let e = getFlickingAttached(this._flicking), t = this._axes, n = e.camera.element;
-		return t.on(EVENT.HOLD, this._onAxesHold), t.on(EVENT.CHANGE, this._onAxesChange), n.addEventListener("click", this._preventClickWhenDragged, !0), this;
-	}
-	removePreventClickHandler() {
-		let e = getFlickingAttached(this._flicking), t = this._axes, n = e.camera.element;
-		return t.off(EVENT.HOLD, this._onAxesHold), t.off(EVENT.CHANGE, this._onAxesChange), n.removeEventListener("click", this._preventClickWhenDragged, !0), this;
-	}
-	animateTo(e, t, n) {
-		var r;
-		let i = this._axes, s = this._stateMachine.state;
-		if (!i) return Promise.reject(new FlickingError(MESSAGE.NOT_ATTACHED_TO_FLICKING, CODE.NOT_ATTACHED_TO_FLICKING));
-		let l = this.getCurrentPosition();
-		if (l === e) {
-			let t = getFlickingAttached(this._flicking);
-			return t.camera.lookAt(e), s.targetPanel && t.control.setActive(s.targetPanel, t.control.activePanel, n?.isTrusted ?? !1), Promise.resolve();
-		}
-		this._animatingContext = {
-			start: l,
-			end: e,
-			offset: 0
-		};
-		let u = () => {
-			i.once(EVENT.FINISH, () => {
-				this._animatingContext = {
-					start: 0,
-					end: 0,
-					offset: 0
-				};
-			}), n ? n.setTo({ [POSITION_KEY]: e }, t) : i.setTo({ [POSITION_KEY]: e }, t);
-		};
-		return new Promise((e, t) => {
-			let n = () => {
-				i.off(EVENT.HOLD, r), e();
-			}, r = () => {
-				i.off(EVENT.FINISH, n), t(new FlickingError(MESSAGE.ANIMATION_INTERRUPTED, CODE.ANIMATION_INTERRUPTED));
-			};
-			i.once(EVENT.FINISH, n), i.once(EVENT.HOLD, r), u();
-		});
-	}
-	getCurrentPosition() {
-		var e, t;
-		return this._axes?.get([POSITION_KEY])[POSITION_KEY] ?? 0;
-	}
-	updateDirection() {
-		let e = getFlickingAttached(this._flicking), t = this._axes, n = this._panInput;
-		t.disconnect(n), t.connect(e.horizontal ? [POSITION_KEY, ""] : ["", POSITION_KEY], n), n.options.scale = e.horizontal ? [e.camera.panelOrder === ORDER.RTL ? 1 : -1, 0] : [0, -1];
-	}
-	_resetInternalValues() {
-		this._flicking = null, this._axes = null, this._panInput = null, this._animatingContext = {
-			start: 0,
-			end: 0,
-			offset: 0
-		}, this._dragged = !1;
-	}
-}, Control = class {
-	get controller() {
-		return this._controller;
-	}
-	get activeIndex() {
-		var e, t;
-		return this._activePanel?.index ?? -1;
-	}
-	get activePanel() {
-		return this._activePanel;
-	}
-	get animating() {
-		return this._controller.state.animating;
-	}
-	get holding() {
-		return this._controller.state.holding;
-	}
-	constructor() {
-		this._flicking = null, this._controller = new AxesController(), this._activePanel = null;
-	}
-	init(e) {
-		return this._flicking = e, this._controller.init(e), this;
-	}
-	destroy() {
-		this._controller.destroy(), this._flicking = null, this._activePanel = null;
-	}
-	enable() {
-		return this._controller.enable(), this;
-	}
-	disable() {
-		return this._controller.disable(), this;
-	}
-	release() {
-		return this._controller.release(), this;
-	}
-	updateAnimation(e, t, n) {
-		let r = this._controller.state, i = this._getPosition(e, n ?? DIRECTION.NONE);
-		return r.targetPanel = e, this._controller.updateAnimation(i, t), this;
-	}
-	stopAnimation() {
-		let e = this._controller.state;
-		return e.targetPanel = null, this._controller.stopAnimation(), this;
-	}
-	updatePosition(e) {
-		let t = getFlickingAttached(this._flicking).camera, n = this._activePanel;
-		n && t.lookAt(t.clampToReachablePosition(n.position));
-	}
-	updateInput() {
-		let e = getFlickingAttached(this._flicking).camera;
-		return this._controller.update(e.controlParams), this;
-	}
-	resetActive() {
-		return this._activePanel = null, this;
-	}
-	moveToPanel(e, t) {
-		return __async$1(this, arguments, function* (e, { duration: t, direction: n = DIRECTION.NONE, axesEvent: r }) {
-			let i = this._getPosition(e, n);
-			return this._triggerIndexChangeEvent(e, e.position, r, n), this._animateToPosition({
-				position: i,
-				duration: t,
-				newActivePanel: e,
-				axesEvent: r
-			});
-		});
-	}
-	setActive(e, t, n) {
-		var r;
-		let i = getFlickingAttached(this._flicking);
-		this._activePanel = e, this._nextPanel = null, i.camera.updateAdaptiveHeight(), e === t ? i.trigger(new ComponentEvent$1(EVENTS.RESTORED, { isTrusted: n })) : i.trigger(new ComponentEvent$1(EVENTS.CHANGED, {
-			index: e.index,
-			panel: e,
-			prevIndex: t?.index ?? -1,
-			prevPanel: t,
-			isTrusted: n,
-			direction: t ? getDirection(t.position, e.position) : DIRECTION.NONE
-		}));
-	}
-	copy(e) {
-		this._flicking = e._flicking, this._activePanel = e._activePanel, this._controller = e._controller;
-	}
-	_triggerIndexChangeEvent(e, t, n, r) {
-		var i;
-		let s = getFlickingAttached(this._flicking), l = e === this._activePanel ? EVENTS.WILL_RESTORE : EVENTS.WILL_CHANGE, u = s.camera, d = this._activePanel, f = new ComponentEvent$1(l, {
-			index: e.index,
-			panel: e,
-			isTrusted: n?.isTrusted || !1,
-			direction: r ?? getDirection(d?.position ?? u.position, t)
-		});
-		if (this._nextPanel = e, s.trigger(f), f.isCanceled()) throw new FlickingError(MESSAGE.STOP_CALLED_BY_USER, CODE.STOP_CALLED_BY_USER);
-	}
-	_animateToPosition(e) {
-		return __async$1(this, arguments, function* ({ position: e, duration: t, newActivePanel: n, axesEvent: r }) {
-			let i = getFlickingAttached(this._flicking), s = t;
-			Math.abs(s - e) < i.animationThreshold && (s = 0);
-			let l = () => this._controller.animateTo(e, s, r), u = this._controller.state;
-			return u.targetPanel = n, s <= 0 ? l() : l().then(() => __async$1(this, null, function* () {
-				i.initialized && (yield i.renderer.render());
-			})).catch((e) => {
-				if (!(r && e instanceof FlickingError && e.code === CODE.ANIMATION_INTERRUPTED)) throw e;
-			});
-		});
-	}
-	_getPosition(e, t = DIRECTION.NONE) {
-		let n = getFlickingAttached(this._flicking), r = n.camera, i = e.position, s = r.findNearestAnchor(i);
-		if (e.removed || !s) throw new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e.position), CODE.POSITION_NOT_REACHABLE);
-		if (!r.canReach(e)) i = s.position, e = s.panel;
-		else if (n.circularEnabled) {
-			let e = this._controller.position, n = r.rangeDiff;
-			i = [
-				i,
-				i + n,
-				i - n
-			].filter((n) => t === DIRECTION.NONE ? !0 : t === DIRECTION.PREV ? n <= e : n >= e).reduce((t, n) => Math.abs(e - n) < Math.abs(e - t) ? n : t, Infinity);
-		}
-		return i;
-	}
-}, FreeControl = class extends Control {
-	get stopAtEdge() {
-		return this._stopAtEdge;
-	}
-	set stopAtEdge(e) {
-		this._stopAtEdge = e;
-	}
-	constructor(e = {}) {
-		super();
-		let { stopAtEdge: t = !0 } = e;
-		this._stopAtEdge = t;
-	}
-	updatePosition(e) {
-		let t = getFlickingAttached(this._flicking).camera, n = this._activePanel;
-		if (n) {
-			let r = n.range, i = r.min + (r.max - r.min) * e;
-			t.lookAt(t.clampToReachablePosition(i));
-		}
-	}
-	moveToPosition(e, t, n) {
-		let r = getFlickingAttached(this._flicking).camera, i = r.clampToReachablePosition(e), s = r.findAnchorIncludePosition(i);
-		if (!s) return Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE));
-		let l = s.panel;
-		return l !== this._activePanel && this._triggerIndexChangeEvent(l, e, n), this._animateToPosition({
-			position: this._stopAtEdge ? i : e,
-			duration: t,
-			newActivePanel: l,
-			axesEvent: n
-		});
-	}
-}, SnapControl = class extends Control {
-	get count() {
-		return this._count;
-	}
-	set count(e) {
-		this._count = e;
-	}
-	constructor(e = {}) {
-		super();
-		let { count: t = Infinity } = e;
-		this._count = t;
-	}
-	moveToPosition(e, t, n) {
-		let r = getFlickingAttached(this._flicking), i = r.camera, s = i.findActiveAnchor(), l = i.findNearestAnchor(i.position), u = this._controller.state;
-		if (!s || !l) return Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE));
-		let d = this._calcSnapThreshold(r.threshold, e, s), f = r.animating ? u.delta : e - i.position, p = Math.abs(f), m = n && n.delta[POSITION_KEY] !== 0 ? Math.abs(n.delta[POSITION_KEY]) : p, g;
-		if (m >= d && m > 0) g = this._findSnappedAnchor(e, l);
-		else if (p >= r.threshold && p > 0) g = this._findAdjacentAnchor(e, f, l);
-		else return this.moveToPanel(l.panel, {
-			duration: t,
-			axesEvent: n
-		});
-		return this._triggerIndexChangeEvent(g.panel, e, n), this._animateToPosition({
-			position: i.clampToReachablePosition(g.position),
-			duration: t,
-			newActivePanel: g.panel,
-			axesEvent: n
-		});
-	}
-	_findSnappedAnchor(e, t) {
-		let n = getFlickingAttached(this._flicking), r = n.camera, i = this._count, s = r.position, l = r.clampToReachablePosition(e), u = r.findAnchorIncludePosition(l);
-		if (!t || !u) throw new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE);
-		if (!Number.isFinite(i)) return u;
-		let d = n.panelCount, f = r.anchorPoints, p = Math.sign(e - s) * Math.floor(Math.abs(e - s) / r.rangeDiff);
-		e > s && u.index < t.index || u.position > t.position && u.index === t.index ? p += 1 : (e < s && u.index > t.index || u.position < t.position && u.index === t.index) && --p;
-		let m = p * d, g = u.index + m;
-		if (Math.abs(g - t.index) <= i) {
-			let e = f[u.index];
-			return new AnchorPoint({
-				index: e.index,
-				position: e.position + p * r.rangeDiff,
-				panel: e.panel
-			});
-		}
-		if (n.circularEnabled) {
-			let n = f[circulateIndex(t.index + Math.sign(e - s) * i, d)], l = Math.floor(i / d);
-			return e > s && n.index < t.index ? l += 1 : e < s && n.index > t.index && --l, new AnchorPoint({
-				index: n.index,
-				position: n.position + l * r.rangeDiff,
-				panel: n.panel
-			});
-		} else return f[clamp(t.index + Math.sign(e - s) * i, 0, f.length - 1)];
-	}
-	_findAdjacentAnchor(e, t, n) {
-		var r;
-		let i = getFlickingAttached(this._flicking).camera;
-		if (i.circularEnabled) {
-			let t = i.findAnchorIncludePosition(e);
-			if (t && t.position !== n.position) return t;
-		}
-		return (t > 0 ? i.getNextAnchor(n) : i.getPrevAnchor(n)) ?? n;
-	}
-	_calcSnapThreshold(e, t, n) {
-		let r = t > n.position, i = n.panel, s = i.size, l = i.alignPosition;
-		return Math.max(e, r ? s - l + i.margin.next : l + i.margin.prev);
-	}
-}, StrictControl = class e extends Control {
-	constructor(e = {}) {
-		super(), this.setActive = (e, t, n) => {
-			super.setActive(e, t, n), this.updateInput();
-		};
-		let { count: t = 1 } = e;
-		this._count = t, this._resetIndexRange();
-	}
-	get count() {
-		return this._count;
-	}
-	set count(e) {
-		this._count = e;
-	}
-	destroy() {
-		super.destroy(), this._resetIndexRange();
-	}
-	updateInput() {
-		var e;
-		let t = getFlickingAttached(this._flicking), n = t.camera, r = t.renderer, i = this._controller, s = n.controlParams, l = this._count, u = i.state.animating ? n.findNearestAnchor(n.position)?.panel : this._activePanel;
-		if (!u) return i.update(s), this._resetIndexRange(), this;
-		let d = s.range, f = u.position, p = u.index, m = r.panelCount, g = p - l, _ = p + l;
-		g < 0 && (g = t.circularEnabled ? getMinusCompensatedIndex((g + 1) % m - 1, m) : clamp(g, 0, m - 1)), _ >= m && (_ = t.circularEnabled ? _ % m : clamp(_, 0, m - 1));
-		let v = r.panels[g], y = r.panels[_], b = Math.max(v.position, d.min), x = Math.min(y.position, d.max);
-		return b > f && (b -= n.rangeDiff), x < f && (x += n.rangeDiff), s.range = {
-			min: b,
-			max: x
-		}, s.circular && (s.position < b && (s.position += n.rangeDiff), s.position > x && (s.position -= n.rangeDiff)), s.circular = !1, i.update(s), this._indexRange = {
-			min: v.index,
-			max: y.index
-		}, this;
-	}
-	moveToPanel(t, n) {
-		return __async$1(this, null, function* () {
-			let r = getFlickingAttached(this._flicking).camera;
-			return this._controller.update(r.controlParams), __superGet$1(e.prototype, this, "moveToPanel").call(this, t, n);
-		});
-	}
-	moveToPosition(e, t, n) {
-		var r;
-		let i = getFlickingAttached(this._flicking), s = i.camera, l = this._nextPanel ?? this._activePanel, u = this._controller.range, d = this._indexRange, f = s.range, p = this._controller.state, m = clamp(s.clampToReachablePosition(e), u[0], u[1]), g = s.findAnchorIncludePosition(m);
-		if (!g || !l) return Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE));
-		let _ = l.position, v = i.animating ? p.delta : e - s.position, y = Math.abs(v) >= i.threshold, b = e > _ ? s.getNextAnchor(g) : s.getPrevAnchor(g), x, S, C = s.anchorPoints, w = C[0], T = C[C.length - 1], E = e < f.min && isBetween(w.panel.index, d.min, d.max), D = e > f.max && isBetween(T.panel.index, d.min, d.max), O = b && (d.min <= d.max ? isBetween(b.index, d.min, d.max) : b.index >= d.min || b.index <= d.max);
-		if (E || D) {
-			let t = e < f.min ? w : T;
-			S = t.panel, x = t.position;
-		} else if (y && g.position !== l.position) S = g.panel, x = g.position;
-		else if (y && O) S = b.panel, x = b.position;
-		else {
-			let r = s.findNearestAnchor(s.position);
-			return r ? this.moveToPanel(r.panel, {
-				duration: t,
-				axesEvent: n
-			}) : Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE));
-		}
-		return this._triggerIndexChangeEvent(S, e, n), this._animateToPosition({
-			position: x,
-			duration: t,
-			newActivePanel: S,
-			axesEvent: n
-		});
-	}
-	_resetIndexRange() {
-		this._indexRange = {
-			min: 0,
-			max: 0
-		};
-	}
-}, AutoResizer = class {
-	constructor(e) {
-		this._onResizeWrapper = () => {
-			this._onResize([]);
-		}, this._onResize = (e) => {
-			let t = this._flicking, n = t.resizeDebounce, r = t.maxResizeDebounce, i = t.element;
-			if (e.find((e) => e.target === t.element) && e.length === 1) {
-				let e = {
-					width: t.viewport.width,
-					height: t.viewport.height
-				}, n = {
-					width: getElementSize({
-						el: i,
-						horizontal: !0,
-						useFractionalSize: this._flicking.useFractionalSize,
-						useOffset: !1,
-						style: getStyle(i)
-					}),
-					height: getElementSize({
-						el: i,
-						horizontal: !1,
-						useFractionalSize: this._flicking.useFractionalSize,
-						useOffset: !1,
-						style: getStyle(i)
-					})
-				};
-				if (e.height === n.height && e.width === n.width) return;
-			}
-			n <= 0 ? t.resize() : (this._maxResizeDebounceTimer <= 0 && r > 0 && r >= n && (this._maxResizeDebounceTimer = window.setTimeout(this._doScheduledResize, r)), this._resizeTimer > 0 && (clearTimeout(this._resizeTimer), this._resizeTimer = 0), this._resizeTimer = window.setTimeout(this._doScheduledResize, n));
-		}, this._doScheduledResize = () => {
-			clearTimeout(this._resizeTimer), clearTimeout(this._maxResizeDebounceTimer), this._maxResizeDebounceTimer = -1, this._resizeTimer = -1, this._flicking.resize();
-		}, this._skipFirstResize = /* @__PURE__ */ (() => {
-			let e = !0;
-			return (t) => {
-				if (e) {
-					e = !1;
-					return;
-				}
-				this._onResize(t);
-			};
-		})(), this._flicking = e, this._enabled = !1, this._resizeObserver = null, this._resizeTimer = -1, this._maxResizeDebounceTimer = -1;
-	}
-	get enabled() {
-		return this._enabled;
-	}
-	enable() {
-		let e = this._flicking, t = e.viewport;
-		if (this._enabled && this.disable(), e.useResizeObserver && window.ResizeObserver) {
-			let n = t.width !== 0 || t.height !== 0 ? new ResizeObserver(this._skipFirstResize) : new ResizeObserver(this._onResize);
-			this._resizeObserver = n, this.observe(e.viewport.element), e.observePanelResize && this.observePanels();
-		} else window.addEventListener("resize", this._onResizeWrapper);
-		return this._enabled = !0, this;
-	}
-	observePanels() {
-		return this._flicking.panels.forEach((e) => {
-			this.observe(e.element);
-		}), this;
-	}
-	unobservePanels() {
-		return this._flicking.panels.forEach((e) => {
-			this.unobserve(e.element);
-		}), this;
-	}
-	observe(e) {
-		let t = this._resizeObserver;
-		return t && t.observe(e), this;
-	}
-	unobserve(e) {
-		let t = this._resizeObserver;
-		return t ? (t.unobserve(e), this._flicking.observePanelResize && this.unobservePanels(), this) : this;
-	}
-	disable() {
-		if (!this._enabled) return this;
-		let e = this._resizeObserver;
-		return e ? (e.disconnect(), this._resizeObserver = null) : window.removeEventListener("resize", this._onResizeWrapper), this._enabled = !1, this;
-	}
-}, VanillaElementProvider = class {
-	get element() {
-		return this._element;
-	}
-	get rendered() {
-		return this._rendered;
-	}
-	constructor(e) {
-		this._element = e, this._rendered = !0;
-	}
-	show(e) {
-		let t = this.element, n = e.camera.element;
-		t.parentElement !== n && (n.appendChild(t), this._rendered = !0);
-	}
-	hide(e) {
-		let t = this.element, n = e.camera.element;
-		t.parentElement === n && (n.removeChild(t), this._rendered = !1);
-	}
-}, VirtualElementProvider = class {
-	get element() {
-		return this._virtualElement.nativeElement;
-	}
-	get rendered() {
-		return this._virtualElement.visible;
-	}
-	get _virtualElement() {
-		let e = this._flicking, t = this._panel.elementIndex;
-		return e.virtual.elements[t];
-	}
-	constructor(e) {
-		this._flicking = e;
-	}
-	init(e) {
-		this._panel = e;
-	}
-	show() {}
-	hide() {}
-}, Viewport = class {
-	get element() {
-		return this._el;
-	}
-	get width() {
-		return this._width - this._padding.left - this._padding.right;
-	}
-	get height() {
-		return this._height - this._padding.top - this._padding.bottom;
-	}
-	get padding() {
-		return this._padding;
-	}
-	constructor(e, t) {
-		this._flicking = e, this._el = t, this._width = 0, this._height = 0, this._padding = {
-			left: 0,
-			right: 0,
-			top: 0,
-			bottom: 0
-		}, this._isBorderBoxSizing = !1;
-	}
-	setSize(e) {
-		let { width: t, height: n } = e, r = this._el, i = this._padding, s = this._isBorderBoxSizing;
-		if (t != null) if (isString(t)) r.style.width = t;
-		else {
-			let e = s ? t + i.left + i.right : t;
-			r.style.width = `${e}px`;
-		}
-		if (n != null) if (isString(n)) r.style.height = n;
-		else {
-			let e = s ? n + i.top + i.bottom : n;
-			r.style.height = `${e}px`;
-		}
-		this.resize();
-	}
-	resize() {
-		let e = this._el, t = getStyle(e), { useFractionalSize: n } = this._flicking;
-		this._width = getElementSize({
-			el: e,
-			horizontal: !0,
-			useFractionalSize: n,
-			useOffset: !1,
-			style: t
-		}), this._height = getElementSize({
-			el: e,
-			horizontal: !1,
-			useFractionalSize: n,
-			useOffset: !1,
-			style: t
-		}), this._padding = {
-			left: t.paddingLeft ? parseFloat(t.paddingLeft) : 0,
-			right: t.paddingRight ? parseFloat(t.paddingRight) : 0,
-			top: t.paddingTop ? parseFloat(t.paddingTop) : 0,
-			bottom: t.paddingBottom ? parseFloat(t.paddingBottom) : 0
-		}, this._isBorderBoxSizing = t.boxSizing === "border-box";
-	}
-}, VirtualManager = class {
-	get elements() {
-		return this._elements;
-	}
-	get renderPanel() {
-		return this._renderPanel;
-	}
-	get initialPanelCount() {
-		return this._initialPanelCount;
-	}
-	get cache() {
-		return this._cache;
-	}
-	get panelClass() {
-		return this._panelClass;
-	}
-	set renderPanel(e) {
-		this._renderPanel = e, this._flicking.renderer.panels.forEach((e) => e.uncacheRenderResult());
-	}
-	set cache(e) {
-		this._cache = e;
-	}
-	set panelClass(e) {
-		this._panelClass = e;
-	}
-	constructor(e, t) {
-		var n, r, i, s;
-		this._flicking = e, this._renderPanel = t?.renderPanel ?? (() => ""), this._initialPanelCount = t?.initialPanelCount ?? -1, this._cache = t?.cache ?? !1, this._panelClass = t?.panelClass ?? CLASS.DEFAULT_VIRTUAL, this._elements = [];
-	}
-	init() {
-		let e = this._flicking;
-		if (!e.virtualEnabled) return;
-		!e.externalRenderer && !e.renderExternal && this._initVirtualElements();
-		let t = e.camera.children;
-		this._elements = t.map((e) => ({
-			nativeElement: e,
-			visible: !0
-		}));
-	}
-	show(e) {
-		let t = this._elements[e], n = t.nativeElement;
-		t.visible = !0, n.style.display && (n.style.display = "");
-	}
-	hide(e) {
-		let t = this._elements[e], n = t.nativeElement;
-		t.visible = !1, n.style.display = "none";
-	}
-	append(e = 1) {
-		let t = this._flicking;
-		return this.insert(t.panels.length, e);
-	}
-	prepend(e = 1) {
-		return this.insert(0, e);
-	}
-	insert(e, t = 1) {
-		return t <= 0 ? [] : this._flicking.renderer.batchInsert({
-			index: e,
-			elements: range(t),
-			hasDOMInElements: !1
-		});
-	}
-	remove(e, t) {
-		return t <= 0 ? [] : this._flicking.renderer.batchRemove({
-			index: e,
-			deleteCount: t,
-			hasDOMInElements: !1
-		});
-	}
-	_initVirtualElements() {
-		let e = this._flicking, t = e.camera.element, n = e.panelsPerView, r = document.createDocumentFragment();
-		range(n + 1).map((e) => {
-			let t = document.createElement("div");
-			return t.className = this._panelClass, t.dataset.elementIndex = e.toString(), t;
-		}).forEach((e) => {
-			r.appendChild(e);
-		}), t.appendChild(r);
-	}
-}, Renderer = class {
-	get panels() {
-		return this._panels;
-	}
-	get rendering() {
-		return this._rendering;
-	}
-	get panelCount() {
-		return this._panels.length;
-	}
-	get strategy() {
-		return this._strategy;
-	}
-	get align() {
-		return this._align;
-	}
-	set align(e) {
-		this._align = e;
-		let t = parsePanelAlign(e);
-		this._panels.forEach((e) => {
-			e.align = t;
-		});
-	}
-	constructor(e) {
-		let { align: t = ALIGN.CENTER, strategy: n } = e;
-		this._flicking = null, this._panels = [], this._rendering = !1, this._align = t, this._strategy = n;
-	}
-	init(e) {
-		return this._flicking = e, this._collectPanels(), this;
-	}
-	destroy() {
-		this._flicking = null, this._panels = [];
-	}
-	getPanel(e) {
-		return this._panels[e] || null;
-	}
-	forceRenderAllPanels() {
-		return this._panels.forEach((e) => e.markForShow()), Promise.resolve();
-	}
-	getRenderedPanels() {
-		return getFlickingAttached(this._flicking).renderer.panels.filter((e) => e.rendered);
-	}
-	updatePanelSize() {
-		let e = getFlickingAttached(this._flicking), t = this._panels;
-		if (t.length <= 0) return this;
-		if (e.panelsPerView > 0) {
-			let e = t[0];
-			e.resize(), this._updatePanelSizeByGrid(e, t);
-		} else e.panels.forEach((e) => e.resize());
-		return this;
-	}
-	batchInsert(...e) {
-		let t = this.batchInsertDefer(...e);
-		return t.length <= 0 ? [] : (this.updateAfterPanelChange(t, []), t);
-	}
-	batchInsertDefer(...e) {
-		let t = this._panels, n = getFlickingAttached(this._flicking), r = t[0], i = parsePanelAlign(this._align);
-		return e.reduce((e, s) => {
-			var l;
-			let u = getMinusCompensatedIndex(s.index, t.length), d = t.slice(u), f = s.elements.map((e, t) => this._createPanel(e, {
-				index: u + t,
-				align: i,
-				flicking: n
-			}));
-			if (t.splice(u, 0, ...f), s.hasDOMInElements && this._insertPanelElements(f, d[0] ?? null), n.panelsPerView > 0) {
-				let e = r || f[0].resize();
-				this._updatePanelSizeByGrid(e, f);
-			} else f.forEach((e) => e.resize());
-			return d.forEach((e) => {
-				e.increaseIndex(f.length), e.updatePosition();
-			}), [...e, ...f];
-		}, []);
-	}
-	batchRemove(...e) {
-		let t = this.batchRemoveDefer(...e);
-		return t.length <= 0 ? [] : (this.updateAfterPanelChange([], t), t);
-	}
-	batchRemoveDefer(...e) {
-		let t = this._panels, { control: n } = getFlickingAttached(this._flicking), r = n.activePanel;
-		return e.reduce((e, i) => {
-			let { index: s, deleteCount: l } = i, u = getMinusCompensatedIndex(s, t.length), d = t.slice(u + l), f = t.splice(u, l);
-			return f.length <= 0 ? [] : (d.forEach((e) => {
-				e.decreaseIndex(f.length), e.updatePosition();
-			}), i.hasDOMInElements && this._removePanelElements(f), f.forEach((e) => e.destroy()), includes(f, r) && n.resetActive(), [...e, ...f]);
-		}, []);
-	}
-	updateAfterPanelChange(e, t) {
-		var n;
-		let r = getFlickingAttached(this._flicking), { camera: i, control: s } = r, l = this._panels, u = s.activePanel;
-		if (this._updateCameraAndControl(), r.autoResize && r.useResizeObserver && (e.forEach((e) => {
-			e.element && r.autoResizer.observe(e.element);
-		}), t.forEach((e) => {
-			e.element && r.autoResizer.unobserve(e.element);
-		})), this.render(), !r.animating) if (!u || u.removed) if (l.length <= 0) i.lookAt(0);
-		else {
-			let e = u?.index ?? 0;
-			e > l.length - 1 && (e = l.length - 1), s.moveToPanel(l[e], { duration: 0 }).catch(() => void 0);
-		}
-		else s.moveToPanel(u, { duration: 0 }).catch(() => void 0);
-		r.camera.updateOffset(), (e.length > 0 || t.length > 0) && (r.trigger(new ComponentEvent$1(EVENTS.PANEL_CHANGE, {
-			added: e,
-			removed: t
-		})), this.checkPanelContentsReady([...e, ...t]));
-	}
-	checkPanelContentsReady(e) {
-		let t = getFlickingAttached(this._flicking), n = t.resizeOnContentsReady, r = this._panels;
-		if (!n || t.virtualEnabled) return;
-		let i = (e) => e.element && !!e.element.querySelector("img, video");
-		if (e = e.filter((e) => i(e)), e.length <= 0) return;
-		let s = new ImReady();
-		e.forEach((e) => {
-			e.loading = !0;
-		}), s.on("readyElement", (n) => {
-			if (!this._flicking) {
-				s.destroy();
-				return;
-			}
-			let i = e[n.index], l = t.camera, u = t.control, d = u.activePanel ? l.getProgressInPanel(u.activePanel) : 0;
-			i.loading = !1, i.resize(), r.slice(i.index + 1).forEach((e) => e.updatePosition()), t.initialized && (l.updateRange(), l.updateOffset(), l.updateAnchors(), u.animating || (u.updatePosition(d), u.updateInput()));
-		}), s.on("preReady", (e) => {
-			this._flicking && this.render(), e.readyCount === e.totalCount && s.destroy();
-		}), s.on("ready", () => {
-			this._flicking && this.render(), s.destroy();
-		}), s.check(e.map((e) => e.element));
-	}
-	_updateCameraAndControl() {
-		let { camera: e, control: t } = getFlickingAttached(this._flicking);
-		e.updateRange(), e.updateOffset(), e.updateAnchors(), e.resetNeedPanelHistory(), t.updateInput();
-	}
-	_showOnlyVisiblePanels(e) {
-		let t = e.renderer.panels, n = e.camera.visiblePanels.reduce((e, t) => (e[t.index] = !0, e), {});
-		t.forEach((t) => {
-			t.index in n || t.loading ? t.markForShow() : e.holding || t.markForHide();
-		});
-	}
-	_updatePanelSizeByGrid(e, t) {
-		let n = getFlickingAttached(this._flicking), r = n.panelsPerView;
-		if (r <= 0) throw new FlickingError(MESSAGE.WRONG_OPTION("panelsPerView", r), CODE.WRONG_OPTION);
-		if (t.length <= 0) return;
-		let i = (n.camera.size - (e.margin.prev + e.margin.next) * (r - 1)) / r, s = n.horizontal ? { width: i } : { height: i }, l = __spreadValues$1({
-			size: i,
-			margin: e.margin
-		}, !n.horizontal && { height: e.height });
-		n.noPanelStyleOverride || this._strategy.updatePanelSizes(n, s), n.panels.forEach((e) => e.resize(l));
-	}
-	_removeAllChildsFromCamera() {
-		let e = getFlickingAttached(this._flicking).camera.element;
-		for (; e.firstChild;) e.removeChild(e.firstChild);
-	}
-	_insertPanelElements(e, t = null) {
-		let n = getFlickingAttached(this._flicking).camera.element, r = t?.element || null, i = document.createDocumentFragment();
-		e.forEach((e) => i.appendChild(e.element));
-		let s = r && r.parentNode === n ? r : null;
-		n.insertBefore(i, s);
-	}
-	_removePanelElements(e) {
-		let t = getFlickingAttached(this._flicking).camera.element;
-		e.forEach((e) => {
-			e.element.parentNode === t && t.removeChild(e.element);
-		});
-	}
-	_afterRender() {
-		let e = getFlickingAttached(this._flicking);
-		if (e.camera.applyTransform(), e.useCSSOrder) {
-			let t = e.renderer.panels.filter((e) => e.rendered);
-			this._strategy.getRenderingIndexesByOrder(e).forEach((e, n) => {
-				t[e].element && (t[e].element.style.order = `${n}`);
-			});
-		}
-	}
-}, ExternalRenderer = class extends Renderer {
-	_removePanelElements(e) {}
-	_removeAllChildsFromCamera() {}
-}, VanillaRenderer = class extends Renderer {
-	render() {
-		return __async$1(this, null, function* () {
-			let e = getFlickingAttached(this._flicking), t = this._strategy;
-			t.updateRenderingPanels(e), t.renderPanels(e), this._resetPanelElementOrder(), this._afterRender();
-		});
-	}
-	_collectPanels() {
-		let e = getFlickingAttached(this._flicking), t = e.camera;
-		this._removeAllTextNodes(), this._panels = this._strategy.collectPanels(e, t.children);
-	}
-	_createPanel(e, t) {
-		return this._strategy.createPanel(e, t);
-	}
-	_resetPanelElementOrder() {
-		let e = getFlickingAttached(this._flicking), t = e.camera.element, n = [];
-		n = e.useCSSOrder ? this.getRenderedPanels().map((e) => e.element).reverse() : this._strategy.getRenderingElementsByOrder(e).reverse(), n.forEach((e, r) => {
-			let i = n[r - 1] ? n[r - 1] : null;
-			e.nextElementSibling !== i && t.insertBefore(e, i);
-		});
-	}
-	_removeAllTextNodes() {
-		let e = getFlickingAttached(this._flicking).camera.element;
-		toArray(e.childNodes).forEach((t) => {
-			t.nodeType === Node.TEXT_NODE && e.removeChild(t);
-		});
-	}
-}, Panel = class {
-	get element() {
-		return this._elProvider.element;
-	}
-	get elementProvider() {
-		return this._elProvider;
-	}
-	get index() {
-		return this._index;
-	}
-	get position() {
-		return this._pos + this._alignPos;
-	}
-	get size() {
-		return this._size;
-	}
-	get sizeIncludingMargin() {
-		return this._size + this._margin.prev + this._margin.next;
-	}
-	get height() {
-		return this._height;
-	}
-	get margin() {
-		return this._margin;
-	}
-	get alignPosition() {
-		return this._alignPos;
-	}
-	get removed() {
-		return this._removed;
-	}
-	get rendered() {
-		return this._rendered;
-	}
-	get loading() {
-		return this._loading;
-	}
-	get range() {
-		return {
-			min: this._pos,
-			max: this._pos + this._size
-		};
-	}
-	get toggled() {
-		return this._toggled;
-	}
-	get toggleDirection() {
-		return this._toggleDirection;
-	}
-	get offset() {
-		let e = this._toggleDirection, t = this._flicking.camera.rangeDiff;
-		return e === DIRECTION.NONE || !this._toggled ? 0 : e === DIRECTION.PREV ? -t : t;
-	}
-	get progress() {
-		let e = this._flicking;
-		return this.index - e.camera.progress;
-	}
-	get outsetProgress() {
-		let e = this.position + this.offset, t = this._alignPos, n = this._flicking.camera, r = n.position;
-		return r === e ? 0 : r < e ? -getProgress$1(r, e, e + (n.size - n.alignPosition) + t) : 1 - getProgress$1(r, e - (n.alignPosition + this._size - t), e);
-	}
-	get visibleRatio() {
-		let e = this.range, t = this._size, n = this.offset, r = this._flicking.camera.visibleRange, i = {
-			min: e.min + n,
-			max: e.max + n
-		};
-		if (i.max <= r.min || i.min >= r.max) return 0;
-		let s = t;
-		return r.min > i.min && (s -= r.min - i.min), r.max < i.max && (s -= i.max - r.max), s / t;
-	}
-	set loading(e) {
-		this._loading = e;
-	}
-	get align() {
-		return this._align;
-	}
-	set align(e) {
-		this._align = e, this._updateAlignPos();
-	}
-	constructor(e) {
-		let { index: t, align: n, flicking: r, elementProvider: i } = e;
-		this._index = t, this._flicking = r, this._elProvider = i, this._align = n, this._removed = !1, this._rendered = !0, this._loading = !1, this._resetInternalStates();
-	}
-	markForShow() {
-		this._rendered = !0, this._elProvider.show(this._flicking);
-	}
-	markForHide() {
-		this._rendered = !1, this._elProvider.hide(this._flicking);
-	}
-	resize(e) {
-		var t;
-		let n = this.element, { horizontal: r, useFractionalSize: i } = this._flicking;
-		if (!n) return this;
-		if (e) this._size = e.size, this._margin = __spreadValues$1({}, e.margin), this._height = e.height ?? getElementSize({
-			el: n,
-			horizontal: !1,
-			useFractionalSize: i,
-			useOffset: !0,
-			style: getStyle(n)
-		});
-		else {
-			let e = getStyle(n);
-			this._size = getElementSize({
-				el: n,
-				horizontal: r,
-				useFractionalSize: i,
-				useOffset: !0,
-				style: e
-			}), this._margin = r ? {
-				prev: parseFloat(e.marginLeft || "0"),
-				next: parseFloat(e.marginRight || "0")
-			} : {
-				prev: parseFloat(e.marginTop || "0"),
-				next: parseFloat(e.marginBottom || "0")
-			}, this._height = r ? getElementSize({
-				el: n,
-				horizontal: !1,
-				useFractionalSize: i,
-				useOffset: !0,
-				style: e
-			}) : this._size;
-		}
-		return this.updatePosition(), this._updateAlignPos(), this;
-	}
-	setSize(e) {
-		return setSize(this.element, e), this;
-	}
-	contains(e) {
-		var t;
-		return !!this.element?.contains(e);
-	}
-	destroy() {
-		this._resetInternalStates(), this._removed = !0;
-	}
-	includePosition(e, t = !1) {
-		return this.includeRange(e, e, t);
-	}
-	includeRange(e, t, n = !1) {
-		let r = this._margin, i = this.range;
-		return n && (i.min -= r.prev, i.max += r.next), t >= i.min && e <= i.max;
-	}
-	isVisibleOnRange(e, t) {
-		let n = this.range;
-		return t > n.min && e < n.max;
-	}
-	focus(e) {
-		return this._flicking.moveTo(this._index, e);
-	}
-	prev() {
-		let e = this._index, t = this._flicking, n = t.renderer, r = n.panelCount;
-		return r === 1 ? null : t.circularEnabled ? n.getPanel(e === 0 ? r - 1 : e - 1) : n.getPanel(e - 1);
-	}
-	next() {
-		let e = this._index, t = this._flicking, n = t.renderer, r = n.panelCount;
-		return r === 1 ? null : t.circularEnabled ? n.getPanel(e === r - 1 ? 0 : e + 1) : n.getPanel(e + 1);
-	}
-	increaseIndex(e) {
-		return this._index += Math.max(e, 0), this;
-	}
-	decreaseIndex(e) {
-		return this._index -= Math.max(e, 0), this;
-	}
-	updatePosition() {
-		let e = this._flicking.renderer.panels[this._index - 1];
-		return this._pos = e ? e.range.max + e.margin.next + this._margin.prev : this._margin.prev, this;
-	}
-	toggle(e, t) {
-		let n = this._toggleDirection, r = this._togglePosition;
-		if (n === DIRECTION.NONE || t === e) return !1;
-		let i = this._toggled;
-		return t > e ? r >= e && r <= t && (this._toggled = n === DIRECTION.NEXT) : r <= e && r >= t && (this._toggled = n !== DIRECTION.NEXT), i !== this._toggled;
-	}
-	updateCircularToggleDirection() {
-		let e = this._flicking;
-		if (!e.circularEnabled) return this._toggleDirection = DIRECTION.NONE, this._togglePosition = 0, this._toggled = !1, this;
-		let t = e.camera, n = t.range, r = t.alignPosition, i = t.visibleRange, s = i.max - i.min, l = n.min - r, u = n.max - r + s, d = this.includeRange(u - s, u, !1), f = this.includeRange(l, l + s, !1);
-		return this._toggled = !1, d ? (this._toggleDirection = DIRECTION.PREV, this._togglePosition = this.range.max + n.min - n.max + r, this.toggle(Infinity, t.position)) : f ? (this._toggleDirection = DIRECTION.NEXT, this._togglePosition = this.range.min + n.max - s + r, this.toggle(-Infinity, t.position)) : (this._toggleDirection = DIRECTION.NONE, this._togglePosition = 0), this;
-	}
-	_updateAlignPos() {
-		this._alignPos = parseAlign$1(this._align, this._size);
-	}
-	_resetInternalStates() {
-		this._size = 0, this._pos = 0, this._margin = {
-			prev: 0,
-			next: 0
-		}, this._height = 0, this._alignPos = 0, this._toggled = !1, this._togglePosition = 0, this._toggleDirection = DIRECTION.NONE;
-	}
-}, NormalRenderingStrategy = class {
-	constructor(e) {
-		let { providerCtor: t } = e;
-		this._providerCtor = t;
-	}
-	renderPanels() {}
-	getRenderingIndexesByOrder(e) {
-		let t = e.renderer.panels.filter((e) => e.rendered), n = t.filter((e) => e.toggled && e.toggleDirection === DIRECTION.PREV), r = t.filter((e) => e.toggled && e.toggleDirection === DIRECTION.NEXT), i = t.filter((e) => !e.toggled);
-		return [
-			...n,
-			...i,
-			...r
-		].map((e) => e.index);
-	}
-	getRenderingElementsByOrder(e) {
-		let t = e.panels;
-		return this.getRenderingIndexesByOrder(e).map((e) => t[e].element);
-	}
-	updateRenderingPanels(e) {
-		e.renderOnlyVisible ? this._showOnlyVisiblePanels(e) : e.panels.forEach((e) => e.markForShow());
-	}
-	collectPanels(e, t) {
-		let n = parsePanelAlign(e.renderer.align);
-		return t.map((t, r) => new Panel({
-			index: r,
-			elementProvider: new this._providerCtor(t),
-			align: n,
-			flicking: e
-		}));
-	}
-	createPanel(e, t) {
-		return new Panel(__spreadProps$1(__spreadValues$1({}, t), { elementProvider: new this._providerCtor(e) }));
-	}
-	updatePanelSizes(e, t) {
-		e.panels.forEach((e) => e.setSize(t));
-	}
-	_showOnlyVisiblePanels(e) {
-		let t = e.renderer.panels, n = e.camera, r = n.visiblePanels.reduce((e, t) => (e[t.index] = !0, e), {});
-		t.forEach((t) => {
-			t.index in r || t.loading ? t.markForShow() : e.holding || t.markForHide();
-		}), n.updateOffset();
-	}
-}, VirtualPanel = class extends Panel {
-	get element() {
-		return this._elProvider.element;
-	}
-	get cachedInnerHTML() {
-		return this._cachedInnerHTML;
-	}
-	get elementIndex() {
-		let e = this._flicking, t = e.panelsPerView + 1, n = e.panelCount, r = this._index;
-		return this._toggled && (r = this._toggleDirection === DIRECTION.NEXT ? r + n : r - n), circulateIndex(r, t);
-	}
-	constructor(e) {
-		super(e), e.elementProvider.init(this), this._elProvider = e.elementProvider, this._cachedInnerHTML = null;
-	}
-	cacheRenderResult(e) {
-		this._cachedInnerHTML = e;
-	}
-	uncacheRenderResult() {
-		this._cachedInnerHTML = null;
-	}
-	render() {
-		let { renderPanel: e, cache: t } = this._flicking.virtual, n = this._elProvider.element, r = this._cachedInnerHTML || e(this, this._index);
-		r !== n.innerHTML && (n.innerHTML = r, t && this.cacheRenderResult(r));
-	}
-	increaseIndex(e) {
-		return this.uncacheRenderResult(), super.increaseIndex(e);
-	}
-	decreaseIndex(e) {
-		return this.uncacheRenderResult(), super.decreaseIndex(e);
-	}
-}, VirtualRenderingStrategy = class {
-	renderPanels(e) {
-		let t = e.virtual, n = e.visiblePanels, r = range(e.panelsPerView + 1);
-		n.forEach((e) => {
-			let n = e.elementIndex;
-			e.render(), t.show(n), r[n] = -1;
-		}), r.filter((e) => e >= 0).forEach((e) => {
-			t.hide(e);
-		});
-	}
-	getRenderingIndexesByOrder(e) {
-		let t = e.virtual, n = [...e.visiblePanels].filter((e) => e.rendered).sort((e, t) => e.position + e.offset - (t.position + t.offset));
-		if (n.length <= 0) return t.elements.map((e, t) => t);
-		let r = n.map((e) => e.elementIndex), i = t.elements.map((e, t) => __spreadProps$1(__spreadValues$1({}, e), { idx: t })).filter((e) => !e.visible).map((e) => e.idx);
-		return [...r, ...i];
-	}
-	getRenderingElementsByOrder(e) {
-		let t = e.virtual.elements;
-		return this.getRenderingIndexesByOrder(e).map((e) => t[e].nativeElement);
-	}
-	updateRenderingPanels(e) {
-		let t = e.renderer.panels, n = e.camera, r = n.visiblePanels.reduce((e, t) => (e[t.index] = !0, e), {});
-		t.forEach((e) => {
-			e.index in r || e.loading ? e.markForShow() : e.markForHide();
-		}), n.updateOffset();
-	}
-	collectPanels(e) {
-		let t = parsePanelAlign(e.renderer.align);
-		return range(e.virtual.initialPanelCount).map((n) => new VirtualPanel({
-			index: n,
-			elementProvider: new VirtualElementProvider(e),
-			align: t,
-			flicking: e
-		}));
-	}
-	createPanel(e, t) {
-		return new VirtualPanel(__spreadProps$1(__spreadValues$1({}, t), { elementProvider: new VirtualElementProvider(t.flicking) }));
-	}
-	updatePanelSizes(e, t) {
-		e.virtual.elements.forEach((e) => {
-			setSize(e.nativeElement, t);
-		}), e.panels.forEach((e) => e.setSize(t));
-	}
-}, _Flicking = class extends Component {
-	constructor(e, t = {}) {
-		super(), this._scheduleResize = !1;
-		let { align: n = ALIGN.CENTER, defaultIndex: r = 0, horizontal: i = !0, circular: s = !1, circularFallback: l = CIRCULAR_FALLBACK.LINEAR, bound: u = !1, adaptive: d = !1, panelsPerView: f = -1, noPanelStyleOverride: p = !1, resizeOnContentsReady: m = !1, nested: g = !1, needPanelThreshold: _ = 0, preventEventsBeforeInit: v = !0, deceleration: y = .0075, duration: b = 500, easing: x = (e) => 1 - __pow(1 - e, 3), inputType: S = ["mouse", "touch"], moveType: C = "snap", threshold: w = 40, dragThreshold: T = 1, interruptable: E = !0, bounce: D = "20%", iOSEdgeSwipeThreshold: O = 30, preventClickOnDrag: k = !0, preventDefaultOnDrag: A = !1, disableOnInit: j = !1, changeOnHold: M = !1, renderOnlyVisible: N = !1, virtual: P = null, autoInit: F = !0, autoResize: I = !0, useResizeObserver: L = !0, resizeDebounce: R = 0, observePanelResize: z = !1, maxResizeDebounce: B = 100, useFractionalSize: V = !1, externalRenderer: H = null, renderExternal: U = null, optimizeSizeUpdate: W = !1, animationThreshold: G = .5, useCSSOrder: K = !1 } = t;
-		this._initialized = !1, this._plugins = [], this._isResizing = !1, this._align = n, this._defaultIndex = r, this._horizontal = i, this._circular = s, this._circularFallback = l, this._bound = u, this._adaptive = d, this._panelsPerView = f, this._noPanelStyleOverride = p, this._resizeOnContentsReady = m, this._nested = g, this._virtual = P, this._needPanelThreshold = _, this._preventEventsBeforeInit = v, this._deceleration = y, this._duration = b, this._easing = x, this._inputType = S, this._moveType = C, this._threshold = w, this._dragThreshold = T, this._interruptable = E, this._bounce = D, this._iOSEdgeSwipeThreshold = O, this._preventClickOnDrag = k, this._preventDefaultOnDrag = A, this._disableOnInit = j, this._changeOnHold = M, this._renderOnlyVisible = N, this._autoInit = F, this._autoResize = I, this._useResizeObserver = L, this._resizeDebounce = R, this._maxResizeDebounce = B, this._observePanelResize = z, this._useFractionalSize = V, this._externalRenderer = H, this._renderExternal = U, this._optimizeSizeUpdate = W, this._animationThreshold = G, this._useCSSOrder = K, this._viewport = new Viewport(this, getElement(e)), this._autoResizer = new AutoResizer(this), this._renderer = this._createRenderer(), this._camera = this._createCamera(), this._control = this._createControl(), this._virtualManager = new VirtualManager(this, P), this._autoInit && this.init();
-	}
-	get control() {
-		return this._control;
-	}
-	get camera() {
-		return this._camera;
-	}
-	get renderer() {
-		return this._renderer;
-	}
-	get viewport() {
-		return this._viewport;
-	}
-	get autoResizer() {
-		return this._autoResizer;
-	}
-	get initialized() {
-		return this._initialized;
-	}
-	get circularEnabled() {
-		return this._camera.circularEnabled;
-	}
-	get virtualEnabled() {
-		return this._panelsPerView > 0 && this._virtual != null;
-	}
-	get index() {
-		return this._control.activeIndex;
-	}
-	get element() {
-		return this._viewport.element;
-	}
-	get currentPanel() {
-		return this._control.activePanel;
-	}
-	get panels() {
-		return this._renderer.panels;
-	}
-	get panelCount() {
-		return this._renderer.panelCount;
-	}
-	get visiblePanels() {
-		return this._camera.visiblePanels;
-	}
-	get animating() {
-		return this._control.animating;
-	}
-	get holding() {
-		return this._control.holding;
-	}
-	get activePlugins() {
-		return this._plugins;
-	}
-	get align() {
-		return this._align;
-	}
-	get defaultIndex() {
-		return this._defaultIndex;
-	}
-	get horizontal() {
-		return this._horizontal;
-	}
-	get circular() {
-		return this._circular;
-	}
-	get circularFallback() {
-		return this._circularFallback;
-	}
-	get bound() {
-		return this._bound;
-	}
-	get adaptive() {
-		return this._adaptive;
-	}
-	get panelsPerView() {
-		return this._panelsPerView;
-	}
-	get noPanelStyleOverride() {
-		return this._noPanelStyleOverride;
-	}
-	get resizeOnContentsReady() {
-		return this._resizeOnContentsReady;
-	}
-	get nested() {
-		return this._nested;
-	}
-	get needPanelThreshold() {
-		return this._needPanelThreshold;
-	}
-	get preventEventsBeforeInit() {
-		return this._preventEventsBeforeInit;
-	}
-	get deceleration() {
-		return this._deceleration;
-	}
-	get easing() {
-		return this._easing;
-	}
-	get duration() {
-		return this._duration;
-	}
-	get inputType() {
-		return this._inputType;
-	}
-	get moveType() {
-		return this._moveType;
-	}
-	get threshold() {
-		return this._threshold;
-	}
-	get dragThreshold() {
-		return this._dragThreshold;
-	}
-	get animationThreshold() {
-		return this._animationThreshold;
-	}
-	get useCSSOrder() {
-		return this._useCSSOrder;
-	}
-	get interruptable() {
-		return this._interruptable;
-	}
-	get bounce() {
-		return this._bounce;
-	}
-	get iOSEdgeSwipeThreshold() {
-		return this._iOSEdgeSwipeThreshold;
-	}
-	get preventClickOnDrag() {
-		return this._preventClickOnDrag;
-	}
-	get preventDefaultOnDrag() {
-		return this._preventDefaultOnDrag;
-	}
-	get disableOnInit() {
-		return this._disableOnInit;
-	}
-	get changeOnHold() {
-		return this._changeOnHold;
-	}
-	get renderOnlyVisible() {
-		return this._renderOnlyVisible;
-	}
-	get virtual() {
-		return this._virtualManager;
-	}
-	get autoInit() {
-		return this._autoInit;
-	}
-	get autoResize() {
-		return this._autoResize;
-	}
-	get useResizeObserver() {
-		return this._useResizeObserver;
-	}
-	get observePanelResize() {
-		return this._observePanelResize;
-	}
-	get resizeDebounce() {
-		return this._resizeDebounce;
-	}
-	get maxResizeDebounce() {
-		return this._maxResizeDebounce;
-	}
-	get useFractionalSize() {
-		return this._useFractionalSize;
-	}
-	get externalRenderer() {
-		return this._externalRenderer;
-	}
-	get renderExternal() {
-		return this._renderExternal;
-	}
-	get optimizeSizeUpdate() {
-		return this._optimizeSizeUpdate;
-	}
-	set align(e) {
-		this._align = e, this._renderer.align = e, this._camera.align = e, this.resize();
-	}
-	set defaultIndex(e) {
-		this._defaultIndex = e;
-	}
-	set horizontal(e) {
-		this._horizontal = e, this._control.controller.updateDirection(), this.resize();
-	}
-	set circular(e) {
-		this._circular = e, this.resize();
-	}
-	set bound(e) {
-		this._bound = e, this.resize();
-	}
-	set adaptive(e) {
-		this._adaptive = e, this.resize();
-	}
-	set panelsPerView(e) {
-		this._panelsPerView = e, this.resize();
-	}
-	set noPanelStyleOverride(e) {
-		this._noPanelStyleOverride = e, this.resize();
-	}
-	set resizeOnContentsReady(e) {
-		this._resizeOnContentsReady = e, e && this._renderer.checkPanelContentsReady(this._renderer.panels);
-	}
-	set nested(e) {
-		this._nested = e;
-		let t = this._control.controller.axes;
-		t && (t.options.nested = e);
-	}
-	set needPanelThreshold(e) {
-		this._needPanelThreshold = e;
-	}
-	set preventEventsBeforeInit(e) {
-		this._preventEventsBeforeInit = e;
-	}
-	set deceleration(e) {
-		this._deceleration = e;
-		let t = this._control.controller.axes;
-		t && (t.options.deceleration = e);
-	}
-	set easing(e) {
-		this._easing = e;
-		let t = this._control.controller.axes;
-		t && (t.options.easing = e);
-	}
-	set duration(e) {
-		this._duration = e;
-	}
-	set inputType(e) {
-		this._inputType = e;
-		let t = this._control.controller.panInput;
-		t && (t.options.inputType = e);
-	}
-	set moveType(e) {
-		this._moveType = e;
-		let t = this._control, n = this._createControl(), r = t.activePanel;
-		n.copy(t);
-		let i = r ? this._camera.getProgressInPanel(r) : 0;
-		this._control = n, this._control.updatePosition(i), this._control.updateInput();
-	}
-	set threshold(e) {
-		this._threshold = e;
-	}
-	set dragThreshold(e) {
-		this._dragThreshold = e;
-		let t = this._control.controller.panInput;
-		t && (t.options.threshold = e);
-	}
-	set animationThreshold(e) {
-		this._animationThreshold = e;
-	}
-	set useCSSOrder(e) {
-		this._useCSSOrder = e;
-	}
-	set interruptable(e) {
-		this._interruptable = e;
-		let t = this._control.controller.axes;
-		t && (t.options.interruptable = e);
-	}
-	set bounce(e) {
-		this._bounce = e, this._control.updateInput();
-	}
-	set iOSEdgeSwipeThreshold(e) {
-		this._iOSEdgeSwipeThreshold = e;
-		let t = this._control.controller.panInput;
-		t && (t.options.iOSEdgeSwipeThreshold = e);
-	}
-	set preventClickOnDrag(e) {
-		if (e === this._preventClickOnDrag) return;
-		let t = this._control.controller;
-		e ? t.addPreventClickHandler() : t.removePreventClickHandler(), this._preventClickOnDrag = e;
-	}
-	set preventDefaultOnDrag(e) {
-		this._preventDefaultOnDrag = e;
-		let t = this._control.controller.panInput;
-		t && (t.options.preventDefaultOnDrag = e);
-	}
-	set disableOnInit(e) {
-		this._disableOnInit = e;
-	}
-	set changeOnHold(e) {
-		this._changeOnHold = e;
-	}
-	set renderOnlyVisible(e) {
-		this._renderOnlyVisible = e, this._renderer.render();
-	}
-	set autoResize(e) {
-		this._autoResize = e, this._initialized && (e ? this._autoResizer.enable() : this._autoResizer.disable());
-	}
-	set useResizeObserver(e) {
-		this._useResizeObserver = e, this._initialized && this._autoResize && this._autoResizer.enable();
-	}
-	set observePanelResize(e) {
-		this._observePanelResize = e, this._initialized && this._autoResize && (e ? this._autoResizer.observePanels() : this._autoResizer.unobservePanels());
-	}
-	set optimizeSizeUpdate(e) {
-		this._optimizeSizeUpdate = e;
-	}
-	init() {
-		if (this._initialized) return Promise.resolve();
-		let e = this._camera, t = this._renderer, n = this._control, r = this._virtualManager, i = this.trigger, s = this._preventEventsBeforeInit;
-		return e.init(), r.init(), t.init(this), n.init(this), s && (this.trigger = () => this), this._initialResize(), this._moveToInitialPanel(), this._autoResize && this._autoResizer.enable(), this._preventClickOnDrag && n.controller.addPreventClickHandler(), this._disableOnInit && this.disableInput(), t.checkPanelContentsReady(t.panels), this._initialized = !0, t.render().then(() => {
-			this._plugins.forEach((e) => e.init(this)), s && (this.trigger = i), this.trigger(new ComponentEvent$1(EVENTS.READY));
-		});
-	}
-	destroy() {
-		this.off(), this._autoResizer.disable(), this._control.destroy(), this._camera.destroy(), this._renderer.destroy(), this._plugins.forEach((e) => e.destroy()), this._scheduleResize = !1, this._initialized = !1, this._isResizing = !1;
-	}
-	prev(e = this._duration) {
-		var t, n, r;
-		return this.moveTo(this._control.activePanel?.prev()?.index ?? -1, e, DIRECTION.PREV);
-	}
-	next(e = this._duration) {
-		var t, n, r;
-		return this.moveTo(this._control.activePanel?.next()?.index ?? this._renderer.panelCount, e, DIRECTION.NEXT);
-	}
-	moveTo(e, t = this._duration, n = DIRECTION.NONE) {
-		let r = this._renderer, i = r.panelCount, s = r.getPanel(e);
-		return s ? this._control.animating ? Promise.reject(new FlickingError(MESSAGE.ANIMATION_ALREADY_PLAYING, CODE.ANIMATION_ALREADY_PLAYING)) : (this._control.holding && this._control.controller.release(), this._control.moveToPanel(s, {
-			duration: t,
-			direction: n
-		})) : Promise.reject(new FlickingError(MESSAGE.INDEX_OUT_OF_RANGE(e, 0, i - 1), CODE.INDEX_OUT_OF_RANGE));
-	}
-	updateAnimation(e, t, n) {
-		if (!this._control.animating) return;
-		let r = this._renderer, i = r.panelCount, s = r.getPanel(e);
-		if (!s) throw new FlickingError(MESSAGE.INDEX_OUT_OF_RANGE(e, 0, i - 1), CODE.INDEX_OUT_OF_RANGE);
-		this._control.updateAnimation(s, t, n);
-	}
-	stopAnimation() {
-		this._control.animating && this._control.stopAnimation();
-	}
-	getPanel(e) {
-		return this._renderer.getPanel(e);
-	}
-	enableInput() {
-		return this._control.enable(), this;
-	}
-	disableInput() {
-		return this._control.disable(), this;
-	}
-	getStatus(e = {}) {
-		var t, n;
-		let { index: r = !0, position: i = !0, includePanelHTML: s = !1, visiblePanelsOnly: l = !1 } = e, u = this._camera, d = { panels: (l ? this.visiblePanels : this.panels).map((e) => {
-			let t = { index: e.index };
-			return s && (t.html = e.element.outerHTML), t;
-		}) };
-		if (r && (d.index = this.index), i) {
-			let e = u.findNearestAnchor(u.position);
-			e && (d.position = {
-				panel: e.panel.index,
-				progressInPanel: u.getProgressInPanel(e.panel)
-			});
-		}
-		return l && (d.visibleOffset = this.visiblePanels[0]?.index ?? 0), d;
-	}
-	setStatus(e) {
-		var t;
-		if (!this._initialized) throw new FlickingError(MESSAGE.NOT_INITIALIZED, CODE.NOT_INITIALIZED);
-		let { index: n, position: r, visibleOffset: i, panels: s } = e, l = this._renderer, u = this._control;
-		if (s[0]?.html && !this._renderExternal && (l.batchRemove({
-			index: 0,
-			deleteCount: this.panels.length,
-			hasDOMInElements: !0
-		}), l.batchInsert({
-			index: 0,
-			elements: parseElement(s.map((e) => e.html)),
-			hasDOMInElements: !0
-		})), n != null) {
-			let e = i ? n - i : n;
-			this.moveTo(e, 0).catch(() => void 0);
-		}
-		if (r && this._moveType === MOVE_TYPE.FREE_SCROLL) {
-			let { panel: e, progressInPanel: t } = r, n = i ? e - i : e, s = l.panels[n].range, d = s.min + (s.max - s.min) * t;
-			u.moveToPosition(d, 0).catch(() => void 0);
-		}
-	}
-	addPlugins(...e) {
-		return this._initialized && e.forEach((e) => e.init(this)), this._plugins.push(...e), this;
-	}
-	removePlugins(...e) {
-		return e.forEach((e) => {
-			let t = findIndex(this._plugins, (t) => t === e);
-			t >= 0 && (e.destroy(), this._plugins.splice(t, 1));
-		}), this;
-	}
-	resize() {
-		return __async$1(this, null, function* () {
-			if (!this._initialized) return;
-			if (this._isResizing) {
-				this._scheduleResize = !0;
-				return;
-			}
-			this._scheduleResize = !1, this._isResizing = !0;
-			let e = this._viewport, t = this._renderer, n = this._camera, r = this._control, i = r.activePanel, s = e.width, l = e.height, u = i ? n.getProgressInPanel(i) : 0;
-			if (this.trigger(new ComponentEvent$1(EVENTS.BEFORE_RESIZE, {
-				width: s,
-				height: l,
-				element: e.element
-			})), e.resize(), this._optimizeSizeUpdate ? (this.horizontal && e.width !== s || !this.horizontal && e.height !== l) && (yield t.forceRenderAllPanels()) : yield t.forceRenderAllPanels(), !this._initialized || (t.updatePanelSize(), n.updateAlignPos(), n.updateRange(), n.updateAnchors(), n.updateAdaptiveHeight(), n.updatePanelOrder(), n.updateOffset(), yield t.render(), !this._initialized)) return;
-			r.animating || (r.updatePosition(u), r.updateInput());
-			let d = e.width, f = e.height, p = d !== s || f !== l;
-			this.trigger(new ComponentEvent$1(EVENTS.AFTER_RESIZE, {
-				width: e.width,
-				height: e.height,
-				prev: {
-					width: s,
-					height: l
-				},
-				sizeChanged: p,
-				element: e.element
-			})), this._isResizing = !1, this._scheduleResize && this.resize();
-		});
-	}
-	append(e) {
-		return this.insert(this._renderer.panelCount, e);
-	}
-	prepend(e) {
-		return this.insert(0, e);
-	}
-	insert(e, t) {
-		if (this._renderExternal) throw new FlickingError(MESSAGE.NOT_ALLOWED_IN_FRAMEWORK, CODE.NOT_ALLOWED_IN_FRAMEWORK);
-		return this._renderer.batchInsert({
-			index: e,
-			elements: parseElement(t),
-			hasDOMInElements: !0
-		});
-	}
-	remove(e, t = 1) {
-		if (this._renderExternal) throw new FlickingError(MESSAGE.NOT_ALLOWED_IN_FRAMEWORK, CODE.NOT_ALLOWED_IN_FRAMEWORK);
-		return this._renderer.batchRemove({
-			index: e,
-			deleteCount: t,
-			hasDOMInElements: !0
-		});
-	}
-	_createControl() {
-		var e;
-		let t = this._moveType, n = Object.keys(MOVE_TYPE).map((e) => MOVE_TYPE[e]), r = Array.isArray(t) ? t[0] : t, i = Array.isArray(t) ? t[1] ?? {} : {};
-		if (!includes(n, r)) throw new FlickingError(MESSAGE.WRONG_OPTION("moveType", JSON.stringify(t)), CODE.WRONG_OPTION);
-		switch (r) {
-			case MOVE_TYPE.SNAP: return new SnapControl(i);
-			case MOVE_TYPE.FREE_SCROLL: return new FreeControl(i);
-			case MOVE_TYPE.STRICT: return new StrictControl(i);
-		}
-	}
-	_createCamera() {
-		return this._circular && this._bound && console.warn("\"circular\" and \"bound\" option cannot be used together, ignoring bound."), new Camera(this, { align: this._align });
-	}
-	_createRenderer() {
-		let e = this._externalRenderer;
-		return this._virtual && this._panelsPerView <= 0 && console.warn("\"virtual\" and \"panelsPerView\" option should be used together, ignoring virtual."), e || (this._renderExternal ? this._createExternalRenderer() : this._createVanillaRenderer());
-	}
-	_createExternalRenderer() {
-		let { renderer: e, rendererOptions: t } = this._renderExternal;
-		return new e(__spreadValues$1({ align: this._align }, t));
-	}
-	_createVanillaRenderer() {
-		let e = this.virtualEnabled;
-		return new VanillaRenderer({
-			align: this._align,
-			strategy: e ? new VirtualRenderingStrategy() : new NormalRenderingStrategy({ providerCtor: VanillaElementProvider })
-		});
-	}
-	_moveToInitialPanel() {
-		let e = this._renderer, t = this._control, n = this._camera, r = e.getPanel(this._defaultIndex) || e.getPanel(0);
-		if (!r) return;
-		let i = n.findNearestAnchor(r.position), s = i && r.position !== i.panel.position && r.index !== i.panel.index ? i.panel : r;
-		if (t.setActive(s, null, !1), !i) throw new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(s.position), CODE.POSITION_NOT_REACHABLE);
-		let l = s.position;
-		n.canReach(s) || (l = i.position), n.lookAt(l), t.updateInput(), n.updateOffset();
-	}
-	_initialResize() {
-		let e = this._viewport, t = this._renderer, n = this._camera, r = this._control;
-		this.trigger(new ComponentEvent$1(EVENTS.BEFORE_RESIZE, {
-			width: 0,
-			height: 0,
-			element: e.element
-		})), e.resize(), t.updatePanelSize(), n.updateAlignPos(), n.updateRange(), n.updateAnchors(), n.updateOffset(), r.updateInput();
-		let i = e.width, s = e.height, l = i !== 0 || s !== 0;
-		this.trigger(new ComponentEvent$1(EVENTS.AFTER_RESIZE, {
-			width: e.width,
-			height: e.height,
-			prev: {
-				width: 0,
-				height: 0
-			},
-			sizeChanged: l,
-			element: e.element
-		}));
-	}
-};
-_Flicking.VERSION = "4.16.4";
-var Flicking$1 = _Flicking, getDefaultCameraTransform = (e = ALIGN.CENTER, t = !0, n) => {
-	let r = getCameraAlign(e), i = getPanelAlign(e);
-	if (i == null) return "";
-	let s = `calc(${r} - (${n || "0px"} * ${i.percentage}) - ${i.absolute}px)`;
-	return t ? `translate(${s})` : `translate(0, ${s})`;
-}, getCameraAlign = (e) => parseAlign(typeof e == "object" ? e.camera : e), getPanelAlign = (e) => parseArithmeticExpression(parseAlign(typeof e == "object" ? e.panel : e)), parseAlign = (e) => {
-	if (typeof e == "number") return `${e}px`;
-	switch (e) {
-		case ALIGN.CENTER: return "50%";
-		case ALIGN.NEXT: return "100%";
-		case ALIGN.PREV: return "0%";
-		default: return e;
-	}
-}, getRenderingPanels = (e, t) => {
-	let n = t.removed.reduce((e, t) => (e[t] = !0, e), {}), r = t.maintained.reduce((e, [t, n]) => (e[t] = n, e), {}), i = e.panels.filter((e) => !n[e.index]);
-	return e.useCSSOrder || i.sort((e, t) => e.position + e.offset - (t.position + t.offset)), [...i.map((e) => t.list[r[e.index]]), ...t.added.map((e) => t.list[e])];
-}, sync = (e, t, n) => {
-	let r = e.renderer, i = r.panels, s = [...t.prevList], l = [], u = [];
-	if (t.removed.length > 0) {
-		let e = -1, n = -1;
-		t.removed.forEach((t) => {
-			e < 0 && (e = t), n >= 0 && t !== n - 1 ? (u.push(...batchRemove(r, n, e + 1)), e = t, n = t) : n = t, s.splice(t, 1);
-		}), u.push(...batchRemove(r, n, e + 1));
-	}
-	if (t.ordered.forEach(([e, t]) => {
-		let n = i.splice(e, 1)[0];
-		i.splice(t, 0, n);
-	}), t.ordered.length > 0 && (i.forEach((e, t) => {
-		let n = t - e.index;
-		n > 0 ? e.increaseIndex(n) : e.decreaseIndex(-n);
-	}), i.sort((e, t) => e.index - t.index), i.forEach((e) => {
-		e.updatePosition();
-	})), t.added.length > 0) {
-		let e = -1, i = -1, u = n.slice(s.length);
-		t.added.forEach((n, s) => {
-			e < 0 && (e = s), i >= 0 && n !== i + 1 ? (l.push(...batchInsert(r, t, u, e, s + 1)), e = -1, i = -1) : i = n;
-		}), e >= 0 && l.push(...batchInsert(r, t, u, e));
-	}
-	if (t.added.length > 0 || t.removed.length > 0) r.updateAfterPanelChange(l, u);
-	else if (t.ordered.length > 0) {
-		let t = e.camera;
-		t.updateRange(), t.updateOffset(), t.updateAnchors(), t.resetNeedPanelHistory();
-	}
-}, batchInsert = (e, t, n, r, i) => e.batchInsertDefer(...t.added.slice(r, i).map((e, t) => ({
-	index: e,
-	elements: [n[t]],
-	hasDOMInElements: !1
-}))), batchRemove = (e, t, n) => {
-	let r = e.panels.slice(t, n);
-	return e.batchRemoveDefer({
-		index: t,
-		deleteCount: r.length,
-		hasDOMInElements: !1
-	});
-}, withFlickingMethods = (e, t) => {
-	[Component.prototype, Flicking$1.prototype].forEach((n) => {
-		Object.getOwnPropertyNames(n).filter((t) => !e[t] && t.indexOf("_") !== 0 && t !== "constructor").forEach((r) => {
-			let i = Object.getOwnPropertyDescriptor(n, r);
-			if (i.value) Object.defineProperty(e, r, { value: function(...e) {
-				return i.value.call(this[t], ...e);
-			} });
-			else {
-				let n = {};
-				i.get && (n.get = function() {
-					var e;
-					let n = this[t];
-					return n && i.get?.call(n);
-				}), i.set && (n.set = function(...e) {
-					var n;
-					return i.set?.call(this[t], ...e);
-				}), Object.defineProperty(e, r, n);
-			}
-		});
-	});
 }, PolyMap = /*#__PURE__*/ function() {
 	function e() {
 		this.keys = [], this.values = [];