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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/assets/dpi.css +1 -1
  2. package/dist/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectDescriptionStep.vue.js +10 -11
  3. package/dist/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js +5 -5
  4. package/dist/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js +2 -2
  5. package/dist/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue2.js +93 -36
  6. package/dist/data-provider-interface/HappyFlowComponents/ui/Card.vue.js +3 -3
  7. package/dist/data-provider-interface/HappyFlowComponents/ui/Card.vue2.js +23 -23
  8. package/dist/data-provider-interface/HappyFlowComponents/ui/Chip.vue.js +31 -28
  9. package/dist/data-provider-interface/HappyFlowComponents/ui/DpiModalBase.vue.js +2 -2
  10. package/dist/data-provider-interface/HappyFlowComponents/ui/DpiModalBase.vue2.js +4 -4
  11. package/dist/data-provider-interface/HappyFlowComponents/ui/Findability/DiscoverabilityStep.vue.js +59 -0
  12. package/dist/data-provider-interface/HappyFlowComponents/ui/ListBox/ListBoxDefinition.js +13 -0
  13. package/dist/data-provider-interface/HappyFlowComponents/ui/ListBox/ListBoxFormKit.vue.js +50 -0
  14. package/dist/data-provider-interface/HappyFlowComponents/ui/ListBox/ListBoxFormKit.vue2.js +4 -0
  15. package/dist/data-provider-interface/HappyFlowComponents/ui/WipStep.vue.js +7 -0
  16. package/dist/data-provider-interface/HappyFlowComponents/ui/WipStep.vue2.js +31 -0
  17. package/dist/data-provider-interface/components/ProgressSteps.vue.js +1 -1
  18. package/dist/data-provider-interface/components/ProgressSteps.vue2.js +23 -16
  19. package/dist/data-provider-interface/views/InputPageProject.vue.js +459 -285
  20. package/dist/images/stadt.png +0 -0
  21. package/dist/stories/components/DemoStepper.vue.js +2 -2
  22. package/dist/stories/components/DemoStepper.vue2.js +155 -98
  23. package/dist/stories/components/PartnerCard.vue.js +2 -2
  24. package/dist/stories/components/PartnerCard.vue2.js +15 -15
  25. package/package.json +1 -1
@@ -1,11 +1,11 @@
1
1
  import { ref as p, computed as d, createElementBlock as m, openBlock as h, createElementVNode as e, createVNode as s, unref as r, withCtx as i, createTextVNode as g } from "vue";
2
2
  import { FormKit as f } from "@formkit/vue";
3
- import { PhLightbulb as v } from "@phosphor-icons/vue";
4
- import _ from "../../../components/StepActionsSection.vue.js";
5
- import b from "../Card.vue.js";
6
- import z from "../TextArea/TextAreaDefinition.js";
3
+ import { PhLightbulb as _ } from "@phosphor-icons/vue";
4
+ import b from "../../../components/StepActionsSection.vue.js";
5
+ import z from "../Card.vue.js";
6
+ import k from "../TextArea/TextAreaDefinition.js";
7
7
  /* empty css */
8
- import k from "../../../../_virtual/_plugin-vue_export-helper.js";
8
+ import v from "../../../../_virtual/_plugin-vue_export-helper.js";
9
9
  const y = { class: "dpiV3_page V3-typography" }, w = { class: "funny-section" }, x = { class: "funny-flex" }, P = { class: "funny-section" }, j = { class: "funny-section" }, l = 500, S = {
10
10
  __name: "ProjectDescriptionStep",
11
11
  setup(V) {
@@ -23,12 +23,11 @@ const y = { class: "dpiV3_page V3-typography" }, w = { class: "funny-section" },
23
23
  modelValue: n.value,
24
24
  "onUpdate:modelValue": t[0] || (t[0] = (c) => n.value = c),
25
25
  label: "Beschreibung",
26
- type: r(z),
26
+ type: r(k),
27
27
  name: "project_description",
28
28
  "text-label": "Name",
29
29
  placeholder: "Geben Sie Ihrem Projekt einen Namen.",
30
30
  validation: "required|length:0,500",
31
- "validation-visibility": "live",
32
31
  hint: "true",
33
32
  help: `${a.value} von ${l} Zeichen`,
34
33
  "count-hint": !0,
@@ -37,12 +36,12 @@ const y = { class: "dpiV3_page V3-typography" }, w = { class: "funny-section" },
37
36
  ])
38
37
  ]),
39
38
  e("section", P, [
40
- s(_)
39
+ s(b)
41
40
  ]),
42
41
  e("section", j, [
43
- s(b, { variant: "default" }, {
42
+ s(z, { variant: "default" }, {
44
43
  icon: i(() => [
45
- s(r(v), {
44
+ s(r(_), {
46
45
  size: 32,
47
46
  color: "#009fe3"
48
47
  })
@@ -64,7 +63,7 @@ const y = { class: "dpiV3_page V3-typography" }, w = { class: "funny-section" },
64
63
  ])
65
64
  ]));
66
65
  }
67
- }, H = /* @__PURE__ */ k(S, [["__scopeId", "data-v-cca9e655"]]);
66
+ }, H = /* @__PURE__ */ v(S, [["__scopeId", "data-v-8a4dd1a2"]]);
68
67
  export {
69
68
  H as default
70
69
  };
@@ -2,8 +2,8 @@ import { createElementBlock as i, openBlock as o, createElementVNode as e, creat
2
2
  import { FormKit as l } from "@formkit/vue";
3
3
  import { PhLightbulb as u } from "@phosphor-icons/vue";
4
4
  import m from "../../../components/StepActionsSection.vue.js";
5
- import c from "../Card.vue.js";
6
- import d from "../InputField/InputFieldDefinition.js";
5
+ import d from "../Card.vue.js";
6
+ import c from "../InputField/InputFieldDefinition.js";
7
7
  /* empty css */
8
8
  import p from "../../../../_virtual/_plugin-vue_export-helper.js";
9
9
  const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" }, h = { class: "funny-flex" }, _ = { class: "funny-section" }, k = { class: "funny-section" }, b = {
@@ -15,7 +15,7 @@ const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" },
15
15
  t[0] || (t[0] = e("h4", null, " Geben Sie Ihrem Projekt einen Namen ", -1)),
16
16
  t[1] || (t[1] = e("span", { class: "copy-large-regular" }, "Ein aussagekräftiger Projektname bildet den ersten Grundstein für eine gute Auffindbarkeit Ihres Projekts.", -1)),
17
17
  n(s(l), {
18
- type: s(d),
18
+ type: s(c),
19
19
  name: "projectName",
20
20
  "text-label": "Name",
21
21
  placeholder: "Geben Sie Ihrem Projekt einen Namen.",
@@ -28,7 +28,7 @@ const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" },
28
28
  n(m)
29
29
  ]),
30
30
  e("section", k, [
31
- n(c, { variant: "default" }, {
31
+ n(d, { variant: "default" }, {
32
32
  icon: r(() => [
33
33
  n(s(u), {
34
34
  size: 32,
@@ -52,7 +52,7 @@ const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" },
52
52
  ])
53
53
  ]));
54
54
  }
55
- }, E = /* @__PURE__ */ p(b, [["__scopeId", "data-v-c8a3aa03"]]);
55
+ }, E = /* @__PURE__ */ p(b, [["__scopeId", "data-v-dfd03fa8"]]);
56
56
  export {
57
57
  E as default
58
58
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./ProjectOrganisationStep.vue2.js";
2
2
  /* empty css */
3
3
  import t from "../../../../_virtual/_plugin-vue_export-helper.js";
4
- const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a327036a"]]);
4
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d209323b"]]);
5
5
  export {
6
- e as default
6
+ m as default
7
7
  };
@@ -1,60 +1,91 @@
1
- import { defineComponent as l, createElementBlock as d, openBlock as m, createElementVNode as n, renderSlot as u, createVNode as i, withCtx as r, unref as t } from "vue";
2
- import { FormKit as a } from "@formkit/vue";
3
- import p from "../../../../stories/components/PartnerCard.vue.js";
4
- import o from "../InputField/InputFieldDefinition.js";
5
- const g = { class: "dpiV3_page V3-typography" }, f = { class: "funny-section" }, c = { class: "funny-flex" }, h = { class: "funny-section" }, b = { class: "funny-flex" }, P = /* @__PURE__ */ l({
1
+ 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";
2
+ import { FormKit as l } from "@formkit/vue";
3
+ import { PhLightbulb as f } from "@phosphor-icons/vue";
4
+ import g from "../../../components/StepActionsSection.vue.js";
5
+ import h from "../Card.vue.js";
6
+ import b from "../../../../stories/components/PartnerCard.vue.js";
7
+ import r from "../InputField/InputFieldDefinition.js";
8
+ 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({
6
9
  __name: "ProjectOrganisationStep",
7
10
  props: {
8
11
  icon: {},
9
12
  address: {},
13
+ postalCode: {},
14
+ city: {},
10
15
  phone: {},
11
- mail: {}
16
+ email: {}
12
17
  },
13
- setup(k) {
14
- return (s, e) => (m(), d("div", g, [
15
- n("section", f, [
16
- n("div", c, [
17
- e[1] || (e[1] = n("h4", null, " Informationen zu Ihrer Organisation ", -1)),
18
- e[2] || (e[2] = n("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)),
19
- u(s.$slots, "organization", {}, () => [
20
- e[0] || (e[0] = n("div", { class: "organisation-container" }, " Organization ", -1))
18
+ setup(G) {
19
+ return (t, n) => (u(), c("div", y, [
20
+ e("section", _, [
21
+ e("div", v, [
22
+ n[2] || (n[2] = e("h4", null, "Informationen zu Ihrer Organisation", -1)),
23
+ 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)),
24
+ p(t.$slots, "organization", {}, () => [
25
+ e("section", k, [
26
+ e("div", S, [
27
+ e("p", D, "Stadt " + s(t.city), 1),
28
+ e("div", z, [
29
+ e("img", {
30
+ class: "contact-logo",
31
+ src: t.icon,
32
+ alt: "Stadt Haar Logo"
33
+ }, null, 8, A),
34
+ e("div", P, [
35
+ e("div", w, [
36
+ e("span", E, s(t.address), 1),
37
+ n[0] || (n[0] = e("br", null, null, -1)),
38
+ e("span", N, s(t.postalCode) + " " + s(t.city), 1)
39
+ ]),
40
+ e("div", C, [
41
+ e("span", B, s(t.phone), 1),
42
+ n[1] || (n[1] = e("br", null, null, -1)),
43
+ e("a", {
44
+ class: "copy-large-regular",
45
+ href: "mailto:" + t.email
46
+ }, s(t.email), 9, M)
47
+ ])
48
+ ])
49
+ ])
50
+ ])
51
+ ])
21
52
  ], !0)
22
53
  ])
23
54
  ]),
24
- n("section", h, [
25
- n("div", b, [
26
- e[3] || (e[3] = n("h5", null, " Projektkontakt (optional) ", -1)),
27
- e[4] || (e[4] = n("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)),
28
- i(p, null, {
29
- default: r(() => [
30
- i(t(a), {
55
+ e("section", O, [
56
+ e("div", T, [
57
+ n[4] || (n[4] = e("h5", null, "Projektkontakt (optional)", -1)),
58
+ 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)),
59
+ o(b, null, {
60
+ default: a(() => [
61
+ o(i(l), {
31
62
  type: "group",
32
63
  name: "contact"
33
64
  }, {
34
- default: r(() => [
35
- i(t(a), {
36
- type: t(o),
65
+ default: a(() => [
66
+ o(i(l), {
67
+ type: i(r),
37
68
  name: "name",
38
69
  "text-label": "Name",
39
- placeholder: "Geben Sie Ihrem Projekt einen Namen.",
70
+ placeholder: "Geben Sie einen Namen an.",
40
71
  validation: "required",
41
72
  "validation-label": "Name"
42
73
  }, null, 8, ["type"]),
43
- i(t(a), {
44
- type: t(o),
74
+ o(i(l), {
75
+ type: i(r),
45
76
  name: "mail",
46
- "text-label": "Name",
47
- placeholder: "Geben Sie Ihrem Projekt einen Namen.",
77
+ "text-label": "E-Mail-Adresse",
78
+ placeholder: "Geben Sie eine E-Mail-Adresse an.",
48
79
  validation: "required",
49
- "validation-label": "Name"
80
+ "validation-label": "E-Mail-Adresse"
50
81
  }, null, 8, ["type"]),
51
- i(t(a), {
52
- type: t(o),
82
+ o(i(l), {
83
+ type: i(r),
53
84
  name: "phone",
54
- "text-label": "Name",
55
- placeholder: "Geben Sie Ihrem Projekt einen Namen.",
85
+ "text-label": "Telefonnummer",
86
+ placeholder: "Geben Sie eine Telefonnummer an.",
56
87
  validation: "required",
57
- "validation-label": "Name"
88
+ "validation-label": "Telefonnummer"
58
89
  }, null, 8, ["type"])
59
90
  ]),
60
91
  _: 1
@@ -63,10 +94,36 @@ const g = { class: "dpiV3_page V3-typography" }, f = { class: "funny-section" },
63
94
  _: 1
64
95
  })
65
96
  ])
97
+ ]),
98
+ e("section", V, [
99
+ o(g)
100
+ ]),
101
+ n[8] || (n[8] = e("br", null, null, -1)),
102
+ e("section", j, [
103
+ o(h, { variant: "default" }, {
104
+ icon: a(() => [
105
+ o(i(f), {
106
+ size: 32,
107
+ color: "#009fe3"
108
+ })
109
+ ]),
110
+ title: a(() => n[6] || (n[6] = [
111
+ m(" Wichtig! ", -1)
112
+ ])),
113
+ default: a(() => [
114
+ n[7] || (n[7] = e("div", { class: "copy-large-regular" }, [
115
+ e("p", null, "Bitte geben Sie keine persönlichen Daten preis! Diese dürfen auf unserer Plattform nicht veröffentlicht werden."),
116
+ e("p", null, "Dazu zählen Namen, E-Mail-Adresse oder auch Telefonnummern von realen Personen."),
117
+ e("p", null, "Geben Sie daher hier die Daten einer Organisationseinheit oder Abteilung an.")
118
+ ], -1))
119
+ ]),
120
+ _: 1,
121
+ __: [7]
122
+ })
66
123
  ])
67
124
  ]));
68
125
  }
69
126
  });
70
127
  export {
71
- P as default
128
+ W as default
72
129
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./Card.vue2.js";
2
2
  /* empty css */
3
- import a from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-8fa2a1de"]]);
3
+ import r from "../../../_virtual/_plugin-vue_export-helper.js";
4
+ const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b2439452"]]);
5
5
  export {
6
- m as default
6
+ p as default
7
7
  };
@@ -1,36 +1,36 @@
1
- import { defineComponent as l, computed as n, createElementBlock as t, openBlock as o, normalizeClass as c, createCommentVNode as a, createElementVNode as _, renderSlot as r } from "vue";
2
- const p = {
3
- key: 0,
4
- class: "dpiV3_Card_Icon_Title"
5
- }, u = {
6
- key: 0,
1
+ 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";
2
+ const u = { class: "dpiV3_Card_Icon_Title" }, _ = {
3
+ key: 1,
7
4
  class: "dpiV3_Card_Info_Text copy-large-semi-bold"
8
- }, m = { class: "dpiV3_Card_Content" }, f = /* @__PURE__ */ l({
5
+ }, v = /* @__PURE__ */ c({
9
6
  __name: "Card",
10
7
  props: {
11
8
  variant: { default: "default" }
12
9
  },
13
- setup(d) {
14
- const s = d, i = n(() => ({
10
+ setup(n) {
11
+ const o = n, l = p(() => ({
12
+ "V3-typography": !0,
15
13
  dpiV3_Card: !0,
16
- "dpiV3_Card--default": s.variant === "default",
17
- "dpiV3_Card--error": s.variant === "error"
14
+ "dpiV3_Card--default": o.variant === "default",
15
+ "dpiV3_Card--error": o.variant === "error"
18
16
  }));
19
- return (e, C) => (o(), t("div", {
20
- class: c(i.value)
17
+ return (e, C) => (a(), r("div", {
18
+ class: s(l.value)
21
19
  }, [
22
- e.$slots.icon ? (o(), t("div", p, [
23
- r(e.$slots, "icon", {}, void 0, !0),
24
- e.$slots.title ? (o(), t("div", u, [
25
- r(e.$slots, "title", {}, void 0, !0)
26
- ])) : a("", !0)
27
- ])) : a("", !0),
28
- _("div", m, [
29
- r(e.$slots, "default", {}, void 0, !0)
30
- ])
20
+ d("div", u, [
21
+ e.$slots.icon ? t(e.$slots, "icon", { key: 0 }, void 0, !0) : i("", !0),
22
+ e.$slots.title ? (a(), r("div", _, [
23
+ t(e.$slots, "title", {}, void 0, !0)
24
+ ])) : i("", !0)
25
+ ]),
26
+ d("div", {
27
+ class: s(["dpiV3_Card_Content", { "dpiV3_Card_Content--with-icon": e.$slots.icon }])
28
+ }, [
29
+ t(e.$slots, "default", {}, void 0, !0)
30
+ ], 2)
31
31
  ], 2));
32
32
  }
33
33
  });
34
34
  export {
35
- f as default
35
+ v as default
36
36
  };
@@ -1,4 +1,4 @@
1
- import { ref as c, createElementBlock as C, createCommentVNode as d, openBlock as r, normalizeClass as v, createElementVNode as b, withModifiers as S, unref as t, createBlock as f, toDisplayString as F } from "vue";
1
+ import { ref as s, createElementBlock as C, createCommentVNode as d, openBlock as r, normalizeClass as v, createElementVNode as b, withModifiers as S, unref as t, createBlock as o, toDisplayString as F } from "vue";
2
2
  import { PhMagnifyingGlass as m, PhX as V } from "@phosphor-icons/vue";
3
3
  /* empty css */
4
4
  import M from "../../../_virtual/_plugin-vue_export-helper.js";
@@ -20,71 +20,74 @@ const P = ["disabled"], T = {
20
20
  },
21
21
  emits: ["click", "selection-change"],
22
22
  setup(e, { emit: k }) {
23
- const u = e, n = c();
24
- let i = c(u.setup["@selected"]), h = c(), p = c("16px");
25
- const y = k, x = (s) => {
26
- }, g = (s, l) => {
27
- if (s != "disabled" && s != "default" && s != "static" && (n.value.children[0].classList.toggle("dpiV3_chipSelected"), i.value = !i.value, y("click", u.data), y("selection-change", {
23
+ const c = e, h = k, n = s();
24
+ let i = s(c.setup["@selected"]), y = s(), p = s("16px");
25
+ function x(u) {
26
+ }
27
+ function g(u, l) {
28
+ if (u != "disabled" && u != "default" && u != "static" && (n.value.children[0].classList.toggle("dpiV3_chipSelected"), i.value = !i.value, h("click", c.data), h("selection-change", {
28
29
  selected: i.value,
29
- data: u.data
30
+ data: c.data
30
31
  }), i.value))
31
32
  for (let a = 0; a < n.value.children[0].children.length; a++)
32
- n.value.children[0].children[a].tagName === "IMG" && !h.value && (i.value ? n.value.children[0].children[a].src = X : n.value.children[0].children[a].src = XB);
33
- };
34
- u.setup["@type"] === "selected" && (i.value = !0), u.setup["@search"] && (h.value = !0);
35
- const o = c(!1), z = (s) => {
36
- o.value = !0;
37
- }, B = () => {
38
- o.value = !1;
39
- };
40
- return (s, l) => typeof e.text < "u" ? (r(), C("div", {
33
+ n.value.children[0].children[a].tagName === "IMG" && !y.value && (i.value ? n.value.children[0].children[a].src = X : n.value.children[0].children[a].src = XB);
34
+ }
35
+ c.setup["@type"] === "selected" && (i.value = !0), c.setup["@search"] && (y.value = !0);
36
+ const f = s(!1);
37
+ function z(u) {
38
+ f.value = !0;
39
+ }
40
+ function B() {
41
+ f.value = !1;
42
+ }
43
+ return (u, l) => typeof e.text < "u" ? (r(), C("div", {
41
44
  key: 0,
42
45
  ref_key: "chipWrap",
43
46
  ref: n,
44
- class: v(["dpiV3_chipBorder", { dpiV3_focusBorder: o.value, dpiV3_inTableWrap: e.setup["@inTable"], dpiV3_inRaPFindability_outer: e.setup["@rapfindability"] }]),
47
+ class: v(["dpiV3_chipBorder", { dpiV3_focusBorder: f.value, dpiV3_inTableWrap: e.setup["@inTable"], dpiV3_inRaPFindability_outer: e.setup["@rapfindability"] }]),
45
48
  onClick: x
46
49
  }, [
47
50
  b("button", {
48
- onClick: l[0] || (l[0] = (a) => g(e.setup["@type"])),
49
51
  type: "button",
50
- onMousedown: l[1] || (l[1] = S(() => {
51
- }, ["prevent"])),
52
52
  class: v(["dpiV3_chipBody", {
53
53
  dpiV3_chipUnselected: e.setup["@type"] === "select",
54
54
  dpiV3_chipSelected: t(i),
55
55
  dpiV3_chipDefault: e.setup["@type"] === "default",
56
56
  dpiV3_chipDisabled: e.setup["@type"] === "disabled",
57
- dpiV3_specialFocus: o.value,
57
+ dpiV3_specialFocus: f.value,
58
58
  dpiV3_inTable: e.setup["@inTable"],
59
59
  dpiV3_chipStatic: e.setup["@type"] === "static",
60
60
  dpiV3_inFindability: e.setup["@findability"],
61
61
  dpiV3_inRaPFindability: e.setup["@rapfindability"]
62
62
  }]),
63
+ disabled: e.setup["@type"] === "disabled" || e.setup["@type"] === "static",
64
+ onClick: l[0] || (l[0] = (a) => g(e.setup["@type"])),
65
+ onMousedown: l[1] || (l[1] = S(() => {
66
+ }, ["prevent"])),
63
67
  onFocus: l[2] || (l[2] = (a) => z()),
64
- onBlur: B,
65
- disabled: e.setup["@type"] === "disabled" || e.setup["@type"] === "static"
68
+ onBlur: B
66
69
  }, [
67
- e.setup["@search"] && e.setup["@icon"] === "prefix" ? (r(), f(t(m), {
70
+ e.setup["@search"] && e.setup["@icon"] === "prefix" ? (r(), o(t(m), {
68
71
  key: 0,
69
72
  size: t(p)
70
73
  }, null, 8, ["size"])) : d("", !0),
71
- !e.setup["@search"] && e.setup["@icon"] === "prefix" ? (r(), f(t(V), {
74
+ !e.setup["@search"] && e.setup["@icon"] === "prefix" ? (r(), o(t(V), {
72
75
  key: 1,
73
76
  size: t(p)
74
77
  }, null, 8, ["size"])) : d("", !0),
75
78
  b("span", null, F(e.text), 1),
76
- !e.setup["@search"] && e.setup["@icon"] === "suffix" ? (r(), f(t(V), {
79
+ !e.setup["@search"] && e.setup["@icon"] === "suffix" ? (r(), o(t(V), {
77
80
  key: 2,
78
81
  size: t(p)
79
82
  }, null, 8, ["size"])) : d("", !0),
80
- e.setup["@search"] && e.setup["@icon"] === "suffix" ? (r(), f(t(m), {
83
+ e.setup["@search"] && e.setup["@icon"] === "suffix" ? (r(), o(t(m), {
81
84
  key: 3,
82
85
  size: t(p)
83
86
  }, null, 8, ["size"])) : d("", !0)
84
87
  ], 42, P)
85
88
  ], 2)) : d("", !0);
86
89
  }
87
- }, q = /* @__PURE__ */ M(T, [["__scopeId", "data-v-fb436673"]]);
90
+ }, q = /* @__PURE__ */ M(T, [["__scopeId", "data-v-46a094f4"]]);
88
91
  export {
89
92
  q as default
90
93
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./DpiModalBase.vue2.js";
2
2
  /* empty css */
3
3
  import t from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-102fc809"]]);
4
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-637db601"]]);
5
5
  export {
6
- f as default
6
+ m as default
7
7
  };
@@ -29,9 +29,9 @@ const $ = { class: "dpiV3_RapModalContainer" }, g = { class: "dpiV3_RapModalInne
29
29
  }, {
30
30
  default: n(() => [
31
31
  i(a(y), {
32
- onClose: t[1] || (t[1] = (m) => s.value = !1),
33
32
  style: { position: "relative", "z-index": "10000" },
34
- unmount: !1
33
+ unmount: !1,
34
+ onClose: t[1] || (t[1] = (m) => s.value = !1)
35
35
  }, {
36
36
  default: n(() => [
37
37
  i(a(u), {
@@ -67,9 +67,9 @@ const $ = { class: "dpiV3_RapModalContainer" }, g = { class: "dpiV3_RapModalInne
67
67
  l(e.$slots, "header", {}, void 0, !0),
68
68
  d.persistent ? C("", !0) : (_(), B("div", w, [
69
69
  i(h, {
70
- onClick: t[0] || (t[0] = (m) => s.value = !1),
71
70
  class: "dpiV3_closeButton",
72
- type: "default"
71
+ type: "default",
72
+ onClick: t[0] || (t[0] = (m) => s.value = !1)
73
73
  })
74
74
  ]))
75
75
  ]),
@@ -0,0 +1,59 @@
1
+ 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";
2
+ import { FormKit as h } from "@formkit/vue";
3
+ import { PhLightbulb as d } from "@phosphor-icons/vue";
4
+ import u from "../../../components/StepActionsSection.vue.js";
5
+ import f from "../Card.vue.js";
6
+ import m from "../ListBox/ListBoxDefinition.js";
7
+ /* empty css */
8
+ import g from "../../../../_virtual/_plugin-vue_export-helper.js";
9
+ const b = { class: "dpiV3_page V3-typography" }, p = { class: "funny-section" }, S = { class: "funny-flex" }, k = { class: "funny-section" }, v = { class: "funny-section" }, _ = {
10
+ __name: "DiscoverabilityStep",
11
+ setup(y) {
12
+ const s = a([
13
+ { id: 1, name: "Öffentlich", unavailable: !1 },
14
+ { id: 2, name: "Eingeschränkt", unavailable: !1 },
15
+ { id: 3, name: "Intern", unavailable: !1 }
16
+ ]);
17
+ return (z, e) => (l(), o("div", b, [
18
+ n("section", p, [
19
+ n("div", S, [
20
+ e[0] || (e[0] = n("h4", null, " Legen Sie die Sichtbarkeit Ihres Projekts fest ", -1)),
21
+ 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)),
22
+ i(t(h), {
23
+ type: t(m),
24
+ name: "visibility",
25
+ label: "Sichtbarkeit",
26
+ options: s.value,
27
+ validation: "required"
28
+ }, null, 8, ["type", "options"])
29
+ ])
30
+ ]),
31
+ n("section", k, [
32
+ i(u)
33
+ ]),
34
+ n("section", v, [
35
+ i(f, { variant: "default" }, {
36
+ icon: r(() => [
37
+ i(t(d), {
38
+ size: 32,
39
+ color: "#009fe3"
40
+ })
41
+ ]),
42
+ title: r(() => e[2] || (e[2] = [
43
+ c(" Information ", -1)
44
+ ])),
45
+ default: r(() => [
46
+ e[3] || (e[3] = n("div", { class: "copy-large-regular" }, [
47
+ 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. ")
48
+ ], -1))
49
+ ]),
50
+ _: 1,
51
+ __: [3]
52
+ })
53
+ ])
54
+ ]));
55
+ }
56
+ }, D = /* @__PURE__ */ g(_, [["__scopeId", "data-v-b14fbdd9"]]);
57
+ export {
58
+ D as default
59
+ };
@@ -0,0 +1,13 @@
1
+ import o from "./ListBoxFormKit.vue.js";
2
+ const e = {
3
+ type: "text",
4
+ schema: [],
5
+ component: o,
6
+ props: [
7
+ "label",
8
+ "options"
9
+ ]
10
+ };
11
+ export {
12
+ e as default
13
+ };
@@ -0,0 +1,50 @@
1
+ import { defineComponent as v, computed as n, createBlock as d, openBlock as b } from "vue";
2
+ import f from "./Listbox.vue.js";
3
+ const k = /* @__PURE__ */ v({
4
+ __name: "ListBoxFormKit",
5
+ props: {
6
+ context: {}
7
+ },
8
+ setup(c) {
9
+ const o = c, s = n({
10
+ get: () => {
11
+ var e;
12
+ return ((e = o.context) == null ? void 0 : e._value) || null;
13
+ },
14
+ set: (e) => {
15
+ var t;
16
+ (t = o.context) == null || t.node.input(e);
17
+ }
18
+ }), m = n(() => {
19
+ var e;
20
+ return String(((e = o.context) == null ? void 0 : e.label) || "");
21
+ }), i = n(() => {
22
+ var e;
23
+ return String(((e = o.context) == null ? void 0 : e.name) || "");
24
+ }), p = n(() => {
25
+ var t;
26
+ const e = ((t = o.context) == null ? void 0 : t.options) || [];
27
+ return Array.isArray(e) ? e : [];
28
+ }), x = n(() => {
29
+ var e;
30
+ return Object.keys(((e = o.context) == null ? void 0 : e.messages) || {}).length > 0;
31
+ }), g = n(() => {
32
+ var t, r, a, l, u;
33
+ if (!x.value)
34
+ return "";
35
+ const e = (r = Object.keys(((t = o.context) == null ? void 0 : t.messages) || {})) == null ? void 0 : r[0];
36
+ return ((u = (l = (a = o.context) == null ? void 0 : a.messages) == null ? void 0 : l[e]) == null ? void 0 : u.value) || "";
37
+ });
38
+ return (e, t) => (b(), d(f, {
39
+ modelValue: s.value,
40
+ "onUpdate:modelValue": t[0] || (t[0] = (r) => s.value = r),
41
+ options: p.value,
42
+ label: m.value,
43
+ name: i.value,
44
+ "error-message": g.value
45
+ }, null, 8, ["modelValue", "options", "label", "name", "error-message"]));
46
+ }
47
+ });
48
+ export {
49
+ k as default
50
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./ListBoxFormKit.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,7 @@
1
+ import o from "./WipStep.vue2.js";
2
+ /* empty css */
3
+ import t from "../../../_virtual/_plugin-vue_export-helper.js";
4
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3de21dc5"]]);
5
+ export {
6
+ m as default
7
+ };