@voicenter-team/voicenter-ui-plus 3.3.3 → 3.4.0

package/library/components/VcPdfViewer/pdfjslib.mjs

@@ -2,8 +2,8 @@ let pdfPromise = null;
 function loadPdf() {
   if (!pdfPromise) {
     pdfPromise = (async () => {
-      const pdfImport = import("pdfjs-dist/legacy/build/pdf.js");
-      const viewerImport = import("pdfjs-dist/legacy/web/pdf_viewer");
+      const pdfImport = import("pdfjs-dist/build/pdf.js");
+      const viewerImport = import("pdfjs-dist/web/pdf_viewer");
       const [pdf, viewer] = await Promise.all([pdfImport, viewerImport]);
       pdf.GlobalWorkerOptions.workerSrc = new URL("./pdf.worker.min.js", import.meta.url).toString();
       return {

package/library/components/VcRadio/VcRadio.vue.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { ElRadio } from "element-plus";
-import '../../assets/node_modules/element-plus/theme-chalk/src/popover.css';import '../../assets/node_modules/element-plus/theme-chalk/src/transfer.css';import '../../assets/node_modules/element-plus/theme-chalk/src/tree.css';import '../../assets/node_modules/element-plus/theme-chalk/src/text.css';import '../../assets/node_modules/element-plus/theme-chalk/src/slider.css';import '../../assets/node_modules/element-plus/theme-chalk/src/color-picker.css';import '../../assets/node_modules/element-plus/theme-chalk/src/color-picker-panel.css';import '../../assets/node_modules/element-plus/theme-chalk/src/tooltip.css';import '../../assets/node_modules/element-plus/theme-chalk/src/date-picker-panel.css';import '../../assets/node_modules/element-plus/theme-chalk/src/button.css';import '../../assets/node_modules/element-plus/theme-chalk/src/checkbox-button.css';import '../../assets/node_modules/element-plus/theme-chalk/src/checkbox-group.css';import '../../assets/node_modules/element-plus/theme-chalk/src/checkbox.css';import '../../assets/node_modules/element-plus/theme-chalk/src/radio-button.css';import '../../assets/node_modules/element-plus/theme-chalk/src/radio-group.css';import '../../assets/node_modules/element-plus/theme-chalk/src/radio.css';import '../../assets/node_modules/element-plus/theme-chalk/src/select.css';import '../../assets/node_modules/element-plus/theme-chalk/src/option-group.css';import '../../assets/node_modules/element-plus/theme-chalk/src/option.css';import '../../assets/node_modules/element-plus/theme-chalk/src/tag.css';import '../../assets/node_modules/element-plus/theme-chalk/src/autocomplete.css';import '../../assets/node_modules/element-plus/theme-chalk/src/popper.css';import '../../assets/node_modules/element-plus/theme-chalk/src/scrollbar.css';import '../../assets/node_modules/element-plus/theme-chalk/src/input-number.css';import '../../assets/node_modules/element-plus/theme-chalk/src/input.css';import '../../assets/node_modules/element-plus/theme-chalk/src/form-item.css';import '../../assets/node_modules/element-plus/theme-chalk/src/form.css';import '../../assets/node_modules/element-plus/theme-chalk/src/base.css';
+import '../../assets/node_modules/element-plus/theme-chalk/src/popover.css';import '../../assets/node_modules/element-plus/theme-chalk/src/transfer.css';import '../../assets/node_modules/element-plus/theme-chalk/src/tree.css';import '../../assets/node_modules/element-plus/theme-chalk/src/text.css';import '../../assets/node_modules/element-plus/theme-chalk/src/slider.css';import '../../assets/node_modules/element-plus/theme-chalk/src/color-picker.css';import '../../assets/node_modules/element-plus/theme-chalk/src/color-picker-panel.css';import '../../assets/node_modules/element-plus/theme-chalk/src/date-picker.css';import '../../assets/node_modules/element-plus/theme-chalk/src/date-picker-panel.css';import '../../assets/node_modules/element-plus/theme-chalk/src/button.css';import '../../assets/node_modules/element-plus/theme-chalk/src/checkbox-button.css';import '../../assets/node_modules/element-plus/theme-chalk/src/checkbox-group.css';import '../../assets/node_modules/element-plus/theme-chalk/src/checkbox.css';import '../../assets/node_modules/element-plus/theme-chalk/src/radio-button.css';import '../../assets/node_modules/element-plus/theme-chalk/src/radio-group.css';import '../../assets/node_modules/element-plus/theme-chalk/src/radio.css';import '../../assets/node_modules/element-plus/theme-chalk/src/select.css';import '../../assets/node_modules/element-plus/theme-chalk/src/option-group.css';import '../../assets/node_modules/element-plus/theme-chalk/src/option.css';import '../../assets/node_modules/element-plus/theme-chalk/src/tag.css';import '../../assets/node_modules/element-plus/theme-chalk/src/autocomplete.css';import '../../assets/node_modules/element-plus/theme-chalk/src/popper.css';import '../../assets/node_modules/element-plus/theme-chalk/src/scrollbar.css';import '../../assets/node_modules/element-plus/theme-chalk/src/input-number.css';import '../../assets/node_modules/element-plus/theme-chalk/src/input.css';import '../../assets/node_modules/element-plus/theme-chalk/src/form-item.css';import '../../assets/node_modules/element-plus/theme-chalk/src/form.css';import '../../assets/node_modules/element-plus/theme-chalk/src/base.css';
 import '../../assets/components/VcRadio/VcRadio.css';/* empty css                                                         */
 /* empty css                                                         */
 /* empty css                                                              */

package/library/components/VcSelect/VcSelect.vue.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, computed, markRaw, h, watch, openBlock, createBlock, unref, mergeProps, isRef, createSlots, withCtx, renderSlot, createElementBlock, Fragment, createVNode, createTextVNode, toDisplayString, createCommentVNode, renderList, createElementVNode, normalizeStyle, normalizeClass } from "vue";
 import { ElSelect } from "element-plus";
-import '../../assets/components/VcIcon/VcIcon.css';import '../../assets/components/VcForm/VcFormItem.css';import '../../assets/components/VcCheckbox/VcCheckbox.css';import '../../assets/components/VcSelect/VcSelectOption.css';import '../../assets/node_modules/element-plus/theme-chalk/src/popover.css';import '../../assets/node_modules/element-plus/theme-chalk/src/transfer.css';import '../../assets/node_modules/element-plus/theme-chalk/src/tree.css';import '../../assets/node_modules/element-plus/theme-chalk/src/text.css';import '../../assets/node_modules/element-plus/theme-chalk/src/slider.css';import '../../assets/node_modules/element-plus/theme-chalk/src/color-picker.css';import '../../assets/node_modules/element-plus/theme-chalk/src/color-picker-panel.css';import '../../assets/node_modules/element-plus/theme-chalk/src/tooltip.css';import '../../assets/node_modules/element-plus/theme-chalk/src/date-picker-panel.css';import '../../assets/node_modules/element-plus/theme-chalk/src/button.css';import '../../assets/node_modules/element-plus/theme-chalk/src/checkbox-button.css';import '../../assets/node_modules/element-plus/theme-chalk/src/checkbox-group.css';import '../../assets/node_modules/element-plus/theme-chalk/src/checkbox.css';import '../../assets/node_modules/element-plus/theme-chalk/src/radio-button.css';import '../../assets/node_modules/element-plus/theme-chalk/src/radio-group.css';import '../../assets/node_modules/element-plus/theme-chalk/src/radio.css';import '../../assets/node_modules/element-plus/theme-chalk/src/select.css';import '../../assets/node_modules/element-plus/theme-chalk/src/option-group.css';import '../../assets/node_modules/element-plus/theme-chalk/src/option.css';import '../../assets/node_modules/element-plus/theme-chalk/src/tag.css';import '../../assets/node_modules/element-plus/theme-chalk/src/autocomplete.css';import '../../assets/node_modules/element-plus/theme-chalk/src/popper.css';import '../../assets/node_modules/element-plus/theme-chalk/src/scrollbar.css';import '../../assets/node_modules/element-plus/theme-chalk/src/input-number.css';import '../../assets/node_modules/element-plus/theme-chalk/src/input.css';import '../../assets/node_modules/element-plus/theme-chalk/src/form-item.css';import '../../assets/node_modules/element-plus/theme-chalk/src/form.css';import '../../assets/node_modules/element-plus/theme-chalk/src/base.css';
+import '../../assets/components/VcIcon/VcIcon.css';import '../../assets/components/VcForm/VcFormItem.css';import '../../assets/components/VcCheckbox/VcCheckbox.css';import '../../assets/components/VcSelect/VcSelectOption.css';import '../../assets/node_modules/element-plus/theme-chalk/src/popover.css';import '../../assets/node_modules/element-plus/theme-chalk/src/transfer.css';import '../../assets/node_modules/element-plus/theme-chalk/src/tree.css';import '../../assets/node_modules/element-plus/theme-chalk/src/text.css';import '../../assets/node_modules/element-plus/theme-chalk/src/slider.css';import '../../assets/node_modules/element-plus/theme-chalk/src/color-picker.css';import '../../assets/node_modules/element-plus/theme-chalk/src/color-picker-panel.css';import '../../assets/node_modules/element-plus/theme-chalk/src/date-picker.css';import '../../assets/node_modules/element-plus/theme-chalk/src/date-picker-panel.css';import '../../assets/node_modules/element-plus/theme-chalk/src/button.css';import '../../assets/node_modules/element-plus/theme-chalk/src/checkbox-button.css';import '../../assets/node_modules/element-plus/theme-chalk/src/checkbox-group.css';import '../../assets/node_modules/element-plus/theme-chalk/src/checkbox.css';import '../../assets/node_modules/element-plus/theme-chalk/src/radio-button.css';import '../../assets/node_modules/element-plus/theme-chalk/src/radio-group.css';import '../../assets/node_modules/element-plus/theme-chalk/src/radio.css';import '../../assets/node_modules/element-plus/theme-chalk/src/select.css';import '../../assets/node_modules/element-plus/theme-chalk/src/option-group.css';import '../../assets/node_modules/element-plus/theme-chalk/src/option.css';import '../../assets/node_modules/element-plus/theme-chalk/src/tag.css';import '../../assets/node_modules/element-plus/theme-chalk/src/autocomplete.css';import '../../assets/node_modules/element-plus/theme-chalk/src/popper.css';import '../../assets/node_modules/element-plus/theme-chalk/src/scrollbar.css';import '../../assets/node_modules/element-plus/theme-chalk/src/input-number.css';import '../../assets/node_modules/element-plus/theme-chalk/src/input.css';import '../../assets/node_modules/element-plus/theme-chalk/src/form-item.css';import '../../assets/node_modules/element-plus/theme-chalk/src/form.css';import '../../assets/node_modules/element-plus/theme-chalk/src/base.css';
 import '../../assets/components/VcSelect/VcSelect.css';/* empty css                                                         */
 /* empty css                                                         */
 /* empty css                                                              */

package/library/components/VcSlider/VcSlider.vue.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps } from "vue";
 import { ElSlider } from "element-plus";
-import '../../assets/node_modules/element-plus/theme-chalk/src/slider.css';import '../../assets/node_modules/element-plus/theme-chalk/src/input-number.css';import '../../assets/node_modules/element-plus/theme-chalk/src/input.css';import '../../assets/node_modules/element-plus/theme-chalk/src/tooltip.css';import '../../assets/node_modules/element-plus/theme-chalk/src/popper.css';import '../../assets/node_modules/element-plus/theme-chalk/src/base.css';
+import '../../assets/node_modules/element-plus/theme-chalk/src/slider.css';import '../../assets/node_modules/element-plus/theme-chalk/src/input-number.css';import '../../assets/node_modules/element-plus/theme-chalk/src/input.css';import '../../assets/node_modules/element-plus/theme-chalk/src/date-picker.css';import '../../assets/node_modules/element-plus/theme-chalk/src/popper.css';import '../../assets/node_modules/element-plus/theme-chalk/src/base.css';
 import '../../assets/components/VcSlider/VcSlider.css';/* empty css                                                         */
 /* empty css                                                           */
 /* empty css                                                            */

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

@@ -1,19 +1,20 @@
 import '../../assets/components/VcSoundplayer/VcSoundPlayer.css';
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createBlock, withCtx, createVNode, createCommentVNode, withDirectives, normalizeClass, vShow, createElementVNode, Fragment, renderList, withModifiers } from "vue";
+import { defineComponent, useSlots, computed, ref, watch, openBlock, createElementBlock, createBlock, withCtx, createVNode, createCommentVNode, withDirectives, normalizeClass, createSlots, renderSlot, normalizeProps, guardReactiveProps, 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";
+import _sfc_main$9 from "./VcSoundDuration.vue.mjs";
+import _sfc_main$a from "./VcSoundVolume.vue.mjs";
 /* empty css                    */
 import _sfc_main$7 from "./VcSoundPlayerProgress.vue.mjs";
 /* empty css                            */
+import _sfc_main$8 from "./VcSoundPlayerMarkers.vue.mjs";
 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";
+import _sfc_main$b from "../VcPopover/VcPopover.vue.mjs";
 /* empty css                           */
 import _sfc_main$5 from "../VcIcon/VcIcon.vue.mjs";
 /* empty css                     */
@@ -42,11 +43,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     showSkipButtons: { type: Boolean, default: false },
     skipLength: { default: void 0 },
     size: { default: "md" },
-    downloadLinks: { default: () => [] }
+    downloadLinks: { default: () => [] },
+    markers: { default: () => [] },
+    preloadSound: { type: Boolean, default: void 0 }
   },
-  emits: ["ready", "start", "stop", "onPlay", "pause"],
+  emits: ["ready", "start", "stop", "onPlay", "pause", "marker-click"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const slots = useSlots();
+    const hasMarkersContent = computed(() => {
+      return Boolean(slots.markers) || Boolean(slots.marker) || props.markers.length > 0;
+    });
+    const resolvedPreloadSound = computed(() => {
+      if (props.preloadSound !== void 0) {
+        return props.preloadSound;
+      }
+      return hasMarkersContent.value;
+    });
     const emit = __emit;
     const SoundPlayerWrapper = ref();
     const isError = ref(false);
@@ -96,7 +109,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("pause", soundId || "", src || "");
     }
     function onReady(soundId) {
-      emit("ready", soundId);
+      emit("ready", soundId ?? "");
+    }
+    function onMarkerClick(marker, index, time, event) {
+      emit("marker-click", marker, index, time, event);
     }
     function stop() {
       var _a;
@@ -186,6 +202,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "sound-id": __props.soundId,
           options: playerOptions.value,
           "skip-seconds": __props.skipLength,
+          "preload-sound": resolvedPreloadSound.value,
           class: "w-full",
           onReady,
           onPause,
@@ -220,20 +237,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: "sound-time-current"
               })) : createCommentVNode("", true),
               withDirectives(createVNode(_sfc_main$7, {
-                class: normalizeClass(height.value)
-              }, null, 8, ["class"]), [
+                class: normalizeClass(height.value),
+                "show-by-init": hasMarkersContent.value
+              }, createSlots({ _: 2 }, [
+                hasMarkersContent.value ? {
+                  name: "markers",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "markers", { markers: __props.markers }, () => [
+                      __props.markers && __props.markers.length ? (openBlock(), createBlock(_sfc_main$8, {
+                        key: 0,
+                        markers: __props.markers,
+                        onClick: onMarkerClick
+                      }, createSlots({ _: 2 }, [
+                        _ctx.$slots.marker ? {
+                          name: "marker",
+                          fn: withCtx((slotProps) => [
+                            renderSlot(_ctx.$slots, "marker", normalizeProps(guardReactiveProps(slotProps)))
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1032, ["markers"])) : createCommentVNode("", true)
+                    ])
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["class", "show-by-init"]), [
                 [vShow, !__props.simple]
               ]),
-              !__props.simple ? (openBlock(), createBlock(_sfc_main$8, {
+              !__props.simple ? (openBlock(), createBlock(_sfc_main$9, {
                 key: 3,
                 class: "sound-duration"
               })) : createCommentVNode("", true),
-              !__props.simple ? (openBlock(), createBlock(_sfc_main$9, {
+              !__props.simple ? (openBlock(), createBlock(_sfc_main$a, {
                 key: 4,
                 disabled: __props.disabled
               }, null, 8, ["disabled"])) : createCommentVNode("", true),
               showDownloadButton.value && !__props.simple ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                createVNode(_sfc_main$a, {
+                createVNode(_sfc_main$b, {
                   disabled: __props.disabled,
                   "popover-class": "!min-w-max",
                   "popover-width": "auto"
@@ -265,8 +305,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])) : createCommentVNode("", true)
             ]))
           ]),
-          _: 1
-        }, 8, ["disabled", "src", "current-play", "size", "sound-id", "options", "skip-seconds"])) : createCommentVNode("", true)
+          _: 3
+        }, 8, ["disabled", "src", "current-play", "size", "sound-id", "options", "skip-seconds", "preload-sound"])) : createCommentVNode("", true)
       ]);
     };
   }

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

@@ -0,0 +1,131 @@
+import '../../assets/components/VcSoundplayer/VcSoundPlayerMarker.css';
+import { defineComponent, computed, openBlock, createElementBlock, withKeys, withModifiers, normalizeStyle, normalizeClass, renderSlot, createCommentVNode, createElementVNode, createBlock, toDisplayString } from "vue";
+import { useSoundPlayerInject } from "./useSoundPlayerProvideInject.mjs";
+import { toMinutes } from "./player.options.mjs";
+import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
+import '../../assets/components/VcIcon/VcIcon.css';/* empty css                     */
+const _hoisted_1 = ["disabled", "aria-label", "title", "onKeydown"];
+const _hoisted_2 = {
+  key: 0,
+  class: "vc-sound-player__marker-stem"
+};
+const _hoisted_3 = { class: "vc-sound-player__marker-glyph" };
+const _hoisted_4 = {
+  key: 1,
+  class: "vc-sound-player__marker-dot"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "vc-sound-player__marker-label"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcSoundPlayerMarker",
+  props: {
+    time: {},
+    label: { default: "" },
+    color: { default: void 0 },
+    disabled: { type: Boolean, default: false },
+    ariaLabel: { default: "" },
+    seekOnClick: { type: Boolean, default: true },
+    showStem: { type: Boolean, default: true },
+    icon: { default: void 0 },
+    iconClass: { default: "icon-md" },
+    placement: { default: "top" }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const PLACEMENT_CLASSES = {
+      top: "vc-sound-player__marker--placement-top",
+      center: "vc-sound-player__marker--placement-center",
+      bottom: "vc-sound-player__marker--placement-bottom"
+    };
+    const props = __props;
+    const emit = __emit;
+    const { duration, currentTime, seekTo } = useSoundPlayerInject();
+    const isPositioned = computed(() => ((duration == null ? void 0 : duration.value) ?? 0) > 0);
+    const position = computed(() => {
+      const dur = (duration == null ? void 0 : duration.value) ?? 0;
+      if (dur <= 0) {
+        return 0;
+      }
+      const raw = props.time / dur * 100;
+      return Math.min(Math.max(raw, 0), 100);
+    });
+    const isPast = computed(() => {
+      return ((currentTime == null ? void 0 : currentTime.value) ?? 0) >= props.time;
+    });
+    const markerClasses = computed(() => ({
+      "vc-sound-player__marker--past": isPast.value,
+      "vc-sound-player__marker--disabled": props.disabled,
+      "vc-sound-player__marker--no-stem": !props.showStem,
+      "vc-sound-player__marker--has-icon": Boolean(props.icon),
+      [PLACEMENT_CLASSES[props.placement]]: true
+    }));
+    const markerStyle = computed(() => {
+      const style = {
+        left: `${position.value}%`
+      };
+      if (props.color) {
+        style["--vc-marker-color"] = props.color;
+      }
+      return style;
+    });
+    const titleText = computed(() => {
+      return props.label || toMinutes(props.time);
+    });
+    const resolvedAriaLabel = computed(() => {
+      if (props.ariaLabel) {
+        return props.ariaLabel;
+      }
+      const readableTime = toMinutes(props.time);
+      return props.label ? `${props.label} at ${readableTime}` : `Seek to ${readableTime}`;
+    });
+    function handleClick(event) {
+      if (props.disabled) {
+        return;
+      }
+      if (props.seekOnClick && seekTo) {
+        seekTo(props.time);
+      }
+      emit("click", props.time, event);
+    }
+    return (_ctx, _cache) => {
+      return isPositioned.value ? (openBlock(), createElementBlock("button", {
+        key: 0,
+        type: "button",
+        class: normalizeClass(["vc-sound-player__marker", markerClasses.value]),
+        style: normalizeStyle(markerStyle.value),
+        disabled: __props.disabled,
+        "aria-label": resolvedAriaLabel.value,
+        title: titleText.value,
+        onClick: withModifiers(handleClick, ["stop"]),
+        onKeydown: [
+          withKeys(withModifiers(handleClick, ["prevent"]), ["enter"]),
+          withKeys(withModifiers(handleClick, ["prevent"]), ["space"])
+        ]
+      }, [
+        renderSlot(_ctx.$slots, "default", {
+          time: __props.time,
+          position: position.value,
+          isPast: isPast.value,
+          label: __props.label,
+          disabled: __props.disabled,
+          icon: __props.icon
+        }, () => [
+          __props.showStem ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", true),
+          createElementVNode("span", _hoisted_3, [
+            __props.icon ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              icon: __props.icon,
+              class: normalizeClass(__props.iconClass)
+            }, null, 8, ["icon", "class"])) : (openBlock(), createElementBlock("span", _hoisted_4))
+          ]),
+          __props.label ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
+        ])
+      ], 46, _hoisted_1)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,49 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, createSlots, withCtx, renderSlot, mergeProps } from "vue";
+import _sfc_main$1 from "./VcSoundPlayerMarker.vue.mjs";
+import '../../assets/components/VcSoundplayer/VcSoundPlayerMarker.css';/* empty css                          */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcSoundPlayerMarkers",
+  props: {
+    markers: {},
+    seekOnClick: { type: Boolean, default: true }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function onMarkerClick(marker, index, time, event) {
+      emit("click", marker, index, time, event);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(__props.markers, (marker, index) => {
+        return openBlock(), createBlock(_sfc_main$1, {
+          key: marker.id ?? `${marker.time}-${index}`,
+          time: marker.time,
+          label: marker.label,
+          color: marker.color,
+          disabled: marker.disabled,
+          "aria-label": marker.ariaLabel,
+          "show-stem": marker.showStem ?? true,
+          icon: marker.icon,
+          "icon-class": marker.iconClass,
+          placement: marker.placement ?? "top",
+          "seek-on-click": __props.seekOnClick,
+          onClick: (time, event) => onMarkerClick(marker, index, time, event)
+        }, createSlots({ _: 2 }, [
+          _ctx.$slots.marker ? {
+            name: "default",
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, "marker", mergeProps({ ref_for: true }, slotProps, {
+                marker,
+                index
+              }))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["time", "label", "color", "disabled", "aria-label", "show-stem", "icon", "icon-class", "placement", "seek-on-click", "onClick"]);
+      }), 128);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -1,11 +1,15 @@
 import '../../assets/components/VcSoundplayer/VcSoundPlayerProgress.css';
-import { defineComponent, computed, ref, onMounted, openBlock, createElementBlock, unref, createBlock, createCommentVNode, withDirectives, createElementVNode, vShow } from "vue";
+import { defineComponent, useSlots, computed, ref, onMounted, openBlock, createElementBlock, unref, createBlock, createCommentVNode, withDirectives, createElementVNode, renderSlot, 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: 0,
+  class: "vc-sound-player__markers-layer"
+};
+const _hoisted_5 = {
   key: 1,
   class: "w-full h-px bg-ui-lines rounded-full"
 };
@@ -17,12 +21,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const { componentId, loading, options, isPlayingInProgress, initWavesurfer, isInitialized, isInitSound } = useSoundPlayerInject();
     const props = __props;
+    const slots = useSlots();
     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 hasMarkers = computed(() => Boolean(slots.markers || slots.default));
     const waveformProgress = ref();
     onMounted(() => {
       if (isInitialized == null ? void 0 : isInitialized.value) {
@@ -47,11 +53,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref_key: "waveformProgress",
             ref: waveformProgress,
             class: "waveform-progress"
-          }, null, 8, _hoisted_3)
+          }, null, 8, _hoisted_3),
+          hasMarkers.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            renderSlot(_ctx.$slots, "markers"),
+            renderSlot(_ctx.$slots, "default")
+          ])) : createCommentVNode("", true)
         ], 512), [
           [vShow, __props.showByInit ? unref(isInitSound) : unref(isPlayingInProgress)]
         ]),
-        isVisibleLine.value ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
+        isVisibleLine.value ? (openBlock(), createElementBlock("div", _hoisted_5)) : createCommentVNode("", true)
       ]);
     };
   }

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

@@ -178,6 +178,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       (_a = wavesurfer.value) == null ? void 0 : _a.setTime(time);
     }
+    function seekTo(time) {
+      var _a;
+      if (props.disabled) {
+        return;
+      }
+      const dur = duration.value;
+      const target = dur > 0 ? Math.min(Math.max(time, 0), dur) : Math.max(time, 0);
+      if (!isInitSound.value) {
+        initialStartTime.value = target;
+        loadingSound(target);
+        return;
+      }
+      (_a = wavesurfer.value) == null ? void 0 : _a.setTime(target);
+    }
     function setTimeAndPlay(time) {
       stop();
       play(time);
@@ -257,7 +271,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       initWavesurfer,
       skipBackward,
       skipForward,
-      setPlaybackRate
+      setPlaybackRate,
+      seekTo
     });
     __expose({
       initSound,
@@ -269,6 +284,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       skipBackward,
       skipForward,
       setTime,
+      seekTo,
       getCurrentTime: () => currentTime.value,
       getDurationTime: () => duration.value,
       setDurationTime,

package/library/index.mjs

@@ -165,54 +165,57 @@ import { default as default91 } from "./components/VcSoundplayer/VcSoundDuration
 import { default as default92 } from "./components/VcSoundplayer/VcSoundPlayer.vue.mjs";
 /* empty css                                             */
 import { default as default93 } from "./components/VcSoundplayer/VcSoundPlayerError.vue.mjs";
-import { default as default94 } from "./components/VcSoundplayer/VcSoundPlayerProgress.vue.mjs";
+import { default as default94 } from "./components/VcSoundplayer/VcSoundPlayerMarker.vue.mjs";
+/* empty css                                                   */
+import { default as default95 } from "./components/VcSoundplayer/VcSoundPlayerMarkers.vue.mjs";
+import { default as default96 } from "./components/VcSoundplayer/VcSoundPlayerProgress.vue.mjs";
 /* empty css                                                     */
-import { default as default95 } from "./components/VcSoundplayer/VcSoundPlayerWrapper.vue.mjs";
+import { default as default97 } from "./components/VcSoundplayer/VcSoundPlayerWrapper.vue.mjs";
 /* empty css                                                    */
-import { default as default96 } from "./components/VcSoundplayer/VcSoundVolume.vue.mjs";
+import { default as default98 } from "./components/VcSoundplayer/VcSoundVolume.vue.mjs";
 /* empty css                                             */
-import { default as default97 } from "./components/VcSparkline/VcSparkline.vue.mjs";
-import { default as default98 } from "./components/VcSplitButton/VcSplitButton.vue.mjs";
+import { default as default99 } from "./components/VcSparkline/VcSparkline.vue.mjs";
+import { default as default100 } from "./components/VcSplitButton/VcSplitButton.vue.mjs";
 /* empty css                                             */
-import { default as default99 } from "./components/VcSwitch/VcSwitch.vue.mjs";
+import { default as default101 } from "./components/VcSwitch/VcSwitch.vue.mjs";
 /* empty css                                   */
-import { default as default100 } from "./components/VcSystemUserPrompt/VcSystemUserPrompt.vue.mjs";
+import { default as default102 } from "./components/VcSystemUserPrompt/VcSystemUserPrompt.vue.mjs";
 /* empty css                                                       */
-import { default as default101 } from "./components/VcTabs/VcTabNav.vue.mjs";
+import { default as default103 } from "./components/VcTabs/VcTabNav.vue.mjs";
 /* empty css                                 */
-import { default as default102 } from "./components/VcTabs/VcTabPane.vue.mjs";
+import { default as default104 } from "./components/VcTabs/VcTabPane.vue.mjs";
 /* empty css                                  */
-import { default as default103 } from "./components/VcTable/VcTable.vue.mjs";
+import { default as default105 } from "./components/VcTable/VcTable.vue.mjs";
 /* empty css                                 */
 /* empty css                                 */
-import { default as default104 } from "./components/VcTabs/VcTabs.vue.mjs";
+import { default as default106 } from "./components/VcTabs/VcTabs.vue.mjs";
 /* empty css                               */
-import { default as default105 } from "./components/VcTag/VcTag.vue.mjs";
+import { default as default107 } from "./components/VcTag/VcTag.vue.mjs";
 /* empty css                             */
-import { default as default106 } from "./components/VcTagInput/VcTagInput.vue.mjs";
+import { default as default108 } from "./components/VcTagInput/VcTagInput.vue.mjs";
 /* empty css                                       */
-import { default as default107 } from "./components/VcTimeInput/VcTimeInput.vue.mjs";
+import { default as default109 } from "./components/VcTimeInput/VcTimeInput.vue.mjs";
 /* empty css                                         */
-import { default as default108 } from "./components/VcButton/VcToggleButton.vue.mjs";
+import { default as default110 } from "./components/VcButton/VcToggleButton.vue.mjs";
 /* empty css                                         */
-import { default as default109 } from "./components/VcTour/VcTour.vue.mjs";
+import { default as default111 } from "./components/VcTour/VcTour.vue.mjs";
 /* empty css                               */
-import { default as default110 } from "./components/VcTransfer/VcTransfer.vue.mjs";
+import { default as default112 } from "./components/VcTransfer/VcTransfer.vue.mjs";
 /* empty css                                       */
-import { default as default111 } from "./components/VcTree/VcTree.vue.mjs";
+import { default as default113 } from "./components/VcTree/VcTree.vue.mjs";
 /* empty css                               */
-import { default as default112 } from "./components/VcTree/VcTreeSelect.vue.mjs";
+import { default as default114 } from "./components/VcTree/VcTreeSelect.vue.mjs";
 /* empty css                                     */
 /* empty css                                     */
-import { default as default113 } from "./components/VcVerticalTabs/VcVerticalTabs.vue.mjs";
+import { default as default115 } from "./components/VcVerticalTabs/VcVerticalTabs.vue.mjs";
 /* empty css                                               */
-import { default as default114 } from "./components/VcViewSwitcher/VcViewSwitcher.vue.mjs";
+import { default as default116 } from "./components/VcViewSwitcher/VcViewSwitcher.vue.mjs";
 /* empty css                                               */
-import { default as default115 } from "./components/VcWizard/VcWizard.vue.mjs";
+import { default as default117 } from "./components/VcWizard/VcWizard.vue.mjs";
 /* empty css                                   */
 export * from "element-plus/es/components/form/src/constants";
-import { default as default116 } from "./components/VcFileUploader/VcFileUploader.vue.mjs";
-import { default as default117 } from "./components/VcLoading/VcLoading.vue.mjs";
+import { default as default118 } from "./components/VcFileUploader/VcFileUploader.vue.mjs";
+import { default as default119 } from "./components/VcLoading/VcLoading.vue.mjs";
 export {
   ALIAS_ITEM_SPACE,
   BaseEntityService,
@@ -285,7 +288,7 @@ export {
   default44 as VcEntityVerticalEditForm,
   default45 as VcExcelFileUploader,
   default46 as VcExtendedDatetimeRangePicker,
-  default116 as VcFileUploader,
+  default118 as VcFileUploader,
   default47 as VcForm,
   default48 as VcFormItem,
   default49 as VcHtmlEditor,
@@ -300,7 +303,7 @@ export {
   default57 as VcInputLabel,
   default58 as VcInputNumber,
   default59 as VcJsonSchema,
-  default117 as VcLoading,
+  default119 as VcLoading,
   default60 as VcMdEditor,
   default61 as VcMeterGroup,
   default62 as VcMeterGroupLabel,
@@ -336,31 +339,33 @@ export {
   default91 as VcSoundDuration,
   default92 as VcSoundPlayer,
   default93 as VcSoundPlayerError,
-  default94 as VcSoundPlayerProgress,
+  default94 as VcSoundPlayerMarker,
+  default95 as VcSoundPlayerMarkers,
+  default96 as VcSoundPlayerProgress,
   VcSoundPlayerProvideKey,
-  default95 as VcSoundPlayerWrapper,
-  default96 as VcSoundVolume,
-  default97 as VcSparkline,
-  default98 as VcSplitButton,
-  default99 as VcSwitch,
-  default100 as VcSystemUserPrompt,
-  default101 as VcTabNav,
-  default102 as VcTabPane,
+  default97 as VcSoundPlayerWrapper,
+  default98 as VcSoundVolume,
+  default99 as VcSparkline,
+  default100 as VcSplitButton,
+  default101 as VcSwitch,
+  default102 as VcSystemUserPrompt,
+  default103 as VcTabNav,
+  default104 as VcTabPane,
   VcTabPaneProvideKey,
-  default103 as VcTable,
-  default104 as VcTabs,
+  default105 as VcTable,
+  default106 as VcTabs,
   VcTabsProvideKey,
-  default105 as VcTag,
-  default106 as VcTagInput,
-  default107 as VcTimeInput,
-  default108 as VcToggleButton,
-  default109 as VcTour,
-  default110 as VcTransfer,
-  default111 as VcTree,
-  default112 as VcTreeSelect,
-  default113 as VcVerticalTabs,
-  default114 as VcViewSwitcher,
-  default115 as VcWizard,
+  default107 as VcTag,
+  default108 as VcTagInput,
+  default109 as VcTimeInput,
+  default110 as VcToggleButton,
+  default111 as VcTour,
+  default112 as VcTransfer,
+  default113 as VcTree,
+  default114 as VcTreeSelect,
+  default115 as VcVerticalTabs,
+  default116 as VcViewSwitcher,
+  default117 as VcWizard,
   default9 as ZIndexUtils,
   add,
   addDays,