@joint/core 4.1.3 → 4.2.0-alpha.1

package/src/dia/PaperLayer.mjs

@@ -22,7 +22,9 @@ export const PaperLayer = View.extend({
     },
 
     className: function() {
-        return addClassNamePrefix(`${this.options.name}-layer`);
+        const { name } = this.options;
+        if (!name) return null;
+        return addClassNamePrefix(`${name}-layer`);
     },
 
     init: function() {
@@ -70,6 +72,11 @@ export const PaperLayer = View.extend({
         const { el, pivotNodes } = this;
         for (let z in pivotNodes) el.removeChild(pivotNodes[z]);
         this.pivotNodes = {};
-    }
+    },
+
+    isEmpty: function() {
+        // Check if the layer has any child elements (pivot comments are not counted).
+        return this.el.children.length === 0;
+    },
 
 });

package/src/dia/ToolView.mjs

@@ -69,6 +69,10 @@ export const ToolView = mvc.View.extend({
         return !!this._visible;
     },
 
+    isOverlay: function() {
+        return !!this.parentView && this.parentView.hasLayer();
+    },
+
     focus: function() {
         var opacity = this.options.focusOpacity;
         if (isFinite(opacity)) this.el.style.opacity = opacity;

package/src/dia/ToolsView.mjs

@@ -138,12 +138,21 @@ export const ToolsView = mvc.View.extend({
         this.tools = null;
     },
 
+    getLayer() {
+        const { layer = LayersNames.TOOLS } = this.options;
+        return layer;
+    },
+
+    hasLayer() {
+        return !!this.getLayer();
+    },
+
     mount: function() {
         const { options, el } = this;
-        const { relatedView, layer = LayersNames.TOOLS, z } = options;
+        const { relatedView, z } = options;
         if (relatedView) {
-            if (layer) {
-                relatedView.paper.getLayerView(layer).insertSortedNode(el, z);
+            if (this.hasLayer()) {
+                relatedView.paper.getLayerView(this.getLayer()).insertSortedNode(el, z);
             } else {
                 relatedView.el.appendChild(el);
             }

package/src/dia/attributes/text.mjs

@@ -54,9 +54,10 @@ const textAttributesNS = {
             const eol = attrs.eol;
             const x = attrs.x;
             let textPath = attrs['text-path'];
+            const useNoBreakSpace = attrs['use-no-break-space'] === true;
             // Update the text only if there was a change in the string
             // or any of its attributes.
-            const textHash = JSON.stringify([text, lineHeight, annotations, textVerticalAnchor, eol, displayEmpty, textPath, x, fontSize]);
+            const textHash = JSON.stringify([text, lineHeight, annotations, textVerticalAnchor, eol, displayEmpty, textPath, x, fontSize, useNoBreakSpace]);
             if (cache === undefined || cache !== textHash) {
                 // Chrome bug:
                 // <tspan> positions defined as `em` are not updated
@@ -79,7 +80,8 @@ const textAttributesNS = {
                     x,
                     textVerticalAnchor,
                     eol,
-                    displayEmpty
+                    displayEmpty,
+                    useNoBreakSpace
                 });
                 $.data.set(node, cacheName, textHash);
             }
@@ -148,10 +150,19 @@ const textAttributesNS = {
                 // TODO: change the `lineHeight` to breakText option.
                 wrapFontAttributes.lineHeight = attrs['line-height'];
 
+                let svgDocument = this.paper.svg;
+                if (!svgDocument.checkVisibility()) {
+                    // If the paper is visible, we can utilize
+                    // its SVG element to measure the text size
+                    // when breaking the text.
+                    // Otherwise, we need to create a temporary
+                    // SVG document and append it to the DOM,
+                    // (the default behavior of `breakText`).
+                    svgDocument = null;
+                }
+
                 wrappedText = breakTextFn('' + text, size, wrapFontAttributes, {
-                    // Provide an existing SVG Document here
-                    // instead of creating a temporary one over again.
-                    svgDocument: this.paper.svg,
+                    svgDocument,
                     ellipsis: value.ellipsis,
                     hyphen: value.hyphen,
                     separator: value.separator,

package/src/dia/layers/GridLayer.mjs

@@ -177,4 +177,9 @@ export const GridLayer = PaperLayer.extend({
         return isArray ? options : [options];
     },
 
+    isEmpty() {
+        const { _gridCache: grid } = this;
+        return this.el.children.length === (grid ? 1 : 0);
+    }
+
 });