@piveau/dpi 0.2.0-alpha.3 → 0.2.0-alpha.31

package/dist/packages/dpi/src/data-provider-interface/components/TheCancelConfirmationDialog.vue.js

@@ -0,0 +1,7 @@
+import o from "./TheCancelConfirmationDialog.vue2.js";
+/* empty css                                 */
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0b6e98c6"]]);
+export {
+  i as default
+};

package/dist/packages/dpi/src/data-provider-interface/components/TheCancelConfirmationDialog.vue2.js

@@ -0,0 +1,47 @@
+import { defineComponent as d, mergeModels as f, useModel as p, createBlock as c, openBlock as v, withCtx as o, createElementVNode as n, createVNode as a } from "vue";
+import { useRouter as V } from "vue-router";
+import { useProjectActions as g } from "../composables/useProjectActions.js";
+import i from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import h from "../HappyFlowComponents/ui/DpiModalBase.vue.js";
+const y = /* @__PURE__ */ d({
+  __name: "TheCancelConfirmationDialog",
+  props: {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ f(["closeWithoutSaving", "closeWithSaving"], ["update:modelValue"]),
+  setup(l, { emit: k }) {
+    const s = V(), t = p(l, "modelValue"), { submitDraft: u } = g();
+    async function m() {
+      await u.execute(), s.push({ name: "DPI-Home-HappyFlow" });
+    }
+    return (w, e) => (v(), c(h, {
+      modelValue: t.value,
+      "onUpdate:modelValue": e[1] || (e[1] = (r) => t.value = r)
+    }, {
+      header: o(() => e[2] || (e[2] = [
+        n("h4", { class: "cancel-header" }, " Projektanlage später fortführen ", -1)
+      ])),
+      footer: o(() => [
+        a(i, {
+          "button-text": "Bearbeitung verwerfen",
+          variant: "secondary",
+          onClick: e[0] || (e[0] = (r) => t.value = !1)
+        }),
+        a(i, {
+          "button-text": "Projekt als Entwurf speichern",
+          variant: "primary",
+          onClick: m
+        })
+      ]),
+      default: o(() => [
+        e[3] || (e[3] = n("div", null, " Sie können die Projektanlage später fortführen und Ihren bisherigen Fortschritt entweder verwerfen oder als Entwurf speichern. ", -1))
+      ]),
+      _: 1,
+      __: [3]
+    }, 8, ["modelValue"]));
+  }
+});
+export {
+  y as default
+};

package/dist/packages/dpi/src/data-provider-interface/components/TheErrorDialog.vue.js

@@ -0,0 +1,101 @@
+import { defineComponent as x, computed as E, createBlock as y, openBlock as i, unref as o, isRef as B, withCtx as m, createElementBlock as h, createCommentVNode as l, createElementVNode as t, toDisplayString as C, createVNode as N, renderSlot as b, createTextVNode as R } from "vue";
+import { useRouter as S, useRoute as w } from "vue-router";
+import { useRuntimeEnv as F } from "../../composables/useRuntimeEnv.js";
+import { useErrorDialog as T } from "../composables/useErrorDialog.js";
+import g from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import q from "../HappyFlowComponents/ui/DpiModalBase.vue.js";
+const M = { class: "dpiV3_modalTitle" }, z = {
+  key: 0,
+  class: "dpiV3_modalErrorContent"
+}, A = { class: "dpiV3_modalErrorMain" }, J = {
+  key: 0,
+  class: "error-message"
+}, O = { class: "development-notice" }, L = ["value"], U = { class: "dpiV3_modalActions" }, W = /* @__PURE__ */ x({
+  __name: "TheErrorDialog",
+  setup(j) {
+    const k = S(), d = w(), { open: r, error: n, currentError: u, userMessage: c } = T(), p = F(), f = !0;
+    function V() {
+      r.value = !1;
+    }
+    function D() {
+      k.push("/");
+    }
+    const $ = E(() => {
+      var s, e, a, _, v;
+      return `${(s = u == null ? void 0 : u.value) == null ? void 0 : s.message}
+
+----
+
+${window.location}
+
+----
+
+id = ${(e = d.query) == null ? void 0 : e.id}; fromDraft = ${(a = d.query) == null ? void 0 : a.fromDraft}; edit = ${(_ = d.query) == null ? void 0 : _.edit}
+
+----
+
+${(v = n == null ? void 0 : n.value) == null ? void 0 : v.stack}
+
+----
+
+${JSON.stringify(p.api, null, 2)}
+
+----
+
+${JSON.stringify(p.authentication.keycloak, null, 2)}
+
+`;
+    });
+    return (s, e) => (i(), y(q, {
+      modelValue: o(r),
+      "onUpdate:modelValue": e[0] || (e[0] = (a) => B(r) ? r.value = a : null),
+      persistent: !o(f),
+      "on-close": "() => {}"
+    }, {
+      header: m(() => [
+        t("h2", M, [
+          t("strong", null, [
+            b(s.$slots, "title", {}, () => [
+              e[1] || (e[1] = R("Fehler beim Laden des Datensatzes", -1))
+            ])
+          ])
+        ])
+      ]),
+      footer: m(() => [
+        t("div", U, [
+          o(f) ? (i(), y(g, {
+            key: 0,
+            "button-text": "Trotzdem Fortfahren",
+            variant: "secondary",
+            onClick: V
+          })) : l("", !0),
+          N(g, {
+            "button-text": "Schließen",
+            variant: "primary",
+            onClick: D
+          })
+        ])
+      ]),
+      default: m(() => [
+        o(n) ? (i(), h("div", z, [
+          t("div", A, [
+            o(c) ? (i(), h("p", J, C(o(c)), 1)) : l("", !0),
+            e[2] || (e[2] = t("p", { class: "error-message" }, " Ein Fehler ist aufgetreten. Die folgenden Details können den Betreibenden bei der Fehleranalyse helfen. ", -1)),
+            t("div", O, [
+              t("textarea", {
+                readonly: "",
+                class: "error-textarea",
+                value: $.value
+              }, null, 8, L)
+            ])
+          ]),
+          l("", !0)
+        ])) : l("", !0)
+      ]),
+      _: 3
+    }, 8, ["modelValue", "persistent"]));
+  }
+});
+export {
+  W as default
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/TitelPage.vue.js

@@ -5,7 +5,7 @@ import { useI18n as _ } from "vue-i18n";
 import h from "../HappyFlowComponents/ui/InputField.vue.js";
 import { PhWarning as v } from "@phosphor-icons/vue";
 /* empty css               */
-import I from "../../_virtual/_plugin-vue_export-helper.js";
+import I from "../../../../../_virtual/_plugin-vue_export-helper.js";
 import { useEditModeInfo as V } from "../composables/useDpiEditMode.js";
 const E = { class: "V3-typography dpiV3_Frame_3841" }, T = { class: "copy-large-regular" }, y = {
   key: 0,

package/dist/packages/dpi/src/data-provider-interface/components/UpdateDate.vue.js

@@ -0,0 +1,79 @@
+import { ref as u, createElementBlock as d, openBlock as p, createElementVNode as s, toDisplayString as r, createVNode as c, createCommentVNode as _, unref as o } from "vue";
+import { PhWarning as D } from "@phosphor-icons/vue";
+import V from "../HappyFlowComponents/ui/InputField.vue.js";
+/* empty css                */
+import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import { useEditModeInfo as S } from "../composables/useDpiEditMode.js";
+const y = { class: "V3-typography" }, I = { class: "dpiV3InnerComponentWrap" }, M = { class: "copy-large-regular" }, T = { class: "input-container" }, b = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, k = { class: "copy-mini-regular" }, E = {
+  __name: "UpdateDate",
+  props: {
+    context: Object
+  },
+  setup(f) {
+    const g = f, i = /* @__PURE__ */ new Date();
+    i.getFullYear(), String(i.getMonth() + 1).padStart(2, "0"), String(i.getDate()).padStart(2, "0");
+    let e = u([{ isValid: "unset", "@type": "http://www.w3.org/2001/XMLSchema#date" }]), n = u("Bitte geben Sie ein Aktualisierungsdatum ein, bevor Sie fortfahren.");
+    const { isEditMode: m } = S();
+    m.value || g.context.node.input(e);
+    const v = (l) => {
+      const t = l.target.value;
+      if (t === "") {
+        e.value[0].isValid = !1, n.value = "Bitte geben Sie ein Aktualisierungsdatum ein, bevor Sie fortfahren.", e.value[0]["@value"] = t;
+        return;
+      }
+      const a = new Date(t);
+      if (isNaN(a.getTime())) {
+        e.value[0].isValid = !1, n.value = "Bitte geben Sie ein gültiges Datum ein.", e.value[0]["@value"] = t;
+        return;
+      }
+      if (a.getFullYear() < 1950) {
+        e.value[0].isValid = !1, n.value = "Das Jahr darf nicht vor 1950 liegen.", e.value[0]["@value"] = t;
+        return;
+      }
+      const h = new Date(i.getFullYear(), i.getMonth(), i.getDate());
+      if (new Date(a.getFullYear(), a.getMonth(), a.getDate()) > h) {
+        e.value[0].isValid = !1, n.value = "Das Datum darf nicht in der Zukunft liegen.", e.value[0]["@value"] = t;
+        return;
+      }
+      e.value[0].isValid = !0, e.value[0]["@value"] = t;
+    };
+    return (l, t) => (p(), d("div", y, [
+      s("div", I, [
+        s("h4", null, r(l.$t("message.dataupload.datasets.dct:modified.title")), 1),
+        s("div", M, r(l.$t("message.dataupload.datasets.dct:modified.description")), 1),
+        s("div", T, [
+          c(V, {
+            onInput: v,
+            defaultInput: !0,
+            addOnText: !1,
+            eraseable: !1,
+            datePicker: !0,
+            infoIcon: !1,
+            placeholder: "TT/MM/JJJJ",
+            label: "Aktualisierungsdatum",
+            preIcon: !1,
+            inputFieldSize: "large",
+            initialHintText: !1,
+            showEndIcon: !1,
+            inputType: "date",
+            showError: o(e)[0].isValid === !1,
+            modelValue: l.todayDate
+          }, null, 8, ["showError", "modelValue"]),
+          o(e).find((a) => a.isValid === !1) ? (p(), d("div", b, [
+            c(o(D), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", k, r(o(n)), 1)
+          ])) : _("", !0)
+        ])
+      ])
+    ]));
+  }
+}, A = /* @__PURE__ */ w(E, [["__scopeId", "data-v-4eff5f78"]]);
+export {
+  A as default
+};

package/dist/packages/dpi/src/data-provider-interface/components/VisibilityPage.vue.js

@@ -0,0 +1,120 @@
+import { mergeModels as F, useModel as M, ref as N, watch as O, computed as C, createElementBlock as n, openBlock as r, createElementVNode as t, createCommentVNode as P, createVNode as h, unref as i, Fragment as T, toDisplayString as a, createTextVNode as c } from "vue";
+import { PhWarning as W } from "@phosphor-icons/vue";
+import { useI18n as j } from "vue-i18n";
+import { useEditModeInfo as z } from "../composables/useDpiEditMode.js";
+import { useFormValues as B } from "../composables/useDpiFormValues.js";
+import q from "../HappyFlowComponents/ui/Dropdown.vue.js";
+/* empty css                    */
+import H from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const U = { class: "dpiV3InnerComponentWrap" }, A = { class: "dpiV3_Frame_840" }, G = { class: "copy-large-regular description-text" }, J = { class: "visibility-options-description" }, K = { class: "visibility-option" }, L = { class: "option-title" }, Q = { class: "visibility-option" }, R = { class: "option-title" }, X = { class: "visibility-option" }, Y = { class: "option-title" }, Z = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, $ = { class: "copy-mini-regular" }, ii = {
+  __name: "VisibilityPage",
+  props: /* @__PURE__ */ F({
+    context: Object
+  }, {
+    selectedVisibility: {
+      type: String,
+      default: ""
+    },
+    selectedVisibilityModifiers: {}
+  }),
+  emits: ["update:selectedVisibility"],
+  setup(D, { expose: x }) {
+    const o = M(D, "selectedVisibility"), { t: s } = j(), { isEditMode: p } = z(), { formValues: l } = B(), w = N([
+      { "@value": "public", label: "Öffentlich" },
+      { "@value": "restricted", label: "Eingeschränkt" },
+      { "@value": "internal", label: "Intern" }
+    ]);
+    p.value || Object.keys(l.value.Discoverability.visibilityPage).length === 0 && (l.value.Discoverability.visibilityPage = [{ isValid: "unset" }]);
+    function I(e) {
+      o.value = e, u(e);
+    }
+    function u(e) {
+      e && e !== "" ? l.value.Discoverability.visibilityPage = [
+        { isValid: !0, visibility: e }
+      ] : l.value.Discoverability.visibilityPage = [
+        { isValid: !1, visibility: "" }
+      ], console.log("Visibility validation state:", l.value.Discoverability.visibilityPage);
+    }
+    O(o, (e) => {
+      e !== void 0 && u(e);
+    });
+    const k = C(() => {
+      var e, d;
+      return ((d = (e = l.value.Discoverability.visibilityPage) == null ? void 0 : e[0]) == null ? void 0 : d.isValid) === !0;
+    });
+    function E() {
+      return o.value !== "" ? (l.value.Discoverability.visibilityPage[0].isValid = !0, !0) : (l.value.Discoverability.visibilityPage = [{ isValid: !1 }], !1);
+    }
+    return x({
+      validateVisibilitySelection: E,
+      canProceed: k
+    }), (e, d) => {
+      var v, b, y, g, m, f, _, V;
+      return r(), n("div", U, [
+        t("div", A, [
+          i(p) ? P("", !0) : (r(), n(T, { key: 0 }, [
+            t("h4", null, a(i(s)("message.dataupload.datasets.visibilityPage.title")), 1),
+            t("div", G, [
+              t("p", null, a(i(s)("message.dataupload.datasets.visibilityPage.intro-text")), 1),
+              t("p", null, a(i(s)("message.dataupload.datasets.visibilityPage.recommendation-text")), 1),
+              t("ul", J, [
+                t("li", K, [
+                  t("span", L, '"' + a(i(s)("message.dataupload.datasets.visibilityPage.visibility-option-public")) + '":', 1),
+                  c(" " + a(i(s)("message.dataupload.datasets.visibilityPage.visibility-option-public-desc")), 1)
+                ]),
+                t("li", Q, [
+                  t("span", R, '"' + a(i(s)("message.dataupload.datasets.visibilityPage.visibility-option-restricted")) + '":', 1),
+                  c(" " + a(i(s)("message.dataupload.datasets.visibilityPage.visibility-option-restricted-desc")), 1)
+                ]),
+                t("li", X, [
+                  t("span", Y, '"' + a(i(s)("message.dataupload.datasets.visibilityPage.visibility-option-internal")) + '":', 1),
+                  c(" " + a(i(s)("message.dataupload.datasets.visibilityPage.visibility-option-internal-desc")), 1)
+                ])
+              ]),
+              t("p", null, a(i(s)("message.dataupload.datasets.visibilityPage.registration-note")), 1)
+            ])
+          ], 64)),
+          h(q, {
+            modelValue: o.value,
+            "onUpdate:modelValue": [
+              d[0] || (d[0] = (S) => o.value = S),
+              I
+            ],
+            "dropdown-width": "large",
+            type: "inputField",
+            class: "visibility-dropdown",
+            "input-field-props": {
+              addOnText: !1,
+              initialHintText: !1,
+              datePicker: !1,
+              infoIcon: !1,
+              preIcon: !1,
+              label: i(s)("message.dataupload.datasets.visibilityPage.dropdown-label"),
+              dropdown_dpiV3: !0,
+              placeholder: i(s)("message.dataupload.datasets.visibilityPage.dropdown-placeholder"),
+              inputFieldSize: "large",
+              modelValue: o.value,
+              defaultInput: !0,
+              showError: ((g = (y = (b = (v = i(l)) == null ? void 0 : v.Discoverability) == null ? void 0 : b.visibilityPage) == null ? void 0 : y[0]) == null ? void 0 : g.isValid) === !1,
+              required: !0
+            },
+            data: w.value
+          }, null, 8, ["modelValue", "input-field-props", "data"])
+        ]),
+        ((V = (_ = (f = (m = i(l)) == null ? void 0 : m.Discoverability) == null ? void 0 : f.visibilityPage) == null ? void 0 : _[0]) == null ? void 0 : V.isValid) === !1 ? (r(), n("div", Z, [
+          h(i(W), {
+            size: 16,
+            weight: "fill"
+          }),
+          t("span", $, a(i(s)("message.dataupload.datasets.visibilityPage.error-message")), 1)
+        ])) : P("", !0)
+      ]);
+    };
+  }
+}, ri = /* @__PURE__ */ H(ii, [["__scopeId", "data-v-ab47a431"]]);
+export {
+  ri as default
+};

package/dist/packages/dpi/src/data-provider-interface/components/dev-tools/ProjectDpiDevTools.vue.js

@@ -0,0 +1,7 @@
+import o from "./ProjectDpiDevTools.vue2.js";
+/* empty css                        */
+import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fd08af1e"]]);
+export {
+  p as default
+};

package/dist/packages/dpi/src/data-provider-interface/components/dev-tools/ProjectDpiDevTools.vue2.js

@@ -0,0 +1,292 @@
+import { defineComponent as w, useModel as O, ref as f, createBlock as I, openBlock as h, withCtx as o, createElementVNode as n, createVNode as t, unref as l, createTextVNode as v, createElementBlock as g } from "vue";
+import { TabGroup as F, TabList as A, Tab as x, TabPanels as B, TabPanel as D } from "@headlessui/vue";
+import { PhStar as M, PhFloppyDisk as S } from "@phosphor-icons/vue";
+import { useStorage as z } from "@vueuse/core";
+import { useRouter as G } from "vue-router";
+import { decodeProject as U } from "../../composables/project-transformer/decodeProject.js";
+import { encodeProject as R } from "../../composables/project-transformer/encodeProject.js";
+import { useFormValues as q } from "../../composables/useDpiFormValues.js";
+import s from "../../HappyFlowComponents/ui/ButtonV3.vue.js";
+import y from "../../HappyFlowComponents/ui/Card.vue.js";
+import H from "../../HappyFlowComponents/ui/DpiModalBase.vue.js";
+import K from "../../HappyFlowComponents/ui/InputField.vue.js";
+import Y from "../../HappyFlowComponents/ui/ListBox/Listbox.vue.js";
+import Q from "../../HappyFlowComponents/ui/TextAreaV3.vue.js";
+import { fullProject as W } from "./fixtures.js";
+const X = { class: "tab-wrapper" }, Z = { class: "hurry" }, $ = { class: "hurry-actions" }, ee = {
+  key: 0,
+  class: "hurry-flurry"
+}, te = {
+  key: 1,
+  class: "hurry-flurry-empty"
+}, oe = { class: "hurry" }, ae = { class: "hurry-actions" }, le = { class: "hurry" }, ne = { class: "hurry-actions" }, re = "dpi:project:snapshots", Oe = /* @__PURE__ */ w({
+  __name: "ProjectDpiDevTools",
+  props: {
+    modelValue: { type: Boolean },
+    modelModifiers: {},
+    nonce: {
+      default: 0
+    },
+    nonceModifiers: {}
+  },
+  emits: ["update:modelValue", "update:nonce"],
+  setup(V) {
+    const k = G(), N = O(V, "modelValue"), b = O(V, "nonce"), { formValues: p } = q(), c = f(""), u = f(""), m = f("");
+    function C() {
+      b.value++, p.value = W.formValuesFn();
+    }
+    const d = z(re, []), i = f("");
+    function J(a) {
+      return new Date(a).toLocaleString();
+    }
+    function L() {
+      const a = Date.now(), e = {
+        id: String(a),
+        name: J(a),
+        createdAt: a,
+        // ensure we store a plain JSON object without references
+        data: JSON.parse(JSON.stringify(p.value))
+      };
+      d.value = [...d.value, e], i.value = e;
+    }
+    function P() {
+      !i.value || typeof i.value == "string" || (b.value++, p.value = JSON.parse(JSON.stringify(i.value.data)));
+    }
+    async function T() {
+      u.value = "";
+      try {
+        const a = JSON.parse(c.value), e = await U(a);
+        b.value++, p.value = JSON.parse(JSON.stringify(e));
+      } catch (a) {
+        u.value = a instanceof Error ? a.message : "Failed to load JSON-LD";
+      }
+    }
+    async function j() {
+      u.value = "";
+      try {
+        const a = R(p.value, { identifier: "TODO" }), e = JSON.stringify(a, null, 2);
+        c.value = e;
+      } catch (a) {
+        u.value = a instanceof Error ? a.message : "Failed to encode project";
+      }
+    }
+    function _() {
+      m.value && k.push({
+        path: "/dpi/project/datasets",
+        query: { locale: "de", edit: "true", id: m.value }
+      });
+    }
+    function E() {
+      d.value = [], i.value = "";
+    }
+    return (a, e) => (h(), I(H, {
+      modelValue: N.value,
+      "onUpdate:modelValue": e[3] || (e[3] = (r) => N.value = r)
+    }, {
+      header: o(() => e[4] || (e[4] = [
+        n("h4", null, "DPI Tools for Devs", -1)
+      ])),
+      default: o(() => [
+        n("div", X, [
+          t(l(F), null, {
+            default: o(() => [
+              t(l(A), { class: "tab-list" }, {
+                default: o(() => [
+                  t(l(x), { as: "template" }, {
+                    default: o(({ selected: r }) => [
+                      t(s, {
+                        variant: r ? "secondary" : "tertiary",
+                        "button-text": "Form"
+                      }, null, 8, ["variant"])
+                    ]),
+                    _: 1
+                  }),
+                  t(l(x), { as: "template" }, {
+                    default: o(({ selected: r }) => [
+                      t(s, {
+                        variant: r ? "secondary" : "tertiary",
+                        "button-text": "Edit Mode"
+                      }, null, 8, ["variant"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              t(l(B), { class: "tab-panels" }, {
+                default: o(() => [
+                  t(l(D), null, {
+                    default: o(() => [
+                      e[10] || (e[10] = n("p", null, "Manage current state of the form data model", -1)),
+                      t(y, null, {
+                        title: o(() => e[5] || (e[5] = [
+                          v(" Presets ", -1)
+                        ])),
+                        icon: o(() => [
+                          t(l(M), {
+                            size: 32,
+                            color: "#009fe3"
+                          })
+                        ]),
+                        default: o(() => [
+                          n("div", null, [
+                            t(s, {
+                              "icon-start": "Check",
+                              "button-text": "Autofill inputs and reload DPI",
+                              variant: "primary",
+                              onClick: C
+                            }),
+                            e[6] || (e[6] = n("p", { class: "mt-3" }, " Preset contains complete form values ", -1))
+                          ])
+                        ]),
+                        _: 1
+                      }),
+                      t(y, { class: "mt-3" }, {
+                        title: o(() => e[7] || (e[7] = [
+                          v(" Snapshots ", -1)
+                        ])),
+                        icon: o(() => [
+                          t(l(S), {
+                            size: 32,
+                            color: "#009fe3"
+                          })
+                        ]),
+                        default: o(() => [
+                          n("div", Z, [
+                            e[9] || (e[9] = n("p", null, " Snapshots are stored locally in your browser ", -1)),
+                            n("div", $, [
+                              t(s, {
+                                class: "mb-3",
+                                "icon-start": "plus",
+                                "button-text": "Save snapshot",
+                                variant: "secondary",
+                                onClick: L
+                              }),
+                              t(s, {
+                                class: "mb-3",
+                                "icon-start": "trash",
+                                "button-text": "Clear all snapshots",
+                                variant: "tertiary",
+                                disabled: !l(d).length,
+                                onClick: E
+                              }, null, 8, ["disabled"])
+                            ]),
+                            l(d).length ? (h(), g("div", ee, [
+                              t(Y, {
+                                modelValue: i.value,
+                                "onUpdate:modelValue": e[0] || (e[0] = (r) => i.value = r),
+                                label: "Select snapshot",
+                                placeholder: "Choose a snapshot",
+                                options: l(d)
+                              }, null, 8, ["modelValue", "options"]),
+                              t(s, {
+                                "icon-end": "Check",
+                                "button-text": "Load snapshot",
+                                variant: "tertiary",
+                                disabled: !i.value,
+                                onClick: P
+                              }, null, 8, ["disabled"])
+                            ])) : (h(), g("div", te, e[8] || (e[8] = [
+                              n("span", { class: "copy-small-regular" }, "No snapshots saved", -1)
+                            ])))
+                          ])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1,
+                    __: [10]
+                  }),
+                  t(l(D), null, {
+                    default: o(() => [
+                      t(y, null, {
+                        title: o(() => e[11] || (e[11] = [
+                          v(" Load from JSON-LD ", -1)
+                        ])),
+                        icon: o(() => [
+                          t(l(S), {
+                            size: 32,
+                            color: "#009fe3"
+                          })
+                        ]),
+                        default: o(() => [
+                          n("div", oe, [
+                            t(Q, {
+                              modelValue: c.value,
+                              "onUpdate:modelValue": e[1] || (e[1] = (r) => c.value = r),
+                              label: "JSON-LD",
+                              placeholder: "Paste a JSON-LD document here (GraphObject or NodeObject)",
+                              "show-error": !!u.value,
+                              "error-message": u.value
+                            }, null, 8, ["modelValue", "show-error", "error-message"]),
+                            n("div", ae, [
+                              t(s, {
+                                "button-text": "Generate JSON-LD in textarea",
+                                variant: "secondary",
+                                onClick: j
+                              }),
+                              t(s, {
+                                "icon-end": "Check",
+                                "button-text": "Load from json-ld",
+                                variant: "primary",
+                                disabled: !c.value,
+                                onClick: T
+                              }, null, 8, ["disabled"])
+                            ])
+                          ])
+                        ]),
+                        _: 1
+                      }),
+                      t(y, { class: "mt-3" }, {
+                        title: o(() => e[12] || (e[12] = [
+                          v(" Edit by ID ", -1)
+                        ])),
+                        icon: o(() => [
+                          t(l(S), {
+                            size: 32,
+                            color: "#009fe3"
+                          })
+                        ]),
+                        default: o(() => [
+                          n("div", le, [
+                            t(K, {
+                              modelValue: m.value,
+                              "onUpdate:modelValue": e[2] || (e[2] = (r) => m.value = r),
+                              label: "ID",
+                              placeholder: "Enter ID to edit",
+                              "add-on-text": !1,
+                              "date-picker": !1,
+                              "info-icon": !1,
+                              "show-end-icon": !1,
+                              "pre-icon": !1
+                            }, null, 8, ["modelValue"]),
+                            n("div", ne, [
+                              t(s, {
+                                "button-text": "Open edit mode",
+                                variant: "primary",
+                                disabled: !m.value,
+                                onClick: _
+                              }, null, 8, ["disabled"])
+                            ])
+                          ])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
+  }
+});
+export {
+  Oe as default
+};