@piveau/dpi 0.1.0-beta.9 → 0.1.0-beta.90

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

@@ -0,0 +1,126 @@
+import { ref as l, getCurrentInstance as _, resolveComponent as x, createElementBlock as C, openBlock as y, createVNode as n, withCtx as m, unref as f } from "vue";
+import { filterGeocodingURIs as T } from "../../services/dpiV3_apis.js";
+import w from "../Dropdown.vue.js";
+import h from "../../../components/TempResPageInModal.vue.js";
+import "@formkit/core";
+import { useFormValues as O } from "../../../composables/useDpiFormValues.js";
+const P = { class: "dpiV3_innerRapModalWrapper" }, S = {
+  __name: "CoverageModal",
+  props: {
+    context: Object,
+    newValues: Object
+  },
+  setup(g, { expose: v }) {
+    var d, c;
+    const a = l(null);
+    let i = l([]), V = _().appContext.app.config.globalProperties.$env, r;
+    const { formValues: t } = O();
+    ((c = (d = t.value.Covering) == null ? void 0 : d["dcat:temporalResolution"]) == null ? void 0 : c["dct:temporal"]) === void 0 && (t.value.Covering["dcat:temporalResolution"] = {
+      isValid: !0,
+      type: "dct:PeriodOfTime",
+      "dct:temporal": [
+        {
+          dataType: "date",
+          "dcat:startDate": "",
+          "dcat:endDate": ""
+        }
+      ]
+    }), l(), l({
+      "dcatde:politicalGeocodingURI": [
+        {
+          isValid: !0,
+          uri: "",
+          id: "",
+          label: "",
+          inVoc: ""
+        }
+      ],
+      "dcat:temporalResolution": [
+        {
+          isValid: !0,
+          type: "dct:PeriodOfTime",
+          "dct:temporal": [
+            {
+              dataType: "date",
+              "dcat:startDate": "",
+              "dcat:endDate": ""
+            }
+          ]
+        }
+      ]
+    }), console.log(t), console.log({});
+    const b = (e, o) => {
+      t.value.Covering[Object.keys(t.value.Covering)[0]] = [
+        {
+          isValid: !0,
+          uri: e.resource,
+          id: e.id,
+          label: e.alt_label.de,
+          inVoc: o
+        }
+      ];
+    }, I = async (e) => {
+      clearTimeout(r), r = setTimeout(async () => {
+        if (e !== "")
+          try {
+            console.log(e), i.value = await T(e, V.api.baseUrl);
+          } catch (o) {
+            console.log(o);
+          }
+      }, 500);
+    };
+    return v({
+      validateAllItems: () => a.value && a.value.validateAllItems ? a.value.validateAllItems() : !1
+    }), (e, o) => {
+      const s = x("innerRapModalItem");
+      return y(), C("div", P, [
+        n(s, null, {
+          default: m(() => {
+            var p, u;
+            return [
+              n(w, {
+                dropdownWidth: "large",
+                type: "inputField",
+                onInput: o[0] || (o[0] = (R) => I(R)),
+                inputFieldProps: {
+                  addOnText: !1,
+                  initialHintText: !1,
+                  datePicker: !1,
+                  infoIcon: !1,
+                  preIcon: !0,
+                  showEndIcon: !1,
+                  label: "Geopolitische Abdeckung (optional)",
+                  dropdown_dpiV3: !0,
+                  placeholder: "Geben Sie die geopolitische Abdeckung ein..",
+                  inputFieldSize: "large",
+                  autocomplete: "true"
+                },
+                onValueSent: b,
+                data: f(i),
+                multi: "true",
+                autocomplete: !0,
+                modelValue: (u = (p = f(t).Covering) == null ? void 0 : p["dcatde:politicalGeocodingURI"]) == null ? void 0 : u[0].label
+              }, null, 8, ["data", "modelValue"])
+            ];
+          }),
+          _: 1
+        }),
+        n(s, null, {
+          default: m(() => [
+            n(h, {
+              ref_key: "tempResPageRef",
+              ref: a,
+              context: g.context,
+              inRap: !0,
+              class: "dpiV3_tempresCard"
+            }, null, 8, ["context"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+export {
+  S as default
+};

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

@@ -0,0 +1,68 @@
+import { ref as i, getCurrentInstance as d, watch as h, onMounted as v, computed as _, resolveComponent as V, createElementBlock as x, openBlock as D, createVNode as r, withCtx as M } from "vue";
+import { getLicenses as y } from "../../services/dpiV3_apis.js";
+import R from "../../../components/DistributionSimplePage.vue.js";
+import "@formkit/core";
+import { useFormValues as A } from "../../../composables/useDpiFormValues.js";
+const C = { class: "dpiV3_innerRapModalWrapper" }, E = {
+  __name: "DistributionModal",
+  props: {
+    context: Object,
+    newValues: Object
+  },
+  setup(m, { expose: f }) {
+    i(), i(""), i([]), d().appContext.app.config.globalProperties.$env;
+    let a = i([]);
+    const { formValues: o } = A();
+    i(""), i(!1), i({ 1: !1, 2: !1 }), i([
+      { isValid: "unset", "dcterms:license": "", title: "", uri: "" }
+    ]), i(!1), h(o.value.DistributionSimple.length, (e) => {
+      o.value.DistributionSimple.length > 1 && console.log("halo"), console.log("halo Outer");
+    }), v(async () => {
+      const s = d().appContext.app.config.globalProperties.$env;
+      try {
+        const t = await y(s.api.baseUrl);
+        a.value = t.map((n) => ({
+          "@value": n.value,
+          label: n.label,
+          uri: n.uri
+        })), a.value.sort((n, l) => n["@value"].localeCompare(l["@value"]));
+      } catch (t) {
+        console.error("Failed to load licenses", t);
+      }
+    });
+    const g = _(() => {
+      var s, t;
+      const e = (t = (s = o.value) == null ? void 0 : s.DistributionSimple) == null ? void 0 : t["dcat:distribution"];
+      return !e || !Array.isArray(e) || e.length === 0 ? !1 : e.every((n) => n.isValid === !0);
+    });
+    return f({
+      isValid: g,
+      getValidationErrorMessages: () => {
+        var t, n;
+        const e = (n = (t = o.value) == null ? void 0 : t.DistributionSimple) == null ? void 0 : n["dcat:distribution"], s = [];
+        return !e || !Array.isArray(e) || e.length === 0 ? s.push("Bitte fügen Sie mindestens eine Distribution hinzu.") : e.some((b) => {
+          var u, p;
+          const c = (p = (u = b["dcat:accessURL"]) == null ? void 0 : u[0]) == null ? void 0 : p["@value"];
+          return !c || c.length === 0;
+        }) && s.push("Alle Distributionen müssen eine Zugriffs-URL (Access URL) haben."), s;
+      }
+    }), (e, s) => {
+      const t = V("innerRapModalItem");
+      return D(), x("div", C, [
+        r(t),
+        r(t, null, {
+          default: M(() => [
+            r(R, {
+              context: m.context,
+              inRap: !0
+            }, null, 8, ["context"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+export {
+  E as default
+};

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

@@ -0,0 +1,363 @@
+import { mergeModels as H, ref as R, getCurrentInstance as z, useModel as x, computed as W, watch as l, createElementBlock as u, openBlock as d, createElementVNode as s, createVNode as i, createCommentVNode as h, unref as p, toDisplayString as n } from "vue";
+import g from "../InputField.vue.js";
+import F from "../TextAreaV3.vue.js";
+import { PhWarning as m } from "@phosphor-icons/vue";
+import "@formkit/core";
+import "@formkit/vue";
+import { useFormValues as O } from "../../../composables/useDpiFormValues.js";
+/* empty css                     */
+import Y from "../../../../_virtual/_plugin-vue_export-helper.js";
+const Z = { class: "dpiV3_innerRapModalWrapper" }, L = { class: "dpiV3_innerRapModalWrapper__section" }, j = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, q = { class: "copy-mini-regular" }, J = { class: "topSpacing" }, G = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, K = { class: "copy-mini-regular" }, Q = { class: "topSpacing" }, X = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, ee = { class: "copy-mini-regular" }, te = { class: "dpiV3_innerRapModalWrapper__section" }, re = { class: "headline-5 gap3BottomAsMargin" }, ae = { class: "topSpacing" }, se = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, ie = { class: "copy-mini-regular" }, oe = { class: "topSpacing" }, le = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, ne = { class: "copy-mini-regular" }, ue = { class: "topSpacing" }, de = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, ce = { class: "copy-mini-regular" }, he = { class: "dpiV3_innerRapModalWrapper__section" }, pe = { class: "headline-5 gap3BottomAsMargin" }, me = { class: "topSpacing" }, ge = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, fe = { class: "copy-mini-regular" }, ve = { class: "topSpacing" }, Ee = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, be = { class: "copy-mini-regular" }, Me = { class: "topSpacing" }, Pe = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, we = { class: "copy-mini-regular" }, _e = {
+  __name: "EssentialsModal",
+  props: /* @__PURE__ */ H({
+    context: Object,
+    newValues: Object
+  }, {
+    modelValue: { default: {
+      title: "",
+      description: "",
+      modified: "",
+      publisherName: "",
+      publisherMail: "",
+      publisherWebsite: "",
+      contactPointName: "",
+      contactPointMail: "",
+      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: "",
+      modified: "",
+      showErrorModified: !1,
+      modifiedErrorMessage: ""
+    } },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(S, { expose: y }) {
+    R([]), z().appContext.app.config.globalProperties.$env;
+    const { formValues: Ve } = O(), e = x(S, "modelValue"), f = (t) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t.trim()), w = (t) => {
+      if (!t || t.trim() === "")
+        return !0;
+      const r = t.replace(/[\s\-().]/g, "");
+      if (!/^[+]?\d+$/.test(r))
+        return !1;
+      const a = r.replace(/\D/g, "");
+      return a.length >= 6 && a.length <= 15;
+    }, b = (t) => !t || !t.trim() ? !1 : t.trim().length >= 2, M = (t) => {
+      try {
+        const r = t.trim(), a = r.startsWith("http://") || r.startsWith("https://") ? r : `https://${r}`;
+        return new URL(a), !0;
+      } catch {
+        return !1;
+      }
+    }, D = (t) => {
+      if (!t) return !1;
+      const r = new Date(t);
+      if (isNaN(r.getTime())) return !1;
+      const a = r.getFullYear(), c = /* @__PURE__ */ new Date();
+      c.setHours(0, 0, 0, 0);
+      const E = new Date(r);
+      return E.setHours(0, 0, 0, 0), a >= 1950 && E <= c;
+    }, v = (t) => !t || !t.trim() ? !1 : /[a-zA-Z0-9]/.test(t.trim()), P = (t) => t && t.trim().length > 0, o = (t, r) => {
+      switch (t) {
+        case "title":
+          return v(r) ? (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 P(r) ? (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 "modified":
+          if (!r)
+            return e.value.showErrorModified = !0, e.value.modifiedErrorMessage = "Bitte geben Sie ein Aktualisierungsdatum ein.", !1;
+          const a = new Date(r), c = /* @__PURE__ */ new Date();
+          return new Date(a.getFullYear(), a.getMonth(), a.getDate()), new Date(c.getFullYear(), c.getMonth(), c.getDate()), isNaN(a.getTime()) ? (e.value.showErrorModified = !0, e.value.modifiedErrorMessage = "Bitte geben Sie ein gültiges Datum ein.", !1) : a.getFullYear() < 1950 ? (e.value.showErrorModified = !0, e.value.modifiedErrorMessage = "Das Jahr darf nicht vor 1950 liegen.", !1) : a > c ? (e.value.showErrorModified = !0, e.value.modifiedErrorMessage = "Das Datum darf nicht in der Zukunft liegen.", !1) : (e.value.showErrorModified = !1, e.value.modifiedErrorMessage = "", !0);
+        case "publisherName":
+          return v(r) ? (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 !r || !r.trim() || !f(r) ? (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 !r || !r.trim() || !M(r) ? (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 b(r) ? (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 !r || !r.trim() || !f(r) ? (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 r && r.trim() && !w(r) ? (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;
+      }
+    }, T = W(() => {
+      var _, V, N, I;
+      const t = v(e.value.title), r = P(e.value.description), a = D(e.value.modified), c = v(e.value.publisherName), E = ((_ = e.value.publisherMail) == null ? void 0 : _.trim()) && f(e.value.publisherMail), $ = ((V = e.value.publisherWebsite) == null ? void 0 : V.trim()) && M(e.value.publisherWebsite), k = b(e.value.contactPointName), U = ((N = e.value.contactPointMail) == null ? void 0 : N.trim()) && f(e.value.contactPointMail), A = !((I = e.value.contactPointPhone) != null && I.trim()) || w(e.value.contactPointPhone);
+      return t && r && c && E && $ && k && U && A && a;
+    });
+    l(() => e.value.title, (t) => o("title", t)), l(() => e.value.description, (t) => o("description", t)), l(() => e.value.publisherName, (t) => o("publisherName", t)), l(() => e.value.publisherMail, (t) => o("publisherMail", t)), l(() => e.value.publisherWebsite, (t) => o("publisherWebsite", t)), l(() => e.value.contactPointMail, (t) => o("contactPointMail", t)), l(() => e.value.contactPointName, (t) => o("contactPointName", t)), l(() => e.value.contactPointMail, (t) => o("contactPointMail", t)), l(() => e.value.contactPointPhone, (t) => o("contactPointPhone", t)), l(() => e.value.modified, (t) => o("modified", t));
+    const B = W(() => {
+      var t, r, a;
+      return {
+        title: !v(e.value.title),
+        description: !P(e.value.description),
+        publisherName: !v(e.value.publisherName),
+        publisherMail: !((t = e.value.publisherMail) != null && t.trim()) || !f(e.value.publisherMail),
+        publisherWebsite: !((r = e.value.publisherWebsite) != null && r.trim()) || !M(e.value.publisherWebsite),
+        contactPointName: !b(e.value.contactPointName),
+        // Now always validated
+        contactPointMail: !((a = e.value.contactPointMail) != null && a.trim()) || !f(e.value.contactPointMail)
+      };
+    }), C = () => {
+      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), e.value.showErrorModified && t.push(e.value.modifiedErrorMessage), t.length > 0 ? t : ["Bitte füllen Sie alle erforderlichen Felder korrekt aus."];
+    };
+    return l(() => e.value, () => {
+    }, { deep: !0 }), y({
+      isValid: T,
+      validationErrors: B,
+      getValidationErrorMessages: C,
+      validateField: o
+    }), (t, r) => (d(), u("div", Z, [
+      s("div", L, [
+        i(g, {
+          class: "",
+          label: t.$t("message.metadata.title"),
+          modelValue: e.value.title,
+          "onUpdate:modelValue": r[0] || (r[0] = (a) => e.value.title = a),
+          placeholder: "",
+          infoIcon: !1,
+          preIcon: !1,
+          initialHintText: !1,
+          showEndIcon: !1,
+          showError: e.value.showErrorTitle
+        }, null, 8, ["label", "modelValue", "showError"]),
+        e.value.showErrorTitle && e.value.titleErrorMessage ? (d(), u("div", j, [
+          i(p(m), {
+            size: 16,
+            weight: "fill"
+          }),
+          s("span", q, n(e.value.titleErrorMessage), 1)
+        ])) : h("", !0),
+        s("div", J, [
+          i(F, {
+            class: "",
+            label: t.$t("message.metadata.description"),
+            modelValue: e.value.description,
+            "onUpdate:modelValue": r[1] || (r[1] = (a) => e.value.description = a),
+            showError: e.value.showErrorDescription
+          }, null, 8, ["label", "modelValue", "showError"]),
+          e.value.showErrorDescription && e.value.descriptionErrorMessage ? (d(), u("div", G, [
+            i(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", K, n(e.value.descriptionErrorMessage), 1)
+          ])) : h("", !0)
+        ]),
+        s("div", Q, [
+          i(g, {
+            label: t.$t("message.dataupload.datasets.rap.essentials.modifiedHeader"),
+            infoIcon: !1,
+            preIcon: !1,
+            datePicker: !0,
+            showEndIcon: !1,
+            modelValue: e.value.modified,
+            "onUpdate:modelValue": r[2] || (r[2] = (a) => e.value.modified = a),
+            defaultInput: !0,
+            inputType: "date",
+            showError: e.value.showErrorModified,
+            initialHintText: !1
+          }, null, 8, ["label", "modelValue", "showError"]),
+          e.value.showErrorModified && e.value.modifiedErrorMessage ? (d(), u("div", X, [
+            i(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", ee, n(e.value.modifiedErrorMessage), 1)
+          ])) : h("", !0)
+        ])
+      ]),
+      s("div", te, [
+        s("h5", re, n(t.$t("message.metadata.publisher")), 1),
+        s("div", ae, [
+          i(g, {
+            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": r[3] || (r[3] = (a) => e.value.publisherName = a),
+            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 ? (d(), u("div", se, [
+            i(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", ie, n(e.value.publisherNameErrorMessage), 1)
+          ])) : h("", !0)
+        ]),
+        s("div", oe, [
+          i(g, {
+            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": r[4] || (r[4] = (a) => e.value.publisherMail = a),
+            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 ? (d(), u("div", le, [
+            i(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", ne, n(e.value.publisherMailErrorMessage), 1)
+          ])) : h("", !0)
+        ]),
+        s("div", ue, [
+          i(g, {
+            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": r[5] || (r[5] = (a) => e.value.publisherWebsite = a),
+            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 ? (d(), u("div", de, [
+            i(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", ce, n(e.value.publisherWebsiteErrorMessage), 1)
+          ])) : h("", !0)
+        ])
+      ]),
+      s("div", he, [
+        s("h5", pe, n(t.$t("message.header.subnav.contact")), 1),
+        s("div", me, [
+          i(g, {
+            modelValue: e.value.contactPointName,
+            "onUpdate:modelValue": r[6] || (r[6] = (a) => e.value.contactPointName = a),
+            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 ? (d(), u("div", ge, [
+            i(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", fe, n(e.value.contactPointNameErrorMessage), 1)
+          ])) : h("", !0)
+        ]),
+        s("div", ve, [
+          i(g, {
+            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": r[7] || (r[7] = (a) => e.value.contactPointMail = a),
+            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 ? (d(), u("div", Ee, [
+            i(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", be, n(e.value.contactPointMailErrorMessage), 1)
+          ])) : h("", !0)
+        ]),
+        s("div", Me, [
+          i(g, {
+            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": r[8] || (r[8] = (a) => e.value.contactPointPhone = a),
+            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 ? (d(), u("div", Pe, [
+            i(p(m), {
+              size: 16,
+              weight: "fill"
+            }),
+            s("span", we, n(e.value.contactPointPhoneErrorMessage), 1)
+          ])) : h("", !0)
+        ])
+      ])
+    ]));
+  }
+}, $e = /* @__PURE__ */ Y(_e, [["__scopeId", "data-v-ea4362eb"]]);
+export {
+  $e as default
+};

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

@@ -0,0 +1,62 @@
+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 x from "../../../../_virtual/_plugin-vue_export-helper.js";
+const k = { class: "dpiV3_fChipWrap" }, V = {
+  __name: "FindabilityChips",
+  props: {
+    context: Object
+  },
+  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 v.value.find((t) => t.id === e.id);
+      } catch {
+        return !1;
+      }
+    };
+    async function p() {
+      try {
+        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);
+      }
+    }
+    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))
+    ]));
+  }
+}, L = /* @__PURE__ */ x(V, [["__scopeId", "data-v-0071bef7"]]);
+export {
+  L as default
+};