@piveau/dpi 0.2.0-alpha.0 → 0.2.0-alpha.11

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

@@ -1,231 +0,0 @@
-import { ref as p, computed as K, watch as C, createElementBlock as d, openBlock as r, createBlock as D, createCommentVNode as h, mergeProps as L, unref as B, withKeys as f, withModifiers as V, normalizeStyle as F, normalizeClass as T, createElementVNode as _, Fragment as x, renderList as E, toDisplayString as A, nextTick as N } from "vue";
-import { onClickOutside as $ } from "@vueuse/core";
-import J from "./TextButtonSmall.vue.js";
-import Q from "./MoreButton.vue.js";
-import X from "./InputField.vue.js";
-import { useI18n as Y } from "vue-i18n";
-/* empty css              */
-import Z from "../../../_virtual/_plugin-vue_export-helper.js";
-const ee = { class: "dpiV3_dropdownV3" }, te = {
-  key: 0,
-  class: "dpiV3_loading"
-}, le = {
-  key: 1,
-  class: "dpiV3_empty-state"
-}, ae = {
-  key: 2,
-  class: "dpiV3_dropdown dpiV3_dropdownMulti"
-}, oe = { class: "dpiV3_multiInnerWrap" }, ne = { class: "dpiV3_multiHeader" }, ue = { class: "dpiV3_btnWrap" }, re = ["onClick", "onKeydown", "onKeyup"], de = {
-  key: 0,
-  class: "dpiV3_multiSeperator"
-}, se = {
-  key: 3,
-  class: "dpiV3_dropdown"
-}, ie = ["onClick", "onKeydown", "onKeyup"], ce = {
-  __name: "Dropdown",
-  props: {
-    buttonText: {
-      type: String,
-      required: !0
-    },
-    text: {
-      type: String,
-      required: !0
-    },
-    type: {
-      type: String,
-      required: !0
-    },
-    data: {
-      type: Object,
-      required: !0
-    },
-    multi: {
-      type: Boolean
-    },
-    alignment: {
-      type: Boolean
-    },
-    inputFieldProps: {
-      type: Object,
-      default: () => ({})
-    },
-    dropdownWidth: {
-      type: String,
-      default: "medium",
-      validator: (k) => ["medium", "large"].includes(k)
-    },
-    isDisabled: {
-      type: Boolean,
-      default: !1
-    },
-    autocomplete: {
-      type: Boolean,
-      default: !1
-    },
-    modelValue: { type: String, default: "" },
-    loading: { type: Boolean, default: !1 }
-    // Loading prop from parent
-  },
-  emits: ["update:modelValue", "input", "deleteDropdownField", "valueSent", "chosenVocItem", "clickOutside"],
-  setup(k, { emit: I }) {
-    const { t: q } = Y(), w = p();
-    p("#0172AD");
-    let u = p(!1);
-    const v = p({});
-    p([]);
-    const n = p(0), b = p(!1), g = I, M = (t) => q("message.dataupload.datasets.dcatde:politicalGeocodingURI.titles." + t), a = k, S = K(() => {
-      if (a.multi) {
-        if (!a.data || !Array.isArray(a.data) || a.data.length === 0)
-          return !0;
-        for (const t of a.data)
-          if (t.list && t.list.length > 0)
-            return !1;
-        return !0;
-      } else
-        return !a.data || !Array.isArray(a.data) || a.data.length === 0;
-    });
-    C(() => a.loading, (t) => {
-      b.value = t;
-    });
-    const s = p(a.modelValue);
-    C(() => a.modelValue, (t) => {
-      s.value = t;
-    });
-    const U = () => {
-      y(), g("deleteDropdownField");
-    }, W = (t) => {
-      s.value = t.target.value, N(() => {
-        g("input", s.value);
-      }), a.autocomplete && s.value.length > 0 ? u.value = !0 : s.value.length === 0 && (u.value = !1);
-    }, O = K(() => {
-      if (!a.autocomplete)
-        return a.dropdownWidth === "large" ? "100%" : "161px";
-    }), y = (t) => {
-      a.autocomplete || a.isDisabled || (u.value = !u.value);
-    }, j = (t) => {
-      if (u.value && !b.value && !S.value) {
-        n.value--;
-        const e = Array.from(
-          document.querySelectorAll(".dpiV3_dropdown button")
-        );
-        e.length > 0 && (t.preventDefault(), n.value = (n.value + 1) % e.length, e[n.value].focus());
-      }
-    }, m = (t, e) => {
-      e.preventDefault(), (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (n.value = 0, v.value[t] || (v.value[t] = {}), v.value[t] = "var(--neutral-10, #fafafb)"), e.key === "Escape" && (n.value = 0, u.value = !u.value);
-      const l = Array.from(
-        document.querySelectorAll(".dpiV3_dropdownMulti .dpiV3_btnWrap button")
-      ), c = l.findIndex((o) => o === document.activeElement);
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        const o = (c + 1) % l.length;
-        l[o].focus(), n.value = o;
-      } else if (e.key === "ArrowUp") {
-        e.preventDefault();
-        const o = (c - 1 + l.length) % l.length;
-        l[o].focus(), n.value = o;
-      }
-    }, P = (t, e) => {
-      e.preventDefault(), (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (a.data.forEach((l) => {
-        for (let c in l)
-          l[c].forEach((o) => {
-            o.selected = !1;
-          });
-      }), t.selected = !t.selected, s.value = t["@value"], u.value = !1);
-    }, R = (t, e) => {
-      e.preventDefault(), (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (v.value[t["@value"]] = "var(--neutral-10, #f1f1f3)", n.value = 0), e.key === "Escape" && (n.value = 0, u.value = !u.value);
-      const l = Array.from(document.querySelectorAll(".dpiV3_dropdown button"));
-      e.key === "ArrowDown" ? (e.preventDefault(), n.value = (n.value + 1) % l.length, l[n.value].focus()) : e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey ? (e.preventDefault(), n.value = (n.value - 1 + l.length) % l.length, l[n.value].focus()) : e.key === "Tab" && (e.preventDefault(), n.value = (n.value + 1) % l.length, l[n.value].focus());
-    }, z = (t, e) => {
-      e.preventDefault(), (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (a.data.forEach((l) => {
-        l.selected = !1;
-      }), t.selected = !t.selected, v.value[t["@value"]] = "var(--neutral-5, #fafafb)", s.value = t["@value"], u.value = !1);
-    }, G = (t, e, l) => {
-      g("valueSent", t, l), s.value = t.alt_label.de + " (" + l + ")", u.value = !1;
-    }, H = (t, e) => {
-      e.type === "keydown" && e.preventDefault(), e.type === "click" && (a.multi ? (a.data.forEach((l) => {
-        for (let c in l)
-          l[c].forEach((o) => {
-            o.selected = !1;
-          });
-      }), s.value = t["@value"], t.selected = !t.selected) : (a.data.forEach((l) => {
-        l.selected = !1;
-      }), t.selected = !t.selected, s.value = t["@value"]), u.value = !1, t["@value"] === void 0 && (s.value = t.pref_label.de || t.pref_label.en, g("chosenVocItem", t)), g("update:modelValue", t["@value"], t));
-    };
-    return $(w, (t) => {
-      u.value = !1;
-    }), (t, e) => (r(), d("div", ee, [
-      a.type === "textButtonSmall" ? (r(), D(J, {
-        key: 0,
-        buttonText: a.buttonText,
-        onClick: y,
-        ref_key: "accActive",
-        ref: w
-      }, null, 8, ["buttonText"])) : h("", !0),
-      a.type === "moreButton" ? (r(), D(Q, {
-        key: 1,
-        onClick: y,
-        ref_key: "accActive",
-        ref: w
-      }, null, 512)) : h("", !0),
-      a.type === "inputField" ? (r(), D(X, L({ key: 2 }, a.inputFieldProps, {
-        onClick: y,
-        onKeydown: [
-          f(V(y, ["prevent"]), ["space"]),
-          f(y, ["enter"]),
-          f(V(j, ["prevent"]), ["arrow-down"])
-        ],
-        onInput: W,
-        onDeleteButtonClicked: U,
-        modelValue: s.value,
-        dropDownExpanded: B(u),
-        ref_key: "accActive",
-        ref: w
-      }), null, 16, ["onKeydown", "modelValue", "dropDownExpanded"])) : h("", !0),
-      B(u) ? (r(), d("div", {
-        key: 3,
-        class: T(["dpiV3_dropdownWrapper", {
-          alignRight: a.alignment === "right"
-        }]),
-        style: F({ width: O.value })
-      }, [
-        b.value ? (r(), d("div", te, e[0] || (e[0] = [
-          _("div", { class: "dpiV3_loading-spinner" }, null, -1),
-          _("span", null, "Daten werden geladen...", -1)
-        ]))) : S.value ? (r(), d("div", le, e[1] || (e[1] = [
-          _("span", null, "Keine Ergebnisse gefunden", -1)
-        ]))) : a.multi ? (r(), d("ul", ae, [
-          (r(!0), d(x, null, E(k.data, (l, c) => (r(), d("div", oe, [
-            _("div", ne, A(t.$t("message.dataupload.datasets.dcatde:politicalGeocodingURI.titles." + l.headers)), 1),
-            (r(!0), d(x, null, E(l.list, (o, pe) => (r(), d("div", ue, [
-              _("button", {
-                onClick: (i) => G(o, i, M(l.headers)),
-                onKeydown: [
-                  f((i) => m(o, i), ["enter"]),
-                  f(V((i) => m(o, i), ["prevent"]), ["space"]),
-                  f((i) => m(o, i), ["arrow-down"]),
-                  f((i) => m(o, i), ["arrow-up"])
-                ],
-                onKeyup: (i) => P(o, i)
-              }, A(o.alt_label.de), 41, re)
-            ]))), 256)),
-            c - 1 != Object.values(l).length ? (r(), d("div", de)) : h("", !0)
-          ]))), 256))
-        ])) : (r(), d("ul", se, [
-          (r(!0), d(x, null, E(k.data, (l, c) => (r(), d("button", {
-            onClick: (o) => H(l, o),
-            onKeydown: (o) => R(l, o),
-            onKeyup: (o) => z(l, o),
-            class: T({ dpiV3_selected: l.selected }),
-            style: F({
-              background: v.value[l["@value"]] || "initial"
-            })
-          }, A(l["@value"] || l.pref_label.de), 47, ie))), 256))
-        ]))
-      ], 6)) : h("", !0)
-    ]));
-  }
-}, me = /* @__PURE__ */ Z(ce, [["__scopeId", "data-v-0df80d8c"]]);
-export {
-  me as default
-};

package/dist/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldFormKit.vue.js

@@ -1,60 +0,0 @@
-import { defineComponent as V, computed as n, createBlock as j, openBlock as K, unref as r } from "vue";
-import P from "../InputField.vue.js";
-const M = /* @__PURE__ */ V({
-  __name: "InputFieldFormKit",
-  props: {
-    context: {}
-  },
-  setup(k) {
-    var i, p, u, x, d, m, f;
-    const t = k, c = n({
-      get: () => {
-        var e;
-        return ((e = t.context) == null ? void 0 : e._value) || "";
-      },
-      set: (e) => {
-        var o;
-        (o = t.context) == null || o.node.input(e);
-      }
-    }), I = n(() => {
-      var e;
-      return (e = t.context) == null ? void 0 : e.textLabel;
-    }), y = n(() => {
-      var e;
-      return (e = t.context) == null ? void 0 : e.name;
-    }), T = n(() => {
-      var e;
-      return ((e = t.context) == null ? void 0 : e.placeholder) || "Enter text here";
-    }), l = n(() => {
-      var e;
-      return Object.keys((e = t.context) == null ? void 0 : e.messages).length > 0;
-    }), s = n(() => {
-      var o, a, h, v, g;
-      if (!l.value)
-        return "";
-      const e = (a = Object.keys((o = t.context) == null ? void 0 : o.messages)) == null ? void 0 : a[0];
-      return ((g = (v = (h = t.context) == null ? void 0 : h.messages) == null ? void 0 : v[e]) == null ? void 0 : g.value) || "";
-    }), _ = ((i = t.context) == null ? void 0 : i.inputType) || "text", b = ((p = t.context) == null ? void 0 : p.addOnText) || !1, w = ((u = t.context) == null ? void 0 : u.datePicker) || !1, E = ((x = t.context) == null ? void 0 : x.infoIcon) || !1, O = ((d = t.context) == null ? void 0 : d.preIcon) || !1, B = ((m = t.context) == null ? void 0 : m.showEndIcon) !== !1, F = ((f = t.context) == null ? void 0 : f.tooltipText) || "This is helpful information";
-    return (e, o) => (K(), j(P, {
-      modelValue: c.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (a) => c.value = a),
-      label: I.value,
-      placeholder: T.value,
-      "input-type": r(_),
-      "add-on-text": r(b),
-      "date-picker": r(w),
-      "info-icon": r(E),
-      "pre-icon": r(O),
-      "show-end-icon": B,
-      "tooltip-text": r(F),
-      "show-error": l.value,
-      "supporting-hint-message": s.value,
-      "initial-hint-text": s.value,
-      error_message: s.value,
-      name: y.value
-    }, null, 8, ["modelValue", "label", "placeholder", "input-type", "add-on-text", "date-picker", "info-icon", "pre-icon", "tooltip-text", "show-error", "supporting-hint-message", "initial-hint-text", "error_message", "name"]));
-  }
-});
-export {
-  M as default
-};

package/dist/data-provider-interface/HappyFlowComponents/ui/ListBox/Listbox.vue.js

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

package/dist/data-provider-interface/HappyFlowComponents/ui/ListBox/Listbox.vue2.js

@@ -1,98 +0,0 @@
-import { defineComponent as v, mergeModels as f, useModel as g, computed as V, createElementBlock as m, openBlock as n, createVNode as d, unref as l, withCtx as s, normalizeClass as b, createElementVNode as t, createCommentVNode as k, renderSlot as L, createTextVNode as M, toDisplayString as u, Fragment as w, renderList as B, createBlock as C } from "vue";
-import { Listbox as h, ListboxButton as N, ListboxLabel as y, ListboxOptions as E, ListboxOption as z } from "@headlessui/vue";
-const O = { class: "listbox" }, S = { class: "listbox__input" }, j = { class: "listbox__input-label" }, F = /* @__PURE__ */ v({
-  __name: "Listbox",
-  props: /* @__PURE__ */ f({
-    options: {},
-    label: { default: "" },
-    errorMessage: { default: "" },
-    name: { default: "" }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(_) {
-    const o = _, a = g(_, "modelValue"), c = V(() => !!o.errorMessage);
-    return (r, i) => (n(), m("div", O, [
-      d(l(h), {
-        modelValue: a.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (e) => a.value = e),
-        name: o.name
-      }, {
-        default: s(() => [
-          d(l(N), {
-            as: "button",
-            class: b(["listbox__button", { "listbox__button--error": c.value }])
-          }, {
-            default: s(() => {
-              var e;
-              return [
-                d(l(y), { as: "div" }, {
-                  default: s(() => [
-                    L(r.$slots, "label", {
-                      label: o.label,
-                      selected: a.value
-                    }, () => [
-                      M(u(o.label), 1)
-                    ], !0)
-                  ]),
-                  _: 3
-                }),
-                t("div", S, [
-                  t("div", j, u((e = a.value) == null ? void 0 : e.name), 1),
-                  i[1] || (i[1] = t("div", { class: "listbox__input-icon" }, [
-                    t("svg", {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      fill: "none",
-                      viewBox: "0 0 24 24",
-                      "stroke-width": "1.5",
-                      stroke: "currentColor",
-                      class: "size-4"
-                    }, [
-                      t("path", {
-                        "stroke-linecap": "round",
-                        "stroke-linejoin": "round",
-                        d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
-                      })
-                    ])
-                  ], -1))
-                ]),
-                r.errorMessage ? (n(), m("div", {
-                  key: 0,
-                  class: b(["listbox__message", { "listbox__message--error": c.value }])
-                }, u(r.errorMessage), 3)) : k("", !0)
-              ];
-            }),
-            _: 3
-          }, 8, ["class"]),
-          d(l(E), {
-            class: "listbox__options",
-            as: "ul"
-          }, {
-            default: s(() => [
-              (n(!0), m(w, null, B(r.options, (e) => (n(), C(l(z), {
-                as: "template",
-                key: e.id,
-                value: e,
-                disabled: e.unavailable
-              }, {
-                default: s(({ active: p, selected: x }) => [
-                  t("li", {
-                    class: b(["listbox__option", { "listbox__option--active": p, "listbox__option--selected": x }])
-                  }, u(e.name), 3)
-                ]),
-                _: 2
-              }, 1032, ["value", "disabled"]))), 128))
-            ]),
-            _: 1
-          })
-        ]),
-        _: 3
-      }, 8, ["modelValue", "name"])
-    ]));
-  }
-});
-export {
-  F as default
-};

package/dist/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/AccessRightsV3.vue.js

@@ -1,41 +0,0 @@
-import { ref as u, watch as r, createBlock as p, openBlock as f } from "vue";
-import g from "../InputField.vue.js";
-const I = {
-  __name: "AccessRightsV3",
-  props: {
-    distributionId: { type: Number, required: !1 },
-    showDeleteButton: { type: Boolean, default: !1 },
-    accessRightsProp: { type: String, default: "" }
-  },
-  emits: ["addAccessRights", "deleteButtonClicked"],
-  setup(n, { emit: d }) {
-    const t = n, s = u(t.accessRightsProp), o = d, a = (l, e) => {
-      o("addAccessRights", l.target.value, t.distributionId);
-    };
-    r(() => t.accessRightsProp, (l) => {
-      s.value = l;
-    });
-    const c = () => {
-      console.log("delete clicked"), o("deleteButtonClicked", t.distributionId);
-    };
-    return (l, e) => (f(), p(g, {
-      onInput: e[0] || (e[0] = (i) => a(i)),
-      modelValue: s.value,
-      "onUpdate:modelValue": e[1] || (e[1] = (i) => s.value = i),
-      addOnText: !1,
-      datePicker: !1,
-      infoIcon: !1,
-      placeholder: "Bitte Grad der Zugänglichkeit eingeben...",
-      preIcon: !1,
-      inputFieldSize: "large",
-      initialHintText: !1,
-      label: "Grad der Zugänglichkeit (URL)",
-      showEndIcon: !1,
-      defaultInput: !n.showDeleteButton,
-      onDeleteButtonClicked: c
-    }, null, 8, ["modelValue", "defaultInput"]));
-  }
-};
-export {
-  I as default
-};

package/dist/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/ChecksumV3.vue.js

@@ -1,116 +0,0 @@
-import { ref as s, onMounted as w, getCurrentInstance as x, watch as p, createElementBlock as I, openBlock as T, Fragment as V, createVNode as m, normalizeClass as C } from "vue";
-import { getChecksumAlgorithms as b } from "../../services/dpiV3_apis.js";
-import D from "../Dropdown.vue.js";
-import F from "../InputField.vue.js";
-/* empty css                */
-import B from "../../../../_virtual/_plugin-vue_export-helper.js";
-const y = {
-  __name: "ChecksumV3",
-  props: {
-    distributionId: { type: Number, required: !1 },
-    showDeleteButton: { type: Boolean, default: !1 },
-    checksumText: { type: String, default: "" },
-    checksumDropdownText: { type: String, default: "" },
-    uri: { type: String, default: "" }
-  },
-  emits: ["addChecksum", "deleteButtonClicked"],
-  setup(u, { emit: f }) {
-    const d = s([]);
-    w(async () => {
-      const e = x().appContext.app.config.globalProperties.$env;
-      try {
-        const t = await b(e.api.baseUrl);
-        d.value = t.map((i) => ({
-          "@value": i.value,
-          label: i.label,
-          selected: !1,
-          uri: i.resource
-        }));
-      } catch (t) {
-        console.error("Failed to load checksum algorithms:", t);
-      }
-    });
-    const n = u, a = s(n.checksumText);
-    s([]);
-    const o = s(n.checksumDropdownText), r = f;
-    let c = "";
-    const h = (l) => {
-      a.value = l.target.value, r(
-        "addChecksum",
-        a.value,
-        o.value,
-        n.distributionId
-      );
-    }, k = (l) => {
-      o.value = l, c = d.value.find((e) => e["@value"] === l).uri || "", r(
-        "addChecksum",
-        a.value,
-        o.value,
-        n.distributionId,
-        c
-      );
-    };
-    p(
-      () => n.checksumDropdownText,
-      (l) => {
-        o.value = l;
-      }
-    ), p(
-      () => n.checksumText,
-      (l) => {
-        a.value = l;
-      }
-    );
-    const v = () => {
-      console.log("delete clicked"), o.value = "";
-    }, g = () => {
-      a.value = "";
-    };
-    return (l, e) => (T(), I(V, null, [
-      m(F, {
-        onInput: e[0] || (e[0] = (t) => h(t)),
-        modelValue: a.value,
-        "onUpdate:modelValue": e[1] || (e[1] = (t) => a.value = t),
-        addOnText: !1,
-        datePicker: !1,
-        infoIcon: !1,
-        placeholder: "Bitte Prüfsumme eingeben...",
-        preIcon: !1,
-        inputFieldSize: "large",
-        initialHintText: !1,
-        label: "Prüfsumme",
-        showEndIcon: !1,
-        defaultInput: !u.showDeleteButton,
-        onDeleteButtonClicked: g,
-        class: C({ dpiV3_Space3: u.showDeleteButton })
-      }, null, 8, ["modelValue", "defaultInput", "class"]),
-      m(D, {
-        "onUpdate:modelValue": [
-          e[2] || (e[2] = (t) => k(t)),
-          e[3] || (e[3] = (t) => o.value = t)
-        ],
-        dropdownWidth: "large",
-        type: "inputField",
-        modelValue: o.value,
-        inputFieldProps: {
-          addOnText: !1,
-          initialHintText: !1,
-          datePicker: !1,
-          infoIcon: !1,
-          preIcon: !1,
-          label: "Algorithmus",
-          dropdown_dpiV3: !0,
-          placeholder: "Geben Sie den Algorithmus ein...",
-          inputFieldSize: "large",
-          modelValue: o.value,
-          defaultInput: !u.showDeleteButton
-        },
-        data: d.value,
-        onDeleteDropdownField: v
-      }, null, 8, ["modelValue", "inputFieldProps", "data"])
-    ], 64));
-  }
-}, E = /* @__PURE__ */ B(y, [["__scopeId", "data-v-057ec666"]]);
-export {
-  E as default
-};