@piveau/dpi 0.1.0-beta.8 → 0.1.0-twinby.0

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

@@ -1,78 +1,80 @@
-import { ref as i, computed as D, onMounted as P, createElementBlock as m, openBlock as f, createElementVNode as o, createCommentVNode as C, createVNode as v, toDisplayString as d, unref as p, getCurrentInstance as H } from "vue";
-import { useI18n as I } from "vue-i18n";
-import { getHvdCategories as x } from "../HappyFlowComponents/services/dpiV3_apis.js";
+import { ref as i, computed as D, onMounted as P, createElementBlock as m, openBlock as f, createElementVNode as o, createCommentVNode as S, createVNode as v, toDisplayString as p, unref as u, getCurrentInstance as C } from "vue";
+import { useI18n as H } from "vue-i18n";
+import { getHvdCategories as I } from "../HappyFlowComponents/services/dpiV3_apis.js";
 /* empty css                             */
 /* empty css                              */
 import k from "../HappyFlowComponents/ui/SwitchV3.vue.js";
 import F from "../HappyFlowComponents/ui/Dropdown.vue.js";
 import { PhWarning as T } from "@phosphor-icons/vue";
+import { useFormValues as $ } from "../composables/useDpiFormValues.js";
 /* empty css             */
-import $ from "../../_virtual/_plugin-vue_export-helper.js";
-const W = { class: "V3-typography" }, B = { class: "dpiV3_Frame_831" }, E = { class: "dpiV3_Frame_840" }, K = { class: "dpiV3_title" }, N = { class: "dpiV3_intro copy-large-regular" }, O = { class: "dpiV3_Frame_830" }, z = { class: "dpiV3_Switch" }, L = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, M = { class: "dpiV3_Sub_Info copy-large-regular" }, U = {
+import x from "../../_virtual/_plugin-vue_export-helper.js";
+const O = { class: "V3-typography" }, W = { class: "dpiV3_Frame_831" }, B = { class: "dpiV3_Frame_840" }, E = { class: "dpiV3_title" }, K = { class: "dpiV3_intro copy-large-regular" }, N = { class: "dpiV3_Frame_830" }, j = { class: "dpiV3_Switch" }, z = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, L = { class: "dpiV3_Sub_Info copy-large-regular" }, M = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, j = {
+}, U = {
   __name: "HVDPage",
   props: {
     context: Object
   },
-  setup(g) {
-    const { t: A } = I(), s = i(!1), r = i(""), _ = i([]), h = i(null), c = i([]);
+  setup(A) {
+    const { t: R } = H(), { formValues: d } = $(), s = i(!1), r = i(""), g = i([]), _ = i(null), c = i([]);
     let l = i([{ isValid: !0 }]);
-    const V = (e) => {
-      s.value = !e, s.value ? (l.value[0] = { isValid: !1 }, r.value = "") : (l.value[0] = { isValid: !0 }, r.value = ""), console.log("switchStateValue: ", s.value);
-    }, u = g;
-    u.context.node.value.length === 0 && u.context.node.input(l.value);
-    const b = D(
+    const h = (e) => {
+      s.value = !e, s.value ? (l.value[0] = { isValid: !1 }, r.value = "") : (d.value.Discoverability.hvdPage = [{ isValid: !0 }], l.value[0] = { isValid: !0 }, r.value = ""), console.log("switchStateValue: ", s.value);
+    };
+    Object.keys(d.value.Discoverability.hvdPage).length === 0 && (d.value.Discoverability.hvdPage = l.value);
+    const V = D(
       () => c.value.map((e) => ({
         "@value": e.label,
         selected: !1
       }))
-    ), w = (e) => {
-      const t = c.value.find(
-        (a) => a.label === e.target.innerHTML
+    ), b = (e) => {
+      l.value[0].isValid = !0;
+      const a = c.value.find(
+        (t) => t.label === e.target.innerHTML
       );
-      u.context.node.input([
-        { isValid: !0, label: t.label, uri: t.uri }
-      ]), console.log(t);
-    }, S = async () => {
+      d.value.Discoverability.hvdPage = [
+        { isValid: !0, label: a.label, uri: a.uri }
+      ];
+    }, w = async () => {
       try {
-        const e = H().appContext.app.config.globalProperties.$env, a = (await x(e.api.baseUrl)).sort(
+        const e = C().appContext.app.config.globalProperties.$env, t = (await I(e.api.baseUrl)).sort(
           (n, y) => n.pref_label.de.localeCompare(y.pref_label.de)
         );
-        _.value = a, c.value = a.map((n) => ({
+        g.value = t, c.value = t.map((n) => ({
           label: n.pref_label.de,
           uri: n.resource
         }));
       } catch (e) {
-        console.error("Error in component:", e), h.value = e;
+        console.error("Error in component:", e), _.value = e;
       }
     };
     return P(() => {
-      S();
-    }), (e, t) => (f(), m("div", W, [
-      o("div", B, [
-        o("div", E, [
-          o("h4", K, d(e.$t("message.dataupload.datasets.hvdPage.title")), 1),
-          o("div", N, d(e.$t("message.dataupload.datasets.hvdPage.intro-text")), 1),
-          o("div", O, [
-            o("div", z, [
+      w();
+    }), (e, a) => (f(), m("div", O, [
+      o("div", W, [
+        o("div", B, [
+          o("h4", E, p(e.$t("message.dataupload.datasets.hvdPage.title")), 1),
+          o("div", K, p(e.$t("message.dataupload.datasets.hvdPage.intro-text")), 1),
+          o("div", N, [
+            o("div", j, [
               v(k, {
-                onSwitchToggled: t[0] || (t[0] = (a) => p(l)[0].isValid === !0 ? V(s.value) : (p(l)[0].isValid = !0, s.value = !s.value)),
+                onSwitchToggled: a[0] || (a[0] = (t) => u(l)[0].isValid === !0 ? h(s.value) : (u(l)[0].isValid = !0, s.value = !s.value)),
                 hasIcon: !1,
                 defaultChecked: !1,
                 disabled: !1
               })
             ]),
-            o("div", L, d(e.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
+            o("div", z, p(e.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
           ]),
-          o("div", M, d(e.$t("message.dataupload.datasets.hvdPage.sub-info")), 1),
+          o("div", L, p(e.$t("message.dataupload.datasets.hvdPage.sub-info")), 1),
           v(F, {
             dropdownWidth: "large",
             isDisabled: !s.value,
             type: "inputField",
             modelValue: r.value,
-            "onUpdate:modelValue": t[1] || (t[1] = (a) => r.value = a),
+            "onUpdate:modelValue": a[1] || (a[1] = (t) => r.value = t),
             inputFieldProps: {
               isDisabled: !s.value,
               addOnText: !1,
@@ -86,21 +88,21 @@ const W = { class: "V3-typography" }, B = { class: "dpiV3_Frame_831" }, E = { cl
               inputFieldSize: "large",
               modelValue: r.value
             },
-            data: b.value,
-            onClick: t[2] || (t[2] = (a) => w(a))
+            data: V.value,
+            onClick: a[2] || (a[2] = (t) => b(t))
           }, null, 8, ["isDisabled", "modelValue", "inputFieldProps", "data"])
         ]),
-        p(l).find((a) => a.isValid === !1) ? (f(), m("div", U, [
-          v(p(T), {
+        u(l).find((t) => t.isValid === !1) ? (f(), m("div", M, [
+          v(u(T), {
             size: 16,
             weight: "fill"
           }),
-          t[3] || (t[3] = o("span", { class: "copy-mini-regular" }, "Bitte wählen Sie eine HVD-Kategorie aus, bevor Sie fortfahren.", -1))
-        ])) : C("", !0)
+          a[3] || (a[3] = o("span", { class: "copy-mini-regular" }, "Bitte wählen Sie eine HVD-Kategorie aus, bevor Sie fortfahren.", -1))
+        ])) : S("", !0)
       ])
     ]));
   }
-}, ae = /* @__PURE__ */ $(j, [["__scopeId", "data-v-9c7f317c"]]);
+}, se = /* @__PURE__ */ x(U, [["__scopeId", "data-v-dbc7ac7f"]]);
 export {
-  ae as default
+  se as default
 };

package/dist/data-provider-interface/components/InputPageStep.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as i, inject as a, computed as s, resolveComponent as c, withDirectives as m, createElementBlock as l, openBlock as d, normalizeClass as u, createVNode as v, withCtx as S, renderSlot as f, vShow as _ } from "vue";
+import { defineComponent as i, inject as a, computed as s, resolveComponent as m, withDirectives as c, createElementBlock as l, openBlock as d, normalizeClass as u, createVNode as v, withCtx as f, renderSlot as S, vShow as _ } from "vue";
 import { dpiStepperKey as h } from "../utils/injectionKeys.js";
-const K = /* @__PURE__ */ i({
+const k = /* @__PURE__ */ i({
   __name: "InputPageStep",
   props: {
     name: {}
@@ -10,12 +10,10 @@ const K = /* @__PURE__ */ i({
     if (!t)
       throw new Error("dpiStepper is not provided. Please make sure to use this component inside InputPage");
     t.registerStep(e.name);
-    const o = s(() => t.activeStep.value === e.name), {
-      activeStep: w
-    } = t;
-    return (r, g) => {
-      const p = c("FormKit");
-      return m((d(), l("section", {
+    const o = s(() => t.activeStep.value === e.name);
+    return (r, w) => {
+      const p = m("FormKit");
+      return c((d(), l("section", {
         class: u({ activeSection: o.value })
       }, [
         v(p, {
@@ -24,8 +22,8 @@ const K = /* @__PURE__ */ i({
           name: e.name,
           ref: e.name
         }, {
-          default: S(() => [
-            f(r.$slots, "default")
+          default: f(() => [
+            S(r.$slots, "default")
           ]),
           _: 3
         }, 8, ["id", "name"])
@@ -36,5 +34,5 @@ const K = /* @__PURE__ */ i({
   }
 });
 export {
-  K as default
+  k as default
 };

package/dist/data-provider-interface/components/ProgressSteps.vue.js

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

package/dist/data-provider-interface/components/ProgressSteps.vue2.js

@@ -0,0 +1,106 @@
+import { defineComponent as w, mergeModels as B, computed as f, useModel as k, createElementBlock as l, openBlock as c, Fragment as S, renderList as x, withDirectives as i, createElementVNode as s, vModelCheckbox as y, unref as a, normalizeClass as C, toDisplayString as M, vShow as m } from "vue";
+import { looseIndexOf as b } from "@vue/shared";
+import D from "../HappyFlowComponents/img/Circle.svg.js";
+import E from "../HappyFlowComponents/img/CircleFill.svg.js";
+const F = { class: "progress-steps" }, U = ["value"], j = { class: "progress-step__headline" }, z = ["src"], I = { class: "progress-step__content" }, L = { class: "progress-step__content-line-container" }, P = { class: "progress-steps progress-steps--substep" }, R = ["value"], q = { class: "progress-step__headline" }, A = ["src"], G = { class: "progress-step__content" }, H = { class: "progress-step__content-line-container" }, W = /* @__PURE__ */ w({
+  __name: "ProgressSteps",
+  props: /* @__PURE__ */ B({
+    steps: {},
+    currentStep: {},
+    visitedSteps: { default: () => [] }
+  }, {
+    checked: {
+      default: () => []
+    },
+    checkedModifiers: {},
+    current: {
+      default: () => "moo"
+    },
+    currentModifiers: {}
+  }),
+  emits: ["update:checked", "update:current"],
+  setup(p) {
+    const v = p, h = f(() => {
+      const n = {};
+      return v.steps.forEach((e) => {
+        const t = e.includes("/") ? e.split("/")[0] : e;
+        n[t] || (n[t] = []), n[t].push(e);
+      }), Object.entries(n).map(([e, t]) => ({ name: e, substeps: t }));
+    }), N = (n) => n.includes("/") ? n.split("/")[1] : n, g = (n) => !n.includes("/"), o = k(p, "checked");
+    function d(n) {
+      return b(o.value, n) !== -1;
+    }
+    const u = k(p, "current");
+    return f(() => b(v.steps, u.value)), (n, e) => (c(), l("div", F, [
+      (c(!0), l(S, null, x(h.value, (t, O) => (c(), l("div", {
+        class: "progress-step",
+        key: t.name
+      }, [
+        i(s("input", {
+          name: "progress-step",
+          type: "checkbox",
+          class: "progress-input",
+          "onUpdate:modelValue": e[0] || (e[0] = (r) => o.value = r),
+          value: t.name
+        }, null, 8, U), [
+          [y, o.value]
+        ]),
+        s("div", j, [
+          s("img", {
+            src: d(t.name) ? a(E) : a(D),
+            class: "progress-step__headline__icon",
+            alt: ""
+          }, null, 8, z),
+          s("span", {
+            class: C({ "progress-step__headline__span--checked": u.value === t.name })
+          }, M(t.name), 3)
+        ]),
+        s("div", I, [
+          i(s("div", L, e[2] || (e[2] = [
+            s("div", { class: "progress-step__content-line" }, null, -1)
+          ]), 512), [
+            [m, O < h.value.length - 1]
+          ]),
+          i(s("div", P, [
+            (c(!0), l(S, null, x(t.substeps.filter((r) => !g(r)), (r, V) => (c(), l("div", {
+              class: "progress-step",
+              key: r
+            }, [
+              i(s("input", {
+                name: "progress-step",
+                type: "checkbox",
+                class: "progress-input",
+                "onUpdate:modelValue": e[1] || (e[1] = (_) => o.value = _),
+                value: r
+              }, null, 8, R), [
+                [y, o.value]
+              ]),
+              s("div", q, [
+                s("img", {
+                  src: d(r) ? a(E) : a(D),
+                  class: "progress-step__headline__icon",
+                  alt: ""
+                }, null, 8, A),
+                s("span", {
+                  class: C({ "progress-step__headline__span--checked": u.value === r })
+                }, M(N(r)), 3)
+              ]),
+              s("div", G, [
+                i(s("div", H, e[3] || (e[3] = [
+                  s("div", { class: "progress-step__content-line" }, null, -1)
+                ]), 512), [
+                  [m, V < t.substeps.filter((_) => !g(_)).length - 1]
+                ])
+              ])
+            ]))), 128))
+          ], 512), [
+            [m, !d(t.name)]
+          ])
+        ])
+      ]))), 128))
+    ]));
+  }
+});
+export {
+  W as default
+};