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

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

@@ -0,0 +1,30 @@
+import { defineComponent as a, createBlock as r, openBlock as o, unref as e } from "vue";
+import { FormKit as l } from "@formkit/vue";
+import { generateIsInvalidMsg as n } from "../../../utils/twinbyUtils.js";
+import m from "./InputField/InputFieldDefinition.js";
+const v = /* @__PURE__ */ a({
+  __name: "UrlField",
+  props: {
+    name: {},
+    required: { type: Boolean }
+  },
+  setup(t) {
+    const i = t;
+    return (s, p) => (o(), r(e(l), {
+      type: e(m),
+      name: i.name,
+      "text-label": "URL",
+      "trailing-text": !1,
+      placeholder: "https://www.url.com",
+      validation: i.required ? "required|url" : "url",
+      "validation-visibility": "submit",
+      "validation-label": "URL",
+      "validation-messages": {
+        url: e(n)("URL")
+      }
+    }, null, 8, ["type", "name", "validation", "validation-messages"]));
+  }
+});
+export {
+  v as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./UrlField.vue.js";
+export {
+  f as default
+};

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

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

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

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

package/dist/packages/dpi/src/data-provider-interface/composables/useFormKitMessages.js

@@ -0,0 +1,14 @@
+import { toRef as c, computed as o } from "vue";
+function g(n) {
+  const r = c(n), e = o(() => {
+    var s, t;
+    return ((t = (s = r.value) == null ? void 0 : s.context) == null ? void 0 : t.messages) || {};
+  }), a = o(() => Object.keys(e.value).length > 0);
+  return {
+    validationMessages: e,
+    hasError: a
+  };
+}
+export {
+  g as useFormKitMessages
+};

package/dist/packages/dpi/src/data-provider-interface/composables/useFormKitSummary.js

@@ -0,0 +1,46 @@
+import { parentSymbol as g } from "@formkit/vue";
+import { whenever as h } from "@vueuse/core";
+import { toRef as w, computed as n, inject as b, ref as p, nextTick as v } from "vue";
+function S(d) {
+  const o = w(d), c = n(() => (o == null ? void 0 : o.value) || b(g, void 0));
+  let s = null, r = null;
+  const a = p([]), i = p(!1), m = n(() => {
+    const e = [];
+    return a.value.forEach((t) => {
+      for (const l in t.messages) {
+        const u = t.messages[l];
+        typeof u.value == "string" && e.push({
+          message: u.value,
+          id: t.id,
+          key: `${t.id}-${u.key}`,
+          type: u.type
+        });
+      }
+    }), e;
+  }), f = () => {
+    var e;
+    a.value = [], (e = c.value) == null || e.walk(
+      (t) => t.context && a.value.push(t.context)
+    );
+  };
+  h(c, (e, t, l) => {
+    s && (t == null || t.off(s), t == null || t.off(r)), e && (s = e.on("submit-raw", async () => {
+      f(), m.value.length !== 0 && (i.value = !0, await v());
+    }), r = e.on("child", f), l(() => {
+      e == null || e.off(s || ""), e == null || e.off(r || "");
+    }));
+  }, {
+    immediate: !0
+  });
+  async function y() {
+    f(), m.value.length !== 0 && (i.value = !0, await v());
+  }
+  return {
+    summaries: m,
+    showSummaries: i,
+    submit: y
+  };
+}
+export {
+  S as useFormKitSummary
+};

package/dist/packages/dpi/src/data-provider-interface/utils/useSteps.js

@@ -1,43 +1,49 @@
-import { getNode as p, createMessage as f } from "@formkit/core";
-import { ref as s, reactive as v, watch as g, toRef as m } from "vue";
-function y() {
-  const r = s(""), a = v({});
+import { getNode as v, createMessage as o } from "@formkit/core";
+import { ref as s, reactive as f, watch as g, toRef as m } from "vue";
+function h() {
+  const i = s(""), a = f({});
   let u = s([]);
-  const i = s([]);
-  function n(t) {
-    const e = p(t);
-    e !== void 0 && e.walk((c) => {
-      c.store.set(
-        f({
+  const r = s([]);
+  function n(e) {
+    const t = v(e);
+    t !== void 0 && (t.walk((p) => {
+      p.store.set(
+        o({
           key: "submitted",
           value: !0,
           visible: !1
         })
       );
-    });
+    }), t.store.set(
+      o({
+        key: "submitted",
+        value: !0,
+        visible: !1
+      })
+    ));
   }
   function l() {
-    n(r.value);
+    n(i.value);
   }
-  function o() {
-    i.value.forEach((t) => {
-      n(t);
+  function c() {
+    r.value.forEach((e) => {
+      n(e);
     });
   }
-  return g(r, (t, e) => {
-    e && !i.value.includes(e) && i.value.push(e), o();
-  }), { visitedSteps: i, activeStep: r, steps: a, subSteps: u, stepPlugin: (t) => {
-    if (t.props.type == "group")
-      return a[t.name] = a[t.name] || {}, t.on("created", () => {
-        const e = m(t.context.state, "valid");
-        a[t.name].valid = e;
-      }), t.on("count:blocking", ({ payload: e }) => {
-        a[t.name].blockingCount = e;
-      }), t.on("count:errors", ({ payload: e }) => {
-        a[t.name].errorCount = e;
-      }), r.value === "" && (r.value = t.name), u.value.push(t.value), !1;
-  }, triggerValidation: o, triggerValidationCurrentStep: l };
+  return g(i, (e, t) => {
+    t && !r.value.includes(t) && r.value.push(t);
+  }), { visitedSteps: r, activeStep: i, steps: a, subSteps: u, stepPlugin: (e) => {
+    if (e.props.type == "group")
+      return a[e.name] = a[e.name] || {}, e.on("created", () => {
+        const t = m(e.context.state, "valid");
+        a[e.name].valid = t;
+      }), e.on("count:blocking", ({ payload: t }) => {
+        a[e.name].blockingCount = t;
+      }), e.on("count:errors", ({ payload: t }) => {
+        a[e.name].errorCount = t;
+      }), i.value === "" && (i.value = e.name), u.value.push(e.value), !1;
+  }, triggerValidation: c, triggerValidationCurrentStep: l };
 }
 export {
-  y as default
+  h 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
 };