@konnectio/core 4.1.3 → 4.1.5

package/dist/{masonry.plugin-By72FzQ9.js → masonry.plugin-DvmJbfT_.js}

@@ -1,8 +1,8 @@
-import { d as defineComponent, Y as resolveComponent, O as h, Z as Comment, _ as Text, F as Fragment, $ 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, L as inject, K as resolveDirective, P as reactive, U as onUnmounted, v as renderSlot, a0 as normalizeStyle, N as nextTick, H as vShow, x as createTextVNode, a1 as mergeModels, y as useSlots, a2 as useModel, T as Transition, B as isRef, q as mitt } from "./mitt-Dh_4vPVI.js";
-import { I as Icon, _ as _export_sfc, b as useHotelStore, f as useEventStore, T as TextField, M 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, w as getUserLanguage, y as useApplyGiftCardStore, d as Clickable, z as usePaymentStore } from "./SelectField.vue_vue_type_style_index_0_lang-CZYWu7x-.js";
-import { B as Base$1, C as Checkbox, _ as _sfc_main$c } from "./CheckoutWindow-DrZnthDH.js";
-import { A as ActionField } from "./ActionField-CRqgWSz1.js";
-import { E as Element$1 } from "./Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-CW-XSJQB.js";
+import { d as defineComponent, X as resolveComponent, N as h, Y as Comment, Z as Text, F as Fragment, $ as getCurrentInstance, r as ref, c as computed$1, D 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, z as renderList, i as unref, n as normalizeClass, u as useI18n, s as storeToRefs, y as createSlots, E as withDirectives, t as toDisplayString, K as inject, J as resolveDirective, O as reactive, R as onUnmounted, q as renderSlot, a0 as normalizeStyle, M as nextTick, G as vShow, v as createTextVNode, a1 as mergeModels, x as useSlots, a2 as useModel, T as Transition, A as isRef, _ as _mitt } from "./mitt-CFrRmK9k.js";
+import { I as Icon, _ as _export_sfc, b as useHotelStore, f as useEventStore, T as TextField, N 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, M as emitter, w as getUserLanguage, y as useApplyGiftCardStore, d as Clickable, z as usePaymentStore } from "./SelectField.vue_vue_type_style_index_0_lang-B8pRSFGj.js";
+import { B as Base$1, C as Checkbox, _ as _sfc_main$c } from "./CheckoutWindow-CLNkZ6L5.js";
+import { A as ActionField } from "./ActionField-ChprjIX4.js";
+import { E as Element$1 } from "./Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-DnfMKN_W.js";
 import { g as getDefaultExportFromCjs } from "./_commonjsHelpers-DaMA6jEr.js";
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -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(), _ = this._getRoundPos(t, e), g = _.roundPos, y = _.roundDepa, v = d.moveTo(g, y), 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, b = {
       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
-    }, b = new ComponentEvent$1("change", P);
-    return this._axes.trigger(b), Object.keys(v.pos).forEach(function(p) {
+    }, P = new ComponentEvent$1("change", b);
+    return this._axes.trigger(P), 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), !b.isCanceled();
+    }), m && d.set(b.set().destPos), !P.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,8 +946,8 @@ 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, _ = 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 = {
+    }, 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(), b = v ? m - v.timestamp : 0, P = n ? n.velocityX : 0, p = n ? n.velocityY : 0;
+    return (!v || b >= VELOCITY_INTERVAL) && (v && (e = [(f - v.deltaX) / b, (_ - v.deltaY) / b], P = e[0], p = e[1]), this._latestInterval = {
       timestamp: m,
       deltaX: f,
       deltaY: _
@@ -960,7 +960,7 @@ var requestAnimationFrame$2 = function(s) {
       deltaY: _,
       offsetX: g,
       offsetY: y,
-      velocityX: b,
+      velocityX: P,
       velocityY: p,
       preventSystemEvent: !0
     };
@@ -1193,8 +1193,8 @@ var InputObserver = /* @__PURE__ */ function() {
         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(y, P, m) : y;
+          var m = v.circular, b = v.range;
+          return m && (m[0] || m[1]) ? getCirculatedPos(y, b, 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);
@@ -1233,11 +1233,11 @@ var InputObserver = /* @__PURE__ */ function() {
         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), b = {
+      var m = this._animationManager.getUserControl(v), b = equal(m.destPos, d), P = {
         input: t,
         event: e
       };
-      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);
+      b || m.duration === 0 ? (b || this._eventManager.triggerChange(m.destPos, d, P, !0), this._interruptManager.setInterrupt(!1), this._axisManager.isOutside() ? this._animationManager.restore(P) : this._eventManager.triggerFinish(!0)) : this._animationManager.animateTo(m.destPos, m.duration, P);
     }
   }, i._atOutside = function(t) {
     var e = this;
@@ -1436,11 +1436,11 @@ 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, _ = (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;
+    }), f = (/* @__PURE__ */ new Date()).getTime() - r.startTime, _ = (f + this._durationOffset) / r.duration, g = this._easing(_), y = this.axisManager.map(l, function(v, m, b) {
+      var P = _ >= 1 ? u[b] : v + r.delta[b] * (g - n._prevEasingPer) / (1 - n._initialEasingPer), p = getCirculatedPos(P, m.range, m.circular);
+      if (P !== p) {
+        var E = d[b] * (m.range[1] - m.range[0]);
+        u[b] -= E, l[b] -= E;
       }
       return p;
     });
@@ -1583,7 +1583,7 @@ var InputObserver = /* @__PURE__ */ function() {
       return;
     }
     if (!(!v || !this._enabled || m > 1)) {
-      var P = getDirectionByAngle(v.angle, g), b = useDirection(DIRECTION_HORIZONTAL, this._direction, P), p = useDirection(DIRECTION_VERTICAL, this._direction, P);
+      var b = getDirectionByAngle(v.angle, g), P = useDirection(DIRECTION_HORIZONTAL, this._direction, b), p = useDirection(DIRECTION_VERTICAL, this._direction, b);
       if (y.prevEvent && IS_IOS_SAFARI) {
         var E = v.center.x < 0;
         if (E) {
@@ -1597,7 +1597,7 @@ var InputObserver = /* @__PURE__ */ function() {
           }, 100);
         }
       }
-      var O = this._getDistance([v.deltaX, v.deltaY], [b, p]), S = this._getOffset([v.offsetX, v.offsetY], [b, p]), C = S.some(function(x) {
+      var O = this._getDistance([v.deltaX, v.deltaY], [P, p]), S = this._getOffset([v.offsetX, v.offsetY], [P, 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 >= _) && (this._dragged = l, this._isOverThreshold = !0, this._observer.change(this, v, toAxis(this.axes, S))), y.prevEvent = v;
@@ -1862,8 +1862,8 @@ var Loader = /* @__PURE__ */ function(s) {
       }).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();
+        var b = g && n.checkPreReady(d), P = n.checkReady(d);
+        g && n.onPreReadyElement(d), n.onReadyElement(d), b && n.onPreReady(), P && n.onReady();
       }), {
         loader: f,
         element: u,
@@ -1911,8 +1911,8 @@ var Loader = /* @__PURE__ */ function(s) {
     });
     return _.on("requestChildren", function() {
       var m = getContentElements(e, f, r.options.prefix);
-      v.check(m).on("preReady", function(P) {
-        y = P.isReady, y || _.onPreReady();
+      v.check(m).on("preReady", function(b) {
+        y = b.isReady, y || _.onPreReady();
       });
     }).on("reqeustReadyChildren", function() {
       v.check(g);
@@ -2917,8 +2917,8 @@ var State = /* @__PURE__ */ function() {
         _ = f.target;
       var v = l.renderer.panels, m = null;
       try {
-        for (var P = __values(v), b = P.next(); !b.done; b = P.next()) {
-          var p = b.value;
+        for (var b = __values(v), P = b.next(); !P.done; P = b.next()) {
+          var p = P.value;
           if (p.contains(_)) {
             m = p;
             break;
@@ -2930,7 +2930,7 @@ var State = /* @__PURE__ */ function() {
         };
       } finally {
         try {
-          b && !b.done && (r = P.return) && r.call(P);
+          P && !P.done && (r = b.return) && r.call(b);
         } finally {
           if (n) throw n.error;
         }
@@ -3314,11 +3314,11 @@ var State = /* @__PURE__ */ function() {
     };
     return new Promise(function(y, v) {
       var m = function() {
-        u.off(EVENT.HOLD, P), y();
-      }, P = function() {
+        u.off(EVENT.HOLD, b), y();
+      }, b = 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), g();
+      u.once(EVENT.FINISH, m), u.once(EVENT.HOLD, b), g();
     });
   }, i.updateDirection = function() {
     var t = getFlickingAttached(this._flicking), e = this._axes, n = this._panInput;
@@ -3570,20 +3570,20 @@ var State = /* @__PURE__ */ function() {
     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 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;
+    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, b;
     if (m >= g && m > 0)
-      P = this._findSnappedAnchor(e, f);
+      b = this._findSnappedAnchor(e, f);
     else if (v >= l.threshold && v > 0)
-      P = this._findAdjacentAnchor(e, y, f);
+      b = this._findAdjacentAnchor(e, y, f);
     else
       return this.moveToPanel(f.panel, {
         duration: n,
         axesEvent: r
       });
-    return this._triggerIndexChangeEvent(P.panel, e, r), this._animateToPosition({
-      position: u.clampToReachablePosition(P.position),
+    return this._triggerIndexChangeEvent(b.panel, e, r), this._animateToPosition({
+      position: u.clampToReachablePosition(b.position),
       duration: n,
-      newActivePanel: P.panel,
+      newActivePanel: b.panel,
       axesEvent: r
     });
   }, t._findSnappedAnchor = function(e, n) {
@@ -3594,13 +3594,13 @@ var State = /* @__PURE__ */ function() {
       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 b = y[_.index];
+    var m = v * g, b = _.index + m;
+    if (Math.abs(b - n.index) <= u) {
+      var P = y[_.index];
       return new AnchorPoint({
-        index: b.index,
-        position: b.position + v * l.rangeDiff,
-        panel: b.panel
+        index: P.index,
+        position: P.position + v * l.rangeDiff,
+        panel: P.panel
       });
     }
     if (r.circularEnabled) {
@@ -3695,9 +3695,9 @@ var State = /* @__PURE__ */ function() {
     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 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);
+    var g = d.range, y = _.position, v = _.index, m = l.panelCount, b = v - f, P = v + f;
+    b < 0 && (b = n.circularEnabled ? getMinusCompensatedIndex((b + 1) % m - 1, m) : clamp(b, 0, m - 1)), P >= m && (P = n.circularEnabled ? P % m : clamp(P, 0, m - 1));
+    var p = l.panels[b], E = l.panels[P], 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
@@ -3713,15 +3713,15 @@ 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, _ = 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)
+    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]), b = d.findAnchorIncludePosition(m);
+    if (!b || !f)
       return Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE));
-    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);
+    var P = f.position, p = u.animating ? v.delta : e - d.position, E = Math.abs(p) >= u.threshold, T = e > P ? d.getNextAnchor(b) : d.getPrevAnchor(b), 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 < y.min ? x : I;
       S = N.panel, O = N.position;
-    } else if (E && P.position !== f.position)
-      S = P.panel, O = P.position;
+    } else if (E && b.position !== f.position)
+      S = b.panel, O = b.position;
     else if (E && A)
       S = T.panel, O = T.position;
     else {
@@ -3929,7 +3929,7 @@ var State = /* @__PURE__ */ function() {
         min: v,
         max: m
       };
-    var P = e.camera.align, b = typeof P == "object" ? P.camera : P, p = v + parseAlign$1(b, m - v);
+    var b = e.camera.align, P = typeof b == "object" ? b.camera : b, p = v + parseAlign$1(P, m - v);
     return {
       min: p,
       max: p
@@ -3938,15 +3938,15 @@ var State = /* @__PURE__ */ function() {
     var e = this._flicking, n = e.camera, r = e.renderer.panels;
     if (r.length <= 0)
       return [];
-    var l = e.camera.range, u = r.filter(function(P) {
-      return n.canReach(P);
+    var l = e.camera.range, u = r.filter(function(b) {
+      return n.canReach(b);
     });
     if (u.length > 0) {
-      var d = u[0].position !== l.min, f = u[u.length - 1].position !== l.max, _ = d ? 1 : 0, g = u.map(function(P, b) {
+      var d = u[0].position !== l.min, f = u[u.length - 1].position !== l.max, _ = d ? 1 : 0, g = u.map(function(b, P) {
         return new AnchorPoint({
-          index: b + _,
-          position: P.position,
-          panel: P
+          index: P + _,
+          position: b.position,
+          panel: b
         });
       });
       return d && g.splice(0, 0, new AnchorPoint({
@@ -3997,9 +3997,9 @@ var State = /* @__PURE__ */ function() {
           var m = v.value;
           m in _ && (g = m);
         }
-      } catch (P) {
+      } catch (b) {
         u = {
-          error: P
+          error: b
         };
       } finally {
         try {
@@ -4230,8 +4230,8 @@ var State = /* @__PURE__ */ function() {
         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 : _ + u[1];
-        return P < l && (P += g), r.index + getProgress(e, l, P);
+        var m = r.next(), b = m ? m.position + m.offset : _ + u[1];
+        return b < l && (b += g), r.index + getProgress(e, l, b);
       }
     },
     enumerable: !1,
@@ -4542,23 +4542,23 @@ var State = /* @__PURE__ */ 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 y, v = getMinusCompensatedIndex(g.index, r.length), m = r.slice(v), P = g.elements.map(function(p, E) {
+      var y, v = getMinusCompensatedIndex(g.index, r.length), m = r.slice(v), b = 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)), 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);
+      if (r.splice.apply(r, __spread([v, 0], b)), g.hasDOMInElements && t._insertPanelElements(b, (y = m[0]) !== null && y !== void 0 ? y : null), l.panelsPerView > 0) {
+        var P = u || b[0].resize();
+        t._updatePanelSizeByGrid(P, b);
       } else
-        P.forEach(function(p) {
+        b.forEach(function(p) {
           return p.resize();
         });
       return m.forEach(function(p) {
-        p.increaseIndex(P.length), p.updatePosition();
-      }), __spread(_, P);
+        p.increaseIndex(b.length), p.updatePosition();
+      }), __spread(_, b);
     }, []);
     return f;
   }, i.batchRemove = function() {
@@ -4570,12 +4570,12 @@ var State = /* @__PURE__ */ 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 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) {
+      var y = g.index, v = g.deleteCount, m = getMinusCompensatedIndex(y, r.length), b = r.slice(m + v), P = r.splice(m, v);
+      return P.length <= 0 ? [] : (b.forEach(function(p) {
+        p.decreaseIndex(P.length), p.updatePosition();
+      }), g.hasDOMInElements && t._removePanelElements(P), P.forEach(function(p) {
         return p.destroy();
-      }), includes(b, d) && u.resetActive(), __spread(_, b));
+      }), includes(P, d) && u.resetActive(), __spread(_, P));
     }, []);
     return f;
   }, i.updateAfterPanelChange = function(t, e) {
@@ -5273,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, _ = 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) {
+    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, b = m === void 0 ? CIRCULAR_FALLBACK.LINEAR : m, P = r.bound, p = P === void 0 ? !1 : P, 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;
+    return k._initialized = !1, k._plugins = [], k._align = u, k._defaultIndex = f, k._horizontal = g, k._circular = v, k._circularFallback = b, 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", {
@@ -6273,8 +6273,8 @@ 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, _ = 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 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, b = this._camera, P = m ? this.visiblePanels : this.panels, p = {
+      panels: P.map(function(O) {
         var S = {
           index: O.index
         };
@@ -6282,10 +6282,10 @@ var State = /* @__PURE__ */ function() {
       })
     };
     if (d && (p.index = this.index), _) {
-      var E = P.findNearestAnchor(P.position);
+      var E = b.findNearestAnchor(b.position);
       E && (p.position = {
         panel: E.panel.index,
-        progressInPanel: P.getProgressInPanel(E.panel)
+        progressInPanel: b.getProgressInPanel(E.panel)
       });
     }
     if (m) {
@@ -6304,8 +6304,8 @@ var State = /* @__PURE__ */ function() {
       hasDOMInElements: !0
     }), f.batchInsert({
       index: 0,
-      elements: parseElement(d.map(function(b) {
-        return b.html;
+      elements: parseElement(d.map(function(P) {
+        return P.html;
       })),
       hasDOMInElements: !0
     })), r != null) {
@@ -6314,8 +6314,8 @@ var State = /* @__PURE__ */ function() {
       });
     }
     if (l && this._moveType === MOVE_TYPE.FREE_SCROLL) {
-      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() {
+      var y = l.panel, v = l.progressInPanel, g = u ? y - u : y, m = f.panels[g].range, b = m.min + (m.max - m.min) * v;
+      _.moveToPosition(b, 0).catch(function() {
       });
     }
   }, t.addPlugins = function() {
@@ -6487,11 +6487,11 @@ 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], b = m[1], p = n.splice(P, 1)[0];
-    n.splice(b, 0, p);
+    var m = __read(v, 2), b = m[0], P = m[1], p = n.splice(b, 1)[0];
+    n.splice(P, 0, p);
   }), i.ordered.length > 0 && (n.forEach(function(v, m) {
-    var P = m - v.index;
-    P > 0 ? v.increaseIndex(P) : v.decreaseIndex(-P);
+    var b = m - v.index;
+    b > 0 ? v.increaseIndex(b) : v.decreaseIndex(-b);
   }), n.sort(function(v, m) {
     return v.index - m.index;
   }), n.forEach(function(v) {
@@ -6652,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, _ = 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;
+    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, b = n.moveByViewportSize, P = b === void 0 ? !1 : b;
     this._flicking = null, this._preventInputPropagation = function(p) {
       p.stopPropagation();
     }, this._onPrevClick = function() {
@@ -6685,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 = _, this._disabledClass = y, this._moveCount = m, this._moveByViewportSize = b;
+    }, this._parentEl = l, this._prevElSelector = d, this._nextElSelector = _, this._disabledClass = y, this._moveCount = m, this._moveByViewportSize = P;
   }
   var i = s.prototype;
   return Object.defineProperty(i, "prevEl", {
@@ -6866,33 +6866,33 @@ var Renderer = /* @__PURE__ */ 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, _ = 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);
+    addClass(l, g), l.innerHTML = y.map(function(m, b) {
+      return _ && m.panel.index === n.index ? _(u, b) : f(u, b);
     }).join(`
 `);
     var v = [].slice.call(l.children);
-    v.forEach(function(m, P) {
-      var b = y[P];
-      b.panel.index === n.index && (addClass(m, d), e._prevIndex = P), e._addBulletEvents(m, P);
+    v.forEach(function(m, b) {
+      var P = y[b];
+      P.panel.index === n.index && (addClass(m, d), e._prevIndex = b), e._addBulletEvents(m, b);
     }), 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, _ = 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) {
+      var m = g[0].panel.index, b = e - m;
+      if (_ !== b) {
         if (v) {
-          var b = u[_];
-          if (b) {
+          var P = u[_];
+          if (P) {
             var p = this._createBulletFromString(y(d, _), _);
-            b.parentElement.replaceChild(p, b), u[_] = p;
+            P.parentElement.replaceChild(p, P), u[_] = p;
           }
-          var E = u[P], T = this._createBulletFromString(v(d + " " + f, P), P);
-          l.replaceChild(T, E), u[P] = T;
+          var E = u[b], T = this._createBulletFromString(v(d + " " + f, b), b);
+          l.replaceChild(T, E), u[b] = T;
         } else {
-          var E = u[P], b = u[_];
-          b && removeClass(b, f), addClass(E, f);
+          var E = u[b], P = u[_];
+          P && removeClass(P, f), addClass(E, f);
         }
-        this._prevIndex = P;
+        this._prevIndex = b;
       }
     }
   }, i;
@@ -6937,19 +6937,19 @@ var Renderer = /* @__PURE__ */ function() {
     if (m.forEach(function(p, E) {
       e._addBulletEvents(p, E);
     }), !(m.length <= 0)) {
-      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() {
+      var b = getComputedStyle(m[0]), P = m[0].clientWidth + parseFloat(b.marginLeft) + parseFloat(b.marginRight);
+      n.style.width = P * l.bulletCount + "px", this._bullets = m, this._bulletSize = P, 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, _ = 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) {
+      var v = n.classPrefix + "-" + PAGINATION.BULLET_SUFFIX, m = n.classPrefix + "-" + PAGINATION.BULLET_ACTIVE_SUFFIX, b = n.classPrefix + "-" + PAGINATION.SCROLL_PREV_SUFFIX, P = n.classPrefix + "-" + PAGINATION.SCROLL_NEXT_SUFFIX, p = function(R) {
         return "" + b + (R > 1 ? R : "");
-      }, T = new RegExp("^" + P), O = new RegExp("^" + b);
+      }, E = function(R) {
+        return "" + P + (R > 1 ? R : "");
+      }, T = new RegExp("^" + b), O = new RegExp("^" + P);
       if (f) {
         var S = l[u];
         if (S) {
@@ -6980,9 +6980,9 @@ var Renderer = /* @__PURE__ */ function() {
   }, i;
 }(Renderer), Pagination = /* @__PURE__ */ function() {
   function s(t) {
-    var e = this, n = t === void 0 ? {} : t, r = n.parentEl, l = r === void 0 ? null : r, u = n.selector, d = u === void 0 ? PAGINATION.SELECTOR : u, f = n.type, _ = 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) {
+    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, b = n.renderBullet, P = b === 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) {
+    } : b, 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>';
     } : T, S = n.fractionCurrentFormat, C = S === void 0 ? function(A) {
       return A.toString();
@@ -6995,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 = _, this._classPrefix = y, this._bulletCount = m, this._renderBullet = b, 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 = P, this._renderActiveBullet = E, this._renderFraction = O, this._fractionCurrentFormat = C, this._fractionTotalFormat = I, this._scrollOnChange = w;
   }
   var i = s.prototype;
   return Object.defineProperty(i, "parentEl", {
@@ -7213,7 +7213,7 @@ var Result = /* @__PURE__ */ function() {
 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), _ = new e(), g = new e(), y = [], v = [], m = {}, P = [], b = 0, p = 0;
+  }, r = [], l = [], u = [], d = s.map(n), f = i.map(n), _ = new e(), g = new e(), y = [], v = [], m = {}, b = [], P = 0, p = 0;
   return d.forEach(function(E, T) {
     _.set(E, T);
   }), f.forEach(function(E, T) {
@@ -7223,8 +7223,8 @@ function diff(s, i, t) {
     typeof O > "u" ? (++p, l.push(T)) : m[O] = p;
   }), f.forEach(function(E, T) {
     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);
+    typeof O > "u" ? (r.push(T), ++P) : (u.push([O, T]), p = m[T] || 0, y.push([O - p, T - P]), v.push(T === O), O !== T && b.push([O, T]));
+  }), l.reverse(), new Result(s, i, r, l, b, u, y, v);
 }
 var ListDiffer = /* @__PURE__ */ function() {
   function s(t, e) {
@@ -7710,7 +7710,7 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
         new Fade(),
         new Pagination({ type: d.value })
       ];
-    }), (m, P) => (openBlock(), createElementBlock("div", null, [
+    }), (m, b) => (openBlock(), createElementBlock("div", null, [
       l.value ? (openBlock(), createBlock(unref(Flicking), {
         key: 0,
         ref_key: "slideshow",
@@ -7749,15 +7749,15 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
               })
             ])
           ]),
-          P[0] || (P[0] = createBaseVNode("div", { class: "flicking-pagination" }, null, -1))
+          b[0] || (b[0] = createBaseVNode("div", { class: "flicking-pagination" }, null, -1))
         ]),
         default: withCtx(() => [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(m.gallery, ({ large: b, url: p }, E) => (openBlock(), createElementBlock("div", {
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(m.gallery, ({ large: P, url: p }, E) => (openBlock(), createElementBlock("div", {
             key: E,
             class: "konnectio-flicking-gallery-item"
           }, [
             createBaseVNode("img", {
-              src: b || p
+              src: P || p
             }, null, 8, _hoisted_4$7)
           ]))), 128))
         ]),
@@ -7773,7 +7773,7 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
       }, null, 10, _hoisted_5$6)) : createCommentVNode("", !0)
     ]));
   }
-}), Gallery = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-5207af0c"]]), _hoisted_1$b = { key: 0 }, _hoisted_2$8 = { class: "konnectio-listing-side-panel" }, _hoisted_3$8 = ["innerHTML"], _hoisted_4$6 = {
+}), Gallery = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-955c6f8c"]]), _hoisted_1$b = { key: 0 }, _hoisted_2$8 = { class: "konnectio-listing-side-panel" }, _hoisted_3$8 = ["innerHTML"], _hoisted_4$6 = {
   key: 1,
   class: "konnectio-listing-side-panel-facilities"
 }, _hoisted_5$5 = {
@@ -7813,12 +7813,12 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
       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=${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) {
+    function b(O) {
       t("update:idx", O);
     }
-    const b = computed$1({
+    const P = computed$1({
       get: () => n.idx,
-      set: (O) => P(O)
+      set: (O) => b(O)
     }), p = ref("testVueMasonry"), E = inject("redrawVueMasonry");
     function T() {
       E("testVueMasonry");
@@ -7833,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: b.value,
-              "onUpdate:idx": S[0] || (S[0] = (I) => b.value = I)
+              idx: P.value,
+              "onUpdate:idx": S[0] || (S[0] = (I) => P.value = I)
             }, null, 8, ["gallery", "idx"])
           ])) : createCommentVNode("", !0),
           createBaseVNode("div", _hoisted_2$8, [
@@ -7903,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-ff830b74"]]);
+}), SidePanel = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-a17ff912"]]);
 var raf = null;
 function requestAnimationFrame$1(s) {
   return raf || (raf = (window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(i) {
@@ -8061,35 +8061,35 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$7 = {
     }), _ = () => {
       u.value && (u.value.innerHTML = convertDescription(x.value));
     }, g = () => {
-      d.localExpanded || (_(), (m() || C.value) && b());
+      d.localExpanded || (_(), (m() || C.value) && P());
     }, 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(
+    }, m = () => !e.maxLines && !e.maxHeight || !r.value ? !1 : !!(e.maxLines && b() > e.maxLines || e.maxHeight && r.value.scrollHeight > r.value.offsetHeight), b = () => l.value ? Object.keys(
       Array.prototype.slice.call(l.value.getClientRects()).reduce((N, { top: D, bottom: L }) => {
         const B = `${D}/${L}`;
         return N[B] || (N[B] = !0), N;
       }, {})
-    ).length : 0, b = (...N) => {
+    ).length : 0, P = (...N) => {
       const [D = 0, L = d.offset] = N;
       if (L - D <= 3) {
         E();
         return;
       }
       const B = Math.floor((L + D) / 2);
-      p(B), m() ? b(D, B) : b(B, L);
+      p(B), m() ? P(D, B) : P(B, L);
     }, p = (N) => {
       d.offset = N, _();
     }, E = () => {
       T(), O();
     }, T = () => {
-      for (; (!m() || P() < 2) && d.offset < e.text.length; )
+      for (; (!m() || b() < 2) && d.offset < e.text.length; )
         S(1);
     }, O = () => {
-      for (; m() && P() > 1 && d.offset > 0; )
+      for (; m() && b() > 1 && d.offset > 0; )
         S(-1);
     }, S = (N) => {
       p(d.offset + N);
@@ -8299,15 +8299,15 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$7 = {
               ])
             ]),
             g.facilities ? (openBlock(), createElementBlock("ul", _hoisted_10$2, [
-              (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 }, [
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(g.facilities, ({ icon: m, name: b, subFacilities: P }) => (openBlock(), createElementBlock(Fragment, null, [
+                m ? withDirectives((openBlock(), createElementBlock("li", { key: b }, [
                   createVNode(Icon, {
                     icon: m,
                     color: "header"
                   }, null, 8, ["icon"])
                 ])), [
                   [v, {
-                    content: _(b),
+                    content: _(P),
                     classes: ["tooltip", "konnectio-tooltip"],
                     html: !0
                   }]
@@ -8336,7 +8336,7 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$7 = {
       ], 2);
     };
   }
-}), Base = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-72dff61f"]]), _hoisted_1$8 = { class: "konnectio-radio-checkboxes" }, _sfc_main$7 = /* @__PURE__ */ defineComponent({
+}), Base = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-eefcb8c1"]]), _hoisted_1$8 = { class: "konnectio-radio-checkboxes" }, _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "CheckboxField",
   props: {
     modelValue: {},
@@ -8385,49 +8385,49 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$7 = {
   },
   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), _ = () => {
-      if (u.value) {
-        const m = n.value;
-        if (m && m > 0) {
-          const b = u.value.getBoundingClientRect().top + window.scrollY - m;
+    const t = i, { headerHeight: e } = storeToRefs(useUtilityStore()), n = s, r = ref(0), l = ref(), u = computed$1(() => n.steps.filter((v) => !v.hidden)), d = computed$1(() => n.steps[r.value].id), f = () => {
+      if (l.value) {
+        const v = e.value;
+        if (v && v > 0) {
+          const b = l.value.getBoundingClientRect().top + window.scrollY - v;
           window.scrollTo({
             top: b,
             behavior: "smooth"
           });
         } else
-          u.value.scrollIntoView({ behavior: "smooth" });
+          l.value.scrollIntoView({ behavior: "smooth" });
       }
-    }, g = (m = 1) => {
-      l.value = l.value + m, _();
-    }, y = (m = 1) => {
-      l.value = l.value - m, _();
+    }, _ = (v = 1) => {
+      r.value = r.value + v, f();
+    }, g = (v = 1) => {
+      r.value = r.value - v, f();
     };
-    function v() {
-      l.value = 0, _();
-    }
-    return t.on("scrollToTop", () => {
-      _();
-    }), watch(l, () => {
-      l.value === 0 && e("reset");
-    }), (m, P) => (openBlock(), createElementBlock("div", {
+    function y() {
+      r.value = 0, f();
+    }
+    return emitter.on("scrollToTop", () => {
+      f();
+    }), watch(r, () => {
+      r.value === 0 && t("reset");
+    }), (v, m) => (openBlock(), createElementBlock("div", {
       id: "konnectio-multi-step-form",
       ref_key: "multiStepForm",
-      ref: u
+      ref: l
     }, [
       createBaseVNode("div", null, [
         createBaseVNode("header", _hoisted_1$7, [
           createBaseVNode("div", _hoisted_2$5, [
             createBaseVNode("div", null, [
-              m.title && m.layout !== unref(BookingHeaderLayout).Minimal ? (openBlock(), createElementBlock("h2", _hoisted_3$5, [
-                createBaseVNode("span", null, toDisplayString(m.title), 1)
+              v.title && v.layout !== unref(BookingHeaderLayout).Minimal ? (openBlock(), createElementBlock("h2", _hoisted_3$5, [
+                createBaseVNode("span", null, toDisplayString(v.title), 1)
               ])) : createCommentVNode("", !0),
-              m.subtitle && m.layout !== unref(BookingHeaderLayout).Minimal ? (openBlock(), createElementBlock("h5", _hoisted_4$4, [
-                createBaseVNode("span", null, toDisplayString(m.subtitle), 1)
+              v.subtitle && v.layout !== unref(BookingHeaderLayout).Minimal ? (openBlock(), createElementBlock("h5", _hoisted_4$4, [
+                createBaseVNode("span", null, toDisplayString(v.subtitle), 1)
               ])) : createCommentVNode("", !0),
               createBaseVNode("ul", _hoisted_5$3, [
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(d.value, (b, p) => (openBlock(), createElementBlock("li", {
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(u.value, (b, P) => (openBlock(), createElementBlock("li", {
                   key: b.id,
-                  class: normalizeClass({ "is-active": l.value >= p })
+                  class: normalizeClass({ "is-active": r.value >= P })
                 }, [
                   b.icon ? (openBlock(), createBlock(Icon, {
                     key: 0,
@@ -8441,25 +8441,25 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$7 = {
           ])
         ]),
         createBaseVNode("ul", _hoisted_6$3, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(m.steps, (b) => (openBlock(), createElementBlock("li", {
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(v.steps, (b) => (openBlock(), createElementBlock("li", {
             key: b.id,
             class: "konnectio-multi-step-form-content-tab"
           }, [
             withDirectives(createBaseVNode("div", null, [
-              renderSlot(m.$slots, b.id, {
-                next: g,
-                prev: y,
-                reset: v
+              renderSlot(v.$slots, b.id, {
+                next: _,
+                prev: g,
+                reset: y
               }, void 0, !0)
             ], 512), [
-              [vShow, f.value === b.id]
+              [vShow, d.value === b.id]
             ])
           ]))), 128))
         ])
       ])
     ], 512));
   }
-}), 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"], _hoisted_3$4 = { class: "konnectio-brand-text" }, _hoisted_4$3 = ["href"], _sfc_main$5 = /* @__PURE__ */ defineComponent({
+}), MultiStepForm = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5e441aa5"]]), 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"], _hoisted_3$4 = { class: "konnectio-brand-text" }, _hoisted_4$3 = ["href"], _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "PoweredByKonnectio",
   setup(s) {
     const { t: i } = useI18n(), t = computed$1(() => getUserLanguage() === "da" ? "https://konnectio.dk" : "https://konnectio.com");
@@ -9044,7 +9044,9 @@ const _hoisted_1$3 = {
       amount: f,
       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;
+    } = storeToRefs(useApplyGiftCardStore()), { apply: y, reset: v } = useApplyGiftCardStore(), m = useSlots(), b = useModel(s, "discountCode"), P = s, p = computed$1(() => P.basePrice - P.weekendFee - P.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) => {
@@ -9183,8 +9185,8 @@ const _hoisted_1$3 = {
                           default: withCtx(() => [
                             T.value ? (openBlock(), createBlock(ActionField, {
                               key: 0,
-                              modelValue: P.value,
-                              "onUpdate:modelValue": R[3] || (R[3] = (A) => P.value = A),
+                              modelValue: b.value,
+                              "onUpdate:modelValue": R[3] || (R[3] = (A) => b.value = A),
                               icon: "tags",
                               "button-icon": "paper-plane-top",
                               placeholder: unref(i)("general.discountCodePlaceholder"),
@@ -9267,7 +9269,7 @@ const _hoisted_1$3 = {
       ]);
     };
   }
-}), ReservationForm = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-b4c01bb0"]]), _hoisted_1$2 = {
+}), ReservationForm = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-a9c432c5"]]), _hoisted_1$2 = {
   id: "konnectio-confirmation",
   class: "konnectio-panel"
 }, _hoisted_2$1 = { id: "konnectio-confirmation-introduction" }, _hoisted_3$1 = { id: "konnectio-confirmation-title" }, _hoisted_4$1 = ["innerHTML"], _hoisted_5$1 = { class: "konnectio-order-panel" }, _hoisted_6$1 = { key: 0 }, _hoisted_7$1 = { class: "konnectio-order-panel" }, _hoisted_8$1 = { class: "konnectio-order-lines" }, _hoisted_9 = { key: 0 }, _hoisted_10 = { key: 1 }, _hoisted_11 = { key: 2 }, _hoisted_12 = {
@@ -9294,15 +9296,15 @@ const _hoisted_1$3 = {
       totalPrice: _,
       totalVAT: g,
       subTotalPrice: y
-    } = storeToRefs(usePaymentStore()), { currency: v } = storeToRefs(useUtilityStore()), { currentArrivalDate: m, currentDepartureDate: P } = storeToRefs(useHotelStore());
-    return (b, p) => (openBlock(), createElementBlock("div", _hoisted_1$2, [
+    } = storeToRefs(usePaymentStore()), { currency: v } = storeToRefs(useUtilityStore()), { currentArrivalDate: m, currentDepartureDate: b } = storeToRefs(useHotelStore());
+    return (P, 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: b.message
+          innerHTML: P.message
         }, null, 8, _hoisted_4$1)
       ]),
       createBaseVNode("div", _hoisted_5$1, [
@@ -9318,9 +9320,9 @@ const _hoisted_1$3 = {
           createBaseVNode("span", null, toDisplayString(unref(i)("booking.reservation.detailsTitle")), 1)
         ]),
         createBaseVNode("ul", _hoisted_8$1, [
-          unref(m) && unref(P) ? (openBlock(), createElementBlock("li", _hoisted_9, [
+          unref(m) && unref(b) ? (openBlock(), createElementBlock("li", _hoisted_9, [
             createBaseVNode("span", null, toDisplayString(unref(i)("general.date")), 1),
-            createBaseVNode("b", null, toDisplayString(unref(i)("general.datePeriod", { arrival: unref(showDate)(unref(m), 0, !0), departure: unref(showDate)(unref(P)) })), 1)
+            createBaseVNode("b", null, toDisplayString(unref(i)("general.datePeriod", { arrival: unref(showDate)(unref(m), 0, !0), departure: unref(showDate)(unref(b)) })), 1)
           ])) : unref(f) ? (openBlock(), createElementBlock("li", _hoisted_10, [
             createBaseVNode("span", null, toDisplayString(unref(i)("general.date")), 1),
             createBaseVNode("b", null, toDisplayString(unref(showDate)(unref(f))), 1)
@@ -9704,8 +9706,8 @@ function requireGetSize() {
       s.exports ? s.exports = t() : i.getSize = t();
     })(window, function() {
       function t(v) {
-        var m = parseFloat(v), P = v.indexOf("%") == -1 && !isNaN(m);
-        return P && m;
+        var m = parseFloat(v), b = v.indexOf("%") == -1 && !isNaN(m);
+        return b && m;
       }
       function e() {
       }
@@ -9734,8 +9736,8 @@ function requireGetSize() {
           outerWidth: 0,
           outerHeight: 0
         }, m = 0; m < l; m++) {
-          var P = r[m];
-          v[P] = 0;
+          var b = r[m];
+          v[b] = 0;
         }
         return v;
       }
@@ -9751,8 +9753,8 @@ function requireGetSize() {
           v.style.width = "200px", v.style.padding = "1px 2px 3px 4px", v.style.borderStyle = "solid", v.style.borderWidth = "1px 2px 3px 4px", v.style.boxSizing = "border-box";
           var m = document.body || document.documentElement;
           m.appendChild(v);
-          var P = d(v);
-          _ = Math.round(t(P.width)) == 200, y.isBoxSizeOuter = _, m.removeChild(v);
+          var b = d(v);
+          _ = Math.round(t(b.width)) == 200, y.isBoxSizeOuter = _, m.removeChild(v);
         }
       }
       function y(v) {
@@ -9760,18 +9762,18 @@ function requireGetSize() {
           var m = d(v);
           if (m.display == "none")
             return u();
-          var P = {};
-          P.width = v.offsetWidth, P.height = v.offsetHeight;
-          for (var b = P.isBorderBox = m.boxSizing == "border-box", p = 0; p < l; p++) {
+          var b = {};
+          b.width = v.offsetWidth, b.height = v.offsetHeight;
+          for (var P = b.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;
+            b[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 = b && _, N = t(m.width);
-          N !== !1 && (P.width = N + // add padding and border unless it's already including it
+          var S = b.paddingLeft + b.paddingRight, C = b.paddingTop + b.paddingBottom, x = b.marginLeft + b.marginRight, I = b.marginTop + b.marginBottom, R = b.borderLeftWidth + b.borderRightWidth, w = b.borderTopWidth + b.borderBottomWidth, A = P && _, N = t(m.width);
+          N !== !1 && (b.width = N + // add padding and border unless it's already including it
           (A ? 0 : S + R));
           var D = t(m.height);
-          return D !== !1 && (P.height = D + // add padding and border unless it's already including it
-          (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 D !== !1 && (b.height = D + // add padding and border unless it's already including it
+          (A ? 0 : C + w)), b.innerWidth = b.width - (S + R), b.innerHeight = b.height - (C + w), b.outerWidth = b.width + x, b.outerHeight = b.height + I, b;
         }
       }
       return y;
@@ -9878,17 +9880,17 @@ function requireUtils() {
       var l = t.console;
       return n.htmlInit = function(u, d) {
         n.docReady(function() {
-          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;
+          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", b = t.jQuery;
+          v.forEach(function(P) {
+            var p = P.getAttribute(_) || P.getAttribute(m), E;
             try {
               E = p && JSON.parse(p);
             } catch (O) {
-              l && l.error("Error parsing " + _ + " on " + b.className + ": " + O);
+              l && l.error("Error parsing " + _ + " on " + P.className + ": " + O);
               return;
             }
-            var T = new u(b, E);
-            P && P.data(b, d, T);
+            var T = new u(P, E);
+            b && b.data(P, d, T);
           });
         });
       }, n;
@@ -9907,8 +9909,8 @@ function requireItem() {
         i.getSize
       ));
     })(window, function(t, e) {
-      function n(b) {
-        for (var p in b)
+      function n(P) {
+        for (var p in P)
           return !1;
         return p = null, !0;
       }
@@ -9922,8 +9924,8 @@ function requireItem() {
         transitionProperty: l + "Property",
         transitionDelay: l + "Delay"
       };
-      function _(b, p) {
-        b && (this.element = b, this.layout = p, this.position = {
+      function _(P, p) {
+        P && (this.element = P, this.layout = p, this.position = {
           x: 0,
           y: 0
         }, this._create());
@@ -9937,39 +9939,39 @@ function requireItem() {
         }, this.css({
           position: "absolute"
         });
-      }, g.handleEvent = function(b) {
-        var p = "on" + b.type;
-        this[p] && this[p](b);
+      }, g.handleEvent = function(P) {
+        var p = "on" + P.type;
+        this[p] && this[p](P);
       }, g.getSize = function() {
         this.size = e(this.element);
-      }, g.css = function(b) {
+      }, g.css = function(P) {
         var p = this.element.style;
-        for (var E in b) {
+        for (var E in P) {
           var T = f[E] || E;
-          p[T] = b[E];
+          p[T] = P[E];
         }
       }, 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;
+        var P = getComputedStyle(this.element), p = this.layout._getOption("originLeft"), E = this.layout._getOption("originTop"), T = P[p ? "left" : "right"], O = P[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;
       }, 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];
+        var P = 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 + P[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 + b[I];
+        var I = T ? "paddingTop" : "paddingBottom", R = T ? "top" : "bottom", w = T ? "bottom" : "top", A = this.position.y + P[I];
         p[R] = this.getYValue(A), p[w] = "", this.css(p), this.emitEvent("layout", [this]);
-      }, g.getXValue = function(b) {
+      }, g.getXValue = function(P) {
         var p = this.layout._getOption("horizontal");
-        return this.layout.options.percentPosition && !p ? b / this.layout.size.width * 100 + "%" : b + "px";
-      }, g.getYValue = function(b) {
+        return this.layout.options.percentPosition && !p ? P / this.layout.size.width * 100 + "%" : P + "px";
+      }, g.getYValue = function(P) {
         var p = this.layout._getOption("horizontal");
-        return this.layout.options.percentPosition && p ? b / this.layout.size.height * 100 + "%" : b + "px";
-      }, g._transitionTo = function(b, p) {
+        return this.layout.options.percentPosition && p ? P / this.layout.size.height * 100 + "%" : P + "px";
+      }, g._transitionTo = function(P, p) {
         this.getPosition();
-        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) {
+        var E = this.position.x, T = this.position.y, O = P == this.position.x && p == this.position.y;
+        if (this.setPosition(P, p), O && !this.isTransitioning) {
           this.layoutPosition();
           return;
         }
-        var S = b - E, C = p - T, x = {};
+        var S = P - E, C = p - T, x = {};
         x.transform = this.getTranslate(S, C), this.transition({
           to: x,
           onTransitionEnd: {
@@ -9977,56 +9979,56 @@ function requireItem() {
           },
           isCleaning: !0
         });
-      }, g.getTranslate = function(b, p) {
+      }, g.getTranslate = function(P, p) {
         var E = this.layout._getOption("originLeft"), T = this.layout._getOption("originTop");
-        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) {
+        return P = E ? P : -P, p = T ? p : -p, "translate3d(" + P + "px, " + p + "px, 0)";
+      }, g.goTo = function(P, p) {
+        this.setPosition(P, p), this.layoutPosition();
+      }, g.moveTo = g._transitionTo, g.setPosition = function(P, p) {
+        this.position.x = parseFloat(P), this.position.y = parseFloat(p);
+      }, g._nonTransition = function(P) {
+        this.css(P.to), P.isCleaning && this._removeStyles(P.to);
+        for (var p in P.onTransitionEnd)
+          P.onTransitionEnd[p].call(this);
+      }, g.transition = function(P) {
         if (!parseFloat(this.layout.options.transitionDuration)) {
-          this._nonTransition(b);
+          this._nonTransition(P);
           return;
         }
         var p = this._transn;
-        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;
+        for (var E in P.onTransitionEnd)
+          p.onEnd[E] = P.onTransitionEnd[E];
+        for (E in P.to)
+          p.ingProperties[E] = !0, P.isCleaning && (p.clean[E] = !0);
+        P.from && (this.css(P.from), this.element.offsetHeight), this.enableTransition(P.to), this.css(P.to), this.isTransitioning = !0;
       };
-      function y(b) {
-        return b.replace(/([A-Z])/g, function(p) {
+      function y(P) {
+        return P.replace(/([A-Z])/g, function(p) {
           return "-" + p.toLowerCase();
         });
       }
       var v = "opacity," + y(u);
       g.enableTransition = function() {
         if (!this.isTransitioning) {
-          var b = this.layout.options.transitionDuration;
-          b = typeof b == "number" ? b + "ms" : b, this.css({
+          var P = this.layout.options.transitionDuration;
+          P = typeof P == "number" ? P + "ms" : P, this.css({
             transitionProperty: v,
-            transitionDuration: b,
+            transitionDuration: P,
             transitionDelay: this.staggerDelay || 0
           }), this.element.addEventListener(d, this, !1);
         }
-      }, g.onwebkitTransitionEnd = function(b) {
-        this.ontransitionend(b);
-      }, g.onotransitionend = function(b) {
-        this.ontransitionend(b);
+      }, g.onwebkitTransitionEnd = function(P) {
+        this.ontransitionend(P);
+      }, g.onotransitionend = function(P) {
+        this.ontransitionend(P);
       };
       var m = {
         "-webkit-transform": "transform"
       };
-      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) {
+      g.ontransitionend = function(P) {
+        if (P.target === this.element) {
+          var p = this._transn, E = m[P.propertyName] || P.propertyName;
+          if (delete p.ingProperties[E], n(p.ingProperties) && this.disableTransition(), E in p.clean && (this.element.style[P.propertyName] = "", delete p.clean[E]), E in p.onEnd) {
             var T = p.onEnd[E];
             T.call(this), delete p.onEnd[E];
           }
@@ -10034,21 +10036,21 @@ function requireItem() {
         }
       }, g.disableTransition = function() {
         this.removeTransitionStyles(), this.element.removeEventListener(d, this, !1), this.isTransitioning = !1;
-      }, g._removeStyles = function(b) {
+      }, g._removeStyles = function(P) {
         var p = {};
-        for (var E in b)
+        for (var E in P)
           p[E] = "";
         this.css(p);
       };
-      var P = {
+      var b = {
         transitionProperty: "",
         transitionDuration: "",
         transitionDelay: ""
       };
       return g.removeTransitionStyles = function() {
-        this.css(P);
-      }, g.stagger = function(b) {
-        b = isNaN(b) ? 0 : b, this.staggerDelay = b + "ms";
+        this.css(b);
+      }, g.stagger = function(P) {
+        P = isNaN(P) ? 0 : P, this.staggerDelay = P + "ms";
       }, g.removeElem = function() {
         this.element.parentNode.removeChild(this.element), this.css({ display: "" }), this.emitEvent("remove", [this]);
       }, g.remove = function() {
@@ -10061,27 +10063,27 @@ function requireItem() {
         }), this.hide();
       }, g.reveal = function() {
         delete this.isHidden, this.css({ display: "" });
-        var b = this.layout.options, p = {}, E = this.getHideRevealTransitionEndProperty("visibleStyle");
+        var P = this.layout.options, p = {}, E = this.getHideRevealTransitionEndProperty("visibleStyle");
         p[E] = this.onRevealTransitionEnd, this.transition({
-          from: b.hiddenStyle,
-          to: b.visibleStyle,
+          from: P.hiddenStyle,
+          to: P.visibleStyle,
           isCleaning: !0,
           onTransitionEnd: p
         });
       }, g.onRevealTransitionEnd = function() {
         this.isHidden || this.emitEvent("reveal");
-      }, g.getHideRevealTransitionEndProperty = function(b) {
-        var p = this.layout.options[b];
+      }, g.getHideRevealTransitionEndProperty = function(P) {
+        var p = this.layout.options[P];
         if (p.opacity)
           return "opacity";
         for (var E in p)
           return E;
       }, g.hide = function() {
         this.isHidden = !0, this.css({ display: "" });
-        var b = this.layout.options, p = {}, E = this.getHideRevealTransitionEndProperty("hiddenStyle");
+        var P = this.layout.options, p = {}, E = this.getHideRevealTransitionEndProperty("hiddenStyle");
         p[E] = this.onHideTransitionEnd, this.transition({
-          from: b.visibleStyle,
-          to: b.hiddenStyle,
+          from: P.visibleStyle,
+          to: P.hiddenStyle,
           // keep hidden stuff hidden
           isCleaning: !0,
           onTransitionEnd: p
@@ -10232,7 +10234,7 @@ function requireOutlayer() {
           this.stagger = 0;
           return;
         }
-        return this.stagger = b(p), this.stagger;
+        return this.stagger = P(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() {
@@ -10388,18 +10390,18 @@ function requireOutlayer() {
         }
         return E.prototype = Object.create(p.prototype), E.prototype.constructor = E, E;
       }
-      var P = {
+      var b = {
         ms: 1,
         s: 1e3
       };
-      function b(p) {
+      function P(p) {
         if (typeof p == "number")
           return p;
         var E = p.match(/(^\d*\.?\d*)(\w*)/), T = E && E[1], O = E && E[2];
         if (!T.length)
           return 0;
         T = parseFloat(T);
-        var S = P[O] || 1;
+        var S = b[O] || 1;
         return T * S;
       }
       return y.Item = l, y;
@@ -10451,8 +10453,8 @@ function requireMasonry() {
         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;
+        }, v = g.y + l.size.outerHeight, m = f + g.col, b = g.col; b < m; b++)
+          this.colYs[b] = v;
         return y;
       }, r._getTopColPosition = function(l) {
         var u = this._getTopColGroup(l), d = Math.min.apply(Math, u);
@@ -10484,8 +10486,8 @@ function requireMasonry() {
         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]);
+        for (var m = this._getOption("originTop"), b = (m ? d.top : d.bottom) + u.outerHeight, P = y; P <= v; P++)
+          this.colYs[P] = Math.max(b, this.colYs[P]);
       }, r._getContainerSize = function() {
         this.maxY = Math.max.apply(Math, this.colYs);
         var l = {
@@ -10528,8 +10530,8 @@ function requireImagesloaded() {
       function(t, e) {
         var n = t.jQuery, r = t.console;
         function l(v, m) {
-          for (var P in m)
-            v[P] = m[P];
+          for (var b in m)
+            v[b] = m[b];
           return v;
         }
         var u = Array.prototype.slice;
@@ -10539,15 +10541,15 @@ function requireImagesloaded() {
           var m = typeof v == "object" && typeof v.length == "number";
           return m ? u.call(v) : [v];
         }
-        function f(v, m, P) {
+        function f(v, m, b) {
           if (!(this instanceof f))
-            return new f(v, m, P);
-          var b = v;
-          if (typeof v == "string" && (b = document.querySelectorAll(v)), !b) {
-            r.error("Bad element for imagesLoaded " + (b || v));
+            return new f(v, m, b);
+          var P = v;
+          if (typeof v == "string" && (P = document.querySelectorAll(v)), !P) {
+            r.error("Bad element for imagesLoaded " + (P || v));
             return;
           }
-          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));
+          this.elements = d(P), this.options = l({}, this.options), typeof m == "function" ? b = m : l(this.options, m), b && this.on("always", b), 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);
@@ -10555,14 +10557,14 @@ function requireImagesloaded() {
           v.nodeName == "IMG" && this.addImage(v), this.options.background === !0 && this.addElementBackgroundImages(v);
           var m = v.nodeType;
           if (!(!m || !_[m])) {
-            for (var P = v.querySelectorAll("img"), b = 0; b < P.length; b++) {
-              var p = P[b];
+            for (var b = v.querySelectorAll("img"), P = 0; P < b.length; P++) {
+              var p = b[P];
               this.addImage(p);
             }
             if (typeof this.options.background == "string") {
               var E = v.querySelectorAll(this.options.background);
-              for (b = 0; b < E.length; b++) {
-                var T = E[b];
+              for (P = 0; P < E.length; P++) {
+                var T = E[P];
                 this.addElementBackgroundImages(T);
               }
             }
@@ -10576,32 +10578,32 @@ function requireImagesloaded() {
         f.prototype.addElementBackgroundImages = function(v) {
           var m = getComputedStyle(v);
           if (m)
-            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);
+            for (var b = /url\((['"])?(.*?)\1\)/gi, P = b.exec(m.backgroundImage); P !== null; ) {
+              var p = P && P[2];
+              p && this.addBackground(p, v), P = b.exec(m.backgroundImage);
             }
         }, f.prototype.addImage = function(v) {
           var m = new g(v);
           this.images.push(m);
         }, f.prototype.addBackground = function(v, m) {
-          var P = new y(v, m);
-          this.images.push(P);
+          var b = new y(v, m);
+          this.images.push(b);
         }, f.prototype.check = function() {
           var v = this;
           if (this.progressedCount = 0, this.hasAnyBroken = !1, !this.images.length) {
             this.complete();
             return;
           }
-          function m(P, b, p) {
+          function m(b, P, p) {
             setTimeout(function() {
-              v.progress(P, b, p);
+              v.progress(b, P, p);
             });
           }
-          this.images.forEach(function(P) {
-            P.once("progress", m), P.check();
+          this.images.forEach(function(b) {
+            b.once("progress", m), b.check();
           });
-        }, f.prototype.progress = function(v, m, P) {
-          this.progressedCount++, this.hasAnyBroken = this.hasAnyBroken || !v.isLoaded, this.emitEvent("progress", [this, v, m]), this.jqDeferred && this.jqDeferred.notify && this.jqDeferred.notify(this, v), this.progressedCount == this.images.length && this.complete(), this.options.debug && r && r.log("progress: " + P, v, m);
+        }, f.prototype.progress = function(v, m, b) {
+          this.progressedCount++, this.hasAnyBroken = this.hasAnyBroken || !v.isLoaded, this.emitEvent("progress", [this, v, m]), this.jqDeferred && this.jqDeferred.notify && this.jqDeferred.notify(this, v), this.progressedCount == this.images.length && this.complete(), this.options.debug && r && r.log("progress: " + b, v, m);
         }, f.prototype.complete = function() {
           var v = this.hasAnyBroken ? "fail" : "done";
           if (this.isComplete = !0, this.emitEvent(v, [this]), this.emitEvent("always", [this]), this.jqDeferred) {
@@ -10645,9 +10647,9 @@ function requireImagesloaded() {
         }, 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 b = new f(this, m, P);
-            return b.jqDeferred.promise(n(this));
+          v = v || t.jQuery, v && (n = v, n.fn.imagesLoaded = function(m, b) {
+            var P = new f(this, m, b);
+            return P.jqDeferred.promise(n(this));
           });
         }, f.makeJQueryPlugin(), f;
       }
@@ -10679,7 +10681,7 @@ const ImageLoaded = /* @__PURE__ */ getDefaultExportFromCjs(imagesloadedExports)
   }), i;
 }, VueMasonryPlugin = {};
 VueMasonryPlugin.install = function(s, i) {
-  const t = mitt(), e = "VueMasonry", n = s;
+  const t = _mitt(), e = "VueMasonry", n = s;
   n.directive("masonry", {
     props: ["transitionDuration", " itemSelector", "destroyDelay"],
     mounted: function(r, l) {
@@ -10695,10 +10697,10 @@ VueMasonryPlugin.install = function(s, i) {
         g();
       }, v = function(m) {
         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;
+        const b = _ && !Number.isNaN(_) ? _ : 0;
         setTimeout(function() {
           d.destroy();
-        }, P);
+        }, b);
       };
       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);
     },
@@ -10745,4 +10747,4 @@ export {
   StickyPlugin as a,
   ListingSkeleton as b
 };
-//# sourceMappingURL=masonry.plugin-By72FzQ9.js.map
+//# sourceMappingURL=masonry.plugin-DvmJbfT_.js.map