@maas/vue-equipment 0.19.0 → 0.20.0

package/dist/plugins/{MagicConsent/src/composables/useConsentApi.mjs → MagicCookie/src/composables/useCookieApi.mjs}

@@ -1,13 +1,13 @@
 import { computed, ref } from "vue";
 import { useCookies } from "@vueuse/integrations/useCookies";
 import { toValue } from "@vueuse/core";
-import { globalApiState } from "./private/defineConsentApi.mjs";
-import { useConsentEmitter } from "./useConsentEmitter.mjs";
+import { globalApiState } from "./private/defineCookieApi.mjs";
+import { useCookieEmitter } from "./useCookieEmitter.mjs";
 const preferencesVisible = ref(false);
 const selectedCookies = ref({});
-export function useConsentApi() {
+export function useCookieApi() {
   const universalCookies = useCookies(["cookie_consent"]);
-  const cookieConsentData = computed({
+  const cookieConsent = computed({
     get: () => {
       return universalCookies.get("cookie_consent");
     },
@@ -17,8 +17,8 @@ export function useConsentApi() {
       });
     }
   });
-  const emitter = useConsentEmitter();
-  selectedCookies.value = cookieConsentData.value?.cookies || {};
+  const emitter = useCookieEmitter();
+  selectedCookies.value = cookieConsent.value?.cookies || {};
   function toggleSelection(key) {
     selectedCookies.value = {
       ...selectedCookies.value,
@@ -26,38 +26,32 @@ export function useConsentApi() {
     };
   }
   function accept() {
-    const cookies = globalApiState.value?.cookies?.reduce(
-      (result, cookie) => {
-        result[cookie.key] = true;
-        return result;
-      },
-      {}
-    );
+    const cookies = globalApiState.value?.cookies?.reduce((result, cookie) => {
+      result[cookie.key] = true;
+      return result;
+    }, {});
     selectedCookies.value = cookies;
     const timestamp = (/* @__PURE__ */ new Date()).getTime();
-    cookieConsentData.value = { timestamp, cookies };
-    emitter.emit("accept", cookieConsentData.value);
+    cookieConsent.value = { timestamp, cookies };
+    emitter.emit("accept", cookieConsent.value);
   }
   function acceptSelected() {
     const timestamp = (/* @__PURE__ */ new Date()).getTime();
-    cookieConsentData.value = {
+    cookieConsent.value = {
       timestamp,
       cookies: selectedCookies.value
     };
-    emitter.emit("acceptSelected", cookieConsentData.value);
+    emitter.emit("acceptSelected", cookieConsent.value);
   }
   function reject() {
-    const cookies = globalApiState.value?.cookies?.reduce(
-      (result, cookie) => {
-        result[cookie.key] = cookie.optional === false ? true : false;
-        return result;
-      },
-      {}
-    );
+    const cookies = globalApiState.value?.cookies?.reduce((result, cookie) => {
+      result[cookie.key] = cookie.optional === false ? true : false;
+      return result;
+    }, {});
     selectedCookies.value = cookies;
     const timestamp = (/* @__PURE__ */ new Date()).getTime();
-    cookieConsentData.value = { timestamp, cookies };
-    emitter.emit("reject", cookieConsentData.value);
+    cookieConsent.value = { timestamp, cookies };
+    emitter.emit("reject", cookieConsent.value);
   }
   function onAccept(handler) {
     emitter.on("accept", (args) => handler(toValue(args)));
@@ -74,7 +68,7 @@ export function useConsentApi() {
   return {
     preferencesVisible,
     selectedCookies,
-    cookieConsentData,
+    cookieConsent,
     toggleSelection,
     accept,
     acceptSelected,

package/dist/plugins/MagicCookie/src/composables/useCookieEmitter.d.ts

@@ -0,0 +1,15 @@
+import type { CookieEvents } from '../types.js';
+export declare function useCookieEmitter(): {
+    on: {
+        <Key extends keyof CookieEvents>(type: Key, handler: import("mitt").Handler<CookieEvents[Key]>): void;
+        (type: "*", handler: import("mitt").WildcardHandler<CookieEvents>): void;
+    };
+    off: {
+        <Key_1 extends keyof CookieEvents>(type: Key_1, handler?: import("mitt").Handler<CookieEvents[Key_1]> | undefined): void;
+        (type: "*", handler: import("mitt").WildcardHandler<CookieEvents>): void;
+    };
+    emit: {
+        <Key_2 extends keyof CookieEvents>(type: Key_2, event: CookieEvents[Key_2]): void;
+        <Key_3 extends keyof CookieEvents>(type: undefined extends CookieEvents[Key_3] ? Key_3 : never): void;
+    };
+};

package/dist/plugins/{MagicConsent/src/composables/useConsentEmitter.mjs → MagicCookie/src/composables/useCookieEmitter.mjs}

@@ -1,6 +1,6 @@
 import mitt from "mitt";
 const emitter = mitt();
-export function useConsentEmitter() {
+export function useCookieEmitter() {
   return {
     on: emitter.on,
     off: emitter.off,

package/dist/plugins/MagicCookie/src/types/index.d.ts

@@ -0,0 +1,20 @@
+export type CookieApiDefinition = {
+    cookies: CookieRecord[];
+    maxAge?: number;
+};
+export type CookieRecord = {
+    key: string;
+    optional?: boolean;
+    title?: string;
+    text?: string;
+    [key: string]: any;
+};
+export type CookieConsent = {
+    timestamp: number | undefined;
+    cookies: Record<string, boolean>;
+};
+export type CookieEvents = {
+    accept: CookieConsent;
+    reject: CookieConsent;
+    acceptSelected: CookieConsent;
+};

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

@@ -2,7 +2,7 @@ import MagicDrawer from './src/components/MagicDrawer.vue.js';
 import { useDrawerApi } from './src/composables/useDrawerApi.js';
 import { useDrawerEmitter } from './src/composables/useDrawerEmitter.js';
 import type { Plugin } from 'vue';
-import type { DrawerEvents } from './src/types.js';
+import type { DrawerEvents } from './src/types/index.js';
 declare const MagicDrawerPlugin: Plugin;
 export { MagicDrawerPlugin, MagicDrawer, useDrawerApi, useDrawerEmitter };
 export type { DrawerEvents };

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

@@ -55,6 +55,7 @@
                   @close="closeIfAllowed"
                 />
                 <slot v-else />
+                <div v-if="hasDragged" class="magic-drawer__overlay" />
               </div>
             </div>
           </transition>
@@ -141,7 +142,7 @@ const {
   removeScrollLockPadding,
 } = drawerApi
 
-const { onPointerdown, onClick, dragging, style } = useDrawerDrag({
+const { onPointerdown, onClick, dragging, hasDragged, style } = useDrawerDrag({
   id: props.id,
   isActive,
   elRef,
@@ -290,5 +291,5 @@ onBeforeUnmount(() => {
 </script>
 
 <style>
-:root{--magic-drawer-height:75svh;--magic-drawer-width:100%;--magic-drawer-z-index:999;--magic-drawer-justify-content:center;--magic-drawer-align-items:flex-end;--magic-drawer-backdrop-color:rgba(0,0,0,.5);--magic-drawer-backdrop-filter:unset;--magic-drawer-content-overflow-x:hidden;--magic-drawer-content-overflow-y:hidden;--magic-drawer-handle-wrapper-height:2rem;--magic-drawer-handle-width:3rem;--magic-drawer-handle-height:0.375rem;--magic-drawer-handle-color:#d4d4d8;--magic-drawer-handle-border-radius:0.25rem;--magic-drawer-enter-animation:slide-btt-in 300ms ease;--magic-drawer-leave-animation:slide-btt-out 300ms ease;--magic-drawer-drag-overshoot:4rem;--magic-drawer-drag-overshoot-x:0rem;--magic-drawer-drag-overshoot-y:0rem;--magic-drawer-padding:0rem}.magic-drawer{align-items:var(--magic-drawer-align-items);background:transparent;border:none;color:inherit;display:flex;height:100%;inset:0;justify-content:var(--magic-drawer-justify-content);padding:0;pointer-events:none;position:fixed;width:100%;z-index:var(--magic-drawer-z-index)}.magic-drawer.-bottom{--magic-drawer-drag-overshoot-y:var(--magic-drawer-drag-overshoot);--magic-drawer-padding:0 0 var(--magic-drawer-drag-overshoot-y) 0}.magic-drawer.-top{--magic-drawer-enter-animation:slide-ttb-in 300ms ease;--magic-drawer-leave-animation:slide-ttb-out 300ms ease;--magic-drawer-align-items:flex-start;--magic-drawer-drag-overshoot-y:calc(var(--magic-drawer-drag-overshoot)*-1);--magic-drawer-padding:var(--magic-drawer-drag-overshoot-y) 0 0 0}.magic-drawer.-right{--magic-drawer-enter-animation:slide-rtl-in 300ms ease;--magic-drawer-leave-animation:slide-rtl-out 300ms ease;--magic-drawer-align-items:center;--magic-drawer-justify-content:flex-end;--magic-drawer-drag-overshoot-x:var(--magic-drawer-drag-overshoot);--magic-drawer-padding:0 var(--magic-drawer-drag-overshoot-x) 0 0}.magic-drawer.-left{--magic-drawer-enter-animation:slide-ltr-in 300ms ease;--magic-drawer-leave-animation:slide-ltr-out 300ms ease;--magic-drawer-align-items:center;--magic-drawer-justify-content:flex-start;--magic-drawer-drag-overshoot-x:calc(var(--magic-drawer-drag-overshoot)*-1);--magic-drawer-padding:0 0 0 var(--magic-drawer-drag-overshoot-x)}.magic-drawer__wrapper{height:calc(var(--magic-drawer-height) + var(--magic-drawer-drag-overshoot-y));pointer-events:none;transform:translate(var(--magic-drawer-drag-overshoot-x),var(--magic-drawer-drag-overshoot-y));width:calc(var(--magic-drawer-width) + var(--magic-drawer-drag-overshoot-x))}.magic-drawer__content{height:100%;max-height:100%;position:relative;width:100%}.magic-drawer__drag{-webkit-overflow-scrolling:touch;align-items:var(--magic-drawer-align-items);cursor:grab;display:flex;height:100%;justify-content:var(--magic-drawer-justify-content);overflow-x:var(--magic-drawer-content-overflow-x);overflow-y:var(--magic-drawer-content-overflow-y);pointer-events:auto;position:relative;scroll-behavior:smooth;width:100%}.magic-drawer.-dragging .magic-drawer__drag{cursor:grabbing}.magic-drawer__drag>*{padding:var(--magic-drawer-padding)}.magic-drawer__backdrop{-webkit-backdrop-filter:var(--magic-drawer-backdrop-filter);backdrop-filter:var(--magic-drawer-backdrop-filter);background-color:var(--magic-drawer-backdrop-color);bottom:0;height:100%;left:0;pointer-events:auto;position:fixed;right:0;top:0;width:100%;z-index:-1}.magic-drawer--content-enter-active{animation:var(--magic-drawer-enter-animation)}.magic-drawer--content-leave-active{animation:var(--magic-drawer-leave-animation)}.magic-drawer--backdrop-enter-active{animation:fade-in .3s ease}.magic-drawer--backdrop-leave-active{animation:fade-out .3s ease}
+:root{--magic-drawer-height:75svh;--magic-drawer-width:100%;--magic-drawer-z-index:999;--magic-drawer-justify-content:center;--magic-drawer-align-items:flex-end;--magic-drawer-backdrop-color:rgba(0,0,0,.5);--magic-drawer-backdrop-filter:unset;--magic-drawer-content-overflow-x:hidden;--magic-drawer-content-overflow-y:hidden;--magic-drawer-handle-wrapper-height:2rem;--magic-drawer-handle-width:3rem;--magic-drawer-handle-height:0.375rem;--magic-drawer-handle-color:#d4d4d8;--magic-drawer-handle-border-radius:0.25rem;--magic-drawer-enter-animation:slide-btt-in 300ms ease;--magic-drawer-leave-animation:slide-btt-out 300ms ease;--magic-drawer-drag-overshoot:4rem;--magic-drawer-drag-overshoot-x:0rem;--magic-drawer-drag-overshoot-y:0rem;--magic-drawer-padding:0rem}.magic-drawer{align-items:var(--magic-drawer-align-items);background:transparent;border:none;color:inherit;display:flex;height:100%;inset:0;justify-content:var(--magic-drawer-justify-content);padding:0;pointer-events:none;position:fixed;width:100%;z-index:var(--magic-drawer-z-index)}.magic-drawer.-bottom{--magic-drawer-drag-overshoot-y:var(--magic-drawer-drag-overshoot);--magic-drawer-padding:0 0 var(--magic-drawer-drag-overshoot-y) 0}.magic-drawer.-top{--magic-drawer-enter-animation:slide-ttb-in 300ms ease;--magic-drawer-leave-animation:slide-ttb-out 300ms ease;--magic-drawer-align-items:flex-start;--magic-drawer-drag-overshoot-y:calc(var(--magic-drawer-drag-overshoot)*-1);--magic-drawer-padding:var(--magic-drawer-drag-overshoot-y) 0 0 0}.magic-drawer.-right{--magic-drawer-enter-animation:slide-rtl-in 300ms ease;--magic-drawer-leave-animation:slide-rtl-out 300ms ease;--magic-drawer-align-items:center;--magic-drawer-justify-content:flex-end;--magic-drawer-drag-overshoot-x:var(--magic-drawer-drag-overshoot);--magic-drawer-padding:0 var(--magic-drawer-drag-overshoot-x) 0 0}.magic-drawer.-left{--magic-drawer-enter-animation:slide-ltr-in 300ms ease;--magic-drawer-leave-animation:slide-ltr-out 300ms ease;--magic-drawer-align-items:center;--magic-drawer-justify-content:flex-start;--magic-drawer-drag-overshoot-x:calc(var(--magic-drawer-drag-overshoot)*-1);--magic-drawer-padding:0 0 0 var(--magic-drawer-drag-overshoot-x)}.magic-drawer__wrapper{height:calc(var(--magic-drawer-height) + var(--magic-drawer-drag-overshoot-y));pointer-events:none;transform:translate(var(--magic-drawer-drag-overshoot-x),var(--magic-drawer-drag-overshoot-y));width:calc(var(--magic-drawer-width) + var(--magic-drawer-drag-overshoot-x))}.magic-drawer__content{height:100%;max-height:100%;position:relative;width:100%}.magic-drawer__drag{-webkit-overflow-scrolling:touch;align-items:var(--magic-drawer-align-items);cursor:grab;display:flex;height:100%;justify-content:var(--magic-drawer-justify-content);overflow-x:var(--magic-drawer-content-overflow-x);overflow-y:var(--magic-drawer-content-overflow-y);pointer-events:auto;position:relative;scroll-behavior:smooth;width:100%}.magic-drawer.-dragging .magic-drawer__drag{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.magic-drawer__drag>*{padding:var(--magic-drawer-padding)}.magic-drawer__overlay{inset:0;position:absolute;z-index:9999}.magic-drawer__backdrop{-webkit-backdrop-filter:var(--magic-drawer-backdrop-filter);backdrop-filter:var(--magic-drawer-backdrop-filter);background-color:var(--magic-drawer-backdrop-color);bottom:0;height:100%;left:0;pointer-events:auto;position:fixed;right:0;top:0;width:100%;z-index:-1}.magic-drawer--content-enter-active{animation:var(--magic-drawer-enter-animation)}.magic-drawer--content-leave-active{animation:var(--magic-drawer-leave-animation)}.magic-drawer--backdrop-enter-active{animation:fade-in .3s ease}.magic-drawer--backdrop-leave-active{animation:fade-out .3s ease}
 </style>

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

@@ -19,7 +19,7 @@ interface MagicDrawerProps {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MagicDrawerProps>, {
     options: () => DrawerOptions;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MagicDrawerProps>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MagicDrawerProps>, {
     options: () => DrawerOptions;
 }>>>, {
     options: DrawerOptions;

package/dist/plugins/MagicDrawer/src/composables/private/useDrawerDrag.d.ts

@@ -1,6 +1,5 @@
 import { type Ref, type MaybeRef } from 'vue';
 import { type DefaultOptions } from '../../utils/defaultOptions.js';
-import type { CustomMouseEvent } from '../../types.js';
 type UseDrawerDragArgs = {
     id: MaybeRef<string>;
     isActive: MaybeRef<boolean>;
@@ -18,7 +17,8 @@ export declare function useDrawerDrag(args: UseDrawerDragArgs): {
     draggedX: Ref<number>;
     draggedY: Ref<number>;
     dragging: Ref<boolean>;
+    hasDragged: import("vue").ComputedRef<boolean>;
     onPointerdown: (e: PointerEvent) => void;
-    onClick: (e: CustomMouseEvent) => Promise<void>;
+    onClick: (e: MouseEvent) => Promise<void>;
 };
 export {};

package/dist/plugins/MagicDrawer/src/composables/private/useDrawerDrag.mjs

@@ -17,7 +17,6 @@ import {
 import { useDrawerEmitter } from "../useDrawerEmitter.mjs";
 import { useDrawerSnap } from "./useDrawerSnap.mjs";
 import { useDrawerGuards } from "./useDrawerGuards.mjs";
-import { useDrawerEventHandler } from "./useDrawerEventHandler.mjs";
 import { isIOS } from "@maas/vue-equipment/utils";
 export function useDrawerDrag(args) {
   const {
@@ -44,6 +43,8 @@ export function useDrawerDrag(args) {
   const originY = ref(0);
   const pointerdownX = ref(0);
   const pointerdownY = ref(0);
+  const lastDraggedX = ref(0);
+  const lastDraggedY = ref(0);
   const relDirectionY = ref("absolute");
   const relDirectionX = ref("absolute");
   const absDirectionY = ref(void 0);
@@ -53,8 +54,9 @@ export function useDrawerDrag(args) {
   const duration = computed(() => toValue(snap)?.duration);
   const draggedX = ref(0);
   const draggedY = ref(0);
-  const lastDraggedX = ref(0);
-  const lastDraggedY = ref(0);
+  const hasDragged = computed(() => {
+    return lastDraggedX.value !== draggedX.value || lastDraggedY.value !== draggedY.value;
+  });
   const style = computed(
     () => `transform: translate(${draggedX.value}px, ${draggedY.value}px)`
   );
@@ -85,7 +87,6 @@ export function useDrawerDrag(args) {
     position,
     activeSnapPoint
   });
-  const { clickEvent, dispatchEvent } = useDrawerEventHandler();
   async function getSizes() {
     elRect.value = unrefElement(elRef)?.getBoundingClientRect();
     wrapperRect.value = unrefElement(wrapperRef)?.getBoundingClientRect();
@@ -242,6 +243,8 @@ export function useDrawerDrag(args) {
   function resetDragged() {
     draggedX.value = 0;
     draggedY.value = 0;
+    lastDraggedX.value = 0;
+    lastDraggedY.value = 0;
   }
   function resetSnapped() {
     snappedX.value = 0;
@@ -307,6 +310,9 @@ export function useDrawerDrag(args) {
     }
     resetStateAndListeners();
     resetScrollLock();
+    if (hasDragged.value) {
+      e.preventDefault();
+    }
   }
   function onPointermove(e) {
     shouldClose.value = false;
@@ -326,10 +332,6 @@ export function useDrawerDrag(args) {
     checkPosition({ x: e.screenX, y: e.screenY });
   }
   function onPointerdown(e) {
-    const tag = e.target.tagName;
-    if (tag === "A") {
-      e.preventDefault();
-    }
     if (dragging.value) {
       return;
     } else {
@@ -337,7 +339,6 @@ export function useDrawerDrag(args) {
     }
     lastDraggedX.value = draggedX.value;
     lastDraggedY.value = draggedY.value;
-    e.target.setPointerCapture(e.pointerId);
     cancelPointerup = useEventListener(document, "pointerup", onPointerup);
     cancelPointermove = useEventListener(document, "pointermove", onPointermove);
     cancelTouchend = isIOS() ? useEventListener(document, "touchend", onPointerup) : void 0;
@@ -349,16 +350,9 @@ export function useDrawerDrag(args) {
     onPointermove(e);
   }
   async function onClick(e) {
-    if (e.custom === "magic-drawer-clone") {
-      clickEvent.value = void 0;
-      return;
-    } else {
-      clickEvent.value = e;
+    if (hasDragged.value) {
       e.preventDefault();
     }
-    if (lastDraggedX.value === draggedX.value && lastDraggedY.value === draggedY.value) {
-      dispatchEvent(clickEvent.value);
-    }
   }
   onMounted(async () => {
     await getSizes();
@@ -372,6 +366,12 @@ export function useDrawerDrag(args) {
       snapTo({ snapPoint, interpolate: false });
     }
   );
+  watch(snappedX, (value) => {
+    lastDraggedX.value = value;
+  });
+  watch(snappedY, (value) => {
+    lastDraggedY.value = value;
+  });
   useResizeObserver(elRef, async () => {
     useThrottleFn(async () => {
       await getSizes();
@@ -389,6 +389,7 @@ export function useDrawerDrag(args) {
     draggedX,
     draggedY,
     dragging,
+    hasDragged,
     onPointerdown,
     onClick
   };

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

@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     playing: import("vue").Ref<boolean>;
     play: () => void;
     pause: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     direction: string;
     speed: number;
 }>>>, {

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

@@ -2,7 +2,7 @@ import MagicModal from './src/components/MagicModal.vue.js';
 import { useModalApi } from './src/composables/useModalApi.js';
 import { useModalEmitter } from './src/composables/useModalEmitter.js';
 import type { Plugin } from 'vue';
-import type { ModalEvents } from './src/types.js';
+import type { ModalEvents } from './src/types/index.js';
 declare const MagicModalPlugin: Plugin;
 export { MagicModalPlugin, MagicModal, useModalEmitter, useModalApi };
 export type { ModalEvents };

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

@@ -11,7 +11,7 @@ interface MagicModalProps {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MagicModalProps>, {
     options: () => ModalOptions;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MagicModalProps>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MagicModalProps>, {
     options: () => ModalOptions;
 }>>>, {
     options: ModalOptions;

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

@@ -5,7 +5,7 @@ interface Props {
 }
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     pause: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     pause: boolean;
 }>>>, {
     pause: boolean;

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

@@ -7,4 +7,4 @@ import MagicPlayerMuxPopover from './src/components/MagicPlayerMuxPopover.vue.js
 import { usePlayerApi } from './src/composables/usePlayerApi.js';
 declare const MagicPlayerPlugin: Plugin;
 export { MagicPlayerPlugin, MagicPlayer, MagicPlayerControls, MagicPlayerOverlay, MagicPlayerTimeline, MagicPlayerMuxPopover, usePlayerApi, };
-export type * from './src/types';
+export type * from './src/types/index';

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

@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     ratio: string;
     fill: boolean;
     autoplay: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MagicPlayerProps>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MagicPlayerProps>, {
     srcType: string;
     src: string;
     ratio: string;

package/dist/plugins/MagicPlayer/src/components/MagicPlayerControls.vue.d.ts

@@ -1,7 +1,7 @@
 interface Props {
     id: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
     seekPopover?(_: {}): any;
     playIcon?(_: {}): any;
     pauseIcon?(_: {}): any;

package/dist/plugins/MagicPlayer/src/components/MagicPlayerMuxPopover.vue.d.ts

@@ -2,7 +2,7 @@ type Props = {
     id: string;
     playbackId: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/plugins/MagicPlayer/src/components/MagicPlayerOverlay.vue.d.ts

@@ -1,7 +1,7 @@
 interface Props {
     id: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
     waitingIcon?(_: {}): any;
     playIcon?(_: {}): any;
     pauseIcon?(_: {}): any;

package/dist/plugins/MagicPlayer/src/components/MagicPlayerTimeline.vue.d.ts

@@ -1,7 +1,7 @@
 interface Props {
     id: string;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/plugins/MagicPlayer/src/components/icons/FullscreenEnter.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/plugins/MagicPlayer/src/components/icons/FullscreenExit.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/plugins/MagicPlayer/src/components/icons/Pause.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/plugins/MagicPlayer/src/components/icons/Play.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/plugins/MagicPlayer/src/components/icons/VolumeOff.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/plugins/MagicPlayer/src/components/icons/VolumeOn.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/plugins/MagicPlayer/src/components/icons/Waiting.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

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

@@ -11,4 +11,4 @@ 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 type * from './src/types';
+export type * from './src/types/index';

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

@@ -2,7 +2,7 @@ import type { CollisionEntry } from '../types';
 interface Props {
     collisionEntries: CollisionEntry[];
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     keyframes: undefined;
     offset: undefined;
     easing: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     keyframes: undefined;
     offset: undefined;
     easing: string;

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

@@ -5,7 +5,7 @@ interface Props {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     active: () => true;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     active: () => true;
 }>>>, {
     active: Boolean;

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

@@ -8,7 +8,7 @@ interface Props {
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     from: string;
     to: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     from: string;
     to: string;
 }>>>, {

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

@@ -17,7 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     skewY: number;
     translateX: number;
     translateY: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     as: string;
     scale: number;
     scaleX: number;

package/dist/plugins/MagicToast/demo/DemoToast.vue.d.ts

@@ -3,7 +3,7 @@ interface Props {
 }
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;

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

@@ -2,7 +2,7 @@ import MagicToast from './src/components/MagicToast.vue.js';
 import { useToastApi } from './src/composables/useToastApi.js';
 import { useToastEmitter } from './src/composables/useToastEmitter.js';
 import type { Plugin } from 'vue';
-import type { ToastEvents } from './src/types.js';
+import type { ToastEvents } from './src/types/index.js';
 declare const MagicToastPlugin: Plugin;
 export { MagicToastPlugin, MagicToast, useToastApi, useToastEmitter };
 export type { ToastEvents };

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

@@ -10,7 +10,7 @@ interface MagicToastProps {
     class: MaybeRef<string>;
     options?: ToastOptions;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<MagicToastProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MagicToastProps>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<MagicToastProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MagicToastProps>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -7,7 +7,7 @@ interface Props {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     mouseenter: (event: Event) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onMouseenter?: ((event: Event) => any) | undefined;
 }, {}, {}>, {
     default?(_: {}): any;

package/dist/plugins/index.d.ts

@@ -1,4 +1,4 @@
-export * from './MagicConsent/index.js';
+export * from './MagicCookie/index.js';
 export * from './MagicDrawer/index.js';
 export * from './MagicMarquee/index.js';
 export * from './MagicModal/index.js';

package/dist/plugins/index.mjs

@@ -1,4 +1,4 @@
-export * from "./MagicConsent/index.mjs";
+export * from "./MagicCookie/index.mjs";
 export * from "./MagicDrawer/index.mjs";
 export * from "./MagicMarquee/index.mjs";
 export * from "./MagicModal/index.mjs";

package/package.json

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

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

@@ -1,8 +0,0 @@
-import type { Plugin } from 'vue';
-import MagicConsent from './src/components/MagicConsent.vue.js';
-import { useConsentApi } from './src/composables/useConsentApi.js';
-import { useConsentEmitter } from './src/composables/useConsentEmitter.js';
-import type { ConsentEvents } from './src/types.js';
-declare const MagicConsentPlugin: Plugin;
-export { MagicConsentPlugin, MagicConsent, useConsentApi, useConsentEmitter };
-export type { ConsentEvents };