@piveau/dpi 0.2.0-alpha.0 → 0.2.0-alpha.11

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/DistributionStepper.vue.js

@@ -4,7 +4,7 @@ import { useDpiStepper as I } from "../composables/useDpiStepper.js";
 import P from "./InputPageStep.vue.js";
 import w from "./SelectControlledGroup.vue.js";
 import { useWindowScroll as F } from "@vueuse/core";
-import V from "../../_virtual/_plugin-vue_export-helper.js";
+import V from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const B = D({
   props: {
     name: {

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

@@ -1,6 +1,6 @@
-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";
+import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const h = {
   name: "Dropup",
   props: {
@@ -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/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/FileUpload.vue.js

@@ -8,7 +8,7 @@ import { useRuntimeEnv as q } from "../../composables/useRuntimeEnv.js";
 import "@formkit/vue";
 import { useI18n as D } from "vue-i18n";
 /* empty css                */
-import N from "../../_virtual/_plugin-vue_export-helper.js";
+import N from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const B = {
   props: {
     context: {

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

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

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/HappyFlowLandingPage.vue.js

@@ -8,7 +8,7 @@ import g from "../HappyFlowComponents/ui/Card.vue.js";
 import u from "../HappyFlowComponents/ui/Illustration.vue.js";
 import { resolveComponent as o, createElementBlock as f, openBlock as h, createElementVNode as e, createVNode as n, toDisplayString as a, withCtx as s, createTextVNode as V } from "vue";
 /* empty css                          */
-import P from "../../_virtual/_plugin-vue_export-helper.js";
+import P from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const v = {
   components: {
     LogoV3: p,

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

@@ -3,7 +3,7 @@ import { isEmpty as a, has as s, isArray as m } from "lodash-es";
 import { createElementBlock as l, openBlock as r, createElementVNode as i, withModifiers as g, createCommentVNode as p, toDisplayString as d } from "vue";
 /* empty css              */
 /* empty css              */
-import h from "../../_virtual/_plugin-vue_export-helper.js";
+import h from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _ = "collapsed", y = {
   data: () => ({
     isCollapsed: !1
@@ -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/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/LanguageSelector.vue.js

@@ -1,6 +1,6 @@
 import { useVModel as s } from "@vueuse/core";
 import { defineComponent as r, createElementBlock as l, openBlock as o, withDirectives as i, createElementVNode as u, Fragment as p, renderList as d, toDisplayString as c, vModelSelect as m } from "vue";
-import g from "../../_virtual/_plugin-vue_export-helper.js";
+import g from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const f = r({
   name: "LanguageSelector",
   data() {

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/Navigation.vue.js

@@ -7,7 +7,7 @@ import { resolveComponent as w, createElementBlock as m, openBlock as o, createE
 import "vue-i18n";
 import { useDpiContext as M } from "../composables/useDpiContext.js";
 import "./Navigation.vue2.js";
-import N from "../../_virtual/_plugin-vue_export-helper.js";
+import N from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const A = {
   name: "Navigation",
   props: ["steps", "nextStep", "previousStep", "goToNextStep", "goToPreviousStep"],

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

@@ -0,0 +1,124 @@
+import { ref as d, getCurrentInstance as k, computed as L, createElementBlock as v, openBlock as g, createElementVNode as c, toDisplayString as I, createVNode as G, createCommentVNode as b, unref as f } from "vue";
+import R from "../HappyFlowComponents/ui/Dropdown.vue.js";
+import { filterGeocodingURIs as A } from "../HappyFlowComponents/services/dpiV3_apis.js";
+import { PhMagnifyingGlass as w } from "@phosphor-icons/vue";
+import { useFormValues as P } from "../composables/useDpiFormValues.js";
+/* empty css                   */
+import S from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import { useEditModeInfo as C } from "../composables/useDpiEditMode.js";
+const x = { class: "dpiV3InnerComponentWrap" }, E = { class: "copy-large-regular" }, K = { class: "dropdown-container" }, T = {
+  key: 0,
+  class: "empty-state-message"
+}, D = {
+  key: 1,
+  class: "validation-error"
+}, F = {
+  __name: "PolGeoUriPage",
+  props: {
+    context: Object
+  },
+  setup(B) {
+    const { isEditMode: y } = C(), { formValues: a } = P();
+    let l = d([]), _ = k().appContext.app.config.globalProperties.$env, m;
+    const o = d(!1), n = d(!1), u = d(""), s = d(!1), p = L(() => u.value && n.value && !o.value && l.value.length === 0 && !s.value);
+    y.value || (a.value.Covering["dcatde:politicalGeocodingURI"] = [
+      { isValid: !0 }
+    ]);
+    const U = async (e) => {
+      clearTimeout(m), u.value = e, s.value = !1, m = setTimeout(async () => {
+        if (e !== "")
+          try {
+            o.value = !0, n.value = !0, l.value = await A(e, _.api.baseUrl), h();
+          } catch (t) {
+            console.log("Error fetching geocoding data:", t), l.value = [], h();
+          } finally {
+            o.value = !1;
+          }
+        else
+          l.value = [], n.value = !1, s.value = !1, a.value.Covering["dcatde:politicalGeocodingURI"] = [
+            { isValid: !0 }
+          ];
+      }, 500);
+    }, h = () => {
+      p.value, a.value.Covering["dcatde:politicalGeocodingURI"] = [
+        { isValid: !0 }
+      ];
+    }, V = (e, t) => {
+      s.value = !0, a.value.Covering["dcatde:politicalGeocodingURI"] = [
+        {
+          isValid: !0,
+          uri: e.resource,
+          id: e.id,
+          label: e.alt_label.de,
+          inVoc: t
+        }
+      ], a.value.Additionals["dct:spatial"] === void 0 ? (a.value.Additionals["dct:spatial"] = [], a.value.Additionals["dct:spatial"].push({ "@id": e.resource })) : a.value.Additionals["dct:spatial"] = [{ "@id": e.resource }];
+      const r = e.resource.split("/").slice(-2, -1)[0];
+      let i = "";
+      switch (r) {
+        case "districtKey":
+          i = "http://dcat-ap.de/def/politicalGeocoding/Level/administrativeDistrict";
+          break;
+        case "stateKey":
+          i = "http://dcat-ap.de/def/politicalGeocoding/Level/state";
+          break;
+        case "regionalKey":
+          i = "http://dcat-ap.de/def/politicalGeocoding/Level/european";
+          break;
+        case "municipalAssociationKey":
+          i = "http://dcat-ap.de/def/politicalGeocoding/Level/federal";
+          break;
+        case "municipalityKey":
+          i = "http://dcat-ap.de/def/politicalGeocoding/Level/municipality";
+          break;
+      }
+      console.log(r), a.value.Additionals["dcatapde:politicalGeocodingLevelURI"] === void 0 ? (a.value.Additionals["dcatapde:politicalGeocodingLevelURI"] = [], a.value.Additionals["dcatapde:politicalGeocodingLevelURI"].push({
+        "@id": i
+      })) : a.value.Additionals["dcatapde:politicalGeocodingLevelURI"] = [
+        { "@id": i }
+      ];
+    };
+    return (e, t) => (g(), v("div", x, [
+      c("h4", null, I(e.$t("message.dataupload.datasets.dcatde:politicalGeocodingURI.title")), 1),
+      c("div", E, I(e.$t(
+        "message.dataupload.datasets.dcatde:politicalGeocodingURI.description"
+      )), 1),
+      c("div", K, [
+        G(R, {
+          dropdownWidth: "large",
+          type: "inputField",
+          onInput: t[0] || (t[0] = (r) => U(r)),
+          inputFieldProps: {
+            addOnText: !1,
+            initialHintText: !1,
+            datePicker: !1,
+            infoIcon: !1,
+            preIcon: !0,
+            showEndIcon: !1,
+            label: "Geopolitische Abdeckung",
+            dropdown_dpiV3: !0,
+            placeholder: "Geben Sie die geopolitische Abdeckung ein..",
+            inputFieldSize: "large",
+            autocomplete: "true",
+            error: p.value
+          },
+          onValueSent: V,
+          data: f(l),
+          multi: "true",
+          autocomplete: !0,
+          buttonText: "Dropdown",
+          text: "Dropdown",
+          loading: o.value
+        }, null, 8, ["inputFieldProps", "data", "loading"]),
+        n.value && !o.value && f(l).length === 0 ? (g(), v("div", T, [
+          G(f(w), { size: 16 }),
+          t[1] || (t[1] = c("span", null, "Keine Ergebnisse gefunden. Bitte versuchen Sie einen anderen Suchbegriff.", -1))
+        ])) : b("", !0),
+        p.value && u.value ? (g(), v("div", D, " Bitte wählen Sie einen gültigen Wert aus der Liste aus. ")) : b("", !0)
+      ])
+    ]));
+  }
+}, q = /* @__PURE__ */ S(F, [["__scopeId", "data-v-06749e76"]]);
+export {
+  q as default
+};

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

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

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

@@ -0,0 +1,149 @@
+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({
+  __name: "ProgressSteps",
+  props: /* @__PURE__ */ L({
+    steps: {},
+    currentStep: {},
+    visitedSteps: { default: () => [] },
+    hideFirst: { type: Boolean, default: !1 }
+  }, {
+    checked: {
+      default: () => []
+    },
+    checkedModifiers: {},
+    current: {
+      default: () => "moo"
+    },
+    currentModifiers: {}
+  }),
+  emits: ["update:checked", "update:current"],
+  setup(v) {
+    const i = v, y = [
+      j,
+      A,
+      I,
+      R,
+      q,
+      G,
+      H,
+      J,
+      K,
+      Q
+    ], N = d(() => {
+      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) => {
+      var t;
+      return ((t = e == null ? void 0 : e.split("/")) == null ? void 0 : t[0]) || "";
+    }))));
+    function M(e) {
+      return e.includes("/") ? e.split("/")[1] : e;
+    }
+    function S(e) {
+      return !e.includes("/");
+    }
+    const c = b(v, "checked");
+    function B(e) {
+      return h(c.value, e) !== -1;
+    }
+    const a = b(v, "current"), D = d(() => h(i.steps, a.value)), m = d(() => {
+      if (!i.steps || i.steps.length === 0)
+        return "";
+      const e = i.steps[D.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", {
+        key: s.name,
+        class: "progress-step"
+      }, [
+        u(r("input", {
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => c.value = n),
+          name: "progress-step",
+          type: "checkbox",
+          class: "progress-input progress-input--group",
+          value: s.name
+        }, null, 8, Z), [
+          [w, c.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]), {
+                key: 0,
+                size: "24px",
+                color: "currentColor"
+              })) : (o(), C(F(y[l]), {
+                key: 1,
+                size: "24px",
+                color: "currentColor"
+              }))
+            ], 64)) : (o(), C(_(W), {
+              key: 1,
+              size: "24px",
+              color: "#70CC44",
+              weight: "fill"
+            }))
+          ]),
+          r("span", {
+            class: z(["progress-step__headline__span", { "progress-step__headline__span--active": a.value === s.name }])
+          }, E(s.name), 3)
+        ]),
+        r("div", se, [
+          u(r("div", te, t[2] || (t[2] = [
+            r("div", { class: "progress-step__content-line" }, null, -1)
+          ]), 512), [
+            [k, l < N.value.length - 1]
+          ]),
+          u(r("div", re, [
+            (o(!0), p(f, null, x(s.substeps.filter((n) => !S(n)), (n, O) => (o(), p("div", {
+              key: n,
+              class: "progress-step progress-step--substep"
+            }, [
+              u(r("input", {
+                "onUpdate:modelValue": t[1] || (t[1] = (g) => c.value = g),
+                name: "progress-step",
+                type: "checkbox",
+                class: "progress-input",
+                value: n
+              }, null, 8, ne), [
+                [w, c.value]
+              ]),
+              r("div", le, [
+                r("div", oe, [
+                  U(_(X), {
+                    size: "20px",
+                    weight: a.value === n ? "fill" : "regular",
+                    color: B(n) || a.value === n ? "#009FE3" : "currentColor"
+                  }, null, 8, ["weight", "color"])
+                ]),
+                r("span", {
+                  class: z(["", { "progress-step__headline__span--active": a.value === n }])
+                }, E(M(n)), 3)
+              ]),
+              r("div", ie, [
+                u(r("div", ce, t[3] || (t[3] = [
+                  r("div", { class: "progress-step__content-line" }, null, -1)
+                ]), 512), [
+                  [k, O < s.substeps.filter((g) => !S(g)).length - 1]
+                ])
+              ])
+            ]))), 128))
+          ], 512), [
+            [k, m.value === s.name]
+          ])
+        ])
+      ]))), 128))
+    ]));
+  }
+});
+export {
+  de as default
+};