@thinkpixellab-public/px-vue 3.0.13 → 3.0.14

package/components/PxBaseResize.vue

@@ -29,22 +29,22 @@ export default {
                   }, this.resizeDebounceValue)
                 : null;
 
-        const resizeFn = entries => {
+        const resizeFn = () => {
             // debounced version
             if (resizeDebouncedFn) {
                 if (!this.resizing) {
                     this.resizing = true;
                     if (this.resizeStarted) {
-                        this.resizeStarted(entries[0]);
+                        this.resizeStarted();
                     }
                 }
-                resizeDebouncedFn(entries[0]);
+                resizeDebouncedFn();
             }
 
             // regular version
             else {
                 if (this.resize) {
-                    this.resize(entries[0]);
+                    this.resize();
                 }
             }
         };

package/components/PxContain.vue

@@ -18,6 +18,7 @@
             :width="contain.width"
             :height="contain.height"
             :scale="contain.scale"
+            :enabled="contain.enabled"
         ></slot>
     </div>
 </template>

package/components/PxFloat.vue

@@ -487,12 +487,14 @@ export default {
             if (typeof reference == 'string') {
                 // previous sibling
                 if (reference == 'previous') {
-                    reference = this.$el.previousSibling;
+                    reference = this.$el.previousElementSibling;
+                    console.log(reference);
                 }
 
                 // next sibling
                 else if (reference == 'next') {
-                    reference = this.$el.nextSibling;
+                    reference = this.$el.nextElementSibling;
+                    console.log(reference);
                 }
 
                 // selector
@@ -574,6 +576,20 @@ $d: 0.4s;
         }
     }
 
+    &--menu & {
+        &__popup {
+            display: flex;
+            flex-direction: column;
+            @include css-map(
+                popup(
+                    (
+                        padding: 0,
+                    )
+                )
+            );
+        }
+    }
+
     // sizes
 
     &--sm & {

package/package.json

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

package/plugins/common.js

@@ -23,6 +23,9 @@ export default {
         Vue.prototype.cssUrl = cssUrl;
 
         // filters
+        // note: filters can be called as methods with something like
+        // this.$options.filters.slug('Make me a slug.');
+
         Vue.filter('aspect', aspect);
         Vue.filter('kebab', kebab);
         Vue.filter('slug', slug);