@piveau/dpi 0.1.0-beta.8 → 0.1.0-twinby.0

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.
Files changed (49) hide show
  1. package/dist/assets/dpi.css +1 -1
  2. package/dist/data-provider-interface/DPIMenu.vue.js +7 -7
  3. package/dist/data-provider-interface/DataProviderInterface.vue2.js +18 -17
  4. package/dist/data-provider-interface/HappyFlowComponents/ui/Autocomplete/Autocomplete.vue.js +7 -0
  5. package/dist/data-provider-interface/HappyFlowComponents/ui/Autocomplete/Autocomplete.vue2.js +122 -0
  6. package/dist/data-provider-interface/HappyFlowComponents/ui/Autocomplete/AutocompleteInputDefinition.js +14 -0
  7. package/dist/data-provider-interface/HappyFlowComponents/ui/Autocomplete/AutocompleteVocabFormKit.vue.js +75 -0
  8. package/dist/data-provider-interface/HappyFlowComponents/ui/Autocomplete/AutocompleteVocabFormKit.vue2.js +4 -0
  9. package/dist/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js +29 -0
  10. package/dist/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js +7 -0
  11. package/dist/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue2.js +70 -0
  12. package/dist/data-provider-interface/HappyFlowComponents/ui/Chip.vue.js +19 -20
  13. package/dist/data-provider-interface/HappyFlowComponents/ui/DpiModalBase.vue.js +1 -1
  14. package/dist/data-provider-interface/HappyFlowComponents/ui/DpiModalBase.vue2.js +32 -28
  15. package/dist/data-provider-interface/HappyFlowComponents/ui/Dropdown.vue.js +1 -1
  16. package/dist/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js +21 -0
  17. package/dist/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldFormKit.vue.js +60 -0
  18. package/dist/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldFormKit.vue2.js +4 -0
  19. package/dist/data-provider-interface/HappyFlowComponents/ui/ListBox/Listbox.vue.js +7 -0
  20. package/dist/data-provider-interface/HappyFlowComponents/ui/ListBox/Listbox.vue2.js +98 -0
  21. package/dist/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/AvailabilityV3.vue.js +16 -21
  22. package/dist/data-provider-interface/HappyFlowComponents/ui/SectionItems/DistributionModal.vue.js +83 -81
  23. package/dist/data-provider-interface/HappyFlowComponents/ui/SectionItems/EssentialsModal.vue.js +2 -4
  24. package/dist/data-provider-interface/components/DistLicense.vue.js +61 -63
  25. package/dist/data-provider-interface/components/DistributionSimplePage.vue.js +791 -779
  26. package/dist/data-provider-interface/components/HVDPage.vue.js +45 -43
  27. package/dist/data-provider-interface/components/InputPageStep.vue.js +9 -11
  28. package/dist/data-provider-interface/components/ProgressSteps.vue.js +7 -0
  29. package/dist/data-provider-interface/components/ProgressSteps.vue2.js +106 -0
  30. package/dist/data-provider-interface/components/ReviewAndPublishPage.vue.js +204 -204
  31. package/dist/data-provider-interface/composables/useDpiSimpleLoader.js +211 -212
  32. package/dist/data-provider-interface/composables/useDpiStepper.js +80 -39
  33. package/dist/data-provider-interface/config/dcatapdeHappyFlow/converter.js +145 -105
  34. package/dist/data-provider-interface/store/modules/conversionStore.js +130 -0
  35. package/dist/data-provider-interface/store/modules/dpiStore.js +18 -16
  36. package/dist/data-provider-interface/utils/RDFconverter.js +226 -0
  37. package/dist/data-provider-interface/utils/inputConverter.js +255 -0
  38. package/dist/data-provider-interface/utils/useSteps.js +39 -30
  39. package/dist/data-provider-interface/views/InputPage.vue.js +80 -92
  40. package/dist/data-provider-interface/views/InputPageProject.vue.js +528 -0
  41. package/dist/index.js +31 -27
  42. package/dist/stories/components/DemoStep.vue.js +331 -0
  43. package/dist/stories/components/DemoStepper.vue.js +7 -0
  44. package/dist/stories/components/DemoStepper.vue2.js +160 -0
  45. package/dist/stories/components/PartnerCard.vue.js +7 -0
  46. package/dist/stories/components/PartnerCard.vue2.js +32 -0
  47. package/dist/stories/components/ReviewStepDemo.vue.js +7 -0
  48. package/dist/stories/components/ReviewStepDemo.vue2.js +98 -0
  49. package/package.json +11 -4
@@ -236,16 +236,16 @@ const z = {
236
236
  setupKeycloakWatcher() {
237
237
  this.$keycloak && this.$keycloak.authenticated && (this.$watch(
238
238
  "$keycloak.token",
239
- async (e) => {
239
+ async (e, t) => {
240
240
  if (!e) return;
241
- let t = this.$keycloak.rtpToken;
242
- if (!t) {
243
- const o = this.$keycloak.getRtpToken;
244
- o && (t = await o({ autoRefresh: !0 }));
241
+ let o = this.$keycloak.rtpToken;
242
+ if (!o) {
243
+ const s = this.$keycloak.getRtpToken;
244
+ s && (o = await s({ autoRefresh: !0 }));
245
245
  }
246
246
  this.updateUserData({
247
247
  authToken: e,
248
- rtpToken: t,
248
+ rtpToken: o,
249
249
  hubUrl: this.$env.api.hubUrl
250
250
  });
251
251
  },
@@ -451,7 +451,7 @@ function G(e, t, o, s, a, i) {
451
451
  }, 8, ["loading", "confirm", "onConfirm"])
452
452
  ]);
453
453
  }
454
- const te = /* @__PURE__ */ L(z, [["render", G], ["__scopeId", "data-v-56a5ab23"]]);
454
+ const te = /* @__PURE__ */ L(z, [["render", G], ["__scopeId", "data-v-7ba4c527"]]);
455
455
  export {
456
456
  te as default
457
457
  };
@@ -1,7 +1,7 @@
1
1
  import { whenever as V } from "@vueuse/core";
2
- import { defineComponent as q, defineAsyncComponent as P, toRef as _, computed as i, toValue as B, provide as O, watchEffect as v, ref as u, nextTick as D } from "vue";
3
- import { useRoute as j } from "vue-router";
4
- import { mapActions as w, mapGetters as z, useStore as F } from "vuex";
2
+ import { defineComponent as q, defineAsyncComponent as D, toRef as _, computed as i, toValue as B, provide as j, watchEffect as v, ref as u, nextTick as w } from "vue";
3
+ import { useRoute as O } from "vue-router";
4
+ import { mapActions as S, mapGetters as z, useStore as F } from "vuex";
5
5
  import { useRuntimeEnv as T } from "../composables/useRuntimeEnv.js";
6
6
  import J from "./components/TheErrorDialog.vue.js";
7
7
  import { autocompleteKey as G, defaultAutocompleteAdapter as K } from "./composables/aucotomplete.js";
@@ -16,7 +16,8 @@ const fe = q({
16
16
  name: "DataProviderInterface",
17
17
  components: {
18
18
  ButtonV3: Y,
19
- InputPage: P(() => import("./views/InputPage.vue.js")),
19
+ InputPage: D(() => import("./views/InputPage.vue.js")),
20
+ InputPageProject: D(() => import("./views/InputPageProject.vue.js")),
20
21
  DpiModalBase: Z,
21
22
  TheErrorDialog: J
22
23
  },
@@ -61,10 +62,10 @@ const fe = q({
61
62
  }
62
63
  },
63
64
  methods: {
64
- ...w("dpiStore", [
65
+ ...S("dpiStore", [
65
66
  "saveLocalstorageValues"
66
67
  ]),
67
- ...w("auth", [
68
+ ...S("auth", [
68
69
  "populateDraftAndEdit"
69
70
  ]),
70
71
  getClearPath() {
@@ -88,10 +89,10 @@ const fe = q({
88
89
  window.removeEventListener("scroll", this.handleScroll);
89
90
  },
90
91
  setup(o) {
91
- const e = j(), r = F(), c = T(), h = c.content.dataProviderInterface.specification, S = X[h], b = _(o, "dpiContext"), { formValues: g } = U(), { openErrorDialog: y } = W(), t = i(() => {
92
- const a = B(b);
92
+ const e = O(), r = F(), c = T(), h = c.content.dataProviderInterface.specification, b = X[h], I = _(o, "dpiContext"), { formValues: g } = U(), { openErrorDialog: y } = W(), t = i(() => {
93
+ const a = B(I);
93
94
  return {
94
- specification: S,
95
+ specification: b,
95
96
  specificationName: h,
96
97
  edit: {
97
98
  enabled: e.query.edit === "true",
@@ -107,12 +108,12 @@ const fe = q({
107
108
  envs: c,
108
109
  dpiContext: t
109
110
  });
110
- O(G, o.autocomplete || C.adapter), v(() => {
111
+ j(G, o.autocomplete || C.adapter), v(() => {
111
112
  r.dispatch("dpiStore/setSpecification", A.value), r.dispatch("dpiStore/setSpecificationname", E.value);
112
113
  });
113
- const I = i(() => `${e.query.key}@${E.value}`), { isReady: p, result: m, inEditModeAndRptAvailable: $, parsingErrors: s, fetchError: n, isSimpleLoaderReady: x, isMaterialized: R, isLoading: L, jsonld: M } = Q(t), f = u(!1);
114
+ const x = i(() => `${e.query.key}@${E.value}`), { isReady: p, result: m, inEditModeAndRptAvailable: $, parsingErrors: s, fetchError: n, isSimpleLoaderReady: R, isMaterialized: L, isLoading: M, jsonld: P } = Q(t), f = u(!1);
114
115
  v(async () => {
115
- f.value || $.value && p.value && (await D(), await D(), g.value = m.value, console.log("resultus", m.value), f.value = !0);
116
+ f.value || $.value && p.value && (await w(), await w(), g.value = m.value, console.log("resultus", m.value), f.value = !0);
116
117
  });
117
118
  const k = i(() => {
118
119
  var a;
@@ -129,17 +130,17 @@ const fe = q({
129
130
  }, { immediate: !0 }), {
130
131
  result: m,
131
132
  resolvedDpiContext: t,
132
- key: I,
133
+ key: x,
133
134
  isReady: k,
134
135
  formValues: g,
135
136
  showErrorModal: d,
136
137
  currentError: l,
137
138
  isDevelopment: N,
138
139
  fetchError: n,
139
- isSimpleLoaderReady: x,
140
- isMaterialized: R,
141
- isLoading: L,
142
- jsonld: M,
140
+ isSimpleLoaderReady: R,
141
+ isMaterialized: L,
142
+ isLoading: M,
143
+ jsonld: P,
143
144
  inEditModeAndRptAvailable: $
144
145
  };
145
146
  }
@@ -0,0 +1,7 @@
1
+ import o from "./Autocomplete.vue2.js";
2
+ /* empty css */
3
+ import t from "../../../../_virtual/_plugin-vue_export-helper.js";
4
+ const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-20b67ad4"]]);
5
+ export {
6
+ a as default
7
+ };
@@ -0,0 +1,122 @@
1
+ import { defineComponent as V, mergeModels as h, useModel as g, computed as w, createElementBlock as d, openBlock as u, createVNode as i, unref as r, withCtx as n, createElementVNode as t, createBlock as C, createCommentVNode as p, renderSlot as x, createTextVNode as M, toDisplayString as _, normalizeClass as b, Fragment as q, renderList as B } from "vue";
2
+ import { Combobox as N, ComboboxLabel as E, ComboboxButton as z, ComboboxInput as I, ComboboxOptions as L, ComboboxOption as O } from "@headlessui/vue";
3
+ const S = { class: "autocomplete" }, j = { class: "autocomplete__wrapper" }, A = {
4
+ key: 0,
5
+ class: "autocomplete__no-results"
6
+ }, P = /* @__PURE__ */ V({
7
+ __name: "Autocomplete",
8
+ props: /* @__PURE__ */ h({
9
+ options: {},
10
+ label: { default: "" },
11
+ errorMessage: { default: "" },
12
+ placeholder: { default: "" },
13
+ name: { default: "" }
14
+ }, {
15
+ modelValue: { required: !0 },
16
+ modelModifiers: {},
17
+ query: { default: "" },
18
+ queryModifiers: {}
19
+ }),
20
+ emits: ["update:modelValue", "update:query"],
21
+ setup(m) {
22
+ const o = m, c = g(m, "modelValue"), v = g(m, "query"), f = w(() => !!o.errorMessage);
23
+ function k(a) {
24
+ a.open && a.event.stopPropagation();
25
+ }
26
+ return (a, s) => (u(), d("div", S, [
27
+ i(r(N), {
28
+ modelValue: c.value,
29
+ "onUpdate:modelValue": s[1] || (s[1] = (e) => c.value = e),
30
+ name: o.name,
31
+ by: "id",
32
+ nullable: ""
33
+ }, {
34
+ default: n(() => [
35
+ t("div", j, [
36
+ o.label ? (u(), C(r(E), {
37
+ key: 0,
38
+ class: "autocomplete__label"
39
+ }, {
40
+ default: n(() => [
41
+ x(a.$slots, "label", {
42
+ label: o.label,
43
+ selected: c.value
44
+ }, () => [
45
+ M(_(o.label), 1)
46
+ ], !0)
47
+ ]),
48
+ _: 3
49
+ })) : p("", !0),
50
+ t("div", {
51
+ class: b(["autocomplete__input-container", { "autocomplete__input-container--error": f.value }])
52
+ }, [
53
+ i(r(z), {
54
+ as: "div",
55
+ class: "autocomplete__input-wrapper"
56
+ }, {
57
+ default: n(({ open: e }) => [
58
+ i(r(I), {
59
+ class: "autocomplete__input",
60
+ "display-value": (l) => (l == null ? void 0 : l.name) || "",
61
+ placeholder: o.placeholder,
62
+ onChange: s[0] || (s[0] = (l) => v.value = l.target.value),
63
+ onClick: (l) => k({ event: l, open: e })
64
+ }, null, 8, ["display-value", "placeholder", "onClick"]),
65
+ s[2] || (s[2] = t("div", { class: "autocomplete__button" }, [
66
+ t("div", { class: "autocomplete__input-icon" }, [
67
+ t("svg", {
68
+ xmlns: "http://www.w3.org/2000/svg",
69
+ fill: "none",
70
+ viewBox: "0 0 24 24",
71
+ "stroke-width": "1.5",
72
+ stroke: "currentColor",
73
+ class: "size-4"
74
+ }, [
75
+ t("path", {
76
+ "stroke-linecap": "round",
77
+ "stroke-linejoin": "round",
78
+ d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
79
+ })
80
+ ])
81
+ ])
82
+ ], -1))
83
+ ]),
84
+ _: 1
85
+ })
86
+ ], 2),
87
+ a.errorMessage ? (u(), d("div", {
88
+ key: 1,
89
+ class: b(["autocomplete__message", { "autocomplete__message--error": f.value }])
90
+ }, _(a.errorMessage), 3)) : p("", !0)
91
+ ]),
92
+ i(r(L), {
93
+ class: "autocomplete__options",
94
+ as: "ul"
95
+ }, {
96
+ default: n(() => [
97
+ (u(!0), d(q, null, B(o.options, (e) => (u(), C(r(O), {
98
+ as: "template",
99
+ key: e.id,
100
+ value: e,
101
+ disabled: e.unavailable
102
+ }, {
103
+ default: n(({ active: l, selected: y }) => [
104
+ t("li", {
105
+ class: b(["autocomplete__option", { "autocomplete__option--active": l, "autocomplete__option--selected": y }])
106
+ }, _(e.name || e.id), 3)
107
+ ]),
108
+ _: 2
109
+ }, 1032, ["value", "disabled"]))), 128)),
110
+ o.options.length === 0 && v.value !== "" ? (u(), d("div", A, " No results found. ")) : p("", !0)
111
+ ]),
112
+ _: 1
113
+ })
114
+ ]),
115
+ _: 3
116
+ }, 8, ["modelValue", "name"])
117
+ ]));
118
+ }
119
+ });
120
+ export {
121
+ P as default
122
+ };
@@ -0,0 +1,14 @@
1
+ import e from "./AutocompleteVocabFormKit.vue.js";
2
+ const t = {
3
+ type: "text",
4
+ schema: [],
5
+ component: e,
6
+ props: [
7
+ "label",
8
+ "placeholder",
9
+ "vocabulary"
10
+ ]
11
+ };
12
+ export {
13
+ t as default
14
+ };
@@ -0,0 +1,75 @@
1
+ import { defineComponent as S, computed as t, ref as d, createBlock as q, openBlock as _, unref as k } from "vue";
2
+ import { defineHubSearch as V } from "@piveau/sdk-vue";
3
+ import { useDebounce as B } from "@vueuse/core";
4
+ import E from "zod";
5
+ import U from "./Autocomplete.vue.js";
6
+ const C = /* @__PURE__ */ S({
7
+ __name: "AutocompleteVocabFormKit",
8
+ props: {
9
+ context: {}
10
+ },
11
+ setup(m) {
12
+ const r = m, u = t({
13
+ get: () => {
14
+ var e;
15
+ return ((e = r.context) == null ? void 0 : e._value) || null;
16
+ },
17
+ set: (e) => {
18
+ var o;
19
+ (o = r.context) == null || o.node.input(e);
20
+ }
21
+ }), p = t(() => {
22
+ var e;
23
+ return String(((e = r.context) == null ? void 0 : e.label) || "");
24
+ }), i = t(() => {
25
+ var e;
26
+ return String(((e = r.context) == null ? void 0 : e.name) || "");
27
+ }), b = t(() => {
28
+ var e;
29
+ return String(((e = r.context) == null ? void 0 : e.placeholder) || "Type to search...");
30
+ }), g = t(() => {
31
+ var e;
32
+ return String(((e = r.context) == null ? void 0 : e.vocabulary) || "");
33
+ }), f = t(() => {
34
+ var e;
35
+ return Object.keys(((e = r.context) == null ? void 0 : e.messages) || {}).length > 0;
36
+ }), v = t(() => {
37
+ var o, n, l, s, a;
38
+ if (!f.value)
39
+ return "";
40
+ const e = (n = Object.keys(((o = r.context) == null ? void 0 : o.messages) || {})) == null ? void 0 : n[0];
41
+ return String((a = (s = (l = r.context) == null ? void 0 : l.messages) == null ? void 0 : s[e]) == null ? void 0 : a.value) || "";
42
+ }), c = d(""), y = B(c, 300), { useSearch: x } = V({
43
+ baseUrl: "https://staging.bydata.de/api/hub/search",
44
+ index: "vocabulary",
45
+ schema: E.any()
46
+ }, (e) => {
47
+ var l, s;
48
+ const o = String((e == null ? void 0 : e.resource) || ""), n = String(((l = e == null ? void 0 : e.pref_label) == null ? void 0 : l.de) || ((s = e == null ? void 0 : e.pref_label) == null ? void 0 : s.en) || "");
49
+ return {
50
+ id: o,
51
+ name: n
52
+ };
53
+ }), { getSearchResultsEnhanced: h } = x({
54
+ queryParams: {
55
+ q: y,
56
+ limit: 12,
57
+ vocabulary: g
58
+ }
59
+ });
60
+ return (e, o) => (_(), q(U, {
61
+ modelValue: u.value,
62
+ "onUpdate:modelValue": o[0] || (o[0] = (n) => u.value = n),
63
+ query: c.value,
64
+ "onUpdate:query": o[1] || (o[1] = (n) => c.value = n),
65
+ options: k(h) || [],
66
+ label: p.value,
67
+ "error-message": v.value,
68
+ placeholder: b.value,
69
+ name: i.value
70
+ }, null, 8, ["modelValue", "query", "options", "label", "error-message", "placeholder", "name"]));
71
+ }
72
+ });
73
+ export {
74
+ C as default
75
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./AutocompleteVocabFormKit.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,29 @@
1
+ import { createElementBlock as r, openBlock as o, createElementVNode as t, createVNode as i, unref as n } from "vue";
2
+ import { FormKit as a } from "@formkit/vue";
3
+ import s from "../InputField/InputFieldDefinition.js";
4
+ /* empty css */
5
+ import l from "../../../../_virtual/_plugin-vue_export-helper.js";
6
+ const m = { class: "dpiV3_page V3-typography" }, p = { class: "funny-section" }, d = { class: "funny-flex" }, c = {
7
+ __name: "ProjectNameStep",
8
+ setup(f) {
9
+ return (u, e) => (o(), r("div", m, [
10
+ t("section", p, [
11
+ t("div", d, [
12
+ e[0] || (e[0] = t("h4", null, " Geben Sie Ihrem Projekt einen Namen ", -1)),
13
+ e[1] || (e[1] = t("span", { class: "copy-large-regular" }, "Ein aussagekräftiger Projektname bildet den ersten Grundstein für eine gute Auffindbarkeit Ihres Projekts.", -1)),
14
+ i(n(a), {
15
+ type: n(s),
16
+ name: "projectName",
17
+ "text-label": "Name",
18
+ placeholder: "Geben Sie Ihrem Projekt einen Namen.",
19
+ validation: "required",
20
+ "validation-label": "Name"
21
+ }, null, 8, ["type"])
22
+ ])
23
+ ])
24
+ ]));
25
+ }
26
+ }, y = /* @__PURE__ */ l(c, [["__scopeId", "data-v-7f91d514"]]);
27
+ export {
28
+ y as default
29
+ };
@@ -0,0 +1,7 @@
1
+ import o from "./ProjectOrganisationStep.vue2.js";
2
+ /* empty css */
3
+ import t from "../../../../_virtual/_plugin-vue_export-helper.js";
4
+ const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-16f7d526"]]);
5
+ export {
6
+ i as default
7
+ };
@@ -0,0 +1,70 @@
1
+ import { defineComponent as l, createElementBlock as s, openBlock as d, createElementVNode as e, createVNode as a, withCtx as o, unref as n } from "vue";
2
+ import { FormKit as i } from "@formkit/vue";
3
+ import m from "../../../../stories/components/PartnerCard.vue.js";
4
+ import r from "../InputField/InputFieldDefinition.js";
5
+ const u = { class: "dpiV3_page V3-typography" }, p = { class: "funny-section" }, c = { class: "funny-flex" }, N = /* @__PURE__ */ l({
6
+ __name: "ProjectOrganisationStep",
7
+ props: {
8
+ icon: {},
9
+ address: {},
10
+ phone: {},
11
+ mail: {}
12
+ },
13
+ setup(f) {
14
+ return (g, t) => (d(), s("div", u, [
15
+ t[2] || (t[2] = e("section", { class: "funny-section" }, [
16
+ e("div", { class: "funny-flex" }, [
17
+ e("h4", null, " Informationen zu Ihrer Organisation "),
18
+ e("span", { class: "copy-large-regular" }, "Die Angaben zur durchführenden Organisation werden nicht hier bei der Projektdokumentation erfasst. Diese Daten werden automatisch aus den Kontoinformationen übernommen, die bei uns hinterlegt sind. So wird sichergestellt, dass die Angaben zu Ihrer Organisation stets konsistent und aktuell bleiben, ohne dass sie mehrfach eingegeben werden müssen."),
19
+ e("div", { class: "organisation-badge-container" }, " layout ")
20
+ ])
21
+ ], -1)),
22
+ e("section", p, [
23
+ e("div", c, [
24
+ t[0] || (t[0] = e("h5", null, " Projektkontakt (optional) ", -1)),
25
+ t[1] || (t[1] = 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)),
26
+ a(m, null, {
27
+ default: o(() => [
28
+ a(n(i), {
29
+ type: "group",
30
+ name: "contact"
31
+ }, {
32
+ default: o(() => [
33
+ a(n(i), {
34
+ type: n(r),
35
+ name: "name",
36
+ "text-label": "Name",
37
+ placeholder: "Geben Sie Ihrem Projekt einen Namen.",
38
+ validation: "required",
39
+ "validation-label": "Name"
40
+ }, null, 8, ["type"]),
41
+ a(n(i), {
42
+ type: n(r),
43
+ name: "mail",
44
+ "text-label": "Name",
45
+ placeholder: "Geben Sie Ihrem Projekt einen Namen.",
46
+ validation: "required",
47
+ "validation-label": "Name"
48
+ }, null, 8, ["type"]),
49
+ a(n(i), {
50
+ type: n(r),
51
+ name: "phone",
52
+ "text-label": "Name",
53
+ placeholder: "Geben Sie Ihrem Projekt einen Namen.",
54
+ validation: "required",
55
+ "validation-label": "Name"
56
+ }, null, 8, ["type"])
57
+ ]),
58
+ _: 1
59
+ })
60
+ ]),
61
+ _: 1
62
+ })
63
+ ])
64
+ ])
65
+ ]));
66
+ }
67
+ });
68
+ export {
69
+ N as default
70
+ };
@@ -1,8 +1,8 @@
1
- import { ref as c, createElementBlock as C, createCommentVNode as d, openBlock as r, normalizeClass as b, createElementVNode as v, withModifiers as S, unref as t, createBlock as f, toDisplayString as F } from "vue";
1
+ import { ref as c, createElementBlock as C, createCommentVNode as d, openBlock as r, normalizeClass as v, createElementVNode as b, withModifiers as S, unref as t, createBlock as f, toDisplayString as F } from "vue";
2
2
  import { PhMagnifyingGlass as m, PhX as V } from "@phosphor-icons/vue";
3
3
  /* empty css */
4
- import P from "../../../_virtual/_plugin-vue_export-helper.js";
5
- const M = ["disabled"], T = {
4
+ import M from "../../../_virtual/_plugin-vue_export-helper.js";
5
+ const P = ["disabled"], T = {
6
6
  __name: "Chip",
7
7
  props: {
8
8
  text: {
@@ -22,35 +22,34 @@ const M = ["disabled"], T = {
22
22
  setup(e, { emit: k }) {
23
23
  const u = e, n = c();
24
24
  let i = c(u.setup["@selected"]), h = c(), p = c("16px");
25
- const y = k, x = (l) => {
26
- l.stopPropagation();
27
- }, g = (l, a) => {
28
- if (l != "disabled" && l != "default" && l != "static" && (n.value.children[0].classList.toggle("dpiV3_chipSelected"), i.value = !i.value, y("click", u.data), y("selection-change", {
25
+ const y = k, x = (s) => {
26
+ }, g = (s, l) => {
27
+ if (s != "disabled" && s != "default" && s != "static" && (n.value.children[0].classList.toggle("dpiV3_chipSelected"), i.value = !i.value, y("click", u.data), y("selection-change", {
29
28
  selected: i.value,
30
29
  data: u.data
31
30
  }), i.value))
32
- for (let s = 0; s < n.value.children[0].children.length; s++)
33
- n.value.children[0].children[s].tagName === "IMG" && !h.value && (i.value ? n.value.children[0].children[s].src = X : n.value.children[0].children[s].src = XB);
31
+ for (let a = 0; a < n.value.children[0].children.length; a++)
32
+ n.value.children[0].children[a].tagName === "IMG" && !h.value && (i.value ? n.value.children[0].children[a].src = X : n.value.children[0].children[a].src = XB);
34
33
  };
35
34
  u.setup["@type"] === "selected" && (i.value = !0), u.setup["@search"] && (h.value = !0);
36
- const o = c(!1), z = (l) => {
35
+ const o = c(!1), z = (s) => {
37
36
  o.value = !0;
38
37
  }, B = () => {
39
38
  o.value = !1;
40
39
  };
41
- return (l, a) => typeof e.text < "u" ? (r(), C("div", {
40
+ return (s, l) => typeof e.text < "u" ? (r(), C("div", {
42
41
  key: 0,
43
42
  ref_key: "chipWrap",
44
43
  ref: n,
45
- class: b(["dpiV3_chipBorder", { dpiV3_focusBorder: o.value, dpiV3_inTableWrap: e.setup["@inTable"], dpiV3_inRaPFindability_outer: e.setup["@rapfindability"] }]),
44
+ class: v(["dpiV3_chipBorder", { dpiV3_focusBorder: o.value, dpiV3_inTableWrap: e.setup["@inTable"], dpiV3_inRaPFindability_outer: e.setup["@rapfindability"] }]),
46
45
  onClick: x
47
46
  }, [
48
- v("button", {
49
- onClick: a[0] || (a[0] = (s) => g(e.setup["@type"])),
47
+ b("button", {
48
+ onClick: l[0] || (l[0] = (a) => g(e.setup["@type"])),
50
49
  type: "button",
51
- onMousedown: a[1] || (a[1] = S(() => {
50
+ onMousedown: l[1] || (l[1] = S(() => {
52
51
  }, ["prevent"])),
53
- class: b(["dpiV3_chipBody", {
52
+ class: v(["dpiV3_chipBody", {
54
53
  dpiV3_chipUnselected: e.setup["@type"] === "select",
55
54
  dpiV3_chipSelected: t(i),
56
55
  dpiV3_chipDefault: e.setup["@type"] === "default",
@@ -61,7 +60,7 @@ const M = ["disabled"], T = {
61
60
  dpiV3_inFindability: e.setup["@findability"],
62
61
  dpiV3_inRaPFindability: e.setup["@rapfindability"]
63
62
  }]),
64
- onFocus: a[2] || (a[2] = (s) => z()),
63
+ onFocus: l[2] || (l[2] = (a) => z()),
65
64
  onBlur: B,
66
65
  disabled: e.setup["@type"] === "disabled" || e.setup["@type"] === "static"
67
66
  }, [
@@ -73,7 +72,7 @@ const M = ["disabled"], T = {
73
72
  key: 1,
74
73
  size: t(p)
75
74
  }, null, 8, ["size"])) : d("", !0),
76
- v("span", null, F(e.text), 1),
75
+ b("span", null, F(e.text), 1),
77
76
  !e.setup["@search"] && e.setup["@icon"] === "suffix" ? (r(), f(t(V), {
78
77
  key: 2,
79
78
  size: t(p)
@@ -82,10 +81,10 @@ const M = ["disabled"], T = {
82
81
  key: 3,
83
82
  size: t(p)
84
83
  }, null, 8, ["size"])) : d("", !0)
85
- ], 42, M)
84
+ ], 42, P)
86
85
  ], 2)) : d("", !0);
87
86
  }
88
- }, q = /* @__PURE__ */ P(T, [["__scopeId", "data-v-f609b036"]]);
87
+ }, q = /* @__PURE__ */ M(T, [["__scopeId", "data-v-fb436673"]]);
89
88
  export {
90
89
  q as default
91
90
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./DpiModalBase.vue2.js";
2
2
  /* empty css */
3
3
  import t from "../../../_virtual/_plugin-vue_export-helper.js";
4
- const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d7f3463b"]]);
4
+ const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-102fc809"]]);
5
5
  export {
6
6
  f as default
7
7
  };