vistaview 1.0.3 → 2.0.0

package/dist/vista-box-zG6ZgBcI.js

@@ -1,334 +0,0 @@
-var W = Object.defineProperty;
-var _ = (d, t, i) => t in d ? W(d, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : d[t] = i;
-var h = (d, t, i) => _(d, typeof t != "symbol" ? t + "" : t, i);
-class u {
-  static ease(t, i, n) {
-    const a = i - t, e = t + a * 0.2;
-    return Math.abs(a) < n ? i : e;
-  }
-  static play(t, i, n) {
-    if (n()) {
-      requestAnimationFrame(() => {
-        this.play(t, i, n);
-      });
-      return;
-    }
-    this.map.get(t) && (t.element.classList.contains("vvw--load-cancelled") || requestAnimationFrame(() => {
-      var c, o, f, m, w, y, p, x, v, S;
-      const a = this.map.get(t);
-      if (!a || !t.element || t.element.classList.contains("vvw--load-cancelled")) return;
-      const { current: e, target: s, log: l } = a;
-      let r = {};
-      s.width !== void 0 && (r.width = this.ease(e._width, s.width, 1)), s.height !== void 0 && (r.height = this.ease(e._height, s.height, 1)), ((c = s.transform) == null ? void 0 : c.x) !== void 0 && (r.transform = r.transform || {}, r.transform.x = this.ease(e._transform.x, s.transform.x, 1)), ((o = s.transform) == null ? void 0 : o.y) !== void 0 && (r.transform = r.transform || {}, r.transform.y = this.ease(e._transform.y, s.transform.y, 1)), ((f = s.transform) == null ? void 0 : f.scale) !== void 0 && (r.transform = r.transform || {}, r.transform.scale = this.ease(e._transform.scale, s.transform.scale, 5e-3)), ((m = s.translate) == null ? void 0 : m.x) !== void 0 && (r.translate = r.translate || {}, r.translate.x = this.ease(e._translate.x, s.translate.x, 1)), ((w = s.translate) == null ? void 0 : w.y) !== void 0 && (r.translate = r.translate || {}, r.translate.y = this.ease(e._translate.y, s.translate.y, 1)), r.width !== void 0 && (e.width = r.width), r.height !== void 0 && (e.height = r.height), r.translate && (e.translate = { ...e.translate, ...r.translate }), r.transform && (e.transform = { ...e.transform, ...r.transform }), (s.width === void 0 || e._width === s.width) && (s.height === void 0 || e._height === s.height) && (((y = s.transform) == null ? void 0 : y.x) === void 0 || e._transform.x === s.transform.x) && (((p = s.transform) == null ? void 0 : p.y) === void 0 || e._transform.y === s.transform.y) && (((x = s.transform) == null ? void 0 : x.scale) === void 0 || e._transform.scale === s.transform.scale) && (((v = s.translate) == null ? void 0 : v.x) === void 0 || e._translate.x === s.translate.x) && (((S = s.translate) == null ? void 0 : S.y) === void 0 || e._translate.y === s.translate.y) ? (this.map.delete(t), i()) : (this.map.set(t, { current: e, target: s, log: l }), this.play(t, i, n));
-    }));
-  }
-  static stop(t) {
-    const i = this.map.get(t);
-    return this.map.delete(t), i;
-  }
-  static start({
-    vistaImage: t,
-    target: i,
-    onComplete: n,
-    shouldWait: a
-  }) {
-    this.stop(t), this.map.set(t, {
-      current: t.state,
-      target: i
-    }), this.play(t, n, a);
-  }
-}
-h(u, "map", /* @__PURE__ */ new Map());
-function b(d) {
-  const i = window.getComputedStyle(d).objectFit || "", { width: n, height: a } = d.getBoundingClientRect(), e = d.naturalWidth, s = d.naturalHeight;
-  if (!i)
-    return { width: n, height: a };
-  if (!e || !s)
-    return { width: n, height: a };
-  const l = e / s, r = n / a;
-  switch (i) {
-    case "fill":
-      return { width: n, height: a };
-    case "none":
-      return { width: e, height: s };
-    case "contain":
-      return l > r ? { width: n, height: n / l } : { width: a * l, height: a };
-    case "cover":
-      return l < r ? { width: n, height: n / l } : { width: a * l, height: a };
-    case "scale-down": {
-      const g = { width: e, height: s }, c = l > r ? { width: n, height: n / l } : { width: a * l, height: a };
-      return c.width <= g.width && c.height <= g.height ? c : g;
-    }
-  }
-  return { width: n, height: a };
-}
-class R {
-  constructor(t) {
-    h(this, "state");
-    h(this, "parsedSrcSet");
-    h(this, "isReady", !1);
-    h(this, "isThrowing", !1);
-    h(this, "thumb", null);
-    h(this, "pos");
-    h(this, "index");
-    h(this, "config");
-    h(this, "origin");
-    h(this, "initH", 0);
-    h(this, "initW", 0);
-    h(this, "fullH", 0);
-    h(this, "fullW", 0);
-    h(this, "maxW", 0);
-    h(this, "minW", 0);
-    h(this, "defaultWH", 200);
-    h(this, "isZoomedIn", !1);
-    h(this, "isCancelled", !1);
-    h(this, "isLoadedResolved", null);
-    h(this, "isLoadedRejected", null);
-    h(this, "isLoaded", new Promise((t, i) => {
-      this.isLoadedResolved = t, this.isLoadedRejected = i;
-    }));
-    h(this, "replacement", null);
-    h(this, "originalParent", null);
-    h(this, "originalNextSibling", null);
-    h(this, "originalStyle", "");
-    h(this, "thumbImage", null);
-    h(this, "originRect", {
-      width: this.defaultWH,
-      height: this.defaultWH,
-      top: 0,
-      left: 0
-    });
-    h(this, "fittedSize", null);
-    h(this, "maxZoomLevel");
-    h(this, "vistaView");
-    h(this, "transitionState", null);
-    h(this, "transitionShouldWait", () => !1);
-    h(this, "initPointerCenter", { x: 0, y: 0 });
-    h(this, "onScale");
-    var n, a, e;
-    this.state = this.createState(), this.pos = t.pos, this.index = t.index, this.config = t.elm.config, this.parsedSrcSet = t.elm.parsedSrcSet, this.origin = t.elm.origin, this.maxZoomLevel = t.maxZoomLevel, this.vistaView = t.vistaView, this.onScale = t.onScale, t.transitionState && (this.transitionState = t.transitionState), t.transitionShouldWait && (this.transitionShouldWait = t.transitionShouldWait), this.initPointerCenter = {
-      x: window.innerWidth / 2,
-      y: window.innerHeight / 2
-    };
-    const i = this.pos === 0 ? (n = this.origin) == null ? void 0 : n.image : null;
-    if (this.originalParent = (i == null ? void 0 : i.parentElement) || null, this.originalNextSibling = (i == null ? void 0 : i.nextSibling) || null, this.originRect = ((e = ((a = this.origin) == null ? void 0 : a.anchor) || i) == null ? void 0 : e.getBoundingClientRect()) || {
-      width: this.defaultWH,
-      height: this.defaultWH,
-      top: 0,
-      left: 0
-    }, i && this.originalParent) {
-      this.originalStyle = i.style.cssText, this.thumbImage = i;
-      const s = i.cloneNode(!0);
-      this.originalParent.insertBefore(s, i), this.replacement = s, this.thumb = document.createElement("div"), this.thumb.classList.add("vvw-img-lo");
-      const { width: l, height: r } = this.thumbImage ? b(this.thumbImage) : { width: 0, height: 0 };
-      this.fittedSize = { width: l, height: r }, this.thumb.appendChild(i), i.style.width = "100%", i.style.height = "100%", i.style.objectFit = this.origin.objectFit;
-    }
-  }
-  createState() {
-    const t = this;
-    return {
-      _t: this,
-      _width: 0,
-      _height: 0,
-      _transform: { x: 0, y: 0, scale: 1 },
-      _translate: { x: 0, y: 0 },
-      _lessThanMinWidth: !1,
-      get width() {
-        return this._width;
-      },
-      set width(i) {
-        this._width = i, t.onWidthChange(i);
-      },
-      get height() {
-        return this._height;
-      },
-      set height(i) {
-        this._height = i, t.onHeightChange(i);
-      },
-      get transform() {
-        return this._transform;
-      },
-      set transform(i) {
-        this._transform = i, t.onTransformChange(i);
-      },
-      get translate() {
-        return this._translate;
-      },
-      set translate(i) {
-        this._translate = i, t.onTranslateChange(i);
-      },
-      get lessThanMinWidth() {
-        return this._lessThanMinWidth;
-      },
-      set lessThanMinWidth(i) {
-        this._lessThanMinWidth = i, t.onLessThanMinWidthChange(i);
-      }
-    };
-  }
-  onLessThanMinWidthChange(t) {
-    t ? this.element.style.opacity = "0.5" : this.element.style.opacity = "";
-  }
-  onTranslateChange(t) {
-    this.element.style.translate = `calc(-50% + ${t.x}px) calc(-50% + ${t.y}px)`;
-  }
-  onTransformChange(t) {
-    const i = `translate3d(${t.x}px, ${t.y}px, 0px) scale3d(${t.scale}, ${t.scale}, 1)`;
-    this.element.style.transform = i;
-  }
-  onWidthChange(t) {
-    this.element.style.width = `${t}px`;
-  }
-  onHeightChange(t) {
-    this.element.style.height = `${t}px`;
-  }
-  onImageReady() {
-  }
-  animateZoom(t, i) {
-  }
-  scaleMove(t, i, n) {
-  }
-  momentumThrow(t) {
-    return () => {
-    };
-  }
-  async init() {
-    await this.isLoaded;
-    const t = this.element;
-    this.transitionState && this.transitionState.current.width && this.transitionState.current.height ? (this.state.width = this.transitionState.current.width, this.state.height = this.transitionState.current.height) : t.classList.contains("vvw--loaded") || (this.state.width = this.initW, this.state.height = this.initH);
-    const i = () => {
-      this.isCancelled || u.start({
-        vistaImage: this,
-        target: {
-          width: this.fullW,
-          height: this.fullH
-        },
-        onComplete: () => {
-          this.isCancelled || (this.isReady = !0, t.classList.add("vvw--ready"), this.onImageReady());
-        },
-        shouldWait: this.transitionShouldWait
-      });
-    };
-    this.pos < -1 || this.pos > 1 ? (this.state.width = this.fullW, this.state.height = this.fullH, t.classList.add("vvw--loaded"), t.classList.add("vvw--ready"), this.isReady = !0) : t.classList.contains("vvw--loaded") ? t.classList.contains("vvw--ready") ? (this.isReady = !0, this.onImageReady()) : i() : (t.classList.add("vvw--loaded"), setTimeout(() => {
-      this.isCancelled || i();
-    }, 333));
-  }
-  getFullSizeDim() {
-    const { width: t, height: i } = this.thumb.getBoundingClientRect(), n = t / i;
-    let a = window.innerWidth, e = window.innerHeight;
-    return n > window.innerWidth / window.innerHeight ? e = a / n : a = e * n, { width: a, height: e };
-  }
-  setSizes(t = {}) {
-    var l, r, g, c;
-    const { stableSize: i = !0, initDimension: n } = t;
-    if (!this.origin) return;
-    const a = this.thumb;
-    n || (this.originRect = ((r = ((l = this.origin) == null ? void 0 : l.anchor) || this.replacement) == null ? void 0 : r.getBoundingClientRect()) || {
-      width: this.defaultWH,
-      height: this.defaultWH,
-      top: 0,
-      left: 0
-    });
-    let e = this.originRect;
-    if (a) {
-      const o = a.style;
-      o.width = e.width + "px", o.height = e.height + "px", o.top = "50%", o.left = "50%", o.translate = "-50% -50%", o.position = "fixed", o.objectFit = this.origin.objectFit, o.borderRadius = this.origin.borderRadius;
-      const f = Math.min(Math.max(e.left, -e.width), window.innerWidth + e.width) - window.innerWidth / 2 + e.width / 2, m = Math.min(Math.max(e.top, -e.height), window.innerHeight + e.height) - window.innerHeight / 2 + e.height / 2;
-      o.setProperty("--vvw-init-radius", o.borderRadius), o.setProperty("--vvw-pulse-radius", `calc(1.3 * ${o.borderRadius})`), o.setProperty("--vvw-init-x", `${f}px`), o.setProperty("--vvw-init-y", `${m}px`), n && (o.setProperty("--vvw-current-x", `${f}px`), o.setProperty("--vvw-current-y", `${m}px`));
-    }
-    if (!n) {
-      const { width: o, height: f } = this.thumbImage ? b(this.thumbImage) : { width: 0, height: 0 };
-      this.fittedSize = { width: o, height: f };
-    }
-    const s = this.element;
-    if (this.initW = Math.min(((g = this.fittedSize) == null ? void 0 : g.width) ?? 0, e.width), this.initH = Math.min(((c = this.fittedSize) == null ? void 0 : c.height) ?? 0, e.height), s.style.setProperty("--vvw-init-w", this.initW + "px"), s.style.setProperty("--vvw-init-h", this.initH + "px"), s.style.setProperty("--vvw-init-radius", this.origin.borderRadius), s.style.objectFit = "cover", !n) {
-      if (this.isReady && !this.isCancelled) {
-        const { width: o, height: f } = this.getFullSizeDim();
-        this.fullH = f, this.fullW = o, this.minW = this.fullW * 0.5;
-      }
-      !this.isZoomedIn && i && this.normalize();
-    }
-  }
-  normalize() {
-    this.state.transform = { x: 0, y: 0, scale: 1 }, this.state.translate = {
-      x: 0,
-      y: 0
-    }, this.state.width = this.fullW, this.state.height = this.fullH, this.isZoomedIn = !1;
-  }
-  getFromParsedSrcSet(t) {
-    if (!this.parsedSrcSet || this.parsedSrcSet.length === 0)
-      return null;
-    const i = t * (window.devicePixelRatio || 1);
-    let n = this.parsedSrcSet[this.parsedSrcSet.length - 1];
-    for (const a of this.parsedSrcSet)
-      if (a.width >= i) {
-        n = a;
-        break;
-      }
-    return n.src;
-  }
-  prepareClose() {
-    u.stop(this), this.setFinalTransform();
-  }
-  cancelPendingLoad() {
-    var t;
-    this.isCancelled = !0, (t = this.element) == null || t.classList.add("vvw--load-cancelled");
-  }
-  // Used by: VistaImageEvent
-  setInitialCenter(t) {
-    this.initPointerCenter = t;
-  }
-  destroy() {
-    var t, i;
-    this.originalParent && this.thumbImage && (this.thumbImage.style.cssText = this.originalStyle, this.originalNextSibling ? this.originalParent.insertBefore(this.thumbImage, this.originalNextSibling) : this.originalParent.appendChild(this.thumbImage)), this.originalParent = null, this.originalNextSibling = null, this.originalStyle = "", this.thumbImage = null, this.replacement && (this.replacement.remove(), this.replacement = null), (t = this.thumb) == null || t.remove(), (i = this.element) == null || i.remove(), this.thumb = null, this.origin = void 0, this.config = { src: "", alt: "" };
-  }
-  cloneStyleFrom(t, i) {
-    t != null && t.element && (i && (this.transitionState = i || null), t.element.classList.contains("vvw--loaded") && (this.element.classList.add("vvw--loaded"), this.state.width = t.state.width, this.state.height = t.state.height), t.element.classList.contains("vvw--ready") && this.element.classList.add("vvw--ready"));
-  }
-  toObject() {
-    return structuredClone({
-      config: {
-        src: this.config.src,
-        alt: this.config.alt,
-        srcSet: this.config.srcSet
-      },
-      origin: this.origin ? {
-        src: this.origin.src,
-        srcSet: this.origin.srcSet,
-        borderRadius: this.origin.borderRadius,
-        objectFit: this.origin.objectFit
-      } : null,
-      parsedSrcSet: this.parsedSrcSet,
-      element: "src" in this.element ? this.element.src : this.element.toString(),
-      thumb: void 0,
-      index: this.index,
-      pos: this.pos,
-      state: {
-        width: this.state._width,
-        height: this.state._height,
-        transform: this.state._transform,
-        translate: this.state._translate
-      }
-    });
-  }
-  // Used by: VistaImageEvent
-  setFinalTransform(t = {}) {
-    const { propagateEvent: i = !0 } = t;
-    if (this.isReady) {
-      if (this.state.translate.x += this.state.transform.x, this.state.translate.y += this.state.transform.y, this.state.width *= this.state.transform.scale, this.state.height *= this.state.transform.scale, Math.abs(this.state.width - this.fullW) < 1 && (this.state.width = this.fullW, this.state.height = this.fullH), Math.abs(this.state.translate.x) < 1 && (this.state.translate.x = 0), Math.abs(this.state.translate.y) < 1 && (this.state.translate.y = 0), this.state.translate = { ...this.state.translate }, this.state.transform = { x: 0, y: 0, scale: 1 }, i) {
-        const n = this.toObject();
-        this.vistaView.options.onContentChange && this.vistaView.options.onContentChange(n, this.vistaView), this.vistaView.state.extensions.forEach((a) => {
-          a.onContentChange && a.onContentChange(n, this.vistaView);
-        });
-      }
-      return {
-        close: !0,
-        cancel: () => {
-        }
-      };
-    }
-  }
-}
-export {
-  R as V,
-  u as a
-};

package/dist/vistaview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vistaview.d.ts","sourceRoot":"","sources":["../src/vistaview.ts"],"names":[],"mappings":"AAAA,mBAAmB,aAAa,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC"}