@piveau/dpi 0.2.0-alpha.2 → 0.2.0-alpha.21

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

@@ -0,0 +1,298 @@
+import { ref as f, reactive as O, onMounted as Z, createElementBlock as V, openBlock as g, normalizeClass as L, createCommentVNode as k, createBlock as j, Fragment as G, renderList as J, createElementVNode as I, createVNode as h, unref as u, toDisplayString as x, isRef as K } from "vue";
+import Q from "../Dropdown.vue.js";
+import X from "../TextAreaV3.vue.js";
+import R from "../ButtonV3.vue.js";
+import Y from "../ModalSimpleV3.vue.js";
+import $ from "../InputField.vue.js";
+import { PhWarning as ee } from "@phosphor-icons/vue";
+import { useFormValues as te } from "../../../composables/useDpiFormValues.js";
+/* empty css                      */
+import ae from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const le = { class: "dpiV3_LinkAndMetadata" }, ie = {
+  key: 0,
+  class: "dpiV3_errorMessage"
+}, oe = { class: "copy-mini-regular" }, se = {
+  key: 1,
+  class: "copy-mini-regular dpiV3_text_error"
+}, de = {
+  key: 0,
+  class: "dpiV3_tempAddMore"
+}, ne = {
+  __name: "DocumentationsV3",
+  props: {
+    documentations: { type: Array, required: !0 },
+    fileTypes: { type: Array, required: !1, default: () => [] },
+    distributionId: { type: Number, required: !0 },
+    asCard: { type: Boolean, required: !1, default: !1 },
+    showDeleteButton: { type: Boolean, required: !1, default: !1 }
+  },
+  emits: ["update"],
+  setup(r, { expose: A, emit: z }) {
+    const { formValues: E } = te();
+    let p = f({});
+    const i = r, y = z, d = f([...i.fileTypes]), P = f(!1), F = f(null), o = O({});
+    let U = f(!1);
+    Z(() => {
+      i.documentations.length === 0 && y("update", [
+        {
+          id: 1,
+          "dcat:accessURL": "",
+          "dct:format": "",
+          "dct:title": "",
+          "dct:description": "",
+          "formatUri:": ""
+        }
+      ]);
+    });
+    const D = (e) => {
+      if (!e || e.trim() === "") return !1;
+      const l = e.trim();
+      return /\.[a-zA-Z]{2,}$/.test(l);
+    }, C = (e) => {
+      const l = e["dct:title"] && e["dct:title"].trim() !== "", t = e["dct:description"] && e["dct:description"].trim() !== "", a = e["dct:format"] && e["dct:format"].trim !== "" && (typeof e["dct:format"] == "string" ? e["dct:format"].trim() !== "" : !0);
+      return l || t || a;
+    }, S = (e) => {
+      const l = i.documentations.find((t) => t.id === e);
+      if (l) {
+        const t = l["dcat:accessURL"], a = typeof t == "string" ? t.trim() : "";
+        C(l) ? a ? D(a) ? o[e] = null : o[e] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)" : o[e] = "Bitte geben Sie eine gültige URL ein." : a && !D(a) ? o[e] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)" : o[e] = null;
+      }
+    }, w = () => {
+      let e = !1;
+      return i.documentations.forEach((l) => {
+        const t = l["dcat:accessURL"], a = typeof t == "string" ? t.trim() : "";
+        C(l) ? a ? D(a) || (o[l.id] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)", e = !0) : (o[l.id] = "URL ist erforderlich", e = !0) : a && !D(a) && (o[l.id] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)", e = !0);
+      }), e;
+    }, M = (e) => {
+      switch (e) {
+        case "delete":
+          N();
+          break;
+      }
+    }, _ = (e, l, t = null) => {
+      var n, s;
+      d.value = [...i.fileTypes];
+      const a = typeof e == "string" ? e.trim().toUpperCase() : (s = (n = e == null ? void 0 : e.target) == null ? void 0 : n.value) == null ? void 0 : s.trim().toUpperCase();
+      a.length > 0 ? d.value = i.fileTypes.filter(
+        (T) => T["@value"].toUpperCase().startsWith(a)
+      ) : d.value = [...i.fileTypes];
+    }, W = () => {
+      if (w())
+        return;
+      const l = {
+        id: (i.documentations.length ? Math.max(...i.documentations.map((t) => t.id)) : 0) + 1,
+        "dcat:accessURL": "",
+        "dct:format": "",
+        "dct:title": "",
+        "dct:description": "",
+        "formatUri:": ""
+      };
+      y("update", [...i.documentations, l]);
+    }, q = (e, l) => {
+      d.value = [...i.fileTypes];
+      const t = d.value.find(
+        (s) => s["@value"] === e
+      ), a = f(
+        E.value.DistributionSimple["dcat:distribution"].find(
+          (s) => s.id === i.distributionId
+        )
+      ), n = f(
+        a.value.documentations.find((s) => s.id === l)
+      );
+      n.value === void 0 || (n.value.formatUri = t.uri), v(e, "dct:format", l);
+    }, v = (e, l, t) => {
+      var n, s, T;
+      let a = "";
+      if (l === "dcat:accessURL") {
+        const c = typeof e == "string" ? e : ((n = e == null ? void 0 : e.target) == null ? void 0 : n.value) ?? "";
+        a = i.documentations.map(
+          (b) => b.id === t ? { ...b, [l]: c } : b
+        );
+      } else if (l === "dct:format") {
+        d.value = [...i.fileTypes];
+        const c = typeof e == "string" ? e.trim().toUpperCase() : (T = (s = e == null ? void 0 : e.target) == null ? void 0 : s.value) == null ? void 0 : T.trim().toUpperCase();
+        c.length > 0 ? d.value = i.fileTypes.filter(
+          (m) => m["@value"].toUpperCase().startsWith(c)
+        ) : d.value = [...i.fileTypes];
+        const b = d.value.find(
+          (m) => m["@value"] === e
+        );
+        a = i.documentations.map(
+          (m) => m.id === t ? { ...m, [l]: b["@value"], formatUri: b.uri } : m
+        );
+      } else
+        a = i.documentations.map(
+          (c) => c.id === t ? { ...c, [l]: e.target.value } : c
+        );
+      y("update", a), setTimeout(() => {
+        S(t);
+      }, 0);
+    }, H = (e) => {
+      p.value = {
+        button: "Löschen",
+        header: "Dokumentation löschen",
+        text: "Sind Sie sicher, dass Sie die Dokumentation löschen wollen?",
+        action: "delete",
+        optionalString_1: e["dct:title"],
+        optionalString_2: e["dcat:accessURL"]
+      }, U.value = !0, F.value = e;
+    }, N = () => {
+      const e = i.documentations.filter(
+        (l) => l.id !== F.value.id
+      );
+      delete o[F.value.id], y("update", e);
+    }, B = (e, l) => {
+      switch (e) {
+        case "dct:description":
+          l["dct:description"] = "";
+          break;
+        case "dct:title":
+          l["dct:title"] = "";
+          break;
+        case "dct:format":
+          l["dct:format"] = "";
+          break;
+      }
+      setTimeout(() => {
+        S(l.id);
+      }, 0);
+    };
+    return A({
+      validateAllItems: w
+    }), (e, l) => (g(), V("div", {
+      class: L(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: r.asCard }])
+    }, [
+      (g(!0), V(G, null, J(r.documentations, (t) => (g(), V("div", {
+        key: t.id,
+        class: L(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: r.asCard }])
+      }, [
+        I("div", le, [
+          h($, {
+            onInput: (a) => v(a, "dcat:accessURL", t.id),
+            addOnText: !1,
+            datePicker: !1,
+            infoIcon: !1,
+            placeholder: e.$t(
+              "message.dataupload.datasets.dcat:distribution.advanced.documentation.URL-label-placeholder"
+            ),
+            preIcon: !1,
+            inputFieldSize: "large",
+            initialHintText: !1,
+            label: e.$t(
+              "message.dataupload.datasets.dcat:distribution.advanced.documentation.dcat:downloadURL-label"
+            ),
+            showEndIcon: !1,
+            modelValue: t["dcat:accessURL"],
+            "onUpdate:modelValue": (a) => t["dcat:accessURL"] = a
+          }, null, 8, ["onInput", "placeholder", "label", "modelValue", "onUpdate:modelValue"]),
+          o[t.id] ? (g(), V("div", ie, [
+            h(u(ee), {
+              size: 16,
+              weight: "fill"
+            }),
+            I("span", oe, x(o[t.id]), 1)
+          ])) : k("", !0),
+          h($, {
+            onInput: (a) => v(a, "dct:title", t.id),
+            addOnText: !1,
+            datePicker: !1,
+            infoIcon: !1,
+            placeholder: e.$t(
+              "message.dataupload.datasets.dcat:distribution.advanced.documentation.title-placeholder"
+            ),
+            preIcon: !1,
+            inputFieldSize: "large",
+            initialHintText: !1,
+            label: e.$t(
+              "message.dataupload.datasets.dcat:distribution.distribution-title.label"
+            ),
+            showEndIcon: !1,
+            modelValue: t["dct:title"],
+            "onUpdate:modelValue": (a) => t["dct:title"] = a,
+            defaultInput: !r.showDeleteButton,
+            onDeleteButtonClicked: (a) => B("dct:title", t)
+          }, null, 8, ["onInput", "placeholder", "label", "modelValue", "onUpdate:modelValue", "defaultInput", "onDeleteButtonClicked"]),
+          h(X, {
+            onInput: (a) => v(a, "dct:description", t.id),
+            hint: !1,
+            label: e.$t(
+              "message.dataupload.datasets.dcat:distribution.advanced.documentation.description"
+            ),
+            placeholder: e.$t(
+              "message.dataupload.datasets.dcat:distribution.advanced.documentation.placeholder"
+            ),
+            modelValue: t["dct:description"],
+            "onUpdate:modelValue": (a) => t["dct:description"] = a,
+            showDeleteButton: r.showDeleteButton,
+            onDeleteClicked: (a) => B("dct:description", t)
+          }, null, 8, ["onInput", "label", "placeholder", "modelValue", "onUpdate:modelValue", "showDeleteButton", "onDeleteClicked"]),
+          h(Q, {
+            "onUpdate:modelValue": [(a) => q(a, t.id), (a) => t["dct:format"] = a],
+            onInput: l[0] || (l[0] = (a) => _(a)),
+            dropdownWidth: "large",
+            type: "inputField",
+            modelValue: t["dct:format"],
+            inputFieldProps: {
+              addOnText: !1,
+              initialHintText: !1,
+              datePicker: !1,
+              infoIcon: !1,
+              preIcon: !0,
+              showEndIcon: !1,
+              label: e.$t("message.dataupload.datasets.dcat:distribution.format.label") + " (optional)",
+              dropdown_dpiV3: !0,
+              placeholder: e.$t(
+                "message.dataupload.datasets.dcat:distribution.format.placeholder"
+              ),
+              inputFieldSize: "large",
+              autocomplete: "true",
+              modelValue: t["dct:format"].uri,
+              defaultInput: !r.showDeleteButton
+            },
+            data: d.value,
+            autocomplete: !0,
+            onDeleteDropdownField: (a) => B("dct:format", t)
+          }, null, 8, ["onUpdate:modelValue", "modelValue", "inputFieldProps", "data", "onDeleteDropdownField"]),
+          P.value && r.documentations.length === 1 ? (g(), V("p", se, x(e.$t(
+            "message.dataupload.datasets.dcat:distribution.advanced.documentation.error-message"
+          )), 1)) : k("", !0)
+        ]),
+        h(R, {
+          class: "dpiV3_tempAddMore",
+          buttonText: e.$t(
+            "message.dataupload.datasets.dcat:distribution.advanced.documentation.delete"
+          ),
+          size: "small",
+          iconStart: "trash",
+          variant: "tertiary",
+          onClick: (a) => H(t)
+        }, null, 8, ["buttonText", "onClick"])
+      ], 2))), 128)),
+      r.asCard ? k("", !0) : (g(), V("div", de, [
+        h(R, {
+          buttonText: e.$t(
+            "message.dataupload.datasets.dcat:distribution.advanced.documentation.add-another"
+          ),
+          size: "small",
+          iconStart: "plus",
+          variant: "tertiary",
+          onClick: W
+        }, null, 8, ["buttonText"])
+      ])),
+      u(U) ? (g(), j(Y, {
+        key: 1,
+        buttons: u(p).button,
+        headerText: u(p).header,
+        text: u(p).text,
+        onClose: l[1] || (l[1] = (t) => K(U) ? U.value = !1 : U = !1),
+        action: u(p).action,
+        onActionHandling: l[2] || (l[2] = (t) => M(t)),
+        optionalString_1: u(p).optionalString_1,
+        optionalString_2: u(p).optionalString_2
+      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1", "optionalString_2"])) : k("", !0)
+    ], 2));
+  }
+}, Ue = /* @__PURE__ */ ae(ne, [["__scopeId", "data-v-cf202935"]]);
+export {
+  Ue as default
+};

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

@@ -0,0 +1,127 @@
+import { ref as d, getCurrentInstance as _, onMounted as P, computed as S, watch as z, createElementBlock as g, openBlock as c, Fragment as h, createCommentVNode as w, renderList as W, unref as r, normalizeClass as $, createVNode as V, createBlock as A } from "vue";
+import { getLanguages as N } from "../../services/dpiV3_apis.js";
+import U from "../Dropdown.vue.js";
+import q from "../ButtonV3.vue.js";
+import M from "../TextButtonSmall.vue.js";
+import { useI18n as E } from "vue-i18n";
+import { useFormValues as H } from "../../../composables/useDpiFormValues.js";
+/* empty css                */
+const Q = {
+  key: 0,
+  class: "dpiV3_tempAddMore"
+}, ee = {
+  __name: "LanguageV3",
+  props: {
+    distributionId: { type: Number, required: !1 },
+    showDeleteButton: { type: Boolean, default: !1 },
+    languageText: { type: String, default: "" },
+    inOverview: { type: Boolean, default: !1 }
+  },
+  emits: ["addLanguage", "deleteButtonClicked"],
+  setup(v, { emit: C }) {
+    const n = v;
+    let l = d([{ label: "", "@value": "", uri: "" }]), u = {};
+    const { formValues: k } = H(), { t: f } = E(), y = () => {
+      l.value.push({});
+    }, b = _(), B = b.appContext.app.config.globalProperties.$env, I = b.appContext.app.config.globalProperties.$i18n.locale;
+    let p = d([]);
+    u = k.value.DistributionSimple["dcat:distribution"].find(
+      (e) => e.id === n.distributionId
+    ) || {}, P(async () => {
+      var e;
+      u["dct:language"].length > 0 && (l.value = u["dct:language"]), p.value = (e = u["dct:language"]) == null ? void 0 : e.map((a) => a.label);
+      try {
+        const a = await N(B.api.baseUrl, I);
+        s.value = a.map((t) => ({
+          "@value": t.label,
+          label: t.label,
+          uri: t.uri
+        }));
+      } catch (a) {
+        console.error("Failed to load language data", a);
+      }
+    });
+    const s = d([]);
+    let L = d(p);
+    console.log("Titelliste", L);
+    const O = C, F = (e, a) => {
+      l.value.length > 1 ? (l.value[a] = {
+        label: e,
+        uri: s.value.find((t) => t["@value"] === e).uri || ""
+      }, u["dct:language"] = l.value) : (l.value[0] = {
+        "@value": e,
+        uri: s.value.find((t) => t["@value"] === e).uri || ""
+      }, u["dct:language"][0] = l.value[0], s.value.find((t) => t["@value"] === e).uri);
+    }, m = d(""), x = (e) => {
+      m.value = e, console.log(m);
+    }, T = S(() => s.value.filter(
+      (e) => {
+        var a, t, o, i;
+        return (i = (a = e["@value"]) == null ? void 0 : a.toLowerCase()) == null ? void 0 : i.trim().startsWith((o = (t = m.value) == null ? void 0 : t.toLowerCase()) == null ? void 0 : o.trim());
+      }
+    ));
+    z(
+      () => n.languageText,
+      (e) => {
+        p.value = e;
+      }
+    );
+    const D = () => {
+      console.log("delete clicked"), O("deleteButtonClicked", n.distributionId);
+    };
+    return (e, a) => (c(), g(h, null, [
+      (c(!0), g(h, null, W(r(l), (t, o) => (c(), g("div", {
+        class: $([{
+          repeatableOuter: !n.inOverview,
+          dpiV3AutoCompleteWrap: !n.inOverview
+        }, "langDropdown"])
+      }, [
+        V(U, {
+          "onUpdate:modelValue": [(i) => F(i, o), (i) => r(l)[o].label = i],
+          dropdownWidth: "large",
+          type: "inputField",
+          modelValue: r(l)[o].label,
+          inputFieldProps: {
+            addOnText: !1,
+            initialHintText: !1,
+            datePicker: !1,
+            infoIcon: !1,
+            preIcon: !1,
+            label: r(f)(
+              "message.dataupload.datasets.dcat:distribution.advanced.dct:language"
+            ) + " (optional)",
+            dropdown_dpiV3: !0,
+            placeholder: r(f)(
+              "message.dataupload.datasets.dcat:distribution.advanced.language-placeholder"
+            ),
+            inputFieldSize: "large",
+            modelValue: r(p)[o],
+            defaultInput: !v.showDeleteButton
+          },
+          data: T.value,
+          onDeleteDropdownField: D,
+          onInput: x
+        }, null, 8, ["onUpdate:modelValue", "modelValue", "inputFieldProps", "data"]),
+        n.inOverview ? w("", !0) : (c(), A(M, {
+          key: 0,
+          "button-text": "löschen",
+          class: "rightAlign",
+          onClick: (i) => r(l).splice(o, 1)
+        }, null, 8, ["onClick"]))
+      ], 2))), 256)),
+      n.inOverview ? w("", !0) : (c(), g("div", Q, [
+        V(q, {
+          buttonText: "Weitere hinzufügen",
+          size: "large",
+          iconStart: "plus",
+          variant: "tertiary",
+          class: "mt-3",
+          onClick: a[0] || (a[0] = (t) => y())
+        })
+      ]))
+    ], 64));
+  }
+};
+export {
+  ee as default
+};

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

@@ -0,0 +1,109 @@
+import { ref as i, onMounted as R, createElementBlock as c, openBlock as l, normalizeClass as y, createBlock as h, createCommentVNode as p, Fragment as A, renderList as C, createElementVNode as k, createVNode as w, toDisplayString as P, unref as n, isRef as B } from "vue";
+import E from "../ModalSimpleV3.vue.js";
+import D from "../InputField.vue.js";
+import { useFormValues as M } from "../../../composables/useDpiFormValues.js";
+/* empty css              */
+import S from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const T = { class: "dpiV3_LinkAndMetadata" }, F = {
+  key: 0,
+  class: "copy-mini-regular dpiV3_text_error"
+}, N = {
+  key: 1,
+  class: "copy-mini-regular dpiV3_text_error"
+}, q = {
+  __name: "PolicyV3",
+  props: {
+    policyItems: { type: Array, required: !0 },
+    distributionId: { type: Number, required: !0 },
+    asCard: { type: Boolean, required: !1, default: !1 }
+  },
+  emits: ["update"],
+  setup(d, { expose: I, emit: V }) {
+    const { formValues: _ } = M();
+    let r = i({});
+    const u = i({}), s = d, f = V, v = i(!1), g = i(null);
+    let m = i(!1);
+    R(() => {
+      console.log(
+        "Component Mounted: policyItems received for distributionId:",
+        s.distributionId
+      ), s.policyItems.length === 0 && f("update", [
+        {
+          id: 1,
+          "dcat:downloadURL": ""
+        }
+      ]);
+    });
+    const U = (o) => {
+      switch (o) {
+        case "delete":
+          b();
+          break;
+      }
+    };
+    I({ validateAllItems: () => {
+      const o = (e) => {
+        if (!e || e.trim() === "") return !1;
+        const t = e.trim();
+        return /\.[a-zA-Z]{2,}$/.test(t);
+      };
+      s.policyItems.forEach((e) => {
+        const t = e["dcat:downloadURL"] ? e["dcat:downloadURL"].trim() : "";
+        t && !o(t) ? u.value[e.id] = "Bitte geben Sie eine gültige URL ein." : delete u.value[e.id];
+      });
+    } });
+    const L = (o, e, t) => {
+      let a = i(_.value.DistributionSimple["dcat:distribution"].find((x) => x.id === t));
+      a.value.policyItems === void 0 && (a.value.policyItems = [{ "dcat:downloadURL": "" }]), a.value.policyItems[0]["dcat:downloadURL"] = o.target.value;
+    }, b = () => {
+      if (s.policyItems.length === 1) {
+        v.value = !0;
+        return;
+      }
+      const o = s.policyItems.filter(
+        (e) => e.id !== g.value.id
+      );
+      f("update", o);
+    };
+    return (o, e) => (l(), c("div", {
+      class: y(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: d.asCard }])
+    }, [
+      (l(!0), c(A, null, C(d.policyItems, (t) => (l(), c("div", {
+        key: t.id,
+        class: y(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: d.asCard }])
+      }, [
+        k("div", T, [
+          w(D, {
+            onInput: (a) => L(a, "dcat:downloadURL", t.id),
+            addOnText: !1,
+            datePicker: !1,
+            infoIcon: !1,
+            placeholder: "Bitte URL eingeben...",
+            preIcon: !1,
+            inputFieldSize: "large",
+            initialHintText: !1,
+            label: "URL",
+            showEndIcon: !1,
+            modelValue: t["dcat:downloadURL"],
+            "onUpdate:modelValue": (a) => t["dcat:downloadURL"] = a
+          }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue"]),
+          u.value[t.id] ? (l(), c("p", F, P(u.value[t.id]), 1)) : p("", !0),
+          v.value && d.policyItems.length === 1 ? (l(), c("p", N, " Mindestens eine URL muss vorhanden sein. ")) : p("", !0)
+        ])
+      ], 2))), 128)),
+      n(m) ? (l(), h(E, {
+        key: 0,
+        buttons: n(r).button,
+        headerText: n(r).header,
+        text: n(r).text,
+        onClose: e[0] || (e[0] = (t) => B(m) ? m.value = !1 : m = !1),
+        action: n(r).action,
+        onActionHandling: e[1] || (e[1] = (t) => U(t)),
+        optionalString_1: n(r).optionalString_1
+      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1"])) : p("", !0)
+    ], 2));
+  }
+}, G = /* @__PURE__ */ S(q, [["__scopeId", "data-v-389f6598"]]);
+export {
+  G as default
+};

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

@@ -0,0 +1,68 @@
+import { ref as d, onMounted as f, getCurrentInstance as v, watch as m, createBlock as S, openBlock as b } from "vue";
+import { getDatasetStatus as g } from "../../services/dpiV3_apis.js";
+import x from "../Dropdown.vue.js";
+const T = {
+  __name: "StatusV3",
+  props: {
+    distributionId: { type: Number, required: !1 },
+    showDeleteButton: { type: Boolean, default: !1 },
+    statusText: { type: String, default: "" }
+  },
+  emits: ["addStatus", "deleteButtonClicked"],
+  setup(u, { emit: i }) {
+    const l = d([]);
+    f(async () => {
+      const t = v().appContext.app.config.globalProperties.$env;
+      try {
+        const e = await g(t.api.baseUrl);
+        console.log(e), l.value = e.flatMap((o) => o.value === "OP_DATPRO" ? [] : o.value === "DEVELOP" ? [] : o.value === "DISCONT" ? [] : [{
+          "@value": o.label,
+          uri: o.resource,
+          selected: !1
+        }]);
+      } catch (e) {
+        console.error("Failed to load dataset status data:", e);
+      }
+    });
+    const n = u, s = d(n.statusText), r = i, p = (a) => {
+      const t = l.value.find((e) => e["@value"] === a);
+      console.log(t, l), r("addStatus", t, n.distributionId);
+    };
+    m(
+      () => n.statusText,
+      (a) => {
+        s.value = a;
+      }
+    );
+    const c = () => {
+      r("deleteButtonClicked", n.distributionId);
+    };
+    return (a, t) => (b(), S(x, {
+      "onUpdate:modelValue": [
+        t[0] || (t[0] = (e) => p(e)),
+        t[1] || (t[1] = (e) => s.value = e)
+      ],
+      dropdownWidth: "large",
+      type: "inputField",
+      modelValue: s.value,
+      inputFieldProps: {
+        addOnText: !1,
+        initialHintText: !1,
+        datePicker: !1,
+        infoIcon: !1,
+        preIcon: !1,
+        label: "Status (optional)",
+        dropdown_dpiV3: !0,
+        placeholder: "Geben Sie den Status ein...",
+        inputFieldSize: "large",
+        modelValue: s.value,
+        defaultInput: !u.showDeleteButton
+      },
+      data: l.value,
+      onDeleteDropdownField: c
+    }, null, 8, ["modelValue", "inputFieldProps", "data"]));
+  }
+};
+export {
+  T as default
+};

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

@@ -0,0 +1,31 @@
+import { defineComponent as o, createBlock as i, openBlock as a, withCtx as e, createElementVNode as t, toDisplayString as d, createTextVNode as s, createVNode as l, unref as p } from "vue";
+import { PhLightbulb as c } from "@phosphor-icons/vue";
+import u from "../Card.vue.js";
+const m = { class: "application-information" }, b = /* @__PURE__ */ o({
+  __name: "AreYouSureToSkipCard",
+  props: {
+    resourceLabel: {}
+  },
+  setup(f) {
+    return (n, r) => (a(), i(u, { variant: "default" }, {
+      icon: e(() => [
+        l(p(c), {
+          size: 32,
+          color: "#009fe3"
+        })
+      ]),
+      title: e(() => r[0] || (r[0] = [
+        s(" Vorsicht ", -1)
+      ])),
+      default: e(() => [
+        t("div", m, [
+          t("p", null, " Sind Sie sicher, dass Sie die Angabe der verwendeten " + d(n.resourceLabel) + " überspringen wollen? Jedem Schritt muss mindestens eine Software, ein Datensatz oder eine Hardware zugeordnet werden, die verwendet wurden. ", 1)
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  b as default
+};

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

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

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

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