@realsee/dnalogel 2.1.0-alpha.16 → 2.1.0-alpha.17

package/libs/ItemLabelPlugin/Plugin.js

@@ -1,5 +1,5 @@
 import { Five, Subscribe } from "@realsee/five";
-import ItemLabelComponent from './ItemLabelComponent.svelte';
+import ItemLabelComponent from './ItemLabelComponent';
 import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from "./typings";
 import { parseItemLabelPluginData } from "./utils/parseData";
 const defaultMaxVisibleDistance = undefined;

package/libs/ItemLabelPlugin/typings.d.ts

@@ -1,6 +1,6 @@
 import type { Subscribe } from "@realsee/five";
 import type { PluginEvent } from "./events.type";
-import type ItemLabelComponent from './ItemLabelComponent.svelte';
+import type ItemLabelComponent from './ItemLabelComponent';
 export declare enum ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE {
     SMALL = "small",
     MIDLLE = "middle",

package/libs/ModelItemLabelPlugin/ModelItemLabelPlugin.js

@@ -1,5 +1,5 @@
 import { Five, Subscribe } from "@realsee/five";
-import ItemLabelComponent from './ItemLabelComponent.svelte';
+import ItemLabelComponent from './ItemLabelComponent';
 import { DISPLAY_STRATEGY_TYPE } from "./typings";
 import { parseModelItemLabelPluginData } from "./utils/parseData";
 export const ModelItemLabelPlugin = (five, params) => {

package/libs/ModelItemLabelPlugin/typings.d.ts

@@ -1,6 +1,6 @@
 import type { Subscribe } from "@realsee/five";
 import type { PluginEvent } from "./events.type";
-import type ItemLabelComponent from './ItemLabelComponent.svelte';
+import type ItemLabelComponent from './ItemLabelComponent';
 export declare enum DISPLAY_STRATEGY_TYPE {
     SMALL = "small",
     MIDLLE = "middle",

package/libs/ModelRoomLabelPlugin/Controller.js

@@ -1,4 +1,4 @@
-import RoomLabelItems from './RoomLabelItems.svelte';
+import RoomLabelItems from './RoomLabelItems';
 import { parseModelRoomLabelPluginData } from './utils/parseData';
 export class ModelRoomLabelController {
     constructor(five) {

package/libs/PanoDoorLabelPlugin/Controller.js

@@ -1,6 +1,6 @@
 import { Euler, Quaternion, Raycaster, Vector3 } from 'three';
 import { BasePanoPluginController } from './BaseController';
-import DoorLabelItem from './DoorLabelItem.svelte';
+import DoorLabelItem from './DoorLabelItem';
 import { getCameraToward, getDistance, getToward, isTwoRectOverlaped } from './utils';
 const defaultBaseOptions = { userAction: true };
 /**

package/libs/PanoRulerProPlugin/Controller.js

@@ -1,4 +1,4 @@
-import RulerItems from './RulerItems.svelte';
+import RulerItems from './RulerItems';
 export default class Controller {
     constructor(five, params) {
         var _a, _b;

package/libs/PanoSpatialTagPlugin/Plugin.js

@@ -1,8 +1,8 @@
 import * as THREE from 'three';
 import { Five, Subscribe } from '@realsee/five';
 import CSS3DRenderPlugin from '../CSS3DRenderPlugin';
-import Origins from './Components/origins.svelte';
-import Tag from './Components/tag.svelte';
+import Origins from './Components/origins';
+import Tag from './Components/tag';
 import { pluginStyle } from './style';
 import render from '../shared-utils/tinyEJSrender';
 const MESH_SIZE = 0.001;

package/libs/PanoTagPlugin/Components/Common/MediaItem.js

@@ -16,12 +16,13 @@ import {
 } from "svelte/internal";
 
 import { Image_Play } from '../../Assets/Icon';
+import { nc } from '../../utils/nullishCoalescing';
 
 function add_css(target) {
 	append_styles(target, "svelte-6jwk1w", ".media-item.svelte-6jwk1w{height:100%}.media-content.svelte-6jwk1w{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:inherit;object-fit:inherit}.video-icon.svelte-6jwk1w{width:1.75rem;height:1.75rem;background-size:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}");
 }
 
-// (6:0) {#if media}
+// (7:0) {#if media}
 function create_if_block(ctx) {
 	let div;
 	let div_style_value;
@@ -72,7 +73,7 @@ function create_if_block(ctx) {
 	};
 }
 
-// (10:37) 
+// (11:37) 
 function create_if_block_2(ctx) {
 	let video;
 	let video_src_value;
@@ -90,7 +91,7 @@ function create_if_block_2(ctx) {
 			div = element("div");
 			attr(video, "class", "media-content svelte-6jwk1w");
 			if (!src_url_equal(video.src, video_src_value = /*media*/ ctx[0].url)) attr(video, "src", video_src_value);
-			attr(video, "poster", video_poster_value = /*media*/ ctx[0].videoCoverUrl ?? undefined);
+			attr(video, "poster", video_poster_value = nc(/*media*/ ctx[0].videoCoverUrl, undefined));
 			attr(video, "preload", video_preload_value = /*media*/ ctx[0].videoCoverUrl ? undefined : 'auto');
 			video.playsInline = true;
 			attr(video, "paused", "");
@@ -111,7 +112,7 @@ function create_if_block_2(ctx) {
 				attr(video, "src", video_src_value);
 			}
 
-			if (dirty & /*media*/ 1 && video_poster_value !== (video_poster_value = /*media*/ ctx[0].videoCoverUrl ?? undefined)) {
+			if (dirty & /*media*/ 1 && video_poster_value !== (video_poster_value = nc(/*media*/ ctx[0].videoCoverUrl, undefined))) {
 				attr(video, "poster", video_poster_value);
 			}
 
@@ -127,7 +128,7 @@ function create_if_block_2(ctx) {
 	};
 }
 
-// (8:4) {#if media.type === 'Image'}
+// (9:4) {#if media.type === 'Image'}
 function create_if_block_1(ctx) {
 	let img;
 	let img_src_value;

package/libs/PanoTagPlugin/Components/Common/Point/PointSwitch.js

@@ -19,6 +19,7 @@ import {
 	transition_out
 } from "svelte/internal";
 
+import { nc } from '../../../utils/nullishCoalescing';
 import { ContentType } from '../../../typings';
 import CustomPoint from './CustomPoint';
 import DefaultPoint from './DefaultPoint';
@@ -27,7 +28,7 @@ function add_css(target) {
 	append_styles(target, "svelte-r4i9gl", ".point-click-helper.svelte-r4i9gl{width:2.5rem;height:2.5rem;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}");
 }
 
-// (9:0) {#if tag.pointTagStyle?.leftPercent && tag.pointTagStyle?.topPercent && tag.enabled !== false && tag.state && tag.temporaryState?.visible !== false}
+// (10:0) {#if tag.pointTagStyle?.leftPercent && tag.pointTagStyle?.topPercent && tag.enabled !== false && tag.state && tag.temporaryState?.visible !== false}
 function create_if_block(ctx) {
 	let if_block_anchor;
 	let current;
@@ -83,7 +84,7 @@ function create_if_block(ctx) {
 	};
 }
 
-// (10:2) {#if tag.contentType !== ContentType.Link}
+// (11:2) {#if tag.contentType !== ContentType.Link}
 function create_if_block_1(ctx) {
 	let div;
 	let t;
@@ -162,7 +163,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (15:4) {:else}
+// (16:4) {:else}
 function create_else_block(ctx) {
 	let defaultpoint;
 	let current;
@@ -203,7 +204,7 @@ function create_else_block(ctx) {
 	};
 }
 
-// (13:4) {#if tag.style?.point?.style === 'CustomIcon' && tag.style?.point?.iconUrl}
+// (14:4) {#if tag.style?.point?.style === 'CustomIcon' && tag.style?.point?.iconUrl}
 function create_if_block_2(ctx) {
 	let custompoint;
 	let current;
@@ -303,7 +304,7 @@ function create_fragment(ctx) {
 
 function instance($$self, $$props, $$invalidate) {
 	let foldDelay;
-	var _a, _b;
+	var _a;
 	let { tag } = $$props;
 
 	$$self.$$set = $$props => {
@@ -311,18 +312,19 @@ function instance($$self, $$props, $$invalidate) {
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*tag, _a, _b*/ 13) {
-			$: $$invalidate(1, foldDelay = $$invalidate(3, _b = $$invalidate(2, _a = tag.style) === null || _a === void 0
-			? void 0
-			: _a.foldedPointDelay) !== null && _b !== void 0
-			? _b
-			: tag.contentType === ContentType.Marketing
+		if ($$self.$$.dirty & /*tag, _a*/ 5) {
+			$: $$invalidate(1, foldDelay = nc(
+				$$invalidate(2, _a = tag.style) === null || _a === void 0
+				? void 0
+				: _a.foldedPointDelay,
+				tag.contentType === ContentType.Marketing
 				? 600
-				: undefined);
+				: undefined
+			));
 		}
 	};
 
-	return [tag, foldDelay, _a, _b];
+	return [tag, foldDelay, _a];
 }
 
 class Component extends SvelteComponent {

package/libs/PanoTagPlugin/Components/Tag/AudioTag.js

@@ -32,12 +32,13 @@ import Audio from '../Common/Audio';
 import Line from '../Common/Line/Straight';
 import Shadow from '../Common/Shadow';
 import MultiLineText from '../Common/MultiLineText';
+import { nc } from '../../utils/nullishCoalescing';
 
 function add_css(target) {
 	append_styles(target, "svelte-4r8s18", ".audio-tag.svelte-4r8s18.svelte-4r8s18{position:absolute;left:0;top:0;width:0;height:0;overflow:visible}.line.svelte-4r8s18.svelte-4r8s18{display:flex;position:absolute;top:0;left:0;width:10.125rem;height:0.0625rem;transform:translate3d(0, -50%, 0.625rem)}.content.svelte-4r8s18.svelte-4r8s18{width:-moz-max-content;width:max-content;height:3.375rem;padding:2.25rem 0.25rem 0 1rem;position:absolute;left:0;bottom:0.125rem;overflow:hidden;box-sizing:border-box;font-size:0;white-space:nowrap;font-weight:600}.wrapper.svelte-4r8s18.svelte-4r8s18{position:relative;width:100%;height:100%}.audio-icon.svelte-4r8s18.svelte-4r8s18{vertical-align:top;display:inline-block;width:1rem;height:1rem;margin-right:0.25rem;margin-top:0.0625rem}.unfolded.svelte-4r8s18 .audio-icon.svelte-4r8s18{pointer-events:auto}");
 }
 
-// (28:0) {#if tag.state}
+// (29:0) {#if tag.state}
 function create_if_block(ctx) {
 	let div5;
 	let shadow;
@@ -72,7 +73,7 @@ function create_if_block(ctx) {
 			props: {
 				unfolded: /*unfolded*/ ctx[6],
 				duration: 1000,
-				outDelay: /*foldTextDelay*/ ctx[5] + 20 * Math.min(/*textItems*/ ctx[4][0]?.content.length ?? 10, 15)
+				outDelay: /*foldTextDelay*/ ctx[5] + 20 * Math.min(nc(/*textItems*/ ctx[4][0]?.content.length, 10), 15)
 			}
 		});
 
@@ -82,7 +83,7 @@ function create_if_block(ctx) {
 				mediaStore: /*mediaStore*/ ctx[0],
 				url: /*tag*/ ctx[1].data.audioUrl,
 				duration: 1000,
-				outDelay: 20 * Math.min(/*textItems*/ ctx[4][0]?.content.length ?? 10, 15),
+				outDelay: 20 * Math.min(nc(/*textItems*/ ctx[4][0]?.content.length, 10), 15),
 				hooksInfo: { tag: /*tag*/ ctx[1] }
 			}
 		});
@@ -149,7 +150,7 @@ function create_if_block(ctx) {
 			shadow.$set(shadow_changes);
 			const line_changes = {};
 			if (dirty & /*unfolded*/ 64) line_changes.unfolded = /*unfolded*/ ctx[6];
-			if (dirty & /*foldTextDelay, textItems*/ 48) line_changes.outDelay = /*foldTextDelay*/ ctx[5] + 20 * Math.min(/*textItems*/ ctx[4][0]?.content.length ?? 10, 15);
+			if (dirty & /*foldTextDelay, textItems*/ 48) line_changes.outDelay = /*foldTextDelay*/ ctx[5] + 20 * Math.min(nc(/*textItems*/ ctx[4][0]?.content.length, 10), 15);
 			line.$set(line_changes);
 
 			if (dirty & /*contentWidth*/ 8) {
@@ -160,7 +161,7 @@ function create_if_block(ctx) {
 			if (dirty & /*unfolded*/ 64) audio_changes.unfolded = /*unfolded*/ ctx[6];
 			if (dirty & /*mediaStore*/ 1) audio_changes.mediaStore = /*mediaStore*/ ctx[0];
 			if (dirty & /*tag*/ 2) audio_changes.url = /*tag*/ ctx[1].data.audioUrl;
-			if (dirty & /*textItems*/ 16) audio_changes.outDelay = 20 * Math.min(/*textItems*/ ctx[4][0]?.content.length ?? 10, 15);
+			if (dirty & /*textItems*/ 16) audio_changes.outDelay = 20 * Math.min(nc(/*textItems*/ ctx[4][0]?.content.length, 10), 15);
 			if (dirty & /*tag*/ 2) audio_changes.hooksInfo = { tag: /*tag*/ ctx[1] };
 			audio.$set(audio_changes);
 			const multilinetext_changes = {};

package/libs/PanoTagPlugin/Components/Tag/ImageTextTag.js

@@ -26,6 +26,7 @@ import Text from '../Common/Text';
 import Line from '../Common/Line/Polyline';
 import Media from '../Common/Media';
 import Shadow from '../Common/Shadow';
+import { nc } from '../../utils/nullishCoalescing';
 
 function add_css(target) {
 	append_styles(target, "svelte-1p8f9wy", ".line.svelte-1p8f9wy{position:absolute;width:6.5625rem;height:1.3125rem;transform:translateY(-100%);z-index:10}.text.svelte-1p8f9wy{position:absolute;width:6.25rem;left:1rem;bottom:0.0625rem;z-index:10;font-weight:600}.media-wrapper.svelte-1p8f9wy{position:absolute;left:0.875rem;top:-5.3125rem;width:5.625rem;height:3.75rem;z-index:10;font-weight:600}");
@@ -33,12 +34,12 @@ function add_css(target) {
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[8] = list[i].id;
+	child_ctx[7] = list[i].id;
 	child_ctx[1] = list[i].content;
 	return child_ctx;
 }
 
-// (19:0) {#if tag.state}
+// (20:0) {#if tag.state}
 function create_if_block(ctx) {
 	let shadow;
 	let t0;
@@ -71,7 +72,7 @@ function create_if_block(ctx) {
 		});
 
 	let each_value = /*textItems*/ ctx[2];
-	const get_key = ctx => /*id*/ ctx[8];
+	const get_key = ctx => /*id*/ ctx[7];
 
 	for (let i = 0; i < each_value.length; i += 1) {
 		let child_ctx = get_each_context(ctx, each_value, i);
@@ -193,7 +194,7 @@ function create_if_block(ctx) {
 	};
 }
 
-// (24:2) {#each textItems as { id, content }
+// (25:2) {#each textItems as { id, content }
 function create_each_block(key_1, ctx) {
 	let div;
 	let text_1;
@@ -244,7 +245,7 @@ function create_each_block(key_1, ctx) {
 	};
 }
 
-// (29:2) {#if mediaData}
+// (30:2) {#if mediaData}
 function create_if_block_1(ctx) {
 	let div;
 	let media;
@@ -352,7 +353,7 @@ function instance($$self, $$props, $$invalidate) {
 	let unfolded;
 	let content;
 	let mediaData;
-	var _a, _b, _c;
+	var _a, _b;
 	let { tag } = $$props;
 	let textItems;
 
@@ -365,15 +366,16 @@ function instance($$self, $$props, $$invalidate) {
 			$: $$invalidate(4, unfolded = tag.state ? tag.state.unfolded : false);
 		}
 
-		if ($$self.$$.dirty & /*tag, _a, _b, _c*/ 225) {
-			$: $$invalidate(1, content = ($$invalidate(6, _b = $$invalidate(5, _a = tag.data.text) === null || _a === void 0
-			? void 0
-			: _a.length) !== null && _b !== void 0
-			? _b
-			: 0) > 7
-			? ($$invalidate(7, _c = tag.data.text) === null || _c === void 0
+		if ($$self.$$.dirty & /*tag, _a, _b*/ 97) {
+			$: $$invalidate(1, content = nc(
+				$$invalidate(5, _a = tag.data.text) === null || _a === void 0
 				? void 0
-				: _c.substring(0, 6)) + '...'
+				: _a.length,
+				0
+			) > 7
+			? ($$invalidate(6, _b = tag.data.text) === null || _b === void 0
+				? void 0
+				: _b.substring(0, 6)) + '...'
 			: tag.data.text);
 		}
 
@@ -389,7 +391,7 @@ function instance($$self, $$props, $$invalidate) {
 		}
 	};
 
-	return [tag, content, textItems, mediaData, unfolded, _a, _b, _c];
+	return [tag, content, textItems, mediaData, unfolded, _a, _b];
 }
 
 class Component extends SvelteComponent {

package/libs/PanoTagPlugin/Components/Tag/LinkTag.js

@@ -25,7 +25,7 @@ import { LinkType } from '../../typings';
 import Shadow from '../Common/Shadow';
 
 function add_css(target) {
-	append_styles(target, "svelte-1a3frz", ".wrapper.svelte-1a3frz{font-weight:600;cursor:pointer;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto}.text-wrapper.svelte-1a3frz{position:relative;display:flex;align-items:center;justify-content:center}.icon.svelte-1a3frz{position:relative;margin-bottom:0.6875rem}.arrow0.svelte-1a3frz,.arrow1.svelte-1a3frz,.arrow2.svelte-1a3frz{position:absolute;width:1.625rem;height:0.75rem;background-image:url(data:image/png;base64,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);background-repeat:no-repeat;background-size:contain;animation-fill-mode:backwards;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.2s}.arrow1.svelte-1a3frz{position:relative}.arrow0.svelte-1a3frz{top:-0.75rem;animation-name:svelte-1a3frz-up0}.arrow1.svelte-1a3frz{animation-name:svelte-1a3frz-up1}.arrow2.svelte-1a3frz{top:0.75rem;animation-name:svelte-1a3frz-up2}.text.svelte-1a3frz{position:absolute;top:0;font-size:0.875rem;color:#ffffff;letter-spacing:0;text-align:center;max-width:8.75rem;width:-moz-max-content;width:max-content;word-break:break-all;line-height:1.125rem;text-shadow:0.125rem 0rem 0.5rem rgba(0, 0, 0, 0.15)}@keyframes svelte-1a3frz-up0{0%{opacity:0.8;transform:translate3d(0, 0, 0) scale(0.84)}33%,100%{opacity:0;transform:translate3d(0, -0.75rem, 0) scale(0.84)}}@keyframes svelte-1a3frz-up1{0%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}33%,100%{opacity:0.8;transform:translate3d(0, -0.75rem, 0) scale(0.84)}}@keyframes svelte-1a3frz-up2{0%{opacity:0}33%,100%{opacity:1;transform:translate3d(0, -0.75rem, 0)}}.link.svelte-1a3frz{position:relative;width:1.75rem;height:0.75rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAkCAMAAAAgl+0yAAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAAM3RSTlMAjLy6ILM2Fi+Zng3BrPvao4VC9ceneQfKkmNdV1AbEeLOsHA77ujUtn5JLnRraSUUjVLj/+RVAAABhElEQVRIx63V2W6CQBiGYUBUQGDYdwTZQZZa7v/eimik/ket/7yZ4yeTTCYf8+dOX8etxGVoxAvCVbguR3g0uRTMA0w4odGi+CbzFnGKosCqrmHc5rdEwzCwqtGFJlC7DqtOcTxANY67BHnVKOpVoEZRjFPdLgxbqIZhhFTjINChGgThF06NhpGd35OGMcCppyDPfajm+YhUR8cRoeo4+RGlJnnbalBt2x6nHh1dt4Gq6bqDU886y2ZQZVn9jFJ51vcbqPo+Up18UeSgKoo3nHqVJEkGqi1JPk49aLZmQdW2xXf1zP+vUFHsC1QVReK33xdk+w9SaqAq+732UvvdZ2UEqrud8lR5Wc4a7pO8GaoL9VBjy7rMlMosq1lV43LhZlrtF+yuJlbtEXpqXXP3NYwI8VJqakOIziw5aepV1FQuTdfhvlWVZdJCrao6MPe0spRpqV5ZFivqNqYpq3RQ2TST5/h4quoRCmwqq6rymol6plV53IZSomTKE/MroWfxDevL/wAEdPq1eGDh4AAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:contain;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:1.2s;animation-name:svelte-1a3frz-left-right}@keyframes svelte-1a3frz-left-right{0%,100%{opacity:0.8;transform:translateX(-0.3125rem)}50%{opacity:1;transform:translateX(0)}}");
+	append_styles(target, "svelte-7x7u86", ".wrapper.svelte-7x7u86{font-weight:600;cursor:pointer;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto}.text-wrapper.svelte-7x7u86{position:relative;display:flex;align-items:center;justify-content:center}.icon.svelte-7x7u86{position:relative;margin-bottom:0.6875rem}.arrow0.svelte-7x7u86,.arrow1.svelte-7x7u86,.arrow2.svelte-7x7u86{position:absolute;width:1.625rem;height:0.75rem;background-image:url(data:image/png;base64,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);background-repeat:no-repeat;background-size:contain;animation-fill-mode:backwards;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.2s}.arrow1.svelte-7x7u86{position:relative}.arrow0.svelte-7x7u86{top:-0.75rem;animation-name:svelte-7x7u86-up0}.arrow1.svelte-7x7u86{animation-name:svelte-7x7u86-up1}.arrow2.svelte-7x7u86{top:0.75rem;animation-name:svelte-7x7u86-up2}.text.svelte-7x7u86{position:absolute;top:0;font-size:0.875rem;color:#ffffff;letter-spacing:0;text-align:center;max-width:8.75rem;width:-moz-max-content;width:max-content;word-break:break-all;line-height:1.125rem;text-shadow:0.125rem 0rem 0.5rem rgba(0, 0, 0, 0.15)}@keyframes svelte-7x7u86-up0{0%{opacity:0.8;transform:translate3d(0, 0, 0) scale(0.84)}33.33%,100%{opacity:0;transform:translate3d(0, -0.75rem, 0) scale(0.84)}}@keyframes svelte-7x7u86-up1{0%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}33.33%,100%{opacity:0.8;transform:translate3d(0, -0.75rem, 0) scale(0.84)}}@keyframes svelte-7x7u86-up2{0%{opacity:0}33.33%,100%{opacity:1;transform:translate3d(0, -0.75rem, 0)}}.link.svelte-7x7u86{position:relative;width:1.75rem;height:0.75rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAkCAMAAAAgl+0yAAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAAM3RSTlMAjLy6ILM2Fi+Zng3BrPvao4VC9ceneQfKkmNdV1AbEeLOsHA77ujUtn5JLnRraSUUjVLj/+RVAAABhElEQVRIx63V2W6CQBiGYUBUQGDYdwTZQZZa7v/eimik/ket/7yZ4yeTTCYf8+dOX8etxGVoxAvCVbguR3g0uRTMA0w4odGi+CbzFnGKosCqrmHc5rdEwzCwqtGFJlC7DqtOcTxANY67BHnVKOpVoEZRjFPdLgxbqIZhhFTjINChGgThF06NhpGd35OGMcCppyDPfajm+YhUR8cRoeo4+RGlJnnbalBt2x6nHh1dt4Gq6bqDU886y2ZQZVn9jFJ51vcbqPo+Up18UeSgKoo3nHqVJEkGqi1JPk49aLZmQdW2xXf1zP+vUFHsC1QVReK33xdk+w9SaqAq+732UvvdZ2UEqrud8lR5Wc4a7pO8GaoL9VBjy7rMlMosq1lV43LhZlrtF+yuJlbtEXpqXXP3NYwI8VJqakOIziw5aepV1FQuTdfhvlWVZdJCrao6MPe0spRpqV5ZFivqNqYpq3RQ2TST5/h4quoRCmwqq6rymol6plV53IZSomTKE/MroWfxDevL/wAEdPq1eGDh4AAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:contain;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:1.2s;animation-name:svelte-7x7u86-left-right}@keyframes svelte-7x7u86-left-right{0%,100%{opacity:0.8;transform:translateX(-0.3125rem)}50%{opacity:1;transform:translateX(0)}}");
 }
 
 // (14:52) 
@@ -53,7 +53,7 @@ function create_if_block_1(ctx) {
 			create_component(shadow.$$.fragment);
 			t = space();
 			div = element("div");
-			attr(div, "class", "link svelte-1a3frz");
+			attr(div, "class", "link svelte-7x7u86");
 		},
 		m(target, anchor) {
 			mount_component(shadow, target, anchor);
@@ -111,9 +111,9 @@ function create_if_block(ctx) {
 			div1 = element("div");
 			t2 = space();
 			div2 = element("div");
-			attr(div0, "class", "arrow0 svelte-1a3frz");
-			attr(div1, "class", "arrow1 svelte-1a3frz");
-			attr(div2, "class", "arrow2 svelte-1a3frz");
+			attr(div0, "class", "arrow0 svelte-7x7u86");
+			attr(div1, "class", "arrow1 svelte-7x7u86");
+			attr(div2, "class", "arrow2 svelte-7x7u86");
 		},
 		m(target, anchor) {
 			mount_component(shadow, target, anchor);
@@ -197,10 +197,10 @@ function create_fragment(ctx) {
 			t1 = space();
 			div1 = element("div");
 			t2 = text(t2_value);
-			attr(div0, "class", "icon svelte-1a3frz");
-			attr(div1, "class", "text svelte-1a3frz");
-			attr(div2, "class", "text-wrapper svelte-1a3frz");
-			attr(div3, "class", "wrapper svelte-1a3frz");
+			attr(div0, "class", "icon svelte-7x7u86");
+			attr(div1, "class", "text svelte-7x7u86");
+			attr(div2, "class", "text-wrapper svelte-7x7u86");
+			attr(div3, "class", "wrapper svelte-7x7u86");
 		},
 		m(target, anchor) {
 			insert(target, div3, anchor);

package/libs/PanoTagPlugin/Components/Tag/MarketingTag.js

@@ -24,6 +24,7 @@ import {
 	transition_out
 } from "svelte/internal";
 
+import { nc } from '../../utils/nullishCoalescing';
 import Shadow from '../Common/Shadow';
 
 function add_css(target) {
@@ -42,7 +43,7 @@ function get_each_context_1(ctx, list, i) {
 	return child_ctx;
 }
 
-// (28:8) {#if tag}
+// (29:8) {#if tag}
 function create_if_block_4(ctx) {
 	let div;
 	let t_value = /*tag*/ ctx[0] + "";
@@ -67,7 +68,7 @@ function create_if_block_4(ctx) {
 	};
 }
 
-// (27:6) {#each data.brandTags || [] as tag}
+// (28:6) {#each data.brandTags || [] as tag}
 function create_each_block_1(ctx) {
 	let if_block_anchor;
 	let if_block = /*tag*/ ctx[0] && create_if_block_4(ctx);
@@ -102,7 +103,7 @@ function create_each_block_1(ctx) {
 	};
 }
 
-// (33:8) {#if tag}
+// (34:8) {#if tag}
 function create_if_block_3(ctx) {
 	let div;
 	let t_value = /*tag*/ ctx[0] + "";
@@ -127,7 +128,7 @@ function create_if_block_3(ctx) {
 	};
 }
 
-// (32:6) {#each data.tags || [] as tag}
+// (33:6) {#each data.tags || [] as tag}
 function create_each_block(ctx) {
 	let if_block_anchor;
 	let if_block = /*tag*/ ctx[0] && create_if_block_3(ctx);
@@ -162,7 +163,7 @@ function create_each_block(ctx) {
 	};
 }
 
-// (45:6) {#if data.price?.value !== undefined && data.price?.value !== null}
+// (46:6) {#if data.price?.value !== undefined && data.price?.value !== null}
 function create_if_block_1(ctx) {
 	let div;
 	let span;
@@ -211,7 +212,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (50:10) {#if data.price.unit}
+// (51:10) {#if data.price.unit}
 function create_if_block_2(ctx) {
 	let span;
 	let t_value = /*data*/ ctx[2].price.unit + "";
@@ -236,7 +237,7 @@ function create_if_block_2(ctx) {
 	};
 }
 
-// (57:6) {#if data.highlightText}
+// (58:6) {#if data.highlightText}
 function create_if_block(ctx) {
 	let div;
 	let t_value = /*data*/ ctx[2].highlightText + "";
@@ -546,7 +547,7 @@ function instance($$self, $$props, $$invalidate) {
 	let unfolded;
 	let folded;
 	let data;
-	var _a, _b;
+	var _a;
 	let { tag } = $$props;
 
 	$$self.$$set = $$props => {
@@ -554,12 +555,13 @@ function instance($$self, $$props, $$invalidate) {
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*tag, _a, _b*/ 49) {
-			$: $$invalidate(1, unfolded = $$invalidate(5, _b = $$invalidate(4, _a = tag.state) === null || _a === void 0
-			? void 0
-			: _a.unfolded) !== null && _b !== void 0
-			? _b
-			: false);
+		if ($$self.$$.dirty & /*tag, _a*/ 17) {
+			$: $$invalidate(1, unfolded = nc(
+				$$invalidate(4, _a = tag.state) === null || _a === void 0
+				? void 0
+				: _a.unfolded,
+				false
+			));
 		}
 
 		if ($$self.$$.dirty & /*unfolded*/ 2) {
@@ -571,7 +573,7 @@ function instance($$self, $$props, $$invalidate) {
 		}
 	};
 
-	return [tag, unfolded, data, folded, _a, _b];
+	return [tag, unfolded, data, folded, _a];
 }
 
 class Component extends SvelteComponent {

package/libs/PanoTagPlugin/Components/Tag/MediaPlane.js

@@ -18,13 +18,14 @@ import {
 	transition_out
 } from "svelte/internal";
 
+import { nc } from '../../utils/nullishCoalescing';
 import Media from '../Common/Media';
 
 function add_css(target) {
 	append_styles(target, "svelte-10cw0el", ".media-wrapper.svelte-10cw0el{position:absolute;width:100%;height:100%}");
 }
 
-// (20:0) {#if tag.state && mediaData}
+// (19:0) {#if tag.state && mediaData}
 function create_if_block(ctx) {
 	let div;
 	let media;
@@ -139,7 +140,6 @@ function instance($$self, $$props, $$invalidate) {
 	let enableCarousel;
 	let autoplayConfig;
 	let objectFit;
-	var _a, _b;
 	let { tag } = $$props;
 
 	$$self.$$set = $$props => {
@@ -159,27 +159,21 @@ function instance($$self, $$props, $$invalidate) {
 			$: $$invalidate(1, enableCarousel = tag.data.enableCarousel);
 		}
 
-		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, enableCarousel*/ 3) {
+			$: $$invalidate(3, autoplayConfig = nc(tag.data.autoplayConfig, {
+				autoplay: nc(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;
-				})());
+		if ($$self.$$.dirty & /*tag*/ 1) {
+			$: $$invalidate(2, objectFit = nc(tag.data.objectFit, (() => {
+				if (tag.data.adaptationMode === 'stretch') return 'cover'; else if (tag.data.adaptationMode === 'proportional') return 'contain'; else return undefined;
+			})()));
 		}
 	};
 
-	return [tag, enableCarousel, objectFit, autoplayConfig, mediaData, unfolded, _a, _b];
+	return [tag, enableCarousel, objectFit, autoplayConfig, mediaData, unfolded];
 }
 
 class Component extends SvelteComponent {

package/libs/PanoTagPlugin/Components/Tag/TextTag.js

@@ -27,12 +27,13 @@ import Line from '../Common/Line/Straight';
 import uuid from '../../../shared-utils/uuid';
 import Shadow from '../Common/Shadow';
 import MultiLineText from '../Common/MultiLineText';
+import { nc } from '../../utils/nullishCoalescing';
 
 function add_css(target) {
 	append_styles(target, "svelte-18yy5x8", ".line.svelte-18yy5x8{position:absolute;top:0;left:0;width:10.125rem;height:0.0625rem;transform:translate3d(0, -50%, 0.625rem)}.content.svelte-18yy5x8{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}
+// (30:0) {#if tag.state}
 function create_if_block(ctx) {
 	let shadow;
 	let t0;
@@ -61,7 +62,7 @@ function create_if_block(ctx) {
 			props: {
 				unfolded: /*unfolded*/ ctx[2],
 				duration: 1000,
-				outDelay: /*foldTextDelay*/ ctx[5] + 40 * Math.min(/*textItems*/ ctx[4][0]?.content.length ?? 10, 15)
+				outDelay: /*foldTextDelay*/ ctx[5] + 40 * Math.min(nc(/*textItems*/ ctx[4][0]?.content.length, 10), 15)
 			}
 		});
 
@@ -110,7 +111,7 @@ function create_if_block(ctx) {
 			shadow.$set(shadow_changes);
 			const line_changes = {};
 			if (dirty & /*unfolded*/ 4) line_changes.unfolded = /*unfolded*/ ctx[2];
-			if (dirty & /*foldTextDelay, textItems*/ 48) line_changes.outDelay = /*foldTextDelay*/ ctx[5] + 40 * Math.min(/*textItems*/ ctx[4][0]?.content.length ?? 10, 15);
+			if (dirty & /*foldTextDelay, textItems*/ 48) line_changes.outDelay = /*foldTextDelay*/ ctx[5] + 40 * Math.min(nc(/*textItems*/ ctx[4][0]?.content.length, 10), 15);
 			line.$set(line_changes);
 
 			if (dirty & /*contentWidth*/ 8) {