@voicenter-team/voicenter-ui-plus 1.1.21 → 2.0.2

package/library/VcSoundPlayer-Bc4GDrHh.mjs

@@ -1,258 +0,0 @@
-import { defineComponent, ref, computed, watch, resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, withCtx, createVNode, withDirectives, createElementVNode, normalizeClass, vShow, Fragment, renderList, withModifiers } from "vue";
-import { D as DEFAULT_OPTIONS, C as _sfc_main$1, F as _sfc_main$2, G as _sfc_main$3, H as _sfc_main$4, I as _sfc_main$5, J as _sfc_main$6, K as _sfc_main$7, L as _sfc_main$8, B as _export_sfc } from "./entry-EvdwF4XL.mjs";
-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: "p-2" };
-const _hoisted_6 = ["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) => {
-      const _component_VcPopover = resolveComponent("VcPopover");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.src ? (openBlock(), createBlock(_sfc_main$1, {
-          key: 0,
-          ref_key: "SoundPlayerWrapper",
-          ref: SoundPlayerWrapper,
-          disabled: _ctx.disabled,
-          src: _ctx.src,
-          "current-play": _ctx.currentPlay,
-          size: _ctx.size,
-          "sound-id": _ctx.soundId,
-          options: playerOptions.value,
-          "skip-seconds": _ctx.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": _ctx.simple,
-              "audio-error-message": audioErrorMessage.value
-            }, null, 8, ["is-simple", "audio-error-message"])) : (openBlock(), createElementBlock("div", _hoisted_2, [
-              createVNode(_sfc_main$3, {
-                disabled: _ctx.disabled,
-                "icon-class": iconClass.value,
-                class: "gap-x-3"
-              }, null, 8, ["disabled", "icon-class"]),
-              _ctx.showSkipButtons ? (openBlock(), createBlock(_sfc_main$4, {
-                key: 0,
-                "icon-class": iconClass.value
-              }, null, 8, ["icon-class"])) : createCommentVNode("", true),
-              _ctx.preIcon && !_ctx.simple ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                createElementVNode("i", {
-                  class: normalizeClass([_ctx.preIcon, "text-primary-actions icon-base"])
-                }, null, 2)
-              ])) : createCommentVNode("", true),
-              !_ctx.simple ? (openBlock(), createBlock(_sfc_main$5, {
-                key: 2,
-                class: "sound-time-current"
-              })) : createCommentVNode("", true),
-              withDirectives(createVNode(_sfc_main$6, {
-                class: normalizeClass(height.value)
-              }, null, 8, ["class"]), [
-                [vShow, !_ctx.simple]
-              ]),
-              !_ctx.simple ? (openBlock(), createBlock(_sfc_main$7, {
-                key: 3,
-                class: "sound-duration"
-              })) : createCommentVNode("", true),
-              !_ctx.simple ? (openBlock(), createBlock(_sfc_main$8, {
-                key: 4,
-                disabled: _ctx.disabled
-              }, null, 8, ["disabled"])) : createCommentVNode("", true),
-              showDownloadButton.value && !_ctx.simple ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                createVNode(_component_VcPopover, {
-                  disabled: _ctx.disabled,
-                  "popover-class": "!min-w-max",
-                  "popover-width": "auto"
-                }, {
-                  reference: withCtx(() => [..._cache[0] || (_cache[0] = [
-                    createElementVNode("span", { class: "cursor-pointer text-inactive-elements hover:text-primary-actions duration-200" }, [
-                      createElementVNode("i", { class: "vc-icon-menu" })
-                    ], -1)
-                  ])]),
-                  default: withCtx(() => [
-                    createElementVNode("div", _hoisted_5, [
-                      _cache[1] || (_cache[1] = createElementVNode("div", { class: "font-medium text-xs mb-1" }, " Download: ", -1)),
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.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"])
-                        }, [
-                          createElementVNode("i", {
-                            class: normalizeClass(["text-primary-actions icon-xl", downloadIconType(item)])
-                          }, null, 2)
-                        ], 8, _hoisted_6);
-                      }), 128))
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["disabled"])
-              ])) : createCommentVNode("", true)
-            ]))
-          ]),
-          _: 1
-        }, 8, ["disabled", "src", "current-play", "size", "sound-id", "options", "skip-seconds"])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-const VcSoundPlayer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-242d5dda"]]);
-export {
-  VcSoundPlayer as default
-};