@piveau/dpi 0.2.0-alpha.5 → 0.2.0-alpha.7

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

@@ -21,7 +21,7 @@ const z = { class: "dpiV3_page V3-typography" }, k = { class: "funny-section" },
             "onUpdate:modelValue": t[0] || (t[0] = (l) => s.value = l),
             label: "Beschreibung",
             type: r(_),
-            name: "project_description",
+            name: "projectDescription",
             "text-label": "Name",
             placeholder: "Geben Sie Ihrem Projekt einen Namen.",
             validation: "required|length:0,500",
@@ -59,7 +59,7 @@ const z = { class: "dpiV3_page V3-typography" }, k = { class: "funny-section" },
       ])
     ]));
   }
-}, F = /* @__PURE__ */ b(P, [["__scopeId", "data-v-9ea5f3f2"]]);
+}, F = /* @__PURE__ */ b(P, [["__scopeId", "data-v-9f4e9fc8"]]);
 export {
   F as default
 };

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

@@ -1,38 +1,35 @@
-import { createElementBlock as n, openBlock as r, createElementVNode as e, createVNode as o, unref as s } from "vue";
-import { FormKit as i } from "@formkit/vue";
-import a from "../../../components/StepActionsSection.vue.js";
-import l from "../ListBox/ListBoxDefinition.js";
+import { ref as r, createElementBlock as i, openBlock as a, createElementVNode as e, createVNode as o, unref as s } from "vue";
+import { FormKit as l } from "@formkit/vue";
+import c from "../../../components/StepActionsSection.vue.js";
+import p from "../ListBox/ListBoxDefinition.js";
 /* empty css                       */
-import c from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = { class: "dpiV3_page V3-typography" }, d = { class: "funny-section" }, m = { class: "funny-flex" }, u = { class: "funny-section" }, _ = {
+import u from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const d = { class: "dpiV3_page V3-typography" }, f = { class: "funny-section" }, m = { class: "funny-flex" }, _ = { class: "funny-section" }, h = {
   __name: "ProjectStatusStep",
-  setup(f) {
-    return (h, t) => (r(), n("div", p, [
-      e("section", d, [
+  setup(S) {
+    const n = r(["Offen", "In Arbeit", "Abgeschlossen"]);
+    return (b, t) => (a(), i("div", d, [
+      e("section", f, [
         e("div", m, [
           t[0] || (t[0] = e("h4", null, " Legen Sie den Status Ihres Projekts fest ", -1)),
           t[1] || (t[1] = e("span", { class: "copy-large-regular" }, "Ist Ihr Projekt noch in Planung, in Arbeit oder bereits abgeschlossen?", -1)),
-          o(s(i), {
-            type: s(l),
+          o(s(l), {
+            type: s(p),
             name: "projectName",
             label: "Projektstatus",
             placeholder: "Wählen Sie den Projektstatus.",
-            options: [
-              { id: "open", name: "Offen" },
-              { id: "in_progress", name: "In Arbeit" },
-              { id: "done", name: "Abgeschlossen" }
-            ],
+            options: n.value,
             validation: "required",
             "validation-label": "Projektstatus"
-          }, null, 8, ["type"])
+          }, null, 8, ["type", "options"])
         ])
       ]),
-      e("section", u, [
-        o(a)
+      e("section", _, [
+        o(c)
       ])
     ]));
   }
-}, k = /* @__PURE__ */ c(_, [["__scopeId", "data-v-835a4f9c"]]);
+}, x = /* @__PURE__ */ u(h, [["__scopeId", "data-v-4e2fe302"]]);
 export {
-  k as default
+  x as default
 };

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

@@ -1,8 +1,9 @@
-import { useAttrs as C, ref as c, computed as S, createElementBlock as F, createCommentVNode as d, openBlock as s, normalizeClass as P, createBlock as r, resolveDynamicComponent as D, mergeProps as M, withModifiers as T, withCtx as W, createElementVNode as w, unref as f, toDisplayString as N } from "vue";
-import { PhMagnifyingGlass as m, PhX as b } from "@phosphor-icons/vue";
+import { useAttrs as C, ref as f, computed as S, createElementBlock as F, createCommentVNode as c, openBlock as n, normalizeClass as M, createBlock as d, resolveDynamicComponent as P, mergeProps as D, withModifiers as T, unref as r, withCtx as W, createElementVNode as w, toDisplayString as N } from "vue";
+import { PhMagnifyingGlass as m, PhX as V } from "@phosphor-icons/vue";
+import { useVModel as j } from "@vueuse/core";
 /* empty css          */
-import j from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const q = ["title"], A = { class: "dpiV3_chipBody-text" }, E = {
+import q from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const A = ["title"], E = { class: "dpiV3_chipBody-text" }, G = {
   __name: "Chip",
   props: {
     text: {
@@ -20,45 +21,52 @@ const q = ["title"], A = { class: "dpiV3_chipBody-text" }, E = {
     as: {
       type: String,
       default: "button"
+    },
+    selectValue: {
+      type: Boolean,
+      default: !1
     }
   },
-  emits: ["click", "selection-change"],
-  setup(e, { emit: V }) {
-    const a = e, h = V, v = C(), n = c(), t = c(a.setup["@selected"]), y = c(), o = c("16px");
-    function k(u) {
+  emits: ["click", "selection-change", "update:selectValue"],
+  setup(e, { emit: b }) {
+    const t = e, h = b, v = C(), u = f(), i = j(t, "selectValue", h, {
+      defaultValue: t.setup["@selected"],
+      passive: !0
+    }), y = f(), o = f("16px");
+    function k(s) {
     }
-    function x(u, i) {
-      if (u != "disabled" && u != "default" && u != "static" && (n.value.children[0].classList.toggle("dpiV3_chipSelected"), t.value = !t.value, h("click", a.data), h("selection-change", {
-        selected: t.value,
-        data: a.data
-      }), t.value))
-        for (let l = 0; l < n.value.children[0].children.length; l++)
-          n.value.children[0].children[l].tagName === "IMG" && !y.value && (t.value ? n.value.children[0].children[l].src = X : n.value.children[0].children[l].src = XB);
+    function x(s, l) {
+      if (s != "disabled" && s != "default" && s != "static" && (u.value.children[0].classList.toggle("dpiV3_chipSelected"), i.value = !i.value, h("click", t.data), h("selection-change", {
+        selected: i.value,
+        data: t.data
+      }), i.value))
+        for (let a = 0; a < u.value.children[0].children.length; a++)
+          u.value.children[0].children[a].tagName === "IMG" && !y.value && (i.value ? u.value.children[0].children[a].src = X : u.value.children[0].children[a].src = XB);
     }
-    a.setup["@type"] === "selected" && (t.value = !0), a.setup["@search"] && (y.value = !0);
-    const p = c(!1);
-    function g(u) {
+    t.setup["@type"] === "selected" && (i.value = !0), t.setup["@search"] && (y.value = !0);
+    const p = f(!1);
+    function g(s) {
       p.value = !0;
     }
-    function z() {
+    function B() {
       p.value = !1;
     }
-    const B = S(() => a.as === "button" ? {
+    const z = S(() => t.as === "button" ? {
       type: "button",
       ...v
     } : v);
-    return (u, i) => typeof e.text < "u" ? (s(), F("div", {
+    return (s, l) => typeof e.text < "u" ? (n(), F("div", {
       key: 0,
       ref_key: "chipWrap",
-      ref: n,
-      class: P(["dpiV3_chipBorder", { dpiV3_focusBorder: p.value, dpiV3_inTableWrap: e.setup["@inTable"], dpiV3_inRaPFindability_outer: e.setup["@rapfindability"] }]),
+      ref: u,
+      class: M(["dpiV3_chipBorder", { dpiV3_focusBorder: p.value, dpiV3_inTableWrap: e.setup["@inTable"], dpiV3_inRaPFindability_outer: e.setup["@rapfindability"] }]),
       title: e.text,
       onClick: k
     }, [
-      (s(), r(D(e.as), M(B.value, {
+      (n(), d(P(e.as), D(z.value, {
         class: ["dpiV3_chipBody", {
           dpiV3_chipUnselected: e.setup["@type"] === "select",
-          dpiV3_chipSelected: t.value,
+          dpiV3_chipSelected: r(i),
           dpiV3_chipDefault: e.setup["@type"] === "default",
           dpiV3_chipDisabled: e.setup["@type"] === "disabled",
           dpiV3_specialFocus: p.value,
@@ -68,36 +76,36 @@ const q = ["title"], A = { class: "dpiV3_chipBody-text" }, E = {
           dpiV3_inRaPFindability: e.setup["@rapfindability"]
         }],
         disabled: e.setup["@type"] === "disabled" || e.setup["@type"] === "static",
-        onClick: i[0] || (i[0] = (l) => x(e.setup["@type"])),
-        onMousedown: i[1] || (i[1] = T(() => {
+        onClick: l[0] || (l[0] = (a) => x(e.setup["@type"])),
+        onMousedown: l[1] || (l[1] = T(() => {
         }, ["prevent"])),
-        onFocus: i[2] || (i[2] = (l) => g()),
-        onBlur: z
+        onFocus: l[2] || (l[2] = (a) => g()),
+        onBlur: B
       }), {
         default: W(() => [
-          e.setup["@search"] && e.setup["@icon"] === "prefix" ? (s(), r(f(m), {
+          e.setup["@search"] && e.setup["@icon"] === "prefix" ? (n(), d(r(m), {
             key: 0,
             size: o.value
-          }, null, 8, ["size"])) : d("", !0),
-          !e.setup["@search"] && e.setup["@icon"] === "prefix" ? (s(), r(f(b), {
+          }, null, 8, ["size"])) : c("", !0),
+          !e.setup["@search"] && e.setup["@icon"] === "prefix" ? (n(), d(r(V), {
             key: 1,
             size: o.value
-          }, null, 8, ["size"])) : d("", !0),
-          w("span", A, N(e.text), 1),
-          !e.setup["@search"] && e.setup["@icon"] === "suffix" ? (s(), r(f(b), {
+          }, null, 8, ["size"])) : c("", !0),
+          w("span", E, N(e.text), 1),
+          !e.setup["@search"] && e.setup["@icon"] === "suffix" ? (n(), d(r(V), {
             key: 2,
             size: o.value
-          }, null, 8, ["size"])) : d("", !0),
-          e.setup["@search"] && e.setup["@icon"] === "suffix" ? (s(), r(f(m), {
+          }, null, 8, ["size"])) : c("", !0),
+          e.setup["@search"] && e.setup["@icon"] === "suffix" ? (n(), d(r(m), {
             key: 3,
             size: o.value
-          }, null, 8, ["size"])) : d("", !0)
+          }, null, 8, ["size"])) : c("", !0)
         ]),
         _: 1
       }, 16, ["class", "disabled"]))
-    ], 10, q)) : d("", !0);
+    ], 10, A)) : c("", !0);
   }
-}, $ = /* @__PURE__ */ j(E, [["__scopeId", "data-v-4d5c66f5"]]);
+}, U = /* @__PURE__ */ q(G, [["__scopeId", "data-v-c0f41940"]]);
 export {
-  $ as default
+  U as default
 };

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

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

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

@@ -1,9 +1,9 @@
-import { defineComponent as m, mergeModels as p, useModel as f, createElementBlock as d, openBlock as a, Fragment as h, renderList as v, withDirectives as x, createElementVNode as u, vModelCheckbox as k, createVNode as _ } from "vue";
-import { looseIndexOf as c } from "@vue/shared";
-import C from "../Chip.vue.js";
-const b = { class: "chip-toggle-list" }, g = ["id", "value"], V = ["for", "onClick"], $ = /* @__PURE__ */ m({
+import { defineComponent as v, mergeModels as f, useModel as h, computed as x, createElementBlock as s, openBlock as c, Fragment as k, renderList as C, withDirectives as V, createElementVNode as u, vModelCheckbox as _, createVNode as b } from "vue";
+import { looseIndexOf as n } from "@vue/shared";
+import g from "../Chip.vue.js";
+const y = { class: "chip-toggle-list" }, I = ["id", "value"], M = ["for", "onClick"], B = /* @__PURE__ */ v({
   __name: "ChipToggleList",
-  props: /* @__PURE__ */ p({
+  props: /* @__PURE__ */ f({
     options: {}
   }, {
     modelValue: {
@@ -12,51 +12,57 @@ const b = { class: "chip-toggle-list" }, g = ["id", "value"], V = ["for", "onCli
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(r) {
-    const l = f(r, "modelValue");
-    function n(t) {
-      return c(l.value, t) !== -1;
+  setup(i) {
+    const r = i, t = h(i, "modelValue");
+    function o(l) {
+      return n(t.value, l) !== -1;
     }
-    function o(t) {
-      c(l.value, t.id) !== -1 ? l.value = l.value.filter((e) => e !== t.id) : l.value = [...l.value, t.id];
+    function m(l) {
+      n(t.value, l.id) !== -1 ? t.value = t.value.filter((e) => e !== l.id) : t.value = [...t.value, l.id];
     }
-    return (t, i) => (a(), d("div", b, [
-      (a(!0), d(h, null, v(t.options, (e) => (a(), d("div", {
+    const p = x(() => r.options.map((l) => ({
+      ...l,
+      selected: o(l.id)
+    })));
+    return (l, a) => (c(), s("div", y, [
+      (c(!0), s(k, null, C(p.value, (e) => (c(), s("div", {
         key: e.id,
         class: "chip-item"
       }, [
-        x(u("input", {
+        V(u("input", {
           id: `chip-${e.id}`,
-          "onUpdate:modelValue": i[0] || (i[0] = (s) => l.value = s),
+          "onUpdate:modelValue": a[0] || (a[0] = (d) => t.value = d),
           class: "chip-checkbox",
           type: "checkbox",
           value: e.id
-        }, null, 8, g), [
-          [k, l.value]
+        }, null, 8, I), [
+          [_, t.value]
         ]),
         u("label", {
           class: "chip-label",
           for: `chip-${e.id}`,
-          onClick: (s) => o(e)
+          onClick: (d) => m(e)
         }, [
-          _(C, {
+          b(g, {
+            "select-value": e.selected,
+            "onUpdate:selectValue": (d) => e.selected = d,
             text: e.name,
             data: {
               "@value": e.id,
-              URI: e.uri || "https://example.com/default"
+              URI: "https://example.com/default"
             },
             setup: {
               "@type": "select",
               "@inTable": !1,
               "@findability": !0,
-              "@selected": n(e.id)
+              "@selected": e.selected
             }
-          }, null, 8, ["text", "data", "setup"])
-        ], 8, V)
+          }, null, 8, ["select-value", "onUpdate:selectValue", "text", "data", "setup"])
+        ], 8, M)
       ]))), 128))
     ]));
   }
 });
 export {
-  $ as default
+  B as default
 };

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

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

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue2.js

@@ -16,7 +16,7 @@ const A = { class: "dpiV3_page V3-typography" }, N = { class: "funny-section" },
 }, E = { class: "partner-cards-container" }, K = { class: "action-container" }, T = { class: "funny-section" }, U = { class: "funny-section" }, j = 500, te = /* @__PURE__ */ S({
   __name: "BasicInformationStep",
   setup(O) {
-    const f = y(""), z = y([]), w = y([]), B = I(() => {
+    const f = y(""), z = y([]), w = y([]), x = I(() => {
       var h;
       return ((h = f.value) == null ? void 0 : h.length) || 0;
     });
@@ -33,7 +33,7 @@ const A = { class: "dpiV3_page V3-typography" }, N = { class: "funny-section" },
           modelValue: f.value,
           "onUpdate:modelValue": e[0] || (e[0] = (i) => f.value = i),
           class: "budgetArea",
-          label: "Beschreibung",
+          label: "description",
           type: r(D),
           name: "description",
           "text-label": "Beschreibung",
@@ -41,7 +41,7 @@ const A = { class: "dpiV3_page V3-typography" }, N = { class: "funny-section" },
           validation: "length:0,1000",
           "validation-visibility": "live",
           hint: "true",
-          help: `${B.value} von ${j} Zeichen`,
+          help: `${x.value} von ${j} Zeichen`,
           "count-hint": !0
         }, null, 8, ["modelValue", "type", "help"])
       ]),
@@ -88,7 +88,7 @@ const A = { class: "dpiV3_page V3-typography" }, N = { class: "funny-section" },
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => o.input(l.filter((x, g) => g !== u))
+                        onClick: () => o.input(l.filter((B, g) => g !== u))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -157,7 +157,7 @@ const A = { class: "dpiV3_page V3-typography" }, N = { class: "funny-section" },
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => o.input(l.filter((x, g) => g !== u))
+                        onClick: () => o.input(l.filter((B, g) => g !== u))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2

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-523cd381"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-341c16e4"]]);
 export {
   c as default
 };

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

@@ -1,8 +1,8 @@
-import { defineComponent as S, ref as b, computed as v, createElementBlock as r, openBlock as u, createElementVNode as n, createVNode as l, createCommentVNode as C, unref as c, Fragment as A, renderList as U, withDirectives as z, vModelCheckbox as I, withCtx as o, createTextVNode as g } from "vue";
-import { FormKit as P } from "@formkit/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 o, createTextVNode as g } from "vue";
+import { FormKit as D } from "@formkit/vue";
 import { PhLightbulb as _ } from "@phosphor-icons/vue";
-import { defineHubSearch as D } from "@piveau/sdk-vue";
-import j from "zod";
+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";
@@ -11,70 +11,71 @@ import N from "../Chip.vue.js";
 const H = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" }, W = { class: "funny-flex" }, M = {
   key: 0,
   class: "d-flex selected-applications"
-}, Z = ["id", "value"], $ = ["for"], q = { class: "ml-auto" }, F = { class: "funny-section action-section" }, K = { class: "action-section" }, T = { class: "action-section" }, V = "data-theme", se = /* @__PURE__ */ S({
+}, 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({
   __name: "ApplicationsStep",
   setup(G) {
-    const s = b([]), a = b(""), { useResources: k } = D({
+    const s = v([]), c = v(""), { useResources: k } = j({
       baseUrl: "https://staging.bydata.de/api/hub/search",
       index: "vocabulary",
       indexDetails: "vocabularies",
-      schema: j.any()
-    }, (t) => {
-      var f, h;
-      const e = String((t == null ? void 0 : t.id) || ""), i = String(((f = t == null ? void 0 : t.pref_label) == null ? void 0 : f.de) || ((h = t == null ? void 0 : t.pref_label) == null ? void 0 : h.en) || "");
+      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) || "");
       return {
         id: e,
-        name: i
+        name: i,
+        resource: n == null ? void 0 : n.resource
       };
-    }), y = v(() => s.value.map((t) => ({
+    }), y = b(() => s.value.map((n) => ({
       resourceId: `${V}/vocable`,
       params: {
         additionalParams: {
-          resource: t
+          resource: n
         }
       }
-    }))), d = k(y), p = v(() => d.value.every((t) => t.isSuccess) ? d.value.map((t) => {
-      const e = t.resultEnhanced;
+    }))), 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 x() {
-      const t = a.value;
-      if (t && t.trim()) {
-        const e = t.trim();
-        s.value.includes(e) || s.value.push(e), a.value = "";
+    function S() {
+      const n = c.value;
+      if (n && n.trim()) {
+        const e = n.trim();
+        s.value.includes(e) || s.value.push(e), c.value = "";
       }
     }
-    return (t, e) => (u(), r("div", H, [
-      n("section", R, [
-        n("div", W, [
-          e[3] || (e[3] = n("h4", null, " Geben Sie Anwendungsbereiche an ", -1)),
-          e[4] || (e[4] = n("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(c(P), {
+    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),
             name: "applications",
             type: "list",
             hidden: ""
           }, null, 8, ["modelValue"]),
-          p.value.length > 0 ? (u(), r("div", M, [
-            (u(!0), r(A, null, U(p.value, (i) => (u(), r("div", {
-              key: i,
-              class: "label-chip"
-            }, [
-              z(n("input", {
-                id: `application-${i}`,
-                "onUpdate:modelValue": e[1] || (e[1] = (m) => s.value = m),
-                class: "label-chip__input",
-                type: "checkbox",
-                value: i
-              }, null, 8, Z), [
-                [I, s.value]
-              ]),
-              n("label", {
-                class: "label-chip__label",
-                for: `application-${i}`
+          h.value.length > 0 ? (p(), d("div", M, [
+            (p(!0), d(U, null, z(h.value, (i, r) => {
+              var a, u;
+              return p(), d("div", {
+                key: `application-${i}@${r}`,
+                class: "label-chip"
               }, [
+                I(t("input", {
+                  id: `application-${i}@${r}`,
+                  "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), [
+                  [P, s.value]
+                ]),
                 l(N, {
+                  as: "label",
+                  for: `application-${i}@${r}`,
                   class: "label-chip__inner",
                   text: i,
                   data: {
@@ -84,15 +85,16 @@ const H = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" },
                   setup: {
                     "@type": "selected",
                     "@icon": "suffix",
-                    "@inTable": !1
+                    "@inTable": !1,
+                    "@selected": !0
                   }
-                }, null, 8, ["text", "data"])
-              ], 8, $)
-            ]))), 128))
-          ])) : C("", !0),
+                }, null, 8, ["for", "text", "data"])
+              ]);
+            }), 128))
+          ])) : A("", !0),
           l(E, {
-            modelValue: a.value,
-            "onUpdate:modelValue": e[2] || (e[2] = (i) => a.value = i),
+            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",
@@ -100,24 +102,24 @@ const H = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" },
             validation: "required",
             "validation-label": "Projektstatus"
           }, null, 8, ["modelValue"]),
-          n("div", q, [
+          t("div", q, [
             l(L, {
               "button-text": "Anwendungsbereich hinzufügen",
               size: "medium",
               variant: "tertiary",
               "icon-start": "plus",
-              onClick: x
+              onClick: S
             })
           ])
         ])
       ]),
-      n("section", F, [
+      t("section", F, [
         l(B, { "hide-cancel": "" })
       ]),
-      n("section", K, [
+      t("section", K, [
         l(w, { variant: "default" }, {
           icon: o(() => [
-            l(c(_), {
+            l(m(_), {
               size: 32,
               color: "#009fe3"
             })
@@ -126,18 +128,18 @@ const H = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" },
             g(" Information ", -1)
           ])),
           default: o(() => [
-            e[6] || (e[6] = n("div", { class: "application-information" }, [
-              n("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. ")
+            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))
           ]),
           _: 1,
           __: [6]
         })
       ]),
-      n("section", T, [
+      t("section", T, [
         l(w, { variant: "default" }, {
           icon: o(() => [
-            l(c(_), {
+            l(m(_), {
               size: 32,
               color: "#009fe3"
             })
@@ -146,8 +148,8 @@ const H = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" },
             g(" Beispiel ", -1)
           ])),
           default: o(() => [
-            e[8] || (e[8] = n("div", { class: "application-information" }, [
-              n("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. ")
+            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))
           ]),
           _: 1,