@realsee/dnalogel 0.1.7 → 2.0.0-alpha.11

package/libs/PanoSpatialTagPlugin/index.js

@@ -0,0 +1,411 @@
+import * as THREE from 'three';
+import { Five, Subscribe } from '@realsee/five';
+import CSS3DRenderPlugin from '../CSS3DRenderPlugin';
+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;
+const RAY_ORIGIN_Y = 1.4;
+const RAY_TOLERANT_DISTANCE = 0.01;
+const BLUR_IMAGE_URL = 'https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png';
+const MIN_DISTANCE = 1.2;
+const MAX_DISTANCE = 3.5;
+/**
+ * 空间游走标签插件
+ */
+export const PanoSpatialTagPlugin = (five, params) => {
+    let wrapper = params?.container;
+    const wait = params?.wait ?? 200;
+    const maxNumberOnScreen = params?.maxNumberOnScreen ?? 3;
+    const minRad = params?.minRad ?? Math.PI / 4;
+    const nearTolerance = params?.nearTolerance ?? 100;
+    const upsideHeight = params?.upsideHeight ?? 1.6;
+    // const foldPercent = params?.foldPercent ?? 20
+    const css3DRender = CSS3DRenderPlugin(five);
+    const container = document.createElement('div');
+    container.classList.add('PanoSpatialTagPlugin');
+    Object.assign(container.style, pluginStyle);
+    const hooks = new Subscribe();
+    let blurImage = new Image();
+    blurImage.src = BLUR_IMAGE_URL;
+    const state = {
+        points: [],
+        origins: [],
+        tags: [],
+        template: '',
+        events: {},
+        render,
+        folded: false,
+        enabled: true,
+        forbidden: true,
+    };
+    const origins = new Origins({
+        target: container,
+        props: { origins: state.origins },
+    });
+    const onCameraUpdate = (pose, userAction) => {
+        updateOrigins();
+        if (userAction) {
+            updateTags();
+            // state.tags.forEach(tag => {
+            //   const mouse = tag.position.clone().project(five.camera)
+            //   const top = ( - mouse.y + 1 ) / 2 * 100
+            // })
+        }
+    };
+    const onPanoArrived = () => {
+        if (state.forbidden) {
+            state.forbidden = false;
+            updateTags();
+        }
+    };
+    const onPanoWillArrive = (pano, pose) => {
+        if (state.tags.length === 0)
+            return;
+        const rotateRad = pose.longitude - five.state.longitude;
+        const camera = five.camera.clone();
+        camera.position.copy(pose.offset);
+        camera.rotateOnWorldAxis(new THREE.Vector3(0, 1, 0), rotateRad);
+        camera.updateProjectionMatrix();
+        camera.updateMatrixWorld(true);
+        const frustum = new THREE.Frustum();
+        const projScreenMatrix = new THREE.Matrix4();
+        projScreenMatrix.multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse);
+        frustum.setFromProjectionMatrix(projScreenMatrix);
+        state.tags.forEach(tag => {
+            const distance = camera.position.clone().setY(RAY_ORIGIN_Y).distanceTo(tag.position);
+            if (distance < MIN_DISTANCE || distance > MAX_DISTANCE)
+                return tag.destroying = true;
+            if (!frustum.containsPoint(tag.position))
+                return tag.destroying = true;
+            const v = tag.position.clone().sub(camera.position).setY(0);
+            if (v.angleTo(tag.normal) > Math.PI / 2 - minRad &&
+                v.angleTo(tag.normal) < Math.PI / 2 + minRad)
+                return tag.destroying = true;
+        });
+        state.tags.forEach(tag => {
+            if (tag.destroying) {
+                tag.app.$set({
+                    contentZoom: 0.1 + camera.position.distanceTo(tag.position) / MAX_DISTANCE,
+                    lineWidthZoom: 0.38 * (0.01 + camera.position.distanceTo(tag.position) / MAX_DISTANCE),
+                    destroying: tag.destroying,
+                });
+            }
+            else {
+                tag.app.$set({
+                    lineWidthZoom: 0.38 * (0.01 + camera.position.distanceTo(tag.position) / MAX_DISTANCE),
+                    lineHeightZoom: 0.4 + (camera.position.distanceTo(tag.position) - MIN_DISTANCE) / MAX_DISTANCE * 0.6,
+                    contentZoom: 0.1 + camera.position.distanceTo(tag.position) / MAX_DISTANCE,
+                });
+            }
+        });
+        setTimeout(() => {
+            state.tags.forEach(tag => {
+                if (tag.destroying) {
+                    tag.app.$destroy();
+                    tag = null;
+                }
+            });
+            state.tags = state.tags.filter(tag => !tag.destroying);
+            updateOrigins();
+        }, 1900);
+    };
+    const onModeChange = (mode) => {
+        if (mode !== Five.Mode.Panorama && !state.forbidden) {
+            origins.$set({ origins: [] });
+            state.tags.forEach(tag => {
+                tag.app.$destroy();
+                tag = null;
+            });
+            state.origins = [];
+            state.tags = [];
+            state.forbidden = true;
+        }
+    };
+    const updateOrigins = () => {
+        if (state.forbidden || !state.enabled)
+            return;
+        const camera = five.camera;
+        const direction = camera.getWorldDirection(new THREE.Vector3());
+        state.origins = state.tags.map(tag => {
+            const mouse = tag.position.clone().project(camera);
+            const front = tag.position.clone().sub(camera.position).setY(0)
+                .angleTo(direction.setY(0)) < Math.PI / 2;
+            return {
+                id: tag.id,
+                front,
+                left: (mouse.x + 1) / 2 * 100,
+                top: (-mouse.y + 1) / 2 * 100,
+                destroying: tag.destroying,
+            };
+        });
+        origins.$set({ origins: state.origins });
+    };
+    const updateTags = () => {
+        if (state.forbidden || !state.enabled)
+            return;
+        if (state.timeoutId)
+            clearTimeout(state.timeoutId);
+        state.timeoutId = setTimeout(() => {
+            state.timeoutId = undefined;
+            const newTags = getNewTags();
+            if (newTags.length) {
+                state.tags = state.tags.concat(newTags);
+                updateOrigins();
+            }
+        }, wait);
+    };
+    const getNewTags = () => {
+        const { clientWidth, clientHeight } = five.getElement();
+        const newTags = [];
+        const camera = five.camera;
+        const frustum = new THREE.Frustum();
+        const projScreenMatrix = new THREE.Matrix4();
+        const direction = camera.getWorldDirection(new THREE.Vector3());
+        projScreenMatrix.multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse);
+        frustum.setFromProjectionMatrix(projScreenMatrix);
+        const frontTagLength = state.tags.filter(tag => frustum.containsPoint(tag.position) && !tag.destroying).length;
+        const points = state.points.reduce((result, point) => {
+            if (state.tags.find(tag => point.id === tag.id && !tag.destroying))
+                return result;
+            const distance = camera.position.clone().setY(RAY_ORIGIN_Y).distanceTo(point.position);
+            if (distance < MIN_DISTANCE || distance > MAX_DISTANCE)
+                return result;
+            if (!frustum.containsPoint(point.position))
+                return result;
+            const v = point.position.clone().sub(camera.position).setY(0);
+            if (v.angleTo(point.normal) > Math.PI / 2 - minRad &&
+                v.angleTo(point.normal) < Math.PI / 2 + minRad)
+                return result;
+            const mouse = point.position.clone().project(camera);
+            if (!state.tags.every(tag => {
+                if (tag.position.clone().sub(camera.position).setY(0)
+                    .angleTo(direction.setY(0)) > Math.PI / 2)
+                    return true;
+                const _mouse = tag.position.clone().project(camera);
+                return Math.sqrt(Math.pow((mouse.x - _mouse.x) / 2 * clientWidth, 2) +
+                    Math.pow((mouse.y - _mouse.y) / 2 * clientHeight, 2)) > nearTolerance;
+            }))
+                return result;
+            const newPoint = {
+                id: point.id,
+                position: point.position,
+                normal: point.normal,
+                replacement: point.replacement,
+                weight: point.weight,
+                distance,
+            };
+            let index;
+            for (let i = 0, l = result.length; i < l; i++) {
+                const anotherPoint = result[i];
+                if (newPoint.weight > anotherPoint.weight) {
+                    index = i;
+                    break;
+                }
+                if (newPoint.distance < anotherPoint.distance) {
+                    index = i;
+                    break;
+                }
+            }
+            if (index !== undefined)
+                result.splice(index, 0, newPoint);
+            else
+                result.push(newPoint);
+            return result;
+        }, []);
+        for (let i = 0, l = points.length; i < l; i++) {
+            if (frontTagLength + newTags.length >= maxNumberOnScreen)
+                break;
+            const point = points[i];
+            if (newTags.find(tag => point.id === tag.id))
+                continue;
+            const mouse = point.position.clone().project(camera);
+            if (!state.tags.concat(newTags).every(tag => {
+                if (tag.position.clone().sub(camera.position).setY(0)
+                    .angleTo(direction.setY(0)) > Math.PI / 2)
+                    return true;
+                const _mouse = tag.position.clone().project(camera);
+                return Math.sqrt(Math.pow((mouse.x - _mouse.x) / 2 * clientWidth, 2) +
+                    Math.pow((mouse.y - _mouse.y) / 2 * clientHeight, 2)) > nearTolerance;
+            }))
+                continue;
+            const raycaster = new THREE.Raycaster(camera.position.clone().setY(RAY_ORIGIN_Y), point.position.clone().sub(camera.position.clone().setY(RAY_ORIGIN_Y)).normalize(), 0, point.distance + RAY_TOLERANT_DISTANCE);
+            const [intersect] = five.model.intersectRaycaster(raycaster);
+            if (!intersect)
+                continue;
+            if (point.distance - intersect.distance < RAY_TOLERANT_DISTANCE) {
+                const { position, normal, id, replacement } = point;
+                const plane = new THREE.Plane().setFromNormalAndCoplanarPoint(normal, position);
+                const right = position.clone().sub(camera.position)
+                    .cross(new THREE.Vector3(0, 1, 0)).setLength(MESH_SIZE);
+                const square = [
+                    position.clone(),
+                    position.clone().add(right),
+                    position.clone().add(new THREE.Vector3(0, MESH_SIZE, 0)).add(right),
+                    position.clone().add(new THREE.Vector3(0, MESH_SIZE, 0)),
+                ].map(v => plane.projectPoint(v, new THREE.Vector3()));
+                const { container, dispose } = css3DRender.create3DDomContainer(square) || {};
+                const app = new Tag({
+                    target: container,
+                    props: {
+                        id,
+                        content: state.render(state.template, replacement),
+                        lineWidthZoom: 0.38 * (0.01 + camera.position.distanceTo(position) / MAX_DISTANCE),
+                        lineHeightZoom: 0.4 + (camera.position.distanceTo(position) - MIN_DISTANCE) / MAX_DISTANCE * 0.6,
+                        contentZoom: 0.1 + camera.position.distanceTo(position) / MAX_DISTANCE,
+                        upsideDown: position.y > upsideHeight,
+                        folded: state.folded,
+                        events: state.events,
+                        hooks,
+                        dispose,
+                    },
+                });
+                newTags.push({
+                    position,
+                    normal,
+                    id,
+                    app,
+                });
+            }
+        }
+        return newTags;
+    };
+    /** 标签数据加载
+    * @param data.points {Array} 标签数据
+    * @param data.enabled {Boolean} 插件是否启用
+    * @param data.folded {Boolean} 标签是否默认展开
+    */
+    const load = (data) => {
+        state.points = data.points.map(point => {
+            return {
+                id: point.id,
+                position: new THREE.Vector3().fromArray(point.position),
+                normal: new THREE.Vector3().fromArray(point.normal),
+                replacement: point.replacement ?? {},
+                weight: point.weight ?? -1,
+            };
+        });
+        if (data.render)
+            state.render = data.render;
+        if (data.template)
+            state.template = data.template;
+        if (data.events)
+            state.events = data.events;
+        if (data.enabled === false)
+            state.enabled = data.enabled;
+        if (data.folded === true)
+            state.folded = data.folded;
+    };
+    /** 标签启用
+    * 启用插件并重新计算展示标签
+    */
+    const enable = () => {
+        state.enabled = true;
+        updateTags();
+    };
+    /** 插件禁用
+    * 1. 禁用同时会清除已展示的标签
+    * 2. 再次启用时会重新计算展示标签
+    */
+    const disable = () => {
+        state.enabled = false;
+        origins.$set({ origins: [] });
+        state.tags.forEach(tag => {
+            tag.app.$destroy();
+            tag = null;
+        });
+        state.origins = [];
+        state.tags = [];
+    };
+    /** 展开所有标签
+    * 1. 展开所有收起的标签
+    * 2. 新标签会默认展开
+    */
+    const unfoldAll = () => {
+        state.folded = false;
+        state.tags.forEach(tag => {
+            tag.app.$set({ folded: state.folded });
+        });
+    };
+    /** 收起所有标签
+    * 1. 收起所有展开的标签
+    * 2. 新标签会默认收起
+    */
+    const foldAll = () => {
+        state.folded = true;
+        state.tags.forEach(tag => {
+            tag.app.$set({ folded: state.folded });
+        });
+    };
+    /** 展开单个标签
+    * @param id {Number | String} 标签ID
+    */
+    const unfold = (id) => {
+        state.tags.forEach(tag => {
+            if (tag.id === id)
+                tag.app.$set({ folded: false });
+        });
+    };
+    /** 收起单个标签
+    * @param id {Number | String} 标签ID
+    */
+    const fold = (id) => {
+        state.tags.forEach(tag => {
+            if (tag.id === id)
+                tag.app.$set({ folded: true });
+        });
+    };
+    const dispose = () => {
+        blurImage = null;
+        css3DRender.disposeAll();
+        origins.$destroy();
+        state.tags.forEach(tag => {
+            tag.app.$destroy();
+            tag = null;
+        });
+        state.origins = [];
+        state.tags = [];
+        five.off('panoWillArrive', onPanoWillArrive);
+        five.off('panoArrived', onPanoArrived);
+        five.off('modeChange', onModeChange);
+        five.off('cameraUpdate', onCameraUpdate);
+    };
+    if (five?.model?.loaded) {
+        if (!wrapper)
+            wrapper = five.getElement().parentElement;
+        wrapper.appendChild(container);
+        state.forbidden = false;
+        updateTags();
+        five.on('panoWillArrive', onPanoWillArrive);
+        five.on('panoArrived', onPanoArrived);
+        five.on('modeChange', onModeChange);
+        five.on('cameraUpdate', onCameraUpdate);
+    }
+    else {
+        five.once('modelBvhLoaded', () => {
+            if (!wrapper)
+                wrapper = five.getElement().parentElement;
+            wrapper.appendChild(container);
+            state.forbidden = false;
+            updateTags();
+            five.on('panoWillArrive', onPanoWillArrive);
+            five.on('panoArrived', onPanoArrived);
+            five.on('modeChange', onModeChange);
+            five.on('cameraUpdate', onCameraUpdate);
+        });
+    }
+    five.on('dispose', dispose);
+    return {
+        load,
+        unfoldAll,
+        foldAll,
+        unfold,
+        fold,
+        enable,
+        disable,
+        hooks,
+        dispose,
+    };
+};
+export default PanoSpatialTagPlugin;

package/libs/PanoSpatialTagPlugin/store.d.ts

@@ -0,0 +1 @@
+export declare const currentTarget: import("svelte/store").Writable<any>;

package/libs/PanoSpatialTagPlugin/store.js

@@ -0,0 +1,2 @@
+import { writable } from 'svelte/store';
+export const currentTarget = writable(null);

package/libs/PanoSpatialTagPlugin/style.d.ts

@@ -0,0 +1 @@
+export declare const pluginStyle: Partial<CSSStyleDeclaration>;

package/libs/PanoSpatialTagPlugin/style.js

@@ -0,0 +1,8 @@
+export const pluginStyle = {
+    position: 'absolute',
+    top: '0px',
+    left: '0px',
+    width: '100%',
+    height: '100%',
+    pointerEvents: 'none',
+};

package/libs/PanoSpatialTagPlugin/typings.d.ts

@@ -0,0 +1,40 @@
+import * as THREE from 'three';
+export declare type PanoSpatialTagPluginId = string | number;
+export interface PanoSpatialTagPluginContentReplacement {
+    [key: string]: string;
+}
+interface PanoSpatialTagPluginAppData {
+    replacement: PanoSpatialTagPluginContentReplacement;
+    weight?: number;
+}
+export interface PanoSpatialTagPluginDataElement extends PanoSpatialTagPluginAppData {
+    id: PanoSpatialTagPluginId;
+    position: number[];
+    normal: number[];
+}
+export interface PanoSpatialTagPluginTagElement {
+    id: PanoSpatialTagPluginId;
+    position: THREE.Vector3;
+    normal: THREE.Vector3;
+    app: any;
+    destroying?: boolean;
+}
+export interface PanoSpatialTagPluginOriginElement {
+    id: PanoSpatialTagPluginId;
+    front: boolean;
+    left: number;
+    top: number;
+    destroying?: boolean;
+}
+export interface PanoSpatialTagPluginContentEvent {
+    [className: string]: (id: PanoSpatialTagPluginId) => any;
+}
+export interface PanoSpatialTagPluginPointElement {
+    id: PanoSpatialTagPluginId;
+    position: THREE.Vector3;
+    normal: THREE.Vector3;
+    replacement: PanoSpatialTagPluginContentReplacement;
+    weight: number;
+    distance?: number;
+}
+export {};

package/libs/PanoSpatialTagPlugin/typings.js

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

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';