@maas/vue-equipment 1.0.0-beta.3 → 1.0.0-beta.5

package/dist/plugins/MagicToast/src/components/MagicToastView.vue.d.ts

@@ -3,30 +3,36 @@ interface MagicToastViewProps {
     id: string;
     index: number;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        elRef: any;
-    };
-    rootEl: any;
+declare const elRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+declare const state: import("../types").ToastState;
+declare const view: import("vue").ComputedRef<import("../types").ToastView>;
+declare const reversedIndex: import("vue").ComputedRef<number>;
+declare const height: import("vue").ComputedRef<string>;
+declare const offset: import("vue").ComputedRef<string>;
+declare const style: import("vue").ComputedRef<string>, onPointerdown: (e: PointerEvent) => void, onClick: (e: MouseEvent) => Promise<void>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_0: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_0) => any;
+}>;
+type __VLS_TemplateRefs = {
+    elRef: typeof __VLS_nativeElements['li'];
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicToastViewProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicToastViewProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_self: import("vue").DefineComponent<MagicToastViewProps, {
+    elRef: typeof elRef;
+    state: typeof state;
+    view: typeof view;
+    reversedIndex: typeof reversedIndex;
+    height: typeof height;
+    offset: typeof offset;
+    style: typeof style;
+    onPointerdown: typeof onPointerdown;
+    onClick: typeof onClick;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicToastViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicToastViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicToastViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, HTMLLIElement>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/plugins/MagicToast/src/composables/private/useToastCallback.d.ts

@@ -2,8 +2,8 @@ import { type MaybeRef } from 'vue';
 export declare function useToastCallback(instanceId: MaybeRef<string>): {
     onBeforeEnter: () => void;
     onEnter: () => void;
-    onAfterEnter: (el: Element) => void;
+    onAfterEnter: (el: HTMLElement) => void;
     onBeforeLeave: () => void;
     onLeave: () => void;
-    onAfterLeave: (el: Element) => void;
+    onAfterLeave: (el: HTMLElement) => void;
 };

package/dist/plugins/MagicToast/src/composables/private/useToastCallback.mjs

@@ -12,10 +12,13 @@ export function useToastCallback(instanceId) {
   }
   function onEnter() {
     emitter.emit("enter", toValue(instanceId));
+    if (state.views.length && state.options.layout?.max && state.views.length > state.options.layout.max) {
+      deleteView(state.views[0].id);
+    }
   }
   function onAfterEnter(el) {
     emitter.emit("afterEnter", toValue(instanceId));
-    const view = getView(el.id);
+    const view = getView(el.dataset.id ?? "");
     if (view) {
       const mappedEl = el;
       const style = window.getComputedStyle(mappedEl);
@@ -28,9 +31,6 @@ export function useToastCallback(instanceId) {
       };
       view.dimensions = dimensions;
     }
-    if (state.views.length && state.options.layout?.max && state.views.length > state.options.layout.max) {
-      deleteView(state.views[0].id);
-    }
   }
   function onBeforeLeave() {
     emitter.emit("beforeLeave", toValue(instanceId));
@@ -39,7 +39,7 @@ export function useToastCallback(instanceId) {
     emitter.emit("leave", toValue(instanceId));
   }
   function onAfterLeave(el) {
-    const view = getView(el.id);
+    const view = getView(el.dataset.id ?? "");
     if (view) {
       deleteView(view.id);
     }

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

@@ -11,6 +11,7 @@ export declare function useMagicToast(id: MaybeRef<string>): {
     count: import("vue").ComputedRef<number>;
     add: (args: AddArgs) => string;
     remove: (id: string) => void;
+    clear: (transition?: string) => Promise<void>;
     expand: () => void;
     collapse: () => void;
 };

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

@@ -1,11 +1,11 @@
-import { computed, toValue } from "vue";
+import { computed, toValue, nextTick } from "vue";
 import { useToastState } from "./private/useToastState.mjs";
 import { useToastView } from "./private/useToastView.mjs";
 export function useMagicToast(id) {
   const { initializeState } = useToastState(toValue(id));
   const state = initializeState();
   const { initializeView, deleteView } = useToastView(id);
-  const toasts = computed(() => state?.views);
+  const toasts = computed(() => state.views);
   const count = computed(() => toasts.value?.length);
   function add(args) {
     const { id: id2, component, props, duration } = args;
@@ -21,6 +21,13 @@ export function useMagicToast(id) {
   function remove(id2) {
     deleteView(id2);
   }
+  async function clear(transition) {
+    const lastTransition = state.options.transition;
+    state.options.transition = transition ?? "";
+    state.views = [];
+    await nextTick();
+    state.options.transition = lastTransition;
+  }
   function expand() {
     state.expanded = true;
   }
@@ -32,6 +39,7 @@ export function useMagicToast(id) {
     count,
     add,
     remove,
+    clear,
     expand,
     collapse
   };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment",
   "description": "Our Frontend Toolkit, Free and Open Source",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.5",
   "contributors": [
     {
       "name": "Robin Scholz",
@@ -13,12 +13,14 @@
     }
   ],
   "devDependencies": {
-    "@maas/config": "^1.5.0",
+    "@maas/config": "^1.6.0",
+    "@maas/mirror": "catalog:",
     "@release-it/bumper": "^7.0.1",
     "@types/node": "catalog:",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "release-it": "^18.1.2",
     "tailwindcss": "catalog:",
-    "turbo": "^2.4.1",
+    "turbo": "^2.4.2",
     "typescript": "catalog:"
   },
   "exports": {
@@ -34,8 +36,8 @@
       "types": "./dist/plugins/index.d.ts",
       "import": "./dist/plugins/index.mjs"
     },
-    "./plugins/*/css/*.css": {
-      "import": "./dist/plugins/*/src/css/*.css"
+    "./plugins/MagicPlayer/css/*.css": {
+      "import": "./dist/plugins/MagicPlayer/src/css/*.css"
     },
     "./utils": {
       "types": "./dist/utils/index.d.mts",
@@ -138,7 +140,7 @@
   "volta": {
     "node": "20.18.1"
   },
-  "packageManager": "pnpm@10.3.0",
+  "packageManager": "pnpm@10.4.1",
   "pnpm": {
     "overrides": {
       "typescript": "catalog:"