@piveau/dpi 0.1.0-beta.8 → 0.1.0-twinby.0

package/dist/stories/components/DemoStep.vue.js

@@ -0,0 +1,331 @@
+import { ref as p, watch as $, createElementBlock as r, openBlock as i, createElementVNode as l, createVNode as n, unref as a, withCtx as m, Fragment as g, renderList as _, createBlock as U, createCommentVNode as F, withDirectives as w, vModelCheckbox as D, vShow as L } from "vue";
+import { FormKit as o } from "@formkit/vue";
+import V from "../../data-provider-interface/HappyFlowComponents/ui/Autocomplete/AutocompleteInputDefinition.js";
+import h from "../../data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.js";
+import E from "../../data-provider-interface/HappyFlowComponents/ui/Chip.vue.js";
+import T from "../../data-provider-interface/HappyFlowComponents/ui/DpiModalBase.vue.js";
+import H from "../../data-provider-interface/HappyFlowComponents/ui/InputField.vue.js";
+import I from "../../data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js";
+import M from "../../data-provider-interface/HappyFlowComponents/ui/ListBox/Listbox.vue.js";
+import P from "./PartnerCard.vue.js";
+/* empty css              */
+import j from "../../_virtual/_plugin-vue_export-helper.js";
+const N = { class: "dpiV3_page V3-typography" }, A = {
+  id: "partners-section",
+  class: "funny-section"
+}, R = { class: "partner-cards-container" }, K = { class: "action-container" }, W = { class: "funny-section" }, q = { class: "start-and-end" }, G = { class: "funny-section" }, J = {
+  key: 0,
+  class: "d-flex"
+}, Q = ["id", "value"], X = ["for"], Y = { class: "funny-section" }, Z = {
+  key: 0,
+  class: "d-flex"
+}, ee = ["id", "value"], te = ["for"], le = { class: "funny-section" }, ne = { class: "autocomplete-inputs-demo" }, ae = { class: "partner-cards-container" }, oe = { class: "action-container" }, ie = {
+  __name: "DemoStep",
+  setup(se) {
+    const b = p([{}]), z = p([
+      { id: "option-1", name: "Option 1" },
+      { id: "option-2", name: "Option 2" },
+      { id: "option-3", name: "Option 3" }
+    ]), x = p(), c = p([]);
+    $(x, (d) => {
+      d && d.id && c.value.push(d.id);
+    });
+    const k = p(""), u = p([]);
+    function B(d) {
+      if (d && d.trim()) {
+        const e = d.trim();
+        u.value.includes(e) || u.value.push(e), k.value = "";
+      }
+    }
+    const C = p(!1);
+    return (d, e) => (i(), r("div", N, [
+      e[20] || (e[20] = l("section", { class: "funny-section" }, [
+        l("h4", null, " Fügen Sie optionale Daten hinzu "),
+        l("span", { class: "copy-large-regular" }, "Für viele Projekte sind weitere Informationen vorhanden und für lesende Personen hilfreich. Fügen Sie hier bei Bedarf weitere Informationen hinzu.")
+      ], -1)),
+      l("section", A, [
+        e[11] || (e[11] = l("h5", null, " Partner ", -1)),
+        e[12] || (e[12] = l("span", { class: "copy-large-regular" }, "Wenn Sie mit einem oder mehreren Partnern zusammengearbeitet haben, können Sie diese hier angeben.", -1)),
+        l("div", R, [
+          n(a(o), {
+            modelValue: b.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (t) => b.value = t),
+            type: "list",
+            name: "partners",
+            dynamic: ""
+          }, {
+            default: m(({ items: t, node: s, value: f }) => [
+              (i(!0), r(g, null, _(t, (v, y) => (i(), U(a(o), {
+                key: v,
+                type: "group",
+                index: y
+              }, {
+                default: m(() => [
+                  n(P, null, {
+                    action: m(() => [
+                      n(h, {
+                        "button-text": "Entfernen",
+                        size: "small",
+                        variant: "secondary",
+                        onClick: () => s.input(f.filter((O, S) => S !== y))
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["index"]))), 128)),
+              l("div", K, [
+                n(h, {
+                  "button-text": "Partner hinzufügen",
+                  size: "small",
+                  variant: "tertiary",
+                  "icon-start": "plus",
+                  onClick: (v) => s.input(f.concat({}))
+                }, null, 8, ["onClick"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      l("section", W, [
+        e[13] || (e[13] = l("h5", null, " Projektzeitraum ", -1)),
+        e[14] || (e[14] = l("span", { class: "copy-large-regular" }, "Für Projekte, die noch nicht abgeschlossen sind, können Sie das Enddatum frei lassen.", -1)),
+        l("div", q, [
+          n(a(o), {
+            type: a(I),
+            name: "startDate",
+            "text-label": "Startdatum",
+            "input-type": "date",
+            placeholder: "Enter text here",
+            "tooltip-text": "This is helpful information",
+            "add-on-text": !1,
+            "info-icon": !1,
+            "pre-icon": !1,
+            "show-end-icon": !1,
+            "initial-hint-text": !1
+          }, null, 8, ["type"]),
+          n(a(o), {
+            type: a(I),
+            name: "endDate",
+            "text-label": "Enddatum",
+            "input-type": "date",
+            placeholder: "Enter text here",
+            "tooltip-text": "This is helpful information",
+            "add-on-text": !1,
+            "info-icon": !1,
+            "pre-icon": !1,
+            "show-end-icon": !1,
+            "initial-hint-text": !1
+          }, null, 8, ["type"])
+        ])
+      ]),
+      l("section", G, [
+        e[15] || (e[15] = l("h5", null, "Lorem Ipsum", -1)),
+        e[16] || (e[16] = l("div", null, "Funktionalitäten auswählen ", -1)),
+        n(a(o), {
+          modelValue: c.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (t) => c.value = t),
+          type: "hidden",
+          name: "demoSelectChecked"
+        }, null, 8, ["modelValue"]),
+        x.value ? (i(), r("div", J, [
+          (i(!0), r(g, null, _(z.value, (t) => (i(), r("div", {
+            key: t.id,
+            class: "label-chip"
+          }, [
+            w(l("input", {
+              id: t.id,
+              "onUpdate:modelValue": e[2] || (e[2] = (s) => c.value = s),
+              class: "label-chip__input",
+              type: "checkbox",
+              value: t.id
+            }, null, 8, Q), [
+              [D, c.value]
+            ]),
+            w(l("label", {
+              class: "label-chip__label",
+              for: t.id
+            }, [
+              n(E, {
+                class: "label-chip__inner",
+                text: t.name,
+                data: {
+                  "@value": t.name,
+                  URI: "https://example.com/default"
+                },
+                setup: {
+                  "@type": "select",
+                  "@inTable": !1
+                }
+              }, null, 8, ["text", "data"])
+            ], 8, X), [
+              [L, c.value.includes(t.id)]
+            ])
+          ]))), 128))
+        ])) : F("", !0),
+        n(M, {
+          modelValue: x.value,
+          "onUpdate:modelValue": e[3] || (e[3] = (t) => x.value = t),
+          options: z.value,
+          label: "Select an option",
+          name: "demo-select"
+        }, null, 8, ["modelValue", "options"])
+      ]),
+      l("section", Y, [
+        e[17] || (e[17] = l("h5", null, "Hardware", -1)),
+        e[18] || (e[18] = l("div", null, "Funktionalitäten nennen", -1)),
+        n(a(o), {
+          modelValue: u.value,
+          "onUpdate:modelValue": e[4] || (e[4] = (t) => u.value = t),
+          type: "hidden",
+          name: "hardwareChecked"
+        }, null, 8, ["modelValue"]),
+        u.value.length > 0 ? (i(), r("div", Z, [
+          (i(!0), r(g, null, _(u.value, (t) => (i(), r("div", {
+            key: t,
+            class: "label-chip"
+          }, [
+            w(l("input", {
+              id: `hardware-${t}`,
+              "onUpdate:modelValue": e[5] || (e[5] = (s) => u.value = s),
+              class: "label-chip__input",
+              type: "checkbox",
+              value: t
+            }, null, 8, ee), [
+              [D, u.value]
+            ]),
+            l("label", {
+              class: "label-chip__label",
+              for: `hardware-${t}`
+            }, [
+              n(E, {
+                class: "label-chip__inner",
+                text: t,
+                data: {
+                  "@value": t,
+                  URI: "https://example.com/default"
+                },
+                setup: {
+                  "@type": "selected",
+                  "@icon": "suffix",
+                  "@inTable": !1
+                }
+              }, null, 8, ["text", "data"])
+            ], 8, te)
+          ]))), 128))
+        ])) : F("", !0),
+        n(H, {
+          modelValue: k.value,
+          "onUpdate:modelValue": e[6] || (e[6] = (t) => k.value = t),
+          label: "Hardware",
+          "input-type": "text",
+          placeholder: "Enter text here",
+          "tooltip-text": "This is helpful information",
+          "add-on-text": !1,
+          "info-icon": !1,
+          "pre-icon": !1,
+          "show-end-icon": !1,
+          "initial-hint-text": !1
+        }, null, 8, ["modelValue"]),
+        n(h, {
+          "button-text": "Add Hardware",
+          size: "small",
+          variant: "tertiary",
+          "icon-start": "plus",
+          onClick: e[7] || (e[7] = (t) => B(k.value))
+        })
+      ]),
+      l("section", le, [
+        e[19] || (e[19] = l("h5", null, "Autocomplete Demo", -1)),
+        l("div", ne, [
+          n(a(o), {
+            type: a(V),
+            name: "category",
+            vocabulary: "data-theme",
+            label: "Categories",
+            placeholder: "Select a category..."
+          }, null, 8, ["type"]),
+          n(a(o), {
+            type: a(V),
+            name: "country",
+            vocabulary: "country",
+            label: "Country",
+            placeholder: "Select a country..."
+          }, null, 8, ["type"]),
+          n(a(o), {
+            type: a(V),
+            name: "language",
+            vocabulary: "language",
+            label: "Language",
+            placeholder: "Select a language..."
+          }, null, 8, ["type"]),
+          n(a(o), {
+            type: a(V),
+            name: "licence",
+            vocabulary: "licence",
+            label: "License",
+            placeholder: "Select a license..."
+          }, null, 8, ["type"])
+        ])
+      ]),
+      l("button", {
+        onClick: e[8] || (e[8] = (t) => C.value = !0)
+      }, " Open Modal "),
+      n(T, {
+        modelValue: C.value,
+        "onUpdate:modelValue": e[10] || (e[10] = (t) => C.value = t)
+      }, {
+        default: m(() => [
+          l("div", ae, [
+            n(a(o), {
+              modelValue: b.value,
+              "onUpdate:modelValue": e[9] || (e[9] = (t) => b.value = t),
+              type: "list",
+              name: "partners",
+              dynamic: ""
+            }, {
+              default: m(({ items: t, node: s, value: f }) => [
+                (i(!0), r(g, null, _(t, (v, y) => (i(), U(a(o), {
+                  key: v,
+                  type: "group",
+                  index: y
+                }, {
+                  default: m(() => [
+                    n(P, null, {
+                      action: m(() => [
+                        n(h, {
+                          "button-text": "Entfernen",
+                          size: "small",
+                          variant: "secondary",
+                          onClick: () => s.input(f.filter((O, S) => S !== y))
+                        }, null, 8, ["onClick"])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1032, ["index"]))), 128)),
+                l("div", oe, [
+                  n(h, {
+                    "button-text": "Partner hinzufügen",
+                    size: "small",
+                    variant: "tertiary",
+                    "icon-start": "plus",
+                    onClick: (v) => s.input(f.concat({}))
+                  }, null, 8, ["onClick"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]));
+  }
+}, ke = /* @__PURE__ */ j(ie, [["__scopeId", "data-v-7f00c63a"]]);
+export {
+  ke as default
+};

package/dist/stories/components/DemoStepper.vue.js

@@ -0,0 +1,7 @@
+import o from "./DemoStepper.vue2.js";
+/* empty css                 */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-10b457be"]]);
+export {
+  m as default
+};

package/dist/stories/components/DemoStepper.vue2.js

@@ -0,0 +1,160 @@
+import { defineComponent as O, ref as f, toRef as T, computed as b, watch as j, createElementBlock as E, openBlock as y, createElementVNode as s, createVNode as t, toDisplayString as U, unref as r, isRef as k, withCtx as i, createBlock as q, createCommentVNode as J, nextTick as K } from "vue";
+import { FormKit as d } from "@formkit/vue";
+import l from "../../data-provider-interface/components/InputPageStep.vue.js";
+import L from "../../data-provider-interface/components/ProgressSteps.vue.js";
+import { useDpiStepper as $ } from "../../data-provider-interface/composables/useDpiStepper.js";
+import A from "../../data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js";
+import H from "../../data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js";
+import V from "../../data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.js";
+import I from "./DemoStep.vue.js";
+import M from "./ReviewStepDemo.vue.js";
+const z = { class: "demo-stepper" }, G = { style: { "margin-bottom": "1rem", padding: "1rem", background: "#f5f5f5", "border-radius": "8px" } }, Q = { class: "dev-actions" }, ae = /* @__PURE__ */ O({
+  __name: "DemoStepper",
+  setup(W) {
+    const a = f({}), {
+      steps: x,
+      stepList: c,
+      visitedSteps: m,
+      stepPlugin: _,
+      goToNextStep: h,
+      goToPreviousStep: w,
+      current: u,
+      isLast: C,
+      triggerValidationCurrentStep: N
+    } = $(), D = T(x);
+    function P(n) {
+      var o;
+      const e = (o = D.value) == null ? void 0 : o[n];
+      return e ? e.valid : !1;
+    }
+    const v = b(() => {
+      const n = {};
+      return c.value.forEach((e) => {
+        const p = e.split("/")[0];
+        n[p] || (n[p] = []), n[p].push(e);
+      }), n;
+    });
+    function R(n) {
+      const e = v.value[n] || [];
+      return e.length > 0 && e.every((o) => m.value.includes(o));
+    }
+    b(() => Object.keys(v.value).filter((n) => R(n)));
+    function B() {
+      P(u.value) && h();
+    }
+    async function F() {
+      N(), await K(), C.value ? (console.log("Form submitted", a.value), window.alert(`Form submitted: ${JSON.stringify(a.value)}`)) : B();
+    }
+    const g = f(!1), S = f(0);
+    return j(u, (n) => {
+      n === "review" && (g.value = !0, S.value++);
+    }), (n, e) => (y(), E("div", z, [
+      s("div", G, [
+        e[3] || (e[3] = s("strong", null, "Form Values:", -1)),
+        s("pre", null, U(JSON.stringify(a.value, null, 2)), 1)
+      ]),
+      t(L, {
+        checked: r(m),
+        "onUpdate:checked": e[0] || (e[0] = (o) => k(m) ? m.value = o : null),
+        current: r(u),
+        "onUpdate:current": e[1] || (e[1] = (o) => k(u) ? u.value = o : null),
+        steps: r(c) || []
+      }, null, 8, ["checked", "current", "steps"]),
+      t(r(d), {
+        id: "demo-stepper",
+        modelValue: a.value,
+        "onUpdate:modelValue": e[2] || (e[2] = (o) => a.value = o),
+        type: "form",
+        plugins: [r(_)],
+        actions: !1,
+        onSubmit: () => {
+        }
+      }, {
+        default: i(() => [
+          t(l, { name: "auffindbarkeit" }, {
+            default: i(() => [
+              t(I)
+            ]),
+            _: 1
+          }),
+          t(l, { name: "grundlegende-informationen/name" }, {
+            default: i(() => [
+              t(A)
+            ]),
+            _: 1
+          }),
+          t(l, { name: "grundlegende-informationen/organisation" }, {
+            default: i(() => [
+              t(H)
+            ]),
+            _: 1
+          }),
+          t(l, { name: "grundlegende-informationen/discoverability" }, {
+            default: i(() => [
+              t(r(d), {
+                type: "text",
+                label: "Name",
+                name: "name",
+                validation: "required"
+              })
+            ]),
+            _: 1
+          }),
+          t(l, { name: "grundlegende-informationen/essentials" }, {
+            default: i(() => [
+              t(r(d), {
+                type: "text",
+                label: "Mail",
+                name: "mail",
+                validation: "required|email"
+              }),
+              t(r(d), {
+                type: "text",
+                label: "Homepage",
+                name: "homepage",
+                validation: "url"
+              })
+            ]),
+            _: 1
+          }),
+          t(l, { name: "optinale-daten" }, {
+            default: i(() => [
+              t(r(d), {
+                type: "textarea",
+                label: "Description",
+                name: "description"
+              })
+            ]),
+            _: 1
+          }),
+          t(l, { name: "review" }, {
+            default: i(() => [
+              g.value ? (y(), q(M, {
+                key: S.value,
+                values: a.value
+              }, null, 8, ["values"])) : J("", !0)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "plugins"]),
+      e[4] || (e[4] = s("hr", null, null, -1)),
+      s("div", Q, [
+        t(V, {
+          type: "button",
+          "button-text": "Previous",
+          onClick: r(w)
+        }, null, 8, ["onClick"]),
+        t(V, {
+          type: "button",
+          "button-text": "Next",
+          onClick: F
+        })
+      ])
+    ]));
+  }
+});
+export {
+  ae as default
+};

package/dist/stories/components/PartnerCard.vue.js

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

package/dist/stories/components/PartnerCard.vue2.js

@@ -0,0 +1,32 @@
+import { defineComponent as l, createElementBlock as r, openBlock as d, renderSlot as i, createVNode as o, createElementVNode as s, unref as e } from "vue";
+import { FormKit as a } from "@formkit/vue";
+import n from "../../data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js";
+const m = { class: "dpiV3_Card_Tips" }, p = { class: "action-container" }, y = /* @__PURE__ */ l({
+  __name: "PartnerCard",
+  setup(c) {
+    return (t, u) => (d(), r("div", m, [
+      i(t.$slots, "default", {}, () => [
+        o(e(a), {
+          type: e(n),
+          name: "name",
+          "text-label": "Name",
+          validation: "required",
+          "validation-visibility": "live"
+        }, null, 8, ["type"]),
+        o(e(a), {
+          type: e(n),
+          name: "homepage",
+          "text-label": "Homepage",
+          validation: "url",
+          "validation-visibility": "live"
+        }, null, 8, ["type"]),
+        s("div", p, [
+          i(t.$slots, "action", {}, void 0, !0)
+        ])
+      ], !0)
+    ]));
+  }
+});
+export {
+  y as default
+};

package/dist/stories/components/ReviewStepDemo.vue.js

@@ -0,0 +1,7 @@
+import o from "./ReviewStepDemo.vue2.js";
+/* empty css                    */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-871cc3cb"]]);
+export {
+  p as default
+};

package/dist/stories/components/ReviewStepDemo.vue2.js

@@ -0,0 +1,98 @@
+import { defineComponent as w, createElementBlock as n, openBlock as s, createElementVNode as r, createCommentVNode as y, Fragment as d, renderList as u, toDisplayString as c, createBlock as A } from "vue";
+import C from "../../data-provider-interface/HappyFlowComponents/ui/Chip.vue.js";
+const S = { class: "dpiV3_page V3-typography" }, N = { class: "dpiV3_Card_Tips" }, B = { class: "review-content" }, V = { class: "review-field__title" }, z = {
+  key: 0,
+  class: "review-field__chips"
+}, D = {
+  key: 1,
+  class: "review-field__objects"
+}, E = { class: "review-object-title" }, O = { class: "review-object-fields" }, x = { class: "review-object-field__label" }, F = { class: "review-object-field__value" }, I = {
+  key: 2,
+  class: "review-field__text"
+}, L = { class: "copy-large-regular" }, R = {
+  key: 0,
+  class: "review-empty"
+}, T = {
+  key: 0,
+  class: "funny-section"
+}, $ = /* @__PURE__ */ w({
+  __name: "ReviewStepDemo",
+  props: {
+    values: {}
+  },
+  setup(f) {
+    const m = f;
+    function v(e) {
+      const t = e.split("/"), l = t == null ? void 0 : t[0], a = t == null ? void 0 : t[1], i = (p) => p.split("-").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" ");
+      return a ? `${i(l)} - ${i(a)}` : i(l);
+    }
+    function _(e) {
+      return e.split(/(?=[A-Z])|_|-/).map((t) => t.charAt(0).toUpperCase() + t.slice(1).toLowerCase()).join(" ");
+    }
+    function b(e) {
+      return Array.isArray(e) && e.length > 0 && (typeof e[0] == "string" || typeof e[0] == "number");
+    }
+    function k(e) {
+      return Array.isArray(e) && e.length > 0 && typeof e[0] == "object" && e[0] !== null;
+    }
+    return (e, t) => (s(), n("div", S, [
+      t[2] || (t[2] = r("section", { class: "funny-section" }, [
+        r("h4", null, "Zusammenfassung Ihrer Eingaben"),
+        r("span", { class: "copy-large-regular" }, " Bitte überprüfen Sie Ihre Eingaben vor der Übermittlung. Sie können zur Bearbeitung zu vorherigen Schritten zurückkehren. ")
+      ], -1)),
+      (s(!0), n(d, null, u(Object.entries(m.values || {}), ([l, a]) => (s(), n("section", {
+        key: l,
+        class: "funny-section"
+      }, [
+        r("div", N, [
+          r("h5", null, c(v(l)), 1),
+          r("div", B, [
+            (s(!0), n(d, null, u(a, (i, p) => (s(), n("div", {
+              key: p,
+              class: "review-field"
+            }, [
+              r("h6", V, c(_(p)), 1),
+              b(i) ? (s(), n("div", z, [
+                (s(!0), n(d, null, u(i, (o) => (s(), A(C, {
+                  key: o,
+                  "chip-text": o.toString(),
+                  variant: "primary",
+                  size: "small"
+                }, null, 8, ["chip-text"]))), 128))
+              ])) : k(i) ? (s(), n("div", D, [
+                (s(!0), n(d, null, u(i, (o, h) => (s(), n("div", {
+                  key: h,
+                  class: "review-object-item"
+                }, [
+                  r("span", E, c(_(p)) + " " + c(h + 1), 1),
+                  r("div", O, [
+                    (s(!0), n(d, null, u(o, (j, g) => (s(), n("div", {
+                      key: g,
+                      class: "review-object-field"
+                    }, [
+                      r("span", x, c(_(g)) + ":", 1),
+                      r("span", F, c(j || "Nicht angegeben"), 1)
+                    ]))), 128))
+                  ])
+                ]))), 128))
+              ])) : (s(), n("div", I, [
+                r("span", L, c(i || "Nicht angegeben"), 1)
+              ]))
+            ]))), 128)),
+            Object.keys(a).length === 0 ? (s(), n("div", R, t[0] || (t[0] = [
+              r("span", { class: "copy-large-regular" }, "Keine Daten in diesem Schritt eingegeben", -1)
+            ]))) : y("", !0)
+          ])
+        ])
+      ]))), 128)),
+      !e.values || Object.keys(e.values).length === 0 ? (s(), n("section", T, t[1] || (t[1] = [
+        r("div", { class: "dpiV3_Card_Tips" }, [
+          r("span", { class: "copy-large-regular" }, "Noch keine Daten eingegeben")
+        ], -1)
+      ]))) : y("", !0)
+    ]));
+  }
+});
+export {
+  $ as default
+};