@realsee/dnalogel 2.0.3 → 2.0.4-dev.1

package/libs/ItemLabelPlugin/ItemLabelComponent.js

@@ -1,568 +1,254 @@
-/* generated by Svelte v3.50.1 */
-import {
-	SvelteComponent,
-	add_render_callback,
-	add_resize_listener,
-	append_styles,
-	attr,
-	check_outros,
-	create_component,
-	destroy_component,
-	detach,
-	element,
-	empty,
-	group_outros,
-	init,
-	insert,
-	mount_component,
-	outro_and_destroy_block,
-	safe_not_equal,
-	set_style,
-	transition_in,
-	transition_out,
-	update_keyed_each
-} from "svelte/internal";
-
-import { Five } from '@realsee/five';
-import "./typings";
-import { beforeUpdate, onDestroy, onMount } from "svelte";
-import * as THREE from 'three';
-import ItemLabelItem from './ItemLabelItem';
-import "./events.type";
-import debounce from '../shared-utils/debounce';
-import { isImpacted } from "./utils/isImpacted";
-import { getStrokeLength } from "./utils/getStrokeLength";
-import { getLabelTransform } from './utils/getLabelTransform';
-import { transform2RenderData } from "./utils/transform2RenderData";
-
-function add_css(target) {
-	append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
+import { S as oe, i as se, s as ie, a as re, e as ae, b as ce, z as le, q as S, c as F, A as de, B as me, d as q, f as y, t as j, g as E, O as fe, F as ue, P as be, r as U, h as N, C as he, j as pe, m as ge, k as _e } from "../index.d6d7690a.js";
+import { Five as k } from "@realsee/five";
+import * as Ie from "three";
+import ke from "./ItemLabelItem.js";
+import ye from "../shared-utils/debounce.js";
+import { isImpacted as R } from "./utils/isImpacted.js";
+import { getStrokeLength as Oe } from "./utils/getStrokeLength.js";
+import { getLabelTransform as Pe } from "./utils/getLabelTransform.js";
+import { transform2RenderData as A } from "./utils/transform2RenderData.js";
+import "../index.f2f85d71.js";
+import "./typings.js";
+function je(m) {
+  re(m, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
 }
-
-function get_each_context(ctx, list, i) {
-	const child_ctx = ctx.slice();
-	child_ctx[31] = list[i];
-	return child_ctx;
+function B(m, o, n) {
+  const i = m.slice();
+  return i[30] = o[n], i;
 }
-
-// (234:2) {#if itemLabelItem.visible}
-function create_if_block(ctx) {
-	let itemlabelitem;
-	let current;
-
-	itemlabelitem = new ItemLabelItem({
-			props: {
-				itemLabel: /*itemLabelItem*/ ctx[31],
-				hooks: /*hooks*/ ctx[0],
-				anchorEnabled: /*anchorEnabled*/ ctx[2],
-				onIconClick: /*onIconClick*/ ctx[6]
-			}
-		});
-
-	return {
-		c() {
-			create_component(itemlabelitem.$$.fragment);
-		},
-		m(target, anchor) {
-			mount_component(itemlabelitem, target, anchor);
-			current = true;
-		},
-		p(ctx, dirty) {
-			const itemlabelitem_changes = {};
-			if (dirty[0] & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[31];
-			if (dirty[0] & /*hooks*/ 1) itemlabelitem_changes.hooks = /*hooks*/ ctx[0];
-			if (dirty[0] & /*anchorEnabled*/ 4) itemlabelitem_changes.anchorEnabled = /*anchorEnabled*/ ctx[2];
-			itemlabelitem.$set(itemlabelitem_changes);
-		},
-		i(local) {
-			if (current) return;
-			transition_in(itemlabelitem.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(itemlabelitem.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			destroy_component(itemlabelitem, detaching);
-		}
-	};
+function H(m) {
+  let o, n;
+  return o = new ke({
+    props: {
+      itemLabel: m[30],
+      hooks: m[0],
+      anchorEnabled: m[2],
+      onIconClick: m[6]
+    }
+  }), {
+    c() {
+      pe(o.$$.fragment);
+    },
+    m(i, f) {
+      ge(o, i, f), n = !0;
+    },
+    p(i, f) {
+      const e = {};
+      f[0] & 2 && (e.itemLabel = i[30]), f[0] & 1 && (e.hooks = i[0]), f[0] & 4 && (e.anchorEnabled = i[2]), o.$set(e);
+    },
+    i(i) {
+      n || (y(o.$$.fragment, i), n = !0);
+    },
+    o(i) {
+      j(o.$$.fragment, i), n = !1;
+    },
+    d(i) {
+      _e(o, i);
+    }
+  };
 }
-
-// (233:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
-function create_each_block(key_1, ctx) {
-	let first;
-	let if_block_anchor;
-	let current;
-	let if_block = /*itemLabelItem*/ ctx[31].visible && create_if_block(ctx);
-
-	return {
-		key: key_1,
-		first: null,
-		c() {
-			first = empty();
-			if (if_block) if_block.c();
-			if_block_anchor = empty();
-			this.first = first;
-		},
-		m(target, anchor) {
-			insert(target, first, anchor);
-			if (if_block) if_block.m(target, anchor);
-			insert(target, if_block_anchor, anchor);
-			current = true;
-		},
-		p(new_ctx, dirty) {
-			ctx = new_ctx;
-
-			if (/*itemLabelItem*/ ctx[31].visible) {
-				if (if_block) {
-					if_block.p(ctx, dirty);
-
-					if (dirty[0] & /*renderItemLabels*/ 2) {
-						transition_in(if_block, 1);
-					}
-				} else {
-					if_block = create_if_block(ctx);
-					if_block.c();
-					transition_in(if_block, 1);
-					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-				}
-			} else if (if_block) {
-				group_outros();
-
-				transition_out(if_block, 1, 1, () => {
-					if_block = null;
-				});
-
-				check_outros();
-			}
-		},
-		i(local) {
-			if (current) return;
-			transition_in(if_block);
-			current = true;
-		},
-		o(local) {
-			transition_out(if_block);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(first);
-			if (if_block) if_block.d(detaching);
-			if (detaching) detach(if_block_anchor);
-		}
-	};
+function W(m, o) {
+  let n, i, f, e = o[30].visible && H(o);
+  return {
+    key: m,
+    first: null,
+    c() {
+      n = U(), e && e.c(), i = U(), this.first = n;
+    },
+    m(l, h) {
+      F(l, n, h), e && e.m(l, h), F(l, i, h), f = !0;
+    },
+    p(l, h) {
+      o = l, o[30].visible ? e ? (e.p(o, h), h[0] & 2 && y(e, 1)) : (e = H(o), e.c(), y(e, 1), e.m(i.parentNode, i)) : e && (N(), j(e, 1, 1, () => {
+        e = null;
+      }), q());
+    },
+    i(l) {
+      f || (y(e), f = !0);
+    },
+    o(l) {
+      j(e), f = !1;
+    },
+    d(l) {
+      l && E(n), e && e.d(l), l && E(i);
+    }
+  };
 }
-
-function create_fragment(ctx) {
-	let div;
-	let each_blocks = [];
-	let each_1_lookup = new Map();
-	let div_resize_listener;
-	let current;
-	let each_value = /*renderItemLabels*/ ctx[1];
-	const get_key = ctx => /*itemLabelItem*/ ctx[31].id;
-
-	for (let i = 0; i < each_value.length; i += 1) {
-		let child_ctx = get_each_context(ctx, each_value, i);
-		let key = get_key(child_ctx);
-		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
-	}
-
-	return {
-		c() {
-			div = element("div");
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].c();
-			}
-
-			attr(div, "class", "item-labels-container svelte-gk8s47");
-			add_render_callback(() => /*div_elementresize_handler*/ ctx[13].call(div));
-			set_style(div, "opacity", /*itemsVisible*/ ctx[5] ? 1 : 0, false);
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(div, null);
-			}
-
-			div_resize_listener = add_resize_listener(div, /*div_elementresize_handler*/ ctx[13].bind(div));
-			current = true;
-		},
-		p(ctx, dirty) {
-			if (dirty[0] & /*renderItemLabels, hooks, anchorEnabled, onIconClick*/ 71) {
-				each_value = /*renderItemLabels*/ ctx[1];
-				group_outros();
-				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, outro_and_destroy_block, create_each_block, null, get_each_context);
-				check_outros();
-			}
-
-			if (dirty[0] & /*itemsVisible*/ 32) {
-				set_style(div, "opacity", /*itemsVisible*/ ctx[5] ? 1 : 0, false);
-			}
-		},
-		i(local) {
-			if (current) return;
-
-			for (let i = 0; i < each_value.length; i += 1) {
-				transition_in(each_blocks[i]);
-			}
-
-			current = true;
-		},
-		o(local) {
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				transition_out(each_blocks[i]);
-			}
-
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].d();
-			}
-
-			div_resize_listener();
-		}
-	};
+function ve(m) {
+  let o, n = [], i = /* @__PURE__ */ new Map(), f, e, l = m[1];
+  const h = (a) => a[30].id;
+  for (let a = 0; a < l.length; a += 1) {
+    let r = B(m, l, a), p = h(r);
+    i.set(p, n[a] = W(p, r));
+  }
+  return {
+    c() {
+      o = ae("div");
+      for (let a = 0; a < n.length; a += 1)
+        n[a].c();
+      ce(o, "class", "item-labels-container svelte-gk8s47"), le(() => m[12].call(o)), S(o, "opacity", m[5] ? 1 : 0);
+    },
+    m(a, r) {
+      F(a, o, r);
+      for (let p = 0; p < n.length; p += 1)
+        n[p].m(o, null);
+      f = de(o, m[12].bind(o)), e = !0;
+    },
+    p(a, r) {
+      r[0] & 71 && (l = a[1], N(), n = me(n, r, h, 1, a, l, i, o, he, W, null, B), q()), r[0] & 32 && S(o, "opacity", a[5] ? 1 : 0);
+    },
+    i(a) {
+      if (!e) {
+        for (let r = 0; r < l.length; r += 1)
+          y(n[r]);
+        e = !0;
+      }
+    },
+    o(a) {
+      for (let r = 0; r < n.length; r += 1)
+        j(n[r]);
+      e = !1;
+    },
+    d(a) {
+      a && E(o);
+      for (let r = 0; r < n.length; r += 1)
+        n[r].d();
+      f();
+    }
+  };
 }
-
-let cssHeight = 26;
-let basicWidth = 11;
-
-function instance($$self, $$props, $$invalidate) {
-	const { Raycaster, Vector3 } = THREE;
-	let { five } = $$props;
-	let { modelOcclusionEnable } = $$props;
-	let { onlyVisibleInPanorama } = $$props;
-	let { itemLabels } = $$props;
-	let { hooks } = $$props;
-	let { displayStrategyType } = $$props;
-	let { maxVisibleDistance } = $$props;
-	let curItemLabels = null;
-	let renderItemLabels = null;
-
-	let anchorEnabled = (five === null || five === void 0
-	? void 0
-	: five.currentMode) === Five.Mode.Panorama;
-
-	let containerWidth;
-	let containerHeight;
-
-	// 计算重叠
-	let cssOffsetLists = [];
-
-	// 动画过程中 itemsVisible 为 false
-	let itemsVisible = true;
-
-	/**
- * 可见性策略：
- * 1、当前楼层(假设先不考虑多楼层)
- * 2、模型未被遮挡（一个 box 有没有被遮挡的计算？ TODO）
- * */
-	const judgeImpacted = (five, itemLabel) => {
-		// 虚拟 VR 仅有一层，不考虑楼层信息
-		const cameraPosition = five.camera.position.clone();
-
-		const modelPosition = new Vector3(itemLabel.modelPosition[0], itemLabel.modelPosition[1], itemLabel.modelPosition[2]);
-
-		// 计算点到相机的位置
-		const vectorDistance = modelPosition.distanceTo(cameraPosition);
-
-		// 判断距离，大于最大可见距离直接不可见 TODO 把距离计算和碰撞拆分开
-		if (maxVisibleDistance !== undefined && five.state.mode === Five.Mode.Panorama) {
-			if (vectorDistance > maxVisibleDistance) {
-				return false;
-			}
-		}
-
-		return isImpacted(five, modelPosition.clone().sub(cameraPosition).normalize(), cameraPosition, vectorDistance);
-	};
-
-	const judgeInViewport = modelPoint => {
-		const { camera, model } = five;
-		const { x: offsetXFromCenter, y: offsetYFromCenter, z: offsetZFromCenter } = modelPoint.clone().project(camera);
-		const ratioFromLeft = (offsetXFromCenter + 1) / 2;
-		const ratioFromTop = (2 - (offsetYFromCenter + 1)) / 2;
-		const isFront = Math.abs(offsetZFromCenter) < 1;
-		const cssOffset = [ratioFromLeft, ratioFromTop];
-
-		// 只计算在前面就行
-		const isInViewport = isFront && cssOffset.every(ratio => ratio < 1 && ratio >= 0);
-
-		return Boolean(isInViewport);
-	};
-
-	// cssOffset 获取
-	const getLabelCssOffset = (five, itemLabel) => {
-		const modelPosition = new Vector3(itemLabel.modelPosition[0], itemLabel.modelPosition[1], itemLabel.modelPosition[2]);
-		const cssPosition = five.project2d(modelPosition);
-
-		const xOffset = cssPosition === null || cssPosition === void 0
-		? void 0
-		: cssPosition.x;
-
-		const yOffset = cssPosition === null || cssPosition === void 0
-		? void 0
-		: cssPosition.y;
-
-		return [xOffset, yOffset];
-	};
-
-	// 重叠计算
-	const isOverlap = (cssOffset, widthOffset) => {
-		if (cssOffsetLists.length === 0) {
-			return false;
-		}
-
-		const hasOverlapPoint = cssOffsetLists.find(item => cssOffset[0] >= item[0] - widthOffset && cssOffset[0] <= item[0] + widthOffset || cssOffset[1] >= item[1] - cssHeight && cssOffset[1] <= item[1] + cssHeight);
-		return !!hasOverlapPoint;
-	};
-
-	const getFormatedItemLabels = (five, labels) => {
-		// 计算位置 & 可见性
-		const newLabels = labels.map(label => {
-			// 不在绑定点位则直接不可见
-			if (five.state.panoIndex !== label.panoIndex) {
-				return Object.assign(Object.assign({}, label), { visible: false });
-			}
-
-			const cssOffset = getLabelCssOffset(five, label);
-			const curLabelWidth = label.name.length * basicWidth;
-			const strokeLength = getStrokeLength(label.modelPosition[1], displayStrategyType);
-
-			// 是否加入碰撞检测
-			// 配置加入碰撞检测，则判断碰撞检测
-			// 在可见范围内， 仅在 Panorama 模态计算
-			const isInViewport = five.currentMode === Five.Mode.Panorama
-			? judgeInViewport(new Vector3(label.position[0], label.position[1], label.position[2]))
-			: true;
-
-			// 碰撞
-			const isBlocked = modelOcclusionEnable
-			? judgeImpacted(five, label)
-			: false;
-
-			const visible = isInViewport && !isBlocked;
-
-			// 关掉重叠计算
-			// const visible = naturalVisible && !isOverlap([cssOffset[0], cssOffset[1] + strokeLength], curLabelWidth)
-			if (!visible) return Object.assign(Object.assign({}, label), { visible });
-
-			cssOffsetLists.push(cssOffset);
-
-			// position
-			const transform = getLabelTransform(cssOffset);
-
-			return Object.assign(Object.assign({}, label), { visible, transform, strokeLength });
-		});
-
-		const sortedItemLabelItems = newLabels.filter(({ visible }) => visible).map(label => ({
-			itemLabelItem: label,
-			distance: new Vector3(label.modelPosition[0], label.modelPosition[1], label.modelPosition[2]).clone().distanceTo(five.camera.position)
-		})).sort((a, b) => a.distance - b.distance);
-
-		return newLabels.map(label => {
-			const sortIndex = sortedItemLabelItems.findIndex(item => item.itemLabelItem.id === label.id);
-			if (sortIndex !== undefined) return Object.assign(Object.assign({}, label), { zIndex: sortIndex * 10 });
-			return label;
-		});
-	};
-
-	const onItemLabelUpdate = () => {
-		cssOffsetLists = [];
-		$$invalidate(1, renderItemLabels = getFormatedItemLabels(five, renderItemLabels));
-	};
-
-	const handleCameraUpdateCallback = () => {
-		$$invalidate(5, itemsVisible = false);
-		handleCameraUpdate();
-	};
-
-	const onFiveModeChange = mode => {
-		$$invalidate(5, itemsVisible = false);
-
-		five.once('initAnimationEnded', (panoIndex, pose, userAction) => {
-			$$invalidate(2, anchorEnabled = mode === Five.Mode.Panorama);
-			$$invalidate(5, itemsVisible = true);
-			if (!userAction) return; else onItemLabelUpdate();
-		});
-	};
-
-	const handleCameraUpdate = debounce(
-		() => {
-			$$invalidate(5, itemsVisible = true);
-			onItemLabelUpdate();
-		},
-		300
-	);
-
-	const onResize = () => {
-		five.once('renderFrame', onItemLabelUpdate);
-	};
-
-	const addResizeListener = () => {
-		window.addEventListener('resize', onResize, false);
-	};
-
-	const addDataUpdateListener = () => {
-		if (curItemLabels !== itemLabels) {
-			$$invalidate(1, renderItemLabels = transform2RenderData(itemLabels));
-			curItemLabels = itemLabels;
-			onItemLabelUpdate();
-		}
-	};
-
-	const getNearObserverPano = (fromPositionVector, observers) => {
-		let candidates = [];
-
-		for (let i = 0; i < observers.length; i++) {
-			const { position: obVector, panoIndex } = observers[i];
-			const distance = fromPositionVector.distanceTo(obVector);
-
-			if (maxVisibleDistance === undefined || distance <= maxVisibleDistance || five.state.mode !== Five.Mode.Panorama) {
-				candidates.push({ panoIndex, obVector, distance });
-			}
-		}
-
-		candidates = candidates.sort((a, b) => a.distance - b.distance);
-		let observerIndex;
-
-		for (let i = 0; i < candidates.length; i++) {
-			const { obVector, distance, panoIndex } = candidates[i];
-			const isImpactedRes = isImpacted(five, fromPositionVector, obVector, distance);
-
-			if (!isImpactedRes) {
-				observerIndex = panoIndex;
-				break;
-			}
-		}
-
-		return typeof observerIndex === "number"
-		? observers[observerIndex]
-		: undefined;
-	};
-
-	const onIconClick = itemLabel => {
-		if (five.state.mode === Five.Mode.Panorama) return;
-		const observers = five.work.observers;
-		const fromPositionVector = new Vector3().fromArray(itemLabel.position);
-		const observer = getNearObserverPano(fromPositionVector, observers);
-
-		if (observer) {
-			itemLabel.observerIndex = observer.panoIndex;
-		}
-
-		if (typeof itemLabel.observerIndex === "number") {
-			const observer = observers[itemLabel.observerIndex];
-			const direction = fromPositionVector.clone().sub(observer.position).normalize();
-
-			const cameraCoord = {
-				longitude: Math.PI + Math.atan2(direction.x, direction.z),
-				latitude: Math.acos(direction.y / direction.length()) - Math.PI / 2
-			};
-
-			five.setState(Object.assign(Object.assign({}, cameraCoord), {
-				mode: Five.Mode.Panorama,
-				panoIndex: itemLabel.observerIndex
-			}));
-
-			// 游走结束更新 render list
-			five.once('initAnimationEnded', () => {
-				$$invalidate(1, renderItemLabels = renderItemLabels.map(item => {
-					return Object.assign(Object.assign({}, item), { isFold: item.id !== itemLabel.id });
-				}));
-
-				five.once('cameraUpdate', () => {
-					$$invalidate(1, renderItemLabels = renderItemLabels.map(item => {
-						return Object.assign(Object.assign({}, item), { isFold: false });
-					}));
-				});
-			});
-		}
-	};
-
-	beforeUpdate(() => {
-		addDataUpdateListener();
-	});
-
-	onMount(() => {
-		$$invalidate(1, renderItemLabels = transform2RenderData(itemLabels));
-		curItemLabels = itemLabels;
-		onItemLabelUpdate();
-		addResizeListener();
-		five.on('cameraUpdate', handleCameraUpdateCallback);
-	}); // five.on('modeChange', onFiveModeChange)
-
-	onDestroy(() => {
-		five.off('cameraUpdate', handleCameraUpdateCallback);
-
-		// five.off('modeChange', onFiveModeChange)
-		window.removeEventListener('resize', onResize, false);
-	});
-
-	function div_elementresize_handler() {
-		containerWidth = this.clientWidth;
-		containerHeight = this.clientHeight;
-		$$invalidate(3, containerWidth);
-		$$invalidate(4, containerHeight);
-	}
-
-	$$self.$$set = $$props => {
-		if ('five' in $$props) $$invalidate(7, five = $$props.five);
-		if ('modelOcclusionEnable' in $$props) $$invalidate(8, modelOcclusionEnable = $$props.modelOcclusionEnable);
-		if ('onlyVisibleInPanorama' in $$props) $$invalidate(9, onlyVisibleInPanorama = $$props.onlyVisibleInPanorama);
-		if ('itemLabels' in $$props) $$invalidate(10, itemLabels = $$props.itemLabels);
-		if ('hooks' in $$props) $$invalidate(0, hooks = $$props.hooks);
-		if ('displayStrategyType' in $$props) $$invalidate(11, displayStrategyType = $$props.displayStrategyType);
-		if ('maxVisibleDistance' in $$props) $$invalidate(12, maxVisibleDistance = $$props.maxVisibleDistance);
-	};
-
-	return [
-		hooks,
-		renderItemLabels,
-		anchorEnabled,
-		containerWidth,
-		containerHeight,
-		itemsVisible,
-		onIconClick,
-		five,
-		modelOcclusionEnable,
-		onlyVisibleInPanorama,
-		itemLabels,
-		displayStrategyType,
-		maxVisibleDistance,
-		div_elementresize_handler
-	];
+let we = 11;
+function Le(m, o, n) {
+  const { Raycaster: i, Vector3: f } = Ie;
+  let { five: e } = o, { modelOcclusionEnable: l } = o, { itemLabels: h } = o, { hooks: a } = o, { displayStrategyType: r } = o, { maxVisibleDistance: p } = o, v = null, I = null, X = (e == null ? void 0 : e.currentMode) === k.Mode.Panorama, w, L, x = [], M = !0;
+  const Y = (s, u) => {
+    const b = s.camera.position.clone(), d = new f(u.modelPosition[0], u.modelPosition[1], u.modelPosition[2]), t = d.distanceTo(b);
+    return p !== void 0 && s.state.mode === k.Mode.Panorama && t > p ? !1 : R(s, d.clone().sub(b).normalize(), b, t);
+  }, Z = (s) => {
+    const { camera: u, model: b } = e, { x: d, y: t, z: c } = s.clone().project(u), _ = (d + 1) / 2, g = (2 - (t + 1)) / 2, C = Math.abs(c) < 1 && [_, g].every((D) => D < 1 && D >= 0);
+    return Boolean(C);
+  }, G = (s, u) => {
+    const b = new f(u.modelPosition[0], u.modelPosition[1], u.modelPosition[2]), d = s.project2d(b), t = d == null ? void 0 : d.x, c = d == null ? void 0 : d.y;
+    return [t, c];
+  }, J = (s, u) => {
+    const b = u.map((t) => {
+      if (s.state.panoIndex !== t.panoIndex)
+        return Object.assign(Object.assign({}, t), { visible: !1 });
+      const c = G(s, t);
+      t.name.length * we;
+      const _ = Oe(t.modelPosition[1], r), g = s.currentMode === k.Mode.Panorama ? Z(new f(t.position[0], t.position[1], t.position[2])) : !0, z = l ? Y(s, t) : !1, P = g && !z;
+      if (!P)
+        return Object.assign(Object.assign({}, t), { visible: P });
+      x.push(c);
+      const C = Pe(c);
+      return Object.assign(Object.assign({}, t), { visible: P, transform: C, strokeLength: _ });
+    }), d = b.filter(({ visible: t }) => t).map((t) => ({
+      itemLabelItem: t,
+      distance: new f(t.modelPosition[0], t.modelPosition[1], t.modelPosition[2]).clone().distanceTo(s.camera.position)
+    })).sort((t, c) => t.distance - c.distance);
+    return b.map((t) => {
+      const c = d.findIndex((_) => _.itemLabelItem.id === t.id);
+      return c !== void 0 ? Object.assign(Object.assign({}, t), { zIndex: c * 10 }) : t;
+    });
+  }, O = () => {
+    x = [], n(1, I = J(e, I));
+  }, V = () => {
+    n(5, M = !1), K();
+  }, K = ye(
+    () => {
+      n(5, M = !0), O();
+    },
+    300
+  ), T = () => {
+    e.once("renderFrame", O);
+  }, Q = () => {
+    window.addEventListener("resize", T, !1);
+  }, $ = () => {
+    v !== h && (n(1, I = A(h)), v = h, O());
+  }, ee = (s, u) => {
+    let b = [];
+    for (let t = 0; t < u.length; t++) {
+      const { position: c, panoIndex: _ } = u[t], g = s.distanceTo(c);
+      (p === void 0 || g <= p || e.state.mode !== k.Mode.Panorama) && b.push({ panoIndex: _, obVector: c, distance: g });
+    }
+    b = b.sort((t, c) => t.distance - c.distance);
+    let d;
+    for (let t = 0; t < b.length; t++) {
+      const { obVector: c, distance: _, panoIndex: g } = b[t];
+      if (!R(e, s, c, _)) {
+        d = g;
+        break;
+      }
+    }
+    return typeof d == "number" ? u[d] : void 0;
+  }, te = (s) => {
+    if (e.state.mode === k.Mode.Panorama)
+      return;
+    const u = e.work.observers, b = new f().fromArray(s.position), d = ee(b, u);
+    if (d && (s.observerIndex = d.panoIndex), typeof s.observerIndex == "number") {
+      const t = u[s.observerIndex], c = b.clone().sub(t.position).normalize(), _ = {
+        longitude: Math.PI + Math.atan2(c.x, c.z),
+        latitude: Math.acos(c.y / c.length()) - Math.PI / 2
+      };
+      e.setState(Object.assign(Object.assign({}, _), {
+        mode: k.Mode.Panorama,
+        panoIndex: s.observerIndex
+      })), e.once("initAnimationEnded", () => {
+        n(1, I = I.map((g) => Object.assign(Object.assign({}, g), { isFold: g.id !== s.id }))), e.once("cameraUpdate", () => {
+          n(1, I = I.map((g) => Object.assign(Object.assign({}, g), { isFold: !1 })));
+        });
+      });
+    }
+  };
+  fe(() => {
+    $();
+  }), ue(() => {
+    n(1, I = A(h)), v = h, O(), Q(), e.on("cameraUpdate", V);
+  }), be(() => {
+    e.off("cameraUpdate", V), window.removeEventListener("resize", T, !1);
+  });
+  function ne() {
+    w = this.clientWidth, L = this.clientHeight, n(3, w), n(4, L);
+  }
+  return m.$$set = (s) => {
+    "five" in s && n(7, e = s.five), "modelOcclusionEnable" in s && n(8, l = s.modelOcclusionEnable), "itemLabels" in s && n(9, h = s.itemLabels), "hooks" in s && n(0, a = s.hooks), "displayStrategyType" in s && n(10, r = s.displayStrategyType), "maxVisibleDistance" in s && n(11, p = s.maxVisibleDistance);
+  }, [
+    a,
+    I,
+    X,
+    w,
+    L,
+    M,
+    te,
+    e,
+    l,
+    h,
+    r,
+    p,
+    ne
+  ];
 }
-
-class Component extends SvelteComponent {
-	constructor(options) {
-		super();
-
-		init(
-			this,
-			options,
-			instance,
-			create_fragment,
-			safe_not_equal,
-			{
-				five: 7,
-				modelOcclusionEnable: 8,
-				onlyVisibleInPanorama: 9,
-				itemLabels: 10,
-				hooks: 0,
-				displayStrategyType: 11,
-				maxVisibleDistance: 12
-			},
-			add_css,
-			[-1, -1]
-		);
-	}
+class Ue extends oe {
+  constructor(o) {
+    super(), se(
+      this,
+      o,
+      Le,
+      ve,
+      ie,
+      {
+        five: 7,
+        modelOcclusionEnable: 8,
+        itemLabels: 9,
+        hooks: 0,
+        displayStrategyType: 10,
+        maxVisibleDistance: 11
+      },
+      je,
+      [-1, -1]
+    );
+  }
 }
-
-export default Component;
+export {
+  Ue as default
+};