@piveau/dpi 0.2.0-alpha.58 → 0.2.0-alpha.59

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

@@ -1,17 +1,17 @@
-import { defineComponent as L, mergeModels as R, useModel as z, ref as m, computed as b, watch as $, createElementBlock as p, openBlock as n, createCommentVNode as h, createBlock as c, Fragment as G, renderList as I, withDirectives as M, createElementVNode as y, vModelCheckbox as N, withCtx as _, createVNode as v } from "vue";
-import E from "../HappyFlowComponents/ui/Autocomplete/AutocompleteVocab.vue.js";
-import F from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import { defineComponent as R, mergeModels as $, useModel as z, ref as v, computed as m, watch as G, createElementBlock as c, openBlock as n, createCommentVNode as b, createBlock as r, Fragment as I, renderList as M, withDirectives as N, createElementVNode as h, vModelCheckbox as E, withCtx as w, createVNode as y } from "vue";
+import F from "../HappyFlowComponents/ui/Autocomplete/AutocompleteVocab.vue.js";
+import T from "../HappyFlowComponents/ui/ButtonV3.vue.js";
 import V from "../HappyFlowComponents/ui/Chip.vue.js";
-import T from "../HappyFlowComponents/ui/InputField.vue.js";
-import W from "../HappyFlowComponents/ui/ListBox/Listbox.vue.js";
-import D from "../HappyFlowComponents/ui/ProcessSteps/GetResource.vue.js";
-import K from "../HappyFlowComponents/ui/ProcessSteps/ProcessStepInputCard.vue.js";
-const O = { class: "step-section" }, P = { key: 0 }, j = ["id", "value", "disabled"], q = {
+import W from "../HappyFlowComponents/ui/InputField.vue.js";
+import D from "../HappyFlowComponents/ui/ListBox/Listbox.vue.js";
+import K from "../HappyFlowComponents/ui/ProcessSteps/GetResource.vue.js";
+import O from "../HappyFlowComponents/ui/ProcessSteps/ProcessStepInputCard.vue.js";
+const P = { class: "step-section" }, j = { key: 0 }, q = ["id", "value", "disabled"], H = {
   key: 2,
   class: "step-section-actions dpiV3_tempAddMore"
-}, le = /* @__PURE__ */ L({
+}, te = /* @__PURE__ */ R({
   __name: "Spatial",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ $({
     baseUrl: { default: "https://twin.bydata.de/api/hub/search" },
     options: { default: () => [
       { id: "continent", name: "Kontinent" },
@@ -25,7 +25,7 @@ const O = { class: "step-section" }, P = { key: 0 }, j = ["id", "value", "disabl
   }),
   emits: ["update:modelValue"],
   setup(g) {
-    const u = g, s = z(g, "modelValue"), r = m(u.options.find((l) => l.id === "place") || u.options[0]), d = m(void 0), i = m(""), f = b(() => {
+    const u = g, s = z(g, "modelValue"), p = v(u.options.find((l) => l.id === "place") || u.options[0]), d = v(void 0), i = v(""), f = m(() => {
       try {
         if (!i.value)
           return !1;
@@ -34,29 +34,29 @@ const O = { class: "step-section" }, P = { key: 0 }, j = ["id", "value", "disabl
       } catch {
         return !1;
       }
-    }), w = b(() => {
+    }), A = m(() => {
       var l;
-      return ((l = r.value) == null ? void 0 : l.id) || "";
+      return ((l = p.value) == null ? void 0 : l.id) || "";
+    }), k = v(0);
+    G(p, (l) => {
+      l && (d.value = void 0), k.value++;
     });
-    $(r, (l) => {
-      l && (d.value = void 0);
-    });
-    function A(l) {
+    function B(l) {
       return l.startsWith("http://publications.europa.eu/resource/authority");
     }
-    const B = b(() => f.value || !!d.value);
-    function C() {
+    const C = m(() => f.value || !!d.value);
+    function L() {
       var e;
       const l = (e = i.value) == null ? void 0 : e.trim(), t = f.value, a = d.value, o = t ? l : a;
       o && (s.value = [o], i.value = "", d.value = void 0);
     }
-    return (l, t) => (n(), p("section", O, [
-      s.value.length > 0 ? (n(), p("div", P, [
-        (n(!0), p(G, null, I(s.value, (a, o) => (n(), p("div", {
+    return (l, t) => (n(), c("section", P, [
+      s.value.length > 0 ? (n(), c("div", j, [
+        (n(!0), c(I, null, M(s.value, (a, o) => (n(), c("div", {
           key: `spatial-${o}`,
           class: "functionalities"
         }, [
-          M(y("input", {
+          N(h("input", {
             id: `spatial-${o}`,
             "onUpdate:modelValue": t[0] || (t[0] = (e) => s.value = e),
             hidden: "",
@@ -64,33 +64,33 @@ const O = { class: "step-section" }, P = { key: 0 }, j = ["id", "value", "disabl
             name: "spatial",
             type: "checkbox",
             disabled: u.readonly
-          }, null, 8, j), [
-            [N, s.value]
+          }, null, 8, q), [
+            [E, s.value]
           ]),
-          A(a) ? (n(), c(D, {
+          B(a) ? (n(), r(K, {
             key: 0,
             "base-url": u.baseUrl,
             vocabulary: a == null ? void 0 : a.split("/").slice(-2)[0],
             "resource-id": a,
             "setup-fn": (e) => e
           }, {
-            default: _(({ result: e }) => {
-              var k, U, x, S;
+            default: w(({ result: e }) => {
+              var U, x, S, _;
               return [
-                l.readonly ? (n(), c(V, {
+                l.readonly ? (n(), r(V, {
                   key: 1,
                   as: "span",
                   for: `spatial-${o}`,
-                  text: ((x = e == null ? void 0 : e.pref_label) == null ? void 0 : x.de) || ((S = e == null ? void 0 : e.pref_label) == null ? void 0 : S.en),
+                  text: ((S = e == null ? void 0 : e.pref_label) == null ? void 0 : S.de) || ((_ = e == null ? void 0 : e.pref_label) == null ? void 0 : _.en),
                   setup: {
                     "@type": "static"
                   },
                   data: { "@value": a, URI: a }
-                }, null, 8, ["for", "text", "data"])) : (n(), c(V, {
+                }, null, 8, ["for", "text", "data"])) : (n(), r(V, {
                   key: 0,
                   as: "label",
                   for: `spatial-${o}`,
-                  text: ((k = e == null ? void 0 : e.pref_label) == null ? void 0 : k.de) || ((U = e == null ? void 0 : e.pref_label) == null ? void 0 : U.en),
+                  text: ((U = e == null ? void 0 : e.pref_label) == null ? void 0 : U.de) || ((x = e == null ? void 0 : e.pref_label) == null ? void 0 : x.en),
                   setup: {
                     "@type": "select",
                     "@icon": "suffix",
@@ -103,7 +103,7 @@ const O = { class: "step-section" }, P = { key: 0 }, j = ["id", "value", "disabl
               ];
             }),
             _: 2
-          }, 1032, ["base-url", "vocabulary", "resource-id", "setup-fn"])) : (n(), c(V, {
+          }, 1032, ["base-url", "vocabulary", "resource-id", "setup-fn"])) : (n(), r(V, {
             key: 1,
             as: "label",
             for: `spatial-${o}`,
@@ -118,37 +118,39 @@ const O = { class: "step-section" }, P = { key: 0 }, j = ["id", "value", "disabl
             data: { "@value": a, URI: a }
           }, null, 8, ["for", "text", "data"]))
         ]))), 128))
-      ])) : h("", !0),
-      s.value.length === 0 ? (n(), c(K, {
+      ])) : b("", !0),
+      s.value.length === 0 ? (n(), r(O, {
         key: 1,
         class: "step-section",
         "no-delete": ""
       }, {
-        default: _(() => {
+        default: w(() => {
           var a;
           return [
-            t[4] || (t[4] = y("h5", null, "Administrativer Bezug", -1)),
-            v(W, {
-              modelValue: r.value,
-              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
+            t[4] || (t[4] = h("h5", null, "Administrativer Bezug", -1)),
+            y(D, {
+              modelValue: p.value,
+              "onUpdate:modelValue": t[1] || (t[1] = (o) => p.value = o),
               options: u.options,
               label: "Gebiet der Abdeckung",
               placeholder: "Wählen Sie das Gebiet der Abdeckung."
             }, null, 8, ["modelValue", "options"]),
-            v(E, {
+            (n(), r(F, {
+              key: `spatial-${k.value}`,
               modelValue: d.value,
               "onUpdate:modelValue": t[2] || (t[2] = (o) => d.value = o),
               by: "vocabulary",
-              label: (a = r.value) == null ? void 0 : a.name,
+              label: (a = p.value) == null ? void 0 : a.name,
               "base-url": u.baseUrl,
-              vocabulary: w.value,
+              vocabulary: A.value,
               placeholder: "Legen Sie die räumliche Abdeckung fest.",
               name: "spatial",
               "search-icon": "",
-              limit: 700
-            }, null, 8, ["modelValue", "label", "base-url", "vocabulary"]),
-            t[5] || (t[5] = y("h5", null, "oder Geodatensatz", -1)),
-            v(T, {
+              limit: 700,
+              "input-as-button": !1
+            }, null, 8, ["modelValue", "label", "base-url", "vocabulary"])),
+            t[5] || (t[5] = h("h5", null, "oder Geodatensatz", -1)),
+            y(W, {
               modelValue: i.value,
               "onUpdate:modelValue": t[3] || (t[3] = (o) => i.value = o),
               "add-on-text": !1,
@@ -167,20 +169,20 @@ const O = { class: "step-section" }, P = { key: 0 }, j = ["id", "value", "disabl
         }),
         _: 1,
         __: [4, 5]
-      })) : h("", !0),
-      s.value.length === 0 ? (n(), p("div", q, [
-        v(F, {
+      })) : b("", !0),
+      s.value.length === 0 ? (n(), c("div", H, [
+        y(T, {
           "button-text": "Räumliche Abdeckung hinzufügen",
           size: "medium",
           variant: "tertiary",
           "icon-start": "plus",
-          disabled: !B.value,
-          onClick: C
+          disabled: !C.value,
+          onClick: L
         }, null, 8, ["disabled"])
-      ])) : h("", !0)
+      ])) : b("", !0)
     ]));
   }
 });
 export {
-  le as default
+  te as default
 };