@piveau/dpi 0.1.0-beta.10

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

@@ -0,0 +1,248 @@
+import { ref as k, getCurrentInstance as U, resolveComponent as x, createElementBlock as w, openBlock as r, Fragment as F, createVNode as v, withCtx as V, createTextVNode as j, toDisplayString as N, createCommentVNode as i, createBlock as u, renderList as S, unref as c, isRef as $, createElementVNode as L } from "vue";
+import C from "../ButtonV3.vue.js";
+import g from "../InputField.vue.js";
+import D from "../TextAreaV3.vue.js";
+import O from "../Dropdown.vue.js";
+import "@formkit/core";
+import { getOptionalURIs as R } from "../../services/dpiV3_apis.js";
+import { useFormValues as G } from "../../../composables/useDpiFormValues.js";
+/* empty css                         */
+const M = { class: "dpiV3_actionButtonWrap" }, le = {
+  __name: "AdditionalsSubModal",
+  props: {
+    context: Object,
+    item: Object
+  },
+  setup(l, { emit: E }) {
+    const P = E;
+    let m = k([{}]), h = k([]), o = k(), H = U().appContext.app.config.globalProperties.$env;
+    const { formValues: W } = G(), B = l, z = () => {
+      P("goBack", !1);
+    }, s = (n, t, f) => {
+      console.log("######## Ident", t, n, f), n.target.value != "" && (m.value[0][t] = n.target.value), t === "@id" && n.target.value != "" && (m.value[0][t] = "https://" + n.target.value);
+    }, T = (n) => (console.log(n), o.value = n.pref_label.de, m.value = [
+      { "@value": n.pref_label.de, uri: n.resource }
+    ], n), y = async (n, t, f) => {
+      if (f === "select") {
+        let p = k([]);
+        if (n.forEach((d) => {
+          p.value.push({ "@value": d, selected: !1 });
+        }), t !== "")
+          try {
+            h.value = p.value;
+          } catch (d) {
+            console.log(d);
+          }
+      }
+      if (f === "auto") {
+        let p = k(await R(t, H.api.baseUrl, n));
+        if (console.log(p.value), t !== "")
+          try {
+            const d = {
+              label: p.value.filter((I) => {
+                const e = I.pref_label.de || I.pref_label.en;
+                return e && e.includes(t);
+              })
+            };
+            d.uri = p.value.filter((I) => I.resource), // console.log(result);
+            h.value = d.label;
+          } catch (d) {
+            console.log(d);
+          }
+      }
+    }, A = () => {
+      W.value.Additionals[B.item.name] = m.value, P("sst", "close"), console.log(m);
+    };
+    return (n, t) => {
+      const f = x("additionalText"), p = x("itemWrapperAdditionals"), d = x("activeItem"), I = x("interaction");
+      return r(), w(F, null, [
+        v(f, null, {
+          default: V(() => [
+            j(N(l.item.help), 1)
+          ]),
+          _: 1
+        }),
+        v(d, null, {
+          default: V(() => [
+            l.item.$formkit === "repeatable" ? (r(!0), w(F, { key: 0 }, S(l.item.children[0].children, (e, b) => (r(), u(p, null, {
+              default: V(() => [
+                e.$formkit === "url" ? (r(), u(g, {
+                  key: 0,
+                  label: e.label,
+                  placeholder: l.item.placeholder,
+                  addOnText: !0,
+                  infoIcon: !1,
+                  preIcon: !1,
+                  showEndIcon: !1,
+                  onInput: (a) => s(a, e.name, b),
+                  initialHintText: !1
+                }, null, 8, ["label", "placeholder", "onInput"])) : i("", !0),
+                e.$formkit === "text" ? (r(), u(g, {
+                  key: 1,
+                  label: e.label,
+                  placeholder: l.item.placeholder,
+                  infoIcon: !1,
+                  preIcon: !1,
+                  showEndIcon: !1,
+                  onInput: (a) => s(a, e.name, b),
+                  initialHintText: !1,
+                  "model-value": c(m).value
+                }, null, 8, ["label", "placeholder", "onInput", "model-value"])) : i("", !0),
+                e.$formkit === "select" && e.identifier !== "language" ? (r(), u(O, {
+                  key: 2,
+                  dropdownWidth: "large",
+                  type: "inputField",
+                  onInput: (a) => y(
+                    Object.values(e.options),
+                    a,
+                    e.$formkit
+                  ),
+                  modelValue: c(o),
+                  "onUpdate:modelValue": t[0] || (t[0] = (a) => $(o) ? o.value = a : o = a),
+                  inputFieldProps: {
+                    addOnText: !1,
+                    initialHintText: !1,
+                    datePicker: !1,
+                    infoIcon: !1,
+                    preIcon: !1,
+                    label: e.label,
+                    dropdown_dpiV3: !0,
+                    placeholder: e.placeholder,
+                    inputFieldSize: "large",
+                    autocomplete: "true",
+                    modelValue: c(o)
+                  },
+                  onValueSent: T,
+                  data: c(h),
+                  autocomplete: !0
+                }, null, 8, ["onInput", "modelValue", "inputFieldProps", "data"])) : i("", !0),
+                e.$formkit === "auto" ? (r(), u(O, {
+                  key: 3,
+                  dropdownWidth: "large",
+                  type: "inputField",
+                  onInput: (a) => y(
+                    Object.values(e.options),
+                    a,
+                    e.$formkit
+                  ),
+                  modelValue: c(o),
+                  "onUpdate:modelValue": t[1] || (t[1] = (a) => $(o) ? o.value = a : o = a),
+                  inputFieldProps: {
+                    addOnText: !1,
+                    initialHintText: !1,
+                    datePicker: !1,
+                    infoIcon: !1,
+                    preIcon: !1,
+                    label: e.label,
+                    dropdown_dpiV3: !0,
+                    placeholder: e.placeholder,
+                    inputFieldSize: "large",
+                    autocomplete: "true",
+                    modelValue: c(o)
+                  },
+                  onValueSent: T,
+                  data: c(h),
+                  autocomplete: !0
+                }, null, 8, ["onInput", "modelValue", "inputFieldProps", "data"])) : i("", !0),
+                e.$formkit === "textarea" ? (r(), u(D, {
+                  key: 4,
+                  label: e.label,
+                  placeholder: l.item.placeholder,
+                  infoIcon: !1,
+                  preIcon: !1,
+                  showEndIcon: !1,
+                  onInput: (a) => s(a, e.name, b),
+                  initialHintText: !1
+                }, null, 8, ["label", "placeholder", "onInput"])) : i("", !0),
+                e.$formkit === "email" ? (r(), u(g, {
+                  key: 5,
+                  label: e.label,
+                  placeholder: l.item.placeholder,
+                  addOnText: !1,
+                  infoIcon: !1,
+                  preIcon: !1,
+                  showEndIcon: !1,
+                  onInput: (a) => s(a, e.name, b),
+                  initialHintText: !1
+                }, null, 8, ["label", "placeholder", "onInput"])) : i("", !0)
+              ]),
+              _: 2
+            }, 1024))), 256)) : i("", !0),
+            l.item.$formkit != "repeatable" || l.item.$formkit != "group" ? (r(), u(p, { key: 1 }, {
+              default: V(() => [
+                l.item.$formkit === "simpleInput" ? (r(), u(g, {
+                  key: 0,
+                  label: l.item.label,
+                  placeholder: l.item.placeholder,
+                  infoIcon: !1,
+                  preIcon: !1,
+                  showEndIcon: !1,
+                  onInput: t[2] || (t[2] = (e) => s(e, "@value", 1)),
+                  initialHintText: !1,
+                  "model-value": c(m).value
+                }, null, 8, ["label", "placeholder", "model-value"])) : i("", !0),
+                l.item.$formkit === "formkitGroup" ? (r(!0), w(F, { key: 1 }, S(l.item.children, (e, b) => (r(), u(g, {
+                  label: e.label,
+                  placeholder: l.item.placeholder,
+                  infoIcon: !1,
+                  preIcon: !1,
+                  showEndIcon: !1,
+                  onInput: (a) => s(a, e.name, b),
+                  initialHintText: !1
+                }, null, 8, ["label", "placeholder", "onInput"]))), 256)) : i("", !0),
+                l.item.$formkit === "auto" ? (r(), u(O, {
+                  key: 2,
+                  dropdownWidth: "large",
+                  type: "inputField",
+                  onInput: t[3] || (t[3] = (e) => y(l.item.voc, e, l.item.$formkit)),
+                  modelValue: c(o),
+                  "onUpdate:modelValue": t[4] || (t[4] = (e) => $(o) ? o.value = e : o = e),
+                  inputFieldProps: {
+                    addOnText: !1,
+                    initialHintText: !1,
+                    datePicker: !1,
+                    infoIcon: !1,
+                    preIcon: !1,
+                    label: l.item.label,
+                    dropdown_dpiV3: !0,
+                    placeholder: l.item.placeholder,
+                    inputFieldSize: "large",
+                    autocomplete: "true",
+                    modelValue: c(o)
+                  },
+                  onChosenVocItem: T,
+                  data: c(h),
+                  autocomplete: !0
+                }, null, 8, ["modelValue", "inputFieldProps", "data"])) : i("", !0)
+              ]),
+              _: 1
+            })) : i("", !0)
+          ]),
+          _: 1
+        }),
+        v(I, { class: "dpiV3_interactionWrap" }, {
+          default: V(() => [
+            L("div", M, [
+              v(C, {
+                onClick: z,
+                buttonText: "Zurück",
+                size: "large",
+                iconStart: "CaretLeft",
+                variant: "tertiary"
+              }),
+              v(C, {
+                onClick: A,
+                buttonText: "Speichern",
+                size: "large"
+              })
+            ])
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+};
+export {
+  le as default
+};

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

@@ -0,0 +1,79 @@
+import { ref as u, getCurrentInstance as v, resolveComponent as _, createElementBlock as V, openBlock as C, createVNode as l, withCtx as p, unref as r } from "vue";
+import { filterGeocodingURIs as x } from "../../services/dpiV3_apis.js";
+import I from "../Dropdown.vue.js";
+import h from "../../../components/TempResPage.vue.js";
+import { getNode as t } from "@formkit/core";
+const j = { class: "dpiV3_innerRapModalWrapper" }, T = {
+  __name: "CoverageModal",
+  props: {
+    context: Object,
+    newValues: Object
+  },
+  setup(d) {
+    let i = u([]), m = v().appContext.app.config.globalProperties.$env, c;
+    console.log(t("Covering").value[Object.keys(t("Covering").value)[0]][0].label);
+    let f = u(t("BasicInfos").value);
+    const s = {};
+    Object.values(f.value).forEach((e, o) => {
+      const { isValid: n, ...a } = e;
+      s[`obj${o + 1}`] = a;
+    }), console.log(s);
+    const g = (e, o) => {
+      t("Covering").value[Object.keys(t("Covering").value)[0]] = [{ isValid: !0, uri: e.resource, id: e.id, label: e.alt_label.de, inVoc: o }];
+    }, b = async (e) => {
+      clearTimeout(c), c = setTimeout(async () => {
+        if (e !== "")
+          try {
+            console.log(e), i.value = await x(e, m.api.baseUrl);
+          } catch (o) {
+            console.log(o);
+          }
+      }, 500);
+    };
+    return (e, o) => {
+      const n = _("innerRapModalItem");
+      return C(), V("div", j, [
+        l(n, null, {
+          default: p(() => [
+            l(I, {
+              dropdownWidth: "large",
+              type: "inputField",
+              onInput: o[0] || (o[0] = (a) => b(a)),
+              inputFieldProps: {
+                addOnText: !1,
+                initialHintText: !1,
+                datePicker: !1,
+                infoIcon: !1,
+                preIcon: !1,
+                label: "Geopolitische Abdeckung",
+                dropdown_dpiV3: !0,
+                placeholder: "Geben Sie die geopolitische Abdeckung ein..",
+                inputFieldSize: "large",
+                autocomplete: "true"
+              },
+              onValueSent: g,
+              data: r(i),
+              multi: "true",
+              autocomplete: !0,
+              modelValue: r(t)("Covering").value[Object.keys(r(t)("Covering").value)[0]][0].label
+            }, null, 8, ["data", "modelValue"])
+          ]),
+          _: 1
+        }),
+        l(n, null, {
+          default: p(() => [
+            l(h, {
+              context: d.context,
+              inRap: !0,
+              class: "dpiV3_tempresCard"
+            }, null, 8, ["context"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+export {
+  T as default
+};

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

@@ -0,0 +1,116 @@
+import { ref as n, getCurrentInstance as _, watch as E, onMounted as N, resolveComponent as O, createElementBlock as j, openBlock as T, createVNode as p, withCtx as B, unref as u, isRef as H } from "vue";
+import { getLicenses as U } from "../../services/dpiV3_apis.js";
+import W from "../Dropdown.vue.js";
+import $ from "../../../components/DistributionSimplePage.vue.js";
+import "@formkit/core";
+import A from "../InputField.vue.js";
+import { useFormValues as q } from "../../../composables/useDpiFormValues.js";
+const G = { class: "dpiV3_innerRapModalWrapper" }, le = {
+  __name: "DistributionModal",
+  props: {
+    context: Object,
+    newValues: Object
+  },
+  setup(P) {
+    n();
+    let c = n("");
+    n([]), _().appContext.app.config.globalProperties.$env;
+    let s = n([]);
+    const { formValues: o } = q(), v = n("");
+    let k = n(!1), f = n({ 1: !1, 2: !1 });
+    const r = n([
+      { isValid: "unset", "dcterms:license": "", title: "", uri: "" }
+    ]), R = (e, l, t) => {
+      b(e, l, t);
+    }, y = (e) => {
+      const l = typeof e == "object" && e.target ? e.target.value : e;
+      b(l, "dcterms:license", 1);
+    }, b = (e, l, t, a) => {
+      const m = e === "" || s.value.some((i) => i["@value"] === e);
+      let d = n();
+      s.value.some((i) => i["@value"] === e) && (d.value = s.value.find(
+        (i) => i["@value"] === e
+      ).label), !m && e !== "" ? (v.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste", f.value[t] = !1, r.value[0].isValid = !1) : (v.value = "", k.value = e !== "", e !== "" ? (f.value[t] = !0, e !== "" && f.value[2] && (r.value[0].isValid = !0)) : (f.value[t] = !1, r.value[0].isValid = !1), r.value = r.value.map((i) => l in i ? { ...i, [l]: e, uri: a, title: d } : i)), console.log(o.value.DistributionSimple), o.value.DistributionSimple["dct:license"] = r.value;
+    };
+    return E(c, (e) => {
+      console.log("##############");
+      let l = s.value.find(
+        (t) => t["@value"] === e
+      ).uri;
+      e !== void 0 && b(e, "dcterms:license", 1, l);
+    }), N(async () => {
+      const l = _().appContext.app.config.globalProperties.$env;
+      console.log("halloo?");
+      try {
+        const t = await U(l.api.baseUrl);
+        s.value = t.map((a) => ({
+          "@value": a.value,
+          label: a.label,
+          uri: a.uri
+        })), console.log(s.value);
+      } catch (t) {
+        console.error("Failed to load licenses", t);
+      }
+    }), (e, l) => {
+      const t = O("innerRapModalItem");
+      return T(), j("div", G, [
+        p(t, null, {
+          default: B(() => {
+            var a, m, d, i, h, D, V, w, I, L, x, z, S, C, F, M;
+            return [
+              p(W, {
+                "onUpdate:modelValue": [
+                  l[0] || (l[0] = (g) => R(g, "dcterms:license", 1)),
+                  l[1] || (l[1] = (g) => H(c) ? c.value = g : c = g)
+                ],
+                dropdownWidth: "large",
+                onInput: y,
+                type: "inputField",
+                modelValue: u(c),
+                inputFieldProps: {
+                  addOnText: !1,
+                  initialHintText: !1,
+                  datePicker: !1,
+                  infoIcon: !1,
+                  preIcon: !1,
+                  label: "Lizenz",
+                  dropdown_dpiV3: !0,
+                  placeholder: ((h = (i = (d = (m = (a = u(o).DistributionSimple) == null ? void 0 : a["dcat:distribution"]) == null ? void 0 : m[0]) == null ? void 0 : d["dct:license"]) == null ? void 0 : i[0]) == null ? void 0 : h["dcterms:license"]) || ((w = (V = (D = u(o).DistributionSimple) == null ? void 0 : D["dct:license"]) == null ? void 0 : V[0]) == null ? void 0 : w["dcterms:license"]) || "Lizenz wählen...",
+                  inputFieldSize: "large",
+                  defaultInput: !0,
+                  showError: !1
+                },
+                data: u(s),
+                onDeleteButtonClicked: e.deleteModifiedField,
+                class: "gap5BottomAsMargin"
+              }, null, 8, ["modelValue", "inputFieldProps", "data", "onDeleteButtonClicked"]),
+              p(A, {
+                label: e.$t("message.metadata.publisher"),
+                infoIcon: !1,
+                preIcon: !1,
+                initialHintText: !0,
+                "supporting-hint-message": "Dieser Namensnennungstext stellt sicher, dass die Lizenzbedingungen eingehalten werden.",
+                showEndIcon: !1,
+                placeholder: ((x = (L = (I = u(o).DistributionSimple) == null ? void 0 : I["dct:license"]) == null ? void 0 : L[0]) == null ? void 0 : x.title) || ((M = (F = (C = (S = (z = u(o).DistributionSimple) == null ? void 0 : z["dcat:distribution"]) == null ? void 0 : S[0]) == null ? void 0 : C["dct:license"]) == null ? void 0 : F[0]) == null ? void 0 : M.title) || "Name des Datenbereitstellers",
+                isDisabled: !0
+              }, null, 8, ["label", "placeholder"])
+            ];
+          }),
+          _: 1
+        }),
+        p(t, null, {
+          default: B(() => [
+            p($, {
+              context: P.context,
+              inRap: !0
+            }, null, 8, ["context"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+export {
+  le as default
+};

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

@@ -0,0 +1,134 @@
+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 "@formkit/core";
+import "@formkit/vue";
+import { useFormValues as b } 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" }, $ = {
+  __name: "EssentialsModal",
+  props: /* @__PURE__ */ u({
+    context: Object,
+    newValues: Object
+  }, {
+    modelValue: { default: {
+      title: "",
+      description: "",
+      modified: "",
+      publisherName: "",
+      publisherMail: "",
+      publisherWebsite: "",
+      contactPointName: "",
+      contactPointMail: "",
+      contactPointPhone: ""
+    } },
+    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",
+          label: t.$t("message.metadata.title"),
+          modelValue: e.value.title,
+          "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value.title = l),
+          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"])
+      ]),
+      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"])
+      ]),
+      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"])
+      ])
+    ]));
+  }
+}, R = /* @__PURE__ */ I($, [["__scopeId", "data-v-eeaac3aa"]]);
+export {
+  R as default
+};

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

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