@piveau/dpi 0.2.0-alpha.35 → 0.2.0-alpha.37

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 "./ActionCard.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-6a94ad48"]]);
4
+ const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-98155283"]]);
5
5
  export {
6
6
  p as default
7
7
  };
@@ -1,74 +1,78 @@
1
- import { defineComponent as v, computed as y, createElementBlock as s, openBlock as a, normalizeClass as V, createElementVNode as n, createBlock as _, withCtx as l, renderSlot as t, createCommentVNode as i, createVNode as p } from "vue";
2
- import c from "./ButtonV3.vue.js";
1
+ import { defineComponent as C, computed as v, createElementBlock as a, openBlock as t, normalizeClass as B, createElementVNode as l, createCommentVNode as r, createBlock as V, withCtx as i, renderSlot as o, createVNode as p } from "vue";
2
+ import u from "./ButtonV3.vue.js";
3
3
  import k from "./SummaryBox.vue.js";
4
- const B = { class: "dpiV3_Card_Header" }, $ = {
4
+ const _ = { class: "dpiV3_Card_Header" }, $ = {
5
5
  key: 1,
6
6
  class: "standalone-text"
7
- }, h = { class: "dpiV3_Card_Actions" }, E = { class: "dpiV3_Card_Body" }, A = /* @__PURE__ */ v({
7
+ }, h = { class: "dpiV3_Card_Actions" }, E = {
8
+ key: 0,
9
+ class: "dpiV3_Card_Body"
10
+ }, N = /* @__PURE__ */ C({
8
11
  __name: "ActionCard",
9
12
  props: {
10
13
  variant: { default: "default" },
11
14
  noEdit: { type: Boolean, default: !1 },
12
15
  noDelete: { type: Boolean, default: !0 },
13
- spaced: { type: Boolean, default: !1 }
16
+ spaced: { type: Boolean, default: !1 },
17
+ showBody: { type: Boolean, default: !0 }
14
18
  },
15
19
  emits: ["edit", "delete"],
16
- setup(u, { emit: m }) {
17
- const d = u, r = m, f = y(() => ({
20
+ setup(m, { emit: c }) {
21
+ const d = m, n = c, f = v(() => ({
18
22
  "V3-typography": !0,
19
23
  dpiV3_Card: !0,
20
24
  "dpiV3_Card--default": d.variant === "default",
21
25
  "dpiV3_Card--error": d.variant === "error",
22
26
  "dpiV3_Card--spaced": d.spaced
23
27
  }));
24
- return (e, o) => (a(), s("div", {
25
- class: V(f.value)
28
+ return (e, s) => (t(), a("div", {
29
+ class: B(f.value)
26
30
  }, [
27
- n("div", B, [
28
- e.$slots["standalone-name"] ? (a(), s("span", $, [
29
- t(e.$slots, "standalone-name")
30
- ])) : (a(), _(k, { key: 0 }, {
31
- title: l(() => [
32
- t(e.$slots, "sub-title")
31
+ l("div", _, [
32
+ e.$slots["standalone-name"] ? (t(), a("span", $, [
33
+ o(e.$slots, "standalone-name")
34
+ ])) : (t(), V(k, { key: 0 }, {
35
+ title: i(() => [
36
+ o(e.$slots, "sub-title")
33
37
  ]),
34
- default: l(() => [
35
- t(e.$slots, "title")
38
+ default: i(() => [
39
+ o(e.$slots, "title")
36
40
  ]),
37
41
  _: 3
38
42
  })),
39
- n("div", h, [
40
- e.noEdit ? i("", !0) : (a(), s("div", {
43
+ l("div", h, [
44
+ e.noEdit ? r("", !0) : (t(), a("div", {
41
45
  key: 0,
42
- onClick: o[0] || (o[0] = (C) => r("edit"))
46
+ onClick: s[0] || (s[0] = (y) => n("edit"))
43
47
  }, [
44
- t(e.$slots, "edit-icon", {}, () => [
45
- p(c, {
48
+ o(e.$slots, "edit-icon", {}, () => [
49
+ p(u, {
46
50
  size: "large",
47
51
  "icon-start": "pen",
48
52
  variant: "secondary"
49
53
  })
50
54
  ])
51
55
  ])),
52
- e.noDelete ? (a(), s("div", {
56
+ e.noDelete ? (t(), a("div", {
53
57
  key: 1,
54
- onClick: o[1] || (o[1] = (C) => r("delete"))
58
+ onClick: s[1] || (s[1] = (y) => n("delete"))
55
59
  }, [
56
- t(e.$slots, "delete-icon", {}, () => [
57
- p(c, {
60
+ o(e.$slots, "delete-icon", {}, () => [
61
+ p(u, {
58
62
  size: "large",
59
63
  "icon-start": "Trash",
60
64
  variant: "secondary"
61
65
  })
62
66
  ])
63
- ])) : i("", !0)
67
+ ])) : r("", !0)
64
68
  ])
65
69
  ]),
66
- n("div", E, [
67
- t(e.$slots, "default")
68
- ])
70
+ e.showBody && e.$slots.default ? (t(), a("div", E, [
71
+ o(e.$slots, "default")
72
+ ])) : r("", !0)
69
73
  ], 2));
70
74
  }
71
75
  });
72
76
  export {
73
- A as default
77
+ N as default
74
78
  };
@@ -3,14 +3,14 @@ import { FormKit as m } from "@formkit/vue";
3
3
  import { PhLightbulb as h } from "@phosphor-icons/vue";
4
4
  import g from "../../../components/StepActionsSection.vue.js";
5
5
  import f from "../Card.vue.js";
6
- import z from "../TextArea/TextAreaDefinition.js";
6
+ import b from "../TextArea/TextAreaDefinition.js";
7
7
  /* empty css */
8
- import _ from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
9
- const b = { class: "dpiV3_page V3-typography" }, k = { class: "funny-section" }, v = { class: "funny-flex" }, y = { class: "funny-section" }, w = { class: "funny-section" }, x = 500, P = {
8
+ import z from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
9
+ const _ = { class: "dpiV3_page V3-typography" }, k = { class: "funny-section" }, v = { class: "funny-flex" }, y = { class: "funny-section" }, x = { class: "funny-section" }, j = 500, w = {
10
10
  __name: "ProjectDescriptionStep",
11
- setup(S) {
11
+ setup(P) {
12
12
  const s = a(""), o = c(() => s.value.length);
13
- return (j, t) => (p(), u("div", b, [
13
+ return (S, t) => (p(), u("div", _, [
14
14
  e("section", k, [
15
15
  e("div", v, [
16
16
  t[1] || (t[1] = e("h4", null, "Beschreiben Sie Ihr Projekt", -1)),
@@ -20,13 +20,13 @@ const b = { class: "dpiV3_page V3-typography" }, k = { class: "funny-section" },
20
20
  modelValue: s.value,
21
21
  "onUpdate:modelValue": t[0] || (t[0] = (l) => s.value = l),
22
22
  label: "Beschreibung",
23
- type: r(z),
23
+ type: r(b),
24
24
  name: "projectDescription",
25
25
  "text-label": "Name",
26
26
  placeholder: "Beschreiben Sie Ihr Projekt in ein paar Sätzen.",
27
27
  validation: "required|length:0,500",
28
28
  hint: "true",
29
- help: `${o.value} von ${x} Zeichen`,
29
+ help: `${o.value} von ${j} Zeichen`,
30
30
  "count-hint": !0
31
31
  }, null, 8, ["modelValue", "type", "help"])
32
32
  ])
@@ -34,7 +34,7 @@ const b = { class: "dpiV3_page V3-typography" }, k = { class: "funny-section" },
34
34
  e("section", y, [
35
35
  n(g, { class: "description-step" })
36
36
  ]),
37
- e("section", w, [
37
+ e("section", x, [
38
38
  n(f, { variant: "default" }, {
39
39
  icon: i(() => [
40
40
  n(r(h), {
@@ -46,7 +46,7 @@ const b = { class: "dpiV3_page V3-typography" }, k = { class: "funny-section" },
46
46
  d(" Beispiel ", -1)
47
47
  ])),
48
48
  default: i(() => [
49
- t[4] || (t[4] = e("div", { class: "copy-large-regular" }, [
49
+ t[4] || (t[4] = e("div", { class: "copy-large-regular project-description-example" }, [
50
50
  e("p", { class: "copy-large-semi-bold" }, " Name "),
51
51
  e("p", null, "Hochwasserschutzprogramm mit Prognosen"),
52
52
  e("p", { class: "copy-large-semi-bold" }, " Beschreibung "),
@@ -59,7 +59,7 @@ const b = { class: "dpiV3_page V3-typography" }, k = { class: "funny-section" },
59
59
  ])
60
60
  ]));
61
61
  }
62
- }, F = /* @__PURE__ */ _(P, [["__scopeId", "data-v-83c496c5"]]);
62
+ }, F = /* @__PURE__ */ z(w, [["__scopeId", "data-v-164d62b2"]]);
63
63
  export {
64
64
  F as default
65
65
  };
@@ -1,12 +1,12 @@
1
1
  import { createElementBlock as i, openBlock as o, createElementVNode as e, createVNode as n, unref as s, withCtx as r, createTextVNode as a } from "vue";
2
2
  import { FormKit as l } from "@formkit/vue";
3
- import { PhLightbulb as u } from "@phosphor-icons/vue";
4
- import m from "../../../components/StepActionsSection.vue.js";
3
+ import { PhLightbulb as m } from "@phosphor-icons/vue";
4
+ import u from "../../../components/StepActionsSection.vue.js";
5
5
  import c from "../Card.vue.js";
6
- import d from "../InputField/InputFieldDefinition.js";
6
+ import p from "../InputField/InputFieldDefinition.js";
7
7
  /* empty css */
8
- import p from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
9
- const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" }, h = { class: "funny-flex" }, _ = { class: "funny-section" }, k = { class: "funny-section" }, b = {
8
+ import d from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
9
+ const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" }, h = { class: "funny-flex" }, _ = { class: "funny-section" }, b = { class: "funny-section" }, k = {
10
10
  __name: "ProjectNameStep",
11
11
  setup(y) {
12
12
  return (z, t) => (o(), i("div", f, [
@@ -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(p),
19
19
  name: "projectName",
20
20
  "text-label": "Name",
21
21
  placeholder: "Geben Sie Ihrem Projekt einen Namen.",
@@ -25,15 +25,15 @@ const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" },
25
25
  ])
26
26
  ]),
27
27
  e("section", _, [
28
- n(m, {
28
+ n(u, {
29
29
  "hide-cancel": "",
30
30
  class: "project-name-step-actions"
31
31
  })
32
32
  ]),
33
- e("section", k, [
33
+ e("section", b, [
34
34
  n(c, { variant: "default" }, {
35
35
  icon: r(() => [
36
- n(s(u), {
36
+ n(s(m), {
37
37
  size: 32,
38
38
  color: "#009fe3"
39
39
  })
@@ -42,7 +42,7 @@ const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" },
42
42
  a(" Beispiel ", -1)
43
43
  ])),
44
44
  default: r(() => [
45
- t[3] || (t[3] = e("div", { class: "copy-large-regular" }, [
45
+ t[3] || (t[3] = e("div", { class: "copy-large-regular project-name-example" }, [
46
46
  e("p", { class: "copy-large-semi-bold" }, " Name "),
47
47
  e("p", null, "Hochwasserschutzprogramm mit Prognosen"),
48
48
  e("p", { class: "copy-large-semi-bold" }, " Beschreibung "),
@@ -55,7 +55,7 @@ const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" },
55
55
  ])
56
56
  ]));
57
57
  }
58
- }, E = /* @__PURE__ */ p(b, [["__scopeId", "data-v-90d0d90c"]]);
58
+ }, E = /* @__PURE__ */ d(k, [["__scopeId", "data-v-38bfafd4"]]);
59
59
  export {
60
60
  E as default
61
61
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./ReviewStep.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-09fc3c2b"]]);
4
+ const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-43209a7f"]]);
5
5
  export {
6
- c as default
6
+ a as default
7
7
  };