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

package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue2.js

@@ -1,16 +1,16 @@
-import { defineComponent as R, inject as O, ref as p, watch as U, computed as N, createElementBlock as s, openBlock as o, normalizeClass as Z, createElementVNode as g, createBlock as h, createCommentVNode as w, createVNode as r, renderSlot as B, unref as E, normalizeStyle as q, withDirectives as y, vShow as x, Fragment as P, withCtx as C, renderList as G, toDisplayString as H, nextTick as J } from "vue";
-import { getNode as Q, isNode as X } from "@formkit/core";
-import { getValidationMessages as Y } from "@formkit/validation";
-import { PhExclamationMark as _ } from "@phosphor-icons/vue";
+import { defineComponent as U, inject as Z, ref as p, watch as q, computed as h, createElementBlock as r, openBlock as o, normalizeClass as G, createElementVNode as g, createBlock as y, createCommentVNode as N, createVNode as s, renderSlot as B, unref as E, normalizeStyle as H, withDirectives as x, vShow as C, Fragment as P, withCtx as S, renderList as J, toDisplayString as z, nextTick as Q } from "vue";
+import { getNode as X, isNode as Y } from "@formkit/core";
+import { getValidationMessages as _ } from "@formkit/validation";
+import { PhExclamationMark as ee } from "@phosphor-icons/vue";
 import u from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import ee from "../HappyFlowComponents/ui/Card.vue.js";
-import { dpiStepperKey as te } from "../utils/injectionKeys.js";
-import ne from "./TheCancelConfirmationDialog.vue.js";
-import { useEditModeInfo as ae } from "../composables/useDpiEditMode.js";
-const oe = { class: "step-actions" }, ie = { class: "step-actions__prev-and-next" }, le = {
+import te from "../HappyFlowComponents/ui/Card.vue.js";
+import { dpiStepperKey as ne } from "../utils/injectionKeys.js";
+import ae from "./TheCancelConfirmationDialog.vue.js";
+import { useEditModeInfo as oe } from "../composables/useDpiEditMode.js";
+const ie = { class: "step-actions" }, le = { class: "step-actions__prev-and-next" }, re = { style: { margin: "0" } }, se = {
   key: 0,
   class: "validation-errors"
-}, ye = /* @__PURE__ */ R({
+}, Ce = /* @__PURE__ */ U({
   __name: "StepActionsSection",
   props: {
     hideCancel: { type: Boolean, default: !1 },
@@ -27,62 +27,62 @@ const oe = { class: "step-actions" }, ie = { class: "step-actions__prev-and-next
     showDetailedErrorSummary: { type: Boolean, default: !1 }
   },
   emits: ["submit", "closeWithSaving"],
-  setup(z, { emit: L }) {
-    const l = z, b = L, t = O(te);
+  setup(D, { emit: L }) {
+    const l = D, b = L, t = Z(ne);
     t || console.warn("dpiStepper is not provided. Please use StepActionsSection inside InputPage");
-    function S(e) {
+    function T(e) {
       return e !== void 0;
     }
     const f = p(!1), d = p(!1), i = p([]);
-    t && U(t.activeStep, () => {
+    t && q(t.activeStep, () => {
       i.value.splice(0, i.value.length), d.value = !1;
     });
-    function T() {
+    function k() {
       f.value = !0;
     }
-    function v() {
+    function m() {
       t == null || t.goToPreviousStep();
     }
-    async function m() {
-      var k, V;
-      if (!S(t))
+    async function v() {
+      var V, w;
+      if (!T(t))
         return !1;
-      t.triggerValidationCurrentStep(), await J();
+      t.triggerValidationCurrentStep(), await Q();
       const e = t.activeStep.value;
       if (!e)
         return !1;
-      const n = Q(e);
-      if (!X(n))
+      const n = X(e);
+      if (!Y(n))
         return console.error("Current step node is not a FormKitNode", n), !1;
       n.clearErrors(!0);
-      const a = Y(n), I = !!((V = (k = t.steps) == null ? void 0 : k[e]) != null && V.valid);
-      return a && a.size > 0 || !I ? (i.value = [...a.entries()].flatMap(([re, $]) => $.map((K) => String(K.value))), d.value = !0, !1) : (i.value.splice(0, i.value.length), d.value = !1, !0);
+      const a = _(n), K = !!((w = (V = t.steps) == null ? void 0 : V[e]) != null && w.valid);
+      return a && a.size > 0 || !K ? (i.value = [...a.entries()].flatMap(([de, R]) => R.map((O) => String(O.value))), d.value = !0, !1) : (i.value.splice(0, i.value.length), d.value = !1, !0);
     }
-    function D(e, n) {
-      m().then((a) => {
+    function M(e, n) {
+      v().then((a) => {
         a ? e() : n && typeof n == "function" && n();
       });
     }
-    function M() {
+    function A() {
       t == null || t.goToNextStep();
     }
     async function c() {
-      !S(t) || !await m() || (t != null && t.isLast.value ? b("submit") : t == null || t.goToNextStep());
+      !T(t) || !await v() || (t != null && t.isLast.value ? b("submit") : t == null || t.goToNextStep());
     }
-    const { isEditMode: A } = ae();
+    const { isEditMode: F } = oe();
     async function W() {
-      !t || !await m() || t == null || t.goToStep(Object.keys(t.steps).pop() || "");
+      !t || !await v() || t == null || t.goToStep(Object.keys(t.steps).pop() || "");
     }
-    const j = N(() => t ? t == null ? void 0 : t.isLast.value : !0), F = N(() => [
+    const j = h(() => t ? t == null ? void 0 : t.isLast.value : !0), I = h(() => [
       { "step-actions-container--compact": l.compact },
       l.classList
-    ]);
-    return (e, n) => (o(), s("div", {
-      class: Z([F.value, "step-actions-container"])
+    ]), $ = h(() => l.showDetailedErrorSummary ? "Fehler" : "Bitte füllen Sie alle Pflichtfelder aus und geben Sie gültige Formate an, bevor Sie fortfahren.");
+    return (e, n) => (o(), r("div", {
+      class: G([I.value, "step-actions-container"])
     }, [
-      g("div", oe, [
-        E(A) ? (o(), s(P, { key: 1 }, [
-          j.value ? y((o(), h(u, {
+      g("div", ie, [
+        E(F) ? (o(), r(P, { key: 1 }, [
+          j.value ? x((o(), y(u, {
             key: 1,
             class: "edit-save-button",
             size: "large",
@@ -93,8 +93,8 @@ const oe = { class: "step-actions" }, ie = { class: "step-actions__prev-and-next
             loading: l.loading,
             onClick: c
           }, null, 8, ["variant", "button-text", "icon-end", "loading"])), [
-            [x, !e.hideNext]
-          ]) : (o(), h(u, {
+            [C, !e.hideNext]
+          ]) : (o(), y(u, {
             key: 0,
             class: "edit-save-button",
             size: "large",
@@ -105,41 +105,41 @@ const oe = { class: "step-actions" }, ie = { class: "step-actions__prev-and-next
           }))
         ], 64)) : B(e.$slots, "default", {
           key: 0,
-          handleCancel: T,
-          handlePrevious: v,
+          handleCancel: k,
+          handlePrevious: m,
           handleSubmit: c
         }, () => [
-          r(u, {
-            style: q({ opacity: e.hideCancel ? 0 : 1 }),
+          s(u, {
+            style: H({ opacity: e.hideCancel ? 0 : 1 }),
             variant: "tertiary",
             size: "large",
             type: "button",
             "button-text": e.cancelText,
-            onClick: T
+            onClick: k
           }, null, 8, ["style", "button-text"]),
-          g("div", ie, [
+          g("div", le, [
             B(e.$slots, "prev-and-next", {
               hidePrevious: e.hidePrevious,
               hideNext: e.hideNext,
               previousText: e.previousText,
               nextText: e.nextText,
-              handleNext: M,
-              handlePrevious: v,
+              handleNext: A,
+              handlePrevious: m,
               handleSubmit: c,
               loading: l.loading,
-              validate: D
+              validate: M
             }, () => [
-              y(r(u, {
+              x(s(u, {
                 variant: "secondary",
                 size: "large",
                 type: "button",
                 "button-text": e.previousText,
                 "icon-start": "CaretLeft",
-                onClick: v
+                onClick: m
               }, null, 8, ["button-text"]), [
-                [x, !e.hidePrevious]
+                [C, !e.hidePrevious]
               ]),
-              y(r(u, {
+              x(s(u, {
                 size: "large",
                 variant: e.nextVariant,
                 type: "button",
@@ -148,33 +148,34 @@ const oe = { class: "step-actions" }, ie = { class: "step-actions__prev-and-next
                 loading: l.loading,
                 onClick: c
               }, null, 8, ["variant", "button-text", "icon-end", "loading"]), [
-                [x, !e.hideNext]
+                [C, !e.hideNext]
               ])
             ], !0)
           ])
         ], !0)
       ]),
-      d.value && i.value.length ? (o(), h(ee, {
+      d.value && i.value.length ? (o(), y(te, {
         key: 0,
-        variant: "error"
+        variant: "error",
+        "icon-top": ""
       }, {
-        icon: C(() => [
-          r(E(_), {
+        icon: S(() => [
+          s(E(ee), {
             size: 32,
             color: "currentColor"
           })
         ]),
-        title: C(() => n[2] || (n[2] = [
-          g("p", { style: { margin: "0" } }, " Fehler ", -1)
-        ])),
-        default: C(() => [
-          e.showDetailedErrorSummary ? (o(), s("ul", le, [
-            (o(!0), s(P, null, G(i.value, (a) => (o(), s("li", { key: a }, H(a), 1))), 128))
-          ])) : w("", !0)
+        title: S(() => [
+          g("p", re, z($.value), 1)
+        ]),
+        default: S(() => [
+          e.showDetailedErrorSummary ? (o(), r("ul", se, [
+            (o(!0), r(P, null, J(i.value, (a) => (o(), r("li", { key: a }, z(a), 1))), 128))
+          ])) : N("", !0)
         ]),
         _: 1
-      })) : w("", !0),
-      r(ne, {
+      })) : N("", !0),
+      s(ae, {
         modelValue: f.value,
         "onUpdate:modelValue": n[0] || (n[0] = (a) => f.value = a),
         onCloseWithSaving: n[1] || (n[1] = (a) => b("closeWithSaving"))
@@ -183,5 +184,5 @@ const oe = { class: "step-actions" }, ie = { class: "step-actions__prev-and-next
   }
 });
 export {
-  ye as default
+  Ce as default
 };

package/dist/packages/dpi/src/stories/components/LinkCard.vue.js

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

package/dist/packages/dpi/src/stories/components/LinkCard.vue2.js

@@ -1,52 +1,50 @@
-import { defineComponent as p, ref as s, computed as c, createElementBlock as m, openBlock as h, renderSlot as r, createVNode as i, createElementVNode as v, unref as e } from "vue";
-import { FormKit as l } from "@formkit/vue";
-import a from "../../data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js";
-import f from "../../data-provider-interface/HappyFlowComponents/ui/TextArea/TextAreaDefinition.js";
-const b = { class: "dpiV3_Card_Tips" }, _ = { class: "action-container" }, y = 500, C = /* @__PURE__ */ p({
+import { defineComponent as s, ref as u, computed as m, createElementBlock as p, openBlock as c, renderSlot as r, createVNode as i, createElementVNode as h, unref as t } from "vue";
+import { FormKit as a } from "@formkit/vue";
+import f from "../../data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js";
+import v from "../../data-provider-interface/HappyFlowComponents/ui/TextArea/TextAreaDefinition.js";
+import _ from "../../data-provider-interface/HappyFlowComponents/ui/UrlField.vue.js";
+const b = { class: "dpiV3_Card_Tips" }, B = { class: "action-container" }, V = 500, N = /* @__PURE__ */ s({
   __name: "LinkCard",
-  setup(B) {
-    const n = s(""), d = c(() => {
-      var t;
-      return (t = n.value) == null ? void 0 : t.length;
+  setup(g) {
+    const n = u(""), l = m(() => {
+      var e;
+      return (e = n.value) == null ? void 0 : e.length;
     });
-    return (t, o) => (h(), m("div", b, [
-      r(t.$slots, "default", {}, () => [
-        i(e(l), {
-          type: e(a),
+    return (e, o) => (c(), p("div", b, [
+      r(e.$slots, "default", {}, () => [
+        i(t(a), {
+          type: t(f),
           name: "name",
           "text-label": "Name",
           placeholder: "Benennen Sie den Link.",
           validation: "required"
         }, null, 8, ["type"]),
-        i(e(l), {
-          type: e(a),
+        i(_, {
           name: "url",
-          "text-label": "URL",
-          placeholder: "www.url.com",
-          validation: "required|url"
-        }, null, 8, ["type"]),
-        i(e(l), {
+          required: ""
+        }),
+        i(t(a), {
           id: "Beschreibung",
           modelValue: n.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (u) => n.value = u),
+          "onUpdate:modelValue": o[0] || (o[0] = (d) => n.value = d),
           label: "Beschreibung (optional)",
-          type: e(f),
+          type: t(v),
           name: "description",
           "text-label": "Beschreibung (optional)",
           placeholder: "Beschreiben Sie Ihren weiterführenden Link in ein paar Sätzen.",
           validation: "length:0,500",
           "validation-visibility": "live",
           hint: "true",
-          help: `${d.value} von ${y} Zeichen`,
+          help: `${l.value} von ${V} Zeichen`,
           "count-hint": !0
         }, null, 8, ["modelValue", "type", "help"]),
-        v("div", _, [
-          r(t.$slots, "action", {}, void 0, !0)
+        h("div", B, [
+          r(e.$slots, "action", {}, void 0, !0)
         ])
       ], !0)
     ]));
   }
 });
 export {
-  C as default
+  N as default
 };

package/dist/packages/dpi/src/stories/components/PartnerCard.vue.js

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

package/dist/packages/dpi/src/stories/components/PartnerCard.vue2.js

@@ -1,13 +1,14 @@
-import { defineComponent as l, createElementBlock as o, openBlock as s, renderSlot as i, createVNode as n, createElementVNode as d, unref as e } from "vue";
-import { FormKit as r } from "@formkit/vue";
-import a from "../../data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js";
-const m = { class: "dpiV3_Card_Tips" }, c = { class: "action-container" }, b = /* @__PURE__ */ l({
+import { defineComponent as r, createElementBlock as o, openBlock as a, renderSlot as t, createVNode as i, createElementVNode as l, unref as n } from "vue";
+import { FormKit as s } from "@formkit/vue";
+import d from "../../data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js";
+import m from "../../data-provider-interface/HappyFlowComponents/ui/UrlField.vue.js";
+const c = { class: "dpiV3_Card_Tips" }, p = { class: "action-container" }, b = /* @__PURE__ */ r({
   __name: "PartnerCard",
-  setup(p) {
-    return (t, u) => (s(), o("div", m, [
-      i(t.$slots, "default", {}, () => [
-        n(e(r), {
-          type: e(a),
+  setup(u) {
+    return (e, _) => (a(), o("div", c, [
+      t(e.$slots, "default", {}, () => [
+        i(n(s), {
+          type: n(d),
           name: "name",
           "text-label": "Name",
           placeholder: "Nennen Sie einen Partner.",
@@ -15,17 +16,12 @@ const m = { class: "dpiV3_Card_Tips" }, c = { class: "action-container" }, b = /
           "validation-visibility": "submit",
           "trailing-text": !1
         }, null, 8, ["type"]),
-        n(e(r), {
-          type: e(a),
+        i(m, {
           name: "url",
-          "text-label": "Website",
-          placeholder: "www.url.com",
-          validation: "required|url",
-          "validation-visibility": "submit",
-          "trailing-text": !1
-        }, null, 8, ["type"]),
-        d("div", c, [
-          i(t.$slots, "action", {}, void 0, !0)
+          required: ""
+        }),
+        l("div", p, [
+          t(e.$slots, "action", {}, void 0, !0)
         ])
       ], !0)
     ]));

package/dist/packages/dpi/src/stories/components/ScreenshotCard.vue.js

@@ -1,7 +1,7 @@
 import o from "./ScreenshotCard.vue2.js";
 /* empty css                    */
 import r from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-34e0b2a0"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-052fbdb3"]]);
 export {
-  m as default
+  f as default
 };

package/dist/packages/dpi/src/stories/components/ScreenshotCard.vue2.js

@@ -1,27 +1,22 @@
-import { defineComponent as i, createElementBlock as r, openBlock as n, renderSlot as t, createVNode as a, createElementVNode as l, unref as o } from "vue";
-import { FormKit as s } from "@formkit/vue";
-import d from "../../data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js";
-const c = { class: "dpiV3_Card_Tips" }, m = { class: "action-container" }, v = /* @__PURE__ */ i({
+import { defineComponent as t, createElementBlock as r, openBlock as n, renderSlot as o, createVNode as s, createElementVNode as a } from "vue";
+import "@formkit/vue";
+import c from "../../data-provider-interface/HappyFlowComponents/ui/UrlField.vue.js";
+const i = { class: "dpiV3_Card_Tips" }, d = { class: "action-container" }, f = /* @__PURE__ */ t({
   __name: "ScreenshotCard",
-  setup(p) {
-    return (e, u) => (n(), r("div", c, [
-      t(e.$slots, "default", {}, () => [
-        a(o(s), {
-          type: o(d),
+  setup(_) {
+    return (e, m) => (n(), r("div", i, [
+      o(e.$slots, "default", {}, () => [
+        s(c, {
           name: "homepage",
-          "text-label": "URL",
-          "trailing-text": !1,
-          placeholder: "www.url.com",
-          validation: "required|url",
-          "validation-visibility": "submit"
-        }, null, 8, ["type"]),
-        l("div", m, [
-          t(e.$slots, "action", {}, void 0, !0)
+          required: ""
+        }),
+        a("div", d, [
+          o(e.$slots, "action", {}, void 0, !0)
         ])
       ], !0)
     ]));
   }
 });
 export {
-  v as default
+  f as default
 };

package/dist/packages/dpi/src/utils/twinbyUtils.js

@@ -1,8 +1,32 @@
-const r = "Bitte geben Sie eine korrekte URL ein.";
-function t(e) {
+function f(e) {
   return `${e} ist erforderlich.`;
 }
+function s(e) {
+  return `${e} ist ungültig.`;
+}
+function n(e) {
+  const r = typeof e;
+  if (r === "number")
+    return !1;
+  if (e === void 0)
+    return !0;
+  if (r === "string")
+    return e === "";
+  if (r === "object") {
+    if (e === null)
+      return !0;
+    for (const u in e) return !1;
+    return !(e instanceof RegExp || e instanceof Date);
+  }
+  return !1;
+}
+function i(e) {
+  const r = e.at("$parent");
+  return !r || r.type !== "group" || n(r.value) ? !0 : r.children.some((t) => !n(typeof t.value == "string" ? t.value.trim() : t.value)) ? !n(e.value) : !0;
+}
+i.skipEmpty = !1;
 export {
-  r as URL_MSG,
-  t as generateIsRequiredMsg
+  s as generateIsInvalidMsg,
+  f as generateIsRequiredMsg,
+  i as requireAllIfAny
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@piveau/dpi",
   "type": "module",
-  "version": "0.2.0-alpha.40",
+  "version": "0.2.0-alpha.41",
   "private": false,
   "sideEffects": [
     "*.css",