@piveau/dpi 0.2.0-alpha.37 → 0.2.0-alpha.40

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

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

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

@@ -1,104 +1,117 @@
-import { defineComponent as E, ref as h, computed as L, useModel as F, inject as P, createElementBlock as C, openBlock as s, createElementVNode as t, createVNode as i, createBlock as a, createCommentVNode as f, createTextVNode as k, unref as o, withCtx as n, Fragment as D, renderList as M } from "vue";
-import { FormKit as b } from "@formkit/vue";
-import { PhLightbulb as N, PhExclamationMark as K } from "@phosphor-icons/vue";
-import W from "../../../../stories/components/LinkCard.vue.js";
-import $ from "../../../components/StepActionsSection.vue.js";
-import { dpiStepperKey as I } from "../../../utils/injectionKeys.js";
-import u from "../ButtonV3.vue.js";
-import V from "../Card.vue.js";
-import R from "../TextArea/TextAreaDefinition.js";
-const Z = { class: "dpiV3_page V3-typography" }, j = { class: "funny-section" }, A = { class: "funny-section" }, T = {
+import { defineComponent as R, ref as p, computed as E, useModel as L, inject as F, createElementBlock as V, openBlock as o, createElementVNode as t, createVNode as i, createBlock as l, createCommentVNode as h, createTextVNode as y, unref as r, isRef as D, withCtx as s, Fragment as M, renderList as N } from "vue";
+import { FormKit as v } from "@formkit/vue";
+import { PhLightbulb as O, PhExclamationMark as H } from "@phosphor-icons/vue";
+import K from "../../../../stories/components/LinkCard.vue.js";
+import W from "../../../components/StepActionsSection.vue.js";
+import { dpiStepperKey as $ } from "../../../utils/injectionKeys.js";
+import a from "../ButtonV3.vue.js";
+import w from "../Card.vue.js";
+import { useProcessStepResources as j, ensureHasOneResource as I } from "../ProcessSteps/utils.js";
+import U from "../TextArea/TextAreaDefinition.js";
+const Z = { class: "dpiV3_page V3-typography" }, A = { class: "funny-section" }, T = { class: "funny-section" }, G = {
   id: "partners-section",
   class: "funny-section"
-}, U = { class: "partner-cards-container" }, O = { class: "action-container" }, q = { class: "step-actions__prev-and-next" }, G = { class: "actions" }, H = 1e3, se = /* @__PURE__ */ E({
+}, q = { class: "partner-cards-container" }, J = { class: "action-container" }, Q = { class: "step-actions__prev-and-next" }, X = { class: "actions" }, Y = 1e3, ce = /* @__PURE__ */ R({
   __name: "BasicInformationStep",
   props: {
     modelValue: {},
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(w) {
-    const g = h(""), y = h([]);
-    h([]);
-    const _ = h(!1), S = L(() => {
-      var v;
-      return ((v = g.value) == null ? void 0 : v.length) || 0;
+  setup(_) {
+    const f = p(""), z = p([]);
+    p([]);
+    const S = p(!1), B = E(() => {
+      var b;
+      return ((b = f.value) == null ? void 0 : b.length) || 0;
     });
-    F(w, "modelValue");
-    const B = P(I);
-    return (v, e) => (s(), C("div", Z, [
+    L(_, "modelValue");
+    const P = F($), { globalResourceCount: g } = j("4. Datenvisualisierung", !1);
+    return (b, e) => (o(), V("div", Z, [
       e[9] || (e[9] = t("section", { class: "funny-section" }, [
         t("div", { class: "funny-flex" }, [
           t("h4", null, "Beschreiben Sie den Prozessschritt zur Datenvisualisierung"),
           t("span", { class: "copy-large-regular" }, [
-            k(" Führen Sie im Schritt der "),
+            y(" Führen Sie im Schritt der "),
             t("strong", null, "Datenvisualisierung"),
-            k(" aus, in welcher Form die Ergebnisse der Simulationen verständlich aufbereitet und visualisiert wurden. ")
+            y(" aus, in welcher Form die Ergebnisse der Simulationen verständlich aufbereitet und visualisiert wurden. ")
           ])
         ])
       ], -1)),
-      t("section", j, [
-        i(o(b), {
+      i(r(v), {
+        modelValue: r(g),
+        "onUpdate:modelValue": e[0] || (e[0] = (n) => D(g) ? g.value = n : null),
+        type: "hidden",
+        name: "__resourceCountGlobal",
+        hidden: "",
+        "aria-hidden": "",
+        "validation-rules": { ensureHasOneResource: r(I) },
+        validation: "+ensureHasOneResource",
+        "validation-visibility": "live",
+        "validation-messages": { ensureHasOneResource: "Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden." }
+      }, null, 8, ["modelValue", "validation-rules"]),
+      t("section", A, [
+        i(r(v), {
           id: "Beschreibung",
-          modelValue: g.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (r) => g.value = r),
+          modelValue: f.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (n) => f.value = n),
           class: "budgetArea",
           label: "Beschreibung",
-          type: o(R),
+          type: r(U),
           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: `${S.value} von ${H} Zeichen`,
+          help: `${B.value} von ${Y} Zeichen`,
           "count-hint": !0
         }, null, 8, ["modelValue", "type", "help"])
       ]),
-      t("section", A, [
-        i(V, { variant: "default" }, {
-          icon: n(() => [
-            i(o(N), {
+      t("section", T, [
+        i(w, { variant: "default" }, {
+          icon: s(() => [
+            i(r(O), {
               size: 32,
               color: "#009FE3"
             })
           ]),
-          title: n(() => e[3] || (e[3] = [
-            k(" Beispiel ", -1)
+          title: s(() => e[3] || (e[3] = [
+            y(" Beispiel ", -1)
           ])),
-          default: n(() => [
+          default: s(() => [
             e[4] || (e[4] = t("p", null, " Die Simulationsergebnisse und aktuellen Messdaten werden in einer interaktiven Kartenanwendung dargestellt. Zusätzlich werden visuelle Warnhinweise sowie zeitbasierte Entwicklungen übersichtlich präsentiert, um die Kommunikation mit Einsatzkräften und Bürgern zu unterstützen. ", -1))
           ]),
           _: 1,
           __: [4]
         })
       ]),
-      t("section", T, [
+      t("section", G, [
         e[5] || (e[5] = t("h5", null, " Weiterführende Links (optional) ", -1)),
         e[6] || (e[6] = 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", U, [
-          i(o(b), {
-            modelValue: y.value,
-            "onUpdate:modelValue": e[1] || (e[1] = (r) => y.value = r),
+        t("div", q, [
+          i(r(v), {
+            modelValue: z.value,
+            "onUpdate:modelValue": e[2] || (e[2] = (n) => z.value = n),
             type: "list",
             name: "links",
             dynamic: ""
           }, {
-            default: n(({ items: r, node: c, value: d }) => [
-              (s(!0), C(D, null, M(r, (m, p) => (s(), a(o(b), {
-                key: m,
+            default: s(({ items: n, node: u, value: d }) => [
+              (o(!0), V(M, null, N(n, (c, m) => (o(), l(r(v), {
+                key: c,
                 type: "group",
-                index: p
+                index: m
               }, {
-                default: n(() => [
-                  i(W, null, {
-                    action: n(() => [
-                      i(u, {
+                default: s(() => [
+                  i(K, null, {
+                    action: s(() => [
+                      i(a, {
                         "button-text": "Löschen",
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => c.input(d.filter((z, l) => l !== p))
+                        onClick: () => u.input(d.filter((x, k) => k !== m))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -106,13 +119,13 @@ const Z = { class: "dpiV3_page V3-typography" }, j = { class: "funny-section" },
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              t("div", O, [
-                i(u, {
+              t("div", J, [
+                i(a, {
                   "button-text": "Link hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (m) => c.input(d.concat({}))
+                  onClick: (c) => u.input(d.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -120,84 +133,83 @@ const Z = { class: "dpiV3_page V3-typography" }, j = { class: "funny-section" },
           }, 8, ["modelValue"])
         ])
       ]),
-      i($, {
+      i(W, {
         compact: "",
         "next-text": "Weiter zu Software",
-        class: "actions-container"
+        class: "actions-container",
+        "show-detailed-error-summary": ""
       }, {
-        "prev-and-next": n(({
-          hidePrevious: r,
-          hideNext: c,
+        "prev-and-next": s(({
+          hidePrevious: n,
+          hideNext: u,
           previousText: d,
-          nextText: m,
-          handlePrevious: p,
-          handleSubmit: z
+          nextText: c,
+          handleNext: m,
+          handlePrevious: x,
+          validate: k
         }) => [
-          t("div", q, [
-            t("div", G, [
-              r ? f("", !0) : (s(), a(u, {
+          t("div", Q, [
+            t("div", X, [
+              n ? h("", !0) : (o(), l(a, {
                 key: 0,
                 variant: "secondary",
                 size: "large",
                 "button-text": d,
                 "icon-start": "CaretLeft",
                 class: "previus-button",
-                onClick: p
+                onClick: x
               }, null, 8, ["button-text", "onClick"])),
-              r ? f("", !0) : (s(), a(u, {
+              n ? h("", !0) : (o(), l(a, {
                 key: 1,
                 variant: "secondary",
                 class: "skip-button",
                 size: "large",
                 "button-text": "Weiter ohne Datenvisualisierung",
                 "icon-end": "CaretRight",
-                onClick: e[2] || (e[2] = (l) => {
-                  var x;
-                  return (x = o(B)) == null ? void 0 : x.goToStep("Vorschau");
+                onClick: (ee) => k(() => {
+                  var C;
+                  return (C = r(P)) == null ? void 0 : C.goToStep("Vorschau");
                 })
-              }))
+              }, null, 8, ["onClick"]))
             ]),
-            c ? f("", !0) : (s(), a(u, {
+            u ? h("", !0) : (o(), l(a, {
               key: 0,
               variant: "primary",
               size: "large",
-              "button-text": m,
+              "button-text": c,
               "icon-end": "CaretRight",
               class: "next-button",
-              onClick: () => {
-                const l = z();
-                return console.log(l), l;
-              }
+              onClick: m
             }, null, 8, ["button-text", "onClick"]))
           ])
         ]),
         _: 1
       }),
-      _.value ? (s(), a(V, {
+      S.value ? (o(), l(w, {
         key: 0,
         variant: "error",
         class: "error"
       }, {
-        icon: n(() => [
-          i(o(K), {
+        icon: s(() => [
+          i(r(H), {
             size: 32,
             color: "currentColor"
           })
         ]),
-        title: n(() => e[7] || (e[7] = [
+        title: s(() => e[7] || (e[7] = [
           t("span", { class: "error-title" }, "Fehler", -1)
         ])),
-        default: n(() => [
+        default: s(() => [
           e[8] || (e[8] = t("ul", { class: "validation-errors" }, [
             t("li", null, " Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. ")
           ], -1))
         ]),
         _: 1,
         __: [8]
-      })) : f("", !0)
+      })) : h("", !0)
     ]));
   }
 });
 export {
-  se as default
+  ce as default
 };

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

@@ -0,0 +1,66 @@
+import { defineComponent as f, toRef as m, computed as r, createBlock as g, openBlock as y, unref as c, isRef as h } from "vue";
+import { useField as v } from "vee-validate";
+import B from "../InputField.vue.js";
+const M = /* @__PURE__ */ f({
+  __name: "InputFieldVeeValidate",
+  props: {
+    modelValue: {},
+    name: {},
+    form: { default: void 0 },
+    label: { default: "" },
+    placeholder: { default: "" },
+    inputType: { default: "text" },
+    addOnText: { type: Boolean, default: !1 },
+    addOnLeadingText: { default: "http://" },
+    trailingText: { type: Boolean, default: !1 },
+    trailing_text: { default: "" },
+    datePicker: { type: Boolean, default: !1 },
+    timePicker: { type: Boolean, default: !1 },
+    infoIcon: { type: Boolean, default: !1 },
+    tooltipText: { default: "" },
+    preIcon: { type: Boolean, default: !1 },
+    showEndIcon: { type: Boolean, default: !1 },
+    isDisabled: { type: Boolean, default: !1 },
+    inputFieldSize: { default: "medium" },
+    inputStyle: { default: () => ({}) },
+    supportingHintMessage: { default: "" },
+    initialHintText: { type: Boolean, default: !1 },
+    errorMessage: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(s) {
+    const t = s, p = m(t, "name"), { value: a, errorMessage: l, meta: i } = v(p, void 0, {
+      syncVModel: !0,
+      form: t.form,
+      validateOnValueUpdate: !1,
+      validateOnMount: !1
+    }), o = r(() => !!((i.touched || i.dirty) && (l.value || t.errorMessage))), n = r(() => l.value || t.errorMessage || "");
+    return (e, d) => (y(), g(B, {
+      modelValue: c(a),
+      "onUpdate:modelValue": d[0] || (d[0] = (u) => h(a) ? a.value = u : null),
+      label: e.label,
+      placeholder: e.placeholder,
+      "input-type": e.inputType,
+      "add-on-text": e.addOnText,
+      "add-on-leading-text": e.addOnLeadingText,
+      "trailing-text": e.trailingText,
+      trailing_text: e.trailing_text,
+      "date-picker": e.datePicker,
+      "time-picker": e.timePicker,
+      "info-icon": e.infoIcon,
+      "tooltip-text": e.tooltipText,
+      "pre-icon": e.preIcon,
+      "show-end-icon": e.showEndIcon,
+      "is-disabled": e.isDisabled,
+      "input-field-size": e.inputFieldSize,
+      "input-style": e.inputStyle,
+      "show-error": o.value,
+      error_message: n.value,
+      "supporting-hint-message": n.value || e.supportingHintMessage,
+      "initial-hint-text": o.value || e.initialHintText
+    }, null, 8, ["modelValue", "label", "placeholder", "input-type", "add-on-text", "add-on-leading-text", "trailing-text", "trailing_text", "date-picker", "time-picker", "info-icon", "tooltip-text", "pre-icon", "show-end-icon", "is-disabled", "input-field-size", "input-style", "show-error", "error_message", "supporting-hint-message", "initial-hint-text"]));
+  }
+});
+export {
+  M as default
+};

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldVeeValidate.vue2.js

@@ -0,0 +1,4 @@
+import f from "./InputFieldVeeValidate.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,43 @@
+import { defineComponent as p, toRef as u, computed as r, createBlock as m, openBlock as f, unref as b, isRef as V } from "vue";
+import { useField as c } from "vee-validate";
+import v from "./Listbox.vue.js";
+const L = /* @__PURE__ */ p({
+  __name: "ListboxVeeValidate",
+  props: {
+    modelValue: {},
+    name: {},
+    form: { default: void 0 },
+    options: {},
+    label: { default: "" },
+    placeholder: { default: "" },
+    optionLabel: { type: Function, default: (o) => o },
+    optionValue: { type: Function, default: (o) => o },
+    optionDisabled: { type: Function, default: () => !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(o) {
+    const l = o, n = u(l, "name"), { value: a, errorMessage: d } = c(n, void 0, {
+      syncVModel: !0,
+      form: l.form,
+      validateOnValueUpdate: !1,
+      validateOnMount: !1
+    }), i = r(() => d.value || "");
+    return (e, t) => (f(), m(v, {
+      modelValue: b(a),
+      "onUpdate:modelValue": t[0] || (t[0] = (s) => V(a) ? a.value = s : null),
+      options: e.options,
+      label: e.label,
+      placeholder: e.placeholder,
+      "option-label": e.optionLabel,
+      "option-value": e.optionValue,
+      "option-disabled": e.optionDisabled,
+      disabled: e.disabled,
+      "error-message": i.value,
+      name: l.name
+    }, null, 8, ["modelValue", "options", "label", "placeholder", "option-label", "option-value", "option-disabled", "disabled", "error-message", "name"]));
+  }
+});
+export {
+  L as default
+};

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ListBox/ListboxVeeValidate.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ListboxVeeValidate.vue.js";
+export {
+  f as default
+};

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

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

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ProcessSteps/DatasetStep.vue2.js

@@ -1,43 +1,43 @@
-import { defineComponent as C, ref as H, computed as d, toRef as M, createBlock as l, openBlock as r, withCtx as i, createVNode as o, createElementBlock as v, createElementVNode as D, unref as u, isRef as N, Fragment as T, renderList as $, createCommentVNode as h, createTextVNode as m, toDisplayString as _ } from "vue";
+import { defineComponent as M, ref as N, computed as d, toRef as T, createBlock as l, openBlock as r, withCtx as i, createVNode as o, createElementBlock as v, createElementVNode as D, unref as u, isRef as $, Fragment as G, renderList as O, createCommentVNode as h, createTextVNode as c, toDisplayString as _ } from "vue";
 import { FormKit as S } from "@formkit/vue";
-import { schemaDataset as G } from "@piveau/sdk-core";
-import { defineHubSearch as O, dcatApDataset as E } from "@piveau/sdk-vue";
-import F from "../../../components/StepActionsSection.vue.js";
-import P from "../ActionCard.vue.js";
-import U from "../Card.vue.js";
+import { schemaDataset as E } from "@piveau/sdk-core";
+import { defineHubSearch as F, dcatApDataset as P } from "@piveau/sdk-vue";
+import U from "../../../components/StepActionsSection.vue.js";
+import W from "../ActionCard.vue.js";
+import L from "../Card.vue.js";
 import x from "../SummaryBox.vue.js";
-import W from "./AreYouSureToSkipCard.vue.js";
-import L from "./DatasetForm.vue.js";
-import K from "./ProcessStepBase.vue.js";
+import K from "./AreYouSureToSkipCard.vue.js";
+import j from "./DatasetForm.vue.js";
+import q from "./ProcessStepBase.vue.js";
 /* empty css                     */
-import { useProcessStepResources as j, ensureHasOneResource as q } from "./utils.js";
-const J = {
+import { useProcessStepResources as J } from "./utils.js";
+const Q = {
   key: 0,
   class: "software-step__card-list--empty"
-}, Q = {
+}, X = {
   key: 1,
   class: "software-step__card-list"
-}, X = { class: "step-section step-section--lg" }, Y = { class: "" }, ce = /* @__PURE__ */ C({
+}, Y = { class: "step-section step-section--lg" }, Z = { class: "" }, pe = /* @__PURE__ */ M({
   __name: "DatasetStep",
   props: {
     stepGroup: {},
     edit: { type: Boolean }
   },
   setup(b) {
-    const y = b, s = H([]), { useResources: k } = O({
+    const y = b, s = N([]), { useResources: k } = F({
       baseUrl: "https://twin.bydata.de/api/hub/search",
       index: "dataset",
       indexDetails: "datasets",
-      schema: G
+      schema: E
     }, (a, t) => {
-      const { setup: e } = E({});
+      const { setup: e } = P({});
       return e(a, {
         ...t,
         currentLocale: "de"
       });
     }), V = k(d(() => s.value.map((a) => ({
       resourceId: a.id
-    })))), c = d(() => s.value.map((a, t) => {
+    })))), m = d(() => s.value.map((a, t) => {
       var z;
       const e = (z = V.value[t]) == null ? void 0 : z.resultEnhanced, n = e == null ? void 0 : e.getPublisher, f = e == null ? void 0 : e.getModified, g = `${n == null ? void 0 : n.name}, ${f}`;
       return {
@@ -58,8 +58,8 @@ const J = {
     function B(a) {
       s.value.push(a);
     }
-    const { count: p } = j(y.stepGroup || "", M(y.edit)), I = d(() => s.value.length > 0 ? "Weiter" : "Weiter ohne Datensätze"), A = d(() => "primary");
-    return (a, t) => (r(), l(K, {
+    const I = T(y, "edit"), { count: p, ensureHasOneResource: A } = J(y.stepGroup || "", I), C = d(() => s.value.length > 0 ? "Weiter" : "Weiter ohne Datensätze"), H = d(() => "primary");
+    return (a, t) => (r(), l(q, {
       title: "Geben Sie Informationen zu verwendeten Datensätzen an",
       subtitle: "Geben Sie an, welche Datensätze Sie für diesen Prozessschritt verwendet haben. Sie können entweder einen bestehenden Datensatz auswählen oder einen Datensatz neu anlegen. Wenn Sie einen Datensatz neu anlegen, haben Sie die Möglichkeit die Sichtbarkeit des Datensatzes einzuschränken.",
       "remove-dialog-title": "Verwendeten Datensatz löschen?",
@@ -68,12 +68,12 @@ const J = {
       default: i(({ confirm: e }) => [
         o(u(S), {
           modelValue: u(p),
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => N(p) ? p.value = n : null),
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => $(p) ? p.value = n : null),
           type: "hidden",
           name: "__resourceCount",
           hidden: "",
           "aria-hidden": "",
-          "validation-rules": { ensureHasOneResource: u(q) },
+          "validation-rules": { ensureHasOneResource: u(A) },
           validation: "+ensureHasOneResource",
           "validation-visibility": "live",
           "validation-messages": { ensureHasOneResource: "Sie müssen pro Schritt mindestens eine Software, einen Datensatz oder eine Hardware zuordnen, um fortfahren zu können." }
@@ -86,8 +86,8 @@ const J = {
           hidden: "",
           "aria-hidden": ""
         }, null, 8, ["modelValue"]),
-        c.value.length ? (r(), v("section", Q, [
-          (r(!0), v(T, null, $(c.value, (n, f) => (r(), l(P, {
+        m.value.length ? (r(), v("section", X, [
+          (r(!0), v(G, null, O(m.value, (n, f) => (r(), l(W, {
             key: f,
             spaced: "",
             class: "software-card",
@@ -100,13 +100,13 @@ const J = {
             })
           }, {
             "standalone-name": i(() => t[3] || (t[3] = [
-              m(" Datensatz ", -1)
+              c(" Datensatz ", -1)
             ])),
             default: i(() => [
-              D("div", X, [
+              D("div", Y, [
                 o(x, { title: "Name" }, {
                   default: i(() => [
-                    m(_(n.name), 1)
+                    c(_(n.name), 1)
                   ]),
                   _: 2
                 }, 1024),
@@ -115,7 +115,7 @@ const J = {
                   title: "Datenbereitsteller, Aktualisiert"
                 }, {
                   default: i(() => [
-                    m(_(n.manufacturer), 1)
+                    c(_(n.manufacturer), 1)
                   ]),
                   _: 2
                 }, 1024)) : h("", !0),
@@ -124,7 +124,7 @@ const J = {
                   title: "Beschreibung"
                 }, {
                   default: i(() => [
-                    m(_(n.description), 1)
+                    c(_(n.description), 1)
                   ]),
                   _: 2
                 }, 1024)) : h("", !0)
@@ -132,8 +132,8 @@ const J = {
             ]),
             _: 2
           }, 1032, ["onDelete"]))), 128))
-        ])) : (r(), v("section", J, [
-          o(U, {
+        ])) : (r(), v("section", Q, [
+          o(L, {
             small: "",
             class: "empty-card"
           }, {
@@ -144,18 +144,18 @@ const J = {
             __: [2]
           })
         ])),
-        o(L, {
+        o(j, {
           exclude: s.value.map((n) => n.id),
           onSubmit: B
         }, null, 8, ["exclude"]),
-        D("section", Y, [
-          o(F, {
+        D("section", Z, [
+          o(U, {
             class: "software-step-actions",
-            "next-text": I.value,
-            "next-variant": A.value,
+            "next-text": C.value,
+            "next-variant": H.value,
             "show-detailed-error-summary": ""
           }, null, 8, ["next-text", "next-variant"]),
-          c.value.length === 0 ? (r(), l(W, {
+          m.value.length === 0 ? (r(), l(K, {
             key: 0,
             "resource-label": "Datensätze"
           })) : h("", !0)
@@ -166,5 +166,5 @@ const J = {
   }
 });
 export {
-  ce as default
+  pe as default
 };

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

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