@realsee/dnalogel
Version:
488 lines (487 loc) • 14.1 kB
JavaScript
import { SvelteComponent as O, init as Q, safe_not_equal as U, append_styles as W, empty as X, insert as P, transition_in as h, transition_out as k, check_outros as L, detach as N, getContext as Y, element as C, space as Z, attr as _, null_to_empty as z, set_style as A, toggle_class as b, append as B, group_outros as q, noop as v, create_component as H, mount_component as J, destroy_component as K } from "../../vendor/svelte/internal/index.js";
import x from "./Tag/index.js";
import "three";
import { noTypecheck as E } from "../utils/noTypecheck.js";
import $ from "./Common/TagPoint.js";
import { classnames as F } from "../../vendor/classnames/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 "../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 "./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";
function tt(o) {
W(o, "svelte-t2hepc", ".tag.svelte-t2hepc{will-change:opacity}.tag.withAnimation.svelte-t2hepc{transition:opacity 0.2s linear}.tag.hide.svelte-t2hepc{opacity:0;pointer-events:none}.tag.hide.svelte-t2hepc *{pointer-events:none !important}.tag.unClickable.svelte-t2hepc{pointer-events:none !important}.tag.unClickable.svelte-t2hepc *{pointer-events:none !important}.tag.disable.svelte-t2hepc{display:none}.wrapper.svelte-t2hepc{position:absolute;width:0rem;height:0rem;overflow:visible;pointer-events:auto}");
}
function G(o) {
let i, e, t, r, a, s, c, y, u, f;
const w = [it, et], g = [];
function p(n, m) {
return (
/*havePoint*/
n[15] ? 0 : 1
);
}
t = p(o), r = g[t] = w[t](o);
const T = [rt, ot], d = [];
function S(n, m) {
return (
/*haveContent*/
n[14] ? 0 : 1
);
}
return s = S(o), c = d[s] = T[s](o), {
c() {
i = C("div"), e = C("div"), r.c(), a = Z(), c.c(), _(e, "class", y = z(F(
"wrapper",
/*tag*/
o[1].className ? `${/*tag*/
o[1].className}__wrapper` : void 0
)) + " svelte-t2hepc"), _(
e,
"data-tag-unfolded",
/*unfolded*/
o[10]
), _(
e,
"data-tag-id",
/*id*/
o[13]
), _(e, "data-content-type", u = /*tag*/
o[1].contentType), A(
e,
"left",
/*left*/
o[9]
), A(
e,
"top",
/*top*/
o[8]
), _(i, "class", "tag svelte-t2hepc"), _(
i,
"data-tag-id",
/*id*/
o[13]
), b(
i,
"unClickable",
/*tag*/
o[1].config.clickable === !1
), b(
i,
"disable",
/*disable*/
o[12]
), b(
i,
"hide",
/*hide*/
o[11]
), b(
i,
"withAnimation",
/*withAnimation*/
o[0]
);
},
m(n, m) {
P(n, i, m), B(i, e), g[t].m(e, null), B(e, a), d[s].m(e, null), f = !0;
},
p(n, m) {
let M = t;
t = p(n), t === M ? g[t].p(n, m) : (q(), k(g[M], 1, 1, () => {
g[M] = null;
}), L(), r = g[t], r ? r.p(n, m) : (r = g[t] = w[t](n), r.c()), h(r, 1), r.m(e, a));
let l = s;
s = S(n), s === l ? d[s].p(n, m) : (q(), k(d[l], 1, 1, () => {
d[l] = null;
}), L(), c = d[s], c ? c.p(n, m) : (c = d[s] = T[s](n), c.c()), h(c, 1), c.m(e, null)), (!f || m & /*tag*/
2 && y !== (y = z(F(
"wrapper",
/*tag*/
n[1].className ? `${/*tag*/
n[1].className}__wrapper` : void 0
)) + " svelte-t2hepc")) && _(e, "class", y), (!f || m & /*unfolded*/
1024) && _(
e,
"data-tag-unfolded",
/*unfolded*/
n[10]
), (!f || m & /*id*/
8192) && _(
e,
"data-tag-id",
/*id*/
n[13]
), (!f || m & /*tag*/
2 && u !== (u = /*tag*/
n[1].contentType)) && _(e, "data-content-type", u), m & /*left*/
512 && A(
e,
"left",
/*left*/
n[9]
), m & /*top*/
256 && A(
e,
"top",
/*top*/
n[8]
), (!f || m & /*id*/
8192) && _(
i,
"data-tag-id",
/*id*/
n[13]
), (!f || m & /*tag*/
2) && b(
i,
"unClickable",
/*tag*/
n[1].config.clickable === !1
), (!f || m & /*disable*/
4096) && b(
i,
"disable",
/*disable*/
n[12]
), (!f || m & /*hide*/
2048) && b(
i,
"hide",
/*hide*/
n[11]
), (!f || m & /*withAnimation*/
1) && b(
i,
"withAnimation",
/*withAnimation*/
n[0]
);
},
i(n) {
f || (h(r), h(c), f = !0);
},
o(n) {
k(r), k(c), f = !1;
},
d(n) {
n && N(i), g[t].d(), d[s].d();
}
};
}
function et(o) {
let i;
return {
c() {
i = C("div"), _(i, "data-info", "tag point is disable");
},
m(e, t) {
P(e, i, t);
},
p: v,
i: v,
o: v,
d(e) {
e && N(i);
}
};
}
function it(o) {
let i, e;
return i = new $({ props: { tag: (
/*tag*/
o[1]
) } }), {
c() {
H(i.$$.fragment);
},
m(t, r) {
J(i, t, r), e = !0;
},
p(t, r) {
const a = {};
r & /*tag*/
2 && (a.tag = /*tag*/
t[1]), i.$set(a);
},
i(t) {
e || (h(i.$$.fragment, t), e = !0);
},
o(t) {
k(i.$$.fragment, t), e = !1;
},
d(t) {
K(i, t);
}
};
}
function ot(o) {
let i;
return {
c() {
i = C("div"), _(i, "data-info", "tag content is disable");
},
m(e, t) {
P(e, i, t);
},
p: v,
i: v,
o: v,
d(e) {
e && N(i);
}
};
}
function rt(o) {
let i, e;
return i = new x({
props: {
mediaStore: (
/*mediaStore*/
o[2]
),
withAnimation: (
/*withAnimation*/
o[0]
),
tag: E(
/*tag*/
o[1]
),
hooks: (
/*hooks*/
o[16]
),
state: (
/*state*/
o[5]
),
temporaryState: (
/*temporaryState*/
o[6]
),
rendererMap: (
/*rendererMap*/
o[3]
),
contentTypeMap: (
/*contentTypeMap*/
o[4]
)
}
}), {
c() {
H(i.$$.fragment);
},
m(t, r) {
J(i, t, r), e = !0;
},
p(t, r) {
const a = {};
r & /*mediaStore*/
4 && (a.mediaStore = /*mediaStore*/
t[2]), r & /*withAnimation*/
1 && (a.withAnimation = /*withAnimation*/
t[0]), r & /*tag*/
2 && (a.tag = E(
/*tag*/
t[1]
)), r & /*state*/
32 && (a.state = /*state*/
t[5]), r & /*temporaryState*/
64 && (a.temporaryState = /*temporaryState*/
t[6]), r & /*rendererMap*/
8 && (a.rendererMap = /*rendererMap*/
t[3]), r & /*contentTypeMap*/
16 && (a.contentTypeMap = /*contentTypeMap*/
t[4]), i.$set(a);
},
i(t) {
e || (h(i.$$.fragment, t), e = !0);
},
o(t) {
k(i.$$.fragment, t), e = !1;
},
d(t) {
K(i, t);
}
};
}
function nt(o) {
let i, e, t = (
/*screenPosition*/
o[7] && G(o)
);
return {
c() {
t && t.c(), i = X();
},
m(r, a) {
t && t.m(r, a), P(r, i, a), e = !0;
},
p(r, [a]) {
/*screenPosition*/
r[7] ? t ? (t.p(r, a), a & /*screenPosition*/
128 && h(t, 1)) : (t = G(r), t.c(), h(t, 1), t.m(i.parentNode, i)) : t && (q(), k(t, 1, 1, () => {
t = null;
}), L());
},
i(r) {
e || (h(t), e = !0);
},
o(r) {
k(t), e = !1;
},
d(r) {
t && t.d(r), r && N(i);
}
};
}
function at(o, i, e) {
let t, r, a, s, c, y, u, f, w, { withAnimation: g = !1 } = i, { tag: p } = i, { mediaStore: T } = i, { rendererMap: d = /* @__PURE__ */ new Map() } = i, { contentTypeMap: S = /* @__PURE__ */ new Map() } = i, { state: n } = i, { temporaryState: m } = i;
const M = Y("hooks");
return o.$$set = (l) => {
"withAnimation" in l && e(0, g = l.withAnimation), "tag" in l && e(1, p = l.tag), "mediaStore" in l && e(2, T = l.mediaStore), "rendererMap" in l && e(3, d = l.rendererMap), "contentTypeMap" in l && e(4, S = l.contentTypeMap), "state" in l && e(5, n = l.state), "temporaryState" in l && e(6, m = l.temporaryState);
}, o.$$.update = () => {
var l, D, I;
o.$$.dirty & /*tag, rendererMap*/
10 && e(15, t = (() => {
var R, V, j;
return !(((V = (R = p.style) == null ? void 0 : R.point) == null ? void 0 : V.enabled) === !1 || ((j = d.get(p.contentType)) == null ? void 0 : j.usePoint) === !1 || p.contentType === "Sticker" || p.contentType === "Link" || p.contentType === "VRLink" || p.contentType === "PanoLink" || p.contentType === "Panorama" || p.contentType === "Audio" && p.data.appearance === "plane");
})()), o.$$.dirty & /*tag*/
2 && e(14, r = (() => p.stickType === "2DPoint")()), o.$$.dirty & /*tag*/
2 && e(13, a = p.id), o.$$.dirty & /*tag*/
2 && e(12, s = p.enabled === !1 || !p.state), o.$$.dirty & /*tag*/
2 && e(11, c = !((l = p.state) != null && l.visible) || ((D = p.temporaryState) == null ? void 0 : D.visible) === !1 || !p.screenPosition), o.$$.dirty & /*tag*/
2 && e(10, y = (I = p.state) == null ? void 0 : I.unfolded), o.$$.dirty & /*tag*/
2 && e(7, u = p.screenPosition), o.$$.dirty & /*screenPosition*/
128 && e(9, f = (u == null ? void 0 : u.leftPercent) + "%"), o.$$.dirty & /*screenPosition*/
128 && e(8, w = (u == null ? void 0 : u.topPercent) + "%");
}, [
g,
p,
T,
d,
S,
n,
m,
u,
w,
f,
y,
c,
s,
a,
r,
t,
M
];
}
class Ue extends O {
constructor(i) {
super(), Q(
this,
i,
at,
nt,
U,
{
withAnimation: 0,
tag: 1,
mediaStore: 2,
rendererMap: 3,
contentTypeMap: 4,
state: 5,
temporaryState: 6
},
tt
);
}
}
export {
Ue as default
};