@piveau/dpi 0.2.0-alpha.1 → 0.2.0-alpha.12

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

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

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

@@ -0,0 +1,271 @@
+import { defineComponent as Y, ref as x, computed as _, watch as ee, toRef as te, createBlock as d, openBlock as i, withCtx as s, createVNode as m, createElementBlock as o, createElementVNode as S, unref as w, isRef as re, Fragment as f, renderList as v, createCommentVNode as c, createTextVNode as B, toDisplayString as y, nextTick as ne } from "vue";
+import { FormKit as $ } from "@formkit/vue";
+import { defineHubSearch as ie } from "@piveau/sdk-vue";
+import le from "zod";
+import oe from "../../../components/StepActionsSection.vue.js";
+import ue from "../ActionCard.vue.js";
+import se from "../Card.vue.js";
+import ae from "../Chip.vue.js";
+import de from "../DpiModalBase.vue.js";
+import p from "../SummaryBox.vue.js";
+import ce from "./AreYouSureToSkipCard.vue.js";
+import O from "./HardwareForm.vue.js";
+import pe from "./ProcessStepBase.vue.js";
+/* empty css                     */
+import { looseRenderable as h, useProcessStepResources as me, ensureHasOneResource as fe } from "./utils.js";
+const ve = {
+  key: 0,
+  class: "software-step__card-list--empty"
+}, ye = {
+  key: 1,
+  class: "software-step__card-list"
+}, he = { class: "step-section step-section--lg" }, ke = { class: "functionalities" }, Ee = /* @__PURE__ */ Y({
+  __name: "HardwareStep",
+  props: {
+    stepGroup: {},
+    edit: { type: Boolean }
+  },
+  setup(A) {
+    const z = A, k = x(!1), u = x([]), { useResources: F } = ie({
+      baseUrl: "https://twin.bydata.de/api/hub/search",
+      index: "resource",
+      indexDetails: "resources/hardware",
+      schema: le.any()
+    }, (e) => {
+      var P, T, E, N, G, U;
+      const t = String((e == null ? void 0 : e.id) || ""), n = String(((P = e == null ? void 0 : e.name) == null ? void 0 : P.de) || ((T = e == null ? void 0 : e.name) == null ? void 0 : T.en) || ""), r = (e == null ? void 0 : e.functionalities) || [], V = String(((N = (E = e == null ? void 0 : e.manufacturer) == null ? void 0 : E[0]) == null ? void 0 : N.label) || ""), l = String(((G = e == null ? void 0 : e.description) == null ? void 0 : G.de) || ((U = e == null ? void 0 : e.description) == null ? void 0 : U.en) || ""), a = String((e == null ? void 0 : e.version) || "");
+      return {
+        id: t,
+        name: n,
+        functionalities: r,
+        manufacturer: V,
+        description: l,
+        version: a
+      };
+    }), I = F(_(() => u.value.map((e) => ({
+      resourceId: e.id
+    })))), W = _(() => I.value.every((e) => e.isSuccess)), D = _(() => W.value ? I.value.map((e) => {
+      const t = e.resultEnhanced, n = u.value.find((r) => r.id === (t == null ? void 0 : t.id));
+      return {
+        // The ones that come from API
+        id: t == null ? void 0 : t.id,
+        name: (t == null ? void 0 : t.name) || "",
+        manufacturer: t == null ? void 0 : t.manufacturer,
+        version: t == null ? void 0 : t.version,
+        // Comes from API as well? Todo
+        // description: enhanced?.description,
+        // The ones that have been submitted by user
+        forProperty: h(n == null ? void 0 : n.forProperty),
+        description: h(n == null ? void 0 : n.description),
+        functionalities: h(n == null ? void 0 : n.functionalities),
+        locations: h(n == null ? void 0 : n.locations),
+        depictions: h(n == null ? void 0 : n.depictions),
+        references: h(n == null ? void 0 : n.references),
+        isHostedByItems: h(n == null ? void 0 : n.isHostedBy),
+        hosts: h(n == null ? void 0 : n.hosts)
+      };
+    }) : []), H = x(""), L = _(() => u.value.find((e) => e.id === H.value)), b = x(0);
+    ee(k, (e, t) => {
+      !e && t && b.value++;
+    });
+    function M(e) {
+      return u.value.find((t) => t.id === e);
+    }
+    function R(e) {
+      return u.value.findIndex((t) => t.id === e);
+    }
+    function K(e) {
+      const t = R(e);
+      t !== -1 && u.value.splice(t, 1);
+    }
+    async function Z(e) {
+      M(e) && (H.value = e, b.value++, await ne(), k.value = !0);
+    }
+    function C(e) {
+      u.value.push(e), k.value = !1, H.value = "";
+    }
+    function j(e) {
+      const t = R(e.id);
+      t !== -1 && (u.value.splice(t, 1), u.value.splice(t, 0, e.hardware), H.value = "", k.value = !1);
+    }
+    function q() {
+      k.value = !1;
+    }
+    const J = _(() => u.value.length > 0 ? "Weiter" : "Weiter ohne Hardware"), Q = _(() => u.value.length > 0 ? "primary" : "secondary"), { count: g, realCount: X } = me(z.stepGroup || "", te(z.edit));
+    return (e, t) => (i(), d(pe, {
+      title: "Geben Sie Informationen zur verwendeten Hardware an",
+      subtitle: "Die Hardware wird zentral von uns verwaltet. Sie können in diesem Schritt auswählen, welche Hardware Sie verwendet haben. Sobald Sie eine Hardware zugeordnet haben, geben Sie bitte an, wie die Hardware in diesem Schritt eingesetzt wurde."
+    }, {
+      default: s(({ confirm: n }) => [
+        m(w($), {
+          modelValue: w(g),
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => re(g) ? g.value = r : null),
+          type: "hidden",
+          name: "__resourceCount",
+          hidden: "",
+          "aria-hidden": "",
+          "validation-rules": { ensureHasOneResource: w(fe) },
+          validation: "+ensureHasOneResource",
+          "validation-visibility": "live",
+          "validation-messages": { ensureHasOneResource: "Sie müssen pro Schritt mindestens eine Software, einen Datensatz oder eine Hardware zuordnen, um fortfahren zu können." }
+        }, null, 8, ["modelValue", "validation-rules"]),
+        m(w($), {
+          modelValue: u.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (r) => u.value = r),
+          name: "selected",
+          type: "list",
+          hidden: ""
+        }, null, 8, ["modelValue"]),
+        D.value.length ? (i(), o("section", ye, [
+          (i(!0), o(f, null, v(D.value, (r, V) => (i(), d(ue, {
+            key: V,
+            class: "software-card",
+            onEdit: (l) => Z(r.id),
+            onDelete: (l) => n({ id: r.id || "", resourceType: "Hardware", resource: r.name, callback: K })
+          }, {
+            "standalone-name": s(() => t[5] || (t[5] = [
+              B(" Hardware ", -1)
+            ])),
+            default: s(() => [
+              S("div", he, [
+                m(p, { title: "Name" }, {
+                  default: s(() => [
+                    B(y(r.name), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                m(p, { title: "Genutzte Funktionalitäten" }, {
+                  default: s(() => [
+                    S("div", ke, [
+                      (i(!0), o(f, null, v(r.functionalities, (l) => (i(), d(ae, {
+                        key: l,
+                        text: l,
+                        data: { "@value": "", URI: "" },
+                        setup: { "@type": "selected", "@search": !1, "@inTable": !1, "@findability": !0, "@static": !0 }
+                      }, null, 8, ["text"]))), 128))
+                    ])
+                  ]),
+                  _: 2
+                }, 1024),
+                r.description ? (i(), d(p, {
+                  key: 0,
+                  title: "Beschreibung der Nutzung (optional)"
+                }, {
+                  default: s(() => [
+                    B(y(r.description), 1)
+                  ]),
+                  _: 2
+                }, 1024)) : c("", !0),
+                r.isHostedByItems ? (i(), d(p, {
+                  key: 1,
+                  title: "Host-Plattform (optional)"
+                }, {
+                  default: s(() => [
+                    (i(!0), o(f, null, v(r.isHostedByItems, (l, a) => (i(), o("div", { key: a }, y(l), 1))), 128))
+                  ]),
+                  _: 2
+                }, 1024)) : c("", !0),
+                r.hosts ? (i(), d(p, {
+                  key: 2,
+                  title: "Gehostete Geräte (optional)"
+                }, {
+                  default: s(() => [
+                    (i(!0), o(f, null, v(r.hosts, (l, a) => (i(), o("div", { key: a }, y(l), 1))), 128))
+                  ]),
+                  _: 2
+                }, 1024)) : c("", !0),
+                r.forProperty ? (i(), d(p, {
+                  key: 3,
+                  title: "Zweck (optional)"
+                }, {
+                  default: s(() => [
+                    (i(!0), o(f, null, v(r.forProperty, (l, a) => (i(), o("div", { key: a }, y(l), 1))), 128))
+                  ]),
+                  _: 2
+                }, 1024)) : c("", !0),
+                r.locations ? (i(), d(p, {
+                  key: 4,
+                  title: "Standort (optional)"
+                }, {
+                  default: s(() => [
+                    (i(!0), o(f, null, v(r.locations, (l, a) => (i(), o("div", { key: a }, y(`${l.lat} ${l.lng}`), 1))), 128))
+                  ]),
+                  _: 2
+                }, 1024)) : c("", !0),
+                r.depictions ? (i(), d(p, {
+                  key: 5,
+                  title: "Darstellungen (optional)"
+                }, {
+                  default: s(() => [
+                    (i(!0), o(f, null, v(r.depictions, (l, a) => (i(), o("div", { key: a }, y(l), 1))), 128))
+                  ]),
+                  _: 2
+                }, 1024)) : c("", !0),
+                r.references ? (i(), d(p, {
+                  key: 6,
+                  title: "Weiterführende Links (optional)"
+                }, {
+                  default: s(() => [
+                    (i(!0), o(f, null, v(r.references, (l, a) => (i(), o("div", { key: a }, y(l.name), 1))), 128))
+                  ]),
+                  _: 2
+                }, 1024)) : c("", !0)
+              ])
+            ]),
+            _: 2
+          }, 1032, ["onEdit", "onDelete"]))), 128))
+        ])) : (i(), o("section", ve, [
+          m(se, {
+            small: "",
+            class: "empty-card"
+          }, {
+            default: s(() => t[4] || (t[4] = [
+              S("p", { class: "copy-large-regular empty-card-text" }, " Aktuell haben Sie noch keine Hardware im Prozessschritt hinterlegt. ", -1)
+            ])),
+            _: 1,
+            __: [4]
+          })
+        ])),
+        m(O, {
+          exclude: u.value.map((r) => r.id),
+          onSubmit: C
+        }, null, 8, ["exclude"]),
+        S("section", null, [
+          m(oe, {
+            "next-text": J.value,
+            "next-variant": Q.value
+          }, null, 8, ["next-text", "next-variant"]),
+          w(X) === 0 ? (i(), d(ce, {
+            key: 0,
+            "resource-label": "Hardware"
+          })) : c("", !0)
+        ]),
+        m(de, {
+          modelValue: k.value,
+          "onUpdate:modelValue": t[3] || (t[3] = (r) => k.value = r),
+          "hide-close-btn": !0,
+          "compact-layout": !0,
+          title: "Hardware"
+        }, {
+          default: s(() => [
+            H.value ? (i(), d(O, {
+              key: b.value,
+              modelValue: H.value,
+              "onUpdate:modelValue": t[2] || (t[2] = (r) => H.value = r),
+              "initialize-with": L.value,
+              exclude: u.value.map((r) => r.id),
+              onSubmit: C,
+              onPatch: j,
+              onClose: q
+            }, null, 8, ["modelValue", "initialize-with", "exclude"])) : c("", !0)
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  Ee as default
+};

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

@@ -0,0 +1,78 @@
+import { defineComponent as _, ref as y, reactive as V, watch as b, createElementBlock as a, openBlock as d, Fragment as k, createElementVNode as o, createVNode as l, renderSlot as n, toDisplayString as r, withCtx as i, createTextVNode as p, createCommentVNode as v } from "vue";
+import u from "../ButtonV3.vue.js";
+import g from "../DpiModalBase.vue.js";
+const T = { class: "dpi-project-process-step V3-typography" }, C = { class: "step-section" }, w = { class: "copy-large-regular" }, B = { class: "dpiV3_modalTitle deleteModalHeading" }, D = { class: "deleteModalText" }, M = { key: 0 }, N = { class: "dpiV3_modalActions" }, E = /* @__PURE__ */ _({
+  __name: "ProcessStepBase",
+  props: {
+    title: {},
+    subtitle: {}
+  },
+  setup(S) {
+    const f = y(!1), e = V({
+      id: "",
+      callback: () => {
+      },
+      resourceType: "Ressource",
+      resource: "",
+      open: !1,
+      persistent: !1
+    });
+    function m(t) {
+      e.id = t.id, e.callback = t.callback, e.resourceType = t.resourceType || "Ressource", e.resource = t.resource || "", e.open = !0;
+    }
+    function h() {
+      e.callback(e.id), e.open = !1;
+    }
+    return b(() => e.open, (t) => {
+      t || (e.open = !1);
+    }), (t, s) => (d(), a(k, null, [
+      o("div", T, [
+        o("section", C, [
+          n(t.$slots, "title", {}, () => [
+            o("h4", null, r(t.title), 1)
+          ]),
+          n(t.$slots, "subtitle", {}, () => [
+            o("p", w, r(t.subtitle), 1)
+          ])
+        ]),
+        n(t.$slots, "default", { confirm: m })
+      ]),
+      l(g, {
+        modelValue: e.open,
+        "onUpdate:modelValue": s[1] || (s[1] = (c) => e.open = c),
+        persistent: !f.value
+      }, {
+        header: i(() => [
+          o("h2", B, " Verwendete " + r(e.resourceType) + " löschen? ", 1)
+        ]),
+        footer: i(() => [
+          o("div", N, [
+            l(u, {
+              "button-text": "Abbrechen",
+              variant: "tertiary",
+              onClick: s[0] || (s[0] = (c) => e.open = !1)
+            }),
+            l(u, {
+              "button-text": "Löschen",
+              variant: "primary",
+              onClick: h
+            })
+          ])
+        ]),
+        default: i(() => [
+          o("div", D, [
+            o("p", null, [
+              p(" Möchten Sie die verwendete " + r(e.resourceType) + " ", 1),
+              e.resource ? (d(), a("strong", M, r(e.resource), 1)) : v("", !0),
+              s[2] || (s[2] = p(" wirklich löschen? ", -1))
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "persistent"])
+    ], 64));
+  }
+});
+export {
+  E as default
+};

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ProcessSteps/ProcessStepBase.vue3.js

@@ -0,0 +1,5 @@
+import o from "./ProcessStepBase.vue.js";
+/* empty css                     */
+export {
+  o as default
+};

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

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

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

@@ -0,0 +1,41 @@
+import { defineComponent as l, createBlock as t, openBlock as o, withCtx as c, createElementVNode as n, renderSlot as s, createCommentVNode as d } from "vue";
+import u from "../ButtonV3.vue.js";
+import m from "../Card.vue.js";
+const p = { class: "input-section-card-body" }, f = { class: "input-section-card-actions" }, y = /* @__PURE__ */ l({
+  __name: "ProcessStepInputCard",
+  props: {
+    title: { default: "" },
+    subtitle: { default: "" },
+    noDelete: { type: Boolean, default: !1 }
+  },
+  emits: ["delete"],
+  setup(_, { emit: r }) {
+    const a = r;
+    function i() {
+      a("delete");
+    }
+    return (e, h) => (o(), t(m, null, {
+      default: c(() => [
+        n("div", p, [
+          s(e.$slots, "default", {}, void 0, !0),
+          n("div", f, [
+            s(e.$slots, "actions", {}, () => [
+              e.noDelete ? d("", !0) : (o(), t(u, {
+                key: 0,
+                "button-text": "Löschen",
+                size: "small",
+                variant: "tertiary",
+                "icon-start": "trash",
+                onClick: i
+              }))
+            ], !0)
+          ])
+        ])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  y as default
+};

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

@@ -0,0 +1,71 @@
+import { createElementBlock as s, openBlock as r, createStaticVNode as a, createElementVNode as e, createVNode as t, withCtx as i, unref as l } from "vue";
+import { PhLightbulb as d } from "@phosphor-icons/vue";
+import o from "../../../components/StepActionsSection.vue.js";
+import u from "../Card.vue.js";
+/* empty css                              */
+import c from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const g = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" }, h = { class: "funny-section process-footer-information" }, m = {
+  __name: "ProcessStepsOverviewStep",
+  setup(p) {
+    return (f, n) => (r(), s("div", g, [
+      n[2] || (n[2] = a('<section class="funny-section" data-v-de9008e0><div class="funny-flex" data-v-de9008e0><div data-v-de9008e0><h4 data-v-de9008e0> Geben Sie die Technischen Prozessschritte Ihres Projekts an </h4><div class="process-description-section" data-v-de9008e0><span class="process-description" data-v-de9008e0> Nachdem Sie anhand der Projektphasen geschildert haben, wie Sie von der Idee zur Umsetzung gekommen sind (optional), zeigen Sie in den technischen Prozessschritten detailliert, wie Sie mit den Daten gearbeitet haben – vom Erfassen über die Verarbeitung und Simulation bis zur Visualisierung. </span><span class="process-description strong" data-v-de9008e0> Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. </span><span class="process-description strong" data-v-de9008e0> Jedem Schritt muss mindestens eine Software, ein Datensatz oder eine Hardware zugeordnet werden, die verwendet wurden. </span><span class="process-description" data-v-de9008e0> An unseren Beispielen für „Hochwasserschutzprogramm mit Prognosen“ sehen Sie, wie Sie vorgehen können. </span></div></div><div class="steps" data-v-de9008e0><h5 data-v-de9008e0> Welche der folgenden Schritte haben Sie in Ihrem Projekt durchlaufen? </h5><ul data-v-de9008e0><li data-v-de9008e0> Teilen Sie im Schritt der <strong data-v-de9008e0>Datenerfassung</strong> mit anderen Kommunen, wie Sie relevante Daten, wie etwa Verwaltungs- oder Sensordaten, erhoben haben. </li><li data-v-de9008e0> Beschreiben Sie im Schritt der <strong data-v-de9008e0>Datenverarbeitung</strong>, wie Sie die Rohdaten zusammengeführt und aufbereitet haben. </li><li data-v-de9008e0> Schildern Sie im Schritt der <strong data-v-de9008e0>Datensimulation</strong>, ob und wie Sie auf Basis der verarbeiteten Daten Szenarien mithilfe von Simulationsmodellen nachgebildet und analysiert haben. </li><li data-v-de9008e0> Führen Sie im Schritt der <strong data-v-de9008e0>Datenvisualisierung</strong> aus, in welcher Form die Ergebnisse der Simulationen verständlich aufbereitet und visualisiert wurden. </li></ul></div></div></section>', 1)),
+      e("section", v, [
+        t(o, { "next-text": "Weiter zur Datenerfassung" })
+      ]),
+      e("section", h, [
+        t(u, { variant: "default" }, {
+          icon: i(() => [
+            t(l(d), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          title: i(() => n[0] || (n[0] = [
+            e("span", { class: "process-information-title" }, "Beispiele", -1)
+          ])),
+          default: i(() => [
+            n[1] || (n[1] = e("div", { class: "process-information-section" }, [
+              e("div", null, [
+                e("span", null, " Datenerfassung "),
+                e("ul", null, [
+                  e("li", null, " Installation von Pegelsensoren an Flüssen und Bächen "),
+                  e("li", null, " Nutzung von Wetterdaten regionaler Wetterdienste "),
+                  e("li", null, " Erfassung von Geländedaten mit Drohnen oder Laserscans ")
+                ])
+              ]),
+              e("div", null, [
+                e("span", null, " Datenverarbeitung "),
+                e("ul", null, [
+                  e("li", null, " Übertragung und automatische Plausibilitätsprüfung der Sensordaten "),
+                  e("li", null, " Aggregation von Wetter- und Pegelinformationen in einer zentralen Datenbank "),
+                  e("li", null, " Georeferenzierung der Wasserstände mit GIS-Systemen ")
+                ])
+              ]),
+              e("div", null, [
+                e("span", null, " Datensimulation "),
+                e("ul", null, [
+                  e("li", null, " Simulation von Überflutungsflächen bei Starkregen (z. B. mit hydrologischen Modellen) "),
+                  e("li", null, " Berechnung der Ausbreitungsgeschwindigkeit von Hochwasserwellen "),
+                  e("li", null, " Prognosen für kritische Pegelstände auf Basis von Echtzeit- und Wetterdaten ")
+                ])
+              ]),
+              e("div", null, [
+                e("span", null, " Datenvisualisierung "),
+                e("ul", null, [
+                  e("li", null, " Darstellung aktueller Pegelstände und Prognosekarten im Webportal "),
+                  e("li", null, " Visualisierung von Warngebieten auf interaktiven Karten "),
+                  e("li", null, " Erstellung von Dashboards für Einsatzleitung und Verwaltung ")
+                ])
+              ])
+            ], -1))
+          ]),
+          _: 1,
+          __: [1]
+        })
+      ])
+    ]));
+  }
+}, _ = /* @__PURE__ */ c(m, [["__scopeId", "data-v-de9008e0"]]);
+export {
+  _ as default
+};

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

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

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

@@ -0,0 +1,42 @@
+import { defineComponent as n, createElementBlock as c, openBlock as r, normalizeClass as d, createElementVNode as t, renderSlot as s, createTextVNode as a, toDisplayString as i } from "vue";
+const p = ["title"], u = { class: "rich-option__head" }, _ = { class: "copy-large-semi-bold" }, m = { class: "copy-large-semi-bold" }, f = { class: "rich-option__body" }, h = { class: "copy-large-regular" }, v = /* @__PURE__ */ n({
+  __name: "RichOption",
+  props: {
+    name: { default: "" },
+    manufacturer: { default: "" },
+    description: { default: "" },
+    active: { type: Boolean, default: !1 },
+    selected: { type: Boolean, default: !1 },
+    isDisabled: { type: Boolean, default: !1 }
+  },
+  setup(l) {
+    const e = l;
+    return (o, y) => (r(), c("div", {
+      class: d(["rich-option", { "rich-option--active": e.active, "rich-option--selected": e.selected, "rich-option--disabled": e.isDisabled }]),
+      title: e.name
+    }, [
+      t("div", u, [
+        t("span", _, [
+          s(o.$slots, "name", {}, () => [
+            a(i(e.name), 1)
+          ], !0)
+        ]),
+        t("span", m, [
+          s(o.$slots, "meta", {}, () => [
+            a(i(e.manufacturer), 1)
+          ], !0)
+        ])
+      ]),
+      t("div", f, [
+        t("span", h, [
+          s(o.$slots, "default", {}, () => [
+            a(i(e.description), 1)
+          ], !0)
+        ])
+      ])
+    ], 10, p));
+  }
+});
+export {
+  v as default
+};

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

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