@inweb/viewer-visualize 27.6.3 → 27.7.0

package/dist/viewer-visualize.js

@@ -4619,7 +4619,7 @@
                 : {};
     const Konva$2 = {
         _global: glob,
-        version: '10.2.0',
+        version: '10.3.0',
         isBrowser: detectBrowser(),
         isUnminified: /param/.test(function (param) { }.toString()),
         dblClickWindow: 400,
@@ -6300,6 +6300,9 @@ js: import "konva/skia-backend";
                 nodesToFireEvents.push(node);
             });
             nodesToFireEvents.forEach((node) => {
+                if (!node.getStage()) {
+                    return;
+                }
                 node.fire('dragmove', {
                     type: 'dragmove',
                     target: node,
@@ -6983,12 +6986,15 @@ js: import "konva/skia-backend";
             this._filterUpToDate = true;
             return filterCanvas;
         }
-        on(evtStr, handler) {
+        on(...args) {
+            const evtStr = args[0];
+            const selectorOrHandler = args[1];
+            args[2];
             if (this._cache) {
                 this._cache.delete(ALL_LISTENERS);
             }
-            if (arguments.length === 3) {
-                return this._delegate.apply(this, arguments);
+            if (args.length === 3) {
+                return this._delegate.apply(this, args);
             }
             const events = evtStr.split(SPACE$1);
             for (let n = 0; n < events.length; n++) {
@@ -6999,7 +7005,7 @@ js: import "konva/skia-backend";
                 if (!this.eventListeners[baseEvent]) {
                     this.eventListeners[baseEvent] = [];
                 }
-                this.eventListeners[baseEvent].push({ name, handler });
+                this.eventListeners[baseEvent].push({ name, handler: selectorOrHandler });
             }
             return this;
         }
@@ -7058,12 +7064,18 @@ js: import "konva/skia-backend";
                     handler.call(targets[i], evt);
                 }
             });
+            return this;
         }
         remove() {
             if (this.isDragging()) {
                 this.stopDrag();
             }
             DD._dragElements.delete(this._id);
+            DD._dragElements.forEach((elem, key) => {
+                if (this.isAncestorOf(elem.node)) {
+                    DD._dragElements.delete(key);
+                }
+            });
             this._remove();
             return this;
         }
@@ -7924,14 +7936,23 @@ js: import "konva/skia-backend";
             evt.type = eventType;
             const topListeners = this._getProtoListeners(eventType);
             if (topListeners) {
-                for (let i = 0; i < topListeners.length; i++) {
-                    topListeners[i].handler.call(this, evt);
+                const list = topListeners.slice();
+                for (let i = 0; i < list.length; i++) {
+                    list[i].handler.call(this, evt);
                 }
             }
             const selfListeners = this.eventListeners[eventType];
             if (selfListeners) {
-                for (let i = 0; i < selfListeners.length; i++) {
-                    selfListeners[i].handler.call(this, evt);
+                const list = selfListeners.slice();
+                const origLen = list.length;
+                for (let i = 0; i < list.length; i++) {
+                    list[i].handler.call(this, evt);
+                }
+                const liveListeners = this.eventListeners[eventType];
+                if (liveListeners) {
+                    for (let i = origLen; i < liveListeners.length; i++) {
+                        liveListeners[i].handler.call(this, evt);
+                    }
                 }
             }
         }
@@ -7959,6 +7980,7 @@ js: import "konva/skia-backend";
                 },
                 dragStatus: 'ready',
                 pointerId,
+                startEvent: evt,
             });
         }
         startDrag(evt, bubbleEvent = true) {
@@ -7970,7 +7992,7 @@ js: import "konva/skia-backend";
             this.fire('dragstart', {
                 type: 'dragstart',
                 target: this,
-                evt: evt && evt.evt,
+                evt: (elem.startEvent && elem.startEvent.evt) || (evt && evt.evt),
             }, bubbleEvent);
         }
         _setDragPosition(evt, elem) {
@@ -8108,7 +8130,7 @@ js: import "konva/skia-backend";
     Node.prototype.nodeType = 'Node';
     Node.prototype._attrsAffectingSize = [];
     Node.prototype.eventListeners = {};
-    Node.prototype.on.call(Node.prototype, TRANSFORM_CHANGE_STR$1, function () {
+    Node.prototype.on(TRANSFORM_CHANGE_STR$1, function () {
         if (this._batchingTransformChange) {
             this._needClearTransformCache = true;
             return;
@@ -8116,13 +8138,13 @@ js: import "konva/skia-backend";
         this._clearCache(TRANSFORM);
         this._clearSelfAndDescendantCache(ABSOLUTE_TRANSFORM);
     });
-    Node.prototype.on.call(Node.prototype, 'visibleChange.konva', function () {
+    Node.prototype.on('visibleChange.konva', function () {
         this._clearSelfAndDescendantCache(VISIBLE);
     });
-    Node.prototype.on.call(Node.prototype, 'listeningChange.konva', function () {
+    Node.prototype.on('listeningChange.konva', function () {
         this._clearSelfAndDescendantCache(LISTENING);
     });
-    Node.prototype.on.call(Node.prototype, 'opacityChange.konva', function () {
+    Node.prototype.on('opacityChange.konva', function () {
         this._clearSelfAndDescendantCache(ABSOLUTE_OPACITY);
     });
     const addGetterSetter = Factory.addGetterSetter;
@@ -9682,11 +9704,11 @@ js: import "konva/skia-backend";
     Shape.prototype.nodeType = 'Shape';
     _registerNode(Shape);
     Shape.prototype.eventListeners = {};
-    Shape.prototype.on.call(Shape.prototype, 'shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva', _clearHasShadowCache);
-    Shape.prototype.on.call(Shape.prototype, 'shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva', _clearGetShadowRGBACache);
-    Shape.prototype.on.call(Shape.prototype, 'fillPriorityChange.konva fillPatternImageChange.konva fillPatternRepeatChange.konva fillPatternScaleXChange.konva fillPatternScaleYChange.konva fillPatternOffsetXChange.konva fillPatternOffsetYChange.konva fillPatternXChange.konva fillPatternYChange.konva fillPatternRotationChange.konva', _clearFillPatternCache);
-    Shape.prototype.on.call(Shape.prototype, 'fillPriorityChange.konva fillLinearGradientColorStopsChange.konva fillLinearGradientStartPointXChange.konva fillLinearGradientStartPointYChange.konva fillLinearGradientEndPointXChange.konva fillLinearGradientEndPointYChange.konva', _clearLinearGradientCache);
-    Shape.prototype.on.call(Shape.prototype, 'fillPriorityChange.konva fillRadialGradientColorStopsChange.konva fillRadialGradientStartPointXChange.konva fillRadialGradientStartPointYChange.konva fillRadialGradientEndPointXChange.konva fillRadialGradientEndPointYChange.konva fillRadialGradientStartRadiusChange.konva fillRadialGradientEndRadiusChange.konva', _clearRadialGradientCache);
+    Shape.prototype.on('shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva', _clearHasShadowCache);
+    Shape.prototype.on('shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva', _clearGetShadowRGBACache);
+    Shape.prototype.on('fillPriorityChange.konva fillPatternImageChange.konva fillPatternRepeatChange.konva fillPatternScaleXChange.konva fillPatternScaleYChange.konva fillPatternOffsetXChange.konva fillPatternOffsetYChange.konva fillPatternXChange.konva fillPatternYChange.konva fillPatternRotationChange.konva', _clearFillPatternCache);
+    Shape.prototype.on('fillPriorityChange.konva fillLinearGradientColorStopsChange.konva fillLinearGradientStartPointXChange.konva fillLinearGradientStartPointYChange.konva fillLinearGradientEndPointXChange.konva fillLinearGradientEndPointYChange.konva', _clearLinearGradientCache);
+    Shape.prototype.on('fillPriorityChange.konva fillRadialGradientColorStopsChange.konva fillRadialGradientStartPointXChange.konva fillRadialGradientStartPointYChange.konva fillRadialGradientEndPointXChange.konva fillRadialGradientEndPointYChange.konva fillRadialGradientStartRadiusChange.konva fillRadialGradientEndRadiusChange.konva', _clearRadialGradientCache);
     Factory.addGetterSetter(Shape, 'stroke', undefined, getStringOrGradientValidator());
     Factory.addGetterSetter(Shape, 'strokeWidth', 2, getNumberValidator());
     Factory.addGetterSetter(Shape, 'fillAfterStrokeEnabled', false);
@@ -13237,6 +13259,39 @@ js: import "konva/skia-backend";
         'ellipsis',
         'letterSpacing',
     ], attrChangeListLen = ATTR_CHANGE_LIST$1.length;
+    let _shadowOpacityBuggy = null;
+    function hasShadowOpacityBug() {
+        if (_shadowOpacityBuggy !== null) {
+            return _shadowOpacityBuggy;
+        }
+        _shadowOpacityBuggy = false;
+        try {
+            const c = document.createElement('canvas');
+            c.width = 10;
+            c.height = 10;
+            const ctx = c.getContext(CONTEXT_2D);
+            if (ctx) {
+                ctx.globalAlpha = 0;
+                ctx.shadowColor = 'black';
+                ctx.shadowBlur = 5;
+                ctx.shadowOffsetX = 5;
+                ctx.shadowOffsetY = 5;
+                ctx.fillStyle = 'black';
+                ctx.font = '10px Arial';
+                ctx.fillText('X', 0, 10);
+                const data = ctx.getImageData(0, 0, 10, 10).data;
+                for (let i = 3; i < data.length; i += 4) {
+                    if (data[i] > 0) {
+                        _shadowOpacityBuggy = true;
+                        break;
+                    }
+                }
+            }
+        }
+        catch (e) {
+        }
+        return _shadowOpacityBuggy;
+    }
     function normalizeFontFamily(fontFamily) {
         return fontFamily
             .split(',')
@@ -13619,6 +13674,9 @@ js: import "konva/skia-backend";
             if (hasLine && hasShadow) {
                 return true;
             }
+            if (hasShadow && this.getAbsoluteOpacity() !== 1 && hasShadowOpacityBug()) {
+                return true;
+            }
             return super._useBufferCanvas();
         }
     }
@@ -13670,7 +13728,7 @@ js: import "konva/skia-backend";
                 this._readDataAttribute();
                 this._setTextData();
             });
-            this.on('textChange.konva alignChange.konva letterSpacingChange.konva kerningFuncChange.konva fontSizeChange.konva fontFamilyChange.konva', this._setTextData);
+            this.on('textChange.konva alignChange.konva letterSpacingChange.konva kerningFuncChange.konva fontSizeChange.konva fontFamilyChange.konva directionChange.konva', this._setTextData);
             this._setTextData();
         }
         _getTextPathLength() {
@@ -13785,6 +13843,9 @@ js: import "konva/skia-backend";
         }
         _setTextData() {
             const charArr = stringToArray(this.text());
+            if (this.direction() === 'rtl') {
+                charArr.reverse();
+            }
             const chars = [];
             let width = 0;
             for (let i = 0; i < charArr.length; i++) {
@@ -13794,7 +13855,7 @@ js: import "konva/skia-backend";
                 });
                 width += chars[i].width;
             }
-            const { height } = this._getTextSize(this.attrs.text);
+            const { width: fullTextWidth, height } = this._getTextSize(this.attrs.text);
             this.textWidth = width;
             this.textHeight = height;
             this.glyphInfo = [];
@@ -13804,6 +13865,7 @@ js: import "konva/skia-backend";
             const letterSpacing = this.letterSpacing();
             const align = this.align();
             const kerningFunc = this.kerningFunc();
+            const kerningAdjustment = Math.max(0, width - fullTextWidth);
             const textWidth = Math.max(this.textWidth + ((this.attrs.text || '').length - 1) * letterSpacing, 0);
             let offset = 0;
             if (align === 'center') {
@@ -13823,7 +13885,11 @@ js: import "konva/skia-backend";
                     const numberOfSpaces = this.text().split(' ').length - 1;
                     glyphWidth += (this.pathLength - textWidth) / numberOfSpaces;
                 }
-                const charEndPoint = this._getPointAtLength(offsetToGlyph + glyphWidth);
+                const charEndLength = offsetToGlyph + glyphWidth;
+                const charEndPoint = this._getPointAtLength(charEndLength > this.pathLength &&
+                    charEndLength - this.pathLength <= kerningAdjustment
+                    ? this.pathLength
+                    : charEndLength);
                 if (!charEndPoint) {
                     return;
                 }
@@ -13914,6 +13980,7 @@ js: import "konva/skia-backend";
     Factory.addGetterSetter(TextPath, 'text', EMPTY_STRING);
     Factory.addGetterSetter(TextPath, 'textDecoration', '');
     Factory.addGetterSetter(TextPath, 'kerningFunc', undefined);
+    Factory.addGetterSetter(TextPath, 'direction', 'inherit');
 
     const EVENTS_NAME = 'tr-konva';
     const ATTR_CHANGE_LIST = [
@@ -14053,6 +14120,7 @@ js: import "konva/skia-backend";
             super(config);
             this._movingAnchorName = null;
             this._transforming = false;
+            this._elementsCreated = false;
             this._createElements();
             this._handleMouseMove = this._handleMouseMove.bind(this);
             this._handleMouseUp = this._handleMouseUp.bind(this);
@@ -14272,6 +14340,7 @@ js: import "konva/skia-backend";
                 this._createAnchor(name);
             });
             this._createAnchor('rotater');
+            this._elementsCreated = true;
         }
         _createAnchor(name) {
             const anchor = new Rect({
@@ -14894,6 +14963,13 @@ js: import "konva/skia-backend";
             this._removeEvents();
             return this;
         }
+        add(...children) {
+            if (this._elementsCreated) {
+                Util.error('You cannot add external nodes to the Transformer. Use tr.nodes([node]) instead.');
+                return this;
+            }
+            return super.add(...children);
+        }
         toObject() {
             return Node.prototype.toObject.call(this);
         }