@maas/vue-equipment 0.29.3 → 0.29.5

package/dist/nuxt/module.json

@@ -1,5 +1,9 @@
 {
   "name": "@maas/vue-equipment/nuxt",
   "configKey": "vueEquipment",
-  "version": "0.29.2"
+  "version": "0.29.4",
+  "builder": {
+    "@nuxt/module-builder": "0.8.0",
+    "unbuild": "unknown"
+  }
 }

package/dist/nuxt/types.d.mts

@@ -1,16 +1 @@
-
-import type { ModuleOptions } from './module.js'
-
-
-declare module '@nuxt/schema' {
-  interface NuxtConfig { ['vueEquipment']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['vueEquipment']?: ModuleOptions }
-}
-
-declare module 'nuxt/schema' {
-  interface NuxtConfig { ['vueEquipment']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['vueEquipment']?: ModuleOptions }
-}
-
-
-export type { ModuleOptions, default } from './module.js'
+export { type ModuleOptions, default } from './module.js'

package/dist/nuxt/types.d.ts

@@ -1,16 +1 @@
-
-import type { ModuleOptions } from './module'
-
-
-declare module '@nuxt/schema' {
-  interface NuxtConfig { ['vueEquipment']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['vueEquipment']?: ModuleOptions }
-}
-
-declare module 'nuxt/schema' {
-  interface NuxtConfig { ['vueEquipment']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['vueEquipment']?: ModuleOptions }
-}
-
-
-export type { ModuleOptions, default } from './module'
+export { type ModuleOptions, default } from './module'

package/dist/plugins/MagicCommand/src/components/MagicCommandDrawer.vue

@@ -2,8 +2,8 @@
   <magic-drawer
     :id="commandId"
     class="magic-command-drawer"
-    :class="props.class"
     :options="options"
+    v-bind="$attrs"
   >
     <slot />
   </magic-drawer>
@@ -18,8 +18,11 @@ import { MagicCommandInstanceId } from './../symbols'
 
 import type { MagicCommandDrawerOptions } from '../types'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 interface MagicCommandProps {
-  class?: MaybeRef<string>
   options?: MagicCommandDrawerOptions
 }
 

package/dist/plugins/MagicCommand/src/components/MagicCommandDrawer.vue.d.ts

@@ -1,7 +1,5 @@
-import { type MaybeRef } from 'vue';
 import type { MagicCommandDrawerOptions } from '../types';
 interface MagicCommandProps {
-    class?: MaybeRef<string>;
     options?: MagicCommandDrawerOptions;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<MagicCommandProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicCommandProps>>>, {}, {}>, {

package/dist/plugins/MagicCommand/src/components/MagicCommandModal.vue

@@ -2,15 +2,15 @@
   <magic-modal
     :id="commandId"
     class="magic-command-modal"
-    :class="props.class"
     :options="options"
+    v-bind="$attrs"
   >
     <slot />
   </magic-modal>
 </template>
 
 <script setup lang="ts">
-import { inject, watch, onBeforeUnmount, type MaybeRef } from 'vue'
+import { inject, watch, onBeforeUnmount } from 'vue'
 import { useMagicEmitter } from '@maas/vue-equipment/plugins'
 import { useMagicModal } from '../../../MagicModal'
 import { useMagicCommand } from '../composables/useMagicCommand'
@@ -18,12 +18,15 @@ import { MagicCommandInstanceId } from './../symbols'
 
 import type { MagicCommandModalOptions } from '../types'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 interface MagicCommandProps {
-  class?: MaybeRef<string>
   options?: MagicCommandModalOptions
 }
 
-const props = defineProps<MagicCommandProps>()
+defineProps<MagicCommandProps>()
 
 const commandId = inject(MagicCommandInstanceId, '')
 const emitter = useMagicEmitter()

package/dist/plugins/MagicCommand/src/components/MagicCommandModal.vue.d.ts

@@ -1,7 +1,5 @@
-import { type MaybeRef } from 'vue';
 import type { MagicCommandModalOptions } from '../types';
 interface MagicCommandProps {
-    class?: MaybeRef<string>;
     options?: MagicCommandModalOptions;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<MagicCommandProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicCommandProps>>>, {}, {}>, {

package/dist/plugins/MagicDraggable/src/components/MagicDraggable.vue

@@ -1,16 +1,15 @@
 <template>
   <div
     ref="drawerRef"
-    class="magic-draggable"
     :id="toValue(id)"
     :class="[
-      toValue(props.class),
-
+      'magic-draggable',
       {
         '-dragging': dragging,
         '-disabled': disabled,
       },
     ]"
+    v-bind="$attrs"
   >
     <div class="magic-draggable__wrapper" ref="wrapperRef">
       <component
@@ -45,11 +44,13 @@ import { defaultOptions } from '../utils/defaultOptions'
 
 import type { MagicDraggableOptions } from '../types'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 interface MagicDraggableProps {
   id: MaybeRef<string>
-  class?: MaybeRef<string>
   component?: Component
-  props?: Record<string, unknown>
   options?: MagicDraggableOptions
 }
 

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

@@ -2,9 +2,7 @@ import { type Component, type MaybeRef } from 'vue';
 import type { MagicDraggableOptions } from '../types';
 interface MagicDraggableProps {
     id: MaybeRef<string>;
-    class?: MaybeRef<string>;
     component?: Component;
-    props?: Record<string, unknown>;
     options?: MagicDraggableOptions;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicDraggableProps>, {

package/dist/plugins/MagicDrawer/src/components/MagicDrawer.vue

@@ -6,10 +6,9 @@
   >
     <div
       ref="drawerRef"
-      class="magic-drawer"
       :id="toValue(id)"
       :class="[
-        toValue(props.class),
+        'magic-drawer',
         `-${mappedOptions.position}`,
         {
           '-dragging': dragging,
@@ -17,6 +16,7 @@
           '-disabled': disabled,
         },
       ]"
+      v-bind="$attrs"
       aria-modal="true"
     >
       <transition
@@ -105,6 +105,10 @@ import '@maas/vue-equipment/utils/css/animations/slide-ttb-out.css'
 import '@maas/vue-equipment/utils/css/animations/slide-btt-out.css'
 import { useMagicDrawer } from '../composables/useMagicDrawer'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 // Prevent deep merge of certain options
 // In this case, don’t merge the `close` and `points` options
 const customDefu = createDefu((obj, key, value) => {
@@ -116,9 +120,7 @@ const customDefu = createDefu((obj, key, value) => {
 
 interface MagicDrawerProps {
   id: MaybeRef<string>
-  class?: MaybeRef<string>
   component?: Component
-  props?: Record<string, unknown>
   options?: MagicDrawerOptions
 }
 

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

@@ -12,9 +12,7 @@ import '@maas/vue-equipment/utils/css/animations/slide-ttb-out.css';
 import '@maas/vue-equipment/utils/css/animations/slide-btt-out.css';
 interface MagicDrawerProps {
     id: MaybeRef<string>;
-    class?: MaybeRef<string>;
     component?: Component;
-    props?: Record<string, unknown>;
     options?: MagicDrawerOptions;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicDrawerProps>, {

package/dist/plugins/MagicMenu/src/components/MagicMenuContent.vue

@@ -12,6 +12,7 @@
       <div
         class="magic-menu-content"
         :data-id="`${viewId}-content`"
+        v-bind="$attrs"
         v-if="innerActive"
       >
         <magic-menu-float :placement="placement" :arrow="arrow">
@@ -45,13 +46,16 @@ import { useMenuState } from '../composables/private/useMenuState'
 import { useMenuCallback } from '../composables/private/useMenuCallback'
 import { useMenuDOM } from '../composables/private/useMenuDOM'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 interface MagicMenuContentProps {
   placement?: Placement
   arrow?: boolean
 }
 
 defineProps<MagicMenuContentProps>()
-
 const contentRef = ref<HTMLElement | undefined>(undefined)
 
 const instanceId = inject(MagicMenuInstanceId, undefined)

package/dist/plugins/MagicMenu/src/components/MagicMenuFloat.vue

@@ -71,18 +71,57 @@ const mappedPlacement = computed(() => {
 })
 
 const hasArrow = computed(
-  () => props.arrow || (state.options.mode === 'dropdown' && !view?.parent.item)
+  () => props.arrow ?? (state.options.mode === 'dropdown' && !view?.parent.item)
 )
 
 const mappedMiddleware = computed(() => {
-  const middleware = [flip()]
+  const middleware = []
 
-  if (view?.parent.item) {
-    middleware.push(shift({ crossAxis: true, limiter: limitShift() }))
-  }
-
-  if (hasArrow.value) {
-    middleware.push(arrow({ element: arrowRef }))
+  switch (state.options.mode) {
+    case 'menubar':
+      if (!view?.parent.item) {
+        middleware.push(
+          flip({
+            crossAxis: true,
+          })
+        )
+      } else if (!!view?.parent.item) {
+        middleware.push(
+          flip({
+            crossAxis: false,
+          })
+        )
+        middleware.push(
+          shift({
+            crossAxis: true,
+            limiter: limitShift(),
+          })
+        )
+      }
+      break
+    case 'dropdown':
+      middleware.push(
+        flip({
+          mainAxis: true,
+          crossAxis: false,
+        })
+      )
+      middleware.push(
+        shift({
+          mainAxis: true,
+          crossAxis: false,
+          limiter: limitShift(),
+        })
+      )
+      break
+    case 'context':
+      middleware.push(
+        flip({
+          mainAxis: true,
+          crossAxis: true,
+        })
+      )
+      break
   }
 
   return middleware

package/dist/plugins/MagicModal/src/components/MagicModal.vue

@@ -9,7 +9,7 @@
       ref="modalRef"
       class="magic-modal"
       :id="toValue(id)"
-      :class="toValue(props.class)"
+      v-bind="$attrs"
       @click.self="close"
       aria-modal="true"
     >
@@ -76,6 +76,10 @@ import type { MagicModalOptions } from './../types/index'
 import '@maas/vue-equipment/utils/css/animations/fade-in.css'
 import '@maas/vue-equipment/utils/css/animations/fade-out.css'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 // Prevent keyListener array from being merged with default
 const customDefu = createDefu((obj, key, value) => {
   if (key === 'close') {
@@ -86,7 +90,6 @@ const customDefu = createDefu((obj, key, value) => {
 
 interface MagicModalProps {
   id: MaybeRef<string>
-  class?: MaybeRef<string>
   component?: Component
   props?: Record<string, unknown>
   options?: MagicModalOptions

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

@@ -4,7 +4,6 @@ import '@maas/vue-equipment/utils/css/animations/fade-in.css';
 import '@maas/vue-equipment/utils/css/animations/fade-out.css';
 interface MagicModalProps {
     id: MaybeRef<string>;
-    class?: MaybeRef<string>;
     component?: Component;
     props?: Record<string, unknown>;
     options?: MagicModalOptions;

package/package.json

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