@revolugo/elements 5.5.1-beta.9 → 5.5.1-rc.0

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

@@ -1,446 +0,0 @@
-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