@piveau/dpi 0.2.0-alpha.2 → 0.2.0-alpha.21

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

@@ -0,0 +1,93 @@
+import { defineComponent as v, ref as d, getCurrentInstance as g, computed as V, resolveComponent as R, createElementBlock as _, openBlock as c, createVNode as i, withCtx as u, createBlock as x } from "vue";
+import C from "../../../components/TempResPageInModal.vue.js";
+import "@formkit/core";
+import { useFormValues as I } from "../../../composables/useDpiFormValues.js";
+import A from "../../../components/Spatial.vue.js";
+const b = { class: "dpiV3_innerRapModalWrapper" }, w = /* @__PURE__ */ v({
+  __name: "CoverageModal",
+  props: {
+    context: Object,
+    newValues: Object
+  },
+  setup(m, { expose: f }) {
+    var s, p;
+    const n = d(null);
+    d([]), g().appContext.app.config.globalProperties.$env;
+    const { formValues: e } = I(), r = V({
+      get() {
+        var l, t, o;
+        return ((o = (t = (l = e.value.Additionals) == null ? void 0 : l["dct:spatial"]) == null ? void 0 : t.filter((a) => !(a.isValid && Object.keys(a).length === 1))) == null ? void 0 : o.map((a) => a["@id"])) || [];
+      },
+      set(l) {
+        e.value.Additionals || (e.value.Additionals = {}), e.value.Additionals["dct:spatial"] = [
+          ...l.map((t) => ({ "@id": t }))
+        ];
+      }
+    });
+    return ((p = (s = e.value.Covering) == null ? void 0 : s["dcat:temporalResolution"]) == null ? void 0 : p["dct:temporal"]) === void 0 && (e.value.Covering["dcat:temporalResolution"] = {
+      isValid: !0,
+      type: "dct:PeriodOfTime",
+      "dct:temporal": [
+        {
+          dataType: "date",
+          "dcat:startDate": "",
+          "dcat:endDate": ""
+        }
+      ]
+    }), d(), d({
+      "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(e), console.log({}), f({
+      validateAllItems: () => n.value && n.value.validateAllItems ? n.value.validateAllItems() : !1
+    }), (l, t) => {
+      const o = R("innerRapModalItem");
+      return c(), _("div", b, [
+        i(o, null, {
+          default: u(() => [
+            (c(), x(A, {
+              key: 1,
+              modelValue: r.value,
+              "onUpdate:modelValue": t[1] || (t[1] = (a) => r.value = a)
+            }, null, 8, ["modelValue"]))
+          ]),
+          _: 1
+        }),
+        i(o, null, {
+          default: u(() => [
+            i(C, {
+              ref_key: "tempResPageRef",
+              ref: n,
+              context: m.context,
+              inRap: !0,
+              class: "dpiV3_tempresCard"
+            }, null, 8, ["context"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  w as default
+};

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/SectionItems/CoverageModal.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CoverageModal.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,51 @@
+import { ref as e, getCurrentInstance as i, watch as u, onMounted as m, resolveComponent as f, createElementBlock as d, openBlock as v, createVNode as n, withCtx as _ } from "vue";
+import { getLicenses as b } from "../../services/dpiV3_apis.js";
+import g from "../../../components/DistributionSimplePage.vue.js";
+import "@formkit/core";
+import { useFormValues as h } from "../../../composables/useDpiFormValues.js";
+const x = { class: "dpiV3_innerRapModalWrapper" }, O = {
+  __name: "DistributionModal",
+  props: {
+    context: Object,
+    newValues: Object
+  },
+  setup(c) {
+    e(), e(""), e([]), i().appContext.app.config.globalProperties.$env;
+    let l = e([]);
+    const { formValues: a } = h();
+    return e(""), e(!1), e({ 1: !1, 2: !1 }), e([
+      { isValid: "unset", "dcterms:license": "", title: "", uri: "" }
+    ]), e(!1), u(a.value.DistributionSimple.length, (r) => {
+      a.value.DistributionSimple.length > 1 && console.log("halo"), console.log("halo Outer");
+    }), m(async () => {
+      const s = i().appContext.app.config.globalProperties.$env;
+      try {
+        const t = await b(s.api.baseUrl);
+        l.value = t.map((o) => ({
+          "@value": o.value,
+          label: o.label,
+          uri: o.uri
+        })), l.value.sort((o, p) => o["@value"].localeCompare(p["@value"]));
+      } catch (t) {
+        console.error("Failed to load licenses", t);
+      }
+    }), (r, s) => {
+      const t = f("innerRapModalItem");
+      return v(), d("div", x, [
+        n(t),
+        n(t, null, {
+          default: _(() => [
+            n(g, {
+              context: c.context,
+              inRap: !0
+            }, null, 8, ["context"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+export {
+  O as default
+};

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

@@ -0,0 +1,318 @@
+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 l, createVNode as s, createCommentVNode as d, unref as h, toDisplayString as n } from "vue";
+import p from "../InputField.vue.js";
+import x from "../TextAreaV3.vue.js";
+import { PhWarning as m } from "@phosphor-icons/vue";
+import { useFormValues as D } from "../../../composables/useDpiFormValues.js";
+/* empty css                     */
+import F from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const L = { class: "dpiV3_innerRapModalWrapper" }, O = { class: "dpiV3_innerRapModalWrapper__section" }, Z = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, j = { class: "copy-mini-regular" }, q = {
+  key: 1,
+  class: "dpiV3_field_error_text"
+}, G = { class: "copy-mini-regular" }, J = { class: "dpiV3_innerRapModalWrapper__section" }, K = { class: "headline-5 gap3BottomAsMargin" }, Q = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, X = { class: "copy-mini-regular" }, Y = {
+  key: 1,
+  class: "dpiV3_field_error_text"
+}, ee = { class: "copy-mini-regular" }, te = {
+  key: 2,
+  class: "dpiV3_field_error_text"
+}, re = { class: "copy-mini-regular" }, ae = { class: "dpiV3_innerRapModalWrapper__section" }, se = { class: "headline-5 gap3BottomAsMargin" }, le = {
+  key: 0,
+  class: "dpiV3_field_error_text"
+}, ie = { class: "copy-mini-regular" }, oe = {
+  key: 1,
+  class: "dpiV3_field_error_text"
+}, ne = { class: "copy-mini-regular" }, ue = {
+  key: 2,
+  class: "dpiV3_field_error_text"
+}, ce = { class: "copy-mini-regular" }, de = {
+  __name: "EssentialsModal",
+  props: /* @__PURE__ */ A({
+    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: ""
+    } },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(I, { expose: W }) {
+    R([]), z().appContext.app.config.globalProperties.$env;
+    const { formValues: he } = D(), e = H(I, "modelValue"), b = (t) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t.trim()), M = (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;
+    }, E = (t) => !t || !t.trim() ? !1 : t.trim().length >= 2, f = (t) => {
+      try {
+        const r = t.trim(), a = r.startsWith("http://") || r.startsWith("https://") ? r : `https://${r}`;
+        return new URL(a), !0;
+      } catch {
+        return !1;
+      }
+    }, g = (t) => !t || !t.trim() ? !1 : /[a-zA-Z0-9]/.test(t.trim()), v = (t) => t && t.trim().length > 0, i = (t, r) => {
+      switch (t) {
+        case "title":
+          return g(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 v(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 "publisherMail":
+          return r && r.trim() && !b(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() && !f(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 "publisherName":
+          return g(r) ? (e.value.showErrorPublisherName = !1, e.value.publisherNameErrorMessage = "", !0) : (e.value.showErrorPublisherName = !0, e.value.publisherNameErrorMessage = "Publisher-Name ist erforderlich und muss mindestens ein alphanumerisches Zeichen enthalten.", !1);
+        case "publisherMail":
+          return r && r.trim() && !b(r) ? (e.value.showErrorPublisherMail = !0, e.value.publisherMailErrorMessage = "Ungültige E-Mail-Adresse.", !1) : (e.value.showErrorPublisherMail = !1, e.value.publisherMailErrorMessage = "", !0);
+        case "publisherWebsite":
+          return r && r.trim() && !f(r) ? (e.value.showErrorPublisherWebsite = !0, e.value.publisherWebsiteErrorMessage = "Ungültige Website-URL.", !1) : (e.value.showErrorPublisherWebsite = !1, e.value.publisherWebsiteErrorMessage = "", !0);
+        case "contactPointName":
+          return E(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() && !b(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() && !M(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;
+      }
+    }, C = N(() => {
+      var P, w, V, _;
+      const t = g(e.value.title), r = v(e.value.description), a = g(e.value.publisherName), y = !((P = e.value.publisherMail) != null && P.trim()) || b(e.value.publisherMail), B = !((w = e.value.publisherWebsite) != null && w.trim()) || f(e.value.publisherWebsite), S = E(e.value.contactPointName), U = !((V = e.value.contactPointMail) != null && V.trim()) || b(e.value.contactPointMail), k = !((_ = e.value.contactPointPhone) != null && _.trim()) || M(e.value.contactPointPhone);
+      return t && r && a && y && B && S && 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 T = N(() => ({
+      title: !g(e.value.title),
+      description: !v(e.value.description),
+      publisherName: !g(e.value.publisherName),
+      publisherMail: e.value.publisherMail && e.value.publisherMail.trim() && !b(e.value.publisherMail),
+      publisherWebsite: e.value.publisherWebsite && e.value.publisherWebsite.trim() && !f(e.value.publisherWebsite),
+      contactPointName: !E(e.value.contactPointName),
+      // Now always validated
+      contactPointMail: e.value.contactPointMail && e.value.contactPointMail.trim() && !b(e.value.contactPointMail)
+    })), $ = () => {
+      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: C,
+      validationErrors: T,
+      getValidationErrorMessages: $,
+      validateField: i
+    }), (t, r) => (c(), u("div", L, [
+      l("div", O, [
+        s(p, {
+          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 ? (c(), u("div", Z, [
+          s(h(m), {
+            size: 16,
+            weight: "fill"
+          }),
+          l("span", j, n(e.value.titleErrorMessage), 1)
+        ])) : d("", !0),
+        s(x, {
+          class: "",
+          label: t.$t("message.metadata.description"),
+          modelValue: e.value.description,
+          "onUpdate:modelValue": r[1] || (r[1] = (a) => e.value.description = a)
+        }, null, 8, ["label", "modelValue"]),
+        e.value.showErrorDescription && e.value.descriptionErrorMessage ? (c(), u("div", q, [
+          s(h(m), {
+            size: 16,
+            weight: "fill"
+          }),
+          l("span", G, n(e.value.descriptionErrorMessage), 1)
+        ])) : d("", !0),
+        s(p, {
+          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",
+          initialHintText: !1
+        }, null, 8, ["label", "modelValue"])
+      ]),
+      l("div", J, [
+        l("h5", K, n(t.$t("message.metadata.publisher")), 1),
+        s(p, {
+          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 ? (c(), u("div", Q, [
+          s(h(m), {
+            size: 16,
+            weight: "fill"
+          }),
+          l("span", X, n(e.value.publisherNameErrorMessage), 1)
+        ])) : d("", !0),
+        s(p, {
+          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 ? (c(), u("div", Y, [
+          s(h(m), {
+            size: 16,
+            weight: "fill"
+          }),
+          l("span", ee, n(e.value.publisherMailErrorMessage), 1)
+        ])) : d("", !0),
+        s(p, {
+          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 ? (c(), u("div", te, [
+          s(h(m), {
+            size: 16,
+            weight: "fill"
+          }),
+          l("span", re, n(e.value.publisherWebsiteErrorMessage), 1)
+        ])) : d("", !0)
+      ]),
+      l("div", ae, [
+        l("h5", se, n(t.$t("message.header.subnav.contact")), 1),
+        s(p, {
+          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 ? (c(), u("div", le, [
+          s(h(m), {
+            size: 16,
+            weight: "fill"
+          }),
+          l("span", ie, n(e.value.contactPointNameErrorMessage), 1)
+        ])) : d("", !0),
+        s(p, {
+          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 ? (c(), u("div", oe, [
+          s(h(m), {
+            size: 16,
+            weight: "fill"
+          }),
+          l("span", ne, n(e.value.contactPointMailErrorMessage), 1)
+        ])) : d("", !0),
+        s(p, {
+          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 ? (c(), u("div", ue, [
+          s(h(m), {
+            size: 16,
+            weight: "fill"
+          }),
+          l("span", ce, n(e.value.contactPointPhoneErrorMessage), 1)
+        ])) : d("", !0)
+      ])
+    ]));
+  }
+}, Me = /* @__PURE__ */ F(de, [["__scopeId", "data-v-b37346f9"]]);
+export {
+  Me as default
+};

package/dist/packages/dpi/src/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
+};

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

@@ -0,0 +1,99 @@
+import { ref as o, onMounted as V, createElementBlock as y, openBlock as p, Fragment as D, createElementVNode as v, createVNode as w, createBlock as _, toDisplayString as S, getCurrentInstance as k } from "vue";
+import C from "../SwitchV3.vue.js";
+import F from "../Dropdown.vue.js";
+import { getHvdCategories as H } from "../../services/dpiV3_apis.js";
+import { useFormValues as x } from "../../../composables/useDpiFormValues.js";
+/* empty css               */
+const I = { class: "dpiV3_findabilitySwitchWrapper" }, P = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, W = {
+  __name: "HVDSwitch",
+  props: {
+    context: Object
+  },
+  setup(T) {
+    const { formValues: t } = x(), s = o(!1), c = o(0), r = o("");
+    o([{ isValid: !0 }]);
+    const i = o([]), f = o([]), b = (a) => {
+      if (s.value = a, !a) {
+        r.value = "";
+        const e = t.value.Discoverability;
+        e[Object.keys(e)[1]] = [{ isValid: !1 }], i.value.forEach((l) => l.selected = !1);
+      }
+    }, h = async () => {
+      try {
+        const a = k().appContext.app.config.globalProperties.$env, e = await H(a.api.baseUrl);
+        f.value = e, i.value = e.map((l) => ({
+          label: l.pref_label.de,
+          uri: l.resource,
+          "@value": l.pref_label.de,
+          selected: !1
+        })), m();
+      } catch (a) {
+        console.error("Error in component:", a);
+      }
+    }, m = () => {
+      var e, l, u;
+      const a = (u = (l = (e = t.value) == null ? void 0 : e.Discoverability) == null ? void 0 : l.hvdPage) == null ? void 0 : u[0];
+      if (a && a.isValid && a.label) {
+        s.value = !0;
+        const d = i.value.find(
+          (n) => n.label === a.label || n.uri === a.uri
+        );
+        d && (i.value.forEach((n) => n.selected = !1), d.selected = !0, r.value = d.label), c.value++;
+      }
+    }, g = (a) => {
+      const e = i.value.find(
+        (l) => l.label === a.target.innerHTML
+      );
+      if (e) {
+        t.value.DistributionSimple.hvdNotation === void 0 && (t.value.DistributionSimple.hvdNotation = {}), t.value.DistributionSimple.hvdNotation = {
+          hvdUri: e.uri
+        }, r.value = e.label;
+        const l = t.value.Discoverability;
+        l[Object.keys(l)[1]] = [
+          {
+            isValid: !0,
+            label: e.label,
+            uri: e.uri
+          }
+        ];
+      }
+    };
+    return V(() => {
+      h();
+    }), (a, e) => (p(), y(D, null, [
+      v("div", I, [
+        (p(), _(C, {
+          onSwitchToggled: b,
+          hasIcon: !1,
+          defaultChecked: s.value,
+          disabled: !1,
+          key: c.value
+        }, null, 8, ["defaultChecked"])),
+        v("div", P, S(a.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
+      ]),
+      w(F, {
+        dropdownWidth: "large",
+        isDisabled: !s.value,
+        type: "inputField",
+        inputFieldProps: {
+          isDisabled: !s.value,
+          addOnText: !1,
+          initialHintText: !1,
+          datePicker: !1,
+          infoIcon: !1,
+          preIcon: !1,
+          label: "HVD-Kategorie",
+          dropdown_dpiV3: !0,
+          placeholder: "Wählen Sie eine HVD-Kategorie",
+          inputFieldSize: "large"
+        },
+        data: i.value,
+        modelValue: r.value,
+        onClick: e[0] || (e[0] = (l) => g(l))
+      }, null, 8, ["isDisabled", "inputFieldProps", "data", "modelValue"])
+    ], 64));
+  }
+};
+export {
+  W as default
+};