@piveau/dpi 0.1.0-beta.5

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

@@ -0,0 +1,157 @@
+import { ref as m, onMounted as U, createElementBlock as u, openBlock as s, normalizeClass as V, createCommentVNode as I, createBlock as y, Fragment as L, renderList as A, createElementVNode as R, createVNode as p, unref as i, isRef as M } from "vue";
+import b from "../ButtonV3.vue.js";
+import z from "../ModalSimpleV3.vue.js";
+import x from "../InputField.vue.js";
+/* empty css                  */
+import D from "../../../../_virtual/_plugin-vue_export-helper.js";
+const $ = { class: "dpiV3_LinkAndMetadata" }, E = {
+  key: 0,
+  class: "copy-mini-regular dpiV3_text_error"
+}, F = {
+  key: 0,
+  class: "dpiV3_tempAddMore"
+}, N = {
+  __name: "ConformsToV3",
+  props: {
+    conformsToItems: { type: Array, required: !0 },
+    distributionId: { type: Number, required: !0 },
+    asCard: { type: Boolean, required: !1, default: !1 },
+    showDeleteButton: { type: Boolean, required: !1, default: !1 }
+  },
+  emits: ["update"],
+  setup(l, { emit: S }) {
+    let d = m({});
+    const a = l, c = S, g = m(!1), C = m(null);
+    let r = m(!1);
+    U(() => {
+      console.log(
+        "Component Mounted: conformsToItems received for distributionId:",
+        a.distributionId
+      ), console.log("conformsToItems:", a.conformsToItems), a.conformsToItems.length === 0 && (console.log("No conformsToItems found, initializing first documentation."), c("update", [
+        {
+          id: 1,
+          "dcat:downloadURL": "",
+          "dct:title": ""
+        }
+      ]));
+    });
+    const v = (e) => {
+      switch (e) {
+        case "delete":
+          w();
+          break;
+      }
+    }, k = () => {
+      const n = {
+        id: (a.conformsToItems.length ? Math.max(...a.conformsToItems.map((t) => t.id)) : 0) + 1,
+        "dcat:downloadURL": "",
+        "dct:title": ""
+      };
+      c("update", [...a.conformsToItems, n]);
+    }, T = (e, n, t) => {
+      var h;
+      (h = e == null ? void 0 : e.target) == null || h.value;
+      const o = a.conformsToItems.map(
+        (f) => f.id === t ? { ...f, [n]: e.target.value } : f
+      );
+      c("update", o);
+    }, _ = (e) => {
+      d.value = {
+        button: "Löschen",
+        header: "Standard löschen",
+        text: "Sind Sie sicher, dass Sie diesen Standard löschen wollen?",
+        action: "delete",
+        optionalString_1: e["dct:title"],
+        optionalString_2: e["dcat:downloadURL"]
+      }, r.value = !0, C.value = e;
+    }, w = () => {
+      if (a.conformsToItems.length === 1) {
+        g.value = !0;
+        return;
+      }
+      const e = a.conformsToItems.filter(
+        (n) => n.id !== C.value.id
+      );
+      c("update", e);
+    }, B = (e) => {
+      e["dct:title"] = "";
+    };
+    return (e, n) => (s(), u("div", {
+      class: V(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: l.asCard }])
+    }, [
+      (s(!0), u(L, null, A(l.conformsToItems, (t) => (s(), u("div", {
+        key: t.id,
+        class: V(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: l.asCard }])
+      }, [
+        R("div", $, [
+          p(x, {
+            onInput: (o) => T(o, "dcat:downloadURL", t.id),
+            addOnText: !1,
+            datePicker: !1,
+            infoIcon: !1,
+            placeholder: "Bitte URL eingeben...",
+            preIcon: !1,
+            inputFieldSize: "large",
+            initialHintText: !1,
+            label: "URL",
+            showEndIcon: !1,
+            modelValue: t["dcat:downloadURL"],
+            "onUpdate:modelValue": (o) => t["dcat:downloadURL"] = o
+          }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue"]),
+          p(x, {
+            onInput: (o) => T(o, "dct:title", t.id),
+            addOnText: !1,
+            datePicker: !1,
+            infoIcon: !1,
+            placeholder: "Bitte Titel eingeben...",
+            preIcon: !1,
+            inputFieldSize: "large",
+            initialHintText: !1,
+            label: e.$t(
+              "message.dataupload.datasets.dcat:distribution.distribution-title.label"
+            ),
+            showEndIcon: !1,
+            modelValue: t["dct:title"],
+            "onUpdate:modelValue": (o) => t["dct:title"] = o,
+            defaultInput: !l.showDeleteButton,
+            onDeleteButtonClicked: (o) => B(t)
+          }, null, 8, ["onInput", "label", "modelValue", "onUpdate:modelValue", "defaultInput", "onDeleteButtonClicked"]),
+          g.value && l.conformsToItems.length === 1 ? (s(), u("p", E, " Mindestens eine URL muss vorhanden sein. ")) : I("", !0)
+        ]),
+        p(b, {
+          class: "dpiV3_tempAddMore",
+          buttonText: e.$t(
+            "message.dataupload.datasets.dcat:distribution.advanced.documentation.delete"
+          ),
+          size: "small",
+          iconStart: "trash",
+          variant: "tertiary",
+          onClick: (o) => _(t)
+        }, null, 8, ["buttonText", "onClick"])
+      ], 2))), 128)),
+      l.asCard ? I("", !0) : (s(), u("div", F, [
+        p(b, {
+          buttonText: "Weitere Standards hinzufügen",
+          size: "small",
+          iconStart: "plus",
+          variant: "tertiary",
+          onClick: k
+        })
+      ])),
+      i(r) ? (s(), y(z, {
+        key: 1,
+        buttons: i(d).button,
+        headerText: i(d).header,
+        text: i(d).text,
+        onClose: n[0] || (n[0] = (t) => M(r) ? r.value = !1 : r = !1),
+        action: i(d).action,
+        onActionHandling: n[1] || (n[1] = (t) => v(t)),
+        optionalString_1: i(d).optionalString_1,
+        optionalString_2: i(d).optionalString_2
+      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1", "optionalString_2"])) : I("", !0)
+    ], 2));
+  }
+}, G = /* @__PURE__ */ D(N, [["__scopeId", "data-v-aab2720a"]]);
+export {
+  G as default
+};

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

@@ -0,0 +1,40 @@
+import { ref as c, watch as p, createElementBlock as u, openBlock as m, createVNode as f } from "vue";
+import h from "../TextAreaV3.vue.js";
+import { useI18n as D } from "vue-i18n";
+const V = { class: "dpiV3_modified" }, I = {
+  __name: "DescriptionV3",
+  props: {
+    descriptionText: { type: String, default: "" },
+    distributionId: { type: Number, required: !1 },
+    showDeleteButton: { type: Boolean, default: !1 }
+  },
+  emits: ["addDescription", "deleteDescription"],
+  setup(d, { emit: l }) {
+    const { t: b } = D(), i = l, o = d, t = c(o.descriptionText), n = (e) => {
+      t.value = e.target.value, i("addDescription", t.value, o.distributionId);
+    }, s = () => {
+      i("deleteDescription");
+    };
+    return p(() => o.descriptionText, (e) => {
+      t.value = e;
+    }), (e, a) => (m(), u("div", V, [
+      f(h, {
+        onInput: n,
+        onDeleteClicked: s,
+        showDeleteButton: d.showDeleteButton,
+        hint: !1,
+        label: e.$t(
+          "message.dataupload.datasets.dcat:distribution.recommended.dct:description"
+        ) + " (optional)",
+        placeholder: e.$t(
+          "message.dataupload.datasets.dcat:distribution.recommended.description-placeholder"
+        ),
+        modelValue: t.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (r) => t.value = r)
+      }, null, 8, ["showDeleteButton", "label", "placeholder", "modelValue"])
+    ]));
+  }
+};
+export {
+  I as default
+};

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

@@ -0,0 +1,227 @@
+import { ref as p, onMounted as A, createElementBlock as m, openBlock as r, normalizeClass as I, createCommentVNode as V, createBlock as F, Fragment as L, renderList as R, createElementVNode as z, createVNode as u, toDisplayString as M, unref as i, isRef as q } from "vue";
+import E from "../Dropdown.vue.js";
+import P from "../TextAreaV3.vue.js";
+import y from "../ButtonV3.vue.js";
+import H from "../ModalSimpleV3.vue.js";
+import C from "../InputField.vue.js";
+/* empty css                      */
+import N from "../../../../_virtual/_plugin-vue_export-helper.js";
+const W = { class: "dpiV3_LinkAndMetadata" }, _ = {
+  key: 0,
+  class: "copy-mini-regular dpiV3_text_error"
+}, O = {
+  key: 0,
+  class: "dpiV3_tempAddMore"
+}, j = {
+  __name: "DocumentationsV3",
+  props: {
+    documentations: { type: Array, required: !0 },
+    fileTypes: { type: Array, required: !1, default: () => [] },
+    distributionId: { type: Number, required: !0 },
+    asCard: { type: Boolean, required: !1, default: !1 },
+    showDeleteButton: { type: Boolean, required: !1, default: !1 }
+  },
+  emits: ["update"],
+  setup(l, { emit: T }) {
+    let n = p({});
+    const o = l, f = T, h = p([...o.fileTypes]), D = p(!1), v = p(null);
+    let c = p(!1);
+    A(() => {
+      o.documentations.length === 0 && f("update", [
+        {
+          id: 1,
+          "dcat:downloadURL": "",
+          "dct:format": "",
+          "dct:title": "",
+          "dct:description": ""
+        }
+      ]);
+    });
+    const U = (e) => {
+      switch (e) {
+        case "delete":
+          B();
+          break;
+      }
+    }, S = () => {
+      const d = {
+        id: (o.documentations.length ? Math.max(...o.documentations.map((t) => t.id)) : 0) + 1,
+        "dcat:downloadURL": "",
+        "dct:format": "",
+        "dct:title": "",
+        "dct:description": ""
+      };
+      f("update", [...o.documentations, d]);
+    }, b = (e, d, t) => {
+      var k, w;
+      if (d === "dct:format") {
+        h.value = [...o.fileTypes];
+        const s = typeof e == "string" ? e.trim().toUpperCase() : (w = (k = e == null ? void 0 : e.target) == null ? void 0 : k.value) == null ? void 0 : w.trim().toUpperCase();
+        s.length > 0 ? h.value = o.fileTypes.filter(
+          (x) => x["@value"].toUpperCase().startsWith(s)
+        ) : h.value = [...o.fileTypes];
+      }
+      const a = o.documentations.map(
+        (s) => s.id === t ? { ...s, [d]: e.target.value } : s
+      );
+      f("update", a);
+    }, $ = (e) => {
+      n.value = {
+        button: "Löschen",
+        header: "Dokumentation löschen",
+        text: "Sind Sie sicher, dass Sie die Dokumentation löschen wollen?",
+        action: "delete",
+        optionalString_1: e["dct:title"],
+        optionalString_2: e["dcat:downloadURL"]
+      }, c.value = !0, v.value = e;
+    }, B = () => {
+      if (o.documentations.length === 1) {
+        D.value = !0;
+        return;
+      }
+      const e = o.documentations.filter(
+        (d) => d.id !== v.value.id
+      );
+      f("update", e);
+    }, g = (e, d) => {
+      switch (e) {
+        case "dct:description":
+          d["dct:description"] = "";
+          break;
+        case "dct:title":
+          d["dct:title"] = "";
+          break;
+        case "dct:format":
+          d["dct:format"] = "";
+          break;
+      }
+    };
+    return (e, d) => (r(), m("div", {
+      class: I(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: l.asCard }])
+    }, [
+      (r(!0), m(L, null, R(l.documentations, (t) => (r(), m("div", {
+        key: t.id,
+        class: I(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: l.asCard }])
+      }, [
+        z("div", W, [
+          u(C, {
+            onInput: (a) => b(a, "dcat:downloadURL", t.id),
+            addOnText: !1,
+            datePicker: !1,
+            infoIcon: !1,
+            placeholder: e.$t(
+              "message.dataupload.datasets.dcat:distribution.advanced.documentation.URL-label-placeholder"
+            ),
+            preIcon: !1,
+            inputFieldSize: "large",
+            initialHintText: !1,
+            label: e.$t(
+              "message.dataupload.datasets.dcat:distribution.advanced.documentation.dcat:downloadURL-label"
+            ),
+            showEndIcon: !1,
+            modelValue: t["dcat:downloadURL"],
+            "onUpdate:modelValue": (a) => t["dcat:downloadURL"] = a
+          }, null, 8, ["onInput", "placeholder", "label", "modelValue", "onUpdate:modelValue"]),
+          u(C, {
+            onInput: (a) => b(a, "dct:title", t.id),
+            addOnText: !1,
+            datePicker: !1,
+            infoIcon: !1,
+            placeholder: e.$t(
+              "message.dataupload.datasets.dcat:distribution.advanced.documentation.title-placeholder"
+            ),
+            preIcon: !1,
+            inputFieldSize: "large",
+            initialHintText: !1,
+            label: e.$t(
+              "message.dataupload.datasets.dcat:distribution.distribution-title.label"
+            ),
+            showEndIcon: !1,
+            modelValue: t["dct:title"],
+            "onUpdate:modelValue": (a) => t["dct:title"] = a,
+            defaultInput: !l.showDeleteButton,
+            onDeleteButtonClicked: (a) => g("dct:title", t)
+          }, null, 8, ["onInput", "placeholder", "label", "modelValue", "onUpdate:modelValue", "defaultInput", "onDeleteButtonClicked"]),
+          u(P, {
+            onInput: (a) => b(a, "dct:description", t.id),
+            hint: !1,
+            label: e.$t(
+              "message.dataupload.datasets.dcat:distribution.advanced.documentation.description"
+            ),
+            placeholder: e.$t(
+              "message.dataupload.datasets.dcat:distribution.advanced.documentation.placeholder"
+            ),
+            modelValue: t["dct:description"],
+            "onUpdate:modelValue": (a) => t["dct:description"] = a,
+            showDeleteButton: l.showDeleteButton,
+            onDeleteClicked: (a) => g("dct:description", t)
+          }, null, 8, ["onInput", "label", "placeholder", "modelValue", "onUpdate:modelValue", "showDeleteButton", "onDeleteClicked"]),
+          u(E, {
+            onInput: (a) => b(a, "dct:format", t.id),
+            dropdownWidth: "large",
+            type: "inputField",
+            modelValue: t["dct:format"],
+            "onUpdate:modelValue": (a) => t["dct:format"] = a,
+            inputFieldProps: {
+              addOnText: !1,
+              initialHintText: !1,
+              datePicker: !1,
+              infoIcon: !1,
+              preIcon: !1,
+              label: e.$t("message.dataupload.datasets.dcat:distribution.format.label") + " (optional)",
+              dropdown_dpiV3: !0,
+              placeholder: e.$t(
+                "message.dataupload.datasets.dcat:distribution.format.placeholder"
+              ),
+              inputFieldSize: "large",
+              autocomplete: "true",
+              modelValue: t["dct:format"],
+              defaultInput: !l.showDeleteButton
+            },
+            data: h.value,
+            autocomplete: !0,
+            onDeleteDropdownField: (a) => g("dct:format", t)
+          }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue", "inputFieldProps", "data", "onDeleteDropdownField"]),
+          D.value && l.documentations.length === 1 ? (r(), m("p", _, M(e.$t(
+            "message.dataupload.datasets.dcat:distribution.advanced.documentation.error-message"
+          )), 1)) : V("", !0)
+        ]),
+        u(y, {
+          class: "dpiV3_tempAddMore",
+          buttonText: e.$t(
+            "message.dataupload.datasets.dcat:distribution.advanced.documentation.delete"
+          ),
+          size: "small",
+          iconStart: "trash",
+          variant: "tertiary",
+          onClick: (a) => $(t)
+        }, null, 8, ["buttonText", "onClick"])
+      ], 2))), 128)),
+      l.asCard ? V("", !0) : (r(), m("div", O, [
+        u(y, {
+          buttonText: e.$t(
+            "message.dataupload.datasets.dcat:distribution.advanced.documentation.add-another"
+          ),
+          size: "small",
+          iconStart: "plus",
+          variant: "tertiary",
+          onClick: S
+        }, null, 8, ["buttonText"])
+      ])),
+      i(c) ? (r(), F(H, {
+        key: 1,
+        buttons: i(n).button,
+        headerText: i(n).header,
+        text: i(n).text,
+        onClose: d[0] || (d[0] = (t) => q(c) ? c.value = !1 : c = !1),
+        action: i(n).action,
+        onActionHandling: d[1] || (d[1] = (t) => U(t)),
+        optionalString_1: i(n).optionalString_1,
+        optionalString_2: i(n).optionalString_2
+      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1", "optionalString_2"])) : V("", !0)
+    ], 2));
+  }
+}, te = /* @__PURE__ */ N(j, [["__scopeId", "data-v-d3575856"]]);
+export {
+  te as default
+};

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

@@ -0,0 +1,148 @@
+import { ref as u, watch as T, createElementBlock as v, openBlock as s, Fragment as D, createBlock as c, createCommentVNode as y } from "vue";
+import k from "../Dropdown.vue.js";
+const B = {
+  __name: "FileFormatV3",
+  props: {
+    distributionId: { type: Number, required: !1 },
+    showDeleteButton: { type: Boolean, default: !1 },
+    fileFormatText: { type: String, default: "" },
+    compressFormatText: { type: String, default: "" },
+    packageFormatText: { type: String, default: "" },
+    fileFormatType: { type: String, default: "" },
+    fileTypes: { type: Array, required: !1 }
+  },
+  emits: [
+    "addMediaType",
+    "addCompressFormat",
+    "addPackageFormat",
+    "deleteButtonClicked"
+  ],
+  setup(o, { emit: x }) {
+    const l = o, r = u(l.fileFormatText), i = u(l.compressFormatText), n = u(l.packageFormatText), d = u([...l.fileTypes]), p = x, m = (a, e, t = null) => {
+      var I, V;
+      d.value = [...l.fileTypes];
+      const g = typeof a == "string" ? a.trim().toUpperCase() : (V = (I = a == null ? void 0 : a.target) == null ? void 0 : I.value) == null ? void 0 : V.trim().toUpperCase();
+      g.length > 0 ? d.value = l.fileTypes.filter(
+        (w) => w["@value"].toUpperCase().startsWith(g)
+      ) : d.value = [...fileTypes.value];
+    }, f = (a, e, t = null) => {
+      switch (e) {
+        case "dcat:mediaType":
+          p("addMediaType", a, e, l.distributionId);
+          break;
+        case "dcat:compressFormat":
+          p("addCompressFormat", a, e, l.distributionId);
+          break;
+        case "dcat:packageFormat":
+          p("addPackageFormat", a, e, l.distributionId);
+          break;
+      }
+    }, F = (a, e = null) => {
+      p("deleteButtonClicked", a, l.distributionId);
+    };
+    return T(
+      () => l.fileFormatText,
+      (a) => {
+        r.value = a;
+      }
+    ), T(
+      () => l.compressFormatText,
+      (a) => {
+        i.value = a;
+      }
+    ), T(
+      () => l.packageFormatText,
+      (a) => {
+        n.value = a;
+      }
+    ), (a, e) => (s(), v(D, null, [
+      o.fileFormatType === "dcat:mediaType" ? (s(), c(k, {
+        key: 0,
+        onInput: e[0] || (e[0] = (t) => m(t)),
+        "onUpdate:modelValue": [
+          e[1] || (e[1] = (t) => f(t, "dcat:mediaType")),
+          e[2] || (e[2] = (t) => r.value = t)
+        ],
+        dropdownWidth: "large",
+        type: "inputField",
+        modelValue: r.value,
+        inputFieldProps: {
+          addOnText: !1,
+          initialHintText: !1,
+          datePicker: !1,
+          infoIcon: !1,
+          preIcon: !1,
+          label: "Medientyp (optional)",
+          dropdown_dpiV3: !0,
+          placeholder: "Format wählen...",
+          inputFieldSize: "large",
+          autocomplete: "true",
+          modelValue: r.value,
+          defaultInput: !o.showDeleteButton
+        },
+        data: d.value,
+        autocomplete: !0,
+        onDeleteDropdownField: e[3] || (e[3] = (t) => F("dcat:mediaType"))
+      }, null, 8, ["modelValue", "inputFieldProps", "data"])) : y("", !0),
+      o.fileFormatType === "dcat:compressFormat" ? (s(), c(k, {
+        key: 1,
+        onInput: e[4] || (e[4] = (t) => m(t)),
+        "onUpdate:modelValue": [
+          e[5] || (e[5] = (t) => f(t, "dcat:compressFormat")),
+          e[6] || (e[6] = (t) => i.value = t)
+        ],
+        dropdownWidth: "large",
+        type: "inputField",
+        modelValue: i.value,
+        inputFieldProps: {
+          addOnText: !1,
+          initialHintText: !1,
+          datePicker: !1,
+          infoIcon: !1,
+          preIcon: !1,
+          label: "Kompressionsformat (optional)",
+          dropdown_dpiV3: !0,
+          placeholder: "Format wählen...",
+          inputFieldSize: "large",
+          autocomplete: "true",
+          modelValue: i.value,
+          defaultInput: !o.showDeleteButton
+        },
+        data: d.value,
+        autocomplete: !0,
+        onDeleteDropdownField: e[7] || (e[7] = (t) => F("dcat:compressFormat"))
+      }, null, 8, ["modelValue", "inputFieldProps", "data"])) : y("", !0),
+      o.fileFormatType === "dcat:packageFormat" ? (s(), c(k, {
+        key: 2,
+        onInput: e[8] || (e[8] = (t) => m(t)),
+        "onUpdate:modelValue": [
+          e[9] || (e[9] = (t) => f(t, "dcat:packageFormat")),
+          e[10] || (e[10] = (t) => n.value = t)
+        ],
+        dropdownWidth: "large",
+        type: "inputField",
+        modelValue: n.value,
+        inputFieldProps: {
+          addOnText: !1,
+          initialHintText: !1,
+          datePicker: !1,
+          infoIcon: !1,
+          preIcon: !1,
+          label: "Paketformat (optional)",
+          dropdown_dpiV3: !0,
+          placeholder: "Format wählen...",
+          inputFieldSize: "large",
+          autocomplete: "true",
+          modelValue: n.value,
+          defaultInput: !o.showDeleteButton
+        },
+        data: d.value,
+        autocomplete: !0,
+        onDeleteDropdownField: e[11] || (e[11] = (t) => F("dcat:packageFormat"))
+      }, null, 8, ["modelValue", "inputFieldProps", "data"])) : y("", !0)
+    ], 64));
+  }
+};
+export {
+  B as default
+};

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

@@ -0,0 +1,43 @@
+import { ref as r, watch as p, createBlock as c, openBlock as f } from "vue";
+import m from "../InputField.vue.js";
+import { useI18n as I } from "vue-i18n";
+const V = {
+  __name: "IssuedDateV3",
+  props: {
+    distributionId: { type: Number, required: !1 },
+    showDeleteButton: { type: Boolean, default: !1 },
+    modelValue: { type: String, default: "" }
+  },
+  emits: ["addIssuedDate", "deleteButtonClicked"],
+  setup(o, { emit: n }) {
+    const { t: b } = I(), l = o, d = r(l.modelValue), s = n, u = (e, t) => {
+      s("addIssuedDate", e.target.value, l.distributionId);
+    }, i = () => {
+      console.log("delete clicked"), s("deleteButtonClicked", l.distributionId);
+    };
+    return p(() => l.modelValue, (e) => {
+      d.value = e;
+    }), (e, t) => (f(), c(m, {
+      onInput: t[0] || (t[0] = (a) => u(a)),
+      modelValue: d.value,
+      "onUpdate:modelValue": t[1] || (t[1] = (a) => d.value = a),
+      defaultInput: !o.showDeleteButton,
+      addOnText: !1,
+      eraseable: !1,
+      datePicker: !0,
+      infoIcon: !1,
+      placeholder: "TT/MM/JJJJ",
+      label: e.$t(
+        "message.dataupload.datasets.dcat:distribution.advanced.dct:issued"
+      ) + " (optional)",
+      preIcon: !1,
+      initialHintText: !1,
+      showEndIcon: !1,
+      inputType: "date",
+      onDeleteButtonClicked: i
+    }, null, 8, ["modelValue", "defaultInput", "label"]));
+  }
+};
+export {
+  V as default
+};

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

@@ -0,0 +1,70 @@
+import { onMounted as b, getCurrentInstance as v, ref as p, watch as x, createBlock as I, openBlock as w, unref as g } from "vue";
+import { getLanguages as B } from "../../services/dpiV3_apis.js";
+import F from "../Dropdown.vue.js";
+import { useI18n as V } from "vue-i18n";
+const h = {
+  __name: "LanguageV3",
+  props: {
+    distributionId: { type: Number, required: !1 },
+    showDeleteButton: { type: Boolean, default: !1 },
+    languageText: { type: String, default: "" }
+  },
+  emits: ["addLanguage", "deleteButtonClicked"],
+  setup(i, { emit: c }) {
+    const { t: r } = V();
+    b(async () => {
+      const e = v(), a = e.appContext.app.config.globalProperties.$env, t = e.appContext.app.config.globalProperties.$i18n.locale;
+      try {
+        const d = await B(a.api.baseUrl, t);
+        o.value = d.map((u) => ({
+          "@value": u.label,
+          label: u.label,
+          uri: u.uri
+        }));
+      } catch (d) {
+        console.error("Failed to load language data", d);
+      }
+    });
+    const l = i, o = p([]), n = p(l.languageText), s = c, f = (e) => {
+      console.log(o.value);
+      let a = o.value.find((t) => t["@value"] === e).uri || "";
+      s("addLanguage", e, l.distributionId, a);
+    };
+    x(
+      () => l.languageText,
+      (e) => {
+        n.value = e;
+      }
+    );
+    const m = () => {
+      console.log("delete clicked"), s("deleteButtonClicked", l.distributionId);
+    };
+    return (e, a) => (w(), I(F, {
+      "onUpdate:modelValue": [
+        a[0] || (a[0] = (t) => f(t)),
+        a[1] || (a[1] = (t) => n.value = t)
+      ],
+      dropdownWidth: "large",
+      type: "inputField",
+      modelValue: n.value,
+      inputFieldProps: {
+        addOnText: !1,
+        initialHintText: !1,
+        datePicker: !1,
+        infoIcon: !1,
+        preIcon: !1,
+        label: g(r)("message.dataupload.datasets.dcat:distribution.advanced.dct:language") + " (optional)",
+        dropdown_dpiV3: !0,
+        placeholder: g(r)("message.dataupload.datasets.dcat:distribution.advanced.language-placeholder"),
+        inputFieldSize: "large",
+        modelValue: n.value,
+        defaultInput: !i.showDeleteButton
+      },
+      data: o.value,
+      onDeleteDropdownField: m
+    }, null, 8, ["modelValue", "inputFieldProps", "data"]));
+  }
+};
+export {
+  h as default
+};