@maas/vue-equipment 1.0.0-beta.30 → 1.0.0-beta.32

package/dist/nuxt/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment/nuxt",
   "configKey": "vueEquipment",
-  "version": "1.0.0-beta.29",
+  "version": "1.0.0-beta.31",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "unknown"

package/dist/plugins/MagicAccordion/src/components/MagicAccordionContent.vue

@@ -12,12 +12,12 @@
     >
       <transition
         :name="mappedTransition"
-        :on-before-enter="onBeforeEnter"
-        :on-enter="onEnter"
-        :on-after-enter="onAfterEnter"
-        :on-before-leave="onBeforeLeave"
-        :on-leave="onLeave"
-        :on-after-leave="onAfterLeave"
+        @before-enter="onBeforeEnter"
+        @enter="onEnter"
+        @after-enter="onAfterEnter"
+        @before-leave="onBeforeLeave"
+        @leave="onLeave"
+        @after-leave="onAfterLeave"
       >
         <primitive v-show="view?.active" :as-child="asChild">
           <slot :view-active="view?.active" />

package/dist/plugins/MagicAccordion/src/components/MagicAccordionContent.vue.d.ts

@@ -9,11 +9,11 @@ interface MagicAccordionContentProps {
         easing: (t: number) => number;
     };
 }
-declare var __VLS_13: {
+declare var __VLS_22: {
     viewActive: boolean | undefined;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<MagicAccordionContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/plugins/MagicAccordion/src/components/MagicAccordionTrigger.vue

@@ -53,14 +53,14 @@ const view = getView(mappedViewId.value);
 const mappedDisabled = computed(
   () => toValue(disabled) || state.options.disabled
 );
-const { onMouseenter, onClick, onEnter } = useAccordionTrigger({
+const { onMouseenter, onClick, onKeypress } = useAccordionTrigger({
   elRef,
   instanceId,
   viewId: mappedViewId.value,
   disabled,
   trigger
 });
-onKeyStroke("Enter", onEnter);
+onKeyStroke("Enter", onKeypress);
 </script>
 
 <style>

package/dist/plugins/MagicAccordion/src/composables/private/useAccordionTrigger.d.ts

@@ -11,6 +11,6 @@ interface UseAccordionTriggerArgs {
 export declare function useAccordionTrigger(args: UseAccordionTriggerArgs): {
     onMouseenter: () => void;
     onClick: () => void;
-    onEnter: (e: KeyboardEvent) => void;
+    onKeypress: (e: KeyboardEvent) => void;
 };
 export {};

package/dist/plugins/MagicAccordion/src/composables/private/useAccordionTrigger.mjs

@@ -1,7 +1,7 @@
 import { toValue } from "vue";
 import { Primitive } from "@maas/vue-primitive";
-import { useAccordionView } from "./useAccordionView.mjs";
 import { useFocus } from "@vueuse/core";
+import { useAccordionView } from "./useAccordionView.mjs";
 export function useAccordionTrigger(args) {
   const { instanceId, viewId, elRef, disabled, trigger } = args;
   const { selectView, unselectView, getView } = useAccordionView(instanceId);
@@ -21,7 +21,7 @@ export function useAccordionTrigger(args) {
       }
     }
   }
-  function onEnter(e) {
+  function onKeypress(e) {
     if (focused.value && !toValue(disabled) && !view?.active) {
       e.preventDefault();
       e.stopPropagation();
@@ -35,6 +35,6 @@ export function useAccordionTrigger(args) {
   return {
     onMouseenter,
     onClick,
-    onEnter
+    onKeypress
   };
 }

package/dist/plugins/MagicCommand/src/components/MagicCommandContent.vue

@@ -2,12 +2,12 @@
   <teleport v-if="state.renderer && state.active" :to="state.renderer">
     <transition
       :name="state.options.transition?.content"
-      :on-before-enter="onBeforeEnter"
-      :on-enter="onEnter"
-      :on-after-enter="onAfterEnter"
-      :on-before-leave="onBeforeLeave"
-      :on-leave="onLeave"
-      :on-after-leave="onAfterLeave"
+      @before-enter="onBeforeEnter"
+      @enter="onEnter"
+      @after-enter="onAfterEnter"
+      @before-leave="onBeforeLeave"
+      @leave="onLeave"
+      @after-leave="onAfterLeave"
     >
       <div
         v-if="isActive"

package/dist/plugins/MagicCommand/src/components/MagicCommandContent.vue.d.ts

@@ -1,8 +1,8 @@
 import '@maas/vue-equipment/utils/css/keyframes/fade-in.css';
 import '@maas/vue-equipment/utils/css/keyframes/fade-out.css';
-declare var __VLS_9: {};
+declare var __VLS_18: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/plugins/MagicCommand/src/components/MagicCommandTrigger.vue

@@ -63,7 +63,7 @@ const mappedDisabled = computed(
   () => disabled ?? toValue(itemDisabled) ?? false
 );
 const options = inject(MagicCommandProviderOptions, void 0);
-const { onMouseenter, onClick, onEnter } = useCommandTrigger({
+const { onMouseenter, onClick, onKeypress } = useCommandTrigger({
   instanceId,
   viewId: mappedViewId.value,
   mappedActive,
@@ -86,7 +86,7 @@ if (options?.keyListener?.enter) {
   for (const key of options.keyListener.enter) {
     watch(keys[key], (value) => {
       if (value) {
-        onEnter();
+        onKeypress();
       }
     });
   }

package/dist/plugins/MagicCommand/src/composables/private/useCommandTrigger.d.ts

@@ -13,6 +13,6 @@ type UseCommandTriggerArgs = {
 export declare function useCommandTrigger(args: UseCommandTriggerArgs): {
     onMouseenter: () => Promise<void>;
     onClick: (e: MouseEvent) => Promise<void>;
-    onEnter: (e?: KeyboardEvent) => Promise<void>;
+    onKeypress: (e?: KeyboardEvent) => Promise<void>;
 };
 export {};

package/dist/plugins/MagicCommand/src/composables/private/useCommandTrigger.mjs

@@ -18,7 +18,7 @@ export function useCommandTrigger(args) {
   const { initializeState } = useCommandState(instanceId);
   const state = initializeState();
   const { focused } = useFocus(elRef);
-  async function onEnter(e) {
+  async function onKeypress(e) {
     if ((focused.value || mappedActive?.value) && !mappedDisabled.value && !view?.active) {
       e?.preventDefault();
       e?.stopPropagation();
@@ -72,6 +72,6 @@ export function useCommandTrigger(args) {
   return {
     onMouseenter,
     onClick,
-    onEnter
+    onKeypress
   };
 }

package/dist/plugins/MagicCookie/src/components/MagicCookieView.vue

@@ -6,12 +6,12 @@
     <auto-size :width="false">
       <transition
         :name="state.options.transition"
-        @before-leave="onBeforeLeave"
-        @leave="onLeave"
-        @after-leave="onAfterLeave"
         @before-enter="onBeforeEnter"
         @enter="onEnter"
         @after-enter="onAfterEnter"
+        @before-leave="onBeforeLeave"
+        @leave="onLeave"
+        @after-leave="onAfterLeave"
       >
         <div v-show="state.viewActive" class="magic-cookie-view__inner">
           <slot :view-active="state.viewActive" />

package/dist/plugins/MagicCookie/src/composables/private/useCookieItem.mjs

@@ -20,7 +20,8 @@ export function useCookieItem(args) {
       active: mappedActive,
       optional: mappedOptional,
       timestamp,
-      maxAge
+      maxAge,
+      set: false
     };
     return reactive(item);
   }
@@ -73,6 +74,7 @@ export function useCookieItem(args) {
       path: "/",
       maxAge: item.maxAge
     });
+    item.set = true;
   }
   return {
     initializeItem,

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

@@ -1,10 +1,11 @@
 import { type MaybeRef } from 'vue';
 import type { CookieConsent, MagicCookieCallbackArgs } from '../types/index.js';
 export declare function useMagicCookie(id: MaybeRef<string>): {
+    cookies: import("vue").ComputedRef<CookieConsent>;
+    cookiesSet: import("vue").ComputedRef<boolean>;
     showView: () => void;
     hideView: () => void;
     toggleView: () => void;
-    cookieConsent: import("vue").ComputedRef<CookieConsent>;
     selectItem: (id: string, timestamp?: number) => void;
     unselectItem: (id: string, timestamp?: number) => void;
     toggleItem: (id: string) => void;

package/dist/plugins/MagicCookie/src/composables/useMagicCookie.mjs

@@ -9,7 +9,7 @@ export function useMagicCookie(id) {
   const emitter = useMagicEmitter();
   const { initializeState } = useCookieState(id);
   const state = initializeState();
-  const cookieConsent = computed(
+  const cookies = computed(
     () => state?.items.reduce(
       (acc, cookie) => ({
         ...acc,
@@ -18,6 +18,9 @@ export function useMagicCookie(id) {
       {}
     )
   );
+  const cookiesSet = computed(
+    () => state?.items.every((cookie) => cookie.set === true)
+  );
   function showView() {
     state.viewActive = true;
   }
@@ -34,13 +37,13 @@ export function useMagicCookie(id) {
       setItemCookie(cookie.id);
     }
     await nextTick();
-    emitter.emit("acceptAll", cookieConsent.value);
+    emitter.emit("acceptAll", cookies.value);
   }
   function acceptSelected() {
     for (const cookie of state.items) {
       setItemCookie(cookie.id);
     }
-    emitter.emit("acceptSelected", cookieConsent.value);
+    emitter.emit("acceptSelected", cookies.value);
   }
   async function rejectAll() {
     const timestamp = (/* @__PURE__ */ new Date()).getTime();
@@ -51,7 +54,7 @@ export function useMagicCookie(id) {
       setItemCookie(cookie.id);
     }
     await nextTick();
-    emitter.emit("rejectAll", cookieConsent.value);
+    emitter.emit("rejectAll", cookies.value);
   }
   function onAccept(callback) {
     emitter.on("acceptAll", callback);
@@ -63,10 +66,11 @@ export function useMagicCookie(id) {
     emitter.on("rejectAll", callback);
   }
   return {
+    cookies,
+    cookiesSet,
     showView,
     hideView,
     toggleView,
-    cookieConsent,
     selectItem,
     unselectItem,
     toggleItem,

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

@@ -4,6 +4,7 @@ export interface CookieItem {
     optional?: boolean;
     maxAge?: number;
     timestamp?: number;
+    set?: boolean;
 }
 export interface CookieState {
     id: string;

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

@@ -31,12 +31,12 @@
       <div ref="wrapper" class="magic-drawer__wrapper">
         <transition
           :name="contentTransition"
-          @before-leave="onBeforeLeave"
-          @leave="onLeave"
-          @after-leave="onAfterLeave"
           @before-enter="onBeforeEnter"
           @enter="onEnter"
           @after-enter="onAfterEnter"
+          @before-leave="onBeforeLeave"
+          @leave="onLeave"
+          @after-leave="onAfterLeave"
         >
           <div v-show="innerActive" class="magic-drawer__content">
             <component

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

@@ -2,12 +2,12 @@
   <teleport v-if="wrapperActive" to="body">
     <transition
       :name="mappedTransition"
-      :on-before-enter="onBeforeEnter"
-      :on-enter="onEnter"
-      :on-after-enter="onAfterEnter"
-      :on-before-leave="onBeforeLeave"
-      :on-leave="onLeave"
-      :on-after-leave="onAfterLeave"
+      @before-enter="onBeforeEnter"
+      @enter="onEnter"
+      @after-enter="onAfterEnter"
+      @before-leave="onBeforeLeave"
+      @leave="onLeave"
+      @after-leave="onAfterLeave"
     >
       <div
         v-if="innerActive"

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

@@ -8,11 +8,11 @@ interface MagicMenuContentProps {
     transition?: string;
     referenceEl?: MaybeRef<HTMLElement | ComponentPublicInstance>;
 }
-declare var __VLS_13: {}, __VLS_15: {};
+declare var __VLS_22: {}, __VLS_24: {};
 type __VLS_Slots = {} & {
-    arrow?: (props: typeof __VLS_13) => any;
+    arrow?: (props: typeof __VLS_22) => any;
 } & {
-    default?: (props: typeof __VLS_15) => any;
+    default?: (props: typeof __VLS_24) => 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_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -60,7 +60,7 @@ const {
   onArrowUp,
   onArrowDown,
   onEscape,
-  onEnter,
+  onReturn,
   onTab
 } = useMenuKeyListener(id);
 onKeyStroke("ArrowRight", onArrowRight);
@@ -68,7 +68,7 @@ onKeyStroke("ArrowLeft", onArrowLeft);
 onKeyStroke("ArrowDown", onArrowDown);
 onKeyStroke("ArrowUp", onArrowUp);
 onKeyStroke("Escape", onEscape);
-onKeyStroke("Enter", onEnter);
+onKeyStroke("Enter", onReturn);
 onKeyStroke("Tab", onTab);
 const { unselectAllViews } = useMenuView(id);
 onClickOutside(

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

@@ -86,7 +86,7 @@ const mappedTabindex = computed(() => {
     return void 0;
   }
 });
-const { onMouseenter, onClick, onEnter } = useMenuTrigger({
+const { onMouseenter, onClick, onKeypress } = useMenuTrigger({
   instanceId: mappedInstanceId.value,
   viewId: mappedViewId.value,
   itemId,
@@ -103,7 +103,7 @@ watch(
     }
   }
 );
-onKeyStroke("Enter", onEnter);
+onKeyStroke("Enter", onKeypress);
 </script>
 
 <style>

package/dist/plugins/MagicMenu/src/composables/private/useMenuKeyListener.d.ts

@@ -5,6 +5,6 @@ export declare function useMenuKeyListener(instanceId: MaybeRef<string>): {
     onArrowUp: (e: KeyboardEvent) => void;
     onArrowDown: (e: KeyboardEvent) => void;
     onEscape: (e: KeyboardEvent) => void;
-    onEnter: (e: KeyboardEvent) => Promise<void>;
+    onReturn: (e: KeyboardEvent) => Promise<void>;
     onTab: (e: KeyboardEvent) => void;
 };

package/dist/plugins/MagicMenu/src/composables/private/useMenuKeyListener.mjs

@@ -144,7 +144,7 @@ export function useMenuKeyListener(instanceId) {
     state.input.view = "";
     unselectAllViews();
   }
-  async function onEnter(e) {
+  async function onReturn(e) {
     try {
       keyStrokeGuard(e);
     } catch (e2) {
@@ -181,7 +181,7 @@ export function useMenuKeyListener(instanceId) {
     onArrowUp,
     onArrowDown,
     onEscape,
-    onEnter,
+    onReturn,
     onTab
   };
 }

package/dist/plugins/MagicMenu/src/composables/private/useMenuTrigger.d.ts

@@ -12,6 +12,6 @@ type UseMenuTriggerArgs = {
 export declare function useMenuTrigger(args: UseMenuTriggerArgs): {
     onMouseenter: () => void;
     onClick: (e: MouseEvent) => void;
-    onEnter: (e: KeyboardEvent) => void;
+    onKeypress: (e: KeyboardEvent) => void;
 };
 export {};

package/dist/plugins/MagicMenu/src/composables/private/useMenuTrigger.mjs

@@ -34,7 +34,7 @@ export function useMenuTrigger(args) {
         unselectView(viewId);
     }
   }
-  function onEnter(e) {
+  function onKeypress(e) {
     if (focused.value && !mappedDisabled.value && !view?.active) {
       e.preventDefault();
       e.stopPropagation();
@@ -97,6 +97,6 @@ export function useMenuTrigger(args) {
   return {
     onMouseenter,
     onClick,
-    onEnter
+    onKeypress
   };
 }

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

@@ -26,12 +26,12 @@
       </transition>
       <transition
         :name="mappedOptions.transition?.content"
-        @before-leave="onBeforeLeave"
-        @leave="onLeave"
-        @after-leave="onAfterLeave"
         @before-enter="onBeforeEnter"
         @enter="onEnter"
         @after-enter="onAfterEnter"
+        @before-leave="onBeforeLeave"
+        @leave="onLeave"
+        @after-leave="onAfterLeave"
       >
         <component
           :is="mappedOptions.tag"

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

@@ -15,12 +15,12 @@
         tag="ol"
         class="magic-toast-provider__list"
         :name="state.options.transition"
-        :on-before-enter="onBeforeEnter"
-        :on-enter="onEnter"
-        :on-after-enter="onAfterEnter"
-        :on-before-leave="onBeforeLeave"
-        :on-leave="onLeave"
-        :on-after-leave="onAfterLeave"
+        @before-enter="onBeforeEnter"
+        @enter="onEnter"
+        @after-enter="onAfterEnter"
+        @before-leave="onBeforeLeave"
+        @leave="onLeave"
+        @after-leave="onAfterLeave"
         @mouseenter="onMouseenter"
         @mouseleave="onMouseleave"
       >

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment",
   "description": "Our Frontend Toolkit, Free and Open Source",
-  "version": "1.0.0-beta.30",
+  "version": "1.0.0-beta.32",
   "contributors": [
     {
       "name": "Robin Scholz",
@@ -31,8 +31,8 @@
       "import": "./dist/nuxt/module.mjs"
     },
     "./composables": {
-      "types": "./dist/composables/index.d.mts",
-      "import": "./dist/composables/index.mjs"
+      "types": "./dist/composables/index.d.ts",
+      "import": "./dist/composables/index.js"
     },
     "./plugins": {
       "types": "./dist/plugins/index.d.ts",
@@ -42,8 +42,8 @@
       "import": "./dist/plugins/MagicPlayer/src/css/*.css"
     },
     "./utils": {
-      "types": "./dist/utils/index.d.mts",
-      "import": "./dist/utils/index.mjs"
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js"
     },
     "./utils/css/*.css": {
       "import": "./dist/utils/css/*.css"