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

package/library/components/VcInput/VcInput.vue.mjs

@@ -0,0 +1,172 @@
+import { defineComponent, ref, computed, withDirectives, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createVNode, normalizeStyle, normalizeClass, createCommentVNode } from "vue";
+import { ElInput } from "element-plus";
+import '../../assets/components/VcIcon/VcIcon.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/VcInput/VcInput.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 { vMaska } from "maska/vue";
+import makeDataTestAttributeValue from "../../utils/makeDataTestAttributeValue.mjs";
+import dataTestAttributes from "../../enum/dataTestAttributes.mjs";
+import useInputBase from "../../composables/input/useInputBase.mjs";
+import { DEFAULT_COLOR, DEFAULT_ICON_SIZE } from "../../enum/inputDefaults.mjs";
+import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
+/* empty css                     */
+const COLOR_CLASS = "vc-input--";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "VcInput",
+  props: {
+    modelValue: { default: "" },
+    type: { default: "text" },
+    placeholder: { default: "" },
+    maxLength: { default: void 0 },
+    minLength: { default: void 0 },
+    dataTestName: { default: "default" },
+    clearable: { type: Boolean, default: false },
+    isError: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    mask: { default: void 0 },
+    id: { default: void 0 },
+    disabled: { type: Boolean, default: false },
+    emptyText: { default: "" },
+    prefixIcon: { default: "" },
+    prefixIconSize: { default: DEFAULT_ICON_SIZE },
+    name: { default: void 0 },
+    maxWidth: { default: "100%" },
+    prefixIconColor: { default: "" },
+    color: { default: DEFAULT_COLOR }
+  },
+  emits: ["update:modelValue", "input", "clear", "mask:parsed"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { prefixClasses, prefixStyle, prefixIcon: resolvedPrefixIcon } = useInputBase(props, {
+      colorClass: COLOR_CLASS
+    });
+    const elInputRef = ref();
+    const inputClasses = computed(() => {
+      const colorClass = props.color ? COLOR_CLASS + props.color : "";
+      return [
+        colorClass,
+        props.isError ? "is--error" : ""
+      ].join(" ");
+    });
+    const dataTestAttributeValue = computed(() => {
+      return makeDataTestAttributeValue(dataTestAttributes.input, props.dataTestName);
+    });
+    const modelInput = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(val) {
+        emit("input", val);
+        emit("update:modelValue", val);
+      }
+    });
+    function onClear() {
+      modelInput.value = "";
+      emit("clear");
+      if (props.mask !== void 0) {
+        emit("mask:parsed", "");
+      }
+    }
+    function onInputMask(event) {
+      emit("mask:parsed", event.detail.unmasked);
+    }
+    __expose({
+      blur: () => {
+        var _a;
+        return (_a = elInputRef.value) == null ? void 0 : _a.blur();
+      },
+      clear: () => {
+        var _a;
+        return (_a = elInputRef.value) == null ? void 0 : _a.clear();
+      },
+      focus: () => {
+        var _a;
+        return (_a = elInputRef.value) == null ? void 0 : _a.focus();
+      },
+      input: () => {
+        var _a;
+        return (_a = elInputRef.value) == null ? void 0 : _a.input;
+      },
+      select: () => {
+        var _a;
+        return (_a = elInputRef.value) == null ? void 0 : _a.select();
+      }
+    });
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createBlock(unref(ElInput), mergeProps({
+        id: __props.id,
+        ref_key: "elInputRef",
+        ref: elInputRef,
+        modelValue: modelInput.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelInput.value = $event),
+        maxlength: __props.maxLength,
+        minlength: __props.minLength,
+        readonly: __props.readonly,
+        disabled: __props.disabled,
+        name: __props.name,
+        placeholder: __props.placeholder,
+        type: __props.type,
+        class: [inputClasses.value, "vc-input"],
+        "data-test": dataTestAttributeValue.value
+      }, _ctx.$attrs, { onMaska: onInputMask }), createSlots({ _: 2 }, [
+        __props.prefixIcon ? {
+          name: "prefix",
+          fn: withCtx(() => [
+            createVNode(_sfc_main$1, {
+              icon: unref(resolvedPrefixIcon),
+              class: normalizeClass(unref(prefixClasses)),
+              style: normalizeStyle(unref(prefixStyle))
+            }, null, 8, ["icon", "class", "style"])
+          ]),
+          key: "0"
+        } : void 0,
+        __props.clearable ? {
+          name: "suffix",
+          fn: withCtx(() => [
+            modelInput.value && !__props.disabled && !__props.readonly ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              icon: "vc-icon-close icon-xs",
+              onClick: onClear
+            })) : createCommentVNode("", true)
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["id", "modelValue", "maxlength", "minlength", "readonly", "disabled", "name", "placeholder", "type", "class", "data-test"])), [
+        [unref(vMaska), __props.mask]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcInput/VcInput.vue3.mjs

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

package/library/components/VcInputNumber/VcInputNumber.vue.mjs

@@ -0,0 +1,79 @@
+import { defineComponent, ref, openBlock, createBlock, unref, normalizeClass, isRef } from "vue";
+import { ElInputNumber } from "element-plus";
+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/base.css';
+import '../../assets/components/VcInputNumber/VcInputNumber.css';/* empty css                                                         */
+/* empty css                                                          */
+/* empty css                                                                 */
+import { useVModel } from "@vueuse/core";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcInputNumber",
+  props: {
+    modelValue: { default: void 0 },
+    minValue: { default: -Infinity },
+    maxValue: { default: Infinity },
+    step: { default: 1 },
+    precision: { default: void 0 },
+    controls: { type: Boolean, default: true },
+    readonly: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    fullWidth: { type: Boolean, default: void 0 },
+    controlsRight: { type: Boolean, default: false },
+    dataTestName: { default: "default" },
+    placeholder: { default: void 0 },
+    valueOnClear: { default: void 0 },
+    id: { default: void 0 },
+    clearable: { type: Boolean },
+    isError: { type: Boolean, default: false },
+    emptyText: {},
+    prefixIcon: {},
+    prefixIconSize: {},
+    name: { default: void 0 },
+    maxWidth: {},
+    prefixIconColor: {},
+    color: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const model = useVModel(props, "modelValue", emit);
+    const elNumberInputRef = ref();
+    __expose({
+      focus: () => {
+        var _a;
+        (_a = elNumberInputRef.value) == null ? void 0 : _a.focus();
+      },
+      blur: () => {
+        var _a;
+        (_a = elNumberInputRef.value) == null ? void 0 : _a.blur();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElInputNumber), {
+        ref_key: "elNumberInputRef",
+        ref: elNumberInputRef,
+        modelValue: unref(model),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
+        min: __props.minValue,
+        max: __props.maxValue,
+        step: __props.step || 1,
+        precision: __props.precision,
+        readonly: __props.readonly,
+        "data-test": __props.dataTestName,
+        disabled: __props.disabled,
+        name: __props.name,
+        placeholder: __props.placeholder,
+        controls: __props.controls,
+        "controls-position": __props.controlsRight ? "right" : "",
+        "value-on-clear": __props.valueOnClear,
+        class: normalizeClass([{
+          "is--full": __props.fullWidth,
+          "is--error": __props.isError
+        }, "vc-input-number"])
+      }, null, 8, ["modelValue", "min", "max", "step", "precision", "readonly", "data-test", "disabled", "name", "placeholder", "controls", "controls-position", "value-on-clear", "class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcInputNumber/VcInputNumber.vue3.mjs

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

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

@@ -0,0 +1,106 @@
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString } from "vue";
+import _sfc_main$1 from "../../VcModal/VcModal.vue.mjs";
+import '../../../assets/components/VcButton/VcButton.css';import '../../../assets/components/VcJsonSchema/Components/JsonCodeMirror.css';import '../../../assets/components/VcModal/VcModal.css';/* empty css                          */
+import _sfc_main$2 from "./JsonCodeMirror.vue.mjs";
+/* empty css                     */
+import { toJsonSchema } from "../../../utils/jsonSchema/index.mjs";
+import { tVU } from "../../../localization/index.mjs";
+import _sfc_main$3 from "../../VcButton/VcButton.vue.mjs";
+/* empty css                            */
+const _hoisted_1 = { class: "w-full flex items-center gap-3 justify-end" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ImportJsonSchemaModal",
+  props: {
+    modalAppendTo: {}
+  },
+  emits: ["save"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    const isOpenModal = ref(false);
+    const jsonDataModel = ref({});
+    const jsonSchemaRef = ref();
+    const jsonSchemaErrorState = ref(false);
+    function closeModal() {
+      isOpenModal.value = false;
+    }
+    function openModal() {
+      jsonDataModel.value = {};
+      isOpenModal.value = true;
+    }
+    function saveModal() {
+      if (!jsonSchemaErrorState.value) {
+        try {
+          const result = toJsonSchema(jsonDataModel.value);
+          emit("save", result);
+          closeModal();
+        } catch (e) {
+          console.warn(e);
+        }
+      }
+    }
+    function onUpdateErrorState(val) {
+      jsonSchemaErrorState.value = val;
+    }
+    __expose({
+      open: openModal,
+      close: closeModal
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        visible: isOpenModal.value,
+        breakpoints: {
+          "680px": "90vw"
+        },
+        "append-to": __props.modalAppendTo,
+        header: unref(tVU).t("voicenterUi.jsonSchema.importJson"),
+        width: "580px",
+        "data-test-name": "json-schema-modal",
+        "modal-class": "vc-import-json-schema-modal",
+        "content-class": "direction-ltr",
+        onClose: closeModal
+      }, {
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(_sfc_main$3, {
+              icon: "vc-icon-cancel",
+              type: "outline",
+              color: "secondary",
+              onClick: closeModal
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(tVU).t("voicenterUi.general.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(_sfc_main$3, {
+              disabled: jsonSchemaErrorState.value,
+              icon: "vc-icon-save",
+              color: "primary",
+              onClick: saveModal
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(tVU).t("voicenterUi.general.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", null, [
+            createVNode(_sfc_main$2, {
+              ref_key: "jsonSchemaRef",
+              ref: jsonSchemaRef,
+              modelValue: jsonDataModel.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => jsonDataModel.value = $event),
+              "onUpdate:errorState": onUpdateErrorState
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible", "append-to", "header"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcJsonSchema/Components/ImportJsonSchemaModal.vue2.mjs

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

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

@@ -0,0 +1,75 @@
+import '../../../assets/components/VcJsonSchema/Components/JsonCodeMirror.css';
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString } from "vue";
+import { jsonParseLinter, json } from "@codemirror/lang-json";
+import CodeMirror from "vue-codemirror6";
+import useCopyButton from "../../../composables/useCopyButton.mjs";
+import _sfc_main$1 from "../../VcButton/VcButton.vue.mjs";
+import '../../../assets/components/VcButton/VcButton.css';/* empty css                            */
+const _hoisted_1 = { class: "vc-json-code-mirror w-full" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "JsonCodeMirror",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:errorState", "update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { copyTextAction, copyDisabled, onCopyHandler } = useCopyButton();
+    const props = __props;
+    const isError = ref(false);
+    const emit = __emit;
+    const jsonCodeMirrorModel = computed({
+      get: () => JSON.stringify(props.modelValue, void 0, 2),
+      set: (value) => {
+        try {
+          isError.value = false;
+          const _data = JSON.parse(value);
+          emit("update:modelValue", _data);
+        } catch (e) {
+          console.warn("Invalid JSON", e);
+          isError.value = true;
+        }
+      }
+    });
+    function onCopySchema() {
+      onCopyHandler(jsonCodeMirrorModel.value);
+    }
+    watch(
+      isError,
+      (val) => {
+        emit("update:errorState", val);
+      }
+    );
+    __expose({
+      hasError: () => isError.value
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(CodeMirror), {
+          ref: "codeMirrorRef",
+          modelValue: jsonCodeMirrorModel.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => jsonCodeMirrorModel.value = $event),
+          lang: unref(json)(),
+          linter: unref(jsonParseLinter)(),
+          basic: "",
+          class: "h-full w-full text-xs"
+        }, null, 8, ["modelValue", "lang", "linter"]),
+        createVNode(_sfc_main$1, {
+          disabled: unref(copyDisabled),
+          color: "primary",
+          size: "small",
+          type: "borderless",
+          class: "vc-json-code-mirror__copy",
+          onClick: onCopySchema
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(copyTextAction)), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcJsonSchema/Components/JsonCodeMirror.vue3.mjs

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