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

package/dist/index.js

@@ -17,6 +17,10 @@ var Hammer = require('hammerjs');
 var classNames = require('classnames');
 var objectAssignDeep = require('object-assign-deep');
 var anime = require('animejs');
+var svelte$1 = require('swiper/svelte');
+var swiper = require('swiper');
+require('swiper/css');
+require('swiper/css/autoplay');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -330,7 +334,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);
 }
 
@@ -917,7 +921,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();
@@ -1110,11 +1114,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) {
 	internal.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 + "";
@@ -1181,7 +1185,7 @@ function create_fragment$Q(ctx) {
 	};
 }
 
-function instance$Q($$self, $$props, $$invalidate) {
+function instance$R($$self, $$props, $$invalidate) {
 	let { five } = $$props;
 	let { roomLabel } = $$props;
 
@@ -1204,7 +1208,7 @@ function instance$Q($$self, $$props, $$invalidate) {
 class RoomLabelItem extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$Q, create_fragment$Q, internal.safe_not_equal, { five: 2, roomLabel: 0 }, add_css$L);
+		internal.init(this, options, instance$R, create_fragment$R, internal.safe_not_equal, { five: 2, roomLabel: 0 }, add_css$M);
 	}
 }
 
@@ -1212,7 +1216,7 @@ class RoomLabelItem extends internal.SvelteComponent {
 
 const { Map: Map_1 } = internal.globals;
 
-function add_css$K(target) {
+function add_css$L(target) {
 	internal.append_styles(target, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
 }
 
@@ -1271,7 +1275,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();
@@ -1343,7 +1347,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;
@@ -1468,7 +1472,7 @@ function instance$P($$self, $$props, $$invalidate) {
 class RoomLabelItems extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$P, create_fragment$P, internal.safe_not_equal, { five: 1, roomLabels: 0 }, add_css$K);
+		internal.init(this, options, instance$Q, create_fragment$Q, internal.safe_not_equal, { five: 1, roomLabels: 0 }, add_css$L);
 	}
 }
 
@@ -1774,11 +1778,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) {
 	internal.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;
 
@@ -1815,7 +1819,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;
@@ -1861,8 +1865,8 @@ class Camera$1 extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$O,
-			create_fragment$O,
+			instance$P,
+			create_fragment$P,
 			internal.safe_not_equal,
 			{
 				panoIndex: 5,
@@ -1870,7 +1874,7 @@ class Camera$1 extends internal.SvelteComponent {
 				lastPanoramaLongitude: 7,
 				cameraImageUrl: 0
 			},
-			add_css$J
+			add_css$K
 		);
 	}
 }
@@ -1879,12 +1883,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) {
 	internal.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;
@@ -1920,9 +1924,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() {
@@ -1949,7 +1953,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;
@@ -1973,17 +1977,17 @@ function instance$N($$self, $$props, $$invalidate) {
 class Compass extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$N, create_fragment$N, internal.safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$I);
+		internal.init(this, options, instance$O, create_fragment$O, internal.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) {
 	internal.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;
 
@@ -2010,7 +2014,7 @@ function create_fragment$M(ctx) {
 	};
 }
 
-function instance$M($$self, $$props, $$invalidate) {
+function instance$N($$self, $$props, $$invalidate) {
 	let { url } = $$props;
 
 	$$self.$$set = $$props => {
@@ -2023,17 +2027,17 @@ function instance$M($$self, $$props, $$invalidate) {
 class Normalmage extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$M, create_fragment$M, internal.safe_not_equal, { url: 0 }, add_css$H);
+		internal.init(this, options, instance$N, create_fragment$N, internal.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) {
 	internal.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;
@@ -2066,7 +2070,7 @@ function create_fragment$L(ctx) {
 	};
 }
 
-function instance$L($$self, $$props, $$invalidate) {
+function instance$M($$self, $$props, $$invalidate) {
 	let { content } = $$props;
 
 	const svgStyle = `
@@ -2090,18 +2094,18 @@ function instance$L($$self, $$props, $$invalidate) {
 class SvgImage extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$L, create_fragment$L, internal.safe_not_equal, { content: 0 }, add_css$G);
+		internal.init(this, options, instance$M, create_fragment$M, internal.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) {
 	internal.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 } });
@@ -2135,7 +2139,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;
 
@@ -2171,12 +2175,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) {
@@ -2259,7 +2263,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;
@@ -2291,18 +2295,18 @@ function instance$K($$self, $$props, $$invalidate) {
 class BaseImage extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$K, create_fragment$K, internal.safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css$F);
+		internal.init(this, options, instance$L, create_fragment$L, internal.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) {
 	internal.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;
@@ -2328,7 +2332,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;
@@ -2362,12 +2366,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);
@@ -2436,7 +2440,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;
@@ -2580,8 +2584,8 @@ class RoomLabel extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$J,
-			create_fragment$J,
+			instance$K,
+			create_fragment$K,
 			internal.safe_not_equal,
 			{
 				pxmm: 9,
@@ -2590,14 +2594,14 @@ class RoomLabel extends internal.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) {
 	internal.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}");
 }
 
@@ -2608,7 +2612,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();
@@ -2750,10 +2754,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() {
@@ -2774,7 +2778,7 @@ function create_fragment$I(ctx) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$p(ctx);
+					if_block = create_if_block$q(ctx);
 					if_block.c();
 					internal.transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -2805,7 +2809,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;
@@ -2862,8 +2866,8 @@ class RoomLabels extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$I,
-			create_fragment$I,
+			instance$J,
+			create_fragment$J,
 			internal.safe_not_equal,
 			{
 				floorIndex: 6,
@@ -2872,14 +2876,14 @@ class RoomLabels extends internal.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) {
 	internal.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}");
 }
 
@@ -2955,7 +2959,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;
@@ -3078,7 +3082,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;
@@ -3137,13 +3141,13 @@ function instance$H($$self, $$props, $$invalidate) {
 class RuleItem extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$H, create_fragment$H, internal.safe_not_equal, { type: 0, data: 4, bounding: 5 }, add_css$C);
+		internal.init(this, options, instance$I, create_fragment$I, internal.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) {
 	internal.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}");
 }
 
@@ -3220,7 +3224,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();
@@ -3300,7 +3304,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;
@@ -3380,7 +3384,7 @@ function instance$G($$self, $$props, $$invalidate) {
 class RuleLabels extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$G, create_fragment$G, internal.safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css$B);
+		internal.init(this, options, instance$H, create_fragment$H, internal.safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css$C);
 	}
 }
 
@@ -3437,7 +3441,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 {
@@ -3462,7 +3466,7 @@ function create_fragment$F(ctx) {
 	};
 }
 
-function instance$F($$self, $$props, $$invalidate) {
+function instance$G($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 
@@ -3482,13 +3486,13 @@ function instance$F($$self, $$props, $$invalidate) {
 class RoomMaterial_0 extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$F, create_fragment$F, internal.safe_not_equal, { path: 1 });
+		internal.init(this, options, instance$G, create_fragment$G, internal.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;
@@ -3549,7 +3553,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;
@@ -3571,13 +3575,13 @@ function instance$E($$self, $$props, $$invalidate) {
 class RoomMaterial_1 extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$E, create_fragment$E, internal.safe_not_equal, { path: 3 });
+		internal.init(this, options, instance$F, create_fragment$F, internal.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;
@@ -3678,7 +3682,7 @@ function create_fragment$D(ctx) {
 	};
 }
 
-function instance$D($$self, $$props, $$invalidate) {
+function instance$E($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 
@@ -3698,13 +3702,13 @@ function instance$D($$self, $$props, $$invalidate) {
 class RoomMaterial_2 extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$D, create_fragment$D, internal.safe_not_equal, { path: 1 });
+		internal.init(this, options, instance$E, create_fragment$E, internal.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) {
 	internal.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}");
 }
 
@@ -3715,7 +3719,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 } });
@@ -3749,7 +3753,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 } });
@@ -3783,7 +3787,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 } });
@@ -3822,7 +3826,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) {
@@ -3891,7 +3895,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];
@@ -3977,7 +3981,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;
@@ -4003,17 +4007,17 @@ function instance$C($$self, $$props, $$invalidate) {
 class RoomMaterial extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$C, create_fragment$C, internal.safe_not_equal, { floorIndex: 3, floorplanData: 4 }, add_css$A);
+		internal.init(this, options, instance$D, create_fragment$D, internal.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) {
 	internal.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;
@@ -4048,7 +4052,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;
@@ -4084,22 +4088,22 @@ class Room extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$B,
-			create_fragment$B,
+			instance$C,
+			create_fragment$C,
 			internal.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) {
 	internal.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}");
 }
 
@@ -4175,7 +4179,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 = [];
@@ -4249,7 +4253,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;
@@ -4272,22 +4276,22 @@ class RoomHighlight extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$A,
-			create_fragment$A,
+			instance$B,
+			create_fragment$B,
 			internal.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) {
 	internal.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}");
 }
 
@@ -4349,7 +4353,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;
 
@@ -4410,7 +4414,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;
 
@@ -4464,7 +4468,7 @@ function create_if_block$n(ctx) {
 	};
 }
 
-function create_fragment$z(ctx) {
+function create_fragment$A(ctx) {
 	let div;
 	let roommaterial;
 	let t0;
@@ -4505,8 +4509,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() {
@@ -4592,7 +4596,7 @@ function create_fragment$z(ctx) {
 						internal.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();
 					internal.transition_in(if_block1, 1);
 					if_block1.m(div, t3);
@@ -4615,7 +4619,7 @@ function create_fragment$z(ctx) {
 						internal.transition_in(if_block2, 1);
 					}
 				} else {
-					if_block2 = create_if_block$n(ctx);
+					if_block2 = create_if_block$o(ctx);
 					if_block2.c();
 					internal.transition_in(if_block2, 1);
 					if_block2.m(div, null);
@@ -4664,7 +4668,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;
@@ -4706,8 +4710,8 @@ class CurrentFloor$1 extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$z,
-			create_fragment$z,
+			instance$A,
+			create_fragment$A,
 			internal.safe_not_equal,
 			{
 				isCurrent: 0,
@@ -4719,14 +4723,14 @@ class CurrentFloor$1 extends internal.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) {
 	internal.append_styles(target, "svelte-86bqav", ".floorplan-main.svelte-86bqav{width:100%;height:100%;pointer-events:none}");
 }
 
@@ -4737,7 +4741,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;
@@ -4771,7 +4775,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() {
@@ -4851,7 +4855,7 @@ function create_if_block$m(ctx) {
 						internal.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();
 					internal.transition_in(if_block, 1);
 					if_block.m(div, null);
@@ -4985,7 +4989,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;
 
@@ -5025,10 +5029,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() {
@@ -5049,7 +5053,7 @@ function create_fragment$y(ctx) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$m(ctx);
+					if_block = create_if_block$n(ctx);
 					if_block.c();
 					internal.transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -5080,7 +5084,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;
@@ -5138,8 +5142,8 @@ class Main$1 extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$y,
-			create_fragment$y,
+			instance$z,
+			create_fragment$z,
 			internal.safe_not_equal,
 			{
 				duration: 0,
@@ -5157,7 +5161,7 @@ class Main$1 extends internal.SvelteComponent {
 				getLabelElement: 12,
 				adaptiveRoomLabelVisibleEnable: 13
 			},
-			add_css$w
+			add_css$x
 		);
 	}
 }
@@ -7353,11 +7357,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) {
 	internal.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;
@@ -7407,7 +7411,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;
@@ -7487,8 +7491,8 @@ class Camera extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$x,
-			create_fragment$x,
+			instance$y,
+			create_fragment$y,
 			internal.safe_not_equal,
 			{
 				five: 3,
@@ -7496,14 +7500,14 @@ class Camera extends internal.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) {
 	internal.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%)}");
 }
 
@@ -7573,7 +7577,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();
@@ -7621,7 +7625,7 @@ function create_fragment$w(ctx) {
 	};
 }
 
-function instance$w($$self, $$props, $$invalidate) {
+function instance$x($$self, $$props, $$invalidate) {
 	let { extraObjects = [] } = $$props;
 
 	$$self.$$set = $$props => {
@@ -7634,13 +7638,13 @@ function instance$w($$self, $$props, $$invalidate) {
 class ExtraObjects extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$w, create_fragment$w, internal.safe_not_equal, { extraObjects: 0 }, add_css$u);
+		internal.init(this, options, instance$x, create_fragment$x, internal.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;
 
@@ -7700,7 +7704,7 @@ function create_if_block$l(ctx) {
 	};
 }
 
-function create_fragment$v(ctx) {
+function create_fragment$w(ctx) {
 	let baseimage;
 	let t0;
 	let extraobjects;
@@ -7729,7 +7733,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() {
@@ -7772,7 +7776,7 @@ function create_fragment$v(ctx) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$l(ctx);
+					if_block = create_if_block$m(ctx);
 					if_block.c();
 					internal.transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -7811,7 +7815,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;
@@ -7854,7 +7858,7 @@ class CurrentFloor extends internal.SvelteComponent {
 	constructor(options) {
 		super();
 
-		internal.init(this, options, instance$v, create_fragment$v, internal.safe_not_equal, {
+		internal.init(this, options, instance$w, create_fragment$w, internal.safe_not_equal, {
 			five: 0,
 			pxmm: 1,
 			floorIndex: 2,
@@ -7867,16 +7871,16 @@ class CurrentFloor extends internal.SvelteComponent {
 
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/Main.svelte generated by Svelte v3.50.1 */
 
-function add_css$t(target) {
+function add_css$u(target) {
 	internal.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() {
@@ -7900,7 +7904,7 @@ function create_if_block$k(ctx) {
 						internal.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();
 					internal.transition_in(if_block, 1);
 					if_block.m(div, null);
@@ -7933,7 +7937,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;
@@ -8051,10 +8055,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() {
@@ -8075,7 +8079,7 @@ function create_fragment$u(ctx) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$k(ctx);
+					if_block = create_if_block$l(ctx);
 					if_block.c();
 					internal.transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -8106,7 +8110,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;
@@ -8192,8 +8196,8 @@ class Main extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$u,
-			create_fragment$u,
+			instance$v,
+			create_fragment$v,
 			internal.safe_not_equal,
 			{
 				five: 0,
@@ -8203,7 +8207,7 @@ class Main extends internal.SvelteComponent {
 				cameraImageUrl: 4,
 				extraObjects: 5
 			},
-			add_css$t
+			add_css$u
 		);
 	}
 }
@@ -9672,7 +9676,7 @@ const PanoRulerPlugin = (five$1, params) => {
 
 /* src/PanoRulerProPlugin/RulerItem.svelte generated by Svelte v3.50.1 */
 
-function add_css$s(target) {
+function add_css$t(target) {
 	internal.append_styles(target, "svelte-qy4ud2", ".PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2{position:absolute;transform-origin:left 0.0625rem;width:0;height:0.125rem;pointer-events:none}.PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2::after{content:'';position:absolute;left:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;-webkit-animation:svelte-qy4ud2-viewport-rule-point 0.1s 1s;animation:svelte-qy4ud2-viewport-rule-point 0.1s 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2::before{content:'';position:absolute;right:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;-webkit-animation:svelte-qy4ud2-viewport-rule-point 0.1s 1.5s;animation:svelte-qy4ud2-viewport-rule-point 0.1s 1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-qy4ud2 em.svelte-qy4ud2{display:block;height:0.0625rem;-webkit-animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-shadow:0 0 0.25rem rgb(0 0 0 / 40%);position:relative}.rule-mixed-line.svelte-qy4ud2.svelte-qy4ud2{display:flex;height:0.0625rem;-webkit-animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;align-items:center}.em-solid.svelte-qy4ud2.svelte-qy4ud2{height:100%;background:#ffffff}.em-dotted.svelte-qy4ud2.svelte-qy4ud2{height:0.125rem;background:var(--background-image);background-position:center;background-repeat:repeat}.PanoRulerPlugin-rule-label.svelte-qy4ud2.svelte-qy4ud2{position:absolute;width:0;height:0;top:0.0625rem;pointer-events:none}.PanoRulerPlugin-rule-label-name.svelte-qy4ud2.svelte-qy4ud2{position:absolute;padding:0.1875rem 0.375rem;background:rgba(195, 195, 195, 0.3);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem);border-radius:6.25rem;border:0.0625rem solid rgba(255, 255, 255, 0.6);white-space:nowrap;overflow:hidden;color:#ffffff;font-weight:500;font-size:0.75rem;line-height:1;-webkit-animation:svelte-qy4ud2-viewport-rule-label 0.25s ease 1s;animation:svelte-qy4ud2-viewport-rule-label 0.25s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-shadow:inset 0 0 0.625rem 0 rgba(255, 255, 255, 0.3)}@-webkit-keyframes svelte-qy4ud2-viewport-rule-line{0%{width:0%}100%{width:100%}}@keyframes svelte-qy4ud2-viewport-rule-line{0%{width:0%}100%{width:100%}}@-webkit-keyframes svelte-qy4ud2-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@keyframes svelte-qy4ud2-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@-webkit-keyframes svelte-qy4ud2-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@keyframes svelte-qy4ud2-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}");
 }
 
@@ -9683,7 +9687,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 = [];
@@ -9741,7 +9745,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;
 
@@ -9810,7 +9814,7 @@ function create_each_block$a(ctx) {
 	};
 }
 
-function create_fragment$t(ctx) {
+function create_fragment$u(ctx) {
 	let div2;
 	let t0;
 	let div1;
@@ -9825,8 +9829,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);
@@ -9924,7 +9928,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;
@@ -9959,7 +9963,7 @@ function instance$t($$self, $$props, $$invalidate) {
 class RulerItem extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$t, create_fragment$t, internal.safe_not_equal, { rulerItemProp: 0 }, add_css$s);
+		internal.init(this, options, instance$u, create_fragment$u, internal.safe_not_equal, { rulerItemProp: 0 }, add_css$t);
 	}
 }
 
@@ -10008,7 +10012,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];
@@ -10092,7 +10096,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: five$1 } = $$props;
 	let { rulerDatas } = $$props;
@@ -10310,7 +10314,7 @@ function instance$s($$self, $$props, $$invalidate) {
 class RulerItems extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$s, create_fragment$s, internal.safe_not_equal, { five: 1, rulerDatas: 2, options: 3 });
+		internal.init(this, options, instance$t, create_fragment$t, internal.safe_not_equal, { five: 1, rulerDatas: 2, options: 3 });
 	}
 }
 
@@ -15043,7 +15047,7 @@ const currentTarget = store.writable(null);
 
 /* src/PanoSpatialTagPlugin/Components/origins.svelte generated by Svelte v3.50.1 */
 
-function add_css$r(target) {
+function add_css$s(target) {
 	internal.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}}");
 }
 
@@ -15110,7 +15114,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 = [];
@@ -15167,7 +15171,7 @@ function create_fragment$r(ctx) {
 	};
 }
 
-function instance$r($$self, $$props, $$invalidate) {
+function instance$s($$self, $$props, $$invalidate) {
 	let { origins } = $$props;
 
 	const handleClick = id => {
@@ -15186,17 +15190,17 @@ function instance$r($$self, $$props, $$invalidate) {
 class Origins extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$r, create_fragment$r, internal.safe_not_equal, { origins: 0 }, add_css$r);
+		internal.init(this, options, instance$s, create_fragment$s, internal.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) {
 	internal.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;
@@ -15311,7 +15315,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;
@@ -15448,8 +15452,8 @@ class Tag$1 extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$q,
-			create_fragment$q,
+			instance$r,
+			create_fragment$r,
 			internal.safe_not_equal,
 			{
 				id: 0,
@@ -15464,7 +15468,7 @@ class Tag$1 extends internal.SvelteComponent {
 				events: 14,
 				hooks: 15
 			},
-			add_css$q
+			add_css$r
 		);
 	}
 }
@@ -16118,11 +16122,11 @@ exports.DISPLAY_STRATEGY_TYPE = void 0;
 
 /* src/ModelItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.50.1 */
 
-function add_css$p(target) {
+function add_css$q(target) {
 	internal.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;
@@ -16203,7 +16207,7 @@ function create_fragment$p(ctx) {
 	};
 }
 
-function instance$p($$self, $$props, $$invalidate) {
+function instance$q($$self, $$props, $$invalidate) {
 	let { itemLabel } = $$props;
 	let { hooks } = $$props;
 
@@ -16223,7 +16227,7 @@ function instance$p($$self, $$props, $$invalidate) {
 class ItemLabelItem$1 extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$p, create_fragment$p, internal.safe_not_equal, { itemLabel: 0, hooks: 2 }, add_css$p);
+		internal.init(this, options, instance$q, create_fragment$q, internal.safe_not_equal, { itemLabel: 0, hooks: 2 }, add_css$q);
 	}
 }
 
@@ -16244,7 +16248,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) {
 	internal.append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
 }
 
@@ -16303,7 +16307,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();
@@ -16383,7 +16387,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__namespace;
 	let { five } = $$props;
 	let { modelOcclusionEnable } = $$props;
@@ -16585,8 +16589,8 @@ class ItemLabelComponent$1 extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$o,
-			create_fragment$o,
+			instance$p,
+			create_fragment$p,
 			internal.safe_not_equal,
 			{
 				five: 5,
@@ -16595,7 +16599,7 @@ class ItemLabelComponent$1 extends internal.SvelteComponent {
 				hooks: 0,
 				displayStrategyType: 8
 			},
-			add_css$o
+			add_css$p
 		);
 	}
 }
@@ -17009,12 +17013,12 @@ exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE = void 0;
 
 /* src/ItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.50.1 */
 
-function add_css$n(target) {
+function add_css$o(target) {
 	internal.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;
@@ -17024,7 +17028,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() {
@@ -17055,7 +17059,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);
 				}
@@ -17076,7 +17080,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 {
@@ -17096,7 +17100,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;
@@ -17133,7 +17137,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;
@@ -17148,8 +17152,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);
@@ -17240,7 +17244,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;
@@ -17304,8 +17308,8 @@ class ItemLabelItem extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$n,
-			create_fragment$n,
+			instance$o,
+			create_fragment$o,
 			internal.safe_not_equal,
 			{
 				itemLabel: 0,
@@ -17313,7 +17317,7 @@ class ItemLabelItem extends internal.SvelteComponent {
 				anchorEnabled: 1,
 				onIconClick: 2
 			},
-			add_css$n
+			add_css$o
 		);
 	}
 }
@@ -17358,7 +17362,7 @@ function transform2RenderData(data) {
 
 /* src/ItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.50.1 */
 
-function add_css$m(target) {
+function add_css$n(target) {
 	internal.append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
 }
 
@@ -17369,7 +17373,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;
 
@@ -17417,7 +17421,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,
@@ -17445,7 +17449,7 @@ function create_each_block$6(key_1, ctx) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$h(ctx);
+					if_block = create_if_block$i(ctx);
 					if_block.c();
 					internal.transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -17477,7 +17481,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();
@@ -17555,7 +17559,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__namespace;
 	let { five: five$1 } = $$props;
 	let { modelOcclusionEnable } = $$props;
@@ -17848,8 +17852,8 @@ class ItemLabelComponent extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$m,
-			create_fragment$m,
+			instance$n,
+			create_fragment$n,
 			internal.safe_not_equal,
 			{
 				five: 7,
@@ -17860,7 +17864,7 @@ class ItemLabelComponent extends internal.SvelteComponent {
 				displayStrategyType: 11,
 				maxVisibleDistance: 12
 			},
-			add_css$m,
+			add_css$n,
 			[-1, -1]
 		);
 	}
@@ -18102,11 +18106,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) {
 	internal.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;
@@ -18161,7 +18165,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;
@@ -18234,7 +18238,7 @@ function instance$l($$self, $$props, $$invalidate) {
 class DoorLabelItem extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$l, create_fragment$l, internal.safe_not_equal, { props: 0, onClick: 1 }, add_css$l);
+		internal.init(this, options, instance$m, create_fragment$m, internal.safe_not_equal, { props: 0, onClick: 1 }, add_css$m);
 	}
 }
 
@@ -20353,12 +20357,12 @@ exports.LinkType = void 0;
 
 /* src/PanoTagPlugin/Components/Common/Line/Straight.svelte generated by Svelte v3.50.1 */
 
-function add_css$k(target) {
+function add_css$l(target) {
 	internal.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;
@@ -20416,13 +20420,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() {
@@ -20461,7 +20465,7 @@ function create_fragment$k(ctx) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$g(ctx);
+					if_block = create_if_block$h(ctx);
 					if_block.c();
 					internal.transition_in(if_block, 1);
 					if_block.m(svg, null);
@@ -20489,7 +20493,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;
@@ -20513,8 +20517,8 @@ class Straight extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$k,
-			create_fragment$k,
+			instance$l,
+			create_fragment$l,
 			internal.safe_not_equal,
 			{
 				inDelay: 0,
@@ -20522,19 +20526,19 @@ class Straight extends internal.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) {
 	internal.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;
@@ -20630,9 +20634,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() {
@@ -20652,7 +20656,7 @@ function create_fragment$j(ctx) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$f(ctx);
+					if_block = create_if_block$g(ctx);
 					if_block.c();
 					internal.transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -20684,7 +20688,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;
@@ -20742,8 +20746,8 @@ class Shadow extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$j,
-			create_fragment$j,
+			instance$k,
+			create_fragment$k,
 			internal.safe_not_equal,
 			{
 				inDelay: 0,
@@ -20761,14 +20765,19 @@ class Shadow extends internal.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) {
 	internal.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)}");
 }
 
@@ -20780,7 +20789,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] + "";
@@ -20817,7 +20826,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 = [];
@@ -20874,7 +20883,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;
@@ -20948,7 +20957,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) {
@@ -20968,8 +20992,8 @@ class Text extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$i,
-			create_fragment$i,
+			instance$j,
+			create_fragment$j,
 			internal.safe_not_equal,
 			{
 				inDelay: 2,
@@ -20977,7 +21001,7 @@ class Text extends internal.SvelteComponent {
 				content: 4,
 				unfolded: 5
 			},
-			add_css$i
+			add_css$j
 		);
 	}
 }
@@ -20987,12 +21011,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) {
 	internal.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;
@@ -21085,10 +21109,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() {
@@ -21109,7 +21133,7 @@ function create_fragment$h(ctx) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$e(ctx);
+					if_block = create_if_block$f(ctx);
 					if_block.c();
 					internal.transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -21140,7 +21164,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;
@@ -21169,8 +21193,8 @@ class Arrow extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$h,
-			create_fragment$h,
+			instance$i,
+			create_fragment$i,
 			internal.safe_not_equal,
 			{
 				direction: 0,
@@ -21179,14 +21203,14 @@ class Arrow extends internal.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) {
 	internal.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}");
 }
 
@@ -21258,7 +21282,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;
@@ -21305,7 +21329,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;
@@ -21320,7 +21344,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() {
@@ -21358,7 +21382,7 @@ function create_fragment$g(ctx) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$d(ctx);
+					if_block = create_if_block$e(ctx);
 					if_block.c();
 					internal.transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -21403,7 +21427,7 @@ function create_fragment$g(ctx) {
 	};
 }
 
-function instance$g($$self, $$props, $$invalidate) {
+function instance$h($$self, $$props, $$invalidate) {
 	let transform;
 	let arrowDirection;
 	let foldTextDelay;
@@ -21478,27 +21502,27 @@ class MultiLineText extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$g,
-			create_fragment$g,
+			instance$h,
+			create_fragment$h,
 			internal.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) {
 	internal.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;
@@ -21616,10 +21640,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() {
@@ -21640,7 +21664,7 @@ function create_fragment$f(ctx) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$c(ctx);
+					if_block = create_if_block$d(ctx);
 					if_block.c();
 					internal.transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -21671,7 +21695,7 @@ function create_fragment$f(ctx) {
 	};
 }
 
-function instance$f($$self, $$props, $$invalidate) {
+function instance$g($$self, $$props, $$invalidate) {
 	let unfolded;
 	let text;
 	let foldTextDelay;
@@ -21746,18 +21770,18 @@ function instance$f($$self, $$props, $$invalidate) {
 class TextTag extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$f, create_fragment$f, internal.safe_not_equal, { tag: 0 }, add_css$f);
+		internal.init(this, options, instance$g, create_fragment$g, internal.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) {
 	internal.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;
@@ -21817,13 +21841,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() {
@@ -21861,7 +21885,7 @@ function create_fragment$e(ctx) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$b(ctx);
+					if_block = create_if_block$c(ctx);
 					if_block.c();
 					internal.transition_in(if_block, 1);
 					if_block.m(svg, null);
@@ -21889,7 +21913,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;
@@ -21913,8 +21937,8 @@ class Polyline extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$e,
-			create_fragment$e,
+			instance$f,
+			create_fragment$f,
 			internal.safe_not_equal,
 			{
 				inDelay: 0,
@@ -21922,98 +21946,295 @@ class Polyline extends internal.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) {
+	internal.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 = internal.element("div");
+			if (if_block) if_block.c();
+			internal.attr(div, "class", "media-item svelte-6jwk1w");
+			internal.attr(div, "style", div_style_value = `object-fit: ${/*objectFit*/ ctx[1]};`);
+		},
+		m(target, anchor) {
+			internal.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]};`)) {
+				internal.attr(div, "style", div_style_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) internal.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 = internal.element("video");
+			t = internal.space();
+			div = internal.element("div");
+			internal.attr(video, "class", "media-content svelte-6jwk1w");
+			if (!internal.src_url_equal(video.src, video_src_value = /*media*/ ctx[0].url)) internal.attr(video, "src", video_src_value);
+			internal.attr(video, "poster", video_poster_value = /*media*/ ctx[0].videoCoverUrl ?? undefined);
+			internal.attr(video, "preload", video_preload_value = /*media*/ ctx[0].videoCoverUrl ? undefined : 'auto');
+			video.playsInline = true;
+			internal.attr(video, "paused", "");
+			video.loop = false;
+			internal.attr(video, "crossorigin", "");
+			video.controls = false;
+			video.muted = true;
+			internal.attr(div, "class", "video-icon svelte-6jwk1w");
+			internal.set_style(div, "background-image", "url(" + Image_Play + ")");
+		},
+		m(target, anchor) {
+			internal.insert(target, video, anchor);
+			internal.insert(target, t, anchor);
+			internal.insert(target, div, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*media*/ 1 && !internal.src_url_equal(video.src, video_src_value = /*media*/ ctx[0].url)) {
+				internal.attr(video, "src", video_src_value);
+			}
+
+			if (dirty & /*media*/ 1 && video_poster_value !== (video_poster_value = /*media*/ ctx[0].videoCoverUrl ?? undefined)) {
+				internal.attr(video, "poster", video_poster_value);
+			}
+
+			if (dirty & /*media*/ 1 && video_preload_value !== (video_preload_value = /*media*/ ctx[0].videoCoverUrl ? undefined : 'auto')) {
+				internal.attr(video, "preload", video_preload_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) internal.detach(video);
+			if (detaching) internal.detach(t);
+			if (detaching) internal.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 = internal.element("img");
+			internal.attr(img, "class", "media-content svelte-6jwk1w");
+			if (!internal.src_url_equal(img.src, img_src_value = /*media*/ ctx[0].url)) internal.attr(img, "src", img_src_value);
+			internal.attr(img, "alt", img_alt_value = /*media*/ ctx[0].name);
+		},
+		m(target, anchor) {
+			internal.insert(target, img, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*media*/ 1 && !internal.src_url_equal(img.src, img_src_value = /*media*/ ctx[0].url)) {
+				internal.attr(img, "src", img_src_value);
+			}
+
+			if (dirty & /*media*/ 1 && img_alt_value !== (img_alt_value = /*media*/ ctx[0].name)) {
+				internal.attr(img, "alt", img_alt_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) internal.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 = internal.empty();
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			internal.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: internal.noop,
+		o: internal.noop,
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) internal.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 internal.SvelteComponent {
+	constructor(options) {
+		super();
+		internal.init(this, options, instance$e, create_fragment$e, internal.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) {
-	internal.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%)}");
+	internal.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 = internal.element("div");
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].c();
-			}
-
-			internal.attr(div, "class", "media svelte-129jnm");
-			internal.toggle_class(div, "unfolded", /*unfolded*/ ctx[3]);
+			if_block.c();
+			internal.attr(div, "class", "media svelte-ai0lv9");
+			internal.toggle_class(div, "unfolded", /*unfolded*/ ctx[4]);
 		},
 		m(target, anchor) {
 			internal.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 {
+				internal.group_outros();
 
-				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context$3(ctx, each_value, i);
+				internal.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);
-					}
-				}
+				internal.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;
+				internal.transition_in(if_block, 1);
+				if_block.m(div, null);
 			}
 
-			if (!current || dirty & /*unfolded*/ 8) {
-				internal.toggle_class(div, "unfolded", /*unfolded*/ ctx[3]);
+			if (!current || dirty & /*unfolded*/ 16) {
+				internal.toggle_class(div, "unfolded", /*unfolded*/ ctx[4]);
 			}
 		},
 		i(local) {
 			if (current) return;
+			internal.transition_in(if_block);
 
 			if (local) {
 				internal.add_render_callback(() => {
 					if (div_outro) div_outro.end(1);
 
-					div_intro = internal.create_in_transition(div, transition.fly, /*animation*/ ctx[4]
+					div_intro = internal.create_in_transition(div, transition.fly, /*animation*/ ctx[5]
 					? {
 							y: 4,
-							duration: /*duration*/ ctx[2],
-							delay: /*inDelay*/ ctx[0],
+							duration: /*duration*/ ctx[3],
+							delay: /*inDelay*/ ctx[1],
 							easing: easing.linear
 						}
 					: undefined);
@@ -22025,14 +22246,15 @@ function create_if_block$a(ctx) {
 			current = true;
 		},
 		o(local) {
+			internal.transition_out(if_block);
 			if (div_intro) div_intro.invalidate();
 
 			if (local) {
-				div_outro = internal.create_out_transition(div, transition.fly, /*animation*/ ctx[4]
+				div_outro = internal.create_out_transition(div, transition.fly, /*animation*/ ctx[5]
 				? {
 						y: 4,
-						duration: /*duration*/ ctx[2],
-						delay: /*outDelay*/ ctx[1],
+						duration: /*duration*/ ctx[3],
+						delay: /*outDelay*/ ctx[2],
 						easing: easing.linear
 					}
 				: undefined);
@@ -22042,211 +22264,295 @@ function create_if_block$a(ctx) {
 		},
 		d(detaching) {
 			if (detaching) internal.detach(div);
-			internal.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 = internal.element("video");
-			internal.attr(video, "class", "media-content svelte-129jnm");
-			if (!internal.src_url_equal(video.src, video_src_value = /*media*/ ctx[9].url)) internal.attr(video, "src", video_src_value);
-			internal.attr(video, "poster", video_poster_value = /*media*/ ctx[9].videoCoverUrl);
-			video.playsInline = true;
-			internal.attr(video, "paused", "");
-			video.loop = false;
-			internal.attr(video, "preload", "auto");
-			internal.attr(video, "crossorigin", "");
-			video.controls = false;
-			video.muted = true;
+			internal.create_component(mediaitem.$$.fragment);
 		},
 		m(target, anchor) {
-			internal.insert(target, video, anchor);
+			internal.mount_component(mediaitem, target, anchor);
+			current = true;
 		},
 		p(ctx, dirty) {
-			if (dirty & /*mediaDataList*/ 64 && !internal.src_url_equal(video.src, video_src_value = /*media*/ ctx[9].url)) {
-				internal.attr(video, "src", video_src_value);
-			}
-
-			if (dirty & /*mediaDataList*/ 64 && video_poster_value !== (video_poster_value = /*media*/ ctx[9].videoCoverUrl)) {
-				internal.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;
+			internal.transition_in(mediaitem.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			internal.transition_out(mediaitem.$$.fragment, local);
+			current = false;
 		},
 		d(detaching) {
-			if (detaching) internal.detach(video);
+			internal.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$1;
+	let current;
+
+	swiper$1 = new svelte$1.Swiper({
+			props: {
+				style: "height: 100%",
+				modules: [swiper.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$1.$on("slideChange", /*slideChange_handler*/ ctx[13]);
 
 	return {
 		c() {
-			img = internal.element("img");
-			internal.attr(img, "class", "media-content svelte-129jnm");
-			if (!internal.src_url_equal(img.src, img_src_value = /*media*/ ctx[9].videoCoverUrl)) internal.attr(img, "src", img_src_value);
-			internal.attr(img, "alt", img_alt_value = /*media*/ ctx[9].name);
+			internal.create_component(swiper$1.$$.fragment);
 		},
 		m(target, anchor) {
-			internal.insert(target, img, anchor);
+			internal.mount_component(swiper$1, target, anchor);
+			current = true;
 		},
 		p(ctx, dirty) {
-			if (dirty & /*mediaDataList*/ 64 && !internal.src_url_equal(img.src, img_src_value = /*media*/ ctx[9].videoCoverUrl)) {
-				internal.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)) {
-				internal.attr(img, "alt", img_alt_value);
+			if (dirty & /*$$scope, mediaDataList, objectFit*/ 131392) {
+				swiper_changes.$$scope = { dirty, ctx };
 			}
+
+			swiper$1.$set(swiper_changes);
+		},
+		i(local) {
+			if (current) return;
+			internal.transition_in(swiper$1.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			internal.transition_out(swiper$1.$$.fragment, local);
+			current = false;
 		},
 		d(detaching) {
-			if (detaching) internal.detach(img);
+			internal.destroy_component(swiper$1, 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 = internal.element("img");
-			internal.attr(img, "class", "media-content carousel-indicator-item svelte-129jnm");
-			if (!internal.src_url_equal(img.src, img_src_value = /*media*/ ctx[9].url)) internal.attr(img, "src", img_src_value);
-			internal.attr(img, "alt", img_alt_value = /*media*/ ctx[9].name);
+			internal.create_component(mediaitem.$$.fragment);
+			t = internal.space();
 		},
 		m(target, anchor) {
-			internal.insert(target, img, anchor);
+			internal.mount_component(mediaitem, target, anchor);
+			internal.insert(target, t, anchor);
+			current = true;
 		},
 		p(ctx, dirty) {
-			if (dirty & /*mediaDataList*/ 64 && !internal.src_url_equal(img.src, img_src_value = /*media*/ ctx[9].url)) {
-				internal.attr(img, "src", img_src_value);
-			}
-
-			if (dirty & /*mediaDataList*/ 64 && img_alt_value !== (img_alt_value = /*media*/ ctx[9].name)) {
-				internal.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;
+			internal.transition_in(mediaitem.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			internal.transition_out(mediaitem.$$.fragment, local);
+			current = false;
 		},
 		d(detaching) {
-			if (detaching) internal.detach(img);
+			internal.destroy_component(mediaitem, detaching);
+			if (detaching) internal.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 svelte$1.SwiperSlide({
+			props: {
+				$$slots: { default: [create_default_slot_1] },
+				$$scope: { ctx }
+			}
+		});
 
 	return {
 		c() {
-			div = internal.element("div");
-			internal.attr(div, "class", "video-icon svelte-129jnm");
-			internal.set_style(div, "background-image", "url(" + Image_Play + ")");
+			internal.create_component(swiperslide.$$.fragment);
 		},
 		m(target, anchor) {
-			internal.insert(target, div, anchor);
+			internal.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;
+			internal.transition_in(swiperslide.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			internal.transition_out(swiperslide.$$.fragment, local);
+			current = false;
 		},
-		p: internal.noop,
 		d(detaching) {
-			if (detaching) internal.detach(div);
+			internal.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 => internal.transition_out(each_blocks[i], 1, 1, () => {
+		each_blocks[i] = null;
+	});
 
 	return {
 		c() {
-			div = internal.element("div");
-			if (if_block0) if_block0.c();
-			t0 = internal.space();
-			if (if_block1) if_block1.c();
-			t1 = internal.space();
-			internal.attr(div, "class", "carousel-item svelte-129jnm");
-			internal.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 = internal.empty();
 		},
 		m(target, anchor) {
-			internal.insert(target, div, anchor);
-			if (if_block0) if_block0.m(div, null);
-			internal.append(div, t0);
-			if (if_block1) if_block1.m(div, null);
-			internal.append(div, t1);
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(target, anchor);
+			}
+
+			internal.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);
+						internal.transition_in(each_blocks[i], 1);
+					} else {
+						each_blocks[i] = create_each_block$3(child_ctx);
+						each_blocks[i].c();
+						internal.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);
+				internal.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;
+
+				internal.check_outros();
 			}
+		},
+		i(local) {
+			if (current) return;
 
-			if (dirty & /*objectFit*/ 32 && div_style_value !== (div_style_value = `object-fit: ${/*objectFit*/ ctx[5]};`)) {
-				internal.attr(div, "style", div_style_value);
+			for (let i = 0; i < each_value.length; i += 1) {
+				internal.transition_in(each_blocks[i]);
 			}
+
+			current = true;
 		},
-		d(detaching) {
-			if (detaching) internal.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) {
+				internal.transition_out(each_blocks[i]);
 			}
 
-			if (if_block1) if_block1.d();
+			current = false;
+		},
+		d(detaching) {
+			internal.destroy_each(each_blocks, detaching);
+			if (detaching) internal.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() {
@@ -22256,13 +22562,14 @@ function create_fragment$d(ctx) {
 		m(target, anchor) {
 			if (if_block) if_block.m(target, anchor);
 			internal.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) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
@@ -22282,10 +22589,13 @@ function create_fragment$d(ctx) {
 			}
 		},
 		i(local) {
+			if (current) return;
 			internal.transition_in(if_block);
+			current = true;
 		},
 		o(local) {
 			internal.transition_out(if_block);
+			current = false;
 		},
 		d(detaching) {
 			if (if_block) if_block.d(detaching);
@@ -22295,7 +22605,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;
@@ -22304,34 +22616,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
 	];
 }
 
@@ -22346,14 +22717,15 @@ class Media extends internal.SvelteComponent {
 			create_fragment$d,
 			internal.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
 		);
@@ -22587,6 +22959,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,
@@ -23934,7 +24307,7 @@ function add_css$8(target) {
 	internal.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;
@@ -23942,10 +24315,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
 			}
@@ -23964,9 +24338,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) {
@@ -23988,7 +24364,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() {
@@ -24001,11 +24377,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) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
@@ -24043,8 +24419,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 => {
@@ -24053,23 +24431,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 internal.SvelteComponent {
@@ -26210,6 +26603,16 @@ class TagComputer extends TagCacheController {
             value: new THREE__namespace.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: 改变配置
      */
@@ -26264,7 +26667,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 });
@@ -26540,18 +26942,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;
@@ -26572,16 +26967,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 === exports.PointType.PointTag);
@@ -26601,9 +26986,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) {
@@ -26713,8 +27099,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__default["default"]({}, this.config, {
@@ -26728,17 +27115,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) => {
@@ -26748,7 +27133,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);
@@ -26764,10 +27149,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)
@@ -26858,7 +27251,7 @@ class PanoTagPluginController extends TagComputer {
         }
         // 3D 转 2D 的时候要销毁 3D container
         this.checkPanelTag();
-        this.updateRenderAllTag();
+        this.updateRenderAllTags();
     }
     /**
      * @description: 改变tag任意属性
@@ -26876,7 +27269,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();
     }
     /**
@@ -26890,12 +27283,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();
@@ -26906,7 +27318,7 @@ class PanoTagPluginController extends TagComputer {
     }
     handleEnable() {
         this.state.enabled = true;
-        this.updateRenderAllTag();
+        this.updateRenderAllTags();
     }
     handleDisable() {
         var _a;
@@ -26952,7 +27364,7 @@ class PanoTagPluginController extends TagComputer {
         // resize
         const show = () => {
             this.show();
-            this.updateRenderAllTag();
+            this.updateRenderAllTags();
         };
         const { observe: hideObserve, unobserve: hideUnobserve } = resizeObserver(throttle(() => {
             /**
@@ -26990,7 +27402,7 @@ class PanoTagPluginController extends TagComputer {
                 tag.temporaryState = Object.assign(Object.assign({}, tag.temporaryState), { visible: false });
             }
         });
-        this.updateRenderAllTag();
+        this.updateRenderAllTags();
     }
     /**
      * @description: 走点/切换模型后显示
@@ -27028,13 +27440,13 @@ class PanoTagPluginController extends TagComputer {
                         tag.state.unfolded = false;
                 });
             }
-            this.updateRenderAllTag();
+            this.updateRenderAllTags();
         }
     }
     /**
      * @description: 更新所有标签
      */
-    updateRenderAllTag() {
+    updateRenderAllTags() {
         this.updateRenderPointTag();
         this.updateRenderPlaneTag();
     }
@@ -27055,20 +27467,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的转动而展开