@piveau/dpi 0.2.0-alpha.41 → 0.2.0-alpha.42

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 (29) hide show
  1. package/dist/assets/dpi.css +1 -1
  2. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js +1 -1
  3. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue2.js +3 -3
  4. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.js +2 -2
  5. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue.js +1 -1
  6. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue2.js +97 -80
  7. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataProcessing/BasicInformationStep.vue.js +2 -2
  8. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataProcessing/BasicInformationStep.vue2.js +107 -90
  9. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataSimulation/BasicInformationStep.vue.js +1 -1
  10. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataSimulation/BasicInformationStep.vue2.js +96 -80
  11. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataVisualisation/BasicInformationStep.vue.js +2 -2
  12. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataVisualisation/BasicInformationStep.vue2.js +96 -77
  13. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Findability/ApplicationsStep.vue.js +2 -2
  14. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Findability/ApplicationsStep.vue2.js +120 -109
  15. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Findability/CategoriesStep.vue.js +2 -2
  16. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Findability/CategoriesStep.vue2.js +60 -38
  17. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldVeeValidate.vue.js +9 -8
  18. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue.js +2 -2
  19. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue2.js +114 -103
  20. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ProcessSteps/HardwareForm.vue.js +2 -2
  21. package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ProcessSteps/HardwareForm.vue2.js +180 -185
  22. package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue.js +2 -2
  23. package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue2.js +101 -90
  24. package/dist/packages/dpi/src/data-provider-interface/composables/useFormKitMessages.js +14 -0
  25. package/dist/packages/dpi/src/data-provider-interface/composables/useFormKitSummary.js +46 -0
  26. package/dist/packages/dpi/src/data-provider-interface/utils/useSteps.js +35 -29
  27. package/dist/packages/dpi/src/utils/twinbyUtils.js +1 -0
  28. package/dist/styles/_dpi.scss +16 -0
  29. package/package.json +1 -1
@@ -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 c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f2c2fe06"]]);
4
+ const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7381fcf6"]]);
5
5
  export {
6
6
  c as default
7
7
  };
@@ -95,7 +95,7 @@ const z = { class: "dpiV3_page V3-typography" }, E = { class: "funny-section" },
95
95
  name: "name",
96
96
  "text-label": "Name",
97
97
  placeholder: "Geben Sie einen Namen an.",
98
- validation: "+requireAllIfAny|",
98
+ validation: "+requireAllIfAny",
99
99
  "validation-label": "Name",
100
100
  "validation-visibility": "submit",
101
101
  "validation-rules": { requireAllIfAny: n(m) },
@@ -108,7 +108,7 @@ const z = { class: "dpiV3_page V3-typography" }, E = { class: "funny-section" },
108
108
  name: "mail",
109
109
  "text-label": "E-Mail-Adresse",
110
110
  placeholder: "Geben Sie eine E-Mail-Adresse an.",
111
- validation: "email|+requireAllIfAny|",
111
+ validation: "email|+requireAllIfAny",
112
112
  "validation-visibility": "submit",
113
113
  "validation-label": "E-Mail-Adresse",
114
114
  "validation-messages": {
@@ -123,7 +123,7 @@ const z = { class: "dpiV3_page V3-typography" }, E = { class: "funny-section" },
123
123
  "text-label": "Telefonnummer",
124
124
  placeholder: "Geben Sie eine Telefonnummer an.",
125
125
  "validation-rules": { numeric: y, requireAllIfAny: n(m) },
126
- validation: "numeric|+requireAllIfAny|",
126
+ validation: "numeric|+requireAllIfAny",
127
127
  "validation-label": "Telefonnummer",
128
128
  "validation-visibility": "submit",
129
129
  "validation-messages": {
@@ -216,7 +216,7 @@ function J(e, i, Q, W, Y, Z) {
216
216
  e.iconEnd === "CaretRight" ? (a(), o(f, {
217
217
  key: 2,
218
218
  size: e.size === "small" ? "16px" : "24px",
219
- color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
219
+ color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? e.disabled ? "rgb(213, 215, 218)" : "#0B1A25" : "#0172AD"
220
220
  }, null, 8, ["size", "color"])) : s("", !0),
221
221
  e.iconEnd === "Out" ? (a(), o(c, {
222
222
  key: 3,
@@ -287,7 +287,7 @@ function J(e, i, Q, W, Y, Z) {
287
287
  ], 46, j))
288
288
  ], 16);
289
289
  }
290
- const se = /* @__PURE__ */ R(I, [["render", J], ["__scopeId", "data-v-720acf5f"]]);
290
+ const se = /* @__PURE__ */ R(I, [["render", J], ["__scopeId", "data-v-2542f5f1"]]);
291
291
  export {
292
292
  se as default
293
293
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./BasicInformationStep.vue2.js";
2
2
  /* empty css */
3
3
  import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
4
- const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e35c4aab"]]);
4
+ const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c80a70b4"]]);
5
5
  export {
6
6
  p as default
7
7
  };
@@ -1,104 +1,120 @@
1
- import { defineComponent as B, ref as g, computed as D, inject as P, createElementBlock as S, openBlock as s, createElementVNode as t, createVNode as n, createTextVNode as p, unref as o, withCtx as i, Fragment as L, renderList as I, createBlock as m, createCommentVNode as b } from "vue";
2
- import { FormKit as v } from "@formkit/vue";
3
- import { PhLightbulb as _ } from "@phosphor-icons/vue";
4
- import N from "../../../../stories/components/LinkCard.vue.js";
5
- import T from "../../../components/StepActionsSection.vue.js";
6
- import { dpiStepperKey as W } from "../../../utils/injectionKeys.js";
7
- import a from "../ButtonV3.vue.js";
8
- import z from "../Card.vue.js";
9
- import E from "../TextArea/TextAreaDefinition.js";
10
- const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" }, M = { class: "funny-section" }, R = {
1
+ import { defineComponent as P, ref as v, computed as C, inject as A, createElementBlock as _, openBlock as l, createElementVNode as t, createVNode as r, createTextVNode as f, unref as a, withCtx as i, Fragment as N, renderList as T, createBlock as h, createCommentVNode as k } from "vue";
2
+ import { FormKit as b } from "@formkit/vue";
3
+ import { PhLightbulb as w } from "@phosphor-icons/vue";
4
+ import $ from "../../../../stories/components/LinkCard.vue.js";
5
+ import { empty as V, generateIsRequiredMsg as q } from "../../../../utils/twinbyUtils.js";
6
+ import M from "../../../components/StepActionsSection.vue.js";
7
+ import { dpiStepperKey as R } from "../../../utils/injectionKeys.js";
8
+ import u from "../ButtonV3.vue.js";
9
+ import B from "../Card.vue.js";
10
+ import W from "../TextArea/TextAreaDefinition.js";
11
+ const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" }, K = { class: "funny-section" }, Z = {
11
12
  id: "partners-section",
12
13
  class: "funny-section"
13
- }, Z = { class: "partner-cards-container" }, $ = { class: "action-container" }, j = { class: "step-actions__prev-and-next" }, A = { class: "actions" }, G = { class: "funny-section" }, U = 1e3, ie = /* @__PURE__ */ B({
14
+ }, j = { class: "partner-cards-container" }, G = { class: "action-container" }, U = { class: "step-actions__prev-and-next" }, H = { class: "actions" }, O = { class: "funny-section" }, J = 1e3, le = /* @__PURE__ */ P({
14
15
  __name: "BasicInformationStep",
15
- setup(O) {
16
- const f = g(""), k = g([]);
17
- g([]);
18
- const w = D(() => {
19
- var h;
20
- return ((h = f.value) == null ? void 0 : h.length) || 0;
21
- }), y = P(W);
22
- function C() {
16
+ setup(Q) {
17
+ const d = v(""), c = v([]);
18
+ v([]);
19
+ const L = C(() => {
20
+ var s;
21
+ return ((s = d.value) == null ? void 0 : s.length) || 0;
22
+ }), y = A(R);
23
+ function I() {
23
24
  if (!y) {
24
25
  console.warn("dpiStepper is not provided");
25
26
  return;
26
27
  }
27
28
  y.goToStep("2. Datenverarbeitung/Grundlegende Informationen");
28
29
  }
29
- return (h, e) => (s(), S("div", F, [
30
- e[8] || (e[8] = t("section", { class: "funny-section" }, [
30
+ const S = C(() => {
31
+ const s = !V(d.value), e = Array.isArray(c.value) && c.value.length > 0;
32
+ return s || e;
33
+ });
34
+ function D(s) {
35
+ var n, o;
36
+ const e = s.at("$parent");
37
+ return !e || e.type !== "group" ? !0 : Array.isArray((n = e.value) == null ? void 0 : n.links) && ((o = e.value) == null ? void 0 : o.links).length > 0 ? !V(s.value) : !0;
38
+ }
39
+ return (s, e) => (l(), _("div", E, [
40
+ e[9] || (e[9] = t("section", { class: "funny-section" }, [
31
41
  t("div", { class: "funny-flex" }, [
32
42
  t("h4", null, "Beschreiben Sie den Prozessschritt zur Datenerfassung"),
33
43
  t("span", { class: "copy-large-regular" }, [
34
- p(" Teilen Sie im Schritt der "),
44
+ f(" Teilen Sie im Schritt der "),
35
45
  t("strong", null, "Datenerfassung"),
36
- p(" mit anderen Kommunen, wie Sie relevante Daten, wie etwa Verwaltungs- oder Sensordaten, erhoben haben. ")
46
+ f(" mit anderen Kommunen, wie Sie relevante Daten, wie etwa Verwaltungs- oder Sensordaten, erhoben haben. ")
37
47
  ])
38
48
  ])
39
49
  ], -1)),
40
- t("section", K, [
41
- n(o(v), {
50
+ t("section", F, [
51
+ r(a(b), {
42
52
  id: "Beschreibung",
43
- modelValue: f.value,
44
- "onUpdate:modelValue": e[0] || (e[0] = (r) => f.value = r),
53
+ modelValue: d.value,
54
+ "onUpdate:modelValue": e[0] || (e[0] = (n) => d.value = n),
45
55
  class: "budgetArea",
46
56
  label: "Beschreibung",
47
- type: o(E),
57
+ type: a(W),
48
58
  name: "description",
49
59
  "text-label": "Beschreibung",
50
60
  placeholder: "Beschreiben Sie kurz Ihr Vorgehen, Ziel und Ergebnis des Prozessschritts.",
51
- validation: "length:0,1000",
61
+ validation: "+requireIfLink|length:0,1000",
52
62
  "validation-visibility": "live",
53
63
  hint: "true",
54
- help: `${w.value} von ${U} Zeichen`,
55
- "count-hint": !0
56
- }, null, 8, ["modelValue", "type", "help"])
64
+ help: `${L.value} von ${J} Zeichen`,
65
+ "count-hint": !0,
66
+ "validation-rules": {
67
+ requireIfLink: D
68
+ },
69
+ "validation-messages": {
70
+ requireIfLink: a(q)("Beschreibung")
71
+ }
72
+ }, null, 8, ["modelValue", "type", "help", "validation-rules", "validation-messages"])
57
73
  ]),
58
- t("section", M, [
59
- n(z, { variant: "default" }, {
74
+ t("section", K, [
75
+ r(B, { variant: "default" }, {
60
76
  icon: i(() => [
61
- n(o(_), {
77
+ r(a(w), {
62
78
  size: 32,
63
79
  color: "#009fe3"
64
80
  })
65
81
  ]),
66
- title: i(() => e[2] || (e[2] = [
67
- p(" Beispiel ", -1)
82
+ title: i(() => e[3] || (e[3] = [
83
+ f(" Beispiel ", -1)
68
84
  ])),
69
85
  default: i(() => [
70
- e[3] || (e[3] = t("p", null, " Zur Überwachung der aktuellen Wasserstände wurden moderne Pegelsensoren an ausgewählten Messpunkten entlang der Gewässer installiert. Die erfassten Messdaten werden in festgelegten Intervallen automatisch an das zentrale IT-System der Stadt übertragen und dort gespeichert. ", -1))
86
+ e[4] || (e[4] = t("p", null, " Zur Überwachung der aktuellen Wasserstände wurden moderne Pegelsensoren an ausgewählten Messpunkten entlang der Gewässer installiert. Die erfassten Messdaten werden in festgelegten Intervallen automatisch an das zentrale IT-System der Stadt übertragen und dort gespeichert. ", -1))
71
87
  ]),
72
88
  _: 1,
73
- __: [3]
89
+ __: [4]
74
90
  })
75
91
  ]),
76
- t("section", R, [
77
- e[4] || (e[4] = t("h5", null, " Weiterführende Links (optional) ", -1)),
78
- e[5] || (e[5] = t("span", { class: "copy-large-regular further-links-text" }, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zur Vorgehensweise in diesem Prozessschritt enthalten, wie etwa einzuhaltende Richtlinien oder Standardarbeitsanweisungen.", -1)),
79
- t("div", Z, [
80
- n(o(v), {
81
- modelValue: k.value,
82
- "onUpdate:modelValue": e[1] || (e[1] = (r) => k.value = r),
92
+ t("section", Z, [
93
+ e[5] || (e[5] = t("h5", null, " Weiterführende Links (optional) ", -1)),
94
+ e[6] || (e[6] = t("span", { class: "copy-large-regular further-links-text" }, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zur Vorgehensweise in diesem Prozessschritt enthalten, wie etwa einzuhaltende Richtlinien oder Standardarbeitsanweisungen.", -1)),
95
+ t("div", j, [
96
+ r(a(b), {
97
+ modelValue: c.value,
98
+ "onUpdate:modelValue": e[1] || (e[1] = (n) => c.value = n),
83
99
  type: "list",
84
100
  name: "links",
85
101
  dynamic: ""
86
102
  }, {
87
- default: i(({ items: r, node: l, value: u }) => [
88
- (s(!0), S(L, null, I(r, (d, c) => (s(), m(o(v), {
89
- key: d,
103
+ default: i(({ items: n, node: o, value: p }) => [
104
+ (l(!0), _(N, null, T(n, (m, g) => (l(), h(a(b), {
105
+ key: m,
90
106
  type: "group",
91
- index: c
107
+ index: g
92
108
  }, {
93
109
  default: i(() => [
94
- n(N, null, {
110
+ r($, null, {
95
111
  action: i(() => [
96
- n(a, {
112
+ r(u, {
97
113
  "button-text": "Löschen",
98
114
  size: "small",
99
115
  variant: "tertiary",
100
116
  "icon-start": "trash",
101
- onClick: () => l.input(u.filter((x, V) => V !== c))
117
+ onClick: () => o.input(p.filter((x, z) => z !== g))
102
118
  }, null, 8, ["onClick"])
103
119
  ]),
104
120
  _: 2
@@ -106,13 +122,13 @@ const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" },
106
122
  ]),
107
123
  _: 2
108
124
  }, 1032, ["index"]))), 128)),
109
- t("div", $, [
110
- n(a, {
125
+ t("div", G, [
126
+ r(u, {
111
127
  "button-text": "Link hinzufügen",
112
128
  size: "medium",
113
129
  variant: "tertiary",
114
130
  "icon-start": "plus",
115
- onClick: (d) => l.input(u.concat({}))
131
+ onClick: (m) => o.input(p.concat({}))
116
132
  }, null, 8, ["onClick"])
117
133
  ])
118
134
  ]),
@@ -120,42 +136,43 @@ const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" },
120
136
  }, 8, ["modelValue"])
121
137
  ])
122
138
  ]),
123
- n(T, {
139
+ r(M, {
124
140
  compact: "",
125
141
  "next-text": "Weiter zu Software"
126
142
  }, {
127
143
  "prev-and-next": i(({
128
- hidePrevious: r,
129
- hideNext: l,
130
- previousText: u,
131
- nextText: d,
132
- handlePrevious: c,
144
+ hidePrevious: n,
145
+ hideNext: o,
146
+ previousText: p,
147
+ nextText: m,
148
+ handlePrevious: g,
133
149
  handleSubmit: x
134
150
  }) => [
135
- t("div", j, [
136
- t("div", A, [
137
- r ? b("", !0) : (s(), m(a, {
151
+ t("div", U, [
152
+ t("div", H, [
153
+ n ? k("", !0) : (l(), h(u, {
138
154
  key: 0,
139
155
  variant: "secondary",
140
156
  size: "large",
141
- "button-text": u,
157
+ "button-text": p,
142
158
  "icon-start": "CaretLeft",
143
- onClick: c
159
+ onClick: g
144
160
  }, null, 8, ["button-text", "onClick"])),
145
- r ? b("", !0) : (s(), m(a, {
161
+ n ? k("", !0) : (l(), h(u, {
146
162
  key: 1,
163
+ disabled: S.value,
147
164
  variant: "secondary",
148
165
  size: "large",
149
166
  "button-text": "Weiter ohne Datenerfassung",
150
167
  "icon-end": "CaretRight",
151
- onClick: C
152
- }))
168
+ onClick: e[2] || (e[2] = (z) => S.value ? null : I())
169
+ }, null, 8, ["disabled"]))
153
170
  ]),
154
- l ? b("", !0) : (s(), m(a, {
171
+ o ? k("", !0) : (l(), h(u, {
155
172
  key: 0,
156
173
  variant: "primary",
157
174
  size: "large",
158
- "button-text": d,
175
+ "button-text": m,
159
176
  "icon-end": "CaretRight",
160
177
  class: "next-button",
161
178
  onClick: x
@@ -164,27 +181,27 @@ const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" },
164
181
  ]),
165
182
  _: 1
166
183
  }),
167
- t("section", G, [
168
- n(z, { variant: "default" }, {
184
+ t("section", O, [
185
+ r(B, { variant: "default" }, {
169
186
  icon: i(() => [
170
- n(o(_), {
187
+ r(a(w), {
171
188
  size: 32,
172
189
  color: "#009fe3"
173
190
  })
174
191
  ]),
175
- title: i(() => e[6] || (e[6] = [
176
- p(" Vorsicht! ", -1)
192
+ title: i(() => e[7] || (e[7] = [
193
+ f(" Vorsicht! ", -1)
177
194
  ])),
178
195
  default: i(() => [
179
- e[7] || (e[7] = t("p", null, ' Sind Sie sicher, dass Sie den technischen Prozessschritt "Datenerfassung" überspringen wollen? Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. ', -1))
196
+ e[8] || (e[8] = t("p", null, ' Sind Sie sicher, dass Sie den technischen Prozessschritt "Datenerfassung" überspringen wollen? Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. ', -1))
180
197
  ]),
181
198
  _: 1,
182
- __: [7]
199
+ __: [8]
183
200
  })
184
201
  ])
185
202
  ]));
186
203
  }
187
204
  });
188
205
  export {
189
- ie as default
206
+ le as default
190
207
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./BasicInformationStep.vue2.js";
2
2
  /* empty css */
3
3
  import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
4
- const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-378c9df7"]]);
4
+ const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1ff77ba2"]]);
5
5
  export {
6
- c as default
6
+ s as default
7
7
  };