@maas/vue-equipment 1.0.0-beta.34 → 1.0.0-beta.36

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

@@ -18,6 +18,9 @@
 
 <script setup>
 import { computed, inject, provide, onBeforeUnmount, watch, useId } from "vue";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { useMenuItem } from "../composables/private/useMenuItem";
 import { useMenuState } from "../composables/private/useMenuState";
 import { useMenuView } from "../composables/private/useMenuView";
@@ -33,18 +36,25 @@ const { id, disabled } = defineProps({
   disabled: { type: Boolean, required: false }
 });
 const emit = defineEmits(["click"]);
+const magicError = useMagicError({
+  prefix: "MagicMenu",
+  source: "MagicMenu"
+});
 const instanceId = inject(MagicMenuInstanceId, void 0);
 const viewId = inject(MagicMenuViewId, void 0);
 const contentId = inject(MagicMenuContentId, void 0);
-if (!instanceId) {
-  throw new Error("MagicMenuItem must be nested inside MagicMenuProvider");
-}
-if (!viewId) {
-  throw new Error("MagicMenuItem must be nested inside MagicMenuView");
-}
-if (!contentId) {
-  throw new Error("MagicMenuItem must be nested inside MagicMenuContent");
-}
+magicError.assert(instanceId, {
+  message: "MagicMenuItem must be nested inside MagicMenuProvider",
+  errorCode: "missing_instance_id"
+});
+magicError.assert(viewId, {
+  message: "MagicMenuItem must be nested inside MagicMenuView",
+  errorCode: "missing_view_id"
+});
+magicError.assert(contentId, {
+  message: "MagicMenuItem must be nested inside MagicMenuContent",
+  errorCode: "missing_content_id"
+});
 const mappedId = computed(() => id ?? `magic-menu-item-${useId()}`);
 const mappedActive = computed(() => item.active);
 const { initializeItem, deleteItem, selectItem, unselectItem } = useMenuItem({

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

@@ -9,7 +9,7 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicMenuItemProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<MagicMenuItemProps> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;

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

@@ -9,7 +9,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicMenuProviderProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -15,6 +15,9 @@
 <script setup>
 import { computed, inject, watch } from "vue";
 import { Primitive } from "@maas/vue-primitive";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { useMenuView } from "../composables/private/useMenuView";
 import { useMenuChannel } from "../composables/private/useMenuChannel";
 import { MagicMenuInstanceId, MagicMenuViewId } from "../symbols";
@@ -27,23 +30,26 @@ const { disabled, channelId, instanceId, viewId, trigger } = defineProps({
   trigger: { type: Array, required: false },
   asChild: { type: Boolean, required: false }
 });
+const magicError = useMagicError({
+  prefix: "MagicMenu",
+  source: "MagicMenu"
+});
 const injectedInstanceId = inject(MagicMenuInstanceId, instanceId);
 const injectedViewId = inject(MagicMenuViewId, viewId);
 const mappedInstanceId = computed(() => instanceId ?? injectedInstanceId);
 const mappedViewId = computed(() => viewId ?? injectedViewId);
-if (!mappedInstanceId.value) {
-  throw new Error(
-    "MagicMenuRemote must be nested inside MagicMenuProvider or an instanceId must be provided"
-  );
-}
-if (!mappedViewId.value) {
-  throw new Error(
-    "MagicMenuRemote must be nested inside MagicMenuView or a viewId must be provided"
-  );
-}
-if (!channelId) {
-  throw new Error("MagicMenuRemote requires a channelId");
-}
+magicError.assert(mappedInstanceId.value, {
+  message: "MagicMenuRemote must be nested inside MagicMenuProvider or an instanceId must be provided",
+  errorCode: "missing_instance_id"
+});
+magicError.assert(mappedViewId.value, {
+  message: "MagicMenuRemote must be nested inside MagicMenuView or a viewId must be provided",
+  errorCode: "missing_view_id"
+});
+magicError.assert(channelId, {
+  message: "MagicMenuRemote requires a channelId",
+  errorCode: "id_required"
+});
 const mappedChannelId = computed(() => `magic-menu-channel-${channelId}`);
 const mappedTrigger = computed(() => trigger ?? ["mouseenter"]);
 const { getView } = useMenuView(mappedInstanceId.value);

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

@@ -14,7 +14,7 @@ declare var __VLS_11: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicMenuRemoteProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuRemoteProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuRemoteProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuRemoteProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -18,6 +18,9 @@
 <script setup>
 import { computed, inject, useTemplateRef, toValue, watch } from "vue";
 import { Primitive } from "@maas/vue-primitive";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { useMenuState } from "../composables/private/useMenuState";
 import { useMenuView } from "../composables/private/useMenuView";
 import { useMenuItem } from "../composables/private/useMenuItem";
@@ -35,22 +38,24 @@ const { instanceId, viewId, disabled, trigger } = defineProps({
   trigger: { type: Array, required: false },
   asChild: { type: Boolean, required: false }
 });
+const magicError = useMagicError({
+  prefix: "MagicMenu",
+  source: "MagicMenu"
+});
 const elRef = useTemplateRef("el");
 const injectedInstanceId = inject(MagicMenuInstanceId, void 0);
 const injectedViewId = inject(MagicMenuViewId, void 0);
 const itemId = inject(MagicMenuItemId, void 0);
 const mappedInstanceId = computed(() => instanceId ?? injectedInstanceId);
 const mappedViewId = computed(() => viewId ?? injectedViewId);
-if (!mappedInstanceId.value) {
-  throw new Error(
-    "MagicMenuRemote must be nested inside MagicMenuProvider or an instanceId must be provided"
-  );
-}
-if (!mappedViewId.value) {
-  throw new Error(
-    "MagicMenuTrigger must be nested inside MagicMenuView or a viewId must be provided"
-  );
-}
+magicError.assert(mappedInstanceId.value, {
+  message: "MagicMenuTrigger must be nested inside MagicMenuProvider or an instanceId must be provided",
+  errorCode: "missing_instance_id"
+});
+magicError.assert(mappedViewId.value, {
+  message: "MagicMenuTrigger must be nested inside MagicMenuView or a viewId must be provided",
+  errorCode: "missing_view_id"
+});
 const { getView, getRelativeViewIndex } = useMenuView(mappedInstanceId.value);
 const view = getView(mappedViewId.value);
 const viewIndex = getRelativeViewIndex(mappedViewId.value);

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

@@ -13,7 +13,7 @@ declare var __VLS_13: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicMenuTriggerProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -14,17 +14,25 @@ import {
   MagicMenuItemId,
   MagicMenuViewActive
 } from "../symbols";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { useMenuState } from "../composables/private/useMenuState";
 const { id, placement } = defineProps({
   id: { type: String, required: false },
-  placement: { type: null, required: false }
+  placement: { type: String, required: false }
+});
+const magicError = useMagicError({
+  prefix: "MagicMenu",
+  source: "MagicMenu"
 });
 const parentTree = inject(MagicMenuParentTree, []);
 const instanceId = inject(MagicMenuInstanceId, void 0);
 const itemId = inject(MagicMenuItemId, void 0);
-if (!instanceId) {
-  throw new Error("MagicMenuView must be nested inside MagicMenuProvider");
-}
+magicError.assert(instanceId, {
+  message: "MagicMenuView must be nested inside MagicMenuProvider",
+  errorCode: "missing_instance_id"
+});
 const mappedId = computed(() => id ?? `magic-menu-view-${useId()}`);
 const mappedParentTree = computed(() => [...parentTree, mappedId.value]);
 const mappedActive = computed(() => view.active);

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

@@ -1,7 +1,7 @@
-import type { Placement } from '@floating-ui/vue';
+import type { MenuPlacement } from '../types/index.js';
 interface MagicMenuViewProps {
     id?: string;
-    placement?: Placement;
+    placement?: MenuPlacement;
 }
 declare var __VLS_1: {
     viewActive: boolean;
@@ -9,7 +9,7 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicMenuViewProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -15,7 +15,9 @@ export function useMenuDOM() {
     scrollLock.value = false;
   }
   function addScrollLockPadding() {
-    if (typeof window === "undefined") return;
+    if (typeof window === "undefined") {
+      return;
+    }
     const exclude = new RegExp(/magic-menu/);
     document.body.style.setProperty(
       "--scrollbar-width",

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

@@ -1,15 +1,23 @@
 import { reactive } from "vue";
 import { usePointer, watchOnce } from "@vueuse/core";
+import { useMagicError } from "@maas/vue-equipment/plugins/MagicError";
 import { useMenuView } from "./useMenuView.mjs";
 import { useMenuState } from "./useMenuState.mjs";
 export function useMenuItem(args) {
   const { instanceId, viewId } = args;
+  const { throwError } = useMagicError({
+    prefix: "MagicMenu",
+    source: "useMenuItem"
+  });
   const { initializeState } = useMenuState(instanceId);
   const state = initializeState();
   const { getView, unselectDescendingViews } = useMenuView(instanceId);
   const view = getView(viewId);
   if (!view) {
-    throw new Error(`View ${viewId} not found`);
+    throwError({
+      message: `View ${viewId} not found`,
+      errorCode: "view_id_not_found"
+    });
   }
   function createItem(args2) {
     const { id, disabled } = args2;
@@ -36,7 +44,9 @@ export function useMenuItem(args) {
     return item;
   }
   function deleteItem(id) {
-    if (!view?.items) return;
+    if (!view?.items) {
+      return;
+    }
     view.items = view.items.filter((x) => x.id !== id);
   }
   function getItem(id) {

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

@@ -1,10 +1,15 @@
 import {} from "vue";
+import { useMagicError } from "@maas/vue-equipment/plugins/MagicError";
 import { useMenuState } from "./useMenuState.mjs";
 import { useMenuView } from "./useMenuView.mjs";
 import { useMenuItem } from "./useMenuItem.mjs";
 export function useMenuKeyListener(instanceId) {
   const { initializeState } = useMenuState(instanceId);
   const state = initializeState();
+  const { throwError, logWarning } = useMagicError({
+    prefix: "MagicMenu",
+    source: "useMenuKeyListener"
+  });
   const {
     selectView,
     unselectView,
@@ -20,7 +25,10 @@ export function useMenuKeyListener(instanceId) {
   function keyStrokeGuard(e) {
     switch (true) {
       case (!state.active && state.options.debug):
-        throw new Error(`'MagicMenu ${state.id} is not active'`);
+        throwError({
+          message: `'MagicMenu ${state.id} is not active'`,
+          errorCode: "menu_not_active"
+        });
       case state.active:
         state.input.type = "keyboard";
         e.stopPropagation();
@@ -41,7 +49,7 @@ export function useMenuKeyListener(instanceId) {
     try {
       keyStrokeGuard(e);
     } catch (e2) {
-      console.warn(e2);
+      logWarning(String(e2));
     }
     if (!state.input.view) {
       return;
@@ -70,7 +78,7 @@ export function useMenuKeyListener(instanceId) {
     try {
       keyStrokeGuard(e);
     } catch (e2) {
-      console.warn(e2);
+      logWarning(String(e2));
     }
     if (!state.input.view) {
       return;
@@ -94,14 +102,16 @@ export function useMenuKeyListener(instanceId) {
     try {
       keyStrokeGuard(e);
     } catch (e2) {
-      console.warn(e2);
+      logWarning(String(e2));
     }
     if (!state.input.view) {
       return;
     }
     const viewId = state.input.view;
     const inputView = getView(viewId);
-    if (!inputView) return;
+    if (!inputView) {
+      return;
+    }
     const enabledItems = getEnabledItems(inputView);
     const prevIndex = enabledItems.findIndex((item) => item.active) - 1;
     if (prevIndex >= 0) {
@@ -118,14 +128,16 @@ export function useMenuKeyListener(instanceId) {
     try {
       keyStrokeGuard(e);
     } catch (e2) {
-      console.warn(e2);
+      logWarning(String(e2));
     }
     if (!state.input.view) {
       return;
     }
     const viewId = state.input.view;
     const inputView = getView(viewId);
-    if (!inputView) return;
+    if (!inputView) {
+      return;
+    }
     const enabledItems = getEnabledItems(inputView);
     const nextIndex = enabledItems.findIndex((item) => item.active) + 1;
     if (nextIndex >= 0) {
@@ -138,7 +150,7 @@ export function useMenuKeyListener(instanceId) {
     try {
       keyStrokeGuard(e);
     } catch (e2) {
-      console.warn(e2);
+      logWarning(String(e2));
     }
     state.active = false;
     state.input.view = "";
@@ -148,7 +160,7 @@ export function useMenuKeyListener(instanceId) {
     try {
       keyStrokeGuard(e);
     } catch (e2) {
-      console.warn(e2);
+      logWarning(String(e2));
     }
     if (!state.input.view) {
       return;
@@ -171,7 +183,7 @@ export function useMenuKeyListener(instanceId) {
       try {
         keyStrokeGuard(e);
       } catch (e2) {
-        console.warn(e2);
+        logWarning(String(e2));
       }
     }
   }

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

@@ -1,4 +1,5 @@
 import { reactive, computed, toValue } from "vue";
+import { useMagicError } from "@maas/vue-equipment/plugins/MagicError";
 import { useMenuState } from "./useMenuState.mjs";
 function isAbortError(error) {
   return error instanceof DOMException && error.name === "AbortError";
@@ -6,11 +7,19 @@ function isAbortError(error) {
 export function useMenuView(instanceId) {
   const { initializeState } = useMenuState(instanceId);
   const state = initializeState();
+  const { logWarning } = useMagicError({
+    prefix: "MagicMenu",
+    source: "useMenuView"
+  });
   const currentInstanceId = toValue(instanceId);
   const currentView = computed(() => {
     const activeViews = state.views.filter((view) => view.active);
-    if (activeViews.length === 0) return void 0;
-    if (activeViews.length === 1) return activeViews[0];
+    if (activeViews.length === 0) {
+      return void 0;
+    }
+    if (activeViews.length === 1) {
+      return activeViews[0];
+    }
     return activeViews.reduce(
       (a, b) => a.parent.views.length >= b.parent.views.length ? a : b
     );
@@ -132,7 +141,7 @@ export function useMenuView(instanceId) {
       unselectUnrelatedViews(id);
     } catch (error) {
       if (isAbortError(error) && state.options.debug) {
-        console.log("selectView() was interrupted by a call to unselectView()");
+        logWarning("selectView() was interrupted by a call to unselectView()");
       }
     }
   }
@@ -153,7 +162,7 @@ export function useMenuView(instanceId) {
       view.active = false;
     } catch (error) {
       if (isAbortError(error) && state.options.debug) {
-        console.log("unselectView() was interrupted by a call to selectView()");
+        logWarning("unselectView() was interrupted by a call to selectView()");
       }
     }
   }

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

@@ -1,4 +1,3 @@
-import type { Placement } from '@floating-ui/vue';
 type MenuMode = 'dropdown' | 'menubar' | 'context' | 'navigation';
 export interface MagicMenuOptions {
     mode?: MenuMode;
@@ -41,6 +40,7 @@ export type Coordinates = {
     x: number;
     y: number;
 };
+export type MenuPlacement = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
 export interface MenuItem {
     id: string;
     active: boolean;
@@ -59,7 +59,7 @@ export interface MenuView {
         item: string;
         views: string[];
     };
-    placement: Placement;
+    placement: MenuPlacement;
     state: {
         selectAbortController: AbortController;
         unselectAbortController: AbortController;

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

@@ -13,7 +13,7 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_34) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicModalProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicModalProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicModalProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/plugins/MagicModal/src/composables/private/useModalDOM.mjs

@@ -38,7 +38,9 @@ export function useModalDOM(args) {
     }
   }
   function addScrollLockPadding() {
-    if (typeof window === "undefined") return;
+    if (typeof window === "undefined") {
+      return;
+    }
     const exclude = new RegExp(/magic-modal(__backdrop)?/);
     document.body.style.setProperty(
       "--scrollbar-width",

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

@@ -3,5 +3,5 @@ interface MagicNoiseProps {
     options?: MagicNoiseOptions;
     pause?: boolean;
 }
-declare const _default: import("vue").DefineComponent<MagicNoiseProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicNoiseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<MagicNoiseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicNoiseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -57,7 +57,7 @@ export function useNoiseApi({
       for (let x = 0; x < width2; x += pixelSize) {
         let radian;
         if (rotation) {
-          const angle = getRandomRotationAngle();
+          const angle = getRandomRotationAngle() ?? 0;
           radian = getRadianFromAngle(angle);
         }
         const pixel = {
@@ -75,7 +75,9 @@ export function useNoiseApi({
   function calculate() {
     const offCanvasHeight = offCanvasRef.value?.height;
     const offCanvasWidth = offCanvasRef.value?.width;
-    if (!offCanvasHeight || !offCanvasWidth) return;
+    if (!offCanvasHeight || !offCanvasWidth) {
+      return;
+    }
     pixels.value = calculatePixels({
       width: offCanvasWidth,
       height: offCanvasHeight,
@@ -144,7 +146,9 @@ export function useNoiseApi({
     transferControls.value = useRafFn(throttled);
   }
   function draw() {
-    if (!offContext.value || !offCanvasRef.value) return;
+    if (!offContext.value || !offCanvasRef.value) {
+      return;
+    }
     offContext.value.clearRect(
       0,
       0,

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

@@ -18,17 +18,27 @@
 
 <script setup>
 import { computed, toRefs, onBeforeUnmount } from "vue";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { usePieState } from "../composables/private/usePieState";
 const { id, options } = defineProps({
   id: { type: String, required: true },
   options: { type: Object, required: false }
 });
+const magicError = useMagicError({
+  prefix: "MagicPie",
+  source: "MagicPie"
+});
 const { initializeState, deleteState } = usePieState(id);
 const state = initializeState();
 const { percentage } = toRefs(state);
 function generatePath(points) {
   if (points.length < 2) {
-    throw new Error("At least two points are required to generate a path.");
+    magicError.throwError({
+      message: "At least two points are required to generate a path",
+      errorCode: "missing_points"
+    });
   }
   let path2 = `M ${points[0][0]} ${points[0][1]}`;
   for (let i = 1; i < points.length; i++) {
@@ -38,7 +48,10 @@ function generatePath(points) {
 }
 function generatePie(percentage2, flip) {
   if (percentage2 < 0 || percentage2 > 100) {
-    throw new Error("percentage needs to be between 0 and 100");
+    magicError.throwError({
+      message: "percentage needs to be between 0 and 100",
+      errorCode: "invalid_percentage"
+    });
   }
   const size = 100;
   const points = [

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

@@ -3,5 +3,5 @@ interface MagicPieProps {
     id: string;
     options?: MagicPieOptions;
 }
-declare const _default: import("vue").DefineComponent<MagicPieProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicPieProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<MagicPieProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicPieProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/plugins/MagicPie/src/composables/private/usePieState.mjs

@@ -18,7 +18,9 @@ export function usePieState(id) {
     let state = pieStateStore.value.find((entry) => {
       return entry.id === id;
     });
-    if (!state) state = addState(toValue(id));
+    if (!state) {
+      state = addState(toValue(id));
+    }
     return state;
   }
   function deleteState() {

package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudio.vue

@@ -18,6 +18,9 @@ import {
   useEventListener,
   defaultWindow
 } from "@vueuse/core";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { usePlayerAudioApi } from "../composables/private/usePlayerAudioApi";
 import { usePlayerMediaApi } from "../composables/private/usePlayerMediaApi";
 import { usePlayerRuntime } from "../composables/private/usePlayerRuntime";
@@ -28,21 +31,28 @@ import {
   MagicPlayerOptionsKey,
   MagicPlayerRef
 } from "../symbols";
+const magicError = useMagicError({
+  prefix: "MagicPlayer",
+  source: "MagicPlayerAudio"
+});
 const injectedInstanceId = inject(MagicPlayerInstanceId, void 0);
 const injectedOptions = inject(MagicPlayerOptionsKey, void 0);
 const injectedPlayerRef = inject(MagicPlayerRef, void 0);
-if (!injectedInstanceId) {
-  throw new Error("MagicPlayerVideo must be used within a MagicPlayerProvider");
-}
-if (!injectedOptions) {
-  throw new Error("MagicPlayerVideo must be used within a MagicPlayerProvider");
-}
+magicError.assert(injectedInstanceId, {
+  message: "MagicPlayerAudio must be used within a MagicPlayerProvider",
+  errorCode: "missing_instance_id"
+});
+magicError.assert(injectedOptions, {
+  message: "MagicPlayerAudio must be used within a MagicPlayerProvider",
+  errorCode: "missing_options"
+});
 const elRef = useTemplateRef("el");
 const { initialize, destroy } = usePlayerRuntime({
   id: injectedInstanceId,
   mediaRef: elRef,
   src: injectedOptions.src,
-  srcType: injectedOptions.srcType
+  srcType: injectedOptions.srcType,
+  debug: injectedOptions.debug
 });
 usePlayerMediaApi({
   id: injectedInstanceId,

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

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;