@piveau/dpi 0.1.0-beta.5

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

@@ -0,0 +1,247 @@
+import { ref as k, getCurrentInstance as A, resolveComponent as x, createElementBlock as w, openBlock as r, Fragment as F, createVNode as v, withCtx as V, createTextVNode as N, toDisplayString as U, createCommentVNode as i, createBlock as u, renderList as S, unref as c, isRef as $, createElementVNode as j } from "vue";
+import C from "../ButtonV3.vue.js";
+import g from "../InputField.vue.js";
+import L from "../TextAreaV3.vue.js";
+import O from "../Dropdown.vue.js";
+import { getNode as D } from "@formkit/core";
+import { getOptionalURIs as R } from "../../services/dpiV3_apis.js";
+/* empty css                         */
+const G = { class: "dpiV3_actionButtonWrap" }, _ = {
+  __name: "AdditionalsSubModal",
+  props: {
+    context: Object,
+    item: Object
+  },
+  setup(l, { emit: E }) {
+    const P = E;
+    let m = k([{}]), h = k([]), o = k(), H = A().appContext.app.config.globalProperties.$env;
+    const W = l, B = () => {
+      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);
+          }
+      }
+    }, z = () => {
+      D("Additionals").value[W.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(() => [
+            N(U(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(L, {
+                  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(() => [
+            j("div", G, [
+              v(C, {
+                onClick: B,
+                buttonText: "Zurück",
+                size: "large",
+                iconStart: "CaretLeft",
+                variant: "tertiary"
+              }),
+              v(C, {
+                onClick: z,
+                buttonText: "Speichern",
+                size: "large"
+              })
+            ])
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+};
+export {
+  _ 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,73 @@
+import { ref as p, getCurrentInstance as u, resolveComponent as d, createElementBlock as m, openBlock as f, createVNode as n, withCtx as r, unref as t } from "vue";
+import b from "../Dropdown.vue.js";
+import c from "../../../components/DistributionSimplePage.vue.js";
+import { getNode as l } from "@formkit/core";
+import g from "../InputField.vue.js";
+const D = { class: "dpiV3_innerRapModalWrapper" }, k = {
+  __name: "DistributionModal",
+  props: {
+    context: Object,
+    newValues: Object
+  },
+  setup(s) {
+    return p([]), u().appContext.app.config.globalProperties.$env, (i, e) => {
+      const a = d("innerRapModalItem");
+      return f(), m("div", D, [
+        n(a, null, {
+          default: r(() => [
+            n(b, {
+              "onUpdate:modelValue": [
+                e[0] || (e[0] = (o) => i.handleChangeLicenseVal(o, "label", 1)),
+                e[1] || (e[1] = (o) => t(l)("DistributionSimple").value[Object.keys(t(l)("DistributionSimple").value)[1]][0].label = o)
+              ],
+              dropdownWidth: "large",
+              type: "inputField",
+              modelValue: t(l)("DistributionSimple").value[Object.keys(t(l)("DistributionSimple").value)[1]][0].label,
+              inputFieldProps: {
+                addOnText: !1,
+                initialHintText: !1,
+                datePicker: !1,
+                infoIcon: !1,
+                preIcon: !1,
+                label: "Lizenz",
+                dropdown_dpiV3: !0,
+                placeholder: "Lizenz wählen...",
+                inputFieldSize: "large",
+                modelValue: "",
+                defaultInput: !0,
+                showError: !1
+              },
+              data: i.licenseOptions,
+              onDeleteButtonClicked: i.deleteModifiedField,
+              class: "gap5BottomAsMargin"
+            }, null, 8, ["modelValue", "data", "onDeleteButtonClicked"]),
+            n(g, {
+              label: i.$t("message.metadata.publisher"),
+              modelValue: t(l)("DistributionSimple").value[Object.keys(t(l)("DistributionSimple").value)[1]][0].title,
+              infoIcon: !1,
+              preIcon: !1,
+              initialHintText: !0,
+              "supporting-hint-message": "Dieser Namensnennungstext stellt sicher, dass die Lizenzbedingungen eingehalten werden.",
+              showEndIcon: !1,
+              onInput: e[2] || (e[2] = () => {
+              })
+            }, null, 8, ["label", "modelValue"])
+          ]),
+          _: 1
+        }),
+        n(a, null, {
+          default: r(() => [
+            n(c, {
+              context: s.context,
+              inRap: !0
+            }, null, 8, ["context"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+export {
+  k 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,43 @@
+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";
+/* empty css                      */
+import k from "../../../../_virtual/_plugin-vue_export-helper.js";
+const x = { class: "dpiV3_fChipWrap" }, I = {
+  __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) => {
+      try {
+        return l.value.find((a) => a.id === t.id);
+      } catch {
+      }
+    };
+    const u = async () => {
+      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);
+      }
+    }, 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)
+      }, null, 8, ["text", "data", "setup", "onClick"]))), 128))
+    ]));
+  }
+}, V = /* @__PURE__ */ k(I, [["__scopeId", "data-v-3cc20246"]]);
+export {
+  V as default
+};

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

@@ -0,0 +1,68 @@
+import { ref as o, createElementBlock as v, openBlock as b, Fragment as m, createElementVNode as s, createVNode as n, unref as d, toDisplayString as h, getCurrentInstance as V } from "vue";
+import w from "../SwitchV3.vue.js";
+import _ from "../Dropdown.vue.js";
+import { getHvdCategories as y } from "../../services/dpiV3_apis.js";
+import { getNode as S } from "@formkit/core";
+/* empty css               */
+const C = { class: "dpiV3_findabilitySwitchWrapper" }, D = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, E = {
+  __name: "HVDSwitch",
+  props: {
+    context: Object
+  },
+  setup(k) {
+    const l = o(!1);
+    let i = o([{ isValid: !0 }]);
+    const r = o([]), c = o([]), p = (e) => {
+      i.value[0].isValid = !1, l.value = !e, console.log(l);
+    }, u = async () => {
+      try {
+        const e = V().appContext.app.config.globalProperties.$env, t = await y(e.api.baseUrl);
+        c.value = t, r.value = t.map((a) => ({
+          label: a.pref_label.de,
+          uri: a.resource,
+          "@value": a.pref_label.de,
+          selected: !1
+          // oder eine andere Eigenschaft, die du binden möchtest
+        }));
+      } catch (e) {
+        console.error("Error in component:", e), error.value = e;
+      }
+    }, f = (e) => {
+      const t = r.value.find((g) => g.label === e.target.innerHTML), a = S("Discoverability").value;
+      a[Object.keys(a)[1]] = [{ isValid: !0, label: t.label, uri: t.uri }];
+    };
+    return u(), (e, t) => (b(), v(m, null, [
+      s("div", C, [
+        n(w, {
+          onSwitchToggled: t[0] || (t[0] = (a) => d(i)[0].isValid === !0 ? p(l.value) : (d(i)[0].isValid = !0, l.value = !l.value)),
+          hasIcon: !1,
+          defaultChecked: !1,
+          disabled: !1
+        }),
+        s("div", D, h(e.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
+      ]),
+      n(_, {
+        dropdownWidth: "large",
+        isDisabled: !l.value,
+        type: "inputField",
+        inputFieldProps: {
+          isDisabled: !l.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: r.value,
+        onClick: t[1] || (t[1] = (a) => f(a))
+      }, null, 8, ["isDisabled", "inputFieldProps", "data"])
+    ], 64));
+  }
+};
+export {
+  E as default
+};