@piveau/dpi 0.2.0-alpha.16 → 0.2.0-alpha.17

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 "./ProjectOrganisationStep.vue2.js";
2
2
  /* empty css */
3
3
  import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
4
- const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5d269d07"]]);
4
+ const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b12cb0a4"]]);
5
5
  export {
6
- m as default
6
+ i as default
7
7
  };
@@ -1,8 +1,8 @@
1
- import { defineComponent as f, createElementBlock as c, openBlock as u, createElementVNode as e, createCommentVNode as g, renderSlot as h, toDisplayString as a, createVNode as o, withCtx as s, createTextVNode as r, unref as i } from "vue";
1
+ import { defineComponent as f, createElementBlock as c, openBlock as u, createElementVNode as e, createCommentVNode as g, renderSlot as h, toDisplayString as a, createVNode as i, withCtx as s, createTextVNode as r, unref as o } from "vue";
2
2
  import { FormKit as l } from "@formkit/vue";
3
3
  import { PhLightbulb as p } from "@phosphor-icons/vue";
4
- import _ from "../../../../stories/components/PartnerCard.vue.js";
5
- import y from "../../../components/StepActionsSection.vue.js";
4
+ import y from "../../../../stories/components/PartnerCard.vue.js";
5
+ import _ from "../../../components/StepActionsSection.vue.js";
6
6
  import m from "../Card.vue.js";
7
7
  import d from "../InputField/InputFieldDefinition.js";
8
8
  const b = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" }, k = { class: "funny-flex" }, S = { class: "funny-section" }, P = { class: "contact-container" }, z = { class: "contact-title" }, D = { class: "contact-wrapper" }, A = ["src"], N = { class: "contact-grid" }, w = { class: "contact-col" }, C = { class: "copy-large-regular" }, E = { class: "copy-large-regular" }, B = { class: "contact-col" }, O = { class: "copy-large-regular" }, V = ["href"], M = {
@@ -19,7 +19,7 @@ const b = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" },
19
19
  phone: {},
20
20
  email: {}
21
21
  },
22
- setup(F) {
22
+ setup(q) {
23
23
  return (t, n) => (u(), c("div", b, [
24
24
  e("section", v, [
25
25
  e("div", k, [
@@ -55,12 +55,12 @@ const b = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" },
55
55
  ])
56
56
  ]),
57
57
  t.isWip ? (u(), c("section", M, [
58
- o(m, null, {
58
+ i(m, null, {
59
59
  title: s(() => n[2] || (n[2] = [
60
60
  r(" Work-in-Progress ", -1)
61
61
  ])),
62
62
  icon: s(() => [
63
- o(i(p), {
63
+ i(o(p), {
64
64
  size: 32,
65
65
  color: "#009fe3"
66
66
  })
@@ -76,36 +76,39 @@ const b = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" },
76
76
  e("div", W, [
77
77
  n[4] || (n[4] = e("h5", null, "Projektkontakt (optional)", -1)),
78
78
  n[5] || (n[5] = e("span", { class: "copy-large-regular" }, " Bitte nennen Sie eine allgemeine E-Mail-Adresse oder Funktionsadresse, unter der interessierte Personen Rückfragen zum Projekt stellen können. Bitte geben Sie keine personenbezogenen Daten an. ", -1)),
79
- o(_, null, {
79
+ i(y, null, {
80
80
  default: s(() => [
81
- o(i(l), {
81
+ i(o(l), {
82
82
  type: "group",
83
83
  name: "contact"
84
84
  }, {
85
85
  default: s(() => [
86
- o(i(l), {
87
- type: i(d),
86
+ i(o(l), {
87
+ type: o(d),
88
88
  name: "name",
89
89
  "text-label": "Name",
90
90
  placeholder: "Geben Sie einen Namen an.",
91
91
  "validation-label": "Name",
92
+ validation: "required",
92
93
  "validation-visibility": "submit"
93
94
  }, null, 8, ["type"]),
94
- o(i(l), {
95
- type: i(d),
95
+ i(o(l), {
96
+ type: o(d),
96
97
  name: "mail",
97
98
  "text-label": "E-Mail-Adresse",
98
99
  placeholder: "Geben Sie eine E-Mail-Adresse an.",
99
- validation: "email",
100
+ validation: "required|email",
101
+ "validation-visibility": "submit",
100
102
  "validation-label": "E-Mail-Adresse"
101
103
  }, null, 8, ["type"]),
102
- o(i(l), {
103
- type: i(d),
104
+ i(o(l), {
105
+ type: o(d),
104
106
  name: "phone",
105
107
  "text-label": "Telefonnummer",
106
108
  placeholder: "Geben Sie eine Telefonnummer an.",
107
- validation: "number",
108
- "validation-label": "Telefonnummer"
109
+ validation: "number|required",
110
+ "validation-label": "Telefonnummer",
111
+ "validation-visibility": "submit"
109
112
  }, null, 8, ["type"])
110
113
  ]),
111
114
  _: 1
@@ -116,13 +119,13 @@ const b = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" },
116
119
  ])
117
120
  ]),
118
121
  e("section", j, [
119
- o(y)
122
+ i(_)
120
123
  ]),
121
124
  e("section", G, [
122
125
  e("div", I, [
123
- o(m, { variant: "default" }, {
126
+ i(m, { variant: "default" }, {
124
127
  icon: s(() => [
125
- o(i(p), {
128
+ i(o(p), {
126
129
  size: 32,
127
130
  color: "#009fe3"
128
131
  })
@@ -1,13 +1,13 @@
1
- import { defineComponent as j, computed as n, createBlock as K, openBlock as P, unref as l } from "vue";
1
+ import { defineComponent as j, computed as n, createBlock as K, openBlock as P, unref as a } from "vue";
2
2
  import C from "../InputField.vue.js";
3
3
  const M = /* @__PURE__ */ j({
4
4
  __name: "InputFieldFormKit",
5
5
  props: {
6
6
  context: {}
7
7
  },
8
- setup(y) {
9
- var d, m, g, f, v, h, _;
10
- const t = y, r = n({
8
+ setup(_) {
9
+ var c, p, x, u, d, m, f;
10
+ const t = _, r = n({
11
11
  get: () => {
12
12
  var e;
13
13
  return ((e = t.context) == null ? void 0 : e._value) || "";
@@ -16,60 +16,58 @@ const M = /* @__PURE__ */ j({
16
16
  var o;
17
17
  (o = t.context) == null || o.node.input(e);
18
18
  }
19
- }), I = n(() => {
19
+ }), b = n(() => {
20
20
  var e;
21
21
  return (e = t.context) == null ? void 0 : e.textLabel;
22
- }), w = n(() => {
22
+ }), T = n(() => {
23
23
  var e;
24
24
  return (e = t.context) == null ? void 0 : e.name;
25
- }), i = n(() => {
25
+ }), k = n(() => {
26
26
  var e;
27
27
  return ((e = t.context) == null ? void 0 : e.placeholder) || "Enter text here";
28
- }), c = n(() => {
28
+ }), y = n(() => {
29
29
  var e;
30
30
  return ((e = t.context) == null ? void 0 : e.trailing_text) || "$";
31
- }), u = n(() => {
31
+ }), I = n(() => {
32
32
  var e;
33
33
  return ((e = t.context) == null ? void 0 : e.trailingText) || !1;
34
- }), p = n(() => {
34
+ }), w = n(() => {
35
35
  var e;
36
36
  return ((e = t.context) == null ? void 0 : e["is-disabled"]) || !1;
37
- });
38
- console.log(p.value);
39
- const x = n(() => {
37
+ }), i = n(() => {
40
38
  var e;
41
39
  return Object.keys((e = t.context) == null ? void 0 : e.messages).length > 0;
42
40
  }), s = n(() => {
43
- var o, a, b, T, k;
44
- if (!x.value)
41
+ var o, l, g, h, v;
42
+ if (!i.value)
45
43
  return "";
46
- const e = (a = Object.keys((o = t.context) == null ? void 0 : o.messages)) == null ? void 0 : a[0];
47
- return ((k = (T = (b = t.context) == null ? void 0 : b.messages) == null ? void 0 : T[e]) == null ? void 0 : k.value) || "";
48
- }), E = ((d = t.context) == null ? void 0 : d.inputType) || "text", O = ((m = t.context) == null ? void 0 : m.addOnText) || !1, B = ((g = t.context) == null ? void 0 : g.datePicker) || !1;
49
- (f = t.context) != null && f.infoIcon;
50
- const F = ((v = t.context) == null ? void 0 : v.preIcon) || !1;
51
- (h = t.context) == null || h.showEndIcon;
52
- const V = ((_ = t.context) == null ? void 0 : _.tooltipText) || "This is helpful information";
53
- return console.log(u.value, c.value, i.value), (e, o) => (P(), K(C, {
44
+ const e = (l = Object.keys((o = t.context) == null ? void 0 : o.messages)) == null ? void 0 : l[0];
45
+ return ((v = (h = (g = t.context) == null ? void 0 : g.messages) == null ? void 0 : h[e]) == null ? void 0 : v.value) || "";
46
+ }), E = ((c = t.context) == null ? void 0 : c.inputType) || "text", O = ((p = t.context) == null ? void 0 : p.addOnText) || !1, B = ((x = t.context) == null ? void 0 : x.datePicker) || !1;
47
+ (u = t.context) != null && u.infoIcon;
48
+ const F = ((d = t.context) == null ? void 0 : d.preIcon) || !1;
49
+ (m = t.context) == null || m.showEndIcon;
50
+ const V = ((f = t.context) == null ? void 0 : f.tooltipText) || "This is helpful information";
51
+ return (e, o) => (P(), K(C, {
54
52
  modelValue: r.value,
55
- "onUpdate:modelValue": o[0] || (o[0] = (a) => r.value = a),
56
- label: I.value,
57
- placeholder: i.value,
58
- "input-type": l(E),
59
- "add-on-text": l(O),
60
- "date-picker": l(B),
53
+ "onUpdate:modelValue": o[0] || (o[0] = (l) => r.value = l),
54
+ label: b.value,
55
+ placeholder: k.value,
56
+ "input-type": a(E),
57
+ "add-on-text": a(O),
58
+ "date-picker": a(B),
61
59
  "info-icon": !1,
62
- "pre-icon": l(F),
60
+ "pre-icon": a(F),
63
61
  "show-end-icon": !1,
64
- "tooltip-text": l(V),
65
- "show-error": x.value,
62
+ "tooltip-text": a(V),
63
+ "show-error": i.value,
66
64
  "supporting-hint-message": s.value,
67
65
  "initial-hint-text": s.value,
68
66
  error_message: s.value,
69
- name: w.value,
70
- "trailing-text": u.value,
71
- trailing_text: c.value,
72
- "is-disabled": p.value
67
+ name: T.value,
68
+ "trailing-text": I.value,
69
+ trailing_text: y.value,
70
+ "is-disabled": w.value
73
71
  }, null, 8, ["modelValue", "label", "placeholder", "input-type", "add-on-text", "date-picker", "pre-icon", "tooltip-text", "show-error", "supporting-hint-message", "initial-hint-text", "error_message", "name", "trailing-text", "trailing_text", "is-disabled"]));
74
72
  }
75
73
  });
@@ -1,7 +1,7 @@
1
1
  import t from "./OptionalDataStep.vue2.js";
2
2
  /* empty css */
3
- import o from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
4
- const f = /* @__PURE__ */ o(t, [["__scopeId", "data-v-8cd8f072"]]);
3
+ import a from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
4
+ const m = /* @__PURE__ */ a(t, [["__scopeId", "data-v-112aa257"]]);
5
5
  export {
6
- f as default
6
+ m as default
7
7
  };