@inweb/client 25.3.8 → 25.3.10

package/dist/client.module.js

@@ -856,416 +856,127 @@ class HttpClient {
     }
 }
 
-class Options {
-    constructor(emitter) {
-        this._emitter = emitter;
-        this._data = Options.defaults();
-        this.loadFromStorage();
+class Permission {
+    constructor(data, fileId, httpClient) {
+        this.httpClient = httpClient;
+        this.fileId = fileId;
+        this.data = data;
     }
-    static defaults() {
-        return {
-            showWCS: true,
-            cameraAnimation: true,
-            antialiasing: true,
-            groundShadow: false,
-            shadows: false,
-            cameraAxisXSpeed: 4,
-            cameraAxisYSpeed: 1,
-            ambientOcclusion: false,
-            enableStreamingMode: true,
-            enablePartialMode: false,
-            memoryLimit: 3294967296,
-            cuttingPlaneFillColor: {
-                red: 255,
-                green: 152,
-                blue: 0
-            },
-            edgesColor: {
-                r: 255,
-                g: 152,
-                b: 0
-            },
-            facesColor: {
-                r: 255,
-                g: 152,
-                b: 0
-            },
-            edgesVisibility: true,
-            edgesOverlap: true,
-            facesOverlap: false,
-            facesTransparancy: 200,
-            enableCustomHighlight: true,
-            sceneGraph: false,
-            edgeModel: true,
-            reverseZoomWheel: false,
-            enableZoomWheel: true,
-            enableGestures: true,
-            geometryType: "vsfx"
-        };
+    internalGet() {
+        return this.httpClient.get(`/files/${this.fileId}/permissions/${this.id}`);
     }
-    notifierChangeEvent() {
-        if (this._emitter !== undefined) {
-            this.saveToStorage();
-            this._emitter.emit({
-                type: "optionschange",
-                data: this
-            });
-        }
+    internalPut(body) {
+        return this.httpClient.put(`/files/${this.fileId}/permissions/${this.id}`, body);
     }
-    saveToStorage() {
-        if (typeof window !== "undefined") try {
-            localStorage.setItem("od-client-settings", JSON.stringify(this.data));
-        } catch (error) {
-            console.error("Cannot save client settings.", error);
-        }
+    internalDelete() {
+        return this.httpClient.delete(`/files/${this.fileId}/permissions/${this.id}`);
     }
-    loadFromStorage() {
-        if (typeof window !== "undefined") try {
-            const item = localStorage.getItem("od-client-settings");
-            if (item) {
-                const data = JSON.parse(item);
-                this.data = {
-                    ...data
-                };
-            }
-        } catch (error) {
-            console.error("Cannot load client settings.", error);
-        }
+    get actions() {
+        return this.data.actions;
     }
-    resetToDefaults(fields) {
-        if (fields !== undefined) {
-            const defaults = Options.defaults();
-            const resetData = fields.reduce(((acc, field) => {
-                acc[field] = defaults[field];
-                return acc;
-            }), {});
-            this.data = {
-                ...this.data,
-                ...resetData
-            };
-        } else {
-            this.data = {
-                ...this.data,
-                ...Options.defaults()
-            };
-        }
+    set actions(value) {
+        this._data.actions = value;
     }
     get data() {
         return this._data;
     }
     set data(value) {
-        const sceneGraph = value.enablePartialMode ? false : value.sceneGraph;
-        this._data = {
-            ...Options.defaults(),
-            ...this._data,
-            ...value,
-            sceneGraph: sceneGraph
-        };
-        this.notifierChangeEvent();
+        this._data = value;
     }
-    get showWCS() {
-        return this._data.showWCS;
+    get id() {
+        return this.data.id;
     }
-    set showWCS(value) {
-        this._data.showWCS = value;
-        this.notifierChangeEvent();
+    get grantedTo() {
+        return this.data.grantedTo;
     }
-    get cameraAnimation() {
-        return this._data.cameraAnimation;
+    set grantedTo(value) {
+        this.data.grantedTo = value;
     }
-    set cameraAnimation(value) {
-        this._data.cameraAnimation = value;
-        this.notifierChangeEvent();
+    get public() {
+        return this.data.public;
     }
-    get antialiasing() {
-        return this._data.antialiasing;
+    set public(value) {
+        this.data.public = value;
     }
-    set antialiasing(value) {
-        this._data.antialiasing = value;
-        this.notifierChangeEvent();
+    async checkout() {
+        this.data = await json(this.internalGet());
+        return this;
     }
-    get groundShadow() {
-        return this._data.groundShadow;
+    async update(data) {
+        this.data = await json(this.internalPut(data));
+        return this;
     }
-    set groundShadow(value) {
-        this._data.groundShadow = value;
-        this.notifierChangeEvent();
+    delete() {
+        return json(this.internalDelete());
     }
-    get shadows() {
-        return this._data.shadows;
+    save() {
+        return this.update(this.data);
     }
-    set shadows(value) {
-        this._data.shadows = value;
-        this.notifierChangeEvent();
+}
+
+class Job {
+    constructor(data, httpClient) {
+        this.httpClient = httpClient;
+        this.data = data;
     }
-    get cameraAxisXSpeed() {
-        return this._data.cameraAxisXSpeed;
+    internalGet() {
+        return this.httpClient.get(`/jobs/${this.data.id}`);
     }
-    set cameraAxisXSpeed(value) {
-        this._data.cameraAxisXSpeed = value;
-        this.notifierChangeEvent();
+    internalPut(body) {
+        return this.httpClient.put(`/jobs/${this.data.id}`, body);
     }
-    get cameraAxisYSpeed() {
-        return this._data.cameraAxisYSpeed;
+    internalDelete() {
+        return this.httpClient.delete(`/jobs/${this.data.id}`);
     }
-    set cameraAxisYSpeed(value) {
-        this.cameraAxisYSpeed = value;
-        this.notifierChangeEvent();
+    get assemblyId() {
+        return this.data.assemblyId;
     }
-    get ambientOcclusion() {
-        return this._data.ambientOcclusion;
+    get authorId() {
+        return this.data.authorId;
     }
-    set ambientOcclusion(value) {
-        this._data.ambientOcclusion = value;
-        this.notifierChangeEvent();
+    get createdAt() {
+        return this.data.createdAt;
     }
-    get enableStreamingMode() {
-        return this._data.enableStreamingMode;
+    get data() {
+        return this._data;
     }
-    set enableStreamingMode(value) {
-        this._data.enableStreamingMode = value;
-        if (this._data.enableStreamingMode) {
-            this._data.enablePartialMode = false;
-        }
-        this.notifierChangeEvent();
+    set data(value) {
+        this._data = value;
     }
-    get enablePartialMode() {
-        return this._data.enablePartialMode;
+    get done() {
+        return this.data.status === "done" || this.data.status === "failed";
     }
-    set enablePartialMode(value) {
-        this._data.enablePartialMode = value;
-        if (value) this._data.sceneGraph = false;
-        this.notifierChangeEvent();
+    get fileId() {
+        return this.data.fileId;
     }
-    get memoryLimit() {
-        return this._data.memoryLimit;
+    get id() {
+        return this.data.id;
     }
-    set memoryLimit(value) {
-        this._data.memoryLimit = value;
-        this.notifierChangeEvent();
+    get lastUpdate() {
+        return this.data.lastUpdate;
     }
-    get cuttingPlaneFillColor() {
-        return this._data.cuttingPlaneFillColor;
+    get outputFormat() {
+        return this.data.outputFormat;
     }
-    set cuttingPlaneFillColor(value) {
-        this._data.cuttingPlaneFillColor = value;
-        this.notifierChangeEvent();
+    get parameters() {
+        return this.data.parameters;
     }
-    get edgesColor() {
-        return this._data.edgesColor;
+    get status() {
+        return this.data.status;
     }
-    set edgesColor(value) {
-        this._data.edgesColor = value;
-        this.notifierChangeEvent();
+    get statusMessage() {
+        return this.data.statusMessage;
     }
-    get facesColor() {
-        return this._data.facesColor;
+    get startedAt() {
+        return this.data.startedAt;
     }
-    set facesColor(value) {
-        this._data.facesColor = value;
-        this.notifierChangeEvent();
+    async checkout() {
+        this.data = await json(this.internalGet());
+        return this;
     }
-    get edgesVisibility() {
-        return this._data.edgesVisibility;
-    }
-    set edgesVisibility(value) {
-        this._data.edgesVisibility = value;
-        this.notifierChangeEvent();
-    }
-    get edgesOverlap() {
-        return this._data.edgesOverlap;
-    }
-    set edgesOverlap(value) {
-        this._data.edgesOverlap = value;
-        this.notifierChangeEvent();
-    }
-    get facesOverlap() {
-        return this._data.facesOverlap;
-    }
-    set facesOverlap(value) {
-        this._data.facesOverlap = value;
-        this.notifierChangeEvent();
-    }
-    get facesTransparancy() {
-        return this._data.facesTransparancy;
-    }
-    set facesTransparancy(value) {
-        this._data.facesTransparancy = value;
-        this.notifierChangeEvent();
-    }
-    get enableCustomHighlight() {
-        return this._data.enableCustomHighlight;
-    }
-    set enableCustomHighlight(value) {
-        this._data.enableCustomHighlight = value;
-        this.notifierChangeEvent();
-    }
-    get sceneGraph() {
-        return this._data.sceneGraph;
-    }
-    set sceneGraph(value) {
-        this._data.sceneGraph = value;
-        if (value) this._data.enablePartialMode = false;
-        this.notifierChangeEvent();
-    }
-    get edgeModel() {
-        return Boolean(this._data.edgeModel);
-    }
-    set edgeModel(value) {
-        this._data.edgeModel = Boolean(value);
-        this.notifierChangeEvent();
-    }
-    get reverseZoomWheel() {
-        return this._data.reverseZoomWheel;
-    }
-    set reverseZoomWheel(value) {
-        this._data.reverseZoomWheel = !!value;
-        this.notifierChangeEvent();
-    }
-    get enableZoomWheel() {
-        return this._data.enableZoomWheel;
-    }
-    set enableZoomWheel(value) {
-        this._data.enableZoomWheel = !!value;
-        this.notifierChangeEvent();
-    }
-    get enableGestures() {
-        return this._data.enableGestures;
-    }
-    set enableGestures(value) {
-        this._data.enableGestures = !!value;
-        this.notifierChangeEvent();
-    }
-    get geometryType() {
-        return this._data.geometryType;
-    }
-    set geometryType(value) {
-        this._data.geometryType = value;
-        this.notifierChangeEvent();
-    }
-}
-
-class Permission {
-    constructor(data, fileId, httpClient) {
-        this.httpClient = httpClient;
-        this.fileId = fileId;
-        this.data = data;
-    }
-    internalGet() {
-        return this.httpClient.get(`/files/${this.fileId}/permissions/${this.id}`);
-    }
-    internalPut(body) {
-        return this.httpClient.put(`/files/${this.fileId}/permissions/${this.id}`, body);
-    }
-    internalDelete() {
-        return this.httpClient.delete(`/files/${this.fileId}/permissions/${this.id}`);
-    }
-    get actions() {
-        return this.data.actions;
-    }
-    set actions(value) {
-        this._data.actions = value;
-    }
-    get data() {
-        return this._data;
-    }
-    set data(value) {
-        this._data = value;
-    }
-    get id() {
-        return this.data.id;
-    }
-    get grantedTo() {
-        return this.data.grantedTo;
-    }
-    set grantedTo(value) {
-        this.data.grantedTo = value;
-    }
-    get public() {
-        return this.data.public;
-    }
-    set public(value) {
-        this.data.public = value;
-    }
-    async checkout() {
-        this.data = await json(this.internalGet());
-        return this;
-    }
-    async update(data) {
-        this.data = await json(this.internalPut(data));
-        return this;
-    }
-    delete() {
-        return json(this.internalDelete());
-    }
-    save() {
-        return this.update(this.data);
-    }
-}
-
-class Job {
-    constructor(data, httpClient) {
-        this.httpClient = httpClient;
-        this.data = data;
-    }
-    internalGet() {
-        return this.httpClient.get(`/jobs/${this.data.id}`);
-    }
-    internalPut(body) {
-        return this.httpClient.put(`/jobs/${this.data.id}`, body);
-    }
-    internalDelete() {
-        return this.httpClient.delete(`/jobs/${this.data.id}`);
-    }
-    get assemblyId() {
-        return this.data.assemblyId;
-    }
-    get authorId() {
-        return this.data.authorId;
-    }
-    get createdAt() {
-        return this.data.createdAt;
-    }
-    get data() {
-        return this._data;
-    }
-    set data(value) {
-        this._data = value;
-    }
-    get done() {
-        return this.data.status === "done" || this.data.status === "failed";
-    }
-    get fileId() {
-        return this.data.fileId;
-    }
-    get id() {
-        return this.data.id;
-    }
-    get lastUpdate() {
-        return this.data.lastUpdate;
-    }
-    get outputFormat() {
-        return this.data.outputFormat;
-    }
-    get parameters() {
-        return this.data.parameters;
-    }
-    get status() {
-        return this.data.status;
-    }
-    get statusMessage() {
-        return this.data.statusMessage;
-    }
-    get startedAt() {
-        return this.data.startedAt;
-    }
-    async checkout() {
-        this.data = await json(this.internalGet());
-        return this;
-    }
-    async update(data) {
-        this.data = await json(this.internalPut(data));
-        return this;
+    async update(data) {
+        this.data = await json(this.internalPut(data));
+        return this;
     }
     delete() {
         return json(this.internalDelete());
@@ -2061,14 +1772,59 @@ class Client extends EventEmitter2 {
         super();
         this.configure(params);
         this.eventEmitter = this;
-        this._options = new Options(this);
         this._user = null;
     }
     get serverUrl() {
         return this._serverUrl;
     }
     get options() {
-        return this._options;
+        console.warn("Client.options has been deprecated since 25.3 and will be removed in a future release, use Viewer.options instead.");
+        const data = {
+            showWCS: true,
+            cameraAnimation: true,
+            antialiasing: true,
+            groundShadow: false,
+            shadows: false,
+            cameraAxisXSpeed: 4,
+            cameraAxisYSpeed: 1,
+            ambientOcclusion: false,
+            enableStreamingMode: true,
+            enablePartialMode: false,
+            memoryLimit: 3294967296,
+            cuttingPlaneFillColor: {
+                red: 255,
+                green: 152,
+                blue: 0
+            },
+            edgesColor: {
+                r: 255,
+                g: 152,
+                b: 0
+            },
+            facesColor: {
+                r: 255,
+                g: 152,
+                b: 0
+            },
+            edgesVisibility: true,
+            edgesOverlap: true,
+            facesOverlap: false,
+            facesTransparancy: 200,
+            enableCustomHighlight: true,
+            sceneGraph: false,
+            edgeModel: true,
+            reverseZoomWheel: false,
+            enableZoomWheel: true,
+            enableGestures: true
+        };
+        return {
+            ...data,
+            data: data,
+            defaults: () => data,
+            resetToDefaults: () => {},
+            saveToStorage: () => {},
+            loadFromStorage: () => {}
+        };
     }
     configure(params) {
         this._serverUrl = (params.serverUrl || "").replace(/\/+$/, "");
@@ -2080,7 +1836,7 @@ class Client extends EventEmitter2 {
         return this._httpClient.get("/version").then((response => response.json())).then((data => ({
             ...data,
             server: data.version,
-            client: "25.3.8"
+            client: "25.3.10"
         })));
     }
     registerUser(email, password, userName) {
@@ -2213,7 +1969,7 @@ class Client extends EventEmitter2 {
             });
             (_a = params.onProgress) === null || _a === void 0 ? void 0 : _a.call(params, progress, file);
         })).then((xhr => JSON.parse(xhr.responseText))).then((data => new File$1(data, this._httpClient)));
-        const geometryType = typeof params.geometry === "string" ? params.geometry : this.options.geometryType;
+        const geometryType = typeof params.geometry === "string" ? params.geometry : "vsfx";
         const jobs = [];
         if (params.geometry) jobs.push((await result.extractGeometry(geometryType)).outputFormat);
         if (params.properties) jobs.push((await result.extractProperties()).outputFormat);
@@ -2471,217 +2227,506 @@ class OdaGeAction {
     screenToWorld(x, y) {
         return this.toPoint(this.m_module.getViewer().screenToWorld(x, y));
     }
-    toDoubleArray(points) {
-        const p = [];
-        for (let i = 0; i < points.length; i++) {
-            p.push(points[i].x);
-            p.push(points[i].y);
-            p.push(points[i].z);
-        }
-        return p;
+    toDoubleArray(points) {
+        const p = [];
+        for (let i = 0; i < points.length; i++) {
+            p.push(points[i].x);
+            p.push(points[i].y);
+            p.push(points[i].z);
+        }
+        return p;
+    }
+    correctCameraTarget() {
+        const params = this.getViewParams();
+        const ext = this.m_module.getViewer().getActiveExtents();
+        const {min: min, max: max} = ext;
+        const target = this.toPoint(params.target);
+        const contains = target.x >= min.x && target.y >= min.y && target.z >= min.z && target.x <= max.x && target.y <= max.y && target.z <= max.z;
+        if (!contains) {
+            params.target = ext.center();
+            this.setViewParams(params);
+        }
+    }
+}
+
+const CLICK_DELTA = 5;
+
+const INTERACTIVITY_FPS = 24;
+
+class OdBaseDragger extends OdaGeAction {
+    constructor(subject) {
+        super(subject.visualizeJs);
+        this.beginInteractivity = () => {
+            const viewer = this.getViewer();
+            const view = viewer.activeView;
+            if (view["beginInteractivity"]) {
+                view.beginInteractivity(INTERACTIVITY_FPS);
+                this.subject.update();
+            }
+            view.delete();
+        };
+        this.endInteractivity = () => {
+            const viewer = this.getViewer();
+            const view = viewer.activeView;
+            if (view["endInteractivity"]) {
+                view.endInteractivity();
+                const device = this.getViewer().getActiveDevice();
+                const canvas = this.m_module.canvas;
+                device.invalidate([ 0, 0, canvas.width, canvas.height ]);
+                device.delete();
+                this.subject.update();
+            }
+            view.delete();
+        };
+        this.subject = subject;
+        this.needInputText = false;
+        this.mouseDownPosition = {
+            x: 0,
+            y: 0
+        };
+        this.autoSelect = false;
+        this.onmessage = event => this.subject.emitEvent(event);
+        this.canvasEvents = CANVAS_EVENTS;
+    }
+    initialize() {
+        this.canvasEvents = this.canvasEvents.filter((x => typeof this[x] === "function"));
+        this.canvasEvents.forEach((x => this[x] = this[x].bind(this)));
+        this.canvasEvents.forEach((x => this.subject.on(x, this[x])));
+        this.getViewer().setEnableAutoSelect(!!this.autoSelect);
+    }
+    dispose() {
+        this.canvasEvents.forEach((x => this.subject.off(x, this[x])));
+    }
+    relativeCoords(event) {
+        return {
+            x: event.offsetX * window.devicePixelRatio,
+            y: event.offsetY * window.devicePixelRatio
+        };
+    }
+    pointerdown(ev) {
+        if (!ev.isPrimary || OdBaseDragger.isGestureActive) {
+            return;
+        }
+        ev.target.setPointerCapture(ev.pointerId);
+        const relCoord = this.relativeCoords(ev);
+        this.isDragging = true;
+        this.mouseDownPosition = {
+            x: relCoord.x,
+            y: relCoord.y
+        };
+        this.start(relCoord.x, relCoord.y, ev.clientX, ev.clientY);
+        this.subject.update();
+    }
+    pointerup(ev) {
+        if (OdBaseDragger.needSkipPointerUp) {
+            return;
+        }
+        if (!ev.isPrimary) {
+            return;
+        }
+        ev.target.releasePointerCapture(ev.pointerId);
+        const relCoord = this.relativeCoords(ev);
+        this.end(relCoord.x, relCoord.y);
+        this.isDragging = false;
+        this.subject.update();
+    }
+    pointercancel(ev) {
+        if (!ev.isPrimary) {
+            return;
+        }
+        this.m_module.canvas.dispatchEvent(new PointerEvent("pointerup", ev));
+    }
+    pointermove(ev) {
+        if (!ev.isPrimary || OdBaseDragger.isGestureActive) {
+            return;
+        }
+        const relCoord = this.relativeCoords(ev);
+        this.drag(relCoord.x, relCoord.y, ev.movementX, ev.movementY);
+        if (this.isDragging) {
+            this.subject.update();
+        }
+    }
+    click(ev) {
+        const viewer = this.getViewer();
+        const relCoord = this.relativeCoords(ev);
+        const x = relCoord.x;
+        const y = relCoord.y;
+        const isNotDragging = Math.abs(x - this.mouseDownPosition.x) < CLICK_DELTA && Math.abs(y - this.mouseDownPosition.y) < CLICK_DELTA;
+        if (viewer && viewer.getEnableAutoSelect() && isNotDragging) {
+            viewer.unselect();
+            viewer.select(x, y, x, y);
+            this.subject.update();
+            const selectionSet = viewer.getSelected();
+            const handles = this.subject.getSelected();
+            this.onmessage({
+                type: "select",
+                data: selectionSet,
+                handles: handles
+            });
+        }
+    }
+    dblclick(ev) {
+        const viewer = this.getViewer();
+        const relCoord = this.relativeCoords(ev);
+        const x = relCoord.x;
+        const y = relCoord.y;
+        const device = viewer.getActiveDevice();
+        const clickView = device.viewAt([ x, y ]);
+        if (clickView && !clickView.active) {
+            viewer.activeView = clickView;
+            clickView.delete();
+            this.subject.update();
+        } else {
+            if (viewer && viewer.getEnableAutoSelect()) {
+                const pSelected = viewer.getSelected();
+                if (!pSelected.isNull() && pSelected.numItems() !== 0) {
+                    const itr = pSelected.getIterator();
+                    const entity = itr.getEntity();
+                    viewer.zoomToEntity(entity);
+                    this.onmessage({
+                        type: "zoomtoentity",
+                        data: entity
+                    });
+                    this.subject.update();
+                    this.deleteAll([ itr, entity ]);
+                }
+            }
+        }
+        device.delete();
+    }
+    start(x, y, absoluteX = 0, absoluteY = 0) {}
+    drag(x, y, absoluteX = 0, absoluteY = 0) {}
+    end(x, y) {}
+    getActiveMarkupEntity(entityName) {
+        return this.subject.addMarkupEntity(entityName);
+    }
+    syncOverlayView() {
+        return this.subject.syncOverlay();
+    }
+    deleteAll(objects) {
+        var _a;
+        for (const obj of objects) {
+            (_a = obj === null || obj === void 0 ? void 0 : obj.delete) === null || _a === void 0 ? void 0 : _a.call(obj);
+        }
+    }
+    updatePreview() {}
+    static set isGestureActive(value) {
+        if (OdBaseDragger._isGestureActive === value) {
+            return;
+        }
+        OdBaseDragger._isGestureActive = value;
+        if (OdBaseDragger._isGestureActive) {
+            OdBaseDragger.needSkipPointerUp = true;
+        }
+    }
+    static get isGestureActive() {
+        return OdBaseDragger._isGestureActive;
+    }
+    static get needSkipPointerUp() {
+        if (OdBaseDragger._needSkipPointerUp) {
+            OdBaseDragger.needSkipPointerUp = false;
+            return true;
+        }
+        return false;
+    }
+    static set needSkipPointerUp(value) {
+        OdBaseDragger._needSkipPointerUp = value;
+    }
+}
+
+OdBaseDragger._isGestureActive = false;
+
+OdBaseDragger._needSkipPointerUp = false;
+
+class Options {
+    constructor(emitter) {
+        this._emitter = emitter;
+        this._data = Options.defaults();
+        this.loadFromStorage();
+    }
+    static defaults() {
+        return {
+            showWCS: true,
+            cameraAnimation: true,
+            antialiasing: true,
+            groundShadow: false,
+            shadows: false,
+            cameraAxisXSpeed: 4,
+            cameraAxisYSpeed: 1,
+            ambientOcclusion: false,
+            enableStreamingMode: true,
+            enablePartialMode: false,
+            memoryLimit: 3294967296,
+            cuttingPlaneFillColor: {
+                red: 255,
+                green: 152,
+                blue: 0
+            },
+            edgesColor: {
+                r: 255,
+                g: 152,
+                b: 0
+            },
+            facesColor: {
+                r: 255,
+                g: 152,
+                b: 0
+            },
+            edgesVisibility: true,
+            edgesOverlap: true,
+            facesOverlap: false,
+            facesTransparancy: 200,
+            enableCustomHighlight: true,
+            sceneGraph: false,
+            edgeModel: true,
+            reverseZoomWheel: false,
+            enableZoomWheel: true,
+            enableGestures: true,
+            geometryType: "vsfx"
+        };
+    }
+    notifierChangeEvent() {
+        if (this._emitter !== undefined) {
+            this.saveToStorage();
+            this._emitter.emit({
+                type: "optionschange",
+                data: this
+            });
+        }
+    }
+    saveToStorage() {
+        if (typeof window !== "undefined") try {
+            localStorage.setItem("od-client-settings", JSON.stringify(this.data));
+        } catch (error) {
+            console.error("Cannot save client settings.", error);
+        }
+    }
+    loadFromStorage() {
+        if (typeof window !== "undefined") try {
+            const item = localStorage.getItem("od-client-settings");
+            if (item) {
+                const data = JSON.parse(item);
+                this.data = {
+                    ...data
+                };
+            }
+        } catch (error) {
+            console.error("Cannot load client settings.", error);
+        }
+    }
+    resetToDefaults(fields) {
+        if (fields !== undefined) {
+            const defaults = Options.defaults();
+            const resetData = fields.reduce(((acc, field) => {
+                acc[field] = defaults[field];
+                return acc;
+            }), {});
+            this.data = {
+                ...this.data,
+                ...resetData
+            };
+        } else {
+            this.data = {
+                ...this.data,
+                ...Options.defaults()
+            };
+        }
+    }
+    get data() {
+        return this._data;
+    }
+    set data(value) {
+        const sceneGraph = value.enablePartialMode ? false : value.sceneGraph;
+        this._data = {
+            ...Options.defaults(),
+            ...this._data,
+            ...value,
+            sceneGraph: sceneGraph
+        };
+        this.notifierChangeEvent();
+    }
+    get showWCS() {
+        return this._data.showWCS;
+    }
+    set showWCS(value) {
+        this._data.showWCS = value;
+        this.notifierChangeEvent();
+    }
+    get cameraAnimation() {
+        return this._data.cameraAnimation;
+    }
+    set cameraAnimation(value) {
+        this._data.cameraAnimation = value;
+        this.notifierChangeEvent();
+    }
+    get antialiasing() {
+        return this._data.antialiasing;
+    }
+    set antialiasing(value) {
+        this._data.antialiasing = value;
+        this.notifierChangeEvent();
+    }
+    get groundShadow() {
+        return this._data.groundShadow;
+    }
+    set groundShadow(value) {
+        this._data.groundShadow = value;
+        this.notifierChangeEvent();
+    }
+    get shadows() {
+        return this._data.shadows;
+    }
+    set shadows(value) {
+        this._data.shadows = value;
+        this.notifierChangeEvent();
+    }
+    get cameraAxisXSpeed() {
+        return this._data.cameraAxisXSpeed;
+    }
+    set cameraAxisXSpeed(value) {
+        this._data.cameraAxisXSpeed = value;
+        this.notifierChangeEvent();
+    }
+    get cameraAxisYSpeed() {
+        return this._data.cameraAxisYSpeed;
+    }
+    set cameraAxisYSpeed(value) {
+        this.cameraAxisYSpeed = value;
+        this.notifierChangeEvent();
+    }
+    get ambientOcclusion() {
+        return this._data.ambientOcclusion;
+    }
+    set ambientOcclusion(value) {
+        this._data.ambientOcclusion = value;
+        this.notifierChangeEvent();
+    }
+    get enableStreamingMode() {
+        return this._data.enableStreamingMode;
+    }
+    set enableStreamingMode(value) {
+        this._data.enableStreamingMode = value;
+        if (this._data.enableStreamingMode) {
+            this._data.enablePartialMode = false;
+        }
+        this.notifierChangeEvent();
+    }
+    get enablePartialMode() {
+        return this._data.enablePartialMode;
+    }
+    set enablePartialMode(value) {
+        this._data.enablePartialMode = value;
+        if (value) this._data.sceneGraph = false;
+        this.notifierChangeEvent();
+    }
+    get memoryLimit() {
+        return this._data.memoryLimit;
+    }
+    set memoryLimit(value) {
+        this._data.memoryLimit = value;
+        this.notifierChangeEvent();
+    }
+    get cuttingPlaneFillColor() {
+        return this._data.cuttingPlaneFillColor;
+    }
+    set cuttingPlaneFillColor(value) {
+        this._data.cuttingPlaneFillColor = value;
+        this.notifierChangeEvent();
+    }
+    get edgesColor() {
+        return this._data.edgesColor;
+    }
+    set edgesColor(value) {
+        this._data.edgesColor = value;
+        this.notifierChangeEvent();
+    }
+    get facesColor() {
+        return this._data.facesColor;
+    }
+    set facesColor(value) {
+        this._data.facesColor = value;
+        this.notifierChangeEvent();
+    }
+    get edgesVisibility() {
+        return this._data.edgesVisibility;
+    }
+    set edgesVisibility(value) {
+        this._data.edgesVisibility = value;
+        this.notifierChangeEvent();
+    }
+    get edgesOverlap() {
+        return this._data.edgesOverlap;
+    }
+    set edgesOverlap(value) {
+        this._data.edgesOverlap = value;
+        this.notifierChangeEvent();
     }
-    correctCameraTarget() {
-        const params = this.getViewParams();
-        const ext = this.m_module.getViewer().getActiveExtents();
-        const {min: min, max: max} = ext;
-        const target = this.toPoint(params.target);
-        const contains = target.x >= min.x && target.y >= min.y && target.z >= min.z && target.x <= max.x && target.y <= max.y && target.z <= max.z;
-        if (!contains) {
-            params.target = ext.center();
-            this.setViewParams(params);
-        }
+    get facesOverlap() {
+        return this._data.facesOverlap;
     }
-}
-
-const CLICK_DELTA = 5;
-
-const INTERACTIVITY_FPS = 24;
-
-class OdBaseDragger extends OdaGeAction {
-    constructor(subject) {
-        super(subject.visualizeJs);
-        this.beginInteractivity = () => {
-            const viewer = this.getViewer();
-            const view = viewer.activeView;
-            if (view["beginInteractivity"]) {
-                view.beginInteractivity(INTERACTIVITY_FPS);
-                this.subject.update();
-            }
-            view.delete();
-        };
-        this.endInteractivity = () => {
-            const viewer = this.getViewer();
-            const view = viewer.activeView;
-            if (view["endInteractivity"]) {
-                view.endInteractivity();
-                const device = this.getViewer().getActiveDevice();
-                const canvas = this.m_module.canvas;
-                device.invalidate([ 0, 0, canvas.width, canvas.height ]);
-                device.delete();
-                this.subject.update();
-            }
-            view.delete();
-        };
-        this.subject = subject;
-        this.needInputText = false;
-        this.mouseDownPosition = {
-            x: 0,
-            y: 0
-        };
-        this.autoSelect = false;
-        this.onmessage = event => this.subject.emitEvent(event);
-        this.canvasEvents = CANVAS_EVENTS;
+    set facesOverlap(value) {
+        this._data.facesOverlap = value;
+        this.notifierChangeEvent();
     }
-    initialize() {
-        this.canvasEvents = this.canvasEvents.filter((x => typeof this[x] === "function"));
-        this.canvasEvents.forEach((x => this[x] = this[x].bind(this)));
-        this.canvasEvents.forEach((x => this.subject.on(x, this[x])));
-        this.getViewer().setEnableAutoSelect(!!this.autoSelect);
+    get facesTransparancy() {
+        return this._data.facesTransparancy;
     }
-    dispose() {
-        this.canvasEvents.forEach((x => this.subject.off(x, this[x])));
+    set facesTransparancy(value) {
+        this._data.facesTransparancy = value;
+        this.notifierChangeEvent();
     }
-    relativeCoords(event) {
-        return {
-            x: event.offsetX * window.devicePixelRatio,
-            y: event.offsetY * window.devicePixelRatio
-        };
+    get enableCustomHighlight() {
+        return this._data.enableCustomHighlight;
     }
-    pointerdown(ev) {
-        if (!ev.isPrimary || OdBaseDragger.isGestureActive) {
-            return;
-        }
-        ev.target.setPointerCapture(ev.pointerId);
-        const relCoord = this.relativeCoords(ev);
-        this.isDragging = true;
-        this.mouseDownPosition = {
-            x: relCoord.x,
-            y: relCoord.y
-        };
-        this.start(relCoord.x, relCoord.y, ev.clientX, ev.clientY);
-        this.subject.update();
+    set enableCustomHighlight(value) {
+        this._data.enableCustomHighlight = value;
+        this.notifierChangeEvent();
     }
-    pointerup(ev) {
-        if (OdBaseDragger.needSkipPointerUp) {
-            return;
-        }
-        if (!ev.isPrimary) {
-            return;
-        }
-        ev.target.releasePointerCapture(ev.pointerId);
-        const relCoord = this.relativeCoords(ev);
-        this.end(relCoord.x, relCoord.y);
-        this.isDragging = false;
-        this.subject.update();
+    get sceneGraph() {
+        return this._data.sceneGraph;
     }
-    pointercancel(ev) {
-        if (!ev.isPrimary) {
-            return;
-        }
-        this.m_module.canvas.dispatchEvent(new PointerEvent("pointerup", ev));
+    set sceneGraph(value) {
+        this._data.sceneGraph = value;
+        if (value) this._data.enablePartialMode = false;
+        this.notifierChangeEvent();
     }
-    pointermove(ev) {
-        if (!ev.isPrimary || OdBaseDragger.isGestureActive) {
-            return;
-        }
-        const relCoord = this.relativeCoords(ev);
-        this.drag(relCoord.x, relCoord.y, ev.movementX, ev.movementY);
-        if (this.isDragging) {
-            this.subject.update();
-        }
+    get edgeModel() {
+        return Boolean(this._data.edgeModel);
     }
-    click(ev) {
-        const viewer = this.getViewer();
-        const relCoord = this.relativeCoords(ev);
-        const x = relCoord.x;
-        const y = relCoord.y;
-        const isNotDragging = Math.abs(x - this.mouseDownPosition.x) < CLICK_DELTA && Math.abs(y - this.mouseDownPosition.y) < CLICK_DELTA;
-        if (viewer && viewer.getEnableAutoSelect() && isNotDragging) {
-            viewer.unselect();
-            viewer.select(x, y, x, y);
-            this.subject.update();
-            const selectionSet = viewer.getSelected();
-            const handles = this.subject.getSelected();
-            this.onmessage({
-                type: "select",
-                data: selectionSet,
-                handles: handles
-            });
-        }
+    set edgeModel(value) {
+        this._data.edgeModel = Boolean(value);
+        this.notifierChangeEvent();
     }
-    dblclick(ev) {
-        const viewer = this.getViewer();
-        const relCoord = this.relativeCoords(ev);
-        const x = relCoord.x;
-        const y = relCoord.y;
-        const device = viewer.getActiveDevice();
-        const clickView = device.viewAt([ x, y ]);
-        if (clickView && !clickView.active) {
-            viewer.activeView = clickView;
-            clickView.delete();
-            this.subject.update();
-        } else {
-            if (viewer && viewer.getEnableAutoSelect()) {
-                const pSelected = viewer.getSelected();
-                if (!pSelected.isNull() && pSelected.numItems() !== 0) {
-                    const itr = pSelected.getIterator();
-                    const entity = itr.getEntity();
-                    viewer.zoomToEntity(entity);
-                    this.onmessage({
-                        type: "zoomtoentity",
-                        data: entity
-                    });
-                    this.subject.update();
-                    this.deleteAll([ itr, entity ]);
-                }
-            }
-        }
-        device.delete();
+    get reverseZoomWheel() {
+        return this._data.reverseZoomWheel;
     }
-    start(x, y, absoluteX = 0, absoluteY = 0) {}
-    drag(x, y, absoluteX = 0, absoluteY = 0) {}
-    end(x, y) {}
-    getActiveMarkupEntity(entityName) {
-        return this.subject.addMarkupEntity(entityName);
+    set reverseZoomWheel(value) {
+        this._data.reverseZoomWheel = !!value;
+        this.notifierChangeEvent();
     }
-    syncOverlayView() {
-        return this.subject.syncOverlay();
+    get enableZoomWheel() {
+        return this._data.enableZoomWheel;
     }
-    deleteAll(objects) {
-        var _a;
-        for (const obj of objects) {
-            (_a = obj === null || obj === void 0 ? void 0 : obj.delete) === null || _a === void 0 ? void 0 : _a.call(obj);
-        }
+    set enableZoomWheel(value) {
+        this._data.enableZoomWheel = !!value;
+        this.notifierChangeEvent();
     }
-    updatePreview() {}
-    static set isGestureActive(value) {
-        if (OdBaseDragger._isGestureActive === value) {
-            return;
-        }
-        OdBaseDragger._isGestureActive = value;
-        if (OdBaseDragger._isGestureActive) {
-            OdBaseDragger.needSkipPointerUp = true;
-        }
+    get enableGestures() {
+        return this._data.enableGestures;
     }
-    static get isGestureActive() {
-        return OdBaseDragger._isGestureActive;
+    set enableGestures(value) {
+        this._data.enableGestures = !!value;
+        this.notifierChangeEvent();
     }
-    static get needSkipPointerUp() {
-        if (OdBaseDragger._needSkipPointerUp) {
-            OdBaseDragger.needSkipPointerUp = false;
-            return true;
-        }
-        return false;
+    get geometryType() {
+        return this._data.geometryType;
     }
-    static set needSkipPointerUp(value) {
-        OdBaseDragger._needSkipPointerUp = value;
+    set geometryType(value) {
+        this._data.geometryType = value;
+        this.notifierChangeEvent();
     }
 }
 
-OdBaseDragger._isGestureActive = false;
-
-OdBaseDragger._needSkipPointerUp = false;
-
 function createHtmlElementIfNeed(element, targetElement, dataTestId) {
     if (!element) {
         element = document.createElement("div");
@@ -4885,7 +4930,7 @@ class KonvaText {
 
 class KonvaRectangle {
     constructor(params, ref = null) {
-        var _a, _b;
+        var _a, _b, _c, _d;
         if (ref) {
             this._ref = ref;
             return;
@@ -4899,8 +4944,8 @@ class KonvaRectangle {
             lineJoin: "round",
             x: params.position.x,
             y: params.position.y,
-            width: params.width,
-            height: params.height,
+            width: (_c = params.width) !== null && _c !== void 0 ? _c : 200,
+            height: (_d = params.height) !== null && _d !== void 0 ? _d : 200,
             draggable: true,
             strokeScaleEnabled: false
         });
@@ -5546,9 +5591,7 @@ class KonvaMarkup {
         this.loadMarkup(viewpoint);
     }
     getViewpoint() {
-        if (!this._viewer.visualizeJs) return {
-            file_id: ""
-        };
+        if (!this._viewer.visualizeJs) return {};
         const viewpoint = {
             lines: [],
             texts: [],
@@ -6104,9 +6147,9 @@ class KonvaMarkup {
         }
         const konvaLine = new KonvaLine({
             points: points,
-            color: color || this._markupColor.HexColor,
             type: type || "solid",
             width: width || this.lineWidth,
+            color: color || this._markupColor.HexColor,
             id: id
         });
         const obj = konvaLine.ref();
@@ -6168,9 +6211,9 @@ class KonvaMarkup {
                     y: position.y
                 },
                 text: specifiedText,
+                rotation: angle,
                 fontSize: fontSize,
                 color: color || this._markupColor.HexColor,
-                rotation: angle,
                 id: id
             });
             this._konvaLayer.add(konvaText.ref());
@@ -6187,10 +6230,10 @@ class KonvaMarkup {
         if (!position) return;
         const konvaRectangle = new KonvaRectangle({
             position: position,
-            color: color || this._markupColor.HexColor,
-            lineWidth: lineWidth || this.lineWidth,
             width: width,
             height: height,
+            lineWidth: lineWidth || this.lineWidth,
+            color: color || this._markupColor.HexColor,
             id: id
         });
         const obj = konvaRectangle.ref();
@@ -6483,9 +6526,7 @@ class VisualizeMarkup {
                 z: array[2]
             };
         }
-        if (!this._viewer.visualizeJs) return {
-            file_id: ""
-        };
+        if (!this._viewer.visualizeJs) return {};
         const visLib = this._viewer.visLib();
         const visViewer = visLib.getViewer();
         const viewpoint = {
@@ -6597,7 +6638,6 @@ class Viewer extends EventEmitter2 {
         this.configure(params);
         this._options = new Options(this);
         this.client = client;
-        this.clientoptionschange = event => this._options.data = event.data.data;
         this._activeDragger = null;
         this._renderTime = 0;
         this.markup = MarkupFactory.createMarkup((_a = params.markupType) !== null && _a !== void 0 ? _a : MarkupType.Konva);
@@ -6635,10 +6675,6 @@ class Viewer extends EventEmitter2 {
         return this;
     }
     async initialize(canvas, onProgress) {
-        if (this.client) {
-            this.client.addEventListener("optionschange", this.clientoptionschange);
-            this.options.data = this.client.options.data;
-        }
         this.addEventListener("optionschange", (event => this.syncOptions(event.data)));
         if (canvas.style.width === "" && canvas.style.height === "") {
             canvas.style.width = "100%";
@@ -6680,7 +6716,7 @@ class Viewer extends EventEmitter2 {
         return this;
     }
     dispose() {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d;
         this.cancel();
         this.emitEvent({
             type: "dispose"
@@ -6701,7 +6737,6 @@ class Viewer extends EventEmitter2 {
         this.canvas = undefined;
         (_d = this.visualizeJs) === null || _d === void 0 ? void 0 : _d.getViewer().clear();
         this.visualizeJs = undefined;
-        (_e = this.client) === null || _e === void 0 ? void 0 : _e.removeEventListener("optionschange", this.clientoptionschange);
         return this;
     }
     isInitialized() {
@@ -7616,7 +7651,7 @@ function zoomToSelected(viewer) {
 
 commands("VisualizeJS").registerCommand("zoomToSelected", zoomToSelected);
 
-const version = "25.3.8";
+const version = "25.3.10";
 
 export { Assembly, CANVAS_EVENTS, ClashTest, Client, EventEmitter2, File$1 as File, Job, Member, Model, OdBaseDragger, Options, Permission, Project, Role, User, Viewer, Viewer as VisualizejsViewer, commands, version };
 //# sourceMappingURL=client.module.js.map