@piveau/dpi 0.1.0-beta.5 → 0.1.0-beta.51

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

@@ -1,4 +1,4 @@
-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";
+import { createElementBlock as o, createCommentVNode as p, openBlock as a, createElementVNode as n, createTextVNode as d, toDisplayString as l, 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 = {
@@ -25,15 +25,15 @@ const h = {
   class: "btn-group dropup"
 }, k = {
   type: "button",
-  class: "dpi-menu-dropup-btn btn btn-default dropdown-toggle",
-  "data-toggle": "dropdown",
+  class: "dpi-menu-dropup-btn btn btn-link dropdown-toggle",
+  "data-bs-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),
+      d(l(r.$t("message.dataupload.menu." + t.groupName)), 1),
       s[0] || (s[0] = n("span", { class: "caret" }, null, -1))
     ]),
     n("ul", b, [
@@ -48,7 +48,7 @@ function w(r, s, t, B, D, N) {
           onClick: (v) => e.handler ? e.handler() : null
         }, {
           default: y(() => [
-            l(d(r.$t("message.dataupload.menu." + e.name)), 1)
+            d(l(r.$t("message.dataupload.menu." + e.name)), 1)
           ]),
           _: 2
         }, 1032, ["class", "to", "href", "onClick"]))
@@ -56,7 +56,7 @@ function w(r, s, t, B, D, N) {
     ])
   ])) : p("", !0);
 }
-const E = /* @__PURE__ */ _(h, [["render", w], ["__scopeId", "data-v-5be20074"]]);
+const E = /* @__PURE__ */ _(h, [["render", w], ["__scopeId", "data-v-1ccdad48"]]);
 export {
   E as default
 };

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

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

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

@@ -43,7 +43,7 @@ const _ = "collapsed", y = {
       t.parentNode.classList.toggle(_), this.isCollapsed = !this.isCollapsed;
     }
   }
-}, x = ["for"], b = { class: "" }, C = { class: "form-label" }, k = {
+}, b = ["for"], x = { class: "" }, C = { class: "form-label" }, k = {
   key: 0,
   class: "infoButton"
 }, S = ["title"], v = {
@@ -60,22 +60,22 @@ function E(t, o, e, n, L, c) {
       "data-cy": "collapsible-input-group-button",
       onClick: o[0] || (o[0] = g((...u) => c.toggleCollapse && c.toggleCollapse(...u), ["prevent", "stop"]))
     }, [
-      i("div", b, [
+      i("div", x, [
         i("span", C, d(e.context.label), 1),
         e.info ? (r(), l("a", k, [
           i("i", {
             class: "material-icons",
             title: e.info,
-            "data-toggle": "tooltip",
+            "data-bs-toggle": "tooltip",
             "data-placement": "top"
           }, "info", 8, S)
         ])) : p("", !0)
       ]),
       e.context.isSubField() ? p("", !0) : (r(), l("i", v, d(t.isCollapsed ? "expand_more" : "expand_less"), 1))
     ])
-  ], 8, x);
+  ], 8, b);
 }
-const I = /* @__PURE__ */ h(y, [["render", E], ["__scopeId", "data-v-202359cc"]]);
+const I = /* @__PURE__ */ h(y, [["render", E], ["__scopeId", "data-v-1ec93458"]]);
 export {
   I as default
 };

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

@@ -1,81 +1,124 @@
-import { ref as n, getCurrentInstance as V, createElementBlock as c, openBlock as u, createElementVNode as i, toDisplayString as p, createVNode as f, createCommentVNode as y, unref as r } from "vue";
-import x from "../HappyFlowComponents/ui/Dropdown.vue.js";
-import { filterGeocodingURIs as P } from "../HappyFlowComponents/services/dpiV3_apis.js";
-import { PhMagnifyingGlass as G } from "@phosphor-icons/vue";
+import { ref as n, getCurrentInstance as k, computed as L, createElementBlock as v, openBlock as g, createElementVNode as s, toDisplayString as I, createVNode as G, createCommentVNode as b, unref as f } from "vue";
+import R from "../HappyFlowComponents/ui/Dropdown.vue.js";
+import { filterGeocodingURIs as w } from "../HappyFlowComponents/services/dpiV3_apis.js";
+import { PhMagnifyingGlass as P } from "@phosphor-icons/vue";
+import { useFormValues as S } from "../composables/useDpiFormValues.js";
 /* empty css                   */
-import w from "../../_virtual/_plugin-vue_export-helper.js";
-import { useEditModeInfo as S } from "../composables/useDpiEditMode.js";
-const T = { class: "dpiV3InnerComponentWrap" }, U = { class: "copy-large-regular" }, k = { class: "dropdown-container" }, E = {
+import C from "../../_virtual/_plugin-vue_export-helper.js";
+import { useEditModeInfo as x } from "../composables/useDpiEditMode.js";
+const A = { class: "dpiV3InnerComponentWrap" }, E = { class: "copy-large-regular" }, K = { class: "dropdown-container" }, T = {
   key: 0,
   class: "empty-state-message"
-}, C = {
+}, D = {
+  key: 1,
+  class: "validation-error"
+}, F = {
   __name: "PolGeoUriPage",
   props: {
     context: Object
   },
-  setup(g) {
-    const { isEditMode: m } = S();
-    let o = n([]), v = V().appContext.app.config.globalProperties.$env, s;
-    const a = n(!1), l = n(!1), b = n(""), d = g;
-    m.value || d.context.node.input([{ isValid: !0 }]);
-    const h = async (e) => {
-      clearTimeout(s), b.value = e, s = setTimeout(async () => {
+  setup(B) {
+    const { isEditMode: y } = x(), { formValues: t } = S();
+    let o = n([]), _ = k().appContext.app.config.globalProperties.$env, m;
+    const l = n(!1), d = n(!1), c = n(""), r = n(!1), u = L(() => c.value && d.value && !l.value && o.value.length === 0 && !r.value);
+    y.value || (t.value.Covering["dcatde:politicalGeocodingURI"] = [
+      { isValid: !0 }
+    ]);
+    const U = async (e) => {
+      clearTimeout(m), c.value = e, r.value = !1, m = setTimeout(async () => {
         if (e !== "")
           try {
-            a.value = !0, l.value = !0, o.value = await P(e, v.api.baseUrl);
-          } catch (t) {
-            console.log("Error fetching geocoding data:", t), o.value = [];
+            l.value = !0, d.value = !0, o.value = await w(e, _.api.baseUrl), h();
+          } catch (a) {
+            console.log("Error fetching geocoding data:", a), o.value = [], h();
           } finally {
-            a.value = !1;
+            l.value = !1;
           }
         else
-          o.value = [], l.value = !1;
+          o.value = [], d.value = !1, r.value = !1, t.value.Covering["dcatde:politicalGeocodingURI"] = [
+            { isValid: !0 }
+          ];
       }, 500);
-    }, _ = (e, t) => {
-      d.context.node.input([{
-        isValid: !0,
-        uri: e.resource,
-        id: e.id,
-        label: e.alt_label.de,
-        inVoc: t
-      }]);
+    }, h = () => {
+      u.value, t.value.Covering["dcatde:politicalGeocodingURI"] = [
+        { isValid: !0 }
+      ];
+    }, V = (e, a) => {
+      r.value = !0, t.value.Covering["dcatde:politicalGeocodingURI"] = [
+        {
+          isValid: !0,
+          uri: e.resource,
+          id: e.id,
+          label: e.alt_label.de,
+          inVoc: a
+        }
+      ];
+      const p = e.resource.split("/").slice(-2, -1)[0];
+      let i = "";
+      switch (p) {
+        case "districtKey":
+          i = "http://dcat-ap.de/def/politicalGeocoding/Level/administrativeDistrict";
+          break;
+        case "stateKey":
+          i = "http://dcat-ap.de/def/politicalGeocoding/Level/state";
+          break;
+        case "regionalKey":
+          i = "http://dcat-ap.de/def/politicalGeocoding/Level/european";
+          break;
+        case "municipalAssociationKey":
+          i = "http://dcat-ap.de/def/politicalGeocoding/Level/federal";
+          break;
+        case "municipalityKey":
+          i = "http://dcat-ap.de/def/politicalGeocoding/Level/municipality";
+          break;
+      }
+      t.value.Additionals["dcatapde:politicalGeocodingLevelURI"] === void 0 ? (t.value.Additionals["dcatapde:politicalGeocodingLevelURI"] = [], t.value.Additionals["dcatapde:politicalGeocodingLevelURI"].push({
+        "@id": i
+      })) : t.value.Additionals["dcatapde:politicalGeocodingLevelURI"] = [
+        { "@id": i }
+      ];
     };
-    return (e, t) => (u(), c("div", T, [
-      i("h4", null, p(e.$t("message.dataupload.datasets.dcatde:politicalGeocodingURI.title")), 1),
-      i("div", U, p(e.$t("message.dataupload.datasets.dcatde:politicalGeocodingURI.description")), 1),
-      i("div", k, [
-        f(x, {
+    return (e, a) => (g(), v("div", A, [
+      s("h4", null, I(e.$t("message.dataupload.datasets.dcatde:politicalGeocodingURI.title")), 1),
+      s("div", E, I(e.$t(
+        "message.dataupload.datasets.dcatde:politicalGeocodingURI.description"
+      )), 1),
+      s("div", K, [
+        G(R, {
           dropdownWidth: "large",
           type: "inputField",
-          onInput: t[0] || (t[0] = (I) => h(I)),
+          onInput: a[0] || (a[0] = (p) => U(p)),
           inputFieldProps: {
             addOnText: !1,
             initialHintText: !1,
             datePicker: !1,
             infoIcon: !1,
-            preIcon: !1,
+            preIcon: !0,
+            showEndIcon: !1,
             label: "Geopolitische Abdeckung",
             dropdown_dpiV3: !0,
             placeholder: "Geben Sie die geopolitische Abdeckung ein..",
             inputFieldSize: "large",
-            autocomplete: "true"
+            autocomplete: "true",
+            error: u.value
           },
-          onValueSent: _,
-          data: r(o),
+          onValueSent: V,
+          data: f(o),
           multi: "true",
           autocomplete: !0,
           buttonText: "Dropdown",
           text: "Dropdown",
-          loading: a.value
-        }, null, 8, ["data", "loading"]),
-        l.value && !a.value && r(o).length === 0 ? (u(), c("div", E, [
-          f(r(G), { size: 16 }),
-          t[1] || (t[1] = i("span", null, "Keine Ergebnisse gefunden. Bitte versuchen Sie einen anderen Suchbegriff.", -1))
-        ])) : y("", !0)
+          loading: l.value
+        }, null, 8, ["inputFieldProps", "data", "loading"]),
+        d.value && !l.value && f(o).length === 0 ? (g(), v("div", T, [
+          G(f(P), { size: 16 }),
+          a[1] || (a[1] = s("span", null, "Keine Ergebnisse gefunden. Bitte versuchen Sie einen anderen Suchbegriff.", -1))
+        ])) : b("", !0),
+        u.value && c.value ? (g(), v("div", D, " Bitte wählen Sie einen gültigen Wert aus der Liste aus. ")) : b("", !0)
       ])
     ]));
   }
-}, z = /* @__PURE__ */ w(C, [["__scopeId", "data-v-c2bfbeff"]]);
+}, q = /* @__PURE__ */ C(F, [["__scopeId", "data-v-c8764ab4"]]);
 export {
-  z as default
+  q as default
 };