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

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

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

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Autocomplete/Autocomplete.vue2.js

@@ -1,18 +1,18 @@
-import { defineComponent as x, mergeModels as I, useModel as k, computed as L, createElementBlock as u, openBlock as n, createVNode as i, unref as r, withCtx as c, createElementVNode as d, createBlock as _, createCommentVNode as p, renderSlot as g, createTextVNode as N, toDisplayString as y, normalizeClass as m, resolveDynamicComponent as P, Fragment as M, renderList as z } from "vue";
-import { Combobox as E, ComboboxLabel as F, ComboboxButton as S, ComboboxInput as $, ComboboxOptions as A, ComboboxOption as O } from "@headlessui/vue";
-import { PhMagnifyingGlass as U, PhCaretUp as G, PhCaretDown as K, PhCircleNotch as T } from "@phosphor-icons/vue";
-const j = { class: "autocomplete" }, H = { class: "autocomplete__wrapper" }, J = {
+import { defineComponent as L, mergeModels as N, useModel as M, computed as P, createElementBlock as r, openBlock as l, createVNode as d, unref as a, withCtx as i, createElementVNode as _, createBlock as c, createCommentVNode as p, renderSlot as y, createTextVNode as z, toDisplayString as g, normalizeClass as m, resolveDynamicComponent as b, Fragment as D, renderList as E } from "vue";
+import { Combobox as F, ComboboxLabel as S, ComboboxButton as q, ComboboxInput as $, ComboboxOptions as O, ComboboxOption as U } from "@headlessui/vue";
+import { PhMagnifyingGlass as G, PhCaretUp as K, PhCaretDown as T, PhCircleNotch as j } from "@phosphor-icons/vue";
+const H = { class: "autocomplete" }, J = { class: "autocomplete__wrapper" }, Q = {
   key: 0,
   class: "autocomplete__input-icon autocomplete__input-icon--left"
-}, Q = { class: "autocomplete__input-icon" }, R = {
+}, R = {
   key: 0,
   class: "autocomplete__loading"
 }, W = {
   key: 0,
   class: "autocomplete__no-results"
-}, ee = /* @__PURE__ */ x({
+}, ee = /* @__PURE__ */ L({
   __name: "Autocomplete",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ N({
     options: {},
     label: { default: "" },
     errorMessage: { default: "" },
@@ -20,8 +20,9 @@ const j = { class: "autocomplete" }, H = { class: "autocomplete__wrapper" }, J =
     name: { default: "" },
     loading: { type: Boolean, default: !1 },
     searchIcon: { type: Boolean, default: !1 },
-    optionLabel: { type: Function, default: (s) => s },
-    optionValue: { type: Function, default: (s) => s },
+    inputAsButton: { type: Boolean, default: !0 },
+    optionLabel: { type: Function, default: (u) => u },
+    optionValue: { type: Function, default: (u) => u },
     optionDisabled: { type: Function, default: () => !1 }
   }, {
     modelValue: { required: !0 },
@@ -30,124 +31,130 @@ const j = { class: "autocomplete" }, H = { class: "autocomplete__wrapper" }, J =
     queryModifiers: {}
   }),
   emits: ["update:modelValue", "update:query"],
-  setup(s) {
-    const o = s, f = k(s, "modelValue"), b = k(s, "query"), v = L(() => !!o.errorMessage);
-    function B(e) {
+  setup(u) {
+    const t = u, f = M(u, "modelValue"), v = M(u, "query"), h = P(() => !!t.errorMessage);
+    function w(e) {
       e.open && e.event.stopPropagation();
     }
-    function D(e) {
-      return typeof e == "string" ? o.optionLabel(e) : e.name || String(e.id);
-    }
-    function h(e) {
-      return typeof e == "string" ? o.optionValue(e) : String(e.id);
+    function x(e) {
+      return typeof e == "string" ? t.optionLabel(e) : e.name || String(e.id);
     }
     function C(e) {
-      return typeof e == "string" ? o.optionDisabled(e) : !!e.unavailable;
+      return typeof e == "string" ? t.optionValue(e) : String(e.id);
     }
-    function q(e, l) {
-      if (!e || !l)
+    function V(e) {
+      return typeof e == "string" ? t.optionDisabled(e) : !!e.unavailable;
+    }
+    function A(e, n) {
+      if (!e || !n)
         return !1;
-      if (e === l)
+      if (e === n)
         return !0;
-      if (typeof e == "string" && typeof l == "string")
-        return e === l;
-      const t = h(e), a = h(l);
-      return t === a;
+      if (typeof e == "string" && typeof n == "string")
+        return e === n;
+      const s = C(e), o = C(n);
+      return s === o;
     }
-    function w(e) {
+    function I(e) {
       return !e || typeof e == "string" ? "" : e.name || "";
     }
-    return (e, l) => (n(), u("div", j, [
-      i(r(E), {
+    return (e, n) => (l(), r("div", H, [
+      d(a(F), {
         modelValue: f.value,
-        "onUpdate:modelValue": l[1] || (l[1] = (t) => f.value = t),
-        name: o.name,
-        by: q,
+        "onUpdate:modelValue": n[1] || (n[1] = (s) => f.value = s),
+        name: t.name,
+        by: A,
         nullable: ""
       }, {
-        default: c(() => [
-          d("div", H, [
-            o.label ? (n(), _(r(F), {
+        default: i(({ open: s }) => [
+          _("div", J, [
+            t.label ? (l(), c(a(S), {
               key: 0,
               class: "autocomplete__label",
               as: "div"
             }, {
-              default: c(() => [
-                g(e.$slots, "label", {
-                  label: o.label,
+              default: i(() => [
+                y(e.$slots, "label", {
+                  label: t.label,
                   selected: f.value
                 }, () => [
-                  N(y(o.label), 1)
+                  z(g(t.label), 1)
                 ], !0)
               ]),
               _: 3
             })) : p("", !0),
-            d("div", {
-              class: m(["autocomplete__input-container", { "autocomplete__input-container--error": v.value }])
+            _("div", {
+              class: m(["autocomplete__input-container", { "autocomplete__input-container--error": h.value }])
             }, [
-              i(r(S), {
+              (l(), c(b(t.inputAsButton ? a(q) : "div"), {
                 as: "div",
                 class: "autocomplete__input-wrapper"
               }, {
-                default: c(({ open: t }) => [
-                  o.searchIcon ? (n(), u("div", J, [
-                    i(r(U), { size: "1.5rem" })
+                default: i(() => [
+                  t.searchIcon ? (l(), r("div", Q, [
+                    d(a(G), { size: "1.5rem" })
                   ])) : p("", !0),
-                  i(r($), {
-                    class: m(["autocomplete__input", { "autocomplete__input--with-left-icon": o.searchIcon }]),
-                    "display-value": (a) => w(a),
-                    placeholder: o.placeholder,
-                    onChange: l[0] || (l[0] = (a) => b.value = a.target.value),
-                    onClick: (a) => B({ event: a, open: t })
+                  d(a($), {
+                    class: m(["autocomplete__input", { "autocomplete__input--with-left-icon": t.searchIcon }]),
+                    "display-value": (o) => I(o),
+                    placeholder: t.placeholder,
+                    onChange: n[0] || (n[0] = (o) => v.value = o.target.value),
+                    onClick: (o) => w({ event: o, open: s })
                   }, null, 8, ["class", "display-value", "placeholder", "onClick"]),
-                  d("div", Q, [
-                    (n(), _(P(t ? r(G) : r(K)), { size: "1.5rem" }))
-                  ])
+                  (l(), c(b(t.inputAsButton ? "div" : a(q)), {
+                    as: "div",
+                    class: "autocomplete__input-icon"
+                  }, {
+                    default: i(() => [
+                      (l(), c(b(s ? a(K) : a(T)), { size: "1.5rem" }))
+                    ]),
+                    _: 2
+                  }, 1024))
                 ]),
-                _: 1
-              })
+                _: 2
+              }, 1024))
             ], 2),
-            e.errorMessage ? (n(), u("div", {
+            e.errorMessage ? (l(), r("div", {
               key: 1,
-              class: m(["autocomplete__message", { "autocomplete__message--error": v.value }])
-            }, y(e.errorMessage), 3)) : p("", !0)
+              class: m(["autocomplete__message", { "autocomplete__message--error": h.value }])
+            }, g(e.errorMessage), 3)) : p("", !0)
           ]),
-          i(r(A), {
+          d(a(O), {
             class: "autocomplete__options",
             as: "ul"
           }, {
-            default: c(() => [
-              o.loading ? (n(), u("div", R, [
-                g(e.$slots, "loading", {}, () => [
-                  i(r(T), {
+            default: i(() => [
+              t.loading ? (l(), r("div", R, [
+                y(e.$slots, "loading", {}, () => [
+                  d(a(j), {
                     size: "24px",
                     color: "#0172AD",
                     weight: "bold",
                     class: "autocomplete__loading-spinner"
                   })
                 ], !0)
-              ])) : (n(), u(M, { key: 1 }, [
-                (n(!0), u(M, null, z(o.options, (t) => (n(), _(r(O), {
-                  key: typeof t == "string" ? t : t.id,
+              ])) : (l(), r(D, { key: 1 }, [
+                (l(!0), r(D, null, E(t.options, (o) => (l(), c(a(U), {
+                  key: typeof o == "string" ? o : o.id,
                   as: "template",
-                  value: t,
-                  disabled: C(t)
+                  value: o,
+                  disabled: V(o)
                 }, {
-                  default: c(({ active: a, selected: V }) => [
-                    g(e.$slots, "option", {
-                      option: t,
-                      active: a,
-                      selected: V,
-                      disabled: C(t)
+                  default: i(({ active: k, selected: B }) => [
+                    y(e.$slots, "option", {
+                      option: o,
+                      active: k,
+                      selected: B,
+                      disabled: V(o)
                     }, () => [
-                      d("li", {
-                        class: m(["autocomplete__option", { "autocomplete__option--active": a, "autocomplete__option--selected": V }])
-                      }, y(D(t)), 3)
+                      _("li", {
+                        class: m(["autocomplete__option", { "autocomplete__option--active": k, "autocomplete__option--selected": B }])
+                      }, g(x(o)), 3)
                     ], !0)
                   ]),
                   _: 2
                 }, 1032, ["value", "disabled"]))), 128)),
-                o.options.length === 0 && b.value !== "" ? (n(), u("div", W, " Keine Ergebnisse gefunden. ")) : p("", !0)
+                t.options.length === 0 && v.value !== "" ? (l(), r("div", W, " Keine Ergebnisse gefunden. ")) : p("", !0)
               ], 64))
             ]),
             _: 3

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

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

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Autocomplete/AutocompleteVocab.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as X, mergeModels as B, computed as t, ref as F, toRef as P, useModel as Y, watch as R, createBlock as k, openBlock as I, unref as m, createSlots as Z, withCtx as M, createElementVNode as w, createTextVNode as ee, createCommentVNode as re, toDisplayString as oe, renderSlot as te } from "vue";
+import { defineComponent as X, mergeModels as _, computed as o, ref as A, toRef as F, useModel as Y, watch as P, createBlock as R, openBlock as k, unref as m, createSlots as Z, withCtx as I, createElementVNode as w, createTextVNode as ee, createCommentVNode as te, toDisplayString as re, renderSlot as oe } from "vue";
 import { PhSpinner as ae } from "@phosphor-icons/vue";
 import { defineHubSearch as le } from "@piveau/sdk-vue";
 import { useDebounce as p } from "@vueuse/core";
@@ -6,7 +6,7 @@ import se from "zod";
 import ue from "./Autocomplete.vue.js";
 const ne = { class: "autocomplete-vocab__label" }, be = /* @__PURE__ */ X({
   __name: "AutocompleteVocab",
-  props: /* @__PURE__ */ B({
+  props: /* @__PURE__ */ _({
     by: { default: "" },
     baseUrl: { default: "https://twin.bydata.de/api/hub/search" },
     vocabulary: {},
@@ -22,57 +22,58 @@ const ne = { class: "autocomplete-vocab__label" }, be = /* @__PURE__ */ X({
     sort: { default: "title.de+asc,name.de+asc,pref_label.de+asc,pref_label.en+asc,alt_label.de+asc,alt_label.en+asc" },
     authToken: { default: "" },
     searchIcon: { type: Boolean, default: !1 },
-    limit: { default: 24 }
+    limit: { default: 24 },
+    inputAsButton: { type: Boolean, default: !0 }
   }, {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ B(["select"], ["update:modelValue"]),
-  setup(b, { emit: A }) {
-    const r = b, D = A, u = t(() => !!r.vocabulary), v = t(() => r.by || u.value ? "vocabulary" : "resource"), T = t(() => r.resource === "dataset" ? "dataset" : u.value ? "vocabulary" : v.value), U = t(() => r.resource === "dataset" ? "datasets" : u.value ? "vocabularies" : v.value === "resource" ? `resources/${r.resource}` : "vocabularies"), $ = t(() => !r.isAutocompleteDisabled && !!(r.resource || r.vocabulary)), { useSearch: E, useResource: L } = le({
-      baseUrl: r.baseUrl,
+  emits: /* @__PURE__ */ _(["select"], ["update:modelValue"]),
+  setup(b, { emit: M }) {
+    const t = b, D = M, u = o(() => !!t.vocabulary), v = o(() => t.by || u.value ? "vocabulary" : "resource"), T = o(() => t.resource === "dataset" ? "dataset" : u.value ? "vocabulary" : v.value), U = o(() => t.resource === "dataset" ? "datasets" : u.value ? "vocabularies" : v.value === "resource" ? `resources/${t.resource}` : "vocabularies"), $ = o(() => !t.isAutocompleteDisabled && !!(t.resource || t.vocabulary)), { useSearch: E, useResource: L } = le({
+      baseUrl: t.baseUrl,
       index: T.value,
       indexDetails: U.value,
       schema: se.any()
     }, (e) => {
-      var d, V, _;
-      const o = (d = r.setupFn) == null ? void 0 : d.call(r, e), l = String((o == null ? void 0 : o.id) || (e == null ? void 0 : e.resource) || ""), n = String((o == null ? void 0 : o.name) || ((V = e == null ? void 0 : e.pref_label) == null ? void 0 : V.de) || ((_ = e == null ? void 0 : e.pref_label) == null ? void 0 : _.en) || "");
+      var d, q, V;
+      const r = (d = t.setupFn) == null ? void 0 : d.call(t, e), l = String((r == null ? void 0 : r.id) || (e == null ? void 0 : e.resource) || ""), n = String((r == null ? void 0 : r.name) || ((q = e == null ? void 0 : e.pref_label) == null ? void 0 : q.de) || ((V = e == null ? void 0 : e.pref_label) == null ? void 0 : V.en) || "");
       return {
-        ...o,
+        ...r,
         id: l,
         name: n
       };
-    }), f = F(""), z = p(f, 300), C = t(() => r.vocabulary), N = t(() => ({
-      ...r.authToken && { Authorization: `Bearer ${r.authToken}` }
+    }), f = A(""), z = p(f, 300), C = o(() => t.vocabulary), N = o(() => ({
+      ...t.authToken && { Authorization: `Bearer ${t.authToken}` }
     })), { getSearchResultsEnhanced: O, isFetching: x } = E({
       queryOptions: {
         enabled: $
       },
       queryParams: {
         q: z,
-        limit: P(r.limit),
+        limit: F(t.limit),
         // ...vocabularyRef.value
         //   ? { vocabulary: vocabularyRef }
         //   : { resource: props.resource },
-        vocabulary: t(() => u.value ? C.value : ""),
+        vocabulary: o(() => u.value ? C.value : ""),
         // resource: computed(() => props.resource || ''),
-        sort: P(r.sort)
+        sort: F(t.sort)
       },
-      additionalParams: t(() => ({
-        resource: v.value === "resource" ? r.resource : ""
+      additionalParams: o(() => ({
+        resource: v.value === "resource" ? t.resource : ""
       })),
       headers: N
-    }), j = t(() => {
+    }), j = o(() => {
       let e = O.value || [];
-      return r.postProcessFn && (e = r.postProcessFn(e)), e;
-    }), a = Y(b, "modelValue"), y = t(() => !(!a.value || typeof a.value == "string")), H = t(() => typeof a.value == "string");
+      return t.postProcessFn && (e = t.postProcessFn(e)), e;
+    }), a = Y(b, "modelValue"), y = o(() => !(!a.value || typeof a.value == "string")), H = o(() => typeof a.value == "string");
     function i(e) {
       return String(e ?? "").trim();
     }
-    const c = t(() => {
+    const c = o(() => {
       var e;
       return typeof a.value == "string" ? i(a.value) : i((e = a.value) == null ? void 0 : e.id);
-    }), h = t(() => H.value && !!c.value), Q = t(() => h.value ? u.value ? `${r.vocabulary}/vocable` : c.value : ""), G = t(() => u.value ? { resource: c.value } : {}), {
+    }), h = o(() => H.value && !!c.value), Q = o(() => h.value ? u.value ? `${t.vocabulary}/vocable` : c.value : ""), G = o(() => u.value ? { resource: c.value } : {}), {
       resultEnhanced: J,
       isSuccess: ie,
       isFetching: K
@@ -81,14 +82,14 @@ const ne = { class: "autocomplete-vocab__label" }, be = /* @__PURE__ */ X({
       queryOptions: {
         enabled: h
       }
-    }), g = p(K, 350), W = p(x, 350), s = F(), S = t({
+    }), g = p(K, 350), W = p(x, 350), s = A(), S = o({
       get: () => {
         var l, n;
         const e = c.value;
         if (!e)
           return { id: "", name: "" };
-        const o = typeof a.value == "object" && a.value !== null ? a.value.name : i((l = s.value) == null ? void 0 : l.id) === e ? ((n = s.value) == null ? void 0 : n.name) ?? "" : "";
-        return { id: e, name: o };
+        const r = typeof a.value == "object" && a.value !== null ? a.value.name : i((l = s.value) == null ? void 0 : l.id) === e ? ((n = s.value) == null ? void 0 : n.name) ?? "" : "";
+        return { id: e, name: r };
       },
       set: (e) => {
         if (!e) {
@@ -102,48 +103,49 @@ const ne = { class: "autocomplete-vocab__label" }, be = /* @__PURE__ */ X({
         s.value = e, a.value = i(e.id);
       }
     });
-    return R(J, (e, o) => {
-      e && (o && o.id === e.id || (s.value = e, y.value && (a.value = e), y.value || (a.value = i(e.id))));
-    }, { immediate: !0 }), R(s, (e) => {
+    return P(J, (e, r) => {
+      e && (r && r.id === e.id || (s.value = e, y.value && (a.value = e), y.value || (a.value = i(e.id))));
+    }, { immediate: !0 }), P(s, (e) => {
       e && D("select", e);
-    }, { immediate: !0 }), (e, o) => (I(), k(ue, {
+    }, { immediate: !0 }), (e, r) => (k(), R(ue, {
       modelValue: S.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (l) => S.value = l),
+      "onUpdate:modelValue": r[0] || (r[0] = (l) => S.value = l),
       query: f.value,
-      "onUpdate:query": o[1] || (o[1] = (l) => f.value = l),
+      "onUpdate:query": r[1] || (r[1] = (l) => f.value = l),
       options: j.value || [],
       label: e.label,
       "error-message": e.errorMessage,
       placeholder: e.placeholder,
       name: e.name,
-      disabled: m(g) || r.disabled,
+      disabled: m(g) || t.disabled,
       loading: m(W),
-      "search-icon": r.searchIcon
+      "search-icon": t.searchIcon,
+      "input-as-button": t.inputAsButton
     }, Z({
-      label: M(() => [
+      label: I(() => [
         w("div", ne, [
-          ee(oe(e.label) + " ", 1),
-          m(g) ? (I(), k(m(ae), {
+          ee(re(e.label) + " ", 1),
+          m(g) ? (k(), R(m(ae), {
             key: 0,
             class: "animate-spin"
-          })) : re("", !0)
+          })) : te("", !0)
         ])
       ]),
       _: 2
     }, [
       e.$slots.option ? {
         name: "option",
-        fn: M(({ option: l, active: n, selected: q, disabled: d }) => [
-          te(e.$slots, "option", {
+        fn: I(({ option: l, active: n, selected: B, disabled: d }) => [
+          oe(e.$slots, "option", {
             option: l,
             active: n,
-            selected: q,
+            selected: B,
             disabled: d
           }, void 0, !0)
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["modelValue", "query", "options", "label", "error-message", "placeholder", "name", "disabled", "loading", "search-icon"]));
+    ]), 1032, ["modelValue", "query", "options", "label", "error-message", "placeholder", "name", "disabled", "loading", "search-icon", "input-as-button"]));
   }
 });
 export {

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-82ead6bb"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-335925e7"]]);
 export {
   m as default
 };