@maas/vue-equipment 0.26.1 → 0.26.3

package/dist/nuxt/module.json

@@ -1,5 +1,5 @@
 {
   "name": "@maas/vue-equipment/nuxt",
   "configKey": "vueEquipment",
-  "version": "0.26.0"
+  "version": "0.26.2"
 }

package/dist/nuxt/module.mjs

@@ -4,7 +4,7 @@ const functions$1 = [
 	{
 		name: "MagicCommand",
 		"package": "plugins",
-		lastUpdated: 1708958249000,
+		lastUpdated: 1713883907000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicCommand/",
 		description: "command"
 	},
@@ -53,7 +53,7 @@ const functions$1 = [
 	{
 		name: "MagicScroll",
 		"package": "plugins",
-		lastUpdated: 1707310473000,
+		lastUpdated: 1713883907000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicScroll/",
 		description: "scroll"
 	},

package/dist/plugins/MagicCommand/demo/DefaultView.vue.d.ts

@@ -4,6 +4,7 @@ interface Props {
 }
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>>, {}, {}>;
 export default _default;
+
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {

package/dist/plugins/MagicCommand/index.d.ts

@@ -1,6 +1,6 @@
 import { useCommandApi } from './src/composables/useCommandApi.js';
 import { useCommandEmitter } from './src/composables/useCommandEmitter.js';
-import { CommandInstanceId, CommandOptionsKey } from './src/symbols.js';
+import { CommandInstanceId, CommandOptionsKey } from './src/symbols/index.js';
 import type { Plugin } from 'vue';
 import type { CommandEvents } from './src/types/index.js';
 declare const MagicCommandPlugin: Plugin;

package/dist/plugins/MagicDrawer/nuxt.mjs

@@ -8,8 +8,9 @@ export default defineNuxtModule({
   meta: {
     name: "@maas/vue-equipment/nuxt/MagicDrawer"
   },
-  setup() {
+  setup(_options, nuxt) {
     const resolver = createResolver(import.meta.url);
+    nuxt.options.build.transpile.push("wheel-gestures");
     addComponentsDir({
       path: resolver.resolve("src/components"),
       global: true,

package/dist/plugins/MagicDrawer/src/composables/useDrawerApi.mjs

@@ -11,12 +11,12 @@ const defaultOptions = {
   focusTarget: void 0,
   scrollLock: true
 };
+const scrollLock = typeof window !== "undefined" ? useScrollLock(document?.documentElement) : ref(false);
 export function useDrawerApi(id, options) {
   const positionFixedElements = ref([]);
   const mappedId = computed(() => toValue(id) || uuid());
   const mappedOptions = defu(options, defaultOptions);
   const focusTrap = mappedOptions.focusTarget ? typeof mappedOptions.focusTrap === "boolean" ? useFocusTrap(mappedOptions.focusTarget) : useFocusTrap(mappedOptions.focusTarget, mappedOptions.focusTrap) : void 0;
-  const scrollLock = mappedOptions.scrollLock && typeof window !== "undefined" ? useScrollLock(document.body) : ref(false);
   const { drawerStore, addInstance, removeInstance } = useDrawerStore();
   const { deleteState } = useDrawerState(mappedId.value);
   function progressCallback(payload) {
@@ -52,10 +52,14 @@ export function useDrawerApi(id, options) {
     }
   }
   function lockScroll() {
-    scrollLock.value = true;
+    if (mappedOptions.scrollLock) {
+      scrollLock.value = true;
+    }
   }
   function unlockScroll() {
-    scrollLock.value = false;
+    if (mappedOptions.scrollLock) {
+      scrollLock.value = false;
+    }
   }
   function addScrollLockPadding() {
     if (typeof window === "undefined")

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

@@ -17,6 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     speed: number;
 }, {}>, {
     default?(_: {}): any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/dist/plugins/MagicModal/src/composables/useModalApi.mjs

@@ -9,12 +9,12 @@ const defaultOptions = {
   focusTarget: void 0,
   scrollLock: true
 };
+const scrollLock = typeof window !== "undefined" ? useScrollLock(document?.documentElement) : ref(false);
 export function useModalApi(id, options) {
   const positionFixedElements = ref([]);
   const mappedId = computed(() => toValue(id) || uuid());
   const mappedOptions = defu(options, defaultOptions);
   const focusTrap = mappedOptions.focusTarget ? typeof mappedOptions.focusTrap === "boolean" ? useFocusTrap(mappedOptions.focusTarget) : useFocusTrap(mappedOptions.focusTarget, mappedOptions.focusTrap) : void 0;
-  const scrollLock = mappedOptions.scrollLock && typeof window !== "undefined" ? useScrollLock(document.body) : ref(false);
   const { modalStore, addInstance, removeInstance } = useModalStore();
   const isActive = computed(() => modalStore.value.includes(mappedId.value));
   function open() {
@@ -34,10 +34,14 @@ export function useModalApi(id, options) {
     }
   }
   function lockScroll() {
-    scrollLock.value = true;
+    if (mappedOptions.scrollLock) {
+      scrollLock.value = true;
+    }
   }
   function unlockScroll() {
-    scrollLock.value = false;
+    if (mappedOptions.scrollLock) {
+      scrollLock.value = false;
+    }
   }
   function addScrollLockPadding() {
     if (typeof window === "undefined")

package/dist/plugins/MagicScroll/index.d.ts

@@ -6,9 +6,9 @@ import MagicScrollCollision from './src/components/MagicScrollCollision.vue.js';
 import { useCollisionEmitter } from './src/composables/useCollisionEmitter.js';
 import { useScrollApi } from './src/composables/useScrollApi.js';
 import { useCollisionDetect } from './src/composables/useCollisionDetect.js';
-import { ScrollParentKey, ScrollPositionKey, ScrollProgressKey } from './src/symbols.js';
+import { ScrollParentKey, ScrollPositionKey, ScrollProgressKey } from './src/symbols/index.js';
 import type { Plugin } from 'vue';
 declare const MagicScrollPlugin: Plugin;
 export { MagicScrollPlugin, MagicScrollProvider, MagicScrollScene, MagicScrollTransform, MagicScrollMotion, MagicScrollCollision, useCollisionEmitter, useScrollApi, useCollisionDetect, ScrollParentKey, ScrollPositionKey, ScrollProgressKey, };
-export * from './src/symbols.js';
+export * from './src/symbols/index.js';
 export type * from './src/types/index';

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

@@ -43,10 +43,17 @@
 </template>
 
 <script setup lang="ts">
-import { uuid } from '@maas/vue-equipment/utils'
+import {
+  toValue,
+  ref,
+  watch,
+  onBeforeMount,
+  onUnmounted,
+  type MaybeRef,
+} from 'vue'
 import { defu } from 'defu'
-import { toValue, ref, watch, type MaybeRef } from 'vue'
 import { onClickOutside, type MaybeElement } from '@vueuse/core'
+import { uuid } from '@maas/vue-equipment/utils'
 import { defaultOptions } from './../utils/defaultOptions'
 import { useToastApi } from './../composables/useToastApi'
 import { useToastCallback } from './../composables/private/useToastCallback'
@@ -69,7 +76,7 @@ interface MagicToastProps {
 
 const props = defineProps<MagicToastProps>()
 
-const { toasts, count, oldest } = useToastApi(props.id)
+const { toasts, count, oldest, initialize, destroy } = useToastApi(props.id)
 
 const mappedOptions = defu(props.options, defaultOptions)
 const isExpanded = ref(mappedOptions.layout?.expand === true)
@@ -111,10 +118,20 @@ function outsideClickCallback() {
 }
 
 onClickOutside(listRef, outsideClickCallback)
+
+// Lifecycle hooks and listeners
 watch(
   () => props.id,
   () => (teleportKey.value = uuid())
 )
+
+onBeforeMount(() => {
+  initialize()
+})
+
+onUnmounted(() => {
+  destroy(toValue(props.id))
+})
 </script>
 
 <style>

package/dist/plugins/MagicToast/src/composables/useToastApi.d.ts

@@ -7,5 +7,7 @@ export declare function useToastApi(id?: MaybeRef<string>): {
     add: (options: AddArgs) => Promise<string | undefined>;
     remove: (id: string) => void;
     clear: () => void;
+    initialize: () => import("./../types").ToastInstance | undefined;
+    destroy: (id: string) => void;
 };
 export type UseToastApiReturn = ReturnType<typeof useToastApi>;

package/dist/plugins/MagicToast/src/composables/useToastApi.mjs

@@ -1,11 +1,5 @@
 import { uuid } from "@maas/vue-equipment/utils";
-import {
-  computed,
-  onUnmounted,
-  onBeforeMount,
-  toValue,
-  markRaw
-} from "vue";
+import { computed, toValue, markRaw } from "vue";
 import { useToastStore } from "./private/useToastStore.mjs";
 export function useToastApi(id) {
   const { findInstance, addInstance, removeInstance } = useToastStore();
@@ -43,18 +37,14 @@ export function useToastApi(id) {
       return;
     instance.value.toasts = [];
   }
-  onBeforeMount(() => {
-    initialize();
-  });
-  onUnmounted(() => {
-    destroy(toValue(mappedId));
-  });
   return {
     toasts,
     count,
     oldest,
     add,
     remove,
-    clear
+    clear,
+    initialize,
+    destroy
   };
 }

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@maas/vue-equipment",
   "description": "A magic collection of Vue composables, plugins, components and directives",
-  "version": "0.26.1",
+  "version": "0.26.3",
   "author": "Robin Scholz <https://github.com/robinscholz>, Christoph Jeworutzki <https://github.com/ChristophJeworutzki>",
   "devDependencies": {
     "@antfu/ni": "^0.21.12",
     "@release-it/bumper": "^6.0.1",
     "@types/node": "^20.10.4",
+    "@vue/tsconfig": "^0.5.1",
     "release-it": "^17.0.1",
     "turbo": "^1.11.2"
   },