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

package/library/components/VcDropdown/VcDropdownItem.vue.mjs

@@ -0,0 +1,58 @@
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, normalizeClass, renderSlot, createCommentVNode, toDisplayString } from "vue";
+import { ElDropdownItem } from "element-plus";
+import '../../assets/components/VcIcon/VcIcon.css';import '../../assets/node_modules/element-plus/theme-chalk/src/tooltip.css';import '../../assets/node_modules/element-plus/theme-chalk/src/base.css';
+import '../../assets/components/VcDropdown/VcDropdownItem.css';/* empty css                                                         */
+/* empty css                                                                  */
+import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
+/* empty css                     */
+const _hoisted_1 = { class: "flex items-center gap-1.5 py-1 px-2 lg:py-1.5 lg:px-3" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "VcDropdownItem",
+  props: {
+    label: {},
+    labelClass: {},
+    contentClass: {},
+    icon: {},
+    iconClass: {},
+    disabled: { type: Boolean },
+    divided: { type: Boolean },
+    value: { type: [String, Number, Object, Function] },
+    color: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDropdownItem), mergeProps(_ctx.$attrs, {
+        disabled: __props.disabled,
+        divided: __props.divided,
+        command: __props.value,
+        class: [__props.color ? `color-scheme--${__props.color}` : "", "vc-dropdown-item"]
+      }), {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass([__props.contentClass, "vc-dropdown-item__content"])
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createElementVNode("div", _hoisted_1, [
+                __props.icon ? (openBlock(), createBlock(_sfc_main$1, {
+                  key: 0,
+                  icon: __props.icon,
+                  class: normalizeClass(__props.iconClass)
+                }, null, 8, ["icon", "class"])) : createCommentVNode("", true),
+                createElementVNode("span", {
+                  class: normalizeClass(__props.labelClass)
+                }, toDisplayString(__props.label), 3)
+              ])
+            ])
+          ], 2)
+        ]),
+        _: 3
+      }, 16, ["disabled", "divided", "command", "class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcDropdown/VcDropdownItem.vue3.mjs

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

package/library/components/VcExcelUploader/VcExcelFileProcessLoader.vue.mjs

@@ -0,0 +1,47 @@
+import { defineComponent, openBlock, createElementBlock, toDisplayString, createCommentVNode, createVNode, mergeProps } from "vue";
+import _sfc_main$1 from "../VcProgress/VcProgress.vue.mjs";
+import '../../assets/components/VcProgress/VcProgress.css';/* empty css                             */
+const _hoisted_1 = { class: "my-2 text-center max-w-full" };
+const _hoisted_2 = {
+  key: 0,
+  class: "w-full text-default-text text-sm font-normal mb-6"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "w-full text-xl font-medium text-center text-primary-actions transition-all duration-500"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "VcExcelFileProcessLoader",
+  props: {
+    progress: { default: 0 },
+    showValue: { type: Boolean, default: false },
+    label: { default: "" },
+    color: { default: "" },
+    strokeWidth: { default: 14 },
+    width: { default: 350 },
+    height: { default: 6 }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.label ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+        createVNode(_sfc_main$1, mergeProps({
+          "show-text": false,
+          "stroke-width": __props.strokeWidth,
+          status: "success",
+          color: __props.color,
+          width: __props.width,
+          height: __props.height,
+          percentage: __props.progress
+        }, _ctx.$attrs), null, 16, ["stroke-width", "color", "width", "height", "percentage"]),
+        __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.progress) + " % ", 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,142 @@
+import '../../assets/components/VcExcelUploader/VcExcelFileUploadBlock.css';
+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")
+        ]),
+        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/VcExcelUploader/VcExcelFileUploadBlock.vue3.mjs

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