@konnectio/core 4.0.119 → 4.1.0

package/dist/{masonry.plugin-rZZcRBGq.js → masonry.plugin-Djhh4bxD.js}

@@ -1,8 +1,8 @@
-import { d as defineComponent, P as resolveComponent, Q as h, R as Comment, U as Text, F as Fragment, V as getCurrentInstance, r as ref, c as computed$1, E as watch, o as onMounted, a as openBlock, g as createElementBlock, b as createBlock, w as withCtx, e as createBaseVNode, h as withModifiers, j as createCommentVNode, f as createVNode, A as renderList, i as unref, n as normalizeClass, u as useI18n, s as storeToRefs, z as createSlots, G as withDirectives, t as toDisplayString, O as inject, K as resolveDirective, W as reactive, X as onUnmounted, v as renderSlot, Y as normalizeStyle, M as nextTick, H as vShow, x as createTextVNode, Z as mergeModels, y as useSlots, _ as useModel, T as Transition, B as isRef, q as mitt } from "./mitt-HQsLmGCg.js";
-import { I as Icon, _ as _export_sfc, b as useHotelStore, f as useEventStore, T as TextField, K as convertDescription, B as BookingLayout, h as useUtilityStore, q as capitalized, k as daysBetweenDates, o as showPrice, s as showDate, x as InputField, J as BookingHeaderLayout, y as useApplyGiftCardStore, d as Clickable, z as usePaymentStore } from "./SelectField.vue_vue_type_style_index_0_lang-B52OcB6R.js";
-import { B as Base$1, C as Checkbox, _ as _sfc_main$c } from "./CheckoutWindow-BLhGzw4p.js";
-import { A as ActionField } from "./ActionField-yaTIHJvx.js";
-import { E as Element$1 } from "./Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-AECoPKDc.js";
+import { d as defineComponent, P as resolveComponent, Q as h, R as Comment, U as Text, F as Fragment, V as getCurrentInstance, r as ref, c as computed$1, E as watch, o as onMounted, a as openBlock, g as createElementBlock, b as createBlock, w as withCtx, e as createBaseVNode, h as withModifiers, j as createCommentVNode, f as createVNode, A as renderList, i as unref, n as normalizeClass, u as useI18n, s as storeToRefs, z as createSlots, G as withDirectives, t as toDisplayString, O as inject, K as resolveDirective, W as reactive, X as onUnmounted, v as renderSlot, Y as normalizeStyle, M as nextTick, H as vShow, x as createTextVNode, Z as mergeModels, y as useSlots, _ as useModel, T as Transition, B as isRef, q as mitt } from "./mitt-Dv_UvJqG.js";
+import { I as Icon, _ as _export_sfc, b as useHotelStore, f as useEventStore, T as TextField, K as convertDescription, B as BookingLayout, h as useUtilityStore, q as capitalized, k as daysBetweenDates, o as showPrice, s as showDate, x as InputField, J as BookingHeaderLayout, y as useApplyGiftCardStore, d as Clickable, z as usePaymentStore } from "./SelectField.vue_vue_type_style_index_0_lang-CAOBBtwX.js";
+import { B as Base$1, C as Checkbox, _ as _sfc_main$c } from "./CheckoutWindow-BzNZHnDo.js";
+import { A as ActionField } from "./ActionField-Cpmt5Zg9.js";
+import { E as Element$1 } from "./Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-CSJEkKWu.js";
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./_commonjsHelpers-DaMA6jEr.js";
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -143,7 +143,7 @@ var isUndefined = function(s) {
     if (d) {
       var f = 0;
       try {
-        for (var g = __values$1(d), _ = g.next(); !_.done; _ = g.next()) {
+        for (var p = __values$1(d), _ = p.next(); !_.done; _ = p.next()) {
           var b = _.value;
           if (b === e) {
             d.splice(f, 1), d.length <= 0 && delete this._eventHandler[t];
@@ -157,7 +157,7 @@ var isUndefined = function(s) {
         };
       } finally {
         try {
-          _ && !_.done && (r = g.return) && r.call(g);
+          _ && !_.done && (r = p.return) && r.call(p);
         } finally {
           if (n) throw n.error;
         }
@@ -343,12 +343,12 @@ function getLegacyAgent(s) {
     name: "unknown",
     version: "-1",
     majorVersion: -1
-  }, r = findPreset(BROWSER_PRESETS, i), l = r.preset, u = r.version, d = findPreset(OS_PRESETS, i), f = d.preset, g = d.version, _ = findPreset(CHROMIUM_PRESETS, i);
+  }, r = findPreset(BROWSER_PRESETS, i), l = r.preset, u = r.version, d = findPreset(OS_PRESETS, i), f = d.preset, p = d.version, _ = findPreset(CHROMIUM_PRESETS, i);
   if (e.chromium = !!_.preset, e.chromiumVersion = _.version, !e.chromium) {
     var b = findPreset(WEBKIT_PRESETS, i);
     e.webkit = !!b.preset, e.webkitVersion = b.version;
   }
-  return f && (n.name = f.id, n.version = g, n.majorVersion = parseInt(g, 10)), l && (e.name = l.id, e.version = u, e.webview && n.name === "ios" && e.name !== "safari" && (e.webview = !1)), e.majorVersion = parseInt(e.version, 10), {
+  return f && (n.name = f.id, n.version = p, n.majorVersion = parseInt(p, 10)), l && (e.name = l.id, e.version = u, e.webview && n.name === "ios" && e.name !== "safari" && (e.webview = !1)), e.majorVersion = parseInt(e.version, 10), {
     browser: e,
     os: n,
     isMobile: t,
@@ -378,10 +378,10 @@ function getClientHintsAgent(s) {
     var f = findPresetBrand(WEBKIT_PRESETS, t);
     l.webkit = !!f.brand, l.webkitVersion = f.version;
   }
-  var g = find$1(OS_PRESETS, function(b) {
+  var p = find$1(OS_PRESETS, function(b) {
     return new RegExp("" + b.test, "g").exec(r);
   });
-  u.name = g ? g.id : "";
+  u.name = p ? p.id : "";
   {
     var _ = findPresetBrand(BROWSER_PRESETS, t);
     l.name = _.brand || l.name, l.version = _.brand && s ? s.uaFullVersion : _.version;
@@ -778,7 +778,7 @@ var requestAnimationFrame$2 = function(s) {
   }, i.triggerChange = function(t, e, n, r) {
     var l = this;
     r === void 0 && (r = !1);
-    var u = this.animationManager, d = u.axisManager, f = u.getEventInfo(), g = this._getRoundPos(t, e), _ = g.roundPos, b = g.roundDepa, v = d.moveTo(_, b), m = n?.event || f?.event || null, P = {
+    var u = this.animationManager, d = u.axisManager, f = u.getEventInfo(), p = this._getRoundPos(t, e), _ = p.roundPos, b = p.roundDepa, v = d.moveTo(_, b), m = n?.event || f?.event || null, P = {
       pos: v.pos,
       delta: v.delta,
       bounceRatio: this._getBounceRatio(v.pos),
@@ -790,9 +790,9 @@ var requestAnimationFrame$2 = function(s) {
       }
       // eslint-disable-line @typescript-eslint/no-empty-function
     }, y = new ComponentEvent$1("change", P);
-    return this._axes.trigger(y), Object.keys(v.pos).forEach(function(p) {
-      var E = v.pos[p];
-      getObserver(l._axes, p, E).current = E;
+    return this._axes.trigger(y), Object.keys(v.pos).forEach(function(g) {
+      var E = v.pos[g];
+      getObserver(l._axes, g, E).current = E;
     }), m && d.set(P.set().destPos), !y.isCanceled();
   }, i.triggerAnimationStart = function(t) {
     var e = this._getRoundPos(t.destPos, t.depaPos), n = e.roundPos, r = e.roundDepa;
@@ -946,22 +946,22 @@ var requestAnimationFrame$2 = function(s) {
     var e, n = this.prevEvent, r = this._getCenter(t), l = n ? this._getMovement(t) : {
       x: 0,
       y: 0
-    }, u = n ? this._getScale(t) : 1, d = n ? getAngle(r.x - n.center.x, r.y - n.center.y) : 0, f = n ? n.deltaX + l.x : l.x, g = n ? n.deltaY + l.y : l.y, _ = l.x, b = l.y, v = this._latestInterval, m = Date.now(), P = v ? m - v.timestamp : 0, y = n ? n.velocityX : 0, p = n ? n.velocityY : 0;
-    return (!v || P >= VELOCITY_INTERVAL) && (v && (e = [(f - v.deltaX) / P, (g - v.deltaY) / P], y = e[0], p = e[1]), this._latestInterval = {
+    }, u = n ? this._getScale(t) : 1, d = n ? getAngle(r.x - n.center.x, r.y - n.center.y) : 0, f = n ? n.deltaX + l.x : l.x, p = n ? n.deltaY + l.y : l.y, _ = l.x, b = l.y, v = this._latestInterval, m = Date.now(), P = v ? m - v.timestamp : 0, y = n ? n.velocityX : 0, g = n ? n.velocityY : 0;
+    return (!v || P >= VELOCITY_INTERVAL) && (v && (e = [(f - v.deltaX) / P, (p - v.deltaY) / P], y = e[0], g = e[1]), this._latestInterval = {
       timestamp: m,
       deltaX: f,
-      deltaY: g
+      deltaY: p
     }), {
       srcEvent: t,
       scale: u,
       angle: d,
       center: r,
       deltaX: f,
-      deltaY: g,
+      deltaY: p,
       offsetX: _,
       offsetY: b,
       velocityX: y,
-      velocityY: p,
+      velocityY: g,
       preventSystemEvent: !0
     };
   }, i._getDistance = function(t, e) {
@@ -1203,8 +1203,8 @@ var InputObserver = /* @__PURE__ */ function() {
           event: e
         };
         if (r) {
-          var g = this._animationManager.getDuration(d, u);
-          this._animationManager.animateTo(d, g, f);
+          var p = this._animationManager.getDuration(d, u);
+          this._animationManager.animateTo(d, p, f);
         } else {
           var _ = !this._eventManager.triggerChange(d, u, f, !0);
           _ && (this._isStopped = !0, this._moveDistance = null, this._animationManager.finish(!1));
@@ -1217,8 +1217,8 @@ var InputObserver = /* @__PURE__ */ function() {
       l.__childrenAxesAlreadyReleased && (n = n.map(function() {
         return 0;
       }));
-      var u = this._axisManager.get(t.axes), d = this._axisManager.get(), f = this._animationManager.getDisplacement(n), g = toAxis(t.axes, f), _ = this._axisManager.get(this._axisManager.map(g, function(p, E, T) {
-        return E.circular && (E.circular[0] || E.circular[1]) ? u[T] + p : getInsidePosition(u[T] + p, E.range, E.circular, E.bounce);
+      var u = this._axisManager.get(t.axes), d = this._axisManager.get(), f = this._animationManager.getDisplacement(n), p = toAxis(t.axes, f), _ = this._axisManager.get(this._axisManager.map(p, function(g, E, T) {
+        return E.circular && (E.circular[0] || E.circular[1]) ? u[T] + g : getInsidePosition(u[T] + g, E.range, E.circular, E.bounce);
       }));
       l.__childrenAxesAlreadyReleased = !0;
       var b = this._animationManager.getDuration(_, u, r);
@@ -1321,14 +1321,14 @@ var InputObserver = /* @__PURE__ */ function() {
     if (!d && this.axisManager.every(f.destPos, function(_, b) {
       return isCircularable(_, b.range, b.circular);
     }) && console.warn("You can't stop the 'animation' event when 'circular' is true."), d && !equal(f.destPos, u)) {
-      var g = n?.event || null;
+      var p = n?.event || null;
       this._animateLoop({
         depaPos: u,
         destPos: f.destPos,
         duration: f.duration,
         delta: this.axisManager.getDelta(u, f.destPos),
-        isTrusted: !!g,
-        inputEvent: g,
+        isTrusted: !!p,
+        inputEvent: p,
         input: n?.input || null
       }, function() {
         return r.animationEnd();
@@ -1344,8 +1344,8 @@ var InputObserver = /* @__PURE__ */ function() {
       return r[d] !== u;
     });
     return Object.keys(l).length ? (l = this.axisManager.map(l, function(u, d) {
-      var f = d.range, g = d.circular;
-      return g && (g[0] || g[1]) ? u : getInsidePosition(u, f, g);
+      var f = d.range, p = d.circular;
+      return p && (p[0] || p[1]) ? u : getInsidePosition(u, f, p);
     }), equal(l, r) ? this : (e > 0 ? this.animateTo(l, e) : (this.stopAnimation(), this.eventManager.triggerChange(l), this.finish(!1)), this)) : this;
   }, i.setBy = function(t, e) {
     return e === void 0 && (e = 0), this.setTo(map(this.axisManager.get(Object.keys(t)), function(n, r) {
@@ -1375,11 +1375,11 @@ var InputObserver = /* @__PURE__ */ function() {
         return d;
       }), l = this._initState(this._animateParam), u = function() {
         n._raf = null;
-        var d = n._animateParam, f = n._getNextState(l), g = !n.eventManager.triggerChange(f.pos, l.pos);
+        var d = n._animateParam, f = n._getNextState(l), p = !n.eventManager.triggerChange(f.pos, l.pos);
         if (l = f, f.finished) {
           d.destPos = n._getFinalPos(d.destPos, r), equal(d.destPos, n.axisManager.get(Object.keys(d.destPos))) || n.eventManager.triggerChange(d.destPos, f.pos), e();
           return;
-        } else g ? n.finish(!1) : n._raf = requestAnimationFrame$2(u);
+        } else p ? n.finish(!1) : n._raf = requestAnimationFrame$2(u);
       };
       u();
     } else
@@ -1388,8 +1388,8 @@ var InputObserver = /* @__PURE__ */ function() {
     var n = this, r = 1e-6, l = map(t, function(u, d) {
       if (u >= e[d] - r && u <= e[d] + r)
         return e[d];
-      var f = n._getRoundUnit(u, d), g = roundNumber(u, f);
-      return g;
+      var f = n._getRoundUnit(u, d), p = roundNumber(u, f);
+      return p;
     });
     return l;
   }, i._getRoundUnit = function(t, e) {
@@ -1423,8 +1423,8 @@ var InputObserver = /* @__PURE__ */ function() {
         this._initialEasingPer = this._prevEasingPer, r.delta = this.axisManager.getDelta(f, u), r.destPos = u;
       }
       if (e?.duration) {
-        var g = (l + this._durationOffset) / r.duration;
-        this._durationOffset = g * d - l, r.duration = d;
+        var p = (l + this._durationOffset) / r.duration;
+        this._durationOffset = p * d - l, r.duration = d;
       }
     }
   }, t._initState = function(e) {
@@ -1436,13 +1436,13 @@ var InputObserver = /* @__PURE__ */ function() {
   }, t._getNextState = function(e) {
     var n = this, r = this._animateParam, l = e.pos, u = r.destPos, d = map(l, function(v, m) {
       return v <= u[m] ? 1 : -1;
-    }), f = (/* @__PURE__ */ new Date()).getTime() - r.startTime, g = (f + this._durationOffset) / r.duration, _ = this._easing(g), b = this.axisManager.map(l, function(v, m, P) {
-      var y = g >= 1 ? u[P] : v + r.delta[P] * (_ - n._prevEasingPer) / (1 - n._initialEasingPer), p = getCirculatedPos(y, m.range, m.circular);
-      if (y !== p) {
+    }), f = (/* @__PURE__ */ new Date()).getTime() - r.startTime, p = (f + this._durationOffset) / r.duration, _ = this._easing(p), b = this.axisManager.map(l, function(v, m, P) {
+      var y = p >= 1 ? u[P] : v + r.delta[P] * (_ - n._prevEasingPer) / (1 - n._initialEasingPer), g = getCirculatedPos(y, m.range, m.circular);
+      if (y !== g) {
         var E = d[P] * (m.range[1] - m.range[0]);
         u[P] -= E, l[P] -= E;
       }
-      return p;
+      return g;
     });
     return this._prevEasingPer = _, {
       pos: b,
@@ -1577,13 +1577,13 @@ var InputObserver = /* @__PURE__ */ function() {
       this._dragged = !1, this._isOverThreshold = !1, this._observer.hold(this, d), this._atRightEdge = IS_IOS_SAFARI && d.center.x > window.innerWidth - f, this._attachWindowEvent(u), l && d.srcEvent.type !== "touchstart" && d.srcEvent.preventDefault(), u.prevEvent = d;
     }
   }, i._onPanmove = function(t) {
-    var e = this, n = this.options, r = n.iOSEdgeSwipeThreshold, l = n.preventClickOnDrag, u = n.releaseOnScroll, d = n.inputKey, f = n.inputButton, g = n.threshold, _ = n.thresholdAngle, b = this._activeEvent, v = b.onEventMove(t, d, f), m = b.getTouches(t, f);
+    var e = this, n = this.options, r = n.iOSEdgeSwipeThreshold, l = n.preventClickOnDrag, u = n.releaseOnScroll, d = n.inputKey, f = n.inputButton, p = n.threshold, _ = n.thresholdAngle, b = this._activeEvent, v = b.onEventMove(t, d, f), m = b.getTouches(t, f);
     if (m === 0 || u && v && !v.srcEvent.cancelable) {
       this._onPanend(t);
       return;
     }
     if (!(!v || !this._enabled || m > 1)) {
-      var P = getDirectionByAngle(v.angle, _), y = useDirection(DIRECTION_HORIZONTAL, this._direction, P), p = useDirection(DIRECTION_VERTICAL, this._direction, P);
+      var P = getDirectionByAngle(v.angle, _), y = useDirection(DIRECTION_HORIZONTAL, this._direction, P), g = useDirection(DIRECTION_VERTICAL, this._direction, P);
       if (b.prevEvent && IS_IOS_SAFARI) {
         var E = v.center.x < 0;
         if (E) {
@@ -1597,10 +1597,10 @@ var InputObserver = /* @__PURE__ */ function() {
           }, 100);
         }
       }
-      var O = this._getDistance([v.deltaX, v.deltaY], [y, p]), S = this._getOffset([v.offsetX, v.offsetY], [y, p]), C = S.some(function(x) {
+      var O = this._getDistance([v.deltaX, v.deltaY], [y, g]), S = this._getOffset([v.offsetX, v.offsetY], [y, g]), C = S.some(function(x) {
         return x !== 0;
       });
-      C && (v.srcEvent.cancelable !== !1 && v.srcEvent.preventDefault(), v.srcEvent.stopPropagation()), v.preventSystemEvent = C, C && (this._isOverThreshold || O >= g) && (this._dragged = l, this._isOverThreshold = !0, this._observer.change(this, v, toAxis(this.axes, S))), b.prevEvent = v;
+      C && (v.srcEvent.cancelable !== !1 && v.srcEvent.preventDefault(), v.srcEvent.stopPropagation()), v.preventSystemEvent = C, C && (this._isOverThreshold || O >= p) && (this._dragged = l, this._isOverThreshold = !0, this._observer.change(this, v, toAxis(this.axes, S))), b.prevEvent = v;
     }
   }, i._onPanend = function(t) {
     var e = this.options.inputButton, n = this._activeEvent;
@@ -1852,15 +1852,15 @@ var Loader = /* @__PURE__ */ function(s) {
       var f = n.getLoader(u, {
         prefix: r
       });
-      return f.check(), f.on("error", function(g) {
-        n.onError(d, g.target);
-      }).on("preReady", function(g) {
+      return f.check(), f.on("error", function(p) {
+        n.onError(d, p.target);
+      }).on("preReady", function(p) {
         var _ = n.elementInfos[d];
-        _.hasLoading = g.hasLoading, _.isSkip = g.isSkip;
+        _.hasLoading = p.hasLoading, _.isSkip = p.isSkip;
         var b = n.checkPreReady(d);
         n.onPreReadyElement(d), b && n.onPreReady();
-      }).on("ready", function(g) {
-        var _ = g.withPreReady, b = g.hasLoading, v = g.isSkip, m = n.elementInfos[d];
+      }).on("ready", function(p) {
+        var _ = p.withPreReady, b = p.hasLoading, v = p.isSkip, m = n.elementInfos[d];
         m.hasLoading = b, m.isSkip = v;
         var P = _ && n.checkPreReady(d), y = n.checkReady(d);
         _ && n.onPreReadyElement(d), n.onReadyElement(d), P && n.onPreReady(), y && n.onReady();
@@ -1900,25 +1900,25 @@ var Loader = /* @__PURE__ */ function(s) {
     var r = this, l = e.tagName.toLowerCase(), u = this.options.loaders, d = n.prefix, f = Object.keys(u);
     if (u[l])
       return new u[l](e, n);
-    var g = new ElementLoader(e, n), _ = toArray$1(e.querySelectorAll(f.join(", ")));
-    g.setHasLoading(_.some(function(m) {
+    var p = new ElementLoader(e, n), _ = toArray$1(e.querySelectorAll(f.join(", ")));
+    p.setHasLoading(_.some(function(m) {
       return hasLoadingAttribute(m, d);
     }));
     var b = !1, v = this.clone().on("error", function(m) {
-      g.onError(m.target);
+      p.onError(m.target);
     }).on("ready", function() {
-      g.onReady(b);
+      p.onReady(b);
     });
-    return g.on("requestChildren", function() {
+    return p.on("requestChildren", function() {
       var m = getContentElements(e, f, r.options.prefix);
       v.check(m).on("preReady", function(P) {
-        b = P.isReady, b || g.onPreReady();
+        b = P.isReady, b || p.onPreReady();
       });
     }).on("reqeustReadyChildren", function() {
       v.check(_);
     }).on("requestDestroy", function() {
       v.destroy();
-    }), g;
+    }), p;
   }, t.clone = function() {
     return new i(__assign$2({}, this.options));
   }, t.checkPreReady = function(e) {
@@ -2055,22 +2055,22 @@ function __awaiter$1(s, i, t, e) {
     });
   }
   return new (t || (t = Promise))(function(r, l) {
-    function u(g) {
+    function u(p) {
       try {
-        f(e.next(g));
+        f(e.next(p));
       } catch (_) {
         l(_);
       }
     }
-    function d(g) {
+    function d(p) {
       try {
-        f(e.throw(g));
+        f(e.throw(p));
       } catch (_) {
         l(_);
       }
     }
-    function f(g) {
-      g.done ? r(g.value) : n(g.value).then(u, d);
+    function f(p) {
+      p.done ? r(p.value) : n(p.value).then(u, d);
     }
     f((e = e.apply(s, [])).next());
   });
@@ -2093,8 +2093,8 @@ function __generator$1(s, i) {
     return this;
   }), l;
   function u(f) {
-    return function(g) {
-      return d([f, g]);
+    return function(p) {
+      return d([f, p]);
     };
   }
   function d(f) {
@@ -2138,8 +2138,8 @@ function __generator$1(s, i) {
           continue;
       }
       f = i.call(s, t);
-    } catch (g) {
-      f = [6, g], n = 0;
+    } catch (p) {
+      f = [6, p], n = 0;
     } finally {
       e = r = 0;
     }
@@ -2264,6 +2264,8 @@ var CODE = {
   FREE_SCROLL: "freeScroll",
   STRICT: "strict"
 }, CLASS = {
+  VIEWPORT: "flicking-viewport",
+  CAMERA: "flicking-camera",
   VERTICAL: "vertical",
   HIDDEN: "flicking-hidden",
   DEFAULT_VIRTUAL: "flicking-panel"
@@ -2432,7 +2434,7 @@ var CODE = {
   return window.getComputedStyle(s) || s.currentStyle;
 }, setSize = function(s, i) {
   var t = i.width, e = i.height;
-  t != null && (isString(t) ? s.style.width = t : s.style.width = t + "px"), e != null && (isString(e) ? s.style.height = e : s.style.height = e + "px");
+  s && (t != null && (isString(t) ? s.style.width = t : s.style.width = t + "px"), e != null && (isString(e) ? s.style.height = e : s.style.height = e + "px"));
 }, isBetween = function(s, i, t) {
   return s >= i && s <= t;
 }, circulateIndex = function(s, i) {
@@ -2448,8 +2450,8 @@ var CODE = {
     if (d)
       l = n ? u : u - f;
     else {
-      var g = t ? parseFloat(r.paddingLeft || "0") + parseFloat(r.paddingRight || "0") : parseFloat(r.paddingTop || "0") + parseFloat(r.paddingBottom || "0");
-      l = n ? u + g + f : u + g;
+      var p = t ? parseFloat(r.paddingLeft || "0") + parseFloat(r.paddingRight || "0") : parseFloat(r.paddingTop || "0") + parseFloat(r.paddingBottom || "0");
+      l = n ? u + p + f : u + p;
     }
   } else {
     var _ = t ? "Width" : "Height";
@@ -2836,8 +2838,8 @@ var State = /* @__PURE__ */ function() {
     var e = t.flicking, n = t.axesEvent, r = t.transitTo, l = n.delta[POSITION_KEY];
     if (l) {
       this._delta += l;
-      var u = e.camera, d = u.position, f = n.pos[POSITION_KEY], g = e.circularEnabled ? circulatePosition(f, u.range.min, u.range.max) : f;
-      u.lookAt(g);
+      var u = e.camera, d = u.position, f = n.pos[POSITION_KEY], p = e.circularEnabled ? circulatePosition(f, u.range.min, u.range.max) : f;
+      u.lookAt(p);
       var _ = new ComponentEvent$1(EVENTS.MOVE, {
         isTrusted: n.isTrusted,
         holding: this.holding,
@@ -2883,13 +2885,16 @@ var State = /* @__PURE__ */ function() {
   }
   var t = i.prototype;
   return t.onChange = function(e) {
-    var n = e.flicking, r = e.axesEvent, l = e.transitTo, u = r.inputEvent, d = n.horizontal ? u.offsetX : u.offsetY, f = new ComponentEvent$1(EVENTS.MOVE_START, {
-      isTrusted: r.isTrusted,
-      holding: this.holding,
-      direction: getDirection(0, -d),
-      axesEvent: r
-    });
-    n.trigger(f), f.isCanceled() ? l(STATE_TYPE.DISABLED) : l(STATE_TYPE.DRAGGING).onChange(e);
+    var n = e.flicking, r = e.axesEvent, l = e.transitTo, u = r.inputEvent;
+    if (u) {
+      var d = n.horizontal ? u.offsetX : u.offsetY, f = new ComponentEvent$1(EVENTS.MOVE_START, {
+        isTrusted: r.isTrusted,
+        holding: this.holding,
+        direction: getDirection(0, -d),
+        axesEvent: r
+      });
+      n.trigger(f), f.isCanceled() ? l(STATE_TYPE.DISABLED) : l(STATE_TYPE.DRAGGING).onChange(e);
+    }
   }, t.onRelease = function(e) {
     var n = e.flicking, r = e.axesEvent, l = e.transitTo;
     if (n.trigger(new ComponentEvent$1(EVENTS.HOLD_END, {
@@ -2904,18 +2909,18 @@ var State = /* @__PURE__ */ function() {
   }, t.onFinish = function(e) {
     var n, r, l = e.flicking, u = e.transitTo;
     if (u(STATE_TYPE.IDLE), !!this._releaseEvent) {
-      var d = this._releaseEvent, f = d.inputEvent.srcEvent, g;
+      var d = this._releaseEvent, f = d.inputEvent.srcEvent, p;
       if (f.type === "touchend") {
         var _ = f, b = _.changedTouches[0];
-        g = document.elementFromPoint(b.clientX, b.clientY);
+        p = document.elementFromPoint(b.clientX, b.clientY);
       } else
-        g = f.target;
+        p = f.target;
       var v = l.renderer.panels, m = null;
       try {
         for (var P = __values(v), y = P.next(); !y.done; y = P.next()) {
-          var p = y.value;
-          if (p.contains(g)) {
-            m = p;
+          var g = y.value;
+          if (g.contains(p)) {
+            m = g;
             break;
           }
         }
@@ -2959,9 +2964,9 @@ var State = /* @__PURE__ */ function() {
       return;
     }
     u(STATE_TYPE.ANIMATING);
-    var d = r.control, f = l.destPos[POSITION_KEY], g = Math.max(l.duration, r.duration);
+    var d = r.control, f = l.destPos[POSITION_KEY], p = Math.max(l.duration, r.duration);
     try {
-      d.moveToPosition(f, g, l);
+      d.moveToPosition(f, p, l);
     } catch {
       u(STATE_TYPE.IDLE), l.setTo((n = {}, n[POSITION_KEY] = r.camera.position, n), 0);
     }
@@ -2989,8 +2994,8 @@ var State = /* @__PURE__ */ function() {
       direction: getDirection(f.start, f.end),
       axesEvent: r
     }));
-    var g = this._targetPanel;
-    g && u.setActive(g, u.activePanel, r.isTrusted);
+    var p = this._targetPanel;
+    p && u.setActive(p, u.activePanel, r.isTrusted);
   }, i;
 }(State), DisabledState = /* @__PURE__ */ function(s) {
   __extends$2(i, s);
@@ -3231,7 +3236,7 @@ var State = /* @__PURE__ */ function() {
       easing: t.easing
     }), this._panInput = new PanInput(t.viewport.element, {
       inputType: t.inputType,
-      threshold: 1,
+      threshold: t.dragThreshold,
       iOSEdgeSwipeThreshold: t.iOSEdgeSwipeThreshold,
       preventDefaultOnDrag: t.preventDefaultOnDrag,
       scale: t.horizontal ? [t.camera.panelOrder === ORDER.RTL ? 1 : -1, 0] : [0, -1],
@@ -3241,10 +3246,10 @@ var State = /* @__PURE__ */ function() {
     r.connect(t.horizontal ? [POSITION_KEY, ""] : ["", POSITION_KEY], this._panInput);
     var l = function(d) {
       var f = EVENT[d];
-      r.on(f, function(g) {
+      r.on(f, function(p) {
         n._stateMachine.fire(f, {
           flicking: t,
-          axesEvent: g
+          axesEvent: p
         });
       });
     };
@@ -3289,8 +3294,8 @@ var State = /* @__PURE__ */ function() {
       return Promise.reject(new FlickingError(MESSAGE.NOT_ATTACHED_TO_FLICKING, CODE.NOT_ATTACHED_TO_FLICKING));
     var f = u.get([POSITION_KEY])[POSITION_KEY];
     if (f === t) {
-      var g = getFlickingAttached(this._flicking);
-      return g.camera.lookAt(t), d.targetPanel && g.control.setActive(d.targetPanel, g.control.activePanel, (l = n?.isTrusted) !== null && l !== void 0 ? l : !1), Promise.resolve();
+      var p = getFlickingAttached(this._flicking);
+      return p.camera.lookAt(t), d.targetPanel && p.control.setActive(d.targetPanel, p.control.activePanel, (l = n?.isTrusted) !== null && l !== void 0 ? l : !1), Promise.resolve();
     }
     this._animatingContext = {
       start: f,
@@ -3444,23 +3449,23 @@ var State = /* @__PURE__ */ function() {
   }, i.copy = function(t) {
     this._flicking = t._flicking, this._activePanel = t._activePanel, this._controller = t._controller;
   }, i._triggerIndexChangeEvent = function(t, e, n, r) {
-    var l, u = getFlickingAttached(this._flicking), d = t !== this._activePanel ? EVENTS.WILL_CHANGE : EVENTS.WILL_RESTORE, f = u.camera, g = this._activePanel, _ = new ComponentEvent$1(d, {
+    var l, u = getFlickingAttached(this._flicking), d = t !== this._activePanel ? EVENTS.WILL_CHANGE : EVENTS.WILL_RESTORE, f = u.camera, p = this._activePanel, _ = new ComponentEvent$1(d, {
       index: t.index,
       panel: t,
       isTrusted: n?.isTrusted || !1,
-      direction: r ?? getDirection((l = g?.position) !== null && l !== void 0 ? l : f.position, e)
+      direction: r ?? getDirection((l = p?.position) !== null && l !== void 0 ? l : f.position, e)
     });
     if (this._nextPanel = t, u.trigger(_), _.isCanceled())
       throw new FlickingError(MESSAGE.STOP_CALLED_BY_USER, CODE.STOP_CALLED_BY_USER);
   }, i._animateToPosition = function(t) {
     var e = t.position, n = t.duration, r = t.newActivePanel, l = t.axesEvent;
     return __awaiter$1(this, void 0, void 0, function() {
-      var u, d, f, g = this;
+      var u, d, f, p = this;
       return __generator$1(this, function(_) {
         return u = getFlickingAttached(this._flicking), d = function() {
-          return g._controller.animateTo(e, n, l);
+          return p._controller.animateTo(e, n, l);
         }, f = this._controller.state, f.targetPanel = r, n <= 0 ? [2, d()] : [2, d().then(function() {
-          return __awaiter$1(g, void 0, void 0, function() {
+          return __awaiter$1(p, void 0, void 0, function() {
             return __generator$1(this, function(b) {
               switch (b.label) {
                 case 0:
@@ -3487,10 +3492,10 @@ var State = /* @__PURE__ */ function() {
     if (!r.canReach(t))
       l = u.position, t = u.panel;
     else if (n.circularEnabled) {
-      var d = this._controller.position, f = r.rangeDiff, g = [l, l + f, l - f].filter(function(_) {
+      var d = this._controller.position, f = r.rangeDiff, p = [l, l + f, l - f].filter(function(_) {
         return e === DIRECTION.NONE ? !0 : e === DIRECTION.PREV ? _ <= d : _ >= d;
       });
-      l = g.reduce(function(_, b) {
+      l = p.reduce(function(_, b) {
         return Math.abs(d - b) < Math.abs(d - _) ? b : _;
       }, 1 / 0);
     }
@@ -3562,10 +3567,10 @@ var State = /* @__PURE__ */ function() {
     enumerable: !1,
     configurable: !0
   }), t.moveToPosition = function(e, n, r) {
-    var l = getFlickingAttached(this._flicking), u = l.camera, d = u.findActiveAnchor(), f = u.findNearestAnchor(u.position), g = this._controller.state;
+    var l = getFlickingAttached(this._flicking), u = l.camera, d = u.findActiveAnchor(), f = u.findNearestAnchor(u.position), p = this._controller.state;
     if (!d || !f)
       return Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE));
-    var _ = this._calcSnapThreshold(l.threshold, e, d), b = l.animating ? g.delta : e - u.position, v = Math.abs(b), m = r && r.delta[POSITION_KEY] !== 0 ? Math.abs(r.delta[POSITION_KEY]) : v, P;
+    var _ = this._calcSnapThreshold(l.threshold, e, d), b = l.animating ? p.delta : e - u.position, v = Math.abs(b), m = r && r.delta[POSITION_KEY] !== 0 ? Math.abs(r.delta[POSITION_KEY]) : v, P;
     if (m >= _ && m > 0)
       P = this._findSnappedAnchor(e, f);
     else if (v >= l.threshold && v > 0)
@@ -3582,16 +3587,16 @@ var State = /* @__PURE__ */ function() {
       axesEvent: r
     });
   }, t._findSnappedAnchor = function(e, n) {
-    var r = getFlickingAttached(this._flicking), l = r.camera, u = this._count, d = l.position, f = l.clampToReachablePosition(e), g = l.findAnchorIncludePosition(f);
-    if (!n || !g)
+    var r = getFlickingAttached(this._flicking), l = r.camera, u = this._count, d = l.position, f = l.clampToReachablePosition(e), p = l.findAnchorIncludePosition(f);
+    if (!n || !p)
       throw new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE);
     if (!isFinite(u))
-      return g;
+      return p;
     var _ = r.panelCount, b = l.anchorPoints, v = Math.sign(e - d) * Math.floor(Math.abs(e - d) / l.rangeDiff);
-    e > d && g.index < n.index || g.position > n.position && g.index === n.index ? v += 1 : (e < d && g.index > n.index || g.position < n.position && g.index === n.index) && (v -= 1);
-    var m = v * _, P = g.index + m;
+    e > d && p.index < n.index || p.position > n.position && p.index === n.index ? v += 1 : (e < d && p.index > n.index || p.position < n.position && p.index === n.index) && (v -= 1);
+    var m = v * _, P = p.index + m;
     if (Math.abs(P - n.index) <= u) {
-      var y = b[g.index];
+      var y = b[p.index];
       return new AnchorPoint({
         index: y.index,
         position: y.position + v * l.rangeDiff,
@@ -3599,11 +3604,11 @@ var State = /* @__PURE__ */ function() {
       });
     }
     if (r.circularEnabled) {
-      var p = b[circulateIndex(n.index + Math.sign(e - d) * u, _)], E = Math.floor(u / _);
-      return e > d && p.index < n.index ? E += 1 : e < d && p.index > n.index && (E -= 1), new AnchorPoint({
-        index: p.index,
-        position: p.position + E * l.rangeDiff,
-        panel: p.panel
+      var g = b[circulateIndex(n.index + Math.sign(e - d) * u, _)], E = Math.floor(u / _);
+      return e > d && g.index < n.index ? E += 1 : e < d && g.index > n.index && (E -= 1), new AnchorPoint({
+        index: g.index,
+        position: g.position + E * l.rangeDiff,
+        panel: g.panel
       });
     } else
       return b[clamp(n.index + Math.sign(e - d) * u, 0, b.length - 1)];
@@ -3614,8 +3619,8 @@ var State = /* @__PURE__ */ function() {
       if (f && f.position !== r.position)
         return f;
     }
-    var g = (l = n > 0 ? d.getNextAnchor(r) : d.getPrevAnchor(r)) !== null && l !== void 0 ? l : r;
-    return g;
+    var p = (l = n > 0 ? d.getNextAnchor(r) : d.getPrevAnchor(r)) !== null && l !== void 0 ? l : r;
+    return p;
   }, t._calcSnapThreshold = function(e, n, r) {
     var l = n > r.position, u = r.panel, d = u.size, f = u.alignPosition;
     return Math.max(e, l ? d - f + u.margin.next : f + u.margin.prev);
@@ -3652,11 +3657,11 @@ var State = /* @__PURE__ */ function() {
     var l = getFlickingAttached(this._flicking), u = l.camera, d = u.clampToReachablePosition(e), f = u.findAnchorIncludePosition(d);
     if (!f)
       return Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE));
-    var g = f.panel;
-    return g !== this._activePanel && this._triggerIndexChangeEvent(g, e, r), this._animateToPosition({
+    var p = f.panel;
+    return p !== this._activePanel && this._triggerIndexChangeEvent(p, e, r), this._animateToPosition({
       position: this._stopAtEdge ? d : e,
       duration: n,
-      newActivePanel: g,
+      newActivePanel: p,
       axesEvent: r
     });
   }, i;
@@ -3687,17 +3692,17 @@ var State = /* @__PURE__ */ function() {
   }), t.destroy = function() {
     s.prototype.destroy.call(this), this._resetIndexRange();
   }, t.updateInput = function() {
-    var e, n = getFlickingAttached(this._flicking), r = n.camera, l = n.renderer, u = this._controller, d = r.controlParams, f = this._count, g = u.state.animating ? (e = r.findNearestAnchor(r.position)) === null || e === void 0 ? void 0 : e.panel : this._activePanel;
-    if (!g)
+    var e, n = getFlickingAttached(this._flicking), r = n.camera, l = n.renderer, u = this._controller, d = r.controlParams, f = this._count, p = u.state.animating ? (e = r.findNearestAnchor(r.position)) === null || e === void 0 ? void 0 : e.panel : this._activePanel;
+    if (!p)
       return u.update(d), this._resetIndexRange(), this;
-    var _ = d.range, b = g.position, v = g.index, m = l.panelCount, P = v - f, y = v + f;
+    var _ = d.range, b = p.position, v = p.index, m = l.panelCount, P = v - f, y = v + f;
     P < 0 && (P = n.circularEnabled ? getMinusCompensatedIndex((P + 1) % m - 1, m) : clamp(P, 0, m - 1)), y >= m && (y = n.circularEnabled ? y % m : clamp(y, 0, m - 1));
-    var p = l.panels[P], E = l.panels[y], T = Math.max(p.position, _.min), O = Math.min(E.position, _.max);
+    var g = l.panels[P], E = l.panels[y], T = Math.max(g.position, _.min), O = Math.min(E.position, _.max);
     return T > b && (T -= r.rangeDiff), O < b && (O += r.rangeDiff), d.range = {
       min: T,
       max: O
     }, d.circular && (d.position < T && (d.position += r.rangeDiff), d.position > O && (d.position -= r.rangeDiff)), d.circular = !1, u.update(d), this._indexRange = {
-      min: p.index,
+      min: g.index,
       max: E.index
     }, this;
   }, t.moveToPanel = function(e, n) {
@@ -3708,10 +3713,10 @@ var State = /* @__PURE__ */ function() {
       });
     });
   }, t.moveToPosition = function(e, n, r) {
-    var l, u = getFlickingAttached(this._flicking), d = u.camera, f = (l = this._nextPanel) !== null && l !== void 0 ? l : this._activePanel, g = this._controller.range, _ = this._indexRange, b = d.range, v = this._controller.state, m = clamp(d.clampToReachablePosition(e), g[0], g[1]), P = d.findAnchorIncludePosition(m);
+    var l, u = getFlickingAttached(this._flicking), d = u.camera, f = (l = this._nextPanel) !== null && l !== void 0 ? l : this._activePanel, p = this._controller.range, _ = this._indexRange, b = d.range, v = this._controller.state, m = clamp(d.clampToReachablePosition(e), p[0], p[1]), P = d.findAnchorIncludePosition(m);
     if (!P || !f)
       return Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE));
-    var y = f.position, p = u.animating ? v.delta : e - d.position, E = Math.abs(p) >= u.threshold, T = e > y ? d.getNextAnchor(P) : d.getPrevAnchor(P), O, S, C = d.anchorPoints, x = C[0], I = C[C.length - 1], R = e <= b.min && isBetween(x.panel.index, _.min, _.max), w = e >= b.max && isBetween(I.panel.index, _.min, _.max), A = T && (_.min <= _.max ? isBetween(T.index, _.min, _.max) : T.index >= _.min || T.index <= _.max);
+    var y = f.position, g = u.animating ? v.delta : e - d.position, E = Math.abs(g) >= u.threshold, T = e > y ? d.getNextAnchor(P) : d.getPrevAnchor(P), O, S, C = d.anchorPoints, x = C[0], I = C[C.length - 1], R = e <= b.min && isBetween(x.panel.index, _.min, _.max), w = e >= b.max && isBetween(I.panel.index, _.min, _.max), A = T && (_.min <= _.max ? isBetween(T.index, _.min, _.max) : T.index >= _.min || T.index <= _.max);
     if (R || w) {
       var N = e < b.min ? x : I;
       S = N.panel, O = N.position;
@@ -3808,8 +3813,8 @@ var State = /* @__PURE__ */ function() {
     var e = this._flicking, n = e.renderer, r = n.panels;
     if (r.length <= 0)
       return !1;
-    var l = r[0], u = r[r.length - 1], d = l.range.min - l.margin.prev, f = u.range.max + u.margin.next, g = e.camera.size, _ = f - d, b = r.every(function(v) {
-      return _ - v.size >= g;
+    var l = r[0], u = r[r.length - 1], d = l.range.min - l.margin.prev, f = u.range.max + u.margin.next, p = e.camera.size, _ = f - d, b = r.every(function(v) {
+      return _ - v.size >= p;
     });
     return b;
   }, t.getRange = function() {
@@ -3837,14 +3842,14 @@ var State = /* @__PURE__ */ function() {
     var n = this._flicking.camera, r = n.anchorPoints;
     if (r.length <= 0) return null;
     for (var l = n.range, u = 1 / 0, d = -1, f = 0; f < r.length; f++) {
-      var g = r[f], _ = Math.min(Math.abs(g.position - e), Math.abs(g.position - l.min + l.max - e), Math.abs(e - l.min + l.max - g.position));
+      var p = r[f], _ = Math.min(Math.abs(p.position - e), Math.abs(p.position - l.min + l.max - e), Math.abs(e - l.min + l.max - p.position));
       _ < u && (u = _, d = f);
     }
     return r[d];
   }, t.findAnchorIncludePosition = function(e) {
-    var n = this._flicking.camera, r = n.range, l = n.anchorPoints, u = n.rangeDiff, d = l.length, f = circulatePosition(e, r.min, r.max), g = s.prototype.findAnchorIncludePosition.call(this, f);
+    var n = this._flicking.camera, r = n.range, l = n.anchorPoints, u = n.rangeDiff, d = l.length, f = circulatePosition(e, r.min, r.max), p = s.prototype.findAnchorIncludePosition.call(this, f);
     if (d > 0 && (e === r.min || e === r.max)) {
-      var _ = [g, new AnchorPoint({
+      var _ = [p, new AnchorPoint({
         index: 0,
         position: l[0].position + u,
         panel: l[0].panel
@@ -3855,27 +3860,27 @@ var State = /* @__PURE__ */ function() {
       })].filter(function(v) {
         return !!v;
       });
-      g = _.reduce(function(v, m) {
+      p = _.reduce(function(v, m) {
         return v && Math.abs(v.position - e) < Math.abs(m.position - e) ? v : m;
       }, null);
     }
-    if (!g) return null;
+    if (!p) return null;
     if (e < r.min) {
       var b = -Math.floor((r.min - e) / u) - 1;
       return new AnchorPoint({
-        index: g.index,
-        position: g.position + u * b,
-        panel: g.panel
+        index: p.index,
+        position: p.position + u * b,
+        panel: p.panel
       });
     } else if (e > r.max) {
       var b = Math.floor((e - r.max) / u) + 1;
       return new AnchorPoint({
-        index: g.index,
-        position: g.position + u * b,
-        panel: g.panel
+        index: p.index,
+        position: p.position + u * b,
+        panel: p.panel
       });
     }
-    return g;
+    return p;
   }, t.getCircularOffset = function() {
     var e = this._flicking, n = e.camera;
     if (!n.circularEnabled) return 0;
@@ -3909,7 +3914,7 @@ var State = /* @__PURE__ */ function() {
     var e = this._flicking, n = e.renderer, r = n.getPanel(0), l = n.getPanel(n.panelCount - 1);
     if (!r || !l)
       return !1;
-    var u = e.camera.size, d = r.range.min, f = l.range.max, g = f - d, _ = u < g;
+    var u = e.camera.size, d = r.range.min, f = l.range.max, p = f - d, _ = u < p;
     return _;
   }, t.getRange = function() {
     var e = this._flicking, n = e.renderer, r = e.camera.alignPosition, l = n.getPanel(0), u = n.getPanel(n.panelCount - 1);
@@ -3918,16 +3923,16 @@ var State = /* @__PURE__ */ function() {
         min: 0,
         max: 0
       };
-    var d = e.camera.size, f = l.range.min, g = u.range.max, _ = g - f, b = d < _, v = f + r, m = g - d + r;
+    var d = e.camera.size, f = l.range.min, p = u.range.max, _ = p - f, b = d < _, v = f + r, m = p - d + r;
     if (b)
       return {
         min: v,
         max: m
       };
-    var P = e.camera.align, y = typeof P == "object" ? P.camera : P, p = v + parseAlign$1(y, m - v);
+    var P = e.camera.align, y = typeof P == "object" ? P.camera : P, g = v + parseAlign$1(y, m - v);
     return {
-      min: p,
-      max: p
+      min: g,
+      max: g
     };
   }, t.getAnchors = function() {
     var e = this._flicking, n = e.camera, r = e.renderer.panels;
@@ -3937,9 +3942,9 @@ var State = /* @__PURE__ */ function() {
       return n.canReach(P);
     });
     if (u.length > 0) {
-      var d = u[0].position !== l.min, f = u[u.length - 1].position !== l.max, g = d ? 1 : 0, _ = u.map(function(P, y) {
+      var d = u[0].position !== l.min, f = u[u.length - 1].position !== l.max, p = d ? 1 : 0, _ = u.map(function(P, y) {
         return new AnchorPoint({
-          index: y + g,
+          index: y + p,
           position: P.position,
           panel: P
         });
@@ -3985,12 +3990,12 @@ var State = /* @__PURE__ */ function() {
 }(CameraMode), Camera = /* @__PURE__ */ function() {
   function s(t, e) {
     var n = this, r = (e === void 0 ? {} : e).align, l = r === void 0 ? ALIGN.CENTER : r;
-    this._checkTranslateSupport = function() {
-      var u, d, f = ["webkitTransform", "msTransform", "MozTransform", "OTransform", "transform"], g = document.documentElement.style, _ = "";
+    this._lookedOffset = 0, this._checkTranslateSupport = function() {
+      var u, d, f = ["webkitTransform", "msTransform", "MozTransform", "OTransform", "transform"], p = document.documentElement.style, _ = "";
       try {
         for (var b = __values(f), v = b.next(); !v.done; v = b.next()) {
           var m = v.value;
-          m in g && (_ = m);
+          m in p && (_ = m);
         }
       } catch (P) {
         u = {
@@ -4218,14 +4223,14 @@ var State = /* @__PURE__ */ function() {
       var t = this._flicking, e = this._position + this._offset, n = this.findNearestAnchor(this._position);
       if (!t || !n)
         return NaN;
-      var r = n.panel, l = r.position + r.offset, u = t.control.controller.bounce, d = this.range, f = d.min, g = d.max, _ = this.rangeDiff;
+      var r = n.panel, l = r.position + r.offset, u = t.control.controller.bounce, d = this.range, f = d.min, p = d.max, _ = this.rangeDiff;
       if (e === l)
         return r.index;
       if (e < l) {
         var b = r.prev(), v = b ? b.position + b.offset : f - u[0];
         return v > l && (v -= _), r.index - 1 + getProgress(e, v, l);
       } else {
-        var m = r.next(), P = m ? m.position + m.offset : g + u[1];
+        var m = r.next(), P = m ? m.position + m.offset : p + u[1];
         return P < l && (P += _), r.index + getProgress(e, l, P);
       }
     },
@@ -4265,12 +4270,12 @@ var State = /* @__PURE__ */ function() {
   }, i.destroy = function() {
     return this._resetInternalValues(), this;
   }, i.lookAt = function(t) {
-    var e = this, n = getFlickingAttached(this._flicking), r = this._position;
+    var e = this, n = this._offset, r = this._lookedOffset !== n, l = getFlickingAttached(this._flicking), u = this._position;
     this._position = t;
-    var l = this._togglePanels(r, t);
-    this._refreshVisiblePanels(), this._checkNeedPanel(), this._checkReachEnd(r, t), l ? n.renderer.render().then(function() {
-      e.updateOffset();
-    }) : this.applyTransform();
+    var d = this._togglePanels(u, t);
+    this._refreshVisiblePanels(), this._checkNeedPanel(), this._checkReachEnd(u, t), d ? l.renderer.render().then(function() {
+      e.updateOffset(), e._lookedOffset = e._offset;
+    }) : r ? (this.updateOffset(), this._lookedOffset = this._offset) : this.applyTransform();
   }, i.getPrevAnchor = function(t) {
     if (!this._circularEnabled || t.index !== 0)
       return this._anchors[t.index - 1] || null;
@@ -4319,10 +4324,15 @@ var State = /* @__PURE__ */ function() {
   }, i.updateAnchors = function() {
     return this._anchors = this._mode.getAnchors(), this;
   }, i.updateAdaptiveHeight = function() {
-    var t = getFlickingAttached(this._flicking), e = t.control.activePanel;
-    !t.horizontal || !t.adaptive || !e || t.viewport.setSize({
-      height: e.height
-    });
+    var t = getFlickingAttached(this._flicking), e = t.control.activePanel, n = t.visiblePanels, r = __spread(n);
+    if (e && r.push(e), !(!t.horizontal || !t.adaptive || !r.length)) {
+      var l = Math.max.apply(Math, __spread(r.map(function(u) {
+        return u.height;
+      })));
+      t.viewport.setSize({
+        height: l
+      });
+    }
   }, i.updateOffset = function() {
     var t = getFlickingAttached(this._flicking), e = this._position, n = t.panels.filter(function(r) {
       return !r.rendered;
@@ -4348,7 +4358,7 @@ var State = /* @__PURE__ */ function() {
     var r = this._position - this._alignPos - this._offset + this._circularOffset;
     return t.style[this._transform] = e.horizontal ? "translate(" + (this._panelOrder === ORDER.RTL ? r : -r) + "px)" : "translate(0, " + -r + "px)", this;
   }, i._resetInternalValues = function() {
-    this._position = 0, this._alignPos = 0, this._offset = 0, this._circularOffset = 0, this._circularEnabled = !1, this._range = {
+    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 = {
@@ -4384,7 +4394,7 @@ var State = /* @__PURE__ */ function() {
         })), t.next = !0);
         return;
       }
-      var r = this._position, l = this.size, u = this._range, d = e.needPanelThreshold, f = r - this._alignPos, g = f + l, _ = n[0], b = n[n.length - 1];
+      var r = this._position, l = this.size, u = this._range, d = e.needPanelThreshold, f = r - this._alignPos, p = f + l, _ = n[0], b = n[n.length - 1];
       if (!t.prev) {
         var v = _.range.min;
         (f <= v + d || r <= u.min + d) && (e.trigger(new ComponentEvent$1(EVENTS.NEED_PANEL, {
@@ -4393,7 +4403,7 @@ var State = /* @__PURE__ */ function() {
       }
       if (!t.next) {
         var m = b.range.max;
-        (g >= m - d || r >= u.max - d) && (e.trigger(new ComponentEvent$1(EVENTS.NEED_PANEL, {
+        (p >= m - d || r >= u.max - d) && (e.trigger(new ComponentEvent$1(EVENTS.NEED_PANEL, {
           direction: DIRECTION.NEXT
         })), t.next = !0);
       }
@@ -4531,9 +4541,9 @@ var State = /* @__PURE__ */ function() {
   }, i.batchInsertDefer = function() {
     for (var t = this, e = [], n = 0; n < arguments.length; n++)
       e[n] = arguments[n];
-    var r = this._panels, l = getFlickingAttached(this._flicking), u = r[0], d = parsePanelAlign(this._align), f = e.reduce(function(g, _) {
-      var b, v = getMinusCompensatedIndex(_.index, r.length), m = r.slice(v), P = _.elements.map(function(p, E) {
-        return t._createPanel(p, {
+    var r = this._panels, l = getFlickingAttached(this._flicking), u = r[0], d = parsePanelAlign(this._align), f = e.reduce(function(p, _) {
+      var b, v = getMinusCompensatedIndex(_.index, r.length), m = r.slice(v), P = _.elements.map(function(g, E) {
+        return t._createPanel(g, {
           index: v + E,
           align: d,
           flicking: l
@@ -4543,12 +4553,12 @@ var State = /* @__PURE__ */ function() {
         var y = u || P[0].resize();
         t._updatePanelSizeByGrid(y, P);
       } else
-        P.forEach(function(p) {
-          return p.resize();
+        P.forEach(function(g) {
+          return g.resize();
         });
-      return m.forEach(function(p) {
-        p.increaseIndex(P.length), p.updatePosition();
-      }), __spread(g, P);
+      return m.forEach(function(g) {
+        g.increaseIndex(P.length), g.updatePosition();
+      }), __spread(p, P);
     }, []);
     return f;
   }, i.batchRemove = function() {
@@ -4559,13 +4569,13 @@ var State = /* @__PURE__ */ function() {
   }, i.batchRemoveDefer = function() {
     for (var t = this, e = [], n = 0; n < arguments.length; n++)
       e[n] = arguments[n];
-    var r = this._panels, l = getFlickingAttached(this._flicking), u = l.control, d = u.activePanel, f = e.reduce(function(g, _) {
+    var r = this._panels, l = getFlickingAttached(this._flicking), u = l.control, d = u.activePanel, f = e.reduce(function(p, _) {
       var b = _.index, v = _.deleteCount, m = getMinusCompensatedIndex(b, r.length), P = r.slice(m + v), y = r.splice(m, v);
-      return y.length <= 0 ? [] : (P.forEach(function(p) {
-        p.decreaseIndex(y.length), p.updatePosition();
-      }), _.hasDOMInElements && t._removePanelElements(y), y.forEach(function(p) {
-        return p.destroy();
-      }), includes(y, d) && u.resetActive(), __spread(g, y));
+      return y.length <= 0 ? [] : (P.forEach(function(g) {
+        g.decreaseIndex(y.length), g.updatePosition();
+      }), _.hasDOMInElements && t._removePanelElements(y), y.forEach(function(g) {
+        return g.destroy();
+      }), includes(y, d) && u.resetActive(), __spread(p, y));
     }, []);
     return f;
   }, i.updateAfterPanelChange = function(t, e) {
@@ -4575,8 +4585,8 @@ var State = /* @__PURE__ */ function() {
         if (d.length <= 0)
           l.lookAt(0);
         else {
-          var g = (n = f?.index) !== null && n !== void 0 ? n : 0;
-          g > d.length - 1 && (g = d.length - 1), u.moveToPanel(d[g], {
+          var p = (n = f?.index) !== null && n !== void 0 ? n : 0;
+          p > d.length - 1 && (p = d.length - 1), u.moveToPanel(d[p], {
             duration: 0
           }).catch(function() {
           });
@@ -4607,8 +4617,8 @@ var State = /* @__PURE__ */ function() {
             d.destroy();
             return;
           }
-          var g = t[f.index], _ = n.camera, b = n.control, v = b.activePanel ? _.getProgressInPanel(b.activePanel) : 0;
-          g.loading = !1, g.resize(), l.slice(g.index + 1).forEach(function(m) {
+          var p = t[f.index], _ = n.camera, b = n.control, v = b.activePanel ? _.getProgressInPanel(b.activePanel) : 0;
+          p.loading = !1, p.resize(), l.slice(p.index + 1).forEach(function(m) {
             return m.updatePosition();
           }), n.initialized && (_.updateRange(), _.updateOffset(), _.updateAnchors(), b.animating || (b.updatePosition(v), b.updateInput()));
         }), d.on("preReady", function(f) {
@@ -4639,14 +4649,14 @@ var State = /* @__PURE__ */ function() {
         width: d
       } : {
         height: d
-      }, g = __assign$1({
+      }, p = __assign$1({
         size: d,
         margin: t.margin
       }, !n.horizontal && {
         height: t.height
       });
       n.noPanelStyleOverride || this._strategy.updatePanelSizes(n, f), n.panels.forEach(function(_) {
-        return _.resize(g);
+        return _.resize(p);
       });
     }
   }, i._removeAllChildsFromCamera = function() {
@@ -4998,6 +5008,8 @@ var State = /* @__PURE__ */ function() {
     this._rendered = !1, this._elProvider.hide(this._flicking);
   }, i.resize = function(t) {
     var e, n = this.element, r = this._flicking, l = r.horizontal, u = r.useFractionalSize;
+    if (!n)
+      return this;
     if (t)
       this._size = t.size, this._margin = __assign$1({}, t.margin), this._height = (e = t.height) !== null && e !== void 0 ? e : getElementSize({
         el: n,
@@ -5069,8 +5081,8 @@ var State = /* @__PURE__ */ function() {
     var t = this._flicking;
     if (!t.circularEnabled)
       return this._toggleDirection = DIRECTION.NONE, this._togglePosition = 0, this._toggled = !1, this;
-    var e = t.camera, n = e.range, r = e.alignPosition, l = e.visibleRange, u = l.max - l.min, d = n.min - r, f = n.max - r + u, g = this.includeRange(f - u, f, !1), _ = this.includeRange(d, d + u, !1);
-    return this._toggled = !1, g ? (this._toggleDirection = DIRECTION.PREV, this._togglePosition = this.range.max + n.min - n.max + r, this.toggle(1 / 0, e.position)) : _ ? (this._toggleDirection = DIRECTION.NEXT, this._togglePosition = this.range.min + n.max - u + r, this.toggle(-1 / 0, e.position)) : (this._toggleDirection = DIRECTION.NONE, this._togglePosition = 0), this;
+    var e = t.camera, n = e.range, r = e.alignPosition, l = e.visibleRange, u = l.max - l.min, d = n.min - r, f = n.max - r + u, p = this.includeRange(f - u, f, !1), _ = this.includeRange(d, d + u, !1);
+    return this._toggled = !1, p ? (this._toggleDirection = DIRECTION.PREV, this._togglePosition = this.range.max + n.min - n.max + r, this.toggle(1 / 0, e.position)) : _ ? (this._toggleDirection = DIRECTION.NEXT, this._togglePosition = this.range.min + n.max - u + r, this.toggle(-1 / 0, e.position)) : (this._toggleDirection = DIRECTION.NONE, this._togglePosition = 0), this;
   }, i._updateAlignPos = function() {
     this._alignPos = parseAlign$1(this._align, this._size);
   }, i._resetInternalStates = function() {
@@ -5261,10 +5273,10 @@ var State = /* @__PURE__ */ function() {
 }(), Flicking$1 = /* @__PURE__ */ function(s) {
   __extends$2(i, s);
   function i(e, n) {
-    var r = n === void 0 ? {} : n, l = r.align, u = l === void 0 ? ALIGN.CENTER : l, d = r.defaultIndex, f = d === void 0 ? 0 : d, g = r.horizontal, _ = g === void 0 ? !0 : g, b = r.circular, v = b === void 0 ? !1 : b, m = r.circularFallback, P = m === void 0 ? CIRCULAR_FALLBACK.LINEAR : m, y = r.bound, p = y === void 0 ? !1 : y, E = r.adaptive, T = E === void 0 ? !1 : E, O = r.panelsPerView, S = O === void 0 ? -1 : O, C = r.noPanelStyleOverride, x = C === void 0 ? !1 : C, I = r.resizeOnContentsReady, R = I === void 0 ? !1 : I, w = r.nested, A = w === void 0 ? !1 : w, N = r.needPanelThreshold, D = N === void 0 ? 0 : N, L = r.preventEventsBeforeInit, B = L === void 0 ? !0 : L, V = r.deceleration, le = V === void 0 ? 75e-4 : V, M = r.duration, ue = M === void 0 ? 500 : M, z = r.easing, ce = z === void 0 ? function(Re) {
-      return 1 - Math.pow(1 - Re, 3);
-    } : z, F = r.inputType, de = F === void 0 ? ["mouse", "touch"] : F, j = r.moveType, fe = j === void 0 ? "snap" : j, H = r.threshold, he = H === void 0 ? 40 : H, W = r.interruptable, ve = W === void 0 ? !0 : W, U = r.bounce, ge = U === void 0 ? "20%" : U, G = r.iOSEdgeSwipeThreshold, pe = G === void 0 ? 30 : G, Y = r.preventClickOnDrag, _e = Y === void 0 ? !0 : Y, q = r.preventDefaultOnDrag, me = q === void 0 ? !1 : q, X = r.disableOnInit, Ee = X === void 0 ? !1 : X, K = r.changeOnHold, ye = K === void 0 ? !1 : K, Z = r.renderOnlyVisible, be = Z === void 0 ? !1 : Z, Q = r.virtual, J = Q === void 0 ? null : Q, ee = r.autoInit, Pe = ee === void 0 ? !0 : ee, te = r.autoResize, Te = te === void 0 ? !0 : te, ne = r.useResizeObserver, Oe = ne === void 0 ? !0 : ne, ie = r.resizeDebounce, Se = ie === void 0 ? 0 : ie, re = r.maxResizeDebounce, Ce = re === void 0 ? 100 : re, ae = r.useFractionalSize, Ie = ae === void 0 ? !1 : ae, oe = r.externalRenderer, ke = oe === void 0 ? null : oe, se = r.renderExternal, xe = se === void 0 ? null : se, k = s.call(this) || this;
-    return k._initialized = !1, k._plugins = [], k._align = u, k._defaultIndex = f, k._horizontal = _, k._circular = v, k._circularFallback = P, k._bound = p, k._adaptive = T, k._panelsPerView = S, k._noPanelStyleOverride = x, k._resizeOnContentsReady = R, k._nested = A, k._virtual = J, k._needPanelThreshold = D, k._preventEventsBeforeInit = B, k._deceleration = le, k._duration = ue, k._easing = ce, k._inputType = de, k._moveType = fe, k._threshold = he, k._interruptable = ve, k._bounce = ge, k._iOSEdgeSwipeThreshold = pe, k._preventClickOnDrag = _e, k._preventDefaultOnDrag = me, k._disableOnInit = Ee, k._changeOnHold = ye, k._renderOnlyVisible = be, k._autoInit = Pe, k._autoResize = Te, k._useResizeObserver = Oe, k._resizeDebounce = Se, k._maxResizeDebounce = Ce, k._useFractionalSize = Ie, k._externalRenderer = ke, k._renderExternal = xe, k._viewport = new Viewport(k, getElement$1(e)), k._autoResizer = new AutoResizer(k), k._renderer = k._createRenderer(), k._camera = k._createCamera(), k._control = k._createControl(), k._virtualManager = new VirtualManager(k, J), k._autoInit && k.init(), k;
+    var r = n === void 0 ? {} : n, l = r.align, u = l === void 0 ? ALIGN.CENTER : l, d = r.defaultIndex, f = d === void 0 ? 0 : d, p = r.horizontal, _ = p === void 0 ? !0 : p, b = r.circular, v = b === void 0 ? !1 : b, m = r.circularFallback, P = m === void 0 ? CIRCULAR_FALLBACK.LINEAR : m, y = r.bound, g = y === void 0 ? !1 : y, E = r.adaptive, T = E === void 0 ? !1 : E, O = r.panelsPerView, S = O === void 0 ? -1 : O, C = r.noPanelStyleOverride, x = C === void 0 ? !1 : C, I = r.resizeOnContentsReady, R = I === void 0 ? !1 : I, w = r.nested, A = w === void 0 ? !1 : w, N = r.needPanelThreshold, D = N === void 0 ? 0 : N, L = r.preventEventsBeforeInit, B = L === void 0 ? !0 : L, V = r.deceleration, ue = V === void 0 ? 75e-4 : V, M = r.duration, ce = M === void 0 ? 500 : M, z = r.easing, de = z === void 0 ? function(Ae) {
+      return 1 - Math.pow(1 - Ae, 3);
+    } : z, F = r.inputType, fe = F === void 0 ? ["mouse", "touch"] : F, j = r.moveType, he = j === void 0 ? "snap" : j, H = r.threshold, ve = H === void 0 ? 40 : H, W = r.dragThreshold, pe = W === void 0 ? 1 : W, U = r.interruptable, ge = U === void 0 ? !0 : U, G = r.bounce, _e = G === void 0 ? "20%" : G, Y = r.iOSEdgeSwipeThreshold, me = Y === void 0 ? 30 : Y, q = r.preventClickOnDrag, Ee = q === void 0 ? !0 : q, X = r.preventDefaultOnDrag, ye = X === void 0 ? !1 : X, K = r.disableOnInit, be = K === void 0 ? !1 : K, Z = r.changeOnHold, Pe = Z === void 0 ? !1 : Z, Q = r.renderOnlyVisible, Te = Q === void 0 ? !1 : Q, J = r.virtual, ee = J === void 0 ? null : J, te = r.autoInit, Oe = te === void 0 ? !0 : te, ne = r.autoResize, Se = ne === void 0 ? !0 : ne, ie = r.useResizeObserver, Ce = ie === void 0 ? !0 : ie, re = r.resizeDebounce, Ie = re === void 0 ? 0 : re, ae = r.maxResizeDebounce, ke = ae === void 0 ? 100 : ae, oe = r.useFractionalSize, xe = oe === void 0 ? !1 : oe, se = r.externalRenderer, Re = se === void 0 ? null : se, le = r.renderExternal, Ne = le === void 0 ? null : le, k = s.call(this) || this;
+    return k._initialized = !1, k._plugins = [], k._align = u, k._defaultIndex = f, k._horizontal = _, k._circular = v, k._circularFallback = P, k._bound = g, k._adaptive = T, k._panelsPerView = S, k._noPanelStyleOverride = x, k._resizeOnContentsReady = R, k._nested = A, k._virtual = ee, k._needPanelThreshold = D, k._preventEventsBeforeInit = B, k._deceleration = ue, k._duration = ce, k._easing = de, k._inputType = fe, k._moveType = he, k._threshold = ve, k._dragThreshold = pe, k._interruptable = ge, k._bounce = _e, k._iOSEdgeSwipeThreshold = me, k._preventClickOnDrag = Ee, k._preventDefaultOnDrag = ye, k._disableOnInit = be, k._changeOnHold = Pe, k._renderOnlyVisible = Te, k._autoInit = Oe, k._autoResize = Se, k._useResizeObserver = Ce, k._resizeDebounce = Ie, k._maxResizeDebounce = ke, k._useFractionalSize = xe, k._externalRenderer = Re, k._renderExternal = Ne, k._viewport = new Viewport(k, getElement$1(e)), k._autoResizer = new AutoResizer(k), k._renderer = k._createRenderer(), k._camera = k._createCamera(), k._control = k._createControl(), k._virtualManager = new VirtualManager(k, ee), k._autoInit && k.init(), k;
   }
   var t = i.prototype;
   return Object.defineProperty(t, "control", {
@@ -5532,7 +5544,7 @@ var State = /* @__PURE__ */ function() {
   }), Object.defineProperty(t, "defaultIndex", {
     /**
      * Index of the panel to move when Flicking's {@link Flicking#init init()} is called. A zero-based integer
-     * @ko Flicking의 {@link Flicking#init init()}이 호출될 때 이동할 디폴트 패널의 인덱스로, 0부터 시작하는 정수입니다
+     * @ko Flicking의 {@link Flicking#init init()}이 호출될 때 이동할 디폴트 패널의 인덱스로, 0부터 시작하는 정수입니다.
      * @type {number}
      * @default 0
      * @see {@link https://naver.github.io/egjs-flicking/Options#defaultindex defaultIndex ( Options )}
@@ -5858,7 +5870,7 @@ var State = /* @__PURE__ */ function() {
   }), Object.defineProperty(t, "threshold", {
     /**
      * Movement threshold to change panel (unit: px). It should be dragged above the threshold to change the current panel.
-     * @ko 패널 변경을 위한 이동 임계값 (단위: px). 주어진 값 이상으로 스크롤해야만 패널 변경이 가능하다.
+     * @ko 패널 변경을 위한 이동 임계값 (단위: px). 주어진 값 이상으로 스크롤해야만 패널 변경이 가능합니다.
      * @type {number}
      * @default 40
      * @see {@link https://naver.github.io/egjs-flicking/Options#threshold Threshold ( Options )}
@@ -5871,6 +5883,24 @@ var State = /* @__PURE__ */ function() {
     },
     enumerable: !1,
     configurable: !0
+  }), Object.defineProperty(t, "dragThreshold", {
+    /**
+     * Minimal distance of user input before recognizing (unit: px). It should be dragged above the dragThreshold to move the panel.
+     * @ko 사용자의 입력을 인식하기 위한 최소한의 거리 (단위: px). 주어진 값 이상으로 스크롤해야만 패널이 움직입니다.
+     * @type {number}
+     * @default 1
+     * @see {@link https://naver.github.io/egjs-flicking/Options#dragThreshold dragThreshold ( Options )}
+     */
+    get: function() {
+      return this._dragThreshold;
+    },
+    set: function(e) {
+      this._dragThreshold = e;
+      var n = this._control.controller.panInput;
+      n && (n.options.threshold = e);
+    },
+    enumerable: !1,
+    configurable: !0
   }), Object.defineProperty(t, "interruptable", {
     /**
      * Set animation to be interruptable by click/touch.
@@ -6206,8 +6236,8 @@ var State = /* @__PURE__ */ function() {
     return n.init(), u.init(), r.init(this), l.init(this), f && (this.trigger = function() {
       return e;
     }), this._initialResize(), this._moveToInitialPanel(), this._autoResize && this._autoResizer.enable(), this._preventClickOnDrag && l.controller.addPreventClickHandler(), this._disableOnInit && this.disableInput(), r.checkPanelContentsReady(r.panels), this._initialized = !0, r.render().then(function() {
-      e._plugins.forEach(function(g) {
-        return g.init(e);
+      e._plugins.forEach(function(p) {
+        return p.init(e);
       }), f && (e.trigger = d), e.trigger(new ComponentEvent$1(EVENTS.READY));
     });
   }, t.destroy = function() {
@@ -6243,7 +6273,7 @@ var State = /* @__PURE__ */ function() {
   }, t.disableInput = function() {
     return this._control.disable(), this;
   }, t.getStatus = function(e) {
-    var n, r, l = e === void 0 ? {} : e, u = l.index, d = u === void 0 ? !0 : u, f = l.position, g = f === void 0 ? !0 : f, _ = l.includePanelHTML, b = _ === void 0 ? !1 : _, v = l.visiblePanelsOnly, m = v === void 0 ? !1 : v, P = this._camera, y = m ? this.visiblePanels : this.panels, p = {
+    var n, r, l = e === void 0 ? {} : e, u = l.index, d = u === void 0 ? !0 : u, f = l.position, p = f === void 0 ? !0 : f, _ = l.includePanelHTML, b = _ === void 0 ? !1 : _, v = l.visiblePanelsOnly, m = v === void 0 ? !1 : v, P = this._camera, y = m ? this.visiblePanels : this.panels, g = {
       panels: y.map(function(O) {
         var S = {
           index: O.index
@@ -6251,23 +6281,23 @@ var State = /* @__PURE__ */ function() {
         return b && (S.html = O.element.outerHTML), S;
       })
     };
-    if (d && (p.index = this.index), g) {
+    if (d && (g.index = this.index), p) {
       var E = P.findNearestAnchor(P.position);
-      E && (p.position = {
+      E && (g.position = {
         panel: E.panel.index,
         progressInPanel: P.getProgressInPanel(E.panel)
       });
     }
     if (m) {
       var T = this.visiblePanels;
-      p.visibleOffset = (r = (n = T[0]) === null || n === void 0 ? void 0 : n.index) !== null && r !== void 0 ? r : 0;
+      g.visibleOffset = (r = (n = T[0]) === null || n === void 0 ? void 0 : n.index) !== null && r !== void 0 ? r : 0;
     }
-    return p;
+    return g;
   }, t.setStatus = function(e) {
     var n;
     if (!this._initialized)
       throw new FlickingError(MESSAGE.NOT_INITIALIZED, CODE.NOT_INITIALIZED);
-    var r = e.index, l = e.position, u = e.visibleOffset, d = e.panels, f = this._renderer, g = this._control;
+    var r = e.index, l = e.position, u = e.visibleOffset, d = e.panels, f = this._renderer, p = this._control;
     if (!((n = d[0]) === null || n === void 0) && n.html && !this._renderExternal && (f.batchRemove({
       index: 0,
       deleteCount: this.panels.length,
@@ -6285,7 +6315,7 @@ var State = /* @__PURE__ */ function() {
     }
     if (l && this._moveType === MOVE_TYPE.FREE_SCROLL) {
       var b = l.panel, v = l.progressInPanel, _ = u ? b - u : b, m = f.panels[_].range, P = m.min + (m.max - m.min) * v;
-      g.moveToPosition(P, 0).catch(function() {
+      p.moveToPosition(P, 0).catch(function() {
       });
     }
   }, t.addPlugins = function() {
@@ -6305,11 +6335,11 @@ var State = /* @__PURE__ */ function() {
     }), this;
   }, t.resize = function() {
     return __awaiter$1(this, void 0, void 0, function() {
-      var e, n, r, l, u, d, f, g, _, b, v;
+      var e, n, r, l, u, d, f, p, _, b, v;
       return __generator$1(this, function(m) {
         switch (m.label) {
           case 0:
-            return e = this._viewport, n = this._renderer, r = this._camera, l = this._control, u = l.activePanel, d = e.width, f = e.height, g = u ? r.getProgressInPanel(u) : 0, this.trigger(new ComponentEvent$1(EVENTS.BEFORE_RESIZE, {
+            return e = this._viewport, n = this._renderer, r = this._camera, l = this._control, u = l.activePanel, d = e.width, f = e.height, p = u ? r.getProgressInPanel(u) : 0, this.trigger(new ComponentEvent$1(EVENTS.BEFORE_RESIZE, {
               width: d,
               height: f,
               element: e.element
@@ -6320,7 +6350,7 @@ var State = /* @__PURE__ */ function() {
               /*return*/
             ];
           case 2:
-            return m.sent(), this._initialized ? (l.animating || (l.updatePosition(g), l.updateInput()), _ = e.width, b = e.height, v = _ !== d || b !== f, this.trigger(new ComponentEvent$1(EVENTS.AFTER_RESIZE, {
+            return m.sent(), this._initialized ? (l.animating || (l.updatePosition(p), l.updateInput()), _ = e.width, b = e.height, v = _ !== d || b !== f, this.trigger(new ComponentEvent$1(EVENTS.AFTER_RESIZE, {
               width: e.width,
               height: e.height,
               prev: {
@@ -6396,7 +6426,7 @@ var State = /* @__PURE__ */ function() {
   }, t._moveToInitialPanel = function() {
     var e = this._renderer, n = this._control, r = this._camera, l = e.getPanel(this._defaultIndex) || e.getPanel(0);
     if (l) {
-      var u = r.findNearestAnchor(l.position), d = u && l.index !== u.panel.index ? u.panel : l;
+      var u = r.findNearestAnchor(l.position), d = u && l.position !== u.panel.position && l.index !== u.panel.index ? u.panel : l;
       if (n.setActive(d, null, !1), !u)
         throw new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(d.position), CODE.POSITION_NOT_REACHABLE);
       var f = d.position;
@@ -6420,7 +6450,7 @@ var State = /* @__PURE__ */ function() {
       sizeChanged: f,
       element: e.element
     }));
-  }, i.VERSION = "4.11.4", i;
+  }, i.VERSION = "4.12.0", i;
 }(Component), withFlickingMethods = function(s, i) {
   [Component.prototype, Flicking$1.prototype].forEach(function(t) {
     Object.getOwnPropertyNames(t).filter(function(e) {
@@ -6457,8 +6487,8 @@ var State = /* @__PURE__ */ function() {
     }), u.push.apply(u, __spread(batchRemove(e, f, d + 1)));
   }
   if (i.ordered.forEach(function(v) {
-    var m = __read(v, 2), P = m[0], y = m[1], p = n.splice(P, 1)[0];
-    n.splice(y, 0, p);
+    var m = __read(v, 2), P = m[0], y = m[1], g = n.splice(P, 1)[0];
+    n.splice(y, 0, g);
   }), i.ordered.length > 0 && (n.forEach(function(v, m) {
     var P = m - v.index;
     P > 0 ? v.increaseIndex(P) : v.decreaseIndex(-P);
@@ -6467,10 +6497,10 @@ var State = /* @__PURE__ */ function() {
   }), n.forEach(function(v) {
     v.updatePosition();
   })), i.added.length > 0) {
-    var g = -1, _ = -1, b = t.slice(r.length);
+    var p = -1, _ = -1, b = t.slice(r.length);
     i.added.forEach(function(v, m) {
-      g < 0 && (g = m), _ >= 0 && v !== _ + 1 ? (l.push.apply(l, __spread(batchInsert(e, i, b, g, m + 1))), g = -1, _ = -1) : _ = v;
-    }), g >= 0 && l.push.apply(l, __spread(batchInsert(e, i, b, g)));
+      p < 0 && (p = m), _ >= 0 && v !== _ + 1 ? (l.push.apply(l, __spread(batchInsert(e, i, b, p, m + 1))), p = -1, _ = -1) : _ = v;
+    }), p >= 0 && l.push.apply(l, __spread(batchInsert(e, i, b, p)));
   }
   (i.added.length > 0 || i.removed.length > 0) && e.updateAfterPanelChange(l, u);
 }, batchInsert = function(s, i, t, e, n) {
@@ -6539,9 +6569,9 @@ var State = /* @__PURE__ */ function() {
       if (r) {
         var d = r.visiblePanels;
         d.forEach(function(f) {
-          var g = f.outsetProgress, _ = f.element, b = l ? _.querySelector(l) : _;
+          var p = f.outsetProgress, _ = f.element, b = l ? _.querySelector(l) : _;
           if (b) {
-            var v = Math.min(1, Math.max(0, 1 - Math.abs(g * u)));
+            var v = Math.min(1, Math.max(0, 1 - Math.abs(p * u)));
             b.style.opacity = "" + v;
           }
         });
@@ -6622,40 +6652,40 @@ var State = /* @__PURE__ */ function() {
   return e;
 }, Arrow = /* @__PURE__ */ function() {
   function s(t) {
-    var e = this, n = t === void 0 ? {} : t, r = n.parentEl, l = r === void 0 ? null : r, u = n.prevElSelector, d = u === void 0 ? ARROW.PREV_SELECTOR : u, f = n.nextElSelector, g = f === void 0 ? ARROW.NEXT_SELECTOR : f, _ = n.disabledClass, b = _ === void 0 ? ARROW.DISABLED_CLASS : _, v = n.moveCount, m = v === void 0 ? 1 : v, P = n.moveByViewportSize, y = P === void 0 ? !1 : P;
-    this._flicking = null, this._preventInputPropagation = function(p) {
-      p.stopPropagation();
+    var e = this, n = t === void 0 ? {} : t, r = n.parentEl, l = r === void 0 ? null : r, u = n.prevElSelector, d = u === void 0 ? ARROW.PREV_SELECTOR : u, f = n.nextElSelector, p = f === void 0 ? ARROW.NEXT_SELECTOR : f, _ = n.disabledClass, b = _ === void 0 ? ARROW.DISABLED_CLASS : _, v = n.moveCount, m = v === void 0 ? 1 : v, P = n.moveByViewportSize, y = P === void 0 ? !1 : P;
+    this._flicking = null, this._preventInputPropagation = function(g) {
+      g.stopPropagation();
     }, this._onPrevClick = function() {
-      var p = e._flicking, E = p.camera, T = E.anchorPoints;
-      if (!(p.animating || T.length <= 0)) {
+      var g = e._flicking, E = g.camera, T = E.anchorPoints;
+      if (!(g.animating || T.length <= 0)) {
         var O = T[0], S = e._moveCount;
         if (e._moveByViewportSize)
-          p.control.moveToPosition(E.position - E.size, p.duration).catch(e._onCatch);
-        else if (p.circularEnabled) {
-          for (var C = p.currentPanel, x = 0; x < S; x++)
+          g.control.moveToPosition(E.position - E.size, g.duration).catch(e._onCatch);
+        else if (g.circularEnabled) {
+          for (var C = g.currentPanel, x = 0; x < S; x++)
             C = C.prev();
           C.focus().catch(e._onCatch);
-        } else p.index > O.panel.index ? p.moveTo(Math.max(p.index - S, O.panel.index)).catch(e._onCatch) : E.position > E.range.min && p.moveTo(p.index).catch(e._onCatch);
+        } else g.index > O.panel.index ? g.moveTo(Math.max(g.index - S, O.panel.index)).catch(e._onCatch) : E.position > E.range.min && g.moveTo(g.index).catch(e._onCatch);
       }
     }, this._onNextClick = function() {
-      var p = e._flicking, E = p.camera, T = E.anchorPoints;
-      if (!(p.animating || T.length <= 0)) {
+      var g = e._flicking, E = g.camera, T = E.anchorPoints;
+      if (!(g.animating || T.length <= 0)) {
         var O = T[T.length - 1], S = e._moveCount;
         if (e._moveByViewportSize)
-          p.control.moveToPosition(E.position + E.size, p.duration).catch(e._onCatch);
-        else if (p.circularEnabled) {
-          for (var C = p.currentPanel, x = 0; x < S; x++)
+          g.control.moveToPosition(E.position + E.size, g.duration).catch(e._onCatch);
+        else if (g.circularEnabled) {
+          for (var C = g.currentPanel, x = 0; x < S; x++)
             C = C.next();
           C.focus().catch(e._onCatch);
-        } else p.index < O.panel.index ? p.moveTo(Math.min(p.index + S, O.panel.index)).catch(e._onCatch) : E.position > E.range.min && p.moveTo(p.index).catch(e._onCatch);
+        } else g.index < O.panel.index ? g.moveTo(Math.min(g.index + S, O.panel.index)).catch(e._onCatch) : E.position > E.range.min && g.moveTo(g.index).catch(e._onCatch);
       }
     }, this._onAnimation = function() {
-      var p = e._flicking, E = p.camera, T = p.control.controller;
-      p.holding ? e._updateClass(E.position) : e._updateClass(T.animatingContext.end);
-    }, this._onCatch = function(p) {
-      if (!(p instanceof FlickingError))
-        throw p;
-    }, this._parentEl = l, this._prevElSelector = d, this._nextElSelector = g, this._disabledClass = b, this._moveCount = m, this._moveByViewportSize = y;
+      var g = e._flicking, E = g.camera, T = g.control.controller;
+      g.holding ? e._updateClass(E.position) : e._updateClass(T.animatingContext.end);
+    }, this._onCatch = function(g) {
+      if (!(g instanceof FlickingError))
+        throw g;
+    }, this._parentEl = l, this._prevElSelector = d, this._nextElSelector = p, this._disabledClass = b, this._moveCount = m, this._moveByViewportSize = y;
   }
   var i = s.prototype;
   return Object.defineProperty(i, "prevEl", {
@@ -6835,9 +6865,9 @@ var Renderer = /* @__PURE__ */ function() {
   }), t.destroy = function() {
     this._bullets = [], this._prevIndex = -1;
   }, t.render = function() {
-    var e = this, n = this._flicking, r = this._pagination, l = this._wrapper, u = this._bulletClass, d = this._activeClass, f = r.renderBullet, g = r.renderActiveBullet, _ = r.classPrefix + "-" + PAGINATION.BULLET_WRAPPER_SUFFIX, b = n.camera.anchorPoints;
+    var e = this, n = this._flicking, r = this._pagination, l = this._wrapper, u = this._bulletClass, d = this._activeClass, f = r.renderBullet, p = r.renderActiveBullet, _ = r.classPrefix + "-" + PAGINATION.BULLET_WRAPPER_SUFFIX, b = n.camera.anchorPoints;
     addClass(l, _), l.innerHTML = b.map(function(m, P) {
-      return g && m.panel.index === n.index ? g(u, P) : f(u, P);
+      return p && m.panel.index === n.index ? p(u, P) : f(u, P);
     }).join(`
 `);
     var v = [].slice.call(l.children);
@@ -6846,20 +6876,20 @@ var Renderer = /* @__PURE__ */ function() {
       y.panel.index === n.index && (addClass(m, d), e._prevIndex = P), e._addBulletEvents(m, P);
     }), this._bullets = v;
   }, t.update = function(e) {
-    var n = this._flicking, r = this._pagination, l = this._wrapper, u = this._bullets, d = this._bulletClass, f = this._activeClass, g = this._prevIndex, _ = n.camera.anchorPoints, b = r.renderBullet, v = r.renderActiveBullet;
+    var n = this._flicking, r = this._pagination, l = this._wrapper, u = this._bullets, d = this._bulletClass, f = this._activeClass, p = this._prevIndex, _ = n.camera.anchorPoints, b = r.renderBullet, v = r.renderActiveBullet;
     if (!(_.length <= 0)) {
       var m = _[0].panel.index, P = e - m;
-      if (g !== P) {
+      if (p !== P) {
         if (v) {
-          var y = u[g];
+          var y = u[p];
           if (y) {
-            var p = this._createBulletFromString(b(d, g), g);
-            y.parentElement.replaceChild(p, y), u[g] = p;
+            var g = this._createBulletFromString(b(d, p), p);
+            y.parentElement.replaceChild(g, y), u[p] = g;
           }
           var E = u[P], T = this._createBulletFromString(v(d + " " + f, P), P);
           l.replaceChild(T, E), u[P] = T;
         } else {
-          var E = u[P], y = u[g];
+          var E = u[P], y = u[p];
           y && removeClass(y, f), addClass(E, f);
         }
         this._prevIndex = P;
@@ -6881,7 +6911,7 @@ var Renderer = /* @__PURE__ */ function() {
   }, t.update = function(e) {
     var n = this._flicking, r = this._wrapper, l = this._pagination, u = n.camera.anchorPoints, d = u.length > 0 ? e - u[0].panel.index + 1 : 0, f = u.length;
     if (!(d === this._prevIndex && f === this._prevTotal)) {
-      var g = "." + l.classPrefix + "-" + PAGINATION.FRACTION_CURRENT_SUFFIX, _ = "." + l.classPrefix + "-" + PAGINATION.FRACTION_TOTAL_SUFFIX, b = r.querySelector(g), v = r.querySelector(_);
+      var p = "." + l.classPrefix + "-" + PAGINATION.FRACTION_CURRENT_SUFFIX, _ = "." + l.classPrefix + "-" + PAGINATION.FRACTION_TOTAL_SUFFIX, b = r.querySelector(p), v = r.querySelector(_);
       b.innerHTML = l.fractionCurrentFormat(d), v.innerHTML = l.fractionTotalFormat(f), this._prevIndex = d, this._prevTotal = f;
     }
   }, i;
@@ -6898,14 +6928,14 @@ var Renderer = /* @__PURE__ */ function() {
   return t.destroy = function() {
     this._bullets = [], this._bulletSize = 0, this._previousIndex = -1, this._sliderIndex = -1;
   }, t.render = function() {
-    var e = this, n = this._wrapper, r = this._flicking, l = this._pagination, u = l.renderBullet, d = r.camera.anchorPoints, f = l.classPrefix + "-" + PAGINATION.SCROLL_WRAPPER_SUFFIX, g = l.classPrefix + "-" + PAGINATION.BULLET_SUFFIX, _ = l.classPrefix + "-" + PAGINATION.SCROLL_SLIDER_SUFFIX, b = l.classPrefix + "-" + PAGINATION.SCROLL_UNINIT_SUFFIX, v = document.createElement("div");
-    addClass(v, _), addClass(n, b), addClass(n, f), n.appendChild(v), v.innerHTML = d.map(function(p, E) {
-      return u(g, E);
+    var e = this, n = this._wrapper, r = this._flicking, l = this._pagination, u = l.renderBullet, d = r.camera.anchorPoints, f = l.classPrefix + "-" + PAGINATION.SCROLL_WRAPPER_SUFFIX, p = l.classPrefix + "-" + PAGINATION.BULLET_SUFFIX, _ = l.classPrefix + "-" + PAGINATION.SCROLL_SLIDER_SUFFIX, b = l.classPrefix + "-" + PAGINATION.SCROLL_UNINIT_SUFFIX, v = document.createElement("div");
+    addClass(v, _), addClass(n, b), addClass(n, f), n.appendChild(v), v.innerHTML = d.map(function(g, E) {
+      return u(p, E);
     }).join(`
 `);
     var m = [].slice.call(v.children);
-    if (m.forEach(function(p, E) {
-      e._addBulletEvents(p, E);
+    if (m.forEach(function(g, E) {
+      e._addBulletEvents(g, E);
     }), !(m.length <= 0)) {
       var P = getComputedStyle(m[0]), y = m[0].clientWidth + parseFloat(P.marginLeft) + parseFloat(P.marginRight);
       n.style.width = y * l.bulletCount + "px", this._bullets = m, this._bulletSize = y, this._previousIndex = -1, this.update(this._flicking.index), window.requestAnimationFrame(function() {
@@ -6913,9 +6943,9 @@ var Renderer = /* @__PURE__ */ function() {
       });
     }
   }, t.update = function(e) {
-    var n = this._pagination, r = this._flicking, l = this._bullets, u = this._previousIndex, d = n.renderBullet, f = n.renderActiveBullet, g = r.camera.anchorPoints, _ = g[0].panel.index, b = e - _;
-    if (!(g.length <= 0)) {
-      var v = n.classPrefix + "-" + PAGINATION.BULLET_SUFFIX, m = n.classPrefix + "-" + PAGINATION.BULLET_ACTIVE_SUFFIX, P = n.classPrefix + "-" + PAGINATION.SCROLL_PREV_SUFFIX, y = n.classPrefix + "-" + PAGINATION.SCROLL_NEXT_SUFFIX, p = function(R) {
+    var n = this._pagination, r = this._flicking, l = this._bullets, u = this._previousIndex, d = n.renderBullet, f = n.renderActiveBullet, p = r.camera.anchorPoints, _ = p[0].panel.index, b = e - _;
+    if (!(p.length <= 0)) {
+      var v = n.classPrefix + "-" + PAGINATION.BULLET_SUFFIX, m = n.classPrefix + "-" + PAGINATION.BULLET_ACTIVE_SUFFIX, P = n.classPrefix + "-" + PAGINATION.SCROLL_PREV_SUFFIX, y = n.classPrefix + "-" + PAGINATION.SCROLL_NEXT_SUFFIX, g = function(R) {
         return "" + P + (R > 1 ? R : "");
       }, E = function(R) {
         return "" + y + (R > 1 ? R : "");
@@ -6937,7 +6967,7 @@ var Renderer = /* @__PURE__ */ function() {
           var B = L[D];
           (B === m || T.test(B) || O.test(B)) && removeClass(R, B);
         }
-        A === 0 ? addClass(R, m) : A > 0 ? addClass(R, E(Math.abs(A))) : addClass(R, p(Math.abs(A)));
+        A === 0 ? addClass(R, m) : A > 0 ? addClass(R, E(Math.abs(A))) : addClass(R, g(Math.abs(A)));
       }), n.scrollOnChange(b, {
         total: l.length,
         prevIndex: u,
@@ -6950,9 +6980,9 @@ var Renderer = /* @__PURE__ */ function() {
   }, i;
 }(Renderer), Pagination = /* @__PURE__ */ function() {
   function s(t) {
-    var e = this, n = t === void 0 ? {} : t, r = n.parentEl, l = r === void 0 ? null : r, u = n.selector, d = u === void 0 ? PAGINATION.SELECTOR : u, f = n.type, g = f === void 0 ? PAGINATION.TYPE.BULLET : f, _ = n.classPrefix, b = _ === void 0 ? PAGINATION.PREFIX : _, v = n.bulletCount, m = v === void 0 ? 5 : v, P = n.renderBullet, y = P === void 0 ? function(A) {
+    var e = this, n = t === void 0 ? {} : t, r = n.parentEl, l = r === void 0 ? null : r, u = n.selector, d = u === void 0 ? PAGINATION.SELECTOR : u, f = n.type, p = f === void 0 ? PAGINATION.TYPE.BULLET : f, _ = n.classPrefix, b = _ === void 0 ? PAGINATION.PREFIX : _, v = n.bulletCount, m = v === void 0 ? 5 : v, P = n.renderBullet, y = P === void 0 ? function(A) {
       return '<span class="' + A + '"></span>';
-    } : P, p = n.renderActiveBullet, E = p === void 0 ? null : p, T = n.renderFraction, O = T === void 0 ? function(A, N) {
+    } : P, g = n.renderActiveBullet, E = g === void 0 ? null : g, T = n.renderFraction, O = T === void 0 ? function(A, N) {
       return '<span class="' + A + '"></span>/<span class="' + N + '"></span>';
     } : T, S = n.fractionCurrentFormat, C = S === void 0 ? function(A) {
       return A.toString();
@@ -6965,7 +6995,7 @@ var Renderer = /* @__PURE__ */ function() {
       e._removeAllChilds(), e._renderer.render();
     }, this._onIndexChange = function(A) {
       e._renderer.update(A.index);
-    }, this._parentEl = l, this._selector = d, this._type = g, this._classPrefix = b, this._bulletCount = m, this._renderBullet = y, this._renderActiveBullet = E, this._renderFraction = O, this._fractionCurrentFormat = C, this._fractionTotalFormat = I, this._scrollOnChange = w;
+    }, this._parentEl = l, this._selector = d, this._type = p, this._classPrefix = b, this._bulletCount = m, this._renderBullet = y, this._renderActiveBullet = E, this._renderFraction = O, this._fractionCurrentFormat = C, this._fractionTotalFormat = I, this._scrollOnChange = w;
   }
   var i = s.prototype;
   return Object.defineProperty(i, "parentEl", {
@@ -7148,10 +7178,10 @@ function orderChanged(s, i) {
     var l = n[0], u = n[1];
     if (l === u)
       return [0, 0];
-    var d = t[l], f = e[u - 1], g = d.getIndex();
+    var d = t[l], f = e[u - 1], p = d.getIndex();
     d.disconnect(), f ? d.connect(f, f.next) : d.connect(void 0, t[0]);
     var _ = d.getIndex();
-    return [g, _];
+    return [p, _];
   });
 }
 var Result = /* @__PURE__ */ function() {
@@ -7174,26 +7204,26 @@ var Result = /* @__PURE__ */ function() {
   }), i.caculateOrdered = function() {
     var t = orderChanged(this.changedBeforeAdded, this.fixed), e = this.changed, n = [];
     this.cacheOrdered = t.filter(function(r, l) {
-      var u = r[0], d = r[1], f = e[l], g = f[0], _ = f[1];
+      var u = r[0], d = r[1], f = e[l], p = f[0], _ = f[1];
       if (u !== d)
-        return n.push([g, _]), !0;
+        return n.push([p, _]), !0;
     }), this.cachePureChanged = n;
   }, s;
 }();
 function diff(s, i, t) {
   var e = SUPPORT_MAP ? Map : t ? HashMap : PolyMap, n = t || function(E) {
     return E;
-  }, r = [], l = [], u = [], d = s.map(n), f = i.map(n), g = new e(), _ = new e(), b = [], v = [], m = {}, P = [], y = 0, p = 0;
+  }, r = [], l = [], u = [], d = s.map(n), f = i.map(n), p = new e(), _ = new e(), b = [], v = [], m = {}, P = [], y = 0, g = 0;
   return d.forEach(function(E, T) {
-    g.set(E, T);
+    p.set(E, T);
   }), f.forEach(function(E, T) {
     _.set(E, T);
   }), d.forEach(function(E, T) {
     var O = _.get(E);
-    typeof O > "u" ? (++p, l.push(T)) : m[O] = p;
+    typeof O > "u" ? (++g, l.push(T)) : m[O] = g;
   }), f.forEach(function(E, T) {
-    var O = g.get(E);
-    typeof O > "u" ? (r.push(T), ++y) : (u.push([O, T]), p = m[T] || 0, b.push([O - p, T - y]), v.push(T === O), O !== T && P.push([O, T]));
+    var O = p.get(E);
+    typeof O > "u" ? (r.push(T), ++y) : (u.push([O, T]), g = m[T] || 0, b.push([O - g, T - y]), v.push(T === O), O !== T && P.push([O, T]));
   }), l.reverse(), new Result(s, i, r, l, P, u, b, v);
 }
 var ListDiffer = /* @__PURE__ */ function() {
@@ -7260,22 +7290,22 @@ function __awaiter(s, i, t, e) {
     });
   }
   return new (t || (t = Promise))(function(r, l) {
-    function u(g) {
+    function u(p) {
       try {
-        f(e.next(g));
+        f(e.next(p));
       } catch (_) {
         l(_);
       }
     }
-    function d(g) {
+    function d(p) {
       try {
-        f(e.throw(g));
+        f(e.throw(p));
       } catch (_) {
         l(_);
       }
     }
-    function f(g) {
-      g.done ? r(g.value) : n(g.value).then(u, d);
+    function f(p) {
+      p.done ? r(p.value) : n(p.value).then(u, d);
     }
     f((e = e.apply(s, [])).next());
   });
@@ -7298,8 +7328,8 @@ function __generator(s, i) {
     return this;
   }), l;
   function u(f) {
-    return function(g) {
-      return d([f, g]);
+    return function(p) {
+      return d([f, p]);
     };
   }
   function d(f) {
@@ -7343,8 +7373,8 @@ function __generator(s, i) {
           continue;
       }
       f = i.call(s, t);
-    } catch (g) {
-      f = [6, g], n = 0;
+    } catch (p) {
+      f = [6, p], n = 0;
     } finally {
       e = r = 0;
     }
@@ -7496,10 +7526,10 @@ var FlickingProps = {
   created: function() {
     var s = this;
     this.vanillaFlicking = null, this.renderEmitter = new Component(), this.diffResult = null, this.getPanels = function() {
-      var i = getCurrentInstance(), t = i?.ctx, e = s.vanillaFlicking, n = s.getSlots(), r = t?.diffResult, l = r ? getRenderingPanels(e, r) : n, u = resolveComponent("Panel"), d = l.map(function(f, g) {
+      var i = getCurrentInstance(), t = i?.ctx, e = s.vanillaFlicking, n = s.getSlots(), r = t?.diffResult, l = r ? getRenderingPanels(e, r) : n, u = resolveComponent("Panel"), d = l.map(function(f, p) {
         return h(u, {
           key: f.key,
-          ref: g.toString()
+          ref: p.toString()
         }, function() {
           return f;
         });
@@ -7511,13 +7541,13 @@ var FlickingProps = {
       } : {
         height: d.size
       } : {};
-      return u.map(function(g) {
+      return u.map(function(p) {
         return h("div", {
-          key: g,
-          ref: g.toString(),
+          key: p,
+          ref: p.toString(),
           class: e,
           style: f,
-          "data-element-index": g
+          "data-element-index": p
         });
       });
     }, withFlickingMethods(this, "vanillaFlicking");
@@ -7548,7 +7578,8 @@ var FlickingProps = {
     this.fillKeys();
   },
   beforeUpdate: function() {
-    this.fillKeys(), this.diffResult = this.slotDiffer.update(this.getSlots());
+    var s;
+    this.fillKeys(), this.diffResult = (s = this.slotDiffer) === null || s === void 0 ? void 0 : s.update(this.getSlots());
   },
   updated: function() {
     var s = this.vanillaFlicking, i = this.diffResult;
@@ -7658,12 +7689,12 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
     function f(m) {
       t("update:idx", m);
     }
-    const g = computed$1({
+    const p = computed$1({
       get: () => e.idx,
       set: (m) => f(m)
     });
     function _(m) {
-      g.value = m.index;
+      p.value = m.index;
     }
     function b(m) {
       n.value.moveTo(m);
@@ -7671,7 +7702,7 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
     function v() {
       t("opened");
     }
-    return watch(g, (m) => {
+    return watch(p, (m) => {
       b(m);
     }), onMounted(() => {
       r.value = [
@@ -7721,12 +7752,12 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
           P[0] || (P[0] = createBaseVNode("div", { class: "flicking-pagination" }, null, -1))
         ]),
         default: withCtx(() => [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(m.gallery, ({ large: y, url: p }, E) => (openBlock(), createElementBlock("div", {
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(m.gallery, ({ large: y, url: g }, E) => (openBlock(), createElementBlock("div", {
             key: E,
             class: "konnectio-flicking-gallery-item"
           }, [
             createBaseVNode("img", {
-              src: y || p
+              src: y || g
             }, null, 8, _hoisted_4$6)
           ]))), 128))
         ]),
@@ -7755,13 +7786,14 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
 }, _hoisted_6$5 = { class: "grid-sizer" }, _hoisted_7$4 = { class: "konnectio-listing-side-panel-share" }, _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "ListingInfo",
   props: {
+    idx: {},
     title: {},
     type: {},
     description: {},
     listingId: {},
     facilities: {},
     gallery: {},
-    idx: {}
+    disableDeepLink: { type: Boolean, default: !1 }
   },
   emits: ["update:idx"],
   setup(s, { emit: i }) {
@@ -7772,7 +7804,7 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
       currentDepartureDate: d,
       currentLocation: f
     } = storeToRefs(useHotelStore()), {
-      currentEventDate: g,
+      currentEventDate: p,
       currentEventLocation: _
     } = storeToRefs(useEventStore());
     function b(O) {
@@ -7780,14 +7812,14 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
       let C = O.getMonth() + 1, x = O.getDate();
       return x < 10 && (x = "0" + x), C < 10 && (C = "0" + C), `${S}-${C}-${x}`;
     }
-    const v = computed$1(() => n.type !== "event" ? `${window.location.origin + window.location.pathname}?a=${r.value}&c=${l.value}&ci=${b(u.value)}&co=${b(d.value)}&hid=${f.value}&id=${n.listingId}` : ""), m = computed$1(() => n.type === "event" ? `${window.location.origin + window.location.pathname}?d=${b(g.value)}&rid=${_.value}&eid=${n.listingId}` : "");
+    const v = computed$1(() => n.type !== "event" ? `${window.location.origin + window.location.pathname}?a=${r.value}&c=${l.value}&ci=${b(u.value)}&co=${b(d.value)}&hid=${f.value}&id=${n.listingId}` : ""), m = computed$1(() => n.type === "event" ? `${window.location.origin + window.location.pathname}?d=${b(p.value)}&rid=${_.value}&eid=${n.listingId}` : "");
     function P(O) {
       t("update:idx", O);
     }
     const y = computed$1({
       get: () => n.idx,
       set: (O) => P(O)
-    }), p = ref("testVueMasonry"), E = inject("redrawVueMasonry");
+    }), g = ref("testVueMasonry"), E = inject("redrawVueMasonry");
     function T() {
       E("testVueMasonry");
     }
@@ -7832,14 +7864,14 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
                   [C]
                 ])), 128))
               ])), [
-                [x, p.value]
+                [x, g.value]
               ])
             ])) : createCommentVNode("", !0)
           ])
         ]),
         _: 2
       }, [
-        O.type === "hotel" || O.type === "event" || O.type === "template" ? {
+        (O.type === "hotel" || O.type === "event" || O.type === "template") && O.disableDeepLink === !1 ? {
           name: "footer",
           fn: withCtx(() => [
             createBaseVNode("div", _hoisted_7$4, [
@@ -7871,7 +7903,7 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
       ]), 1032, ["title"]);
     };
   }
-}), SidePanel = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-f74ff40c"]]);
+}), SidePanel = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-ff830b74"]]);
 var raf = null;
 function requestAnimationFrame$1(s) {
   return raf || (raf = (window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(i) {
@@ -8003,8 +8035,8 @@ function initTriggers(s) {
   };
 }
 function resetTriggers(s) {
-  var i = s.__resize_triggers__, t = i.expand, e = i.expandChild, n = i.contract, r = n.scrollWidth, l = n.scrollHeight, u = t.offsetWidth, d = t.offsetHeight, f = t.scrollWidth, g = t.scrollHeight;
-  n.scrollLeft = r, n.scrollTop = l, e.style.width = u + 1 + "px", e.style.height = d + 1 + "px", t.scrollLeft = f, t.scrollTop = g;
+  var i = s.__resize_triggers__, t = i.expand, e = i.expandChild, n = i.contract, r = n.scrollWidth, l = n.scrollHeight, u = t.offsetWidth, d = t.offsetHeight, f = t.scrollWidth, p = t.scrollHeight;
+  n.scrollLeft = r, n.scrollTop = l, e.style.width = u + 1 + "px", e.style.height = d + 1 + "px", t.scrollLeft = f, t.scrollTop = p;
 }
 const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = { key: 1 }, _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "TruncateContent",
@@ -8026,10 +8058,10 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
     }), f = computed$1(() => {
       if (!d.localExpanded && e.maxHeight)
         return typeof e?.maxHeight == "number" ? `${e?.maxHeight}px` : e?.maxHeight;
-    }), g = () => {
+    }), p = () => {
       u.value && (u.value.innerHTML = convertDescription(x.value));
     }, _ = () => {
-      d.localExpanded || (g(), (m() || C.value) && y());
+      d.localExpanded || (p(), (m() || C.value) && y());
     }, b = () => {
       e.text && (d.offset = e.text.length, v(), e.autoResize && r.value && (addListener(r.value, _), d.unregisterResizeCallback = () => {
         r.value && removeListener(r.value, _);
@@ -8048,9 +8080,9 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
         return;
       }
       const B = Math.floor((L + D) / 2);
-      p(B), m() ? y(D, B) : y(B, L);
-    }, p = (N) => {
-      d.offset = N, g();
+      g(B), m() ? y(D, B) : y(B, L);
+    }, g = (N) => {
+      d.offset = N, p();
     }, E = () => {
       T(), O();
     }, T = () => {
@@ -8060,7 +8092,7 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
       for (; m() && P() > 1 && d.offset > 0; )
         S(-1);
     }, S = (N) => {
-      p(d.offset + N);
+      g(d.offset + N);
     }, C = computed$1(() => e.text ? d.offset !== e.text.length : !1);
     watch(
       () => C.value,
@@ -8094,7 +8126,7 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
     ), watch(
       () => d.localExpanded,
       (N) => {
-        N ? p(e.text.length) : _(), e.expanded !== N && n("update:expanded", N);
+        N ? g(e.text.length) : _(), e.expanded !== N && n("update:expanded", N);
       }
     ), watch(
       () => [e.maxLines, e.maxHeight, e.ellipsis, e.location, C.value].join(),
@@ -8179,37 +8211,38 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
     facilities: {},
     hideInfoButton: { type: Boolean, default: !1 },
     toDate: {},
-    fromDate: {}
+    fromDate: {},
+    disableDeepLink: { type: Boolean, default: !1 }
   },
   setup(s) {
     const { t: i } = useI18n(), t = ref(!1), e = ref(0), n = s, { disablePricesFrom: r, currency: l } = useUtilityStore(), u = ref(!r && !!n.pricesFrom);
     function d() {
       t.value = !0;
     }
-    function f(g) {
+    function f(p) {
       let _ = "";
-      return g.forEach(({ name: b }) => {
+      return p.forEach(({ name: b }) => {
         _ += `<li>${b}</li>`;
       }), `<ul>${_}</ul>`;
     }
-    return (g, _) => {
+    return (p, _) => {
       const b = resolveDirective("tooltip");
       return openBlock(), createElementBlock("li", {
         class: normalizeClass([
           "konnectio-listing",
-          { "no-gallery": !g.gallery || g.gallery.length === 0 },
-          { "only-featured": g.gallery && g.gallery.length === 1 }
+          { "no-gallery": !p.gallery || p.gallery.length === 0 },
+          { "only-featured": p.gallery && p.gallery.length === 1 }
         ])
       }, [
-        g.gallery ? (openBlock(), createElementBlock("div", {
+        p.gallery ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass([
             "konnectio-listing-featured",
-            { "single-image": g.gallery.length === 1 }
+            { "single-image": p.gallery.length === 1 }
           ])
         }, [
           createVNode(Gallery, {
-            gallery: g.gallery,
+            gallery: p.gallery,
             idx: e.value,
             "onUpdate:idx": _[0] || (_[0] = (v) => e.value = v),
             "is-listing": !0,
@@ -8226,11 +8259,11 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
               ])
             }, [
               createBaseVNode("h3", {
-                title: unref(capitalized)(g.name),
-                class: normalizeClass({ "no-padding": g.hideInfoButton })
+                title: unref(capitalized)(p.name),
+                class: normalizeClass({ "no-padding": p.hideInfoButton })
               }, [
-                createBaseVNode("span", null, toDisplayString(unref(capitalized)(g.name)), 1),
-                g.hideInfoButton ? createCommentVNode("", !0) : (openBlock(), createElementBlock("button", {
+                createBaseVNode("span", null, toDisplayString(unref(capitalized)(p.name)), 1),
+                p.hideInfoButton ? createCommentVNode("", !0) : (openBlock(), createElementBlock("button", {
                   key: 0,
                   class: "konnectio-listing-read-more",
                   type: "button",
@@ -8242,31 +8275,31 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
                   })
                 ]))
               ], 10, _hoisted_3$5),
-              u.value || g.includesBreakfast || g.fromDate && g.toDate || g.toDate && unref(daysBetweenDates)(/* @__PURE__ */ new Date(), g.toDate) < 180 ? (openBlock(), createElementBlock("ul", _hoisted_4$4, [
+              u.value || p.includesBreakfast || p.fromDate && p.toDate || p.toDate && unref(daysBetweenDates)(/* @__PURE__ */ new Date(), p.toDate) < 180 ? (openBlock(), createElementBlock("ul", _hoisted_4$4, [
                 u.value ? (openBlock(), createElementBlock("li", _hoisted_5$4, [
-                  createBaseVNode("span", null, toDisplayString(`${unref(i)("general.pricesFrom")}: ${unref(showPrice)(g.pricesFrom, unref(l))}`), 1)
+                  createBaseVNode("span", null, toDisplayString(`${unref(i)("general.pricesFrom")}: ${unref(showPrice)(p.pricesFrom, unref(l))}`), 1)
                 ])) : createCommentVNode("", !0),
-                g.includesBreakfast ? (openBlock(), createElementBlock("li", _hoisted_6$4, [
+                p.includesBreakfast ? (openBlock(), createElementBlock("li", _hoisted_6$4, [
                   createBaseVNode("span", null, toDisplayString(unref(i)("general.breakfastIncluded")), 1),
                   createCommentVNode("", !0)
                 ])) : createCommentVNode("", !0),
-                g.fromDate && g.toDate ? (openBlock(), createElementBlock("li", _hoisted_7$3, [
-                  createBaseVNode("span", null, toDisplayString(`${unref(showDate)(g.fromDate)} - ${unref(showDate)(g.toDate)}`), 1)
-                ])) : g.toDate && unref(daysBetweenDates)(/* @__PURE__ */ new Date(), g.toDate) < 180 ? (openBlock(), createElementBlock("li", _hoisted_8$3, [
-                  createBaseVNode("span", null, toDisplayString(`${unref(i)("general.availableUntil")}: ${unref(showDate)(g.toDate)}`), 1)
+                p.fromDate && p.toDate ? (openBlock(), createElementBlock("li", _hoisted_7$3, [
+                  createBaseVNode("span", null, toDisplayString(`${unref(showDate)(p.fromDate)} - ${unref(showDate)(p.toDate)}`), 1)
+                ])) : p.toDate && unref(daysBetweenDates)(/* @__PURE__ */ new Date(), p.toDate) < 180 ? (openBlock(), createElementBlock("li", _hoisted_8$3, [
+                  createBaseVNode("span", null, toDisplayString(`${unref(i)("general.availableUntil")}: ${unref(showDate)(p.toDate)}`), 1)
                 ])) : createCommentVNode("", !0)
               ])) : createCommentVNode("", !0)
             ], 2),
             createBaseVNode("div", _hoisted_9$2, [
-              renderSlot(g.$slots, "description", {}, () => [
-                g.description ? (openBlock(), createBlock(_sfc_main$9, {
+              renderSlot(p.$slots, "description", {}, () => [
+                p.description ? (openBlock(), createBlock(_sfc_main$9, {
                   key: 0,
-                  text: g.description
+                  text: p.description
                 }, null, 8, ["text"])) : createCommentVNode("", !0)
               ])
             ]),
-            g.facilities ? (openBlock(), createElementBlock("ul", _hoisted_10$2, [
-              (openBlock(!0), createElementBlock(Fragment, null, renderList(g.facilities, ({ icon: v, name: m, subFacilities: P }) => (openBlock(), createElementBlock(Fragment, null, [
+            p.facilities ? (openBlock(), createElementBlock("ul", _hoisted_10$2, [
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(p.facilities, ({ icon: v, name: m, subFacilities: P }) => (openBlock(), createElementBlock(Fragment, null, [
                 v ? withDirectives((openBlock(), createElementBlock("li", { key: m }, [
                   createVNode(Icon, {
                     icon: v,
@@ -8283,26 +8316,27 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
             ])) : createCommentVNode("", !0)
           ]),
           createBaseVNode("div", _hoisted_11$2, [
-            renderSlot(g.$slots, "action")
+            renderSlot(p.$slots, "action")
           ]),
-          renderSlot(g.$slots, "default"),
+          renderSlot(p.$slots, "default"),
           createVNode(SidePanel, {
             modelValue: t.value,
             "onUpdate:modelValue": _[2] || (_[2] = (v) => t.value = v),
-            "listing-id": g.listingId,
-            type: g.type,
-            title: g.name,
-            description: g.description,
-            gallery: g.gallery,
+            "listing-id": p.listingId,
+            type: p.type,
+            title: p.name,
+            description: p.description,
+            gallery: p.gallery,
             idx: e.value,
             "onUpdate:idx": _[3] || (_[3] = (v) => e.value = v),
-            facilities: g.facilities
-          }, null, 8, ["modelValue", "listing-id", "type", "title", "description", "gallery", "idx", "facilities"])
+            facilities: p.facilities,
+            "disable-deep-link": p.disableDeepLink
+          }, null, 8, ["modelValue", "listing-id", "type", "title", "description", "gallery", "idx", "facilities", "disable-deep-link"])
         ])
       ], 2);
     };
   }
-}), Base = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-87d36a46"]]), _hoisted_1$8 = { class: "konnectio-radio-checkboxes" }, _sfc_main$7 = /* @__PURE__ */ defineComponent({
+}), Base = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-491c76e8"]]), _hoisted_1$8 = { class: "konnectio-radio-checkboxes" }, _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "CheckboxField",
   props: {
     modelValue: {},
@@ -8326,7 +8360,7 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
     }, {
       default: withCtx(() => [
         createBaseVNode("ul", _hoisted_1$8, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(l.checkboxes, ({ label: d, value: f }, g) => (openBlock(), createElementBlock("li", { key: g }, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(l.checkboxes, ({ label: d, value: f }, p) => (openBlock(), createElementBlock("li", { key: p }, [
             createVNode(Checkbox, {
               modelValue: r.value,
               "onUpdate:modelValue": u[0] || (u[0] = (_) => r.value = _),
@@ -8351,8 +8385,8 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
   },
   emits: ["reset"],
   setup(s, { emit: i }) {
-    const t = inject("emitter"), e = i, { headerHeight: n } = storeToRefs(useUtilityStore()), r = s, l = ref(0), u = ref(), d = computed$1(() => r.steps.filter((m) => !m.hidden)), f = computed$1(() => r.steps[l.value].id), g = () => {
-      if (u.value !== void 0) {
+    const t = inject("emitter"), e = i, { headerHeight: n } = storeToRefs(useUtilityStore()), r = s, l = ref(0), u = ref(), d = computed$1(() => r.steps.filter((m) => !m.hidden)), f = computed$1(() => r.steps[l.value].id), p = () => {
+      if (u.value) {
         const m = n.value;
         if (m && m > 0) {
           const y = u.value.getBoundingClientRect().top + window.scrollY - m;
@@ -8364,15 +8398,15 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
           u.value.scrollIntoView({ behavior: "smooth" });
       }
     }, _ = (m = 1) => {
-      l.value = l.value + m, g();
+      l.value = l.value + m, p();
     }, b = (m = 1) => {
-      l.value = l.value - m, g();
+      l.value = l.value - m, p();
     };
     function v() {
-      l.value = 0, g();
+      l.value = 0, p();
     }
     return t.on("scrollToTop", () => {
-      g();
+      p();
     }), watch(l, () => {
       l.value === 0 && e("reset");
     }), (m, P) => (openBlock(), createElementBlock("div", {
@@ -8391,9 +8425,9 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
                 createBaseVNode("span", null, toDisplayString(m.subtitle), 1)
               ])) : createCommentVNode("", !0),
               createBaseVNode("ul", _hoisted_5$3, [
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(d.value, (y, p) => (openBlock(), createElementBlock("li", {
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(d.value, (y, g) => (openBlock(), createElementBlock("li", {
                   key: y.id,
-                  class: normalizeClass({ "is-active": l.value >= p })
+                  class: normalizeClass({ "is-active": l.value >= g })
                 }, [
                   y.icon ? (openBlock(), createBlock(Icon, {
                     key: 0,
@@ -8425,7 +8459,7 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
       ])
     ], 512));
   }
-}), MultiStepForm = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-e0915bdc"]]), Logo = "data:image/svg+xml,%3csvg%20id='b7c97208-3a12-46ef-b848-b5e1b5fc4d6a'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20500'%3e%3ctitle%3ekonnectio-logo-gray%3c/title%3e%3cpolygon%20points='250%20250%20200%20300%20200%20200%20250%20250'%20style='fill:%23999'/%3e%3cpolygon%20points='200%20200%20200%20300%20150%20350%20150%20150%20200%20200'%20style='fill:%23858585'/%3e%3cpolygon%20points='150%20150%20150%20350%20100%20400%20100%20100%20150%20150'%20style='fill:%23707070'/%3e%3cpolygon%20points='100%20100%20100%20400%2050%20450%2050%2050%20100%20100'%20style='fill:%235c5c5c'/%3e%3cpolygon%20points='50%2050%2050%20450%200%20500%200%200%2050%2050'%20style='fill:%23474747'/%3e%3cpolygon%20points='250%20250%200%20500%20200%20500%20250%20450%20300%20500%20500%20500%20250%20250'%20style='fill:%23333'/%3e%3cpolygon%20points='300%200%20250%2050%20200%200%200%200%20250%20250%20500%200%20300%200'%20style='fill:%23adadad'/%3e%3cpath%20d='M250,462.5'%20style='fill:none'/%3e%3cpath%20d='M250,462.5'%20style='fill:none'/%3e%3c/svg%3e", _hoisted_1$6 = { class: "konnectio-brand" }, _hoisted_2$4 = ["src"], _sfc_main$5 = /* @__PURE__ */ defineComponent({
+}), MultiStepForm = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-78c5f36a"]]), Logo = "data:image/svg+xml,%3csvg%20id='b7c97208-3a12-46ef-b848-b5e1b5fc4d6a'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20500'%3e%3ctitle%3ekonnectio-logo-gray%3c/title%3e%3cpolygon%20points='250%20250%20200%20300%20200%20200%20250%20250'%20style='fill:%23999'/%3e%3cpolygon%20points='200%20200%20200%20300%20150%20350%20150%20150%20200%20200'%20style='fill:%23858585'/%3e%3cpolygon%20points='150%20150%20150%20350%20100%20400%20100%20100%20150%20150'%20style='fill:%23707070'/%3e%3cpolygon%20points='100%20100%20100%20400%2050%20450%2050%2050%20100%20100'%20style='fill:%235c5c5c'/%3e%3cpolygon%20points='50%2050%2050%20450%200%20500%200%200%2050%2050'%20style='fill:%23474747'/%3e%3cpolygon%20points='250%20250%200%20500%20200%20500%20250%20450%20300%20500%20500%20500%20250%20250'%20style='fill:%23333'/%3e%3cpolygon%20points='300%200%20250%2050%20200%200%200%200%20250%20250%20500%200%20300%200'%20style='fill:%23adadad'/%3e%3cpath%20d='M250,462.5'%20style='fill:none'/%3e%3cpath%20d='M250,462.5'%20style='fill:none'/%3e%3c/svg%3e", _hoisted_1$6 = { class: "konnectio-brand" }, _hoisted_2$4 = ["src"], _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "PoweredByKonnectio",
   setup(s) {
     return (i, t) => (openBlock(), createElementBlock("div", _hoisted_1$6, [
@@ -8702,12 +8736,12 @@ const StickySidebar = /* @__PURE__ */ (() => {
           let u = "affix." + r.toLowerCase().replace("viewport-", "") + s;
           t.eventTrigger(this.sidebar, u), r === "STATIC" ? t.removeClass(this.sidebar, this.options.stickyClass) : t.addClass(this.sidebar, this.options.stickyClass);
           for (let f in l.outer) {
-            let g = typeof l.outer[f] == "number" ? "px" : "";
-            this.sidebar.style[f] = l.outer[f] + g;
+            let p = typeof l.outer[f] == "number" ? "px" : "";
+            this.sidebar.style[f] = l.outer[f] + p;
           }
           for (let f in l.inner) {
-            let g = typeof l.inner[f] == "number" ? "px" : "";
-            this.sidebarInner.style[f] = l.inner[f] + g;
+            let p = typeof l.inner[f] == "number" ? "px" : "";
+            this.sidebarInner.style[f] = l.inner[f] + p;
           }
           let d = "affixed." + r.toLowerCase().replace("viewport-", "") + s;
           t.eventTrigger(this.sidebar, d);
@@ -8785,9 +8819,9 @@ const StickySidebar = /* @__PURE__ */ (() => {
      * @return {String}
      */
     static supportTransform(n) {
-      var r = !1, l = n ? "perspective" : "transform", u = l.charAt(0).toUpperCase() + l.slice(1), d = ["Webkit", "Moz", "O", "ms"], f = document.createElement("support"), g = f.style;
+      var r = !1, l = n ? "perspective" : "transform", u = l.charAt(0).toUpperCase() + l.slice(1), d = ["Webkit", "Moz", "O", "ms"], f = document.createElement("support"), p = f.style;
       return (l + " " + d.join(u + " ") + u).split(" ").forEach(function(_, b) {
-        if (g[_] !== void 0)
+        if (p[_] !== void 0)
           return r = _, !1;
       }), r;
     }
@@ -8987,9 +9021,9 @@ const _hoisted_1$3 = {
       headerHeight: u
     } = storeToRefs(useUtilityStore()), { isValidatingDiscountCode: d } = storeToRefs(useHotelStore()), {
       amount: f,
-      voucher: g,
+      voucher: p,
       isLoading: _
-    } = storeToRefs(useApplyGiftCardStore()), { apply: b, reset: v } = useApplyGiftCardStore(), m = useSlots(), P = useModel(s, "discountCode"), y = s, p = computed$1(() => y.basePrice - y.weekendFee - y.roomUpgrade), E = ref("discount"), T = computed$1(() => E.value === "discount"), O = computed$1(() => E.value === "gift-card"), S = computed$1(() => !t.value || !e.value), C = computed$1(() => !t.value && !e.value), x = (I) => E.value = I;
+    } = storeToRefs(useApplyGiftCardStore()), { apply: b, reset: v } = useApplyGiftCardStore(), m = useSlots(), P = useModel(s, "discountCode"), y = s, g = computed$1(() => y.basePrice - y.weekendFee - y.roomUpgrade), E = ref("discount"), T = computed$1(() => E.value === "discount"), O = computed$1(() => E.value === "gift-card"), S = computed$1(() => !t.value || !e.value), C = computed$1(() => !t.value && !e.value), x = (I) => E.value = I;
     return onMounted(() => {
       e.value && x("gift-card");
     }), (I, R) => {
@@ -9046,9 +9080,9 @@ const _hoisted_1$3 = {
                       ]),
                       createBaseVNode("ul", null, [
                         renderSlot(I.$slots, "price-summary"),
-                        p.value > 0 ? (openBlock(), createElementBlock("li", _hoisted_10$1, [
+                        g.value > 0 ? (openBlock(), createElementBlock("li", _hoisted_10$1, [
                           createBaseVNode("span", null, toDisplayString(unref(i)("booking.availability.basePrice")), 1),
-                          createBaseVNode("b", null, toDisplayString(unref(showPrice)(p.value, unref(r))), 1)
+                          createBaseVNode("b", null, toDisplayString(unref(showPrice)(g.value, unref(r))), 1)
                         ])) : createCommentVNode("", !0),
                         I.weekendFee > 0 ? (openBlock(), createElementBlock("li", _hoisted_11$1, [
                           createBaseVNode("span", null, toDisplayString(unref(i)("general.weekendFee")), 1),
@@ -9139,8 +9173,8 @@ const _hoisted_1$3 = {
                               onAction: R[4] || (R[4] = (A) => I.validateDiscountCode())
                             }, null, 8, ["modelValue", "placeholder", "is-loading"])) : O.value ? (openBlock(), createBlock(ActionField, {
                               key: 1,
-                              modelValue: unref(g),
-                              "onUpdate:modelValue": R[5] || (R[5] = (A) => isRef(g) ? g.value = A : null),
+                              modelValue: unref(p),
+                              "onUpdate:modelValue": R[5] || (R[5] = (A) => isRef(p) ? p.value = A : null),
                               icon: "gift-card",
                               "button-icon": "paper-plane-top",
                               placeholder: "XXXXXXXX",
@@ -9236,11 +9270,11 @@ const _hoisted_1$3 = {
       adults: u,
       children: d,
       offerDate: f,
-      totalPrice: g,
+      totalPrice: p,
       totalVAT: _,
       subTotalPrice: b
     } = storeToRefs(usePaymentStore()), { currency: v } = storeToRefs(useUtilityStore()), { currentArrivalDate: m, currentDepartureDate: P } = storeToRefs(useHotelStore());
-    return (y, p) => (openBlock(), createElementBlock("div", _hoisted_1$2, [
+    return (y, g) => (openBlock(), createElementBlock("div", _hoisted_1$2, [
       createBaseVNode("div", _hoisted_2$1, [
         createBaseVNode("h2", _hoisted_3$1, [
           createBaseVNode("span", null, toDisplayString(unref(i)("general.thankYou")), 1)
@@ -9325,9 +9359,9 @@ const _hoisted_1$3 = {
           createBaseVNode("span", null, toDisplayString(unref(i)("general.vat")), 1),
           createBaseVNode("b", null, toDisplayString(unref(showPrice)(unref(_), unref(v))), 1)
         ])) : createCommentVNode("", !0),
-        unref(g) ? (openBlock(), createElementBlock("li", _hoisted_17, [
+        unref(p) ? (openBlock(), createElementBlock("li", _hoisted_17, [
           createBaseVNode("span", null, toDisplayString(unref(i)("booking.reservation.totalPrice")), 1),
-          createBaseVNode("b", null, toDisplayString(unref(showPrice)(unref(g), unref(v))), 1)
+          createBaseVNode("b", null, toDisplayString(unref(showPrice)(unref(p), unref(v))), 1)
         ])) : createCommentVNode("", !0)
       ])
     ]));
@@ -9688,7 +9722,7 @@ function requireGetSize() {
         var m = getComputedStyle(v);
         return m || n("Style returned " + m + ". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"), m;
       }
-      var f = !1, g;
+      var f = !1, p;
       function _() {
         if (!f) {
           f = !0;
@@ -9697,7 +9731,7 @@ function requireGetSize() {
           var m = document.body || document.documentElement;
           m.appendChild(v);
           var P = d(v);
-          g = Math.round(t(P.width)) == 200, b.isBoxSizeOuter = g, m.removeChild(v);
+          p = Math.round(t(P.width)) == 200, b.isBoxSizeOuter = p, m.removeChild(v);
         }
       }
       function b(v) {
@@ -9707,11 +9741,11 @@ function requireGetSize() {
             return u();
           var P = {};
           P.width = v.offsetWidth, P.height = v.offsetHeight;
-          for (var y = P.isBorderBox = m.boxSizing == "border-box", p = 0; p < l; p++) {
-            var E = r[p], T = m[E], O = parseFloat(T);
+          for (var y = P.isBorderBox = m.boxSizing == "border-box", g = 0; g < l; g++) {
+            var E = r[g], T = m[E], O = parseFloat(T);
             P[E] = isNaN(O) ? 0 : O;
           }
-          var S = P.paddingLeft + P.paddingRight, C = P.paddingTop + P.paddingBottom, x = P.marginLeft + P.marginRight, I = P.marginTop + P.marginBottom, R = P.borderLeftWidth + P.borderRightWidth, w = P.borderTopWidth + P.borderBottomWidth, A = y && g, N = t(m.width);
+          var S = P.paddingLeft + P.paddingRight, C = P.paddingTop + P.paddingBottom, x = P.marginLeft + P.marginRight, I = P.marginTop + P.marginBottom, R = P.borderLeftWidth + P.borderRightWidth, w = P.borderTopWidth + P.borderBottomWidth, A = y && p, N = t(m.width);
           N !== !1 && (P.width = N + // add padding and border unless it's already including it
           (A ? 0 : S + R));
           var D = t(m.height);
@@ -9790,46 +9824,46 @@ function requireUtils() {
       }, n.filterFindElements = function(u, d) {
         u = n.makeArray(u);
         var f = [];
-        return u.forEach(function(g) {
-          if (g instanceof HTMLElement) {
+        return u.forEach(function(p) {
+          if (p instanceof HTMLElement) {
             if (!d) {
-              f.push(g);
+              f.push(p);
               return;
             }
-            e(g, d) && f.push(g);
-            for (var _ = g.querySelectorAll(d), b = 0; b < _.length; b++)
+            e(p, d) && f.push(p);
+            for (var _ = p.querySelectorAll(d), b = 0; b < _.length; b++)
               f.push(_[b]);
           }
         }), f;
       }, n.debounceMethod = function(u, d, f) {
         f = f || 100;
-        var g = u.prototype[d], _ = d + "Timeout";
+        var p = u.prototype[d], _ = d + "Timeout";
         u.prototype[d] = function() {
           var b = this[_];
           clearTimeout(b);
           var v = arguments, m = this;
           this[_] = setTimeout(function() {
-            g.apply(m, v), delete m[_];
+            p.apply(m, v), delete m[_];
           }, f);
         };
       }, n.docReady = function(u) {
         var d = document.readyState;
         d == "complete" || d == "interactive" ? setTimeout(u) : document.addEventListener("DOMContentLoaded", u);
       }, n.toDashed = function(u) {
-        return u.replace(/(.)([A-Z])/g, function(d, f, g) {
-          return f + "-" + g;
+        return u.replace(/(.)([A-Z])/g, function(d, f, p) {
+          return f + "-" + p;
         }).toLowerCase();
       };
       var l = t.console;
       return n.htmlInit = function(u, d) {
         n.docReady(function() {
-          var f = n.toDashed(d), g = "data-" + f, _ = document.querySelectorAll("[" + g + "]"), b = document.querySelectorAll(".js-" + f), v = n.makeArray(_).concat(n.makeArray(b)), m = g + "-options", P = t.jQuery;
+          var f = n.toDashed(d), p = "data-" + f, _ = document.querySelectorAll("[" + p + "]"), b = document.querySelectorAll(".js-" + f), v = n.makeArray(_).concat(n.makeArray(b)), m = p + "-options", P = t.jQuery;
           v.forEach(function(y) {
-            var p = y.getAttribute(g) || y.getAttribute(m), E;
+            var g = y.getAttribute(p) || y.getAttribute(m), E;
             try {
-              E = p && JSON.parse(p);
+              E = g && JSON.parse(g);
             } catch (O) {
-              l && l.error("Error parsing " + g + " on " + y.className + ": " + O);
+              l && l.error("Error parsing " + p + " on " + y.className + ": " + O);
               return;
             }
             var T = new u(y, E);
@@ -9853,9 +9887,9 @@ function requireItem() {
       ));
     })(window, function(t, e) {
       function n(y) {
-        for (var p in y)
+        for (var g in y)
           return !1;
-        return p = null, !0;
+        return g = null, !0;
       }
       var r = document.documentElement.style, l = typeof r.transition == "string" ? "transition" : "WebkitTransition", u = typeof r.transform == "string" ? "transform" : "WebkitTransform", d = {
         WebkitTransition: "webkitTransitionEnd",
@@ -9867,14 +9901,14 @@ function requireItem() {
         transitionProperty: l + "Property",
         transitionDelay: l + "Delay"
       };
-      function g(y, p) {
-        y && (this.element = y, this.layout = p, this.position = {
+      function p(y, g) {
+        y && (this.element = y, this.layout = g, this.position = {
           x: 0,
           y: 0
         }, this._create());
       }
-      var _ = g.prototype = Object.create(t.prototype);
-      _.constructor = g, _._create = function() {
+      var _ = p.prototype = Object.create(t.prototype);
+      _.constructor = p, _._create = function() {
         this._transn = {
           ingProperties: {},
           clean: {},
@@ -9883,38 +9917,38 @@ function requireItem() {
           position: "absolute"
         });
       }, _.handleEvent = function(y) {
-        var p = "on" + y.type;
-        this[p] && this[p](y);
+        var g = "on" + y.type;
+        this[g] && this[g](y);
       }, _.getSize = function() {
         this.size = e(this.element);
       }, _.css = function(y) {
-        var p = this.element.style;
+        var g = this.element.style;
         for (var E in y) {
           var T = f[E] || E;
-          p[T] = y[E];
+          g[T] = y[E];
         }
       }, _.getPosition = function() {
-        var y = getComputedStyle(this.element), p = this.layout._getOption("originLeft"), E = this.layout._getOption("originTop"), T = y[p ? "left" : "right"], O = y[E ? "top" : "bottom"], S = parseFloat(T), C = parseFloat(O), x = this.layout.size;
-        T.indexOf("%") != -1 && (S = S / 100 * x.width), O.indexOf("%") != -1 && (C = C / 100 * x.height), S = isNaN(S) ? 0 : S, C = isNaN(C) ? 0 : C, S -= p ? x.paddingLeft : x.paddingRight, C -= E ? x.paddingTop : x.paddingBottom, this.position.x = S, this.position.y = C;
+        var y = getComputedStyle(this.element), g = this.layout._getOption("originLeft"), E = this.layout._getOption("originTop"), T = y[g ? "left" : "right"], O = y[E ? "top" : "bottom"], S = parseFloat(T), C = parseFloat(O), x = this.layout.size;
+        T.indexOf("%") != -1 && (S = S / 100 * x.width), O.indexOf("%") != -1 && (C = C / 100 * x.height), S = isNaN(S) ? 0 : S, C = isNaN(C) ? 0 : C, S -= g ? x.paddingLeft : x.paddingRight, C -= E ? x.paddingTop : x.paddingBottom, this.position.x = S, this.position.y = C;
       }, _.layoutPosition = function() {
-        var y = this.layout.size, p = {}, E = this.layout._getOption("originLeft"), T = this.layout._getOption("originTop"), O = E ? "paddingLeft" : "paddingRight", S = E ? "left" : "right", C = E ? "right" : "left", x = this.position.x + y[O];
-        p[S] = this.getXValue(x), p[C] = "";
+        var y = this.layout.size, g = {}, E = this.layout._getOption("originLeft"), T = this.layout._getOption("originTop"), O = E ? "paddingLeft" : "paddingRight", S = E ? "left" : "right", C = E ? "right" : "left", x = this.position.x + y[O];
+        g[S] = this.getXValue(x), g[C] = "";
         var I = T ? "paddingTop" : "paddingBottom", R = T ? "top" : "bottom", w = T ? "bottom" : "top", A = this.position.y + y[I];
-        p[R] = this.getYValue(A), p[w] = "", this.css(p), this.emitEvent("layout", [this]);
+        g[R] = this.getYValue(A), g[w] = "", this.css(g), this.emitEvent("layout", [this]);
       }, _.getXValue = function(y) {
-        var p = this.layout._getOption("horizontal");
-        return this.layout.options.percentPosition && !p ? y / this.layout.size.width * 100 + "%" : y + "px";
+        var g = this.layout._getOption("horizontal");
+        return this.layout.options.percentPosition && !g ? y / this.layout.size.width * 100 + "%" : y + "px";
       }, _.getYValue = function(y) {
-        var p = this.layout._getOption("horizontal");
-        return this.layout.options.percentPosition && p ? y / this.layout.size.height * 100 + "%" : y + "px";
-      }, _._transitionTo = function(y, p) {
+        var g = this.layout._getOption("horizontal");
+        return this.layout.options.percentPosition && g ? y / this.layout.size.height * 100 + "%" : y + "px";
+      }, _._transitionTo = function(y, g) {
         this.getPosition();
-        var E = this.position.x, T = this.position.y, O = y == this.position.x && p == this.position.y;
-        if (this.setPosition(y, p), O && !this.isTransitioning) {
+        var E = this.position.x, T = this.position.y, O = y == this.position.x && g == this.position.y;
+        if (this.setPosition(y, g), O && !this.isTransitioning) {
           this.layoutPosition();
           return;
         }
-        var S = y - E, C = p - T, x = {};
+        var S = y - E, C = g - T, x = {};
         x.transform = this.getTranslate(S, C), this.transition({
           to: x,
           onTransitionEnd: {
@@ -9922,32 +9956,32 @@ function requireItem() {
           },
           isCleaning: !0
         });
-      }, _.getTranslate = function(y, p) {
+      }, _.getTranslate = function(y, g) {
         var E = this.layout._getOption("originLeft"), T = this.layout._getOption("originTop");
-        return y = E ? y : -y, p = T ? p : -p, "translate3d(" + y + "px, " + p + "px, 0)";
-      }, _.goTo = function(y, p) {
-        this.setPosition(y, p), this.layoutPosition();
-      }, _.moveTo = _._transitionTo, _.setPosition = function(y, p) {
-        this.position.x = parseFloat(y), this.position.y = parseFloat(p);
+        return y = E ? y : -y, g = T ? g : -g, "translate3d(" + y + "px, " + g + "px, 0)";
+      }, _.goTo = function(y, g) {
+        this.setPosition(y, g), this.layoutPosition();
+      }, _.moveTo = _._transitionTo, _.setPosition = function(y, g) {
+        this.position.x = parseFloat(y), this.position.y = parseFloat(g);
       }, _._nonTransition = function(y) {
         this.css(y.to), y.isCleaning && this._removeStyles(y.to);
-        for (var p in y.onTransitionEnd)
-          y.onTransitionEnd[p].call(this);
+        for (var g in y.onTransitionEnd)
+          y.onTransitionEnd[g].call(this);
       }, _.transition = function(y) {
         if (!parseFloat(this.layout.options.transitionDuration)) {
           this._nonTransition(y);
           return;
         }
-        var p = this._transn;
+        var g = this._transn;
         for (var E in y.onTransitionEnd)
-          p.onEnd[E] = y.onTransitionEnd[E];
+          g.onEnd[E] = y.onTransitionEnd[E];
         for (E in y.to)
-          p.ingProperties[E] = !0, y.isCleaning && (p.clean[E] = !0);
+          g.ingProperties[E] = !0, y.isCleaning && (g.clean[E] = !0);
         y.from && (this.css(y.from), this.element.offsetHeight), this.enableTransition(y.to), this.css(y.to), this.isTransitioning = !0;
       };
       function b(y) {
-        return y.replace(/([A-Z])/g, function(p) {
-          return "-" + p.toLowerCase();
+        return y.replace(/([A-Z])/g, function(g) {
+          return "-" + g.toLowerCase();
         });
       }
       var v = "opacity," + b(u);
@@ -9970,20 +10004,20 @@ function requireItem() {
       };
       _.ontransitionend = function(y) {
         if (y.target === this.element) {
-          var p = this._transn, E = m[y.propertyName] || y.propertyName;
-          if (delete p.ingProperties[E], n(p.ingProperties) && this.disableTransition(), E in p.clean && (this.element.style[y.propertyName] = "", delete p.clean[E]), E in p.onEnd) {
-            var T = p.onEnd[E];
-            T.call(this), delete p.onEnd[E];
+          var g = this._transn, E = m[y.propertyName] || y.propertyName;
+          if (delete g.ingProperties[E], n(g.ingProperties) && this.disableTransition(), E in g.clean && (this.element.style[y.propertyName] = "", delete g.clean[E]), E in g.onEnd) {
+            var T = g.onEnd[E];
+            T.call(this), delete g.onEnd[E];
           }
           this.emitEvent("transitionEnd", [this]);
         }
       }, _.disableTransition = function() {
         this.removeTransitionStyles(), this.element.removeEventListener(d, this, !1), this.isTransitioning = !1;
       }, _._removeStyles = function(y) {
-        var p = {};
+        var g = {};
         for (var E in y)
-          p[E] = "";
-        this.css(p);
+          g[E] = "";
+        this.css(g);
       };
       var P = {
         transitionProperty: "",
@@ -10006,30 +10040,30 @@ function requireItem() {
         }), this.hide();
       }, _.reveal = function() {
         delete this.isHidden, this.css({ display: "" });
-        var y = this.layout.options, p = {}, E = this.getHideRevealTransitionEndProperty("visibleStyle");
-        p[E] = this.onRevealTransitionEnd, this.transition({
+        var y = this.layout.options, g = {}, E = this.getHideRevealTransitionEndProperty("visibleStyle");
+        g[E] = this.onRevealTransitionEnd, this.transition({
           from: y.hiddenStyle,
           to: y.visibleStyle,
           isCleaning: !0,
-          onTransitionEnd: p
+          onTransitionEnd: g
         });
       }, _.onRevealTransitionEnd = function() {
         this.isHidden || this.emitEvent("reveal");
       }, _.getHideRevealTransitionEndProperty = function(y) {
-        var p = this.layout.options[y];
-        if (p.opacity)
+        var g = this.layout.options[y];
+        if (g.opacity)
           return "opacity";
-        for (var E in p)
+        for (var E in g)
           return E;
       }, _.hide = function() {
         this.isHidden = !0, this.css({ display: "" });
-        var y = this.layout.options, p = {}, E = this.getHideRevealTransitionEndProperty("hiddenStyle");
-        p[E] = this.onHideTransitionEnd, this.transition({
+        var y = this.layout.options, g = {}, E = this.getHideRevealTransitionEndProperty("hiddenStyle");
+        g[E] = this.onHideTransitionEnd, this.transition({
           from: y.visibleStyle,
           to: y.hiddenStyle,
           // keep hidden stuff hidden
           isCleaning: !0,
-          onTransitionEnd: p
+          onTransitionEnd: g
         });
       }, _.onHideTransitionEnd = function() {
         this.isHidden && (this.css({ display: "none" }), this.emitEvent("hide"));
@@ -10043,7 +10077,7 @@ function requireItem() {
           transition: "",
           transform: ""
         });
-      }, g;
+      }, p;
     });
   }(item)), item.exports;
 }
@@ -10071,15 +10105,15 @@ function requireOutlayer() {
       );
     })(window, function(t, e, n, r, l) {
       var u = t.console, d = t.jQuery, f = function() {
-      }, g = 0, _ = {};
-      function b(p, E) {
-        var T = r.getQueryElement(p);
+      }, p = 0, _ = {};
+      function b(g, E) {
+        var T = r.getQueryElement(g);
         if (!T) {
-          u && u.error("Bad element for " + this.constructor.namespace + ": " + (T || p));
+          u && u.error("Bad element for " + this.constructor.namespace + ": " + (T || g));
           return;
         }
         this.element = T, d && (this.$element = d(this.element)), this.options = r.extend({}, this.constructor.defaults), this.option(E);
-        var O = ++g;
+        var O = ++p;
         this.element.outlayerGUID = O, _[O] = this, this._create();
         var S = this._getOption("initLayout");
         S && this.layout();
@@ -10105,11 +10139,11 @@ function requireOutlayer() {
         }
       };
       var v = b.prototype;
-      r.extend(v, e.prototype), v.option = function(p) {
-        r.extend(this.options, p);
-      }, v._getOption = function(p) {
-        var E = this.constructor.compatOptions[p];
-        return E && this.options[E] !== void 0 ? this.options[E] : this.options[p];
+      r.extend(v, e.prototype), v.option = function(g) {
+        r.extend(this.options, g);
+      }, v._getOption = function(g) {
+        var E = this.constructor.compatOptions[g];
+        return E && this.options[E] !== void 0 ? this.options[E] : this.options[g];
       }, b.compatOptions = {
         // currentName: oldName
         initLayout: "isInitLayout",
@@ -10121,43 +10155,43 @@ function requireOutlayer() {
         resizeContainer: "isResizingContainer"
       }, v._create = function() {
         this.reloadItems(), this.stamps = [], this.stamp(this.options.stamp), r.extend(this.element.style, this.options.containerStyle);
-        var p = this._getOption("resize");
-        p && this.bindResize();
+        var g = this._getOption("resize");
+        g && this.bindResize();
       }, v.reloadItems = function() {
         this.items = this._itemize(this.element.children);
-      }, v._itemize = function(p) {
-        for (var E = this._filterFindItemElements(p), T = this.constructor.Item, O = [], S = 0; S < E.length; S++) {
+      }, v._itemize = function(g) {
+        for (var E = this._filterFindItemElements(g), T = this.constructor.Item, O = [], S = 0; S < E.length; S++) {
           var C = E[S], x = new T(C, this);
           O.push(x);
         }
         return O;
-      }, v._filterFindItemElements = function(p) {
-        return r.filterFindElements(p, this.options.itemSelector);
+      }, v._filterFindItemElements = function(g) {
+        return r.filterFindElements(g, this.options.itemSelector);
       }, v.getItemElements = function() {
-        return this.items.map(function(p) {
-          return p.element;
+        return this.items.map(function(g) {
+          return g.element;
         });
       }, v.layout = function() {
         this._resetLayout(), this._manageStamps();
-        var p = this._getOption("layoutInstant"), E = p !== void 0 ? p : !this._isLayoutInited;
+        var g = this._getOption("layoutInstant"), E = g !== void 0 ? g : !this._isLayoutInited;
         this.layoutItems(this.items, E), this._isLayoutInited = !0;
       }, v._init = v.layout, v._resetLayout = function() {
         this.getSize();
       }, v.getSize = function() {
         this.size = n(this.element);
-      }, v._getMeasurement = function(p, E) {
-        var T = this.options[p], O;
-        T ? (typeof T == "string" ? O = this.element.querySelector(T) : T instanceof HTMLElement && (O = T), this[p] = O ? n(O)[E] : T) : this[p] = 0;
-      }, v.layoutItems = function(p, E) {
-        p = this._getItemsForLayout(p), this._layoutItems(p, E), this._postLayout();
-      }, v._getItemsForLayout = function(p) {
-        return p.filter(function(E) {
+      }, v._getMeasurement = function(g, E) {
+        var T = this.options[g], O;
+        T ? (typeof T == "string" ? O = this.element.querySelector(T) : T instanceof HTMLElement && (O = T), this[g] = O ? n(O)[E] : T) : this[g] = 0;
+      }, v.layoutItems = function(g, E) {
+        g = this._getItemsForLayout(g), this._layoutItems(g, E), this._postLayout();
+      }, v._getItemsForLayout = function(g) {
+        return g.filter(function(E) {
           return !E.isIgnored;
         });
-      }, v._layoutItems = function(p, E) {
-        if (this._emitCompleteOnItems("layout", p), !(!p || !p.length)) {
+      }, v._layoutItems = function(g, E) {
+        if (this._emitCompleteOnItems("layout", g), !(!g || !g.length)) {
           var T = [];
-          p.forEach(function(O) {
+          g.forEach(function(O) {
             var S = this._getItemLayoutPosition(O);
             S.item = O, S.isInstant = E || O.isLayoutInstant, T.push(S);
           }, this), this._processLayoutQueue(T);
@@ -10167,36 +10201,36 @@ function requireOutlayer() {
           x: 0,
           y: 0
         };
-      }, v._processLayoutQueue = function(p) {
-        this.updateStagger(), p.forEach(function(E, T) {
+      }, v._processLayoutQueue = function(g) {
+        this.updateStagger(), g.forEach(function(E, T) {
           this._positionItem(E.item, E.x, E.y, E.isInstant, T);
         }, this);
       }, v.updateStagger = function() {
-        var p = this.options.stagger;
-        if (p == null) {
+        var g = this.options.stagger;
+        if (g == null) {
           this.stagger = 0;
           return;
         }
-        return this.stagger = y(p), this.stagger;
-      }, v._positionItem = function(p, E, T, O, S) {
-        O ? p.goTo(E, T) : (p.stagger(S * this.stagger), p.moveTo(E, T));
+        return this.stagger = y(g), this.stagger;
+      }, v._positionItem = function(g, E, T, O, S) {
+        O ? g.goTo(E, T) : (g.stagger(S * this.stagger), g.moveTo(E, T));
       }, v._postLayout = function() {
         this.resizeContainer();
       }, v.resizeContainer = function() {
-        var p = this._getOption("resizeContainer");
-        if (p) {
+        var g = this._getOption("resizeContainer");
+        if (g) {
           var E = this._getContainerSize();
           E && (this._setContainerMeasure(E.width, !0), this._setContainerMeasure(E.height, !1));
         }
-      }, v._getContainerSize = f, v._setContainerMeasure = function(p, E) {
-        if (p !== void 0) {
+      }, v._getContainerSize = f, v._setContainerMeasure = function(g, E) {
+        if (g !== void 0) {
           var T = this.size;
-          T.isBorderBox && (p += E ? T.paddingLeft + T.paddingRight + T.borderLeftWidth + T.borderRightWidth : T.paddingBottom + T.paddingTop + T.borderTopWidth + T.borderBottomWidth), p = Math.max(p, 0), this.element.style[E ? "width" : "height"] = p + "px";
+          T.isBorderBox && (g += E ? T.paddingLeft + T.paddingRight + T.borderLeftWidth + T.borderRightWidth : T.paddingBottom + T.paddingTop + T.borderTopWidth + T.borderBottomWidth), g = Math.max(g, 0), this.element.style[E ? "width" : "height"] = g + "px";
         }
-      }, v._emitCompleteOnItems = function(p, E) {
+      }, v._emitCompleteOnItems = function(g, E) {
         var T = this;
         function O() {
-          T.dispatchEvent(p + "Complete", null, [E]);
+          T.dispatchEvent(g + "Complete", null, [E]);
         }
         var S = E.length;
         if (!E || !S) {
@@ -10208,43 +10242,43 @@ function requireOutlayer() {
           C++, C == S && O();
         }
         E.forEach(function(I) {
-          I.once(p, x);
+          I.once(g, x);
         });
-      }, v.dispatchEvent = function(p, E, T) {
+      }, v.dispatchEvent = function(g, E, T) {
         var O = E ? [E].concat(T) : T;
-        if (this.emitEvent(p, O), d)
+        if (this.emitEvent(g, O), d)
           if (this.$element = this.$element || d(this.element), E) {
             var S = d.Event(E);
-            S.type = p, this.$element.trigger(S, T);
+            S.type = g, this.$element.trigger(S, T);
           } else
-            this.$element.trigger(p, T);
-      }, v.ignore = function(p) {
-        var E = this.getItem(p);
+            this.$element.trigger(g, T);
+      }, v.ignore = function(g) {
+        var E = this.getItem(g);
         E && (E.isIgnored = !0);
-      }, v.unignore = function(p) {
-        var E = this.getItem(p);
+      }, v.unignore = function(g) {
+        var E = this.getItem(g);
         E && delete E.isIgnored;
-      }, v.stamp = function(p) {
-        p = this._find(p), p && (this.stamps = this.stamps.concat(p), p.forEach(this.ignore, this));
-      }, v.unstamp = function(p) {
-        p = this._find(p), p && p.forEach(function(E) {
+      }, v.stamp = function(g) {
+        g = this._find(g), g && (this.stamps = this.stamps.concat(g), g.forEach(this.ignore, this));
+      }, v.unstamp = function(g) {
+        g = this._find(g), g && g.forEach(function(E) {
           r.removeFrom(this.stamps, E), this.unignore(E);
         }, this);
-      }, v._find = function(p) {
-        if (p)
-          return typeof p == "string" && (p = this.element.querySelectorAll(p)), p = r.makeArray(p), p;
+      }, v._find = function(g) {
+        if (g)
+          return typeof g == "string" && (g = this.element.querySelectorAll(g)), g = r.makeArray(g), g;
       }, v._manageStamps = function() {
         !this.stamps || !this.stamps.length || (this._getBoundingRect(), this.stamps.forEach(this._manageStamp, this));
       }, v._getBoundingRect = function() {
-        var p = this.element.getBoundingClientRect(), E = this.size;
+        var g = this.element.getBoundingClientRect(), E = this.size;
         this._boundingRect = {
-          left: p.left + E.paddingLeft + E.borderLeftWidth,
-          top: p.top + E.paddingTop + E.borderTopWidth,
-          right: p.right - (E.paddingRight + E.borderRightWidth),
-          bottom: p.bottom - (E.paddingBottom + E.borderBottomWidth)
+          left: g.left + E.paddingLeft + E.borderLeftWidth,
+          top: g.top + E.paddingTop + E.borderTopWidth,
+          right: g.right - (E.paddingRight + E.borderRightWidth),
+          bottom: g.bottom - (E.paddingBottom + E.borderBottomWidth)
         };
-      }, v._manageStamp = f, v._getElementOffset = function(p) {
-        var E = p.getBoundingClientRect(), T = this._boundingRect, O = n(p), S = {
+      }, v._manageStamp = f, v._getElementOffset = function(g) {
+        var E = g.getBoundingClientRect(), T = this._boundingRect, O = n(g), S = {
           left: E.left - T.left - O.marginLeft,
           top: E.top - T.top - O.marginTop,
           right: T.right - E.right - O.marginRight,
@@ -10260,87 +10294,87 @@ function requireOutlayer() {
       }, r.debounceMethod(b, "onresize", 100), v.resize = function() {
         !this.isResizeBound || !this.needsResizeLayout() || this.layout();
       }, v.needsResizeLayout = function() {
-        var p = n(this.element), E = this.size && p;
-        return E && p.innerWidth !== this.size.innerWidth;
-      }, v.addItems = function(p) {
-        var E = this._itemize(p);
+        var g = n(this.element), E = this.size && g;
+        return E && g.innerWidth !== this.size.innerWidth;
+      }, v.addItems = function(g) {
+        var E = this._itemize(g);
         return E.length && (this.items = this.items.concat(E)), E;
-      }, v.appended = function(p) {
-        var E = this.addItems(p);
+      }, v.appended = function(g) {
+        var E = this.addItems(g);
         E.length && (this.layoutItems(E, !0), this.reveal(E));
-      }, v.prepended = function(p) {
-        var E = this._itemize(p);
+      }, v.prepended = function(g) {
+        var E = this._itemize(g);
         if (E.length) {
           var T = this.items.slice(0);
           this.items = E.concat(T), this._resetLayout(), this._manageStamps(), this.layoutItems(E, !0), this.reveal(E), this.layoutItems(T);
         }
-      }, v.reveal = function(p) {
-        if (this._emitCompleteOnItems("reveal", p), !(!p || !p.length)) {
+      }, v.reveal = function(g) {
+        if (this._emitCompleteOnItems("reveal", g), !(!g || !g.length)) {
           var E = this.updateStagger();
-          p.forEach(function(T, O) {
+          g.forEach(function(T, O) {
             T.stagger(O * E), T.reveal();
           });
         }
-      }, v.hide = function(p) {
-        if (this._emitCompleteOnItems("hide", p), !(!p || !p.length)) {
+      }, v.hide = function(g) {
+        if (this._emitCompleteOnItems("hide", g), !(!g || !g.length)) {
           var E = this.updateStagger();
-          p.forEach(function(T, O) {
+          g.forEach(function(T, O) {
             T.stagger(O * E), T.hide();
           });
         }
-      }, v.revealItemElements = function(p) {
-        var E = this.getItems(p);
+      }, v.revealItemElements = function(g) {
+        var E = this.getItems(g);
         this.reveal(E);
-      }, v.hideItemElements = function(p) {
-        var E = this.getItems(p);
+      }, v.hideItemElements = function(g) {
+        var E = this.getItems(g);
         this.hide(E);
-      }, v.getItem = function(p) {
+      }, v.getItem = function(g) {
         for (var E = 0; E < this.items.length; E++) {
           var T = this.items[E];
-          if (T.element == p)
+          if (T.element == g)
             return T;
         }
-      }, v.getItems = function(p) {
-        p = r.makeArray(p);
+      }, v.getItems = function(g) {
+        g = r.makeArray(g);
         var E = [];
-        return p.forEach(function(T) {
+        return g.forEach(function(T) {
           var O = this.getItem(T);
           O && E.push(O);
         }, this), E;
-      }, v.remove = function(p) {
-        var E = this.getItems(p);
+      }, v.remove = function(g) {
+        var E = this.getItems(g);
         this._emitCompleteOnItems("remove", E), !(!E || !E.length) && E.forEach(function(T) {
           T.remove(), r.removeFrom(this.items, T);
         }, this);
       }, v.destroy = function() {
-        var p = this.element.style;
-        p.height = "", p.position = "", p.width = "", this.items.forEach(function(T) {
+        var g = this.element.style;
+        g.height = "", g.position = "", g.width = "", this.items.forEach(function(T) {
           T.destroy();
         }), this.unbindResize();
         var E = this.element.outlayerGUID;
         delete _[E], delete this.element.outlayerGUID, d && d.removeData(this.element, this.constructor.namespace);
-      }, b.data = function(p) {
-        p = r.getQueryElement(p);
-        var E = p && p.outlayerGUID;
+      }, b.data = function(g) {
+        g = r.getQueryElement(g);
+        var E = g && g.outlayerGUID;
         return E && _[E];
-      }, b.create = function(p, E) {
+      }, b.create = function(g, E) {
         var T = m(b);
-        return T.defaults = r.extend({}, b.defaults), r.extend(T.defaults, E), T.compatOptions = r.extend({}, b.compatOptions), T.namespace = p, T.data = b.data, T.Item = m(l), r.htmlInit(T, p), d && d.bridget && d.bridget(p, T), T;
+        return T.defaults = r.extend({}, b.defaults), r.extend(T.defaults, E), T.compatOptions = r.extend({}, b.compatOptions), T.namespace = g, T.data = b.data, T.Item = m(l), r.htmlInit(T, g), d && d.bridget && d.bridget(g, T), T;
       };
-      function m(p) {
+      function m(g) {
         function E() {
-          p.apply(this, arguments);
+          g.apply(this, arguments);
         }
-        return E.prototype = Object.create(p.prototype), E.prototype.constructor = E, E;
+        return E.prototype = Object.create(g.prototype), E.prototype.constructor = E, E;
       }
       var P = {
         ms: 1,
         s: 1e3
       };
-      function y(p) {
-        if (typeof p == "number")
-          return p;
-        var E = p.match(/(^\d*\.?\d*)(\w*)/), T = E && E[1], O = E && E[2];
+      function y(g) {
+        if (typeof g == "number")
+          return g;
+        var E = g.match(/(^\d*\.?\d*)(\w*)/), T = E && E[1], O = E && E[2];
         if (!T.length)
           return 0;
         T = parseFloat(T);
@@ -10382,8 +10416,8 @@ function requireOutlayer() {
         this.columnWidth = u && e(u).outerWidth || // if first elem has no width, default to size of container
         this.containerWidth;
       }
-      var d = this.columnWidth += this.gutter, f = this.containerWidth + this.gutter, g = f / d, _ = d - f % d, b = _ && _ < 1 ? "round" : "floor";
-      g = Math[b](g), this.cols = Math.max(g, 1);
+      var d = this.columnWidth += this.gutter, f = this.containerWidth + this.gutter, p = f / d, _ = d - f % d, b = _ && _ < 1 ? "round" : "floor";
+      p = Math[b](p), this.cols = Math.max(p, 1);
     }, r.getContainerWidth = function() {
       var l = this._getOption("fitWidth"), u = l ? this.element.parentNode : this.element, d = e(u);
       this.containerWidth = d && d.innerWidth;
@@ -10391,7 +10425,7 @@ function requireOutlayer() {
       l.getSize();
       var u = l.size.outerWidth % this.columnWidth, d = u && u < 1 ? "round" : "ceil", f = Math[d](l.size.outerWidth / this.columnWidth);
       f = Math.min(f, this.cols);
-      for (var g = this.options.horizontalOrder ? "_getHorizontalColPosition" : "_getTopColPosition", _ = this[g](f, l), b = {
+      for (var p = this.options.horizontalOrder ? "_getHorizontalColPosition" : "_getTopColPosition", _ = this[p](f, l), b = {
         x: this.columnWidth * _.col,
         y: _.y
       }, v = _.y + l.size.outerHeight, m = f + _.col, P = _.col; P < m; P++)
@@ -10417,13 +10451,13 @@ function requireOutlayer() {
     }, r._getHorizontalColPosition = function(l, u) {
       var d = this.horizontalColIndex % this.cols, f = l > 1 && d + l > this.cols;
       d = f ? 0 : d;
-      var g = u.size.outerWidth && u.size.outerHeight;
-      return this.horizontalColIndex = g ? d + l : this.horizontalColIndex, {
+      var p = u.size.outerWidth && u.size.outerHeight;
+      return this.horizontalColIndex = p ? d + l : this.horizontalColIndex, {
         col: d,
         y: this._getColGroupY(d, l)
       };
     }, r._manageStamp = function(l) {
-      var u = e(l), d = this._getElementOffset(l), f = this._getOption("originLeft"), g = f ? d.left : d.right, _ = g + u.outerWidth, b = Math.floor(g / this.columnWidth);
+      var u = e(l), d = this._getElementOffset(l), f = this._getOption("originLeft"), p = f ? d.left : d.right, _ = p + u.outerWidth, b = Math.floor(p / this.columnWidth);
       b = Math.max(0, b);
       var v = Math.floor(_ / this.columnWidth);
       v -= _ % this.columnWidth ? 0 : 1, v = Math.min(this.cols - 1, v);
@@ -10494,10 +10528,10 @@ var imagesloaded = { exports: {} };
       }, f.prototype.addElementImages = function(v) {
         v.nodeName == "IMG" && this.addImage(v), this.options.background === !0 && this.addElementBackgroundImages(v);
         var m = v.nodeType;
-        if (!(!m || !g[m])) {
+        if (!(!m || !p[m])) {
           for (var P = v.querySelectorAll("img"), y = 0; y < P.length; y++) {
-            var p = P[y];
-            this.addImage(p);
+            var g = P[y];
+            this.addImage(g);
           }
           if (typeof this.options.background == "string") {
             var E = v.querySelectorAll(this.options.background);
@@ -10508,7 +10542,7 @@ var imagesloaded = { exports: {} };
           }
         }
       };
-      var g = {
+      var p = {
         1: !0,
         9: !0,
         11: !0
@@ -10517,8 +10551,8 @@ var imagesloaded = { exports: {} };
         var m = getComputedStyle(v);
         if (m)
           for (var P = /url\((['"])?(.*?)\1\)/gi, y = P.exec(m.backgroundImage); y !== null; ) {
-            var p = y && y[2];
-            p && this.addBackground(p, v), y = P.exec(m.backgroundImage);
+            var g = y && y[2];
+            g && this.addBackground(g, v), y = P.exec(m.backgroundImage);
           }
       }, f.prototype.addImage = function(v) {
         var m = new _(v);
@@ -10532,9 +10566,9 @@ var imagesloaded = { exports: {} };
           this.complete();
           return;
         }
-        function m(P, y, p) {
+        function m(P, y, g) {
           setTimeout(function() {
-            v.progress(P, y, p);
+            v.progress(P, y, g);
           });
         }
         this.images.forEach(function(P) {
@@ -10624,7 +10658,7 @@ VueMasonryPlugin.install = function(s, i) {
     mounted: function(r, l) {
       if (!Masonry)
         throw new Error("Masonry plugin is not defined. Please check it's connected and parsed correctly.");
-      const u = collectOptions(r.attributes), d = new Masonry(r, u), f = l.value || e, g = u.destroyDelay ? parseInt(u.destroyDelay, 10) : void 0, _ = function() {
+      const u = collectOptions(r.attributes), d = new Masonry(r, u), f = l.value || e, p = u.destroyDelay ? parseInt(u.destroyDelay, 10) : void 0, _ = function() {
         d.reloadItems(), d.layout();
       };
       nextTick(() => {
@@ -10634,7 +10668,7 @@ VueMasonryPlugin.install = function(s, i) {
         _();
       }, v = function(m) {
         t.off(`${EVENT_ADD}__${f}`, b), t.off(`${EVENT_REMOVE}__${f}`, b), t.off(`${EVENT_IMAGE_LOADED}__${f}`, b), t.off(`${EVENT_DESTROY}__${f}`, v);
-        const P = g && !Number.isNaN(g) ? g : 0;
+        const P = p && !Number.isNaN(p) ? p : 0;
         setTimeout(function() {
           d.destroy();
         }, P);
@@ -10684,4 +10718,4 @@ export {
   StickyPlugin as a,
   ListingSkeleton as b
 };
-//# sourceMappingURL=masonry.plugin-rZZcRBGq.js.map
+//# sourceMappingURL=masonry.plugin-Djhh4bxD.js.map