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

package/dist/data-provider-interface/DataProviderInterface.vue2.js

@@ -1,24 +1,24 @@
-import { whenever as k } from "@vueuse/core";
-import { defineComponent as M, defineAsyncComponent as N, toRef as V, computed as i, toValue as q, provide as L, watchEffect as v, ref as u, nextTick as $ } from "vue";
-import { useRoute as P } from "vue-router";
-import { mapActions as D, mapGetters as _, useStore as B } from "vuex";
-import { useRuntimeEnv as O } from "../composables/useRuntimeEnv.js";
-import F from "./components/TheErrorDialog.vue.js";
-import { autocompleteKey as T, defaultAutocompleteAdapter as j } from "./composables/aucotomplete.js";
-import { setupDpiContext as z } from "./composables/useDpiContext.js";
-import { useDpiEditMode as J } from "./composables/useDpiEditMode.js";
-import { useFormValues as G } from "./composables/useDpiFormValues.js";
-import { useErrorDialog as K } from "./composables/useErrorDialog.js";
-import { config as H } from "./config/dpi-spec-config.js";
-import Q from "./HappyFlowComponents/ui/ButtonV3.vue.js";
-import U from "./HappyFlowComponents/ui/DpiModalBase.vue.js";
-const ue = M({
+import { whenever as V } from "@vueuse/core";
+import { defineComponent as q, defineAsyncComponent as P, toRef as _, computed as i, toValue as B, provide as O, watchEffect as v, ref as u, nextTick as D } from "vue";
+import { useRoute as j } from "vue-router";
+import { mapActions as w, mapGetters as z, useStore as F } from "vuex";
+import { useRuntimeEnv as T } from "../composables/useRuntimeEnv.js";
+import J from "./components/TheErrorDialog.vue.js";
+import { autocompleteKey as G, defaultAutocompleteAdapter as K } from "./composables/aucotomplete.js";
+import { setupDpiContext as H } from "./composables/useDpiContext.js";
+import { useDpiEditMode as Q } from "./composables/useDpiEditMode.js";
+import { useFormValues as U } from "./composables/useDpiFormValues.js";
+import { useErrorDialog as W } from "./composables/useErrorDialog.js";
+import { config as X } from "./config/dpi-spec-config.js";
+import Y from "./HappyFlowComponents/ui/ButtonV3.vue.js";
+import Z from "./HappyFlowComponents/ui/DpiModalBase.vue.js";
+const fe = q({
   name: "DataProviderInterface",
   components: {
-    ButtonV3: Q,
-    InputPage: N(() => import("./views/InputPage.vue.js")),
-    DpiModalBase: U,
-    TheErrorDialog: F
+    ButtonV3: Y,
+    InputPage: P(() => import("./views/InputPage.vue.js")),
+    DpiModalBase: Z,
+    TheErrorDialog: J
   },
   props: {
     name: {
@@ -53,7 +53,7 @@ const ue = M({
     };
   },
   computed: {
-    ..._("auth", [
+    ...z("auth", [
       "getIsEditMode"
     ]),
     mode() {
@@ -61,10 +61,10 @@ const ue = M({
     }
   },
   methods: {
-    ...D("dpiStore", [
+    ...w("dpiStore", [
       "saveLocalstorageValues"
     ]),
-    ...D("auth", [
+    ...w("auth", [
       "populateDraftAndEdit"
     ]),
     getClearPath() {
@@ -88,10 +88,10 @@ const ue = M({
     window.removeEventListener("scroll", this.handleScroll);
   },
   setup(o) {
-    const e = P(), r = B(), c = O(), h = c.content.dataProviderInterface.specification, w = H[h], b = V(o, "dpiContext"), { formValues: g } = G(), { openErrorDialog: y } = K(), t = i(() => {
-      const a = q(b);
+    const e = j(), r = F(), c = T(), h = c.content.dataProviderInterface.specification, S = X[h], b = _(o, "dpiContext"), { formValues: g } = U(), { openErrorDialog: y } = W(), t = i(() => {
+      const a = B(b);
       return {
-        specification: w,
+        specification: S,
         specificationName: h,
         edit: {
           enabled: e.query.edit === "true",
@@ -101,26 +101,26 @@ const ue = M({
         },
         ...a
       };
-    }), S = i(() => t.value.specification), E = i(() => t.value.specificationName);
-    z(t);
-    const A = j({
+    }), A = i(() => t.value.specification), E = i(() => t.value.specificationName);
+    H(t);
+    const C = K({
       envs: c,
       dpiContext: t
     });
-    L(T, o.autocomplete || A.adapter), v(() => {
-      r.dispatch("dpiStore/setSpecification", S.value), r.dispatch("dpiStore/setSpecificationname", E.value);
+    O(G, o.autocomplete || C.adapter), v(() => {
+      r.dispatch("dpiStore/setSpecification", A.value), r.dispatch("dpiStore/setSpecificationname", E.value);
     });
-    const C = i(() => `${e.query.key}@${E.value}`), { isReady: p, result: m, inEditModeAndRptAvailable: I, parsingErrors: s, fetchError: n } = J(t), f = u(!1);
+    const I = i(() => `${e.query.key}@${E.value}`), { isReady: p, result: m, inEditModeAndRptAvailable: $, parsingErrors: s, fetchError: n, isSimpleLoaderReady: x, isMaterialized: R, isLoading: L, jsonld: M } = Q(t), f = u(!1);
     v(async () => {
-      f.value || I.value && p.value && (await $(), await $(), g.value = m.value, console.log("resultus", m.value), f.value = !0);
+      f.value || $.value && p.value && (await D(), await D(), g.value = m.value, console.log("resultus", m.value), f.value = !0);
     });
-    const x = i(() => {
+    const k = i(() => {
       var a;
       return (a = t.value.edit) != null && a.enabled ? p.value && f.value : p.value;
-    }), d = u(!1), l = u(null), R = u(!0);
+    }), d = u(!1), l = u(null), N = u(!0);
     return v(() => {
       s.value && s.value.length > 0 ? (l.value = s.value[0], d.value = !0, y(new Error(s.value[0].message))) : (d.value = !1, l.value = null);
-    }), k(n, () => {
+    }), V(n, () => {
       var a;
       l.value = {
         code: "fetch_failed",
@@ -129,16 +129,21 @@ const ue = M({
     }, { immediate: !0 }), {
       result: m,
       resolvedDpiContext: t,
-      key: C,
-      isReady: x,
+      key: I,
+      isReady: k,
       formValues: g,
       showErrorModal: d,
       currentError: l,
-      isDevelopment: R,
-      fetchError: n
+      isDevelopment: N,
+      fetchError: n,
+      isSimpleLoaderReady: x,
+      isMaterialized: R,
+      isLoading: L,
+      jsonld: M,
+      inEditModeAndRptAvailable: $
     };
   }
 });
 export {
-  ue as default
+  fe as default
 };

package/dist/data-provider-interface/HappyFlowComponents/HomeTable.vue.js

@@ -1,4 +1,4 @@
-import { ref as v, computed as l, watch as _, createElementBlock as r, openBlock as a, createElementVNode as o, createCommentVNode as B, unref as u, createTextVNode as h, createVNode as D, withCtx as L, createStaticVNode as N, Fragment as b, renderList as V, createBlock as k } from "vue";
+import { ref as v, computed as n, watch as _, createElementBlock as r, openBlock as a, createElementVNode as o, createCommentVNode as B, unref as u, createTextVNode as h, createVNode as D, withCtx as L, createStaticVNode as N, Fragment as b, renderList as V, createBlock as k } from "vue";
 import { useAsyncState as U, useDebounce as z } from "@vueuse/core";
 import C from "axios";
 import "jquery";
@@ -24,28 +24,28 @@ const F = { class: "dpiV3_dpiHome V3-typography" }, K = { class: "dpiV3_homeHead
   setup(X) {
     const x = R(), i = W();
     E(), localStorage.getItem("dpi_duplicate"), v("");
-    let d = l(() => i.getters["auth/getUserCatalogIds"]);
+    let l = n(() => i.getters["auth/getUserCatalogIds"]);
     v({
       loading: !1,
       message: "",
       confirm: () => null
     });
-    const m = l(() => i.getters["auth/getUserDrafts"]), I = l(() => i.getters["auth/getUserData"]);
-    l(() => I.value.rtpToken);
+    const m = n(() => i.getters["auth/getUserDrafts"]), I = n(() => i.getters["auth/getUserData"]);
+    n(() => I.value.rtpToken);
     const S = (s) => i.dispatch("snackbar/showSnackbar", s);
     async function w(s) {
-      const t = s.map((n) => C.get(`${x.api.baseUrl}search?facets={%22catalog%22:[%22${n}%22]}&filters=dataset&includes=title,modified,id,description,catalog`));
-      return (await Promise.all(t)).flatMap((n) => n.data.result.results);
+      const t = s.map((d) => C.get(`${x.api.baseUrl}search?facets={%22catalog%22:[%22${d}%22]}&filters=dataset&includes=title,modified,id,description,catalog`));
+      return (await Promise.all(t)).flatMap((d) => d.data.result.results);
     }
     const {
       state: p,
       execute: H,
       isLoading: P,
       error: c
-    } = U(async () => w(d.value), [], { immediate: !1 });
-    _(d, () => {
+    } = U(async () => w(l.value), [], { immediate: !1 });
+    _(l, () => {
       var s;
-      ((s = d.value) == null ? void 0 : s.length) > 0 && H();
+      ((s = l.value) == null ? void 0 : s.length) > 0 && H();
     }, { immediate: !0 }), _(c, () => {
       console.error(c), S({
         message: c.message,
@@ -57,7 +57,7 @@ const F = { class: "dpiV3_dpiHome V3-typography" }, K = { class: "dpiV3_homeHead
       o("div", K, [
         t[1] || (t[1] = o("h2", { class: "dpiV3_tableHeader" }, " Ihre Datensätze ", -1)),
         u(p).length === 0 && m.value.length === 0 ? (a(), r("p", M, t[0] || (t[0] = [
-          h(" Willkommen im Data Provider Infsdfterface ✨ ", -1),
+          h(" Willkommen im Data Provider Interface ✨ ", -1),
           o("br", null, null, -1),
           h("Beginnen Sie mit der Erstellung Ihres ersten Datensatzes! ", -1)
         ]))) : B("", !0),
@@ -77,7 +77,7 @@ const F = { class: "dpiV3_dpiHome V3-typography" }, K = { class: "dpiV3_homeHead
         u(T) ? (a(), r("div", J, t[2] || (t[2] = [
           o("p", null, "Lädt Daten...", -1)
         ]))) : (a(), r("div", O, [
-          t[3] || (t[3] = N('<div class="dpiV3_tableHeadWrap" data-v-3fec7901><div class="dpiV3_thWrap" data-v-3fec7901><div scope="col" data-v-3fec7901><span data-v-3fec7901>Datensätze</span></div><div scope="col" class="dpiV3_statusHead" data-v-3fec7901><span data-v-3fec7901>Status</span></div></div><div class="dpiV3_blankCell" data-v-3fec7901></div></div>', 1)),
+          t[3] || (t[3] = N('<div class="dpiV3_tableHeadWrap" data-v-e3ec9dd2><div class="dpiV3_thWrap" data-v-e3ec9dd2><div scope="col" data-v-e3ec9dd2><span data-v-e3ec9dd2>Datensätze</span></div><div scope="col" class="dpiV3_statusHead" data-v-e3ec9dd2><span data-v-e3ec9dd2>Status</span></div></div><div class="dpiV3_blankCell" data-v-e3ec9dd2></div></div>', 1)),
           o("div", null, [
             (a(!0), r(b, null, V(m.value, (e) => (a(), k(y, {
               id: e.id,
@@ -89,11 +89,11 @@ const F = { class: "dpiV3_dpiHome V3-typography" }, K = { class: "dpiV3_homeHead
               draft: "true",
               dataset: e
             }, null, 8, ["id", "data-cy", "catalogue", "text", "date", "dataset"]))), 128)),
-            (a(!0), r(b, null, V(u(p), (e, n) => {
-              var f, g;
+            (a(!0), r(b, null, V(u(p), (e, d) => {
+              var g, f;
               return a(), k(y, {
                 key: e.id,
-                text: ((f = e.title) == null ? void 0 : f.de) || ((g = e.title) == null ? void 0 : g.en) || "Kein Titel in englisch oder deutsch vohanden",
+                text: ((g = e.title) == null ? void 0 : g.de) || ((f = e.title) == null ? void 0 : f.en) || "Kein Titel in englisch oder deutsch vohanden",
                 date: e.modified ? new Date(e.modified).toDateString() : "-",
                 dataset: e
               }, null, 8, ["text", "date", "dataset"]);
@@ -103,7 +103,7 @@ const F = { class: "dpiV3_dpiHome V3-typography" }, K = { class: "dpiV3_homeHead
       ])
     ]));
   }
-}, ce = /* @__PURE__ */ q(Q, [["__scopeId", "data-v-3fec7901"]]);
+}, ce = /* @__PURE__ */ q(Q, [["__scopeId", "data-v-e3ec9dd2"]]);
 export {
   ce as default
 };

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

@@ -1,12 +1,13 @@
-import { ref as k, getCurrentInstance as A, resolveComponent as x, createElementBlock as w, openBlock as r, Fragment as F, createVNode as v, withCtx as V, createTextVNode as N, toDisplayString as U, createCommentVNode as i, createBlock as u, renderList as S, unref as c, isRef as $, createElementVNode as j } from "vue";
+import { ref as k, getCurrentInstance as U, resolveComponent as x, createElementBlock as w, openBlock as r, Fragment as F, createVNode as v, withCtx as V, createTextVNode as j, toDisplayString as N, createCommentVNode as i, createBlock as u, renderList as S, unref as c, isRef as $, createElementVNode as L } from "vue";
 import C from "../ButtonV3.vue.js";
 import g from "../InputField.vue.js";
-import L from "../TextAreaV3.vue.js";
+import D from "../TextAreaV3.vue.js";
 import O from "../Dropdown.vue.js";
-import { getNode as D } from "@formkit/core";
+import "@formkit/core";
 import { getOptionalURIs as R } from "../../services/dpiV3_apis.js";
+import { useFormValues as G } from "../../../composables/useDpiFormValues.js";
 /* empty css                         */
-const G = { class: "dpiV3_actionButtonWrap" }, _ = {
+const M = { class: "dpiV3_actionButtonWrap" }, le = {
   __name: "AdditionalsSubModal",
   props: {
     context: Object,
@@ -14,8 +15,8 @@ const G = { class: "dpiV3_actionButtonWrap" }, _ = {
   },
   setup(l, { emit: E }) {
     const P = E;
-    let m = k([{}]), h = k([]), o = k(), H = A().appContext.app.config.globalProperties.$env;
-    const W = l, B = () => {
+    let m = k([{}]), h = k([]), o = k(), H = U().appContext.app.config.globalProperties.$env;
+    const { formValues: W } = G(), B = l, z = () => {
       P("goBack", !1);
     }, s = (n, t, f) => {
       console.log("######## Ident", t, n, f), n.target.value != "" && (m.value[0][t] = n.target.value), t === "@id" && n.target.value != "" && (m.value[0][t] = "https://" + n.target.value);
@@ -49,15 +50,15 @@ const G = { class: "dpiV3_actionButtonWrap" }, _ = {
             console.log(d);
           }
       }
-    }, z = () => {
-      D("Additionals").value[W.item.name] = m.value, P("sst", "close"), console.log(m);
+    }, A = () => {
+      W.value.Additionals[B.item.name] = m.value, P("sst", "close"), console.log(m);
     };
     return (n, t) => {
       const f = x("additionalText"), p = x("itemWrapperAdditionals"), d = x("activeItem"), I = x("interaction");
       return r(), w(F, null, [
         v(f, null, {
           default: V(() => [
-            N(U(l.item.help), 1)
+            j(N(l.item.help), 1)
           ]),
           _: 1
         }),
@@ -143,7 +144,7 @@ const G = { class: "dpiV3_actionButtonWrap" }, _ = {
                   data: c(h),
                   autocomplete: !0
                 }, null, 8, ["onInput", "modelValue", "inputFieldProps", "data"])) : i("", !0),
-                e.$formkit === "textarea" ? (r(), u(L, {
+                e.$formkit === "textarea" ? (r(), u(D, {
                   key: 4,
                   label: e.label,
                   placeholder: l.item.placeholder,
@@ -221,16 +222,16 @@ const G = { class: "dpiV3_actionButtonWrap" }, _ = {
         }),
         v(I, { class: "dpiV3_interactionWrap" }, {
           default: V(() => [
-            j("div", G, [
+            L("div", M, [
               v(C, {
-                onClick: B,
+                onClick: z,
                 buttonText: "Zurück",
                 size: "large",
                 iconStart: "CaretLeft",
                 variant: "tertiary"
               }),
               v(C, {
-                onClick: z,
+                onClick: A,
                 buttonText: "Speichern",
                 size: "large"
               })
@@ -243,5 +244,5 @@ const G = { class: "dpiV3_actionButtonWrap" }, _ = {
   }
 };
 export {
-  _ as default
+  le as default
 };

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

@@ -1,28 +1,69 @@
-import { ref as p, getCurrentInstance as u, resolveComponent as d, createElementBlock as m, openBlock as f, createVNode as n, withCtx as r, unref as t } from "vue";
-import b from "../Dropdown.vue.js";
-import c from "../../../components/DistributionSimplePage.vue.js";
-import { getNode as l } from "@formkit/core";
-import g from "../InputField.vue.js";
-const D = { class: "dpiV3_innerRapModalWrapper" }, k = {
+import { ref as o, getCurrentInstance as g, watch as D, onMounted as z, resolveComponent as C, createElementBlock as x, openBlock as F, createVNode as d, withCtx as V, unref as m, isRef as M } from "vue";
+import { getLicenses as T } from "../../services/dpiV3_apis.js";
+import B from "../Dropdown.vue.js";
+import P from "../../../components/DistributionSimplePage.vue.js";
+import "@formkit/core";
+import S from "../InputField.vue.js";
+import { useFormValues as k } from "../../../composables/useDpiFormValues.js";
+const R = { class: "dpiV3_innerRapModalWrapper" }, W = {
   __name: "DistributionModal",
   props: {
     context: Object,
     newValues: Object
   },
-  setup(s) {
-    return p([]), u().appContext.app.config.globalProperties.$env, (i, e) => {
-      const a = d("innerRapModalItem");
-      return f(), m("div", D, [
-        n(a, null, {
-          default: r(() => [
-            n(b, {
+  setup(b) {
+    let s = o("");
+    o([]), g().appContext.app.config.globalProperties.$env;
+    let r = o([]);
+    const { formValues: c } = k(), v = o("");
+    let h = o(!1), i = o({ 1: !1, 2: !1 });
+    const a = o([
+      { isValid: "unset", "dcterms:license": "", title: "", uri: "" }
+    ]), L = (e, l, t) => {
+      f(e, l, t);
+    }, w = (e) => {
+      const l = typeof e == "object" && e.target ? e.target.value : e;
+      f(l, "dcterms:license", 1);
+    }, I = (e, l, t) => {
+      e.target.value != "" ? (i.value[t] = !0, i.value[1] && i.value[2] && (a.value[0].isValid = !0)) : (i.value[t] = !1, (!i.value[1] || !i.value[2]) && (a.value[0].isValid = !1));
+      const n = e.target.value;
+      a.value = a.value.map((p) => l in p ? { ...p, [l]: n } : p), c.value.DistributionSimple["dct:license"] = a.value;
+    }, f = (e, l, t, n) => {
+      !(e === "" || r.value.some((u) => u["@value"] === e)) && e !== "" ? (v.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste", i.value[t] = !1, a.value[0].isValid = !1) : (v.value = "", h.value = e !== "", e !== "" ? (i.value[t] = !0, e !== "" && i.value[2] && (a.value[0].isValid = !0)) : (i.value[t] = !1, a.value[0].isValid = !1), a.value = a.value.map((u) => l in u ? { ...u, [l]: e, uri: n } : u)), console.log(c.value.DistributionSimple), c.value.DistributionSimple["dct:license"] = a.value;
+    };
+    return D(s, (e) => {
+      console.log("##############");
+      let l = r.value.find(
+        (t) => t["@value"] === e
+      ).uri;
+      e !== void 0 && f(e, "dcterms:license", 1, l);
+    }), z(async () => {
+      const l = g().appContext.app.config.globalProperties.$env;
+      console.log("halloo?");
+      try {
+        const t = await T(l.api.baseUrl);
+        r.value = t.map((n) => ({
+          "@value": n.value,
+          label: n.label,
+          uri: n.uri
+        })), console.log(r.value);
+      } catch (t) {
+        console.error("Failed to load licenses", t);
+      }
+    }), (e, l) => {
+      const t = C("innerRapModalItem");
+      return F(), x("div", R, [
+        d(t, null, {
+          default: V(() => [
+            d(B, {
               "onUpdate:modelValue": [
-                e[0] || (e[0] = (o) => i.handleChangeLicenseVal(o, "label", 1)),
-                e[1] || (e[1] = (o) => t(l)("DistributionSimple").value[Object.keys(t(l)("DistributionSimple").value)[1]][0].label = o)
+                l[0] || (l[0] = (n) => L(n, "dcterms:license", 1)),
+                l[1] || (l[1] = (n) => M(s) ? s.value = n : s = n)
               ],
               dropdownWidth: "large",
+              onInput: w,
               type: "inputField",
-              modelValue: t(l)("DistributionSimple").value[Object.keys(t(l)("DistributionSimple").value)[1]][0].label,
+              modelValue: m(s),
               inputFieldProps: {
                 addOnText: !1,
                 initialHintText: !1,
@@ -33,32 +74,32 @@ const D = { class: "dpiV3_innerRapModalWrapper" }, k = {
                 dropdown_dpiV3: !0,
                 placeholder: "Lizenz wählen...",
                 inputFieldSize: "large",
-                modelValue: "",
+                modelValue: m(s),
                 defaultInput: !0,
                 showError: !1
               },
-              data: i.licenseOptions,
-              onDeleteButtonClicked: i.deleteModifiedField,
+              data: m(r),
+              onDeleteButtonClicked: e.deleteModifiedField,
               class: "gap5BottomAsMargin"
-            }, null, 8, ["modelValue", "data", "onDeleteButtonClicked"]),
-            n(g, {
-              label: i.$t("message.metadata.publisher"),
-              modelValue: t(l)("DistributionSimple").value[Object.keys(t(l)("DistributionSimple").value)[1]][0].title,
+            }, null, 8, ["modelValue", "inputFieldProps", "data", "onDeleteButtonClicked"]),
+            d(S, {
+              onInput: l[2] || (l[2] = (n) => I(n, "title", 2)),
+              modelValue: e.changeLicenseTitleText,
+              "onUpdate:modelValue": l[3] || (l[3] = (n) => e.changeLicenseTitleText = n),
+              label: e.$t("message.metadata.publisher"),
               infoIcon: !1,
               preIcon: !1,
               initialHintText: !0,
               "supporting-hint-message": "Dieser Namensnennungstext stellt sicher, dass die Lizenzbedingungen eingehalten werden.",
-              showEndIcon: !1,
-              onInput: e[2] || (e[2] = () => {
-              })
-            }, null, 8, ["label", "modelValue"])
+              showEndIcon: !1
+            }, null, 8, ["modelValue", "label"])
           ]),
           _: 1
         }),
-        n(a, null, {
-          default: r(() => [
-            n(c, {
-              context: s.context,
+        d(t, null, {
+          default: V(() => [
+            d(P, {
+              context: b.context,
               inRap: !0
             }, null, 8, ["context"])
           ]),
@@ -69,5 +110,5 @@ const D = { class: "dpiV3_innerRapModalWrapper" }, k = {
   }
 };
 export {
-  k as default
+  W as default
 };

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

@@ -1,43 +1,45 @@
-import { ref as s, getCurrentInstance as _, onMounted as b, createElementBlock as n, openBlock as o, Fragment as y, renderList as h, unref as c, createBlock as m } from "vue";
-import g from "../Chip.vue.js";
-import { getDatasetCategories as C } from "../../services/dpiV3_apis.js";
-import { getNode as r } from "@formkit/core";
+import { ref as s, getCurrentInstance as _, onMounted as m, createElementBlock as n, openBlock as r, Fragment as y, renderList as h, createBlock as g } from "vue";
+import "@formkit/core";
+import { getDatasetCategories as x } from "../../services/dpiV3_apis.js";
+import C from "../Chip.vue.js";
+import { useFormValues as k } from "../../../composables/useDpiFormValues.js";
 /* empty css                      */
-import k from "../../../../_virtual/_plugin-vue_export-helper.js";
-const x = { class: "dpiV3_fChipWrap" }, I = {
+import I from "../../../../_virtual/_plugin-vue_export-helper.js";
+const D = { class: "dpiV3_fChipWrap" }, F = {
   __name: "FindabilityChips",
   props: {
     context: Object
   },
-  setup(D) {
-    let i = s([]), d = _().appContext.app.config.globalProperties.$env, l = s(r("Discoverability").value[Object.keys(r("Discoverability").value)[0]]), p = (t) => {
+  setup(c) {
+    const u = c, i = s([]), p = _().appContext.app.config.globalProperties.$env, a = s(u.context.attrs["final-values"].Discoverability.discoverabilityPage), d = (t) => {
       try {
-        return l.value.find((a) => a.id === t.id);
+        return a.value.find((l) => l.id === t.id);
       } catch {
       }
-    };
-    const u = async () => {
+    }, { formValues: o } = k();
+    async function f() {
       try {
-        i.value = await C(d.api.baseUrl), i.value.sort((t, a) => t.pref_label.de.localeCompare(a.pref_label.de));
+        i.value = await x(p.api.baseUrl), i.value.sort((t, l) => t.pref_label.de.localeCompare(l.pref_label.de));
       } catch (t) {
         console.log(t);
       }
-    }, f = (t) => {
-      l.value.find((e) => e.id === t.id) ? l.value = l.value.filter((e) => e.id !== t.id) : l.value.push({ id: t.id, uri: t.resource, label: t.pref_label.de }), l.value.length > 1 ? l.value.find((e) => e.isValid = !0) : l.value.find((e) => e.isValid = !1), r("Discoverability").value[Object.keys(r("Discoverability").value)[0]] = l, console.log(l);
-    };
-    return b(() => {
-      u();
-    }), (t, a) => (o(), n("div", x, [
-      (o(!0), n(y, null, h(c(i), (e, v) => (o(), m(g, {
-        key: v,
+    }
+    function v(t) {
+      a.value.find((e) => e.id === t.id) ? a.value = a.value.filter((e) => e.id !== t.id) : a.value.push({ id: t.id, uri: t.resource, label: t.pref_label.de }), a.value.length > 1 ? a.value.find((e) => e.isValid = !0) : a.value.find((e) => e.isValid = !1), o.value.Discoverability[Object.keys(o.value.Discoverability)[0]] = a, console.log(a);
+    }
+    return m(() => {
+      f();
+    }), (t, l) => (r(), n("div", D, [
+      (r(!0), n(y, null, h(i.value, (e, b) => (r(), g(C, {
+        key: b,
         text: e.pref_label.de,
         data: { "@value": e.value, URI: e.URI },
-        setup: { "@type": "select", "@inTable": !1, "@findability": !0, "@selected": c(p)(e) },
-        onClick: (E) => f(e)
+        setup: { "@type": "select", "@inTable": !1, "@findability": !0, "@selected": d(e) },
+        onClick: (V) => v(e)
       }, null, 8, ["text", "data", "setup", "onClick"]))), 128))
     ]));
   }
-}, V = /* @__PURE__ */ k(I, [["__scopeId", "data-v-3cc20246"]]);
+}, P = /* @__PURE__ */ I(F, [["__scopeId", "data-v-9f64c670"]]);
 export {
-  V as default
+  P as default
 };

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

@@ -1,23 +1,24 @@
-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, createElementBlock as g, openBlock as b, Fragment as h, createElementVNode as s, createVNode as n, unref as d, toDisplayString as V, getCurrentInstance as w } from "vue";
+import _ from "../SwitchV3.vue.js";
+import y from "../Dropdown.vue.js";
+import { getHvdCategories as S } from "../../services/dpiV3_apis.js";
+import "@formkit/core";
+import { useFormValues as C } from "../../../composables/useDpiFormValues.js";
 /* empty css               */
-const C = { class: "dpiV3_findabilitySwitchWrapper" }, D = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, E = {
+const D = { class: "dpiV3_findabilitySwitchWrapper" }, k = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, W = {
   __name: "HVDSwitch",
   props: {
     context: Object
   },
-  setup(k) {
-    const l = o(!1);
+  setup(H) {
+    const { formValues: c } = C(), l = o(!1);
     let i = o([{ isValid: !0 }]);
-    const r = o([]), c = o([]), p = (e) => {
+    const r = o([]), p = o([]), u = (e) => {
       i.value[0].isValid = !1, l.value = !e, console.log(l);
-    }, u = async () => {
+    }, f = async () => {
       try {
-        const e = V().appContext.app.config.globalProperties.$env, t = await y(e.api.baseUrl);
-        c.value = t, r.value = t.map((a) => ({
+        const e = w().appContext.app.config.globalProperties.$env, t = await S(e.api.baseUrl);
+        p.value = t, r.value = t.map((a) => ({
           label: a.pref_label.de,
           uri: a.resource,
           "@value": a.pref_label.de,
@@ -27,21 +28,21 @@ const C = { class: "dpiV3_findabilitySwitchWrapper" }, D = { class: "dpiV3_Switc
       } catch (e) {
         console.error("Error in component:", e), error.value = e;
       }
-    }, f = (e) => {
-      const t = r.value.find((g) => g.label === e.target.innerHTML), a = S("Discoverability").value;
+    }, m = (e) => {
+      const t = r.value.find((v) => v.label === e.target.innerHTML), a = c.value.Discoverability;
       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 f(), (e, t) => (b(), g(h, null, [
+      s("div", D, [
+        n(_, {
+          onSwitchToggled: t[0] || (t[0] = (a) => d(i)[0].isValid === !0 ? u(l.value) : (d(i)[0].isValid = !0, l.value = !l.value)),
           hasIcon: !1,
           defaultChecked: !1,
           disabled: !1
         }),
-        s("div", D, h(e.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
+        s("div", k, V(e.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
       ]),
-      n(_, {
+      n(y, {
         dropdownWidth: "large",
         isDisabled: !l.value,
         type: "inputField",
@@ -58,11 +59,11 @@ const C = { class: "dpiV3_findabilitySwitchWrapper" }, D = { class: "dpiV3_Switc
           inputFieldSize: "large"
         },
         data: r.value,
-        onClick: t[1] || (t[1] = (a) => f(a))
+        onClick: t[1] || (t[1] = (a) => m(a))
       }, null, 8, ["isDisabled", "inputFieldProps", "data"])
     ], 64));
   }
 };
 export {
-  E as default
+  W as default
 };