@inweb/markup 26.10.4 → 26.10.5

package/dist/markup.module.js

@@ -1345,18 +1345,6 @@ const MarkupMode2Konva = {
         initializer: (ref, params = null, ...attr) => new KonvaCloud(params, ref, ...attr),
     },
 };
-function debounce(func, wait) {
-    let timeout = null;
-    return (...args) => {
-        if (timeout) {
-            clearTimeout(timeout);
-        }
-        timeout = setTimeout(() => {
-            timeout = null;
-            func(...args);
-        }, wait);
-    };
-}
 class KonvaMarkup {
     constructor() {
         this._markupIsActive = false;
@@ -1376,28 +1364,14 @@ class KonvaMarkup {
             this.removeImageInput();
             this.enableEditMode(draggerName);
         };
-        this.resizeContainer = (entries) => {
-            if (!entries || !entries[0] || !entries[0].contentRect)
-                return;
-            const { width, height } = entries[0].contentRect;
-            if (!width || !height)
-                return;
-            if (!this._konvaStage)
+        this.resizeContainer = () => {
+            const { offsetLeft, offsetTop, offsetWidth, offsetHeight } = this._container;
+            if (!offsetWidth || !offsetHeight)
                 return;
-            this._konvaStage.width(width);
-            this._konvaStage.height(height);
-            this.getObjects().forEach((markupObject) => {
-                markupObject.updateScreenCoordinates();
-            });
-        };
-        this.resizeViewer = (event) => {
-            const { width, height } = event;
-            if (!width || !height)
-                return;
-            if (!this._konvaStage)
-                return;
-            this._konvaStage.width(width);
-            this._konvaStage.height(height);
+            this._markupContainer.style.left = `${offsetLeft}px`;
+            this._markupContainer.style.top = `${offsetTop}px`;
+            this._konvaStage.width(offsetWidth);
+            this._konvaStage.height(offsetHeight);
             this.getObjects().forEach((markupObject) => {
                 markupObject.updateScreenCoordinates();
             });
@@ -1426,8 +1400,6 @@ class KonvaMarkup {
         };
     }
     initialize(container, containerEvents, viewer, worldTransformer) {
-        if (!Konva)
-            throw new Error('Markup error: Konva is not initialized. Forgot to add <script src="https://unpkg.com/konva@9/konva.min.js"></script> to your page?');
         this._viewer = viewer;
         this._worldTransformer = worldTransformer !== null && worldTransformer !== void 0 ? worldTransformer : new WorldTransform();
         this._container = container;
@@ -1438,15 +1410,10 @@ class KonvaMarkup {
         this._markupContainer.style.pointerEvents = "none";
         const parentDiv = this._container.parentElement;
         parentDiv.appendChild(this._markupContainer);
-        if (viewer) {
-            this._viewer.addEventListener("resize", this.resizeViewer);
-        }
-        else {
-            this._resizeObserver = new ResizeObserver(debounce(this.resizeContainer, 100));
-            this._resizeObserver.observe(parentDiv);
-        }
         this._markupColor.setColor(255, 0, 0);
         this.initializeKonva();
+        this._resizeObserver = new ResizeObserver(this.resizeContainer);
+        this._resizeObserver.observe(container);
         if (this._viewer) {
             this._viewer.addEventListener("changeactivedragger", this.changeActiveDragger);
             this._viewer.addEventListener("pan", this.pan);
@@ -1460,9 +1427,9 @@ class KonvaMarkup {
             this._viewer.removeEventListener("pan", this.pan);
             this._viewer.removeEventListener("changeactivedragger", this.changeActiveDragger);
         }
-        this.destroyKonva();
         (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
         this._resizeObserver = undefined;
+        this.destroyKonva();
         (_b = this._markupContainer) === null || _b === void 0 ? void 0 : _b.remove();
         this._markupContainer = undefined;
         this._container = undefined;