@piveau/dpi 0.2.0-alpha.7 → 0.2.0-alpha.9

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue2.js

@@ -1,94 +1,104 @@
-import { defineComponent as S, ref as y, computed as I, createElementBlock as b, openBlock as d, createElementVNode as n, createVNode as t, unref as r, withCtx as s, createTextVNode as c, Fragment as _, renderList as V, createBlock as C } from "vue";
-import { FormKit as p } from "@formkit/vue";
-import { PhLightbulb as k } from "@phosphor-icons/vue";
-import M from "../../../../stories/components/LinkCard.vue.js";
-import L from "../../../../stories/components/MethodsCard.vue.js";
-import P from "../../../components/StepActionsSection.vue.js";
-import m from "../ButtonV3.vue.js";
-import v from "../Card.vue.js";
-import D from "../TextArea/TextAreaDefinition.js";
-const A = { class: "dpiV3_page V3-typography" }, N = { class: "funny-section" }, F = { class: "funny-section" }, G = {
+import { defineComponent as B, ref as g, computed as D, inject as L, createElementBlock as _, openBlock as s, createElementVNode as t, createVNode as n, createTextVNode as p, unref as o, withCtx as i, Fragment as P, renderList as I, createBlock as m, createCommentVNode as b } from "vue";
+import { FormKit as v } from "@formkit/vue";
+import { PhLightbulb as z } from "@phosphor-icons/vue";
+import N from "../../../../stories/components/LinkCard.vue.js";
+import T from "../../../components/StepActionsSection.vue.js";
+import a from "../ButtonV3.vue.js";
+import S from "../Card.vue.js";
+import W from "../TextArea/TextAreaDefinition.js";
+import { dpiStepperKey as E } from "../../../utils/injectionKeys.js";
+const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" }, M = { class: "funny-section" }, R = {
   id: "partners-section",
   class: "funny-section"
-}, W = { class: "partner-cards-container" }, Z = { class: "action-container" }, $ = {
-  id: "partners-section",
-  class: "funny-section"
-}, E = { class: "partner-cards-container" }, K = { class: "action-container" }, T = { class: "funny-section" }, U = { class: "funny-section" }, j = 500, te = /* @__PURE__ */ S({
+}, Z = { class: "partner-cards-container" }, $ = { class: "action-container" }, j = { class: "step-actions__prev-and-next" }, A = { class: "actions" }, G = { class: "funny-section" }, U = 1e3, ie = /* @__PURE__ */ B({
   __name: "BasicInformationStep",
   setup(O) {
-    const f = y(""), z = y([]), w = y([]), x = I(() => {
+    const f = g(""), k = g([]);
+    g([]);
+    const w = D(() => {
       var h;
       return ((h = f.value) == null ? void 0 : h.length) || 0;
-    });
-    return (h, e) => (d(), b("div", A, [
-      e[13] || (e[13] = n("section", { class: "funny-section" }, [
-        n("div", { class: "funny-flex" }, [
-          n("h4", null, "Fügen Sie optionale Daten hinzu"),
-          n("span", { class: "copy-large-regular" }, " Zusätzliche Informationen, wie etwa zur Laufzeit oder zum Budgetrahmen Ihres Projekts, können für andere Kommunen hilfreich sein. ")
+    }), y = L(E);
+    function C() {
+      if (!y) {
+        console.warn("dpiStepper is not provided");
+        return;
+      }
+      y.goTo("2. Datenverarbeitung/Grundlegende Informationen");
+    }
+    return (h, e) => (s(), _("div", F, [
+      e[8] || (e[8] = t("section", { class: "funny-section" }, [
+        t("div", { class: "funny-flex" }, [
+          t("h4", null, "Beschreiben Sie den Prozessschritt zur Datenerfassung"),
+          t("span", { class: "copy-large-regular" }, [
+            p(" Teilen Sie im Schritt der "),
+            t("strong", null, "Datenerfassung"),
+            p(" mit anderen Kommunen, wie Sie relevante Daten, wie etwa Verwaltungs- oder Sensordaten, erhoben haben. ")
+          ])
         ])
       ], -1)),
-      n("section", N, [
-        t(r(p), {
+      t("section", K, [
+        n(o(v), {
           id: "Beschreibung",
           modelValue: f.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (i) => f.value = i),
+          "onUpdate:modelValue": e[0] || (e[0] = (r) => f.value = r),
           class: "budgetArea",
-          label: "description",
-          type: r(D),
+          label: "Beschreibung",
+          type: o(W),
           name: "description",
           "text-label": "Beschreibung",
-          placeholder: "Briefly describe your approach, goal and result of the process step.",
+          placeholder: "Beschreiben Sie kurz Ihr Vorgehen, Ziel und Ergebnis des Prozessschritts.",
           validation: "length:0,1000",
           "validation-visibility": "live",
           hint: "true",
-          help: `${x.value} von ${j} Zeichen`,
+          help: `${w.value} von ${U} Zeichen`,
           "count-hint": !0
         }, null, 8, ["modelValue", "type", "help"])
       ]),
-      n("section", F, [
-        t(v, { variant: "default" }, {
-          icon: s(() => [
-            t(r(k), {
+      t("section", M, [
+        n(S, { variant: "default" }, {
+          icon: i(() => [
+            n(o(z), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: s(() => e[3] || (e[3] = [
-            c(" Beispiel ", -1)
+          title: i(() => e[2] || (e[2] = [
+            p(" Beispiel ", -1)
           ])),
-          default: s(() => [
-            e[4] || (e[4] = n("p", null, " Zur Überwachung der aktuellen Wasserstände wurden moderne Pegelsensoren an ausgewählten Messpunkten entlang der Gewässer installiert. Die erfassten Messdaten werden in festgelegten Intervallen automatisch an das zentrale IT-System der Stadt übertragen und dort gespeichert. ", -1))
+          default: i(() => [
+            e[3] || (e[3] = t("p", null, " Zur Überwachung der aktuellen Wasserstände wurden moderne Pegelsensoren an ausgewählten Messpunkten entlang der Gewässer installiert. Die erfassten Messdaten werden in festgelegten Intervallen automatisch an das zentrale IT-System der Stadt übertragen und dort gespeichert. ", -1))
           ]),
           _: 1,
-          __: [4]
+          __: [3]
         })
       ]),
-      n("section", G, [
-        e[5] || (e[5] = n("h5", null, " Verwendete Methoden (optional) ", -1)),
-        e[6] || (e[6] = n("span", { class: "copy-large-regular" }, "Geben Sie hier Methoden, Verfahren oder Werkzeuge an, die im Prozessschritt verwendet wurden (z.B. KI-Modelle, GIS-Anwendungen oder spezielle Messtechniken).", -1)),
-        n("div", W, [
-          t(r(p), {
-            modelValue: w.value,
-            "onUpdate:modelValue": e[1] || (e[1] = (i) => w.value = i),
+      t("section", R, [
+        e[4] || (e[4] = t("h5", null, " Weiterführende Links (optional) ", -1)),
+        e[5] || (e[5] = t("span", { class: "copy-large-regular further-links-text" }, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zur Vorgehensweise in diesem Prozessschritt enthalten, wie etwa einzuhaltende Richtlinien oder Standardarbeitsanweisungen.", -1)),
+        t("div", Z, [
+          n(o(v), {
+            modelValue: k.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (r) => k.value = r),
             type: "list",
-            name: "methods",
+            name: "links",
             dynamic: ""
           }, {
-            default: s(({ items: i, node: o, value: l }) => [
-              (d(!0), b(_, null, V(i, (a, u) => (d(), C(r(p), {
-                key: a,
+            default: i(({ items: r, node: l, value: u }) => [
+              (s(!0), _(P, null, I(r, (d, c) => (s(), m(o(v), {
+                key: d,
                 type: "group",
-                index: u
+                index: c
               }, {
-                default: s(() => [
-                  t(L, null, {
-                    action: s(() => [
-                      t(m, {
+                default: i(() => [
+                  n(N, null, {
+                    action: i(() => [
+                      n(a, {
                         "button-text": "Löschen",
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => o.input(l.filter((B, g) => g !== u))
+                        onClick: () => l.input(u.filter((x, V) => V !== c))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -96,13 +106,13 @@ const A = { class: "dpiV3_page V3-typography" }, N = { class: "funny-section" },
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              n("div", Z, [
-                t(m, {
+              t("div", $, [
+                n(a, {
                   "button-text": "Link hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (a) => o.input(l.concat({}))
+                  onClick: (d) => l.input(u.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -110,99 +120,71 @@ const A = { class: "dpiV3_page V3-typography" }, N = { class: "funny-section" },
           }, 8, ["modelValue"])
         ])
       ]),
-      t(v, { variant: "default" }, {
-        icon: s(() => [
-          t(r(k), {
-            size: 32,
-            color: "#009fe3"
-          })
-        ]),
-        title: s(() => e[7] || (e[7] = [
-          c(" Beispiel ", -1)
-        ])),
-        default: s(() => [
-          e[8] || (e[8] = n("p", null, [
-            n("strong", null, "Name"),
-            c(": Automatisierte Pegelerfassung "),
-            n("br"),
-            n("strong", null, " Beschreibung"),
-            c(": Erhebung von Wasserstandsdaten mithilfe installierter Pegelsensoren und hydrologischen Modellen nach DIN 4049 sowie Übertragung der Messwerte per IoT-Gateway in zentrale Datenbanken. ")
-          ], -1))
+      n(T, {
+        classList: "step-container",
+        "next-text": "Weiter zu Software"
+      }, {
+        "prev-and-next": i(({
+          hidePrevious: r,
+          hideNext: l,
+          previousText: u,
+          nextText: d,
+          handlePrevious: c,
+          handleSubmit: x
+        }) => [
+          t("div", j, [
+            t("div", A, [
+              r ? b("", !0) : (s(), m(a, {
+                key: 0,
+                variant: "secondary",
+                size: "large",
+                "button-text": u,
+                "icon-start": "CaretLeft",
+                onClick: c
+              }, null, 8, ["button-text", "onClick"])),
+              r ? b("", !0) : (s(), m(a, {
+                key: 1,
+                variant: "secondary",
+                size: "large",
+                onClick: C,
+                "button-text": "Weiter ohne Datenerfassung",
+                "icon-end": "CaretRight"
+              }))
+            ]),
+            l ? b("", !0) : (s(), m(a, {
+              key: 0,
+              variant: "primary",
+              size: "large",
+              "button-text": d,
+              "icon-end": "CaretRight",
+              class: "next-button",
+              onClick: x
+            }, null, 8, ["button-text", "onClick"]))
+          ])
         ]),
-        _: 1,
-        __: [8]
+        _: 1
       }),
-      n("section", $, [
-        e[9] || (e[9] = n("h5", null, " Weiterführende Links ", -1)),
-        e[10] || (e[10] = n("span", { class: "copy-large-regular" }, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zu Ihrer Vorgehensweise beim Aufbau eines Digitalen Zwillings enthalten, wie etwa Status- oder Abschlussberichte.", -1)),
-        n("div", E, [
-          t(r(p), {
-            modelValue: z.value,
-            "onUpdate:modelValue": e[2] || (e[2] = (i) => z.value = i),
-            type: "list",
-            name: "links",
-            dynamic: ""
-          }, {
-            default: s(({ items: i, node: o, value: l }) => [
-              (d(!0), b(_, null, V(i, (a, u) => (d(), C(r(p), {
-                key: a,
-                type: "group",
-                index: u
-              }, {
-                default: s(() => [
-                  t(M, null, {
-                    action: s(() => [
-                      t(m, {
-                        "button-text": "Löschen",
-                        size: "small",
-                        variant: "tertiary",
-                        "icon-start": "trash",
-                        onClick: () => o.input(l.filter((B, g) => g !== u))
-                      }, null, 8, ["onClick"])
-                    ]),
-                    _: 2
-                  }, 1024)
-                ]),
-                _: 2
-              }, 1032, ["index"]))), 128)),
-              n("div", K, [
-                t(m, {
-                  "button-text": "Link hinzufügen",
-                  size: "medium",
-                  variant: "tertiary",
-                  "icon-start": "plus",
-                  onClick: (a) => o.input(l.concat({}))
-                }, null, 8, ["onClick"])
-              ])
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ])
-      ]),
-      n("section", T, [
-        t(P)
-      ]),
-      n("section", U, [
-        t(v, { variant: "default" }, {
-          icon: s(() => [
-            t(r(k), {
+      t("section", G, [
+        n(S, { variant: "default" }, {
+          icon: i(() => [
+            n(o(z), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: s(() => e[11] || (e[11] = [
-            c(" Vorsicht! ", -1)
+          title: i(() => e[6] || (e[6] = [
+            p(" Vorsicht! ", -1)
           ])),
-          default: s(() => [
-            e[12] || (e[12] = n("p", null, ' Sind Sie sicher, dass Sie den technischen Prozessschritt "Datenerfassung" überspringen wollen? Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. ', -1))
+          default: i(() => [
+            e[7] || (e[7] = t("p", null, ' Sind Sie sicher, dass Sie den technischen Prozessschritt "Datenerfassung" überspringen wollen? Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. ', -1))
           ]),
           _: 1,
-          __: [12]
+          __: [7]
         })
       ])
     ]));
   }
 });
 export {
-  te as default
+  ie as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataProcessing/BasicInformationStep.vue.js

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

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataProcessing/BasicInformationStep.vue2.js

@@ -0,0 +1,189 @@
+import { defineComponent as B, ref as b, computed as D, inject as L, createElementBlock as _, openBlock as s, createElementVNode as t, createVNode as n, createTextVNode as h, unref as o, withCtx as i, Fragment as P, renderList as W, createBlock as p, createCommentVNode as v } from "vue";
+import { FormKit as k } from "@formkit/vue";
+import { PhLightbulb as z } from "@phosphor-icons/vue";
+import A from "../../../../stories/components/LinkCard.vue.js";
+import I from "../../../components/StepActionsSection.vue.js";
+import a from "../ButtonV3.vue.js";
+import C from "../Card.vue.js";
+import N from "../TextArea/TextAreaDefinition.js";
+import { dpiStepperKey as R } from "../../../utils/injectionKeys.js";
+const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" }, T = { class: "funny-section" }, $ = {
+  id: "partners-section",
+  class: "funny-section"
+}, j = { class: "partner-cards-container" }, K = { class: "action-container" }, M = { class: "step-actions__prev-and-next" }, U = { class: "actions" }, Z = { class: "funny-section" }, q = 1e3, ie = /* @__PURE__ */ B({
+  __name: "BasicInformationStep",
+  setup(G) {
+    const f = b(""), y = b([]);
+    b([]);
+    const V = D(() => {
+      var g;
+      return ((g = f.value) == null ? void 0 : g.length) || 0;
+    }), l = L(R);
+    console.log(l);
+    function w() {
+      l == null || l.goTo("3. Datensimulation/Grundlegende Informationen");
+    }
+    return (g, e) => (s(), _("div", E, [
+      e[8] || (e[8] = t("section", { class: "funny-section" }, [
+        t("div", { class: "funny-flex" }, [
+          t("h4", null, "Beschreiben Sie den Prozessschritt zur Datenverarbeitung"),
+          t("span", { class: "copy-large-regular" }, [
+            h(" Beschreiben Sie im Schritt der "),
+            t("strong", null, "Datenverarbeitung"),
+            h(", wie Sie die Rohdaten zusammengeführt und aufbereitet haben. ")
+          ])
+        ])
+      ], -1)),
+      t("section", F, [
+        n(o(k), {
+          id: "Beschreibung",
+          modelValue: f.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (r) => f.value = r),
+          class: "budgetArea",
+          label: "Beschreibung",
+          type: o(N),
+          name: "description",
+          "text-label": "Beschreibung",
+          placeholder: "Beschreiben Sie kurz Ihr Vorgehen, Ziel und Ergebnis des Prozessschritts.",
+          validation: "length:0,1000",
+          "validation-visibility": "live",
+          hint: "true",
+          help: `${V.value} von ${q} Zeichen`,
+          "count-hint": !0
+        }, null, 8, ["modelValue", "type", "help"])
+      ]),
+      t("section", T, [
+        n(C, { variant: "default" }, {
+          icon: i(() => [
+            n(o(z), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          title: i(() => e[2] || (e[2] = [
+            h(" Beispiel ", -1)
+          ])),
+          default: i(() => [
+            e[3] || (e[3] = t("p", null, " Die eingegangenen Messdaten werden automatisiert geprüft, bereinigt und mithilfe von Algorithmen analysiert. Ausreißer und fehlerhafte Werte werden erkannt und im Rahmen der Datenqualitätssicherung gefiltert. Anschließend werden die Wasserstandsdaten mit weiteren relevanten Informationen, wie Wetterdaten oder Bodenbeschaffenheit, kombiniert und für Prognoseberechnungen aufbereitet. ", -1))
+          ]),
+          _: 1,
+          __: [3]
+        })
+      ]),
+      t("section", $, [
+        e[4] || (e[4] = t("h5", null, " Weiterführende Links (optional) ", -1)),
+        e[5] || (e[5] = t("span", { class: "copy-large-regular further-links-text" }, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zur Vorgehensweise in diesem Prozessschritt enthalten, wie etwa einzuhaltende Richtlinien oder Standardarbeitsanweisungen.", -1)),
+        t("div", j, [
+          n(o(k), {
+            modelValue: y.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (r) => y.value = r),
+            type: "list",
+            name: "links",
+            dynamic: ""
+          }, {
+            default: i(({ items: r, node: u, value: c }) => [
+              (s(!0), _(P, null, W(r, (d, m) => (s(), p(o(k), {
+                key: d,
+                type: "group",
+                index: m
+              }, {
+                default: i(() => [
+                  n(A, null, {
+                    action: i(() => [
+                      n(a, {
+                        "button-text": "Löschen",
+                        size: "small",
+                        variant: "tertiary",
+                        "icon-start": "trash",
+                        onClick: () => u.input(c.filter((x, S) => S !== m))
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["index"]))), 128)),
+              t("div", K, [
+                n(a, {
+                  "button-text": "Link hinzufügen",
+                  size: "medium",
+                  variant: "tertiary",
+                  "icon-start": "plus",
+                  onClick: (d) => u.input(c.concat({}))
+                }, null, 8, ["onClick"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      n(I, {
+        classList: "step-actions",
+        "next-text": "Weiter zu Software"
+      }, {
+        "prev-and-next": i(({
+          hidePrevious: r,
+          hideNext: u,
+          previousText: c,
+          nextText: d,
+          handlePrevious: m,
+          handleSubmit: x
+        }) => [
+          t("div", M, [
+            t("div", U, [
+              r ? v("", !0) : (s(), p(a, {
+                key: 0,
+                variant: "secondary",
+                size: "large",
+                "button-text": c,
+                "icon-start": "CaretLeft",
+                class: "previus-button",
+                onClick: m
+              }, null, 8, ["button-text", "onClick"])),
+              r ? v("", !0) : (s(), p(a, {
+                key: 1,
+                variant: "secondary",
+                size: "large",
+                "button-text": "Weiter ohne Datenverarbeitung",
+                onClick: w,
+                "icon-end": "CaretRight",
+                class: "secondary-button"
+              }))
+            ]),
+            u ? v("", !0) : (s(), p(a, {
+              key: 0,
+              variant: "primary",
+              size: "large",
+              "button-text": d,
+              "icon-end": "CaretRight",
+              class: "next-button",
+              onClick: x
+            }, null, 8, ["button-text", "onClick"]))
+          ])
+        ]),
+        _: 1
+      }),
+      t("section", Z, [
+        n(C, { variant: "default" }, {
+          icon: i(() => [
+            n(o(z), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          title: i(() => e[6] || (e[6] = [
+            h(" Vorsicht! ", -1)
+          ])),
+          default: i(() => [
+            e[7] || (e[7] = t("p", null, ' Sind Sie sicher, dass Sie den technischen Prozessschritt "Datenverarbeitung" überspringen wollen? Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. ', -1))
+          ]),
+          _: 1,
+          __: [7]
+        })
+      ])
+    ]));
+  }
+});
+export {
+  ie as default
+};

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DpiModalBase.vue.js

@@ -1,7 +1,7 @@
 import o from "./DpiModalBase.vue2.js";
 /* empty css                  */
-import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-637db601"]]);
+import a from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ a(o, [["__scopeId", "data-v-c3a5360e"]]);
 export {
-  m as default
+  e as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Findability/DiscoverabilityStep.vue.js

@@ -1,5 +1,5 @@
-import { ref as b, computed as v, createElementBlock as f, openBlock as g, createElementVNode as e, createStaticVNode as p, createVNode as a, unref as l, withCtx as o, createTextVNode as t } from "vue";
-import { FormKit as m } from "@formkit/vue";
+import { ref as h, computed as v, createElementBlock as g, openBlock as p, createElementVNode as e, createStaticVNode as m, createVNode as a, unref as l, withCtx as o, createTextVNode as t } from "vue";
+import { FormKit as b } from "@formkit/vue";
 import { PhLightbulb as S } from "@phosphor-icons/vue";
 import k from "../../../components/StepActionsSection.vue.js";
 import y from "../Card.vue.js";
@@ -9,22 +9,22 @@ import z from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const I = { class: "dpiV3_page V3-typography" }, w = { class: "funny-section" }, V = { class: "funny-flex" }, x = { class: "funny-section" }, N = { class: "funny-section" }, O = {
   __name: "DiscoverabilityStep",
   setup(P) {
-    const r = b([
+    const r = h([
       { id: "public", name: "Öffentlich", unavailable: !1 },
       { id: "restricted", name: "Eingeschränkt", unavailable: !1 },
       { id: "internal", name: "Intern", unavailable: !1 }
     ]), d = v(() => r.value.map((n) => String(n.id))), c = (n) => {
       var i;
       return ((i = r.value.find((s) => String(s.id) === String(n))) == null ? void 0 : i.name) ?? n;
-    }, u = (n) => String(n), h = (n) => {
+    }, u = (n) => String(n), f = (n) => {
       var i;
       return !!((i = r.value.find((s) => String(s.id) === String(n))) != null && i.unavailable);
     };
-    return (n, i) => (g(), f("div", I, [
+    return (n, i) => (p(), g("div", I, [
       e("section", w, [
         e("div", V, [
-          i[0] || (i[0] = p('<div data-v-b97995a8><h4 data-v-b97995a8> Legen Sie die Sichtbarkeit Ihres Projekts fest </h4><div class="visibility-description" data-v-b97995a8><span class="copy-large-regular" data-v-b97995a8> Sie können für jedes Projekt individuell entscheiden, wer Ihre Metadaten sehen soll. Wir freuen uns, wenn Sie Ihre Daten möglichst offen teilen, um den Austausch zwischen den Kommunen zu fördern und gemeinsam von Erfahrungen und Lösungen zu profitieren. Gleichzeitig verstehen wir, dass manche Informationen einen geschützten Raum benötigen. Deshalb können Sie zwischen drei Sichtbarkeitsstufen wählen: </span></div><ul class="visibility-variants" data-v-b97995a8><li data-v-b97995a8><div class="variant-content" data-v-b97995a8><p data-v-b97995a8><strong data-v-b97995a8>„öffentlich“</strong> (für alle Nutzer sichtbar) </p></div></li><li data-v-b97995a8><div class="variant-content" data-v-b97995a8><p data-v-b97995a8><strong data-v-b97995a8>„eingeschränkt“</strong> (für alle registrierten Nutzer sichtbar) </p></div></li><li data-v-b97995a8><div class="variant-content" data-v-b97995a8><p data-v-b97995a8><strong data-v-b97995a8>„intern“</strong> (für alle registrierten Nutzer Ihrer Organisation und Nutzer, denen Sie oder Ihre Organisation Sichtrechte erteilt haben, sichtbar) </p></div></li></ul></div>', 1)),
-          a(l(m), {
+          i[0] || (i[0] = m('<div data-v-912af005><h4 data-v-912af005> Legen Sie die Sichtbarkeit Ihres Projekts fest </h4><div class="visibility-description" data-v-912af005><span class="copy-large-regular" data-v-912af005> Sie können für jedes Projekt individuell entscheiden, wer Ihre Metadaten sehen soll. Wir freuen uns, wenn Sie Ihre Daten möglichst offen teilen, um den Austausch zwischen den Kommunen zu fördern und gemeinsam von Erfahrungen und Lösungen zu profitieren. Gleichzeitig verstehen wir, dass manche Informationen einen geschützten Raum benötigen. Deshalb können Sie zwischen drei Sichtbarkeitsstufen wählen: </span></div><ul class="visibility-variants" data-v-912af005><li data-v-912af005><div class="variant-content" data-v-912af005><p data-v-912af005><strong data-v-912af005>„öffentlich“</strong> (für alle Nutzer sichtbar) </p></div></li><li data-v-912af005><div class="variant-content" data-v-912af005><p data-v-912af005><strong data-v-912af005>„eingeschränkt“</strong> (für alle registrierten Nutzer sichtbar) </p></div></li><li data-v-912af005><div class="variant-content" data-v-912af005><p data-v-912af005><strong data-v-912af005>„intern“</strong> (für alle registrierten Nutzer Ihrer Organisation und Nutzer, denen Sie oder Ihre Organisation Sichtrechte erteilt haben, sichtbar) </p></div></li></ul></div>', 1)),
+          a(l(b), {
             type: l(_),
             name: "visibility",
             label: "Sichtbarkeit",
@@ -32,13 +32,13 @@ const I = { class: "dpiV3_page V3-typography" }, w = { class: "funny-section" },
             options: d.value,
             "option-label": c,
             "option-value": u,
-            "option-disabled": h,
+            "option-disabled": f,
             validation: "required"
           }, null, 8, ["type", "options"])
         ])
       ]),
       e("section", x, [
-        a(k)
+        a(k, { "hide-cancel": "" })
       ]),
       e("section", N, [
         a(y, { variant: "default" }, {
@@ -70,7 +70,7 @@ const I = { class: "dpiV3_page V3-typography" }, w = { class: "funny-section" },
               ]),
               e("p", null, " Ihr Organisations-Admin kann für Projekte mit diesem Sichtstatus zusätzliche Sichtrechte an einzelne Personen anderer Organisationen vergeben, sofern diese registriert sind. "),
               e("p", null, " Sie können nicht nur für Projekte, sondern auch für Datensätze, die Sie über twin.bydata anlegen, die Sichtbarkeit Ihrer Daten (Metadaten und Rohdaten) einschränken. "),
-              e("p", null, "Auf twin.bydata können sich ausschließlich Organisationen der öffentlichen Verwaltung registrieren")
+              e("p", null, "Auf twin.bydata können sich ausschließlich Organisationen der öffentlichen Verwaltung registrieren.")
             ], -1))
           ]),
           _: 1,
@@ -79,7 +79,7 @@ const I = { class: "dpiV3_page V3-typography" }, w = { class: "funny-section" },
       ])
     ]));
   }
-}, K = /* @__PURE__ */ z(O, [["__scopeId", "data-v-b97995a8"]]);
+}, K = /* @__PURE__ */ z(O, [["__scopeId", "data-v-912af005"]]);
 export {
   K as default
 };