@revolugo/elements 5.5.2 → 5.5.3-beta.0

package/dist/revolugo.hotelroomofferlist.BltT6U-0.min.js

@@ -0,0 +1,1336 @@
+import { B as v, M as w, S as C } from "./revolugo.booking-api-client.Du5goV4n.min.js";
+import { d as y, a as Q } from "./revolugo.store.DPvvq0Rz.min.js";
+import { h as Y, H as J } from "./revolugo.hotelroomofferrequestcreator.CbISsNdn.min.js";
+import { V as u, N as X, d as R, J as I, v as Z, s as tt } from "./revolugo.i18n.DF3U6VhD.min.js";
+import { k as O, h as d, E as et } from "./revolugo.revolugo-config.Bs_HF2Eu.min.js";
+import { C as ot } from "./revolugo.cancellationpoliciesbadge.BTwUNf7h.min.js";
+import { a as E, B as st } from "./revolugo.bpricesummaryskeleton.BAzD7raP.min.js";
+import { b as H } from "./revolugo.breakpoint-service.CwWRBzMQ.min.js";
+import { m as k, T as B, C as A, l as p, n as f, _ as a, a as r, B as S, d as N } from "./revolugo.webcomponentwrapper.-wnE6sKX.min.js";
+import { _ as m } from "./revolugo.vskeletonloader.CMMMMGzf.min.js";
+import { B as z } from "./revolugo.bbreakfastoptionbadge.DND6bz7J.min.js";
+import { B as D, f as it } from "./revolugo.bformattedamount.D4xCyTcv.min.js";
+import { B as V } from "./revolugo.btag.DD6eI8G4.min.js";
+import { S as rt } from "./revolugo.index.tY8MFB9m.min.js";
+import { V as at } from "./revolugo.vinput.CDpcVlCU.min.js";
+import { T as nt, R as lt } from "./revolugo.vuetify.yojzDMFk.min.js";
+import { d as ct } from "./revolugo.index.Cn8GgIte.min.js";
+import { a as $, _ as x } from "./revolugo.vbtn.CP4AezmI.min.js";
+import { R as M, f as ut, _ } from "./revolugo.index.sTY3URQu.min.js";
+import { B as F } from "./revolugo.bhotelroomsdetails.8yoNt-KM.min.js";
+import { _ as ft } from "./revolugo.vtooltip.B7xN8tzo.min.js";
+import { _ as mt } from "./revolugo.vselect.UcLk_jBF.min.js";
+import { C as ht, a as dt } from "./revolugo.cancellationpolicieslist.BweNL3Zh.min.js";
+import { _ as c, p as pt } from "./revolugo.parsed-props.B_x1Ob04.min.js";
+/* empty css                            */
+import { _ as _t } from "./revolugo.valert.CMzvSBzo.min.js";
+import { w as gt } from "./revolugo.watch-list.cR2ZEwBA.min.js";
+import { B as g, V as P, a as L } from "./revolugo.vslidegroup.BXF0FLd1.min.js";
+import { S as yt } from "./revolugo.index.BUUmIL9V.min.js";
+import { B as kt } from "./revolugo.vitemgroup.DyY_3pfW.min.js";
+import { P as bt, _ as vt } from "./revolugo.index.BEcLuOn-.min.js";
+function W(o) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const t = import.meta.url, e = t.slice(0, t.lastIndexOf("/") + 1) + o;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(e);
+      for (const s of REVOLUGO_ELEMENTS_STYLES.components)
+        s(e);
+      if (o.indexOf("fonts") >= 0) {
+        const s = document.createElement("link");
+        s.rel = "stylesheet", linK.href = e, document.head.appendChild(s);
+      }
+    }
+  } catch (t) {
+    console.error("[revolugo-elements] ", t);
+  }
+}
+const Rt = rt.extend({
+  name: "v-switch",
+  directives: {
+    Touch: nt
+  },
+  props: {
+    inset: Boolean,
+    loading: {
+      type: [Boolean, String],
+      default: !1
+    },
+    flat: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    classes() {
+      return {
+        ...at.options.computed.classes.call(this),
+        "v-input--selection-controls v-input--switch": !0,
+        "v-input--switch--flat": this.flat,
+        "v-input--switch--inset": this.inset
+      };
+    },
+    attrs() {
+      return {
+        "aria-checked": String(this.isActive),
+        "aria-disabled": String(this.isDisabled),
+        role: "switch"
+      };
+    },
+    // Do not return undefined if disabled,
+    // according to spec, should still show
+    // a color when disabled and active
+    validationState() {
+      if (this.hasError && this.shouldValidate)
+        return "error";
+      if (this.hasSuccess)
+        return "success";
+      if (this.hasColor !== null)
+        return this.computedColor;
+    },
+    switchData() {
+      return this.setTextColor(this.loading ? void 0 : this.validationState, {
+        class: this.themeClasses
+      });
+    }
+  },
+  methods: {
+    genDefaultSlot() {
+      return [this.genSwitch(), this.genLabel()];
+    },
+    genSwitch() {
+      const {
+        title: o,
+        ...t
+      } = this.attrs$;
+      return this.$createElement("div", {
+        staticClass: "v-input--selection-controls__input"
+      }, [this.genInput("checkbox", {
+        ...this.attrs,
+        ...t
+      }), this.genRipple(this.setTextColor(this.validationState, {
+        directives: [{
+          name: "touch",
+          value: {
+            left: this.onSwipeLeft,
+            right: this.onSwipeRight
+          }
+        }]
+      })), this.$createElement("div", {
+        staticClass: "v-input--switch__track",
+        ...this.switchData
+      }), this.$createElement("div", {
+        staticClass: "v-input--switch__thumb",
+        ...this.switchData
+      }, [this.genProgress()])]);
+    },
+    genProgress() {
+      return this.$createElement(ct, {}, [this.loading === !1 ? null : this.$slots.progress || this.$createElement($, {
+        props: {
+          color: this.loading === !0 || this.loading === "" ? this.color || "primary" : this.loading,
+          size: 16,
+          width: 2,
+          indeterminate: !0
+        }
+      })]);
+    },
+    onSwipeLeft() {
+      this.isActive && this.onChange();
+    },
+    onSwipeRight() {
+      this.isActive || this.onChange();
+    },
+    onKeydown(o) {
+      (o.keyCode === O.left && this.isActive || o.keyCode === O.right && !this.isActive) && this.onChange();
+    }
+  }
+}), Ct = k(
+  g,
+  yt,
+  B
+  /* @vue/component */
+).extend({
+  name: "v-tabs-bar",
+  provide() {
+    return {
+      tabsBar: this
+    };
+  },
+  computed: {
+    classes() {
+      return {
+        ...g.options.computed.classes.call(this),
+        "v-tabs-bar": !0,
+        "v-tabs-bar--is-mobile": this.isMobile,
+        // TODO: Remove this and move to v-slide-group
+        "v-tabs-bar--show-arrows": this.showArrows,
+        ...this.themeClasses
+      };
+    }
+  },
+  watch: {
+    items: "callSlider",
+    internalValue: "callSlider",
+    $route: "onRouteChange"
+  },
+  methods: {
+    callSlider() {
+      this.isBooted && this.$emit("call:slider");
+    },
+    genContent() {
+      const o = g.options.methods.genContent.call(this);
+      return o.data = o.data || {}, o.data.staticClass += " v-tabs-bar__content", o;
+    },
+    onRouteChange(o, t) {
+      if (this.mandatory)
+        return;
+      const e = this.items, s = o.path, i = t.path;
+      let n = !1, h = !1;
+      for (const l of e)
+        if (l.to === i ? h = !0 : l.to === s && (n = !0), n && h)
+          break;
+      !n && h && (this.internalValue = void 0);
+    }
+  },
+  render(o) {
+    const t = g.options.render.call(this, o);
+    return t.data.attrs = {
+      role: "tablist"
+    }, t;
+  }
+}), q = P.extend({
+  name: "v-tabs-items",
+  props: {
+    mandatory: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    classes() {
+      return {
+        ...P.options.computed.classes.call(this),
+        "v-tabs-items": !0
+      };
+    },
+    isDark() {
+      return this.rootIsDark;
+    }
+  },
+  methods: {
+    getValue(o, t) {
+      return o.id || kt.options.methods.getValue.call(this, o, t);
+    }
+  }
+}), Ot = k(A).extend({
+  name: "v-tabs-slider",
+  render(o) {
+    return o("div", this.setBackgroundColor(this.color, {
+      staticClass: "v-tabs-slider"
+    }));
+  }
+}), xt = k(A, bt, B), Bt = xt.extend().extend({
+  name: "v-tabs",
+  directives: {
+    Resize: lt
+  },
+  props: {
+    activeClass: {
+      type: String,
+      default: ""
+    },
+    alignWithTitle: Boolean,
+    backgroundColor: String,
+    centerActive: Boolean,
+    centered: Boolean,
+    fixedTabs: Boolean,
+    grow: Boolean,
+    height: {
+      type: [Number, String],
+      default: void 0
+    },
+    hideSlider: Boolean,
+    iconsAndText: Boolean,
+    mobileBreakpoint: [String, Number],
+    nextIcon: {
+      type: String,
+      default: "$next"
+    },
+    optional: Boolean,
+    prevIcon: {
+      type: String,
+      default: "$prev"
+    },
+    right: Boolean,
+    showArrows: [Boolean, String],
+    sliderColor: String,
+    sliderSize: {
+      type: [Number, String],
+      default: 2
+    },
+    vertical: Boolean
+  },
+  data() {
+    return {
+      resizeTimeout: 0,
+      slider: {
+        height: null,
+        left: null,
+        right: null,
+        top: null,
+        width: null
+      },
+      transitionTime: 300
+    };
+  },
+  computed: {
+    classes() {
+      return {
+        "v-tabs--align-with-title": this.alignWithTitle,
+        "v-tabs--centered": this.centered,
+        "v-tabs--fixed-tabs": this.fixedTabs,
+        "v-tabs--grow": this.grow,
+        "v-tabs--icons-and-text": this.iconsAndText,
+        "v-tabs--right": this.right,
+        "v-tabs--vertical": this.vertical,
+        ...this.themeClasses
+      };
+    },
+    isReversed() {
+      return this.$vuetify.rtl && this.vertical;
+    },
+    sliderStyles() {
+      return {
+        height: d(this.slider.height),
+        left: this.isReversed ? void 0 : d(this.slider.left),
+        right: this.isReversed ? d(this.slider.right) : void 0,
+        top: this.vertical ? d(this.slider.top) : void 0,
+        transition: this.slider.left != null ? null : "none",
+        width: d(this.slider.width)
+      };
+    },
+    computedColor() {
+      return this.color ? this.color : this.isDark && !this.appIsDark ? "white" : "primary";
+    }
+  },
+  watch: {
+    alignWithTitle: "callSlider",
+    centered: "callSlider",
+    centerActive: "callSlider",
+    fixedTabs: "callSlider",
+    grow: "callSlider",
+    iconsAndText: "callSlider",
+    right: "callSlider",
+    showArrows: "callSlider",
+    vertical: "callSlider",
+    "$vuetify.application.left": "onResize",
+    "$vuetify.application.right": "onResize",
+    "$vuetify.rtl": "onResize"
+  },
+  mounted() {
+    if (typeof ResizeObserver < "u") {
+      const o = new ResizeObserver(() => {
+        this.onResize();
+      });
+      o.observe(this.$el), this.$on("hook:destroyed", () => {
+        o.disconnect();
+      });
+    }
+    this.$nextTick(() => {
+      window.setTimeout(this.callSlider, 30);
+    });
+  },
+  methods: {
+    callSlider() {
+      return this.hideSlider || !this.$refs.items || !this.$refs.items.selectedItems.length ? (this.slider.width = 0, !1) : (this.$nextTick(() => {
+        const o = this.$refs.items.selectedItems[0];
+        if (!o || !o.$el) {
+          this.slider.width = 0, this.slider.left = 0;
+          return;
+        }
+        const t = o.$el;
+        this.slider = {
+          height: this.vertical ? t.scrollHeight : Number(this.sliderSize),
+          left: this.vertical ? 0 : t.offsetLeft,
+          right: this.vertical ? 0 : t.offsetLeft + t.offsetWidth,
+          top: t.offsetTop,
+          width: this.vertical ? Number(this.sliderSize) : t.scrollWidth
+        };
+      }), !0);
+    },
+    genBar(o, t) {
+      const e = {
+        style: {
+          height: d(this.height)
+        },
+        props: {
+          activeClass: this.activeClass,
+          centerActive: this.centerActive,
+          dark: this.dark,
+          light: this.light,
+          mandatory: !this.optional,
+          mobileBreakpoint: this.mobileBreakpoint,
+          nextIcon: this.nextIcon,
+          prevIcon: this.prevIcon,
+          showArrows: this.showArrows,
+          value: this.internalValue
+        },
+        on: {
+          "call:slider": this.callSlider,
+          change: (s) => {
+            this.internalValue = s;
+          }
+        },
+        ref: "items"
+      };
+      return this.setTextColor(this.computedColor, e), this.setBackgroundColor(this.backgroundColor, e), this.$createElement(Ct, e, [this.genSlider(t), o]);
+    },
+    genItems(o, t) {
+      return o || (t.length ? this.$createElement(q, {
+        props: {
+          value: this.internalValue
+        },
+        on: {
+          change: (e) => {
+            this.internalValue = e;
+          }
+        }
+      }, t) : null);
+    },
+    genSlider(o) {
+      return this.hideSlider ? null : (o || (o = this.$createElement(Ot, {
+        props: {
+          color: this.sliderColor
+        }
+      })), this.$createElement("div", {
+        staticClass: "v-tabs-slider-wrapper",
+        style: this.sliderStyles
+      }, [o]));
+    },
+    onResize() {
+      this._isDestroyed || (clearTimeout(this.resizeTimeout), this.resizeTimeout = window.setTimeout(this.callSlider, 0));
+    },
+    parseNodes() {
+      let o = null, t = null;
+      const e = [], s = [], i = this.$slots.default || [], n = i.length;
+      for (let h = 0; h < n; h++) {
+        const l = i[h];
+        if (l.componentOptions)
+          switch (l.componentOptions.Ctor.options.name) {
+            case "v-tabs-slider":
+              t = l;
+              break;
+            case "v-tabs-items":
+              o = l;
+              break;
+            case "v-tab-item":
+              e.push(l);
+              break;
+            default:
+              s.push(l);
+          }
+        else
+          s.push(l);
+      }
+      return {
+        tab: s,
+        slider: t,
+        items: o,
+        item: e
+      };
+    }
+  },
+  render(o) {
+    const {
+      tab: t,
+      slider: e,
+      items: s,
+      item: i
+    } = this.parseNodes();
+    return o("div", {
+      staticClass: "v-tabs",
+      class: this.classes,
+      directives: [{
+        name: "resize",
+        modifiers: {
+          quiet: !0
+        },
+        value: this.onResize
+      }]
+    }, [this.genBar(t, e), this.genItems(s, i)]);
+  }
+}), St = k(
+  M,
+  // Must be after routable
+  // to overwrite activeClass
+  ut("tabsBar"),
+  B
+), $t = St.extend().extend().extend({
+  name: "v-tab",
+  props: {
+    ripple: {
+      type: [Boolean, Object],
+      default: !0
+    },
+    tabValue: {
+      required: !1
+    }
+  },
+  data: () => ({
+    proxyClass: "v-tab--active"
+  }),
+  computed: {
+    classes() {
+      return {
+        "v-tab": !0,
+        ...M.options.computed.classes.call(this),
+        "v-tab--disabled": this.disabled,
+        ...this.groupClasses
+      };
+    },
+    value() {
+      if (this.tabValue != null)
+        return this.tabValue;
+      let o = this.to || this.href;
+      return o == null ? o : (this.$router && this.to === Object(this.to) && (o = this.$router.resolve(this.to, this.$route, this.append).href), o.replace("#", ""));
+    }
+  },
+  methods: {
+    click(o) {
+      if (this.disabled) {
+        o.preventDefault();
+        return;
+      }
+      this.href && this.href.indexOf("#") > -1 && o.preventDefault(), o.detail && this.$el.blur(), this.$emit("click", o), this.to || this.toggle();
+    },
+    toggle() {
+      (!this.isActive || !this.tabsBar.mandatory && !this.to) && this.$emit("change");
+    }
+  },
+  render(o) {
+    const {
+      tag: t,
+      data: e
+    } = this.generateRouteLink();
+    return e.attrs = {
+      ...e.attrs,
+      "aria-selected": String(this.isActive),
+      role: "tab",
+      tabindex: this.disabled ? -1 : 0
+    }, e.on = {
+      ...e.on,
+      keydown: (s) => {
+        s.keyCode === O.enter && this.click(s), this.$emit("keydown", s);
+      }
+    }, o(t, e, this.$slots.default);
+  }
+}), T = L.extend({
+  name: "v-tab-item",
+  props: {
+    id: String
+  },
+  methods: {
+    genWindowItem() {
+      const o = L.options.methods.genWindowItem.call(this);
+      return o.data.domProps = o.data.domProps || {}, o.data.domProps.id = this.id || this.value, o;
+    }
+  }
+}), wt = {
+  adultCount: {
+    type: Number,
+    default: 0
+  },
+  isStartingPrice: { type: Boolean },
+  isTaxIncluded: {
+    type: Boolean,
+    default: !0
+  },
+  nightCount: {
+    type: Number,
+    default: 1
+  },
+  price: {
+    type: Number,
+    required: !0
+  },
+  roomCount: {
+    type: Number,
+    default: 1
+  },
+  roundMode: {
+    type: String
+  }
+}, It = u.extend({
+  name: "BPriceSummary",
+  components: { BFormattedAmount: D },
+  mixins: [p("components/ui/BPriceSummary")],
+  props: wt,
+  computed: {
+    mainPrice() {
+      return this.nightCount <= 0 || this.roomCount <= 0 ? this.price : this.price / this.roomCount / this.nightCount;
+    }
+  }
+});
+var Pt = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("div", { staticClass: "text-right" }, [e("span", { staticClass: "d-inline-block mb-n3" }, [t.isStartingPrice ? e("small", { staticClass: "grey--text text--darken-3" }, [t._v(t._s(t.$t("BPriceSummary.from")) + " ")]) : t._e(), e("b", { staticClass: "text-h6 grey--text text--darken-3" }, [e("b-formatted-amount", { attrs: { amount: t.mainPrice, "round-mode": t.roundMode } })], 1)]), t.nightCount <= 0 && t.roomCount > 0 ? [e("span", { staticClass: "my-0 text-caption grey--text text--darken-3 d-block" }, [t._v(" " + t._s(t.$t("BPriceSummary.summary", { rooms: t.$tc("BPriceSummary.rooms", t.roomCount) })) + " ")])] : t.nightCount > 1 || t.roomCount > 1 ? [e("span", { staticClass: "my-0 text-caption grey--text text--darken-3 d-block" }, [e("b", [e("b-formatted-amount", { attrs: { amount: t.price, "round-mode": t.roundMode } })], 1), t._v(" " + t._s(t.$t("BPriceSummary.total")) + " " + t._s(t.$t("BPriceSummary.summary", { rooms: t.$tc("BPriceSummary.rooms", t.roomCount) })) + " ")])] : t._e(), t.isTaxIncluded ? [e("span", { staticClass: "text-caption mt-n1 d-block" }, [t._v(" " + t._s(t.$t("BPriceSummary.taxIncluded")) + " ")])] : [e(ft, { staticClass: "text-left", attrs: { top: "" }, scopedSlots: t._u([{ key: "activator", fn: function({ on: s, attrs: i }) {
+    return [e("span", t._g(t._b({ staticClass: "text-caption mt-n1 d-block" }, "span", i, !1), s), [t._v(" " + t._s(t.$t("BPriceSummary.taxIncluded")) + " "), e(_, { attrs: { "x-small": "" } }, [t._v("fa-info-circle")])], 1)];
+  } }]) }, [e("span", { staticClass: "tooltip-content" }, [t._v(t._s(t.$t("BPriceSummary.taxInfo")))])])]], 2);
+}, Lt = [], Tt = /* @__PURE__ */ f(
+  It,
+  Pt,
+  Lt,
+  !1,
+  null,
+  "8f5bdbba",
+  null,
+  null
+);
+const G = Tt.exports, Et = u.extend({
+  name: "HotelRoomOfferLayout",
+  components: {
+    BPriceSummarySkeleton: E
+  },
+  mixins: [H],
+  props: {
+    boilerplate: { type: Boolean }
+  }
+});
+var Ht = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e(a, { staticClass: "px-2 py-3 pa-sm-4 px-md-3", attrs: { "no-gutters": "" } }, [e(r, { attrs: { "align-self": "start", cols: "12", lg: "6", md: "7", sm: "7" } }, [e(a, { attrs: { "no-gutters": "" } }, [e(r, { attrs: { cols: "12" } }, [t._t("room-details", function() {
+    return [e(m, { staticClass: "mt-1", attrs: { boilerplate: t.boilerplate, height: "14px", tile: "", type: "text", width: "180px" } }), e(m, { attrs: { boilerplate: t.boilerplate, height: "12px", tile: "", type: "text", width: "120px" } })];
+  })], 2), e(r, { staticClass: "text-left d-flex flex-wrap mt-2", style: { gap: "0.3em" }, attrs: { "align-self": "start", cols: "12" } }, [t._t("breakfast-option")], 2)], 1)], 1), e(r, { staticClass: "text-right mt-sm-0 mt-2", attrs: { "align-self": "end", lg: "6", md: "5", sm: "5" } }, [t._t("package-type"), t._t("price-summary", function() {
+    return [e("b-price-summary-skeleton", { staticClass: "mt-2", attrs: { boilerplate: t.boilerplate } })];
+  }), e("div", { staticClass: "d-flex justify-end" }, [t._t("action", function() {
+    return [e(m, { attrs: { boilerplate: t.boilerplate, height: "28px", tile: "", type: "image", width: t.$isCurrentBreakpointBelow("sm") ? "100%" : "130px" } })];
+  })], 2)], 2)], 1);
+}, At = [], Nt = /* @__PURE__ */ f(
+  Et,
+  Ht,
+  At,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const b = Nt.exports, zt = {
+  isLoading: { type: Boolean },
+  price: { type: Number },
+  value: { type: Boolean }
+}, Dt = u.extend({
+  name: "BBreakfastSwitch",
+  components: {
+    BTag: V
+  },
+  mixins: [p("components/ui/BBreakfastSwitch")],
+  props: zt,
+  data() {
+    return {
+      valueLocal: this.value
+    };
+  },
+  computed: {
+    formattedPrice() {
+      return it({
+        amount: this.price,
+        currency: this.config.currency,
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        locale: this.config.lang
+      });
+    }
+  },
+  watch: {
+    valueLocal(o) {
+      this.$emit("input", o);
+    }
+  }
+});
+var Vt = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e(Rt, { staticClass: "ma-0 pa-0 breakfast-switch d-inline-block", attrs: { dense: "", inset: "", loading: t.isLoading && "success" }, scopedSlots: t._u([{ key: "label", fn: function() {
+    return [e("div", { staticClass: "text-caption ml-n3" }, [e(_, { attrs: { size: "12" } }, [t._v(" fa-coffee ")]), t._v(" "), e("span", [t._v(t._s(t.$t("BBreakfastSwitch.title")) + " ")]), e("span", { domProps: { innerHTML: t._s(
+      t.$tc("BBreakfastSwitch.price", t.formattedPrice).replace(
+        /\s/gu,
+        "&nbsp;"
+      )
+    ) } })], 1)];
+  }, proxy: !0 }]), model: { value: t.valueLocal, callback: function(s) {
+    t.valueLocal = s;
+  }, expression: "valueLocal" } });
+}, Mt = [], Ft = /* @__PURE__ */ f(
+  Dt,
+  Vt,
+  Mt,
+  !1,
+  null,
+  "48b60373",
+  null,
+  null
+);
+const U = Ft.exports, K = u.extend({
+  data() {
+    return {
+      bookingState: "IDLE"
+      /* IDLE */
+    };
+  },
+  computed: {
+    isFetchingBookingPolicies() {
+      return this.bookingState === "FETCHING_BOOKING_POLICIES";
+    },
+    isBookingPoliciesSuccessful() {
+      return this.bookingState === "BOOKING_POLICIES_FETCHED";
+    },
+    isBookingPoliciesUnavailable() {
+      return this.bookingState === "UNAVAILABLE";
+    }
+  },
+  methods: {
+    async createBookingPolicy({
+      addBreakfast: o,
+      hotelRoomOfferId: t,
+      hotelId: e
+    }) {
+      this.bookingState = "FETCHING_BOOKING_POLICIES";
+      try {
+        await y("hotelRoomOffers/createBookingPolicies", {
+          addBreakfast: o,
+          hotelRoomOfferId: t,
+          hotelId: e
+        }), this.bookingState = "BOOKING_POLICIES_FETCHED", setTimeout(() => {
+          this.bookingState = "IDLE";
+        }, 1.5 * 1e3);
+      } catch {
+        this.bookingState = "UNAVAILABLE";
+      }
+    }
+  }
+}), qt = {
+  breakfastCount: {
+    type: Number
+  },
+  breakfastOption: {
+    type: String
+  },
+  breakfastPricePerGuestPerNight: {
+    type: Number
+  },
+  currency: { type: String },
+  cancellationPolicies: { type: Array },
+  hotelId: { type: String },
+  hotelRooms: { type: Array },
+  id: { type: String },
+  isLoading: { type: Boolean },
+  price: { type: Number },
+  taxes: { type: Array },
+  sourceMarket: { type: String },
+  type: { type: String },
+  packageType: { type: String },
+  count: { type: Number },
+  value: { type: Number }
+}, Gt = u.extend({
+  name: "HotelRoomOfferItem",
+  components: {
+    BBreakfastOptionBadge: z,
+    BBreakfastSwitch: U,
+    CancellationPoliciesBadge: ot,
+    BErrorOverlay: S,
+    BFormattedAmount: D,
+    BPriceSummary: G,
+    BHotelRoomsDetails: F,
+    BTag: V,
+    HotelRoomOfferItemLayout: b
+  },
+  mixins: [
+    p("components/RevolugoElements/HotelRoomOfferItem"),
+    H,
+    K
+  ],
+  props: qt,
+  store: Q,
+  data() {
+    return {
+      addBreakfast: this.breakfastCount && this.breakfastCount > 0 || !1
+    };
+  },
+  computed: {
+    adultCount() {
+      var o;
+      return (o = this.hotelRoomOfferRequest) == null ? void 0 : o.adultCount;
+    },
+    checkInDate() {
+      var o;
+      return (o = this.hotelRoomOfferRequest) == null ? void 0 : o.checkInDate;
+    },
+    nightCount() {
+      return this.$store.get("hotelRoomOfferRequest/nightCount", this.hotelId);
+    },
+    hotelTimezone() {
+      return this.$store.get("hotelRoomOffers/hotelTimezone", this.hotelId);
+    },
+    roomCount() {
+      return this.hotelRooms.reduce((o, t) => o + (t.count || 0), 0);
+    },
+    countOptions() {
+      return this.count ? X(this.count + 1) : [];
+    },
+    isTaxIncluded() {
+      return this.taxes ? this.taxes.length === 0 : !0;
+    },
+    hotelRoomOfferRequest() {
+      return this.$store.get(
+        "hotelRoomOfferRequest/hotelRoomOfferRequest",
+        this.hotelId
+      );
+    },
+    packageTypeTagColor() {
+      switch (this.packageType) {
+        case v.Cheapest:
+          return "red";
+        case v.BestMatch:
+        case v.MatchingRoomCount:
+          return "purple";
+        default:
+          return "";
+      }
+    },
+    selectedQuantity: {
+      get() {
+        return this.value;
+      },
+      set(o) {
+        this.$emit("input", o);
+      }
+    }
+  },
+  watch: {
+    addBreakfast(o) {
+      this.$emit("breakfast-change", {
+        hotelId: this.hotelId,
+        id: this.id,
+        addBreakfast: o
+      });
+    }
+  },
+  methods: {
+    onHotelRoomOfferClick() {
+      this.$eventBus.$emit(et.HOTEL_ROOM_OFFERS_BTN_CLICK, this.$props), this.createBookingPolicy({
+        addBreakfast: this.addBreakfast,
+        hotelRoomOfferId: this.id,
+        hotelId: this.hotelId
+      });
+    }
+  }
+});
+var Ut = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("div", { staticClass: "position-relative" }, [e("hotel-room-offer-item-layout", { key: "is-available", scopedSlots: t._u([{ key: "room-details", fn: function() {
+    return [e("b-hotel-rooms-details", { attrs: { "hotel-rooms": t.hotelRooms } })];
+  }, proxy: !0 }, { key: "package-type", fn: function() {
+    return [t.type === "PACKAGE" && t.packageType !== "REGULAR" ? [e("b-tag", { staticClass: "mb-3", attrs: { color: t.packageTypeTagColor, outlined: "" }, scopedSlots: t._u([{ key: "description", fn: function() {
+      return [t._v(" " + t._s(t.$tc(`HotelRoomOfferItem.packageTypes.${t.packageType}.description`, t.adultCount)) + " ")];
+    }, proxy: !0 }], null, !1, 2153503966) }, [t._v(" " + t._s(t.$tc(`HotelRoomOfferItem.packageTypes.${t.packageType}.title`, t.adultCount)) + " ")])] : t._e()];
+  }, proxy: !0 }, { key: "breakfast-option", fn: function() {
+    return [e("cancellation-policies-badge", { attrs: { "cancellation-policies": t.cancellationPolicies, "check-in-date": t.checkInDate, timezone: t.hotelTimezone } }), e("b-breakfast-option-badge", { attrs: { "breakfast-option": t.breakfastOption } }), t.type !== "HOTEL_ROOM" && t.breakfastOption === "OPTIONAL" ? e("div", [e("b-breakfast-switch", { staticClass: "mt-3 pl-1", attrs: { "is-loading": t.isLoading, price: t.breakfastPricePerGuestPerNight }, model: { value: t.addBreakfast, callback: function(s) {
+      t.addBreakfast = s;
+    }, expression: "addBreakfast" } })], 1) : t._e()];
+  }, proxy: !0 }, { key: "price-summary", fn: function() {
+    return [t.type === "HOTEL_ROOM" ? [e(a, { staticClass: "mt-md-8", attrs: { "no-gutters": "" } }, [e(r, [e("b-price-summary", { staticClass: "text-right", attrs: { "adult-count": 1, "is-local-city-tax-included": t.isLocalCityTaxIncluded, "night-count": t.nightCount, price: t.price, "room-count": 1 } })], 1)], 1), e(a, { attrs: { align: "end", "no-gutters": "" } }, [e(r, { staticClass: "d-flex justify-end", attrs: { align: "end" } }, [e("div", [e(mt, { staticClass: "item-count mt-2", attrs: { attach: "", dense: "", "hide-details": "", items: t.countOptions, "menu-props": {
+      minWidth: "125px"
+    }, outlined: "", value: 0 }, scopedSlots: t._u([{ key: "item", fn: function({ item: s }) {
+      return [e("span", { staticClass: "text-caption" }, [t._v(t._s(s) + " "), s ? [t._v("("), e("b-formatted-amount", { attrs: { amount: s * t.price } }), t._v(")")] : t._e()], 2)];
+    } }], null, !1, 41009295), model: { value: t.selectedQuantity, callback: function(s) {
+      t.selectedQuantity = s;
+    }, expression: "selectedQuantity" } })], 1)])], 1)] : [e("b-price-summary", { staticClass: "text-right", attrs: { "adult-count": t.type === "PACKAGE" ? t.adultCount : 0, "is-tax-included": t.isTaxIncluded, "night-count": t.type === "PACKAGE" ? t.nightCount : 0, price: t.price, "room-count": t.type === "PACKAGE" ? t.roomCount : 0, "round-mode": "round" } })]];
+  }, proxy: !0 }, { key: "action", fn: function() {
+    return [t.type === "PACKAGE" ? e(x, { staticClass: "text-none font-weight-bold book-btn w-100 w-sm-auto", attrs: { color: t.isBookingPoliciesSuccessful ? "success" : "primary", disabled: t.isFetchingBookingPolicies || t.isBookingPoliciesUnavailable || t.isLoading, elevation: "0", loading: t.isFetchingBookingPolicies, small: "" }, on: { click: t.onHotelRoomOfferClick } }, [t.isBookingPoliciesSuccessful ? t._e() : e("span", [t._v(t._s(t.$t("HotelRoomOfferItem.book")))]), e(_, { directives: [{ name: "show", rawName: "v-show", value: t.isBookingPoliciesSuccessful, expression: "isBookingPoliciesSuccessful" }], staticClass: "position-absolute" }, [t._v(" fa-check ")])], 1) : e("span")];
+  }, proxy: !0 }]) }), t.isLoading ? e(N, { staticClass: "mx-n4", attrs: { absolute: "", color: "grey lighten-4", opacity: "0.75" } }, [e($, { attrs: { color: "primary", indeterminate: "", size: "64" } })], 1) : t._e(), t.isBookingPoliciesUnavailable ? e("b-error-overlay", { attrs: { "margin-top": 16 }, scopedSlots: t._u([{ key: "title", fn: function() {
+    return [t._v(" " + t._s(t.$t("HotelRoomOfferItem.unavailable.title")) + " ")];
+  }, proxy: !0 }, { key: "description", fn: function() {
+    return [t._v(" " + t._s(t.$t("HotelRoomOfferItem.unavailable.description")) + " ")];
+  }, proxy: !0 }], null, !1, 3630660745) }) : t._e()], 1);
+}, Kt = [], jt = /* @__PURE__ */ f(
+  Gt,
+  Ut,
+  Kt,
+  !1,
+  null,
+  "6d9e6093",
+  null,
+  null
+);
+const j = jt.exports, Wt = u.extend({
+  name: "BBasketSummaryLayout",
+  components: {
+    BPriceSummarySkeleton: E,
+    BHotelRoomsDetailsSkeleton: st
+  }
+});
+var Qt = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e(a, { staticClass: "px-2" }, [e(r, [e(a, [e(r, [e("div", { staticClass: "subtitle-1 font-weight-black primary--text d-flex justify-end" }, [t._t("title", function() {
+    return [e(m, { attrs: { height: "18px", tile: "", type: "heading", width: "200px" } })];
+  })], 2)])], 1), e(a, [e(r, [e("div", { staticClass: "caption d-flex justify-end py-2" }, [t._t("adult-count", function() {
+    return [e(m, { attrs: { tile: "", type: "text", width: "150px" } })];
+  })], 2), e("div", { staticClass: "mt-3 d-flex justify-start align-center font-weight-bold pb-2" }, [t._t("secondary-title", function() {
+    return [e(m, { attrs: { height: "18px", tile: "", type: "heading", width: "150px" } })];
+  })], 2)])], 1), t._t("hotel-rooms", function() {
+    return [e("div", { staticClass: "pt-4" }, [t._l(2, function(s) {
+      return [e("div", { key: `item-skeleton-${s}` }, [e(a, { attrs: { align: "center" } }, [e(r, { attrs: { cols: "auto" } }, [e("b-hotels-rooms-details-skeleton")], 1)], 1)], 1), e(c, { key: "divider-skeleton-" + s, staticClass: "pb-2" })];
+    })], 2)];
+  }), e(a, [e(r, [t._t("breakfast-option")], 2)], 1), e(a, { attrs: { "no-gutters": "" } }, [e(r, [t._t("price-summary", function() {
+    return [e("b-price-summary-skeleton")];
+  })], 2)], 1), e(a, [e(r, { staticClass: "py-0" }, [t._t("errors")], 2)], 1), e(a, [e(r, { staticClass: "pb-0" }, [t._t("button", function() {
+    return [e(m, { attrs: { height: "38px", tile: "", type: "heading", width: "100%" } })];
+  })], 2)], 1), e(a, [e(r, [t._t("cancellation-policies", function() {
+    return [e(m, { attrs: { tile: "", type: "paragraph", width: "100%" } })];
+  })], 2)], 1)], 2)], 1);
+}, Yt = [], Jt = /* @__PURE__ */ f(
+  Wt,
+  Qt,
+  Yt,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const Xt = Jt.exports, Zt = {
+  adultCount: { type: Number },
+  checkInDate: { type: String },
+  checkOutDate: { type: String },
+  currency: { type: String },
+  hotelTimezone: { type: String },
+  hotelRoomOffer: { type: Object },
+  isLoading: { type: Boolean },
+  isSubmitting: { type: Boolean },
+  isSuccessful: { type: Boolean }
+}, te = u.extend({
+  name: "BBasketSummary",
+  components: {
+    BBasketSummaryLayout: Xt,
+    BBreakfastOptionBadge: z,
+    BBreakfastSwitch: U,
+    CancellationPoliciesList: ht,
+    BPriceSummary: G,
+    BHotelRoomsDetails: F
+  },
+  mixins: [p("components/ui/BBasketSummary")],
+  props: Zt,
+  data() {
+    var o, t;
+    return {
+      addBreakfast: ((o = this.hotelRoomOffer) == null ? void 0 : o.breakfastCount) && ((t = this.hotelRoomOffer) == null ? void 0 : t.breakfastCount) > 0 || !1
+    };
+  },
+  computed: {
+    breakfastOption() {
+      var o;
+      return (o = this.hotelRoomOffer) == null ? void 0 : o.breakfastOption;
+    },
+    isBreakfastIncluded() {
+      return this.hotelRoomOffer.breakfastOption === w.Included;
+    },
+    isBreakfastOptionnal() {
+      return this.hotelRoomOffer.breakfastOption === w.Optional;
+    },
+    nightCount() {
+      return !this.hotelRoomOffer || !this.checkOutDate || !this.checkInDate ? 0 : R(this.checkOutDate).diff(R(this.checkInDate), "day");
+    },
+    roomCount() {
+      var o;
+      return I((o = this.hotelRoomOffer) == null ? void 0 : o.hotelRooms, "count");
+    },
+    sanitizedCancellationPolicies() {
+      var o;
+      return dt(
+        Z({
+          bookingDatetime: R().format(),
+          cancellationPolicies: (o = this.hotelRoomOffer) == null ? void 0 : o.cancellationPolicies,
+          checkInDate: this.checkInDate,
+          timezone: this.hotelTimezone
+        })
+      );
+    },
+    totalOccupancy() {
+      var o;
+      return I(
+        (o = this.hotelRoomOffer) == null ? void 0 : o.hotelRooms,
+        (t) => t.count * t.occupancy
+      );
+    }
+  },
+  watch: {
+    addBreakfast(o) {
+      this.$emit("breakfast-change", o);
+    }
+  }
+});
+var ee = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("div", [[t.isLoading ? e(N, { staticClass: "mx-n3", attrs: { absolute: "", color: "grey lighten-4", opacity: "0.75" } }, [e($, { attrs: { color: "primary", indeterminate: "", size: "64" } })], 1) : t._e(), e("b-basket-summary-layout", { key: "filled-up", scopedSlots: t._u([{ key: "title", fn: function() {
+    return [[e("span", [t._v(t._s(t.$t("BBasketSummary.title")))])]];
+  }, proxy: !0 }, { key: "adult-count", fn: function() {
+    return [[t.hotelRoomOffer ? e("span", { domProps: { innerHTML: t._s(t.$tc("BBasketSummary.totalOccupancy", t.totalOccupancy)) } }) : e("span", [t._v(t._s(t.$t("BBasketSummary.noSelection")) + " " + t._s(t.currency))])]];
+  }, proxy: !0 }, { key: "secondary-title", fn: function() {
+    return [[t.hotelRoomOffer ? [t._v(" " + t._s(t.$t("BBasketSummary.yourSelection")) + " ")] : e("span")]];
+  }, proxy: !0 }, { key: "hotel-rooms", fn: function() {
+    return [t.hotelRoomOffer ? [t._l(t.hotelRoomOffer.hotelRooms, function(s, i) {
+      return [e("div", { key: `room-${i}` }, [e(a, [e(r, { staticClass: "d-flex justify-space-between", attrs: { cols: "12" } }, [e("b-hotel-rooms-details", { class: {
+        "mt-n4": i >= 1
+      }, attrs: { "hotel-rooms": [s] } }), e(x, { class: {
+        "mt-n4": i >= 1
+      }, attrs: { color: "red", icon: "", text: "" }, on: { click: function(n) {
+        return t.$emit("delete-room", s);
+      } } }, [e(_, [t._v("fa-times")])], 1)], 1)], 1), e(c, { key: `divider-${i}`, staticClass: "my-2" })], 1)];
+    })] : [e("span")]];
+  }, proxy: !0 }, { key: "breakfast-option", fn: function() {
+    return [t.breakfastOption ? [e(a, { attrs: { "no-gutters": "" } }, [e(r, [e("b-breakfast-option-badge", { staticClass: "mr-n1", attrs: { "breakfast-option": t.breakfastOption, price: t.hotelRoomOffer.breakfastPricePerGuestPerNight } })], 1)], 1), t.isBreakfastOptionnal ? e(a, { staticClass: "mt-2", attrs: { "no-gutters": "" } }, [e(r, { staticClass: "mb-2 mt-xl-0" }, [e("b-breakfast-switch", { attrs: { loading: t.isLoading && "success", price: t.hotelRoomOffer.breakfastPricePerGuestPerNight }, model: { value: t.addBreakfast, callback: function(s) {
+      t.addBreakfast = s;
+    }, expression: "addBreakfast" } })], 1)], 1) : t._e()] : t._e()];
+  }, proxy: !0 }, { key: "price-summary", fn: function() {
+    return [[e("b-price-summary", { attrs: { "night-count": 0, price: t.hotelRoomOffer ? t.hotelRoomOffer.price : 0, "room-count": t.roomCount } })]];
+  }, proxy: !0 }, { key: "errors", fn: function() {
+    return [[t.totalOccupancy && t.totalOccupancy < t.adultCount ? [e(_t, { staticClass: "mb-0", attrs: { color: "red", dense: "", outlined: "" } }, [e("p", { staticClass: "caption font-weight-bold text-center my-0 red--text rounded" }, [t._v(" " + t._s(t.$t("BBasketSummary.insufficientTotalOccupancy", { t: t.totalOccupancy, a: t.adultCount })) + " ")])])] : t._e()]];
+  }, proxy: !0 }, { key: "button", fn: function() {
+    return [[e(x, { staticClass: "text-none font-weight-bold", attrs: { block: "", color: t.isSuccessful ? "success" : "primary", disabled: !t.hotelRoomOffer, loading: t.isSubmitting }, on: { click: function(s) {
+      return t.$emit("submit");
+    } } }, [t.isSuccessful ? t._e() : e("span", [t._v(t._s(t.$t("BBasketSummary.book")))]), e(_, { directives: [{ name: "show", rawName: "v-show", value: t.isSuccessful, expression: "isSuccessful" }], staticClass: "position-absolute" }, [t._v(" fa-check ")])], 1)]];
+  }, proxy: !0 }, { key: "cancellation-policies", fn: function() {
+    return [[t.hotelRoomOffer && t.hotelRoomOffer.cancellationPolicies.length ? e("cancellation-policies-list", { staticClass: "caption", attrs: { "cancellation-policies": t.sanitizedCancellationPolicies, "check-in-date": t.checkInDate, timezone: t.hotelTimezone } }) : e("span")]];
+  }, proxy: !0 }]) })]], 2);
+}, oe = [], se = /* @__PURE__ */ f(
+  te,
+  ee,
+  oe,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const ie = se.exports, re = {
+  hotelId: { type: String }
+}, ae = u.extend({
+  name: "HotelRoomOfferBasket",
+  components: {
+    BBasketSummary: ie,
+    HotelRoomOfferItem: j,
+    HotelRoomOfferItemLayout: b
+  },
+  mixins: [K],
+  props: re,
+  data() {
+    return {
+      basketContent: [],
+      addBreakfast: !1,
+      newCreatedPackage: void 0,
+      isLoading: !1
+    };
+  },
+  computed: {
+    adultCount() {
+      var o;
+      return (o = this.hotelRoomOfferRequest) == null ? void 0 : o.adultCount;
+    },
+    currency() {
+      return window.RevolugoElements.config.currency;
+    },
+    hotelTimezone() {
+      return this.$store.get("hotelRoomOffers/hotelTimezone", this.hotelId);
+    },
+    hotelRoomOfferRequest() {
+      return this.$store.get(
+        "hotelRoomOfferRequest/hotelRoomOfferRequest",
+        this.hotelId
+      );
+    },
+    hotelRoomOffers() {
+      var o, t;
+      return (t = (o = this.$store.get("hotelRoomOffers/hotelRoomOffers", this.hotelId)) == null ? void 0 : o.offers) == null ? void 0 : t.filter(
+        (e) => e.type === C.HotelRoom
+      );
+    }
+  },
+  watch: {
+    async addBreakfast(o, t) {
+      o !== t && await this.createHotelRoomOfferPackage();
+    },
+    basketContent: {
+      immediate: !1,
+      deep: !0,
+      handler(o) {
+        o.reduce(
+          (e, s) => e + s.count,
+          0
+        ) === 0 ? this.newCreatedPackage = void 0 : this.createHotelRoomOfferPackage();
+      }
+    }
+  },
+  mounted() {
+    this.hotelRoomOffers && (this.basketContent = this.hotelRoomOffers.map((o) => ({
+      count: 0,
+      hotelRoomOfferId: o.id,
+      hotelRoomId: o.hotelRooms[0].id
+    })));
+  },
+  methods: {
+    async createHotelRoomOfferPackage() {
+      var t;
+      this.isLoading = !0;
+      const o = this.basketContent.map((e) => ({
+        count: e.count,
+        hotelRoomOfferId: e.hotelRoomOfferId
+      })).filter((e) => e.count > 0);
+      try {
+        this.newCreatedPackage = await ((t = this.bookingApiClient) == null ? void 0 : t.hotelRoomOffers.create({
+          body: {
+            addBreakfast: this.addBreakfast,
+            currency: this.currency,
+            hotelRoomOffers: o
+          }
+        }));
+      } catch (e) {
+        throw this.isLoading = !1, e;
+      }
+      this.isLoading = !1;
+    },
+    onBasketUpdate(o, t) {
+      const e = {
+        count: t,
+        hotelRoomOfferId: o.id,
+        hotelRoomId: o.hotelRooms[0].id
+      }, s = this.basketContent.findIndex(
+        (i) => i.hotelRoomOfferId === e.hotelRoomOfferId
+      );
+      s === -1 ? t === 0 ? tt(this.basketContent, s, e) : this.basketContent.splice(s, 1) : this.basketContent.push(e);
+    },
+    onBreakfastChange(o) {
+      this.addBreakfast = o;
+    },
+    onDeleteRoom(o) {
+      const t = this.basketContent.findIndex(
+        (e) => e.hotelRoomId === o.id
+      );
+      this.basketContent[t].count = 0;
+    },
+    async onSubmit() {
+      var o;
+      (o = this.newCreatedPackage) != null && o.hotelRoomOffer.id && (this.isLoading = !0, await this.createBookingPolicy({
+        addBreakfast: this.addBreakfast,
+        hotelRoomOfferId: this.newCreatedPackage.hotelRoomOffer.id,
+        hotelId: this.hotelId
+      }), await this.createHotelRoomOfferPackage(), this.isLoading = !1);
+    }
+  }
+});
+var ne = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e(a, { attrs: { "no-gutters": "" } }, [e(r, { attrs: { cols: "12", md: "8" } }, [t.hotelRoomOffers.length && t.basketContent.length ? [t._l(t.hotelRoomOffers, function(s, i) {
+    return [i > 0 ? e(c, { key: "divider" + i }) : t._e(), e("hotel-room-offer-item", t._b({ key: s.id, model: { value: t.basketContent[i].count, callback: function(n) {
+      t.$set(t.basketContent[i], "count", n);
+    }, expression: "basketContent[index].count" } }, "hotel-room-offer-item", s, !1))];
+  })] : t._e()], 2), e(c, { staticClass: "d-none d-md-block", attrs: { vertical: "" } }), e(r, { staticClass: "mt-3", attrs: { cols: "12", md: "4" } }, [e(c, { staticClass: "d-block d-md-none my-2" }), e("b-basket-summary", t._b({ attrs: { "adult-count": t.adultCount, "hotel-timezone": t.hotelTimezone, "is-loading": t.isLoading, "is-submitting": t.isFetchingBookingPolicies, "is-successful": t.isBookingPoliciesSuccessful }, on: { "breakfast-change": t.onBreakfastChange, "delete-room": t.onDeleteRoom, submit: t.onSubmit } }, "b-basket-summary", t.newCreatedPackage, !1))], 1)], 1);
+}, le = [], ce = /* @__PURE__ */ f(
+  ae,
+  ne,
+  le,
+  !1,
+  null,
+  "6b78efda",
+  null,
+  null
+);
+const ue = ce.exports, fe = {
+  boilerplateSkeleton: {
+    type: Boolean
+  },
+  itemCount: {
+    type: Number,
+    default: 3
+  },
+  type: {
+    type: String
+  }
+}, me = u.extend({
+  name: "HotelRoomOfferListEmpty",
+  components: {
+    BErrorOverlay: S,
+    HotelRoomOfferItemLayout: b
+  },
+  mixins: [p("components/RevolugoElements/HotelRoomOfferListEmpty")],
+  props: fe
+});
+var he = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("div", [t._l(t.itemCount, function(s) {
+    return [s > 1 ? e(c, { key: "divider-" + s }) : t._e(), e("hotel-room-offer-item-layout", { key: s, class: { "mt-0": s === 1, "mb-0": s === 3 }, attrs: { boilerplate: t.boilerplateSkeleton } })];
+  }), t.type ? e("b-error-overlay", { scopedSlots: t._u([{ key: "title", fn: function() {
+    return [t._v(" " + t._s(t.$t(`HotelRoomOfferListEmpty.${t.type}.title`)) + " ")];
+  }, proxy: !0 }, { key: "description", fn: function() {
+    return [t._v(" " + t._s(t.$t(`HotelRoomOfferListEmpty.${t.type}.description`)) + " ")];
+  }, proxy: !0 }], null, !1, 3905598665) }) : t._e()], 2);
+}, de = [], pe = /* @__PURE__ */ f(
+  me,
+  he,
+  de,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const _e = pe.exports, ge = {
+  OnlyMatchingRoomCount: !1
+}, ye = {
+  ...Y,
+  features: {
+    default: () => ge,
+    type: [Object, String]
+  },
+  limit: {
+    default: () => 0,
+    type: Number
+  }
+}, ke = J.extend({
+  name: "HotelRoomOfferList",
+  components: {
+    BErrorOverlay: S,
+    HotelRoomOfferItem: j,
+    HotelRoomOfferListEmpty: _e,
+    HotelRoomOfferItemLayout: b,
+    HotelRoomOfferBasket: ue
+  },
+  mixins: [
+    p("components/RevolugoElements/HotelRoomOfferList"),
+    gt(
+      ["bookingApiClient", "config.currency", "config.lang"],
+      "retrieveHotelRoomOffers"
+    ),
+    pt({
+      fallbackValue: {
+        OnlyMatchingRoomCount: !1
+      },
+      propsName: "features"
+    })
+  ],
+  props: ye,
+  data() {
+    return {
+      tab: null,
+      tabItems: ["packageHotelRoomOffers", "hotelRoomHotelRoomOffers"]
+    };
+  },
+  computed: {
+    hasError() {
+      var o, t;
+      return !!((o = this.hotelRoomOfferRequest) != null && o.hasError || (t = this.hotelRoomOffersLocal) != null && t.hasError);
+    },
+    hotelRoomOfferRequest() {
+      return this.$store.get(
+        "hotelRoomOfferRequest/hotelRoomOfferRequest",
+        this.hotelId
+      );
+    },
+    hotelRoomOffersLocal() {
+      return this.$store.get("hotelRoomOffers/hotelRoomOffers", this.hotelId);
+    },
+    isLoading() {
+      var o, t;
+      return !!((o = this.hotelRoomOffersLocal) != null && o.isPolling) && !!((t = this.packageHotelRoomOffers) != null && t.length);
+    },
+    packageHotelRoomOffers() {
+      var t, e;
+      const o = (e = (t = this.hotelRoomOffersLocal) == null ? void 0 : t.offers) == null ? void 0 : e.filter((s) => s.type === C.Package).filter((s) => {
+        var i, n;
+        return (i = this.features) != null && i.OnlyMatchingRoomCount ? this.countRooms(s) === ((n = this.hotelRoomOfferRequest) == null ? void 0 : n.roomCount) : !0;
+      });
+      return (o == null ? void 0 : o.slice(0, this.limit || o.length)) || [];
+    },
+    hotelRoomHotelRoomOffers() {
+      var o, t;
+      return ((t = (o = this.hotelRoomOffersLocal) == null ? void 0 : o.offers) == null ? void 0 : t.filter(
+        (e) => e.type === C.HotelRoom
+      )) || [];
+    },
+    showSkeleton() {
+      var o, t, e, s;
+      return !((o = this.hotelRoomOfferRequest) != null && o.id) || (!!((t = this.hotelRoomOfferRequest) != null && t.isFetching) || !!((e = this.hotelRoomOffersLocal) != null && e.isPolling)) && !((s = this.packageHotelRoomOffers) != null && s.length);
+    }
+  },
+  watch: {
+    "hotelRoomOfferRequest.id": {
+      immediate: !0,
+      async handler() {
+        await this.retrieveHotelRoomOffers();
+      }
+    }
+  },
+  methods: {
+    countRooms(o) {
+      return o.hotelRooms.reduce((t, e) => t + e.count, 0);
+    },
+    async retrieveHotelRoomOffers() {
+      var o;
+      if (!((o = this.hotelRoomOfferRequest) != null && o.id)) {
+        await y("hotelRoomOffers/resetHotelRoomOffers", {
+          hotelId: this.hotelId
+        });
+        return;
+      }
+      await y("hotelRoomOffers/retrieveHotelRoomOffers", {
+        hotelId: this.hotelId,
+        hotelRoomOfferRequestId: this.hotelRoomOfferRequest.id
+      });
+    },
+    async onBreakfastChange({
+      hotelId: o,
+      id: t,
+      addBreakfast: e
+    }) {
+      await y("hotelRoomOffers/reifyHotelRoomOffer", {
+        hotelId: o,
+        id: t,
+        addBreakfast: e
+      });
+    }
+  }
+});
+var be = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("div", { staticClass: "white" }, [t.isBookingApiClientDefined ? [t.hasError ? e("hotel-room-offer-list-empty", { key: "error", attrs: { boilerplate: "", type: "internalError" } }) : t.showSkeleton ? [e("hotel-room-offer-list-empty", { key: "skeleton" })] : t.packageHotelRoomOffers && t.packageHotelRoomOffers.length ? [t.hotelRoomHotelRoomOffers.length ? t._e() : e("div"), t.isLoading ? e(vt, { staticClass: "loader position-absolute", attrs: { color: "secondary", indeterminate: "" } }) : t._e(), t.hotelRoomHotelRoomOffers && t.hotelRoomHotelRoomOffers.length ? [e(Bt, { attrs: { grow: "" }, model: { value: t.tab, callback: function(s) {
+    t.tab = s;
+  }, expression: "tab" } }, [t._l(t.tabItems, function(s) {
+    return [e($t, { key: s }, [t._v(" " + t._s(t.$t(`HotelRoomOfferList.${s}.title`)) + " ")]), e(c, { key: `divider-${s}`, attrs: { vertical: "" } })];
+  })], 2), e(q, { staticClass: "overflow-visible", model: { value: t.tab, callback: function(s) {
+    t.tab = s;
+  }, expression: "tab" } }, [e(T, { staticClass: "pt-3" }, [t._l(t.packageHotelRoomOffers, function(s, i) {
+    return [i > 0 ? e(c, { key: "divider" + i }) : t._e(), e("hotel-room-offer-item", t._b({ key: s.id, on: { "breakfast-change": t.onBreakfastChange } }, "hotel-room-offer-item", s, !1))];
+  })], 2), e(T, { staticClass: "pt-3 pb-5" }, [e("hotel-room-offer-basket", { attrs: { "hotel-id": t.hotelId } })], 1)], 1)] : [t._l(t.packageHotelRoomOffers, function(s, i) {
+    return [i > 0 ? e(c, { key: "divider" + i }) : t._e(), e("hotel-room-offer-item", t._b({ key: s.id, on: { "breakfast-change": t.onBreakfastChange } }, "hotel-room-offer-item", s, !1))];
+  })]] : !t.packageHotelRoomOffers || !t.packageHotelRoomOffers.length ? [e("hotel-room-offer-list-empty", { key: "skeleton", attrs: { "boilerplate-skeleton": "", type: "noResults" } })] : t._e()] : void 0], 2);
+}, ve = [], Re = /* @__PURE__ */ f(
+  ke,
+  be,
+  ve,
+  !1,
+  null,
+  "b5b94f3b",
+  null,
+  null
+);
+const to = Re.exports;
+W("css/revolugo.hotelroomofferlist.xJfKaofV.css");
+export {
+  G as B,
+  to as H,
+  ge as a,
+  ye as h
+};
+//# sourceMappingURL=revolugo.hotelroomofferlist.BltT6U-0.min.js.map