@piveau/dpi 0.2.0-alpha.29 → 0.2.0-alpha.30

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

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

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

@@ -1,56 +1,56 @@
-import { defineComponent as X, ref as S, computed as _, watch as Y, toRef as ee, createBlock as d, openBlock as i, withCtx as u, createVNode as v, createElementBlock as o, createElementVNode as H, unref as x, isRef as te, Fragment as f, renderList as y, createCommentVNode as p, createTextVNode as B, toDisplayString as m, nextTick as ne } from "vue";
+import { defineComponent as Q, ref as x, computed as _, watch as X, toRef as Y, createBlock as d, openBlock as i, withCtx as u, createVNode as f, createElementBlock as o, createElementVNode as H, unref as S, isRef as ee, Fragment as v, renderList as y, createCommentVNode as p, createTextVNode as z, toDisplayString as m, nextTick as te } from "vue";
 import { FormKit as U } from "@formkit/vue";
-import { defineHubSearch as ie } from "@piveau/sdk-vue";
-import le from "zod";
-import re from "../../../components/StepActionsSection.vue.js";
-import oe from "../ActionCard.vue.js";
-import ae from "../Card.vue.js";
-import ue from "../Chip.vue.js";
-import se from "../DpiModalBase.vue.js";
+import { defineHubSearch as ne } from "@piveau/sdk-vue";
+import ie from "zod";
+import le from "../../../components/StepActionsSection.vue.js";
+import re from "../ActionCard.vue.js";
+import oe from "../Card.vue.js";
+import ae from "../Chip.vue.js";
+import ue from "../DpiModalBase.vue.js";
 import c from "../SummaryBox.vue.js";
-import de from "./AreYouSureToSkipCard.vue.js";
+import se from "./AreYouSureToSkipCard.vue.js";
 import $ from "./HardwareForm.vue.js";
-import me from "./ProcessStepBase.vue.js";
+import de from "./ProcessStepBase.vue.js";
 /* empty css                     */
-import { looseRenderable as h, useProcessStepResources as pe, ensureHasOneResource as ce } from "./utils.js";
-const ve = {
+import { looseRenderable as h, useProcessStepResources as me, ensureHasOneResource as pe } from "./utils.js";
+const ce = {
   key: 0,
   class: "software-step__card-list--empty"
 }, fe = {
   key: 1,
   class: "software-step__card-list"
-}, ye = { class: "step-section step-section--lg" }, he = { class: "functionalities" }, Te = /* @__PURE__ */ X({
+}, ve = { class: "step-section step-section--lg" }, ye = { class: "functionalities" }, Te = /* @__PURE__ */ Q({
   __name: "HardwareStep",
   props: {
     stepGroup: {},
     edit: { type: Boolean }
   },
   setup(O) {
-    const z = O, k = S(!1), a = S([]), { useResources: F } = ie({
+    const I = O, w = x(!1), a = x([]), { useResources: F } = ne({
       baseUrl: "https://twin.bydata.de/api/hub/search",
       index: "resource",
       indexDetails: "resources/hardware",
-      schema: le.any()
+      schema: ie.any()
     }, (e) => {
-      var C, P, T, E, N, G;
-      const n = String((e == null ? void 0 : e.id) || ""), r = String(((C = e == null ? void 0 : e.name) == null ? void 0 : C.de) || ((P = e == null ? void 0 : e.name) == null ? void 0 : P.en) || ""), t = (e == null ? void 0 : e.functionalities) || [], V = String(((E = (T = e == null ? void 0 : e.manufacturer) == null ? void 0 : T[0]) == null ? void 0 : E.label) || ""), l = String(((N = e == null ? void 0 : e.description) == null ? void 0 : N.de) || ((G = e == null ? void 0 : e.description) == null ? void 0 : G.en) || ""), s = String((e == null ? void 0 : e.version) || "");
+      var P, T, C, E, N, G;
+      const n = String((e == null ? void 0 : e.id) || ""), r = 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) || ""), t = (e == null ? void 0 : e.functionalities) || [], B = String(((E = (C = e == null ? void 0 : e.manufacturer) == null ? void 0 : C[0]) == null ? void 0 : E.label) || ""), l = String(((N = e == null ? void 0 : e.description) == null ? void 0 : N.de) || ((G = e == null ? void 0 : e.description) == null ? void 0 : G.en) || ""), s = String((e == null ? void 0 : e.version) || "");
       return {
         id: n,
         name: r,
         functionalities: t,
-        manufacturer: V,
+        manufacturer: B,
         description: l,
         version: s
       };
     }), A = F(_(() => a.value.map((e) => ({
       resourceId: e.id
-    })))), I = _(() => a.value.map((e, n) => {
+    })))), g = _(() => a.value.map((e, n) => {
       var t;
       const r = (t = A.value[n]) == null ? void 0 : t.resultEnhanced;
       return {
         // The ones that come from API
         id: e.id || (r == null ? void 0 : r.id),
-        name: (r == null ? void 0 : r.name) || e.id,
+        name: e.id === "--hardware-in-request--" && !(r != null && r.name) ? "Hardware in Beantragung" : (r == null ? void 0 : r.name) || e.id,
         manufacturer: r == null ? void 0 : r.manufacturer,
         version: r == null ? void 0 : r.version,
         // Comes from API as well? Todo
@@ -65,8 +65,8 @@ const ve = {
         isHostedByItems: h(e == null ? void 0 : e.isHostedBy),
         hosts: h(e == null ? void 0 : e.hosts)
       };
-    })), w = S(""), W = _(() => a.value.find((e) => e.id === w.value)), b = S(0);
-    Y(k, (e, n) => {
+    })), k = x(""), W = _(() => a.value.find((e) => e.id === k.value)), b = x(0);
+    X(w, (e, n) => {
       !e && n && b.value++;
     });
     function L(e) {
@@ -79,67 +79,69 @@ const ve = {
       const n = D(e);
       n !== -1 && a.value.splice(n, 1);
     }
-    async function K(e) {
-      L(e) && (w.value = e, b.value++, await ne(), k.value = !0);
+    async function q(e) {
+      L(e) && (k.value = e, b.value++, await te(), w.value = !0);
     }
     function R(e) {
-      a.value.push(e), k.value = !1, w.value = "";
+      a.value.push(e), w.value = !1, k.value = "";
     }
-    function Z(e) {
+    function K(e) {
       const n = D(e.id);
-      n !== -1 && (a.value.splice(n, 1), a.value.splice(n, 0, e.hardware), w.value = "", k.value = !1);
+      n !== -1 && (a.value.splice(n, 1), a.value.splice(n, 0, e.hardware), k.value = "", w.value = !1);
     }
-    function j() {
-      k.value = !1;
+    function Z() {
+      w.value = !1;
     }
-    const q = _(() => a.value.length > 0 ? "Weiter" : "Weiter ohne Hardware"), J = _(() => a.value.length > 0 ? "primary" : "secondary"), { count: g, realCount: Q } = pe(z.stepGroup || "", ee(z.edit));
-    return (e, n) => (i(), d(me, {
+    const j = _(() => a.value.length > 0 ? "Weiter" : "Weiter ohne Hardware"), J = _(() => "primary"), { count: V } = me(I.stepGroup || "", Y(I.edit));
+    return (e, n) => (i(), d(de, {
       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: u(({ confirm: r }) => [
-        v(x(U), {
-          modelValue: x(g),
-          "onUpdate:modelValue": n[0] || (n[0] = (t) => te(g) ? g.value = t : null),
+        f(S(U), {
+          modelValue: S(V),
+          "onUpdate:modelValue": n[0] || (n[0] = (t) => ee(V) ? V.value = t : null),
           type: "hidden",
           name: "__resourceCount",
           hidden: "",
           "aria-hidden": "",
-          "validation-rules": { ensureHasOneResource: x(ce) },
+          "validation-rules": { ensureHasOneResource: S(pe) },
           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"]),
-        v(x(U), {
+        f(S(U), {
           modelValue: a.value,
           "onUpdate:modelValue": n[1] || (n[1] = (t) => a.value = t),
           name: "selected",
           type: "list",
           hidden: ""
         }, null, 8, ["modelValue"]),
-        I.value.length ? (i(), o("section", fe, [
-          (i(!0), o(f, null, y(I.value, (t, V) => (i(), d(oe, {
-            key: V,
+        g.value.length ? (i(), o("section", fe, [
+          (i(!0), o(v, null, y(g.value, (t, B) => (i(), d(re, {
+            key: B,
+            spaced: "",
             class: "software-card",
-            onEdit: (l) => K(t.id),
+            onEdit: (l) => q(t.id),
             onDelete: (l) => r({ id: t.id || "", resourceType: "Hardware", resource: t.name, callback: M })
           }, {
             "standalone-name": u(() => n[5] || (n[5] = [
-              B(" Hardware ", -1)
+              z(" Hardware ", -1)
             ])),
             default: u(() => [
-              H("div", ye, [
-                v(c, { title: "Name" }, {
+              H("div", ve, [
+                f(c, { title: "Name" }, {
                   default: u(() => [
-                    B(m(t.name), 1)
+                    z(m(t.name), 1)
                   ]),
                   _: 2
                 }, 1024),
-                v(c, { title: "Genutzte Funktionalitäten" }, {
+                f(c, { title: "Genutzte Funktionalitäten" }, {
                   default: u(() => [
-                    H("div", he, [
-                      (i(!0), o(f, null, y(t.functionalities, (l) => (i(), d(ue, {
+                    H("div", ye, [
+                      (i(!0), o(v, null, y(t.functionalities, (l) => (i(), d(ae, {
                         key: l,
+                        "no-border": "",
                         text: l,
                         data: { "@value": "", URI: "" },
                         setup: { "@type": "selected", "@search": !1, "@inTable": !1, "@findability": !0, "@static": !0 }
@@ -153,7 +155,7 @@ const ve = {
                   title: "Beschreibung der Nutzung (optional)"
                 }, {
                   default: u(() => [
-                    B(m(t.description), 1)
+                    z(m(t.description), 1)
                   ]),
                   _: 2
                 }, 1024)) : p("", !0),
@@ -162,7 +164,7 @@ const ve = {
                   title: "Host-Plattform (optional)"
                 }, {
                   default: u(() => [
-                    (i(!0), o(f, null, y(t.isHostedByItems, (l, s) => (i(), o("div", { key: s }, m(l), 1))), 128))
+                    (i(!0), o(v, null, y(t.isHostedByItems, (l, s) => (i(), o("div", { key: s }, m(l), 1))), 128))
                   ]),
                   _: 2
                 }, 1024)) : p("", !0),
@@ -171,7 +173,7 @@ const ve = {
                   title: "Gehostete Geräte (optional)"
                 }, {
                   default: u(() => [
-                    (i(!0), o(f, null, y(t.hosts, (l, s) => (i(), o("div", { key: s }, m(l), 1))), 128))
+                    (i(!0), o(v, null, y(t.hosts, (l, s) => (i(), o("div", { key: s }, m(l), 1))), 128))
                   ]),
                   _: 2
                 }, 1024)) : p("", !0),
@@ -180,7 +182,7 @@ const ve = {
                   title: "Zweck (optional)"
                 }, {
                   default: u(() => [
-                    (i(!0), o(f, null, y(t.forProperty, (l, s) => (i(), o("div", { key: s }, m(l), 1))), 128))
+                    (i(!0), o(v, null, y(t.forProperty, (l, s) => (i(), o("div", { key: s }, m(l), 1))), 128))
                   ]),
                   _: 2
                 }, 1024)) : p("", !0),
@@ -189,7 +191,7 @@ const ve = {
                   title: "Standort (optional)"
                 }, {
                   default: u(() => [
-                    (i(!0), o(f, null, y(t.locations, (l, s) => (i(), o("div", { key: s }, m(`${l.lat} ${l.lng}`), 1))), 128))
+                    (i(!0), o(v, null, y(t.locations, (l, s) => (i(), o("div", { key: s }, m(`${l.lat} ${l.lng}`), 1))), 128))
                   ]),
                   _: 2
                 }, 1024)) : p("", !0),
@@ -198,7 +200,7 @@ const ve = {
                   title: "Darstellungen (optional)"
                 }, {
                   default: u(() => [
-                    (i(!0), o(f, null, y(t.depictions, (l, s) => (i(), o("div", { key: s }, m(l), 1))), 128))
+                    (i(!0), o(v, null, y(t.depictions, (l, s) => (i(), o("div", { key: s }, m(l), 1))), 128))
                   ]),
                   _: 2
                 }, 1024)) : p("", !0),
@@ -207,7 +209,7 @@ const ve = {
                   title: "Weiterführende Links (optional)"
                 }, {
                   default: u(() => [
-                    (i(!0), o(f, null, y(t.references, (l, s) => (i(), o("div", {
+                    (i(!0), o(v, null, y(t.references, (l, s) => (i(), o("div", {
                       key: s,
                       class: "reference-item"
                     }, [
@@ -222,8 +224,8 @@ const ve = {
             ]),
             _: 2
           }, 1032, ["onEdit", "onDelete"]))), 128))
-        ])) : (i(), o("section", ve, [
-          v(ae, {
+        ])) : (i(), o("section", ce, [
+          f(oe, {
             small: "",
             class: "empty-card"
           }, {
@@ -234,38 +236,39 @@ const ve = {
             __: [4]
           })
         ])),
-        v($, {
+        f($, {
           exclude: a.value.map((t) => t.id),
           onSubmit: R
         }, null, 8, ["exclude"]),
         H("section", null, [
-          v(re, {
-            "next-text": q.value,
+          f(le, {
+            class: "software-step-actions",
+            "next-text": j.value,
             "next-variant": J.value,
             "show-detailed-error-summary": ""
           }, null, 8, ["next-text", "next-variant"]),
-          x(Q) === 0 ? (i(), d(de, {
+          g.value.length === 0 ? (i(), d(se, {
             key: 0,
             "resource-label": "Hardware"
           })) : p("", !0)
         ]),
-        v(se, {
-          modelValue: k.value,
-          "onUpdate:modelValue": n[3] || (n[3] = (t) => k.value = t),
+        f(ue, {
+          modelValue: w.value,
+          "onUpdate:modelValue": n[3] || (n[3] = (t) => w.value = t),
           "hide-close-btn": !0,
           "compact-layout": !0,
           title: "Hardware"
         }, {
           default: u(() => [
-            w.value ? (i(), d($, {
+            k.value ? (i(), d($, {
               key: b.value,
-              modelValue: w.value,
-              "onUpdate:modelValue": n[2] || (n[2] = (t) => w.value = t),
+              modelValue: k.value,
+              "onUpdate:modelValue": n[2] || (n[2] = (t) => k.value = t),
               "initialize-with": W.value,
               exclude: a.value.map((t) => t.id),
               onSubmit: R,
-              onPatch: Z,
-              onClose: j
+              onPatch: K,
+              onClose: Z
             }, null, 8, ["modelValue", "initialize-with", "exclude"])) : p("", !0)
           ]),
           _: 1

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

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

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

@@ -1,7 +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"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4d9a3760"]]);
 export {
-  f as default
+  i as default
 };

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

@@ -1,5 +1,5 @@
-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({
+import { defineComponent as c, createElementBlock as r, openBlock as d, normalizeClass as l, createElementVNode as t, renderSlot as s, createTextVNode as a, toDisplayString as o } from "vue";
+const _ = ["title"], p = { class: "rich-option__head" }, h = { class: "rich-option__headline" }, u = { class: "copy-large-regular rich-option__meta" }, f = { class: "rich-option__manufacturer" }, m = { class: "rich-option__date" }, v = { class: "rich-option__body" }, y = { class: "copy-large-regular rich-option__body-text" }, B = /* @__PURE__ */ c({
   __name: "RichOption",
   props: {
     name: { default: "" },
@@ -7,36 +7,46 @@ const p = ["title"], u = { class: "rich-option__head" }, _ = { class: "copy-larg
     description: { default: "" },
     active: { type: Boolean, default: !1 },
     selected: { type: Boolean, default: !1 },
-    isDisabled: { type: Boolean, default: !1 }
+    isDisabled: { type: Boolean, default: !1 },
+    date: { default: "" }
   },
-  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 }]),
+  setup(n) {
+    const e = n;
+    return (i, b) => (d(), r("div", {
+      class: l(["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", p, [
+        t("div", h, [
+          t("span", {
+            class: l(["copy-large-semi-bold rich-option__title", { "rich-option__title--three-line": e.date }])
+          }, [
+            s(i.$slots, "name", {}, () => [
+              a(o(e.name), 1)
+            ], !0)
+          ], 2),
+          t("div", u, [
+            t("div", f, [
+              t("span", null, [
+                s(i.$slots, "meta", {}, () => [
+                  a(o(e.manufacturer), 1)
+                ], !0)
+              ])
+            ]),
+            t("div", m, o(e.date), 1)
+          ])
         ])
       ]),
-      t("div", f, [
-        t("span", h, [
-          s(o.$slots, "default", {}, () => [
-            a(i(e.description), 1)
+      t("div", v, [
+        t("span", y, [
+          s(i.$slots, "default", {}, () => [
+            a(o(e.description), 1)
           ], !0)
         ])
       ])
-    ], 10, p));
+    ], 10, _));
   }
 });
 export {
-  v as default
+  B as default
 };

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

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