@piveau/dpi 0.2.0-alpha.47 → 0.2.0-alpha.49

package/dist/packages/dpi/src/data-provider-interface/components/HVDPage.vue.js

@@ -1,35 +1,33 @@
-import { ref as n, computed as y, watch as T, onMounted as $, createElementBlock as D, openBlock as P, createElementVNode as s, createCommentVNode as E, createVNode as f, toDisplayString as c, unref as g, getCurrentInstance as O } from "vue";
+import { ref as n, computed as y, watch as T, onMounted as $, createElementBlock as D, openBlock as g, createElementVNode as s, createCommentVNode as B, createBlock as E, toDisplayString as v, createVNode as P, unref as f, getCurrentInstance as O } from "vue";
 import { useI18n as W } from "vue-i18n";
-import { getHvdCategories as B } from "../HappyFlowComponents/services/dpiV3_apis.js";
+import { getHvdCategories as K } from "../HappyFlowComponents/services/dpiV3_apis.js";
 /* empty css                             */
 /* empty css                              */
-import K from "../HappyFlowComponents/ui/SwitchV3.vue.js";
-import N from "../HappyFlowComponents/ui/Dropdown.vue.js";
-import { PhWarning as j } from "@phosphor-icons/vue";
-import { useFormValues as z } from "../composables/useDpiFormValues.js";
+import N from "../HappyFlowComponents/ui/SwitchV3.vue.js";
+import j from "../HappyFlowComponents/ui/Dropdown.vue.js";
+import { PhWarning as z } from "@phosphor-icons/vue";
+import { useFormValues as L } from "../composables/useDpiFormValues.js";
 /* empty css             */
-import L from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const M = { class: "V3-typography" }, U = { class: "dpiV3_Frame_831" }, A = { class: "dpiV3_Frame_840" }, R = { class: "dpiV3_title" }, q = { class: "dpiV3_intro copy-large-regular" }, G = { class: "dpiV3_Frame_830" }, J = { class: "dpiV3_Switch" }, Q = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, X = { class: "dpiV3_Sub_Info copy-large-regular" }, Y = {
+import M from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const U = { class: "V3-typography" }, A = { class: "dpiV3_Frame_831" }, R = { class: "dpiV3_Frame_840" }, q = { class: "dpiV3_title" }, G = { class: "dpiV3_intro copy-large-regular" }, J = { class: "dpiV3_Frame_830" }, Q = { class: "dpiV3_Switch" }, X = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, Y = { class: "dpiV3_Sub_Info copy-large-regular" }, Z = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, Z = {
+}, ee = {
   __name: "HVDPage",
   props: {
     context: Object
   },
-  setup(ee, { expose: w }) {
-    const { t: ae } = W(), { formValues: t } = z(), i = n(!1), o = n(""), S = n([]), H = n(null), v = n([]);
+  setup(ae, { expose: w }) {
+    const { t: le } = W(), { formValues: t } = L(), i = n(!1), o = n(""), S = n([]), H = n(null), u = n([]);
     let l = n([{ isValid: !0 }]);
     Object.keys(t.value.Discoverability.hvdPage).length === 0 && (t.value.Discoverability.hvdPage = l.value);
-    const C = y(
-      () => v.value.map((e) => ({
-        "@value": e.label,
-        selected: !1
-      }))
-    ), I = () => {
+    const C = y(() => u.value.map((a) => ({
+      "@value": a.label,
+      selected: !1
+    }))), k = () => {
       i.value = !i.value, i.value ? (l.value[0] = { isValid: "unset" }, o.value = "", t.value.Discoverability.hvdPage = [{ isValid: "unset" }]) : (t.value.Discoverability.hvdPage = [{ isValid: !0 }], l.value[0] = { isValid: !0 }, o.value = ""), console.log("switchStateValue: ", i.value), console.log("validation state: ", l.value[0].isValid);
-    }, k = (e) => {
-      const a = v.value.find(
+    }, I = (e) => {
+      const a = u.value.find(
         (r) => r.label === e.target.innerHTML
       );
       a && (l.value[0] = {
@@ -56,10 +54,10 @@ const M = { class: "V3-typography" }, U = { class: "dpiV3_Frame_831" }, A = { cl
     });
     const x = async () => {
       try {
-        const e = O().appContext.app.config.globalProperties.$env, r = (await B(e.api.baseUrl)).sort(
-          (d, u) => d.pref_label.de.localeCompare(u.pref_label.de)
+        const e = O().appContext.app.config.globalProperties.$env, r = (await K(e.api.baseUrl)).sort(
+          (d, c) => d.pref_label.de.localeCompare(c.pref_label.de, "de")
         );
-        S.value = r, v.value = r.map((d) => ({
+        S.value = r, u.value = r.map((d) => ({
           label: d.pref_label.de,
           uri: d.resource
         }));
@@ -70,25 +68,26 @@ const M = { class: "V3-typography" }, U = { class: "dpiV3_Frame_831" }, A = { cl
     return $(() => {
       x();
     }), (e, a) => {
-      var r, d, u, h, V, m, _, b;
-      return P(), D("div", M, [
-        s("div", U, [
-          s("div", A, [
-            s("h4", R, c(e.$t("message.dataupload.datasets.hvdPage.title")), 1),
-            s("div", q, c(e.$t("message.dataupload.datasets.hvdPage.intro-text")), 1),
-            s("div", G, [
-              s("div", J, [
-                f(K, {
-                  onSwitchToggled: I,
+      var r, d, c, h, V, m, _, b;
+      return g(), D("div", U, [
+        s("div", A, [
+          s("div", R, [
+            s("h4", q, v(e.$t("message.dataupload.datasets.hvdPage.title")), 1),
+            s("div", G, v(e.$t("message.dataupload.datasets.hvdPage.intro-text")), 1),
+            s("div", J, [
+              s("div", Q, [
+                P(N, {
+                  onSwitchToggled: k,
                   hasIcon: !1,
                   defaultChecked: !1,
                   disabled: !1
                 })
               ]),
-              s("div", Q, c(e.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
+              s("div", X, v(e.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
             ]),
-            s("div", X, c(e.$t("message.dataupload.datasets.hvdPage.sub-info")), 1),
-            f(N, {
+            s("div", Y, v(e.$t("message.dataupload.datasets.hvdPage.sub-info")), 1),
+            (g(), E(j, {
+              key: u.value.length,
               dropdownWidth: "large",
               isDisabled: !i.value,
               type: "inputField",
@@ -106,24 +105,24 @@ const M = { class: "V3-typography" }, U = { class: "dpiV3_Frame_831" }, A = { cl
                 placeholder: "Wählen Sie eine HVD-Kategorie",
                 inputFieldSize: "large",
                 modelValue: o.value,
-                showError: ((h = (u = (d = (r = g(t)) == null ? void 0 : r.Discoverability) == null ? void 0 : d.hvdPage) == null ? void 0 : u[0]) == null ? void 0 : h.isValid) === !1
+                showError: ((h = (c = (d = (r = f(t)) == null ? void 0 : r.Discoverability) == null ? void 0 : d.hvdPage) == null ? void 0 : c[0]) == null ? void 0 : h.isValid) === !1
               },
               data: C.value,
-              onClick: a[1] || (a[1] = (p) => k(p))
-            }, null, 8, ["isDisabled", "modelValue", "inputFieldProps", "data"])
+              onClick: a[1] || (a[1] = (p) => I(p))
+            }, null, 8, ["isDisabled", "modelValue", "inputFieldProps", "data"]))
           ]),
-          ((b = (_ = (m = (V = g(t)) == null ? void 0 : V.Discoverability) == null ? void 0 : m.hvdPage) == null ? void 0 : _[0]) == null ? void 0 : b.isValid) === !1 ? (P(), D("div", Y, [
-            f(g(j), {
+          ((b = (_ = (m = (V = f(t)) == null ? void 0 : V.Discoverability) == null ? void 0 : m.hvdPage) == null ? void 0 : _[0]) == null ? void 0 : b.isValid) === !1 ? (g(), D("div", Z, [
+            P(f(z), {
               size: 16,
               weight: "fill"
             }),
             a[2] || (a[2] = s("span", { class: "copy-mini-regular" }, "Bitte wählen Sie eine HVD-Kategorie aus, bevor Sie fortfahren.", -1))
-          ])) : E("", !0)
+          ])) : B("", !0)
         ])
       ]);
     };
   }
-}, fe = /* @__PURE__ */ L(Z, [["__scopeId", "data-v-dbd3cce6"]]);
+}, fe = /* @__PURE__ */ M(ee, [["__scopeId", "data-v-456bbea4"]]);
 export {
   fe as default
 };

package/dist/packages/dpi/src/data-provider-interface/components/PublisherPage.vue.js

@@ -1,206 +1,237 @@
-import { ref as m, computed as P, getCurrentInstance as S, watch as B, createElementBlock as d, openBlock as f, createElementVNode as o, createCommentVNode as v, toDisplayString as c, createVNode as u, Fragment as D, renderList as O, unref as h } from "vue";
-import k from "../HappyFlowComponents/ui/InputField.vue.js";
-import W from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
+import { ref as m, computed as W, watch as L, createElementBlock as u, openBlock as d, createElementVNode as i, createCommentVNode as v, toDisplayString as p, createVNode as f, Fragment as K, renderList as N, unref as h } from "vue";
 import { PhWarning as g } from "@phosphor-icons/vue";
+import { useOrganizationInfo as j } from "../composables/useOrganizationInfo.js";
+import { useTwinbyUser as A } from "../composables/useTwinbyUser.js";
+import V from "../HappyFlowComponents/ui/InputField.vue.js";
+import M from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
 /* empty css                   */
-import A from "../../../../../_virtual/_plugin-vue_export-helper.js";
-import { useEditModeInfo as C } from "../composables/useDpiEditMode.js";
-const R = { class: "dpiV3InnerComponentWrap" }, F = { class: "copy-large-regular" }, N = { class: "dpiV3AutoCompleteWrap" }, U = { class: "firstRow" }, Z = { class: "secondRow" }, H = { class: "copy-small-regular" }, L = { class: "input-container" }, M = {
+import q from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import { useEditModeInfo as G } from "../composables/useDpiEditMode.js";
+const H = { class: "dpiV3InnerComponentWrap" }, J = { class: "copy-large-regular" }, Q = { class: "dpiV3AutoCompleteWrap" }, X = { class: "firstRow" }, Y = { class: "secondRow" }, Z = {
+  key: 0,
+  class: "copy-small-regular"
+}, ee = {
+  key: 2,
+  class: "copy-small-regular"
+}, ae = { class: "input-container" }, te = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, j = { class: "copy-mini-regular" }, K = { class: "input-container" }, q = {
+}, le = { class: "copy-mini-regular" }, se = { class: "input-container" }, oe = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, G = { class: "copy-mini-regular" }, J = { class: "input-container" }, Q = {
+}, ie = { class: "copy-mini-regular" }, ne = { class: "input-container" }, re = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, X = { class: "copy-mini-regular" }, Y = { class: "copy-large-regular" }, ee = {
+}, ue = { class: "copy-mini-regular" }, de = { class: "copy-large-regular" }, fe = {
   key: 0,
   class: "form-error-message"
-}, ae = {
+}, pe = {
   __name: "PublisherPage",
   props: {
     context: Object
   },
-  setup(z) {
-    const b = z, { isEditMode: I } = C();
+  setup(B) {
+    const b = B, { isEditMode: E } = G(), { organization: P, authToken: R, startFetchPermissions: S } = A();
+    S();
+    const { resultEnhanced: w, isLoading: O, isFetching: U } = j({
+      id: P,
+      authToken: R
+    });
     let s = m({ 1: !1, 2: !1, 3: !1 });
-    const w = m(null), _ = m(null), n = P(() => {
-      var a, l;
-      const e = (l = (a = S().appContext.config.globalProperties.$keycloak) == null ? void 0 : a.idTokenParsed) == null ? void 0 : l.contact;
-      if (e) {
-        const r = {
-          organization: e.organization
-        };
-        return e.email && (r.email = e.email), e.website && (r.website = `https://${e.website}`), r;
+    const _ = m(null), y = m(null), z = W(() => O.value || U.value), r = W(() => {
+      var t, o, D;
+      const e = (t = w.value) == null ? void 0 : t.publisher;
+      if (!e)
+        return {};
+      const a = {
+        organization: e.name || ((o = w.value) == null ? void 0 : o.title) || ((D = w.value) == null ? void 0 : D.id)
+      };
+      if (e.email && (a.email = e.email), e.homepage) {
+        const I = e.homepage.startsWith("http") ? e.homepage : `https://${e.homepage}`;
+        a.website = I;
       }
-      return {};
-    }), i = m([
+      return a;
+    }), n = m([
       { isValid: "unset", "foaf:name": "", "foaf:mbox": "", "foaf:homepage": "" }
-    ]), t = m({
+    ]), l = m({
       1: { show: !1, message: "Bitte geben Sie einen gültigen Organisationsnamen ein." },
       2: { show: !1, message: "Bitte geben Sie eine gültige E-Mail-Adresse ein." },
       3: { show: !1, message: "Bitte geben Sie eine gültige URL ein." }
-    }), y = (e) => e.trim().length >= 2, T = (e) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e), E = (e) => /^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,}$/.test(e);
-    I.value || b.context.node.input(i);
-    const V = (e, a, l) => {
-      let r = !1;
+    });
+    function $(e) {
+      return e.trim().length >= 2;
+    }
+    function x(e) {
+      return /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/.test(e);
+    }
+    function T(e) {
+      return /^([a-z0-9]([a-z0-9\-]{0,61}[a-z0-9])?\.)+[a-z]{2,}$/i.test(e);
+    }
+    E.value || b.context.node.input(n);
+    function k(e, a, t) {
+      let o = !1;
       if (e.trim() === "")
-        t.value[l].show = !1, s.value[l] = !1;
+        l.value[t].show = !1, s.value[t] = !1;
       else {
         switch (a) {
           case "foaf:name":
-            r = y(e);
+            o = $(e);
             break;
           case "foaf:mbox":
-            r = T(e);
+            o = x(e);
             break;
           case "foaf:homepage":
-            r = E(e);
+            o = T(e);
             break;
           default:
-            r = e.trim() !== "";
+            o = e.trim() !== "";
         }
-        t.value[l].show = !r, s.value[l] = r;
+        l.value[t].show = !o, s.value[t] = o;
       }
-      s.value[1] && s.value[2] && s.value[3] ? i.value[0].isValid = !0 : i.value[0].isValid = "unset";
-    }, p = (e, a, l) => {
-      i.value = i.value.map((r) => a in r ? { ...r, [a]: e } : r), b.context.node.value.length === 0 && b.context.node.input(i.value), l === 2 ? (w.value && clearTimeout(w.value), w.value = setTimeout(() => {
-        V(e, a, l);
-      }, 800)) : l === 3 ? (_.value && clearTimeout(_.value), _.value = setTimeout(() => {
-        V(e, a, l);
-      }, 800)) : V(e, a, l);
-    }, $ = () => {
-      const e = i.value[0];
+      s.value[1] && s.value[2] && s.value[3] ? n.value[0].isValid = !0 : n.value[0].isValid = "unset";
+    }
+    function c(e, a, t) {
+      n.value = n.value.map((o) => a in o ? { ...o, [a]: e } : o), b.context.node.value.length === 0 && b.context.node.input(n.value), t === 2 ? (_.value && clearTimeout(_.value), _.value = setTimeout(() => {
+        k(e, a, t);
+      }, 800)) : t === 3 ? (y.value && clearTimeout(y.value), y.value = setTimeout(() => {
+        k(e, a, t);
+      }, 800)) : k(e, a, t);
+    }
+    function C() {
+      const e = n.value[0];
       if (e["foaf:name"].trim() === "")
-        t.value[1].show = !0, s.value[1] = !1;
+        l.value[1].show = !0, s.value[1] = !1;
       else {
-        const a = y(e["foaf:name"]);
-        t.value[1].show = !a, s.value[1] = a;
+        const a = $(e["foaf:name"]);
+        l.value[1].show = !a, s.value[1] = a;
       }
       if (e["foaf:mbox"].trim() === "")
-        t.value[2].show = !0, s.value[2] = !1;
+        l.value[2].show = !0, s.value[2] = !1;
       else {
-        const a = T(e["foaf:mbox"]);
-        t.value[2].show = !a, s.value[2] = a;
+        const a = x(e["foaf:mbox"]);
+        l.value[2].show = !a, s.value[2] = a;
       }
       if (e["foaf:homepage"].trim() === "")
-        t.value[3].show = !0, s.value[3] = !1;
+        l.value[3].show = !0, s.value[3] = !1;
       else {
-        const a = E(e["foaf:homepage"]);
-        t.value[3].show = !a, s.value[3] = a;
+        const a = T(e["foaf:homepage"]);
+        l.value[3].show = !a, s.value[3] = a;
       }
-      s.value[1] && s.value[2] && s.value[3] ? i.value[0].isValid = !0 : i.value[0].isValid = !1, console.log("Validation states:", s.value), console.log("Validation errors:", t.value);
-    };
-    B(() => i.value[0].isValid, (e) => {
-      console.log("Overall validity changed:", e), e === !1 && $();
+      s.value[1] && s.value[2] && s.value[3] ? n.value[0].isValid = !0 : n.value[0].isValid = !1, console.log("Validation states:", s.value), console.log("Validation errors:", l.value);
+    }
+    L(() => n.value[0].isValid, (e) => {
+      console.log("Overall validity changed:", e), e === !1 && C();
     });
-    const x = () => {
-      if (n.value && (n.value.organization && p(n.value.organization, "foaf:name", 1), n.value.email && p(n.value.email, "foaf:mbox", 2), n.value.website)) {
-        let e = n.value.website;
-        e.startsWith("https://") ? e = e.substring(8) : e.startsWith("http://") && (e = e.substring(7)), p(e, "foaf:homepage", 3);
+    function F() {
+      if (r.value && (r.value.organization && c(r.value.organization, "foaf:name", 1), r.value.email && c(r.value.email, "foaf:mbox", 2), r.value.website)) {
+        let e = r.value.website;
+        e.startsWith("https://") ? e = e.substring(8) : e.startsWith("http://") && (e = e.substring(7)), c(e, "foaf:homepage", 3);
       }
-    };
-    return (e, a) => (f(), d("div", R, [
-      o("h4", null, c(e.$t("message.dataupload.datasets.dct:publisher.title")), 1),
-      o("div", F, c(e.$t("message.dataupload.datasets.dct:publisher.description")), 1),
-      o("div", N, [
-        o("div", U, [
-          a[3] || (a[3] = o("div", null, [
-            o("span", { class: "copy-small-semi-bold" }, "Konto")
+    }
+    return (e, a) => (d(), u("div", H, [
+      i("h4", null, p(e.$t("message.dataupload.datasets.dct:publisher.title")), 1),
+      i("div", J, p(e.$t("message.dataupload.datasets.dct:publisher.description")), 1),
+      i("div", Q, [
+        i("div", X, [
+          a[3] || (a[3] = i("div", null, [
+            i("span", { class: "copy-small-semi-bold" }, "Konto")
           ], -1)),
-          u(W, {
-            buttonText: "Diese Details verwenden",
-            iconStart: "true",
-            iconName: "copy",
-            onClick: x
-          })
+          f(M, {
+            "button-text": "Diese Details verwenden",
+            "icon-start": "true",
+            "icon-name": "copy",
+            disabled: z.value || Object.keys(r.value).length === 0,
+            onClick: F
+          }, null, 8, ["disabled"])
         ]),
-        o("div", Z, [
-          (f(!0), d(D, null, O(Object.values(n.value), (l) => (f(), d("span", H, c(l), 1))), 256))
+        i("div", Y, [
+          z.value ? (d(), u("span", Z, "Lade Kontodaten...")) : Object.keys(r.value).length > 0 ? (d(!0), u(K, { key: 1 }, N(r.value, (t, o) => (d(), u("span", {
+            key: o,
+            class: "copy-small-regular"
+          }, p(t), 1))), 128)) : (d(), u("span", ee, "Keine Kontodaten verfügbar"))
         ])
       ]),
-      o("div", L, [
-        u(k, {
-          modelValue: i.value[0]["foaf:name"],
-          "onUpdate:modelValue": a[0] || (a[0] = (l) => p(l, "foaf:name", 1)),
-          addOnText: !1,
-          datePicker: !1,
-          infoIcon: !1,
+      i("div", ae, [
+        f(V, {
+          "model-value": n.value[0]["foaf:name"],
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
           placeholder: e.$t("message.dataupload.datasets.dct:publisher.nameInput.placeholder"),
-          preIcon: !1,
-          inputFieldSize: "large",
-          initialHintText: !1,
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !1,
           label: e.$t("message.dataupload.datasets.dct:publisher.nameInput.title"),
-          showEndIcon: !1,
-          showError: t.value[1].show
-        }, null, 8, ["modelValue", "placeholder", "label", "showError"]),
-        t.value[1].show ? (f(), d("div", M, [
-          u(h(g), {
+          "show-end-icon": !1,
+          "show-error": l.value[1].show,
+          "onUpdate:modelValue": a[0] || (a[0] = (t) => c(t, "foaf:name", 1))
+        }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
+        l.value[1].show ? (d(), u("div", te, [
+          f(h(g), {
             size: 16,
             weight: "fill"
           }),
-          o("span", j, c(t.value[1].message), 1)
+          i("span", le, p(l.value[1].message), 1)
         ])) : v("", !0)
       ]),
-      o("div", K, [
-        u(k, {
-          modelValue: i.value[0]["foaf:mbox"],
-          "onUpdate:modelValue": a[1] || (a[1] = (l) => p(l, "foaf:mbox", 2)),
-          addOnText: !1,
-          datePicker: !1,
-          infoIcon: !1,
+      i("div", se, [
+        f(V, {
+          "model-value": n.value[0]["foaf:mbox"],
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
           placeholder: e.$t("message.dataupload.datasets.dct:publisher.mailInput.placeholder"),
-          preIcon: !1,
-          inputFieldSize: "large",
-          initialHintText: !1,
-          showError: t.value[2].show,
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !1,
+          "show-error": l.value[2].show,
           label: e.$t("message.dataupload.datasets.dct:publisher.mailInput.title"),
-          showEndIcon: !1
-        }, null, 8, ["modelValue", "placeholder", "showError", "label"]),
-        t.value[2].show ? (f(), d("div", q, [
-          u(h(g), {
+          "show-end-icon": !1,
+          "onUpdate:modelValue": a[1] || (a[1] = (t) => c(t, "foaf:mbox", 2))
+        }, null, 8, ["model-value", "placeholder", "show-error", "label"]),
+        l.value[2].show ? (d(), u("div", oe, [
+          f(h(g), {
             size: 16,
             weight: "fill"
           }),
-          o("span", G, c(t.value[2].message), 1)
+          i("span", ie, p(l.value[2].message), 1)
         ])) : v("", !0)
       ]),
-      o("div", J, [
-        u(k, {
-          modelValue: i.value[0]["foaf:homepage"],
-          "onUpdate:modelValue": a[2] || (a[2] = (l) => p(l, "foaf:homepage", 3)),
-          addOnText: !0,
-          datePicker: !1,
-          infoIcon: !1,
+      i("div", ne, [
+        f(V, {
+          "model-value": n.value[0]["foaf:homepage"],
+          "add-on-text": !0,
+          "date-picker": !1,
+          "info-icon": !1,
           placeholder: e.$t("message.dataupload.datasets.dct:publisher.websiteInput.placeholder"),
-          preIcon: !1,
-          inputFieldSize: "large",
-          initialHintText: !1,
-          addOnLeadingText: "https://",
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !1,
+          "add-on-leading-text": "https://",
           label: e.$t("message.dataupload.datasets.dct:publisher.websiteInput.title"),
-          showEndIcon: !1,
-          showError: t.value[3].show
-        }, null, 8, ["modelValue", "placeholder", "label", "showError"]),
-        t.value[3].show ? (f(), d("div", Q, [
-          u(h(g), {
+          "show-end-icon": !1,
+          "show-error": l.value[3].show,
+          "onUpdate:modelValue": a[2] || (a[2] = (t) => c(t, "foaf:homepage", 3))
+        }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
+        l.value[3].show ? (d(), u("div", re, [
+          f(h(g), {
             size: 16,
             weight: "fill"
           }),
-          o("span", X, c(t.value[3].message), 1)
+          i("span", ue, p(l.value[3].message), 1)
         ])) : v("", !0)
       ]),
-      o("div", Y, c(e.$t("message.dataupload.datasets.dct:publisher.descriptionBottom")), 1),
-      i.value.find((l) => l.isValid === !1) ? (f(), d("div", ee, [
-        u(h(g), {
+      i("div", de, p(e.$t("message.dataupload.datasets.dct:publisher.descriptionBottom")), 1),
+      n.value.find((t) => t.isValid === !1) ? (d(), u("div", fe, [
+        f(h(g), {
           size: 16,
           weight: "fill"
         }),
-        a[4] || (a[4] = o("span", { class: "copy-mini-regular" }, "Bitte füllen Sie alle Pflichtfelder aus, bevor Sie fortfahren.", -1))
+        a[4] || (a[4] = i("span", { class: "copy-mini-regular" }, "Bitte füllen Sie alle Pflichtfelder aus, bevor Sie fortfahren.", -1))
       ])) : v("", !0)
     ]));
   }
-}, ue = /* @__PURE__ */ A(ae, [["__scopeId", "data-v-c2988908"]]);
+}, ke = /* @__PURE__ */ q(pe, [["__scopeId", "data-v-2e0d13e3"]]);
 export {
-  ue as default
+  ke as default
 };