@piveau/dpi 0.2.0-alpha.26 → 0.2.0-alpha.27

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.
@@ -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 c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-620a91c0"]]);
4
+ const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1196d162"]]);
5
5
  export {
6
- c as default
6
+ i as default
7
7
  };
@@ -1,19 +1,19 @@
1
- import { defineComponent as w, ref as p, computed as k, watch as _, createElementBlock as o, openBlock as u, createElementVNode as n, createVNode as a, createCommentVNode as V, unref as d, Fragment as y, renderList as z, withDirectives as S, vModelCheckbox as x, withCtx as s, createTextVNode as g } from "vue";
2
- import { FormKit as A } from "@formkit/vue";
1
+ import { defineComponent as w, ref as p, computed as k, watch as V, createElementBlock as o, openBlock as u, createElementVNode as n, createVNode as a, createCommentVNode as _, unref as d, Fragment as y, renderList as z, withDirectives as A, vModelCheckbox as S, withCtx as l, createTextVNode as g } from "vue";
2
+ import { FormKit as x } from "@formkit/vue";
3
3
  import { PhLightbulb as f } from "@phosphor-icons/vue";
4
4
  import "@piveau/sdk-vue";
5
5
  import "zod";
6
- import C from "../../../components/StepActionsSection.vue.js";
6
+ import U from "../../../components/StepActionsSection.vue.js";
7
7
  import h from "../Card.vue.js";
8
- import U from "../Chip.vue.js";
9
- import B from "../ListBox/Listbox.vue.js";
10
- const E = { class: "dpiV3_page V3-typography" }, I = { class: "funny-section" }, L = { class: "funny-flex" }, P = {
8
+ import C from "../Chip.vue.js";
9
+ import I from "../ListBox/Listbox.vue.js";
10
+ const B = { class: "dpiV3_page V3-typography" }, E = { class: "funny-section" }, L = { class: "funny-flex" }, P = {
11
11
  key: 0,
12
12
  class: "d-flex selected-applications"
13
- }, D = ["id", "value"], M = { class: "funny-section action-section" }, N = { class: "action-section" }, H = { class: "action-section" }, R = /* @__PURE__ */ w({
13
+ }, D = ["id", "value"], M = { class: "funny-section action-section" }, N = { class: "action-section" }, W = { class: "action-section" }, R = /* @__PURE__ */ w({
14
14
  __name: "ApplicationsStep",
15
- setup(W) {
16
- const i = p([]), l = p(""), b = [
15
+ setup(H) {
16
+ const i = p([]), r = p(""), b = [
17
17
  "Abfallmanagement",
18
18
  "Abwassermanagement",
19
19
  "Baumanagement",
@@ -52,14 +52,14 @@ const E = { class: "dpiV3_page V3-typography" }, I = { class: "funny-section" },
52
52
  "Wasserversorgung",
53
53
  "Wirtschaftsflächenmanagement"
54
54
  ], m = k(() => i.value);
55
- return _(l, (r) => {
56
- l.value = "", r && (i.value.includes(r) || i.value.push(r));
57
- }), (r, e) => (u(), o("div", E, [
58
- n("section", I, [
55
+ return V(r, (s) => {
56
+ r.value = "", s && (i.value.includes(s) || i.value.push(s));
57
+ }), (s, e) => (u(), o("div", B, [
58
+ n("section", E, [
59
59
  n("div", L, [
60
60
  e[3] || (e[3] = n("h4", null, " Geben Sie Anwendungsbereiche an ", -1)),
61
- e[4] || (e[4] = n("span", { class: "copy-large-regular" }, "Wenn Ihr Projekt mehrere Anwendungsbereiche abdeckt, wählen Sie diese hier entweder aus der Liste oder geben Sie sie manuell an. ", -1)),
62
- a(d(A), {
61
+ 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)),
62
+ a(d(x), {
63
63
  modelValue: i.value,
64
64
  "onUpdate:modelValue": e[0] || (e[0] = (t) => i.value = t),
65
65
  name: "applications",
@@ -73,16 +73,16 @@ const E = { class: "dpiV3_page V3-typography" }, I = { class: "funny-section" },
73
73
  key: `application-${t}@${c}`,
74
74
  class: "label-chip"
75
75
  }, [
76
- S(n("input", {
76
+ A(n("input", {
77
77
  id: `application-${t}@${c}`,
78
78
  "onUpdate:modelValue": e[1] || (e[1] = (v) => i.value = v),
79
79
  class: "label-chip__input",
80
80
  type: "checkbox",
81
81
  value: t
82
82
  }, null, 8, D), [
83
- [x, i.value]
83
+ [S, i.value]
84
84
  ]),
85
- a(U, {
85
+ a(C, {
86
86
  as: "label",
87
87
  for: t,
88
88
  class: "label-chip__inner",
@@ -91,36 +91,38 @@ const E = { class: "dpiV3_page V3-typography" }, I = { class: "funny-section" },
91
91
  setup: { "@type": "selected", "@icon": "suffix", "@inTable": !1, "@selected": !0 }
92
92
  }, null, 8, ["for", "text", "data"])
93
93
  ]))), 128))
94
- ])) : V("", !0),
95
- a(B, {
96
- modelValue: l.value,
97
- "onUpdate:modelValue": e[2] || (e[2] = (t) => l.value = t),
94
+ ])) : _("", !0),
95
+ a(I, {
96
+ modelValue: r.value,
97
+ "onUpdate:modelValue": [
98
+ e[2] || (e[2] = (t) => r.value = t),
99
+ s.addapplicationInput
100
+ ],
98
101
  options: b,
99
- placeholder: "Suche oder neuen Anwendungsbereich eingeben...",
100
- label: "Anwendungsbereich auswählen oder neuen eingeben",
102
+ placeholder: "Wählen Sie Ihre Anwendungsbereiche",
103
+ label: "Anwendungsbereich auswählen",
101
104
  filterable: "",
102
105
  taggable: "",
103
106
  "create-option": "",
104
- clearable: "",
105
- class: "mt-6"
106
- }, null, 8, ["modelValue"])
107
+ clearable: ""
108
+ }, null, 8, ["modelValue", "onUpdate:modelValue"])
107
109
  ])
108
110
  ]),
109
111
  n("section", M, [
110
- a(C, { "hide-cancel": "" })
112
+ a(U, { "hide-cancel": "" })
111
113
  ]),
112
114
  n("section", N, [
113
115
  a(h, { variant: "default" }, {
114
- icon: s(() => [
116
+ icon: l(() => [
115
117
  a(d(f), {
116
118
  size: 32,
117
119
  color: "#009fe3"
118
120
  })
119
121
  ]),
120
- title: s(() => e[5] || (e[5] = [
122
+ title: l(() => e[5] || (e[5] = [
121
123
  g(" Information ", -1)
122
124
  ])),
123
- default: s(() => [
125
+ default: l(() => [
124
126
  e[6] || (e[6] = n("div", { class: "application-information" }, [
125
127
  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. ")
126
128
  ], -1))
@@ -129,18 +131,18 @@ const E = { class: "dpiV3_page V3-typography" }, I = { class: "funny-section" },
129
131
  __: [6]
130
132
  })
131
133
  ]),
132
- n("section", H, [
134
+ n("section", W, [
133
135
  a(h, { variant: "default" }, {
134
- icon: s(() => [
136
+ icon: l(() => [
135
137
  a(d(f), {
136
138
  size: 32,
137
139
  color: "#009fe3"
138
140
  })
139
141
  ]),
140
- title: s(() => e[7] || (e[7] = [
142
+ title: l(() => e[7] || (e[7] = [
141
143
  g(" Beispiel ", -1)
142
144
  ])),
143
- default: s(() => [
145
+ default: l(() => [
144
146
  e[8] || (e[8] = n("div", { class: "application-information" }, [
145
147
  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. ")
146
148
  ], -1))
@@ -1,7 +1,7 @@
1
- import o from "./ReviewStep.vue2.js";
1
+ import e from "./ReviewStep.vue2.js";
2
2
  /* empty css */
3
- import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
4
- const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-66ab66d1"]]);
3
+ import o from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
4
+ const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-46ec6ce6"]]);
5
5
  export {
6
- a as default
6
+ c as default
7
7
  };