@realsee/dnalogel 2.2.0-alpha.1 → 2.2.0

package/libs/ItemLabelPlugin/ItemLabelComponent.js

@@ -1,568 +1,273 @@
-/* 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}");
+var ae = Object.defineProperty, ce = Object.defineProperties;
+var le = Object.getOwnPropertyDescriptors;
+var j = Object.getOwnPropertySymbols;
+var de = Object.prototype.hasOwnProperty, me = Object.prototype.propertyIsEnumerable;
+var H = (i, t, e) => t in i ? ae(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, k = (i, t) => {
+  for (var e in t || (t = {}))
+    de.call(t, e) && H(i, e, t[e]);
+  if (j)
+    for (var e of j(t))
+      me.call(t, e) && H(i, e, t[e]);
+  return i;
+}, y = (i, t) => ce(i, le(t));
+import { SvelteComponent as fe, init as ue, safe_not_equal as pe, append_styles as he, element as _e, attr as be, add_render_callback as Ie, set_style as W, insert as v, add_resize_listener as ge, group_outros as Z, update_keyed_each as ke, outro_and_destroy_block as ye, check_outros as G, transition_in as w, transition_out as z, detach as T, empty as A, create_component as Pe, mount_component as we, destroy_component as Le } from "svelte/internal";
+import { Five as P } from "@realsee/five";
+import { beforeUpdate as Me, onMount as ze, onDestroy as Ce } from "svelte";
+import * as Ee from "three";
+import Fe from "./ItemLabelItem.js";
+import { debounce as Oe } from "../shared-utils/debounce.js";
+import { isImpacted as B } from "./utils/isImpacted.js";
+import { getStrokeLength as xe } from "./utils/getStrokeLength.js";
+import { getLabelTransform as Ve } from "./utils/getLabelTransform.js";
+import { transform2RenderData as N } from "./utils/transform2RenderData.js";
+import "classnames";
+import "./typings.js";
+function ve(i) {
+  he(i, "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 q(i, t, e) {
+  const r = i.slice();
+  return r[30] = t[e], r;
 }
-
-// (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 X(i) {
+  let t, e;
+  return t = new Fe({
+    props: {
+      itemLabel: i[30],
+      hooks: i[0],
+      anchorEnabled: i[2],
+      onIconClick: i[6]
+    }
+  }), {
+    c() {
+      Pe(t.$$.fragment);
+    },
+    m(r, f) {
+      we(t, r, f), e = !0;
+    },
+    p(r, f) {
+      const o = {};
+      f[0] & 2 && (o.itemLabel = r[30]), f[0] & 1 && (o.hooks = r[0]), f[0] & 4 && (o.anchorEnabled = r[2]), t.$set(o);
+    },
+    i(r) {
+      e || (w(t.$$.fragment, r), e = !0);
+    },
+    o(r) {
+      z(t.$$.fragment, r), e = !1;
+    },
+    d(r) {
+      Le(t, r);
+    }
+  };
 }
-
-// (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 Y(i, t) {
+  let e, r, f, o = t[30].visible && X(t);
+  return {
+    key: i,
+    first: null,
+    c() {
+      e = A(), o && o.c(), r = A(), this.first = e;
+    },
+    m(d, h) {
+      v(d, e, h), o && o.m(d, h), v(d, r, h), f = !0;
+    },
+    p(d, h) {
+      t = d, t[30].visible ? o ? (o.p(t, h), h[0] & 2 && w(o, 1)) : (o = X(t), o.c(), w(o, 1), o.m(r.parentNode, r)) : o && (Z(), z(o, 1, 1, () => {
+        o = null;
+      }), G());
+    },
+    i(d) {
+      f || (w(o), f = !0);
+    },
+    o(d) {
+      z(o), f = !1;
+    },
+    d(d) {
+      d && T(e), o && o.d(d), d && T(r);
+    }
+  };
 }
-
-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 Te(i) {
+  let t, e = [], r = /* @__PURE__ */ new Map(), f, o, d = i[1];
+  const h = (c) => c[30].id;
+  for (let c = 0; c < d.length; c += 1) {
+    let a = q(i, d, c), _ = h(a);
+    r.set(_, e[c] = Y(_, a));
+  }
+  return {
+    c() {
+      t = _e("div");
+      for (let c = 0; c < e.length; c += 1)
+        e[c].c();
+      be(t, "class", "item-labels-container svelte-gk8s47"), Ie(() => i[12].call(t)), W(t, "opacity", i[5] ? 1 : 0, !1);
+    },
+    m(c, a) {
+      v(c, t, a);
+      for (let _ = 0; _ < e.length; _ += 1)
+        e[_].m(t, null);
+      f = ge(t, i[12].bind(t)), o = !0;
+    },
+    p(c, a) {
+      a[0] & 71 && (d = c[1], Z(), e = ke(e, a, h, 1, c, d, r, t, ye, Y, null, q), G()), a[0] & 32 && W(t, "opacity", c[5] ? 1 : 0, !1);
+    },
+    i(c) {
+      if (!o) {
+        for (let a = 0; a < d.length; a += 1)
+          w(e[a]);
+        o = !0;
+      }
+    },
+    o(c) {
+      for (let a = 0; a < e.length; a += 1)
+        z(e[a]);
+      o = !1;
+    },
+    d(c) {
+      c && T(t);
+      for (let a = 0; a < e.length; a += 1)
+        e[a].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 De = 11;
+function Ue(i, t, e) {
+  const { Raycaster: r, Vector3: f } = Ee;
+  let { five: o } = t, { modelOcclusionEnable: d } = t, { itemLabels: h } = t, { hooks: c } = t, { displayStrategyType: a } = t, { maxVisibleDistance: _ } = t, C = null, g = null, J = (o == null ? void 0 : o.currentMode) === P.Mode.Panorama, E, F, D = [], O = !0;
+  const K = (s, u) => {
+    const p = s.camera.position.clone(), m = new f(u.modelPosition[0], u.modelPosition[1], u.modelPosition[2]), n = m.distanceTo(p);
+    return _ !== void 0 && s.state.mode === P.Mode.Panorama && n > _ ? !1 : B(s, m.clone().sub(p).normalize(), p, n);
+  }, Q = (s) => {
+    const { camera: u, model: p } = o, { x: m, y: n, z: l } = s.clone().project(u), I = (m + 1) / 2, b = (2 - (n + 1)) / 2, V = Math.abs(l) < 1 && [I, b].every((S) => S < 1 && S >= 0);
+    return Boolean(V);
+  }, $ = (s, u) => {
+    const p = new f(u.modelPosition[0], u.modelPosition[1], u.modelPosition[2]), m = s.project2d(p), n = m == null ? void 0 : m.x, l = m == null ? void 0 : m.y;
+    return [n, l];
+  }, ee = (s, u) => {
+    const p = u.map((n) => {
+      if (s.state.panoIndex !== n.panoIndex)
+        return y(k({}, n), { visible: !1 });
+      const l = $(s, n);
+      n.name.length * De;
+      const I = xe(n.modelPosition[1], a), b = s.currentMode === P.Mode.Panorama ? Q(new f(n.position[0], n.position[1], n.position[2])) : !0, x = d ? K(s, n) : !1, M = b && !x;
+      if (!M)
+        return y(k({}, n), { visible: M });
+      D.push(l);
+      const V = Ve(l);
+      return y(k({}, n), {
+        visible: M,
+        transform: V,
+        strokeLength: I
+      });
+    }), m = p.filter(({ visible: n }) => n).map((n) => ({
+      itemLabelItem: n,
+      distance: new f(n.modelPosition[0], n.modelPosition[1], n.modelPosition[2]).clone().distanceTo(s.camera.position)
+    })).sort((n, l) => n.distance - l.distance);
+    return p.map((n) => {
+      const l = m.findIndex((I) => I.itemLabelItem.id === n.id);
+      return l !== void 0 ? y(k({}, n), { zIndex: l * 10 }) : n;
+    });
+  }, L = () => {
+    D = [], e(1, g = ee(o, g));
+  }, U = () => {
+    e(5, O = !1), te();
+  }, te = Oe(
+    () => {
+      e(5, O = !0), L();
+    },
+    300
+  ), R = () => {
+    o.once("renderFrame", L);
+  }, oe = () => {
+    window.addEventListener("resize", R, !1);
+  }, ne = () => {
+    C !== h && (e(1, g = N(h)), C = h, L());
+  }, se = (s, u) => {
+    let p = [];
+    for (let n = 0; n < u.length; n++) {
+      const { position: l, panoIndex: I } = u[n], b = s.distanceTo(l);
+      (_ === void 0 || b <= _ || o.state.mode !== P.Mode.Panorama) && p.push({ panoIndex: I, obVector: l, distance: b });
+    }
+    p = p.sort((n, l) => n.distance - l.distance);
+    let m;
+    for (let n = 0; n < p.length; n++) {
+      const { obVector: l, distance: I, panoIndex: b } = p[n];
+      if (!B(o, s, l, I)) {
+        m = b;
+        break;
+      }
+    }
+    return typeof m == "number" ? u[m] : void 0;
+  }, ie = (s) => {
+    if (o.state.mode === P.Mode.Panorama)
+      return;
+    const u = o.work.observers, p = new f().fromArray(s.position), m = se(p, u);
+    if (m && (s.observerIndex = m.panoIndex), typeof s.observerIndex == "number") {
+      const n = u[s.observerIndex], l = p.clone().sub(n.position).normalize(), I = {
+        longitude: Math.PI + Math.atan2(l.x, l.z),
+        latitude: Math.acos(l.y / l.length()) - Math.PI / 2
+      };
+      o.setState(y(k({}, I), {
+        mode: P.Mode.Panorama,
+        panoIndex: s.observerIndex
+      })), o.once("initAnimationEnded", () => {
+        e(1, g = g.map((b) => y(k({}, b), {
+          isFold: b.id !== s.id
+        }))), o.once("cameraUpdate", () => {
+          e(1, g = g.map((b) => y(k({}, b), { isFold: !1 })));
+        });
+      });
+    }
+  };
+  Me(() => {
+    ne();
+  }), ze(() => {
+    e(1, g = N(h)), C = h, L(), oe(), o.on("cameraUpdate", U);
+  }), Ce(() => {
+    o.off("cameraUpdate", U), window.removeEventListener("resize", R, !1);
+  });
+  function re() {
+    E = this.clientWidth, F = this.clientHeight, e(3, E), e(4, F);
+  }
+  return i.$$set = (s) => {
+    "five" in s && e(7, o = s.five), "modelOcclusionEnable" in s && e(8, d = s.modelOcclusionEnable), "itemLabels" in s && e(9, h = s.itemLabels), "hooks" in s && e(0, c = s.hooks), "displayStrategyType" in s && e(10, a = s.displayStrategyType), "maxVisibleDistance" in s && e(11, _ = s.maxVisibleDistance);
+  }, [
+    c,
+    g,
+    J,
+    E,
+    F,
+    O,
+    ie,
+    o,
+    d,
+    h,
+    a,
+    _,
+    re
+  ];
 }
-
-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 Ge extends fe {
+  constructor(t) {
+    super(), ue(
+      this,
+      t,
+      Ue,
+      Te,
+      pe,
+      {
+        five: 7,
+        modelOcclusionEnable: 8,
+        itemLabels: 9,
+        hooks: 0,
+        displayStrategyType: 10,
+        maxVisibleDistance: 11
+      },
+      ve,
+      [-1, -1]
+    );
+  }
 }
-
-export default Component;
+export {
+  Ge as default
+};