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

package/library/components/VcSkeletonLoader/Loaders/Text.vue2.mjs

@@ -0,0 +1,26 @@
+import { defineComponent, computed, openBlock, createElementBlock, createTextVNode, toDisplayString, createElementVNode } from "vue";
+import { tVU } from "../../../localization/index.mjs";
+const _hoisted_1 = { class: "vc-text-loader text-inactive-text w-max" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Text",
+  props: {
+    text: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const loadingText = computed(() => {
+      return props.text ? props.text : tVU.t("voicenterUi.loader.loading");
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createTextVNode(toDisplayString(loadingText.value) + " ", 1),
+        _cache[0] || (_cache[0] = createElementVNode("span", { class: "dot" }, ".", -1)),
+        _cache[1] || (_cache[1] = createElementVNode("span", { class: "dot" }, ".", -1)),
+        _cache[2] || (_cache[2] = createElementVNode("span", { class: "dot" }, ".", -1))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcSkeletonLoader/VcSkeletonLoader.vue.mjs

@@ -0,0 +1,92 @@
+import { defineComponent, computed, markRaw, openBlock, createElementBlock, mergeProps, createBlock, resolveDynamicComponent } from "vue";
+import { convertToUnit } from "../../utils/helpers.mjs";
+import Card from "./Loaders/Card.vue.mjs";
+import Row from "./Loaders/Row.vue.mjs";
+import Square from "./Loaders/Square.vue.mjs";
+import Text from "./Loaders/Text.vue.mjs";
+import Circle from "./Loaders/Circle.vue.mjs";
+const DEFAULT_TYPE = "row";
+const DEFAULT_HEIGHT = "1.5rem";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "VcSkeletonLoader",
+  props: {
+    height: { default: void 0 },
+    rowHeight: { default: DEFAULT_HEIGHT },
+    width: { default: void 0 },
+    maxWidth: { default: void 0 },
+    maxHeight: { default: void 0 },
+    textLoading: { default: void 0 },
+    type: { default: DEFAULT_TYPE }
+  },
+  setup(__props) {
+    const LOADERS = {
+      card: Card,
+      row: Row,
+      square: Square,
+      text: Text,
+      circle: Circle
+    };
+    const props = __props;
+    const styles = computed(() => {
+      const _styles = {};
+      const height = convertToUnit(props.height);
+      const width = convertToUnit(props.width);
+      const maxHeight = convertToUnit(props.maxHeight);
+      const maxWidth = convertToUnit(props.maxWidth);
+      if (height) _styles.height = height;
+      if (maxHeight) _styles.maxHeight = maxHeight;
+      if (maxWidth) _styles.maxWidth = maxWidth;
+      if (width) _styles.width = width;
+      return _styles;
+    });
+    const heightRows = computed(() => {
+      return convertToUnit(props.rowHeight);
+    });
+    function parseTypeParts() {
+      const parts = props.type.split("@");
+      const type = parts[0];
+      const isKnownType = (t) => t in LOADERS;
+      return {
+        type: isKnownType(type) ? type : void 0,
+        len: parts[1]
+      };
+    }
+    const loaderType = computed(() => {
+      const { type } = parseTypeParts();
+      const _loader = type ? LOADERS[type] : void 0;
+      return _loader ? markRaw(_loader) : "";
+    });
+    const colsCount = computed(() => {
+      const { type, len } = parseTypeParts();
+      if (type === "square" || type === "circle" || type === "row") {
+        return Number(len) || 1;
+      }
+      return void 0;
+    });
+    const additionalAttrs = computed(() => {
+      if (props.type === "text") {
+        return {
+          text: props.textLoading
+        };
+      }
+      return {};
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: "vc-skeleton-loader w-full h-full animation-block",
+        style: styles.value
+      }, _ctx.$attrs), [
+        (openBlock(), createBlock(resolveDynamicComponent(loaderType.value), mergeProps({
+          "row-height": heightRows.value,
+          cols: colsCount.value
+        }, additionalAttrs.value), null, 16, ["row-height", "cols"]))
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcSkeletonLoader/VcSkeletonLoader.vue2.mjs

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

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

@@ -0,0 +1,23 @@
+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/components/VcSlider/VcSlider.css';/* empty css                                                         */
+/* empty css                                                           */
+/* empty css                                                            */
+/* empty css                                                          */
+/* empty css                                                                 */
+/* empty css                                                           */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "VcSlider",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElSlider), mergeProps({ class: "vc-slider" }, _ctx.$attrs), null, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcSlider/VcSlider.vue3.mjs

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

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

@@ -0,0 +1,74 @@
+import { defineComponent, openBlock, createElementBlock, unref, withModifiers, createVNode, normalizeClass, createCommentVNode } from "vue";
+import { useSoundPlayerInject } from "./useSoundPlayerProvideInject.mjs";
+import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
+import '../../assets/components/VcIcon/VcIcon.css';/* empty css                     */
+const _hoisted_1 = { class: "flex-center" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcPlayerPlayStopButton",
+  props: {
+    disabled: { type: Boolean },
+    iconClass: { default: "icon-2xl" },
+    playIcon: { default: "vc-icon-play" },
+    pauseIcon: { default: "vc-icon-pause2" },
+    stopIcon: { default: "vc-icon-ticket-closed" }
+  },
+  emits: ["click:play", "click:pause", "click:stop"],
+  setup(__props, { emit: __emit }) {
+    const { isPlaying, showReset, play, pause, stop, loading } = useSoundPlayerInject();
+    const emit = __emit;
+    function onPlay() {
+      if (play) {
+        play();
+      }
+      emit("click:play");
+    }
+    function onPause() {
+      if (pause && !(loading == null ? void 0 : loading.value)) {
+        pause();
+      }
+      emit("click:pause");
+    }
+    function onStop() {
+      if (stop && !(loading == null ? void 0 : loading.value)) {
+        stop();
+      }
+      emit("click:stop");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !unref(isPlaying) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "sound-controls flex-center cursor-pointer",
+          onClick: withModifiers(onPlay, ["stop"])
+        }, [
+          createVNode(_sfc_main$1, {
+            icon: __props.playIcon,
+            class: normalizeClass([__props.iconClass, __props.disabled ? "text-inactive-elements" : "text-primary-actions"])
+          }, null, 8, ["icon", "class"])
+        ])) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: "sound-controls flex-center cursor-pointer",
+          onClick: withModifiers(onPause, ["stop"])
+        }, [
+          createVNode(_sfc_main$1, {
+            icon: __props.pauseIcon,
+            class: normalizeClass(["text-primary-actions", [__props.iconClass]])
+          }, null, 8, ["icon", "class"])
+        ])),
+        unref(showReset) ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: "sound-controls flex-center cursor-pointer",
+          onClick: withModifiers(onStop, ["stop"])
+        }, [
+          createVNode(_sfc_main$1, {
+            icon: __props.stopIcon,
+            class: normalizeClass(["text-primary-actions", [__props.iconClass]])
+          }, null, 8, ["icon", "class"])
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,40 @@
+import '../../assets/components/VcSoundplayer/VcPlayerPlaybackRate.css';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createVNode } from "vue";
+import { useSoundPlayerInject } from "./useSoundPlayerProvideInject.mjs";
+import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
+import '../../assets/components/VcIcon/VcIcon.css';/* empty css                     */
+import { Gauge } from "@lucide/vue";
+const _hoisted_1 = { class: "" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcPlayerPlaybackRate",
+  props: {
+    icon: { default: () => Gauge },
+    iconClasses: { default: "icon-lg !font-semibold" }
+  },
+  setup(__props) {
+    const { speed, setPlaybackRate, isInitSound } = useSoundPlayerInject();
+    function onUpdateSpeed() {
+      if (setPlaybackRate && (isInitSound == null ? void 0 : isInitSound.value)) {
+        const newSpeed = (speed == null ? void 0 : speed.value) === 1 ? 2 : 1;
+        setPlaybackRate(newSpeed);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([{ "is--disabled": !unref(isInitSound) }, "player-playback-rate"]),
+        onClick: onUpdateSpeed
+      }, [
+        createElementVNode("span", null, toDisplayString(`${unref(speed)}X`), 1),
+        createElementVNode("span", _hoisted_1, [
+          createVNode(_sfc_main$1, {
+            icon: __props.icon,
+            class: normalizeClass([__props.iconClasses])
+          }, null, 8, ["icon", "class"])
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,71 @@
+import { defineComponent, ref, computed, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, normalizeClass, unref, createVNode } from "vue";
+import { useSoundPlayerInject } from "./useSoundPlayerProvideInject.mjs";
+import _sfc_main$1 from "../VcPopover/VcPopover.vue.mjs";
+import '../../assets/components/VcIcon/VcIcon.css';import '../../assets/components/VcPopover/VcPopover.css';/* empty css                           */
+import _sfc_main$2 from "../VcIcon/VcIcon.vue.mjs";
+/* empty css                     */
+import { Gauge } from "@lucide/vue";
+const _hoisted_1 = { class: "" };
+const _hoisted_2 = { class: "py-2 px-0.5 flex flex-col gap-0.5 text-xs font-medium text-center" };
+const _hoisted_3 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcPlayerPlaybackRatePopup",
+  props: {
+    rates: { default: () => [] },
+    icon: { default: () => Gauge },
+    iconClasses: { default: "icon-lg !font-semibold" }
+  },
+  setup(__props) {
+    const { speed, setPlaybackRate, isInitSound } = useSoundPlayerInject();
+    const popover = ref(false);
+    const props = __props;
+    const isDisabled = computed(() => {
+      return !((isInitSound == null ? void 0 : isInitSound.value) && props.rates.length);
+    });
+    function setSoundRate(rate) {
+      if (setPlaybackRate) {
+        setPlaybackRate(rate);
+        popover.value = false;
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        open: popover.value,
+        trigger: "manual",
+        disabled: isDisabled.value,
+        "popover-class": "!min-w-auto",
+        "popover-width": "max-content"
+      }, {
+        reference: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass([isDisabled.value ? "cursor-not-allowed text-inactive-elements" : "cursor-pointer text-primary-actions", "inline-flex items-center leading-none justify-center gap-1 font-semibold"]),
+            onClick: _cache[0] || (_cache[0] = ($event) => popover.value = !popover.value)
+          }, [
+            createElementVNode("span", null, toDisplayString(`${unref(speed)}X`), 1),
+            createElementVNode("span", _hoisted_1, [
+              createVNode(_sfc_main$2, {
+                icon: __props.icon,
+                class: normalizeClass([__props.iconClasses])
+              }, null, 8, ["icon", "class"])
+            ])
+          ], 2)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_2, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rates, (rate) => {
+              return openBlock(), createElementBlock("div", {
+                key: rate,
+                class: "cursor-pointer hover:bg-active-elements-bg--focus px-2 py-0.5 rounded-sm transition-all",
+                onClick: ($event) => setSoundRate(rate)
+              }, toDisplayString(`${rate}x`), 9, _hoisted_3);
+            }), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["open", "disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,61 @@
+import '../../assets/components/VcSoundplayer/VcPlayerSkipButtons.css';
+import { defineComponent, unref, openBlock, createElementBlock, createElementVNode, withModifiers, renderSlot, createVNode, normalizeClass, createCommentVNode } from "vue";
+import { useSoundPlayerInject } from "./useSoundPlayerProvideInject.mjs";
+import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
+import '../../assets/components/VcIcon/VcIcon.css';/* empty css                     */
+const _hoisted_1 = {
+  key: 0,
+  class: "vc-sound-skip-buttons"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcPlayerSkipButtons",
+  props: {
+    skipStep: { default: void 0 },
+    iconClass: { default: "" },
+    iconBack: { default: "vc-icon-very-left" },
+    iconForward: { default: "vc-icon-very-right" }
+  },
+  setup(__props) {
+    const { isPlayingInProgress, skipForward, skipBackward } = useSoundPlayerInject();
+    const props = __props;
+    function skipBack() {
+      if (skipBackward) {
+        skipBackward(props.skipStep);
+      }
+    }
+    function skipTo() {
+      if (skipForward) {
+        skipForward(props.skipStep);
+      }
+    }
+    return (_ctx, _cache) => {
+      return unref(isPlayingInProgress) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: "flex-center",
+          onClick: withModifiers(skipBack, ["stop"])
+        }, [
+          renderSlot(_ctx.$slots, "prev", {}, () => [
+            createVNode(_sfc_main$1, {
+              icon: __props.iconBack,
+              class: normalizeClass(["text-primary-actions", [__props.iconClass]])
+            }, null, 8, ["icon", "class"])
+          ])
+        ]),
+        createElementVNode("div", {
+          class: "flex-center",
+          onClick: withModifiers(skipTo, ["stop"])
+        }, [
+          renderSlot(_ctx.$slots, "next", {}, () => [
+            createVNode(_sfc_main$1, {
+              icon: __props.iconForward,
+              class: normalizeClass(["text-primary-actions", [__props.iconClass]])
+            }, null, 8, ["icon", "class"])
+          ])
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,16 @@
+import { defineComponent, openBlock, createElementBlock, toDisplayString, unref } from "vue";
+import { toMinutes } from "./player.options.mjs";
+import { useSoundPlayerInject } from "./useSoundPlayerProvideInject.mjs";
+const _hoisted_1 = { class: "sound-time-current" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcSoundCurrentTime",
+  setup(__props) {
+    const { currentTime } = useSoundPlayerInject();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(unref(toMinutes)(unref(currentTime))), 1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,16 @@
+import { defineComponent, openBlock, createElementBlock, toDisplayString, unref } from "vue";
+import { toMinutes } from "./player.options.mjs";
+import { useSoundPlayerInject } from "./useSoundPlayerProvideInject.mjs";
+const _hoisted_1 = { class: "sound-duration" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcSoundDuration",
+  setup(__props) {
+    const { duration } = useSoundPlayerInject();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(unref(toMinutes)(unref(duration))), 1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,7 @@
+import _sfc_main from "./VcSoundPlayer.vue2.mjs";
+import '../../assets/components/VcSoundplayer/VcSoundPlayer.css';/* empty css                    */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const VcSoundPlayer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f635e81"]]);
+export {
+  VcSoundPlayer as default
+};