@piveau/dpi 0.2.0-alpha.2 → 0.2.0-alpha.20

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/services/dpiV3_apis.js

@@ -0,0 +1,115 @@
+import c from "axios";
+const u = async (a) => {
+  try {
+    let e = `${a}vocabularies/hvd-category`;
+    return (await c.get(e)).data.result.results;
+  } catch (e) {
+    throw console.error("Error fetching HVD categories:", e), e;
+  }
+}, i = async (a) => {
+  try {
+    let e = `${a}vocabularies/data-theme`;
+    return (await c.get(e)).data.result.results;
+  } catch (e) {
+    throw console.error("Error fetching Dataset categories:", e), e;
+  }
+}, g = async (a) => {
+  try {
+    let e = `${a}vocabularies/iana-media-types`;
+    return (await c.get(e, {
+      headers: { Accept: "application/json" }
+    })).data.result;
+  } catch (e) {
+    throw console.error("Error fetching file types:", e), e;
+  }
+}, h = async (a) => {
+  try {
+    let e = `${a}vocabularies/file-type`;
+    return (await c.get(e, {
+      headers: { Accept: "application/json" }
+    })).data.result;
+  } catch (e) {
+    throw console.error("Error fetching file types:", e), e;
+  }
+}, d = async (a, e, r) => {
+  let l = [];
+  try {
+    let o = `${e}vocabularies/${r}`;
+    return l = (await c.get(o)).data.result.results, l;
+  } catch (o) {
+    throw console.error("Error fetching Dataset categories:", o), o;
+  }
+}, p = async (a) => {
+  try {
+    let e = `${a}vocabularies/planned-availability`;
+    return (await c.get(e)).data.result.results.map((l) => ({
+      value: l.id,
+      label: l.pref_label.de,
+      uri: l.resource
+    }));
+  } catch (e) {
+    throw console.error("Error fetching planned availability:", e), e;
+  }
+}, y = async (a, e = "de") => {
+  try {
+    let r = `${a}vocabularies/language`, o = (await c.get(r)).data.result.results.map((t) => ({
+      value: t.id,
+      label: `${t.pref_label[e] || t.pref_label.en || t.id} (${t.id})`,
+      uri: t.resource
+    }));
+    return o.sort((t, s) => t.label.localeCompare(s.label, e)), o;
+  } catch (r) {
+    throw console.error("Error fetching languages:", r), r;
+  }
+}, b = async (a, e = "de") => {
+  try {
+    let r = `${a}vocabularies/licenses`;
+    return (await c.get(r)).data.result.results.map((t) => {
+      var s;
+      return {
+        value: t.id,
+        label: t.pref_label[e] || t.pref_label.en || t.id,
+        homepage: ((s = t.extensions) == null ? void 0 : s.foaf_homepage) || null,
+        uri: t.resource
+      };
+    });
+  } catch (r) {
+    throw console.error("Error fetching licenses:", r), r;
+  }
+}, f = async (a, e = "de") => {
+  try {
+    let r = `${a}vocabularies/adms`;
+    return (await c.get(r)).data.result.results.filter(
+      (s) => s.in_scheme === "http://purl.org/adms/status/1.0" && s.resource !== "http://purl.org/adms/status/UnderDevelopment"
+    ).map((s) => ({
+      value: s.id,
+      label: s.pref_label[e] || s.pref_label.en || s.id,
+      resource: s.resource || null
+    }));
+  } catch (r) {
+    throw console.error("Error fetching dataset status:", r), r;
+  }
+}, v = async (a, e = "en") => {
+  try {
+    let r = `${a}vocabularies/spdx-checksum-algorithm`;
+    return (await c.get(r)).data.result.results.map((t) => ({
+      value: t.id,
+      label: t.pref_label[e] || t.pref_label.en || t.id,
+      resource: t.resource || null
+    }));
+  } catch (r) {
+    throw console.error("Error fetching checksum algorithms:", r), r;
+  }
+};
+export {
+  v as getChecksumAlgorithms,
+  i as getDatasetCategories,
+  f as getDatasetStatus,
+  g as getFileTypes,
+  h as getFormatTypes,
+  u as getHvdCategories,
+  y as getLanguages,
+  b as getLicenses,
+  d as getOptionalURIs,
+  p as getPlannedAvailability
+};

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

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

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

@@ -0,0 +1,72 @@
+import { defineComponent as C, computed as y, createElementBlock as s, openBlock as o, normalizeClass as V, createElementVNode as n, createBlock as _, withCtx as i, renderSlot as t, createCommentVNode as l, createVNode as p } from "vue";
+import m from "./ButtonV3.vue.js";
+import k from "./SummaryBox.vue.js";
+const $ = { class: "dpiV3_Card_Header" }, B = {
+  key: 1,
+  class: "standalone-text"
+}, h = { class: "dpiV3_Card_Actions" }, E = { class: "dpiV3_Card_Body" }, A = /* @__PURE__ */ C({
+  __name: "ActionCard",
+  props: {
+    variant: { default: "default" },
+    noEdit: { type: Boolean, default: !1 },
+    noDelete: { type: Boolean, default: !0 }
+  },
+  emits: ["edit", "delete"],
+  setup(u, { emit: c }) {
+    const r = u, d = c, f = y(() => ({
+      "V3-typography": !0,
+      dpiV3_Card: !0,
+      "dpiV3_Card--default": r.variant === "default",
+      "dpiV3_Card--error": r.variant === "error"
+    }));
+    return (e, a) => (o(), s("div", {
+      class: V(f.value)
+    }, [
+      n("div", $, [
+        e.$slots["standalone-name"] ? (o(), s("span", B, [
+          t(e.$slots, "standalone-name")
+        ])) : (o(), _(k, { key: 0 }, {
+          title: i(() => [
+            t(e.$slots, "sub-title")
+          ]),
+          default: i(() => [
+            t(e.$slots, "title")
+          ]),
+          _: 3
+        })),
+        n("div", h, [
+          e.noEdit ? l("", !0) : (o(), s("div", {
+            key: 0,
+            onClick: a[0] || (a[0] = (v) => d("edit"))
+          }, [
+            t(e.$slots, "edit-icon", {}, () => [
+              p(m, {
+                size: "large",
+                "icon-start": "pen",
+                variant: "secondary"
+              })
+            ])
+          ])),
+          e.noDelete ? (o(), s("div", {
+            key: 1,
+            onClick: a[1] || (a[1] = (v) => d("delete"))
+          }, [
+            t(e.$slots, "delete-icon", {}, () => [
+              p(m, {
+                size: "large",
+                "icon-start": "Trash",
+                variant: "secondary"
+              })
+            ])
+          ])) : l("", !0)
+        ])
+      ]),
+      n("div", E, [
+        t(e.$slots, "default")
+      ])
+    ], 2));
+  }
+});
+export {
+  A as default
+};

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

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

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

@@ -0,0 +1,141 @@
+import { defineComponent as D, mergeModels as L, useModel as h, computed as N, createElementBlock as i, openBlock as n, createVNode as d, unref as r, withCtx as s, createElementVNode as c, createBlock as m, createCommentVNode as f, renderSlot as k, createTextVNode as w, toDisplayString as _, normalizeClass as b, resolveDynamicComponent as F, Fragment as S, renderList as E } from "vue";
+import { Combobox as P, ComboboxLabel as z, ComboboxButton as I, ComboboxInput as O, ComboboxOptions as U, ComboboxOption as $ } from "@headlessui/vue";
+import { PhCaretUp as A, PhCaretDown as T } from "@phosphor-icons/vue";
+const j = { class: "autocomplete" }, G = { class: "autocomplete__wrapper" }, H = { class: "autocomplete__input-icon" }, J = {
+  key: 0,
+  class: "autocomplete__no-results"
+}, W = /* @__PURE__ */ D({
+  __name: "Autocomplete",
+  props: /* @__PURE__ */ L({
+    options: {},
+    label: { default: "" },
+    errorMessage: { default: "" },
+    placeholder: { default: "" },
+    name: { default: "" },
+    optionLabel: { type: Function, default: (u) => u },
+    optionValue: { type: Function, default: (u) => u },
+    optionDisabled: { type: Function, default: () => !1 }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {},
+    query: { default: "" },
+    queryModifiers: {}
+  }),
+  emits: ["update:modelValue", "update:query"],
+  setup(u) {
+    const l = u, p = h(u, "modelValue"), v = h(u, "query"), y = N(() => !!l.errorMessage);
+    function M(e) {
+      e.open && e.event.stopPropagation();
+    }
+    function q(e) {
+      return typeof e == "string" ? l.optionLabel(e) : e.name || String(e.id);
+    }
+    function g(e) {
+      return typeof e == "string" ? l.optionValue(e) : String(e.id);
+    }
+    function C(e) {
+      return typeof e == "string" ? l.optionDisabled(e) : !!e.unavailable;
+    }
+    function x(e, o) {
+      if (!e || !o)
+        return !1;
+      if (e === o)
+        return !0;
+      if (typeof e == "string" && typeof o == "string")
+        return e === o;
+      const t = g(e), a = g(o);
+      return t === a;
+    }
+    function B(e) {
+      return !e || typeof e == "string" ? "" : e.name || "";
+    }
+    return (e, o) => (n(), i("div", j, [
+      d(r(P), {
+        modelValue: p.value,
+        "onUpdate:modelValue": o[1] || (o[1] = (t) => p.value = t),
+        name: l.name,
+        by: x,
+        nullable: ""
+      }, {
+        default: s(() => [
+          c("div", G, [
+            l.label ? (n(), m(r(z), {
+              key: 0,
+              class: "autocomplete__label",
+              as: "div"
+            }, {
+              default: s(() => [
+                k(e.$slots, "label", {
+                  label: l.label,
+                  selected: p.value
+                }, () => [
+                  w(_(l.label), 1)
+                ], !0)
+              ]),
+              _: 3
+            })) : f("", !0),
+            c("div", {
+              class: b(["autocomplete__input-container", { "autocomplete__input-container--error": y.value }])
+            }, [
+              d(r(I), {
+                as: "div",
+                class: "autocomplete__input-wrapper"
+              }, {
+                default: s(({ open: t }) => [
+                  d(r(O), {
+                    class: "autocomplete__input",
+                    "display-value": (a) => B(a),
+                    placeholder: l.placeholder,
+                    onChange: o[0] || (o[0] = (a) => v.value = a.target.value),
+                    onClick: (a) => M({ event: a, open: t })
+                  }, null, 8, ["display-value", "placeholder", "onClick"]),
+                  c("div", H, [
+                    (n(), m(F(t ? r(A) : r(T)), { size: "1.5rem" }))
+                  ])
+                ]),
+                _: 1
+              })
+            ], 2),
+            e.errorMessage ? (n(), i("div", {
+              key: 1,
+              class: b(["autocomplete__message", { "autocomplete__message--error": y.value }])
+            }, _(e.errorMessage), 3)) : f("", !0)
+          ]),
+          d(r(U), {
+            class: "autocomplete__options",
+            as: "ul"
+          }, {
+            default: s(() => [
+              (n(!0), i(S, null, E(l.options, (t) => (n(), m(r($), {
+                key: typeof t == "string" ? t : t.id,
+                as: "template",
+                value: t,
+                disabled: C(t)
+              }, {
+                default: s(({ active: a, selected: V }) => [
+                  k(e.$slots, "option", {
+                    option: t,
+                    active: a,
+                    selected: V,
+                    disabled: C(t)
+                  }, () => [
+                    c("li", {
+                      class: b(["autocomplete__option", { "autocomplete__option--active": a, "autocomplete__option--selected": V }])
+                    }, _(q(t)), 3)
+                  ], !0)
+                ]),
+                _: 2
+              }, 1032, ["value", "disabled"]))), 128)),
+              l.options.length === 0 && v.value !== "" ? (n(), i("div", J, " No results found. ")) : f("", !0)
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["modelValue", "name"])
+    ]));
+  }
+});
+export {
+  W as default
+};

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

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

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

@@ -0,0 +1,141 @@
+import { defineComponent as G, mergeModels as P, computed as l, ref as M, useModel as J, watch as R, createBlock as B, openBlock as F, unref as f, createSlots as K, withCtx as A, createElementVNode as W, createTextVNode as X, createCommentVNode as Y, toDisplayString as Z, renderSlot as w } from "vue";
+import { PhSpinner as ee } from "@phosphor-icons/vue";
+import { defineHubSearch as re } from "@piveau/sdk-vue";
+import { useDebounce as D } from "@vueuse/core";
+import oe from "zod";
+import le from "./Autocomplete.vue.js";
+const te = { class: "autocomplete-vocab__label" }, ve = /* @__PURE__ */ G({
+  __name: "AutocompleteVocab",
+  props: /* @__PURE__ */ P({
+    by: { default: "" },
+    baseUrl: { default: "https://staging.bydata.de/api/hub/search" },
+    vocabulary: {},
+    resource: {},
+    label: { default: "" },
+    placeholder: { default: "Type to search..." },
+    errorMessage: { default: "" },
+    name: { default: "" },
+    setupFn: {},
+    disabled: { type: Boolean, default: !1 },
+    isAutocompleteDisabled: { type: Boolean, default: !1 },
+    postProcessFn: {}
+  }, {
+    modelValue: { default: () => "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ P(["select"], ["update:modelValue"]),
+  setup(p, { emit: I }) {
+    const r = p, U = I, u = l(() => !!r.vocabulary), v = l(() => r.by || u.value ? "vocabulary" : "resource"), k = l(() => r.resource === "dataset" ? "dataset" : u.value ? "vocabulary" : v.value), E = l(() => r.resource === "dataset" ? "datasets" : u.value ? "vocabularies" : v.value === "resource" ? `resources/${r.resource}` : "vocabularies"), _ = l(() => !r.isAutocompleteDisabled && !!(r.resource || r.vocabulary)), { useSearch: $, useResource: C } = re({
+      baseUrl: r.baseUrl,
+      index: k.value,
+      indexDetails: E.value,
+      schema: oe.any()
+    }, (e) => {
+      var d, q, V;
+      const o = (d = r.setupFn) == null ? void 0 : d.call(r, e), s = String((o == null ? void 0 : o.id) || (e == null ? void 0 : e.resource) || ""), n = String((o == null ? void 0 : o.name) || ((q = e == null ? void 0 : e.pref_label) == null ? void 0 : q.de) || ((V = e == null ? void 0 : e.pref_label) == null ? void 0 : V.en) || "");
+      return {
+        ...o,
+        id: s,
+        name: n
+      };
+    }), m = M(""), L = D(m, 300), N = l(() => r.vocabulary), { getSearchResultsEnhanced: O } = $({
+      queryOptions: {
+        enabled: _
+      },
+      queryParams: {
+        q: L,
+        limit: 12,
+        // ...vocabularyRef.value
+        //   ? { vocabulary: vocabularyRef }
+        //   : { resource: props.resource },
+        vocabulary: l(() => u.value ? N.value : "")
+        // resource: computed(() => props.resource || ''),
+      },
+      additionalParams: l(() => ({
+        resource: v.value === "resource" ? r.resource : ""
+      }))
+    }), x = l(() => {
+      let e = O.value || [];
+      return r.postProcessFn && (e = r.postProcessFn(e)), e;
+    }), t = J(p, "modelValue"), b = l(() => !(!t.value || typeof t.value == "string")), z = l(() => typeof t.value == "string");
+    function i(e) {
+      return String(e ?? "").trim();
+    }
+    const c = l(() => {
+      var e;
+      return typeof t.value == "string" ? i(t.value) : i((e = t.value) == null ? void 0 : e.id);
+    }), y = l(() => z.value && !!c.value), T = l(() => y.value ? u.value ? `${r.vocabulary}/vocable` : c.value : ""), j = l(() => u.value ? { resource: c.value } : {}), {
+      resultEnhanced: H,
+      isSuccess: se,
+      isLoading: Q
+    } = C(T, {
+      additionalParams: j,
+      queryOptions: {
+        enabled: y
+      }
+    }), g = D(Q, 350), a = M(), h = l({
+      get: () => {
+        var s, n;
+        const e = c.value;
+        if (!e)
+          return { id: "", name: "" };
+        const o = typeof t.value == "object" && t.value !== null ? t.value.name : i((s = a.value) == null ? void 0 : s.id) === e ? ((n = a.value) == null ? void 0 : n.name) ?? "" : "";
+        return { id: e, name: o };
+      },
+      set: (e) => {
+        if (!e) {
+          a.value = void 0, t.value = "";
+          return;
+        }
+        if (typeof e == "string") {
+          a.value = void 0, t.value = e.trim();
+          return;
+        }
+        a.value = e, t.value = i(e.id);
+      }
+    });
+    return R(H, (e, o) => {
+      e && (o && o.id === e.id || (a.value = e, b.value && (t.value = e), b.value || (t.value = i(e.id))));
+    }, { immediate: !0 }), R(a, (e) => {
+      e && U("select", e);
+    }, { immediate: !0 }), (e, o) => (F(), B(le, {
+      modelValue: h.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => h.value = s),
+      query: m.value,
+      "onUpdate:query": o[1] || (o[1] = (s) => m.value = s),
+      options: x.value || [],
+      label: e.label,
+      "error-message": e.errorMessage,
+      placeholder: e.placeholder,
+      name: e.name,
+      disabled: f(g) || r.disabled
+    }, K({
+      label: A(() => [
+        W("div", te, [
+          X(Z(e.label) + " ", 1),
+          f(g) ? (F(), B(f(ee), {
+            key: 0,
+            class: "animate-spin"
+          })) : Y("", !0)
+        ])
+      ]),
+      _: 2
+    }, [
+      e.$slots.option ? {
+        name: "option",
+        fn: A(({ option: s, active: n, selected: S, disabled: d }) => [
+          w(e.$slots, "option", {
+            option: s,
+            active: n,
+            selected: S,
+            disabled: d
+          }, void 0, !0)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["modelValue", "query", "options", "label", "error-message", "placeholder", "name", "disabled"]));
+  }
+});
+export {
+  ve as default
+};

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

@@ -0,0 +1,53 @@
+import { defineComponent as d, computed as r, createBlock as x, openBlock as y } from "vue";
+import f from "./AutocompleteVocab.vue.js";
+const V = /* @__PURE__ */ d({
+  __name: "AutocompleteVocabFormKit",
+  props: {
+    context: {}
+  },
+  setup(u) {
+    const t = u, n = r({
+      get: () => {
+        var e;
+        return ((e = t.context) == null ? void 0 : e._value) || "";
+      },
+      set: (e) => {
+        var o;
+        (o = t.context) == null || o.node.input(e);
+      }
+    }), m = r(() => {
+      var e;
+      return String(((e = t.context) == null ? void 0 : e.label) || "");
+    }), p = r(() => {
+      var e;
+      return String(((e = t.context) == null ? void 0 : e.name) || "");
+    }), v = r(() => {
+      var e;
+      return String(((e = t.context) == null ? void 0 : e.placeholder) || "Type to search...");
+    }), g = r(() => {
+      var e;
+      return String(((e = t.context) == null ? void 0 : e.vocabulary) || "");
+    }), i = r(() => {
+      var e;
+      return Object.keys(((e = t.context) == null ? void 0 : e.messages) || {}).length > 0;
+    }), b = r(() => {
+      var o, a, l, c, s;
+      if (!i.value)
+        return "";
+      const e = (a = Object.keys(((o = t.context) == null ? void 0 : o.messages) || {})) == null ? void 0 : a[0];
+      return String((s = (c = (l = t.context) == null ? void 0 : l.messages) == null ? void 0 : c[e]) == null ? void 0 : s.value) || "";
+    });
+    return (e, o) => (y(), x(f, {
+      modelValue: n.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
+      vocabulary: g.value,
+      label: m.value,
+      "error-message": b.value,
+      placeholder: v.value,
+      name: p.value
+    }, null, 8, ["modelValue", "vocabulary", "label", "error-message", "placeholder", "name"]));
+  }
+});
+export {
+  V as default
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/BasicInfosStep/ProjectDescriptionStep.vue.js

@@ -1,53 +1,49 @@
-import { ref as p, computed as d, createElementBlock as m, openBlock as h, createElementVNode as e, createVNode as s, unref as r, withCtx as i, createTextVNode as g } from "vue";
-import { FormKit as f } from "@formkit/vue";
-import { PhLightbulb as _ } from "@phosphor-icons/vue";
-import b from "../../../components/StepActionsSection.vue.js";
-import z from "../Card.vue.js";
-import k from "../TextArea/TextAreaDefinition.js";
+import { ref as a, computed as c, createElementBlock as u, openBlock as p, createElementVNode as e, createVNode as n, unref as r, withCtx as i, createTextVNode as d } from "vue";
+import { FormKit as m } from "@formkit/vue";
+import { PhLightbulb as h } from "@phosphor-icons/vue";
+import g from "../../../components/StepActionsSection.vue.js";
+import f from "../Card.vue.js";
+import z from "../TextArea/TextAreaDefinition.js";
 /* empty css                            */
-import v from "../../../../_virtual/_plugin-vue_export-helper.js";
-const y = { class: "dpiV3_page V3-typography" }, w = { class: "funny-section" }, x = { class: "funny-flex" }, P = { class: "funny-section" }, j = { class: "funny-section" }, l = 500, S = {
+import _ from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const b = { class: "dpiV3_page V3-typography" }, k = { class: "funny-section" }, v = { class: "funny-flex" }, y = { class: "funny-section" }, w = { class: "funny-section" }, x = 500, P = {
   __name: "ProjectDescriptionStep",
-  setup(V) {
-    const n = p(""), a = d(() => n.value.length);
-    function u(o) {
-      n.value = o.slice(0, l);
-    }
-    return (o, t) => (h(), m("div", y, [
-      e("section", w, [
-        e("div", x, [
+  setup(S) {
+    const s = a(""), o = c(() => s.value.length);
+    return (j, t) => (p(), u("div", b, [
+      e("section", k, [
+        e("div", v, [
           t[1] || (t[1] = e("h4", null, "Beschreiben Sie Ihr Projekt", -1)),
           t[2] || (t[2] = e("span", { class: "copy-large-regular" }, " Beschreiben Sie die wichtigsten Inhalte Ihres Projekts in wenigen, klaren Sätzen, damit interessierte Personen schnell einschätzen können, ob das Projekt für sie relevant ist. ", -1)),
-          s(r(f), {
+          n(r(m), {
             id: "projectDescription",
-            modelValue: n.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (c) => n.value = c),
+            modelValue: s.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (l) => s.value = l),
             label: "Beschreibung",
-            type: r(k),
-            name: "project_description",
+            type: r(z),
+            name: "projectDescription",
             "text-label": "Name",
-            placeholder: "Geben Sie Ihrem Projekt einen Namen.",
+            placeholder: "Beschreiben Sie Ihr Projekt in ein paar Sätzen.",
             validation: "required|length:0,500",
             hint: "true",
-            help: `${a.value} von ${l} Zeichen`,
-            "count-hint": !0,
-            onInput: u
+            help: `${o.value} von ${x} Zeichen`,
+            "count-hint": !0
           }, null, 8, ["modelValue", "type", "help"])
         ])
       ]),
-      e("section", P, [
-        s(b)
+      e("section", y, [
+        n(g, { class: "description-step" })
       ]),
-      e("section", j, [
-        s(z, { variant: "default" }, {
+      e("section", w, [
+        n(f, { variant: "default" }, {
           icon: i(() => [
-            s(r(_), {
+            n(r(h), {
               size: 32,
               color: "#009fe3"
             })
           ]),
           title: i(() => t[3] || (t[3] = [
-            g(" Beispiel ", -1)
+            d(" Beispiel ", -1)
           ])),
           default: i(() => [
             t[4] || (t[4] = e("div", { class: "copy-large-regular" }, [
@@ -63,7 +59,7 @@ const y = { class: "dpiV3_page V3-typography" }, w = { class: "funny-section" },
       ])
     ]));
   }
-}, H = /* @__PURE__ */ v(S, [["__scopeId", "data-v-8a4dd1a2"]]);
+}, F = /* @__PURE__ */ _(P, [["__scopeId", "data-v-83c496c5"]]);
 export {
-  H as default
+  F as default
 };