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

package/library/entity/components/Button/VcEntityAddButton.vue.mjs

@@ -0,0 +1,32 @@
+import { defineComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, unref } from "vue";
+import { tVU } from "../../../localization/index.mjs";
+import _sfc_main$1 from "../../../components/VcButton/VcButton.vue.mjs";
+import '../../../assets/components/VcButton/VcButton.css';/* empty css                                          */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcEntityAddButton",
+  props: {
+    entity: {},
+    label: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps(_ctx.$attrs, {
+        type: "borderless",
+        icon: "vc-icon-add",
+        disabled: !props.entity.canCreate(),
+        "data-test-name": "button-add-new-row"
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.label || unref(tVU).t("voicenterUi.general.addEntity", { entity: props.entity.entityTypeLabelTranslations })), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/entity/components/Button/VcEntityAddButton.vue2.mjs

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

package/library/entity/components/Button/VcEntityCancelButton.vue.mjs

@@ -0,0 +1,55 @@
+import { defineComponent, openBlock, createBlock, mergeProps, withModifiers, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { tVU } from "../../../localization/index.mjs";
+import useConfirmModal from "../../../composables/useConfirmModal.mjs";
+import _sfc_main$1 from "../../../components/VcButton/VcButton.vue.mjs";
+import '../../../assets/components/VcButton/VcButton.css';/* empty css                                          */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcEntityCancelButton",
+  props: {
+    entityData: {},
+    entity: {},
+    useConfirm: { type: Boolean, default: true },
+    label: { default: tVU.t("voicenterUi.general.cancel") },
+    confirmMessage: { default: "" }
+  },
+  emits: ["cancel"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function onClick() {
+      if (props.useConfirm) {
+        useConfirmModal({
+          type: "confirm",
+          header: tVU.t("voicenterUi.confirm.cancel"),
+          message: props.confirmMessage || tVU.t("voicenterUi.confirm.entityCancelEditingMessage", { entity: props.entity.getEntityName(props.entityData) || "" })
+        }).then((res) => {
+          if (res) {
+            emit("cancel");
+          }
+        });
+      } else {
+        emit("cancel");
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({
+        icon: "vc-icon-cancel",
+        color: "secondary",
+        type: "outline",
+        size: "large"
+      }, _ctx.$attrs, {
+        onClick: withModifiers(onClick, ["stop"])
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.label), 1)
+          ])
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/entity/components/Button/VcEntityCancelButton.vue2.mjs

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

package/library/entity/components/Button/VcEntityDeleteIconButton.vue.mjs

@@ -0,0 +1,58 @@
+import { defineComponent, openBlock, createBlock, mergeProps, withModifiers } from "vue";
+import { tVU } from "../../../localization/index.mjs";
+import useConfirmModal from "../../../composables/useConfirmModal.mjs";
+import VcButtonIcon from "../../../components/VcButton/VcButtonIcon.vue.mjs";
+import { Trash2 } from "@lucide/vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcEntityDeleteIconButton",
+  props: {
+    entityData: {},
+    entity: {},
+    useConfirm: { type: Boolean, default: true },
+    confirmMessage: { default: "" },
+    icon: { default: () => Trash2 }
+  },
+  emits: ["delete"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function onClick() {
+      if (props.useConfirm) {
+        const message = props.confirmMessage || tVU.t("voicenterUi.confirm.entityDeleteMessage", { entity: props.entity.getEntityName(props.entityData) || "" });
+        useConfirmModal({
+          type: "delete",
+          header: tVU.t("voicenterUi.confirm.delete"),
+          message
+        }).then((res) => {
+          if (res) {
+            emit(
+              "delete",
+              {
+                ...props.entityData
+              }
+            );
+          }
+        });
+      } else {
+        emit(
+          "delete",
+          {
+            ...props.entityData
+          }
+        );
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(VcButtonIcon, mergeProps({
+        icon: __props.icon,
+        color: "destructive"
+      }, _ctx.$attrs, {
+        disabled: !props.entity.canDelete(props.entityData),
+        onClick: withModifiers(onClick, ["stop"])
+      }), null, 16, ["icon", "disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/entity/components/Button/VcEntityDeleteIconButton.vue2.mjs

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

package/library/entity/components/Button/VcEntityEditIconButton.vue.mjs

@@ -0,0 +1,22 @@
+import { defineComponent, openBlock, createBlock, mergeProps } from "vue";
+import VcButtonIcon from "../../../components/VcButton/VcButtonIcon.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcEntityEditIconButton",
+  props: {
+    entityData: {},
+    entity: {},
+    icon: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(VcButtonIcon, mergeProps({
+        icon: __props.icon ?? "vc-icon-settings",
+        disabled: !props.entity.canEdit(props.entityData)
+      }, _ctx.$attrs), null, 16, ["icon", "disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/entity/components/Button/VcEntityEditIconButton.vue2.mjs

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

package/library/entity/components/Button/VcEntityRestoreButton.vue.mjs

@@ -0,0 +1,53 @@
+import { defineComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { tVU } from "../../../localization/index.mjs";
+import useConfirmModal from "../../../composables/useConfirmModal.mjs";
+import _sfc_main$1 from "../../../components/VcButton/VcButton.vue.mjs";
+import '../../../assets/components/VcButton/VcButton.css';/* empty css                                          */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcEntityRestoreButton",
+  props: {
+    entityData: {},
+    entity: {},
+    useConfirm: { type: Boolean, default: true },
+    label: { default: tVU.t("voicenterUi.general.restore") },
+    confirmMessage: { default: "" }
+  },
+  emits: ["restore"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function onClick() {
+      if (props.useConfirm) {
+        const message = props.confirmMessage || tVU.t("voicenterUi.confirm.entityRestoreMessage", { entity: props.entity.getEntityName(props.entityData) || "" });
+        useConfirmModal({
+          type: "confirm",
+          header: tVU.t("voicenterUi.confirm.restore"),
+          message
+        }).then((res) => {
+          if (res) {
+            emit("restore", { ...props.entityData });
+          }
+        });
+      } else {
+        emit("restore", { ...props.entityData });
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({ type: "outline" }, _ctx.$attrs, {
+        disabled: !props.entity.canEdit(props.entityData),
+        "data-test-name": "restore-button",
+        onClick
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.label), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/entity/components/Button/VcEntityRestoreButton.vue2.mjs

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

package/library/entity/components/Button/VcEntityStatusButton.vue.mjs

@@ -0,0 +1,114 @@
+import { defineComponent, ref, computed, openBlock, createBlock, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { tVU } from "../../../localization/index.mjs";
+import useConfirmModal from "../../../composables/useConfirmModal.mjs";
+import _sfc_main$1 from "../../../components/VcButton/VcButton.vue.mjs";
+import '../../../assets/components/VcButton/VcButton.css';/* empty css                                          */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcEntityStatusButton",
+  props: {
+    entityData: {},
+    entity: {},
+    useConfirm: { type: Boolean },
+    confirmMessage: {}
+  },
+  emits: ["update:status"],
+  setup(__props, { emit: __emit }) {
+    const STATUSES = {
+      enabled: tVU.t("voicenterUi.general.enabled"),
+      disabled: tVU.t("voicenterUi.general.disabled"),
+      deleted: tVU.t("voicenterUi.general.deleted"),
+      recycle: tVU.t("voicenterUi.general.deleted"),
+      unknown: tVU.t("voicenterUi.general.unknown")
+    };
+    const props = __props;
+    const emit = __emit;
+    const loading = ref(false);
+    const currentEntityStatus = computed(() => {
+      return props.entity.getEntityStatus(props.entityData);
+    });
+    const buttonColor = computed(() => {
+      return currentEntityStatus.value === props.entity.entityTypeDisabledStatus ? "destructive" : "primary";
+    });
+    const statusName = computed(() => {
+      var _a, _b;
+      switch (currentEntityStatus.value) {
+        case props.entity.entityTypeEnabledStatus:
+          return STATUSES.enabled;
+        case props.entity.entityTypeDisabledStatus:
+          return STATUSES.disabled;
+        case ((_a = props.entity) == null ? void 0 : _a.entityTypeDeletedStatus):
+          return STATUSES.deleted;
+        case ((_b = props.entity) == null ? void 0 : _b.entityTypeRecycleBinStatus):
+          return STATUSES.deleted;
+        default:
+          return STATUSES.unknown;
+      }
+    });
+    const entityName = computed(() => {
+      return props.entity.getEntityName(props.entityData);
+    });
+    const oppositeStatusName = computed(() => {
+      return currentEntityStatus.value === props.entity.entityTypeEnabledStatus ? tVU.t("voicenterUi.confirm.toDisable") : tVU.t("voicenterUi.confirm.toEnable");
+    });
+    const isDisabledStatus = computed(() => {
+      return currentEntityStatus.value !== props.entity.entityTypeEnabledStatus && currentEntityStatus.value !== props.entity.entityTypeDisabledStatus;
+    });
+    const isDisabled = computed(() => {
+      return !props.entity.canEdit(props.entityData) || isDisabledStatus.value;
+    });
+    const handleClick = () => {
+      if (statusName.value === STATUSES.unknown) {
+        return;
+      }
+      if (props.useConfirm) {
+        loading.value = true;
+        const message = props.confirmMessage || tVU.t("voicenterUi.confirm.entityStatusMessage", {
+          toStatus: oppositeStatusName.value,
+          entity: entityName.value || ""
+        });
+        useConfirmModal({
+          type: "confirm",
+          header: tVU.t("voicenterUi.confirm.status"),
+          message
+        }).then((res) => {
+          if (res) {
+            emitNewStatus();
+          }
+        }).finally(() => {
+          loading.value = false;
+        });
+      } else {
+        emitNewStatus();
+      }
+    };
+    const getOppositeStatus = () => {
+      return currentEntityStatus.value === props.entity.entityTypeEnabledStatus ? props.entity.entityTypeDisabledStatus : props.entity.entityTypeEnabledStatus;
+    };
+    const emitNewStatus = () => {
+      const oppositeStatus = getOppositeStatus();
+      emit("update:status", { ...props.entityData }, oppositeStatus);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({
+        color: buttonColor.value,
+        disabled: isDisabled.value,
+        loading: loading.value,
+        size: "small",
+        type: "outline"
+      }, _ctx.$attrs, {
+        "data-test-name": "status-button",
+        onClick: handleClick
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(statusName.value), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["color", "disabled", "loading"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/entity/components/Button/VcEntityStatusButton.vue2.mjs

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

package/library/entity/components/Form/VcBaseVerticalForm.vue.mjs

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

package/library/entity/components/Form/VcBaseVerticalForm.vue2.mjs

@@ -0,0 +1,96 @@
+import { defineComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, createTextVNode, toDisplayString, renderSlot, createCommentVNode, createVNode, unref } from "vue";
+import _sfc_main$1 from "../../../components/VcCard/VcCard.vue.mjs";
+import '../../../assets/components/VcButton/VcButton.css';import '../../../assets/components/VcCard/VcCard.css';/* empty css                                      */
+import _sfc_main$2 from "../../../components/VcButton/VcButton.vue.mjs";
+/* empty css                                          */
+import { tVU } from "../../../localization/index.mjs";
+const _hoisted_1 = { class: "vc-base-vertical-form__wrap" };
+const _hoisted_2 = { class: "vc-base-vertical-form__content" };
+const _hoisted_3 = { class: "w-full" };
+const _hoisted_4 = {
+  key: 0,
+  class: "vc-base-vertical-form__header px-3"
+};
+const _hoisted_5 = { class: "vc-base-vertical-form__form-content" };
+const _hoisted_6 = { class: "vc-base-vertical-form__footer px-3" };
+const _hoisted_7 = { class: "footer-add-action flex-grow sm:flex-grow-0" };
+const _hoisted_8 = { class: "footer-actions" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcBaseVerticalForm",
+  props: {
+    formTitle: { default: "" },
+    loading: { type: Boolean, default: false },
+    disabledSave: { type: Boolean, default: false },
+    hideTitle: { type: Boolean, default: false }
+  },
+  emits: ["cancel", "save"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onCancel = () => {
+      emit("cancel");
+    };
+    const onSave = () => {
+      emit("save");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, { class: "vc-base-vertical-form" }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                !__props.hideTitle ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                  createTextVNode(toDisplayString(__props.formTitle) + " ", 1),
+                  renderSlot(_ctx.$slots, "header-action", {}, void 0, true)
+                ])) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_5, [
+                  renderSlot(_ctx.$slots, "default", {}, () => [
+                    _cache[0] || (_cache[0] = createTextVNode("Form Content", -1))
+                  ], true)
+                ])
+              ]),
+              _cache[1] || (_cache[1] = createElementVNode("hr", { class: "border border-ui-lines mx-3" }, null, -1)),
+              createElementVNode("div", _hoisted_6, [
+                createElementVNode("div", _hoisted_7, [
+                  renderSlot(_ctx.$slots, "additional-action", {}, void 0, true)
+                ]),
+                createElementVNode("div", _hoisted_8, [
+                  createVNode(_sfc_main$2, {
+                    icon: "vc-icon-cancel",
+                    color: "secondary",
+                    type: "outline",
+                    size: "large",
+                    block: "",
+                    onClick: onCancel
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(tVU).t("voicenterUi.general.cancel")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_sfc_main$2, {
+                    block: "",
+                    loading: __props.loading,
+                    disabled: __props.disabledSave,
+                    icon: "vc-icon-save",
+                    color: "primary",
+                    size: "large",
+                    onClick: onSave
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(tVU).t("voicenterUi.general.save")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["loading", "disabled"])
+                ])
+              ])
+            ])
+          ])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/entity/components/Form/VcEntityEditPageForm.vue.mjs

@@ -0,0 +1,129 @@
+import '../../../assets/entity/components/Form/VcEntityEditPageForm.css';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, renderSlot, unref, createBlock, createVNode, withCtx, createTextVNode } from "vue";
+import { tVU } from "../../../localization/index.mjs";
+import { useEntityInject } from "../../composable/useEntityProvideInject.mjs";
+import _sfc_main$1 from "../Button/VcEntityDeleteIconButton.vue.mjs";
+import _sfc_main$2 from "../Button/VcEntityCancelButton.vue.mjs";
+import _sfc_main$3 from "../../../components/VcButton/VcButton.vue.mjs";
+import '../../../assets/components/VcCard/VcCard.css';import '../../../assets/components/VcButton/VcButton.css';/* empty css                                          */
+import _sfc_main$4 from "../../../components/VcCard/VcCard.vue.mjs";
+/* empty css                                      */
+import VcLoading from "../../../components/VcLoading/VcLoading.vue.mjs";
+const _hoisted_1 = { class: "navigation-block" };
+const _hoisted_2 = { class: "navigation-block__content" };
+const _hoisted_3 = {
+  key: 0,
+  class: "block-name font-semibold text-2xl"
+};
+const _hoisted_4 = {
+  class: "block-actions",
+  "data-test": "edit-action-buttons"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcEntityEditPageForm",
+  props: {
+    entityData: {},
+    hideTopBlock: { type: Boolean, default: false },
+    minifiedView: { type: Boolean, default: false },
+    topContentClasses: { default: "" },
+    bottomContentClasses: { default: "" },
+    label: { default: void 0 }
+  },
+  emits: ["save"],
+  setup(__props, { emit: __emit }) {
+    const { entity, loading, editableTabs, onDeleteFunction, closeActiveTabFunction } = useEntityInject();
+    const props = __props;
+    const emit = __emit;
+    const editLabel = computed(() => {
+      return props.label || tVU.t("voicenterUi.general.editEntity", { entity: entity.getEntityName(props.entityData) || "" });
+    });
+    function deleteClickHandler() {
+      if (onDeleteFunction) {
+        onDeleteFunction(props.entityData).then(() => {
+          var _a, _b;
+          if (editableTabs) {
+            (_b = editableTabs.value) == null ? void 0 : _b.removeTab(((_a = editableTabs.value) == null ? void 0 : _a.createTabName(props.entityData)) ?? "");
+          } else if (closeActiveTabFunction) {
+            closeActiveTabFunction();
+          }
+        });
+      }
+    }
+    function cancelClickHandler() {
+      if (closeActiveTabFunction) {
+        closeActiveTabFunction();
+      }
+    }
+    function saveClickHandler() {
+      emit("save", { ...props.entityData });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([{ "is--minified": __props.minifiedView }, "vc-entity-base-edit-page"])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            !__props.minifiedView ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(editLabel.value), 1)) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_4, [
+              renderSlot(_ctx.$slots, "top-actions", {}, () => [
+                unref(onDeleteFunction) ? (openBlock(), createBlock(_sfc_main$1, {
+                  key: 0,
+                  type: "outline",
+                  entity: unref(entity),
+                  "entity-data": props.entityData,
+                  small: __props.minifiedView,
+                  "data-test-name": "button-delete",
+                  onDelete: deleteClickHandler
+                }, null, 8, ["entity", "entity-data", "small"])) : createCommentVNode("", true),
+                createVNode(_sfc_main$2, {
+                  "entity-data": props.entityData,
+                  entity: unref(entity),
+                  "use-confirm": false,
+                  size: __props.minifiedView ? "middle" : "large",
+                  "data-test-name": "button-cancel",
+                  onCancel: cancelClickHandler
+                }, null, 8, ["entity-data", "entity", "size"]),
+                createVNode(_sfc_main$3, {
+                  size: __props.minifiedView ? "middle" : "large",
+                  icon: "vc-icon-save",
+                  color: "primary",
+                  "data-test-name": "button-save",
+                  onClick: saveClickHandler
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(tVU).t("voicenterUi.general.save")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["size"])
+              ])
+            ])
+          ])
+        ]),
+        !__props.hideTopBlock ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([__props.topContentClasses, "edit-top-block"])
+        }, [
+          createVNode(_sfc_main$4, { class: "edit-form-card py-3 lg:py-6 px-3 lg:px-8" }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "top-content")
+            ]),
+            _: 3
+          })
+        ], 2)) : createCommentVNode("", true),
+        _ctx.$slots["bottom-content"] ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass([__props.bottomContentClasses, "edit-bottom-block"])
+        }, [
+          renderSlot(_ctx.$slots, "bottom-content")
+        ], 2)) : createCommentVNode("", true),
+        createVNode(VcLoading, {
+          active: unref(loading),
+          class: "z-10"
+        }, null, 8, ["active"])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/entity/components/Form/VcEntityEditPageForm.vue3.mjs

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

package/library/entity/components/Form/VcEntityVerticalCreateForm.vue.mjs

@@ -0,0 +1,44 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot } from "vue";
+import VcBaseVerticalForm from "./VcBaseVerticalForm.vue.mjs";
+import { useEntityInject } from "../../composable/useEntityProvideInject.mjs";
+import { tVU } from "../../../localization/index.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcEntityVerticalCreateForm",
+  props: {
+    formTitle: { default: "" },
+    disabledSave: { type: Boolean, default: false },
+    hideTitle: { type: Boolean, default: false }
+  },
+  emits: ["save", "cancel"],
+  setup(__props, { emit: __emit }) {
+    const { loading, entity } = useEntityInject();
+    const emit = __emit;
+    const onFormSave = () => {
+      emit("save");
+    };
+    const onFormCancel = () => {
+      emit("cancel");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(VcBaseVerticalForm, {
+        "form-title": __props.formTitle || unref(tVU).t("voicenterUi.general.simpleAddEntity", { entity: unref(entity).entityTypeLabelTranslations }),
+        loading: unref(loading),
+        "disabled-save": __props.disabledSave,
+        "hide-title": __props.hideTitle,
+        onSave: onFormSave,
+        onCancel: onFormCancel
+      }, {
+        "header-action": withCtx(() => [
+          renderSlot(_ctx.$slots, "header-action")
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["form-title", "loading", "disabled-save", "hide-title"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/entity/components/Form/VcEntityVerticalCreateForm.vue2.mjs

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