@maas/vue-equipment 1.0.0-beta.57 → 1.0.0-beta.59

package/README.md

@@ -17,7 +17,7 @@ For the full documentation visit [vue.equipment](https://vue.equipment). We are
 
 ## 🐛 Found a Bug?
 
-> If you see something that doesn't look right, [submit a bug report](https://github.com/magicasaservice/vue-equipment/issues/new?assignees=&labels=bug%2Cpending+triage&template=bug_report.yml). See it. Say it. Sorted.
+> If you see something that doesn’t look right, [submit a bug report](https://github.com/magicasaservice/vue-equipment/issues/new?assignees=&labels=bug%2Cpending+triage&template=bug_report.yml). See it. Say it. Sorted.
 
 ## 📄 License
 

package/dist/composables/useScrollTo/index.js

@@ -80,7 +80,9 @@ function useScrollTo() {
     const startTime = Date.now();
     const { x: fromX, y: fromY } = getScrollPosition(parent);
     if (fromX === top && fromY === left) {
-      if (callback) callback();
+      if (callback) {
+        callback();
+      }
       return;
     }
     const mappedDuration = { x: 500, y: 500, ...duration };

package/dist/composables/useScrollTo/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/composables/useScrollTo/index.ts"],"sourcesContent":["import {\n  unrefElement,\n  type MaybeComputedElementRef,\n  type MaybeElement,\n} from '@vueuse/core'\nimport { easeOutQuad } from '@maas/vue-equipment/utils'\n\nexport type ScrollToTarget =\n  | string\n  | Element\n  | MaybeElement\n  | MaybeComputedElementRef\n\nexport type ScrollToParent = ScrollToTarget | Window\n\nexport type ScrollToParams = {\n  parent?: Element | Window\n  left: number\n  top: number\n  duration?: { x?: number; y?: number }\n  easing?: (t: number) => number\n  callback?: () => void\n}\n\nexport type getScrollDurationParams = {\n  parent: Element | Window\n  left: number\n  top: number\n  speed: number\n}\n\nexport type scrollToTargetParams = {\n  target: ScrollToTarget\n  parent?: ScrollToParent\n  offset?: {\n    x?: number\n    y?: number\n  }\n  speed?: number\n  easing?: (t: number) => number\n}\n\n// Private functions\nfunction min(a: number, b: number) {\n  return a < b ? a : b\n}\n\nfunction unwrapParent(parent: ScrollToParent) {\n  if (parent === window) {\n    return parent\n  } else if (typeof parent === 'string') {\n    return document.querySelector(parent) || document.documentElement\n  } else {\n    return (\n      unrefElement(parent as MaybeComputedElementRef<MaybeElement>) ||\n      document.documentElement\n    )\n  }\n}\n\nfunction unwrapTarget(target: ScrollToTarget, parentEl: Element | Window) {\n  if (typeof target === 'string') {\n    const queryTarget = parentEl === window ? document : (parentEl as Element)\n    return queryTarget.querySelector(target)\n  } else {\n    return unrefElement(target as MaybeComputedElementRef<MaybeElement>)\n  }\n}\n\nfunction isHtmlElement(\n  parentEl: Window | SVGElement | Element\n): parentEl is HTMLElement {\n  return parentEl instanceof HTMLElement\n}\n\nfunction disableScrollSnap(parentEl: Window | SVGElement | Element) {\n  if (isHtmlElement(parentEl)) {\n    parentEl.style.scrollSnapType = 'none'\n  }\n}\n\nfunction reenableScrollSnap(parentEl: Window | SVGElement | Element) {\n  if (isHtmlElement(parentEl)) {\n    parentEl.style.scrollSnapType = ''\n  }\n}\n\n// Public composable\nexport function useScrollTo() {\n  function getScrollPosition(element: Element | Window): {\n    x: number\n    y: number\n  } {\n    if (element === window) {\n      return { x: window.scrollX, y: window.scrollY }\n    } else if (element instanceof Element) {\n      return { x: element.scrollLeft, y: element.scrollTop }\n    } else {\n      return { x: 0, y: 0 }\n    }\n  }\n\n  function getDistance(\n    target: Element,\n    parent?: Element | Window\n  ): { top: number; left: number } {\n    const rect = target.getBoundingClientRect()\n    const scrollEl =\n      parent || document.scrollingElement || document.documentElement\n\n    const scrollTop = scrollEl instanceof Window ? 0 : scrollEl.scrollTop\n    const scrollLeft = scrollEl instanceof Window ? 0 : scrollEl.scrollLeft\n\n    return {\n      top: rect.top + scrollTop,\n      left: rect.left + scrollLeft,\n    }\n  }\n\n  function getScrollDuration({\n    parent = document.documentElement || document.body,\n    left = 0,\n    top = 0,\n    speed = 500,\n  }: getScrollDurationParams) {\n    const currentPos = getScrollPosition(parent)\n    const distanceX = currentPos.x - left\n    const distanceY = currentPos.y - top\n    const durationX = Math.abs((distanceX / speed) * 100)\n    const durationY = Math.abs((distanceY / speed) * 100)\n\n    return { x: durationX, y: durationY }\n  }\n\n  function scrollTo({\n    parent = document.documentElement || document.body,\n    top,\n    left,\n    duration = {},\n    easing = easeOutQuad,\n    callback,\n  }: ScrollToParams) {\n    const startTime = Date.now()\n    const { x: fromX, y: fromY } = getScrollPosition(parent)\n\n    if (fromX === top && fromY === left) {\n      if (callback) callback()\n      return\n    }\n\n    const mappedDuration = { x: 500, y: 500, ...duration }\n\n    const scroll = () => {\n      const currentTime = Date.now()\n\n      const timeX = min(1, (currentTime - startTime) / mappedDuration.x)\n      const timeY = min(1, (currentTime - startTime) / mappedDuration.y)\n      const easedTimeX = easing(timeX)\n      const easedTimeY = easing(timeY)\n\n      // We use the min of the two times to make sure we scroll at the same speed\n      const minTime = Math.min(easedTimeX, easedTimeY)\n\n      parent.scroll({\n        left: minTime * (left - fromX) + fromX,\n        top: minTime * (top - fromY) + fromY,\n      })\n\n      if (easedTimeX < 1 || easedTimeY < 1) {\n        requestAnimationFrame(scroll)\n      } else if (callback) {\n        callback()\n      }\n    }\n\n    requestAnimationFrame(scroll)\n  }\n\n  function scrollToTarget({\n    target,\n    parent = document.documentElement || document.body,\n    offset = {},\n    speed = 500,\n    easing = easeOutQuad,\n  }: scrollToTargetParams) {\n    const parentEl = unwrapParent(parent)\n    if (!parentEl) {\n      return\n    }\n    const targetEl = unwrapTarget(target, parentEl)\n    if (!targetEl) {\n      return\n    }\n\n    disableScrollSnap(parentEl)\n\n    const mappedOffset = { x: 0, y: 0, ...offset }\n    const distance = getDistance(targetEl, parentEl)\n    const leftDistance = distance.left - mappedOffset.x\n    const topDistance = distance.top - mappedOffset.y\n\n    const scrollDuration = getScrollDuration({\n      parent: parentEl,\n      left: leftDistance,\n      top: topDistance,\n      speed: speed,\n    })\n\n    scrollTo({\n      parent: parentEl,\n      left: leftDistance,\n      top: topDistance,\n      duration: scrollDuration,\n      easing: easing,\n      callback: () => reenableScrollSnap(parentEl),\n    })\n  }\n\n  return {\n    getScrollPosition,\n    getDistance,\n    getScrollDuration,\n    scrollTo,\n    scrollToTarget,\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../packages/composables/useScrollTo/index.ts"],"sourcesContent":["import {\n  unrefElement,\n  type MaybeComputedElementRef,\n  type MaybeElement,\n} from '@vueuse/core'\nimport { easeOutQuad } from '@maas/vue-equipment/utils'\n\nexport type ScrollToTarget =\n  | string\n  | Element\n  | MaybeElement\n  | MaybeComputedElementRef\n\nexport type ScrollToParent = ScrollToTarget | Window\n\nexport type ScrollToParams = {\n  parent?: Element | Window\n  left: number\n  top: number\n  duration?: { x?: number; y?: number }\n  easing?: (t: number) => number\n  callback?: () => void\n}\n\nexport type getScrollDurationParams = {\n  parent: Element | Window\n  left: number\n  top: number\n  speed: number\n}\n\nexport type scrollToTargetParams = {\n  target: ScrollToTarget\n  parent?: ScrollToParent\n  offset?: {\n    x?: number\n    y?: number\n  }\n  speed?: number\n  easing?: (t: number) => number\n}\n\n// Private functions\nfunction min(a: number, b: number) {\n  return a < b ? a : b\n}\n\nfunction unwrapParent(parent: ScrollToParent) {\n  if (parent === window) {\n    return parent\n  } else if (typeof parent === 'string') {\n    return document.querySelector(parent) || document.documentElement\n  } else {\n    return (\n      unrefElement(parent as MaybeComputedElementRef<MaybeElement>) ||\n      document.documentElement\n    )\n  }\n}\n\nfunction unwrapTarget(target: ScrollToTarget, parentEl: Element | Window) {\n  if (typeof target === 'string') {\n    const queryTarget = parentEl === window ? document : (parentEl as Element)\n    return queryTarget.querySelector(target)\n  } else {\n    return unrefElement(target as MaybeComputedElementRef<MaybeElement>)\n  }\n}\n\nfunction isHtmlElement(\n  parentEl: Window | SVGElement | Element\n): parentEl is HTMLElement {\n  return parentEl instanceof HTMLElement\n}\n\nfunction disableScrollSnap(parentEl: Window | SVGElement | Element) {\n  if (isHtmlElement(parentEl)) {\n    parentEl.style.scrollSnapType = 'none'\n  }\n}\n\nfunction reenableScrollSnap(parentEl: Window | SVGElement | Element) {\n  if (isHtmlElement(parentEl)) {\n    parentEl.style.scrollSnapType = ''\n  }\n}\n\n// Public composable\nexport function useScrollTo() {\n  function getScrollPosition(element: Element | Window): {\n    x: number\n    y: number\n  } {\n    if (element === window) {\n      return { x: window.scrollX, y: window.scrollY }\n    } else if (element instanceof Element) {\n      return { x: element.scrollLeft, y: element.scrollTop }\n    } else {\n      return { x: 0, y: 0 }\n    }\n  }\n\n  function getDistance(\n    target: Element,\n    parent?: Element | Window\n  ): { top: number; left: number } {\n    const rect = target.getBoundingClientRect()\n    const scrollEl =\n      parent || document.scrollingElement || document.documentElement\n\n    const scrollTop = scrollEl instanceof Window ? 0 : scrollEl.scrollTop\n    const scrollLeft = scrollEl instanceof Window ? 0 : scrollEl.scrollLeft\n\n    return {\n      top: rect.top + scrollTop,\n      left: rect.left + scrollLeft,\n    }\n  }\n\n  function getScrollDuration({\n    parent = document.documentElement || document.body,\n    left = 0,\n    top = 0,\n    speed = 500,\n  }: getScrollDurationParams) {\n    const currentPos = getScrollPosition(parent)\n    const distanceX = currentPos.x - left\n    const distanceY = currentPos.y - top\n    const durationX = Math.abs((distanceX / speed) * 100)\n    const durationY = Math.abs((distanceY / speed) * 100)\n\n    return { x: durationX, y: durationY }\n  }\n\n  function scrollTo({\n    parent = document.documentElement || document.body,\n    top,\n    left,\n    duration = {},\n    easing = easeOutQuad,\n    callback,\n  }: ScrollToParams) {\n    const startTime = Date.now()\n    const { x: fromX, y: fromY } = getScrollPosition(parent)\n\n    if (fromX === top && fromY === left) {\n      if (callback) {\n        callback()\n      }\n      return\n    }\n\n    const mappedDuration = { x: 500, y: 500, ...duration }\n\n    const scroll = () => {\n      const currentTime = Date.now()\n\n      const timeX = min(1, (currentTime - startTime) / mappedDuration.x)\n      const timeY = min(1, (currentTime - startTime) / mappedDuration.y)\n      const easedTimeX = easing(timeX)\n      const easedTimeY = easing(timeY)\n\n      // We use the min of the two times to make sure we scroll at the same speed\n      const minTime = Math.min(easedTimeX, easedTimeY)\n\n      parent.scroll({\n        left: minTime * (left - fromX) + fromX,\n        top: minTime * (top - fromY) + fromY,\n      })\n\n      if (easedTimeX < 1 || easedTimeY < 1) {\n        requestAnimationFrame(scroll)\n      } else if (callback) {\n        callback()\n      }\n    }\n\n    requestAnimationFrame(scroll)\n  }\n\n  function scrollToTarget({\n    target,\n    parent = document.documentElement || document.body,\n    offset = {},\n    speed = 500,\n    easing = easeOutQuad,\n  }: scrollToTargetParams) {\n    const parentEl = unwrapParent(parent)\n    if (!parentEl) {\n      return\n    }\n    const targetEl = unwrapTarget(target, parentEl)\n    if (!targetEl) {\n      return\n    }\n\n    disableScrollSnap(parentEl)\n\n    const mappedOffset = { x: 0, y: 0, ...offset }\n    const distance = getDistance(targetEl, parentEl)\n    const leftDistance = distance.left - mappedOffset.x\n    const topDistance = distance.top - mappedOffset.y\n\n    const scrollDuration = getScrollDuration({\n      parent: parentEl,\n      left: leftDistance,\n      top: topDistance,\n      speed: speed,\n    })\n\n    scrollTo({\n      parent: parentEl,\n      left: leftDistance,\n      top: topDistance,\n      duration: scrollDuration,\n      easing: easing,\n      callback: () => reenableScrollSnap(parentEl),\n    })\n  }\n\n  return {\n    getScrollPosition,\n    getDistance,\n    getScrollDuration,\n    scrollTo,\n    scrollToTarget,\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/nuxt/module.json

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

package/dist/nuxt/module.mjs

@@ -137,7 +137,7 @@ const functions$1 = [
 	{
 		name: "useScrollTo",
 		"package": "composables",
-		lastUpdated: 1757314730000,
+		lastUpdated: 1780311933000,
 		docs: "https://maas.egineering/vue-equipment/composables/useScrollTo/",
 		description: "Scroll to an element with consistent speed"
 	}
@@ -145,8 +145,12 @@ const functions$1 = [
 
 const functions = functions$1;
 functions.map((f) => f.name);
-const plugins = functions.filter((p) => p.package === "plugins");
-const composables = functions.filter((p) => p.package === "composables");
+const plugins = functions.filter(
+  (p) => p.package === "plugins" && !p.internal
+);
+const composables = functions.filter(
+  (p) => p.package === "composables" && !p.internal
+);
 
 const module$1 = defineNuxtModule({
   meta: {

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

@@ -8,6 +8,7 @@ export interface MagicAccordionOptions {
         easing: (t: number) => number;
     };
 }
+export type RequiredMagicAccordionOptions = Required<MagicAccordionOptions>;
 export interface AccordionView {
     id: string;
     active: boolean;

package/dist/plugins/MagicAccordion/src/utils/defaultOptions.d.ts

@@ -1,4 +1,3 @@
-import type { MagicAccordionOptions } from '../types/index.js';
-import { type RequireAll } from '@maas/vue-equipment/utils';
-declare const defaultOptions: RequireAll<MagicAccordionOptions>;
+import type { RequiredMagicAccordionOptions } from '../types/index.js';
+declare const defaultOptions: RequiredMagicAccordionOptions;
 export { defaultOptions };

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

@@ -13,25 +13,16 @@ import { shallowRef, provide, watch } from "vue";
 import { useMagicKeys, usePointer } from "@vueuse/core";
 import { VuePrimitive } from "@maas/vue-primitive";
 import { useMagicError } from "@maas/vue-equipment/plugins/MagicError";
-import { createDefu } from "defu";
 import { useCommandState } from "../composables/private/useCommandState";
 import { useMagicCommand } from "../composables/useMagicCommand";
-import { defaultOptions } from "../utils/defaultOptions";
 import { MagicCommandInstanceId, MagicCommandProviderOptions } from "../symbols";
 const { id, options = {} } = defineProps({
   id: { type: null, required: true },
   asChild: { type: Boolean, required: false },
   options: { type: Object, required: false }
 });
-const customDefu = createDefu((obj, key, value) => {
-  if (key === "open" || key === "close" || key === "next" || key === "prev") {
-    obj[key] = value;
-    return true;
-  }
-});
-const mappedOptions = customDefu(options, defaultOptions);
 const { initializeState } = useCommandState(id);
-const state = initializeState(mappedOptions);
+const state = initializeState(options);
 const lastX = shallowRef(0);
 const lastY = shallowRef(0);
 const { x, y } = usePointer();
@@ -58,8 +49,8 @@ const { logWarning } = useMagicError({
   prefix: "MagicCommand",
   source: "MagicCommandProvider"
 });
-if (mappedOptions.keyListener?.open) {
-  for (const key of mappedOptions.keyListener.open) {
+if (state.options.keyListener?.open) {
+  for (const key of state.options.keyListener.open) {
     const mappedKey = keys[key];
     if (!mappedKey) {
       logWarning(`The key \u201C${key}\u201D is not supported by MagicCommand`);
@@ -72,8 +63,8 @@ if (mappedOptions.keyListener?.open) {
     });
   }
 }
-if (mappedOptions.keyListener?.close) {
-  for (const key of mappedOptions.keyListener.close) {
+if (state.options.keyListener?.close) {
+  for (const key of state.options.keyListener.close) {
     const mappedKey = keys[key];
     if (!mappedKey) {
       logWarning(`The key \u201C${key}\u201D is not supported by MagicCommand`);
@@ -87,7 +78,7 @@ if (mappedOptions.keyListener?.close) {
   }
 }
 provide(MagicCommandInstanceId, id);
-provide(MagicCommandProviderOptions, mappedOptions);
+provide(MagicCommandProviderOptions, state.options);
 </script>
 
 <style>

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

@@ -1,5 +1,5 @@
 import { reactive, toValue, onScopeDispose } from "vue";
-import { defu } from "defu";
+import { createDefu } from "defu";
 import { createStateStore } from "@maas/vue-equipment/utils";
 import { defaultOptions } from "../../utils/defaultOptions.mjs";
 const getCommandStateStore = createStateStore(
@@ -9,6 +9,12 @@ const getCommandStateStore = createStateStore(
 export function useCommandState(instanceId) {
   const commandStateStore = getCommandStateStore();
   let scopeCounted = false;
+  const customDefu = createDefu((obj, key, value) => {
+    if (key === "open" || key === "close" || key === "next" || key === "prev") {
+      obj[key] = value;
+      return true;
+    }
+  });
   function createState(id) {
     const view = commandStateStore.value.find((state2) => state2.id === id)?.views.findLast((view2) => view2.active)?.id;
     const state = {
@@ -47,7 +53,7 @@ export function useCommandState(instanceId) {
       scopeCounted = true;
     }
     if (options) {
-      const mappedOptions = defu(options, defaultOptions);
+      const mappedOptions = customDefu(options, defaultOptions);
       state.options = mappedOptions;
     }
     return state;

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

@@ -68,7 +68,9 @@ export function useCommandView(id) {
     let view = viewMap.get(id2);
     if (!view) {
       view = state.views.find((v) => v.id === id2);
-      if (view) viewMap.set(id2, view);
+      if (view) {
+        viewMap.set(id2, view);
+      }
     }
     return view;
   }

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

@@ -15,7 +15,7 @@ export interface MagicCommandOptions {
     };
     loop?: boolean;
 }
-export type CommandDefaultOptions = RequireAllNested<MagicCommandOptions>;
+export type RequiredMagicCommandOptions = RequireAllNested<MagicCommandOptions>;
 export type Action = 'open' | 'close';
 export type Interaction = 'click' | 'mouseenter';
 export interface CommandItem {

package/dist/plugins/MagicCommand/src/utils/defaultOptions.d.ts

@@ -1,3 +1,3 @@
-import type { CommandDefaultOptions } from '../types/index.js';
-declare const defaultOptions: CommandDefaultOptions;
+import type { RequiredMagicCommandOptions } from '../types/index.js';
+declare const defaultOptions: RequiredMagicCommandOptions;
 export { defaultOptions };

package/dist/plugins/MagicCookie/src/components/MagicCookieProvider.d.vue.ts

@@ -4,9 +4,9 @@ type MagicCookieProviderProps = {
     id: MaybeRef<string>;
     options?: MagicCookieOptions;
 };
-declare var __VLS_7: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<MagicCookieProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicCookieProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,26 +1,18 @@
 <template>
-  <client-only>
-    <div class="magic-cookie-provider" v-bind="$attrs">
-      <slot />
-    </div>
-  </client-only>
+  <div class="magic-cookie-provider">
+    <slot />
+  </div>
 </template>
 
 <script setup>
 import { provide } from "vue";
-import { defu } from "defu";
 import { useCookieState } from "../composables/private/useCookieState";
-import { defaultOptions } from "../utils/defaultOptions";
 import { MagicCookieInstanceId } from "../symbols";
-defineOptions({
-  inheritAttrs: false
-});
 const { id, options } = defineProps({
   id: { type: null, required: true },
   options: { type: Object, required: false }
 });
-const mappedOptions = defu(options, defaultOptions);
 const { initializeState } = useCookieState(id);
-initializeState(mappedOptions);
+initializeState(options);
 provide(MagicCookieInstanceId, id);
 </script>

package/dist/plugins/MagicCookie/src/components/MagicCookieProvider.vue.d.ts

@@ -4,9 +4,9 @@ type MagicCookieProviderProps = {
     id: MaybeRef<string>;
     options?: MagicCookieOptions;
 };
-declare var __VLS_7: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<MagicCookieProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicCookieProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -22,6 +22,7 @@ export interface MagicCookieOptions {
         easing: (t: number) => number;
     };
 }
+export type RequiredMagicCookieOptions = Required<MagicCookieOptions>;
 export interface CookieEvents {
     beforeEnter: string;
     enter: string;

package/dist/plugins/MagicCookie/src/utils/defaultOptions.d.ts

@@ -1,4 +1,3 @@
-import type { MagicCookieOptions } from '../types/index.js';
-import { type RequireAll } from '@maas/vue-equipment/utils';
-declare const defaultOptions: RequireAll<MagicCookieOptions>;
+import type { RequiredMagicCookieOptions } from '../types/index.js';
+declare const defaultOptions: RequiredMagicCookieOptions;
 export { defaultOptions };

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

@@ -9,7 +9,7 @@
   >
     <div ref="wrapper" class="magic-draggable__wrapper">
       <component
-        :is="mappedOptions.tag"
+        :is="state.options.tag"
         ref="el"
         class="magic-draggable__drag"
         :style="style"
@@ -25,7 +25,6 @@
 
 <script setup>
 import { useTemplateRef, computed, toValue, toRefs } from "vue";
-import { createDefu } from "defu";
 import {
   useMagicError
 } from "@maas/vue-equipment/plugins/MagicError";
@@ -43,24 +42,17 @@ const magicError = useMagicError({
   prefix: "MagicDraggable",
   source: "MagicDraggable"
 });
-const customDefu = createDefu((obj, key, value) => {
-  if (key === "snapPoints") {
-    obj[key] = value;
-    return true;
-  }
-});
-const mappedOptions = customDefu(options, defaultOptions);
 const mappedId = toValue(id);
-if (!mappedOptions.snapPoints.length) {
+const elRef = useTemplateRef("el");
+const wrapperRef = useTemplateRef("wrapper");
+const { initializeState } = useDraggableState(id);
+const state = initializeState(options);
+if (!state.options.snapPoints.length) {
   magicError.throwError({
     message: "MagicDraggable must have at least one snap point set",
     errorCode: "missing_snap_point"
   });
 }
-const elRef = useTemplateRef("el");
-const wrapperRef = useTemplateRef("wrapper");
-const { initializeState } = useDraggableState(id);
-const state = initializeState();
 const { dragging, activeSnapPoint } = toRefs(state);
 const disabled = computed(() => {
   if (options.disabled === void 0) {
@@ -69,7 +61,7 @@ const disabled = computed(() => {
     return options.disabled;
   }
 });
-const { snapPoints, animation, initial, threshold, scrollLock } = mappedOptions;
+const { snapPoints, animation, initial, threshold, scrollLock } = state.options;
 const { onPointerdown, onClick, style, hasDragged } = useDraggableDrag({
   id,
   elRef,

package/dist/plugins/MagicDraggable/src/composables/private/useDraggableDrag.d.ts

@@ -1,14 +1,14 @@
 import { type Ref, type MaybeRef } from 'vue';
-import type { DraggableDefaultOptions } from '../../types/index.js';
+import type { RequiredMagicDraggableOptions } from '../../types/index.js';
 type UseDraggableDragArgs = {
     id: MaybeRef<string>;
     elRef: Ref<HTMLElement | null>;
     wrapperRef: Ref<HTMLDivElement | null>;
-    threshold: MaybeRef<DraggableDefaultOptions['threshold']>;
-    snapPoints: MaybeRef<DraggableDefaultOptions['snapPoints']>;
-    animation: MaybeRef<DraggableDefaultOptions['animation']>;
-    initial: MaybeRef<DraggableDefaultOptions['initial']>;
-    scrollLock: MaybeRef<DraggableDefaultOptions['scrollLock']>;
+    threshold: MaybeRef<RequiredMagicDraggableOptions['threshold']>;
+    snapPoints: MaybeRef<RequiredMagicDraggableOptions['snapPoints']>;
+    animation: MaybeRef<RequiredMagicDraggableOptions['animation']>;
+    initial: MaybeRef<RequiredMagicDraggableOptions['initial']>;
+    scrollLock: MaybeRef<RequiredMagicDraggableOptions['scrollLock']>;
 };
 export declare function useDraggableDrag(args: UseDraggableDragArgs): {
     initialize: () => Promise<void>;

package/dist/plugins/MagicDraggable/src/composables/private/useDraggableSnap.d.ts

@@ -1,9 +1,9 @@
 import { type MaybeRef } from 'vue';
-import type { DraggableSnapPoint, Coordinates, DraggableDefaultOptions } from '../../types/index.js';
+import type { DraggableSnapPoint, Coordinates, RequiredMagicDraggableOptions } from '../../types/index.js';
 type UseDraggableSnapArgs = {
     id: MaybeRef<string>;
-    animation: MaybeRef<DraggableDefaultOptions['animation']>;
-    snapPoints: MaybeRef<DraggableDefaultOptions['snapPoints']>;
+    animation: MaybeRef<RequiredMagicDraggableOptions['animation']>;
+    snapPoints: MaybeRef<RequiredMagicDraggableOptions['snapPoints']>;
 };
 type InterpolateDraggedArgs = {
     x: number;

package/dist/plugins/MagicDraggable/src/composables/private/useDraggableState.d.ts

@@ -1,6 +1,6 @@
 import { type MaybeRef } from 'vue';
-import type { DraggableState } from '../../types/index.js';
+import type { DraggableState, MagicDraggableOptions } from '../../types/index.js';
 export declare function useDraggableState(id: MaybeRef<string>): {
-    initializeState: () => DraggableState;
+    initializeState: (options?: MagicDraggableOptions) => DraggableState;
     draggableStateStore: import("vue").Ref<DraggableState[], DraggableState[]>;
 };

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

@@ -1,5 +1,7 @@
 import { reactive, toValue, onScopeDispose } from "vue";
 import { createStateStore } from "@maas/vue-equipment/utils";
+import { createDefu } from "defu";
+import { defaultOptions } from "../../utils/defaultOptions.mjs";
 const getDraggableStateStore = createStateStore(
   "MagicDraggable",
   () => []
@@ -7,6 +9,12 @@ const getDraggableStateStore = createStateStore(
 export function useDraggableState(id) {
   const draggableStateStore = getDraggableStateStore();
   let scopeCounted = false;
+  const customDefu = createDefu((obj, key, value) => {
+    if (key === "snapPoints") {
+      obj[key] = value;
+      return true;
+    }
+  });
   function createState(id2) {
     const state = {
       id: id2,
@@ -24,7 +32,8 @@ export function useDraggableState(id) {
       draggedY: 0,
       elRect: void 0,
       wrapperRect: void 0,
-      activeSnapPoint: void 0
+      activeSnapPoint: void 0,
+      options: defaultOptions
     };
     return reactive(state);
   }
@@ -39,7 +48,7 @@ export function useDraggableState(id) {
       (x) => x.id !== currentId
     );
   }
-  function initializeState() {
+  function initializeState(options) {
     const currentId = toValue(id);
     let state = draggableStateStore.value.find(
       (entry) => entry.id === currentId
@@ -47,6 +56,10 @@ export function useDraggableState(id) {
     if (!state) {
       state = addState(currentId);
     }
+    if (options) {
+      const mappedOptions = customDefu(options, defaultOptions);
+      state.options = mappedOptions;
+    }
     if (!scopeCounted) {
       state.refCount++;
       scopeCounted = true;

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

@@ -1,4 +1,3 @@
-import type { RequireAll } from '@maas/vue-equipment/utils';
 type Position = 'top-left' | 'top' | 'top-right' | 'left' | 'center' | 'right' | 'bottom-left' | 'bottom' | 'bottom-right';
 export type Coordinates = {
     x: number;
@@ -34,9 +33,9 @@ export interface MagicDraggableOptions {
     };
     disabled?: boolean;
 }
-export type DraggableDefaultOptions = RequireAll<MagicDraggableOptions> & {
-    threshold: RequireAll<MagicDraggableOptions['threshold']>;
-    animation: RequireAll<MagicDraggableOptions['animation']>;
+export type RequiredMagicDraggableOptions = Required<MagicDraggableOptions> & {
+    threshold: Required<MagicDraggableOptions['threshold']>;
+    animation: Required<MagicDraggableOptions['animation']>;
 };
 export interface DraggableState {
     id: string;
@@ -55,6 +54,7 @@ export interface DraggableState {
     elRect: DOMRect | undefined;
     wrapperRect: DOMRect | undefined;
     activeSnapPoint: DraggableSnapPoint | undefined;
+    options: RequiredMagicDraggableOptions;
 }
 export interface DraggableEvents {
     beforeSnap: {

package/dist/plugins/MagicDraggable/src/utils/defaultOptions.d.ts

@@ -1,3 +1,3 @@
-import type { DraggableDefaultOptions } from '../types/index.js';
-declare const defaultOptions: DraggableDefaultOptions;
+import type { RequiredMagicDraggableOptions } from '../types/index.js';
+declare const defaultOptions: RequiredMagicDraggableOptions;
 export { defaultOptions };

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

@@ -1,7 +1,12 @@
 import MagicDrawer from './src/components/MagicDrawer.vue.js';
+import MagicDrawerProvider from './src/components/MagicDrawerProvider.vue.js';
+import MagicDrawerTeleport from './src/components/MagicDrawerTeleport.vue.js';
+import MagicDrawerBackdrop from './src/components/MagicDrawerBackdrop.vue.js';
+import MagicDrawerContent from './src/components/MagicDrawerContent.vue.js';
+import MagicDrawerTrigger from './src/components/MagicDrawerTrigger.vue.js';
 import { useMagicDrawer } from './src/composables/useMagicDrawer.js';
 import type { Plugin } from 'vue';
 import type { MagicDrawerOptions } from './src/types/index.js';
 declare const MagicDrawerPlugin: Plugin;
-export { MagicDrawerPlugin, MagicDrawer, useMagicDrawer };
+export { MagicDrawerPlugin, MagicDrawer, MagicDrawerProvider, MagicDrawerTeleport, MagicDrawerBackdrop, MagicDrawerContent, MagicDrawerTrigger, useMagicDrawer, };
 export type { MagicDrawerOptions };

package/dist/plugins/MagicDrawer/index.mjs

@@ -1,8 +1,27 @@
 import MagicDrawer from "./src/components/MagicDrawer.vue";
+import MagicDrawerProvider from "./src/components/MagicDrawerProvider.vue";
+import MagicDrawerTeleport from "./src/components/MagicDrawerTeleport.vue";
+import MagicDrawerBackdrop from "./src/components/MagicDrawerBackdrop.vue";
+import MagicDrawerContent from "./src/components/MagicDrawerContent.vue";
+import MagicDrawerTrigger from "./src/components/MagicDrawerTrigger.vue";
 import { useMagicDrawer } from "./src/composables/useMagicDrawer.mjs";
 const MagicDrawerPlugin = {
   install: (app) => {
     app.component("MagicDrawer", MagicDrawer);
+    app.component("MagicDrawerProvider", MagicDrawerProvider);
+    app.component("MagicDrawerTeleport", MagicDrawerTeleport);
+    app.component("MagicDrawerBackdrop", MagicDrawerBackdrop);
+    app.component("MagicDrawerContent", MagicDrawerContent);
+    app.component("MagicDrawerTrigger", MagicDrawerTrigger);
   }
 };
-export { MagicDrawerPlugin, MagicDrawer, useMagicDrawer };
+export {
+  MagicDrawerPlugin,
+  MagicDrawer,
+  MagicDrawerProvider,
+  MagicDrawerTeleport,
+  MagicDrawerBackdrop,
+  MagicDrawerContent,
+  MagicDrawerTrigger,
+  useMagicDrawer
+};

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

@@ -1,24 +1,14 @@
 import { type MaybeRef } from 'vue';
 import type { MagicDrawerOptions } from '../types/index.js';
-import '@maas/vue-equipment/utils/css/keyframes/fade-in.css';
-import '@maas/vue-equipment/utils/css/keyframes/fade-out.css';
-import '@maas/vue-equipment/utils/css/keyframes/slide-ltr-in.css';
-import '@maas/vue-equipment/utils/css/keyframes/slide-rtl-in.css';
-import '@maas/vue-equipment/utils/css/keyframes/slide-ttb-in.css';
-import '@maas/vue-equipment/utils/css/keyframes/slide-btt-in.css';
-import '@maas/vue-equipment/utils/css/keyframes/slide-ltr-out.css';
-import '@maas/vue-equipment/utils/css/keyframes/slide-rtl-out.css';
-import '@maas/vue-equipment/utils/css/keyframes/slide-ttb-out.css';
-import '@maas/vue-equipment/utils/css/keyframes/slide-btt-out.css';
 interface MagicDrawerProps {
     id: MaybeRef<string>;
     options?: MagicDrawerOptions;
 }
-declare var __VLS_11: {}, __VLS_38: {};
+declare var __VLS_14: {}, __VLS_20: {};
 type __VLS_Slots = {} & {
-    backdrop?: (props: typeof __VLS_11) => any;
+    backdrop?: (props: typeof __VLS_14) => any;
 } & {
-    default?: (props: typeof __VLS_38) => any;
+    default?: (props: typeof __VLS_20) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<MagicDrawerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicDrawerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;