@piveau/dpi 0.2.0-alpha.2 → 0.2.0-alpha.4

package/dist/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue2.js

@@ -1,13 +1,17 @@
-import { defineComponent as d, createElementBlock as c, openBlock as u, createElementVNode as e, renderSlot as p, toDisplayString as s, createVNode as o, withCtx as a, unref as i, createTextVNode as m } from "vue";
+import { defineComponent as f, createElementBlock as c, openBlock as u, createElementVNode as e, createCommentVNode as g, renderSlot as h, toDisplayString as a, createVNode as o, withCtx as i, createTextVNode as r, unref as s } from "vue";
 import { FormKit as l } from "@formkit/vue";
-import { PhLightbulb as f } from "@phosphor-icons/vue";
-import g from "../../../components/StepActionsSection.vue.js";
-import h from "../Card.vue.js";
-import b from "../../../../stories/components/PartnerCard.vue.js";
-import r from "../InputField/InputFieldDefinition.js";
-const y = { class: "dpiV3_page V3-typography" }, _ = { class: "funny-section" }, v = { class: "funny-flex" }, k = { class: "funny-section" }, S = { class: "contact-container" }, D = { class: "contact-title" }, z = { class: "contact-wrapper" }, A = ["src"], P = { class: "contact-grid" }, w = { class: "contact-col" }, E = { class: "copy-large-regular" }, N = { class: "copy-large-regular" }, C = { class: "contact-col" }, B = { class: "copy-large-regular" }, M = ["href"], O = { class: "funny-section" }, T = { class: "funny-flex" }, V = { class: "funny-section" }, j = { class: "funny-section" }, W = /* @__PURE__ */ d({
+import { PhLightbulb as p } from "@phosphor-icons/vue";
+import _ from "../../../../stories/components/PartnerCard.vue.js";
+import y from "../../../components/StepActionsSection.vue.js";
+import m from "../Card.vue.js";
+import d from "../InputField/InputFieldDefinition.js";
+const b = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" }, k = { class: "funny-flex" }, S = { class: "funny-section" }, P = { class: "contact-container" }, z = { class: "contact-title" }, D = { class: "contact-wrapper" }, A = ["src"], N = { class: "contact-grid" }, w = { class: "contact-col" }, C = { class: "copy-large-regular" }, E = { class: "copy-large-regular" }, B = { class: "contact-col" }, O = { class: "copy-large-regular" }, V = ["href"], M = {
+  key: 0,
+  class: "funny-section"
+}, T = { class: "funny-section" }, W = { class: "funny-flex" }, j = { class: "funny-section" }, G = { class: "funny-flex" }, I = { class: "funny-section" }, F = { class: "funny-flex" }, Q = /* @__PURE__ */ f({
   __name: "ProjectOrganisationStep",
   props: {
+    isWip: { type: Boolean },
     icon: {},
     address: {},
     postalCode: {},
@@ -15,35 +19,33 @@ const y = { class: "dpiV3_page V3-typography" }, _ = { class: "funny-section" },
     phone: {},
     email: {}
   },
-  setup(G) {
-    return (t, n) => (u(), c("div", y, [
-      e("section", _, [
-        e("div", v, [
-          n[2] || (n[2] = e("h4", null, "Informationen zu Ihrer Organisation", -1)),
-          n[3] || (n[3] = e("span", { class: "copy-large-regular" }, " Die Angaben zur durchführenden Organisation werden nicht hier bei der Projektdokumentation erfasst. Diese Daten werden automatisch aus den Kontoinformationen übernommen, die bei uns hinterlegt sind. So wird sichergestellt, dass die Angaben zu Ihrer Organisation stets konsistent und aktuell bleiben, ohne dass sie mehrfach eingegeben werden müssen. ", -1)),
-          p(t.$slots, "organization", {}, () => [
-            e("section", k, [
-              e("div", S, [
-                e("p", D, "Stadt " + s(t.city), 1),
-                e("div", z, [
+  setup(K) {
+    return (t, n) => (u(), c("div", b, [
+      e("section", v, [
+        e("div", k, [
+          n[0] || (n[0] = e("h4", null, "Informationen zu Ihrer Organisation", -1)),
+          n[1] || (n[1] = e("span", { class: "copy-large-regular" }, " Die Angaben zur durchführenden Organisation werden nicht hier bei der Projektdokumentation erfasst. Diese Daten werden automatisch aus den Kontoinformationen übernommen, die bei uns hinterlegt sind. So wird sichergestellt, dass die Angaben zu Ihrer Organisation stets konsistent und aktuell bleiben, ohne dass sie mehrfach eingegeben werden müssen. ", -1)),
+          h(t.$slots, "organization", {}, () => [
+            e("section", S, [
+              e("div", P, [
+                e("p", z, " Stadt " + a(t.city), 1),
+                e("div", D, [
                   e("img", {
                     class: "contact-logo",
                     src: t.icon,
                     alt: "Stadt Haar Logo"
                   }, null, 8, A),
-                  e("div", P, [
+                  e("div", N, [
                     e("div", w, [
-                      e("span", E, s(t.address), 1),
-                      n[0] || (n[0] = e("br", null, null, -1)),
-                      e("span", N, s(t.postalCode) + " " + s(t.city), 1)
+                      e("span", C, a(t.address), 1),
+                      e("span", E, a(t.postalCode) + " " + a(t.city), 1)
                     ]),
-                    e("div", C, [
-                      e("span", B, s(t.phone), 1),
-                      n[1] || (n[1] = e("br", null, null, -1)),
+                    e("div", B, [
+                      e("span", O, a(t.phone), 1),
                       e("a", {
                         class: "copy-large-regular",
-                        href: "mailto:" + t.email
-                      }, s(t.email), 9, M)
+                        href: `mailto:${t.email}`
+                      }, a(t.email), 9, V)
                     ])
                   ])
                 ])
@@ -52,39 +54,56 @@ const y = { class: "dpiV3_page V3-typography" }, _ = { class: "funny-section" },
           ], !0)
         ])
       ]),
-      e("section", O, [
-        e("div", T, [
+      t.isWip ? (u(), c("section", M, [
+        o(m, null, {
+          title: i(() => n[2] || (n[2] = [
+            r(" Work-in-Progress ", -1)
+          ])),
+          icon: i(() => [
+            o(s(p), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          default: i(() => [
+            n[3] || (n[3] = r(" Organisation card above is WIP ", -1))
+          ]),
+          _: 1,
+          __: [3]
+        })
+      ])) : g("", !0),
+      e("section", T, [
+        e("div", W, [
           n[4] || (n[4] = e("h5", null, "Projektkontakt (optional)", -1)),
           n[5] || (n[5] = e("span", { class: "copy-large-regular" }, " Bitte nennen Sie eine allgemeine E-Mail-Adresse oder Funktionsadresse, unter der interessierte Personen Rückfragen zum Projekt stellen können. Bitte geben Sie keine personenbezogenen Daten an. ", -1)),
-          o(b, null, {
-            default: a(() => [
-              o(i(l), {
+          o(_, null, {
+            default: i(() => [
+              o(s(l), {
                 type: "group",
                 name: "contact"
               }, {
-                default: a(() => [
-                  o(i(l), {
-                    type: i(r),
+                default: i(() => [
+                  o(s(l), {
+                    type: s(d),
                     name: "name",
                     "text-label": "Name",
                     placeholder: "Geben Sie einen Namen an.",
-                    validation: "required",
                     "validation-label": "Name"
                   }, null, 8, ["type"]),
-                  o(i(l), {
-                    type: i(r),
+                  o(s(l), {
+                    type: s(d),
                     name: "mail",
                     "text-label": "E-Mail-Adresse",
                     placeholder: "Geben Sie eine E-Mail-Adresse an.",
-                    validation: "required",
+                    validation: "email",
                     "validation-label": "E-Mail-Adresse"
                   }, null, 8, ["type"]),
-                  o(i(l), {
-                    type: i(r),
+                  o(s(l), {
+                    type: s(d),
                     name: "phone",
                     "text-label": "Telefonnummer",
                     placeholder: "Geben Sie eine Telefonnummer an.",
-                    validation: "required",
+                    validation: "number",
                     "validation-label": "Telefonnummer"
                   }, null, 8, ["type"])
                 ]),
@@ -95,35 +114,38 @@ const y = { class: "dpiV3_page V3-typography" }, _ = { class: "funny-section" },
           })
         ])
       ]),
-      e("section", V, [
-        o(g)
-      ]),
-      n[8] || (n[8] = e("br", null, null, -1)),
       e("section", j, [
-        o(h, { variant: "default" }, {
-          icon: a(() => [
-            o(i(f), {
-              size: 32,
-              color: "#009fe3"
-            })
-          ]),
-          title: a(() => n[6] || (n[6] = [
-            m(" Wichtig! ", -1)
-          ])),
-          default: a(() => [
-            n[7] || (n[7] = e("div", { class: "copy-large-regular" }, [
-              e("p", null, "Bitte geben Sie keine persönlichen Daten preis! Diese dürfen auf unserer Plattform nicht veröffentlicht werden."),
-              e("p", null, "Dazu zählen Namen, E-Mail-Adresse oder auch Telefonnummern von realen Personen."),
-              e("p", null, "Geben Sie daher hier die Daten einer Organisationseinheit oder Abteilung an.")
-            ], -1))
-          ]),
-          _: 1,
-          __: [7]
-        })
+        e("div", G, [
+          o(y)
+        ])
+      ]),
+      e("section", I, [
+        e("div", F, [
+          o(m, { variant: "default" }, {
+            icon: i(() => [
+              o(s(p), {
+                size: 32,
+                color: "#009fe3"
+              })
+            ]),
+            title: i(() => n[6] || (n[6] = [
+              r(" Wichtig! ", -1)
+            ])),
+            default: i(() => [
+              n[7] || (n[7] = e("div", { class: "copy-large-regular" }, [
+                e("p", null, "Bitte geben Sie keine persönlichen Daten preis! Diese dürfen auf unserer Plattform nicht veröffentlicht werden."),
+                e("p", null, "Dazu zählen Namen, E-Mail-Adresse oder auch Telefonnummern von realen Personen."),
+                e("p", null, "Geben Sie daher hier die Daten einer Organisationseinheit oder Abteilung an.")
+              ], -1))
+            ]),
+            _: 1,
+            __: [7]
+          })
+        ])
       ])
     ]));
   }
 });
 export {
-  W as default
+  Q as default
 };

package/dist/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectStatusStep.vue.js

@@ -0,0 +1,38 @@
+import { createElementBlock as n, openBlock as r, createElementVNode as e, createVNode as o, unref as s } from "vue";
+import { FormKit as i } from "@formkit/vue";
+import a from "../../../components/StepActionsSection.vue.js";
+import l from "../ListBox/ListBoxDefinition.js";
+/* empty css                       */
+import c from "../../../../_virtual/_plugin-vue_export-helper.js";
+const p = { class: "dpiV3_page V3-typography" }, d = { class: "funny-section" }, m = { class: "funny-flex" }, u = { class: "funny-section" }, _ = {
+  __name: "ProjectStatusStep",
+  setup(f) {
+    return (h, t) => (r(), n("div", p, [
+      e("section", d, [
+        e("div", m, [
+          t[0] || (t[0] = e("h4", null, " Legen Sie den Status Ihres Projekts fest ", -1)),
+          t[1] || (t[1] = e("span", { class: "copy-large-regular" }, "Ist Ihr Projekt noch in Planung, in Arbeit oder bereits abgeschlossen?", -1)),
+          o(s(i), {
+            type: s(l),
+            name: "projectName",
+            label: "Projektstatus",
+            placeholder: "Wählen Sie den Projektstatus.",
+            options: [
+              { id: "open", name: "Offen" },
+              { id: "in_progress", name: "In Arbeit" },
+              { id: "done", name: "Abgeschlossen" }
+            ],
+            validation: "required",
+            "validation-label": "Projektstatus"
+          }, null, 8, ["type"])
+        ])
+      ]),
+      e("section", u, [
+        o(a)
+      ])
+    ]));
+  }
+}, k = /* @__PURE__ */ c(_, [["__scopeId", "data-v-835a4f9c"]]);
+export {
+  k as default
+};

package/dist/data-provider-interface/HappyFlowComponents/ui/Card.vue.js

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

package/dist/data-provider-interface/HappyFlowComponents/ui/Card.vue2.js

@@ -1,36 +1,50 @@
-import { defineComponent as c, computed as p, createElementBlock as r, openBlock as a, normalizeClass as s, createElementVNode as d, renderSlot as t, createCommentVNode as i } from "vue";
-const u = { class: "dpiV3_Card_Icon_Title" }, _ = {
+import { defineComponent as c, computed as p, createElementBlock as e, openBlock as o, normalizeClass as r, createCommentVNode as i, createElementVNode as l, renderSlot as s } from "vue";
+const _ = {
+  key: 0,
+  class: "dpiV3_Card_Icon_Title"
+}, u = {
   key: 1,
   class: "dpiV3_Card_Info_Text copy-large-semi-bold"
-}, v = /* @__PURE__ */ c({
+}, C = { class: "dpiV3_Card_Body" }, v = {
+  key: 0,
+  class: "dpiV3_Card_Icon"
+}, V = { key: 1 }, f = /* @__PURE__ */ c({
   __name: "Card",
   props: {
     variant: { default: "default" }
   },
-  setup(n) {
-    const o = n, l = p(() => ({
+  setup(a) {
+    const d = a, n = p(() => ({
       "V3-typography": !0,
       dpiV3_Card: !0,
-      "dpiV3_Card--default": o.variant === "default",
-      "dpiV3_Card--error": o.variant === "error"
+      "dpiV3_Card--default": d.variant === "default",
+      "dpiV3_Card--error": d.variant === "error"
     }));
-    return (e, C) => (a(), r("div", {
-      class: s(l.value)
+    return (t, $) => (o(), e("div", {
+      class: r(n.value)
     }, [
-      d("div", u, [
-        e.$slots.icon ? t(e.$slots, "icon", { key: 0 }, void 0, !0) : i("", !0),
-        e.$slots.title ? (a(), r("div", _, [
-          t(e.$slots, "title", {}, void 0, !0)
+      t.$slots.title ? (o(), e("div", _, [
+        t.$slots.icon ? s(t.$slots, "icon", { key: 0 }, void 0, !0) : i("", !0),
+        t.$slots.title ? (o(), e("div", u, [
+          s(t.$slots, "title", {}, void 0, !0)
         ])) : i("", !0)
-      ]),
-      d("div", {
-        class: s(["dpiV3_Card_Content", { "dpiV3_Card_Content--with-icon": e.$slots.icon }])
-      }, [
-        t(e.$slots, "default", {}, void 0, !0)
-      ], 2)
+      ])) : i("", !0),
+      l("div", C, [
+        t.$slots.icon && !t.$slots.title ? (o(), e("div", v, [
+          s(t.$slots, "icon", {}, void 0, !0)
+        ])) : (o(), e("div", V)),
+        l("div", {
+          class: r(["dpiV3_Card_Content", {
+            "dpiV3_Card_Content--with-icon": t.$slots.icon && t.$slots.title,
+            "dpiV3_Card_Content--with-icon-no-title": t.$slots.icon && !t.$slots.title
+          }])
+        }, [
+          s(t.$slots, "default", {}, void 0, !0)
+        ], 2)
+      ])
     ], 2));
   }
 });
 export {
-  v as default
+  f as default
 };

package/dist/data-provider-interface/HappyFlowComponents/ui/ChipToggleList/ChipToggleList.vue.js

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

package/dist/data-provider-interface/HappyFlowComponents/ui/ChipToggleList/ChipToggleList.vue2.js

@@ -0,0 +1,62 @@
+import { defineComponent as m, mergeModels as p, useModel as f, createElementBlock as d, openBlock as a, Fragment as h, renderList as v, withDirectives as x, createElementVNode as u, vModelCheckbox as k, createVNode as _ } from "vue";
+import { looseIndexOf as c } from "@vue/shared";
+import C from "../Chip.vue.js";
+const b = { class: "chip-toggle-list" }, g = ["id", "value"], V = ["for", "onClick"], $ = /* @__PURE__ */ m({
+  __name: "ChipToggleList",
+  props: /* @__PURE__ */ p({
+    options: {}
+  }, {
+    modelValue: {
+      default: () => []
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const l = f(r, "modelValue");
+    function n(t) {
+      return c(l.value, t) !== -1;
+    }
+    function o(t) {
+      c(l.value, t.id) !== -1 ? l.value = l.value.filter((e) => e !== t.id) : l.value = [...l.value, t.id];
+    }
+    return (t, i) => (a(), d("div", b, [
+      (a(!0), d(h, null, v(t.options, (e) => (a(), d("div", {
+        key: e.id,
+        class: "chip-item"
+      }, [
+        x(u("input", {
+          id: `chip-${e.id}`,
+          "onUpdate:modelValue": i[0] || (i[0] = (s) => l.value = s),
+          class: "chip-checkbox",
+          type: "checkbox",
+          value: e.id
+        }, null, 8, g), [
+          [k, l.value]
+        ]),
+        u("label", {
+          class: "chip-label",
+          for: `chip-${e.id}`,
+          onClick: (s) => o(e)
+        }, [
+          _(C, {
+            text: e.name,
+            data: {
+              "@value": e.id,
+              URI: e.uri || "https://example.com/default"
+            },
+            setup: {
+              "@type": "select",
+              "@inTable": !1,
+              "@findability": !0,
+              "@selected": n(e.id)
+            }
+          }, null, 8, ["text", "data", "setup"])
+        ], 8, V)
+      ]))), 128))
+    ]));
+  }
+});
+export {
+  $ as default
+};

package/dist/data-provider-interface/HappyFlowComponents/ui/Findability/CategoriesStep.vue.js

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

package/dist/data-provider-interface/HappyFlowComponents/ui/Findability/CategoriesStep.vue2.js

@@ -0,0 +1,60 @@
+import { defineComponent as m, ref as c, resolveComponent as d, createElementBlock as f, openBlock as h, createElementVNode as n, createVNode as r, unref as g } from "vue";
+import { defineHubSearch as y } from "@piveau/sdk-vue";
+import * as _ from "zod";
+import v from "../../../components/StepActionsSection.vue.js";
+import b from "../ChipToggleList/ChipToggleList.vue.js";
+const S = { class: "dpiV3_page V3-typography" }, V = { class: "funny-section" }, C = { class: "funny-flex" }, k = { class: "funny-section" }, K = /* @__PURE__ */ m({
+  __name: "CategoriesStep",
+  setup(x) {
+    const s = c([]), u = c(""), { useSearch: p } = y({
+      baseUrl: "https://staging.bydata.de/api/hub/search",
+      index: "vocabulary",
+      schema: _.any()
+    }, (e) => {
+      var t, l;
+      const o = String((e == null ? void 0 : e.resource) || ""), i = String(((t = e == null ? void 0 : e.pref_label) == null ? void 0 : t.de) || ((l = e == null ? void 0 : e.pref_label) == null ? void 0 : l.en) || "");
+      return {
+        id: o,
+        name: i
+      };
+    }), { getSearchResultsEnhanced: a } = p({
+      queryParams: {
+        q: u,
+        limit: 12,
+        vocabulary: "data-theme"
+      }
+    });
+    return (e, o) => {
+      const i = d("FormKit");
+      return h(), f("div", S, [
+        n("section", V, [
+          n("div", C, [
+            o[2] || (o[2] = n("div", null, [
+              n("h4", null, " Machen Sie Ihr Projekt leicht auffindbar "),
+              n("div", { class: "visibility-description" }, [
+                n("p", { class: "copy-large-regular" }, " Um sicherzustellen, dass Ihr Projekt für andere leicht zu finden ist, wählen Sie die relevanten, übergeordneten Kategorien aus. ")
+              ])
+            ], -1)),
+            r(i, {
+              modelValue: s.value,
+              "onUpdate:modelValue": o[0] || (o[0] = (t) => s.value = t),
+              type: "list",
+              name: "categories"
+            }, null, 8, ["modelValue"]),
+            r(b, {
+              modelValue: s.value,
+              "onUpdate:modelValue": o[1] || (o[1] = (t) => s.value = t),
+              options: g(a) || []
+            }, null, 8, ["modelValue", "options"])
+          ])
+        ]),
+        n("section", k, [
+          r(v)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  K as default
+};

package/dist/data-provider-interface/HappyFlowComponents/ui/Findability/DiscoverabilityStep.vue.js

@@ -1,59 +1,76 @@
-import { ref as a, createElementBlock as o, openBlock as l, createElementVNode as n, createVNode as i, unref as t, withCtx as r, createTextVNode as c } from "vue";
+import { ref as c, createElementBlock as l, openBlock as d, createElementVNode as e, createStaticVNode as o, createVNode as t, unref as a, withCtx as r, createTextVNode as n } from "vue";
 import { FormKit as h } from "@formkit/vue";
-import { PhLightbulb as d } from "@phosphor-icons/vue";
-import u from "../../../components/StepActionsSection.vue.js";
-import f from "../Card.vue.js";
-import m from "../ListBox/ListBoxDefinition.js";
+import { PhLightbulb as u } from "@phosphor-icons/vue";
+import f from "../../../components/StepActionsSection.vue.js";
+import v from "../Card.vue.js";
+import g from "../ListBox/ListBoxDefinition.js";
 /* empty css                         */
-import g from "../../../../_virtual/_plugin-vue_export-helper.js";
-const b = { class: "dpiV3_page V3-typography" }, p = { class: "funny-section" }, S = { class: "funny-flex" }, k = { class: "funny-section" }, v = { class: "funny-section" }, _ = {
+import p from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = { class: "dpiV3_page V3-typography" }, b = { class: "funny-section" }, S = { class: "funny-flex" }, k = { class: "funny-section" }, _ = { class: "funny-section" }, y = {
   __name: "DiscoverabilityStep",
-  setup(y) {
-    const s = a([
+  setup(z) {
+    const s = c([
       { id: 1, name: "Öffentlich", unavailable: !1 },
       { id: 2, name: "Eingeschränkt", unavailable: !1 },
       { id: 3, name: "Intern", unavailable: !1 }
     ]);
-    return (z, e) => (l(), o("div", b, [
-      n("section", p, [
-        n("div", S, [
-          e[0] || (e[0] = n("h4", null, " Legen Sie die Sichtbarkeit Ihres Projekts fest ", -1)),
-          e[1] || (e[1] = n("span", { class: "copy-large-regular" }, " Sie können für jedes Projekt individuell entscheiden, wer Ihre Metadaten sehen soll. Wir freuen uns, wenn Sie Ihre Daten möglichst offen teilen, um den Austausch zwischen den Kommunen zu fördern und gemeinsam von Erfahrungen und Lösungen zu profitieren. Gleichzeitig verstehen wir, dass manche Informationen einen geschützten Raum benötigen. Deshalb können Sie zwischen drei Sichtbarkeitsstufen wählen: „öffentlich“ (für alle Nutzer sichtbar) „eingeschränkt“ (für alle registrierten Nutzer sichtbar) „intern“ (für alle registrierten Nutzer Ihrer Organisation und Nutzer, denen Sie oder Ihre Organisation Sichtrechte erteilt haben, sichtbar) ", -1)),
-          i(t(h), {
-            type: t(m),
+    return (I, i) => (d(), l("div", m, [
+      e("section", b, [
+        e("div", S, [
+          i[0] || (i[0] = o('<div data-v-dc92c968><h4 data-v-dc92c968> Legen Sie die Sichtbarkeit Ihres Projekts fest </h4><div class="visibility-description" data-v-dc92c968><span class="copy-large-regular" data-v-dc92c968> Sie können für jedes Projekt individuell entscheiden, wer Ihre Metadaten sehen soll. Wir freuen uns, wenn Sie Ihre Daten möglichst offen teilen, um den Austausch zwischen den Kommunen zu fördern und gemeinsam von Erfahrungen und Lösungen zu profitieren. Gleichzeitig verstehen wir, dass manche Informationen einen geschützten Raum benötigen. Deshalb können Sie zwischen drei Sichtbarkeitsstufen wählen: </span></div><ul class="visibility-variants" data-v-dc92c968><li data-v-dc92c968><div class="variant-content" data-v-dc92c968><p data-v-dc92c968><strong data-v-dc92c968>„öffentlich“</strong> (für alle Nutzer sichtbar) </p></div></li><li data-v-dc92c968><div class="variant-content" data-v-dc92c968><p data-v-dc92c968><strong data-v-dc92c968>„eingeschränkt“</strong>(für alle registrierten Nutzer sichtbar) </p></div></li><li data-v-dc92c968><div class="variant-content" data-v-dc92c968><p data-v-dc92c968><strong data-v-dc92c968>„intern“</strong> (für alle registrierten Nutzer Ihrer Organisation und Nutzer, denen Sie oder Ihre Organisation Sichtrechte erteilt haben, sichtbar) </p></div></li></ul></div>', 1)),
+          t(a(h), {
+            type: a(g),
             name: "visibility",
             label: "Sichtbarkeit",
+            placeholder: "Wählen Sie eine Sichtbarkeit.",
             options: s.value,
             validation: "required"
           }, null, 8, ["type", "options"])
         ])
       ]),
-      n("section", k, [
-        i(u)
+      e("section", k, [
+        t(f)
       ]),
-      n("section", v, [
-        i(f, { variant: "default" }, {
+      e("section", _, [
+        t(v, { variant: "default" }, {
           icon: r(() => [
-            i(t(d), {
+            t(a(u), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: r(() => e[2] || (e[2] = [
-            c(" Information ", -1)
+          title: r(() => i[1] || (i[1] = [
+            n(" Information ", -1)
           ])),
           default: r(() => [
-            e[3] || (e[3] = n("div", { class: "copy-large-regular" }, [
-              n("p", null, " Wenn Sie Ihr Projekt öffentlich zugänglich machen, sehen alle Besucher unserer Website alle Metadaten, die Sie hier angeben. Bei einer eingeschränkten Veröffentlichung sehen alle registrierten Besucher unserer Website, egal welcher Kommune oder Organisation sie angehören, alle Metadaten, die Sie hier angeben. Für Projekte, die Sie exklusiv mit Ihrer eigenen Organisation teilen möchten, stellen Sie die Sichtbarkeit auf intern. Ihr Organisations-Admin kann für Projekte mit diesem Sichtstatus zusätzliche Sichtrechte an einzelne Personen anderer Organisationen vergeben, sofern diese registriert sind. Sie können nicht nur für Projekte, sondern auch für Datensätze, die Sie über twin.bydata anlegen, die Sichtbarkeit Ihrer Daten (Metadaten und Rohdaten) einschränken. Auf twin.bydata können sich ausschließlich Organisationen der öffentlichen Verwaltung registrieren. ")
+            i[2] || (i[2] = e("div", { class: "visibility-information" }, [
+              e("p", null, [
+                n(" Wenn Sie Ihr Projekt "),
+                e("strong", null, "öffentlich"),
+                n(" zugänglich machen, sehen alle Besucher unserer Website alle Metadaten, die Sie hier angeben. ")
+              ]),
+              e("p", null, [
+                n(" Bei einer "),
+                e("strong", null, "eingeschränkten"),
+                n(" Veröffentlichung sehen alle registrierten Besucher unserer Website, egal welcher Kommune oder Organisation sie angehören, alle Metadaten, die Sie hier angeben. ")
+              ]),
+              e("p", null, [
+                n(" Für Projekte, die Sie exklusiv mit Ihrer eigenen Organisation teilen möchten, stellen Sie die Sichtbarkeit auf "),
+                e("strong", null, "intern"),
+                n(". ")
+              ]),
+              e("p", null, " Ihr Organisations-Admin kann für Projekte mit diesem Sichtstatus zusätzliche Sichtrechte an einzelne Personen anderer Organisationen vergeben, sofern diese registriert sind. "),
+              e("p", null, " Sie können nicht nur für Projekte, sondern auch für Datensätze, die Sie über twin.bydata anlegen, die Sichtbarkeit Ihrer Daten (Metadaten und Rohdaten) einschränken. "),
+              e("p", null, "Auf twin.bydata können sich ausschließlich Organisationen der öffentlichen Verwaltung registrieren")
             ], -1))
           ]),
           _: 1,
-          __: [3]
+          __: [2]
         })
       ])
     ]));
   }
-}, D = /* @__PURE__ */ g(_, [["__scopeId", "data-v-b14fbdd9"]]);
+}, B = /* @__PURE__ */ p(y, [["__scopeId", "data-v-dc92c968"]]);
 export {
-  D as default
+  B as default
 };

package/dist/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js

@@ -1,5 +1,5 @@
 import t from "./InputFieldFormKit.vue.js";
-const n = {
+const i = {
   type: "input",
   schema: [],
   component: t,
@@ -13,9 +13,11 @@ const n = {
     "tooltipText",
     "initialHintText",
     "textLabel",
-    "placeholder"
+    "placeholder",
+    "trailing_text",
+    "trailing-text"
   ]
 };
 export {
-  n as default
+  i as default
 };