@florid-kit/components 0.10.9 → 0.10.10
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/index.js +76 -71
- package/index.mjs +367 -362
- package/package.json +1 -1
package/index.mjs
CHANGED
|
@@ -5,16 +5,16 @@
|
|
|
5
5
|
*/
|
|
6
6
|
const Lt = globalThis, qt = Lt.ShadowRoot && (Lt.ShadyCSS === void 0 || Lt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Zt = Symbol(), le = /* @__PURE__ */ new WeakMap();
|
|
7
7
|
let xe = class {
|
|
8
|
-
constructor(t, e,
|
|
9
|
-
if (this._$cssResult$ = !0,
|
|
8
|
+
constructor(t, e, r) {
|
|
9
|
+
if (this._$cssResult$ = !0, r !== Zt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
10
10
|
this.cssText = t, this.t = e;
|
|
11
11
|
}
|
|
12
12
|
get styleSheet() {
|
|
13
13
|
let t = this.o;
|
|
14
14
|
const e = this.t;
|
|
15
15
|
if (qt && t === void 0) {
|
|
16
|
-
const
|
|
17
|
-
|
|
16
|
+
const r = e !== void 0 && e.length === 1;
|
|
17
|
+
r && (t = le.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && le.set(e, t));
|
|
18
18
|
}
|
|
19
19
|
return t;
|
|
20
20
|
}
|
|
@@ -23,21 +23,21 @@ let xe = class {
|
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
const Ae = (o) => new xe(typeof o == "string" ? o : o + "", void 0, Zt), f = (o, ...t) => {
|
|
26
|
-
const e = o.length === 1 ? o[0] : t.reduce((
|
|
26
|
+
const e = o.length === 1 ? o[0] : t.reduce((r, i, n) => r + ((s) => {
|
|
27
27
|
if (s._$cssResult$ === !0) return s.cssText;
|
|
28
28
|
if (typeof s == "number") return s;
|
|
29
29
|
throw Error("Value passed to 'css' function must be a 'css' function result: " + s + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
|
|
30
|
-
})(i) + o[
|
|
30
|
+
})(i) + o[n + 1], o[0]);
|
|
31
31
|
return new xe(e, o, Zt);
|
|
32
32
|
}, Le = (o, t) => {
|
|
33
33
|
if (qt) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
|
|
34
34
|
else for (const e of t) {
|
|
35
|
-
const
|
|
36
|
-
i !== void 0 &&
|
|
35
|
+
const r = document.createElement("style"), i = Lt.litNonce;
|
|
36
|
+
i !== void 0 && r.setAttribute("nonce", i), r.textContent = e.cssText, o.appendChild(r);
|
|
37
37
|
}
|
|
38
38
|
}, ce = qt ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
|
|
39
39
|
let e = "";
|
|
40
|
-
for (const
|
|
40
|
+
for (const r of t.cssRules) e += r.cssText;
|
|
41
41
|
return Ae(e);
|
|
42
42
|
})(o) : o;
|
|
43
43
|
/**
|
|
@@ -84,19 +84,19 @@ let ct = class extends HTMLElement {
|
|
|
84
84
|
}
|
|
85
85
|
static createProperty(t, e = de) {
|
|
86
86
|
if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
|
|
87
|
-
const
|
|
87
|
+
const r = Symbol(), i = this.getPropertyDescriptor(t, r, e);
|
|
88
88
|
i !== void 0 && Be(this.prototype, t, i);
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
|
-
static getPropertyDescriptor(t, e,
|
|
92
|
-
const { get: i, set:
|
|
91
|
+
static getPropertyDescriptor(t, e, r) {
|
|
92
|
+
const { get: i, set: n } = ze(this.prototype, t) ?? { get() {
|
|
93
93
|
return this[e];
|
|
94
94
|
}, set(s) {
|
|
95
95
|
this[e] = s;
|
|
96
96
|
} };
|
|
97
97
|
return { get: i, set(s) {
|
|
98
98
|
const c = i == null ? void 0 : i.call(this);
|
|
99
|
-
|
|
99
|
+
n == null || n.call(this, s), this.requestUpdate(t, c, r);
|
|
100
100
|
}, configurable: !0, enumerable: !0 };
|
|
101
101
|
}
|
|
102
102
|
static getPropertyOptions(t) {
|
|
@@ -110,17 +110,17 @@ let ct = class extends HTMLElement {
|
|
|
110
110
|
static finalize() {
|
|
111
111
|
if (this.hasOwnProperty(vt("finalized"))) return;
|
|
112
112
|
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(vt("properties"))) {
|
|
113
|
-
const e = this.properties,
|
|
114
|
-
for (const i of
|
|
113
|
+
const e = this.properties, r = [...Oe(e), ...Ie(e)];
|
|
114
|
+
for (const i of r) this.createProperty(i, e[i]);
|
|
115
115
|
}
|
|
116
116
|
const t = this[Symbol.metadata];
|
|
117
117
|
if (t !== null) {
|
|
118
118
|
const e = litPropertyMetadata.get(t);
|
|
119
|
-
if (e !== void 0) for (const [
|
|
119
|
+
if (e !== void 0) for (const [r, i] of e) this.elementProperties.set(r, i);
|
|
120
120
|
}
|
|
121
121
|
this._$Eh = /* @__PURE__ */ new Map();
|
|
122
|
-
for (const [e,
|
|
123
|
-
const i = this._$Eu(e,
|
|
122
|
+
for (const [e, r] of this.elementProperties) {
|
|
123
|
+
const i = this._$Eu(e, r);
|
|
124
124
|
i !== void 0 && this._$Eh.set(i, e);
|
|
125
125
|
}
|
|
126
126
|
this.elementStyles = this.finalizeStyles(this.styles);
|
|
@@ -128,14 +128,14 @@ let ct = class extends HTMLElement {
|
|
|
128
128
|
static finalizeStyles(t) {
|
|
129
129
|
const e = [];
|
|
130
130
|
if (Array.isArray(t)) {
|
|
131
|
-
const
|
|
132
|
-
for (const i of
|
|
131
|
+
const r = new Set(t.flat(1 / 0).reverse());
|
|
132
|
+
for (const i of r) e.unshift(ce(i));
|
|
133
133
|
} else t !== void 0 && e.push(ce(t));
|
|
134
134
|
return e;
|
|
135
135
|
}
|
|
136
136
|
static _$Eu(t, e) {
|
|
137
|
-
const
|
|
138
|
-
return
|
|
137
|
+
const r = e.attribute;
|
|
138
|
+
return r === !1 ? void 0 : typeof r == "string" ? r : typeof t == "string" ? t.toLowerCase() : void 0;
|
|
139
139
|
}
|
|
140
140
|
constructor() {
|
|
141
141
|
super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
|
|
@@ -154,7 +154,7 @@ let ct = class extends HTMLElement {
|
|
|
154
154
|
}
|
|
155
155
|
_$E_() {
|
|
156
156
|
const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
|
|
157
|
-
for (const
|
|
157
|
+
for (const r of e.keys()) this.hasOwnProperty(r) && (t.set(r, this[r]), delete this[r]);
|
|
158
158
|
t.size > 0 && (this._$Ep = t);
|
|
159
159
|
}
|
|
160
160
|
createRenderRoot() {
|
|
@@ -164,8 +164,8 @@ let ct = class extends HTMLElement {
|
|
|
164
164
|
connectedCallback() {
|
|
165
165
|
var t;
|
|
166
166
|
this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
|
|
167
|
-
var
|
|
168
|
-
return (
|
|
167
|
+
var r;
|
|
168
|
+
return (r = e.hostConnected) == null ? void 0 : r.call(e);
|
|
169
169
|
});
|
|
170
170
|
}
|
|
171
171
|
enableUpdating(t) {
|
|
@@ -173,40 +173,40 @@ let ct = class extends HTMLElement {
|
|
|
173
173
|
disconnectedCallback() {
|
|
174
174
|
var t;
|
|
175
175
|
(t = this._$EO) == null || t.forEach((e) => {
|
|
176
|
-
var
|
|
177
|
-
return (
|
|
176
|
+
var r;
|
|
177
|
+
return (r = e.hostDisconnected) == null ? void 0 : r.call(e);
|
|
178
178
|
});
|
|
179
179
|
}
|
|
180
|
-
attributeChangedCallback(t, e,
|
|
181
|
-
this._$AK(t,
|
|
180
|
+
attributeChangedCallback(t, e, r) {
|
|
181
|
+
this._$AK(t, r);
|
|
182
182
|
}
|
|
183
183
|
_$ET(t, e) {
|
|
184
|
-
var
|
|
185
|
-
const
|
|
186
|
-
if (i !== void 0 &&
|
|
187
|
-
const s = (((
|
|
184
|
+
var n;
|
|
185
|
+
const r = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, r);
|
|
186
|
+
if (i !== void 0 && r.reflect === !0) {
|
|
187
|
+
const s = (((n = r.converter) == null ? void 0 : n.toAttribute) !== void 0 ? r.converter : Pt).toAttribute(e, r.type);
|
|
188
188
|
this._$Em = t, s == null ? this.removeAttribute(i) : this.setAttribute(i, s), this._$Em = null;
|
|
189
189
|
}
|
|
190
190
|
}
|
|
191
191
|
_$AK(t, e) {
|
|
192
|
-
var
|
|
193
|
-
const
|
|
192
|
+
var n, s;
|
|
193
|
+
const r = this.constructor, i = r._$Eh.get(t);
|
|
194
194
|
if (i !== void 0 && this._$Em !== i) {
|
|
195
|
-
const c =
|
|
195
|
+
const c = r.getPropertyOptions(i), h = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((n = c.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? c.converter : Pt;
|
|
196
196
|
this._$Em = i, this[i] = h.fromAttribute(e, c.type) ?? ((s = this._$Ej) == null ? void 0 : s.get(i)) ?? null, this._$Em = null;
|
|
197
197
|
}
|
|
198
198
|
}
|
|
199
|
-
requestUpdate(t, e,
|
|
199
|
+
requestUpdate(t, e, r) {
|
|
200
200
|
var i;
|
|
201
201
|
if (t !== void 0) {
|
|
202
|
-
const
|
|
203
|
-
if (
|
|
204
|
-
this.C(t, e,
|
|
202
|
+
const n = this.constructor, s = this[t];
|
|
203
|
+
if (r ?? (r = n.getPropertyOptions(t)), !((r.hasChanged ?? Kt)(s, e) || r.useDefault && r.reflect && s === ((i = this._$Ej) == null ? void 0 : i.get(t)) && !this.hasAttribute(n._$Eu(t, r)))) return;
|
|
204
|
+
this.C(t, e, r);
|
|
205
205
|
}
|
|
206
206
|
this.isUpdatePending === !1 && (this._$ES = this._$EP());
|
|
207
207
|
}
|
|
208
|
-
C(t, e, { useDefault:
|
|
209
|
-
|
|
208
|
+
C(t, e, { useDefault: r, reflect: i, wrapped: n }, s) {
|
|
209
|
+
r && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, s ?? e ?? this[t]), n !== !0 || s !== void 0) || (this._$AL.has(t) || (this.hasUpdated || r || (e = void 0), this._$AL.set(t, e)), i === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
|
|
210
210
|
}
|
|
211
211
|
async _$EP() {
|
|
212
212
|
this.isUpdatePending = !0;
|
|
@@ -222,25 +222,25 @@ let ct = class extends HTMLElement {
|
|
|
222
222
|
return this.performUpdate();
|
|
223
223
|
}
|
|
224
224
|
performUpdate() {
|
|
225
|
-
var
|
|
225
|
+
var r;
|
|
226
226
|
if (!this.isUpdatePending) return;
|
|
227
227
|
if (!this.hasUpdated) {
|
|
228
228
|
if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
|
|
229
|
-
for (const [
|
|
229
|
+
for (const [n, s] of this._$Ep) this[n] = s;
|
|
230
230
|
this._$Ep = void 0;
|
|
231
231
|
}
|
|
232
232
|
const i = this.constructor.elementProperties;
|
|
233
|
-
if (i.size > 0) for (const [
|
|
234
|
-
const { wrapped: c } = s, h = this[
|
|
235
|
-
c !== !0 || this._$AL.has(
|
|
233
|
+
if (i.size > 0) for (const [n, s] of i) {
|
|
234
|
+
const { wrapped: c } = s, h = this[n];
|
|
235
|
+
c !== !0 || this._$AL.has(n) || h === void 0 || this.C(n, void 0, s, h);
|
|
236
236
|
}
|
|
237
237
|
}
|
|
238
238
|
let t = !1;
|
|
239
239
|
const e = this._$AL;
|
|
240
240
|
try {
|
|
241
|
-
t = this.shouldUpdate(e), t ? (this.willUpdate(e), (
|
|
242
|
-
var
|
|
243
|
-
return (
|
|
241
|
+
t = this.shouldUpdate(e), t ? (this.willUpdate(e), (r = this._$EO) == null || r.forEach((i) => {
|
|
242
|
+
var n;
|
|
243
|
+
return (n = i.hostUpdate) == null ? void 0 : n.call(i);
|
|
244
244
|
}), this.update(e)) : this._$EM();
|
|
245
245
|
} catch (i) {
|
|
246
246
|
throw t = !1, this._$EM(), i;
|
|
@@ -251,9 +251,9 @@ let ct = class extends HTMLElement {
|
|
|
251
251
|
}
|
|
252
252
|
_$AE(t) {
|
|
253
253
|
var e;
|
|
254
|
-
(e = this._$EO) == null || e.forEach((
|
|
254
|
+
(e = this._$EO) == null || e.forEach((r) => {
|
|
255
255
|
var i;
|
|
256
|
-
return (i =
|
|
256
|
+
return (i = r.hostUpdated) == null ? void 0 : i.call(r);
|
|
257
257
|
}), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
|
|
258
258
|
}
|
|
259
259
|
_$EM() {
|
|
@@ -284,66 +284,66 @@ ct.elementStyles = [], ct.shadowRootOptions = { mode: "open" }, ct[vt("elementPr
|
|
|
284
284
|
*/
|
|
285
285
|
const gt = globalThis, Bt = gt.trustedTypes, pe = Bt ? Bt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, we = "$lit$", J = `lit$${Math.random().toFixed(9).slice(2)}$`, $e = "?" + J, Te = `<${$e}>`, st = document, yt = () => st.createComment(""), mt = (o) => o === null || typeof o != "object" && typeof o != "function", Wt = Array.isArray, Me = (o) => Wt(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", Tt = `[
|
|
286
286
|
\f\r]`, ft = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ue = /-->/g, fe = />/g, it = RegExp(`>|${Tt}(?:([^\\s"'>=/]+)(${Tt}*=${Tt}*(?:[^
|
|
287
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), ve = /'/g, ge = /"/g, ke = /^(?:script|style|textarea|title)$/i, je = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = je(1), tt = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), be = /* @__PURE__ */ new WeakMap(),
|
|
287
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), ve = /'/g, ge = /"/g, ke = /^(?:script|style|textarea|title)$/i, je = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = je(1), tt = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), be = /* @__PURE__ */ new WeakMap(), rt = st.createTreeWalker(st, 129);
|
|
288
288
|
function _e(o, t) {
|
|
289
289
|
if (!Wt(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
290
290
|
return pe !== void 0 ? pe.createHTML(t) : t;
|
|
291
291
|
}
|
|
292
292
|
const Fe = (o, t) => {
|
|
293
|
-
const e = o.length - 1,
|
|
294
|
-
let i,
|
|
293
|
+
const e = o.length - 1, r = [];
|
|
294
|
+
let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = ft;
|
|
295
295
|
for (let c = 0; c < e; c++) {
|
|
296
296
|
const h = o[c];
|
|
297
297
|
let w, _, v = -1, q = 0;
|
|
298
298
|
for (; q < h.length && (s.lastIndex = q, _ = s.exec(h), _ !== null); ) q = s.lastIndex, s === ft ? _[1] === "!--" ? s = ue : _[1] !== void 0 ? s = fe : _[2] !== void 0 ? (ke.test(_[2]) && (i = RegExp("</" + _[2], "g")), s = it) : _[3] !== void 0 && (s = it) : s === it ? _[0] === ">" ? (s = i ?? ft, v = -1) : _[1] === void 0 ? v = -2 : (v = s.lastIndex - _[2].length, w = _[1], s = _[3] === void 0 ? it : _[3] === '"' ? ge : ve) : s === ge || s === ve ? s = it : s === ue || s === fe ? s = ft : (s = it, i = void 0);
|
|
299
299
|
const Y = s === it && o[c + 1].startsWith("/>") ? " " : "";
|
|
300
|
-
|
|
300
|
+
n += s === ft ? h + Te : v >= 0 ? (r.push(w), h.slice(0, v) + we + h.slice(v) + J + Y) : h + J + (v === -2 ? c : Y);
|
|
301
301
|
}
|
|
302
|
-
return [_e(o,
|
|
302
|
+
return [_e(o, n + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
|
|
303
303
|
};
|
|
304
304
|
class xt {
|
|
305
|
-
constructor({ strings: t, _$litType$: e },
|
|
305
|
+
constructor({ strings: t, _$litType$: e }, r) {
|
|
306
306
|
let i;
|
|
307
307
|
this.parts = [];
|
|
308
|
-
let
|
|
308
|
+
let n = 0, s = 0;
|
|
309
309
|
const c = t.length - 1, h = this.parts, [w, _] = Fe(t, e);
|
|
310
|
-
if (this.el = xt.createElement(w,
|
|
310
|
+
if (this.el = xt.createElement(w, r), rt.currentNode = this.el.content, e === 2 || e === 3) {
|
|
311
311
|
const v = this.el.content.firstChild;
|
|
312
312
|
v.replaceWith(...v.childNodes);
|
|
313
313
|
}
|
|
314
|
-
for (; (i =
|
|
314
|
+
for (; (i = rt.nextNode()) !== null && h.length < c; ) {
|
|
315
315
|
if (i.nodeType === 1) {
|
|
316
316
|
if (i.hasAttributes()) for (const v of i.getAttributeNames()) if (v.endsWith(we)) {
|
|
317
317
|
const q = _[s++], Y = i.getAttribute(v).split(J), At = /([.?@])?(.*)/.exec(q);
|
|
318
|
-
h.push({ type: 1, index:
|
|
319
|
-
} else v.startsWith(J) && (h.push({ type: 6, index:
|
|
318
|
+
h.push({ type: 1, index: n, name: At[2], strings: Y, ctor: At[1] === "." ? Ue : At[1] === "?" ? Ne : At[1] === "@" ? Ve : Ot }), i.removeAttribute(v);
|
|
319
|
+
} else v.startsWith(J) && (h.push({ type: 6, index: n }), i.removeAttribute(v));
|
|
320
320
|
if (ke.test(i.tagName)) {
|
|
321
321
|
const v = i.textContent.split(J), q = v.length - 1;
|
|
322
322
|
if (q > 0) {
|
|
323
323
|
i.textContent = Bt ? Bt.emptyScript : "";
|
|
324
|
-
for (let Y = 0; Y < q; Y++) i.append(v[Y], yt()),
|
|
324
|
+
for (let Y = 0; Y < q; Y++) i.append(v[Y], yt()), rt.nextNode(), h.push({ type: 2, index: ++n });
|
|
325
325
|
i.append(v[q], yt());
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
|
-
} else if (i.nodeType === 8) if (i.data === $e) h.push({ type: 2, index:
|
|
328
|
+
} else if (i.nodeType === 8) if (i.data === $e) h.push({ type: 2, index: n });
|
|
329
329
|
else {
|
|
330
330
|
let v = -1;
|
|
331
|
-
for (; (v = i.data.indexOf(J, v + 1)) !== -1; ) h.push({ type: 7, index:
|
|
331
|
+
for (; (v = i.data.indexOf(J, v + 1)) !== -1; ) h.push({ type: 7, index: n }), v += J.length - 1;
|
|
332
332
|
}
|
|
333
|
-
|
|
333
|
+
n++;
|
|
334
334
|
}
|
|
335
335
|
}
|
|
336
336
|
static createElement(t, e) {
|
|
337
|
-
const
|
|
338
|
-
return
|
|
337
|
+
const r = st.createElement("template");
|
|
338
|
+
return r.innerHTML = t, r;
|
|
339
339
|
}
|
|
340
340
|
}
|
|
341
|
-
function ht(o, t, e = o,
|
|
341
|
+
function ht(o, t, e = o, r) {
|
|
342
342
|
var s, c;
|
|
343
343
|
if (t === tt) return t;
|
|
344
|
-
let i =
|
|
345
|
-
const
|
|
346
|
-
return (i == null ? void 0 : i.constructor) !==
|
|
344
|
+
let i = r !== void 0 ? (s = e._$Co) == null ? void 0 : s[r] : e._$Cl;
|
|
345
|
+
const n = mt(t) ? void 0 : t._$litDirective$;
|
|
346
|
+
return (i == null ? void 0 : i.constructor) !== n && ((c = i == null ? void 0 : i._$AO) == null || c.call(i, !1), n === void 0 ? i = void 0 : (i = new n(o), i._$AT(o, e, r)), r !== void 0 ? (e._$Co ?? (e._$Co = []))[r] = i : e._$Cl = i), i !== void 0 && (t = ht(o, i._$AS(o, t.values), i, r)), t;
|
|
347
347
|
}
|
|
348
348
|
class Re {
|
|
349
349
|
constructor(t, e) {
|
|
@@ -356,21 +356,21 @@ class Re {
|
|
|
356
356
|
return this._$AM._$AU;
|
|
357
357
|
}
|
|
358
358
|
u(t) {
|
|
359
|
-
const { el: { content: e }, parts:
|
|
360
|
-
|
|
361
|
-
let
|
|
359
|
+
const { el: { content: e }, parts: r } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? st).importNode(e, !0);
|
|
360
|
+
rt.currentNode = i;
|
|
361
|
+
let n = rt.nextNode(), s = 0, c = 0, h = r[0];
|
|
362
362
|
for (; h !== void 0; ) {
|
|
363
363
|
if (s === h.index) {
|
|
364
364
|
let w;
|
|
365
|
-
h.type === 2 ? w = new Et(
|
|
365
|
+
h.type === 2 ? w = new Et(n, n.nextSibling, this, t) : h.type === 1 ? w = new h.ctor(n, h.name, h.strings, this, t) : h.type === 6 && (w = new qe(n, this, t)), this._$AV.push(w), h = r[++c];
|
|
366
366
|
}
|
|
367
|
-
s !== (h == null ? void 0 : h.index) && (
|
|
367
|
+
s !== (h == null ? void 0 : h.index) && (n = rt.nextNode(), s++);
|
|
368
368
|
}
|
|
369
|
-
return
|
|
369
|
+
return rt.currentNode = st, i;
|
|
370
370
|
}
|
|
371
371
|
p(t) {
|
|
372
372
|
let e = 0;
|
|
373
|
-
for (const
|
|
373
|
+
for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(t, r, e), e += r.strings.length - 2) : r._$AI(t[e])), e++;
|
|
374
374
|
}
|
|
375
375
|
}
|
|
376
376
|
class Et {
|
|
@@ -378,8 +378,8 @@ class Et {
|
|
|
378
378
|
var t;
|
|
379
379
|
return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
|
|
380
380
|
}
|
|
381
|
-
constructor(t, e,
|
|
382
|
-
this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM =
|
|
381
|
+
constructor(t, e, r, i) {
|
|
382
|
+
this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = r, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
|
|
383
383
|
}
|
|
384
384
|
get parentNode() {
|
|
385
385
|
let t = this._$AA.parentNode;
|
|
@@ -405,9 +405,9 @@ class Et {
|
|
|
405
405
|
this._$AH !== d && mt(this._$AH) ? this._$AA.nextSibling.data = t : this.T(st.createTextNode(t)), this._$AH = t;
|
|
406
406
|
}
|
|
407
407
|
$(t) {
|
|
408
|
-
var
|
|
409
|
-
const { values: e, _$litType$:
|
|
410
|
-
if (((
|
|
408
|
+
var n;
|
|
409
|
+
const { values: e, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = xt.createElement(_e(r.h, r.h[0]), this.options)), r);
|
|
410
|
+
if (((n = this._$AH) == null ? void 0 : n._$AD) === i) this._$AH.p(e);
|
|
411
411
|
else {
|
|
412
412
|
const s = new Re(i, this), c = s.u(this.options);
|
|
413
413
|
s.p(e), this.T(c), this._$AH = s;
|
|
@@ -420,13 +420,13 @@ class Et {
|
|
|
420
420
|
k(t) {
|
|
421
421
|
Wt(this._$AH) || (this._$AH = [], this._$AR());
|
|
422
422
|
const e = this._$AH;
|
|
423
|
-
let
|
|
424
|
-
for (const
|
|
425
|
-
i < e.length && (this._$AR(
|
|
423
|
+
let r, i = 0;
|
|
424
|
+
for (const n of t) i === e.length ? e.push(r = new Et(this.O(yt()), this.O(yt()), this, this.options)) : r = e[i], r._$AI(n), i++;
|
|
425
|
+
i < e.length && (this._$AR(r && r._$AB.nextSibling, i), e.length = i);
|
|
426
426
|
}
|
|
427
427
|
_$AR(t = this._$AA.nextSibling, e) {
|
|
428
|
-
var
|
|
429
|
-
for ((
|
|
428
|
+
var r;
|
|
429
|
+
for ((r = this._$AP) == null ? void 0 : r.call(this, !1, !0, e); t && t !== this._$AB; ) {
|
|
430
430
|
const i = t.nextSibling;
|
|
431
431
|
t.remove(), t = i;
|
|
432
432
|
}
|
|
@@ -443,17 +443,17 @@ class Ot {
|
|
|
443
443
|
get _$AU() {
|
|
444
444
|
return this._$AM._$AU;
|
|
445
445
|
}
|
|
446
|
-
constructor(t, e,
|
|
447
|
-
this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options =
|
|
446
|
+
constructor(t, e, r, i, n) {
|
|
447
|
+
this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = n, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = d;
|
|
448
448
|
}
|
|
449
|
-
_$AI(t, e = this,
|
|
450
|
-
const
|
|
449
|
+
_$AI(t, e = this, r, i) {
|
|
450
|
+
const n = this.strings;
|
|
451
451
|
let s = !1;
|
|
452
|
-
if (
|
|
452
|
+
if (n === void 0) t = ht(this, t, e, 0), s = !mt(t) || t !== this._$AH && t !== tt, s && (this._$AH = t);
|
|
453
453
|
else {
|
|
454
454
|
const c = t;
|
|
455
455
|
let h, w;
|
|
456
|
-
for (t =
|
|
456
|
+
for (t = n[0], h = 0; h < n.length - 1; h++) w = ht(this, c[r + h], e, h), w === tt && (w = this._$AH[h]), s || (s = !mt(w) || w !== this._$AH[h]), w === d ? t = d : t !== d && (t += (w ?? "") + n[h + 1]), this._$AH[h] = w;
|
|
457
457
|
}
|
|
458
458
|
s && !i && this.j(t);
|
|
459
459
|
}
|
|
@@ -478,13 +478,13 @@ class Ne extends Ot {
|
|
|
478
478
|
}
|
|
479
479
|
}
|
|
480
480
|
class Ve extends Ot {
|
|
481
|
-
constructor(t, e,
|
|
482
|
-
super(t, e,
|
|
481
|
+
constructor(t, e, r, i, n) {
|
|
482
|
+
super(t, e, r, i, n), this.type = 5;
|
|
483
483
|
}
|
|
484
484
|
_$AI(t, e = this) {
|
|
485
485
|
if ((t = ht(this, t, e, 0) ?? d) === tt) return;
|
|
486
|
-
const
|
|
487
|
-
i && this.element.removeEventListener(this.name, this,
|
|
486
|
+
const r = this._$AH, i = t === d && r !== d || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, n = t !== d && (r === d || i);
|
|
487
|
+
i && this.element.removeEventListener(this.name, this, r), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
|
|
488
488
|
}
|
|
489
489
|
handleEvent(t) {
|
|
490
490
|
var e;
|
|
@@ -492,8 +492,8 @@ class Ve extends Ot {
|
|
|
492
492
|
}
|
|
493
493
|
}
|
|
494
494
|
class qe {
|
|
495
|
-
constructor(t, e,
|
|
496
|
-
this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options =
|
|
495
|
+
constructor(t, e, r) {
|
|
496
|
+
this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = r;
|
|
497
497
|
}
|
|
498
498
|
get _$AU() {
|
|
499
499
|
return this._$AM._$AU;
|
|
@@ -505,11 +505,11 @@ class qe {
|
|
|
505
505
|
const Mt = gt.litHtmlPolyfillSupport;
|
|
506
506
|
Mt == null || Mt(xt, Et), (gt.litHtmlVersions ?? (gt.litHtmlVersions = [])).push("3.3.0");
|
|
507
507
|
const Ze = (o, t, e) => {
|
|
508
|
-
const
|
|
509
|
-
let i =
|
|
508
|
+
const r = (e == null ? void 0 : e.renderBefore) ?? t;
|
|
509
|
+
let i = r._$litPart$;
|
|
510
510
|
if (i === void 0) {
|
|
511
|
-
const
|
|
512
|
-
|
|
511
|
+
const n = (e == null ? void 0 : e.renderBefore) ?? null;
|
|
512
|
+
r._$litPart$ = i = new Et(t.insertBefore(yt(), n), n, void 0, e ?? {});
|
|
513
513
|
}
|
|
514
514
|
return i._$AI(o), i;
|
|
515
515
|
};
|
|
@@ -518,7 +518,7 @@ const Ze = (o, t, e) => {
|
|
|
518
518
|
* Copyright 2017 Google LLC
|
|
519
519
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
520
520
|
*/
|
|
521
|
-
const
|
|
521
|
+
const nt = globalThis;
|
|
522
522
|
let p = class extends ct {
|
|
523
523
|
constructor() {
|
|
524
524
|
super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
|
|
@@ -545,10 +545,10 @@ let p = class extends ct {
|
|
|
545
545
|
}
|
|
546
546
|
};
|
|
547
547
|
var me;
|
|
548
|
-
p._$litElement$ = !0, p.finalized = !0, (me =
|
|
549
|
-
const jt =
|
|
548
|
+
p._$litElement$ = !0, p.finalized = !0, (me = nt.litElementHydrateSupport) == null || me.call(nt, { LitElement: p });
|
|
549
|
+
const jt = nt.litElementPolyfillSupport;
|
|
550
550
|
jt == null || jt({ LitElement: p });
|
|
551
|
-
(
|
|
551
|
+
(nt.litElementVersions ?? (nt.litElementVersions = [])).push("4.2.0");
|
|
552
552
|
/**
|
|
553
553
|
* @license
|
|
554
554
|
* Copyright 2017 Google LLC
|
|
@@ -565,9 +565,9 @@ const g = (o) => (t, e) => {
|
|
|
565
565
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
566
566
|
*/
|
|
567
567
|
const Ke = { attribute: !0, type: String, converter: Pt, reflect: !1, hasChanged: Kt }, We = (o = Ke, t, e) => {
|
|
568
|
-
const { kind:
|
|
569
|
-
let
|
|
570
|
-
if (
|
|
568
|
+
const { kind: r, metadata: i } = e;
|
|
569
|
+
let n = globalThis.litPropertyMetadata.get(i);
|
|
570
|
+
if (n === void 0 && globalThis.litPropertyMetadata.set(i, n = /* @__PURE__ */ new Map()), r === "setter" && ((o = Object.create(o)).wrapped = !0), n.set(e.name, o), r === "accessor") {
|
|
571
571
|
const { name: s } = e;
|
|
572
572
|
return { set(c) {
|
|
573
573
|
const h = t.get.call(this);
|
|
@@ -576,19 +576,19 @@ const Ke = { attribute: !0, type: String, converter: Pt, reflect: !1, hasChanged
|
|
|
576
576
|
return c !== void 0 && this.C(s, void 0, o, c), c;
|
|
577
577
|
} };
|
|
578
578
|
}
|
|
579
|
-
if (
|
|
579
|
+
if (r === "setter") {
|
|
580
580
|
const { name: s } = e;
|
|
581
581
|
return function(c) {
|
|
582
582
|
const h = this[s];
|
|
583
583
|
t.call(this, c), this.requestUpdate(s, h, o);
|
|
584
584
|
};
|
|
585
585
|
}
|
|
586
|
-
throw Error("Unsupported decorator location: " +
|
|
586
|
+
throw Error("Unsupported decorator location: " + r);
|
|
587
587
|
};
|
|
588
588
|
function a(o) {
|
|
589
|
-
return (t, e) => typeof e == "object" ? We(o, t, e) : ((
|
|
590
|
-
const s = i.hasOwnProperty(
|
|
591
|
-
return i.constructor.createProperty(
|
|
589
|
+
return (t, e) => typeof e == "object" ? We(o, t, e) : ((r, i, n) => {
|
|
590
|
+
const s = i.hasOwnProperty(n);
|
|
591
|
+
return i.constructor.createProperty(n, r), s ? Object.getOwnPropertyDescriptor(i, n) : void 0;
|
|
592
592
|
})(o, t, e);
|
|
593
593
|
}
|
|
594
594
|
/**
|
|
@@ -611,13 +611,13 @@ const Ge = (o, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorat
|
|
|
611
611
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
612
612
|
*/
|
|
613
613
|
function Ce(o, t) {
|
|
614
|
-
return (e,
|
|
615
|
-
const
|
|
614
|
+
return (e, r, i) => {
|
|
615
|
+
const n = (s) => {
|
|
616
616
|
var c;
|
|
617
617
|
return ((c = s.renderRoot) == null ? void 0 : c.querySelector(o)) ?? null;
|
|
618
618
|
};
|
|
619
|
-
return Ge(e,
|
|
620
|
-
return
|
|
619
|
+
return Ge(e, r, { get() {
|
|
620
|
+
return n(this);
|
|
621
621
|
} });
|
|
622
622
|
};
|
|
623
623
|
}
|
|
@@ -653,11 +653,11 @@ function Xt(o) {
|
|
|
653
653
|
function Xe(o) {
|
|
654
654
|
o.addInitializer((t) => {
|
|
655
655
|
const e = t;
|
|
656
|
-
e.addEventListener("click", async (
|
|
657
|
-
const { type: i, [Gt]:
|
|
656
|
+
e.addEventListener("click", async (r) => {
|
|
657
|
+
const { type: i, [Gt]: n } = e, { form: s } = n;
|
|
658
658
|
if (!(!s || i === "button") && (await new Promise((c) => {
|
|
659
659
|
setTimeout(c);
|
|
660
|
-
}), !
|
|
660
|
+
}), !r.defaultPrevented)) {
|
|
661
661
|
if (i === "reset") {
|
|
662
662
|
s.reset();
|
|
663
663
|
return;
|
|
@@ -672,7 +672,7 @@ function Xe(o) {
|
|
|
672
672
|
});
|
|
673
673
|
},
|
|
674
674
|
{ capture: !0, once: !0 }
|
|
675
|
-
),
|
|
675
|
+
), n.setFormValue(e.value), s.requestSubmit();
|
|
676
676
|
}
|
|
677
677
|
});
|
|
678
678
|
});
|
|
@@ -698,10 +698,10 @@ const Ye = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
698
698
|
`, io = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
699
699
|
<path d="M15 6.39639H9.63446L8 1.4585L6.36554 6.39639H1L5.33977 9.4972L3.69404 14.4585L7.98873 11.3928L12.2834 14.4585L10.6377 9.4972L14.9775 6.39639H15ZM10.6715 12.2353L8.05636 10.3631V4.32528L9.03704 7.27398H12.2834L9.65701 9.14616L10.6715 12.2236V12.2353Z" fill="#3F2B2E"/>
|
|
700
700
|
</svg>
|
|
701
|
-
`,
|
|
701
|
+
`, ro = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
702
702
|
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L9.46538 12.4874L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM9.46538 11.4226V7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L9.46538 11.4226Z" fill="#3F2B2E"/>
|
|
703
703
|
</svg>
|
|
704
|
-
`,
|
|
704
|
+
`, no = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
705
705
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834Z" fill="#3F2B2E"/>
|
|
706
706
|
</svg>
|
|
707
707
|
`, so = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -788,8 +788,8 @@ const Ye = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
788
788
|
"star-0": eo,
|
|
789
789
|
"star-25": oo,
|
|
790
790
|
"star-50": io,
|
|
791
|
-
"star-75":
|
|
792
|
-
"star-100":
|
|
791
|
+
"star-75": ro,
|
|
792
|
+
"star-100": no,
|
|
793
793
|
cross: so,
|
|
794
794
|
search: ao,
|
|
795
795
|
arrowLeft: ho,
|
|
@@ -825,8 +825,8 @@ let Qt = class {
|
|
|
825
825
|
get _$AU() {
|
|
826
826
|
return this._$AM._$AU;
|
|
827
827
|
}
|
|
828
|
-
_$AT(t, e,
|
|
829
|
-
this._$Ct = t, this._$AM = e, this._$Ci =
|
|
828
|
+
_$AT(t, e, r) {
|
|
829
|
+
this._$Ct = t, this._$AM = e, this._$Ci = r;
|
|
830
830
|
}
|
|
831
831
|
_$AS(t, e) {
|
|
832
832
|
return this.update(t, e);
|
|
@@ -876,10 +876,10 @@ const Bo = (o) => o.strings === void 0;
|
|
|
876
876
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
877
877
|
*/
|
|
878
878
|
const bt = (o, t) => {
|
|
879
|
-
var
|
|
879
|
+
var r;
|
|
880
880
|
const e = o._$AN;
|
|
881
881
|
if (e === void 0) return !1;
|
|
882
|
-
for (const i of e) (
|
|
882
|
+
for (const i of e) (r = i._$AO) == null || r.call(i, t, !1), bt(i, t);
|
|
883
883
|
return !0;
|
|
884
884
|
}, zt = (o) => {
|
|
885
885
|
let t, e;
|
|
@@ -899,9 +899,9 @@ function zo(o) {
|
|
|
899
899
|
this._$AN !== void 0 ? (zt(this), this._$AM = o, Se(this)) : this._$AM = o;
|
|
900
900
|
}
|
|
901
901
|
function Oo(o, t = !1, e = 0) {
|
|
902
|
-
const
|
|
903
|
-
if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(
|
|
904
|
-
else
|
|
902
|
+
const r = this._$AH, i = this._$AN;
|
|
903
|
+
if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(r)) for (let n = e; n < r.length; n++) bt(r[n], !1), zt(r[n]);
|
|
904
|
+
else r != null && (bt(r, !1), zt(r));
|
|
905
905
|
else bt(this, o);
|
|
906
906
|
}
|
|
907
907
|
const Io = (o) => {
|
|
@@ -911,12 +911,12 @@ class Do extends Qt {
|
|
|
911
911
|
constructor() {
|
|
912
912
|
super(...arguments), this._$AN = void 0;
|
|
913
913
|
}
|
|
914
|
-
_$AT(t, e,
|
|
915
|
-
super._$AT(t, e,
|
|
914
|
+
_$AT(t, e, r) {
|
|
915
|
+
super._$AT(t, e, r), Se(this), this.isConnected = t._$AU;
|
|
916
916
|
}
|
|
917
917
|
_$AO(t, e = !0) {
|
|
918
|
-
var
|
|
919
|
-
t !== this.isConnected && (this.isConnected = t, t ? (
|
|
918
|
+
var r, i;
|
|
919
|
+
t !== this.isConnected && (this.isConnected = t, t ? (r = this.reconnected) == null || r.call(this) : (i = this.disconnected) == null || i.call(this)), e && (bt(this, t), zt(this));
|
|
920
920
|
}
|
|
921
921
|
setValue(t) {
|
|
922
922
|
if (Bo(this._$Ct)) this._$Ct._$AI(t, this);
|
|
@@ -938,23 +938,23 @@ class Ho extends Do {
|
|
|
938
938
|
return d;
|
|
939
939
|
}
|
|
940
940
|
update(t, [e]) {
|
|
941
|
-
var
|
|
942
|
-
this.element !== t.element && (this.element = t.element), this.host = ((
|
|
941
|
+
var r;
|
|
942
|
+
this.element !== t.element && (this.element = t.element), this.host = ((r = t.options) === null || r === void 0 ? void 0 : r.host) || this.element, this.apply(e), this.groom(e), this.prevData = { ...e };
|
|
943
943
|
}
|
|
944
944
|
apply(t) {
|
|
945
945
|
if (!t)
|
|
946
946
|
return;
|
|
947
|
-
const { prevData: e, element:
|
|
947
|
+
const { prevData: e, element: r } = this;
|
|
948
948
|
for (const i in t) {
|
|
949
|
-
const
|
|
950
|
-
|
|
949
|
+
const n = t[i];
|
|
950
|
+
n !== e[i] && (r[i] = n);
|
|
951
951
|
}
|
|
952
952
|
}
|
|
953
953
|
groom(t) {
|
|
954
|
-
const { prevData: e, element:
|
|
954
|
+
const { prevData: e, element: r } = this;
|
|
955
955
|
if (e)
|
|
956
956
|
for (const i in e)
|
|
957
|
-
(!t || !(i in t) &&
|
|
957
|
+
(!t || !(i in t) && r[i] === e[i]) && (r[i] = void 0);
|
|
958
958
|
}
|
|
959
959
|
}
|
|
960
960
|
class To extends Ho {
|
|
@@ -964,23 +964,23 @@ class To extends Ho {
|
|
|
964
964
|
apply(t) {
|
|
965
965
|
if (t)
|
|
966
966
|
for (const e in t) {
|
|
967
|
-
const
|
|
968
|
-
|
|
967
|
+
const r = t[e];
|
|
968
|
+
r !== this.eventData[e] && this.applyEvent(e, r);
|
|
969
969
|
}
|
|
970
970
|
}
|
|
971
971
|
applyEvent(t, e) {
|
|
972
|
-
const { prevData:
|
|
973
|
-
this.eventData[t] = e,
|
|
972
|
+
const { prevData: r, element: i } = this;
|
|
973
|
+
this.eventData[t] = e, r[t] && i.removeEventListener(t, this, e), i.addEventListener(t, this, e);
|
|
974
974
|
}
|
|
975
975
|
groom(t) {
|
|
976
|
-
const { prevData: e, element:
|
|
976
|
+
const { prevData: e, element: r } = this;
|
|
977
977
|
if (e)
|
|
978
978
|
for (const i in e)
|
|
979
|
-
(!t || !(i in t) &&
|
|
979
|
+
(!t || !(i in t) && r[i] === e[i]) && this.groomEvent(i, e[i]);
|
|
980
980
|
}
|
|
981
981
|
groomEvent(t, e) {
|
|
982
|
-
const { element:
|
|
983
|
-
delete this.eventData[t],
|
|
982
|
+
const { element: r } = this;
|
|
983
|
+
delete this.eventData[t], r.removeEventListener(t, this, e);
|
|
984
984
|
}
|
|
985
985
|
handleEvent(t) {
|
|
986
986
|
const e = this.eventData[t.type];
|
|
@@ -988,16 +988,16 @@ class To extends Ho {
|
|
|
988
988
|
}
|
|
989
989
|
disconnected() {
|
|
990
990
|
const { eventData: t, element: e } = this;
|
|
991
|
-
for (const
|
|
992
|
-
const i =
|
|
993
|
-
e.removeEventListener(i, this,
|
|
991
|
+
for (const r in t) {
|
|
992
|
+
const i = r.slice(1), n = t[r];
|
|
993
|
+
e.removeEventListener(i, this, n);
|
|
994
994
|
}
|
|
995
995
|
}
|
|
996
996
|
reconnected() {
|
|
997
997
|
const { eventData: t, element: e } = this;
|
|
998
|
-
for (const
|
|
999
|
-
const i =
|
|
1000
|
-
e.addEventListener(i, this,
|
|
998
|
+
for (const r in t) {
|
|
999
|
+
const i = r.slice(1), n = t[r];
|
|
1000
|
+
e.addEventListener(i, this, n);
|
|
1001
1001
|
}
|
|
1002
1002
|
}
|
|
1003
1003
|
}
|
|
@@ -1005,46 +1005,46 @@ class Mo extends To {
|
|
|
1005
1005
|
apply(t) {
|
|
1006
1006
|
if (!t)
|
|
1007
1007
|
return;
|
|
1008
|
-
const { prevData: e, element:
|
|
1008
|
+
const { prevData: e, element: r } = this;
|
|
1009
1009
|
for (const i in t) {
|
|
1010
|
-
const
|
|
1011
|
-
if (
|
|
1010
|
+
const n = t[i];
|
|
1011
|
+
if (n === e[i])
|
|
1012
1012
|
continue;
|
|
1013
1013
|
const s = i.slice(1);
|
|
1014
1014
|
switch (i[0]) {
|
|
1015
1015
|
case "@":
|
|
1016
|
-
this.eventData[s] =
|
|
1016
|
+
this.eventData[s] = n, this.applyEvent(s, n);
|
|
1017
1017
|
break;
|
|
1018
1018
|
case ".":
|
|
1019
|
-
|
|
1019
|
+
r[s] = n;
|
|
1020
1020
|
break;
|
|
1021
1021
|
case "?":
|
|
1022
|
-
|
|
1022
|
+
n ? r.setAttribute(s, "") : r.removeAttribute(s);
|
|
1023
1023
|
break;
|
|
1024
1024
|
default:
|
|
1025
|
-
|
|
1025
|
+
n != null ? r.setAttribute(i, String(n)) : r.removeAttribute(i);
|
|
1026
1026
|
break;
|
|
1027
1027
|
}
|
|
1028
1028
|
}
|
|
1029
1029
|
}
|
|
1030
1030
|
groom(t) {
|
|
1031
|
-
const { prevData: e, element:
|
|
1031
|
+
const { prevData: e, element: r } = this;
|
|
1032
1032
|
if (e)
|
|
1033
1033
|
for (const i in e) {
|
|
1034
|
-
const
|
|
1035
|
-
if (!t || !(i in t) && n
|
|
1034
|
+
const n = i.slice(1);
|
|
1035
|
+
if (!t || !(i in t) && r[n] === e[i])
|
|
1036
1036
|
switch (i[0]) {
|
|
1037
1037
|
case "@":
|
|
1038
|
-
this.groomEvent(
|
|
1038
|
+
this.groomEvent(n, e[i]);
|
|
1039
1039
|
break;
|
|
1040
1040
|
case ".":
|
|
1041
|
-
n
|
|
1041
|
+
r[n] = void 0;
|
|
1042
1042
|
break;
|
|
1043
1043
|
case "?":
|
|
1044
|
-
|
|
1044
|
+
r.removeAttribute(n);
|
|
1045
1045
|
break;
|
|
1046
1046
|
default:
|
|
1047
|
-
|
|
1047
|
+
r.removeAttribute(i);
|
|
1048
1048
|
break;
|
|
1049
1049
|
}
|
|
1050
1050
|
}
|
|
@@ -1057,10 +1057,10 @@ const ye = Jt(Mo);
|
|
|
1057
1057
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1058
1058
|
*/
|
|
1059
1059
|
const P = (o) => o ?? d;
|
|
1060
|
-
var jo = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, F = (o, t, e,
|
|
1061
|
-
for (var i =
|
|
1062
|
-
(s = o[
|
|
1063
|
-
return
|
|
1060
|
+
var jo = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, F = (o, t, e, r) => {
|
|
1061
|
+
for (var i = r > 1 ? void 0 : r ? Fo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
1062
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
1063
|
+
return r && i && jo(t, e, i), i;
|
|
1064
1064
|
};
|
|
1065
1065
|
let B = class extends p {
|
|
1066
1066
|
constructor() {
|
|
@@ -1070,7 +1070,7 @@ let B = class extends p {
|
|
|
1070
1070
|
super.updated(o), this.style.setProperty("--icon-stroke-width", this.strokewidth);
|
|
1071
1071
|
}
|
|
1072
1072
|
render() {
|
|
1073
|
-
const o = Z[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace("<svg", '<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g, '<path part="icon-path"').replace(/<g\b/g, '<g part="icon-group"').replace(/<circle\b/g, '<circle part="icon-circle"'),
|
|
1073
|
+
const o = Z[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace("<svg", '<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g, '<path part="icon-path"').replace(/<g\b/g, '<g part="icon-group"').replace(/<circle\b/g, '<circle part="icon-circle"'), r = this.showSrLabel ? l`<span class="sr-only">${this.srLabel}</span>` : null, i = this.showSrLabel ? null : "icon";
|
|
1074
1074
|
return l`
|
|
1075
1075
|
${this.type === "span" ? l`
|
|
1076
1076
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
@@ -1084,7 +1084,7 @@ let B = class extends p {
|
|
|
1084
1084
|
?disabled="${this.disabled}"
|
|
1085
1085
|
>
|
|
1086
1086
|
${S(e)}
|
|
1087
|
-
${
|
|
1087
|
+
${r}
|
|
1088
1088
|
</button>
|
|
1089
1089
|
`}
|
|
1090
1090
|
`;
|
|
@@ -1332,18 +1332,18 @@ F([
|
|
|
1332
1332
|
B = F([
|
|
1333
1333
|
g("o-icon-button")
|
|
1334
1334
|
], B);
|
|
1335
|
-
var Ro = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, b = (o, t, e,
|
|
1336
|
-
for (var i =
|
|
1337
|
-
(s = o[
|
|
1338
|
-
return
|
|
1335
|
+
var Ro = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, b = (o, t, e, r) => {
|
|
1336
|
+
for (var i = r > 1 ? void 0 : r ? Uo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
1337
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
1338
|
+
return r && i && Ro(t, e, i), i;
|
|
1339
1339
|
};
|
|
1340
1340
|
let u = class extends p {
|
|
1341
1341
|
constructor() {
|
|
1342
1342
|
super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !1, this.showHeaderStartIcon = !1, this.headerTitle = "", this.headerTitleClassName = "panel-title", this.labelDialog = "", this.closeButtonLabel = "Close the modal", this.goBackButtonLabel = "Go back to", this.firstButtonLabel = "Close", this.firstButtonVariant = "primary", this.firstButtonProps = {}, this.onFirstButtonClickClose = !1, this.secondButtonLabel = "", this.secondButtonVariant = "secondary", this.secondButtonProps = {}, this.onSecondButtonClickClose = !1, this.disablePortal = !1, this.zIndex = 99, this.initialized = !1, this.showDetail = !1, this.isHidingDetail = !1, this.previousFocusedElement = null, this._onOpenDetail = async (o) => {
|
|
1343
|
-
var e,
|
|
1343
|
+
var e, r;
|
|
1344
1344
|
const t = ((e = o.detail) == null ? void 0 : e.origin) ?? document.activeElement;
|
|
1345
1345
|
if (this._detailOriginEl = t, this._detailOriginClass = (t == null ? void 0 : t.className) ?? "", this.showDetail = !0, this.showHeaderStartIcon = !0, await this.updateComplete, this._detailOriginClass) {
|
|
1346
|
-
const i = (
|
|
1346
|
+
const i = (r = this.shadowRoot) == null ? void 0 : r.querySelector(".detail-view");
|
|
1347
1347
|
i && i.setAttribute("fromelement", this._detailOriginClass);
|
|
1348
1348
|
}
|
|
1349
1349
|
await this.focusDetailReturnBtn();
|
|
@@ -1356,15 +1356,15 @@ let u = class extends p {
|
|
|
1356
1356
|
const t = o.currentTarget, e = (t == null ? void 0 : t.getAttribute("data-role")) === "back";
|
|
1357
1357
|
if (this.showDetail && e) {
|
|
1358
1358
|
this.isHidingDetail = !0;
|
|
1359
|
-
const
|
|
1359
|
+
const r = this.renderRoot.querySelector(".content"), i = async () => {
|
|
1360
1360
|
this.showDetail = !1, this.isHidingDetail = !1, this.showHeaderStartIcon = !1, await this.updateComplete, this._restoreFocusToOrigin();
|
|
1361
1361
|
};
|
|
1362
|
-
if (
|
|
1362
|
+
if (r) {
|
|
1363
1363
|
this.showHeaderStartIcon = !1;
|
|
1364
|
-
const
|
|
1365
|
-
this.showDetail = !1, this.isHidingDetail = !1,
|
|
1364
|
+
const n = () => {
|
|
1365
|
+
this.showDetail = !1, this.isHidingDetail = !1, r.removeEventListener("animationend", n), i();
|
|
1366
1366
|
};
|
|
1367
|
-
|
|
1367
|
+
r.addEventListener("animationend", n);
|
|
1368
1368
|
} else
|
|
1369
1369
|
this.showDetail = !1, this.isHidingDetail = !1, this.showHeaderStartIcon = !1;
|
|
1370
1370
|
return;
|
|
@@ -1373,8 +1373,8 @@ let u = class extends p {
|
|
|
1373
1373
|
};
|
|
1374
1374
|
}
|
|
1375
1375
|
focusFirstInPanel() {
|
|
1376
|
-
var t, e,
|
|
1377
|
-
(
|
|
1376
|
+
var t, e, r;
|
|
1377
|
+
(r = this.getFocusableElements().map((i) => this.resolveFocusable(i)).filter((i) => !!i && !i.hasAttribute("disabled"))[0] ?? ((t = this.shadowRoot) == null ? void 0 : t.querySelector(".close-btn")) ?? ((e = this.shadowRoot) == null ? void 0 : e.querySelector(".panel"))) == null || r.focus({ preventScroll: !0 });
|
|
1378
1378
|
}
|
|
1379
1379
|
resolveFocusable(o) {
|
|
1380
1380
|
var e;
|
|
@@ -1392,7 +1392,7 @@ let u = class extends p {
|
|
|
1392
1392
|
document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), this.removeEventListener("keydown", this.handleKeyDown), super.disconnectedCallback(), this.removeEventListener("open-detail", this._onOpenDetail);
|
|
1393
1393
|
}
|
|
1394
1394
|
async focusDetailReturnBtn() {
|
|
1395
|
-
var i,
|
|
1395
|
+
var i, n, s, c, h;
|
|
1396
1396
|
await this.updateComplete;
|
|
1397
1397
|
const o = this.getDeepActiveElement(document);
|
|
1398
1398
|
if (o && o !== document.body)
|
|
@@ -1403,9 +1403,9 @@ let u = class extends p {
|
|
|
1403
1403
|
await new Promise(requestAnimationFrame);
|
|
1404
1404
|
const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".detail-view .return-btn");
|
|
1405
1405
|
if (!t) return;
|
|
1406
|
-
t.updateComplete && await t.updateComplete, (c = (s = ((
|
|
1407
|
-
const
|
|
1408
|
-
|
|
1406
|
+
t.updateComplete && await t.updateComplete, (c = (s = ((n = t.shadowRoot) == null ? void 0 : n.querySelector("button")) ?? t) == null ? void 0 : s.focus) == null || c.call(s, { preventScroll: !0 });
|
|
1407
|
+
const r = (h = this.shadowRoot) == null ? void 0 : h.querySelector('.panel[role="dialog"]');
|
|
1408
|
+
r && r.setAttribute("aria-label", this.headerTitle);
|
|
1409
1409
|
}
|
|
1410
1410
|
_restoreFocusToOrigin() {
|
|
1411
1411
|
var t, e;
|
|
@@ -1426,10 +1426,10 @@ let u = class extends p {
|
|
|
1426
1426
|
const t = this.getDeepActiveElement(), e = this.renderRoot.querySelector(".close-btn");
|
|
1427
1427
|
if (!o.shiftKey && e && e.contains(t)) {
|
|
1428
1428
|
o.preventDefault();
|
|
1429
|
-
const
|
|
1429
|
+
const r = this.renderRoot.querySelector(
|
|
1430
1430
|
".o-whats-inside--content p"
|
|
1431
1431
|
);
|
|
1432
|
-
|
|
1432
|
+
r == null || r.focus();
|
|
1433
1433
|
}
|
|
1434
1434
|
}
|
|
1435
1435
|
getFocusableElements() {
|
|
@@ -1440,16 +1440,16 @@ let u = class extends p {
|
|
|
1440
1440
|
}
|
|
1441
1441
|
function e(i) {
|
|
1442
1442
|
var s;
|
|
1443
|
-
const
|
|
1443
|
+
const n = [i.matches(u.focusablesSelector) ? i : []];
|
|
1444
1444
|
if (!["o-icon-button", "o-button"].includes(i.tagName.toLowerCase())) {
|
|
1445
1445
|
const c = Array.from(
|
|
1446
1446
|
i instanceof HTMLSlotElement ? i.assignedElements({ flatten: !0 }) : []
|
|
1447
1447
|
).filter(t).flatMap(e), h = Array.from(
|
|
1448
1448
|
((s = i.shadowRoot) == null ? void 0 : s.querySelectorAll("*")) || []
|
|
1449
1449
|
).filter(t).flatMap(e);
|
|
1450
|
-
|
|
1450
|
+
n.push(...c, ...h);
|
|
1451
1451
|
}
|
|
1452
|
-
return
|
|
1452
|
+
return n.flat();
|
|
1453
1453
|
}
|
|
1454
1454
|
return Array.from(o.querySelectorAll("*")).filter(t).flatMap(e);
|
|
1455
1455
|
}
|
|
@@ -1459,7 +1459,7 @@ let u = class extends p {
|
|
|
1459
1459
|
o && o.setAttribute("aria-modal", "true"), this.updateComplete.then(() => {
|
|
1460
1460
|
var t, e;
|
|
1461
1461
|
if (this.showHeader) {
|
|
1462
|
-
const
|
|
1462
|
+
const r = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".panel .close-btn"), i = this.resolveFocusable(r);
|
|
1463
1463
|
(e = i == null ? void 0 : i.focus) == null || e.call(i, { preventScroll: !0 });
|
|
1464
1464
|
} else
|
|
1465
1465
|
this.focusFirstInPanel();
|
|
@@ -1468,8 +1468,8 @@ let u = class extends p {
|
|
|
1468
1468
|
);
|
|
1469
1469
|
}
|
|
1470
1470
|
closePanel() {
|
|
1471
|
-
var t, e,
|
|
1472
|
-
this.open = !1, this.showDetail = !1, document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), ((t = this.previousFocusedElement) == null ? void 0 : t.tagName.toLowerCase()) === "o-button" ? (i = (
|
|
1471
|
+
var t, e, r, i, n;
|
|
1472
|
+
this.open = !1, this.showDetail = !1, document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), ((t = this.previousFocusedElement) == null ? void 0 : t.tagName.toLowerCase()) === "o-button" ? (i = (r = (e = this.previousFocusedElement.shadowRoot) == null ? void 0 : e.querySelector(".button")) == null ? void 0 : r.focus) == null || i.call(r) : (n = this.previousFocusedElement) == null || n.focus();
|
|
1473
1473
|
const o = this.renderRoot.querySelector(".panel");
|
|
1474
1474
|
o && o.removeAttribute("aria-modal"), this.dispatchEvent(
|
|
1475
1475
|
new CustomEvent("close", { bubbles: !0, composed: !0 })
|
|
@@ -1878,10 +1878,10 @@ b([
|
|
|
1878
1878
|
u = b([
|
|
1879
1879
|
g("o-side-panel")
|
|
1880
1880
|
], u);
|
|
1881
|
-
var No = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, k = (o, t, e,
|
|
1882
|
-
for (var i =
|
|
1883
|
-
(s = o[
|
|
1884
|
-
return
|
|
1881
|
+
var No = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, k = (o, t, e, r) => {
|
|
1882
|
+
for (var i = r > 1 ? void 0 : r ? Vo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
1883
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
1884
|
+
return r && i && No(t, e, i), i;
|
|
1885
1885
|
};
|
|
1886
1886
|
const qo = Xt(p);
|
|
1887
1887
|
let y = class extends qo {
|
|
@@ -2207,10 +2207,10 @@ k([
|
|
|
2207
2207
|
y = k([
|
|
2208
2208
|
g("o-button")
|
|
2209
2209
|
], y);
|
|
2210
|
-
var Zo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, It = (o, t, e,
|
|
2211
|
-
for (var i =
|
|
2212
|
-
(s = o[
|
|
2213
|
-
return
|
|
2210
|
+
var Zo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, It = (o, t, e, r) => {
|
|
2211
|
+
for (var i = r > 1 ? void 0 : r ? Ko(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
2212
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
2213
|
+
return r && i && Zo(t, e, i), i;
|
|
2214
2214
|
};
|
|
2215
2215
|
let dt = class extends p {
|
|
2216
2216
|
constructor() {
|
|
@@ -2330,10 +2330,10 @@ It([
|
|
|
2330
2330
|
dt = It([
|
|
2331
2331
|
g("o-wishlist-button")
|
|
2332
2332
|
], dt);
|
|
2333
|
-
var Wo = Object.defineProperty, Go = Object.getOwnPropertyDescriptor, lt = (o, t, e,
|
|
2334
|
-
for (var i =
|
|
2335
|
-
(s = o[
|
|
2336
|
-
return
|
|
2333
|
+
var Wo = Object.defineProperty, Go = Object.getOwnPropertyDescriptor, lt = (o, t, e, r) => {
|
|
2334
|
+
for (var i = r > 1 ? void 0 : r ? Go(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
2335
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
2336
|
+
return r && i && Wo(t, e, i), i;
|
|
2337
2337
|
};
|
|
2338
2338
|
let K = class extends p {
|
|
2339
2339
|
constructor() {
|
|
@@ -2482,10 +2482,10 @@ lt([
|
|
|
2482
2482
|
K = lt([
|
|
2483
2483
|
g("o-link")
|
|
2484
2484
|
], K);
|
|
2485
|
-
var Xo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, Dt = (o, t, e,
|
|
2486
|
-
for (var i =
|
|
2487
|
-
(s = o[
|
|
2488
|
-
return
|
|
2485
|
+
var Xo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, Dt = (o, t, e, r) => {
|
|
2486
|
+
for (var i = r > 1 ? void 0 : r ? Yo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
2487
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
2488
|
+
return r && i && Xo(t, e, i), i;
|
|
2489
2489
|
};
|
|
2490
2490
|
let pt = class extends p {
|
|
2491
2491
|
constructor() {
|
|
@@ -2495,8 +2495,8 @@ let pt = class extends p {
|
|
|
2495
2495
|
const o = [];
|
|
2496
2496
|
for (let t = 0; t < 5; t++) {
|
|
2497
2497
|
const e = this.rating - t;
|
|
2498
|
-
let
|
|
2499
|
-
e >= 1 ?
|
|
2498
|
+
let r;
|
|
2499
|
+
e >= 1 ? r = 100 : e <= 0 ? r = 0 : r = Math.round(e * 100 / 25) * 25, o.push(`star-${r}`);
|
|
2500
2500
|
}
|
|
2501
2501
|
return o;
|
|
2502
2502
|
}
|
|
@@ -2560,10 +2560,10 @@ Dt([
|
|
|
2560
2560
|
pt = Dt([
|
|
2561
2561
|
g("o-rating")
|
|
2562
2562
|
], pt);
|
|
2563
|
-
var Jo = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, ot = (o, t, e,
|
|
2564
|
-
for (var i =
|
|
2565
|
-
(s = o[
|
|
2566
|
-
return
|
|
2563
|
+
var Jo = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, ot = (o, t, e, r) => {
|
|
2564
|
+
for (var i = r > 1 ? void 0 : r ? Qo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
2565
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
2566
|
+
return r && i && Jo(t, e, i), i;
|
|
2567
2567
|
};
|
|
2568
2568
|
let j = class extends p {
|
|
2569
2569
|
constructor() {
|
|
@@ -2618,8 +2618,8 @@ let j = class extends p {
|
|
|
2618
2618
|
}), t.classList.add("a--tabfocus"), this.requestUpdate();
|
|
2619
2619
|
}
|
|
2620
2620
|
onFocusOut(o) {
|
|
2621
|
-
const t = o.currentTarget, e = Number(t.dataset.index),
|
|
2622
|
-
(!
|
|
2621
|
+
const t = o.currentTarget, e = Number(t.dataset.index), r = o.relatedTarget;
|
|
2622
|
+
(!r || this.shadowRoot && !this.shadowRoot.contains(r)) && (this.renderRoot.querySelectorAll(".thumb").forEach((s) => s.classList.remove("a--tabfocus")), e === this.lastIndex ? this.dispatchEvent(new CustomEvent("thumb-exit", {
|
|
2623
2623
|
detail: { from: "last", direction: "unspecified" },
|
|
2624
2624
|
bubbles: !0,
|
|
2625
2625
|
composed: !0
|
|
@@ -2633,20 +2633,20 @@ let j = class extends p {
|
|
|
2633
2633
|
return l`
|
|
2634
2634
|
<ul class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
2635
2635
|
${this.thumbnails.map((o, t) => {
|
|
2636
|
-
const e = this.disabledIndexes.includes(t),
|
|
2636
|
+
const e = this.disabledIndexes.includes(t), r = this.activeIndex === t, i = o.type === "video", n = i ? `video ${t}` : `${this.altressource} ${t + 1}`;
|
|
2637
2637
|
return l`
|
|
2638
2638
|
<li class="thumb-wrapper">
|
|
2639
2639
|
<button
|
|
2640
2640
|
class="thumb"
|
|
2641
2641
|
data-index="${t}"
|
|
2642
2642
|
?disabled=${e}
|
|
2643
|
-
aria-current=${
|
|
2643
|
+
aria-current=${r ? "true" : "false"}
|
|
2644
2644
|
@click=${() => this.selectThumbnail(t)}
|
|
2645
2645
|
@keydown=${this.handleKeyDown}
|
|
2646
2646
|
@focus=${(s) => this.onFocus(s)}
|
|
2647
2647
|
@focusout=${(s) => this.onFocusOut(s)}
|
|
2648
2648
|
>
|
|
2649
|
-
<img alt="${
|
|
2649
|
+
<img alt="${n}" src="${o.src}" />
|
|
2650
2650
|
</button>
|
|
2651
2651
|
${i ? l`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>` : null}
|
|
2652
2652
|
</li>
|
|
@@ -2786,10 +2786,10 @@ ot([
|
|
|
2786
2786
|
j = ot([
|
|
2787
2787
|
g("thumbnail-navigation")
|
|
2788
2788
|
], j);
|
|
2789
|
-
var ti = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, te = (o, t, e,
|
|
2790
|
-
for (var i =
|
|
2791
|
-
(s = o[
|
|
2792
|
-
return
|
|
2789
|
+
var ti = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, te = (o, t, e, r) => {
|
|
2790
|
+
for (var i = r > 1 ? void 0 : r ? ei(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
2791
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
2792
|
+
return r && i && ti(t, e, i), i;
|
|
2793
2793
|
};
|
|
2794
2794
|
let wt = class extends p {
|
|
2795
2795
|
constructor() {
|
|
@@ -2870,10 +2870,10 @@ te([
|
|
|
2870
2870
|
wt = te([
|
|
2871
2871
|
g("o-tag")
|
|
2872
2872
|
], wt);
|
|
2873
|
-
var oi = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, ee = (o, t, e,
|
|
2874
|
-
for (var i =
|
|
2875
|
-
(s = o[
|
|
2876
|
-
return
|
|
2873
|
+
var oi = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, ee = (o, t, e, r) => {
|
|
2874
|
+
for (var i = r > 1 ? void 0 : r ? ii(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
2875
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
2876
|
+
return r && i && oi(t, e, i), i;
|
|
2877
2877
|
};
|
|
2878
2878
|
let $t = class extends p {
|
|
2879
2879
|
constructor() {
|
|
@@ -2990,10 +2990,10 @@ ee([
|
|
|
2990
2990
|
$t = ee([
|
|
2991
2991
|
g("o-tooltip")
|
|
2992
2992
|
], $t);
|
|
2993
|
-
var
|
|
2994
|
-
for (var i =
|
|
2995
|
-
(s = o[
|
|
2996
|
-
return
|
|
2993
|
+
var ri = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, G = (o, t, e, r) => {
|
|
2994
|
+
for (var i = r > 1 ? void 0 : r ? ni(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
2995
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
2996
|
+
return r && i && ri(t, e, i), i;
|
|
2997
2997
|
};
|
|
2998
2998
|
let T = class extends p {
|
|
2999
2999
|
constructor() {
|
|
@@ -3094,13 +3094,13 @@ let T = class extends p {
|
|
|
3094
3094
|
style=${`width: ${this.width};`}
|
|
3095
3095
|
>
|
|
3096
3096
|
${this.options.map(
|
|
3097
|
-
(e,
|
|
3097
|
+
(e, r) => l`
|
|
3098
3098
|
<li
|
|
3099
|
-
id="option-${
|
|
3099
|
+
id="option-${r}"
|
|
3100
3100
|
role="option"
|
|
3101
3101
|
aria-selected="${e.value === this.value}"
|
|
3102
|
-
tabindex="${
|
|
3103
|
-
class="${
|
|
3102
|
+
tabindex="${r === this.activeIndex ? "0" : "-1"}"
|
|
3103
|
+
class="${r === this.activeIndex ? "active" : ""} ${e.disabled ? "disabled" : ""}"
|
|
3104
3104
|
@click=${() => this.selectOption(e)}
|
|
3105
3105
|
>
|
|
3106
3106
|
${e.url ? l`
|
|
@@ -3285,9 +3285,9 @@ G([
|
|
|
3285
3285
|
T = G([
|
|
3286
3286
|
g("o-dropdown")
|
|
3287
3287
|
], T);
|
|
3288
|
-
var si = Object.getOwnPropertyDescriptor, ai = (o, t, e,
|
|
3289
|
-
for (var i =
|
|
3290
|
-
(s = o[
|
|
3288
|
+
var si = Object.getOwnPropertyDescriptor, ai = (o, t, e, r) => {
|
|
3289
|
+
for (var i = r > 1 ? void 0 : r ? si(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
3290
|
+
(s = o[n]) && (i = s(i) || i);
|
|
3291
3291
|
return i;
|
|
3292
3292
|
};
|
|
3293
3293
|
let Nt = class extends p {
|
|
@@ -3350,10 +3350,10 @@ Nt.styles = f`
|
|
|
3350
3350
|
Nt = ai([
|
|
3351
3351
|
g("o-dots")
|
|
3352
3352
|
], Nt);
|
|
3353
|
-
var li = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, R = (o, t, e,
|
|
3354
|
-
for (var i =
|
|
3355
|
-
(s = o[
|
|
3356
|
-
return
|
|
3353
|
+
var li = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, R = (o, t, e, r) => {
|
|
3354
|
+
for (var i = r > 1 ? void 0 : r ? ci(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
3355
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
3356
|
+
return r && i && li(t, e, i), i;
|
|
3357
3357
|
};
|
|
3358
3358
|
let z = class extends p {
|
|
3359
3359
|
constructor() {
|
|
@@ -3464,14 +3464,14 @@ let z = class extends p {
|
|
|
3464
3464
|
style=${`width: ${this.width};`}
|
|
3465
3465
|
>
|
|
3466
3466
|
${this.options.map(
|
|
3467
|
-
(e,
|
|
3467
|
+
(e, r) => l`
|
|
3468
3468
|
<li
|
|
3469
|
-
id="option-${
|
|
3469
|
+
id="option-${r}"
|
|
3470
3470
|
role="option"
|
|
3471
3471
|
aria-selected="${e.value === this.value}"
|
|
3472
3472
|
aria-disabled="${e.disabled ? "true" : "false"}"
|
|
3473
|
-
tabindex="${
|
|
3474
|
-
class="${
|
|
3473
|
+
tabindex="${r === this.activeIndex ? "0" : "-1"}"
|
|
3474
|
+
class="${r === this.activeIndex ? "active" : ""} ${e.disabled ? "disabled" : ""}"
|
|
3475
3475
|
@click=${() => this.selectOption(e)}
|
|
3476
3476
|
>
|
|
3477
3477
|
<a href="${P(e.url)}">
|
|
@@ -3710,29 +3710,29 @@ const Ee = "important", hi = " !" + Ee, di = Jt(class extends Qt {
|
|
|
3710
3710
|
}
|
|
3711
3711
|
render(o) {
|
|
3712
3712
|
return Object.keys(o).reduce((t, e) => {
|
|
3713
|
-
const
|
|
3714
|
-
return
|
|
3713
|
+
const r = o[e];
|
|
3714
|
+
return r == null ? t : t + `${e = e.includes("-") ? e : e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${r};`;
|
|
3715
3715
|
}, "");
|
|
3716
3716
|
}
|
|
3717
3717
|
update(o, [t]) {
|
|
3718
3718
|
const { style: e } = o.element;
|
|
3719
3719
|
if (this.ft === void 0) return this.ft = new Set(Object.keys(t)), this.render(t);
|
|
3720
|
-
for (const
|
|
3721
|
-
for (const
|
|
3722
|
-
const i = t[
|
|
3720
|
+
for (const r of this.ft) t[r] == null && (this.ft.delete(r), r.includes("-") ? e.removeProperty(r) : e[r] = null);
|
|
3721
|
+
for (const r in t) {
|
|
3722
|
+
const i = t[r];
|
|
3723
3723
|
if (i != null) {
|
|
3724
|
-
this.ft.add(
|
|
3725
|
-
const
|
|
3726
|
-
|
|
3724
|
+
this.ft.add(r);
|
|
3725
|
+
const n = typeof i == "string" && i.endsWith(hi);
|
|
3726
|
+
r.includes("-") || n ? e.setProperty(r, n ? i.slice(0, -11) : i, n ? Ee : "") : e[r] = i;
|
|
3727
3727
|
}
|
|
3728
3728
|
}
|
|
3729
3729
|
return tt;
|
|
3730
3730
|
}
|
|
3731
3731
|
});
|
|
3732
|
-
var pi = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, oe = (o, t, e,
|
|
3733
|
-
for (var i =
|
|
3734
|
-
(s = o[
|
|
3735
|
-
return
|
|
3732
|
+
var pi = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, oe = (o, t, e, r) => {
|
|
3733
|
+
for (var i = r > 1 ? void 0 : r ? ui(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
3734
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
3735
|
+
return r && i && pi(t, e, i), i;
|
|
3736
3736
|
};
|
|
3737
3737
|
let kt = class extends p {
|
|
3738
3738
|
constructor() {
|
|
@@ -3745,14 +3745,14 @@ let kt = class extends p {
|
|
|
3745
3745
|
}, t = this.option && this.option.clickable, e = {
|
|
3746
3746
|
width: `${this.imageSize}px`,
|
|
3747
3747
|
height: `${this.imageSize}px`
|
|
3748
|
-
},
|
|
3749
|
-
${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${P(
|
|
3748
|
+
}, r = this.option && this.option.title ? o(this.option.title) : "", i = this.option && this.option.description ? o(this.option.description) : "", n = l`
|
|
3749
|
+
${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${P(r)}" aria-hidden="true" style=${di(e)} />` : ""}
|
|
3750
3750
|
<div class="m-reassurance-content">
|
|
3751
|
-
<h3 class="a-reassurance-text">${P(
|
|
3751
|
+
<h3 class="a-reassurance-text">${P(r)}</h3>
|
|
3752
3752
|
<p class="a-reassurance-description">${P(i)}</p>
|
|
3753
3753
|
</div>
|
|
3754
3754
|
`;
|
|
3755
|
-
return t ? l`<a href="${P(this.option.url)}" class="reassurance-item clickable">${
|
|
3755
|
+
return t ? l`<a href="${P(this.option.url)}" class="reassurance-item clickable">${n}</a>` : l`<div class="reassurance-item">${n}</div>`;
|
|
3756
3756
|
}
|
|
3757
3757
|
};
|
|
3758
3758
|
kt.styles = f`
|
|
@@ -3846,10 +3846,10 @@ oe([
|
|
|
3846
3846
|
kt = oe([
|
|
3847
3847
|
g("o-reassurance")
|
|
3848
3848
|
], kt);
|
|
3849
|
-
var fi = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, X = (o, t, e,
|
|
3850
|
-
for (var i =
|
|
3851
|
-
(s = o[
|
|
3852
|
-
return
|
|
3849
|
+
var fi = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, X = (o, t, e, r) => {
|
|
3850
|
+
for (var i = r > 1 ? void 0 : r ? vi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
3851
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
3852
|
+
return r && i && fi(t, e, i), i;
|
|
3853
3853
|
};
|
|
3854
3854
|
const gi = Xt(p);
|
|
3855
3855
|
let O = class extends gi {
|
|
@@ -3992,10 +3992,10 @@ X([
|
|
|
3992
3992
|
O = X([
|
|
3993
3993
|
g("o-chip")
|
|
3994
3994
|
], O);
|
|
3995
|
-
var bi = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, ie = (o, t, e,
|
|
3996
|
-
for (var i =
|
|
3997
|
-
(s = o[
|
|
3998
|
-
return
|
|
3995
|
+
var bi = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, ie = (o, t, e, r) => {
|
|
3996
|
+
for (var i = r > 1 ? void 0 : r ? yi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
3997
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
3998
|
+
return r && i && bi(t, e, i), i;
|
|
3999
3999
|
};
|
|
4000
4000
|
let _t = class extends p {
|
|
4001
4001
|
constructor() {
|
|
@@ -4030,10 +4030,10 @@ ie([
|
|
|
4030
4030
|
_t = ie([
|
|
4031
4031
|
g("o-chipset")
|
|
4032
4032
|
], _t);
|
|
4033
|
-
var mi = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, U = (o, t, e,
|
|
4034
|
-
for (var i =
|
|
4035
|
-
(s = o[
|
|
4036
|
-
return
|
|
4033
|
+
var mi = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, U = (o, t, e, r) => {
|
|
4034
|
+
for (var i = r > 1 ? void 0 : r ? xi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
4035
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
4036
|
+
return r && i && mi(t, e, i), i;
|
|
4037
4037
|
};
|
|
4038
4038
|
const wi = Xt(p);
|
|
4039
4039
|
let I = class extends wi {
|
|
@@ -4242,9 +4242,9 @@ U([
|
|
|
4242
4242
|
I = U([
|
|
4243
4243
|
g("o-filter-chip")
|
|
4244
4244
|
], I);
|
|
4245
|
-
var $i = Object.defineProperty, N = (o, t, e,
|
|
4246
|
-
for (var i = void 0,
|
|
4247
|
-
(s = o[
|
|
4245
|
+
var $i = Object.defineProperty, N = (o, t, e, r) => {
|
|
4246
|
+
for (var i = void 0, n = o.length - 1, s; n >= 0; n--)
|
|
4247
|
+
(s = o[n]) && (i = s(t, e, i) || i);
|
|
4248
4248
|
return i && $i(t, e, i), i;
|
|
4249
4249
|
};
|
|
4250
4250
|
const se = class se extends p {
|
|
@@ -4426,10 +4426,10 @@ N([
|
|
|
4426
4426
|
a({ type: Function })
|
|
4427
4427
|
], A.prototype, "onClickTile");
|
|
4428
4428
|
customElements.define("mini-tile", A);
|
|
4429
|
-
var ki = Object.defineProperty, _i = Object.getOwnPropertyDescriptor,
|
|
4430
|
-
for (var i =
|
|
4431
|
-
(s = o[
|
|
4432
|
-
return
|
|
4429
|
+
var ki = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, re = (o, t, e, r) => {
|
|
4430
|
+
for (var i = r > 1 ? void 0 : r ? _i(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
4431
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
4432
|
+
return r && i && ki(t, e, i), i;
|
|
4433
4433
|
};
|
|
4434
4434
|
let Ct = class extends p {
|
|
4435
4435
|
constructor() {
|
|
@@ -4478,19 +4478,19 @@ Ct.styles = f`
|
|
|
4478
4478
|
}
|
|
4479
4479
|
|
|
4480
4480
|
`;
|
|
4481
|
-
|
|
4481
|
+
re([
|
|
4482
4482
|
a({ type: String, reflect: !0 })
|
|
4483
4483
|
], Ct.prototype, "variant", 2);
|
|
4484
|
-
|
|
4484
|
+
re([
|
|
4485
4485
|
a({ type: String })
|
|
4486
4486
|
], Ct.prototype, "text", 2);
|
|
4487
|
-
Ct =
|
|
4487
|
+
Ct = re([
|
|
4488
4488
|
g("o-badge")
|
|
4489
4489
|
], Ct);
|
|
4490
|
-
var Ci = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, H = (o, t, e,
|
|
4491
|
-
for (var i =
|
|
4492
|
-
(s = o[
|
|
4493
|
-
return
|
|
4490
|
+
var Ci = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, H = (o, t, e, r) => {
|
|
4491
|
+
for (var i = r > 1 ? void 0 : r ? Si(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
4492
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
4493
|
+
return r && i && Ci(t, e, i), i;
|
|
4494
4494
|
};
|
|
4495
4495
|
let E = class extends p {
|
|
4496
4496
|
constructor() {
|
|
@@ -4524,11 +4524,11 @@ let E = class extends p {
|
|
|
4524
4524
|
}, 600);
|
|
4525
4525
|
}
|
|
4526
4526
|
firstUpdated() {
|
|
4527
|
-
var
|
|
4527
|
+
var r, i;
|
|
4528
4528
|
var o = this;
|
|
4529
|
-
const t = (
|
|
4529
|
+
const t = (r = this.renderRoot) == null ? void 0 : r.querySelector("o-icon-button"), e = (i = this.renderRoot) == null ? void 0 : i.querySelector(".o-toast-text");
|
|
4530
4530
|
if (e != null) {
|
|
4531
|
-
const
|
|
4531
|
+
const n = window.getComputedStyle(e), s = parseInt(n.getPropertyValue("line-height").replace("px", "")), c = parseInt(n.getPropertyValue("height").replace("px", ""));
|
|
4532
4532
|
!isNaN(s) && !isNaN(c) && c > s && (this.multiline = !0);
|
|
4533
4533
|
}
|
|
4534
4534
|
t != null && t.addEventListener("click", function() {
|
|
@@ -4670,10 +4670,10 @@ H([
|
|
|
4670
4670
|
E = H([
|
|
4671
4671
|
g("o-toast")
|
|
4672
4672
|
], E);
|
|
4673
|
-
var Ei = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, M = (o, t, e,
|
|
4674
|
-
for (var i =
|
|
4675
|
-
(s = o[
|
|
4676
|
-
return
|
|
4673
|
+
var Ei = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, M = (o, t, e, r) => {
|
|
4674
|
+
for (var i = r > 1 ? void 0 : r ? Ai(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
4675
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
4676
|
+
return r && i && Ei(t, e, i), i;
|
|
4677
4677
|
};
|
|
4678
4678
|
let Li = 0, L = class extends p {
|
|
4679
4679
|
constructor() {
|
|
@@ -4702,8 +4702,8 @@ let Li = 0, L = class extends p {
|
|
|
4702
4702
|
name=${this.name}
|
|
4703
4703
|
value=${this.value}
|
|
4704
4704
|
@change=${(e) => {
|
|
4705
|
-
const
|
|
4706
|
-
this.checked =
|
|
4705
|
+
const r = e.target;
|
|
4706
|
+
this.checked = r.checked, this.indeterminate = r.indeterminate, this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 }));
|
|
4707
4707
|
}}
|
|
4708
4708
|
/>
|
|
4709
4709
|
|
|
@@ -4852,10 +4852,10 @@ M([
|
|
|
4852
4852
|
L = M([
|
|
4853
4853
|
g("o-checkbox")
|
|
4854
4854
|
], L);
|
|
4855
|
-
var Pi = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, V = (o, t, e,
|
|
4856
|
-
for (var i =
|
|
4857
|
-
(s = o[
|
|
4858
|
-
return
|
|
4855
|
+
var Pi = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, V = (o, t, e, r) => {
|
|
4856
|
+
for (var i = r > 1 ? void 0 : r ? Bi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
4857
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
4858
|
+
return r && i && Pi(t, e, i), i;
|
|
4859
4859
|
};
|
|
4860
4860
|
let zi = 0, D = class extends p {
|
|
4861
4861
|
constructor() {
|
|
@@ -4870,8 +4870,8 @@ let zi = 0, D = class extends p {
|
|
|
4870
4870
|
updated(o) {
|
|
4871
4871
|
if (o.has("checked") && this.checked) {
|
|
4872
4872
|
const t = this.parentElement;
|
|
4873
|
-
t && Array.from(t.querySelectorAll(`o-radio[name="${this.name}"]`)).forEach((
|
|
4874
|
-
|
|
4873
|
+
t && Array.from(t.querySelectorAll(`o-radio[name="${this.name}"]`)).forEach((r) => {
|
|
4874
|
+
r !== this && (r.checked = !1);
|
|
4875
4875
|
});
|
|
4876
4876
|
}
|
|
4877
4877
|
this.syncInput();
|
|
@@ -5011,9 +5011,9 @@ V([
|
|
|
5011
5011
|
D = V([
|
|
5012
5012
|
g("o-radio")
|
|
5013
5013
|
], D);
|
|
5014
|
-
var Oi = Object.getOwnPropertyDescriptor, Ii = (o, t, e,
|
|
5015
|
-
for (var i =
|
|
5016
|
-
(s = o[
|
|
5014
|
+
var Oi = Object.getOwnPropertyDescriptor, Ii = (o, t, e, r) => {
|
|
5015
|
+
for (var i = r > 1 ? void 0 : r ? Oi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
5016
|
+
(s = o[n]) && (i = s(i) || i);
|
|
5017
5017
|
return i;
|
|
5018
5018
|
};
|
|
5019
5019
|
let Vt = class extends p {
|
|
@@ -5042,10 +5042,10 @@ Vt.styles = f`
|
|
|
5042
5042
|
Vt = Ii([
|
|
5043
5043
|
g("o-breadcrumbs")
|
|
5044
5044
|
], Vt);
|
|
5045
|
-
var Di = Object.defineProperty, Hi = Object.getOwnPropertyDescriptor,
|
|
5046
|
-
for (var i =
|
|
5047
|
-
(s = o[
|
|
5048
|
-
return
|
|
5045
|
+
var Di = Object.defineProperty, Hi = Object.getOwnPropertyDescriptor, ne = (o, t, e, r) => {
|
|
5046
|
+
for (var i = r > 1 ? void 0 : r ? Hi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
5047
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
5048
|
+
return r && i && Di(t, e, i), i;
|
|
5049
5049
|
};
|
|
5050
5050
|
let St = class extends p {
|
|
5051
5051
|
constructor() {
|
|
@@ -5108,19 +5108,19 @@ St.styles = f`
|
|
|
5108
5108
|
outline: none !important;
|
|
5109
5109
|
}
|
|
5110
5110
|
`;
|
|
5111
|
-
|
|
5111
|
+
ne([
|
|
5112
5112
|
a({ type: String })
|
|
5113
5113
|
], St.prototype, "href", 2);
|
|
5114
|
-
|
|
5114
|
+
ne([
|
|
5115
5115
|
a({ type: Boolean, reflect: !0 })
|
|
5116
5116
|
], St.prototype, "active", 2);
|
|
5117
|
-
St =
|
|
5117
|
+
St = ne([
|
|
5118
5118
|
g("o-breadcrumb")
|
|
5119
5119
|
], St);
|
|
5120
|
-
var Ti = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, ut = (o, t, e,
|
|
5121
|
-
for (var i =
|
|
5122
|
-
(s = o[
|
|
5123
|
-
return
|
|
5120
|
+
var Ti = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, ut = (o, t, e, r) => {
|
|
5121
|
+
for (var i = r > 1 ? void 0 : r ? Mi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
5122
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
5123
|
+
return r && i && Ti(t, e, i), i;
|
|
5124
5124
|
};
|
|
5125
5125
|
let et = class extends p {
|
|
5126
5126
|
constructor() {
|
|
@@ -5300,18 +5300,18 @@ const ji = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
|
5300
5300
|
id="path52"
|
|
5301
5301
|
style="fill:#3F2B2E;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
5302
5302
|
d="m 1647.15,320.5 c -2.07,0 -4.94,-0.199 -8.49,-0.469 -8.68,-0.64 -23.5,-1.062 -37.41,-0.172 -20.4,1.282 -32.01,-0.589 -32.01,-10.687 0,-8.66 8.46,-10.781 15.19,-12.461 11.42,-2.949 17.17,-4.422 17.17,-27.402 l 0.93,-77.731 c 0.5,-38.668 1.03,-80.199 1.26,-103.4296 -51.33,57.4726 -160.86,181.7736 -188.51,217.5116 -6.78,8.68 -10.53,13.449 -17.38,13.449 -9.28,0 -20.13,0.743 -29.55,1.379 -7.55,0.5 -14.21,0.934 -18.55,0.934 -12.43,0 -18.72,-3.953 -18.72,-11.781 0,-10.34 10.9,-11.911 15.93,-12.621 10.36,-1.731 14.33,-3.668 18.82,-7.11 2.1,-1.629 5.01,-3.879 5.01,-26.988 0,-29.461 -3.75,-186.1837 -5.06,-201.8126 -2.12,-24.4688 -4.58,-25.168 -18.72,-29.1485 -6.17,-1.6718 -14.6,-3.9609 -14.6,-12.7421 0,-5.1797 2.84,-11.34771 16.4,-11.34771 1.21,0 3.75,0.23829 7.15,0.61719 11.38,1.22266 33.32,1.64062 46.82,0.3125 25.84,-2.53125 30.46,3.93752 30.46,10.41802 0,9.3593 -9.18,11.8515 -14.53,13.3203 -8.73,2.4922 -15.61,6.5195 -17.27,10.1992 -3.05,6.5234 -4.31,16.8515 -4.31,35.6719 0,10.1093 0.37,54.9488 0.74,98.9808 0.25,28.839 0.47,57.359 0.59,75.558 25.28,-29.508 56.38,-65.5 86.72,-100.609 49.5,-57.2697 96.26,-111.3712 113.23,-132.09 l 1.93,-2.3516 c 3.93,-4.8203 7.75,-9.97652 12.34,-14.19918 3.35,-3.089845 8.47,-4.83985 12.86,-2.871095 3.52,1.570315 5.52,5.300785 6.26,8.941405 0.88,4.26177 0.44,8.69927 0.28,13.01177 -0.59,15.3281 -0.42,31.5898 -0.25,52.0703 0.12,12.1172 0.25,25.7184 0.25,41.4684 0,49.141 1.03,147.141 2.98,161.66 1.58,10.52 2.25,14.879 14.31,18.891 l 2.09,0.75 c 4.07,1.41 11.6,4.027 11.6,12.02 0,4.949 -2.76,10.859 -15.96,10.859" /></g></g></svg>`;
|
|
5303
|
-
var Fi = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, C = (o, t, e,
|
|
5304
|
-
for (var i =
|
|
5305
|
-
(s = o[
|
|
5306
|
-
return
|
|
5303
|
+
var Fi = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, C = (o, t, e, r) => {
|
|
5304
|
+
for (var i = r > 1 ? void 0 : r ? Ri(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
5305
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
5306
|
+
return r && i && Fi(t, e, i), i;
|
|
5307
5307
|
};
|
|
5308
5308
|
const ae = class ae extends p {
|
|
5309
5309
|
constructor() {
|
|
5310
5310
|
super(...arguments), this.ispagedesigner = !1, this._classPopin = "", this.open = !1, this.background = "", this.backgroundUrl = "", this.closeOnEsc = !0, this.closeOnBackdrop = !0, this.lockScroll = !0, this.variant = "fullscreen", this.maxWidth = "640px", this.showBackButton = !1, this.contrast = !1, this.iconSize = "large", this.hideHeaderOnScroll = !1, this._labelId = `title-${Math.random().toString(36).slice(2)}`, this._headerHidden = !1, this._onBackdropClick = (t) => {
|
|
5311
|
-
var
|
|
5311
|
+
var r;
|
|
5312
5312
|
if (!this.open || !this.closeOnBackdrop) return;
|
|
5313
5313
|
const e = t.composedPath()[0];
|
|
5314
|
-
(
|
|
5314
|
+
(r = e == null ? void 0 : e.classList) != null && r.contains("backdrop") && this._requestClose("backdrop");
|
|
5315
5315
|
}, this._onScroll = (t) => {
|
|
5316
5316
|
if (!this.hideHeaderOnScroll || !this.open) return;
|
|
5317
5317
|
const i = t.target.scrollTop > 50;
|
|
@@ -5341,8 +5341,8 @@ const ae = class ae extends p {
|
|
|
5341
5341
|
e && (e.style.overflow = this.open && !this.ispagedesigner ? "hidden" : "");
|
|
5342
5342
|
}
|
|
5343
5343
|
this.open ? this.updateComplete.then(() => {
|
|
5344
|
-
var
|
|
5345
|
-
(
|
|
5344
|
+
var r;
|
|
5345
|
+
(r = this.renderRoot.querySelector("[data-close-btn]") ?? this.renderRoot.querySelector('[role="dialog"]')) == null || r.focus(), this._setupScrollListener(), this.dispatchEvent(new CustomEvent("open", { bubbles: !0, composed: !0 }));
|
|
5346
5346
|
}) : (this._removeScrollListener(), this._headerHidden = !1, this.dispatchEvent(new CustomEvent("close", { bubbles: !0, composed: !0 })));
|
|
5347
5347
|
}
|
|
5348
5348
|
(t.has("hideHeaderOnScroll") || t.has("open")) && (this.open ? this._setupScrollListener() : this._removeScrollListener());
|
|
@@ -5620,19 +5620,19 @@ C([
|
|
|
5620
5620
|
W()
|
|
5621
5621
|
], x.prototype, "_headerHidden", 2);
|
|
5622
5622
|
customElements.define("o-popin", x);
|
|
5623
|
-
var Ui = Object.defineProperty, Ni = Object.getOwnPropertyDescriptor, $ = (o, t, e,
|
|
5624
|
-
for (var i =
|
|
5625
|
-
(s = o[
|
|
5626
|
-
return
|
|
5623
|
+
var Ui = Object.defineProperty, Ni = Object.getOwnPropertyDescriptor, $ = (o, t, e, r) => {
|
|
5624
|
+
for (var i = r > 1 ? void 0 : r ? Ni(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
5625
|
+
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
5626
|
+
return r && i && Ui(t, e, i), i;
|
|
5627
5627
|
};
|
|
5628
5628
|
let m = class extends p {
|
|
5629
5629
|
constructor() {
|
|
5630
5630
|
super(...arguments), this.type = "cart | notifyme", this.titleProduct = "", this.descriptionProduct = "", this.volume = "", this.perLiter = "", this.mainPrice = "", this.salesPercentage = "", this.oldPrice = "", this.imageUrl = "https://placehold.co/112x140", this.outOfStock = !1, this.altImage = "", this.fullwidth = !1, this.current = !1, this.hideIcon = !1, this.tagText = "";
|
|
5631
5631
|
}
|
|
5632
5632
|
onClick(o) {
|
|
5633
|
-
var e,
|
|
5633
|
+
var e, r, i;
|
|
5634
5634
|
const t = o.target;
|
|
5635
|
-
(e = t == null ? void 0 : t.classList) != null && e.contains("add-to-bag") || (
|
|
5635
|
+
(e = t == null ? void 0 : t.classList) != null && e.contains("add-to-bag") || (r = t == null ? void 0 : t.classList) != null && r.contains("js-availability-notify-details-routine") || ((i = this.onClickTile) == null || i.call(this), this.dispatchEvent(
|
|
5636
5636
|
new CustomEvent("tile-click", { bubbles: !0, composed: !0 })
|
|
5637
5637
|
));
|
|
5638
5638
|
}
|
|
@@ -5674,18 +5674,20 @@ let m = class extends p {
|
|
|
5674
5674
|
${this.volume ? l`<span class="volume-info">${this.volume}</span>` : ""}
|
|
5675
5675
|
</div>
|
|
5676
5676
|
${this.descriptionProduct ? l`<div class="description">${this.descriptionProduct}</div>` : ""}
|
|
5677
|
-
${this.salesPercentage && this.oldPrice ? l`<div class="discount-info">
|
|
5678
|
-
<o-tag bgstyle="background-emphasis"
|
|
5679
|
-
>${this.salesPercentage}</o-tag
|
|
5680
|
-
>
|
|
5681
|
-
<span class="old-price">${this.oldPrice}</span>
|
|
5682
|
-
</div>` : ""}
|
|
5683
5677
|
<div class="details">
|
|
5684
|
-
|
|
5685
|
-
|
|
5686
|
-
|
|
5678
|
+
${this.salesPercentage && this.oldPrice ? l`<div class="discount-info">
|
|
5679
|
+
<o-tag bgstyle="background-emphasis"
|
|
5680
|
+
>${this.salesPercentage}</o-tag
|
|
5681
|
+
>
|
|
5682
|
+
<span class="old-price">${this.oldPrice}</span>
|
|
5683
|
+
</div>` : ""}
|
|
5684
|
+
<div class="price-details">
|
|
5685
|
+
<div class="price-info">
|
|
5686
|
+
${this.mainPrice ? l`<span class="main-price">${this.mainPrice}</span>` : ""}
|
|
5687
|
+
${this.perLiter ? l`<span class="per-liter">${this.perLiter}</span>` : ""}
|
|
5688
|
+
</div>
|
|
5689
|
+
${this.icons}
|
|
5687
5690
|
</div>
|
|
5688
|
-
${this.icons}
|
|
5689
5691
|
</div>
|
|
5690
5692
|
</div>
|
|
5691
5693
|
</button>
|
|
@@ -5749,11 +5751,6 @@ m.styles = f`
|
|
|
5749
5751
|
min-height: 140px;
|
|
5750
5752
|
}
|
|
5751
5753
|
|
|
5752
|
-
.info:has(o-tag),
|
|
5753
|
-
.info:has(.discount-info) {
|
|
5754
|
-
justify-content: flex-start;
|
|
5755
|
-
}
|
|
5756
|
-
|
|
5757
5754
|
.info .title {
|
|
5758
5755
|
color: var(--color-content-body, #3f2b2e);
|
|
5759
5756
|
font-family: var(--font-family-loccitane-serif);
|
|
@@ -5784,7 +5781,8 @@ m.styles = f`
|
|
|
5784
5781
|
|
|
5785
5782
|
.info .details {
|
|
5786
5783
|
display: flex;
|
|
5787
|
-
|
|
5784
|
+
flex-direction: column;
|
|
5785
|
+
align-items: flex-start;
|
|
5788
5786
|
justify-content: space-between;
|
|
5789
5787
|
}
|
|
5790
5788
|
|
|
@@ -5847,6 +5845,13 @@ m.styles = f`
|
|
|
5847
5845
|
letter-spacing: var(--letter-spacing-400, 0.64px);
|
|
5848
5846
|
}
|
|
5849
5847
|
|
|
5848
|
+
.price-details {
|
|
5849
|
+
display: flex;
|
|
5850
|
+
justify-content: space-between;
|
|
5851
|
+
align-items: center;
|
|
5852
|
+
width: 100%;
|
|
5853
|
+
}
|
|
5854
|
+
|
|
5850
5855
|
.price-info {
|
|
5851
5856
|
display: flex;
|
|
5852
5857
|
column-gap: var(--spacing-xs);
|