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

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

@@ -405,7 +405,7 @@ function G(e, t, o, s, a, i) {
             }, [
               l("button", {
                 type: "button",
-                class: "btn btn-default",
+                class: "btn btn-link",
                 onClick: t[0] || (t[0] = (I) => s.scrollToTop())
               }, [
                 (d(), v(U(n.handler ? "button" : "router-link"), {
@@ -451,7 +451,7 @@ function G(e, t, o, s, a, i) {
     }, 8, ["loading", "confirm", "onConfirm"])
   ]);
 }
-const te = /* @__PURE__ */ L(z, [["render", G], ["__scopeId", "data-v-7ba4c527"]]);
+const te = /* @__PURE__ */ L(z, [["render", G], ["__scopeId", "data-v-81a46fa1"]]);
 export {
   te as default
 };

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

@@ -1,43 +1,49 @@
-import p from "./DataProviderInterface.vue2.js";
-import { resolveComponent as s, createElementBlock as n, openBlock as t, Fragment as a, createElementVNode as o, createBlock as c, createVNode as d } from "vue";
+import a from "./DataProviderInterface.vue2.js";
+import { resolveComponent as n, createElementBlock as i, openBlock as o, Fragment as d, createElementVNode as t, createBlock as m, createVNode as s } from "vue";
 /* empty css                           */
 import f from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = {
+const h = {
   key: 1,
   class: "d-flex justify-content-center align-items-center",
   style: { height: "100dvh", width: "100%" }
 };
-function g(r, e, u, y, h, k) {
-  const i = s("TheErrorDialog"), l = s("router-view");
-  return t(), n(a, null, [
-    e[0] || (e[0] = o("link", {
+function g(r, e, u, y, k, _) {
+  const l = n("TheErrorDialog"), p = n("router-view"), c = n("PhCircleNotch");
+  return o(), i(d, null, [
+    e[0] || (e[0] = t("link", {
       rel: "preconnect",
       href: "https://fonts.googleapis.com"
     }, null, -1)),
-    e[1] || (e[1] = o("link", {
+    e[1] || (e[1] = t("link", {
       rel: "preconnect",
       href: "https://fonts.gstatic.com",
       crossorigin: ""
     }, null, -1)),
-    e[2] || (e[2] = o("link", {
+    e[2] || (e[2] = 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(), n("div", {
+    (o(), i("div", {
       key: r.property,
       class: "dpi dpiV3_dpi"
     }, [
-      o("div", null, [
-        d(i)
+      t("div", null, [
+        s(l)
       ]),
-      r.isReady ? (t(), c(l, {
+      r.isReady ? (o(), m(p, {
         ref: "view",
         key: r.key
-      })) : (t(), n("div", m))
+      })) : (o(), i("div", h, [
+        s(c, {
+          size: "72",
+          weight: "bold",
+          class: "dpiV3_spinningIcon"
+        })
+      ]))
     ]))
   ], 64);
 }
-const $ = /* @__PURE__ */ f(p, [["render", g]]);
+const V = /* @__PURE__ */ f(a, [["render", g]]);
 export {
-  $ as default
+  V as default
 };

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

@@ -1,25 +1,27 @@
-import { whenever as V } from "@vueuse/core";
-import { defineComponent as q, defineAsyncComponent as D, toRef as _, computed as i, toValue as B, provide as j, watchEffect as v, ref as u, nextTick as w } from "vue";
-import { useRoute as O } from "vue-router";
-import { mapActions as S, mapGetters as z, useStore as F } from "vuex";
-import { useRuntimeEnv as T } from "../composables/useRuntimeEnv.js";
-import J from "./components/TheErrorDialog.vue.js";
-import { autocompleteKey as G, defaultAutocompleteAdapter as K } from "./composables/aucotomplete.js";
-import { setupDpiContext as H } from "./composables/useDpiContext.js";
-import { useDpiEditMode as Q } from "./composables/useDpiEditMode.js";
-import { useFormValues as U } from "./composables/useDpiFormValues.js";
-import { useErrorDialog as W } from "./composables/useErrorDialog.js";
-import { config as X } from "./config/dpi-spec-config.js";
-import Y from "./HappyFlowComponents/ui/ButtonV3.vue.js";
-import Z from "./HappyFlowComponents/ui/DpiModalBase.vue.js";
-const fe = q({
+import { PhCircleNotch as j } from "@phosphor-icons/vue";
+import { whenever as q } from "@vueuse/core";
+import { defineComponent as _, defineAsyncComponent as D, toRef as B, computed as i, toValue as O, provide as z, watchEffect as v, ref as c, nextTick as w } from "vue";
+import { useRoute as F } from "vue-router";
+import { mapActions as I, mapGetters as T, useStore as J } from "vuex";
+import { useRuntimeEnv as G } from "../composables/useRuntimeEnv.js";
+import K from "./components/TheErrorDialog.vue.js";
+import { autocompleteKey as H, defaultAutocompleteAdapter as Q } from "./composables/aucotomplete.js";
+import { setupDpiContext as U } from "./composables/useDpiContext.js";
+import { useDpiEditMode as W } from "./composables/useDpiEditMode.js";
+import { useFormValues as X } from "./composables/useDpiFormValues.js";
+import { useErrorDialog as Y } from "./composables/useErrorDialog.js";
+import { config as Z } from "./config/dpi-spec-config.js";
+import ee from "./HappyFlowComponents/ui/ButtonV3.vue.js";
+import te from "./HappyFlowComponents/ui/DpiModalBase.vue.js";
+const ge = _({
   name: "DataProviderInterface",
   components: {
-    ButtonV3: Y,
+    ButtonV3: ee,
     InputPage: D(() => import("./views/InputPage.vue.js")),
     InputPageProject: D(() => import("./views/InputPageProject.vue.js")),
-    DpiModalBase: Z,
-    TheErrorDialog: J
+    DpiModalBase: te,
+    TheErrorDialog: K,
+    PhCircleNotch: j
   },
   props: {
     name: {
@@ -54,7 +56,7 @@ const fe = q({
     };
   },
   computed: {
-    ...z("auth", [
+    ...T("auth", [
       "getIsEditMode"
     ]),
     mode() {
@@ -62,10 +64,10 @@ const fe = q({
     }
   },
   methods: {
-    ...S("dpiStore", [
+    ...I("dpiStore", [
       "saveLocalstorageValues"
     ]),
-    ...S("auth", [
+    ...I("auth", [
       "populateDraftAndEdit"
     ]),
     getClearPath() {
@@ -89,10 +91,10 @@ const fe = q({
     window.removeEventListener("scroll", this.handleScroll);
   },
   setup(o) {
-    const e = O(), r = F(), c = T(), h = c.content.dataProviderInterface.specification, b = X[h], I = _(o, "dpiContext"), { formValues: g } = U(), { openErrorDialog: y } = W(), t = i(() => {
-      const a = B(I);
+    const e = F(), r = J(), p = G(), h = p.content.dataProviderInterface.specification, S = Z[h], b = B(o, "dpiContext"), { formValues: g } = X(), { openErrorDialog: y } = Y(), t = i(() => {
+      const a = O(b);
       return {
-        specification: b,
+        specification: S,
         specificationName: h,
         edit: {
           enabled: e.query.edit === "true",
@@ -102,49 +104,50 @@ const fe = q({
         },
         ...a
       };
-    }), A = i(() => t.value.specification), E = i(() => t.value.specificationName);
-    H(t);
-    const C = K({
-      envs: c,
+    }), C = i(() => t.value.specification), E = i(() => t.value.specificationName);
+    U(t);
+    const A = Q({
+      envs: p,
       dpiContext: t
     });
-    j(G, o.autocomplete || C.adapter), v(() => {
-      r.dispatch("dpiStore/setSpecification", A.value), r.dispatch("dpiStore/setSpecificationname", E.value);
+    z(H, o.autocomplete || A.adapter), v(() => {
+      r.dispatch("dpiStore/setSpecification", C.value), r.dispatch("dpiStore/setSpecificationname", E.value);
     });
-    const x = i(() => `${e.query.key}@${E.value}`), { isReady: p, result: m, inEditModeAndRptAvailable: $, parsingErrors: s, fetchError: n, isSimpleLoaderReady: R, isMaterialized: L, isLoading: M, jsonld: P } = Q(t), f = u(!1);
+    const P = i(() => `${e.query.key}@${E.value}`), x = e.name === "DataProviderInterface-InputProject", { isReady: s, result: m, inEditModeAndRptAvailable: $, parsingErrors: n, fetchError: d, isSimpleLoaderReady: R, isMaterialized: L, isLoading: M, jsonld: N } = W(t, x), f = c(!1);
     v(async () => {
-      f.value || $.value && p.value && (await w(), await w(), g.value = m.value, console.log("resultus", m.value), f.value = !0);
+      f.value || $.value && s.value && (await w(), await w(), g.value = m.value, console.log("resultus", m.value), f.value = !0);
     });
     const k = i(() => {
       var a;
-      return (a = t.value.edit) != null && a.enabled ? p.value && f.value : p.value;
-    }), d = u(!1), l = u(null), N = u(!0);
+      return (a = t.value.edit) != null && a.enabled ? s.value && f.value : s.value;
+    }), l = c(!1), u = c(null), V = c(!0);
     return v(() => {
-      s.value && s.value.length > 0 ? (l.value = s.value[0], d.value = !0, y(new Error(s.value[0].message))) : (d.value = !1, l.value = null);
-    }), V(n, () => {
+      n.value && n.value.length > 0 ? (u.value = n.value[0], l.value = !0, y(new Error(n.value[0].message))) : (l.value = !1, u.value = null);
+    }), q(d, () => {
       var a;
-      l.value = {
+      u.value = {
         code: "fetch_failed",
-        message: JSON.stringify(n.value, null, 2) || "Failed to fetch data"
-      }, d.value = !0, y(new Error(JSON.stringify(n.value, null, 2) || "Failed to fetch data"), `Der Datensatz '${(a = e.query) == null ? void 0 : a.id}' scheint nicht verfügbar zu sein.`);
+        message: JSON.stringify(d.value, null, 2) || "Failed to fetch data"
+      }, l.value = !0, y(new Error(JSON.stringify(d.value, null, 2) || "Failed to fetch data"), `Der Datensatz '${(a = e.query) == null ? void 0 : a.id}' scheint nicht verfügbar zu sein.`);
     }, { immediate: !0 }), {
       result: m,
       resolvedDpiContext: t,
-      key: x,
+      key: P,
       isReady: k,
       formValues: g,
-      showErrorModal: d,
-      currentError: l,
-      isDevelopment: N,
-      fetchError: n,
+      showErrorModal: l,
+      currentError: u,
+      isDevelopment: V,
+      fetchError: d,
       isSimpleLoaderReady: R,
       isMaterialized: L,
       isLoading: M,
-      jsonld: P,
-      inEditModeAndRptAvailable: $
+      jsonld: N,
+      inEditModeAndRptAvailable: $,
+      isEditReady: s
     };
   }
 });
 export {
-  fe as default
+  ge as default
 };

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

@@ -1,99 +1,7 @@
-import { createElementBlock as a, openBlock as e, createElementVNode as t, toDisplayString as c, Fragment as l, renderList as p, createCommentVNode as n, createBlock as u, unref as d, withCtx as y, createVNode as m } from "vue";
-import { RouterLink as _ } from "vue-router";
-import b from "./img/DataProcessingSteps.svg.js";
-import j from "./ui/ButtonV3.vue.js";
+import o from "./AboutProject.vue2.js";
 /* empty css                  */
-import F from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const f = { class: "about-project" }, g = { class: "about-project-header" }, v = { class: "about-project-title" }, P = { class: "copy-small-regular about-project-description" }, k = { class: "about-project-steps" }, w = { class: "about-project-step-header" }, x = { class: "circle" }, S = { class: "about-project-step" }, D = { class: "copy-small-regular" }, I = ["src"], $ = {
-  key: 0,
-  class: "about-project-step-buttons"
-}, B = { class: "new-project" }, C = {
-  __name: "AboutProject",
-  setup(N) {
-    const h = [
-      {
-        text: "projectFacility.projectDocumentationProcessStepsResources",
-        image: b,
-        buttons: null
-      },
-      {
-        text: "projectFacility.searchProjectResourcesStep3",
-        image: null,
-        buttons: [
-          { title: "projectFacility.searchSoftware", type: "secondary", url: "/" },
-          { title: "projectFacility.searchRecords", type: "secondary", url: "/" },
-          { title: "projectFacility.findHardware", type: "secondary", url: "/" }
-        ]
-      },
-      {
-        text: "projectFacility.requestInclusionOrCreateDataset",
-        image: null,
-        buttons: [
-          { title: "projectFacility.applyForSoftware", type: "primary", url: "/" },
-          { title: "projectFacility.createDatasets", type: "primary", url: "/" },
-          { title: "projectFacility.applyForHardware", type: "primary", url: "/" }
-        ]
-      },
-      {
-        text: "projectFacility.startCreatingProject",
-        image: null,
-        buttons: null
-      }
-    ];
-    return (r, R) => (e(), a("div", f, [
-      t("div", g, [
-        t("h4", v, c(r.$t("projectFacility.projectFacilityTitle")), 1),
-        t("p", P, c(r.$t("projectFacility.projectFacilitySubtitle")), 1)
-      ]),
-      t("div", k, [
-        (e(), a(l, null, p(h, (o, i) => t("div", {
-          key: i,
-          class: "about-project-step-heading"
-        }, [
-          t("div", w, [
-            t("div", x, [
-              t("span", null, c(i + 1), 1)
-            ]),
-            t("div", S, [
-              t("p", D, c(r.$t(o.text)), 1),
-              o.image ? (e(), a("img", {
-                key: 0,
-                src: o.image,
-                alt: ""
-              }, null, 8, I)) : n("", !0)
-            ])
-          ]),
-          o.buttons ? (e(), a("div", $, [
-            (e(!0), a(l, null, p(o.buttons, (s) => (e(), u(d(_), {
-              to: s.url
-            }, {
-              default: y(() => [
-                (e(), u(j, {
-                  key: s.title,
-                  "button-text": r.$t(s.title),
-                  variant: s.type,
-                  size: "small"
-                }, null, 8, ["button-text", "variant"]))
-              ]),
-              _: 2
-            }, 1032, ["to"]))), 256))
-          ])) : n("", !0)
-        ])), 64))
-      ]),
-      t("div", B, [
-        m(d(_), { to: { name: "DataProviderInterface-InputProject", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
-          default: y(() => [
-            m(j, {
-              size: "large",
-              "button-text": r.$t("projectFacility.createNewProject")
-            }, null, 8, ["button-text"])
-          ]),
-          _: 1
-        })
-      ])
-    ]));
-  }
-}, L = /* @__PURE__ */ F(C, [["__scopeId", "data-v-0d42e480"]]);
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3686add4"]]);
 export {
-  L as default
+  p as default
 };

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

@@ -0,0 +1,117 @@
+import { defineComponent as w, computed as b, createElementBlock as a, openBlock as t, createElementVNode as e, toDisplayString as l, Fragment as n, renderList as c, createCommentVNode as p, createBlock as i, resolveDynamicComponent as d, mergeProps as v, withCtx as u, createVNode as j } from "vue";
+import { useRouter as _ } from "vue-router";
+import F from "./img/DataProcessingSteps.svg.js";
+import m from "./ui/ButtonV3.vue.js";
+const k = { class: "about-project" }, L = { class: "about-project-header" }, M = { class: "about-project-title" }, Z = { class: "copy-small-regular about-project-description" }, x = { class: "about-project-steps" }, H = { class: "about-project-step-header" }, V = ["innerHTML"], P = { class: "about-project-step" }, T = { class: "copy-small-regular" }, B = ["src"], N = {
+  key: 0,
+  class: "about-project-step-buttons"
+}, $ = { class: "new-project" }, z = /* @__PURE__ */ w({
+  __name: "AboutProject",
+  props: {
+    allowedToCreate: { type: Boolean },
+    authToken: {},
+    username: {}
+  },
+  setup(h) {
+    const s = h, y = _(), g = b(() => [
+      {
+        text: "projectFacility.projectDocumentationProcessStepsResources",
+        image: F,
+        buttons: null,
+        circledNumber: `<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
+  <path d="M20 0.5C16.1433 0.5 12.3731 1.64366 9.16639 3.78634C5.95963 5.92903 3.46027 8.97451 1.98436 12.5377C0.508449 16.1008 0.122284 20.0216 0.874696 23.8043C1.62711 27.5869 3.4843 31.0615 6.21143 33.7886C8.93855 36.5157 12.4131 38.3729 16.1957 39.1253C19.9784 39.8777 23.8992 39.4916 27.4623 38.0157C31.0255 36.5397 34.071 34.0404 36.2137 30.8336C38.3564 27.6269 39.5 23.8567 39.5 20C39.4945 14.83 37.4383 9.87323 33.7826 6.21745C30.1268 2.56167 25.1701 0.50546 20 0.5ZM20 36.5C16.7366 36.5 13.5465 35.5323 10.8331 33.7192C8.11969 31.9062 6.00484 29.3293 4.756 26.3143C3.50715 23.2993 3.1804 19.9817 3.81705 16.781C4.45371 13.5803 6.02518 10.6403 8.33275 8.33274C10.6403 6.02517 13.5803 4.4537 16.781 3.81704C19.9817 3.18039 23.2993 3.50714 26.3143 4.75599C29.3293 6.00483 31.9062 8.11968 33.7193 10.8331C35.5323 13.5465 36.5 16.7366 36.5 20C36.495 24.3745 34.7551 28.5685 31.6618 31.6618C28.5685 34.7551 24.3746 36.495 20 36.5ZM22.25 11V29C22.25 29.3978 22.092 29.7794 21.8107 30.0607C21.5294 30.342 21.1478 30.5 20.75 30.5C20.3522 30.5 19.9707 30.342 19.6893 30.0607C19.408 29.7794 19.25 29.3978 19.25 29V13.8125L17.0825 15.2581C16.9185 15.3675 16.7346 15.4434 16.5413 15.4817C16.3479 15.5199 16.1489 15.5197 15.9557 15.481C15.7624 15.4424 15.5787 15.3661 15.4149 15.2564C15.2511 15.1467 15.1106 15.0059 15.0013 14.8419C14.8919 14.6779 14.816 14.494 14.7777 14.3006C14.7395 14.1073 14.7397 13.9083 14.7783 13.715C14.817 13.5218 14.8933 13.338 15.003 13.1743C15.1127 13.0105 15.2535 12.87 15.4175 12.7606L19.9175 9.76063C20.1428 9.61031 20.4046 9.52379 20.6751 9.51026C20.9456 9.49673 21.2147 9.55668 21.4539 9.68377C21.693 9.81085 21.8933 10.0003 22.0335 10.2321C22.1737 10.4638 22.2485 10.7292 22.25 11Z" fill="#003F6F"/>
+</svg>`
+      },
+      {
+        text: "projectFacility.searchProjectResourcesStep3",
+        image: null,
+        buttons: [
+          { title: "projectFacility.searchSoftware", type: "secondary", attrs: { href: "https://twin.bydata.de/softwares", target: "_blank", rel: "noopener noreferrer" } },
+          { title: "projectFacility.searchRecords", type: "secondary", attrs: { href: "https://twin.bydata.de/datasets", target: "_blank", rel: "noopener noreferrer" } },
+          { title: "projectFacility.findHardware", type: "secondary", attrs: { href: "https://twin.bydata.de/hardwares", target: "_blank", rel: "noopener noreferrer" } }
+        ],
+        circledNumber: `<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
+  <path d="M20 0.5C16.1433 0.5 12.3731 1.64366 9.16639 3.78634C5.95963 5.92903 3.46027 8.97451 1.98436 12.5377C0.508449 16.1008 0.122284 20.0216 0.874696 23.8043C1.62711 27.5869 3.4843 31.0615 6.21143 33.7886C8.93855 36.5157 12.4131 38.3729 16.1957 39.1253C19.9784 39.8777 23.8992 39.4916 27.4623 38.0157C31.0255 36.5397 34.071 34.0404 36.2137 30.8336C38.3564 27.6269 39.5 23.8567 39.5 20C39.4946 14.83 37.4383 9.87323 33.7826 6.21745C30.1268 2.56167 25.1701 0.50546 20 0.5ZM20 36.5C16.7366 36.5 13.5465 35.5323 10.8331 33.7192C8.11969 31.9062 6.00484 29.3293 4.756 26.3143C3.50715 23.2993 3.1804 19.9817 3.81705 16.781C4.45371 13.5803 6.02518 10.6403 8.33275 8.33274C10.6403 6.02517 13.5803 4.4537 16.781 3.81704C19.9817 3.18039 23.2993 3.50714 26.3143 4.75599C29.3293 6.00483 31.9062 8.11968 33.7193 10.8331C35.5323 13.5465 36.5 16.7366 36.5 20C36.495 24.3745 34.7551 28.5685 31.6618 31.6618C28.5685 34.7551 24.3746 36.495 20 36.5ZM24.7925 19.1113L18.5 27.5H24.5C24.8978 27.5 25.2794 27.658 25.5607 27.9393C25.842 28.2206 26 28.6022 26 29C26 29.3978 25.842 29.7794 25.5607 30.0607C25.2794 30.342 24.8978 30.5 24.5 30.5H15.5C15.2214 30.5 14.9484 30.4224 14.7114 30.276C14.4744 30.1295 14.2829 29.92 14.1584 29.6708C14.0338 29.4217 13.9811 29.1427 14.0061 28.8653C14.0311 28.5879 14.1329 28.3229 14.3 28.1L22.3944 17.3075C22.6536 16.9621 22.8351 16.5648 22.9267 16.1428C23.0182 15.7208 23.0175 15.284 22.9247 14.8623C22.8319 14.4405 22.6492 14.0438 22.389 13.6992C22.1288 13.3545 21.7972 13.0702 21.417 12.8654C21.0368 12.6607 20.6169 12.5405 20.1859 12.513C19.755 12.4855 19.3231 12.5514 18.92 12.7061C18.5168 12.8608 18.1518 13.1007 17.8499 13.4095C17.548 13.7182 17.3163 14.0885 17.1706 14.495C17.0379 14.8702 16.7615 15.1773 16.4023 15.3487C16.0431 15.5201 15.6305 15.5418 15.2553 15.4091C14.8801 15.2763 14.573 14.9999 14.4016 14.6407C14.2302 14.2815 14.2085 13.8689 14.3413 13.4938C14.6306 12.6791 15.0926 11.9367 15.6955 11.3172C16.2985 10.6977 17.0282 10.2159 17.8347 9.90458C18.6412 9.5933 19.5054 9.45996 20.3682 9.51371C21.231 9.56745 22.072 9.807 22.8336 10.216C23.5952 10.6249 24.2595 11.1936 24.7809 11.8831C25.3023 12.5727 25.6685 13.3667 25.8546 14.2109C26.0406 15.0551 26.042 15.9296 25.8587 16.7744C25.6754 17.6192 25.3117 18.4144 24.7925 19.1056V19.1113Z" fill="#003F6F"/>
+</svg>`
+      },
+      {
+        text: "projectFacility.requestInclusionOrCreateDataset",
+        image: null,
+        buttons: [
+          { title: "projectFacility.applyForSoftware", type: "primary", attrs: { href: `https://form.typeform.com/to/r9b1mAZL#token=${s.authToken}&account=${s.username}`, target: "_blank", rel: "noopener noreferrer" } },
+          { title: "projectFacility.createDatasets", type: "primary", attrs: { onClick: () => y.push({ name: "DataProviderInterface-Input", params: { property: "datasets" } }) } },
+          { title: "projectFacility.applyForHardware", type: "primary", attrs: { href: `https://form.typeform.com/to/ayL37uiV#token=${s.authToken}&account=${s.username}`, target: "_blank", rel: "noopener noreferrer" } }
+        ],
+        circledNumber: `<svg xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="none">
+  <path d="M19.5 0C15.6433 0 11.8731 1.14365 8.66639 3.28634C5.45963 5.42903 2.96027 8.47451 1.48436 12.0377C0.00844905 15.6008 -0.377716 19.5216 0.374696 23.3043C1.12711 27.0869 2.9843 30.5615 5.71143 33.2886C8.43855 36.0157 11.9131 37.8729 15.6957 38.6253C19.4784 39.3777 23.3992 38.9916 26.9623 37.5156C30.5255 36.0397 33.571 33.5404 35.7137 30.3336C37.8563 27.1269 39 23.3567 39 19.5C38.9945 14.33 36.9383 9.37322 33.2826 5.71745C29.6268 2.06167 24.67 0.00545966 19.5 0ZM19.5 36C16.2366 36 13.0465 35.0323 10.3331 33.2192C7.61969 31.4062 5.50484 28.8293 4.256 25.8143C3.00715 22.7993 2.68039 19.4817 3.31705 16.281C3.95371 13.0803 5.52518 10.1403 7.83275 7.83274C10.1403 5.52517 13.0803 3.9537 16.281 3.31704C19.4817 2.68039 22.7993 3.00714 25.8143 4.25599C28.8293 5.50483 31.4062 7.61968 33.2192 10.3331C35.0323 13.0465 36 16.2366 36 19.5C35.995 23.8745 34.2551 28.0685 31.1618 31.1618C28.0685 34.255 23.8746 35.995 19.5 36ZM25.5 24C25.4997 25.3406 25.1001 26.6508 24.3523 27.7635C23.6045 28.8762 22.5422 29.741 21.301 30.2477C20.0598 30.7543 18.6958 30.8799 17.3829 30.6084C16.0701 30.3369 14.8678 29.6806 13.9294 28.7231C13.7828 28.5845 13.6657 28.4177 13.5851 28.2327C13.5045 28.0477 13.4621 27.8484 13.4603 27.6466C13.4585 27.4449 13.4975 27.2448 13.5748 27.0585C13.6522 26.8721 13.7663 26.7033 13.9104 26.5621C14.0545 26.4209 14.2257 26.3102 14.4135 26.2366C14.6014 26.1631 14.8022 26.1282 15.0039 26.1341C15.2056 26.14 15.404 26.1865 15.5873 26.2708C15.7706 26.3552 15.935 26.4756 16.0706 26.625C16.5034 27.0665 17.0386 27.3942 17.6286 27.5788C18.2186 27.7635 18.8451 27.7994 19.4523 27.6834C20.0596 27.5674 20.6287 27.303 21.1091 26.9139C21.5895 26.5248 21.9662 26.0229 22.2057 25.453C22.4453 24.8831 22.5402 24.2627 22.482 23.6473C22.4239 23.0318 22.2145 22.4402 21.8724 21.9252C21.5304 21.4103 21.0663 20.9878 20.5216 20.6956C19.9768 20.4033 19.3682 20.2502 18.75 20.25C18.4756 20.2499 18.2065 20.1746 17.9719 20.0322C17.7374 19.8897 17.5464 19.6857 17.4197 19.4423C17.2931 19.1989 17.2356 18.9254 17.2537 18.6515C17.2717 18.3777 17.3644 18.1141 17.5219 17.8894L21.1181 12.75H15C14.6022 12.75 14.2206 12.592 13.9393 12.3107C13.658 12.0294 13.5 11.6478 13.5 11.25C13.5 10.8522 13.658 10.4706 13.9393 10.1893C14.2206 9.90803 14.6022 9.75 15 9.75H24C24.2744 9.75007 24.5435 9.82542 24.7781 9.96783C25.0126 10.1102 25.2036 10.3143 25.3303 10.5577C25.4569 10.8011 25.5144 11.0746 25.4963 11.3484C25.4783 11.6223 25.3856 11.8859 25.2281 12.1106L21.2906 17.7356C22.5354 18.2432 23.6006 19.1103 24.3504 20.226C25.1002 21.3418 25.5004 22.6557 25.5 24Z" fill="#003F6F"/>
+</svg>`
+      },
+      {
+        text: "projectFacility.startCreatingProject",
+        image: null,
+        buttons: null,
+        circledNumber: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
+  <path d="M24 4.5C20.1433 4.5 16.3731 5.64366 13.1664 7.78634C9.95963 9.92903 7.46027 12.9745 5.98436 16.5377C4.50845 20.1008 4.12228 24.0216 4.8747 27.8043C5.62711 31.5869 7.4843 35.0615 10.2114 37.7886C12.9386 40.5157 16.4131 42.3729 20.1957 43.1253C23.9784 43.8777 27.8992 43.4916 31.4623 42.0157C35.0255 40.5397 38.071 38.0404 40.2137 34.8336C42.3564 31.6269 43.5 27.8567 43.5 24C43.4946 18.83 41.4383 13.8732 37.7826 10.2174C34.1268 6.56167 29.1701 4.50546 24 4.5ZM24 40.5C20.7366 40.5 17.5465 39.5323 14.8331 37.7192C12.1197 35.9062 10.0048 33.3293 8.756 30.3143C7.50715 27.2993 7.1804 23.9817 7.81705 20.781C8.45371 17.5803 10.0252 14.6403 12.3327 12.3327C14.6403 10.0252 17.5803 8.4537 20.781 7.81704C23.9817 7.18039 27.2993 7.50714 30.3143 8.75599C33.3293 10.0048 35.9062 12.1197 37.7193 14.8331C39.5323 17.5465 40.5 20.7366 40.5 24C40.495 28.3745 38.7551 32.5685 35.6618 35.6618C32.5685 38.7551 28.3746 40.495 24 40.5ZM31.5 27C31.5 27.3978 31.342 27.7794 31.0607 28.0607C30.7794 28.342 30.3978 28.5 30 28.5H28.5V33C28.5 33.3978 28.342 33.7794 28.0607 34.0607C27.7794 34.342 27.3978 34.5 27 34.5C26.6022 34.5 26.2207 34.342 25.9393 34.0607C25.658 33.7794 25.5 33.3978 25.5 33V28.5H18C17.7623 28.5 17.528 28.4436 17.3164 28.3352C17.1049 28.2269 16.922 28.0699 16.7831 27.8771C16.6441 27.6843 16.5529 27.4612 16.5171 27.2262C16.4812 26.9912 16.5017 26.7511 16.5769 26.5256L21.0769 13.0256C21.2027 12.6482 21.4733 12.3362 21.8291 12.1583C22.185 11.9803 22.5969 11.9511 22.9744 12.0769C23.3518 12.2027 23.6638 12.4733 23.8417 12.8291C24.0197 13.185 24.0489 13.5969 23.9231 13.9744L20.0813 25.5H25.5V21C25.5 20.6022 25.658 20.2206 25.9393 19.9393C26.2207 19.658 26.6022 19.5 27 19.5C27.3978 19.5 27.7794 19.658 28.0607 19.9393C28.342 20.2206 28.5 20.6022 28.5 21V25.5H30C30.3978 25.5 30.7794 25.658 31.0607 25.9393C31.342 26.2206 31.5 26.6022 31.5 27Z" fill="#003F6F"/>
+</svg>`
+      }
+    ]);
+    return (r, D) => (t(), a("div", k, [
+      e("div", L, [
+        e("h4", M, l(r.$t("projectFacility.projectFacilityTitle")), 1),
+        e("p", Z, l(r.$t("projectFacility.projectFacilitySubtitle")), 1)
+      ]),
+      e("div", x, [
+        (t(!0), a(n, null, c(g.value, (C, f) => (t(), a("div", {
+          key: f,
+          class: "about-project-step-heading"
+        }, [
+          e("div", H, [
+            e("div", {
+              class: "circle",
+              innerHTML: C.circledNumber
+            }, null, 8, V),
+            e("div", P, [
+              e("p", T, l(r.$t(C.text)), 1),
+              C.image ? (t(), a("img", {
+                key: 0,
+                src: C.image,
+                alt: ""
+              }, null, 8, B)) : p("", !0)
+            ])
+          ]),
+          C.buttons ? (t(), a("div", N, [
+            (t(!0), a(n, null, c(C.buttons, (o) => (t(), i(d(o.attrs.href ? "a" : o.attrs.to ? "router-link" : "div"), v({ ref_for: !0 }, o.attrs), {
+              default: u(() => [
+                (t(), i(m, {
+                  key: o.title,
+                  "button-text": r.$t(o.title),
+                  variant: o.type,
+                  size: "small"
+                }, null, 8, ["button-text", "variant"]))
+              ]),
+              _: 2
+            }, 1040))), 256))
+          ])) : p("", !0)
+        ]))), 128))
+      ]),
+      e("div", $, [
+        (t(), i(d(r.allowedToCreate ? "RouterLink" : "span"), {
+          disabled: !r.allowedToCreate,
+          to: { name: "DataProviderInterface-InputProject", query: { locale: "de", edit: !1 }, params: { property: "datasets" } }
+        }, {
+          default: u(() => [
+            j(m, {
+              disabled: !r.allowedToCreate,
+              size: "large",
+              "button-text": r.$t("projectFacility.createNewProject")
+            }, null, 8, ["disabled", "button-text"])
+          ]),
+          _: 1
+        }, 8, ["disabled"]))
+      ])
+    ]));
+  }
+});
+export {
+  z as default
+};

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

@@ -327,7 +327,7 @@ function ge(ce, t, xe, Te, we, x) {
               iconStart: "MagnifyingGlass",
               variant: "secondary",
               class: "tooltipToggle",
-              "data-toggle": "tooltip",
+              "data-bs-toggle": "tooltip",
               title: "Look at me, I'm Mr Tooltip!"
             })
           ]),

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
 };