@realsee/dnalogel 2.0.0-alpha.18 → 2.0.0-alpha.20

package/libs/floorplan/TopviewFloorplanPlugin/Controller.js

@@ -1,17 +1,9 @@
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
+import * as THREE from 'three';
 import { pluginStyle } from './style';
 import formatData from '../utils/formatData';
-import { omit } from '../../shared-utils/filter';
 import getPxmm from '../../shared-utils/getPxmm';
-import Main from "../ModelFloorplanPlugin/Components/Main";
+import { omit } from '../../shared-utils/filter';
+import Main from '../Components/Main';
 import changeModelCanvasOpacity from '../../shared-utils/changeModelCanvasOpacity';
 export class TopviewFloorplanPluginController {
     constructor(five, params) {
@@ -100,32 +92,58 @@ export class TopviewFloorplanPluginController {
             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);
+                (_a = this.app) === null || _a === void 0 ? void 0 : _a.$destroy();
+                (_b = this.container) === null || _b === void 0 ? void 0 : _b.remove();
+                this.five.off('modeChange', this.onFiveModeChange);
+                this.five.off('panGesture', this.onFivePanGesture);
+                this.five.off('panoArrived', this.onFivePanoArrived);
+                this.five.off('modelLoaded', this.onFiveModelLoaded);
+                this.five.off('pinchGesture', this.onFivePinchGesture);
+                this.five.off('wantsGesture', this.onFiveWantsGesture);
+                this.five.off('wantsMoveToPano', this.onFiveWantsMoveToPano);
+                this.five.off('initAnimationEnded', this.onFiveInitAnimationEnded);
                 this.five.off('modelShownFloorChange', this.onModelShownFloorChange);
             }
         });
-        /** 模型楼层高亮改变时，自动进行楼层切换 */
+        Object.defineProperty(this, "onFiveWantsMoveToPano", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (this.visible && this.configs.preventRoomClick)
+                    return false;
+            }
+        });
+        Object.defineProperty(this, "onFiveWantsGesture", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (type) => {
+                if (type !== 'pan' && type !== 'pinch' && type !== 'mouseWheel')
+                    return;
+                if (this.visible && !this.configs.gestureEnable)
+                    return false;
+            }
+        });
         Object.defineProperty(this, "onModelShownFloorChange", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: (shownFloor) => {
-                if (shownFloor === null)
+                if (this.floorIndex === shownFloor)
                     return;
+                if (shownFloor === null) {
+                    const panoIndex = this.five.getCurrentState().panoIndex;
+                    this.floorIndex = this.five.work.observers[panoIndex].floorIndex;
+                    return;
+                }
+                // 模型楼层高亮改变时，自动进行楼层切换
                 this.floorIndex = shownFloor;
                 this.updateSize();
                 this.render();
             }
         });
-        /** panoIndex 改变时，更新 floorIndex */
-        Object.defineProperty(this, "handlePanoArrived", {
+        Object.defineProperty(this, "onFivePanoArrived", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -137,31 +155,28 @@ export class TopviewFloorplanPluginController {
                 this.floorIndex = this.five.work.observers[index].floorIndex;
             }
         });
-        /** 配置了 preventRoomClick 后，在户型图展示时阻止 Five 走点 */
-        Object.defineProperty(this, "handleWantsMoveToPano", {
+        Object.defineProperty(this, "onFivePanGesture", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: () => {
                 if (!this.visible)
                     return;
-                if (this.configs.preventRoomClick)
-                    return false;
-                return;
+                this.updatePosition();
             }
         });
-        /** 在户型图展示时阻止 Five 滑动行为 */
-        Object.defineProperty(this, "handleWantsPanGesture", {
+        Object.defineProperty(this, "onFivePinchGesture", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: () => {
                 if (!this.visible)
                     return;
-                return false;
+                this.updatePosition();
+                this.updateSize();
             }
         });
-        Object.defineProperty(this, "handleModelLoaded", {
+        Object.defineProperty(this, "onFiveModelLoaded", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -178,7 +193,7 @@ export class TopviewFloorplanPluginController {
             }
         });
         /** 非 Topview 态隐藏户型图 */
-        Object.defineProperty(this, "handleModeChange", {
+        Object.defineProperty(this, "onFiveModeChange", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -188,7 +203,7 @@ export class TopviewFloorplanPluginController {
             }
         });
         /** 动画结束后是 Topview 态就展示户型图 */
-        Object.defineProperty(this, "handleInitAnimationEnded", {
+        Object.defineProperty(this, "onFiveInitAnimationEnded", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -228,24 +243,30 @@ export class TopviewFloorplanPluginController {
         this.five = five;
         this.selector = params.selector;
         this.configs = omit(params, ['selector']);
+        this.five.addExtraElement(this.container);
         // 设置 container 样式
         this.container.classList.add('floorplan-plugin');
         Object.assign(this.container.style, pluginStyle);
         // 如果初始化的时候模型已经加载完毕了，就不用再等 modelLoaded
-        this.five.model.loaded ? this.handleModelLoaded() : five.once('modelLoaded', this.handleModelLoaded);
+        this.five.model.loaded
+            ? this.onFiveModelLoaded()
+            : five.once('modelLoaded', this.onFiveModelLoaded);
         this.five.once('dispose', this.dispose);
-        this.five.on('modeChange', this.handleModeChange);
-        this.five.on('panoArrived', this.handlePanoArrived);
-        this.five.on('initAnimationEnded', this.handleInitAnimationEnded);
+        this.five.on('modeChange', this.onFiveModeChange);
+        this.five.on('panGesture', this.onFivePanGesture);
+        this.five.on('mouseWheel', this.onFivePinchGesture);
+        this.five.on('panoArrived', this.onFivePanoArrived);
+        this.five.on('pinchGesture', this.onFivePinchGesture);
+        this.five.on('wantsGesture', this.onFiveWantsGesture);
+        this.five.on('wantsMoveToPano', this.onFiveWantsMoveToPano);
+        this.five.on('initAnimationEnded', this.onFiveInitAnimationEnded);
         this.five.on('modelShownFloorChange', this.onModelShownFloorChange);
     }
     /** 加载户型图数据 */
-    load(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const copyData = JSON.parse(JSON.stringify(data));
-            this.floorplanData = yield formatData(copyData);
-            this.render();
-        });
+    async load(data) {
+        const copyData = JSON.parse(JSON.stringify(data));
+        this.floorplanData = await formatData(copyData);
+        this.render();
     }
     /** 把插件的渲染DOM插入到对应的容器中去 */
     appendTo(wrapper) {
@@ -256,6 +277,7 @@ export class TopviewFloorplanPluginController {
     show() {
         this.visible = true;
         this.five.model.show(this.floorIndex);
+        this.updatePosition();
         this.updateSize();
         const renderDuration = 500;
         const modelOpacity = this.configs.modelOpacity;
@@ -263,8 +285,6 @@ export class TopviewFloorplanPluginController {
             changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
         }
         this.render(renderDuration);
-        this.five.on('wantsMoveToPano', this.handleWantsMoveToPano);
-        this.five.on('wantsPanGesture', this.handleWantsPanGesture);
     }
     hide() {
         const modelOpacity = 1;
@@ -272,20 +292,28 @@ export class TopviewFloorplanPluginController {
         this.visible = false;
         changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
         this.render();
-        this.five.on('wantsMoveToPano', this.handleWantsMoveToPano);
-        this.five.on('wantsPanGesture', this.handleWantsPanGesture);
+    }
+    /** 更新户型图位置 */
+    updatePosition() {
+        var _a;
+        const modelCenter = (_a = this.five.model) === null || _a === void 0 ? void 0 : _a.bounding.getCenter(new THREE.Vector3());
+        if (!modelCenter)
+            return;
+        const ndcModelCenter = modelCenter.clone().project(this.five.camera);
+        const left = (ndcModelCenter.x + 1) / 2;
+        const top = -(ndcModelCenter.y - 1) / 2;
+        this.container.style.left = left * 100 + '%';
+        this.container.style.top = top * 100 + '%';
     }
     render(duration) {
         if (!this.container || !this.floorplanData)
             return;
         if (this.size.width === 0)
             return;
-        const { northDesc, getLabelElement, cameraImageUrl, preventRoomClick, hoverEnable, compassEnable, roomLabelsEnable, ruleLabelsEnable, } = this.configs;
-        const handleClick = preventRoomClick ? () => false : undefined;
+        const { northDesc, getLabelElement, cameraImageUrl, hoverEnable, compassEnable, roomLabelsEnable, ruleLabelsEnable, } = this.configs;
         const props = {
+            getLabelElement,
             northDesc: northDesc !== null && northDesc !== void 0 ? northDesc : '北',
-            five: this.five,
-            pxmm: this.pxmm,
             cameraImageUrl,
             visible: this.visible,
             duration: duration !== null && duration !== void 0 ? duration : 0,
@@ -297,8 +325,6 @@ export class TopviewFloorplanPluginController {
             ruleLabelsEnable: ruleLabelsEnable !== null && ruleLabelsEnable !== void 0 ? ruleLabelsEnable : true,
             roomLabelsEnable: roomLabelsEnable !== null && roomLabelsEnable !== void 0 ? roomLabelsEnable : true,
             lastPanoramaLongitude: this.lastPanoramaLongitude,
-            getLabelElement,
-            onRoomHeightClick: handleClick,
         };
         if (!this.app) {
             this.app = new Main({

package/libs/floorplan/TopviewFloorplanPlugin/index.d.ts

@@ -1,4 +1,4 @@
-import { FivePlugin } from '@realsee/five';
+import type { FivePlugin } from '@realsee/five';
 import { TopviewFloorplanPluginParameterType, TopviewFloorplanPluginReturnType } from './Controller';
 export declare const TopviewFloorplanPlugin: FivePlugin<TopviewFloorplanPluginParameterType, TopviewFloorplanPluginReturnType>;
 export default TopviewFloorplanPlugin;

package/libs/floorplan/TopviewFloorplanPlugin/style.js

@@ -3,6 +3,5 @@ export const pluginStyle = {
     left: '50%',
     top: '50%',
     transform: 'translate(-50%, -50%)',
-    pointerEvents: 'none',
     zIndex: '10',
 };

package/libs/floorplan/utils/formatData.js

@@ -1,34 +1,21 @@
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
 import { FLOORPLAN_EXTRA_OBJECT_IMAGE } from '../Assets/floorplanExtraObject';
 import { floorplanPosition2ImagePosition, getFloorIndexFromModelPosition, modelPosition2FloorplanPosition, } from './formatPosition';
-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;
-            });
+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,
         };
-        const svgOutlineItems = yield Promise.all(outlines.map(getOutlineItem));
-        return svgOutlineItems;
-    });
+        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;
 }
 function formatRoom(data) {
     const floorplanRoomItem = {
@@ -74,21 +61,19 @@ function formatFloorplanEntrance(data) {
     };
     return floorplanEntrance;
 }
-export default 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;
-    });
+export default 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;
 }
 export function formatExtraObjects(data, five, floorplanData) {
     const extraObjects = data.map((object) => {

package/libs/floorplan/utils/formatPosition.d.ts

@@ -7,7 +7,7 @@ export declare function pathD(points: Vector2Position[], options?: {
     format?: (vector: Vector2Position) => Vector2Position;
 }): string;
 /** 把户型图上点点位转换到 SVG 上的点位 */
-export default function formatFloorplanPoint({ x, y }: Vector2Position, pxmm: number, bounding: FloorplanBounding): {
+export default function formatFloorplanPoint({ x, y }: Vector2Position, bounding: FloorplanBounding): {
     x: number;
     y: number;
 };

package/libs/floorplan/utils/formatPosition.js

@@ -19,9 +19,9 @@ export function pathD(points, options = {}) {
     return d + (needZ ? 'Z' : '');
 }
 /** 把户型图上点点位转换到 SVG 上的点位 */
-export default function formatFloorplanPoint({ x, y }, pxmm, bounding) {
+export default function formatFloorplanPoint({ x, y }, bounding) {
     const { max, min } = bounding;
-    return { x: (x - min.x) * pxmm, y: (max.y - y) * pxmm };
+    return { x: x - min.x, y: max.y - y };
 }
 /** 模型坐标转户型图坐标 */
 export function modelPosition2FloorplanPosition(position, floorplanData) {

package/libs/shared-utils/five/changeMode.js

@@ -1,26 +1,15 @@
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
 import to from '../to';
-export default function changeMode(five, ...changeModeParams) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const [changeModeError] = yield to(five.changeMode(...changeModeParams));
-        if (changeModeError)
-            throw changeModeError;
-        yield new Promise((reslove, reject) => {
-            five.once('initAnimationEnded', reslove);
-            const handleModeChange = (mode) => {
-                if (mode !== changeModeParams[0])
-                    reject('changeMode 被中断');
-                five.off('modeChange', handleModeChange);
-            };
-            five.on('modeChange', handleModeChange);
-        });
+export default async function changeMode(five, ...changeModeParams) {
+    const [changeModeError] = await to(five.changeMode(...changeModeParams));
+    if (changeModeError)
+        throw changeModeError;
+    await new Promise((reslove, reject) => {
+        five.once('initAnimationEnded', reslove);
+        const handleModeChange = (mode) => {
+            if (mode !== changeModeParams[0])
+                reject('changeMode 被中断');
+            five.off('modeChange', handleModeChange);
+        };
+        five.on('modeChange', handleModeChange);
     });
 }

package/libs/shared-utils/three/getExtraModelLoader.d.ts

@@ -1,4 +1,4 @@
-import * as THREE from 'three';
+import type * as THREE from 'three';
 /** 模型资源加载器，用于满足资源共用 */
 export declare function getExtraModelLoader(): {
     load: (url: string, type?: string) => Promise<THREE.Group>;

package/libs/shared-utils/three/getNormal.d.ts

@@ -1,2 +1,2 @@
-import { Vector3 } from 'three';
+import type { Vector3 } from 'three';
 export default function getNormal(a: Vector3, b: Vector3, c: Vector3): Vector3;

package/libs/shared-utils/three/getTextureLoader.d.ts

@@ -1,4 +1,4 @@
-import * as THREE from 'three';
+import type * as THREE from 'three';
 /** 贴图加载器，用于满足资源共用 */
 export declare function getTextureLoader(): {
     load: (url: string) => Promise<THREE.Texture>;

package/libs/shared-utils/three/loadFbxObj.d.ts

@@ -1,2 +1,2 @@
-import { Group } from 'three';
+import type { Group } from 'three';
 export declare function loadFbxObj(url: string): Promise<Group>;

package/libs/shared-utils/three/loadFbxObj.js

@@ -1,24 +1,13 @@
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
 import { FBXLoader } from 'three/examples/jsm/loaders/FBXLoader';
 const loader = new FBXLoader();
-export function loadFbxObj(url) {
-    return __awaiter(this, void 0, void 0, function* () {
-        return new Promise((resolve, reject) => {
-            function onLoad(object) {
-                resolve(object);
-            }
-            function onError(error) {
-                reject(error);
-            }
-            loader.load(url, onLoad, undefined, onError);
-        });
+export async function loadFbxObj(url) {
+    return new Promise((resolve, reject) => {
+        function onLoad(object) {
+            resolve(object);
+        }
+        function onError(error) {
+            reject(error);
+        }
+        loader.load(url, onLoad, undefined, onError);
     });
 }

package/libs/shared-utils/three/loadTexture.js

@@ -1,21 +1,10 @@
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
 import * as THREE from 'three';
 const textureLoader = new THREE.TextureLoader();
-export function loadTexture(url) {
-    return __awaiter(this, void 0, void 0, function* () {
-        return new Promise((resolve, reject) => {
-            textureLoader.load(url, resolve, undefined, reject);
-        }).then((texture) => {
-            texture.encoding = THREE.sRGBEncoding;
-            return texture;
-        });
+export async function loadTexture(url) {
+    return new Promise((resolve, reject) => {
+        textureLoader.load(url, resolve, undefined, reject);
+    }).then((texture) => {
+        texture.encoding = THREE.sRGBEncoding;
+        return texture;
     });
 }

package/libs/shared-utils/to.js

@@ -1,29 +1,18 @@
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
 /**
  * 传入一个 Promise
  * 无异常，返回 [null, data]
  * 有异常，则返回 [Error, undefined]
  * 用于替代 try&catch 处理 await 异常的方案
  */
-export function to(promise) {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            const data = yield promise;
-            return [null, data];
-        }
-        catch (error) {
-            if (error instanceof Error)
-                return [error, null];
-            return [new Error(''), null];
-        }
-    });
+export async function to(promise) {
+    try {
+        const data = await promise;
+        return [null, data];
+    }
+    catch (error) {
+        if (error instanceof Error)
+            return [error, null];
+        return [new Error(''), null];
+    }
 }
 export default to;

package/libs/shared-utils/vectorTocoordinates.d.ts

@@ -1,4 +1,4 @@
-import * as THREE from 'three';
+import type * as THREE from 'three';
 /** 单位向量转换成坐标 */
 declare function vectorTocoordinates(vector: THREE.Vector3): {
     longitude: number;

package/package.json

@@ -7,7 +7,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "2.0.0-alpha.18",
+  "version": "2.0.0-alpha.20",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "build": "yarn run tsb && yarn run build:rollup && yarn build:docs",
@@ -27,7 +27,7 @@
   ],
   "devDependencies": {
     "@babel/core": "^7.17.5",
-    "@realsee/five": "^5.0.0-alpha.120",
+    "@realsee/five": "^5.0.0-alpha.123",
     "@rollup/plugin-alias": "^3.1.9",
     "@rollup/plugin-commonjs": "^21.1.0",
     "@rollup/plugin-typescript": "^8.3.2",