maz-ui 3.22.3 → 3.23.0

package/components/chunks/MazLazyImg-6e395356.mjs

@@ -1,336 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import "../assets/MazLazyImg.css";
-import { defineComponent, defineAsyncComponent, computed, withDirectives, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createElementVNode, mergeProps, createVNode, unref, createCommentVNode, renderSlot } from "vue";
-const EMPTY_PHOTO = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
-const DEFAULT_OPTIONS = {
-  baseClass: "m-lazy-img",
-  loadedClass: "m-lazy-loaded",
-  loadingClass: "m-lazy-loading",
-  errorClass: "m-lazy-error",
-  noPhotoClass: "m-lazy-no-photo",
-  noPhoto: false,
-  observerOnce: true,
-  loadOnce: false,
-  noUseErrorPhoto: false,
-  observerOptions: {
-    threshold: 0.1
-  }
-};
-class LazyImg {
-  constructor(opts = {}) {
-    __publicField(this, "observers", []);
-    __publicField(this, "defaultOptions", DEFAULT_OPTIONS);
-    __publicField(this, "options");
-    __publicField(this, "onImgLoadedCallback");
-    __publicField(this, "onImgErrorCallback");
-    __publicField(this, "hasImgLoaded", false);
-    this.options = this.buildOptions(opts);
-    this.onImgLoadedCallback = this.imageIsLoaded.bind(this);
-    this.onImgErrorCallback = this.imageHasError.bind(this);
-  }
-  async loadErrorPhoto() {
-    const { default: photo } = await import("./no-photography-7f2be516.mjs");
-    return photo;
-  }
-  buildOptions(opts) {
-    return {
-      ...this.defaultOptions,
-      ...opts,
-      observerOptions: {
-        ...this.defaultOptions.observerOptions,
-        ...opts.observerOptions
-      }
-    };
-  }
-  removeClass(el, className) {
-    el.classList.remove(className);
-  }
-  addClass(el, className) {
-    el.classList.add(className);
-  }
-  removeAllStateClasses(el) {
-    this.removeClass(el, this.options.loadedClass);
-    this.removeClass(el, this.options.loadingClass);
-    this.removeClass(el, this.options.errorClass);
-    this.removeClass(el, this.options.noPhotoClass);
-  }
-  setBaseClass(el) {
-    this.addClass(el, this.options.baseClass);
-  }
-  imageIsLoading(el) {
-    var _a, _b;
-    this.addClass(el, this.options.loadingClass);
-    (_b = (_a = this.options).onLoading) == null ? void 0 : _b.call(_a, el);
-  }
-  imageHasNoPhoto(el) {
-    this.removeClass(el, this.options.loadingClass);
-    this.addClass(el, this.options.noPhotoClass);
-    this.setDefaultPhoto(el);
-  }
-  imageIsLoaded(el) {
-    var _a, _b;
-    this.hasImgLoaded = true;
-    this.removeClass(el, this.options.loadingClass);
-    this.addClass(el, this.options.loadedClass);
-    (_b = (_a = this.options).onLoaded) == null ? void 0 : _b.call(_a, el);
-  }
-  imageHasError(el, event) {
-    var _a, _b;
-    console.warn(`[maz-ui][MazLazyImg] Error while loading image`, event);
-    this.removeClass(el, this.options.loadingClass);
-    this.addClass(el, this.options.errorClass);
-    (_b = (_a = this.options).onError) == null ? void 0 : _b.call(_a, el);
-    this.setDefaultPhoto(el);
-  }
-  getImageUrl(el, binding) {
-    const dataSrc = this.getImgElement(el).getAttribute("data-lazy-src");
-    if (dataSrc)
-      return dataSrc;
-    binding.value;
-    const bindingSrc = typeof binding.value === "object" ? binding.value.src : binding.value;
-    if (!bindingSrc)
-      console.warn(`[maz-ui][MazLazyImg] src url is not defined`);
-    return bindingSrc;
-  }
-  async setPictureSourceUrls(el) {
-    const sourceElements = el.querySelectorAll("source");
-    if (sourceElements.length > 0) {
-      for await (const source of sourceElements) {
-        const srcSet = source.getAttribute("data-lazy-srcset");
-        if (srcSet) {
-          source.srcset = srcSet;
-        } else {
-          console.warn(
-            '[maz-ui][MazLazyImg] the "[data-lazy-srcset]" attribute is not provided on "<source />"'
-          );
-        }
-      }
-    } else {
-      console.warn(
-        '[maz-ui][MazLazyImg] No "<source />" elements provided into the "<picture />" element'
-      );
-      this.imageHasError(el);
-    }
-  }
-  hasBgImgMode(binding) {
-    return binding.arg === "bg-image";
-  }
-  isPictureElement(el) {
-    return el instanceof HTMLPictureElement;
-  }
-  getImgElement(el) {
-    const isPictureElement = this.isPictureElement(el);
-    return isPictureElement ? el.querySelector("img") : el;
-  }
-  async setDefaultPhoto(el) {
-    if (this.options.noUseErrorPhoto)
-      return;
-    const errorPhoto = this.options.errorPhoto ?? await this.loadErrorPhoto();
-    const sourceElements = el.querySelectorAll("source");
-    if (sourceElements.length > 0) {
-      for await (const source of sourceElements) {
-        source.srcset = errorPhoto;
-      }
-    } else {
-      this.setImgSrc(el, errorPhoto);
-    }
-  }
-  addEventListenerToImg(el) {
-    const imgElement = this.getImgElement(el);
-    imgElement.addEventListener("load", () => this.onImgLoadedCallback(el), {
-      once: true
-    });
-    imgElement.addEventListener("error", (err) => this.onImgErrorCallback(el, err), { once: true });
-  }
-  async loadImage(el, binding) {
-    this.imageIsLoading(el);
-    if (this.isPictureElement(el)) {
-      this.addEventListenerToImg(el);
-      await this.setPictureSourceUrls(el);
-    } else {
-      const imageUrl = this.getImageUrl(el, binding);
-      if (!imageUrl)
-        return this.imageHasError(el);
-      if (this.hasBgImgMode(binding)) {
-        el.style.backgroundImage = `url('${imageUrl}')`;
-        this.imageIsLoaded(el);
-      } else {
-        this.addEventListenerToImg(el);
-        this.setImgSrc(el, imageUrl);
-      }
-    }
-  }
-  setImgSrc(el, src) {
-    const imgElement = this.getImgElement(el);
-    imgElement.src = src;
-  }
-  handleIntersectionObserver(el, binding, entries, observer) {
-    var _a, _b;
-    this.observers.push(observer);
-    for (const entry of entries) {
-      if (entry.isIntersecting) {
-        (_b = (_a = this.options).onIntersecting) == null ? void 0 : _b.call(_a, entry.target);
-        if (this.options.observerOnce) {
-          observer.unobserve(el);
-        }
-        if (this.options.loadOnce && this.hasImgLoaded)
-          return;
-        this.loadImage(el, binding);
-      }
-    }
-  }
-  createObserver(el, binding) {
-    const observerCallback = (entries, intersectionObserver) => {
-      this.handleIntersectionObserver(el, binding, entries, intersectionObserver);
-    };
-    const observerOptions = this.options.observerOptions;
-    const observer = new IntersectionObserver(observerCallback, observerOptions);
-    observer.observe(el);
-  }
-  async imageHandler(el, binding, type) {
-    if (type === "update") {
-      for await (const observer of this.observers)
-        observer.unobserve(el);
-    }
-    if (window.IntersectionObserver) {
-      this.createObserver(el, binding);
-    } else {
-      this.loadImage(el, binding);
-    }
-  }
-  async bindUpdateHandler(el, binding, type) {
-    if (this.options.noPhoto)
-      return this.imageHasNoPhoto(el);
-    await this.imageHandler(el, binding, type);
-  }
-  async add(el, binding) {
-    if (this.hasBgImgMode(binding) && this.isPictureElement(el)) {
-      throw new Error(`[MazLazyImg] You can't use the "bg-image" mode with "<picture />" element`);
-    }
-    setTimeout(() => this.setBaseClass(el), 0);
-    if (!el.getAttribute("src"))
-      this.setImgSrc(el, EMPTY_PHOTO);
-    await this.bindUpdateHandler(el, binding, "bind");
-  }
-  async update(el, binding) {
-    if (binding.value !== binding.oldValue) {
-      this.hasImgLoaded = false;
-      this.removeAllStateClasses(el);
-      await this.bindUpdateHandler(el, binding, "update");
-    }
-  }
-  remove(el, binding) {
-    this.hasImgLoaded = false;
-    if (this.hasBgImgMode(binding))
-      el.style.backgroundImage = "";
-    this.removeAllStateClasses(el);
-    for (const observer of this.observers)
-      observer.unobserve(el);
-    this.observers = [];
-  }
-}
-let instance;
-const vLazyImg = {
-  created(el, binding) {
-    const options = typeof binding.value === "object" ? binding.value : {};
-    instance = new LazyImg(options);
-    instance.add(el, binding);
-  },
-  updated(el, binding) {
-    instance.update(el, binding);
-  },
-  unmounted(el, binding) {
-    instance.remove(el, binding);
-  }
-};
-const _hoisted_1 = ["data-lazy-srcset", "media"];
-const _hoisted_2 = ["alt"];
-const _hoisted_3 = {
-  key: 0,
-  class: "m-lazy-img-component-loader"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazLazyImg",
-  props: {
-    image: { type: [String, Object], default: void 0 },
-    alt: { type: String, default: void 0 },
-    noPhoto: { type: Boolean, default: false },
-    noLoader: { type: Boolean, default: false },
-    noObserverOnce: { type: Boolean, default: false },
-    loadOnce: { type: Boolean, default: false },
-    imageHeightFull: { type: Boolean, default: false },
-    observerOptions: { type: Object, default: null }
-  },
-  emits: ["intersecting", "loading", "loaded", "error"],
-  setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-ce4be8f1.mjs"));
-    const props = __props;
-    const sources = computed(() => {
-      var _a;
-      return typeof props.image === "string" ? [{ srcset: props.image }] : (_a = props.image) == null ? void 0 : _a.sources;
-    });
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock(
-        "picture",
-        {
-          class: normalizeClass(["m-lazy-img-component", { "-use-loader": !__props.noLoader, "--height-full": __props.imageHeightFull }])
-        },
-        [
-          (openBlock(true), createElementBlock(
-            Fragment,
-            null,
-            renderList(sources.value, ({ srcset, media }, sourceIndex) => {
-              return openBlock(), createElementBlock("source", {
-                key: sourceIndex,
-                "data-lazy-srcset": srcset,
-                media
-              }, null, 8, _hoisted_1);
-            }),
-            128
-            /* KEYED_FRAGMENT */
-          )),
-          createElementVNode("img", mergeProps(_ctx.$attrs, {
-            src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
-            loading: "lazy",
-            alt: __props.alt
-          }), null, 16, _hoisted_2),
-          !__props.noLoader ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            createVNode(unref(MazSpinner), { size: "2em" })
-          ])) : createCommentVNode("v-if", true),
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ],
-        2
-        /* CLASS */
-      )), [
-        [unref(vLazyImg), {
-          noPhoto: __props.noPhoto,
-          observerOnce: !__props.noObserverOnce,
-          loadOnce: __props.loadOnce,
-          onIntersecting: (el) => _ctx.$emit("intersecting", el),
-          onLoading: (el) => _ctx.$emit("loading", el),
-          onLoaded: (el) => _ctx.$emit("loaded", el),
-          onError: (el) => _ctx.$emit("error", el),
-          observerOptions: __props.observerOptions
-        }]
-      ]);
-    };
-  }
-});
-const MazLazyImg_vue_vue_type_style_index_0_scoped_3bfe9795_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const MazLazyImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3bfe9795"]]);
-export {
-  MazLazyImg as M,
-  _export_sfc as _
-};

package/components/chunks/MazLazyImg-e0d8b6d0.mjs

@@ -1,329 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import "../assets/MazLazyImg.css";
-import { defineComponent, defineAsyncComponent, computed, withDirectives, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createElementVNode, mergeProps, createVNode, unref, createCommentVNode, renderSlot } from "vue";
-import { _ as _export_sfc } from "./MazAvatar-358d78d4.mjs";
-const EMPTY_PHOTO = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
-const DEFAULT_OPTIONS = {
-  baseClass: "m-lazy-img",
-  loadedClass: "m-lazy-loaded",
-  loadingClass: "m-lazy-loading",
-  errorClass: "m-lazy-error",
-  noPhotoClass: "m-lazy-no-photo",
-  noPhoto: false,
-  observerOnce: true,
-  loadOnce: false,
-  noUseErrorPhoto: false,
-  observerOptions: {
-    threshold: 0.1
-  }
-};
-class LazyImg {
-  constructor(opts = {}) {
-    __publicField(this, "observers", []);
-    __publicField(this, "defaultOptions", DEFAULT_OPTIONS);
-    __publicField(this, "options");
-    __publicField(this, "onImgLoadedCallback");
-    __publicField(this, "onImgErrorCallback");
-    __publicField(this, "hasImgLoaded", false);
-    this.options = this.buildOptions(opts);
-    this.onImgLoadedCallback = this.imageIsLoaded.bind(this);
-    this.onImgErrorCallback = this.imageHasError.bind(this);
-  }
-  async loadErrorPhoto() {
-    const { default: photo } = await import("./no-photography-7f2be516.mjs");
-    return photo;
-  }
-  buildOptions(opts) {
-    return {
-      ...this.defaultOptions,
-      ...opts,
-      observerOptions: {
-        ...this.defaultOptions.observerOptions,
-        ...opts.observerOptions
-      }
-    };
-  }
-  removeClass(el, className) {
-    el.classList.remove(className);
-  }
-  addClass(el, className) {
-    el.classList.add(className);
-  }
-  removeAllStateClasses(el) {
-    this.removeClass(el, this.options.loadedClass);
-    this.removeClass(el, this.options.loadingClass);
-    this.removeClass(el, this.options.errorClass);
-    this.removeClass(el, this.options.noPhotoClass);
-  }
-  setBaseClass(el) {
-    this.addClass(el, this.options.baseClass);
-  }
-  imageIsLoading(el) {
-    var _a, _b;
-    this.addClass(el, this.options.loadingClass);
-    (_b = (_a = this.options).onLoading) == null ? void 0 : _b.call(_a, el);
-  }
-  imageHasNoPhoto(el) {
-    this.removeClass(el, this.options.loadingClass);
-    this.addClass(el, this.options.noPhotoClass);
-    this.setDefaultPhoto(el);
-  }
-  imageIsLoaded(el) {
-    var _a, _b;
-    this.hasImgLoaded = true;
-    this.removeClass(el, this.options.loadingClass);
-    this.addClass(el, this.options.loadedClass);
-    (_b = (_a = this.options).onLoaded) == null ? void 0 : _b.call(_a, el);
-  }
-  imageHasError(el, event) {
-    var _a, _b;
-    console.warn(`[maz-ui][MazLazyImg] Error while loading image`, event);
-    this.removeClass(el, this.options.loadingClass);
-    this.addClass(el, this.options.errorClass);
-    (_b = (_a = this.options).onError) == null ? void 0 : _b.call(_a, el);
-    this.setDefaultPhoto(el);
-  }
-  getImageUrl(el, binding) {
-    const dataSrc = this.getImgElement(el).getAttribute("data-lazy-src");
-    if (dataSrc)
-      return dataSrc;
-    binding.value;
-    const bindingSrc = typeof binding.value === "object" ? binding.value.src : binding.value;
-    if (!bindingSrc)
-      console.warn(`[maz-ui][MazLazyImg] src url is not defined`);
-    return bindingSrc;
-  }
-  async setPictureSourceUrls(el) {
-    const sourceElements = el.querySelectorAll("source");
-    if (sourceElements.length > 0) {
-      for await (const source of sourceElements) {
-        const srcSet = source.getAttribute("data-lazy-srcset");
-        if (srcSet) {
-          source.srcset = srcSet;
-        } else {
-          console.warn(
-            '[maz-ui][MazLazyImg] the "[data-lazy-srcset]" attribute is not provided on "<source />"'
-          );
-        }
-      }
-    } else {
-      console.warn(
-        '[maz-ui][MazLazyImg] No "<source />" elements provided into the "<picture />" element'
-      );
-      this.imageHasError(el);
-    }
-  }
-  hasBgImgMode(binding) {
-    return binding.arg === "bg-image";
-  }
-  isPictureElement(el) {
-    return el instanceof HTMLPictureElement;
-  }
-  getImgElement(el) {
-    const isPictureElement = this.isPictureElement(el);
-    return isPictureElement ? el.querySelector("img") : el;
-  }
-  async setDefaultPhoto(el) {
-    if (this.options.noUseErrorPhoto)
-      return;
-    const errorPhoto = this.options.errorPhoto ?? await this.loadErrorPhoto();
-    const sourceElements = el.querySelectorAll("source");
-    if (sourceElements.length > 0) {
-      for await (const source of sourceElements) {
-        source.srcset = errorPhoto;
-      }
-    } else {
-      this.setImgSrc(el, errorPhoto);
-    }
-  }
-  addEventListenerToImg(el) {
-    const imgElement = this.getImgElement(el);
-    imgElement.addEventListener("load", () => this.onImgLoadedCallback(el), {
-      once: true
-    });
-    imgElement.addEventListener("error", (err) => this.onImgErrorCallback(el, err), { once: true });
-  }
-  async loadImage(el, binding) {
-    this.imageIsLoading(el);
-    if (this.isPictureElement(el)) {
-      this.addEventListenerToImg(el);
-      await this.setPictureSourceUrls(el);
-    } else {
-      const imageUrl = this.getImageUrl(el, binding);
-      if (!imageUrl)
-        return this.imageHasError(el);
-      if (this.hasBgImgMode(binding)) {
-        el.style.backgroundImage = `url('${imageUrl}')`;
-        this.imageIsLoaded(el);
-      } else {
-        this.addEventListenerToImg(el);
-        this.setImgSrc(el, imageUrl);
-      }
-    }
-  }
-  setImgSrc(el, src) {
-    const imgElement = this.getImgElement(el);
-    imgElement.src = src;
-  }
-  handleIntersectionObserver(el, binding, entries, observer) {
-    var _a, _b;
-    this.observers.push(observer);
-    for (const entry of entries) {
-      if (entry.isIntersecting) {
-        (_b = (_a = this.options).onIntersecting) == null ? void 0 : _b.call(_a, entry.target);
-        if (this.options.observerOnce) {
-          observer.unobserve(el);
-        }
-        if (this.options.loadOnce && this.hasImgLoaded)
-          return;
-        this.loadImage(el, binding);
-      }
-    }
-  }
-  createObserver(el, binding) {
-    const observerCallback = (entries, intersectionObserver) => {
-      this.handleIntersectionObserver(el, binding, entries, intersectionObserver);
-    };
-    const observerOptions = this.options.observerOptions;
-    const observer = new IntersectionObserver(observerCallback, observerOptions);
-    observer.observe(el);
-  }
-  async imageHandler(el, binding, type) {
-    if (type === "update") {
-      for await (const observer of this.observers)
-        observer.unobserve(el);
-    }
-    if (window.IntersectionObserver) {
-      this.createObserver(el, binding);
-    } else {
-      this.loadImage(el, binding);
-    }
-  }
-  async bindUpdateHandler(el, binding, type) {
-    if (this.options.noPhoto)
-      return this.imageHasNoPhoto(el);
-    await this.imageHandler(el, binding, type);
-  }
-  async add(el, binding) {
-    if (this.hasBgImgMode(binding) && this.isPictureElement(el)) {
-      throw new Error(`[MazLazyImg] You can't use the "bg-image" mode with "<picture />" element`);
-    }
-    setTimeout(() => this.setBaseClass(el), 0);
-    if (!el.getAttribute("src"))
-      this.setImgSrc(el, EMPTY_PHOTO);
-    await this.bindUpdateHandler(el, binding, "bind");
-  }
-  async update(el, binding) {
-    if (binding.value !== binding.oldValue) {
-      this.hasImgLoaded = false;
-      this.removeAllStateClasses(el);
-      await this.bindUpdateHandler(el, binding, "update");
-    }
-  }
-  remove(el, binding) {
-    this.hasImgLoaded = false;
-    if (this.hasBgImgMode(binding))
-      el.style.backgroundImage = "";
-    this.removeAllStateClasses(el);
-    for (const observer of this.observers)
-      observer.unobserve(el);
-    this.observers = [];
-  }
-}
-let instance;
-const vLazyImg = {
-  created(el, binding) {
-    const options = typeof binding.value === "object" ? binding.value : {};
-    instance = new LazyImg(options);
-    instance.add(el, binding);
-  },
-  updated(el, binding) {
-    instance.update(el, binding);
-  },
-  unmounted(el, binding) {
-    instance.remove(el, binding);
-  }
-};
-const _hoisted_1 = ["data-lazy-srcset", "media"];
-const _hoisted_2 = ["alt"];
-const _hoisted_3 = {
-  key: 0,
-  class: "m-lazy-img-component-loader"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazLazyImg",
-  props: {
-    image: { type: [String, Object], default: void 0 },
-    alt: { type: String, default: void 0 },
-    noPhoto: { type: Boolean, default: false },
-    noLoader: { type: Boolean, default: false },
-    noObserverOnce: { type: Boolean, default: false },
-    loadOnce: { type: Boolean, default: false },
-    imageHeightFull: { type: Boolean, default: false },
-    observerOptions: { type: Object, default: null }
-  },
-  emits: ["intersecting", "loading", "loaded", "error"],
-  setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-eea9056d.mjs"));
-    const props = __props;
-    const sources = computed(() => {
-      var _a;
-      return typeof props.image === "string" ? [{ srcset: props.image }] : (_a = props.image) == null ? void 0 : _a.sources;
-    });
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock(
-        "picture",
-        {
-          class: normalizeClass(["m-lazy-img-component", { "-use-loader": !__props.noLoader, "--height-full": __props.imageHeightFull }])
-        },
-        [
-          (openBlock(true), createElementBlock(
-            Fragment,
-            null,
-            renderList(sources.value, ({ srcset, media }, sourceIndex) => {
-              return openBlock(), createElementBlock("source", {
-                key: sourceIndex,
-                "data-lazy-srcset": srcset,
-                media
-              }, null, 8, _hoisted_1);
-            }),
-            128
-            /* KEYED_FRAGMENT */
-          )),
-          createElementVNode("img", mergeProps(_ctx.$attrs, {
-            src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
-            loading: "lazy",
-            alt: __props.alt
-          }), null, 16, _hoisted_2),
-          !__props.noLoader ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            createVNode(unref(MazSpinner), { size: "2em" })
-          ])) : createCommentVNode("v-if", true),
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ],
-        2
-        /* CLASS */
-      )), [
-        [unref(vLazyImg), {
-          noPhoto: __props.noPhoto,
-          observerOnce: !__props.noObserverOnce,
-          loadOnce: __props.loadOnce,
-          onIntersecting: (el) => _ctx.$emit("intersecting", el),
-          onLoading: (el) => _ctx.$emit("loading", el),
-          onLoaded: (el) => _ctx.$emit("loaded", el),
-          onError: (el) => _ctx.$emit("error", el),
-          observerOptions: __props.observerOptions
-        }]
-      ]);
-    };
-  }
-});
-const MazLazyImg_vue_vue_type_style_index_0_scoped_3bfe9795_lang = "";
-const MazLazyImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3bfe9795"]]);
-export {
-  MazLazyImg as default
-};