@konnectio/core 4.0.119 → 4.1.1

package/dist/{masonry.plugin-rZZcRBGq.js → masonry.plugin-D7l8_YMQ.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-DC2CrQZx.js";
+import { B as Base$1, C as Checkbox, _ as _sfc_main$c } from "./CheckoutWindow-D9oLhlnI.js";
+import { A as ActionField } from "./ActionField-Bv7eVoQ6.js";
+import { E as Element$1 } from "./Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-BVM6rNQX.js";
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./_commonjsHelpers-DaMA6jEr.js";
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -143,9 +143,9 @@ var isUndefined = function(s) {
     if (d) {
       var f = 0;
       try {
-        for (var g = __values$1(d), _ = g.next(); !_.done; _ = g.next()) {
-          var b = _.value;
-          if (b === e) {
+        for (var _ = __values$1(d), g = _.next(); !g.done; g = _.next()) {
+          var y = g.value;
+          if (y === e) {
             d.splice(f, 1), d.length <= 0 && delete this._eventHandler[t];
             break;
           }
@@ -157,7 +157,7 @@ var isUndefined = function(s) {
         };
       } finally {
         try {
-          _ && !_.done && (r = g.return) && r.call(g);
+          g && !g.done && (r = _.return) && r.call(_);
         } 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);
-  if (e.chromium = !!_.preset, e.chromiumVersion = _.version, !e.chromium) {
-    var b = findPreset(WEBKIT_PRESETS, i);
-    e.webkit = !!b.preset, e.webkitVersion = b.version;
+  }, r = findPreset(BROWSER_PRESETS, i), l = r.preset, u = r.version, d = findPreset(OS_PRESETS, i), f = d.preset, _ = d.version, g = findPreset(CHROMIUM_PRESETS, i);
+  if (e.chromium = !!g.preset, e.chromiumVersion = g.version, !e.chromium) {
+    var y = findPreset(WEBKIT_PRESETS, i);
+    e.webkit = !!y.preset, e.webkitVersion = y.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 = _, n.majorVersion = parseInt(_, 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,
@@ -370,21 +370,21 @@ function getClientHintsAgent(s) {
     version: "-1",
     majorVersion: -1
   };
-  l.webkit = !l.chromium && some(WEBKIT_PRESETS, function(b) {
-    return findBrand(t, b);
+  l.webkit = !l.chromium && some(WEBKIT_PRESETS, function(y) {
+    return findBrand(t, y);
   });
   var d = findPresetBrand(CHROMIUM_PRESETS, t);
   if (l.chromium = !!d.brand, l.chromiumVersion = d.version, !l.chromium) {
     var f = findPresetBrand(WEBKIT_PRESETS, t);
     l.webkit = !!f.brand, l.webkitVersion = f.version;
   }
-  var g = find$1(OS_PRESETS, function(b) {
-    return new RegExp("" + b.test, "g").exec(r);
+  var _ = find$1(OS_PRESETS, function(y) {
+    return new RegExp("" + y.test, "g").exec(r);
   });
-  u.name = g ? g.id : "";
+  u.name = _ ? _.id : "";
   {
-    var _ = findPresetBrand(BROWSER_PRESETS, t);
-    l.name = _.brand || l.name, l.version = _.brand && s ? s.uaFullVersion : _.version;
+    var g = findPresetBrand(BROWSER_PRESETS, t);
+    l.name = g.brand || l.name, l.version = g.brand && s ? s.uaFullVersion : g.version;
   }
   return l.webkit && (u.name = e ? "ios" : "mac"), u.name === "ios" && l.webview && (l.version = "-1"), u.version = convertVersion(u.version), l.version = convertVersion(l.version), u.majorVersion = parseInt(u.version, 10), l.majorVersion = parseInt(l.version, 10), {
     browser: l,
@@ -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(), _ = this._getRoundPos(t, e), g = _.roundPos, y = _.roundDepa, v = d.moveTo(g, y), m = n?.event || f?.event || null, P = {
       pos: v.pos,
       delta: v.delta,
       bounceRatio: this._getBounceRatio(v.pos),
@@ -789,11 +789,11 @@ var requestAnimationFrame$2 = function(s) {
       set: m ? this._createUserControll(v.pos) : function() {
       }
       // 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) {
+    }, b = new ComponentEvent$1("change", P);
+    return this._axes.trigger(b), Object.keys(v.pos).forEach(function(p) {
       var E = v.pos[p];
       getObserver(l._axes, p, E).current = E;
-    }), m && d.set(P.set().destPos), !y.isCanceled();
+    }), m && d.set(P.set().destPos), !b.isCanceled();
   }, i.triggerAnimationStart = function(t) {
     var e = this._getRoundPos(t.destPos, t.depaPos), n = e.roundPos, r = e.roundDepa;
     t.destPos = n, t.depaPos = r, t.setTo = this._createUserControll(t.destPos, t.duration);
@@ -946,21 +946,21 @@ 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, _ = n ? n.deltaY + l.y : l.y, g = l.x, y = l.y, v = this._latestInterval, m = Date.now(), P = v ? m - v.timestamp : 0, b = n ? n.velocityX : 0, p = n ? n.velocityY : 0;
+    return (!v || P >= VELOCITY_INTERVAL) && (v && (e = [(f - v.deltaX) / P, (_ - v.deltaY) / P], b = e[0], p = e[1]), this._latestInterval = {
       timestamp: m,
       deltaX: f,
-      deltaY: g
+      deltaY: _
     }), {
       srcEvent: t,
       scale: u,
       angle: d,
       center: r,
       deltaX: f,
-      deltaY: g,
-      offsetX: _,
-      offsetY: b,
-      velocityX: y,
+      deltaY: _,
+      offsetX: g,
+      offsetY: y,
+      velocityX: b,
       velocityY: p,
       preventSystemEvent: !0
     };
@@ -1184,30 +1184,30 @@ var InputObserver = /* @__PURE__ */ function() {
       this._isStopped = !1, this._interruptManager.setInterrupt(!0), this._animationManager.stopAnimation(n), ++this._eventManager.holdingCount, this._moveDistance || this._eventManager.hold(this._axisManager.get(), n), this._isOutside = this._axisManager.isOutside(t.axes), this._moveDistance = this._axisManager.get(t.axes);
     }
   }, i.change = function(t, e, n, r) {
-    if (!(this._isStopped || !this._interruptManager.isInterrupting() || this._axisManager.every(n, function(b) {
-      return b === 0;
+    if (!(this._isStopped || !this._interruptManager.isInterrupting() || this._axisManager.every(n, function(y) {
+      return y === 0;
     }))) {
       var l = e.srcEvent ? e.srcEvent : e;
       if (!l.__childrenAxesAlreadyChanged) {
         var u = this._moveDistance || this._axisManager.get(t.axes), d;
-        d = map(u, function(b, v) {
-          return b + (n[v] || 0);
-        }), this._moveDistance && (this._moveDistance = this._axisManager.map(d, function(b, v) {
+        d = map(u, function(y, v) {
+          return y + (n[v] || 0);
+        }), this._moveDistance && (this._moveDistance = this._axisManager.map(d, function(y, v) {
           var m = v.circular, P = v.range;
-          return m && (m[0] || m[1]) ? getCirculatedPos(b, P, m) : b;
-        })), this._isOutside && this._axisManager.every(u, function(b, v) {
-          return !isOutside(b, v.range);
+          return m && (m[0] || m[1]) ? getCirculatedPos(y, P, m) : y;
+        })), this._isOutside && this._axisManager.every(u, function(y, v) {
+          return !isOutside(y, v.range);
         }) && (this._isOutside = !1), u = this._atOutside(u), d = this._atOutside(d), (!this.options.nested || !this._isEndofAxis(n, u, d)) && (l.__childrenAxesAlreadyChanged = !0);
         var f = {
           input: t,
           event: e
         };
         if (r) {
-          var g = this._animationManager.getDuration(d, u);
-          this._animationManager.animateTo(d, g, f);
+          var _ = this._animationManager.getDuration(d, u);
+          this._animationManager.animateTo(d, _, f);
         } else {
-          var _ = !this._eventManager.triggerChange(d, u, f, !0);
-          _ && (this._isStopped = !0, this._moveDistance = null, this._animationManager.finish(!1));
+          var g = !this._eventManager.triggerChange(d, u, f, !0);
+          g && (this._isStopped = !0, this._moveDistance = null, this._animationManager.finish(!1));
         }
       }
     }
@@ -1217,27 +1217,27 @@ 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) {
+      var u = this._axisManager.get(t.axes), d = this._axisManager.get(), f = this._animationManager.getDisplacement(n), _ = toAxis(t.axes, f), g = this._axisManager.get(this._axisManager.map(_, 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);
       }));
       l.__childrenAxesAlreadyReleased = !0;
-      var b = this._animationManager.getDuration(_, u, r);
-      b === 0 && (_ = __assign$3({}, d));
+      var y = this._animationManager.getDuration(g, u, r);
+      y === 0 && (g = __assign$3({}, d));
       var v = {
         depaPos: d,
-        destPos: _,
-        duration: b,
-        delta: this._axisManager.getDelta(d, _),
+        destPos: g,
+        duration: y,
+        delta: this._axisManager.getDelta(d, g),
         inputEvent: e,
         input: t,
         isTrusted: !0
       };
       --this._eventManager.holdingCount, this._eventManager.triggerRelease(v), this._eventManager.holdingCount === 0 && (this._moveDistance = null);
-      var m = this._animationManager.getUserControl(v), P = equal(m.destPos, d), y = {
+      var m = this._animationManager.getUserControl(v), P = equal(m.destPos, d), b = {
         input: t,
         event: e
       };
-      P || m.duration === 0 ? (P || this._eventManager.triggerChange(m.destPos, d, y, !0), this._interruptManager.setInterrupt(!1), this._axisManager.isOutside() ? this._animationManager.restore(y) : this._eventManager.triggerFinish(!0)) : this._animationManager.animateTo(m.destPos, m.duration, y);
+      P || m.duration === 0 ? (P || this._eventManager.triggerChange(m.destPos, d, b, !0), this._interruptManager.setInterrupt(!1), this._axisManager.isOutside() ? this._animationManager.restore(b) : this._eventManager.triggerFinish(!0)) : this._animationManager.animateTo(m.destPos, m.duration, b);
     }
   }, i._atOutside = function(t) {
     var e = this;
@@ -1318,17 +1318,17 @@ var InputObserver = /* @__PURE__ */ function() {
     var r = this;
     this.stopAnimation();
     var l = this._createAnimationParam(t, e, n), u = __assign$3({}, l.depaPos), d = this.eventManager.triggerAnimationStart(l), f = this.getUserControl(l);
-    if (!d && this.axisManager.every(f.destPos, function(_, b) {
-      return isCircularable(_, b.range, b.circular);
+    if (!d && this.axisManager.every(f.destPos, function(g, y) {
+      return isCircularable(g, y.range, y.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 _ = 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: !!_,
+        inputEvent: _,
         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, _ = d.circular;
+      return _ && (_[0] || _[1]) ? u : getInsidePosition(u, f, _);
     }), 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), _ = !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 _ ? 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), _ = roundNumber(u, f);
+      return _;
     });
     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 _ = (l + this._durationOffset) / r.duration;
+        this._durationOffset = _ * d - l, r.duration = d;
       }
     }
   }, t._initState = function(e) {
@@ -1436,18 +1436,18 @@ 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, _ = (f + this._durationOffset) / r.duration, g = this._easing(_), y = this.axisManager.map(l, function(v, m, P) {
+      var b = _ >= 1 ? u[P] : v + r.delta[P] * (g - n._prevEasingPer) / (1 - n._initialEasingPer), p = getCirculatedPos(b, m.range, m.circular);
+      if (b !== p) {
         var E = d[P] * (m.range[1] - m.range[0]);
         u[P] -= E, l[P] -= E;
       }
       return p;
     });
-    return this._prevEasingPer = _, {
-      pos: b,
-      easingPer: _,
-      finished: _ >= 1
+    return this._prevEasingPer = g, {
+      pos: y,
+      easingPer: g,
+      finished: g >= 1
     };
   }, t._easing = function(e) {
     return e > 1 ? 1 : this._options.easing(e);
@@ -1577,14 +1577,14 @@ 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, _ = n.threshold, g = n.thresholdAngle, y = this._activeEvent, v = y.onEventMove(t, d, f), m = y.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);
-      if (b.prevEvent && IS_IOS_SAFARI) {
+      var P = getDirectionByAngle(v.angle, g), b = useDirection(DIRECTION_HORIZONTAL, this._direction, P), p = useDirection(DIRECTION_VERTICAL, this._direction, P);
+      if (y.prevEvent && IS_IOS_SAFARI) {
         var E = v.center.x < 0;
         if (E) {
           this.release();
@@ -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], [b, p]), S = this._getOffset([v.offsetX, v.offsetY], [b, p]), 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 >= _) && (this._dragged = l, this._isOverThreshold = !0, this._observer.change(this, v, toAxis(this.axes, S))), y.prevEvent = v;
     }
   }, i._onPanend = function(t) {
     var e = this.options.inputButton, n = this._activeEvent;
@@ -1852,18 +1852,18 @@ 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) {
-        var _ = n.elementInfos[d];
-        _.hasLoading = g.hasLoading, _.isSkip = g.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];
-        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();
+      return f.check(), f.on("error", function(_) {
+        n.onError(d, _.target);
+      }).on("preReady", function(_) {
+        var g = n.elementInfos[d];
+        g.hasLoading = _.hasLoading, g.isSkip = _.isSkip;
+        var y = n.checkPreReady(d);
+        n.onPreReadyElement(d), y && n.onPreReady();
+      }).on("ready", function(_) {
+        var g = _.withPreReady, y = _.hasLoading, v = _.isSkip, m = n.elementInfos[d];
+        m.hasLoading = y, m.isSkip = v;
+        var P = g && n.checkPreReady(d), b = n.checkReady(d);
+        g && n.onPreReadyElement(d), n.onReadyElement(d), P && n.onPreReady(), b && n.onReady();
       }), {
         loader: f,
         element: u,
@@ -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 _ = new ElementLoader(e, n), g = toArray$1(e.querySelectorAll(f.join(", ")));
+    _.setHasLoading(g.some(function(m) {
       return hasLoadingAttribute(m, d);
     }));
-    var b = !1, v = this.clone().on("error", function(m) {
-      g.onError(m.target);
+    var y = !1, v = this.clone().on("error", function(m) {
+      _.onError(m.target);
     }).on("ready", function() {
-      g.onReady(b);
+      _.onReady(y);
     });
-    return g.on("requestChildren", function() {
+    return _.on("requestChildren", function() {
       var m = getContentElements(e, f, r.options.prefix);
       v.check(m).on("preReady", function(P) {
-        b = P.isReady, b || g.onPreReady();
+        y = P.isReady, y || _.onPreReady();
       });
     }).on("reqeustReadyChildren", function() {
-      v.check(_);
+      v.check(g);
     }).on("requestDestroy", function() {
       v.destroy();
-    }), g;
+    }), _;
   }, 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(_) {
       try {
-        f(e.next(g));
-      } catch (_) {
-        l(_);
+        f(e.next(_));
+      } catch (g) {
+        l(g);
       }
     }
-    function d(g) {
+    function d(_) {
       try {
-        f(e.throw(g));
-      } catch (_) {
-        l(_);
+        f(e.throw(_));
+      } catch (g) {
+        l(g);
       }
     }
-    function f(g) {
-      g.done ? r(g.value) : n(g.value).then(u, d);
+    function f(_) {
+      _.done ? r(_.value) : n(_.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(_) {
+      return d([f, _]);
     };
   }
   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 (_) {
+      f = [6, _], 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,12 +2450,12 @@ 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 _ = t ? parseFloat(r.paddingLeft || "0") + parseFloat(r.paddingRight || "0") : parseFloat(r.paddingTop || "0") + parseFloat(r.paddingBottom || "0");
+      l = n ? u + _ + f : u + _;
     }
   } else {
-    var _ = t ? "Width" : "Height";
-    l = n ? i["offset" + _] : i["client" + _];
+    var g = t ? "Width" : "Height";
+    l = n ? i["offset" + g] : i["client" + g];
   }
   return Math.max(l, 0);
 }, setPrototypeOf = Object.setPrototypeOf || function(s, i) {
@@ -2836,15 +2838,15 @@ 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 _ = new ComponentEvent$1(EVENTS.MOVE, {
+      var u = e.camera, d = u.position, f = n.pos[POSITION_KEY], _ = e.circularEnabled ? circulatePosition(f, u.range.min, u.range.max) : f;
+      u.lookAt(_);
+      var g = new ComponentEvent$1(EVENTS.MOVE, {
         isTrusted: n.isTrusted,
         holding: this.holding,
         direction: getDirection(0, n.delta[POSITION_KEY]),
         axesEvent: n
       });
-      e.trigger(_), _.isCanceled() && (u.lookAt(d), r(STATE_TYPE.DISABLED));
+      e.trigger(g), g.isCanceled() && (u.lookAt(d), r(STATE_TYPE.DISABLED));
     }
   }, s;
 }(), IdleState = /* @__PURE__ */ function(s) {
@@ -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,17 +2909,17 @@ 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, _;
       if (f.type === "touchend") {
-        var _ = f, b = _.changedTouches[0];
-        g = document.elementFromPoint(b.clientX, b.clientY);
+        var g = f, y = g.changedTouches[0];
+        _ = document.elementFromPoint(y.clientX, y.clientY);
       } else
-        g = f.target;
+        _ = 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)) {
+        for (var P = __values(v), b = P.next(); !b.done; b = P.next()) {
+          var p = b.value;
+          if (p.contains(_)) {
             m = p;
             break;
           }
@@ -2925,7 +2930,7 @@ var State = /* @__PURE__ */ function() {
         };
       } finally {
         try {
-          y && !y.done && (r = P.return) && r.call(P);
+          b && !b.done && (r = P.return) && r.call(P);
         } finally {
           if (n) throw n.error;
         }
@@ -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], _ = Math.max(l.duration, r.duration);
     try {
-      d.moveToPosition(f, g, l);
+      d.moveToPosition(f, _, 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 _ = this._targetPanel;
+    _ && u.setActive(_, 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(_) {
         n._stateMachine.fire(f, {
           flicking: t,
-          axesEvent: g
+          axesEvent: _
         });
       });
     };
@@ -3289,31 +3294,31 @@ 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 _ = getFlickingAttached(this._flicking);
+      return _.camera.lookAt(t), d.targetPanel && _.control.setActive(d.targetPanel, _.control.activePanel, (l = n?.isTrusted) !== null && l !== void 0 ? l : !1), Promise.resolve();
     }
     this._animatingContext = {
       start: f,
       end: t,
       offset: 0
     };
-    var _ = function() {
-      var b, v, m = function() {
+    var g = function() {
+      var y, v, m = function() {
         r._animatingContext = {
           start: 0,
           end: 0,
           offset: 0
         };
       };
-      u.once(EVENT.FINISH, m), n ? n.setTo((b = {}, b[POSITION_KEY] = t, b), e) : u.setTo((v = {}, v[POSITION_KEY] = t, v), e);
+      u.once(EVENT.FINISH, m), n ? n.setTo((y = {}, y[POSITION_KEY] = t, y), e) : u.setTo((v = {}, v[POSITION_KEY] = t, v), e);
     };
-    return new Promise(function(b, v) {
+    return new Promise(function(y, v) {
       var m = function() {
-        u.off(EVENT.HOLD, P), b();
+        u.off(EVENT.HOLD, P), y();
       }, P = function() {
         u.off(EVENT.FINISH, m), v(new FlickingError(MESSAGE.ANIMATION_INTERRUPTED, CODE.ANIMATION_INTERRUPTED));
       };
-      u.once(EVENT.FINISH, m), u.once(EVENT.HOLD, P), _();
+      u.once(EVENT.FINISH, m), u.once(EVENT.HOLD, P), g();
     });
   }, i.updateDirection = function() {
     var t = getFlickingAttached(this._flicking), e = this._axes, n = this._panInput;
@@ -3444,38 +3449,38 @@ 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, _ = this._activePanel, g = 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 = _?.position) !== null && l !== void 0 ? l : f.position, e)
     });
-    if (this._nextPanel = t, u.trigger(_), _.isCanceled())
+    if (this._nextPanel = t, u.trigger(g), g.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;
-      return __generator$1(this, function(_) {
+      var u, d, f, _ = this;
+      return __generator$1(this, function(g) {
         return u = getFlickingAttached(this._flicking), d = function() {
-          return g._controller.animateTo(e, n, l);
+          return _._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 __generator$1(this, function(b) {
-              switch (b.label) {
+          return __awaiter$1(_, void 0, void 0, function() {
+            return __generator$1(this, function(y) {
+              switch (y.label) {
                 case 0:
                   return [4, u.renderer.render()];
                 case 1:
-                  return b.sent(), [
+                  return y.sent(), [
                     2
                     /*return*/
                   ];
               }
             });
           });
-        }).catch(function(b) {
-          if (!(l && b instanceof FlickingError && b.code === CODE.ANIMATION_INTERRUPTED))
-            throw b;
+        }).catch(function(y) {
+          if (!(l && y instanceof FlickingError && y.code === CODE.ANIMATION_INTERRUPTED))
+            throw y;
         })];
       });
     });
@@ -3487,11 +3492,11 @@ 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(_) {
-        return e === DIRECTION.NONE ? !0 : e === DIRECTION.PREV ? _ <= d : _ >= d;
+      var d = this._controller.position, f = r.rangeDiff, _ = [l, l + f, l - f].filter(function(g) {
+        return e === DIRECTION.NONE ? !0 : e === DIRECTION.PREV ? g <= d : g >= d;
       });
-      l = g.reduce(function(_, b) {
-        return Math.abs(d - b) < Math.abs(d - _) ? b : _;
+      l = _.reduce(function(g, y) {
+        return Math.abs(d - y) < Math.abs(d - g) ? y : g;
       }, 1 / 0);
     }
     return l;
@@ -3562,14 +3567,14 @@ 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), _ = 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;
-    if (m >= _ && m > 0)
+    var g = this._calcSnapThreshold(l.threshold, e, d), y = l.animating ? _.delta : e - u.position, v = Math.abs(y), m = r && r.delta[POSITION_KEY] !== 0 ? Math.abs(r.delta[POSITION_KEY]) : v, P;
+    if (m >= g && m > 0)
       P = this._findSnappedAnchor(e, f);
     else if (v >= l.threshold && v > 0)
-      P = this._findAdjacentAnchor(e, b, f);
+      P = this._findAdjacentAnchor(e, y, f);
     else
       return this.moveToPanel(f.panel, {
         duration: n,
@@ -3582,31 +3587,31 @@ 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), _ = l.findAnchorIncludePosition(f);
+    if (!n || !_)
       throw new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE);
     if (!isFinite(u))
-      return g;
-    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;
+      return _;
+    var g = r.panelCount, y = l.anchorPoints, v = Math.sign(e - d) * Math.floor(Math.abs(e - d) / l.rangeDiff);
+    e > d && _.index < n.index || _.position > n.position && _.index === n.index ? v += 1 : (e < d && _.index > n.index || _.position < n.position && _.index === n.index) && (v -= 1);
+    var m = v * g, P = _.index + m;
     if (Math.abs(P - n.index) <= u) {
-      var y = b[g.index];
+      var b = y[_.index];
       return new AnchorPoint({
-        index: y.index,
-        position: y.position + v * l.rangeDiff,
-        panel: y.panel
+        index: b.index,
+        position: b.position + v * l.rangeDiff,
+        panel: b.panel
       });
     }
     if (r.circularEnabled) {
-      var p = b[circulateIndex(n.index + Math.sign(e - d) * u, _)], E = Math.floor(u / _);
+      var p = y[circulateIndex(n.index + Math.sign(e - d) * u, g)], E = Math.floor(u / g);
       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
       });
     } else
-      return b[clamp(n.index + Math.sign(e - d) * u, 0, b.length - 1)];
+      return y[clamp(n.index + Math.sign(e - d) * u, 0, y.length - 1)];
   }, t._findAdjacentAnchor = function(e, n, r) {
     var l, u = getFlickingAttached(this._flicking), d = u.camera;
     if (d.circularEnabled) {
@@ -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 _ = (l = n > 0 ? d.getNextAnchor(r) : d.getPrevAnchor(r)) !== null && l !== void 0 ? l : r;
+    return _;
   }, 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 _ = f.panel;
+    return _ !== this._activePanel && this._triggerIndexChangeEvent(_, e, r), this._animateToPosition({
       position: this._stopAtEdge ? d : e,
       duration: n,
-      newActivePanel: g,
+      newActivePanel: _,
       axesEvent: r
     });
   }, i;
@@ -3687,13 +3692,13 @@ 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, _ = u.state.animating ? (e = r.findNearestAnchor(r.position)) === null || e === void 0 ? void 0 : e.panel : this._activePanel;
+    if (!_)
       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;
-    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);
-    return T > b && (T -= r.rangeDiff), O < b && (O += r.rangeDiff), d.range = {
+    var g = d.range, y = _.position, v = _.index, m = l.panelCount, P = v - f, b = v + f;
+    P < 0 && (P = n.circularEnabled ? getMinusCompensatedIndex((P + 1) % m - 1, m) : clamp(P, 0, m - 1)), b >= m && (b = n.circularEnabled ? b % m : clamp(b, 0, m - 1));
+    var p = l.panels[P], E = l.panels[b], T = Math.max(p.position, g.min), O = Math.min(E.position, g.max);
+    return T > y && (T -= r.rangeDiff), O < y && (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 = {
@@ -3708,12 +3713,12 @@ 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, _ = this._controller.range, g = this._indexRange, y = d.range, v = this._controller.state, m = clamp(d.clampToReachablePosition(e), _[0], _[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 b = f.position, p = u.animating ? v.delta : e - d.position, E = Math.abs(p) >= u.threshold, T = e > b ? d.getNextAnchor(P) : d.getPrevAnchor(P), O, S, C = d.anchorPoints, x = C[0], I = C[C.length - 1], R = e <= y.min && isBetween(x.panel.index, g.min, g.max), w = e >= y.max && isBetween(I.panel.index, g.min, g.max), A = T && (g.min <= g.max ? isBetween(T.index, g.min, g.max) : T.index >= g.min || T.index <= g.max);
     if (R || w) {
-      var N = e < b.min ? x : I;
+      var N = e < y.min ? x : I;
       S = N.panel, O = N.position;
     } else if (E && P.position !== f.position)
       S = P.panel, O = P.position;
@@ -3808,10 +3813,10 @@ 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, _ = e.camera.size, g = f - d, y = r.every(function(v) {
+      return g - v.size >= _;
     });
-    return b;
+    return y;
   }, t.getRange = function() {
     var e = this._flicking, n = e.renderer.panels;
     if (n.length <= 0)
@@ -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));
-      _ < u && (u = _, d = f);
+      var _ = r[f], g = Math.min(Math.abs(_.position - e), Math.abs(_.position - l.min + l.max - e), Math.abs(e - l.min + l.max - _.position));
+      g < u && (u = g, 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), _ = s.prototype.findAnchorIncludePosition.call(this, f);
     if (d > 0 && (e === r.min || e === r.max)) {
-      var _ = [g, new AnchorPoint({
+      var g = [_, 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) {
+      _ = g.reduce(function(v, m) {
         return v && Math.abs(v.position - e) < Math.abs(m.position - e) ? v : m;
       }, null);
     }
-    if (!g) return null;
+    if (!_) return null;
     if (e < r.min) {
-      var b = -Math.floor((r.min - e) / u) - 1;
+      var y = -Math.floor((r.min - e) / u) - 1;
       return new AnchorPoint({
-        index: g.index,
-        position: g.position + u * b,
-        panel: g.panel
+        index: _.index,
+        position: _.position + u * y,
+        panel: _.panel
       });
     } else if (e > r.max) {
-      var b = Math.floor((e - r.max) / u) + 1;
+      var y = Math.floor((e - r.max) / u) + 1;
       return new AnchorPoint({
-        index: g.index,
-        position: g.position + u * b,
-        panel: g.panel
+        index: _.index,
+        position: _.position + u * y,
+        panel: _.panel
       });
     }
-    return g;
+    return _;
   }, t.getCircularOffset = function() {
     var e = this._flicking, n = e.camera;
     if (!n.circularEnabled) return 0;
@@ -3909,8 +3914,8 @@ 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;
-    return _;
+    var u = e.camera.size, d = r.range.min, f = l.range.max, _ = f - d, g = u < _;
+    return g;
   }, t.getRange = function() {
     var e = this._flicking, n = e.renderer, r = e.camera.alignPosition, l = n.getPanel(0), u = n.getPanel(n.panelCount - 1);
     if (!l || !u)
@@ -3918,13 +3923,13 @@ 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;
-    if (b)
+    var d = e.camera.size, f = l.range.min, _ = u.range.max, g = _ - f, y = d < g, v = f + r, m = _ - d + r;
+    if (y)
       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, b = typeof P == "object" ? P.camera : P, p = v + parseAlign$1(b, m - v);
     return {
       min: p,
       max: p
@@ -3937,24 +3942,24 @@ 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, _ = d ? 1 : 0, g = u.map(function(P, b) {
         return new AnchorPoint({
-          index: y + g,
+          index: b + _,
           position: P.position,
           panel: P
         });
       });
-      return d && _.splice(0, 0, new AnchorPoint({
+      return d && g.splice(0, 0, new AnchorPoint({
         index: 0,
         position: l.min,
         panel: r[u[0].index - 1]
-      })), f && _.push(new AnchorPoint({
-        index: _.length,
+      })), f && g.push(new AnchorPoint({
+        index: g.length,
         position: l.max,
         panel: r[u[u.length - 1].index + 1]
-      })), _;
+      })), g;
     } else if (l.min !== l.max) {
-      var b = this._findNearestPanel(l.min, r), v = b.index === r.length - 1 ? b.prev() : b, m = v.next();
+      var y = this._findNearestPanel(l.min, r), v = y.index === r.length - 1 ? y.prev() : y, m = v.next();
       return [new AnchorPoint({
         index: 0,
         position: l.min,
@@ -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"], _ = document.documentElement.style, g = "";
       try {
-        for (var b = __values(f), v = b.next(); !v.done; v = b.next()) {
+        for (var y = __values(f), v = y.next(); !v.done; v = y.next()) {
           var m = v.value;
-          m in g && (_ = m);
+          m in _ && (g = m);
         }
       } catch (P) {
         u = {
@@ -3998,14 +4003,14 @@ var State = /* @__PURE__ */ function() {
         };
       } finally {
         try {
-          v && !v.done && (d = b.return) && d.call(b);
+          v && !v.done && (d = y.return) && d.call(y);
         } finally {
           if (u) throw u.error;
         }
       }
-      if (!_)
+      if (!g)
         throw new FlickingError(MESSAGE.TRANSFORM_NOT_SUPPORTED, CODE.TRANSFORM_NOT_SUPPORTED);
-      n._transform = _;
+      n._transform = g;
     }, this._flicking = t, this._resetInternalValues(), this._align = l;
   }
   var i = s.prototype;
@@ -4218,15 +4223,15 @@ 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, _ = d.max, g = 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);
+        var y = r.prev(), v = y ? y.position + y.offset : f - u[0];
+        return v > l && (v -= g), r.index - 1 + getProgress(e, v, l);
       } else {
-        var m = r.next(), P = m ? m.position + m.offset : g + u[1];
-        return P < l && (P += _), r.index + getProgress(e, l, P);
+        var m = r.next(), P = m ? m.position + m.offset : _ + u[1];
+        return P < l && (P += g), r.index + getProgress(e, l, P);
       }
     },
     enumerable: !1,
@@ -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,16 +4394,16 @@ 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, _ = f + l, g = n[0], y = n[n.length - 1];
       if (!t.prev) {
-        var v = _.range.min;
+        var v = g.range.min;
         (f <= v + d || r <= u.min + d) && (e.trigger(new ComponentEvent$1(EVENTS.NEED_PANEL, {
           direction: DIRECTION.PREV
         })), t.prev = !0);
       }
       if (!t.next) {
-        var m = b.range.max;
-        (g >= m - d || r >= u.max - d) && (e.trigger(new ComponentEvent$1(EVENTS.NEED_PANEL, {
+        var m = y.range.max;
+        (_ >= m - d || r >= u.max - d) && (e.trigger(new ComponentEvent$1(EVENTS.NEED_PANEL, {
           direction: DIRECTION.NEXT
         })), t.next = !0);
       }
@@ -4531,24 +4541,24 @@ 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) {
+    var r = this._panels, l = getFlickingAttached(this._flicking), u = r[0], d = parsePanelAlign(this._align), f = e.reduce(function(_, g) {
+      var y, v = getMinusCompensatedIndex(g.index, r.length), m = r.slice(v), P = g.elements.map(function(p, E) {
         return t._createPanel(p, {
           index: v + E,
           align: d,
           flicking: l
         });
       });
-      if (r.splice.apply(r, __spread([v, 0], P)), _.hasDOMInElements && t._insertPanelElements(P, (b = m[0]) !== null && b !== void 0 ? b : null), l.panelsPerView > 0) {
-        var y = u || P[0].resize();
-        t._updatePanelSizeByGrid(y, P);
+      if (r.splice.apply(r, __spread([v, 0], P)), g.hasDOMInElements && t._insertPanelElements(P, (y = m[0]) !== null && y !== void 0 ? y : null), l.panelsPerView > 0) {
+        var b = u || P[0].resize();
+        t._updatePanelSizeByGrid(b, P);
       } else
         P.forEach(function(p) {
           return p.resize();
         });
       return m.forEach(function(p) {
         p.increaseIndex(P.length), p.updatePosition();
-      }), __spread(g, P);
+      }), __spread(_, 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 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) {
+    var r = this._panels, l = getFlickingAttached(this._flicking), u = l.control, d = u.activePanel, f = e.reduce(function(_, g) {
+      var y = g.index, v = g.deleteCount, m = getMinusCompensatedIndex(y, r.length), P = r.slice(m + v), b = r.splice(m, v);
+      return b.length <= 0 ? [] : (P.forEach(function(p) {
+        p.decreaseIndex(b.length), p.updatePosition();
+      }), g.hasDOMInElements && t._removePanelElements(b), b.forEach(function(p) {
         return p.destroy();
-      }), includes(y, d) && u.resetActive(), __spread(g, y));
+      }), includes(b, d) && u.resetActive(), __spread(_, b));
     }, []);
     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 _ = (n = f?.index) !== null && n !== void 0 ? n : 0;
+          _ > d.length - 1 && (_ = d.length - 1), u.moveToPanel(d[_], {
             duration: 0
           }).catch(function() {
           });
@@ -4607,10 +4617,10 @@ 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 _ = t[f.index], g = n.camera, y = n.control, v = y.activePanel ? g.getProgressInPanel(y.activePanel) : 0;
+          _.loading = !1, _.resize(), l.slice(_.index + 1).forEach(function(m) {
             return m.updatePosition();
-          }), n.initialized && (_.updateRange(), _.updateOffset(), _.updateAnchors(), b.animating || (b.updatePosition(v), b.updateInput()));
+          }), n.initialized && (g.updateRange(), g.updateOffset(), g.updateAnchors(), y.animating || (y.updatePosition(v), y.updateInput()));
         }), d.on("preReady", function(f) {
           e._flicking && e.render(), f.readyCount === f.totalCount && d.destroy();
         }), d.on("ready", function() {
@@ -4639,14 +4649,14 @@ var State = /* @__PURE__ */ function() {
         width: d
       } : {
         height: d
-      }, g = __assign$1({
+      }, _ = __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);
+      n.noPanelStyleOverride || this._strategy.updatePanelSizes(n, f), n.panels.forEach(function(g) {
+        return g.resize(_);
       });
     }
   }, 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, _ = this.includeRange(f - u, f, !1), g = this.includeRange(d, d + u, !1);
+    return this._toggled = !1, _ ? (this._toggleDirection = DIRECTION.PREV, this._togglePosition = this.range.max + n.min - n.max + r, this.toggle(1 / 0, e.position)) : g ? (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, _ = r.horizontal, g = _ === void 0 ? !0 : _, y = r.circular, v = y === void 0 ? !1 : y, m = r.circularFallback, P = m === void 0 ? CIRCULAR_FALLBACK.LINEAR : m, b = r.bound, p = b === void 0 ? !1 : b, 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 = g, 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 = 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(_) {
+        return _.init(e);
       }), f && (e.trigger = d), e.trigger(new ComponentEvent$1(EVENTS.READY));
     });
   }, t.destroy = function() {
@@ -6243,15 +6273,15 @@ 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 = {
-      panels: y.map(function(O) {
+    var n, r, l = e === void 0 ? {} : e, u = l.index, d = u === void 0 ? !0 : u, f = l.position, _ = f === void 0 ? !0 : f, g = l.includePanelHTML, y = g === void 0 ? !1 : g, v = l.visiblePanelsOnly, m = v === void 0 ? !1 : v, P = this._camera, b = m ? this.visiblePanels : this.panels, p = {
+      panels: b.map(function(O) {
         var S = {
           index: O.index
         };
-        return b && (S.html = O.element.outerHTML), S;
+        return y && (S.html = O.element.outerHTML), S;
       })
     };
-    if (d && (p.index = this.index), g) {
+    if (d && (p.index = this.index), _) {
       var E = P.findNearestAnchor(P.position);
       E && (p.position = {
         panel: E.panel.index,
@@ -6267,25 +6297,25 @@ var State = /* @__PURE__ */ function() {
     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, _ = this._control;
     if (!((n = d[0]) === null || n === void 0) && n.html && !this._renderExternal && (f.batchRemove({
       index: 0,
       deleteCount: this.panels.length,
       hasDOMInElements: !0
     }), f.batchInsert({
       index: 0,
-      elements: parseElement(d.map(function(y) {
-        return y.html;
+      elements: parseElement(d.map(function(b) {
+        return b.html;
       })),
       hasDOMInElements: !0
     })), r != null) {
-      var _ = u ? r - u : r;
-      this.moveTo(_, 0).catch(function() {
+      var g = u ? r - u : r;
+      this.moveTo(g, 0).catch(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() {
+      var y = l.panel, v = l.progressInPanel, g = u ? y - u : y, m = f.panels[g].range, P = m.min + (m.max - m.min) * v;
+      _.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, _, g, y, 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, _ = 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(_), l.updateInput()), g = e.width, y = e.height, v = g !== d || y !== 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], b = m[1], p = n.splice(P, 1)[0];
+    n.splice(b, 0, p);
   }), 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 _ = -1, g = -1, y = 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)));
+      _ < 0 && (_ = m), g >= 0 && v !== g + 1 ? (l.push.apply(l, __spread(batchInsert(e, i, y, _, m + 1))), _ = -1, g = -1) : g = v;
+    }), _ >= 0 && l.push.apply(l, __spread(batchInsert(e, i, y, _)));
   }
   (i.added.length > 0 || i.removed.length > 0) && e.updateAfterPanelChange(l, u);
 }, batchInsert = function(s, i, t, e, n) {
@@ -6539,10 +6569,10 @@ var State = /* @__PURE__ */ function() {
       if (r) {
         var d = r.visiblePanels;
         d.forEach(function(f) {
-          var g = f.outsetProgress, _ = f.element, b = l ? _.querySelector(l) : _;
-          if (b) {
-            var v = Math.min(1, Math.max(0, 1 - Math.abs(g * u)));
-            b.style.opacity = "" + v;
+          var _ = f.outsetProgress, g = f.element, y = l ? g.querySelector(l) : g;
+          if (y) {
+            var v = Math.min(1, Math.max(0, 1 - Math.abs(_ * u)));
+            y.style.opacity = "" + v;
           }
         });
       }
@@ -6622,7 +6652,7 @@ 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;
+    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, _ = f === void 0 ? ARROW.NEXT_SELECTOR : f, g = n.disabledClass, y = g === void 0 ? ARROW.DISABLED_CLASS : g, v = n.moveCount, m = v === void 0 ? 1 : v, P = n.moveByViewportSize, b = P === void 0 ? !1 : P;
     this._flicking = null, this._preventInputPropagation = function(p) {
       p.stopPropagation();
     }, this._onPrevClick = function() {
@@ -6655,7 +6685,7 @@ var State = /* @__PURE__ */ function() {
     }, 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;
+    }, this._parentEl = l, this._prevElSelector = d, this._nextElSelector = _, this._disabledClass = y, this._moveCount = m, this._moveByViewportSize = b;
   }
   var i = s.prototype;
   return Object.defineProperty(i, "prevEl", {
@@ -6835,32 +6865,32 @@ 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;
-    addClass(l, _), l.innerHTML = b.map(function(m, P) {
-      return g && m.panel.index === n.index ? g(u, P) : f(u, P);
+    var e = this, n = this._flicking, r = this._pagination, l = this._wrapper, u = this._bulletClass, d = this._activeClass, f = r.renderBullet, _ = r.renderActiveBullet, g = r.classPrefix + "-" + PAGINATION.BULLET_WRAPPER_SUFFIX, y = n.camera.anchorPoints;
+    addClass(l, g), l.innerHTML = y.map(function(m, P) {
+      return _ && m.panel.index === n.index ? _(u, P) : f(u, P);
     }).join(`
 `);
     var v = [].slice.call(l.children);
     v.forEach(function(m, P) {
-      var y = b[P];
-      y.panel.index === n.index && (addClass(m, d), e._prevIndex = P), e._addBulletEvents(m, P);
+      var b = y[P];
+      b.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;
-    if (!(_.length <= 0)) {
-      var m = _[0].panel.index, P = e - m;
-      if (g !== P) {
+    var n = this._flicking, r = this._pagination, l = this._wrapper, u = this._bullets, d = this._bulletClass, f = this._activeClass, _ = this._prevIndex, g = n.camera.anchorPoints, y = r.renderBullet, v = r.renderActiveBullet;
+    if (!(g.length <= 0)) {
+      var m = g[0].panel.index, P = e - m;
+      if (_ !== P) {
         if (v) {
-          var y = u[g];
-          if (y) {
-            var p = this._createBulletFromString(b(d, g), g);
-            y.parentElement.replaceChild(p, y), u[g] = p;
+          var b = u[_];
+          if (b) {
+            var p = this._createBulletFromString(y(d, _), _);
+            b.parentElement.replaceChild(p, b), u[_] = p;
           }
           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];
-          y && removeClass(y, f), addClass(E, f);
+          var E = u[P], b = u[_];
+          b && removeClass(b, f), addClass(E, f);
         }
         this._prevIndex = P;
       }
@@ -6881,8 +6911,8 @@ 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(_);
-      b.innerHTML = l.fractionCurrentFormat(d), v.innerHTML = l.fractionTotalFormat(f), this._prevIndex = d, this._prevTotal = f;
+      var _ = "." + l.classPrefix + "-" + PAGINATION.FRACTION_CURRENT_SUFFIX, g = "." + l.classPrefix + "-" + PAGINATION.FRACTION_TOTAL_SUFFIX, y = r.querySelector(_), v = r.querySelector(g);
+      y.innerHTML = l.fractionCurrentFormat(d), v.innerHTML = l.fractionTotalFormat(f), this._prevIndex = d, this._prevTotal = f;
     }
   }, i;
 }(Renderer), ScrollBulletRenderer = /* @__PURE__ */ function(s) {
@@ -6898,59 +6928,59 @@ 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, _ = l.classPrefix + "-" + PAGINATION.BULLET_SUFFIX, g = l.classPrefix + "-" + PAGINATION.SCROLL_SLIDER_SUFFIX, y = l.classPrefix + "-" + PAGINATION.SCROLL_UNINIT_SUFFIX, v = document.createElement("div");
+    addClass(v, g), addClass(n, y), addClass(n, f), n.appendChild(v), v.innerHTML = d.map(function(p, E) {
+      return u(_, E);
     }).join(`
 `);
     var m = [].slice.call(v.children);
     if (m.forEach(function(p, E) {
       e._addBulletEvents(p, 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() {
-        removeClass(n, b);
+      var P = getComputedStyle(m[0]), b = m[0].clientWidth + parseFloat(P.marginLeft) + parseFloat(P.marginRight);
+      n.style.width = b * l.bulletCount + "px", this._bullets = m, this._bulletSize = b, this._previousIndex = -1, this.update(this._flicking.index), window.requestAnimationFrame(function() {
+        removeClass(n, y);
       });
     }
   }, 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, _ = r.camera.anchorPoints, g = _[0].panel.index, y = e - g;
+    if (!(_.length <= 0)) {
+      var v = n.classPrefix + "-" + PAGINATION.BULLET_SUFFIX, m = n.classPrefix + "-" + PAGINATION.BULLET_ACTIVE_SUFFIX, P = n.classPrefix + "-" + PAGINATION.SCROLL_PREV_SUFFIX, b = n.classPrefix + "-" + PAGINATION.SCROLL_NEXT_SUFFIX, p = function(R) {
         return "" + P + (R > 1 ? R : "");
       }, E = function(R) {
-        return "" + y + (R > 1 ? R : "");
-      }, T = new RegExp("^" + P), O = new RegExp("^" + y);
+        return "" + b + (R > 1 ? R : "");
+      }, T = new RegExp("^" + P), O = new RegExp("^" + b);
       if (f) {
         var S = l[u];
         if (S) {
           var C = this._createBulletFromString(d(v, u), u);
           S.parentElement.replaceChild(C, S), l[u] = C;
         }
-        var x = l[b];
+        var x = l[y];
         if (x) {
-          var I = this._createBulletFromString(f(v, b), b);
-          x.parentElement.replaceChild(I, x), l[b] = I;
+          var I = this._createBulletFromString(f(v, y), y);
+          x.parentElement.replaceChild(I, x), l[y] = I;
         }
       }
       l.forEach(function(R, w) {
-        for (var A = w - b, N = R.className.split(" "), D = 0, L = N; D < L.length; D++) {
+        for (var A = w - y, N = R.className.split(" "), D = 0, L = N; D < L.length; D++) {
           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)));
-      }), n.scrollOnChange(b, {
+      }), n.scrollOnChange(y, {
         total: l.length,
         prevIndex: u,
         sliderIndex: this._sliderIndex,
-        direction: b > u ? DIRECTION.NEXT : DIRECTION.PREV,
+        direction: y > u ? DIRECTION.NEXT : DIRECTION.PREV,
         bullets: __spreadArray$1([], l),
         moveTo: this.moveTo
-      }), this._previousIndex = b;
+      }), this._previousIndex = y;
     }
   }, 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, _ = f === void 0 ? PAGINATION.TYPE.BULLET : f, g = n.classPrefix, y = g === void 0 ? PAGINATION.PREFIX : g, v = n.bulletCount, m = v === void 0 ? 5 : v, P = n.renderBullet, b = 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) {
       return '<span class="' + A + '"></span>/<span class="' + N + '"></span>';
@@ -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 = _, this._classPrefix = y, this._bulletCount = m, this._renderBullet = b, 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], _ = d.getIndex();
     d.disconnect(), f ? d.connect(f, f.next) : d.connect(void 0, t[0]);
-    var _ = d.getIndex();
-    return [g, _];
+    var g = d.getIndex();
+    return [_, g];
   });
 }
 var Result = /* @__PURE__ */ function() {
@@ -7174,27 +7204,27 @@ 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], _ = f[0], g = f[1];
       if (u !== d)
-        return n.push([g, _]), !0;
+        return n.push([_, g]), !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), _ = new e(), g = new e(), y = [], v = [], m = {}, P = [], b = 0, p = 0;
   return d.forEach(function(E, T) {
-    g.set(E, T);
-  }), f.forEach(function(E, T) {
     _.set(E, T);
+  }), f.forEach(function(E, T) {
+    g.set(E, T);
   }), d.forEach(function(E, T) {
-    var O = _.get(E);
+    var O = g.get(E);
     typeof O > "u" ? (++p, l.push(T)) : m[O] = p;
   }), 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]));
-  }), l.reverse(), new Result(s, i, r, l, P, u, b, v);
+    var O = _.get(E);
+    typeof O > "u" ? (r.push(T), ++b) : (u.push([O, T]), p = m[T] || 0, y.push([O - p, T - b]), v.push(T === O), O !== T && P.push([O, T]));
+  }), l.reverse(), new Result(s, i, r, l, P, u, y, v);
 }
 var ListDiffer = /* @__PURE__ */ function() {
   function s(t, e) {
@@ -7260,22 +7290,22 @@ function __awaiter(s, i, t, e) {
     });
   }
   return new (t || (t = Promise))(function(r, l) {
-    function u(g) {
+    function u(_) {
       try {
-        f(e.next(g));
-      } catch (_) {
-        l(_);
+        f(e.next(_));
+      } catch (g) {
+        l(g);
       }
     }
-    function d(g) {
+    function d(_) {
       try {
-        f(e.throw(g));
-      } catch (_) {
-        l(_);
+        f(e.throw(_));
+      } catch (g) {
+        l(g);
       }
     }
-    function f(g) {
-      g.done ? r(g.value) : n(g.value).then(u, d);
+    function f(_) {
+      _.done ? r(_.value) : n(_.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(_) {
+      return d([f, _]);
     };
   }
   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 (_) {
+      f = [6, _], 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, _) {
         return h(u, {
           key: f.key,
-          ref: g.toString()
+          ref: _.toString()
         }, function() {
           return f;
         });
@@ -7511,13 +7541,13 @@ var FlickingProps = {
       } : {
         height: d.size
       } : {};
-      return u.map(function(g) {
+      return u.map(function(_) {
         return h("div", {
-          key: g,
-          ref: g.toString(),
+          key: _,
+          ref: _.toString(),
           class: e,
           style: f,
-          "data-element-index": g
+          "data-element-index": _
         });
       });
     }, 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,21 +7689,21 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
     function f(m) {
       t("update:idx", m);
     }
-    const g = computed$1({
+    const _ = computed$1({
       get: () => e.idx,
       set: (m) => f(m)
     });
-    function _(m) {
-      g.value = m.index;
+    function g(m) {
+      _.value = m.index;
     }
-    function b(m) {
+    function y(m) {
       n.value.moveTo(m);
     }
     function v() {
       t("opened");
     }
-    return watch(g, (m) => {
-      b(m);
+    return watch(_, (m) => {
+      y(m);
     }), onMounted(() => {
       r.value = [
         new Arrow(),
@@ -7694,7 +7725,7 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
         },
         class: "konnectio-flicking-gallery",
         plugins: r.value,
-        onChanged: _
+        onChanged: g
       }, {
         viewport: withCtx(() => [
           createBaseVNode("div", _hoisted_1$c, [
@@ -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: b, url: p }, E) => (openBlock(), createElementBlock("div", {
             key: E,
             class: "konnectio-flicking-gallery-item"
           }, [
             createBaseVNode("img", {
-              src: y || p
+              src: b || p
             }, 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,19 +7804,19 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
       currentDepartureDate: d,
       currentLocation: f
     } = storeToRefs(useHotelStore()), {
-      currentEventDate: g,
-      currentEventLocation: _
+      currentEventDate: _,
+      currentEventLocation: g
     } = storeToRefs(useEventStore());
-    function b(O) {
+    function y(O) {
       const S = O.getFullYear();
       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=${y(u.value)}&co=${y(d.value)}&hid=${f.value}&id=${n.listingId}` : ""), m = computed$1(() => n.type === "event" ? `${window.location.origin + window.location.pathname}?d=${y(_.value)}&rid=${g.value}&eid=${n.listingId}` : "");
     function P(O) {
       t("update:idx", O);
     }
-    const y = computed$1({
+    const b = computed$1({
       get: () => n.idx,
       set: (O) => P(O)
     }), p = ref("testVueMasonry"), E = inject("redrawVueMasonry");
@@ -7801,8 +7833,8 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
           O.gallery ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
             createVNode(Gallery, {
               gallery: O.gallery,
-              idx: y.value,
-              "onUpdate:idx": S[0] || (S[0] = (I) => y.value = I)
+              idx: b.value,
+              "onUpdate:idx": S[0] || (S[0] = (I) => b.value = I)
             }, null, 8, ["gallery", "idx"])
           ])) : createCommentVNode("", !0),
           createBaseVNode("div", _hoisted_2$8, [
@@ -7839,7 +7871,7 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
         ]),
         _: 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, _ = 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 = _;
 }
 const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = { key: 1 }, _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "TruncateContent",
@@ -8026,14 +8058,14 @@ 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 = () => {
+    }), _ = () => {
       u.value && (u.value.innerHTML = convertDescription(x.value));
-    }, _ = () => {
-      d.localExpanded || (g(), (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, _);
-      }), _());
+    }, g = () => {
+      d.localExpanded || (_(), (m() || C.value) && b());
+    }, y = () => {
+      e.text && (d.offset = e.text.length, v(), e.autoResize && r.value && (addListener(r.value, g), d.unregisterResizeCallback = () => {
+        r.value && removeListener(r.value, g);
+      }), g());
     }, v = () => {
       d.unregisterResizeCallback?.();
     }, m = () => !e.maxLines && !e.maxHeight || !r.value ? !1 : !!(e.maxLines && P() > e.maxLines || e.maxHeight && r.value.scrollHeight > r.value.offsetHeight), P = () => l.value ? Object.keys(
@@ -8041,16 +8073,16 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
         const B = `${D}/${L}`;
         return N[B] || (N[B] = !0), N;
       }, {})
-    ).length : 0, y = (...N) => {
+    ).length : 0, b = (...N) => {
       const [D = 0, L = d.offset] = N;
       if (L - D <= 3) {
         E();
         return;
       }
       const B = Math.floor((L + D) / 2);
-      p(B), m() ? y(D, B) : y(B, L);
+      p(B), m() ? b(D, B) : b(B, L);
     }, p = (N) => {
-      d.offset = N, g();
+      d.offset = N, _();
     }, E = () => {
       T(), O();
     }, T = () => {
@@ -8094,26 +8126,26 @@ 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 ? p(e.text.length) : g(), e.expanded !== N && n("update:expanded", N);
       }
     ), watch(
       () => [e.maxLines, e.maxHeight, e.ellipsis, e.location, C.value].join(),
       () => {
         nextTick(() => {
-          _();
+          g();
         });
       }
     ), watch(
       () => [e.text, e.autoResize].join(),
       () => {
         nextTick(() => {
-          b();
+          y();
         });
       }
     ), onUnmounted(() => {
       v();
     }), onMounted(() => {
-      b();
+      y();
     }), (N, D) => (openBlock(), createElementBlock("div", {
       ref_key: "textClampRef",
       ref: r,
@@ -8179,21 +8211,22 @@ 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() {
+    const { t: i } = useI18n(), t = ref(!1), e = ref(0), n = s, { disablePricesFrom: r, currency: l, hideAvailabilityNotice: u } = useUtilityStore(), d = ref(!r && !!n.pricesFrom);
+    function f() {
       t.value = !0;
     }
-    function f(g) {
-      let _ = "";
-      return g.forEach(({ name: b }) => {
-        _ += `<li>${b}</li>`;
-      }), `<ul>${_}</ul>`;
+    function _(g) {
+      let y = "";
+      return g.forEach(({ name: v }) => {
+        y += `<li>${v}</li>`;
+      }), `<ul>${y}</ul>`;
     }
-    return (g, _) => {
-      const b = resolveDirective("tooltip");
+    return (g, y) => {
+      const v = resolveDirective("tooltip");
       return openBlock(), createElementBlock("li", {
         class: normalizeClass([
           "konnectio-listing",
@@ -8211,10 +8244,10 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
           createVNode(Gallery, {
             gallery: g.gallery,
             idx: e.value,
-            "onUpdate:idx": _[0] || (_[0] = (v) => e.value = v),
+            "onUpdate:idx": y[0] || (y[0] = (m) => e.value = m),
             "is-listing": !0,
             pagination: "scroll",
-            onOpened: d
+            onOpened: f
           }, null, 8, ["gallery", "idx"])
         ], 2)) : createCommentVNode("", !0),
         createBaseVNode("div", _hoisted_1$9, [
@@ -8222,7 +8255,7 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
             createBaseVNode("div", {
               class: normalizeClass([
                 "konnectio-listing-title",
-                { "has-from-price": u.value }
+                { "has-from-price": d.value }
               ])
             }, [
               createBaseVNode("h3", {
@@ -8234,7 +8267,7 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
                   key: 0,
                   class: "konnectio-listing-read-more",
                   type: "button",
-                  onClick: _[1] || (_[1] = withModifiers((v) => t.value = !0, ["prevent"]))
+                  onClick: y[1] || (y[1] = withModifiers((m) => t.value = !0, ["prevent"]))
                 }, [
                   createVNode(Icon, {
                     icon: "info-circle",
@@ -8242,8 +8275,8 @@ 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 ? (openBlock(), createElementBlock("li", _hoisted_5$4, [
+              d.value || g.includesBreakfast || g.fromDate && g.toDate || g.toDate && unref(daysBetweenDates)(/* @__PURE__ */ new Date(), g.toDate) < 180 && !unref(u) ? (openBlock(), createElementBlock("ul", _hoisted_4$4, [
+                d.value ? (openBlock(), createElementBlock("li", _hoisted_5$4, [
                   createBaseVNode("span", null, toDisplayString(`${unref(i)("general.pricesFrom")}: ${unref(showPrice)(g.pricesFrom, unref(l))}`), 1)
                 ])) : createCommentVNode("", !0),
                 g.includesBreakfast ? (openBlock(), createElementBlock("li", _hoisted_6$4, [
@@ -8252,7 +8285,7 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
                 ])) : 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, [
+                ])) : g.toDate && unref(daysBetweenDates)(/* @__PURE__ */ new Date(), g.toDate) < 180 && !unref(u) ? (openBlock(), createElementBlock("li", _hoisted_8$3, [
                   createBaseVNode("span", null, toDisplayString(`${unref(i)("general.availableUntil")}: ${unref(showDate)(g.toDate)}`), 1)
                 ])) : createCommentVNode("", !0)
               ])) : createCommentVNode("", !0)
@@ -8266,15 +8299,15 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
               ])
             ]),
             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, [
-                v ? withDirectives((openBlock(), createElementBlock("li", { key: m }, [
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(g.facilities, ({ icon: m, name: P, subFacilities: b }) => (openBlock(), createElementBlock(Fragment, null, [
+                m ? withDirectives((openBlock(), createElementBlock("li", { key: P }, [
                   createVNode(Icon, {
-                    icon: v,
+                    icon: m,
                     color: "header"
                   }, null, 8, ["icon"])
                 ])), [
-                  [b, {
-                    content: f(P),
+                  [v, {
+                    content: _(b),
                     classes: ["tooltip", "konnectio-tooltip"],
                     html: !0
                   }]
@@ -8288,21 +8321,22 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$6 = {
           renderSlot(g.$slots, "default"),
           createVNode(SidePanel, {
             modelValue: t.value,
-            "onUpdate:modelValue": _[2] || (_[2] = (v) => t.value = v),
+            "onUpdate:modelValue": y[2] || (y[2] = (m) => t.value = m),
             "listing-id": g.listingId,
             type: g.type,
             title: g.name,
             description: g.description,
             gallery: g.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"])
+            "onUpdate:idx": y[3] || (y[3] = (m) => e.value = m),
+            facilities: g.facilities,
+            "disable-deep-link": g.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-72dff61f"]]), _hoisted_1$8 = { class: "konnectio-radio-checkboxes" }, _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "CheckboxField",
   props: {
     modelValue: {},
@@ -8326,10 +8360,10 @@ 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 }, _) => (openBlock(), createElementBlock("li", { key: _ }, [
             createVNode(Checkbox, {
               modelValue: r.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (_) => r.value = _),
+              "onUpdate:modelValue": u[0] || (u[0] = (g) => r.value = g),
               label: d,
               name: l.name,
               type: "radio",
@@ -8351,28 +8385,28 @@ 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), _ = () => {
+      if (u.value) {
         const m = n.value;
         if (m && m > 0) {
-          const y = u.value.getBoundingClientRect().top + window.scrollY - m;
+          const b = u.value.getBoundingClientRect().top + window.scrollY - m;
           window.scrollTo({
-            top: y,
+            top: b,
             behavior: "smooth"
           });
         } else
           u.value.scrollIntoView({ behavior: "smooth" });
       }
-    }, _ = (m = 1) => {
-      l.value = l.value + m, g();
-    }, b = (m = 1) => {
-      l.value = l.value - m, g();
+    }, g = (m = 1) => {
+      l.value = l.value + m, _();
+    }, y = (m = 1) => {
+      l.value = l.value - m, _();
     };
     function v() {
-      l.value = 0, g();
+      l.value = 0, _();
     }
     return t.on("scrollToTop", () => {
-      g();
+      _();
     }), watch(l, () => {
       l.value === 0 && e("reset");
     }), (m, P) => (openBlock(), createElementBlock("div", {
@@ -8391,41 +8425,41 @@ 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", {
-                  key: y.id,
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(d.value, (b, p) => (openBlock(), createElementBlock("li", {
+                  key: b.id,
                   class: normalizeClass({ "is-active": l.value >= p })
                 }, [
-                  y.icon ? (openBlock(), createBlock(Icon, {
+                  b.icon ? (openBlock(), createBlock(Icon, {
                     key: 0,
-                    icon: y.icon,
+                    icon: b.icon,
                     type: "fas"
                   }, null, 8, ["icon"])) : createCommentVNode("", !0),
-                  createBaseVNode("span", null, toDisplayString(y.label), 1)
+                  createBaseVNode("span", null, toDisplayString(b.label), 1)
                 ], 2))), 128))
               ])
             ])
           ])
         ]),
         createBaseVNode("ul", _hoisted_6$3, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(m.steps, (y) => (openBlock(), createElementBlock("li", {
-            key: y.id,
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(m.steps, (b) => (openBlock(), createElementBlock("li", {
+            key: b.id,
             class: "konnectio-multi-step-form-content-tab"
           }, [
             withDirectives(createBaseVNode("div", null, [
-              renderSlot(m.$slots, y.id, {
-                next: _,
-                prev: b,
+              renderSlot(m.$slots, b.id, {
+                next: g,
+                prev: y,
                 reset: v
               }, void 0, !0)
             ], 512), [
-              [vShow, f.value === y.id]
+              [vShow, f.value === b.id]
             ])
           ]))), 128))
         ])
       ])
     ], 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 _ = typeof l.outer[f] == "number" ? "px" : "";
+            this.sidebar.style[f] = l.outer[f] + _;
           }
           for (let f in l.inner) {
-            let g = typeof l.inner[f] == "number" ? "px" : "";
-            this.sidebarInner.style[f] = l.inner[f] + g;
+            let _ = typeof l.inner[f] == "number" ? "px" : "";
+            this.sidebarInner.style[f] = l.inner[f] + _;
           }
           let d = "affixed." + r.toLowerCase().replace("viewport-", "") + s;
           t.eventTrigger(this.sidebar, d);
@@ -8785,10 +8819,10 @@ 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;
-      return (l + " " + d.join(u + " ") + u).split(" ").forEach(function(_, b) {
-        if (g[_] !== void 0)
-          return r = _, !1;
+      var r = !1, l = n ? "perspective" : "transform", u = l.charAt(0).toUpperCase() + l.slice(1), d = ["Webkit", "Moz", "O", "ms"], f = document.createElement("support"), _ = f.style;
+      return (l + " " + d.join(u + " ") + u).split(" ").forEach(function(g, y) {
+        if (_[g] !== void 0)
+          return r = g, !1;
       }), r;
     }
     /**
@@ -8987,9 +9021,9 @@ const _hoisted_1$3 = {
       headerHeight: u
     } = storeToRefs(useUtilityStore()), { isValidatingDiscountCode: d } = storeToRefs(useHotelStore()), {
       amount: f,
-      voucher: g,
-      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;
+      voucher: _,
+      isLoading: g
+    } = storeToRefs(useApplyGiftCardStore()), { apply: y, reset: v } = useApplyGiftCardStore(), m = useSlots(), P = useModel(s, "discountCode"), b = s, p = computed$1(() => b.basePrice - b.weekendFee - b.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) => {
@@ -9139,15 +9173,15 @@ 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(_),
+                              "onUpdate:modelValue": R[5] || (R[5] = (A) => isRef(_) ? _.value = A : null),
                               icon: "gift-card",
                               "button-icon": "paper-plane-top",
                               placeholder: "XXXXXXXX",
                               action: "success",
                               secondary: !0,
-                              "is-loading": unref(_),
-                              onAction: R[6] || (R[6] = (A) => unref(b)())
+                              "is-loading": unref(g),
+                              onAction: R[6] || (R[6] = (A) => unref(y)())
                             }, null, 8, ["modelValue", "is-loading"])) : createCommentVNode("", !0)
                           ]),
                           _: 1
@@ -9236,18 +9270,18 @@ const _hoisted_1$3 = {
       adults: u,
       children: d,
       offerDate: f,
-      totalPrice: g,
-      totalVAT: _,
-      subTotalPrice: b
+      totalPrice: _,
+      totalVAT: g,
+      subTotalPrice: y
     } = storeToRefs(usePaymentStore()), { currency: v } = storeToRefs(useUtilityStore()), { currentArrivalDate: m, currentDepartureDate: P } = storeToRefs(useHotelStore());
-    return (y, p) => (openBlock(), createElementBlock("div", _hoisted_1$2, [
+    return (b, p) => (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)
         ]),
         createBaseVNode("div", {
           id: "konnectio-confirmation-message",
-          innerHTML: y.message
+          innerHTML: b.message
         }, null, 8, _hoisted_4$1)
       ]),
       createBaseVNode("div", _hoisted_5$1, [
@@ -9317,17 +9351,17 @@ const _hoisted_1$3 = {
         ])
       ])) : createCommentVNode("", !0),
       createBaseVNode("ul", _hoisted_14, [
-        unref(b) ? (openBlock(), createElementBlock("li", _hoisted_15, [
+        unref(y) ? (openBlock(), createElementBlock("li", _hoisted_15, [
           createBaseVNode("span", null, toDisplayString(unref(i)("general.subTotal")), 1),
-          createBaseVNode("b", null, toDisplayString(unref(showPrice)(unref(b), unref(v))), 1)
+          createBaseVNode("b", null, toDisplayString(unref(showPrice)(unref(y), unref(v))), 1)
         ])) : createCommentVNode("", !0),
-        unref(_) ? (openBlock(), createElementBlock("li", _hoisted_16, [
+        unref(g) ? (openBlock(), createElementBlock("li", _hoisted_16, [
           createBaseVNode("span", null, toDisplayString(unref(i)("general.vat")), 1),
-          createBaseVNode("b", null, toDisplayString(unref(showPrice)(unref(_), unref(v))), 1)
+          createBaseVNode("b", null, toDisplayString(unref(showPrice)(unref(g), unref(v))), 1)
         ])) : createCommentVNode("", !0),
-        unref(g) ? (openBlock(), createElementBlock("li", _hoisted_17, [
+        unref(_) ? (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(_), unref(v))), 1)
         ])) : createCommentVNode("", !0)
       ])
     ]));
@@ -9688,8 +9722,8 @@ 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;
-      function _() {
+      var f = !1, _;
+      function g() {
         if (!f) {
           f = !0;
           var v = document.createElement("div");
@@ -9697,21 +9731,21 @@ 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);
+          _ = Math.round(t(P.width)) == 200, y.isBoxSizeOuter = _, m.removeChild(v);
         }
       }
-      function b(v) {
-        if (_(), typeof v == "string" && (v = document.querySelector(v)), !(!v || typeof v != "object" || !v.nodeType)) {
+      function y(v) {
+        if (g(), typeof v == "string" && (v = document.querySelector(v)), !(!v || typeof v != "object" || !v.nodeType)) {
           var m = d(v);
           if (m.display == "none")
             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++) {
+          for (var b = P.isBorderBox = m.boxSizing == "border-box", p = 0; p < l; p++) {
             var E = r[p], 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 = b && _, 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);
@@ -9719,7 +9753,7 @@ function requireGetSize() {
           (A ? 0 : C + w)), P.innerWidth = P.width - (S + R), P.innerHeight = P.height - (C + w), P.outerWidth = P.width + x, P.outerHeight = P.height + I, P;
         }
       }
-      return b;
+      return y;
     });
   }(getSize)), getSize.exports;
 }
@@ -9790,50 +9824,50 @@ 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(_) {
+          if (_ instanceof HTMLElement) {
             if (!d) {
-              f.push(g);
+              f.push(_);
               return;
             }
-            e(g, d) && f.push(g);
-            for (var _ = g.querySelectorAll(d), b = 0; b < _.length; b++)
-              f.push(_[b]);
+            e(_, d) && f.push(_);
+            for (var g = _.querySelectorAll(d), y = 0; y < g.length; y++)
+              f.push(g[y]);
           }
         }), f;
       }, n.debounceMethod = function(u, d, f) {
         f = f || 100;
-        var g = u.prototype[d], _ = d + "Timeout";
+        var _ = u.prototype[d], g = d + "Timeout";
         u.prototype[d] = function() {
-          var b = this[_];
-          clearTimeout(b);
+          var y = this[g];
+          clearTimeout(y);
           var v = arguments, m = this;
-          this[_] = setTimeout(function() {
-            g.apply(m, v), delete m[_];
+          this[g] = setTimeout(function() {
+            _.apply(m, v), delete m[g];
           }, 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, _) {
+          return f + "-" + _;
         }).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;
-          v.forEach(function(y) {
-            var p = y.getAttribute(g) || y.getAttribute(m), E;
+          var f = n.toDashed(d), _ = "data-" + f, g = document.querySelectorAll("[" + _ + "]"), y = document.querySelectorAll(".js-" + f), v = n.makeArray(g).concat(n.makeArray(y)), m = _ + "-options", P = t.jQuery;
+          v.forEach(function(b) {
+            var p = b.getAttribute(_) || b.getAttribute(m), E;
             try {
               E = p && JSON.parse(p);
             } catch (O) {
-              l && l.error("Error parsing " + g + " on " + y.className + ": " + O);
+              l && l.error("Error parsing " + _ + " on " + b.className + ": " + O);
               return;
             }
-            var T = new u(y, E);
-            P && P.data(y, d, T);
+            var T = new u(b, E);
+            P && P.data(b, d, T);
           });
         });
       }, n;
@@ -9852,8 +9886,8 @@ function requireItem() {
         i.getSize
       ));
     })(window, function(t, e) {
-      function n(y) {
-        for (var p in y)
+      function n(b) {
+        for (var p in b)
           return !1;
         return p = null, !0;
       }
@@ -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 _(b, p) {
+        b && (this.element = b, this.layout = p, this.position = {
           x: 0,
           y: 0
         }, this._create());
       }
-      var _ = g.prototype = Object.create(t.prototype);
-      _.constructor = g, _._create = function() {
+      var g = _.prototype = Object.create(t.prototype);
+      g.constructor = _, g._create = function() {
         this._transn = {
           ingProperties: {},
           clean: {},
@@ -9882,39 +9916,39 @@ function requireItem() {
         }, this.css({
           position: "absolute"
         });
-      }, _.handleEvent = function(y) {
-        var p = "on" + y.type;
-        this[p] && this[p](y);
-      }, _.getSize = function() {
+      }, g.handleEvent = function(b) {
+        var p = "on" + b.type;
+        this[p] && this[p](b);
+      }, g.getSize = function() {
         this.size = e(this.element);
-      }, _.css = function(y) {
+      }, g.css = function(b) {
         var p = this.element.style;
-        for (var E in y) {
+        for (var E in b) {
           var T = f[E] || E;
-          p[T] = y[E];
+          p[T] = b[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;
+      }, g.getPosition = function() {
+        var b = getComputedStyle(this.element), p = this.layout._getOption("originLeft"), E = this.layout._getOption("originTop"), T = b[p ? "left" : "right"], O = b[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;
-      }, _.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];
+      }, g.layoutPosition = function() {
+        var b = 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 + b[O];
         p[S] = this.getXValue(x), p[C] = "";
-        var I = T ? "paddingTop" : "paddingBottom", R = T ? "top" : "bottom", w = T ? "bottom" : "top", A = this.position.y + y[I];
+        var I = T ? "paddingTop" : "paddingBottom", R = T ? "top" : "bottom", w = T ? "bottom" : "top", A = this.position.y + b[I];
         p[R] = this.getYValue(A), p[w] = "", this.css(p), this.emitEvent("layout", [this]);
-      }, _.getXValue = function(y) {
+      }, g.getXValue = function(b) {
         var p = this.layout._getOption("horizontal");
-        return this.layout.options.percentPosition && !p ? y / this.layout.size.width * 100 + "%" : y + "px";
-      }, _.getYValue = function(y) {
+        return this.layout.options.percentPosition && !p ? b / this.layout.size.width * 100 + "%" : b + "px";
+      }, g.getYValue = function(b) {
         var p = this.layout._getOption("horizontal");
-        return this.layout.options.percentPosition && p ? y / this.layout.size.height * 100 + "%" : y + "px";
-      }, _._transitionTo = function(y, p) {
+        return this.layout.options.percentPosition && p ? b / this.layout.size.height * 100 + "%" : b + "px";
+      }, g._transitionTo = function(b, p) {
         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 = b == this.position.x && p == this.position.y;
+        if (this.setPosition(b, p), O && !this.isTransitioning) {
           this.layoutPosition();
           return;
         }
-        var S = y - E, C = p - T, x = {};
+        var S = b - E, C = p - T, x = {};
         x.transform = this.getTranslate(S, C), this.transition({
           to: x,
           onTransitionEnd: {
@@ -9922,66 +9956,66 @@ function requireItem() {
           },
           isCleaning: !0
         });
-      }, _.getTranslate = function(y, p) {
+      }, g.getTranslate = function(b, p) {
         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);
-      }, _._nonTransition = function(y) {
-        this.css(y.to), y.isCleaning && this._removeStyles(y.to);
-        for (var p in y.onTransitionEnd)
-          y.onTransitionEnd[p].call(this);
-      }, _.transition = function(y) {
+        return b = E ? b : -b, p = T ? p : -p, "translate3d(" + b + "px, " + p + "px, 0)";
+      }, g.goTo = function(b, p) {
+        this.setPosition(b, p), this.layoutPosition();
+      }, g.moveTo = g._transitionTo, g.setPosition = function(b, p) {
+        this.position.x = parseFloat(b), this.position.y = parseFloat(p);
+      }, g._nonTransition = function(b) {
+        this.css(b.to), b.isCleaning && this._removeStyles(b.to);
+        for (var p in b.onTransitionEnd)
+          b.onTransitionEnd[p].call(this);
+      }, g.transition = function(b) {
         if (!parseFloat(this.layout.options.transitionDuration)) {
-          this._nonTransition(y);
+          this._nonTransition(b);
           return;
         }
         var p = this._transn;
-        for (var E in y.onTransitionEnd)
-          p.onEnd[E] = y.onTransitionEnd[E];
-        for (E in y.to)
-          p.ingProperties[E] = !0, y.isCleaning && (p.clean[E] = !0);
-        y.from && (this.css(y.from), this.element.offsetHeight), this.enableTransition(y.to), this.css(y.to), this.isTransitioning = !0;
+        for (var E in b.onTransitionEnd)
+          p.onEnd[E] = b.onTransitionEnd[E];
+        for (E in b.to)
+          p.ingProperties[E] = !0, b.isCleaning && (p.clean[E] = !0);
+        b.from && (this.css(b.from), this.element.offsetHeight), this.enableTransition(b.to), this.css(b.to), this.isTransitioning = !0;
       };
-      function b(y) {
-        return y.replace(/([A-Z])/g, function(p) {
+      function y(b) {
+        return b.replace(/([A-Z])/g, function(p) {
           return "-" + p.toLowerCase();
         });
       }
-      var v = "opacity," + b(u);
-      _.enableTransition = function() {
+      var v = "opacity," + y(u);
+      g.enableTransition = function() {
         if (!this.isTransitioning) {
-          var y = this.layout.options.transitionDuration;
-          y = typeof y == "number" ? y + "ms" : y, this.css({
+          var b = this.layout.options.transitionDuration;
+          b = typeof b == "number" ? b + "ms" : b, this.css({
             transitionProperty: v,
-            transitionDuration: y,
+            transitionDuration: b,
             transitionDelay: this.staggerDelay || 0
           }), this.element.addEventListener(d, this, !1);
         }
-      }, _.onwebkitTransitionEnd = function(y) {
-        this.ontransitionend(y);
-      }, _.onotransitionend = function(y) {
-        this.ontransitionend(y);
+      }, g.onwebkitTransitionEnd = function(b) {
+        this.ontransitionend(b);
+      }, g.onotransitionend = function(b) {
+        this.ontransitionend(b);
       };
       var m = {
         "-webkit-transform": "transform"
       };
-      _.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) {
+      g.ontransitionend = function(b) {
+        if (b.target === this.element) {
+          var p = this._transn, E = m[b.propertyName] || b.propertyName;
+          if (delete p.ingProperties[E], n(p.ingProperties) && this.disableTransition(), E in p.clean && (this.element.style[b.propertyName] = "", delete p.clean[E]), E in p.onEnd) {
             var T = p.onEnd[E];
             T.call(this), delete p.onEnd[E];
           }
           this.emitEvent("transitionEnd", [this]);
         }
-      }, _.disableTransition = function() {
+      }, g.disableTransition = function() {
         this.removeTransitionStyles(), this.element.removeEventListener(d, this, !1), this.isTransitioning = !1;
-      }, _._removeStyles = function(y) {
+      }, g._removeStyles = function(b) {
         var p = {};
-        for (var E in y)
+        for (var E in b)
           p[E] = "";
         this.css(p);
       };
@@ -9990,13 +10024,13 @@ function requireItem() {
         transitionDuration: "",
         transitionDelay: ""
       };
-      return _.removeTransitionStyles = function() {
+      return g.removeTransitionStyles = function() {
         this.css(P);
-      }, _.stagger = function(y) {
-        y = isNaN(y) ? 0 : y, this.staggerDelay = y + "ms";
-      }, _.removeElem = function() {
+      }, g.stagger = function(b) {
+        b = isNaN(b) ? 0 : b, this.staggerDelay = b + "ms";
+      }, g.removeElem = function() {
         this.element.parentNode.removeChild(this.element), this.css({ display: "" }), this.emitEvent("remove", [this]);
-      }, _.remove = function() {
+      }, g.remove = function() {
         if (!l || !parseFloat(this.layout.options.transitionDuration)) {
           this.removeElem();
           return;
@@ -10004,36 +10038,36 @@ function requireItem() {
         this.once("transitionEnd", function() {
           this.removeElem();
         }), this.hide();
-      }, _.reveal = function() {
+      }, g.reveal = function() {
         delete this.isHidden, this.css({ display: "" });
-        var y = this.layout.options, p = {}, E = this.getHideRevealTransitionEndProperty("visibleStyle");
+        var b = this.layout.options, p = {}, E = this.getHideRevealTransitionEndProperty("visibleStyle");
         p[E] = this.onRevealTransitionEnd, this.transition({
-          from: y.hiddenStyle,
-          to: y.visibleStyle,
+          from: b.hiddenStyle,
+          to: b.visibleStyle,
           isCleaning: !0,
           onTransitionEnd: p
         });
-      }, _.onRevealTransitionEnd = function() {
+      }, g.onRevealTransitionEnd = function() {
         this.isHidden || this.emitEvent("reveal");
-      }, _.getHideRevealTransitionEndProperty = function(y) {
-        var p = this.layout.options[y];
+      }, g.getHideRevealTransitionEndProperty = function(b) {
+        var p = this.layout.options[b];
         if (p.opacity)
           return "opacity";
         for (var E in p)
           return E;
-      }, _.hide = function() {
+      }, g.hide = function() {
         this.isHidden = !0, this.css({ display: "" });
-        var y = this.layout.options, p = {}, E = this.getHideRevealTransitionEndProperty("hiddenStyle");
+        var b = this.layout.options, p = {}, E = this.getHideRevealTransitionEndProperty("hiddenStyle");
         p[E] = this.onHideTransitionEnd, this.transition({
-          from: y.visibleStyle,
-          to: y.hiddenStyle,
+          from: b.visibleStyle,
+          to: b.hiddenStyle,
           // keep hidden stuff hidden
           isCleaning: !0,
           onTransitionEnd: p
         });
-      }, _.onHideTransitionEnd = function() {
+      }, g.onHideTransitionEnd = function() {
         this.isHidden && (this.css({ display: "none" }), this.emitEvent("hide"));
-      }, _.destroy = function() {
+      }, g.destroy = function() {
         this.css({
           position: "",
           left: "",
@@ -10043,7 +10077,7 @@ function requireItem() {
           transition: "",
           transform: ""
         });
-      }, g;
+      }, _;
     });
   }(item)), item.exports;
 }
@@ -10071,20 +10105,20 @@ function requireOutlayer() {
       );
     })(window, function(t, e, n, r, l) {
       var u = t.console, d = t.jQuery, f = function() {
-      }, g = 0, _ = {};
-      function b(p, E) {
+      }, _ = 0, g = {};
+      function y(p, E) {
         var T = r.getQueryElement(p);
         if (!T) {
           u && u.error("Bad element for " + this.constructor.namespace + ": " + (T || p));
           return;
         }
         this.element = T, d && (this.$element = d(this.element)), this.options = r.extend({}, this.constructor.defaults), this.option(E);
-        var O = ++g;
-        this.element.outlayerGUID = O, _[O] = this, this._create();
+        var O = ++_;
+        this.element.outlayerGUID = O, g[O] = this, this._create();
         var S = this._getOption("initLayout");
         S && this.layout();
       }
-      b.namespace = "outlayer", b.Item = l, b.defaults = {
+      y.namespace = "outlayer", y.Item = l, y.defaults = {
         containerStyle: {
           position: "relative"
         },
@@ -10104,13 +10138,13 @@ function requireOutlayer() {
           transform: "scale(1)"
         }
       };
-      var v = b.prototype;
+      var v = y.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];
-      }, b.compatOptions = {
+      }, y.compatOptions = {
         // currentName: oldName
         initLayout: "isInitLayout",
         horizontal: "isHorizontal",
@@ -10177,7 +10211,7 @@ function requireOutlayer() {
           this.stagger = 0;
           return;
         }
-        return this.stagger = y(p), this.stagger;
+        return this.stagger = b(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));
       }, v._postLayout = function() {
@@ -10257,7 +10291,7 @@ function requireOutlayer() {
         t.removeEventListener("resize", this), this.isResizeBound = !1;
       }, v.onresize = function() {
         this.resize();
-      }, r.debounceMethod(b, "onresize", 100), v.resize = function() {
+      }, r.debounceMethod(y, "onresize", 100), v.resize = function() {
         !this.isResizeBound || !this.needsResizeLayout() || this.layout();
       }, v.needsResizeLayout = function() {
         var p = n(this.element), E = this.size && p;
@@ -10318,14 +10352,14 @@ function requireOutlayer() {
           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) {
+        delete g[E], delete this.element.outlayerGUID, d && d.removeData(this.element, this.constructor.namespace);
+      }, y.data = function(p) {
         p = r.getQueryElement(p);
         var E = p && p.outlayerGUID;
-        return E && _[E];
-      }, b.create = function(p, 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 E && g[E];
+      }, y.create = function(p, E) {
+        var T = m(y);
+        return T.defaults = r.extend({}, y.defaults), r.extend(T.defaults, E), T.compatOptions = r.extend({}, y.compatOptions), T.namespace = p, T.data = y.data, T.Item = m(l), r.htmlInit(T, p), d && d.bridget && d.bridget(p, T), T;
       };
       function m(p) {
         function E() {
@@ -10337,7 +10371,7 @@ function requireOutlayer() {
         ms: 1,
         s: 1e3
       };
-      function y(p) {
+      function b(p) {
         if (typeof p == "number")
           return p;
         var E = p.match(/(^\d*\.?\d*)(\w*)/), T = E && E[1], O = E && E[2];
@@ -10347,7 +10381,7 @@ function requireOutlayer() {
         var S = P[O] || 1;
         return T * S;
       }
-      return b.Item = l, b;
+      return y.Item = l, y;
     });
   }(outlayer)), outlayer.exports;
 }
@@ -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, _ = f / d, g = d - f % d, y = g && g < 1 ? "round" : "floor";
+      _ = Math[y](_), this.cols = Math.max(_, 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,12 +10425,12 @@ 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 = {
-        x: this.columnWidth * _.col,
-        y: _.y
-      }, v = _.y + l.size.outerHeight, m = f + _.col, P = _.col; P < m; P++)
+      for (var _ = this.options.horizontalOrder ? "_getHorizontalColPosition" : "_getTopColPosition", g = this[_](f, l), y = {
+        x: this.columnWidth * g.col,
+        y: g.y
+      }, v = g.y + l.size.outerHeight, m = f + g.col, P = g.col; P < m; P++)
         this.colYs[P] = v;
-      return b;
+      return y;
     }, r._getTopColPosition = function(l) {
       var u = this._getTopColGroup(l), d = Math.min.apply(Math, u);
       return {
@@ -10417,18 +10451,18 @@ 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 _ = u.size.outerWidth && u.size.outerHeight;
+      return this.horizontalColIndex = _ ? 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);
-      b = Math.max(0, b);
-      var v = Math.floor(_ / this.columnWidth);
-      v -= _ % this.columnWidth ? 0 : 1, v = Math.min(this.cols - 1, v);
-      for (var m = this._getOption("originTop"), P = (m ? d.top : d.bottom) + u.outerHeight, y = b; y <= v; y++)
-        this.colYs[y] = Math.max(P, this.colYs[y]);
+      var u = e(l), d = this._getElementOffset(l), f = this._getOption("originLeft"), _ = f ? d.left : d.right, g = _ + u.outerWidth, y = Math.floor(_ / this.columnWidth);
+      y = Math.max(0, y);
+      var v = Math.floor(g / this.columnWidth);
+      v -= g % this.columnWidth ? 0 : 1, v = Math.min(this.cols - 1, v);
+      for (var m = this._getOption("originTop"), P = (m ? d.top : d.bottom) + u.outerHeight, b = y; b <= v; b++)
+        this.colYs[b] = Math.max(P, this.colYs[b]);
     }, r._getContainerSize = function() {
       this.maxY = Math.max.apply(Math, this.colYs);
       var l = {
@@ -10482,33 +10516,33 @@ var imagesloaded = { exports: {} };
       function f(v, m, P) {
         if (!(this instanceof f))
           return new f(v, m, P);
-        var y = v;
-        if (typeof v == "string" && (y = document.querySelectorAll(v)), !y) {
-          r.error("Bad element for imagesLoaded " + (y || v));
+        var b = v;
+        if (typeof v == "string" && (b = document.querySelectorAll(v)), !b) {
+          r.error("Bad element for imagesLoaded " + (b || v));
           return;
         }
-        this.elements = d(y), this.options = l({}, this.options), typeof m == "function" ? P = m : l(this.options, m), P && this.on("always", P), this.getImages(), n && (this.jqDeferred = new n.Deferred()), setTimeout(this.check.bind(this));
+        this.elements = d(b), this.options = l({}, this.options), typeof m == "function" ? P = m : l(this.options, m), P && this.on("always", P), this.getImages(), n && (this.jqDeferred = new n.Deferred()), setTimeout(this.check.bind(this));
       }
       f.prototype = Object.create(e.prototype), f.prototype.options = {}, f.prototype.getImages = function() {
         this.images = [], this.elements.forEach(this.addElementImages, this);
       }, 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])) {
-          for (var P = v.querySelectorAll("img"), y = 0; y < P.length; y++) {
-            var p = P[y];
+        if (!(!m || !_[m])) {
+          for (var P = v.querySelectorAll("img"), b = 0; b < P.length; b++) {
+            var p = P[b];
             this.addImage(p);
           }
           if (typeof this.options.background == "string") {
             var E = v.querySelectorAll(this.options.background);
-            for (y = 0; y < E.length; y++) {
-              var T = E[y];
+            for (b = 0; b < E.length; b++) {
+              var T = E[b];
               this.addElementBackgroundImages(T);
             }
           }
         }
       };
-      var g = {
+      var _ = {
         1: !0,
         9: !0,
         11: !0
@@ -10516,15 +10550,15 @@ var imagesloaded = { exports: {} };
       f.prototype.addElementBackgroundImages = function(v) {
         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);
+          for (var P = /url\((['"])?(.*?)\1\)/gi, b = P.exec(m.backgroundImage); b !== null; ) {
+            var p = b && b[2];
+            p && this.addBackground(p, v), b = P.exec(m.backgroundImage);
           }
       }, f.prototype.addImage = function(v) {
-        var m = new _(v);
+        var m = new g(v);
         this.images.push(m);
       }, f.prototype.addBackground = function(v, m) {
-        var P = new b(v, m);
+        var P = new y(v, m);
         this.images.push(P);
       }, f.prototype.check = function() {
         var v = this;
@@ -10532,9 +10566,9 @@ var imagesloaded = { exports: {} };
           this.complete();
           return;
         }
-        function m(P, y, p) {
+        function m(P, b, p) {
           setTimeout(function() {
-            v.progress(P, y, p);
+            v.progress(P, b, p);
           });
         }
         this.images.forEach(function(P) {
@@ -10549,45 +10583,45 @@ var imagesloaded = { exports: {} };
           this.jqDeferred[m](this);
         }
       };
-      function _(v) {
+      function g(v) {
         this.img = v;
       }
-      _.prototype = Object.create(e.prototype), _.prototype.check = function() {
+      g.prototype = Object.create(e.prototype), g.prototype.check = function() {
         var v = this.getIsImageComplete();
         if (v) {
           this.confirm(this.img.naturalWidth !== 0, "naturalWidth");
           return;
         }
         this.proxyImage = new Image(), this.proxyImage.addEventListener("load", this), this.proxyImage.addEventListener("error", this), this.img.addEventListener("load", this), this.img.addEventListener("error", this), this.proxyImage.src = this.img.src;
-      }, _.prototype.getIsImageComplete = function() {
+      }, g.prototype.getIsImageComplete = function() {
         return this.img.complete && this.img.naturalWidth;
-      }, _.prototype.confirm = function(v, m) {
+      }, g.prototype.confirm = function(v, m) {
         this.isLoaded = v, this.emitEvent("progress", [this, this.img, m]);
-      }, _.prototype.handleEvent = function(v) {
+      }, g.prototype.handleEvent = function(v) {
         var m = "on" + v.type;
         this[m] && this[m](v);
-      }, _.prototype.onload = function() {
+      }, g.prototype.onload = function() {
         this.confirm(!0, "onload"), this.unbindEvents();
-      }, _.prototype.onerror = function() {
+      }, g.prototype.onerror = function() {
         this.confirm(!1, "onerror"), this.unbindEvents();
-      }, _.prototype.unbindEvents = function() {
+      }, g.prototype.unbindEvents = function() {
         this.proxyImage.removeEventListener("load", this), this.proxyImage.removeEventListener("error", this), this.img.removeEventListener("load", this), this.img.removeEventListener("error", this);
       };
-      function b(v, m) {
+      function y(v, m) {
         this.url = v, this.element = m, this.img = new Image();
       }
-      return b.prototype = Object.create(_.prototype), b.prototype.check = function() {
+      return y.prototype = Object.create(g.prototype), y.prototype.check = function() {
         this.img.addEventListener("load", this), this.img.addEventListener("error", this), this.img.src = this.url;
         var v = this.getIsImageComplete();
         v && (this.confirm(this.img.naturalWidth !== 0, "naturalWidth"), this.unbindEvents());
-      }, b.prototype.unbindEvents = function() {
+      }, y.prototype.unbindEvents = function() {
         this.img.removeEventListener("load", this), this.img.removeEventListener("error", this);
-      }, b.prototype.confirm = function(v, m) {
+      }, y.prototype.confirm = function(v, m) {
         this.isLoaded = v, this.emitEvent("progress", [this, this.element, m]);
       }, f.makeJQueryPlugin = function(v) {
         v = v || t.jQuery, v && (n = v, n.fn.imagesLoaded = function(m, P) {
-          var y = new f(this, m, P);
-          return y.jqDeferred.promise(n(this));
+          var b = new f(this, m, P);
+          return b.jqDeferred.promise(n(this));
         });
       }, f.makeJQueryPlugin(), f;
     }
@@ -10624,22 +10658,22 @@ 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, _ = u.destroyDelay ? parseInt(u.destroyDelay, 10) : void 0, g = function() {
         d.reloadItems(), d.layout();
       };
       nextTick(() => {
-        _();
+        g();
       });
-      const b = function(m) {
-        _();
+      const y = function(m) {
+        g();
       }, 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;
+        t.off(`${EVENT_ADD}__${f}`, y), t.off(`${EVENT_REMOVE}__${f}`, y), t.off(`${EVENT_IMAGE_LOADED}__${f}`, y), t.off(`${EVENT_DESTROY}__${f}`, v);
+        const P = _ && !Number.isNaN(_) ? _ : 0;
         setTimeout(function() {
           d.destroy();
         }, P);
       };
-      t.on(`${EVENT_ADD}__${f}`, b), t.on(`${EVENT_REMOVE}__${f}`, b), t.on(`${EVENT_IMAGE_LOADED}__${f}`, b), t.on(`${EVENT_DESTROY}__${f}`, v);
+      t.on(`${EVENT_ADD}__${f}`, y), t.on(`${EVENT_REMOVE}__${f}`, y), t.on(`${EVENT_IMAGE_LOADED}__${f}`, y), t.on(`${EVENT_DESTROY}__${f}`, v);
     },
     unbind: function(r, l) {
       const u = l.value || e;
@@ -10684,4 +10718,4 @@ export {
   StickyPlugin as a,
   ListingSkeleton as b
 };
-//# sourceMappingURL=masonry.plugin-rZZcRBGq.js.map
+//# sourceMappingURL=masonry.plugin-D7l8_YMQ.js.map