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

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

@@ -1,32 +1,31 @@
-import { ref as j, createElementBlock as w, openBlock as n, Fragment as I, createElementVNode as t, createBlock as r, createCommentVNode as l, createVNode as P, toDisplayString as s, normalizeClass as h, unref as D, withCtx as S, renderSlot as _, createTextVNode as C } from "vue";
-import { useRuntimeEnv as F } from "../../composables/useRuntimeEnv.js";
-import H from "../components/TheErrorDialog.vue.js";
-import { useTwinbyUser as V } from "../composables/useTwinbyUser.js";
-import $ from "./AboutProject.vue.js";
-import z from "./HomeTable.vue.js";
-import T from "./Organisation.vue.js";
-import B from "./ProjectTable.vue.js";
+import { ref as w, createElementBlock as I, openBlock as o, Fragment as D, createElementVNode as t, createBlock as r, createCommentVNode as l, createVNode as P, toDisplayString as s, normalizeClass as h, unref as S, withCtx as _, renderSlot as C, createTextVNode as F } from "vue";
+import { useRuntimeEnv as V } from "../../composables/useRuntimeEnv.js";
+import $ from "../components/TheErrorDialog.vue.js";
+import { useTwinbyUser as z } from "../composables/useTwinbyUser.js";
+import H from "./AboutProject.vue.js";
+import B from "./Organisation.vue.js";
+import k from "./ResourceTable.vue.js";
 /* empty css             */
 import E from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const N = { class: "dpi_home" }, x = { class: "copy-small-regular dpi_home-subtitle" }, A = { class: "header_sections" }, O = {
+const N = { class: "dpi_home" }, T = { class: "copy-small-regular dpi_home-subtitle" }, x = { class: "header_sections" }, A = {
   __name: "DPIHome",
-  setup(K) {
-    var p, u, c, d;
-    const a = F(), k = {
+  setup(O) {
+    var u, m, c, d;
+    const a = V(), v = {
       dpi: "Schön, dass Sie Ihre Vorgehensweise beim Aufbau eines Digitalen Zwillings mit anderen Kommunen teilen.",
       project: 'Schön, dass Sie Ihre Vorgehensweise beim Aufbau eines Digitalen Zwillings mit anderen Kommunen teilen. Bevor Sie Ihr erstes Projekt anlegen, empfehlen wir Ihnen, die Hinweise unter "Über die Projektanlage" sorgfältig zu lesen. Ihre bereits angelegten Projekte und Datensätze finden Sie unter "DPI Home".'
-    }, o = j("project");
-    function m(i) {
-      o.value = i;
+    }, i = w("project");
+    function p(n) {
+      i.value = n;
     }
-    const { startFetchPermissions: v, organizationDetails: y } = V({
-      keycloak: ((u = (p = a.authentication) == null ? void 0 : p.keycloak) == null ? void 0 : u.url) || "https://keycloak.twin.bydata.de",
+    const { startFetchPermissions: y, organizationDetails: b } = z({
+      keycloak: ((m = (u = a.authentication) == null ? void 0 : u.keycloak) == null ? void 0 : m.url) || "https://keycloak.twin.bydata.de",
       realm: ((d = (c = a.authentication) == null ? void 0 : c.keycloak) == null ? void 0 : d.realm) || "piveau",
       audience: "piveau-hub-repo"
     });
-    return v(), (i, e) => {
+    return y(), (n, e) => {
       var f, g;
-      return n(), w(I, null, [
+      return o(), I(D, null, [
         e[4] || (e[4] = t("link", {
           rel: "preconnect",
           href: "https://fonts.googleapis.com"
@@ -42,28 +41,34 @@ const N = { class: "dpi_home" }, x = { class: "copy-small-regular dpi_home-subti
         }, null, -1)),
         t("div", N, [
           e[3] || (e[3] = t("h1", { class: "dpi_home-title" }, " Willkommen ", -1)),
-          t("p", x, s(k[o.value]), 1),
-          t("div", A, [
+          t("p", T, s(v[i.value]), 1),
+          t("div", x, [
             t("button", {
-              class: h({ active: o.value === "project" }),
-              onClick: e[0] || (e[0] = (b) => m("project"))
-            }, s(i.$t("projectFacility.projectFacility")), 3),
+              class: h({ active: i.value === "project" }),
+              onClick: e[0] || (e[0] = (j) => p("project"))
+            }, s(n.$t("projectFacility.projectFacility")), 3),
             t("button", {
-              class: h({ active: o.value === "dpi" }),
-              onClick: e[1] || (e[1] = (b) => m("dpi"))
-            }, s(i.$t("projectFacility.dpiHome")), 3)
+              class: h({ active: i.value === "dpi" }),
+              onClick: e[1] || (e[1] = (j) => p("dpi"))
+            }, s(n.$t("projectFacility.dpiHome")), 3)
           ]),
-          o.value === "project" ? (n(), r($, { key: 0 })) : l("", !0),
-          o.value === "dpi" ? (n(), r(B, { key: 1 })) : l("", !0),
-          o.value === "dpi" ? (n(), r(z, { key: 2 })) : l("", !0),
-          o.value === "dpi" ? (n(), r(T, {
+          i.value === "project" ? (o(), r(H, { key: 0 })) : l("", !0),
+          i.value === "dpi" ? (o(), r(k, {
+            key: 1,
+            type: "projects"
+          })) : l("", !0),
+          i.value === "dpi" ? (o(), r(k, {
+            key: 2,
+            type: "datasets"
+          })) : l("", !0),
+          i.value === "dpi" ? (o(), r(B, {
             key: 3,
-            title: (g = (f = D(y).resultEnhanced) == null ? void 0 : f.value) == null ? void 0 : g.title
+            title: (g = (f = S(b).resultEnhanced) == null ? void 0 : f.value) == null ? void 0 : g.title
           }, null, 8, ["title"])) : l("", !0),
-          P(H, null, {
-            title: S(() => [
-              _(i.$slots, "title", {}, () => [
-                e[2] || (e[2] = C(" Fehlermeldung ", -1))
+          P($, null, {
+            title: _(() => [
+              C(n.$slots, "title", {}, () => [
+                e[2] || (e[2] = F(" Fehlermeldung ", -1))
               ], !0)
             ]),
             _: 3
@@ -72,7 +77,7 @@ const N = { class: "dpi_home" }, x = { class: "copy-small-regular dpi_home-subti
       ], 64);
     };
   }
-}, X = /* @__PURE__ */ E(O, [["__scopeId", "data-v-09536d5f"]]);
+}, M = /* @__PURE__ */ E(A, [["__scopeId", "data-v-99e6ddef"]]);
 export {
-  X as default
+  M as default
 };

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

@@ -1,4 +1,4 @@
-import { ref as v, computed as l, watch as q, createElementBlock as a, openBlock as o, createElementVNode as n, createCommentVNode as D, createTextVNode as V, createBlock as f, resolveDynamicComponent as F, unref as r, withCtx as K, createVNode as S, createStaticVNode as $, Fragment as I, renderList as T } from "vue";
+import { ref as v, computed as l, watch as q, createElementBlock as a, openBlock as o, createElementVNode as n, createCommentVNode as D, createTextVNode as V, createBlock as h, resolveDynamicComponent as F, unref as r, withCtx as K, createVNode as S, createStaticVNode as $, Fragment as I, renderList as T } from "vue";
 import { PhCircleNotch as j } from "@phosphor-icons/vue";
 import "@vueuse/core";
 import "jquery";
@@ -31,14 +31,14 @@ const ee = { class: "dpiV3_dpiHome V3-typography" }, te = { class: "dpiV3_homeHe
     var _, k, y, w;
     const s = J();
     G(), localStorage.getItem("dpi_duplicate"), v("");
-    const h = M();
+    const b = M();
     v({
       loading: !1,
       message: "",
       confirm: () => null
     });
-    const c = l(() => s.getters["auth/getUserDrafts"].sort((t, i) => (t.id ?? "").localeCompare(i.id ?? "", "de", { sensitivity: "base", numeric: !0 })));
-    console.log(c);
+    const d = l(() => s.getters["auth/getUserDrafts"].sort((t, i) => (t.id ?? "").localeCompare(i.id ?? "", "de", { sensitivity: "base", numeric: !0 })));
+    console.log(d);
     const P = l(() => s.getters["auth/getUserData"]);
     l(() => P.value.rtpToken);
     const H = (t) => s.dispatch("snackbar/showSnackbar", t), z = l(() => {
@@ -46,24 +46,25 @@ const ee = { class: "dpiV3_dpiHome V3-typography" }, te = { class: "dpiV3_homeHe
       return (i = (t = s.getters) == null ? void 0 : t["auth/getUserData"]) == null ? void 0 : i.authToken;
     }), { useSearch: B } = Q("https://twin.bydata.de/api/hub/search"), E = l(() => ({
       Authorization: `Bearer ${z.value}`
-    })), { getSearchResultsEnhanced: L, query: b, isFetching: N } = B({
+    })), { getSearchResultsEnhanced: L, query: g, isFetching: N } = B({
       queryParams: {
-        limit: 100
+        limit: 200,
+        sort: "modified+desc"
       },
       additionalParams: {
         accessControlPermissions: "edit,publish,delete"
       },
       headers: E
-    }), d = l(() => b.error.value);
-    q(d, () => {
-      console.error(d), H({
-        message: d.value.message,
+    }), c = l(() => g.error.value);
+    q(c, () => {
+      console.error(c), H({
+        message: c.value.message,
         color: "error"
       });
     });
     const { isLoading: U } = O(N), u = v(!1);
     async function p() {
-      await new Promise((t) => setTimeout(t, 2100)), b.refetch(), u.value = !1;
+      await new Promise((t) => setTimeout(t, 2100)), g.refetch(), u.value = !1;
     }
     function R() {
       u.value = !0, p();
@@ -80,9 +81,9 @@ const ee = { class: "dpiV3_dpiHome V3-typography" }, te = { class: "dpiV3_homeHe
       allowEdit: t.allowEdit,
       allowPublish: t.allowPublish,
       allowDelete: t.allowDelete
-    }))), { allowedToCreate: g } = X({
-      keycloak: ((k = (_ = h.authentication) == null ? void 0 : _.keycloak) == null ? void 0 : k.url) || "https://keycloak.twin.bydata.de",
-      realm: ((w = (y = h.authentication) == null ? void 0 : y.keycloak) == null ? void 0 : w.realm) || "piveau",
+    }))), { allowedToCreate: f } = X({
+      keycloak: ((k = (_ = b.authentication) == null ? void 0 : _.keycloak) == null ? void 0 : k.url) || "https://keycloak.twin.bydata.de",
+      realm: ((w = (y = b.authentication) == null ? void 0 : y.keycloak) == null ? void 0 : w.realm) || "piveau",
       audience: "piveau-hub-repo"
     });
     return (t, i) => (o(), a("div", ee, [
@@ -91,16 +92,16 @@ const ee = { class: "dpiV3_dpiHome V3-typography" }, te = { class: "dpiV3_homeHe
         i[2] || (i[2] = n("div", { class: "dpiV3_dataset-information" }, [
           n("p", null, "Hier sehen Sie alle Datensätze, die Sie bearbeiten oder veröffentlichen können.")
         ], -1)),
-        m.value.length === 0 && c.value.length === 0 ? (o(), a("p", ie, i[0] || (i[0] = [
+        m.value.length === 0 && d.value.length === 0 ? (o(), a("p", ie, i[0] || (i[0] = [
           V(" Willkommen im Data Provider Interface ✨ ", -1),
           n("br", null, null, -1),
           V("Beginnen Sie mit der Erstellung Ihres ersten Datensatzes! ", -1)
         ]))) : D("", !0),
         n("div", oe, [
-          (o(), f(F(r(g) ? "RouterLink" : "span"), { to: { name: "DataProviderInterface-Input", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
+          (o(), h(F(r(f) ? "RouterLink" : "span"), { to: { name: "DataProviderInterface-Input", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
             default: K(() => [
               S(Y, {
-                disabled: !r(g),
+                disabled: !r(f),
                 "button-text": "Neuen Datensatz erstellen",
                 size: "large"
               }, null, 8, ["disabled"])
@@ -109,7 +110,7 @@ const ee = { class: "dpiV3_dpiHome V3-typography" }, te = { class: "dpiV3_homeHe
           }))
         ])
       ]),
-      m.value.length > 0 || c.value.length > 0 ? (o(), a("div", le, [
+      m.value.length > 0 || d.value.length > 0 ? (o(), a("div", le, [
         A.value ? (o(), a("div", ae, [
           S(r(j), {
             size: 48,
@@ -117,9 +118,9 @@ const ee = { class: "dpiV3_dpiHome V3-typography" }, te = { class: "dpiV3_homeHe
             class: "dpiV3_spinningIcon"
           })
         ])) : (o(), a("div", ne, [
-          i[3] || (i[3] = $('<div class="dpiV3_tableHeadWrap" data-v-943cefbc><div class="dpiV3_thWrap" data-v-943cefbc><div scope="col" data-v-943cefbc><span data-v-943cefbc>Datensätze</span></div><div scope="col" class="dpiV3_statusHead" data-v-943cefbc><span data-v-943cefbc>Status</span></div></div><div class="dpiV3_blankCell" data-v-943cefbc></div></div>', 1)),
+          i[3] || (i[3] = $('<div class="dpiV3_tableHeadWrap" data-v-ebde287c><div class="dpiV3_thWrap" data-v-ebde287c><div scope="col" data-v-ebde287c><span data-v-ebde287c>Datensätze</span></div><div scope="col" class="dpiV3_statusHead" data-v-ebde287c><span data-v-ebde287c>Status</span></div></div><div class="dpiV3_blankCell" data-v-ebde287c></div></div>', 1)),
           n("div", null, [
-            (o(!0), a(I, null, T(c.value, (e) => (o(), f(C, {
+            (o(!0), a(I, null, T(d.value, (e) => (o(), h(C, {
               id: e.id,
               key: e.id,
               "data-cy": e,
@@ -130,7 +131,7 @@ const ee = { class: "dpiV3_dpiHome V3-typography" }, te = { class: "dpiV3_homeHe
               dataset: e,
               onActionCompleted: p
             }, null, 8, ["id", "data-cy", "catalogue", "text", "date", "dataset"]))), 128)),
-            (o(!0), a(I, null, T(m.value, (e, W) => (o(), f(C, {
+            (o(!0), a(I, null, T(m.value, (e, W) => (o(), h(C, {
               id: e.id,
               key: e.id ?? W,
               text: e.title || "Kein Titel in englisch oder deutsch vohanden",
@@ -150,7 +151,7 @@ const ee = { class: "dpiV3_dpiHome V3-typography" }, te = { class: "dpiV3_homeHe
       ])) : D("", !0)
     ]));
   }
-}, Ve = /* @__PURE__ */ Z(re, [["__scopeId", "data-v-943cefbc"]]);
+}, Ve = /* @__PURE__ */ Z(re, [["__scopeId", "data-v-ebde287c"]]);
 export {
   Ve as default
 };

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

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

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

@@ -1,51 +1,55 @@
-import { defineComponent as f, ref as V, onMounted as I, createElementBlock as O, openBlock as k, createElementVNode as t, toDisplayString as i } from "vue";
+import { defineComponent as V, computed as b, createElementBlock as s, openBlock as a, createElementVNode as t, toDisplayString as e } from "vue";
 import "axios";
-const D = { class: "dpiV3_organisation" }, y = { class: "dpiV3_organisationInfo" }, S = { class: "dpiV3_organisationData" }, w = { class: "dpiV3_organisationTitle" }, x = ["src"], A = { class: "dpiV3_organisationAddress" }, B = { class: "dpiV3_organisationTitle" }, T = /* @__PURE__ */ f({
+const k = { class: "dpiV3_organisation" }, y = { class: "dpiV3_organisationInfo" }, I = { class: "dpiV3_organisationData" }, w = {
+  key: 0,
+  class: "dpiV3_organisationTitle"
+}, D = ["src"], O = { key: 1 }, x = { class: "info-wrapper" }, T = { class: "dpiV3_organisationTitle" }, A = { class: "dpiV3_organisationTitle" }, o = "-", B = /* @__PURE__ */ V({
   __name: "Organisation",
   props: {
     title: {}
   },
   setup(h) {
-    const m = h, n = V({});
-    async function v() {
-      const e = {
-        title: m.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 = e;
-    }
-    return I(() => {
-      v();
-    }), (e, a) => {
-      var o, s, r, l, d, c, p, u, _, g;
-      return k(), O("div", D, [
-        a[0] || (a[0] = t("h3", { class: "dpiV3_organisationTitle" }, " Ihre Organisation ", -1)),
-        a[1] || (a[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)),
+    const f = h, i = b(() => ({
+      title: f.title || "",
+      logo: "",
+      address: {
+        street: "",
+        postalCode: "",
+        city: ""
+      },
+      contact: {
+        phoneNumber: "",
+        email: ""
+      }
+    }));
+    return (C, n) => {
+      var l, r, d, p, c, u, g, _, v, m;
+      return a(), s("div", k, [
+        n[2] || (n[2] = t("h3", { class: "dpiV3_organisationTitle" }, " Ihre Organisation ", -1)),
+        n[3] || (n[3] = 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", y, [
-          t("p", null, i(n.value.title), 1),
-          t("div", S, [
-            t("div", w, [
+          t("p", null, e(i.value.title), 1),
+          t("div", I, [
+            i.value.logo ? (a(), s("div", w, [
               t("img", {
-                src: n.value.logo,
+                src: i.value.logo,
                 alt: ""
-              }, null, 8, x)
-            ]),
-            t("div", A, [
-              t("p", null, i((s = (o = n.value) == null ? void 0 : o.address) == null ? void 0 : s.street), 1),
-              t("p", null, i((l = (r = n.value) == null ? void 0 : r.address) == null ? void 0 : l.postalCode) + " " + i((c = (d = n.value) == null ? void 0 : d.address) == null ? void 0 : c.city), 1)
-            ]),
-            t("div", B, [
-              t("p", null, i((u = (p = n.value) == null ? void 0 : p.contact) == null ? void 0 : u.phoneNumber), 1),
-              t("p", null, i((g = (_ = n.value) == null ? void 0 : _.contact) == null ? void 0 : g.email), 1)
+              }, null, 8, D)
+            ])) : (a(), s("div", O, n[0] || (n[0] = [
+              t("div", { class: "avatar-circle" }, null, -1)
+            ]))),
+            t("div", x, [
+              t("div", T, [
+                t("p", null, e(((r = (l = i.value) == null ? void 0 : l.address) == null ? void 0 : r.street) || o), 1),
+                t("p", null, e(((p = (d = i.value) == null ? void 0 : d.address) == null ? void 0 : p.postalCode) || o) + " " + e(((u = (c = i.value) == null ? void 0 : c.address) == null ? void 0 : u.city) || o), 1)
+              ]),
+              t("div", A, [
+                t("p", null, e(((_ = (g = i.value) == null ? void 0 : g.contact) == null ? void 0 : _.phoneNumber) || o), 1),
+                t("p", null, e(((m = (v = i.value) == null ? void 0 : v.contact) == null ? void 0 : m.email) || o), 1)
+              ]),
+              n[1] || (n[1] = t("div", { style: { position: "absolute", top: "0", left: "0", width: "320px", height: "100%", "background-color": "var(--blue-30)", "border-radius": "24px", display: "grid", "place-content": "center" } }, [
+                t("p", null, "Keine Daten verfügbar")
+              ], -1))
             ])
           ])
         ])
@@ -54,5 +58,5 @@ const D = { class: "dpiV3_organisation" }, y = { class: "dpiV3_organisationInfo"
   }
 });
 export {
-  T as default
+  B as default
 };

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

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

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

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

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

@@ -1,7 +1,7 @@
 import o from "./ProjectOrganisationStep.vue2.js";
 /* empty css                             */
 import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d1f36a3b"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-79516ef1"]]);
 export {
-  i as default
+  f as default
 };