@piveau/dpi 0.2.0-alpha.14 → 0.2.0-alpha.15

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

@@ -1,4 +1,4 @@
-import { defineComponent as C, ref as v, computed as b, createElementBlock as d, openBlock as p, createElementVNode as t, createVNode as l, createCommentVNode as A, unref as m, Fragment as U, renderList as z, withDirectives as I, vModelCheckbox as P, withCtx as o, createTextVNode as g } from "vue";
+import { defineComponent as C, ref as v, computed as b, createElementBlock as d, openBlock as p, createElementVNode as t, createVNode as l, createCommentVNode as A, unref as m, Fragment as U, renderList as z, withDirectives as I, vModelCheckbox as P, withCtx as r, createTextVNode as g } from "vue";
 import { FormKit as D } from "@formkit/vue";
 import { PhLightbulb as _ } from "@phosphor-icons/vue";
 import { defineHubSearch as j } from "@piveau/sdk-vue";
@@ -8,10 +8,10 @@ import E from "../Autocomplete/AutocompleteVocab.vue.js";
 import L from "../ButtonV3.vue.js";
 import w from "../Card.vue.js";
 import N from "../Chip.vue.js";
-const H = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" }, W = { class: "funny-flex" }, M = {
+const H = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" }, W = { class: "funny-flex" }, q = {
   key: 0,
   class: "d-flex selected-applications"
-}, Z = ["id", "value"], q = { class: "ml-auto" }, F = { class: "funny-section action-section" }, K = { class: "action-section" }, T = { class: "action-section" }, V = "data-theme", se = /* @__PURE__ */ C({
+}, M = ["id", "value"], Z = { class: "ml-auto" }, F = { class: "funny-section action-section" }, K = { class: "action-section" }, T = { class: "action-section" }, V = "data-theme", se = /* @__PURE__ */ C({
   __name: "ApplicationsStep",
   setup(G) {
     const s = v([]), c = v(""), { useResources: k } = j({
@@ -55,27 +55,28 @@ const H = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" },
             "onUpdate:modelValue": e[0] || (e[0] = (i) => s.value = i),
             name: "applications",
             type: "list",
+            validation: "required",
             hidden: ""
           }, null, 8, ["modelValue"]),
-          h.value.length > 0 ? (p(), d("div", M, [
-            (p(!0), d(U, null, z(h.value, (i, r) => {
+          h.value.length > 0 ? (p(), d("div", q, [
+            (p(!0), d(U, null, z(h.value, (i, o) => {
               var a, u;
               return p(), d("div", {
-                key: `application-${i}@${r}`,
+                key: `application-${i}@${o}`,
                 class: "label-chip"
               }, [
                 I(t("input", {
-                  id: `application-${i}@${r}`,
+                  id: `application-${i}@${o}`,
                   "onUpdate:modelValue": e[1] || (e[1] = (x) => s.value = x),
                   class: "label-chip__input",
                   type: "checkbox",
-                  value: (u = (a = m(f)[r]) == null ? void 0 : a.resultEnhanced) == null ? void 0 : u.resource
-                }, null, 8, Z), [
+                  value: (u = (a = m(f)[o]) == null ? void 0 : a.resultEnhanced) == null ? void 0 : u.resource
+                }, null, 8, M), [
                   [P, s.value]
                 ]),
                 l(N, {
                   as: "label",
-                  for: `application-${i}@${r}`,
+                  for: `application-${i}@${o}`,
                   class: "label-chip__inner",
                   text: i,
                   data: {
@@ -102,7 +103,7 @@ const H = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" },
             validation: "required",
             "validation-label": "Projektstatus"
           }, null, 8, ["modelValue"]),
-          t("div", q, [
+          t("div", Z, [
             l(L, {
               "button-text": "Anwendungsbereich hinzufügen",
               size: "medium",
@@ -118,16 +119,16 @@ const H = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" },
       ]),
       t("section", K, [
         l(w, { variant: "default" }, {
-          icon: o(() => [
+          icon: r(() => [
             l(m(_), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: o(() => e[5] || (e[5] = [
+          title: r(() => e[5] || (e[5] = [
             g(" Information ", -1)
           ])),
-          default: o(() => [
+          default: r(() => [
             e[6] || (e[6] = t("div", { class: "application-information" }, [
               t("p", null, " Ein Projekt beschreibt einen Use Case, der mithilfe eines Digitalen Zwillings umgesetzt wurde – nicht den gesamten Digitalen Zwilling. Ein Use Case kann unterschiedliche kommunale Anwendungsbereiche betreffen, die Sie für Ihr Projekt im Verlauf der Anlage benennen können. ")
             ], -1))
@@ -138,16 +139,16 @@ const H = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" },
       ]),
       t("section", T, [
         l(w, { variant: "default" }, {
-          icon: o(() => [
+          icon: r(() => [
             l(m(_), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: o(() => e[7] || (e[7] = [
+          title: r(() => e[7] || (e[7] = [
             g(" Beispiel ", -1)
           ])),
-          default: o(() => [
+          default: r(() => [
             e[8] || (e[8] = t("div", { class: "application-information" }, [
               t("p", null, " In Ihrem Projekt „Hochwasserschutzprogramm mit Prognosen“ wird mit Hilfe eines Digitalen Zwillings des lokalen Wassersystems die Hochwasserlage überwacht und vorhergesagt. Dieser Use Case betrifft mehrere Anwendungsbereiche wie Katastrophenschutz, Stadtplanung, Umwelt, Infrastrukturschutz und Bürgerinformation. ")
             ], -1))

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

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

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

@@ -1,60 +1,67 @@
-import { defineComponent as m, ref as c, resolveComponent as d, createElementBlock as f, openBlock as h, createElementVNode as n, createVNode as r, unref as g } from "vue";
+import { defineComponent as d, ref as c, computed as f, resolveComponent as v, createElementBlock as h, openBlock as g, createElementVNode as i, createVNode as l } from "vue";
 import { defineHubSearch as y } from "@piveau/sdk-vue";
-import * as _ from "zod";
-import v from "../../../components/StepActionsSection.vue.js";
-import b from "../ChipToggleList/ChipToggleList.vue.js";
-const S = { class: "dpiV3_page V3-typography" }, V = { class: "funny-section" }, C = { class: "funny-flex" }, k = { class: "funny-section" }, K = /* @__PURE__ */ m({
+import * as b from "zod";
+import _ from "../../../components/StepActionsSection.vue.js";
+import S from "../ChipToggleList/ChipToggleList.vue.js";
+const V = { class: "dpiV3_page V3-typography" }, C = { class: "funny-section" }, P = { class: "funny-flex" }, k = { class: "funny-section" }, z = /* @__PURE__ */ d({
   __name: "CategoriesStep",
-  setup(x) {
-    const s = c([]), u = c(""), { useSearch: a } = y({
+  setup(q) {
+    const s = c([]), u = c(""), { useSearch: m } = y({
       baseUrl: "https://staging.bydata.de/api/hub/search",
       index: "vocabulary",
-      schema: _.any()
+      schema: b.any()
     }, (e) => {
-      var t, l;
-      const o = String((e == null ? void 0 : e.resource) || ""), i = String(((t = e == null ? void 0 : e.pref_label) == null ? void 0 : t.de) || ((l = e == null ? void 0 : e.pref_label) == null ? void 0 : l.en) || "");
+      var t, a;
+      const o = String((e == null ? void 0 : e.resource) || ""), n = String(((t = e == null ? void 0 : e.pref_label) == null ? void 0 : t.de) || ((a = e == null ? void 0 : e.pref_label) == null ? void 0 : a.en) || "");
       return {
         id: o,
-        name: i
+        name: n
       };
-    }), { getSearchResultsEnhanced: p } = a({
+    }), { getSearchResultsEnhanced: r } = m({
       queryParams: {
         q: u,
         limit: 12,
-        vocabulary: "data-theme"
+        vocabulary: "data-theme",
+        sort: "title+asc"
       }
+    }), p = f(() => {
+      var e;
+      return r.value ? (e = [...r.value].filter((o) => !o.id.endsWith("OP_DATPRO"))) == null ? void 0 : e.sort((o, n) => o.name.localeCompare(n.name)) : [];
     });
     return (e, o) => {
-      const i = d("FormKit");
-      return h(), f("div", S, [
-        n("section", V, [
-          n("div", C, [
-            o[2] || (o[2] = n("div", null, [
-              n("h4", null, " Machen Sie Ihr Projekt leicht auffindbar "),
-              n("div", { class: "visibility-description" }, [
-                n("p", { class: "copy-large-regular" }, " Um sicherzustellen, dass Ihr Projekt für andere leicht zu finden ist, wählen Sie die relevanten, übergeordneten Kategorien aus. ")
+      const n = v("FormKit");
+      return g(), h("div", V, [
+        i("section", C, [
+          i("div", P, [
+            o[2] || (o[2] = i("div", null, [
+              i("h4", null, " Machen Sie Ihr Projekt leicht auffindbar "),
+              i("div", { class: "visibility-description" }, [
+                i("p", { class: "copy-large-regular" }, " Um sicherzustellen, dass Ihr Projekt für andere leicht zu finden ist, wählen Sie die relevanten, übergeordneten Kategorien aus. ")
               ])
             ], -1)),
-            r(i, {
+            l(n, {
               modelValue: s.value,
               "onUpdate:modelValue": o[0] || (o[0] = (t) => s.value = t),
               type: "list",
-              name: "categories"
+              name: "categories",
+              validation: "required",
+              "validation-visibility": "submit",
+              "validation-label": "Kategorien"
             }, null, 8, ["modelValue"]),
-            r(b, {
+            l(S, {
               modelValue: s.value,
               "onUpdate:modelValue": o[1] || (o[1] = (t) => s.value = t),
-              options: g(p) || []
+              options: p.value || []
             }, null, 8, ["modelValue", "options"])
           ])
         ]),
-        n("section", k, [
-          r(v, { "hide-cancel": "" })
+        i("section", k, [
+          l(_, { "hide-cancel": "" })
         ])
       ]);
     };
   }
 });
 export {
-  K as default
+  z as default
 };

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

@@ -1,5 +1,5 @@
-import { ref as h, computed as v, createElementBlock as g, openBlock as p, createElementVNode as e, createStaticVNode as m, createVNode as a, unref as l, withCtx as o, createTextVNode as t } from "vue";
-import { FormKit as b } from "@formkit/vue";
+import { ref as b, computed as v, createElementBlock as f, openBlock as g, createElementVNode as e, createStaticVNode as p, createVNode as a, unref as l, withCtx as o, createTextVNode as t } from "vue";
+import { FormKit as m } from "@formkit/vue";
 import { PhLightbulb as S } from "@phosphor-icons/vue";
 import k from "../../../components/StepActionsSection.vue.js";
 import y from "../Card.vue.js";
@@ -9,22 +9,22 @@ import z from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const I = { class: "dpiV3_page V3-typography" }, w = { class: "funny-section" }, V = { class: "funny-flex" }, x = { class: "funny-section" }, N = { class: "funny-section" }, O = {
   __name: "DiscoverabilityStep",
   setup(P) {
-    const r = h([
+    const r = b([
       { id: "public", name: "Öffentlich", unavailable: !1 },
       { id: "restricted", name: "Eingeschränkt", unavailable: !1 },
       { id: "internal", name: "Intern", unavailable: !1 }
     ]), d = v(() => r.value.map((n) => String(n.id))), c = (n) => {
       var i;
       return ((i = r.value.find((s) => String(s.id) === String(n))) == null ? void 0 : i.name) ?? n;
-    }, u = (n) => String(n), f = (n) => {
+    }, u = (n) => String(n), h = (n) => {
       var i;
       return !!((i = r.value.find((s) => String(s.id) === String(n))) != null && i.unavailable);
     };
-    return (n, i) => (p(), g("div", I, [
+    return (n, i) => (g(), f("div", I, [
       e("section", w, [
         e("div", V, [
-          i[0] || (i[0] = m('<div data-v-912af005><h4 data-v-912af005> Legen Sie die Sichtbarkeit Ihres Projekts fest </h4><div class="visibility-description" data-v-912af005><span class="copy-large-regular" data-v-912af005> Sie können für jedes Projekt individuell entscheiden, wer Ihre Metadaten sehen soll. Wir freuen uns, wenn Sie Ihre Daten möglichst offen teilen, um den Austausch zwischen den Kommunen zu fördern und gemeinsam von Erfahrungen und Lösungen zu profitieren. Gleichzeitig verstehen wir, dass manche Informationen einen geschützten Raum benötigen. Deshalb können Sie zwischen drei Sichtbarkeitsstufen wählen: </span></div><ul class="visibility-variants" data-v-912af005><li data-v-912af005><div class="variant-content" data-v-912af005><p data-v-912af005><strong data-v-912af005>„öffentlich“</strong> (für alle Nutzer sichtbar) </p></div></li><li data-v-912af005><div class="variant-content" data-v-912af005><p data-v-912af005><strong data-v-912af005>„eingeschränkt“</strong> (für alle registrierten Nutzer sichtbar) </p></div></li><li data-v-912af005><div class="variant-content" data-v-912af005><p data-v-912af005><strong data-v-912af005>„intern“</strong> (für alle registrierten Nutzer Ihrer Organisation und Nutzer, denen Sie oder Ihre Organisation Sichtrechte erteilt haben, sichtbar) </p></div></li></ul></div>', 1)),
-          a(l(b), {
+          i[0] || (i[0] = p('<div data-v-17b7a73a><h4 data-v-17b7a73a> Legen Sie die Sichtbarkeit Ihres Projekts fest </h4><div class="visibility-description" data-v-17b7a73a><span class="copy-large-regular" data-v-17b7a73a> Sie können für jedes Projekt individuell entscheiden, wer Ihre Metadaten sehen soll. Wir freuen uns, wenn Sie Ihre Daten möglichst offen teilen, um den Austausch zwischen den Kommunen zu fördern und gemeinsam von Erfahrungen und Lösungen zu profitieren. Gleichzeitig verstehen wir, dass manche Informationen einen geschützten Raum benötigen. Deshalb können Sie zwischen drei Sichtbarkeitsstufen wählen: </span></div><ul class="visibility-variants" data-v-17b7a73a><li data-v-17b7a73a><div class="variant-content" data-v-17b7a73a><p data-v-17b7a73a><strong data-v-17b7a73a>„öffentlich“</strong> (für alle Nutzer sichtbar) </p></div></li><li data-v-17b7a73a><div class="variant-content" data-v-17b7a73a><p data-v-17b7a73a><strong data-v-17b7a73a>„eingeschränkt“</strong> (für alle registrierten Nutzer sichtbar) </p></div></li><li data-v-17b7a73a><div class="variant-content" data-v-17b7a73a><p data-v-17b7a73a><strong data-v-17b7a73a>„intern“</strong> (für alle registrierten Nutzer Ihrer Organisation und Nutzer, denen Sie oder Ihre Organisation Sichtrechte erteilt haben, sichtbar) </p></div></li></ul></div>', 1)),
+          a(l(m), {
             type: l(_),
             name: "visibility",
             label: "Sichtbarkeit",
@@ -32,8 +32,9 @@ const I = { class: "dpiV3_page V3-typography" }, w = { class: "funny-section" },
             options: d.value,
             "option-label": c,
             "option-value": u,
-            "option-disabled": f,
-            validation: "required"
+            "option-disabled": h,
+            validation: "required",
+            "validation-visibility": "submit"
           }, null, 8, ["type", "options"])
         ])
       ]),
@@ -79,7 +80,7 @@ const I = { class: "dpiV3_page V3-typography" }, w = { class: "funny-section" },
       ])
     ]));
   }
-}, K = /* @__PURE__ */ z(O, [["__scopeId", "data-v-912af005"]]);
+}, K = /* @__PURE__ */ z(O, [["__scopeId", "data-v-17b7a73a"]]);
 export {
   K as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js

@@ -1,5 +1,5 @@
 import t from "./InputFieldFormKit.vue.js";
-const i = {
+const e = {
   type: "input",
   schema: [],
   component: t,
@@ -15,9 +15,10 @@ const i = {
     "textLabel",
     "placeholder",
     "trailing_text",
-    "trailing-text"
+    "trailing-text",
+    "is-disabled"
   ]
 };
 export {
-  i as default
+  e as default
 };

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

@@ -1,70 +1,76 @@
-import { defineComponent as V, computed as o, createBlock as j, openBlock as K, unref as a } from "vue";
-import P from "../InputField.vue.js";
-const M = /* @__PURE__ */ V({
+import { defineComponent as j, computed as n, createBlock as K, openBlock as P, unref as l } from "vue";
+import C from "../InputField.vue.js";
+const M = /* @__PURE__ */ j({
   __name: "InputFieldFormKit",
   props: {
     context: {}
   },
   setup(y) {
-    var x, d, m, g, f, v, h;
-    const t = y, s = o({
+    var d, m, g, f, v, h, _;
+    const t = y, r = n({
       get: () => {
         var e;
         return ((e = t.context) == null ? void 0 : e._value) || "";
       },
       set: (e) => {
-        var n;
-        (n = t.context) == null || n.node.input(e);
+        var o;
+        (o = t.context) == null || o.node.input(e);
       }
-    }), b = o(() => {
+    }), I = n(() => {
       var e;
       return (e = t.context) == null ? void 0 : e.textLabel;
-    }), I = o(() => {
+    }), w = n(() => {
       var e;
       return (e = t.context) == null ? void 0 : e.name;
-    }), i = o(() => {
+    }), i = n(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.placeholder) || "Enter text here";
-    }), c = o(() => {
+    }), c = n(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.trailing_text) || "$";
-    }), p = o(() => {
+    }), u = n(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.trailingText) || !1;
-    }), u = o(() => {
+    }), p = n(() => {
+      var e;
+      return ((e = t.context) == null ? void 0 : e["is-disabled"]) || !1;
+    });
+    console.log(p.value);
+    const x = n(() => {
       var e;
       return Object.keys((e = t.context) == null ? void 0 : e.messages).length > 0;
-    }), r = o(() => {
-      var n, l, _, T, k;
-      if (!u.value)
+    }), s = n(() => {
+      var o, a, b, T, k;
+      if (!x.value)
         return "";
-      const e = (l = Object.keys((n = t.context) == null ? void 0 : n.messages)) == null ? void 0 : l[0];
-      return ((k = (T = (_ = t.context) == null ? void 0 : _.messages) == null ? void 0 : T[e]) == null ? void 0 : k.value) || "";
-    }), w = ((x = t.context) == null ? void 0 : x.inputType) || "text", E = ((d = t.context) == null ? void 0 : d.addOnText) || !1, O = ((m = t.context) == null ? void 0 : m.datePicker) || !1;
-    (g = t.context) != null && g.infoIcon;
-    const B = ((f = t.context) == null ? void 0 : f.preIcon) || !1;
-    (v = t.context) == null || v.showEndIcon;
-    const F = ((h = t.context) == null ? void 0 : h.tooltipText) || "This is helpful information";
-    return console.log(p.value, c.value, i.value), (e, n) => (K(), j(P, {
-      modelValue: s.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (l) => s.value = l),
-      label: b.value,
+      const e = (a = Object.keys((o = t.context) == null ? void 0 : o.messages)) == null ? void 0 : a[0];
+      return ((k = (T = (b = t.context) == null ? void 0 : b.messages) == null ? void 0 : T[e]) == null ? void 0 : k.value) || "";
+    }), E = ((d = t.context) == null ? void 0 : d.inputType) || "text", O = ((m = t.context) == null ? void 0 : m.addOnText) || !1, B = ((g = t.context) == null ? void 0 : g.datePicker) || !1;
+    (f = t.context) != null && f.infoIcon;
+    const F = ((v = t.context) == null ? void 0 : v.preIcon) || !1;
+    (h = t.context) == null || h.showEndIcon;
+    const V = ((_ = t.context) == null ? void 0 : _.tooltipText) || "This is helpful information";
+    return console.log(u.value, c.value, i.value), (e, o) => (P(), K(C, {
+      modelValue: r.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (a) => r.value = a),
+      label: I.value,
       placeholder: i.value,
-      "input-type": a(w),
-      "add-on-text": a(E),
-      "date-picker": a(O),
+      "input-type": l(E),
+      "add-on-text": l(O),
+      "date-picker": l(B),
       "info-icon": !1,
-      "pre-icon": a(B),
+      "pre-icon": l(F),
       "show-end-icon": !1,
-      "tooltip-text": a(F),
-      "show-error": u.value,
-      "supporting-hint-message": r.value,
-      "initial-hint-text": r.value,
-      error_message: r.value,
-      name: I.value,
-      "trailing-text": p.value,
-      trailing_text: c.value
-    }, null, 8, ["modelValue", "label", "placeholder", "input-type", "add-on-text", "date-picker", "pre-icon", "tooltip-text", "show-error", "supporting-hint-message", "initial-hint-text", "error_message", "name", "trailing-text", "trailing_text"]));
+      "tooltip-text": l(V),
+      "show-error": x.value,
+      "supporting-hint-message": s.value,
+      "initial-hint-text": s.value,
+      error_message: s.value,
+      name: w.value,
+      "trailing-text": u.value,
+      trailing_text: c.value,
+      "is-disabled": p.value
+    }, null, 8, ["modelValue", "label", "placeholder", "input-type", "add-on-text", "date-picker", "pre-icon", "tooltip-text", "show-error", "supporting-hint-message", "initial-hint-text", "error_message", "name", "trailing-text", "trailing_text", "is-disabled"]));
   }
 });
 export {