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

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

@@ -69,6 +69,9 @@ import {
   onBeforeUnmount
 } from "vue";
 import { useIdle } from "@vueuse/core";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { usePlayerState } from "../composables/private/usePlayerState";
 import { usePlayerAudioApi } from "../composables/private/usePlayerAudioApi";
 import { usePlayerControlsApi } from "../composables/private/usePlayerControlsApi";
@@ -83,14 +86,17 @@ import {
 const { instanceId } = defineProps({
   instanceId: { type: String, required: false }
 });
+const magicError = useMagicError({
+  prefix: "MagicPlayer",
+  source: "MagicPlayerAudioControls"
+});
 const injectedInstanceId = inject(MagicPlayerInstanceId, void 0);
 const injectedOptions = inject(MagicPlayerOptionsKey, void 0);
 const mappedInstanceId = computed(() => instanceId ?? injectedInstanceId);
-if (!mappedInstanceId.value) {
-  throw new Error(
-    "MagicAudioPlayerControls must be nested inside MagicAudioPlayer or an instanceId must be provided."
-  );
-}
+magicError.assert(mappedInstanceId.value, {
+  message: "MagicAudioPlayerControls must be nested inside MagicAudioPlayer or an instanceId must be provided",
+  errorCode: "missing_instance_id"
+});
 const barRef = useTemplateRef("bar");
 const trackRef = useTemplateRef("track");
 const { play, pause } = usePlayerAudioApi({

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

@@ -7,7 +7,7 @@ type __VLS_Slots = {} & {
 } & {
     pauseIcon?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicAudioPlayerControlsProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAudioPlayerControlsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicAudioPlayerControlsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAudioPlayerControlsProps> & 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/MagicPlayer/src/components/MagicPlayerDisplayTime.vue

@@ -6,18 +6,24 @@
 
 <script setup>
 import { computed, inject, toRefs } from "vue";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { formatTime } from "@maas/vue-equipment/utils";
 import { usePlayerState } from "../composables/private/usePlayerState";
 import { MagicPlayerInstanceId } from "../symbols";
 const { type = "current" } = defineProps({
   type: { type: String, required: false }
 });
+const magicError = useMagicError({
+  prefix: "MagicPlayer",
+  source: "MagicPlayerDisplayTime"
+});
 const instanceId = inject(MagicPlayerInstanceId);
-if (!instanceId) {
-  throw new Error(
-    "MagicPlayerDisplayTime must be nested inside MagicPlayerVideoControls or MagicPlayerAudioControls."
-  );
-}
+magicError.assert(instanceId, {
+  message: "MagicPlayerDisplayTime must be nested inside MagicPlayerVideoControls or MagicPlayerAudioControls",
+  errorCode: "missing_instance_id"
+});
 const { initializeState } = usePlayerState(instanceId);
 const state = initializeState();
 const { currentTime, duration } = toRefs(state);

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

@@ -1,5 +1,5 @@
 interface MagicPlayerDisplayTimeProps {
     type?: 'current' | 'remaining' | 'duration';
 }
-declare const _default: import("vue").DefineComponent<MagicPlayerDisplayTimeProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicPlayerDisplayTimeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<MagicPlayerDisplayTimeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicPlayerDisplayTimeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -25,18 +25,28 @@ import {
   useTemplateRef
 } from "vue";
 import { useDevicePixelRatio } from "@vueuse/core";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { usePlayerState } from "../composables/private/usePlayerState";
 import { MagicPlayerInstanceId, MagicPlayerOptionsKey } from "../symbols";
 const { playbackId } = defineProps({
   playbackId: { type: String, required: false }
 });
+const magicError = useMagicError({
+  prefix: "MagicPlayer",
+  source: "MagicPlayerMuxPopover"
+});
 const instanceId = inject(MagicPlayerInstanceId, void 0);
 const injectedOptions = inject(MagicPlayerOptionsKey, void 0);
-if (!instanceId || !injectedOptions) {
-  throw new Error(
-    "MagicPlayerMuxPopover must be nested inside MagicPlayerVideoControls."
-  );
-}
+magicError.assert(instanceId, {
+  message: "MagicPlayerMuxPopover must be nested inside MagicPlayerVideoControls",
+  errorCode: "missing_instance_id"
+});
+magicError.assert(injectedOptions, {
+  message: "MagicPlayerMuxPopover must be nested inside MagicPlayerVideoControls",
+  errorCode: "missing_options"
+});
 const { initializeState } = usePlayerState(instanceId);
 const state = initializeState();
 const { seekedTime } = toRefs(state);
@@ -93,25 +103,30 @@ async function initialize() {
   const parsedPlaybackId = getMuxId(injectedOptions?.src);
   const mappedPlaybackId = playbackId ?? parsedPlaybackId;
   if (!mappedPlaybackId) {
-    console.error(
-      "MagicPlayerMuxPopover must be nested inside MagicPlayerProvider or a playbackId must be provided"
-    );
-    return;
+    magicError.throwError({
+      errorCode: "missing_instance_id",
+      message: "MagicPlayerMuxPopover must be nested inside MagicPlayerProvider or a playbackId must be provided"
+    });
   }
   try {
     storyboard.value = await fetch(
       `https://image.mux.com/${mappedPlaybackId}/storyboard.json`
     ).then((res) => res.json());
-    if (!storyboard.value) {
-      throw new Error();
-    }
+    magicError.assert(storyboard.value, {
+      message: "Failed to fetch timeline preview",
+      errorCode: "fetch_timeline_error"
+    });
     image = new Image();
     image.src = storyboard.value.url;
     await image.decode();
     context = canvasRef.value?.getContext("2d");
     drawFrame(seekedTime.value);
-  } catch (e) {
-    console.error("Can not initialize timeline preview", e);
+  } catch (error) {
+    magicError.throwError({
+      errorCode: "initialize_timeline_error",
+      message: "Can not initialize timeline preview",
+      cause: error
+    });
   }
 }
 onMounted(() => {

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

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

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

@@ -50,6 +50,9 @@
 <script setup>
 import { watch, ref, computed, inject, toRefs } from "vue";
 import { useIdle } from "@vueuse/core";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import IconPlay from "./icons/Play.vue";
 import IconPause from "./icons/Pause.vue";
 import IconWaiting from "./icons/Waiting.vue";
@@ -59,13 +62,16 @@ import { MagicPlayerInstanceId, MagicPlayerOptionsKey } from "../symbols";
 const { transition } = defineProps({
   transition: { type: Object, required: false }
 });
+const magicError = useMagicError({
+  prefix: "MagicPlayer",
+  source: "MagicPlayerOverlay"
+});
 const instanceId = inject(MagicPlayerInstanceId, void 0);
 const injectedOptions = inject(MagicPlayerOptionsKey, void 0);
-if (!instanceId) {
-  throw new Error(
-    "MagicPlayerOverlay must be nested inside MagicPlayerProvider."
-  );
-}
+magicError.assert(instanceId, {
+  message: "MagicPlayerOverlay must be nested inside MagicPlayerProvider",
+  errorCode: "missing_instance_id"
+});
 const { initializeState } = usePlayerState(instanceId);
 const state = initializeState();
 const {

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

@@ -14,7 +14,7 @@ type __VLS_Slots = {} & {
 } & {
     pauseIcon?: (props: typeof __VLS_25) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicPlayerOverlayProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicPlayerOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicPlayerOverlayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicPlayerOverlayProps> & 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/MagicPlayer/src/components/MagicPlayerPoster.vue

@@ -6,14 +6,20 @@
 
 <script setup>
 import { inject, toRefs, computed } from "vue";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { usePlayerState } from "../composables/private/usePlayerState";
 import { MagicPlayerInstanceId } from "../symbols";
+const magicError = useMagicError({
+  prefix: "MagicPlayer",
+  source: "MagicPlayerPoster"
+});
 const instanceId = inject(MagicPlayerInstanceId, void 0);
-if (!instanceId) {
-  throw new Error(
-    "MagicPlayerPoster must be nested inside MagicPlayerProvider."
-  );
-}
+magicError.assert(instanceId, {
+  message: "MagicPlayerPoster must be nested inside MagicPlayerProvider",
+  errorCode: "missing_instance_id"
+});
 const { initializeState } = usePlayerState(instanceId);
 const state = initializeState();
 const { loaded, started } = toRefs(state);

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

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

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

@@ -8,7 +8,7 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicPlayerProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicPlayerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicPlayerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicPlayerProps> & 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/MagicPlayer/src/components/MagicPlayerTimeline.vue

@@ -34,6 +34,9 @@
 
 <script setup>
 import { inject, toRefs } from "vue";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { usePlayerControlsApi } from "../composables/private/usePlayerControlsApi";
 import { usePlayerState } from "../composables/private/usePlayerState";
 import {
@@ -42,12 +45,15 @@ import {
   MagicPlayerPopoverRef,
   MagicPlayerBarRef
 } from "../symbols";
+const magicError = useMagicError({
+  prefix: "MagicPlayer",
+  source: "MagicPlayerTimeline"
+});
 const instanceId = inject(MagicPlayerInstanceId, void 0);
-if (!instanceId) {
-  throw new Error(
-    "MagicPlayerTimeline must be nested inside MagicPlayerVideoControls or MagicPlayerAudioControls."
-  );
-}
+magicError.assert(instanceId, {
+  message: "MagicPlayerTimeline must be nested inside MagicPlayerVideoControls or MagicPlayerAudioControls",
+  errorCode: "missing_instance_id"
+});
 const { initializeState } = usePlayerState(instanceId);
 const state = initializeState();
 const { controlsMouseEntered, seekedPercentage, scrubbedPercentage } = toRefs(state);

package/dist/plugins/MagicPlayer/src/components/MagicPlayerTimeline.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;

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

@@ -26,6 +26,9 @@ import {
   useEventListener,
   defaultWindow
 } from "@vueuse/core";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { usePlayerVideoApi } from "../composables/private/usePlayerVideoApi";
 import { usePlayerMediaApi } from "../composables/private/usePlayerMediaApi";
 import { usePlayerRuntime } from "../composables/private/usePlayerRuntime";
@@ -36,21 +39,28 @@ import {
   MagicPlayerOptionsKey,
   MagicPlayerRef
 } from "../symbols";
+const magicError = useMagicError({
+  prefix: "MagicPlayer",
+  source: "MagicPlayerVideo"
+});
 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: "MagicPlayerVideo must be used within a MagicPlayerProvider",
+  errorCode: "missing_instance_id"
+});
+magicError.assert(injectedOptions, {
+  message: "MagicPlayerVideo 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
 });
 const { initializeState } = usePlayerState(injectedInstanceId);
 const state = initializeState();

package/dist/plugins/MagicPlayer/src/components/MagicPlayerVideo.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;

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

@@ -93,6 +93,9 @@ import {
   onBeforeUnmount
 } from "vue";
 import { useIdle } from "@vueuse/core";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import IconPlay from "./icons/Play.vue";
 import IconPause from "./icons/Pause.vue";
 import IconVolumeOn from "./icons/VolumeOn.vue";
@@ -120,14 +123,17 @@ const {
   standalone: { type: Boolean, required: false },
   transition: { type: String, required: false }
 });
+const magicError = useMagicError({
+  prefix: "MagicPlayer",
+  source: "MagicPlayerVideoControls"
+});
 const injectedInstanceId = inject(MagicPlayerInstanceId, void 0);
 const injectedOptions = inject(MagicPlayerOptionsKey, void 0);
 const mappedInstanceId = computed(() => id ?? injectedInstanceId);
-if (!mappedInstanceId.value) {
-  throw new Error(
-    "MagicPlayerVideoControls must be nested inside MagicPlayerProvider or be passed an id as a prop."
-  );
-}
+magicError.assert(mappedInstanceId.value, {
+  message: "MagicPlayerVideoControls must be nested inside MagicPlayerProvider or be passed an id as a prop",
+  errorCode: "missing_instance_id"
+});
 const mappedTransition = computed(
   () => transition ?? injectedOptions?.transition?.videoControls
 );

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

@@ -25,7 +25,7 @@ type __VLS_Slots = {} & {
 } & {
     fullscreenEnterIcon?: (props: typeof __VLS_47) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MagicPlayerControlsProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicPlayerControlsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicPlayerControlsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicPlayerControlsProps> & 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/MagicPlayer/src/components/icons/FullscreenEnter.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;

package/dist/plugins/MagicPlayer/src/components/icons/FullscreenExit.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;

package/dist/plugins/MagicPlayer/src/components/icons/Pause.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;

package/dist/plugins/MagicPlayer/src/components/icons/Play.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;

package/dist/plugins/MagicPlayer/src/components/icons/VolumeOff.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;

package/dist/plugins/MagicPlayer/src/components/icons/VolumeOn.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;

package/dist/plugins/MagicPlayer/src/components/icons/Waiting.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;

package/dist/plugins/MagicPlayer/src/composables/private/usePlayerMediaApi.mjs

@@ -1,26 +1,73 @@
 import { toRefs, watch, unref, toValue } from "vue";
 import { useEventListener, watchIgnorable } from "@vueuse/core";
+import { useMagicError } from "@maas/vue-equipment/plugins/MagicError";
 import { usePlayerState } from "./usePlayerState.mjs";
 export function usePlayerMediaApi(args) {
-  const { mediaRef, id } = args;
+  const { id, mediaRef } = args;
+  const { throwError } = useMagicError({
+    prefix: "MagicPlayer",
+    source: "usePlayerMediaApi"
+  });
   const { initializeState } = usePlayerState(toValue(id));
   const state = initializeState();
   const {
+    buffered,
     currentTime,
     duration,
-    seeking,
-    volume,
-    rate,
-    loaded,
-    waiting,
-    started,
     ended,
-    playing,
+    loaded,
+    muted,
     paused,
+    playing,
+    rate,
+    seeking,
     stalled,
-    buffered,
-    muted
+    started,
+    volume,
+    waiting
   } = toRefs(state);
+  function handlePlayPromiseError(originalError) {
+    let message = "Play promise was rejected";
+    let errorCode = "play_promise_rejected";
+    switch (originalError.name) {
+      case "AbortError":
+        message = "The play() request was aborted";
+        errorCode = "play_promise_aborted";
+        break;
+      case "NotAllowedError":
+        message = "Autoplay was prevented, user interaction required";
+        errorCode = "play_promise_not_allowed";
+        break;
+      case "NotSupportedError":
+        message = "Media format not supported";
+        errorCode = "play_promise_not_supported";
+        break;
+    }
+    throwError({ message, errorCode, cause: originalError });
+  }
+  function handleMediaElementError(originalError) {
+    let message = "Media element error";
+    let errorCode = "media_element_error";
+    switch (originalError.code) {
+      case MediaError.MEDIA_ERR_ABORTED:
+        message = "Media loading was aborted by the user";
+        errorCode = "media_element_aborted";
+        break;
+      case MediaError.MEDIA_ERR_NETWORK:
+        message = "A network error occurred while loading the media";
+        errorCode = "media_element_network";
+        break;
+      case MediaError.MEDIA_ERR_DECODE:
+        message = "An error occurred while decoding the media";
+        errorCode = "media_element_decode";
+        break;
+      case MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED:
+        message = "The media source is not supported";
+        errorCode = "media_element_src_not_supported";
+        break;
+    }
+    throwError({ message, errorCode, cause: originalError });
+  }
   function timeRangeToArray(timeRanges) {
     let ranges = [];
     for (let i = 0; i < timeRanges.length; ++i)
@@ -81,8 +128,9 @@ export function usePlayerMediaApi(args) {
       }
       if (value) {
         const playPromise = el.play();
-        playPromise?.catch(() => {
+        playPromise?.catch((error) => {
           playing.value = false;
+          handlePlayPromiseError(error);
         });
       } else {
         el.pause();
@@ -146,4 +194,10 @@ export function usePlayerMediaApi(args) {
       muted.value = el.muted;
     }
   });
+  useEventListener(mediaRef, "error", () => {
+    const el = toValue(mediaRef);
+    if (el?.error) {
+      handleMediaElementError(el.error);
+    }
+  });
 }

package/dist/plugins/MagicPlayer/src/composables/private/usePlayerRuntime.d.ts

@@ -5,6 +5,7 @@ export type UsePlayerRuntimeArgs = {
     mediaRef?: Ref<HTMLVideoElement | HTMLAudioElement | null>;
     srcType?: MagicPlayerOptions['srcType'];
     src?: string;
+    debug?: boolean;
 };
 export declare function usePlayerRuntime(args: UsePlayerRuntimeArgs): {
     initialize: (autoplay?: boolean) => void;