@thinkpixellab-public/px-vue 3.0.86 → 3.0.88

package/components/PxAutoClamp.vue

@@ -2,8 +2,9 @@
     Automatically computes line clamp based on the available height and current line height.
 -->
 <template>
-    <component :is="tag" :class="bem()" :style="{}">
+    <component :is="tag" :class="bem()">
         <span
+            v-if="enabled"
             :class="bem('clamp')"
             :style="{
                 '-webkit-line-clamp': lineCount,
@@ -15,6 +16,11 @@
                 {{ text }}
             </slot>
         </span>
+        <span v-else>
+            <slot>
+                {{ text }}
+            </slot>
+        </span>
     </component>
 </template>
 
@@ -25,6 +31,7 @@ export default {
     name: 'px-auto-clamp',
     mixins: [PxBaseResize],
     props: {
+        enabled: { type: Boolean, default: true },
         text: { type: String, default: null },
         tag: { type: String, default: 'div' },
     },

package/components/PxBaseMobileAware.vue

@@ -17,11 +17,7 @@ export default {
             return this.mediaQuery.currentBreakpoint;
         },
     },
-    mounted() {
-        // setTimeout(() => {
-        //     console.log(this.mediaQuery.breakpoints);
-        // }, 100);
-    },
+
     methods: {
         isBreakpointOrSmaller(breakpoint) {
             if (this.currentBreakpoint === null) {

package/components/PxBaseVariantsOverride.vue

@@ -18,7 +18,7 @@ export default {
         variantValue() {
             return (
                 (this.variantBase ? `${this.variantBase} ` : '') +
-                (this.variant !== 'default' ? this.variant : this.variantDefault)
+                (this.variant && this.variant !== 'default' ? this.variant : this.variantDefault)
             );
         },
     },

package/package.json

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

package/utils/bem.js

@@ -32,7 +32,8 @@ function hyphenate(str, shouldHyphenate = true) {
 // Get block name
 function getBlockName(component) {
     if (!component.$options._blockName) {
-        let block = component.$options.name || component.$options._componentTag;
+        let block = 'bemBlockName' in component && component.bemBlockName();
+        block = block || component.$options.name || component.$options._componentTag;
         if (block && block.indexOf('/') > -1) {
             block = block.split('/').pop().split('.')[0];
         }

package/utils/utils.js

@@ -27,6 +27,16 @@ export default {
         return Array.isArray(value) ? value : [value];
     },
 
+    /**
+     * Returns a new array containing the specified number of items generated by the provided
+     * function.
+     * @param {*} count The number of items to be generated.
+     * @param {*} fn The function to be called to generate each item.
+     */
+    arrayFill: function (count, fn) {
+        return Array.from({ count }, (_, i) => fn(i));
+    },
+
     /**
      * Safely gets an item from an array, otherwise returns a fallback value.
      * @param {*} arr The array.