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

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

@@ -2,14 +2,16 @@ import { defineComponent, ref, computed, watch, openBlock, createElementBlock, c
 import { useVModel } from "@vueuse/core";
 import { tVU } from "../../localization/index.mjs";
 import _sfc_main$1 from "../VcViewSwitcher/VcViewSwitcher.vue.mjs";
-import '../../assets/components/VcSwitch/VcSwitch.css';import '../../assets/components/VcInputNumber/VcInputNumber.css';import '../../assets/components/VcSelect/VcSelect.css';import '../../assets/components/VcViewSwitcher/VcViewSwitcher.css';/* empty css                                     */
+import '../../assets/components/VcTable/VcTable2.css';import '../../assets/components/VcTable/VcTable.css';import '../../assets/components/VcSwitch/VcSwitch.css';import '../../assets/components/VcInputNumber/VcInputNumber.css';import '../../assets/components/VcSelect/VcSelect.css';import '../../assets/components/VcViewSwitcher/VcViewSwitcher.css';/* empty css                                     */
 import _sfc_main$2 from "../VcSelect/VcSelect.vue.mjs";
 /* empty css                         */
 import _sfc_main$3 from "../VcInputNumber/VcInputNumber.vue.mjs";
 /* empty css                                   */
 import _sfc_main$4 from "../VcSwitch/VcSwitch.vue.mjs";
 /* empty css                         */
-import VcTable from "../VcTable/VcTable.vue.mjs";
+import _sfc_main$5 from "../VcTable/VcTable.vue.mjs";
+/* empty css                       */
+/* empty css                       */
 const _hoisted_1 = { class: "w-full file-import-parse-result-block" };
 const _hoisted_2 = { class: "sheets-navigation-block flex flex-wrap lg:flex-nowrap justify-between gap-2 items-center" };
 const _hoisted_3 = { class: "result-top-actions" };
@@ -208,7 +210,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             ]),
             createElementVNode("div", null, [
-              createVNode(VcTable, {
+              createVNode(_sfc_main$5, {
                 columns: sheetColumns.value,
                 options: tableData.value,
                 "has-actions": false,

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

@@ -1,15 +1,18 @@
 import { defineComponent, ref, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
-import _sfc_main$2 from "../VcForm/VcForm.vue.mjs";
+import _sfc_main$4 from "../VcForm/VcForm.vue.mjs";
 import { tVU } from "../../localization/index.mjs";
-import VcTable from "../VcTable/VcTable.vue.mjs";
-import VcButtonIcon from "../VcButton/VcButtonIcon.vue.mjs";
-import _sfc_main$1 from "../VcModal/VcModal.vue.mjs";
-import '../../assets/components/VcButton/VcButton.css';import '../../assets/components/VcInput/VcInput.css';import '../../assets/components/VcForm/VcFormItem.css';import '../../assets/components/VcModal/VcModal.css';/* empty css                       */
-import _sfc_main$3 from "../VcForm/VcFormItem.vue.mjs";
+import _sfc_main$1 from "../VcTable/VcTable.vue.mjs";
+import '../../assets/components/VcButton/VcButton.css';import '../../assets/components/VcInput/VcInput.css';import '../../assets/components/VcForm/VcFormItem.css';import '../../assets/components/VcModal/VcModal.css';import '../../assets/components/VcButton/VcButtonIcon.css';import '../../assets/components/VcTable/VcTable2.css';import '../../assets/components/VcTable/VcTable.css';/* empty css                       */
+/* empty css                       */
+import _sfc_main$2 from "../VcButton/VcButtonIcon.vue.mjs";
+/* empty css                             */
+import _sfc_main$3 from "../VcModal/VcModal.vue.mjs";
+/* empty css                       */
+import _sfc_main$5 from "../VcForm/VcFormItem.vue.mjs";
 /* empty css                         */
-import _sfc_main$4 from "../VcInput/VcInput.vue.mjs";
+import _sfc_main$6 from "../VcInput/VcInput.vue.mjs";
 /* empty css                       */
-import _sfc_main$5 from "../VcButton/VcButton.vue.mjs";
+import _sfc_main$7 from "../VcButton/VcButton.vue.mjs";
 /* empty css                         */
 const _hoisted_1 = { class: "w-full excel-bind-result-table" };
 const _hoisted_2 = { class: "flex-center px-2" };
@@ -102,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(VcTable, {
+        createVNode(_sfc_main$1, {
           columns: __props.bindTableHeader,
           options: __props.bindResult,
           "empty-data-text": unref(tVU).t("voicenterUi.general.no.data"),
@@ -118,7 +121,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           "checked-tooltip": withCtx(() => [
             createElementVNode("div", _hoisted_2, [
-              createVNode(VcButtonIcon, {
+              createVNode(_sfc_main$2, {
                 "data-test-name": "remove-all-button",
                 color: "destructive",
                 icon: "vc-icon-recycle-bin",
@@ -128,13 +131,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           "actions-column": withCtx(({ row }) => [
             createElementVNode("div", _hoisted_3, [
-              createVNode(VcButtonIcon, {
+              createVNode(_sfc_main$2, {
                 "data-test-name": "item-edit-button",
                 color: "primary",
                 icon: "vc-icon-edit-pencil",
                 onClick: ($event) => onItemEdit(row)
               }, null, 8, ["onClick"]),
-              createVNode(VcButtonIcon, {
+              createVNode(_sfc_main$2, {
                 "data-test-name": "item-delete-button",
                 color: "destructive",
                 icon: "vc-icon-recycle-bin",
@@ -144,7 +147,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["columns", "options", "empty-data-text"]),
-        createVNode(_sfc_main$1, {
+        createVNode(_sfc_main$3, {
           visible: editModalOpen.value,
           header: unref(tVU).t("voicenterUi.general.edit"),
           onClose: onCloseModal
@@ -152,7 +155,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           footer: withCtx(() => [
             createElementVNode("div", _hoisted_4, [
               createElementVNode("div", _hoisted_5, [
-                createVNode(_sfc_main$5, {
+                createVNode(_sfc_main$7, {
                   "data-test-name": "cancel-button",
                   size: "large",
                   icon: "vc-icon-cancel",
@@ -167,7 +170,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
               ]),
               createElementVNode("div", _hoisted_6, [
-                createVNode(_sfc_main$5, {
+                createVNode(_sfc_main$7, {
                   "data-test-name": "save-button",
                   size: "large",
                   icon: "vc-icon-save",
@@ -182,7 +185,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ]),
           default: withCtx(() => [
-            createVNode(_sfc_main$2, {
+            createVNode(_sfc_main$4, {
               ref_key: "formRef",
               ref: formRef,
               class: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3",
@@ -191,7 +194,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(__props.bindTableHeader, (item, index) => {
-                  return openBlock(), createBlock(_sfc_main$3, {
+                  return openBlock(), createBlock(_sfc_main$5, {
                     key: index,
                     label: item.columnItemLabel,
                     prop: item.columnItemKey,
@@ -201,7 +204,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }]
                   }, {
                     default: withCtx(() => [
-                      createVNode(_sfc_main$4, {
+                      createVNode(_sfc_main$6, {
                         modelValue: editModel.value[item.columnItemKey],
                         "onUpdate:modelValue": ($event) => editModel.value[item.columnItemKey] = $event
                       }, null, 8, ["modelValue", "onUpdate:modelValue"])

package/library/components/VcExtendedDatetimeRangePicker/VcExtendedDatetimeRangePickerQuickOptionsSelection.vue.mjs

@@ -1,8 +1,9 @@
 import '../../assets/components/VcExtendedDatetimeRangePicker/VcExtendedDatetimeRangePickerQuickOptionsSelection.css';
 import { defineComponent, ref, computed, openBlock, createBlock, withCtx, withDirectives, createElementBlock, normalizeClass, Fragment, renderList, toDisplayString, unref, createElementVNode, createVNode } from "vue";
 import _sfc_main$1 from "../VcPopover/VcPopover.vue.mjs";
-import '../../assets/components/VcPopover/VcPopover.css';/* empty css                           */
-import VcButtonIcon from "../VcButton/VcButtonIcon.vue.mjs";
+import '../../assets/components/VcButton/VcButtonIcon.css';import '../../assets/components/VcPopover/VcPopover.css';/* empty css                           */
+import _sfc_main$2 from "../VcButton/VcButtonIcon.vue.mjs";
+/* empty css                             */
 import { ClickOutside } from "element-plus";
 const _hoisted_1 = { class: "flex" };
 const _hoisted_2 = ["onClick"];
@@ -70,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         reference: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
-            createVNode(VcButtonIcon, {
+            createVNode(_sfc_main$2, {
               class: normalizeClass([{ "mr-1 rtl:mr-0 rtl:ml-1": __props.inline }, "flex-shrink-0"]),
               disabled: __props.disabled,
               icon: "vc-icon-date-range",

package/library/components/VcFileUploader/VcFileUploader.vue2.mjs

@@ -1,15 +1,17 @@
 import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeStyle, unref, createBlock, createCommentVNode, createElementVNode, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, Fragment, renderList } from "vue";
 import _sfc_main$2 from "../VcButton/VcButton.vue.mjs";
-import '../../assets/components/VcForm/UiComponents/VcInputLabel.css';import '../../assets/components/VcTag/VcTag.css';import '../../assets/components/VcButton/VcButton.css';/* empty css                         */
-import VcDelimitedList from "../VcDelimitedList/VcDelimitedList.vue.mjs";
-import _sfc_main$3 from "../VcTag/VcTag.vue.mjs";
+import '../../assets/components/VcButton/VcButtonIcon.css';import '../../assets/components/VcForm/UiComponents/VcInputLabel.css';import '../../assets/components/VcTag/VcTag.css';import '../../assets/components/VcDelimitedList/VcDelimitedList.css';import '../../assets/components/VcButton/VcButton.css';/* empty css                         */
+import _sfc_main$4 from "../VcDelimitedList/VcDelimitedList.vue.mjs";
+/* empty css                                       */
+import _sfc_main$5 from "../VcTag/VcTag.vue.mjs";
 /* empty css                   */
 import { getFileSize } from "../../utils/helpers.mjs";
 import _sfc_main$1 from "../VcForm/UiComponents/VcInputLabel.vue.mjs";
 /* empty css                                        */
 import useInputBase from "../../composables/input/useInputBase.mjs";
 import { tVU } from "../../localization/index.mjs";
-import VcButtonIcon from "../VcButton/VcButtonIcon.vue.mjs";
+import _sfc_main$3 from "../VcButton/VcButtonIcon.vue.mjs";
+/* empty css                             */
 const _hoisted_1 = { class: "vc-input___file-uploader-wrapper" };
 const _hoisted_2 = { class: "vc-input__file-uploader-wrapper-label" };
 const _hoisted_3 = { class: "flex items-center w-max gap-2" };
@@ -291,7 +293,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }, 8, ["type", "color", "icon", "size"]),
-                !__props.showFileName && items.value.length && !__props.hideClearAction ? (openBlock(), createBlock(VcButtonIcon, {
+                !__props.showFileName && items.value.length && !__props.hideClearAction ? (openBlock(), createBlock(_sfc_main$3, {
                   key: 0,
                   color: "destructive",
                   icon: "vc-icon-recycle-bin",
@@ -323,7 +325,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("span", _hoisted_8, toDisplayString(errorText.value), 1)
         ])) : createCommentVNode("", true),
         __props.showFileName && items.value.length ? (openBlock(), createElementBlock("div", _hoisted_9, [
-          createVNode(VcDelimitedList, {
+          createVNode(_sfc_main$4, {
             list: items.value,
             limit: __props.maxLength,
             trigger: "hover",
@@ -335,7 +337,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 data: item,
                 close: onTagClose
               }, () => [
-                createVNode(_sfc_main$3, {
+                createVNode(_sfc_main$5, {
                   label: item.name,
                   "max-content": __props.tagMaxContentWidth,
                   icon: __props.tagIcon,
@@ -345,7 +347,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], true)
             ]),
             reference: withCtx(({ listLength }) => [
-              createVNode(_sfc_main$3, {
+              createVNode(_sfc_main$5, {
                 label: `+ ${listLength}`
               }, null, 8, ["label"])
             ]),
@@ -359,7 +361,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     data: item,
                     close: onTagClose
                   }, () => [
-                    createVNode(_sfc_main$3, {
+                    createVNode(_sfc_main$5, {
                       label: item.name,
                       icon: __props.tagIcon,
                       "max-content": __props.tagMaxContentWidth,

package/library/components/VcHtmlEditor/VcHtmlEditorToolbar.vue.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, unref, toDisplayString, createBlock, createTextVNode, createCommentVNode } from "vue";
 import { ElTooltip } from "element-plus";
-import '../../assets/components/VcIcon/VcIcon.css';import '../../assets/components/VcButton/VcButton.css';import '../../assets/components/VcPopover/VcPopover.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';/* empty css                                                         */
+import '../../assets/components/VcIcon/VcIcon.css';import '../../assets/components/VcButton/VcButtonIcon.css';import '../../assets/components/VcButton/VcButton.css';import '../../assets/components/VcPopover/VcPopover.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';/* empty css                                                         */
 /* empty css                                                           */
 /* empty css                                                            */
 import { htmlHeadingMenuItems, htmlInsertMenuItems, getParameterDisplayLabel } from "./htmlEditor.config.mjs";
@@ -9,7 +9,8 @@ import _sfc_main$1 from "../VcPopover/VcPopover.vue.mjs";
 import _sfc_main$2 from "../VcButton/VcButton.vue.mjs";
 /* empty css                         */
 import { tVU } from "../../localization/index.mjs";
-import VcButtonIcon from "../VcButton/VcButtonIcon.vue.mjs";
+import _sfc_main$4 from "../VcButton/VcButtonIcon.vue.mjs";
+/* empty css                             */
 import _sfc_main$3 from "../VcIcon/VcIcon.vue.mjs";
 /* empty css                     */
 import { Heading, FileCode2, Bold, Italic, Link, Square, AlignEndVertical, Braces, ChevronRight, Check, Copy, CodeXml, Eye } from "@lucide/vue";
@@ -181,7 +182,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             teleported: __props.isTeleported
           }, {
             default: withCtx(() => [
-              createVNode(VcButtonIcon, {
+              createVNode(_sfc_main$4, {
                 icon: unref(Bold),
                 disabled: toolbarDisabled.value,
                 onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("wrap-selection", "<strong>", "</strong>"))
@@ -194,7 +195,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             teleported: __props.isTeleported
           }, {
             default: withCtx(() => [
-              createVNode(VcButtonIcon, {
+              createVNode(_sfc_main$4, {
                 icon: unref(Italic),
                 disabled: toolbarDisabled.value,
                 onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("wrap-selection", "<em>", "</em>"))
@@ -207,7 +208,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             teleported: __props.isTeleported
           }, {
             default: withCtx(() => [
-              createVNode(VcButtonIcon, {
+              createVNode(_sfc_main$4, {
                 icon: unref(Link),
                 disabled: toolbarDisabled.value,
                 onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("insert-link"))
@@ -220,7 +221,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             teleported: __props.isTeleported
           }, {
             default: withCtx(() => [
-              createVNode(VcButtonIcon, {
+              createVNode(_sfc_main$4, {
                 icon: unref(Square),
                 disabled: toolbarDisabled.value,
                 onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("wrap-selection", "<div>", "</div>"))
@@ -233,7 +234,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             teleported: __props.isTeleported
           }, {
             default: withCtx(() => [
-              createVNode(VcButtonIcon, {
+              createVNode(_sfc_main$4, {
                 icon: unref(AlignEndVertical),
                 disabled: toolbarDisabled.value,
                 onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("wrap-selection", '<div dir="rtl">', "</div>"))
@@ -375,7 +376,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             teleported: __props.isTeleported
           }, {
             default: withCtx(() => [
-              createVNode(VcButtonIcon, {
+              createVNode(_sfc_main$4, {
                 icon: __props.isCopied ? unref(Check) : unref(Copy),
                 onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("copy-content"))
               }, null, 8, ["icon"])
@@ -387,7 +388,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             teleported: __props.isTeleported
           }, {
             default: withCtx(() => [
-              createVNode(VcButtonIcon, {
+              createVNode(_sfc_main$4, {
                 icon: __props.isPreviewMode ? unref(CodeXml) : unref(Eye),
                 onClick: _cache[6] || (_cache[6] = ($event) => _ctx.$emit("toggle-preview"))
               }, null, 8, ["icon"])

package/library/components/VcIcon/VcIcon.vue.mjs

@@ -7,8 +7,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     icon: { default: void 0 },
     size: { default: void 0 },
-    strokeWidth: { default: 2 },
-    color: { default: void 0 }
+    strokeWidth: { default: 1.6 },
+    color: { default: void 0 },
+    loading: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
@@ -99,7 +100,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return hasIcon.value && isRenderable.value ? (openBlock(), createBlock(resolveDynamicComponent(resolvedTag.value), {
         key: 0,
-        class: normalizeClass(iconClass.value),
+        class: normalizeClass([
+          iconClass.value,
+          { "motion-safe:animate-spin": __props.loading }
+        ]),
         "stroke-width": lucideStrokeWidth.value,
         size: lucideSize.value,
         color: lucideColor.value,

package/library/components/VcJsonSchema/Components/JsonSchemaEditor.vue.mjs

@@ -2,16 +2,17 @@ import '../../../assets/components/VcJsonSchema/Components/JsonSchemaEditor.css'
 import { defineComponent, useCssVars, ref, computed, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, createCommentVNode, createBlock, Fragment, renderList } from "vue";
 import { useVModel } from "@vueuse/core";
 import { schemaTypeOptions } from "../helpers/jsonSchema.enum.mjs";
-import _sfc_main$5 from "../PropertySetup/JsonSchemaPropertyModal.vue.mjs";
+import _sfc_main$6 from "../PropertySetup/JsonSchemaPropertyModal.vue.mjs";
 import { renamePropertyAndKeepKeyPrecedence } from "../helpers/jsonSchema.helper.mjs";
 import { tVU } from "../../../localization/index.mjs";
 import _sfc_main$2 from "../../VcInput/VcInput.vue.mjs";
-import '../../../assets/components/VcIcon/VcIcon.css';import '../../../assets/components/VcCheckbox/VcCheckbox.css';import '../../../assets/components/VcSelect/VcSelect.css';import '../../../assets/components/VcInput/VcInput.css';/* empty css                          */
+import '../../../assets/components/VcIcon/VcIcon.css';import '../../../assets/components/VcButton/VcButtonIcon.css';import '../../../assets/components/VcCheckbox/VcCheckbox.css';import '../../../assets/components/VcSelect/VcSelect.css';import '../../../assets/components/VcInput/VcInput.css';/* empty css                          */
 import _sfc_main$3 from "../../VcSelect/VcSelect.vue.mjs";
 /* empty css                            */
 import _sfc_main$4 from "../../VcCheckbox/VcCheckbox.vue.mjs";
 /* empty css                                */
-import VcButtonIcon from "../../VcButton/VcButtonIcon.vue.mjs";
+import _sfc_main$5 from "../../VcButton/VcButtonIcon.vue.mjs";
+/* empty css                                */
 import _sfc_main$1 from "../../VcIcon/VcIcon.vue.mjs";
 /* empty css                        */
 import { ChevronDown, ChevronRight, Settings, Plus, X } from "@lucide/vue";
@@ -350,17 +351,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, null, 8, ["model-value", "title"])
                 ])),
                 createElementVNode("div", _hoisted_14, [
-                  createVNode(VcButtonIcon, {
+                  createVNode(_sfc_main$5, {
                     color: "primary-alternative",
                     icon: unref(Settings),
                     onClick: openPropertyEditModal
                   }, null, 8, ["icon"]),
-                  isObject.value ? (openBlock(), createBlock(VcButtonIcon, {
+                  isObject.value ? (openBlock(), createBlock(_sfc_main$5, {
                     key: 0,
                     icon: unref(Plus),
                     onClick: addNewProperty
                   }, null, 8, ["icon"])) : createCommentVNode("", true),
-                  !__props.root && !__props.isItem ? (openBlock(), createBlock(VcButtonIcon, {
+                  !__props.root && !__props.isItem ? (openBlock(), createBlock(_sfc_main$5, {
                     key: 1,
                     color: "destructive",
                     icon: unref(X),
@@ -403,7 +404,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "onUpdate:modelValue": onUpdateItemsProperty
           }, null, 8, ["model-value", "deep", "custom", "modal-append-to"])
         ])) : createCommentVNode("", true),
-        createVNode(_sfc_main$5, {
+        createVNode(_sfc_main$6, {
           ref_key: "jsonSchemaPropertyModalRef",
           ref: jsonSchemaPropertyModalRef,
           "modal-append-to": __props.modalAppendTo,

package/library/components/VcJsonSchema/PropertySetup/JsonSchemaPropertyModal.vue.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, ref, reactive, computed, openBlock, createBlock, unref, withCtx, createElementVNode, toDisplayString, createVNode, createElementBlock, createCommentVNode, Fragment, renderList, normalizeClass, resolveDynamicComponent, mergeProps, createTextVNode, nextTick } from "vue";
 import _sfc_main$1 from "../../VcModal/VcModal.vue.mjs";
-import '../../../assets/components/VcButton/VcButton.css';import '../../../assets/components/VcInput/VcInput.css';import '../../../assets/components/VcForm/VcFormItem.css';import '../../../assets/components/VcModal/VcModal.css';/* empty css                          */
+import '../../../assets/components/VcButton/VcButton.css';import '../../../assets/components/VcButton/VcButtonIcon.css';import '../../../assets/components/VcInput/VcInput.css';import '../../../assets/components/VcForm/VcFormItem.css';import '../../../assets/components/VcModal/VcModal.css';/* empty css                          */
 import { schemaTypeSetupData, getMainProperties } from "../helpers/jsonSchema.enum.mjs";
 import { getPropertyData } from "../helpers/jsonSchema.helper.mjs";
 import { tVU } from "../../../localization/index.mjs";
@@ -9,8 +9,9 @@ import _sfc_main$3 from "../../VcForm/VcFormItem.vue.mjs";
 /* empty css                            */
 import _sfc_main$4 from "../../VcInput/VcInput.vue.mjs";
 /* empty css                          */
-import VcButtonIcon from "../../VcButton/VcButtonIcon.vue.mjs";
-import _sfc_main$5 from "../../VcButton/VcButton.vue.mjs";
+import _sfc_main$5 from "../../VcButton/VcButtonIcon.vue.mjs";
+/* empty css                                */
+import _sfc_main$6 from "../../VcButton/VcButton.vue.mjs";
 /* empty css                            */
 import { X, Plus, Check } from "@lucide/vue";
 const _hoisted_1 = { class: "w-full text-sm direction-ltr" };
@@ -142,7 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         footer: withCtx(() => [
           createElementVNode("div", _hoisted_15, [
-            createVNode(_sfc_main$5, {
+            createVNode(_sfc_main$6, {
               icon: "vc-icon-cancel",
               type: "outline",
               color: "secondary",
@@ -153,7 +154,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createVNode(_sfc_main$5, {
+            createVNode(_sfc_main$6, {
               icon: "vc-icon-save",
               color: "primary",
               onClick: saveModal
@@ -270,7 +271,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             "onUpdate:modelValue": ($event) => setCustomFieldValue(field, $event)
                           }, null, 8, ["model-value", "onUpdate:modelValue"])
                         ]),
-                        createVNode(VcButtonIcon, {
+                        createVNode(_sfc_main$5, {
                           icon: unref(X),
                           small: "",
                           color: "destructive",
@@ -279,7 +280,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]);
                     }), 128))
                   ]),
-                  !addPropertyState.value ? (openBlock(), createBlock(VcButtonIcon, {
+                  !addPropertyState.value ? (openBlock(), createBlock(_sfc_main$5, {
                     key: 0,
                     icon: unref(Plus),
                     small: "",
@@ -303,13 +304,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       }, null, 8, ["modelValue"])
                     ]),
                     createElementVNode("div", _hoisted_12, [
-                      createVNode(VcButtonIcon, {
+                      createVNode(_sfc_main$5, {
                         icon: unref(Check),
                         small: "",
                         color: "success",
                         onClick: addCustomPropertyConfirm
                       }, null, 8, ["icon"]),
-                      createVNode(VcButtonIcon, {
+                      createVNode(_sfc_main$5, {
                         icon: unref(X),
                         small: "",
                         color: "destructive",

package/library/components/VcMdEditor/ParameterNode.vue2.mjs

@@ -2,8 +2,9 @@ import { defineComponent, toRef, ref, computed, watch, openBlock, createElementB
 import { useWidgetViewContext } from "@prosemirror-adapter/vue";
 import { NodeParameterIcons } from "./mdEditor.config.mjs";
 import _sfc_main$2 from "../VcInput/VcInput.vue.mjs";
-import '../../assets/components/VcIcon/VcIcon.css';import '../../assets/components/VcInput/VcInput.css';/* empty css                       */
-import VcButtonIcon from "../VcButton/VcButtonIcon.vue.mjs";
+import '../../assets/components/VcIcon/VcIcon.css';import '../../assets/components/VcButton/VcButtonIcon.css';import '../../assets/components/VcInput/VcInput.css';/* empty css                       */
+import _sfc_main$3 from "../VcButton/VcButtonIcon.vue.mjs";
+/* empty css                             */
 import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
 /* empty css                     */
 import { Check, X } from "@lucide/vue";
@@ -69,18 +70,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["modelValue"])
           ]),
           createElementVNode("div", _hoisted_3, [
-            createVNode(VcButtonIcon, {
+            createVNode(_sfc_main$3, {
               icon: unref(Check),
               onClick: withModifiers(confirm, ["stop"])
             }, null, 8, ["icon"]),
-            createVNode(VcButtonIcon, {
+            createVNode(_sfc_main$3, {
               color: "secondary",
               icon: unref(X),
               onClick: withModifiers(cancel, ["stop"])
             }, null, 8, ["icon"])
           ])
         ])) : createCommentVNode("", true),
-        createVNode(VcButtonIcon, {
+        createVNode(_sfc_main$3, {
           color: "secondary",
           icon: unref(X),
           onClick: withModifiers(clear, ["stop"])

package/library/components/VcMdEditor/VcMdEditor.vue.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, useAttrs, ref, computed, onMounted, nextTick, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, normalizeStyle, normalizeClass, createElementBlock, createCommentVNode, mergeProps, isRef } from "vue";
 import { MilkdownProvider } from "@milkdown/vue";
-import _sfc_main$2 from "./VcMdEditorContent.vue.mjs";
-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/VcMdEditor/VcMdEditorContent.css';/* empty css                        */
+import _sfc_main$3 from "./VcMdEditorContent.vue.mjs";
+import '../../assets/components/VcButton/VcButtonIcon.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/VcMdEditor/VcMdEditorContent.css';/* empty css                        */
 import { useVModel } from "@vueuse/core";
 import { convertToUnit } from "../../utils/helpers.mjs";
 import { markdown } from "@codemirror/lang-markdown";
@@ -14,7 +14,8 @@ import { ElTooltip } from "element-plus";
 /* empty css                                                           */
 /* empty css                                                            */
 import { tVU } from "../../localization/index.mjs";
-import VcButtonIcon from "../VcButton/VcButtonIcon.vue.mjs";
+import _sfc_main$2 from "../VcButton/VcButtonIcon.vue.mjs";
+/* empty css                             */
 import { Check, Copy, CodeXml, TextQuote, AlignStartVertical, AlignEndVertical } from "@lucide/vue";
 const _hoisted_1 = {
   key: 0,
@@ -193,7 +194,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       teleported: __props.isTeleported
                     }, {
                       default: withCtx(() => [
-                        createVNode(VcButtonIcon, {
+                        createVNode(_sfc_main$2, {
                           icon: isCopied.value ? unref(Check) : unref(Copy),
                           onClick: onCopyContent
                         }, null, 8, ["icon"])
@@ -205,7 +206,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       teleported: __props.isTeleported
                     }, {
                       default: withCtx(() => [
-                        createVNode(VcButtonIcon, {
+                        createVNode(_sfc_main$2, {
                           icon: editorMode.value ? unref(CodeXml) : unref(TextQuote),
                           onClick: _cache[0] || (_cache[0] = ($event) => editorMode.value = !editorMode.value)
                         }, null, 8, ["icon"])
@@ -217,7 +218,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       teleported: __props.isTeleported
                     }, {
                       default: withCtx(() => [
-                        createVNode(VcButtonIcon, {
+                        createVNode(_sfc_main$2, {
                           icon: alignMode.value === "rtl" ? unref(AlignStartVertical) : unref(AlignEndVertical),
                           onClick: changeDirection
                         }, null, 8, ["icon"])
@@ -227,7 +228,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])
                 ])) : createCommentVNode("", true),
                 createElementVNode("div", _hoisted_4, [
-                  editorMode.value ? (openBlock(), createBlock(_sfc_main$2, mergeProps({
+                  editorMode.value ? (openBlock(), createBlock(_sfc_main$3, mergeProps({
                     key: 0,
                     ref_key: "milkdownEditorContentRef",
                     ref: milkdownEditorContentRef,

package/library/components/VcPagination/VcPaginationButton.vue.mjs

@@ -1,5 +1,6 @@
 import { defineComponent, openBlock, createBlock } from "vue";
-import VcButtonIcon from "../VcButton/VcButtonIcon.vue.mjs";
+import _sfc_main$1 from "../VcButton/VcButtonIcon.vue.mjs";
+import '../../assets/components/VcButton/VcButtonIcon.css';/* empty css                             */
 const DEFAULT_TYPE = "default";
 const DEFAULT_COLOR = "primary";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -12,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(VcButtonIcon, {
+      return openBlock(), createBlock(_sfc_main$1, {
         icon: __props.icon,
         type: __props.type,
         color: __props.color,

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, markRaw, h, watch, openBlock, createBlock, unref, mergeProps, isRef, createSlots, withCtx, renderSlot, createElementBlock, Fragment, createVNode, createTextVNode, toDisplayString, createCommentVNode, renderList, normalizeStyle, normalizeClass } from "vue";
+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-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                                                         */
@@ -42,6 +42,7 @@ import { useVModel } from "@vueuse/core";
 import useOptionMethods from "../../composables/option/useOptionMethods.mjs";
 import { tVU } from "../../localization/index.mjs";
 import { Loader } from "@lucide/vue";
+const _hoisted_1 = { class: "flex-center overflow-hidden" };
 const COLOR_CLASS = "vc-select--";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -312,10 +313,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         __props.loading && !_ctx.$slots["prefix-icon"] ? {
           name: "prefix",
           fn: withCtx(() => [
-            createVNode(_sfc_main$1, {
-              icon: unref(Loader),
-              class: "animate-spin"
-            }, null, 8, ["icon"])
+            createElementVNode("span", _hoisted_1, [
+              createVNode(_sfc_main$1, {
+                icon: unref(Loader),
+                size: __props.size === "small" ? 14 : 16,
+                loading: ""
+              }, null, 8, ["icon", "size"])
+            ])
           ]),
           key: "0"
         } : __props.prefixIcon || _ctx.$slots["prefix-icon"] ? {