@maas/vue-equipment 0.37.1 → 0.38.0

package/dist/nuxt/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment/nuxt",
   "configKey": "vueEquipment",
-  "version": "0.37.0",
+  "version": "0.37.1",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "unknown"

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

@@ -148,5 +148,5 @@ onMounted(() => {
 </script>
 
 <style>
-.magic-auto-size{height:var(--magic-auto-size-height);transition:var(--magic-auto-size-transition,all .15s var(--ease-in-out));width:var(--magic-auto-size-width)}
+.magic-auto-size{height:var(--magic-auto-size-height);transition:var(--magic-auto-size-transition,all .15s var(--ease-in-out));transition-delay:var(--magic-auto-size-transition-delay,0s);width:var(--magic-auto-size-width)}
 </style>

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

@@ -25,9 +25,10 @@ import { useMenuState } from '../composables/private/useMenuState'
 
 interface MagicMenuChannelProps {
   id: string
+  transition?: string
 }
 
-const props = defineProps<MagicMenuChannelProps>()
+const { transition, id } = defineProps<MagicMenuChannelProps>()
 
 const instanceId = inject(MagicMenuInstanceId, undefined)
 const viewId = inject(MagicMenuViewId, undefined)
@@ -41,7 +42,7 @@ if (!viewId) {
   throw new Error('MagicMenuChannel must be nested inside MagicMenuView')
 }
 
-if (!props.id) {
+if (!id) {
   throw new Error('MagicMenuChannel requires an id')
 }
 
@@ -54,8 +55,10 @@ if (!contentId) {
   }
 }
 
-const mappedId = computed(() => `magic-menu-channel-${props.id}`)
-const mappedTransition = computed(() => state.options.transition.channel)
+const mappedId = computed(() => `magic-menu-channel-${id}`)
+const mappedTransition = computed(
+  () => transition ?? state.options.transition.channel
+)
 
 // Register channel
 const { initializeChannel } = useMenuChannel({

package/dist/plugins/MagicMenu/src/components/MagicMenuChannel.vue.d.ts

@@ -1,5 +1,6 @@
 interface MagicMenuChannelProps {
     id: string;
+    transition?: string;
 }
 declare function __VLS_template(): {
     slots: {

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

@@ -87,10 +87,11 @@ defineOptions({
 
 interface MagicMenuContentProps {
   arrow?: boolean | undefined
+  transition?: string
   referenceEl?: MaybeRef<HTMLElement | ComponentPublicInstance>
 }
 
-withDefaults(defineProps<MagicMenuContentProps>(), { arrow: undefined })
+const { arrow = undefined, transition } = defineProps<MagicMenuContentProps>()
 
 const contentRef = ref<HTMLElement | undefined>(undefined)
 
@@ -115,6 +116,8 @@ const pointerDisabled = computed(() => state.input.disabled.includes('pointer'))
 
 const mappedTransition = computed(() => {
   switch (true) {
+    case !!transition:
+      return transition
     case !!view?.parent.item:
       return state.options.transition.content.nested
     case !!state.options.transition.content.default:

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

@@ -3,6 +3,7 @@ import '@maas/vue-equipment/utils/css/animations/fade-in.css';
 import '@maas/vue-equipment/utils/css/animations/fade-out.css';
 interface MagicMenuContentProps {
     arrow?: boolean | undefined;
+    transition?: string;
     referenceEl?: MaybeRef<HTMLElement | ComponentPublicInstance>;
 }
 declare function __VLS_template(): {
@@ -16,9 +17,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<MagicMenuContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuContentProps> & Readonly<{}>, {
-    arrow: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/package.json

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