@revolugo/elements 5.5.1-beta.1 → 5.5.1-beta.10

package/dist/revolugo.bhotelsearchbar.D29hl2MS.min.js

@@ -0,0 +1,446 @@
+import { V as d, d as l, t as p, y as $, w as I } from "./revolugo.i18n.BIDah4Hr.min.js";
+import { B as M } from "./revolugo.bdaterangepicker.D7vKynZO.min.js";
+import { b as C } from "./revolugo.breakpoint-service.ulonvHwK.min.js";
+import { l as g, n as m, _, a as i } from "./revolugo.webcomponentwrapper.Dhr34jp1.min.js";
+import { _ as x } from "./revolugo.vmenu.CThLxAWt.min.js";
+import { _ as a } from "./revolugo.vbtn.BNPhP-XR.min.js";
+import { _ as u } from "./revolugo.index.CMpCToBI.min.js";
+import { _ as k } from "./revolugo.vbadge.B3P90j3E.min.js";
+import { _ as O } from "./revolugo.vform.D7XJ7bEy.min.js";
+import { V as h } from "./revolugo.index.CfwKNM8Q.min.js";
+import { _ as b } from "./revolugo.vcard.ndQpNewl.min.js";
+import { _ as S, a as c } from "./revolugo.vlistitem.ChmT4RKD.min.js";
+import { _ as B } from "./revolugo.vselect.BXEzrczG.min.js";
+import { a as A } from "./revolugo.index.Dudg2j1-.min.js";
+import { _ as E } from "./revolugo.common.BavAKcPL.min.js";
+import { _ as D } from "./revolugo.index.B8RjdKfF.min.js";
+function R(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const t = import.meta.url, n = t.slice(0, t.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(n);
+      for (const s of REVOLUGO_ELEMENTS_STYLES.components)
+        s(n);
+      if (e.indexOf("fonts") >= 0) {
+        const s = document.createElement("link");
+        s.rel = "stylesheet", linK.href = n, document.head.appendChild(s);
+      }
+    }
+  } catch (t) {
+    console.error("[revolugo-elements] ", t);
+  }
+}
+const N = {
+  value: { type: Array }
+}, G = d.extend({
+  name: "DateRangePickerMenu",
+  components: {
+    BDateRangePicker: M
+  },
+  mixins: [C, g("components/ui/BDateRangePickerMenu")],
+  props: N,
+  data() {
+    return {
+      isMenuOpen: !1,
+      model: this.value
+    };
+  },
+  computed: {
+    today() {
+      return l().format("YYYY-MM-DD");
+    },
+    nightCount() {
+      return !this.model || this.model.length < 2 ? 0 : l(this.model[1]).diff(l(this.model[0]), "day");
+    },
+    readableDateRange() {
+      return this.model && this.model.map(
+        (e) => l(e).toDate().toLocaleString(this.$i18n.locale, {
+          weekday: "short",
+          day: "2-digit",
+          month: "short",
+          year: "numeric"
+        })
+      );
+    }
+  },
+  watch: {
+    value: {
+      handler(e) {
+        e && (this.model = p(e[0], e[1]));
+      },
+      deep: !0,
+      immediate: !0
+    },
+    model() {
+      this.dateRangeUpdated();
+    }
+  },
+  methods: {
+    dateRangeUpdated() {
+      this.isMenuOpen = !1, this.$emit("input", this.model);
+    }
+  }
+});
+var L = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", [n(x, { staticClass: "date-range-picker", attrs: { attach: "", "close-on-content-click": !1, "min-width": t.$breakpointService.xs ? "100%" : "570px", "offset-overflow": "", "offset-y": "" }, scopedSlots: t._u([{ key: "activator", fn: function({ on: s, attrs: o }) {
+    return [n(a, t._g(t._b({ attrs: { color: "primary", "data-cy": "b-date-range-picker-btn", elevation: "0", "min-width": "100%", small: "" } }, "v-btn", o, !1), s), [n(u, { staticClass: "pr-1" }, [t._v(" fa-calendar-days ")]), n("b", [t._v(t._s(t.readableDateRange && t.readableDateRange[0] || t.$t("BDateRangePickerMenu.checkIn")))]), n(u, { staticClass: "mx-1" }, [t._v(" fa-long-arrow-alt-right ")]), n(k, { attrs: { bordered: "", color: "accent", content: `${t.nightCount} ${t.$tc(
+      "BDateRangePickerMenu.nights",
+      t.nightCount
+    )}`, "offset-x": "35%", "offset-y": "-2", overlap: "", value: t.nightCount > 0 } }, [n("b", [t._v(t._s(t.readableDateRange && t.readableDateRange[1] || t.$t("BDateRangePickerMenu.checkOut")))])])], 1)];
+  } }]), model: { value: t.isMenuOpen, callback: function(s) {
+    t.isMenuOpen = s;
+  }, expression: "isMenuOpen" } }, [t.isMenuOpen ? [n("b-date-range-picker", { staticClass: "ma-0", model: { value: t.model, callback: function(s) {
+    t.model = s;
+  }, expression: "model" } })] : t._e()], 2)], 1);
+}, U = [], F = /* @__PURE__ */ m(
+  G,
+  L,
+  U,
+  !1,
+  null,
+  "ee7e33a2",
+  null,
+  null
+);
+const T = F.exports, w = /\.\d*[09]{10}\d*$/u, f = (e, t = 1e11) => w.test(String(e)) ? Math.round(e * t) / t : e, P = {
+  max: {
+    default: Number.POSITIVE_INFINITY,
+    type: Number
+  },
+  min: {
+    default: Number.NEGATIVE_INFINITY,
+    type: Number
+  },
+  step: {
+    default: 1,
+    type: Number
+  },
+  value: { type: Number }
+}, Y = d.extend({
+  name: "BNumberInput",
+  props: P,
+  data() {
+    return {
+      autoInterval: void 0,
+      elapsed: 0,
+      interval: 200
+    };
+  },
+  computed: {
+    width() {
+      return `${Math.max(String(this.value).length, 3) + 4}ch`;
+    }
+  },
+  methods: {
+    decrement() {
+      this.$emit("input", f(this.value - this.step));
+    },
+    increment() {
+      this.$emit("input", f(this.value + this.step));
+    },
+    startAutoIncrement() {
+      this.increment(), this.startAuto(() => {
+        this.increment();
+      });
+    },
+    startAutoDecrement() {
+      this.decrement(), this.startAuto(() => {
+        this.decrement();
+      });
+    },
+    startAuto(e) {
+      this.autoInterval = setInterval(() => {
+        e(), this.elapsed += this.interval, this.elapsed > 1e3 && (this.autoInterval && clearInterval(this.autoInterval), this.autoInterval = void 0, this.interval /= 2, this.elapsed = 0, this.startAuto(e));
+      }, this.interval);
+    },
+    stopAuto() {
+      this.autoInterval && clearInterval(this.autoInterval), this.autoInterval = void 0, this.interval = 200, this.elapsed = 0;
+    }
+  }
+});
+var j = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", { staticClass: "d-flex align-center" }, [n(a, { attrs: { color: "primary", disabled: t.value === t.min, elevation: "0", icon: "", outlined: "", tile: "" }, on: { mousedown: t.startAutoDecrement, mouseout: t.stopAuto, mouseup: t.stopAuto } }, [n(u, [t._v("fa-minus")])], 1), n("b", { staticClass: "primary--text px-4 text-center", style: {
+    width: t.width
+  } }, [t._v(t._s(t.value))]), n(a, { attrs: { color: "primary", disabled: t.value === t.max, elevation: "0", icon: "", outlined: "", tile: "" }, on: { mousedown: t.startAutoIncrement, mouseout: t.stopAuto, mouseup: t.stopAuto } }, [n(u, [t._v("fa-plus")])], 1)], 1);
+}, V = [], X = /* @__PURE__ */ m(
+  Y,
+  j,
+  V,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const z = X.exports, H = 200, q = 200, K = 5, J = 200, v = 4, Q = {
+  maxAdultCount: {
+    default: H,
+    type: Number
+  },
+  maxChildCount: {
+    default: q,
+    type: Number
+  },
+  maxRoomCount: {
+    default: J,
+    type: Number
+  },
+  value: { type: Object }
+}, W = /^(?:[0-9]|0[1-9]|1[0-7])(,(?:[1-9]|0[1-9]|1[0-7]))*,*$/u, Z = d.extend({
+  name: "BGuestsInputs",
+  components: {
+    BNumberInput: z
+  },
+  mixins: [C, g("components/ui/BGuestsInputs")],
+  props: Q,
+  data() {
+    var e, t, n, s, o, r;
+    return {
+      adultCount: ((e = this.value) == null ? void 0 : e.adultCount) ?? 1,
+      children: ((t = this.value) == null ? void 0 : t.children) ?? null,
+      childrenRules: [(y) => y > -1],
+      isMenuOpen: !1,
+      previousState: {
+        adultCount: ((n = this.value) == null ? void 0 : n.adultCount) ?? 1,
+        children: (s = this.value) == null ? void 0 : s.children,
+        roomCount: ((o = this.value) == null ? void 0 : o.roomCount) ?? 1
+      },
+      roomCount: ((r = this.value) == null ? void 0 : r.roomCount) ?? 1,
+      valid: !1
+    };
+  },
+  computed: {
+    adultCountRange() {
+      return [
+        this.roomCount,
+        Math.min(this.maxAdultCount, this.roomCount * v)
+      ];
+    },
+    childCount: {
+      get() {
+        return this.childrenFormatted.length;
+      },
+      set(e) {
+        this.children = e > this.childrenFormatted.length ? [...this.childrenFormatted, -1].join(",") : this.childrenFormatted.slice(0, -1).join(",");
+      }
+    },
+    childCountRange() {
+      return [0, this.adultCount * K];
+    },
+    childrenFormatted: {
+      get() {
+        var e;
+        return (e = this.children) != null && e.length ? $(this.children.split(","), Number) : [];
+      },
+      set(e) {
+        this.children = e.join(",");
+      }
+    },
+    roomCountRange() {
+      return [
+        Math.ceil(this.adultCount / v),
+        Math.min(this.maxRoomCount, this.adultCount)
+      ];
+    },
+    childrenSelectOptions() {
+      return I(18, (e) => ({
+        text: (
+          /* eslint-disable operator-linebreak */
+          e === 0 ? (
+            // eslint-disable-next-line @typescript-eslint/no-base-to-string
+            this.$t("BGuestsInputs.under12months").toString()
+          ) : `${e} ${this.$tc("BGuestsInputs.age", e)}`
+        ),
+        /* eslint-enable operator-linebreak */
+        value: e
+      }));
+    }
+  },
+  watch: {
+    isMenuOpen(e) {
+      e === !1 ? this.emitValue() : this.previousState = {
+        adultCount: this.adultCount,
+        children: this.children,
+        roomCount: this.roomCount
+      };
+    },
+    value: {
+      deep: !0,
+      immediate: !0,
+      handler(e, t) {
+        e && (e.children && W.test(e.children) ? (this.children = e.children.replace(/(^,*)|(,*$)/gu, ""), this.childrenFormatted.length > this.childCountRange[1] && (this.children = this.childrenFormatted.slice(this.childCountRange[1]).join(","))) : this.children = null, e.adultCount && (!t || e.adultCount !== t.adultCount) ? (this.adultCount = Math.min(e.adultCount, this.maxAdultCount), this.roomCount = Math.min(
+          Math.max(e.roomCount || 0, this.roomCountRange[0]),
+          this.roomCountRange[1]
+        )) : e.roomCount && (!t || e.roomCount !== t.roomCount) && (this.roomCount = Math.min(e.roomCount, this.maxRoomCount), this.adultCount = Math.min(
+          Math.max(e.adultCount || 0, this.adultCountRange[0]),
+          this.adultCountRange[1]
+        )), this.emitValue());
+      }
+    }
+  },
+  methods: {
+    adultCountUpdated(e) {
+      this.adultCount = e, this.roomCount = Math.min(
+        Math.max(this.roomCount, this.roomCountRange[0]),
+        this.roomCountRange[1]
+      );
+    },
+    emitValue() {
+      this.$emit("input", {
+        adultCount: this.adultCount,
+        children: this.children,
+        roomCount: this.roomCount
+      });
+    },
+    onCancel(e) {
+      this.adultCount = this.previousState.adultCount, this.children = this.previousState.children, this.roomCount = this.previousState.roomCount, e === !0 && (this.isMenuOpen = !1);
+    },
+    onChildAgeUpdate(e, t) {
+      this.childrenFormatted = [
+        ...this.childrenFormatted.slice(0, t),
+        e,
+        ...this.childrenFormatted.slice(t + 1)
+      ];
+    },
+    onSave() {
+      var e;
+      (e = this.$refs.form) != null && e.validate() && (this.previousState = {
+        adultCount: this.adultCount,
+        children: this.children,
+        roomCount: this.roomCount
+      }, this.emitValue(), this.isMenuOpen = !1);
+    },
+    roomCountUpdated(e) {
+      this.roomCount = e, this.adultCount = Math.min(
+        Math.max(this.adultCount, this.adultCountRange[0]),
+        this.adultCountRange[1]
+      );
+    }
+  }
+});
+var tt = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", [n(x, { directives: [{ name: "click-outside", rawName: "v-click-outside", value: t.onCancel, expression: "onCancel" }], attrs: { attach: "", "close-on-content-click": !1, "max-width": t.$breakpointService.xs ? "100%" : "340px", "min-width": t.$breakpointService.xs ? "100%" : "340px", "offset-y": "" }, scopedSlots: t._u([{ key: "activator", fn: function({ on: s, attrs: o }) {
+    return [n(a, t._g(t._b({ attrs: { block: "", color: "primary", "data-cy": "b-guests-inputs-button", elevation: "0", small: "" } }, "v-btn", o, !1), s), [n(u, { staticClass: "pr-2", style: "font-size: 12px;" }, [t._v(" fa-user ")]), n("b", [t._v(" " + t._s(t.adultCount) + " " + t._s(t.$tc("BGuestsInputs.travelers", t.adultCount)) + "   |    " + t._s(t.childCount) + " " + t._s(t.$tc("BGuestsInputs.children", t.childCount)) + "   |    " + t._s(t.roomCount) + " " + t._s(t.$tc("BGuestsInputs.rooms", t.roomCount)) + " ")])], 1)];
+  } }]), model: { value: t.isMenuOpen, callback: function(s) {
+    t.isMenuOpen = s;
+  }, expression: "isMenuOpen" } }, [n(b, [n(O, { ref: "form", attrs: { "lazy-validation": "" }, model: { value: t.valid, callback: function(s) {
+    t.valid = s;
+  }, expression: "valid" } }, [n(S, { attrs: { dense: "" } }, [n(c, { attrs: { "data-cy": "adult-count-input" } }, [n(h, { staticClass: "font-weight-medium" }, [t._v(" " + t._s(t.$tc("BGuestsInputs.travelers", 2)) + " ")]), n("b-number-input", { attrs: { "data-cy": "b-guests-inputs-adult-count-input", max: t.maxAdultCount, min: 1 }, on: { input: t.adultCountUpdated }, model: { value: t.adultCount, callback: function(s) {
+    t.adultCount = s;
+  }, expression: "adultCount" } })], 1), n(c, { staticClass: "mt-2", attrs: { "data-cy": "children-count-input" } }, [n(h, { staticClass: "font-weight-medium" }, [t._v(" " + t._s(t.$tc("BGuestsInputs.children", 2)) + " "), n("span", { staticClass: "d-block text-caption" }, [t._v(t._s(t.$t("BGuestsInputs.childrenAgeRange")))])]), n("b-number-input", { attrs: { "data-cy": "b-guests-inputs-child-count-input", max: t.childCountRange[1], min: 0 }, model: { value: t.childCount, callback: function(s) {
+    t.childCount = s;
+  }, expression: "childCount" } })], 1), t.childCount > 0 ? n(c, [n(_, { staticClass: "mt-2" }, t._l(t.childrenFormatted, function(s, o) {
+    return n(i, { key: o, staticClass: "pt-0", attrs: { cols: "6", sm: "6" } }, [n(B, { staticClass: "child-age-input-select", attrs: { attach: "", dense: "", "hide-details": "", items: t.childrenSelectOptions, max: "17", "menu-props": {
+      activator: t.$el,
+      auto: !0,
+      contentClass: "child-age-input-menu"
+    }, min: "0", outlined: "", placeholder: t.$t("BGuestsInputs.requiredChildAge"), required: "", rules: t.childrenRules, type: "number", value: t.childrenFormatted[o] }, on: { input: function(r) {
+      return t.onChildAgeUpdate(r, o);
+    } } })], 1);
+  }), 1)], 1) : t._e(), n(c, { staticClass: "mt-2", attrs: { "data-cy": "room-count-input" } }, [n(h, { staticClass: "font-weight-medium" }, [t._v(" " + t._s(t.$tc("BGuestsInputs.rooms", 2)) + " ")]), n("b-number-input", { attrs: { "data-cy": "b-guests-inputs-room-count-input", max: t.maxRoomCount, min: 1 }, on: { input: t.roomCountUpdated }, model: { value: t.roomCount, callback: function(s) {
+    t.roomCount = s;
+  }, expression: "roomCount" } })], 1)], 1), n(A, [n(E), n(a, { staticClass: "text-right", attrs: { color: "primary", elevation: "0", small: "", text: "" }, on: { click: function(s) {
+    return t.onCancel(!0);
+  } } }, [t._v(" " + t._s(t.$t("BGuestsInputs.cancel")) + " ")]), n(a, { staticClass: "text-right", attrs: { color: "primary", elevation: "0", small: "" }, on: { click: t.onSave } }, [t._v(" " + t._s(t.$t("BGuestsInputs.save")) + " ")])], 1)], 1)], 1)], 1)], 1);
+}, et = [], nt = /* @__PURE__ */ m(
+  Z,
+  tt,
+  et,
+  !1,
+  null,
+  "fe814f2e",
+  null,
+  null
+);
+const st = nt.exports, ot = {
+  isFetching: { type: Boolean },
+  loadingBarEnabled: {
+    type: Boolean,
+    default: !0
+  },
+  value: { type: Object },
+  withBorder: {
+    default: !1,
+    type: Boolean
+  }
+}, at = d.extend({
+  name: "HotelSearchBar",
+  components: {
+    BDateRangePickerMenu: T,
+    BGuestsInputs: st
+  },
+  mixins: [C],
+  props: ot,
+  computed: {
+    dateRange: {
+      get() {
+        return p(
+          this.value.checkInDate,
+          this.value.checkOutDate
+        );
+      },
+      set(e) {
+        if (e[0] !== this.value.checkInDate || e[1] !== this.value.checkOutDate) {
+          const [t, n] = p(...e);
+          this.emitValue({
+            ...this.value,
+            checkInDate: t,
+            checkOutDate: n
+          });
+        }
+      }
+    },
+    guestsInputsValue: {
+      get() {
+        return {
+          adultCount: this.value.adultCount,
+          children: this.value.children,
+          roomCount: this.value.roomCount
+        };
+      },
+      set(e) {
+        (e.adultCount !== this.value.adultCount || e.children !== this.value.children || e.roomCount !== this.value.roomCount) && this.emitValue({
+          ...this.value,
+          adultCount: e.adultCount,
+          children: e.children,
+          roomCount: e.roomCount
+        });
+      }
+    }
+  },
+  methods: {
+    emitValue(e) {
+      this.$emit("input", e);
+    }
+  }
+});
+var it = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n(b, { staticClass: "pa-0", attrs: { color: "transparent", elevation: "0" } }, [n(_, { attrs: { dense: "" } }, [n(i, { attrs: { "align-self": "end", cols: "12", sm: "6" } }, [n("b-date-range-picker-menu", { model: { value: t.dateRange, callback: function(s) {
+    t.dateRange = s;
+  }, expression: "dateRange" } })], 1), n(i, { attrs: { "align-self": "end", cols: "12", sm: t.$slots.after ? "5" : "6" } }, [n("b-guests-inputs", { model: { value: t.guestsInputsValue, callback: function(s) {
+    t.guestsInputsValue = s;
+  }, expression: "guestsInputsValue" } })], 1), t.$slots.after ? n(i, { staticClass: "text-right", attrs: { cols: "1" } }, [t._t("after")], 2) : t._e()], 1), n(_, { attrs: { "no-gutters": "" } }, [n(i, { attrs: { cols: "12", sm: t.$slots.after ? "11" : "12" } }, [t.loadingBarEnabled && t.isFetching ? n(D, { attrs: { color: "secondary", indeterminate: "" } }) : t._e()], 1)], 1)], 1);
+}, ut = [], rt = /* @__PURE__ */ m(
+  at,
+  it,
+  ut,
+  !1,
+  null,
+  "2510b3ce",
+  null,
+  null
+);
+const It = rt.exports;
+R("css/revolugo.bhotelsearchbar.dwYB1gUC.css");
+export {
+  It as B
+};
+//# sourceMappingURL=revolugo.bhotelsearchbar.D29hl2MS.min.js.map