@piveau/dpi 0.1.0-beta.5

package/dist/data-provider-interface/components/DistributionStepper.vue.js

@@ -0,0 +1,212 @@
+import { defineComponent as D, resolveComponent as m, createElementBlock as i, openBlock as o, Fragment as f, createVNode as S, createElementVNode as r, withCtx as C, createCommentVNode as a, renderList as g, normalizeClass as $, createTextVNode as k, toDisplayString as l, markRaw as T } from "vue";
+import { mapGetters as O } from "vuex";
+import { useDpiStepper as I } from "../composables/useDpiStepper.js";
+import P from "./InputPageStep.vue.js";
+import w from "./SelectControlledGroup.vue.js";
+import { useWindowScroll as F } from "@vueuse/core";
+import V from "../../_virtual/_plugin-vue_export-helper.js";
+const B = D({
+  props: {
+    name: {
+      type: String,
+      default: ""
+    },
+    index: {
+      required: !0
+    },
+    schema: {
+      required: !0,
+      type: Object
+    },
+    context: {
+      type: Object
+    },
+    distributionIsCollapsed: {
+      type: Boolean
+    },
+    collapseDistributions: {
+      type: Function
+    },
+    deleteDistribution: {
+      type: Function
+    }
+  },
+  components: {
+    InputPageStep: P
+  },
+  data() {
+    return {
+      isCollapsed: !1,
+      camel2title: (e) => e.replace(/([A-Z])/g, (t) => ` ${t}`).replace(/^./, (t) => t.toUpperCase()).trim(),
+      isActive: !1,
+      indexOfDis: 1
+    };
+  },
+  methods: {
+    editDistribution() {
+      this.isCollapsed = !this.isCollapsed, this.collapseDistributions(this.index);
+    },
+    scrollToTop() {
+      let { x: e, y: t } = F({ behavior: "smooth" });
+      t.value = 0;
+    },
+    convertToRoman(e) {
+      if (e === 1)
+        return "A";
+      if (e === 2)
+        return "B";
+      if (e === 3)
+        return "C";
+      if (e === 4)
+        return "D";
+    }
+  },
+  computed: {
+    ...O("dpiStore", [
+      "getNavSteps"
+    ]),
+    getName() {
+      return this.name || values.Distributions.distributionList[this.name - 1].Mandatory["dcat:accessURL"][0]["@id"];
+    }
+  },
+  watch: {
+    distributionIsCollapsed: {
+      handler(e) {
+        this.isCollapsed = e;
+      }
+    }
+  },
+  created() {
+  },
+  setup() {
+    const {
+      steps: e,
+      activeStep: t,
+      visitedSteps: d,
+      previousStep: y,
+      nextStep: b,
+      stepPlugin: h,
+      goToNextStep: u,
+      goToPreviousStep: c
+    } = I(), v = (s) => (e[s].errorCount > 0 || e[s].blockingCount > 0) && d.value.includes(s), n = T({
+      SelectControlledGroup: w
+    });
+    return {
+      steps: e,
+      visitedSteps: d,
+      activeStep: t,
+      previousStep: y,
+      nextStep: b,
+      stepPlugin: h,
+      checkStepValidity: v,
+      goToNextStep: u,
+      goToPreviousStep: c,
+      library: n
+    };
+  }
+}), _ = {
+  name: "distribution-stepper",
+  class: "singleDistributions"
+}, j = {
+  key: 0,
+  class: "disInfoWrapper"
+}, K = { class: "steps" }, R = ["data-step-active", "data-step-valid", "onClick"], z = { class: "stepBubbleWrap" }, A = { class: "circle stepCircle" }, L = ["textContent"], M = {
+  key: 0,
+  class: "seperatorHorizontalStepper"
+}, W = {
+  key: 1,
+  class: "seperatorHorizontalStepper"
+}, q = {
+  key: 0,
+  class: "step inactiveStep"
+}, E = { class: "d-flex flex-column w-100" }, G = {
+  key: 0,
+  class: "p-1"
+}, H = { class: "m-3 d-flex justify-content-end" };
+function U(e, t, d, y, b, h) {
+  const u = m("FormKitSchema"), c = m("InputPageStep"), v = m("FormKit");
+  return o(), i(f, null, [
+    S(v, {
+      type: "form",
+      actions: !1,
+      plugins: [e.stepPlugin]
+    }, {
+      default: C(() => [
+        r("div", _, [
+          e.isCollapsed ? a("", !0) : (o(), i("div", j, [
+            r("ul", K, [
+              (o(!0), i(f, null, g(e.steps, (n, s, p) => (o(), i("li", {
+                key: p,
+                class: $(["step", {
+                  activeItem: e.activeStep === s,
+                  inactiveStep: s != e.activeStep,
+                  "has-errors": e.checkStepValidity(s)
+                }]),
+                "data-step-active": e.activeStep === s,
+                "data-step-valid": n.valid && n.errorCount === 0,
+                onClick: (Z) => {
+                  e.activeStep = s, e.indexOfDis = p + 1;
+                }
+              }, [
+                r("div", z, [
+                  r("div", A, l(e.convertToRoman(p + 1)), 1),
+                  e.checkStepValidity(s) ? (o(), i("span", {
+                    key: 0,
+                    class: "step--errors",
+                    textContent: l(n.errorCount + n.blockingCount)
+                  }, null, 8, L)) : a("", !0),
+                  k(" " + l(e.$t("message.dataupload.steps." + s + "Step")), 1)
+                ]),
+                p + 1 != Object.keys(e.getNavSteps(e.$env.content.dataProviderInterface.specification).distributions).length ? (o(), i("div", M)) : a("", !0),
+                e.activeStep === "overview" ? (o(), i("div", W)) : a("", !0)
+              ], 10, R))), 128)),
+              e.activeStep === "overview" ? (o(), i("li", q, t[2] || (t[2] = [
+                r("div", { class: "circle stepCircle" }, null, -1)
+              ]))) : a("", !0)
+            ]),
+            r("div", E, [
+              (o(!0), i(f, null, g(e.getNavSteps(e.$env.content.dataProviderInterface.specification).distributions, (n, s) => (o(), i("div", { key: s }, [
+                S(c, { name: n }, {
+                  default: C(() => [
+                    S(u, {
+                      schema: e.schema[n],
+                      library: e.library
+                    }, null, 8, ["schema", "library"]),
+                    n === "Mandatory" ? (o(), i("p", G, [
+                      t[3] || (t[3] = r("b", null, "*", -1)),
+                      k(" " + l(e.$t("message.dataupload.steps.MandatoryStep")), 1)
+                    ])) : a("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["name"])
+              ]))), 128))
+            ])
+          ]))
+        ])
+      ]),
+      _: 1
+    }, 8, ["plugins"]),
+    r("div", H, [
+      e.indexOfDis > 1 ? (o(), i("button", {
+        key: 0,
+        type: "button",
+        class: "btn btn-secondary",
+        onClick: t[0] || (t[0] = (n) => {
+          e.goToPreviousStep(), e.scrollToTop(), e.indexOfDis = e.indexOfDis - 1;
+        })
+      }, l(e.$t("message.dataupload.steps.previousDisStep")), 1)) : a("", !0),
+      e.indexOfDis < 4 ? (o(), i("button", {
+        key: 1,
+        type: "button",
+        class: "btn btn-secondary ml-3",
+        onClick: t[1] || (t[1] = (n) => {
+          e.goToNextStep(), e.scrollToTop(), e.indexOfDis = e.indexOfDis + 1;
+        })
+      }, l(e.$t("message.dataupload.steps.nextDisStep")), 1)) : a("", !0)
+    ])
+  ], 64);
+}
+const te = /* @__PURE__ */ V(B, [["render", U]]);
+export {
+  te as default
+};

package/dist/data-provider-interface/components/Dropup.vue.js

@@ -0,0 +1,62 @@
+import { createElementBlock as o, createCommentVNode as p, openBlock as a, createElementVNode as n, createTextVNode as l, toDisplayString as d, Fragment as u, renderList as c, createBlock as i, resolveDynamicComponent as m, normalizeClass as g, withCtx as y } from "vue";
+/* empty css            */
+import _ from "../../_virtual/_plugin-vue_export-helper.js";
+const h = {
+  name: "Dropup",
+  props: {
+    groupName: {
+      type: String
+    },
+    groupItems: {
+      type: Array
+    },
+    show: {
+      type: Boolean
+    },
+    isCatalog: {
+      type: Boolean
+    },
+    isOperator: {
+      type: Boolean
+    }
+  }
+}, f = {
+  key: 0,
+  class: "btn-group dropup"
+}, k = {
+  type: "button",
+  class: "dpi-menu-dropup-btn btn btn-default dropdown-toggle",
+  "data-toggle": "dropdown",
+  "aria-haspopup": "true",
+  "aria-expanded": "false"
+}, b = { class: "dropdown-menu" }, C = ["data-cy"];
+function w(r, s, t, B, D, N) {
+  return t.show && !t.isCatalog || t.show && t.isCatalog && t.isOperator ? (a(), o("div", f, [
+    n("button", k, [
+      l(d(r.$t("message.dataupload.menu." + t.groupName)), 1),
+      s[0] || (s[0] = n("span", { class: "caret" }, null, -1))
+    ]),
+    n("ul", b, [
+      (a(!0), o(u, null, c(t.groupItems, (e) => (a(), o("li", {
+        key: e.key,
+        "data-cy": e.key
+      }, [
+        (a(), i(m(e.handler ? "a" : "router-link"), {
+          class: g(["dropdown-item", { disabled: e.disabled }]),
+          to: e.to || { name: "Datasets" },
+          href: e.handler ? "#" : "",
+          onClick: (v) => e.handler ? e.handler() : null
+        }, {
+          default: y(() => [
+            l(d(r.$t("message.dataupload.menu." + e.name)), 1)
+          ]),
+          _: 2
+        }, 1032, ["class", "to", "href", "onClick"]))
+      ], 8, C))), 128))
+    ])
+  ])) : p("", !0);
+}
+const E = /* @__PURE__ */ _(h, [["render", w], ["__scopeId", "data-v-5be20074"]]);
+export {
+  E as default
+};

package/dist/data-provider-interface/components/FileUpload.vue.js

@@ -0,0 +1,278 @@
+import { mapActions as b, mapGetters as U } from "vuex";
+import F from "axios";
+import C from "../utils/general-helper.js";
+import { getNode as V } from "@formkit/core";
+import { resolveComponent as E, createElementBlock as a, openBlock as n, Fragment as x, createElementVNode as d, createCommentVNode as u, createVNode as y, toDisplayString as f, mergeProps as _, withDirectives as O, vModelText as S, createTextVNode as A, renderList as T, reactive as G, ref as P } from "vue";
+import { onClickOutside as L } from "@vueuse/core";
+import { useRuntimeEnv as q } from "../../composables/useRuntimeEnv.js";
+import "@formkit/vue";
+import { useI18n as D } from "vue-i18n";
+/* empty css                */
+import N from "../../_virtual/_plugin-vue_export-helper.js";
+const B = {
+  props: {
+    context: {
+      type: Object,
+      required: !0
+    }
+  },
+  data() {
+    var l;
+    return {
+      inputChoice: "",
+      error: "",
+      URLValue: "",
+      uploadURL: !1,
+      uploadFileSwitch: !1,
+      checkifSet: !1,
+      isLoading: !1,
+      success: !1,
+      fail: !1,
+      validExtensions: ((l = this.$env.content.dataProviderInterface.uploadFileTypes) == null ? void 0 : l.split(",")) || []
+    };
+  },
+  computed: {
+    ...U("auth", [
+      "getUserData",
+      "getIsEditMode"
+    ]),
+    ...U("dpiStore", [
+      "getData"
+    ]),
+    getCatalogue() {
+      return V("dcat:catalog").value;
+    }
+  },
+  methods: {
+    ...b("dpiStore", [
+      "saveLocalstorageValues"
+    ]),
+    toggleUploadUrl() {
+      this.inputChoice = this.t("message.dataupload.datasets.conditional.fileupload"), this.uploadURL && (this.uploadURL = !this.uploadURL);
+    },
+    toggleUploadFileSwitch() {
+      this.inputChoice = this.t("message.dataupload.datasets.conditional.URL"), this.uploadFileSwitch && (this.uploadFileSwitch = !this.uploadFileSwitch);
+    },
+    validateFile(l) {
+      const o = "." + l.target.files[0].name.split(".").pop().toLowerCase();
+      this.validExtensions && this.validExtensions.length ? this.validExtensions.includes(o) ? this.uploadOrReplaceFile({ file: l.target.files[0] }) : console.log("Wrong filetype") : (this.error = "", this.uploadOrReplaceFile({ file: l.target.files[0] }));
+    },
+    async saveUrl() {
+      this.URLValue.includes("http://") || this.URLValue.includes("https://") ? await this.context.node.input({ "@id": this.URLValue, mode: this.inputChoice }) : await this.context.node.input({ "@id": "https://" + this.URLValue, mode: this.inputChoice });
+    },
+    checkIfPresent() {
+      if (this.context.value["@id"])
+        return this.URLValue = this.context.value["@id"], !0;
+    },
+    // finds the parent input group of a given element.
+    findParentInputGroupOfElement(l) {
+      let e = l;
+      for (; e; ) {
+        if (e.classList.contains("formkit-input-group-repeatable"))
+          return e;
+        e = e.parentElement;
+      }
+      return null;
+    },
+    // finds the index of the distribution access URL based on the root of this component.
+    findDistributionAccessUrlIndex() {
+      const l = this.$refs.fileupload, e = this.findParentInputGroupOfElement(l);
+      if (!e) return null;
+      const s = e.parentElement.querySelectorAll(".formkit-input-group-repeatable");
+      return Array.from(s).indexOf(e);
+    },
+    async uploadOrReplaceFile({ file: l }) {
+      var s, t, r, c, i, p, g;
+      const e = ((r = (t = (s = this.$env) == null ? void 0 : s.content) == null ? void 0 : t.dataProviderInterface) == null ? void 0 : r.enableFileUploadReplace) || !1, o = ((c = this.$route.query) == null ? void 0 : c.edit) ?? !1;
+      if (e && o) {
+        const k = (i = this.$route.query) == null ? void 0 : i.edit, w = this.findDistributionAccessUrlIndex(), h = (p = this.getData("distributions")) == null ? void 0 : p[k], m = (g = h == null ? void 0 : h["dcat:accessURL"]) == null ? void 0 : g[w], v = m == null ? void 0 : m["@id"];
+        if (v) {
+          const I = this.$env.api.fileUploadUrl, R = C.getFileIdByAccessUrl({ accessUrl: v, fileUploadUrl: I });
+          return await this.uploadFile(l, {
+            method: "PUT",
+            url: `${this.$env.api.fileUploadUrl}data/${R}?catalog=${this.getCatalogue}`
+          });
+        }
+      }
+      return await this.uploadFile(l);
+    },
+    async uploadFile(l, e = {}) {
+      this.isLoading = !0;
+      const o = new FormData();
+      o.append("file", l);
+      const s = this.getCatalogue, t = this.getUserData.rtpToken, r = {
+        method: "POST",
+        url: `${this.$env.api.fileUploadUrl}data?catalog=${s}`,
+        ...e
+      }, c = {
+        method: r.method,
+        url: r.url,
+        headers: {
+          "Content-Type": "multipart/form-data",
+          Authorization: `Bearer ${t}`
+        },
+        data: o
+      };
+      try {
+        const i = await F.request(c), p = i.data.result.location.substring(i.data.result.location.indexOf("/") + 1);
+        this.context.model = `${this.$env.api.fileUploadUrl}${p}`, this.isLoading = !1, this.success = !0, await this.context.node.input({ "@id": `${this.$env.api.fileUploadUrl}${p}` });
+      } catch (i) {
+        this.isLoading = !1, this.fail = !0, console.error(i);
+      }
+    }
+  },
+  mounted() {
+    this.$nextTick(function() {
+      if (this.context.value["@id"])
+        return this.uploadURL = !0, this.URLValue = this.context.value["@id"], this.inputChoice = "Provide an URL", !0;
+    });
+  },
+  setup() {
+    const { t: l } = D();
+    q();
+    var e = G({
+      active: !1
+    });
+    const o = P("fload");
+    L(o, (t) => {
+      e.active = !1;
+    });
+    function s(t) {
+      e.active = !e.active;
+    }
+    return {
+      drop: e,
+      onClickOutside: L,
+      triggerDropdown: s,
+      t: l
+    };
+  }
+}, H = { class: "position-relative w-100" }, K = {
+  key: 0,
+  ref: "fLoad",
+  class: "selectListUpload fileuploadList"
+}, M = {
+  key: 0,
+  class: "w-100 position-relative"
+}, W = ["data-type"], j = { class: "file-div position-relative" }, z = ["accept"], J = {
+  class: "upload-feedback position-absolute d-flex",
+  style: { right: "0" }
+}, Q = {
+  key: 0,
+  class: "lds-ring"
+}, X = { key: 1 }, Y = { key: 2 }, Z = {
+  key: 0,
+  class: "dURLText my-3"
+}, $ = ["href"], ee = {
+  key: 1,
+  class: "allowedTypesWrapper"
+}, te = {
+  key: 0,
+  class: "errorSub my-3 d-flex"
+}, ie = { class: "d-flex flex-wrap w-100" };
+function le(l, e, o, s, t, r) {
+  const c = E("FormKit");
+  return n(), a(x, null, [
+    d("div", H, [
+      y(c, {
+        name: "mode",
+        validation: "required",
+        type: "text",
+        class: "selectInputField formkit-inner",
+        readonly: "readonly",
+        onClick: e[0] || (e[0] = (i) => s.triggerDropdown()),
+        placeholder: s.t("message.dataupload.info.preferredInput"),
+        modelValue: t.inputChoice,
+        "onUpdate:modelValue": e[1] || (e[1] = (i) => t.inputChoice = i),
+        "validation-messages": {
+          required: s.t("message.dataupload.info.preferredInput")
+        }
+      }, null, 8, ["placeholder", "modelValue", "validation-messages"]),
+      s.drop.active ? (n(), a("ul", K, [
+        d("li", {
+          onClick: e[2] || (e[2] = (i) => {
+            t.uploadFileSwitch = !0, r.toggleUploadUrl();
+          }),
+          class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
+        }, f(l.$t("message.dataupload.datasets.conditional.fileupload")), 1),
+        d("li", {
+          onClick: e[3] || (e[3] = (i) => {
+            t.uploadURL = !0, r.toggleUploadFileSwitch();
+          }),
+          class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
+        }, f(l.$t("message.dataupload.datasets.conditional.URL")), 1)
+      ], 512)) : u("", !0)
+    ]),
+    t.uploadURL && !t.uploadFileSwitch ? (n(), a("div", M, [
+      y(c, {
+        id: "aUrlLink",
+        modelValue: t.URLValue,
+        "onUpdate:modelValue": e[4] || (e[4] = (i) => t.URLValue = i),
+        class: "selectInputField formkit-inner",
+        type: "url",
+        name: "@id",
+        placeholder: o.context.attrs.placeholder,
+        onInput: r.saveUrl,
+        validation: "required|url",
+        "validation-visibility": "live",
+        "validation-messages": {
+          required: s.t("message.dataupload.datasets.conditional.URL"),
+          url: s.t("message.dataupload.info.urlFormat")
+        }
+      }, null, 8, ["modelValue", "placeholder", "onInput", "validation-messages"])
+    ])) : u("", !0),
+    t.uploadFileSwitch ? (n(), a("div", _({
+      key: 1,
+      ref: "fileupload",
+      class: ["p-3 w-100", `formkit-input-element formkit-input-element--${o.context.type}`],
+      "data-type": o.context.type
+    }, l.$attrs), [
+      O(d("input", {
+        type: "text",
+        "onUpdate:modelValue": e[5] || (e[5] = (i) => o.context.model = i),
+        onBlur: e[6] || (e[6] = (...i) => o.context.blurHandler && o.context.blurHandler(...i)),
+        hidden: ""
+      }, null, 544), [
+        [S, o.context.model]
+      ]),
+      d("div", j, [
+        d("input", {
+          class: "mt-3",
+          type: "file",
+          id: "aUrlFL",
+          name: "fileUpload",
+          onChange: e[7] || (e[7] = (i) => r.validateFile(i)),
+          accept: t.validExtensions
+        }, null, 40, z),
+        d("div", J, [
+          t.isLoading ? (n(), a("div", Q)) : u("", !0),
+          t.success ? (n(), a("div", X, e[8] || (e[8] = [
+            d("i", { class: "material-icons d-flex check-icon" }, "check_circle", -1)
+          ]))) : u("", !0),
+          t.fail ? (n(), a("div", Y, e[9] || (e[9] = [
+            d("i", { class: "material-icons d-flex close-icon" }, "error", -1)
+          ]))) : u("", !0)
+        ])
+      ]),
+      t.success ? (n(), a("p", Z, [
+        A(f(l.$t("message.metadata.downloadUrl")) + ": ", 1),
+        d("a", {
+          href: o.context.model
+        }, f(o.context.model), 9, $)
+      ])) : u("", !0),
+      t.validExtensions && t.validExtensions.length ? (n(), a("div", ee, [
+        t.success ? u("", !0) : (n(), a("p", te, "Allowed types: ")),
+        d("div", ie, [
+          (n(!0), a(x, null, T(t.validExtensions, (i) => (n(), a("span", {
+            key: i,
+            class: "mr-1 mb-1 allowedFTypes"
+          }, f(i), 1))), 128))
+        ])
+      ])) : u("", !0)
+    ], 16, W)) : u("", !0)
+  ], 64);
+}
+const me = /* @__PURE__ */ N(B, [["render", le], ["__scopeId", "data-v-1453da2b"]]);
+export {
+  me as default
+};

package/dist/data-provider-interface/components/HVDPage.vue.js

@@ -0,0 +1,106 @@
+import { ref as i, computed as D, onMounted as P, createElementBlock as m, openBlock as f, createElementVNode as o, createCommentVNode as C, createVNode as v, toDisplayString as d, unref as p, getCurrentInstance as H } from "vue";
+import { useI18n as I } from "vue-i18n";
+import { getHvdCategories as x } from "../HappyFlowComponents/services/dpiV3_apis.js";
+/* empty css                             */
+/* empty css                              */
+import k from "../HappyFlowComponents/ui/SwitchV3.vue.js";
+import F from "../HappyFlowComponents/ui/Dropdown.vue.js";
+import { PhWarning as T } from "@phosphor-icons/vue";
+/* empty css             */
+import $ from "../../_virtual/_plugin-vue_export-helper.js";
+const W = { class: "V3-typography" }, B = { class: "dpiV3_Frame_831" }, E = { class: "dpiV3_Frame_840" }, K = { class: "dpiV3_title" }, N = { class: "dpiV3_intro copy-large-regular" }, O = { class: "dpiV3_Frame_830" }, z = { class: "dpiV3_Switch" }, L = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, M = { class: "dpiV3_Sub_Info copy-large-regular" }, U = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, j = {
+  __name: "HVDPage",
+  props: {
+    context: Object
+  },
+  setup(g) {
+    const { t: A } = I(), s = i(!1), r = i(""), _ = i([]), h = i(null), c = i([]);
+    let l = i([{ isValid: !0 }]);
+    const V = (e) => {
+      s.value = !e, s.value ? (l.value[0] = { isValid: !1 }, r.value = "") : (l.value[0] = { isValid: !0 }, r.value = ""), console.log("switchStateValue: ", s.value);
+    }, u = g;
+    u.context.node.value.length === 0 && u.context.node.input(l.value);
+    const b = D(
+      () => c.value.map((e) => ({
+        "@value": e.label,
+        selected: !1
+      }))
+    ), w = (e) => {
+      const t = c.value.find(
+        (a) => a.label === e.target.innerHTML
+      );
+      u.context.node.input([
+        { isValid: !0, label: t.label, uri: t.uri }
+      ]), console.log(t);
+    }, S = async () => {
+      try {
+        const e = H().appContext.app.config.globalProperties.$env, a = (await x(e.api.baseUrl)).sort(
+          (n, y) => n.pref_label.de.localeCompare(y.pref_label.de)
+        );
+        _.value = a, c.value = a.map((n) => ({
+          label: n.pref_label.de,
+          uri: n.resource
+        }));
+      } catch (e) {
+        console.error("Error in component:", e), h.value = e;
+      }
+    };
+    return P(() => {
+      S();
+    }), (e, t) => (f(), m("div", W, [
+      o("div", B, [
+        o("div", E, [
+          o("h4", K, d(e.$t("message.dataupload.datasets.hvdPage.title")), 1),
+          o("div", N, d(e.$t("message.dataupload.datasets.hvdPage.intro-text")), 1),
+          o("div", O, [
+            o("div", z, [
+              v(k, {
+                onSwitchToggled: t[0] || (t[0] = (a) => p(l)[0].isValid === !0 ? V(s.value) : (p(l)[0].isValid = !0, s.value = !s.value)),
+                hasIcon: !1,
+                defaultChecked: !1,
+                disabled: !1
+              })
+            ]),
+            o("div", L, d(e.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
+          ]),
+          o("div", M, d(e.$t("message.dataupload.datasets.hvdPage.sub-info")), 1),
+          v(F, {
+            dropdownWidth: "large",
+            isDisabled: !s.value,
+            type: "inputField",
+            modelValue: r.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (a) => r.value = a),
+            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",
+              modelValue: r.value
+            },
+            data: b.value,
+            onClick: t[2] || (t[2] = (a) => w(a))
+          }, null, 8, ["isDisabled", "modelValue", "inputFieldProps", "data"])
+        ]),
+        p(l).find((a) => a.isValid === !1) ? (f(), m("div", U, [
+          v(p(T), {
+            size: 16,
+            weight: "fill"
+          }),
+          t[3] || (t[3] = o("span", { class: "copy-mini-regular" }, "Bitte wählen Sie eine HVD-Kategorie aus, bevor Sie fortfahren.", -1))
+        ])) : C("", !0)
+      ])
+    ]));
+  }
+}, ae = /* @__PURE__ */ $(j, [["__scopeId", "data-v-9c7f317c"]]);
+export {
+  ae as default
+};