@knime/product-features 0.2.3 → 0.3.0

package/dist/versions.js

@@ -0,0 +1,630 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createCommentVNode, createVNode, unref, renderSlot, toDisplayString, ref, computed, onMounted, createTextVNode, normalizeClass, Fragment, createBlock, withCtx, createSlots, withModifiers, useModel, useTemplateRef, normalizeStyle, mergeModels, renderList, nextTick } from 'vue';
+import { d as KdsIcon, _ as _export_sfc, h as KdsAvatar, i as KdsSelectableCard, j as _sfc_main$1h, e as _sfc_main$1s, k as _sfc_main$1p, l as KdsPopover, a as KdsDescription, m as _sfc_main$h, n as _sfc_main$1r, o as KdsPanel, p as KdsTextInput, q as KdsTextarea } from './_plugin-vue_export-helper-BLJdeqtw.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"
+};
+const _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,
+          title: __props.author,
+          initials: nameInitials(__props.author)
+        }, null, 8, ["src", "title", "initials"]),
+        createElementVNode("span", _hoisted_2$3, toDisplayString(__props.author), 1)
+      ]);
+    };
+  }
+});
+
+const HistoryEventAuthor = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-168fd828"]]);
+
+const getLocalTimeZone = () => Intl.DateTimeFormat().resolvedOptions().timeZone;
+
+const formatDateString = (dateString, useTimeZone = false) => {
+  const date = new Date(dateString);
+  if (isNaN(date)) {
+    throw Error("Invalid Date format");
+  }
+  const baseDateOptions = {
+    day: "numeric",
+    month: "short",
+    year: "numeric"
+  };
+  const dateOptions = useTimeZone ? { ...baseDateOptions, timeZone: getLocalTimeZone() } : baseDateOptions;
+  return date.toLocaleDateString("en-US", dateOptions);
+};
+const formatTimeString = (timeString, useTimeZone = false) => {
+  const time = new Date(timeString);
+  if (isNaN(time)) {
+    throw Error("Invalid Date format");
+  }
+  const baseTimeOptions = {
+    hour: "numeric",
+    minute: "2-digit"
+  };
+  const timeOptions = useTimeZone ? { ...baseTimeOptions, timeZone: getLocalTimeZone() } : baseTimeOptions;
+  return time.toLocaleTimeString("en-US", timeOptions);
+};
+const formatDateTimeString = (dateTimeString, useTimeZone = false) => {
+  return `${formatDateString(dateTimeString, useTimeZone)} ${formatTimeString(
+    dateTimeString,
+    useTimeZone
+  )}`;
+};
+const formatLocalDateTimeString = (date, showTime) => showTime ? formatDateTimeString(date, true) : formatDateString(date, true);
+
+const _hoisted_1$6 = { class: "history-event-footer" };
+const _hoisted_2$2 = ["title", "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)),
+        createElementVNode("time", {
+          title: __props.date,
+          datetime: __props.date,
+          class: normalizeClass({ hidden: !isMounted.value })
+        }, toDisplayString(localDateTime.value), 11, _hoisted_2$2),
+        __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-8a0eddd7"]]);
+
+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(_sfc_main$1h), {
+                  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(_sfc_main$1s), {
+            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(_sfc_main$1p), {
+          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(_sfc_main$1h), {
+                  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(_sfc_main$h), {
+            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(_sfc_main$1r), {
+                  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(_sfc_main$1s), {
+              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"]]);
+
+export { CURRENT_STATE_VERSION, CreateVersionForm, MOST_RECENT_VERSION, VERSION_DEFAULT_LIMIT, VersionHistory };
+//# sourceMappingURL=versions.js.map