@realsee/dnalogel 0.1.7 → 2.0.0-alpha.1

package/libs/ModelRoomLabelPlugin/Assets/roomLabelBg.js

@@ -0,0 +1 @@
+export const ROOM_LABEL_BG = 'data:image/png;base64,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';

package/{plugins → libs}/ModelRoomLabelPlugin/Controller.d.ts

@@ -1,10 +1,11 @@
-import { Five } from '@realsee/five';
-import { ModelRoomLabelPluginData } from './typings';
+import type { Five } from '@realsee/five';
+import type { ModelRoomLabelPluginData } from './typings';
 export declare type ModelRoomLabelPluginParameters = undefined;
 export declare class ModelRoomLabelController {
     private five;
     private enabled;
     private fiveModeEnabled;
+    private app?;
     private wrapper?;
     private roomLabels;
     private container;

package/libs/ModelRoomLabelPlugin/Controller.js

@@ -0,0 +1,100 @@
+import RoomLabelItems from './RoomLabelItems.svelte';
+import { parseModelRoomLabelPluginData } from './utils/parseData';
+export class ModelRoomLabelController {
+    five;
+    enabled = true;
+    fiveModeEnabled;
+    app = undefined;
+    wrapper;
+    roomLabels = [];
+    container = document.createElement('div');
+    constructor(five) {
+        this.five = five;
+        this.fiveModeEnabled = this.five.currentMode === 'Floorplan';
+        // init container style
+        this.container.classList.add('model-room-label-plugin-container');
+        this.container.style.width = '100%';
+        this.container.style.height = '100%';
+        this.container.style.position = 'absolute';
+        this.container.style.pointerEvents = 'none';
+        this.container.style.left = '0';
+        this.container.style.top = '0';
+        // five listener
+        this.five.once('dispose', () => this.dispose());
+        this.five.on('modeChange', this.onFiveModeChange);
+        this.render();
+    }
+    dispose() {
+        this.five.off('modeChange', this.onFiveModeChange);
+        // ReactDOM.unmountComponentAtNode(this.container)
+        this.container.remove();
+    }
+    /** 加载数据 */
+    load(data) {
+        this.roomLabels = parseModelRoomLabelPluginData(data);
+        this.render();
+    }
+    /** 设置插件容器 */
+    appendTo(wrapper) {
+        this.wrapper = wrapper;
+        wrapper.appendChild(this.container);
+        this.render();
+        return this;
+    }
+    /** 禁用插件功能
+     * @description
+     * - 如果当前正在展示中，会清除所有展示的 DOM
+     * - 如果当前未展示，即使后续 Five 状态满足展示要求，也不会展示
+     * */
+    disable() {
+        this.enabled = false;
+        this.render();
+        return this;
+    }
+    /** 启用插件功能
+     * @description
+     * - 如果当前符合展示条件，会立刻展示
+     * - 如果不符合展示条件，会等待 Five 状态满足条件后再展示
+     */
+    enable() {
+        this.enabled = true;
+        this.render();
+        return this;
+    }
+    /** 监听 Five Mode 变化
+     * @description
+     * Mode 不符合要求时，立刻消失，满足要求时，需要等待动画结束再展示
+     */
+    onFiveModeChange = (mode) => {
+        if (mode !== 'Floorplan') {
+            this.fiveModeEnabled = false;
+            this.render();
+            return;
+        }
+        this.five.once('initAnimationEnded', () => {
+            this.fiveModeEnabled = this.five.currentMode === 'Floorplan';
+            this.render();
+        });
+    };
+    render() {
+        if (!this.wrapper)
+            return;
+        if (!this.enable || !this.fiveModeEnabled) {
+            this.app?.$destroy();
+            this.app = undefined;
+            return;
+        }
+        if (!this.app) {
+            this.app = new RoomLabelItems({
+                target: this.container,
+                props: {
+                    five: this.five,
+                    roomLabels: this.roomLabels,
+                },
+            });
+        }
+        else {
+            this.app.$set({ five: this.five, roomLabels: this.roomLabels });
+        }
+    }
+}

package/libs/ModelRoomLabelPlugin/RoomLabelItem.svelte

@@ -0,0 +1,63 @@
+<script>import { ROOM_LABEL_BG } from './Assets/roomLabelBg';
+export let five;
+export let roomLabel;
+function onClick() {
+    five.setState({ panoIndex: roomLabel.panoIndex, mode: 'Panorama', longitude: roomLabel.longitude });
+}
+</script>
+
+<div
+  class="room-label-item"
+  style:z-index="{roomLabel.zIndex}"
+  style:transform="{roomLabel.transform}"
+  style:opacity="{roomLabel.visible ? 1 : 0}"
+>
+  <span
+    class="room-label-item__text"
+    class:wide="{roomLabel.name.length > 3}"
+    style="background-image: url({ROOM_LABEL_BG})"
+    on:click="{onClick}">{roomLabel.name}</span
+  >
+  <div class="room-label-item__bar"></div>
+</div>
+
+<style>
+  .room-label-item {
+    position: absolute;
+    font-size: 8px;
+    z-index: 0;
+    transform: none;
+    cursor: pointer;
+    pointer-events: none;
+    user-select: none;
+  }
+
+  .room-label-item__text {
+    position: absolute;
+    left: 0;
+    top: -64px;
+    transform: translate(-50%, 0);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 20px;
+    min-width: 32px;
+    padding: 0 6px;
+    pointer-events: all;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    white-space: nowrap;
+  }
+
+  .room-label-item__bar {
+    position: absolute;
+    top: -44px;
+    height: 48px;
+    width: 1px;
+    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
+  }
+
+  .wide {
+    font-size: 10px;
+  }
+</style>

package/libs/ModelRoomLabelPlugin/RoomLabelItem.svelte.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"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","names":[],"sources":["RoomLabelItem.svelte"]}

package/libs/ModelRoomLabelPlugin/RoomLabelItems.svelte

@@ -0,0 +1,80 @@
+<script>import { onDestroy, onMount } from 'svelte';
+import { Raycaster, Vector3 } from 'three';
+import RoomLabelItem from './RoomLabelItem.svelte';
+export let five;
+export let roomLabels;
+let containerWidth;
+let containerHeight;
+function getLabelVisible(five, roomLabelItem) {
+    // 先看是不是在当前展示的楼层上
+    const isLabelInFloor = five.model.shownFloor === null || roomLabelItem.floorIndex === five.model.shownFloor;
+    if (!isLabelInFloor)
+        return false;
+    // 再看是不是被模型遮挡
+    const raycaster = new Raycaster();
+    const cameraPosition = five.camera.position.clone();
+    const position = new Vector3(roomLabelItem.position.x, roomLabelItem.position.y, roomLabelItem.position.z);
+    const vectorDistance = position.distanceTo(cameraPosition);
+    raycaster.set(cameraPosition.clone(), position.clone().sub(cameraPosition).normalize());
+    const [intersection] = five.model.intersectRaycaster(raycaster);
+    if (intersection && intersection.distance + 1 < vectorDistance)
+        return false;
+    return true;
+}
+function getLabelTransform(five, roomLabelItem) {
+    const position = new Vector3(roomLabelItem.position.x, roomLabelItem.position.y, roomLabelItem.position.z);
+    const mouse = position.clone().project(five.camera);
+    const xOffset = Math.ceil(((mouse.x + 1) / 2) * containerWidth);
+    const yOffset = Math.ceil(((-mouse.y + 1) / 2) * containerHeight);
+    return `translate(${xOffset}px, ${yOffset}px)`;
+}
+function getFormatedRoomLabels(five, labels) {
+    const newLabels = labels.map((roomLabelItem) => {
+        // 计算是否可见，入股不可见，不会更新位置
+        const visible = getLabelVisible(five, roomLabelItem);
+        if (!visible)
+            return { ...roomLabelItem, visible };
+        // 更新位置
+        const transform = getLabelTransform(five, roomLabelItem);
+        return { ...roomLabelItem, visible, transform };
+    });
+    const sortedRoomLabelItems = newLabels
+        .filter(({ visible }) => visible)
+        .map((roomLabelItem) => ({
+        roomLabelItem: roomLabelItem,
+        distance: new Vector3(...Object.values(roomLabelItem.position)).clone().distanceTo(five.camera.position),
+    }))
+        .sort((a, b) => a.distance - b.distance);
+    return newLabels.map((roomLabelItem) => {
+        const sortIndex = sortedRoomLabelItems.findIndex((item) => item.roomLabelItem.id === roomLabelItem.id);
+        if (sortIndex !== undefined)
+            return { ...roomLabelItem, zIndex: sortIndex * 10 };
+        return roomLabelItem;
+    });
+}
+function onFiveCameraDirectionUpdate() {
+    roomLabels = getFormatedRoomLabels(five, roomLabels);
+}
+five.on('cameraDirectionUpdate', onFiveCameraDirectionUpdate);
+onDestroy(() => {
+    five.off('cameraDirectionUpdate', onFiveCameraDirectionUpdate);
+});
+onMount(() => {
+    onFiveCameraDirectionUpdate();
+});
+</script>
+
+<div class="room-labels-container" bind:clientWidth="{containerWidth}" bind:clientHeight="{containerHeight}">
+  {#each roomLabels as roomLableItem (roomLableItem.id)}
+    <RoomLabelItem roomLabel="{roomLableItem}" five="{five}" />
+  {/each}
+</div>
+
+<style>
+  .room-labels-container {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    color: #fff;
+  }
+</style>

package/libs/ModelRoomLabelPlugin/RoomLabelItems.svelte.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EjB,CAAC,CAAC,MAAM;;AAER,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;AAC5G,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,aAAa,CAAC,EAAE,CAAC;AACvD,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAC9D,EAAE,CAAC,CAAC,IAAI;AACR,CAAC,CAAC,GAAG;;AAEL,CAAC,KAAK;AACN,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;AACzB,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC;AACf,IAAI,MAAM,CAAC,CAAC,GAAG,CAAC;AAChB,IAAI,QAAQ,CAAC,CAAC,QAAQ;AACtB,IAAI,KAAK,CAAC,CAAC,CAAC,GAAG;AACf,EAAE;AACF,CAAC,CAAC,KAAK;","names":[],"sources":["RoomLabelItems.svelte"]}

package/libs/ModelRoomLabelPlugin/index.d.ts

@@ -0,0 +1,12 @@
+import * as Controller from './Controller';
+import type { FivePlugin } from '@realsee/five';
+export declare const ModelRoomLabelPlugin: FivePlugin<Controller.ModelRoomLabelPluginParameters, ModelRoomLabelPluginReturnType>;
+export default ModelRoomLabelPlugin;
+export declare const modelRoomLabelPluginServerParams: {
+    name: string;
+    version: number;
+};
+export type { ModelRoomLabelController } from './Controller';
+export type { ModelRoomLabelPluginData, RoomLabel } from './typings';
+export declare type ModelRoomLabelPluginReturnType = Controller.ModelRoomLabelController;
+export type { ModelRoomLabelPluginParameters } from './Controller';

package/libs/ModelRoomLabelPlugin/index.js

@@ -0,0 +1,9 @@
+import * as Controller from './Controller';
+export const ModelRoomLabelPlugin = (five) => {
+    return new Controller.ModelRoomLabelController(five);
+};
+export default ModelRoomLabelPlugin;
+export const modelRoomLabelPluginServerParams = {
+    name: 'ModelRoomLabelPlugin',
+    version: 0,
+};

package/{plugins → libs}/ModelRoomLabelPlugin/typings.d.ts

@@ -1,4 +1,4 @@
-export declare type ModelRoomLabelPluginData = {
+export interface ModelRoomLabelPluginData {
     model_room_labels: Readonly<{
         id: string;
         name: string;
@@ -11,7 +11,7 @@ export declare type ModelRoomLabelPluginData = {
             z: number;
         };
     }>[];
-};
+}
 export interface RoomLabel {
     /** 房屋 ID */
     readonly id: string;

package/libs/ModelRoomLabelPlugin/typings.js

@@ -0,0 +1 @@
+export {};

package/libs/ModelRoomLabelPlugin/utils/parseData.js

@@ -0,0 +1,14 @@
+/** @description 下划线转驼峰 */
+export function parseModelRoomLabelPluginData(data) {
+    return data.model_room_labels.map(({ id, pano_index, floor_index, name, position, longitude }) => ({
+        id,
+        name,
+        position,
+        longitude,
+        panoIndex: pano_index,
+        floorIndex: floor_index,
+        zIndex: 0,
+        visible: false,
+        transform: '',
+    }));
+}

package/libs/ModelViewPlugin/index.js

@@ -0,0 +1,160 @@
+import * as THREE from 'three';
+/**
+ * Five 模型插件
+ * @template ExportType 导出方法
+ */
+export const ModelViewPlugin = (five) => {
+    let needsRender = true;
+    const scene = new THREE.Scene();
+    const camera = new THREE.PerspectiveCamera(60, 1, 0.1, 1000);
+    let model = new THREE.Object3D();
+    {
+        const light = new THREE.DirectionalLight(0xffffff, 0.5);
+        light.position.copy(new THREE.Vector3(1, 1, 1));
+        scene.add(light);
+    }
+    {
+        const light = new THREE.DirectionalLight(0xffffff, 0.3);
+        scene.add(light);
+    }
+    {
+        const light = new THREE.AmbientLight(0xffffff, 0.3);
+        scene.add(light);
+    }
+    scene.add(model);
+    let renderer = null;
+    const initRendererIfNeeds = () => {
+        if (!five.renderer)
+            return;
+        if (!renderer) {
+            renderer = new THREE.WebGLRenderer({ antialias: false, alpha: true });
+            renderer.setPixelRatio(five.renderer.getPixelRatio());
+            renderer.outputEncoding = THREE.sRGBEncoding;
+            renderer.setClearColor(0x181a1c, 0);
+            renderer.autoClear = true;
+        }
+        return renderer;
+    };
+    const modelWillLoad = () => {
+        model.traverse((object) => {
+            if (object instanceof THREE.Mesh) {
+                const materials = [].concat(object.material);
+                materials.forEach((material) => material.dispose());
+            }
+        });
+        scene.remove(model);
+        model = new THREE.Object3D();
+        scene.add(model);
+        update();
+    };
+    const modelLoaded = () => {
+        function cloneMaterial(material) {
+            material = material.clone();
+            material.uniforms.modelAlpha.value = 1;
+            if (material.uniforms.map.value) {
+                material.uniforms.map.value.needsUpdate = true;
+            }
+            return material;
+        }
+        function cloneModel(model) {
+            if (model instanceof THREE.Mesh) {
+                const geometry = model.geometry;
+                const material = Array.isArray(model.material)
+                    ? model.material.map(cloneMaterial)
+                    : cloneMaterial(model.material);
+                return new THREE.Mesh(geometry, material);
+            }
+            else if (model instanceof THREE.Group) {
+                const group = new THREE.Group();
+                model.children.forEach((object) => group.add(cloneModel(object)));
+                return group;
+            }
+            else {
+                const object3D = new THREE.Object3D();
+                model.children.forEach((object) => object3D.add(cloneModel(object)));
+                return object3D;
+            }
+        }
+        scene.remove(model);
+        model = cloneModel(five.model);
+        scene.add(model);
+        update();
+    };
+    const appendTo = (element, size = {}) => {
+        const renderer = initRendererIfNeeds();
+        if (!renderer)
+            return;
+        element.appendChild(renderer.domElement);
+        refresh(size);
+        const positionType = window.getComputedStyle(element).position;
+        if (positionType !== 'relative' &&
+            positionType !== 'absolute' &&
+            positionType !== 'fixed' &&
+            positionType !== 'sticky')
+            element.style.position = 'relative';
+    };
+    const refresh = (size = {}) => {
+        if (!renderer)
+            return;
+        const element = renderer.domElement;
+        const container = element.parentNode;
+        if (container && container.nodeName) {
+            const { width = container.offsetWidth, height = container.offsetHeight } = size;
+            renderer.setSize(width, height);
+            // 修改摄像机 aspect 比值
+            camera.aspect = width / height;
+            camera.updateProjectionMatrix();
+        }
+        needsRender = true;
+    };
+    const cameraDistance = () => {
+        const bounding = five.model.bounding;
+        const { fov, aspect } = camera;
+        const radius = Math.sqrt(Math.pow(bounding.max.x - bounding.min.x + 2, 2) +
+            Math.pow(bounding.max.y - bounding.min.y + 2, 2) +
+            Math.pow(bounding.max.z - bounding.min.z + 2, 2));
+        // fit screen
+        let distance = radius / 2 / Math.tan((Math.PI * fov) / 360);
+        if (aspect < 1)
+            distance = distance / aspect;
+        return isNaN(distance) ? radius : distance;
+    };
+    const update = () => {
+        const { longitude, latitude } = five.getPose();
+        const distance = cameraDistance();
+        const lookAt = five.model.bounding.getCenter(new THREE.Vector3());
+        const longitudeDistance = distance * Math.cos(latitude);
+        const cameraPosition = new THREE.Vector3();
+        cameraPosition.x = Math.sin(longitude) * longitudeDistance + lookAt.x;
+        cameraPosition.z = Math.cos(longitude) * longitudeDistance + lookAt.z;
+        cameraPosition.y = Math.sin(latitude) * distance + lookAt.y;
+        camera.position.copy(cameraPosition);
+        camera.lookAt(lookAt);
+        needsRender = true;
+    };
+    const render = () => {
+        if (needsRender !== true)
+            return;
+        if (!renderer)
+            return;
+        if (!renderer.domElement.parentNode)
+            return;
+        const parentNode = renderer.domElement.parentNode;
+        if (parentNode.offsetWidth === 0)
+            return;
+        renderer.render(scene, camera);
+        needsRender = false;
+    };
+    const dispose = () => {
+        if (renderer)
+            renderer.dispose();
+        renderer = null;
+    };
+    five.on('modelLoaded', modelLoaded);
+    five.on('modelWillLoad', modelWillLoad);
+    five.on('cameraDirectionUpdate', update);
+    five.on('dispose', dispose);
+    five.on('renderFrame', render);
+    return { appendTo, refresh };
+};
+export default ModelViewPlugin;

package/{plugins → libs}/PanoCursorRaycasterPlugin/index.d.ts

@@ -1,6 +1,5 @@
-import * as THREE from 'three';
+import { Group, Vector3 } from 'three';
 import type { FivePlugin, Intersection } from '@realsee/five';
-import { Vector3 } from 'three';
 export interface PanoCursorRaycasterPluginParameterType {
 }
 export interface PanoCursorRaycasterPluginExportType {
@@ -18,7 +17,7 @@ export interface PanoCursorRaycasterPluginExportType {
      */
     pointAxesHelper: (point: Vector3, length?: number, fixDistance?: number) => {
         clear: () => void;
-        pointAxesHelperMesh: THREE.Group;
+        pointAxesHelperMesh: Group;
     };
     /**
      * @description: 将一个点在camera和点的向量上移动。传入点的位置和相对移动的距离，返回一个新的位置

package/libs/PanoCursorRaycasterPlugin/index.js

@@ -0,0 +1,74 @@
+import { Group, Raycaster, Vector3 } from 'three';
+import createLine from '../shared-utils/createLine';
+/**
+ * 全景中对当前鼠标的位置进行碰撞监测
+ * @param five
+ * @return
+ */
+export const PanoCursorRaycasterPlugin = (five) => {
+    const state = {
+        intersection: null,
+        disposers: [],
+    };
+    const updateIntersection = (intersection) => {
+        state.intersection = intersection;
+    };
+    const clearIntersection = () => {
+        state.intersection = null;
+    };
+    five.on('modelLoaded', () => {
+        five.on('intersectionOnModelUpdate', updateIntersection);
+        five.on('intersectionHidden', clearIntersection);
+    });
+    five.on('dispose', () => {
+        five.off('intersectionOnModelUpdate', updateIntersection);
+        five.off('intersectionHidden', clearIntersection);
+    });
+    const pointAxesHelper = (point, length = 2, fixDistance = 0.1) => {
+        const halfLength = length / 2;
+        const helperCenterPoint = movePointTowardsCamera(point, fixDistance);
+        const p = helperCenterPoint;
+        const pointAxesHelperMesh = new Group();
+        pointAxesHelperMesh.add(createLine(new Vector3(p.x + halfLength, p.y, p.z), new Vector3(p.x - halfLength, p.y, p.z), new Vector3(1, 0, 0)), createLine(new Vector3(p.x, p.y + halfLength, p.z), new Vector3(p.x, p.y - halfLength, p.z), new Vector3(0, 1, 0)), createLine(new Vector3(p.x, p.y, p.z + halfLength), new Vector3(p.x, p.y, p.z - halfLength), new Vector3(0, 0, 1)));
+        five.scene.add(pointAxesHelperMesh);
+        five.needsRender = true;
+        // 清理函数
+        const clear = () => {
+            five.scene.remove(pointAxesHelperMesh);
+        };
+        state.disposers.push(clear);
+        return { clear, pointAxesHelperMesh };
+    };
+    const canSeePoint = (point, distanceError = 0) => {
+        const cameraPosition = five?.camera?.position;
+        if (!cameraPosition)
+            return false;
+        const distance = point.distanceTo(cameraPosition);
+        const direction = point.sub(cameraPosition).normalize();
+        const raycaster = new Raycaster(cameraPosition, direction);
+        const intersection = five.model.intersectRaycaster(raycaster)?.[0];
+        return !(intersection && intersection.distance + distanceError < distance);
+    };
+    const intersection = () => {
+        return state.intersection;
+    };
+    const destroy = () => {
+        state.disposers?.forEach?.((d) => d?.());
+        five.off('intersectionOnModelUpdate', updateIntersection);
+        five.off('intersectionHidden', clearIntersection);
+    };
+    // 逐步取代 destroy ,向下兼容
+    const dispose = destroy;
+    const movePointTowardsCamera = (point, distance) => {
+        // 原点 position
+        const originPoint = point.clone();
+        // camera position
+        const cameraPosition = five.camera.position.clone();
+        // 移动的向量
+        const fixVector3 = cameraPosition.sub(originPoint).setLength(distance);
+        // 向量相加
+        return fixVector3.add(originPoint);
+    };
+    return { intersection, pointAxesHelper, movePointTowardsCamera, destroy, dispose, canSeePoint };
+};
+export default PanoCursorRaycasterPlugin;

package/libs/floorplan/Assets/camera.d.ts

@@ -0,0 +1 @@
+export declare const CAMERA_IMAGE = "data:image/png;base64,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";

package/libs/floorplan/Assets/camera.js

@@ -0,0 +1 @@
+export const CAMERA_IMAGE = 'data:image/png;base64,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';

package/libs/floorplan/Assets/floorplanExtraObject.d.ts

@@ -0,0 +1 @@
+export declare const FLOORPLAN_EXTRA_OBJECT_IMAGE = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAwCAYAAACFUvPfAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAALaADAAQAAAABAAAAMAAAAADe2FZjAAAEF0lEQVRoBe2WzWskRRiHf13V092TxI2oEzYeVDwITtyDuCiihwiCePGgxIM3vYgHL4J4UIhBRA8i/gPqyUvWg7AiIuIeloDiYUHJLOK6BPwIk9nNODM9Xf1RVe1b3elJRjCZmQ6euqGmuqer33rq4e23GqiOykBloDJQGagMVAYqA5WBykBlYFYD1qwP/tdzaZqOx9zYOLxeX0+L5yzLGp0X/03a25MOnGRcBtx+6Rlo9SL08G4EooFnxa8Yiivox5/h5Ys/4cl7NVorNDRnngX+0MIkVMeMSf23zyKML8J7/Dy8hwF2Buh9CnS+AEQIdLspBuGb+M7/qLW4qJrNpsLapjYhpwVnx3BMfCtNNx3Etc9xywvnMf80wG8HmQainw0RxSGrnmeBp+8k5/j9S0HbvXb5io0Lz880/0wPHV1NlhLd316He+4xOCv5ragF7L9PrH1qBJyB0626x/lC+qrSvH5r/W+n1WpxUM5nMY4GPeH8lHJaPgfeAFQHCL+ntkXT+vnUc3W6pvTIwC0wy3rA4dwLmK2avZ7Eo9uKBuYJfgJscbs8dLCxDMt+EOEPBEZNEWyBYHqTz6bPXrzUnNrSShxHIsYiOL69zrCGLLcLqJP68tB+9w5wj+YhWDafQ2s61wNqxjZhmrQ2pvMFCEvXuCUZ7wqH794ZWs28LJqlTXSUyuksF2M/yOwqgkx2c1ADa4wLAQRk2sAGQQakhN6yFC2hltfz5kSY44NKQeeh+vtI/SSzWhg2CzCgmWISmKUGmaYFBDfCSymnfxJ6/+ospVcWOLLp5DGP/y0P/Rp66O99DQNq7Po3Ds0a0wY+My2QSv2N2mO/OyxR2o6UQk+Lv7yJ06JYSnnolZVU9cUn2O9SmaMWGFBqYXRwbqAJWIi94TX5biotpcGl1DXZ6LnqIbNDTnmUgi52Mv5l5ysMxIcZcGjy2DTK4ZHlcBC14zeSge4qphICjj3bS0A7o9nSp2TOkm7aZ8bGZy/jxhO87V91G0+dfY/Z7BWIIK9KYUi5qy/Hf8YfBG3sqJTHiQWhmTVkbip+wX3x6volVSx+LPAxF+VLXhZ8VQ+iP2Rta/iWe5v42Fngj0BbdnRTXh12ZIcKhTaGbcYjybRwXBU1lu9KlndXp04NM52poKWO0RZsviNaP9a6grkO972+st05pXhE5c1hTEluJy7XUejGUQNLMbAmTdWY1rKBLW3aTJqBZ7nZkb36DhYCreeYHbMUXHvaYi5XDK70EcgulmRjm77wNtenzuXCbmnTRaAx493rbGf3Jr/njMzj920CnKdUaFCjlDioy7NYNvOdGrQJNgI32/L2tkXfFPlxgToqjWVhD6KdLnQRdARf/HHQz2r2X2Gqy8pAZaAyUBmoDFQGKgP/q4F/AJYg9/s0ZoABAAAAAElFTkSuQmCC";

package/libs/floorplan/Assets/floorplanExtraObject.js

@@ -0,0 +1 @@
+export const FLOORPLAN_EXTRA_OBJECT_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAwCAYAAACFUvPfAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAALaADAAQAAAABAAAAMAAAAADe2FZjAAAEF0lEQVRoBe2WzWskRRiHf13V092TxI2oEzYeVDwITtyDuCiihwiCePGgxIM3vYgHL4J4UIhBRA8i/gPqyUvWg7AiIuIeloDiYUHJLOK6BPwIk9nNODM9Xf1RVe1b3elJRjCZmQ6euqGmuqer33rq4e23GqiOykBloDJQGagMVAYqA5WBykBlYFYD1qwP/tdzaZqOx9zYOLxeX0+L5yzLGp0X/03a25MOnGRcBtx+6Rlo9SL08G4EooFnxa8Yiivox5/h5Ys/4cl7NVorNDRnngX+0MIkVMeMSf23zyKML8J7/Dy8hwF2Buh9CnS+AEQIdLspBuGb+M7/qLW4qJrNpsLapjYhpwVnx3BMfCtNNx3Etc9xywvnMf80wG8HmQainw0RxSGrnmeBp+8k5/j9S0HbvXb5io0Lz880/0wPHV1NlhLd316He+4xOCv5ragF7L9PrH1qBJyB0626x/lC+qrSvH5r/W+n1WpxUM5nMY4GPeH8lHJaPgfeAFQHCL+ntkXT+vnUc3W6pvTIwC0wy3rA4dwLmK2avZ7Eo9uKBuYJfgJscbs8dLCxDMt+EOEPBEZNEWyBYHqTz6bPXrzUnNrSShxHIsYiOL69zrCGLLcLqJP68tB+9w5wj+YhWDafQ2s61wNqxjZhmrQ2pvMFCEvXuCUZ7wqH794ZWs28LJqlTXSUyuksF2M/yOwqgkx2c1ADa4wLAQRk2sAGQQakhN6yFC2hltfz5kSY44NKQeeh+vtI/SSzWhg2CzCgmWISmKUGmaYFBDfCSymnfxJ6/+ospVcWOLLp5DGP/y0P/Rp66O99DQNq7Po3Ds0a0wY+My2QSv2N2mO/OyxR2o6UQk+Lv7yJ06JYSnnolZVU9cUn2O9SmaMWGFBqYXRwbqAJWIi94TX5biotpcGl1DXZ6LnqIbNDTnmUgi52Mv5l5ysMxIcZcGjy2DTK4ZHlcBC14zeSge4qphICjj3bS0A7o9nSp2TOkm7aZ8bGZy/jxhO87V91G0+dfY/Z7BWIIK9KYUi5qy/Hf8YfBG3sqJTHiQWhmTVkbip+wX3x6volVSx+LPAxF+VLXhZ8VQ+iP2Rta/iWe5v42Fngj0BbdnRTXh12ZIcKhTaGbcYjybRwXBU1lu9KlndXp04NM52poKWO0RZsviNaP9a6grkO972+st05pXhE5c1hTEluJy7XUejGUQNLMbAmTdWY1rKBLW3aTJqBZ7nZkb36DhYCreeYHbMUXHvaYi5XDK70EcgulmRjm77wNtenzuXCbmnTRaAx493rbGf3Jr/njMzj920CnKdUaFCjlDioy7NYNvOdGrQJNgI32/L2tkXfFPlxgToqjWVhD6KdLnQRdARf/HHQz2r2X2Gqy8pAZaAyUBmoDFQGKgP/q4F/AJYg9/s0ZoABAAAAAElFTkSuQmCC';