@piveau/dpi 0.1.0-beta.5 → 0.1.0-beta.51

package/dist/data-provider-interface/HappyFlowComponents/ui/SectionItems/EssentialsModal.vue.js

@@ -1,14 +1,39 @@
-import { mergeModels as u, ref as p, getCurrentInstance as m, useModel as r, createElementBlock as f, openBlock as c, createElementVNode as n, createVNode as o, toDisplayString as i } from "vue";
-import s from "../InputField.vue.js";
-import V from "../TextAreaV3.vue.js";
+import { mergeModels as A, ref as R, getCurrentInstance as z, useModel as H, computed as N, watch as o, createElementBlock as u, openBlock as c, createElementVNode as s, createVNode as l, createCommentVNode as d, unref as p, toDisplayString as n } from "vue";
+import h from "../InputField.vue.js";
+import x from "../TextAreaV3.vue.js";
+import { PhWarning as m } from "@phosphor-icons/vue";
 import "@formkit/core";
 import "@formkit/vue";
-import { useFormValues as b } from "../../../composables/useDpiFormValues.js";
+import { useFormValues as D } from "../../../composables/useDpiFormValues.js";
 /* empty css                     */
-import I from "../../../../_virtual/_plugin-vue_export-helper.js";
-const g = { class: "dpiV3_innerRapModalWrapper" }, v = { class: "dpiV3_innerRapModalWrapper__section" }, M = { class: "dpiV3_innerRapModalWrapper__section" }, h = { class: "headline-5 gap3BottomAsMargin" }, P = { class: "dpiV3_innerRapModalWrapper__section" }, E = { class: "headline-5 gap3BottomAsMargin" }, $ = {
+import F from "../../../../_virtual/_plugin-vue_export-helper.js";
+const O = { class: "dpiV3_innerRapModalWrapper" }, L = { class: "dpiV3_innerRapModalWrapper__section" }, Z = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, j = { class: "copy-mini-regular" }, q = { class: "topSpacing" }, G = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, J = { class: "copy-mini-regular" }, K = { class: "topSpacing" }, Q = { class: "dpiV3_innerRapModalWrapper__section" }, X = { class: "headline-5 gap3BottomAsMargin" }, Y = { class: "topSpacing" }, ee = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, te = { class: "copy-mini-regular" }, ae = { class: "topSpacing" }, re = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, se = { class: "copy-mini-regular" }, le = { class: "topSpacing" }, ie = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, oe = { class: "copy-mini-regular" }, ne = { class: "dpiV3_innerRapModalWrapper__section" }, ue = { class: "headline-5 gap3BottomAsMargin" }, ce = { class: "topSpacing" }, de = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, pe = { class: "copy-mini-regular" }, he = { class: "topSpacing" }, me = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, ge = { class: "copy-mini-regular" }, be = { class: "topSpacing" }, ve = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, fe = { class: "copy-mini-regular" }, Ee = {
   __name: "EssentialsModal",
-  props: /* @__PURE__ */ u({
+  props: /* @__PURE__ */ A({
     context: Object,
     newValues: Object
   }, {
@@ -21,114 +46,290 @@ const g = { class: "dpiV3_innerRapModalWrapper" }, v = { class: "dpiV3_innerRapM
       publisherWebsite: "",
       contactPointName: "",
       contactPointMail: "",
-      contactPointPhone: ""
+      contactPointPhone: "",
+      // Error state properties
+      showErrorTitle: !1,
+      titleErrorMessage: "",
+      showErrorDescription: !1,
+      descriptionErrorMessage: "",
+      showErrorPublisherName: !1,
+      publisherNameErrorMessage: "",
+      showErrorPublisherMail: !1,
+      publisherMailErrorMessage: "",
+      showErrorPublisherWebsite: !1,
+      publisherWebsiteErrorMessage: "",
+      showErrorContactPointName: !1,
+      contactPointNameErrorMessage: "",
+      showErrorContactPointMail: !1,
+      contactPointMailErrorMessage: "",
+      showErrorContactPointPhone: !1,
+      contactPointPhoneErrorMessage: ""
     } },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(d) {
-    p([]), m().appContext.app.config.globalProperties.$env;
-    const { formValues: T } = b(), e = r(d, "modelValue");
-    return (t, a) => (c(), f("div", g, [
-      n("div", v, [
-        o(s, {
-          class: "gap5BottomAsMargin",
+  setup(I, { expose: W }) {
+    R([]), z().appContext.app.config.globalProperties.$env;
+    const { formValues: Pe } = D(), e = H(I, "modelValue"), g = (t) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t.trim()), P = (t) => {
+      if (!t || t.trim() === "")
+        return !0;
+      const a = t.replace(/[\s\-().]/g, "");
+      if (!/^[+]?\d+$/.test(a))
+        return !1;
+      const r = a.replace(/\D/g, "");
+      return r.length >= 6 && r.length <= 15;
+    }, v = (t) => !t || !t.trim() ? !1 : t.trim().length >= 2, f = (t) => {
+      try {
+        const a = t.trim(), r = a.startsWith("http://") || a.startsWith("https://") ? a : `https://${a}`;
+        return new URL(r), !0;
+      } catch {
+        return !1;
+      }
+    }, b = (t) => !t || !t.trim() ? !1 : /[a-zA-Z0-9]/.test(t.trim()), E = (t) => t && t.trim().length > 0, i = (t, a) => {
+      switch (t) {
+        case "title":
+          return b(a) ? (e.value.showErrorTitle = !1, e.value.titleErrorMessage = "", !0) : (e.value.showErrorTitle = !0, e.value.titleErrorMessage = "Bitte geben Sie einen Titel ein, bevor Sie fortfahren.", !1);
+        case "description":
+          return E(a) ? (e.value.showErrorDescription = !1, e.value.descriptionErrorMessage = "", !0) : (e.value.showErrorDescription = !0, e.value.descriptionErrorMessage = "Bitte geben Sie eine Beschreibung ein, bevor Sie fortfahren.", !1);
+        case "publisherName":
+          return b(a) ? (e.value.showErrorPublisherName = !1, e.value.publisherNameErrorMessage = "", !0) : (e.value.showErrorPublisherName = !0, e.value.publisherNameErrorMessage = "Bitte geben Sie einen gültigen Organisationsnamen ein.", !1);
+        case "publisherMail":
+          return !a || !a.trim() || !g(a) ? (e.value.showErrorPublisherMail = !0, e.value.publisherMailErrorMessage = "Bitte geben Sie eine gültige E-Mail-Adresse ein.", !1) : (e.value.showErrorPublisherMail = !1, e.value.publisherMailErrorMessage = "", !0);
+        case "publisherWebsite":
+          return !a || !a.trim() || !f(a) ? (e.value.showErrorPublisherWebsite = !0, e.value.publisherWebsiteErrorMessage = "Bitte geben Sie eine gültige URL ein.", !1) : (e.value.showErrorPublisherWebsite = !1, e.value.publisherWebsiteErrorMessage = "", !0);
+        case "contactPointName":
+          return v(a) ? (e.value.showErrorContactPointName = !1, e.value.contactPointNameErrorMessage = "", !0) : (e.value.showErrorContactPointName = !0, e.value.contactPointNameErrorMessage = "Bitte geben Sie einen gültigen Namen ein (mindestens 2 Zeichen).", !1);
+        case "contactPointMail":
+          return !a || !a.trim() || !g(a) ? (e.value.showErrorContactPointMail = !0, e.value.contactPointMailErrorMessage = "Bitte geben Sie eine gültige E-Mail-Adresse ein.", !1) : (e.value.showErrorContactPointMail = !1, e.value.contactPointMailErrorMessage = "", !0);
+        case "contactPointPhone":
+          return a && a.trim() && !P(a) ? (e.value.showErrorContactPointPhone = !0, e.value.contactPointPhoneErrorMessage = "Bitte geben Sie eine gültige Telefonnummer ein.", !1) : (e.value.showErrorContactPointPhone = !1, e.value.contactPointPhoneErrorMessage = "", !0);
+        default:
+          return !0;
+      }
+    }, S = N(() => {
+      var M, w, _, V;
+      const t = b(e.value.title), a = E(e.value.description), r = b(e.value.publisherName), $ = ((M = e.value.publisherMail) == null ? void 0 : M.trim()) && g(e.value.publisherMail), y = ((w = e.value.publisherWebsite) == null ? void 0 : w.trim()) && f(e.value.publisherWebsite), B = v(e.value.contactPointName), U = ((_ = e.value.contactPointMail) == null ? void 0 : _.trim()) && g(e.value.contactPointMail), k = !((V = e.value.contactPointPhone) != null && V.trim()) || P(e.value.contactPointPhone);
+      return t && a && r && $ && y && B && U && k;
+    });
+    o(() => e.value.title, (t) => i("title", t)), o(() => e.value.description, (t) => i("description", t)), o(() => e.value.publisherName, (t) => i("publisherName", t)), o(() => e.value.publisherMail, (t) => i("publisherMail", t)), o(() => e.value.publisherWebsite, (t) => i("publisherWebsite", t)), o(() => e.value.contactPointMail, (t) => i("contactPointMail", t)), o(() => e.value.contactPointName, (t) => i("contactPointName", t)), o(() => e.value.contactPointMail, (t) => i("contactPointMail", t)), o(() => e.value.contactPointPhone, (t) => i("contactPointPhone", t));
+    const C = N(() => {
+      var t, a, r;
+      return {
+        title: !b(e.value.title),
+        description: !E(e.value.description),
+        publisherName: !b(e.value.publisherName),
+        publisherMail: !((t = e.value.publisherMail) != null && t.trim()) || !g(e.value.publisherMail),
+        publisherWebsite: !((a = e.value.publisherWebsite) != null && a.trim()) || !f(e.value.publisherWebsite),
+        contactPointName: !v(e.value.contactPointName),
+        // Now always validated
+        contactPointMail: !((r = e.value.contactPointMail) != null && r.trim()) || !g(e.value.contactPointMail)
+      };
+    }), T = () => {
+      const t = [];
+      return e.value.showErrorTitle && t.push(e.value.titleErrorMessage), e.value.showErrorDescription && t.push(e.value.descriptionErrorMessage), e.value.showErrorPublisherName && t.push(e.value.publisherNameErrorMessage), e.value.showErrorPublisherMail && t.push(e.value.publisherMailErrorMessage), e.value.showErrorPublisherWebsite && t.push(e.value.publisherWebsiteErrorMessage), e.value.showErrorContactPointName && t.push(e.value.contactPointNameErrorMessage), e.value.showErrorContactPointMail && t.push(e.value.contactPointMailErrorMessage), e.value.showErrorContactPointPhone && t.push(e.value.contactPointPhoneErrorMessage), t.length > 0 ? t : ["Bitte füllen Sie alle erforderlichen Felder korrekt aus."];
+    };
+    return o(() => e.value, () => {
+    }, { deep: !0 }), W({
+      isValid: S,
+      validationErrors: C,
+      getValidationErrorMessages: T,
+      validateField: i
+    }), (t, a) => (c(), u("div", O, [
+      s("div", L, [
+        l(h, {
+          class: "",
           label: t.$t("message.metadata.title"),
           modelValue: e.value.title,
-          "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value.title = l),
+          "onUpdate:modelValue": a[0] || (a[0] = (r) => e.value.title = r),
           placeholder: "",
           infoIcon: !1,
           preIcon: !1,
           initialHintText: !1,
-          showEndIcon: !1
-        }, null, 8, ["label", "modelValue"]),
-        o(V, {
-          class: "gap5BottomAsMargin",
-          label: t.$t("message.metadata.description"),
-          modelValue: e.value.description,
-          "onUpdate:modelValue": a[1] || (a[1] = (l) => e.value.description = l)
-        }, null, 8, ["label", "modelValue"]),
-        o(s, {
-          label: t.$t("message.dataupload.datasets.rap.essentials.modifiedHeader"),
-          infoIcon: !1,
-          preIcon: !1,
-          datePicker: !0,
           showEndIcon: !1,
-          modelValue: e.value.modified,
-          "onUpdate:modelValue": a[2] || (a[2] = (l) => e.value.modified = l),
-          defaultInput: !0,
-          inputType: "date",
-          initialHintText: !1
-        }, null, 8, ["label", "modelValue"])
+          showError: e.value.showErrorTitle
+        }, null, 8, ["label", "modelValue", "showError"]),
+        e.value.showErrorTitle && e.value.titleErrorMessage ? (c(), u("div", Z, [
+          l(p(m), {
+            size: 16,
+            weight: "fill"
+          }),
+          s("span", j, n(e.value.titleErrorMessage), 1)
+        ])) : d("", !0),
+        s("div", q, [
+          l(x, {
+            class: "",
+            label: t.$t("message.metadata.description"),
+            modelValue: e.value.description,
+            "onUpdate:modelValue": a[1] || (a[1] = (r) => e.value.description = r)
+          }, null, 8, ["label", "modelValue"]),
+          e.value.showErrorDescription && e.value.descriptionErrorMessage ? (c(), u("div", G, [
+            l(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", J, n(e.value.descriptionErrorMessage), 1)
+          ])) : d("", !0)
+        ]),
+        s("div", K, [
+          l(h, {
+            label: t.$t("message.dataupload.datasets.rap.essentials.modifiedHeader"),
+            infoIcon: !1,
+            preIcon: !1,
+            datePicker: !0,
+            showEndIcon: !1,
+            modelValue: e.value.modified,
+            "onUpdate:modelValue": a[2] || (a[2] = (r) => e.value.modified = r),
+            defaultInput: !0,
+            inputType: "date",
+            initialHintText: !1
+          }, null, 8, ["label", "modelValue"])
+        ])
       ]),
-      n("div", M, [
-        n("h5", h, i(t.$t("message.metadata.publisher")), 1),
-        o(s, {
-          label: t.$t("message.dataupload.datasets.dct:publisher.nameInput.title"),
-          infoIcon: !1,
-          preIcon: !1,
-          initialHintText: !1,
-          showEndIcon: !1,
-          class: "gap5BottomAsMargin",
-          modelValue: e.value.publisherName,
-          "onUpdate:modelValue": a[3] || (a[3] = (l) => e.value.publisherName = l)
-        }, null, 8, ["label", "modelValue"]),
-        o(s, {
-          label: t.$t("message.dataupload.datasets.dct:publisher.mailInput.title"),
-          infoIcon: !1,
-          preIcon: !1,
-          initialHintText: !1,
-          showEndIcon: !1,
-          class: "gap5BottomAsMargin",
-          modelValue: e.value.publisherMail,
-          "onUpdate:modelValue": a[4] || (a[4] = (l) => e.value.publisherMail = l)
-        }, null, 8, ["label", "modelValue"]),
-        o(s, {
-          label: t.$t("message.dataupload.datasets.dct:publisher.websiteInput.title"),
-          addOnText: !0,
-          infoIcon: !1,
-          preIcon: !1,
-          initialHintText: !1,
-          showEndIcon: !1,
-          modelValue: e.value.publisherWebsite,
-          "onUpdate:modelValue": a[5] || (a[5] = (l) => e.value.publisherWebsite = l)
-        }, null, 8, ["label", "modelValue"])
+      s("div", Q, [
+        s("h5", X, n(t.$t("message.metadata.publisher")), 1),
+        s("div", Y, [
+          l(h, {
+            label: t.$t("message.dataupload.datasets.dct:publisher.nameInput.title"),
+            infoIcon: !1,
+            preIcon: !1,
+            placeholder: t.$t("message.dataupload.datasets.dct:publisher.nameInput.placeholder"),
+            initialHintText: !1,
+            showEndIcon: !1,
+            class: "",
+            modelValue: e.value.publisherName,
+            "onUpdate:modelValue": a[3] || (a[3] = (r) => e.value.publisherName = r),
+            showError: e.value.showErrorPublisherName,
+            error_message: "Bitte geben Sie einen gültigen Organisationsnamen ein."
+          }, null, 8, ["label", "placeholder", "modelValue", "showError"]),
+          e.value.showErrorPublisherName && e.value.publisherNameErrorMessage ? (c(), u("div", ee, [
+            l(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", te, n(e.value.publisherNameErrorMessage), 1)
+          ])) : d("", !0)
+        ]),
+        s("div", ae, [
+          l(h, {
+            label: t.$t("message.dataupload.datasets.dct:publisher.mailInput.title"),
+            placeholder: t.$t("message.dataupload.datasets.dct:publisher.mailInput.placeholder"),
+            infoIcon: !1,
+            preIcon: !1,
+            initialHintText: !1,
+            showEndIcon: !1,
+            class: "",
+            modelValue: e.value.publisherMail,
+            "onUpdate:modelValue": a[4] || (a[4] = (r) => e.value.publisherMail = r),
+            showError: e.value.showErrorPublisherMail,
+            error_message: "Bitte geben Sie eine gültige E-Mail-Adresse ein."
+          }, null, 8, ["label", "placeholder", "modelValue", "showError"]),
+          e.value.showErrorPublisherMail && e.value.publisherMailErrorMessage ? (c(), u("div", re, [
+            l(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", se, n(e.value.publisherMailErrorMessage), 1)
+          ])) : d("", !0)
+        ]),
+        s("div", le, [
+          l(h, {
+            label: t.$t("message.dataupload.datasets.dct:publisher.websiteInput.title"),
+            placeholder: t.$t("message.dataupload.datasets.dct:publisher.websiteInput.placeholder"),
+            infoIcon: !1,
+            preIcon: !1,
+            initialHintText: !1,
+            showEndIcon: !1,
+            modelValue: e.value.publisherWebsite,
+            "onUpdate:modelValue": a[5] || (a[5] = (r) => e.value.publisherWebsite = r),
+            showError: e.value.showErrorPublisherWebsite,
+            error_message: "Bitte geben Sie eine gültige URL ein."
+          }, null, 8, ["label", "placeholder", "modelValue", "showError"]),
+          e.value.showErrorPublisherWebsite && e.value.publisherWebsiteErrorMessage ? (c(), u("div", ie, [
+            l(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", oe, n(e.value.publisherWebsiteErrorMessage), 1)
+          ])) : d("", !0)
+        ])
       ]),
-      n("div", P, [
-        n("h5", E, i(t.$t("message.header.subnav.contact")), 1),
-        o(s, {
-          modelValue: e.value.contactPointName,
-          "onUpdate:modelValue": a[6] || (a[6] = (l) => e.value.contactPointName = l),
-          label: t.$t("message.dataupload.datasets.dcat:contactPoint.nameInput.title"),
-          infoIcon: !1,
-          preIcon: !1,
-          initialHintText: !1,
-          showEndIcon: !1,
-          class: "gap5BottomAsMargin"
-        }, null, 8, ["modelValue", "label"]),
-        o(s, {
-          label: t.$t("message.dataupload.datasets.dcat:contactPoint.mailInput.title"),
-          infoIcon: !1,
-          preIcon: !1,
-          initialHintText: !1,
-          showEndIcon: !1,
-          class: "gap5BottomAsMargin",
-          modelValue: e.value.contactPointMail,
-          "onUpdate:modelValue": a[7] || (a[7] = (l) => e.value.contactPointMail = l)
-        }, null, 8, ["label", "modelValue"]),
-        o(s, {
-          label: t.$t("message.dataupload.datasets.dcat:contactPoint.telInput.title"),
-          infoIcon: !1,
-          preIcon: !1,
-          initialHintText: !1,
-          showEndIcon: !1,
-          modelValue: e.value.contactPointPhone,
-          "onUpdate:modelValue": a[8] || (a[8] = (l) => e.value.contactPointPhone = l)
-        }, null, 8, ["label", "modelValue"])
+      s("div", ne, [
+        s("h5", ue, n(t.$t("message.header.subnav.contact")), 1),
+        s("div", ce, [
+          l(h, {
+            modelValue: e.value.contactPointName,
+            "onUpdate:modelValue": a[6] || (a[6] = (r) => e.value.contactPointName = r),
+            label: t.$t("message.dataupload.datasets.dcat:contactPoint.nameInput.title"),
+            placeholder: t.$t(
+              "message.dataupload.datasets.dcat:contactPoint.nameInput.placeholder"
+            ),
+            infoIcon: !1,
+            preIcon: !1,
+            initialHintText: !1,
+            showEndIcon: !1,
+            class: "",
+            showError: e.value.showErrorContactPointName,
+            error_message: "Bitte geben Sie einen gültigen Namen ein (mindestens 2 Zeichen)."
+          }, null, 8, ["modelValue", "label", "placeholder", "showError"]),
+          e.value.showErrorContactPointName && e.value.contactPointNameErrorMessage ? (c(), u("div", de, [
+            l(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", pe, n(e.value.contactPointNameErrorMessage), 1)
+          ])) : d("", !0)
+        ]),
+        s("div", he, [
+          l(h, {
+            label: t.$t("message.dataupload.datasets.dcat:contactPoint.mailInput.title"),
+            infoIcon: !1,
+            preIcon: !1,
+            initialHintText: !1,
+            placeholder: t.$t(
+              "message.dataupload.datasets.dcat:contactPoint.mailInput.placeholder"
+            ),
+            showEndIcon: !1,
+            class: "",
+            modelValue: e.value.contactPointMail,
+            "onUpdate:modelValue": a[7] || (a[7] = (r) => e.value.contactPointMail = r),
+            showError: e.value.showErrorContactPointMail,
+            error_message: "Bitte geben Sie eine gültige E-Mail-Adresse ein."
+          }, null, 8, ["label", "placeholder", "modelValue", "showError"]),
+          e.value.showErrorContactPointMail && e.value.contactPointMailErrorMessage ? (c(), u("div", me, [
+            l(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", ge, n(e.value.contactPointMailErrorMessage), 1)
+          ])) : d("", !0)
+        ]),
+        s("div", be, [
+          l(h, {
+            label: t.$t("message.dataupload.datasets.dcat:contactPoint.telInput.title"),
+            infoIcon: !1,
+            placeholder: t.$t(
+              "message.dataupload.datasets.dcat:contactPoint.telInput.placeholder"
+            ),
+            preIcon: !1,
+            initialHintText: !1,
+            showEndIcon: !1,
+            modelValue: e.value.contactPointPhone,
+            "onUpdate:modelValue": a[8] || (a[8] = (r) => e.value.contactPointPhone = r),
+            showError: e.value.showErrorContactPointPhone,
+            error_message: "Bitte geben Sie eine gültige Telefonnummer ein."
+          }, null, 8, ["label", "placeholder", "modelValue", "showError"]),
+          e.value.showErrorContactPointPhone && e.value.contactPointPhoneErrorMessage ? (c(), u("div", ve, [
+            l(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", fe, n(e.value.contactPointPhoneErrorMessage), 1)
+          ])) : d("", !0)
+        ])
       ])
     ]));
   }
-}, R = /* @__PURE__ */ I($, [["__scopeId", "data-v-eeaac3aa"]]);
+}, Te = /* @__PURE__ */ F(Ee, [["__scopeId", "data-v-8225049b"]]);
 export {
-  R as default
+  Te as default
 };

package/dist/data-provider-interface/HappyFlowComponents/ui/SectionItems/FindabilityChips.vue.js

@@ -1,43 +1,62 @@
-import { ref as s, getCurrentInstance as _, onMounted as b, createElementBlock as n, openBlock as o, Fragment as y, renderList as h, unref as c, createBlock as m } from "vue";
-import g from "../Chip.vue.js";
-import { getDatasetCategories as C } from "../../services/dpiV3_apis.js";
-import { getNode as r } from "@formkit/core";
+import { ref as f, getCurrentInstance as y, computed as g, onMounted as m, createElementBlock as n, openBlock as c, Fragment as _, renderList as h, createBlock as D } from "vue";
+import "@formkit/core";
+import { getDatasetCategories as P } from "../../services/dpiV3_apis.js";
+import I from "../Chip.vue.js";
+import { useFormValues as C } from "../../../composables/useDpiFormValues.js";
 /* empty css                      */
-import k from "../../../../_virtual/_plugin-vue_export-helper.js";
-const x = { class: "dpiV3_fChipWrap" }, I = {
+import x from "../../../../_virtual/_plugin-vue_export-helper.js";
+const k = { class: "dpiV3_fChipWrap" }, V = {
   __name: "FindabilityChips",
   props: {
     context: Object
   },
-  setup(D) {
-    let i = s([]), d = _().appContext.app.config.globalProperties.$env, l = s(r("Discoverability").value[Object.keys(r("Discoverability").value)[0]]), p = (t) => {
+  setup(F) {
+    const o = f([]), d = y().appContext.app.config.globalProperties.$env, { formValues: i } = C(), v = g(() => {
+      var t;
+      return (((t = i.value.Discoverability) == null ? void 0 : t.discoverabilityPage) || []).filter((l) => l.id);
+    }), u = (e) => {
       try {
-        return l.value.find((a) => a.id === t.id);
+        return v.value.find((t) => t.id === e.id);
       } catch {
+        return !1;
       }
     };
-    const u = async () => {
+    async function p() {
       try {
-        i.value = await C(d.api.baseUrl), i.value.sort((t, a) => t.pref_label.de.localeCompare(a.pref_label.de));
-      } catch (t) {
-        console.log(t);
+        o.value = await P(d.api.baseUrl), o.value.sort((e, t) => e.pref_label.de.localeCompare(t.pref_label.de));
+      } catch (e) {
+        console.log(e);
       }
-    }, f = (t) => {
-      l.value.find((e) => e.id === t.id) ? l.value = l.value.filter((e) => e.id !== t.id) : l.value.push({ id: t.id, uri: t.resource, label: t.pref_label.de }), l.value.length > 1 ? l.value.find((e) => e.isValid = !0) : l.value.find((e) => e.isValid = !1), r("Discoverability").value[Object.keys(r("Discoverability").value)[0]] = l, console.log(l);
-    };
-    return b(() => {
-      u();
-    }), (t, a) => (o(), n("div", x, [
-      (o(!0), n(y, null, h(c(i), (e, v) => (o(), m(g, {
-        key: v,
-        text: e.pref_label.de,
-        data: { "@value": e.value, URI: e.URI },
-        setup: { "@type": "select", "@inTable": !1, "@findability": !0, "@selected": c(p)(e) },
-        onClick: (E) => f(e)
+    }
+    function b(e) {
+      i.value.Discoverability || (i.value.Discoverability = {}), i.value.Discoverability.discoverabilityPage || (i.value.Discoverability.discoverabilityPage = [{ isValid: !0 }]);
+      const t = i.value.Discoverability.discoverabilityPage;
+      if (t.find((a) => a.id === e.id))
+        i.value.Discoverability.discoverabilityPage = t.filter((a) => a.id !== e.id);
+      else {
+        const a = {
+          id: e.id,
+          uri: e.resource,
+          label: e.pref_label.de
+        };
+        i.value.Discoverability.discoverabilityPage.push(a);
+      }
+      const r = i.value.Discoverability.discoverabilityPage.filter((a) => a.id), s = i.value.Discoverability.discoverabilityPage.find((a) => a.hasOwnProperty("isValid"));
+      s ? s.isValid = r.length > 0 : i.value.Discoverability.discoverabilityPage.unshift({ isValid: r.length > 0 }), console.log("Updated discoverabilityPage:", i.value.Discoverability.discoverabilityPage);
+    }
+    return m(() => {
+      p();
+    }), (e, t) => (c(), n("div", k, [
+      (c(!0), n(_, null, h(o.value, (l, r) => (c(), D(I, {
+        key: r,
+        text: l.pref_label.de,
+        data: { "@value": l.value, URI: l.URI },
+        setup: { "@type": "select", "@inTable": !1, "@findability": !0, "@selected": u(l) },
+        onClick: (s) => b(l)
       }, null, 8, ["text", "data", "setup", "onClick"]))), 128))
     ]));
   }
-}, V = /* @__PURE__ */ k(I, [["__scopeId", "data-v-3cc20246"]]);
+}, L = /* @__PURE__ */ x(V, [["__scopeId", "data-v-0071bef7"]]);
 export {
-  V as default
+  L as default
 };