@piveau/dpi 0.2.0-alpha.7 → 0.2.0-alpha.71

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

@@ -1,55 +1,88 @@
-import { ref as c, createElementBlock as d, openBlock as n, Fragment as g, createElementVNode as t, createBlock as r, createCommentVNode as s, toDisplayString as l, normalizeClass as p } from "vue";
-import f from "./AboutProject.vue.js";
-import h from "./HomeTable.vue.js";
-import k from "./ProjectTable.vue.js";
-import v from "./Organisation.vue.js";
+import { ref as S, createElementBlock as _, openBlock as i, Fragment as C, createElementVNode as t, createBlock as r, createCommentVNode as l, createVNode as F, toDisplayString as a, normalizeClass as g, unref as s, withCtx as T, renderSlot as V, createTextVNode as $ } from "vue";
+import { useRuntimeEnv as z } from "../../composables/useRuntimeEnv.js";
+import H from "../components/TheErrorDialog.vue.js";
+import { useTwinbyUser as B } from "../composables/useTwinbyUser.js";
+import E from "./AboutProject.vue.js";
+import N from "./Organisation.vue.js";
+import v from "./ResourceTable.vue.js";
 /* empty css             */
-import b from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const j = { class: "dpi_home" }, y = { class: "copy-small-regular dpi_home-subtitle" }, I = { class: "header_sections" }, w = {
+import x from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const A = { class: "dpi_home" }, O = { class: "copy-small-regular dpi_home-subtitle" }, K = { class: "header_sections" }, R = {
   __name: "DPIHome",
-  setup(P) {
-    const m = {
+  setup(Z) {
+    var p, c, d, f;
+    const u = z(), y = {
       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 = c("project");
-    function a(i) {
-      o.value = i;
+    }, o = S("project");
+    function m(n) {
+      o.value = n;
     }
-    return (i, e) => (n(), d(g, null, [
-      e[3] || (e[3] = t("link", {
-        rel: "preconnect",
-        href: "https://fonts.googleapis.com"
-      }, null, -1)),
-      e[4] || (e[4] = t("link", {
-        rel: "preconnect",
-        href: "https://fonts.gstatic.com",
-        crossorigin: ""
-      }, null, -1)),
-      e[5] || (e[5] = t("link", {
-        href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
-        rel: "stylesheet"
-      }, null, -1)),
-      t("div", j, [
-        e[2] || (e[2] = t("h1", { class: "dpi_home-title" }, " Willkommen ", -1)),
-        t("p", y, l(m[o.value]), 1),
-        t("div", I, [
-          t("button", {
-            class: p({ active: o.value === "project" }),
-            onClick: e[0] || (e[0] = (u) => a("project"))
-          }, l(i.$t("projectFacility.projectFacility")), 3),
-          t("button", {
-            class: p({ active: o.value === "dpi" }),
-            onClick: e[1] || (e[1] = (u) => a("dpi"))
-          }, l(i.$t("projectFacility.dpiHome")), 3)
-        ]),
-        o.value === "project" ? (n(), r(f, { key: 0 })) : s("", !0),
-        o.value === "dpi" ? (n(), r(k, { key: 1 })) : s("", !0),
-        o.value === "dpi" ? (n(), r(h, { key: 2 })) : s("", !0),
-        o.value === "dpi" ? (n(), r(v, { key: 3 })) : s("", !0)
-      ])
-    ], 64));
+    const { startFetchPermissions: b, organizationDetails: w, allowedToCreate: j, authToken: I, username: D } = B({
+      keycloak: ((c = (p = u.authentication) == null ? void 0 : p.keycloak) == null ? void 0 : c.url) || "https://keycloak.twin.bydata.de",
+      realm: ((f = (d = u.authentication) == null ? void 0 : d.keycloak) == null ? void 0 : f.realm) || "piveau",
+      audience: "piveau-hub-repo"
+    });
+    return b(), (n, e) => {
+      var h, k;
+      return i(), _(C, null, [
+        e[4] || (e[4] = t("link", {
+          rel: "preconnect",
+          href: "https://fonts.googleapis.com"
+        }, null, -1)),
+        e[5] || (e[5] = t("link", {
+          rel: "preconnect",
+          href: "https://fonts.gstatic.com",
+          crossorigin: ""
+        }, null, -1)),
+        e[6] || (e[6] = t("link", {
+          href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
+          rel: "stylesheet"
+        }, null, -1)),
+        t("div", A, [
+          e[3] || (e[3] = t("h1", { class: "dpi_home-title" }, " Willkommen ", -1)),
+          t("p", O, a(y[o.value]), 1),
+          t("div", K, [
+            t("button", {
+              class: g({ active: o.value === "project" }),
+              onClick: e[0] || (e[0] = (P) => m("project"))
+            }, a(n.$t("projectFacility.projectFacility")), 3),
+            t("button", {
+              class: g({ active: o.value === "dpi" }),
+              onClick: e[1] || (e[1] = (P) => m("dpi"))
+            }, a(n.$t("projectFacility.dpiHome")), 3)
+          ]),
+          o.value === "project" ? (i(), r(E, {
+            key: 0,
+            "allowed-to-create": s(j),
+            "auth-token": s(I),
+            username: s(D)
+          }, null, 8, ["allowed-to-create", "auth-token", "username"])) : l("", !0),
+          o.value === "dpi" ? (i(), r(v, {
+            key: 1,
+            type: "projects"
+          })) : l("", !0),
+          o.value === "dpi" ? (i(), r(v, {
+            key: 2,
+            type: "datasets"
+          })) : l("", !0),
+          o.value === "dpi" ? (i(), r(N, {
+            key: 3,
+            title: (k = (h = s(w).resultEnhanced) == null ? void 0 : h.value) == null ? void 0 : k.title
+          }, null, 8, ["title"])) : l("", !0),
+          F(H, null, {
+            title: T(() => [
+              V(n.$slots, "title", {}, () => [
+                e[2] || (e[2] = $(" Fehlermeldung ", -1))
+              ], !0)
+            ]),
+            _: 3
+          })
+        ])
+      ], 64);
+    };
   }
-}, F = /* @__PURE__ */ b(w, [["__scopeId", "data-v-6a10ab12"]]);
+}, Y = /* @__PURE__ */ x(R, [["__scopeId", "data-v-cc25fb40"]]);
 export {
-  F as default
+  Y as default
 };

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 h, computed as l, watch as q, createElementBlock as a, openBlock as o, createElementVNode as r, createCommentVNode as D, createTextVNode as V, createBlock as b, resolveDynamicComponent as F, unref as n, 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"
+}, re = {
   key: 1,
   class: "dpiV3_innerTable"
-}, J = {
+}, ne = {
   __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"), h("");
+    const c = M();
+    h({
       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(c.api.baseUrl ?? "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
+    }), u = l(() => g.error.value);
+    q(u, () => {
+      console.error(u), H({
+        message: u.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), p = h(!1);
+    async function m() {
+      await new Promise((t) => setTimeout(t, 2100)), g.refetch(), p.value = !1;
+    }
+    function R() {
+      p.value = !0, m();
+    }
+    const A = l(() => U.value || p.value), v = 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 = (_ = c.authentication) == null ? void 0 : _.keycloak) == null ? void 0 : k.url) || "https://keycloak.twin.bydata.de",
+      realm: ((w = (y = c.authentication) == null ? void 0 : y.keycloak) == null ? void 0 : w.realm) || "piveau",
+      audience: "piveau-hub-repo"
+    });
+    return (t, i) => (o(), a("div", ee, [
+      r("div", te, [
+        i[1] || (i[1] = r("h2", { class: "dpiV3_tableHeader" }, " Ihre Datensätze ", -1)),
+        i[2] || (i[2] = r("div", { class: "dpiV3_dataset-information" }, [
+          r("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, {
+        v.value.length === 0 && d.value.length === 0 ? (o(), a("p", ie, i[0] || (i[0] = [
+          V(" Willkommen im Data Provider Interface ✨ ", -1),
+          r("br", null, null, -1),
+          V("Beginnen Sie mit der Erstellung Ihres ersten Datensatzes! ", -1)
+        ]))) : D("", !0),
+        r("div", oe, [
+          (o(), b(F(n(f) ? "RouterLink" : "span"), { to: { name: "DataProviderInterface-Input", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
+            default: K(() => [
+              S(Y, {
+                disabled: !n(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, {
+      v.value.length > 0 || d.value.length > 0 ? (o(), a("div", le, [
+        A.value ? (o(), a("div", ae, [
+          S(n(j), {
+            size: 48,
+            weight: "bold",
+            class: "dpiV3_spinningIcon"
+          })
+        ])) : (o(), a("div", re, [
+          i[3] || (i[3] = $('<div class="dpiV3_tableHeadWrap" data-v-a249ab11><div class="dpiV3_thWrap" data-v-a249ab11><div scope="col" data-v-a249ab11><span data-v-a249ab11>Datensätze</span></div><div scope="col" class="dpiV3_statusHead" data-v-a249ab11><span data-v-a249ab11>Status</span></div></div><div class="dpiV3_blankCell" data-v-a249ab11></div></div>', 1)),
+          r("div", null, [
+            (o(!0), a(I, null, T(d.value, (e) => (o(), b(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 ? n(x)(e == null ? void 0 : e.modified) : "-",
               draft: "true",
-              dataset: e
+              dataset: e,
+              onActionCompleted: m
             }, 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(v.value, (e, W) => (o(), b(C, {
+              id: e.id,
+              key: e.id ?? W,
+              text: e.title || "Kein Titel in englisch oder deutsch vohanden",
+              date: e != null && e.modified ? n(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: m
+            }, 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(ne, [["__scopeId", "data-v-a249ab11"]]);
 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-8f9a368e"]]);
 export {
-  E as default
+  i as default
 };

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

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