@maas/vue-equipment 1.0.0-beta.40 → 1.0.0-beta.42

package/dist/nuxt/module.json

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

package/dist/nuxt/module.mjs

@@ -141,7 +141,7 @@ functions.map((f) => f.name);
 const plugins = functions.filter((p) => p.package === "plugins");
 const composables = functions.filter((p) => p.package === "composables");
 
-const module = defineNuxtModule({
+const module$1 = defineNuxtModule({
   meta: {
     name: "@maas/vue-equipment/nuxt",
     configKey: "vueEquipment"
@@ -194,4 +194,4 @@ const module = defineNuxtModule({
   }
 });
 
-export { module as default };
+export { module$1 as default };

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

@@ -19,9 +19,9 @@
         @leave="onLeave"
         @after-leave="onAfterLeave"
       >
-        <primitive v-show="view?.active" :as-child="asChild">
+        <vue-primitive v-show="view?.active" :as-child="asChild">
           <slot :view-active="view?.active" />
-        </primitive>
+        </vue-primitive>
       </transition>
     </auto-size>
   </div>
@@ -31,7 +31,7 @@
 import { inject, computed } from "vue";
 import { defu } from "defu";
 import { AutoSize } from "@maas/vue-autosize";
-import { Primitive } from "@maas/vue-primitive";
+import { VuePrimitive } from "@maas/vue-primitive";
 import {
   useMagicError
 } from "@maas/vue-equipment/plugins/MagicError";

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

@@ -1,12 +1,16 @@
 <template>
-  <primitive :data-id="id" :as-child="asChild" class="magic-accordion-provider">
+  <vue-primitive
+    :data-id="id"
+    :as-child="asChild"
+    class="magic-accordion-provider"
+  >
     <slot />
-  </primitive>
+  </vue-primitive>
 </template>
 
 <script setup>
 import { onBeforeUnmount, provide } from "vue";
-import { Primitive } from "@maas/vue-primitive";
+import { VuePrimitive } from "@maas/vue-primitive";
 import { useAccordionState } from "../composables/private/useAccordionState";
 import { MagicAccordionInstanceId } from "../symbols";
 const { id, asChild, options } = defineProps({

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

@@ -1,5 +1,5 @@
 <template>
-  <primitive
+  <vue-primitive
     ref="el"
     :as-child="asChild"
     :data-id="`${mappedViewId}-trigger`"
@@ -10,12 +10,12 @@
     @click="onClick"
   >
     <slot :view-active="view?.active" />
-  </primitive>
+  </vue-primitive>
 </template>
 
 <script setup>
 import { useTemplateRef, inject, computed, toValue } from "vue";
-import { Primitive } from "@maas/vue-primitive";
+import { VuePrimitive } from "@maas/vue-primitive";
 import { onKeyStroke } from "@vueuse/core";
 import {
   useMagicError

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

@@ -1,17 +1,17 @@
 <template>
-  <primitive
+  <vue-primitive
     :as-child="asChild"
     :data-id="mappedId"
     :data-active="mappedActive"
     class="magic-accordion-view"
   >
     <slot :view-active="mappedActive" />
-  </primitive>
+  </vue-primitive>
 </template>
 
 <script setup>
 import { computed, inject, onBeforeUnmount, provide, useId } from "vue";
-import { Primitive } from "@maas/vue-primitive";
+import { VuePrimitive } from "@maas/vue-primitive";
 import {
   useMagicError
 } from "@maas/vue-equipment/plugins/MagicError";

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

@@ -1,12 +1,12 @@
 import { type ComputedRef, type MaybeRef, type Ref } from 'vue';
-import { Primitive } from '@maas/vue-primitive';
+import { VuePrimitive } from '@maas/vue-primitive';
 import type { Interaction } from '../../types/index.js';
 interface UseAccordionTriggerArgs {
     instanceId: MaybeRef<string>;
     viewId: string;
     trigger: Interaction;
     mappedDisabled: ComputedRef<boolean>;
-    elRef: Ref<InstanceType<typeof Primitive> | null>;
+    elRef: Ref<InstanceType<typeof VuePrimitive> | null>;
 }
 export declare function useAccordionTrigger(args: UseAccordionTriggerArgs): {
     onMouseenter: () => void;

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

@@ -1,5 +1,5 @@
 import {} from "vue";
-import { Primitive } from "@maas/vue-primitive";
+import { VuePrimitive } from "@maas/vue-primitive";
 import { useFocus } from "@vueuse/core";
 import { useAccordionView } from "./useAccordionView.mjs";
 export function useAccordionTrigger(args) {

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

@@ -11,11 +11,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<MagicCommandItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    enter: () => any;
     click: (event: MouseEvent) => any;
+    enter: () => any;
 }, string, import("vue").PublicProps, Readonly<MagicCommandItemProps> & Readonly<{
-    onEnter?: (() => any) | undefined;
     onClick?: ((event: MouseEvent) => any) | undefined;
+    onEnter?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -11,11 +11,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<MagicCommandItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    enter: () => any;
     click: (event: MouseEvent) => any;
+    enter: () => any;
 }, string, import("vue").PublicProps, Readonly<MagicCommandItemProps> & Readonly<{
-    onEnter?: (() => any) | undefined;
     onClick?: ((event: MouseEvent) => any) | undefined;
+    onEnter?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,13 +1,17 @@
 <template>
-  <primitive :data-id="id" :as-child="asChild" class="magic-command-provider">
+  <vue-primitive
+    :data-id="id"
+    :as-child="asChild"
+    class="magic-command-provider"
+  >
     <slot />
-  </primitive>
+  </vue-primitive>
 </template>
 
 <script setup>
 import { shallowRef, provide, watch, onBeforeUnmount } from "vue";
 import { useMagicKeys, usePointer } from "@vueuse/core";
-import { Primitive } from "@maas/vue-primitive";
+import { VuePrimitive } from "@maas/vue-primitive";
 import { useMagicError } from "@maas/vue-equipment/plugins/MagicError";
 import { createDefu } from "defu";
 import { useCommandState } from "../composables/private/useCommandState";

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

@@ -1,5 +1,5 @@
 <template>
-  <primitive
+  <vue-primitive
     ref="el"
     :data-id="`${mappedViewId}-trigger`"
     :data-active="mappedActive"
@@ -10,12 +10,12 @@
     @mouseenter="onMouseenter"
   >
     <slot :view-active="view?.active" :trigger-disabled="mappedDisabled" />
-  </primitive>
+  </vue-primitive>
 </template>
 
 <script setup>
 import { computed, inject, useTemplateRef, toValue, watch } from "vue";
-import { Primitive } from "@maas/vue-primitive";
+import { VuePrimitive } from "@maas/vue-primitive";
 import {
   useMagicError
 } from "@maas/vue-equipment/plugins/MagicError";

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

@@ -1,5 +1,5 @@
 import { type ComputedRef, type MaybeRef, type Ref } from 'vue';
-import { Primitive } from '@maas/vue-primitive';
+import { VuePrimitive } from '@maas/vue-primitive';
 import type { Action, Interaction } from '../../types/index.js';
 type UseCommandTriggerArgs = {
     instanceId: MaybeRef<string>;
@@ -8,7 +8,7 @@ type UseCommandTriggerArgs = {
     mappedActive?: ComputedRef<boolean>;
     trigger: Interaction[];
     action: Action;
-    elRef: Ref<InstanceType<typeof Primitive> | null>;
+    elRef: Ref<InstanceType<typeof VuePrimitive> | null>;
 };
 export declare function useCommandTrigger(args: UseCommandTriggerArgs): {
     onMouseenter: () => Promise<void>;

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

@@ -1,5 +1,5 @@
 import { nextTick } from "vue";
-import { Primitive } from "@maas/vue-primitive";
+import { VuePrimitive } from "@maas/vue-primitive";
 import { useFocus } from "@vueuse/core";
 import { useCommandView } from "./useCommandView.mjs";
 import { useCommandState } from "./useCommandState.mjs";

package/dist/plugins/MagicDraggable/src/composables/private/useDraggableDrag.mjs

@@ -214,6 +214,9 @@ export function useDraggableDrag(args) {
     );
     for (let i = 0; i < mappedSnapPoints.value.length; i++) {
       const snapPoint = mappedSnapPoints.value[i];
+      if (!snapPoint) {
+        return;
+      }
       const targetVector = vectorBetweenCoordinates(
         intermediateDraggedCoords,
         snapPoint
@@ -238,6 +241,9 @@ export function useDraggableDrag(args) {
   function findClosestSnapPoint() {
     const draggedCoords = { x: draggedX.value, y: draggedY.value };
     const closestSnapPoint = mappedSnapPoints.value.reduce((a, b) => {
+      if (!a) {
+        return b;
+      }
       return calculateDistance(a, draggedCoords) < calculateDistance(b, draggedCoords) ? a : b;
     }, mappedSnapPoints.value[0]);
     return closestSnapPoint;
@@ -310,6 +316,12 @@ export function useDraggableDrag(args) {
     });
   }
   function onPointerdown(e) {
+    const isSelect = ["SELECT", "OPTION"].includes(
+      e.target.tagName
+    );
+    if (isSelect) {
+      return;
+    }
     const scrollLockValue = toValue(scrollLock);
     if (scrollLockValue) {
       if (typeof scrollLockValue === "object" && scrollLockValue.padding) {

package/dist/plugins/MagicDraggable/src/composables/private/useDraggableSnap.mjs

@@ -138,6 +138,9 @@ export function useDraggableSnap(args) {
       easing = toValue(animation).snap?.easing
     } = args2;
     const snapPoint = snapPointsMap.value[`x${x}y${y}`];
+    if (!snapPoint) {
+      return;
+    }
     emitter.emit("beforeSnap", { id: toValue(id), snapPoint });
     cancelInterpolation();
     interpolationIdY.value = interpolate({

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

@@ -410,6 +410,12 @@ export function useDrawerDrag(args) {
     if (dragging.value) {
       return;
     } else {
+      const isSelect = ["SELECT", "OPTION"].includes(
+        e.target.tagName
+      );
+      if (isSelect) {
+        return;
+      }
       dragging.value = true;
       pointerdownTarget = e.target;
       guardedSetPointerCapture({

package/dist/plugins/MagicEmitter/src/composables/useMagicEmitter.d.ts

@@ -1,6 +1,6 @@
 export declare function useMagicEmitter(): {
     on: {
-        <Key extends "progress" | "collision" | keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents | keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents | "acceptAll" | "rejectAll" | "acceptSelected" | keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>(type: Key, handler: import("mitt").Handler<({
+        <Key extends "progress" | "acceptAll" | "acceptSelected" | "rejectAll" | "collision" | keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents | keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents | keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>(type: Key, handler: import("mitt").Handler<({
             beforeEnter: string | {
                 id: string;
                 viewId: string;
@@ -536,7 +536,7 @@ export declare function useMagicEmitter(): {
         } & Omit<object, keyof import("../../../MagicToast/src/types/index.js").ToastEvents>, "collision">, keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents>, keyof import("../../../MagicMenu/src/types/index.js").MenuEvents>, keyof import("../../../MagicModal/src/types/index.js").ModalEvents>, keyof import("../../../MagicDrawer/src/types/index.js").DrawerEvents>, keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents>, keyof import("../../../MagicCookie/src/types/index.js").CookieEvents>, keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>>): void;
     };
     off: {
-        <Key extends "progress" | "collision" | keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents | keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents | "acceptAll" | "rejectAll" | "acceptSelected" | keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>(type: Key, handler?: import("mitt").Handler<({
+        <Key extends "progress" | "acceptAll" | "acceptSelected" | "rejectAll" | "collision" | keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents | keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents | keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>(type: Key, handler?: import("mitt").Handler<({
             beforeEnter: string | {
                 id: string;
                 viewId: string;
@@ -1072,7 +1072,7 @@ export declare function useMagicEmitter(): {
         } & Omit<object, keyof import("../../../MagicToast/src/types/index.js").ToastEvents>, "collision">, keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents>, keyof import("../../../MagicMenu/src/types/index.js").MenuEvents>, keyof import("../../../MagicModal/src/types/index.js").ModalEvents>, keyof import("../../../MagicDrawer/src/types/index.js").DrawerEvents>, keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents>, keyof import("../../../MagicCookie/src/types/index.js").CookieEvents>, keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>>): void;
     };
     emit: {
-        <Key extends "progress" | "collision" | keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents | keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents | "acceptAll" | "rejectAll" | "acceptSelected" | keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>(type: Key, event: ({
+        <Key extends "progress" | "acceptAll" | "acceptSelected" | "rejectAll" | "collision" | keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents | keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents | keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>(type: Key, event: ({
             beforeEnter: string | {
                 id: string;
                 viewId: string;
@@ -1339,7 +1339,7 @@ export declare function useMagicEmitter(): {
             leave: string;
             afterLeave: string;
         } & Omit<object, keyof import("../../../MagicToast/src/types/index.js").ToastEvents>, "collision">, keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents>, keyof import("../../../MagicMenu/src/types/index.js").MenuEvents>, keyof import("../../../MagicModal/src/types/index.js").ModalEvents>, keyof import("../../../MagicDrawer/src/types/index.js").DrawerEvents>, keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents>, keyof import("../../../MagicCookie/src/types/index.js").CookieEvents>, keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>)[Key]): void;
-        <Key extends "progress" | "collision" | keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents | keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents | "acceptAll" | "rejectAll" | "acceptSelected" | keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>(type: undefined extends ({
+        <Key extends "progress" | "acceptAll" | "acceptSelected" | "rejectAll" | "collision" | keyof import("../../../MagicPlayer/src/types/index.js").PlayerEvents | keyof import("../../../MagicDraggable/src/types/index.js").DraggableEvents | keyof import("../../../MagicAccordion/src/types/index.js").AccordionEvents>(type: undefined extends ({
             beforeEnter: string | {
                 id: string;
                 viewId: string;

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

@@ -10,11 +10,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<MagicMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    enter: () => any;
     click: (event: MouseEvent) => any;
+    enter: () => any;
 }, string, import("vue").PublicProps, Readonly<MagicMenuItemProps> & Readonly<{
-    onEnter?: (() => any) | undefined;
     onClick?: ((event: MouseEvent) => any) | undefined;
+    onEnter?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -10,11 +10,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<MagicMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    enter: () => any;
     click: (event: MouseEvent) => any;
+    enter: () => any;
 }, string, import("vue").PublicProps, Readonly<MagicMenuItemProps> & Readonly<{
-    onEnter?: (() => any) | undefined;
     onClick?: ((event: MouseEvent) => any) | undefined;
+    onEnter?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,12 +1,12 @@
 <template>
-  <primitive
+  <vue-primitive
     ref="el"
     :as-child="asChild"
     :data-id="id"
     class="magic-menu-provider"
   >
     <slot />
-  </primitive>
+  </vue-primitive>
 </template>
 
 <script setup>
@@ -19,7 +19,7 @@ import {
   onBeforeUnmount
 } from "vue";
 import { onClickOutside, onKeyStroke, usePointer } from "@vueuse/core";
-import { Primitive } from "@maas/vue-primitive";
+import { VuePrimitive } from "@maas/vue-primitive";
 import { defu } from "defu";
 import { useMenuState } from "../composables/private/useMenuState";
 import { useMenuView } from "../composables/private/useMenuView";

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

@@ -1,5 +1,5 @@
 <template>
-  <primitive
+  <vue-primitive
     class="magic-menu-remote"
     :data-id="`${channelId}-remote`"
     :data-disabled="disabled"
@@ -9,12 +9,12 @@
     @mouseenter="onMouseenter"
   >
     <slot :channel-active="channel?.active" :remote-disabled="disabled" />
-  </primitive>
+  </vue-primitive>
 </template>
 
 <script setup>
 import { computed, inject, watch } from "vue";
-import { Primitive } from "@maas/vue-primitive";
+import { VuePrimitive } from "@maas/vue-primitive";
 import {
   useMagicError
 } from "@maas/vue-equipment/plugins/MagicError";

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

@@ -1,5 +1,5 @@
 <template>
-  <primitive
+  <vue-primitive
     ref="el"
     :data-id="`${mappedViewId}-trigger`"
     :data-active="view?.active"
@@ -12,12 +12,12 @@
     @mouseenter="onMouseenter"
   >
     <slot :view-active="view?.active" :trigger-disabled="mappedDisabled" />
-  </primitive>
+  </vue-primitive>
 </template>
 
 <script setup>
 import { computed, inject, useTemplateRef, toValue, watch } from "vue";
-import { Primitive } from "@maas/vue-primitive";
+import { VuePrimitive } from "@maas/vue-primitive";
 import {
   useMagicError
 } from "@maas/vue-equipment/plugins/MagicError";

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

@@ -1,5 +1,5 @@
 import { type ComputedRef, type MaybeRef, type Ref } from 'vue';
-import { Primitive } from '@maas/vue-primitive';
+import { VuePrimitive } from '@maas/vue-primitive';
 import type { Interaction } from '../../types/index.js';
 type UseMenuTriggerArgs = {
     instanceId: MaybeRef<string>;
@@ -7,7 +7,7 @@ type UseMenuTriggerArgs = {
     itemId?: string;
     mappedDisabled: ComputedRef<boolean>;
     mappedTrigger: ComputedRef<Interaction[]>;
-    elRef: Ref<InstanceType<typeof Primitive> | null>;
+    elRef: Ref<InstanceType<typeof VuePrimitive> | null>;
 };
 export declare function useMenuTrigger(args: UseMenuTriggerArgs): {
     onMouseenter: () => void;

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

@@ -1,5 +1,5 @@
 import {} from "vue";
-import { Primitive } from "@maas/vue-primitive";
+import { VuePrimitive } from "@maas/vue-primitive";
 import { useMagicKeys, useFocus } from "@vueuse/core";
 import { useMenuView } from "./useMenuView.mjs";
 import { useMenuState } from "./useMenuState.mjs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment",
   "description": "Our Frontend Toolkit, Free and Open Source",
-  "version": "1.0.0-beta.40",
+  "version": "1.0.0-beta.42",
   "contributors": [
     {
       "name": "Robin Scholz",
@@ -60,7 +60,7 @@
     "@floating-ui/vue": "^1",
     "@maas/magic-timer": "^1",
     "@maas/vue-autosize": "^1",
-    "@maas/vue-primitive": "^1",
+    "@maas/vue-primitive": "^1.4",
     "@nuxt/kit": ">=3",
     "@vueuse/core": ">=12",
     "@vueuse/integrations": ">=12",