@piveau/dpi 0.2.0-alpha.6 → 0.2.0-alpha.60

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

@@ -1,53 +1,80 @@
-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 { ref as r, onMounted as V, createElementBlock as _, openBlock as p, Fragment as w, createElementVNode as f, createVNode as D, createBlock as S, toDisplayString as y, getCurrentInstance as k } from "vue";
 import { useFormValues as C } from "../../../composables/useDpiFormValues.js";
+import { getHvdCategories as H } from "../../services/dpiV3_apis.js";
+import x from "../Dropdown.vue.js";
+import F from "../SwitchV3.vue.js";
 /* empty css               */
-const D = { class: "dpiV3_findabilitySwitchWrapper" }, k = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, W = {
+const P = { class: "dpiV3_findabilitySwitchWrapper" }, T = { class: "dpiV3_Switch_Label copy-large-semi-bold" }, M = {
   __name: "HVDSwitch",
   props: {
     context: Object
   },
-  setup(H) {
-    const { formValues: c } = C(), l = o(!1);
-    let i = o([{ isValid: !0 }]);
-    const r = o([]), p = o([]), u = (e) => {
-      i.value[0].isValid = !1, l.value = !e, console.log(l);
-    }, f = async () => {
+  setup(E) {
+    const { formValues: i } = C(), s = r(!1), u = r(0), d = r("");
+    r([{ isValid: !0 }]);
+    const o = r([]), v = r([]);
+    function h(e) {
+      s.value = e, e || (d.value = "", i.value.Discoverability.hvdPage = [{ isValid: !1 }], o.value.forEach((a) => a.selected = !1));
+    }
+    async function b() {
       try {
-        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,
+        const e = k().appContext.app.config.globalProperties.$env, l = (await H(e.api.baseUrl)).sort(
+          (t, n) => t.pref_label.de.localeCompare(n.pref_label.de, "de")
+        );
+        v.value = l, o.value = l.map((t) => ({
+          label: t.pref_label.de,
+          uri: t.resource,
+          "@value": t.pref_label.de,
           selected: !1
-          // oder eine andere Eigenschaft, die du binden möchtest
-        }));
+        })), m();
       } catch (e) {
-        console.error("Error in component:", e), error.value = e;
+        console.error("Error in component:", e);
       }
-    }, 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 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", k, V(e.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
+    }
+    function m() {
+      var a, l, t;
+      const e = (t = (l = (a = i.value) == null ? void 0 : a.Discoverability) == null ? void 0 : l.hvdPage) == null ? void 0 : t[0];
+      if (e && e.isValid && e.label) {
+        s.value = !0;
+        const n = o.value.find(
+          (c) => c.label === e.label || c.uri === e.uri
+        );
+        n && (o.value.forEach((c) => c.selected = !1), n.selected = !0, d.value = n.label), u.value++;
+      }
+    }
+    function g(e) {
+      const a = o.value.find(
+        (l) => l.label === e.target.innerHTML
+      );
+      a && (i.value.DistributionSimple.hvdNotation === void 0 && (i.value.DistributionSimple.hvdNotation = {}), i.value.DistributionSimple.hvdNotation = {
+        hvdUri: a.uri
+      }, d.value = a.label, i.value.Discoverability.hvdPage = [
+        {
+          isValid: !0,
+          label: a.label,
+          uri: a.uri
+        }
+      ]);
+    }
+    return V(() => {
+      b();
+    }), (e, a) => (p(), _(w, null, [
+      f("div", P, [
+        (p(), S(F, {
+          key: u.value,
+          "has-icon": !1,
+          "default-checked": s.value,
+          disabled: !1,
+          onSwitchToggled: h
+        }, null, 8, ["default-checked"])),
+        f("div", T, y(e.$t("message.dataupload.datasets.hvdPage.switch-label")), 1)
       ]),
-      n(y, {
-        dropdownWidth: "large",
-        isDisabled: !l.value,
+      D(x, {
+        "dropdown-width": "large",
+        "is-disabled": !s.value,
         type: "inputField",
-        inputFieldProps: {
-          isDisabled: !l.value,
+        "input-field-props": {
+          isDisabled: !s.value,
           addOnText: !1,
           initialHintText: !1,
           datePicker: !1,
@@ -58,12 +85,13 @@ const D = { class: "dpiV3_findabilitySwitchWrapper" }, k = { class: "dpiV3_Switc
           placeholder: "Wählen Sie eine HVD-Kategorie",
           inputFieldSize: "large"
         },
-        data: r.value,
-        onClick: t[1] || (t[1] = (a) => m(a))
-      }, null, 8, ["isDisabled", "inputFieldProps", "data"])
+        data: o.value,
+        "model-value": d.value,
+        onClick: a[0] || (a[0] = (l) => g(l))
+      }, null, 8, ["is-disabled", "input-field-props", "data", "model-value"])
     ], 64));
   }
 };
 export {
-  W as default
+  M as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/StateTag.vue.js

@@ -2,8 +2,8 @@
 /* empty css                                 */
 import { createElementBlock as e, openBlock as s, normalizeClass as o, createCommentVNode as a, createElementVNode as i, toDisplayString as c } from "vue";
 import l from "../img/Ellipse2Published.svg.js";
-import m from "../img/Ellipse2Warning.svg.js";
-import n from "../img/Ellipse2Error.svg.js";
+import n from "../img/Ellipse2Warning.svg.js";
+import m from "../img/Ellipse2Error.svg.js";
 /* empty css              */
 import _ from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const d = {
@@ -22,6 +22,10 @@ const d = {
       type: String,
       default: "table"
       // "table", "page", or other custom sizes
+    },
+    hasDotIcon: {
+      type: Boolean,
+      default: !0
     }
   },
   computed: {
@@ -32,33 +36,33 @@ const d = {
       return `state-tag--${this.size}`;
     }
   }
-}, p = {
+}, u = {
   key: 0,
   class: "dot",
   src: l,
   alt: ""
-}, u = {
+}, f = {
   key: 1,
   class: "dot",
-  src: m,
+  src: n,
   alt: ""
-}, f = {
+}, p = {
   key: 2,
   class: "dot",
-  src: n,
+  src: m,
   alt: ""
 }, g = { class: "label" };
 function h(y, C, t, S, b, r) {
   return s(), e("div", {
     class: o(["state-tag", [r.stateClass, r.sizeClass]])
   }, [
-    t.state === "published" ? (s(), e("img", p)) : a("", !0),
-    t.state === "draft" ? (s(), e("img", u)) : a("", !0),
-    t.state === "error" ? (s(), e("img", f)) : a("", !0),
+    t.state === "published" && t.hasDotIcon ? (s(), e("img", u)) : a("", !0),
+    t.state === "draft" && t.hasDotIcon ? (s(), e("img", f)) : a("", !0),
+    t.state === "error" && t.hasDotIcon ? (s(), e("img", p)) : a("", !0),
     i("span", g, c(t.label), 1)
   ], 2);
 }
-const T = /* @__PURE__ */ _(d, [["render", h], ["__scopeId", "data-v-acd8463a"]]);
+const E = /* @__PURE__ */ _(d, [["render", h], ["__scopeId", "data-v-c4af57c2"]]);
 export {
-  T as default
+  E as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/SummaryBox.vue.js

@@ -1,7 +1,7 @@
 import o from "./SummaryBox.vue2.js";
 /* empty css                */
 import m from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ m(o, [["__scopeId", "data-v-91940b27"]]);
+const p = /* @__PURE__ */ m(o, [["__scopeId", "data-v-36d0d28b"]]);
 export {
   p as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/SummaryBox.vue2.js

@@ -1,23 +1,27 @@
-import { defineComponent as l, createElementBlock as a, openBlock as n, renderSlot as t, createElementVNode as o, createTextVNode as r, toDisplayString as s } from "vue";
-const i = { class: "summary-box" }, p = { class: "copy-large-regular" }, d = { class: "headline-5" }, _ = /* @__PURE__ */ l({
+import { defineComponent as i, createElementBlock as o, openBlock as s, renderSlot as t, createCommentVNode as p, createTextVNode as r, toDisplayString as l, createElementVNode as d } from "vue";
+const c = { class: "summary-box" }, m = {
+  key: 0,
+  class: "copy-large-regular"
+}, u = { class: "headline-5" }, y = /* @__PURE__ */ i({
   __name: "SummaryBox",
   props: {
     title: {},
     text: {}
   },
-  setup(c) {
-    return (e, u) => (n(), a("div", i, [
+  setup(a) {
+    const n = a;
+    return (e, f) => (s(), o("div", c, [
       t(e.$slots, "title-wrapper", {}, () => [
-        o("div", p, [
+        e.$slots.title || n.title ? (s(), o("div", m, [
           t(e.$slots, "title", {}, () => [
-            r(s(e.title), 1)
+            r(l(e.title), 1)
           ], !0)
-        ])
+        ])) : p("", !0)
       ], !0),
       t(e.$slots, "content-wrapper", {}, () => [
-        o("div", d, [
+        d("div", u, [
           t(e.$slots, "default", {}, () => [
-            r(s(e.text), 1)
+            r(l(e.text), 1)
           ], !0)
         ])
       ], !0)
@@ -25,5 +29,5 @@ const i = { class: "summary-box" }, p = { class: "copy-large-regular" }, d = { c
   }
 });
 export {
-  _ as default
+  y as default
 };