@piveau/dpi 0.2.0-alpha.3 → 0.2.0-alpha.30

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-60f712a4"]]);
+export {
+  m as default
+};

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

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

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

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

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

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