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

package/dist/revolugo.hotel-offer.DkBY7KF0.min.js

@@ -0,0 +1,605 @@
+import { V as l, e as x, w as $ } from "./revolugo.i18n.BIDah4Hr.min.js";
+import { m as o, b as C, n as h, _ as p } from "./revolugo.webcomponentwrapper.Dhr34jp1.min.js";
+import { V as n, a as T, _ as k } from "./revolugo.vslidegroup.Dlwmh4Oi.min.js";
+import { _ as A, R as E, f as _ } from "./revolugo.index.CMpCToBI.min.js";
+import { i as B, h as I, j as v, q as g } from "./revolugo.revolugo-config.B9n_CElG.min.js";
+import { a as d } from "./revolugo.vtoolbar.C98lEGDc.min.js";
+import { M as L } from "./revolugo.vsheet.BWJwctvS.min.js";
+import { I as U } from "./revolugo.vuetify.BEdap6Ni.min.js";
+import { _ as V } from "./revolugo.vbtn.BNPhP-XR.min.js";
+import { _ as D } from "./revolugo.index.B8RjdKfF.min.js";
+import { B as a } from "./revolugo.vitemgroup.DjZ_N7Ml.min.js";
+function w(t) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const e = import.meta.url, i = e.slice(0, e.lastIndexOf("/") + 1) + t;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(i);
+      for (const s of REVOLUGO_ELEMENTS_STYLES.components)
+        s(i);
+      if (t.indexOf("fonts") >= 0) {
+        const s = document.createElement("link");
+        s.rel = "stylesheet", linK.href = i, document.head.appendChild(s);
+      }
+    }
+  } catch (e) {
+    console.error("[revolugo-elements] ", e);
+  }
+}
+const O = a.extend({
+  name: "button-group",
+  provide() {
+    return {
+      btnToggle: this
+    };
+  },
+  computed: {
+    classes() {
+      return a.options.computed.classes.call(this);
+    }
+  },
+  methods: {
+    // Isn't being passed down through types
+    genData: a.options.methods.genData
+  }
+}), N = n.extend({
+  name: "v-carousel",
+  props: {
+    continuous: {
+      type: Boolean,
+      default: !0
+    },
+    cycle: Boolean,
+    delimiterIcon: {
+      type: String,
+      default: "$delimiter"
+    },
+    height: {
+      type: [Number, String],
+      default: 500
+    },
+    hideDelimiters: Boolean,
+    hideDelimiterBackground: Boolean,
+    interval: {
+      type: [Number, String],
+      default: 6e3,
+      validator: (t) => t > 0
+    },
+    mandatory: {
+      type: Boolean,
+      default: !0
+    },
+    progress: Boolean,
+    progressColor: String,
+    showArrows: {
+      type: Boolean,
+      default: !0
+    },
+    verticalDelimiters: {
+      type: String,
+      default: void 0
+    }
+  },
+  // pass down the parent's theme
+  provide() {
+    return {
+      parentTheme: this.theme
+    };
+  },
+  data() {
+    return {
+      internalHeight: this.height,
+      slideTimeout: void 0
+    };
+  },
+  computed: {
+    classes() {
+      return {
+        ...n.options.computed.classes.call(this),
+        "v-carousel": !0,
+        "v-carousel--hide-delimiter-background": this.hideDelimiterBackground,
+        "v-carousel--vertical-delimiters": this.isVertical
+      };
+    },
+    isDark() {
+      return this.dark || !this.light;
+    },
+    isVertical() {
+      return this.verticalDelimiters != null;
+    }
+  },
+  watch: {
+    internalValue: "restartTimeout",
+    interval: "restartTimeout",
+    height(t, e) {
+      t === e || !t || (this.internalHeight = t);
+    },
+    cycle(t) {
+      t ? this.restartTimeout() : (clearTimeout(this.slideTimeout), this.slideTimeout = void 0);
+    }
+  },
+  created() {
+    this.$attrs.hasOwnProperty("hide-controls") && B("hide-controls", ':show-arrows="false"', this);
+  },
+  mounted() {
+    this.startTimeout();
+  },
+  methods: {
+    genControlIcons() {
+      return this.isVertical ? null : n.options.methods.genControlIcons.call(this);
+    },
+    genDelimiters() {
+      return this.$createElement("div", {
+        staticClass: "v-carousel__controls",
+        style: {
+          left: this.verticalDelimiters === "left" && this.isVertical ? 0 : "auto",
+          right: this.verticalDelimiters === "right" ? 0 : "auto"
+        }
+      }, [this.genItems()]);
+    },
+    genItems() {
+      const t = this.items.length, e = [];
+      for (let i = 0; i < t; i++) {
+        const s = this.$createElement(V, {
+          staticClass: "v-carousel__controls__item",
+          attrs: {
+            "aria-label": this.$vuetify.lang.t("$vuetify.carousel.ariaLabel.delimiter", i + 1, t)
+          },
+          props: {
+            icon: !0,
+            small: !0,
+            value: this.getValue(this.items[i], i)
+          },
+          key: i
+        }, [this.$createElement(A, {
+          props: {
+            size: 18
+          }
+        }, this.delimiterIcon)]);
+        e.push(s);
+      }
+      return this.$createElement(O, {
+        props: {
+          value: this.internalValue,
+          mandatory: this.mandatory
+        },
+        on: {
+          change: (i) => {
+            this.internalValue = i;
+          }
+        }
+      }, e);
+    },
+    genProgress() {
+      return this.$createElement(D, {
+        staticClass: "v-carousel__progress",
+        props: {
+          color: this.progressColor,
+          value: (this.internalIndex + 1) / this.items.length * 100
+        }
+      });
+    },
+    restartTimeout() {
+      this.slideTimeout && clearTimeout(this.slideTimeout), this.slideTimeout = void 0, window.requestAnimationFrame(this.startTimeout);
+    },
+    startTimeout() {
+      this.cycle && (this.slideTimeout = window.setTimeout(this.next, +this.interval > 0 ? +this.interval : 6e3));
+    }
+  },
+  render(t) {
+    const e = n.options.render.call(this, t);
+    return e.data.style = `height: ${I(this.height)};`, this.hideDelimiters || e.children.push(this.genDelimiters()), (this.progress || this.progressColor) && e.children.push(this.genProgress()), e;
+  }
+}), z = o(T, E), R = z.extend().extend({
+  name: "v-carousel-item",
+  inject: {
+    parentTheme: {
+      default: {
+        isDark: !1
+      }
+    }
+  },
+  // pass down the parent's theme
+  provide() {
+    return {
+      theme: this.parentTheme
+    };
+  },
+  inheritAttrs: !1,
+  methods: {
+    genDefaultSlot() {
+      return [this.$createElement(d, {
+        staticClass: "v-carousel__item",
+        props: {
+          ...this.$attrs,
+          height: this.windowGroup.internalHeight
+        },
+        on: this.$listeners,
+        scopedSlots: {
+          placeholder: this.$scopedSlots.placeholder
+        }
+      }, v(this))];
+    },
+    genWindowItem() {
+      const {
+        tag: t,
+        data: e
+      } = this.generateRouteLink();
+      return e.staticClass = "v-window-item", e.directives.push({
+        name: "show",
+        value: this.isActive
+      }), this.$createElement(t, e, this.genDefaultSlot());
+    }
+  }
+}), y = l.extend({
+  props: {
+    activeClass: String,
+    value: {
+      required: !1
+    },
+    disabled: Boolean
+  },
+  data: () => ({
+    isActive: !1
+  }),
+  methods: {
+    toggle() {
+      this.isActive = !this.isActive;
+    }
+  },
+  render() {
+    if (!this.$scopedSlots.default)
+      return g("v-item is missing a default scopedSlot", this), null;
+    let t;
+    return this.$scopedSlots.default && (t = this.$scopedSlots.default({
+      active: this.isActive,
+      toggle: this.toggle
+    })), Array.isArray(t) && t.length === 1 && (t = t[0]), !t || Array.isArray(t) || !t.tag ? (g("v-item should only contain a single element", this), t) : (t.data = this._b(t.data || {}, t.tag, {
+      class: {
+        [this.activeClass]: this.isActive,
+        "v-item--disabled": this.disabled
+      }
+    }), this.disabled && (t.data.attrs = {
+      ...t.data.attrs,
+      tabindex: -1
+    }), t);
+  }
+});
+o(y, _("itemGroup", "v-item", "v-item-group")).extend({
+  name: "v-item"
+});
+const G = o(L, C).extend({
+  name: "VLazy",
+  directives: {
+    intersect: U
+  },
+  props: {
+    options: {
+      type: Object,
+      // For more information on types, navigate to:
+      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
+      default: () => ({
+        root: void 0,
+        rootMargin: void 0,
+        threshold: void 0
+      })
+    },
+    tag: {
+      type: String,
+      default: "div"
+    },
+    transition: {
+      type: String,
+      default: "fade-transition"
+    }
+  },
+  computed: {
+    styles() {
+      return {
+        ...this.measurableStyles
+      };
+    }
+  },
+  methods: {
+    genContent() {
+      const t = this.isActive && v(this);
+      return this.transition ? this.$createElement("transition", {
+        props: {
+          name: this.transition
+        }
+      }, t) : t;
+    },
+    onObserve(t, e, i) {
+      this.isActive || (this.isActive = i);
+    }
+  },
+  render(t) {
+    return t(this.tag, {
+      staticClass: "v-lazy",
+      attrs: this.$attrs,
+      directives: [{
+        name: "intersect",
+        value: {
+          handler: this.onObserve,
+          options: this.options
+        }
+      }],
+      on: this.$listeners,
+      style: this.styles
+    }, [this.genContent()]);
+  }
+}), M = o(
+  y,
+  _("slideGroup")
+  /* @vue/component */
+).extend({
+  name: "v-slide-item"
+}), H = {
+  height: {
+    type: String,
+    required: !0
+  },
+  width: {
+    type: String,
+    required: !1,
+    default: () => "100%"
+  },
+  address: {
+    type: String,
+    required: !0
+  },
+  city: {
+    type: String,
+    required: !0
+  }
+}, q = l.extend({
+  name: "BGoogleMapIframe",
+  props: H,
+  computed: {
+    url() {
+      if (!this.address || !this.city)
+        return "";
+      const t = this.address.toLowerCase().replace(/ /gu, "+"), e = this.city.toLowerCase().replace(/[ "'.1-9_]/gu, "");
+      return `https://maps.google.com/maps?q=${t},+${e}&output=embed`;
+    }
+  }
+});
+var P = function() {
+  var e = this, i = e._self._c;
+  return e._self._setupProxy, i("iframe", e._b({ staticStyle: { "margin-bottom": "-6px" }, attrs: { frameborder: "0", src: e.url } }, "iframe", e.$props, !1));
+}, j = [], W = /* @__PURE__ */ h(
+  q,
+  P,
+  j,
+  !1,
+  null,
+  "33036d61",
+  null,
+  null
+);
+const ge = W.exports, F = {
+  height: {
+    default: "70px",
+    type: [String, Number]
+  },
+  imageUrls: { type: Array },
+  rounded: { type: Boolean },
+  slide: { type: Number }
+}, Y = l.extend({
+  name: "BImageCarouselThumbnails",
+  model: {
+    prop: "slide",
+    event: "change"
+  },
+  props: F,
+  data() {
+    return {
+      currentSlide: this.slide || 0
+    };
+  },
+  watch: {
+    slide(t) {
+      this.currentSlide = t;
+    }
+  },
+  methods: {
+    // eslint-disable-next-line func-names, @typescript-eslint/no-explicit-any
+    onThumbnailLoad: x(function() {
+      this.$refs["slide-group"].setWidths();
+    }, 50)
+  }
+});
+var K = function() {
+  var e = this, i = e._self._c;
+  return e._self._setupProxy, i(k, { ref: "slide-group", attrs: { "center-active": "", mandatory: "", "show-arrows": !1 }, model: { value: e.currentSlide, callback: function(s) {
+    e.currentSlide = s;
+  }, expression: "currentSlide" } }, e._l(e.imageUrls, function(s, r) {
+    return i(M, { key: r, scopedSlots: e._u([{ key: "default", fn: function({ active: m, toggle: b }) {
+      return [i("div", { staticClass: "thumb cursor-pointer", class: { active: m, "mr-1": r < e.imageUrls.length - 1 }, attrs: { "data-index": r }, on: { click: function(S) {
+        b(S), e.$emit("change", r);
+      } } }, [i(d, { class: { rounded: e.rounded }, attrs: { height: e.height, "max-width": "105", src: s }, on: { load: e.onThumbnailLoad } })], 1)];
+    } }], null, !0) });
+  }), 1);
+}, J = [], Q = /* @__PURE__ */ h(
+  Y,
+  K,
+  J,
+  !1,
+  null,
+  "616a8e45",
+  null,
+  null
+);
+const X = Q.exports, Z = {
+  clickable: {
+    default: !1,
+    type: Boolean
+  },
+  height: { type: String },
+  imageUrls: { type: Array },
+  lazy: {
+    default: 0,
+    type: Number
+  },
+  limit: {
+    default: 80,
+    type: Number
+  },
+  rounded: { type: Boolean },
+  showThumbnails: { type: Boolean },
+  slide: { type: Number },
+  thumbnailUrls: { type: Array },
+  thumbnailsHeight: {
+    type: [String, Number]
+  },
+  width: { type: String }
+}, f = (t) => {
+  if (!t)
+    return {
+      val: 0
+    };
+  const e = /(-?[\d.]+)([%a-z]*)/u.exec(t.toString());
+  return !e || !e[1] ? {
+    val: 0
+  } : {
+    unit: e[2],
+    val: Number.parseInt(e[1])
+  };
+}, ee = l.extend({
+  name: "BImageCarousel",
+  components: {
+    "b-image-carousel-thumbnails": X
+  },
+  model: {
+    prop: "slide",
+    event: "change"
+  },
+  props: Z,
+  data() {
+    return {
+      currentSlide: this.slide || 0,
+      isActive: !1,
+      isVisible: !1
+    };
+  },
+  computed: {
+    imagesToLoad() {
+      if (!this.isVisible)
+        return [];
+      if (this.lazy === 0)
+        return [this.currentSlide];
+      const t = this.imageUrls.length;
+      return this.lazy < 0 ? Array.from({ length: t }, (e, i) => i) : Array.from(
+        { length: 2 * this.lazy + 1 },
+        (e, i) => (this.currentSlide + i + t - this.lazy) % t
+      );
+    },
+    totalHeight() {
+      const t = f(this.height);
+      if (!t)
+        return "0px";
+      const e = f(
+        this.showThumbnails && this.imageUrls.length > 1 && this.thumbnailsHeight || void 0
+      );
+      if (!e)
+        return t.val + (t.unit || "px");
+      const i = t.unit || e.unit || "px";
+      return t.val + e.val + (i === "px" ? 4 : 0) + i;
+    }
+  },
+  watch: {
+    slide(t) {
+      this.currentSlide = t;
+    }
+  },
+  mounted() {
+    document.addEventListener("keyup", (t) => {
+      this.isActive && (t.key === "ArrowLeft" ? this.moveSlide(-1) : t.key === "ArrowRight" && this.moveSlide(1));
+    });
+  },
+  methods: {
+    moveSlide(t) {
+      const e = this.imageUrls.length;
+      this.currentSlide = (e + this.currentSlide + t) % e, this.onCarouselChange();
+    },
+    onCarouselChange() {
+      this.$emit("change", this.currentSlide), this.isActive = !0;
+    },
+    onClick() {
+      this.$emit("click", this.currentSlide), this.clickable && (this.isActive = !1);
+    },
+    onClickOutside() {
+      this.isActive = !1;
+    },
+    onIntersect(t) {
+      this.isVisible = t[0].isIntersecting;
+    }
+  }
+});
+var te = function() {
+  var e = this, i = e._self._c;
+  return e._self._setupProxy, i(G, { attrs: { height: e.height === "100%" ? "100%" : void 0, "min-height": e.height, transition: null, width: e.width } }, [i(N, { directives: [{ name: "click-outside", rawName: "v-click-outside", value: e.onClickOutside, expression: "onClickOutside" }, { name: "intersect", rawName: "v-intersect", value: e.onIntersect, expression: "onIntersect" }], staticClass: "carousel", class: { rounded: e.rounded }, attrs: { height: e.height || "100%", "hide-delimiters": "", "progress-color": e.imageUrls.length > 1 ? e.config.theme.primary : "", "show-arrows": e.imageUrls.length > 1, "show-arrows-on-hover": "", width: e.width }, on: { change: e.onCarouselChange }, model: { value: e.currentSlide, callback: function(s) {
+    e.currentSlide = s;
+  }, expression: "currentSlide" } }, [e.imageUrls.length ? e._l(e.imageUrls.slice(0, e.limit), function(s, r) {
+    return i(R, { key: r, attrs: { eager: e.imagesToLoad.includes(r), ripple: e.clickable }, on: { click: function(m) {
+      e.isActive = !0;
+    } } }, [i(d, { class: { "cursor-pointer": e.clickable }, attrs: { eager: "", height: e.height || "100%", src: s, width: e.width || "100%" }, on: { click: e.onClick }, scopedSlots: e._u([{ key: "placeholder", fn: function() {
+      return [i(p, { staticClass: "fill-height ma-0 grey lighten-2", attrs: { align: "center", justify: "center" } }, [i("div", { staticClass: "text--lighten-5 grey--text text-h1 font-weight-black" }, [e._v(" R ")])])];
+    }, proxy: !0 }], null, !0) })], 1);
+  }) : [i(p, { staticClass: "fill-height ma-0 grey lighten-2", attrs: { align: "center", justify: "center" } }, [i("div", { staticClass: "text--lighten-5 grey--text text-h1 font-weight-black" }, [e._v(" R ")])])]], 2), e.showThumbnails && e.imageUrls.length > 1 ? i("b-image-carousel-thumbnails", { staticClass: "mt-1", attrs: { height: e.thumbnailsHeight, "image-urls": e.thumbnailUrls.slice(0, e.limit) || e.imageUrls.slice(0, e.limit), rounded: e.rounded }, model: { value: e.currentSlide, callback: function(s) {
+    e.currentSlide = s;
+  }, expression: "currentSlide" } }) : e._e()], 1);
+}, ie = [], se = /* @__PURE__ */ h(
+  ee,
+  te,
+  ie,
+  !1,
+  null,
+  "a578b570",
+  null,
+  null
+);
+const fe = se.exports;
+function u(t, e) {
+  if (!t || !t.count)
+    return [];
+  const i = e.find(
+    (r) => t[r]
+  ), s = i ? `${i}/` : "";
+  return $(
+    (t == null ? void 0 : t.count) || 0,
+    (r) => `${t == null ? void 0 : t.prefix}${s}${r}${t == null ? void 0 : t.suffix}`
+  );
+}
+function c(t, e) {
+  return e.map((i) => t[i]).find(Boolean);
+}
+const _e = ({
+  images: t,
+  hotelImages: e
+}) => e ? {
+  highres: e.map(
+    (i) => c(i, ["xl", "l", "m"])
+  ),
+  lowres: e.map(
+    (i) => c(i, ["l", "xl", "m"])
+  ),
+  thumbnails: e.map(
+    (i) => c(i, ["m", "l", "xl"])
+  )
+} : t ? {
+  highres: u(t, ["highres", "lowres", "thumb"]),
+  lowres: u(t, ["lowres", "highres", "thumb"]),
+  thumbnails: u(t, ["thumb", "lowres", "highres"])
+} : null;
+w("css/revolugo.hotel-offer.Di9LJKMP.css");
+export {
+  ge as B,
+  fe as a,
+  O as b,
+  _e as m
+};
+//# sourceMappingURL=revolugo.hotel-offer.DkBY7KF0.min.js.map