@piveau/dpi 0.1.0-beta.9 → 0.2.0-alpha.0

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

@@ -0,0 +1,167 @@
+import { defineComponent as F, ref as f, toRef as O, computed as b, watch as T, createElementBlock as E, openBlock as y, createElementVNode as s, createVNode as e, toDisplayString as U, unref as r, isRef as k, withCtx as i, createBlock as q, createCommentVNode as J, nextTick as K } from "vue";
+import { FormKit as p } from "@formkit/vue";
+import l from "../../data-provider-interface/components/InputPageStep.vue.js";
+import L from "../../data-provider-interface/components/ProgressSteps.vue.js";
+import { useDpiStepper as $ } from "../../data-provider-interface/composables/useDpiStepper.js";
+import A from "../../data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectDescriptionStep.vue.js";
+import H from "../../data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js";
+import I from "../../data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js";
+import V from "../../data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.js";
+import M from "./DemoStep.vue.js";
+import z from "./ReviewStepDemo.vue.js";
+const G = { class: "demo-stepper" }, Q = { style: { "margin-bottom": "1rem", padding: "1rem", background: "#f5f5f5", "border-radius": "8px" } }, W = { class: "dev-actions" }, se = /* @__PURE__ */ F({
+  __name: "DemoStepper",
+  setup(X) {
+    const a = f({}), {
+      steps: _,
+      stepList: c,
+      visitedSteps: d,
+      stepPlugin: x,
+      goToNextStep: h,
+      goToPreviousStep: w,
+      current: u,
+      isLast: C,
+      triggerValidationCurrentStep: N
+    } = $(), D = O(_);
+    function P(n) {
+      var o;
+      const t = (o = D.value) == null ? void 0 : o[n];
+      return t ? t.valid : !1;
+    }
+    const v = b(() => {
+      const n = {};
+      return c.value.forEach((t) => {
+        const m = t.split("/")[0];
+        n[m] || (n[m] = []), n[m].push(t);
+      }), n;
+    });
+    function R(n) {
+      const t = v.value[n] || [];
+      return t.length > 0 && t.every((o) => d.value.includes(o));
+    }
+    b(() => Object.keys(v.value).filter((n) => R(n)));
+    function j() {
+      P(u.value) && h();
+    }
+    async function B() {
+      N(), await K(), C.value ? (console.log("Form submitted", a.value), window.alert(`Form submitted: ${JSON.stringify(a.value)}`)) : j();
+    }
+    const g = f(!1), S = f(0);
+    return T(u, (n) => {
+      n === "review" && (g.value = !0, S.value++);
+    }), (n, t) => (y(), E("div", G, [
+      s("div", Q, [
+        t[3] || (t[3] = s("strong", null, "Form Values:", -1)),
+        s("pre", null, U(JSON.stringify(a.value, null, 2)), 1)
+      ]),
+      e(L, {
+        checked: r(d),
+        "onUpdate:checked": t[0] || (t[0] = (o) => k(d) ? d.value = o : null),
+        current: r(u),
+        "onUpdate:current": t[1] || (t[1] = (o) => k(u) ? u.value = o : null),
+        steps: r(c) || []
+      }, null, 8, ["checked", "current", "steps"]),
+      e(r(p), {
+        id: "demo-stepper",
+        modelValue: a.value,
+        "onUpdate:modelValue": t[2] || (t[2] = (o) => a.value = o),
+        type: "form",
+        plugins: [r(x)],
+        actions: !1,
+        onSubmit: () => {
+        }
+      }, {
+        default: i(() => [
+          e(l, { name: "auffindbarkeit" }, {
+            default: i(() => [
+              e(M)
+            ]),
+            _: 1
+          }),
+          e(l, { name: "grundlegende-informationen/name" }, {
+            default: i(() => [
+              e(H)
+            ]),
+            _: 1
+          }),
+          e(l, { name: "grundlegende-informationen/description" }, {
+            default: i(() => [
+              e(A)
+            ]),
+            _: 1
+          }),
+          e(l, { name: "grundlegende-informationen/organisation" }, {
+            default: i(() => [
+              e(I)
+            ]),
+            _: 1
+          }),
+          e(l, { name: "grundlegende-informationen/discoverability" }, {
+            default: i(() => [
+              e(r(p), {
+                type: "text",
+                label: "Name",
+                name: "name",
+                validation: "required"
+              })
+            ]),
+            _: 1
+          }),
+          e(l, { name: "grundlegende-informationen/essentials" }, {
+            default: i(() => [
+              e(r(p), {
+                type: "text",
+                label: "Mail",
+                name: "mail",
+                validation: "required|email"
+              }),
+              e(r(p), {
+                type: "text",
+                label: "Homepage",
+                name: "homepage",
+                validation: "url"
+              })
+            ]),
+            _: 1
+          }),
+          e(l, { name: "optinale-daten" }, {
+            default: i(() => [
+              e(r(p), {
+                type: "textarea",
+                label: "Description",
+                name: "description"
+              })
+            ]),
+            _: 1
+          }),
+          e(l, { name: "review" }, {
+            default: i(() => [
+              g.value ? (y(), q(z, {
+                key: S.value,
+                values: a.value
+              }, null, 8, ["values"])) : J("", !0)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "plugins"]),
+      t[4] || (t[4] = s("hr", null, null, -1)),
+      s("div", W, [
+        e(V, {
+          type: "button",
+          "button-text": "Previous",
+          onClick: r(w)
+        }, null, 8, ["onClick"]),
+        e(V, {
+          type: "button",
+          "button-text": "Next",
+          onClick: B
+        })
+      ])
+    ]));
+  }
+});
+export {
+  se as default
+};

package/dist/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-8656008f"]]);
+export {
+  m as default
+};

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

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

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

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

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

@@ -0,0 +1,98 @@
+import { defineComponent as w, createElementBlock as n, openBlock as s, createElementVNode as r, createCommentVNode as y, Fragment as d, renderList as u, toDisplayString as c, createBlock as A } from "vue";
+import C from "../../data-provider-interface/HappyFlowComponents/ui/Chip.vue.js";
+const S = { class: "dpiV3_page V3-typography" }, N = { class: "dpiV3_Card_Tips" }, B = { class: "review-content" }, V = { class: "review-field__title" }, z = {
+  key: 0,
+  class: "review-field__chips"
+}, D = {
+  key: 1,
+  class: "review-field__objects"
+}, E = { class: "review-object-title" }, O = { class: "review-object-fields" }, x = { class: "review-object-field__label" }, F = { class: "review-object-field__value" }, I = {
+  key: 2,
+  class: "review-field__text"
+}, L = { class: "copy-large-regular" }, R = {
+  key: 0,
+  class: "review-empty"
+}, T = {
+  key: 0,
+  class: "funny-section"
+}, $ = /* @__PURE__ */ w({
+  __name: "ReviewStepDemo",
+  props: {
+    values: {}
+  },
+  setup(f) {
+    const m = f;
+    function v(e) {
+      const t = e.split("/"), l = t == null ? void 0 : t[0], a = t == null ? void 0 : t[1], i = (p) => p.split("-").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" ");
+      return a ? `${i(l)} - ${i(a)}` : i(l);
+    }
+    function _(e) {
+      return e.split(/(?=[A-Z])|_|-/).map((t) => t.charAt(0).toUpperCase() + t.slice(1).toLowerCase()).join(" ");
+    }
+    function b(e) {
+      return Array.isArray(e) && e.length > 0 && (typeof e[0] == "string" || typeof e[0] == "number");
+    }
+    function k(e) {
+      return Array.isArray(e) && e.length > 0 && typeof e[0] == "object" && e[0] !== null;
+    }
+    return (e, t) => (s(), n("div", S, [
+      t[2] || (t[2] = r("section", { class: "funny-section" }, [
+        r("h4", null, "Zusammenfassung Ihrer Eingaben"),
+        r("span", { class: "copy-large-regular" }, " Bitte überprüfen Sie Ihre Eingaben vor der Übermittlung. Sie können zur Bearbeitung zu vorherigen Schritten zurückkehren. ")
+      ], -1)),
+      (s(!0), n(d, null, u(Object.entries(m.values || {}), ([l, a]) => (s(), n("section", {
+        key: l,
+        class: "funny-section"
+      }, [
+        r("div", N, [
+          r("h5", null, c(v(l)), 1),
+          r("div", B, [
+            (s(!0), n(d, null, u(a, (i, p) => (s(), n("div", {
+              key: p,
+              class: "review-field"
+            }, [
+              r("h6", V, c(_(p)), 1),
+              b(i) ? (s(), n("div", z, [
+                (s(!0), n(d, null, u(i, (o) => (s(), A(C, {
+                  key: o,
+                  "chip-text": o.toString(),
+                  variant: "primary",
+                  size: "small"
+                }, null, 8, ["chip-text"]))), 128))
+              ])) : k(i) ? (s(), n("div", D, [
+                (s(!0), n(d, null, u(i, (o, h) => (s(), n("div", {
+                  key: h,
+                  class: "review-object-item"
+                }, [
+                  r("span", E, c(_(p)) + " " + c(h + 1), 1),
+                  r("div", O, [
+                    (s(!0), n(d, null, u(o, (j, g) => (s(), n("div", {
+                      key: g,
+                      class: "review-object-field"
+                    }, [
+                      r("span", x, c(_(g)) + ":", 1),
+                      r("span", F, c(j || "Nicht angegeben"), 1)
+                    ]))), 128))
+                  ])
+                ]))), 128))
+              ])) : (s(), n("div", I, [
+                r("span", L, c(i || "Nicht angegeben"), 1)
+              ]))
+            ]))), 128)),
+            Object.keys(a).length === 0 ? (s(), n("div", R, t[0] || (t[0] = [
+              r("span", { class: "copy-large-regular" }, "Keine Daten in diesem Schritt eingegeben", -1)
+            ]))) : y("", !0)
+          ])
+        ])
+      ]))), 128)),
+      !e.values || Object.keys(e.values).length === 0 ? (s(), n("section", T, t[1] || (t[1] = [
+        r("div", { class: "dpiV3_Card_Tips" }, [
+          r("span", { class: "copy-large-regular" }, "Noch keine Daten eingegeben")
+        ], -1)
+      ]))) : y("", !0)
+    ]));
+  }
+});
+export {
+  $ as default
+};

package/dist/{packages/dpi/src/widgets → widgets}/AppLink.vue.js

@@ -1,5 +1,5 @@
 import { resolveComponent as s, createElementBlock as d, createBlock as u, openBlock as o, withModifiers as f, renderSlot as l, withCtx as h } from "vue";
-import c from "../../../../_virtual/_plugin-vue_export-helper.js";
+import c from "../_virtual/_plugin-vue_export-helper.js";
 const m = {
   props: {
     to: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@piveau/dpi",
   "type": "module",
-  "version": "0.1.0-beta.9",
+  "version": "0.2.0-alpha.0",
   "private": false,
   "sideEffects": [
     "*.css"
@@ -35,20 +35,29 @@
     "node": ">=18.18.0",
     "pnpm": ">=10.0.0"
   },
+  "dependencies": {
+    "@rdfjs/dataset": "2.0.2",
+    "@vue/shared": "^3.5.18"
+  },
   "devDependencies": {
     "@antfu/eslint-config": "^4.19.0",
+    "@fontsource-variable/inter": "^5.2.6",
+    "@fontsource/inter": "^5.2.6",
     "@formkit/core": "^1.6.9",
     "@formkit/themes": "^1.6.9",
     "@formkit/utils": "^1.6.9",
+    "@formkit/validation": "^1.6.9",
     "@formkit/vue": "^1.6.9",
     "@headlessui/vue": "^1.7.23",
     "@histoire/plugin-vue": "1.0.0-alpha.2",
     "@phosphor-icons/vue": "^2.2.1",
+    "@piveau/jsonld": "file:../../bin/piveau-jsonld-1.0.0-beta.10.tgz",
+    "@piveau/sdk-vue": "1.0.0-beta.1",
     "@popperjs/core": "^2.11.8",
     "@types/jsonld": "^1.5.15",
     "@types/node": "^24.1.0",
-    "@vee-validate/zod": "^4.15.1",
     "@vitejs/plugin-vue": "^5.2.3",
+    "@vue/shared": "^3.5.18",
     "@vue/tsconfig": "^0.7.0",
     "@vueuse/core": "^10.11.1",
     "axios": "^1.11.0",
@@ -60,6 +69,7 @@
     "jquery": "^3.7.1",
     "jsonld": "^8.3.3",
     "lodash-es": "^4.17.21",
+    "n3": "^1.26.0",
     "qs": "^6.14.0",
     "sass": "^1.89.2",
     "typescript": "~5.8.3",
@@ -72,7 +82,7 @@
     "vue-router": "^4.5.1",
     "vue-tsc": "^2.2.8",
     "vuex": "^4.1.0",
-    "zod": "^4.0.8"
+    "zod": "^3.25.76"
   },
   "devEngines": {
     "runtime": {
@@ -85,10 +95,6 @@
       "onFail": "error"
     }
   },
-  "dependencies": {
-    "@piveau/jsonld": "file:../../bin/piveau-jsonld-1.0.0-beta.10.tgz",
-    "@vue/shared": "^3.5.18"
-  },
   "scripts": {
     "dev": "histoire dev",
     "build": "vite build",