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

package/dist/stories/components/DemoStepper.vue.js

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

package/dist/stories/components/DemoStepper.vue2.js

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

package/dist/stories/components/LinkCard.vue.js

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

package/dist/stories/components/LinkCard.vue2.js

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

package/dist/stories/components/PartnerCard.vue.js

@@ -1,7 +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-54b8f265"]]);
+const p = /* @__PURE__ */ o(r, [["__scopeId", "data-v-11c633d3"]]);
 export {
-  m as default
+  p as default
 };

package/dist/stories/components/PartnerCard.vue2.js

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

package/dist/stories/components/ScreenshotCard.vue.js

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

package/dist/stories/components/ScreenshotCard.vue2.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@piveau/dpi",
   "type": "module",
-  "version": "0.2.0-alpha.3",
+  "version": "0.2.0-alpha.4",
   "private": false,
   "sideEffects": [
     "*.css"