@1024pix/epreuves-components 1.5.0 → 1.5.1
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/components/pix-carousel.ce.js.js +86 -90
- package/dist/schema.js +0 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { d as L, k as x, c as
|
|
2
|
-
import { a as F, i as
|
|
3
|
-
import { B
|
|
1
|
+
import { d as L, k as x, c as s, o as n, D as M, f as l, E as T, L as D, A as z, t as v, _ as h, r as C, K as I, G as u, y as m, x as R, J as V, M as w, F as S, a as k, b as A, e as P } from "../_plugin-vue_export-helper-BGEtPlxS.js";
|
|
2
|
+
import { a as F, i as N, b as G } from "../i18n-D3E2CT0o.js";
|
|
3
|
+
import { B, N as j } from "../NavigationButton.ce-BUeEdL4x.js";
|
|
4
4
|
import { u as _, a as O } from "../normalize-props-AlmAfi_u.js";
|
|
5
5
|
const W = {
|
|
6
6
|
"pix-carousel": { license: "Image license", next: "Next", of: "{{ currentSlide }} of {{ slideLength }}", previous: "Previous", slide: "Slide", title: "Carousel" }
|
|
@@ -8,11 +8,11 @@ const W = {
|
|
|
8
8
|
"pix-carousel": { license: "Licencia de imagen", next: "Siguiente", of: "{{ currentSlide }} de {{ slideLength }}", previous: "Anterior", slide: "Diapositiva", title: "Carrusel" }
|
|
9
9
|
}, K = {
|
|
10
10
|
"pix-carousel": { license: "Licence de l’image", of: "{{ currentSlide }} sur {{ slideLength }}", next: "Suivant", previous: "Précédent", slide: "Diapositive", title: "Carrousel" }
|
|
11
|
-
},
|
|
11
|
+
}, Y = {
|
|
12
12
|
"pix-carousel": { license: "Licenza d'immagine", next: "Avanti", of: "{{ currentSlide }} di {{ slideLength }}", previous: "Precedente", slide: "Diapositiva", title: "Galleria" }
|
|
13
|
-
},
|
|
13
|
+
}, q = {
|
|
14
14
|
"pix-carousel": { license: "Afbeeldingslicentie", next: "Volgende", of: "{{ currentSlide }} van {{ slideLength }}", previous: "Vorige", slide: "Dia", title: "Carrousel" }
|
|
15
|
-
},
|
|
15
|
+
}, Q = ["aria-level"], U = ["innerHTML"], X = {
|
|
16
16
|
key: 1,
|
|
17
17
|
class: "description"
|
|
18
18
|
}, ee = /* @__PURE__ */ L({
|
|
@@ -26,97 +26,95 @@ const W = {
|
|
|
26
26
|
setup(e) {
|
|
27
27
|
const i = x(() => {
|
|
28
28
|
if (!e.description) return !1;
|
|
29
|
-
const
|
|
30
|
-
if (!
|
|
31
|
-
const t = new RegExp(
|
|
29
|
+
const a = [...e.description.matchAll(/<(\w+)[^>]*>/gm)];
|
|
30
|
+
if (!a.length) return !1;
|
|
31
|
+
const t = new RegExp(`</?${a[0][1]}/?>`, "gm");
|
|
32
32
|
return e.description.match(t);
|
|
33
33
|
});
|
|
34
|
-
return (
|
|
35
|
-
class:
|
|
34
|
+
return (a, t) => (n(), s("div", {
|
|
35
|
+
class: M(["slide-info", { active: e.isActive }])
|
|
36
36
|
}, [
|
|
37
|
-
|
|
37
|
+
l("div", {
|
|
38
38
|
role: "heading",
|
|
39
39
|
"aria-level": e.titleLevel,
|
|
40
40
|
class: "title"
|
|
41
41
|
}, [
|
|
42
|
-
D(
|
|
43
|
-
z(" " +
|
|
44
|
-
], 8,
|
|
45
|
-
i.value ? (n(),
|
|
42
|
+
D(a.$slots, "pagination"),
|
|
43
|
+
z(" " + v(e.title), 1)
|
|
44
|
+
], 8, Q),
|
|
45
|
+
i.value ? (n(), s("div", {
|
|
46
46
|
key: 0,
|
|
47
47
|
class: "description",
|
|
48
48
|
innerHTML: e.description
|
|
49
|
-
}, null, 8,
|
|
49
|
+
}, null, 8, U)) : e.description ? (n(), s("p", X, v(e.description), 1)) : T("", !0)
|
|
50
50
|
], 2));
|
|
51
51
|
}
|
|
52
|
-
}), ie = ".slide-info{transform:translate(100vw);grid-column:1;grid-row:1;height:fit-content;border-left:1px solid transparent;padding-left:16px;padding-top:4px}.slide-info p{margin-top:8px;margin-bottom:0}.slide-info.active{border-left-color:gray;transform:translate(0)}.slide-info .title{
|
|
52
|
+
}), ie = ".slide-info{transform:translate(100vw);grid-column:1;grid-row:1;height:fit-content;border-left:1px solid transparent;padding-left:16px;padding-top:4px}.slide-info p{margin-top:8px;margin-bottom:0}.slide-info.active{border-left-color:gray;transform:translate(0)}.slide-info .title{font-size:1.25rem;font-family:Nunito,sans-serif;font-style:normal;font-weight:700;line-height:1.75rem;min-height:24px}.slide-info .description{font-size:.875rem}.slide-info .description ul li,.slide-info .description ol li{margin-left:1rem}@media only screen and (max-width:576px){.slide-info.active{border:none;padding-left:0}}", E = /* @__PURE__ */ h(ee, [["styles", [ie]]]), te = ["aria-hidden", "aria-roledescription", "aria-label"], ne = {
|
|
53
|
+
key: 0,
|
|
54
|
+
class: "image-container"
|
|
55
|
+
}, se = ["alt", "src"], le = {
|
|
53
56
|
key: 0,
|
|
54
57
|
class: "license"
|
|
55
|
-
},
|
|
58
|
+
}, ae = ["href"], oe = {
|
|
56
59
|
key: 1,
|
|
57
60
|
class: "text-image-container"
|
|
58
|
-
},
|
|
61
|
+
}, re = ["alt", "src", "height"], de = ["innerHTML"], ce = ["innerHTML"], ue = /* @__PURE__ */ L({
|
|
59
62
|
__name: "Slide.ce",
|
|
60
63
|
props: {
|
|
61
64
|
slide: { type: Object },
|
|
62
65
|
isActive: { type: Boolean },
|
|
63
66
|
titleLevel: { type: Number },
|
|
64
|
-
aspectRatio: { type: Number },
|
|
65
67
|
label: { type: String },
|
|
66
68
|
direction: { type: Number },
|
|
67
69
|
type: { type: String },
|
|
68
70
|
disableAnimation: { type: Boolean }
|
|
69
71
|
},
|
|
70
72
|
setup(e) {
|
|
71
|
-
const i = window.matchMedia("(prefers-reduced-motion: reduce)"),
|
|
73
|
+
const i = window.matchMedia("(prefers-reduced-motion: reduce)"), a = e.disableAnimation ?? i.matches, t = C(e.isActive ? "on" : "off");
|
|
72
74
|
I(() => e.isActive, (f) => {
|
|
73
|
-
f ? (t.value =
|
|
75
|
+
f ? (t.value = a ? "on" : "initStart", window.setTimeout(() => {
|
|
74
76
|
t.value === "initStart" && (t.value = "on");
|
|
75
|
-
}, 20)) : (t.value =
|
|
77
|
+
}, 20)) : (t.value = a ? "off" : "initEnd", window.setTimeout(() => {
|
|
76
78
|
t.value === "initEnd" && (t.value = "off");
|
|
77
79
|
}, 800));
|
|
78
80
|
});
|
|
79
81
|
const r = x(() => e.direction === 1);
|
|
80
|
-
return (f, y) => (n(),
|
|
82
|
+
return (f, y) => (n(), s("div", {
|
|
81
83
|
role: "group",
|
|
82
|
-
class:
|
|
84
|
+
class: M(["slide", { active: e.isActive, [t.value]: t.value, "is-next": r.value, "disable-animation": u(a) }]),
|
|
83
85
|
"aria-hidden": !e.isActive,
|
|
84
86
|
"aria-roledescription": f.$t("pix-carousel.slide"),
|
|
85
87
|
"aria-label": e.label
|
|
86
88
|
}, [
|
|
87
|
-
e.type === "image" ? (n(),
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
style: S(`aspect-ratio: ${e.aspectRatio}`)
|
|
91
|
-
}, [
|
|
92
|
-
s("img", {
|
|
93
|
-
style: S(`max-width: ${e.slide.displayWidth}px`),
|
|
89
|
+
e.type === "image" ? (n(), s("div", ne, [
|
|
90
|
+
l("img", {
|
|
91
|
+
style: R(`max-width: ${e.slide.displayWidth}px`),
|
|
94
92
|
alt: e.slide.image.alt,
|
|
95
93
|
src: e.slide.image.src
|
|
96
|
-
}, null, 12,
|
|
97
|
-
e.slide.license ? (n(),
|
|
98
|
-
z(
|
|
99
|
-
|
|
94
|
+
}, null, 12, se),
|
|
95
|
+
e.slide.license ? (n(), s("p", le, [
|
|
96
|
+
z(v(e.slide.license.attribution) + " / ", 1),
|
|
97
|
+
l("a", {
|
|
100
98
|
href: e.slide.license.url,
|
|
101
99
|
target: "_blank"
|
|
102
|
-
},
|
|
103
|
-
])) :
|
|
104
|
-
]
|
|
105
|
-
|
|
100
|
+
}, v(e.slide.license.name), 9, ae)
|
|
101
|
+
])) : T("", !0)
|
|
102
|
+
])) : e.type === "image-text" ? (n(), s("div", oe, [
|
|
103
|
+
l("img", {
|
|
106
104
|
alt: e.slide.image.alt,
|
|
107
105
|
src: e.slide.image.src,
|
|
108
106
|
height: e.slide.displayHeight
|
|
109
|
-
}, null, 8,
|
|
110
|
-
|
|
107
|
+
}, null, 8, re),
|
|
108
|
+
l("div", {
|
|
111
109
|
innerHTML: e.slide.text,
|
|
112
110
|
class: "text-container"
|
|
113
|
-
}, null, 8,
|
|
114
|
-
])) : (n(),
|
|
111
|
+
}, null, 8, de)
|
|
112
|
+
])) : (n(), s("div", {
|
|
115
113
|
key: 2,
|
|
116
114
|
innerHTML: e.slide.text,
|
|
117
115
|
class: "text-container"
|
|
118
|
-
}, null, 8,
|
|
119
|
-
m(
|
|
116
|
+
}, null, 8, ce)),
|
|
117
|
+
m(E, {
|
|
120
118
|
description: e.slide.description,
|
|
121
119
|
title: e.slide.title,
|
|
122
120
|
"is-active": e.isActive,
|
|
@@ -125,7 +123,7 @@ const W = {
|
|
|
125
123
|
}, null, 8, ["description", "title", "is-active", "title-level"])
|
|
126
124
|
], 10, te));
|
|
127
125
|
}
|
|
128
|
-
}),
|
|
126
|
+
}), pe = ".slide{transition:transform ease-in-out .8s;height:100%}.slide.off,.slide.initStart{transition:none;transform:translate(100vw)}.slide.initStart.is-next,.slide.initEnd{transform:translate(-100vw)}.slide.initEnd.is-next{transform:translate(100vw)}.slide.on{transform:translate(0)}.slide.disable-animation{transition:none}.image-container{position:relative;display:flex;justify-content:center;align-items:center;margin:auto;max-width:890px;border-radius:8px}.image-container--is-not-image{justify-content:left}.image-container img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0px 8px 12px rgba(0,0,0,.2));border-radius:16px}.license{position:absolute;font-size:.8rem;bottom:0;margin:0;padding:2px 8px;max-width:50%;border-top-left-radius:8px;border-top-right-radius:8px;text-align:center;background:#ffffffe6}.text-container{margin:auto;width:fit-content}.text-image-container{display:flex;gap:12px;padding:0 16px}@media only screen and (max-width:576px){.license{font-size:.5rem}.image-container img{border-radius:8px;width:95%}.text-image-container{padding:16px}}@media(prefers-reduced-motion:reduce){.slide{transition:none}}", me = /* @__PURE__ */ h(ue, [["styles", [pe]]]), fe = {}, ve = {
|
|
129
127
|
width: "25",
|
|
130
128
|
height: "24",
|
|
131
129
|
viewBox: "0 0 25 24",
|
|
@@ -133,29 +131,29 @@ const W = {
|
|
|
133
131
|
xmlns: "http://www.w3.org/2000/svg"
|
|
134
132
|
};
|
|
135
133
|
function ge(e, i) {
|
|
136
|
-
return n(),
|
|
137
|
-
|
|
134
|
+
return n(), s("svg", ve, [...i[0] || (i[0] = [
|
|
135
|
+
l("path", {
|
|
138
136
|
d: "M11.6579 11.9996L15.4624 15.8039C15.6735 16.0152 15.7791 16.2804 15.7791 16.5996C15.7791 16.9188 15.6735 17.184 15.4624 17.3954C15.251 17.6065 14.9858 17.7121 14.6666 17.7121C14.3474 17.7121 14.0822 17.6065 13.8709 17.3954L9.27685 12.8014C9.16502 12.6894 9.08327 12.565 9.0316 12.4284C8.97994 12.2919 8.9541 12.1489 8.9541 11.9996C8.9541 11.8503 8.97994 11.7074 9.0316 11.5709C9.08327 11.4342 9.16502 11.3099 9.27685 11.1979L13.8709 6.60386C14.0822 6.39269 14.3474 6.28711 14.6666 6.28711C14.9858 6.28711 15.251 6.39269 15.4624 6.60386C15.6735 6.81519 15.7791 7.08044 15.7791 7.39961C15.7791 7.71878 15.6735 7.98403 15.4624 8.19536L11.6579 11.9996Z",
|
|
139
137
|
fill: "inherit"
|
|
140
138
|
}, null, -1)
|
|
141
139
|
])]);
|
|
142
140
|
}
|
|
143
|
-
const
|
|
141
|
+
const xe = /* @__PURE__ */ h(fe, [["render", ge]]), he = {}, be = {
|
|
144
142
|
width: "25",
|
|
145
143
|
height: "24",
|
|
146
144
|
viewBox: "0 0 25 24",
|
|
147
145
|
fill: "inherit",
|
|
148
146
|
xmlns: "http://www.w3.org/2000/svg"
|
|
149
147
|
};
|
|
150
|
-
function
|
|
151
|
-
return n(),
|
|
152
|
-
|
|
148
|
+
function ye(e, i) {
|
|
149
|
+
return n(), s("svg", be, [...i[0] || (i[0] = [
|
|
150
|
+
l("path", {
|
|
153
151
|
d: "M13.0754 11.9996L9.27085 8.19536C9.05969 7.98403 8.9541 7.71878 8.9541 7.39961C8.9541 7.08044 9.05969 6.81519 9.27085 6.60386C9.48219 6.39269 9.74743 6.28711 10.0666 6.28711C10.3858 6.28711 10.651 6.39269 10.8624 6.60386L15.4564 11.1979C15.5682 11.3099 15.6499 11.4342 15.7016 11.5709C15.7533 11.7074 15.7791 11.8503 15.7791 11.9996C15.7791 12.1489 15.7533 12.2919 15.7016 12.4284C15.6499 12.565 15.5682 12.6894 15.4564 12.8014L10.8624 17.3954C10.651 17.6065 10.3858 17.7121 10.0666 17.7121C9.74743 17.7121 9.48219 17.6065 9.27085 17.3954C9.05969 17.184 8.9541 16.9188 8.9541 16.5996C8.9541 16.2804 9.05969 16.0152 9.27085 15.8039L13.0754 11.9996Z",
|
|
154
152
|
fill: "inherit"
|
|
155
153
|
}, null, -1)
|
|
156
154
|
])]);
|
|
157
155
|
}
|
|
158
|
-
const
|
|
156
|
+
const we = /* @__PURE__ */ h(he, [["render", ye]]), _e = ["aria-roledescription"], Ce = ["id"], Le = { class: "footer" }, $e = { class: "control" }, Se = { class: "slide-info-container" }, ke = { class: "pagination" }, Ae = /* @__PURE__ */ L({
|
|
159
157
|
__name: "Carousel.ce",
|
|
160
158
|
props: {
|
|
161
159
|
randomSlides: { type: Boolean },
|
|
@@ -163,104 +161,102 @@ const ye = /* @__PURE__ */ h(xe, [["render", be]]), we = ["aria-roledescription"
|
|
|
163
161
|
slides: { type: Array },
|
|
164
162
|
titleLevel: { type: Number },
|
|
165
163
|
disableAnimation: { type: Boolean },
|
|
166
|
-
disableLoop: { type: Boolean }
|
|
167
|
-
aspectRatio: { type: Number }
|
|
164
|
+
disableLoop: { type: Boolean }
|
|
168
165
|
},
|
|
169
166
|
setup(e) {
|
|
170
|
-
const i = e,
|
|
167
|
+
const i = e, a = i.titleLevel ?? 2, t = x(() => i.randomSlides ? [...i.slides].sort(() => Math.round(Math.random()) === 0 ? -1 : 1) : i.slides), r = C(0), f = C(1), y = x(() => i.disableLoop && r.value === 0), $ = x(() => i.disableLoop && r.value === i.slides.length - 1);
|
|
171
168
|
function b(o) {
|
|
172
169
|
f.value = o, r.value = (r.value - o + i.slides.length) % i.slides.length;
|
|
173
170
|
}
|
|
174
|
-
const
|
|
175
|
-
return (o, d) => (n(),
|
|
171
|
+
const g = V();
|
|
172
|
+
return (o, d) => (n(), s("section", {
|
|
176
173
|
"aria-roledescription": o.$t("pix-carousel.title")
|
|
177
174
|
}, [
|
|
178
|
-
|
|
175
|
+
l("div", {
|
|
179
176
|
"aria-live": "polite",
|
|
180
177
|
class: "slides",
|
|
181
|
-
id: u(
|
|
178
|
+
id: u(g)
|
|
182
179
|
}, [
|
|
183
|
-
m(
|
|
180
|
+
m(B, {
|
|
184
181
|
class: "carousel__nav previous",
|
|
185
182
|
disabled: y.value,
|
|
186
|
-
"aria-controls": u(
|
|
183
|
+
"aria-controls": u(g),
|
|
187
184
|
onClick: d[0] || (d[0] = (c) => b(1)),
|
|
188
185
|
label: o.$t("pix-carousel.previous"),
|
|
189
186
|
"tooltip-position": "right"
|
|
190
187
|
}, {
|
|
191
188
|
default: w(() => [
|
|
192
|
-
m(
|
|
189
|
+
m(xe, { "aria-hidden": "true" })
|
|
193
190
|
]),
|
|
194
191
|
_: 1
|
|
195
192
|
}, 8, ["disabled", "aria-controls", "label"]),
|
|
196
|
-
(n(!0),
|
|
193
|
+
(n(!0), s(S, null, k(t.value, (c, p) => (n(), A(me, {
|
|
197
194
|
key: p,
|
|
198
195
|
slide: c,
|
|
199
196
|
direction: f.value,
|
|
200
197
|
label: o.$t("pix-carousel.of", { currentSlide: p + 1, slideLength: t.value.length }),
|
|
201
198
|
"is-active": r.value === p,
|
|
202
|
-
"title-level": u(
|
|
203
|
-
"aspect-ratio": e.aspectRatio,
|
|
199
|
+
"title-level": u(a),
|
|
204
200
|
type: e.type,
|
|
205
201
|
"disable-animation": e.disableAnimation
|
|
206
|
-
}, null, 8, ["slide", "direction", "label", "is-active", "title-level", "
|
|
207
|
-
m(
|
|
202
|
+
}, null, 8, ["slide", "direction", "label", "is-active", "title-level", "type", "disable-animation"]))), 128)),
|
|
203
|
+
m(B, {
|
|
208
204
|
class: "carousel__nav next",
|
|
209
205
|
disabled: $.value,
|
|
210
|
-
"aria-controls": u(
|
|
206
|
+
"aria-controls": u(g),
|
|
211
207
|
onClick: d[1] || (d[1] = (c) => b(-1)),
|
|
212
208
|
label: o.$t("pix-carousel.next"),
|
|
213
209
|
"tooltip-position": "left"
|
|
214
210
|
}, {
|
|
215
211
|
default: w(() => [
|
|
216
|
-
m(
|
|
212
|
+
m(we, { "aria-hidden": "true" })
|
|
217
213
|
]),
|
|
218
214
|
_: 1
|
|
219
215
|
}, 8, ["disabled", "aria-controls", "label"])
|
|
220
|
-
], 8,
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
m(
|
|
216
|
+
], 8, Ce),
|
|
217
|
+
l("div", Le, [
|
|
218
|
+
l("div", $e, [
|
|
219
|
+
m(j, {
|
|
224
220
|
onClick: d[2] || (d[2] = (c) => b(1)),
|
|
225
221
|
label: o.$t("pix-carousel.previous"),
|
|
226
|
-
"aria-controls": u(
|
|
222
|
+
"aria-controls": u(g),
|
|
227
223
|
direction: "previous",
|
|
228
224
|
disabled: y.value
|
|
229
225
|
}, null, 8, ["label", "aria-controls", "disabled"]),
|
|
230
|
-
m(
|
|
226
|
+
m(j, {
|
|
231
227
|
onClick: d[3] || (d[3] = (c) => b(-1)),
|
|
232
228
|
label: o.$t("pix-carousel.next"),
|
|
233
|
-
"aria-controls": u(
|
|
229
|
+
"aria-controls": u(g),
|
|
234
230
|
direction: "next",
|
|
235
231
|
disabled: $.value
|
|
236
232
|
}, null, 8, ["label", "aria-controls", "disabled"])
|
|
237
233
|
]),
|
|
238
|
-
|
|
239
|
-
(n(!0),
|
|
234
|
+
l("div", Se, [
|
|
235
|
+
(n(!0), s(S, null, k(t.value, (c, p) => (n(), A(E, {
|
|
240
236
|
key: p,
|
|
241
237
|
description: c.description,
|
|
242
238
|
title: c.title,
|
|
243
|
-
"title-level": u(
|
|
239
|
+
"title-level": u(a),
|
|
244
240
|
"is-active": r.value === p,
|
|
245
241
|
"aria-hidden": "true"
|
|
246
242
|
}, {
|
|
247
243
|
pagination: w(() => [
|
|
248
|
-
|
|
244
|
+
l("span", ke, v(p + 1) + " / " + v(t.value.length), 1)
|
|
249
245
|
]),
|
|
250
246
|
_: 2
|
|
251
247
|
}, 1032, ["description", "title", "title-level", "is-active"]))), 128))
|
|
252
248
|
])
|
|
253
249
|
])
|
|
254
|
-
], 8,
|
|
250
|
+
], 8, _e));
|
|
255
251
|
}
|
|
256
|
-
}),
|
|
257
|
-
F(/* @__PURE__ */ Object.assign({ "./locales/en.json": W, "./locales/es-419.json": Z, "./locales/es.json": J, "./locales/fr.json": K, "./locales/it.json":
|
|
258
|
-
const
|
|
252
|
+
}), Ne = "*{--pix-neutral-0: white;--pix-neutral-100: #cdd1d9;--pix-neutral-800: #253858;--pix-primary-100: #cec3f4;--pix-primary-300: #957ee8;--pix-primary-700: #452d9d;--pix-primary-900: #291a5d;font-family:Roboto,sans-serif;color:var(--pix-neutral-800)}section{display:flex;flex-direction:column;gap:12px;overflow:hidden;padding-top:12px}section .slides{display:grid;grid-template-columns:32px auto 32px;gap:16px;width:100%}section .slides .slide{align-items:center;display:flex;grid-row:1;grid-column:2}section .slides .carousel__nav{height:80%;margin:auto 0;background:var(--pix-primary-100);fill:var(--pix-neutral-800);border:none;cursor:pointer;z-index:9;padding:0}section .slides .carousel__nav:hover{background:var(--pix-primary-300);fill:var(--pix-neutral-0)}section .slides .carousel__nav:active,section .slides .carousel__nav:focus,section .slides .carousel__nav:focus-visible{background:var(--pix-primary-700);fill:var(--pix-neutral-0)}section .slides .carousel__nav:focus,section .slides .carousel__nav:focus-visible{outline-offset:-4px;outline:1px solid var(--pix-neutral-0)}section .slides .carousel__nav.previous{border-top-right-radius:1rem;border-bottom-right-radius:1rem}section .slides .carousel__nav.next{border-top-left-radius:1rem;border-bottom-left-radius:1rem}section .slides .carousel__nav.disabled,section .slides .carousel__nav.disabled:hover{background:transparent;cursor:not-allowed;fill:var(--pix-neutral-100)}.footer{padding:16px 56px;display:flex;align-items:start;gap:16px}.footer .footer-separator{border-left:1px solid;width:1px}.footer .control{display:flex;gap:8px;align-items:center}.footer .tooltip-container button.disabled{fill:var(--pix-neutral-100)}.footer .slide-info-container{display:grid;grid-template-columns:1fr}.footer .slide-info-container .pagination{display:inline-flex;align-items:center;font-size:.75rem;font-family:Roboto,sans-serif;font-weight:400;color:var(--pix-primary-900);border-radius:50px;padding:3px 12px;background-color:var(--pix-primary-100);height:18px;text-wrap:nowrap;transform:translateY(-.25rem)}.footer .info{display:grid;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media only screen and (max-width:576px){section .slides{grid-template-columns:0 100% 0;gap:0}section .slides .carousel__nav{display:none}.footer{flex-direction:column;padding:16px}.footer .footer-separator{display:none}}", Be = /* @__PURE__ */ h(Ae, [["styles", [Ne]]]);
|
|
253
|
+
F(/* @__PURE__ */ Object.assign({ "./locales/en.json": W, "./locales/es-419.json": Z, "./locales/es.json": J, "./locales/fr.json": K, "./locales/it.json": Y, "./locales/nl.json": q })).catch((e) => console.error(e));
|
|
254
|
+
const H = P(Be, {
|
|
259
255
|
configureApp(e) {
|
|
260
|
-
|
|
256
|
+
N.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(G, { i18next: N });
|
|
261
257
|
}
|
|
262
258
|
});
|
|
263
|
-
|
|
259
|
+
H.prototype.normalizeProps = (e) => ({
|
|
264
260
|
...e,
|
|
265
261
|
titleLevel: _(e.titleLevel),
|
|
266
262
|
slides: e.slides.map((i) => ({
|
|
@@ -270,4 +266,4 @@ R.prototype.normalizeProps = (e) => ({
|
|
|
270
266
|
license: O(i.license)
|
|
271
267
|
}))
|
|
272
268
|
});
|
|
273
|
-
window.customElements.define("pix-carousel",
|
|
269
|
+
window.customElements.define("pix-carousel", H);
|
package/dist/schema.js
CHANGED
|
@@ -141,7 +141,6 @@ const o = e.object({
|
|
|
141
141
|
{ is: "text", then: e.array().items(p) }
|
|
142
142
|
]
|
|
143
143
|
}).required(),
|
|
144
|
-
aspectRatio: e.number().min(0).required(),
|
|
145
144
|
randomSlides: e.boolean().required(),
|
|
146
145
|
titleLevel: e.number().integer().optional(),
|
|
147
146
|
disableAnimation: e.boolean().required(),
|