@realsee/dnalogel 2.2.0-alpha.1 → 2.2.0

package/dist/PanoRulerProPlugin/index.js

@@ -1,1006 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var internal = require('svelte/internal');
-var five = require('@realsee/five');
-var svelte = require('svelte');
-var three = require('three');
-
-const _requestAnimationFrame = window.requestAnimationFrame || ((fn) => setTimeout(fn, 16));
-function nextFrame(fn, delay = 0) {
-    if (delay <= 0)
-        _requestAnimationFrame(fn);
-    else
-        _requestAnimationFrame(() => nextFrame(fn, delay - 1));
-}
-// export { Easing } from './tween'
-// export { default as tween } from './tween'
-
-/**
- * 检查一个值是否是狭义上的对象
- * @param {any} value 要检查的值
- *
- * isTruelyObject({})
- * // => true
- *
- * isObjectLike([1, 2, 3])
- * // => false
- *
- * isObjectLike(Function)
- * // => false
- *
- * isObjectLike(null)
- * // => false
- *
- */
-function isTruelyObject(value) {
-    return Object.prototype.toString.call(value) === '[object Object]';
-}
-
-/* eslint-disable @typescript-eslint/no-use-before-define */
-function baseIsEqual(value, other) {
-    if (value === other)
-        return true;
-    if (typeof value !== typeof other)
-        return false;
-    if (Number.isNaN(value) && Number.isNaN(other))
-        return true;
-    return false;
-}
-function objEqualShallow(value, other) {
-    const valueProps = Object.getOwnPropertyNames(value);
-    const otherProps = Object.getOwnPropertyNames(other);
-    if (valueProps.length !== otherProps.length)
-        return false;
-    for (let i = 0, len = valueProps.length; i < len; i++) {
-        const propName = valueProps[i];
-        if (!baseIsEqual(value[propName], other[propName]))
-            return false;
-    }
-    return true;
-}
-function arrayEqualShallow(value, other) {
-    if (value.length !== other.length)
-        return false;
-    for (let i = 0, len = value.length; i < len; i++) {
-        if (!baseIsEqual(value[i], other[i]))
-            return false;
-    }
-    return true;
-}
-function isShallowEqual(value, other) {
-    if (baseIsEqual(value, other))
-        return true;
-    if (isTruelyObject(value) && isTruelyObject(other))
-        return objEqualShallow(value, other);
-    if (Array.isArray(value) && Array.isArray(other))
-        return arrayEqualShallow(value, other);
-    return false;
-}
-function isDeepEqual(value, other) {
-    if (baseIsEqual(value, other))
-        return true;
-    if (isTruelyObject(value) && isTruelyObject(other))
-        return objEqualDeep(value, other);
-    if (Array.isArray(value) && Array.isArray(other))
-        return arrayEqualDeep(value, other);
-    return false;
-}
-function arrayEqualDeep(value, other) {
-    if (value.length !== other.length)
-        return false;
-    for (let i = 0, len = value.length; i < len; i++) {
-        if (!isDeepEqual(value[i], other[i]))
-            return false;
-    }
-    return true;
-}
-function objEqualDeep(value, other) {
-    const valueProps = Object.getOwnPropertyNames(value);
-    const otherProps = Object.getOwnPropertyNames(other);
-    if (valueProps.length !== otherProps.length)
-        return false;
-    for (let i = 0, len = valueProps.length; i < len; i++) {
-        const propName = valueProps[i];
-        if (!isDeepEqual(value[propName], other[propName]))
-            return false;
-    }
-    return true;
-}
-/**
- * 对象比较
- * @param {*} value 第一个比较的值
- * @param {*} other 第二个比较的值
- * @param {Object} options 可选参数，可选项包括：<br />
- *    deep {Boolean} 是否深比较<br />
- * @returns {boolean} 是否相等
- */
-function equal(value, other, opt = { deep: false }) {
-    if (!opt.deep)
-        return isShallowEqual(value, other);
-    return isDeepEqual(value, other);
-}
-
-/**
- * 平面几何相关数学函数
- */
-/**
- * 检查两个点是否位置相同
- * @param point1
- * @param point2
- * @return
- */
-function samePointAt(point1, point2) {
-    return point1.x === point2.x && point1.y === point2.y;
-}
-/**
- * 两个计算的斜率是否相同
- * @param  {number} k1
- * @param  {number} k2
- * @return
- */
-function sameK(k1, k2) {
-    if (Math.abs(k1) === Infinity && Math.abs(k2) === Infinity)
-        return true;
-    return Math.abs(k1 - k2) < 0.001;
-}
-/**
- * 获取两点之间的斜率
- * @param  {point} point1
- * @param  {point} point2
- * @return {number}
- */
-function getK(point1, point2) {
-    return (point2.y - point1.y) / (point2.x - point1.x);
-}
-/**
- * 两条线段(包括延长线)的交点点
- * @param  {linePoints} linePoints1
- * @param  {linePoints} linePoints2
- * @param   needIntersectionInLine 是否是延长线的相交
- * @return {point || false}
- */
-function intersectionOfLine(linePoints1, linePoints2, needIntersectionInLine) {
-    const k1 = getK(linePoints1[1], linePoints1[0]);
-    const k2 = getK(linePoints2[1], linePoints2[0]);
-    if (isNaN(k1) || isNaN(k2))
-        return false;
-    if (sameK(k1, k2))
-        return false;
-    if (pointOnLine(linePoints1[0], linePoints2))
-        return linePoints1[0];
-    if (pointOnLine(linePoints1[1], linePoints2))
-        return linePoints1[1];
-    if (pointOnLine(linePoints2[0], linePoints1))
-        return linePoints2[0];
-    if (pointOnLine(linePoints2[1], linePoints1))
-        return linePoints2[1];
-    //needIntersectionInLine 是否焦点在线段内
-    if (needIntersectionInLine && !isIntersect(linePoints1, linePoints2))
-        return false;
-    const p1 = linePoints1[0];
-    const p2 = linePoints2[0];
-    if (Math.abs(k1) === Infinity) {
-        return { x: p1.x, y: linePoints2[1].y - (linePoints2[1].x - p1.x) * k2 };
-    }
-    if (Math.abs(k2) === Infinity) {
-        return { x: p2.x, y: linePoints1[1].y - (linePoints1[1].x - p2.x) * k1 };
-    }
-    const x = (p2.y - p1.y + k1 * p1.x - k2 * p2.x) / (k1 - k2);
-    const y = k1 * x - k1 * p1.x + p1.y;
-    return { x, y };
-}
-/**
- * 是否点在线段上
- * @param  {point} point
- * @param  {linePoints} linePoints
- * @return
- */
-function pointOnLine(point, linePoints) {
-    if (samePointAt(point, linePoints[0]))
-        return true;
-    if (samePointAt(point, linePoints[1]))
-        return true;
-    return ((linePoints[0].x - point.x) * (point.x - linePoints[1].x) >= 0 &&
-        (linePoints[0].y - point.y) * (point.y - linePoints[1].y) >= 0 &&
-        sameK(getK(linePoints[0], point), getK(point, linePoints[1])));
-}
-/**
- *  判断两条线段是否相交
- */
-function multi(p1, p2, p0) {
-    return (p1.x - p0.x) * (p2.y - p0.y) - (p2.x - p0.x) * (p1.y - p0.y);
-}
-function isIntersect(linePoints1, linePoints2) {
-    if (Math.max(linePoints1[0].x, linePoints1[1].x) >= Math.min(linePoints2[0].x, linePoints2[1].x) &&
-        Math.max(linePoints2[0].x, linePoints2[1].x) >= Math.min(linePoints1[0].x, linePoints1[1].x) &&
-        Math.max(linePoints1[0].y, linePoints1[1].y) >= Math.min(linePoints2[0].y, linePoints2[1].y) &&
-        multi(linePoints2[0], linePoints1[1], linePoints1[0]) * multi(linePoints1[1], linePoints2[1], linePoints1[0]) > 0 &&
-        multi(linePoints1[0], linePoints2[1], linePoints2[0]) * multi(linePoints2[1], linePoints1[1], linePoints2[0]) > 0)
-        return 1;
-    return 0;
-}
-
-/**
- * 创建一个防抖动函数，该函数在高频调用时会每隔 wait 毫秒后调用 func 方法
- * `throttle` 会在第一次调用时立刻调用一次
- * @param func - 要防抖动的函数
- * @param wait - 需要延迟的毫秒数
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function throttle(func, wait = 200) {
-    let last;
-    return function (...args) {
-        if (last)
-            return;
-        func(...args);
-        last = setTimeout(function () {
-            last = null;
-        }, wait);
-    };
-}
-
-/* src/PanoRulerProPlugin/RulerItem.svelte generated by Svelte v3.50.1 */
-
-function add_css(target) {
-	internal.append_styles(target, "svelte-qy4ud2", ".PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2{position:absolute;transform-origin:left 0.0625rem;width:0;height:0.125rem;pointer-events:none}.PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2::after{content:'';position:absolute;left:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;-webkit-animation:svelte-qy4ud2-viewport-rule-point 0.1s 1s;animation:svelte-qy4ud2-viewport-rule-point 0.1s 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2::before{content:'';position:absolute;right:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;-webkit-animation:svelte-qy4ud2-viewport-rule-point 0.1s 1.5s;animation:svelte-qy4ud2-viewport-rule-point 0.1s 1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-qy4ud2 em.svelte-qy4ud2{display:block;height:0.0625rem;-webkit-animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-shadow:0 0 0.25rem rgb(0 0 0 / 40%);position:relative}.rule-mixed-line.svelte-qy4ud2.svelte-qy4ud2{display:flex;height:0.0625rem;-webkit-animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;align-items:center}.em-solid.svelte-qy4ud2.svelte-qy4ud2{height:100%;background:#ffffff}.em-dotted.svelte-qy4ud2.svelte-qy4ud2{height:0.125rem;background:var(--background-image);background-position:center;background-repeat:repeat}.PanoRulerPlugin-rule-label.svelte-qy4ud2.svelte-qy4ud2{position:absolute;width:0;height:0;top:0.0625rem;pointer-events:none}.PanoRulerPlugin-rule-label-name.svelte-qy4ud2.svelte-qy4ud2{position:absolute;padding:0.1875rem 0.375rem;background:rgba(195, 195, 195, 0.3);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem);border-radius:6.25rem;border:0.0625rem solid rgba(255, 255, 255, 0.6);white-space:nowrap;overflow:hidden;color:#ffffff;font-weight:500;font-size:0.75rem;line-height:1;-webkit-animation:svelte-qy4ud2-viewport-rule-label 0.25s ease 1s;animation:svelte-qy4ud2-viewport-rule-label 0.25s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-shadow:inset 0 0 0.625rem 0 rgba(255, 255, 255, 0.3)}@-webkit-keyframes svelte-qy4ud2-viewport-rule-line{0%{width:0%}100%{width:100%}}@keyframes svelte-qy4ud2-viewport-rule-line{0%{width:0%}100%{width:100%}}@-webkit-keyframes svelte-qy4ud2-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@keyframes svelte-qy4ud2-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@-webkit-keyframes svelte-qy4ud2-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@keyframes svelte-qy4ud2-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}");
-}
-
-function get_each_context$1(ctx, list, i) {
-	const child_ctx = ctx.slice();
-	child_ctx[6] = list[i];
-	return child_ctx;
-}
-
-// (28:2) {:else}
-function create_else_block(ctx) {
-	let div;
-	let each_value = /*rulerItemProp*/ ctx[0].children;
-	let each_blocks = [];
-
-	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
-	}
-
-	return {
-		c() {
-			div = internal.element("div");
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].c();
-			}
-
-			internal.attr(div, "class", "rule-mixed-line svelte-qy4ud2");
-		},
-		m(target, anchor) {
-			internal.insert(target, div, anchor);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(div, null);
-			}
-		},
-		p(ctx, dirty) {
-			if (dirty & /*rulerItemProp, vars*/ 9) {
-				each_value = /*rulerItemProp*/ ctx[0].children;
-				let i;
-
-				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context$1(ctx, each_value, i);
-
-					if (each_blocks[i]) {
-						each_blocks[i].p(child_ctx, dirty);
-					} else {
-						each_blocks[i] = create_each_block$1(child_ctx);
-						each_blocks[i].c();
-						each_blocks[i].m(div, null);
-					}
-				}
-
-				for (; i < each_blocks.length; i += 1) {
-					each_blocks[i].d(1);
-				}
-
-				each_blocks.length = each_value.length;
-			}
-		},
-		d(detaching) {
-			if (detaching) internal.detach(div);
-			internal.destroy_each(each_blocks, detaching);
-		}
-	};
-}
-
-// (26:2) {#if rulerItemProp.children.length === 0}
-function create_if_block(ctx) {
-	let em;
-	let em_class_value;
-
-	return {
-		c() {
-			em = internal.element("em");
-
-			internal.attr(em, "class", em_class_value = "" + (internal.null_to_empty(/*rulerItemProp*/ ctx[0].state
-			? 'em-solid'
-			: 'em-dotted') + " svelte-qy4ud2"));
-
-			internal.attr(em, "style", /*vars*/ ctx[3]);
-		},
-		m(target, anchor) {
-			internal.insert(target, em, anchor);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*rulerItemProp*/ 1 && em_class_value !== (em_class_value = "" + (internal.null_to_empty(/*rulerItemProp*/ ctx[0].state
-			? 'em-solid'
-			: 'em-dotted') + " svelte-qy4ud2"))) {
-				internal.attr(em, "class", em_class_value);
-			}
-
-			if (dirty & /*vars*/ 8) {
-				internal.attr(em, "style", /*vars*/ ctx[3]);
-			}
-		},
-		d(detaching) {
-			if (detaching) internal.detach(em);
-		}
-	};
-}
-
-// (30:6) {#each rulerItemProp.children as child}
-function create_each_block$1(ctx) {
-	let div;
-	let div_class_value;
-	let style_width = `${/*child*/ ctx[6].width}px`;
-
-	return {
-		c() {
-			div = internal.element("div");
-			internal.attr(div, "class", div_class_value = "" + (internal.null_to_empty(/*child*/ ctx[6].state ? 'em-solid' : 'em-dotted') + " svelte-qy4ud2"));
-			internal.attr(div, "style", /*vars*/ ctx[3]);
-			internal.set_style(div, "width", style_width, false);
-		},
-		m(target, anchor) {
-			internal.insert(target, div, anchor);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*rulerItemProp*/ 1 && div_class_value !== (div_class_value = "" + (internal.null_to_empty(/*child*/ ctx[6].state ? 'em-solid' : 'em-dotted') + " svelte-qy4ud2"))) {
-				internal.attr(div, "class", div_class_value);
-			}
-
-			if (dirty & /*vars*/ 8) {
-				internal.attr(div, "style", /*vars*/ ctx[3]);
-			}
-
-			if (dirty & /*rulerItemProp*/ 1 && style_width !== (style_width = `${/*child*/ ctx[6].width}px`)) {
-				internal.set_style(div, "width", style_width, false);
-			}
-		},
-		d(detaching) {
-			if (detaching) internal.detach(div);
-		}
-	};
-}
-
-function create_fragment$1(ctx) {
-	let div2;
-	let t0;
-	let div1;
-	let div0;
-	let t1_value = /*rulerItemProp*/ ctx[0].labelElement + "";
-	let t1;
-	let div0_resize_listener;
-	let style_left = `${/*rulerItemProp*/ ctx[0].labelOffset}%`;
-	let style_width = `${/*rulerItemProp*/ ctx[0].width}px`;
-	let style_left_1 = `${/*rulerItemProp*/ ctx[0].left}px`;
-	let style_top = `${/*rulerItemProp*/ ctx[0].top}px`;
-	let style_transform = `rotate(${/*rulerItemProp*/ ctx[0].rotateDeg}deg)`;
-
-	function select_block_type(ctx, dirty) {
-		if (/*rulerItemProp*/ ctx[0].children.length === 0) return create_if_block;
-		return create_else_block;
-	}
-
-	let current_block_type = select_block_type(ctx);
-	let if_block = current_block_type(ctx);
-
-	return {
-		c() {
-			div2 = internal.element("div");
-			if_block.c();
-			t0 = internal.space();
-			div1 = internal.element("div");
-			div0 = internal.element("div");
-			t1 = internal.text(t1_value);
-			internal.attr(div0, "class", "PanoRulerPlugin-rule-label-name svelte-qy4ud2");
-			internal.add_render_callback(() => /*div0_elementresize_handler*/ ctx[4].call(div0));
-			internal.attr(div1, "class", "PanoRulerPlugin-rule-label svelte-qy4ud2");
-			internal.set_style(div1, "left", style_left, false);
-			internal.attr(div2, "class", "PanoRulerPlugin-rule-line svelte-qy4ud2");
-			internal.set_style(div2, "width", style_width, false);
-			internal.set_style(div2, "left", style_left_1, false);
-			internal.set_style(div2, "top", style_top, false);
-			internal.set_style(div2, "transform", style_transform, false);
-
-			internal.set_style(
-				div2,
-				"display",
-				/*rulerItemProp*/ ctx[0].visible && /*_visible*/ ctx[2]
-				? 'block'
-				: 'none',
-				false
-			);
-		},
-		m(target, anchor) {
-			internal.insert(target, div2, anchor);
-			if_block.m(div2, null);
-			internal.append(div2, t0);
-			internal.append(div2, div1);
-			internal.append(div1, div0);
-			internal.append(div0, t1);
-			div0_resize_listener = internal.add_resize_listener(div0, /*div0_elementresize_handler*/ ctx[4].bind(div0));
-		},
-		p(ctx, [dirty]) {
-			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
-				if_block.p(ctx, dirty);
-			} else {
-				if_block.d(1);
-				if_block = current_block_type(ctx);
-
-				if (if_block) {
-					if_block.c();
-					if_block.m(div2, t0);
-				}
-			}
-
-			if (dirty & /*rulerItemProp*/ 1 && t1_value !== (t1_value = /*rulerItemProp*/ ctx[0].labelElement + "")) internal.set_data(t1, t1_value);
-
-			if (dirty & /*rulerItemProp*/ 1 && style_left !== (style_left = `${/*rulerItemProp*/ ctx[0].labelOffset}%`)) {
-				internal.set_style(div1, "left", style_left, false);
-			}
-
-			if (dirty & /*rulerItemProp*/ 1 && style_width !== (style_width = `${/*rulerItemProp*/ ctx[0].width}px`)) {
-				internal.set_style(div2, "width", style_width, false);
-			}
-
-			if (dirty & /*rulerItemProp*/ 1 && style_left_1 !== (style_left_1 = `${/*rulerItemProp*/ ctx[0].left}px`)) {
-				internal.set_style(div2, "left", style_left_1, false);
-			}
-
-			if (dirty & /*rulerItemProp*/ 1 && style_top !== (style_top = `${/*rulerItemProp*/ ctx[0].top}px`)) {
-				internal.set_style(div2, "top", style_top, false);
-			}
-
-			if (dirty & /*rulerItemProp*/ 1 && style_transform !== (style_transform = `rotate(${/*rulerItemProp*/ ctx[0].rotateDeg}deg)`)) {
-				internal.set_style(div2, "transform", style_transform, false);
-			}
-
-			if (dirty & /*rulerItemProp, _visible*/ 5) {
-				internal.set_style(
-					div2,
-					"display",
-					/*rulerItemProp*/ ctx[0].visible && /*_visible*/ ctx[2]
-					? 'block'
-					: 'none',
-					false
-				);
-			}
-		},
-		i: internal.noop,
-		o: internal.noop,
-		d(detaching) {
-			if (detaching) internal.detach(div2);
-			if_block.d();
-			div0_resize_listener();
-		}
-	};
-}
-
-function instance$1($$self, $$props, $$invalidate) {
-	let vars;
-	let { rulerItemProp } = $$props;
-	let _visible = true;
-	let labelWidth;
-	let EM_DOTTED_BG = `data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGZpbHRlciBpZD0icHJlZml4X19hIiBoZWlnaHQ9IjQwMCUiIHdpZHRoPSIxMzcuNCUiIHg9Ii0xOC43JSIgeT0iLTE1MCUiPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9Ii41IiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSIvPjxmZU9mZnNldCBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiByYWRpdXM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXIiLz48ZmVPZmZzZXQgaW49InNoYWRvd0lubmVyIiByZXN1bHQ9InNoYWRvd0lubmVyIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0ic2hhZG93SW5uZXIiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIuNSIvPjxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9InByZWZpeF9fYiIgZD0iTS44ODkgMkgxMS41OCIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1kYXNoYXJyYXk9IjUgNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2EpIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+PHVzZSBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNCIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjwvZz48L3N2Zz4=`;
-
-	function div0_elementresize_handler() {
-		labelWidth = this.offsetWidth;
-		$$invalidate(1, labelWidth);
-	}
-
-	$$self.$$set = $$props => {
-		if ('rulerItemProp' in $$props) $$invalidate(0, rulerItemProp = $$props.rulerItemProp);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*labelWidth, rulerItemProp*/ 3) {
-			{
-				if (labelWidth >= rulerItemProp.width || labelWidth / 2 >= rulerItemProp.labelOffset / 100 * rulerItemProp.width || labelWidth / 2 >= (1 - rulerItemProp.labelOffset / 100) * rulerItemProp.width) {
-					$$invalidate(2, _visible = false);
-				} else {
-					$$invalidate(2, _visible = true);
-				}
-			}
-		}
-	};
-
-	$$invalidate(3, vars = `--background-image: url(${EM_DOTTED_BG})`);
-	return [rulerItemProp, labelWidth, _visible, vars, div0_elementresize_handler];
-}
-
-class RulerItem extends internal.SvelteComponent {
-	constructor(options) {
-		super();
-		internal.init(this, options, instance$1, create_fragment$1, internal.safe_not_equal, { rulerItemProp: 0 }, add_css);
-	}
-}
-
-/* src/PanoRulerProPlugin/RulerItems.svelte generated by Svelte v3.50.1 */
-
-function get_each_context(ctx, list, i) {
-	const child_ctx = ctx.slice();
-	child_ctx[16] = list[i];
-	return child_ctx;
-}
-
-// (206:2) {#each rulerItemProp as itemData}
-function create_each_block(ctx) {
-	let ruleritem;
-	let current;
-
-	ruleritem = new RulerItem({
-			props: { rulerItemProp: /*itemData*/ ctx[16] }
-		});
-
-	return {
-		c() {
-			internal.create_component(ruleritem.$$.fragment);
-		},
-		m(target, anchor) {
-			internal.mount_component(ruleritem, target, anchor);
-			current = true;
-		},
-		p(ctx, dirty) {
-			const ruleritem_changes = {};
-			if (dirty & /*rulerItemProp*/ 1) ruleritem_changes.rulerItemProp = /*itemData*/ ctx[16];
-			ruleritem.$set(ruleritem_changes);
-		},
-		i(local) {
-			if (current) return;
-			internal.transition_in(ruleritem.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			internal.transition_out(ruleritem.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			internal.destroy_component(ruleritem, detaching);
-		}
-	};
-}
-
-function create_fragment(ctx) {
-	let div;
-	let current;
-	let each_value = /*rulerItemProp*/ ctx[0];
-	let each_blocks = [];
-
-	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
-	}
-
-	const out = i => internal.transition_out(each_blocks[i], 1, 1, () => {
-		each_blocks[i] = null;
-	});
-
-	return {
-		c() {
-			div = internal.element("div");
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].c();
-			}
-		},
-		m(target, anchor) {
-			internal.insert(target, div, anchor);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(div, null);
-			}
-
-			current = true;
-		},
-		p(ctx, [dirty]) {
-			if (dirty & /*rulerItemProp*/ 1) {
-				each_value = /*rulerItemProp*/ ctx[0];
-				let i;
-
-				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context(ctx, each_value, i);
-
-					if (each_blocks[i]) {
-						each_blocks[i].p(child_ctx, dirty);
-						internal.transition_in(each_blocks[i], 1);
-					} else {
-						each_blocks[i] = create_each_block(child_ctx);
-						each_blocks[i].c();
-						internal.transition_in(each_blocks[i], 1);
-						each_blocks[i].m(div, null);
-					}
-				}
-
-				internal.group_outros();
-
-				for (i = each_value.length; i < each_blocks.length; i += 1) {
-					out(i);
-				}
-
-				internal.check_outros();
-			}
-		},
-		i(local) {
-			if (current) return;
-
-			for (let i = 0; i < each_value.length; i += 1) {
-				internal.transition_in(each_blocks[i]);
-			}
-
-			current = true;
-		},
-		o(local) {
-			each_blocks = each_blocks.filter(Boolean);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				internal.transition_out(each_blocks[i]);
-			}
-
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) internal.detach(div);
-			internal.destroy_each(each_blocks, detaching);
-		}
-	};
-}
-
-function instance($$self, $$props, $$invalidate) {
-	var _a, _b, _c, _d;
-	let { five: five$1 } = $$props;
-	let { rulerDatas } = $$props;
-	let { options } = $$props;
-	let rulerItemProp = [];
-
-	const canvasWidth = ((_b = (_a = five$1.getElement()) === null || _a === void 0
-	? void 0
-	: _a.parentElement) === null || _b === void 0
-	? void 0
-	: _b.clientWidth) || 0;
-
-	const canvasHeight = ((_d = (_c = five$1.getElement()) === null || _c === void 0
-	? void 0
-	: _c.parentElement) === null || _d === void 0
-	? void 0
-	: _d.clientHeight) || 0;
-
-	const getRuleScreenIntr = (startPoint, endPoint) => {
-		const screenLines = [
-			[{ x: 0, y: 0 }, { x: canvasWidth, y: 0 }],
-			[{ x: 0, y: 0 }, { x: 0, y: canvasHeight }],
-			[{ x: canvasWidth, y: 0 }, { x: canvasWidth, y: canvasHeight }],
-			[{ x: 0, y: canvasHeight }, { x: canvasWidth, y: canvasHeight }]
-		];
-
-		const intr = [];
-
-		for (let i = 0; i < screenLines.length; i++) {
-			const result = intersectionOfLine([startPoint, endPoint], [screenLines[i][0], screenLines[i][1]], true);
-			if (result) intr.push(result);
-		}
-
-		if (intr.length === 0) return false; else {
-			return intr;
-		}
-	};
-
-	const getPosition = (start, end) => {
-		const startPoint = start.clone().project(five$1.camera);
-		const startLeft = (startPoint.x + 1) / 2 * canvasWidth;
-		const startTop = (-startPoint.y + 1) / 2 * canvasHeight;
-		const endPoint = end.clone().project(five$1.camera);
-		const endLeft = (endPoint.x + 1) / 2 * canvasWidth;
-		const endTop = (-endPoint.y + 1) / 2 * canvasHeight;
-		const distance = Math.sqrt(Math.pow(endLeft - startLeft, 2) + Math.pow(endTop - startTop, 2));
-
-		return {
-			startLeft,
-			startTop,
-			endLeft,
-			endTop,
-			distance
-		};
-	};
-
-	const getPositionAndVisible = (start, end, visibleOrigin) => {
-		const cameraPosition = five$1.camera.position;
-		const cameraDirection = five$1.camera.getWorldDirection(new three.Vector3());
-		const startAngle = start.clone().sub(cameraPosition).normalize().angleTo(cameraDirection);
-		const endAngle = end.clone().sub(cameraPosition).normalize().angleTo(cameraDirection);
-		const ruleLength = start.distanceTo(end);
-		const midPoint = end.clone().sub(end.clone().sub(start).divide(new three.Vector3(2, 2, 2)));
-		const disFromCameraToMid = midPoint.distanceTo(cameraPosition);
-		const { startLeft, startTop, endLeft, endTop, distance } = getPosition(start, end);
-		const rad = Math.PI / 2 - Math.atan2(endLeft - startLeft, startTop - endTop);
-		const deg = -(rad / Math.PI) * 180;
-		let visible = true;
-		if (!visibleOrigin) visible = false;
-
-		// 只显示拐点相连的线
-		if (!equal(start, visibleOrigin) && !equal(end, visibleOrigin)) {
-			visible = false;
-		}
-
-		// 线小于0.3m隐藏
-		if (ruleLength < 0.3) {
-			visible = false;
-		}
-
-		if (startAngle > Math.PI / 2) {
-			visible = false;
-		}
-
-		if (endAngle > Math.PI / 2) {
-			visible = false;
-		}
-
-		if (disFromCameraToMid / ruleLength > 8) {
-			visible = false;
-		}
-
-		let labelOffset = 50;
-		let visibleLength = distance;
-		const intr = getRuleScreenIntr({ x: ~~startLeft, y: ~~startTop }, { x: ~~endLeft, y: ~~endTop });
-
-		if (intr && intr.length === 1) {
-			if (equal(start, visibleOrigin)) {
-				visibleLength = Math.sqrt(Math.pow(intr[0].x - startLeft, 2) + Math.pow(intr[0].y - startTop, 2));
-				labelOffset = visibleLength / distance * 50;
-			} else if (equal(end, visibleOrigin)) {
-				visibleLength = Math.sqrt(Math.pow(intr[0].x - endLeft, 2) + Math.pow(intr[0].y - endTop, 2));
-				labelOffset = 100 - visibleLength / distance * 50;
-			}
-		}
-
-		if (intr && intr.length === 2) {
-			const middlePoint = {
-				x: (intr[0].x + intr[1].x) / 2,
-				y: (intr[0].y + intr[1].y) / 2
-			};
-
-			const distanceFromStart = Math.sqrt(Math.pow(middlePoint.x - startLeft, 2) + Math.pow(middlePoint.y - startTop, 2));
-			labelOffset = distanceFromStart / distance * 100;
-		}
-
-		return {
-			startLeft,
-			startTop,
-			distance,
-			deg,
-			visible,
-			labelOffset,
-			ruleLength
-		};
-	};
-
-	const updatePanoRulerData = () => {
-		const panoIndex = five$1.panoIndex;
-		const rulerData = rulerDatas.find(data => data.panoIndex === panoIndex);
-		if (!rulerData) return $$invalidate(0, rulerItemProp = []);
-
-		// 非全景模式下隐藏所有标尺
-		if (five$1.currentMode !== five.Five.Mode.Panorama) return $$invalidate(0, rulerItemProp = []);
-
-		const cameraPosition = five$1.camera.position;
-		const cameraDirection = five$1.camera.getWorldDirection(new three.Vector3());
-		const startPoints = rulerData.lines.map(v => new three.Vector3(v.start[0], -v.start[1], -v.start[2]));
-		const endPoints = rulerData.lines.map(v => new three.Vector3(v.end[0], -v.end[1], -v.end[2]));
-
-		// 可以看到的角度最小的拐点
-		const [visibleOrigin] = startPoints.concat(endPoints).sort((pointA, pointB) => {
-			const angleA = pointA.clone().setY(0).sub(cameraPosition).normalize().angleTo(cameraDirection.clone().setY(0));
-			const angleB = pointB.clone().setY(0).sub(cameraPosition).normalize().angleTo(cameraDirection.clone().setY(0));
-			return angleA - angleB;
-		});
-
-		const data = rulerData.lines.map(line => {
-			var _a, _b;
-			const start = line.start;
-			const end = line.end;
-			const { startLeft, startTop, distance, deg, visible, labelOffset, ruleLength } = getPositionAndVisible(new three.Vector3(start[0], -start[1], -start[2]), new three.Vector3(end[0], -end[1], -end[2]), visibleOrigin);
-			const children = [];
-
-			if (line.children && ((_a = line.children) === null || _a === void 0
-			? void 0
-			: _a.length) > 0) {
-				(_b = line.children) === null || _b === void 0
-				? void 0
-				: _b.forEach(l => {
-						const start = l.start;
-						const end = l.end;
-						const { distance } = getPosition(new three.Vector3(start[0], -start[1], -start[2]), new three.Vector3(end[0], -end[1], -end[2]));
-						children.push({ width: distance, state: l.state });
-					});
-			}
-
-			return {
-				width: distance,
-				left: startLeft,
-				top: startTop,
-				rotateDeg: deg,
-				state: line.state,
-				children,
-				labelOffset,
-				visible,
-				labelElement: options.distanceText(ruleLength)
-			};
-		});
-
-		$$invalidate(0, rulerItemProp = data);
-	};
-
-	const nextFrameFreshRule = () => nextFrame(updatePanoRulerData);
-	const throttleFreshRule = throttle(updatePanoRulerData, 80);
-
-	svelte.onMount(() => {
-		updatePanoRulerData();
-		five$1.on('panoArrived', updatePanoRulerData);
-		five$1.on('modeChange', updatePanoRulerData);
-		five$1.on('cameraDirectionUpdate', nextFrameFreshRule);
-		five$1.on('movingToPano', nextFrameFreshRule);
-		five$1.on('mouseWheel', () => throttleFreshRule());
-		five$1.on('pinchGesture', () => throttleFreshRule());
-	});
-
-	svelte.onDestroy(() => {
-		five$1.off('panoArrived', updatePanoRulerData);
-		five$1.off('modeChange', updatePanoRulerData);
-		five$1.off('cameraDirectionUpdate', nextFrameFreshRule);
-		five$1.off('movingToPano', nextFrameFreshRule);
-		five$1.off('mouseWheel', () => throttleFreshRule());
-		five$1.off('pinchGesture', () => throttleFreshRule());
-	});
-
-	$$self.$$set = $$props => {
-		if ('five' in $$props) $$invalidate(1, five$1 = $$props.five);
-		if ('rulerDatas' in $$props) $$invalidate(2, rulerDatas = $$props.rulerDatas);
-		if ('options' in $$props) $$invalidate(3, options = $$props.options);
-	};
-
-	return [rulerItemProp, five$1, rulerDatas, options];
-}
-
-class RulerItems extends internal.SvelteComponent {
-	constructor(options) {
-		super();
-		internal.init(this, options, instance, create_fragment, internal.safe_not_equal, { five: 1, rulerDatas: 2, options: 3 });
-	}
-}
-
-class Controller {
-    constructor(five, params) {
-        var _a, _b;
-        Object.defineProperty(this, "five", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "container", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: document.createElement('div')
-        });
-        Object.defineProperty(this, "panoRulerProData", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "rulerItems", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "state", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                enabled: false,
-                loaded: false,
-                options: {
-                    className: '',
-                    distanceText: (distance) => `${distance.toFixed(1)}m`,
-                },
-            }
-        });
-        this.five = five;
-        this.container.classList.add('panoRulerProPlugin-container');
-        this.container.setAttribute('style', `position: absolute;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;`);
-        if (params) {
-            if (params.data) {
-                this.load(params.data);
-            }
-            this.state.options = Object.assign(Object.assign({}, this.state.options), (params.options || {}));
-            if ((_a = params.options) === null || _a === void 0 ? void 0 : _a.className)
-                this.container.classList.add((_b = params.options) === null || _b === void 0 ? void 0 : _b.className);
-        }
-        this.five.once('modelLoaded', async () => {
-            var _a, _b;
-            (_b = (_a = this.five.getElement()) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.append(this.container);
-        });
-        this.five.once('dispose', () => this.dispose());
-    }
-    async load(serverData) {
-        if (!this.five.work)
-            return;
-        const data = serverData.data;
-        if (!data)
-            throw new Error('标尺数据依赖不齐全！');
-        this.panoRulerProData = data;
-        this.state.loaded = true;
-    }
-    enable() {
-        if (!this.state.loaded)
-            return false;
-        if (this.state.enabled)
-            return true;
-        this.state.enabled = true;
-        this.render();
-        return true;
-    }
-    disable() {
-        if (!this.state.enabled)
-            return true;
-        this.state.enabled = false;
-        this.render();
-        return true;
-    }
-    async render() {
-        var _a;
-        if (this.state.enabled) {
-            if (!this.panoRulerProData || !this.container)
-                return;
-            this.rulerItems = new RulerItems({
-                target: this.container,
-                props: {
-                    five: this.five,
-                    rulerDatas: this.panoRulerProData,
-                    options: this.state.options,
-                },
-            });
-        }
-        else {
-            (_a = this.rulerItems) === null || _a === void 0 ? void 0 : _a.$destroy();
-            this.rulerItems = undefined;
-        }
-    }
-    dispose() {
-        if (this.container) {
-            this.rulerItems.$destroy();
-            this.rulerItems = undefined;
-        }
-        this.container.remove();
-    }
-}
-
-/**
- * 全景标尺插件
- */
-const PanoRulerProPlugin = (five, params) => {
-    return new Controller(five, params);
-};
-
-exports.PanoRulerProPlugin = PanoRulerProPlugin;
-exports["default"] = PanoRulerProPlugin;