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

package/dist/packages/dpi/src/data-provider-interface/components/Dropup.vue.js

@@ -1,4 +1,4 @@
-import { createElementBlock as o, createCommentVNode as p, openBlock as a, createElementVNode as n, createTextVNode as l, toDisplayString as d, Fragment as u, renderList as c, createBlock as i, resolveDynamicComponent as m, normalizeClass as g, withCtx as y } from "vue";
+import { createElementBlock as o, createCommentVNode as p, openBlock as a, createElementVNode as n, createTextVNode as d, toDisplayString as l, Fragment as u, renderList as c, createBlock as i, resolveDynamicComponent as m, normalizeClass as g, withCtx as y } from "vue";
 /* empty css            */
 import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const h = {
@@ -25,15 +25,15 @@ const h = {
   class: "btn-group dropup"
 }, k = {
   type: "button",
-  class: "dpi-menu-dropup-btn btn btn-default dropdown-toggle",
-  "data-toggle": "dropdown",
+  class: "dpi-menu-dropup-btn btn btn-link dropdown-toggle",
+  "data-bs-toggle": "dropdown",
   "aria-haspopup": "true",
   "aria-expanded": "false"
 }, b = { class: "dropdown-menu" }, C = ["data-cy"];
 function w(r, s, t, B, D, N) {
   return t.show && !t.isCatalog || t.show && t.isCatalog && t.isOperator ? (a(), o("div", f, [
     n("button", k, [
-      l(d(r.$t("message.dataupload.menu." + t.groupName)), 1),
+      d(l(r.$t("message.dataupload.menu." + t.groupName)), 1),
       s[0] || (s[0] = n("span", { class: "caret" }, null, -1))
     ]),
     n("ul", b, [
@@ -48,7 +48,7 @@ function w(r, s, t, B, D, N) {
           onClick: (v) => e.handler ? e.handler() : null
         }, {
           default: y(() => [
-            l(d(r.$t("message.dataupload.menu." + e.name)), 1)
+            d(l(r.$t("message.dataupload.menu." + e.name)), 1)
           ]),
           _: 2
         }, 1032, ["class", "to", "href", "onClick"]))
@@ -56,7 +56,7 @@ function w(r, s, t, B, D, N) {
     ])
   ])) : p("", !0);
 }
-const E = /* @__PURE__ */ _(h, [["render", w], ["__scopeId", "data-v-5be20074"]]);
+const E = /* @__PURE__ */ _(h, [["render", w], ["__scopeId", "data-v-1ccdad48"]]);
 export {
   E as default
 };

package/dist/packages/dpi/src/data-provider-interface/components/HVDPage.vue.js

@@ -1,108 +1,128 @@
-import { ref as i, computed as D, onMounted as P, createElementBlock as m, openBlock as f, createElementVNode as o, createCommentVNode as S, createVNode as v, toDisplayString as p, unref as u, getCurrentInstance as C } from "vue";
-import { useI18n as H } from "vue-i18n";
-import { getHvdCategories as I } from "../HappyFlowComponents/services/dpiV3_apis.js";
+import { ref as n, computed as y, watch as T, onMounted as $, createElementBlock as D, openBlock as g, createElementVNode as s, createCommentVNode as B, createBlock as E, toDisplayString as v, createVNode as P, unref as f, getCurrentInstance as O } from "vue";
+import { useI18n as W } from "vue-i18n";
+import { getHvdCategories as K } from "../HappyFlowComponents/services/dpiV3_apis.js";
 /* empty css                             */
 /* empty css                              */
-import k from "../HappyFlowComponents/ui/SwitchV3.vue.js";
-import F from "../HappyFlowComponents/ui/Dropdown.vue.js";
-import { PhWarning as T } from "@phosphor-icons/vue";
-import { useFormValues as $ } from "../composables/useDpiFormValues.js";
+import N from "../HappyFlowComponents/ui/SwitchV3.vue.js";
+import j from "../HappyFlowComponents/ui/Dropdown.vue.js";
+import { PhWarning as z } from "@phosphor-icons/vue";
+import { useFormValues as L } from "../composables/useDpiFormValues.js";
 /* empty css             */
-import x from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const O = { class: "V3-typography" }, W = { class: "dpiV3_Frame_831" }, B = { class: "dpiV3_Frame_840" }, E = { class: "dpiV3_title" }, K = { class: "dpiV3_intro copy-large-regular" }, N = { class: "dpiV3_Frame_830" }, j = { class: "dpiV3_Switch" }, z = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, L = { class: "dpiV3_Sub_Info copy-large-regular" }, M = {
+import M from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const U = { class: "V3-typography" }, A = { class: "dpiV3_Frame_831" }, R = { class: "dpiV3_Frame_840" }, q = { class: "dpiV3_title" }, G = { class: "dpiV3_intro copy-large-regular" }, J = { class: "dpiV3_Frame_830" }, Q = { class: "dpiV3_Switch" }, X = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, Y = { class: "dpiV3_Sub_Info copy-large-regular" }, Z = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, U = {
+}, ee = {
   __name: "HVDPage",
   props: {
     context: Object
   },
-  setup(A) {
-    const { t: R } = H(), { formValues: d } = $(), s = i(!1), r = i(""), g = i([]), _ = i(null), c = i([]);
-    let l = i([{ isValid: !0 }]);
-    const h = (e) => {
-      s.value = !e, s.value ? (l.value[0] = { isValid: !1 }, r.value = "") : (d.value.Discoverability.hvdPage = [{ isValid: !0 }], l.value[0] = { isValid: !0 }, r.value = ""), console.log("switchStateValue: ", s.value);
-    };
-    Object.keys(d.value.Discoverability.hvdPage).length === 0 && (d.value.Discoverability.hvdPage = l.value);
-    const V = D(
-      () => c.value.map((e) => ({
-        "@value": e.label,
-        selected: !1
-      }))
-    ), b = (e) => {
-      l.value[0].isValid = !0;
-      const a = c.value.find(
-        (t) => t.label === e.target.innerHTML
+  setup(ae, { expose: w }) {
+    const { t: le } = W(), { formValues: t } = L(), i = n(!1), o = n(""), S = n([]), H = n(null), u = n([]);
+    let l = n([{ isValid: !0 }]);
+    Object.keys(t.value.Discoverability.hvdPage).length === 0 && (t.value.Discoverability.hvdPage = l.value);
+    const C = y(() => u.value.map((a) => ({
+      "@value": a.label,
+      selected: !1
+    }))), k = () => {
+      i.value = !i.value, i.value ? (l.value[0] = { isValid: "unset" }, o.value = "", t.value.Discoverability.hvdPage = [{ isValid: "unset" }]) : (t.value.Discoverability.hvdPage = [{ isValid: !0 }], l.value[0] = { isValid: !0 }, o.value = ""), console.log("switchStateValue: ", i.value), console.log("validation state: ", l.value[0].isValid);
+    }, I = (e) => {
+      const a = u.value.find(
+        (r) => r.label === e.target.innerHTML
       );
-      d.value.Discoverability.hvdPage = [
+      a && (l.value[0] = {
+        isValid: !0,
+        label: a.label,
+        uri: a.uri
+      }, t.value.Discoverability.hvdPage = [
         { isValid: !0, label: a.label, uri: a.uri }
-      ];
-    }, w = async () => {
+      ], console.log("HVD Category selected:", a));
+    };
+    T(o, (e) => {
+      i.value && e === "" && (l.value[0].isValid = !1, t.value.Discoverability.hvdPage = [{ isValid: !1 }], console.log(l));
+    });
+    const F = y(() => {
+      var e, a;
+      return i.value ? ((e = l.value[0]) == null ? void 0 : e.isValid) === !0 && ((a = l.value[0]) == null ? void 0 : a.label) && o.value !== "" : !0;
+    });
+    w({
+      validateHvdSelection: () => {
+        var e;
+        return i.value && !(o.value !== "" && ((e = l.value[0]) == null ? void 0 : e.isValid) === !0) ? (l.value[0].isValid = !1, t.value.Discoverability.hvdPage = [{ isValid: !1 }], !1) : (l.value[0].isValid = !0, !0);
+      },
+      canProceed: F
+    });
+    const x = async () => {
       try {
-        const e = C().appContext.app.config.globalProperties.$env, t = (await I(e.api.baseUrl)).sort(
-          (n, y) => n.pref_label.de.localeCompare(y.pref_label.de)
+        const e = O().appContext.app.config.globalProperties.$env, r = (await K(e.api.baseUrl)).sort(
+          (d, c) => d.pref_label.de.localeCompare(c.pref_label.de, "de")
         );
-        g.value = t, c.value = t.map((n) => ({
-          label: n.pref_label.de,
-          uri: n.resource
+        S.value = r, u.value = r.map((d) => ({
+          label: d.pref_label.de,
+          uri: d.resource
         }));
       } catch (e) {
-        console.error("Error in component:", e), _.value = e;
+        console.error("Error in component:", e), H.value = e;
       }
     };
-    return P(() => {
-      w();
-    }), (e, a) => (f(), m("div", O, [
-      o("div", W, [
-        o("div", B, [
-          o("h4", E, p(e.$t("message.dataupload.datasets.hvdPage.title")), 1),
-          o("div", K, p(e.$t("message.dataupload.datasets.hvdPage.intro-text")), 1),
-          o("div", N, [
-            o("div", j, [
-              v(k, {
-                onSwitchToggled: a[0] || (a[0] = (t) => u(l)[0].isValid === !0 ? h(s.value) : (u(l)[0].isValid = !0, s.value = !s.value)),
-                hasIcon: !1,
-                defaultChecked: !1,
-                disabled: !1
-              })
+    return $(() => {
+      x();
+    }), (e, a) => {
+      var r, d, c, h, V, m, _, b;
+      return g(), D("div", U, [
+        s("div", A, [
+          s("div", R, [
+            s("h4", q, v(e.$t("message.dataupload.datasets.hvdPage.title")), 1),
+            s("div", G, v(e.$t("message.dataupload.datasets.hvdPage.intro-text")), 1),
+            s("div", J, [
+              s("div", Q, [
+                P(N, {
+                  onSwitchToggled: k,
+                  hasIcon: !1,
+                  defaultChecked: !1,
+                  disabled: !1
+                })
+              ]),
+              s("div", X, v(e.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
             ]),
-            o("div", z, p(e.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
+            s("div", Y, v(e.$t("message.dataupload.datasets.hvdPage.sub-info")), 1),
+            (g(), E(j, {
+              key: u.value.length,
+              dropdownWidth: "large",
+              isDisabled: !i.value,
+              type: "inputField",
+              modelValue: o.value,
+              "onUpdate:modelValue": a[0] || (a[0] = (p) => o.value = p),
+              inputFieldProps: {
+                isDisabled: !i.value,
+                addOnText: !1,
+                initialHintText: !1,
+                datePicker: !1,
+                infoIcon: !1,
+                preIcon: !1,
+                label: "HVD-Kategorie",
+                dropdown_dpiV3: !0,
+                placeholder: "Wählen Sie eine HVD-Kategorie",
+                inputFieldSize: "large",
+                modelValue: o.value,
+                showError: ((h = (c = (d = (r = f(t)) == null ? void 0 : r.Discoverability) == null ? void 0 : d.hvdPage) == null ? void 0 : c[0]) == null ? void 0 : h.isValid) === !1
+              },
+              data: C.value,
+              onClick: a[1] || (a[1] = (p) => I(p))
+            }, null, 8, ["isDisabled", "modelValue", "inputFieldProps", "data"]))
           ]),
-          o("div", L, p(e.$t("message.dataupload.datasets.hvdPage.sub-info")), 1),
-          v(F, {
-            dropdownWidth: "large",
-            isDisabled: !s.value,
-            type: "inputField",
-            modelValue: r.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (t) => r.value = t),
-            inputFieldProps: {
-              isDisabled: !s.value,
-              addOnText: !1,
-              initialHintText: !1,
-              datePicker: !1,
-              infoIcon: !1,
-              preIcon: !1,
-              label: "HVD-Kategorie",
-              dropdown_dpiV3: !0,
-              placeholder: "Wählen Sie eine HVD-Kategorie",
-              inputFieldSize: "large",
-              modelValue: r.value
-            },
-            data: V.value,
-            onClick: a[2] || (a[2] = (t) => b(t))
-          }, null, 8, ["isDisabled", "modelValue", "inputFieldProps", "data"])
-        ]),
-        u(l).find((t) => t.isValid === !1) ? (f(), m("div", M, [
-          v(u(T), {
-            size: 16,
-            weight: "fill"
-          }),
-          a[3] || (a[3] = o("span", { class: "copy-mini-regular" }, "Bitte wählen Sie eine HVD-Kategorie aus, bevor Sie fortfahren.", -1))
-        ])) : S("", !0)
-      ])
-    ]));
+          ((b = (_ = (m = (V = f(t)) == null ? void 0 : V.Discoverability) == null ? void 0 : m.hvdPage) == null ? void 0 : _[0]) == null ? void 0 : b.isValid) === !1 ? (g(), D("div", Z, [
+            P(f(z), {
+              size: 16,
+              weight: "fill"
+            }),
+            a[2] || (a[2] = s("span", { class: "copy-mini-regular" }, "Bitte wählen Sie eine HVD-Kategorie aus, bevor Sie fortfahren.", -1))
+          ])) : B("", !0)
+        ])
+      ]);
+    };
   }
-}, se = /* @__PURE__ */ x(U, [["__scopeId", "data-v-dbc7ac7f"]]);
+}, fe = /* @__PURE__ */ M(ee, [["__scopeId", "data-v-456bbea4"]]);
 export {
-  se as default
+  fe as default
 };

package/dist/packages/dpi/src/data-provider-interface/components/InfoSlot.vue.js

@@ -43,7 +43,7 @@ const _ = "collapsed", y = {
       t.parentNode.classList.toggle(_), this.isCollapsed = !this.isCollapsed;
     }
   }
-}, x = ["for"], b = { class: "" }, C = { class: "form-label" }, k = {
+}, b = ["for"], x = { class: "" }, C = { class: "form-label" }, k = {
   key: 0,
   class: "infoButton"
 }, S = ["title"], v = {
@@ -60,22 +60,22 @@ function E(t, o, e, n, L, c) {
       "data-cy": "collapsible-input-group-button",
       onClick: o[0] || (o[0] = g((...u) => c.toggleCollapse && c.toggleCollapse(...u), ["prevent", "stop"]))
     }, [
-      i("div", b, [
+      i("div", x, [
         i("span", C, d(e.context.label), 1),
         e.info ? (r(), l("a", k, [
           i("i", {
             class: "material-icons",
             title: e.info,
-            "data-toggle": "tooltip",
+            "data-bs-toggle": "tooltip",
             "data-placement": "top"
           }, "info", 8, S)
         ])) : p("", !0)
       ]),
       e.context.isSubField() ? p("", !0) : (r(), l("i", v, d(t.isCollapsed ? "expand_more" : "expand_less"), 1))
     ])
-  ], 8, x);
+  ], 8, b);
 }
-const I = /* @__PURE__ */ h(y, [["render", E], ["__scopeId", "data-v-202359cc"]]);
+const I = /* @__PURE__ */ h(y, [["render", E], ["__scopeId", "data-v-1ec93458"]]);
 export {
   I as default
 };

package/dist/packages/dpi/src/data-provider-interface/components/ProgressSteps.vue.js

@@ -1,7 +1,7 @@
 import o from "./ProgressSteps.vue2.js";
 /* empty css                   */
 import r from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-599e3d1c"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-34925347"]]);
 export {
-  p as default
+  e as default
 };

package/dist/packages/dpi/src/data-provider-interface/components/ProgressSteps.vue2.js

@@ -1,9 +1,10 @@
-import { defineComponent as V, mergeModels as L, computed as d, useModel as b, watch as T, createElementBlock as p, openBlock as o, Fragment as f, renderList as x, withDirectives as u, createElementVNode as r, vModelCheckbox as w, createBlock as C, unref as _, resolveDynamicComponent as F, normalizeClass as z, toDisplayString as E, vShow as k, createVNode as U } from "vue";
-import { PhNumberCircleOne as j, PhNumberCircleTwo as A, PhNumberCircleThree as I, PhNumberCircleFour as R, PhNumberCircleFive as q, PhNumberCircleSix as G, PhNumberCircleSeven as H, PhNumberCircleEight as J, PhNumberCircleNine as K, PhPlusCircle as Q, PhCheckCircle as W, PhCircle as X } from "@phosphor-icons/vue";
-import { looseIndexOf as h } from "@vue/shared";
-const Y = { class: "progress-steps" }, Z = ["value"], $ = { class: "progress-step__headline copy-small-regular" }, ee = { class: "progress-step__headline__icon" }, se = { class: "progress-step__content" }, te = { class: "progress-step__content-line-container" }, re = { class: "progress-steps progress-steps--substep" }, ne = ["value"], le = { class: "progress-step__headline copy-large-regular" }, oe = { class: "progress-step__headline__icon progress-step__headline__icon--substep" }, ie = { class: "progress-step__content" }, ce = { class: "progress-step__content-line-container" }, de = /* @__PURE__ */ V({
+import { defineComponent as T, mergeModels as V, computed as h, useModel as P, watch as U, createElementBlock as p, openBlock as l, Fragment as C, renderList as x, withDirectives as u, createElementVNode as r, vModelCheckbox as w, createBlock as d, unref as _, resolveDynamicComponent as z, normalizeClass as F, toDisplayString as E, vShow as k } from "vue";
+import { PhNumberCircleOne as j, PhNumberCircleTwo as A, PhNumberCircleThree as I, PhNumberCircleFour as R, PhNumberCircleFive as $, PhNumberCircleSix as q, PhNumberCircleSeven as G, PhNumberCircleEight as H, PhNumberCircleNine as J, PhCheckCircle as M, PhCircle as K } from "@phosphor-icons/vue";
+import { looseIndexOf as v } from "@vue/shared";
+import Q from "./icons/PhCircleInCircle.vue.js";
+const W = { class: "progress-steps" }, X = ["value"], Y = { class: "progress-step__headline copy-small-regular" }, Z = { class: "progress-step__headline__icon" }, ee = { class: "progress-step__content" }, se = { class: "progress-step__content-line-container" }, te = { class: "progress-steps progress-steps--substep" }, re = ["value"], ne = { class: "progress-step__headline copy-large-regular" }, le = { class: "progress-step__headline__icon progress-step__headline__icon--substep" }, oe = { class: "progress-step__content" }, ie = { class: "progress-step__content-line-container" }, de = /* @__PURE__ */ T({
   __name: "ProgressSteps",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ V({
     steps: {},
     currentStep: {},
     visitedSteps: { default: () => [] },
@@ -19,73 +20,73 @@ const Y = { class: "progress-steps" }, Z = ["value"], $ = { class: "progress-ste
     currentModifiers: {}
   }),
   emits: ["update:checked", "update:current"],
-  setup(v) {
-    const i = v, y = [
+  setup(m) {
+    const i = m, y = [
       j,
       A,
       I,
       R,
+      $,
       q,
       G,
       H,
       J,
-      K,
       Q
-    ], N = d(() => {
+    ], S = h(() => {
       const e = {};
       return (i.hideFirst ? i.steps.slice(1) : i.steps).forEach((s) => {
-        const l = s.includes("/") ? s.split("/")[0] : s;
-        e[l] || (e[l] = []), e[l].push(s);
-      }), Object.entries(e).map(([s, l]) => ({ name: s, substeps: l }));
-    }), P = d(() => Array.from(new Set(i.steps.map((e) => {
+        const o = s.includes("/") ? s.split("/")[0] : s;
+        e[o] || (e[o] = []), e[o].push(s);
+      }), Object.entries(e).map(([s, o]) => ({ name: s, substeps: o }));
+    }), N = h(() => Array.from(new Set(i.steps.map((e) => {
       var t;
       return ((t = e == null ? void 0 : e.split("/")) == null ? void 0 : t[0]) || "";
     }))));
-    function M(e) {
+    function B(e) {
       return e.includes("/") ? e.split("/")[1] : e;
     }
-    function S(e) {
+    function b(e) {
       return !e.includes("/");
     }
-    const c = b(v, "checked");
-    function B(e) {
-      return h(c.value, e) !== -1;
+    const a = P(m, "checked");
+    function D(e) {
+      return v(a.value, e) !== -1;
     }
-    const a = b(v, "current"), D = d(() => h(i.steps, a.value)), m = d(() => {
+    const c = P(m, "current"), O = h(() => v(i.steps, c.value)), g = h(() => {
       if (!i.steps || i.steps.length === 0)
         return "";
-      const e = i.steps[D.value];
+      const e = i.steps[O.value];
       return (e != null && e.includes("/") ? e == null ? void 0 : e.split("/")[0] : e) || "";
     });
-    return T(m, (e, t) => {
-      e !== t && c.value.push(t);
-    }), (e, t) => (o(), p("div", Y, [
-      (o(!0), p(f, null, x(N.value, (s, l) => (o(), p("div", {
+    return U(g, (e, t) => {
+      e !== t && a.value.push(t);
+    }), (e, t) => (l(), p("div", W, [
+      (l(!0), p(C, null, x(S.value, (s, o) => (l(), p("div", {
         key: s.name,
         class: "progress-step"
       }, [
         u(r("input", {
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => c.value = n),
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => a.value = n),
           name: "progress-step",
           type: "checkbox",
           class: "progress-input progress-input--group",
           value: s.name
-        }, null, 8, Z), [
-          [w, c.value]
+        }, null, 8, X), [
+          [w, a.value]
         ]),
-        r("div", $, [
-          r("div", ee, [
-            _(h)(P.value, s.name) >= _(h)(P.value, m.value) ? (o(), p(f, { key: 0 }, [
-              a.value === s.name ? (o(), C(F(y[l]), {
+        r("div", Y, [
+          r("div", Z, [
+            _(v)(N.value, s.name) >= _(v)(N.value, g.value) ? (l(), p(C, { key: 0 }, [
+              c.value === s.name ? (l(), d(z(y[o]), {
                 key: 0,
                 size: "24px",
                 color: "currentColor"
-              })) : (o(), C(F(y[l]), {
+              })) : (l(), d(z(y[o]), {
                 key: 1,
                 size: "24px",
                 color: "currentColor"
               }))
-            ], 64)) : (o(), C(_(W), {
+            ], 64)) : (l(), d(_(M), {
               key: 1,
               size: "24px",
               color: "#70CC44",
@@ -93,51 +94,57 @@ const Y = { class: "progress-steps" }, Z = ["value"], $ = { class: "progress-ste
             }))
           ]),
           r("span", {
-            class: z(["progress-step__headline__span", { "progress-step__headline__span--active": a.value === s.name }])
+            class: F(["progress-step__headline__span", { "progress-step__headline__span--active": c.value === s.name }])
           }, E(s.name), 3)
         ]),
-        r("div", se, [
-          u(r("div", te, t[2] || (t[2] = [
+        r("div", ee, [
+          u(r("div", se, t[2] || (t[2] = [
             r("div", { class: "progress-step__content-line" }, null, -1)
           ]), 512), [
-            [k, l < N.value.length - 1]
+            [k, o < S.value.length - 1]
           ]),
-          u(r("div", re, [
-            (o(!0), p(f, null, x(s.substeps.filter((n) => !S(n)), (n, O) => (o(), p("div", {
+          u(r("div", te, [
+            (l(!0), p(C, null, x(s.substeps.filter((n) => !b(n)), (n, L) => (l(), p("div", {
               key: n,
               class: "progress-step progress-step--substep"
             }, [
               u(r("input", {
-                "onUpdate:modelValue": t[1] || (t[1] = (g) => c.value = g),
+                "onUpdate:modelValue": t[1] || (t[1] = (f) => a.value = f),
                 name: "progress-step",
                 type: "checkbox",
                 class: "progress-input",
                 value: n
-              }, null, 8, ne), [
-                [w, c.value]
+              }, null, 8, re), [
+                [w, a.value]
               ]),
-              r("div", le, [
-                r("div", oe, [
-                  U(_(X), {
+              r("div", ne, [
+                r("div", le, [
+                  D(n) && c.value !== n ? (l(), d(_(M), {
+                    key: 0,
+                    size: "20px",
+                    weight: "regular",
+                    color: "currentColor"
+                  })) : (l(), d(_(K), {
+                    key: 1,
                     size: "20px",
-                    weight: a.value === n ? "fill" : "regular",
-                    color: B(n) || a.value === n ? "#009FE3" : "currentColor"
-                  }, null, 8, ["weight", "color"])
+                    weight: c.value === n ? "fill" : "regular",
+                    color: c.value === n ? "#009FE3" : "currentColor"
+                  }, null, 8, ["weight", "color"]))
                 ]),
                 r("span", {
-                  class: z(["", { "progress-step__headline__span--active": a.value === n }])
-                }, E(M(n)), 3)
+                  class: F(["", { "progress-step__headline__span--active": c.value === n }])
+                }, E(B(n)), 3)
               ]),
-              r("div", ie, [
-                u(r("div", ce, t[3] || (t[3] = [
+              r("div", oe, [
+                u(r("div", ie, t[3] || (t[3] = [
                   r("div", { class: "progress-step__content-line" }, null, -1)
                 ]), 512), [
-                  [k, O < s.substeps.filter((g) => !S(g)).length - 1]
+                  [k, L < s.substeps.filter((f) => !b(f)).length - 1]
                 ])
               ])
             ]))), 128))
           ], 512), [
-            [k, m.value === s.name]
+            [k, g.value === s.name]
           ])
         ])
       ]))), 128))