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

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

@@ -0,0 +1,199 @@
+import { defineComponent as K, computed as o, ref as V, watch as M, createElementBlock as n, openBlock as l, createElementVNode as a, createCommentVNode as f, toDisplayString as y, createBlock as D, resolveDynamicComponent as G, unref as r, withCtx as Q, createVNode as C, Fragment as X, renderList as Y } from "vue";
+import { PhCircleNotch as Z } from "@phosphor-icons/vue";
+import { whenever as ee } from "@vueuse/core";
+import { useStore as te } from "vuex";
+import { useRuntimeEnv as ie } from "../../composables/useRuntimeEnv.js";
+import { useDebouncedLoading as ae } from "../composables/useDebouncedLoading.js";
+import { useErrorDialog as oe } from "../composables/useErrorDialog.js";
+import { useProjectSearch as le, useDatasetSearch as se } from "../composables/useTwinbyHome.js";
+import { useTwinbyUser as ne } from "../composables/useTwinbyUser.js";
+import { formatDate as re } from "../utils/formatDate.js";
+import de from "./ui/ButtonV3.vue.js";
+import ue from "./ui/TableRowV3.vue.js";
+const ce = { class: "dpiV3_dpiHome V3-typography" }, pe = { class: "dpiV3_homeHeadWrap" }, me = { class: "dpiV3_tableHeader" }, he = { class: "interactionButtonsDPIHome" }, be = {
+  key: 0,
+  class: "dpiV3_table"
+}, ve = {
+  key: 0,
+  class: "dpiV3_loadingSkeleton"
+}, fe = {
+  key: 1,
+  class: "dpiV3_innerTable"
+}, ye = { class: "dpiV3_tableHeadWrap" }, we = { class: "dpiV3_thWrap" }, _e = { scope: "col" }, ge = {
+  key: 0,
+  scope: "col",
+  class: "dpiV3_statusHead"
+}, xe = /* @__PURE__ */ K({
+  __name: "ResourceTable",
+  props: {
+    type: {}
+  },
+  setup(E) {
+    var g, k, S, P;
+    const L = E, d = ie(), N = te(), { allowedToCreate: u, organization: I } = ne({
+      keycloak: ((k = (g = d.authentication) == null ? void 0 : g.keycloak) == null ? void 0 : k.url) || "https://keycloak.twin.bydata.de",
+      realm: ((P = (S = d.authentication) == null ? void 0 : S.keycloak) == null ? void 0 : P.realm) || "piveau",
+      audience: "piveau-hub-repo"
+    }), T = o(() => {
+      var t, e;
+      return (e = (t = N.getters) == null ? void 0 : t["auth/getUserData"]) == null ? void 0 : e.authToken;
+    }), c = o(() => ({
+      Authorization: `Bearer ${T.value}`
+    })), p = o(() => L.type === "projects"), { useSearch: j } = le(d.api.baseUrl), { useSearch: x } = se(d.api.baseUrl), m = V([]);
+    M(I, (t) => {
+      m.value = [t];
+    }, {
+      immediate: !0
+    });
+    const H = j({
+      queryParams: {
+        limit: 200,
+        sort: "modified+desc"
+      },
+      selectedFacets: {
+        superCatalog: m
+      },
+      additionalParams: {
+        resource: "project",
+        accessControlPermissions: "view,edit,publish,delete"
+      },
+      headers: c
+    }), z = x({
+      queryParams: {
+        limit: 200,
+        sort: "modified+desc"
+      },
+      selectedFacets: {
+        superCatalog: m
+      },
+      additionalParams: {
+        accessControlPermissions: "view,edit,publish,delete"
+      },
+      headers: c
+    }), { getSearchResultsEnhanced: B, query: w, isFetching: F } = o(() => p.value ? H : z).value, h = o(() => w.error.value), { openErrorDialog: R } = oe();
+    ee(h, () => {
+      if (!h.value)
+        return;
+      const t = p.value ? "Fehler beim Laden der Projekte" : "Fehler beim Laden der Datensätze", e = new Error(`${JSON.stringify(h.value)}
+
+${JSON.stringify(c.value)}`);
+      R(e, t);
+    });
+    const b = o(() => {
+      var t;
+      return (t = B.value) == null ? void 0 : t.map((e) => ({
+        id: e.id,
+        title: e.title,
+        modified: e.modified,
+        publicationStatus: e.publicationStatus,
+        visibility: e.accessLevel,
+        catalogId: e.catalogId,
+        allowEdit: e.allowEdit,
+        allowPublish: e.allowPublish,
+        allowDelete: e.allowDelete
+      }));
+    }), { isLoading: q } = ae(F), v = V(!1);
+    async function _() {
+      await new Promise((t) => setTimeout(t, 2100)), w.refetch(), v.value = !1;
+    }
+    function U() {
+      v.value = !0, _();
+    }
+    const A = o(() => q.value || v.value), s = o(() => p.value ? {
+      title: "Ihre Projekte",
+      description: "Hier sehen Sie alle Projekte, die Sie bearbeiten oder veröffentlichen können.",
+      buttonText: "Neues Projekt erstellen",
+      routeName: "DataProviderInterface-InputProject",
+      columnLabel: "Name",
+      showVisibilityColumn: !0,
+      showEmptyState: !1
+    } : {
+      title: "Ihre Datensätze",
+      description: "Hier sehen Sie alle Datensätze, die Sie bearbeiten oder veröffentlichen können.",
+      buttonText: "Neuen Datensatz erstellen",
+      routeName: "DataProviderInterface-Input",
+      columnLabel: "Name",
+      showVisibilityColumn: !0,
+      showEmptyState: !0
+    }), W = {
+      public: "Öffentlich",
+      restricted: "Eingeschränkt",
+      internal: "Intern"
+    };
+    function $(t) {
+      return W[t] || t;
+    }
+    const J = o(() => s.value.showEmptyState && (!b.value || b.value.length === 0));
+    return (t, e) => (l(), n("div", ce, [
+      a("div", pe, [
+        a("h2", me, y(s.value.title), 1),
+        a("p", null, y(s.value.description), 1),
+        f("", !0),
+        a("div", he, [
+          (l(), D(G(r(u) ? "RouterLink" : "span"), {
+            disabled: !r(u),
+            to: { name: s.value.routeName, query: { locale: "de", edit: !1 }, params: { property: "datasets" } }
+          }, {
+            default: Q(() => [
+              C(de, {
+                disabled: !r(u),
+                "button-text": s.value.buttonText,
+                size: "large"
+              }, null, 8, ["disabled", "button-text"])
+            ]),
+            _: 1
+          }, 8, ["disabled", "to"]))
+        ])
+      ]),
+      J.value ? f("", !0) : (l(), n("div", be, [
+        A.value ? (l(), n("div", ve, [
+          C(r(Z), {
+            size: 48,
+            weight: "bold",
+            class: "dpiV3_spinningIcon"
+          })
+        ])) : (l(), n("div", fe, [
+          a("div", ye, [
+            a("div", we, [
+              a("div", _e, [
+                a("span", null, y(s.value.columnLabel), 1)
+              ]),
+              e[2] || (e[2] = a("div", {
+                scope: "col",
+                class: "dpiV3_statusHead"
+              }, [
+                a("span", null, "Status")
+              ], -1)),
+              s.value.showVisibilityColumn ? (l(), n("div", ge, e[1] || (e[1] = [
+                a("span", null, "Sichtbarkeit", -1)
+              ]))) : f("", !0)
+            ]),
+            e[3] || (e[3] = a("div", { class: "dpiV3_blankCell" }, null, -1))
+          ]),
+          a("div", null, [
+            (l(!0), n(X, null, Y(b.value, (i, O) => (l(), D(ue, {
+              id: i.id,
+              key: i.id ?? O,
+              type: t.type,
+              text: i.title || "Kein Titel in englisch oder deutsch vohanden",
+              date: i.modified ? r(re)(i.modified) : "-",
+              dataset: i,
+              visibility: $(i.visibility || "public"),
+              "visibility-state": i.visibility,
+              draft: i.publicationStatus === "draft",
+              catalogue: i.catalogId,
+              "allow-edit": i.allowEdit && i.publicationStatus === "draft",
+              "allow-publish": i.allowPublish,
+              "allow-delete": i.allowDelete,
+              onComplete: _,
+              onStart: U
+            }, null, 8, ["id", "type", "text", "date", "dataset", "visibility", "visibility-state", "draft", "catalogue", "allow-edit", "allow-publish", "allow-delete"]))), 128))
+          ])
+        ]))
+      ]))
+    ]));
+  }
+});
+export {
+  xe 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/services/dpiV3_apis.js

@@ -0,0 +1,115 @@
+import c from "axios";
+const u = async (a) => {
+  try {
+    let e = `${a}vocabularies/hvd-category`;
+    return (await c.get(e)).data.result.results;
+  } catch (e) {
+    throw console.error("Error fetching HVD categories:", e), e;
+  }
+}, i = async (a) => {
+  try {
+    let e = `${a}vocabularies/data-theme`;
+    return (await c.get(e)).data.result.results;
+  } catch (e) {
+    throw console.error("Error fetching Dataset categories:", e), e;
+  }
+}, g = async (a) => {
+  try {
+    let e = `${a}vocabularies/iana-media-types`;
+    return (await c.get(e, {
+      headers: { Accept: "application/json" }
+    })).data.result;
+  } catch (e) {
+    throw console.error("Error fetching file types:", e), e;
+  }
+}, h = async (a) => {
+  try {
+    let e = `${a}vocabularies/file-type`;
+    return (await c.get(e, {
+      headers: { Accept: "application/json" }
+    })).data.result;
+  } catch (e) {
+    throw console.error("Error fetching file types:", e), e;
+  }
+}, d = async (a, e, r) => {
+  let l = [];
+  try {
+    let o = `${e}vocabularies/${r}`;
+    return l = (await c.get(o)).data.result.results, l;
+  } catch (o) {
+    throw console.error("Error fetching Dataset categories:", o), o;
+  }
+}, p = async (a) => {
+  try {
+    let e = `${a}vocabularies/planned-availability`;
+    return (await c.get(e)).data.result.results.map((l) => ({
+      value: l.id,
+      label: l.pref_label.de,
+      uri: l.resource
+    }));
+  } catch (e) {
+    throw console.error("Error fetching planned availability:", e), e;
+  }
+}, y = async (a, e = "de") => {
+  try {
+    let r = `${a}vocabularies/language`, o = (await c.get(r)).data.result.results.map((t) => ({
+      value: t.id,
+      label: `${t.pref_label[e] || t.pref_label.en || t.id} (${t.id})`,
+      uri: t.resource
+    }));
+    return o.sort((t, s) => t.label.localeCompare(s.label, e)), o;
+  } catch (r) {
+    throw console.error("Error fetching languages:", r), r;
+  }
+}, b = async (a, e = "de") => {
+  try {
+    let r = `${a}vocabularies/licenses`;
+    return (await c.get(r)).data.result.results.map((t) => {
+      var s;
+      return {
+        value: t.id,
+        label: t.pref_label[e] || t.pref_label.en || t.id,
+        homepage: ((s = t.extensions) == null ? void 0 : s.foaf_homepage) || null,
+        uri: t.resource
+      };
+    });
+  } catch (r) {
+    throw console.error("Error fetching licenses:", r), r;
+  }
+}, f = async (a, e = "de") => {
+  try {
+    let r = `${a}vocabularies/adms`;
+    return (await c.get(r)).data.result.results.filter(
+      (s) => s.in_scheme === "http://purl.org/adms/status/1.0" && s.resource !== "http://purl.org/adms/status/UnderDevelopment"
+    ).map((s) => ({
+      value: s.id,
+      label: s.pref_label[e] || s.pref_label.en || s.id,
+      resource: s.resource || null
+    }));
+  } catch (r) {
+    throw console.error("Error fetching dataset status:", r), r;
+  }
+}, v = async (a, e = "en") => {
+  try {
+    let r = `${a}vocabularies/spdx-checksum-algorithm`;
+    return (await c.get(r)).data.result.results.map((t) => ({
+      value: t.id,
+      label: t.pref_label[e] || t.pref_label.en || t.id,
+      resource: t.resource || null
+    }));
+  } catch (r) {
+    throw console.error("Error fetching checksum algorithms:", r), r;
+  }
+};
+export {
+  v as getChecksumAlgorithms,
+  i as getDatasetCategories,
+  f as getDatasetStatus,
+  g as getFileTypes,
+  h as getFormatTypes,
+  u as getHvdCategories,
+  y as getLanguages,
+  b as getLicenses,
+  d as getOptionalURIs,
+  p as getPlannedAvailability
+};

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 p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-98155283"]]);
+export {
+  p as default
+};

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

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

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

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