@voicenter-team/voicenter-ui-plus 2.0.10 → 3.0.0

package/library/components/VcSoundplayer/VcSoundPlayer.vue2.mjs

@@ -0,0 +1,275 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createBlock, withCtx, createVNode, createCommentVNode, withDirectives, normalizeClass, vShow, createElementVNode, Fragment, renderList, withModifiers } from "vue";
+import _sfc_main$2 from "./VcSoundPlayerError.vue.mjs";
+import _sfc_main$3 from "./VcPlayerPlayStopButton.vue.mjs";
+import _sfc_main$4 from "./VcPlayerSkipButtons.vue.mjs";
+import '../../assets/components/VcIcon/VcIcon.css';import '../../assets/components/VcPopover/VcPopover.css';import '../../assets/components/VcSoundplayer/VcSoundPlayerWrapper.css';import '../../assets/components/VcSoundplayer/VcSoundPlayerProgress.css';import '../../assets/components/VcSoundplayer/VcSoundVolume.css';import '../../assets/components/VcSoundplayer/VcPlayerSkipButtons.css';/* empty css                          */
+import _sfc_main$6 from "./VcSoundCurrentTime.vue.mjs";
+import _sfc_main$8 from "./VcSoundDuration.vue.mjs";
+import _sfc_main$9 from "./VcSoundVolume.vue.mjs";
+/* empty css                    */
+import _sfc_main$7 from "./VcSoundPlayerProgress.vue.mjs";
+/* empty css                            */
+import _sfc_main$1 from "./VcSoundPlayerWrapper.vue.mjs";
+/* empty css                           */
+import { DEFAULT_OPTIONS } from "./player.options.mjs";
+import _sfc_main$a from "../VcPopover/VcPopover.vue.mjs";
+/* empty css                           */
+import _sfc_main$5 from "../VcIcon/VcIcon.vue.mjs";
+/* empty css                     */
+const _hoisted_1 = { class: "vc-sound-player" };
+const _hoisted_2 = {
+  key: 1,
+  class: "w-full flex items-center gap-x-2 relative"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "flex items-center px-1"
+};
+const _hoisted_4 = { key: 5 };
+const _hoisted_5 = { class: "cursor-pointer text-inactive-elements hover:text-primary-actions duration-200" };
+const _hoisted_6 = { class: "p-2" };
+const _hoisted_7 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcSoundPlayer",
+  props: {
+    soundId: { default: void 0 },
+    src: {},
+    currentPlay: { default: void 0 },
+    preIcon: { default: "" },
+    simple: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    showSkipButtons: { type: Boolean, default: false },
+    skipLength: { default: void 0 },
+    size: { default: "md" },
+    downloadLinks: { default: () => [] }
+  },
+  emits: ["ready", "start", "stop", "onPlay", "pause"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const SoundPlayerWrapper = ref();
+    const isError = ref(false);
+    const audioErrorMessage = ref("");
+    const height = computed(() => {
+      return props.size === "sm" ? "h-4" : "h-8";
+    });
+    const playerOptions = computed(() => {
+      const configColors = getComputedStyle(document.body);
+      const activeColor = configColors.getPropertyValue("--primary-actions");
+      const inActiveColor = configColors.getPropertyValue("--ui-lines");
+      return {
+        ...DEFAULT_OPTIONS,
+        height: props.size === "sm" ? 16 : 32,
+        waveColor: inActiveColor || DEFAULT_OPTIONS.waveColor,
+        progressColor: activeColor || DEFAULT_OPTIONS.progressColor
+      };
+    });
+    const showDownloadButton = computed(() => {
+      return props.downloadLinks.length > 0 && props.size === "md";
+    });
+    const iconClass = computed(() => {
+      const classes = {
+        md: "icon-2xl",
+        sm: "icon-lg"
+      };
+      return classes[props.size] || "icon-2md";
+    });
+    function onError(error) {
+      isError.value = true;
+      audioErrorMessage.value = error.message;
+    }
+    function initSound() {
+      var _a;
+      (_a = SoundPlayerWrapper.value) == null ? void 0 : _a.initSound();
+    }
+    function onStart(soundId, src) {
+      emit("start", soundId || "", src || "");
+    }
+    function onStop(soundId, src) {
+      emit("stop", soundId || "", src || "");
+    }
+    function onPlay(soundId, src) {
+      emit("onPlay", soundId || "", src || "");
+    }
+    function onPause(soundId, src) {
+      emit("pause", soundId || "", src || "");
+    }
+    function onReady(soundId) {
+      emit("ready", soundId);
+    }
+    function stop() {
+      var _a;
+      (_a = SoundPlayerWrapper.value) == null ? void 0 : _a.stop();
+    }
+    function pause() {
+      var _a;
+      (_a = SoundPlayerWrapper.value) == null ? void 0 : _a.pause();
+    }
+    function play() {
+      var _a;
+      (_a = SoundPlayerWrapper.value) == null ? void 0 : _a.play();
+    }
+    function setVolume() {
+      var _a;
+      (_a = SoundPlayerWrapper.value) == null ? void 0 : _a.setVolume();
+    }
+    function resetInitSound() {
+      var _a;
+      (_a = SoundPlayerWrapper.value) == null ? void 0 : _a.resetInitSound();
+    }
+    function skipBackward() {
+      var _a;
+      (_a = SoundPlayerWrapper.value) == null ? void 0 : _a.skipBackward();
+    }
+    function skipForward() {
+      var _a;
+      (_a = SoundPlayerWrapper.value) == null ? void 0 : _a.skipForward();
+    }
+    function toTime(time) {
+      var _a;
+      (_a = SoundPlayerWrapper.value) == null ? void 0 : _a.setTime(time);
+    }
+    async function download(sound) {
+      const response = await fetch(sound);
+      const dataBlob = await response.blob();
+      const url = window.URL.createObjectURL(dataBlob);
+      const link = document.createElement("a");
+      const splitedUrl = sound.split("/");
+      link.href = url;
+      link.setAttribute("download", splitedUrl[splitedUrl.length - 1]);
+      document.body.appendChild(link);
+      link.click();
+      link.remove();
+      return dataBlob;
+    }
+    function downloadIconType(item) {
+      const splitUrl = item.split(".");
+      const type = splitUrl[splitUrl.length - 1];
+      if (type === "mp3") {
+        return "vc-icon-mp3";
+      }
+      return "vc-icon-wav";
+    }
+    watch(
+      () => props.src,
+      (newValue) => {
+        isError.value = false;
+        audioErrorMessage.value = "";
+        if (newValue) {
+          initSound();
+        }
+      }
+    );
+    __expose({
+      download,
+      skipForward,
+      skipBackward,
+      resetInitSound,
+      setVolume,
+      play,
+      pause,
+      stop,
+      initSound,
+      toTime
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.src ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          ref_key: "SoundPlayerWrapper",
+          ref: SoundPlayerWrapper,
+          disabled: __props.disabled,
+          src: __props.src,
+          "current-play": __props.currentPlay,
+          size: __props.size,
+          "sound-id": __props.soundId,
+          options: playerOptions.value,
+          "skip-seconds": __props.skipLength,
+          class: "w-full",
+          onReady,
+          onPause,
+          onOnPlay: onPlay,
+          onStart,
+          onStop,
+          onOnError: onError
+        }, {
+          default: withCtx(() => [
+            isError.value ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              "is-simple": __props.simple,
+              "audio-error-message": audioErrorMessage.value
+            }, null, 8, ["is-simple", "audio-error-message"])) : (openBlock(), createElementBlock("div", _hoisted_2, [
+              createVNode(_sfc_main$3, {
+                disabled: __props.disabled,
+                "icon-class": iconClass.value,
+                class: "gap-x-3"
+              }, null, 8, ["disabled", "icon-class"]),
+              __props.showSkipButtons ? (openBlock(), createBlock(_sfc_main$4, {
+                key: 0,
+                "icon-class": iconClass.value
+              }, null, 8, ["icon-class"])) : createCommentVNode("", true),
+              __props.preIcon && !__props.simple ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                createVNode(_sfc_main$5, {
+                  icon: __props.preIcon,
+                  class: "text-primary-actions icon-base"
+                }, null, 8, ["icon"])
+              ])) : createCommentVNode("", true),
+              !__props.simple ? (openBlock(), createBlock(_sfc_main$6, {
+                key: 2,
+                class: "sound-time-current"
+              })) : createCommentVNode("", true),
+              withDirectives(createVNode(_sfc_main$7, {
+                class: normalizeClass(height.value)
+              }, null, 8, ["class"]), [
+                [vShow, !__props.simple]
+              ]),
+              !__props.simple ? (openBlock(), createBlock(_sfc_main$8, {
+                key: 3,
+                class: "sound-duration"
+              })) : createCommentVNode("", true),
+              !__props.simple ? (openBlock(), createBlock(_sfc_main$9, {
+                key: 4,
+                disabled: __props.disabled
+              }, null, 8, ["disabled"])) : createCommentVNode("", true),
+              showDownloadButton.value && !__props.simple ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                createVNode(_sfc_main$a, {
+                  disabled: __props.disabled,
+                  "popover-class": "!min-w-max",
+                  "popover-width": "auto"
+                }, {
+                  reference: withCtx(() => [
+                    createElementVNode("span", _hoisted_5, [
+                      createVNode(_sfc_main$5, { icon: "vc-icon-menu" })
+                    ])
+                  ]),
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_6, [
+                      _cache[0] || (_cache[0] = createElementVNode("div", { class: "font-medium text-xs mb-1" }, " Download: ", -1)),
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(__props.downloadLinks, (item, index) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: index,
+                          class: "cursor-pointer right-offset p-1 flex items-center hover:bg-primary-actions-bg--focus duration-200 rounded-sm",
+                          onClick: withModifiers(($event) => download(item), ["stop"])
+                        }, [
+                          createVNode(_sfc_main$5, {
+                            class: "text-primary-actions icon-xl",
+                            icon: downloadIconType(item)
+                          }, null, 8, ["icon"])
+                        ], 8, _hoisted_7);
+                      }), 128))
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])) : createCommentVNode("", true)
+            ]))
+          ]),
+          _: 1
+        }, 8, ["disabled", "src", "current-play", "size", "sound-id", "options", "skip-seconds"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcSoundplayer/VcSoundPlayerError.vue.mjs

@@ -0,0 +1,42 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, normalizeClass, createTextVNode, toDisplayString } from "vue";
+import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
+import '../../assets/components/VcIcon/VcIcon.css';/* empty css                     */
+const _hoisted_1 = { class: "flex items-center text-destructive-actions text-xs h-8" };
+const _hoisted_2 = {
+  key: 0,
+  class: "flex items-center"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "flex items-center"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcSoundPlayerError",
+  props: {
+    isSimple: { type: Boolean },
+    audioErrorMessage: {},
+    icon: {},
+    iconClasses: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !__props.isSimple ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(_sfc_main$1, {
+            icon: __props.icon || "vc-icon-alert",
+            class: normalizeClass([[__props.iconClasses || "icon-2md"], "mr-2"])
+          }, null, 8, ["icon", "class"]),
+          createTextVNode(" " + toDisplayString(__props.audioErrorMessage), 1)
+        ])) : (openBlock(), createElementBlock("div", _hoisted_3, [
+          createVNode(_sfc_main$1, {
+            icon: __props.icon || "vc-icon-alert",
+            class: normalizeClass([[__props.iconClasses || "icon-2md"], "error-icon"])
+          }, null, 8, ["icon", "class"])
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcSoundplayer/VcSoundPlayerError.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./VcSoundPlayerError.vue.mjs";
+export {
+  _sfc_main as default
+};

package/library/components/VcSoundplayer/VcSoundPlayerProgress.vue.mjs

@@ -0,0 +1,61 @@
+import '../../assets/components/VcSoundplayer/VcSoundPlayerProgress.css';
+import { defineComponent, computed, ref, onMounted, openBlock, createElementBlock, unref, createBlock, createCommentVNode, withDirectives, createElementVNode, vShow } from "vue";
+import { useSoundPlayerInject } from "./useSoundPlayerProvideInject.mjs";
+import _sfc_main$1 from "../VcSkeletonLoader/VcSkeletonLoader.vue.mjs";
+const _hoisted_1 = { class: "vc-sound-progress-bar" };
+const _hoisted_2 = { class: "flex-grow w-full h-full wave-form-content" };
+const _hoisted_3 = ["id"];
+const _hoisted_4 = {
+  key: 1,
+  class: "w-full h-px bg-ui-lines rounded-full"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcSoundPlayerProgress",
+  props: {
+    showByInit: { type: Boolean }
+  },
+  setup(__props) {
+    const { componentId, loading, options, isPlayingInProgress, initWavesurfer, isInitialized, isInitSound } = useSoundPlayerInject();
+    const props = __props;
+    const isVisibleLine = computed(() => {
+      if (props.showByInit) {
+        return (loading == null ? void 0 : loading.value) || !(isInitSound == null ? void 0 : isInitSound.value);
+      }
+      return !(loading == null ? void 0 : loading.value) && !(isPlayingInProgress == null ? void 0 : isPlayingInProgress.value);
+    });
+    const waveformProgress = ref();
+    onMounted(() => {
+      if (isInitialized == null ? void 0 : isInitialized.value) {
+        throw Error("You have to use only one VcSoundPlayerProgress Component");
+      }
+      if (componentId && initWavesurfer) {
+        initWavesurfer(componentId, waveformProgress.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(loading) ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          "row-height": ((_a = unref(options)) == null ? void 0 : _a.height) || "16",
+          type: "row",
+          class: "sound-loading w-full"
+        }, null, 8, ["row-height"])) : createCommentVNode("", true),
+        withDirectives(createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", {
+            id: `waveform-${unref(componentId)}`,
+            ref_key: "waveformProgress",
+            ref: waveformProgress,
+            class: "waveform-progress"
+          }, null, 8, _hoisted_3)
+        ], 512), [
+          [vShow, __props.showByInit ? unref(isInitSound) : unref(isPlayingInProgress)]
+        ]),
+        isVisibleLine.value ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcSoundplayer/VcSoundPlayerProgress.vue3.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./VcSoundPlayerProgress.vue.mjs";
+import '../../assets/components/VcSoundplayer/VcSoundPlayerProgress.css';/* empty css                            */
+export {
+  _sfc_main as default
+};

package/library/components/VcSoundplayer/VcSoundPlayerWrapper.vue.mjs

@@ -0,0 +1,289 @@
+import '../../assets/components/VcSoundplayer/VcSoundPlayerWrapper.css';
+import { defineComponent, ref, shallowRef, computed, watch, onBeforeUnmount, openBlock, createElementBlock, renderSlot, nextTick } from "vue";
+import WaveSurfer from "wavesurfer.js";
+import Hover from "wavesurfer.js/dist/plugins/hover";
+import { useRafFn } from "@vueuse/core";
+import { DEFAULT_OPTIONS, DEFAULT_HOVER_OPTIONS } from "./player.options.mjs";
+import { useSoundPlayerProvide } from "./useSoundPlayerProvideInject.mjs";
+import uniqueComponentId from "../../utils/UniqueComponentId.mjs";
+const _hoisted_1 = { class: "vc-sound-player__wrapper" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcSoundPlayerWrapper",
+  props: {
+    soundId: { default: void 0 },
+    src: { default: void 0 },
+    currentPlay: { default: void 0 },
+    disabled: { type: Boolean, default: false },
+    preloadSound: { type: Boolean, default: false },
+    size: { default: "md" },
+    options: { default: () => ({ ...DEFAULT_OPTIONS }) },
+    showHover: { type: Boolean, default: false },
+    skipSeconds: { default: 5 },
+    defaultVolume: { default: 0 },
+    hoverOptions: { default: () => ({}) }
+  },
+  emits: ["on-error", "ready", "update:time", "update:duration", "update:currentPlay", "start", "stop", "onPlay", "pause"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const componentId = uniqueComponentId("sound-id-");
+    const props = __props;
+    const emit = __emit;
+    const speed = ref(1);
+    const isInitialized = ref(false);
+    const wavesurfer = ref(void 0);
+    const isInitSound = ref(false);
+    const loading = ref(false);
+    const isPlaying = ref(false);
+    const showReset = ref(false);
+    const volume = ref(100);
+    const initialStartTime = ref(0);
+    const currentTime = ref(0);
+    const duration = ref(0);
+    const usedOptions = shallowRef({ ...DEFAULT_OPTIONS });
+    const { pause: animatePause, resume: animationResume } = useRafFn(() => {
+      var _a;
+      currentTime.value = ((_a = wavesurfer.value) == null ? void 0 : _a.getCurrentTime()) || 0;
+    }, { immediate: false });
+    const isPlayingInProgress = computed(() => {
+      return isPlaying.value || showReset.value;
+    });
+    function getAdditionalPlugins() {
+      const plugins = [];
+      if (props.showHover) {
+        const option = Object.assign({}, DEFAULT_HOVER_OPTIONS, props.hoverOptions);
+        plugins.push(Hover.create(option));
+      }
+      return plugins;
+    }
+    function initWavesurfer(soundId, el) {
+      if (isInitialized.value) return;
+      isInitialized.value = true;
+      nextTick(() => {
+        const plugins = getAdditionalPlugins();
+        const _height = props.options.height ? props.options.height : props.size === "sm" ? 16 : 32;
+        const _options = {
+          ...props.options,
+          height: _height,
+          container: el || `#waveform-${soundId}`,
+          plugins
+        };
+        wavesurfer.value = WaveSurfer.create(_options);
+        usedOptions.value = { ..._options };
+        if (props.preloadSound) {
+          loadingSound();
+        }
+        if (props.defaultVolume) {
+          volume.value = Math.min(props.defaultVolume, 100);
+        }
+        emit("ready", soundId);
+      });
+    }
+    function loadingSound(startTime = 0) {
+      if (!wavesurfer.value || !props.src) {
+        return;
+      }
+      loading.value = true;
+      isInitSound.value = true;
+      wavesurfer.value.load(props.src);
+      wavesurfer.value.on("ready", (dur) => {
+        duration.value = dur;
+        emit("update:duration", dur);
+        loading.value = false;
+        if (!props.preloadSound) {
+          wavesurfer.value.play(startTime || initialStartTime.value);
+        }
+      });
+      wavesurfer.value.on("play", () => onPlay());
+      wavesurfer.value.on("seeking", (time) => {
+        currentTime.value = time;
+      });
+      wavesurfer.value.on("finish", () => onFinish());
+      wavesurfer.value.on("error", (errorMessage) => {
+        emit("on-error", errorMessage);
+      });
+    }
+    function onPlay() {
+      if (!wavesurfer.value) {
+        return;
+      }
+      loading.value = false;
+      isPlaying.value = true;
+      showReset.value = true;
+      emit("onPlay", props.soundId, props.src);
+      if (isPlayingInProgress.value && wavesurfer.value) {
+        animationResume();
+      } else {
+        animatePause();
+      }
+    }
+    function play(time) {
+      if (props.disabled || !wavesurfer.value) {
+        return;
+      }
+      isPlaying.value = true;
+      showReset.value = true;
+      const startTime = time ?? currentTime.value ?? 0;
+      if (!isInitSound.value) {
+        loadingSound(startTime);
+        return;
+      }
+      wavesurfer.value.play(startTime);
+    }
+    function pause() {
+      isPlaying.value = false;
+      emit("pause", props.soundId, props.src);
+      if (wavesurfer.value) {
+        wavesurfer.value.pause();
+      }
+    }
+    function onFinish() {
+      isPlaying.value = false;
+      showReset.value = false;
+      currentTime.value = 0;
+      animatePause();
+    }
+    function stop() {
+      isPlaying.value = false;
+      showReset.value = false;
+      if (wavesurfer.value) {
+        wavesurfer.value.stop();
+      }
+      currentTime.value = 0;
+    }
+    function skipBackward(seconds) {
+      if (!wavesurfer.value || !isPlayingInProgress.value) {
+        return;
+      }
+      const _sec = seconds || props.skipSeconds;
+      wavesurfer.value.skip(-_sec);
+    }
+    function skipForward(seconds) {
+      if (!wavesurfer.value || !isPlayingInProgress.value) {
+        return;
+      }
+      const _sec = seconds || props.skipSeconds;
+      wavesurfer.value.skip(_sec);
+    }
+    function setVolume(val) {
+      if (!wavesurfer.value) {
+        return;
+      }
+      const floatValue = val * 0.01;
+      wavesurfer.value.setVolume(Number.parseFloat(floatValue.toFixed(2)));
+    }
+    function initSound() {
+      stop();
+      loadingSound();
+    }
+    function setTime(time) {
+      var _a;
+      (_a = wavesurfer.value) == null ? void 0 : _a.setTime(time);
+    }
+    function setTimeAndPlay(time) {
+      stop();
+      play(time);
+    }
+    function resetInitSound() {
+      stop();
+      isInitSound.value = false;
+    }
+    function setPlaybackRate(rate) {
+      var _a;
+      speed.value = rate;
+      (_a = wavesurfer.value) == null ? void 0 : _a.setPlaybackRate(rate);
+    }
+    function setDurationTime(time) {
+      duration.value = time;
+    }
+    watch(
+      currentTime,
+      (val) => {
+        emit("update:time", val);
+      }
+    );
+    watch(
+      volume,
+      (val) => {
+        setVolume(val);
+      }
+    );
+    watch(
+      isPlaying,
+      (playing) => {
+        if (playing) {
+          emit("start", props.soundId, props.src);
+        } else {
+          emit("stop", props.soundId, props.src);
+        }
+      }
+    );
+    watch(
+      () => props.currentPlay,
+      (newValue) => {
+        if (newValue && newValue !== props.src && isPlaying.value) {
+          pause();
+        }
+        emit("update:currentPlay", props.src, isPlaying.value);
+      }
+    );
+    watch(
+      () => props.src,
+      () => {
+        resetInitSound();
+        initSound();
+      }
+    );
+    onBeforeUnmount(() => {
+      if (wavesurfer.value) {
+        wavesurfer.value.destroy();
+      }
+    });
+    useSoundPlayerProvide({
+      componentId: String(props.soundId || componentId),
+      options: usedOptions,
+      speed,
+      loading,
+      isInitialized,
+      duration,
+      currentTime,
+      isPlaying,
+      isInitSound,
+      showReset,
+      isPlayingInProgress,
+      volume,
+      defaultVolume: () => props.defaultVolume,
+      play,
+      stop,
+      pause,
+      initWavesurfer,
+      skipBackward,
+      skipForward,
+      setPlaybackRate
+    });
+    __expose({
+      initSound,
+      play,
+      stop,
+      pause,
+      setVolume,
+      resetInitSound,
+      skipBackward,
+      skipForward,
+      setTime,
+      getCurrentTime: () => currentTime.value,
+      getDurationTime: () => duration.value,
+      setDurationTime,
+      setPlaybackRate,
+      setTimeAndPlay,
+      setInitialStartTime: (seconds) => initialStartTime.value = seconds,
+      setLoadingState: (val) => loading.value = val
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcSoundplayer/VcSoundPlayerWrapper.vue3.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./VcSoundPlayerWrapper.vue.mjs";
+import '../../assets/components/VcSoundplayer/VcSoundPlayerWrapper.css';/* empty css                           */
+export {
+  _sfc_main as default
+};