@mekari/pixel-popover - npm Package Compare versions

Comparing version 0.4.0 to 0.5.0

dist/mekari-pixel-popover.cjs.dev.js

@@ -137,2 +137,9 @@ 'use strict';
   inject: ['$PopoverContext', '$pixelColorMode'],
+
+  data() {
+    return {
+      listeners$: {}
+    };
+  },
+
   props: {
@@ -262,2 +269,7 @@ gutter: {
       }
+    },
+
+    /** Computed listeners object */
+    computedListeners() {
+      return this.$data.listeners$;
     }
@@ -267,2 +279,6 @@
 
+  created() {
+    this.$watch('$listeners', pixelUtils.createWatcher('listeners$'));
+  },
+
   mounted() {
@@ -311,2 +327,3 @@ const {
         flexDirection: 'column',
+        zIndex: 'popover',
         ...this.$attrs,
@@ -320,3 +337,2 @@ id: this.contentId,
         outline: '0px solid transparent',
-        zIndex: 'popover',
         ...this.calculatedAttrs,
@@ -326,3 +342,3 @@ 'data-pixel-component': 'MpPopoverContent'
       nativeOn: this.eventHandlers,
-      on: this.portalEventHandlers
+      on: this.computedListeners
     }, this.$slots.default);
@@ -329,0 +345,0 @@ }

dist/mekari-pixel-popover.cjs.prod.js

@@ -137,2 +137,9 @@ 'use strict';
   inject: ['$PopoverContext', '$pixelColorMode'],
+
+  data() {
+    return {
+      listeners$: {}
+    };
+  },
+
   props: {
@@ -262,2 +269,7 @@ gutter: {
       }
+    },
+
+    /** Computed listeners object */
+    computedListeners() {
+      return this.$data.listeners$;
     }
@@ -267,2 +279,6 @@
 
+  created() {
+    this.$watch('$listeners', pixelUtils.createWatcher('listeners$'));
+  },
+
   mounted() {
@@ -311,2 +327,3 @@ const {
         flexDirection: 'column',
+        zIndex: 'popover',
         ...this.$attrs,
@@ -320,3 +337,2 @@ id: this.contentId,
         outline: '0px solid transparent',
-        zIndex: 'popover',
         ...this.calculatedAttrs,
@@ -326,3 +342,3 @@ 'data-pixel-component': 'MpPopoverContent'
       nativeOn: this.eventHandlers,
-      on: this.portalEventHandlers
+      on: this.computedListeners
     }, this.$slots.default);
@@ -329,0 +345,0 @@ }

dist/mekari-pixel-popover.esm.js

 import { isFunction } from 'lodash-es';
-import { getElementById, cloneVNode, createStyledAttrsMixin, useId, isVueComponent, getElement } from '@mekari/pixel-utils';
+import { getElementById, cloneVNode, createWatcher, createStyledAttrsMixin, useId, isVueComponent, getElement } from '@mekari/pixel-utils';
 import { MpFragment } from '@mekari/pixel-fragment';
@@ -133,2 +133,9 @@ import { MpPopper } from '@mekari/pixel-popper';
   inject: ['$PopoverContext', '$pixelColorMode'],
+
+  data() {
+    return {
+      listeners$: {}
+    };
+  },
+
   props: {
@@ -258,2 +265,7 @@ gutter: {
       }
+    },
+
+    /** Computed listeners object */
+    computedListeners() {
+      return this.$data.listeners$;
     }
@@ -263,2 +275,6 @@
 
+  created() {
+    this.$watch('$listeners', createWatcher('listeners$'));
+  },
+
   mounted() {
@@ -307,2 +323,3 @@ const {
         flexDirection: 'column',
+        zIndex: 'popover',
         ...this.$attrs,
@@ -316,3 +333,2 @@ id: this.contentId,
         outline: '0px solid transparent',
-        zIndex: 'popover',
         ...this.calculatedAttrs,
@@ -322,3 +338,3 @@ 'data-pixel-component': 'MpPopoverContent'
       nativeOn: this.eventHandlers,
-      on: this.portalEventHandlers
+      on: this.computedListeners
     }, this.$slots.default);
@@ -325,0 +341,0 @@ }

package.json

 {
   "name": "@mekari/pixel-popover",
   "description": "Mekari Pixel | Pop over component",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "homepage": "https://mekari.design/",
@@ -31,3 +31,3 @@ "repository": {
     "@mekari/pixel-fragment": "^0.0.4",
-    "@mekari/pixel-popper": "^0.0.13",
+    "@mekari/pixel-popper": "^0.1.0",
     "@mekari/pixel-flex": "^0.0.8",
@@ -34,0 +34,0 @@ "@mekari/pixel-divider": "^0.0.9",

src/content.js

 import { MpPopper } from '@mekari/pixel-popper'
-import { getElementById } from '@mekari/pixel-utils'
+import { getElementById, createWatcher } from '@mekari/pixel-utils'
 
@@ -8,2 +8,7 @@ export const MpPopoverContent = {
   inject: ['$PopoverContext', '$pixelColorMode'],
+  data() {
+    return {
+      listeners$: {}
+    }
+  },
   props: {
@@ -117,4 +122,11 @@ gutter: {
       }
+    },
+    /** Computed listeners object */
+    computedListeners() {
+      return this.$data.listeners$
     }
   },
+  created() {
+    this.$watch('$listeners', createWatcher('listeners$'))
+  },
   mounted() {
@@ -157,2 +169,3 @@ const { set } = this.context
           flexDirection: 'column',
+          zIndex: 'popover',
           ...this.$attrs,
@@ -166,3 +179,2 @@ id: this.contentId,
           outline: '0px solid transparent',
-          zIndex: 'popover',
           ...this.calculatedAttrs,
@@ -172,3 +184,3 @@ 'data-pixel-component': 'MpPopoverContent'
         nativeOn: this.eventHandlers,
-        on: this.portalEventHandlers
+        on: this.computedListeners
       },
@@ -175,0 +187,0 @@ this.$slots.default

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

85534

increased by1.21%

Lines of code

3272

increased by1.49%

Dependency changes

• + Added@mekari/pixel-popper@0.1.0(transitive)

• - Removed@mekari/pixel-popper@0.0.13(transitive)

• Updated@mekari/pixel-popper@^0.1.0