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

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

@@ -0,0 +1,161 @@
+import { ref as a, watch as y, createElementBlock as c, openBlock as d, createElementVNode as l, createCommentVNode as p, createBlock as T, normalizeStyle as g, toDisplayString as f, normalizeClass as v, unref as s, withDirectives as C, vModelText as A } from "vue";
+import H from "./TextButtonSmall.vue.js";
+/* empty css                                */
+/* empty css                                 */
+/* empty css                */
+import L from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const W = { class: "dpiV3_input-field V3-typography" }, j = { class: "dpiV3_InputFieldBase" }, z = { class: "dpiV3_InputWithLabel" }, N = { class: "dpiV3_Top" }, R = { class: "dpiV3_Label" }, O = ["disabled", "maxlength", "placeholder"], U = {
+  key: 1,
+  class: "dpiV3_errorText copy-small-regular"
+}, q = {
+  __name: "TextAreaV3",
+  props: {
+    text: {
+      type: Object,
+      default: () => {
+      }
+    },
+    isDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    isDescription: {
+      type: Boolean,
+      default: !1
+    },
+    showError: {
+      type: Boolean,
+      default: !1
+    },
+    hintMessage: {
+      type: String,
+      default: ""
+    },
+    countHint: {
+      type: Boolean,
+      default: !1
+    },
+    label: {},
+    placeholder: {},
+    hint: {},
+    modelValue: { type: String, default: "" },
+    showDeleteButton: { type: Boolean, default: !1 },
+    errorMessage: {
+      type: String,
+      default: ""
+    },
+    max: {
+      type: String,
+      default: ""
+    },
+    help: {
+      type: String,
+      default: ""
+    },
+    labelWeight: {
+      type: String,
+      default: "normal",
+      validator: (e) => ["bold", "normal"].includes(e)
+    }
+  },
+  emits: ["update:modelValue", "deleteClicked"],
+  setup(e, { emit: V }) {
+    const o = e, h = V;
+    let n = a(!1), m = a(!1);
+    const w = a(null);
+    let B = a(!1), t = a("inset 0 0 0 1px var(--neutral-30, #687178)"), u = a(!1), x = a(!1);
+    const i = a(o.modelValue);
+    y(
+      () => o.modelValue,
+      (r) => {
+        i.value = r;
+      }
+    ), y(i, (r) => {
+      h("update:modelValue", r);
+    });
+    function _() {
+      h("deleteClicked");
+    }
+    function E() {
+      B.value = !1, u.value = !0, n.value = !0, t.value = "0 0 0 2px var(--blue-70, #009FE3)";
+    }
+    function I() {
+      u.value = !1, n.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
+    }
+    function M() {
+      x.value = !0, t.value = "inset 0 0 0 1px var(--neutral-60, #687178)", u.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+    }
+    function F() {
+      x.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)", u.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+    }
+    function D() {
+      n.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+    }
+    function k() {
+      t.value = "inset 0 0 0 2px var(--Focused)";
+    }
+    return (r, b) => (d(), c("div", W, [
+      l("div", j, [
+        l("div", z, [
+          l("div", N, [
+            l("div", R, [
+              l("label", {
+                style: g({ "font-weight": o.labelWeight === "bold" ? "600" : "normal" }),
+                class: "dpiV3_label copy-small-regular"
+              }, f(o.label), 5),
+              e.showDeleteButton ? (d(), T(H, {
+                key: 0,
+                "button-text": "löschen",
+                tabindex: "0",
+                onClick: _
+              })) : p("", !0)
+            ])
+          ]),
+          l("div", {
+            class: v(["dpiV3_Input", {
+              dpiV3_disabled: e.isDisabled,
+              "error-state": e.showError && !s(n) && !s(m),
+              "focused-error-state": e.showError && s(n),
+              "filled-error-state": e.showError && s(m)
+            }]),
+            style: g({ "box-shadow": s(t) }),
+            onMouseenter: M,
+            onMouseleave: F,
+            onMousedown: D
+          }, [
+            C(l("textarea", {
+              ref_key: "inputRef",
+              ref: w,
+              "onUpdate:modelValue": b[0] || (b[0] = (S) => i.value = S),
+              type: "text",
+              class: v(["dpiV3_textArea copy-large-regular", {
+                "error-state": e.showError,
+                dpiV3_input_disabled: e.isDisabled
+              }]),
+              disabled: e.isDisabled,
+              maxlength: e.max,
+              placeholder: e.placeholder,
+              onFocus: E,
+              onBlur: I,
+              onMousedown: k
+            }, null, 42, O), [
+              [A, i.value]
+            ])
+          ], 38)
+        ]),
+        e.hint && !e.showError ? (d(), c("div", {
+          key: 0,
+          class: v(["dpiV3_hintText", { "copy-large-semi-bold justify-content-end": o.countHint, "copy-small-regular": !o.countHint }])
+        }, [
+          l("span", null, f(e.hintMessage), 1)
+        ], 2)) : p("", !0),
+        e.showError ? (d(), c("div", U, [
+          l("span", null, f(e.errorMessage), 1)
+        ])) : p("", !0)
+      ])
+    ]));
+  }
+}, Y = /* @__PURE__ */ L(q, [["__scopeId", "data-v-4cb670c1"]]);
+export {
+  Y as default
+};

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

@@ -3,7 +3,7 @@ import { defineComponent as a, resolveComponent as d, createElementBlock as t, o
 /* empty css                                 */
 import { PhTrash as f } from "@phosphor-icons/vue";
 /* empty css                     */
-import y from "../../../_virtual/_plugin-vue_export-helper.js";
+import y from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const b = a({
   name: "TextButtonLarge",
   components: {

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

@@ -3,7 +3,7 @@ import { defineComponent as u, resolveComponent as l, createElementBlock as n, o
 /* empty css                                 */
 import { PhCaretLeft as P, PhCopySimple as b, PhTrash as C } from "@phosphor-icons/vue";
 /* empty css                     */
-import c from "../../../_virtual/_plugin-vue_export-helper.js";
+import c from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const h = u({
   name: "TextButtonSmall",
   components: {
@@ -119,7 +119,7 @@ function K(e, s, T, V, v, z) {
     ])) : r("", !0)
   ], 16, k);
 }
-const L = /* @__PURE__ */ c(h, [["render", K], ["__scopeId", "data-v-5d413fe3"]]);
+const L = /* @__PURE__ */ c(h, [["render", K], ["__scopeId", "data-v-cfbe885e"]]);
 export {
   L as default
 };

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

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

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

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const n = {};
 function r(c, t) {
   return "Grundlegende INFOS";

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

@@ -0,0 +1,294 @@
+import { ref as f, computed as B, getCurrentInstance as F, unref as m, onMounted as M, watch as I, createElementBlock as c, openBlock as d, createElementVNode as s, createCommentVNode as h, toDisplayString as r, createVNode as u, Fragment as E, renderList as D } from "vue";
+import { PhWarning as g } from "@phosphor-icons/vue";
+import { useEditModeInfo as O } from "../composables/useDpiEditMode.js";
+import P from "../HappyFlowComponents/ui/InputField.vue.js";
+import z from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
+import { useFormValues as U } from "../composables/useDpiFormValues.js";
+/* empty css                 */
+import j from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const L = { class: "dpiV3InnerComponentWrap" }, Z = { class: "copy-large-regular" }, q = { class: "dpiV3AutoCompleteWrap" }, G = { class: "CardTips_internal" }, H = { class: "CardTips_Part" }, J = { class: "firstRow" }, K = { class: "icon_title copy-small-semi-bold" }, Q = { class: "TextButton_small" }, X = { class: "secondRow" }, Y = { class: "copy-small-regular" }, ee = { class: "CardTips_Part" }, ae = { class: "firstRow" }, te = { class: "icon_title copy-small-semi-bold" }, se = { class: "TextButton_small" }, le = { class: "secondRow" }, oe = { class: "copy-small-regular" }, ie = { class: "input-container" }, ne = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, re = { class: "copy-mini-regular" }, ce = { class: "input-container" }, de = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, ue = { class: "copy-mini-regular" }, pe = { class: "input-container" }, fe = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, me = { class: "copy-mini-regular" }, ve = { class: "copy-large-regular" }, he = {
+  key: 0,
+  class: "form-error-message"
+}, T = "", ge = {
+  __name: "ContactPage",
+  props: {
+    context: Object
+  },
+  setup(N) {
+    const { formValues: S } = U(), v = N, { isEditMode: R } = O(), _ = f(null), b = f(null), w = B(() => {
+      var e, t;
+      try {
+        const a = (t = (e = S.value.BasicInfos) == null ? void 0 : e["dct:publisher"]) == null ? void 0 : t[0];
+        if (a && a["foaf:name"] && a["foaf:mbox"])
+          return [
+            a["foaf:name"],
+            a["foaf:mbox"]
+          ];
+      } catch (a) {
+        console.warn("Could not load publisher data:", a);
+      }
+      return [
+        "",
+        "",
+        ""
+      ];
+    }), k = B(() => {
+      var t, a;
+      const e = (a = (t = F().appContext.config.globalProperties.$keycloak) == null ? void 0 : t.idTokenParsed) == null ? void 0 : a.contact;
+      if (e) {
+        const i = {
+          organization: e.organization
+        };
+        return e.email && (i.email = e.email), (e.phone || e.phoneNumber) && (i.phone = e.phone || e.phoneNumber), i;
+      }
+      return {};
+    }), l = f({
+      1: {
+        show: !1,
+        message: "Bitte geben Sie einen gültigen Namen ein (mindestens 2 Zeichen)."
+      },
+      2: {
+        show: !1,
+        message: "Bitte geben Sie eine gültige E-Mail-Adresse ein."
+      },
+      3: {
+        show: !1,
+        message: "Bitte geben Sie eine gültige Telefonnummer ein."
+      }
+    });
+    let n = f({ 1: !1, 2: !1, 3: !1 });
+    const o = f([
+      {
+        isValid: "unset",
+        "vcard:fn": "",
+        "vcard:hasEmail": "",
+        "vcard:hasTelephone": ""
+      }
+    ]);
+    R.value || v.context.node.input(o), v.context.node.value.length === 0 && v.context.node.input(m(o)), M(() => {
+      try {
+        T && T["foaf:name"] && T["foaf:mbox"];
+      } catch (e) {
+        console.warn("Could not load publisher data from context:", e);
+      }
+    });
+    function V(e) {
+      return e.trim().length >= 2;
+    }
+    function C(e) {
+      return /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/.test(e);
+    }
+    function $(e) {
+      if (!e || e.trim() === "")
+        return !0;
+      const t = e.replace(/[\s\-().]/g, "");
+      if (!/^[+]?\d+$/.test(t))
+        return !1;
+      const a = t.replace(/\D/g, "");
+      return a.length >= 6 && a.length <= 15;
+    }
+    function y(e, t, a) {
+      let i = !1;
+      if (a === 3 && e.trim() === "")
+        l.value[a].show = !1, n.value[a] = !0;
+      else if (e.trim() === "")
+        l.value[a].show = !0, n.value[a] = !1;
+      else {
+        switch (t) {
+          case "vcard:fn":
+            i = V(e);
+            break;
+          case "vcard:hasEmail":
+            i = C(e);
+            break;
+          case "vcard:hasTelephone":
+            i = $(e);
+            break;
+          default:
+            i = e.trim() !== "";
+        }
+        l.value[a].show = !i, n.value[a] = i;
+      }
+      n.value[1] && n.value[2] ? o.value[0].isValid = !0 : o.value[0].isValid = "unset";
+    }
+    function p(e, t, a) {
+      o.value = o.value.map((i) => t in i ? { ...i, [t]: e } : i), v.context.node.input(o.value), a === 2 ? (_.value && clearTimeout(_.value), _.value = setTimeout(() => {
+        y(e, t, a);
+      }, 800)) : a === 3 ? (b.value && clearTimeout(b.value), b.value = setTimeout(() => {
+        y(e, t, a);
+      }, 800)) : y(e, t, a);
+    }
+    function W() {
+      const e = k.value;
+      e.organization && p(e.organization, "vcard:fn", 1), e.email && p(e.email, "vcard:hasEmail", 2);
+    }
+    function x() {
+      p(w.value[0], "vcard:fn", 1), p(w.value[1], "vcard:hasEmail", 2);
+    }
+    const A = () => {
+      const e = o.value[0];
+      if (e["vcard:fn"].trim() === "")
+        l.value[1].show = !0, n.value[1] = !1;
+      else {
+        const t = V(e["vcard:fn"]);
+        l.value[1].show = !t, n.value[1] = t;
+      }
+      if (e["vcard:hasEmail"].trim() === "")
+        l.value[2].show = !0, n.value[2] = !1;
+      else {
+        const t = C(e["vcard:hasEmail"]);
+        l.value[2].show = !t, n.value[2] = t;
+      }
+      if (e["vcard:hasTelephone"].trim() === "")
+        l.value[3].show = !1, n.value[3] = !0;
+      else {
+        const t = $(e["vcard:hasTelephone"]);
+        l.value[3].show = !t, n.value[3] = t;
+      }
+      n.value[1] && n.value[2] ? o.value[0].isValid = !0 : o.value[0].isValid = !1;
+    };
+    return I(() => o.value[0].isValid, (e) => {
+      e === !1 && A();
+    }), (e, t) => (d(), c("div", L, [
+      s("h4", null, r(e.$t("message.dataupload.datasets.dcat:contactPoint.title")), 1),
+      s("div", Z, r(e.$t("message.dataupload.datasets.dcat:contactPoint.description")), 1),
+      s("div", q, [
+        s("div", G, [
+          s("div", H, [
+            s("div", J, [
+              s("div", K, r(e.$t("message.dataupload.datasets.dcat:contactPoint.account")), 1),
+              s("div", Q, [
+                u(z, {
+                  "button-text": e.$t(
+                    "message.dataupload.datasets.dcat:contactPoint.useAccountButton"
+                  ),
+                  "icon-start": "DeleteBlue",
+                  "icon-name": "copy",
+                  class: "dpiV3_usedetailsButton",
+                  onClick: W
+                }, null, 8, ["button-text"])
+              ])
+            ]),
+            s("div", X, [
+              (d(!0), c(E, null, D(Object.values(k.value), (a) => (d(), c("span", Y, r(a), 1))), 256))
+            ])
+          ]),
+          s("div", ee, [
+            s("div", ae, [
+              s("div", te, r(e.$t("message.metadata.publisher")), 1),
+              s("div", se, [
+                u(z, {
+                  "button-text": e.$t(
+                    "message.dataupload.datasets.dcat:contactPoint.usePublisherButton"
+                  ),
+                  "icon-start": "true",
+                  "icon-name": "copy",
+                  class: "",
+                  onClick: x
+                }, null, 8, ["button-text"])
+              ])
+            ]),
+            s("div", le, [
+              (d(!0), c(E, null, D(w.value, (a) => (d(), c("span", oe, r(a), 1))), 256))
+            ])
+          ])
+        ])
+      ]),
+      s("div", ie, [
+        u(P, {
+          "model-value": o.value[0]["vcard:fn"],
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
+          placeholder: e.$t(
+            "message.dataupload.datasets.dcat:contactPoint.nameInput.placeholder"
+          ),
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !1,
+          label: e.$t("message.dataupload.datasets.dcat:contactPoint.nameInput.title"),
+          "show-end-icon": !1,
+          "show-error": l.value[1].show,
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => p(a, "vcard:fn", 1))
+        }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
+        l.value[1].show ? (d(), c("div", ne, [
+          u(m(g), {
+            size: 16,
+            weight: "fill"
+          }),
+          s("span", re, r(l.value[1].message), 1)
+        ])) : h("", !0)
+      ]),
+      s("div", ce, [
+        u(P, {
+          "model-value": o.value[0]["vcard:hasEmail"],
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
+          placeholder: e.$t(
+            "message.dataupload.datasets.dcat:contactPoint.mailInput.placeholder"
+          ),
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !1,
+          label: e.$t("message.dataupload.datasets.dcat:contactPoint.mailInput.title"),
+          "show-end-icon": !1,
+          "show-error": l.value[2].show,
+          "onUpdate:modelValue": t[1] || (t[1] = (a) => p(a, "vcard:hasEmail", 2))
+        }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
+        l.value[2].show ? (d(), c("div", de, [
+          u(m(g), {
+            size: 16,
+            weight: "fill"
+          }),
+          s("span", ue, r(l.value[2].message), 1)
+        ])) : h("", !0)
+      ]),
+      s("div", pe, [
+        u(P, {
+          "model-value": o.value[0]["vcard:hasTelephone"],
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
+          placeholder: e.$t(
+            "message.dataupload.datasets.dcat:contactPoint.telInput.placeholder"
+          ),
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !1,
+          label: e.$t("message.dataupload.datasets.dcat:contactPoint.telInput.title"),
+          "show-end-icon": !1,
+          "show-error": l.value[3].show,
+          "onUpdate:modelValue": t[2] || (t[2] = (a) => p(a, "vcard:hasTelephone", 3))
+        }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
+        l.value[3].show ? (d(), c("div", fe, [
+          u(m(g), {
+            size: 16,
+            weight: "fill"
+          }),
+          s("span", me, r(l.value[3].message), 1)
+        ])) : h("", !0)
+      ]),
+      s("div", ve, r(e.$t("message.dataupload.datasets.dcat:contactPoint.descriptionBottom")), 1),
+      o.value.find((a) => a.isValid === !1) ? (d(), c("div", he, [
+        u(m(g), {
+          size: 16,
+          weight: "fill"
+        }),
+        t[3] || (t[3] = s("span", { class: "copy-mini-regular" }, "Bitte füllen Sie alle Pflichtfelder aus, bevor Sie fortfahren.", -1))
+      ])) : h("", !0)
+    ]));
+  }
+}, Ce = /* @__PURE__ */ j(ge, [["__scopeId", "data-v-d3761ff9"]]);
+export {
+  Ce as default
+};

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

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const r = {};
 function n(c, o) {
   return "Covering Page";

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

@@ -1,6 +1,6 @@
 import { mapActions as o, mapGetters as s } from "vuex";
 import { createElementBlock as i, openBlock as n, createElementVNode as p } from "vue";
-import c from "../../_virtual/_plugin-vue_export-helper.js";
+import c from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const u = {
   props: ["id", "property", "catalog"],
   data() {

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

@@ -0,0 +1,60 @@
+import { computed as g, ref as s, getCurrentInstance as h, onMounted as x, createElementBlock as o, openBlock as r, createElementVNode as l, createCommentVNode as y, Fragment as V, renderList as C, unref as d, createBlock as D, createVNode as I } from "vue";
+import k from "../HappyFlowComponents/ui/Chip.vue.js";
+import { getDatasetCategories as E } from "../HappyFlowComponents/services/dpiV3_apis.js";
+import { PhWarning as P } from "@phosphor-icons/vue";
+/* empty css                         */
+import z from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import { useDpiContext as U } from "../composables/useDpiContext.js";
+const w = { class: "dpiV3_findabilityWrap" }, B = { class: "dpiV3_findabilityThemesWrap" }, R = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, S = {
+  __name: "DiscoverabilityPage",
+  props: {
+    context: Object
+  },
+  setup(u) {
+    const c = U(), f = g(() => {
+      var e;
+      return !!((e = c.value.edit) != null && e.enabled);
+    });
+    let n = s([]), v = h().appContext.app.config.globalProperties.$env, i = s([{ isValid: "unset" }]);
+    s(["this is a secret"]);
+    const p = u;
+    f.value || p.context.node.input(i);
+    const m = async () => {
+      try {
+        n.value = await E(v.api.baseUrl), n.value = n.value.filter((e) => e.id !== "OP_DATPRO"), n.value.sort((e, a) => e.pref_label.de.localeCompare(a.pref_label.de));
+      } catch (e) {
+        console.log(e);
+      }
+    }, _ = (e) => {
+      i.value.find((t) => t.id === e.id) ? i.value = i.value.filter((t) => t.id !== e.id) : i.value.push({ id: e.id, uri: e.resource, label: e.pref_label.de }), i.value.length > 1 ? i.value.find((t) => t.isValid = !0) : i.value.find((t) => t.isValid = !1), p.context.node.input(i);
+    };
+    return x(() => {
+      m();
+    }), (e, a) => (r(), o("div", w, [
+      a[1] || (a[1] = l("h4", { class: "dpiV3_title" }, "Machen Sie Ihren Datensatz leicht auffindbar", -1)),
+      a[2] || (a[2] = l("span", null, "Um sicherzustellen, dass Ihr Datensatz für andere leicht zu finden ist, wählen Sie die relevanten Kategorien aus.", -1)),
+      l("div", B, [
+        (r(!0), o(V, null, C(d(n), (t, b) => (r(), D(k, {
+          key: b,
+          text: t.pref_label.de,
+          data: { "@value": t.value, URI: t.URI },
+          setup: { "@type": "select", "@inTable": !1, "@findability": !0 },
+          onClick: (T) => _(t)
+        }, null, 8, ["text", "data", "onClick"]))), 128))
+      ]),
+      d(i).find((t) => t.isValid === !1) ? (r(), o("div", R, [
+        I(d(P), {
+          size: 16,
+          weight: "fill"
+        }),
+        a[0] || (a[0] = l("span", { class: "copy-mini-regular" }, "Bitte wählen Sie mindestens eine Kategorie aus, bevor Sie fortfahren.", -1))
+      ])) : y("", !0)
+    ]));
+  }
+}, $ = /* @__PURE__ */ z(S, [["__scopeId", "data-v-3535550a"]]);
+export {
+  $ as default
+};