@thinkpixellab-public/px-vue 4.0.8 → 4.0.9

package/bases/PxBaseToggle.vue

@@ -10,6 +10,7 @@
 
 <script>
 export default {
+    emits: ['update:checked', 'checked', 'unchecked'],
     props: {
         /**
          * The value of the checked property.

package/components/PxContain.vue

@@ -3,8 +3,8 @@
 
     Keeps a child element contained within boundaries.
 
-    <px-contain #default="{width, height, left: }" :aspect="16/9" :round="true" :to-px="true">
-        <div :style="{position: 'absolute', left: left top: top  width: width height: height}"  />
+    <px-contain #default="{width, height, left, top }" :aspect="16/9" :round="true" :to-px="true">
+        <div :style="{position: 'absolute', left: left top: top,  width: width, height: height}"  />
     </px-contain>
 
 -->

package/package.json

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

package/plugins/filters/striphtml.js

@@ -1,5 +1,5 @@
 export default val => {
-    if (val && !process.server) {
+    if (val && typeof document !== 'undefined') {
         val = val.replace(/<\/p>/g, '</p> ');
         val = val.replace(/<\/li>/g, '</li> ');
         val = val.replace(/<\/div>/g, '</div> ');

package/stories/PxIcon.mdx

@@ -10,8 +10,7 @@ by name, default replacements collection that converts the color black to `curre
 properties for customizing stroke width, offset and spacing.
 
 To make named app icons available, create a plugin in the project that calls
-`app.provide('PxIcon.icons', appIcons)` where `appIcons` is a collection of icons like `{ iconOne:
-srcOne, iconTwo: srcTwo }`.
+`app.provide('PxIcon.icons', appIcons)` where `appIcons` is a collection of icons like `{ iconOne: srcOne, iconTwo: srcTwo }`.
 
 PxVue contains the full set of [feather icons](https://feathericons.com/) and a helper for making
 those available by name within the application. See the plugin reference below.
@@ -20,8 +19,6 @@ those available by name within the application. See the plugin reference below.
 
 <Controls of={PxIconStories.Basic} />
 
-### Nuxt 3 Plugin Example
-
 ```js
 // px-vue feather icons helper
 import getFeatherIcons from '@thinkpixellab-public/px-vue/utils/getFeatherIcons.js';
@@ -30,15 +27,14 @@ export default defineNuxtPlugin(nuxtApp => {
     const vueApp = nuxtApp.vueApp;
 
     // search for icons in the @/assets/feather folder
-    const icons = Object.values(import.meta.globEager('@/assets/feather/*.svg')).reduce(
-        (obj, value) => {
-            const url = value.default;
-            const name = url.match(/([^\/]+)(?=\.\w+$)/)[0];
-            obj[name] = url;
-            return obj;
-        },
-        {}
-    );
+    const icons = Object.values(
+        import.meta.globEager('@thinkpixellab-public/px-vue/assets/feather/*.svg')
+    ).reduce((obj, value) => {
+        const url = value.default;
+        const name = url.match(/([^\/]+)(?=\.\w+$)/)[0];
+        obj[name] = url;
+        return obj;
+    }, {});
 
     vueApp.provide('PxIcon.icons', {
         // local icons