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

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/packages/dpi/src/stories/components/LinkCard.vue.js

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

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

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

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

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

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

@@ -0,0 +1,36 @@
+import { defineComponent as l, createElementBlock as o, openBlock as s, renderSlot as i, createVNode as n, createElementVNode as d, unref as e } from "vue";
+import { FormKit as r } from "@formkit/vue";
+import a from "../../data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js";
+const m = { class: "dpiV3_Card_Tips" }, c = { class: "action-container" }, b = /* @__PURE__ */ l({
+  __name: "PartnerCard",
+  setup(p) {
+    return (t, u) => (s(), o("div", m, [
+      i(t.$slots, "default", {}, () => [
+        n(e(r), {
+          type: e(a),
+          name: "name",
+          "text-label": "Name",
+          placeholder: "Nennen Sie einen Partner.",
+          validation: "required",
+          "validation-visibility": "submit",
+          "trailing-text": !1
+        }, null, 8, ["type"]),
+        n(e(r), {
+          type: e(a),
+          name: "url",
+          "text-label": "Website",
+          placeholder: "www.url.com",
+          validation: "required|url",
+          "validation-visibility": "submit",
+          "trailing-text": !1
+        }, null, 8, ["type"]),
+        d("div", c, [
+          i(t.$slots, "action", {}, void 0, !0)
+        ])
+      ], !0)
+    ]));
+  }
+});
+export {
+  b 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

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

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

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

@@ -0,0 +1,27 @@
+import { defineComponent as i, createElementBlock as r, openBlock as n, renderSlot as t, createVNode as a, createElementVNode as l, unref as o } from "vue";
+import { FormKit as s } from "@formkit/vue";
+import d from "../../data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js";
+const c = { class: "dpiV3_Card_Tips" }, m = { class: "action-container" }, v = /* @__PURE__ */ i({
+  __name: "ScreenshotCard",
+  setup(p) {
+    return (e, u) => (n(), r("div", c, [
+      t(e.$slots, "default", {}, () => [
+        a(o(s), {
+          type: o(d),
+          name: "homepage",
+          "text-label": "URL",
+          "trailing-text": !1,
+          placeholder: "www.url.com",
+          validation: "required|url",
+          "validation-visibility": "submit"
+        }, null, 8, ["type"]),
+        l("div", m, [
+          t(e.$slots, "action", {}, void 0, !0)
+        ])
+      ], !0)
+    ]));
+  }
+});
+export {
+  v as default
+};