@piveau/dpi 0.2.0-alpha.24 → 0.2.0-alpha.27

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/StateTag.vue.js

@@ -52,7 +52,7 @@ const d = {
   src: m,
   alt: ""
 }, g = { class: "label" };
-function h(y, b, t, C, S, r) {
+function h(y, C, t, S, b, r) {
   return s(), e("div", {
     class: o(["state-tag", [r.stateClass, r.sizeClass]])
   }, [
@@ -62,7 +62,7 @@ function h(y, b, t, C, S, r) {
     i("span", g, c(t.label), 1)
   ], 2);
 }
-const E = /* @__PURE__ */ _(d, [["render", h], ["__scopeId", "data-v-65fb0446"]]);
+const E = /* @__PURE__ */ _(d, [["render", h], ["__scopeId", "data-v-c4af57c2"]]);
 export {
   E as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/TableRowV3.vue.js

@@ -1,16 +1,16 @@
-import { ref as p, computed as R, watch as K, createElementBlock as N, openBlock as d, Fragment as q, createElementVNode as n, createBlock as b, createCommentVNode as h, withKeys as m, normalizeClass as F, withModifiers as w, unref as o, toDisplayString as H, isRef as z } from "vue";
-import { setResourcePublicationStatus as B, setDatasetPublicationStatus as I, deleteResource as L, deleteDataset as J } from "@piveau/sdk-core/hubRepo";
-import { useRouter as O, useRoute as W } from "vue-router";
-import { useStore as G } from "vuex";
-import { useRuntimeEnv as Q } from "../../../composables/useRuntimeEnv.js";
-import { useDpiUtils as X } from "../../composables/useDpiUtils.js";
-import Y from "./Dropdown.vue.js";
-import Z from "./ModalSimpleV3.vue.js";
+import { ref as p, computed as R, watch as q, createElementBlock as F, openBlock as d, Fragment as H, createElementVNode as o, createBlock as b, createCommentVNode as h, withKeys as m, normalizeClass as L, withModifiers as y, unref as n, toDisplayString as z, isRef as B } from "vue";
+import { setResourcePublicationStatus as j, setDatasetPublicationStatus as I, deleteResource as J, deleteDataset as O } from "@piveau/sdk-core/hubRepo";
+import { useRouter as W, useRoute as G } from "vue-router";
+import { useStore as Q } from "vuex";
+import { useRuntimeEnv as X } from "../../../composables/useRuntimeEnv.js";
+import { useDpiUtils as Y } from "../../composables/useDpiUtils.js";
+import Z from "./Dropdown.vue.js";
+import ee from "./ModalSimpleV3.vue.js";
 import k from "./StateTag.vue.js";
-import ee from "./Toast.vue.js";
+import te from "./Toast.vue.js";
 /* empty css                */
-import te from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const ae = { class: "dpiV3_tableRowInner" }, le = { class: "dpiV3_TableRowDescContainer" }, oe = { class: "dpiV3_dsDesc" }, ne = { class: "dpiV3_TableRowStatus" }, se = { class: "dpiV3_TableRowStatus" }, ie = { class: "dpiV3_TableRowButtonWrap" }, re = {
+import ae from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescContainer" }, oe = { class: "dpiV3_dsDesc" }, se = { class: "dpiV3_TableRowStatus" }, ie = { class: "dpiV3_TableRowUpdated" }, re = { class: "dpiV3_TableRowStatus" }, ue = { class: "dpiV3_TableRowButtonWrap" }, de = {
   __name: "TableRowV3",
   props: {
     text: {
@@ -50,31 +50,35 @@ const ae = { class: "dpiV3_tableRowInner" }, le = { class: "dpiV3_TableRowDescCo
     allowDelete: {
       type: Boolean,
       default: !0
+    },
+    visibilityState: {
+      type: String,
+      default: "public"
     }
   },
   emits: ["complete", "start"],
-  setup(y, { emit: j }) {
-    const t = y, C = j, E = G();
-    O();
-    const U = W(), c = Q().api.hubUrl;
+  setup(w, { emit: _ }) {
+    const t = w, U = _, C = Q();
+    W();
+    const E = G(), c = X().api.hubUrl;
     let s = p(!1), i = p(!1), v = p(!1), r = p({}), u = p({});
     const D = R(() => {
       var a;
-      return !!((a = U.query) != null && a.fromDraft);
+      return !!((a = E.query) != null && a.fromDraft);
     }), f = R(() => {
       var a, e;
-      return (e = (a = E.getters) == null ? void 0 : a["auth/getUserData"]) == null ? void 0 : e.authToken;
-    }), { toEditMode: P } = X();
-    function _() {
+      return (e = (a = C.getters) == null ? void 0 : a["auth/getUserData"]) == null ? void 0 : e.authToken;
+    }), { toEditMode: A } = Y();
+    function P() {
       const a = t.draft || D.value, e = t.catalogue, l = t.id || t.dataset.id || t.catalogue.id;
-      P({
-        routeName: t.type === "project" ? "DataProviderInterface-InputProject" : "DataProviderInterface-Input",
+      A({
+        routeName: t.type === "projects" ? "DataProviderInterface-InputProject" : "DataProviderInterface-Input",
         id: l,
         catalogId: e,
         isDraft: a,
         locale: "de",
         additionalParams: {
-          visibility: t.visibility
+          visibility: t.visibilityState
         }
       });
     }
@@ -83,12 +87,12 @@ const ae = { class: "dpiV3_tableRowInner" }, le = { class: "dpiV3_TableRowDescCo
         i.value = !1;
       }, 2e3);
     }
-    K(i, (a) => {
+    q(i, (a) => {
       a && setTimeout(() => {
         v.value || (i.value = !1);
       }, 2e3);
     });
-    function A() {
+    function M() {
       return t.draft ? [
         { "@value": "Ansehen", selected: !1, disabled: !1 },
         { "@value": "Bearbeiten", selected: !1, disabled: !t.allowEdit },
@@ -101,14 +105,14 @@ const ae = { class: "dpiV3_tableRowInner" }, le = { class: "dpiV3_TableRowDescCo
         { "@value": "Löschen", selected: !1, disabled: !t.allowDelete }
       ];
     }
-    async function M(a, e) {
+    async function K(a, e) {
       switch (a) {
         case "goToDataset":
-          window.open(`/${t.type === "project" ? "projects" : t.type}/${t.id}`, "_blank");
+          window.open(`/${t.type === "projects" ? "projects" : t.type}/${t.id}`, "_blank");
           break;
         case "publishDataset":
-          if (e("start"), t.type === "project") {
-            B({
+          if (e("start"), t.type === "projects") {
+            j({
               baseUrl: c,
               id: t.id,
               type: "project",
@@ -134,8 +138,8 @@ const ae = { class: "dpiV3_tableRowInner" }, le = { class: "dpiV3_TableRowDescCo
           }, e("complete");
           break;
         case "deleteDataset":
-          if (e("start"), t.type === "project") {
-            await L({
+          if (e("start"), t.type === "projects") {
+            await J({
               baseUrl: c,
               id: t.id,
               type: "project",
@@ -144,7 +148,7 @@ const ae = { class: "dpiV3_tableRowInner" }, le = { class: "dpiV3_TableRowDescCo
             }), e("complete");
             break;
           }
-          await J({
+          await O({
             baseUrl: c,
             id: t.id,
             catalogId: t.catalogue,
@@ -157,8 +161,8 @@ const ae = { class: "dpiV3_tableRowInner" }, le = { class: "dpiV3_TableRowDescCo
           }, e("complete");
           break;
         case "setToDraft":
-          if (e("start"), t.type === "project") {
-            B({
+          if (e("start"), t.type === "projects") {
+            j({
               baseUrl: c,
               id: t.id,
               type: "project",
@@ -184,14 +188,17 @@ const ae = { class: "dpiV3_tableRowInner" }, le = { class: "dpiV3_TableRowDescCo
           }, e("complete");
       }
     }
-    function T(a) {
+    function N(a, e) {
+      return `/${a === "projects" ? "projects" : a}/${e}`;
+    }
+    function S(a) {
       let e = "";
       switch (typeof a == "string" ? e = a : e = a.target.innerText, e) {
         case "Ansehen":
-          window.location.href = `/${t.type}/${t.id}`;
+          window.open(N(t.type, t.id), "_blank");
           break;
         case "Bearbeiten":
-          _();
+          P();
           break;
         case "Veröffentlichen":
           r.value = {
@@ -220,7 +227,7 @@ const ae = { class: "dpiV3_tableRowInner" }, le = { class: "dpiV3_TableRowDescCo
       }
     }
     let g = p(!1);
-    function S(a, e) {
+    function T(a, e) {
       e ? g.value = !0 : g.value = !1;
     }
     function V(a) {
@@ -229,32 +236,32 @@ const ae = { class: "dpiV3_tableRowInner" }, le = { class: "dpiV3_TableRowDescCo
     function x(a) {
       a.target.className != "dpiV3_more-button dpiV3_activeState" && (g.value = !1);
     }
-    return (a, e) => (d(), N(q, null, [
-      n("button", {
-        class: F(["dpiV3_tableRowWrapper", {
-          dpiV3_pressedTableRow: o(g),
+    return (a, e) => (d(), F(H, null, [
+      o("button", {
+        class: L(["dpiV3_tableRowWrapper", {
+          dpiV3_pressedTableRow: n(g),
           tRowInDraft: t.fromDraft
         }]),
         onKeydown: [
-          e[3] || (e[3] = m(w((l) => V(l), ["prevent"]), ["space"])),
-          e[4] || (e[4] = m(w((l) => V(l), ["prevent"]), ["enter"]))
+          e[3] || (e[3] = m(y((l) => V(l), ["prevent"]), ["space"])),
+          e[4] || (e[4] = m(y((l) => V(l), ["prevent"]), ["enter"]))
         ],
         onKeyup: [
           e[5] || (e[5] = m((l) => x(l), ["space"])),
           e[6] || (e[6] = m((l) => x(l), ["enter"]))
         ]
       }, [
-        n("div", ae, [
-          n("div", {
+        o("div", le, [
+          o("div", {
             class: "dpiV3_tableRowContent",
-            onMousedown: e[0] || (e[0] = w((l) => S(l, !0), ["prevent"])),
-            onMouseup: e[1] || (e[1] = w((l) => S(l, !1), ["prevent"])),
-            onClick: e[2] || (e[2] = (l) => T("Bearbeiten"))
+            onMousedown: e[0] || (e[0] = y((l) => T(l, !0), ["prevent"])),
+            onMouseup: e[1] || (e[1] = y((l) => T(l, !1), ["prevent"])),
+            onClick: e[2] || (e[2] = (l) => S("Ansehen"))
           }, [
-            n("div", le, [
-              n("span", oe, H(t.text), 1)
+            o("div", ne, [
+              o("span", oe, z(t.text), 1)
             ]),
-            n("div", ne, [
+            o("div", se, [
               t.draft ? (d(), b(k, {
                 key: 1,
                 label: "Entwurf",
@@ -263,19 +270,20 @@ const ae = { class: "dpiV3_tableRowInner" }, le = { class: "dpiV3_TableRowDescCo
                 key: 0,
                 label: "Freigegeben",
                 state: "published"
-              }))
+              })),
+              o("span", ie, " Bearbeitet am: " + z(t.date), 1)
             ]),
-            n("div", se, [
-              y.visibility ? (d(), b(k, {
+            o("div", re, [
+              w.visibility ? (d(), b(k, {
                 key: 0,
-                label: y.visibility,
-                state: t.draft ? "draft" : "published",
+                label: w.visibility,
+                state: t.draft ? "visibility-draft" : "visibility-published",
                 "has-dot-icon": !1
               }, null, 8, ["label", "state"])) : h("", !0)
             ])
           ], 32),
-          n("div", ie, [
-            D.value ? h("", !0) : (d(), b(Y, {
+          o("div", ue, [
+            D.value ? h("", !0) : (d(), b(Z, {
               key: 0,
               type: "moreButton",
               "not-draft": !D.value,
@@ -283,34 +291,34 @@ const ae = { class: "dpiV3_tableRowInner" }, le = { class: "dpiV3_TableRowDescCo
               text: {
                 support: "This is a supporting message"
               },
-              data: A(),
-              onClick: T
+              data: M(),
+              onClick: S
             }, null, 8, ["not-draft", "data"]))
           ])
         ])
       ], 34),
-      o(s) ? (d(), b(Z, {
+      n(s) ? (d(), b(ee, {
         key: 0,
-        buttons: o(r).button,
-        "header-text": o(r).header,
-        text: o(r).text,
-        action: o(r).action,
-        onClose: e[7] || (e[7] = (l) => z(s) ? s.value = !1 : s = !1),
-        onActionHandling: e[8] || (e[8] = (l) => M(l, C))
+        buttons: n(r).button,
+        "header-text": n(r).header,
+        text: n(r).text,
+        action: n(r).action,
+        onClose: e[7] || (e[7] = (l) => B(s) ? s.value = !1 : s = !1),
+        onActionHandling: e[8] || (e[8] = (l) => K(l, U))
       }, null, 8, ["buttons", "header-text", "text", "action"])) : h("", !0),
-      o(i) ? (d(), b(ee, {
+      n(i) ? (d(), b(te, {
         key: 1,
-        type: o(u).type,
-        text: o(u).text,
+        type: n(u).type,
+        text: n(u).text,
         class: "dpiV3_tableToast",
-        button: o(u).button,
-        action: o(u).action,
-        onMouseenter: e[9] || (e[9] = (l) => z(v) ? v.value = !0 : v = !0),
+        button: n(u).button,
+        action: n(u).action,
+        onMouseenter: e[9] || (e[9] = (l) => B(v) ? v.value = !0 : v = !0),
         onMouseleave: $
       }, null, 8, ["type", "text", "button", "action"])) : h("", !0)
     ], 64));
   }
-}, ke = /* @__PURE__ */ te(re, [["__scopeId", "data-v-bcba9c89"]]);
+}, Te = /* @__PURE__ */ ae(de, [["__scopeId", "data-v-e19eb221"]]);
 export {
-  ke as default
+  Te as default
 };

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

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

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

@@ -1,5 +1,5 @@
-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 { defineComponent as B, mergeModels as C, useModel as L, ref as m, computed as v, watch as z, createElementBlock as c, openBlock as i, createCommentVNode as b, createBlock as h, Fragment as R, renderList as G, withDirectives as M, createElementVNode as y, vModelCheckbox as $, withCtx as U, createVNode as p } from "vue";
+import I 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";
@@ -8,7 +8,7 @@ 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"
+  class: "step-section-actions dpiV3_tempAddMore"
 }, ee = /* @__PURE__ */ B({
   __name: "Spatial",
   props: /* @__PURE__ */ C({
@@ -23,8 +23,8 @@ const D = { class: "step-section" }, K = { key: 0 }, O = ["id", "value"], P = {
     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(() => {
+  setup(V) {
+    const r = V, s = L(V, "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;
@@ -43,29 +43,29 @@ const D = { class: "step-section" }, K = { key: 0 }, O = ["id", "value"], P = {
     function _(a) {
       return a.startsWith("http://publications.europa.eu/resource/authority");
     }
-    const w = v(() => f.value || !!u.value);
-    function A() {
+    const A = v(() => f.value || !!u.value);
+    function w() {
       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);
+      const a = (o = n.value) == null ? void 0 : o.trim(), t = f.value, e = u.value, l = t ? a : e;
+      l && (s.value = [l], 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}`,
+    return (a, t) => (i(), c("section", D, [
+      s.value.length > 0 ? (i(), c("div", K, [
+        (i(!0), c(R, null, G(s.value, (e, l) => (i(), c("div", {
+          key: `spatial-${l}`,
           class: "functionalities"
         }, [
-          $(y("input", {
-            id: `spatial-${t}`,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => i.value = o),
+          M(y("input", {
+            id: `spatial-${l}`,
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => s.value = o),
             hidden: "",
             value: e,
             name: "spatial",
             type: "checkbox"
           }, null, 8, O), [
-            [I, i.value]
+            [$, s.value]
           ]),
-          _(e) ? (s(), h(T, {
+          _(e) ? (i(), h(T, {
             key: 0,
             "base-url": r.baseUrl,
             vocabulary: e == null ? void 0 : e.split("/").slice(-2)[0],
@@ -73,12 +73,12 @@ const D = { class: "step-section" }, K = { key: 0 }, O = ["id", "value"], P = {
             "setup-fn": (o) => o
           }, {
             default: U(({ result: o }) => {
-              var V, k;
+              var g, 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),
+                  for: `spatial-${l}`,
+                  text: ((g = o == null ? void 0 : o.pref_label) == null ? void 0 : g.de) || ((k = o == null ? void 0 : o.pref_label) == null ? void 0 : k.en),
                   setup: {
                     "@type": "select",
                     "@icon": "suffix",
@@ -91,10 +91,10 @@ const D = { class: "step-section" }, K = { key: 0 }, O = ["id", "value"], P = {
               ];
             }),
             _: 2
-          }, 1032, ["base-url", "vocabulary", "resource-id", "setup-fn"])) : (s(), h(x, {
+          }, 1032, ["base-url", "vocabulary", "resource-id", "setup-fn"])) : (i(), h(x, {
             key: 1,
             as: "label",
-            for: `spatial-${t}`,
+            for: `spatial-${l}`,
             text: e,
             setup: {
               "@type": "select",
@@ -107,7 +107,7 @@ const D = { class: "step-section" }, K = { key: 0 }, O = ["id", "value"], P = {
           }, null, 8, ["for", "text", "data"]))
         ]))), 128))
       ])) : b("", !0),
-      i.value.length === 0 ? (s(), h(W, {
+      s.value.length === 0 ? (i(), h(W, {
         key: 1,
         class: "step-section",
         "no-delete": ""
@@ -115,17 +115,17 @@ const D = { class: "step-section" }, K = { key: 0 }, O = ["id", "value"], P = {
         default: U(() => {
           var e;
           return [
-            l[4] || (l[4] = y("h5", null, "Administrativer Bezug", -1)),
+            t[4] || (t[4] = y("h5", null, "Administrativer Bezug", -1)),
             p(F, {
               modelValue: d.value,
-              "onUpdate:modelValue": l[1] || (l[1] = (t) => d.value = t),
+              "onUpdate:modelValue": t[1] || (t[1] = (l) => d.value = l),
               options: r.options,
               label: "Gebiet der Abdeckung",
               placeholder: "Wählen Sie das Gebiet der Abdeckung."
             }, null, 8, ["modelValue", "options"]),
-            p(M, {
+            p(I, {
               modelValue: u.value,
-              "onUpdate:modelValue": l[2] || (l[2] = (t) => u.value = t),
+              "onUpdate:modelValue": t[2] || (t[2] = (l) => u.value = l),
               by: "vocabulary",
               label: (e = d.value) == null ? void 0 : e.name,
               "base-url": r.baseUrl,
@@ -133,10 +133,10 @@ const D = { class: "step-section" }, K = { key: 0 }, O = ["id", "value"], P = {
               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)),
+            t[5] || (t[5] = y("h5", null, "oder Geodatensatz", -1)),
             p(E, {
               modelValue: n.value,
-              "onUpdate:modelValue": l[3] || (l[3] = (t) => n.value = t),
+              "onUpdate:modelValue": t[3] || (t[3] = (l) => n.value = l),
               "add-on-text": !1,
               "date-picker": !1,
               "info-icon": !1,
@@ -154,14 +154,14 @@ const D = { class: "step-section" }, K = { key: 0 }, O = ["id", "value"], P = {
         _: 1,
         __: [4, 5]
       })) : b("", !0),
-      i.value.length === 0 ? (s(), c("div", P, [
+      s.value.length === 0 ? (i(), c("div", P, [
         p(N, {
           "button-text": "Räumliche Abdeckung hinzufügen",
           size: "medium",
           variant: "tertiary",
           "icon-start": "plus",
-          disabled: !w.value,
-          onClick: A
+          disabled: !A.value,
+          onClick: w
         }, null, 8, ["disabled"])
       ])) : b("", !0)
     ]));

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

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

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

@@ -1,43 +1,59 @@
-import { defineComponent as r, computed as u, createElementBlock as p, openBlock as c, createElementVNode as l, createVNode as m } from "vue";
-import { useFormValues as f } from "../composables/useDpiFormValues.js";
-import g from "./Spatial.vue.js";
-import { useEditModeInfo as v } from "../composables/useDpiEditMode.js";
-const h = { class: "dpiV3InnerComponentWrap" }, V = { class: "dropdown-container" }, S = /* @__PURE__ */ r({
+import { defineComponent as p, computed as u, createElementBlock as c, openBlock as m, createElementVNode as i, createVNode as r, unref as g } from "vue";
+import { PhLightbulb as f } from "@phosphor-icons/vue";
+import { useFormValues as _ } from "../composables/useDpiFormValues.js";
+import v from "./Spatial.vue.js";
+import { useEditModeInfo as V } from "../composables/useDpiEditMode.js";
+const h = { class: "dpiV3InnerComponentWrap" }, z = { class: "dropdown-container" }, b = { class: "dpiV3_Content_InputPage" }, A = { class: "dpiV3_Card_Tips" }, I = { class: "dpiV3_Icon_Title" }, E = /* @__PURE__ */ p({
   __name: "SpatialPage",
   props: {
     context: Object
   },
-  setup(z) {
+  setup(k) {
     var d;
-    const { isEditMode: s } = v(), { formValues: i } = f();
-    s.value || (i.value.Additionals || (i.value.Additionals = {}), (d = i.value.Additionals)["dct:spatial"] || (d["dct:spatial"] = [
+    const { isEditMode: l } = V(), { formValues: t } = _();
+    l.value || (t.value.Additionals || (t.value.Additionals = {}), (d = t.value.Additionals)["dct:spatial"] || (d["dct:spatial"] = [
       { isValid: !0 }
-    ])), s.value || (i.value.Covering["dcatde:politicalGeocodingURI"] = [
+    ])), l.value || (t.value.Covering["dcatde:politicalGeocodingURI"] = [
       { isValid: !0 }
     ]);
     const o = 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"])) || [];
+        var s, e, n;
+        return ((n = (e = (s = t.value.Additionals) == null ? void 0 : s["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 }))
+      set(s) {
+        t.value.Additionals || (t.value.Additionals = {}), t.value.Additionals["dct:spatial"] = [
+          ...s.map((e) => ({ "@id": e }))
         ];
       }
     });
-    return (t, e) => (c(), p("div", h, [
-      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", V, [
-        m(g, {
+    return (s, e) => (m(), c("div", h, [
+      e[3] || (e[3] = i("h4", null, " Legen Sie die räumliche Abdeckung Ihres Datensatzes fest (optional) ", -1)),
+      e[4] || (e[4] = i("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)),
+      i("div", z, [
+        r(v, {
           modelValue: o.value,
           "onUpdate:modelValue": e[0] || (e[0] = (n) => o.value = n)
-        }, null, 8, ["modelValue"])
+        }, null, 8, ["modelValue"]),
+        i("div", b, [
+          i("div", A, [
+            i("div", I, [
+              r(g(f), {
+                size: 32,
+                color: "#009fe3"
+              }),
+              e[1] || (e[1] = i("div", { class: "dpiV3_Info-Text dpiV3_activeStepName" }, " Beispiele ", -1))
+            ]),
+            e[2] || (e[2] = i("div", { class: "dpiV3_CT-Content" }, [
+              i("div", { class: "dpiV3_copy_large_regular link_text" }, " Würzburg: http://publications.europa.eu/resource/authority/place/DEU-WUE "),
+              i("div", { class: "dpiV3_copy_large_regular link_text" }, " Deutschland: http://sws.geonames.org/2921044/ ")
+            ], -1))
+          ])
+        ])
       ])
     ]));
   }
 });
 export {
-  S as default
+  E 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 a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a44124be"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-768749b1"]]);
 export {
-  a as default
+  e as default
 };