@thinkpixellab-public/px-vue 3.0.38 → 3.0.40

package/components/PxBalancedText.vue

@@ -7,14 +7,14 @@
         <!-- html -->
         <component
             v-if="hasHtml"
-            :class="bem('inner', { html: true })"
+            :class="[bem('inner', { html: true }), innerClass]"
             :is="innerTag"
             ref="text"
             v-html="html"
         />
 
         <!-- slot -->
-        <component v-else :class="bem('inner')" :is="innerTag" ref="text">
+        <component v-else :class="[bem('inner'), innerClass]" :is="innerTag" ref="text">
             <slot />
         </component>
     </component>
@@ -35,6 +35,9 @@ export default {
         // the inner tag element
         innerTag: { type: String, default: 'span' },
 
+        // the inner tag element
+        innerClass: { type: String, default: null },
+
         // html that gets set on the inner tag element
         html: { type: String, default: null },
 

package/components/PxFloat.vue

@@ -273,6 +273,13 @@ export default {
                 document.removeEventListener('keydown', this.onKey);
             }
 
+            if (nv) {
+                let reference = this.getReferenceElement();
+                let popup = this.$refs.popup;
+
+                this.updatePosition(reference, popup);
+            }
+
             // delayed actions (settimeout seems to work but $nextTick doesn't)
 
             setTimeout(() => {

package/components/PxSvg.vue

@@ -100,8 +100,8 @@ export default {
     },
     methods: {
         transform(svg) {
-            if (!svg) {
-                return;
+            if (!svg?.viewBox) {
+                return svg;
             }
             // only a valid viewbox if it has both width/height
             let viewBox =

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thinkpixellab-public/px-vue",
-    "version": "3.0.38",
+    "version": "3.0.40",
     "description": "General purpose Vue components and helpers that can be used across projects.",
     "author": "Pixel Lab",
     "license": "MIT",
@@ -14,7 +14,7 @@
     "dependencies": {
         "@floating-ui/dom": "^1.0.1",
         "@popperjs/core": "^2.11.5",
-        "@thinkpixellab-public/px-styles": "^3.7.6",
+        "@thinkpixellab-public/px-styles": "^3.7.8",
         "@thinkpixellab-public/px-vue-tester": "^2.0.0",
         "@thinkpixellab-public/vue-resize-directive": "^1.2.2",
         "body-scroll-lock": "^3.1.5",