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

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

@@ -2,8 +2,8 @@
 /* empty css                                 */
 import { createElementBlock as e, openBlock as s, normalizeClass as o, createCommentVNode as a, createElementVNode as i, toDisplayString as c } from "vue";
 import l from "../img/Ellipse2Published.svg.js";
-import m from "../img/Ellipse2Warning.svg.js";
-import n from "../img/Ellipse2Error.svg.js";
+import n from "../img/Ellipse2Warning.svg.js";
+import m from "../img/Ellipse2Error.svg.js";
 /* empty css              */
 import _ from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const d = {
@@ -22,6 +22,10 @@ const d = {
       type: String,
       default: "table"
       // "table", "page", or other custom sizes
+    },
+    hasDotIcon: {
+      type: Boolean,
+      default: !0
     }
   },
   computed: {
@@ -32,33 +36,33 @@ const d = {
       return `state-tag--${this.size}`;
     }
   }
-}, p = {
+}, u = {
   key: 0,
   class: "dot",
   src: l,
   alt: ""
-}, u = {
+}, f = {
   key: 1,
   class: "dot",
-  src: m,
+  src: n,
   alt: ""
-}, f = {
+}, p = {
   key: 2,
   class: "dot",
-  src: n,
+  src: m,
   alt: ""
 }, g = { class: "label" };
-function h(y, C, t, S, b, r) {
+function h(y, b, t, C, S, r) {
   return s(), e("div", {
     class: o(["state-tag", [r.stateClass, r.sizeClass]])
   }, [
-    t.state === "published" ? (s(), e("img", p)) : a("", !0),
-    t.state === "draft" ? (s(), e("img", u)) : a("", !0),
-    t.state === "error" ? (s(), e("img", f)) : a("", !0),
+    t.state === "published" && t.hasDotIcon ? (s(), e("img", u)) : a("", !0),
+    t.state === "draft" && t.hasDotIcon ? (s(), e("img", f)) : a("", !0),
+    t.state === "error" && t.hasDotIcon ? (s(), e("img", p)) : a("", !0),
     i("span", g, c(t.label), 1)
   ], 2);
 }
-const T = /* @__PURE__ */ _(d, [["render", h], ["__scopeId", "data-v-acd8463a"]]);
+const E = /* @__PURE__ */ _(d, [["render", h], ["__scopeId", "data-v-65fb0446"]]);
 export {
-  T as default
+  E as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./SummaryBox.vue2.js";
 /* empty css                */
 import m from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ m(o, [["__scopeId", "data-v-91940b27"]]);
+const p = /* @__PURE__ */ m(o, [["__scopeId", "data-v-36d0d28b"]]);
 export {
   p as default
 };

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

@@ -1,23 +1,27 @@
-import { defineComponent as l, createElementBlock as a, openBlock as n, renderSlot as t, createElementVNode as o, createTextVNode as r, toDisplayString as s } from "vue";
-const i = { class: "summary-box" }, p = { class: "copy-large-regular" }, d = { class: "headline-5" }, _ = /* @__PURE__ */ l({
+import { defineComponent as i, createElementBlock as o, openBlock as s, renderSlot as t, createCommentVNode as p, createTextVNode as r, toDisplayString as l, createElementVNode as d } from "vue";
+const c = { class: "summary-box" }, m = {
+  key: 0,
+  class: "copy-large-regular"
+}, u = { class: "headline-5" }, y = /* @__PURE__ */ i({
   __name: "SummaryBox",
   props: {
     title: {},
     text: {}
   },
-  setup(c) {
-    return (e, u) => (n(), a("div", i, [
+  setup(a) {
+    const n = a;
+    return (e, f) => (s(), o("div", c, [
       t(e.$slots, "title-wrapper", {}, () => [
-        o("div", p, [
+        e.$slots.title || n.title ? (s(), o("div", m, [
           t(e.$slots, "title", {}, () => [
-            r(s(e.title), 1)
+            r(l(e.title), 1)
           ], !0)
-        ])
+        ])) : p("", !0)
       ], !0),
       t(e.$slots, "content-wrapper", {}, () => [
-        o("div", d, [
+        d("div", u, [
           t(e.$slots, "default", {}, () => [
-            r(s(e.text), 1)
+            r(l(e.text), 1)
           ], !0)
         ])
       ], !0)
@@ -25,5 +29,5 @@ const i = { class: "summary-box" }, p = { class: "copy-large-regular" }, d = { c
   }
 });
 export {
-  _ as default
+  y as default
 };

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

@@ -1,5 +1,5 @@
-import { ref as u, watch as $, createElementBlock as N, openBlock as c, Fragment as F, createElementVNode as o, createBlock as v, createCommentVNode as g, withKeys as m, normalizeClass as H, withModifiers as b, unref as n, toDisplayString as x, isRef as T } from "vue";
-import _ from "./StateTag.vue.js";
+import { ref as u, watch as $, createElementBlock as N, openBlock as c, Fragment as F, createElementVNode as o, createBlock as f, createCommentVNode as b, withKeys as h, normalizeClass as H, withModifiers as m, unref as n, toDisplayString as S, isRef as _ } from "vue";
+import w from "./StateTag.vue.js";
 import L from "./Dropdown.vue.js";
 import j from "./ModalSimpleV3.vue.js";
 import q from "./Toast.vue.js";
@@ -8,8 +8,8 @@ import { useRouter as O } from "vue-router";
 import { useDpiUtils as W } from "../../composables/useDpiUtils.js";
 /* empty css                */
 import G from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-import { useDpiContext as S } from "../../composables/useDpiContext.js";
-const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescContainer" }, X = { class: "dpiV3_dsDesc" }, Y = { class: "dpiV3_TableRowStatus" }, Z = { class: "dpiV3_TableRowUpdated" }, ee = { class: "dpiV3_TableRowButtonWrap" }, te = {
+import { useDpiContext as z } from "../../composables/useDpiContext.js";
+const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescContainer" }, X = { class: "dpiV3_dsDesc" }, Y = { class: "dpiV3_TableRowStatus" }, Z = { class: "dpiV3_TableRowUpdated" }, ee = { class: "dpiV3_TableRowStatus" }, te = { class: "dpiV3_TableRowButtonWrap" }, ae = {
   __name: "TableRowV3",
   props: {
     text: {
@@ -19,6 +19,9 @@ const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescCont
     draft: {
       type: Boolean
     },
+    visibility: {
+      type: String
+    },
     date: {
       type: Object,
       required: !0
@@ -28,31 +31,31 @@ const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescCont
     catalogue: String,
     dataset: Object
   },
-  setup(z) {
-    const h = J();
+  setup(g) {
+    const D = J();
     O();
-    let r = u(!1), l = u(!1), f = u(!1), i = u({}), d = u({}), D = u({ edit: { fromDraft: !1 } });
-    S() && (D = S());
-    const s = z, { toEditMode: R } = W(), B = () => {
-      const t = s.draft, e = s.catalogue, a = s.id || s.dataset.id || s.catalogue.id;
-      R({ id: a, catalogId: e, isDraft: t, locale: "de" });
-    }, C = (t, e, a, U) => {
-      console.log(s.dataset), h.dispatch("auth/putDatasetToDraft", { id: t, catalog: e, title: a, description: U });
+    let l = u(!1), i = u(!1), p = u(!1), r = u({}), d = u({}), y = u({ edit: { fromDraft: !1 } });
+    z() && (y = z());
+    const a = g, { toEditMode: R } = W(), B = () => {
+      const t = a.draft, e = a.catalogue, s = a.id || a.dataset.id || a.catalogue.id;
+      R({ id: s, catalogId: e, isDraft: t, locale: "de" });
+    }, C = (t, e, s, U) => {
+      console.log(a.dataset), D.dispatch("auth/putDatasetToDraft", { id: t, catalog: e, title: s, description: U });
     }, M = (t, e) => {
-      h.dispatch("auth/deleteUserDraftById", { id: t, catalog: e });
+      D.dispatch("auth/deleteUserDraftById", { id: t, catalog: e });
     }, A = (t, e) => {
-      h.dispatch("auth/publishUserDraftById", { id: t, catalog: e });
-    }, E = () => {
-      f.value = !1, setTimeout(() => {
-        l.value = !1;
+      D.dispatch("auth/publishUserDraftById", { id: t, catalog: e });
+    }, I = () => {
+      p.value = !1, setTimeout(() => {
+        i.value = !1;
       }, 2e3);
     };
-    $(l, (t) => {
+    $(i, (t) => {
       t && setTimeout(() => {
-        f.value || (l.value = !1);
+        p.value || (i.value = !1);
       }, 2e3);
     });
-    const I = () => s.draft ? [
+    const E = () => a.draft ? [
       { "@value": "Ansehen", selected: !1 },
       { "@value": "Bearbeiten", selected: !1 },
       { "@value": "Veröffentlichen", selected: !1 },
@@ -65,7 +68,7 @@ const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescCont
     ], K = (t) => {
       switch (t) {
         case "publishDataset":
-          A(s.id, s.catalogue), console.log("Datensatz wird veröffentlicht"), l.value = !0, d.value = {
+          A(a.id, a.catalogue), console.log("Datensatz wird veröffentlicht"), i.value = !0, d.value = {
             type: "success",
             text: "Der Datensatz wurde veröffentlicht",
             button: "Ansehen",
@@ -73,7 +76,7 @@ const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescCont
           };
           break;
         case "deleteDataset":
-          M(s.id, s.catalogue), l.value = !0, d.value = {
+          M(a.id, a.catalogue), i.value = !0, d.value = {
             type: "success",
             text: "Der Datensatz wurde erfolgreich gelöscht",
             button: "Rückgängig machen",
@@ -82,131 +85,139 @@ const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescCont
           break;
         case "setToDraft":
           C(
-            s.dataset.id,
-            s.dataset.catalog.id,
-            s.dataset.title,
-            s.dataset.description
-          ), l.value = !0, d.value = {
+            a.dataset.id,
+            a.dataset.catalog.id,
+            a.dataset.title,
+            a.dataset.description
+          ), i.value = !0, d.value = {
             type: "success",
             text: "Der Datensatz wurde erfolgreich zu einem Entwurf zurückgesetzt",
             button: "Rückgängig machen",
             action: "revertToDraft"
           };
       }
-    }, w = (t) => {
+    }, k = (t) => {
       let e = "";
       switch (typeof t == "string" ? e = t : e = t.target.innerText, e) {
         case "Bearbeiten":
           B();
           break;
         case "Veröffentlichen":
-          i.value = {
+          r.value = {
             button: "Veröffentlichen",
             header: "Datensatz veröffentlichen",
             text: "Sind Sie sicher, dass Sie diesen Datensatz veröffentlichen möchten?",
             action: "publishDataset"
-          }, r.value = !0;
+          }, l.value = !0;
           break;
         case "Löschen":
-          i.value = {
+          r.value = {
             button: "Ja, löschen",
             header: "Datensatz endgültig löschen",
             text: "Möchten Sie diesen Datensatz wirklich endgültig löschen? Diese Aktion kann nicht rückgängig gemacht werden. Alle damit verbundenen Daten werden entfernt.",
             action: "deleteDataset"
-          }, r.value = !0;
+          }, l.value = !0;
           break;
         case "Veröffentlichung aufheben":
-          i.value = {
+          r.value = {
             button: "Ja",
             header: "Veröffentlichung aufheben",
             text: "Sind Sie sicher, dass Sie diesen Datensatz zu einem Entwurf zurücksetzen möchten?",
             action: "setToDraft"
-          }, r.value = !0;
+          }, l.value = !0;
           break;
       }
     };
-    let p = u(!1);
-    const k = (t, e) => {
-      e ? p.value = !0 : p.value = !1;
-    }, V = (t) => {
-      t.target.className != "dpiV3_more-button dpiV3_activeState" && (p.value = !0);
-    }, y = (t) => {
-      t.target.className != "dpiV3_more-button dpiV3_activeState" && (p.value = !1);
+    let v = u(!1);
+    const V = (t, e) => {
+      e ? v.value = !0 : v.value = !1;
+    }, T = (t) => {
+      t.target.className != "dpiV3_more-button dpiV3_activeState" && (v.value = !0);
+    }, x = (t) => {
+      t.target.className != "dpiV3_more-button dpiV3_activeState" && (v.value = !1);
     };
     return (t, e) => (c(), N(F, null, [
       o("button", {
         class: H(["dpiV3_tableRowWrapper", {
-          dpiV3_pressedTableRow: n(p),
-          tRowInDraft: s.fromDraft
+          dpiV3_pressedTableRow: n(v),
+          tRowInDraft: a.fromDraft
         }]),
         onKeydown: [
-          e[3] || (e[3] = m(b((a) => V(a), ["prevent"]), ["space"])),
-          e[4] || (e[4] = m(b((a) => V(a), ["prevent"]), ["enter"]))
+          e[3] || (e[3] = h(m((s) => T(s), ["prevent"]), ["space"])),
+          e[4] || (e[4] = h(m((s) => T(s), ["prevent"]), ["enter"]))
         ],
         onKeyup: [
-          e[5] || (e[5] = m((a) => y(a), ["space"])),
-          e[6] || (e[6] = m((a) => y(a), ["enter"]))
+          e[5] || (e[5] = h((s) => x(s), ["space"])),
+          e[6] || (e[6] = h((s) => x(s), ["enter"]))
         ]
       }, [
         o("div", P, [
           o("div", {
             class: "dpiV3_tableRowContent",
-            onMousedown: e[0] || (e[0] = b((a) => k(a, !0), ["prevent"])),
-            onMouseup: e[1] || (e[1] = b((a) => k(a, !1), ["prevent"])),
-            onClick: e[2] || (e[2] = (a) => w("Bearbeiten"))
+            onMousedown: e[0] || (e[0] = m((s) => V(s, !0), ["prevent"])),
+            onMouseup: e[1] || (e[1] = m((s) => V(s, !1), ["prevent"])),
+            onClick: e[2] || (e[2] = (s) => k("Bearbeiten"))
           }, [
             o("div", Q, [
-              o("span", X, x(s.text), 1)
+              o("span", X, S(a.text), 1)
             ]),
             o("div", Y, [
-              s.draft ? (c(), v(_, {
+              a.draft ? (c(), f(w, {
                 key: 1,
                 label: "Entwurf",
                 state: "draft"
-              })) : (c(), v(_, {
+              })) : (c(), f(w, {
                 key: 0,
                 label: "Freigegeben",
                 state: "published"
               })),
-              o("span", Z, " Updated am: " + x(s.date), 1)
+              o("span", Z, " Updated am: " + S(a.date), 1)
+            ]),
+            o("div", ee, [
+              g.visibility ? (c(), f(w, {
+                key: 0,
+                label: g.visibility,
+                state: a.draft ? "draft" : "published",
+                hasDotIcon: !1
+              }, null, 8, ["label", "state"])) : b("", !0)
             ])
           ], 32),
-          o("div", ee, [
-            n(D).edit.fromDraft ? g("", !0) : (c(), v(L, {
+          o("div", te, [
+            n(y).edit.fromDraft ? b("", !0) : (c(), f(L, {
               key: 0,
-              onClick: w,
+              onClick: k,
               type: "moreButton",
               alignment: "right",
               text: {
                 support: "This is a supporting message"
               },
-              data: I()
+              data: E()
             }, null, 8, ["data"]))
           ])
         ])
       ], 34),
-      n(r) ? (c(), v(j, {
+      n(l) ? (c(), f(j, {
         key: 0,
-        buttons: n(i).button,
-        headerText: n(i).header,
-        text: n(i).text,
-        onClose: e[7] || (e[7] = (a) => T(r) ? r.value = !1 : r = !1),
-        action: n(i).action,
-        onActionHandling: e[8] || (e[8] = (a) => K(a))
-      }, null, 8, ["buttons", "headerText", "text", "action"])) : g("", !0),
-      n(l) ? (c(), v(q, {
+        buttons: n(r).button,
+        headerText: n(r).header,
+        text: n(r).text,
+        onClose: e[7] || (e[7] = (s) => _(l) ? l.value = !1 : l = !1),
+        action: n(r).action,
+        onActionHandling: e[8] || (e[8] = (s) => K(s))
+      }, null, 8, ["buttons", "headerText", "text", "action"])) : b("", !0),
+      n(i) ? (c(), f(q, {
         key: 1,
         type: n(d).type,
         text: n(d).text,
         class: "dpiV3_tableToast",
         button: n(d).button,
         action: n(d).action,
-        onMouseenter: e[9] || (e[9] = (a) => T(f) ? f.value = !0 : f = !0),
-        onMouseleave: E
-      }, null, 8, ["type", "text", "button", "action"])) : g("", !0)
+        onMouseenter: e[9] || (e[9] = (s) => _(p) ? p.value = !0 : p = !0),
+        onMouseleave: I
+      }, null, 8, ["type", "text", "button", "action"])) : b("", !0)
     ], 64));
   }
-}, pe = /* @__PURE__ */ G(te, [["__scopeId", "data-v-4aa67196"]]);
+}, ve = /* @__PURE__ */ G(ae, [["__scopeId", "data-v-9f89e274"]]);
 export {
-  pe as default
+  ve as default
 };

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

@@ -1,10 +1,10 @@
-import { ref as o, watch as V, createElementBlock as c, openBlock as d, createElementVNode as l, createCommentVNode as p, createBlock as T, toDisplayString as f, normalizeStyle as C, normalizeClass as h, unref as u, withDirectives as H, vModelText as z } from "vue";
-import A from "./TextButtonSmall.vue.js";
+import { ref as a, watch as y, createElementBlock as c, openBlock as d, createElementVNode as l, createCommentVNode as p, createBlock as S, toDisplayString as f, normalizeStyle as T, normalizeClass as v, unref as s, withDirectives as C, vModelText as A } from "vue";
+import H from "./TextButtonSmall.vue.js";
 /* empty css                                */
 /* empty css                                 */
 /* empty css                */
 import L from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const R = { class: "dpiV3_input-field V3-typography" }, j = { class: "dpiV3_InputFieldBase" }, N = { class: "dpiV3_InputWithLabel" }, O = { class: "dpiV3_Top" }, U = { class: "dpiV3_Label" }, W = { class: "dpiV3_label copy-small-regular" }, $ = ["disabled", "maxlength", "placeholder"], q = {
+const j = { class: "dpiV3_input-field V3-typography" }, z = { class: "dpiV3_InputFieldBase" }, N = { class: "dpiV3_InputWithLabel" }, R = { class: "dpiV3_Top" }, O = { class: "dpiV3_Label" }, U = { class: "dpiV3_label copy-small-regular" }, W = ["disabled", "maxlength", "placeholder"], q = {
   key: 1,
   class: "dpiV3_errorText copy-small-regular"
 }, G = {
@@ -50,52 +50,48 @@ const R = { class: "dpiV3_input-field V3-typography" }, j = { class: "dpiV3_Inpu
     }
   },
   emits: ["update:modelValue", "deleteClicked"],
-  setup(e, { emit: g }) {
-    const n = e, v = g;
-    let s = o(!1), x = o(!1);
-    const m = o(null);
-    let w = o(!1), t = o("inset 0 0 0 1px var(--neutral-30, #687178)"), i = o(!1), b = o(!1);
-    const r = o(n.modelValue);
-    V(
-      () => n.modelValue,
-      (a) => {
-        r.value = a;
+  setup(e, { emit: V }) {
+    const o = e, h = V;
+    let n = a(!1), x = a(!1);
+    const g = a(null);
+    let w = a(!1), t = a("inset 0 0 0 1px var(--neutral-30, #687178)"), u = a(!1), m = a(!1);
+    const i = a(o.modelValue);
+    y(
+      () => o.modelValue,
+      (r) => {
+        i.value = r;
       }
-    ), V(r, (a) => {
-      v("update:modelValue", a);
+    ), y(i, (r) => {
+      h("update:modelValue", r);
     });
     function _() {
-      v("deleteClicked");
+      h("deleteClicked");
     }
     function B() {
-      w.value = !1, i.value = !0, s.value = !0, t.value = "0 0 0 2px var(--blue-70, #009FE3)";
+      w.value = !1, u.value = !0, n.value = !0, t.value = "0 0 0 2px var(--blue-70, #009FE3)";
     }
     function E() {
-      i.value = !1, s.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
+      u.value = !1, n.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
     }
     function I() {
-      b.value = !0, t.value = "inset 0 0 0 1px var(--neutral-60, #687178)", i.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+      m.value = !0, t.value = "inset 0 0 0 1px var(--neutral-60, #687178)", u.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
     }
     function M() {
-      b.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)", i.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+      m.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)", u.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
     }
     function F() {
-      s.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+      n.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
     }
     function k() {
       t.value = "inset 0 0 0 2px var(--Focused)";
     }
-    function D() {
-      const a = m.value;
-      a.style.height = "auto", a.style.height = `${Math.min(a.scrollHeight, 372)}px`;
-    }
-    return (a, y) => (d(), c("div", R, [
-      l("div", j, [
+    return (r, b) => (d(), c("div", j, [
+      l("div", z, [
         l("div", N, [
-          l("div", O, [
-            l("div", U, [
-              l("label", W, f(n.label), 1),
-              e.showDeleteButton ? (d(), T(A, {
+          l("div", R, [
+            l("div", O, [
+              l("label", U, f(o.label), 1),
+              e.showDeleteButton ? (d(), S(H, {
                 key: 0,
                 "button-text": "löschen",
                 tabindex: "0",
@@ -104,23 +100,23 @@ const R = { class: "dpiV3_input-field V3-typography" }, j = { class: "dpiV3_Inpu
             ])
           ]),
           l("div", {
-            class: h(["dpiV3_Input", {
+            class: v(["dpiV3_Input", {
               dpiV3_disabled: e.isDisabled,
-              "error-state": e.showError && !u(s) && !u(x),
-              "focused-error-state": e.showError && u(s),
-              "filled-error-state": e.showError && u(x)
+              "error-state": e.showError && !s(n) && !s(x),
+              "focused-error-state": e.showError && s(n),
+              "filled-error-state": e.showError && s(x)
             }]),
-            style: C({ "box-shadow": u(t) }),
+            style: T({ "box-shadow": s(t) }),
             onMouseenter: I,
             onMouseleave: M,
             onMousedown: F
           }, [
-            H(l("textarea", {
+            C(l("textarea", {
               ref_key: "inputRef",
-              ref: m,
-              "onUpdate:modelValue": y[0] || (y[0] = (S) => r.value = S),
+              ref: g,
+              "onUpdate:modelValue": b[0] || (b[0] = (D) => i.value = D),
               type: "text",
-              class: h(["dpiV3_textArea copy-large-regular", {
+              class: v(["dpiV3_textArea copy-large-regular", {
                 "error-state": e.showError,
                 dpiV3_input_disabled: e.isDisabled
               }]),
@@ -129,16 +125,15 @@ const R = { class: "dpiV3_input-field V3-typography" }, j = { class: "dpiV3_Inpu
               placeholder: e.placeholder,
               onFocus: B,
               onBlur: E,
-              onMousedown: k,
-              onInput: D
-            }, null, 42, $), [
-              [z, r.value]
+              onMousedown: k
+            }, null, 42, W), [
+              [A, i.value]
             ])
           ], 38)
         ]),
         e.hint && !e.showError ? (d(), c("div", {
           key: 0,
-          class: h(["dpiV3_hintText", { "copy-large-semi-bold justify-content-end": n.countHint, "copy-small-regular": !n.countHint }])
+          class: v(["dpiV3_hintText", { "copy-large-semi-bold justify-content-end": o.countHint, "copy-small-regular": !o.countHint }])
         }, [
           l("span", null, f(e.hintMessage), 1)
         ], 2)) : p("", !0),
@@ -148,7 +143,7 @@ const R = { class: "dpiV3_input-field V3-typography" }, j = { class: "dpiV3_Inpu
       ])
     ]));
   }
-}, Z = /* @__PURE__ */ L(G, [["__scopeId", "data-v-85b71c6c"]]);
+}, Z = /* @__PURE__ */ L(G, [["__scopeId", "data-v-d3d8298f"]]);
 export {
   Z 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 c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4b1aabda"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a96dc312"]]);
 export {
-  c as default
+  a as default
 };