@revolugo/elements 6.8.3-beta.12 → 6.8.3-beta.14

package/dist/revolugo.bimagecarousel.BeYAW4fG.min.js

@@ -1,498 +0,0 @@
-import { d as P, H as T, k as D, D as k, o as u, u as H, a1 as I, c, w as g, F as O, B as R, b as V, C, a2 as $, a6 as j, ag as Y, r as S, O as L, X as W, a as d, ad as K, a3 as J, J as q, aH as X, as as Q, g as Z } from "./revolugo.index.wc.o68qmveS.min.js";
-import { _ as z, u as N, n as x, p as ee, e as te, o as ae, m as le, M as se, V as U, C as re } from "./revolugo.webcomponentwrapper.CCH__9Lk.min.js";
-import { i as ie, u as oe, a as ne, V as ue, f as _, q as de, I as me } from "./revolugo.index._qfv0yMP.min.js";
-import { V as ce, a as ge } from "./revolugo.vslidegroup.zdwLbx5m.min.js";
-import { V as A, m as he, a as M, b as fe } from "./revolugo.vwindowitem.ZG1O_r7U.min.js";
-import { a as ve } from "./revolugo.vbtn.CKeEHKuy.min.js";
-import { V as pe } from "./revolugo.vskeletonloader.B0vp0U2x.min.js";
-function F(e) {
-  try {
-    if (typeof document < "u") {
-      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
-        sheets: [],
-        components: []
-      };
-      const l = import.meta.url, t = l.slice(0, l.lastIndexOf("/") + 1) + e;
-      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(t);
-      for (const s of REVOLUGO_ELEMENTS_STYLES.components)
-        s(t);
-      if (e.indexOf("fonts") >= 0) {
-        const s = document.createElement("link");
-        s.rel = "stylesheet", linK.href = t, document.head.appendChild(s);
-      }
-    }
-  } catch (l) {
-    console.error("[revolugo-elements] ", l);
-  }
-}
-function E(e, l) {
-  return l.map((t) => e[t]).find(Boolean);
-}
-const je = (e) => e ? {
-  highres: e.map(
-    (l) => E(l, ["xl", "l", "m"])
-  ),
-  lowres: e.map(
-    (l) => E(l, ["l", "xl", "m"])
-  ),
-  thumbnails: e.map(
-    (l) => E(l, ["m", "l", "xl"])
-  )
-} : null, ye = ["src"], we = /* @__PURE__ */ P({
-  __name: "BGoogleMapIframe",
-  props: {
-    address: {},
-    city: {},
-    height: {},
-    width: { default: "100%" }
-  },
-  setup(e) {
-    const l = e, t = T(() => {
-      if (!l.address || !l.city)
-        return "";
-      const s = l.address.toLowerCase().replace(/ /gu, "+"), n = l.city.toLowerCase().replace(/[ "'.1-9_]/gu, "");
-      return `https://maps.google.com/maps?q=${s},+${n}&output=embed`;
-    });
-    return (s, n) => (u(), D("iframe", k({ frameborder: "0" }, s.$props, {
-      src: t.value,
-      style: { "margin-bottom": "-6px" }
-    }), null, 16, ye));
-  }
-}), We = /* @__PURE__ */ z(we, [["__scopeId", "data-v-142233e1"]]), Ve = {
-  height: {
-    default: "70px",
-    type: [String, Number]
-  },
-  imageUrls: { required: !0, type: Array },
-  rounded: { type: Boolean },
-  slide: { type: Number }
-}, ke = P({
-  data() {
-    return {
-      currentSlide: this.slide || 0
-    };
-  },
-  model: {
-    event: "change",
-    prop: "slide"
-  },
-  name: "BImageCarouselThumbnails",
-  props: Ve,
-  setup() {
-    const { t: e } = H();
-    return {
-      t: e
-    };
-  },
-  watch: {
-    slide(e) {
-      this.currentSlide = e;
-    }
-  }
-}), be = I()({
-  name: "VSlideGroupItem",
-  props: ie(),
-  emits: {
-    "group:selected": (e) => !0
-  },
-  setup(e, l) {
-    let {
-      slots: t
-    } = l;
-    const s = oe(e, ce);
-    return () => t.default?.({
-      isSelected: s.isSelected.value,
-      select: s.select,
-      toggle: s.toggle,
-      selectedClass: s.selectedClass.value
-    });
-  }
-}), Se = ["data-index", "onClick"], Ce = ["height", "src"];
-function Ie(e, l, t, s, n, o) {
-  return u(), c(ge, {
-    ref: "slide-group",
-    modelValue: e.currentSlide,
-    "onUpdate:modelValue": l[0] || (l[0] = (r) => e.currentSlide = r),
-    "center-active": "",
-    mandatory: "",
-    "show-arrows": !1
-  }, {
-    default: g(() => [
-      (u(!0), D(O, null, R(e.imageUrls, (r, m) => (u(), c(be, { key: m }, {
-        default: g(({ isSelected: v, toggle: p }) => [
-          V("div", {
-            class: C(["thumb cursor-pointer", { active: v, "mr-1": m < e.imageUrls.length - 1 }]),
-            "data-index": m,
-            onClick: (y) => {
-              p(), e.$emit("change", m);
-            }
-          }, [
-            V("img", {
-              class: C({ rounded: e.rounded }),
-              height: e.height,
-              "max-width": "105",
-              src: r
-            }, null, 10, Ce)
-          ], 10, Se)
-        ]),
-        _: 2
-      }, 1024))), 128))
-    ]),
-    _: 1
-  }, 8, ["modelValue"]);
-}
-const Be = /* @__PURE__ */ z(ke, [["render", Ie], ["__scopeId", "data-v-80ffae56"]]), Le = $({
-  color: String,
-  cycle: Boolean,
-  delimiterIcon: {
-    type: J,
-    default: "$delimiter"
-  },
-  height: {
-    type: [Number, String],
-    default: 500
-  },
-  hideDelimiters: Boolean,
-  hideDelimiterBackground: Boolean,
-  interval: {
-    type: [Number, String],
-    default: 6e3,
-    validator: (e) => Number(e) > 0
-  },
-  progress: [Boolean, String],
-  verticalDelimiters: [Boolean, String],
-  ...he({
-    continuous: !0,
-    mandatory: "force",
-    showArrows: !0
-  })
-}, "VCarousel"), Ue = I()({
-  name: "VCarousel",
-  props: Le(),
-  emits: {
-    "update:modelValue": (e) => !0
-  },
-  setup(e, l) {
-    let {
-      slots: t
-    } = l;
-    const s = j(e, "modelValue"), {
-      t: n
-    } = Y(), o = S();
-    let r = -1;
-    L(s, v), L(() => e.interval, v), L(() => e.cycle, (p) => {
-      p ? v() : window.clearTimeout(r);
-    }), W(m);
-    function m() {
-      !e.cycle || !o.value || (r = window.setTimeout(o.value.group.next, Number(e.interval) > 0 ? Number(e.interval) : 6e3));
-    }
-    function v() {
-      window.clearTimeout(r), window.requestAnimationFrame(m);
-    }
-    return N(() => {
-      const p = A.filterProps(e);
-      return d(A, k({
-        ref: o
-      }, p, {
-        modelValue: s.value,
-        "onUpdate:modelValue": (y) => s.value = y,
-        class: ["v-carousel", {
-          "v-carousel--hide-delimiter-background": e.hideDelimiterBackground,
-          "v-carousel--vertical-delimiters": e.verticalDelimiters
-        }, e.class],
-        style: [{
-          height: K(e.height)
-        }, e.style]
-      }), {
-        default: t.default,
-        additional: (y) => {
-          let {
-            group: h
-          } = y;
-          return d(O, null, [!e.hideDelimiters && d("div", {
-            class: "v-carousel__controls",
-            style: {
-              left: e.verticalDelimiters === "left" && e.verticalDelimiters ? 0 : "auto",
-              right: e.verticalDelimiters === "right" ? 0 : "auto"
-            }
-          }, [h.items.value.length > 0 && d(ne, {
-            defaults: {
-              VBtn: {
-                color: e.color,
-                icon: e.delimiterIcon,
-                size: "x-small",
-                variant: "text"
-              }
-            },
-            scoped: !0
-          }, {
-            default: () => [h.items.value.map((w, b) => {
-              const a = {
-                id: `carousel-item-${w.id}`,
-                "aria-label": n("$vuetify.carousel.ariaLabel.delimiter", b + 1, h.items.value.length),
-                class: ["v-carousel__controls__item", h.isSelected(w.id) && "v-btn--active"],
-                onClick: () => h.select(w.id, !0)
-              };
-              return t.item ? t.item({
-                props: a,
-                item: w
-              }) : d(ve, k(w, a), null);
-            })]
-          })]), e.progress && d(ue, {
-            class: "v-carousel__progress",
-            color: typeof e.progress == "string" ? e.progress : void 0,
-            modelValue: (h.getItemIndex(s.value) + 1) / h.items.value.length * 100
-          }, null)]);
-        },
-        prev: t.prev,
-        next: t.next
-      });
-    }), {};
-  }
-}), Ee = $({
-  ...de(),
-  ...fe()
-}, "VCarouselItem"), Te = I()({
-  name: "VCarouselItem",
-  inheritAttrs: !1,
-  props: Ee(),
-  setup(e, l) {
-    let {
-      slots: t,
-      attrs: s
-    } = l;
-    N(() => {
-      const n = _.filterProps(e), o = M.filterProps(e);
-      return d(M, k({
-        class: ["v-carousel-item", e.class]
-      }, o), {
-        default: () => [d(_, k(s, n), t)]
-      });
-    });
-  }
-}), _e = $({
-  modelValue: Boolean,
-  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
-    })
-  },
-  ...le(),
-  ...ae(),
-  ...te(),
-  ...ee({
-    transition: "fade-transition"
-  })
-}, "VLazy"), Pe = I()({
-  name: "VLazy",
-  directives: {
-    intersect: me
-  },
-  props: _e(),
-  emits: {
-    "update:modelValue": (e) => !0
-  },
-  setup(e, l) {
-    let {
-      slots: t
-    } = l;
-    const {
-      dimensionStyles: s
-    } = x(e), n = j(e, "modelValue");
-    function o(r) {
-      n.value || (n.value = r);
-    }
-    return N(() => q(d(e.tag, {
-      class: ["v-lazy", e.class],
-      style: [s.value, e.style]
-    }, {
-      default: () => [n.value && d(se, {
-        transition: e.transition,
-        appear: !0
-      }, {
-        default: () => [t.default?.()]
-      })]
-    }), [[X("intersect"), {
-      handler: o,
-      options: e.options
-    }, null]])), {};
-  }
-}), De = /* @__PURE__ */ P({
-  __name: "BImageCarousel",
-  props: {
-    clickable: { type: Boolean, default: !1 },
-    height: {},
-    imageUrls: {},
-    isLoading: { type: Boolean, default: !1 },
-    lazy: { default: 0 },
-    limit: { default: 80 },
-    rounded: { type: Boolean },
-    showThumbnails: { type: Boolean },
-    slide: {},
-    thumbnailUrls: {},
-    thumbnailsHeight: {},
-    width: {}
-  },
-  emits: ["change", "click"],
-  setup(e, { emit: l }) {
-    const t = e, s = l, n = S(!1), o = S(!1), r = S(t.slide || 0);
-    function m() {
-      s("change", r.value), o.value = !0;
-    }
-    function v() {
-      s("click", r.value), t.clickable && (o.value = !1);
-    }
-    function p() {
-      o.value = !1;
-    }
-    function y(a) {
-      const i = t.imageUrls.length;
-      r.value = (i + r.value + a) % i, m();
-    }
-    const h = T(() => t.isLoading ? [
-      {
-        type: "loading",
-        url: void 0
-      }
-    ] : !t.imageUrls || t.imageUrls.length === 0 ? [
-      {
-        type: "placeholder",
-        url: void 0
-      }
-    ] : t.imageUrls.slice(0, t.limit).map((a) => ({
-      type: "image",
-      url: a
-    }))), w = T(() => {
-      if (!n.value)
-        return [];
-      if (t.lazy === 0)
-        return [r.value];
-      const a = t.imageUrls.length;
-      return t.lazy < 0 ? Array.from({ length: a }, (i, f) => f) : Array.from(
-        { length: 2 * t.lazy + 1 },
-        (i, f) => (r.value + f + a - t.lazy) % a
-      );
-    });
-    function b(a) {
-      o.value && (a.key === "ArrowLeft" ? y(-1) : a.key === "ArrowRight" && y(1));
-    }
-    return W(() => {
-      document.addEventListener("keyup", b);
-    }), Q(() => {
-      document.removeEventListener("keyup", b);
-    }), (a, i) => (u(), c(Pe, {
-      height: a.height === "100%" ? "100%" : void 0,
-      "min-height": a.height,
-      width: a.width
-    }, {
-      default: g(() => [
-        q((u(), c(Ue, {
-          modelValue: r.value,
-          "onUpdate:modelValue": [
-            i[1] || (i[1] = (f) => r.value = f),
-            m
-          ],
-          class: C(["carousel", { rounded: a.rounded }]),
-          height: a.height || "100%",
-          "hide-delimiters": "",
-          "show-arrows": a.imageUrls.length > 1 ? "hover" : !1,
-          width: a.width
-        }, {
-          default: g(() => [
-            (u(!0), D(O, null, R(h.value, ({ url: f, type: B }, G) => (u(), c(Te, {
-              key: G,
-              eager: w.value.includes(G),
-              onClick: i[0] || (i[0] = (Oe) => o.value = !0)
-            }, {
-              default: g(() => [
-                B === "placeholder" ? (u(), c(U, {
-                  key: 0,
-                  align: "center",
-                  class: "fill-height ma-0 bg-grey-lighten-2",
-                  justify: "center"
-                }, {
-                  default: g(() => i[3] || (i[3] = [
-                    V("div", { class: "text-grey-lighten-5 text-h1 font-weight-black" }, "R", -1)
-                  ])),
-                  _: 1,
-                  __: [3]
-                })) : (u(), c(_, {
-                  key: 1,
-                  class: C({ "cursor-pointer": a.clickable }),
-                  eager: "",
-                  cover: "",
-                  height: a.height || "100%",
-                  src: f,
-                  width: a.width || "100%",
-                  onClick: v
-                }, {
-                  error: g(() => [
-                    d(U, {
-                      align: "center",
-                      class: "fill-height ma-0 bg-grey-lighten-2",
-                      justify: "center"
-                    }, {
-                      default: g(() => i[4] || (i[4] = [
-                        V("div", { class: "text-grey-lighten-5 text-h1 font-weight-black" }, "R", -1)
-                      ])),
-                      _: 1,
-                      __: [4]
-                    })
-                  ]),
-                  placeholder: g(() => [
-                    B === "loading" || B === "image" ? (u(), c(pe, {
-                      key: 0,
-                      class: "rounded",
-                      height: a.height,
-                      width: a.width,
-                      type: "image"
-                    }, null, 8, ["height", "width"])) : (u(), c(U, {
-                      key: 1,
-                      align: "center",
-                      class: "fill-height ma-0 bg-grey-lighten-2",
-                      justify: "center"
-                    }, {
-                      default: g(() => i[5] || (i[5] = [
-                        V("div", { class: "text-grey-lighten-5 text-h1 font-weight-black" }, "R", -1)
-                      ])),
-                      _: 1,
-                      __: [5]
-                    }))
-                  ]),
-                  _: 2
-                }, 1032, ["class", "height", "src", "width"]))
-              ]),
-              _: 2
-            }, 1032, ["eager"]))), 128))
-          ]),
-          _: 1
-        }, 8, ["modelValue", "class", "height", "show-arrows", "width"])), [
-          [re, p]
-        ]),
-        a.showThumbnails && a.imageUrls.length > 1 ? (u(), c(Be, {
-          key: 0,
-          modelValue: r.value,
-          "onUpdate:modelValue": i[2] || (i[2] = (f) => r.value = f),
-          class: "mt-1",
-          height: a.thumbnailsHeight,
-          "image-urls": a.thumbnailUrls?.slice(0, a.limit) || a.imageUrls.slice(0, a.limit),
-          rounded: a.rounded
-        }, null, 8, ["modelValue", "height", "image-urls", "rounded"])) : Z("", !0)
-      ]),
-      _: 1
-    }, 8, ["height", "min-height", "width"]));
-  }
-}), qe = /* @__PURE__ */ z(De, [["__scopeId", "data-v-08fb821b"]]);
-F("css/revolugo.bimagecarousel.BjO6h8oj.css");
-export {
-  qe as B,
-  Pe as V,
-  We as a,
-  je as m
-};
-//# sourceMappingURL=revolugo.bimagecarousel.BeYAW4fG.min.js.map