@piveau/dpi 0.1.0-beta.5 → 0.1.0-beta.50

package/dist/data-provider-interface/HappyFlowComponents/ui/SectionItems/HVDSwitch.vue.js

@@ -1,52 +1,82 @@
-import { ref as o, createElementBlock as v, openBlock as b, Fragment as m, createElementVNode as s, createVNode as n, unref as d, toDisplayString as h, getCurrentInstance as V } from "vue";
-import w from "../SwitchV3.vue.js";
-import _ from "../Dropdown.vue.js";
-import { getHvdCategories as y } from "../../services/dpiV3_apis.js";
-import { getNode as S } from "@formkit/core";
+import { ref as o, onMounted as V, createElementBlock as y, openBlock as p, Fragment as D, createElementVNode as v, createVNode as w, createBlock as _, toDisplayString as S, getCurrentInstance as k } from "vue";
+import C from "../SwitchV3.vue.js";
+import F from "../Dropdown.vue.js";
+import { getHvdCategories as H } from "../../services/dpiV3_apis.js";
+import { useFormValues as x } from "../../../composables/useDpiFormValues.js";
 /* empty css               */
-const C = { class: "dpiV3_findabilitySwitchWrapper" }, D = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, E = {
+const I = { class: "dpiV3_findabilitySwitchWrapper" }, P = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, W = {
   __name: "HVDSwitch",
   props: {
     context: Object
   },
-  setup(k) {
-    const l = o(!1);
-    let i = o([{ isValid: !0 }]);
-    const r = o([]), c = o([]), p = (e) => {
-      i.value[0].isValid = !1, l.value = !e, console.log(l);
-    }, u = async () => {
+  setup(T) {
+    const { formValues: t } = x(), s = o(!1), c = o(0), r = o("");
+    o([{ isValid: !0 }]);
+    const i = o([]), f = o([]), b = (a) => {
+      if (s.value = a, !a) {
+        r.value = "";
+        const e = t.value.Discoverability;
+        e[Object.keys(e)[1]] = [{ isValid: !1 }], i.value.forEach((l) => l.selected = !1);
+      }
+    }, h = async () => {
       try {
-        const e = V().appContext.app.config.globalProperties.$env, t = await y(e.api.baseUrl);
-        c.value = t, r.value = t.map((a) => ({
-          label: a.pref_label.de,
-          uri: a.resource,
-          "@value": a.pref_label.de,
+        const a = k().appContext.app.config.globalProperties.$env, e = await H(a.api.baseUrl);
+        f.value = e, i.value = e.map((l) => ({
+          label: l.pref_label.de,
+          uri: l.resource,
+          "@value": l.pref_label.de,
           selected: !1
-          // oder eine andere Eigenschaft, die du binden möchtest
-        }));
-      } catch (e) {
-        console.error("Error in component:", e), error.value = e;
+        })), m();
+      } catch (a) {
+        console.error("Error in component:", a);
+      }
+    }, m = () => {
+      var e, l, u;
+      const a = (u = (l = (e = t.value) == null ? void 0 : e.Discoverability) == null ? void 0 : l.hvdPage) == null ? void 0 : u[0];
+      if (a && a.isValid && a.label) {
+        s.value = !0;
+        const d = i.value.find(
+          (n) => n.label === a.label || n.uri === a.uri
+        );
+        d && (i.value.forEach((n) => n.selected = !1), d.selected = !0, r.value = d.label), c.value++;
+      }
+    }, g = (a) => {
+      const e = i.value.find(
+        (l) => l.label === a.target.innerHTML
+      );
+      if (e) {
+        t.value.DistributionSimple.hvdNotation === void 0 && (t.value.DistributionSimple.hvdNotation = {}), t.value.DistributionSimple.hvdNotation = {
+          hvdUri: e.uri
+        }, r.value = e.label;
+        const l = t.value.Discoverability;
+        l[Object.keys(l)[1]] = [
+          {
+            isValid: !0,
+            label: e.label,
+            uri: e.uri
+          }
+        ];
       }
-    }, f = (e) => {
-      const t = r.value.find((g) => g.label === e.target.innerHTML), a = S("Discoverability").value;
-      a[Object.keys(a)[1]] = [{ isValid: !0, label: t.label, uri: t.uri }];
     };
-    return u(), (e, t) => (b(), v(m, null, [
-      s("div", C, [
-        n(w, {
-          onSwitchToggled: t[0] || (t[0] = (a) => d(i)[0].isValid === !0 ? p(l.value) : (d(i)[0].isValid = !0, l.value = !l.value)),
+    return V(() => {
+      h();
+    }), (a, e) => (p(), y(D, null, [
+      v("div", I, [
+        (p(), _(C, {
+          onSwitchToggled: b,
           hasIcon: !1,
-          defaultChecked: !1,
-          disabled: !1
-        }),
-        s("div", D, h(e.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
+          defaultChecked: s.value,
+          disabled: !1,
+          key: c.value
+        }, null, 8, ["defaultChecked"])),
+        v("div", P, S(a.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
       ]),
-      n(_, {
+      w(F, {
         dropdownWidth: "large",
-        isDisabled: !l.value,
+        isDisabled: !s.value,
         type: "inputField",
         inputFieldProps: {
-          isDisabled: !l.value,
+          isDisabled: !s.value,
           addOnText: !1,
           initialHintText: !1,
           datePicker: !1,
@@ -57,12 +87,13 @@ const C = { class: "dpiV3_findabilitySwitchWrapper" }, D = { class: "dpiV3_Switc
           placeholder: "Wählen Sie eine HVD-Kategorie",
           inputFieldSize: "large"
         },
-        data: r.value,
-        onClick: t[1] || (t[1] = (a) => f(a))
-      }, null, 8, ["isDisabled", "inputFieldProps", "data"])
+        data: i.value,
+        modelValue: r.value,
+        onClick: e[0] || (e[0] = (l) => g(l))
+      }, null, 8, ["isDisabled", "inputFieldProps", "data", "modelValue"])
     ], 64));
   }
 };
 export {
-  E as default
+  W as default
 };

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

@@ -1,14 +1,17 @@
-import { ref as u, watch as K, createElementBlock as N, openBlock as p, Fragment as U, createElementVNode as o, createBlock as v, createCommentVNode as k, withKeys as b, normalizeClass as $, withModifiers as h, unref as s, toDisplayString as y, createVNode as H, isRef as T } from "vue";
-import x from "./StateTag.vue.js";
-import L from "./Dropdown.vue.js";
-import j from "./ModalSimpleV3.vue.js";
-import q from "./Toast.vue.js";
-import { useStore as F } from "vuex";
-import { useRouter as J } from "vue-router";
-import { useDpiUtils as O } from "../../composables/useDpiUtils.js";
+import { ref as d, computed as M, watch as Q, createElementBlock as X, openBlock as p, Fragment as Y, createElementVNode as f, createBlock as h, createCommentVNode as x, withKeys as b, normalizeClass as Z, withModifiers as m, unref as o, toDisplayString as ee, isRef as A } from "vue";
+import E from "./StateTag.vue.js";
+import te from "./Dropdown.vue.js";
+import ae from "./ModalSimpleV3.vue.js";
+import ne from "./Toast.vue.js";
+import { useStore as se } from "vuex";
+import { useRouter as le } from "vue-router";
+import { useDpiUtils as oe } from "../../composables/useDpiUtils.js";
+import re from "axios";
+import { useRuntimeEnv as ie } from "../../../composables/useRuntimeEnv.js";
 /* empty css                */
-import W from "../../../_virtual/_plugin-vue_export-helper.js";
-const G = { class: "dpiV3_tableRowInner" }, P = { class: "dpiV3_TableRowDescContainer" }, Q = { class: "dpiV3_dsDesc" }, X = { class: "dpiV3_TableRowStatus" }, Y = { class: "dpiV3_TableRowUpdated" }, Z = { class: "dpiV3_TableRowButtonWrap" }, ee = {
+import ue from "../../../_virtual/_plugin-vue_export-helper.js";
+import { useDpiContext as U } from "../../composables/useDpiContext.js";
+const ce = { class: "dpiV3_tableRowInner" }, de = { class: "dpiV3_TableRowDescContainer" }, fe = { class: "dpiV3_dsDesc" }, ve = { class: "dpiV3_TableRowStatus" }, pe = { class: "dpiV3_TableRowButtonWrap" }, ge = {
   __name: "TableRowV3",
   props: {
     text: {
@@ -27,30 +30,84 @@ const G = { class: "dpiV3_tableRowInner" }, P = { class: "dpiV3_TableRowDescCont
     catalogue: String,
     dataset: Object
   },
-  setup(_) {
-    const m = F();
-    J();
-    let r = u(!1), l = u(!1), c = u(!1), i = u({}), d = u({});
-    const n = _, { toEditMode: S } = O(), z = () => {
-      const t = n.draft, e = n.catalogue, a = n.id || n.dataset.id || n.catalogue.id;
-      S({ id: a, catalogId: e, isDraft: t, locale: "de" });
-    }, R = (t, e, a, A) => {
-      console.log(n.dataset), m.dispatch("auth/putDatasetToDraft", { id: t, catalog: e, title: a, description: A });
-    }, B = (t, e) => {
-      m.dispatch("auth/deleteUserDraftById", { id: t, catalog: e });
-    }, C = (t, e) => {
-      m.dispatch("auth/publishUserDraftById", { id: t, catalog: e });
-    }, M = () => {
-      c.value = !1, setTimeout(() => {
-        l.value = !1;
+  setup(L) {
+    const D = se(), w = le();
+    let u = d(!1), s = d(!1), r = d(!1), c = d({}), i = d({}), V = d({ edit: { fromDraft: !1 } }), l = d(!1);
+    U() && (V = U());
+    const z = ie(), S = M(() => D.getters["auth/getUserData"]), K = M(() => S.value && S.value.rtpToken), t = L, { toEditMode: N } = oe(), H = () => {
+      const n = t.draft, e = t.catalogue, a = t.id || t.dataset.id || t.catalogue.id;
+      N({ id: a, catalogId: e, isDraft: n, locale: "de" });
+    }, J = () => {
+      switch (i.value.action) {
+        case "goToDataset":
+          l.value = !0;
+          const n = t.id || t.dataset.id, e = new URL(z.api.baseUrl).origin + "/";
+          r.value = !1, s.value = !1, setTimeout(() => {
+            window.location.href = e + "datasets/" + n + "?locale=de";
+          }, 500);
+          break;
+        case "revertDeletion":
+          l.value = !0, k(), setTimeout(() => {
+            l.value = !1;
+          }, 200);
+          break;
+        case "revertToDraft":
+          l.value = !0, k(), setTimeout(() => {
+            l.value = !1;
+          }, 200);
+          break;
+      }
+    }, P = (n, e, a, v) => {
+      const y = async () => {
+        await D.dispatch("auth/putDatasetToDraft", {
+          id: n,
+          catalog: e,
+          title: a,
+          description: v
+        }), w.go();
+      }, T = setInterval(() => {
+        if (console.log(
+          !s.value,
+          !r.value,
+          !l.value
+        ), l.value) {
+          clearInterval(T);
+          return;
+        }
+        !s.value && !r.value && !l.value && (clearInterval(T), y());
+      }, 100);
+    }, j = (n, e) => {
+      const a = async () => {
+        await D.dispatch("auth/publishUserDraftById", { id: n, catalog: e }), l.value || w.go();
+      }, v = setInterval(() => {
+        (l.value || !s.value && !r.value) && (clearInterval(v), a());
+      }, 100);
+    }, I = (n, e) => {
+      const a = n || t.dataset && t.dataset.id || t.catalogue && t.catalogue.id, v = e || t.catalogue, y = z.api.hubUrl, O = !!t.draft ? `drafts/datasets/${a}?catalogue=${v}` : `datasets/${a}?useNormalizedId=true&catalogue=${v}`, W = `${y}${O}`, G = async () => {
+        await re.delete(W, {
+          headers: {
+            "Content-Type": "text/turtle",
+            Authorization: `Bearer ${K.value}`
+          }
+        }), w.go();
+      }, $ = setInterval(() => {
+        if (l.value) {
+          clearInterval($);
+          return;
+        }
+        !s.value && !r.value && !l.value && (clearInterval($), G());
+      }, 100);
+    }, k = () => {
+      r.value = !1, setTimeout(() => {
+        s.value = !1;
       }, 2e3);
     };
-    K(l, (t) => {
-      t && setTimeout(() => {
-        c.value || (l.value = !1);
+    Q(s, (n) => {
+      n && setTimeout(() => {
+        r.value || (s.value = !1);
       }, 2e3);
     });
-    const E = () => n.draft ? [
+    const q = () => t.draft ? [
       { "@value": "Bearbeiten", selected: !1 },
       { "@value": "Veröffentlichen", selected: !1 },
       { "@value": "Löschen", selected: !1 }
@@ -58,10 +115,10 @@ const G = { class: "dpiV3_tableRowInner" }, P = { class: "dpiV3_TableRowDescCont
       { "@value": "Bearbeiten", selected: !1 },
       { "@value": "Veröffentlichung aufheben", selected: !1 },
       { "@value": "Löschen", selected: !1 }
-    ], I = (t) => {
-      switch (t) {
+    ], F = (n) => {
+      switch (n) {
         case "publishDataset":
-          C(n.id, n.catalogue), console.log("Datensatz wird veröffentlicht"), l.value = !0, d.value = {
+          j(t.id, t.catalogue), console.log("Datensatz wird veröffentlicht"), s.value = !0, i.value = {
             type: "success",
             text: "Der Datensatz wurde veröffentlicht",
             button: "Ansehen",
@@ -69,139 +126,159 @@ const G = { class: "dpiV3_tableRowInner" }, P = { class: "dpiV3_TableRowDescCont
           };
           break;
         case "deleteDataset":
-          B(n.id, n.catalogue), l.value = !0, d.value = {
-            type: "success",
-            text: "Der Datensatz wurde erfolgreich gelöscht",
-            button: "Rückgängig machen",
-            action: "revertDeletion"
-          };
+          (async () => {
+            try {
+              t.draft ? await I(t.id, t.catalogue) : await I(t.dataset.id, t.dataset.catalog.id), s.value = !0, i.value = {
+                type: "success",
+                text: "Der Datensatz wurde erfolgreich gelöscht",
+                button: "Rückgängig machen",
+                action: "revertDeletion"
+              };
+            } catch (e) {
+              s.value = !0, i.value = {
+                type: "error",
+                text: "Das Löschen des Datensatzes ist fehlgeschlagen",
+                button: "Schließen"
+              }, console.error(e);
+            }
+          })();
           break;
         case "setToDraft":
-          R(
-            n.dataset.id,
-            n.dataset.catalog.id,
-            n.dataset.title,
-            n.dataset.description
-          ), l.value = !0, d.value = {
+          P(
+            t.dataset.id,
+            t.dataset.catalog.id,
+            t.dataset.title,
+            t.dataset.description
+          ), s.value = !0, i.value = {
             type: "success",
             text: "Der Datensatz wurde erfolgreich zu einem Entwurf zurückgesetzt",
             button: "Rückgängig machen",
             action: "revertToDraft"
           };
       }
-    }, g = (t) => {
+    }, B = (n) => {
       let e = "";
-      switch (typeof t == "string" ? e = t : e = t.target.innerText, e) {
+      switch (typeof n == "string" ? e = n : e = n.target.innerText, console.log(e), e) {
         case "Bearbeiten":
-          z();
+          H();
           break;
         case "Veröffentlichen":
-          i.value = {
+          c.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;
+          }, u.value = !0;
           break;
         case "Löschen":
-          i.value = {
+          c.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;
+          }, u.value = !0;
+          break;
+        case "LöschenPublished":
+          c.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: "deletePublishedDataset"
+          }, u.value = !0;
           break;
         case "Veröffentlichung aufheben":
-          i.value = {
+          c.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;
+          }, u.value = !0;
           break;
       }
     };
-    let f = u(!1);
-    const D = (t, e) => {
-      e ? f.value = !0 : f.value = !1;
-    }, w = (t) => {
-      t.target.className != "dpiV3_more-button dpiV3_activeState" && (f.value = !0);
-    }, V = (t) => {
-      t.target.className != "dpiV3_more-button dpiV3_activeState" && (f.value = !1);
+    let g = d(!1);
+    const R = (n, e) => {
+      e ? g.value = !0 : g.value = !1;
+    }, C = (n) => {
+      n.target.className != "dpiV3_more-button dpiV3_activeState" && (g.value = !0);
+    }, _ = (n) => {
+      n.target.className != "dpiV3_more-button dpiV3_activeState" && (g.value = !1);
     };
-    return (t, e) => (p(), N(U, null, [
-      o("button", {
-        class: $(["dpiV3_tableRowWrapper", {
-          dpiV3_pressedTableRow: s(f),
-          tRowInDraft: n.fromDraft
+    return (n, e) => (p(), X(Y, null, [
+      f("button", {
+        class: Z(["dpiV3_tableRowWrapper", {
+          dpiV3_pressedTableRow: o(g),
+          tRowInDraft: t.fromDraft
         }]),
         onKeydown: [
-          e[3] || (e[3] = b(h((a) => w(a), ["prevent"]), ["space"])),
-          e[4] || (e[4] = b(h((a) => w(a), ["prevent"]), ["enter"]))
+          e[3] || (e[3] = b(m((a) => C(a), ["prevent"]), ["space"])),
+          e[4] || (e[4] = b(m((a) => C(a), ["prevent"]), ["enter"]))
         ],
         onKeyup: [
-          e[5] || (e[5] = b((a) => V(a), ["space"])),
-          e[6] || (e[6] = b((a) => V(a), ["enter"]))
+          e[5] || (e[5] = b((a) => _(a), ["space"])),
+          e[6] || (e[6] = b((a) => _(a), ["enter"]))
         ]
       }, [
-        o("div", G, [
-          o("div", {
+        f("div", ce, [
+          f("div", {
             class: "dpiV3_tableRowContent",
-            onMousedown: e[0] || (e[0] = h((a) => D(a, !0), ["prevent"])),
-            onMouseup: e[1] || (e[1] = h((a) => D(a, !1), ["prevent"])),
-            onClick: e[2] || (e[2] = (a) => g("Bearbeiten"))
+            onMousedown: e[0] || (e[0] = m((a) => R(a, !0), ["prevent"])),
+            onMouseup: e[1] || (e[1] = m((a) => R(a, !1), ["prevent"])),
+            onClick: e[2] || (e[2] = (a) => B("Bearbeiten"))
           }, [
-            o("div", P, [
-              o("span", Q, y(n.text), 1)
+            f("div", de, [
+              f("span", fe, ee(t.text), 1)
             ]),
-            o("div", X, [
-              n.draft ? (p(), v(x, {
+            f("div", ve, [
+              t.draft ? (p(), h(E, {
                 key: 1,
                 label: "Entwurf",
                 state: "draft"
-              })) : (p(), v(x, {
+              })) : (p(), h(E, {
                 key: 0,
                 label: "Veröffentlicht",
                 state: "published"
-              })),
-              o("span", Y, " Updated am: " + y(n.date), 1)
+              }))
             ])
           ], 32),
-          o("div", Z, [
-            H(L, {
-              onClick: g,
+          f("div", pe, [
+            o(V).edit.enabled ? x("", !0) : (p(), h(te, {
+              key: 0,
+              onClick: B,
               type: "moreButton",
+              notDraft: !t.draft,
               alignment: "right",
               text: {
                 support: "This is a supporting message"
               },
-              data: E()
-            }, null, 8, ["data"])
+              data: q()
+            }, null, 8, ["notDraft", "data"]))
           ])
         ])
       ], 34),
-      s(r) ? (p(), v(j, {
+      o(u) ? (p(), h(ae, {
         key: 0,
-        buttons: s(i).button,
-        headerText: s(i).header,
-        text: s(i).text,
-        onClose: e[7] || (e[7] = (a) => T(r) ? r.value = !1 : r = !1),
-        action: s(i).action,
-        onActionHandling: e[8] || (e[8] = (a) => I(a))
-      }, null, 8, ["buttons", "headerText", "text", "action"])) : k("", !0),
-      s(l) ? (p(), v(q, {
+        buttons: o(c).button,
+        headerText: o(c).header,
+        text: o(c).text,
+        onClose: e[7] || (e[7] = (a) => A(u) ? u.value = !1 : u = !1),
+        action: o(c).action,
+        onActionHandling: e[8] || (e[8] = (a) => F(a))
+      }, null, 8, ["buttons", "headerText", "text", "action"])) : x("", !0),
+      o(s) ? (p(), h(ne, {
         key: 1,
-        type: s(d).type,
-        text: s(d).text,
+        type: o(i).type,
+        text: o(i).text,
         class: "dpiV3_tableToast",
-        button: s(d).button,
-        action: s(d).action,
-        onMouseenter: e[9] || (e[9] = (a) => T(c) ? c.value = !0 : c = !0),
-        onMouseleave: M
-      }, null, 8, ["type", "text", "button", "action"])) : k("", !0)
+        button: o(i).button,
+        action: o(i).action,
+        onButtonClicked: e[9] || (e[9] = (a) => J()),
+        onMouseenter: e[10] || (e[10] = (a) => A(r) ? r.value = !0 : r = !0),
+        onMouseleave: k
+      }, null, 8, ["type", "text", "button", "action"])) : x("", !0)
     ], 64));
   }
-}, ce = /* @__PURE__ */ W(ee, [["__scopeId", "data-v-1bc7ccce"]]);
+}, Be = /* @__PURE__ */ ue(ge, [["__scopeId", "data-v-0fa9244e"]]);
 export {
-  ce as default
+  Be as default
 };

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

@@ -1,4 +1,4 @@
-import { ref as l, watch as h, createElementBlock as x, openBlock as c, createElementVNode as a, createCommentVNode as b, createBlock as M, toDisplayString as T, normalizeStyle as C, normalizeClass as m, unref as s, withDirectives as S, vModelText as A } from "vue";
+import { ref as l, watch as h, createElementBlock as x, openBlock as c, createElementVNode as a, createCommentVNode as m, createBlock as M, toDisplayString as T, normalizeStyle as C, normalizeClass as b, unref as s, withDirectives as S, vModelText as A } from "vue";
 /* empty css                                */
 /* empty css                                 */
 import L from "./TextButtonSmall.vue.js";
@@ -19,6 +19,10 @@ const N = { class: "dpiV3_input-field V3-typography" }, R = { class: "dpiV3_Inpu
       type: Boolean,
       default: !1
     },
+    isDescription: {
+      type: Boolean,
+      default: !1
+    },
     showError: {
       type: Boolean,
       default: !1
@@ -47,13 +51,13 @@ const N = { class: "dpiV3_input-field V3-typography" }, R = { class: "dpiV3_Inpu
       f("deleteClicked");
     }, B = () => {
       y.value = !1, n.value = !0, o.value = !0, t.value = "0 0 0 2px var(--blue-70, #009FE3)";
-    }, E = () => {
+    }, D = () => {
       n.value = !1, o.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
-    }, I = () => {
+    }, E = () => {
       v.value = !0, t.value = "inset 0 0 0 1px var(--neutral-60, #687178)", n.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
-    }, F = () => {
+    }, I = () => {
       v.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)", n.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
-    }, D = () => {
+    }, F = () => {
       o.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
     }, g = () => {
       t.value = "inset 0 0 0 2px var(--Focused)";
@@ -69,19 +73,20 @@ const N = { class: "dpiV3_input-field V3-typography" }, R = { class: "dpiV3_Inpu
                 buttonText: "löschen",
                 onClick: w,
                 tabindex: "0"
-              })) : b("", !0)
+              })) : m("", !0)
             ])
           ]),
           a("div", {
-            class: m(["dpiV3_Input", {
+            class: b(["dpiV3_Input", {
+              isDescription: e.isDescription,
               dpiV3_disabled: e.isDisabled,
               "error-state": e.showError && !s(o) && !s(p),
               "focused-error-state": e.showError && s(o),
               "filled-error-state": e.showError && s(p)
             }]),
-            onMouseenter: I,
-            onMouseleave: F,
-            onMousedown: D,
+            onMouseenter: E,
+            onMouseleave: I,
+            onMousedown: F,
             style: C({ "box-shadow": s(t) })
           }, [
             S(a("textarea", {
@@ -89,14 +94,14 @@ const N = { class: "dpiV3_input-field V3-typography" }, R = { class: "dpiV3_Inpu
               ref: _,
               "onUpdate:modelValue": r[0] || (r[0] = (k) => u.value = k),
               type: "text",
-              class: m(["dpiV3_textArea copy-large-regular", {
+              class: b(["dpiV3_textArea copy-large-regular", {
                 "error-state": e.showError,
                 dpiV3_input_disabled: e.isDisabled
               }]),
               disabled: e.isDisabled,
               placeholder: e.placeholder,
               onFocus: B,
-              onBlur: E,
+              onBlur: D,
               onMousedown: g
             }, null, 42, q), [
               [A, u.value]
@@ -105,11 +110,11 @@ const N = { class: "dpiV3_input-field V3-typography" }, R = { class: "dpiV3_Inpu
         ]),
         e.hint && !e.showError ? (c(), x("div", G, r[1] || (r[1] = [
           a("span", null, "This is a supporting message.", -1)
-        ]))) : b("", !0)
+        ]))) : m("", !0)
       ])
     ]));
   }
-}, Z = /* @__PURE__ */ z(H, [["__scopeId", "data-v-7248be35"]]);
+}, Z = /* @__PURE__ */ z(H, [["__scopeId", "data-v-0ea4816f"]]);
 export {
   Z as default
 };

package/dist/data-provider-interface/HappyFlowComponents/ui/TextButtonSmall.vue.js

@@ -119,7 +119,7 @@ function K(e, s, T, V, v, z) {
     ])) : r("", !0)
   ], 16, k);
 }
-const L = /* @__PURE__ */ c(h, [["render", K], ["__scopeId", "data-v-5d413fe3"]]);
+const L = /* @__PURE__ */ c(h, [["render", K], ["__scopeId", "data-v-cfbe885e"]]);
 export {
   L as default
 };