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

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
 };