@realsee/dnalogel 2.1.0-alpha.26 → 2.1.0-alpha.28

package/libs/CSS3DRenderPlugin/utils/CSS3DObjectPlus.js

@@ -1,48 +1,67 @@
 var P = Object.defineProperty;
-var W = (c, o, t) => o in c ? P(c, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[o] = t;
-var i = (c, o, t) => (W(c, typeof o != "symbol" ? o + "" : o, t), t);
+var k = (p, h, t) => h in p ? P(p, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[h] = t;
+var s = (p, h, t) => (k(p, typeof h != "symbol" ? h + "" : h, t), t);
 import { CSS3DObject as D } from "three/examples/jsm/renderers/CSS3DRenderer";
-import { Vector3 as m } from "three";
-import { evenNumber as V } from "./evenNumber.js";
-import { centerPoint as E } from "./centerPoint.js";
-const f = "1.0.1", H = `CSS3DObjectPlus@${f}`, j = 216e-5, v = 3e-3;
-class T extends D {
-  constructor(t, e, h = v, u = 1) {
-    const l = Math.max(j, h), p = e[0].distanceTo(e[1]), a = e[1].distanceTo(e[2]), n = V(p / h * u), d = V(a / h * u), x = E(...e);
-    let g;
-    if (l === h)
-      t.style.width = `${n}px`, t.style.height = `${d}px`, g = t;
+import { Vector3 as n } from "three";
+import { evenNumber as f } from "./evenNumber.js";
+import { centerPoint as W } from "./centerPoint.js";
+import { Subscribe as j } from "../../shared-utils/Subscribe.js";
+const w = "1.0.2", v = `CSS3DObjectPlus@${w}`, C = 216e-5, E = 3e-3;
+class z extends D {
+  constructor(t, e, o = E, x = 1, M = "front") {
+    const l = Math.max(C, o), d = e[0].distanceTo(e[1]), m = e[1].distanceTo(e[2]), c = f(d / o * x), a = f(m / o * x), r = W(...e);
+    let u;
+    if (l === o)
+      t.style.width = `${c}px`, t.style.height = `${a}px`, u = t;
     else {
-      const s = document.createElement("div");
-      s.style.width = `${n}px`, s.style.height = `${d}px`, s.style.pointerEvents = "none";
-      const b = h / l;
-      t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = `${b * n}px`, t.style.height = `${b * d}px`, s.appendChild(t), g = s;
+      const i = document.createElement("div");
+      i.style.width = `${c}px`, i.style.height = `${a}px`, i.style.pointerEvents = "none";
+      const b = o / l;
+      t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = `${b * c}px`, t.style.height = `${b * a}px`, i.appendChild(t), u = i;
     }
-    super(g);
-    i(this, "version", f);
-    i(this, "width");
-    i(this, "height");
-    i(this, "domWidthPx");
-    i(this, "domHeightPx");
-    i(this, "cornerPoints");
-    i(this, "ratio");
-    i(this, "container");
-    i(this, "centerPosition");
-    if (this.scale.set(l, l, l), this.cornerPoints = e, this.ratio = h, this.container = t, l === h)
-      this.width = p, this.height = a, this.domWidthPx = n, this.domHeightPx = d, this.centerPosition = x;
+    super(u);
+    s(this, "version", w);
+    s(this, "width");
+    s(this, "height");
+    s(this, "domWidthPx");
+    s(this, "domHeightPx");
+    s(this, "cornerPoints");
+    s(this, "ratio");
+    s(this, "container");
+    s(this, "centerPosition");
+    s(this, "mode", "front");
+    s(this, "hooks", new j());
+    s(this, "isCSS3DObjectPlus", !0);
+    if (this.scale.set(l, l, l), this.cornerPoints = e, this.ratio = o, this.container = t, this.mode = M, l === o)
+      this.width = d, this.height = m, this.domWidthPx = c, this.domHeightPx = a, this.centerPosition = r;
     else {
-      const s = h / l;
-      this.width = s * p, this.height = s * a, this.domWidthPx = s * n, this.domHeightPx = s * d, this.centerPosition = new m().subVectors(x, e[0]).multiplyScalar(s).add(e[0]);
+      const i = o / l;
+      this.width = i * d, this.height = i * m, this.domWidthPx = i * c, this.domHeightPx = i * a, this.centerPosition = new n().subVectors(r, e[0]).multiplyScalar(i).add(e[0]);
     }
-    t.classList.add(`${H}__container`);
-    const S = new m().subVectors(e[1], e[0]), r = new m().subVectors(e[3], e[0]), $ = new m().crossVectors(S, r).normalize();
+    t.classList.add(`${v}__container`);
+    const V = new n().subVectors(e[1], e[0]), y = new n().subVectors(e[3], e[0]), $ = new n().crossVectors(V, y).normalize();
     this.lookAt($);
-    const y = this.up.clone().applyQuaternion(this.quaternion), w = r.clone(), O = new m().crossVectors(y, w).normalize();
-    this.rotateOnWorldAxis(O, y.angleTo(w)), this.position.copy(x);
+    const g = this.up.clone().applyQuaternion(this.quaternion), S = y.clone(), O = new n().crossVectors(g, S).normalize();
+    this.rotateOnWorldAxis(O, g.angleTo(S)), this.position.copy(r);
+  }
+  changeMode(t, e) {
+    if (t === this.mode)
+      return;
+    const o = this.mode;
+    this.mode = t, this.hooks.emit("changeMode", t, o, e);
+  }
+  applyScaleMatrix4(t) {
+    this.scale.applyMatrix4(t), this.hooks.emit("applyScaleMatrix4", t);
+  }
+  applyMatrix4(t) {
+    super.applyMatrix4(t), this.hooks.emit("applyMatrix4", t);
+  }
+  applyQuaternion(t) {
+    return super.applyQuaternion(t), this.hooks.emit("applyQuaternion", t), this;
   }
 }
 export {
-  T as CSS3DObjectPlus,
-  v as DefaultRatio,
-  j as MinRatio
+  z as CSS3DObjectPlus,
+  E as DefaultRatio,
+  C as MinRatio
 };

package/libs/Object3DHelperPlugin/Controller.js

@@ -1,16 +1,16 @@
 var C = Object.defineProperty;
-var w = (i, o, e) => o in i ? C(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e;
-var n = (i, o, e) => (w(i, typeof o != "symbol" ? o + "" : o, e), e);
-import { Controller as S } from "../base/BasePlugin.js";
+var S = (o, i, e) => i in o ? C(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e;
+var n = (o, i, e) => (S(o, typeof i != "symbol" ? i + "" : i, e), e);
+import { Controller as g } from "../base/BasePlugin.js";
 import "three";
-import { MoveHelper as g } from "../shared-utils/Object3DHelper/Helper/MoveHelper.js";
+import { MoveHelper as w } from "../shared-utils/Object3DHelper/Helper/MoveHelper.js";
 import { RotateHelper as E } from "../shared-utils/Object3DHelper/Helper/RotateHelper.js";
 import { RectangleScaleHelper as M } from "../shared-utils/Object3DHelper/Helper/RectangleScaleHelper.js";
 import "../shared-utils/Object3DHelper/Helper/OutlineHelper.js";
 import { MoveController as O } from "../shared-utils/Object3DHelper/Controller/MoveController.js";
 import { ControllerWrapper as p } from "./FiveControllerWrapper.js";
-import { Object3DHelper as y } from "../shared-utils/Object3DHelper/index.js";
-import { RotateController as D } from "../shared-utils/Object3DHelper/Controller/RotateController.js";
+import { Object3DHelper as D } from "../shared-utils/Object3DHelper/index.js";
+import { RotateController as y } from "../shared-utils/Object3DHelper/Controller/RotateController.js";
 import { CSS3DScaleController as I } from "../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
 import "../shared-utils/Subscribe.js";
 import "../shared-utils/Object3DHelper/Base/BaseHelper.js";
@@ -33,14 +33,14 @@ import "../shared-utils/Object3DHelper/utils/getMouseRaycaster.js";
 import "../shared-utils/Object3DHelper/utils/calculateThreeMouse.js";
 import "../shared-utils/Object3DHelper/Controller/RectangleScaleController.js";
 import "../shared-utils/Object3DHelper/utils/vectorIsEqual.js";
-const f = "v1.0.0", d = "Object3DHelperPlugin", h = `${d}@${f}`, j = () => {
+const f = "v1.0.0", d = "Object3DHelperPlugin", h = `${d}@${f}`, k = () => {
   console.error(`${h} is disposed`);
-}, $ = () => {
+}, F = () => {
   console.warn(`${h} is disabled`);
-}, L = () => {
+}, P = () => {
   console.error(`${h} is disabled`);
 };
-class he extends S {
+class he extends g {
   constructor(e) {
     super(e);
     n(this, "version", f);
@@ -51,7 +51,7 @@ class he extends S {
       disposed: !1
     });
     n(this, "objectHelperMap", /* @__PURE__ */ new Map());
-    this.five = e, Object.assign(window, { [`__${d.toUpperCase()}_DEBUG__`]: this });
+    this.five = e, console.warn("Object3DHelper: \u4F7F\u7528\u6B64\u63D2\u4EF6\u9700\u8981\u5728\u521D\u59CB\u5316five\u65F6\uFF0C\u8BBE\u7F6Efive\u53C2\u6570: { backgroundAlpha: 0, backgroundColor: 0x000000 }"), Object.assign(window, { [`__${d.toUpperCase()}_DEBUG__`]: this });
   }
   async show(e) {
     this.setState({ visible: !0 }, e);
@@ -70,9 +70,9 @@ class he extends S {
   }
   setState(e, t) {
     if (this.state.disposed)
-      return j();
+      return k();
     if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
-      return L();
+      return P();
     const r = { ...this.state };
     this.state = { ...this.state, ...e }, e.disposed !== void 0 && e.disposed !== r.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== r.visible && this.handleVisible(e.visible), e.enabled !== void 0 && e.enabled !== r.enabled && this.handleEnable(e.enabled), this.hooks.emit("stateChange", { state: this.state, prevState: r });
   }
@@ -84,30 +84,31 @@ class he extends S {
     if (!e)
       return console.error("Object3D is undefined");
     if (this.objectHelperMap.has(e)) {
-      console.warn(`Object3DHelperPlugin: object3D ${e.name} already has helper`);
+      console.warn(`Object3DHelperPlugin: object3D ${e.name} is already has helper`);
       return;
     }
-    const r = new y();
+    const r = new D();
     this.objectHelperMap.set(e, r);
-    const a = (c = this.five.getElement()) == null ? void 0 : c.parentElement, m = this.five.camera, { moveHelper: b = !0, rotateHelper: v = !0, scaleHelper: H = !0 } = t;
+    const a = (c = this.five.getElement()) == null ? void 0 : c.parentElement, m = this.five.camera, { moveHelper: b = !0, rotateHelper: u = !0, scaleHelper: v = !0 } = t;
     if (b) {
-      const s = new g(e), l = new p(this.five, O, e, s);
+      const s = new w(e), l = new p(this.five, O, e, s);
       r.addControllers({ moveController: l.helperController });
     }
-    if (v) {
+    if (u) {
       let s;
       a && m && (s = { container: a });
-      const l = new E(e, s), u = new p(this.five, D, e, l);
-      r.addControllers({ rotateController: u.helperController });
+      const l = new E(e, s), H = new p(this.five, y, e, l);
+      r.addControllers({ rotateController: H.helperController });
     }
-    if (H && a) {
+    if (v && a) {
       const s = new M(e, a, m, this.five.scene), l = new p(this.five, I, e, s);
       r.addControllers({ scaleController: l.helperController });
     }
+    e.isCSS3DObjectPlus && e.changeMode("behind", this.five.scene);
   }
   removeObject3DHelper(e) {
     const t = this.objectHelperMap.get(e);
-    !t || (this.objectHelperMap.delete(e), t.dispose());
+    !t || (e.isCSS3DObjectPlus && e.changeMode("front"), this.objectHelperMap.delete(e), t.dispose());
   }
   handleEnable(e, t = !0) {
     e ? (this.everyHelperDo((r) => r.enable()), this.hooks.emit("enable", { userAction: t })) : (this.everyHelperDo((r) => r.disable()), this.hooks.emit("disable", { userAction: t })), this.state.enabled = e;
@@ -126,7 +127,7 @@ class he extends S {
   actionIfStateIsEnabled(e, t) {
     if (this.state.enabled)
       return e();
-    t != null && t.warnLog && $();
+    t != null && t.warnLog && F();
   }
 }
 export {

package/libs/PanoTagPlugin/Components/Common/MediaItem.js

@@ -1,147 +1,147 @@
-import { S as j, i as C, s as N, a as F, r as U, c as m, n as h, g as _, e as d, b as r, G as q, o as S, l as g, I as f, q as y, p as z, K as k, L } from "../../../index.164f1850.js";
-import { Image_Play_Large as P, Image_Play_Small as B } from "../../Assets/Icon.js";
-function G(l) {
-  F(l, "svelte-cwtvzu", ".media-item.svelte-cwtvzu.svelte-cwtvzu{height:100%}.media-content.svelte-cwtvzu.svelte-cwtvzu{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:inherit;object-fit:inherit}.video-icon.svelte-cwtvzu.svelte-cwtvzu{width:12.5rem;height:6.25rem;max-width:60%;max-height:60%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.video-play-button-container.svelte-cwtvzu.svelte-cwtvzu{display:none;pointer-events:auto;position:absolute;width:100%;height:100%;top:0;left:0}.video-play-button-container.showPlayButton.svelte-cwtvzu.svelte-cwtvzu{display:block}.video-icon.large.svelte-cwtvzu.svelte-cwtvzu{width:12.5rem;height:6.25rem}.video-icon.small.svelte-cwtvzu.svelte-cwtvzu{width:1.75rem;height:1.75rem}.video-icon.svelte-cwtvzu .video-icon-img.svelte-cwtvzu{width:100%;height:100%;background-position:center center;background-size:contain;background-repeat:no-repeat}.video-icon.svelte-cwtvzu .video-icon-img.canPlay.svelte-cwtvzu{cursor:pointer}");
+import { S as C, i as N, s as F, a as U, r as q, c as _, n as y, g as p, e as m, b as u, G as S, o as L, l as b, I as d, q as z, p as k, K as P, L as G } from "../../../index.164f1850.js";
+import { Image_Play_Large as j, Image_Play_Small as B } from "../../Assets/Icon.js";
+function K(o) {
+  U(o, "svelte-cwtvzu", ".media-item.svelte-cwtvzu.svelte-cwtvzu{height:100%}.media-content.svelte-cwtvzu.svelte-cwtvzu{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:inherit;object-fit:inherit}.video-icon.svelte-cwtvzu.svelte-cwtvzu{width:12.5rem;height:6.25rem;max-width:60%;max-height:60%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.video-play-button-container.svelte-cwtvzu.svelte-cwtvzu{display:none;pointer-events:auto;position:absolute;width:100%;height:100%;top:0;left:0}.video-play-button-container.showPlayButton.svelte-cwtvzu.svelte-cwtvzu{display:block}.video-icon.large.svelte-cwtvzu.svelte-cwtvzu{width:12.5rem;height:6.25rem}.video-icon.small.svelte-cwtvzu.svelte-cwtvzu{width:1.75rem;height:1.75rem}.video-icon.svelte-cwtvzu .video-icon-img.svelte-cwtvzu{width:100%;height:100%;background-position:center center;background-size:contain;background-repeat:no-repeat}.video-icon.svelte-cwtvzu .video-icon-img.canPlay.svelte-cwtvzu{cursor:pointer}");
 }
-function I(l) {
-  let e, t;
-  function a(u, i) {
-    if (u[0].type === "Image")
+function I(o) {
+  let e;
+  function t(a, c) {
+    if (a[0].type === "Image")
+      return V;
+    if (a[0].type === "Video")
       return M;
-    if (u[0].type === "Video")
-      return K;
   }
-  let s = a(l), o = s && s(l);
+  let s = t(o), i = s && s(o);
   return {
     c() {
-      e = d("div"), o && o.c(), r(e, "class", "media-item svelte-cwtvzu"), r(e, "style", t = `object-fit: ${l[3]};`);
+      e = m("div"), i && i.c(), u(e, "class", "media-item svelte-cwtvzu");
     },
-    m(u, i) {
-      m(u, e, i), o && o.m(e, null);
+    m(a, c) {
+      _(a, e, c), i && i.m(e, null);
     },
-    p(u, i) {
-      s === (s = a(u)) && o ? o.p(u, i) : (o && o.d(1), o = s && s(u), o && (o.c(), o.m(e, null))), i & 8 && t !== (t = `object-fit: ${u[3]};`) && r(e, "style", t);
+    p(a, c) {
+      s === (s = t(a)) && i ? i.p(a, c) : (i && i.d(1), i = s && s(a), i && (i.c(), i.m(e, null)));
     },
-    d(u) {
-      u && _(e), o && o.d();
+    d(a) {
+      a && p(e), i && i.d();
     }
   };
 }
-function K(l) {
-  let e, t, a, s, o, u, i, v, p, w;
+function M(o) {
+  let e, t, s, i, a, c, n, f, v, w, g;
   return {
     c() {
-      var c;
-      e = d("video"), o = S(), u = d("div"), i = d("div"), v = d("div"), r(e, "class", "media-content svelte-cwtvzu"), g(e.src, t = l[0].url) || r(e, "src", t), r(e, "poster", a = (c = l[0].videoCoverUrl) != null ? c : void 0), r(e, "preload", s = l[0].videoCoverUrl ? void 0 : "auto"), e.playsInline = !0, r(e, "paused", ""), e.loop = !1, r(e, "crossorigin", ""), e.controls = !1, f(e, "showPlayButton", l[5]), r(v, "class", "video-icon-img svelte-cwtvzu"), y(v, "background-image", "url(" + (l[1] === "large" ? P : B) + ")"), f(v, "canPlay", l[2]), r(i, "class", "video-icon svelte-cwtvzu"), f(i, "large", l[1] === "large"), f(i, "small", l[1] === "small"), r(u, "class", "video-play-button-container svelte-cwtvzu"), f(u, "showPlayButton", l[5]);
+      var l;
+      e = m("video"), c = L(), n = m("div"), f = m("div"), v = m("div"), u(e, "class", "media-content svelte-cwtvzu"), u(e, "style", t = `object-fit: ${o[3]};`), b(e.src, s = o[0].url) || u(e, "src", s), u(e, "poster", i = (l = o[0].videoCoverUrl) != null ? l : void 0), u(e, "preload", a = o[0].videoCoverUrl ? void 0 : "auto"), e.playsInline = !0, u(e, "paused", ""), e.loop = !1, u(e, "crossorigin", ""), e.controls = !1, d(e, "showPlayButton", o[5]), u(v, "class", "video-icon-img svelte-cwtvzu"), z(v, "background-image", "url(" + (o[1] === "large" ? j : B) + ")"), d(v, "canPlay", o[2]), u(f, "class", "video-icon svelte-cwtvzu"), d(f, "large", o[1] === "large"), d(f, "small", o[1] === "small"), u(n, "class", "video-play-button-container svelte-cwtvzu"), d(n, "showPlayButton", o[5]);
     },
-    m(c, n) {
-      m(c, e, n), l[7](e), m(c, o, n), m(c, u, n), z(u, i), z(i, v), p || (w = [
-        k(e, "click", l[6]),
-        k(v, "click", l[8])
-      ], p = !0);
+    m(l, r) {
+      _(l, e, r), o[7](e), _(l, c, r), _(l, n, r), k(n, f), k(f, v), w || (g = [
+        P(e, "click", o[6]),
+        P(v, "click", o[8])
+      ], w = !0);
     },
-    p(c, n) {
-      var b;
-      n & 1 && !g(e.src, t = c[0].url) && r(e, "src", t), n & 1 && a !== (a = (b = c[0].videoCoverUrl) != null ? b : void 0) && r(e, "poster", a), n & 1 && s !== (s = c[0].videoCoverUrl ? void 0 : "auto") && r(e, "preload", s), n & 32 && f(e, "showPlayButton", c[5]), n & 2 && y(v, "background-image", "url(" + (c[1] === "large" ? P : B) + ")"), n & 4 && f(v, "canPlay", c[2]), n & 2 && f(i, "large", c[1] === "large"), n & 2 && f(i, "small", c[1] === "small"), n & 32 && f(u, "showPlayButton", c[5]);
+    p(l, r) {
+      var h;
+      r & 8 && t !== (t = `object-fit: ${l[3]};`) && u(e, "style", t), r & 1 && !b(e.src, s = l[0].url) && u(e, "src", s), r & 1 && i !== (i = (h = l[0].videoCoverUrl) != null ? h : void 0) && u(e, "poster", i), r & 1 && a !== (a = l[0].videoCoverUrl ? void 0 : "auto") && u(e, "preload", a), r & 32 && d(e, "showPlayButton", l[5]), r & 2 && z(v, "background-image", "url(" + (l[1] === "large" ? j : B) + ")"), r & 4 && d(v, "canPlay", l[2]), r & 2 && d(f, "large", l[1] === "large"), r & 2 && d(f, "small", l[1] === "small"), r & 32 && d(n, "showPlayButton", l[5]);
     },
-    d(c) {
-      c && _(e), l[7](null), c && _(o), c && _(u), p = !1, L(w);
+    d(l) {
+      l && p(e), o[7](null), l && p(c), l && p(n), w = !1, G(g);
     }
   };
 }
-function M(l) {
-  let e, t, a;
+function V(o) {
+  let e, t, s, i;
   return {
     c() {
-      e = d("img"), r(e, "class", "media-content svelte-cwtvzu"), g(e.src, t = l[0].url) || r(e, "src", t), r(e, "alt", a = l[0].name);
+      e = m("img"), u(e, "class", "media-content svelte-cwtvzu"), u(e, "style", t = `object-fit: ${o[3]};`), b(e.src, s = o[0].url) || u(e, "src", s), u(e, "alt", i = o[0].name);
     },
-    m(s, o) {
-      m(s, e, o);
+    m(a, c) {
+      _(a, e, c);
     },
-    p(s, o) {
-      o & 1 && !g(e.src, t = s[0].url) && r(e, "src", t), o & 1 && a !== (a = s[0].name) && r(e, "alt", a);
+    p(a, c) {
+      c & 8 && t !== (t = `object-fit: ${a[3]};`) && u(e, "style", t), c & 1 && !b(e.src, s = a[0].url) && u(e, "src", s), c & 1 && i !== (i = a[0].name) && u(e, "alt", i);
     },
-    d(s) {
-      s && _(e);
+    d(a) {
+      a && p(e);
     }
   };
 }
-function V(l) {
-  let e, t = l[0] && I(l);
+function A(o) {
+  let e, t = o[0] && I(o);
   return {
     c() {
-      t && t.c(), e = U();
+      t && t.c(), e = q();
     },
-    m(a, s) {
-      t && t.m(a, s), m(a, e, s);
+    m(s, i) {
+      t && t.m(s, i), _(s, e, i);
     },
-    p(a, [s]) {
-      a[0] ? t ? t.p(a, s) : (t = I(a), t.c(), t.m(e.parentNode, e)) : t && (t.d(1), t = null);
+    p(s, [i]) {
+      s[0] ? t ? t.p(s, i) : (t = I(s), t.c(), t.m(e.parentNode, e)) : t && (t.d(1), t = null);
     },
-    i: h,
-    o: h,
-    d(a) {
-      t && t.d(a), a && _(e);
+    i: y,
+    o: y,
+    d(s) {
+      t && t.d(s), s && p(e);
     }
   };
 }
-function A(l, e, t) {
-  let { media: a } = e, { playButtonIfNeed: s = "small" } = e, { canPlay: o = !0 } = e, { objectFit: u = "cover" } = e, i, v = !1;
-  const p = () => i == null ? void 0 : i.pause();
-  function w(n) {
-    q[n ? "unshift" : "push"](() => {
-      i = n, t(4, i);
+function D(o, e, t) {
+  let { media: s } = e, { playButtonIfNeed: i = "small" } = e, { canPlay: a = !0 } = e, { objectFit: c = "cover" } = e, n, f = !1;
+  const v = () => n == null ? void 0 : n.pause();
+  function w(l) {
+    S[l ? "unshift" : "push"](() => {
+      n = l, t(4, n);
     });
   }
-  const c = () => {
-    !o || i && i.play();
+  const g = () => {
+    !a || n && n.play();
   };
-  return l.$$set = (n) => {
-    "media" in n && t(0, a = n.media), "playButtonIfNeed" in n && t(1, s = n.playButtonIfNeed), "canPlay" in n && t(2, o = n.canPlay), "objectFit" in n && t(3, u = n.objectFit);
-  }, l.$$.update = () => {
-    l.$$.dirty & 16 && i && (t(5, v = i.paused), t(
+  return o.$$set = (l) => {
+    "media" in l && t(0, s = l.media), "playButtonIfNeed" in l && t(1, i = l.playButtonIfNeed), "canPlay" in l && t(2, a = l.canPlay), "objectFit" in l && t(3, c = l.objectFit);
+  }, o.$$.update = () => {
+    o.$$.dirty & 16 && n && (t(5, f = n.paused), t(
       4,
-      i.onplay = () => {
-        t(5, v = !1);
+      n.onplay = () => {
+        t(5, f = !1);
       },
-      i
+      n
     ), t(
       4,
-      i.onpause = () => {
-        t(5, v = !0);
+      n.onpause = () => {
+        t(5, f = !0);
       },
-      i
+      n
     ));
   }, [
-    a,
     s,
-    o,
-    u,
     i,
+    a,
+    c,
+    n,
+    f,
     v,
-    p,
     w,
-    c
+    g
   ];
 }
-class H extends j {
+class J extends C {
   constructor(e) {
-    super(), C(
+    super(), N(
       this,
       e,
+      D,
       A,
-      V,
-      N,
+      F,
       {
         media: 0,
         playButtonIfNeed: 1,
         canPlay: 2,
         objectFit: 3
       },
-      G
+      K
     );
   }
 }
 export {
-  H as default
+  J as default
 };