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

package/library/assets/node_modules/element-plus/theme-chalk/src/tour.css

@@ -0,0 +1 @@
+.el-tour{--el-tour-width: 520px;--el-tour-padding-primary: 12px;--el-tour-font-line-height: var(--el-font-line-height-primary);--el-tour-title-font-size: 16px;--el-tour-title-text-color: var(--el-text-color-primary);--el-tour-title-font-weight: 400;--el-tour-close-color: var(--el-color-info);--el-tour-font-size: 14px;--el-tour-color: var(--el-text-color-primary);--el-tour-bg-color: var(--el-bg-color);--el-tour-border-radius: 4px}.el-tour__hollow{transition:all var(--el-transition-duration) ease}.el-tour__content{border-radius:var(--el-tour-border-radius);width:var(--el-tour-width);padding:var(--el-tour-padding-primary);background:var(--el-tour-bg-color);box-shadow:var(--el-box-shadow-light);box-sizing:border-box;overflow-wrap:break-word;outline:none}.el-tour__arrow{position:absolute;background:var(--el-tour-bg-color);width:10px;height:10px;pointer-events:none;transform:rotate(45deg);box-sizing:border-box}.el-tour__content[data-side^=top] .el-tour__arrow{border-top-color:transparent;border-left-color:transparent}.el-tour__content[data-side^=bottom] .el-tour__arrow{border-bottom-color:transparent;border-right-color:transparent}.el-tour__content[data-side^=left] .el-tour__arrow{border-left-color:transparent;border-bottom-color:transparent}.el-tour__content[data-side^=right] .el-tour__arrow{border-right-color:transparent;border-top-color:transparent}.el-tour__content[data-side^=top] .el-tour__arrow{bottom:-5px}.el-tour__content[data-side^=bottom] .el-tour__arrow{top:-5px}.el-tour__content[data-side^=left] .el-tour__arrow{right:-5px}.el-tour__content[data-side^=right] .el-tour__arrow{left:-5px}.el-tour__closebtn{position:absolute;top:0;right:0;padding:0;width:40px;height:40px;background:transparent;border:none;outline:none;cursor:pointer;font-size:var(--el-message-close-size, 16px)}.el-tour__closebtn .el-tour__close{color:var(--el-tour-close-color);font-size:inherit}.el-tour__closebtn:focus .el-tour__close,.el-tour__closebtn:hover .el-tour__close{color:var(--el-color-primary)}.el-tour__header{padding-bottom:var(--el-tour-padding-primary)}.el-tour__header.show-close{padding-right:calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 16px))}.el-tour__title{line-height:var(--el-tour-font-line-height);font-size:var(--el-tour-title-font-size);color:var(--el-tour-title-text-color);font-weight:var(--el-tour-title-font-weight)}.el-tour__body{color:var(--el-tour-text-color);font-size:var(--el-tour-font-size)}.el-tour__body img,.el-tour__body video{max-width:100%}.el-tour__footer{padding-top:var(--el-tour-padding-primary);box-sizing:border-box;display:flex;justify-content:space-between}.el-tour__content .el-tour-indicators{display:inline-block;flex:1}.el-tour__content .el-tour-indicator{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--el-color-info-light-9);margin-right:6px}.el-tour__content .el-tour-indicator.is-active{background:var(--el-color-primary)}.el-tour.el-tour--primary{--el-tour-title-text-color: #fff;--el-tour-text-color: #fff;--el-tour-bg-color: var(--el-color-primary);--el-tour-close-color: #fff}.el-tour.el-tour--primary .el-tour__closebtn:focus .el-tour__close,.el-tour.el-tour--primary .el-tour__closebtn:hover .el-tour__close{color:var(--el-tour-title-text-color)}.el-tour.el-tour--primary .el-button--default{color:var(--el-color-primary);border-color:var(--el-color-primary);background:#fff}.el-tour.el-tour--primary .el-button--primary{border-color:#fff}.el-tour.el-tour--primary .el-tour-indicator{background:#ffffff26}.el-tour.el-tour--primary .el-tour-indicator.is-active{background:#fff}.el-tour-parent--hidden{overflow:hidden}

package/library/assets/node_modules/element-plus/theme-chalk/src/transfer.css

@@ -0,0 +1 @@
+.el-transfer{--el-transfer-border-color: var(--el-border-color-lighter);--el-transfer-border-radius: var(--el-border-radius-base);--el-transfer-panel-width: 200px;--el-transfer-panel-header-height: 40px;--el-transfer-panel-header-bg-color: var(--el-fill-color-light);--el-transfer-panel-footer-height: 40px;--el-transfer-panel-body-height: 278px;--el-transfer-item-height: 30px;--el-transfer-filter-height: 32px;font-size:var(--el-font-size-base)}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.el-transfer__button{vertical-align:top}.el-transfer__button:nth-child(2){margin:0 0 0 10px}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer__button .el-icon+span{margin-left:0}.el-transfer-panel{overflow:hidden;background:var(--el-bg-color-overlay);display:inline-block;text-align:left;vertical-align:middle;width:var(--el-transfer-panel-width);max-height:100%;box-sizing:border-box;position:relative}.el-transfer-panel__body{height:var(--el-transfer-panel-body-height);border-left:1px solid var(--el-transfer-border-color);border-right:1px solid var(--el-transfer-border-color);border-bottom:1px solid var(--el-transfer-border-color);border-bottom-left-radius:var(--el-transfer-border-radius);border-bottom-right-radius:var(--el-transfer-border-radius);overflow:hidden}.el-transfer-panel__body.is-with-footer{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:var(--el-transfer-panel-body-height);overflow:auto;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:calc(100% - var(--el-transfer-filter-height) - 30px);padding-top:0}.el-transfer-panel__item{height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);padding-left:15px;display:block!important}.el-transfer-panel__item+.el-transfer-panel__item{margin-left:0}.el-transfer-panel__item.el-checkbox{color:var(--el-text-color-regular);margin-right:30px}.el-transfer-panel__item:hover{color:var(--el-color-primary)}.el-transfer-panel__item.el-checkbox .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;box-sizing:border-box;padding-left:22px;line-height:var(--el-transfer-item-height)}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{text-align:center;padding:15px;box-sizing:border-box}.el-transfer-panel__filter .el-input__inner{height:var(--el-transfer-filter-height);width:100%;font-size:12px;display:inline-block;box-sizing:border-box}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-transfer-panel .el-transfer-panel__header{display:flex;align-items:center;height:var(--el-transfer-panel-header-height);background:var(--el-transfer-panel-header-bg-color);margin:0;padding-left:15px;border:1px solid var(--el-transfer-border-color);border-top-left-radius:var(--el-transfer-border-radius);border-top-right-radius:var(--el-transfer-border-radius);box-sizing:border-box;color:var(--el-color-black)}.el-transfer-panel .el-transfer-panel__header .el-checkbox{position:relative;display:flex;width:100%;align-items:center}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{display:flex;flex:1;align-items:center;min-width:0;font-size:16px;color:var(--el-text-color-primary);font-weight:400}.el-transfer-panel .el-transfer-panel__header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.el-transfer-panel .el-transfer-panel__header-count{flex-shrink:0;margin-left:8px;margin-right:15px;color:var(--el-text-color-secondary);font-size:12px}.el-transfer-panel .el-transfer-panel__footer{height:var(--el-transfer-panel-footer-height);background:var(--el-bg-color-overlay);margin:0;padding:0;border:1px solid var(--el-transfer-border-color);border-bottom-left-radius:var(--el-transfer-border-radius);border-bottom-right-radius:var(--el-transfer-border-radius)}.el-transfer-panel .el-transfer-panel__footer:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:var(--el-text-color-regular)}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);padding:6px 15px 0;color:var(--el-text-color-secondary);text-align:center}.el-transfer-panel .el-checkbox__label{padding-left:8px}

package/library/assets/node_modules/element-plus/theme-chalk/src/tree.css

@@ -0,0 +1 @@
+.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center top}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center bottom}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transition:var(--el-transition-md-fade);transform-origin:top left}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-leave-active,.el-collapse-transition-enter-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-tree{--el-tree-node-content-height: 26px;--el-tree-node-hover-bg-color: var(--active-elements-bg--focus);--el-tree-text-color: var(--default-text);--el-tree-expand-icon-color: var(--secondary-actions);position:relative;cursor:default;background:var(--el-fill-color-blank);color:var(--el-tree-text-color);font-size:var(--el-font-size-base)}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--el-text-color-secondary);font-size:var(--el-font-size-base)}.el-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:var(--el-color-primary)}.el-tree-node{white-space:nowrap;outline:none}.el-tree-node:focus>.el-tree-node__content{background-color:var(--el-tree-node-hover-bg-color)}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:var(--el-color-primary);color:#fff}.el-tree-node__content{--el-checkbox-height: var(--el-tree-node-content-height);display:flex;align-items:center;height:var(--el-tree-node-content-height);cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{padding:6px;box-sizing:content-box}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree-node__content:hover{background-color:var(--el-tree-node-hover-bg-color)}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{cursor:pointer;color:var(--el-tree-expand-icon-color);font-size:12px;transform:rotate(0);transition:transform var(--el-transition-duration) ease-in-out}.el-tree-node__expand-icon.expanded{transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default;visibility:hidden}.el-tree-node__expand-icon.is-hidden{visibility:hidden}.el-tree-node__loading-icon{margin-right:8px;font-size:var(--el-font-size-base);color:var(--el-tree-expand-icon-color)}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}

package/library/assets/node_modules/element-plus/theme-chalk/src/virtual-list.css

@@ -0,0 +1 @@
+.el-vl__wrapper{position:relative}.el-vl__wrapper:hover .el-virtual-scrollbar,.el-vl__wrapper.always-on .el-virtual-scrollbar{opacity:1}.el-vl__window{scrollbar-width:none}.el-vl__window::-webkit-scrollbar{display:none}.el-virtual-scrollbar{opacity:0;transition:opacity .34s ease-out}.el-virtual-scrollbar.always-on{opacity:1}.el-vg__wrapper{position:relative}

package/library/components/VcAutocomplete/VcAutocomplete.vue.mjs

@@ -0,0 +1,125 @@
+import { defineComponent, useModel, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, renderSlot, createVNode, normalizeStyle, normalizeClass, createCommentVNode, mergeModels } from "vue";
+import { ElAutocomplete } from "element-plus";
+import '../../assets/components/VcIcon/VcIcon.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.css';import '../../assets/node_modules/element-plus/theme-chalk/src/base.css';
+import '../../assets/components/VcAutocomplete/VcAutocomplete.css';/* empty css                                                         */
+/* empty css                                                          */
+/* empty css                                                              */
+/* empty css                                                           */
+/* empty css                                                                 */
+import useInputColor from "../../composables/input/useInputColor.mjs";
+import { DEFAULT_ICON_SIZE, DEFAULT_COLOR, DEFAULT_SIZE } from "../../enum/inputDefaults.mjs";
+import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
+/* empty css                     */
+const COLOR_CLASS = "vc-autocomplete--";
+const DATA_TEST_NAME = "default-autocomplete";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "VcAutocomplete",
+  props: /* @__PURE__ */ mergeModels({
+    id: { default: void 0 },
+    fetchSuggestions: {},
+    modelValue: { default: "" },
+    valueKey: { default: "value" },
+    disabled: { type: Boolean, default: false },
+    debounce: { default: 300 },
+    teleported: { type: Boolean, default: true },
+    clearable: { type: Boolean, default: false },
+    highlightFirstItem: { type: Boolean, default: false },
+    fitInputWidth: { type: Boolean, default: false },
+    triggerOnFocus: { type: Boolean, default: false },
+    size: { default: DEFAULT_SIZE },
+    name: { default: void 0 },
+    placeholder: { default: "" },
+    popperClass: { default: "" },
+    dataTestName: { default: DATA_TEST_NAME },
+    prefixIconColor: { default: "" },
+    color: { default: DEFAULT_COLOR },
+    prefixIcon: { default: "" },
+    prefixIconSize: { default: DEFAULT_ICON_SIZE }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:modelValue", "select", "change"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { prefixClasses, prefixStyle, inputClasses, prefixIcon: resolvedPrefixIcon } = useInputColor(props, {
+      colorClass: COLOR_CLASS
+    });
+    const localModel = useModel(__props, "modelValue");
+    const onSelect = (selectedData) => {
+      emit("select", selectedData);
+    };
+    const onChange = (data) => {
+      emit("change", `${data}`);
+    };
+    const onClear = () => {
+      localModel.value = "";
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElAutocomplete), mergeProps({
+        id: __props.id,
+        ref: "autocomplete",
+        modelValue: localModel.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localModel.value = $event),
+        class: [unref(inputClasses), "vc-autocomplete"],
+        "data-test": __props.dataTestName,
+        disabled: __props.disabled,
+        debounce: __props.debounce,
+        "fetch-suggestions": __props.fetchSuggestions,
+        "fit-input-width": __props.fitInputWidth,
+        "highlight-first-item": __props.highlightFirstItem,
+        name: __props.name,
+        placeholder: __props.placeholder,
+        size: __props.size,
+        teleported: __props.teleported,
+        "trigger-on-focus": __props.triggerOnFocus,
+        "value-key": __props.valueKey,
+        "popper-class": "vc-autocomplete-popover"
+      }, _ctx.$attrs, {
+        onSelect,
+        onChange
+      }), createSlots({ _: 2 }, [
+        __props.prefixIcon || _ctx.$slots["prefix-icon"] ? {
+          name: "prefix",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "prefix-icon", {}, () => [
+              createVNode(_sfc_main$1, {
+                icon: unref(resolvedPrefixIcon),
+                class: normalizeClass([unref(prefixClasses), "vc-autocomplete__prefix-icon"]),
+                style: normalizeStyle(unref(prefixStyle))
+              }, null, 8, ["icon", "class", "style"])
+            ])
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots["suffix"] || __props.clearable ? {
+          name: "suffix",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "suffix", {}, () => [
+              localModel.value ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                icon: "vc-icon-close icon-xs closable-icon",
+                onClick: onClear
+              })) : createCommentVNode("", true)
+            ])
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots["option"] ? {
+          name: "default",
+          fn: withCtx(({ item }) => [
+            renderSlot(_ctx.$slots, "option", { item })
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1040, ["id", "modelValue", "class", "data-test", "disabled", "debounce", "fetch-suggestions", "fit-input-width", "highlight-first-item", "name", "placeholder", "size", "teleported", "trigger-on-focus", "value-key"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcAutocomplete/VcAutocomplete.vue3.mjs

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

package/library/components/VcButton/VcButton.vue.mjs

@@ -0,0 +1,97 @@
+import '../../assets/components/VcButton/VcButton.css';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, createCommentVNode, createVNode } from "vue";
+import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
+import '../../assets/components/VcIcon/VcIcon.css';/* empty css                     */
+const _hoisted_1 = ["disabled", "aria-disabled", "type", "data-test"];
+const _hoisted_2 = { class: "vc-button--content" };
+const _hoisted_3 = {
+  key: 0,
+  class: "vc-button--loader"
+};
+const CLASS_FOR_SIZE = "vc-button-size--";
+const CLASS_FOR_TYPE = "vc-button-type--";
+const CLASS_FOR_COLOR = "vc-button-color--";
+const BLOCK_CLASS = "vc-button--block";
+const CLASS_DISABLED = "is--disabled";
+const CLASS_ROUND = "is--round";
+const CLASS_FOR_LOADING = "is--loading";
+const DEFAULT_SIZE = "middle";
+const DEFAULT_TYPE = "default";
+const DEFAULT_COLOR = "primary";
+const DEFAULT_LOAD_ICON = "vc-icon-load";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcButton",
+  props: {
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    block: { type: Boolean, default: false },
+    dataTestName: { default: "vc-button" },
+    loaderIcon: { default: DEFAULT_LOAD_ICON },
+    size: { default: DEFAULT_SIZE },
+    type: { default: DEFAULT_TYPE },
+    icon: { default: "" },
+    color: { default: DEFAULT_COLOR },
+    buttonType: { default: "button" },
+    round: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const classes = computed(() => {
+      const disabled = props.disabled ? CLASS_DISABLED : "";
+      const loading = props.loading ? CLASS_FOR_LOADING : "";
+      const sizeClass = CLASS_FOR_SIZE + props.size;
+      const typeClass = CLASS_FOR_TYPE + props.type;
+      const colorClass = CLASS_FOR_COLOR + props.color;
+      const blockSize = props.block ? BLOCK_CLASS : "";
+      const isRound = props.round ? CLASS_ROUND : "";
+      return [
+        sizeClass,
+        typeClass,
+        colorClass,
+        disabled,
+        loading,
+        blockSize,
+        isRound
+      ];
+    });
+    function handleClick(evt) {
+      if (!props.loading && !props.disabled) {
+        emit("click", evt);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        disabled: __props.disabled,
+        class: normalizeClass([classes.value, "vc-button"]),
+        "aria-disabled": __props.disabled,
+        type: __props.buttonType,
+        "data-test": __props.dataTestName,
+        onClick: handleClick
+      }, [
+        createElementVNode("span", _hoisted_2, [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            __props.icon ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              icon: __props.icon,
+              class: "content-icon"
+            }, null, 8, ["icon"])) : createCommentVNode("", true)
+          ]),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        __props.loading ? (openBlock(), createElementBlock("span", _hoisted_3, [
+          renderSlot(_ctx.$slots, "loader", {}, () => [
+            createVNode(_sfc_main$1, {
+              icon: __props.loaderIcon,
+              class: "text-current"
+            }, null, 8, ["icon"])
+          ])
+        ])) : createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcButton/VcButton.vue3.mjs

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

package/library/components/VcButton/VcButtonIcon.vue.mjs

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

package/library/components/VcButton/VcButtonIcon.vue2.mjs

@@ -0,0 +1,92 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode } from "vue";
+import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
+import '../../assets/components/VcIcon/VcIcon.css';/* empty css                     */
+const _hoisted_1 = ["disabled", "aria-disabled", "type", "data-test"];
+const _hoisted_2 = { class: "vc-button--content" };
+const DEFAULT_TYPE = "default";
+const DEFAULT_COLOR = "primary";
+const DEFAULT_ICON = "vc-icon-settings";
+const LOADING_ICON = "vc-icon-load";
+const CLASS_DISABLED = "is--disabled";
+const CLASS_ANIMATION = "is--animate";
+const CLASS_LOADING = "is--loading";
+const CLASS_SMALL = "is--small";
+const CLASS_PLAIN = "is--plain";
+const CLASS_CIRCLE = "is--circle";
+const CLASS_FILLED = "is--filled";
+const CLASS_FILLED_COLOR = "filled-";
+const CLASS_HOVERLESS = "vc-button-icon-type--hoverless";
+const CLASS_FOR_TYPE = "vc-button-icon-type--";
+const CLASS_FOR_COLOR = "vc-button-icon-color--";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcButtonIcon",
+  props: {
+    type: { default: DEFAULT_TYPE },
+    color: { default: DEFAULT_COLOR },
+    icon: { default: DEFAULT_ICON },
+    dataTestName: { default: "vc-button" },
+    animate: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    small: { type: Boolean, default: false },
+    plain: { type: Boolean, default: false },
+    hoverless: { type: Boolean, default: false },
+    buttonType: { default: "button" },
+    circle: { type: Boolean },
+    filled: { type: Boolean },
+    filledColor: { default: "light" },
+    loading: { type: Boolean },
+    loadingIcon: { default: LOADING_ICON }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const classes = computed(() => {
+      const typeClass = CLASS_FOR_TYPE + props.type;
+      const colorClass = CLASS_FOR_COLOR + props.color;
+      const filledColor = CLASS_FILLED_COLOR + (props.filledColor || "light");
+      return [
+        typeClass,
+        colorClass,
+        {
+          [CLASS_DISABLED]: props.disabled,
+          [CLASS_ANIMATION]: props.animate && !props.loading,
+          [CLASS_LOADING]: props.loading,
+          [CLASS_SMALL]: props.small,
+          [CLASS_PLAIN]: props.plain,
+          [CLASS_HOVERLESS]: props.hoverless,
+          [CLASS_CIRCLE]: props.circle,
+          [CLASS_FILLED]: props.filled,
+          [filledColor]: props.filled && props.filledColor
+        }
+      ];
+    });
+    function handleClick(evt) {
+      if (!props.disabled && !props.loading) {
+        emit("click", evt);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass(["vc-button-icon", classes.value]),
+        disabled: __props.disabled,
+        "aria-disabled": __props.disabled,
+        type: __props.buttonType,
+        "data-test": __props.dataTestName,
+        onClick: handleClick
+      }, [
+        createElementVNode("span", _hoisted_2, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createVNode(_sfc_main$1, {
+              icon: __props.loading ? __props.loadingIcon : __props.icon,
+              class: normalizeClass([{ "animate-spin": __props.loading }, "text-current content-icon"])
+            }, null, 8, ["icon", "class"])
+          ], true)
+        ])
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcButton/VcToggleButton.vue.mjs

@@ -0,0 +1,89 @@
+import '../../assets/components/VcButton/VcToggleButton.css';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, createCommentVNode, toDisplayString } from "vue";
+import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
+import '../../assets/components/VcIcon/VcIcon.css';/* empty css                     */
+const _hoisted_1 = ["tabindex", "disabled", "aria-pressed", "data-p-checked", "data-p-disabled", "data-test"];
+const _hoisted_2 = { class: "vc-toggle-button__content" };
+const _hoisted_3 = { class: "vc-toggle-button__label" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcToggleButton",
+  props: {
+    modelValue: { type: Boolean, default: void 0 },
+    tabindex: { default: void 0 },
+    disabled: { type: Boolean, default: false },
+    invalid: { type: Boolean },
+    readonly: { type: Boolean },
+    onIcon: { default: void 0 },
+    offIcon: { default: void 0 },
+    onLabel: { default: "On" },
+    offLabel: { default: "Off" },
+    ariaLabel: { default: void 0 },
+    ariaLabelledby: { default: void 0 },
+    dataTestName: { default: "vc-toggle-btn" },
+    iconPos: { default: "left" },
+    large: { type: Boolean },
+    activeIconColor: { default: "" },
+    color: { default: "" }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const active = computed(() => {
+      return props.modelValue;
+    });
+    const hasLabel = computed(() => {
+      return props.onLabel && props.offLabel;
+    });
+    const label = computed(() => {
+      return hasLabel.value ? props.modelValue ? props.onLabel : props.offLabel : " ";
+    });
+    const currentIcon = computed(() => {
+      return props.modelValue ? props.onIcon : props.offIcon;
+    });
+    function onChange(evt) {
+      if (!props.disabled && !props.readonly) {
+        emit("update:modelValue", !props.modelValue);
+        emit("change", evt);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        tabindex: __props.tabindex,
+        disabled: __props.disabled,
+        "aria-pressed": __props.modelValue,
+        "data-p-checked": active.value,
+        "data-p-disabled": __props.disabled,
+        "data-test": __props.dataTestName,
+        class: normalizeClass([[{
+          "is--disabled": __props.disabled,
+          "is--readonly": __props.readonly,
+          "is--checked": active.value,
+          "is--error": __props.invalid,
+          "is--large": __props.large
+        }, __props.color ? `color--${__props.color}` : ""], "vc-toggle-button"]),
+        type: "button",
+        onClick: onChange
+      }, [
+        createElementVNode("span", _hoisted_2, [
+          renderSlot(_ctx.$slots, "default", { value: __props.modelValue }, () => [
+            renderSlot(_ctx.$slots, "icon", {
+              value: __props.modelValue,
+              class: "vc-toggle-button__icon-wrap"
+            }, () => [
+              __props.onIcon || __props.offIcon ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                icon: currentIcon.value,
+                class: normalizeClass(["vc-toggle-button__icon", __props.modelValue && __props.activeIconColor])
+              }, null, 8, ["icon", "class"])) : createCommentVNode("", true),
+              createElementVNode("span", _hoisted_3, toDisplayString(label.value), 1)
+            ])
+          ])
+        ])
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcButton/VcToggleButton.vue3.mjs

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

package/library/components/VcCard/VcCard.vue.mjs

@@ -0,0 +1,40 @@
+import '../../assets/components/VcCard/VcCard.css';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode } from "vue";
+const _hoisted_1 = ["data-test"];
+const _hoisted_2 = {
+  key: 0,
+  class: "vc-card-header"
+};
+const _hoisted_3 = { class: "vc-card-content" };
+const _hoisted_4 = {
+  key: 1,
+  class: "vc-card-footer"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcCard",
+  props: {
+    hovered: { type: Boolean, default: false },
+    dataTestName: { default: "vc-card" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([{ "vc-card--hover": __props.hovered }, "vc-card"]),
+        "data-test": __props.dataTestName
+      }, [
+        _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "header")
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          renderSlot(_ctx.$slots, "footer")
+        ])) : createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcCard/VcCard.vue3.mjs

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

package/library/components/VcCheckbox/VcCheckbox.vue.mjs

@@ -0,0 +1,115 @@
+import { defineComponent, toRef, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot } from "vue";
+import { ElCheckbox } from "element-plus";
+import '../../assets/node_modules/element-plus/theme-chalk/src/popover.css';import '../../assets/node_modules/element-plus/theme-chalk/src/transfer.css';import '../../assets/node_modules/element-plus/theme-chalk/src/tree.css';import '../../assets/node_modules/element-plus/theme-chalk/src/text.css';import '../../assets/node_modules/element-plus/theme-chalk/src/slider.css';import '../../assets/node_modules/element-plus/theme-chalk/src/color-picker.css';import '../../assets/node_modules/element-plus/theme-chalk/src/color-picker-panel.css';import '../../assets/node_modules/element-plus/theme-chalk/src/tooltip.css';import '../../assets/node_modules/element-plus/theme-chalk/src/date-picker-panel.css';import '../../assets/node_modules/element-plus/theme-chalk/src/button.css';import '../../assets/node_modules/element-plus/theme-chalk/src/checkbox-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/VcCheckbox/VcCheckbox.css';/* empty css                                                         */
+/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                          */
+/* empty css                                                                 */
+/* empty css                                                              */
+/* empty css                                                           */
+/* empty css                                                                 */
+/* empty css                                                        */
+/* empty css                                                           */
+/* empty css                                                                 */
+/* empty css                                                           */
+/* empty css                                                          */
+/* empty css                                                                */
+/* empty css                                                                 */
+/* empty css                                                             */
+/* empty css                                                                   */
+/* empty css                                                           */
+/* empty css                                                                      */
+/* empty css                                                                */
+/* empty css                                                                       */
+/* empty css                                                                 */
+/* empty css                                                            */
+/* empty css                                                           */
+/* empty css                                                         */
+/* empty css                                                         */
+/* empty css                                                             */
+/* empty css                                                            */
+import useInputColor from "../../composables/input/useInputColor.mjs";
+const COLOR_CLASS = "vc-checkbox-color--";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcCheckbox",
+  props: {
+    modelValue: { default: void 0 },
+    label: { default: void 0 },
+    trueLabel: { default: void 0 },
+    falseLabel: { default: void 0 },
+    disabled: { type: Boolean, default: false },
+    border: { type: Boolean, default: false },
+    checked: { type: Boolean, default: false },
+    indeterminate: { type: Boolean, default: false },
+    handUpdate: { type: Boolean, default: false },
+    name: { default: void 0 },
+    dataTestName: { default: "vc-checkbox" },
+    prefixIconColor: {},
+    color: {},
+    prefixIcon: {},
+    prefixIconSize: {}
+  },
+  emits: ["update:modelValue", "change", "update:checked"],
+  setup(__props, { emit: __emit }) {
+    function toCheckboxValue(val) {
+      if (val === void 0) return void 0;
+      if (typeof val === "string" || typeof val === "number" || typeof val === "boolean") {
+        return val;
+      }
+      return void 0;
+    }
+    function isModel(val) {
+      return typeof val === "string" || typeof val === "number" || typeof val === "boolean";
+    }
+    const props = __props;
+    const emit = __emit;
+    const { inputClasses } = useInputColor(props, {
+      colorClass: COLOR_CLASS
+    });
+    const localModel = toRef(() => {
+      return toCheckboxValue(props.modelValue);
+    });
+    const onChange = (val) => {
+      if (!isModel(val)) {
+        return;
+      }
+      if (props.modelValue !== void 0) {
+        emit("update:modelValue", val);
+      }
+      emit("change", val);
+    };
+    const onClick = (event) => {
+      if (props.handUpdate) {
+        event.preventDefault();
+        emit("update:checked", props.modelValue);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCheckbox), {
+        "model-value": localModel.value,
+        checked: __props.checked,
+        indeterminate: __props.indeterminate,
+        border: __props.border,
+        label: __props.label,
+        "true-label": __props.trueLabel,
+        "false-label": __props.falseLabel,
+        disabled: __props.disabled,
+        name: __props.name,
+        class: normalizeClass([unref(inputClasses), "vc-checkbox"]),
+        "data-test": __props.dataTestName,
+        "text-color": "red",
+        onClick,
+        onChange
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["model-value", "checked", "indeterminate", "border", "label", "true-label", "false-label", "disabled", "name", "class", "data-test"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcCheckbox/VcCheckbox.vue3.mjs

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