@piveau/dpi 0.2.0-alpha.14 → 0.2.0-alpha.15

package/dist/packages/dpi/src/data-provider-interface/components/Spatial.vue2.js

@@ -0,0 +1,172 @@
+import { defineComponent as B, mergeModels as C, useModel as L, ref as m, computed as v, watch as z, createElementBlock as c, openBlock as s, createCommentVNode as b, createBlock as h, Fragment as R, renderList as G, withDirectives as $, createElementVNode as y, vModelCheckbox as I, withCtx as U, createVNode as p } from "vue";
+import M from "../HappyFlowComponents/ui/Autocomplete/AutocompleteVocab.vue.js";
+import N from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import x from "../HappyFlowComponents/ui/Chip.vue.js";
+import E from "../HappyFlowComponents/ui/InputField.vue.js";
+import F from "../HappyFlowComponents/ui/ListBox/Listbox.vue.js";
+import T from "../HappyFlowComponents/ui/ProcessSteps/GetResource.vue.js";
+import W from "../HappyFlowComponents/ui/ProcessSteps/ProcessStepInputCard.vue.js";
+const D = { class: "step-section" }, K = { key: 0 }, O = ["id", "value"], P = {
+  key: 2,
+  class: "step-section-actions"
+}, ee = /* @__PURE__ */ B({
+  __name: "Spatial",
+  props: /* @__PURE__ */ C({
+    baseUrl: { default: "https://open.bydata.de/api/hub/search" },
+    options: { default: () => [
+      { id: "continent", name: "Kontinent" },
+      { id: "country", name: "Land" },
+      { id: "place", name: "Ort" }
+    ] }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(g) {
+    const r = g, i = L(g, "modelValue"), d = m(r.options.find((a) => a.id === "place") || r.options[0]), u = m(void 0), n = m(""), f = v(() => {
+      try {
+        if (!n.value)
+          return !1;
+        const a = new URL(n.value);
+        return !!a.protocol && !!a.host;
+      } catch {
+        return !1;
+      }
+    }), S = v(() => {
+      var a;
+      return ((a = d.value) == null ? void 0 : a.id) || "";
+    });
+    z(d, (a) => {
+      a && (u.value = void 0);
+    });
+    function _(a) {
+      return a.startsWith("http://publications.europa.eu/resource/authority");
+    }
+    const w = v(() => f.value || !!u.value);
+    function A() {
+      var o;
+      const a = (o = n.value) == null ? void 0 : o.trim(), l = f.value, e = u.value, t = l ? a : e;
+      t && (i.value = [t], n.value = "", u.value = void 0);
+    }
+    return (a, l) => (s(), c("section", D, [
+      i.value.length > 0 ? (s(), c("div", K, [
+        (s(!0), c(R, null, G(i.value, (e, t) => (s(), c("div", {
+          key: `spatial-${t}`,
+          class: "functionalities"
+        }, [
+          $(y("input", {
+            id: `spatial-${t}`,
+            "onUpdate:modelValue": l[0] || (l[0] = (o) => i.value = o),
+            hidden: "",
+            value: e,
+            name: "spatial",
+            type: "checkbox"
+          }, null, 8, O), [
+            [I, i.value]
+          ]),
+          _(e) ? (s(), h(T, {
+            key: 0,
+            "base-url": r.baseUrl,
+            vocabulary: e == null ? void 0 : e.split("/").slice(-2)[0],
+            "resource-id": e,
+            "setup-fn": (o) => o
+          }, {
+            default: U(({ result: o }) => {
+              var V, k;
+              return [
+                p(x, {
+                  as: "label",
+                  for: `spatial-${t}`,
+                  text: ((V = o == null ? void 0 : o.pref_label) == null ? void 0 : V.de) || ((k = o == null ? void 0 : o.pref_label) == null ? void 0 : k.en),
+                  setup: {
+                    "@type": "select",
+                    "@icon": "suffix",
+                    "@inTable": !1,
+                    "@search": !1,
+                    "@selected": !0
+                  },
+                  data: { "@value": e, URI: e }
+                }, null, 8, ["for", "text", "data"])
+              ];
+            }),
+            _: 2
+          }, 1032, ["base-url", "vocabulary", "resource-id", "setup-fn"])) : (s(), h(x, {
+            key: 1,
+            as: "label",
+            for: `spatial-${t}`,
+            text: e,
+            setup: {
+              "@type": "select",
+              "@icon": "suffix",
+              "@inTable": !1,
+              "@search": !1,
+              "@selected": !0
+            },
+            data: { "@value": e, URI: e }
+          }, null, 8, ["for", "text", "data"]))
+        ]))), 128))
+      ])) : b("", !0),
+      i.value.length === 0 ? (s(), h(W, {
+        key: 1,
+        class: "step-section",
+        "no-delete": ""
+      }, {
+        default: U(() => {
+          var e;
+          return [
+            l[4] || (l[4] = y("h5", null, "Administrativer Bezug", -1)),
+            p(F, {
+              modelValue: d.value,
+              "onUpdate:modelValue": l[1] || (l[1] = (t) => d.value = t),
+              options: r.options,
+              label: "Gebiet der Abdeckung",
+              placeholder: "Wählen Sie das Gebiet der Abdeckung."
+            }, null, 8, ["modelValue", "options"]),
+            p(M, {
+              modelValue: u.value,
+              "onUpdate:modelValue": l[2] || (l[2] = (t) => u.value = t),
+              by: "vocabulary",
+              label: (e = d.value) == null ? void 0 : e.name,
+              "base-url": r.baseUrl,
+              vocabulary: S.value,
+              placeholder: "Legen Sie die räumliche Abdeckung fest.",
+              name: "spatial"
+            }, null, 8, ["modelValue", "label", "base-url", "vocabulary"]),
+            l[5] || (l[5] = y("h5", null, "oder Geodatensatz", -1)),
+            p(E, {
+              modelValue: n.value,
+              "onUpdate:modelValue": l[3] || (l[3] = (t) => n.value = t),
+              "add-on-text": !1,
+              "date-picker": !1,
+              "info-icon": !1,
+              "show-end-icon": !1,
+              "pre-icon": !1,
+              "input-type": "url",
+              label: "URL angeben",
+              placeholder: "https://example.org/geodatensatz",
+              "show-error": !!n.value && !f.value,
+              error_message: "Geben Sie eine gültige URL an",
+              "initial-hint-text": !!n.value && !f.value
+            }, null, 8, ["modelValue", "show-error", "initial-hint-text"])
+          ];
+        }),
+        _: 1,
+        __: [4, 5]
+      })) : b("", !0),
+      i.value.length === 0 ? (s(), c("div", P, [
+        p(N, {
+          "button-text": "Räumliche Abdeckung hinzufügen",
+          size: "medium",
+          variant: "tertiary",
+          "icon-start": "plus",
+          disabled: !w.value,
+          onClick: A
+        }, null, 8, ["disabled"])
+      ])) : b("", !0)
+    ]));
+  }
+});
+export {
+  ee as default
+};

package/dist/packages/dpi/src/data-provider-interface/components/SpatialPage.vue.js

@@ -0,0 +1,7 @@
+import o from "./SpatialPage.vue2.js";
+/* empty css                 */
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e751c47f"]]);
+export {
+  e as default
+};

package/dist/packages/dpi/src/data-provider-interface/components/SpatialPage.vue2.js

@@ -0,0 +1,44 @@
+import { defineComponent as r, computed as u, createElementBlock as p, openBlock as c, createElementVNode as l, toDisplayString as m, createVNode as f } from "vue";
+import { useFormValues as g } from "../composables/useDpiFormValues.js";
+import v from "./Spatial.vue.js";
+import { useEditModeInfo as h } from "../composables/useDpiEditMode.js";
+const V = { class: "dpiV3InnerComponentWrap" }, z = { class: "dropdown-container" }, I = /* @__PURE__ */ r({
+  __name: "SpatialPage",
+  props: {
+    context: Object
+  },
+  setup(A) {
+    var d;
+    const { isEditMode: o } = h(), { formValues: i } = g();
+    o.value || (i.value.Additionals || (i.value.Additionals = {}), (d = i.value.Additionals)["dct:spatial"] || (d["dct:spatial"] = [
+      { isValid: !0 }
+    ])), o.value || (i.value.Covering["dcatde:politicalGeocodingURI"] = [
+      { isValid: !0 }
+    ]);
+    const s = u({
+      get() {
+        var t, e, n;
+        return ((n = (e = (t = i.value.Additionals) == null ? void 0 : t["dct:spatial"]) == null ? void 0 : e.filter((a) => !(a.isValid && Object.keys(a).length === 1))) == null ? void 0 : n.map((a) => a["@id"])) || [];
+      },
+      set(t) {
+        i.value.Additionals || (i.value.Additionals = {}), i.value.Additionals["dct:spatial"] = [
+          ...t.map((e) => ({ "@id": e }))
+        ];
+      }
+    });
+    return (t, e) => (c(), p("div", V, [
+      e[1] || (e[1] = l("h4", null, " Legen Sie die räumliche Abdeckung Ihres Datensatzes fest (optional) ", -1)),
+      e[2] || (e[2] = l("div", { class: "copy-large-regular" }, " Bitte geben Sie an, auf welches geografische oder politische Gebiet sich Ihr Datensatz bezieht. Dies kann beispielsweise eine Stadt, eine Region, ein Land oder eine spezifische Verwaltungseinheit sein. Die Angabe des räumlichen Bezugs hilft anderen Nutzenden, Ihren Datensatz schnell im passenden Kontext zu finden und gezielt für ihre Zwecke einzusetzen. ", -1)),
+      l("div", null, m(s.value), 1),
+      l("div", z, [
+        f(v, {
+          modelValue: s.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (n) => s.value = n)
+        }, null, 8, ["modelValue"])
+      ])
+    ]));
+  }
+});
+export {
+  I as default
+};

package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue.js

@@ -1,7 +1,7 @@
 import o from "./StepActionsSection.vue2.js";
 /* empty css                        */
 import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-683dbe00"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3084d41e"]]);
 export {
   c as default
 };

package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue2.js

@@ -62,7 +62,7 @@ const _ = { class: "step-actions" }, ee = { class: "step-actions__prev-and-next"
     async function z() {
       !t || !await b() || t == null || t.goToStep(Object.keys(t.steps).pop() || "");
     }
-    const L = I(() => t == null ? void 0 : t.isLast.value);
+    const L = I(() => t ? t == null ? void 0 : t.isLast.value : !0);
     return (e, n) => (o(), r("div", {
       class: $([e.classList, "step-actions-container"])
     }, [
@@ -146,7 +146,7 @@ const _ = { class: "step-actions" }, ee = { class: "step-actions__prev-and-next"
           })
         ]),
         title: g(() => n[2] || (n[2] = [
-          m("p", null, "Bitte korrigieren Sie die folgenden Fehler", -1)
+          m("p", null, "Fehler", -1)
         ])),
         default: g(() => [
           e.showDetailedErrorSummary ? (o(), r("ul", te, [

package/dist/packages/dpi/src/data-provider-interface/components/TheErrorDialog.vue.js

@@ -1,29 +1,36 @@
-import { defineComponent as C, computed as E, createBlock as y, openBlock as a, unref as o, isRef as $, withCtx as m, createElementBlock as h, createCommentVNode as i, createElementVNode as t, toDisplayString as B, createVNode as b } from "vue";
-import N from "../HappyFlowComponents/ui/DpiModalBase.vue.js";
+import { defineComponent as x, computed as E, createBlock as y, openBlock as i, unref as o, isRef as B, withCtx as m, createElementBlock as h, createCommentVNode as l, createElementVNode as t, toDisplayString as C, createVNode as N, renderSlot as b, createTextVNode as R } from "vue";
+import { useRouter as S, useRoute as w } from "vue-router";
+import { useRuntimeEnv as F } from "../../composables/useRuntimeEnv.js";
+import { useErrorDialog as T } from "../composables/useErrorDialog.js";
 import g from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import { useErrorDialog as R } from "../composables/useErrorDialog.js";
-import { useRouter as T, useRoute as F } from "vue-router";
-import { useRuntimeEnv as S } from "../../composables/useRuntimeEnv.js";
-const q = {
+import q from "../HappyFlowComponents/ui/DpiModalBase.vue.js";
+const M = { class: "dpiV3_modalTitle" }, z = {
   key: 0,
   class: "dpiV3_modalErrorContent"
-}, M = { class: "dpiV3_modalErrorMain" }, w = {
+}, A = { class: "dpiV3_modalErrorMain" }, J = {
   key: 0,
   class: "error-message"
-}, z = { class: "development-notice" }, A = ["value"], J = { class: "dpiV3_modalActions" }, K = /* @__PURE__ */ C({
+}, O = { class: "development-notice" }, L = ["value"], U = { class: "dpiV3_modalActions" }, W = /* @__PURE__ */ x({
   __name: "TheErrorDialog",
-  setup(O) {
-    const k = T(), l = F(), { open: r, error: n, currentError: u, userMessage: c } = R(), p = S(), f = !0, V = () => {
+  setup(j) {
+    const k = S(), d = w(), { open: r, error: n, currentError: u, userMessage: c } = T(), p = F(), f = !0;
+    function V() {
       r.value = !1;
-    }, D = () => {
+    }
+    function D() {
       k.push("/");
-    }, x = E(() => {
-      var d, e, s, _, v;
-      return `${(d = u == null ? void 0 : u.value) == null ? void 0 : d.message}
+    }
+    const $ = E(() => {
+      var s, e, a, _, v;
+      return `${(s = u == null ? void 0 : u.value) == null ? void 0 : s.message}
 
 ----
 
-id = ${(e = l.query) == null ? void 0 : e.id}; fromDraft = ${(s = l.query) == null ? void 0 : s.fromDraft}; edit = ${(_ = l.query) == null ? void 0 : _.edit}
+${window.location}
+
+----
+
+id = ${(e = d.query) == null ? void 0 : e.id}; fromDraft = ${(a = d.query) == null ? void 0 : a.fromDraft}; edit = ${(_ = d.query) == null ? void 0 : _.edit}
 
 ----
 
@@ -39,52 +46,56 @@ ${JSON.stringify(p.authentication.keycloak, null, 2)}
 
 `;
     });
-    return (d, e) => (a(), y(N, {
-      persistent: !o(f),
+    return (s, e) => (i(), y(q, {
       modelValue: o(r),
-      "onUpdate:modelValue": e[0] || (e[0] = (s) => $(r) ? r.value = s : null),
-      onClose: "() => {}"
+      "onUpdate:modelValue": e[0] || (e[0] = (a) => B(r) ? r.value = a : null),
+      persistent: !o(f),
+      "on-close": "() => {}"
     }, {
-      header: m(() => e[1] || (e[1] = [
-        t("h2", { class: "dpiV3_modalTitle" }, [
-          t("strong", null, "Fehler beim Laden des Datensatzes")
-        ], -1)
-      ])),
+      header: m(() => [
+        t("h2", M, [
+          t("strong", null, [
+            b(s.$slots, "title", {}, () => [
+              e[1] || (e[1] = R("Fehler beim Laden des Datensatzes", -1))
+            ])
+          ])
+        ])
+      ]),
       footer: m(() => [
-        t("div", J, [
-          o(f) ? (a(), y(g, {
+        t("div", U, [
+          o(f) ? (i(), y(g, {
             key: 0,
-            onClick: V,
-            buttonText: "Trotzdem Fortfahren",
-            variant: "secondary"
-          })) : i("", !0),
-          b(g, {
-            onClick: D,
-            buttonText: "Schließen",
-            variant: "primary"
+            "button-text": "Trotzdem Fortfahren",
+            variant: "secondary",
+            onClick: V
+          })) : l("", !0),
+          N(g, {
+            "button-text": "Schließen",
+            variant: "primary",
+            onClick: D
           })
         ])
       ]),
       default: m(() => [
-        o(n) ? (a(), h("div", q, [
-          t("div", M, [
-            o(c) ? (a(), h("p", w, B(o(c)), 1)) : i("", !0),
-            e[2] || (e[2] = t("p", { class: "error-message" }, "Ein Fehler ist aufgetreten. Die folgenden Details können den Betreibenden bei der Fehleranalyse helfen.", -1)),
-            t("div", z, [
+        o(n) ? (i(), h("div", z, [
+          t("div", A, [
+            o(c) ? (i(), h("p", J, C(o(c)), 1)) : l("", !0),
+            e[2] || (e[2] = t("p", { class: "error-message" }, " Ein Fehler ist aufgetreten. Die folgenden Details können den Betreibenden bei der Fehleranalyse helfen. ", -1)),
+            t("div", O, [
               t("textarea", {
                 readonly: "",
                 class: "error-textarea",
-                value: x.value
-              }, null, 8, A)
+                value: $.value
+              }, null, 8, L)
             ])
           ]),
-          i("", !0)
-        ])) : i("", !0)
+          l("", !0)
+        ])) : l("", !0)
       ]),
-      _: 1
-    }, 8, ["persistent", "modelValue"]));
+      _: 3
+    }, 8, ["modelValue", "persistent"]));
   }
 });
 export {
-  K as default
+  W as default
 };