@maas/vue-equipment 0.11.2 → 0.11.3

package/dist/nuxt/module.json

@@ -1,5 +1,5 @@
 {
   "name": "@maas/vue-equipment",
   "configKey": "vueEquipment",
-  "version": "0.11.1"
+  "version": "0.11.2"
 }

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

@@ -6,7 +6,7 @@
       :disabled="mappedOptions.teleport?.disabled"
     >
       <component
-        :is="options.tag"
+        :is="mappedOptions.tag"
         ref="modal"
         class="magic-modal"
         :id="toValue(id)"
@@ -68,7 +68,7 @@ import { defaultOptions } from './../utils/defaultOptions'
 import { useModalApi } from './../composables/useModalApi'
 import { useModalCallback } from '../composables/private/useModalCallback'
 
-import type { Options } from './../types/index'
+import type { ModalOptions } from './../types/index'
 
 import { createDefu } from 'defu'
 
@@ -85,7 +85,7 @@ interface MagicModalProps {
   class?: MaybeRef<string>
   component?: Component
   props?: Record<string, unknown>
-  options?: Options
+  options?: ModalOptions
 }
 
 const props = withDefaults(defineProps<MagicModalProps>(), {

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

@@ -1,5 +1,5 @@
 import { type Component, type MaybeRef } from 'vue';
-import type { Options } from './../types/index';
+import type { ModalOptions } from './../types/index';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     props: {
         type: import("vue").PropType<Record<string, unknown>>;
@@ -15,8 +15,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<Component>;
     };
     options: {
-        type: import("vue").PropType<Options>;
-        default: () => Options;
+        type: import("vue").PropType<ModalOptions>;
+        default: () => RequireAll<ModalOptions>;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     props: {
@@ -33,11 +33,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<Component>;
     };
     options: {
-        type: import("vue").PropType<Options>;
-        default: () => Options;
+        type: import("vue").PropType<ModalOptions>;
+        default: () => RequireAll<ModalOptions>;
     };
 }>>, {
-    options: Options;
+    options: ModalOptions;
 }, {}>, {
     backdrop?(_: {}): any;
     default?(_: {}): any;

package/dist/plugins/MagicModal/src/composables/private/useModalCallback.d.ts

@@ -1,8 +1,8 @@
 import { type Ref, type MaybeRef } from 'vue';
-import type { Options } from '../../types.js';
+import type { ModalOptions } from '../../types.js';
 type Args = {
     id: MaybeRef<string>;
-    mappedOptions: Options;
+    mappedOptions: ModalOptions;
     addScrollLockPadding: () => void;
     removeScrollLockPadding: () => void;
     lockScroll: () => void;

package/dist/plugins/MagicModal/src/composables/useModalApi.d.ts

@@ -1,7 +1,7 @@
 import { type MaybeRef } from 'vue';
-import type { Options } from '../types/index.js';
+import type { ModalOptions } from '../types/index.js';
 import type { MaybeElementRef } from '@vueuse/core';
-export type useModalApiOptions = Pick<Options, 'scrollLock'> & {
+export type useModalApiOptions = Pick<ModalOptions, 'scrollLock'> & {
     focusTarget: MaybeElementRef;
 };
 export declare function useModalApi(id?: MaybeRef<string>, options?: useModalApiOptions): {

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

@@ -1,4 +1,4 @@
-type Options = {
+export type ModalOptions = {
     backdrop?: boolean;
     focusTrap?: boolean;
     scrollLock?: boolean;
@@ -14,7 +14,7 @@ type Options = {
     tag?: 'dialog' | 'div';
     keys?: string[] | false;
 };
-type ModalEvents = {
+export type ModalEvents = {
     beforeEnter: string;
     enter: string;
     afterEnter: string;
@@ -22,4 +22,3 @@ type ModalEvents = {
     leave: string;
     afterLeave: string;
 };
-export type { Options, ModalEvents };

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

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

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

@@ -8,39 +8,28 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, onUnmounted, computed, watch, ref, shallowRef } from 'vue'
+import { onMounted, onUnmounted, watch, shallowRef } from 'vue'
 import { useResizeObserver, useDebounceFn } from '@vueuse/core'
 import { useNoiseApi } from '../composables/useNoiseApi'
+import type { NoiseOptions } from '../types'
 
 interface Props {
-  pixelSize?: number
-  tiles?: number
-  fps?: number
-  color?: string
+  options: NoiseOptions
   pause?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  pixelSize: 2,
-  tiles: 32,
-  fps: 8,
-  color: '#000',
   pause: false,
 })
 
 const canvasRef = shallowRef<HTMLCanvasElement | undefined>(undefined)
 const offCanvasRef = shallowRef<HTMLCanvasElement | undefined>(undefined)
 
-const options = computed(() => {
-  return {
-    pixelSize: props.pixelSize,
-    tiles: props.tiles,
-    fps: props.fps,
-    color: props.color,
-  }
+const noiseApi = useNoiseApi({
+  canvasRef,
+  offCanvasRef,
+  options: props.options,
 })
-
-const noiseApi = useNoiseApi({ canvasRef, offCanvasRef, options })
 const {
   initialize,
   drawControls,

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

@@ -1,50 +1,23 @@
+import type { NoiseOptions } from '../types';
 declare const _default: import("vue").DefineComponent<{
     pause: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    pixelSize: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    tiles: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    fps: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    color: {
-        type: import("vue").PropType<string>;
-        default: string;
+    options: {
+        type: import("vue").PropType<NoiseOptions>;
+        required: true;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     pause: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    pixelSize: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    tiles: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    fps: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    color: {
-        type: import("vue").PropType<string>;
-        default: string;
+    options: {
+        type: import("vue").PropType<NoiseOptions>;
+        required: true;
     };
 }>>, {
     pause: boolean;
-    pixelSize: number;
-    tiles: number;
-    fps: number;
-    color: string;
 }, {}>;
 export default _default;

package/dist/plugins/MagicNoise/src/composables/useNoiseApi.d.ts

@@ -1,14 +1,9 @@
 import { type Ref, type MaybeRef } from 'vue';
-import type { RafControls } from '../types.js';
+import type { NoiseOptions, RafControls } from '../types.js';
 type UseNoiseApiArgs = {
     canvasRef: Ref<HTMLCanvasElement | undefined>;
     offCanvasRef: Ref<HTMLCanvasElement | undefined>;
-    options?: MaybeRef<{
-        pixelSize?: number;
-        tiles?: number;
-        color?: string;
-        fps?: number;
-    }>;
+    options?: MaybeRef<NoiseOptions>;
 };
 export declare function useNoiseApi({ canvasRef, offCanvasRef, options, }: UseNoiseApiArgs): {
     initialize: () => void;

package/dist/plugins/MagicNoise/src/composables/useNoiseApi.mjs

@@ -6,12 +6,7 @@ import {
   useThrottleFn,
   useRafFn
 } from "@vueuse/core";
-const defaultOptions = {
-  pixelSize: 2,
-  tiles: 32,
-  fps: 12,
-  color: "white"
-};
+import { defaultOptions } from "../utils/defaultOptions.mjs";
 export function useNoiseApi({
   canvasRef,
   offCanvasRef,
@@ -54,7 +49,7 @@ export function useNoiseApi({
     pixelSize,
     rotation
   }) {
-    if (pixelSize <= 0 || pixelSize <= 0) {
+    if (pixelSize <= 0) {
       return [];
     }
     const pixels2 = [];

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

@@ -7,3 +7,9 @@ export type Pixel = {
     r?: number;
 };
 export type RafControls = Pick<Pausable, 'pause' | 'resume'>;
+export type NoiseOptions = {
+    pixelSize?: number;
+    tiles?: number;
+    fps?: number;
+    color?: string;
+};

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

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

package/dist/plugins/MagicNoise/src/utils/defaultOptions.mjs

@@ -0,0 +1,7 @@
+const defaultOptions = {
+  pixelSize: 2,
+  tiles: 32,
+  fps: 12,
+  color: "white"
+};
+export { defaultOptions };

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

@@ -53,12 +53,12 @@ import { useToastCallback } from './../composables/private/useToastCallback'
 
 import MagicToastComponent from './MagicToastComponent.vue'
 
-import type { Options } from './../types/index'
+import type { ToastOptions } from './../types/index'
 
 interface MagicToastProps {
   id: MaybeRef<string>
   class: MaybeRef<string>
-  options?: Options
+  options?: ToastOptions
 }
 
 const props = defineProps<MagicToastProps>()

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

@@ -1,5 +1,5 @@
 import { type MaybeRef } from 'vue';
-import type { Options } from './../types/index';
+import type { ToastOptions } from './../types/index';
 declare const _default: import("vue").DefineComponent<{
     id: {
         type: import("vue").PropType<MaybeRef<string>>;
@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     options: {
-        type: import("vue").PropType<Options>;
+        type: import("vue").PropType<ToastOptions>;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     options: {
-        type: import("vue").PropType<Options>;
+        type: import("vue").PropType<ToastOptions>;
     };
 }>>, {}, {}>;
 export default _default;

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

@@ -12,7 +12,7 @@ type ToastInstance = {
     add: (args: AddArgs) => string;
     remove: (id: string) => void;
 };
-type Options = {
+type ToastOptions = {
     teleport?: {
         target?: string;
         disabled?: boolean;
@@ -40,4 +40,4 @@ type ToastEvents = {
 type AddArgs = Pick<Toast, 'component'> & PickPartial<Toast, 'props'> & {
     duration?: number;
 };
-export type { Toast, ToastInstance, Options, ActiveElement, ToastEvents, AddArgs, };
+export type { Toast, ToastInstance, ToastOptions, ActiveElement, ToastEvents, AddArgs, };

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

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

package/dist/utils/types/PickPartial.ts

@@ -1,3 +1 @@
-type PickPartial<T, K extends keyof T> = { [P in K]: Partial<T[P]> }
-
-export type { PickPartial }
+export type PickPartial<T, K extends keyof T> = { [P in K]: Partial<T[P]> }

package/dist/utils/types/RequireAll.ts

@@ -0,0 +1,3 @@
+export type RequireAll<T> = {
+  [P in keyof T]-?: T[P]
+}

package/package.json

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