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

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

@@ -1,7 +1,7 @@
 import o from "./ApplicationsStep.vue2.js";
 /* empty css                      */
 import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a67a5c73"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-53df9331"]]);
 export {
-  c as default
+  f as default
 };

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

@@ -1,156 +1,179 @@
-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";
-import $ from "zod";
-import B from "../../../components/StepActionsSection.vue.js";
-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" }, q = {
+import { defineComponent as V, ref as h, computed as b, createElementBlock as u, openBlock as m, createElementVNode as i, createVNode as t, createCommentVNode as z, unref as c, Fragment as S, renderList as x, withDirectives as A, vModelCheckbox as C, withCtx as s, createTextVNode as v } from "vue";
+import { FormKit as U } from "@formkit/vue";
+import { PhLightbulb as w } from "@phosphor-icons/vue";
+import { defineHubSearch as B } from "@piveau/sdk-vue";
+import D from "zod";
+import I from "../../../components/StepActionsSection.vue.js";
+import E from "../ButtonV3.vue.js";
+import k from "../Card.vue.js";
+import L from "../Chip.vue.js";
+import P from "../ListBox/Listbox.vue.js";
+const H = { class: "dpiV3_page V3-typography" }, M = { class: "funny-section" }, N = { class: "funny-flex" }, W = {
   key: 0,
   class: "d-flex selected-applications"
-}, 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({
+}, j = ["id", "value"], K = { class: "ml-auto" }, T = { class: "funny-section action-section" }, $ = { class: "action-section" }, q = { class: "action-section" }, ae = /* @__PURE__ */ V({
   __name: "ApplicationsStep",
-  setup(G) {
-    const s = v([]), c = v(""), { useResources: k } = j({
+  setup(Z) {
+    const l = h([]), r = h({ id: "", name: "", label: "", value: "" }), { useSearch: F } = B({
       baseUrl: "https://staging.bydata.de/api/hub/search",
       index: "vocabulary",
       indexDetails: "vocabularies",
-      schema: $.any()
-    }, (n) => {
-      var a, u;
-      const e = String((n == null ? void 0 : n.id) || ""), i = String(((a = n == null ? void 0 : n.pref_label) == null ? void 0 : a.de) || ((u = n == null ? void 0 : n.pref_label) == null ? void 0 : u.en) || "");
+      schema: D.any()
+    }, (e) => {
+      var o, f;
+      const n = String((e == null ? void 0 : e.id) || ""), a = String(((o = e == null ? void 0 : e.pref_label) == null ? void 0 : o.de) || ((f = e == null ? void 0 : e.pref_label) == null ? void 0 : f.en) || "");
       return {
-        id: e,
-        name: i,
-        resource: n == null ? void 0 : n.resource
+        id: n,
+        name: a,
+        resource: e == null ? void 0 : e.resource
       };
-    }), y = b(() => s.value.map((n) => ({
-      resourceId: `${V}/vocable`,
-      params: {
-        additionalParams: {
-          resource: n
-        }
-      }
-    }))), f = k(y), h = b(() => f.value.every((n) => n.isSuccess) ? f.value.map((n) => {
-      const e = n.resultEnhanced;
-      return (e == null ? void 0 : e.name) || "";
-    }) : []);
-    function S() {
-      const n = c.value;
-      if (n && n.trim()) {
-        const e = n.trim();
-        s.value.includes(e) || s.value.push(e), c.value = "";
-      }
+    }), p = [
+      { id: 1, name: "Abfallmanagement" },
+      { id: 2, name: "Abwassermanagement" },
+      { id: 3, name: "Baumanagement" },
+      { id: 4, name: "Besuchermanagement" },
+      { id: 5, name: "Bildungsinfrastruktur" },
+      { id: 6, name: "Bürgerinformationssysteme" },
+      { id: 7, name: "Denkmalschutz" },
+      { id: 8, name: "E-Mobilität" },
+      { id: 9, name: "Emissionsüberwachung" },
+      { id: 10, name: "Energieeffizienz" },
+      { id: 11, name: "Energieversorgung" },
+      { id: 12, name: "Gebäudemanagement" },
+      { id: 13, name: "Hitzeinseln" },
+      { id: 14, name: "Hochwassermanagement" },
+      { id: 15, name: "Integration & Teilhabe" },
+      { id: 16, name: "Katastrophenschutz" },
+      { id: 17, name: "Krankenhausmanagement" },
+      { id: 18, name: "Ladeinfrastruktur" },
+      { id: 19, name: "Lärmschutz" },
+      { id: 20, name: "Lieferverkehr" },
+      { id: 21, name: "Luftqualität" },
+      { id: 22, name: "Mobilitätsauslastung" },
+      { id: 23, name: "Netzwerkinfrastruktur" },
+      { id: 24, name: "Notfallmanagement" },
+      { id: 25, name: "Parkraummanagement" },
+      { id: 26, name: "Sozialraummonitoring" },
+      { id: 27, name: "Stadtplanung" },
+      { id: 28, name: "Straßenbeleuchtung" },
+      { id: 29, name: "Straßeninstandhaltung" },
+      { id: 30, name: "Tourismusmanagement" },
+      { id: 31, name: "Umweltüberwachung" },
+      { id: 32, name: "Urbanes Monitoring" },
+      { id: 33, name: "Veranstaltungsplanung" },
+      { id: 34, name: "Verkehrsflussanalyse" },
+      { id: 35, name: "Wasserqualität" },
+      { id: 36, name: "Wasserversorgung" },
+      { id: 37, name: "Wirtschaftsflächenmanagement" }
+    ], g = b(() => l.value), _ = b(() => p ? p.map((e) => ({
+      id: e.id,
+      name: e.name,
+      label: e.name,
+      value: e.name
+    })) : []);
+    function y() {
+      const e = r.value;
+      e.id && (l.value.includes(e.value) || l.value.push(e.value), r.value = { id: "", name: "", label: "", value: "" });
     }
-    return (n, e) => (p(), d("div", H, [
-      t("section", R, [
-        t("div", W, [
-          e[3] || (e[3] = t("h4", null, " Geben Sie Anwendungsbereiche an ", -1)),
-          e[4] || (e[4] = t("span", { class: "copy-large-regular" }, "Wenn Ihr Projekt mehrere Anwendungsbereiche abdeckt, wählen Sie diese hier entweder aus der Liste oder geben Sie sie manuell an. ", -1)),
-          l(m(D), {
-            modelValue: s.value,
-            "onUpdate:modelValue": e[0] || (e[0] = (i) => s.value = i),
+    return (e, n) => (m(), u("div", H, [
+      i("section", M, [
+        i("div", N, [
+          n[3] || (n[3] = i("h4", null, " Geben Sie Anwendungsbereiche an ", -1)),
+          n[4] || (n[4] = i("span", { class: "copy-large-regular" }, "Wenn Ihr Projekt mehrere Anwendungsbereiche abdeckt, wählen Sie diese hier entweder aus der Liste oder geben Sie sie manuell an. ", -1)),
+          t(c(U), {
+            modelValue: l.value,
+            "onUpdate:modelValue": n[0] || (n[0] = (a) => l.value = a),
             name: "applications",
             type: "list",
             validation: "required",
+            "validation-label": "Anwendungsbereiche",
             hidden: ""
           }, null, 8, ["modelValue"]),
-          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}@${o}`,
-                class: "label-chip"
-              }, [
-                I(t("input", {
-                  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)[o]) == null ? void 0 : a.resultEnhanced) == null ? void 0 : u.resource
-                }, null, 8, M), [
-                  [P, s.value]
-                ]),
-                l(N, {
-                  as: "label",
-                  for: `application-${i}@${o}`,
-                  class: "label-chip__inner",
-                  text: i,
-                  data: {
-                    "@value": i,
-                    URI: "https://example.com/default"
-                  },
-                  setup: {
-                    "@type": "selected",
-                    "@icon": "suffix",
-                    "@inTable": !1,
-                    "@selected": !0
-                  }
-                }, null, 8, ["for", "text", "data"])
-              ]);
-            }), 128))
-          ])) : A("", !0),
-          l(E, {
-            modelValue: c.value,
-            "onUpdate:modelValue": e[2] || (e[2] = (i) => c.value = i),
-            vocabulary: V,
-            name: "projectName",
-            label: "Wählen Sie Vorschläge aus der Liste",
-            placeholder: "Wählen Sie den Projektstatus.",
-            validation: "required",
-            "validation-label": "Projektstatus"
-          }, null, 8, ["modelValue"]),
-          t("div", Z, [
-            l(L, {
+          g.value.length > 0 ? (m(), u("div", W, [
+            (m(!0), u(S, null, x(g.value, (a, d) => (m(), u("div", {
+              key: `application-${a}@${d}`,
+              class: "label-chip"
+            }, [
+              A(i("input", {
+                id: `application-${a}@${d}`,
+                "onUpdate:modelValue": n[1] || (n[1] = (o) => l.value = o),
+                class: "label-chip__input",
+                type: "checkbox",
+                value: a
+              }, null, 8, j), [
+                [C, l.value]
+              ]),
+              t(L, {
+                as: "label",
+                for: a,
+                class: "label-chip__inner",
+                text: a,
+                data: { "@value": a, URI: "https://example.com/default" },
+                setup: { "@type": "selected", "@icon": "suffix", "@inTable": !1, "@selected": !0 }
+              }, null, 8, ["for", "text", "data"])
+            ]))), 128))
+          ])) : z("", !0),
+          t(P, {
+            modelValue: r.value,
+            "onUpdate:modelValue": n[2] || (n[2] = (a) => r.value = a),
+            options: _.value,
+            placeholder: "Suche oder neuen Anwendungsbereich eingeben...",
+            label: "Anwendungsbereich auswählen oder neuen eingeben",
+            filterable: "",
+            taggable: "",
+            "create-option": "",
+            clearable: "",
+            class: "mt-6"
+          }, null, 8, ["modelValue", "options"]),
+          i("div", K, [
+            t(E, {
               "button-text": "Anwendungsbereich hinzufügen",
               size: "medium",
               variant: "tertiary",
               "icon-start": "plus",
-              onClick: S
-            })
+              disabled: !r.value.id,
+              onClick: y
+            }, null, 8, ["disabled"])
           ])
         ])
       ]),
-      t("section", F, [
-        l(B, { "hide-cancel": "" })
+      i("section", T, [
+        t(I, { "hide-cancel": "" })
       ]),
-      t("section", K, [
-        l(w, { variant: "default" }, {
-          icon: r(() => [
-            l(m(_), {
+      i("section", $, [
+        t(k, { variant: "default" }, {
+          icon: s(() => [
+            t(c(w), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: r(() => e[5] || (e[5] = [
-            g(" Information ", -1)
+          title: s(() => n[5] || (n[5] = [
+            v(" Information ", -1)
           ])),
-          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. ")
+          default: s(() => [
+            n[6] || (n[6] = i("div", { class: "application-information" }, [
+              i("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))
           ]),
           _: 1,
           __: [6]
         })
       ]),
-      t("section", T, [
-        l(w, { variant: "default" }, {
-          icon: r(() => [
-            l(m(_), {
+      i("section", q, [
+        t(k, { variant: "default" }, {
+          icon: s(() => [
+            t(c(w), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: r(() => e[7] || (e[7] = [
-            g(" Beispiel ", -1)
+          title: s(() => n[7] || (n[7] = [
+            v(" Beispiel ", -1)
           ])),
-          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. ")
+          default: s(() => [
+            n[8] || (n[8] = i("div", { class: "application-information" }, [
+              i("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))
           ]),
           _: 1,
@@ -161,5 +184,5 @@ const H = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" },
   }
 });
 export {
-  se as default
+  ae as default
 };

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 p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f9a54e61"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-61aa715e"]]);
 export {
   p as default
 };

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

@@ -20,7 +20,7 @@ const V = { class: "dpiV3_page V3-typography" }, C = { class: "funny-section" },
     }), { getSearchResultsEnhanced: r } = m({
       queryParams: {
         q: u,
-        limit: 12,
+        limit: 40,
         vocabulary: "data-theme",
         sort: "title+asc"
       }

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

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