@konnectio/core 4.1.41 → 4.2.0

package/dist/{masonry.plugin-HXszJPJo.js → masonry.plugin-DlwFce-7.js}

@@ -1,8 +1,8 @@
 import { d as defineComponent, F as Fragment, U as Comment, V as Text, W as h, X as getCurrentInstance, Y as resolveComponent, r as ref, c as computed$1, D as watch, o as onMounted, h as createElementBlock, b as openBlock, a as createBlock, i as createCommentVNode, w as withCtx, v as renderList, e as createBaseVNode, j as withModifiers, f as createVNode, g as unref, n as normalizeClass, u as useI18n, s as storeToRefs, Z as inject, N as resolveDirective, A as createSlots, E as withDirectives, t as toDisplayString, $ as reactive, a0 as onUnmounted, K as normalizeStyle, q as renderSlot, Q as nextTick, G as vShow, x as createTextVNode, a1 as mergeModels, y as useSlots, a2 as useModel, T as Transition, z as isRef, _ as _mitt } from "./mitt-CgrYtI2g.js";
-import { I as Icon, _ as _export_sfc, b as useHotelStore, g as useEventStore, u as useAvailabilityStore, f as useUtilityStore, T as TextField, M as convertDescription, B as BookingLayout, q as capitalized, k as daysBetweenDates, o as showPrice, s as showDate, x as InputField, K as BookingHeaderLayout, P as emitter, w as getUserLanguage, y as useApplyGiftCardStore, e as Clickable, z as usePaymentStore } from "./SelectField.vue_vue_type_style_index_0_lang-4HfRyX18.js";
-import { B as Base$1, a as Checkbox, _ as _sfc_main$c } from "./CheckoutWindow-BrfOJGlQ.js";
-import { A as ActionField } from "./ActionField-DFgoL4uS.js";
-import { E as Element$1 } from "./Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-8GIwhaEb.js";
+import { I as Icon, _ as _export_sfc, b as useHotelStore, g as useEventStore, u as useAvailabilityStore, f as useUtilityStore, T as TextField, M as convertDescription, B as BookingLayout, q as capitalized, k as daysBetweenDates, o as showPrice, s as showDate, x as InputField, K as BookingHeaderLayout, P as emitter, w as getUserLanguage, y as useApplyGiftCardStore, e as Clickable, z as usePaymentStore } from "./SelectField.vue_vue_type_style_index_0_lang-BNBhMRxK.js";
+import { B as Base$1, a as Checkbox, _ as _sfc_main$c } from "./CheckoutWindow-DmfjZCEl.js";
+import { A as ActionField } from "./ActionField-Cei5VUkT.js";
+import { E as Element$1 } from "./Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-DyIhtXFf.js";
 import { g as getDefaultExportFromCjs } from "./_commonjsHelpers-DaMA6jEr.js";
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -1580,10 +1580,10 @@ var InputObserver = /* @__PURE__ */ function() {
           }, 100);
         }
       }
-      var O = this._getDistance([g.deltaX, g.deltaY], [P, v]), S = this._getOffset([g.offsetX, g.offsetY], [P, v]), I = S.some(function(x) {
+      var O = this._getDistance([g.deltaX, g.deltaY], [P, v]), S = this._getOffset([g.offsetX, g.offsetY], [P, v]), k = S.some(function(x) {
         return x !== 0;
       });
-      I && (g.srcEvent.cancelable !== !1 && g.srcEvent.preventDefault(), g.srcEvent.stopPropagation()), g.preventSystemEvent = I, I && (this._isOverThreshold || O >= _) && (this._dragged = l, this._isOverThreshold = !0, this._observer.change(this, g, toAxis(this.axes, S))), y.prevEvent = g;
+      k && (g.srcEvent.cancelable !== !1 && g.srcEvent.preventDefault(), g.srcEvent.stopPropagation()), g.preventSystemEvent = k, k && (this._isOverThreshold || O >= _) && (this._dragged = l, this._isOverThreshold = !0, this._observer.change(this, g, toAxis(this.axes, S))), y.prevEvent = g;
     }
   }, i._onPanend = function(t) {
     var e = this.options.inputButton, n = this._activeEvent;
@@ -2408,7 +2408,7 @@ var CODE = {
 }, getProgress = function(s, i, t) {
   return (s - i) / (t - i);
 }, getStyle = function(s) {
-  return window.getComputedStyle(s) || s.currentStyle;
+  return s ? window.getComputedStyle(s) || s.currentStyle : {};
 }, setSize = function(s, i) {
   var t = i.width, e = i.height;
   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"));
@@ -2547,19 +2547,46 @@ var CODE = {
 }(), AutoResizer = /* @__PURE__ */ function() {
   function s(t) {
     var e = this;
-    this._onResize = function() {
-      var n = e._flicking, r = n.resizeDebounce, l = n.maxResizeDebounce;
-      r <= 0 ? n.resize() : (e._maxResizeDebounceTimer <= 0 && l > 0 && l >= r && (e._maxResizeDebounceTimer = window.setTimeout(e._doScheduledResize, l)), e._resizeTimer > 0 && (clearTimeout(e._resizeTimer), e._resizeTimer = 0), e._resizeTimer = window.setTimeout(e._doScheduledResize, r));
+    this._onResizeWrapper = function() {
+      e._onResize([]);
+    }, this._onResize = function(n) {
+      var r = e._flicking, l = r.resizeDebounce, u = r.maxResizeDebounce, d = r.element, f = n.find(function(y) {
+        return y.target === r.element;
+      }) && n.length === 1;
+      if (f) {
+        var _ = {
+          width: r.viewport.width,
+          height: r.viewport.height
+        }, p = {
+          width: getElementSize({
+            el: d,
+            horizontal: !0,
+            useFractionalSize: e._flicking.useFractionalSize,
+            useOffset: !1,
+            style: getStyle(d)
+          }),
+          height: getElementSize({
+            el: d,
+            horizontal: !1,
+            useFractionalSize: e._flicking.useFractionalSize,
+            useOffset: !1,
+            style: getStyle(d)
+          })
+        };
+        if (_.height === p.height && _.width === p.width)
+          return;
+      }
+      l <= 0 ? r.resize() : (e._maxResizeDebounceTimer <= 0 && u > 0 && u >= l && (e._maxResizeDebounceTimer = window.setTimeout(e._doScheduledResize, u)), e._resizeTimer > 0 && (clearTimeout(e._resizeTimer), e._resizeTimer = 0), e._resizeTimer = window.setTimeout(e._doScheduledResize, l));
     }, this._doScheduledResize = function() {
       clearTimeout(e._resizeTimer), clearTimeout(e._maxResizeDebounceTimer), e._maxResizeDebounceTimer = -1, e._resizeTimer = -1, e._flicking.resize();
     }, this._skipFirstResize = /* @__PURE__ */ function() {
       var n = !0;
-      return function() {
+      return function(r) {
         if (n) {
           n = !1;
           return;
         }
-        e._onResize();
+        e._onResize(r);
       };
     }(), this._flicking = t, this._enabled = !1, this._resizeObserver = null, this._resizeTimer = -1, this._maxResizeDebounceTimer = -1;
   }
@@ -2574,14 +2601,30 @@ var CODE = {
     var t = this._flicking, e = t.viewport;
     if (this._enabled && this.disable(), t.useResizeObserver && window.ResizeObserver) {
       var n = e.width !== 0 || e.height !== 0, r = n ? new ResizeObserver(this._skipFirstResize) : new ResizeObserver(this._onResize);
-      r.observe(t.viewport.element), this._resizeObserver = r;
+      this._resizeObserver = r, this.observe(t.viewport.element), t.observePanelResize && this.observePanels();
     } else
-      window.addEventListener("resize", this._onResize);
+      window.addEventListener("resize", this._onResizeWrapper);
     return this._enabled = !0, this;
+  }, i.observePanels = function() {
+    var t = this;
+    return this._flicking.panels.forEach(function(e) {
+      t.observe(e.element);
+    }), this;
+  }, i.unobservePanels = function() {
+    var t = this;
+    return this._flicking.panels.forEach(function(e) {
+      t.unobserve(e.element);
+    }), this;
+  }, i.observe = function(t) {
+    var e = this._resizeObserver;
+    return e ? (e.observe(t), this) : this;
+  }, i.unobserve = function(t) {
+    var e = this._resizeObserver;
+    return e ? (e.unobserve(t), this._flicking.observePanelResize && this.unobservePanels(), this) : this;
   }, i.disable = function() {
     if (!this._enabled) return this;
     var t = this._resizeObserver;
-    return t ? (t.disconnect(), this._resizeObserver = null) : window.removeEventListener("resize", this._onResize), this._enabled = !1, this;
+    return t ? (t.disconnect(), this._resizeObserver = null) : window.removeEventListener("resize", this._onResizeWrapper), this._enabled = !1, this;
   }, s;
 }(), VanillaElementProvider = /* @__PURE__ */ function() {
   function s(t) {
@@ -3693,17 +3736,17 @@ var State = /* @__PURE__ */ function() {
     var l, u = getFlickingAttached(this._flicking), d = u.camera, f = (l = this._nextPanel) !== null && l !== void 0 ? l : this._activePanel, _ = this._controller.range, p = this._indexRange, y = d.range, g = 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 P = f.position, v = u.animating ? g.delta : e - d.position, E = Math.abs(v) >= u.threshold, T = e > P ? d.getNextAnchor(b) : d.getPrevAnchor(b), O, S, I = d.anchorPoints, x = I[0], C = I[I.length - 1], R = e <= y.min && isBetween(x.panel.index, p.min, p.max), D = e >= y.max && isBetween(C.panel.index, p.min, p.max), A = T && (p.min <= p.max ? isBetween(T.index, p.min, p.max) : T.index >= p.min || T.index <= p.max);
+    var P = f.position, v = u.animating ? g.delta : e - d.position, E = Math.abs(v) >= u.threshold, T = e > P ? d.getNextAnchor(b) : d.getPrevAnchor(b), O, S, k = d.anchorPoints, x = k[0], I = k[k.length - 1], R = e <= y.min && isBetween(x.panel.index, p.min, p.max), D = e >= y.max && isBetween(I.panel.index, p.min, p.max), w = T && (p.min <= p.max ? isBetween(T.index, p.min, p.max) : T.index >= p.min || T.index <= p.max);
     if (R || D) {
-      var N = e < y.min ? x : C;
+      var N = e < y.min ? x : I;
       S = N.panel, O = N.position;
     } else if (E && b.position !== f.position)
       S = b.panel, O = b.position;
-    else if (E && A)
+    else if (E && w)
       S = T.panel, O = T.position;
     else {
-      var w = d.findNearestAnchor(d.position);
-      return w ? this.moveToPanel(w.panel, {
+      var A = d.findNearestAnchor(d.position);
+      return A ? this.moveToPanel(A.panel, {
         duration: n,
         axesEvent: r
       }) : Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(e), CODE.POSITION_NOT_REACHABLE));
@@ -4557,7 +4600,11 @@ var State = /* @__PURE__ */ function() {
     return f;
   }, i.updateAfterPanelChange = function(t, e) {
     var n, r = getFlickingAttached(this._flicking), l = r.camera, u = r.control, d = this._panels, f = u.activePanel;
-    if (this._updateCameraAndControl(), this.render(), !r.animating)
+    if (this._updateCameraAndControl(), r.autoResize && r.useResizeObserver && (t.forEach(function(p) {
+      p.element && r.autoResizer.observe(p.element);
+    }), e.forEach(function(p) {
+      p.element && r.autoResizer.unobserve(p.element);
+    })), this.render(), !r.animating)
       if (!f || f.removed)
         if (d.length <= 0)
           l.lookAt(0);
@@ -5250,10 +5297,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, p = _ === void 0 ? !0 : _, y = r.circular, g = y === void 0 ? !1 : y, m = r.circularFallback, b = m === void 0 ? CIRCULAR_FALLBACK.LINEAR : m, P = r.bound, v = P === void 0 ? !1 : P, E = r.adaptive, T = E === void 0 ? !1 : E, O = r.panelsPerView, S = O === void 0 ? -1 : O, I = r.noPanelStyleOverride, x = I === void 0 ? !1 : I, C = r.resizeOnContentsReady, R = C === void 0 ? !1 : C, D = r.nested, A = D === void 0 ? !1 : D, N = r.needPanelThreshold, w = 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, ge = W === void 0 ? 1 : W, U = r.interruptable, pe = 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 = p, k._circular = g, k._circularFallback = b, k._bound = v, k._adaptive = T, k._panelsPerView = S, k._noPanelStyleOverride = x, k._resizeOnContentsReady = R, k._nested = A, k._virtual = ee, k._needPanelThreshold = w, k._preventEventsBeforeInit = B, k._deceleration = ue, k._duration = ce, k._easing = de, k._inputType = fe, k._moveType = he, k._threshold = ve, k._dragThreshold = ge, k._interruptable = pe, 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 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, p = _ === void 0 ? !0 : _, y = r.circular, g = y === void 0 ? !1 : y, m = r.circularFallback, b = m === void 0 ? CIRCULAR_FALLBACK.LINEAR : m, P = r.bound, v = P === void 0 ? !1 : P, E = r.adaptive, T = E === void 0 ? !1 : E, O = r.panelsPerView, S = O === void 0 ? -1 : O, k = r.noPanelStyleOverride, x = k === void 0 ? !1 : k, I = r.resizeOnContentsReady, R = I === void 0 ? !1 : I, D = r.nested, w = D === void 0 ? !1 : D, N = r.needPanelThreshold, A = N === void 0 ? 0 : N, L = r.preventEventsBeforeInit, B = L === void 0 ? !0 : L, V = r.deceleration, de = V === void 0 ? 75e-4 : V, M = r.duration, fe = M === void 0 ? 500 : M, z = r.easing, he = z === void 0 ? function(Le) {
+      return 1 - Math.pow(1 - Le, 3);
+    } : z, F = r.inputType, ve = F === void 0 ? ["mouse", "touch"] : F, j = r.moveType, ge = j === void 0 ? "snap" : j, H = r.threshold, pe = H === void 0 ? 40 : H, W = r.dragThreshold, _e = W === void 0 ? 1 : W, U = r.interruptable, me = U === void 0 ? !0 : U, G = r.bounce, Ee = G === void 0 ? "20%" : G, Y = r.iOSEdgeSwipeThreshold, ye = Y === void 0 ? 30 : Y, q = r.preventClickOnDrag, be = q === void 0 ? !0 : q, X = r.preventDefaultOnDrag, Pe = X === void 0 ? !1 : X, K = r.disableOnInit, Te = K === void 0 ? !1 : K, Z = r.changeOnHold, Oe = Z === void 0 ? !1 : Z, Q = r.renderOnlyVisible, Se = Q === void 0 ? !1 : Q, J = r.virtual, ee = J === void 0 ? null : J, te = r.autoInit, Ce = te === void 0 ? !0 : te, ne = r.autoResize, Ie = ne === void 0 ? !0 : ne, ie = r.useResizeObserver, ke = ie === void 0 ? !0 : ie, re = r.resizeDebounce, xe = re === void 0 ? 0 : re, ae = r.observePanelResize, Re = ae === void 0 ? !1 : ae, oe = r.maxResizeDebounce, Ne = oe === void 0 ? 100 : oe, se = r.useFractionalSize, we = se === void 0 ? !1 : se, le = r.externalRenderer, Ae = le === void 0 ? null : le, ue = r.renderExternal, De = ue === void 0 ? null : ue, ce = r.optimizeSizeUpdate, Be = ce === void 0 ? !1 : ce, C = s.call(this) || this;
+    return C._initialized = !1, C._plugins = [], C._isResizing = !1, C._align = u, C._defaultIndex = f, C._horizontal = p, C._circular = g, C._circularFallback = b, C._bound = v, C._adaptive = T, C._panelsPerView = S, C._noPanelStyleOverride = x, C._resizeOnContentsReady = R, C._nested = w, C._virtual = ee, C._needPanelThreshold = A, C._preventEventsBeforeInit = B, C._deceleration = de, C._duration = fe, C._easing = he, C._inputType = ve, C._moveType = ge, C._threshold = pe, C._dragThreshold = _e, C._interruptable = me, C._bounce = Ee, C._iOSEdgeSwipeThreshold = ye, C._preventClickOnDrag = be, C._preventDefaultOnDrag = Pe, C._disableOnInit = Te, C._changeOnHold = Oe, C._renderOnlyVisible = Se, C._autoInit = Ce, C._autoResize = Ie, C._useResizeObserver = ke, C._resizeDebounce = xe, C._maxResizeDebounce = Ne, C._observePanelResize = Re, C._useFractionalSize = we, C._externalRenderer = Ae, C._renderExternal = De, C._optimizeSizeUpdate = Be, C._viewport = new Viewport(C, getElement$1(e)), C._autoResizer = new AutoResizer(C), C._renderer = C._createRenderer(), C._camera = C._createCamera(), C._control = C._createControl(), C._virtualManager = new VirtualManager(C, ee), C._autoInit && C.init(), C;
   }
   var t = i.prototype;
   return Object.defineProperty(t, "control", {
@@ -5319,6 +5366,18 @@ var State = /* @__PURE__ */ function() {
     },
     enumerable: !1,
     configurable: !0
+  }), Object.defineProperty(t, "autoResizer", {
+    /**
+     * {@link AutoResizer} instance of the Flicking
+     * @ko 현재 Flicking에 활성화된 {@link AutoResizer} 인스턴스
+     * @internal
+     * @readonly
+     */
+    get: function() {
+      return this._autoResizer;
+    },
+    enumerable: !1,
+    configurable: !0
   }), Object.defineProperty(t, "initialized", {
     // Internal States
     /**
@@ -6110,7 +6169,7 @@ var State = /* @__PURE__ */ function() {
     },
     // OTHERS
     set: function(e) {
-      this._autoResize = e, e ? this._autoResizer.enable() : this._autoResizer.disable();
+      this._autoResize = e, this._initialized && (e ? this._autoResizer.enable() : this._autoResizer.disable());
     },
     enumerable: !1,
     configurable: !0
@@ -6126,7 +6185,24 @@ var State = /* @__PURE__ */ function() {
       return this._useResizeObserver;
     },
     set: function(e) {
-      this._useResizeObserver = e, this._autoResize && this._autoResizer.enable();
+      this._useResizeObserver = e, this._initialized && this._autoResize && this._autoResizer.enable();
+    },
+    enumerable: !1,
+    configurable: !0
+  }), Object.defineProperty(t, "observePanelResize", {
+    /**
+     * Whether to use {@link https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver ResizeObserver} to observe the size of the panel element
+     * This is only available when `useResizeObserver` is enabled.
+     * This option garantees that the resize event is triggered when the size of the panel element is changed.
+     * @ko 이 옵션을 활성화할 경우, {@link https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver ResizeObserver}를 사용하여 패널 엘리먼트의 크기를 추적합니다.
+     * 이 옵션은 `useResizeObserver` 옵션이 활성화된 경우에만 사용할 수 있습니다.
+     * 이 옵션은 패널 엘리먼트의 크기가 변경될 경우 resize 이벤트가 발생하도록 보장합니다.
+     */
+    get: function() {
+      return this._observePanelResize;
+    },
+    set: function(e) {
+      this._observePanelResize = e, this._initialized && this._autoResize && (e ? this._autoResizer.observePanels() : this._autoResizer.unobservePanels());
     },
     enumerable: !1,
     configurable: !0
@@ -6206,6 +6282,29 @@ var State = /* @__PURE__ */ function() {
     },
     enumerable: !1,
     configurable: !0
+  }), Object.defineProperty(t, "optimizeSizeUpdate", {
+    /**
+     * This option works only when autoResize is set to true.
+     * By default, autoResize listens to changes in both the viewport's width and height, updating all panel sizes accordingly.
+     * When optimizeSizeUpdate is enabled, the update behavior is optimized based on the flicking direction:
+     * If direction is "horizontal", only changes in width will trigger panel size updates.
+     * If direction is "vertical", only changes in height will do so.
+     * This option is useful when panel heights vary and unwanted flickering occurs due to frequent size recalculations during flicking. Enabling optimizeSizeUpdate prevents unnecessary updates and helps maintain visual stability.
+     * @ko optimizeSizeUpdate는 autoResize가 true일 때만 동작합니다.
+     * 기본적으로 autoResize는 뷰포트의 width와 height 변화를 모두 감지하여 패널들의 사이즈를 업데이트합니다.
+     * 이 옵션을 활성화하면 플리킹 방향에 따라 필요한 차원(horizontal → width, vertical → height)에 대해서만 사이즈를 업데이트합니다.
+     * 내부 패널의 높이가 서로 다를 때, 플리킹 중 과도한 리사이징으로 인한 깜빡임 현상을 줄이는 데 유용합니다.
+     * @type {boolean}
+     * @default false
+     */
+    get: function() {
+      return this._optimizeSizeUpdate;
+    },
+    set: function(e) {
+      this._optimizeSizeUpdate = e;
+    },
+    enumerable: !1,
+    configurable: !0
   }), t.init = function() {
     var e = this;
     if (this._initialized) return Promise.resolve();
@@ -6316,17 +6415,28 @@ var State = /* @__PURE__ */ function() {
       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, _ = u ? r.getProgressInPanel(u) : 0, this.trigger(new ComponentEvent$1(EVENTS.BEFORE_RESIZE, {
+            return this._isResizing ? [
+              2
+              /*return*/
+            ] : (this._isResizing = !0, 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
-            })), e.resize(), [4, n.forceRenderAllPanels()];
+            })), e.resize(), this._optimizeSizeUpdate ? this.horizontal && e.width !== d || !this.horizontal && e.height !== f ? [4, n.forceRenderAllPanels()] : [3, 2] : [3, 3]);
           case 1:
-            return m.sent(), this._initialized ? (n.updatePanelSize(), r.updateAlignPos(), r.updateRange(), r.updateAnchors(), r.updateAdaptiveHeight(), r.updatePanelOrder(), r.updateOffset(), [4, n.render()]) : [
+            m.sent(), m.label = 2;
+          case 2:
+            return [3, 5];
+          case 3:
+            return [4, n.forceRenderAllPanels()];
+          case 4:
+            m.sent(), m.label = 5;
+          case 5:
+            return this._initialized ? (n.updatePanelSize(), r.updateAlignPos(), r.updateRange(), r.updateAnchors(), r.updateAdaptiveHeight(), r.updatePanelOrder(), r.updateOffset(), [4, n.render()]) : [
               2
               /*return*/
             ];
-          case 2:
+          case 6:
             return m.sent(), this._initialized ? (l.animating || (l.updatePosition(_), l.updateInput()), p = e.width, y = e.height, g = p !== d || y !== f, this.trigger(new ComponentEvent$1(EVENTS.AFTER_RESIZE, {
               width: e.width,
               height: e.height,
@@ -6336,7 +6446,7 @@ var State = /* @__PURE__ */ function() {
               },
               sizeChanged: g,
               element: e.element
-            })), [
+            })), this._isResizing = !1, [
               2
               /*return*/
             ]) : [
@@ -6427,7 +6537,7 @@ var State = /* @__PURE__ */ function() {
       sizeChanged: f,
       element: e.element
     }));
-  }, i.VERSION = "4.12.0", i;
+  }, i.VERSION = "4.13.1", i;
 }(Component), withFlickingMethods = function(s, i) {
   [Component.prototype, Flicking$1.prototype].forEach(function(t) {
     Object.getOwnPropertyNames(t).filter(function(e) {
@@ -6639,9 +6749,9 @@ var State = /* @__PURE__ */ function() {
         if (e._moveByViewportSize)
           v.control.moveToPosition(E.position - E.size, v.duration).catch(e._onCatch);
         else if (v.circularEnabled) {
-          for (var I = v.currentPanel, x = 0; x < S; x++)
-            I = I.prev();
-          I.focus().catch(e._onCatch);
+          for (var k = v.currentPanel, x = 0; x < S; x++)
+            k = k.prev();
+          k.focus().catch(e._onCatch);
         } else v.index > O.panel.index ? v.moveTo(Math.max(v.index - S, O.panel.index)).catch(e._onCatch) : E.position > E.range.min && v.moveTo(v.index).catch(e._onCatch);
       }
     }, this._onNextClick = function() {
@@ -6651,9 +6761,9 @@ var State = /* @__PURE__ */ function() {
         if (e._moveByViewportSize)
           v.control.moveToPosition(E.position + E.size, v.duration).catch(e._onCatch);
         else if (v.circularEnabled) {
-          for (var I = v.currentPanel, x = 0; x < S; x++)
-            I = I.next();
-          I.focus().catch(e._onCatch);
+          for (var k = v.currentPanel, x = 0; x < S; x++)
+            k = k.next();
+          k.focus().catch(e._onCatch);
         } else v.index < O.panel.index ? v.moveTo(Math.min(v.index + S, O.panel.index)).catch(e._onCatch) : E.position > E.range.min && v.moveTo(v.index).catch(e._onCatch);
       }
     }, this._onAnimation = function() {
@@ -6930,21 +7040,21 @@ var Renderer = /* @__PURE__ */ function() {
       if (f) {
         var S = l[u];
         if (S) {
-          var I = this._createBulletFromString(d(g, u), u);
-          S.parentElement.replaceChild(I, S), l[u] = I;
+          var k = this._createBulletFromString(d(g, u), u);
+          S.parentElement.replaceChild(k, S), l[u] = k;
         }
         var x = l[y];
         if (x) {
-          var C = this._createBulletFromString(f(g, y), y);
-          x.parentElement.replaceChild(C, x), l[y] = C;
+          var I = this._createBulletFromString(f(g, y), y);
+          x.parentElement.replaceChild(I, x), l[y] = I;
         }
       }
       l.forEach(function(R, D) {
-        for (var A = D - y, N = R.className.split(" "), w = 0, L = N; w < L.length; w++) {
-          var B = L[w];
+        for (var w = D - y, N = R.className.split(" "), A = 0, L = N; A < L.length; A++) {
+          var B = L[A];
           (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, v(Math.abs(A)));
+        w === 0 ? addClass(R, m) : w > 0 ? addClass(R, E(Math.abs(w))) : addClass(R, v(Math.abs(w)));
       }), n.scrollOnChange(y, {
         total: l.length,
         prevIndex: u,
@@ -6957,22 +7067,22 @@ 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, p = n.classPrefix, y = p === void 0 ? PAGINATION.PREFIX : p, g = n.bulletCount, m = g === void 0 ? 5 : g, b = n.renderBullet, P = b === void 0 ? function(A) {
-      return '<span class="' + A + '"></span>';
-    } : b, v = n.renderActiveBullet, E = v === void 0 ? null : v, T = n.renderFraction, O = T === void 0 ? function(A, N) {
-      return '<span class="' + A + '"></span>/<span class="' + N + '"></span>';
-    } : T, S = n.fractionCurrentFormat, I = S === void 0 ? function(A) {
-      return A.toString();
-    } : S, x = n.fractionTotalFormat, C = x === void 0 ? function(A) {
-      return A.toString();
-    } : x, R = n.scrollOnChange, D = R === void 0 ? function(A, N) {
-      return N.moveTo(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, p = n.classPrefix, y = p === void 0 ? PAGINATION.PREFIX : p, g = n.bulletCount, m = g === void 0 ? 5 : g, b = n.renderBullet, P = b === void 0 ? function(w) {
+      return '<span class="' + w + '"></span>';
+    } : b, v = n.renderActiveBullet, E = v === void 0 ? null : v, T = n.renderFraction, O = T === void 0 ? function(w, N) {
+      return '<span class="' + w + '"></span>/<span class="' + N + '"></span>';
+    } : T, S = n.fractionCurrentFormat, k = S === void 0 ? function(w) {
+      return w.toString();
+    } : S, x = n.fractionTotalFormat, I = x === void 0 ? function(w) {
+      return w.toString();
+    } : x, R = n.scrollOnChange, D = R === void 0 ? function(w, N) {
+      return N.moveTo(w);
     } : R;
     this._flicking = null, this.update = 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 = P, this._renderActiveBullet = E, this._renderFraction = O, this._fractionCurrentFormat = I, this._fractionTotalFormat = C, this._scrollOnChange = D;
+    }, this._onIndexChange = function(w) {
+      e._renderer.update(w.index);
+    }, 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 = k, this._fractionTotalFormat = I, this._scrollOnChange = D;
   }
   var i = s.prototype;
   return Object.defineProperty(i, "parentEl", {
@@ -7822,7 +7932,7 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
                 withDirectives(createBaseVNode("div", _hoisted_6$5, null, 512), [
                   [T]
                 ]),
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(v.facilities, ({ name: S, subFacilities: I }, x) => withDirectives((openBlock(), createElementBlock("li", {
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(v.facilities, ({ name: S, subFacilities: k }, x) => withDirectives((openBlock(), createElementBlock("li", {
                   key: x,
                   class: "konnectio-masonry-facility"
                 }, [
@@ -7830,8 +7940,8 @@ const _hoisted_1$c = { class: "konnectio-gallery-arrow-container" }, _hoisted_2$
                     createBaseVNode("span", null, toDisplayString(S), 1)
                   ]),
                   createBaseVNode("ul", null, [
-                    (openBlock(!0), createElementBlock(Fragment, null, renderList(I, ({ name: C }, R) => (openBlock(), createElementBlock("li", { key: R }, [
-                      createBaseVNode("span", null, toDisplayString(C), 1)
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(k, ({ name: I }, R) => (openBlock(), createElementBlock("li", { key: R }, [
+                      createBaseVNode("span", null, toDisplayString(I), 1)
                     ]))), 128))
                   ])
                 ])), [
@@ -8024,7 +8134,7 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$7 = {
     }), _ = () => {
       u.value && (u.value.innerHTML = convertDescription(x.value));
     }, p = () => {
-      d.localExpanded || (_(), (m() || I.value) && P());
+      d.localExpanded || (_(), (m() || k.value) && P());
     }, y = () => {
       e.text && (d.offset = e.text.length, g(), e.autoResize && r.value && (addListener(r.value, p), d.unregisterResizeCallback = () => {
         r.value && removeListener(r.value, p);
@@ -8032,18 +8142,18 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$7 = {
     }, g = () => {
       d.unregisterResizeCallback?.();
     }, 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: w, bottom: L }) => {
-        const B = `${w}/${L}`;
+      Array.prototype.slice.call(l.value.getClientRects()).reduce((N, { top: A, bottom: L }) => {
+        const B = `${A}/${L}`;
         return N[B] || (N[B] = !0), N;
       }, {})
     ).length : 0, P = (...N) => {
-      const [w = 0, L = d.offset] = N;
-      if (L - w <= 3) {
+      const [A = 0, L = d.offset] = N;
+      if (L - A <= 3) {
         E();
         return;
       }
-      const B = Math.floor((L + w) / 2);
-      v(B), m() ? P(w, B) : P(B, L);
+      const B = Math.floor((L + A) / 2);
+      v(B), m() ? P(A, B) : P(B, L);
     }, v = (N) => {
       d.offset = N, _();
     }, E = () => {
@@ -8056,9 +8166,9 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$7 = {
         S(-1);
     }, S = (N) => {
       v(d.offset + N);
-    }, I = computed$1(() => e.text ? d.offset !== e.text.length : !1);
+    }, k = computed$1(() => e.text ? d.offset !== e.text.length : !1);
     watch(
-      () => I.value,
+      () => k.value,
       (N) => {
         setTimeout(() => {
           n("clamp-change", N);
@@ -8066,7 +8176,7 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$7 = {
       },
       { immediate: !0 }
     );
-    const x = computed$1(() => I.value ? C.value : e.text), C = computed$1(() => {
+    const x = computed$1(() => k.value ? I.value : e.text), I = computed$1(() => {
       if (e.location === "start")
         return e.ellipsis + (e.text.slice(-d.offset) || "").trim();
       if (e.location === "middle") {
@@ -8078,7 +8188,7 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$7 = {
       d.localExpanded = !0;
     }, D = () => {
       d.localExpanded = !1;
-    }, A = () => {
+    }, w = () => {
       d.localExpanded = !d.localExpanded;
     };
     return watch(
@@ -8092,7 +8202,7 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$7 = {
         N ? v(e.text.length) : p(), e.expanded !== N && n("update:expanded", N);
       }
     ), watch(
-      () => [e.maxLines, e.maxHeight, e.ellipsis, e.location, I.value].join(),
+      () => [e.maxLines, e.maxHeight, e.ellipsis, e.location, k.value].join(),
       () => {
         nextTick(() => {
           p();
@@ -8109,7 +8219,7 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$7 = {
       g();
     }), onMounted(() => {
       y();
-    }), (N, w) => (openBlock(), createElementBlock("div", {
+    }), (N, A) => (openBlock(), createElementBlock("div", {
       ref_key: "textClampRef",
       ref: r,
       class: "text-clamp",
@@ -8125,8 +8235,8 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$7 = {
         renderSlot(N.$slots, "before", {
           expand: R,
           collapse: D,
-          toggle: A,
-          clamped: I.value,
+          toggle: w,
+          clamped: k.value,
           expanded: d.localExpanded
         }),
         createBaseVNode("span", {
@@ -8137,14 +8247,14 @@ const _hoisted_1$a = ["aria-label"], _hoisted_2$7 = { key: 0 }, _hoisted_3$7 = {
         renderSlot(N.$slots, "after", {
           expand: R,
           collapse: D,
-          toggle: A,
-          clamped: I.value,
+          toggle: w,
+          clamped: k.value,
           expanded: d.localExpanded
         }, () => [
-          I.value || d.localExpanded ? (openBlock(), createElementBlock("button", {
+          k.value || d.localExpanded ? (openBlock(), createElementBlock("button", {
             key: 0,
             class: "link",
-            onClick: w[0] || (w[0] = withModifiers((L) => A(), ["prevent"]))
+            onClick: A[0] || (A[0] = withModifiers((L) => w(), ["prevent"]))
           }, [
             d.localExpanded ? (openBlock(), createElementBlock("span", _hoisted_3$7, toDisplayString(unref(t)("general.readLess")), 1)) : (openBlock(), createElementBlock("span", _hoisted_2$7, toDisplayString(unref(t)("general.readMore")), 1))
           ])) : createCommentVNode("", !0)
@@ -9013,24 +9123,24 @@ const _hoisted_1$3 = {
       amount: f,
       voucher: _,
       isLoading: p
-    } = storeToRefs(useApplyGiftCardStore()), { apply: y, reset: g } = useApplyGiftCardStore(), m = useSlots(), b = useModel(s, "discountCode"), P = s, v = 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), I = computed$1(() => !t.value && !e.value), x = (C) => {
-      E.value = C;
+    } = storeToRefs(useApplyGiftCardStore()), { apply: y, reset: g } = useApplyGiftCardStore(), m = useSlots(), b = useModel(s, "discountCode"), P = s, v = 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), k = computed$1(() => !t.value && !e.value), x = (I) => {
+      E.value = I;
     };
     return onMounted(() => {
       e.value && x("gift-card");
-    }), (C, R) => {
+    }), (I, R) => {
       const D = resolveDirective("sticky");
       return openBlock(), createElementBlock("div", _hoisted_1$3, [
         createBaseVNode("div", {
           id: "konnectio-reservation-layout-content",
           class: normalizeClass([
             { "hide-aside-on-mobile": !unref(m).sidebar },
-            { "show-additional": C.notice || C.showGiftCard && S.value }
+            { "show-additional": I.notice || I.showGiftCard && S.value }
           ])
         }, [
           createBaseVNode("div", _hoisted_2$2, [
             createBaseVNode("form", null, [
-              renderSlot(C.$slots, "form")
+              renderSlot(I.$slots, "form")
             ])
           ]),
           createBaseVNode("aside", {
@@ -9048,15 +9158,15 @@ const _hoisted_1$3 = {
               default: withCtx(() => [
                 unref(m).sidebar ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
                   createBaseVNode("div", _hoisted_4$2, [
-                    renderSlot(C.$slots, "sidebar")
+                    renderSlot(I.$slots, "sidebar")
                   ]),
-                  C.notice ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+                  I.notice ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
                     createBaseVNode("p", {
-                      innerHTML: C.notice,
+                      innerHTML: I.notice,
                       class: "konnectio-wysiwyg"
                     }, null, 8, _hoisted_6$2)
                   ])) : createCommentVNode("", !0)
-                ])) : C.isSidebarLoading ? (openBlock(), createBlock(Sidebar, { key: 2 })) : (openBlock(), createElementBlock("div", _hoisted_7$2, [
+                ])) : I.isSidebarLoading ? (openBlock(), createBlock(Sidebar, { key: 2 })) : (openBlock(), createElementBlock("div", _hoisted_7$2, [
                   createBaseVNode("div", _hoisted_8$2, [
                     createBaseVNode("ul", _hoisted_9$1, [
                       unref(m)["reservation-summary"] ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
@@ -9064,7 +9174,7 @@ const _hoisted_1$3 = {
                           createBaseVNode("span", null, toDisplayString(unref(i)("general.reservationSummary")), 1)
                         ]),
                         createBaseVNode("ul", null, [
-                          renderSlot(C.$slots, "reservation-summary")
+                          renderSlot(I.$slots, "reservation-summary")
                         ])
                       ])) : createCommentVNode("", !0),
                       createBaseVNode("div", _hoisted_11$1, [
@@ -9072,26 +9182,26 @@ const _hoisted_1$3 = {
                           createBaseVNode("span", null, toDisplayString(unref(i)("general.priceSummary")), 1)
                         ]),
                         createBaseVNode("ul", null, [
-                          renderSlot(C.$slots, "price-summary"),
+                          renderSlot(I.$slots, "price-summary"),
                           v.value > 0 ? (openBlock(), createElementBlock("li", _hoisted_12$1, [
                             createBaseVNode("span", null, toDisplayString(unref(i)("booking.availability.basePrice")), 1),
                             createBaseVNode("b", null, toDisplayString(unref(showPrice)(v.value, unref(r))), 1)
                           ])) : createCommentVNode("", !0),
-                          C.weekendFee > 0 ? (openBlock(), createElementBlock("li", _hoisted_13$1, [
+                          I.weekendFee > 0 ? (openBlock(), createElementBlock("li", _hoisted_13$1, [
                             createBaseVNode("span", null, toDisplayString(unref(i)("general.weekendFee")), 1),
-                            createBaseVNode("b", null, toDisplayString(unref(showPrice)(C.weekendFee, unref(r))), 1)
+                            createBaseVNode("b", null, toDisplayString(unref(showPrice)(I.weekendFee, unref(r))), 1)
                           ])) : createCommentVNode("", !0),
-                          C.roomUpgrade > 0 ? (openBlock(), createElementBlock("li", _hoisted_14$1, [
+                          I.roomUpgrade > 0 ? (openBlock(), createElementBlock("li", _hoisted_14$1, [
                             createBaseVNode("span", null, toDisplayString(unref(i)("general.roomUpgrade")), 1),
-                            createBaseVNode("b", null, toDisplayString(unref(showPrice)(C.roomUpgrade, unref(r))), 1)
+                            createBaseVNode("b", null, toDisplayString(unref(showPrice)(I.roomUpgrade, unref(r))), 1)
                           ])) : createCommentVNode("", !0),
-                          renderSlot(C.$slots, "expenses"),
+                          renderSlot(I.$slots, "expenses"),
                           unref(f) !== 0 ? (openBlock(), createElementBlock("li", _hoisted_15$1, [
                             createBaseVNode("span", null, [
                               createBaseVNode("span", null, toDisplayString(unref(i)("booking.reservation.giftCardDiscount")), 1),
                               createBaseVNode("a", {
                                 class: "resume-item-remove",
-                                onClick: R[0] || (R[0] = withModifiers((A) => unref(g)(), ["prevent"]))
+                                onClick: R[0] || (R[0] = withModifiers((w) => unref(g)(), ["prevent"]))
                               }, [
                                 createVNode(Icon, {
                                   icon: "times",
@@ -9107,30 +9217,30 @@ const _hoisted_1$3 = {
                           createBaseVNode("li", null, [
                             createBaseVNode("span", null, toDisplayString(unref(i)("booking.reservation.totalPrice")), 1),
                             createBaseVNode("b", null, [
-                              createBaseVNode("u", null, toDisplayString(unref(showPrice)(C.totalPrice, unref(r))), 1)
+                              createBaseVNode("u", null, toDisplayString(unref(showPrice)(I.totalPrice, unref(r))), 1)
                             ])
                           ])
                         ])
                       ]),
-                      unref(m).actions && C.showTermsNotice ? renderSlot(C.$slots, "actions", { key: 1 }) : createCommentVNode("", !0),
-                      renderSlot(C.$slots, "navigation"),
-                      C.prevCallback !== void 0 ? (openBlock(), createBlock(Clickable, {
+                      unref(m).actions && I.showTermsNotice ? renderSlot(I.$slots, "actions", { key: 1 }) : createCommentVNode("", !0),
+                      renderSlot(I.$slots, "navigation"),
+                      I.prevCallback !== void 0 ? (openBlock(), createBlock(Clickable, {
                         key: 2,
                         class: "konnectio-abort-reservation",
                         label: unref(i)("general.goAStepBack"),
                         secondary: "",
-                        onClickEvent: C.prevCallback
+                        onClickEvent: I.prevCallback
                       }, null, 8, ["label", "onClickEvent"])) : createCommentVNode("", !0)
                     ])
                   ]),
-                  C.showGiftCard && S.value ? (openBlock(), createElementBlock("div", _hoisted_16$1, [
+                  I.showGiftCard && S.value ? (openBlock(), createElementBlock("div", _hoisted_16$1, [
                     createBaseVNode("div", _hoisted_17$1, [
-                      I.value ? (openBlock(), createElementBlock("nav", _hoisted_18$1, [
+                      k.value ? (openBlock(), createElementBlock("nav", _hoisted_18$1, [
                         createBaseVNode("ul", null, [
                           createBaseVNode("li", null, [
                             createBaseVNode("button", {
                               class: normalizeClass({ active: T.value }),
-                              onClick: R[1] || (R[1] = withModifiers((A) => x("discount"), ["prevent"]))
+                              onClick: R[1] || (R[1] = withModifiers((w) => x("discount"), ["prevent"]))
                             }, [
                               createBaseVNode("span", null, toDisplayString(unref(i)("general.discountCode")), 1)
                             ], 2)
@@ -9138,7 +9248,7 @@ const _hoisted_1$3 = {
                           createBaseVNode("li", null, [
                             createBaseVNode("button", {
                               class: normalizeClass({ active: O.value }),
-                              onClick: R[2] || (R[2] = withModifiers((A) => x("gift-card"), ["prevent"]))
+                              onClick: R[2] || (R[2] = withModifiers((w) => x("gift-card"), ["prevent"]))
                             }, [
                               createBaseVNode("span", null, toDisplayString(unref(i)("booking.reservation.giftCardCode")), 1)
                             ], 2)
@@ -9157,25 +9267,25 @@ const _hoisted_1$3 = {
                             T.value ? (openBlock(), createBlock(ActionField, {
                               key: 0,
                               modelValue: b.value,
-                              "onUpdate:modelValue": R[3] || (R[3] = (A) => b.value = A),
+                              "onUpdate:modelValue": R[3] || (R[3] = (w) => b.value = w),
                               icon: "tags",
                               "button-icon": "paper-plane-top",
                               placeholder: unref(i)("general.discountCodePlaceholder"),
                               action: "success",
                               secondary: !0,
                               "is-loading": unref(d).isValidatingDiscountCode,
-                              onAction: R[4] || (R[4] = (A) => C.validateDiscountCode())
+                              onAction: R[4] || (R[4] = (w) => I.validateDiscountCode())
                             }, null, 8, ["modelValue", "placeholder", "is-loading"])) : O.value ? (openBlock(), createBlock(ActionField, {
                               key: 1,
                               modelValue: unref(_),
-                              "onUpdate:modelValue": R[5] || (R[5] = (A) => isRef(_) ? _.value = A : null),
+                              "onUpdate:modelValue": R[5] || (R[5] = (w) => isRef(_) ? _.value = w : null),
                               icon: "gift-card",
                               "button-icon": "paper-plane-top",
                               placeholder: "XXXXXXXX",
                               action: "success",
                               secondary: !0,
                               "is-loading": unref(p),
-                              onAction: R[6] || (R[6] = (A) => unref(y)())
+                              onAction: R[6] || (R[6] = (w) => unref(y)())
                             }, null, 8, ["modelValue", "is-loading"])) : createCommentVNode("", !0)
                           ]),
                           _: 1
@@ -9183,9 +9293,9 @@ const _hoisted_1$3 = {
                       ])
                     ])
                   ])) : createCommentVNode("", !0),
-                  C.notice && C.notice === "<br>" ? (openBlock(), createElementBlock("div", _hoisted_23, [
+                  I.notice && I.notice === "<br>" ? (openBlock(), createElementBlock("div", _hoisted_23, [
                     createBaseVNode("p", {
-                      innerHTML: C.notice,
+                      innerHTML: I.notice,
                       class: "konnectio-wysiwyg"
                     }, null, 8, _hoisted_24)
                   ])) : createCommentVNode("", !0)
@@ -9206,25 +9316,25 @@ const _hoisted_1$3 = {
                       createBaseVNode("h3", {
                         title: unref(i)("booking.reservation.totalPrice")
                       }, [
-                        createBaseVNode("u", null, toDisplayString(unref(showPrice)(C.totalPrice, unref(r))), 1)
+                        createBaseVNode("u", null, toDisplayString(unref(showPrice)(I.totalPrice, unref(r))), 1)
                       ], 8, _hoisted_31),
                       createBaseVNode("div", _hoisted_32, [
-                        renderSlot(C.$slots, "mobile-under-price")
+                        renderSlot(I.$slots, "mobile-under-price")
                       ])
                     ]),
                     unref(m)["mobile-summary"] ? (openBlock(), createElementBlock("div", _hoisted_33, [
-                      renderSlot(C.$slots, "mobile-summary")
+                      renderSlot(I.$slots, "mobile-summary")
                     ])) : createCommentVNode("", !0),
                     unref(m).navigation ? (openBlock(), createElementBlock("div", _hoisted_34, [
-                      renderSlot(C.$slots, "navigation"),
-                      C.prevCallback !== void 0 ? (openBlock(), createBlock(Clickable, {
+                      renderSlot(I.$slots, "navigation"),
+                      I.prevCallback !== void 0 ? (openBlock(), createBlock(Clickable, {
                         key: 0,
                         class: "konnectio-abort-reservation",
                         label: unref(i)("general.goAStepBack"),
                         secondary: "",
-                        onClickEvent: C.prevCallback
+                        onClickEvent: I.prevCallback
                       }, null, 8, ["label", "onClickEvent"])) : createCommentVNode("", !0),
-                      unref(m).actions && C.showTermsNotice ? renderSlot(C.$slots, "actions", { key: 1 }) : createCommentVNode("", !0)
+                      unref(m).actions && I.showTermsNotice ? renderSlot(I.$slots, "actions", { key: 1 }) : createCommentVNode("", !0)
                     ])) : createCommentVNode("", !0)
                   ])
                 ])
@@ -9750,12 +9860,12 @@ function requireGetSize() {
             var E = r[v], T = m[E], O = parseFloat(T);
             b[E] = isNaN(O) ? 0 : O;
           }
-          var S = b.paddingLeft + b.paddingRight, I = b.paddingTop + b.paddingBottom, x = b.marginLeft + b.marginRight, C = b.marginTop + b.marginBottom, R = b.borderLeftWidth + b.borderRightWidth, D = b.borderTopWidth + b.borderBottomWidth, A = P && _, N = t(m.width);
+          var S = b.paddingLeft + b.paddingRight, k = b.paddingTop + b.paddingBottom, x = b.marginLeft + b.marginRight, I = b.marginTop + b.marginBottom, R = b.borderLeftWidth + b.borderRightWidth, D = b.borderTopWidth + b.borderBottomWidth, w = 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 w = t(m.height);
-          return w !== !1 && (b.height = w + // add padding and border unless it's already including it
-          (A ? 0 : I + D)), b.innerWidth = b.width - (S + R), b.innerHeight = b.height - (I + D), b.outerWidth = b.width + x, b.outerHeight = b.height + C, b;
+          (w ? 0 : S + R));
+          var A = t(m.height);
+          return A !== !1 && (b.height = A + // add padding and border unless it's already including it
+          (w ? 0 : k + D)), b.innerWidth = b.width - (S + R), b.innerHeight = b.height - (k + D), b.outerWidth = b.width + x, b.outerHeight = b.height + I, b;
         }
       }
       return y;
@@ -9933,13 +10043,13 @@ function requireItem() {
           v[T] = P[E];
         }
       }, p.getPosition = function() {
-        var P = getComputedStyle(this.element), v = this.layout._getOption("originLeft"), E = this.layout._getOption("originTop"), T = P[v ? "left" : "right"], O = P[E ? "top" : "bottom"], S = parseFloat(T), I = parseFloat(O), x = this.layout.size;
-        T.indexOf("%") != -1 && (S = S / 100 * x.width), O.indexOf("%") != -1 && (I = I / 100 * x.height), S = isNaN(S) ? 0 : S, I = isNaN(I) ? 0 : I, S -= v ? x.paddingLeft : x.paddingRight, I -= E ? x.paddingTop : x.paddingBottom, this.position.x = S, this.position.y = I;
+        var P = getComputedStyle(this.element), v = this.layout._getOption("originLeft"), E = this.layout._getOption("originTop"), T = P[v ? "left" : "right"], O = P[E ? "top" : "bottom"], S = parseFloat(T), k = parseFloat(O), x = this.layout.size;
+        T.indexOf("%") != -1 && (S = S / 100 * x.width), O.indexOf("%") != -1 && (k = k / 100 * x.height), S = isNaN(S) ? 0 : S, k = isNaN(k) ? 0 : k, S -= v ? x.paddingLeft : x.paddingRight, k -= E ? x.paddingTop : x.paddingBottom, this.position.x = S, this.position.y = k;
       }, p.layoutPosition = function() {
-        var P = this.layout.size, v = {}, E = this.layout._getOption("originLeft"), T = this.layout._getOption("originTop"), O = E ? "paddingLeft" : "paddingRight", S = E ? "left" : "right", I = E ? "right" : "left", x = this.position.x + P[O];
-        v[S] = this.getXValue(x), v[I] = "";
-        var C = T ? "paddingTop" : "paddingBottom", R = T ? "top" : "bottom", D = T ? "bottom" : "top", A = this.position.y + P[C];
-        v[R] = this.getYValue(A), v[D] = "", this.css(v), this.emitEvent("layout", [this]);
+        var P = this.layout.size, v = {}, E = this.layout._getOption("originLeft"), T = this.layout._getOption("originTop"), O = E ? "paddingLeft" : "paddingRight", S = E ? "left" : "right", k = E ? "right" : "left", x = this.position.x + P[O];
+        v[S] = this.getXValue(x), v[k] = "";
+        var I = T ? "paddingTop" : "paddingBottom", R = T ? "top" : "bottom", D = T ? "bottom" : "top", w = this.position.y + P[I];
+        v[R] = this.getYValue(w), v[D] = "", this.css(v), this.emitEvent("layout", [this]);
       }, p.getXValue = function(P) {
         var v = this.layout._getOption("horizontal");
         return this.layout.options.percentPosition && !v ? P / this.layout.size.width * 100 + "%" : P + "px";
@@ -9953,8 +10063,8 @@ function requireItem() {
           this.layoutPosition();
           return;
         }
-        var S = P - E, I = v - T, x = {};
-        x.transform = this.getTranslate(S, I), this.transition({
+        var S = P - E, k = v - T, x = {};
+        x.transform = this.getTranslate(S, k), this.transition({
           to: x,
           onTransitionEnd: {
             transform: this.layoutPosition
@@ -10166,7 +10276,7 @@ function requireOutlayer() {
         this.items = this._itemize(this.element.children);
       }, g._itemize = function(v) {
         for (var E = this._filterFindItemElements(v), T = this.constructor.Item, O = [], S = 0; S < E.length; S++) {
-          var I = E[S], x = new T(I, this);
+          var k = E[S], x = new T(k, this);
           O.push(x);
         }
         return O;
@@ -10242,12 +10352,12 @@ function requireOutlayer() {
           O();
           return;
         }
-        var I = 0;
+        var k = 0;
         function x() {
-          I++, I == S && O();
+          k++, k == S && O();
         }
-        E.forEach(function(C) {
-          C.once(v, x);
+        E.forEach(function(I) {
+          I.once(v, x);
         });
       }, g.dispatchEvent = function(v, E, T) {
         var O = E ? [E].concat(T) : T;
@@ -10729,4 +10839,4 @@ export {
   StickyPlugin as a,
   ListingSkeleton as b
 };
-//# sourceMappingURL=masonry.plugin-HXszJPJo.js.map
+//# sourceMappingURL=masonry.plugin-DlwFce-7.js.map