@maas/vue-equipment 1.0.0-beta.4 → 1.0.0-beta.6

package/dist/plugins/MagicScroll/src/components/MagicScrollProvider.vue.d.ts

@@ -2,47 +2,55 @@ import { type MaybeElementRef } from '@vueuse/core';
 interface MagicScrollProviderProps {
     target?: MaybeElementRef<HTMLElement>;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            scrollReturn: {
-                x: import("vue").WritableComputedRef<number, number>;
-                y: import("vue").WritableComputedRef<number, number>;
-                isScrolling: import("vue").Ref<boolean, boolean>;
-                arrivedState: {
-                    left: boolean;
-                    right: boolean;
-                    top: boolean;
-                    bottom: boolean;
-                };
-                directions: {
-                    left: boolean;
-                    right: boolean;
-                    top: boolean;
-                    bottom: boolean;
-                };
-                measure(): void;
-            };
-        }): any;
+declare const scrollReturn: {
+    x: import("vue").WritableComputedRef<number, number>;
+    y: import("vue").WritableComputedRef<number, number>;
+    isScrolling: import("vue").Ref<boolean, boolean>;
+    arrivedState: {
+        left: boolean;
+        right: boolean;
+        top: boolean;
+        bottom: boolean;
     };
-    refs: {};
-    rootEl: HTMLDivElement;
+    directions: {
+        left: boolean;
+        right: boolean;
+        top: boolean;
+        bottom: boolean;
+    };
+    measure(): void;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicScrollProviderProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicScrollProviderProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["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;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_0: {
+    scrollReturn: {
+        x: import("vue").WritableComputedRef<number, number>;
+        y: import("vue").WritableComputedRef<number, number>;
+        isScrolling: import("vue").Ref<boolean, boolean>;
+        arrivedState: {
+            left: boolean;
+            right: boolean;
+            top: boolean;
+            bottom: boolean;
+        };
+        directions: {
+            left: boolean;
+            right: boolean;
+            top: boolean;
+            bottom: boolean;
+        };
+        measure(): void;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_0) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<MagicScrollProviderProps, {
+    scrollReturn: typeof scrollReturn;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicScrollProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicScrollProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicScrollProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/plugins/MagicScroll/src/components/MagicScrollScene.vue

@@ -17,7 +17,7 @@ export default /* @__PURE__ */ _defineComponent({
   },
   setup(__props) {
     const scrollReturn = inject(MagicScrollReturn, void 0);
-    const scrollTarget = inject(MagicScrollTarget);
+    const scrollTarget = inject(MagicScrollTarget, void 0);
     if (!scrollTarget) {
       console.error("MagicScrollScene must be used within a MagicScrollProvider");
     }

package/dist/plugins/MagicScroll/src/components/MagicScrollScene.vue.d.ts

@@ -3,32 +3,26 @@ interface MagicScrollSceneProps {
     from?: ScrollIntersection;
     to?: ScrollIntersection;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            progress: number;
-        }): any;
-    };
-    refs: {
-        elRef: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
+declare const progress: import("vue").Ref<number, number>;
+declare const elRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_0: {
+    progress: number;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicScrollSceneProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicScrollSceneProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["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_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_0) => any;
+}>;
+type __VLS_TemplateRefs = {
+    elRef: typeof __VLS_nativeElements['div'];
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
+declare const __VLS_self: import("vue").DefineComponent<MagicScrollSceneProps, {
+    progress: typeof progress;
+    elRef: typeof elRef;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicScrollSceneProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicScrollSceneProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicScrollSceneProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, HTMLDivElement>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/plugins/MagicScroll/src/composables/private/useScrollApi.mjs

@@ -9,6 +9,7 @@ export function useScrollApi(params) {
   const parentRect = ref(void 0);
   const start = ref(0);
   const end = ref(0);
+  const { width: windowWidth, height: windowHeight } = useWindowSize();
   function splitLocation(location) {
     return {
       child: location.match(/^[a-z]+/)[0],
@@ -56,7 +57,11 @@ export function useScrollApi(params) {
   }
   function getCalculations() {
     childRect.value = toValue(child)?.getBoundingClientRect();
-    parentRect.value = toValue(parent) ? toValue(parent)?.getBoundingClientRect() : { ...useWindowSize(), top: 0 };
+    parentRect.value = toValue(parent) ? toValue(parent)?.getBoundingClientRect() : {
+      width: windowWidth.value,
+      height: windowHeight.value,
+      top: 0
+    };
     start.value = getOffsetTop(splitLocation(from));
     end.value = getOffsetTop(splitLocation(to));
   }

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

@@ -1,7 +1,7 @@
 <script>
 import { defineComponent as _defineComponent } from "vue";
 import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, createBlock as _createBlock, withCtx as _withCtx, TransitionGroup as _TransitionGroup, createVNode as _createVNode, createElementVNode as _createElementVNode, Teleport as _Teleport } from "vue";
-const _hoisted_1 = ["id", "data-position", "data-expanded"];
+const _hoisted_1 = ["data-id", "data-position", "data-expanded"];
 import {
   toValue,
   ref,
@@ -65,7 +65,7 @@ export default /* @__PURE__ */ _defineComponent({
         disabled: _unref(state).options.teleport?.disabled
       }, [
         _createElementVNode("div", _mergeProps({
-          id: toValue(_ctx.id),
+          "data-id": toValue(_ctx.id),
           "data-position": _unref(state).options.position,
           "data-expanded": _unref(state).expanded,
           class: "magic-toast-provider"

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

@@ -10,14 +10,63 @@ interface MagicToastProps {
     id: MaybeRef<string>;
     options?: MagicToastOptions;
 }
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicToastProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicToastProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-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;
-    };
+declare const __VLS_6: import("vue").DefineComponent<import("vue").TransitionGroupProps>;
+declare const __VLS_8: import("vue/jsx-runtime").JSX.Element & {
+    __ctx?: ({
+        attrs?: any;
+        slots?: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }> | undefined;
+        emit?: ((event: string, ...args: any[]) => void) | undefined;
+    } & {
+        props?: (Partial<{}> & Omit<{
+            readonly duration?: (number | {
+                enter: number;
+                leave: number;
+            }) | undefined;
+            readonly onBeforeEnter?: (((el: Element) => void) | ((el: Element) => void)[]) | undefined;
+            readonly onEnter?: (((el: Element, done: () => void) => void) | ((el: Element, done: () => void) => void)[]) | undefined;
+            readonly onAfterEnter?: (((el: Element) => void) | ((el: Element) => void)[]) | undefined;
+            readonly onBeforeLeave?: (((el: Element) => void) | ((el: Element) => void)[]) | undefined;
+            readonly onLeave?: (((el: Element, done: () => void) => void) | ((el: Element, done: () => void) => void)[]) | undefined;
+            readonly onAfterLeave?: (((el: Element) => void) | ((el: Element) => void)[]) | undefined;
+            readonly name?: string | undefined;
+            readonly persisted?: boolean | undefined;
+            readonly type?: ("transition" | "animation") | undefined;
+            readonly css?: boolean | undefined;
+            readonly enterFromClass?: string | undefined;
+            readonly enterActiveClass?: string | undefined;
+            readonly enterToClass?: string | undefined;
+            readonly appearFromClass?: string | undefined;
+            readonly appearActiveClass?: string | undefined;
+            readonly appearToClass?: string | undefined;
+            readonly leaveFromClass?: string | undefined;
+            readonly leaveActiveClass?: string | undefined;
+            readonly leaveToClass?: string | undefined;
+            readonly appear?: boolean | undefined;
+            readonly onEnterCancelled?: (((el: Element) => void) | ((el: Element) => void)[]) | undefined;
+            readonly onLeaveCancelled?: (((el: Element) => void) | ((el: Element) => void)[]) | undefined;
+            readonly onBeforeAppear?: (((el: Element) => void) | ((el: Element) => void)[]) | undefined;
+            readonly onAppear?: (((el: Element, done: () => void) => void) | ((el: Element, done: () => void) => void)[]) | undefined;
+            readonly onAfterAppear?: (((el: Element) => void) | ((el: Element) => void)[]) | undefined;
+            readonly onAppearCancelled?: (((el: Element) => void) | ((el: Element) => void)[]) | undefined;
+            readonly tag?: string | undefined;
+            readonly moveClass?: string | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, undefined> & Record<string, unknown>) | undefined;
+        expose?(exposed: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").TransitionGroupProps>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").TransitionGroupProps>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, {}>): void;
+    }) | undefined;
+};
+declare var __VLS_12: (Parameters<NonNullable<(typeof __VLS_11)["expose"]>>[0] | null);
+declare var __VLS_11: __VLS_PickFunctionalComponentCtx<typeof __VLS_6, typeof __VLS_8>;
+type __VLS_TemplateRefs = {
+    listRef: typeof __VLS_12;
 };
+declare const _default: import("vue").DefineComponent<MagicToastProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicToastProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, any>;
+export default _default;

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

@@ -1,7 +1,7 @@
 <script>
 import { defineComponent as _defineComponent } from "vue";
 import { unref as _unref, renderSlot as _renderSlot, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-const _hoisted_1 = ["id", "data-expanded", "data-dragging", "data-position", "data-debug"];
+const _hoisted_1 = ["data-id", "data-expanded", "data-dragging", "data-position", "data-debug"];
 import { ref, computed, inject } from "vue";
 import { MagicToastInstanceId } from "../../symbols";
 import { useToastState } from "../composables/private/useToastState";
@@ -35,10 +35,10 @@ export default /* @__PURE__ */ _defineComponent({
     });
     return (_ctx, _cache) => {
       return _openBlock(), _createElementBlock("li", {
-        id: _ctx.id,
         ref_key: "elRef",
         ref: elRef,
         class: "magic-toast-view",
+        "data-id": _ctx.id,
         "data-expanded": _unref(state).expanded,
         "data-dragging": view.value.dragging,
         "data-position": _unref(state).options.position,

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: HTMLLIElement;
-    };
-    rootEl: HTMLLIElement;
+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

@@ -18,7 +18,7 @@ export function useToastCallback(instanceId) {
   }
   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);
@@ -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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment",
   "description": "Our Frontend Toolkit, Free and Open Source",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.6",
   "contributors": [
     {
       "name": "Robin Scholz",
@@ -14,8 +14,10 @@
   ],
   "devDependencies": {
     "@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.2",
@@ -138,7 +140,7 @@
   "volta": {
     "node": "20.18.1"
   },
-  "packageManager": "pnpm@10.4.0",
+  "packageManager": "pnpm@10.4.1",
   "pnpm": {
     "overrides": {
       "typescript": "catalog:"