@inweb/viewer-three 26.12.1 → 26.12.3

package/dist/viewer-three.js

@@ -37335,7 +37335,6 @@ void main() {
       constructor(id, loadController) {
         this.id = `${id}`;
         this.json = null;
-        this.baseUrl = "";
         this.loadController = loadController;
         this.loader = null;
         this.batchDelay = 10;
@@ -37354,13 +37353,11 @@ void main() {
       }
       async initialize(loader) {
         this.json = await this.loadController.loadJson();
-        this.baseUrl = await this.loadController.baseUrl();
         this.loader = loader;
         this.uri = this.json.buffers[0].uri || "";
       }
       clear() {
         this.json = null;
-        this.baseUrl = "";
         this.loadController = null;
         this.pendingRequests = [];
         if (this.batchTimeout) {
@@ -37641,12 +37638,8 @@ void main() {
         const loadTexture = async (imageIndex) => {
           const image = this.json.images[imageIndex];
           if (image.uri) {
-            if (image.uri.startsWith("data:")) {
-              return await this.textureLoader.loadAsync(image.uri);
-            } else {
-              const fullUrl = this.baseUrl + image.uri;
-              return await this.textureLoader.loadAsync(fullUrl);
-            }
+            const fullUrl = await this.loadController.resolveURL(image.uri);
+            return this.textureLoader.loadAsync(fullUrl);
           } else if (image.bufferView !== undefined) {
             const bufferView = this.json.bufferViews[image.bufferView];
             const array = await this.getBufferView(bufferView.byteOffset || 0, bufferView.byteLength, 5121);
@@ -39966,7 +39959,10 @@ void main() {
                     const data = await loader.loadAsync(this.manager.fileURL, progress);
                     const extension = new GLTFBinaryExtension(data);
                     this.gltf = JSON.parse(extension.content);
-                    this.bin = extension.body;
+                    this.glb = extension.body;
+                    if (/\.glb$/i.test(this.manager.fileURL) && !this.glb) {
+                        throw new Error("GLTFFileDynamicLoader: Binary buffer chunk not found or type not supported.");
+                    }
                     return this.gltf;
                 },
                 loadBinaryData: (ranges, uri = "") => {
@@ -39974,15 +39970,16 @@ void main() {
                     loader.setRequestHeader(params.requestHeader || {});
                     loader.setWithCredentials(params.withCredentials || false);
                     loader.setAbortSignal(this.gltfLoader.abortController.signal);
-                    if (this.bin)
-                        return loader.extractRanges(this.bin, ranges);
+                    if (this.glb)
+                        return loader.extractRanges(this.glb, ranges);
                     const path = this.manager.path || this.manager.resourcePath;
                     const url = LoaderUtils.resolveURL(uri, path);
                     return loader.load(this.manager.resolveURL(url), ranges);
                 },
-                baseUrl: () => {
+                resolveURL: (uri) => {
                     const path = this.manager.path || this.manager.resourcePath;
-                    return Promise.resolve(path);
+                    const url = LoaderUtils.resolveURL(uri, path);
+                    return Promise.resolve(this.manager.resolveURL(url));
                 },
             };
             const structure = new GltfStructure(modelImpl.id, loadController);
@@ -40053,7 +40050,11 @@ void main() {
                     }));
                     return model.downloadResourceRange(model.geometry[0], undefined, ranges, undefined, this.gltfLoader.getAbortController().signal);
                 },
-                baseUrl: () => Promise.resolve(`${model.httpClient.serverUrl}${model.path}/`),
+                resolveURL: (uri) => {
+                    const path = `${model.httpClient.serverUrl}${model.path}/`;
+                    const url = LoaderUtils.resolveURL(uri, path);
+                    return Promise.resolve(url);
+                },
             };
             const structure = new GltfStructure(modelImpl.id, loadController);
             await this.gltfLoader.loadStructure(structure);
@@ -41599,7 +41600,7 @@ void main() {
                 : {};
     const Konva$2 = {
         _global: glob,
-        version: '10.0.2',
+        version: '10.0.12',
         isBrowser: detectBrowser(),
         isUnminified: /param/.test(function (param) { }.toString()),
         dblClickWindow: 400,
@@ -41641,7 +41642,7 @@ void main() {
         document: glob.document,
         _injectGlobal(Konva) {
             if (typeof glob.Konva !== 'undefined') {
-                console.error('Severa Konva instances detected. It is not recommended to use multiple Konva instances in the same environment.');
+                console.error('Several Konva instances detected. It is not recommended to use multiple Konva instances in the same environment.');
             }
             glob.Konva = Konva;
         },
@@ -41816,7 +41817,7 @@ js: import "konva/skia-backend";
             return result;
         }
     }
-    const OBJECT_ARRAY = '[object Array]', OBJECT_NUMBER = '[object Number]', OBJECT_STRING = '[object String]', OBJECT_BOOLEAN = '[object Boolean]', PI_OVER_DEG180 = Math.PI / 180, DEG180_OVER_PI = 180 / Math.PI, HASH$1 = '#', EMPTY_STRING$1 = '', ZERO = '0', KONVA_WARNING = 'Konva warning: ', KONVA_ERROR = 'Konva error: ', RGB_PAREN = 'rgb(', COLORS = {
+    const OBJECT_ARRAY = '[object Array]', OBJECT_NUMBER = '[object Number]', OBJECT_STRING = '[object String]', OBJECT_BOOLEAN = '[object Boolean]', PI_OVER_DEG180 = Math.PI / 180, DEG180_OVER_PI = 180 / Math.PI, HASH = '#', EMPTY_STRING$1 = '', ZERO = '0', KONVA_WARNING = 'Konva warning: ', KONVA_ERROR = 'Konva error: ', RGB_PAREN = 'rgb(', COLORS = {
         aliceblue: [240, 248, 255],
         antiquewhite: [250, 235, 215],
         aqua: [0, 255, 255],
@@ -41968,6 +41969,7 @@ js: import "konva/skia-backend";
         yellowgreen: [154, 205, 5],
     }, RGB_REGEX = /rgb\((\d{1,3}),(\d{1,3}),(\d{1,3})\)/;
     let animQueue = [];
+    let _isCanvasFarblingActive = null;
     const req = (typeof requestAnimationFrame !== 'undefined' && requestAnimationFrame) ||
         function (f) {
             setTimeout(f, 60);
@@ -42063,7 +42065,7 @@ js: import "konva/skia-backend";
             return ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
         },
         _hexToRgb(hex) {
-            hex = hex.replace(HASH$1, EMPTY_STRING$1);
+            hex = hex.replace(HASH, EMPTY_STRING$1);
             const bigint = parseInt(hex, 16);
             return {
                 r: (bigint >> 16) & 255,
@@ -42076,7 +42078,58 @@ js: import "konva/skia-backend";
             while (randColor.length < 6) {
                 randColor = ZERO + randColor;
             }
-            return HASH$1 + randColor;
+            return HASH + randColor;
+        },
+        isCanvasFarblingActive() {
+            if (_isCanvasFarblingActive !== null) {
+                return _isCanvasFarblingActive;
+            }
+            if (typeof document === 'undefined') {
+                _isCanvasFarblingActive = false;
+                return false;
+            }
+            const c = this.createCanvasElement();
+            c.width = 10;
+            c.height = 10;
+            const ctx = c.getContext('2d', {
+                willReadFrequently: true,
+            });
+            ctx.clearRect(0, 0, 10, 10);
+            ctx.fillStyle = '#282828';
+            ctx.fillRect(0, 0, 10, 10);
+            const d = ctx.getImageData(0, 0, 10, 10).data;
+            let isFarbling = false;
+            for (let i = 0; i < 100; i++) {
+                if (d[i * 4] !== 40 ||
+                    d[i * 4 + 1] !== 40 ||
+                    d[i * 4 + 2] !== 40 ||
+                    d[i * 4 + 3] !== 255) {
+                    isFarbling = true;
+                    break;
+                }
+            }
+            _isCanvasFarblingActive = isFarbling;
+            this.releaseCanvas(c);
+            return _isCanvasFarblingActive;
+        },
+        getHitColor() {
+            const color = this.getRandomColor();
+            return this.isCanvasFarblingActive()
+                ? this.getSnappedHexColor(color)
+                : color;
+        },
+        getHitColorKey(r, g, b) {
+            if (this.isCanvasFarblingActive()) {
+                r = Math.round(r / 5) * 5;
+                g = Math.round(g / 5) * 5;
+                b = Math.round(b / 5) * 5;
+            }
+            return HASH + this._rgbToHex(r, g, b);
+        },
+        getSnappedHexColor(hex) {
+            const rgb = this._hexToRgb(hex);
+            return (HASH +
+                this._rgbToHex(Math.round(rgb.r / 5) * 5, Math.round(rgb.g / 5) * 5, Math.round(rgb.b / 5) * 5));
         },
         getRGB(color) {
             let rgb;
@@ -42088,7 +42141,7 @@ js: import "konva/skia-backend";
                     b: rgb[2],
                 };
             }
-            else if (color[0] === HASH$1) {
+            else if (color[0] === HASH) {
                 return this._hexToRgb(color.substring(1));
             }
             else if (color.substr(0, 4) === RGB_PAREN) {
@@ -43172,42 +43225,12 @@ js: import "konva/skia-backend";
             this.setSize(config.width, config.height);
         }
     }
-    function isCanvasFarblingActive() {
-        const c = Util.createCanvasElement();
-        c.width = 1;
-        c.height = 1;
-        const ctx = c.getContext('2d', {
-            willReadFrequently: true,
-        });
-        ctx.clearRect(0, 0, 1, 1);
-        ctx.fillStyle = 'rgba(255,0,255,1)';
-        ctx.fillRect(0, 0, 1, 1);
-        const d = ctx.getImageData(0, 0, 1, 1).data;
-        const exact = d[0] === 255 && d[1] === 0 && d[2] === 255 && d[3] === 255;
-        return !exact;
-    }
-    function isBraveBrowser() {
-        var _a, _b;
-        if (typeof navigator === 'undefined') {
-            return false;
-        }
-        return (_b = (_a = navigator.brave) === null || _a === void 0 ? void 0 : _a.isBrave()) !== null && _b !== void 0 ? _b : false;
-    }
-    let warned = false;
-    function checkHitCanvasSupport() {
-        if (isBraveBrowser() && isCanvasFarblingActive() && !warned) {
-            warned = true;
-            Util.error('Looks like you have "Brave shield" enabled in your browser. It breaks KonvaJS internals. Please disable it. You may need to ask your users to do the same.');
-        }
-        return isBraveBrowser() && isCanvasFarblingActive();
-    }
     class HitCanvas extends Canvas {
         constructor(config = { width: 0, height: 0 }) {
             super(config);
             this.hitCanvas = true;
             this.context = new HitContext(this);
             this.setSize(config.width, config.height);
-            checkHitCanvasSupport();
         }
     }
 
@@ -44063,7 +44086,7 @@ js: import "konva/skia-backend";
             return ancestors;
         }
         getAttrs() {
-            return (this.attrs || {});
+            return this.attrs || {};
         }
         setAttrs(config) {
             this._batchTransformChanges(() => {
@@ -46236,11 +46259,18 @@ js: import "konva/skia-backend";
         constructor(config) {
             super(config);
             let key;
+            let attempts = 0;
             while (true) {
-                key = Util.getRandomColor();
+                key = Util.getHitColor();
                 if (key && !(key in shapes)) {
                     break;
                 }
+                attempts++;
+                if (attempts >= 10000) {
+                    Util.warn('Failed to find a unique color key for a shape. Konva may work incorrectly. Most likely your browser is using canvas farbling. Consider disabling it.');
+                    key = Util.getRandomColor();
+                    break;
+                }
             }
             this.colorKey = key;
             shapes[key] = this;
@@ -46523,8 +46553,10 @@ js: import "konva/skia-backend";
                 if (hasShadow) {
                     context._applyShadow(this);
                 }
-                context._applyOpacity(this);
-                context._applyGlobalCompositeOperation(this);
+                if (!cachingSelf) {
+                    context._applyOpacity(this);
+                    context._applyGlobalCompositeOperation(this);
+                }
                 context.drawImage(bc._canvas, bc.x || 0, bc.y || 0, bc.width / ratio, bc.height / ratio);
             }
             else {
@@ -46718,7 +46750,7 @@ js: import "konva/skia-backend";
         setDrawHitFunc: 'setHitFunc',
     });
 
-    const HASH = '#', BEFORE_DRAW = 'beforeDraw', DRAW = 'draw', INTERSECTION_OFFSETS = [
+    const BEFORE_DRAW = 'beforeDraw', DRAW = 'draw', INTERSECTION_OFFSETS = [
         { x: 0, y: 0 },
         { x: -1, y: -1 },
         { x: 1, y: -1 },
@@ -46936,8 +46968,8 @@ js: import "konva/skia-backend";
             const p = this.hitCanvas.context.getImageData(Math.round(pos.x * ratio), Math.round(pos.y * ratio), 1, 1).data;
             const p3 = p[3];
             if (p3 === 255) {
-                const colorKey = Util._rgbToHex(p[0], p[1], p[2]);
-                const shape = shapes[HASH + colorKey];
+                const colorKey = Util.getHitColorKey(p[0], p[1], p[2]);
+                const shape = shapes[colorKey];
                 if (shape) {
                     return {
                         shape: shape,
@@ -49642,12 +49674,12 @@ js: import "konva/skia-backend";
             context.fillStrokeShape(this);
         }
         getWidth() {
-            var _a, _b;
-            return (_a = this.attrs.width) !== null && _a !== void 0 ? _a : (_b = this.image()) === null || _b === void 0 ? void 0 : _b.width;
+            var _a, _b, _c;
+            return (_c = (_a = this.attrs.width) !== null && _a !== void 0 ? _a : (_b = this.image()) === null || _b === void 0 ? void 0 : _b.width) !== null && _c !== void 0 ? _c : 0;
         }
         getHeight() {
-            var _a, _b;
-            return (_a = this.attrs.height) !== null && _a !== void 0 ? _a : (_b = this.image()) === null || _b === void 0 ? void 0 : _b.height;
+            var _a, _b, _c;
+            return (_c = (_a = this.attrs.height) !== null && _a !== void 0 ? _a : (_b = this.image()) === null || _b === void 0 ? void 0 : _b.height) !== null && _c !== void 0 ? _c : 0;
         }
         static fromURL(url, callback, onError = null) {
             const img = Util.createImageElement();
@@ -49663,6 +49695,7 @@ js: import "konva/skia-backend";
         }
     };
     Image$1.prototype.className = 'Image';
+    Image$1.prototype._attrsAffectingSize = ['image'];
     _registerNode(Image$1);
     Factory.addGetterSetter(Image$1, 'cornerRadius', 0, getNumberOrArrayOfNumbersValidator(4));
     Factory.addGetterSetter(Image$1, 'image');
@@ -49890,8 +49923,8 @@ js: import "konva/skia-backend";
         getSelfRect() {
             const points = this._getPoints();
             let minX = points[0].x;
-            let maxX = points[0].y;
-            let minY = points[0].x;
+            let maxX = points[0].x;
+            let minY = points[0].y;
             let maxY = points[0].y;
             points.forEach((point) => {
                 minX = Math.min(minX, point.x);
@@ -50243,6 +50276,7 @@ js: import "konva/skia-backend";
                     context.stroke();
                     context.restore();
                 }
+                const lineThroughStartX = lineTranslateX;
                 if (direction !== RTL &&
                     (letterSpacing !== 0 || align === JUSTIFY || charRenderFunc)) {
                     const spacesNumber = text.split(' ').length - 1;
@@ -50294,7 +50328,7 @@ js: import "konva/skia-backend";
                     const yOffset = !Konva$2.legacyTextRendering
                         ? -Math.round(fontSize / 4)
                         : 0;
-                    const x = align === JUSTIFY ? 0 : lineTranslateX;
+                    const x = lineThroughStartX;
                     context.moveTo(x, translateY + lineTranslateY + yOffset);
                     const lineWidth = align === JUSTIFY && !lastLine ? totalWidth - padding * 2 : width;
                     context.lineTo(x + Math.round(lineWidth), translateY + lineTranslateY + yOffset);
@@ -50597,7 +50631,9 @@ js: import "konva/skia-backend";
             const fill = this.fill();
             const fontSize = this.fontSize();
             const glyphInfo = this.glyphInfo;
-            if (textDecoration === 'underline') {
+            const hasUnderline = textDecoration.indexOf('underline') !== -1;
+            const hasLineThrough = textDecoration.indexOf('line-through') !== -1;
+            if (hasUnderline) {
                 context.beginPath();
             }
             for (let i = 0; i < glyphInfo.length; i++) {
@@ -50607,15 +50643,32 @@ js: import "konva/skia-backend";
                 context.rotate(glyphInfo[i].rotation);
                 this.partialText = glyphInfo[i].text;
                 context.fillStrokeShape(this);
-                if (textDecoration === 'underline') {
+                if (hasUnderline) {
                     if (i === 0) {
                         context.moveTo(0, fontSize / 2 + 1);
                     }
-                    context.lineTo(fontSize, fontSize / 2 + 1);
+                    context.lineTo(glyphInfo[i].width, fontSize / 2 + 1);
                 }
                 context.restore();
             }
-            if (textDecoration === 'underline') {
+            if (hasUnderline) {
+                context.strokeStyle = fill;
+                context.lineWidth = fontSize / 20;
+                context.stroke();
+            }
+            if (hasLineThrough) {
+                context.beginPath();
+                for (let i = 0; i < glyphInfo.length; i++) {
+                    context.save();
+                    const p0 = glyphInfo[i].p0;
+                    context.translate(p0.x, p0.y);
+                    context.rotate(glyphInfo[i].rotation);
+                    if (i === 0) {
+                        context.moveTo(0, 0);
+                    }
+                    context.lineTo(glyphInfo[i].width, 0);
+                    context.restore();
+                }
                 context.strokeStyle = fill;
                 context.lineWidth = fontSize / 20;
                 context.stroke();
@@ -50728,6 +50781,7 @@ js: import "konva/skia-backend";
                     rotation: rotation,
                     p0: charStartPoint,
                     p1: charEndPoint,
+                    width: width,
                 });
                 offsetToGlyph += glyphWidth;
             }