@piveau/dpi 0.2.0-alpha.40 → 0.2.0-alpha.41

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js

@@ -1,7 +1,7 @@
 import o from "./ProjectOrganisationStep.vue2.js";
 /* empty css                             */
 import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-07c77087"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f2c2fe06"]]);
 export {
-  i as default
+  c as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue2.js

@@ -1,18 +1,19 @@
-import { defineComponent as h, createElementBlock as a, openBlock as l, createElementVNode as e, createCommentVNode as g, renderSlot as b, toDisplayString as s, unref as i, createVNode as o, withCtx as r, createTextVNode as y } from "vue";
+import { defineComponent as _, createElementBlock as o, openBlock as l, createElementVNode as e, createCommentVNode as b, renderSlot as A, toDisplayString as a, unref as n, createVNode as s, withCtx as r, createTextVNode as k } from "vue";
 import { FormKit as c } from "@formkit/vue";
-import { PhLightbulb as v } from "@phosphor-icons/vue";
-import _ from "../../../../stories/components/PartnerCard.vue.js";
-import k from "../../../components/StepActionsSection.vue.js";
-import { useTwinbyUser as S } from "../../../composables/useTwinbyUser.js";
-import w from "../Card.vue.js";
+import { PhLightbulb as I } from "@phosphor-icons/vue";
+import S from "../../../../stories/components/PartnerCard.vue.js";
+import { generateIsRequiredMsg as u, requireAllIfAny as m, generateIsInvalidMsg as g } from "../../../../utils/twinbyUtils.js";
+import w from "../../../components/StepActionsSection.vue.js";
+import { useTwinbyUser as D } from "../../../composables/useTwinbyUser.js";
+import q from "../Card.vue.js";
 import p from "../InputField/InputFieldDefinition.js";
-const D = { class: "dpiV3_page V3-typography" }, z = { class: "funny-section" }, A = { class: "funny-flex" }, P = { class: "funny-section" }, E = { class: "contact-container" }, N = { class: "contact-title" }, C = { class: "contact-wrapper" }, B = {
+const z = { class: "dpiV3_page V3-typography" }, E = { class: "funny-section" }, M = { class: "funny-flex" }, N = { class: "funny-section" }, P = { class: "contact-container" }, T = { class: "contact-title" }, C = { class: "contact-wrapper" }, B = {
   key: 0,
   class: "contact-logo-wrapper"
-}, T = ["src"], V = { key: 1 }, M = { class: "info-wrapper" }, O = { class: "contact-grid" }, j = { class: "contact-col" }, G = { class: "contact-info" }, F = { class: "contact-info" }, I = { class: "contact-col" }, K = { class: "contact-info" }, x = ["href"], H = {
+}, V = ["src"], O = { key: 1 }, j = { class: "info-wrapper" }, G = { class: "contact-grid" }, F = { class: "contact-col" }, K = { class: "contact-info" }, $ = { class: "contact-info" }, x = { class: "contact-col" }, H = { class: "contact-info" }, L = ["href"], R = {
   key: 1,
   class: "copy-large-regular"
-}, L = { class: "funny-section" }, W = { class: "contact-section" }, $ = { class: "funny-section" }, R = { class: "funny-section" }, U = { class: "funny-flex" }, d = "...", ie = /* @__PURE__ */ h({
+}, W = { class: "funny-section" }, U = { class: "contact-section" }, J = { class: "funny-section" }, Q = { class: "funny-section" }, X = { class: "funny-flex" }, d = "...", re = /* @__PURE__ */ _({
   __name: "ProjectOrganisationStep",
   props: {
     isWip: { type: Boolean },
@@ -23,49 +24,52 @@ const D = { class: "dpiV3_page V3-typography" }, z = { class: "funny-section" },
     phone: {},
     email: {}
   },
-  setup(q) {
-    const { organizationDetails: f } = S({
+  setup(Y) {
+    const { organizationDetails: h } = D({
       keycloak: "https://keycloak.twin.bydata.de",
       realm: "piveau",
       audience: "piveau-hub-repo"
     });
-    return (t, n) => (l(), a("div", D, [
-      e("section", z, [
-        e("div", A, [
-          n[2] || (n[2] = e("h4", null, "Informationen zu Ihrer Organisation", -1)),
-          n[3] || (n[3] = 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. ", -1)),
-          b(t.$slots, "organization", {}, () => {
-            var u, m;
+    function y(t) {
+      return t._value === null || t._value === void 0 ? !0 : typeof t._value != "string" ? !1 : /^\d*$/.test(t._value);
+    }
+    return (t, i) => (l(), o("div", z, [
+      e("section", E, [
+        e("div", M, [
+          i[2] || (i[2] = e("h4", null, "Informationen zu Ihrer Organisation", -1)),
+          i[3] || (i[3] = 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. ", -1)),
+          A(t.$slots, "organization", {}, () => {
+            var f, v;
             return [
-              e("section", P, [
-                e("div", E, [
-                  e("p", N, s(((m = (u = i(f).resultEnhanced) == null ? void 0 : u.value) == null ? void 0 : m.title) || "Stadt Haar"), 1),
+              e("section", N, [
+                e("div", P, [
+                  e("p", T, a(((v = (f = n(h).resultEnhanced) == null ? void 0 : f.value) == null ? void 0 : v.title) || "Stadt Haar"), 1),
                   e("div", C, [
-                    t.icon ? (l(), a("div", B, [
+                    t.icon ? (l(), o("div", B, [
                       e("img", {
                         class: "contact-logo",
                         src: t.icon,
                         alt: "Stadt Haar Logo"
-                      }, null, 8, T)
-                    ])) : (l(), a("div", V, n[0] || (n[0] = [
+                      }, null, 8, V)
+                    ])) : (l(), o("div", O, i[0] || (i[0] = [
                       e("div", { class: "avatar-circle" }, null, -1)
                     ]))),
-                    e("div", M, [
-                      e("div", O, [
-                        e("div", j, [
-                          e("span", G, s(t.address || d), 1),
-                          e("span", F, s(t.postalCode || d) + " " + s(t.city || d), 1)
+                    e("div", j, [
+                      e("div", G, [
+                        e("div", F, [
+                          e("span", K, a(t.address || d), 1),
+                          e("span", $, a(t.postalCode || d) + " " + a(t.city || d), 1)
                         ]),
-                        e("div", I, [
-                          e("span", K, s(t.phone || d), 1),
-                          t.email ? (l(), a("a", {
+                        e("div", x, [
+                          e("span", H, a(t.phone || d), 1),
+                          t.email ? (l(), o("a", {
                             key: 0,
                             class: "contact-info",
                             href: `mailto:${t.email}`
-                          }, s(t.email), 9, x)) : (l(), a("span", H, s(d)))
+                          }, a(t.email), 9, L)) : (l(), o("span", R, a(d)))
                         ])
                       ]),
-                      n[1] || (n[1] = e("div", { style: { position: "absolute", top: "0", left: "-12px", width: "360px", height: "100%", "background-color": "var(--blue-10)", "border-radius": "24px", display: "grid", "place-content": "center" } }, " Keine Daten verfügbar ", -1))
+                      i[1] || (i[1] = e("div", { style: { position: "absolute", top: "0", left: "-12px", width: "360px", height: "100%", "background-color": "var(--blue-10)", "border-radius": "24px", display: "grid", "place-content": "center" } }, " Keine Daten verfügbar ", -1))
                     ])
                   ])
                 ])
@@ -74,44 +78,59 @@ const D = { class: "dpiV3_page V3-typography" }, z = { class: "funny-section" },
           }, !0)
         ])
       ]),
-      g("", !0),
-      e("section", L, [
-        e("div", W, [
-          n[6] || (n[6] = e("h5", null, "Projektkontakt (optional)", -1)),
-          n[7] || (n[7] = 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)),
-          o(_, null, {
+      b("", !0),
+      e("section", W, [
+        e("div", U, [
+          i[6] || (i[6] = e("h5", null, "Projektkontakt (optional)", -1)),
+          i[7] || (i[7] = 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)),
+          s(S, null, {
             default: r(() => [
-              o(i(c), {
+              s(n(c), {
                 type: "group",
                 name: "contact"
               }, {
                 default: r(() => [
-                  o(i(c), {
-                    type: i(p),
+                  s(n(c), {
+                    type: n(p),
                     name: "name",
                     "text-label": "Name",
                     placeholder: "Geben Sie einen Namen an.",
+                    validation: "+requireAllIfAny|",
                     "validation-label": "Name",
-                    "validation-visibility": "submit"
-                  }, null, 8, ["type"]),
-                  o(i(c), {
-                    type: i(p),
+                    "validation-visibility": "submit",
+                    "validation-rules": { requireAllIfAny: n(m) },
+                    "validation-messages": {
+                      requireAllIfAny: n(u)("Name")
+                    }
+                  }, null, 8, ["type", "validation-rules", "validation-messages"]),
+                  s(n(c), {
+                    type: n(p),
                     name: "mail",
                     "text-label": "E-Mail-Adresse",
                     placeholder: "Geben Sie eine E-Mail-Adresse an.",
-                    validation: "email",
+                    validation: "email|+requireAllIfAny|",
                     "validation-visibility": "submit",
-                    "validation-label": "E-Mail-Adresse"
-                  }, null, 8, ["type"]),
-                  o(i(c), {
-                    type: i(p),
+                    "validation-label": "E-Mail-Adresse",
+                    "validation-messages": {
+                      email: n(g)("E-Mail-Adresse"),
+                      requireAllIfAny: n(u)("E-Mail-Adresse")
+                    },
+                    "validation-rules": { requireAllIfAny: n(m) }
+                  }, null, 8, ["type", "validation-messages", "validation-rules"]),
+                  s(n(c), {
+                    type: n(p),
                     name: "phone",
                     "text-label": "Telefonnummer",
                     placeholder: "Geben Sie eine Telefonnummer an.",
-                    validation: "number",
+                    "validation-rules": { numeric: y, requireAllIfAny: n(m) },
+                    validation: "numeric|+requireAllIfAny|",
                     "validation-label": "Telefonnummer",
-                    "validation-visibility": "submit"
-                  }, null, 8, ["type"])
+                    "validation-visibility": "submit",
+                    "validation-messages": {
+                      numeric: n(g)("Telefonnummer"),
+                      requireAllIfAny: n(u)("Telefonnummer")
+                    }
+                  }, null, 8, ["type", "validation-rules", "validation-messages"])
                 ]),
                 _: 1
               })
@@ -120,23 +139,23 @@ const D = { class: "dpiV3_page V3-typography" }, z = { class: "funny-section" },
           })
         ])
       ]),
-      e("section", $, [
-        o(k)
+      e("section", J, [
+        s(w)
       ]),
-      e("section", R, [
-        e("div", U, [
-          o(w, { variant: "default" }, {
+      e("section", Q, [
+        e("div", X, [
+          s(q, { variant: "default" }, {
             icon: r(() => [
-              o(i(v), {
+              s(n(I), {
                 size: 32,
                 color: "#009fe3"
               })
             ]),
-            title: r(() => n[8] || (n[8] = [
-              y(" Wichtig! ", -1)
+            title: r(() => i[8] || (i[8] = [
+              k(" Wichtig! ", -1)
             ])),
             default: r(() => [
-              n[9] || (n[9] = e("div", { class: "copy-large-regular" }, [
+              i[9] || (i[9] = e("div", { class: "copy-large-regular" }, [
                 e("p", null, "Bitte geben Sie keine persönlichen Daten preis! Diese dürfen auf unserer Plattform nicht veröffentlicht werden."),
                 e("p", null, "Dazu zählen Namen, E-Mail-Adresse oder auch Telefonnummern von realen Personen."),
                 e("p", null, "Geben Sie daher hier die Daten einer Organisationseinheit oder Abteilung an.")
@@ -151,5 +170,5 @@ const D = { class: "dpiV3_page V3-typography" }, z = { class: "funny-section" },
   }
 });
 export {
-  ie as default
+  re as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Card.vue.js

@@ -1,7 +1,7 @@
 import o from "./Card.vue2.js";
 /* empty css          */
-import a from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-71bd9aa1"]]);
+import r from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-bd2840af"]]);
 export {
-  p as default
+  m as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Card.vue2.js

@@ -1,52 +1,55 @@
-import { defineComponent as p, computed as c, createElementBlock as t, openBlock as o, normalizeClass as l, createCommentVNode as i, createElementVNode as a, renderSlot as s } from "vue";
-const _ = {
+import { defineComponent as p, computed as c, createElementBlock as o, openBlock as t, normalizeClass as d, createCommentVNode as l, createElementVNode as a, renderSlot as i } from "vue";
+const _ = { class: "icon" }, u = {
   key: 0,
-  class: "dpiV3_Card_Icon_Title"
-}, u = {
-  key: 1,
   class: "dpiV3_Card_Info_Text copy-large-semi-bold"
-}, C = { class: "dpiV3_Card_Body" }, m = {
+}, C = { class: "dpiV3_Card_Body" }, v = {
   key: 0,
   class: "dpiV3_Card_Icon"
-}, v = { key: 1 }, f = /* @__PURE__ */ p({
+}, m = { key: 1 }, $ = /* @__PURE__ */ p({
   __name: "Card",
   props: {
     variant: { default: "default" },
-    small: { type: Boolean, default: !1 }
+    small: { type: Boolean, default: !1 },
+    iconTop: { type: Boolean, default: !1 }
   },
-  setup(r) {
-    const d = r, n = c(() => ({
+  setup(n) {
+    const s = n, r = c(() => ({
       "V3-typography": !0,
       dpiV3_Card: !0,
-      "dpiV3_Card--small": d.small,
-      "dpiV3_Card--default": d.variant === "default",
-      "dpiV3_Card--error": d.variant === "error"
+      "dpiV3_Card--small": s.small,
+      "dpiV3_Card--default": s.variant === "default",
+      "dpiV3_Card--error": s.variant === "error"
     }));
-    return (e, V) => (o(), t("div", {
-      class: l(n.value)
+    return (e, V) => (t(), o("div", {
+      class: d(r.value)
     }, [
-      e.$slots.title ? (o(), t("div", _, [
-        e.$slots.icon ? s(e.$slots, "icon", { key: 0 }, void 0, !0) : i("", !0),
-        e.$slots.title ? (o(), t("div", u, [
-          s(e.$slots, "title", {}, void 0, !0)
-        ])) : i("", !0)
-      ])) : i("", !0),
+      e.$slots.title ? (t(), o("div", {
+        key: 0,
+        class: d(["dpiV3_Card_Icon_Title", { "dpiV3_Card_Icon_Title--icon-top": s.iconTop }])
+      }, [
+        a("div", _, [
+          e.$slots.icon ? i(e.$slots, "icon", { key: 0 }, void 0, !0) : l("", !0)
+        ]),
+        e.$slots.title ? (t(), o("div", u, [
+          i(e.$slots, "title", {}, void 0, !0)
+        ])) : l("", !0)
+      ], 2)) : l("", !0),
       a("div", C, [
-        e.$slots.icon && !e.$slots.title ? (o(), t("div", m, [
-          s(e.$slots, "icon", {}, void 0, !0)
-        ])) : (o(), t("div", v)),
+        e.$slots.icon && !e.$slots.title ? (t(), o("div", v, [
+          i(e.$slots, "icon", {}, void 0, !0)
+        ])) : (t(), o("div", m)),
         a("div", {
-          class: l(["dpiV3_Card_Content", {
+          class: d(["dpiV3_Card_Content", {
             "dpiV3_Card_Content--with-icon": e.$slots.icon && e.$slots.title,
             "dpiV3_Card_Content--with-icon-no-title": e.$slots.icon && !e.$slots.title
           }])
         }, [
-          s(e.$slots, "default", {}, void 0, !0)
+          i(e.$slots, "default", {}, void 0, !0)
         ], 2)
       ])
     ], 2));
   }
 });
 export {
-  f as default
+  $ as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldVeeValidate.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent as f, toRef as m, computed as r, createBlock as g, openBlock as y, unref as c, isRef as h } from "vue";
-import { useField as v } from "vee-validate";
-import B from "../InputField.vue.js";
-const M = /* @__PURE__ */ f({
+import { defineComponent as g, toRef as c, computed as s, ref as y, watch as h, createBlock as v, openBlock as B, unref as T, isRef as k } from "vue";
+import { watchOnce as x } from "@vueuse/core";
+import { useField as M } from "vee-validate";
+import V from "../InputField.vue.js";
+const F = /* @__PURE__ */ g({
   __name: "InputFieldVeeValidate",
   props: {
     modelValue: {},
@@ -28,16 +29,20 @@ const M = /* @__PURE__ */ f({
     errorMessage: { default: "" }
   },
   emits: ["update:modelValue"],
-  setup(s) {
-    const t = s, p = m(t, "name"), { value: a, errorMessage: l, meta: i } = v(p, void 0, {
+  setup(p) {
+    const t = p, u = c(t, "name"), { value: a, errorMessage: o, meta: l, validate: f } = M(u, void 0, {
       syncVModel: !0,
       form: t.form,
       validateOnValueUpdate: !1,
       validateOnMount: !1
-    }), o = r(() => !!((i.touched || i.dirty) && (l.value || t.errorMessage))), n = r(() => l.value || t.errorMessage || "");
-    return (e, d) => (y(), g(B, {
-      modelValue: c(a),
-      "onUpdate:modelValue": d[0] || (d[0] = (u) => h(a) ? a.value = u : null),
+    }), i = s(() => !!((l.touched || l.dirty) && (o.value || t.errorMessage))), n = s(() => o.value || t.errorMessage || ""), d = y(!1);
+    return x(i, (e) => {
+      e && (d.value = !0);
+    }), h(a, () => {
+      d.value && l.validated && f({ mode: "force" });
+    }), (e, r) => (B(), v(V, {
+      modelValue: T(a),
+      "onUpdate:modelValue": r[0] || (r[0] = (m) => k(a) ? a.value = m : null),
       label: e.label,
       placeholder: e.placeholder,
       "input-type": e.inputType,
@@ -54,13 +59,13 @@ const M = /* @__PURE__ */ f({
       "is-disabled": e.isDisabled,
       "input-field-size": e.inputFieldSize,
       "input-style": e.inputStyle,
-      "show-error": o.value,
+      "show-error": i.value,
       error_message: n.value,
       "supporting-hint-message": n.value || e.supportingHintMessage,
-      "initial-hint-text": o.value || e.initialHintText
+      "initial-hint-text": i.value || e.initialHintText
     }, null, 8, ["modelValue", "label", "placeholder", "input-type", "add-on-text", "add-on-leading-text", "trailing-text", "trailing_text", "date-picker", "time-picker", "info-icon", "tooltip-text", "pre-icon", "show-end-icon", "is-disabled", "input-field-size", "input-style", "show-error", "error_message", "supporting-hint-message", "initial-hint-text"]));
   }
 });
 export {
-  M as default
+  F as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ListBox/ListboxVeeValidate.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent as p, toRef as u, computed as r, createBlock as m, openBlock as f, unref as b, isRef as V } from "vue";
-import { useField as c } from "vee-validate";
-import v from "./Listbox.vue.js";
-const L = /* @__PURE__ */ p({
+import { defineComponent as b, toRef as c, computed as r, ref as v, watch as V, createBlock as h, openBlock as y, unref as g, isRef as B } from "vue";
+import { watchOnce as F } from "@vueuse/core";
+import { useField as L } from "vee-validate";
+import M from "./Listbox.vue.js";
+const D = /* @__PURE__ */ b({
   __name: "ListboxVeeValidate",
   props: {
     modelValue: {},
@@ -17,15 +18,19 @@ const L = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(o) {
-    const l = o, n = u(l, "name"), { value: a, errorMessage: d } = c(n, void 0, {
+    const l = o, s = c(l, "name"), { value: a, errorMessage: n, validate: p, meta: t } = L(s, void 0, {
       syncVModel: !0,
       form: l.form,
       validateOnValueUpdate: !1,
       validateOnMount: !1
-    }), i = r(() => d.value || "");
-    return (e, t) => (f(), m(v, {
-      modelValue: b(a),
-      "onUpdate:modelValue": t[0] || (t[0] = (s) => V(a) ? a.value = s : null),
+    }), u = r(() => !!((t.touched || t.dirty) && n.value)), m = r(() => n.value || ""), d = v(!1);
+    return F(u, (e) => {
+      e && (d.value = !0);
+    }), V(a, () => {
+      d.value && t.validated && p({ mode: "force" });
+    }), (e, i) => (y(), h(M, {
+      modelValue: g(a),
+      "onUpdate:modelValue": i[0] || (i[0] = (f) => B(a) ? a.value = f : null),
       options: e.options,
       label: e.label,
       placeholder: e.placeholder,
@@ -33,11 +38,11 @@ const L = /* @__PURE__ */ p({
       "option-value": e.optionValue,
       "option-disabled": e.optionDisabled,
       disabled: e.disabled,
-      "error-message": i.value,
+      "error-message": m.value,
       name: l.name
     }, null, 8, ["modelValue", "options", "label", "placeholder", "option-label", "option-value", "option-disabled", "disabled", "error-message", "name"]));
   }
 });
 export {
-  L as default
+  D as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue.js

@@ -1,7 +1,7 @@
 import t from "./OptionalDataStep.vue2.js";
 /* empty css                      */
 import o from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-c0f37be8"]]);
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-799e1d2d"]]);
 export {
   e as default
 };