@realsee/dnalogel/libs/PanoTagPlugin/Components/TagContainer.js

如视 VR 看房插件合集

import { SvelteComponent as S, init as v, safe_not_equal as A, append_styles as T, empty as w, insert as h, transition_in as f, transition_out as u, check_outros as y, detach as _, setContext as q, element as C, attr as z, toggle_class as c, group_outros as M, update_keyed_each as I, outro_and_destroy_block as N, create_component as j, mount_component as B, destroy_component as D } from "../../vendor/svelte/internal/index.js";
import E from "./TagItem.js";
import "./Tag/index.js";
import "./Tag/TextTag/index.js";
import "./Tag/TextTag/TextTag.js";
import "./Common/Line/Straight.js";
import "../../vendor/svelte/transition/index.js";
import "../../vendor/svelte/easing/index.js";
import "../../shared-utils/uuid.js";
import "./Common/Shadow.js";
import "./Common/Text/FlyMText.js";
import "./Common/Text/FlyText.js";
import "animejs";
import "../../shared-utils/isNil.js";
import "three";
import "../utils/search.js";
import "../utils/constants.js";
import "./Common/Arrow.js";
import "../Assets/Icon.js";
import "../utils/doUtil.js";
import "../../shared-utils/svelte/resizeObserver.js";
import "../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
import "./Tag/TextTag/TextPlaneTag.js";
import "./Common/Text/MText.js";
import "../utils/px2rem.js";
import "./Tag/ImageTextTag.js";
import "./Common/Line/Polyline.js";
import "./Common/Media.js";
import "../../vendor/svelte-carousel/src/components/Carousel/Carousel.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 "./Common/MediaItem.js";
import "./Tag/MarketingTag.js";
import "hammerjs";
import "@realsee/five";
import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
import "../../shared-utils/positionToVector3.js";
import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
import "three/examples/jsm/renderers/CSS3DRenderer";
import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
import "../../shared-utils/util.js";
import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
import "../../CSS3DRenderPlugin/utils/even.js";
import "../../shared-utils/Subscribe.js";
import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
import "../../shared-utils/three/centerPoint.js";
import "../../shared-utils/three/getObjectVisible.js";
import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
import "../utils/noTypecheck.js";
import "./Tag/AudioTag/index.js";
import "./Tag/AudioTag/AudioTag.js";
import "./Common/Audio.js";
import "../utils/audio/SharedAudio.js";
import "../../shared-utils/audio.js";
import "./Common/Icon/audioIcon.js";
import "./Tag/AudioTag/AudioPlaneTag.js";
import "./Tag/MediaPlane.js";
import "./Tag/LinkTag.js";
import "./Common/Icon/Icon.js";
import "../utils/getImageInfo.js";
import "./Tag/PanoramaTag.js";
import "./Tag/CustomTag.js";
import "../../vendor/classnames/index.js";
import "./Common/TagPoint.js";
function F(p) {
  T(p, "svelte-p0nosq", ".tag--container.svelte-p0nosq{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;opacity:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translate3d(0, 0, 0)}.withAnimation.svelte-p0nosq{transition:opacity 0.2s linear}.tag--container.hide.svelte-p0nosq{opacity:0;pointer-events:none}.tag--container.hide.svelte-p0nosq *{pointer-events:none !important}");
}
function d(p, t, i) {
  const e = p.slice();
  return e[8] = t[i], e;
}
function k(p) {
  let t, i = [], e = /* @__PURE__ */ new Map(), n, r = (
    /*tags*/
    p[1]
  );
  const a = (o) => (
    /*tag*/
    o[8].id
  );
  for (let o = 0; o < r.length; o += 1) {
    let m = d(p, r, o), s = a(m);
    e.set(s, i[o] = b(s, m));
  }
  return {
    c() {
      t = C("div");
      for (let o = 0; o < i.length; o += 1)
        i[o].c();
      z(t, "class", "tag--container svelte-p0nosq"), c(t, "hide", !/*state*/
      p[5].visible || !/*temporaryState*/
      p[6].visible), c(
        t,
        "withAnimation",
        /*withAnimation*/
        p[0]
      );
    },
    m(o, m) {
      h(o, t, m);
      for (let s = 0; s < i.length; s += 1)
        i[s] && i[s].m(t, null);
      n = !0;
    },
    p(o, m) {
      m & /*state, temporaryState, withAnimation, tags, mediaStore, rendererMap, contentTypeMap*/
      127 && (r = /*tags*/
      o[1], M(), i = I(i, m, a, 1, o, r, e, t, N, b, null, d), y()), (!n || m & /*state, temporaryState*/
      96) && c(t, "hide", !/*state*/
      o[5].visible || !/*temporaryState*/
      o[6].visible), (!n || m & /*withAnimation*/
      1) && c(
        t,
        "withAnimation",
        /*withAnimation*/
        o[0]
      );
    },
    i(o) {
      if (!n) {
        for (let m = 0; m < r.length; m += 1)
          f(i[m]);
        n = !0;
      }
    },
    o(o) {
      for (let m = 0; m < i.length; m += 1)
        u(i[m]);
      n = !1;
    },
    d(o) {
      o && _(t);
      for (let m = 0; m < i.length; m += 1)
        i[m].d();
    }
  };
}
function b(p, t) {
  let i, e, n;
  return e = new E({
    props: {
      state: (
        /*state*/
        t[5]
      ),
      temporaryState: (
        /*temporaryState*/
        t[6]
      ),
      withAnimation: (
        /*withAnimation*/
        t[0]
      ),
      tag: (
        /*tag*/
        t[8]
      ),
      mediaStore: (
        /*mediaStore*/
        t[2]
      ),
      rendererMap: (
        /*rendererMap*/
        t[3]
      ),
      contentTypeMap: (
        /*contentTypeMap*/
        t[4]
      )
    }
  }), {
    key: p,
    first: null,
    c() {
      i = w(), j(e.$$.fragment), this.first = i;
    },
    m(r, a) {
      h(r, i, a), B(e, r, a), n = !0;
    },
    p(r, a) {
      t = r;
      const o = {};
      a & /*state*/
      32 && (o.state = /*state*/
      t[5]), a & /*temporaryState*/
      64 && (o.temporaryState = /*temporaryState*/
      t[6]), a & /*withAnimation*/
      1 && (o.withAnimation = /*withAnimation*/
      t[0]), a & /*tags*/
      2 && (o.tag = /*tag*/
      t[8]), a & /*mediaStore*/
      4 && (o.mediaStore = /*mediaStore*/
      t[2]), a & /*rendererMap*/
      8 && (o.rendererMap = /*rendererMap*/
      t[3]), a & /*contentTypeMap*/
      16 && (o.contentTypeMap = /*contentTypeMap*/
      t[4]), e.$set(o);
    },
    i(r) {
      n || (f(e.$$.fragment, r), n = !0);
    },
    o(r) {
      u(e.$$.fragment, r), n = !1;
    },
    d(r) {
      r && _(i), D(e, r);
    }
  };
}
function G(p) {
  let t, i, e = (
    /*state*/
    p[5].enabled && k(p)
  );
  return {
    c() {
      e && e.c(), t = w();
    },
    m(n, r) {
      e && e.m(n, r), h(n, t, r), i = !0;
    },
    p(n, [r]) {
      /*state*/
      n[5].enabled ? e ? (e.p(n, r), r & /*state*/
      32 && f(e, 1)) : (e = k(n), e.c(), f(e, 1), e.m(t.parentNode, t)) : e && (M(), u(e, 1, 1, () => {
        e = null;
      }), y());
    },
    i(n) {
      i || (f(e), i = !0);
    },
    o(n) {
      u(e), i = !1;
    },
    d(n) {
      e && e.d(n), n && _(t);
    }
  };
}
function H(p, t, i) {
  let { withAnimation: e = !1 } = t, { tags: n = [] } = t, { hooks: r } = t, { mediaStore: a } = t, { rendererMap: o } = t, { contentTypeMap: m } = t, { state: s } = t, { temporaryState: g } = t;
  return q("hooks", r), p.$$set = (l) => {
    "withAnimation" in l && i(0, e = l.withAnimation), "tags" in l && i(1, n = l.tags), "hooks" in l && i(7, r = l.hooks), "mediaStore" in l && i(2, a = l.mediaStore), "rendererMap" in l && i(3, o = l.rendererMap), "contentTypeMap" in l && i(4, m = l.contentTypeMap), "state" in l && i(5, s = l.state), "temporaryState" in l && i(6, g = l.temporaryState);
  }, [
    e,
    n,
    a,
    o,
    m,
    s,
    g,
    r
  ];
}
class Te extends S {
  constructor(t) {
    super(), v(
      this,
      t,
      H,
      G,
      A,
      {
        withAnimation: 0,
        tags: 1,
        hooks: 7,
        mediaStore: 2,
        rendererMap: 3,
        contentTypeMap: 4,
        state: 5,
        temporaryState: 6
      },
      F
    );
  }
}
export {
  Te as default
};