@konnectio/core 4.7.2 → 4.7.4

package/dist/{masonry.plugin-Cuiw9zoH.js → masonry.plugin-DG-fnTtd.js}

@@ -1,9 +1,9 @@
 import { r as __toESM, t as __commonJSMin } from "./rolldown-runtime-Dqa2HsxW.js";
-import { $ as renderList, A as createSlots, At as toDisplayString, B as mergeModels, D as createBlock, Dt as normalizeClass, E as createBaseVNode, Et as unref, F as getCurrentInstance, H as nextTick, J as onUnmounted, L as h, M as createVNode, O as createCommentVNode, P as defineComponent, R as inject, T as computed$1, Y as openBlock, _ as vShow, b as Comment, bt as ref, d as Transition, dt as withCtx, et as renderSlot, ft as withDirectives, gt as isRef, j as createTextVNode, k as createElementBlock, kt as normalizeStyle, lt as watch, nt as resolveDirective, o as useI18n, ot as useModel, q as onMounted, st as useSlots, t as mitt_default, tt as resolveComponent, u as storeToRefs, vt as reactive, w as Text, x as Fragment, y as withModifiers } from "./mitt-D_sfUt2u.js";
-import { A as usePaymentStore, C as useAvailabilityStore, E as useUtilityStore, F as capitalized, G as showDate, I as convertDescription, J as showPrice, L as daysBetweenDates, O as useHotelStore, Q as BookingLayout, S as _plugin_vue_export_helper_default, V as getUserLanguage, Z as BookingHeaderLayout, _ as InputField_default, j as useApplyGiftCardStore, k as emitter, n as TextField_default, v as Clickable_default, w as useEventStore, x as Icon_default } from "./SelectField-BRl5vHI-.js";
-import { n as __default } from "./Field-B_LqtBqi.js";
-import { t as ActionField_default } from "./ActionField-7Xr4gG3o.js";
-import { a as Base_default$1, n as GoogleNotice_default, r as Checkbox_default } from "./CheckoutWindow-D5iYTX5x.js";
+import { $ as renderList, A as createSlots, At as toDisplayString, B as mergeModels, D as createBlock, Dt as normalizeClass, E as createBaseVNode, Et as unref, F as getCurrentInstance, H as nextTick, J as onUnmounted, L as h, M as createVNode, O as createCommentVNode, P as defineComponent, R as inject, T as computed$1, Y as openBlock, _ as vShow, b as Comment, bt as ref, d as Transition, dt as withCtx, et as renderSlot, ft as withDirectives, gt as isRef, j as createTextVNode, k as createElementBlock, kt as normalizeStyle, lt as watch, nt as resolveDirective, o as useI18n, ot as useModel, q as onMounted, st as useSlots, t as mitt_default, tt as resolveComponent, u as storeToRefs, vt as reactive, w as Text, x as Fragment, y as withModifiers } from "./mitt-DosBWi_E.js";
+import { A as usePaymentStore, C as useAvailabilityStore, E as useUtilityStore, F as capitalized, G as showDate, I as convertDescription, J as showPrice, L as daysBetweenDates, O as useHotelStore, Q as BookingLayout, S as _plugin_vue_export_helper_default, V as getUserLanguage, Z as BookingHeaderLayout, _ as InputField_default, j as useApplyGiftCardStore, k as emitter, n as TextField_default, v as Clickable_default, w as useEventStore, x as Icon_default } from "./SelectField-m_n1cMe0.js";
+import { n as __default } from "./Field-BYZdtara.js";
+import { t as ActionField_default } from "./ActionField-B1aBJVRb.js";
+import { a as Base_default$1, n as GoogleNotice_default, r as Checkbox_default } from "./CheckoutWindow-BD2PXPt7.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;
@@ -126,7 +126,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$1(e, t) {
+function find$2(e, t) {
 	for (var n = e.length, r = 0; r < n; ++r) if (t(e[r], r)) return e[r];
 	return null;
 }
@@ -178,7 +178,7 @@ function findPresetBrand(e, t) {
 	}), n;
 }
 function findBrand(e, t) {
-	return find$1(e, function(e) {
+	return find$2(e, function(e) {
 		var n = e.brand;
 		return execRegExp("" + t.test, n.toLowerCase());
 	});
@@ -357,7 +357,7 @@ function getClientHintsAgent(e) {
 		var p = findPresetBrand(WEBKIT_PRESETS, n);
 		u.webkit = !!p.brand, u.webkitVersion = p.version || "-1";
 	}
-	var m = find$1(OS_PRESETS, function(e) {
+	var m = find$2(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) {
@@ -598,7 +598,7 @@ var win = typeof window > "u" ? { navigator: { userAgent: "" } } : window, DIREC
 	"-moz-user-select": "none",
 	"user-select": "none",
 	"-webkit-user-drag": "none"
-}, toArray$2 = function(e) {
+}, toArray$3 = function(e) {
 	for (var t = [], n = 0, r = e.length; n < r; n++) t.push(e[n]);
 	return t;
 }, $ = function(e, t) {
@@ -607,8 +607,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$2(r.childNodes);
-		} else n = toArray$2(document.querySelectorAll(e));
+			r.innerHTML = e, n = toArray$3(r.childNodes);
+		} else n = toArray$3(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);
@@ -677,7 +677,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$1 = function(e, t) {
+}, getDirection$2 = 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);
@@ -1179,7 +1179,7 @@ var InputObserver = /*#__PURE__*/ function() {
 			return e[s] === 0 || t[s] === n[s] && isEndofBounce(r, i.range, i.bounce, i.circular);
 		});
 	}, e;
-}(), clamp$1 = function(e, t, n) {
+}(), clamp$2 = function(e, t, n) {
 	return Math.max(Math.min(e, n), t);
 }, EasingManager = /*#__PURE__*/ function(e) {
 	__extends$1(t, e);
@@ -1250,7 +1250,7 @@ var InputObserver = /*#__PURE__*/ function() {
 				return Math.max(e, s[t]);
 			}, -Infinity);
 		}
-		return clamp$1(i, this._options.minimumDuration, this._options.maximumDuration);
+		return clamp$2(i, this._options.minimumDuration, this._options.maximumDuration);
 	}, t.getDisplacement = function(e) {
 		var t = e.reduce(function(e, t) {
 			return e + t * t;
@@ -1290,7 +1290,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$1(t.duration, this._options.minimumDuration, this._options.maximumDuration), t;
+		return t.destPos = this.axisManager.get(t.destPos), t.duration = clamp$2(t.duration, this._options.minimumDuration, this._options.maximumDuration), t;
 	}, t.animateTo = function(e, t, n) {
 		var r = this;
 		this.stopAnimation();
@@ -1334,7 +1334,7 @@ var InputObserver = /*#__PURE__*/ function() {
 		return {
 			depaPos: r,
 			destPos: i,
-			duration: clamp$1(t, this._options.minimumDuration, this._options.maximumDuration),
+			duration: clamp$2(t, this._options.minimumDuration, this._options.maximumDuration),
 			delta: this.axisManager.getDelta(r, i),
 			inputEvent: s,
 			input: n?.input || null,
@@ -1455,7 +1455,7 @@ var InputObserver = /*#__PURE__*/ function() {
 	}
 	var t = e.prototype;
 	return t.mapAxes = function(e) {
-		this._direction = getDirection$1(!!e[0], !!e[1]), this.axes = e;
+		this._direction = getDirection$2(!!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() {
@@ -1570,7 +1570,7 @@ var isWindow = typeof window < "u", ua = isWindow ? window.navigator.userAgent :
 function getAttribute(e, t) {
 	return e.getAttribute(t) || "";
 }
-function toArray$1(e) {
+function toArray$2(e) {
 	return [].slice.call(e);
 }
 function hasSizeAttribute(e, t) {
@@ -1602,14 +1602,14 @@ function getSize(e, t) {
 	return parseFloat(n || getStyles(e)[t.toLowerCase()]) || 0;
 }
 function getContentElements(e, t, n) {
-	var r = toArray$1(e.querySelectorAll(__spreadArrays(["[" + n + "skip] [" + n + "width]"], t.map(function(e) {
+	var r = toArray$2(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$1(e.querySelectorAll("[" + n + "width], " + t.join(", "))).filter(function(e) {
+	return toArray$2(e.querySelectorAll("[" + n + "width], " + t.join(", "))).filter(function(e) {
 		return r.indexOf(e) === -1;
 	});
 }
@@ -1738,7 +1738,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$1(e).map(function(e, r) {
+		this.clear(), this.elementInfos = toArray$2(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);
@@ -1787,7 +1787,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$1(e.querySelectorAll(l.join(", ")));
+		var u = new ElementLoader(e, t), d = toArray$2(e.querySelectorAll(l.join(", ")));
 		u.setHasLoading(d.some(function(e) {
 			return hasLoadingAttribute(e, s);
 		}));
@@ -1906,16 +1906,16 @@ var Loader = /*#__PURE__*/ function(e) {
 		} }, t)) || this;
 	}
 	return 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, {
+}(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, {
 	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]);
+}) : 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]);
 	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) => {
+}, __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) => {
 	var s = (e) => {
 		try {
 			u(n.next(e));
@@ -1930,31 +1930,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 = {
+}), ALIGN$1 = {
 	PREV: "prev",
 	CENTER: "center",
 	NEXT: "next"
-}, DIRECTION = {
+}, DIRECTION$1 = {
 	PREV: "PREV",
 	NEXT: "NEXT",
 	NONE: null
-}, MOVE_TYPE = {
+}, MOVE_TYPE$1 = {
 	SNAP: "snap",
 	FREE_SCROLL: "freeScroll",
 	STRICT: "strict"
-}, CLASS = {
+}, CLASS$1 = {
 	VIEWPORT: "flicking-viewport",
 	CAMERA: "flicking-camera",
 	VERTICAL: "vertical",
 	HIDDEN: "flicking-hidden",
 	DEFAULT_VIRTUAL: "flicking-panel"
-}, CIRCULAR_FALLBACK = {
+}, CIRCULAR_FALLBACK$1 = {
 	LINEAR: "linear",
 	BOUND: "bound"
-}, ORDER = {
+}, ORDER$1 = {
 	LTR: "ltr",
 	RTL: "rtl"
-}, AnchorPoint = class {
+}, AnchorPoint$1 = class {
 	get index() {
 		return this._index;
 	}
@@ -1968,7 +1968,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		let { index: t, position: n, panel: r } = e;
 		this._index = t, this._pos = n, this._panel = r;
 	}
-}, errors = {
+}, errors$1 = {
 	WRONG_TYPE: {
 		code: 0,
 		message: (e, t) => `${e}(${typeof e}) is not a ${t.map((e) => `"${e}"`).join(" or ")}.`
@@ -2029,51 +2029,51 @@ var Loader = /*#__PURE__*/ function(e) {
 		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$1 = (e, t) => {
+}, 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) => {
 	let n = null;
-	if (isString(e)) {
+	if (isString$1(e)) {
 		let r = (t || document).querySelector(e);
-		if (!r) throw new FlickingError(MESSAGE.ELEMENT_NOT_FOUND(e), CODE.ELEMENT_NOT_FOUND);
+		if (!r) throw new FlickingError$1(MESSAGE$1.ELEMENT_NOT_FOUND(e), CODE$1.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);
+	if (!n) throw new FlickingError$1(MESSAGE$1.WRONG_TYPE(e, ["HTMLElement", "string"]), CODE$1.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);
+}, 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);
 	return e;
-}, toArray = (e) => [].slice.call(e), parseAlign$1 = (e, t) => {
+}, toArray$1 = (e) => [].slice.call(e), parseAlign$1$1 = (e, t) => {
 	let n;
-	if (isString(e)) switch (e) {
-		case ALIGN.PREV:
+	if (isString$1(e)) switch (e) {
+		case ALIGN$1.PREV:
 			n = 0;
 			break;
-		case ALIGN.CENTER:
+		case ALIGN$1.CENTER:
 			n = .5 * t;
 			break;
-		case ALIGN.NEXT:
+		case ALIGN$1.NEXT:
 			n = t;
 			break;
-		default: if (n = parseArithmeticSize(e, t), n == null) throw new FlickingError(MESSAGE.WRONG_OPTION("align", e), CODE.WRONG_OPTION);
+		default: if (n = parseArithmeticSize$1(e, t), n == null) throw new FlickingError$1(MESSAGE$1.WRONG_OPTION("align", e), CODE$1.WRONG_OPTION);
 	}
 	else n = e;
 	return n;
-}, parseBounce = (e, t) => {
+}, parseBounce$1 = (e, t) => {
 	let n;
-	if (Array.isArray(e)) n = e.map((e) => parseArithmeticSize(e, t));
+	if (Array.isArray(e)) n = e.map((e) => parseArithmeticSize$1(e, t));
 	else {
-		let r = parseArithmeticSize(e, t);
+		let r = parseArithmeticSize$1(e, t);
 		n = [r, r];
 	}
 	return n.map((t) => {
-		if (t == null) throw new FlickingError(MESSAGE.WRONG_OPTION("bounce", e), CODE.WRONG_OPTION);
+		if (t == null) throw new FlickingError$1(MESSAGE$1.WRONG_OPTION("bounce", e), CODE$1.WRONG_OPTION);
 		return t;
 	});
-}, parseArithmeticSize = (e, t) => {
-	let n = parseArithmeticExpression(e);
+}, parseArithmeticSize$1 = (e, t) => {
+	let n = parseArithmeticExpression$1(e);
 	return n == null ? null : n.percentage * t + n.absolute;
-}, parseArithmeticExpression = (e) => {
+}, parseArithmeticExpression$1 = (e) => {
 	let t = /(?:(\+|-)\s*)?(\d+(?:\.\d+)?(%|px)?)/g;
 	if (typeof e == "number") return {
 		percentage: 0,
@@ -2090,35 +2090,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 = (e) => typeof e == "object" ? e.panel : e, getDirection = (e, t) => e === t ? DIRECTION.NONE : e < t ? DIRECTION.NEXT : DIRECTION.PREV, parseElement = (e) => {
+}, 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) => {
 	Array.isArray(e) || (e = [e]);
 	let t = [];
 	return e.forEach((e) => {
-		if (isString(e)) {
+		if (isString$1(e)) {
 			let n = document.createElement("div");
-			for (n.innerHTML = e, t.push(...toArray(n.children)); n.firstChild;) n.removeChild(n.firstChild);
+			for (n.innerHTML = e, t.push(...toArray$1(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);
+		else throw new FlickingError$1(MESSAGE$1.WRONG_TYPE(e, ["HTMLElement", "string"]), CODE$1.WRONG_TYPE);
 	}), t;
-}, getMinusCompensatedIndex = (e, t) => clamp(e < 0 ? e + t : e, 0, t), includes = (e, t) => {
+}, getMinusCompensatedIndex$1 = (e, t) => clamp$1(e < 0 ? e + t : e, 0, t), includes$1 = (e, t) => {
 	for (let n of e) if (n === t) return !0;
 	return !1;
-}, isString = (e) => typeof e == "string", circulatePosition = (e, t, n) => {
+}, isString$1 = (e) => typeof e == "string", circulatePosition$1 = (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) => {
+}, find$1 = (e, t) => {
 	for (let n of e) if (t(n)) return n;
 	return null;
-}, findIndex = (e, t) => {
+}, findIndex$1 = (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) => {
+}, 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) => {
 	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 }) => {
+}, getElementSize$1 = ({ 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");
@@ -2132,11 +2132,11 @@ var Loader = /*#__PURE__*/ function(e) {
 		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 {
+}, setPrototypeOf$1 = Object.setPrototypeOf || ((e, t) => (e.__proto__ = t, e)), FlickingError$1 = class e extends Error {
 	constructor(t, n) {
-		super(t), setPrototypeOf(this, e.prototype), this.name = "FlickingError", this.code = n;
+		super(t), setPrototypeOf$1(this, e.prototype), this.name = "FlickingError", this.code = n;
 	}
-}, EVENTS = {
+}, EVENTS$1 = {
 	READY: "ready",
 	BEFORE_RESIZE: "beforeResize",
 	AFTER_RESIZE: "afterResize",
@@ -2154,12 +2154,12 @@ var Loader = /*#__PURE__*/ function(e) {
 	VISIBLE_CHANGE: "visibleChange",
 	REACH_EDGE: "reachEdge",
 	PANEL_CHANGE: "panelChange"
-}, CameraMode = class {
+}, CameraMode$1 = class {
 	constructor(e) {
 		this._flicking = e;
 	}
 	getAnchors() {
-		return this._flicking.renderer.panels.map((e, t) => new AnchorPoint({
+		return this._flicking.renderer.panels.map((e, t) => new AnchorPoint$1({
 			index: t,
 			position: e.position,
 			panel: e
@@ -2181,7 +2181,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	clampToReachablePosition(e) {
 		let t = this._flicking.camera.range;
-		return clamp(e, t.min, t.max);
+		return clamp$1(e, t.min, t.max);
 	}
 	getCircularOffset() {
 		return 0;
@@ -2196,7 +2196,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		let t = this._flicking.camera.visibleRange;
 		return e.isVisibleOnRange(t.min, t.max);
 	}
-}, BoundCameraMode = class extends CameraMode {
+}, BoundCameraMode$1 = class extends CameraMode$1 {
 	checkAvailability() {
 		let e = this._flicking, t = e.renderer, n = t.getPanel(0), r = t.getPanel(t.panelCount - 1);
 		if (!n || !r) return !1;
@@ -2215,7 +2215,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			max: p
 		};
 		{
-			let t = e.camera.align, n = f + parseAlign$1(typeof t == "object" ? t.camera : t, p - f);
+			let t = e.camera.align, n = f + parseAlign$1$1(typeof t == "object" ? t.camera : t, p - f);
 			return {
 				min: n,
 				max: n
@@ -2227,32 +2227,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({
+			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({
 				index: t + s,
 				position: e.position,
 				panel: e
 			}));
-			return e && l.splice(0, 0, new AnchorPoint({
+			return e && l.splice(0, 0, new AnchorPoint$1({
 				index: 0,
 				position: r.min,
 				panel: n[i[0].index - 1]
-			})), t && l.push(new AnchorPoint({
+			})), t && l.push(new AnchorPoint$1({
 				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({
+			return [new AnchorPoint$1({
 				index: 0,
 				position: r.min,
 				panel: t
-			}), new AnchorPoint({
+			}), new AnchorPoint$1({
 				index: 1,
 				position: r.max,
 				panel: i
 			})];
-		} else return [new AnchorPoint({
+		} else return [new AnchorPoint$1({
 			index: 0,
 			position: r.min,
 			panel: this._findNearestPanel(r.min, n)
@@ -2271,7 +2271,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		}
 		return t[t.length - 1];
 	}
-}, CircularCameraMode = class extends CameraMode {
+}, CircularCameraMode$1 = class extends CameraMode$1 {
 	checkAvailability() {
 		let e = this._flicking, t = e.renderer.panels;
 		if (t.length <= 0) return !1;
@@ -2291,7 +2291,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		};
 	}
 	getAnchors() {
-		return this._flicking.renderer.panels.map((e, t) => new AnchorPoint({
+		return this._flicking.renderer.panels.map((e, t) => new AnchorPoint$1({
 			index: t,
 			position: e.position,
 			panel: e
@@ -2308,15 +2308,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(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$1(e, n.min, n.max), u = super.findAnchorIncludePosition(l);
 		if (s > 0 && (e === n.min || e === n.max) && (u = [
 			u,
-			new AnchorPoint({
+			new AnchorPoint$1({
 				index: 0,
 				position: r[0].position + i,
 				panel: r[0].panel
 			}),
-			new AnchorPoint({
+			new AnchorPoint$1({
 				index: s - 1,
 				position: r[s - 1].position - i,
 				panel: r[s - 1].panel
@@ -2324,14 +2324,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({
+			return new AnchorPoint$1({
 				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({
+			return new AnchorPoint$1({
 				index: u.index,
 				position: u.position + i * t,
 				panel: u.panel
@@ -2342,7 +2342,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.PREV), r = t.filter((e) => e.toggleDirection === DIRECTION.NEXT);
+		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);
 		return this._calcPanelAreaSum(n) - this._calcPanelAreaSum(r);
 	}
 	clampToReachablePosition(e) {
@@ -2358,7 +2358,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	_calcPanelAreaSum(e) {
 		return e.reduce((e, t) => e + t.sizeIncludingMargin, 0);
 	}
-}, LinearCameraMode = class extends CameraMode {
+}, LinearCameraMode$1 = class extends CameraMode$1 {
 	checkAvailability() {
 		return !0;
 	}
@@ -2370,8 +2370,8 @@ var Loader = /*#__PURE__*/ function(e) {
 			max: i?.position ?? 0
 		};
 	}
-}, Camera = class {
-	constructor(e, { align: t = ALIGN.CENTER } = {}) {
+}, Camera$1 = class {
+	constructor(e, { align: t = ALIGN$1.CENTER } = {}) {
 		this._lookedOffset = 0, this._checkTranslateSupport = () => {
 			let e = [
 				"webkitTransform",
@@ -2381,7 +2381,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(MESSAGE.TRANSFORM_NOT_SUPPORTED, CODE.TRANSFORM_NOT_SUPPORTED);
+			if (!n) throw new FlickingError$1(MESSAGE$1.TRANSFORM_NOT_SUPPORTED, CODE$1.TRANSFORM_NOT_SUPPORTED);
 			this._transform = n;
 		}, this._flicking = e, this._resetInternalValues(), this._align = t;
 	}
@@ -2389,7 +2389,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		return this._el;
 	}
 	get children() {
-		return toArray(this._el.children);
+		return toArray$1(this._el.children);
 	}
 	get position() {
 		return this._position;
@@ -2445,10 +2445,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(t, n, i);
+			return n > i && (n -= d), r.index - 1 + getProgress$1$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);
+			return n < i && (n += d), r.index + getProgress$1$1(t, i, n);
 		}
 	}
 	get panelOrder() {
@@ -2462,13 +2462,13 @@ var Loader = /*#__PURE__*/ function(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;
+		return checkExistence$1(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;
+		let t = this._offset, n = this._lookedOffset !== t, r = getFlickingAttached$1(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(() => {
@@ -2479,7 +2479,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({
+			return new AnchorPoint$1({
 				index: n.index,
 				position: n.position - t,
 				panel: n.panel
@@ -2491,7 +2491,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({
+			return new AnchorPoint$1({
 				index: n.index,
 				position: n.position + e,
 				panel: n.panel
@@ -2510,8 +2510,8 @@ var Loader = /*#__PURE__*/ function(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;
+		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;
 	}
 	clampToReachablePosition(e) {
 		return this._mode.clampToReachablePosition(e);
@@ -2523,31 +2523,31 @@ var Loader = /*#__PURE__*/ function(e) {
 		return this._mode.canSee(e);
 	}
 	updateRange() {
-		let e = getFlickingAttached(this._flicking).renderer.panels;
+		let e = getFlickingAttached$1(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;
+		return this._alignPos = parseAlign$1$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];
+		let e = getFlickingAttached$1(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);
+		let e = getFlickingAttached$1(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);
+		let e = getFlickingAttached$1(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;
+		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;
 	}
 	resetNeedPanelHistory() {
 		return this._needPanelTriggered = {
@@ -2556,10 +2556,10 @@ var Loader = /*#__PURE__*/ function(e) {
 		}, this;
 	}
 	applyTransform() {
-		let e = this._el, t = getFlickingAttached(this._flicking);
+		let e = this._el, t = getFlickingAttached$1(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;
+		return e.style[this._transform] = t.horizontal ? `translate(${this._panelOrder === ORDER$1.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 = {
@@ -2571,11 +2571,11 @@ var Loader = /*#__PURE__*/ function(e) {
 		};
 	}
 	_refreshVisiblePanels() {
-		let e = getFlickingAttached(this._flicking), t = e.renderer.panels.filter((e) => this.canSee(e)), n = this._visiblePanels;
+		let e = getFlickingAttached$1(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));
+		let r = t.filter((e) => !includes$1(n, e)), i = n.filter((e) => !includes$1(t, e));
 		(r.length > 0 || i.length > 0) && e.renderer.render().then(() => {
-			e.trigger(new ComponentEvent$1(EVENTS.VISIBLE_CHANGE, {
+			e.trigger(new ComponentEvent$1(EVENTS$1.VISIBLE_CHANGE, {
 				added: r,
 				removed: i,
 				visiblePanels: t
@@ -2585,42 +2585,42 @@ var Loader = /*#__PURE__*/ function(e) {
 	_checkNeedPanel() {
 		let e = this._needPanelTriggered;
 		if (e.prev && e.next) return;
-		let t = getFlickingAttached(this._flicking), n = t.renderer.panels;
+		let t = getFlickingAttached$1(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);
+			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);
 			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);
+		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);
 	}
 	_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;
+		let n = getFlickingAttached$1(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 }));
+		let l = t <= r.min ? DIRECTION$1.PREV : DIRECTION$1.NEXT;
+		n.trigger(new ComponentEvent$1(EVENTS$1.REACH_EDGE, { direction: l }));
 	}
 	_updateMode() {
-		let e = getFlickingAttached(this._flicking);
+		let e = getFlickingAttached$1(this._flicking);
 		if (e.circular) {
-			let t = new CircularCameraMode(e), n = t.checkAvailability();
+			let t = new CircularCameraMode$1(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._mode = t === CIRCULAR_FALLBACK$1.BOUND ? new BoundCameraMode$1(e) : new LinearCameraMode$1(e);
 			}
 			this._circularEnabled = n;
-		} else this._mode = e.bound ? new BoundCameraMode(e) : new LinearCameraMode(e), this._circularEnabled = !1;
+		} else this._mode = e.bound ? new BoundCameraMode$1(e) : new LinearCameraMode$1(e), this._circularEnabled = !1;
 	}
 	_togglePanels(e, t) {
-		return t !== e && getFlickingAttached(this._flicking).renderer.panels.map((n) => n.toggle(e, t)).some((e) => e);
+		return t !== e && getFlickingAttached$1(this._flicking).renderer.panels.map((n) => n.toggle(e, t)).some((e) => e);
 	}
-}, EVENT = {
+}, EVENT$1 = {
 	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 {
+}, 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 {
 	constructor() {
 		this._delta = 0, this._targetPanel = null;
 	}
@@ -2642,59 +2642,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];
+		let { flicking: t, axesEvent: n, transitTo: r } = e, i = n.delta[POSITION_KEY$1];
 		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;
+		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;
 		s.lookAt(d);
-		let f = new ComponentEvent$1(EVENTS.MOVE, {
+		let f = new ComponentEvent$1(EVENTS$1.MOVE, {
 			isTrusted: n.isTrusted,
 			holding: this.holding,
-			direction: getDirection(0, n.delta[POSITION_KEY]),
+			direction: getDirection$1(0, n.delta[POSITION_KEY$1]),
 			axesEvent: n
 		});
 		t.trigger(f), f.isCanceled() && (s.lookAt(l), r(4));
 	}
-}, AnimatingState = class extends State {
+}, AnimatingState$1 = class extends State$1 {
 	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);
+		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);
 	}
 	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, {
+		r(STATE_TYPE$1.IDLE), t.trigger(new ComponentEvent$1(EVENTS$1.MOVE_END, {
 			isTrusted: n.isTrusted,
-			direction: getDirection(s.start, s.end),
+			direction: getDirection$1(s.start, s.end),
 			axesEvent: n
 		}));
 		let l = this._targetPanel;
 		l && i.setActive(l, i.activePanel, n.isTrusted);
 	}
-}, DisabledState = class extends State {
+}, DisabledState$1 = class extends State$1 {
 	constructor() {
 		super(...arguments), this.holding = !1, this.animating = !0;
 	}
 	onAnimationEnd(e) {
 		let { transitTo: t } = e;
-		t(STATE_TYPE.IDLE);
+		t(STATE_TYPE$1.IDLE);
 	}
 	onChange(e) {
 		let { axesEvent: t, transitTo: n } = e;
-		t.stop(), n(STATE_TYPE.IDLE);
+		t.stop(), n(STATE_TYPE$1.IDLE);
 	}
 	onRelease(e) {
 		let { axesEvent: t, transitTo: n } = e;
-		t.delta.flick === 0 && n(STATE_TYPE.IDLE);
+		t.delta.flick === 0 && n(STATE_TYPE$1.IDLE);
 	}
-}, DraggingState = class extends State {
+}, DraggingState$1 = class extends State$1 {
 	constructor() {
 		super(...arguments), this.holding = !0, this.animating = !0;
 	}
@@ -2703,44 +2703,44 @@ var Loader = /*#__PURE__*/ function(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);
+		if (t.trigger(new ComponentEvent$1(EVENTS$1.HOLD_END, { axesEvent: n })), t.renderer.panelCount <= 0) {
+			r(STATE_TYPE$1.IDLE);
 			return;
 		}
-		r(STATE_TYPE.ANIMATING);
-		let i = t.control, s = n.destPos[POSITION_KEY], l = Math.max(n.duration, t.duration);
+		r(STATE_TYPE$1.ANIMATING);
+		let i = t.control, s = n.destPos[POSITION_KEY$1], 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);
+			r(STATE_TYPE$1.IDLE), n.setTo({ [POSITION_KEY$1]: t.camera.position }, 0);
 		}
 	}
-}, HoldingState = class extends State {
+}, HoldingState$1 = class extends State$1 {
 	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, {
+		let s = t.horizontal ? i.offsetX : i.offsetY, l = new ComponentEvent$1(EVENTS$1.MOVE_START, {
 			isTrusted: n.isTrusted,
 			holding: this.holding,
-			direction: getDirection(0, -s),
+			direction: getDirection$1(0, -s),
 			axesEvent: n
 		});
-		t.trigger(l), l.isCanceled() ? r(STATE_TYPE.DISABLED) : r(STATE_TYPE.DRAGGING).onChange(e);
+		t.trigger(l), l.isCanceled() ? r(STATE_TYPE$1.DISABLED) : r(STATE_TYPE$1.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);
+		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);
 			return;
 		}
 		this._releaseEvent = n;
 	}
 	onFinish(e) {
 		let { flicking: t, transitTo: n } = e;
-		if (n(STATE_TYPE.IDLE), !this._releaseEvent) return;
+		if (n(STATE_TYPE$1.IDLE), !this._releaseEvent) return;
 		let r = this._releaseEvent.inputEvent.srcEvent, i;
 		if (r.type === "touchend") {
 			let e = r.changedTouches[0];
@@ -2753,14 +2753,14 @@ var Loader = /*#__PURE__*/ function(e) {
 		}
 		if (l) {
 			let e = t.camera.position, n = l.position;
-			t.trigger(new ComponentEvent$1(EVENTS.SELECT, {
+			t.trigger(new ComponentEvent$1(EVENTS$1.SELECT, {
 				index: l.index,
 				panel: l,
-				direction: getDirection(e, n)
+				direction: getDirection$1(e, n)
 			}));
 		}
 	}
-}, IdleState = class extends State {
+}, IdleState$1 = class extends State$1 {
 	constructor() {
 		super(...arguments), this.holding = !1, this.animating = !1;
 	}
@@ -2770,69 +2770,69 @@ var Loader = /*#__PURE__*/ function(e) {
 	onHold(e) {
 		let { flicking: t, axesEvent: n, transitTo: r } = e;
 		if (t.renderer.panelCount <= 0) {
-			r(STATE_TYPE.DISABLED);
+			r(STATE_TYPE$1.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);
+		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);
 	}
 	onChange(e) {
-		let { flicking: t, axesEvent: n, transitTo: r } = e, i = t.control.controller.animatingContext, s = new ComponentEvent$1(EVENTS.MOVE_START, {
+		let { flicking: t, axesEvent: n, transitTo: r } = e, i = t.control.controller.animatingContext, s = new ComponentEvent$1(EVENTS$1.MOVE_START, {
 			isTrusted: n.isTrusted,
 			holding: this.holding,
-			direction: getDirection(i.start, i.end),
+			direction: getDirection$1(i.start, i.end),
 			axesEvent: n
 		});
-		t.trigger(s), s.isCanceled() ? r(STATE_TYPE.DISABLED) : r(STATE_TYPE.ANIMATING).onChange(e);
+		t.trigger(s), s.isCanceled() ? r(STATE_TYPE$1.DISABLED) : r(STATE_TYPE$1.ANIMATING).onChange(e);
 	}
-}, StateMachine = class {
+}, StateMachine$1 = class {
 	constructor() {
 		this.transitTo = (e) => {
 			let t;
 			switch (e) {
-				case STATE_TYPE.IDLE:
-					t = new IdleState();
+				case STATE_TYPE$1.IDLE:
+					t = new IdleState$1();
 					break;
-				case STATE_TYPE.HOLDING:
-					t = new HoldingState();
+				case STATE_TYPE$1.HOLDING:
+					t = new HoldingState$1();
 					break;
-				case STATE_TYPE.DRAGGING:
-					t = new DraggingState();
+				case STATE_TYPE$1.DRAGGING:
+					t = new DraggingState$1();
 					break;
-				case STATE_TYPE.ANIMATING:
-					t = new AnimatingState();
+				case STATE_TYPE$1.ANIMATING:
+					t = new AnimatingState$1();
 					break;
-				case STATE_TYPE.DISABLED:
-					t = new DisabledState();
+				case STATE_TYPE$1.DISABLED:
+					t = new DisabledState$1();
 					break;
 			}
 			return t.onEnter(this._state), this._state = t, this._state;
-		}, this._state = new IdleState();
+		}, this._state = new IdleState$1();
 	}
 	get state() {
 		return this._state;
 	}
 	fire(e, t) {
-		let n = this._state, r = __spreadProps$1(__spreadValues$1({}, t), { transitTo: this.transitTo });
+		let n = this._state, r = __spreadProps$2(__spreadValues$2({}, t), { transitTo: this.transitTo });
 		switch (e) {
-			case EVENT.HOLD:
+			case EVENT$1.HOLD:
 				n.onHold(r);
 				break;
-			case EVENT.CHANGE:
+			case EVENT$1.CHANGE:
 				n.onChange(r);
 				break;
-			case EVENT.RELEASE:
+			case EVENT$1.RELEASE:
 				n.onRelease(r);
 				break;
-			case EVENT.ANIMATION_END:
+			case EVENT$1.ANIMATION_END:
 				n.onAnimationEnd(r);
 				break;
-			case EVENT.FINISH:
+			case EVENT$1.FINISH:
 				n.onFinish(r);
 				break;
 		}
 	}
-}, AxesController = class {
+}, AxesController$1 = class {
 	constructor() {
 		this._onAxesHold = () => {
 			this._dragged = !1;
@@ -2841,7 +2841,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();
+		}, this._resetInternalValues(), this._stateMachine = new StateMachine$1();
 	}
 	get axes() {
 		return this._axes;
@@ -2868,7 +2868,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			position: 0,
 			circular: !1
 		};
-		let t = e.axis[POSITION_KEY];
+		let t = e.axis[POSITION_KEY$1];
 		return {
 			range: {
 				min: t.range[0],
@@ -2884,18 +2884,18 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	get position() {
 		var e, t;
-		return this._axes?.get([POSITION_KEY])[POSITION_KEY] ?? 0;
+		return this._axes?.get([POSITION_KEY$1])[POSITION_KEY$1] ?? 0;
 	}
 	get range() {
 		var e, t;
-		return this._axes?.axis[POSITION_KEY].range ?? [0, 0];
+		return this._axes?.axis[POSITION_KEY$1].range ?? [0, 0];
 	}
 	get bounce() {
 		var e;
-		return this._axes?.axis[POSITION_KEY].bounce;
+		return this._axes?.axis[POSITION_KEY$1].bounce;
 	}
 	init(e) {
-		this._flicking = e, this._axes = new Axes({ [POSITION_KEY]: {
+		this._flicking = e, this._axes = new Axes({ [POSITION_KEY$1]: {
 			range: [0, 0],
 			circular: !1,
 			bounce: [0, 0]
@@ -2909,13 +2909,13 @@ var Loader = /*#__PURE__*/ function(e) {
 			threshold: e.dragThreshold,
 			iOSEdgeSwipeThreshold: e.iOSEdgeSwipeThreshold,
 			preventDefaultOnDrag: e.preventDefaultOnDrag,
-			scale: e.horizontal ? [e.camera.panelOrder === ORDER.RTL ? 1 : -1, 0] : [0, -1],
+			scale: e.horizontal ? [e.camera.panelOrder === ORDER$1.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.connect(e.horizontal ? [POSITION_KEY$1, ""] : ["", POSITION_KEY$1], this._panInput);
+		for (let n in EVENT$1) {
+			let r = EVENT$1[n];
 			t.on(r, (t) => {
 				this._stateMachine.fire(r, {
 					flicking: e,
@@ -2943,8 +2943,8 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	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 },
+		return this._animatingContext = __spreadProps$2(__spreadValues$2({}, this._animatingContext), { end: e }), (n = this._axes) == null || n.updateAnimation({
+			destPos: { [POSITION_KEY$1]: e },
 			duration: t
 		}), this;
 	}
@@ -2953,24 +2953,24 @@ var Loader = /*#__PURE__*/ function(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;
+		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;
 	}
 	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;
+		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;
 	}
 	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;
+		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;
 	}
 	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));
+		if (!i) return Promise.reject(new FlickingError$1(MESSAGE$1.NOT_ATTACHED_TO_FLICKING, CODE$1.NOT_ATTACHED_TO_FLICKING));
 		let l = this.getCurrentPosition();
 		if (l === e) {
-			let t = getFlickingAttached(this._flicking);
+			let t = getFlickingAttached$1(this._flicking);
 			return t.camera.lookAt(e), s.targetPanel && t.control.setActive(s.targetPanel, t.control.activePanel, n?.isTrusted ?? !1), Promise.resolve();
 		}
 		this._animatingContext = {
@@ -2979,30 +2979,30 @@ var Loader = /*#__PURE__*/ function(e) {
 			offset: 0
 		};
 		let u = () => {
-			i.once(EVENT.FINISH, () => {
+			i.once(EVENT$1.FINISH, () => {
 				this._animatingContext = {
 					start: 0,
 					end: 0,
 					offset: 0
 				};
-			}), n ? n.setTo({ [POSITION_KEY]: e }, t) : i.setTo({ [POSITION_KEY]: e }, t);
+			}), n ? n.setTo({ [POSITION_KEY$1]: e }, t) : i.setTo({ [POSITION_KEY$1]: e }, t);
 		};
 		return new Promise((e, t) => {
 			let n = () => {
-				i.off(EVENT.HOLD, r), e();
+				i.off(EVENT$1.HOLD, r), e();
 			}, r = () => {
-				i.off(EVENT.FINISH, n), t(new FlickingError(MESSAGE.ANIMATION_INTERRUPTED, CODE.ANIMATION_INTERRUPTED));
+				i.off(EVENT$1.FINISH, n), t(new FlickingError$1(MESSAGE$1.ANIMATION_INTERRUPTED, CODE$1.ANIMATION_INTERRUPTED));
 			};
-			i.once(EVENT.FINISH, n), i.once(EVENT.HOLD, r), u();
+			i.once(EVENT$1.FINISH, n), i.once(EVENT$1.HOLD, r), u();
 		});
 	}
 	getCurrentPosition() {
 		var e, t;
-		return this._axes?.get([POSITION_KEY])[POSITION_KEY] ?? 0;
+		return this._axes?.get([POSITION_KEY$1])[POSITION_KEY$1] ?? 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];
+		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];
 	}
 	_resetInternalValues() {
 		this._flicking = null, this._axes = null, this._panInput = null, this._animatingContext = {
@@ -3011,7 +3011,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			offset: 0
 		}, this._dragged = !1;
 	}
-}, Control = class {
+}, Control$1 = class {
 	get controller() {
 		return this._controller;
 	}
@@ -3029,7 +3029,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		return this._controller.state.holding;
 	}
 	constructor() {
-		this._flicking = null, this._controller = new AxesController(), this._activePanel = null;
+		this._flicking = null, this._controller = new AxesController$1(), this._activePanel = null;
 	}
 	init(e) {
 		return this._flicking = e, this._controller.init(e), this;
@@ -3047,7 +3047,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.NONE);
+		let r = this._controller.state, i = this._getPosition(e, n ?? DIRECTION$1.NONE);
 		return r.targetPanel = e, this._controller.updateAnimation(i, t), this;
 	}
 	stopAnimation() {
@@ -3055,18 +3055,18 @@ var Loader = /*#__PURE__*/ function(e) {
 		return e.targetPanel = null, this._controller.stopAnimation(), this;
 	}
 	updatePosition(e) {
-		let t = getFlickingAttached(this._flicking).camera, n = this._activePanel;
+		let t = getFlickingAttached$1(this._flicking).camera, n = this._activePanel;
 		n && t.lookAt(t.clampToReachablePosition(n.position));
 	}
 	updateInput() {
-		let e = getFlickingAttached(this._flicking).camera;
+		let e = getFlickingAttached$1(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 }) {
+		return __async$2(this, arguments, function* (e, { duration: t, direction: n = DIRECTION$1.NONE, axesEvent: r }) {
 			let i = this._getPosition(e, n);
 			return this._triggerIndexChangeEvent(e, e.position, r, n), this._animateToPosition({
 				position: i,
@@ -3078,14 +3078,14 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	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, {
+		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, {
 			index: e.index,
 			panel: e,
 			prevIndex: t?.index ?? -1,
 			prevPanel: t,
 			isTrusted: n,
-			direction: t ? getDirection(t.position, e.position) : DIRECTION.NONE
+			direction: t ? getDirection$1(t.position, e.position) : DIRECTION$1.NONE
 		}));
 	}
 	copy(e) {
@@ -3093,29 +3093,29 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	_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, {
+		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, {
 			index: e.index,
 			panel: e,
 			isTrusted: n?.isTrusted || !1,
-			direction: r ?? getDirection(d?.position ?? u.position, t)
+			direction: r ?? getDirection$1(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);
+		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);
 	}
 	_animateToPosition(e) {
-		return __async$1(this, arguments, function* ({ position: e, duration: t, newActivePanel: n, axesEvent: r }) {
-			let i = getFlickingAttached(this._flicking), s = t;
+		return __async$2(this, arguments, function* ({ position: e, duration: t, newActivePanel: n, axesEvent: r }) {
+			let i = getFlickingAttached$1(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* () {
+			return u.targetPanel = n, s <= 0 ? l() : l().then(() => __async$2(this, null, function* () {
 				i.initialized && (yield i.renderer.render());
 			})).catch((e) => {
-				if (!(r && e instanceof FlickingError && e.code === CODE.ANIMATION_INTERRUPTED)) throw e;
+				if (!(r && e instanceof FlickingError$1 && e.code === CODE$1.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);
+	_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);
 		if (!r.canReach(e)) i = s.position, e = s.panel;
 		else if (n.circularEnabled) {
 			let e = this._controller.position, n = r.rangeDiff;
@@ -3123,11 +3123,11 @@ var Loader = /*#__PURE__*/ function(e) {
 				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);
+			].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);
 		}
 		return i;
 	}
-}, FreeControl = class extends Control {
+}, FreeControl$1 = class extends Control$1 {
 	get stopAtEdge() {
 		return this._stopAtEdge;
 	}
@@ -3140,15 +3140,15 @@ var Loader = /*#__PURE__*/ function(e) {
 		this._stopAtEdge = t;
 	}
 	updatePosition(e) {
-		let t = getFlickingAttached(this._flicking).camera, n = this._activePanel;
+		let t = getFlickingAttached$1(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 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 l = s.panel;
 		return l !== this._activePanel && this._triggerIndexChangeEvent(l, e, n), this._animateToPosition({
 			position: this._stopAtEdge ? i : e,
@@ -3157,7 +3157,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			axesEvent: n
 		});
 	}
-}, SnapControl = class extends Control {
+}, SnapControl$1 = class extends Control$1 {
 	get count() {
 		return this._count;
 	}
@@ -3170,9 +3170,9 @@ var Loader = /*#__PURE__*/ function(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;
+		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;
 		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, {
@@ -3187,32 +3187,32 @@ var Loader = /*#__PURE__*/ function(e) {
 		});
 	}
 	_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);
+		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);
 		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({
+			return new AnchorPoint$1({
 				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({
+			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({
 				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)];
+		} else return f[clamp$1(t.index + Math.sign(e - s) * i, 0, f.length - 1)];
 	}
 	_findAdjacentAnchor(e, t, n) {
 		var r;
-		let i = getFlickingAttached(this._flicking).camera;
+		let i = getFlickingAttached$1(this._flicking).camera;
 		if (i.circularEnabled) {
 			let t = i.findAnchorIncludePosition(e);
 			if (t && t.position !== n.position) return t;
@@ -3223,7 +3223,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 = class e extends Control {
+}, StrictControl$1 = class e extends Control$1 {
 	constructor(e = {}) {
 		super(), this.setActive = (e, t, n) => {
 			super.setActive(e, t, n), this.updateInput();
@@ -3242,10 +3242,10 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	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;
+		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;
 		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));
+		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));
 		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,
@@ -3256,16 +3256,16 @@ var Loader = /*#__PURE__*/ function(e) {
 		}, 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);
+		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);
 		});
 	}
 	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);
+		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);
 		if (E || D) {
 			let t = e < f.min ? w : T;
 			S = t.panel, x = t.position;
@@ -3276,7 +3276,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			return r ? this.moveToPanel(r.panel, {
 				duration: t,
 				axesEvent: n
-			}) : Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE));
+			}) : Promise.reject(new FlickingError$1(MESSAGE$1.POSITION_NOT_REACHABLE(e), CODE$1.POSITION_NOT_REACHABLE));
 		}
 		return this._triggerIndexChangeEvent(S, e, n), this._animateToPosition({
 			position: x,
@@ -3291,7 +3291,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			max: 0
 		};
 	}
-}, AutoResizer = class {
+}, AutoResizer$1 = class {
 	constructor(e) {
 		this._onResizeWrapper = () => {
 			this._onResize([]);
@@ -3302,19 +3302,19 @@ var Loader = /*#__PURE__*/ function(e) {
 					width: t.viewport.width,
 					height: t.viewport.height
 				}, n = {
-					width: getElementSize({
+					width: getElementSize$1({
 						el: i,
 						horizontal: !0,
 						useFractionalSize: this._flicking.useFractionalSize,
 						useOffset: !1,
-						style: getStyle(i)
+						style: getStyle$1(i)
 					}),
-					height: getElementSize({
+					height: getElementSize$1({
 						el: i,
 						horizontal: !1,
 						useFractionalSize: this._flicking.useFractionalSize,
 						useOffset: !1,
-						style: getStyle(i)
+						style: getStyle$1(i)
 					})
 				};
 				if (e.height === n.height && e.width === n.width) return;
@@ -3367,7 +3367,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 = class {
+}, VanillaElementProvider$1 = class {
 	get element() {
 		return this._element;
 	}
@@ -3385,7 +3385,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		let t = this.element, n = e.camera.element;
 		t.parentElement === n && (n.removeChild(t), this._rendered = !1);
 	}
-}, VirtualElementProvider = class {
+}, VirtualElementProvider$1 = class {
 	get element() {
 		return this._virtualElement.nativeElement;
 	}
@@ -3404,7 +3404,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	show() {}
 	hide() {}
-}, Viewport = class {
+}, Viewport$1 = class {
 	get element() {
 		return this._el;
 	}
@@ -3427,12 +3427,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(t)) r.style.width = t;
+		if (t != null) if (isString$1(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;
+		if (n != null) if (isString$1(n)) r.style.height = n;
 		else {
 			let e = s ? n + i.top + i.bottom : n;
 			r.style.height = `${e}px`;
@@ -3440,14 +3440,14 @@ var Loader = /*#__PURE__*/ function(e) {
 		this.resize();
 	}
 	resize() {
-		let e = this._el, t = getStyle(e), { useFractionalSize: n } = this._flicking;
-		this._width = getElementSize({
+		let e = this._el, t = getStyle$1(e), { useFractionalSize: n } = this._flicking;
+		this._width = getElementSize$1({
 			el: e,
 			horizontal: !0,
 			useFractionalSize: n,
 			useOffset: !1,
 			style: t
-		}), this._height = getElementSize({
+		}), this._height = getElementSize$1({
 			el: e,
 			horizontal: !1,
 			useFractionalSize: n,
@@ -3460,7 +3460,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			bottom: t.paddingBottom ? parseFloat(t.paddingBottom) : 0
 		}, this._isBorderBoxSizing = t.boxSizing === "border-box";
 	}
-}, VirtualManager = class {
+}, VirtualManager$1 = class {
 	get elements() {
 		return this._elements;
 	}
@@ -3487,7 +3487,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.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$1.DEFAULT_VIRTUAL, this._elements = [];
 	}
 	init() {
 		let e = this._flicking;
@@ -3517,7 +3517,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	insert(e, t = 1) {
 		return t <= 0 ? [] : this._flicking.renderer.batchInsert({
 			index: e,
-			elements: range(t),
+			elements: range$1(t),
 			hasDOMInElements: !1
 		});
 	}
@@ -3530,14 +3530,14 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	_initVirtualElements() {
 		let e = this._flicking, t = e.camera.element, n = e.panelsPerView, r = document.createDocumentFragment();
-		range(n + 1).map((e) => {
+		range$1(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$1 = class {
+}, Renderer$2 = class {
 	get panels() {
 		return this._panels;
 	}
@@ -3555,13 +3555,13 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	set align(e) {
 		this._align = e;
-		let t = parsePanelAlign(e);
+		let t = parsePanelAlign$1(e);
 		this._panels.forEach((e) => {
 			e.align = t;
 		});
 	}
 	constructor(e) {
-		let { align: t = ALIGN.CENTER, strategy: n } = e;
+		let { align: t = ALIGN$1.CENTER, strategy: n } = e;
 		this._flicking = null, this._panels = [], this._rendering = !1, this._align = t, this._strategy = n;
 	}
 	init(e) {
@@ -3577,10 +3577,10 @@ var Loader = /*#__PURE__*/ function(e) {
 		return this._panels.forEach((e) => e.markForShow()), Promise.resolve();
 	}
 	getRenderedPanels() {
-		return getFlickingAttached(this._flicking).renderer.panels.filter((e) => e.rendered);
+		return getFlickingAttached$1(this._flicking).renderer.panels.filter((e) => e.rendered);
 	}
 	updatePanelSize() {
-		let e = getFlickingAttached(this._flicking), t = this._panels;
+		let e = getFlickingAttached$1(this._flicking), t = this._panels;
 		if (t.length <= 0) return this;
 		if (e.panelsPerView > 0) {
 			let e = t[0];
@@ -3593,10 +3593,10 @@ var Loader = /*#__PURE__*/ function(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);
+		let t = this._panels, n = getFlickingAttached$1(this._flicking), r = t[0], i = parsePanelAlign$1(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, {
+			let u = getMinusCompensatedIndex$1(s.index, t.length), d = t.slice(u), f = s.elements.map((e, t) => this._createPanel(e, {
 				index: u + t,
 				align: i,
 				flicking: n
@@ -3615,17 +3615,17 @@ var Loader = /*#__PURE__*/ function(e) {
 		return t.length <= 0 ? [] : (this.updateAfterPanelChange([], t), t);
 	}
 	batchRemoveDefer(...e) {
-		let t = this._panels, { control: n } = getFlickingAttached(this._flicking), r = n.activePanel;
+		let t = this._panels, { control: n } = getFlickingAttached$1(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);
+			let { index: s, deleteCount: l } = i, u = getMinusCompensatedIndex$1(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]);
+			}), i.hasDOMInElements && this._removePanelElements(f), f.forEach((e) => e.destroy()), includes$1(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;
+		let r = getFlickingAttached$1(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) => {
@@ -3636,13 +3636,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.PANEL_CHANGE, {
+		r.camera.updateOffset(), (e.length > 0 || t.length > 0) && (r.trigger(new ComponentEvent$1(EVENTS$1.PANEL_CHANGE, {
 			added: e,
 			removed: t
 		})), this.checkPanelContentsReady([...e, ...t]));
 	}
 	checkPanelContentsReady(e) {
-		let t = getFlickingAttached(this._flicking), n = t.resizeOnContentsReady, r = this._panels;
+		let t = getFlickingAttached$1(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;
@@ -3663,7 +3663,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		}), s.check(e.map((e) => e.element));
 	}
 	_updateCameraAndControl() {
-		let { camera: e, control: t } = getFlickingAttached(this._flicking);
+		let { camera: e, control: t } = getFlickingAttached$1(this._flicking);
 		e.updateRange(), e.updateOffset(), e.updateAnchors(), e.resetNeedPanelHistory(), t.updateInput();
 	}
 	_showOnlyVisiblePanels(e) {
@@ -3673,33 +3673,33 @@ var Loader = /*#__PURE__*/ function(e) {
 		});
 	}
 	_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);
+		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);
 		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({
+		let i = (n.camera.size - (e.margin.prev + e.margin.next) * (r - 1)) / r, s = n.horizontal ? { width: i } : { height: i }, l = __spreadValues$2({
 			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;
+		let e = getFlickingAttached$1(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();
+		let n = getFlickingAttached$1(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;
+		let t = getFlickingAttached$1(this._flicking).camera.element;
 		e.forEach((e) => {
 			e.element.parentNode === t && t.removeChild(e.element);
 		});
 	}
 	_afterRender() {
-		let e = getFlickingAttached(this._flicking);
+		let e = getFlickingAttached$1(this._flicking);
 		if (e.camera.applyTransform(), e.useCSSOrder) {
 			let t = e.renderer.panels.filter((e) => e.rendered);
 			this._strategy.getRenderingIndexesByOrder(e).forEach((e, n) => {
@@ -3707,37 +3707,34 @@ var Loader = /*#__PURE__*/ function(e) {
 			});
 		}
 	}
-}, ExternalRenderer = class extends Renderer$1 {
-	_removePanelElements(e) {}
-	_removeAllChildsFromCamera() {}
-}, VanillaRenderer = class extends Renderer$1 {
+}, VanillaRenderer$1 = class extends Renderer$2 {
 	render() {
-		return __async$1(this, null, function* () {
-			let e = getFlickingAttached(this._flicking), t = this._strategy;
+		return __async$2(this, null, function* () {
+			let e = getFlickingAttached$1(this._flicking), t = this._strategy;
 			t.updateRenderingPanels(e), t.renderPanels(e), this._resetPanelElementOrder(), this._afterRender();
 		});
 	}
 	_collectPanels() {
-		let e = getFlickingAttached(this._flicking), t = e.camera;
+		let e = getFlickingAttached$1(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 = [];
+		let e = getFlickingAttached$1(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) => {
+		let e = getFlickingAttached$1(this._flicking).camera.element;
+		toArray$1(e.childNodes).forEach((t) => {
 			t.nodeType === Node.TEXT_NODE && e.removeChild(t);
 		});
 	}
-}, Panel = class {
+}, Panel$1 = class {
 	get element() {
 		return this._elProvider.element;
 	}
@@ -3788,7 +3785,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	get offset() {
 		let e = this._toggleDirection, t = this._flicking.camera.rangeDiff;
-		return e === DIRECTION.NONE || !this._toggled ? 0 : e === DIRECTION.PREV ? -t : t;
+		return e === DIRECTION$1.NONE || !this._toggled ? 0 : e === DIRECTION$1.PREV ? -t : t;
 	}
 	get progress() {
 		let e = this._flicking;
@@ -3796,7 +3793,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(r, e, e + (n.size - n.alignPosition) + t) : 1 - getProgress$1(r, e - (n.alignPosition + this._size - t), e);
+		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);
 	}
 	get visibleRatio() {
 		let e = this.range, t = this._size, n = this.offset, r = this._flicking.camera.visibleRange, i = {
@@ -3830,16 +3827,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$1({}, e.margin), this._height = e.height ?? getElementSize({
+		if (e) this._size = e.size, this._margin = __spreadValues$2({}, e.margin), this._height = e.height ?? getElementSize$1({
 			el: n,
 			horizontal: !1,
 			useFractionalSize: i,
 			useOffset: !0,
-			style: getStyle(n)
+			style: getStyle$1(n)
 		});
 		else {
-			let e = getStyle(n);
-			this._size = getElementSize({
+			let e = getStyle$1(n);
+			this._size = getElementSize$1({
 				el: n,
 				horizontal: r,
 				useFractionalSize: i,
@@ -3851,7 +3848,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			} : {
 				prev: parseFloat(e.marginTop || "0"),
 				next: parseFloat(e.marginBottom || "0")
-			}, this._height = r ? getElementSize({
+			}, this._height = r ? getElementSize$1({
 				el: n,
 				horizontal: !1,
 				useFractionalSize: i,
@@ -3862,7 +3859,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		return this.updatePosition(), this._updateAlignPos(), this;
 	}
 	setSize(e) {
-		return setSize(this.element, e), this;
+		return setSize$1(this.element, e), this;
 	}
 	contains(e) {
 		var t;
@@ -3905,33 +3902,33 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	toggle(e, t) {
 		let n = this._toggleDirection, r = this._togglePosition;
-		if (n === DIRECTION.NONE || t === e) return !1;
+		if (n === DIRECTION$1.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;
+		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;
 	}
 	updateCircularToggleDirection() {
 		let e = this._flicking;
-		if (!e.circularEnabled) return this._toggleDirection = DIRECTION.NONE, this._togglePosition = 0, this._toggled = !1, this;
+		if (!e.circularEnabled) return this._toggleDirection = DIRECTION$1.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;
+		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;
 	}
 	_updateAlignPos() {
-		this._alignPos = parseAlign$1(this._align, this._size);
+		this._alignPos = parseAlign$1$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;
+		}, this._height = 0, this._alignPos = 0, this._toggled = !1, this._togglePosition = 0, this._toggleDirection = DIRECTION$1.NONE;
 	}
-}, NormalRenderingStrategy = class {
+}, NormalRenderingStrategy$1 = 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);
+		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);
 		return [
 			...n,
 			...i,
@@ -3946,8 +3943,8 @@ var Loader = /*#__PURE__*/ function(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({
+		let n = parsePanelAlign$1(e.renderer.align);
+		return t.map((t, r) => new Panel$1({
 			index: r,
 			elementProvider: new this._providerCtor(t),
 			align: n,
@@ -3955,7 +3952,7 @@ var Loader = /*#__PURE__*/ function(e) {
 		}));
 	}
 	createPanel(e, t) {
-		return new Panel(__spreadProps$1(__spreadValues$1({}, t), { elementProvider: new this._providerCtor(e) }));
+		return new Panel$1(__spreadProps$2(__spreadValues$2({}, t), { elementProvider: new this._providerCtor(e) }));
 	}
 	updatePanelSizes(e, t) {
 		e.panels.forEach((e) => e.setSize(t));
@@ -3966,7 +3963,7 @@ var Loader = /*#__PURE__*/ function(e) {
 			t.index in r || t.loading ? t.markForShow() : e.holding || t.markForHide();
 		}), n.updateOffset();
 	}
-}, VirtualPanel = class extends Panel {
+}, VirtualPanel$1 = class extends Panel$1 {
 	get element() {
 		return this._elProvider.element;
 	}
@@ -3975,7 +3972,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.NEXT ? r + n : r - n), circulateIndex(r, t);
+		return this._toggled && (r = this._toggleDirection === DIRECTION$1.NEXT ? r + n : r - n), circulateIndex$1(r, t);
 	}
 	constructor(e) {
 		super(e), e.elementProvider.init(this), this._elProvider = e.elementProvider, this._cachedInnerHTML = null;
@@ -3996,9 +3993,9 @@ var Loader = /*#__PURE__*/ function(e) {
 	decreaseIndex(e) {
 		return this.uncacheRenderResult(), super.decreaseIndex(e);
 	}
-}, VirtualRenderingStrategy = class {
+}, VirtualRenderingStrategy$1 = class {
 	renderPanels(e) {
-		let t = e.virtual, n = e.visiblePanels, r = range(e.panelsPerView + 1);
+		let t = e.virtual, n = e.visiblePanels, r = range$1(e.panelsPerView + 1);
 		n.forEach((e) => {
 			let n = e.elementIndex;
 			e.render(), t.show(n), r[n] = -1;
@@ -4009,7 +4006,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$1(__spreadValues$1({}, 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$2(__spreadValues$2({}, e), { idx: t })).filter((e) => !e.visible).map((e) => e.idx);
 		return [...r, ...i];
 	}
 	getRenderingElementsByOrder(e) {
@@ -4023,27 +4020,27 @@ var Loader = /*#__PURE__*/ function(e) {
 		}), n.updateOffset();
 	}
 	collectPanels(e) {
-		let t = parsePanelAlign(e.renderer.align);
-		return range(e.virtual.initialPanelCount).map((n) => new VirtualPanel({
+		let t = parsePanelAlign$1(e.renderer.align);
+		return range$1(e.virtual.initialPanelCount).map((n) => new VirtualPanel$1({
 			index: n,
-			elementProvider: new VirtualElementProvider(e),
+			elementProvider: new VirtualElementProvider$1(e),
 			align: t,
 			flicking: e
 		}));
 	}
 	createPanel(e, t) {
-		return new VirtualPanel(__spreadProps$1(__spreadValues$1({}, t), { elementProvider: new VirtualElementProvider(t.flicking) }));
+		return new VirtualPanel$1(__spreadProps$2(__spreadValues$2({}, t), { elementProvider: new VirtualElementProvider$1(t.flicking) }));
 	}
 	updatePanelSizes(e, t) {
 		e.virtual.elements.forEach((e) => {
-			setSize(e.nativeElement, t);
+			setSize$1(e.nativeElement, t);
 		}), e.panels.forEach((e) => e.setSize(t));
 	}
-}, _Flicking = class extends Component {
+}, _Flicking$1 = 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$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();
+		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();
 	}
 	get control() {
 		return this._control;
@@ -4344,7 +4341,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.READY));
+			this._plugins.forEach((e) => e.init(this)), s && (this.trigger = i), this.trigger(new ComponentEvent$1(EVENTS$1.READY));
 		});
 	}
 	destroy() {
@@ -4352,23 +4349,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.PREV);
+		return this.moveTo(this._control.activePanel?.prev()?.index ?? -1, e, DIRECTION$1.PREV);
 	}
 	next(e = this._duration) {
 		var t, n, r;
-		return this.moveTo(this._control.activePanel?.next()?.index ?? this._renderer.panelCount, e, DIRECTION.NEXT);
+		return this.moveTo(this._control.activePanel?.next()?.index ?? this._renderer.panelCount, e, DIRECTION$1.NEXT);
 	}
-	moveTo(e, t = this._duration, n = DIRECTION.NONE) {
+	moveTo(e, t = this._duration, n = DIRECTION$1.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, {
+		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, {
 			duration: t,
 			direction: n
-		})) : Promise.reject(new FlickingError(MESSAGE.INDEX_OUT_OF_RANGE(e, 0, i - 1), CODE.INDEX_OUT_OF_RANGE));
+		})) : Promise.reject(new FlickingError$1(MESSAGE$1.INDEX_OUT_OF_RANGE(e, 0, i - 1), CODE$1.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);
+		if (!s) throw new FlickingError$1(MESSAGE$1.INDEX_OUT_OF_RANGE(e, 0, i - 1), CODE$1.INDEX_OUT_OF_RANGE);
 		this._control.updateAnimation(s, t, n);
 	}
 	stopAnimation() {
@@ -4400,7 +4397,7 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	setStatus(e) {
 		var t;
-		if (!this._initialized) throw new FlickingError(MESSAGE.NOT_INITIALIZED, CODE.NOT_INITIALIZED);
+		if (!this._initialized) throw new FlickingError$1(MESSAGE$1.NOT_INITIALIZED, CODE$1.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,
@@ -4408,13 +4405,13 @@ var Loader = /*#__PURE__*/ function(e) {
 			hasDOMInElements: !0
 		}), l.batchInsert({
 			index: 0,
-			elements: parseElement(s.map((e) => e.html)),
+			elements: parseElement$1(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) {
+		if (r && this._moveType === MOVE_TYPE$1.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);
 		}
@@ -4424,12 +4421,12 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	removePlugins(...e) {
 		return e.forEach((e) => {
-			let t = findIndex(this._plugins, (t) => t === e);
+			let t = findIndex$1(this._plugins, (t) => t === e);
 			t >= 0 && (e.destroy(), this._plugins.splice(t, 1));
 		}), this;
 	}
 	resize() {
-		return __async$1(this, null, function* () {
+		return __async$2(this, null, function* () {
 			if (!this._initialized) return;
 			if (this._isResizing) {
 				this._scheduleResize = !0;
@@ -4437,14 +4434,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.BEFORE_RESIZE, {
+			if (this.trigger(new ComponentEvent$1(EVENTS$1.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, {
+			this.trigger(new ComponentEvent$1(EVENTS$1.AFTER_RESIZE, {
 				width: e.width,
 				height: e.height,
 				prev: {
@@ -4463,15 +4460,15 @@ var Loader = /*#__PURE__*/ function(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);
+		if (this._renderExternal) throw new FlickingError$1(MESSAGE$1.NOT_ALLOWED_IN_FRAMEWORK, CODE$1.NOT_ALLOWED_IN_FRAMEWORK);
 		return this._renderer.batchInsert({
 			index: e,
-			elements: parseElement(t),
+			elements: parseElement$1(t),
 			hasDOMInElements: !0
 		});
 	}
 	remove(e, t = 1) {
-		if (this._renderExternal) throw new FlickingError(MESSAGE.NOT_ALLOWED_IN_FRAMEWORK, CODE.NOT_ALLOWED_IN_FRAMEWORK);
+		if (this._renderExternal) throw new FlickingError$1(MESSAGE$1.NOT_ALLOWED_IN_FRAMEWORK, CODE$1.NOT_ALLOWED_IN_FRAMEWORK);
 		return this._renderer.batchRemove({
 			index: e,
 			deleteCount: t,
@@ -4480,16 +4477,16 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	_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);
+		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);
 		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);
+			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);
 		}
 	}
 	_createCamera() {
-		return this._circular && this._bound && console.warn("\"circular\" and \"bound\" option cannot be used together, ignoring bound."), new Camera(this, { align: this._align });
+		return this._circular && this._bound && console.warn("\"circular\" and \"bound\" option cannot be used together, ignoring bound."), new Camera$1(this, { align: this._align });
 	}
 	_createRenderer() {
 		let e = this._externalRenderer;
@@ -4497,32 +4494,32 @@ var Loader = /*#__PURE__*/ function(e) {
 	}
 	_createExternalRenderer() {
 		let { renderer: e, rendererOptions: t } = this._renderExternal;
-		return new e(__spreadValues$1({ align: this._align }, t));
+		return new e(__spreadValues$2({ align: this._align }, t));
 	}
 	_createVanillaRenderer() {
 		let e = this.virtualEnabled;
-		return new VanillaRenderer({
+		return new VanillaRenderer$1({
 			align: this._align,
-			strategy: e ? new VirtualRenderingStrategy() : new NormalRenderingStrategy({ providerCtor: VanillaElementProvider })
+			strategy: e ? new VirtualRenderingStrategy$1() : new NormalRenderingStrategy$1({ providerCtor: VanillaElementProvider$1 })
 		});
 	}
 	_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);
+		if (t.setActive(s, null, !1), !i) throw new FlickingError$1(MESSAGE$1.POSITION_NOT_REACHABLE(s.position), CODE$1.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, {
+		this.trigger(new ComponentEvent$1(EVENTS$1.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, {
+		this.trigger(new ComponentEvent$1(EVENTS$1.AFTER_RESIZE, {
 			width: e.width,
 			height: e.height,
 			prev: {
@@ -4534,82 +4531,10 @@ var Loader = /*#__PURE__*/ function(e) {
 		}));
 	}
 };
-_Flicking.VERSION = "4.16.3";
-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 = {
+_Flicking$1.VERSION = "4.16.3";
+//#endregion
+//#region node_modules/@egjs/flicking-plugins/dist/plugins.esm.js
+var ARROW = {
 	PREV_SELECTOR: ".flicking-arrow-prev",
 	NEXT_SELECTOR: ".flicking-arrow-next",
 	DISABLED_CLASS: "flicking-arrow-disabled"
@@ -4644,7 +4569,7 @@ var Flicking$1 = _Flicking, getDefaultCameraTransform = (e = ALIGN.CENTER, t = !
 		let n = RegExp(`( |^)${t}( |$)`, "g");
 		e.className.replace(n, " ");
 	}
-}, getElement = (e, t, n) => {
+}, getElement$1 = (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;
@@ -4676,7 +4601,7 @@ var Flicking$1 = _Flicking, getDefaultCameraTransform = (e = ALIGN.CENTER, t = !
 			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)) throw e;
+			if (!(e instanceof FlickingError$1)) 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;
@@ -4724,8 +4649,8 @@ var Flicking$1 = _Flicking, getDefaultCameraTransform = (e = ALIGN.CENTER, t = !
 		this._moveByViewportSize = e;
 	}
 	init(e) {
-		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");
+		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");
 		[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();
@@ -4733,7 +4658,7 @@ var Flicking$1 = _Flicking, getDefaultCameraTransform = (e = ALIGN.CENTER, t = !
 	destroy() {
 		let e = this._flicking;
 		if (!e) return;
-		e.off(EVENTS.MOVE, this._onAnimation);
+		e.off(EVENTS$1.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);
@@ -4774,12 +4699,12 @@ var Flicking$1 = _Flicking, getDefaultCameraTransform = (e = ALIGN.CENTER, t = !
 		this._scale = e;
 	}
 	init(e) {
-		this._flicking && this.destroy(), this._flicking = e, e.on(EVENTS.MOVE, this._onMove), e.on(EVENTS.AFTER_RESIZE, this.update), this._onMove();
+		this._flicking && this.destroy(), this._flicking = e, e.on(EVENTS$1.MOVE, this._onMove), e.on(EVENTS$1.AFTER_RESIZE, this.update), this._onMove();
 	}
 	destroy() {
-		this._flicking &&= (this._flicking.off(EVENTS.MOVE, this._onMove), this._flicking.off(EVENTS.AFTER_RESIZE, this.update), null);
+		this._flicking &&= (this._flicking.off(EVENTS$1.MOVE, this._onMove), this._flicking.off(EVENTS$1.AFTER_RESIZE, this.update), null);
 	}
-}, Renderer = class {
+}, Renderer$1 = class {
 	constructor(e) {
 		let { flicking: t, pagination: n, wrapper: r } = e;
 		this._flicking = t, this._pagination = n, this._wrapper = r;
@@ -4796,11 +4721,11 @@ var Flicking$1 = _Flicking, getDefaultCameraTransform = (e = ALIGN.CENTER, t = !
 			e.stopPropagation();
 		}, { passive: !0 }), e.addEventListener(BROWSER.CLICK, () => {
 			this._flicking.moveTo(n).catch((e) => {
-				if (!(e instanceof FlickingError)) throw e;
+				if (!(e instanceof FlickingError$1)) throw e;
 			});
 		});
 	}
-}, BulletRenderer = class extends Renderer {
+}, BulletRenderer = class extends Renderer$1 {
 	constructor() {
 		super(...arguments), this._bullets = [], this._prevIndex = -1;
 	}
@@ -4841,7 +4766,7 @@ var Flicking$1 = _Flicking, getDefaultCameraTransform = (e = ALIGN.CENTER, t = !
 			this._prevIndex = m;
 		}
 	}
-}, FractionRenderer = class extends Renderer {
+}, FractionRenderer = class extends Renderer$1 {
 	constructor() {
 		super(...arguments), this._prevIndex = -1, this._prevTotal = -1;
 	}
@@ -4858,7 +4783,7 @@ var Flicking$1 = _Flicking, getDefaultCameraTransform = (e = ALIGN.CENTER, t = !
 		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 {
+}, ScrollBulletRenderer = class extends Renderer$1 {
 	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;
@@ -4904,7 +4829,7 @@ var Flicking$1 = _Flicking, getDefaultCameraTransform = (e = ALIGN.CENTER, t = !
 			total: r.length,
 			prevIndex: i,
 			sliderIndex: this._sliderIndex,
-			direction: d > i ? DIRECTION.NEXT : DIRECTION.PREV,
+			direction: d > i ? DIRECTION$1.NEXT : DIRECTION$1.PREV,
 			bullets: [...r],
 			moveTo: this.moveTo
 		}), this._previousIndex = d;
@@ -4989,11 +4914,11 @@ var Flicking$1 = _Flicking, getDefaultCameraTransform = (e = ALIGN.CENTER, t = !
 		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.WILL_CHANGE, this._onIndexChange), e.on(EVENTS.WILL_RESTORE, this._onIndexChange), e.on(EVENTS.PANEL_CHANGE, this.update), this.update();
+		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();
 	}
 	destroy() {
 		let e = this._flicking;
-		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);
+		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);
 	}
 	_createRenderer(e) {
 		let t = {
@@ -5012,6 +4937,2709 @@ var Flicking$1 = _Flicking, getDefaultCameraTransform = (e = ALIGN.CENTER, t = !
 		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 = [];
@@ -6511,7 +9139,7 @@ var _hoisted_1$3 = {
 								})])]), createBaseVNode("b", null, [createBaseVNode("span", null, toDisplayString(unref(showPrice)(-unref(f), unref(l))), 1)])])),
 								createBaseVNode("li", null, [createBaseVNode("span", null, toDisplayString(unref(t)("booking.reservation.totalPrice")), 1), createBaseVNode("b", null, [createBaseVNode("u", null, toDisplayString(unref(showPrice)(e.totalPrice, unref(l))), 1)])])
 							])]),
-							unref(v).actions && e.showTermsNotice ? renderSlot(n.$slots, "actions", { key: 1 }) : createCommentVNode("", !0),
+							unref(v).actions && e.showTermsNotice ? renderSlot(n.$slots, "actions", {}, void 0, void 0, 1) : createCommentVNode("", !0),
 							renderSlot(n.$slots, "navigation"),
 							e.prevCallback === void 0 ? createCommentVNode("", !0) : (openBlock(), createBlock(Clickable_default, {
 								key: 2,
@@ -6615,7 +9243,7 @@ var _hoisted_1$3 = {
 								secondary: "",
 								onClickEvent: e.prevCallback
 							}, null, 8, ["label", "onClickEvent"])),
-							unref(v).actions && e.showTermsNotice ? renderSlot(n.$slots, "actions", { key: 1 }) : createCommentVNode("", !0)
+							unref(v).actions && e.showTermsNotice ? renderSlot(n.$slots, "actions", {}, void 0, void 0, 1) : createCommentVNode("", !0)
 						])) : createCommentVNode("", !0)
 					])])])])), [[b]]),
 					createBaseVNode("div", _hoisted_34, [createVNode(PoweredByKonnectio_default)])