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

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