@realsee/dnalogel/libs/PanoTagPlugin/Components/Common/Media.js

如视 VR 看房插件合集

import { SvelteComponent as le, init as oe, safe_not_equal as re, append_styles as me, empty as U, insert as D, transition_in as c, transition_out as p, check_outros as q, detach as w, getContext as F, onMount as se, onDestroy as ue, element as G, attr as H, toggle_class as k, append as fe, group_outros as M, add_render_callback as de, create_in_transition as ce, identity as J, create_out_transition as _e, binding_callbacks as E, assign as W, bind as X, create_component as S, mount_component as N, get_spread_update as Y, get_spread_object as Z, add_flush_callback as x, destroy_component as j, destroy_each as ge } from "../../../vendor/svelte/internal/index.js";
import { Carousel as pe } from "../../../vendor/svelte-carousel/src/components/Carousel/Carousel.js";
import { fly as K } from "../../../vendor/svelte/transition/index.js";
import $ from "./MediaItem.js";
import "../../../vendor/svelte-carousel/src/components/Dots/Dots.js";
import "../../../vendor/svelte-carousel/src/components/Dot/Dot.js";
import "../../../vendor/svelte-carousel/src/components/Arrow/Arrow.js";
import "../../../vendor/svelte-carousel/src/direction.js";
import "../../../vendor/svelte-carousel/src/components/Progress/Progress.js";
import "../../../vendor/svelte-carousel/src/actions/swipeable/swipeable.js";
import "../../../vendor/svelte-carousel/src/actions/swipeable/event.js";
import "../../../vendor/svelte-carousel/src/utils/event.js";
import "../../../vendor/svelte-carousel/src/units.js";
import "../../../vendor/svelte-carousel/src/actions/hoverable/hoverable.js";
import "../../../vendor/svelte-carousel/src/actions/hoverable/event.js";
import "../../../vendor/svelte-carousel/src/actions/tappable/tappable.js";
import "../../../vendor/svelte-carousel/src/utils/math.js";
import "../../../vendor/svelte-carousel/src/actions/tappable/event.js";
import "../../../vendor/svelte-carousel/src/utils/page.js";
import "../../../vendor/svelte-carousel/src/utils/clones.js";
import "../../../vendor/svelte-carousel/src/utils/object.js";
import "../../../vendor/svelte-carousel/src/components/Carousel/createCarousel.js";
import "../../../vendor/easy-reactive/src/simply-reactive.js";
import "../../../vendor/lodash.get/index.js";
import "../../../_commonjsHelpers.js";
import "../../../vendor/lodash.clonedeep/index.js";
import "../../../vendor/easy-reactive/src/utils/subscription.js";
import "../../../vendor/easy-reactive/src/utils/object.js";
import "../../../vendor/lodash.isequal/index.js";
import "../../../vendor/easy-reactive/src/utils/watcher.js";
import "../../../vendor/svelte-carousel/src/utils/lazy.js";
import "../../../vendor/svelte-carousel/src/utils/ProgressManager.js";
import "../../../vendor/svelte-carousel/src/utils/interval.js";
import "../../../vendor/svelte/easing/index.js";
import "../../Assets/Icon.js";
function be(t) {
  me(t, "svelte-1mrbqlg", ".media-list-wrapper.svelte-1mrbqlg.svelte-1mrbqlg{width:100%;height:100%;position:relative;overflow:hidden;border-radius:0.125rem}.media-list-wrapper.svelte-1mrbqlg .media-list.svelte-1mrbqlg{position:relative;pointer-events:auto;height:100%;left:50%;top:50%;transform:translate(-50%, -50%)}.media-list-wrapper.svelte-1mrbqlg .media-list.svelte-1mrbqlg .sc-carousel__carousel-container,.media-list-wrapper.svelte-1mrbqlg .media-list.svelte-1mrbqlg .sc-carousel__content-container{height:100%}");
}
function P(t, i, l) {
  const n = t.slice();
  return n[28] = i[l], n[29] = i, n[30] = l, n;
}
function Q(t) {
  let i, l, n, e, s, r, a;
  const o = [Ie, he], u = [];
  function I(f, _) {
    return (
      /*carouselEnabled*/
      f[13] && /*mediaDataList*/
      f[10].length > 1 ? 0 : 1
    );
  }
  return n = I(t), e = u[n] = o[n](t), {
    c() {
      i = G("div"), l = G("div"), e.c(), H(l, "class", "media-list svelte-1mrbqlg"), k(
        l,
        "carouselEnabled",
        /*carouselEnabled*/
        t[13]
      ), H(i, "class", "media-list-wrapper svelte-1mrbqlg"), k(
        i,
        "unfolded",
        /*unfolded*/
        t[5]
      );
    },
    m(f, _) {
      D(f, i, _), fe(i, l), u[n].m(l, null), a = !0;
    },
    p(f, _) {
      t = f;
      let b = n;
      n = I(t), n === b ? u[n].p(t, _) : (M(), p(u[b], 1, 1, () => {
        u[b] = null;
      }), q(), e = u[n], e ? e.p(t, _) : (e = u[n] = o[n](t), e.c()), c(e, 1), e.m(l, null)), (!a || _[0] & /*carouselEnabled*/
      8192) && k(
        l,
        "carouselEnabled",
        /*carouselEnabled*/
        t[13]
      ), (!a || _[0] & /*unfolded*/
      32) && k(
        i,
        "unfolded",
        /*unfolded*/
        t[5]
      );
    },
    i(f) {
      a || (c(e), f && de(() => {
        a && (r && r.end(1), s = ce(
          i,
          K,
          /*animation*/
          t[6] ? {
            y: 4,
            duration: (
              /*duration*/
              t[4]
            ),
            delay: (
              /*inDelay*/
              t[2]
            ),
            easing: J
          } : void 0
        ), s.start());
      }), a = !0);
    },
    o(f) {
      p(e), s && s.invalidate(), f && (r = _e(
        i,
        K,
        /*animation*/
        t[6] ? {
          y: 4,
          duration: (
            /*duration*/
            t[4]
          ),
          delay: (
            /*outDelay*/
            t[3]
          ),
          easing: J
        } : void 0
      )), a = !1;
    },
    d(f) {
      f && w(i), u[n].d(), f && r && r.end();
    }
  };
}
function he(t) {
  let i, l, n;
  const e = [
    { media: (
      /*mediaData*/
      t[1][0]
    ) },
    /*mediaItemConfig*/
    t[7],
    { tag: (
      /*tag*/
      t[0]
    ) }
  ];
  function s(a) {
    t[20](a);
  }
  let r = {};
  for (let a = 0; a < e.length; a += 1)
    r = W(r, e[a]);
  return (
    /*mediaInstanceList*/
    t[8][0] !== void 0 && (r.mediaInstance = /*mediaInstanceList*/
    t[8][0]), i = new $({ props: r }), E.push(() => X(i, "mediaInstance", s)), {
      c() {
        S(i.$$.fragment);
      },
      m(a, o) {
        N(i, a, o), n = !0;
      },
      p(a, o) {
        const u = o[0] & /*mediaData, mediaItemConfig, tag*/
        131 ? Y(e, [
          o[0] & /*mediaData*/
          2 && { media: (
            /*mediaData*/
            a[1][0]
          ) },
          o[0] & /*mediaItemConfig*/
          128 && Z(
            /*mediaItemConfig*/
            a[7]
          ),
          o[0] & /*tag*/
          1 && { tag: (
            /*tag*/
            a[0]
          ) }
        ]) : {};
        !l && o[0] & /*mediaInstanceList*/
        256 && (l = !0, u.mediaInstance = /*mediaInstanceList*/
        a[8][0], x(() => l = !1)), i.$set(u);
      },
      i(a) {
        n || (c(i.$$.fragment, a), n = !0);
      },
      o(a) {
        p(i.$$.fragment, a), n = !1;
      },
      d(a) {
        j(i, a);
      }
    }
  );
}
function Ie(t) {
  let i, l, n = {
    dots: !1,
    arrows: !1,
    $$slots: { default: [ke] },
    $$scope: { ctx: t }
  };
  return i = new pe({ props: n }), t[18](i), i.$on(
    "pageChange",
    /*pageChange_handler*/
    t[19]
  ), {
    c() {
      S(i.$$.fragment);
    },
    m(e, s) {
      N(i, e, s), l = !0;
    },
    p(e, s) {
      const r = {};
      s[0] & /*mediaDataList, mediaItemConfig, tag, mediaInstanceList*/
      1409 | s[1] & /*$$scope*/
      1 && (r.$$scope = { dirty: s, ctx: e }), i.$set(r);
    },
    i(e) {
      l || (c(i.$$.fragment, e), l = !0);
    },
    o(e) {
      p(i.$$.fragment, e), l = !1;
    },
    d(e) {
      t[18](null), j(i, e);
    }
  };
}
function R(t) {
  let i, l, n;
  const e = [
    /*mediaItemConfig*/
    t[7],
    { media: (
      /*media*/
      t[28]
    ) },
    { tag: (
      /*tag*/
      t[0]
    ) }
  ];
  function s(a) {
    t[17](
      a,
      /*index*/
      t[30]
    );
  }
  let r = {};
  for (let a = 0; a < e.length; a += 1)
    r = W(r, e[a]);
  return (
    /*mediaInstanceList*/
    t[8][
      /*index*/
      t[30]
    ] !== void 0 && (r.mediaInstance = /*mediaInstanceList*/
    t[8][
      /*index*/
      t[30]
    ]), i = new $({ props: r }), E.push(() => X(i, "mediaInstance", s)), {
      c() {
        S(i.$$.fragment);
      },
      m(a, o) {
        N(i, a, o), n = !0;
      },
      p(a, o) {
        t = a;
        const u = o[0] & /*mediaItemConfig, mediaDataList, tag*/
        1153 ? Y(e, [
          o[0] & /*mediaItemConfig*/
          128 && Z(
            /*mediaItemConfig*/
            t[7]
          ),
          o[0] & /*mediaDataList*/
          1024 && { media: (
            /*media*/
            t[28]
          ) },
          o[0] & /*tag*/
          1 && { tag: (
            /*tag*/
            t[0]
          ) }
        ]) : {};
        !l && o[0] & /*mediaInstanceList*/
        256 && (l = !0, u.mediaInstance = /*mediaInstanceList*/
        t[8][
          /*index*/
          t[30]
        ], x(() => l = !1)), i.$set(u);
      },
      i(a) {
        n || (c(i.$$.fragment, a), n = !0);
      },
      o(a) {
        p(i.$$.fragment, a), n = !1;
      },
      d(a) {
        j(i, a);
      }
    }
  );
}
function ke(t) {
  let i, l, n = (
    /*mediaDataList*/
    t[10]
  ), e = [];
  for (let r = 0; r < n.length; r += 1)
    e[r] = R(P(t, n, r));
  const s = (r) => p(e[r], 1, 1, () => {
    e[r] = null;
  });
  return {
    c() {
      for (let r = 0; r < e.length; r += 1)
        e[r].c();
      i = U();
    },
    m(r, a) {
      for (let o = 0; o < e.length; o += 1)
        e[o] && e[o].m(r, a);
      D(r, i, a), l = !0;
    },
    p(r, a) {
      if (a[0] & /*mediaItemConfig, mediaDataList, tag, mediaInstanceList*/
      1409) {
        n = /*mediaDataList*/
        r[10];
        let o;
        for (o = 0; o < n.length; o += 1) {
          const u = P(r, n, o);
          e[o] ? (e[o].p(u, a), c(e[o], 1)) : (e[o] = R(u), e[o].c(), c(e[o], 1), e[o].m(i.parentNode, i));
        }
        for (M(), o = n.length; o < e.length; o += 1)
          s(o);
        q();
      }
    },
    i(r) {
      if (!l) {
        for (let a = 0; a < n.length; a += 1)
          c(e[a]);
        l = !0;
      }
    },
    o(r) {
      e = e.filter(Boolean);
      for (let a = 0; a < e.length; a += 1)
        p(e[a]);
      l = !1;
    },
    d(r) {
      ge(e, r), r && w(i);
    }
  };
}
function ye(t) {
  let i, l, n = (
    /*unfolded*/
    t[5] && Q(t)
  );
  return {
    c() {
      n && n.c(), i = U();
    },
    m(e, s) {
      n && n.m(e, s), D(e, i, s), l = !0;
    },
    p(e, s) {
      /*unfolded*/
      e[5] ? n ? (n.p(e, s), s[0] & /*unfolded*/
      32 && c(n, 1)) : (n = Q(e), n.c(), c(n, 1), n.m(i.parentNode, i)) : n && (M(), p(n, 1, 1, () => {
        n = null;
      }), q());
    },
    i(e) {
      l || (c(n), l = !0);
    },
    o(e) {
      p(n), l = !1;
    },
    d(e) {
      n && n.d(e), e && w(i);
    }
  };
}
function Ce(t, i, l) {
  let n, e, s, r, { tag: a } = i, { mediaData: o } = i, { inDelay: u = 0 } = i, { outDelay: I = 0 } = i, { duration: f = 0 } = i, { unfolded: _ = !0 } = i, { animation: b = !0 } = i, { mediaItemConfig: L } = i, { enableCarousel: y = !0 } = i, { autoplayConfig: C = {} } = i;
  const { autoplayVideo: ve = !1, autoplayCarousel: ee = !0, autoplayVideoInCarousel: De = !1 } = C;
  let g = [], v = 0, h, V = null;
  const B = F("hooks"), O = F("mediaStore");
  function T() {
    const m = g[v], d = m == null ? void 0 : m.videoInstance;
    d && (d.paused ? (d.muted = !1, d.play()) : d.pause());
  }
  se(() => {
    B.on("click", (m) => {
      var d, z, A;
      (A = (z = (d = a.tag3DContentSvelte) == null ? void 0 : d.css3DInstance) == null ? void 0 : z.css3DObject) != null && A.opacityMesh && m.tag.id === a.id && T();
    }), V = setInterval(
      () => {
        r && (h == null || h.goToNext());
      },
      3e3
    );
  }), ue(() => {
    clearInterval(V), B.off("click", T);
  });
  function te(m, d) {
    t.$$.not_equal(g[d], m) && (g[d] = m, l(8, g));
  }
  function ie(m) {
    E[m ? "unshift" : "push"](() => {
      h = m, l(12, h);
    });
  }
  const ne = (m) => {
    n || O.set({ currentMediaElement: null }), l(11, v = m.detail);
  };
  function ae(m) {
    t.$$.not_equal(g[0], m) && (g[0] = m, l(8, g));
  }
  return t.$$set = (m) => {
    "tag" in m && l(0, a = m.tag), "mediaData" in m && l(1, o = m.mediaData), "inDelay" in m && l(2, u = m.inDelay), "outDelay" in m && l(3, I = m.outDelay), "duration" in m && l(4, f = m.duration), "unfolded" in m && l(5, _ = m.unfolded), "animation" in m && l(6, b = m.animation), "mediaItemConfig" in m && l(7, L = m.mediaItemConfig), "enableCarousel" in m && l(15, y = m.enableCarousel), "autoplayConfig" in m && l(16, C = m.autoplayConfig);
  }, t.$$.update = () => {
    t.$$.dirty[0] & /*mediaInstanceList*/
    256 && l(9, n = g.every((m) => m.paused)), t.$$.dirty[0] & /*enableCarousel, mediaData*/
    32770 && l(13, e = y && (o == null ? void 0 : o.length) > 1), t.$$.dirty[0] & /*mediaData*/
    2 && l(10, s = o), t.$$.dirty[0] & /*mediaDataList, paused*/
    1536 && (r = s.length > 1 && ee && n);
  }, [
    a,
    o,
    u,
    I,
    f,
    _,
    b,
    L,
    g,
    n,
    s,
    v,
    h,
    e,
    O,
    y,
    C,
    te,
    ie,
    ne,
    ae
  ];
}
class ot extends le {
  constructor(i) {
    super(), oe(
      this,
      i,
      Ce,
      ye,
      re,
      {
        tag: 0,
        mediaData: 1,
        inDelay: 2,
        outDelay: 3,
        duration: 4,
        unfolded: 5,
        animation: 6,
        mediaItemConfig: 7,
        enableCarousel: 15,
        autoplayConfig: 16
      },
      be,
      [-1, -1]
    );
  }
}
export {
  ot as default
};