@fastkit/vue-stack - npm Package Compare versions

Comparing version 0.7.61 to 0.7.64

dist/vue-stack.cjs.js

@@ -201,2 +201,11 @@ 'use strict';
     }
+    async menu(input) {
+        const { VMenu } = await Promise.resolve().then(function () { return VMenu$1; });
+        const { props, children } = resolveVStackDynamicInput(input);
+        return this.dynamic({
+            Ctor: vue.markRaw(VMenu),
+            props: vue.markRaw(props),
+            children,
+        });
+    }
     action(key, override, attrs) {
@@ -424,4 +433,5 @@ const factory = this.builtinActions[key];
             } = state;
+            const el = activator instanceof Event ? activator.target : activator;
 
-            if (activator && (relatedTarget === activator || activator.contains(relatedTarget))) {
+            if (el && el instanceof HTMLElement && (relatedTarget === el || el.contains(relatedTarget))) {
               return;
@@ -791,9 +801,9 @@ }
         _activator = null;
-      } else if (propActivator) {
-        _activator = propActivator;
       } else {
-        if (activator instanceof Event) {
-          _activator = activator.target;
-        } else if (activator instanceof Element) {
-          _activator = activator;
+        const __activator = activator || propActivator;
+
+        if (__activator instanceof Event) {
+          _activator = __activator.target;
+        } else if (__activator instanceof Element) {
+          _activator = __activator;
         } else {
@@ -1001,3 +1011,4 @@ _activator = document.activeElement;
         if (focusRestorable.value) {
-          helpers.attemptFocus(state.activator);
+          const el = state.activator instanceof Event ? state.activator.target : state.activator;
+          el && helpers.attemptFocus(el);
         }
@@ -1938,4 +1949,5 @@
       const $activator = stackControl.activator;
+      const el = $activator instanceof Event ? $activator.target : $activator;
 
-      if (!$activator) {
+      if (!el) {
         state.activatorRect = null;
@@ -1945,3 +1957,3 @@ return;
 
-      const rect = $activator.getBoundingClientRect();
+      const rect = el.getBoundingClientRect();
       state.activatorRect = {
@@ -2051,2 +2063,9 @@ left: rect.left,
 
+var VMenu$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  stackMenuProps: stackMenuProps,
+  stackMenuEmits: stackMenuEmits,
+  VMenu: VMenu
+});
+
 const VTooltip = vue.defineComponent({
@@ -2053,0 +2072,0 @@ name: 'VTooltip',

dist/vue-stack.cjs.prod.js

@@ -201,2 +201,11 @@ 'use strict';
     }
+    async menu(input) {
+        const { VMenu } = await Promise.resolve().then(function () { return VMenu$1; });
+        const { props, children } = resolveVStackDynamicInput(input);
+        return this.dynamic({
+            Ctor: vue.markRaw(VMenu),
+            props: vue.markRaw(props),
+            children,
+        });
+    }
     action(key, override, attrs) {
@@ -424,4 +433,5 @@ const factory = this.builtinActions[key];
             } = state;
+            const el = activator instanceof Event ? activator.target : activator;
 
-            if (activator && (relatedTarget === activator || activator.contains(relatedTarget))) {
+            if (el && el instanceof HTMLElement && (relatedTarget === el || el.contains(relatedTarget))) {
               return;
@@ -791,9 +801,9 @@ }
         _activator = null;
-      } else if (propActivator) {
-        _activator = propActivator;
       } else {
-        if (activator instanceof Event) {
-          _activator = activator.target;
-        } else if (activator instanceof Element) {
-          _activator = activator;
+        const __activator = activator || propActivator;
+
+        if (__activator instanceof Event) {
+          _activator = __activator.target;
+        } else if (__activator instanceof Element) {
+          _activator = __activator;
         } else {
@@ -1001,3 +1011,4 @@ _activator = document.activeElement;
         if (focusRestorable.value) {
-          helpers.attemptFocus(state.activator);
+          const el = state.activator instanceof Event ? state.activator.target : state.activator;
+          el && helpers.attemptFocus(el);
         }
@@ -1938,4 +1949,5 @@
       const $activator = stackControl.activator;
+      const el = $activator instanceof Event ? $activator.target : $activator;
 
-      if (!$activator) {
+      if (!el) {
         state.activatorRect = null;
@@ -1945,3 +1957,3 @@ return;
 
-      const rect = $activator.getBoundingClientRect();
+      const rect = el.getBoundingClientRect();
       state.activatorRect = {
@@ -2051,2 +2063,9 @@ left: rect.left,
 
+var VMenu$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  stackMenuProps: stackMenuProps,
+  stackMenuEmits: stackMenuEmits,
+  VMenu: VMenu
+});
+
 const VTooltip = vue.defineComponent({
@@ -2053,0 +2072,0 @@ name: 'VTooltip',

dist/vue-stack.d.ts

@@ -100,3 +100,3 @@ import { ThemeName, PaletteName, ScopeName, ColorVariant } from '@fastkit/color-scheme';
     activator: {
-        type: PropType<boolean | Element | null>;
+        type: PropType<boolean | Element | Event | null>;
         default: null;
@@ -285,3 +285,3 @@ };
     activator: {
-        type: PropType<boolean | Element | null>;
+        type: PropType<boolean | Element | Event | null>;
         default: null;
@@ -402,3 +402,3 @@ };
     activator: {
-        type: PropType<boolean | Element | null>;
+        type: PropType<boolean | Element | Event | null>;
         default: null;
@@ -489,3 +489,3 @@ };
     activator: {
-        type: PropType<boolean | Element | null>;
+        type: PropType<boolean | Element | Event | null>;
         default: null;
@@ -593,3 +593,3 @@ };
     activator: {
-        type: PropType<boolean | Element | null>;
+        type: PropType<boolean | Element | Event | null>;
         default: null;
@@ -690,3 +690,3 @@ };
     activator: {
-        type: PropType<boolean | Element | null>;
+        type: PropType<boolean | Element | Event | null>;
         default: null;
@@ -735,3 +735,3 @@ };
     guardEffect: string | boolean;
-    activator: boolean | Element | null;
+    activator: boolean | Element | Event | null;
 }>;
@@ -836,3 +836,3 @@
     activator: {
-        type: PropType<boolean | Element | null>;
+        type: PropType<boolean | Element | Event | null>;
         default: null;
@@ -952,3 +952,3 @@ };
     activator: {
-        type: PropType<boolean | Element | null>;
+        type: PropType<boolean | Element | Event | null>;
         default: null;
@@ -1001,3 +1001,3 @@ };
     guardEffect: string | boolean;
-    activator: boolean | Element | null;
+    activator: boolean | Element | Event | null;
 }>;
@@ -1109,3 +1109,3 @@
     activator: {
-        type: PropType<boolean | Element | null>;
+        type: PropType<boolean | Element | Event | null>;
         default: null;
@@ -1220,3 +1220,3 @@ };
     activator: {
-        type: PropType<boolean | Element | null>;
+        type: PropType<boolean | Element | Event | null>;
         default: null;
@@ -1268,3 +1268,3 @@ };
     guardEffect: string | boolean;
-    activator: boolean | Element | null;
+    activator: boolean | Element | Event | null;
 }>;
@@ -1356,3 +1356,3 @@
     readonly contentRef: Ref<HTMLElement | null>;
-    readonly activator: HTMLElement | null;
+    readonly activator: HTMLElement | Event | null;
     readonly backdropRef: Ref<HTMLElement | null>;
@@ -1407,3 +1407,3 @@ /** @private */
     isActive: boolean;
-    activator: HTMLElement | null;
+    activator: HTMLElement | Event | null;
     closeReason: StackableCloseReason;
@@ -1451,5 +1451,12 @@ initialValue: any;
 
+declare type VStackDynamicMenuInput = VStackDynamicInput<Partial<VMenuProps>>;
+
+declare interface VStackDynamicMenuSetting extends VStackDynamicBaseSetting {
+    Ctor: VMenuStatic;
+    props: Partial<VMenuProps>;
+}
+
 declare type VStackDynamicResolver = (value: any) => void;
 
-declare type VStackDynamicSetting = VStackDynamicDialogSetting | VStackDynamicSnackbarSetting;
+declare type VStackDynamicSetting = VStackDynamicDialogSetting | VStackDynamicSnackbarSetting | VStackDynamicMenuSetting;
 
@@ -1580,3 +1587,3 @@ declare type VStackDynamicSnackbarInput = VStackDynamicInput<Partial<VSnackbarProps>>;
     activator: {
-        type: PropType<boolean | Element | null>;
+        type: PropType<boolean | Element | Event | null>;
         default: null;
@@ -1693,3 +1700,3 @@ };
     activator: {
-        type: PropType<boolean | Element | null>;
+        type: PropType<boolean | Element | Event | null>;
         default: null;
@@ -1742,3 +1749,3 @@ };
     guardEffect: string | boolean;
-    activator: boolean | Element | null;
+    activator: boolean | Element | Event | null;
 }>;
@@ -1780,2 +1787,3 @@
     snackbar(input: VStackDynamicSnackbarInput): Promise<any>;
+    menu(input: VStackDynamicMenuInput): Promise<any>;
     action(key: VStackBuiltinActionType, override?: Partial<VStackAction>, attrs?: Record<string, unknown>): VStackAction;
@@ -1782,0 +1790,0 @@ }

package.json

 {
   "name": "@fastkit/vue-stack",
-  "version": "0.7.61",
+  "version": "0.7.64",
   "description": "@fastkit/vue-stack",
@@ -34,8 +34,8 @@ "buildOptions": {
   "dependencies": {
-    "@fastkit/color-scheme": "0.7.61",
-    "@fastkit/vue-color-scheme": "0.7.61",
-    "@fastkit/helpers": "0.7.61",
-    "@fastkit/tiny-logger": "0.7.61",
-    "@fastkit/vue-utils": "0.7.61"
+    "@fastkit/color-scheme": "0.7.64",
+    "@fastkit/vue-color-scheme": "0.7.64",
+    "@fastkit/helpers": "0.7.64",
+    "@fastkit/tiny-logger": "0.7.64",
+    "@fastkit/vue-utils": "0.7.64"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

237748

increased by1.12%

Lines of code

7539

increased by0.76%

Dependency changes

• + Added@fastkit/body-scroll-lock@0.7.64(transitive)

• + Added@fastkit/color@0.7.64(transitive)

• + Added@fastkit/color-scheme@0.7.64(transitive)

• + Added@fastkit/helpers@0.7.64(transitive)

• + Added@fastkit/keybord@0.7.64(transitive)

• + Added@fastkit/tiny-logger@0.7.64(transitive)

• + Added@fastkit/visibility@0.7.64(transitive)

• + Added@fastkit/vue-color-scheme@0.7.64(transitive)

• + Added@fastkit/vue-utils@0.7.64(transitive)

• - Removed@fastkit/body-scroll-lock@0.7.61(transitive)

• - Removed@fastkit/color@0.7.61(transitive)

• - Removed@fastkit/color-scheme@0.7.61(transitive)

• - Removed@fastkit/helpers@0.7.61(transitive)

• - Removed@fastkit/keybord@0.7.61(transitive)

• - Removed@fastkit/tiny-logger@0.7.61(transitive)

• - Removed@fastkit/visibility@0.7.61(transitive)

• - Removed@fastkit/vue-color-scheme@0.7.61(transitive)

• - Removed@fastkit/vue-utils@0.7.61(transitive)

• Updated@fastkit/color-scheme@0.7.64

• Updated@fastkit/helpers@0.7.64

• Updated@fastkit/tiny-logger@0.7.64

• Updated@fastkit/vue-color-scheme@0.7.64

• Updated@fastkit/vue-utils@0.7.64