@thinkpixellab-public/px-vue 3.0.78 → 3.0.80

package/components/PxBaseResize.vue

@@ -24,7 +24,11 @@ export default {
         const resizeDebouncedFn =
             this.resizeDebounceValue && this.resize
                 ? debounce(e => {
-                      this.resize(e);
+                      try {
+                          this.resize(e);
+                      } catch (e) {
+                          console.error('Resize: ' + e);
+                      }
                       this.resizing = false;
                   }, this.resizeDebounceValue)
                 : null;
@@ -44,13 +48,28 @@ export default {
             // regular version
             else {
                 if (this.resize) {
-                    this.resize();
+                    try {
+                        this.resize();
+                    } catch (e) {
+                        console.error('Resize: ' + e);
+                    }
                 }
             }
         };
 
         this.resizeObserver = new ResizeObserver(resizeFn);
-        this.resizeObserver.observe(this.observeElementValue);
+
+        if (
+            this.observeElementValue &&
+            (this.observeElementValue instanceof Element ||
+                this.observeElementValue instanceof SVGElement)
+        ) {
+            this.resizeObserver.observe(this.observeElementValue);
+        } else {
+            console.warn(
+                `Could not call ResizeObserver.observe because observeElementValue is not an Element: ${this.observeElementValue}`
+            );
+        }
     },
     beforeDestroy() {
         this.resizeObserver.disconnect();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thinkpixellab-public/px-vue",
-    "version": "3.0.78",
+    "version": "3.0.80",
     "description": "General purpose Vue components and helpers that can be used across projects.",
     "author": "Pixel Lab",
     "license": "MIT",

package/utils/cssStr.js

@@ -178,6 +178,13 @@ function cssUnitFallback(val, fallback, allowNumberless = false) {
 
     val = val.toString().trim();
 
+    if (
+        allowNumberless &&
+        (val.startsWith('min') || val.startsWith('max') || val.startsWith('calc'))
+    ) {
+        return val;
+    }
+
     if (isNaN(num)) {
         if (allowNumberless) {
             num = '';