From a04b7e7ec4da733ccff82f764fc00604dad2fe1f Mon Sep 17 00:00:00 2001
From: Roman Bruckner <bruckner.roman@gmail.com>
Date: Wed, 14 Aug 2024 12:13:10 +0200
Subject: [PATCH] update demos

---
 packages/joint-core/demo/puzzle/src/puzzle.js   | 10 ++++++----
 packages/joint-core/demo/rough/src/rough.js     |  9 ++++++---
 packages/joint-core/demo/shapes/src/standard.js |  7 +++----
 3 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/packages/joint-core/demo/puzzle/src/puzzle.js b/packages/joint-core/demo/puzzle/src/puzzle.js
index 3e23eee66f..2d9280019b 100644
--- a/packages/joint-core/demo/puzzle/src/puzzle.js
+++ b/packages/joint-core/demo/puzzle/src/puzzle.js
@@ -14,8 +14,8 @@ joint.dia.Element.define('jigsaw.Piece', {
 } , {
     attributes: {
         tabs: { /* [topTab, rightTab, bottomTab, leftTab] */
-            qualify: Array.isArray,
             set: function(tabs, refBBox) {
+                if (!Array.isArray(tabs)) return;
                 var tabSize = this.model.prop('tabSize');
                 var points = [];
                 var refCenter = refBBox.center();
@@ -41,11 +41,12 @@ joint.dia.Element.define('jigsaw.Piece', {
                 return {
                     points: points.join(' ').replace(/@/g,' ')
                 };
-            }
+            },
+            unset: 'points'
         },
         image: { /* [imageId, rowIndex, columnIndex] */
-            qualify: Array.isArray,
             set: function(image) {
+                if (!Array.isArray(image)) return;
                 var paper = this.paper;
                 var model = this.model;
                 var width = model.prop('size/width');
@@ -71,7 +72,8 @@ joint.dia.Element.define('jigsaw.Piece', {
                 return {
                     fill: 'url(#' + id + ')'
                 };
-            }
+            },
+            unset: 'fill'
         }
     }
 });
diff --git a/packages/joint-core/demo/rough/src/rough.js b/packages/joint-core/demo/rough/src/rough.js
index f52f18705f..44a4aa44dc 100644
--- a/packages/joint-core/demo/rough/src/rough.js
+++ b/packages/joint-core/demo/rough/src/rough.js
@@ -247,7 +247,8 @@
                     }
                     var sets = shape.sets;
                     return { d: r.opsToPath(sets[opt.fillSketch ? 0 : 1]) };
-                }
+                },
+                unset: 'd'
             },
             'pointer-shape': {
                 set: function(type, bbox) {
@@ -271,7 +272,8 @@
                             break;
                     }
                     return { d: vel.convertToPathData() };
-                }
+                },
+                unset: 'd'
             }
         }
     });
@@ -323,7 +325,8 @@
                         bowing: opt.bowing || 1
                     };
                     return { d: r.opsToPath(r.generator.path(this.getSerializedConnection(), rOpt).sets[0]) };
-                }
+                },
+                unset: 'd'
             }
         }
     });
diff --git a/packages/joint-core/demo/shapes/src/standard.js b/packages/joint-core/demo/shapes/src/standard.js
index d52b789e7a..1a1c451827 100644
--- a/packages/joint-core/demo/shapes/src/standard.js
+++ b/packages/joint-core/demo/shapes/src/standard.js
@@ -10,12 +10,11 @@ V.attributeNames['placeholderURL'] = 'placeholderURL';
 
 // Custom attribute for retrieving image placeholder with specific size
 dia.attributes.placeholderURL = {
-    qualify: function(url) {
-        return typeof url === 'string';
-    },
     set: function(url, refBBox) {
+        if (typeof url !== 'string') return;
         return { 'xlink:href': util.template(url)(refBBox.round().toJSON()) };
-    }
+    },
+    unset: 'xlink:href'
 };
 
 var CylinderTiltTool = elementTools.Control.extend({