@operato/property-panel 9.2.22 → 9.2.25

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/property-panel",
   "description": "Webcomponent property-panel following open-wc recommendations",
   "author": "heartyoh",
-  "version": "9.2.22",
+  "version": "9.2.25",
   "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
@@ -63,9 +63,9 @@
   },
   "dependencies": {
     "@material/web": "^2.0.0",
-    "@operato/attachment": "^9.2.22",
+    "@operato/attachment": "^9.2.25",
     "@operato/i18n": "^9.2.12",
-    "@operato/input": "^9.2.12",
+    "@operato/input": "^9.2.25",
     "@operato/styles": "^9.2.12",
     "@operato/utils": "^9.2.12",
     "lit": "^3.1.2"
@@ -103,5 +103,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "8c81a1ba726cc7e2305c4fedfba35e1f14f8526c"
+  "gitHead": "f88ec1fba64baa66694c72275b3ef8482d2a3968"
 }

package/src/property-panel/shapes/shapes.ts

@@ -94,7 +94,10 @@ export class PropertyShapes extends AbstractProperty {
                   <label> <md-icon>height</md-icon><ox-i18n msgid="label.height">height</ox-i18n> </label>
                   <input type="number" value-key="bounds.height" .value=${String(height)} />
 
-                  ${this.selected.length && this.selected[0].isRootModel()
+                  ${this.selected.length &&
+                  this.selected[0] &&
+                  typeof this.selected[0].isRootModel === 'function' &&
+                  this.selected[0].isRootModel()
                     ? html``
                     : html`
                         <label class="rotate">
@@ -263,7 +266,10 @@ export class PropertyShapes extends AbstractProperty {
             </fieldset>
           `
         : html``}
-      ${this.selected.length && this.selected[0].isRootModel()
+      ${this.selected.length &&
+      this.selected[0] &&
+      typeof this.selected[0].isRootModel === 'function' &&
+      this.selected[0].isRootModel()
         ? html`
             <fieldset class="icon-label">
               <legend>
@@ -334,33 +340,44 @@ export class PropertyShapes extends AbstractProperty {
 
   _hasTextProperty(selected: Component[]) {
     for (let i = 0; i < selected.length; i++) {
-      if (!selected[i].hasTextProperty) return false
+      if (!selected[i] || !selected[i].hasTextProperty) return false
     }
 
     return true
   }
 
   _hasProperties(selected: Component[]) {
-    if (!selected || selected.length == 0 || (selected[0] && selected[0].isLayer && selected[0].isLayer())) return false
+    if (
+      !selected ||
+      selected.length == 0 ||
+      (selected[0] && typeof selected[0].isLayer === 'function' && selected[0].isLayer())
+    )
+      return false
 
     return true
   }
 
   _isIdentifiable(selected: Component[]) {
-    if (!selected || selected.length == 0 || selected.length > 1 || (selected[0].isLayer && selected[0].isLayer()))
+    if (
+      !selected ||
+      selected.length == 0 ||
+      selected.length > 1 ||
+      !selected[0] ||
+      (typeof selected[0].isLayer === 'function' && selected[0].isLayer())
+    )
       return false
 
     return true
   }
 
   _isClassIdentifiable(selected: Component[]) {
-    if (!selected || (selected[0] && selected[0].isLayer())) return false
+    if (!selected || (selected[0] && typeof selected[0].isLayer === 'function' && selected[0].isLayer())) return false
 
     return true
   }
 
   _isLine(selected: Component[]) {
-    if (!selected || !(selected[0] && selected[0].isLine())) return false
+    if (!selected || !(selected[0] && typeof selected[0].isLine === 'function' && selected[0].isLine())) return false
 
     return true
   }
@@ -372,7 +389,9 @@ export class PropertyShapes extends AbstractProperty {
   }
 
   _isPositionable(selected: Component[]) {
-    const s = selected?.[0]
-    return !!(s && typeof s.isPositionable === 'function' && s.isPositionable())
+    if (!selected || !(selected[0] && typeof selected[0].isPositionable === 'function' && selected[0].isPositionable()))
+      return false
+
+    return true
   }
 }