@maas/vue-equipment 0.30.0 → 0.30.2

package/dist/plugins/MagicMenu/src/composables/private/useMenuView.mjs

@@ -1,4 +1,8 @@
-import { reactive, computed, toValue } from "vue";
+import {
+  reactive,
+  computed,
+  toValue
+} from "vue";
 import { useMenuState } from "./useMenuState.mjs";
 export function useMenuView(instanceId) {
   const { initializeState } = useMenuState(instanceId);
@@ -9,19 +13,17 @@ export function useMenuView(instanceId) {
     )
   );
   function createView(args) {
-    const { id, parent } = args;
+    const { id, parent, placement } = args;
     if (parent.views.length === 0) {
       parent.views.push(toValue(instanceId));
     }
     const view = {
       id,
       parent,
-      children: {
-        trigger: void 0,
-        content: void 0
-      },
       active: false,
-      items: []
+      items: [],
+      channels: [],
+      placement
     };
     return reactive(view);
   }
@@ -67,17 +69,23 @@ export function useMenuView(instanceId) {
     const parentId = view?.parent.views[view.parent.views.length - 1];
     return getView(parentId ?? "");
   }
-  function getNonTreeViews(id) {
-    const currentView2 = getView(id);
+  function getUnrelatedViews(id) {
+    const argView = getView(id);
     return state.views?.filter(
-      (view) => !currentView2?.parent.views.includes(view.id) && view.id !== id
+      (view) => !view.parent.views.includes(id) && !argView?.parent.views.includes(view.id) && view.id !== id
+    );
+  }
+  function getDescendingViews(id) {
+    const argView = getView(id);
+    return state.views?.filter(
+      (view) => view.id !== id && !argView?.parent.views.includes(view.id)
     );
   }
   function selectView(id) {
     const instance = getView(id);
     if (instance) {
       instance.active = true;
-      unselectNonTreeViews(id);
+      unselectUnrelatedViews(id);
     }
   }
   function unselectView(id) {
@@ -86,9 +94,13 @@ export function useMenuView(instanceId) {
       instance.active = false;
     }
   }
-  function unselectNonTreeViews(id) {
-    const nonTreeViews = getNonTreeViews(id);
-    nonTreeViews.forEach((view) => view.active = false);
+  function unselectUnrelatedViews(id) {
+    const unrelatedViews = getUnrelatedViews(id);
+    unrelatedViews.forEach((view) => view.active = false);
+  }
+  function unselectDescendingViews(id) {
+    const descendingViews = getDescendingViews(id);
+    descendingViews.forEach((view) => view.active = false);
   }
   function unselectAllViews() {
     state.views?.forEach((view) => {
@@ -108,7 +120,8 @@ export function useMenuView(instanceId) {
     getParentView,
     selectView,
     unselectView,
-    unselectNonTreeViews,
+    unselectUnrelatedViews,
+    unselectDescendingViews,
     unselectAllViews
   };
 }

package/dist/plugins/MagicMenu/src/composables/useMagicMenu.d.ts

@@ -1,6 +1,13 @@
 import { type MaybeRef } from 'vue';
-export declare function useMagicMenu(instanceId: MaybeRef<string>): {
+interface UseMagicMenuArgs {
+    instanceId: MaybeRef<string>;
+    viewId: string;
+}
+export declare function useMagicMenu(args: UseMagicMenuArgs): {
     selectView: (id: string) => void;
     unselectView: (id: string) => void;
+    selectChannel: (id: string) => void;
+    unselectChannel: (id: string) => void;
 };
 export type UseMagicMenuReturn = ReturnType<typeof useMagicMenu>;
+export {};

package/dist/plugins/MagicMenu/src/composables/useMagicMenu.mjs

@@ -1,8 +1,16 @@
 import { useMenuView } from "./private/useMenuView.mjs";
-export function useMagicMenu(instanceId) {
+import { useMenuChannel } from "./private/useMenuChannel.mjs";
+export function useMagicMenu(args) {
+  const { instanceId, viewId } = args;
   const { selectView, unselectView } = useMenuView(instanceId);
+  const { selectChannel, unselectChannel } = useMenuChannel({
+    instanceId,
+    viewId
+  });
   return {
     selectView,
-    unselectView
+    unselectView,
+    selectChannel,
+    unselectChannel
   };
 }

package/dist/plugins/MagicMenu/src/symbols/index.d.ts

@@ -6,4 +6,6 @@ declare const MagicMenuViewActive: InjectionKey<boolean>;
 declare const MagicMenuContentId: InjectionKey<string>;
 declare const MagicMenuItemId: InjectionKey<string>;
 declare const MagicMenuItemActive: InjectionKey<boolean>;
-export { MagicMenuInstanceId, MagicMenuParentTree, MagicMenuViewId, MagicMenuViewActive, MagicMenuContentId, MagicMenuItemId, MagicMenuItemActive, };
+declare const MagicMenuChannelId: InjectionKey<string>;
+declare const MagicMenuChannelActive: InjectionKey<boolean>;
+export { MagicMenuInstanceId, MagicMenuParentTree, MagicMenuViewId, MagicMenuViewActive, MagicMenuContentId, MagicMenuItemId, MagicMenuItemActive, MagicMenuChannelId, MagicMenuChannelActive, };

package/dist/plugins/MagicMenu/src/symbols/index.mjs

@@ -5,6 +5,8 @@ const MagicMenuViewActive = Symbol();
 const MagicMenuContentId = Symbol();
 const MagicMenuItemId = Symbol();
 const MagicMenuItemActive = Symbol();
+const MagicMenuChannelId = Symbol();
+const MagicMenuChannelActive = Symbol();
 export {
   MagicMenuInstanceId,
   MagicMenuParentTree,
@@ -12,5 +14,7 @@ export {
   MagicMenuViewActive,
   MagicMenuContentId,
   MagicMenuItemId,
-  MagicMenuItemActive
+  MagicMenuItemActive,
+  MagicMenuChannelId,
+  MagicMenuChannelActive
 };

package/dist/plugins/MagicMenu/src/types/index.d.ts

@@ -1,5 +1,6 @@
+import type { Placement } from '@floating-ui/vue';
 import type { RequireAllNested } from '@maas/vue-equipment/utils';
-type MenuMode = 'dropdown' | 'menubar' | 'context';
+type MenuMode = 'dropdown' | 'menubar' | 'context' | 'navigation';
 export interface MagicMenuOptions {
     mode?: MenuMode;
     transition?: {
@@ -8,7 +9,7 @@ export interface MagicMenuOptions {
         nested?: string;
     };
 }
-export type Interaction = 'click' | 'mouseenter' | 'mouseleave' | 'right-click';
+export type Interaction = 'click' | 'mouseenter' | 'right-click';
 export type Coordinates = {
     x: number;
     y: number;
@@ -18,18 +19,20 @@ export interface MenuItem {
     active: boolean;
     disabled: boolean;
 }
+export interface MenuChannel {
+    id: string;
+    active: boolean;
+}
 export interface MenuView {
     id: string;
     active: boolean;
     items: MenuItem[];
+    channels: MenuChannel[];
     parent: {
         item: string;
         views: string[];
     };
-    children: {
-        trigger?: HTMLElement;
-        content?: HTMLElement;
-    };
+    placement: Placement;
     click?: Coordinates;
 }
 export interface MenuState {

package/dist/plugins/MagicMenu/src/utils/defaultOptions.mjs

@@ -1,9 +1,9 @@
 const defaultOptions = {
   mode: "menubar",
   transition: {
-    initial: "magic-menu-content__initial",
-    final: "magic-menu-content__final",
-    nested: "magic-menu-content__nested"
+    initial: "magic-menu-content--initial",
+    final: "magic-menu-content--final",
+    nested: "magic-menu-content--nested"
   }
 };
 export { defaultOptions };

package/dist/plugins/MagicPlayer/src/components/MagicPlayer.vue.d.ts

@@ -24,7 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loop: boolean;
     srcType: MagicPlayerSourceType;
     autoplay: boolean;
-    preload: "metadata" | "auto" | "none";
+    preload: "metadata" | "none" | "auto";
 }, {}>, {
     default?(_: {}): any;
 }>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment",
   "description": "A magic collection of Vue composables, plugins, components and directives",
-  "version": "0.30.0",
+  "version": "0.30.2",
   "author": "Robin Scholz <https://github.com/robinscholz>, Christoph Jeworutzki <https://github.com/ChristophJeworutzki>",
   "devDependencies": {
     "@antfu/ni": "^0.21.12",