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

package/library/components/VcDelimitedList/VcDelimitedList.vue2.mjs

@@ -1,195 +0,0 @@
-import { defineComponent, ref, computed, watch, onMounted, withDirectives, openBlock, createElementBlock, createElementVNode, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createBlock, withCtx, unref, nextTick } from "vue";
-import { getRefElement } from "../../utils/helpers.mjs";
-import _sfc_main$1 from "../VcPopover/VcPopover.vue.mjs";
-import '../../assets/components/VcPopover/VcPopover.css';/* empty css                           */
-import { resize } from "../../directives/resize.mjs";
-const _hoisted_1 = {
-  key: 0,
-  class: "text-break"
-};
-const _hoisted_2 = { class: "flex items-center" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VcDelimitedList",
-  props: {
-    list: { default: () => [] },
-    limit: { default: 3 },
-    trigger: { default: "hover" },
-    separator: { default: "," },
-    popoverMaxWidth: { default: 250 },
-    popoverDisabled: { type: Boolean, default: false },
-    valueKey: { default: void 0 }
-  },
-  setup(__props) {
-    const props = __props;
-    const localLimit = ref(1);
-    const oldLocalLimit = ref(1);
-    const minLimit = ref(1);
-    const dListWrapperRef = ref();
-    const dListRef = ref();
-    const shortList = computed(() => {
-      return props.list.slice(0, localLimit.value);
-    });
-    const otherList = computed(() => {
-      return props.list.length > localLimit.value ? props.list.slice(localLimit.value) : [];
-    });
-    function getValueKey(option, index) {
-      if (props.valueKey) {
-        return option[props.valueKey];
-      }
-      return index;
-    }
-    function initLimit() {
-      localLimit.value = 1;
-    }
-    async function isListSmaller({ listWidth, listWrapperWidth, list, listWrapper }) {
-      while (listWidth < listWrapperWidth) {
-        if (localLimit.value > props.limit) {
-          localLimit.value = props.limit;
-          break;
-        }
-        localLimit.value++;
-        await nextTick();
-        listWidth = list.clientWidth;
-        listWrapperWidth = listWrapper.clientWidth;
-        if (listWidth > listWrapperWidth) {
-          if (localLimit.value > minLimit.value && localLimit.value <= props.limit) {
-            localLimit.value--;
-          } else if (localLimit.value > props.limit) {
-            localLimit.value = props.limit;
-          } else if (localLimit.value < minLimit.value) {
-            localLimit.value = minLimit.value;
-          }
-          break;
-        }
-      }
-    }
-    async function isListBigger({ listWidth, listWrapperWidth, list, listWrapper }) {
-      while (listWidth > listWrapperWidth) {
-        if (localLimit.value < minLimit.value) {
-          localLimit.value = minLimit.value;
-          break;
-        }
-        localLimit.value--;
-        await nextTick();
-        listWidth = list.clientWidth;
-        listWrapperWidth = listWrapper.clientWidth;
-        if (listWidth < listWrapperWidth) {
-          if (localLimit.value > props.limit) {
-            localLimit.value = props.limit;
-          } else if (localLimit.value < minLimit.value) {
-            localLimit.value = minLimit.value;
-          }
-          break;
-        }
-      }
-    }
-    async function updateLocalLimit({ list, listWrapper }) {
-      const listWidth = list.clientWidth;
-      const listWrapperWidth = listWrapper.clientWidth;
-      if (listWidth < listWrapperWidth) {
-        await isListSmaller({
-          listWidth,
-          listWrapperWidth,
-          list,
-          listWrapper
-        });
-      } else if (listWidth > listWrapperWidth) {
-        await isListBigger({
-          listWidth,
-          listWrapperWidth,
-          list,
-          listWrapper
-        });
-      }
-      oldLocalLimit.value = localLimit.value;
-    }
-    async function updateList() {
-      initLimit();
-      if (dListRef.value && dListWrapperRef.value) {
-        const list = getRefElement(dListRef.value);
-        const listWrapper = getRefElement(dListWrapperRef.value);
-        if (!(list instanceof HTMLElement) || !(listWrapper instanceof HTMLElement)) {
-          return;
-        }
-        await nextTick();
-        await updateLocalLimit({
-          list,
-          listWrapper
-        });
-      }
-    }
-    function showSeparator(index) {
-      return index < shortList.value.length - 1 && !otherList.value.length || index < shortList.value.length && otherList.value.length;
-    }
-    watch(
-      () => props.limit,
-      () => {
-        updateList();
-      }
-    );
-    watch(
-      () => props.list.length,
-      () => {
-        updateList();
-      }
-    );
-    onMounted(updateList);
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", {
-        ref_key: "dListWrapperRef",
-        ref: dListWrapperRef,
-        class: "vc-delimited-list-wrapper"
-      }, [
-        createElementVNode("div", {
-          ref_key: "dListRef",
-          ref: dListRef,
-          class: "flex md:inline-flex items-center vc-delimited-list-container"
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(shortList.value, (item, index) => {
-            return openBlock(), createElementBlock("div", {
-              key: index,
-              class: "flex items-center vc-delimited-list-item-wrapper"
-            }, [
-              renderSlot(_ctx.$slots, "list-item", {
-                item,
-                index
-              }, () => [
-                createTextVNode(toDisplayString(getValueKey(item, index)), 1)
-              ], true),
-              showSeparator(index) ? (openBlock(), createElementBlock("span", _hoisted_1, [
-                renderSlot(_ctx.$slots, "separator", {}, () => [
-                  createTextVNode(toDisplayString(__props.separator), 1)
-                ], true)
-              ])) : createCommentVNode("", true)
-            ]);
-          }), 128)),
-          otherList.value.length ? (openBlock(), createBlock(_sfc_main$1, {
-            key: 0,
-            trigger: __props.trigger,
-            "popover-max-width": __props.popoverMaxWidth,
-            disabled: __props.popoverDisabled,
-            placement: "bottom-end"
-          }, {
-            reference: withCtx(() => [
-              renderSlot(_ctx.$slots, "reference", {
-                listLength: otherList.value.length,
-                items: otherList.value
-              }, () => [
-                createElementVNode("span", _hoisted_2, " (" + toDisplayString(otherList.value.length) + ") ", 1)
-              ], true)
-            ]),
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "other-content", { list: otherList.value }, void 0, true)
-            ]),
-            _: 3
-          }, 8, ["trigger", "popover-max-width", "disabled"])) : createCommentVNode("", true)
-        ], 512)
-      ])), [
-        [unref(resize), updateList]
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/library/components/VcExcelUploader/VcExcelFileUploadBlock.vue2.mjs

@@ -1,141 +0,0 @@
-import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, withModifiers, createVNode, toDisplayString, unref, withCtx, createTextVNode } from "vue";
-import { tVU } from "../../localization/index.mjs";
-import _sfc_main$2 from "../VcButton/VcButton.vue.mjs";
-import '../../assets/components/VcIcon/VcIcon.css';import '../../assets/components/VcButton/VcButton.css';/* empty css                         */
-import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
-/* empty css                     */
-const _hoisted_1 = { class: "flex flex-col justify-center items-center w-full h-full" };
-const _hoisted_2 = { class: "w-full flex justify-center items-center" };
-const _hoisted_3 = { class: "flex justify-center items-center w-full" };
-const _hoisted_4 = { class: "file-uploader border border-inactive-elements rounded-lg p-5 w-full" };
-const _hoisted_5 = {
-  key: 0,
-  class: "w-full flex gap-4 flex-col md:flex-row items-center justify-between md:h-24"
-};
-const _hoisted_6 = { class: "flex items-center flex-grow gap-2 lg:gap-4" };
-const _hoisted_7 = { class: "text-base flex-grow md:ltr:pr-12 md:rtl:pl-12" };
-const _hoisted_8 = {
-  key: 1,
-  class: "drop-zone w-full flex items-center justify-center h-24 rounded border-dashed border-2 border-active-elements"
-};
-const _hoisted_9 = { class: "text-md text-default-text" };
-const _hoisted_10 = ["accept"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VcExcelFileUploadBlock",
-  props: {
-    acceptFiles: { default: "*" },
-    uploadActions: { default: "" },
-    dropText: { default: "" },
-    fileUploaderInstructions: { default: "" },
-    resultFile: { default: "file" }
-  },
-  emits: ["add-files", "add-base-files"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const fileInputRef = ref();
-    const isDragEnter = ref(false);
-    const onDragEnter = () => {
-      isDragEnter.value = true;
-    };
-    const onDragLeave = () => {
-      isDragEnter.value = false;
-    };
-    const onDrop = (e) => {
-      e.preventDefault();
-      isDragEnter.value = false;
-      const dt = e.dataTransfer;
-      const files = dt == null ? void 0 : dt.files;
-      if (files) {
-        validateFiles(files);
-      }
-    };
-    const validateFiles = (files) => {
-      for (let i = 0; i < files.length; i++) {
-        const file = files.item(i);
-        if (!file) {
-          return;
-        }
-        if (props.resultFile === "base64") {
-          emitData(file);
-        } else {
-          emit("add-files", file);
-        }
-      }
-    };
-    const emitData = (file) => {
-      const reader = new FileReader();
-      reader.readAsDataURL(file);
-      reader.onload = (base64File) => {
-        emit("add-base-files", base64File);
-      };
-    };
-    const onChange = () => {
-      var _a;
-      const files = (_a = fileInputRef.value) == null ? void 0 : _a.files;
-      if (files) {
-        validateFiles(files);
-      }
-    };
-    const browseFiles = () => {
-      var _a;
-      (_a = fileInputRef.value) == null ? void 0 : _a.click();
-    };
-    const addNewFile = () => {
-      browseFiles();
-    };
-    __expose({
-      getNewFile: addNewFile
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "document-requirements", {}, void 0, true)
-        ]),
-        createElementVNode("div", _hoisted_3, [
-          createElementVNode("div", _hoisted_4, [
-            createElementVNode("div", {
-              class: "w-full px-1 sm:px-8 py-1",
-              onDrop: withModifiers(onDrop, ["prevent"]),
-              onDragover: _cache[0] || (_cache[0] = withModifiers(() => {
-              }, ["prevent"])),
-              onDragenter: withModifiers(onDragEnter, ["stop"]),
-              onDragleave: onDragLeave
-            }, [
-              !isDragEnter.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                createElementVNode("div", _hoisted_6, [
-                  createVNode(_sfc_main$1, { icon: "vc-icon-upload icon-download text-active-elements ltr:mr-8  rtl:ml-8" }),
-                  createElementVNode("span", _hoisted_7, toDisplayString(__props.fileUploaderInstructions || unref(tVU).t("voicenterUi.uploader.fileUploaderInstructions")), 1)
-                ]),
-                createVNode(_sfc_main$2, {
-                  icon: "vc-icon-search",
-                  class: "mt-3 md:m-0",
-                  onClick: browseFiles
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(__props.uploadActions || unref(tVU).t("voicenterUi.uploader.browse")), 1)
-                  ]),
-                  _: 1
-                })
-              ])) : (openBlock(), createElementBlock("div", _hoisted_8, [
-                createElementVNode("span", _hoisted_9, toDisplayString(__props.dropText || unref(tVU).t("voicenterUi.uploader.dropText")), 1)
-              ])),
-              createElementVNode("input", {
-                ref_key: "fileInputRef",
-                ref: fileInputRef,
-                type: "file",
-                hidden: "",
-                multiple: false,
-                accept: __props.acceptFiles,
-                onChange
-              }, null, 40, _hoisted_10)
-            ], 32)
-          ])
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

@@ -1,275 +0,0 @@
-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
-};