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

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

@@ -0,0 +1,422 @@
+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$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/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 _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";
+const _hoisted_1 = { class: "w-full vc-json-schema-editor" };
+const _hoisted_2 = { class: "vc-json-schema-editor__row" };
+const _hoisted_3 = { class: "flex-shrink-0 flex items-center gap-2 h-full" };
+const _hoisted_4 = { class: "flex-center flex-shrink-0 h-6" };
+const _hoisted_5 = { class: "flex gap-2 vc-json-schema-editor__row-content" };
+const _hoisted_6 = { class: "flex flex-col" };
+const _hoisted_7 = { class: "flex items-center gap-1" };
+const _hoisted_8 = { class: "flex-shrink-0 flex-grow" };
+const _hoisted_9 = {
+  key: 0,
+  class: "pt-0.5"
+};
+const _hoisted_10 = { class: "flex justify-end flex-shrink-0 h-full" };
+const _hoisted_11 = { class: "h-6 flex items-center justify-end" };
+const _hoisted_12 = {
+  key: 0,
+  class: "flex-center flex-shrink-0"
+};
+const _hoisted_13 = {
+  key: 1,
+  class: "flex-center flex-shrink-0"
+};
+const _hoisted_14 = { class: "flex items-center px-1" };
+const _hoisted_15 = {
+  key: 1,
+  class: ""
+};
+const DEEP_OFFSET = 16;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "JsonSchemaEditor",
+  props: {
+    modelValue: {},
+    disabledType: { type: Boolean },
+    root: { type: Boolean, default: true },
+    disabled: { type: Boolean },
+    custom: { type: Boolean, default: false },
+    isItem: { type: Boolean, default: false },
+    typeDisabled: { type: Boolean },
+    deep: { default: 0 },
+    property: { default: void 0 },
+    parent: { default: void 0 },
+    modalAppendTo: { default: void 0 }
+  },
+  emits: ["update:modelValue", "update:required", "update:propertyType", "remove:property", "change:propertyName"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v0a6ae084": spacingRow.value
+    }));
+    const SCHEMA_TYPE_NAMES = ["string", "number", "integer", "object", "array", "boolean", "null"];
+    function asObjectSchema(def) {
+      if (!def || typeof def === "boolean" || Array.isArray(def)) return {};
+      return def;
+    }
+    function isJsonSchemaTypeName(v) {
+      const names = SCHEMA_TYPE_NAMES;
+      return names.includes(v);
+    }
+    function singleType(t) {
+      if (typeof t === "string") return t;
+      return "";
+    }
+    const props = __props;
+    const emit = __emit;
+    const hidden = ref(false);
+    const jsonSchemaModel = useVModel(props, "modelValue", emit);
+    const jsonSchemaPropertyModalRef = ref();
+    const jsonPropertyNameModel = ref(props.property || "Root");
+    const jsonSchemeType = computed({
+      get() {
+        var _a;
+        return singleType((_a = jsonSchemaModel.value) == null ? void 0 : _a.type);
+      },
+      set(val) {
+        if (val === "" || val === void 0) return;
+        jsonSchemaModel.value = {
+          ...jsonSchemaModel.value,
+          type: val
+        };
+      }
+    });
+    const isJsonSchemaTypeDisabled = computed(() => {
+      return props.disabledType;
+    });
+    const showProperties = computed(() => {
+      var _a;
+      return !hidden.value && ((_a = jsonSchemaModel.value) == null ? void 0 : _a.properties) && !isArray.value;
+    });
+    const isRequiredField = computed(() => {
+      var _a;
+      if (props.root) {
+        return false;
+      }
+      const requiredFields = ((_a = props.parent) == null ? void 0 : _a.required) ?? [];
+      return requiredFields.includes(props.property || "");
+    });
+    const isArray = computed(() => {
+      return jsonSchemeType.value === "array";
+    });
+    const isObject = computed(() => {
+      return jsonSchemeType.value === "object";
+    });
+    const spacingRow = computed(() => {
+      return `${props.deep * DEEP_OFFSET}px`;
+    });
+    const teleported = computed(() => {
+      return !(props.modalAppendTo && props.modalAppendTo !== "body");
+    });
+    function onUpdateProperty(data, keyProperty) {
+      const properties = { ...jsonSchemaModel.value.properties ?? {} };
+      properties[String(keyProperty)] = { ...data };
+      jsonSchemaModel.value = {
+        ...jsonSchemaModel.value,
+        properties
+      };
+    }
+    function onUpdateItemsProperty(data) {
+      jsonSchemaModel.value = {
+        ...jsonSchemaModel.value,
+        items: { ...data }
+      };
+    }
+    function setRequiredField(val) {
+      var _a;
+      if (props.root || !props.property) {
+        return;
+      }
+      const requiredFields = ((_a = props.parent) == null ? void 0 : _a.required) ?? [];
+      if (val) {
+        emit("update:required", [
+          ...requiredFields,
+          props.property
+        ]);
+      } else {
+        emit("update:required", [...requiredFields].filter((i) => i !== props.property));
+      }
+    }
+    function onUpdateRequiredProperties(data) {
+      jsonSchemaModel.value.required = [...data];
+    }
+    function openPropertyEditModal() {
+      var _a;
+      const property = props.root ? "root" : props.property;
+      (_a = jsonSchemaPropertyModalRef.value) == null ? void 0 : _a.openModal(jsonSchemaModel.value, property);
+    }
+    function onPropertyModalSave({ property, data }) {
+      if (property === "items") {
+        jsonSchemaModel.value = {
+          ...jsonSchemaModel.value,
+          items: { ...data }
+        };
+      } else {
+        jsonSchemaModel.value = {
+          ...data
+        };
+      }
+      jsonSchemaModel.value = {
+        ...data
+      };
+    }
+    function setJsonSchemeType(newType) {
+      if (typeof newType !== "string") return;
+      if (props.isItem) {
+        emit("update:propertyType", newType);
+      }
+    }
+    function onUpdateItemsType(newType) {
+      if (!isJsonSchemaTypeName(newType)) return;
+      const data = { ...asObjectSchema(jsonSchemaModel.value.items) };
+      data.type = newType;
+      delete data.items;
+      if (newType === "array") {
+        data.items = {
+          type: "string"
+        };
+      }
+      jsonSchemaModel.value = {
+        ...jsonSchemaModel.value,
+        items: { ...data }
+      };
+    }
+    function removeProperty() {
+      if (props.property) {
+        emit("remove:property", props.property);
+      }
+    }
+    function onRemoveProperty(propertyName) {
+      var _a;
+      const properties = { ...jsonSchemaModel.value.properties ?? {} };
+      delete properties[propertyName];
+      const required = ((_a = jsonSchemaModel.value.required) == null ? void 0 : _a.length) ? jsonSchemaModel.value.required.filter((i) => i !== propertyName) : jsonSchemaModel.value.required;
+      jsonSchemaModel.value = {
+        ...jsonSchemaModel.value,
+        properties,
+        required
+      };
+    }
+    function addNewProperty() {
+      const properties = { ...jsonSchemaModel.value.properties ?? {} };
+      const newFieldName = `field_${props.deep}_${Object.keys(properties).length + 1}`;
+      properties[newFieldName] = {
+        type: "string",
+        title: ""
+      };
+      jsonSchemaModel.value = {
+        ...jsonSchemaModel.value,
+        properties
+      };
+    }
+    function onJsonPropertyNameChange() {
+      if (jsonPropertyNameModel.value === props.property || props.root || props.isItem) {
+        return;
+      }
+      emit("change:propertyName", {
+        newValue: jsonPropertyNameModel.value,
+        oldValue: props.property || "Root"
+      });
+    }
+    function onPropertyNameChange({ newValue, oldValue }) {
+      if (!jsonSchemaModel.value.properties) {
+        return;
+      }
+      const renamed = renamePropertyAndKeepKeyPrecedence({ ...jsonSchemaModel.value.properties }, oldValue, newValue);
+      const requiredFields = jsonSchemaModel.value.required ?? [];
+      const nextRequired = requiredFields.includes(oldValue) ? requiredFields.map((i) => i === oldValue ? newValue : i) : jsonSchemaModel.value.required;
+      jsonSchemaModel.value = {
+        ...jsonSchemaModel.value,
+        properties: renamed,
+        required: nextRequired
+      };
+    }
+    watch(
+      jsonSchemeType,
+      (val, oldVal) => {
+        if (oldVal === "array") {
+          delete jsonSchemaModel.value.items;
+        }
+        if (oldVal === "object") {
+          delete jsonSchemaModel.value.properties;
+          delete jsonSchemaModel.value.required;
+        }
+        if (val === "object" && !jsonSchemaModel.value.properties) {
+          jsonSchemaModel.value = {
+            ...jsonSchemaModel.value,
+            properties: {}
+          };
+        }
+        if (val === "array" && !jsonSchemaModel.value.items) {
+          jsonSchemaModel.value = {
+            ...jsonSchemaModel.value,
+            items: {
+              type: "string"
+            }
+          };
+        }
+        jsonSchemeType.value = val;
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_JsonSchemaEditor = resolveComponent("JsonSchemaEditor", true);
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              isObject.value ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                class: "cursor-pointer",
+                onClick: _cache[0] || (_cache[0] = ($event) => hidden.value = !hidden.value)
+              }, [
+                createVNode(_sfc_main$1, {
+                  icon: !hidden.value ? unref(ChevronDown) : unref(ChevronRight),
+                  class: "icon-base"
+                }, null, 8, ["icon"])
+              ])) : createCommentVNode("", true)
+            ])
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_7, [
+                createElementVNode("div", _hoisted_8, [
+                  createVNode(_sfc_main$2, {
+                    modelValue: jsonPropertyNameModel.value,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => jsonPropertyNameModel.value = $event),
+                    disabled: __props.root || __props.disabled,
+                    size: "small",
+                    class: "sm:max-w-32",
+                    onBlur: onJsonPropertyNameChange
+                  }, null, 8, ["modelValue", "disabled"])
+                ]),
+                createElementVNode("div", null, [
+                  createVNode(_sfc_main$3, {
+                    modelValue: jsonSchemeType.value,
+                    "onUpdate:modelValue": [
+                      _cache[2] || (_cache[2] = ($event) => jsonSchemeType.value = $event),
+                      setJsonSchemeType
+                    ],
+                    disabled: isJsonSchemaTypeDisabled.value,
+                    options: unref(schemaTypeOptions),
+                    config: {
+                      labelKey: "label",
+                      valueKey: "value"
+                    },
+                    teleported: teleported.value,
+                    size: "small",
+                    class: "w-full min-w-24"
+                  }, null, 8, ["modelValue", "disabled", "options", "teleported"])
+                ])
+              ]),
+              !__props.isItem ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                createVNode(_sfc_main$2, {
+                  modelValue: unref(jsonSchemaModel).description,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(jsonSchemaModel).description = $event),
+                  size: "small",
+                  class: "sm:max-w-64"
+                }, null, 8, ["modelValue"])
+              ])) : createCommentVNode("", true)
+            ]),
+            createElementVNode("div", _hoisted_10, [
+              createElementVNode("div", _hoisted_11, [
+                __props.root || __props.isItem ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                  createVNode(_sfc_main$4, {
+                    "model-value": false,
+                    title: unref(tVU).t("voicenterUi.jsonSchema.isRequiredProperty"),
+                    disabled: "",
+                    "hand-update": "",
+                    class: "mx-auto"
+                  }, null, 8, ["title"])
+                ])) : (openBlock(), createElementBlock("div", _hoisted_13, [
+                  createVNode(_sfc_main$4, {
+                    "model-value": isRequiredField.value,
+                    title: unref(tVU).t("voicenterUi.jsonSchema.isRequiredProperty"),
+                    class: "mx-auto",
+                    "onUpdate:modelValue": setRequiredField
+                  }, null, 8, ["model-value", "title"])
+                ])),
+                createElementVNode("div", _hoisted_14, [
+                  createVNode(_sfc_main$5, {
+                    color: "primary-alternative",
+                    icon: unref(Settings),
+                    onClick: openPropertyEditModal
+                  }, null, 8, ["icon"]),
+                  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(_sfc_main$5, {
+                    key: 1,
+                    color: "destructive",
+                    icon: unref(X),
+                    onClick: removeProperty
+                  }, null, 8, ["icon"])) : createCommentVNode("", true)
+                ])
+              ])
+            ])
+          ])
+        ]),
+        showProperties.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(jsonSchemaModel).properties, (item, key) => {
+          return openBlock(), createBlock(_component_JsonSchemaEditor, {
+            key: `${key}-${(__props.deep ?? 0) + 1}`,
+            "model-value": asObjectSchema(item),
+            deep: (__props.deep ?? 0) + 1,
+            root: false,
+            custom: __props.custom,
+            parent: unref(jsonSchemaModel),
+            property: `${key}`,
+            "modal-append-to": __props.modalAppendTo,
+            class: "is--children",
+            "onRemove:property": onRemoveProperty,
+            "onUpdate:required": onUpdateRequiredProperties,
+            "onUpdate:modelValue": ($evt) => onUpdateProperty($evt, key),
+            "onChange:propertyName": onPropertyNameChange
+          }, null, 8, ["model-value", "deep", "custom", "parent", "property", "modal-append-to", "onUpdate:modelValue"]);
+        }), 128)) : createCommentVNode("", true),
+        isArray.value ? (openBlock(), createElementBlock("div", _hoisted_15, [
+          createVNode(_component_JsonSchemaEditor, {
+            "model-value": asObjectSchema(unref(jsonSchemaModel).items),
+            deep: (__props.deep ?? 0) + 1,
+            custom: __props.custom,
+            root: false,
+            "modal-append-to": __props.modalAppendTo,
+            property: "items",
+            disabled: "",
+            "is-item": "",
+            class: "is--children pt-1",
+            "onUpdate:propertyType": onUpdateItemsType,
+            "onUpdate:modelValue": onUpdateItemsProperty
+          }, null, 8, ["model-value", "deep", "custom", "modal-append-to"])
+        ])) : createCommentVNode("", true),
+        createVNode(_sfc_main$6, {
+          ref_key: "jsonSchemaPropertyModalRef",
+          ref: jsonSchemaPropertyModalRef,
+          "modal-append-to": __props.modalAppendTo,
+          root: __props.root,
+          "deep-level": __props.deep,
+          teleported: teleported.value,
+          onSave: onPropertyModalSave
+        }, null, 8, ["modal-append-to", "root", "deep-level", "teleported"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,190 @@
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString, createElementBlock, normalizeClass, createCommentVNode, nextTick } from "vue";
+import _sfc_main$3 from "./JsonCodeMirror.vue.mjs";
+import '../../../assets/components/VcButton/VcButton.css';import '../../../assets/components/VcJsonSchema/Components/JsonSchemaEditor.css';import '../../../assets/components/VcModal/VcModal.css';import '../../../assets/components/VcJsonSchema/Components/JsonCodeMirror.css';/* empty css                     */
+import _sfc_main$1 from "../../VcModal/VcModal.vue.mjs";
+/* empty css                          */
+import _sfc_main$4 from "./JsonSchemaEditor.vue.mjs";
+/* empty css                       */
+import { cloneDeep } from "lodash-es";
+import _sfc_main$5 from "./ImportJsonSchemaModal.vue.mjs";
+import { tVU } from "../../../localization/index.mjs";
+import _sfc_main$2 from "../../VcButton/VcButton.vue.mjs";
+/* empty css                            */
+import { Braces, Eye, EyeOff } from "@lucide/vue";
+const _hoisted_1 = { class: "vc-json-schema-modal__content" };
+const _hoisted_2 = { class: "flex items-center justify-end gap-3 pb-4" };
+const _hoisted_3 = { class: "direction-ltr flex flex-wrap md:flex-nowrap border border-ui-lines rounded divide-y md:divide-x md:divide-y-0 divide-ui-lines min-h-80" };
+const _hoisted_4 = { class: "w-full flex items-center gap-3 justify-end" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "JsonSchemaManageModal",
+  props: {
+    modalAppendTo: {},
+    rootType: {}
+  },
+  emits: ["save"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isOpenModal = ref(false);
+    const jsonSchemaLocal = ref({});
+    const isCodeVisible = ref(true);
+    const isEditorVisible = ref(true);
+    const importSchemaModalRef = ref();
+    const jsonSchemaErrorState = ref(false);
+    function closeModal() {
+      isOpenModal.value = false;
+    }
+    function openModal(jsonSchema) {
+      if (typeof jsonSchema !== "object" || !jsonSchema) {
+        jsonSchemaLocal.value = {};
+      } else {
+        jsonSchemaLocal.value = cloneDeep(jsonSchema);
+      }
+      if (!jsonSchemaLocal.value.type && props.rootType) {
+        jsonSchemaLocal.value.type = props.rootType;
+        if (props.rootType === "object") {
+          jsonSchemaLocal.value.properties = {};
+        } else if (props.rootType === "array") {
+          jsonSchemaLocal.value.items = { type: "string" };
+        }
+      }
+      nextTick(() => {
+        isOpenModal.value = true;
+      });
+    }
+    function saveModal() {
+      emit("save", { ...jsonSchemaLocal.value });
+      closeModal();
+    }
+    function openImportJsonSchema() {
+      var _a;
+      (_a = importSchemaModalRef.value) == null ? void 0 : _a.open();
+    }
+    function onImportJsonSave(jsonSchema) {
+      jsonSchemaLocal.value = cloneDeep(jsonSchema);
+    }
+    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": "98vw"
+        },
+        "append-to": __props.modalAppendTo,
+        header: unref(tVU).t("voicenterUi.jsonSchema.editModalTitle"),
+        "data-test-name": "json-schema-modal",
+        "modal-class": "vc-json-schema-modal",
+        "content-class": "direction-ltr",
+        maximizable: "",
+        onClose: closeModal
+      }, {
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_4, [
+            createVNode(_sfc_main$2, {
+              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$2, {
+              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", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(_sfc_main$2, {
+                icon: unref(Braces),
+                size: "small",
+                type: "outline",
+                color: "primary-alternative",
+                onClick: openImportJsonSchema
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(tVU).t("voicenterUi.jsonSchema.importJson")), 1)
+                ]),
+                _: 1
+              }, 8, ["icon"]),
+              createVNode(_sfc_main$2, {
+                icon: isCodeVisible.value ? unref(Eye) : unref(EyeOff),
+                size: "small",
+                type: "outline",
+                color: "primary-alternative",
+                onClick: _cache[0] || (_cache[0] = ($event) => isCodeVisible.value = !isCodeVisible.value)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(tVU).t("voicenterUi.jsonSchema.code")), 1)
+                ]),
+                _: 1
+              }, 8, ["icon"]),
+              createVNode(_sfc_main$2, {
+                icon: isEditorVisible.value ? unref(Eye) : unref(EyeOff),
+                size: "small",
+                type: "outline",
+                color: "primary-alternative",
+                onClick: _cache[1] || (_cache[1] = ($event) => isEditorVisible.value = !isEditorVisible.value)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(tVU).t("voicenterUi.jsonSchema.schema")), 1)
+                ]),
+                _: 1
+              }, 8, ["icon"])
+            ]),
+            createElementVNode("div", _hoisted_3, [
+              isCodeVisible.value ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass([isEditorVisible.value ? "w-full md:w-1/2 lg:w-2/5" : "w-full", "p-1 overflow-y-auto h-full"])
+              }, [
+                createVNode(_sfc_main$3, {
+                  modelValue: jsonSchemaLocal.value,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => jsonSchemaLocal.value = $event),
+                  "onUpdate:errorState": onUpdateErrorState
+                }, null, 8, ["modelValue"])
+              ], 2)) : createCommentVNode("", true),
+              isEditorVisible.value ? (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: normalizeClass([isCodeVisible.value ? "w-full md:w-1/2 lg:w-3/5" : "w-full", "p-2 overflow-x-auto"])
+              }, [
+                createVNode(_sfc_main$4, {
+                  modelValue: jsonSchemaLocal.value,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => jsonSchemaLocal.value = $event),
+                  "modal-append-to": __props.modalAppendTo
+                }, null, 8, ["modelValue", "modal-append-to"])
+              ], 2)) : createCommentVNode("", true)
+            ])
+          ]),
+          createVNode(_sfc_main$5, {
+            ref_key: "importSchemaModalRef",
+            ref: importSchemaModalRef,
+            "modal-append-to": __props.modalAppendTo,
+            onSave: onImportJsonSave
+          }, null, 8, ["modal-append-to"])
+        ]),
+        _: 1
+      }, 8, ["visible", "append-to", "header"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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