@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.
- package/dist/assets/dpi.css +1 -1
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js +1 -1
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue2.js +3 -3
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.js +2 -2
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue.js +1 -1
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue2.js +97 -80
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataProcessing/BasicInformationStep.vue.js +2 -2
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataProcessing/BasicInformationStep.vue2.js +107 -90
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataSimulation/BasicInformationStep.vue.js +1 -1
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataSimulation/BasicInformationStep.vue2.js +96 -80
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataVisualisation/BasicInformationStep.vue.js +2 -2
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataVisualisation/BasicInformationStep.vue2.js +96 -77
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Findability/ApplicationsStep.vue.js +2 -2
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Findability/ApplicationsStep.vue2.js +120 -109
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Findability/CategoriesStep.vue.js +2 -2
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Findability/CategoriesStep.vue2.js +60 -38
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldVeeValidate.vue.js +9 -8
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue.js +2 -2
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue2.js +114 -103
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ProcessSteps/HardwareForm.vue.js +2 -2
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ProcessSteps/HardwareForm.vue2.js +180 -185
- package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue.js +2 -2
- package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue2.js +101 -90
- package/dist/packages/dpi/src/data-provider-interface/composables/useFormKitMessages.js +14 -0
- package/dist/packages/dpi/src/data-provider-interface/composables/useFormKitSummary.js +46 -0
- package/dist/packages/dpi/src/data-provider-interface/utils/useSteps.js +35 -29
- package/dist/packages/dpi/src/utils/twinbyUtils.js +1 -0
- package/dist/styles/_dpi.scss +16 -0
- package/package.json +1 -1
|
@@ -1,83 +1,99 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { FormKit as
|
|
3
|
-
import { PhLightbulb as O, PhExclamationMark as
|
|
1
|
+
import { defineComponent as I, ref as f, computed as w, useModel as A, inject as D, createElementBlock as _, openBlock as a, createElementVNode as t, createVNode as r, createBlock as u, createCommentVNode as g, createTextVNode as z, unref as i, isRef as M, withCtx as s, Fragment as H, renderList as N } from "vue";
|
|
2
|
+
import { FormKit as k } from "@formkit/vue";
|
|
3
|
+
import { PhLightbulb as O, PhExclamationMark as q } from "@phosphor-icons/vue";
|
|
4
4
|
import K from "../../../../stories/components/LinkCard.vue.js";
|
|
5
|
-
import W from "
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import U from "../
|
|
11
|
-
|
|
5
|
+
import { empty as S, generateIsRequiredMsg as W } from "../../../../utils/twinbyUtils.js";
|
|
6
|
+
import $ from "../../../components/StepActionsSection.vue.js";
|
|
7
|
+
import { dpiStepperKey as j } from "../../../utils/injectionKeys.js";
|
|
8
|
+
import d from "../ButtonV3.vue.js";
|
|
9
|
+
import B from "../Card.vue.js";
|
|
10
|
+
import { useProcessStepResources as U, ensureHasOneResource as Z } from "../ProcessSteps/utils.js";
|
|
11
|
+
import T from "../TextArea/TextAreaDefinition.js";
|
|
12
|
+
const G = { class: "dpiV3_page V3-typography" }, J = { class: "funny-section" }, Q = { class: "funny-section" }, X = {
|
|
12
13
|
id: "partners-section",
|
|
13
14
|
class: "funny-section"
|
|
14
|
-
},
|
|
15
|
+
}, Y = { class: "partner-cards-container" }, ee = { class: "action-container" }, te = { class: "step-actions__prev-and-next" }, ne = { class: "actions" }, ie = 1e3, he = /* @__PURE__ */ I({
|
|
15
16
|
__name: "BasicInformationStep",
|
|
16
17
|
props: {
|
|
17
18
|
modelValue: {},
|
|
18
19
|
modelModifiers: {}
|
|
19
20
|
},
|
|
20
21
|
emits: ["update:modelValue"],
|
|
21
|
-
setup(
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
const
|
|
25
|
-
var
|
|
26
|
-
return ((
|
|
22
|
+
setup(L) {
|
|
23
|
+
const c = f(""), m = f([]);
|
|
24
|
+
f([]);
|
|
25
|
+
const P = f(!1), R = w(() => {
|
|
26
|
+
var o;
|
|
27
|
+
return ((o = c.value) == null ? void 0 : o.length) || 0;
|
|
27
28
|
});
|
|
28
|
-
L
|
|
29
|
-
const
|
|
30
|
-
|
|
29
|
+
A(L, "modelValue");
|
|
30
|
+
const E = D(j), C = w(() => {
|
|
31
|
+
const o = !S(c.value), e = Array.isArray(m.value) && m.value.length > 0;
|
|
32
|
+
return o || e;
|
|
33
|
+
});
|
|
34
|
+
function F(o) {
|
|
35
|
+
var n, l;
|
|
36
|
+
const e = o.at("$parent");
|
|
37
|
+
return !e || e.type !== "group" ? !0 : Array.isArray((n = e.value) == null ? void 0 : n.links) && ((l = e.value) == null ? void 0 : l.links).length > 0 ? !S(o.value) : !0;
|
|
38
|
+
}
|
|
39
|
+
const { globalResourceCount: b } = U("4. Datenvisualisierung", !1);
|
|
40
|
+
return (o, e) => (a(), _("div", G, [
|
|
31
41
|
e[9] || (e[9] = t("section", { class: "funny-section" }, [
|
|
32
42
|
t("div", { class: "funny-flex" }, [
|
|
33
43
|
t("h4", null, "Beschreiben Sie den Prozessschritt zur Datenvisualisierung"),
|
|
34
44
|
t("span", { class: "copy-large-regular" }, [
|
|
35
|
-
|
|
45
|
+
z(" Führen Sie im Schritt der "),
|
|
36
46
|
t("strong", null, "Datenvisualisierung"),
|
|
37
|
-
|
|
47
|
+
z(" aus, in welcher Form die Ergebnisse der Simulationen verständlich aufbereitet und visualisiert wurden. ")
|
|
38
48
|
])
|
|
39
49
|
])
|
|
40
50
|
], -1)),
|
|
41
|
-
i(
|
|
42
|
-
modelValue:
|
|
43
|
-
"onUpdate:modelValue": e[0] || (e[0] = (n) =>
|
|
51
|
+
r(i(k), {
|
|
52
|
+
modelValue: i(b),
|
|
53
|
+
"onUpdate:modelValue": e[0] || (e[0] = (n) => M(b) ? b.value = n : null),
|
|
44
54
|
type: "hidden",
|
|
45
55
|
name: "__resourceCountGlobal",
|
|
46
56
|
hidden: "",
|
|
47
57
|
"aria-hidden": "",
|
|
48
|
-
"validation-rules": { ensureHasOneResource:
|
|
58
|
+
"validation-rules": { ensureHasOneResource: i(Z) },
|
|
49
59
|
validation: "+ensureHasOneResource",
|
|
50
60
|
"validation-visibility": "live",
|
|
51
61
|
"validation-messages": { ensureHasOneResource: "Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden." }
|
|
52
62
|
}, null, 8, ["modelValue", "validation-rules"]),
|
|
53
|
-
t("section",
|
|
54
|
-
i(
|
|
63
|
+
t("section", J, [
|
|
64
|
+
r(i(k), {
|
|
55
65
|
id: "Beschreibung",
|
|
56
|
-
modelValue:
|
|
57
|
-
"onUpdate:modelValue": e[1] || (e[1] = (n) =>
|
|
66
|
+
modelValue: c.value,
|
|
67
|
+
"onUpdate:modelValue": e[1] || (e[1] = (n) => c.value = n),
|
|
58
68
|
class: "budgetArea",
|
|
59
69
|
label: "Beschreibung",
|
|
60
|
-
type:
|
|
70
|
+
type: i(T),
|
|
61
71
|
name: "description",
|
|
62
72
|
"text-label": "Beschreibung",
|
|
63
73
|
placeholder: "Beschreiben Sie kurz Ihr Vorgehen, Ziel und Ergebnis des Prozessschritts.",
|
|
64
|
-
validation: "length:0,1000",
|
|
74
|
+
validation: "+requireIfLink|length:0,1000",
|
|
65
75
|
"validation-visibility": "live",
|
|
66
76
|
hint: "true",
|
|
67
|
-
help: `${
|
|
68
|
-
"count-hint": !0
|
|
69
|
-
|
|
77
|
+
help: `${R.value} von ${ie} Zeichen`,
|
|
78
|
+
"count-hint": !0,
|
|
79
|
+
"validation-rules": {
|
|
80
|
+
requireIfLink: F
|
|
81
|
+
},
|
|
82
|
+
"validation-messages": {
|
|
83
|
+
requireIfLink: i(W)("Beschreibung")
|
|
84
|
+
}
|
|
85
|
+
}, null, 8, ["modelValue", "type", "help", "validation-rules", "validation-messages"])
|
|
70
86
|
]),
|
|
71
|
-
t("section",
|
|
72
|
-
|
|
87
|
+
t("section", Q, [
|
|
88
|
+
r(B, { variant: "default" }, {
|
|
73
89
|
icon: s(() => [
|
|
74
|
-
i(
|
|
90
|
+
r(i(O), {
|
|
75
91
|
size: 32,
|
|
76
92
|
color: "#009FE3"
|
|
77
93
|
})
|
|
78
94
|
]),
|
|
79
95
|
title: s(() => e[3] || (e[3] = [
|
|
80
|
-
|
|
96
|
+
z(" Beispiel ", -1)
|
|
81
97
|
])),
|
|
82
98
|
default: s(() => [
|
|
83
99
|
e[4] || (e[4] = t("p", null, " Die Simulationsergebnisse und aktuellen Messdaten werden in einer interaktiven Kartenanwendung dargestellt. Zusätzlich werden visuelle Warnhinweise sowie zeitbasierte Entwicklungen übersichtlich präsentiert, um die Kommunikation mit Einsatzkräften und Bürgern zu unterstützen. ", -1))
|
|
@@ -86,32 +102,32 @@ const Z = { class: "dpiV3_page V3-typography" }, A = { class: "funny-section" },
|
|
|
86
102
|
__: [4]
|
|
87
103
|
})
|
|
88
104
|
]),
|
|
89
|
-
t("section",
|
|
105
|
+
t("section", X, [
|
|
90
106
|
e[5] || (e[5] = t("h5", null, " Weiterführende Links (optional) ", -1)),
|
|
91
107
|
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)),
|
|
92
|
-
t("div",
|
|
93
|
-
i(
|
|
94
|
-
modelValue:
|
|
95
|
-
"onUpdate:modelValue": e[2] || (e[2] = (n) =>
|
|
108
|
+
t("div", Y, [
|
|
109
|
+
r(i(k), {
|
|
110
|
+
modelValue: m.value,
|
|
111
|
+
"onUpdate:modelValue": e[2] || (e[2] = (n) => m.value = n),
|
|
96
112
|
type: "list",
|
|
97
113
|
name: "links",
|
|
98
114
|
dynamic: ""
|
|
99
115
|
}, {
|
|
100
|
-
default: s(({ items: n, node:
|
|
101
|
-
(
|
|
102
|
-
key:
|
|
116
|
+
default: s(({ items: n, node: l, value: p }) => [
|
|
117
|
+
(a(!0), _(H, null, N(n, (v, h) => (a(), u(i(k), {
|
|
118
|
+
key: v,
|
|
103
119
|
type: "group",
|
|
104
|
-
index:
|
|
120
|
+
index: h
|
|
105
121
|
}, {
|
|
106
122
|
default: s(() => [
|
|
107
|
-
|
|
123
|
+
r(K, null, {
|
|
108
124
|
action: s(() => [
|
|
109
|
-
|
|
125
|
+
r(d, {
|
|
110
126
|
"button-text": "Löschen",
|
|
111
127
|
size: "small",
|
|
112
128
|
variant: "tertiary",
|
|
113
129
|
"icon-start": "trash",
|
|
114
|
-
onClick: () =>
|
|
130
|
+
onClick: () => l.input(p.filter((x, y) => y !== h))
|
|
115
131
|
}, null, 8, ["onClick"])
|
|
116
132
|
]),
|
|
117
133
|
_: 2
|
|
@@ -119,13 +135,13 @@ const Z = { class: "dpiV3_page V3-typography" }, A = { class: "funny-section" },
|
|
|
119
135
|
]),
|
|
120
136
|
_: 2
|
|
121
137
|
}, 1032, ["index"]))), 128)),
|
|
122
|
-
t("div",
|
|
123
|
-
|
|
138
|
+
t("div", ee, [
|
|
139
|
+
r(d, {
|
|
124
140
|
"button-text": "Link hinzufügen",
|
|
125
141
|
size: "medium",
|
|
126
142
|
variant: "tertiary",
|
|
127
143
|
"icon-start": "plus",
|
|
128
|
-
onClick: (
|
|
144
|
+
onClick: (v) => l.input(p.concat({}))
|
|
129
145
|
}, null, 8, ["onClick"])
|
|
130
146
|
])
|
|
131
147
|
]),
|
|
@@ -133,7 +149,7 @@ const Z = { class: "dpiV3_page V3-typography" }, A = { class: "funny-section" },
|
|
|
133
149
|
}, 8, ["modelValue"])
|
|
134
150
|
])
|
|
135
151
|
]),
|
|
136
|
-
|
|
152
|
+
r($, {
|
|
137
153
|
compact: "",
|
|
138
154
|
"next-text": "Weiter zu Software",
|
|
139
155
|
class: "actions-container",
|
|
@@ -141,57 +157,60 @@ const Z = { class: "dpiV3_page V3-typography" }, A = { class: "funny-section" },
|
|
|
141
157
|
}, {
|
|
142
158
|
"prev-and-next": s(({
|
|
143
159
|
hidePrevious: n,
|
|
144
|
-
hideNext:
|
|
145
|
-
previousText:
|
|
146
|
-
nextText:
|
|
147
|
-
handleNext:
|
|
160
|
+
hideNext: l,
|
|
161
|
+
previousText: p,
|
|
162
|
+
nextText: v,
|
|
163
|
+
handleNext: h,
|
|
148
164
|
handlePrevious: x,
|
|
149
|
-
validate:
|
|
165
|
+
validate: y
|
|
150
166
|
}) => [
|
|
151
|
-
t("div",
|
|
152
|
-
t("div",
|
|
153
|
-
n ?
|
|
167
|
+
t("div", te, [
|
|
168
|
+
t("div", ne, [
|
|
169
|
+
n ? g("", !0) : (a(), u(d, {
|
|
154
170
|
key: 0,
|
|
155
171
|
variant: "secondary",
|
|
156
172
|
size: "large",
|
|
157
|
-
"button-text":
|
|
173
|
+
"button-text": p,
|
|
158
174
|
"icon-start": "CaretLeft",
|
|
159
175
|
class: "previus-button",
|
|
160
176
|
onClick: x
|
|
161
177
|
}, null, 8, ["button-text", "onClick"])),
|
|
162
|
-
n ?
|
|
178
|
+
n ? g("", !0) : (a(), u(d, {
|
|
163
179
|
key: 1,
|
|
180
|
+
disabled: C.value,
|
|
164
181
|
variant: "secondary",
|
|
165
182
|
class: "skip-button",
|
|
166
183
|
size: "large",
|
|
167
184
|
"button-text": "Weiter ohne Datenvisualisierung",
|
|
168
185
|
"icon-end": "CaretRight",
|
|
169
|
-
onClick: (
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
186
|
+
onClick: () => {
|
|
187
|
+
C.value || y(() => {
|
|
188
|
+
var V;
|
|
189
|
+
return (V = i(E)) == null ? void 0 : V.goToStep("Vorschau");
|
|
190
|
+
});
|
|
191
|
+
}
|
|
192
|
+
}, null, 8, ["disabled", "onClick"]))
|
|
174
193
|
]),
|
|
175
|
-
|
|
194
|
+
l ? g("", !0) : (a(), u(d, {
|
|
176
195
|
key: 0,
|
|
177
196
|
variant: "primary",
|
|
178
197
|
size: "large",
|
|
179
|
-
"button-text":
|
|
198
|
+
"button-text": v,
|
|
180
199
|
"icon-end": "CaretRight",
|
|
181
200
|
class: "next-button",
|
|
182
|
-
onClick:
|
|
201
|
+
onClick: h
|
|
183
202
|
}, null, 8, ["button-text", "onClick"]))
|
|
184
203
|
])
|
|
185
204
|
]),
|
|
186
205
|
_: 1
|
|
187
206
|
}),
|
|
188
|
-
|
|
207
|
+
P.value ? (a(), u(B, {
|
|
189
208
|
key: 0,
|
|
190
209
|
variant: "error",
|
|
191
210
|
class: "error"
|
|
192
211
|
}, {
|
|
193
212
|
icon: s(() => [
|
|
194
|
-
i(
|
|
213
|
+
r(i(q), {
|
|
195
214
|
size: 32,
|
|
196
215
|
color: "currentColor"
|
|
197
216
|
})
|
|
@@ -206,10 +225,10 @@ const Z = { class: "dpiV3_page V3-typography" }, A = { class: "funny-section" },
|
|
|
206
225
|
]),
|
|
207
226
|
_: 1,
|
|
208
227
|
__: [8]
|
|
209
|
-
})) :
|
|
228
|
+
})) : g("", !0)
|
|
210
229
|
]));
|
|
211
230
|
}
|
|
212
231
|
});
|
|
213
232
|
export {
|
|
214
|
-
|
|
233
|
+
he as default
|
|
215
234
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ApplicationsStep.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-632b4b70"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
i as default
|
|
7
7
|
};
|
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { FormKit as
|
|
3
|
-
import { PhLightbulb as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
|
|
1
|
+
import { defineComponent as z, ref as f, computed as S, watch as h, createElementBlock as d, openBlock as m, createElementVNode as n, createVNode as a, createCommentVNode as x, unref as s, Fragment as A, renderList as C, withDirectives as I, vModelCheckbox as U, withCtx as l, createTextVNode as b } from "vue";
|
|
2
|
+
import { useFormKitNodeById as B, FormKit as E } from "@formkit/vue";
|
|
3
|
+
import { PhLightbulb as v } from "@phosphor-icons/vue";
|
|
4
|
+
import M from "../../../components/StepActionsSection.vue.js";
|
|
5
|
+
import { useFormKitMessages as L } from "../../../composables/useFormKitMessages.js";
|
|
6
|
+
import w from "../Card.vue.js";
|
|
7
|
+
import N from "../Chip.vue.js";
|
|
8
|
+
import P from "../ListBox/Listbox.vue.js";
|
|
9
|
+
const j = { class: "dpiV3_page V3-typography" }, D = { class: "funny-section" }, K = { class: "funny-flex" }, W = {
|
|
9
10
|
key: 0,
|
|
10
11
|
class: "d-flex selected-applications"
|
|
11
|
-
},
|
|
12
|
+
}, H = ["id", "value"], F = { class: "funny-section action-section" }, T = { class: "action-section" }, $ = { class: "action-section" }, ee = /* @__PURE__ */ z({
|
|
12
13
|
__name: "ApplicationsStep",
|
|
13
|
-
setup(
|
|
14
|
-
const i =
|
|
14
|
+
setup(q) {
|
|
15
|
+
const i = f([]), r = f(""), k = [
|
|
15
16
|
"Abfallmanagement",
|
|
16
17
|
"Abwassermanagement",
|
|
17
18
|
"Baumanagement",
|
|
@@ -49,106 +50,116 @@ const B = { class: "dpiV3_page V3-typography" }, E = { class: "funny-section" },
|
|
|
49
50
|
"Wasserqualität",
|
|
50
51
|
"Wasserversorgung",
|
|
51
52
|
"Wirtschaftsflächenmanagement"
|
|
52
|
-
],
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
})
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
},
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
53
|
+
], c = S(() => i.value);
|
|
54
|
+
h(r, (u) => {
|
|
55
|
+
r.value = "", u && (i.value.includes(u) || i.value.push(u));
|
|
56
|
+
});
|
|
57
|
+
const _ = B("applications"), { validationMessages: o, hasError: y } = L(_);
|
|
58
|
+
return h(o, () => {
|
|
59
|
+
console.log("validationMessages", o.value);
|
|
60
|
+
}), (u, e) => {
|
|
61
|
+
var p;
|
|
62
|
+
return m(), d("div", j, [
|
|
63
|
+
n("section", D, [
|
|
64
|
+
n("div", K, [
|
|
65
|
+
e[3] || (e[3] = n("h4", null, " Geben Sie Anwendungsbereiche an ", -1)),
|
|
66
|
+
e[4] || (e[4] = n("span", { class: "copy-large-regular" }, "Wenn Ihr Projekt mehrere Anwendungsbereiche abdeckt, wählen Sie diese in der Liste aus. ", -1)),
|
|
67
|
+
a(s(E), {
|
|
68
|
+
id: "applications",
|
|
69
|
+
modelValue: i.value,
|
|
70
|
+
"onUpdate:modelValue": e[0] || (e[0] = (t) => i.value = t),
|
|
71
|
+
name: "applications",
|
|
72
|
+
type: "list",
|
|
73
|
+
validation: "required",
|
|
74
|
+
"validation-label": "Anwendungsbereiche",
|
|
75
|
+
hidden: ""
|
|
76
|
+
}, null, 8, ["modelValue"]),
|
|
77
|
+
c.value.length > 0 ? (m(), d("div", W, [
|
|
78
|
+
(m(!0), d(A, null, C(c.value, (t, g) => (m(), d("div", {
|
|
79
|
+
key: `application-${t}@${g}`,
|
|
80
|
+
class: "label-chip"
|
|
81
|
+
}, [
|
|
82
|
+
I(n("input", {
|
|
83
|
+
id: `application-${t}@${g}`,
|
|
84
|
+
"onUpdate:modelValue": e[1] || (e[1] = (V) => i.value = V),
|
|
85
|
+
class: "label-chip__input",
|
|
86
|
+
type: "checkbox",
|
|
87
|
+
value: t
|
|
88
|
+
}, null, 8, H), [
|
|
89
|
+
[U, i.value]
|
|
90
|
+
]),
|
|
91
|
+
a(N, {
|
|
92
|
+
as: "label",
|
|
93
|
+
for: t,
|
|
94
|
+
class: "label-chip__inner",
|
|
95
|
+
text: t,
|
|
96
|
+
data: { "@value": t, URI: "https://example.com/default" },
|
|
97
|
+
setup: { "@type": "selected", "@icon": "suffix", "@inTable": !1, "@selected": !0 }
|
|
98
|
+
}, null, 8, ["for", "text", "data"])
|
|
99
|
+
]))), 128))
|
|
100
|
+
])) : x("", !0),
|
|
101
|
+
a(P, {
|
|
102
|
+
modelValue: r.value,
|
|
103
|
+
"onUpdate:modelValue": e[2] || (e[2] = (t) => r.value = t),
|
|
104
|
+
options: k,
|
|
105
|
+
placeholder: "Wählen Sie Ihre Anwendungsbereiche.",
|
|
106
|
+
label: "Anwendungsbereich auswählen",
|
|
107
|
+
filterable: "",
|
|
108
|
+
taggable: "",
|
|
109
|
+
"create-option": "",
|
|
110
|
+
clearable: "",
|
|
111
|
+
error: s(y),
|
|
112
|
+
"error-message": Object.values(s(o)).length > 0 ? String((p = Object.values(s(o))[0]) == null ? void 0 : p.value) : ""
|
|
113
|
+
}, null, 8, ["modelValue", "error", "error-message"])
|
|
114
|
+
])
|
|
115
|
+
]),
|
|
116
|
+
n("section", F, [
|
|
117
|
+
a(M, { "hide-cancel": "" })
|
|
118
|
+
]),
|
|
119
|
+
n("section", T, [
|
|
120
|
+
a(w, { variant: "default" }, {
|
|
121
|
+
icon: l(() => [
|
|
122
|
+
a(s(v), {
|
|
123
|
+
size: 32,
|
|
124
|
+
color: "#009fe3"
|
|
125
|
+
})
|
|
126
|
+
]),
|
|
127
|
+
title: l(() => e[5] || (e[5] = [
|
|
128
|
+
b(" Information ", -1)
|
|
129
|
+
])),
|
|
130
|
+
default: l(() => [
|
|
131
|
+
e[6] || (e[6] = n("div", { class: "application-information" }, [
|
|
132
|
+
n("p", null, " Ein Projekt beschreibt einen Use Case, der mithilfe eines Digitalen Zwillings umgesetzt wurde – nicht den gesamten Digitalen Zwilling. Ein Use Case kann unterschiedliche kommunale Anwendungsbereiche betreffen, die Sie für Ihr Projekt im Verlauf der Anlage benennen können. ")
|
|
133
|
+
], -1))
|
|
134
|
+
]),
|
|
135
|
+
_: 1,
|
|
136
|
+
__: [6]
|
|
137
|
+
})
|
|
138
|
+
]),
|
|
139
|
+
n("section", $, [
|
|
140
|
+
a(w, { variant: "default" }, {
|
|
141
|
+
icon: l(() => [
|
|
142
|
+
a(s(v), {
|
|
143
|
+
size: 32,
|
|
144
|
+
color: "#009fe3"
|
|
145
|
+
})
|
|
146
|
+
]),
|
|
147
|
+
title: l(() => e[7] || (e[7] = [
|
|
148
|
+
b(" Beispiel ", -1)
|
|
149
|
+
])),
|
|
150
|
+
default: l(() => [
|
|
151
|
+
e[8] || (e[8] = n("div", { class: "application-information" }, [
|
|
152
|
+
n("p", null, " In Ihrem Projekt „Hochwasserschutzprogramm mit Prognosen“ wird mit Hilfe eines Digitalen Zwillings des lokalen Wassersystems die Hochwasserlage überwacht und vorhergesagt. Dieser Use Case betrifft mehrere Anwendungsbereiche wie Katastrophenschutz, Stadtplanung, Umwelt, Infrastrukturschutz und Bürgerinformation. ")
|
|
153
|
+
], -1))
|
|
154
|
+
]),
|
|
155
|
+
_: 1,
|
|
156
|
+
__: [8]
|
|
157
|
+
})
|
|
104
158
|
])
|
|
105
|
-
])
|
|
106
|
-
|
|
107
|
-
a(C, { "hide-cancel": "" })
|
|
108
|
-
]),
|
|
109
|
-
n("section", N, [
|
|
110
|
-
a(h, { variant: "default" }, {
|
|
111
|
-
icon: s(() => [
|
|
112
|
-
a(d(f), {
|
|
113
|
-
size: 32,
|
|
114
|
-
color: "#009fe3"
|
|
115
|
-
})
|
|
116
|
-
]),
|
|
117
|
-
title: s(() => e[5] || (e[5] = [
|
|
118
|
-
g(" Information ", -1)
|
|
119
|
-
])),
|
|
120
|
-
default: s(() => [
|
|
121
|
-
e[6] || (e[6] = n("div", { class: "application-information" }, [
|
|
122
|
-
n("p", null, " Ein Projekt beschreibt einen Use Case, der mithilfe eines Digitalen Zwillings umgesetzt wurde – nicht den gesamten Digitalen Zwilling. Ein Use Case kann unterschiedliche kommunale Anwendungsbereiche betreffen, die Sie für Ihr Projekt im Verlauf der Anlage benennen können. ")
|
|
123
|
-
], -1))
|
|
124
|
-
]),
|
|
125
|
-
_: 1,
|
|
126
|
-
__: [6]
|
|
127
|
-
})
|
|
128
|
-
]),
|
|
129
|
-
n("section", W, [
|
|
130
|
-
a(h, { variant: "default" }, {
|
|
131
|
-
icon: s(() => [
|
|
132
|
-
a(d(f), {
|
|
133
|
-
size: 32,
|
|
134
|
-
color: "#009fe3"
|
|
135
|
-
})
|
|
136
|
-
]),
|
|
137
|
-
title: s(() => e[7] || (e[7] = [
|
|
138
|
-
g(" Beispiel ", -1)
|
|
139
|
-
])),
|
|
140
|
-
default: s(() => [
|
|
141
|
-
e[8] || (e[8] = n("div", { class: "application-information" }, [
|
|
142
|
-
n("p", null, " In Ihrem Projekt „Hochwasserschutzprogramm mit Prognosen“ wird mit Hilfe eines Digitalen Zwillings des lokalen Wassersystems die Hochwasserlage überwacht und vorhergesagt. Dieser Use Case betrifft mehrere Anwendungsbereiche wie Katastrophenschutz, Stadtplanung, Umwelt, Infrastrukturschutz und Bürgerinformation. ")
|
|
143
|
-
], -1))
|
|
144
|
-
]),
|
|
145
|
-
_: 1,
|
|
146
|
-
__: [8]
|
|
147
|
-
})
|
|
148
|
-
])
|
|
149
|
-
]));
|
|
159
|
+
]);
|
|
160
|
+
};
|
|
150
161
|
}
|
|
151
162
|
});
|
|
152
163
|
export {
|
|
153
|
-
|
|
164
|
+
ee as default
|
|
154
165
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./CategoriesStep.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-17f9d4b6"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|