@piveau/dpi 0.2.0-alpha.7 → 0.2.0-alpha.8

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-550c891e"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-242c6637"]]);
 export {
   p as default
 };

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

@@ -1,31 +1,32 @@
-import { defineComponent as p, ref as s, computed as c, createElementBlock as m, openBlock as h, renderSlot as r, createVNode as l, createElementVNode as v, unref as e } from "vue";
-import { FormKit as i } from "@formkit/vue";
+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({
+const b = { class: "dpiV3_Card_Tips" }, _ = { class: "action-container" }, x = 500, C = /* @__PURE__ */ p({
   __name: "LinkCard",
-  setup(B) {
+  setup(y) {
     const n = s(""), d = c(() => {
       var t;
       return (t = n.value) == null ? void 0 : t.length;
     });
     return (t, o) => (h(), m("div", b, [
       r(t.$slots, "default", {}, () => [
-        l(e(i), {
+        i(e(l), {
           type: e(a),
           name: "name",
           "text-label": "Name",
           placeholder: "Benennen Sie den Link.",
           validation: "required"
         }, null, 8, ["type"]),
-        l(e(i), {
+        i(e(l), {
           type: e(a),
           name: "url",
+          "add-on-text": !0,
           "text-label": "URL",
           placeholder: "www.url.com",
-          validation: "url"
+          validation: "required|url"
         }, null, 8, ["type"]),
-        l(e(i), {
+        i(e(l), {
           id: "Beschreibung",
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (u) => n.value = u),
@@ -37,7 +38,7 @@ const b = { class: "dpiV3_Card_Tips" }, _ = { class: "action-container" }, y = 5
           validation: "length:0,500",
           "validation-visibility": "live",
           hint: "true",
-          help: `${d.value} von ${y} Zeichen`,
+          help: `${d.value} von ${x} Zeichen`,
           "count-hint": !0
         }, null, 8, ["modelValue", "type", "help"]),
         v("div", _, [

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 p = /* @__PURE__ */ o(r, [["__scopeId", "data-v-11c633d3"]]);
+const m = /* @__PURE__ */ o(r, [["__scopeId", "data-v-9d837a2d"]]);
 export {
-  p as default
+  m as default
 };

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

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

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-99b956bb"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1d05c3a6"]]);
 export {
-  m as default
+  e as default
 };

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

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

package/package.json

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

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

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

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

@@ -1,45 +0,0 @@
-import { defineComponent as s, ref as u, computed as c, createElementBlock as p, openBlock as m, renderSlot as i, createVNode as l, createElementVNode as h, unref as t } from "vue";
-import { FormKit as r } from "@formkit/vue";
-import v from "../../data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js";
-import f from "../../data-provider-interface/HappyFlowComponents/ui/TextArea/TextAreaDefinition.js";
-const _ = { class: "dpiV3_Card_Tips" }, b = { class: "action-container" }, B = 500, M = /* @__PURE__ */ s({
-  __name: "MethodsCard",
-  setup(V) {
-    const o = u(""), a = c(() => {
-      var e;
-      return (e = o.value) == null ? void 0 : e.length;
-    });
-    return (e, n) => (m(), p("div", _, [
-      i(e.$slots, "default", {}, () => [
-        l(t(r), {
-          type: t(v),
-          name: "name",
-          "text-label": "Name der Methode",
-          placeholder: "Benennen Sie die Methode.",
-          validation: "required"
-        }, null, 8, ["type"]),
-        l(t(r), {
-          id: "Beschreibung",
-          modelValue: o.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (d) => o.value = d),
-          label: "Beschreibung",
-          type: t(f),
-          name: "description",
-          "text-label": "Beschreibung (optional)",
-          placeholder: "Beschreiben Sie die Methode.",
-          validation: "length:0,500",
-          "validation-visibility": "live",
-          hint: "true",
-          help: `${a.value} von ${B} Zeichen`,
-          "count-hint": !0
-        }, null, 8, ["modelValue", "type", "help"]),
-        h("div", b, [
-          i(e.$slots, "action", {}, void 0, !0)
-        ])
-      ], !0)
-    ]));
-  }
-});
-export {
-  M as default
-};