@revolugo/elements 5.5.1-beta.3 → 5.5.1-beta.30

package/dist/revolugo.hoteloffersview.CsPNh4Kt.min.js

@@ -0,0 +1,28 @@
+import { V as r } from "./revolugo.i18n.BIDah4Hr.min.js";
+import { H as s, h as n } from "./revolugo.hoteloffersview.DcnEyUUU.min.js";
+import { W as t, n as f } from "./revolugo.webcomponentwrapper.CwAC855u.min.js";
+const l = r.extend({
+  components: {
+    HotelOffersView: s,
+    WebComponentWrapper: t
+  },
+  props: n
+});
+var p = function() {
+  var e = this, o = e._self._c;
+  return e._self._setupProxy, o("web-component-wrapper", [o("hotel-offers-view", e._b({}, "hotel-offers-view", e.$props, !1))], 1);
+}, a = [], _ = /* @__PURE__ */ f(
+  l,
+  p,
+  a,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const w = _.exports;
+export {
+  w as default
+};
+//# sourceMappingURL=revolugo.hoteloffersview.CsPNh4Kt.min.js.map

package/dist/revolugo.hoteloffersview.DcnEyUUU.min.js

@@ -0,0 +1,157 @@
+import { g as a } from "./revolugo.store.TBV-eqIE.min.js";
+import { H as d } from "./revolugo.hotelofferrequestcreator.B9mGU5bB.min.js";
+import { a as c, h, H as m } from "./revolugo.hotelofferlist.DZ2dsJ-e.min.js";
+import { a as _, b as O, h as v, H as E } from "./revolugo.hoteloffersmap.C5g2oYhf.min.js";
+import { P as g } from "./revolugo.hoteldescriptionview.BDmYu0i8.min.js";
+import { B as w, l as H, n as M, _ as l, a as o } from "./revolugo.webcomponentwrapper.CwAC855u.min.js";
+import { B as b } from "./revolugo.bhotelsearchbar.DhebdaQo.min.js";
+import { b as f } from "./revolugo.breakpoint-service.ulonvHwK.min.js";
+import { p as x } from "./revolugo.parsed-height.DNFIHNkb.min.js";
+import { p as y } from "./revolugo.parsed-props.BaP5i3Zj.min.js";
+import { t as S } from "./revolugo.typed-mixins.CArk-fZ7.min.js";
+import { _ as k } from "./revolugo.vcard.Bs6nQzOl.min.js";
+import { _ as $ } from "./revolugo.index.Dx0TIvP-.min.js";
+import { _ as p } from "./revolugo.vbtn.DrwUvQHj.min.js";
+import { _ as n } from "./revolugo.index.CnslRErc.min.js";
+import { _ as C } from "./revolugo.termsandconditions.Fz3tL15I.min.js";
+function u(s) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const e = import.meta.url, t = e.slice(0, e.lastIndexOf("/") + 1) + s;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(t);
+      for (const r of REVOLUGO_ELEMENTS_STYLES.components)
+        r(t);
+      if (s.indexOf("fonts") >= 0) {
+        const r = document.createElement("link");
+        r.rel = "stylesheet", linK.href = t, document.head.appendChild(r);
+      }
+    }
+  } catch (e) {
+    console.error("[revolugo-elements] ", e);
+  }
+}
+const L = {
+  PreferencesMenu: !0,
+  HotelOfferList: c,
+  HotelOffersMap: {
+    ..._,
+    [O.FiltersMenu]: !1
+  }
+}, F = {
+  ...h,
+  ...v,
+  features: {
+    default: () => L,
+    type: [Object, String]
+  }
+}, R = S(
+  f,
+  d
+).extend({
+  name: "HotelOffersView",
+  components: {
+    BErrorOverlay: w,
+    BHotelSearchBar: b,
+    HotelOffersMap: E,
+    HotelOfferList: m,
+    PreferencesMenu: g
+  },
+  mixins: [
+    x,
+    f,
+    H("components/RevolugoElements/HotelOffersView"),
+    y({
+      fallbackValue: {},
+      propsName: "features"
+    })
+  ],
+  props: F,
+  data() {
+    return {
+      isMapDisplayed: !1,
+      isMapExpanded: !1,
+      currentHoveredHotel: "",
+      hotelOffersViewCardHeight: void 0,
+      observer: void 0
+    };
+  },
+  mounted() {
+    var e;
+    const s = (e = this.$refs.hotelOffersViewCard) == null ? void 0 : e.$el;
+    s && (this.observer = new ResizeObserver((t) => {
+      var i;
+      const r = (i = t[0]) == null ? void 0 : i.contentRect;
+      r && (this.hotelOffersViewCardHeight = r.height);
+    }), this.observer.observe(s));
+  },
+  destroyed() {
+    this.observer && this.observer.disconnect();
+  },
+  computed: {
+    hotelOfferRequest() {
+      return this.$store.get("hotelOfferRequest");
+    },
+    hotelOffers: a("hotelOffers/hotelOffers"),
+    isFetchingHotelOfferRequest: a("hotelOfferRequest/isFetching"),
+    isPollingHotelOffers: a("hotelOffers/isPolling"),
+    displayLoadingBar() {
+      var s;
+      return this.isFetchingHotelOfferRequest && this.isMapExpanded && this.$isCurrentBreakpointAboveOrEqual("sm") || this.isPollingHotelOffers && (!!((s = this.hotelOffers) != null && s.length) || this.isMapDisplayed && this.$isCurrentBreakpointBelowOrEqual("sm"));
+    },
+    showErrorMessage() {
+      return this.hotelOfferRequest.hasError || this.hasErrorHotelOffers;
+    }
+  },
+  methods: {
+    showMap() {
+      this.isMapDisplayed = !this.isMapDisplayed, this.$eventBus.$emit("hotel-offers-view:show-map", this.isMapDisplayed);
+    },
+    hoverHotel(s) {
+      this.currentHoveredHotel = s.id;
+    },
+    leaveHoverHotel() {
+      this.currentHoveredHotel = "";
+    }
+  }
+});
+var B = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("div", { staticClass: "d-flex flex-column position-relative", style: { height: e.parsedHeight } }, [e.showErrorMessage ? [t("b-error-overlay", { scopedSlots: e._u([{ key: "title", fn: function() {
+    return [e._v(" " + e._s(e.$t("HotelOffersView.error.title")) + " ")];
+  }, proxy: !0 }, { key: "description", fn: function() {
+    return [e._v(" " + e._s(e.$t("HotelOffersView.error.description")) + " ")];
+  }, proxy: !0 }], null, !1, 2359176521) })] : [e.isBookingApiClientDefined ? t("b-hotel-search-bar", { attrs: { "is-fetching": e.isFetchingHotelOfferRequest, "loading-bar-enabled": !1, "with-border": !1 }, scopedSlots: e._u([{ key: "after", fn: function() {
+    return [e.$isCurrentBreakpointAboveOrEqual("md") && e.parsedFeatures.PreferencesMenu ? [t("preferences-menu", { attrs: { compact: e.$isCurrentBreakpointBelow("lg"), direction: "bottom" } })] : e._e()];
+  }, proxy: !0 }], null, !1, 2472093378), model: { value: e.hotelOfferRequestInternal, callback: function(r) {
+    e.hotelOfferRequestInternal = r;
+  }, expression: "hotelOfferRequestInternal" } }) : e._e(), t(k, { ref: "hotelOffersViewCard", staticClass: "mt-1 flex-grow-1 overflow-hidden", attrs: { elevation: "0", tile: "" } }, [e.displayLoadingBar ? t($, { staticStyle: { "z-index": "2" }, attrs: { absolute: "", indeterminate: "" } }) : e._e(), t(l, { attrs: { "no-gutters": "" } }, [t(o, { class: e.isMapDisplayed ? "d-none d-md-block" : "d-block", style: {
+    maxWidth: e.$isCurrentBreakpointBelowOrEqual("sm") ? "100%" : e.isMapExpanded ? "0" : "520px"
+  }, attrs: { cols: "12", lg: "6", md: "7", xl: "5" } }, [t("hotel-offer-list", e._b({ attrs: { features: e.parsedFeatures.HotelOfferList, "loading-bar-enabled": !1, "max-height": "none", "no-padding": "" }, on: { "hotel-offer-item-mouseleave": e.leaveHoverHotel, "hotel-offer-item-mouseover": e.hoverHotel } }, "hotel-offer-list", { ...e.$props, height: e.hotelOffersViewCardHeight }, !1))], 1), t(o, { directives: [{ name: "show", rawName: "v-show", value: e.isMapDisplayed || e.$isCurrentBreakpointAboveOrEqual("sm"), expression: "isMapDisplayed || $isCurrentBreakpointAboveOrEqual('sm')" }] }, [t("hotel-offers-map", e._b({ attrs: { features: e.parsedFeatures.HotelOffersMap, "hovered-hotel": e.currentHoveredHotel, "loading-bar-enabled": !1, "max-height": "none" }, scopedSlots: e._u([{ key: "bottomleft", fn: function({ on: r }) {
+    return [t(p, e._g({ directives: [{ name: "show", rawName: "v-show", value: e.$isCurrentBreakpointAboveOrEqual("md"), expression: "$isCurrentBreakpointAboveOrEqual('md')" }], staticClass: "px-2", staticStyle: { width: "30px" }, attrs: { block: "", color: "grey darken-3", small: "" }, on: { click: function(i) {
+      e.isMapExpanded = !e.isMapExpanded;
+    } } }, r), [t(n, { attrs: { color: "white" } }, [e.isMapExpanded ? [e._v(" fa fa-minimize ")] : [e._v(" fa-expand ")]], 2)], 1)];
+  } }, { key: "bottomleft-tooltip-text", fn: function() {
+    return [e.isMapExpanded ? [t("span", [e._v(e._s(e.$t("HotelOffersView.map.minimize")))])] : [t("span", [e._v(e._s(e.$t("HotelOffersView.map.expand")))])]];
+  }, proxy: !0 }]) }, "hotel-offers-map", { ...e.$props, height: e.hotelOffersViewCardHeight }, !1))], 1)], 1)], 1), t(C, { staticClass: "mb-2 w-75", staticStyle: { "margin-left": "auto", "margin-right": "auto" }, attrs: { absolute: "", color: "transparent", padless: "" } }, [t(l, { attrs: { dense: "" } }, [t(o, { class: e.parsedFeatures.PreferencesMenu ? "text-right" : "text-center", attrs: { cols: e.parsedFeatures.PreferencesMenu ? "7" : "12" } }, [e.$isCurrentBreakpointBelowOrEqual("sm") ? t(p, { staticClass: "white--text", attrs: { color: "grey darken-3", small: "" }, on: { click: e.showMap } }, [e.isMapDisplayed ? [e.isMapDisplayed ? t(n, [e._v(" fa-solid fa-list ")]) : e._e(), t("small", { staticClass: "ml-2" }, [e._v(e._s(e.$t(`HotelOffersView.actions.${e.$breakpointService.width < 350 ? "responsive" : "regular"}.showList`)))])] : [t(n, [e._v(" fa-solid fa-map ")]), t("small", { staticClass: "ml-2" }, [e._v(e._s(e.$t(`HotelOffersView.actions.${e.$breakpointService.width < 350 ? "responsive" : "regular"}.showMap`)))])]], 2) : e._e()], 1), e.parsedFeatures.PreferencesMenu ? t(o, [t("preferences-menu", { staticClass: "d-md-none", attrs: { color: "grey darken-3", direction: "top" } })], 1) : e._e()], 1)], 1)]], 2);
+}, V = [], q = /* @__PURE__ */ M(
+  R,
+  B,
+  V,
+  !1,
+  null,
+  "89e44b8f",
+  null,
+  null
+);
+const Z = q.exports;
+u("css/revolugo.hoteloffersview.MWOmwEwv.css");
+export {
+  Z as H,
+  L as a,
+  F as h
+};
+//# sourceMappingURL=revolugo.hoteloffersview.DcnEyUUU.min.js.map