@knime/product-features 1.2.3 → 2.0.0

package/dist/versions.js

@@ -1,600 +1,586 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, createCommentVNode, createVNode, unref, renderSlot, toDisplayString, ref, computed, onMounted, createTextVNode, withDirectives, normalizeClass, Fragment, createBlock, withCtx, createSlots, withModifiers, useModel, useTemplateRef, normalizeStyle, mergeModels, renderList, nextTick } from 'vue';
-import { KdsIcon, KdsAvatar, vKdsTooltip, KdsSelectableCard, KdsMenuButton, KdsButton, KdsToggleButton, KdsPopover, KdsDescription, KdsCard, KdsLinkButton, KdsPanel, KdsTextInput, KdsTextarea } from '@knime/kds-components';
-import { _ as _export_sfc } from './_plugin-vue_export-helper-pcqpp-6-.js';
-import { d as formatLocalDateTimeString, b as formatDateTimeString } from './index-B3ql6hun.js';
-
-import './versions.css';const _hoisted_1$8 = { class: "history-event-wrapper" };
-const _hoisted_2$4 = { class: "history-event-decorator" };
-const _hoisted_3 = {
-  key: 0,
-  class: "history-event-line-top"
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.js";
+import { i as formatLocalDateTimeString, n as formatDateTimeString } from "./dist-BrNh9vG-.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useModel, useTemplateRef, withCtx, withDirectives, withModifiers } from "vue";
+import { KdsAvatar, KdsButton, KdsCard, KdsDescription, KdsIcon, KdsLinkButton, KdsMenuButton, KdsPanel, KdsPopover, KdsSelectableCard, KdsTextInput, KdsTextarea, KdsToggleButton, vKdsTooltip } from "@knime/kds-components";
+import './versions.css';//#region src/versions/VersionHistory/HistoryEvent.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$8 = { class: "history-event-wrapper" };
+var _hoisted_2$4 = { class: "history-event-decorator" };
+var _hoisted_3 = {
+	key: 0,
+	class: "history-event-line-top"
 };
-const _hoisted_4 = {
-  key: 1,
-  class: "history-event-line-bottom"
+var _hoisted_4 = {
+	key: 1,
+	class: "history-event-line-bottom"
 };
-const _hoisted_5 = { class: "card-wrapper" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "HistoryEvent",
-  props: {
-    isSelected: { type: Boolean },
-    isFirstItem: { type: Boolean },
-    isLastItem: { type: Boolean }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        createElementVNode("div", _hoisted_2$4, [
-          !__props.isFirstItem ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true),
-          createVNode(unref(KdsIcon), {
-            class: "history-event-icon",
-            name: __props.isSelected ? "circle-success" : "circle-unchecked",
-            size: "small"
-          }, null, 8, ["name"]),
-          !__props.isLastItem ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
-        ]),
-        createElementVNode("div", _hoisted_5, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ])
-      ]);
-    };
-  }
-});
-
-const HistoryEvent = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-249d4c97"]]);
-
-const _hoisted_1$7 = { class: "avatar-and-name-wrapper" };
-const _hoisted_2$3 = { class: "author-name" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "HistoryEventAuthor",
-  props: {
-    avatar: {},
-    author: {}
-  },
-  setup(__props) {
-    const nameInitials = (name) => name.split(/[., _-]/, 2).map((part) => part.charAt(0).toUpperCase()).join("");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        createVNode(unref(KdsAvatar), {
-          src: __props.avatar.src,
-          tooltip: __props.author,
-          initials: nameInitials(__props.author)
-        }, null, 8, ["src", "tooltip", "initials"]),
-        createElementVNode("span", _hoisted_2$3, toDisplayString(__props.author), 1)
-      ]);
-    };
-  }
-});
-
-const HistoryEventAuthor = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-1a7632f7"]]);
-
-const _hoisted_1$6 = { class: "history-event-footer" };
-const _hoisted_2$2 = ["datetime"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "HistoryEventFooter",
-  props: {
-    date: {},
-    version: {}
-  },
-  setup(__props) {
-    const isMounted = ref(false);
-    const localDateTime = computed(
-      () => isMounted.value ? formatLocalDateTimeString(__props.date, true) : formatDateTimeString(__props.date, true)
-    );
-    onMounted(() => {
-      isMounted.value = true;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", _hoisted_1$6, [
-        _cache[0] || (_cache[0] = createTextVNode(" Created on ", -1)),
-        withDirectives((openBlock(), createElementBlock("time", {
-          datetime: __props.date,
-          class: normalizeClass({ hidden: !isMounted.value })
-        }, [
-          createTextVNode(toDisplayString(localDateTime.value), 1)
-        ], 10, _hoisted_2$2)), [
-          [unref(vKdsTooltip), __props.date]
-        ]),
-        __props.version ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createTextVNode("– Version " + toDisplayString(__props.version), 1)
-        ], 64)) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-
-const HistoryEventFooter = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-3db3e01b"]]);
-
-const _hoisted_1$5 = { class: "content-wrapper" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "CurrentState",
-  props: {
-    currentSavepoint: {},
-    isSelected: { type: Boolean },
-    hasEditCapability: { type: Boolean },
-    hasPreviousVersion: { type: Boolean },
-    hasVersionLimit: { type: Boolean },
-    isVersionLimitExceeded: { type: Boolean }
-  },
-  emits: ["createVersion", "discard", "select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const menuItems = computed(
-      () => props.hasEditCapability && props.hasPreviousVersion ? [
-        {
-          id: "discard",
-          text: "Discard",
-          handler: () => emit("discard")
-        }
-      ] : []
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(HistoryEvent, {
-        "is-selected": __props.isSelected,
-        "is-first-item": "",
-        "is-last-item": !__props.hasPreviousVersion && !__props.hasVersionLimit
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(KdsSelectableCard), {
-            "model-value": __props.isSelected,
-            headline: "Draft",
-            ariaLabel: "Savepoint history event",
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => !__props.isSelected && _ctx.$emit("select"))
-          }, createSlots({
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_1$5, [
-                createVNode(HistoryEventAuthor, {
-                  author: __props.currentSavepoint.author,
-                  avatar: __props.currentSavepoint.avatar
-                }, null, 8, ["author", "avatar"]),
-                createVNode(HistoryEventFooter, {
-                  date: __props.currentSavepoint.lastEditedOn
-                }, null, 8, ["date"])
-              ])
-            ]),
-            _: 2
-          }, [
-            menuItems.value.length ? {
-              name: "header-actions",
-              fn: withCtx(() => [
-                createVNode(unref(KdsMenuButton), {
-                  items: menuItems.value,
-                  variant: "transparent",
-                  "leading-icon": "more-actions",
-                  ariaLabel: "More actions"
-                }, null, 8, ["items"])
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["model-value"]),
-          __props.hasEditCapability && !__props.isVersionLimitExceeded ? (openBlock(), createBlock(unref(KdsButton), {
-            key: 0,
-            label: "Create version",
-            onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("createVersion"), ["stop"]))
-          })) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["is-selected", "is-last-item"]);
-    };
-  }
-});
-
-const CurrentState = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-a6a58c85"]]);
-
-const _hoisted_1$4 = { class: "label-popover-container" };
-const _hoisted_2$1 = { class: "label-title" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "VersionLabel",
-  props: /* @__PURE__ */ mergeModels({
-    label: {}
-  }, {
-    "modelValue": { type: Boolean, ...{ default: false } },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const isPopoverOpen = useModel(__props, "modelValue");
-    const popoverEl = useTemplateRef("popover");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(KdsToggleButton), {
-          modelValue: isPopoverOpen.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isPopoverOpen.value = $event),
-          "data-kds-card-secondary-action": "",
-          label: __props.label.label.name,
-          "aria-haspopup": "dialog",
-          "aria-expanded": isPopoverOpen.value,
-          "aria-controls": popoverEl.value?.popoverId,
-          size: "xsmall",
-          style: normalizeStyle(popoverEl.value?.anchorStyle)
-        }, null, 8, ["modelValue", "label", "aria-expanded", "aria-controls", "style"]),
-        createVNode(unref(KdsPopover), {
-          ref: "popover",
-          modelValue: isPopoverOpen.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isPopoverOpen.value = $event),
-          placement: "bottom-left",
-          role: "dialog",
-          "aria-label": "Label details"
-        }, {
-          default: withCtx(() => [
-            createElementVNode("div", _hoisted_1$4, [
-              createElementVNode("div", _hoisted_2$1, toDisplayString(__props.label.label.name), 1),
-              createVNode(unref(KdsDescription), {
-                text: __props.label.label.description
-              }, null, 8, ["text"]),
-              __props.label.message ? (openBlock(), createBlock(unref(KdsDescription), {
-                key: 0,
-                text: __props.label.message
-              }, null, 8, ["text"])) : createCommentVNode("", true)
-            ])
-          ]),
-          _: 1
-        }, 8, ["modelValue"])
-      ], 64);
-    };
-  }
-});
-
-const VersionLabel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-00d7133a"]]);
-
-const _hoisted_1$3 = { class: "content-wrapper" };
-const _hoisted_2 = { class: "labels-wrapper" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "VersionItem",
-  props: {
-    version: {},
-    isSelected: { type: Boolean },
-    hasAdminRights: { type: Boolean },
-    hasEditCapability: { type: Boolean },
-    isFirstItem: { type: Boolean },
-    isLastItem: { type: Boolean }
-  },
-  emits: ["select", "delete", "restore"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const toggleVersionSelection = () => {
-      emit("select", !props.isSelected);
-    };
-    const menuItems = computed(
-      () => [
-        props.hasEditCapability && {
-          id: "show",
-          text: props.isSelected ? "Deselect this version" : "Show this version",
-          handler: toggleVersionSelection
-        },
-        props.hasEditCapability && {
-          id: "restore",
-          text: "Restore this version",
-          handler: () => emit("restore")
-        },
-        props.hasAdminRights && {
-          id: "delete",
-          text: "Delete this version",
-          handler: () => emit("delete")
-        }
-      ].filter((i) => i !== false)
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(HistoryEvent, {
-        "is-selected": __props.isSelected,
-        "is-first-item": __props.isFirstItem,
-        "is-last-item": __props.isLastItem
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(KdsSelectableCard), {
-            "model-value": __props.isSelected,
-            headline: __props.version.title,
-            ariaLabel: "Version history event",
-            "onUpdate:modelValue": toggleVersionSelection
-          }, createSlots({
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_1$3, [
-                createVNode(HistoryEventAuthor, {
-                  author: __props.version.author,
-                  avatar: __props.version.avatar
-                }, null, 8, ["author", "avatar"]),
-                __props.version.description ? (openBlock(), createBlock(unref(KdsDescription), {
-                  key: 0,
-                  text: __props.version.description
-                }, null, 8, ["text"])) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_2, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.version.labels, (label) => {
-                    return openBlock(), createBlock(VersionLabel, {
-                      key: label.labelId,
-                      label
-                    }, null, 8, ["label"]);
-                  }), 128))
-                ]),
-                createVNode(HistoryEventFooter, {
-                  version: __props.version.version,
-                  date: __props.version.createdOn
-                }, null, 8, ["version", "date"])
-              ])
-            ]),
-            _: 2
-          }, [
-            menuItems.value.length ? {
-              name: "header-actions",
-              fn: withCtx(() => [
-                createVNode(unref(KdsMenuButton), {
-                  items: menuItems.value,
-                  variant: "transparent",
-                  "leading-icon": "more-actions",
-                  ariaLabel: "More actions"
-                }, null, 8, ["items"])
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["model-value", "headline"])
-        ]),
-        _: 1
-      }, 8, ["is-selected", "is-first-item", "is-last-item"]);
-    };
-  }
-});
-
-const VersionItem = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-9cf889d1"]]);
-
-const _hoisted_1$2 = { class: "content-wrapper" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "VersionLimitInfo",
-  props: {
-    versionLimit: {},
-    upgradeUrl: { default: () => void 0 },
-    isPrivate: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const isLimitReached = computed(
-      () => __props.versionLimit.currentUsage >= __props.versionLimit.limit
-    );
-    const headline = computed(() => {
-      if (isLimitReached.value) {
-        return `You've reached the maximum of ${__props.versionLimit.limit} versions.`;
-      } else {
-        return `Using ${__props.versionLimit.currentUsage} of ${__props.versionLimit.limit} versions.`;
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(HistoryEvent, {
-        "is-selected": false,
-        "is-first-item": false,
-        "is-last-item": ""
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(KdsCard), {
-            variant: "filled",
-            headline: headline.value
-          }, createSlots({
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_1$2, [
-                createVNode(unref(KdsDescription), {
-                  text: `Upgrade to use unlimited versions${__props.isPrivate ? " for private items." : "."}`
-                }, null, 8, ["text"])
-              ])
-            ]),
-            _: 2
-          }, [
-            __props.upgradeUrl ? {
-              name: "header-actions",
-              fn: withCtx(() => [
-                createVNode(unref(KdsLinkButton), {
-                  label: "Upgrade",
-                  to: __props.upgradeUrl
-                }, null, 8, ["to"])
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["headline"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-
-const VersionLimitInfo = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0a98c542"]]);
-
-const VERSION_DEFAULT_LIMIT = 10;
-const CURRENT_STATE_VERSION = "current-state";
-const MOST_RECENT_VERSION = "most-recent";
-
-const _hoisted_1$1 = { class: "version-history-wrapper" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "VersionHistory",
-  props: {
-    hasUnversionedChanges: { type: Boolean },
-    unversionedSavepoint: {},
-    currentVersion: {},
-    versionHistory: {},
-    loading: { type: Boolean },
-    hasLoadedAllVersions: { type: Boolean },
-    hasAdminRights: { type: Boolean },
-    hasEditCapability: { type: Boolean },
-    versionLimit: {},
-    upgradeUrl: {},
-    isPrivate: { type: Boolean }
-  },
-  emits: ["close", "loadAll", "create", "delete", "restore", "select", "discardCurrentState"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const isVersionLimitExceeded = computed(() => {
-      return props.versionLimit?.limit !== void 0 && props.versionLimit.currentUsage >= props.versionLimit.limit;
-    });
-    const headlineTrailingActions = computed(
-      () => [
-        {
-          type: "button",
-          props: {
-            leadingIcon: "x-close",
-            ariaLabel: "Close",
-            variant: "transparent"
-          },
-          onClick: () => emit("close")
-        }
-      ]
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(KdsPanel), {
-        headline: "Version history",
-        "headline-trailing-actions": headlineTrailingActions.value
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$1, [
-            __props.unversionedSavepoint ? (openBlock(), createBlock(CurrentState, {
-              key: 0,
-              "current-savepoint": __props.unversionedSavepoint,
-              "is-selected": __props.currentVersion === unref(CURRENT_STATE_VERSION),
-              "has-edit-capability": __props.hasEditCapability,
-              "has-previous-version": __props.versionHistory.length > 0,
-              "has-version-limit": __props.versionLimit?.limit !== void 0,
-              "is-version-limit-exceeded": isVersionLimitExceeded.value,
-              onSelect: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("select", unref(CURRENT_STATE_VERSION))),
-              onCreateVersion: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("create")),
-              onDiscard: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("discardCurrentState"))
-            }, null, 8, ["current-savepoint", "is-selected", "has-edit-capability", "has-previous-version", "has-version-limit", "is-version-limit-exceeded"])) : createCommentVNode("", true),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.versionHistory, (historyEvent, index) => {
-              return openBlock(), createBlock(VersionItem, {
-                key: historyEvent.version,
-                version: historyEvent,
-                "is-selected": historyEvent.version === __props.currentVersion,
-                "has-admin-rights": __props.hasAdminRights,
-                "has-edit-capability": __props.hasEditCapability,
-                "is-first-item": !__props.unversionedSavepoint && index === 0,
-                "is-last-item": index === __props.versionHistory.length - 1 && __props.versionLimit?.limit === void 0,
-                onDelete: ($event) => _ctx.$emit("delete", historyEvent.version),
-                onRestore: ($event) => _ctx.$emit("restore", historyEvent.version),
-                onSelect: ($event) => _ctx.$emit("select", $event ? historyEvent.version : unref(CURRENT_STATE_VERSION))
-              }, null, 8, ["version", "is-selected", "has-admin-rights", "has-edit-capability", "is-first-item", "is-last-item", "onDelete", "onRestore", "onSelect"]);
-            }), 128)),
-            __props.versionLimit?.limit !== void 0 ? (openBlock(), createBlock(VersionLimitInfo, {
-              key: 1,
-              class: "version-limit-info",
-              "version-limit": {
-                limit: __props.versionLimit.limit,
-                currentUsage: __props.versionLimit.currentUsage
-              },
-              "upgrade-url": __props.upgradeUrl,
-              "is-private": __props.isPrivate
-            }, null, 8, ["version-limit", "upgrade-url", "is-private"])) : createCommentVNode("", true),
-            !__props.hasLoadedAllVersions ? (openBlock(), createBlock(unref(KdsButton), {
-              key: 2,
-              variant: "transparent",
-              disabled: __props.loading,
-              label: __props.loading ? "Loading..." : "Load all",
-              class: "load-more-button",
-              onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("loadAll"))
-            }, null, 8, ["disabled", "label"])) : createCommentVNode("", true)
-          ])
-        ]),
-        _: 1
-      }, 8, ["headline-trailing-actions"]);
-    };
-  }
-});
-
-const VersionHistory = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-e775efff"]]);
-
-const _hoisted_1 = { class: "create-version-form-wrapper" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CreateVersionForm",
-  props: {
-    isCreationPending: { type: Boolean, default: false }
-  },
-  emits: ["create", "cancel"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const versionName = ref("");
-    const versionDescription = ref("");
-    const doValidate = ref(false);
-    const isVersionNameInvalid = computed(() => {
-      return doValidate.value && versionName.value.trim().length <= 0;
-    });
-    const hasUnsavedChanges = computed(() => {
-      return versionName.value !== "" || versionDescription.value !== "";
-    });
-    const onCreate = async () => {
-      doValidate.value = true;
-      await nextTick();
-      if (!isVersionNameInvalid.value) {
-        emit("create", {
-          name: versionName.value.trim(),
-          description: versionDescription.value
-        });
-      }
-    };
-    const headlineTrailingActions = computed(
-      () => [
-        {
-          type: "button",
-          props: {
-            leadingIcon: "x-close",
-            ariaLabel: "Close",
-            variant: "transparent"
-          },
-          onClick: () => emit("cancel", hasUnsavedChanges.value)
-        }
-      ]
-    );
-    const footerLeadingActions = computed(() => [
-      {
-        type: "button",
-        props: {
-          label: "Cancel",
-          variant: "outlined"
-        },
-        onClick: () => emit("cancel", hasUnsavedChanges.value)
-      }
-    ]);
-    const footerTrailingActions = computed(() => [
-      {
-        type: "button",
-        props: {
-          label: "Create",
-          variant: "filled",
-          disabled: isVersionNameInvalid.value || __props.isCreationPending
-        },
-        onClick: onCreate
-      }
-    ]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(KdsPanel), {
-        headline: "Create version",
-        "headline-trailing-actions": headlineTrailingActions.value,
-        "footer-leading-actions": footerLeadingActions.value,
-        "footer-trailing-actions": footerTrailingActions.value
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(unref(KdsDescription), {
-              text: "Give your version a name and description. Versions can be used to create a deployment.",
-              class: "create-version-form-description"
-            }),
-            createVNode(unref(KdsTextInput), {
-              modelValue: versionName.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => versionName.value = $event),
-              label: "Version name",
-              type: "text",
-              error: isVersionNameInvalid.value,
-              "sub-text": isVersionNameInvalid.value ? "Please enter at least 1 character." : void 0
-            }, null, 8, ["modelValue", "error", "sub-text"]),
-            createVNode(unref(KdsTextarea), {
-              modelValue: versionDescription.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => versionDescription.value = $event),
-              label: "Description",
-              class: "description"
-            }, null, 8, ["modelValue"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["headline-trailing-actions", "footer-leading-actions", "footer-trailing-actions"]);
-    };
-  }
-});
-
-const CreateVersionForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0c0f6ba1"]]);
+var _hoisted_5 = { class: "card-wrapper" };
+//#endregion
+//#region src/versions/VersionHistory/HistoryEvent.vue
+var HistoryEvent_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "HistoryEvent",
+	props: {
+		isSelected: { type: Boolean },
+		isFirstItem: { type: Boolean },
+		isLastItem: { type: Boolean }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$8, [createElementVNode("div", _hoisted_2$4, [
+				!__props.isFirstItem ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true),
+				createVNode(unref(KdsIcon), {
+					class: "history-event-icon",
+					name: __props.isSelected ? "circle-success" : "circle-unchecked",
+					size: "small"
+				}, null, 8, ["name"]),
+				!__props.isLastItem ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
+			]), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])]);
+		};
+	}
+}), [["__scopeId", "data-v-249d4c97"]]);
+//#endregion
+//#region src/versions/VersionHistory/HistoryEventAuthor.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$7 = { class: "avatar-and-name-wrapper" };
+var _hoisted_2$3 = { class: "author-name" };
+//#endregion
+//#region src/versions/VersionHistory/HistoryEventAuthor.vue
+var HistoryEventAuthor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "HistoryEventAuthor",
+	props: {
+		avatar: {},
+		author: {}
+	},
+	setup(__props) {
+		const nameInitials = (name) => name.split(/[., _-]/, 2).map((part) => part.charAt(0).toUpperCase()).join("");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$7, [createVNode(unref(KdsAvatar), {
+				src: __props.avatar.src,
+				tooltip: __props.author,
+				initials: nameInitials(__props.author)
+			}, null, 8, [
+				"src",
+				"tooltip",
+				"initials"
+			]), createElementVNode("span", _hoisted_2$3, toDisplayString(__props.author), 1)]);
+		};
+	}
+}), [["__scopeId", "data-v-1a7632f7"]]);
+//#endregion
+//#region src/versions/VersionHistory/HistoryEventFooter.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$6 = { class: "history-event-footer" };
+var _hoisted_2$2 = ["datetime"];
+//#endregion
+//#region src/versions/VersionHistory/HistoryEventFooter.vue
+var HistoryEventFooter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "HistoryEventFooter",
+	props: {
+		date: {},
+		version: {}
+	},
+	setup(__props) {
+		const isMounted = ref(false);
+		const localDateTime = computed(() => isMounted.value ? formatLocalDateTimeString(__props.date, true) : formatDateTimeString(__props.date, true));
+		onMounted(() => {
+			isMounted.value = true;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", _hoisted_1$6, [
+				_cache[0] || (_cache[0] = createTextVNode(" Created on ", -1)),
+				withDirectives((openBlock(), createElementBlock("time", {
+					datetime: __props.date,
+					class: normalizeClass({ hidden: !isMounted.value })
+				}, [createTextVNode(toDisplayString(localDateTime.value), 1)], 10, _hoisted_2$2)), [[unref(vKdsTooltip), __props.date]]),
+				__props.version ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode("– Version " + toDisplayString(__props.version), 1)], 64)) : createCommentVNode("", true)
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-3db3e01b"]]);
+//#endregion
+//#region src/versions/VersionHistory/CurrentState.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$5 = { class: "content-wrapper" };
+//#endregion
+//#region src/versions/VersionHistory/CurrentState.vue
+var CurrentState_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "CurrentState",
+	props: {
+		currentSavepoint: {},
+		isSelected: { type: Boolean },
+		hasEditCapability: { type: Boolean },
+		hasPreviousVersion: { type: Boolean },
+		hasVersionLimit: { type: Boolean },
+		isVersionLimitExceeded: { type: Boolean }
+	},
+	emits: [
+		"createVersion",
+		"discard",
+		"select"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const menuItems = computed(() => props.hasEditCapability && props.hasPreviousVersion ? [{
+			id: "discard",
+			text: "Discard",
+			handler: () => emit("discard")
+		}] : []);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(HistoryEvent_default, {
+				"is-selected": __props.isSelected,
+				"is-first-item": "",
+				"is-last-item": !__props.hasPreviousVersion && !__props.hasVersionLimit
+			}, {
+				default: withCtx(() => [createVNode(unref(KdsSelectableCard), {
+					"model-value": __props.isSelected,
+					headline: "Draft",
+					ariaLabel: "Savepoint history event",
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => !__props.isSelected && _ctx.$emit("select"))
+				}, createSlots({
+					default: withCtx(() => [createElementVNode("div", _hoisted_1$5, [createVNode(HistoryEventAuthor_default, {
+						author: __props.currentSavepoint.author,
+						avatar: __props.currentSavepoint.avatar
+					}, null, 8, ["author", "avatar"]), createVNode(HistoryEventFooter_default, { date: __props.currentSavepoint.lastEditedOn }, null, 8, ["date"])])]),
+					_: 2
+				}, [menuItems.value.length ? {
+					name: "header-actions",
+					fn: withCtx(() => [createVNode(unref(KdsMenuButton), {
+						items: menuItems.value,
+						variant: "transparent",
+						"leading-icon": "more-actions",
+						ariaLabel: "More actions"
+					}, null, 8, ["items"])]),
+					key: "0"
+				} : void 0]), 1032, ["model-value"]), __props.hasEditCapability && !__props.isVersionLimitExceeded ? (openBlock(), createBlock(unref(KdsButton), {
+					key: 0,
+					label: "Create version",
+					onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("createVersion"), ["stop"]))
+				})) : createCommentVNode("", true)]),
+				_: 1
+			}, 8, ["is-selected", "is-last-item"]);
+		};
+	}
+}), [["__scopeId", "data-v-a6a58c85"]]);
+//#endregion
+//#region src/versions/VersionHistory/VersionLabel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$4 = { class: "label-popover-container" };
+var _hoisted_2$1 = { class: "label-title" };
+//#endregion
+//#region src/versions/VersionHistory/VersionLabel.vue
+var VersionLabel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "VersionLabel",
+	props: /*@__PURE__*/ mergeModels({ label: {} }, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const isPopoverOpen = useModel(__props, "modelValue");
+		const popoverEl = useTemplateRef("popover");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(KdsToggleButton), {
+				modelValue: isPopoverOpen.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isPopoverOpen.value = $event),
+				"data-kds-card-secondary-action": "",
+				label: __props.label.label.name,
+				"aria-haspopup": "dialog",
+				"aria-expanded": isPopoverOpen.value,
+				"aria-controls": popoverEl.value?.popoverId,
+				size: "xsmall",
+				style: normalizeStyle(popoverEl.value?.anchorStyle)
+			}, null, 8, [
+				"modelValue",
+				"label",
+				"aria-expanded",
+				"aria-controls",
+				"style"
+			]), createVNode(unref(KdsPopover), {
+				ref: "popover",
+				modelValue: isPopoverOpen.value,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isPopoverOpen.value = $event),
+				placement: "bottom-left",
+				role: "dialog",
+				"aria-label": "Label details"
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$4, [
+					createElementVNode("div", _hoisted_2$1, toDisplayString(__props.label.label.name), 1),
+					createVNode(unref(KdsDescription), { text: __props.label.label.description }, null, 8, ["text"]),
+					__props.label.message ? (openBlock(), createBlock(unref(KdsDescription), {
+						key: 0,
+						text: __props.label.message
+					}, null, 8, ["text"])) : createCommentVNode("", true)
+				])]),
+				_: 1
+			}, 8, ["modelValue"])], 64);
+		};
+	}
+}), [["__scopeId", "data-v-00d7133a"]]);
+//#endregion
+//#region src/versions/VersionHistory/VersionItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = { class: "content-wrapper" };
+var _hoisted_2 = { class: "labels-wrapper" };
+//#endregion
+//#region src/versions/VersionHistory/VersionItem.vue
+var VersionItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "VersionItem",
+	props: {
+		version: {},
+		isSelected: { type: Boolean },
+		hasAdminRights: { type: Boolean },
+		hasEditCapability: { type: Boolean },
+		isFirstItem: { type: Boolean },
+		isLastItem: { type: Boolean }
+	},
+	emits: [
+		"select",
+		"delete",
+		"restore"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const toggleVersionSelection = () => {
+			emit("select", !props.isSelected);
+		};
+		const menuItems = computed(() => [
+			props.hasEditCapability && {
+				id: "show",
+				text: props.isSelected ? "Deselect this version" : "Show this version",
+				handler: toggleVersionSelection
+			},
+			props.hasEditCapability && {
+				id: "restore",
+				text: "Restore this version",
+				handler: () => emit("restore")
+			},
+			props.hasAdminRights && {
+				id: "delete",
+				text: "Delete this version",
+				handler: () => emit("delete")
+			}
+		].filter((i) => i !== false));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(HistoryEvent_default, {
+				"is-selected": __props.isSelected,
+				"is-first-item": __props.isFirstItem,
+				"is-last-item": __props.isLastItem
+			}, {
+				default: withCtx(() => [createVNode(unref(KdsSelectableCard), {
+					"model-value": __props.isSelected,
+					headline: __props.version.title,
+					ariaLabel: "Version history event",
+					"onUpdate:modelValue": toggleVersionSelection
+				}, createSlots({
+					default: withCtx(() => [createElementVNode("div", _hoisted_1$3, [
+						createVNode(HistoryEventAuthor_default, {
+							author: __props.version.author,
+							avatar: __props.version.avatar
+						}, null, 8, ["author", "avatar"]),
+						__props.version.description ? (openBlock(), createBlock(unref(KdsDescription), {
+							key: 0,
+							text: __props.version.description
+						}, null, 8, ["text"])) : createCommentVNode("", true),
+						createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.version.labels, (label) => {
+							return openBlock(), createBlock(VersionLabel_default, {
+								key: label.labelId,
+								label
+							}, null, 8, ["label"]);
+						}), 128))]),
+						createVNode(HistoryEventFooter_default, {
+							version: __props.version.version,
+							date: __props.version.createdOn
+						}, null, 8, ["version", "date"])
+					])]),
+					_: 2
+				}, [menuItems.value.length ? {
+					name: "header-actions",
+					fn: withCtx(() => [createVNode(unref(KdsMenuButton), {
+						items: menuItems.value,
+						variant: "transparent",
+						"leading-icon": "more-actions",
+						ariaLabel: "More actions"
+					}, null, 8, ["items"])]),
+					key: "0"
+				} : void 0]), 1032, ["model-value", "headline"])]),
+				_: 1
+			}, 8, [
+				"is-selected",
+				"is-first-item",
+				"is-last-item"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-9cf889d1"]]);
+//#endregion
+//#region src/versions/VersionHistory/VersionLimitInfo.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = { class: "content-wrapper" };
+//#endregion
+//#region src/versions/VersionHistory/VersionLimitInfo.vue
+var VersionLimitInfo_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "VersionLimitInfo",
+	props: {
+		versionLimit: {},
+		upgradeUrl: { default: () => void 0 },
+		isPrivate: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const isLimitReached = computed(() => __props.versionLimit.currentUsage >= __props.versionLimit.limit);
+		const headline = computed(() => {
+			if (isLimitReached.value) return `You've reached the maximum of ${__props.versionLimit.limit} versions.`;
+			else return `Using ${__props.versionLimit.currentUsage} of ${__props.versionLimit.limit} versions.`;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(HistoryEvent_default, {
+				"is-selected": false,
+				"is-first-item": false,
+				"is-last-item": ""
+			}, {
+				default: withCtx(() => [createVNode(unref(KdsCard), {
+					variant: "filled",
+					headline: headline.value
+				}, createSlots({
+					default: withCtx(() => [createElementVNode("div", _hoisted_1$2, [createVNode(unref(KdsDescription), { text: `Upgrade to use unlimited versions${__props.isPrivate ? " for private items." : "."}` }, null, 8, ["text"])])]),
+					_: 2
+				}, [__props.upgradeUrl ? {
+					name: "header-actions",
+					fn: withCtx(() => [createVNode(unref(KdsLinkButton), {
+						label: "Upgrade",
+						to: __props.upgradeUrl
+					}, null, 8, ["to"])]),
+					key: "0"
+				} : void 0]), 1032, ["headline"])]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-0a98c542"]]);
+//#endregion
+//#region src/versions/VersionHistory/constants.ts
+var VERSION_DEFAULT_LIMIT = 10;
+var CURRENT_STATE_VERSION = "current-state";
+var MOST_RECENT_VERSION = "most-recent";
+//#endregion
+//#region src/versions/VersionHistory/VersionHistory.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "version-history-wrapper" };
+//#endregion
+//#region src/versions/VersionHistory/VersionHistory.vue
+var VersionHistory_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "VersionHistory",
+	props: {
+		hasUnversionedChanges: { type: Boolean },
+		unversionedSavepoint: {},
+		currentVersion: {},
+		versionHistory: {},
+		loading: { type: Boolean },
+		hasLoadedAllVersions: { type: Boolean },
+		hasAdminRights: { type: Boolean },
+		hasEditCapability: { type: Boolean },
+		versionLimit: {},
+		upgradeUrl: {},
+		isPrivate: { type: Boolean }
+	},
+	emits: [
+		"close",
+		"loadAll",
+		"create",
+		"delete",
+		"restore",
+		"select",
+		"discardCurrentState"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const isVersionLimitExceeded = computed(() => {
+			return props.versionLimit?.limit !== void 0 && props.versionLimit.currentUsage >= props.versionLimit.limit;
+		});
+		const headlineTrailingActions = computed(() => [{
+			type: "button",
+			props: {
+				leadingIcon: "x-close",
+				ariaLabel: "Close",
+				variant: "transparent"
+			},
+			onClick: () => emit("close")
+		}]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(KdsPanel), {
+				headline: "Version history",
+				"headline-trailing-actions": headlineTrailingActions.value
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$1, [
+					__props.unversionedSavepoint ? (openBlock(), createBlock(CurrentState_default, {
+						key: 0,
+						"current-savepoint": __props.unversionedSavepoint,
+						"is-selected": __props.currentVersion === unref(CURRENT_STATE_VERSION),
+						"has-edit-capability": __props.hasEditCapability,
+						"has-previous-version": __props.versionHistory.length > 0,
+						"has-version-limit": __props.versionLimit?.limit !== void 0,
+						"is-version-limit-exceeded": isVersionLimitExceeded.value,
+						onSelect: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("select", unref("current-state"))),
+						onCreateVersion: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("create")),
+						onDiscard: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("discardCurrentState"))
+					}, null, 8, [
+						"current-savepoint",
+						"is-selected",
+						"has-edit-capability",
+						"has-previous-version",
+						"has-version-limit",
+						"is-version-limit-exceeded"
+					])) : createCommentVNode("", true),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(__props.versionHistory, (historyEvent, index) => {
+						return openBlock(), createBlock(VersionItem_default, {
+							key: historyEvent.version,
+							version: historyEvent,
+							"is-selected": historyEvent.version === __props.currentVersion,
+							"has-admin-rights": __props.hasAdminRights,
+							"has-edit-capability": __props.hasEditCapability,
+							"is-first-item": !__props.unversionedSavepoint && index === 0,
+							"is-last-item": index === __props.versionHistory.length - 1 && __props.versionLimit?.limit === void 0,
+							onDelete: ($event) => _ctx.$emit("delete", historyEvent.version),
+							onRestore: ($event) => _ctx.$emit("restore", historyEvent.version),
+							onSelect: ($event) => _ctx.$emit("select", $event ? historyEvent.version : unref(CURRENT_STATE_VERSION))
+						}, null, 8, [
+							"version",
+							"is-selected",
+							"has-admin-rights",
+							"has-edit-capability",
+							"is-first-item",
+							"is-last-item",
+							"onDelete",
+							"onRestore",
+							"onSelect"
+						]);
+					}), 128)),
+					__props.versionLimit?.limit !== void 0 ? (openBlock(), createBlock(VersionLimitInfo_default, {
+						key: 1,
+						class: "version-limit-info",
+						"version-limit": {
+							limit: __props.versionLimit.limit,
+							currentUsage: __props.versionLimit.currentUsage
+						},
+						"upgrade-url": __props.upgradeUrl,
+						"is-private": __props.isPrivate
+					}, null, 8, [
+						"version-limit",
+						"upgrade-url",
+						"is-private"
+					])) : createCommentVNode("", true),
+					!__props.hasLoadedAllVersions ? (openBlock(), createBlock(unref(KdsButton), {
+						key: 2,
+						variant: "transparent",
+						disabled: __props.loading,
+						label: __props.loading ? "Loading..." : "Load all",
+						class: "load-more-button",
+						onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("loadAll"))
+					}, null, 8, ["disabled", "label"])) : createCommentVNode("", true)
+				])]),
+				_: 1
+			}, 8, ["headline-trailing-actions"]);
+		};
+	}
+}), [["__scopeId", "data-v-e775efff"]]);
+//#endregion
+//#region src/versions/CreateVersionForm/CreateVersionForm.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "create-version-form-wrapper" };
+//#endregion
+//#region src/versions/CreateVersionForm/CreateVersionForm.vue
+var CreateVersionForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "CreateVersionForm",
+	props: { isCreationPending: {
+		type: Boolean,
+		default: false
+	} },
+	emits: ["create", "cancel"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const versionName = ref("");
+		const versionDescription = ref("");
+		const doValidate = ref(false);
+		const isVersionNameInvalid = computed(() => {
+			return doValidate.value && versionName.value.trim().length <= 0;
+		});
+		const hasUnsavedChanges = computed(() => {
+			return versionName.value !== "" || versionDescription.value !== "";
+		});
+		const onCreate = async () => {
+			doValidate.value = true;
+			await nextTick();
+			if (!isVersionNameInvalid.value) emit("create", {
+				name: versionName.value.trim(),
+				description: versionDescription.value
+			});
+		};
+		const headlineTrailingActions = computed(() => [{
+			type: "button",
+			props: {
+				leadingIcon: "x-close",
+				ariaLabel: "Close",
+				variant: "transparent"
+			},
+			onClick: () => emit("cancel", hasUnsavedChanges.value)
+		}]);
+		const footerLeadingActions = computed(() => [{
+			type: "button",
+			props: {
+				label: "Cancel",
+				variant: "outlined"
+			},
+			onClick: () => emit("cancel", hasUnsavedChanges.value)
+		}]);
+		const footerTrailingActions = computed(() => [{
+			type: "button",
+			props: {
+				label: "Create",
+				variant: "filled",
+				disabled: isVersionNameInvalid.value || __props.isCreationPending
+			},
+			onClick: onCreate
+		}]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(KdsPanel), {
+				headline: "Create version",
+				"headline-trailing-actions": headlineTrailingActions.value,
+				"footer-leading-actions": footerLeadingActions.value,
+				"footer-trailing-actions": footerTrailingActions.value
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [
+					createVNode(unref(KdsDescription), {
+						text: "Give your version a name and description. Versions can be used to create a deployment.",
+						class: "create-version-form-description"
+					}),
+					createVNode(unref(KdsTextInput), {
+						modelValue: versionName.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => versionName.value = $event),
+						label: "Version name",
+						type: "text",
+						error: isVersionNameInvalid.value,
+						"sub-text": isVersionNameInvalid.value ? "Please enter at least 1 character." : void 0
+					}, null, 8, [
+						"modelValue",
+						"error",
+						"sub-text"
+					]),
+					createVNode(unref(KdsTextarea), {
+						modelValue: versionDescription.value,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => versionDescription.value = $event),
+						label: "Description",
+						class: "description"
+					}, null, 8, ["modelValue"])
+				])]),
+				_: 1
+			}, 8, [
+				"headline-trailing-actions",
+				"footer-leading-actions",
+				"footer-trailing-actions"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-0c0f6ba1"]]);
+//#endregion
+export { CURRENT_STATE_VERSION, CreateVersionForm_default as CreateVersionForm, MOST_RECENT_VERSION, VERSION_DEFAULT_LIMIT, VersionHistory_default as VersionHistory };
 
-export { CURRENT_STATE_VERSION, CreateVersionForm, MOST_RECENT_VERSION, VERSION_DEFAULT_LIMIT, VersionHistory };
-//# sourceMappingURL=versions.js.map
+//# sourceMappingURL=versions.js.map