@realsee/dnalogel 2.0.0-alpha.12 → 2.0.0-alpha.13

package/dist/floorplan/TopviewFloorplanPlugin/index.js

@@ -27,6 +27,31 @@ function _interopNamespace(e) {
 
 var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
 const pluginStyle = {
     position: 'absolute',
     left: '50%',
@@ -47,7 +72,7 @@ function pathD(points, options = {}) {
             d += 'M' + point;
             return d;
         }
-        if (needA?.[index]) {
+        if (needA === null || needA === void 0 ? void 0 : needA[index]) {
             d += 'A' + needA[index] + ',' + point;
             return d;
         }
@@ -62,22 +87,26 @@ function formatFloorplanPoint({ x, y }, pxmm, bounding) {
     return { x: (x - min.x) * pxmm, y: (max.y - y) * pxmm };
 }
 
-async function formatOutlines(outlines) {
-    const headers = new Headers({ 'Content-Type': 'text/plain' });
-    const getOutlineItem = async function (item) {
-        const outlineItem = {
-            index: item.index,
-            url: item.url,
-            svgUrl: item.svg_url,
+function formatOutlines(outlines) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const headers = new Headers({ 'Content-Type': 'text/plain' });
+        const getOutlineItem = function (item) {
+            return __awaiter(this, void 0, void 0, function* () {
+                const outlineItem = {
+                    index: item.index,
+                    url: item.url,
+                    svgUrl: item.svg_url,
+                };
+                if (item.svg_url) {
+                    const svgContent = yield fetch(item.svg_url, { headers }).then((res) => res.text());
+                    outlineItem.svgContent = svgContent;
+                }
+                return outlineItem;
+            });
         };
-        if (item.svg_url) {
-            const svgContent = await fetch(item.svg_url, { headers }).then((res) => res.text());
-            outlineItem.svgContent = svgContent;
-        }
-        return outlineItem;
-    };
-    const svgOutlineItems = await Promise.all(outlines.map(getOutlineItem));
-    return svgOutlineItems;
+        const svgOutlineItems = yield Promise.all(outlines.map(getOutlineItem));
+        return svgOutlineItems;
+    });
 }
 function formatRoom(data) {
     const floorplanRoomItem = {
@@ -123,19 +152,21 @@ function formatFloorplanEntrance(data) {
     };
     return floorplanEntrance;
 }
-async function formatData(data) {
-    const outlines = await formatOutlines(data.outlines);
-    const bounding = data.computed_data.bounding;
-    const floorDatas = data.computed_data.floor_datas.map(formatFloorData);
-    const entrance = data.computed_data.entrance ? formatFloorplanEntrance(data.computed_data.entrance) : null;
-    const floorplanData = {
-        outlines,
-        entrance,
-        bounding,
-        floorDatas,
-        observers: data.computed_data.observers.map(formateFloorplanObserver),
-    };
-    return floorplanData;
+function formatData(data) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const outlines = yield formatOutlines(data.outlines);
+        const bounding = data.computed_data.bounding;
+        const floorDatas = data.computed_data.floor_datas.map(formatFloorData);
+        const entrance = data.computed_data.entrance ? formatFloorplanEntrance(data.computed_data.entrance) : null;
+        const floorplanData = {
+            outlines,
+            entrance,
+            bounding,
+            floorDatas,
+            observers: data.computed_data.observers.map(formateFloorplanObserver),
+        };
+        return floorplanData;
+    });
 }
 
 /**
@@ -190,7 +221,7 @@ function getPxmm(five, container, floorIndex, options) {
     function getY() {
         const currentFloorY = getFloorY(floorIndex);
         const nextFloorY = getFloorY(floorIndex + 1);
-        const attachedTo = options?.attachedTo || FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER;
+        const attachedTo = (options === null || options === void 0 ? void 0 : options.attachedTo) || FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER;
         if (attachedTo === FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER)
             return (five.model.bounding.max.y + five.model.bounding.min.y) / 2;
         else if (attachedTo === FLOOR_PLAN_ATTACHED_TO.CEILING)
@@ -324,7 +355,7 @@ function add_css$b(target) {
 	internal.append_styles(target, "svelte-5l80pv", ".floorplan-plugin__compass.svelte-5l80pv{position:absolute;left:50%;top:-46px;width:231px;height:41px;will-change:opacity;transform-origin:center 184px}.floorplan-plugin__compass-image.svelte-5l80pv{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-5l80pv{position:absolute;left:50%;top:15px;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:10px;color:#fff}");
 }
 
-// (12:0) {#if northRad}
+// (13:0) {#if northRad}
 function create_if_block$6(ctx) {
 	let div1;
 	let div0;
@@ -391,9 +422,14 @@ function rad2Deg(rad) {
 }
 
 function instance$f($$self, $$props, $$invalidate) {
+	var _a;
 	let { floorplanData } = $$props;
 	let { northDesc } = $$props;
-	const northRad = floorplanData.entrance?.northRad;
+
+	const northRad = (_a = floorplanData.entrance) === null || _a === void 0
+	? void 0
+	: _a.northRad;
+
 	const rotate = !northRad ? 0 : rad2Deg(northRad);
 	const compassTransformStyle = `translateX(-50%) translateZ(10px) rotate(${-rotate + 90}deg)`;
 
@@ -550,7 +586,9 @@ function instance$e($$self, $$props, $$invalidate) {
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*getLabelElement, room*/ 3) {
-			$$invalidate(2, userConfigElement = getLabelElement?.(room));
+			$$invalidate(2, userConfigElement = getLabelElement === null || getLabelElement === void 0
+			? void 0
+			: getLabelElement(room));
 		}
 	};
 
@@ -1415,7 +1453,7 @@ function add_css$5(target) {
 	internal.append_styles(target, "svelte-126ja8e", ".floorplan-plugin__base-image.svelte-126ja8e{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
 }
 
-// (12:22) 
+// (13:22) 
 function create_if_block_1$3(ctx) {
 	let normalimage;
 	let current;
@@ -1449,7 +1487,7 @@ function create_if_block_1$3(ctx) {
 	};
 }
 
-// (10:2) {#if svgContent}
+// (11:2) {#if svgContent}
 function create_if_block$3(ctx) {
 	let svgimage;
 	let current;
@@ -1577,6 +1615,7 @@ function create_fragment$8(ctx) {
 function instance$8($$self, $$props, $$invalidate) {
 	let imageData;
 	let svgContent;
+	var _a, _b;
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
 
@@ -1590,12 +1629,16 @@ function instance$8($$self, $$props, $$invalidate) {
 			$$invalidate(1, imageData = floorplanData.outlines[floorIndex]);
 		}
 
-		if ($$self.$$.dirty & /*floorplanData, floorIndex*/ 12) {
-			$$invalidate(0, svgContent = floorplanData.outlines?.[floorIndex]?.svgContent);
+		if ($$self.$$.dirty & /*floorplanData, _a, floorIndex, _b*/ 60) {
+			$$invalidate(0, svgContent = $$invalidate(5, _b = $$invalidate(4, _a = floorplanData.outlines) === null || _a === void 0
+			? void 0
+			: _a[floorIndex]) === null || _b === void 0
+			? void 0
+			: _b.svgContent);
 		}
 	};
 
-	return [svgContent, imageData, floorIndex, floorplanData];
+	return [svgContent, imageData, floorIndex, floorplanData, _a, _b];
 }
 
 class BaseImage extends internal.SvelteComponent {
@@ -1881,7 +1924,7 @@ function get_each_context$1(ctx, list, i) {
 	return child_ctx;
 }
 
-// (21:6) {:else}
+// (18:6) {:else}
 function create_else_block(ctx) {
 	let roommaterial_1;
 	let current;
@@ -1915,7 +1958,7 @@ function create_else_block(ctx) {
 	};
 }
 
-// (19:37) 
+// (16:37) 
 function create_if_block_1$2(ctx) {
 	let roommaterial_2;
 	let current;
@@ -1949,7 +1992,7 @@ function create_if_block_1$2(ctx) {
 	};
 }
 
-// (17:6) {#if room.floorType === 1}
+// (14:6) {#if room.floorType === 1}
 function create_if_block$2(ctx) {
 	let roommaterial_0;
 	let current;
@@ -1983,7 +2026,7 @@ function create_if_block$2(ctx) {
 	};
 }
 
-// (15:2) {#each rooms as room}
+// (12:2) {#each rooms as room}
 function create_each_block$1(ctx) {
 	let svg;
 	let current_block_type_index;
@@ -2155,8 +2198,7 @@ function instance$4($$self, $$props, $$invalidate) {
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*floorplanData, floorIndex, pxmm*/ 14) {
-			$$invalidate(0, rooms = floorplanData.floorDatas[floorIndex].rooms.map(room => ({
-				...room,
+			$$invalidate(0, rooms = floorplanData.floorDatas[floorIndex].rooms.map(room => Object.assign(Object.assign({}, room), {
 				path: room.path.map(p => formatFloorplanPoint(p, pxmm, floorplanData.bounding))
 			})));
 		}
@@ -2404,7 +2446,9 @@ function instance$2($$self, $$props, $$invalidate) {
 	const { observers: floorplan_observers } = floorplanData;
 
 	const handleClick = function (e) {
-		if (onRoomHeightClick?.(e) === false) return;
+		if ((onRoomHeightClick === null || onRoomHeightClick === void 0
+		? void 0
+		: onRoomHeightClick(e)) === false) return;
 
 		// 因为 mouse.offsetX 的兼容性问题，手动计算 mouse offsetX offsetY
 		const boundingClientRect = highlightContainerDom.getBoundingClientRect();
@@ -3288,20 +3332,217 @@ function changeModelCanvasOpacity(five, opacity, duration = 300) {
 }
 
 class TopviewFloorplanPluginController {
-    size = { width: 0, height: 0 };
-    visible = false;
-    pxmm = 0;
-    app;
-    five;
-    panoIndex = 0;
-    floorIndex = 0;
-    configs = {};
-    lastPanoramaLongitude = 0;
-    selector;
-    floorplanData;
-    wrapper;
-    container = document.createElement('div');
     constructor(five, params) {
+        Object.defineProperty(this, "size", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: { width: 0, height: 0 }
+        });
+        Object.defineProperty(this, "visible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "pxmm", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "app", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "five", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "panoIndex", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "floorIndex", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "configs", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "lastPanoramaLongitude", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "selector", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "floorplanData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "wrapper", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "container", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: document.createElement('div')
+        });
+        Object.defineProperty(this, "dispose", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                var _a, _b;
+                this.hide();
+                (_a = this.container) === null || _a === void 0 ? void 0 : _a.remove();
+                (_b = this.app) === null || _b === void 0 ? void 0 : _b.$destroy();
+                this.five.off('modeChange', this.handleModeChange);
+                this.five.off('panoArrived', this.handlePanoArrived);
+                this.five.off('modelLoaded', this.handleModelLoaded);
+                this.five.off('wantsMoveToPano', this.handleWantsMoveToPano);
+                this.five.off('wantsPanGesture', this.handleWantsPanGesture);
+                this.five.off('initAnimationEnded', this.handleInitAnimationEnded);
+                this.five.off('modelShownFloorChange', this.onModelShownFloorChange);
+            }
+        });
+        /** 模型楼层高亮改变时，自动进行楼层切换 */
+        Object.defineProperty(this, "onModelShownFloorChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (shownFloor) => {
+                if (shownFloor === null)
+                    return;
+                this.floorIndex = shownFloor;
+                this.updateSize();
+                this.render();
+            }
+        });
+        /** panoIndex 改变时，更新 floorIndex */
+        Object.defineProperty(this, "handlePanoArrived", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (index) => {
+                var _a;
+                if (!((_a = this.five) === null || _a === void 0 ? void 0 : _a.work))
+                    return;
+                this.panoIndex = index;
+                this.floorIndex = this.five.work.observers[index].floorIndex;
+            }
+        });
+        /** 配置了 preventRoomClick 后，在户型图展示时阻止 Five 走点 */
+        Object.defineProperty(this, "handleWantsMoveToPano", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.visible)
+                    return;
+                if (this.configs.preventRoomClick)
+                    return false;
+                return;
+            }
+        });
+        /** 在户型图展示时阻止 Five 滑动行为 */
+        Object.defineProperty(this, "handleWantsPanGesture", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.visible)
+                    return;
+                return false;
+            }
+        });
+        Object.defineProperty(this, "handleModelLoaded", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (this.wrapper)
+                    return;
+                if (!this.selector)
+                    return;
+                const wrapper = this.selector instanceof Element ? this.selector : document.querySelector(this.selector);
+                if (!wrapper)
+                    throw new Error('不正确的父容器选择器');
+                this.wrapper = wrapper;
+                wrapper.append(this.container);
+            }
+        });
+        /** 非 Topview 态隐藏户型图 */
+        Object.defineProperty(this, "handleModeChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (mode) => {
+                if (mode !== 'Topview')
+                    return this.hide();
+            }
+        });
+        /** 动画结束后是 Topview 态就展示户型图 */
+        Object.defineProperty(this, "handleInitAnimationEnded", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                const { mode } = this.five.getCurrentState();
+                if (mode === 'Topview')
+                    this.show();
+            }
+        });
+        /** 更新户型图大小 */
+        Object.defineProperty(this, "updateSize", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.floorplanData)
+                    return;
+                if (!this.container || !this.wrapper)
+                    return;
+                if (this.five.getCurrentState().mode !== 'Topview')
+                    return;
+                // 计算户型图展示大小
+                const { min, max } = this.floorplanData.bounding;
+                const width = max.x - min.x;
+                const height = max.y - min.y;
+                // 每毫米对应的 px 值
+                const options = this.configs.attachedTo ? { attachedTo: this.configs.attachedTo } : undefined;
+                const pxmm = getPxmm(this.five, this.wrapper, this.floorIndex, options);
+                const _width = Math.ceil(width * pxmm);
+                const _height = Math.ceil(height * pxmm);
+                this.pxmm = pxmm;
+                this.size = { width: _width, height: _height };
+                this.container.style.width = _width + 'px';
+                this.container.style.height = _height + 'px';
+            }
+        });
         this.five = five;
         this.selector = params.selector;
         this.configs = omit(params, ['selector']);
@@ -3317,10 +3558,12 @@ class TopviewFloorplanPluginController {
         this.five.on('modelShownFloorChange', this.onModelShownFloorChange);
     }
     /** 加载户型图数据 */
-    async load(data) {
-        const copyData = JSON.parse(JSON.stringify(data));
-        this.floorplanData = await formatData(copyData);
-        this.render();
+    load(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const copyData = JSON.parse(JSON.stringify(data));
+            this.floorplanData = yield formatData(copyData);
+            this.render();
+        });
     }
     /** 把插件的渲染DOM插入到对应的容器中去 */
     appendTo(wrapper) {
@@ -3328,69 +3571,6 @@ class TopviewFloorplanPluginController {
         wrapper.appendChild(this.container);
         return this;
     }
-    dispose = () => {
-        this.hide();
-        this.container?.remove();
-        this.app?.$destroy();
-        this.five.off('modeChange', this.handleModeChange);
-        this.five.off('panoArrived', this.handlePanoArrived);
-        this.five.off('modelLoaded', this.handleModelLoaded);
-        this.five.off('wantsMoveToPano', this.handleWantsMoveToPano);
-        this.five.off('wantsPanGesture', this.handleWantsPanGesture);
-        this.five.off('initAnimationEnded', this.handleInitAnimationEnded);
-        this.five.off('modelShownFloorChange', this.onModelShownFloorChange);
-    };
-    /** 模型楼层高亮改变时，自动进行楼层切换 */
-    onModelShownFloorChange = (shownFloor) => {
-        if (shownFloor === null)
-            return;
-        this.floorIndex = shownFloor;
-        this.updateSize();
-        this.render();
-    };
-    /** panoIndex 改变时，更新 floorIndex */
-    handlePanoArrived = (index) => {
-        if (!this.five?.work)
-            return;
-        this.panoIndex = index;
-        this.floorIndex = this.five.work.observers[index].floorIndex;
-    };
-    /** 配置了 preventRoomClick 后，在户型图展示时阻止 Five 走点 */
-    handleWantsMoveToPano = () => {
-        if (!this.visible)
-            return;
-        if (this.configs.preventRoomClick)
-            return false;
-        return;
-    };
-    /** 在户型图展示时阻止 Five 滑动行为 */
-    handleWantsPanGesture = () => {
-        if (!this.visible)
-            return;
-        return false;
-    };
-    handleModelLoaded = () => {
-        if (this.wrapper)
-            return;
-        if (!this.selector)
-            return;
-        const wrapper = this.selector instanceof Element ? this.selector : document.querySelector(this.selector);
-        if (!wrapper)
-            throw new Error('不正确的父容器选择器');
-        this.wrapper = wrapper;
-        wrapper.append(this.container);
-    };
-    /** 非 Topview 态隐藏户型图 */
-    handleModeChange = (mode) => {
-        if (mode !== 'Topview')
-            return this.hide();
-    };
-    /** 动画结束后是 Topview 态就展示户型图 */
-    handleInitAnimationEnded = () => {
-        const { mode } = this.five.getCurrentState();
-        if (mode === 'Topview')
-            this.show();
-    };
     show() {
         this.visible = true;
         this.five.model.show(this.floorIndex);
@@ -3413,28 +3593,6 @@ class TopviewFloorplanPluginController {
         this.five.on('wantsMoveToPano', this.handleWantsMoveToPano);
         this.five.on('wantsPanGesture', this.handleWantsPanGesture);
     }
-    /** 更新户型图大小 */
-    updateSize = () => {
-        if (!this.floorplanData)
-            return;
-        if (!this.container || !this.wrapper)
-            return;
-        if (this.five.getCurrentState().mode !== 'Topview')
-            return;
-        // 计算户型图展示大小
-        const { min, max } = this.floorplanData.bounding;
-        const width = max.x - min.x;
-        const height = max.y - min.y;
-        // 每毫米对应的 px 值
-        const options = this.configs.attachedTo ? { attachedTo: this.configs.attachedTo } : undefined;
-        const pxmm = getPxmm(this.five, this.wrapper, this.floorIndex, options);
-        const _width = Math.ceil(width * pxmm);
-        const _height = Math.ceil(height * pxmm);
-        this.pxmm = pxmm;
-        this.size = { width: _width, height: _height };
-        this.container.style.width = _width + 'px';
-        this.container.style.height = _height + 'px';
-    };
     render(duration) {
         if (!this.container || !this.floorplanData)
             return;
@@ -3443,19 +3601,19 @@ class TopviewFloorplanPluginController {
         const { northDesc, getLabelElement, cameraImageUrl, preventRoomClick, hoverEnable, compassEnable, roomLabelsEnable, ruleLabelsEnable, } = this.configs;
         const handleClick = preventRoomClick ? () => false : undefined;
         const props = {
-            northDesc: northDesc ?? '北',
+            northDesc: northDesc !== null && northDesc !== void 0 ? northDesc : '北',
             five: this.five,
             pxmm: this.pxmm,
             cameraImageUrl,
             visible: this.visible,
-            duration: duration ?? 0,
+            duration: duration !== null && duration !== void 0 ? duration : 0,
             panoIndex: this.panoIndex,
             floorIndex: this.floorIndex,
             floorplanData: this.floorplanData,
-            hoverEnable: hoverEnable ?? false,
-            compassEnable: compassEnable ?? true,
-            ruleLabelsEnable: ruleLabelsEnable ?? true,
-            roomLabelsEnable: roomLabelsEnable ?? true,
+            hoverEnable: hoverEnable !== null && hoverEnable !== void 0 ? hoverEnable : false,
+            compassEnable: compassEnable !== null && compassEnable !== void 0 ? compassEnable : true,
+            ruleLabelsEnable: ruleLabelsEnable !== null && ruleLabelsEnable !== void 0 ? ruleLabelsEnable : true,
+            roomLabelsEnable: roomLabelsEnable !== null && roomLabelsEnable !== void 0 ? roomLabelsEnable : true,
             lastPanoramaLongitude: this.lastPanoramaLongitude,
             getLabelElement,
             onRoomHeightClick: handleClick,