@piveau/piveau-hub-ui-modules 4.4.4 → 4.4.6

package/dist/data-provider-interface/components/UniqueIdentifierInput.vue.mjs

@@ -1,57 +1,52 @@
-import { getCurrentInstance as g, ref as u, onMounted as I, watchEffect as h, resolveComponent as D, openBlock as i, createElementBlock as q, createElementVNode as _, toDisplayString as $, createTextVNode as b, createBlock as n, unref as y } from "vue";
-import { isNil as k } from "lodash-es";
-import E from "axios";
-import { useStore as U } from "vuex";
-import { useI18n as C } from "vue-i18n";
-const M = { class: "formkitProperty DSid" }, N = {
+import { getCurrentInstance as g, ref as d, onMounted as I, watchEffect as D, resolveComponent as h, openBlock as l, createElementBlock as q, createElementVNode as $, toDisplayString as _, createTextVNode as b, createBlock as n } from "vue";
+import { isNil as y } from "lodash-es";
+import k from "axios";
+import { useStore as E } from "vuex";
+import { useI18n as U } from "vue-i18n";
+const C = { class: "formkitProperty DSid" }, M = {
   props: ["context"]
-}, V = /* @__PURE__ */ Object.assign(N, {
+}, K = /* @__PURE__ */ Object.assign(M, {
   __name: "UniqueIdentifierInput",
-  setup(S) {
+  setup(N) {
     let p = g().appContext.app.config.globalProperties.$env;
-    const d = U(), l = u(), o = u();
-    o.value = localStorage.getItem("dpi_duplicate"), l.value = d.getters["auth/getIsEditMode"];
-    const { t: s, locale: B } = C();
-    let r = {
+    const o = E(), r = d(), u = d();
+    u.value = localStorage.getItem("dpi_duplicate"), r.value = o.getters["auth/getIsEditMode"];
+    const { t: i, locale: S } = U(), t = d({
       idformatvalid: "",
       idunique: "",
       required: ""
-    };
+    });
     I(() => {
-      r = {
-        idformatvalid: s("message.dataupload.datasets.datasetID.invalidFormat"),
-        idunique: s("message.dataupload.datasets.datasetID.duplicate"),
-        required: s("message.dataupload.datasets.datasetID.required")
-      };
-    }), h(() => {
+      t.value.idformatvalid = i("message.dataupload.datasets.datasetID.invalidFormat"), t.value.idunique = i("message.dataupload.datasets.datasetID.duplicate"), t.value.required = i("message.dataupload.datasets.datasetID.required");
+    }), D(() => {
     });
     async function m(e) {
-      let t = !0, a = p.api.hubUrl;
-      const f = d.getters["auth/getUserDraftIds"];
+      let a = !0, s = p.api.hubUrl;
+      const c = o.getters["auth/getUserDraftIds"];
       return new Promise(() => {
-        if (k(e.value) || e.value === "" || e.value === void 0)
-          t = !0;
-        else if (f.includes(e.value))
-          t = !1;
+        if (y(e.value) || e.value === "" || e.value === void 0)
+          a = !0;
+        else if (c.includes(e.value))
+          a = !1;
         else {
-          const v = `${a}datasets/${e.value}?useNormalizedId=true`;
-          E.head(v).then(() => {
-            t = !1;
-          }).catch((F) => {
-            t = !0;
+          const v = `${s}datasets/${e.value}?useNormalizedId=true`;
+          k.head(v).then(() => {
+            a = !1;
+          }).catch((B) => {
+            a = !0;
           });
         }
-      }), t;
+      }), a;
     }
-    function c(e) {
+    function f(e) {
       return /^[a-z0-9-]*$/.test(e.value);
     }
-    return (e, t) => {
-      const a = D("FormKit");
-      return i(), q("div", M, [
-        _("h4", null, $(e.$t("message.dataupload.datasets.datasetID.label")), 1),
-        b(),
-        !l.value || o.value ? (i(), n(a, {
+    return (e, a) => {
+      const s = h("FormKit");
+      return l(), q("div", C, [
+        $("h4", null, _(e.$t("message.dataupload.datasets.datasetID.label")), 1),
+        a[0] || (a[0] = b()),
+        !r.value || u.value ? (l(), n(s, {
           key: 0,
           type: "text",
           name: "datasetID",
@@ -59,12 +54,12 @@ const M = { class: "formkitProperty DSid" }, N = {
           placeholder: e.$t("message.dataupload.datasets.datasetID.label"),
           info: e.$t("message.dataupload.datasets.datasetID.info"),
           help: e.$t("message.dataupload.datasets.datasetID.help"),
-          "validation-rules": { idformatvalid: c, idunique: m },
+          "validation-rules": { idformatvalid: f, idunique: m },
           validation: "idformatvalid|idunique|required",
           "validation-visibility": "live",
-          "validation-messages": y(r),
+          "validation-messages": t.value,
           "outer-class": "formkitCmpWrap p-3"
-        }, null, 8, ["placeholder", "info", "help", "validation-rules", "validation-messages"])) : (i(), n(a, {
+        }, null, 8, ["placeholder", "info", "help", "validation-rules", "validation-messages"])) : (l(), n(s, {
           key: 1,
           type: "text",
           name: "datasetID",
@@ -78,6 +73,6 @@ const M = { class: "formkitProperty DSid" }, N = {
   }
 });
 export {
-  V as default
+  K as default
 };
 //# sourceMappingURL=UniqueIdentifierInput.vue.mjs.map

package/dist/data-provider-interface/components/UniqueIdentifierInput.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"UniqueIdentifierInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/UniqueIdentifierInput.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted, watchEffect } from 'vue'\nimport { isNil } from 'lodash';\nimport axios from 'axios';\nimport { useStore } from 'vuex';\nimport { getCurrentInstance } from \"vue\";\nimport { useI18n } from 'vue-i18n';\nlet env = getCurrentInstance().appContext.app.config.globalProperties.$env;\n\nconst store = useStore();\nconst isEditMode = ref();\nconst isDuplicate = ref();\nisDuplicate.value = localStorage.getItem('dpi_duplicate');\nisEditMode.value = store.getters['auth/getIsEditMode'];\nconst { t, locale } = useI18n();\n\nlet validationMessages = {\n  idformatvalid: \"\",\n  idunique: \"\",\n  required: \"\"\n\n};\n\nonMounted(() => {\n  // This is kind of buggy, its taking the strings from the wrong json (de and en is switched)\n  validationMessages = {\n    idformatvalid: t('message.dataupload.datasets.datasetID.invalidFormat'),\n    idunique: t('message.dataupload.datasets.datasetID.duplicate'),\n    required: t('message.dataupload.datasets.datasetID.required')\n  };\n\n});\n\n\nwatchEffect(() => {\n\n\n});\n\n\n\nasync function idunique(node) {\n  let isUniqueID = true;\n  let hubUrl = env.api.hubUrl;\n  const draftIDs = store.getters['auth/getUserDraftIds'];\n\n  new Promise(() => {\n    if (isNil(node.value) || node.value === '' || node.value === undefined) isUniqueID = true;\n    else if (draftIDs.includes(node.value)) isUniqueID = false;\n    else {\n      const request = `${hubUrl}datasets/${node.value}?useNormalizedId=true`;\n      axios.head(request)\n        .then(() => {\n          isUniqueID = false;\n        })\n        .catch((e) => {\n          isUniqueID = true;\n        });\n    }\n  });\n  return isUniqueID;\n}\n\nfunction idformatvalid(node) {\n  return /^[a-z0-9-]*$/.test(node.value);\n}\n\n</script>\n\n<template>\n  <div class=\"formkitProperty DSid\">\n    <h4>{{ $t(`message.dataupload.datasets.datasetID.label`) }}</h4>\n    <FormKit v-if=\"!isEditMode || isDuplicate\" type=\"text\" name=\"datasetID\" id=\"datasetID\"\n      :placeholder=\"$t(`message.dataupload.datasets.datasetID.label`)\"\n      :info=\"$t(`message.dataupload.datasets.datasetID.info`)\" :help=\"$t(`message.dataupload.datasets.datasetID.help`)\"\n      :validation-rules=\"{ idformatvalid, idunique }\" validation=\"idformatvalid|idunique|required\"\n      validation-visibility=\"live\" :validation-messages=\"validationMessages\" outer-class=\"formkitCmpWrap p-3\">\n    </FormKit>\n    <FormKit v-else type=\"text\" name=\"datasetID\" id=\"datasetID\" :disabled=\"true\"\n      :info=\"$t(`message.dataupload.datasets.datasetID.info`)\" :help=\"$t(`message.dataupload.datasets.datasetID.help`)\">\n    </FormKit>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: ['context']\n}\n</script>\n\n<style></style>\n"],"names":["__default__","env","getCurrentInstance","store","useStore","isEditMode","ref","isDuplicate","t","locale","useI18n","validationMessages","onMounted","watchEffect","idunique","node","isUniqueID","hubUrl","draftIDs","isNil","request","axios","e","idformatvalid"],"mappings":";;;;;6CAqFAA,IAAe;AAAA,EACb,OAAO,CAAC,SAAS;AACnB;;;AAhFA,QAAIC,IAAMC,EAAkB,EAAG,WAAW,IAAI,OAAO,iBAAiB;AAEtE,UAAMC,IAAQC,EAAQ,GAChBC,IAAaC,EAAG,GAChBC,IAAcD,EAAG;AACvB,IAAAC,EAAY,QAAQ,aAAa,QAAQ,eAAe,GACxDF,EAAW,QAAQF,EAAM,QAAQ,oBAAoB;AACrD,UAAM,EAAE,GAAAK,GAAG,QAAAC,MAAWC;AAEtB,QAAIC,IAAqB;AAAA,MACvB,eAAe;AAAA,MACf,UAAU;AAAA,MACV,UAAU;AAAA,IAEZ;AAEA,IAAAC,EAAU,MAAM;AAEd,MAAAD,IAAqB;AAAA,QACnB,eAAeH,EAAE,qDAAqD;AAAA,QACtE,UAAUA,EAAE,iDAAiD;AAAA,QAC7D,UAAUA,EAAE,gDAAgD;AAAA,MAChE;AAAA,IAEA,CAAC,GAGDK,EAAY,MAAM;AAAA,IAGlB,CAAC;AAID,mBAAeC,EAASC,GAAM;AAC5B,UAAIC,IAAa,IACbC,IAAShB,EAAI,IAAI;AACrB,YAAMiB,IAAWf,EAAM,QAAQ,sBAAsB;AAErD,iBAAI,QAAQ,MAAM;AAChB,YAAIgB,EAAMJ,EAAK,KAAK,KAAKA,EAAK,UAAU,MAAMA,EAAK,UAAU;AAAW,UAAAC,IAAa;AAAA,iBAC5EE,EAAS,SAASH,EAAK,KAAK;AAAG,UAAAC,IAAa;AAAA,aAChD;AACH,gBAAMI,IAAU,GAAGH,CAAM,YAAYF,EAAK,KAAK;AAC/C,UAAAM,EAAM,KAAKD,CAAO,EACf,KAAK,MAAM;AACV,YAAAJ,IAAa;AAAA,UACvB,CAAS,EACA,MAAM,CAACM,MAAM;AACZ,YAAAN,IAAa;AAAA,UACvB,CAAS;AAAA,QACJ;AAAA,MACL,CAAG,GACMA;AAAA,IACT;AAEA,aAASO,EAAcR,GAAM;AAC3B,aAAO,eAAe,KAAKA,EAAK,KAAK;AAAA,IACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UniqueIdentifierInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/UniqueIdentifierInput.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted, watchEffect } from 'vue'\nimport { isNil } from 'lodash';\nimport axios from 'axios';\nimport { useStore } from 'vuex';\nimport { getCurrentInstance } from \"vue\";\nimport { useI18n } from 'vue-i18n';\nlet env = getCurrentInstance().appContext.app.config.globalProperties.$env;\n\nconst store = useStore();\nconst isEditMode = ref();\nconst isDuplicate = ref();\nisDuplicate.value = localStorage.getItem('dpi_duplicate');\nisEditMode.value = store.getters['auth/getIsEditMode'];\nconst { t, locale } = useI18n();\n\nconst validationMessages = ref({\n  idformatvalid: \"\",\n  idunique: \"\",\n  required: \"\"\n\n});\n\nonMounted(() => {\n  // This is kind of buggy, its taking the strings from the wrong json (de and en is switched)\n  validationMessages.value.idformatvalid = t('message.dataupload.datasets.datasetID.invalidFormat');\n  validationMessages.value.idunique = t('message.dataupload.datasets.datasetID.duplicate');\n  validationMessages.value.required = t('message.dataupload.datasets.datasetID.required');\n});\n\n\nwatchEffect(() => {\n\n\n});\n\n\n\nasync function idunique(node) {\n  let isUniqueID = true;\n  let hubUrl = env.api.hubUrl;\n  const draftIDs = store.getters['auth/getUserDraftIds'];\n\n  new Promise(() => {\n    if (isNil(node.value) || node.value === '' || node.value === undefined) isUniqueID = true;\n    else if (draftIDs.includes(node.value)) isUniqueID = false;\n    else {\n      const request = `${hubUrl}datasets/${node.value}?useNormalizedId=true`;\n      axios.head(request)\n        .then(() => {\n          isUniqueID = false;\n        })\n        .catch((e) => {\n          isUniqueID = true;\n        });\n    }\n  });\n  return isUniqueID;\n}\n\nfunction idformatvalid(node) {\n  return /^[a-z0-9-]*$/.test(node.value);\n}\n\n</script>\n\n<template>\n  <div class=\"formkitProperty DSid\">\n    <h4>{{ $t(`message.dataupload.datasets.datasetID.label`) }}</h4>\n    <FormKit v-if=\"!isEditMode || isDuplicate\" type=\"text\" name=\"datasetID\" id=\"datasetID\"\n      :placeholder=\"$t(`message.dataupload.datasets.datasetID.label`)\"\n      :info=\"$t(`message.dataupload.datasets.datasetID.info`)\" :help=\"$t(`message.dataupload.datasets.datasetID.help`)\"\n      :validation-rules=\"{ idformatvalid, idunique }\" validation=\"idformatvalid|idunique|required\"\n      validation-visibility=\"live\" :validation-messages=\"validationMessages\" outer-class=\"formkitCmpWrap p-3\">\n    </FormKit>\n    <FormKit v-else type=\"text\" name=\"datasetID\" id=\"datasetID\" :disabled=\"true\"\n      :info=\"$t(`message.dataupload.datasets.datasetID.info`)\" :help=\"$t(`message.dataupload.datasets.datasetID.help`)\">\n    </FormKit>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: ['context']\n}\n</script>\n\n<style></style>\n"],"names":["__default__","env","getCurrentInstance","store","useStore","isEditMode","ref","isDuplicate","t","locale","useI18n","validationMessages","onMounted","watchEffect","idunique","node","isUniqueID","hubUrl","draftIDs","isNil","request","axios","e","idformatvalid"],"mappings":";;;;;6CAkFeA,IAAA;AAAA,EACb,OAAO,CAAC,SAAS;AACnB;;;AA7EA,QAAIC,IAAMC,EAAkB,EAAG,WAAW,IAAI,OAAO,iBAAiB;AAEtE,UAAMC,IAAQC,EAAQ,GAChBC,IAAaC,EAAG,GAChBC,IAAcD,EAAG;AACvB,IAAAC,EAAY,QAAQ,aAAa,QAAQ,eAAe,GACxDF,EAAW,QAAQF,EAAM,QAAQ,oBAAoB;AACrD,UAAM,EAAE,GAAAK,GAAG,QAAAC,MAAWC,KAEhBC,IAAqBL,EAAI;AAAA,MAC7B,eAAe;AAAA,MACf,UAAU;AAAA,MACV,UAAU;AAAA,IAEZ,CAAC;AAED,IAAAM,EAAU,MAAM;AAEd,MAAAD,EAAmB,MAAM,gBAAgBH,EAAE,qDAAqD,GAChGG,EAAmB,MAAM,WAAWH,EAAE,iDAAiD,GACvFG,EAAmB,MAAM,WAAWH,EAAE,gDAAgD;AAAA,IACxF,CAAC,GAGDK,EAAY,MAAM;AAAA,IAGlB,CAAC;AAID,mBAAeC,EAASC,GAAM;AAC5B,UAAIC,IAAa,IACbC,IAAShB,EAAI,IAAI;AACrB,YAAMiB,IAAWf,EAAM,QAAQ,sBAAsB;AAErD,iBAAI,QAAQ,MAAM;AAChB,YAAIgB,EAAMJ,EAAK,KAAK,KAAKA,EAAK,UAAU,MAAMA,EAAK,UAAU;AAAW,UAAAC,IAAa;AAAA,iBAC5EE,EAAS,SAASH,EAAK,KAAK;AAAG,UAAAC,IAAa;AAAA,aAChD;AACH,gBAAMI,IAAU,GAAGH,CAAM,YAAYF,EAAK,KAAK;AAC/C,UAAAM,EAAM,KAAKD,CAAO,EACf,KAAK,MAAM;AACV,YAAAJ,IAAa;AAAA,UACvB,CAAS,EACA,MAAM,CAACM,MAAM;AACZ,YAAAN,IAAa;AAAA,UACvB,CAAS;AAAA,QACL;AAAA,MACJ,CAAG,GACMA;AAAA,IACT;AAEA,aAASO,EAAcR,GAAM;AAC3B,aAAO,eAAe,KAAKA,EAAK,KAAK;AAAA,IACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/data-provider-interface/composables/useDpiEditMode.d.ts

@@ -12,5 +12,5 @@ import { MaybeRefOrGetter } from 'vue';
  */
 export declare function useDpiEditMode(dpiContext: MaybeRefOrGetter<DpiContext>): {
     isReady: import('vue').ComputedRef<boolean>;
-    error: import('vue').Ref<unknown>;
+    error: import('vue').Ref<unknown, unknown>;
 };

package/dist/data-provider-interface/composables/useDpiStepper.d.ts

@@ -3,13 +3,13 @@
  */
 export declare function useDpiStepper(): {
     steps: {};
-    activeStep: import('vue').Ref<string>;
+    activeStep: import('vue').Ref<string, string>;
     activeStepIndex: import('vue').ComputedRef<number>;
     previousStep: import('vue').ComputedRef<string>;
     nextStep: import('vue').ComputedRef<string>;
-    visitedSteps: import('vue').Ref<never[]>;
+    visitedSteps: import('vue').Ref<never[], never[]>;
     stepPlugin: (node: any) => false | undefined;
-    stepList: import('vue').Ref<string[]>;
+    stepList: import('vue').Ref<string[], string[]>;
     registerStep: (stepName: string) => void;
     goToNextStep: () => void;
     goToPreviousStep: () => void;

package/dist/data-provider-interface/views/DistributionInputPage.vue.d.ts

@@ -5,5 +5,5 @@ declare const _default: import('vue').DefineComponent<{}, {
         readonly values?: Record<string, any> | undefined;
         readonly schema?: Record<string, any> | undefined;
     };
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/data-provider-interface/views/DistributionInputPage.vue.mjs

@@ -1,9 +1,9 @@
-import { ref as m, onMounted as C, nextTick as A, resolveComponent as V, openBlock as r, createElementBlock as d, Fragment as v, createElementVNode as e, toDisplayString as a, createTextVNode as i, createVNode as h, withCtx as $, renderList as w, normalizeClass as F } from "vue";
-import { useStore as S } from "vuex";
-import j from "../components/DistributionStepper.vue.mjs";
-import { cloneDeep as L } from "lodash-es";
+import { ref as v, onMounted as A, nextTick as V, resolveComponent as $, openBlock as r, createElementBlock as d, Fragment as c, createElementVNode as e, toDisplayString as a, createTextVNode as n, createVNode as L, withCtx as w, renderList as F, normalizeClass as S } from "vue";
+import { useStore as j } from "vuex";
+import E from "../components/DistributionStepper.vue.mjs";
+import { cloneDeep as f } from "lodash-es";
 import "@formkit/core";
-const E = /* @__PURE__ */ e("hr", null, null, -1), I = {
+const I = {
   name: "distribution-stepper-list",
   class: "distributionsListClass"
 }, N = { class: "d-flex m-4 align-items-center justify-content-between" }, O = { class: "m-0" }, B = ["onClick"], K = ["onClick"], q = {
@@ -12,92 +12,92 @@ const E = /* @__PURE__ */ e("hr", null, null, -1), I = {
     values: Object,
     schema: Object
   },
-  setup(f) {
-    const n = f, c = m([]), p = S(), s = m({
+  setup(D) {
+    const o = D, p = v([]), b = j(), i = v({
       disList: []
     });
-    C(async () => {
-      if (await A(), n.values.Distributions.distributionList.length != 0)
-        for (let t = 0; t < n.values.Distributions.distributionList.length; t++)
-          c.value.push("distribution " + t), s.value.disList.push({ name: "distribution " + t, isActive: !1 });
+    A(async () => {
+      if (await V(), o.values.Distributions.distributionList.length != 0)
+        for (let s = 0; s < o.values.Distributions.distributionList.length; s++)
+          p.value.push("distribution " + s), i.value.disList.push({ name: "distribution " + s, isActive: !1 });
     });
-    const D = () => {
-      s.value.disList.push({ name: "distribution " + s.value.disList.length, isActive: !1 }), b(s.value.disList.length - 1);
-    }, b = (t) => {
-      s.value.disList.forEach(
-        (l, u) => {
-          t != u && (l.isActive = !1);
+    const y = () => {
+      i.value.disList.push({ name: "distribution " + i.value.disList.length, isActive: !1 }), m(i.value.disList.length - 1);
+    }, m = (s) => {
+      i.value.disList.forEach(
+        (t, u) => {
+          s != u && (t.isActive = !1);
         }
-      ), s.value.disList[t].isActive = !s.value.disList[t].isActive;
-    }, _ = (t) => {
-      const l = L(n.values);
-      l.Distributions.distributionList.splice(t, 1), p.dispatch("dpiStore/saveFormValues", { property: "datasets", values: l }), s.value.disList.splice(t, 1);
-    }, y = () => {
-      const t = L(n.values);
-      t.Distributions.distributionList = [], p.dispatch("dpiStore/saveFormValues", { property: "datasets", values: t }), s.value.disList = [];
+      ), i.value.disList[s].isActive = !i.value.disList[s].isActive;
+    }, g = (s) => {
+      const t = f(o.values);
+      t.Distributions.distributionList.splice(s, 1), b.dispatch("dpiStore/saveFormValues", { property: "datasets", values: t }), i.value.disList.splice(s, 1);
+    }, k = () => {
+      const s = f(o.values);
+      s.Distributions.distributionList = [], b.dispatch("dpiStore/saveFormValues", { property: "datasets", values: s }), i.value.disList = [];
     };
-    return (t, l) => {
-      const u = V("FormKit");
-      return r(), d(v, null, [
-        e("h1", null, a(t.$t("message.dataupload.info.distributions")), 1),
-        i(),
-        E,
-        i(),
+    return (s, t) => {
+      const u = $("FormKit");
+      return r(), d(c, null, [
+        e("h1", null, a(s.$t("message.dataupload.info.distributions")), 1),
+        t[5] || (t[5] = n()),
+        t[6] || (t[6] = e("hr", null, null, -1)),
+        t[7] || (t[7] = n()),
         e("div", I, [
-          h(u, {
+          L(u, {
             type: "list",
             name: "distributionList"
           }, {
-            default: $(() => [
-              (r(!0), d(v, null, w(s.value.disList, (g, o) => (r(), d("section", {
-                key: o,
+            default: w(() => [
+              (r(!0), d(c, null, F(i.value.disList, (C, l) => (r(), d("section", {
+                key: l,
                 class: "distributionOuter"
               }, [
                 e("div", N, [
-                  e("h2", O, "Distribution " + a(o + 1), 1),
-                  i(),
+                  e("h2", O, "Distribution " + a(l + 1), 1),
+                  t[1] || (t[1] = n()),
                   e("div", null, [
                     e("button", {
                       class: "btn btn-secondary",
                       type: "button",
-                      onClick: (k) => b(o)
-                    }, a(t.$t("message.datasetDetails.edit")), 9, B),
-                    i(),
+                      onClick: (h) => m(l)
+                    }, a(s.$t("message.datasetDetails.edit")), 9, B),
+                    t[0] || (t[0] = n()),
                     e("button", {
                       class: "btn btn-secondary",
                       type: "button",
-                      onClick: (k) => _(o)
-                    }, a(t.$t("message.datasetDetails.delete")), 9, K)
+                      onClick: (h) => g(l)
+                    }, a(s.$t("message.datasetDetails.delete")), 9, K)
                   ])
                 ]),
-                i(),
+                t[2] || (t[2] = n()),
                 e("div", {
-                  class: F(["disInputWrapper", { "d-none": !s.value.disList[o].isActive }])
+                  class: S(["disInputWrapper", { "d-none": !i.value.disList[l].isActive }])
                 }, [
-                  h(j, {
-                    name: g.name,
-                    index: o,
-                    schema: n.schema,
-                    values: n.values,
-                    distributionList: c.value
+                  L(E, {
+                    name: C.name,
+                    index: l,
+                    schema: o.schema,
+                    values: o.values,
+                    distributionList: p.value
                   }, null, 8, ["name", "index", "schema", "values", "distributionList"])
                 ], 2)
               ]))), 128))
             ]),
             _: 1
           }),
-          i(),
+          t[3] || (t[3] = n()),
           e("button", {
             type: "button",
             class: "btn btn-secondary",
-            onClick: D
-          }, a(t.$t("message.dataupload.info.newDistribution")), 1),
-          i(),
+            onClick: y
+          }, a(s.$t("message.dataupload.info.newDistribution")), 1),
+          t[4] || (t[4] = n()),
           e("button", {
             type: "button",
             class: "btn btn-secondary",
-            onClick: y
-          }, a(t.$t("message.dataupload.info.deleteDistribution")), 1)
+            onClick: k
+          }, a(s.$t("message.dataupload.info.deleteDistribution")), 1)
         ])
       ], 64);
     };

package/dist/data-provider-interface/views/DistributionInputPage.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DistributionInputPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/DistributionInputPage.vue"],"sourcesContent":["<template>\n  <h1>{{ $t('message.dataupload.info.distributions') }}</h1>\n  <hr>\n  <div name=\"distribution-stepper-list\" class=\"distributionsListClass\">\n\n    <FormKit type=\"list\" name=\"distributionList\">\n\n      <section v-for=\"(dist, index) in list.disList\" :key=\"index\" class=\"distributionOuter\">\n        <div class=\"d-flex m-4 align-items-center justify-content-between\">\n          <h2 class=\"m-0\">Distribution {{ index + 1 }}</h2>\n          <div>\n            <button class=\"btn btn-secondary\" type=\"button\" @click=\"editDis(index)\">{{ $t('message.datasetDetails.edit')\n              }}</button>\n            <button class=\"btn btn-secondary\" type=\"button\" @click=\"removeDis(index)\">{{\n              $t('message.datasetDetails.delete') }}</button>\n          </div>\n        </div>\n        <div class=\"disInputWrapper\" :class=\"{ 'd-none': !list.disList[index].isActive }\">\n          <DistributionStepper :name=\"dist.name\" :index=\"index\" :schema=\"props.schema\" :values=\"props.values\"\n            :distributionList=\"disIndex\">\n          </DistributionStepper>\n\n        </div>\n\n      </section>\n    </FormKit>\n    <button type=\"button\" class=\"btn btn-secondary\" @click=\"addDistribution\">{{ $t('message.dataupload.info.newDistribution')\n      }}</button>\n    <button type=\"button\" class=\"btn btn-secondary\" @click=\"deleteAllDistributions\">{{\n      $t('message.dataupload.info.deleteDistribution') }}</button>\n\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, nextTick, computed } from 'vue';\nimport { useStore } from 'vuex';\nimport DistributionStepper from '../components/DistributionStepper.vue';\nimport { cloneDeep } from 'lodash';\nimport { useDpiStepper } from '../composables/useDpiStepper';\n\nconst props = defineProps({\n  values: Object,\n  schema: Object,\n})\n\nconst disIndex = ref([])\nconst store = useStore();\n\nconst list = ref({\n  disList: [],\n})\nonMounted(async () => {\n  // Load DOM\n  await nextTick()\n  if (props.values.Distributions.distributionList.length != 0) {\n    for (let index = 0; index < props.values.Distributions.distributionList.length; index++) {\n      disIndex.value.push('distribution ' + index)\n      list.value.disList.push({ 'name': 'distribution ' + index, 'isActive': false })\n    }\n  }\n})\nconst addDistribution = () => {\n  list.value.disList.push({ 'name': 'distribution ' + list.value.disList.length, 'isActive': false })\n  editDis(list.value.disList.length - 1)\n}\nconst editDis = (i) => {\n  list.value.disList.forEach((el, index) => {\n    if (i != index) {\n      el.isActive = false\n    }\n  }\n  )\n  list.value.disList[i].isActive = !list.value.disList[i].isActive\n}\nconst removeDis = (i) => {\n  const newValues = cloneDeep(props.values);\n  newValues.Distributions.distributionList.splice(i, 1);\n\n  store.dispatch('dpiStore/saveFormValues', { property: 'datasets', values: newValues });\n  list.value.disList.splice(i, 1)\n}\nconst deleteAllDistributions = () => {\n  const newValues = cloneDeep(props.values);\n  newValues.Distributions.distributionList = [];\n  store.dispatch('dpiStore/saveFormValues', { property: 'datasets', values: newValues });\n\n  list.value.disList = []\n}\n\n\n</script>"],"names":["props","__props","disIndex","ref","store","useStore","list","onMounted","nextTick","index","addDistribution","editDis","i","el","removeDis","newValues","cloneDeep","deleteAllDistributions"],"mappings":";;;;;;;;;;;;;;;AAwCA,UAAMA,IAAQC,GAKRC,IAAWC,EAAI,EAAE,GACjBC,IAAQC,EAAQ,GAEhBC,IAAOH,EAAI;AAAA,MACf,SAAS,CAAE;AAAA,IACb,CAAC;AACD,IAAAI,EAAU,YAAY;AAGpB,UADA,MAAMC,EAAU,GACZR,EAAM,OAAO,cAAc,iBAAiB,UAAU;AACxD,iBAASS,IAAQ,GAAGA,IAAQT,EAAM,OAAO,cAAc,iBAAiB,QAAQS;AAC9E,UAAAP,EAAS,MAAM,KAAK,kBAAkBO,CAAK,GAC3CH,EAAK,MAAM,QAAQ,KAAK,EAAE,MAAQ,kBAAkBG,GAAO,UAAY,IAAO;AAAA,IAGpF,CAAC;AACD,UAAMC,IAAkB,MAAM;AAC5B,MAAAJ,EAAK,MAAM,QAAQ,KAAK,EAAE,MAAQ,kBAAkBA,EAAK,MAAM,QAAQ,QAAQ,UAAY,GAAK,CAAE,GAClGK,EAAQL,EAAK,MAAM,QAAQ,SAAS,CAAC;AAAA,IACvC,GACMK,IAAU,CAACC,MAAM;AACrB,MAAAN,EAAK,MAAM,QAAQ;AAAA,QAAQ,CAACO,GAAIJ,MAAU;AACxC,UAAIG,KAAKH,MACPI,EAAG,WAAW;AAAA,QAEjB;AAAA,MACA,GACDP,EAAK,MAAM,QAAQM,CAAC,EAAE,WAAW,CAACN,EAAK,MAAM,QAAQM,CAAC,EAAE;AAAA,IAC1D,GACME,IAAY,CAACF,MAAM;AACvB,YAAMG,IAAYC,EAAUhB,EAAM,MAAM;AACxC,MAAAe,EAAU,cAAc,iBAAiB,OAAOH,GAAG,CAAC,GAEpDR,EAAM,SAAS,2BAA2B,EAAE,UAAU,YAAY,QAAQW,EAAS,CAAE,GACrFT,EAAK,MAAM,QAAQ,OAAOM,GAAG,CAAC;AAAA,IAChC,GACMK,IAAyB,MAAM;AACnC,YAAMF,IAAYC,EAAUhB,EAAM,MAAM;AACxC,MAAAe,EAAU,cAAc,mBAAmB,IAC3CX,EAAM,SAAS,2BAA2B,EAAE,UAAU,YAAY,QAAQW,EAAS,CAAE,GAErFT,EAAK,MAAM,UAAU,CAAE;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DistributionInputPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/DistributionInputPage.vue"],"sourcesContent":["<template>\n  <h1>{{ $t('message.dataupload.info.distributions') }}</h1>\n  <hr>\n  <div name=\"distribution-stepper-list\" class=\"distributionsListClass\">\n\n    <FormKit type=\"list\" name=\"distributionList\">\n\n      <section v-for=\"(dist, index) in list.disList\" :key=\"index\" class=\"distributionOuter\">\n        <div class=\"d-flex m-4 align-items-center justify-content-between\">\n          <h2 class=\"m-0\">Distribution {{ index + 1 }}</h2>\n          <div>\n            <button class=\"btn btn-secondary\" type=\"button\" @click=\"editDis(index)\">{{ $t('message.datasetDetails.edit')\n              }}</button>\n            <button class=\"btn btn-secondary\" type=\"button\" @click=\"removeDis(index)\">{{\n              $t('message.datasetDetails.delete') }}</button>\n          </div>\n        </div>\n        <div class=\"disInputWrapper\" :class=\"{ 'd-none': !list.disList[index].isActive }\">\n          <DistributionStepper :name=\"dist.name\" :index=\"index\" :schema=\"props.schema\" :values=\"props.values\"\n            :distributionList=\"disIndex\">\n          </DistributionStepper>\n\n        </div>\n\n      </section>\n    </FormKit>\n    <button type=\"button\" class=\"btn btn-secondary\" @click=\"addDistribution\">{{ $t('message.dataupload.info.newDistribution')\n      }}</button>\n    <button type=\"button\" class=\"btn btn-secondary\" @click=\"deleteAllDistributions\">{{\n      $t('message.dataupload.info.deleteDistribution') }}</button>\n\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, nextTick, computed } from 'vue';\nimport { useStore } from 'vuex';\nimport DistributionStepper from '../components/DistributionStepper.vue';\nimport { cloneDeep } from 'lodash';\nimport { useDpiStepper } from '../composables/useDpiStepper';\n\nconst props = defineProps({\n  values: Object,\n  schema: Object,\n})\n\nconst disIndex = ref([])\nconst store = useStore();\n\nconst list = ref({\n  disList: [],\n})\nonMounted(async () => {\n  // Load DOM\n  await nextTick()\n  if (props.values.Distributions.distributionList.length != 0) {\n    for (let index = 0; index < props.values.Distributions.distributionList.length; index++) {\n      disIndex.value.push('distribution ' + index)\n      list.value.disList.push({ 'name': 'distribution ' + index, 'isActive': false })\n    }\n  }\n})\nconst addDistribution = () => {\n  list.value.disList.push({ 'name': 'distribution ' + list.value.disList.length, 'isActive': false })\n  editDis(list.value.disList.length - 1)\n}\nconst editDis = (i) => {\n  list.value.disList.forEach((el, index) => {\n    if (i != index) {\n      el.isActive = false\n    }\n  }\n  )\n  list.value.disList[i].isActive = !list.value.disList[i].isActive\n}\nconst removeDis = (i) => {\n  const newValues = cloneDeep(props.values);\n  newValues.Distributions.distributionList.splice(i, 1);\n\n  store.dispatch('dpiStore/saveFormValues', { property: 'datasets', values: newValues });\n  list.value.disList.splice(i, 1)\n}\nconst deleteAllDistributions = () => {\n  const newValues = cloneDeep(props.values);\n  newValues.Distributions.distributionList = [];\n  store.dispatch('dpiStore/saveFormValues', { property: 'datasets', values: newValues });\n\n  list.value.disList = []\n}\n\n\n</script>"],"names":["props","__props","disIndex","ref","store","useStore","list","onMounted","nextTick","index","addDistribution","editDis","i","el","removeDis","newValues","cloneDeep","deleteAllDistributions"],"mappings":";;;;;;;;;;;;;;;AAwCA,UAAMA,IAAQC,GAKRC,IAAWC,EAAI,EAAE,GACjBC,IAAQC,EAAQ,GAEhBC,IAAOH,EAAI;AAAA,MACf,SAAS,CAAE;AAAA,IACb,CAAC;AACD,IAAAI,EAAU,YAAY;AAGpB,UADA,MAAMC,EAAS,GACXR,EAAM,OAAO,cAAc,iBAAiB,UAAU;AACxD,iBAASS,IAAQ,GAAGA,IAAQT,EAAM,OAAO,cAAc,iBAAiB,QAAQS;AAC9E,UAAAP,EAAS,MAAM,KAAK,kBAAkBO,CAAK,GAC3CH,EAAK,MAAM,QAAQ,KAAK,EAAE,MAAQ,kBAAkBG,GAAO,UAAY,IAAO;AAAA,IAGpF,CAAC;AACD,UAAMC,IAAkB,MAAM;AAC5B,MAAAJ,EAAK,MAAM,QAAQ,KAAK,EAAE,MAAQ,kBAAkBA,EAAK,MAAM,QAAQ,QAAQ,UAAY,GAAK,CAAE,GAClGK,EAAQL,EAAK,MAAM,QAAQ,SAAS,CAAC;AAAA,IACvC,GACMK,IAAU,CAACC,MAAM;AACrB,MAAAN,EAAK,MAAM,QAAQ;AAAA,QAAQ,CAACO,GAAIJ,MAAU;AACxC,UAAIG,KAAKH,MACPI,EAAG,WAAW;AAAA,QAElB;AAAA,MACA,GACAP,EAAK,MAAM,QAAQM,CAAC,EAAE,WAAW,CAACN,EAAK,MAAM,QAAQM,CAAC,EAAE;AAAA,IAC1D,GACME,IAAY,CAACF,MAAM;AACvB,YAAMG,IAAYC,EAAUhB,EAAM,MAAM;AACxC,MAAAe,EAAU,cAAc,iBAAiB,OAAOH,GAAG,CAAC,GAEpDR,EAAM,SAAS,2BAA2B,EAAE,UAAU,YAAY,QAAQW,EAAS,CAAE,GACrFT,EAAK,MAAM,QAAQ,OAAOM,GAAG,CAAC;AAAA,IAChC,GACMK,IAAyB,MAAM;AACnC,YAAMF,IAAYC,EAAUhB,EAAM,MAAM;AACxC,MAAAe,EAAU,cAAc,mBAAmB,IAC3CX,EAAM,SAAS,2BAA2B,EAAE,UAAU,YAAY,QAAQW,EAAS,CAAE,GAErFT,EAAK,MAAM,UAAU,CAAC;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/data-provider-interface/views/DistributionOverview.vue.d.ts

@@ -1,7 +1,7 @@
 import { truncate } from '../../utils/helpers';
-declare const _default: import('vue').DefineComponent<Readonly<{
+declare const _default: import('vue').DefineComponent<{
     distributionOverviewPage?: any;
-}>, any, {
+}, {}, {
     distributionToDelete: number;
     distributionData: never[];
 }, {
@@ -22,9 +22,7 @@ declare const _default: import('vue').DefineComponent<Readonly<{
     deleteDistribution: import('vuex').ActionMethod;
     addDistribution: import('vuex').ActionMethod;
     setDeleteDistributionInline: import('vuex').ActionMethod;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<Readonly<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     distributionOverviewPage?: any;
-}>>>, {
-    readonly distributionOverviewPage?: any;
-}, {}>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;