@piveau/dpi 0.2.0-alpha.4 → 0.2.0-alpha.6

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

@@ -2,7 +2,7 @@ import { mapActions as c, mapGetters as u } from "vuex";
 import h from "axios";
 import { createElementBlock as l, openBlock as d, createElementVNode as a, withDirectives as m, toDisplayString as p, vModelText as f } from "vue";
 /* empty css                      */
-import y from "../../_virtual/_plugin-vue_export-helper.js";
+import y from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const g = {
   props: {
     name: {

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/views/OverviewPage/CatalogueOverview.vue.js

@@ -1,7 +1,7 @@
 import m from "./PropertyEntry.vue.js";
 import { mapGetters as u } from "vuex";
 import { resolveComponent as v, createElementBlock as s, openBlock as l, createCommentVNode as r, createElementVNode as e, toDisplayString as c, Fragment as b, renderList as _, createVNode as f } from "vue";
-import h from "../../../_virtual/_plugin-vue_export-helper.js";
+import h from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const y = {
   data() {
     return {

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/views/OverviewPage/DatasetOverview.vue.js

@@ -4,7 +4,7 @@ import { mapGetters as R } from "vuex";
 import L from "axios";
 import { resolveComponent as g, createElementBlock as d, createCommentVNode as u, openBlock as o, createElementVNode as t, toDisplayString as l, createVNode as p, Fragment as b, renderList as v, createTextVNode as I } from "vue";
 /* empty css                     */
-import U from "../../../_virtual/_plugin-vue_export-helper.js";
+import U from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const w = {
   data() {
     return {

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/views/OverviewPage/DistributionOverview.vue.js

@@ -5,7 +5,7 @@ import { truncate as I } from "../../../utils/helpers.js";
 import S from "../../utils/general-helper.js";
 import { resolveComponent as R, createElementBlock as e, openBlock as t, createElementVNode as s, toDisplayString as i, Fragment as g, renderList as v, createVNode as y, createTextVNode as h, createCommentVNode as b } from "vue";
 /* empty css                          */
-import U from "../../../_virtual/_plugin-vue_export-helper.js";
+import U from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const C = {
   props: {
     dpiLocale: String,

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/views/OverviewPage/Properties/SpecialProp.vue.js

@@ -5,7 +5,7 @@ import O from "./URIProp.vue.js";
 import "zod";
 import { resolveComponent as w, createElementBlock as l, openBlock as d, Fragment as y, createCommentVNode as i, createElementVNode as u, toDisplayString as a, createTextVNode as o, createVNode as f, withCtx as m, createBlock as R, renderList as V } from "vue";
 /* empty css                 */
-import j from "../../../../_virtual/_plugin-vue_export-helper.js";
+import j from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const U = {
   props: {
     property: String,

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/views/OverviewPage/Properties/StringProp.vue.js

@@ -1,6 +1,6 @@
 import { createElementBlock as e, openBlock as a, Fragment as d, createElementVNode as o, toDisplayString as r, createCommentVNode as l, renderList as c, createTextVNode as s } from "vue";
 /* empty css                */
-import y from "../../../../_virtual/_plugin-vue_export-helper.js";
+import y from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _ = {
   props: {
     property: String,

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/views/OverviewPage/Properties/URIProp.vue.js

@@ -5,7 +5,7 @@ import { useDpiContext as h } from "../../../composables/useDpiContext.js";
 import { useAutocomplete as p } from "../../../composables/aucotomplete.js";
 import { createElementBlock as r, openBlock as i, Fragment as m, createCommentVNode as c, toDisplayString as o, normalizeClass as g, renderList as v } from "vue";
 /* empty css             */
-import _ from "../../../../_virtual/_plugin-vue_export-helper.js";
+import _ from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const b = {
   data() {
     return {

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/views/OverviewPage/Properties/URLProp.vue.js

@@ -2,7 +2,7 @@ import "zod";
 import h from "../../../../widgets/AppLink.vue.js";
 import { has as k, isNil as x, isEmpty as g } from "lodash-es";
 import { resolveComponent as v, createElementBlock as n, openBlock as o, Fragment as p, createElementVNode as y, createCommentVNode as r, toDisplayString as s, createVNode as E, withCtx as c, createTextVNode as l, withDirectives as V, vModelText as w, renderList as O, createBlock as f } from "vue";
-import P from "../../../../_virtual/_plugin-vue_export-helper.js";
+import P from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const U = {
   data() {
     return {

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/views/OverviewPage/PropertyEntry.vue.js

@@ -6,7 +6,7 @@ import f from "./Properties/MultilingualProp.vue.js";
 import S from "../../utils/general-helper.js";
 import "lodash-es";
 import { resolveComponent as l, createElementBlock as a, openBlock as t, createCommentVNode as r, createBlock as o, createVNode as n, Fragment as k, renderList as R } from "vue";
-import U from "../../../_virtual/_plugin-vue_export-helper.js";
+import U from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const h = {
   components: {
     URIProp: _,

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

@@ -6,7 +6,7 @@ import x from "./OverviewPage/CatalogueOverview.vue.js";
 import { useIntersectionObserver as _ } from "@vueuse/core";
 import { resolveComponent as n, createElementBlock as r, openBlock as o, Fragment as C, createElementVNode as s, createCommentVNode as c, createTextVNode as I, createVNode as k, toDisplayString as D, createBlock as f, createStaticVNode as L, useTemplateRef as O, ref as V, getCurrentInstance as A } from "vue";
 /* empty css                  */
-import E from "../../_virtual/_plugin-vue_export-helper.js";
+import E from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const P = {
   components: {
     LanguageSelector: y,

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

@@ -1,5 +1,5 @@
 import { defineComponent as d, createElementBlock as r, openBlock as n, createCommentVNode as s, createElementVNode as o, createTextVNode as i, Fragment as p, renderList as a, toDisplayString as m } from "vue";
-import u from "../../_virtual/_plugin-vue_export-helper.js";
+import u from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const f = d({
   props: {
     properties: {},

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

@@ -5,7 +5,7 @@ import M from "axios";
 import { useRouter as N, useRoute as P } from "vue-router";
 import { has as i, isNil as u } from "lodash-es";
 /* empty css                        */
-import U from "../../_virtual/_plugin-vue_export-helper.js";
+import U from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const j = { class: "catOverview" }, x = { class: "d-flex flex-column bg-transparent container-fluid justify-content-between content" }, E = { class: "small-headline" }, Q = { class: "m-0" }, S = ["onClick"], V = {
   __name: "UserCataloguesPage",
   setup(B) {

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

@@ -1,7 +1,7 @@
 import { mapGetters as c } from "vuex";
 import { createElementBlock as r, openBlock as o, createElementVNode as e, createCommentVNode as d, createTextVNode as l, toDisplayString as i, Fragment as u, renderList as p, getCurrentInstance as m } from "vue";
 /* empty css                     */
-import f from "../../_virtual/_plugin-vue_export-helper.js";
+import f from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _ = {
   name: "DataProviderInterface-UserProfile",
   // props: [],

package/dist/{form → packages/dpi/src/form}/FormKitGroup.vue.js

@@ -1,7 +1,7 @@
 import { token as l } from "@formkit/utils";
 import { resolveComponent as m, createElementBlock as s, openBlock as i, Fragment as d, renderList as p, normalizeClass as u, createElementVNode as o, toDisplayString as h, renderSlot as _, createVNode as f } from "vue";
 /* empty css                  */
-import k from "../_virtual/_plugin-vue_export-helper.js";
+import k from "../../../../_virtual/_plugin-vue_export-helper.js";
 const v = {
   props: {
     name: String,

package/dist/{form → packages/dpi/src/form}/Repeatable.vue.js

@@ -1,6 +1,6 @@
 import o from "./Repeatable.vue2.js";
 /* empty css                */
-import t from "../_virtual/_plugin-vue_export-helper.js";
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
 const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-49be454c"]]);
 export {
   r as default

package/dist/{stories → packages/dpi/src/stories}/components/DemoStep.vue.js

@@ -10,7 +10,7 @@ import I from "../../data-provider-interface/HappyFlowComponents/ui/InputField/I
 import j from "../../data-provider-interface/HappyFlowComponents/ui/ListBox/Listbox.vue.js";
 import P from "./PartnerCard.vue.js";
 /* empty css              */
-import A from "../../_virtual/_plugin-vue_export-helper.js";
+import A from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const N = { class: "dpiV3_page V3-typography" }, R = {
   id: "partners-section",
   class: "funny-section"

package/dist/packages/dpi/src/stories/components/DemoStepper.vue.js

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

package/dist/{stories → packages/dpi/src/stories}/components/DemoStepper.vue2.js

@@ -1,112 +1,116 @@
-import { defineComponent as E, ref as d, toRef as $, computed as p, watch as q, createElementBlock as z, openBlock as x, createElementVNode as a, createVNode as e, toDisplayString as H, unref as i, isRef as _, withCtx as o, createBlock as J, createCommentVNode as K, createTextVNode as M, nextTick as A } from "vue";
-import { FormKit as f } from "@formkit/vue";
+import { defineComponent as z, ref as p, toRef as E, computed as d, watch as I, createElementBlock as $, openBlock as _, createElementVNode as l, createVNode as e, toDisplayString as A, unref as a, isRef as x, withCtx as n, createBlock as H, createCommentVNode as J, createTextVNode as K, nextTick as M } from "vue";
+import { FormKit as g } from "@formkit/vue";
 import r from "../../data-provider-interface/components/InputPageStep.vue.js";
-import G from "../../data-provider-interface/components/ProgressSteps.vue.js";
-import { useDpiStepper as I } from "../../data-provider-interface/composables/useDpiStepper.js";
+import q from "../../data-provider-interface/components/ProgressSteps.vue.js";
+import { useDpiStepper as G } from "../../data-provider-interface/composables/useDpiStepper.js";
 import W from "../../data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectDescriptionStep.vue.js";
 import Q from "../../data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js";
 import X from "../../data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js";
 import S from "../../data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.js";
 import Y from "../../data-provider-interface/HappyFlowComponents/ui/Card.vue.js";
-import Z from "../../data-provider-interface/HappyFlowComponents/ui/DpiModalBase.vue.js";
-import ee from "../../data-provider-interface/HappyFlowComponents/ui/Findability/DiscoverabilityStep.vue.js";
-import te from "../../data-provider-interface/HappyFlowComponents/ui/LandingProjectStep/LandingProjectStep.vue.js";
-import ne from "../../data-provider-interface/HappyFlowComponents/ui/ListBox/Listbox.vue.js";
-import oe from "../../data-provider-interface/HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue.js";
-import le from "../../data-provider-interface/HappyFlowComponents/ui/Projektphasen/PlanenStep.vue.js";
-import re from "../../data-provider-interface/HappyFlowComponents/ui/Projektphasen/ProjektPhasenOverviewStep.vue.js";
-import ie from "../../data-provider-interface/HappyFlowComponents/ui/Projektphasen/UmstezenStep.vue.js";
-import ae from "../../data-provider-interface/HappyFlowComponents/ui/Projektphasen/WeiterdenkenStep.vue.js";
+import Z from "../../data-provider-interface/HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue.js";
+import ee from "../../data-provider-interface/HappyFlowComponents/ui/DpiModalBase.vue.js";
+import te from "../../data-provider-interface/HappyFlowComponents/ui/Findability/ApplicationsStep.vue.js";
+import ne from "../../data-provider-interface/HappyFlowComponents/ui/Findability/DiscoverabilityStep.vue.js";
+import oe from "../../data-provider-interface/HappyFlowComponents/ui/LandingProjectStep/LandingProjectStep.vue.js";
+import re from "../../data-provider-interface/HappyFlowComponents/ui/ListBox/Listbox.vue.js";
+import ie from "../../data-provider-interface/HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue.js";
+import le from "../../data-provider-interface/HappyFlowComponents/ui/ProcessSteps/ProcessStepsOverviewStep.vue.js";
+import ae from "../../data-provider-interface/HappyFlowComponents/ui/Projektphasen/InitiierenStep.vue.js";
+import ue from "../../data-provider-interface/HappyFlowComponents/ui/Projektphasen/PlanenStep.vue.js";
+import se from "../../data-provider-interface/HappyFlowComponents/ui/Projektphasen/ProjektPhasenOverviewStep.vue.js";
+import me from "../../data-provider-interface/HappyFlowComponents/ui/Projektphasen/UmstezenStep.vue.js";
+import pe from "../../data-provider-interface/HappyFlowComponents/ui/Projektphasen/WeiterdenkenStep.vue.js";
 import w from "./DemoStep.vue.js";
-import ue from "./ReviewStepDemo.vue.js";
-const se = { class: "demo-stepper" }, me = { style: { "margin-bottom": "1rem", padding: "1rem", background: "#f5f5f5", "border-radius": "8px" } }, de = { style: { display: "flex", "flex-direction": "column", gap: "2.5rem" } }, pe = { class: "dev-actions" }, Be = /* @__PURE__ */ E({
+import de from "./ReviewStepDemo.vue.js";
+const fe = { class: "demo-stepper" }, ve = { style: { "margin-bottom": "1rem", padding: "1rem", background: "#f5f5f5", "border-radius": "8px" } }, ce = { style: { display: "flex", "flex-direction": "column", gap: "2.5rem" } }, ge = { class: "dev-actions" }, He = /* @__PURE__ */ z({
   __name: "DemoStepper",
-  setup(fe) {
-    const s = d({}), {
+  setup(Se) {
+    const s = p({}), {
       steps: C,
-      stepList: v,
+      stepList: f,
       visitedSteps: m,
-      stepPlugin: N,
-      goToNextStep: P,
-      goToPreviousStep: D,
+      stepPlugin: P,
+      goToNextStep: N,
+      goToPreviousStep: h,
       current: u,
-      isLast: O,
-      triggerValidationCurrentStep: j,
-      goToStep: R
-    } = I(), T = $(C);
-    function U(n) {
-      var l;
-      const t = (l = T.value) == null ? void 0 : l[n];
+      isLast: D,
+      triggerValidationCurrentStep: O,
+      goToStep: j
+    } = G(), B = E(C);
+    function R(o) {
+      var i;
+      const t = (i = B.value) == null ? void 0 : i[o];
       return t ? t.valid : !1;
     }
-    const y = p(() => {
-      const n = {};
-      return v.value.forEach((t) => {
-        const g = t.split("/")[0];
-        n[g] || (n[g] = []), n[g].push(t);
-      }), n;
+    const y = d(() => {
+      const o = {};
+      return f.value.forEach((t) => {
+        const c = t.split("/")[0];
+        o[c] || (o[c] = []), o[c].push(t);
+      }), o;
     });
-    function h(n) {
-      const t = y.value[n] || [];
-      return t.length > 0 && t.every((l) => m.value.includes(l));
+    function T(o) {
+      const t = y.value[o] || [];
+      return t.length > 0 && t.every((i) => m.value.includes(i));
     }
-    p(() => Object.keys(y.value).filter((n) => h(n)));
-    function B() {
-      U(u.value) && P();
+    d(() => Object.keys(y.value).filter((o) => T(o)));
+    function U() {
+      R(u.value) && N();
     }
     async function F() {
-      j(), await A(), O.value ? (console.log("Form submitted", s.value), window.alert(`Form submitted: ${JSON.stringify(s.value)}`)) : B();
+      O(), await M(), D.value ? (console.log("Form submitted", s.value), window.alert(`Form submitted: ${JSON.stringify(s.value)}`)) : U();
     }
-    const b = d(!1), V = d(0);
-    q(u, (n) => {
-      n === "review" && (b.value = !0, V.value++);
+    const b = p(!1), V = p(0);
+    I(u, (o) => {
+      o === "review" && (b.value = !0, V.value++);
     });
-    const c = d(!1), L = p(() => v.value.map((n) => ({ id: n, name: n }))), k = p({
+    const v = p(!1), L = d(() => f.value.map((o) => ({ id: o, name: o }))), k = d({
       get() {
         return { id: u.value, name: u.value };
       },
-      set(n) {
-        R(n.id);
+      set(o) {
+        j(o.id);
       }
     });
-    return (n, t) => (x(), z("div", se, [
-      a("div", me, [
-        t[6] || (t[6] = a("strong", null, "Form Values:", -1)),
-        a("pre", null, H(JSON.stringify(s.value, null, 2)), 1)
+    return (o, t) => (_(), $("div", fe, [
+      l("div", ve, [
+        t[6] || (t[6] = l("strong", null, "Form Values:", -1)),
+        l("pre", null, A(JSON.stringify(s.value, null, 2)), 1)
       ]),
-      e(G, {
-        checked: i(m),
-        "onUpdate:checked": t[0] || (t[0] = (l) => _(m) ? m.value = l : null),
-        current: i(u),
-        "onUpdate:current": t[1] || (t[1] = (l) => _(u) ? u.value = l : null),
-        steps: i(v) || []
+      e(q, {
+        checked: a(m),
+        "onUpdate:checked": t[0] || (t[0] = (i) => x(m) ? m.value = i : null),
+        current: a(u),
+        "onUpdate:current": t[1] || (t[1] = (i) => x(u) ? u.value = i : null),
+        steps: a(f) || []
       }, null, 8, ["checked", "current", "steps"]),
-      e(i(f), {
+      e(a(g), {
         id: "demo-stepper",
         modelValue: s.value,
-        "onUpdate:modelValue": t[3] || (t[3] = (l) => s.value = l),
+        "onUpdate:modelValue": t[3] || (t[3] = (i) => s.value = i),
         type: "form",
-        plugins: [i(N)],
+        plugins: [a(P)],
         actions: !1,
         onSubmit: () => {
         }
       }, {
-        default: o(() => [
+        default: n(() => [
           e(r, { name: "landing" }, {
-            default: o(() => [
-              e(te)
+            default: n(() => [
+              e(oe)
             ]),
             _: 1
           }),
           e(r, { name: "auffindbarkeit" }, {
-            default: o(() => [
+            default: n(() => [
               e(w),
-              e(Z, {
-                modelValue: c.value,
-                "onUpdate:modelValue": t[2] || (t[2] = (l) => c.value = l)
+              e(ee, {
+                modelValue: v.value,
+                "onUpdate:modelValue": t[2] || (t[2] = (i) => v.value = i)
               }, {
-                default: o(() => [
-                  a("div", null, [
+                default: n(() => [
+                  l("div", null, [
                     e(w)
                   ])
                 ]),
@@ -116,49 +120,44 @@ const se = { class: "demo-stepper" }, me = { style: { "margin-bottom": "1rem", p
             _: 1
           }),
           e(r, { name: "findability/visibility" }, {
-            default: o(() => [
-              e(ee)
+            default: n(() => [
+              e(ne)
             ]),
             _: 1
           }),
           e(r, { name: "grundlegende-informationen/name" }, {
-            default: o(() => [
+            default: n(() => [
               e(Q)
             ]),
             _: 1
           }),
           e(r, { name: "grundlegende-informationen/description" }, {
-            default: o(() => [
+            default: n(() => [
               e(W)
             ]),
             _: 1
           }),
           e(r, { name: "grundlegende-informationen/organisation" }, {
-            default: o(() => [
+            default: n(() => [
               e(X)
             ]),
             _: 1
           }),
           e(r, { name: "grundlegende-informationen/discoverability" }, {
-            default: o(() => [
-              e(i(f), {
-                type: "text",
-                label: "Name",
-                name: "name",
-                validation: "required"
-              })
+            default: n(() => [
+              e(te)
             ]),
             _: 1
           }),
           e(r, { name: "grundlegende-informationen/essentials" }, {
-            default: o(() => [
-              e(i(f), {
+            default: n(() => [
+              e(a(g), {
                 type: "text",
                 label: "Mail",
                 name: "mail",
                 validation: "required|email"
               }),
-              e(i(f), {
+              e(a(g), {
                 type: "text",
                 label: "Homepage",
                 name: "homepage",
@@ -168,66 +167,84 @@ const se = { class: "demo-stepper" }, me = { style: { "margin-bottom": "1rem", p
             _: 1
           }),
           e(r, { name: "optinale-daten" }, {
-            default: o(() => [
-              e(oe)
+            default: n(() => [
+              e(ie)
             ]),
             _: 1
           }),
           e(r, { name: "umstezen" }, {
-            default: o(() => [
-              e(ie)
+            default: n(() => [
+              e(me)
             ]),
             _: 1
           }),
           e(r, { name: "planen" }, {
-            default: o(() => [
-              e(le)
+            default: n(() => [
+              e(ue)
             ]),
             _: 1
           }),
           e(r, { name: "weiterdenken" }, {
-            default: o(() => [
-              e(ae)
+            default: n(() => [
+              e(pe)
             ]),
             _: 1
           }),
           e(r, { name: "projektphasen" }, {
-            default: o(() => [
-              e(re)
+            default: n(() => [
+              e(se)
+            ]),
+            _: 1
+          }),
+          e(r, { name: "technische-prozessschritte" }, {
+            default: n(() => [
+              e(le)
+            ]),
+            _: 1
+          }),
+          e(r, { name: "projektphasen/initieren" }, {
+            default: n(() => [
+              e(ae)
             ]),
             _: 1
           }),
           e(r, { name: "review" }, {
-            default: o(() => [
-              b.value ? (x(), J(ue, {
+            default: n(() => [
+              b.value ? (_(), H(de, {
                 key: V.value,
                 values: s.value
-              }, null, 8, ["values"])) : K("", !0)
+              }, null, 8, ["values"])) : J("", !0)
+            ]),
+            _: 1
+          }),
+          e(r, { name: "datenerfassung/grundlegende-informationen" }, {
+            default: n(() => [
+              e(Z)
             ]),
             _: 1
           })
         ]),
         _: 1
       }, 8, ["modelValue", "plugins"]),
-      t[8] || (t[8] = a("hr", null, null, -1)),
+      t[8] || (t[8] = l("hr", null, null, -1)),
       e(Y, null, {
-        title: o(() => t[7] || (t[7] = [
-          M(" dev view ", -1)
+        title: n(() => t[7] || (t[7] = [
+          K(" dev view ", -1)
         ])),
-        default: o(() => [
-          a("div", de, [
-            a("div", pe, [
+        default: n(() => [
+          l("div", ce, [
+            l("div", ge, [
               e(S, {
                 type: "button",
                 variant: "secondary",
                 "button-text": "Open Hologram",
-                onClick: t[4] || (t[4] = (l) => c.value = !0)
+                onClick: t[4] || (t[4] = (i) => v.value = !0)
               }),
               e(S, {
                 type: "button",
                 variant: "secondary",
                 "button-text": "Previous",
-                onClick: i(D)
+                onClick: a(h)
               }, null, 8, ["onClick"]),
               e(S, {
                 type: "button",
@@ -236,10 +253,10 @@ const se = { class: "demo-stepper" }, me = { style: { "margin-bottom": "1rem", p
                 onClick: F
               })
             ]),
-            a("div", null, [
-              e(ne, {
+            l("div", null, [
+              e(re, {
                 modelValue: k.value,
-                "onUpdate:modelValue": t[5] || (t[5] = (l) => k.value = l),
+                "onUpdate:modelValue": t[5] || (t[5] = (i) => k.value = i),
                 label: "Go to step",
                 options: L.value
               }, null, 8, ["modelValue", "options"])
@@ -252,5 +269,5 @@ const se = { class: "demo-stepper" }, me = { style: { "margin-bottom": "1rem", p
   }
 });
 export {
-  Be as default
+  He as default
 };

package/dist/{stories → packages/dpi/src/stories}/components/LinkCard.vue.js

@@ -1,6 +1,6 @@
 import a from "./LinkCard.vue2.js";
 /* empty css              */
-import o from "../../_virtual/_plugin-vue_export-helper.js";
+import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const p = /* @__PURE__ */ o(a, [["__scopeId", "data-v-5a9a9a0a"]]);
 export {
   p as default

package/dist/packages/dpi/src/stories/components/MethodsCard.vue.js

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

package/dist/packages/dpi/src/stories/components/MethodsCard.vue2.js

@@ -0,0 +1,45 @@
+import { defineComponent as s, ref as u, computed as c, createElementBlock as p, openBlock as m, renderSlot as i, createVNode as l, createElementVNode as h, unref as t } from "vue";
+import { FormKit as r } from "@formkit/vue";
+import v from "../../data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js";
+import f from "../../data-provider-interface/HappyFlowComponents/ui/TextArea/TextAreaDefinition.js";
+const _ = { class: "dpiV3_Card_Tips" }, b = { class: "action-container" }, B = 500, M = /* @__PURE__ */ s({
+  __name: "MethodsCard",
+  setup(V) {
+    const o = u(""), a = c(() => {
+      var e;
+      return (e = o.value) == null ? void 0 : e.length;
+    });
+    return (e, n) => (m(), p("div", _, [
+      i(e.$slots, "default", {}, () => [
+        l(t(r), {
+          type: t(v),
+          name: "name",
+          "text-label": "Name der Methode",
+          placeholder: "Benennen Sie die Methode.",
+          validation: "required"
+        }, null, 8, ["type"]),
+        l(t(r), {
+          id: "Beschreibung",
+          modelValue: o.value,
+          "onUpdate:modelValue": n[0] || (n[0] = (d) => o.value = d),
+          label: "Beschreibung",
+          type: t(f),
+          name: "description",
+          "text-label": "Beschreibung (optional)",
+          placeholder: "Beschreiben Sie die Methode.",
+          validation: "length:0,500",
+          "validation-visibility": "live",
+          hint: "true",
+          help: `${a.value} von ${B} Zeichen`,
+          "count-hint": !0
+        }, null, 8, ["modelValue", "type", "help"]),
+        h("div", b, [
+          i(e.$slots, "action", {}, void 0, !0)
+        ])
+      ], !0)
+    ]));
+  }
+});
+export {
+  M as default
+};

package/dist/{stories → packages/dpi/src/stories}/components/PartnerCard.vue.js

@@ -1,6 +1,6 @@
 import r from "./PartnerCard.vue2.js";
 /* empty css                 */
-import o from "../../_virtual/_plugin-vue_export-helper.js";
+import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const p = /* @__PURE__ */ o(r, [["__scopeId", "data-v-11c633d3"]]);
 export {
   p as default

package/dist/{stories → packages/dpi/src/stories}/components/ReviewStepDemo.vue.js

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