@piveau/piveau-hub-ui-modules 4.3.10 → 4.3.12
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.
- package/dist/data-provider-interface/components/AutocompleteInput.vue.mjs +53 -50
- package/dist/data-provider-interface/components/AutocompleteInput.vue.mjs.map +1 -1
- package/dist/data-provider-interface/components/ConditionalInput.vue.mjs +103 -91
- package/dist/data-provider-interface/components/ConditionalInput.vue.mjs.map +1 -1
- package/dist/datasetDetails/distributions/Distribution.vue.mjs +45 -43
- package/dist/datasetDetails/distributions/Distribution.vue.mjs.map +1 -1
- package/dist/piveau-hub-ui-modules.css +1 -1
- package/package.json +1 -1
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { ref as f, watchEffect as
|
|
1
|
+
import { ref as f, watchEffect as D, resolveComponent as E, openBlock as a, createElementBlock as n, toDisplayString as m, createTextVNode as s, unref as d, createCommentVNode as c, createElementVNode as t, withDirectives as I, isRef as V, vModelText as T, Fragment as y, renderList as _, createVNode as x, createBlock as S, createStaticVNode as U } from "vue";
|
|
2
2
|
import A from "./AutocompleteInput.vue.mjs";
|
|
3
3
|
import { onClickOutside as B } from "../../external/@vueuse/core/index";
|
|
4
|
-
import { useRuntimeEnv as
|
|
5
|
-
import { useI18n as
|
|
4
|
+
import { useRuntimeEnv as H } from "../../composables/useRuntimeEnv.mjs";
|
|
5
|
+
import { useI18n as N } from "vue-i18n";
|
|
6
6
|
import "./ConditionalInput.vue2.mjs";
|
|
7
|
-
const
|
|
7
|
+
const P = { class: "formkitProperty" }, j = {
|
|
8
8
|
key: 0,
|
|
9
9
|
class: "formkitHeader"
|
|
10
|
-
},
|
|
10
|
+
}, F = {
|
|
11
11
|
key: 1,
|
|
12
12
|
class: "formkitHeader"
|
|
13
|
-
},
|
|
13
|
+
}, R = {
|
|
14
14
|
key: 2,
|
|
15
15
|
class: "d-flex infoLicense py-5"
|
|
16
|
-
},
|
|
16
|
+
}, O = /* @__PURE__ */ t("svg", {
|
|
17
17
|
xmlns: "http://www.w3.org/2000/svg",
|
|
18
18
|
width: "30px",
|
|
19
19
|
height: "30px",
|
|
@@ -21,10 +21,10 @@ const j = { class: "formkitProperty" }, F = {
|
|
|
21
21
|
class: "bi bi-info-circle mx-3 mb-3 mt-1 infoboxI",
|
|
22
22
|
viewBox: "0 0 16 16"
|
|
23
23
|
}, [
|
|
24
|
-
/* @__PURE__ */
|
|
24
|
+
/* @__PURE__ */ t("path", { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" }),
|
|
25
25
|
/* @__PURE__ */ s(),
|
|
26
|
-
/* @__PURE__ */
|
|
27
|
-
], -1),
|
|
26
|
+
/* @__PURE__ */ t("path", { d: "m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" })
|
|
27
|
+
], -1), X = /* @__PURE__ */ U(`<div class="w-80"><p>For <strong>European</strong> <strong>Commission's datasets</strong>, bear in mind that <a class="external-link" href="https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833" target="_blank" rel="nofollow noopener"><ins>Decision 2011/833/EU</ins></a>] allows for their commercial
|
|
28
28
|
reuse without prior authorisation, except for the material subject to the third party intellectual property
|
|
29
29
|
rights. This Decision has been implemented under the <a class="external-link" href="https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&lang=en" target="_blank" rel="nofollow noopener"><ins>Decision C(2019) 1655 final</ins></a>] by which Creative
|
|
30
30
|
Commons Attribution 4.0 International Public License (CC BY 4.0) is adopted as an open licence for the
|
|
@@ -32,10 +32,10 @@ const j = { class: "formkitProperty" }, F = {
|
|
|
32
32
|
alternatively be distributed under the provisions of the Creative Commons Universal Public Domain Dedication
|
|
33
33
|
deed (CC0 1.0).</p> <p>The <strong>Council</strong> and the <strong>European Court of Auditors</strong> have
|
|
34
34
|
approved similar decisions on reuse. It is advisable that you check <strong>the reuse policy of your
|
|
35
|
-
organisation</strong> before publishing or submitting your dataset.</p> <p>If you need further information regarding copyright issues, please contact us at <span class="nobr"><a class="external-link" href="mailto:op-copyright@publications.europa.eu" target="_blank" rel="nofollow noopener">op-copyright@publications.europa.eu<sup><img class="rendericon" src="https://citnet.tech.ec.europa.eu/CITnet/jira/images/icons/mail_small.gif" alt="" width="13" height="12" align="absmiddle" border="0"></sup></a></span></p></div>`, 1),
|
|
35
|
+
organisation</strong> before publishing or submitting your dataset.</p> <p>If you need further information regarding copyright issues, please contact us at <span class="nobr"><a class="external-link" href="mailto:op-copyright@publications.europa.eu" target="_blank" rel="nofollow noopener">op-copyright@publications.europa.eu<sup><img class="rendericon" src="https://citnet.tech.ec.europa.eu/CITnet/jira/images/icons/mail_small.gif" alt="" width="13" height="12" align="absmiddle" border="0"></sup></a></span></p></div>`, 1), z = { class: "formkit-wrapper" }, K = ["innerHTML"], W = {
|
|
36
36
|
key: 3,
|
|
37
37
|
class: "d-flex infoLicense py-5"
|
|
38
|
-
},
|
|
38
|
+
}, Y = /* @__PURE__ */ t("svg", {
|
|
39
39
|
xmlns: "http://www.w3.org/2000/svg",
|
|
40
40
|
width: "30px",
|
|
41
41
|
height: "30px",
|
|
@@ -43,178 +43,190 @@ const j = { class: "formkitProperty" }, F = {
|
|
|
43
43
|
class: "bi bi-info-circle mx-3 mb-3 mt-1 infoboxI",
|
|
44
44
|
viewBox: "0 0 16 16"
|
|
45
45
|
}, [
|
|
46
|
-
/* @__PURE__ */
|
|
46
|
+
/* @__PURE__ */ t("path", { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" }),
|
|
47
47
|
/* @__PURE__ */ s(),
|
|
48
|
-
/* @__PURE__ */
|
|
49
|
-
], -1),
|
|
48
|
+
/* @__PURE__ */ t("path", { d: "m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" })
|
|
49
|
+
], -1), q = /* @__PURE__ */ t("p", { class: "textInfoI" }, [
|
|
50
50
|
/* @__PURE__ */ s(`As owner of your dataset, you guarantee that it does not violate the copyright, other
|
|
51
51
|
intellectual property or
|
|
52
52
|
privacy rights of any third party. In particular, if third party material is included in the dataset, you must
|
|
53
53
|
ensure that all necessary permissions have been obtained and appropriate acknowledgment is given, if necessary.
|
|
54
54
|
`),
|
|
55
|
-
/* @__PURE__ */
|
|
56
|
-
/* @__PURE__ */
|
|
55
|
+
/* @__PURE__ */ t("br"),
|
|
56
|
+
/* @__PURE__ */ t("br"),
|
|
57
57
|
/* @__PURE__ */ s(`
|
|
58
58
|
If you need further information regarding copyright issues, please contact us at
|
|
59
59
|
`),
|
|
60
|
-
/* @__PURE__ */
|
|
61
|
-
], -1),
|
|
60
|
+
/* @__PURE__ */ t("a", { href: "mailto:op-copyright@publications.europa.eu" }, "op-copyright@publications.europa.eu")
|
|
61
|
+
], -1), G = {
|
|
62
62
|
key: 4,
|
|
63
63
|
class: "formkitCmpWrap simpleConditional"
|
|
64
|
-
},
|
|
64
|
+
}, J = { class: "m-3" }, Q = { class: "conditionalSelectDiv" }, Z = ["placeholder"], ee = { key: 0 }, te = { class: "selectListConditional" }, oe = ["onClick"], ae = { class: "conditionalManual" }, ne = {
|
|
65
65
|
key: 0,
|
|
66
66
|
class: "d-flex"
|
|
67
|
-
},
|
|
67
|
+
}, se = { key: 0 }, ie = {
|
|
68
68
|
key: 5,
|
|
69
69
|
class: "formkitCmpWrap simpleConditional"
|
|
70
|
-
},
|
|
70
|
+
}, le = { class: "m-3" }, re = { class: "conditionalSelectDiv" }, de = ["placeholder"], ce = { key: 0 }, ue = { class: "selectListConditional" }, pe = ["onClick"], me = { class: "conditionalManual" }, he = {
|
|
71
71
|
key: 0,
|
|
72
72
|
class: "d-flex"
|
|
73
|
-
},
|
|
73
|
+
}, fe = {
|
|
74
74
|
key: 0,
|
|
75
75
|
class: ""
|
|
76
|
-
},
|
|
76
|
+
}, ve = {
|
|
77
77
|
key: 1,
|
|
78
78
|
class: "conditionalVocabulary d-flex"
|
|
79
|
-
},
|
|
79
|
+
}, ge = { class: "autocompleteInputSingleValue" }, ye = ["innerHTML"], Ie = {
|
|
80
80
|
__name: "ConditionalInput",
|
|
81
81
|
props: {
|
|
82
82
|
context: Object
|
|
83
83
|
},
|
|
84
|
-
setup(
|
|
85
|
-
let b =
|
|
86
|
-
const e =
|
|
84
|
+
setup(L) {
|
|
85
|
+
let b = H();
|
|
86
|
+
const e = L, { t: k } = N();
|
|
87
87
|
let r = f(), u = f(!1), p = f(!1);
|
|
88
|
-
|
|
88
|
+
D(() => {
|
|
89
89
|
e.context.value.name && (r.value = k("message.dataupload.datasets.conditional.vocabulary")), e.context.value["foaf:name"] && (r.value = k("message.dataupload.datasets.conditional.manually"));
|
|
90
90
|
});
|
|
91
|
-
const v = f(null), C = (
|
|
91
|
+
const v = f(null), C = (i) => {
|
|
92
92
|
p.value = !p.value;
|
|
93
|
-
},
|
|
93
|
+
}, M = () => {
|
|
94
94
|
e.context.node.reset();
|
|
95
|
-
}, w = (
|
|
96
|
-
r.value =
|
|
95
|
+
}, w = (i, l) => {
|
|
96
|
+
r.value = l, u.value = i, e.context.node.reset(), e.context.value = "";
|
|
97
97
|
};
|
|
98
|
-
return B(v, (
|
|
99
|
-
const g =
|
|
100
|
-
return a(), n("div",
|
|
101
|
-
e.context.attrs.class != null && e.context.attrs.class.includes("inDistribution") ? (a(), n("h4",
|
|
98
|
+
return B(v, (i) => p.value = !1), (i, l) => {
|
|
99
|
+
const g = E("FormKit");
|
|
100
|
+
return a(), n("div", P, [
|
|
101
|
+
e.context.attrs.class != null && e.context.attrs.class.includes("inDistribution") ? (a(), n("h4", j, m(i.$t("message.dataupload.distributions." + e.context.attrs.identifier + ".label")), 1)) : (a(), n("h4", F, m(i.$t("message.dataupload.datasets." + e.context.attrs.identifier + ".label")), 1)),
|
|
102
102
|
s(),
|
|
103
|
-
e.context.attrs.identifier === "licence" && d(b).content.dataProviderInterface.annifIntegration ? (a(), n("div",
|
|
104
|
-
|
|
103
|
+
e.context.attrs.identifier === "licence" && d(b).content.dataProviderInterface.annifIntegration ? (a(), n("div", R, [
|
|
104
|
+
O,
|
|
105
105
|
s(),
|
|
106
|
-
|
|
106
|
+
X
|
|
107
107
|
])) : c("", !0),
|
|
108
108
|
s(),
|
|
109
|
-
|
|
110
|
-
|
|
109
|
+
t("div", z, [
|
|
110
|
+
t("div", {
|
|
111
|
+
innerHTML: i.$t("message.dataupload.distributions.licence.vocabulary.help"),
|
|
112
|
+
class: "formkit-help"
|
|
113
|
+
}, null, 8, K)
|
|
114
|
+
]),
|
|
115
|
+
s(),
|
|
116
|
+
e.context.attrs.identifier === "rights" && d(b).content.dataProviderInterface.annifIntegration ? (a(), n("div", W, [
|
|
117
|
+
Y,
|
|
111
118
|
s(),
|
|
112
|
-
|
|
119
|
+
q
|
|
113
120
|
])) : c("", !0),
|
|
114
121
|
s(),
|
|
115
|
-
e.context.attrs.identifier === "rights" ? (a(), n("div",
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
I(
|
|
122
|
+
e.context.attrs.identifier === "rights" ? (a(), n("div", G, [
|
|
123
|
+
t("div", J, [
|
|
124
|
+
t("div", Q, [
|
|
125
|
+
I(t("input", {
|
|
119
126
|
ref_key: "I1",
|
|
120
127
|
ref: v,
|
|
121
128
|
type: "text",
|
|
122
129
|
class: "conditionalSelect formkit-input formkit-inner",
|
|
123
|
-
onClick:
|
|
130
|
+
onClick: l[0] || (l[0] = (o) => C()),
|
|
124
131
|
placeholder: e.context.attrs.placeholder,
|
|
125
|
-
"onUpdate:modelValue":
|
|
126
|
-
}, null, 8,
|
|
127
|
-
[
|
|
132
|
+
"onUpdate:modelValue": l[1] || (l[1] = (o) => V(r) ? r.value = o : r = o)
|
|
133
|
+
}, null, 8, Z), [
|
|
134
|
+
[T, d(r)]
|
|
128
135
|
]),
|
|
129
136
|
s(),
|
|
130
|
-
d(p) ? (a(), n("div",
|
|
131
|
-
|
|
132
|
-
(a(!0), n(y, null,
|
|
137
|
+
d(p) ? (a(), n("div", ee, [
|
|
138
|
+
t("ul", te, [
|
|
139
|
+
(a(!0), n(y, null, _(e.context.attrs.selection, (o, h) => (a(), n("li", {
|
|
133
140
|
class: "p-2 border-b border-gray-200",
|
|
134
|
-
onClick: (
|
|
135
|
-
}, m(
|
|
141
|
+
onClick: ($) => w(o, i.$t("message.dataupload.datasets.conditional." + o))
|
|
142
|
+
}, m(i.$t("message.dataupload.datasets.conditional." + o)), 9, oe))), 256))
|
|
136
143
|
])
|
|
137
144
|
])) : c("", !0)
|
|
138
145
|
]),
|
|
139
146
|
s(),
|
|
140
|
-
|
|
141
|
-
d(u) === "URL" || e.context.node.value["@type"] === "url" ? (a(), n("div",
|
|
142
|
-
|
|
147
|
+
t("div", ae, [
|
|
148
|
+
d(u) === "URL" || e.context.node.value["@type"] === "url" ? (a(), n("div", ne, [
|
|
149
|
+
x(g, {
|
|
143
150
|
type: "url",
|
|
144
|
-
placeholder:
|
|
151
|
+
placeholder: i.$t("message.dataupload.datasets.conditional.URL"),
|
|
145
152
|
name: "rdfs:label",
|
|
146
153
|
validation: "url",
|
|
147
154
|
class: "w-100",
|
|
148
155
|
identifier: "rightsUrl",
|
|
149
156
|
modelValue: e.context.value["rdfs:value"],
|
|
150
|
-
"onUpdate:modelValue":
|
|
157
|
+
"onUpdate:modelValue": l[2] || (l[2] = (o) => e.context.value["rdfs:value"] = o)
|
|
151
158
|
}, null, 8, ["placeholder", "modelValue"])
|
|
152
159
|
])) : c("", !0)
|
|
153
160
|
]),
|
|
154
161
|
s(),
|
|
155
|
-
d(u) === "Text" || e.context.value["@type"] === "text" ? (a(), n("div",
|
|
156
|
-
|
|
162
|
+
d(u) === "Text" || e.context.value["@type"] === "text" ? (a(), n("div", se, [
|
|
163
|
+
x(g, {
|
|
157
164
|
type: "text",
|
|
158
|
-
placeholder:
|
|
165
|
+
placeholder: i.$t("message.dataupload.datasets.conditional.Text"),
|
|
159
166
|
name: "rdfs:label",
|
|
160
167
|
class: "w-100",
|
|
161
168
|
identifier: "rightsText",
|
|
162
169
|
modelValue: e.context.value["rdfs:value"],
|
|
163
|
-
"onUpdate:modelValue":
|
|
170
|
+
"onUpdate:modelValue": l[3] || (l[3] = (o) => e.context.value["rdfs:value"] = o)
|
|
164
171
|
}, null, 8, ["placeholder", "modelValue"])
|
|
165
172
|
])) : c("", !0)
|
|
166
173
|
])
|
|
167
|
-
])) : (a(), n("div",
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
I(
|
|
174
|
+
])) : (a(), n("div", ie, [
|
|
175
|
+
t("div", le, [
|
|
176
|
+
t("div", re, [
|
|
177
|
+
I(t("input", {
|
|
171
178
|
ref_key: "I1",
|
|
172
179
|
ref: v,
|
|
173
180
|
type: "text",
|
|
174
181
|
class: "conditionalSelect formkit-input formkit-inner",
|
|
175
|
-
onClick:
|
|
182
|
+
onClick: l[4] || (l[4] = (o) => C()),
|
|
176
183
|
placeholder: e.context.attrs.placeholder,
|
|
177
|
-
"onUpdate:modelValue":
|
|
178
|
-
}, null, 8,
|
|
179
|
-
[
|
|
184
|
+
"onUpdate:modelValue": l[5] || (l[5] = (o) => V(r) ? r.value = o : r = o)
|
|
185
|
+
}, null, 8, de), [
|
|
186
|
+
[T, d(r)]
|
|
180
187
|
]),
|
|
181
188
|
s(),
|
|
182
|
-
d(p) ? (a(), n("div",
|
|
183
|
-
|
|
184
|
-
(a(!0), n(y, null,
|
|
189
|
+
d(p) ? (a(), n("div", ce, [
|
|
190
|
+
t("ul", ue, [
|
|
191
|
+
(a(!0), n(y, null, _(e.context.attrs.selection, (o, h) => (a(), n("li", {
|
|
185
192
|
class: "p-2 border-b border-gray-200",
|
|
186
|
-
onClick: (
|
|
187
|
-
}, m(
|
|
193
|
+
onClick: ($) => w(o, i.$t("message.dataupload.datasets.conditional." + o))
|
|
194
|
+
}, m(i.$t("message.dataupload.datasets.conditional." + o)), 9, pe))), 256))
|
|
188
195
|
])
|
|
189
196
|
])) : c("", !0)
|
|
190
197
|
]),
|
|
191
198
|
s(),
|
|
192
|
-
|
|
193
|
-
d(u) === "manually" || Object.keys(e.context.value).length > 0 && e.context.value["foaf:name"] && d(u) != "vocabulary" ? (a(), n("div",
|
|
194
|
-
(a(!0), n(y, null,
|
|
199
|
+
t("div", me, [
|
|
200
|
+
d(u) === "manually" || Object.keys(e.context.value).length > 0 && e.context.value["foaf:name"] && d(u) != "vocabulary" ? (a(), n("div", he, [
|
|
201
|
+
(a(!0), n(y, null, _(e.context.attrs.options, (o, h) => (a(), S(g, {
|
|
195
202
|
type: h,
|
|
196
|
-
placeholder:
|
|
197
|
-
name:
|
|
203
|
+
placeholder: i.$t("message.dataupload.datasets.individual." + o),
|
|
204
|
+
name: o,
|
|
198
205
|
validation: h,
|
|
199
206
|
class: "w-100"
|
|
200
207
|
}, null, 8, ["type", "placeholder", "name", "validation"]))), 256))
|
|
201
208
|
])) : c("", !0)
|
|
202
209
|
]),
|
|
203
210
|
s(),
|
|
204
|
-
d(u) === "vocabulary" && !e.context.value.name ? (a(), n("div",
|
|
205
|
-
|
|
211
|
+
d(u) === "vocabulary" && !e.context.value.name ? (a(), n("div", fe, [
|
|
212
|
+
x(A, {
|
|
206
213
|
context: e.context
|
|
207
214
|
}, null, 8, ["context"])
|
|
208
215
|
])) : c("", !0),
|
|
209
216
|
s(),
|
|
210
|
-
e.context.value.name ? (a(), n("div",
|
|
211
|
-
|
|
217
|
+
e.context.value.name ? (a(), n("div", ve, [
|
|
218
|
+
t("a", ge, m(e.context.value.name), 1),
|
|
212
219
|
s(),
|
|
213
|
-
|
|
220
|
+
t("div", {
|
|
214
221
|
class: "removeX",
|
|
215
|
-
onClick:
|
|
222
|
+
onClick: M
|
|
216
223
|
})
|
|
217
|
-
])) : c("", !0)
|
|
224
|
+
])) : c("", !0),
|
|
225
|
+
s(),
|
|
226
|
+
t("div", {
|
|
227
|
+
innerHTML: e.context.help,
|
|
228
|
+
class: "formkit-help"
|
|
229
|
+
}, null, 8, ye)
|
|
218
230
|
])
|
|
219
231
|
]))
|
|
220
232
|
]);
|
|
@@ -222,6 +234,6 @@ const j = { class: "formkitProperty" }, F = {
|
|
|
222
234
|
}
|
|
223
235
|
};
|
|
224
236
|
export {
|
|
225
|
-
|
|
237
|
+
Ie as default
|
|
226
238
|
};
|
|
227
239
|
//# sourceMappingURL=ConditionalInput.vue.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionalInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/ConditionalInput.vue"],"sourcesContent":["<template>\n <div class=\"formkitProperty\">\n <!-- <h4 class=\"formkitHeader\">{{ props.context.attrs.identifier.charAt(0).toUpperCase() +\n props.context.attrs.identifier.slice(1) }}</h4> -->\n <h4 class=\"formkitHeader\"\n v-if=\"props.context.attrs.class != undefined && props.context.attrs.class.includes('inDistribution')\">\n {{ $t('message.dataupload.distributions.' + props.context.attrs.identifier + '.label') }}\n </h4>\n <h4 class=\"formkitHeader\" v-else>\n {{ $t('message.dataupload.datasets.' + props.context.attrs.identifier + '.label') }}\n </h4>\n <div v-if=\"props.context.attrs.identifier === 'licence' && env.content.dataProviderInterface.annifIntegration\"\n class=\"d-flex infoLicense py-5\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI \" viewBox=\"0 0 16 16\">\n <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n <path\n d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n </svg>\n <div class=\"w-80\">\n <p>For <strong>European</strong> <strong>Commission's datasets</strong>, bear in mind that <a\n class=\"external-link\" href=\"https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833\"\n target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision 2011/833/EU</ins></a>] allows for their commercial\n reuse without prior authorisation, except for the material subject to the third party intellectual property\n rights. This Decision has been implemented under the <a class=\"external-link\"\n href=\"https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&lang=en\"\n target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision C(2019) 1655 final</ins></a>] by which Creative\n Commons Attribution 4.0 International Public License (CC BY 4.0) is adopted as an open licence for the\n Commission's reuse policy. Additionally, raw data, metadata or other documents of comparable nature may\n alternatively be distributed under the provisions of the Creative Commons Universal Public Domain Dedication\n deed (CC0 1.0).</p>\n <p>The <strong>Council</strong> and the <strong>European Court of Auditors</strong> have\n approved similar decisions on reuse. It is advisable that you check <strong>the reuse policy of your\n organisation</strong> before publishing or submitting your dataset.</p>\n <p>If you need further information regarding copyright issues, please contact us at <span class=\"nobr\"><a\n class=\"external-link\" href=\"mailto:op-copyright@publications.europa.eu\" target=\"_blank\"\n rel=\"nofollow noopener\">op-copyright@publications.europa.eu<sup><img class=\"rendericon\"\n src=\"https://citnet.tech.ec.europa.eu/CITnet/jira/images/icons/mail_small.gif\" alt=\"\" width=\"13\"\n height=\"12\" align=\"absmiddle\" border=\"0\" /></sup></a></span></p>\n\n </div>\n\n\n </div>\n <div v-if=\"props.context.attrs.identifier === 'rights' && env.content.dataProviderInterface.annifIntegration\"\n class=\"d-flex infoLicense py-5\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI\" viewBox=\"0 0 16 16\">\n <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n <path\n d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n </svg>\n <p class=\"textInfoI\">As owner of your dataset, you guarantee that it does not violate the copyright, other\n intellectual property or\n privacy rights of any third party. In particular, if third party material is included in the dataset, you must\n ensure that all necessary permissions have been obtained and appropriate acknowledgment is given, if necessary.\n <br><br>\n If you need further information regarding copyright issues, please contact us at\n <a href=\"mailto:op-copyright@publications.europa.eu\">op-copyright@publications.europa.eu</a>\n </p>\n </div>\n <!-- Choice between text and URL -->\n <div class=\"formkitCmpWrap simpleConditional\" v-if=\"props.context.attrs.identifier === 'rights'\">\n <div class=\"m-3\">\n <div class=\"conditionalSelectDiv\">\n <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n :placeholder=\"props.context.attrs.placeholder\" v-model=\"selectModeVal\">\n <div v-if=\"showSelect\">\n <ul class=\"selectListConditional\">\n <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n @click=\"selectMode(el, $t('message.dataupload.datasets.conditional.' + el))\">{{\n $t('message.dataupload.datasets.conditional.' + el) }}</li>\n </ul>\n </div>\n </div>\n <div class=\"conditionalManual\">\n <div class=\"d-flex\" v-if=\"selectedItem === 'URL' || props.context.node.value['@type'] === 'url'\">\n <FormKit type=\"url\" :placeholder=\"$t('message.dataupload.datasets.conditional.URL')\" name=\"rdfs:label\"\n validation=\"url\" class=\"w-100\" identifier=\"rightsUrl\" v-model=\"props.context.value['rdfs:value']\">\n </FormKit>\n </div>\n </div>\n <div v-if=\"selectedItem === 'Text' || props.context.value['@type'] === 'text'\">\n <FormKit type=\"text\" :placeholder=\"$t('message.dataupload.datasets.conditional.Text')\" name=\"rdfs:label\"\n class=\"w-100\" identifier=\"rightsText\" v-model=\"props.context.value['rdfs:value']\"></FormKit>\n </div>\n </div>\n </div>\n\n <!-- Choice between manualinput and vocabulary search -->\n <div class=\"formkitCmpWrap simpleConditional\" v-else>\n <div class=\"m-3\">\n <div class=\"conditionalSelectDiv\">\n <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n :placeholder=props.context.attrs.placeholder v-model=\"selectModeVal\">\n <div v-if=\"showSelect\">\n <ul class=\"selectListConditional\">\n <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n @click=\"selectMode(el, $t('message.dataupload.datasets.conditional.' + el))\">{{\n $t('message.dataupload.datasets.conditional.' + el) }}</li>\n </ul>\n </div>\n </div>\n <div class=\"conditionalManual\">\n <div class=\"d-flex\" v-if=\"selectedItem === 'manually' ||\n Object.keys(props.context.value).length > 0 && props.context.value['foaf:name']\n && selectedItem != 'vocabulary'\">\n <FormKit v-for=\"el, key in props.context.attrs.options\" :type=\"key\"\n :placeholder=\"$t('message.dataupload.datasets.individual.' + el)\" :name=\"el\" :validation=\"key\"\n class=\"w-100\"></FormKit>\n </div>\n </div>\n <div v-if=\"selectedItem === 'vocabulary' && !props.context.value['name']\" class=\"\">\n <AutocompleteInput :context=\"props.context\"></AutocompleteInput>\n </div>\n <div v-if=\"props.context.value['name']\" class=\"conditionalVocabulary d-flex\">\n <a class=\"autocompleteInputSingleValue\">{{\n props.context.value['name'] }}</a>\n <div class=\"removeX\" @click=\"removeProperty\"></div>\n\n </div>\n\n\n </div>\n\n </div>\n </div>\n\n</template>\n<script setup>\nimport { ref, watchEffect } from 'vue';\nimport AutocompleteInput from './AutocompleteInput.vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { useI18n } from 'vue-i18n';\n\nlet env = useRuntimeEnv()\nconst props = defineProps({\n context: Object,\n})\nconst { t } = useI18n();\nlet selectModeVal = ref()\nlet selectedItem = ref(false)\nlet showSelect = ref(false)\n\n\n\nwatchEffect(() => {\n if (props.context.value['name']) {\n selectModeVal.value = t('message.dataupload.datasets.conditional.' + 'vocabulary');\n }\n if (props.context.value['foaf:name']) {\n selectModeVal.value = t('message.dataupload.datasets.conditional.' + 'manually');\n }\n});\n\nconst I1 = ref(null)\n\nconst openSelect = (e) => {\n\n showSelect.value = !showSelect.value\n\n}\nconst removeProperty = () => {\n props.context.node.reset()\n}\nconst selectMode = (e, translatedString) => {\n selectModeVal.value = translatedString\n selectedItem.value = e\n props.context.node.reset()\n props.context.value = \"\"\n}\n\nonClickOutside(I1, event => showSelect.value = false)\n\n</script>\n<style>\n.conditionalManual {\n .formkit-outer {\n width: 100%;\n }\n}\n\n.hover {\n text-decoration: underline;\n}\n\n.conditionalVocabulary {\n display: flex;\n align-items: center;\n margin: 1rem 0;\n}\n\n.w-80 {\n width: 80%;\n}\n\n.infoLicense {\n a {\n color: blue;\n }\n\n padding: 1rem;\n background-color: rgb(171, 225, 165)\n}\n\n.infoboxI {\n width: 5%;\n}\n\n.textInfoI {\n width: 95%;\n}\n</style>"],"names":["env","useRuntimeEnv","props","__props","t","useI18n","selectModeVal","ref","selectedItem","showSelect","watchEffect","I1","openSelect","e","removeProperty","selectMode","translatedString","onClickOutside","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwIA,QAAIA,IAAMC,EAAe;AACzB,UAAMC,IAAQC,GAGR,EAAE,GAAAC,EAAC,IAAKC;AACd,QAAIC,IAAgBC,EAAK,GACrBC,IAAeD,EAAI,EAAK,GACxBE,IAAaF,EAAI,EAAK;AAI1B,IAAAG,EAAY,MAAM;AAChB,MAAIR,EAAM,QAAQ,MAAM,SACtBI,EAAc,QAAQF,EAAE,oDAAyD,IAE/EF,EAAM,QAAQ,MAAM,WAAW,MACjCI,EAAc,QAAQF,EAAE,kDAAuD;AAAA,IAEnF,CAAC;AAED,UAAMO,IAAKJ,EAAI,IAAI,GAEbK,IAAa,CAACC,MAAM;AAExB,MAAAJ,EAAW,QAAQ,CAACA,EAAW;AAAA,IAEjC,GACMK,IAAiB,MAAM;AAC3B,MAAAZ,EAAM,QAAQ,KAAK,MAAO;AAAA,IAC5B,GACMa,IAAa,CAACF,GAAGG,MAAqB;AAC1C,MAAAV,EAAc,QAAQU,GACtBR,EAAa,QAAQK,GACrBX,EAAM,QAAQ,KAAK,MAAO,GAC1BA,EAAM,QAAQ,QAAQ;AAAA,IACxB;AAEA,WAAAe,EAAeN,GAAI,CAAAO,MAAST,EAAW,QAAQ,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"ConditionalInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/ConditionalInput.vue"],"sourcesContent":["<template>\n <div class=\"formkitProperty\">\n <!-- <h4 class=\"formkitHeader\">{{ props.context.attrs.identifier.charAt(0).toUpperCase() +\n props.context.attrs.identifier.slice(1) }}</h4> -->\n <h4 class=\"formkitHeader\"\n v-if=\"props.context.attrs.class != undefined && props.context.attrs.class.includes('inDistribution')\">\n {{ $t('message.dataupload.distributions.' + props.context.attrs.identifier + '.label') }}\n </h4>\n <h4 class=\"formkitHeader\" v-else>\n {{ $t('message.dataupload.datasets.' + props.context.attrs.identifier + '.label') }}\n </h4>\n <div v-if=\"props.context.attrs.identifier === 'licence' && env.content.dataProviderInterface.annifIntegration\"\n class=\"d-flex infoLicense py-5\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI \" viewBox=\"0 0 16 16\">\n <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n <path\n d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n </svg>\n <div class=\"w-80\">\n <p>For <strong>European</strong> <strong>Commission's datasets</strong>, bear in mind that <a\n class=\"external-link\" href=\"https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833\"\n target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision 2011/833/EU</ins></a>] allows for their commercial\n reuse without prior authorisation, except for the material subject to the third party intellectual property\n rights. This Decision has been implemented under the <a class=\"external-link\"\n href=\"https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&lang=en\"\n target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision C(2019) 1655 final</ins></a>] by which Creative\n Commons Attribution 4.0 International Public License (CC BY 4.0) is adopted as an open licence for the\n Commission's reuse policy. Additionally, raw data, metadata or other documents of comparable nature may\n alternatively be distributed under the provisions of the Creative Commons Universal Public Domain Dedication\n deed (CC0 1.0).</p>\n <p>The <strong>Council</strong> and the <strong>European Court of Auditors</strong> have\n approved similar decisions on reuse. It is advisable that you check <strong>the reuse policy of your\n organisation</strong> before publishing or submitting your dataset.</p>\n <p>If you need further information regarding copyright issues, please contact us at <span class=\"nobr\"><a\n class=\"external-link\" href=\"mailto:op-copyright@publications.europa.eu\" target=\"_blank\"\n rel=\"nofollow noopener\">op-copyright@publications.europa.eu<sup><img class=\"rendericon\"\n src=\"https://citnet.tech.ec.europa.eu/CITnet/jira/images/icons/mail_small.gif\" alt=\"\" width=\"13\"\n height=\"12\" align=\"absmiddle\" border=\"0\" /></sup></a></span></p>\n\n </div>\n </div>\n <div class=\"formkit-wrapper\">\n <div v-html=\"$t('message.dataupload.distributions.licence.vocabulary.help')\" class=\"formkit-help\"></div>\n </div>\n\n\n <div v-if=\"props.context.attrs.identifier === 'rights' && env.content.dataProviderInterface.annifIntegration\"\n class=\"d-flex infoLicense py-5\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI\" viewBox=\"0 0 16 16\">\n <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n <path\n d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n </svg>\n <p class=\"textInfoI\">As owner of your dataset, you guarantee that it does not violate the copyright, other\n intellectual property or\n privacy rights of any third party. In particular, if third party material is included in the dataset, you must\n ensure that all necessary permissions have been obtained and appropriate acknowledgment is given, if necessary.\n <br><br>\n If you need further information regarding copyright issues, please contact us at\n <a href=\"mailto:op-copyright@publications.europa.eu\">op-copyright@publications.europa.eu</a>\n </p>\n </div>\n <!-- Choice between text and URL -->\n <div class=\"formkitCmpWrap simpleConditional\" v-if=\"props.context.attrs.identifier === 'rights'\">\n <div class=\"m-3\">\n <div class=\"conditionalSelectDiv\">\n <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n :placeholder=\"props.context.attrs.placeholder\" v-model=\"selectModeVal\">\n <div v-if=\"showSelect\">\n <ul class=\"selectListConditional\">\n <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n @click=\"selectMode(el, $t('message.dataupload.datasets.conditional.' + el))\">{{\n $t('message.dataupload.datasets.conditional.' + el) }}</li>\n </ul>\n </div>\n </div>\n <div class=\"conditionalManual\">\n <div class=\"d-flex\" v-if=\"selectedItem === 'URL' || props.context.node.value['@type'] === 'url'\">\n <FormKit type=\"url\" :placeholder=\"$t('message.dataupload.datasets.conditional.URL')\" name=\"rdfs:label\"\n validation=\"url\" class=\"w-100\" identifier=\"rightsUrl\" v-model=\"props.context.value['rdfs:value']\">\n </FormKit>\n </div>\n </div>\n <div v-if=\"selectedItem === 'Text' || props.context.value['@type'] === 'text'\">\n <FormKit type=\"text\" :placeholder=\"$t('message.dataupload.datasets.conditional.Text')\" name=\"rdfs:label\"\n class=\"w-100\" identifier=\"rightsText\" v-model=\"props.context.value['rdfs:value']\"></FormKit>\n </div>\n </div>\n </div>\n\n <!-- Choice between manualinput and vocabulary search -->\n <div class=\"formkitCmpWrap simpleConditional\" v-else>\n <div class=\"m-3\">\n <div class=\"conditionalSelectDiv\">\n <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n :placeholder=props.context.attrs.placeholder v-model=\"selectModeVal\">\n <div v-if=\"showSelect\">\n <ul class=\"selectListConditional\">\n <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n @click=\"selectMode(el, $t('message.dataupload.datasets.conditional.' + el))\">{{\n $t('message.dataupload.datasets.conditional.' + el) }}</li>\n </ul>\n </div>\n </div>\n <div class=\"conditionalManual\">\n <div class=\"d-flex\" v-if=\"selectedItem === 'manually' ||\n Object.keys(props.context.value).length > 0 && props.context.value['foaf:name']\n && selectedItem != 'vocabulary'\">\n <FormKit v-for=\"el, key in props.context.attrs.options\" :type=\"key\"\n :placeholder=\"$t('message.dataupload.datasets.individual.' + el)\" :name=\"el\" :validation=\"key\"\n class=\"w-100\"></FormKit>\n </div>\n </div>\n <div v-if=\"selectedItem === 'vocabulary' && !props.context.value['name']\" class=\"\">\n <AutocompleteInput :context=\"props.context\"></AutocompleteInput>\n </div>\n <div v-if=\"props.context.value['name']\" class=\"conditionalVocabulary d-flex\">\n <a class=\"autocompleteInputSingleValue\">{{\n props.context.value['name'] }}</a>\n <div class=\"removeX\" @click=\"removeProperty\"></div>\n\n </div>\n <div v-html=\"props.context.help\" class=\"formkit-help\"></div>\n\n </div>\n\n </div>\n </div>\n\n</template>\n<script setup>\nimport { ref, watchEffect } from 'vue';\nimport AutocompleteInput from './AutocompleteInput.vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { useI18n } from 'vue-i18n';\n\nlet env = useRuntimeEnv()\nconst props = defineProps({\n context: Object,\n})\nconst { t } = useI18n();\nlet selectModeVal = ref()\nlet selectedItem = ref(false)\nlet showSelect = ref(false)\n\n\n\nwatchEffect(() => {\n if (props.context.value['name']) {\n selectModeVal.value = t('message.dataupload.datasets.conditional.' + 'vocabulary');\n }\n if (props.context.value['foaf:name']) {\n selectModeVal.value = t('message.dataupload.datasets.conditional.' + 'manually');\n }\n});\n\nconst I1 = ref(null)\n\nconst openSelect = (e) => {\n\n showSelect.value = !showSelect.value\n\n}\nconst removeProperty = () => {\n props.context.node.reset()\n}\nconst selectMode = (e, translatedString) => {\n selectModeVal.value = translatedString\n selectedItem.value = e\n props.context.node.reset()\n props.context.value = \"\"\n}\n\nonClickOutside(I1, event => showSelect.value = false)\n\n</script>\n<style>\n.conditionalManual {\n .formkit-outer {\n width: 100%;\n }\n}\n\n.hover {\n text-decoration: underline;\n}\n\n.conditionalVocabulary {\n display: flex;\n align-items: center;\n margin: 1rem 0;\n}\n\n.w-80 {\n width: 80%;\n}\n\n.infoLicense {\n a {\n color: blue;\n }\n\n padding: 1rem;\n background-color: rgb(171, 225, 165)\n}\n\n.infoboxI {\n width: 5%;\n}\n\n.textInfoI {\n width: 95%;\n}\n</style>\n"],"names":["env","useRuntimeEnv","props","__props","t","useI18n","selectModeVal","ref","selectedItem","showSelect","watchEffect","I1","openSelect","e","removeProperty","selectMode","translatedString","onClickOutside","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2IA,QAAIA,IAAMC,EAAe;AACzB,UAAMC,IAAQC,GAGR,EAAE,GAAAC,EAAC,IAAKC;AACd,QAAIC,IAAgBC,EAAK,GACrBC,IAAeD,EAAI,EAAK,GACxBE,IAAaF,EAAI,EAAK;AAI1B,IAAAG,EAAY,MAAM;AAChB,MAAIR,EAAM,QAAQ,MAAM,SACtBI,EAAc,QAAQF,EAAE,oDAAyD,IAE/EF,EAAM,QAAQ,MAAM,WAAW,MACjCI,EAAc,QAAQF,EAAE,kDAAuD;AAAA,IAEnF,CAAC;AAED,UAAMO,IAAKJ,EAAI,IAAI,GAEbK,IAAa,CAACC,MAAM;AAExB,MAAAJ,EAAW,QAAQ,CAACA,EAAW;AAAA,IAEjC,GACMK,IAAiB,MAAM;AAC3B,MAAAZ,EAAM,QAAQ,KAAK,MAAO;AAAA,IAC5B,GACMa,IAAa,CAACF,GAAGG,MAAqB;AAC1C,MAAAV,EAAc,QAAQU,GACtBR,EAAa,QAAQK,GACrBX,EAAM,QAAQ,KAAK,MAAO,GAC1BA,EAAM,QAAQ,QAAQ;AAAA,IACxB;AAEA,WAAAe,EAAeN,GAAI,CAAAO,MAAST,EAAW,QAAQ,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { has as
|
|
2
|
-
import { truncate as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { resolveComponent as t, openBlock as r, createElementBlock as
|
|
1
|
+
import { has as m, isNil as w } from "lodash-es";
|
|
2
|
+
import { truncate as F } from "../../utils/helpers.mjs";
|
|
3
|
+
import g from "./distributionDetails/DistributionExpand.vue.mjs";
|
|
4
|
+
import h from "./distributionDetails/DistributionVisibleContent.vue.mjs";
|
|
5
|
+
import f from "./distributionDetails/DistributionExpandedContent.vue.mjs";
|
|
6
|
+
import U from "./distributionDetails/DistributionDescription.vue.mjs";
|
|
7
|
+
import _ from "./DistributionFormat.vue.mjs";
|
|
8
|
+
import y from "./FadingDistributionOverlay.vue.mjs";
|
|
9
|
+
import E from "./distributionActions/DistributionActions.vue.mjs";
|
|
10
|
+
import p from "./DistributionAdded.vue.mjs";
|
|
11
|
+
import { resolveComponent as t, openBlock as r, createElementBlock as x, createElementVNode as C, createVNode as o, createTextVNode as n, renderSlot as I, createBlock as v, createCommentVNode as L } from "vue";
|
|
12
12
|
import "./Distribution.vue2.mjs";
|
|
13
|
-
import
|
|
14
|
-
const
|
|
13
|
+
import O from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
14
|
+
const k = {
|
|
15
15
|
name: "Distribution",
|
|
16
16
|
components: {
|
|
17
|
-
DistributionAdded:
|
|
18
|
-
DistributionActions:
|
|
19
|
-
FadingDistributionOverlay:
|
|
20
|
-
DistributionFormat:
|
|
21
|
-
DistributionDescription:
|
|
22
|
-
DistributionExpandedContent:
|
|
23
|
-
DistributionVisibleContent:
|
|
24
|
-
DistributionExpand:
|
|
17
|
+
DistributionAdded: p,
|
|
18
|
+
DistributionActions: E,
|
|
19
|
+
FadingDistributionOverlay: y,
|
|
20
|
+
DistributionFormat: _,
|
|
21
|
+
DistributionDescription: U,
|
|
22
|
+
DistributionExpandedContent: f,
|
|
23
|
+
DistributionVisibleContent: h,
|
|
24
|
+
DistributionExpand: g
|
|
25
25
|
},
|
|
26
26
|
props: {
|
|
27
27
|
fading: Boolean,
|
|
@@ -69,29 +69,29 @@ const L = {
|
|
|
69
69
|
}
|
|
70
70
|
},
|
|
71
71
|
methods: {
|
|
72
|
-
has:
|
|
73
|
-
isNil:
|
|
74
|
-
truncate:
|
|
72
|
+
has: m,
|
|
73
|
+
isNil: w,
|
|
74
|
+
truncate: F,
|
|
75
75
|
selectForPreview() {
|
|
76
76
|
this.$emit("selectForPreview", this.getDistributionTitle(this.distribution));
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
|
-
},
|
|
80
|
-
function
|
|
81
|
-
const
|
|
82
|
-
return r(),
|
|
79
|
+
}, V = { class: "mb-3 d-flex flex-row flex-wrap flex-md-nowrap distributions__item" };
|
|
80
|
+
function A(u, s, i, T, N, e) {
|
|
81
|
+
const a = t("distribution-format"), d = t("distribution-details"), l = t("distribution-added"), c = t("distribution-actions"), b = t("fading-distribution-overlay");
|
|
82
|
+
return r(), x("div", {
|
|
83
83
|
class: "position-relative",
|
|
84
|
-
onClick: s[0] || (s[0] = (...
|
|
84
|
+
onClick: s[0] || (s[0] = (...D) => e.selectForPreview && e.selectForPreview(...D))
|
|
85
85
|
}, [
|
|
86
|
-
|
|
87
|
-
|
|
86
|
+
C("div", V, [
|
|
87
|
+
o(a, {
|
|
88
88
|
distribution: i.distribution,
|
|
89
89
|
getDistributionFormat: i.getDistributionFormat,
|
|
90
90
|
distributionFormatTruncated: i.distributionFormatTruncated,
|
|
91
91
|
embed: i.embed
|
|
92
92
|
}, null, 8, ["distribution", "getDistributionFormat", "distributionFormatTruncated", "embed"]),
|
|
93
|
-
|
|
94
|
-
|
|
93
|
+
n(),
|
|
94
|
+
o(d, {
|
|
95
95
|
getDistributionTitle: i.getDistributionTitle,
|
|
96
96
|
distribution: i.distribution,
|
|
97
97
|
distributions: i.distributions,
|
|
@@ -112,10 +112,10 @@ function k(V, s, i, A, T, e) {
|
|
|
112
112
|
appendCurrentLocaleToURL: i.appendCurrentLocaleToURL,
|
|
113
113
|
toggleDistribution: i.toggleDistribution
|
|
114
114
|
}, null, 8, ["getDistributionTitle", "distribution", "distributions", "distributionDescriptionIsExpanded", "getDistributionDescription", "toggleDistributionDescription", "distributionDescriptionIsExpandable", "distributionVisibleContent", "distributionExpandedContent", "distributionIsExpanded", "showLicensingAssistant", "showLicence", "filterDateFormatEU", "showArray", "showNumber", "showObject", "showObjectArray", "appendCurrentLocaleToURL", "toggleDistribution"]),
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
115
|
+
n(),
|
|
116
|
+
o(l, { date: e.updatedDate }, null, 8, ["date"]),
|
|
117
|
+
n(),
|
|
118
|
+
o(c, {
|
|
119
119
|
distribution: i.distribution,
|
|
120
120
|
distributions: i.distributions,
|
|
121
121
|
isUrlInvalid: i.isUrlInvalid,
|
|
@@ -130,20 +130,22 @@ function k(V, s, i, A, T, e) {
|
|
|
130
130
|
trackGoto: i.trackGoto,
|
|
131
131
|
getDistributionFormat: i.getDistributionFormat,
|
|
132
132
|
replaceHttp: i.replaceHttp
|
|
133
|
-
}, null, 8, ["distribution", "distributions", "isUrlInvalid", "getVisualisationLink", "showTooltipVisualiseButton", "previewLinkCallback", "openIfValidUrl", "showDownloadDropdown", "getDownloadUrl", "showAccessUrls", "isOnlyOneUrl", "trackGoto", "getDistributionFormat", "replaceHttp"])
|
|
133
|
+
}, null, 8, ["distribution", "distributions", "isUrlInvalid", "getVisualisationLink", "showTooltipVisualiseButton", "previewLinkCallback", "openIfValidUrl", "showDownloadDropdown", "getDownloadUrl", "showAccessUrls", "isOnlyOneUrl", "trackGoto", "getDistributionFormat", "replaceHttp"]),
|
|
134
|
+
n(),
|
|
135
|
+
I(u.$slots, "additional-actions", {}, void 0, !0)
|
|
134
136
|
]),
|
|
135
|
-
|
|
136
|
-
i.fading ? (r(),
|
|
137
|
+
n(),
|
|
138
|
+
i.fading ? (r(), v(b, {
|
|
137
139
|
key: 0,
|
|
138
140
|
distributions: i.distributions,
|
|
139
141
|
setDistributionsDisplayCount: i.setDistributionsDisplayCount,
|
|
140
142
|
increaseNumDisplayedDistributions: i.increaseNumDisplayedDistributions,
|
|
141
143
|
nonOverflowingIncrementsForDistributions: i.nonOverflowingIncrementsForDistributions
|
|
142
|
-
}, null, 8, ["distributions", "setDistributionsDisplayCount", "increaseNumDisplayedDistributions", "nonOverflowingIncrementsForDistributions"])) :
|
|
144
|
+
}, null, 8, ["distributions", "setDistributionsDisplayCount", "increaseNumDisplayedDistributions", "nonOverflowingIncrementsForDistributions"])) : L("", !0)
|
|
143
145
|
]);
|
|
144
146
|
}
|
|
145
|
-
const
|
|
147
|
+
const W = /* @__PURE__ */ O(k, [["render", A], ["__scopeId", "data-v-b066a168"]]);
|
|
146
148
|
export {
|
|
147
|
-
|
|
149
|
+
W as default
|
|
148
150
|
};
|
|
149
151
|
//# sourceMappingURL=Distribution.vue.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Distribution.vue.mjs","sources":["../../../lib/datasetDetails/distributions/Distribution.vue"],"sourcesContent":["<template>\n <div class=\"position-relative\" @click=\"selectForPreview\">\n <div class=\"mb-3 d-flex flex-row flex-wrap flex-md-nowrap distributions__item\">\n <distribution-format\n :distribution=\"distribution\"\n :getDistributionFormat=\"getDistributionFormat\"\n :distributionFormatTruncated=\"distributionFormatTruncated\"\n :embed=\"embed\"\n />\n <distribution-details\n :getDistributionTitle=\"getDistributionTitle\"\n :distribution=\"distribution\"\n :distributions=\"distributions\"\n :distributionDescriptionIsExpanded=\"distributionDescriptionIsExpanded\"\n :getDistributionDescription=\"getDistributionDescription\"\n :toggleDistributionDescription=\"toggleDistributionDescription\"\n :distributionDescriptionIsExpandable=\"distributionDescriptionIsExpandable\"\n :distributionVisibleContent=\"distributionVisibleContent\"\n :distributionExpandedContent=\"distributionExpandedContent\"\n :distributionIsExpanded=\"distributionIsExpanded\"\n :showLicensingAssistant=\"showLicensingAssistant\"\n :showLicence=\"showLicence\"\n :filterDateFormatEU=\"filterDateFormatEU\"\n :showArray=\"showArray\"\n :showNumber=\"showNumber\"\n :showObject=\"showObject\"\n :showObjectArray=\"showObjectArray\"\n :appendCurrentLocaleToURL=\"appendCurrentLocaleToURL\"\n :toggleDistribution=\"toggleDistribution\"\n />\n <distribution-added\n :date=\"updatedDate\"\n />\n
|
|
1
|
+
{"version":3,"file":"Distribution.vue.mjs","sources":["../../../lib/datasetDetails/distributions/Distribution.vue"],"sourcesContent":["<template>\n <div class=\"position-relative\" @click=\"selectForPreview\">\n <div class=\"mb-3 d-flex flex-row flex-wrap flex-md-nowrap distributions__item\">\n <distribution-format\n :distribution=\"distribution\"\n :getDistributionFormat=\"getDistributionFormat\"\n :distributionFormatTruncated=\"distributionFormatTruncated\"\n :embed=\"embed\"\n />\n <distribution-details\n :getDistributionTitle=\"getDistributionTitle\"\n :distribution=\"distribution\"\n :distributions=\"distributions\"\n :distributionDescriptionIsExpanded=\"distributionDescriptionIsExpanded\"\n :getDistributionDescription=\"getDistributionDescription\"\n :toggleDistributionDescription=\"toggleDistributionDescription\"\n :distributionDescriptionIsExpandable=\"distributionDescriptionIsExpandable\"\n :distributionVisibleContent=\"distributionVisibleContent\"\n :distributionExpandedContent=\"distributionExpandedContent\"\n :distributionIsExpanded=\"distributionIsExpanded\"\n :showLicensingAssistant=\"showLicensingAssistant\"\n :showLicence=\"showLicence\"\n :filterDateFormatEU=\"filterDateFormatEU\"\n :showArray=\"showArray\"\n :showNumber=\"showNumber\"\n :showObject=\"showObject\"\n :showObjectArray=\"showObjectArray\"\n :appendCurrentLocaleToURL=\"appendCurrentLocaleToURL\"\n :toggleDistribution=\"toggleDistribution\"\n />\n <distribution-added\n :date=\"updatedDate\"\n />\n \n <distribution-actions\n :distribution=\"distribution\"\n :distributions=\"distributions\"\n :isUrlInvalid=\"isUrlInvalid\"\n :getVisualisationLink=\"getVisualisationLink\"\n :showTooltipVisualiseButton=\"showTooltipVisualiseButton\"\n :previewLinkCallback=\"previewLinkCallback\"\n :openIfValidUrl=\"openIfValidUrl\"\n :showDownloadDropdown=\"showDownloadDropdown\"\n :getDownloadUrl=\"getDownloadUrl\"\n :showAccessUrls=\"showAccessUrls\"\n :isOnlyOneUrl=\"isOnlyOneUrl\"\n :trackGoto=\"trackGoto\"\n :getDistributionFormat=\"getDistributionFormat\"\n :replaceHttp=\"replaceHttp\"\n />\n <slot name=\"additional-actions\"></slot>\n \n \n </div>\n <fading-distribution-overlay\n v-if=\"fading\"\n :distributions=\"distributions\"\n :setDistributionsDisplayCount=\"setDistributionsDisplayCount\"\n :increaseNumDisplayedDistributions=\"increaseNumDisplayedDistributions\"\n :nonOverflowingIncrementsForDistributions=\"nonOverflowingIncrementsForDistributions\"\n />\n </div>\n</template>\n\n<script>\nimport {\n has,\n isNil\n} from 'lodash';\nimport { truncate } from '../../utils/helpers';\nimport DistributionExpand from \"./distributionDetails/DistributionExpand\";\nimport DistributionVisibleContent\n from \"./distributionDetails/DistributionVisibleContent\";\nimport DistributionExpandedContent\n from \"./distributionDetails/DistributionExpandedContent\";\nimport DistributionDescription\n from \"./distributionDetails/DistributionDescription\";\nimport DistributionFormat from \"./DistributionFormat\";\nimport FadingDistributionOverlay\n from \"./FadingDistributionOverlay\";\nimport DistributionActions from \"./distributionActions/DistributionActions\";\nimport DistributionAdded from \"./DistributionAdded\";\n\nexport default {\n name: 'Distribution',\n components: {\n DistributionAdded,\n DistributionActions,\n FadingDistributionOverlay,\n DistributionFormat,\n DistributionDescription,\n DistributionExpandedContent,\n DistributionVisibleContent,\n DistributionExpand\n },\n props: {\n fading: Boolean,\n distribution: Object,\n distributions: Object,\n setDistributionsDisplayCount: Function,\n openModal: Function,\n getDistributionFormat: Function,\n distributionFormatTruncated: Function,\n getDistributionTitle: Function,\n distributionVisibleContent: Array,\n distributionExpandedContent: Array,\n distributionDescriptionIsExpanded: Function,\n distributionDescriptionIsExpandable: Function,\n getDistributionDescription: Function,\n distributionIsExpanded: Function,\n showObject: Function,\n showNumber: Function,\n showDownloadDropdown: Function,\n showLicence: Function,\n showLicensingAssistant: Function,\n filterDateFormatEU: Function,\n showArray: Function,\n showObjectArray: Function,\n getVisualisationLink: Function,\n isOnlyOneUrl: Function,\n getDownloadUrl: Function,\n trackGoto: Function,\n showAccessUrls: Function,\n replaceHttp: Function,\n previewLinkCallback: Function,\n toggleDistribution: Function,\n toggleDistributionDescription: Function,\n increaseNumDisplayedDistributions: Function,\n nonOverflowingIncrementsForDistributions: Function,\n isUrlInvalid: Function,\n openIfValidUrl: Function,\n showTooltipVisualiseButton: Function,\n appendCurrentLocaleToURL: Function,\n embed: Boolean,\n },\n computed: {\n updatedDate() {\n if (this.has(this.distribution, 'modificationDate') && !this.isNil(this.distribution.modificationDate)) {\n return this.filterDateFormatEU(this.distribution.modificationDate);\n } else {\n return this.filterDateFormatEU(this.distribution.releaseDate);\n }\n }\n },\n methods: {\n has,\n isNil,\n truncate,\n selectForPreview(){\n this.$emit('selectForPreview', this.getDistributionTitle(this.distribution))\n }\n }\n};\n</script>\n\n\n<style lang=\"scss\" scoped>\n\n.text-break {\n word-break: break-word;\n}\n\ntd {\n padding-left: 0 !important;\n padding-top: 1% !important;\n padding-bottom: 1% !important;\n}\n\n/*** BOOTSTRAP ***/\nbutton:focus {\n outline:0;\n}\n.options, .download {\n .dropdown-menu {\n .dropdown-item {\n &:hover {\n color: initial;\n background-color: initial;\n }\n }\n }\n}\n\n.material-icons.small-icon {\n font-size: 20px;\n}\n\n.distributions__item {\n //position: relative;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n\n</style>\n"],"names":["_sfc_main","DistributionAdded","DistributionActions","FadingDistributionOverlay","DistributionFormat","DistributionDescription","DistributionExpandedContent","DistributionVisibleContent","DistributionExpand","has","isNil","truncate","_hoisted_1","_createElementBlock","$options","args","_createElementVNode","_createVNode","_component_distribution_format","$props","_createTextVNode","_component_distribution_details","_component_distribution_added","_component_distribution_actions","_renderSlot","_ctx","_createBlock","_component_fading_distribution_overlay","_createCommentVNode"],"mappings":"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"}
|