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

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('three'), require('three/examples/jsm/renderers/CSS3DRenderer'), require('@realsee/five/line'), require('svelte/internal'), require('svelte'), require('svelte/easing'), require('svelte/transition'), require('svelte/store'), require('@realsee/five'), require('three/examples/jsm/loaders/FBXLoader'), require('@tweenjs/tween.js'), require('hammerjs'), require('classnames'), require('object-assign-deep'), require('animejs')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'three', 'three/examples/jsm/renderers/CSS3DRenderer', '@realsee/five/line', 'svelte/internal', 'svelte', 'svelte/easing', 'svelte/transition', 'svelte/store', '@realsee/five', 'three/examples/jsm/loaders/FBXLoader', '@tweenjs/tween.js', 'hammerjs', 'classnames', 'object-assign-deep', 'animejs'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.dnalogel = {}, global.THREE, global.CSS3DRenderer, global.FiveSDK_Line, global.internal, global.svelte, global.easing, global.transition, global.store, global.five, global.FBXLoader, global.TWEEN, global.Hammer, global.classNames, global.objectAssignDeep, global.anime));
-})(this, (function (exports, THREE, CSS3DRenderer, line, internal, svelte, easing, transition, store, five, FBXLoader, TWEEN, Hammer, classNames, objectAssignDeep, anime) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('three'), require('three/examples/jsm/renderers/CSS3DRenderer'), require('@realsee/five/line'), require('svelte/internal'), require('svelte'), require('svelte/easing'), require('svelte/transition'), require('svelte/store'), require('@realsee/five'), require('three/examples/jsm/loaders/FBXLoader'), require('@tweenjs/tween.js'), require('hammerjs'), require('classnames'), require('object-assign-deep'), require('animejs'), require('swiper/svelte'), require('swiper'), require('swiper/css'), require('swiper/css/autoplay')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'three', 'three/examples/jsm/renderers/CSS3DRenderer', '@realsee/five/line', 'svelte/internal', 'svelte', 'svelte/easing', 'svelte/transition', 'svelte/store', '@realsee/five', 'three/examples/jsm/loaders/FBXLoader', '@tweenjs/tween.js', 'hammerjs', 'classnames', 'object-assign-deep', 'animejs', 'swiper/svelte', 'swiper', 'swiper/css', 'swiper/css/autoplay'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.dnalogel = {}, global.THREE, global.CSS3DRenderer, global.FiveSDK_Line, global.internal, global.svelte, global.easing, global.transition, global.store, global.five, global.FBXLoader, global.TWEEN, global.Hammer, global.classNames, global.objectAssignDeep, global.anime, global.svelte$1, global.swiper));
+})(this, (function (exports, THREE, CSS3DRenderer, line, internal, svelte, easing, transition, store, five, FBXLoader, TWEEN, Hammer, classNames, objectAssignDeep, anime, svelte$1, swiper) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -316,7 +316,7 @@
         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);
     }
 
@@ -903,7 +903,7 @@
     }
 
     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();
@@ -1096,11 +1096,11 @@
 
     /* 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 + "";
@@ -1167,7 +1167,7 @@
     	};
     }
 
-    function instance$Q($$self, $$props, $$invalidate) {
+    function instance$R($$self, $$props, $$invalidate) {
     	let { five } = $$props;
     	let { roomLabel } = $$props;
 
@@ -1190,7 +1190,7 @@
     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);
     	}
     }
 
@@ -1198,7 +1198,7 @@
 
     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}");
     }
 
@@ -1257,7 +1257,7 @@
     	};
     }
 
-    function create_fragment$P(ctx) {
+    function create_fragment$Q(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map_1();
@@ -1329,7 +1329,7 @@
     	};
     }
 
-    function instance$P($$self, $$props, $$invalidate) {
+    function instance$Q($$self, $$props, $$invalidate) {
     	let rendererSize;
     	let { five } = $$props;
     	let { roomLabels } = $$props;
@@ -1454,7 +1454,7 @@
     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);
     	}
     }
 
@@ -1760,11 +1760,11 @@
 
     /* 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;
 
@@ -1801,7 +1801,7 @@
     	};
     }
 
-    function instance$O($$self, $$props, $$invalidate) {
+    function instance$P($$self, $$props, $$invalidate) {
     	let { panoIndex } = $$props;
     	let { floorplanData } = $$props;
     	let { lastPanoramaLongitude } = $$props;
@@ -1847,8 +1847,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$O,
-    			create_fragment$O,
+    			instance$P,
+    			create_fragment$P,
     			internal.safe_not_equal,
     			{
     				panoIndex: 5,
@@ -1856,7 +1856,7 @@
     				lastPanoramaLongitude: 7,
     				cameraImageUrl: 0
     			},
-    			add_css$J
+    			add_css$K
     		);
     	}
     }
@@ -1865,12 +1865,12 @@
 
     /* 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;
@@ -1906,9 +1906,9 @@
     	};
     }
 
-    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() {
@@ -1935,7 +1935,7 @@
     	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;
@@ -1959,17 +1959,17 @@
     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;
 
@@ -1996,7 +1996,7 @@
     	};
     }
 
-    function instance$M($$self, $$props, $$invalidate) {
+    function instance$N($$self, $$props, $$invalidate) {
     	let { url } = $$props;
 
     	$$self.$$set = $$props => {
@@ -2009,17 +2009,17 @@
     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;
@@ -2052,7 +2052,7 @@
     	};
     }
 
-    function instance$L($$self, $$props, $$invalidate) {
+    function instance$M($$self, $$props, $$invalidate) {
     	let { content } = $$props;
 
     	const svgStyle = `
@@ -2076,18 +2076,18 @@
     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 } });
@@ -2121,7 +2121,7 @@
     }
 
     // (11:2) {#if svgContent}
-    function create_if_block$r(ctx) {
+    function create_if_block$s(ctx) {
     	let svgimage;
     	let current;
 
@@ -2157,12 +2157,12 @@
     	};
     }
 
-    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) {
@@ -2245,7 +2245,7 @@
     	};
     }
 
-    function instance$K($$self, $$props, $$invalidate) {
+    function instance$L($$self, $$props, $$invalidate) {
     	let imageData;
     	let svgContent;
     	var _a, _b;
@@ -2277,18 +2277,18 @@
     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;
@@ -2314,7 +2314,7 @@
     }
 
     // (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;
@@ -2348,12 +2348,12 @@
     	};
     }
 
-    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);
@@ -2422,7 +2422,7 @@
     	return inside;
     }
 
-    function instance$J($$self, $$props, $$invalidate) {
+    function instance$K($$self, $$props, $$invalidate) {
     	let isLabelInRoom;
     	let userConfigElement;
     	let labelVisible;
@@ -2566,8 +2566,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$J,
-    			create_fragment$J,
+    			instance$K,
+    			create_fragment$K,
     			internal.safe_not_equal,
     			{
     				pxmm: 9,
@@ -2576,14 +2576,14 @@
     				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}");
     }
 
@@ -2594,7 +2594,7 @@
     }
 
     // (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();
@@ -2736,10 +2736,10 @@
     	};
     }
 
-    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() {
@@ -2760,7 +2760,7 @@
     						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);
@@ -2791,7 +2791,7 @@
     	};
     }
 
-    function instance$I($$self, $$props, $$invalidate) {
+    function instance$J($$self, $$props, $$invalidate) {
     	let rooms;
     	let { floorIndex } = $$props;
     	let { floorplanData } = $$props;
@@ -2848,8 +2848,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$I,
-    			create_fragment$I,
+    			instance$J,
+    			create_fragment$J,
     			internal.safe_not_equal,
     			{
     				floorIndex: 6,
@@ -2858,14 +2858,14 @@
     				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}");
     }
 
@@ -2941,7 +2941,7 @@
     	};
     }
 
-    function create_fragment$H(ctx) {
+    function create_fragment$I(ctx) {
     	let div3;
     	let div0;
     	let t0;
@@ -3064,7 +3064,7 @@
     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;
@@ -3123,13 +3123,13 @@
     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}");
     }
 
@@ -3206,7 +3206,7 @@
     	};
     }
 
-    function create_fragment$G(ctx) {
+    function create_fragment$H(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map();
@@ -3286,7 +3286,7 @@
     const padding = 1000;
     const exteriorWallOffset = 180;
 
-    function instance$G($$self, $$props, $$invalidate) {
+    function instance$H($$self, $$props, $$invalidate) {
     	let bounding;
     	let ruleLabelData;
     	let ruleLabelDataKeys;
@@ -3366,7 +3366,7 @@
     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);
     	}
     }
 
@@ -3423,7 +3423,7 @@
 
     /* 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 {
@@ -3448,7 +3448,7 @@
     	};
     }
 
-    function instance$F($$self, $$props, $$invalidate) {
+    function instance$G($$self, $$props, $$invalidate) {
     	let d;
     	let { path } = $$props;
 
@@ -3468,13 +3468,13 @@
     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;
@@ -3535,7 +3535,7 @@
 
     const halfWidth = 6;
 
-    function instance$E($$self, $$props, $$invalidate) {
+    function instance$F($$self, $$props, $$invalidate) {
     	let d;
     	let { path } = $$props;
     	const width = halfWidth * 2;
@@ -3557,13 +3557,13 @@
     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;
@@ -3664,7 +3664,7 @@
     	};
     }
 
-    function instance$D($$self, $$props, $$invalidate) {
+    function instance$E($$self, $$props, $$invalidate) {
     	let d;
     	let { path } = $$props;
 
@@ -3684,13 +3684,13 @@
     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}");
     }
 
@@ -3701,7 +3701,7 @@
     }
 
     // (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 } });
@@ -3735,7 +3735,7 @@
     }
 
     // (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 } });
@@ -3769,7 +3769,7 @@
     }
 
     // (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 } });
@@ -3808,7 +3808,7 @@
     	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) {
@@ -3877,7 +3877,7 @@
     	};
     }
 
-    function create_fragment$C(ctx) {
+    function create_fragment$D(ctx) {
     	let div;
     	let current;
     	let each_value = /*rooms*/ ctx[0];
@@ -3963,7 +3963,7 @@
     	};
     }
 
-    function instance$C($$self, $$props, $$invalidate) {
+    function instance$D($$self, $$props, $$invalidate) {
     	let rooms;
     	let { floorIndex } = $$props;
     	let { floorplanData } = $$props;
@@ -3989,17 +3989,17 @@
     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;
@@ -4034,7 +4034,7 @@
     	};
     }
 
-    function instance$B($$self, $$props, $$invalidate) {
+    function instance$C($$self, $$props, $$invalidate) {
     	let { room } = $$props;
     	let { floorplanData } = $$props;
     	let { hoveredRoom } = $$props;
@@ -4070,22 +4070,22 @@
     		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}");
     }
 
@@ -4161,7 +4161,7 @@
     	};
     }
 
-    function create_fragment$A(ctx) {
+    function create_fragment$B(ctx) {
     	let div;
     	let svg;
     	let each_blocks = [];
@@ -4235,7 +4235,7 @@
     	};
     }
 
-    function instance$A($$self, $$props, $$invalidate) {
+    function instance$B($$self, $$props, $$invalidate) {
     	let { floorIndex } = $$props;
     	let { floorplanData } = $$props;
     	let { hoveredRoom } = $$props;
@@ -4258,22 +4258,22 @@
     		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}");
     }
 
@@ -4335,7 +4335,7 @@
     }
 
     // (24:2) {#if roomLabelsEnable}
-    function create_if_block_1$a(ctx) {
+    function create_if_block_1$b(ctx) {
     	let roomlabels;
     	let current;
 
@@ -4396,7 +4396,7 @@
     }
 
     // (27:2) {#if ruleLabelsEnable}
-    function create_if_block$n(ctx) {
+    function create_if_block$o(ctx) {
     	let rulelabels;
     	let current;
 
@@ -4450,7 +4450,7 @@
     	};
     }
 
-    function create_fragment$z(ctx) {
+    function create_fragment$A(ctx) {
     	let div;
     	let roommaterial;
     	let t0;
@@ -4491,8 +4491,8 @@
     	}
 
     	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() {
@@ -4578,7 +4578,7 @@
     						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);
@@ -4601,7 +4601,7 @@
     						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);
@@ -4650,7 +4650,7 @@
     	};
     }
 
-    function instance$z($$self, $$props, $$invalidate) {
+    function instance$A($$self, $$props, $$invalidate) {
     	let { isCurrent } = $$props;
     	let { floorIndex } = $$props;
     	let { hoverEnable } = $$props;
@@ -4692,8 +4692,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$z,
-    			create_fragment$z,
+    			instance$A,
+    			create_fragment$A,
     			internal.safe_not_equal,
     			{
     				isCurrent: 0,
@@ -4705,14 +4705,14 @@
     				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}");
     }
 
@@ -4723,7 +4723,7 @@
     }
 
     // (22:0) {#if visible}
-    function create_if_block$m(ctx) {
+    function create_if_block$n(ctx) {
     	let div;
     	let t0;
     	let camera;
@@ -4757,7 +4757,7 @@
     	}
 
     	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() {
@@ -4837,7 +4837,7 @@
     						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);
@@ -4971,7 +4971,7 @@
     }
 
     // (39:4) {#if compassEnable}
-    function create_if_block_1$9(ctx) {
+    function create_if_block_1$a(ctx) {
     	let compass;
     	let current;
 
@@ -5011,10 +5011,10 @@
     	};
     }
 
-    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() {
@@ -5035,7 +5035,7 @@
     						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);
@@ -5066,7 +5066,7 @@
     	};
     }
 
-    function instance$y($$self, $$props, $$invalidate) {
+    function instance$z($$self, $$props, $$invalidate) {
     	let { duration = 0 } = $$props;
     	let { visible } = $$props;
     	let { northDesc } = $$props;
@@ -5124,8 +5124,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$y,
-    			create_fragment$y,
+    			instance$z,
+    			create_fragment$z,
     			internal.safe_not_equal,
     			{
     				duration: 0,
@@ -5143,7 +5143,7 @@
     				getLabelElement: 12,
     				adaptiveRoomLabelVisibleEnable: 13
     			},
-    			add_css$w
+    			add_css$x
     		);
     	}
     }
@@ -7339,11 +7339,11 @@
 
     /* 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;
@@ -7393,7 +7393,7 @@
     	return `rotate(${rotate}deg)`;
     }
 
-    function instance$x($$self, $$props, $$invalidate) {
+    function instance$y($$self, $$props, $$invalidate) {
     	let positionTransform;
     	let rotateTransform;
     	let { five } = $$props;
@@ -7473,8 +7473,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$x,
-    			create_fragment$x,
+    			instance$y,
+    			create_fragment$y,
     			internal.safe_not_equal,
     			{
     				five: 3,
@@ -7482,14 +7482,14 @@
     				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%)}");
     }
 
@@ -7559,7 +7559,7 @@
     	};
     }
 
-    function create_fragment$w(ctx) {
+    function create_fragment$x(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map();
@@ -7607,7 +7607,7 @@
     	};
     }
 
-    function instance$w($$self, $$props, $$invalidate) {
+    function instance$x($$self, $$props, $$invalidate) {
     	let { extraObjects = [] } = $$props;
 
     	$$self.$$set = $$props => {
@@ -7620,13 +7620,13 @@
     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;
 
@@ -7686,7 +7686,7 @@
     	};
     }
 
-    function create_fragment$v(ctx) {
+    function create_fragment$w(ctx) {
     	let baseimage;
     	let t0;
     	let extraobjects;
@@ -7715,7 +7715,7 @@
     			}
     		});
 
-    	let if_block = /*hoverEnable*/ ctx[3] && create_if_block$l(ctx);
+    	let if_block = /*hoverEnable*/ ctx[3] && create_if_block$m(ctx);
 
     	return {
     		c() {
@@ -7758,7 +7758,7 @@
     						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);
@@ -7797,7 +7797,7 @@
     	};
     }
 
-    function instance$v($$self, $$props, $$invalidate) {
+    function instance$w($$self, $$props, $$invalidate) {
     	let currentFloorExtraObjects;
     	let { five } = $$props;
     	let { pxmm } = $$props;
@@ -7840,7 +7840,7 @@
     	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,
@@ -7853,16 +7853,16 @@
 
     /* 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() {
@@ -7886,7 +7886,7 @@
     						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);
@@ -7919,7 +7919,7 @@
     }
 
     // (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;
@@ -8037,10 +8037,10 @@
     	};
     }
 
-    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() {
@@ -8061,7 +8061,7 @@
     						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);
@@ -8092,7 +8092,7 @@
     	};
     }
 
-    function instance$u($$self, $$props, $$invalidate) {
+    function instance$v($$self, $$props, $$invalidate) {
     	let { five } = $$props;
     	let { visible } = $$props;
     	let { hoverEnable } = $$props;
@@ -8178,8 +8178,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$u,
-    			create_fragment$u,
+    			instance$v,
+    			create_fragment$v,
     			internal.safe_not_equal,
     			{
     				five: 0,
@@ -8189,7 +8189,7 @@
     				cameraImageUrl: 4,
     				extraObjects: 5
     			},
-    			add_css$t
+    			add_css$u
     		);
     	}
     }
@@ -9658,7 +9658,7 @@
 
     /* 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)}}");
     }
 
@@ -9669,7 +9669,7 @@
     }
 
     // (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 = [];
@@ -9727,7 +9727,7 @@
     }
 
     // (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;
 
@@ -9796,7 +9796,7 @@
     	};
     }
 
-    function create_fragment$t(ctx) {
+    function create_fragment$u(ctx) {
     	let div2;
     	let t0;
     	let div1;
@@ -9811,8 +9811,8 @@
     	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);
@@ -9910,7 +9910,7 @@
     	};
     }
 
-    function instance$t($$self, $$props, $$invalidate) {
+    function instance$u($$self, $$props, $$invalidate) {
     	let vars;
     	let { rulerItemProp } = $$props;
     	let _visible = true;
@@ -9945,7 +9945,7 @@
     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);
     	}
     }
 
@@ -9994,7 +9994,7 @@
     	};
     }
 
-    function create_fragment$s(ctx) {
+    function create_fragment$t(ctx) {
     	let div;
     	let current;
     	let each_value = /*rulerItemProp*/ ctx[0];
@@ -10078,7 +10078,7 @@
     	};
     }
 
-    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;
@@ -10296,7 +10296,7 @@
     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 });
     	}
     }
 
@@ -15029,7 +15029,7 @@ void main() {
 
     /* 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}}");
     }
 
@@ -15096,7 +15096,7 @@ void main() {
     	};
     }
 
-    function create_fragment$r(ctx) {
+    function create_fragment$s(ctx) {
     	let each_1_anchor;
     	let each_value = /*origins*/ ctx[0];
     	let each_blocks = [];
@@ -15153,7 +15153,7 @@ void main() {
     	};
     }
 
-    function instance$r($$self, $$props, $$invalidate) {
+    function instance$s($$self, $$props, $$invalidate) {
     	let { origins } = $$props;
 
     	const handleClick = id => {
@@ -15172,17 +15172,17 @@ void main() {
     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;
@@ -15297,7 +15297,7 @@ void main() {
     	};
     }
 
-    function instance$q($$self, $$props, $$invalidate) {
+    function instance$r($$self, $$props, $$invalidate) {
     	let { id } = $$props;
     	let { upsideDown } = $$props;
     	let { content } = $$props;
@@ -15434,8 +15434,8 @@ void main() {
     		internal.init(
     			this,
     			options,
-    			instance$q,
-    			create_fragment$q,
+    			instance$r,
+    			create_fragment$r,
     			internal.safe_not_equal,
     			{
     				id: 0,
@@ -15450,7 +15450,7 @@ void main() {
     				events: 14,
     				hooks: 15
     			},
-    			add_css$q
+    			add_css$r
     		);
     	}
     }
@@ -16104,11 +16104,11 @@ void main() {
 
     /* 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;
@@ -16189,7 +16189,7 @@ void main() {
     	};
     }
 
-    function instance$p($$self, $$props, $$invalidate) {
+    function instance$q($$self, $$props, $$invalidate) {
     	let { itemLabel } = $$props;
     	let { hooks } = $$props;
 
@@ -16209,7 +16209,7 @@ void main() {
     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);
     	}
     }
 
@@ -16230,7 +16230,7 @@ void main() {
 
     /* 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}");
     }
 
@@ -16289,7 +16289,7 @@ void main() {
     	};
     }
 
-    function create_fragment$o(ctx) {
+    function create_fragment$p(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map();
@@ -16369,7 +16369,7 @@ void main() {
     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;
@@ -16571,8 +16571,8 @@ void main() {
     		internal.init(
     			this,
     			options,
-    			instance$o,
-    			create_fragment$o,
+    			instance$p,
+    			create_fragment$p,
     			internal.safe_not_equal,
     			{
     				five: 5,
@@ -16581,7 +16581,7 @@ void main() {
     				hooks: 0,
     				displayStrategyType: 8
     			},
-    			add_css$o
+    			add_css$p
     		);
     	}
     }
@@ -16995,12 +16995,12 @@ void main() {
 
     /* 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;
@@ -17010,7 +17010,7 @@ void main() {
     	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() {
@@ -17041,7 +17041,7 @@ void main() {
     				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);
     				}
@@ -17062,7 +17062,7 @@ void main() {
     }
 
     // (32:8) {#if Boolean(typeof itemLabel.render === 'function')}
-    function create_if_block$i(ctx) {
+    function create_if_block$j(ctx) {
     	let div;
 
     	return {
@@ -17082,7 +17082,7 @@ void main() {
     }
 
     // (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;
@@ -17119,7 +17119,7 @@ void main() {
     	};
     }
 
-    function create_fragment$n(ctx) {
+    function create_fragment$o(ctx) {
     	let div2;
     	let div0;
     	let show_if;
@@ -17134,8 +17134,8 @@ void main() {
     	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);
@@ -17226,7 +17226,7 @@ void main() {
     	};
     }
 
-    function instance$n($$self, $$props, $$invalidate) {
+    function instance$o($$self, $$props, $$invalidate) {
     	let { itemLabel } = $$props;
     	let { hooks } = $$props;
     	let { anchorEnabled } = $$props;
@@ -17290,8 +17290,8 @@ void main() {
     		internal.init(
     			this,
     			options,
-    			instance$n,
-    			create_fragment$n,
+    			instance$o,
+    			create_fragment$o,
     			internal.safe_not_equal,
     			{
     				itemLabel: 0,
@@ -17299,7 +17299,7 @@ void main() {
     				anchorEnabled: 1,
     				onIconClick: 2
     			},
-    			add_css$n
+    			add_css$o
     		);
     	}
     }
@@ -17344,7 +17344,7 @@ void main() {
 
     /* 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}");
     }
 
@@ -17355,7 +17355,7 @@ void main() {
     }
 
     // (234:2) {#if itemLabelItem.visible}
-    function create_if_block$h(ctx) {
+    function create_if_block$i(ctx) {
     	let itemlabelitem;
     	let current;
 
@@ -17403,7 +17403,7 @@ void main() {
     	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,
@@ -17431,7 +17431,7 @@ void main() {
     						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);
@@ -17463,7 +17463,7 @@ void main() {
     	};
     }
 
-    function create_fragment$m(ctx) {
+    function create_fragment$n(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map();
@@ -17541,7 +17541,7 @@ void main() {
     }
     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;
@@ -17834,8 +17834,8 @@ void main() {
     		internal.init(
     			this,
     			options,
-    			instance$m,
-    			create_fragment$m,
+    			instance$n,
+    			create_fragment$n,
     			internal.safe_not_equal,
     			{
     				five: 7,
@@ -17846,7 +17846,7 @@ void main() {
     				displayStrategyType: 11,
     				maxVisibleDistance: 12
     			},
-    			add_css$m,
+    			add_css$n,
     			[-1, -1]
     		);
     	}
@@ -18088,11 +18088,11 @@ void main() {
 
     /* 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;
@@ -18147,7 +18147,7 @@ void main() {
     	};
     }
 
-    function instance$l($$self, $$props, $$invalidate) {
+    function instance$m($$self, $$props, $$invalidate) {
     	let { props } = $$props;
     	let { onClick } = $$props;
     	let divElement;
@@ -18220,7 +18220,7 @@ void main() {
     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);
     	}
     }
 
@@ -20339,12 +20339,12 @@ void main() {
 
     /* 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;
@@ -20402,13 +20402,13 @@ void main() {
     	};
     }
 
-    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() {
@@ -20447,7 +20447,7 @@ void main() {
     						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);
@@ -20475,7 +20475,7 @@ void main() {
     	};
     }
 
-    function instance$k($$self, $$props, $$invalidate) {
+    function instance$l($$self, $$props, $$invalidate) {
     	let { inDelay = 0 } = $$props;
     	let { duration = 0 } = $$props;
     	let { outDelay = 0 } = $$props;
@@ -20499,8 +20499,8 @@ void main() {
     		internal.init(
     			this,
     			options,
-    			instance$k,
-    			create_fragment$k,
+    			instance$l,
+    			create_fragment$l,
     			internal.safe_not_equal,
     			{
     				inDelay: 0,
@@ -20508,19 +20508,19 @@ void main() {
     				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;
@@ -20616,9 +20616,9 @@ void main() {
     	};
     }
 
-    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() {
@@ -20638,7 +20638,7 @@ void main() {
     						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);
@@ -20670,7 +20670,7 @@ void main() {
     	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;
@@ -20728,8 +20728,8 @@ void main() {
     		internal.init(
     			this,
     			options,
-    			instance$j,
-    			create_fragment$j,
+    			instance$k,
+    			create_fragment$k,
     			internal.safe_not_equal,
     			{
     				inDelay: 0,
@@ -20747,14 +20747,19 @@ void main() {
     				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)}");
     }
 
@@ -20766,7 +20771,7 @@ void main() {
     	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] + "";
@@ -20803,7 +20808,7 @@ void main() {
     	};
     }
 
-    function create_fragment$i(ctx) {
+    function create_fragment$j(ctx) {
     	let each_1_anchor;
     	let each_value = /*contentList*/ ctx[1];
     	let each_blocks = [];
@@ -20860,7 +20865,7 @@ void main() {
     	};
     }
 
-    function instance$i($$self, $$props, $$invalidate) {
+    function instance$j($$self, $$props, $$invalidate) {
     	let contentList;
     	let { inDelay = 0 } = $$props;
     	let { outDelay = 0 } = $$props;
@@ -20934,7 +20939,22 @@ void main() {
 
     	$$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) {
@@ -20954,8 +20974,8 @@ void main() {
     		internal.init(
     			this,
     			options,
-    			instance$i,
-    			create_fragment$i,
+    			instance$j,
+    			create_fragment$j,
     			internal.safe_not_equal,
     			{
     				inDelay: 2,
@@ -20963,7 +20983,7 @@ void main() {
     				content: 4,
     				unfolded: 5
     			},
-    			add_css$i
+    			add_css$j
     		);
     	}
     }
@@ -20973,12 +20993,12 @@ void main() {
 
     /* 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;
@@ -21071,10 +21091,10 @@ void main() {
     	};
     }
 
-    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() {
@@ -21095,7 +21115,7 @@ void main() {
     						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);
@@ -21126,7 +21146,7 @@ void main() {
     	};
     }
 
-    function instance$h($$self, $$props, $$invalidate) {
+    function instance$i($$self, $$props, $$invalidate) {
     	let { direction = 'right' } = $$props;
     	let { visible = true } = $$props;
     	let { duration = 0 } = $$props;
@@ -21155,8 +21175,8 @@ void main() {
     		internal.init(
     			this,
     			options,
-    			instance$h,
-    			create_fragment$h,
+    			instance$i,
+    			create_fragment$i,
     			internal.safe_not_equal,
     			{
     				direction: 0,
@@ -21165,14 +21185,14 @@ void main() {
     				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}");
     }
 
@@ -21244,7 +21264,7 @@ void main() {
     }
 
     // (28:0) {#if lineHeight < textHeight}
-    function create_if_block$d(ctx) {
+    function create_if_block$e(ctx) {
     	let div;
     	let arrow;
     	let current;
@@ -21291,7 +21311,7 @@ void main() {
     	};
     }
 
-    function create_fragment$g(ctx) {
+    function create_fragment$h(ctx) {
     	let each_blocks = [];
     	let each_1_lookup = new Map();
     	let t;
@@ -21306,7 +21326,7 @@ void main() {
     		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() {
@@ -21344,7 +21364,7 @@ void main() {
     						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);
@@ -21389,7 +21409,7 @@ void main() {
     	};
     }
 
-    function instance$g($$self, $$props, $$invalidate) {
+    function instance$h($$self, $$props, $$invalidate) {
     	let transform;
     	let arrowDirection;
     	let foldTextDelay;
@@ -21464,27 +21484,27 @@ void main() {
     		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;
@@ -21602,10 +21622,10 @@ void main() {
     	};
     }
 
-    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() {
@@ -21626,7 +21646,7 @@ void main() {
     						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);
@@ -21657,7 +21677,7 @@ void main() {
     	};
     }
 
-    function instance$f($$self, $$props, $$invalidate) {
+    function instance$g($$self, $$props, $$invalidate) {
     	let unfolded;
     	let text;
     	let foldTextDelay;
@@ -21732,18 +21752,18 @@ void main() {
     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;
@@ -21803,13 +21823,13 @@ void main() {
     	};
     }
 
-    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() {
@@ -21847,7 +21867,7 @@ void main() {
     						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);
@@ -21875,7 +21895,7 @@ void main() {
     	};
     }
 
-    function instance$e($$self, $$props, $$invalidate) {
+    function instance$f($$self, $$props, $$invalidate) {
     	let { inDelay = 0 } = $$props;
     	let { duration = 0 } = $$props;
     	let { outDelay = 0 } = $$props;
@@ -21899,8 +21919,8 @@ void main() {
     		internal.init(
     			this,
     			options,
-    			instance$e,
-    			create_fragment$e,
+    			instance$f,
+    			create_fragment$f,
     			internal.safe_not_equal,
     			{
     				inDelay: 0,
@@ -21908,98 +21928,295 @@ void main() {
     				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);
@@ -22011,14 +22228,15 @@ void main() {
     			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);
@@ -22028,211 +22246,295 @@ void main() {
     		},
     		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() {
@@ -22242,13 +22544,14 @@ void main() {
     		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 {
@@ -22268,10 +22571,13 @@ void main() {
     			}
     		},
     		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);
@@ -22281,7 +22587,9 @@ void main() {
     }
 
     function instance$d($$self, $$props, $$invalidate) {
+    	let carouselEnabled;
     	let mediaDataList;
+    	let autoplay;
     	let { mediaData } = $$props;
     	let { inDelay = 0 } = $$props;
     	let { outDelay = 0 } = $$props;
@@ -22290,34 +22598,93 @@ void main() {
     	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
     	];
     }
 
@@ -22332,14 +22699,15 @@ void main() {
     			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
     		);
@@ -22573,6 +22941,7 @@ void main() {
 
     	media = new Media({
     			props: {
+    				autoplayConfig: { autoplay: false },
     				unfolded: /*unfolded*/ ctx[4],
     				mediaData: /*mediaData*/ ctx[3],
     				inDelay: 500,
@@ -23920,7 +24289,7 @@ void main() {
     	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;
@@ -23928,10 +24297,11 @@ void main() {
 
     	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
     			}
@@ -23950,9 +24320,11 @@ void main() {
     		},
     		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) {
@@ -23974,7 +24346,7 @@ void main() {
     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() {
@@ -23987,11 +24359,11 @@ void main() {
     			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 {
@@ -24029,8 +24401,10 @@ void main() {
     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 => {
@@ -24039,23 +24413,38 @@ void main() {
 
     	$$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 {
@@ -26196,6 +26585,16 @@ void main() {
                 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: 改变配置
          */
@@ -26250,7 +26649,6 @@ void main() {
                 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 });
@@ -26526,18 +26924,11 @@ void main() {
                 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;
@@ -26558,16 +26949,6 @@ void main() {
                 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);
@@ -26587,9 +26968,10 @@ void main() {
     }
 
     // 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) {
@@ -26699,8 +27081,9 @@ void main() {
         /**
          * @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, {
@@ -26714,17 +27097,15 @@ void main() {
                 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) => {
@@ -26734,7 +27115,7 @@ void main() {
                 .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);
@@ -26750,10 +27131,18 @@ void main() {
                     }, 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)
@@ -26844,7 +27233,7 @@ void main() {
             }
             // 3D 转 2D 的时候要销毁 3D container
             this.checkPanelTag();
-            this.updateRenderAllTag();
+            this.updateRenderAllTags();
         }
         /**
          * @description: 改变tag任意属性
@@ -26862,7 +27251,7 @@ void main() {
             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();
         }
         /**
@@ -26876,12 +27265,31 @@ void main() {
                     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();
@@ -26892,7 +27300,7 @@ void main() {
         }
         handleEnable() {
             this.state.enabled = true;
-            this.updateRenderAllTag();
+            this.updateRenderAllTags();
         }
         handleDisable() {
             var _a;
@@ -26938,7 +27346,7 @@ void main() {
             // resize
             const show = () => {
                 this.show();
-                this.updateRenderAllTag();
+                this.updateRenderAllTags();
             };
             const { observe: hideObserve, unobserve: hideUnobserve } = resizeObserver(throttle(() => {
                 /**
@@ -26976,7 +27384,7 @@ void main() {
                     tag.temporaryState = Object.assign(Object.assign({}, tag.temporaryState), { visible: false });
                 }
             });
-            this.updateRenderAllTag();
+            this.updateRenderAllTags();
         }
         /**
          * @description: 走点/切换模型后显示
@@ -27014,13 +27422,13 @@ void main() {
                             tag.state.unfolded = false;
                     });
                 }
-                this.updateRenderAllTag();
+                this.updateRenderAllTags();
             }
         }
         /**
          * @description: 更新所有标签
          */
-        updateRenderAllTag() {
+        updateRenderAllTags() {
             this.updateRenderPointTag();
             this.updateRenderPlaneTag();
         }
@@ -27041,20 +27449,20 @@ void main() {
                 // 设置展开/收起
                 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的转动而展开