@piveau/dpi 0.2.0-alpha.4 → 0.2.0-alpha.6

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

@@ -0,0 +1,105 @@
+import { ref as f, computed as n, watch as b, createElementBlock as o, openBlock as i, createElementVNode as s, createVNode as v, withCtx as T, unref as l, createStaticVNode as U, Fragment as g, renderList as _, createBlock as h } from "vue";
+import { useAsyncState as z, useDebounce as B } from "@vueuse/core";
+import C from "axios";
+import "jquery";
+import { useRouter as N } from "vue-router";
+import { useStore as E } from "vuex";
+import { useRuntimeEnv as R } from "../../composables/useRuntimeEnv.js";
+import W from "../../widgets/AppLink.vue.js";
+import j from "./ui/ButtonV3.vue.js";
+import D from "./ui/TableRowV3.vue.js";
+import { formatDate as V } from "../utils/formatDate.js";
+/* empty css               */
+import A from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const $ = { class: "dpiV3_dpiHome V3-typography" }, q = { class: "dpiV3_homeHeadWrap" }, F = { class: "interactionButtonsDPIHome" }, K = { class: "dpiV3_table" }, M = {
+  key: 0,
+  class: "loading-screen"
+}, G = {
+  key: 1,
+  class: "dpiV3_innerTable"
+}, J = {
+  __name: "HomeTable",
+  setup(O) {
+    const k = R(), r = E();
+    N(), localStorage.getItem("dpi_duplicate"), f("");
+    let c = n(() => r.getters["auth/getUserCatalogIds"]);
+    f({
+      loading: !1,
+      message: "",
+      confirm: () => null
+    });
+    const y = n(() => r.getters["auth/getUserDrafts"]), x = n(() => r.getters["auth/getUserData"]);
+    n(() => x.value.rtpToken);
+    const H = (a) => r.dispatch("snackbar/showSnackbar", a);
+    async function S(a) {
+      const t = a.map((d) => C.get(`${k.api.baseUrl}search?facets={%22catalog%22:[%22${d}%22]}&filters=dataset&includes=title,modified,id,description,catalog`));
+      return (await Promise.all(t)).flatMap((d) => d.data.result.results);
+    }
+    const {
+      state: I,
+      execute: w,
+      isLoading: L,
+      error: p
+    } = z(async () => S(c.value), [], { immediate: !1 });
+    b(c, () => {
+      var a;
+      ((a = c.value) == null ? void 0 : a.length) > 0 && w();
+    }, { immediate: !0 }), b(p, () => {
+      console.error(p), H({
+        message: p.message,
+        color: "error"
+      });
+    });
+    const P = B(L, 500);
+    return (a, t) => (i(), o("div", $, [
+      s("div", q, [
+        t[0] || (t[0] = s("h2", { class: "dpiV3_tableHeader" }, " Ihre Datensätze ", -1)),
+        t[1] || (t[1] = s("div", { class: "dpiV3_dataset-information" }, [
+          s("p", null, "Hier sehen Sie alle Datensätze, die Sie bearbeiten oder veröffentlichen können.")
+        ], -1)),
+        s("div", F, [
+          v(W, { to: { name: "DataProviderInterface-Input", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
+            default: T(() => [
+              v(j, {
+                "button-text": "Neuen Datensatz erstellen",
+                size: "large"
+              })
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      s("div", K, [
+        l(P) ? (i(), o("div", M, t[2] || (t[2] = [
+          s("p", null, "Lädt Daten...", -1)
+        ]))) : (i(), o("div", G, [
+          t[3] || (t[3] = U('<div class="dpiV3_tableHeadWrap" data-v-4133b1bd><div class="dpiV3_thWrap" data-v-4133b1bd><div scope="col" data-v-4133b1bd><span data-v-4133b1bd>Datensätze</span></div><div scope="col" class="dpiV3_statusHead" data-v-4133b1bd><span data-v-4133b1bd>Status</span></div></div><div class="dpiV3_blankCell" data-v-4133b1bd></div></div>', 1)),
+          s("div", null, [
+            (i(!0), o(g, null, _(y.value, (e) => (i(), h(D, {
+              id: e.id,
+              key: e.id,
+              "data-cy": e,
+              catalogue: e.catalog,
+              text: e.title.de || e.title.en,
+              date: e.modified ? l(V)(a.project.modified) : "-",
+              draft: "true",
+              dataset: e
+            }, null, 8, ["id", "data-cy", "catalogue", "text", "date", "dataset"]))), 128)),
+            (i(!0), o(g, null, _(l(I), (e, d) => {
+              var u, m;
+              return i(), h(D, {
+                key: e.id,
+                text: ((u = e.title) == null ? void 0 : u.de) || ((m = e.title) == null ? void 0 : m.en) || "Kein Titel in englisch oder deutsch vohanden",
+                date: e.modified ? l(V)(a.project.modified) : "-",
+                dataset: e
+              }, null, 8, ["text", "date", "dataset"]);
+            }), 128))
+          ])
+        ]))
+      ])
+    ]));
+  }
+}, le = /* @__PURE__ */ A(J, [["__scopeId", "data-v-4133b1bd"]]);
+export {
+  le as default
+};

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

@@ -0,0 +1,56 @@
+import { ref as h, onMounted as v, createElementBlock as f, openBlock as V, createElementVNode as t, toDisplayString as a } from "vue";
+import "axios";
+/* empty css                  */
+import I from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const O = { class: "dpiV3_organisation" }, k = { class: "dpiV3_organisationInfo" }, D = { class: "dpiV3_organisationData" }, x = { class: "dpiV3_organisationTitle" }, y = ["src"], S = { class: "dpiV3_organisationAddress" }, b = { class: "dpiV3_organisationTitle" }, w = {
+  __name: "Organisation",
+  setup(A) {
+    const n = h({}), m = async () => {
+      const s = {
+        title: "Stadt Haar",
+        logo: "https://placehold.co/600x400",
+        address: {
+          street: "Bahnhofstraße 7",
+          postalCode: "85540",
+          city: "Haar"
+        },
+        contact: {
+          phoneNumber: "089 46002-0",
+          email: "info@stadt-haar.de"
+        }
+      };
+      n.value = s;
+    };
+    return v(() => {
+      m();
+    }), (s, o) => {
+      var i, e, r, d, l, c, p, _, g, u;
+      return V(), f("div", O, [
+        o[0] || (o[0] = t("h3", { class: "dpiV3_organisationTitle" }, " Ihre Organisation ", -1)),
+        o[1] || (o[1] = t("p", { class: "dpiV3_organisationDescription" }, " Die Informationen Ihrer Organisation können nur von Ihrem Organisations-Admin geändert werden. Wenn Sie nicht wissen, wer Ihr Organisations-Admin ist, kontaktieren Sie uns gerne. ", -1)),
+        t("div", k, [
+          t("p", null, a(n.value.title), 1),
+          t("div", D, [
+            t("div", x, [
+              t("img", {
+                src: n.value.logo,
+                alt: ""
+              }, null, 8, y)
+            ]),
+            t("div", S, [
+              t("p", null, a((e = (i = n.value) == null ? void 0 : i.address) == null ? void 0 : e.street), 1),
+              t("p", null, a((d = (r = n.value) == null ? void 0 : r.address) == null ? void 0 : d.postalCode) + " " + a((c = (l = n.value) == null ? void 0 : l.address) == null ? void 0 : c.city), 1)
+            ]),
+            t("div", b, [
+              t("p", null, a((_ = (p = n.value) == null ? void 0 : p.contact) == null ? void 0 : _.phoneNumber), 1),
+              t("p", null, a((u = (g = n.value) == null ? void 0 : g.contact) == null ? void 0 : u.email), 1)
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+}, E = /* @__PURE__ */ I(w, [["__scopeId", "data-v-eaad77b3"]]);
+export {
+  E as default
+};

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

@@ -0,0 +1,96 @@
+import { ref as u, computed as l, watch as v, createElementBlock as r, openBlock as s, createElementVNode as t, createVNode as f, withCtx as y, unref as _, createStaticVNode as D, Fragment as S, renderList as x, createBlock as I } from "vue";
+import { useAsyncState as j, useDebounce as w } from "@vueuse/core";
+import "axios";
+import "jquery";
+import { useRouter as H } from "vue-router";
+import { useStore as T } from "vuex";
+import { useRuntimeEnv as B } from "../../composables/useRuntimeEnv.js";
+import L from "../../widgets/AppLink.vue.js";
+import N from "./ui/ButtonV3.vue.js";
+import C from "./ui/TableRowV3.vue.js";
+import { formatDate as A } from "../utils/formatDate.js";
+/* empty css                  */
+import E from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const R = { class: "dpiV3_dpiHome V3-typography" }, U = { class: "dpiV3_homeHeadWrap" }, W = { class: "interactionButtonsDPIHome" }, q = { class: "dpiV3_table" }, z = {
+  key: 0,
+  class: "loading-screen"
+}, F = {
+  key: 1,
+  class: "dpiV3_innerTable"
+}, K = {
+  __name: "ProjectTable",
+  setup(M) {
+    B();
+    const i = T();
+    H(), localStorage.getItem("dpi_duplicate"), u("");
+    let d = l(() => i.getters["auth/getUserCatalogIds"]);
+    u({
+      loading: !1,
+      message: "",
+      confirm: () => null
+    });
+    const g = l(() => i.getters["auth/getUserData"]);
+    l(() => g.value.rtpToken);
+    const k = (a) => i.dispatch("snackbar/showSnackbar", a);
+    async function c(a) {
+      return [
+        { id: 1, title: { de: "Test-Projekt A" }, modified: Date.now() },
+        { id: 2, title: { en: "Mock Project B" }, modified: Date.now() }
+      ];
+    }
+    const {
+      state: G,
+      execute: h,
+      isLoading: b,
+      error: n
+    } = j(async () => c(d.value), [], { immediate: !1 });
+    v(d, () => {
+      var a;
+      ((a = d.value) == null ? void 0 : a.length) > 0 && h();
+    }, { immediate: !0 }), v(n, () => {
+      console.error(n), k({
+        message: n.message,
+        color: "error"
+      });
+    });
+    const V = w(b, 500);
+    return (a, e) => (s(), r("div", R, [
+      t("div", U, [
+        e[0] || (e[0] = t("h2", { class: "dpiV3_tableHeader" }, " Ihre Projekte ", -1)),
+        e[1] || (e[1] = t("p", null, "Hier sehen Sie alle Projekte, die Sie bearbeiten oder veröffentlichen können.", -1)),
+        t("div", W, [
+          f(L, { to: { name: "DataProviderInterface-InputProject", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
+            default: y(() => [
+              f(N, {
+                "button-text": "Neues Projekt erstellen",
+                size: "large"
+              })
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      t("div", q, [
+        _(V) ? (s(), r("div", z, e[2] || (e[2] = [
+          t("p", null, "Lädt Daten...", -1)
+        ]))) : (s(), r("div", F, [
+          e[3] || (e[3] = D('<div class="dpiV3_tableHeadWrap" data-v-13d69c74><div class="dpiV3_thWrap" data-v-13d69c74><div scope="col" data-v-13d69c74><span data-v-13d69c74>Name</span></div><div scope="col" class="dpiV3_statusHead" data-v-13d69c74><span data-v-13d69c74>Status</span></div></div><div class="dpiV3_blankCell" data-v-13d69c74></div></div>', 1)),
+          t("div", null, [
+            (s(!0), r(S, null, x(c(), (o, P) => {
+              var m, p;
+              return s(), I(C, {
+                key: o.id ?? P,
+                text: ((m = o.title) == null ? void 0 : m.de) || ((p = o.title) == null ? void 0 : p.en) || "Kein Titel in englisch oder deutsch vohanden",
+                date: o.modified ? _(A)(o.modified) : "-",
+                dataset: o
+              }, null, 8, ["text", "date", "dataset"]);
+            }), 128))
+          ])
+        ]))
+      ])
+    ]));
+  }
+}, ie = /* @__PURE__ */ E(K, [["__scopeId", "data-v-13d69c74"]]);
+export {
+  ie as default
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ServiceDPIHome.vue.js

@@ -1,6 +1,6 @@
 import { createStaticVNode as a } from "vue";
 /* empty css                    */
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const t = {};
 function l(c, i) {
   return i[0] || (i[0] = a('<div class="p-2 wrapperServiceDPI"><h5 class="w-100 p-3">Quick Start Open Data</h5><div class="p-3"><h6>Ein erster Überblick zu Open Data und zu Möglichkeiten, mitzumachen.</h6><button>Buchen</button></div><div class="p-3"><div class="d-flex"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"></path></svg><h6 class="mx-3">Überblick zu Open Data</h6></div><div class="d-flex"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"></path></svg><h6 class="mx-3">Überblick zu Open Data</h6></div></div></div><div class="p-2 wrapperServiceDPI"><h5 class="w-100 p-3">Quick Start Open Data</h5><div class="p-3"><h6>Ein erster Überblick zu Open Data und zu Möglichkeiten, mitzumachen.</h6><button>Buchen</button></div><div class="p-3"><div class="d-flex"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"></path></svg><h6 class="mx-3">Überblick zu Open Data</h6></div><div class="d-flex"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"></path></svg><h6 class="mx-3">Überblick zu Open Data</h6></div></div></div>', 2));

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

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

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

@@ -0,0 +1,70 @@
+import { defineComponent as v, computed as C, createElementBlock as d, openBlock as a, normalizeClass as _, createElementVNode as s, createBlock as V, withCtx as i, renderSlot as t, createCommentVNode as y, createVNode as l } from "vue";
+import p from "./ButtonV3.vue.js";
+import $ from "./SummaryBox.vue.js";
+const k = { class: "dpiV3_Card_Header" }, B = {
+  key: 1,
+  class: "standalone-text"
+}, h = { class: "dpiV3_Card_Actions" }, E = { class: "dpiV3_Card_Body" }, A = /* @__PURE__ */ v({
+  __name: "ActionCard",
+  props: {
+    variant: { default: "default" },
+    noEdit: { type: Boolean, default: !1 }
+  },
+  emits: ["edit", "delete"],
+  setup(m, { emit: c }) {
+    const r = m, n = c, u = C(() => ({
+      "V3-typography": !0,
+      dpiV3_Card: !0,
+      "dpiV3_Card--default": r.variant === "default",
+      "dpiV3_Card--error": r.variant === "error"
+    }));
+    return (e, o) => (a(), d("div", {
+      class: _(u.value)
+    }, [
+      s("div", k, [
+        e.$slots["standalone-name"] ? (a(), d("span", B, [
+          t(e.$slots, "standalone-name")
+        ])) : (a(), V($, { key: 0 }, {
+          title: i(() => [
+            t(e.$slots, "sub-title")
+          ]),
+          default: i(() => [
+            t(e.$slots, "title")
+          ]),
+          _: 3
+        })),
+        s("div", h, [
+          e.noEdit ? y("", !0) : (a(), d("div", {
+            key: 0,
+            onClick: o[0] || (o[0] = (f) => n("edit"))
+          }, [
+            t(e.$slots, "edit-icon", {}, () => [
+              l(p, {
+                size: "large",
+                "icon-start": "pen",
+                variant: "secondary"
+              })
+            ])
+          ])),
+          s("div", {
+            onClick: o[1] || (o[1] = (f) => n("delete"))
+          }, [
+            t(e.$slots, "delete-icon", {}, () => [
+              l(p, {
+                size: "large",
+                "icon-start": "Trash",
+                variant: "secondary"
+              })
+            ])
+          ])
+        ])
+      ]),
+      s("div", E, [
+        t(e.$slots, "default")
+      ])
+    ], 2));
+  }
+});
+export {
+  A as default
+};

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

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

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

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

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

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

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

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