@realsee/dnalogel 2.1.0-alpha.10 → 2.1.0-alpha.12

package/dist/index.es.js

@@ -15,6 +15,10 @@ import Hammer from 'hammerjs';
 import classNames from 'classnames';
 import objectAssignDeep from 'object-assign-deep';
 import anime from 'animejs';
+import { Swiper, SwiperSlide } from 'swiper/svelte';
+import { Autoplay } from 'swiper';
+import 'swiper/css';
+import 'swiper/css/autoplay';
 
 /**
  * Five 模型插件
@@ -300,7 +304,7 @@ function evenNumber(num, config) {
     return roundNum % 2 === 0 ? roundNum : roundNum + Number((config === null || config === void 0 ? void 0 : config.smaller) ? -1 : 1);
 }
 
-function random() {
+function random$1() {
     return Math.random().toString(36).slice(-6);
 }
 
@@ -887,7 +891,7 @@ class CSS3DRender {
 }
 
 const VERSION$5 = 'v2.0.0';
-const PLUGIN_NAME$4 = `CSS3DRenderPlugin-${random()}@${VERSION$5}`;
+const PLUGIN_NAME$4 = `CSS3DRenderPlugin-${random$1()}@${VERSION$5}`;
 class Controller$8 extends CSS3DRender {
     constructor(five) {
         super();
@@ -1080,11 +1084,11 @@ const ROOM_LABEL_BG = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAA8CAY
 
 /* src/ModelRoomLabelPlugin/RoomLabelItem.svelte generated by Svelte v3.50.1 */
 
-function add_css$L(target) {
+function add_css$M(target) {
 	append_styles(target, "svelte-1d7uzh5", ".room-label-item.svelte-1d7uzh5{position:absolute;font-size:0.5rem;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.room-label-item__text.svelte-1d7uzh5{position:absolute;left:0;top:-4rem;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;height:1.25rem;min-width:2rem;padding:0 0.375rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-1d7uzh5{position:absolute;top:-2.75rem;height:3rem;width:0.0625rem;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}.wide.svelte-1d7uzh5{font-size:0.625rem}");
 }
 
-function create_fragment$Q(ctx) {
+function create_fragment$R(ctx) {
 	let div1;
 	let span;
 	let t0_value = /*roomLabel*/ ctx[0].name + "";
@@ -1151,7 +1155,7 @@ function create_fragment$Q(ctx) {
 	};
 }
 
-function instance$Q($$self, $$props, $$invalidate) {
+function instance$R($$self, $$props, $$invalidate) {
 	let { five } = $$props;
 	let { roomLabel } = $$props;
 
@@ -1174,7 +1178,7 @@ function instance$Q($$self, $$props, $$invalidate) {
 class RoomLabelItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { five: 2, roomLabel: 0 }, add_css$L);
+		init(this, options, instance$R, create_fragment$R, safe_not_equal, { five: 2, roomLabel: 0 }, add_css$M);
 	}
 }
 
@@ -1182,7 +1186,7 @@ class RoomLabelItem extends SvelteComponent {
 
 const { Map: Map_1 } = globals;
 
-function add_css$K(target) {
+function add_css$L(target) {
 	append_styles(target, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
 }
 
@@ -1241,7 +1245,7 @@ function create_each_block$i(key_1, ctx) {
 	};
 }
 
-function create_fragment$P(ctx) {
+function create_fragment$Q(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map_1();
@@ -1313,7 +1317,7 @@ function create_fragment$P(ctx) {
 	};
 }
 
-function instance$P($$self, $$props, $$invalidate) {
+function instance$Q($$self, $$props, $$invalidate) {
 	let rendererSize;
 	let { five } = $$props;
 	let { roomLabels } = $$props;
@@ -1438,7 +1442,7 @@ function instance$P($$self, $$props, $$invalidate) {
 class RoomLabelItems extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$P, create_fragment$P, safe_not_equal, { five: 1, roomLabels: 0 }, add_css$K);
+		init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { five: 1, roomLabels: 0 }, add_css$L);
 	}
 }
 
@@ -1744,11 +1748,11 @@ function rad2Deg$1(rad) {
 
 /* src/floorplan/Components/Camera.svelte generated by Svelte v3.50.1 */
 
-function add_css$J(target) {
+function add_css$K(target) {
 	append_styles(target, "svelte-17cl35n", ".floorplan__camera-position.svelte-17cl35n{position:absolute;width:0;height:0}.floorplan__camera-rotate.svelte-17cl35n{position:absolute;background-repeat:no-repeat;background-size:100%}");
 }
 
-function create_fragment$O(ctx) {
+function create_fragment$P(ctx) {
 	let div1;
 	let div0;
 
@@ -1785,7 +1789,7 @@ function create_fragment$O(ctx) {
 	};
 }
 
-function instance$O($$self, $$props, $$invalidate) {
+function instance$P($$self, $$props, $$invalidate) {
 	let { panoIndex } = $$props;
 	let { floorplanData } = $$props;
 	let { lastPanoramaLongitude } = $$props;
@@ -1831,8 +1835,8 @@ class Camera$1 extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$O,
-			create_fragment$O,
+			instance$P,
+			create_fragment$P,
 			safe_not_equal,
 			{
 				panoIndex: 5,
@@ -1840,7 +1844,7 @@ class Camera$1 extends SvelteComponent {
 				lastPanoramaLongitude: 7,
 				cameraImageUrl: 0
 			},
-			add_css$J
+			add_css$K
 		);
 	}
 }
@@ -1849,12 +1853,12 @@ const COMPASS_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArUAAAB7CAM
 
 /* src/floorplan/Components/Compass.svelte generated by Svelte v3.50.1 */
 
-function add_css$I(target) {
+function add_css$J(target) {
 	append_styles(target, "svelte-rpkaro", ".floorplan-plugin__compass.svelte-rpkaro{position:absolute;left:50%;top:-2.875rem;width:14.4375rem;height:2.5625rem;will-change:opacity;transform-origin:center 11.5rem}.floorplan-plugin__compass-image.svelte-rpkaro{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.1;background-repeat:no-repeat;background-size:100% 100%}.floorplan-plugin__compass-text.svelte-rpkaro{position:absolute;left:50%;top:0.9375rem;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:0.625rem;color:#fff}");
 }
 
 // (14:0) {#if canCompassShow}
-function create_if_block$s(ctx) {
+function create_if_block$t(ctx) {
 	let div1;
 	let div0;
 	let t0;
@@ -1890,9 +1894,9 @@ function create_if_block$s(ctx) {
 	};
 }
 
-function create_fragment$N(ctx) {
+function create_fragment$O(ctx) {
 	let if_block_anchor;
-	let if_block = /*canCompassShow*/ ctx[1] && create_if_block$s(ctx);
+	let if_block = /*canCompassShow*/ ctx[1] && create_if_block$t(ctx);
 
 	return {
 		c() {
@@ -1919,7 +1923,7 @@ function rad2Deg(rad) {
 	return rad / Math.PI * 180;
 }
 
-function instance$N($$self, $$props, $$invalidate) {
+function instance$O($$self, $$props, $$invalidate) {
 	var _a;
 	let { floorplanData } = $$props;
 	let { northDesc } = $$props;
@@ -1943,17 +1947,17 @@ function instance$N($$self, $$props, $$invalidate) {
 class Compass extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$N, create_fragment$N, safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$I);
+		init(this, options, instance$O, create_fragment$O, safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$J);
 	}
 }
 
 /* src/floorplan/Components/Normalmage.svelte generated by Svelte v3.50.1 */
 
-function add_css$H(target) {
+function add_css$I(target) {
 	append_styles(target, "svelte-1gfoniz", "img.svelte-1gfoniz{width:100%;height:100%}");
 }
 
-function create_fragment$M(ctx) {
+function create_fragment$N(ctx) {
 	let img;
 	let img_src_value;
 
@@ -1980,7 +1984,7 @@ function create_fragment$M(ctx) {
 	};
 }
 
-function instance$M($$self, $$props, $$invalidate) {
+function instance$N($$self, $$props, $$invalidate) {
 	let { url } = $$props;
 
 	$$self.$$set = $$props => {
@@ -1993,17 +1997,17 @@ function instance$M($$self, $$props, $$invalidate) {
 class Normalmage extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$M, create_fragment$M, safe_not_equal, { url: 0 }, add_css$H);
+		init(this, options, instance$N, create_fragment$N, safe_not_equal, { url: 0 }, add_css$I);
 	}
 }
 
 /* src/floorplan/Components/SvgImage.svelte generated by Svelte v3.50.1 */
 
-function add_css$G(target) {
+function add_css$H(target) {
 	append_styles(target, "svelte-ub47ya", ".floorplan-plugin__base-image.svelte-ub47ya{width:100%;height:100%}");
 }
 
-function create_fragment$L(ctx) {
+function create_fragment$M(ctx) {
 	let div;
 	let html_tag;
 	let t;
@@ -2036,7 +2040,7 @@ function create_fragment$L(ctx) {
 	};
 }
 
-function instance$L($$self, $$props, $$invalidate) {
+function instance$M($$self, $$props, $$invalidate) {
 	let { content } = $$props;
 
 	const svgStyle = `
@@ -2060,18 +2064,18 @@ function instance$L($$self, $$props, $$invalidate) {
 class SvgImage extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$L, create_fragment$L, safe_not_equal, { content: 0 }, add_css$G);
+		init(this, options, instance$M, create_fragment$M, safe_not_equal, { content: 0 }, add_css$H);
 	}
 }
 
 /* src/floorplan/Components/BaseImage.svelte generated by Svelte v3.50.1 */
 
-function add_css$F(target) {
+function add_css$G(target) {
 	append_styles(target, "svelte-ozpg4a", ".floorplan-plugin__base-image.svelte-ozpg4a{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
 }
 
 // (13:22) 
-function create_if_block_1$d(ctx) {
+function create_if_block_1$e(ctx) {
 	let normalimage;
 	let current;
 	normalimage = new Normalmage({ props: { url: /*imageData*/ ctx[1].url } });
@@ -2105,7 +2109,7 @@ function create_if_block_1$d(ctx) {
 }
 
 // (11:2) {#if svgContent}
-function create_if_block$r(ctx) {
+function create_if_block$s(ctx) {
 	let svgimage;
 	let current;
 
@@ -2141,12 +2145,12 @@ function create_if_block$r(ctx) {
 	};
 }
 
-function create_fragment$K(ctx) {
+function create_fragment$L(ctx) {
 	let div;
 	let current_block_type_index;
 	let if_block;
 	let current;
-	const if_block_creators = [create_if_block$r, create_if_block_1$d];
+	const if_block_creators = [create_if_block$s, create_if_block_1$e];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -2229,7 +2233,7 @@ function create_fragment$K(ctx) {
 	};
 }
 
-function instance$K($$self, $$props, $$invalidate) {
+function instance$L($$self, $$props, $$invalidate) {
 	let imageData;
 	let svgContent;
 	var _a, _b;
@@ -2261,18 +2265,18 @@ function instance$K($$self, $$props, $$invalidate) {
 class BaseImage extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$K, create_fragment$K, safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css$F);
+		init(this, options, instance$L, create_fragment$L, safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css$G);
 	}
 }
 
 /* src/floorplan/Components/RoomLabels/RoomLabel.svelte generated by Svelte v3.50.1 */
 
-function add_css$E(target) {
+function add_css$F(target) {
 	append_styles(target, "svelte-12pzct5", ".floorplan-plugin__room-label-item.svelte-12pzct5{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:1;color:#fff;transform:translate(-50%, -50%);white-space:nowrap;will-change:opacity;transition:opacity 300ms}.floorplan-plugin__room-size.svelte-12pzct5{opacity:0.45}");
 }
 
 // (95:30) 
-function create_if_block_1$c(ctx) {
+function create_if_block_1$d(ctx) {
 	let html_tag;
 	let raw_value = /*userConfigElement*/ ctx[4].outerHTML + "";
 	let html_anchor;
@@ -2298,7 +2302,7 @@ function create_if_block_1$c(ctx) {
 }
 
 // (89:2) {#if getLabelElement === undefined}
-function create_if_block$q(ctx) {
+function create_if_block$r(ctx) {
 	let span0;
 	let t0_value = /*room*/ ctx[0].name + "";
 	let t0;
@@ -2332,12 +2336,12 @@ function create_if_block$q(ctx) {
 	};
 }
 
-function create_fragment$J(ctx) {
+function create_fragment$K(ctx) {
 	let div;
 
 	function select_block_type(ctx, dirty) {
-		if (/*getLabelElement*/ ctx[1] === undefined) return create_if_block$q;
-		if (/*userConfigElement*/ ctx[4]) return create_if_block_1$c;
+		if (/*getLabelElement*/ ctx[1] === undefined) return create_if_block$r;
+		if (/*userConfigElement*/ ctx[4]) return create_if_block_1$d;
 	}
 
 	let current_block_type = select_block_type(ctx);
@@ -2406,7 +2410,7 @@ function isPointInPolygon(point, polygon) {
 	return inside;
 }
 
-function instance$J($$self, $$props, $$invalidate) {
+function instance$K($$self, $$props, $$invalidate) {
 	let isLabelInRoom;
 	let userConfigElement;
 	let labelVisible;
@@ -2550,8 +2554,8 @@ class RoomLabel extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$J,
-			create_fragment$J,
+			instance$K,
+			create_fragment$K,
 			safe_not_equal,
 			{
 				pxmm: 9,
@@ -2560,14 +2564,14 @@ class RoomLabel extends SvelteComponent {
 				getLabelElement: 1,
 				adaptiveRoomLabelVisibleEnable: 11
 			},
-			add_css$E
+			add_css$F
 		);
 	}
 }
 
 /* src/floorplan/Components/RoomLabels/RoomLabels.svelte generated by Svelte v3.50.1 */
 
-function add_css$D(target) {
+function add_css$E(target) {
 	append_styles(target, "svelte-13xux0b", ".floorplan-plugin__room-labels.svelte-13xux0b{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20;pointer-events:none}");
 }
 
@@ -2578,7 +2582,7 @@ function get_each_context$h(ctx, list, i) {
 }
 
 // (17:0) {#if rooms}
-function create_if_block$p(ctx) {
+function create_if_block$q(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -2720,10 +2724,10 @@ function create_each_block$h(key_1, ctx) {
 	};
 }
 
-function create_fragment$I(ctx) {
+function create_fragment$J(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*rooms*/ ctx[5] && create_if_block$p(ctx);
+	let if_block = /*rooms*/ ctx[5] && create_if_block$q(ctx);
 
 	return {
 		c() {
@@ -2744,7 +2748,7 @@ function create_fragment$I(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$p(ctx);
+					if_block = create_if_block$q(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -2775,7 +2779,7 @@ function create_fragment$I(ctx) {
 	};
 }
 
-function instance$I($$self, $$props, $$invalidate) {
+function instance$J($$self, $$props, $$invalidate) {
 	let rooms;
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
@@ -2832,8 +2836,8 @@ class RoomLabels extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$I,
-			create_fragment$I,
+			instance$J,
+			create_fragment$J,
 			safe_not_equal,
 			{
 				floorIndex: 6,
@@ -2842,14 +2846,14 @@ class RoomLabels extends SvelteComponent {
 				getLabelElement: 1,
 				adaptiveRoomLabelVisibleEnable: 2
 			},
-			add_css$D
+			add_css$E
 		);
 	}
 }
 
 /* src/floorplan/Components/RuleLabels/RuleItem.svelte generated by Svelte v3.50.1 */
 
-function add_css$C(target) {
+function add_css$D(target) {
 	append_styles(target, "svelte-xt7p1v", ".floorplan-plugin__rule-labels.svelte-xt7p1v.svelte-xt7p1v{position:absolute;display:flex}.floorplan-plugin__rule-labels--top.svelte-xt7p1v.svelte-xt7p1v{left:0;top:-1.25rem}.floorplan-plugin__rule-labels--bottom.svelte-xt7p1v.svelte-xt7p1v{left:0;bottom:-1.25rem}.floorplan-plugin__rule-labels--left.svelte-xt7p1v.svelte-xt7p1v{top:0;left:-1.25rem}.floorplan-plugin__rule-labels--right.svelte-xt7p1v.svelte-xt7p1v{top:0;right:-1.25rem}.floorplan-plugin__rule-line.svelte-xt7p1v.svelte-xt7p1v{background:#fff;opacity:0.05;width:100%;height:100%}.floorplan-plugin__rule-scale-wrapper.svelte-xt7p1v.svelte-xt7p1v{position:absolute;width:0.3125rem;height:100%;left:50%;top:0;transform:translateX(-50%)}.floorplan-plugin__rule-labels.is-row.svelte-xt7p1v .floorplan-plugin__rule-scale-wrapper.svelte-xt7p1v{width:100%;height:0.3125rem;top:50%;left:0;transform:translateY(-50%)}.floorplan-plugin__rule-scale.svelte-xt7p1v.svelte-xt7p1v{position:absolute;background:#fff;opacity:0.05;width:100%;height:0.0625rem}.floorplan-plugin__rule-labels.is-row.svelte-xt7p1v .floorplan-plugin__rule-scale.svelte-xt7p1v{width:0.0625rem;height:100%}.floorplan-plugin__rule-text-wrapper.svelte-xt7p1v.svelte-xt7p1v{position:absolute}.floorplan-plugin__rule-labels--top.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:100%;height:0;top:0.625rem}.floorplan-plugin__rule-labels--bottom.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:100%;height:0;bottom:0.625rem}.floorplan-plugin__rule-labels--left.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:0;height:100%;left:0.625rem}.floorplan-plugin__rule-labels--right.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:0;height:100%;right:0.625rem}.floorplan-plugin__rule-text-item.svelte-xt7p1v.svelte-xt7p1v{width:0;height:0;position:absolute;transform:rotate(90deg)}.floorplan-plugin__rule-labels.is-row.svelte-xt7p1v .floorplan-plugin__rule-text-item.svelte-xt7p1v{transform:rotate(0)}.floorplan-plugin__rule-text.svelte-xt7p1v.svelte-xt7p1v{width:-webkit-max-content;width:-moz-max-content;width:max-content;transform:translate(-50%, -50%);font-size:0.625rem;color:#fff;opacity:0.2}");
 }
 
@@ -2925,7 +2929,7 @@ function create_each_block$g(key_1, ctx) {
 	};
 }
 
-function create_fragment$H(ctx) {
+function create_fragment$I(ctx) {
 	let div3;
 	let div0;
 	let t0;
@@ -3048,7 +3052,7 @@ function create_fragment$H(ctx) {
 const padding$1 = 1000;
 const exteriorWallOffset$1 = 180;
 
-function instance$H($$self, $$props, $$invalidate) {
+function instance$I($$self, $$props, $$invalidate) {
 	let { type } = $$props;
 	let { data } = $$props;
 	let { bounding } = $$props;
@@ -3107,13 +3111,13 @@ function instance$H($$self, $$props, $$invalidate) {
 class RuleItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$H, create_fragment$H, safe_not_equal, { type: 0, data: 4, bounding: 5 }, add_css$C);
+		init(this, options, instance$I, create_fragment$I, safe_not_equal, { type: 0, data: 4, bounding: 5 }, add_css$D);
 	}
 }
 
 /* src/floorplan/Components/RuleLabels/RuleLabels.svelte generated by Svelte v3.50.1 */
 
-function add_css$B(target) {
+function add_css$C(target) {
 	append_styles(target, "svelte-1mzj9p3", ".floorplan-plugin__rule-labels-wrapper.svelte-1mzj9p3{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}");
 }
 
@@ -3190,7 +3194,7 @@ function create_each_block$f(key_1, ctx) {
 	};
 }
 
-function create_fragment$G(ctx) {
+function create_fragment$H(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -3270,7 +3274,7 @@ function create_fragment$G(ctx) {
 const padding = 1000;
 const exteriorWallOffset = 180;
 
-function instance$G($$self, $$props, $$invalidate) {
+function instance$H($$self, $$props, $$invalidate) {
 	let bounding;
 	let ruleLabelData;
 	let ruleLabelDataKeys;
@@ -3350,7 +3354,7 @@ function instance$G($$self, $$props, $$invalidate) {
 class RuleLabels extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$G, create_fragment$G, safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css$B);
+		init(this, options, instance$H, create_fragment$H, safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css$C);
 	}
 }
 
@@ -3407,7 +3411,7 @@ function getFloorIndexFromModelPosition(position, five) {
 
 /* src/floorplan/Components/RoomMaterials/RoomMaterial_0.svelte generated by Svelte v3.50.1 */
 
-function create_fragment$F(ctx) {
+function create_fragment$G(ctx) {
 	let path_1;
 
 	return {
@@ -3432,7 +3436,7 @@ function create_fragment$F(ctx) {
 	};
 }
 
-function instance$F($$self, $$props, $$invalidate) {
+function instance$G($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 
@@ -3452,13 +3456,13 @@ function instance$F($$self, $$props, $$invalidate) {
 class RoomMaterial_0 extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$F, create_fragment$F, safe_not_equal, { path: 1 });
+		init(this, options, instance$G, create_fragment$G, safe_not_equal, { path: 1 });
 	}
 }
 
 /* src/floorplan/Components/RoomMaterials/RoomMaterial_1.svelte generated by Svelte v3.50.1 */
 
-function create_fragment$E(ctx) {
+function create_fragment$F(ctx) {
 	let defs;
 	let pattern;
 	let rect;
@@ -3519,7 +3523,7 @@ function create_fragment$E(ctx) {
 
 const halfWidth = 6;
 
-function instance$E($$self, $$props, $$invalidate) {
+function instance$F($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 	const width = halfWidth * 2;
@@ -3541,13 +3545,13 @@ function instance$E($$self, $$props, $$invalidate) {
 class RoomMaterial_1 extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$E, create_fragment$E, safe_not_equal, { path: 3 });
+		init(this, options, instance$F, create_fragment$F, safe_not_equal, { path: 3 });
 	}
 }
 
 /* src/floorplan/Components/RoomMaterials/RoomMaterial_2.svelte generated by Svelte v3.50.1 */
 
-function create_fragment$D(ctx) {
+function create_fragment$E(ctx) {
 	let defs;
 	let pattern0;
 	let rect0;
@@ -3648,7 +3652,7 @@ function create_fragment$D(ctx) {
 	};
 }
 
-function instance$D($$self, $$props, $$invalidate) {
+function instance$E($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 
@@ -3668,13 +3672,13 @@ function instance$D($$self, $$props, $$invalidate) {
 class RoomMaterial_2 extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$D, create_fragment$D, safe_not_equal, { path: 1 });
+		init(this, options, instance$E, create_fragment$E, safe_not_equal, { path: 1 });
 	}
 }
 
 /* src/floorplan/Components/RoomMaterials/RoomMaterial.svelte generated by Svelte v3.50.1 */
 
-function add_css$A(target) {
+function add_css$B(target) {
 	append_styles(target, "svelte-1dykexu", ".floorplan-plugin__room-material.svelte-1dykexu{position:absolute;left:0;top:0;width:100%;height:100%}svg.svelte-1dykexu{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}");
 }
 
@@ -3685,7 +3689,7 @@ function get_each_context$e(ctx, list, i) {
 }
 
 // (19:6) {:else}
-function create_else_block$3(ctx) {
+function create_else_block$4(ctx) {
 	let roommaterial_1;
 	let current;
 	roommaterial_1 = new RoomMaterial_1({ props: { path: /*room*/ ctx[5].path } });
@@ -3719,7 +3723,7 @@ function create_else_block$3(ctx) {
 }
 
 // (17:37) 
-function create_if_block_1$b(ctx) {
+function create_if_block_1$c(ctx) {
 	let roommaterial_2;
 	let current;
 	roommaterial_2 = new RoomMaterial_2({ props: { path: /*room*/ ctx[5].path } });
@@ -3753,7 +3757,7 @@ function create_if_block_1$b(ctx) {
 }
 
 // (15:6) {#if room.floorType === 1}
-function create_if_block$o(ctx) {
+function create_if_block$p(ctx) {
 	let roommaterial_0;
 	let current;
 	roommaterial_0 = new RoomMaterial_0({ props: { path: /*room*/ ctx[5].path } });
@@ -3792,7 +3796,7 @@ function create_each_block$e(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let current;
-	const if_block_creators = [create_if_block$o, create_if_block_1$b, create_else_block$3];
+	const if_block_creators = [create_if_block$p, create_if_block_1$c, create_else_block$4];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -3861,7 +3865,7 @@ function create_each_block$e(ctx) {
 	};
 }
 
-function create_fragment$C(ctx) {
+function create_fragment$D(ctx) {
 	let div;
 	let current;
 	let each_value = /*rooms*/ ctx[0];
@@ -3947,7 +3951,7 @@ function create_fragment$C(ctx) {
 	};
 }
 
-function instance$C($$self, $$props, $$invalidate) {
+function instance$D($$self, $$props, $$invalidate) {
 	let rooms;
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
@@ -3973,17 +3977,17 @@ function instance$C($$self, $$props, $$invalidate) {
 class RoomMaterial extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$C, create_fragment$C, safe_not_equal, { floorIndex: 3, floorplanData: 4 }, add_css$A);
+		init(this, options, instance$D, create_fragment$D, safe_not_equal, { floorIndex: 3, floorplanData: 4 }, add_css$B);
 	}
 }
 
 /* src/floorplan/Components/RoomHighlight/Room.svelte generated by Svelte v3.50.1 */
 
-function add_css$z(target) {
+function add_css$A(target) {
 	append_styles(target, "svelte-19uvvss", "path.svelte-19uvvss{opacity:0}path.svelte-19uvvss:hover{opacity:0.1}");
 }
 
-function create_fragment$B(ctx) {
+function create_fragment$C(ctx) {
 	let path;
 	let mounted;
 	let dispose;
@@ -4018,7 +4022,7 @@ function create_fragment$B(ctx) {
 	};
 }
 
-function instance$B($$self, $$props, $$invalidate) {
+function instance$C($$self, $$props, $$invalidate) {
 	let { room } = $$props;
 	let { floorplanData } = $$props;
 	let { hoveredRoom } = $$props;
@@ -4054,22 +4058,22 @@ class Room extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$B,
-			create_fragment$B,
+			instance$C,
+			create_fragment$C,
 			safe_not_equal,
 			{
 				room: 3,
 				floorplanData: 4,
 				hoveredRoom: 5
 			},
-			add_css$z
+			add_css$A
 		);
 	}
 }
 
 /* src/floorplan/Components/RoomHighlight/RoomHighlight.svelte generated by Svelte v3.50.1 */
 
-function add_css$y(target) {
+function add_css$z(target) {
 	append_styles(target, "svelte-1kqo6e4", ".floorplan-plugin__room-highlight.svelte-1kqo6e4{position:absolute;width:100%;height:100%}svg.svelte-1kqo6e4{width:100%;height:100%;overflow:visible}");
 }
 
@@ -4145,7 +4149,7 @@ function create_each_block$d(key_1, ctx) {
 	};
 }
 
-function create_fragment$A(ctx) {
+function create_fragment$B(ctx) {
 	let div;
 	let svg;
 	let each_blocks = [];
@@ -4219,7 +4223,7 @@ function create_fragment$A(ctx) {
 	};
 }
 
-function instance$A($$self, $$props, $$invalidate) {
+function instance$B($$self, $$props, $$invalidate) {
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
 	let { hoveredRoom } = $$props;
@@ -4242,22 +4246,22 @@ class RoomHighlight extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$A,
-			create_fragment$A,
+			instance$B,
+			create_fragment$B,
 			safe_not_equal,
 			{
 				floorIndex: 0,
 				floorplanData: 1,
 				hoveredRoom: 2
 			},
-			add_css$y
+			add_css$z
 		);
 	}
 }
 
 /* src/floorplan/Components/CurrentFloor.svelte generated by Svelte v3.50.1 */
 
-function add_css$x(target) {
+function add_css$y(target) {
 	append_styles(target, "svelte-bl8zrz", ".floorplan-plugin__floor.svelte-bl8zrz{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;pointer-events:none}.floorplan-plugin__floor--is-current.svelte-bl8zrz{opacity:1;pointer-events:auto}");
 }
 
@@ -4319,7 +4323,7 @@ function create_if_block_2$4(ctx) {
 }
 
 // (24:2) {#if roomLabelsEnable}
-function create_if_block_1$a(ctx) {
+function create_if_block_1$b(ctx) {
 	let roomlabels;
 	let current;
 
@@ -4380,7 +4384,7 @@ function create_if_block_1$a(ctx) {
 }
 
 // (27:2) {#if ruleLabelsEnable}
-function create_if_block$n(ctx) {
+function create_if_block$o(ctx) {
 	let rulelabels;
 	let current;
 
@@ -4434,7 +4438,7 @@ function create_if_block$n(ctx) {
 	};
 }
 
-function create_fragment$z(ctx) {
+function create_fragment$A(ctx) {
 	let div;
 	let roommaterial;
 	let t0;
@@ -4475,8 +4479,8 @@ function create_fragment$z(ctx) {
 	}
 
 	baseimage = new BaseImage({ props: baseimage_props });
-	let if_block1 = /*roomLabelsEnable*/ ctx[3] && create_if_block_1$a(ctx);
-	let if_block2 = /*ruleLabelsEnable*/ ctx[4] && create_if_block$n(ctx);
+	let if_block1 = /*roomLabelsEnable*/ ctx[3] && create_if_block_1$b(ctx);
+	let if_block2 = /*ruleLabelsEnable*/ ctx[4] && create_if_block$o(ctx);
 
 	return {
 		c() {
@@ -4562,7 +4566,7 @@ function create_fragment$z(ctx) {
 						transition_in(if_block1, 1);
 					}
 				} else {
-					if_block1 = create_if_block_1$a(ctx);
+					if_block1 = create_if_block_1$b(ctx);
 					if_block1.c();
 					transition_in(if_block1, 1);
 					if_block1.m(div, t3);
@@ -4585,7 +4589,7 @@ function create_fragment$z(ctx) {
 						transition_in(if_block2, 1);
 					}
 				} else {
-					if_block2 = create_if_block$n(ctx);
+					if_block2 = create_if_block$o(ctx);
 					if_block2.c();
 					transition_in(if_block2, 1);
 					if_block2.m(div, null);
@@ -4634,7 +4638,7 @@ function create_fragment$z(ctx) {
 	};
 }
 
-function instance$z($$self, $$props, $$invalidate) {
+function instance$A($$self, $$props, $$invalidate) {
 	let { isCurrent } = $$props;
 	let { floorIndex } = $$props;
 	let { hoverEnable } = $$props;
@@ -4676,8 +4680,8 @@ class CurrentFloor$1 extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$z,
-			create_fragment$z,
+			instance$A,
+			create_fragment$A,
 			safe_not_equal,
 			{
 				isCurrent: 0,
@@ -4689,14 +4693,14 @@ class CurrentFloor$1 extends SvelteComponent {
 				getLabelElement: 6,
 				adaptiveRoomLabelVisibleEnable: 7
 			},
-			add_css$x
+			add_css$y
 		);
 	}
 }
 
 /* src/floorplan/Components/Main.svelte generated by Svelte v3.50.1 */
 
-function add_css$w(target) {
+function add_css$x(target) {
 	append_styles(target, "svelte-86bqav", ".floorplan-main.svelte-86bqav{width:100%;height:100%;pointer-events:none}");
 }
 
@@ -4707,7 +4711,7 @@ function get_each_context$c(ctx, list, i) {
 }
 
 // (22:0) {#if visible}
-function create_if_block$m(ctx) {
+function create_if_block$n(ctx) {
 	let div;
 	let t0;
 	let camera;
@@ -4741,7 +4745,7 @@ function create_if_block$m(ctx) {
 	}
 
 	camera = new Camera$1({ props: camera_props });
-	let if_block = /*compassEnable*/ ctx[6] && create_if_block_1$9(ctx);
+	let if_block = /*compassEnable*/ ctx[6] && create_if_block_1$a(ctx);
 
 	return {
 		c() {
@@ -4821,7 +4825,7 @@ function create_if_block$m(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block_1$9(ctx);
+					if_block = create_if_block_1$a(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(div, null);
@@ -4955,7 +4959,7 @@ function create_each_block$c(ctx) {
 }
 
 // (39:4) {#if compassEnable}
-function create_if_block_1$9(ctx) {
+function create_if_block_1$a(ctx) {
 	let compass;
 	let current;
 
@@ -4995,10 +4999,10 @@ function create_if_block_1$9(ctx) {
 	};
 }
 
-function create_fragment$y(ctx) {
+function create_fragment$z(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*visible*/ ctx[1] && create_if_block$m(ctx);
+	let if_block = /*visible*/ ctx[1] && create_if_block$n(ctx);
 
 	return {
 		c() {
@@ -5019,7 +5023,7 @@ function create_fragment$y(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$m(ctx);
+					if_block = create_if_block$n(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -5050,7 +5054,7 @@ function create_fragment$y(ctx) {
 	};
 }
 
-function instance$y($$self, $$props, $$invalidate) {
+function instance$z($$self, $$props, $$invalidate) {
 	let { duration = 0 } = $$props;
 	let { visible } = $$props;
 	let { northDesc } = $$props;
@@ -5108,8 +5112,8 @@ class Main$1 extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$y,
-			create_fragment$y,
+			instance$z,
+			create_fragment$z,
 			safe_not_equal,
 			{
 				duration: 0,
@@ -5127,7 +5131,7 @@ class Main$1 extends SvelteComponent {
 				getLabelElement: 12,
 				adaptiveRoomLabelVisibleEnable: 13
 			},
-			add_css$w
+			add_css$x
 		);
 	}
 }
@@ -7323,11 +7327,11 @@ function throttle$1(func, wait = 200) {
 
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/Camera.svelte generated by Svelte v3.50.1 */
 
-function add_css$v(target) {
+function add_css$w(target) {
 	append_styles(target, "svelte-1nqrlxd", ".plugin-radar__camera-wrapper.svelte-1nqrlxd{width:100%;height:100%;position:absolute;pointer-events:none}.plugin-radar__camera-position.svelte-1nqrlxd{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear}.plugin-radar__camera-rotate.svelte-1nqrlxd{position:absolute;left:-0.9375rem;top:-0.9375rem;width:1.0625rem;height:1.0625rem;transform-origin:0.9375rem 0.9375rem;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%}");
 }
 
-function create_fragment$x(ctx) {
+function create_fragment$y(ctx) {
 	let div2;
 	let div1;
 	let div0;
@@ -7377,7 +7381,7 @@ function getCameraRotateTransform(longitude) {
 	return `rotate(${rotate}deg)`;
 }
 
-function instance$x($$self, $$props, $$invalidate) {
+function instance$y($$self, $$props, $$invalidate) {
 	let positionTransform;
 	let rotateTransform;
 	let { five } = $$props;
@@ -7457,8 +7461,8 @@ class Camera extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$x,
-			create_fragment$x,
+			instance$y,
+			create_fragment$y,
 			safe_not_equal,
 			{
 				five: 3,
@@ -7466,14 +7470,14 @@ class Camera extends SvelteComponent {
 				floorplanData: 5,
 				cameraImageUrl: 0
 			},
-			add_css$v
+			add_css$w
 		);
 	}
 }
 
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/ExtraObjects.svelte generated by Svelte v3.50.1 */
 
-function add_css$u(target) {
+function add_css$v(target) {
 	append_styles(target, "svelte-1i87fz7", ".plugin-pano-floorplan__extra-objects.svelte-1i87fz7{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.plugin-pano-floorplan__extra-object-item--position.svelte-1i87fz7{position:absolute;width:0;height:0}.plugin-pano-floorplan__extra-object-item.svelte-1i87fz7{transform:translate(-50%, -50%)}");
 }
 
@@ -7543,7 +7547,7 @@ function create_each_block$b(key_1, ctx) {
 	};
 }
 
-function create_fragment$w(ctx) {
+function create_fragment$x(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -7591,7 +7595,7 @@ function create_fragment$w(ctx) {
 	};
 }
 
-function instance$w($$self, $$props, $$invalidate) {
+function instance$x($$self, $$props, $$invalidate) {
 	let { extraObjects = [] } = $$props;
 
 	$$self.$$set = $$props => {
@@ -7604,13 +7608,13 @@ function instance$w($$self, $$props, $$invalidate) {
 class ExtraObjects extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$w, create_fragment$w, safe_not_equal, { extraObjects: 0 }, add_css$u);
+		init(this, options, instance$x, create_fragment$x, safe_not_equal, { extraObjects: 0 }, add_css$v);
 	}
 }
 
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/CurrentFloor.svelte generated by Svelte v3.50.1 */
 
-function create_if_block$l(ctx) {
+function create_if_block$m(ctx) {
 	let highlight;
 	let current;
 
@@ -7670,7 +7674,7 @@ function create_if_block$l(ctx) {
 	};
 }
 
-function create_fragment$v(ctx) {
+function create_fragment$w(ctx) {
 	let baseimage;
 	let t0;
 	let extraobjects;
@@ -7699,7 +7703,7 @@ function create_fragment$v(ctx) {
 			}
 		});
 
-	let if_block = /*hoverEnable*/ ctx[3] && create_if_block$l(ctx);
+	let if_block = /*hoverEnable*/ ctx[3] && create_if_block$m(ctx);
 
 	return {
 		c() {
@@ -7742,7 +7746,7 @@ function create_fragment$v(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$l(ctx);
+					if_block = create_if_block$m(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -7781,7 +7785,7 @@ function create_fragment$v(ctx) {
 	};
 }
 
-function instance$v($$self, $$props, $$invalidate) {
+function instance$w($$self, $$props, $$invalidate) {
 	let currentFloorExtraObjects;
 	let { five } = $$props;
 	let { pxmm } = $$props;
@@ -7824,7 +7828,7 @@ class CurrentFloor extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$v, create_fragment$v, safe_not_equal, {
+		init(this, options, instance$w, create_fragment$w, safe_not_equal, {
 			five: 0,
 			pxmm: 1,
 			floorIndex: 2,
@@ -7837,16 +7841,16 @@ class CurrentFloor extends SvelteComponent {
 
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/Main.svelte generated by Svelte v3.50.1 */
 
-function add_css$t(target) {
+function add_css$u(target) {
 	append_styles(target, "svelte-1mvqyqq", ".plugin-floorplan-radar.svelte-1mvqyqq{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.plugin-floorplan-radar-container.svelte-1mvqyqq{position:relative}");
 }
 
 // (41:0) {#if visible}
-function create_if_block$k(ctx) {
+function create_if_block$l(ctx) {
 	let div;
 	let div_resize_listener;
 	let current;
-	let if_block = /*clientWidth*/ ctx[6] !== 0 && create_if_block_1$8(ctx);
+	let if_block = /*clientWidth*/ ctx[6] !== 0 && create_if_block_1$9(ctx);
 
 	return {
 		c() {
@@ -7870,7 +7874,7 @@ function create_if_block$k(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block_1$8(ctx);
+					if_block = create_if_block_1$9(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(div, null);
@@ -7903,7 +7907,7 @@ function create_if_block$k(ctx) {
 }
 
 // (43:4) {#if clientWidth !== 0}
-function create_if_block_1$8(ctx) {
+function create_if_block_1$9(ctx) {
 	let div;
 	let currentfloor;
 	let t;
@@ -8021,10 +8025,10 @@ function create_if_block_1$8(ctx) {
 	};
 }
 
-function create_fragment$u(ctx) {
+function create_fragment$v(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*visible*/ ctx[1] && create_if_block$k(ctx);
+	let if_block = /*visible*/ ctx[1] && create_if_block$l(ctx);
 
 	return {
 		c() {
@@ -8045,7 +8049,7 @@ function create_fragment$u(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$k(ctx);
+					if_block = create_if_block$l(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -8076,7 +8080,7 @@ function create_fragment$u(ctx) {
 	};
 }
 
-function instance$u($$self, $$props, $$invalidate) {
+function instance$v($$self, $$props, $$invalidate) {
 	let { five } = $$props;
 	let { visible } = $$props;
 	let { hoverEnable } = $$props;
@@ -8162,8 +8166,8 @@ class Main extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$u,
-			create_fragment$u,
+			instance$v,
+			create_fragment$v,
 			safe_not_equal,
 			{
 				five: 0,
@@ -8173,7 +8177,7 @@ class Main extends SvelteComponent {
 				cameraImageUrl: 4,
 				extraObjects: 5
 			},
-			add_css$t
+			add_css$u
 		);
 	}
 }
@@ -9642,7 +9646,7 @@ const PanoRulerPlugin = (five, params) => {
 
 /* src/PanoRulerProPlugin/RulerItem.svelte generated by Svelte v3.50.1 */
 
-function add_css$s(target) {
+function add_css$t(target) {
 	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)}}");
 }
 
@@ -9653,7 +9657,7 @@ function get_each_context$a(ctx, list, i) {
 }
 
 // (28:2) {:else}
-function create_else_block$2(ctx) {
+function create_else_block$3(ctx) {
 	let div;
 	let each_value = /*rulerItemProp*/ ctx[0].children;
 	let each_blocks = [];
@@ -9711,7 +9715,7 @@ function create_else_block$2(ctx) {
 }
 
 // (26:2) {#if rulerItemProp.children.length === 0}
-function create_if_block$j(ctx) {
+function create_if_block$k(ctx) {
 	let em;
 	let em_class_value;
 
@@ -9780,7 +9784,7 @@ function create_each_block$a(ctx) {
 	};
 }
 
-function create_fragment$t(ctx) {
+function create_fragment$u(ctx) {
 	let div2;
 	let t0;
 	let div1;
@@ -9795,8 +9799,8 @@ function create_fragment$t(ctx) {
 	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$j;
-		return create_else_block$2;
+		if (/*rulerItemProp*/ ctx[0].children.length === 0) return create_if_block$k;
+		return create_else_block$3;
 	}
 
 	let current_block_type = select_block_type(ctx);
@@ -9894,7 +9898,7 @@ function create_fragment$t(ctx) {
 	};
 }
 
-function instance$t($$self, $$props, $$invalidate) {
+function instance$u($$self, $$props, $$invalidate) {
 	let vars;
 	let { rulerItemProp } = $$props;
 	let _visible = true;
@@ -9929,7 +9933,7 @@ function instance$t($$self, $$props, $$invalidate) {
 class RulerItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$t, create_fragment$t, safe_not_equal, { rulerItemProp: 0 }, add_css$s);
+		init(this, options, instance$u, create_fragment$u, safe_not_equal, { rulerItemProp: 0 }, add_css$t);
 	}
 }
 
@@ -9978,7 +9982,7 @@ function create_each_block$9(ctx) {
 	};
 }
 
-function create_fragment$s(ctx) {
+function create_fragment$t(ctx) {
 	let div;
 	let current;
 	let each_value = /*rulerItemProp*/ ctx[0];
@@ -10062,7 +10066,7 @@ function create_fragment$s(ctx) {
 	};
 }
 
-function instance$s($$self, $$props, $$invalidate) {
+function instance$t($$self, $$props, $$invalidate) {
 	var _a, _b, _c, _d;
 	let { five } = $$props;
 	let { rulerDatas } = $$props;
@@ -10280,7 +10284,7 @@ function instance$s($$self, $$props, $$invalidate) {
 class RulerItems extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$s, create_fragment$s, safe_not_equal, { five: 1, rulerDatas: 2, options: 3 });
+		init(this, options, instance$t, create_fragment$t, safe_not_equal, { five: 1, rulerDatas: 2, options: 3 });
 	}
 }
 
@@ -15013,7 +15017,7 @@ const currentTarget = writable(null);
 
 /* src/PanoSpatialTagPlugin/Components/origins.svelte generated by Svelte v3.50.1 */
 
-function add_css$r(target) {
+function add_css$s(target) {
 	append_styles(target, "svelte-1kuu68s", ".PanoSpatialTagPlugin__tag-origin.svelte-1kuu68s{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background:#fff;box-shadow:0 0 .6rem #fff;transform:translate(-50%, -50%) scale(1);transform-origin:center center;-webkit-animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin 1.2s forwards;animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin 1.2s forwards;pointer-events:auto}.PanoSpatialTagPlugin__tag-origin.svelte-1kuu68s:after{content:'';position:absolute;top:50%;height:50%;width:2rem;height:2rem;transform:translate(-50%, -50%)}.PanoSpatialTagPlugin__tag-origin-destroy.svelte-1kuu68s{transform:translate(-50%, -50%) scale(0.6);-webkit-animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s;animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s}@-webkit-keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@-webkit-keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}");
 }
 
@@ -15080,7 +15084,7 @@ function create_each_block$8(ctx) {
 	};
 }
 
-function create_fragment$r(ctx) {
+function create_fragment$s(ctx) {
 	let each_1_anchor;
 	let each_value = /*origins*/ ctx[0];
 	let each_blocks = [];
@@ -15137,7 +15141,7 @@ function create_fragment$r(ctx) {
 	};
 }
 
-function instance$r($$self, $$props, $$invalidate) {
+function instance$s($$self, $$props, $$invalidate) {
 	let { origins } = $$props;
 
 	const handleClick = id => {
@@ -15156,17 +15160,17 @@ function instance$r($$self, $$props, $$invalidate) {
 class Origins extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$r, create_fragment$r, safe_not_equal, { origins: 0 }, add_css$r);
+		init(this, options, instance$s, create_fragment$s, safe_not_equal, { origins: 0 }, add_css$s);
 	}
 }
 
 /* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.50.1 */
 
-function add_css$q(target) {
+function add_css$r(target) {
 	append_styles(target, "svelte-eb8bdm", ".PanoSpatialTagPlugin__tag-x.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm.svelte-eb8bdm{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-eb8bdm.svelte-eb8bdm{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line.svelte-eb8bdm{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm.svelte-eb8bdm{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-eb8bdm.svelte-eb8bdm{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content .svelte-eb8bdm{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 0) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
 }
 
-function create_fragment$q(ctx) {
+function create_fragment$r(ctx) {
 	let div4;
 	let div0;
 	let t0;
@@ -15281,7 +15285,7 @@ function create_fragment$q(ctx) {
 	};
 }
 
-function instance$q($$self, $$props, $$invalidate) {
+function instance$r($$self, $$props, $$invalidate) {
 	let { id } = $$props;
 	let { upsideDown } = $$props;
 	let { content } = $$props;
@@ -15418,8 +15422,8 @@ class Tag$1 extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$q,
-			create_fragment$q,
+			instance$r,
+			create_fragment$r,
 			safe_not_equal,
 			{
 				id: 0,
@@ -15434,7 +15438,7 @@ class Tag$1 extends SvelteComponent {
 				events: 14,
 				hooks: 15
 			},
-			add_css$q
+			add_css$r
 		);
 	}
 }
@@ -16088,11 +16092,11 @@ var DISPLAY_STRATEGY_TYPE;
 
 /* src/ModelItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.50.1 */
 
-function add_css$p(target) {
+function add_css$q(target) {
 	append_styles(target, "svelte-lmta6z", ".item-label-item.svelte-lmta6z{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}.item-label-item.visible.svelte-lmta6z{opacity:1;-webkit-animation:svelte-lmta6z-fadeIn .3s ease-in;animation:svelte-lmta6z-fadeIn .3s ease-in}.item-label-item__text-wrap.svelte-lmta6z::before{content:'';position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, .3);filter:blur(1rem);z-index:-1}.item-label-item__text-wrap.svelte-lmta6z{padding:0.375rem 0.375rem 0;position:absolute;height:1.25rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap;line-height:0.625rem;font-size:0.6875rem;font-weight:bold;color:#FFEAC0;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center}.item-label-item__text.svelte-lmta6z{padding-bottom:0.25rem;border-top:0 solid;border-left:0 solid;border-right:0 solid;border-bottom:0.0625rem solid;-o-border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5;border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5}.item-label-item__bar.svelte-lmta6z{position:absolute;bottom:0;width:0.0625rem;background-image:linear-gradient(to bottom, rgba(234, 208, 154, 0), rgba(234, 208, 154, 1))}@-webkit-keyframes svelte-lmta6z-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}@keyframes svelte-lmta6z-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
 }
 
-function create_fragment$p(ctx) {
+function create_fragment$q(ctx) {
 	let div2;
 	let div0;
 	let span;
@@ -16173,7 +16177,7 @@ function create_fragment$p(ctx) {
 	};
 }
 
-function instance$p($$self, $$props, $$invalidate) {
+function instance$q($$self, $$props, $$invalidate) {
 	let { itemLabel } = $$props;
 	let { hooks } = $$props;
 
@@ -16193,7 +16197,7 @@ function instance$p($$self, $$props, $$invalidate) {
 class ItemLabelItem$1 extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$p, create_fragment$p, safe_not_equal, { itemLabel: 0, hooks: 2 }, add_css$p);
+		init(this, options, instance$q, create_fragment$q, safe_not_equal, { itemLabel: 0, hooks: 2 }, add_css$q);
 	}
 }
 
@@ -16214,7 +16218,7 @@ function debounce$1(func, wait = 200) {
 
 /* src/ModelItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.50.1 */
 
-function add_css$o(target) {
+function add_css$p(target) {
 	append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
 }
 
@@ -16273,7 +16277,7 @@ function create_each_block$7(key_1, ctx) {
 	};
 }
 
-function create_fragment$o(ctx) {
+function create_fragment$p(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -16353,7 +16357,7 @@ function create_fragment$o(ctx) {
 let cssHeight = 26;
 let basicWidth$1 = 11;
 
-function instance$o($$self, $$props, $$invalidate) {
+function instance$p($$self, $$props, $$invalidate) {
 	const { Raycaster, Vector3 } = THREE;
 	let { five } = $$props;
 	let { modelOcclusionEnable } = $$props;
@@ -16555,8 +16559,8 @@ class ItemLabelComponent$1 extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$o,
-			create_fragment$o,
+			instance$p,
+			create_fragment$p,
 			safe_not_equal,
 			{
 				five: 5,
@@ -16565,7 +16569,7 @@ class ItemLabelComponent$1 extends SvelteComponent {
 				hooks: 0,
 				displayStrategyType: 8
 			},
-			add_css$o
+			add_css$p
 		);
 	}
 }
@@ -16979,12 +16983,12 @@ var ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE;
 
 /* src/ItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.50.1 */
 
-function add_css$n(target) {
+function add_css$o(target) {
 	append_styles(target, "svelte-pd1uj6", ".item-label-item.svelte-pd1uj6.svelte-pd1uj6{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-animation:svelte-pd1uj6-fadeIn .3s ease-in;animation:svelte-pd1uj6-fadeIn .3s ease-in}.item-label-item.fold.svelte-pd1uj6>.item-label-item__text-wrap.svelte-pd1uj6{visibility:hidden}.item-label-item.fold.svelte-pd1uj6>.item-label-item__bar.anchor.svelte-pd1uj6{visibility:hidden}.item-label-item.fold.svelte-pd1uj6>.item-label-item__bar.anchor.svelte-pd1uj6:after{visibility:visible}.item-label-item__text-wrap.svelte-pd1uj6.svelte-pd1uj6{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0.75rem 1.25rem 0.75rem 0.75rem;position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:29.5625rem;min-height:5.75rem;background-image:linear-gradient(269deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.60) 49%, rgba(31, 38, 46, 0.70) 100%);border:0.09375rem solid rgba(255, 255, 255, .65);border-radius:0.1875rem;color:white;transform:translate(-50%, 0);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden;pointer-events:all}.item-label-item__custom.svelte-pd1uj6.svelte-pd1uj6{padding:0;max-width:unset;min-height:unset;background-image:unset;border:0;border-radius:0}.icon-wrap.svelte-pd1uj6.svelte-pd1uj6{width:4.25rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-pd1uj6.svelte-pd1uj6{width:4.25rem;height:4.25rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-pd1uj6.svelte-pd1uj6{margin-left:0.75rem;padding-left:0.75rem;min-height:4.25rem;height:auto;display:flex;flex-flow:column;justify-content:space-around;align-content:flex-start;border-left:solid rgba(255, 255, 255, .2) 0.0625rem;border-top:solid rgba(255, 255, 255, .2) 0;border-right:solid rgba(255, 255, 255, .2) 0;border-bottom:solid rgba(255, 255, 255, .2) 0;pointer-events:auto}.item-model.svelte-pd1uj6.svelte-pd1uj6{white-space:nowrap;font-size:1.375rem;font-weight:bold;line-height:1.875rem}.item-name.svelte-pd1uj6.svelte-pd1uj6{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.25rem;line-height:1.75rem}.item-label-item__bar.svelte-pd1uj6.svelte-pd1uj6{position:absolute;bottom:0;width:0.1875rem;background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));box-shadow:0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.20);pointer-events:none}.item-label-item__bar.anchor.svelte-pd1uj6.svelte-pd1uj6:after{content:'';position:absolute;bottom:0;width:1.5rem;height:1.5rem;background-image:url(\"//vrlab-public.ljcdn.com/common/file/web/67e7a198-28c9-47dc-879b-507bd3ae600c.png \");background-position:center;background-size:contain;transform:translate(-0.65625rem, 50%)}@-webkit-keyframes svelte-pd1uj6-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}@keyframes svelte-pd1uj6-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
 }
 
 // (34:8) {:else}
-function create_else_block$1(ctx) {
+function create_else_block$2(ctx) {
 	let t0;
 	let div;
 	let span0;
@@ -16994,7 +16998,7 @@ function create_else_block$1(ctx) {
 	let span1;
 	let t3_value = /*itemLabel*/ ctx[0].name + "";
 	let t3;
-	let if_block = /*itemLabel*/ ctx[0].icon && create_if_block_1$7(ctx);
+	let if_block = /*itemLabel*/ ctx[0].icon && create_if_block_1$8(ctx);
 
 	return {
 		c() {
@@ -17025,7 +17029,7 @@ function create_else_block$1(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block_1$7(ctx);
+					if_block = create_if_block_1$8(ctx);
 					if_block.c();
 					if_block.m(t0.parentNode, t0);
 				}
@@ -17046,7 +17050,7 @@ function create_else_block$1(ctx) {
 }
 
 // (32:8) {#if Boolean(typeof itemLabel.render === 'function')}
-function create_if_block$i(ctx) {
+function create_if_block$j(ctx) {
 	let div;
 
 	return {
@@ -17066,7 +17070,7 @@ function create_if_block$i(ctx) {
 }
 
 // (35:12) {#if itemLabel.icon}
-function create_if_block_1$7(ctx) {
+function create_if_block_1$8(ctx) {
 	let div1;
 	let div0;
 	let div0_style_value;
@@ -17103,7 +17107,7 @@ function create_if_block_1$7(ctx) {
 	};
 }
 
-function create_fragment$n(ctx) {
+function create_fragment$o(ctx) {
 	let div2;
 	let div0;
 	let show_if;
@@ -17118,8 +17122,8 @@ function create_fragment$n(ctx) {
 	function select_block_type(ctx, dirty) {
 		if (dirty & /*itemLabel*/ 1) show_if = null;
 		if (show_if == null) show_if = !!Boolean(typeof /*itemLabel*/ ctx[0].render === 'function');
-		if (show_if) return create_if_block$i;
-		return create_else_block$1;
+		if (show_if) return create_if_block$j;
+		return create_else_block$2;
 	}
 
 	let current_block_type = select_block_type(ctx, -1);
@@ -17210,7 +17214,7 @@ function create_fragment$n(ctx) {
 	};
 }
 
-function instance$n($$self, $$props, $$invalidate) {
+function instance$o($$self, $$props, $$invalidate) {
 	let { itemLabel } = $$props;
 	let { hooks } = $$props;
 	let { anchorEnabled } = $$props;
@@ -17274,8 +17278,8 @@ class ItemLabelItem extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$n,
-			create_fragment$n,
+			instance$o,
+			create_fragment$o,
 			safe_not_equal,
 			{
 				itemLabel: 0,
@@ -17283,7 +17287,7 @@ class ItemLabelItem extends SvelteComponent {
 				anchorEnabled: 1,
 				onIconClick: 2
 			},
-			add_css$n
+			add_css$o
 		);
 	}
 }
@@ -17328,7 +17332,7 @@ function transform2RenderData(data) {
 
 /* src/ItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.50.1 */
 
-function add_css$m(target) {
+function add_css$n(target) {
 	append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
 }
 
@@ -17339,7 +17343,7 @@ function get_each_context$6(ctx, list, i) {
 }
 
 // (234:2) {#if itemLabelItem.visible}
-function create_if_block$h(ctx) {
+function create_if_block$i(ctx) {
 	let itemlabelitem;
 	let current;
 
@@ -17387,7 +17391,7 @@ function create_each_block$6(key_1, ctx) {
 	let first;
 	let if_block_anchor;
 	let current;
-	let if_block = /*itemLabelItem*/ ctx[31].visible && create_if_block$h(ctx);
+	let if_block = /*itemLabelItem*/ ctx[31].visible && create_if_block$i(ctx);
 
 	return {
 		key: key_1,
@@ -17415,7 +17419,7 @@ function create_each_block$6(key_1, ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$h(ctx);
+					if_block = create_if_block$i(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -17447,7 +17451,7 @@ function create_each_block$6(key_1, ctx) {
 	};
 }
 
-function create_fragment$m(ctx) {
+function create_fragment$n(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -17525,7 +17529,7 @@ function create_fragment$m(ctx) {
 }
 let basicWidth = 11;
 
-function instance$m($$self, $$props, $$invalidate) {
+function instance$n($$self, $$props, $$invalidate) {
 	const { Raycaster, Vector3 } = THREE;
 	let { five } = $$props;
 	let { modelOcclusionEnable } = $$props;
@@ -17818,8 +17822,8 @@ class ItemLabelComponent extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$m,
-			create_fragment$m,
+			instance$n,
+			create_fragment$n,
 			safe_not_equal,
 			{
 				five: 7,
@@ -17830,7 +17834,7 @@ class ItemLabelComponent extends SvelteComponent {
 				displayStrategyType: 11,
 				maxVisibleDistance: 12
 			},
-			add_css$m,
+			add_css$n,
 			[-1, -1]
 		);
 	}
@@ -18072,11 +18076,11 @@ class BasePanoPluginController extends Controller$7 {
 
 /* src/PanoDoorLabelPlugin/DoorLabelItem.svelte generated by Svelte v3.50.1 */
 
-function add_css$l(target) {
+function add_css$m(target) {
 	append_styles(target, "svelte-wpy7pz", ".plugin-DoorLabelPlugin-item.svelte-wpy7pz.svelte-wpy7pz{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;transition:opacity 0.3s ease}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz{position:absolute;top:50%;left:50%;border-radius:0.125rem;background:rgba(0, 0, 0, 0.35);line-height:0.75rem;padding:0.375rem;white-space:nowrap;font-size:0.75rem;font-style:normal;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform ease 1s, background ease 0.3s, color ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz::after{content:\"\";display:block;position:absolute;top:-0.0625rem;left:-0.0625rem;bottom:-0.0625rem;right:-0.0625rem;border-radius:0.125rem;border:0.0625rem solid rgba(0, 0, 0, 0);-o-border-image:url(\"//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png\") 4;border-image:url(\"//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png\") 4;transition:opacity ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz:active,.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz:focus{background:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.5)}.plugin-DoorLabelPlugin-icon.svelte-wpy7pz.svelte-wpy7pz{background:url(\"//vrlab-image4.ljcdn.com/release/web/DoorLabel-icon.de1304ae.svg\") no-repeat;background-size:100%;display:inline-block;width:0.625rem;height:0.625rem;margin-left:0.25rem;transform-origin:center}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].left.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].back.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].right.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz{color:#f9eac1}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{background:url(\"//vrlab-image4.ljcdn.com/release/web/arrow.6e8ec00e.svg\") no-repeat}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz:active,.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz:focus{background:rgba(0, 0, 0, 0.5);color:rgba(249, 234, 193, 0.5)}");
 }
 
-function create_fragment$l(ctx) {
+function create_fragment$m(ctx) {
 	let div1;
 	let div0;
 	let span;
@@ -18131,7 +18135,7 @@ function create_fragment$l(ctx) {
 	};
 }
 
-function instance$l($$self, $$props, $$invalidate) {
+function instance$m($$self, $$props, $$invalidate) {
 	let { props } = $$props;
 	let { onClick } = $$props;
 	let divElement;
@@ -18204,7 +18208,7 @@ function instance$l($$self, $$props, $$invalidate) {
 class DoorLabelItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$l, create_fragment$l, safe_not_equal, { props: 0, onClick: 1 }, add_css$l);
+		init(this, options, instance$m, create_fragment$m, safe_not_equal, { props: 0, onClick: 1 }, add_css$m);
 	}
 }
 
@@ -20323,12 +20327,12 @@ var LinkType;
 
 /* src/PanoTagPlugin/Components/Common/Line/Straight.svelte generated by Svelte v3.50.1 */
 
-function add_css$k(target) {
+function add_css$l(target) {
 	append_styles(target, "svelte-1omzoh4", ".straight-line.svelte-1omzoh4{display:block;width:100%;height:100%;overflow:visible}");
 }
 
 // (17:2) {#if unfolded}
-function create_if_block$g(ctx) {
+function create_if_block$h(ctx) {
 	let path;
 	let path_intro;
 	let path_outro;
@@ -20386,13 +20390,13 @@ function create_if_block$g(ctx) {
 	};
 }
 
-function create_fragment$k(ctx) {
+function create_fragment$l(ctx) {
 	let svg;
 	let defs;
 	let linearGradient;
 	let stop0;
 	let stop1;
-	let if_block = /*unfolded*/ ctx[3] && create_if_block$g(ctx);
+	let if_block = /*unfolded*/ ctx[3] && create_if_block$h(ctx);
 
 	return {
 		c() {
@@ -20431,7 +20435,7 @@ function create_fragment$k(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$g(ctx);
+					if_block = create_if_block$h(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(svg, null);
@@ -20459,7 +20463,7 @@ function create_fragment$k(ctx) {
 	};
 }
 
-function instance$k($$self, $$props, $$invalidate) {
+function instance$l($$self, $$props, $$invalidate) {
 	let { inDelay = 0 } = $$props;
 	let { duration = 0 } = $$props;
 	let { outDelay = 0 } = $$props;
@@ -20483,8 +20487,8 @@ class Straight extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$k,
-			create_fragment$k,
+			instance$l,
+			create_fragment$l,
 			safe_not_equal,
 			{
 				inDelay: 0,
@@ -20492,19 +20496,19 @@ class Straight extends SvelteComponent {
 				outDelay: 2,
 				unfolded: 3
 			},
-			add_css$k
+			add_css$l
 		);
 	}
 }
 
 /* src/PanoTagPlugin/Components/Common/Shadow.svelte generated by Svelte v3.50.1 */
 
-function add_css$j(target) {
+function add_css$k(target) {
 	append_styles(target, "svelte-faoauy", ".shadow.svelte-faoauy{position:absolute}");
 }
 
 // (23:0) {#if visible}
-function create_if_block$f(ctx) {
+function create_if_block$g(ctx) {
 	let div;
 	let div_style_value;
 	let div_intro;
@@ -20600,9 +20604,9 @@ function create_if_block$f(ctx) {
 	};
 }
 
-function create_fragment$j(ctx) {
+function create_fragment$k(ctx) {
 	let if_block_anchor;
-	let if_block = /*visible*/ ctx[2] && create_if_block$f(ctx);
+	let if_block = /*visible*/ ctx[2] && create_if_block$g(ctx);
 
 	return {
 		c() {
@@ -20622,7 +20626,7 @@ function create_fragment$j(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$f(ctx);
+					if_block = create_if_block$g(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -20654,7 +20658,7 @@ function px2rem(value) {
 	return typeof value === 'number' ? value / 16 + 'rem' : value;
 }
 
-function instance$j($$self, $$props, $$invalidate) {
+function instance$k($$self, $$props, $$invalidate) {
 	let { inDelay = 1000 } = $$props;
 	let { outDelay = 1000 } = $$props;
 	let { visible = true } = $$props;
@@ -20712,8 +20716,8 @@ class Shadow extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$j,
-			create_fragment$j,
+			instance$k,
+			create_fragment$k,
 			safe_not_equal,
 			{
 				inDelay: 0,
@@ -20731,14 +20735,19 @@ class Shadow extends SvelteComponent {
 				opacity: 12,
 				zIndex: 13
 			},
-			add_css$j
+			add_css$k
 		);
 	}
 }
 
+function random() {
+    return Math.random().toString(36).slice(-6);
+}
+const RANDON_STRING = random();
+
 /* src/PanoTagPlugin/Components/Common/Text.svelte generated by Svelte v3.50.1 */
 
-function add_css$i(target) {
+function add_css$j(target) {
 	append_styles(target, "svelte-1b2n9wi", ".text-char.svelte-1b2n9wi{display:inline-block;text-shadow:0.125rem 0rem 0.5rem rgba(0, 0, 0, 0.15)}");
 }
 
@@ -20750,7 +20759,7 @@ function get_each_context$5(ctx, list, i) {
 	return child_ctx;
 }
 
-// (60:0) {#each contentList as item, index}
+// (79:0) {#each contentList as item, index}
 function create_each_block$5(ctx) {
 	let span;
 	let t_value = /*item*/ ctx[10] + "";
@@ -20787,7 +20796,7 @@ function create_each_block$5(ctx) {
 	};
 }
 
-function create_fragment$i(ctx) {
+function create_fragment$j(ctx) {
 	let each_1_anchor;
 	let each_value = /*contentList*/ ctx[1];
 	let each_blocks = [];
@@ -20844,7 +20853,7 @@ function create_fragment$i(ctx) {
 	};
 }
 
-function instance$i($$self, $$props, $$invalidate) {
+function instance$j($$self, $$props, $$invalidate) {
 	let contentList;
 	let { inDelay = 0 } = $$props;
 	let { outDelay = 0 } = $$props;
@@ -20918,7 +20927,22 @@ function instance$i($$self, $$props, $$invalidate) {
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*content*/ 16) {
-			$$invalidate(1, contentList = content.slice().split(''));
+			// v0.3.7 emoji support
+			$$invalidate(1, contentList = (() => {
+				const result = [];
+
+				// eslint-disable-next-line prettier/prettier
+				const emojiRegExp = new RegExp(/\p{RI}\p{RI}|\p{Emoji}(\p{EMod}+|\u{FE0F}\u{20E3}?|[\u{E0020}-\u{E007E}]+\u{E007F})?(\u{200D}\p{Emoji}(\p{EMod}+|\u{FE0F}\u{20E3}?|[\u{E0020}-\u{E007E}]+\u{E007F})?)+|\p{EPres}(\p{EMod}+|\u{FE0F}\u{20E3}?|[\u{E0020}-\u{E007E}]+\u{E007F})?|\p{Emoji}(\p{EMod}+|\u{FE0F}\u{20E3}?|[\u{E0020}-\u{E007E}]+\u{E007F})/gu);
+
+				const emojiSplitFlag = `__EMOJI_SPLIT_${RANDON_STRING}__`;
+				const emojiFlag = `__EMOJI_${RANDON_STRING}__`;
+
+				content.slice().replace(emojiRegExp, emoji => `${emojiSplitFlag}${emojiFlag}${emoji}${emojiSplitFlag}`).split(emojiSplitFlag).forEach(item => {
+					if (item.startsWith(emojiFlag)) return result.push(item.slice(emojiFlag.length)); else return result.push(...item.split(''));
+				});
+
+				return result.filter(Boolean);
+			})());
 		}
 
 		if ($$self.$$.dirty & /*unfolded*/ 32) {
@@ -20938,8 +20962,8 @@ class Text extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$i,
-			create_fragment$i,
+			instance$j,
+			create_fragment$j,
 			safe_not_equal,
 			{
 				inDelay: 2,
@@ -20947,7 +20971,7 @@ class Text extends SvelteComponent {
 				content: 4,
 				unfolded: 5
 			},
-			add_css$i
+			add_css$j
 		);
 	}
 }
@@ -20957,12 +20981,12 @@ const Image_Play = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAA
 
 /* src/PanoTagPlugin/Components/Common/Arrow.svelte generated by Svelte v3.50.1 */
 
-function add_css$h(target) {
+function add_css$i(target) {
 	append_styles(target, "svelte-1ogmlqq", ".arrow.svelte-1ogmlqq{width:100%;height:100%;background-size:100%;transition:transform 400ms ease-in-out;cursor:pointer;pointer-events:auto}.arrow-wrapper.svelte-1ogmlqq{position:relative;width:100%;height:100%}.arrow.left.svelte-1ogmlqq{transform:rotate(0deg)}.arrow.right.svelte-1ogmlqq{transform:rotate(-180deg)}.arrow.top.svelte-1ogmlqq{transform:rotate(90deg)}.arrow.bottom.svelte-1ogmlqq{transform:rotate(-90deg)}");
 }
 
 // (12:0) {#if visible}
-function create_if_block$e(ctx) {
+function create_if_block$f(ctx) {
 	let div1;
 	let shadow;
 	let t;
@@ -21055,10 +21079,10 @@ function create_if_block$e(ctx) {
 	};
 }
 
-function create_fragment$h(ctx) {
+function create_fragment$i(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*visible*/ ctx[1] && create_if_block$e(ctx);
+	let if_block = /*visible*/ ctx[1] && create_if_block$f(ctx);
 
 	return {
 		c() {
@@ -21079,7 +21103,7 @@ function create_fragment$h(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$e(ctx);
+					if_block = create_if_block$f(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -21110,7 +21134,7 @@ function create_fragment$h(ctx) {
 	};
 }
 
-function instance$h($$self, $$props, $$invalidate) {
+function instance$i($$self, $$props, $$invalidate) {
 	let { direction = 'right' } = $$props;
 	let { visible = true } = $$props;
 	let { duration = 0 } = $$props;
@@ -21139,8 +21163,8 @@ class Arrow extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$h,
-			create_fragment$h,
+			instance$i,
+			create_fragment$i,
 			safe_not_equal,
 			{
 				direction: 0,
@@ -21149,14 +21173,14 @@ class Arrow extends SvelteComponent {
 				inDelay: 3,
 				outDelay: 4
 			},
-			add_css$h
+			add_css$i
 		);
 	}
 }
 
 /* src/PanoTagPlugin/Components/Common/MultiLineText.svelte generated by Svelte v3.50.1 */
 
-function add_css$g(target) {
+function add_css$h(target) {
 	append_styles(target, "svelte-1fuzm7v", ".text.svelte-1fuzm7v{pointer-events:auto;box-sizing:border-box;display:inline-block;max-width:7.5rem;transition:transform 400ms ease-in-out;font-size:0.75rem;line-height:1.125rem;white-space:initial;cursor:pointer}.arrow.svelte-1fuzm7v{pointer-events:auto;display:inline-block;vertical-align:top;width:0.875rem;height:0.875rem;margin-left:0.125rem;margin-top:0.125rem}");
 }
 
@@ -21228,7 +21252,7 @@ function create_each_block$4(key_1, ctx) {
 }
 
 // (28:0) {#if lineHeight < textHeight}
-function create_if_block$d(ctx) {
+function create_if_block$e(ctx) {
 	let div;
 	let arrow;
 	let current;
@@ -21275,7 +21299,7 @@ function create_if_block$d(ctx) {
 	};
 }
 
-function create_fragment$g(ctx) {
+function create_fragment$h(ctx) {
 	let each_blocks = [];
 	let each_1_lookup = new Map();
 	let t;
@@ -21290,7 +21314,7 @@ function create_fragment$g(ctx) {
 		each_1_lookup.set(key, each_blocks[i] = create_each_block$4(key, child_ctx));
 	}
 
-	let if_block = /*lineHeight*/ ctx[3] < /*textHeight*/ ctx[4] && create_if_block$d(ctx);
+	let if_block = /*lineHeight*/ ctx[3] < /*textHeight*/ ctx[4] && create_if_block$e(ctx);
 
 	return {
 		c() {
@@ -21328,7 +21352,7 @@ function create_fragment$g(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$d(ctx);
+					if_block = create_if_block$e(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -21373,7 +21397,7 @@ function create_fragment$g(ctx) {
 	};
 }
 
-function instance$g($$self, $$props, $$invalidate) {
+function instance$h($$self, $$props, $$invalidate) {
 	let transform;
 	let arrowDirection;
 	let foldTextDelay;
@@ -21448,27 +21472,27 @@ class MultiLineText extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$g,
-			create_fragment$g,
+			instance$h,
+			create_fragment$h,
 			safe_not_equal,
 			{
 				visible: 0,
 				textUnfolded: 8,
 				textItems: 1
 			},
-			add_css$g
+			add_css$h
 		);
 	}
 }
 
 /* src/PanoTagPlugin/Components/Tag/TextTag.svelte generated by Svelte v3.50.1 */
 
-function add_css$f(target) {
+function add_css$g(target) {
 	append_styles(target, "svelte-4fxqxl", ".line.svelte-4fxqxl{position:absolute;top:0;left:0;width:10.125rem;height:0.0625rem;transform:translate3d(0, -50%, 0.625rem)}.content.svelte-4fxqxl{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:3.375rem;padding:2.25rem 0.25rem 0 1rem;position:absolute;left:0;bottom:0;overflow:hidden;box-sizing:border-box;font-size:0;pointer-events:none;white-space:nowrap;font-weight:600}");
 }
 
 // (29:0) {#if tag.state}
-function create_if_block$c(ctx) {
+function create_if_block$d(ctx) {
 	let shadow;
 	let t0;
 	let div0;
@@ -21586,10 +21610,10 @@ function create_if_block$c(ctx) {
 	};
 }
 
-function create_fragment$f(ctx) {
+function create_fragment$g(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*tag*/ ctx[0].state && create_if_block$c(ctx);
+	let if_block = /*tag*/ ctx[0].state && create_if_block$d(ctx);
 
 	return {
 		c() {
@@ -21610,7 +21634,7 @@ function create_fragment$f(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$c(ctx);
+					if_block = create_if_block$d(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -21641,7 +21665,7 @@ function create_fragment$f(ctx) {
 	};
 }
 
-function instance$f($$self, $$props, $$invalidate) {
+function instance$g($$self, $$props, $$invalidate) {
 	let unfolded;
 	let text;
 	let foldTextDelay;
@@ -21716,18 +21740,18 @@ function instance$f($$self, $$props, $$invalidate) {
 class TextTag extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$f, create_fragment$f, safe_not_equal, { tag: 0 }, add_css$f);
+		init(this, options, instance$g, create_fragment$g, safe_not_equal, { tag: 0 }, add_css$g);
 	}
 }
 
 /* src/PanoTagPlugin/Components/Common/Line/Polyline.svelte generated by Svelte v3.50.1 */
 
-function add_css$e(target) {
+function add_css$f(target) {
 	append_styles(target, "svelte-e72ouh", ".line.svelte-e72ouh{width:100%;height:100%;overflow:visible}");
 }
 
 // (18:2) {#if unfolded}
-function create_if_block$b(ctx) {
+function create_if_block$c(ctx) {
 	let path;
 	let path_intro;
 	let path_outro;
@@ -21787,13 +21811,13 @@ function create_if_block$b(ctx) {
 	};
 }
 
-function create_fragment$e(ctx) {
+function create_fragment$f(ctx) {
 	let svg;
 	let defs;
 	let linearGradient;
 	let stop0;
 	let stop1;
-	let if_block = /*unfolded*/ ctx[3] && create_if_block$b(ctx);
+	let if_block = /*unfolded*/ ctx[3] && create_if_block$c(ctx);
 
 	return {
 		c() {
@@ -21831,7 +21855,7 @@ function create_fragment$e(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$b(ctx);
+					if_block = create_if_block$c(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(svg, null);
@@ -21859,7 +21883,7 @@ function create_fragment$e(ctx) {
 	};
 }
 
-function instance$e($$self, $$props, $$invalidate) {
+function instance$f($$self, $$props, $$invalidate) {
 	let { inDelay = 0 } = $$props;
 	let { duration = 0 } = $$props;
 	let { outDelay = 0 } = $$props;
@@ -21883,8 +21907,8 @@ class Polyline extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$e,
-			create_fragment$e,
+			instance$f,
+			create_fragment$f,
 			safe_not_equal,
 			{
 				inDelay: 0,
@@ -21892,98 +21916,295 @@ class Polyline extends SvelteComponent {
 				outDelay: 2,
 				unfolded: 3
 			},
-			add_css$e
+			add_css$f
 		);
 	}
 }
 
+/* src/PanoTagPlugin/Components/Common/MediaItem.svelte generated by Svelte v3.50.1 */
+
+function add_css$e(target) {
+	append_styles(target, "svelte-6jwk1w", ".media-item.svelte-6jwk1w{height:100%}.media-content.svelte-6jwk1w{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:inherit;object-fit:inherit}.video-icon.svelte-6jwk1w{width:1.75rem;height:1.75rem;background-size:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}");
+}
+
+// (6:0) {#if media}
+function create_if_block$b(ctx) {
+	let div;
+	let div_style_value;
+
+	function select_block_type(ctx, dirty) {
+		if (/*media*/ ctx[0].type === 'Image') return create_if_block_1$7;
+		if (/*media*/ ctx[0].type === 'Video') return create_if_block_2$3;
+	}
+
+	let current_block_type = select_block_type(ctx);
+	let if_block = current_block_type && current_block_type(ctx);
+
+	return {
+		c() {
+			div = element("div");
+			if (if_block) if_block.c();
+			attr(div, "class", "media-item svelte-6jwk1w");
+			attr(div, "style", div_style_value = `object-fit: ${/*objectFit*/ ctx[1]};`);
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			if (if_block) if_block.m(div, null);
+		},
+		p(ctx, dirty) {
+			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
+				if_block.p(ctx, dirty);
+			} else {
+				if (if_block) if_block.d(1);
+				if_block = current_block_type && current_block_type(ctx);
+
+				if (if_block) {
+					if_block.c();
+					if_block.m(div, null);
+				}
+			}
+
+			if (dirty & /*objectFit*/ 2 && div_style_value !== (div_style_value = `object-fit: ${/*objectFit*/ ctx[1]};`)) {
+				attr(div, "style", div_style_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+
+			if (if_block) {
+				if_block.d();
+			}
+		}
+	};
+}
+
+// (10:37) 
+function create_if_block_2$3(ctx) {
+	let video;
+	let video_src_value;
+	let video_poster_value;
+	let video_preload_value;
+	let t;
+	let div;
+
+	return {
+		c() {
+			video = element("video");
+			t = space();
+			div = element("div");
+			attr(video, "class", "media-content svelte-6jwk1w");
+			if (!src_url_equal(video.src, video_src_value = /*media*/ ctx[0].url)) attr(video, "src", video_src_value);
+			attr(video, "poster", video_poster_value = /*media*/ ctx[0].videoCoverUrl ?? undefined);
+			attr(video, "preload", video_preload_value = /*media*/ ctx[0].videoCoverUrl ? undefined : 'auto');
+			video.playsInline = true;
+			attr(video, "paused", "");
+			video.loop = false;
+			attr(video, "crossorigin", "");
+			video.controls = false;
+			video.muted = true;
+			attr(div, "class", "video-icon svelte-6jwk1w");
+			set_style(div, "background-image", "url(" + Image_Play + ")");
+		},
+		m(target, anchor) {
+			insert(target, video, anchor);
+			insert(target, t, anchor);
+			insert(target, div, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*media*/ 1 && !src_url_equal(video.src, video_src_value = /*media*/ ctx[0].url)) {
+				attr(video, "src", video_src_value);
+			}
+
+			if (dirty & /*media*/ 1 && video_poster_value !== (video_poster_value = /*media*/ ctx[0].videoCoverUrl ?? undefined)) {
+				attr(video, "poster", video_poster_value);
+			}
+
+			if (dirty & /*media*/ 1 && video_preload_value !== (video_preload_value = /*media*/ ctx[0].videoCoverUrl ? undefined : 'auto')) {
+				attr(video, "preload", video_preload_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(video);
+			if (detaching) detach(t);
+			if (detaching) detach(div);
+		}
+	};
+}
+
+// (8:4) {#if media.type === 'Image'}
+function create_if_block_1$7(ctx) {
+	let img;
+	let img_src_value;
+	let img_alt_value;
+
+	return {
+		c() {
+			img = element("img");
+			attr(img, "class", "media-content svelte-6jwk1w");
+			if (!src_url_equal(img.src, img_src_value = /*media*/ ctx[0].url)) attr(img, "src", img_src_value);
+			attr(img, "alt", img_alt_value = /*media*/ ctx[0].name);
+		},
+		m(target, anchor) {
+			insert(target, img, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*media*/ 1 && !src_url_equal(img.src, img_src_value = /*media*/ ctx[0].url)) {
+				attr(img, "src", img_src_value);
+			}
+
+			if (dirty & /*media*/ 1 && img_alt_value !== (img_alt_value = /*media*/ ctx[0].name)) {
+				attr(img, "alt", img_alt_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(img);
+		}
+	};
+}
+
+function create_fragment$e(ctx) {
+	let if_block_anchor;
+	let if_block = /*media*/ ctx[0] && create_if_block$b(ctx);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
+			if_block_anchor = empty();
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+		},
+		p(ctx, [dirty]) {
+			if (/*media*/ ctx[0]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block$b(ctx);
+					if_block.c();
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+		},
+		i: noop$1,
+		o: noop$1,
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+function instance$e($$self, $$props, $$invalidate) {
+	let { media } = $$props;
+	let { objectFit = 'cover' } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('media' in $$props) $$invalidate(0, media = $$props.media);
+		if ('objectFit' in $$props) $$invalidate(1, objectFit = $$props.objectFit);
+	};
+
+	return [media, objectFit];
+}
+
+class MediaItem extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$e, create_fragment$e, safe_not_equal, { media: 0, objectFit: 1 }, add_css$e);
+	}
+}
+
 /* src/PanoTagPlugin/Components/Common/Media.svelte generated by Svelte v3.50.1 */
 
 function add_css$d(target) {
-	append_styles(target, "svelte-129jnm", ".media.svelte-129jnm{width:100%;height:100%;position:relative;overflow:hidden;border-radius:0.125rem}.carousel-item.svelte-129jnm{height:100%}.media-content.svelte-129jnm{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:inherit;object-fit:inherit}.video-icon.svelte-129jnm{width:1.75rem;height:1.75rem;background-size:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}");
+	append_styles(target, "svelte-ai0lv9", ".media.svelte-ai0lv9{width:100%;height:100%;position:relative;overflow:hidden;border-radius:0.125rem}");
 }
 
 function get_each_context$3(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[9] = list[i];
+	child_ctx[14] = list[i];
 	return child_ctx;
 }
 
-// (16:0) {#if unfolded}
+// (24:0) {#if unfolded}
 function create_if_block$a(ctx) {
 	let div;
+	let current_block_type_index;
+	let if_block;
 	let div_intro;
 	let div_outro;
 	let current;
-	let each_value = /*mediaDataList*/ ctx[6];
-	let each_blocks = [];
+	const if_block_creators = [create_if_block_1$6, create_else_block$1];
+	const if_blocks = [];
 
-	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
+	function select_block_type(ctx, dirty) {
+		if (/*carouselEnabled*/ ctx[11]) return 0;
+		return 1;
 	}
 
+	current_block_type_index = select_block_type(ctx);
+	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+
 	return {
 		c() {
 			div = element("div");
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].c();
-			}
-
-			attr(div, "class", "media svelte-129jnm");
-			toggle_class(div, "unfolded", /*unfolded*/ ctx[3]);
+			if_block.c();
+			attr(div, "class", "media svelte-ai0lv9");
+			toggle_class(div, "unfolded", /*unfolded*/ ctx[4]);
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(div, null);
-			}
-
+			if_blocks[current_block_type_index].m(div, null);
 			current = true;
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
+			let previous_block_index = current_block_type_index;
+			current_block_type_index = select_block_type(ctx);
 
-			if (dirty & /*objectFit, Image_Play, mediaDataList*/ 96) {
-				each_value = /*mediaDataList*/ ctx[6];
-				let i;
+			if (current_block_type_index === previous_block_index) {
+				if_blocks[current_block_type_index].p(ctx, dirty);
+			} else {
+				group_outros();
 
-				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context$3(ctx, each_value, i);
+				transition_out(if_blocks[previous_block_index], 1, 1, () => {
+					if_blocks[previous_block_index] = null;
+				});
 
-					if (each_blocks[i]) {
-						each_blocks[i].p(child_ctx, dirty);
-					} else {
-						each_blocks[i] = create_each_block$3(child_ctx);
-						each_blocks[i].c();
-						each_blocks[i].m(div, null);
-					}
-				}
+				check_outros();
+				if_block = if_blocks[current_block_type_index];
 
-				for (; i < each_blocks.length; i += 1) {
-					each_blocks[i].d(1);
+				if (!if_block) {
+					if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+					if_block.c();
+				} else {
+					if_block.p(ctx, dirty);
 				}
 
-				each_blocks.length = each_value.length;
+				transition_in(if_block, 1);
+				if_block.m(div, null);
 			}
 
-			if (!current || dirty & /*unfolded*/ 8) {
-				toggle_class(div, "unfolded", /*unfolded*/ ctx[3]);
+			if (!current || dirty & /*unfolded*/ 16) {
+				toggle_class(div, "unfolded", /*unfolded*/ ctx[4]);
 			}
 		},
 		i(local) {
 			if (current) return;
+			transition_in(if_block);
 
 			if (local) {
 				add_render_callback(() => {
 					if (div_outro) div_outro.end(1);
 
-					div_intro = create_in_transition(div, fly, /*animation*/ ctx[4]
+					div_intro = create_in_transition(div, fly, /*animation*/ ctx[5]
 					? {
 							y: 4,
-							duration: /*duration*/ ctx[2],
-							delay: /*inDelay*/ ctx[0],
+							duration: /*duration*/ ctx[3],
+							delay: /*inDelay*/ ctx[1],
 							easing: linear
 						}
 					: undefined);
@@ -21995,14 +22216,15 @@ function create_if_block$a(ctx) {
 			current = true;
 		},
 		o(local) {
+			transition_out(if_block);
 			if (div_intro) div_intro.invalidate();
 
 			if (local) {
-				div_outro = create_out_transition(div, fly, /*animation*/ ctx[4]
+				div_outro = create_out_transition(div, fly, /*animation*/ ctx[5]
 				? {
 						y: 4,
-						duration: /*duration*/ ctx[2],
-						delay: /*outDelay*/ ctx[1],
+						duration: /*duration*/ ctx[3],
+						delay: /*outDelay*/ ctx[2],
 						easing: linear
 					}
 				: undefined);
@@ -22012,211 +22234,295 @@ function create_if_block$a(ctx) {
 		},
 		d(detaching) {
 			if (detaching) detach(div);
-			destroy_each(each_blocks, detaching);
+			if_blocks[current_block_type_index].d();
 			if (detaching && div_outro) div_outro.end();
 		}
 	};
 }
 
-// (29:65) 
-function create_if_block_4$2(ctx) {
-	let video;
-	let video_src_value;
-	let video_poster_value;
+// (80:4) {:else}
+function create_else_block$1(ctx) {
+	let mediaitem;
+	let current;
+
+	mediaitem = new MediaItem({
+			props: {
+				media: /*mediaData*/ ctx[0][0],
+				objectFit: /*objectFit*/ ctx[6]
+			}
+		});
 
 	return {
 		c() {
-			video = element("video");
-			attr(video, "class", "media-content svelte-129jnm");
-			if (!src_url_equal(video.src, video_src_value = /*media*/ ctx[9].url)) attr(video, "src", video_src_value);
-			attr(video, "poster", video_poster_value = /*media*/ ctx[9].videoCoverUrl);
-			video.playsInline = true;
-			attr(video, "paused", "");
-			video.loop = false;
-			attr(video, "preload", "auto");
-			attr(video, "crossorigin", "");
-			video.controls = false;
-			video.muted = true;
+			create_component(mediaitem.$$.fragment);
 		},
 		m(target, anchor) {
-			insert(target, video, anchor);
+			mount_component(mediaitem, target, anchor);
+			current = true;
 		},
 		p(ctx, dirty) {
-			if (dirty & /*mediaDataList*/ 64 && !src_url_equal(video.src, video_src_value = /*media*/ ctx[9].url)) {
-				attr(video, "src", video_src_value);
-			}
-
-			if (dirty & /*mediaDataList*/ 64 && video_poster_value !== (video_poster_value = /*media*/ ctx[9].videoCoverUrl)) {
-				attr(video, "poster", video_poster_value);
-			}
+			const mediaitem_changes = {};
+			if (dirty & /*mediaData*/ 1) mediaitem_changes.media = /*mediaData*/ ctx[0][0];
+			if (dirty & /*objectFit*/ 64) mediaitem_changes.objectFit = /*objectFit*/ ctx[6];
+			mediaitem.$set(mediaitem_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(mediaitem.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(mediaitem.$$.fragment, local);
+			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(video);
+			destroy_component(mediaitem, detaching);
 		}
 	};
 }
 
-// (27:64) 
-function create_if_block_3$2(ctx) {
-	let img;
-	let img_src_value;
-	let img_alt_value;
+// (31:4) {#if carouselEnabled}
+function create_if_block_1$6(ctx) {
+	let swiper;
+	let current;
+
+	swiper = new Swiper({
+			props: {
+				style: "height: 100%",
+				modules: [Autoplay],
+				spaceBetween: 30,
+				autoplay: /*autoplay*/ ctx[10]
+				? noTypecheck({
+						delay: 2000,
+						stopOnLastSlide: false,
+						disableOnInteraction: false
+					})
+				: false,
+				loop: true,
+				$$slots: { default: [create_default_slot] },
+				$$scope: { ctx }
+			}
+		});
+
+	swiper.$on("slideChange", /*slideChange_handler*/ ctx[13]);
 
 	return {
 		c() {
-			img = element("img");
-			attr(img, "class", "media-content svelte-129jnm");
-			if (!src_url_equal(img.src, img_src_value = /*media*/ ctx[9].videoCoverUrl)) attr(img, "src", img_src_value);
-			attr(img, "alt", img_alt_value = /*media*/ ctx[9].name);
+			create_component(swiper.$$.fragment);
 		},
 		m(target, anchor) {
-			insert(target, img, anchor);
+			mount_component(swiper, target, anchor);
+			current = true;
 		},
 		p(ctx, dirty) {
-			if (dirty & /*mediaDataList*/ 64 && !src_url_equal(img.src, img_src_value = /*media*/ ctx[9].videoCoverUrl)) {
-				attr(img, "src", img_src_value);
-			}
+			const swiper_changes = {};
+
+			if (dirty & /*autoplay*/ 1024) swiper_changes.autoplay = /*autoplay*/ ctx[10]
+			? noTypecheck({
+					delay: 2000,
+					stopOnLastSlide: false,
+					disableOnInteraction: false
+				})
+			: false;
 
-			if (dirty & /*mediaDataList*/ 64 && img_alt_value !== (img_alt_value = /*media*/ ctx[9].name)) {
-				attr(img, "alt", img_alt_value);
+			if (dirty & /*$$scope, mediaDataList, objectFit*/ 131392) {
+				swiper_changes.$$scope = { dirty, ctx };
 			}
+
+			swiper.$set(swiper_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(swiper.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(swiper.$$.fragment, local);
+			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(img);
+			destroy_component(swiper, detaching);
 		}
 	};
 }
 
-// (25:8) {#if media.type === 'Image'}
-function create_if_block_2$3(ctx) {
-	let img;
-	let img_src_value;
-	let img_alt_value;
+// (75:10) <SwiperSlide>
+function create_default_slot_1(ctx) {
+	let mediaitem;
+	let t;
+	let current;
+
+	mediaitem = new MediaItem({
+			props: {
+				media: /*media*/ ctx[14],
+				objectFit: /*objectFit*/ ctx[6]
+			}
+		});
 
 	return {
 		c() {
-			img = element("img");
-			attr(img, "class", "media-content carousel-indicator-item svelte-129jnm");
-			if (!src_url_equal(img.src, img_src_value = /*media*/ ctx[9].url)) attr(img, "src", img_src_value);
-			attr(img, "alt", img_alt_value = /*media*/ ctx[9].name);
+			create_component(mediaitem.$$.fragment);
+			t = space();
 		},
 		m(target, anchor) {
-			insert(target, img, anchor);
+			mount_component(mediaitem, target, anchor);
+			insert(target, t, anchor);
+			current = true;
 		},
 		p(ctx, dirty) {
-			if (dirty & /*mediaDataList*/ 64 && !src_url_equal(img.src, img_src_value = /*media*/ ctx[9].url)) {
-				attr(img, "src", img_src_value);
-			}
-
-			if (dirty & /*mediaDataList*/ 64 && img_alt_value !== (img_alt_value = /*media*/ ctx[9].name)) {
-				attr(img, "alt", img_alt_value);
-			}
+			const mediaitem_changes = {};
+			if (dirty & /*mediaDataList*/ 256) mediaitem_changes.media = /*media*/ ctx[14];
+			if (dirty & /*objectFit*/ 64) mediaitem_changes.objectFit = /*objectFit*/ ctx[6];
+			mediaitem.$set(mediaitem_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(mediaitem.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(mediaitem.$$.fragment, local);
+			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(img);
+			destroy_component(mediaitem, detaching);
+			if (detaching) detach(t);
 		}
 	};
 }
 
-// (33:8) {#if media.type === 'Video'}
-function create_if_block_1$6(ctx) {
-	let div;
+// (74:8) {#each mediaDataList as media}
+function create_each_block$3(ctx) {
+	let swiperslide;
+	let current;
+
+	swiperslide = new SwiperSlide({
+			props: {
+				$$slots: { default: [create_default_slot_1] },
+				$$scope: { ctx }
+			}
+		});
 
 	return {
 		c() {
-			div = element("div");
-			attr(div, "class", "video-icon svelte-129jnm");
-			set_style(div, "background-image", "url(" + Image_Play + ")");
+			create_component(swiperslide.$$.fragment);
 		},
 		m(target, anchor) {
-			insert(target, div, anchor);
+			mount_component(swiperslide, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const swiperslide_changes = {};
+
+			if (dirty & /*$$scope, mediaDataList, objectFit*/ 131392) {
+				swiperslide_changes.$$scope = { dirty, ctx };
+			}
+
+			swiperslide.$set(swiperslide_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(swiperslide.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(swiperslide.$$.fragment, local);
+			current = false;
 		},
-		p: noop$1,
 		d(detaching) {
-			if (detaching) detach(div);
+			destroy_component(swiperslide, detaching);
 		}
 	};
 }
 
-// (23:4) {#each mediaDataList as media}
-function create_each_block$3(ctx) {
-	let div;
-	let t0;
-	let t1;
-	let div_style_value;
+// (32:6) <Swiper         style="height: 100%"         modules={[Autoplay]}         spaceBetween={30}         autoplay={autoplay ? noTypecheck({ delay: 2000, stopOnLastSlide: false, disableOnInteraction: false }) : false}         loop         on:slideChange={async (event) => {           if (!autoplay) return           if (!autoplayConfig.autoplayVideo) return           const swiper = event.detail[0]           if (!swiper) return            const index = swiper.realIndex           // loop 完一圈后，swiper.realIndex 会重复一次，比如有三张图片 [0,1,2]，slideChange 触发后输出的 index 为 [0,1,2,0,0,1,2,0,0,1,2,0], 添加 lastAutoPlayIndex 判断后，输出为[0,1,2,0,1,2,0,1,2,0]           if (index === lastAutoPlayIndex) return           lastAutoPlayIndex = index            const media = mediaDataList[index]           if (!media) return           if (media.type !== 'Video') return            // 先暂停自动轮播           swiper.autoplay.stop()           // 播放视频           await new Promise((resolve) => {             const video = swiper.slides[swiper.activeIndex]?.querySelector('video')             if (!video) {               resolve(noTypecheck(null))               return             }             video.play()             video.onerror = () => resolve(noTypecheck(null))             video.onended = () => resolve(noTypecheck(null))             video.onclick = () => {               video.pause()               resolve(noTypecheck(null))             }           })           // 恢复自动轮播           swiper.autoplay.start()         }}       >
+function create_default_slot(ctx) {
+	let each_1_anchor;
+	let current;
+	let each_value = /*mediaDataList*/ ctx[8];
+	let each_blocks = [];
 
-	function select_block_type(ctx, dirty) {
-		if (/*media*/ ctx[9].type === 'Image') return create_if_block_2$3;
-		if (/*media*/ ctx[9].type === 'Video' && /*media*/ ctx[9].videoCoverUrl) return create_if_block_3$2;
-		if (/*media*/ ctx[9].type === 'Video' && !/*media*/ ctx[9].videoCoverUrl) return create_if_block_4$2;
+	for (let i = 0; i < each_value.length; i += 1) {
+		each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
 	}
 
-	let current_block_type = select_block_type(ctx);
-	let if_block0 = current_block_type && current_block_type(ctx);
-	let if_block1 = /*media*/ ctx[9].type === 'Video' && create_if_block_1$6();
+	const out = i => transition_out(each_blocks[i], 1, 1, () => {
+		each_blocks[i] = null;
+	});
 
 	return {
 		c() {
-			div = element("div");
-			if (if_block0) if_block0.c();
-			t0 = space();
-			if (if_block1) if_block1.c();
-			t1 = space();
-			attr(div, "class", "carousel-item svelte-129jnm");
-			attr(div, "style", div_style_value = `object-fit: ${/*objectFit*/ ctx[5]};`);
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			each_1_anchor = empty();
 		},
 		m(target, anchor) {
-			insert(target, div, anchor);
-			if (if_block0) if_block0.m(div, null);
-			append(div, t0);
-			if (if_block1) if_block1.m(div, null);
-			append(div, t1);
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(target, anchor);
+			}
+
+			insert(target, each_1_anchor, anchor);
+			current = true;
 		},
 		p(ctx, dirty) {
-			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block0) {
-				if_block0.p(ctx, dirty);
-			} else {
-				if (if_block0) if_block0.d(1);
-				if_block0 = current_block_type && current_block_type(ctx);
+			if (dirty & /*mediaDataList, objectFit*/ 320) {
+				each_value = /*mediaDataList*/ ctx[8];
+				let i;
 
-				if (if_block0) {
-					if_block0.c();
-					if_block0.m(div, t0);
+				for (i = 0; i < each_value.length; i += 1) {
+					const child_ctx = get_each_context$3(ctx, each_value, i);
+
+					if (each_blocks[i]) {
+						each_blocks[i].p(child_ctx, dirty);
+						transition_in(each_blocks[i], 1);
+					} else {
+						each_blocks[i] = create_each_block$3(child_ctx);
+						each_blocks[i].c();
+						transition_in(each_blocks[i], 1);
+						each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
+					}
 				}
-			}
 
-			if (/*media*/ ctx[9].type === 'Video') {
-				if (if_block1) {
-					if_block1.p(ctx, dirty);
-				} else {
-					if_block1 = create_if_block_1$6();
-					if_block1.c();
-					if_block1.m(div, t1);
+				group_outros();
+
+				for (i = each_value.length; i < each_blocks.length; i += 1) {
+					out(i);
 				}
-			} else if (if_block1) {
-				if_block1.d(1);
-				if_block1 = null;
+
+				check_outros();
 			}
+		},
+		i(local) {
+			if (current) return;
 
-			if (dirty & /*objectFit*/ 32 && div_style_value !== (div_style_value = `object-fit: ${/*objectFit*/ ctx[5]};`)) {
-				attr(div, "style", div_style_value);
+			for (let i = 0; i < each_value.length; i += 1) {
+				transition_in(each_blocks[i]);
 			}
+
+			current = true;
 		},
-		d(detaching) {
-			if (detaching) detach(div);
+		o(local) {
+			each_blocks = each_blocks.filter(Boolean);
 
-			if (if_block0) {
-				if_block0.d();
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				transition_out(each_blocks[i]);
 			}
 
-			if (if_block1) if_block1.d();
+			current = false;
+		},
+		d(detaching) {
+			destroy_each(each_blocks, detaching);
+			if (detaching) detach(each_1_anchor);
 		}
 	};
 }
 
 function create_fragment$d(ctx) {
 	let if_block_anchor;
-	let if_block = /*unfolded*/ ctx[3] && create_if_block$a(ctx);
+	let current;
+	let if_block = /*unfolded*/ ctx[4] && create_if_block$a(ctx);
 
 	return {
 		c() {
@@ -22226,13 +22532,14 @@ function create_fragment$d(ctx) {
 		m(target, anchor) {
 			if (if_block) if_block.m(target, anchor);
 			insert(target, if_block_anchor, anchor);
+			current = true;
 		},
 		p(ctx, [dirty]) {
-			if (/*unfolded*/ ctx[3]) {
+			if (/*unfolded*/ ctx[4]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
-					if (dirty & /*unfolded*/ 8) {
+					if (dirty & /*unfolded*/ 16) {
 						transition_in(if_block, 1);
 					}
 				} else {
@@ -22252,10 +22559,13 @@ function create_fragment$d(ctx) {
 			}
 		},
 		i(local) {
+			if (current) return;
 			transition_in(if_block);
+			current = true;
 		},
 		o(local) {
 			transition_out(if_block);
+			current = false;
 		},
 		d(detaching) {
 			if (if_block) if_block.d(detaching);
@@ -22265,7 +22575,9 @@ function create_fragment$d(ctx) {
 }
 
 function instance$d($$self, $$props, $$invalidate) {
+	let carouselEnabled;
 	let mediaDataList;
+	let autoplay;
 	let { mediaData } = $$props;
 	let { inDelay = 0 } = $$props;
 	let { outDelay = 0 } = $$props;
@@ -22274,34 +22586,93 @@ function instance$d($$self, $$props, $$invalidate) {
 	let { animation = true } = $$props;
 	let { objectFit = 'cover' } = $$props;
 	let { enableCarousel = true } = $$props;
+	let { autoplayConfig = { autoplay: true, autoplayVideo: false } } = $$props;
+	let lastAutoPlayIndex = null;
+
+	const slideChange_handler = async event => {
+		if (!autoplay) return;
+		if (!autoplayConfig.autoplayVideo) return;
+		const swiper = event.detail[0];
+		if (!swiper) return;
+		const index = swiper.realIndex;
+
+		// loop 完一圈后，swiper.realIndex 会重复一次，比如有三张图片 [0,1,2]，slideChange 触发后输出的 index 为 [0,1,2,0,0,1,2,0,0,1,2,0], 添加 lastAutoPlayIndex 判断后，输出为[0,1,2,0,1,2,0,1,2,0]
+		if (index === lastAutoPlayIndex) return;
+
+		$$invalidate(9, lastAutoPlayIndex = index);
+		const media = mediaDataList[index];
+		if (!media) return;
+		if (media.type !== 'Video') return;
+
+		// 先暂停自动轮播
+		swiper.autoplay.stop();
+
+		// 播放视频
+		await new Promise(resolve => {
+				const video = swiper.slides[swiper.activeIndex]?.querySelector('video');
+
+				if (!video) {
+					resolve(noTypecheck(null));
+					return;
+				}
+
+				video.play();
+				video.onerror = () => resolve(noTypecheck(null));
+				video.onended = () => resolve(noTypecheck(null));
+
+				video.onclick = () => {
+					video.pause();
+					resolve(noTypecheck(null));
+				};
+			});
+
+		// 恢复自动轮播
+		swiper.autoplay.start();
+	};
 
 	$$self.$$set = $$props => {
-		if ('mediaData' in $$props) $$invalidate(7, mediaData = $$props.mediaData);
-		if ('inDelay' in $$props) $$invalidate(0, inDelay = $$props.inDelay);
-		if ('outDelay' in $$props) $$invalidate(1, outDelay = $$props.outDelay);
-		if ('duration' in $$props) $$invalidate(2, duration = $$props.duration);
-		if ('unfolded' in $$props) $$invalidate(3, unfolded = $$props.unfolded);
-		if ('animation' in $$props) $$invalidate(4, animation = $$props.animation);
-		if ('objectFit' in $$props) $$invalidate(5, objectFit = $$props.objectFit);
-		if ('enableCarousel' in $$props) $$invalidate(8, enableCarousel = $$props.enableCarousel);
+		if ('mediaData' in $$props) $$invalidate(0, mediaData = $$props.mediaData);
+		if ('inDelay' in $$props) $$invalidate(1, inDelay = $$props.inDelay);
+		if ('outDelay' in $$props) $$invalidate(2, outDelay = $$props.outDelay);
+		if ('duration' in $$props) $$invalidate(3, duration = $$props.duration);
+		if ('unfolded' in $$props) $$invalidate(4, unfolded = $$props.unfolded);
+		if ('animation' in $$props) $$invalidate(5, animation = $$props.animation);
+		if ('objectFit' in $$props) $$invalidate(6, objectFit = $$props.objectFit);
+		if ('enableCarousel' in $$props) $$invalidate(12, enableCarousel = $$props.enableCarousel);
+		if ('autoplayConfig' in $$props) $$invalidate(7, autoplayConfig = $$props.autoplayConfig);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*enableCarousel, mediaData*/ 384) {
-			$$invalidate(6, mediaDataList = (enableCarousel ? mediaData : [mediaData[0]]).filter(notNil));
+		if ($$self.$$.dirty & /*enableCarousel, mediaData*/ 4097) {
+			$$invalidate(11, carouselEnabled = enableCarousel && (mediaData === null || mediaData === void 0
+			? void 0
+			: mediaData.length) > 1);
+		}
+
+		if ($$self.$$.dirty & /*mediaData*/ 1) {
+			$$invalidate(8, mediaDataList = mediaData);
+		}
+
+		if ($$self.$$.dirty & /*mediaDataList, autoplayConfig*/ 384) {
+			$$invalidate(10, autoplay = mediaDataList.length > 1 && autoplayConfig.autoplay);
 		}
 	};
 
 	return [
+		mediaData,
 		inDelay,
 		outDelay,
 		duration,
 		unfolded,
 		animation,
 		objectFit,
+		autoplayConfig,
 		mediaDataList,
-		mediaData,
-		enableCarousel
+		lastAutoPlayIndex,
+		autoplay,
+		carouselEnabled,
+		enableCarousel,
+		slideChange_handler
 	];
 }
 
@@ -22316,14 +22687,15 @@ class Media extends SvelteComponent {
 			create_fragment$d,
 			safe_not_equal,
 			{
-				mediaData: 7,
-				inDelay: 0,
-				outDelay: 1,
-				duration: 2,
-				unfolded: 3,
-				animation: 4,
-				objectFit: 5,
-				enableCarousel: 8
+				mediaData: 0,
+				inDelay: 1,
+				outDelay: 2,
+				duration: 3,
+				unfolded: 4,
+				animation: 5,
+				objectFit: 6,
+				enableCarousel: 12,
+				autoplayConfig: 7
 			},
 			add_css$d
 		);
@@ -22557,6 +22929,7 @@ function create_if_block_1$5(ctx) {
 
 	media = new Media({
 			props: {
+				autoplayConfig: { autoplay: false },
 				unfolded: /*unfolded*/ ctx[4],
 				mediaData: /*mediaData*/ ctx[3],
 				inDelay: 500,
@@ -23904,7 +24277,7 @@ function add_css$8(target) {
 	append_styles(target, "svelte-10cw0el", ".media-wrapper.svelte-10cw0el{position:absolute;width:100%;height:100%}");
 }
 
-// (18:0) {#if tag.state && mediaData}
+// (20:0) {#if tag.state && mediaData}
 function create_if_block$5(ctx) {
 	let div;
 	let media;
@@ -23912,10 +24285,11 @@ function create_if_block$5(ctx) {
 
 	media = new Media({
 			props: {
-				unfolded: /*unfolded*/ ctx[3],
-				mediaData: /*mediaData*/ ctx[2],
-				objectFit: /*objectFit*/ ctx[1],
-				enableCarousel: true,
+				unfolded: /*unfolded*/ ctx[5],
+				mediaData: /*mediaData*/ ctx[4],
+				objectFit: /*objectFit*/ ctx[2],
+				enableCarousel: /*enableCarousel*/ ctx[1],
+				autoplayConfig: /*autoplayConfig*/ ctx[3],
 				inDelay: 500,
 				duration: 500
 			}
@@ -23934,9 +24308,11 @@ function create_if_block$5(ctx) {
 		},
 		p(ctx, dirty) {
 			const media_changes = {};
-			if (dirty & /*unfolded*/ 8) media_changes.unfolded = /*unfolded*/ ctx[3];
-			if (dirty & /*mediaData*/ 4) media_changes.mediaData = /*mediaData*/ ctx[2];
-			if (dirty & /*objectFit*/ 2) media_changes.objectFit = /*objectFit*/ ctx[1];
+			if (dirty & /*unfolded*/ 32) media_changes.unfolded = /*unfolded*/ ctx[5];
+			if (dirty & /*mediaData*/ 16) media_changes.mediaData = /*mediaData*/ ctx[4];
+			if (dirty & /*objectFit*/ 4) media_changes.objectFit = /*objectFit*/ ctx[2];
+			if (dirty & /*enableCarousel*/ 2) media_changes.enableCarousel = /*enableCarousel*/ ctx[1];
+			if (dirty & /*autoplayConfig*/ 8) media_changes.autoplayConfig = /*autoplayConfig*/ ctx[3];
 			media.$set(media_changes);
 		},
 		i(local) {
@@ -23958,7 +24334,7 @@ function create_if_block$5(ctx) {
 function create_fragment$8(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*tag*/ ctx[0].state && /*mediaData*/ ctx[2] && create_if_block$5(ctx);
+	let if_block = /*tag*/ ctx[0].state && /*mediaData*/ ctx[4] && create_if_block$5(ctx);
 
 	return {
 		c() {
@@ -23971,11 +24347,11 @@ function create_fragment$8(ctx) {
 			current = true;
 		},
 		p(ctx, [dirty]) {
-			if (/*tag*/ ctx[0].state && /*mediaData*/ ctx[2]) {
+			if (/*tag*/ ctx[0].state && /*mediaData*/ ctx[4]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
-					if (dirty & /*tag, mediaData*/ 5) {
+					if (dirty & /*tag, mediaData*/ 17) {
 						transition_in(if_block, 1);
 					}
 				} else {
@@ -24013,8 +24389,10 @@ function create_fragment$8(ctx) {
 function instance$8($$self, $$props, $$invalidate) {
 	let unfolded;
 	let mediaData;
+	let enableCarousel;
+	let autoplayConfig;
 	let objectFit;
-	var _a;
+	var _a, _b;
 	let { tag } = $$props;
 
 	$$self.$$set = $$props => {
@@ -24023,23 +24401,38 @@ function instance$8($$self, $$props, $$invalidate) {
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*tag*/ 1) {
-			$$invalidate(3, unfolded = tag.state ? tag.state.unfolded : false);
+			$$invalidate(5, unfolded = tag.state ? tag.state.unfolded : false);
+		}
+
+		if ($$self.$$.dirty & /*tag*/ 1) {
+			$$invalidate(4, mediaData = tag.data.mediaData);
 		}
 
 		if ($$self.$$.dirty & /*tag*/ 1) {
-			$$invalidate(2, mediaData = tag.data.mediaData);
+			$$invalidate(1, enableCarousel = tag.data.enableCarousel);
 		}
 
-		if ($$self.$$.dirty & /*tag, _a*/ 17) {
-			$$invalidate(1, objectFit = $$invalidate(4, _a = tag.data.objectFit) !== null && _a !== void 0
+		if ($$self.$$.dirty & /*tag, _a, enableCarousel*/ 67) {
+			$$invalidate(3, autoplayConfig = $$invalidate(6, _a = tag.data.autoplayConfig) !== null && _a !== void 0
 			? _a
+			: {
+					autoplay: enableCarousel !== null && enableCarousel !== void 0
+					? enableCarousel
+					: true,
+					autoplayVideo: true
+				});
+		}
+
+		if ($$self.$$.dirty & /*tag, _b*/ 129) {
+			$$invalidate(2, objectFit = $$invalidate(7, _b = tag.data.objectFit) !== null && _b !== void 0
+			? _b
 			: (() => {
 					if (tag.data.adaptationMode === 'stretch') return 'cover'; else if (tag.data.adaptationMode === 'proportional') return 'contain'; else return undefined;
 				})());
 		}
 	};
 
-	return [tag, objectFit, mediaData, unfolded, _a];
+	return [tag, enableCarousel, objectFit, autoplayConfig, mediaData, unfolded, _a, _b];
 }
 
 class MediaPlane extends SvelteComponent {
@@ -26180,6 +26573,16 @@ class TagComputer extends TagCacheController {
             value: new THREE.Raycaster()
         });
     }
+    getTagById(id) {
+        const tag = this.tags.find((tag) => {
+            return tag.id === id;
+        });
+        if (!tag) {
+            console.error(`getTagById(): tag is ${tag}, id is ${id}`);
+            return undefined;
+        }
+        return tag;
+    }
     /**
      * @description: 改变配置
      */
@@ -26234,7 +26637,6 @@ class TagComputer extends TagCacheController {
             const visible = (() => {
                 var _a, _b, _c, _d, _e;
                 const config = (_a = this.getTagConfig(tag).visibleConfig) !== null && _a !== void 0 ? _a : {};
-                // console.log(config)
                 const distance = this.getDistance(tag);
                 if (typeof config === 'function') {
                     return config(this.five, { tag, distance });
@@ -26510,18 +26912,11 @@ class TagComputer extends TagCacheController {
             const unfolded = this.getUnfoldedByPanoIndex(tag);
             if (!tag.state)
                 return;
-            if (unfolded === undefined)
-                return;
-            tag.state.unfolded = unfolded;
-        });
-    }
-    setVisibleAndUnfoldedByPanoIndex() {
-        this.setVisibleByPanoIndex();
-        this.setUnfoldedByPanoIndex();
-        this.tags.forEach((tag) => {
-            var _a, _b;
+            if (unfolded !== undefined) {
+                tag.state.unfolded = unfolded;
+            }
             // 如果标签展开但不可见，就要判断autoUnfoldWhenHide
-            if (((_a = tag.state) === null || _a === void 0 ? void 0 : _a.unfolded) && !((_b = tag.state) === null || _b === void 0 ? void 0 : _b.visible)) {
+            if (unfolded && !tag.state.visible) {
                 const config = this.getTagConfig(tag);
                 if (typeof config.unfoldedConfig === 'object' && config.unfoldedConfig.autoUnfoldWhenHide !== false) {
                     tag.state.unfolded = false;
@@ -26542,16 +26937,6 @@ class TagComputer extends TagCacheController {
             return;
         return { x, y, z };
     }
-    getTagById(id) {
-        const tag = this.tags.find((tag) => {
-            return tag.id === id;
-        });
-        if (!tag) {
-            console.error(`getTagById(): tag is ${tag}, id is ${id}`);
-            return undefined;
-        }
-        return tag;
-    }
     // TODO: 优化点：下面这些函数，调用比较频繁，可以按点位加缓存
     filterPointTag() {
         return this.tags.filter((tag) => tag.pointType === PointType.PointTag);
@@ -26571,9 +26956,10 @@ class TagComputer extends TagCacheController {
 }
 
 // declare const __APP_VERSION__: string
-const VERSION$2 = '0.3.6';
+const VERSION$2 = '1.0.0';
 const PLUGIN_NAME$1 = `DnalogelPlugin-PanoTagPlugin@${VERSION$2}`;
-const TAG_INITIAL_UNFOLDED = true;
+// 初始是否展开
+const TAG_INITIAL_UNFOLDED = false;
 const pluginFlag = (name) => `${PLUGIN_NAME$1}--${name}`;
 class PanoTagPluginController extends TagComputer {
     constructor(five, params) {
@@ -26683,8 +27069,9 @@ class PanoTagPluginController extends TagComputer {
     /**
      * @description: 加载数据
      */
-    load(data) {
+    load(data, config) {
         var _a, _b;
+        this.clearTags();
         console.log(PLUGIN_NAME$1, 'load:', { data });
         if (this.params.mergePluginDefaultConfigToLoadDataConfig) {
             this.config = objectAssignDeep({}, this.config, {
@@ -26698,17 +27085,15 @@ class PanoTagPluginController extends TagComputer {
             if (data.contentTypeConfig)
                 this.config.contentTypeConfig = data.contentTypeConfig;
         }
-        this.clearCache();
-        this.disposeAllCSS3DContainer();
-        this.tags = [];
-        this.addTag(data.tagList);
+        this.addTag(data.tagList, config);
+        // debug
         if (this.debug)
             addDebugPoints(this.five, this.tags);
     }
     /**
      * @description: 添加标签
      */
-    addTag(tag) {
+    addTag(tag, config) {
         const tags = Array.isArray(tag) ? tag : [tag];
         const _tags = tags
             .map((tag) => {
@@ -26718,7 +27103,7 @@ class PanoTagPluginController extends TagComputer {
             .filter((tag) => tag.position);
         this.tags.push(..._tags);
         actionAfterFiveModelLoad(this.five, () => {
-            var _a, _b;
+            var _a, _b, _c;
             // 添加事件
             if (this.store.eventListenerDisposer) {
                 (_b = (_a = this.store).eventListenerDisposer) === null || _b === void 0 ? void 0 : _b.call(_a);
@@ -26734,10 +27119,18 @@ class PanoTagPluginController extends TagComputer {
                 }, 200);
             }
             this.checkPanelTag();
-            this.setVisibleAndUnfoldedByPanoIndex();
-            this.updateRenderAllTag();
+            // v0.3.8 新增 withAnimation，默认 false
+            // v1.0.0 withAnimation 默认值改为 true
+            this.setVisibleAndUnfolded({ withAnimation: (_c = config === null || config === void 0 ? void 0 : config.withAnimation) !== null && _c !== void 0 ? _c : true }).then(() => this.updateRenderAllTags());
+            this.updateRenderAllTags();
         });
     }
+    clearTags() {
+        this.tags = [];
+        this.clearCache();
+        this.disposeAllCSS3DContainer();
+        this.updateRenderAllTags();
+    }
     async show(params) {
         const { userAction = true, withAnimation = false } = params !== null && params !== void 0 ? params : {};
         if (this.store.disposed)
@@ -26828,7 +27221,7 @@ class PanoTagPluginController extends TagComputer {
         }
         // 3D 转 2D 的时候要销毁 3D container
         this.checkPanelTag();
-        this.updateRenderAllTag();
+        this.updateRenderAllTags();
     }
     /**
      * @description: 改变tag任意属性
@@ -26846,7 +27239,7 @@ class PanoTagPluginController extends TagComputer {
         if ((currentTag === null || currentTag === void 0 ? void 0 : currentTag.tag3DContentSvelte) && (tag === null || tag === void 0 ? void 0 : tag.normal)) {
             currentTag.tag3DContentSvelte.currentNormal = arrayPositionToVector3(tag.normal);
         }
-        this.updateRenderAllTag();
+        this.updateRenderAllTags();
         this.checkPanelTag();
     }
     /**
@@ -26860,12 +27253,31 @@ class PanoTagPluginController extends TagComputer {
                 return;
             this.tags.splice(index, 1);
         });
-        this.updateRenderAllTag();
+        this.updateRenderAllTags();
     }
     /** 暂停当前标签内进行的所有多媒体 */
     pauseCurrentMedia() {
         this.mediaStore.set({ currentMediaUrl: '' });
     }
+    /**
+     * @description: 设置 visible 和 unfolded
+     */
+    async setVisibleAndUnfolded({ withAnimation } = { withAnimation: false }) {
+        this.setVisibleByPanoIndex();
+        if (withAnimation) {
+            return new Promise((resolve, reject) => {
+                // setTimeout 初始隐藏，然后展开，而不是一步到位，要不就没动画了
+                setTimeout(() => {
+                    this.setUnfoldedByPanoIndex();
+                    resolve();
+                }, 10); // 10ms 是等待 TextTag onMount
+            });
+        }
+        else {
+            this.setUnfoldedByPanoIndex();
+            return Promise.resolve();
+        }
+    }
     handleShow() {
         this.state.visible = true;
         this.updateTagContainerVisible();
@@ -26876,7 +27288,7 @@ class PanoTagPluginController extends TagComputer {
     }
     handleEnable() {
         this.state.enabled = true;
-        this.updateRenderAllTag();
+        this.updateRenderAllTags();
     }
     handleDisable() {
         var _a;
@@ -26922,7 +27334,7 @@ class PanoTagPluginController extends TagComputer {
         // resize
         const show = () => {
             this.show();
-            this.updateRenderAllTag();
+            this.updateRenderAllTags();
         };
         const { observe: hideObserve, unobserve: hideUnobserve } = resizeObserver(throttle(() => {
             /**
@@ -26960,7 +27372,7 @@ class PanoTagPluginController extends TagComputer {
                 tag.temporaryState = Object.assign(Object.assign({}, tag.temporaryState), { visible: false });
             }
         });
-        this.updateRenderAllTag();
+        this.updateRenderAllTags();
     }
     /**
      * @description: 走点/切换模型后显示
@@ -26998,13 +27410,13 @@ class PanoTagPluginController extends TagComputer {
                         tag.state.unfolded = false;
                 });
             }
-            this.updateRenderAllTag();
+            this.updateRenderAllTags();
         }
     }
     /**
      * @description: 更新所有标签
      */
-    updateRenderAllTag() {
+    updateRenderAllTags() {
         this.updateRenderPointTag();
         this.updateRenderPlaneTag();
     }
@@ -27025,20 +27437,20 @@ class PanoTagPluginController extends TagComputer {
             // 设置展开/收起
             this.setUnfoldedByCamera();
             // 渲染
-            this.updateRenderAllTag();
+            this.updateRenderAllTags();
         }, 100);
     }
     handleFiveCameraUpdate() {
         // 渲染
         this.updateRenderPointTag();
     }
-    handleFivePanoArrived() {
-        this.setVisibleAndUnfoldedByPanoIndex();
+    async handleFivePanoArrived() {
+        await this.setVisibleAndUnfolded();
         this.tags.forEach((tag) => {
             tag.temporaryState = Object.assign(Object.assign({}, tag.temporaryState), { visible: true });
         });
         // 渲染
-        this.updateRenderAllTag();
+        this.updateRenderAllTags();
     }
     setUnfoldedByCamera() {
         let hasTagUnfolded = false; // 是否有标签由于camera的转动而展开