@piveau/piveau-hub-ui-modules 4.1.3 → 4.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/data-provider-interface/DPIMenu.vue.mjs +74 -68
  2. package/dist/data-provider-interface/DPIMenu.vue.mjs.map +1 -1
  3. package/dist/data-provider-interface/components/ConditionalInput.vue.mjs +182 -48
  4. package/dist/data-provider-interface/components/ConditionalInput.vue.mjs.map +1 -1
  5. package/dist/data-provider-interface/components/DistributionStepper.vue.mjs +33 -32
  6. package/dist/data-provider-interface/components/DistributionStepper.vue.mjs.map +1 -1
  7. package/dist/data-provider-interface/components/FileUpload.vue.d.ts +3 -0
  8. package/dist/data-provider-interface/components/FileUpload.vue.mjs +146 -139
  9. package/dist/data-provider-interface/components/FileUpload.vue.mjs.map +1 -1
  10. package/dist/data-provider-interface/components/SimpleSelect.vue.mjs +55 -44
  11. package/dist/data-provider-interface/components/SimpleSelect.vue.mjs.map +1 -1
  12. package/dist/data-provider-interface/config/dcatap/format-types.mjs +3 -3
  13. package/dist/data-provider-interface/config/dcatap/format-types.mjs.map +1 -1
  14. package/dist/data-provider-interface/config/dcatap/input-definition.mjs +108 -86
  15. package/dist/data-provider-interface/config/dcatap/input-definition.mjs.map +1 -1
  16. package/dist/data-provider-interface/config/dcatapde/input-definition.mjs +3 -3
  17. package/dist/data-provider-interface/config/dcatapde/input-definition.mjs.map +1 -1
  18. package/dist/data-provider-interface/views/DraftsPage.vue.d.ts +13 -1
  19. package/dist/data-provider-interface/views/DraftsPage.vue.mjs +154 -111
  20. package/dist/data-provider-interface/views/DraftsPage.vue.mjs.map +1 -1
  21. package/dist/data-provider-interface/views/InputPage.vue.mjs +1 -1
  22. package/dist/data-provider-interface/views/InputPage.vue.mjs.map +1 -1
  23. package/dist/data-provider-interface/views/OverviewPage/CatalogueOverview.vue.mjs +27 -24
  24. package/dist/data-provider-interface/views/OverviewPage/CatalogueOverview.vue.mjs.map +1 -1
  25. package/dist/form/Repeatable.vue.mjs +33 -33
  26. package/dist/form/Repeatable.vue.mjs.map +1 -1
  27. package/dist/form/inputDefinitions.mjs.map +1 -1
  28. package/dist/piveau-hub-ui-modules.css +1 -1
  29. package/dist/scss/_dpi-style.scss +17 -3
  30. package/dist/store/modules/authStore.d.ts +9 -0
  31. package/dist/store/modules/authStore.mjs +32 -24
  32. package/dist/store/modules/authStore.mjs.map +1 -1
  33. package/package.json +1 -1
@@ -1,13 +1,14 @@
1
- import { mapGetters as y, mapActions as E } from "vuex";
2
- import S from "axios";
3
- import O from "../utils/general-helper.mjs";
4
- import { getNode as V } from "@formkit/core";
5
- import { reactive as A, ref as C, openBlock as d, createElementBlock as c, Fragment as L, createElementVNode as s, createTextVNode as a, createCommentVNode as u, withDirectives as _, vModelText as w, mergeProps as T, toDisplayString as U, renderList as D, pushScopeId as P, popScopeId as G } from "vue";
6
- import { onClickOutside as k } from "../../external/@vueuse/core/index";
7
- import { useRuntimeEnv as q } from "../../composables/useRuntimeEnv.mjs";
1
+ import { mapGetters as x, mapActions as F } from "vuex";
2
+ import C from "axios";
3
+ import V from "../utils/general-helper.mjs";
4
+ import { getNode as E } from "@formkit/core";
5
+ import { reactive as S, ref as O, resolveComponent as T, openBlock as n, createElementBlock as r, Fragment as y, createElementVNode as c, createVNode as L, createTextVNode as d, createCommentVNode as u, mergeProps as A, withDirectives as P, vModelText as q, toDisplayString as v, renderList as G, pushScopeId as D, popScopeId as M } from "vue";
6
+ import { onClickOutside as _ } from "../../external/@vueuse/core/index";
7
+ import { useRuntimeEnv as N } from "../../composables/useRuntimeEnv.mjs";
8
+ import "@formkit/vue";
8
9
  import "./FileUpload.vue2.mjs";
9
10
  import B from "../../_virtual/_plugin-vue_export-helper.mjs";
10
- const N = {
11
+ const H = {
11
12
  props: {
12
13
  context: {
13
14
  type: Object,
@@ -15,8 +16,9 @@ const N = {
15
16
  }
16
17
  },
17
18
  data() {
18
- var t;
19
+ var i;
19
20
  return {
21
+ inputChoice: "",
20
22
  error: "",
21
23
  URLValue: "",
22
24
  uploadURL: !1,
@@ -25,45 +27,45 @@ const N = {
25
27
  isLoading: !1,
26
28
  success: !1,
27
29
  fail: !1,
28
- validExtensions: ((t = this.$env.content.dataProviderInterface.uploadFileTypes) == null ? void 0 : t.split(",")) || []
30
+ validExtensions: ((i = this.$env.content.dataProviderInterface.uploadFileTypes) == null ? void 0 : i.split(",")) || []
29
31
  };
30
32
  },
31
33
  computed: {
32
- ...y("auth", [
34
+ ...x("auth", [
33
35
  "getUserData",
34
36
  "getIsEditMode"
35
37
  ]),
36
- ...y("dpiStore", [
38
+ ...x("dpiStore", [
37
39
  "getData"
38
40
  ]),
39
41
  getCatalogue() {
40
- return V("dcat:catalog").value;
42
+ return E("dcat:catalog").value;
41
43
  }
42
44
  },
43
45
  methods: {
44
- ...E("dpiStore", [
46
+ ...F("dpiStore", [
45
47
  "saveLocalstorageValues"
46
48
  ]),
47
49
  toggleUploadUrl() {
48
- this.uploadURL && (this.uploadURL = !this.uploadURL);
50
+ this.inputChoice = "Upload a file", this.uploadURL && (this.uploadURL = !this.uploadURL);
49
51
  },
50
52
  toggleUploadFileSwitch() {
51
- this.uploadFileSwitch && (this.uploadFileSwitch = !this.uploadFileSwitch);
53
+ this.inputChoice = "Provide an URL", this.uploadFileSwitch && (this.uploadFileSwitch = !this.uploadFileSwitch);
52
54
  },
53
- validateFile(t) {
54
- const o = "." + t.target.files[0].name.split(".").pop().toLowerCase();
55
- this.validExtensions && this.validExtensions.length ? this.validExtensions.includes(o) ? this.uploadOrReplaceFile({ file: t.target.files[0] }) : console.log("Wrong filetype") : (this.error = "", this.uploadOrReplaceFile({ file: t.target.files[0] }));
55
+ validateFile(i) {
56
+ const l = "." + i.target.files[0].name.split(".").pop().toLowerCase();
57
+ this.validExtensions && this.validExtensions.length ? this.validExtensions.includes(l) ? this.uploadOrReplaceFile({ file: i.target.files[0] }) : console.log("Wrong filetype") : (this.error = "", this.uploadOrReplaceFile({ file: i.target.files[0] }));
56
58
  },
57
59
  async saveUrl() {
58
- this.URLValue.includes("http://") || this.URLValue.includes("https://") ? await this.context.node.input({ "@id": this.URLValue }) : await this.context.node.input({ "@id": "https://" + this.URLValue });
60
+ this.URLValue.includes("http://") || this.URLValue.includes("https://") ? await this.context.node.input({ "@id": this.URLValue, mode: this.inputChoice }) : await this.context.node.input({ "@id": "https://" + this.URLValue, mode: this.inputChoice });
59
61
  },
60
62
  checkIfPresent() {
61
63
  if (this.context.value["@id"])
62
64
  return this.URLValue = this.context.value["@id"], !0;
63
65
  },
64
66
  // finds the parent input group of a given element.
65
- findParentInputGroupOfElement(t) {
66
- let e = t;
67
+ findParentInputGroupOfElement(i) {
68
+ let e = i;
67
69
  for (; e; ) {
68
70
  if (e.classList.contains("formkit-input-group-repeatable"))
69
71
  return e;
@@ -73,98 +75,97 @@ const N = {
73
75
  },
74
76
  // finds the index of the distribution access URL based on the root of this component.
75
77
  findDistributionAccessUrlIndex() {
76
- const t = this.$refs.fileupload, e = this.findParentInputGroupOfElement(t);
78
+ const i = this.$refs.fileupload, e = this.findParentInputGroupOfElement(i);
77
79
  if (!e)
78
80
  return null;
79
- const n = e.parentElement.querySelectorAll(".formkit-input-group-repeatable");
80
- return Array.from(n).indexOf(e);
81
+ const s = e.parentElement.querySelectorAll(".formkit-input-group-repeatable");
82
+ return Array.from(s).indexOf(e);
81
83
  },
82
- async uploadOrReplaceFile({ file: t }) {
83
- var n, i, r, l, p, f, g;
84
- const e = ((r = (i = (n = this.$env) == null ? void 0 : n.content) == null ? void 0 : i.dataProviderInterface) == null ? void 0 : r.enableFileUploadReplace) || !1, o = ((l = this.$route.query) == null ? void 0 : l.edit) ?? !1;
85
- if (e && o) {
86
- const b = (p = this.$route.query) == null ? void 0 : p.edit, I = this.findDistributionAccessUrlIndex(), m = (f = this.getData("distributions")) == null ? void 0 : f[b], v = (g = m == null ? void 0 : m["dcat:accessURL"]) == null ? void 0 : g[I], x = v == null ? void 0 : v["@id"];
87
- if (x) {
88
- const R = this.$env.api.fileUploadUrl, F = O.getFileIdByAccessUrl({ accessUrl: x, fileUploadUrl: R });
89
- return await this.uploadFile(t, {
84
+ async uploadOrReplaceFile({ file: i }) {
85
+ var s, t, a, p, o, h, g;
86
+ const e = ((a = (t = (s = this.$env) == null ? void 0 : s.content) == null ? void 0 : t.dataProviderInterface) == null ? void 0 : a.enableFileUploadReplace) || !1, l = ((p = this.$route.query) == null ? void 0 : p.edit) ?? !1;
87
+ if (e && l) {
88
+ const k = (o = this.$route.query) == null ? void 0 : o.edit, I = this.findDistributionAccessUrlIndex(), f = (h = this.getData("distributions")) == null ? void 0 : h[k], m = (g = f == null ? void 0 : f["dcat:accessURL"]) == null ? void 0 : g[I], U = m == null ? void 0 : m["@id"];
89
+ if (U) {
90
+ const R = this.$env.api.fileUploadUrl, b = V.getFileIdByAccessUrl({ accessUrl: U, fileUploadUrl: R });
91
+ return await this.uploadFile(i, {
90
92
  method: "PUT",
91
- url: `${this.$env.api.fileUploadUrl}data/${F}?catalog=${this.getCatalogue}`
93
+ url: `${this.$env.api.fileUploadUrl}data/${b}?catalog=${this.getCatalogue}`
92
94
  });
93
95
  }
94
96
  }
95
- return await this.uploadFile(t);
97
+ return await this.uploadFile(i);
96
98
  },
97
- async uploadFile(t, e = {}) {
99
+ async uploadFile(i, e = {}) {
98
100
  this.isLoading = !0;
99
- const o = new FormData();
100
- o.append("file", t);
101
- const n = this.getCatalogue, i = this.getUserData.rtpToken, r = {
101
+ const l = new FormData();
102
+ l.append("file", i);
103
+ const s = this.getCatalogue, t = this.getUserData.rtpToken, a = {
102
104
  method: "POST",
103
- url: `${this.$env.api.fileUploadUrl}data?catalog=${n}`,
105
+ url: `${this.$env.api.fileUploadUrl}data?catalog=${s}`,
104
106
  ...e
105
- }, l = {
106
- method: r.method,
107
- url: r.url,
107
+ }, p = {
108
+ method: a.method,
109
+ url: a.url,
108
110
  headers: {
109
111
  "Content-Type": "multipart/form-data",
110
- Authorization: `Bearer ${i}`
112
+ Authorization: `Bearer ${t}`
111
113
  },
112
- data: o
114
+ data: l
113
115
  };
114
116
  try {
115
- const p = await S.request(l), f = p.data.result.location.substring(p.data.result.location.indexOf("/") + 1);
116
- this.context.model = `${this.$env.api.fileUploadUrl}${f}`, this.isLoading = !1, this.success = !0, await this.context.node.input({ "@id": `${this.$env.api.fileUploadUrl}${f}` });
117
- } catch (p) {
118
- this.isLoading = !1, this.fail = !0, console.error(p);
117
+ const o = await C.request(p), h = o.data.result.location.substring(o.data.result.location.indexOf("/") + 1);
118
+ this.context.model = `${this.$env.api.fileUploadUrl}${h}`, this.isLoading = !1, this.success = !0, await this.context.node.input({ "@id": `${this.$env.api.fileUploadUrl}${h}` });
119
+ } catch (o) {
120
+ this.isLoading = !1, this.fail = !0, console.error(o);
119
121
  }
120
122
  }
121
123
  },
122
124
  mounted() {
123
125
  this.$nextTick(function() {
124
126
  if (this.context.value["@id"])
125
- return this.uploadURL = !0, this.URLValue = this.context.value["@id"], !0;
127
+ return this.uploadURL = !0, this.URLValue = this.context.value["@id"], this.inputChoice = "Provide an URL", !0;
126
128
  });
127
129
  },
128
130
  setup() {
129
- q();
130
- var t = A({
131
+ N();
132
+ let i = "This property is required", e = "Choose between fileupload and providing a URL";
133
+ var l = S({
131
134
  active: !1
132
135
  });
133
- const e = C(null);
134
- k(e, (n) => t.active = !1);
135
- function o(n) {
136
- t.active = !t.active;
136
+ const s = O("fload");
137
+ _(s, (a) => {
138
+ l.active = !1;
139
+ });
140
+ function t(a) {
141
+ l.active = !l.active;
137
142
  }
138
143
  return {
139
- drop: t,
140
- onClickOutside: k,
141
- triggerDropdown: o
144
+ drop: l,
145
+ onClickOutside: _,
146
+ triggerDropdown: t,
147
+ validationMessage: i,
148
+ placeholderMessage: e
142
149
  };
143
150
  }
144
- }, h = (t) => (P("data-v-cc0a83a3"), t = t(), G(), t), H = { class: "position-relative w-100 p-3" }, M = {
151
+ }, w = (i) => (D("data-v-5ce35777"), i = i(), M(), i), K = { class: "position-relative w-100" }, W = {
145
152
  key: 0,
146
153
  ref: "fLoad",
147
154
  class: "selectListUpload"
148
- }, W = {
155
+ }, j = {
149
156
  key: 0,
150
- class: "w-100 p-3 position-relative"
151
- }, j = /* @__PURE__ */ h(() => /* @__PURE__ */ s("label", {
152
- class: "formkit-label w-100",
153
- for: "aUrlLink"
154
- }, "Provide an URL", -1)), z = ["data-type"], J = { class: "file-div position-relative" }, K = /* @__PURE__ */ h(() => /* @__PURE__ */ s("label", {
155
- class: "formkit-label",
156
- for: "aUrlFL"
157
- }, "Upload a file", -1)), Q = ["accept"], X = {
157
+ class: "w-100 position-relative"
158
+ }, z = ["data-type"], J = { class: "file-div position-relative" }, Q = ["accept"], X = {
158
159
  class: "upload-feedback position-absolute d-flex",
159
160
  style: { right: "0" }
160
161
  }, Y = {
161
162
  key: 0,
162
163
  class: "lds-ring"
163
- }, Z = { key: 1 }, $ = /* @__PURE__ */ h(() => /* @__PURE__ */ s("i", { class: "material-icons d-flex check-icon" }, "check_circle", -1)), ee = [
164
+ }, Z = { key: 1 }, $ = /* @__PURE__ */ w(() => /* @__PURE__ */ c("i", { class: "material-icons d-flex check-icon" }, "check_circle", -1)), ee = [
164
165
  $
165
- ], te = { key: 2 }, ie = /* @__PURE__ */ h(() => /* @__PURE__ */ s("i", { class: "material-icons d-flex close-icon" }, "error", -1)), le = [
166
+ ], te = { key: 2 }, ie = /* @__PURE__ */ w(() => /* @__PURE__ */ c("i", { class: "material-icons d-flex close-icon" }, "error", -1)), oe = [
166
167
  ie
167
- ], oe = {
168
+ ], le = {
168
169
  key: 0,
169
170
  class: "dURLText my-3"
170
171
  }, se = ["href"], ae = {
@@ -174,109 +175,115 @@ const N = {
174
175
  key: 0,
175
176
  class: "errorSub my-3 d-flex"
176
177
  }, re = { class: "d-flex flex-wrap w-100" };
177
- function de(t, e, o, n, i, r) {
178
- return d(), c(L, null, [
179
- s("div", H, [
180
- s("input", {
178
+ function de(i, e, l, s, t, a) {
179
+ const p = T("FormKit");
180
+ return n(), r(y, null, [
181
+ c("div", K, [
182
+ L(p, {
183
+ name: "mode",
184
+ validation: "required",
181
185
  type: "text",
182
186
  class: "selectInputField formkit-inner",
183
187
  readonly: "readonly",
184
- onClick: e[0] || (e[0] = (l) => n.triggerDropdown()),
185
- placeholder: "Choose between fileupload and providing a URL"
186
- }),
187
- a(),
188
- n.drop.active ? (d(), c("ul", M, [
189
- s("li", {
190
- onClick: e[1] || (e[1] = (l) => {
191
- n.triggerDropdown(), i.uploadFileSwitch = !0, r.toggleUploadUrl();
188
+ onClick: e[0] || (e[0] = (o) => s.triggerDropdown()),
189
+ placeholder: s.placeholderMessage,
190
+ modelValue: t.inputChoice,
191
+ "onUpdate:modelValue": e[1] || (e[1] = (o) => t.inputChoice = o),
192
+ "validation-messages": {
193
+ required: s.validationMessage
194
+ }
195
+ }, null, 8, ["placeholder", "modelValue", "validation-messages"]),
196
+ d(),
197
+ s.drop.active ? (n(), r("ul", W, [
198
+ c("li", {
199
+ onClick: e[2] || (e[2] = (o) => {
200
+ t.uploadFileSwitch = !0, a.toggleUploadUrl();
192
201
  }),
193
202
  class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
194
203
  }, "Upload a file"),
195
- a(),
196
- s("li", {
197
- onClick: e[2] || (e[2] = (l) => {
198
- n.triggerDropdown(), i.uploadURL = !0, r.toggleUploadFileSwitch();
204
+ d(),
205
+ c("li", {
206
+ onClick: e[3] || (e[3] = (o) => {
207
+ t.uploadURL = !0, a.toggleUploadFileSwitch();
199
208
  }),
200
209
  class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
201
210
  }, "Provide an URL")
202
211
  ], 512)) : u("", !0)
203
212
  ]),
204
- a(),
205
- i.uploadURL && !i.uploadFileSwitch ? (d(), c("div", W, [
206
- j,
207
- a(),
208
- _(s("input", {
213
+ d(),
214
+ t.uploadURL && !t.uploadFileSwitch ? (n(), r("div", j, [
215
+ L(p, {
209
216
  id: "aUrlLink",
210
- "onUpdate:modelValue": e[3] || (e[3] = (l) => i.URLValue = l),
217
+ modelValue: t.URLValue,
218
+ "onUpdate:modelValue": e[4] || (e[4] = (o) => t.URLValue = o),
211
219
  class: "selectInputField formkit-inner",
212
220
  type: "url",
213
221
  name: "@id",
214
- onInput: e[4] || (e[4] = (...l) => r.saveUrl && r.saveUrl(...l)),
215
- validation: "alpha_spaces:latin",
216
- "validation-visibility": "live"
217
- }, null, 544), [
218
- [w, i.URLValue]
219
- ])
222
+ onInput: a.saveUrl,
223
+ validation: "required|url",
224
+ "validation-visibility": "live",
225
+ "validation-messages": {
226
+ required: s.validationMessage
227
+ }
228
+ }, null, 8, ["modelValue", "onInput", "validation-messages"])
220
229
  ])) : u("", !0),
221
- a(),
222
- i.uploadFileSwitch ? (d(), c("div", T({
230
+ d(),
231
+ t.uploadFileSwitch ? (n(), r("div", A({
223
232
  key: 1,
224
233
  ref: "fileupload",
225
- class: ["p-3 w-100", `formkit-input-element formkit-input-element--${o.context.type}`],
226
- "data-type": o.context.type
227
- }, t.$attrs), [
228
- _(s("input", {
234
+ class: ["p-3 w-100", `formkit-input-element formkit-input-element--${l.context.type}`],
235
+ "data-type": l.context.type
236
+ }, i.$attrs), [
237
+ P(c("input", {
229
238
  type: "text",
230
- "onUpdate:modelValue": e[5] || (e[5] = (l) => o.context.model = l),
231
- onBlur: e[6] || (e[6] = (...l) => o.context.blurHandler && o.context.blurHandler(...l)),
239
+ "onUpdate:modelValue": e[5] || (e[5] = (o) => l.context.model = o),
240
+ onBlur: e[6] || (e[6] = (...o) => l.context.blurHandler && l.context.blurHandler(...o)),
232
241
  hidden: ""
233
242
  }, null, 544), [
234
- [w, o.context.model]
243
+ [q, l.context.model]
235
244
  ]),
236
- a(),
237
- s("div", J, [
238
- K,
239
- a(),
240
- s("input", {
245
+ d(),
246
+ c("div", J, [
247
+ c("input", {
241
248
  class: "mt-3",
242
249
  type: "file",
243
250
  id: "aUrlFL",
244
251
  name: "fileUpload",
245
- onChange: e[7] || (e[7] = (l) => r.validateFile(l)),
246
- accept: i.validExtensions
252
+ onChange: e[7] || (e[7] = (o) => a.validateFile(o)),
253
+ accept: t.validExtensions
247
254
  }, null, 40, Q),
248
- a(),
249
- s("div", X, [
250
- i.isLoading ? (d(), c("div", Y)) : u("", !0),
251
- a(),
252
- i.success ? (d(), c("div", Z, ee)) : u("", !0),
253
- a(),
254
- i.fail ? (d(), c("div", te, le)) : u("", !0)
255
+ d(),
256
+ c("div", X, [
257
+ t.isLoading ? (n(), r("div", Y)) : u("", !0),
258
+ d(),
259
+ t.success ? (n(), r("div", Z, ee)) : u("", !0),
260
+ d(),
261
+ t.fail ? (n(), r("div", te, oe)) : u("", !0)
255
262
  ])
256
263
  ]),
257
- a(),
258
- i.success ? (d(), c("p", oe, [
259
- a(U(t.$t("message.metadata.downloadUrl")) + ": ", 1),
260
- s("a", {
261
- href: o.context.model
262
- }, U(o.context.model), 9, se)
264
+ d(),
265
+ t.success ? (n(), r("p", le, [
266
+ d(v(i.$t("message.metadata.downloadUrl")) + ": ", 1),
267
+ c("a", {
268
+ href: l.context.model
269
+ }, v(l.context.model), 9, se)
263
270
  ])) : u("", !0),
264
- a(),
265
- i.validExtensions && i.validExtensions.length ? (d(), c("div", ae, [
266
- i.success ? u("", !0) : (d(), c("p", ne, "Allowed types: ")),
267
- a(),
268
- s("div", re, [
269
- (d(!0), c(L, null, D(i.validExtensions, (l) => (d(), c("span", {
270
- key: l,
271
+ d(),
272
+ t.validExtensions && t.validExtensions.length ? (n(), r("div", ae, [
273
+ t.success ? u("", !0) : (n(), r("p", ne, "Allowed types: ")),
274
+ d(),
275
+ c("div", re, [
276
+ (n(!0), r(y, null, G(t.validExtensions, (o) => (n(), r("span", {
277
+ key: o,
271
278
  class: "mr-1 mb-1 allowedFTypes"
272
- }, U(l), 1))), 128))
279
+ }, v(o), 1))), 128))
273
280
  ])
274
281
  ])) : u("", !0)
275
282
  ], 16, z)) : u("", !0)
276
283
  ], 64);
277
284
  }
278
- const xe = /* @__PURE__ */ B(N, [["render", de], ["__scopeId", "data-v-cc0a83a3"]]);
285
+ const ye = /* @__PURE__ */ B(H, [["render", de], ["__scopeId", "data-v-5ce35777"]]);
279
286
  export {
280
- xe as default
287
+ ye as default
281
288
  };
282
289
  //# sourceMappingURL=FileUpload.vue.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"FileUpload.vue.mjs","sources":["../../../lib/data-provider-interface/components/FileUpload.vue"],"sourcesContent":["<template>\n <div class=\"position-relative w-100 p-3 \">\n <input type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\" @click=\"triggerDropdown()\"\n placeholder=\"Choose between fileupload and providing a URL\">\n <ul ref=\"fLoad\" v-if=\"drop.active\" class=\"selectListUpload\">\n <li @click=\"triggerDropdown(); uploadFileSwitch = true; toggleUploadUrl()\"\n class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">Upload a file</li>\n <li @click=\"triggerDropdown(); uploadURL = true; toggleUploadFileSwitch()\"\n class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">Provide an URL</li>\n </ul>\n </div>\n <div class=\"w-100 p-3 position-relative\" v-if=\"uploadURL && !uploadFileSwitch\">\n <label class=\" formkit-label w-100\" for=\"aUrlLink\">Provide an URL</label>\n <input id=\"aUrlLink\" v-model=\"URLValue\" class=\"selectInputField formkit-inner\" type=\"url\" name=\"@id\"\n @input=\"saveUrl\" validation=\"alpha_spaces:latin\" validation-visibility=\"live\">\n\n </div>\n <div v-if=\"uploadFileSwitch\" ref=\"fileupload\" class=\"p-3 w-100\"\n :class=\"`formkit-input-element formkit-input-element--${context.type}`\" :data-type=\"context.type\" v-bind=\"$attrs\">\n <input type=\"text\" v-model=\"context.model\" @blur=\"context.blurHandler\" hidden />\n <div class=\"file-div position-relative\">\n <label class=\"formkit-label\" for=\"aUrlFL\">Upload a file</label>\n <input class=\"mt-3\" type=\"file\" id=\"aUrlFL\" name=\"fileUpload\" @change=\"validateFile($event)\"\n :accept=\"validExtensions\">\n <div class=\"upload-feedback position-absolute d-flex\" style=\"right: 0\">\n <div v-if=\"isLoading\" class=\"lds-ring\">\n </div>\n <div v-if=\"success\"><i class=\"material-icons d-flex check-icon\">check_circle</i></div>\n <div v-if=\"fail\"><i class=\"material-icons d-flex close-icon\">error</i></div>\n </div>\n </div>\n <p class=\"dURLText my-3\" v-if=\"success\">{{ $t('message.metadata.downloadUrl') }}: <a :href=\"context.model\">{{\n context.model }}</a></p>\n <div v-if=\"validExtensions && validExtensions.length\" class=\"allowedTypesWrapper\">\n <p class=\"errorSub my-3 d-flex \" v-if=\"!success\">Allowed types: </p>\n <div class=\"d-flex flex-wrap w-100\">\n <span v-for=\"types in validExtensions\" :key=\"types\" class=\"mr-1 mb-1 allowedFTypes \">\n {{ types }}\n </span>\n </div>\n\n </div>\n\n\n </div>\n\n</template>\n\n<script>\n/* eslint-disable consistent-return, no-unused-vars */\nimport { mapGetters, mapActions } from 'vuex';\nimport axios from 'axios';\nimport helper from '../utils/general-helper'\nimport { getNode } from '@formkit/core'\n\nimport { reactive, ref, onMounted, computed } from 'vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { getCurrentInstance } from \"vue\";\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\n\nexport default {\n props: {\n context: {\n type: Object,\n required: true,\n },\n },\n\n data() {\n return {\n error: '',\n URLValue: '',\n uploadURL: false,\n uploadFileSwitch: false,\n checkifSet: false,\n isLoading: false,\n success: false,\n fail: false,\n validExtensions: this.$env.content.dataProviderInterface.uploadFileTypes?.split(',') || []\n };\n },\n computed: {\n\n ...mapGetters('auth', [\n 'getUserData',\n 'getIsEditMode'\n ]),\n ...mapGetters('dpiStore', [\n 'getData',\n ]),\n getCatalogue() {\n return getNode('dcat:catalog').value;\n }\n },\n methods: {\n ...mapActions('dpiStore', [\n 'saveLocalstorageValues',\n ]),\n toggleUploadUrl() {\n if (this.uploadURL) { this.uploadURL = !this.uploadURL }\n },\n toggleUploadFileSwitch() {\n if (this.uploadFileSwitch) { this.uploadFileSwitch = !this.uploadFileSwitch }\n },\n validateFile(event) {\n const file = event.target.files[0];\n const fileExtension = '.' + file.name.split('.').pop().toLowerCase();\n if (this.validExtensions && this.validExtensions.length) {\n if (!this.validExtensions.includes(fileExtension)) {\n console.log('Wrong filetype');\n } else {\n this.uploadOrReplaceFile({ file: event.target.files[0] })\n }\n } else {\n this.error = \"\"\n this.uploadOrReplaceFile({ file: event.target.files[0] })\n }\n },\n async saveUrl() {\n\n if (this.URLValue.includes('http://') || this.URLValue.includes('https://')) {\n await this.context.node.input({ '@id': this.URLValue })\n }\n else await this.context.node.input({ '@id': 'https://' + this.URLValue })\n\n },\n checkIfPresent() {\n // console.log(this.context.value['@id']);\n if (this.context.value['@id']) {\n // console.log(this.context.value['@id']);\n this.URLValue = this.context.value['@id']\n return true\n }\n else false\n },\n // finds the parent input group of a given element.\n findParentInputGroupOfElement(element) {\n // Start with the given element.\n let currentElement = element;\n\n // Traverse the DOM tree upwards.\n while (currentElement) {\n // If the current element is an input group, return it.\n if (currentElement.classList.contains('formkit-input-group-repeatable')) {\n return currentElement;\n }\n // If not, move to the parent element.\n currentElement = currentElement.parentElement;\n }\n\n // If no input group was found, return null.\n return null;\n },\n // finds the index of the distribution access URL based on the root of this component.\n findDistributionAccessUrlIndex() {\n // todo: find a more stable way to find the index of the distribution access URL.\n // this way uses the DOM tree, which is not stable.\n\n // Start at the root of this component.\n const rootElement = this.$refs.fileupload;\n\n // Find the parent input group of the root element.\n const parentInputGroup = this.findParentInputGroupOfElement(rootElement);\n if (!parentInputGroup) return null;\n\n // Get the parent element of all input groups.\n const parentOfAllInputGroups = parentInputGroup.parentElement;\n const allInputGroupsNodeList = parentOfAllInputGroups.querySelectorAll('.formkit-input-group-repeatable');\n const allInputGroupsArray = Array.from(allInputGroupsNodeList);\n\n // Find the index of the parent input group within the array of all input groups.\n const indexOfParentInputGroup = allInputGroupsArray.indexOf(parentInputGroup);\n\n return indexOfParentInputGroup;\n },\n async uploadOrReplaceFile({ file }) {\n\n const replaceEnabled = this.$env?.content?.dataProviderInterface?.enableFileUploadReplace || false;\n const wantsToReplace = this.$route.query?.edit ?? false;\n\n if (replaceEnabled && wantsToReplace) {\n const distributionIndexToReplace = this.$route.query?.edit;\n const fileIndexToReplace = this.findDistributionAccessUrlIndex();\n\n const targetDistribution = this.getData('distributions')?.[distributionIndexToReplace];\n const targetFile = targetDistribution?.['dcat:accessURL']?.[fileIndexToReplace];\n const accessUrl = targetFile?.['@id'];\n if (accessUrl) {\n const fileUploadUrl = this.$env.api.fileUploadUrl;\n\n const fileId = helper.getFileIdByAccessUrl({ accessUrl, fileUploadUrl })\n\n return await this.uploadFile(file, {\n method: 'PUT',\n url: `${this.$env.api.fileUploadUrl}data/${fileId}?catalog=${this.getCatalogue}`,\n });\n }\n\n }\n\n return await this.uploadFile(file);\n },\n async uploadFile(file, options = {}) {\n\n this.isLoading = true;\n\n const form = new FormData();\n form.append('file', file);\n\n const catalog = this.getCatalogue;\n const token = this.getUserData.rtpToken;\n\n const resolvedOptions = {\n method: 'POST',\n url: `${this.$env.api.fileUploadUrl}data?catalog=${catalog}`,\n ...options,\n };\n\n const requestOptions = {\n method: resolvedOptions.method,\n url: resolvedOptions.url,\n headers: {\n 'Content-Type': 'multipart/form-data',\n Authorization: `Bearer ${token}`,\n },\n data: form,\n };\n\n try {\n\n const result = await axios.request(requestOptions);\n const path = result.data.result.location.substring(result.data.result.location.indexOf('/') + 1);\n this.context.model = `${this.$env.api.fileUploadUrl}${path}`;\n this.isLoading = false;\n this.success = true;\n await this.context.node.input({ '@id': `${this.$env.api.fileUploadUrl}${path}` })\n // this.context.rootEmit('change');\n\n } catch (err) {\n\n this.isLoading = false;\n this.fail = true;\n console.error(err); // eslint-disable-line\n }\n },\n },\n mounted() {\n\n this.$nextTick(function () {\n\n if (this.context.value['@id']) {\n this.uploadURL = true\n this.URLValue = this.context.value['@id']\n return true\n }\n else false\n })\n },\n setup() {\n\n // let instance = getCurrentInstance().appContext.app.config.globalProperties.$env\n const env = useRuntimeEnv();\n\n var drop = reactive({\n active: false,\n })\n\n const fLoad = ref(null);\n\n onClickOutside(fLoad, event => drop.active = false)\n function triggerDropdown(e) {\n drop.active = !drop.active\n }\n\n return {\n drop,\n onClickOutside,\n triggerDropdown,\n };\n }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// @import '../../../styles/bootstrap_theme';\n// @import '../../../styles/utils/css-animations';\n.dURLText {}\n\n.file-div {\n display: flex;\n align-items: center;\n}\n\n.upload-feedback {\n padding: 10px;\n}\n\n/*** MATERIAL ICONS ***/\n%modal-icon {\n font-size: 20px;\n cursor: default;\n}\n\n.check-icon {\n @extend %modal-icon;\n color: #28a745;\n}\n\n.close-icon {\n @extend %modal-icon;\n color: red;\n}\n\n.lds-ring {\n display: inline-block;\n position: relative;\n width: 30px;\n height: 30px;\n}\n\n.lds-ring div {\n box-sizing: border-box;\n display: block;\n position: absolute;\n right: 0;\n width: 30px;\n height: 30px;\n border: 8px solid lightgray;\n border-radius: 50%;\n animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n border-color: lightgray transparent transparent transparent;\n}\n\n.lds-ring div:nth-child(1) {\n animation-delay: -0.45s;\n}\n\n.lds-ring div:nth-child(2) {\n animation-delay: -0.3s;\n}\n\n.lds-ring div:nth-child(3) {\n animation-delay: -0.15s;\n}\n\n.error {\n color: red;\n}\n\n.errorSub {\n color: black;\n}\n\n@keyframes lds-ring {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.allowedFTypes {\n padding: 0.5rem;\n border-radius: 5px;\n border: 1px solid lightgrey;\n}\n\n.allowedTypesWrapper {\n max-width: 100%;\n display: flex;\n flex-wrap: wrap;\n}\n</style>\n"],"names":["_sfc_main","_a","mapGetters","getNode","mapActions","event","fileExtension","element","currentElement","rootElement","parentInputGroup","allInputGroupsNodeList","file","replaceEnabled","_c","_b","wantsToReplace","_d","distributionIndexToReplace","_e","fileIndexToReplace","targetDistribution","_f","targetFile","_g","accessUrl","fileUploadUrl","fileId","helper","options","form","catalog","token","resolvedOptions","requestOptions","result","axios","path","err","useRuntimeEnv","drop","reactive","fLoad","ref","onClickOutside","triggerDropdown","e","_hoisted_1","_createElementVNode","_hoisted_5","_hoisted_6","_hoisted_8","_hoisted_12","_withScopeId","_hoisted_15","_hoisted_18","_hoisted_21","_openBlock","_createElementBlock","_Fragment","$setup","_createTextVNode","_hoisted_2","_cache","$event","$data","$options","_createCommentVNode","_hoisted_3","_hoisted_4","args","_mergeProps","$props","_ctx","_vModelText","_hoisted_7","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_hoisted_16","_hoisted_17","_toDisplayString","_hoisted_19","_hoisted_20","_renderList","types"],"mappings":"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"}
1
+ {"version":3,"file":"FileUpload.vue.mjs","sources":["../../../lib/data-provider-interface/components/FileUpload.vue"],"sourcesContent":["<template>\n \n <div class=\"position-relative w-100 \">\n <FormKit name=\"mode\" validation=\"required\" type=\"text\" class=\"selectInputField formkit-inner \" readonly=\"readonly\"\n @click=\"triggerDropdown()\" :placeholder=\"placeholderMessage\" v-model=\"inputChoice\" :validation-messages=\"{\n required: validationMessage,\n }\" />\n <ul ref=\"fLoad\" v-if=\"drop.active\" class=\"selectListUpload\">\n <li @click=\"uploadFileSwitch = true; toggleUploadUrl()\"\n class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">Upload a file</li>\n <li @click=\"uploadURL = true; toggleUploadFileSwitch()\"\n class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">Provide an URL</li>\n </ul>\n </div>\n <div class=\"w-100 position-relative\" v-if=\"uploadURL && !uploadFileSwitch\">\n\n <FormKit id=\"aUrlLink\" v-model=\"URLValue\" class=\"selectInputField formkit-inner\" type=\"url\" name=\"@id\" @input=\"saveUrl\"\n validation=\"required|url\" validation-visibility=\"live\" :validation-messages=\"{\n required: validationMessage,\n }\" />\n\n </div>\n <div v-if=\"uploadFileSwitch\" ref=\"fileupload\" class=\"p-3 w-100\"\n :class=\"`formkit-input-element formkit-input-element--${context.type}`\" :data-type=\"context.type\" v-bind=\"$attrs\">\n <input type=\"text\" v-model=\"context.model\" @blur=\"context.blurHandler\" hidden />\n <div class=\"file-div position-relative\">\n <input class=\"mt-3\" type=\"file\" id=\"aUrlFL\" name=\"fileUpload\" @change=\"validateFile($event)\"\n :accept=\"validExtensions\">\n <div class=\"upload-feedback position-absolute d-flex\" style=\"right: 0\">\n <div v-if=\"isLoading\" class=\"lds-ring\">\n </div>\n <div v-if=\"success\"><i class=\"material-icons d-flex check-icon\">check_circle</i></div>\n <div v-if=\"fail\"><i class=\"material-icons d-flex close-icon\">error</i></div>\n </div>\n </div>\n <p class=\"dURLText my-3\" v-if=\"success\">{{ $t('message.metadata.downloadUrl') }}: <a :href=\"context.model\">{{\n context.model }}</a></p>\n <div v-if=\"validExtensions && validExtensions.length\" class=\"allowedTypesWrapper\">\n <p class=\"errorSub my-3 d-flex \" v-if=\"!success\">Allowed types: </p>\n <div class=\"d-flex flex-wrap w-100\">\n <span v-for=\"types in validExtensions\" :key=\"types\" class=\"mr-1 mb-1 allowedFTypes \">\n {{ types }}\n </span>\n </div>\n\n </div>\n\n\n </div>\n\n</template>\n\n<script>\n/* eslint-disable consistent-return, no-unused-vars */\nimport { mapGetters, mapActions } from 'vuex';\nimport axios from 'axios';\nimport helper from '../utils/general-helper'\nimport { getNode } from '@formkit/core'\n\nimport { reactive, ref, onMounted, computed } from 'vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { FormKit } from '@formkit/vue';\n\nexport default {\n props: {\n context: {\n type: Object,\n required: true,\n },\n },\n\n data() {\n return {\n inputChoice: '',\n error: '',\n URLValue: '',\n uploadURL: false,\n uploadFileSwitch: false,\n checkifSet: false,\n isLoading: false,\n success: false,\n fail: false,\n validExtensions: this.$env.content.dataProviderInterface.uploadFileTypes?.split(',') || []\n };\n },\n computed: {\n\n ...mapGetters('auth', [\n 'getUserData',\n 'getIsEditMode'\n ]),\n ...mapGetters('dpiStore', [\n 'getData',\n ]),\n getCatalogue() {\n return getNode('dcat:catalog').value;\n }\n },\n methods: {\n ...mapActions('dpiStore', [\n 'saveLocalstorageValues',\n ]),\n toggleUploadUrl() {\n this.inputChoice = \"Upload a file\"\n if (this.uploadURL) { this.uploadURL = !this.uploadURL }\n },\n toggleUploadFileSwitch() {\n this.inputChoice = \"Provide an URL\"\n if (this.uploadFileSwitch) { this.uploadFileSwitch = !this.uploadFileSwitch }\n },\n validateFile(event) {\n const file = event.target.files[0];\n const fileExtension = '.' + file.name.split('.').pop().toLowerCase();\n if (this.validExtensions && this.validExtensions.length) {\n if (!this.validExtensions.includes(fileExtension)) {\n console.log('Wrong filetype');\n } else {\n this.uploadOrReplaceFile({ file: event.target.files[0] })\n }\n } else {\n this.error = \"\"\n this.uploadOrReplaceFile({ file: event.target.files[0] })\n }\n },\n async saveUrl() {\n\n if (this.URLValue.includes('http://') || this.URLValue.includes('https://')) {\n await this.context.node.input({ '@id': this.URLValue , 'mode': this.inputChoice})\n }\n else await this.context.node.input({ '@id': 'https://' + this.URLValue , 'mode': this.inputChoice})\n\n },\n checkIfPresent() {\n // console.log(this.context.value['@id']);\n if (this.context.value['@id']) {\n // console.log(this.context.value['@id']);\n this.URLValue = this.context.value['@id']\n return true\n }\n else false\n },\n // finds the parent input group of a given element.\n findParentInputGroupOfElement(element) {\n // Start with the given element.\n let currentElement = element;\n\n // Traverse the DOM tree upwards.\n while (currentElement) {\n // If the current element is an input group, return it.\n if (currentElement.classList.contains('formkit-input-group-repeatable')) {\n return currentElement;\n }\n // If not, move to the parent element.\n currentElement = currentElement.parentElement;\n }\n\n // If no input group was found, return null.\n return null;\n },\n // finds the index of the distribution access URL based on the root of this component.\n findDistributionAccessUrlIndex() {\n // todo: find a more stable way to find the index of the distribution access URL.\n // this way uses the DOM tree, which is not stable.\n\n // Start at the root of this component.\n const rootElement = this.$refs.fileupload;\n\n // Find the parent input group of the root element.\n const parentInputGroup = this.findParentInputGroupOfElement(rootElement);\n if (!parentInputGroup) return null;\n\n // Get the parent element of all input groups.\n const parentOfAllInputGroups = parentInputGroup.parentElement;\n const allInputGroupsNodeList = parentOfAllInputGroups.querySelectorAll('.formkit-input-group-repeatable');\n const allInputGroupsArray = Array.from(allInputGroupsNodeList);\n\n // Find the index of the parent input group within the array of all input groups.\n const indexOfParentInputGroup = allInputGroupsArray.indexOf(parentInputGroup);\n\n return indexOfParentInputGroup;\n },\n async uploadOrReplaceFile({ file }) {\n\n const replaceEnabled = this.$env?.content?.dataProviderInterface?.enableFileUploadReplace || false;\n const wantsToReplace = this.$route.query?.edit ?? false;\n\n if (replaceEnabled && wantsToReplace) {\n const distributionIndexToReplace = this.$route.query?.edit;\n const fileIndexToReplace = this.findDistributionAccessUrlIndex();\n\n const targetDistribution = this.getData('distributions')?.[distributionIndexToReplace];\n const targetFile = targetDistribution?.['dcat:accessURL']?.[fileIndexToReplace];\n const accessUrl = targetFile?.['@id'];\n if (accessUrl) {\n const fileUploadUrl = this.$env.api.fileUploadUrl;\n\n const fileId = helper.getFileIdByAccessUrl({ accessUrl, fileUploadUrl })\n\n return await this.uploadFile(file, {\n method: 'PUT',\n url: `${this.$env.api.fileUploadUrl}data/${fileId}?catalog=${this.getCatalogue}`,\n });\n }\n\n }\n\n return await this.uploadFile(file);\n },\n async uploadFile(file, options = {}) {\n\n this.isLoading = true;\n\n const form = new FormData();\n form.append('file', file);\n\n const catalog = this.getCatalogue;\n const token = this.getUserData.rtpToken;\n\n const resolvedOptions = {\n method: 'POST',\n url: `${this.$env.api.fileUploadUrl}data?catalog=${catalog}`,\n ...options,\n };\n\n const requestOptions = {\n method: resolvedOptions.method,\n url: resolvedOptions.url,\n headers: {\n 'Content-Type': 'multipart/form-data',\n Authorization: `Bearer ${token}`,\n },\n data: form,\n };\n\n try {\n\n const result = await axios.request(requestOptions);\n const path = result.data.result.location.substring(result.data.result.location.indexOf('/') + 1);\n this.context.model = `${this.$env.api.fileUploadUrl}${path}`;\n this.isLoading = false;\n this.success = true;\n await this.context.node.input({ '@id': `${this.$env.api.fileUploadUrl}${path}` })\n // this.context.rootEmit('change');\n\n } catch (err) {\n\n this.isLoading = false;\n this.fail = true;\n console.error(err); // eslint-disable-line\n }\n },\n },\n mounted() {\n\n this.$nextTick(function () {\n\n if (this.context.value['@id']) {\n this.uploadURL = true\n this.URLValue = this.context.value['@id']\n this.inputChoice = \"Provide an URL\"\n return true\n }\n else false\n })\n },\n setup() {\n const env = useRuntimeEnv();\n let validationMessage = 'This property is required'\n let placeholderMessage = 'Choose between fileupload and providing a URL'\n\n var drop = reactive({\n active: false,\n })\n\n\n const fLoad = ref('fload');\n\n onClickOutside(fLoad, event => {\n drop.active = false\n })\n function triggerDropdown(e) {\n drop.active = !drop.active\n }\n\n return {\n drop,\n onClickOutside,\n triggerDropdown,\n validationMessage,\n placeholderMessage\n };\n }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// @import '../../../styles/bootstrap_theme';\n// @import '../../../styles/utils/css-animations';\n.dURLText {}\n\n\n.accessUrl {\n .formkit-outer {}\n}\n\n.file-div {\n display: flex;\n align-items: center;\n}\n\n.upload-feedback {\n padding: 10px;\n}\n\n/*** MATERIAL ICONS ***/\n%modal-icon {\n font-size: 20px;\n cursor: default;\n}\n\n.check-icon {\n @extend %modal-icon;\n color: #28a745;\n}\n\n.close-icon {\n @extend %modal-icon;\n color: red;\n}\n\n.lds-ring {\n display: inline-block;\n position: relative;\n width: 30px;\n height: 30px;\n}\n\n.lds-ring div {\n box-sizing: border-box;\n display: block;\n position: absolute;\n right: 0;\n width: 30px;\n height: 30px;\n border: 8px solid lightgray;\n border-radius: 50%;\n animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n border-color: lightgray transparent transparent transparent;\n}\n\n.lds-ring div:nth-child(1) {\n animation-delay: -0.45s;\n}\n\n.lds-ring div:nth-child(2) {\n animation-delay: -0.3s;\n}\n\n.lds-ring div:nth-child(3) {\n animation-delay: -0.15s;\n}\n\n.error {\n color: red;\n}\n\n.errorSub {\n color: black;\n}\n\n@keyframes lds-ring {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.allowedFTypes {\n padding: 0.5rem;\n border-radius: 5px;\n border: 1px solid lightgrey;\n}\n\n.allowedTypesWrapper {\n max-width: 100%;\n display: flex;\n flex-wrap: wrap;\n}\n</style>\n"],"names":["_sfc_main","_a","mapGetters","getNode","mapActions","event","fileExtension","element","currentElement","rootElement","parentInputGroup","allInputGroupsNodeList","file","replaceEnabled","_c","_b","wantsToReplace","_d","distributionIndexToReplace","_e","fileIndexToReplace","targetDistribution","_f","targetFile","_g","accessUrl","fileUploadUrl","fileId","helper","options","form","catalog","token","resolvedOptions","requestOptions","result","axios","path","err","useRuntimeEnv","validationMessage","placeholderMessage","drop","reactive","fLoad","ref","onClickOutside","triggerDropdown","e","_hoisted_1","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_10","_withScopeId","_createElementVNode","_hoisted_13","_hoisted_16","_hoisted_19","_openBlock","_createElementBlock","_Fragment","_createVNode","_component_FormKit","$setup","$data","_cache","$event","_createTextVNode","_hoisted_2","$options","_createCommentVNode","_hoisted_3","_mergeProps","$props","_ctx","args","_vModelText","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_11","_hoisted_12","_hoisted_14","_hoisted_15","_toDisplayString","_hoisted_17","_hoisted_18","_renderList","types"],"mappings":"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"}