@thinkpixellab-public/px-vue 3.0.66 → 3.0.67

package/components/PxBaseMobileAware.vue

@@ -49,11 +49,18 @@
 -->
 
 <script>
+import utils from '../utils/utils.js';
+
 export default {
     data() {
         return { isMobile: null };
     },
     mounted() {
+        if (utils.getQueryBool('alwaysMobile')) {
+            this.isMobile = true;
+            return;
+        }
+
         if (this.$globalOn) {
             this.$globalOn('mobile-changed', isMobile => {
                 this.isMobile = isMobile;

package/package.json

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

package/utils/cssStr.js

@@ -190,6 +190,13 @@ function cssEmFallback(val, allowNumberless = false) {
     return cssUnitFallback(val, 'em', allowNumberless);
 }
 
+/*
+Px version of cssUnitFallback
+*/
+function cssPxFallback(val, allowNumberless = false) {
+    return cssUnitFallback(val, 'px', allowNumberless);
+}
+
 export {
     cssPx,
     cssEm,
@@ -201,4 +208,5 @@ export {
     cssUnit,
     cssUnitFallback,
     cssEmFallback,
+    cssPxFallback,
 };

package/utils/drag.js

@@ -60,7 +60,6 @@ function Drag(element, options) {
 
     this.onStart = nativeEvent => {
         if (this.disabled) {
-            debugger;
             return;
         }
 

package/utils/utils.js

@@ -116,6 +116,38 @@ export default {
         return chunks;
     },
 
+    /**
+     * Returns an array containing any elements that are in arrA not in arrB (e.g. arrA - arrB)
+     * @param  {} arrA The source array
+     * @param  {} arrB The comparison array
+     *
+     * @expample arrMinus([1,2,3], [3,4,5]) ==> [1,2]
+     */
+    arrMinus: function (arrA, arrB) {
+        return arrA.filter(item => !arrB.includes(item));
+    },
+
+    /**
+     * Returns an object like {added: [...], removed: [...]} containing the delta between arrOld and
+     * arrNew such that removed are elements in arrOld but not in arrNew and added are elements in
+     * arrNew but not in arrOld.
+     * @param  {} arrOld The source array
+     * @param  {} arrNew The comparison array
+     */
+    arrDelta: function (arrOld, arrNew) {
+        return {
+            added: this.arrMinus(arrNew, arrOld),
+            removed: this.arrMinus(arrOld, arrNew),
+        };
+    },
+
+    /**
+     * Returns an array of all elements found in both arrA and arrB.
+     */
+    arrIntersect: function (arrA, arrB) {
+        return arrA.filter(value => arrB.includes(value));
+    },
+
     /**
      * Returns an object representing the current query string parameters.
      */