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

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

@@ -1,105 +1,157 @@
-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 { 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";
-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";
+import { useRouter as G } from "vue-router";
+import { useStore as J } from "vuex";
+import { useRuntimeEnv as M } from "../../composables/useRuntimeEnv.js";
+import { useDebouncedLoading as O } from "../composables/useDebouncedLoading.js";
+import { useDatasetSearch as Q } from "../composables/useTwinbyHome.js";
+import { useTwinbyUser as X } from "../composables/useTwinbyUser.js";
+import { formatDate as x } from "../utils/formatDate.js";
+import Y from "./ui/ButtonV3.vue.js";
+import C from "./ui/TableRowV3.vue.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 = {
+import Z from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const ee = { class: "dpiV3_dpiHome V3-typography" }, te = { class: "dpiV3_homeHeadWrap" }, ie = {
   key: 0,
-  class: "loading-screen"
-}, G = {
+  class: "copy-large-semi-bold landingText"
+}, oe = { class: "interactionButtonsDPIHome" }, le = {
+  key: 0,
+  class: "dpiV3_table"
+}, ae = {
+  key: 0,
+  class: "dpiV3_loadingSkeleton"
+}, ne = {
   key: 1,
   class: "dpiV3_innerTable"
-}, J = {
+}, re = {
   __name: "HomeTable",
-  setup(O) {
-    const k = R(), r = E();
-    N(), localStorage.getItem("dpi_duplicate"), f("");
-    let c = n(() => r.getters["auth/getUserCatalogIds"]);
-    f({
+  setup(se) {
+    var _, k, y, w;
+    const s = J();
+    G(), localStorage.getItem("dpi_duplicate"), v("");
+    const b = M();
+    v({
       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,
+    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(() => {
+      var t, i;
+      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: g, isFetching: N } = B({
+      queryParams: {
+        limit: 200,
+        sort: "modified+desc"
+      },
+      additionalParams: {
+        accessControlPermissions: "edit,publish,delete"
+      },
+      headers: E
+    }), c = l(() => g.error.value);
+    q(c, () => {
+      console.error(c), H({
+        message: c.value.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.")
+    const { isLoading: U } = O(N), u = v(!1);
+    async function p() {
+      await new Promise((t) => setTimeout(t, 2100)), g.refetch(), u.value = !1;
+    }
+    function R() {
+      u.value = !0, p();
+    }
+    const A = l(() => U.value || u.value), m = l(() => (L.value || []).map((t) => ({
+      id: t.id,
+      title: t.title,
+      description: t.description,
+      modified: t.modified,
+      publicationStatus: t.publicationStatus,
+      visibility: t.accessLevel,
+      catalogId: t.catalogId,
+      catalog: { id: t.catalogId },
+      allowEdit: t.allowEdit,
+      allowPublish: t.allowPublish,
+      allowDelete: t.allowDelete
+    }))), { 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, [
+      n("div", te, [
+        i[1] || (i[1] = n("h2", { class: "dpiV3_tableHeader" }, " Ihre Datensätze ", -1)),
+        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)),
-        s("div", F, [
-          v(W, { to: { name: "DataProviderInterface-Input", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
-            default: T(() => [
-              v(j, {
+        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(), h(F(r(f) ? "RouterLink" : "span"), { to: { name: "DataProviderInterface-Input", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
+            default: K(() => [
+              S(Y, {
+                disabled: !r(f),
                 "button-text": "Neuen Datensatz erstellen",
                 size: "large"
-              })
+              }, null, 8, ["disabled"])
             ]),
             _: 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, {
+      m.value.length > 0 || d.value.length > 0 ? (o(), a("div", le, [
+        A.value ? (o(), a("div", ae, [
+          S(r(j), {
+            size: 48,
+            weight: "bold",
+            class: "dpiV3_spinningIcon"
+          })
+        ])) : (o(), a("div", ne, [
+          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(d.value, (e) => (o(), h(C, {
               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) : "-",
+              date: e != null && e.modified ? r(x)(e == null ? void 0 : e.modified) : "-",
               draft: "true",
-              dataset: e
+              dataset: e,
+              onActionCompleted: p
             }, 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))
+            (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",
+              date: e != null && e.modified ? r(x)(e == null ? void 0 : e.modified) : "-",
+              dataset: e,
+              visibility: e.visibility,
+              draft: e.publicationStatus === "draft",
+              catalogue: e.catalogId,
+              "allow-edit": e.allowEdit,
+              "allow-publish": e.allowPublish,
+              "allow-delete": e.allowDelete,
+              onStart: R,
+              onComplete: p
+            }, null, 8, ["id", "text", "date", "dataset", "visibility", "draft", "catalogue", "allow-edit", "allow-publish", "allow-delete"]))), 128))
           ])
         ]))
-      ])
+      ])) : D("", !0)
     ]));
   }
-}, le = /* @__PURE__ */ A(J, [["__scopeId", "data-v-4133b1bd"]]);
+}, Ve = /* @__PURE__ */ Z(re, [["__scopeId", "data-v-ebde287c"]]);
 export {
-  le as default
+  Ve as default
 };

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

@@ -1,56 +1,7 @@
-import { ref as h, onMounted as v, createElementBlock as f, openBlock as V, createElementVNode as t, toDisplayString as a } from "vue";
-import "axios";
+import o from "./Organisation.vue2.js";
 /* 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"]]);
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d75553ee"]]);
 export {
-  E as default
+  i as default
 };

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

@@ -0,0 +1,77 @@
+import { defineComponent as h, computed as r, createElementBlock as t, openBlock as s, createElementVNode as a, unref as m, Fragment as f, toDisplayString as l } from "vue";
+import { useOrganizationInfo as k } from "../composables/useOrganizationInfo.js";
+import { useTwinbyUser as y } from "../composables/useTwinbyUser.js";
+const b = { class: "dpiV3_organisation" }, V = { class: "dpiV3_organisationInfo" }, T = { key: 0 }, I = { key: 0 }, O = {
+  key: 1,
+  class: "not-available"
+}, E = { class: "dpiV3_organisationData" }, S = {
+  key: 0,
+  class: "dpiV3_organisationTitle"
+}, C = ["src"], D = { key: 1 }, F = { class: "info-wrapper" }, L = { class: "dpiV3_organisationTitle" }, w = { key: 0 }, x = {
+  key: 1,
+  class: "not-available"
+}, z = { key: 2 }, B = {
+  key: 3,
+  class: "not-available"
+}, N = { class: "dpiV3_organisationTitle" }, M = { key: 0 }, P = {
+  key: 1,
+  class: "not-available"
+}, A = /* @__PURE__ */ h({
+  __name: "Organisation",
+  setup(U) {
+    const { organization: p, authToken: v, startFetchPermissions: u } = y();
+    u();
+    const { resultEnhanced: n, isLoading: g } = k({
+      id: p,
+      authToken: v
+    }), d = r(
+      () => {
+        var i, e;
+        return ((i = n.value) == null ? void 0 : i.title) || ((e = n.value) == null ? void 0 : e.id) || "";
+      }
+    ), c = r(
+      () => {
+        var i, e;
+        return ((e = (i = n.value) == null ? void 0 : i.catalogueFavIcon) == null ? void 0 : e[0]) || "";
+      }
+    ), o = r(() => {
+      var i, e;
+      return ((e = (i = n.value) == null ? void 0 : i.publisher) == null ? void 0 : e.address) || {};
+    }), _ = r(() => {
+      var i;
+      return ((i = n.value) == null ? void 0 : i.publisher) || {};
+    });
+    return (i, e) => (s(), t("div", b, [
+      e[2] || (e[2] = a("h3", { class: "dpiV3_organisationTitle" }, " Ihre Organisation ", -1)),
+      e[3] || (e[3] = a("p", { class: "dpiV3_organisationDescription" }, " Wenn Sie die Informationen Ihrer Organisation ändern möchten, kontaktieren Sie uns gerne. ", -1)),
+      a("div", V, [
+        m(g) ? (s(), t("p", T, "Lade Organisationsdaten...")) : (s(), t(f, { key: 1 }, [
+          d.value ? (s(), t("p", I, l(d.value), 1)) : (s(), t("p", O, " Name nicht verfügbar ")),
+          a("div", E, [
+            c.value ? (s(), t("div", S, [
+              a("img", {
+                src: c.value,
+                alt: ""
+              }, null, 8, C)
+            ])) : (s(), t("div", D, e[0] || (e[0] = [
+              a("div", { class: "avatar-circle" }, null, -1)
+            ]))),
+            a("div", F, [
+              a("div", L, [
+                o.value.street ? (s(), t("p", w, l(o.value.street), 1)) : (s(), t("p", x, " Straße nicht verfügbar ")),
+                o.value.postalCode || o.value.locality ? (s(), t("p", z, l(o.value.postalCode || "") + " " + l(o.value.locality || ""), 1)) : (s(), t("p", B, " Ort nicht verfügbar "))
+              ]),
+              a("div", N, [
+                e[1] || (e[1] = a("p", { class: "not-available" }, " Telefon nicht verfügbar ", -1)),
+                _.value.email ? (s(), t("p", M, l(_.value.email), 1)) : (s(), t("p", P, " E-Mail nicht verfügbar "))
+              ])
+            ])
+          ])
+        ], 64))
+      ])
+    ]));
+  }
+});
+export {
+  A 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-59f796bd"]]);
+export {
+  f as default
+};

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" }, ve = {
+  key: 0,
+  class: "dpiV3_table"
+}, be = {
+  key: 0,
+  class: "dpiV3_loadingSkeleton"
+}, fe = {
+  key: 1,
+  class: "dpiV3_innerTable"
+}, ye = { class: "dpiV3_tableHeadWrap" }, we = { class: "dpiV3_thWrap" }, ge = { scope: "col" }, _e = {
+  key: 0,
+  scope: "col",
+  class: "dpiV3_statusHead"
+}, He = /* @__PURE__ */ K({
+  __name: "ResourceTable",
+  props: {
+    type: {}
+  },
+  setup(E) {
+    var _, k, S, P;
+    const L = E, d = ie(), N = te(), { allowedToCreate: u, organization: j } = ne({
+      keycloak: ((k = (_ = d.authentication) == null ? void 0 : _.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"
+    }), I = o(() => {
+      var t, e;
+      return (e = (t = N.getters) == null ? void 0 : t["auth/getUserData"]) == null ? void 0 : e.authToken;
+    }), c = o(() => ({
+      Authorization: `Bearer ${I.value}`
+    })), p = o(() => L.type === "projects"), { useSearch: T } = le(d.api.baseUrl), { useSearch: H } = se(d.api.baseUrl), m = V([]);
+    M(j, (t) => {
+      m.value = [t];
+    }, {
+      immediate: !0
+    });
+    const x = T({
+      queryParams: {
+        limit: 200,
+        sort: "modified+desc"
+      },
+      selectedFacets: {
+        superCatalog: m
+      },
+      additionalParams: {
+        resource: "project",
+        accessControlPermissions: "view,edit,publish,delete"
+      },
+      headers: c
+    }), z = H({
+      queryParams: {
+        limit: 200,
+        sort: "title.de+asc,title.en+asc,modified+desc"
+      },
+      selectedFacets: {
+        superCatalog: m
+      },
+      additionalParams: {
+        accessControlPermissions: "view,edit,publish,delete"
+      },
+      headers: c
+    }), { getSearchResultsEnhanced: B, query: w, isFetching: F } = o(() => p.value ? x : 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 v = 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), b = V(!1);
+    async function g() {
+      await new Promise((t) => setTimeout(t, 2100)), w.refetch(), b.value = !1;
+    }
+    function U() {
+      b.value = !0, g();
+    }
+    const A = o(() => q.value || b.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 && (!v.value || v.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", ve, [
+        A.value ? (l(), n("div", be, [
+          C(r(Z), {
+            size: 48,
+            weight: "bold",
+            class: "dpiV3_spinningIcon"
+          })
+        ])) : (l(), n("div", fe, [
+          a("div", ye, [
+            a("div", we, [
+              a("div", ge, [
+                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", _e, 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(v.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: t.type === "projects" ? i.modified ? r(re)(i.modified) : "-" : void 0,
+              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: g,
+              onStart: U
+            }, null, 8, ["id", "type", "text", "date", "dataset", "visibility", "visibility-state", "draft", "catalogue", "allow-edit", "allow-publish", "allow-delete"]))), 128))
+          ])
+        ]))
+      ]))
+    ]));
+  }
+});
+export {
+  He as default
+};