@piveau/dpi 0.2.0-alpha.29 → 0.2.0-alpha.30

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

@@ -82,7 +82,7 @@ const A = { class: "dpi_home" }, O = { class: "copy-small-regular dpi_home-subti
       ], 64);
     };
   }
-}, Y = /* @__PURE__ */ x(R, [["__scopeId", "data-v-a1cdac00"]]);
+}, Y = /* @__PURE__ */ x(R, [["__scopeId", "data-v-cc25fb40"]]);
 export {
   Y as default
 };

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

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

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/Organisation.vue2.js

@@ -1,9 +1,9 @@
 import { defineComponent as V, computed as b, createElementBlock as s, openBlock as a, createElementVNode as t, toDisplayString as e } from "vue";
 import "axios";
-const k = { class: "dpiV3_organisation" }, y = { class: "dpiV3_organisationInfo" }, I = { class: "dpiV3_organisationData" }, w = {
+const k = { class: "dpiV3_organisation" }, y = { class: "dpiV3_organisationInfo" }, x = { class: "dpiV3_organisationData" }, D = {
   key: 0,
   class: "dpiV3_organisationTitle"
-}, D = ["src"], O = { key: 1 }, x = { class: "info-wrapper" }, T = { class: "dpiV3_organisationTitle" }, A = { class: "dpiV3_organisationTitle" }, o = "-", B = /* @__PURE__ */ V({
+}, I = ["src"], T = { key: 1 }, C = { class: "info-wrapper" }, N = { class: "dpiV3_organisationTitle" }, O = { class: "dpiV3_organisationTitle" }, n = "-", E = /* @__PURE__ */ V({
   __name: "Organisation",
   props: {
     title: {}
@@ -22,32 +22,32 @@ const k = { class: "dpiV3_organisation" }, y = { class: "dpiV3_organisationInfo"
         email: ""
       }
     }));
-    return (C, n) => {
-      var l, r, d, p, c, u, g, _, v, m;
+    return (S, o) => {
+      var l, r, d, p, c, u, _, g, v, m;
       return a(), s("div", k, [
-        n[2] || (n[2] = t("h3", { class: "dpiV3_organisationTitle" }, " Ihre Organisation ", -1)),
-        n[3] || (n[3] = t("p", { class: "dpiV3_organisationDescription" }, " Die Informationen Ihrer Organisation können nur von Ihrem Organisations-Admin geändert werden. Wenn Sie nicht wissen, wer Ihr Organisations-Admin ist, kontaktieren Sie uns gerne. ", -1)),
+        o[2] || (o[2] = t("h3", { class: "dpiV3_organisationTitle" }, " Ihre Organisation ", -1)),
+        o[3] || (o[3] = t("p", { class: "dpiV3_organisationDescription" }, " Wenn Sie die Informationen Ihrer Organisation ändern möchten, kontaktieren Sie uns gerne. ", -1)),
         t("div", y, [
           t("p", null, e(i.value.title), 1),
-          t("div", I, [
-            i.value.logo ? (a(), s("div", w, [
+          t("div", x, [
+            i.value.logo ? (a(), s("div", D, [
               t("img", {
                 src: i.value.logo,
                 alt: ""
-              }, null, 8, D)
-            ])) : (a(), s("div", O, n[0] || (n[0] = [
+              }, null, 8, I)
+            ])) : (a(), s("div", T, o[0] || (o[0] = [
               t("div", { class: "avatar-circle" }, null, -1)
             ]))),
-            t("div", x, [
-              t("div", T, [
-                t("p", null, e(((r = (l = i.value) == null ? void 0 : l.address) == null ? void 0 : r.street) || o), 1),
-                t("p", null, e(((p = (d = i.value) == null ? void 0 : d.address) == null ? void 0 : p.postalCode) || o) + " " + e(((u = (c = i.value) == null ? void 0 : c.address) == null ? void 0 : u.city) || o), 1)
+            t("div", C, [
+              t("div", N, [
+                t("p", null, e(((r = (l = i.value) == null ? void 0 : l.address) == null ? void 0 : r.street) || n), 1),
+                t("p", null, e(((p = (d = i.value) == null ? void 0 : d.address) == null ? void 0 : p.postalCode) || n) + " " + e(((u = (c = i.value) == null ? void 0 : c.address) == null ? void 0 : u.city) || n), 1)
               ]),
-              t("div", A, [
-                t("p", null, e(((_ = (g = i.value) == null ? void 0 : g.contact) == null ? void 0 : _.phoneNumber) || o), 1),
-                t("p", null, e(((m = (v = i.value) == null ? void 0 : v.contact) == null ? void 0 : m.email) || o), 1)
+              t("div", O, [
+                t("p", null, e(((g = (_ = i.value) == null ? void 0 : _.contact) == null ? void 0 : g.phoneNumber) || n), 1),
+                t("p", null, e(((m = (v = i.value) == null ? void 0 : v.contact) == null ? void 0 : m.email) || n), 1)
               ]),
-              n[1] || (n[1] = t("div", { style: { position: "absolute", top: "0", left: "0", width: "320px", height: "100%", "background-color": "var(--blue-30)", "border-radius": "24px", display: "grid", "place-content": "center" } }, [
+              o[1] || (o[1] = t("div", { style: { position: "absolute", top: "0", left: "0", width: "320px", height: "100%", "background-color": "var(--blue-30)", "border-radius": "24px", display: "grid", "place-content": "center" } }, [
                 t("p", null, "Keine Daten verfügbar")
               ], -1))
             ])
@@ -58,5 +58,5 @@ const k = { class: "dpiV3_organisation" }, y = { class: "dpiV3_organisationInfo"
   }
 });
 export {
-  B as default
+  E as default
 };

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

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

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

@@ -1,64 +1,66 @@
-import { defineComponent as C, computed as y, createElementBlock as s, openBlock as o, normalizeClass as V, createElementVNode as n, createBlock as _, withCtx as i, renderSlot as t, createCommentVNode as l, createVNode as p } from "vue";
-import m from "./ButtonV3.vue.js";
+import { defineComponent as v, computed as y, createElementBlock as s, openBlock as a, normalizeClass as V, createElementVNode as n, createBlock as _, withCtx as l, renderSlot as t, createCommentVNode as i, createVNode as p } from "vue";
+import c from "./ButtonV3.vue.js";
 import k from "./SummaryBox.vue.js";
-const $ = { class: "dpiV3_Card_Header" }, B = {
+const B = { class: "dpiV3_Card_Header" }, $ = {
   key: 1,
   class: "standalone-text"
-}, h = { class: "dpiV3_Card_Actions" }, E = { class: "dpiV3_Card_Body" }, A = /* @__PURE__ */ C({
+}, h = { class: "dpiV3_Card_Actions" }, E = { class: "dpiV3_Card_Body" }, A = /* @__PURE__ */ v({
   __name: "ActionCard",
   props: {
     variant: { default: "default" },
     noEdit: { type: Boolean, default: !1 },
-    noDelete: { type: Boolean, default: !0 }
+    noDelete: { type: Boolean, default: !0 },
+    spaced: { type: Boolean, default: !1 }
   },
   emits: ["edit", "delete"],
-  setup(u, { emit: c }) {
-    const r = u, d = c, f = y(() => ({
+  setup(u, { emit: m }) {
+    const d = u, r = m, f = y(() => ({
       "V3-typography": !0,
       dpiV3_Card: !0,
-      "dpiV3_Card--default": r.variant === "default",
-      "dpiV3_Card--error": r.variant === "error"
+      "dpiV3_Card--default": d.variant === "default",
+      "dpiV3_Card--error": d.variant === "error",
+      "dpiV3_Card--spaced": d.spaced
     }));
-    return (e, a) => (o(), s("div", {
+    return (e, o) => (a(), s("div", {
       class: V(f.value)
     }, [
-      n("div", $, [
-        e.$slots["standalone-name"] ? (o(), s("span", B, [
+      n("div", B, [
+        e.$slots["standalone-name"] ? (a(), s("span", $, [
           t(e.$slots, "standalone-name")
-        ])) : (o(), _(k, { key: 0 }, {
-          title: i(() => [
+        ])) : (a(), _(k, { key: 0 }, {
+          title: l(() => [
             t(e.$slots, "sub-title")
           ]),
-          default: i(() => [
+          default: l(() => [
             t(e.$slots, "title")
           ]),
           _: 3
         })),
         n("div", h, [
-          e.noEdit ? l("", !0) : (o(), s("div", {
+          e.noEdit ? i("", !0) : (a(), s("div", {
             key: 0,
-            onClick: a[0] || (a[0] = (v) => d("edit"))
+            onClick: o[0] || (o[0] = (C) => r("edit"))
           }, [
             t(e.$slots, "edit-icon", {}, () => [
-              p(m, {
+              p(c, {
                 size: "large",
                 "icon-start": "pen",
                 variant: "secondary"
               })
             ])
           ])),
-          e.noDelete ? (o(), s("div", {
+          e.noDelete ? (a(), s("div", {
             key: 1,
-            onClick: a[1] || (a[1] = (v) => d("delete"))
+            onClick: o[1] || (o[1] = (C) => r("delete"))
           }, [
             t(e.$slots, "delete-icon", {}, () => [
-              p(m, {
+              p(c, {
                 size: "large",
                 "icon-start": "Trash",
                 variant: "secondary"
               })
             ])
-          ])) : l("", !0)
+          ])) : i("", !0)
         ])
       ]),
       n("div", E, [

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

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

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

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

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Autocomplete/AutocompleteVocab.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as K, mergeModels as P, computed as l, ref as M, useModel as W, watch as R, createBlock as B, openBlock as A, unref as v, createSlots as X, withCtx as D, createElementVNode as Y, createTextVNode as Z, createCommentVNode as w, toDisplayString as ee, renderSlot as re } from "vue";
-import { PhSpinner as oe } from "@phosphor-icons/vue";
+import { defineComponent as K, mergeModels as P, computed as t, ref as R, toRef as W, useModel as X, watch as M, createBlock as B, openBlock as A, unref as v, createSlots as Y, withCtx as D, createElementVNode as Z, createTextVNode as w, createCommentVNode as ee, toDisplayString as re, renderSlot as oe } from "vue";
+import { PhSpinner as te } from "@phosphor-icons/vue";
 import { defineHubSearch as le } from "@piveau/sdk-vue";
 import { useDebounce as p } from "@vueuse/core";
-import te from "zod";
-import se from "./Autocomplete.vue.js";
-const ae = { class: "autocomplete-vocab__label" }, fe = /* @__PURE__ */ K({
+import se from "zod";
+import ae from "./Autocomplete.vue.js";
+const ue = { class: "autocomplete-vocab__label" }, pe = /* @__PURE__ */ K({
   __name: "AutocompleteVocab",
   props: /* @__PURE__ */ P({
     by: { default: "" },
@@ -18,18 +18,19 @@ const ae = { class: "autocomplete-vocab__label" }, fe = /* @__PURE__ */ K({
     setupFn: {},
     disabled: { type: Boolean, default: !1 },
     isAutocompleteDisabled: { type: Boolean, default: !1 },
-    postProcessFn: {}
+    postProcessFn: {},
+    sort: { default: void 0 }
   }, {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ P(["select"], ["update:modelValue"]),
   setup(b, { emit: I }) {
-    const r = b, U = I, u = l(() => !!r.vocabulary), m = l(() => r.by || u.value ? "vocabulary" : "resource"), _ = l(() => r.resource === "dataset" ? "dataset" : u.value ? "vocabulary" : m.value), k = l(() => r.resource === "dataset" ? "datasets" : u.value ? "vocabularies" : m.value === "resource" ? `resources/${r.resource}` : "vocabularies"), E = l(() => !r.isAutocompleteDisabled && !!(r.resource || r.vocabulary)), { useSearch: L, useResource: $ } = le({
+    const r = b, U = I, u = t(() => !!r.vocabulary), m = t(() => r.by || u.value ? "vocabulary" : "resource"), _ = t(() => r.resource === "dataset" ? "dataset" : u.value ? "vocabulary" : m.value), k = t(() => r.resource === "dataset" ? "datasets" : u.value ? "vocabularies" : m.value === "resource" ? `resources/${r.resource}` : "vocabularies"), E = t(() => !r.isAutocompleteDisabled && !!(r.resource || r.vocabulary)), { useSearch: L, useResource: $ } = le({
       baseUrl: r.baseUrl,
       index: _.value,
       indexDetails: k.value,
-      schema: te.any()
+      schema: se.any()
     }, (e) => {
       var d, V, F;
       const o = (d = r.setupFn) == null ? void 0 : d.call(r, e), s = String((o == null ? void 0 : o.id) || (e == null ? void 0 : e.resource) || ""), n = String((o == null ? void 0 : o.name) || ((V = e == null ? void 0 : e.pref_label) == null ? void 0 : V.de) || ((F = e == null ? void 0 : e.pref_label) == null ? void 0 : F.en) || "");
@@ -38,7 +39,7 @@ const ae = { class: "autocomplete-vocab__label" }, fe = /* @__PURE__ */ K({
         id: s,
         name: n
       };
-    }), f = M(""), C = p(f, 300), N = l(() => r.vocabulary), { getSearchResultsEnhanced: O, isFetching: x } = L({
+    }), f = R(""), C = p(f, 300), N = t(() => r.vocabulary), { getSearchResultsEnhanced: O, isFetching: x } = L({
       queryOptions: {
         enabled: E
       },
@@ -48,57 +49,58 @@ const ae = { class: "autocomplete-vocab__label" }, fe = /* @__PURE__ */ K({
         // ...vocabularyRef.value
         //   ? { vocabulary: vocabularyRef }
         //   : { resource: props.resource },
-        vocabulary: l(() => u.value ? N.value : "")
+        vocabulary: t(() => u.value ? N.value : ""),
         // resource: computed(() => props.resource || ''),
+        sort: W(r.sort)
       },
-      additionalParams: l(() => ({
+      additionalParams: t(() => ({
         resource: m.value === "resource" ? r.resource : ""
       }))
-    }), z = l(() => {
+    }), z = t(() => {
       let e = O.value || [];
       return r.postProcessFn && (e = r.postProcessFn(e)), e;
-    }), t = W(b, "modelValue"), y = l(() => !(!t.value || typeof t.value == "string")), T = l(() => typeof t.value == "string");
+    }), l = X(b, "modelValue"), y = t(() => !(!l.value || typeof l.value == "string")), T = t(() => typeof l.value == "string");
     function i(e) {
       return String(e ?? "").trim();
     }
-    const c = l(() => {
+    const c = t(() => {
       var e;
-      return typeof t.value == "string" ? i(t.value) : i((e = t.value) == null ? void 0 : e.id);
-    }), g = l(() => T.value && !!c.value), j = l(() => g.value ? u.value ? `${r.vocabulary}/vocable` : c.value : ""), H = l(() => u.value ? { resource: c.value } : {}), {
+      return typeof l.value == "string" ? i(l.value) : i((e = l.value) == null ? void 0 : e.id);
+    }), g = t(() => T.value && !!c.value), j = t(() => g.value ? u.value ? `${r.vocabulary}/vocable` : c.value : ""), H = t(() => u.value ? { resource: c.value } : {}), {
       resultEnhanced: Q,
-      isSuccess: ue,
+      isSuccess: ne,
       isFetching: G
     } = $(j, {
       additionalParams: H,
       queryOptions: {
         enabled: g
       }
-    }), h = p(G, 350), J = p(x, 350), a = M(), S = l({
+    }), h = p(G, 350), J = p(x, 350), a = R(), S = t({
       get: () => {
         var s, n;
         const e = c.value;
         if (!e)
           return { id: "", name: "" };
-        const o = typeof t.value == "object" && t.value !== null ? t.value.name : i((s = a.value) == null ? void 0 : s.id) === e ? ((n = a.value) == null ? void 0 : n.name) ?? "" : "";
+        const o = typeof l.value == "object" && l.value !== null ? l.value.name : i((s = a.value) == null ? void 0 : s.id) === e ? ((n = a.value) == null ? void 0 : n.name) ?? "" : "";
         return { id: e, name: o };
       },
       set: (e) => {
         if (!e) {
-          a.value = void 0, t.value = "";
+          a.value = void 0, l.value = "";
           return;
         }
         if (typeof e == "string") {
-          a.value = void 0, t.value = e.trim();
+          a.value = void 0, l.value = e.trim();
           return;
         }
-        a.value = e, t.value = i(e.id);
+        a.value = e, l.value = i(e.id);
       }
     });
-    return R(Q, (e, o) => {
-      e && (o && o.id === e.id || (a.value = e, y.value && (t.value = e), y.value || (t.value = i(e.id))));
-    }, { immediate: !0 }), R(a, (e) => {
+    return M(Q, (e, o) => {
+      e && (o && o.id === e.id || (a.value = e, y.value && (l.value = e), y.value || (l.value = i(e.id))));
+    }, { immediate: !0 }), M(a, (e) => {
       e && U("select", e);
-    }, { immediate: !0 }), (e, o) => (A(), B(se, {
+    }, { immediate: !0 }), (e, o) => (A(), B(ae, {
       modelValue: S.value,
       "onUpdate:modelValue": o[0] || (o[0] = (s) => S.value = s),
       query: f.value,
@@ -110,14 +112,14 @@ const ae = { class: "autocomplete-vocab__label" }, fe = /* @__PURE__ */ K({
       name: e.name,
       disabled: v(h) || r.disabled,
       loading: v(J)
-    }, X({
+    }, Y({
       label: D(() => [
-        Y("div", ae, [
-          Z(ee(e.label) + " ", 1),
-          v(h) ? (A(), B(v(oe), {
+        Z("div", ue, [
+          w(re(e.label) + " ", 1),
+          v(h) ? (A(), B(v(te), {
             key: 0,
             class: "animate-spin"
-          })) : w("", !0)
+          })) : ee("", !0)
         ])
       ]),
       _: 2
@@ -125,7 +127,7 @@ const ae = { class: "autocomplete-vocab__label" }, fe = /* @__PURE__ */ K({
       e.$slots.option ? {
         name: "option",
         fn: D(({ option: s, active: n, selected: q, disabled: d }) => [
-          re(e.$slots, "option", {
+          oe(e.$slots, "option", {
             option: s,
             active: n,
             selected: q,
@@ -138,5 +140,5 @@ const ae = { class: "autocomplete-vocab__label" }, fe = /* @__PURE__ */ K({
   }
 });
 export {
-  fe as default
+  pe as default
 };

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

@@ -1,5 +1,5 @@
-import { useAttrs as C, ref as f, computed as S, createElementBlock as F, createCommentVNode as c, openBlock as n, normalizeClass as M, createBlock as d, resolveDynamicComponent as P, mergeProps as D, withModifiers as T, unref as r, withCtx as W, createElementVNode as w, toDisplayString as N } from "vue";
-import { PhMagnifyingGlass as m, PhX as V } from "@phosphor-icons/vue";
+import { useAttrs as C, ref as p, computed as S, createElementBlock as F, createCommentVNode as c, openBlock as n, normalizeClass as M, createBlock as d, resolveDynamicComponent as P, mergeProps as D, withModifiers as T, unref as r, withCtx as W, createElementVNode as w, toDisplayString as N } from "vue";
+import { PhMagnifyingGlass as m, PhX as b } from "@phosphor-icons/vue";
 import { useVModel as j } from "@vueuse/core";
 /* empty css          */
 import q from "../../../../../../_virtual/_plugin-vue_export-helper.js";
@@ -25,14 +25,18 @@ const A = ["title"], E = { class: "dpiV3_chipBody-text" }, G = {
     selectValue: {
       type: Boolean,
       default: !1
+    },
+    noBorder: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["click", "selection-change", "update:selectValue"],
-  setup(e, { emit: b }) {
-    const t = e, h = b, v = C(), u = f(), i = j(t, "selectValue", h, {
+  setup(e, { emit: V }) {
+    const t = e, h = V, y = C(), u = p(), i = j(t, "selectValue", h, {
       defaultValue: t.setup["@selected"],
       passive: !0
-    }), y = f(), o = f("16px");
+    }), v = p(), o = p("16px");
     function k(s) {
     }
     function x(s, l) {
@@ -41,25 +45,25 @@ const A = ["title"], E = { class: "dpiV3_chipBody-text" }, G = {
         data: t.data
       }), i.value))
         for (let a = 0; a < u.value.children[0].children.length; a++)
-          u.value.children[0].children[a].tagName === "IMG" && !y.value && (i.value ? u.value.children[0].children[a].src = X : u.value.children[0].children[a].src = XB);
+          u.value.children[0].children[a].tagName === "IMG" && !v.value && (i.value ? u.value.children[0].children[a].src = X : u.value.children[0].children[a].src = XB);
     }
-    t.setup["@type"] === "selected" && (i.value = !0), t.setup["@search"] && (y.value = !0);
-    const p = f(!1);
-    function g(s) {
-      p.value = !0;
+    t.setup["@type"] === "selected" && (i.value = !0), t.setup["@search"] && (v.value = !0);
+    const f = p(!1);
+    function B(s) {
+      f.value = !0;
     }
-    function B() {
-      p.value = !1;
+    function g() {
+      f.value = !1;
     }
     const z = S(() => t.as === "button" ? {
       type: "button",
-      ...v
-    } : v);
+      ...y
+    } : y);
     return (s, l) => typeof e.text < "u" ? (n(), F("div", {
       key: 0,
       ref_key: "chipWrap",
       ref: u,
-      class: M(["dpiV3_chipBorder", { dpiV3_focusBorder: p.value, dpiV3_inTableWrap: e.setup["@inTable"], dpiV3_inRaPFindability_outer: e.setup["@rapfindability"] }]),
+      class: M({ dpiV3_chipBorder: !e.noBorder, dpiV3_focusBorder: f.value, dpiV3_inTableWrap: e.setup["@inTable"], dpiV3_inRaPFindability_outer: e.setup["@rapfindability"] }),
       title: e.text,
       onClick: k
     }, [
@@ -69,7 +73,7 @@ const A = ["title"], E = { class: "dpiV3_chipBody-text" }, G = {
           dpiV3_chipSelected: r(i),
           dpiV3_chipDefault: e.setup["@type"] === "default",
           dpiV3_chipDisabled: e.setup["@type"] === "disabled",
-          dpiV3_specialFocus: p.value,
+          dpiV3_specialFocus: f.value,
           dpiV3_inTable: e.setup["@inTable"],
           dpiV3_chipStatic: e.setup["@type"] === "static",
           dpiV3_inFindability: e.setup["@findability"],
@@ -79,20 +83,20 @@ const A = ["title"], E = { class: "dpiV3_chipBody-text" }, G = {
         onClick: l[0] || (l[0] = (a) => x(e.setup["@type"])),
         onMousedown: l[1] || (l[1] = T(() => {
         }, ["prevent"])),
-        onFocus: l[2] || (l[2] = (a) => g()),
-        onBlur: B
+        onFocus: l[2] || (l[2] = (a) => B()),
+        onBlur: g
       }), {
         default: W(() => [
           e.setup["@search"] && e.setup["@icon"] === "prefix" ? (n(), d(r(m), {
             key: 0,
             size: o.value
           }, null, 8, ["size"])) : c("", !0),
-          !e.setup["@search"] && e.setup["@icon"] === "prefix" ? (n(), d(r(V), {
+          !e.setup["@search"] && e.setup["@icon"] === "prefix" ? (n(), d(r(b), {
             key: 1,
             size: o.value
           }, null, 8, ["size"])) : c("", !0),
           w("span", E, N(e.text), 1),
-          !e.setup["@search"] && e.setup["@icon"] === "suffix" ? (n(), d(r(V), {
+          !e.setup["@search"] && e.setup["@icon"] === "suffix" ? (n(), d(r(b), {
             key: 2,
             size: o.value
           }, null, 8, ["size"])) : c("", !0),
@@ -105,7 +109,7 @@ const A = ["title"], E = { class: "dpiV3_chipBody-text" }, G = {
       }, 16, ["class", "disabled"]))
     ], 10, A)) : c("", !0);
   }
-}, U = /* @__PURE__ */ q(G, [["__scopeId", "data-v-c0f41940"]]);
+}, U = /* @__PURE__ */ q(G, [["__scopeId", "data-v-82bf1b8c"]]);
 export {
   U as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataCollection/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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6964f995"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e35c4aab"]]);
 export {
-  m as default
+  p as default
 };

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

@@ -121,7 +121,7 @@ const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" },
         ])
       ]),
       n(T, {
-        "class-list": "step-container",
+        compact: "",
         "next-text": "Weiter zu Software"
       }, {
         "prev-and-next": i(({

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataProcessing/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-be37f85f"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-378c9df7"]]);
 export {
-  s as default
+  c as default
 };

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

@@ -117,7 +117,7 @@ const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" },
         ])
       ]),
       n(I, {
-        "class-list": "step-actions",
+        compact: "",
         "next-text": "Weiter zu Software"
       }, {
         "prev-and-next": i(({

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataSimulation/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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f553622f"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9722e622"]]);
 export {
-  m as default
+  r as default
 };

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

@@ -3,10 +3,10 @@ import { FormKit as k } from "@formkit/vue";
 import { PhLightbulb as x } from "@phosphor-icons/vue";
 import E from "../../../../stories/components/LinkCard.vue.js";
 import I from "../../../components/StepActionsSection.vue.js";
+import { dpiStepperKey as N } from "../../../utils/injectionKeys.js";
 import l from "../ButtonV3.vue.js";
 import _ from "../Card.vue.js";
-import N from "../TextArea/TextAreaDefinition.js";
-import { dpiStepperKey as A } from "../../../utils/injectionKeys.js";
+import A from "../TextArea/TextAreaDefinition.js";
 const F = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" }, W = { class: "funny-section" }, $ = {
   id: "partners-section",
   class: "funny-section"
@@ -18,7 +18,7 @@ const F = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" },
     const C = B(() => {
       var g;
       return ((g = f.value) == null ? void 0 : g.length) || 0;
-    }), V = D(A);
+    }), V = D(N);
     return (g, e) => (o(), z("div", F, [
       e[9] || (e[9] = t("section", { class: "funny-section" }, [
         t("div", { class: "funny-flex" }, [
@@ -37,7 +37,7 @@ const F = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" },
           "onUpdate:modelValue": e[0] || (e[0] = (r) => f.value = r),
           class: "budgetArea",
           label: "Beschreibung",
-          type: s(N),
+          type: s(A),
           name: "description",
           "text-label": "Beschreibung",
           placeholder: "Beschreiben Sie kurz Ihr Vorgehen, Ziel und Ergebnis des Prozessschritts.",
@@ -113,7 +113,10 @@ const F = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" },
           }, 8, ["modelValue"])
         ])
       ]),
-      n(I, { "next-text": "Weiter zu Software" }, {
+      n(I, {
+        compact: "",
+        "next-text": "Weiter zu Software"
+      }, {
         "prev-and-next": i(({
           hidePrevious: r,
           hideNext: a,
@@ -135,15 +138,15 @@ const F = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" },
               }, null, 8, ["button-text", "onClick"])),
               r ? v("", !0) : (o(), h(l, {
                 key: 1,
-                onClick: e[2] || (e[2] = () => {
-                  var m;
-                  return (m = s(V)) == null ? void 0 : m.goToStep("4. Datenvisualisierung/Grundlegende Informationen");
-                }),
                 variant: "secondary",
                 size: "large",
                 "button-text": "Weiter ohne Datensimulation",
                 "icon-end": "CaretRight",
-                class: "secondary-button"
+                class: "secondary-button",
+                onClick: e[2] || (e[2] = () => {
+                  var m;
+                  return (m = s(V)) == null ? void 0 : m.goToStep("4. Datenvisualisierung/Grundlegende Informationen");
+                })
               }))
             ]),
             a ? v("", !0) : (o(), h(l, {

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

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