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

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

@@ -0,0 +1,208 @@
+import { defineComponent as S, ref as y, computed as I, createElementBlock as b, openBlock as d, createElementVNode as n, createVNode as t, unref as r, withCtx as s, createTextVNode as c, Fragment as _, renderList as V, createBlock as C } from "vue";
+import { FormKit as p } from "@formkit/vue";
+import { PhLightbulb as k } from "@phosphor-icons/vue";
+import M from "../../../../stories/components/LinkCard.vue.js";
+import L from "../../../../stories/components/MethodsCard.vue.js";
+import P from "../../../components/StepActionsSection.vue.js";
+import m from "../ButtonV3.vue.js";
+import v from "../Card.vue.js";
+import D from "../TextArea/TextAreaDefinition.js";
+const A = { class: "dpiV3_page V3-typography" }, N = { class: "funny-section" }, F = { class: "funny-section" }, G = {
+  id: "partners-section",
+  class: "funny-section"
+}, W = { class: "partner-cards-container" }, Z = { class: "action-container" }, $ = {
+  id: "partners-section",
+  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(() => {
+      var h;
+      return ((h = f.value) == null ? void 0 : h.length) || 0;
+    });
+    return (h, e) => (d(), b("div", A, [
+      e[13] || (e[13] = n("section", { class: "funny-section" }, [
+        n("div", { class: "funny-flex" }, [
+          n("h4", null, "Fügen Sie optionale Daten hinzu"),
+          n("span", { class: "copy-large-regular" }, " Zusätzliche Informationen, wie etwa zur Laufzeit oder zum Budgetrahmen Ihres Projekts, können für andere Kommunen hilfreich sein. ")
+        ])
+      ], -1)),
+      n("section", N, [
+        t(r(p), {
+          id: "Beschreibung",
+          modelValue: f.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (i) => f.value = i),
+          class: "budgetArea",
+          label: "Beschreibung",
+          type: r(D),
+          name: "description",
+          "text-label": "Beschreibung",
+          placeholder: "Briefly describe your approach, goal and result of the process step.",
+          validation: "length:0,1000",
+          "validation-visibility": "live",
+          hint: "true",
+          help: `${B.value} von ${j} Zeichen`,
+          "count-hint": !0
+        }, null, 8, ["modelValue", "type", "help"])
+      ]),
+      n("section", F, [
+        t(v, { variant: "default" }, {
+          icon: s(() => [
+            t(r(k), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          title: s(() => e[3] || (e[3] = [
+            c(" Beispiel ", -1)
+          ])),
+          default: s(() => [
+            e[4] || (e[4] = n("p", null, " Zur Überwachung der aktuellen Wasserstände wurden moderne Pegelsensoren an ausgewählten Messpunkten entlang der Gewässer installiert. Die erfassten Messdaten werden in festgelegten Intervallen automatisch an das zentrale IT-System der Stadt übertragen und dort gespeichert. ", -1))
+          ]),
+          _: 1,
+          __: [4]
+        })
+      ]),
+      n("section", G, [
+        e[5] || (e[5] = n("h5", null, " Verwendete Methoden (optional) ", -1)),
+        e[6] || (e[6] = n("span", { class: "copy-large-regular" }, "Geben Sie hier Methoden, Verfahren oder Werkzeuge an, die im Prozessschritt verwendet wurden (z.B. KI-Modelle, GIS-Anwendungen oder spezielle Messtechniken).", -1)),
+        n("div", W, [
+          t(r(p), {
+            modelValue: w.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (i) => w.value = i),
+            type: "list",
+            name: "methods",
+            dynamic: ""
+          }, {
+            default: s(({ items: i, node: o, value: l }) => [
+              (d(!0), b(_, null, V(i, (a, u) => (d(), C(r(p), {
+                key: a,
+                type: "group",
+                index: u
+              }, {
+                default: s(() => [
+                  t(L, null, {
+                    action: s(() => [
+                      t(m, {
+                        "button-text": "Löschen",
+                        size: "small",
+                        variant: "tertiary",
+                        "icon-start": "trash",
+                        onClick: () => o.input(l.filter((x, g) => g !== u))
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["index"]))), 128)),
+              n("div", Z, [
+                t(m, {
+                  "button-text": "Link hinzufügen",
+                  size: "medium",
+                  variant: "tertiary",
+                  "icon-start": "plus",
+                  onClick: (a) => o.input(l.concat({}))
+                }, null, 8, ["onClick"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      t(v, { variant: "default" }, {
+        icon: s(() => [
+          t(r(k), {
+            size: 32,
+            color: "#009fe3"
+          })
+        ]),
+        title: s(() => e[7] || (e[7] = [
+          c(" Beispiel ", -1)
+        ])),
+        default: s(() => [
+          e[8] || (e[8] = n("p", null, [
+            n("strong", null, "Name"),
+            c(": Automatisierte Pegelerfassung "),
+            n("br"),
+            n("strong", null, " Beschreibung"),
+            c(": Erhebung von Wasserstandsdaten mithilfe installierter Pegelsensoren und hydrologischen Modellen nach DIN 4049 sowie Übertragung der Messwerte per IoT-Gateway in zentrale Datenbanken. ")
+          ], -1))
+        ]),
+        _: 1,
+        __: [8]
+      }),
+      n("section", $, [
+        e[9] || (e[9] = n("h5", null, " Weiterführende Links ", -1)),
+        e[10] || (e[10] = n("span", { class: "copy-large-regular" }, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zu Ihrer Vorgehensweise beim Aufbau eines Digitalen Zwillings enthalten, wie etwa Status- oder Abschlussberichte.", -1)),
+        n("div", E, [
+          t(r(p), {
+            modelValue: z.value,
+            "onUpdate:modelValue": e[2] || (e[2] = (i) => z.value = i),
+            type: "list",
+            name: "links",
+            dynamic: ""
+          }, {
+            default: s(({ items: i, node: o, value: l }) => [
+              (d(!0), b(_, null, V(i, (a, u) => (d(), C(r(p), {
+                key: a,
+                type: "group",
+                index: u
+              }, {
+                default: s(() => [
+                  t(M, null, {
+                    action: s(() => [
+                      t(m, {
+                        "button-text": "Löschen",
+                        size: "small",
+                        variant: "tertiary",
+                        "icon-start": "trash",
+                        onClick: () => o.input(l.filter((x, g) => g !== u))
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["index"]))), 128)),
+              n("div", K, [
+                t(m, {
+                  "button-text": "Link hinzufügen",
+                  size: "medium",
+                  variant: "tertiary",
+                  "icon-start": "plus",
+                  onClick: (a) => o.input(l.concat({}))
+                }, null, 8, ["onClick"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      n("section", T, [
+        t(P)
+      ]),
+      n("section", U, [
+        t(v, { variant: "default" }, {
+          icon: s(() => [
+            t(r(k), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          title: s(() => e[11] || (e[11] = [
+            c(" Vorsicht! ", -1)
+          ])),
+          default: s(() => [
+            e[12] || (e[12] = n("p", null, ' Sind Sie sicher, dass Sie den technischen Prozessschritt "Datenerfassung" überspringen wollen? Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. ', -1))
+          ]),
+          _: 1,
+          __: [12]
+        })
+      ])
+    ]));
+  }
+});
+export {
+  te as default
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/DatasetStatus.vue.js

@@ -2,7 +2,7 @@ import m from "./StateTag.vue.js";
 import d from "./MoreButton.vue.js";
 import { resolveComponent as o, createElementBlock as t, openBlock as e, Fragment as _, renderList as u, createElementVNode as r, createVNode as n, toDisplayString as f } from "vue";
 /* empty css                   */
-import g from "../../../_virtual/_plugin-vue_export-helper.js";
+import g from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const k = {
   name: "DatasetStatus",
   props: {

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/DpiModalBase.vue.js

@@ -1,6 +1,6 @@
 import o from "./DpiModalBase.vue2.js";
 /* empty css                  */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
+import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-637db601"]]);
 export {
   m as default

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/Dropdown.vue.js

@@ -5,7 +5,7 @@ import Q from "./MoreButton.vue.js";
 import X from "./InputField.vue.js";
 import { useI18n as Y } from "vue-i18n";
 /* empty css              */
-import Z from "../../../_virtual/_plugin-vue_export-helper.js";
+import Z from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const ee = { class: "dpiV3_dropdownV3" }, te = {
   key: 0,
   class: "dpiV3_loading"

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

@@ -0,0 +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"]]);
+export {
+  c as default
+};

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

@@ -0,0 +1,162 @@
+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 { PhLightbulb as _ } from "@phosphor-icons/vue";
+import { defineHubSearch as D } from "@piveau/sdk-vue";
+import j 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" }, 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({
+  __name: "ApplicationsStep",
+  setup(G) {
+    const s = b([]), a = b(""), { useResources: k } = D({
+      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) || "");
+      return {
+        id: e,
+        name: i
+      };
+    }), y = v(() => s.value.map((t) => ({
+      resourceId: `${V}/vocable`,
+      params: {
+        additionalParams: {
+          resource: t
+        }
+      }
+    }))), d = k(y), p = v(() => d.value.every((t) => t.isSuccess) ? d.value.map((t) => {
+      const e = t.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 = "";
+      }
+    }
+    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), {
+            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}`
+              }, [
+                l(N, {
+                  class: "label-chip__inner",
+                  text: i,
+                  data: {
+                    "@value": i,
+                    URI: "https://example.com/default"
+                  },
+                  setup: {
+                    "@type": "selected",
+                    "@icon": "suffix",
+                    "@inTable": !1
+                  }
+                }, null, 8, ["text", "data"])
+              ], 8, $)
+            ]))), 128))
+          ])) : C("", !0),
+          l(E, {
+            modelValue: a.value,
+            "onUpdate:modelValue": e[2] || (e[2] = (i) => a.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"]),
+          n("div", q, [
+            l(L, {
+              "button-text": "Anwendungsbereich hinzufügen",
+              size: "medium",
+              variant: "tertiary",
+              "icon-start": "plus",
+              onClick: x
+            })
+          ])
+        ])
+      ]),
+      n("section", F, [
+        l(B, { "hide-cancel": "" })
+      ]),
+      n("section", K, [
+        l(w, { variant: "default" }, {
+          icon: o(() => [
+            l(c(_), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          title: o(() => e[5] || (e[5] = [
+            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. ")
+            ], -1))
+          ]),
+          _: 1,
+          __: [6]
+        })
+      ]),
+      n("section", T, [
+        l(w, { variant: "default" }, {
+          icon: o(() => [
+            l(c(_), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          title: o(() => e[7] || (e[7] = [
+            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. ")
+            ], -1))
+          ]),
+          _: 1,
+          __: [8]
+        })
+      ])
+    ]));
+  }
+});
+export {
+  se as default
+};

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

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

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

@@ -1,25 +1,25 @@
-import { ref as c, createElementBlock as l, openBlock as d, createElementVNode as e, createStaticVNode as o, createVNode as t, unref as a, withCtx as r, createTextVNode as n } from "vue";
-import { FormKit as h } from "@formkit/vue";
-import { PhLightbulb as u } from "@phosphor-icons/vue";
-import f from "../../../components/StepActionsSection.vue.js";
-import v from "../Card.vue.js";
-import g from "../ListBox/ListBoxDefinition.js";
+import { ref as l, createElementBlock as o, openBlock as d, createElementVNode as e, createStaticVNode as c, createVNode as t, unref as a, withCtx as r, createTextVNode as n } from "vue";
+import { FormKit as f } from "@formkit/vue";
+import { PhLightbulb as h } from "@phosphor-icons/vue";
+import b from "../../../components/StepActionsSection.vue.js";
+import u from "../Card.vue.js";
+import v from "../ListBox/ListBoxDefinition.js";
 /* empty css                         */
-import p from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = { class: "dpiV3_page V3-typography" }, b = { class: "funny-section" }, S = { class: "funny-flex" }, k = { class: "funny-section" }, _ = { class: "funny-section" }, y = {
+import g from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = { class: "dpiV3_page V3-typography" }, m = { class: "funny-section" }, S = { class: "funny-flex" }, k = { class: "funny-section" }, _ = { class: "funny-section" }, y = {
   __name: "DiscoverabilityStep",
   setup(z) {
-    const s = c([
-      { id: 1, name: "Öffentlich", unavailable: !1 },
-      { id: 2, name: "Eingeschränkt", unavailable: !1 },
-      { id: 3, name: "Intern", unavailable: !1 }
+    const s = l([
+      { id: "1", name: "Öffentlich", unavailable: !1 },
+      { id: "2", name: "Eingeschränkt", unavailable: !1 },
+      { id: "3", name: "Intern", unavailable: !1 }
     ]);
-    return (I, i) => (d(), l("div", m, [
-      e("section", b, [
+    return (I, i) => (d(), o("div", p, [
+      e("section", m, [
         e("div", S, [
-          i[0] || (i[0] = o('<div data-v-dc92c968><h4 data-v-dc92c968> Legen Sie die Sichtbarkeit Ihres Projekts fest </h4><div class="visibility-description" data-v-dc92c968><span class="copy-large-regular" data-v-dc92c968> 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-dc92c968><li data-v-dc92c968><div class="variant-content" data-v-dc92c968><p data-v-dc92c968><strong data-v-dc92c968>„öffentlich“</strong> (für alle Nutzer sichtbar) </p></div></li><li data-v-dc92c968><div class="variant-content" data-v-dc92c968><p data-v-dc92c968><strong data-v-dc92c968>„eingeschränkt“</strong>(für alle registrierten Nutzer sichtbar) </p></div></li><li data-v-dc92c968><div class="variant-content" data-v-dc92c968><p data-v-dc92c968><strong data-v-dc92c968>„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)),
-          t(a(h), {
-            type: a(g),
+          i[0] || (i[0] = c('<div data-v-4f1b28b3><h4 data-v-4f1b28b3> Legen Sie die Sichtbarkeit Ihres Projekts fest </h4><div class="visibility-description" data-v-4f1b28b3><span class="copy-large-regular" data-v-4f1b28b3> 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-4f1b28b3><li data-v-4f1b28b3><div class="variant-content" data-v-4f1b28b3><p data-v-4f1b28b3><strong data-v-4f1b28b3>„öffentlich“</strong> (für alle Nutzer sichtbar) </p></div></li><li data-v-4f1b28b3><div class="variant-content" data-v-4f1b28b3><p data-v-4f1b28b3><strong data-v-4f1b28b3>„eingeschränkt“</strong> (für alle registrierten Nutzer sichtbar) </p></div></li><li data-v-4f1b28b3><div class="variant-content" data-v-4f1b28b3><p data-v-4f1b28b3><strong data-v-4f1b28b3>„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)),
+          t(a(f), {
+            type: a(v),
             name: "visibility",
             label: "Sichtbarkeit",
             placeholder: "Wählen Sie eine Sichtbarkeit.",
@@ -29,12 +29,12 @@ const m = { class: "dpiV3_page V3-typography" }, b = { class: "funny-section" },
         ])
       ]),
       e("section", k, [
-        t(f)
+        t(b)
       ]),
       e("section", _, [
-        t(v, { variant: "default" }, {
+        t(u, { variant: "default" }, {
           icon: r(() => [
-            t(a(u), {
+            t(a(h), {
               size: 32,
               color: "#009fe3"
             })
@@ -70,7 +70,7 @@ const m = { class: "dpiV3_page V3-typography" }, b = { class: "funny-section" },
       ])
     ]));
   }
-}, B = /* @__PURE__ */ p(y, [["__scopeId", "data-v-dc92c968"]]);
+}, B = /* @__PURE__ */ g(y, [["__scopeId", "data-v-4f1b28b3"]]);
 export {
   B as default
 };

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/Illustration.vue.js

@@ -2,7 +2,7 @@ import { createElementBlock as t, openBlock as e, createCommentVNode as o } from
 import s from "../img/IllustrationCelebrate.svg.js";
 import a from "../img/IllustrationStart.svg.js";
 /* empty css                  */
-import i from "../../../_virtual/_plugin-vue_export-helper.js";
+import i from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const l = { class: "dpiV3_illustration-wrapper" }, c = {
   key: 0,
   class: "dpiV3_illustration-celebrate-svg",

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

@@ -4,7 +4,7 @@ import G from "./TextButtonSmall.vue.js";
 /* empty css                                */
 /* empty css                                 */
 /* empty css                */
-import te from "../../../_virtual/_plugin-vue_export-helper.js";
+import te from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const le = { class: "dpiV3_input-field" }, ne = {
   key: 0,
   class: "dpiV3_InputFieldBase"

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/InputV3.vue.js

@@ -4,7 +4,7 @@ import W from "../img/iconRight.svg.js";
 import $ from "./TextButtonSmall.vue.js";
 import { PhInfo as j, PhMagnifyingGlass as q, PhCaretDown as M, PhQuestion as N, PhCalendar as S } from "@phosphor-icons/vue";
 /* empty css             */
-import A from "../../../_virtual/_plugin-vue_export-helper.js";
+import A from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const E = { for: "input-container" }, G = { class: "stretch" }, R = { class: "labelWrap" }, U = { class: "lebel" }, Z = { class: "inputFieldWrapper" }, H = { class: "preWrap" }, Q = {
   key: 1,
   class: "ddWrap"

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/LandingProjectStep/LandingProjectStep.vue.js

@@ -1,6 +1,6 @@
 import o from "./LandingProjectStep.vue2.js";
 /* empty css                        */
-import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ea3c97cd"]]);
 export {
   e as default

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/ListBox/ListBoxFormKit.vue.js

@@ -9,7 +9,7 @@ const k = /* @__PURE__ */ v({
     const o = u, s = n({
       get: () => {
         var e;
-        return ((e = o.context) == null ? void 0 : e._value) || null;
+        return ((e = o.context) == null ? void 0 : e._value) || "";
       },
       set: (e) => {
         var t;

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

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

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

@@ -0,0 +1,106 @@
+import { defineComponent as L, mergeModels as h, useModel as B, computed as C, createElementBlock as _, openBlock as i, createVNode as u, unref as s, withCtx as n, normalizeClass as d, createElementVNode as b, createCommentVNode as M, renderSlot as D, createTextVNode as k, toDisplayString as c, createBlock as x, resolveDynamicComponent as S, Fragment as F, renderList as N } from "vue";
+import { Listbox as E, ListboxButton as w, ListboxLabel as z, ListboxOptions as O, ListboxOption as P } from "@headlessui/vue";
+import { PhCaretUp as U, PhCaretDown as q } from "@phosphor-icons/vue";
+const T = { class: "listbox" }, $ = { class: "listbox__input" }, j = { class: "listbox__input-icon" }, I = /* @__PURE__ */ L({
+  __name: "Listbox",
+  props: /* @__PURE__ */ h({
+    options: {},
+    label: { default: "" },
+    errorMessage: { default: "" },
+    name: { default: "" },
+    placeholder: { default: "" },
+    optionLabel: { type: Function, default: (a) => a },
+    optionValue: { type: Function, default: (a) => a },
+    optionDisabled: { type: Function, default: () => !1 },
+    disabled: { type: Boolean }
+  }, {
+    modelValue: { required: !0, default: () => "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(a) {
+    const l = a, o = B(a, "modelValue"), f = C(() => !!l.errorMessage);
+    function p(e) {
+      return e ? typeof e == "string" ? l.optionLabel(e) : String(e.name) || String(e.id) : "";
+    }
+    function v(e) {
+      return typeof e == "string" ? l.optionValue(e) : String(e.id);
+    }
+    function g(e) {
+      return typeof e == "string" ? l.optionDisabled(e) : !!e.unavailable;
+    }
+    function V(e, r) {
+      console.log(e, r);
+      const t = v(e), m = v(r);
+      return t === m;
+    }
+    return (e, r) => (i(), _("div", T, [
+      u(s(E), {
+        modelValue: o.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (t) => o.value = t),
+        name: l.name,
+        by: V,
+        disabled: l.disabled
+      }, {
+        default: n(() => [
+          u(s(w), {
+            as: "button",
+            class: d(["listbox__button", { "listbox__button--error": f.value, "listbox__button--disabled": l.disabled }])
+          }, {
+            default: n(({ open: t }) => [
+              u(s(z), { as: "div" }, {
+                default: n(() => [
+                  D(e.$slots, "label", {
+                    label: l.label,
+                    selected: o.value
+                  }, () => [
+                    k(c(l.label), 1)
+                  ], !0)
+                ]),
+                _: 3
+              }),
+              b("div", $, [
+                b("div", {
+                  class: d(["listbox__input-label", { "listbox__input-label--placeholder": !o.value }])
+                }, c(p(o.value) || l.placeholder), 3),
+                b("div", j, [
+                  (i(), x(S(t ? s(U) : s(q)), { size: "1.5rem" }))
+                ])
+              ]),
+              e.errorMessage ? (i(), _("div", {
+                key: 0,
+                class: d(["listbox__message", { "listbox__message--error": f.value }])
+              }, c(e.errorMessage), 3)) : M("", !0)
+            ]),
+            _: 3
+          }, 8, ["class"]),
+          u(s(O), {
+            class: "listbox__options",
+            as: "ul"
+          }, {
+            default: n(() => [
+              (i(!0), _(F, null, N(e.options, (t) => (i(), x(s(P), {
+                key: typeof t == "string" ? t : t.id,
+                as: "template",
+                value: t,
+                disabled: g(t)
+              }, {
+                default: n(({ active: m, selected: y }) => [
+                  b("li", {
+                    class: d(["listbox__option", { "listbox__option--active": m, "listbox__option--selected": y }])
+                  }, c(p(t)), 3)
+                ]),
+                _: 2
+              }, 1032, ["value", "disabled"]))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 3
+      }, 8, ["modelValue", "name", "disabled"])
+    ]));
+  }
+});
+export {
+  I as default
+};