@florid-kit/components 0.9.40 → 0.10.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/components/mediumtile.d.ts +31 -0
- package/index.js +337 -142
- package/index.mjs +1209 -937
- package/package.json +1 -1
package/index.mjs
CHANGED
|
@@ -3,18 +3,18 @@
|
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
5
|
*/
|
|
6
|
-
const
|
|
7
|
-
let
|
|
8
|
-
constructor(t, e,
|
|
9
|
-
if (this._$cssResult$ = !0,
|
|
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
|
+
let xe = class {
|
|
8
|
+
constructor(t, e, n) {
|
|
9
|
+
if (this._$cssResult$ = !0, n !== 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
|
-
if (
|
|
16
|
-
const
|
|
17
|
-
|
|
15
|
+
if (qt && t === void 0) {
|
|
16
|
+
const n = e !== void 0 && e.length === 1;
|
|
17
|
+
n && (t = le.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), n && le.set(e, t));
|
|
18
18
|
}
|
|
19
19
|
return t;
|
|
20
20
|
}
|
|
@@ -22,33 +22,33 @@ let ye = class {
|
|
|
22
22
|
return this.cssText;
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
|
-
const
|
|
26
|
-
const e = o.length === 1 ? o[0] : t.reduce((
|
|
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((n, i, r) => n + ((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[
|
|
31
|
-
return new
|
|
32
|
-
},
|
|
33
|
-
if (
|
|
30
|
+
})(i) + o[r + 1], o[0]);
|
|
31
|
+
return new xe(e, o, Zt);
|
|
32
|
+
}, Le = (o, t) => {
|
|
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 n = document.createElement("style"), i = Lt.litNonce;
|
|
36
|
+
i !== void 0 && n.setAttribute("nonce", i), n.textContent = e.cssText, o.appendChild(n);
|
|
37
37
|
}
|
|
38
|
-
},
|
|
38
|
+
}, ce = qt ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
|
|
39
39
|
let e = "";
|
|
40
|
-
for (const
|
|
41
|
-
return
|
|
40
|
+
for (const n of t.cssRules) e += n.cssText;
|
|
41
|
+
return Ae(e);
|
|
42
42
|
})(o) : o;
|
|
43
43
|
/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
47
|
*/
|
|
48
|
-
const { is:
|
|
48
|
+
const { is: Pe, defineProperty: Be, getOwnPropertyDescriptor: ze, getOwnPropertyNames: Oe, getOwnPropertySymbols: Ie, getPrototypeOf: De } = Object, J = globalThis, he = J.trustedTypes, Te = he ? he.emptyScript : "", Tt = J.reactiveElementPolyfillSupport, vt = (o, t) => o, Pt = { toAttribute(o, t) {
|
|
49
49
|
switch (t) {
|
|
50
50
|
case Boolean:
|
|
51
|
-
o = o ?
|
|
51
|
+
o = o ? Te : null;
|
|
52
52
|
break;
|
|
53
53
|
case Object:
|
|
54
54
|
case Array:
|
|
@@ -73,54 +73,54 @@ const { is: Ae, defineProperty: Le, getOwnPropertyDescriptor: Be, getOwnProperty
|
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
return e;
|
|
76
|
-
} },
|
|
77
|
-
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")),
|
|
78
|
-
let
|
|
76
|
+
} }, Kt = (o, t) => !Pe(o, t), de = { attribute: !0, type: String, converter: Pt, reflect: !1, useDefault: !1, hasChanged: Kt };
|
|
77
|
+
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), J.litPropertyMetadata ?? (J.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
|
|
78
|
+
let ct = class extends HTMLElement {
|
|
79
79
|
static addInitializer(t) {
|
|
80
80
|
this._$Ei(), (this.l ?? (this.l = [])).push(t);
|
|
81
81
|
}
|
|
82
82
|
static get observedAttributes() {
|
|
83
83
|
return this.finalize(), this._$Eh && [...this._$Eh.keys()];
|
|
84
84
|
}
|
|
85
|
-
static createProperty(t, e =
|
|
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
|
|
88
|
-
i !== void 0 &&
|
|
87
|
+
const n = Symbol(), i = this.getPropertyDescriptor(t, n, e);
|
|
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, n) {
|
|
92
|
+
const { get: i, set: r } = 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
|
+
r == null || r.call(this, s), this.requestUpdate(t, c, n);
|
|
100
100
|
}, configurable: !0, enumerable: !0 };
|
|
101
101
|
}
|
|
102
102
|
static getPropertyOptions(t) {
|
|
103
|
-
return this.elementProperties.get(t) ??
|
|
103
|
+
return this.elementProperties.get(t) ?? de;
|
|
104
104
|
}
|
|
105
105
|
static _$Ei() {
|
|
106
|
-
if (this.hasOwnProperty(
|
|
107
|
-
const t =
|
|
106
|
+
if (this.hasOwnProperty(vt("elementProperties"))) return;
|
|
107
|
+
const t = De(this);
|
|
108
108
|
t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
|
|
109
109
|
}
|
|
110
110
|
static finalize() {
|
|
111
|
-
if (this.hasOwnProperty(
|
|
112
|
-
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(
|
|
113
|
-
const e = this.properties,
|
|
114
|
-
for (const i of
|
|
111
|
+
if (this.hasOwnProperty(vt("finalized"))) return;
|
|
112
|
+
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(vt("properties"))) {
|
|
113
|
+
const e = this.properties, n = [...Oe(e), ...Ie(e)];
|
|
114
|
+
for (const i of n) 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 [n, i] of e) this.elementProperties.set(n, i);
|
|
120
120
|
}
|
|
121
121
|
this._$Eh = /* @__PURE__ */ new Map();
|
|
122
|
-
for (const [e,
|
|
123
|
-
const i = this._$Eu(e,
|
|
122
|
+
for (const [e, n] of this.elementProperties) {
|
|
123
|
+
const i = this._$Eu(e, n);
|
|
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 at = 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
|
|
133
|
-
} else t !== void 0 && e.push(
|
|
131
|
+
const n = new Set(t.flat(1 / 0).reverse());
|
|
132
|
+
for (const i of n) e.unshift(ce(i));
|
|
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 n = e.attribute;
|
|
138
|
+
return n === !1 ? void 0 : typeof n == "string" ? n : 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,18 +154,18 @@ let at = 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 n of e.keys()) this.hasOwnProperty(n) && (t.set(n, this[n]), delete this[n]);
|
|
158
158
|
t.size > 0 && (this._$Ep = t);
|
|
159
159
|
}
|
|
160
160
|
createRenderRoot() {
|
|
161
161
|
const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
|
|
162
|
-
return
|
|
162
|
+
return Le(t, this.constructor.elementStyles), t;
|
|
163
163
|
}
|
|
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 n;
|
|
168
|
+
return (n = e.hostConnected) == null ? void 0 : n.call(e);
|
|
169
169
|
});
|
|
170
170
|
}
|
|
171
171
|
enableUpdating(t) {
|
|
@@ -173,40 +173,40 @@ let at = 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 n;
|
|
177
|
+
return (n = e.hostDisconnected) == null ? void 0 : n.call(e);
|
|
178
178
|
});
|
|
179
179
|
}
|
|
180
|
-
attributeChangedCallback(t, e,
|
|
181
|
-
this._$AK(t,
|
|
180
|
+
attributeChangedCallback(t, e, n) {
|
|
181
|
+
this._$AK(t, n);
|
|
182
182
|
}
|
|
183
183
|
_$ET(t, e) {
|
|
184
|
-
var
|
|
185
|
-
const
|
|
186
|
-
if (i !== void 0 &&
|
|
187
|
-
const s = (((
|
|
184
|
+
var r;
|
|
185
|
+
const n = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, n);
|
|
186
|
+
if (i !== void 0 && n.reflect === !0) {
|
|
187
|
+
const s = (((r = n.converter) == null ? void 0 : r.toAttribute) !== void 0 ? n.converter : Pt).toAttribute(e, n.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 r, s;
|
|
193
|
+
const n = this.constructor, i = n._$Eh.get(t);
|
|
194
194
|
if (i !== void 0 && this._$Em !== i) {
|
|
195
|
-
const c =
|
|
195
|
+
const c = n.getPropertyOptions(i), h = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((r = c.converter) == null ? void 0 : r.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, n) {
|
|
200
200
|
var i;
|
|
201
201
|
if (t !== void 0) {
|
|
202
|
-
const
|
|
203
|
-
if (
|
|
204
|
-
this.C(t, e,
|
|
202
|
+
const r = this.constructor, s = this[t];
|
|
203
|
+
if (n ?? (n = r.getPropertyOptions(t)), !((n.hasChanged ?? Kt)(s, e) || n.useDefault && n.reflect && s === ((i = this._$Ej) == null ? void 0 : i.get(t)) && !this.hasAttribute(r._$Eu(t, n)))) return;
|
|
204
|
+
this.C(t, e, n);
|
|
205
205
|
}
|
|
206
206
|
this.isUpdatePending === !1 && (this._$ES = this._$EP());
|
|
207
207
|
}
|
|
208
|
-
C(t, e, { useDefault:
|
|
209
|
-
|
|
208
|
+
C(t, e, { useDefault: n, reflect: i, wrapped: r }, s) {
|
|
209
|
+
n && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, s ?? e ?? this[t]), r !== !0 || s !== void 0) || (this._$AL.has(t) || (this.hasUpdated || n || (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 at = class extends HTMLElement {
|
|
|
222
222
|
return this.performUpdate();
|
|
223
223
|
}
|
|
224
224
|
performUpdate() {
|
|
225
|
-
var
|
|
225
|
+
var n;
|
|
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 [r, s] of this._$Ep) this[r] = 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 [r, s] of i) {
|
|
234
|
+
const { wrapped: c } = s, h = this[r];
|
|
235
|
+
c !== !0 || this._$AL.has(r) || h === void 0 || this.C(r, 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), (n = this._$EO) == null || n.forEach((i) => {
|
|
242
|
+
var r;
|
|
243
|
+
return (r = i.hostUpdate) == null ? void 0 : r.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 at = 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((n) => {
|
|
255
255
|
var i;
|
|
256
|
-
return (i =
|
|
256
|
+
return (i = n.hostUpdated) == null ? void 0 : i.call(n);
|
|
257
257
|
}), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
|
|
258
258
|
}
|
|
259
259
|
_$EM() {
|
|
@@ -276,76 +276,76 @@ let at = class extends HTMLElement {
|
|
|
276
276
|
firstUpdated(t) {
|
|
277
277
|
}
|
|
278
278
|
};
|
|
279
|
-
|
|
279
|
+
ct.elementStyles = [], ct.shadowRootOptions = { mode: "open" }, ct[vt("elementProperties")] = /* @__PURE__ */ new Map(), ct[vt("finalized")] = /* @__PURE__ */ new Map(), Tt == null || Tt({ ReactiveElement: ct }), (J.reactiveElementVersions ?? (J.reactiveElementVersions = [])).push("2.1.0");
|
|
280
280
|
/**
|
|
281
281
|
* @license
|
|
282
282
|
* Copyright 2017 Google LLC
|
|
283
283
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
284
284
|
*/
|
|
285
|
-
const
|
|
286
|
-
\f\r]`,
|
|
287
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"),
|
|
288
|
-
function
|
|
289
|
-
if (!
|
|
290
|
-
return
|
|
285
|
+
const gt = globalThis, Bt = gt.trustedTypes, pe = Bt ? Bt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, we = "$lit$", Y = `lit$${Math.random().toFixed(9).slice(2)}$`, $e = "?" + Y, He = `<${$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", Ht = `[
|
|
286
|
+
\f\r]`, ft = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ue = /-->/g, fe = />/g, it = RegExp(`>|${Ht}(?:([^\\s"'>=/]+)(${Ht}*=${Ht}*(?:[^
|
|
287
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), ve = /'/g, ge = /"/g, ke = /^(?:script|style|textarea|title)$/i, Fe = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = Fe(1), Q = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), be = /* @__PURE__ */ new WeakMap(), nt = st.createTreeWalker(st, 129);
|
|
288
|
+
function _e(o, t) {
|
|
289
|
+
if (!Wt(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
290
|
+
return pe !== void 0 ? pe.createHTML(t) : t;
|
|
291
291
|
}
|
|
292
|
-
const
|
|
293
|
-
const e = o.length - 1,
|
|
294
|
-
let i,
|
|
292
|
+
const je = (o, t) => {
|
|
293
|
+
const e = o.length - 1, n = [];
|
|
294
|
+
let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = ft;
|
|
295
295
|
for (let c = 0; c < e; c++) {
|
|
296
296
|
const h = o[c];
|
|
297
|
-
let
|
|
298
|
-
for (;
|
|
299
|
-
const
|
|
300
|
-
|
|
297
|
+
let x, k, v = -1, q = 0;
|
|
298
|
+
for (; q < h.length && (s.lastIndex = q, k = s.exec(h), k !== null); ) q = s.lastIndex, s === ft ? k[1] === "!--" ? s = ue : k[1] !== void 0 ? s = fe : k[2] !== void 0 ? (ke.test(k[2]) && (i = RegExp("</" + k[2], "g")), s = it) : k[3] !== void 0 && (s = it) : s === it ? k[0] === ">" ? (s = i ?? ft, v = -1) : k[1] === void 0 ? v = -2 : (v = s.lastIndex - k[2].length, x = k[1], s = k[3] === void 0 ? it : k[3] === '"' ? ge : ve) : s === ge || s === ve ? s = it : s === ue || s === fe ? s = ft : (s = it, i = void 0);
|
|
299
|
+
const X = s === it && o[c + 1].startsWith("/>") ? " " : "";
|
|
300
|
+
r += s === ft ? h + He : v >= 0 ? (n.push(x), h.slice(0, v) + we + h.slice(v) + Y + X) : h + Y + (v === -2 ? c : X);
|
|
301
301
|
}
|
|
302
|
-
return [
|
|
302
|
+
return [_e(o, r + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), n];
|
|
303
303
|
};
|
|
304
|
-
class
|
|
305
|
-
constructor({ strings: t, _$litType$: e },
|
|
304
|
+
class xt {
|
|
305
|
+
constructor({ strings: t, _$litType$: e }, n) {
|
|
306
306
|
let i;
|
|
307
307
|
this.parts = [];
|
|
308
|
-
let
|
|
309
|
-
const c = t.length - 1, h = this.parts, [
|
|
310
|
-
if (this.el =
|
|
311
|
-
const
|
|
312
|
-
|
|
308
|
+
let r = 0, s = 0;
|
|
309
|
+
const c = t.length - 1, h = this.parts, [x, k] = je(t, e);
|
|
310
|
+
if (this.el = xt.createElement(x, n), nt.currentNode = this.el.content, e === 2 || e === 3) {
|
|
311
|
+
const v = this.el.content.firstChild;
|
|
312
|
+
v.replaceWith(...v.childNodes);
|
|
313
313
|
}
|
|
314
|
-
for (; (i =
|
|
314
|
+
for (; (i = nt.nextNode()) !== null && h.length < c; ) {
|
|
315
315
|
if (i.nodeType === 1) {
|
|
316
|
-
if (i.hasAttributes()) for (const
|
|
317
|
-
const
|
|
318
|
-
h.push({ type: 1, index:
|
|
319
|
-
} else
|
|
320
|
-
if (
|
|
321
|
-
const
|
|
322
|
-
if (
|
|
323
|
-
i.textContent =
|
|
324
|
-
for (let
|
|
325
|
-
i.append(
|
|
316
|
+
if (i.hasAttributes()) for (const v of i.getAttributeNames()) if (v.endsWith(we)) {
|
|
317
|
+
const q = k[s++], X = i.getAttribute(v).split(Y), At = /([.?@])?(.*)/.exec(q);
|
|
318
|
+
h.push({ type: 1, index: r, name: At[2], strings: X, ctor: At[1] === "." ? Ue : At[1] === "?" ? Ne : At[1] === "@" ? Ve : Ot }), i.removeAttribute(v);
|
|
319
|
+
} else v.startsWith(Y) && (h.push({ type: 6, index: r }), i.removeAttribute(v));
|
|
320
|
+
if (ke.test(i.tagName)) {
|
|
321
|
+
const v = i.textContent.split(Y), q = v.length - 1;
|
|
322
|
+
if (q > 0) {
|
|
323
|
+
i.textContent = Bt ? Bt.emptyScript : "";
|
|
324
|
+
for (let X = 0; X < q; X++) i.append(v[X], yt()), nt.nextNode(), h.push({ type: 2, index: ++r });
|
|
325
|
+
i.append(v[q], yt());
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
|
-
} else if (i.nodeType === 8) if (i.data ===
|
|
328
|
+
} else if (i.nodeType === 8) if (i.data === $e) h.push({ type: 2, index: r });
|
|
329
329
|
else {
|
|
330
|
-
let
|
|
331
|
-
for (; (
|
|
330
|
+
let v = -1;
|
|
331
|
+
for (; (v = i.data.indexOf(Y, v + 1)) !== -1; ) h.push({ type: 7, index: r }), v += Y.length - 1;
|
|
332
332
|
}
|
|
333
|
-
|
|
333
|
+
r++;
|
|
334
334
|
}
|
|
335
335
|
}
|
|
336
336
|
static createElement(t, e) {
|
|
337
|
-
const
|
|
338
|
-
return
|
|
337
|
+
const n = st.createElement("template");
|
|
338
|
+
return n.innerHTML = t, n;
|
|
339
339
|
}
|
|
340
340
|
}
|
|
341
|
-
function
|
|
341
|
+
function ht(o, t, e = o, n) {
|
|
342
342
|
var s, c;
|
|
343
|
-
if (t ===
|
|
344
|
-
let i =
|
|
345
|
-
const
|
|
346
|
-
return (i == null ? void 0 : i.constructor) !==
|
|
343
|
+
if (t === Q) return t;
|
|
344
|
+
let i = n !== void 0 ? (s = e._$Co) == null ? void 0 : s[n] : e._$Cl;
|
|
345
|
+
const r = mt(t) ? void 0 : t._$litDirective$;
|
|
346
|
+
return (i == null ? void 0 : i.constructor) !== r && ((c = i == null ? void 0 : i._$AO) == null || c.call(i, !1), r === void 0 ? i = void 0 : (i = new r(o), i._$AT(o, e, n)), n !== void 0 ? (e._$Co ?? (e._$Co = []))[n] = i : e._$Cl = i), i !== void 0 && (t = ht(o, i._$AS(o, t.values), i, n)), t;
|
|
347
347
|
}
|
|
348
|
-
class
|
|
348
|
+
class Re {
|
|
349
349
|
constructor(t, e) {
|
|
350
350
|
this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
|
|
351
351
|
}
|
|
@@ -356,30 +356,30 @@ class Fe {
|
|
|
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: n } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? st).importNode(e, !0);
|
|
360
|
+
nt.currentNode = i;
|
|
361
|
+
let r = nt.nextNode(), s = 0, c = 0, h = n[0];
|
|
362
362
|
for (; h !== void 0; ) {
|
|
363
363
|
if (s === h.index) {
|
|
364
|
-
let
|
|
365
|
-
h.type === 2 ?
|
|
364
|
+
let x;
|
|
365
|
+
h.type === 2 ? x = new Et(r, r.nextSibling, this, t) : h.type === 1 ? x = new h.ctor(r, h.name, h.strings, this, t) : h.type === 6 && (x = new qe(r, this, t)), this._$AV.push(x), h = n[++c];
|
|
366
366
|
}
|
|
367
|
-
s !== (h == null ? void 0 : h.index) && (
|
|
367
|
+
s !== (h == null ? void 0 : h.index) && (r = nt.nextNode(), s++);
|
|
368
368
|
}
|
|
369
|
-
return
|
|
369
|
+
return nt.currentNode = st, i;
|
|
370
370
|
}
|
|
371
371
|
p(t) {
|
|
372
372
|
let e = 0;
|
|
373
|
-
for (const
|
|
373
|
+
for (const n of this._$AV) n !== void 0 && (n.strings !== void 0 ? (n._$AI(t, n, e), e += n.strings.length - 2) : n._$AI(t[e])), e++;
|
|
374
374
|
}
|
|
375
375
|
}
|
|
376
|
-
class
|
|
376
|
+
class Et {
|
|
377
377
|
get _$AU() {
|
|
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, n, i) {
|
|
382
|
+
this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = n, 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;
|
|
@@ -393,7 +393,7 @@ class Ct {
|
|
|
393
393
|
return this._$AB;
|
|
394
394
|
}
|
|
395
395
|
_$AI(t, e = this) {
|
|
396
|
-
t =
|
|
396
|
+
t = ht(this, t, e), mt(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== Q && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Me(t) ? this.k(t) : this._(t);
|
|
397
397
|
}
|
|
398
398
|
O(t) {
|
|
399
399
|
return this._$AA.parentNode.insertBefore(t, this._$AB);
|
|
@@ -402,31 +402,31 @@ class Ct {
|
|
|
402
402
|
this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
|
|
403
403
|
}
|
|
404
404
|
_(t) {
|
|
405
|
-
this._$AH !== d &&
|
|
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 r;
|
|
409
|
+
const { values: e, _$litType$: n } = t, i = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = xt.createElement(_e(n.h, n.h[0]), this.options)), n);
|
|
410
|
+
if (((r = this._$AH) == null ? void 0 : r._$AD) === i) this._$AH.p(e);
|
|
411
411
|
else {
|
|
412
|
-
const s = new
|
|
412
|
+
const s = new Re(i, this), c = s.u(this.options);
|
|
413
413
|
s.p(e), this.T(c), this._$AH = s;
|
|
414
414
|
}
|
|
415
415
|
}
|
|
416
416
|
_$AC(t) {
|
|
417
|
-
let e =
|
|
418
|
-
return e === void 0 &&
|
|
417
|
+
let e = be.get(t.strings);
|
|
418
|
+
return e === void 0 && be.set(t.strings, e = new xt(t)), e;
|
|
419
419
|
}
|
|
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 n, i = 0;
|
|
424
|
+
for (const r of t) i === e.length ? e.push(n = new Et(this.O(yt()), this.O(yt()), this, this.options)) : n = e[i], n._$AI(r), i++;
|
|
425
|
+
i < e.length && (this._$AR(n && n._$AB.nextSibling, i), e.length = i);
|
|
426
426
|
}
|
|
427
427
|
_$AR(t = this._$AA.nextSibling, e) {
|
|
428
|
-
var
|
|
429
|
-
for ((
|
|
428
|
+
var n;
|
|
429
|
+
for ((n = this._$AP) == null ? void 0 : n.call(this, !1, !0, e); t && t !== this._$AB; ) {
|
|
430
430
|
const i = t.nextSibling;
|
|
431
431
|
t.remove(), t = i;
|
|
432
432
|
}
|
|
@@ -436,24 +436,24 @@ class Ct {
|
|
|
436
436
|
this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
|
|
437
437
|
}
|
|
438
438
|
}
|
|
439
|
-
class
|
|
439
|
+
class Ot {
|
|
440
440
|
get tagName() {
|
|
441
441
|
return this.element.tagName;
|
|
442
442
|
}
|
|
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, n, i, r) {
|
|
447
|
+
this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = r, n.length > 2 || n[0] !== "" || n[1] !== "" ? (this._$AH = Array(n.length - 1).fill(new String()), this.strings = n) : this._$AH = d;
|
|
448
448
|
}
|
|
449
|
-
_$AI(t, e = this,
|
|
450
|
-
const
|
|
449
|
+
_$AI(t, e = this, n, i) {
|
|
450
|
+
const r = this.strings;
|
|
451
451
|
let s = !1;
|
|
452
|
-
if (
|
|
452
|
+
if (r === void 0) t = ht(this, t, e, 0), s = !mt(t) || t !== this._$AH && t !== Q, s && (this._$AH = t);
|
|
453
453
|
else {
|
|
454
454
|
const c = t;
|
|
455
|
-
let h,
|
|
456
|
-
for (t =
|
|
455
|
+
let h, x;
|
|
456
|
+
for (t = r[0], h = 0; h < r.length - 1; h++) x = ht(this, c[n + h], e, h), x === Q && (x = this._$AH[h]), s || (s = !mt(x) || x !== this._$AH[h]), x === d ? t = d : t !== d && (t += (x ?? "") + r[h + 1]), this._$AH[h] = x;
|
|
457
457
|
}
|
|
458
458
|
s && !i && this.j(t);
|
|
459
459
|
}
|
|
@@ -461,7 +461,7 @@ class Pt {
|
|
|
461
461
|
t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
|
|
462
462
|
}
|
|
463
463
|
}
|
|
464
|
-
class
|
|
464
|
+
class Ue extends Ot {
|
|
465
465
|
constructor() {
|
|
466
466
|
super(...arguments), this.type = 3;
|
|
467
467
|
}
|
|
@@ -469,7 +469,7 @@ class je extends Pt {
|
|
|
469
469
|
this.element[this.name] = t === d ? void 0 : t;
|
|
470
470
|
}
|
|
471
471
|
}
|
|
472
|
-
class
|
|
472
|
+
class Ne extends Ot {
|
|
473
473
|
constructor() {
|
|
474
474
|
super(...arguments), this.type = 4;
|
|
475
475
|
}
|
|
@@ -477,39 +477,39 @@ class Re extends Pt {
|
|
|
477
477
|
this.element.toggleAttribute(this.name, !!t && t !== d);
|
|
478
478
|
}
|
|
479
479
|
}
|
|
480
|
-
class
|
|
481
|
-
constructor(t, e,
|
|
482
|
-
super(t, e,
|
|
480
|
+
class Ve extends Ot {
|
|
481
|
+
constructor(t, e, n, i, r) {
|
|
482
|
+
super(t, e, n, i, r), this.type = 5;
|
|
483
483
|
}
|
|
484
484
|
_$AI(t, e = this) {
|
|
485
|
-
if ((t =
|
|
486
|
-
const
|
|
487
|
-
i && this.element.removeEventListener(this.name, this,
|
|
485
|
+
if ((t = ht(this, t, e, 0) ?? d) === Q) return;
|
|
486
|
+
const n = this._$AH, i = t === d && n !== d || t.capture !== n.capture || t.once !== n.once || t.passive !== n.passive, r = t !== d && (n === d || i);
|
|
487
|
+
i && this.element.removeEventListener(this.name, this, n), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
|
|
488
488
|
}
|
|
489
489
|
handleEvent(t) {
|
|
490
490
|
var e;
|
|
491
491
|
typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
|
|
492
492
|
}
|
|
493
493
|
}
|
|
494
|
-
class
|
|
495
|
-
constructor(t, e,
|
|
496
|
-
this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options =
|
|
494
|
+
class qe {
|
|
495
|
+
constructor(t, e, n) {
|
|
496
|
+
this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = n;
|
|
497
497
|
}
|
|
498
498
|
get _$AU() {
|
|
499
499
|
return this._$AM._$AU;
|
|
500
500
|
}
|
|
501
501
|
_$AI(t) {
|
|
502
|
-
|
|
502
|
+
ht(this, t);
|
|
503
503
|
}
|
|
504
504
|
}
|
|
505
|
-
const
|
|
506
|
-
|
|
507
|
-
const
|
|
508
|
-
const
|
|
509
|
-
let i =
|
|
505
|
+
const Mt = gt.litHtmlPolyfillSupport;
|
|
506
|
+
Mt == null || Mt(xt, Et), (gt.litHtmlVersions ?? (gt.litHtmlVersions = [])).push("3.3.0");
|
|
507
|
+
const Ze = (o, t, e) => {
|
|
508
|
+
const n = (e == null ? void 0 : e.renderBefore) ?? t;
|
|
509
|
+
let i = n._$litPart$;
|
|
510
510
|
if (i === void 0) {
|
|
511
|
-
const
|
|
512
|
-
|
|
511
|
+
const r = (e == null ? void 0 : e.renderBefore) ?? null;
|
|
512
|
+
n._$litPart$ = i = new Et(t.insertBefore(yt(), r), r, void 0, e ?? {});
|
|
513
513
|
}
|
|
514
514
|
return i._$AI(o), i;
|
|
515
515
|
};
|
|
@@ -518,8 +518,8 @@ const Ve = (o, t, e) => {
|
|
|
518
518
|
* Copyright 2017 Google LLC
|
|
519
519
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
520
520
|
*/
|
|
521
|
-
const
|
|
522
|
-
let p = class extends
|
|
521
|
+
const rt = globalThis;
|
|
522
|
+
let p = class extends ct {
|
|
523
523
|
constructor() {
|
|
524
524
|
super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
|
|
525
525
|
}
|
|
@@ -530,7 +530,7 @@ let p = class extends at {
|
|
|
530
530
|
}
|
|
531
531
|
update(t) {
|
|
532
532
|
const e = this.render();
|
|
533
|
-
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do =
|
|
533
|
+
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ze(e, this.renderRoot, this.renderOptions);
|
|
534
534
|
}
|
|
535
535
|
connectedCallback() {
|
|
536
536
|
var t;
|
|
@@ -541,14 +541,14 @@ let p = class extends at {
|
|
|
541
541
|
super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
|
|
542
542
|
}
|
|
543
543
|
render() {
|
|
544
|
-
return
|
|
544
|
+
return Q;
|
|
545
545
|
}
|
|
546
546
|
};
|
|
547
|
-
var
|
|
548
|
-
p._$litElement$ = !0, p.finalized = !0, (
|
|
549
|
-
const
|
|
550
|
-
|
|
551
|
-
(
|
|
547
|
+
var me;
|
|
548
|
+
p._$litElement$ = !0, p.finalized = !0, (me = rt.litElementHydrateSupport) == null || me.call(rt, { LitElement: p });
|
|
549
|
+
const Ft = rt.litElementPolyfillSupport;
|
|
550
|
+
Ft == null || Ft({ LitElement: p });
|
|
551
|
+
(rt.litElementVersions ?? (rt.litElementVersions = [])).push("4.2.0");
|
|
552
552
|
/**
|
|
553
553
|
* @license
|
|
554
554
|
* Copyright 2017 Google LLC
|
|
@@ -564,10 +564,10 @@ const g = (o) => (t, e) => {
|
|
|
564
564
|
* Copyright 2017 Google LLC
|
|
565
565
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
566
566
|
*/
|
|
567
|
-
const
|
|
568
|
-
const { kind:
|
|
569
|
-
let
|
|
570
|
-
if (
|
|
567
|
+
const Ke = { attribute: !0, type: String, converter: Pt, reflect: !1, hasChanged: Kt }, We = (o = Ke, t, e) => {
|
|
568
|
+
const { kind: n, metadata: i } = e;
|
|
569
|
+
let r = globalThis.litPropertyMetadata.get(i);
|
|
570
|
+
if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), n === "setter" && ((o = Object.create(o)).wrapped = !0), r.set(e.name, o), n === "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 qe = { attribute: !0, type: String, converter: At, 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 (n === "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: " + n);
|
|
587
587
|
};
|
|
588
588
|
function a(o) {
|
|
589
|
-
return (t, e) => typeof e == "object" ?
|
|
590
|
-
const s = i.hasOwnProperty(
|
|
591
|
-
return i.constructor.createProperty(
|
|
589
|
+
return (t, e) => typeof e == "object" ? We(o, t, e) : ((n, i, r) => {
|
|
590
|
+
const s = i.hasOwnProperty(r);
|
|
591
|
+
return i.constructor.createProperty(r, n), s ? Object.getOwnPropertyDescriptor(i, r) : void 0;
|
|
592
592
|
})(o, t, e);
|
|
593
593
|
}
|
|
594
594
|
/**
|
|
@@ -596,7 +596,7 @@ function a(o) {
|
|
|
596
596
|
* Copyright 2017 Google LLC
|
|
597
597
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
598
598
|
*/
|
|
599
|
-
function
|
|
599
|
+
function et(o) {
|
|
600
600
|
return a({ ...o, state: !0, attribute: !1 });
|
|
601
601
|
}
|
|
602
602
|
/**
|
|
@@ -604,28 +604,28 @@ function Q(o) {
|
|
|
604
604
|
* Copyright 2017 Google LLC
|
|
605
605
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
606
606
|
*/
|
|
607
|
-
const
|
|
607
|
+
const Ge = (o, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(o, t, e), e);
|
|
608
608
|
/**
|
|
609
609
|
* @license
|
|
610
610
|
* Copyright 2017 Google LLC
|
|
611
611
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
612
612
|
*/
|
|
613
|
-
function
|
|
614
|
-
return (e,
|
|
615
|
-
const
|
|
613
|
+
function Ce(o, t) {
|
|
614
|
+
return (e, n, i) => {
|
|
615
|
+
const r = (s) => {
|
|
616
616
|
var c;
|
|
617
617
|
return ((c = s.renderRoot) == null ? void 0 : c.querySelector(o)) ?? null;
|
|
618
618
|
};
|
|
619
|
-
return
|
|
620
|
-
return
|
|
619
|
+
return Ge(e, n, { get() {
|
|
620
|
+
return r(this);
|
|
621
621
|
} });
|
|
622
622
|
};
|
|
623
623
|
}
|
|
624
|
-
const
|
|
624
|
+
const at = f`
|
|
625
625
|
outline: 1px dashed var(--color-border-primary);
|
|
626
626
|
outline-offset: 2px;
|
|
627
627
|
`;
|
|
628
|
-
|
|
628
|
+
f`
|
|
629
629
|
:host * {
|
|
630
630
|
box-sizing: border-box;
|
|
631
631
|
}
|
|
@@ -635,12 +635,12 @@ v`
|
|
|
635
635
|
* Copyright 2023 Google LLC
|
|
636
636
|
* SPDX-License-Identifier: Apache-2.0
|
|
637
637
|
*/
|
|
638
|
-
const
|
|
639
|
-
function
|
|
638
|
+
const Gt = Symbol("internals"), jt = Symbol("privateInternals");
|
|
639
|
+
function Xt(o) {
|
|
640
640
|
var t;
|
|
641
641
|
class e extends o {
|
|
642
|
-
get [(t =
|
|
643
|
-
return this[
|
|
642
|
+
get [(t = Gt, t)]() {
|
|
643
|
+
return this[jt] || (this[jt] = this.attachInternals()), this[jt];
|
|
644
644
|
}
|
|
645
645
|
}
|
|
646
646
|
return e;
|
|
@@ -650,14 +650,14 @@ function Wt(o) {
|
|
|
650
650
|
* Copyright 2023 Google LLC
|
|
651
651
|
* SPDX-License-Identifier: Apache-2.0
|
|
652
652
|
*/
|
|
653
|
-
function
|
|
653
|
+
function Xe(o) {
|
|
654
654
|
o.addInitializer((t) => {
|
|
655
655
|
const e = t;
|
|
656
|
-
e.addEventListener("click", async (
|
|
657
|
-
const { type: i, [
|
|
656
|
+
e.addEventListener("click", async (n) => {
|
|
657
|
+
const { type: i, [Gt]: r } = e, { form: s } = r;
|
|
658
658
|
if (!(!s || i === "button") && (await new Promise((c) => {
|
|
659
659
|
setTimeout(c);
|
|
660
|
-
}), !
|
|
660
|
+
}), !n.defaultPrevented)) {
|
|
661
661
|
if (i === "reset") {
|
|
662
662
|
s.reset();
|
|
663
663
|
return;
|
|
@@ -672,161 +672,161 @@ function We(o) {
|
|
|
672
672
|
});
|
|
673
673
|
},
|
|
674
674
|
{ capture: !0, once: !0 }
|
|
675
|
-
),
|
|
675
|
+
), r.setFormValue(e.value), s.requestSubmit();
|
|
676
676
|
}
|
|
677
677
|
});
|
|
678
678
|
});
|
|
679
679
|
}
|
|
680
|
-
const
|
|
680
|
+
const Ye = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
681
681
|
<path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
|
|
682
682
|
</svg>
|
|
683
|
-
`,
|
|
683
|
+
`, Je = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
684
684
|
<path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
|
|
685
685
|
</svg>
|
|
686
|
-
`,
|
|
686
|
+
`, Qe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
687
687
|
<path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
|
|
688
688
|
</svg>
|
|
689
|
-
`,
|
|
689
|
+
`, to = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
690
690
|
<path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
|
|
691
691
|
</svg>
|
|
692
|
-
`,
|
|
692
|
+
`, eo = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
693
693
|
<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.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
|
|
694
694
|
</svg>
|
|
695
|
-
`,
|
|
695
|
+
`, oo = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
696
696
|
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM6.36554 11.5396V7.32718H6.97424L8 4.21467L9.02576 7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L8 10.3812L6.36554 11.5513V11.5396Z" fill="#3F2B2E"/>
|
|
697
697
|
</svg>
|
|
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
|
+
`, no = `<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
|
+
`, ro = `<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">
|
|
708
708
|
<path d="M2 2L14 14" stroke="#3F2B2E"/>
|
|
709
709
|
<path d="M14 2L2 14" stroke="#3F2B2E"/>
|
|
710
710
|
</svg>
|
|
711
|
-
`,
|
|
711
|
+
`, ao = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
712
712
|
<path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
|
|
713
713
|
</svg>
|
|
714
|
-
`,
|
|
714
|
+
`, lo = `<?xml version="1.0" encoding="utf-8"?>
|
|
715
715
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
716
716
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
717
717
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
718
718
|
<path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
|
|
719
719
|
s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
|
|
720
720
|
</svg>
|
|
721
|
-
`,
|
|
721
|
+
`, co = `<?xml version="1.0" encoding="utf-8"?>
|
|
722
722
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
723
723
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
724
724
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
725
725
|
<path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
|
|
726
726
|
</svg>
|
|
727
|
-
`,
|
|
727
|
+
`, ho = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
728
728
|
<path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
|
|
729
729
|
</svg>
|
|
730
|
-
`,
|
|
730
|
+
`, po = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
731
731
|
<path d="M14.1218 7.43502C13.9504 7.60543 13.6735 7.60543 13.5021 7.43502L8.55961 2.49408V14.5625C8.55961 14.8041 8.36365 15 8.12192 15C7.88018 15 7.68422 14.8041 7.68422 14.5625V2.49408L2.74177 7.43502C2.57002 7.60082 2.29703 7.59845 2.1282 7.4297C1.95936 7.26094 1.95699 6.98808 2.12287 6.81642L7.81203 1.13C7.89368 1.04685 8.00535 1 8.12192 1C8.23848 1 8.35015 1.04685 8.4318 1.13L14.121 6.81642C14.2921 6.98702 14.2925 7.26395 14.1218 7.43502Z" fill="#3F2B2E"/>
|
|
732
732
|
</svg>
|
|
733
|
-
`,
|
|
733
|
+
`, uo = `<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
734
734
|
<path d="M6.33317 8.00033C6.33317 3.95024 7.52708 0.666992 8.99984 0.666992C10.4726 0.666992 11.6665 3.95024 11.6665 8.00033M5.33317 15.3337H12.6665L16.3332 6.20033C14.9582 5.76699 12.2998 5.33366 8.99984 5.33366C5.69984 5.33366 3.49984 5.76699 1.6665 6.20033L5.33317 15.3337Z" stroke="#3F2B2E"/>
|
|
735
735
|
</svg>
|
|
736
|
-
`,
|
|
736
|
+
`, fo = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
737
737
|
<path d="M7.99376 14.4486C7.46684 14.4486 6.93991 14.251 6.54472 13.8558C6.14953 13.4606 5.8202 12.9995 5.68847 12.4067H3.77837C2.98798 12.4067 2.59279 12.4067 2.32933 12.1433C2.13173 12.0116 2 11.7481 2 11.5505C2 11.2212 2.13173 10.826 2.52692 10.1673L2.92212 9.4428C3.31731 8.78415 3.51491 8.05963 3.64664 7.3351L3.84423 5.68847C3.97596 4.63462 4.43702 3.7125 5.22741 3.05385C6.01779 2.39519 7.00578 2 7.99376 2C8.98174 2 10.0356 2.39519 10.7601 3.05385C11.5505 3.7125 12.0116 4.70049 12.1433 5.68847L12.3409 7.26924C12.4067 8.05963 12.6702 8.78415 13.0654 9.37693L13.4606 10.1015C13.8558 10.7601 14.0534 11.0894 13.9875 11.4846C13.9875 11.7481 13.8558 11.9457 13.6582 12.0774C13.3947 12.3409 12.9995 12.3409 12.2092 12.3409H10.2991C10.1673 12.9337 9.83799 13.4606 9.4428 13.7899C9.04761 14.1851 8.52068 14.3827 7.99376 14.3827V14.4486ZM6.28126 12.4067C6.41299 12.8019 6.61058 13.1971 6.93991 13.4606C7.5327 13.9875 8.45482 13.9875 9.11347 13.4606C9.4428 13.1971 9.6404 12.8019 9.77213 12.4067H6.28126ZM7.99376 2.65865C7.13751 2.65865 6.28126 2.98798 5.6226 3.58077C4.96395 4.17356 4.56875 4.96395 4.43702 5.88606L4.23943 7.46684C4.1077 8.32309 3.84423 9.11347 3.44904 9.83799L3.05385 10.5625C2.72452 11.0894 2.59279 11.3529 2.59279 11.5505C2.59279 11.6164 2.59279 11.7481 2.72452 11.814C2.85625 11.8798 3.25144 11.8798 3.77837 11.8798H12.2092C12.7361 11.8798 13.1971 11.8798 13.263 11.814C13.3289 11.814 13.3947 11.6822 13.3947 11.5505C13.3947 11.4188 13.1971 11.0894 12.9337 10.5625L12.5385 9.83799C12.0774 9.11347 11.814 8.32309 11.7481 7.5327L11.5505 5.88606C11.4846 5.02981 11.0236 4.17356 10.3649 3.58077C9.70626 2.98798 8.85001 2.65865 7.99376 2.65865Z" fill="#3F2B2E"/>
|
|
738
738
|
</svg>
|
|
739
|
-
`,
|
|
739
|
+
`, vo = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
740
740
|
<path d="M12 17.4585L4 6.4585L20 6.4585L12 17.4585Z" fill="#3F2B2E"/>
|
|
741
741
|
</svg>
|
|
742
|
-
`,
|
|
742
|
+
`, go = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
743
743
|
<path d="M12 6.4585L20 17.4585H4L12 6.4585Z" fill="#3F2B2E"/>
|
|
744
744
|
</svg>
|
|
745
|
-
`,
|
|
745
|
+
`, bo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
746
746
|
<path d="M5.24611 10.4659C5.04705 10.4654 4.85616 10.3867 4.71465 10.2467L0.210718 5.74273C-0.0737595 5.44819 -0.0696911 4.98 0.219862 4.69045C0.509415 4.4009 0.977603 4.39683 1.27214 4.6813L5.18306 8.59071L10.6628 1.74024C10.9219 1.41646 11.3945 1.36403 11.7183 1.62314C12.042 1.88225 12.0945 2.35477 11.8354 2.67856L5.83012 10.1851C5.69763 10.3521 5.49956 10.4539 5.28665 10.4643L5.24611 10.4659Z" fill="#3F2B2E"/>
|
|
747
747
|
</svg>
|
|
748
|
-
`,
|
|
748
|
+
`, yo = `<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
749
749
|
<rect x="1" width="2" height="8" fill="#3F2B2E"/>
|
|
750
750
|
<rect x="5" width="2" height="8" fill="#3F2B2E"/>
|
|
751
751
|
</svg>
|
|
752
|
-
`,
|
|
752
|
+
`, mo = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
753
753
|
<path d="M10.5037 5.99925C10.7795 5.99925 11.0037 6.22311 11.0037 6.49925V14.2922L13.1462 12.1448C13.3411 11.9498 13.6573 11.95 13.8523 12.1448H13.8533C14.0482 12.34 14.0481 12.6565 13.8533 12.8518L10.8572 15.8518C10.6618 16.0471 10.3455 16.0471 10.1501 15.8518L7.15406 12.8518C6.96522 12.6557 6.96774 12.3444 7.15992 12.1516C7.35242 11.9588 7.66416 11.9556 7.86011 12.1448L10.0046 14.2922V6.49925C10.0046 6.22319 10.228 5.99938 10.5037 5.99925ZM5.15699 0.145737C5.35218 -0.0485278 5.66791 -0.0486304 5.86304 0.145737L8.85913 3.14574C9.04829 3.34183 9.04562 3.65402 8.85327 3.84691C8.66066 4.03978 8.34902 4.04225 8.15308 3.85277L6.00952 1.70628V9.49925C6.0095 9.77533 5.78621 9.99918 5.5105 9.99925C5.23473 9.99925 5.0115 9.77538 5.01148 9.49925V1.70628L2.86695 3.85179C2.74288 3.98695 2.55447 4.04321 2.37671 3.99828C2.1991 3.95328 2.06051 3.81475 2.01538 3.63695C1.97026 3.45902 2.02608 3.27015 2.16089 3.14574L5.15699 0.145737Z" fill="#001022"/>
|
|
754
754
|
</svg>
|
|
755
|
-
`,
|
|
755
|
+
`, xo = `<svg viewBox="0 0 200 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
|
|
756
756
|
<line x1="0" y1="0" x2="200" y2="200" />
|
|
757
|
-
</svg>`,
|
|
757
|
+
</svg>`, wo = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
758
758
|
<path d="M2.31202e-08 7.85218C0.974855 6.83983 3.01741 4.44477 6.12766 0.666992L6.54545 0.926252C5.54739 3.04971 4.35203 5.40773 2.95938 8.00033C4.35203 10.5929 5.54739 12.9509 6.54545 15.0744L6.12766 15.3337C3.01741 11.5559 0.974855 9.16082 0 8.14847L2.31202e-08 7.85218Z" fill="#3F2B2E"/>
|
|
759
759
|
<path d="M16 8.14847C15.0251 9.16082 12.9826 11.5559 9.87234 15.3337L9.45455 15.0744C10.4526 12.9509 11.648 10.5929 13.0406 8.00033C11.648 5.40773 10.4526 3.04971 9.45455 0.92625L9.87234 0.666992C12.9826 4.44477 15.0251 6.83983 16 7.85218V8.14847Z" fill="#3F2B2E"/>
|
|
760
760
|
</svg>
|
|
761
|
-
`,
|
|
761
|
+
`, $o = `<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
762
762
|
<path d="M8 0.458496C12.4183 0.458496 16 4.04022 16 8.4585C16 12.8768 12.4183 16.4585 8 16.4585C3.58172 16.4585 0 12.8768 0 8.4585C0 4.04022 3.58172 0.458496 8 0.458496ZM11.8115 5.56787C11.5953 5.39556 11.2797 5.43075 11.1074 5.64697L7.45801 10.2104L4.85254 7.60596C4.65647 7.41684 4.34516 7.41943 4.15234 7.61182C3.95956 7.8046 3.95626 8.11678 4.14551 8.31299L7.14551 11.313C7.23977 11.4062 7.36741 11.4592 7.5 11.4595L7.52832 11.4585C7.67017 11.4503 7.80168 11.3818 7.89062 11.271L11.8906 6.271C12.0629 6.05485 12.0275 5.74022 11.8115 5.56787Z" fill="#3B7902"/>
|
|
763
763
|
</svg>
|
|
764
|
-
`,
|
|
764
|
+
`, ko = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
765
765
|
<path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 10C7.44772 10 7 10.4477 7 11C7 11.5523 7.44772 12 8 12C8.55229 12 9 11.5523 9 11C9 10.4477 8.55229 10 8 10ZM7.5 4C7.22386 4 7 4.22386 7 4.5V8.5C7 8.77614 7.22386 9 7.5 9H8.5C8.77614 9 9 8.77614 9 8.5V4.5C9 4.22386 8.77614 4 8.5 4H7.5Z" fill="#BB0218"/>
|
|
766
766
|
</svg>
|
|
767
|
-
`,
|
|
767
|
+
`, _o = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
768
768
|
<path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM7.16602 6.1084V12H8.84668V6.1084H7.16602ZM8.00684 2.64062C7.45497 2.64062 7.01096 3.09591 7.01074 3.63574C7.01074 4.18774 7.45484 4.63184 8.00684 4.63184C8.55862 4.63159 9.00195 4.18759 9.00195 3.63574C9.00174 3.09606 8.55849 2.64088 8.00684 2.64062Z" fill="#4572A6"/>
|
|
769
769
|
</svg>
|
|
770
|
-
`,
|
|
770
|
+
`, Co = `<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
771
771
|
<path d="M16.0003 10.1648C16.0003 13.2904 13.4583 15.8332 10.3336 15.8332H7.00026C6.81617 15.8332 6.66693 15.6839 6.66693 15.4997C6.66693 15.3156 6.81617 15.1663 7.00026 15.1663H10.3336C13.0909 15.1663 15.3336 12.923 15.3336 10.1648C15.3336 7.40663 13.0909 5.16328 10.3336 5.16328H1.13826L3.90226 7.92812C4.0326 8.05831 4.03275 8.26955 3.9026 8.39993C3.77244 8.5303 3.56127 8.53045 3.43093 8.40026L0.0975955 5.06592C-0.0325318 4.93571 -0.0325318 4.72465 0.0975955 4.59444L3.43093 1.2601C3.56172 1.13374 3.76962 1.13555 3.8982 1.26416C4.02678 1.39278 4.02859 1.60075 3.90226 1.73158L1.13826 4.49641H10.3336C13.4583 4.49641 16.0003 7.03918 16.0003 10.1648Z" fill="#001022"/>
|
|
772
772
|
</svg>
|
|
773
|
-
`,
|
|
773
|
+
`, So = `<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
|
|
774
774
|
<path d="M1 4.5415L3 6.5415L9 0.541504" stroke="#FBF9F6" stroke-linecap="round" stroke-linejoin="round"/>
|
|
775
|
-
</svg>`,
|
|
775
|
+
</svg>`, Eo = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
776
776
|
<path d="M4.5 8L11.5 13L11.5 3L4.5 8Z" fill="#3F2B2E"/>
|
|
777
777
|
</svg>
|
|
778
|
-
`,
|
|
778
|
+
`, Ao = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
779
779
|
<path d="M11.5 8L4.5 13L4.5 3L11.5 8Z" fill="#3F2B2E"/>
|
|
780
780
|
</svg>
|
|
781
|
-
`,
|
|
782
|
-
wishlist:
|
|
783
|
-
playerv:
|
|
784
|
-
chevronRight:
|
|
785
|
-
chevronLeft:
|
|
786
|
-
icoPlus:
|
|
787
|
-
icoMinus:
|
|
788
|
-
"star-0":
|
|
789
|
-
"star-25":
|
|
790
|
-
"star-50":
|
|
791
|
-
"star-75":
|
|
792
|
-
"star-100":
|
|
793
|
-
cross:
|
|
794
|
-
search:
|
|
795
|
-
arrowLeft:
|
|
796
|
-
arrowTop:
|
|
797
|
-
cart:
|
|
798
|
-
notifyme:
|
|
799
|
-
triangledown:
|
|
800
|
-
triangleup:
|
|
801
|
-
checkstroke:
|
|
802
|
-
pause:
|
|
803
|
-
mapDualArrow:
|
|
804
|
-
swipeDualArrow:
|
|
805
|
-
backToBag:
|
|
806
|
-
checkbox:
|
|
807
|
-
sliderLeftArrow:
|
|
808
|
-
sliderRightArrow:
|
|
809
|
-
},
|
|
810
|
-
strikeDiagonal:
|
|
811
|
-
},
|
|
812
|
-
success:
|
|
813
|
-
error:
|
|
814
|
-
info:
|
|
781
|
+
`, Z = {
|
|
782
|
+
wishlist: Ye,
|
|
783
|
+
playerv: Je,
|
|
784
|
+
chevronRight: Qe,
|
|
785
|
+
chevronLeft: to,
|
|
786
|
+
icoPlus: lo,
|
|
787
|
+
icoMinus: co,
|
|
788
|
+
"star-0": eo,
|
|
789
|
+
"star-25": oo,
|
|
790
|
+
"star-50": io,
|
|
791
|
+
"star-75": no,
|
|
792
|
+
"star-100": ro,
|
|
793
|
+
cross: so,
|
|
794
|
+
search: ao,
|
|
795
|
+
arrowLeft: ho,
|
|
796
|
+
arrowTop: po,
|
|
797
|
+
cart: uo,
|
|
798
|
+
notifyme: fo,
|
|
799
|
+
triangledown: vo,
|
|
800
|
+
triangleup: go,
|
|
801
|
+
checkstroke: bo,
|
|
802
|
+
pause: yo,
|
|
803
|
+
mapDualArrow: mo,
|
|
804
|
+
swipeDualArrow: wo,
|
|
805
|
+
backToBag: Co,
|
|
806
|
+
checkbox: So,
|
|
807
|
+
sliderLeftArrow: Eo,
|
|
808
|
+
sliderRightArrow: Ao
|
|
809
|
+
}, Lo = {
|
|
810
|
+
strikeDiagonal: xo
|
|
811
|
+
}, Po = {
|
|
812
|
+
success: $o,
|
|
813
|
+
error: ko,
|
|
814
|
+
info: _o
|
|
815
815
|
};
|
|
816
816
|
/**
|
|
817
817
|
* @license
|
|
818
818
|
* Copyright 2017 Google LLC
|
|
819
819
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
820
820
|
*/
|
|
821
|
-
const
|
|
822
|
-
let
|
|
821
|
+
const Yt = { ATTRIBUTE: 1, CHILD: 2 }, Jt = (o) => (...t) => ({ _$litDirective$: o, values: t });
|
|
822
|
+
let Qt = class {
|
|
823
823
|
constructor(t) {
|
|
824
824
|
}
|
|
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, n) {
|
|
829
|
+
this._$Ct = t, this._$AM = e, this._$Ci = n;
|
|
830
830
|
}
|
|
831
831
|
_$AS(t, e) {
|
|
832
832
|
return this.update(t, e);
|
|
@@ -840,13 +840,13 @@ let Yt = class {
|
|
|
840
840
|
* Copyright 2017 Google LLC
|
|
841
841
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
842
842
|
*/
|
|
843
|
-
class
|
|
843
|
+
class Rt extends Qt {
|
|
844
844
|
constructor(t) {
|
|
845
|
-
if (super(t), this.it = d, t.type !==
|
|
845
|
+
if (super(t), this.it = d, t.type !== Yt.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
|
|
846
846
|
}
|
|
847
847
|
render(t) {
|
|
848
848
|
if (t === d || t == null) return this._t = void 0, this.it = t;
|
|
849
|
-
if (t ===
|
|
849
|
+
if (t === Q) return t;
|
|
850
850
|
if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
|
|
851
851
|
if (t === this.it) return this._t;
|
|
852
852
|
this.it = t;
|
|
@@ -854,72 +854,72 @@ class Ft extends Yt {
|
|
|
854
854
|
return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
|
|
855
855
|
}
|
|
856
856
|
}
|
|
857
|
-
|
|
857
|
+
Rt.directiveName = "unsafeHTML", Rt.resultType = 1;
|
|
858
858
|
/**
|
|
859
859
|
* @license
|
|
860
860
|
* Copyright 2017 Google LLC
|
|
861
861
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
862
862
|
*/
|
|
863
|
-
class
|
|
863
|
+
class Ut extends Rt {
|
|
864
864
|
}
|
|
865
|
-
|
|
866
|
-
const
|
|
865
|
+
Ut.directiveName = "unsafeSVG", Ut.resultType = 2;
|
|
866
|
+
const C = Jt(Ut);
|
|
867
867
|
/**
|
|
868
868
|
* @license
|
|
869
869
|
* Copyright 2020 Google LLC
|
|
870
870
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
871
871
|
*/
|
|
872
|
-
const
|
|
872
|
+
const Bo = (o) => o.strings === void 0;
|
|
873
873
|
/**
|
|
874
874
|
* @license
|
|
875
875
|
* Copyright 2017 Google LLC
|
|
876
876
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
877
877
|
*/
|
|
878
|
-
const
|
|
879
|
-
var
|
|
878
|
+
const bt = (o, t) => {
|
|
879
|
+
var n;
|
|
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) (n = i._$AO) == null || n.call(i, t, !1), bt(i, t);
|
|
883
883
|
return !0;
|
|
884
|
-
},
|
|
884
|
+
}, zt = (o) => {
|
|
885
885
|
let t, e;
|
|
886
886
|
do {
|
|
887
887
|
if ((t = o._$AM) === void 0) break;
|
|
888
888
|
e = t._$AN, e.delete(o), o = t;
|
|
889
889
|
} while ((e == null ? void 0 : e.size) === 0);
|
|
890
|
-
},
|
|
890
|
+
}, Se = (o) => {
|
|
891
891
|
for (let t; t = o._$AM; o = t) {
|
|
892
892
|
let e = t._$AN;
|
|
893
893
|
if (e === void 0) t._$AN = e = /* @__PURE__ */ new Set();
|
|
894
894
|
else if (e.has(o)) break;
|
|
895
|
-
e.add(o),
|
|
895
|
+
e.add(o), Io(t);
|
|
896
896
|
}
|
|
897
897
|
};
|
|
898
|
-
function
|
|
899
|
-
this._$AN !== void 0 ? (
|
|
898
|
+
function zo(o) {
|
|
899
|
+
this._$AN !== void 0 ? (zt(this), this._$AM = o, Se(this)) : this._$AM = o;
|
|
900
900
|
}
|
|
901
|
-
function
|
|
902
|
-
const
|
|
903
|
-
if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(
|
|
904
|
-
else
|
|
905
|
-
else
|
|
901
|
+
function Oo(o, t = !1, e = 0) {
|
|
902
|
+
const n = this._$AH, i = this._$AN;
|
|
903
|
+
if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(n)) for (let r = e; r < n.length; r++) bt(n[r], !1), zt(n[r]);
|
|
904
|
+
else n != null && (bt(n, !1), zt(n));
|
|
905
|
+
else bt(this, o);
|
|
906
906
|
}
|
|
907
|
-
const
|
|
908
|
-
o.type ==
|
|
907
|
+
const Io = (o) => {
|
|
908
|
+
o.type == Yt.CHILD && (o._$AP ?? (o._$AP = Oo), o._$AQ ?? (o._$AQ = zo));
|
|
909
909
|
};
|
|
910
|
-
class
|
|
910
|
+
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, n) {
|
|
915
|
+
super._$AT(t, e, n), 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 n, i;
|
|
919
|
+
t !== this.isConnected && (this.isConnected = t, t ? (n = this.reconnected) == null || n.call(this) : (i = this.disconnected) == null || i.call(this)), e && (bt(this, t), zt(this));
|
|
920
920
|
}
|
|
921
921
|
setValue(t) {
|
|
922
|
-
if (
|
|
922
|
+
if (Bo(this._$Ct)) this._$Ct._$AI(t, this);
|
|
923
923
|
else {
|
|
924
924
|
const e = [...this._$Ct._$AH];
|
|
925
925
|
e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
|
|
@@ -930,7 +930,7 @@ class Oo extends Yt {
|
|
|
930
930
|
reconnected() {
|
|
931
931
|
}
|
|
932
932
|
}
|
|
933
|
-
class
|
|
933
|
+
class To extends Do {
|
|
934
934
|
constructor() {
|
|
935
935
|
super(...arguments), this.prevData = {};
|
|
936
936
|
}
|
|
@@ -938,49 +938,49 @@ class Io extends Oo {
|
|
|
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 n;
|
|
942
|
+
this.element !== t.element && (this.element = t.element), this.host = ((n = t.options) === null || n === void 0 ? void 0 : n.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: n } = this;
|
|
948
948
|
for (const i in t) {
|
|
949
|
-
const
|
|
950
|
-
|
|
949
|
+
const r = t[i];
|
|
950
|
+
r !== e[i] && (n[i] = r);
|
|
951
951
|
}
|
|
952
952
|
}
|
|
953
953
|
groom(t) {
|
|
954
|
-
const { prevData: e, element:
|
|
954
|
+
const { prevData: e, element: n } = this;
|
|
955
955
|
if (e)
|
|
956
956
|
for (const i in e)
|
|
957
|
-
(!t || !(i in t) &&
|
|
957
|
+
(!t || !(i in t) && n[i] === e[i]) && (n[i] = void 0);
|
|
958
958
|
}
|
|
959
959
|
}
|
|
960
|
-
class
|
|
960
|
+
class Ho extends To {
|
|
961
961
|
constructor() {
|
|
962
962
|
super(...arguments), this.eventData = {};
|
|
963
963
|
}
|
|
964
964
|
apply(t) {
|
|
965
965
|
if (t)
|
|
966
966
|
for (const e in t) {
|
|
967
|
-
const
|
|
968
|
-
|
|
967
|
+
const n = t[e];
|
|
968
|
+
n !== this.eventData[e] && this.applyEvent(e, n);
|
|
969
969
|
}
|
|
970
970
|
}
|
|
971
971
|
applyEvent(t, e) {
|
|
972
|
-
const { prevData:
|
|
973
|
-
this.eventData[t] = e,
|
|
972
|
+
const { prevData: n, element: i } = this;
|
|
973
|
+
this.eventData[t] = e, n[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: n } = this;
|
|
977
977
|
if (e)
|
|
978
978
|
for (const i in e)
|
|
979
|
-
(!t || !(i in t) &&
|
|
979
|
+
(!t || !(i in t) && n[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: n } = this;
|
|
983
|
+
delete this.eventData[t], n.removeEventListener(t, this, e);
|
|
984
984
|
}
|
|
985
985
|
handleEvent(t) {
|
|
986
986
|
const e = this.eventData[t.type];
|
|
@@ -988,81 +988,81 @@ class Do extends Io {
|
|
|
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 n in t) {
|
|
992
|
+
const i = n.slice(1), r = t[n];
|
|
993
|
+
e.removeEventListener(i, this, r);
|
|
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 n in t) {
|
|
999
|
+
const i = n.slice(1), r = t[n];
|
|
1000
|
+
e.addEventListener(i, this, r);
|
|
1001
1001
|
}
|
|
1002
1002
|
}
|
|
1003
1003
|
}
|
|
1004
|
-
class
|
|
1004
|
+
class Mo extends Ho {
|
|
1005
1005
|
apply(t) {
|
|
1006
1006
|
if (!t)
|
|
1007
1007
|
return;
|
|
1008
|
-
const { prevData: e, element:
|
|
1008
|
+
const { prevData: e, element: n } = this;
|
|
1009
1009
|
for (const i in t) {
|
|
1010
|
-
const
|
|
1011
|
-
if (
|
|
1010
|
+
const r = t[i];
|
|
1011
|
+
if (r === 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] = r, this.applyEvent(s, r);
|
|
1017
1017
|
break;
|
|
1018
1018
|
case ".":
|
|
1019
|
-
|
|
1019
|
+
n[s] = r;
|
|
1020
1020
|
break;
|
|
1021
1021
|
case "?":
|
|
1022
|
-
|
|
1022
|
+
r ? n.setAttribute(s, "") : n.removeAttribute(s);
|
|
1023
1023
|
break;
|
|
1024
1024
|
default:
|
|
1025
|
-
|
|
1025
|
+
r != null ? n.setAttribute(i, String(r)) : n.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: n } = this;
|
|
1032
1032
|
if (e)
|
|
1033
1033
|
for (const i in e) {
|
|
1034
|
-
const
|
|
1035
|
-
if (!t || !(i in t) && r
|
|
1034
|
+
const r = i.slice(1);
|
|
1035
|
+
if (!t || !(i in t) && n[r] === e[i])
|
|
1036
1036
|
switch (i[0]) {
|
|
1037
1037
|
case "@":
|
|
1038
|
-
this.groomEvent(
|
|
1038
|
+
this.groomEvent(r, e[i]);
|
|
1039
1039
|
break;
|
|
1040
1040
|
case ".":
|
|
1041
|
-
r
|
|
1041
|
+
n[r] = void 0;
|
|
1042
1042
|
break;
|
|
1043
1043
|
case "?":
|
|
1044
|
-
|
|
1044
|
+
n.removeAttribute(r);
|
|
1045
1045
|
break;
|
|
1046
1046
|
default:
|
|
1047
|
-
|
|
1047
|
+
n.removeAttribute(i);
|
|
1048
1048
|
break;
|
|
1049
1049
|
}
|
|
1050
1050
|
}
|
|
1051
1051
|
}
|
|
1052
1052
|
}
|
|
1053
|
-
const
|
|
1053
|
+
const ye = Jt(Mo);
|
|
1054
1054
|
/**
|
|
1055
1055
|
* @license
|
|
1056
1056
|
* Copyright 2018 Google LLC
|
|
1057
1057
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1058
1058
|
*/
|
|
1059
|
-
const
|
|
1060
|
-
var
|
|
1061
|
-
for (var i =
|
|
1062
|
-
(s = o[
|
|
1063
|
-
return
|
|
1059
|
+
const P = (o) => o ?? d;
|
|
1060
|
+
var Fo = Object.defineProperty, jo = Object.getOwnPropertyDescriptor, j = (o, t, e, n) => {
|
|
1061
|
+
for (var i = n > 1 ? void 0 : n ? jo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
1062
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
1063
|
+
return n && i && Fo(t, e, i), i;
|
|
1064
1064
|
};
|
|
1065
|
-
let
|
|
1065
|
+
let B = class extends p {
|
|
1066
1066
|
constructor() {
|
|
1067
1067
|
super(...arguments), this.bgstyle = "background-light", this.size = "medium", this.status = "empty", this.type = "button", this.strokewidth = "1", this.icon = "wishlist", this.disabled = !1, this.showSrLabel = !1, this.srLabel = "";
|
|
1068
1068
|
}
|
|
@@ -1070,27 +1070,27 @@ let L = class extends p {
|
|
|
1070
1070
|
super.updated(o), this.style.setProperty("--icon-stroke-width", this.strokewidth);
|
|
1071
1071
|
}
|
|
1072
1072
|
render() {
|
|
1073
|
-
const o =
|
|
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"'), n = 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}">
|
|
1077
|
-
${
|
|
1077
|
+
${C(e)}
|
|
1078
1078
|
</span>
|
|
1079
1079
|
` : l`
|
|
1080
1080
|
<button
|
|
1081
1081
|
type="button"
|
|
1082
|
-
aria-label=${
|
|
1082
|
+
aria-label=${P(i)}
|
|
1083
1083
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
1084
1084
|
?disabled="${this.disabled}"
|
|
1085
1085
|
>
|
|
1086
|
-
${
|
|
1087
|
-
${
|
|
1086
|
+
${C(e)}
|
|
1087
|
+
${n}
|
|
1088
1088
|
</button>
|
|
1089
1089
|
`}
|
|
1090
1090
|
`;
|
|
1091
1091
|
}
|
|
1092
1092
|
};
|
|
1093
|
-
|
|
1093
|
+
B.styles = f`
|
|
1094
1094
|
:host {
|
|
1095
1095
|
display: inline-flex;
|
|
1096
1096
|
justify-content: center;
|
|
@@ -1295,55 +1295,55 @@ L.styles = v`
|
|
|
1295
1295
|
}
|
|
1296
1296
|
|
|
1297
1297
|
.icon-button:focus-visible {
|
|
1298
|
-
${
|
|
1298
|
+
${at}
|
|
1299
1299
|
}
|
|
1300
1300
|
|
|
1301
1301
|
.sr-only {
|
|
1302
1302
|
display: none;
|
|
1303
1303
|
}
|
|
1304
1304
|
`;
|
|
1305
|
-
|
|
1305
|
+
j([
|
|
1306
1306
|
a({ type: String, reflect: !0 })
|
|
1307
|
-
],
|
|
1308
|
-
|
|
1307
|
+
], B.prototype, "bgstyle", 2);
|
|
1308
|
+
j([
|
|
1309
1309
|
a({ type: String, reflect: !0 })
|
|
1310
|
-
],
|
|
1311
|
-
|
|
1310
|
+
], B.prototype, "size", 2);
|
|
1311
|
+
j([
|
|
1312
1312
|
a({ type: String, reflect: !0 })
|
|
1313
|
-
],
|
|
1314
|
-
|
|
1313
|
+
], B.prototype, "status", 2);
|
|
1314
|
+
j([
|
|
1315
1315
|
a({ type: String, reflect: !0 })
|
|
1316
|
-
],
|
|
1317
|
-
|
|
1316
|
+
], B.prototype, "type", 2);
|
|
1317
|
+
j([
|
|
1318
1318
|
a({ type: String })
|
|
1319
|
-
],
|
|
1320
|
-
|
|
1319
|
+
], B.prototype, "strokewidth", 2);
|
|
1320
|
+
j([
|
|
1321
1321
|
a({ type: String })
|
|
1322
|
-
],
|
|
1323
|
-
|
|
1322
|
+
], B.prototype, "icon", 2);
|
|
1323
|
+
j([
|
|
1324
1324
|
a({ type: Boolean, reflect: !0 })
|
|
1325
|
-
],
|
|
1326
|
-
|
|
1325
|
+
], B.prototype, "disabled", 2);
|
|
1326
|
+
j([
|
|
1327
1327
|
a({ type: Boolean })
|
|
1328
|
-
],
|
|
1329
|
-
|
|
1328
|
+
], B.prototype, "showSrLabel", 2);
|
|
1329
|
+
j([
|
|
1330
1330
|
a({ type: String })
|
|
1331
|
-
],
|
|
1332
|
-
|
|
1331
|
+
], B.prototype, "srLabel", 2);
|
|
1332
|
+
B = j([
|
|
1333
1333
|
g("o-icon-button")
|
|
1334
|
-
],
|
|
1335
|
-
var
|
|
1336
|
-
for (var i =
|
|
1337
|
-
(s = o[
|
|
1338
|
-
return
|
|
1334
|
+
], B);
|
|
1335
|
+
var Ro = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, b = (o, t, e, n) => {
|
|
1336
|
+
for (var i = n > 1 ? void 0 : n ? Uo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
1337
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
1338
|
+
return n && 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, n;
|
|
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 = (n = this.shadowRoot) == null ? void 0 : n.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 n = 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 (n) {
|
|
1363
1363
|
this.showHeaderStartIcon = !1;
|
|
1364
|
-
const
|
|
1365
|
-
this.showDetail = !1, this.isHidingDetail = !1,
|
|
1364
|
+
const r = () => {
|
|
1365
|
+
this.showDetail = !1, this.isHidingDetail = !1, n.removeEventListener("animationend", r), i();
|
|
1366
1366
|
};
|
|
1367
|
-
|
|
1367
|
+
n.addEventListener("animationend", r);
|
|
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, n;
|
|
1377
|
+
(n = 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 || n.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, r, 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 = ((r = t.shadowRoot) == null ? void 0 : r.querySelector("button")) ?? t) == null ? void 0 : s.focus) == null || c.call(s, { preventScroll: !0 });
|
|
1407
|
+
const n = (h = this.shadowRoot) == null ? void 0 : h.querySelector('.panel[role="dialog"]');
|
|
1408
|
+
n && n.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 n = this.renderRoot.querySelector(
|
|
1430
1430
|
".o-whats-inside--content p"
|
|
1431
1431
|
);
|
|
1432
|
-
|
|
1432
|
+
n == null || n.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 r = [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
|
+
r.push(...c, ...h);
|
|
1451
1451
|
}
|
|
1452
|
-
return
|
|
1452
|
+
return r.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 n = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".panel .close-btn"), i = this.resolveFocusable(n);
|
|
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, n, i, r;
|
|
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 = (n = (e = this.previousFocusedElement.shadowRoot) == null ? void 0 : e.querySelector(".button")) == null ? void 0 : n.focus) == null || i.call(n) : (r = this.previousFocusedElement) == null || r.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 })
|
|
@@ -1571,7 +1571,7 @@ let u = class extends p {
|
|
|
1571
1571
|
variant="${this.firstButtonVariant}"
|
|
1572
1572
|
@click=${this.handleFirstClick}
|
|
1573
1573
|
@keydown=${this.handleFirstClick}
|
|
1574
|
-
${
|
|
1574
|
+
${ye(this.firstButtonProps)}
|
|
1575
1575
|
>
|
|
1576
1576
|
${this.firstButtonLabel}
|
|
1577
1577
|
</o-button>
|
|
@@ -1582,7 +1582,7 @@ let u = class extends p {
|
|
|
1582
1582
|
variant="${this.secondButtonVariant}"
|
|
1583
1583
|
@click=${this.handleSecondClick}
|
|
1584
1584
|
@keydown=${this.handleSecondClick}
|
|
1585
|
-
${
|
|
1585
|
+
${ye(this.secondButtonProps)}
|
|
1586
1586
|
>
|
|
1587
1587
|
${this.secondButtonLabel}
|
|
1588
1588
|
</o-button>
|
|
@@ -1594,7 +1594,7 @@ let u = class extends p {
|
|
|
1594
1594
|
`;
|
|
1595
1595
|
}
|
|
1596
1596
|
};
|
|
1597
|
-
u.styles =
|
|
1597
|
+
u.styles = f`
|
|
1598
1598
|
:host {
|
|
1599
1599
|
--z-overlay: 99;
|
|
1600
1600
|
--z-panel: 100;
|
|
@@ -1708,7 +1708,7 @@ u.styles = v`
|
|
|
1708
1708
|
|
|
1709
1709
|
.panel:focus-visible,
|
|
1710
1710
|
.close-btn:focus-visible {
|
|
1711
|
-
${
|
|
1711
|
+
${at}
|
|
1712
1712
|
}
|
|
1713
1713
|
|
|
1714
1714
|
[role="document"] {
|
|
@@ -1878,13 +1878,13 @@ b([
|
|
|
1878
1878
|
u = b([
|
|
1879
1879
|
g("o-side-panel")
|
|
1880
1880
|
], u);
|
|
1881
|
-
var
|
|
1882
|
-
for (var i =
|
|
1883
|
-
(s = o[
|
|
1884
|
-
return
|
|
1881
|
+
var No = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, $ = (o, t, e, n) => {
|
|
1882
|
+
for (var i = n > 1 ? void 0 : n ? Vo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
1883
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
1884
|
+
return n && i && No(t, e, i), i;
|
|
1885
1885
|
};
|
|
1886
|
-
const
|
|
1887
|
-
let y = class extends
|
|
1886
|
+
const qo = Xt(p);
|
|
1887
|
+
let y = class extends qo {
|
|
1888
1888
|
constructor() {
|
|
1889
1889
|
super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.text = "", this.textsecond = "", this.fullwidth = !1, this.disabled = !1, this.startIconModel = "", this.endIconModel = "", this.startIcon = !1, this.endIcon = !1, this.panelTarget = "", this.href = "", this.target = "", this.underlined = !1, this.withbadge = !1;
|
|
1890
1890
|
}
|
|
@@ -1895,7 +1895,7 @@ let y = class extends No {
|
|
|
1895
1895
|
this.setAttribute("name", o);
|
|
1896
1896
|
}
|
|
1897
1897
|
get form() {
|
|
1898
|
-
return this[
|
|
1898
|
+
return this[Gt].form;
|
|
1899
1899
|
}
|
|
1900
1900
|
handleClick(o) {
|
|
1901
1901
|
if (!(o instanceof KeyboardEvent && !["Enter", " "].includes(o.key)) && this.panelTarget) {
|
|
@@ -1909,11 +1909,11 @@ let y = class extends No {
|
|
|
1909
1909
|
renderIcon(o) {
|
|
1910
1910
|
const t = o === "start" ? this.startIconModel : this.endIconModel;
|
|
1911
1911
|
if (!t) return d;
|
|
1912
|
-
const e =
|
|
1912
|
+
const e = Z[t].replace(
|
|
1913
1913
|
"<svg",
|
|
1914
1914
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
1915
1915
|
);
|
|
1916
|
-
return l`<span class="${o === "start" ? "icon-start" : "icon-end"}">${
|
|
1916
|
+
return l`<span class="${o === "start" ? "icon-start" : "icon-end"}">${C(e)}</span>`;
|
|
1917
1917
|
}
|
|
1918
1918
|
renderButton() {
|
|
1919
1919
|
const o = this.text || this.textsecond;
|
|
@@ -1952,9 +1952,9 @@ let y = class extends No {
|
|
|
1952
1952
|
`;
|
|
1953
1953
|
}
|
|
1954
1954
|
};
|
|
1955
|
-
|
|
1955
|
+
Xe(y);
|
|
1956
1956
|
y.formAssociated = !0;
|
|
1957
|
-
y.styles =
|
|
1957
|
+
y.styles = f`
|
|
1958
1958
|
:host {
|
|
1959
1959
|
--button-border: transparent;
|
|
1960
1960
|
--badge-outer-width: 19px;
|
|
@@ -2071,7 +2071,7 @@ y.styles = v`
|
|
|
2071
2071
|
}
|
|
2072
2072
|
|
|
2073
2073
|
.button:focus-visible {
|
|
2074
|
-
${
|
|
2074
|
+
${at};
|
|
2075
2075
|
}
|
|
2076
2076
|
|
|
2077
2077
|
span.text + span.text::before {
|
|
@@ -2156,63 +2156,63 @@ y.styles = v`
|
|
|
2156
2156
|
}
|
|
2157
2157
|
//End icon movment on hover
|
|
2158
2158
|
`;
|
|
2159
|
-
|
|
2159
|
+
$([
|
|
2160
2160
|
a()
|
|
2161
2161
|
], y.prototype, "type", 2);
|
|
2162
|
-
|
|
2162
|
+
$([
|
|
2163
2163
|
a()
|
|
2164
2164
|
], y.prototype, "value", 2);
|
|
2165
|
-
|
|
2165
|
+
$([
|
|
2166
2166
|
a({ type: String, reflect: !0 })
|
|
2167
2167
|
], y.prototype, "variant", 2);
|
|
2168
|
-
|
|
2168
|
+
$([
|
|
2169
2169
|
a({ type: String })
|
|
2170
2170
|
], y.prototype, "text", 2);
|
|
2171
|
-
|
|
2171
|
+
$([
|
|
2172
2172
|
a({ type: String })
|
|
2173
2173
|
], y.prototype, "textsecond", 2);
|
|
2174
|
-
|
|
2174
|
+
$([
|
|
2175
2175
|
a({ type: Boolean, reflect: !0 })
|
|
2176
2176
|
], y.prototype, "fullwidth", 2);
|
|
2177
|
-
|
|
2177
|
+
$([
|
|
2178
2178
|
a({ type: Boolean, reflect: !0 })
|
|
2179
2179
|
], y.prototype, "disabled", 2);
|
|
2180
|
-
|
|
2180
|
+
$([
|
|
2181
2181
|
a({ type: String })
|
|
2182
2182
|
], y.prototype, "startIconModel", 2);
|
|
2183
|
-
|
|
2183
|
+
$([
|
|
2184
2184
|
a({ type: String })
|
|
2185
2185
|
], y.prototype, "endIconModel", 2);
|
|
2186
|
-
|
|
2186
|
+
$([
|
|
2187
2187
|
a({ type: Boolean, reflect: !0, attribute: "starticon" })
|
|
2188
2188
|
], y.prototype, "startIcon", 2);
|
|
2189
|
-
|
|
2189
|
+
$([
|
|
2190
2190
|
a({ type: Boolean, reflect: !0, attribute: "endicon" })
|
|
2191
2191
|
], y.prototype, "endIcon", 2);
|
|
2192
|
-
|
|
2192
|
+
$([
|
|
2193
2193
|
a({ type: String, attribute: "paneltarget" })
|
|
2194
2194
|
], y.prototype, "panelTarget", 2);
|
|
2195
|
-
|
|
2195
|
+
$([
|
|
2196
2196
|
a({ type: String })
|
|
2197
2197
|
], y.prototype, "href", 2);
|
|
2198
|
-
|
|
2198
|
+
$([
|
|
2199
2199
|
a({ type: String })
|
|
2200
2200
|
], y.prototype, "target", 2);
|
|
2201
|
-
|
|
2201
|
+
$([
|
|
2202
2202
|
a({ type: Boolean, reflect: !0 })
|
|
2203
2203
|
], y.prototype, "underlined", 2);
|
|
2204
|
-
|
|
2204
|
+
$([
|
|
2205
2205
|
a({ type: Boolean, reflect: !0 })
|
|
2206
2206
|
], y.prototype, "withbadge", 2);
|
|
2207
|
-
y =
|
|
2207
|
+
y = $([
|
|
2208
2208
|
g("o-button")
|
|
2209
2209
|
], y);
|
|
2210
|
-
var
|
|
2211
|
-
for (var i =
|
|
2212
|
-
(s = o[
|
|
2213
|
-
return
|
|
2210
|
+
var Zo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, It = (o, t, e, n) => {
|
|
2211
|
+
for (var i = n > 1 ? void 0 : n ? Ko(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
2212
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
2213
|
+
return n && i && Zo(t, e, i), i;
|
|
2214
2214
|
};
|
|
2215
|
-
let
|
|
2215
|
+
let dt = class extends p {
|
|
2216
2216
|
constructor() {
|
|
2217
2217
|
super(...arguments), this.status = "empty", this.ariaDescribedBy = "a-product-name", this.label = "Add to wishlist", this.toggleStatus = () => {
|
|
2218
2218
|
this.status = this.status === "empty" ? "filled" : "empty", this.setAttribute("aria-pressed", String(this.status === "filled")), this.dispatchEvent(new CustomEvent("wishlist-toggle", {
|
|
@@ -2232,14 +2232,14 @@ let ct = class extends p {
|
|
|
2232
2232
|
(o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.toggleStatus());
|
|
2233
2233
|
}
|
|
2234
2234
|
render() {
|
|
2235
|
-
const o =
|
|
2235
|
+
const o = Z.wishlist.replace(
|
|
2236
2236
|
"<svg",
|
|
2237
2237
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
2238
2238
|
);
|
|
2239
2239
|
return l`
|
|
2240
2240
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
2241
2241
|
<span class="sr-only">${this.label}</span>
|
|
2242
|
-
${
|
|
2242
|
+
${C(o)}
|
|
2243
2243
|
</button>
|
|
2244
2244
|
`;
|
|
2245
2245
|
}
|
|
@@ -2253,7 +2253,7 @@ let ct = class extends p {
|
|
|
2253
2253
|
this.label = o, this.requestUpdate();
|
|
2254
2254
|
}
|
|
2255
2255
|
};
|
|
2256
|
-
|
|
2256
|
+
dt.styles = f`
|
|
2257
2257
|
:host {
|
|
2258
2258
|
display: inline-flex;
|
|
2259
2259
|
justify-content: center;
|
|
@@ -2283,7 +2283,7 @@ ct.styles = v`
|
|
|
2283
2283
|
}
|
|
2284
2284
|
|
|
2285
2285
|
.wishlist-button:focus-visible {
|
|
2286
|
-
${
|
|
2286
|
+
${at};
|
|
2287
2287
|
}
|
|
2288
2288
|
|
|
2289
2289
|
.wishlist-button:hover svg path {
|
|
@@ -2318,24 +2318,24 @@ ct.styles = v`
|
|
|
2318
2318
|
white-space: nowrap !important;
|
|
2319
2319
|
}
|
|
2320
2320
|
`;
|
|
2321
|
-
|
|
2321
|
+
It([
|
|
2322
2322
|
a({ type: String, reflect: !0 })
|
|
2323
|
-
],
|
|
2324
|
-
|
|
2323
|
+
], dt.prototype, "status", 2);
|
|
2324
|
+
It([
|
|
2325
2325
|
a({ type: String, reflect: !0 })
|
|
2326
|
-
],
|
|
2327
|
-
|
|
2326
|
+
], dt.prototype, "ariaDescribedBy", 2);
|
|
2327
|
+
It([
|
|
2328
2328
|
a({ type: String, reflect: !0 })
|
|
2329
|
-
],
|
|
2330
|
-
|
|
2329
|
+
], dt.prototype, "label", 2);
|
|
2330
|
+
dt = It([
|
|
2331
2331
|
g("o-wishlist-button")
|
|
2332
|
-
],
|
|
2333
|
-
var
|
|
2334
|
-
for (var i =
|
|
2335
|
-
(s = o[
|
|
2336
|
-
return
|
|
2332
|
+
], dt);
|
|
2333
|
+
var Wo = Object.defineProperty, Go = Object.getOwnPropertyDescriptor, lt = (o, t, e, n) => {
|
|
2334
|
+
for (var i = n > 1 ? void 0 : n ? Go(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
2335
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
2336
|
+
return n && i && Wo(t, e, i), i;
|
|
2337
2337
|
};
|
|
2338
|
-
let
|
|
2338
|
+
let K = class extends p {
|
|
2339
2339
|
constructor() {
|
|
2340
2340
|
super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
|
|
2341
2341
|
}
|
|
@@ -2351,7 +2351,7 @@ let q = class extends p {
|
|
|
2351
2351
|
return l`
|
|
2352
2352
|
<a
|
|
2353
2353
|
href="${o}"
|
|
2354
|
-
target="${
|
|
2354
|
+
target="${P(this.target || void 0)}"
|
|
2355
2355
|
@click="${this._handleClick}"
|
|
2356
2356
|
>
|
|
2357
2357
|
${this.endIcon && this.reverseEndIcon ? l`
|
|
@@ -2377,7 +2377,7 @@ let q = class extends p {
|
|
|
2377
2377
|
`;
|
|
2378
2378
|
}
|
|
2379
2379
|
};
|
|
2380
|
-
|
|
2380
|
+
K.styles = f`
|
|
2381
2381
|
:host([template="standard"]) a {
|
|
2382
2382
|
color: var(--color-content-action-secondary);
|
|
2383
2383
|
font-size: var(--font-size-200);
|
|
@@ -2465,33 +2465,33 @@ q.styles = v`
|
|
|
2465
2465
|
}
|
|
2466
2466
|
/* End of underline effect */
|
|
2467
2467
|
`;
|
|
2468
|
-
|
|
2468
|
+
lt([
|
|
2469
2469
|
a({ type: String })
|
|
2470
|
-
],
|
|
2471
|
-
|
|
2470
|
+
], K.prototype, "href", 2);
|
|
2471
|
+
lt([
|
|
2472
2472
|
a({ type: String })
|
|
2473
|
-
],
|
|
2474
|
-
|
|
2473
|
+
], K.prototype, "target", 2);
|
|
2474
|
+
lt([
|
|
2475
2475
|
a({ type: String, reflect: !0 })
|
|
2476
|
-
],
|
|
2477
|
-
|
|
2476
|
+
], K.prototype, "template", 2);
|
|
2477
|
+
lt([
|
|
2478
2478
|
a({ type: Boolean, reflect: !0 })
|
|
2479
|
-
],
|
|
2480
|
-
|
|
2479
|
+
], K.prototype, "inverse", 2);
|
|
2480
|
+
lt([
|
|
2481
2481
|
a({ type: Boolean, reflect: !0 })
|
|
2482
|
-
],
|
|
2483
|
-
|
|
2482
|
+
], K.prototype, "endIcon", 2);
|
|
2483
|
+
lt([
|
|
2484
2484
|
a({ type: Boolean, reflect: !0 })
|
|
2485
|
-
],
|
|
2486
|
-
|
|
2485
|
+
], K.prototype, "reverseEndIcon", 2);
|
|
2486
|
+
K = lt([
|
|
2487
2487
|
g("o-link")
|
|
2488
|
-
],
|
|
2489
|
-
var
|
|
2490
|
-
for (var i =
|
|
2491
|
-
(s = o[
|
|
2492
|
-
return
|
|
2488
|
+
], K);
|
|
2489
|
+
var Xo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, Dt = (o, t, e, n) => {
|
|
2490
|
+
for (var i = n > 1 ? void 0 : n ? Yo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
2491
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
2492
|
+
return n && i && Xo(t, e, i), i;
|
|
2493
2493
|
};
|
|
2494
|
-
let
|
|
2494
|
+
let pt = class extends p {
|
|
2495
2495
|
constructor() {
|
|
2496
2496
|
super(...arguments), this.rating = 0;
|
|
2497
2497
|
}
|
|
@@ -2499,8 +2499,8 @@ let ht = class extends p {
|
|
|
2499
2499
|
const o = [];
|
|
2500
2500
|
for (let t = 0; t < 5; t++) {
|
|
2501
2501
|
const e = this.rating - t;
|
|
2502
|
-
let
|
|
2503
|
-
e >= 1 ?
|
|
2502
|
+
let n;
|
|
2503
|
+
e >= 1 ? n = 100 : e <= 0 ? n = 0 : n = Math.round(e * 100 / 25) * 25, o.push(`star-${n}`);
|
|
2504
2504
|
}
|
|
2505
2505
|
return o;
|
|
2506
2506
|
}
|
|
@@ -2510,7 +2510,7 @@ let ht = class extends p {
|
|
|
2510
2510
|
<div class="rating">
|
|
2511
2511
|
<div class="stars">
|
|
2512
2512
|
${o.map(
|
|
2513
|
-
(t) => l`<span class="star">${
|
|
2513
|
+
(t) => l`<span class="star">${C(Z[t] ?? "")}</span>`
|
|
2514
2514
|
)}
|
|
2515
2515
|
</div>
|
|
2516
2516
|
${this.reviewCount != null && this.href != null ? l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
|
|
@@ -2518,7 +2518,7 @@ let ht = class extends p {
|
|
|
2518
2518
|
`;
|
|
2519
2519
|
}
|
|
2520
2520
|
};
|
|
2521
|
-
|
|
2521
|
+
pt.styles = f`
|
|
2522
2522
|
svg {
|
|
2523
2523
|
width: 12px;
|
|
2524
2524
|
height: 12px;
|
|
@@ -2552,24 +2552,24 @@ ht.styles = v`
|
|
|
2552
2552
|
cursor: pointer;
|
|
2553
2553
|
}
|
|
2554
2554
|
`;
|
|
2555
|
-
|
|
2555
|
+
Dt([
|
|
2556
2556
|
a({ type: Number })
|
|
2557
|
-
],
|
|
2558
|
-
|
|
2557
|
+
], pt.prototype, "rating", 2);
|
|
2558
|
+
Dt([
|
|
2559
2559
|
a({ type: String })
|
|
2560
|
-
],
|
|
2561
|
-
|
|
2560
|
+
], pt.prototype, "reviewCount", 2);
|
|
2561
|
+
Dt([
|
|
2562
2562
|
a({ type: String })
|
|
2563
|
-
],
|
|
2564
|
-
|
|
2563
|
+
], pt.prototype, "href", 2);
|
|
2564
|
+
pt = Dt([
|
|
2565
2565
|
g("o-rating")
|
|
2566
|
-
],
|
|
2567
|
-
var
|
|
2568
|
-
for (var i =
|
|
2569
|
-
(s = o[
|
|
2570
|
-
return
|
|
2566
|
+
], pt);
|
|
2567
|
+
var Jo = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, ot = (o, t, e, n) => {
|
|
2568
|
+
for (var i = n > 1 ? void 0 : n ? Qo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
2569
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
2570
|
+
return n && i && Jo(t, e, i), i;
|
|
2571
2571
|
};
|
|
2572
|
-
let
|
|
2572
|
+
let F = class extends p {
|
|
2573
2573
|
constructor() {
|
|
2574
2574
|
super(...arguments), this.thumbnails = [], this.activeIndex = 0, this.disabledIndexes = [], this.maxWidth = "100%", this.altressource = "visual", this.focusedIndex = 0, this.playerIconTemplate = l`
|
|
2575
2575
|
<o-icon-button
|
|
@@ -2622,8 +2622,8 @@ let M = class extends p {
|
|
|
2622
2622
|
}), t.classList.add("a--tabfocus"), this.requestUpdate();
|
|
2623
2623
|
}
|
|
2624
2624
|
onFocusOut(o) {
|
|
2625
|
-
const t = o.currentTarget, e = Number(t.dataset.index),
|
|
2626
|
-
(!
|
|
2625
|
+
const t = o.currentTarget, e = Number(t.dataset.index), n = o.relatedTarget;
|
|
2626
|
+
(!n || this.shadowRoot && !this.shadowRoot.contains(n)) && (this.renderRoot.querySelectorAll(".thumb").forEach((s) => s.classList.remove("a--tabfocus")), e === this.lastIndex ? this.dispatchEvent(new CustomEvent("thumb-exit", {
|
|
2627
2627
|
detail: { from: "last", direction: "unspecified" },
|
|
2628
2628
|
bubbles: !0,
|
|
2629
2629
|
composed: !0
|
|
@@ -2637,20 +2637,20 @@ let M = class extends p {
|
|
|
2637
2637
|
return l`
|
|
2638
2638
|
<ul class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
2639
2639
|
${this.thumbnails.map((o, t) => {
|
|
2640
|
-
const e = this.disabledIndexes.includes(t),
|
|
2640
|
+
const e = this.disabledIndexes.includes(t), n = this.activeIndex === t, i = o.type === "video", r = i ? `video ${t}` : `${this.altressource} ${t + 1}`;
|
|
2641
2641
|
return l`
|
|
2642
2642
|
<li class="thumb-wrapper">
|
|
2643
2643
|
<button
|
|
2644
2644
|
class="thumb"
|
|
2645
2645
|
data-index="${t}"
|
|
2646
2646
|
?disabled=${e}
|
|
2647
|
-
aria-current=${
|
|
2647
|
+
aria-current=${n ? "true" : "false"}
|
|
2648
2648
|
@click=${() => this.selectThumbnail(t)}
|
|
2649
2649
|
@keydown=${this.handleKeyDown}
|
|
2650
2650
|
@focus=${(s) => this.onFocus(s)}
|
|
2651
2651
|
@focusout=${(s) => this.onFocusOut(s)}
|
|
2652
2652
|
>
|
|
2653
|
-
<img alt="${
|
|
2653
|
+
<img alt="${r}" src="${o.src}" />
|
|
2654
2654
|
</button>
|
|
2655
2655
|
${i ? l`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>` : null}
|
|
2656
2656
|
</li>
|
|
@@ -2660,7 +2660,7 @@ let M = class extends p {
|
|
|
2660
2660
|
`;
|
|
2661
2661
|
}
|
|
2662
2662
|
};
|
|
2663
|
-
|
|
2663
|
+
F.styles = f`
|
|
2664
2664
|
:host {
|
|
2665
2665
|
display: flex;
|
|
2666
2666
|
gap: 5px;
|
|
@@ -2766,36 +2766,36 @@ M.styles = v`
|
|
|
2766
2766
|
width: 0;
|
|
2767
2767
|
}
|
|
2768
2768
|
`;
|
|
2769
|
-
|
|
2769
|
+
ot([
|
|
2770
2770
|
a({ type: Array })
|
|
2771
|
-
],
|
|
2772
|
-
|
|
2771
|
+
], F.prototype, "thumbnails", 2);
|
|
2772
|
+
ot([
|
|
2773
2773
|
a({ type: Number })
|
|
2774
|
-
],
|
|
2775
|
-
|
|
2774
|
+
], F.prototype, "activeIndex", 2);
|
|
2775
|
+
ot([
|
|
2776
2776
|
a({ type: Array })
|
|
2777
|
-
],
|
|
2778
|
-
|
|
2777
|
+
], F.prototype, "disabledIndexes", 2);
|
|
2778
|
+
ot([
|
|
2779
2779
|
a({ type: String })
|
|
2780
|
-
],
|
|
2781
|
-
|
|
2780
|
+
], F.prototype, "maxWidth", 2);
|
|
2781
|
+
ot([
|
|
2782
2782
|
a({ type: String })
|
|
2783
|
-
],
|
|
2784
|
-
|
|
2783
|
+
], F.prototype, "altressource", 2);
|
|
2784
|
+
ot([
|
|
2785
2785
|
a({ type: Object })
|
|
2786
|
-
],
|
|
2787
|
-
|
|
2788
|
-
|
|
2789
|
-
],
|
|
2790
|
-
|
|
2786
|
+
], F.prototype, "swiperInstance", 2);
|
|
2787
|
+
ot([
|
|
2788
|
+
et()
|
|
2789
|
+
], F.prototype, "focusedIndex", 2);
|
|
2790
|
+
F = ot([
|
|
2791
2791
|
g("thumbnail-navigation")
|
|
2792
|
-
],
|
|
2793
|
-
var
|
|
2794
|
-
for (var i =
|
|
2795
|
-
(s = o[
|
|
2796
|
-
return
|
|
2792
|
+
], F);
|
|
2793
|
+
var ti = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, te = (o, t, e, n) => {
|
|
2794
|
+
for (var i = n > 1 ? void 0 : n ? ei(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
2795
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
2796
|
+
return n && i && ti(t, e, i), i;
|
|
2797
2797
|
};
|
|
2798
|
-
let
|
|
2798
|
+
let wt = class extends p {
|
|
2799
2799
|
constructor() {
|
|
2800
2800
|
super(...arguments), this.type = "", this.bgstyle = "background-white";
|
|
2801
2801
|
}
|
|
@@ -2805,7 +2805,7 @@ let mt = class extends p {
|
|
|
2805
2805
|
`;
|
|
2806
2806
|
}
|
|
2807
2807
|
};
|
|
2808
|
-
|
|
2808
|
+
wt.styles = f`
|
|
2809
2809
|
.tag {
|
|
2810
2810
|
display: inline-block;
|
|
2811
2811
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -2865,21 +2865,21 @@ mt.styles = v`
|
|
|
2865
2865
|
}
|
|
2866
2866
|
|
|
2867
2867
|
`;
|
|
2868
|
-
|
|
2868
|
+
te([
|
|
2869
2869
|
a({ type: String, reflect: !0 })
|
|
2870
|
-
],
|
|
2871
|
-
|
|
2870
|
+
], wt.prototype, "type", 2);
|
|
2871
|
+
te([
|
|
2872
2872
|
a({ type: String, reflect: !0 })
|
|
2873
|
-
],
|
|
2874
|
-
|
|
2873
|
+
], wt.prototype, "bgstyle", 2);
|
|
2874
|
+
wt = te([
|
|
2875
2875
|
g("o-tag")
|
|
2876
|
-
],
|
|
2877
|
-
var
|
|
2878
|
-
for (var i =
|
|
2879
|
-
(s = o[
|
|
2880
|
-
return
|
|
2876
|
+
], wt);
|
|
2877
|
+
var oi = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, ee = (o, t, e, n) => {
|
|
2878
|
+
for (var i = n > 1 ? void 0 : n ? ii(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
2879
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
2880
|
+
return n && i && oi(t, e, i), i;
|
|
2881
2881
|
};
|
|
2882
|
-
let
|
|
2882
|
+
let $t = class extends p {
|
|
2883
2883
|
constructor() {
|
|
2884
2884
|
super(...arguments), this.type = "top", this.text = "";
|
|
2885
2885
|
}
|
|
@@ -2892,7 +2892,7 @@ let xt = class extends p {
|
|
|
2892
2892
|
`;
|
|
2893
2893
|
}
|
|
2894
2894
|
};
|
|
2895
|
-
|
|
2895
|
+
$t.styles = f`
|
|
2896
2896
|
.tooltip {
|
|
2897
2897
|
position: relative;
|
|
2898
2898
|
display: inline-block;
|
|
@@ -2985,21 +2985,21 @@ xt.styles = v`
|
|
|
2985
2985
|
}
|
|
2986
2986
|
|
|
2987
2987
|
`;
|
|
2988
|
-
|
|
2988
|
+
ee([
|
|
2989
2989
|
a({ type: String, reflect: !0 })
|
|
2990
|
-
],
|
|
2991
|
-
|
|
2990
|
+
], $t.prototype, "type", 2);
|
|
2991
|
+
ee([
|
|
2992
2992
|
a({ type: String, reflect: !0 })
|
|
2993
|
-
],
|
|
2994
|
-
|
|
2993
|
+
], $t.prototype, "text", 2);
|
|
2994
|
+
$t = ee([
|
|
2995
2995
|
g("o-tooltip")
|
|
2996
|
-
],
|
|
2997
|
-
var
|
|
2998
|
-
for (var i =
|
|
2999
|
-
(s = o[
|
|
3000
|
-
return
|
|
2996
|
+
], $t);
|
|
2997
|
+
var ni = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, W = (o, t, e, n) => {
|
|
2998
|
+
for (var i = n > 1 ? void 0 : n ? ri(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
2999
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
3000
|
+
return n && i && ni(t, e, i), i;
|
|
3001
3001
|
};
|
|
3002
|
-
let
|
|
3002
|
+
let H = class extends p {
|
|
3003
3003
|
constructor() {
|
|
3004
3004
|
super(...arguments), this.options = [], this.value = "", this.name = "", this.disabled = !1, this.width = "100%", this.open = !1, this.activeIndex = -1, this.menuWidth = "", this._handleOutsideClick = (o) => {
|
|
3005
3005
|
this.contains(o.target) || (this.open = !1, this.activeIndex = -1);
|
|
@@ -3065,7 +3065,7 @@ let D = class extends p {
|
|
|
3065
3065
|
this.options.length > 0 && (this.options.some((e) => e.value === this.value) || (this.value = this.options[0].value));
|
|
3066
3066
|
}
|
|
3067
3067
|
render() {
|
|
3068
|
-
const o =
|
|
3068
|
+
const o = Z.checkstroke.replace(
|
|
3069
3069
|
"<svg",
|
|
3070
3070
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
3071
3071
|
), t = this.options.find((e) => e.value === this.value);
|
|
@@ -3098,22 +3098,22 @@ let D = class extends p {
|
|
|
3098
3098
|
style=${`width: ${this.width};`}
|
|
3099
3099
|
>
|
|
3100
3100
|
${this.options.map(
|
|
3101
|
-
(e,
|
|
3101
|
+
(e, n) => l`
|
|
3102
3102
|
<li
|
|
3103
|
-
id="option-${
|
|
3103
|
+
id="option-${n}"
|
|
3104
3104
|
role="option"
|
|
3105
3105
|
aria-selected="${e.value === this.value}"
|
|
3106
|
-
tabindex="${
|
|
3107
|
-
class="${
|
|
3106
|
+
tabindex="${n === this.activeIndex ? "0" : "-1"}"
|
|
3107
|
+
class="${n === this.activeIndex ? "active" : ""} ${e.disabled ? "disabled" : ""}"
|
|
3108
3108
|
@click=${() => this.selectOption(e)}
|
|
3109
3109
|
>
|
|
3110
3110
|
${e.url ? l`
|
|
3111
3111
|
<a href="${e.url}">
|
|
3112
3112
|
<span>${e.label}</span>
|
|
3113
|
-
${e.value === this.value ? l`<span class="check">${
|
|
3113
|
+
${e.value === this.value ? l`<span class="check">${C(o)}</span>` : null}
|
|
3114
3114
|
</a>` : l`
|
|
3115
3115
|
<span>${e.label}</span>
|
|
3116
|
-
${e.value === this.value ? l`<span class="check">${
|
|
3116
|
+
${e.value === this.value ? l`<span class="check">${C(o)}</span>` : null}`}
|
|
3117
3117
|
</li>`
|
|
3118
3118
|
)}
|
|
3119
3119
|
</ul>` : null}
|
|
@@ -3122,7 +3122,7 @@ let D = class extends p {
|
|
|
3122
3122
|
`;
|
|
3123
3123
|
}
|
|
3124
3124
|
};
|
|
3125
|
-
|
|
3125
|
+
H.styles = f`
|
|
3126
3126
|
:host {
|
|
3127
3127
|
display: inline-block;
|
|
3128
3128
|
position: relative;
|
|
@@ -3262,44 +3262,44 @@ D.styles = v`
|
|
|
3262
3262
|
display: none;
|
|
3263
3263
|
}
|
|
3264
3264
|
`;
|
|
3265
|
-
|
|
3265
|
+
W([
|
|
3266
3266
|
a({ type: Array, reflect: !0 })
|
|
3267
|
-
],
|
|
3268
|
-
|
|
3267
|
+
], H.prototype, "options", 2);
|
|
3268
|
+
W([
|
|
3269
3269
|
a({ type: String, reflect: !0 })
|
|
3270
|
-
],
|
|
3271
|
-
|
|
3270
|
+
], H.prototype, "value", 2);
|
|
3271
|
+
W([
|
|
3272
3272
|
a({ type: String, reflect: !0 })
|
|
3273
|
-
],
|
|
3274
|
-
|
|
3273
|
+
], H.prototype, "name", 2);
|
|
3274
|
+
W([
|
|
3275
3275
|
a({ type: Boolean, reflect: !0 })
|
|
3276
|
-
],
|
|
3277
|
-
|
|
3276
|
+
], H.prototype, "disabled", 2);
|
|
3277
|
+
W([
|
|
3278
3278
|
a({ type: String, reflect: !0 })
|
|
3279
|
-
],
|
|
3280
|
-
|
|
3281
|
-
|
|
3282
|
-
],
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
],
|
|
3286
|
-
|
|
3287
|
-
|
|
3288
|
-
],
|
|
3289
|
-
|
|
3279
|
+
], H.prototype, "width", 2);
|
|
3280
|
+
W([
|
|
3281
|
+
et()
|
|
3282
|
+
], H.prototype, "open", 2);
|
|
3283
|
+
W([
|
|
3284
|
+
et()
|
|
3285
|
+
], H.prototype, "activeIndex", 2);
|
|
3286
|
+
W([
|
|
3287
|
+
et()
|
|
3288
|
+
], H.prototype, "menuWidth", 2);
|
|
3289
|
+
H = W([
|
|
3290
3290
|
g("o-dropdown")
|
|
3291
|
-
],
|
|
3292
|
-
var
|
|
3293
|
-
for (var i =
|
|
3294
|
-
(s = o[
|
|
3291
|
+
], H);
|
|
3292
|
+
var si = Object.getOwnPropertyDescriptor, ai = (o, t, e, n) => {
|
|
3293
|
+
for (var i = n > 1 ? void 0 : n ? si(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
3294
|
+
(s = o[r]) && (i = s(i) || i);
|
|
3295
3295
|
return i;
|
|
3296
3296
|
};
|
|
3297
|
-
let
|
|
3297
|
+
let Nt = class extends p {
|
|
3298
3298
|
render() {
|
|
3299
3299
|
return l` <span class="dots"></span> `;
|
|
3300
3300
|
}
|
|
3301
3301
|
};
|
|
3302
|
-
|
|
3302
|
+
Nt.styles = f`
|
|
3303
3303
|
:host {
|
|
3304
3304
|
display: flex;
|
|
3305
3305
|
align-items: center;
|
|
@@ -3351,15 +3351,15 @@ Rt.styles = v`
|
|
|
3351
3351
|
}
|
|
3352
3352
|
}
|
|
3353
3353
|
`;
|
|
3354
|
-
|
|
3354
|
+
Nt = ai([
|
|
3355
3355
|
g("o-dots")
|
|
3356
|
-
],
|
|
3357
|
-
var
|
|
3358
|
-
for (var i =
|
|
3359
|
-
(s = o[
|
|
3360
|
-
return
|
|
3356
|
+
], Nt);
|
|
3357
|
+
var li = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, R = (o, t, e, n) => {
|
|
3358
|
+
for (var i = n > 1 ? void 0 : n ? ci(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
3359
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
3360
|
+
return n && i && li(t, e, i), i;
|
|
3361
3361
|
};
|
|
3362
|
-
let
|
|
3362
|
+
let z = class extends p {
|
|
3363
3363
|
constructor() {
|
|
3364
3364
|
super(...arguments), this.options = [], this.value = "", this.name = "", this.additionaltext = "+X variant(s)", this.disabled = !1, this.width = "100%", this.open = !1, this.activeIndex = -1, this.menuWidth = "", this._handleOutsideClick = (o) => {
|
|
3365
3365
|
this.contains(o.target) || (this.open = !1, this.activeIndex = -1);
|
|
@@ -3425,7 +3425,7 @@ let B = class extends p {
|
|
|
3425
3425
|
this.options.length > 0 && (this.options.some((t) => t.value === this.value) || (this.value = this.options[0].value));
|
|
3426
3426
|
}
|
|
3427
3427
|
render() {
|
|
3428
|
-
const o =
|
|
3428
|
+
const o = Z.checkstroke.replace(
|
|
3429
3429
|
"<svg",
|
|
3430
3430
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
3431
3431
|
), t = this.options.find((e) => e.value === this.value);
|
|
@@ -3443,7 +3443,7 @@ let B = class extends p {
|
|
|
3443
3443
|
?disabled=${this.disabled}
|
|
3444
3444
|
class="btn-dropdown"
|
|
3445
3445
|
>
|
|
3446
|
-
<img alt="${
|
|
3446
|
+
<img alt="${P(t == null ? void 0 : t.label)}" src="${P(t == null ? void 0 : t.imgurl)}" />
|
|
3447
3447
|
<span id="dropdown-label" class="label">
|
|
3448
3448
|
${t ? t.label : "Select an option"}
|
|
3449
3449
|
</span>
|
|
@@ -3468,23 +3468,23 @@ let B = class extends p {
|
|
|
3468
3468
|
style=${`width: ${this.width};`}
|
|
3469
3469
|
>
|
|
3470
3470
|
${this.options.map(
|
|
3471
|
-
(e,
|
|
3471
|
+
(e, n) => l`
|
|
3472
3472
|
<li
|
|
3473
|
-
id="option-${
|
|
3473
|
+
id="option-${n}"
|
|
3474
3474
|
role="option"
|
|
3475
3475
|
aria-selected="${e.value === this.value}"
|
|
3476
3476
|
aria-disabled="${e.disabled ? "true" : "false"}"
|
|
3477
|
-
tabindex="${
|
|
3478
|
-
class="${
|
|
3477
|
+
tabindex="${n === this.activeIndex ? "0" : "-1"}"
|
|
3478
|
+
class="${n === this.activeIndex ? "active" : ""} ${e.disabled ? "disabled" : ""}"
|
|
3479
3479
|
@click=${() => this.selectOption(e)}
|
|
3480
3480
|
>
|
|
3481
|
-
<a href="${
|
|
3482
|
-
<img alt="${
|
|
3481
|
+
<a href="${P(e.url)}">
|
|
3482
|
+
<img alt="${P(e.label)}" src="${P(e.imgurl)}" />
|
|
3483
3483
|
<span class="label">${e.label}</span>
|
|
3484
3484
|
<div class="right">
|
|
3485
|
-
<span class="additional-text">${
|
|
3485
|
+
<span class="additional-text">${P(e.additionaltext)}</span>
|
|
3486
3486
|
${e.value === this.value && !e.additionaltext ? l`
|
|
3487
|
-
<span class="check">${
|
|
3487
|
+
<span class="check">${C(o)}</span>` : null}
|
|
3488
3488
|
</div>
|
|
3489
3489
|
</a>
|
|
3490
3490
|
</li>
|
|
@@ -3496,7 +3496,7 @@ let B = class extends p {
|
|
|
3496
3496
|
`;
|
|
3497
3497
|
}
|
|
3498
3498
|
};
|
|
3499
|
-
|
|
3499
|
+
z.styles = f`
|
|
3500
3500
|
:host {
|
|
3501
3501
|
display: inline-block;
|
|
3502
3502
|
position: relative;
|
|
@@ -3672,73 +3672,73 @@ B.styles = v`
|
|
|
3672
3672
|
display: none;
|
|
3673
3673
|
}
|
|
3674
3674
|
`;
|
|
3675
|
-
|
|
3675
|
+
R([
|
|
3676
3676
|
a({ type: Array, reflect: !0 })
|
|
3677
|
-
],
|
|
3678
|
-
|
|
3677
|
+
], z.prototype, "options", 2);
|
|
3678
|
+
R([
|
|
3679
3679
|
a({ type: String, reflect: !0 })
|
|
3680
|
-
],
|
|
3681
|
-
|
|
3680
|
+
], z.prototype, "value", 2);
|
|
3681
|
+
R([
|
|
3682
3682
|
a({ type: String, reflect: !0 })
|
|
3683
|
-
],
|
|
3684
|
-
|
|
3683
|
+
], z.prototype, "name", 2);
|
|
3684
|
+
R([
|
|
3685
3685
|
a({ type: String, reflect: !0 })
|
|
3686
|
-
],
|
|
3687
|
-
|
|
3686
|
+
], z.prototype, "additionaltext", 2);
|
|
3687
|
+
R([
|
|
3688
3688
|
a({ type: Boolean, reflect: !0 })
|
|
3689
|
-
],
|
|
3690
|
-
|
|
3689
|
+
], z.prototype, "disabled", 2);
|
|
3690
|
+
R([
|
|
3691
3691
|
a({ type: String, reflect: !0 })
|
|
3692
|
-
],
|
|
3693
|
-
|
|
3694
|
-
|
|
3695
|
-
],
|
|
3696
|
-
|
|
3697
|
-
|
|
3698
|
-
],
|
|
3699
|
-
|
|
3700
|
-
|
|
3701
|
-
],
|
|
3702
|
-
|
|
3692
|
+
], z.prototype, "width", 2);
|
|
3693
|
+
R([
|
|
3694
|
+
et()
|
|
3695
|
+
], z.prototype, "open", 2);
|
|
3696
|
+
R([
|
|
3697
|
+
et()
|
|
3698
|
+
], z.prototype, "activeIndex", 2);
|
|
3699
|
+
R([
|
|
3700
|
+
et()
|
|
3701
|
+
], z.prototype, "menuWidth", 2);
|
|
3702
|
+
z = R([
|
|
3703
3703
|
g("o-dropdown-variant")
|
|
3704
|
-
],
|
|
3704
|
+
], z);
|
|
3705
3705
|
/**
|
|
3706
3706
|
* @license
|
|
3707
3707
|
* Copyright 2018 Google LLC
|
|
3708
3708
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3709
3709
|
*/
|
|
3710
|
-
const
|
|
3710
|
+
const Ee = "important", hi = " !" + Ee, di = Jt(class extends Qt {
|
|
3711
3711
|
constructor(o) {
|
|
3712
3712
|
var t;
|
|
3713
|
-
if (super(o), o.type !==
|
|
3713
|
+
if (super(o), o.type !== Yt.ATTRIBUTE || o.name !== "style" || ((t = o.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
|
|
3714
3714
|
}
|
|
3715
3715
|
render(o) {
|
|
3716
3716
|
return Object.keys(o).reduce((t, e) => {
|
|
3717
|
-
const
|
|
3718
|
-
return
|
|
3717
|
+
const n = o[e];
|
|
3718
|
+
return n == null ? t : t + `${e = e.includes("-") ? e : e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${n};`;
|
|
3719
3719
|
}, "");
|
|
3720
3720
|
}
|
|
3721
3721
|
update(o, [t]) {
|
|
3722
3722
|
const { style: e } = o.element;
|
|
3723
3723
|
if (this.ft === void 0) return this.ft = new Set(Object.keys(t)), this.render(t);
|
|
3724
|
-
for (const
|
|
3725
|
-
for (const
|
|
3726
|
-
const i = t[
|
|
3724
|
+
for (const n of this.ft) t[n] == null && (this.ft.delete(n), n.includes("-") ? e.removeProperty(n) : e[n] = null);
|
|
3725
|
+
for (const n in t) {
|
|
3726
|
+
const i = t[n];
|
|
3727
3727
|
if (i != null) {
|
|
3728
|
-
this.ft.add(
|
|
3729
|
-
const
|
|
3730
|
-
|
|
3728
|
+
this.ft.add(n);
|
|
3729
|
+
const r = typeof i == "string" && i.endsWith(hi);
|
|
3730
|
+
n.includes("-") || r ? e.setProperty(n, r ? i.slice(0, -11) : i, r ? Ee : "") : e[n] = i;
|
|
3731
3731
|
}
|
|
3732
3732
|
}
|
|
3733
|
-
return
|
|
3733
|
+
return Q;
|
|
3734
3734
|
}
|
|
3735
3735
|
});
|
|
3736
|
-
var
|
|
3737
|
-
for (var i =
|
|
3738
|
-
(s = o[
|
|
3739
|
-
return
|
|
3736
|
+
var pi = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, oe = (o, t, e, n) => {
|
|
3737
|
+
for (var i = n > 1 ? void 0 : n ? ui(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
3738
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
3739
|
+
return n && i && pi(t, e, i), i;
|
|
3740
3740
|
};
|
|
3741
|
-
let
|
|
3741
|
+
let kt = class extends p {
|
|
3742
3742
|
constructor() {
|
|
3743
3743
|
super(...arguments), this.option = {}, this.imageSize = 64;
|
|
3744
3744
|
}
|
|
@@ -3749,17 +3749,17 @@ let wt = class extends p {
|
|
|
3749
3749
|
}, t = this.option && this.option.clickable, e = {
|
|
3750
3750
|
width: `${this.imageSize}px`,
|
|
3751
3751
|
height: `${this.imageSize}px`
|
|
3752
|
-
},
|
|
3753
|
-
${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${
|
|
3752
|
+
}, n = this.option && this.option.title ? o(this.option.title) : "", i = this.option && this.option.description ? o(this.option.description) : "", r = l`
|
|
3753
|
+
${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${P(n)}" aria-hidden="true" style=${di(e)} />` : ""}
|
|
3754
3754
|
<div class="m-reassurance-content">
|
|
3755
|
-
<h3 class="a-reassurance-text">${
|
|
3756
|
-
<p class="a-reassurance-description">${
|
|
3755
|
+
<h3 class="a-reassurance-text">${P(n)}</h3>
|
|
3756
|
+
<p class="a-reassurance-description">${P(i)}</p>
|
|
3757
3757
|
</div>
|
|
3758
3758
|
`;
|
|
3759
|
-
return t ? l`<a href="${
|
|
3759
|
+
return t ? l`<a href="${P(this.option.url)}" class="reassurance-item clickable">${r}</a>` : l`<div class="reassurance-item">${r}</div>`;
|
|
3760
3760
|
}
|
|
3761
3761
|
};
|
|
3762
|
-
|
|
3762
|
+
kt.styles = f`
|
|
3763
3763
|
:host {
|
|
3764
3764
|
display: inline-block;
|
|
3765
3765
|
position: relative;
|
|
@@ -3841,22 +3841,22 @@ wt.styles = v`
|
|
|
3841
3841
|
}
|
|
3842
3842
|
}
|
|
3843
3843
|
`;
|
|
3844
|
-
|
|
3844
|
+
oe([
|
|
3845
3845
|
a({ type: Object, reflect: !0 })
|
|
3846
|
-
],
|
|
3847
|
-
|
|
3846
|
+
], kt.prototype, "option", 2);
|
|
3847
|
+
oe([
|
|
3848
3848
|
a({ type: Number, reflect: !0 })
|
|
3849
|
-
],
|
|
3850
|
-
|
|
3849
|
+
], kt.prototype, "imageSize", 2);
|
|
3850
|
+
kt = oe([
|
|
3851
3851
|
g("o-reassurance")
|
|
3852
|
-
],
|
|
3853
|
-
var
|
|
3854
|
-
for (var i =
|
|
3855
|
-
(s = o[
|
|
3856
|
-
return
|
|
3852
|
+
], kt);
|
|
3853
|
+
var fi = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, G = (o, t, e, n) => {
|
|
3854
|
+
for (var i = n > 1 ? void 0 : n ? vi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
3855
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
3856
|
+
return n && i && fi(t, e, i), i;
|
|
3857
3857
|
};
|
|
3858
|
-
const
|
|
3859
|
-
let
|
|
3858
|
+
const gi = Xt(p);
|
|
3859
|
+
let O = class extends gi {
|
|
3860
3860
|
constructor() {
|
|
3861
3861
|
super(...arguments), this.link = "", this.name = "", this.value = "", this.text = "", this.size = "standard", this.selected = !1, this.fullwidth = !1, this.inactive = !1;
|
|
3862
3862
|
}
|
|
@@ -3879,7 +3879,7 @@ let P = class extends vi {
|
|
|
3879
3879
|
`;
|
|
3880
3880
|
}
|
|
3881
3881
|
};
|
|
3882
|
-
|
|
3882
|
+
O.styles = f`
|
|
3883
3883
|
:host {
|
|
3884
3884
|
cursor: pointer;
|
|
3885
3885
|
display: inline-flex;
|
|
@@ -3955,7 +3955,7 @@ P.styles = v`
|
|
|
3955
3955
|
}
|
|
3956
3956
|
|
|
3957
3957
|
&:focus-visible {
|
|
3958
|
-
${
|
|
3958
|
+
${at};
|
|
3959
3959
|
}
|
|
3960
3960
|
}
|
|
3961
3961
|
|
|
@@ -3969,44 +3969,44 @@ P.styles = v`
|
|
|
3969
3969
|
align-items: center;
|
|
3970
3970
|
}
|
|
3971
3971
|
`;
|
|
3972
|
-
|
|
3972
|
+
G([
|
|
3973
3973
|
a({ type: String, reflect: !0 })
|
|
3974
|
-
],
|
|
3975
|
-
|
|
3974
|
+
], O.prototype, "link", 2);
|
|
3975
|
+
G([
|
|
3976
3976
|
a({ reflect: !0 })
|
|
3977
|
-
],
|
|
3978
|
-
|
|
3977
|
+
], O.prototype, "name", 2);
|
|
3978
|
+
G([
|
|
3979
3979
|
a({ reflect: !0 })
|
|
3980
|
-
],
|
|
3981
|
-
|
|
3980
|
+
], O.prototype, "value", 2);
|
|
3981
|
+
G([
|
|
3982
3982
|
a({ type: String })
|
|
3983
|
-
],
|
|
3984
|
-
|
|
3983
|
+
], O.prototype, "text", 2);
|
|
3984
|
+
G([
|
|
3985
3985
|
a({ type: String, reflect: !0 })
|
|
3986
|
-
],
|
|
3987
|
-
|
|
3986
|
+
], O.prototype, "size", 2);
|
|
3987
|
+
G([
|
|
3988
3988
|
a({ type: Boolean, reflect: !0 })
|
|
3989
|
-
],
|
|
3990
|
-
|
|
3989
|
+
], O.prototype, "selected", 2);
|
|
3990
|
+
G([
|
|
3991
3991
|
a({ type: Boolean, reflect: !0 })
|
|
3992
|
-
],
|
|
3993
|
-
|
|
3992
|
+
], O.prototype, "fullwidth", 2);
|
|
3993
|
+
G([
|
|
3994
3994
|
a({ type: Boolean, reflect: !0 })
|
|
3995
|
-
],
|
|
3996
|
-
|
|
3995
|
+
], O.prototype, "inactive", 2);
|
|
3996
|
+
O = G([
|
|
3997
3997
|
g("o-chip")
|
|
3998
|
-
],
|
|
3999
|
-
var
|
|
4000
|
-
for (var i =
|
|
4001
|
-
(s = o[
|
|
4002
|
-
return
|
|
3998
|
+
], O);
|
|
3999
|
+
var bi = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, ie = (o, t, e, n) => {
|
|
4000
|
+
for (var i = n > 1 ? void 0 : n ? yi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
4001
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
4002
|
+
return n && i && bi(t, e, i), i;
|
|
4003
4003
|
};
|
|
4004
|
-
let
|
|
4004
|
+
let _t = class extends p {
|
|
4005
4005
|
constructor() {
|
|
4006
4006
|
super(), this.name = "", this.value = "", this.addEventListener("selected", this.onChipSelected);
|
|
4007
4007
|
}
|
|
4008
4008
|
onChipSelected(o) {
|
|
4009
|
-
const t = o.target instanceof
|
|
4009
|
+
const t = o.target instanceof O ? o.target : null;
|
|
4010
4010
|
t != null && t.link || (this.name = (t == null ? void 0 : t.name) || "", this.value = (t == null ? void 0 : t.value) || "", this.querySelectorAll("o-chip").forEach((e) => {
|
|
4011
4011
|
e !== t && (e.selected = !1);
|
|
4012
4012
|
}));
|
|
@@ -4017,7 +4017,7 @@ let $t = class extends p {
|
|
|
4017
4017
|
`;
|
|
4018
4018
|
}
|
|
4019
4019
|
};
|
|
4020
|
-
|
|
4020
|
+
_t.styles = f`
|
|
4021
4021
|
:host {
|
|
4022
4022
|
display: flex;
|
|
4023
4023
|
flex-direction: row;
|
|
@@ -4025,22 +4025,22 @@ $t.styles = v`
|
|
|
4025
4025
|
gap: var(--spacing-s);
|
|
4026
4026
|
}
|
|
4027
4027
|
`;
|
|
4028
|
-
|
|
4028
|
+
ie([
|
|
4029
4029
|
a({ reflect: !0 })
|
|
4030
|
-
],
|
|
4031
|
-
|
|
4030
|
+
], _t.prototype, "name", 2);
|
|
4031
|
+
ie([
|
|
4032
4032
|
a({ reflect: !0 })
|
|
4033
|
-
],
|
|
4034
|
-
|
|
4033
|
+
], _t.prototype, "value", 2);
|
|
4034
|
+
_t = ie([
|
|
4035
4035
|
g("o-chipset")
|
|
4036
|
-
],
|
|
4037
|
-
var
|
|
4038
|
-
for (var i =
|
|
4039
|
-
(s = o[
|
|
4040
|
-
return
|
|
4036
|
+
], _t);
|
|
4037
|
+
var mi = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, U = (o, t, e, n) => {
|
|
4038
|
+
for (var i = n > 1 ? void 0 : n ? xi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
4039
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
4040
|
+
return n && i && mi(t, e, i), i;
|
|
4041
4041
|
};
|
|
4042
|
-
const
|
|
4043
|
-
let
|
|
4042
|
+
const wi = Xt(p);
|
|
4043
|
+
let I = class extends wi {
|
|
4044
4044
|
constructor() {
|
|
4045
4045
|
super(...arguments), this.name = "", this.value = "", this.type = "", this.text = "", this.selected = !1, this.disabled = !1, this.fullwidth = !1, this.crossIconName = "cross", this.strikethroughImgName = "strikeDiagonal";
|
|
4046
4046
|
}
|
|
@@ -4052,18 +4052,18 @@ let z = class extends mi {
|
|
|
4052
4052
|
this.dispatchEvent(e), e.defaultPrevented && o.preventDefault(), this.selected = t.selected;
|
|
4053
4053
|
}
|
|
4054
4054
|
crossIcon() {
|
|
4055
|
-
const o =
|
|
4055
|
+
const o = Z[this.crossIconName].replace(
|
|
4056
4056
|
"<svg",
|
|
4057
4057
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
4058
4058
|
).replace(/stroke=[#"'a-z1-9]*/gi, "");
|
|
4059
|
-
return l`<span class="cross-icon">${
|
|
4059
|
+
return l`<span class="cross-icon">${C(o)}</span>`;
|
|
4060
4060
|
}
|
|
4061
4061
|
strikeThroughImg() {
|
|
4062
|
-
const o =
|
|
4062
|
+
const o = Lo[this.strikethroughImgName].replace(
|
|
4063
4063
|
"<svg",
|
|
4064
4064
|
'<svg aria-hidden="true" focusable="false" part="strikethrough"'
|
|
4065
4065
|
).replace(/stroke=[#"'a-z1-9]*/gi, "");
|
|
4066
|
-
return
|
|
4066
|
+
return C(o);
|
|
4067
4067
|
}
|
|
4068
4068
|
render() {
|
|
4069
4069
|
const o = this.text;
|
|
@@ -4090,7 +4090,7 @@ let z = class extends mi {
|
|
|
4090
4090
|
`;
|
|
4091
4091
|
}
|
|
4092
4092
|
};
|
|
4093
|
-
|
|
4093
|
+
I.styles = f`
|
|
4094
4094
|
:host {
|
|
4095
4095
|
cursor: pointer;
|
|
4096
4096
|
display: inline-flex;
|
|
@@ -4170,7 +4170,7 @@ z.styles = v`
|
|
|
4170
4170
|
}
|
|
4171
4171
|
|
|
4172
4172
|
.button:focus-visible {
|
|
4173
|
-
${
|
|
4173
|
+
${at};
|
|
4174
4174
|
}
|
|
4175
4175
|
|
|
4176
4176
|
span.text + span.text::before {
|
|
@@ -4216,42 +4216,42 @@ z.styles = v`
|
|
|
4216
4216
|
}
|
|
4217
4217
|
}
|
|
4218
4218
|
`;
|
|
4219
|
-
|
|
4219
|
+
U([
|
|
4220
4220
|
a({ reflect: !0 })
|
|
4221
|
-
],
|
|
4222
|
-
|
|
4221
|
+
], I.prototype, "name", 2);
|
|
4222
|
+
U([
|
|
4223
4223
|
a({ reflect: !0 })
|
|
4224
|
-
],
|
|
4225
|
-
|
|
4224
|
+
], I.prototype, "value", 2);
|
|
4225
|
+
U([
|
|
4226
4226
|
a({ type: String, reflect: !0 })
|
|
4227
|
-
],
|
|
4228
|
-
|
|
4227
|
+
], I.prototype, "type", 2);
|
|
4228
|
+
U([
|
|
4229
4229
|
a({ type: String, reflect: !0 })
|
|
4230
|
-
],
|
|
4231
|
-
|
|
4230
|
+
], I.prototype, "href", 2);
|
|
4231
|
+
U([
|
|
4232
4232
|
a({ type: String, reflect: !0, attribute: "data-href" })
|
|
4233
|
-
],
|
|
4234
|
-
|
|
4233
|
+
], I.prototype, "dataHref", 2);
|
|
4234
|
+
U([
|
|
4235
4235
|
a({ type: String })
|
|
4236
|
-
],
|
|
4237
|
-
|
|
4236
|
+
], I.prototype, "text", 2);
|
|
4237
|
+
U([
|
|
4238
4238
|
a({ type: Boolean, reflect: !0 })
|
|
4239
|
-
],
|
|
4240
|
-
|
|
4239
|
+
], I.prototype, "selected", 2);
|
|
4240
|
+
U([
|
|
4241
4241
|
a({ type: Boolean, reflect: !0 })
|
|
4242
|
-
],
|
|
4243
|
-
|
|
4242
|
+
], I.prototype, "disabled", 2);
|
|
4243
|
+
U([
|
|
4244
4244
|
a({ type: Boolean, reflect: !0 })
|
|
4245
|
-
],
|
|
4246
|
-
|
|
4245
|
+
], I.prototype, "fullwidth", 2);
|
|
4246
|
+
I = U([
|
|
4247
4247
|
g("o-filter-chip")
|
|
4248
|
-
],
|
|
4249
|
-
var
|
|
4250
|
-
for (var i = void 0,
|
|
4251
|
-
(s = o[
|
|
4252
|
-
return i &&
|
|
4248
|
+
], I);
|
|
4249
|
+
var $i = Object.defineProperty, N = (o, t, e, n) => {
|
|
4250
|
+
for (var i = void 0, r = o.length - 1, s; r >= 0; r--)
|
|
4251
|
+
(s = o[r]) && (i = s(t, e, i) || i);
|
|
4252
|
+
return i && $i(t, e, i), i;
|
|
4253
4253
|
};
|
|
4254
|
-
const
|
|
4254
|
+
const se = class se extends p {
|
|
4255
4255
|
constructor() {
|
|
4256
4256
|
super(...arguments), this.type = "cart | chevron", this.titleProduct = "", this.volume = "", this.perLiter = "", this.mainPrice = "", this.imageUrl = "https://placehold.co/56x70", this.altImage = "", this.fullwidth = !1, this.tagText = "";
|
|
4257
4257
|
}
|
|
@@ -4301,7 +4301,7 @@ const re = class re extends p {
|
|
|
4301
4301
|
`;
|
|
4302
4302
|
}
|
|
4303
4303
|
};
|
|
4304
|
-
|
|
4304
|
+
se.styles = f`
|
|
4305
4305
|
:host {
|
|
4306
4306
|
display: block;
|
|
4307
4307
|
max-width: 100%;
|
|
@@ -4398,44 +4398,44 @@ re.styles = v`
|
|
|
4398
4398
|
cursor: pointer;
|
|
4399
4399
|
}
|
|
4400
4400
|
`;
|
|
4401
|
-
let
|
|
4402
|
-
|
|
4401
|
+
let E = se;
|
|
4402
|
+
N([
|
|
4403
4403
|
a({ type: String })
|
|
4404
|
-
],
|
|
4405
|
-
|
|
4404
|
+
], E.prototype, "type");
|
|
4405
|
+
N([
|
|
4406
4406
|
a({ type: String })
|
|
4407
|
-
],
|
|
4408
|
-
|
|
4407
|
+
], E.prototype, "titleProduct");
|
|
4408
|
+
N([
|
|
4409
4409
|
a({ type: String })
|
|
4410
|
-
],
|
|
4411
|
-
|
|
4410
|
+
], E.prototype, "volume");
|
|
4411
|
+
N([
|
|
4412
4412
|
a({ type: String })
|
|
4413
|
-
],
|
|
4414
|
-
|
|
4413
|
+
], E.prototype, "perLiter");
|
|
4414
|
+
N([
|
|
4415
4415
|
a({ type: String })
|
|
4416
|
-
],
|
|
4417
|
-
|
|
4416
|
+
], E.prototype, "mainPrice");
|
|
4417
|
+
N([
|
|
4418
4418
|
a({ type: String })
|
|
4419
|
-
],
|
|
4420
|
-
|
|
4419
|
+
], E.prototype, "imageUrl");
|
|
4420
|
+
N([
|
|
4421
4421
|
a({ type: String })
|
|
4422
|
-
],
|
|
4423
|
-
|
|
4422
|
+
], E.prototype, "altImage");
|
|
4423
|
+
N([
|
|
4424
4424
|
a({ type: Boolean })
|
|
4425
|
-
],
|
|
4426
|
-
|
|
4425
|
+
], E.prototype, "fullwidth");
|
|
4426
|
+
N([
|
|
4427
4427
|
a({ type: String })
|
|
4428
|
-
],
|
|
4429
|
-
|
|
4428
|
+
], E.prototype, "tagText");
|
|
4429
|
+
N([
|
|
4430
4430
|
a({ type: Function })
|
|
4431
|
-
],
|
|
4432
|
-
customElements.define("mini-tile",
|
|
4433
|
-
var
|
|
4434
|
-
for (var i =
|
|
4435
|
-
(s = o[
|
|
4436
|
-
return
|
|
4431
|
+
], E.prototype, "onClickTile");
|
|
4432
|
+
customElements.define("mini-tile", E);
|
|
4433
|
+
var ki = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, ne = (o, t, e, n) => {
|
|
4434
|
+
for (var i = n > 1 ? void 0 : n ? _i(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
4435
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
4436
|
+
return n && i && ki(t, e, i), i;
|
|
4437
4437
|
};
|
|
4438
|
-
let
|
|
4438
|
+
let Ct = class extends p {
|
|
4439
4439
|
constructor() {
|
|
4440
4440
|
super(...arguments), this.variant = "cart", this.text = "";
|
|
4441
4441
|
}
|
|
@@ -4447,7 +4447,7 @@ let kt = class extends p {
|
|
|
4447
4447
|
`;
|
|
4448
4448
|
}
|
|
4449
4449
|
};
|
|
4450
|
-
|
|
4450
|
+
Ct.styles = f`
|
|
4451
4451
|
:host([variant]) {
|
|
4452
4452
|
--badge-width: 19px;
|
|
4453
4453
|
display: inline-block;
|
|
@@ -4482,21 +4482,21 @@ kt.styles = v`
|
|
|
4482
4482
|
}
|
|
4483
4483
|
|
|
4484
4484
|
`;
|
|
4485
|
-
|
|
4485
|
+
ne([
|
|
4486
4486
|
a({ type: String, reflect: !0 })
|
|
4487
|
-
],
|
|
4488
|
-
|
|
4487
|
+
], Ct.prototype, "variant", 2);
|
|
4488
|
+
ne([
|
|
4489
4489
|
a({ type: String })
|
|
4490
|
-
],
|
|
4491
|
-
|
|
4490
|
+
], Ct.prototype, "text", 2);
|
|
4491
|
+
Ct = ne([
|
|
4492
4492
|
g("o-badge")
|
|
4493
|
-
],
|
|
4494
|
-
var
|
|
4495
|
-
for (var i =
|
|
4496
|
-
(s = o[
|
|
4497
|
-
return
|
|
4493
|
+
], Ct);
|
|
4494
|
+
var Ci = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, T = (o, t, e, n) => {
|
|
4495
|
+
for (var i = n > 1 ? void 0 : n ? Si(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
4496
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
4497
|
+
return n && i && Ci(t, e, i), i;
|
|
4498
4498
|
};
|
|
4499
|
-
let
|
|
4499
|
+
let S = class extends p {
|
|
4500
4500
|
constructor() {
|
|
4501
4501
|
super(...arguments), this.icon = "info", this.text = "Sample text", this.verticalanchor = "top", this.horizontalanchor = "right", this.verticaloffset = 24, this.horizontaloffset = 24, this.animationduration = 500, this.animationaxis = "horizontal", this.animated = !0, this.lifeduration = 5e3, this.multiline = !1;
|
|
4502
4502
|
}
|
|
@@ -4528,11 +4528,11 @@ let _ = class extends p {
|
|
|
4528
4528
|
}, 600);
|
|
4529
4529
|
}
|
|
4530
4530
|
firstUpdated() {
|
|
4531
|
-
var
|
|
4531
|
+
var n, i;
|
|
4532
4532
|
var o = this;
|
|
4533
|
-
const t = (
|
|
4533
|
+
const t = (n = this.renderRoot) == null ? void 0 : n.querySelector("o-icon-button"), e = (i = this.renderRoot) == null ? void 0 : i.querySelector(".o-toast-text");
|
|
4534
4534
|
if (e != null) {
|
|
4535
|
-
const
|
|
4535
|
+
const r = window.getComputedStyle(e), s = parseInt(r.getPropertyValue("line-height").replace("px", "")), c = parseInt(r.getPropertyValue("height").replace("px", ""));
|
|
4536
4536
|
!isNaN(s) && !isNaN(c) && c > s && (this.multiline = !0);
|
|
4537
4537
|
}
|
|
4538
4538
|
t != null && t.addEventListener("click", function() {
|
|
@@ -4540,11 +4540,11 @@ let _ = class extends p {
|
|
|
4540
4540
|
});
|
|
4541
4541
|
}
|
|
4542
4542
|
render() {
|
|
4543
|
-
const t =
|
|
4543
|
+
const t = Po[this.icon].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"');
|
|
4544
4544
|
return l`
|
|
4545
4545
|
<div class="o-toast">
|
|
4546
4546
|
<div class="o-toast-icon">
|
|
4547
|
-
${
|
|
4547
|
+
${C(t)}
|
|
4548
4548
|
</div>
|
|
4549
4549
|
<div class="o-toast-text">
|
|
4550
4550
|
${this.text}
|
|
@@ -4560,7 +4560,7 @@ let _ = class extends p {
|
|
|
4560
4560
|
`;
|
|
4561
4561
|
}
|
|
4562
4562
|
};
|
|
4563
|
-
|
|
4563
|
+
S.styles = f`
|
|
4564
4564
|
:host {
|
|
4565
4565
|
--vertical-offset: 24px;
|
|
4566
4566
|
--horizontal-offset: 24px;
|
|
@@ -4638,50 +4638,50 @@ _.styles = v`
|
|
|
4638
4638
|
height: 16px;
|
|
4639
4639
|
}
|
|
4640
4640
|
`;
|
|
4641
|
-
|
|
4641
|
+
T([
|
|
4642
4642
|
a({ type: String, reflect: !0 })
|
|
4643
|
-
],
|
|
4644
|
-
|
|
4643
|
+
], S.prototype, "icon", 2);
|
|
4644
|
+
T([
|
|
4645
4645
|
a({ type: String, reflect: !0 })
|
|
4646
|
-
],
|
|
4647
|
-
|
|
4646
|
+
], S.prototype, "text", 2);
|
|
4647
|
+
T([
|
|
4648
4648
|
a({ type: String, reflect: !0 })
|
|
4649
|
-
],
|
|
4650
|
-
|
|
4649
|
+
], S.prototype, "verticalanchor", 2);
|
|
4650
|
+
T([
|
|
4651
4651
|
a({ type: String, reflect: !0 })
|
|
4652
|
-
],
|
|
4653
|
-
|
|
4652
|
+
], S.prototype, "horizontalanchor", 2);
|
|
4653
|
+
T([
|
|
4654
4654
|
a({ type: Number, reflect: !0 })
|
|
4655
|
-
],
|
|
4656
|
-
|
|
4655
|
+
], S.prototype, "verticaloffset", 2);
|
|
4656
|
+
T([
|
|
4657
4657
|
a({ type: Number, reflect: !0 })
|
|
4658
|
-
],
|
|
4659
|
-
|
|
4658
|
+
], S.prototype, "horizontaloffset", 2);
|
|
4659
|
+
T([
|
|
4660
4660
|
a({ type: Number, reflect: !0 })
|
|
4661
|
-
],
|
|
4662
|
-
|
|
4661
|
+
], S.prototype, "animationduration", 2);
|
|
4662
|
+
T([
|
|
4663
4663
|
a({ type: String, reflect: !0 })
|
|
4664
|
-
],
|
|
4665
|
-
|
|
4664
|
+
], S.prototype, "animationaxis", 2);
|
|
4665
|
+
T([
|
|
4666
4666
|
a({ type: Boolean, reflect: !0 })
|
|
4667
|
-
],
|
|
4668
|
-
|
|
4667
|
+
], S.prototype, "animated", 2);
|
|
4668
|
+
T([
|
|
4669
4669
|
a({ type: Number, reflect: !0 })
|
|
4670
|
-
],
|
|
4671
|
-
|
|
4670
|
+
], S.prototype, "lifeduration", 2);
|
|
4671
|
+
T([
|
|
4672
4672
|
a({ type: Boolean, reflect: !0 })
|
|
4673
|
-
],
|
|
4674
|
-
|
|
4673
|
+
], S.prototype, "multiline", 2);
|
|
4674
|
+
S = T([
|
|
4675
4675
|
g("o-toast")
|
|
4676
|
-
],
|
|
4677
|
-
var
|
|
4678
|
-
for (var i =
|
|
4679
|
-
(s = o[
|
|
4680
|
-
return
|
|
4676
|
+
], S);
|
|
4677
|
+
var Ei = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, M = (o, t, e, n) => {
|
|
4678
|
+
for (var i = n > 1 ? void 0 : n ? Ai(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
4679
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
4680
|
+
return n && i && Ei(t, e, i), i;
|
|
4681
4681
|
};
|
|
4682
|
-
let
|
|
4682
|
+
let Li = 0, A = class extends p {
|
|
4683
4683
|
constructor() {
|
|
4684
|
-
super(), this.checked = !1, this.indeterminate = !1, this.disabled = !1, this.size = "S", this.showLabel = !0, this.label = "Checkbox", this.name = "", this.value = "on", this.inputId = "", this.inputId || (this.inputId = `o-checkbox-${++
|
|
4684
|
+
super(), this.checked = !1, this.indeterminate = !1, this.disabled = !1, this.size = "S", this.showLabel = !0, this.label = "Checkbox", this.name = "", this.value = "on", this.inputId = "", this.inputId || (this.inputId = `o-checkbox-${++Li}`);
|
|
4685
4685
|
}
|
|
4686
4686
|
toggle() {
|
|
4687
4687
|
this.disabled || (this.indeterminate ? (this.indeterminate = !1, this.checked = !0) : this.checked = !this.checked, this.syncInput(), this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })));
|
|
@@ -4696,7 +4696,7 @@ let Si = 0, E = class extends p {
|
|
|
4696
4696
|
this.disabled || (o.key === " " || o.key === "Enter") && (o.preventDefault(), this.toggle());
|
|
4697
4697
|
}
|
|
4698
4698
|
render() {
|
|
4699
|
-
const o =
|
|
4699
|
+
const o = C(Z.checkbox.replace("<svg", '<svg aria-hidden="true" focusable="false" part="svg"')), t = C(Z.icoMinus.replace("<svg", '<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));
|
|
4700
4700
|
return l`
|
|
4701
4701
|
<input
|
|
4702
4702
|
type="checkbox"
|
|
@@ -4706,8 +4706,8 @@ let Si = 0, E = class extends p {
|
|
|
4706
4706
|
name=${this.name}
|
|
4707
4707
|
value=${this.value}
|
|
4708
4708
|
@change=${(e) => {
|
|
4709
|
-
const
|
|
4710
|
-
this.checked =
|
|
4709
|
+
const n = e.target;
|
|
4710
|
+
this.checked = n.checked, this.indeterminate = n.indeterminate, this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 }));
|
|
4711
4711
|
}}
|
|
4712
4712
|
/>
|
|
4713
4713
|
|
|
@@ -4719,7 +4719,7 @@ let Si = 0, E = class extends p {
|
|
|
4719
4719
|
`;
|
|
4720
4720
|
}
|
|
4721
4721
|
};
|
|
4722
|
-
|
|
4722
|
+
A.styles = f`
|
|
4723
4723
|
:host {
|
|
4724
4724
|
display: inline-flex;
|
|
4725
4725
|
align-items: center;
|
|
@@ -4823,47 +4823,47 @@ E.styles = v`
|
|
|
4823
4823
|
stroke: var(--color-border-white);
|
|
4824
4824
|
}
|
|
4825
4825
|
`;
|
|
4826
|
-
|
|
4826
|
+
M([
|
|
4827
4827
|
a({ type: Boolean, reflect: !0 })
|
|
4828
|
-
],
|
|
4829
|
-
|
|
4828
|
+
], A.prototype, "checked", 2);
|
|
4829
|
+
M([
|
|
4830
4830
|
a({ type: Boolean, reflect: !0 })
|
|
4831
|
-
],
|
|
4832
|
-
|
|
4831
|
+
], A.prototype, "indeterminate", 2);
|
|
4832
|
+
M([
|
|
4833
4833
|
a({ type: Boolean, reflect: !0 })
|
|
4834
|
-
],
|
|
4835
|
-
|
|
4834
|
+
], A.prototype, "disabled", 2);
|
|
4835
|
+
M([
|
|
4836
4836
|
a({ type: String, reflect: !0 })
|
|
4837
|
-
],
|
|
4838
|
-
|
|
4837
|
+
], A.prototype, "size", 2);
|
|
4838
|
+
M([
|
|
4839
4839
|
a({ type: Boolean })
|
|
4840
|
-
],
|
|
4841
|
-
|
|
4840
|
+
], A.prototype, "showLabel", 2);
|
|
4841
|
+
M([
|
|
4842
4842
|
a({ type: String })
|
|
4843
|
-
],
|
|
4844
|
-
|
|
4843
|
+
], A.prototype, "label", 2);
|
|
4844
|
+
M([
|
|
4845
4845
|
a({ type: String })
|
|
4846
|
-
],
|
|
4847
|
-
|
|
4846
|
+
], A.prototype, "name", 2);
|
|
4847
|
+
M([
|
|
4848
4848
|
a({ type: String })
|
|
4849
|
-
],
|
|
4850
|
-
|
|
4849
|
+
], A.prototype, "value", 2);
|
|
4850
|
+
M([
|
|
4851
4851
|
a({ type: String, reflect: !0 })
|
|
4852
|
-
],
|
|
4853
|
-
|
|
4854
|
-
|
|
4855
|
-
],
|
|
4856
|
-
|
|
4852
|
+
], A.prototype, "inputId", 2);
|
|
4853
|
+
M([
|
|
4854
|
+
Ce("input")
|
|
4855
|
+
], A.prototype, "inputEl", 2);
|
|
4856
|
+
A = M([
|
|
4857
4857
|
g("o-checkbox")
|
|
4858
|
-
],
|
|
4859
|
-
var
|
|
4860
|
-
for (var i =
|
|
4861
|
-
(s = o[
|
|
4862
|
-
return
|
|
4858
|
+
], A);
|
|
4859
|
+
var Pi = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, V = (o, t, e, n) => {
|
|
4860
|
+
for (var i = n > 1 ? void 0 : n ? Bi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
4861
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
4862
|
+
return n && i && Pi(t, e, i), i;
|
|
4863
4863
|
};
|
|
4864
|
-
let
|
|
4864
|
+
let zi = 0, D = class extends p {
|
|
4865
4865
|
constructor() {
|
|
4866
|
-
super(), this.checked = !1, this.disabled = !1, this.size = "S", this.showLabel = !0, this.label = "Radio button", this.name = "", this.value = "on", this.inputId = "", this.inputId || (this.inputId = `o-radio-${++
|
|
4866
|
+
super(), this.checked = !1, this.disabled = !1, this.size = "S", this.showLabel = !0, this.label = "Radio button", this.name = "", this.value = "on", this.inputId = "", this.inputId || (this.inputId = `o-radio-${++zi}`);
|
|
4867
4867
|
}
|
|
4868
4868
|
handleClick() {
|
|
4869
4869
|
this.disabled || this.checked || (this.checked = !0, this.syncInput(), this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })));
|
|
@@ -4874,8 +4874,8 @@ let Bi = 0, O = class extends p {
|
|
|
4874
4874
|
updated(o) {
|
|
4875
4875
|
if (o.has("checked") && this.checked) {
|
|
4876
4876
|
const t = this.parentElement;
|
|
4877
|
-
t && Array.from(t.querySelectorAll(`o-radio[name="${this.name}"]`)).forEach((
|
|
4878
|
-
|
|
4877
|
+
t && Array.from(t.querySelectorAll(`o-radio[name="${this.name}"]`)).forEach((n) => {
|
|
4878
|
+
n !== this && (n.checked = !1);
|
|
4879
4879
|
});
|
|
4880
4880
|
}
|
|
4881
4881
|
this.syncInput();
|
|
@@ -4895,7 +4895,7 @@ let Bi = 0, O = class extends p {
|
|
|
4895
4895
|
`;
|
|
4896
4896
|
}
|
|
4897
4897
|
};
|
|
4898
|
-
|
|
4898
|
+
D.styles = f`
|
|
4899
4899
|
:host {
|
|
4900
4900
|
display: inline-flex;
|
|
4901
4901
|
align-items: center;
|
|
@@ -4985,42 +4985,42 @@ O.styles = v`
|
|
|
4985
4985
|
height: 0;
|
|
4986
4986
|
}
|
|
4987
4987
|
`;
|
|
4988
|
-
|
|
4988
|
+
V([
|
|
4989
4989
|
a({ type: Boolean, reflect: !0 })
|
|
4990
|
-
],
|
|
4991
|
-
|
|
4990
|
+
], D.prototype, "checked", 2);
|
|
4991
|
+
V([
|
|
4992
4992
|
a({ type: Boolean, reflect: !0 })
|
|
4993
|
-
],
|
|
4994
|
-
|
|
4993
|
+
], D.prototype, "disabled", 2);
|
|
4994
|
+
V([
|
|
4995
4995
|
a({ type: String, reflect: !0 })
|
|
4996
|
-
],
|
|
4997
|
-
|
|
4996
|
+
], D.prototype, "size", 2);
|
|
4997
|
+
V([
|
|
4998
4998
|
a({ type: Boolean })
|
|
4999
|
-
],
|
|
5000
|
-
|
|
4999
|
+
], D.prototype, "showLabel", 2);
|
|
5000
|
+
V([
|
|
5001
5001
|
a({ type: String })
|
|
5002
|
-
],
|
|
5003
|
-
|
|
5002
|
+
], D.prototype, "label", 2);
|
|
5003
|
+
V([
|
|
5004
5004
|
a({ type: String })
|
|
5005
|
-
],
|
|
5006
|
-
|
|
5005
|
+
], D.prototype, "name", 2);
|
|
5006
|
+
V([
|
|
5007
5007
|
a({ type: String })
|
|
5008
|
-
],
|
|
5009
|
-
|
|
5008
|
+
], D.prototype, "value", 2);
|
|
5009
|
+
V([
|
|
5010
5010
|
a({ type: String, reflect: !0 })
|
|
5011
|
-
],
|
|
5012
|
-
|
|
5013
|
-
|
|
5014
|
-
],
|
|
5015
|
-
|
|
5011
|
+
], D.prototype, "inputId", 2);
|
|
5012
|
+
V([
|
|
5013
|
+
Ce("input")
|
|
5014
|
+
], D.prototype, "inputEl", 2);
|
|
5015
|
+
D = V([
|
|
5016
5016
|
g("o-radio")
|
|
5017
|
-
],
|
|
5018
|
-
var
|
|
5019
|
-
for (var i =
|
|
5020
|
-
(s = o[
|
|
5017
|
+
], D);
|
|
5018
|
+
var Oi = Object.getOwnPropertyDescriptor, Ii = (o, t, e, n) => {
|
|
5019
|
+
for (var i = n > 1 ? void 0 : n ? Oi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
5020
|
+
(s = o[r]) && (i = s(i) || i);
|
|
5021
5021
|
return i;
|
|
5022
5022
|
};
|
|
5023
|
-
let
|
|
5023
|
+
let Vt = class extends p {
|
|
5024
5024
|
render() {
|
|
5025
5025
|
return l`
|
|
5026
5026
|
<nav aria-label="Breadcrumbs">
|
|
@@ -5031,7 +5031,7 @@ let Ut = class extends p {
|
|
|
5031
5031
|
`;
|
|
5032
5032
|
}
|
|
5033
5033
|
};
|
|
5034
|
-
|
|
5034
|
+
Vt.styles = f`
|
|
5035
5035
|
nav {
|
|
5036
5036
|
max-width: 144rem;
|
|
5037
5037
|
margin: auto;
|
|
@@ -5043,15 +5043,15 @@ Ut.styles = v`
|
|
|
5043
5043
|
padding: var(--spacing-4-xs);
|
|
5044
5044
|
}
|
|
5045
5045
|
`;
|
|
5046
|
-
|
|
5046
|
+
Vt = Ii([
|
|
5047
5047
|
g("o-breadcrumbs")
|
|
5048
|
-
],
|
|
5049
|
-
var
|
|
5050
|
-
for (var i =
|
|
5051
|
-
(s = o[
|
|
5052
|
-
return
|
|
5048
|
+
], Vt);
|
|
5049
|
+
var Di = Object.defineProperty, Ti = Object.getOwnPropertyDescriptor, re = (o, t, e, n) => {
|
|
5050
|
+
for (var i = n > 1 ? void 0 : n ? Ti(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
5051
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
5052
|
+
return n && i && Di(t, e, i), i;
|
|
5053
5053
|
};
|
|
5054
|
-
let
|
|
5054
|
+
let St = class extends p {
|
|
5055
5055
|
constructor() {
|
|
5056
5056
|
super(...arguments), this.href = "", this.active = !1;
|
|
5057
5057
|
}
|
|
@@ -5072,7 +5072,7 @@ let _t = class extends p {
|
|
|
5072
5072
|
`;
|
|
5073
5073
|
}
|
|
5074
5074
|
};
|
|
5075
|
-
|
|
5075
|
+
St.styles = f`
|
|
5076
5076
|
:host(:not([active]))::after {
|
|
5077
5077
|
content: "/";
|
|
5078
5078
|
margin: 0 0.5rem;
|
|
@@ -5105,28 +5105,28 @@ _t.styles = v`
|
|
|
5105
5105
|
}
|
|
5106
5106
|
|
|
5107
5107
|
a:focus-visible {
|
|
5108
|
-
${
|
|
5108
|
+
${at};
|
|
5109
5109
|
}
|
|
5110
5110
|
|
|
5111
5111
|
:host(.a--tabfocus) {
|
|
5112
5112
|
outline: none !important;
|
|
5113
5113
|
}
|
|
5114
5114
|
`;
|
|
5115
|
-
|
|
5115
|
+
re([
|
|
5116
5116
|
a({ type: String })
|
|
5117
|
-
],
|
|
5118
|
-
|
|
5117
|
+
], St.prototype, "href", 2);
|
|
5118
|
+
re([
|
|
5119
5119
|
a({ type: Boolean, reflect: !0 })
|
|
5120
|
-
],
|
|
5121
|
-
|
|
5120
|
+
], St.prototype, "active", 2);
|
|
5121
|
+
St = re([
|
|
5122
5122
|
g("o-breadcrumb")
|
|
5123
|
-
],
|
|
5124
|
-
var
|
|
5125
|
-
for (var i =
|
|
5126
|
-
(s = o[
|
|
5127
|
-
return
|
|
5123
|
+
], St);
|
|
5124
|
+
var Hi = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, ut = (o, t, e, n) => {
|
|
5125
|
+
for (var i = n > 1 ? void 0 : n ? Mi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
5126
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
5127
|
+
return n && i && Hi(t, e, i), i;
|
|
5128
5128
|
};
|
|
5129
|
-
let
|
|
5129
|
+
let tt = class extends p {
|
|
5130
5130
|
constructor() {
|
|
5131
5131
|
super(...arguments), this.imageUrl = "", this.imageAlt = "", this.hoverUrl = "", this.hoverAlt = "", this.dimmed = !1;
|
|
5132
5132
|
}
|
|
@@ -5145,7 +5145,7 @@ let J = class extends p {
|
|
|
5145
5145
|
</div>`;
|
|
5146
5146
|
}
|
|
5147
5147
|
};
|
|
5148
|
-
|
|
5148
|
+
tt.styles = f`
|
|
5149
5149
|
:host {
|
|
5150
5150
|
--card-width : 175px;
|
|
5151
5151
|
--card-height : 260px;
|
|
@@ -5205,25 +5205,25 @@ J.styles = v`
|
|
|
5205
5205
|
opacity: var(--overlay-opacity, 1);
|
|
5206
5206
|
}
|
|
5207
5207
|
`;
|
|
5208
|
-
|
|
5208
|
+
ut([
|
|
5209
5209
|
a({ type: String })
|
|
5210
|
-
],
|
|
5211
|
-
|
|
5210
|
+
], tt.prototype, "imageUrl", 2);
|
|
5211
|
+
ut([
|
|
5212
5212
|
a({ type: String })
|
|
5213
|
-
],
|
|
5214
|
-
|
|
5213
|
+
], tt.prototype, "imageAlt", 2);
|
|
5214
|
+
ut([
|
|
5215
5215
|
a({ type: String })
|
|
5216
|
-
],
|
|
5217
|
-
|
|
5216
|
+
], tt.prototype, "hoverUrl", 2);
|
|
5217
|
+
ut([
|
|
5218
5218
|
a({ type: String })
|
|
5219
|
-
],
|
|
5220
|
-
|
|
5219
|
+
], tt.prototype, "hoverAlt", 2);
|
|
5220
|
+
ut([
|
|
5221
5221
|
a({ type: Boolean, reflect: !0 })
|
|
5222
|
-
],
|
|
5223
|
-
|
|
5222
|
+
], tt.prototype, "dimmed", 2);
|
|
5223
|
+
tt = ut([
|
|
5224
5224
|
g("o-arch-image")
|
|
5225
|
-
],
|
|
5226
|
-
const
|
|
5225
|
+
], tt);
|
|
5226
|
+
const Fi = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
5227
5227
|
<svg
|
|
5228
5228
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
|
5229
5229
|
xmlns:cc="http://creativecommons.org/ns#"
|
|
@@ -5304,18 +5304,18 @@ const Mi = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
|
5304
5304
|
id="path52"
|
|
5305
5305
|
style="fill:#3F2B2E;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
5306
5306
|
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>`;
|
|
5307
|
-
var
|
|
5308
|
-
for (var i =
|
|
5309
|
-
(s = o[
|
|
5310
|
-
return
|
|
5307
|
+
var ji = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, L = (o, t, e, n) => {
|
|
5308
|
+
for (var i = n > 1 ? void 0 : n ? Ri(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
5309
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
5310
|
+
return n && i && ji(t, e, i), i;
|
|
5311
5311
|
};
|
|
5312
|
-
const
|
|
5312
|
+
const ae = class ae extends p {
|
|
5313
5313
|
constructor() {
|
|
5314
5314
|
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._labelId = `title-${Math.random().toString(36).slice(2)}`, this._onBackdropClick = (t) => {
|
|
5315
|
-
var
|
|
5315
|
+
var n;
|
|
5316
5316
|
if (!this.open || !this.closeOnBackdrop) return;
|
|
5317
5317
|
const e = t.composedPath()[0];
|
|
5318
|
-
(
|
|
5318
|
+
(n = e == null ? void 0 : e.classList) != null && n.contains("backdrop") && this._requestClose("backdrop");
|
|
5319
5319
|
};
|
|
5320
5320
|
}
|
|
5321
5321
|
get classPopin() {
|
|
@@ -5407,7 +5407,7 @@ const ne = class ne extends p {
|
|
|
5407
5407
|
<header part="header">
|
|
5408
5408
|
${this.showBackButton ? this._renderBackButton() : null}
|
|
5409
5409
|
<div class="brand">
|
|
5410
|
-
<span slot="logo${this.contrast ? "-contrast" : ""}">${
|
|
5410
|
+
<span slot="logo${this.contrast ? "-contrast" : ""}">${C(Fi)}</span>
|
|
5411
5411
|
</div>
|
|
5412
5412
|
<div part="close${this.contrast ? "-contrast" : ""}">${this._renderCloseButton()}</div>
|
|
5413
5413
|
</header>
|
|
@@ -5419,7 +5419,7 @@ const ne = class ne extends p {
|
|
|
5419
5419
|
`;
|
|
5420
5420
|
}
|
|
5421
5421
|
};
|
|
5422
|
-
|
|
5422
|
+
ae.styles = f`
|
|
5423
5423
|
:host {
|
|
5424
5424
|
position: fixed;
|
|
5425
5425
|
inset: 0;
|
|
@@ -5529,44 +5529,316 @@ ne.styles = v`
|
|
|
5529
5529
|
to { transform: translateY(0) scale(1); opacity: 1; }
|
|
5530
5530
|
}
|
|
5531
5531
|
`;
|
|
5532
|
-
let
|
|
5533
|
-
|
|
5532
|
+
let _ = ae;
|
|
5533
|
+
L([
|
|
5534
5534
|
a({ type: Boolean, reflect: !0 })
|
|
5535
|
-
],
|
|
5536
|
-
|
|
5535
|
+
], _.prototype, "ispagedesigner", 2);
|
|
5536
|
+
L([
|
|
5537
5537
|
a({ type: String, reflect: !0 })
|
|
5538
|
-
],
|
|
5539
|
-
|
|
5538
|
+
], _.prototype, "classPopin", 1);
|
|
5539
|
+
L([
|
|
5540
5540
|
a({ type: Boolean, reflect: !0 })
|
|
5541
|
-
],
|
|
5542
|
-
|
|
5541
|
+
], _.prototype, "open", 2);
|
|
5542
|
+
L([
|
|
5543
5543
|
a({ type: String, reflect: !0 })
|
|
5544
|
-
],
|
|
5545
|
-
|
|
5544
|
+
], _.prototype, "background", 2);
|
|
5545
|
+
L([
|
|
5546
5546
|
a({ type: String, attribute: "background-url", reflect: !0 })
|
|
5547
|
-
],
|
|
5548
|
-
|
|
5547
|
+
], _.prototype, "backgroundUrl", 2);
|
|
5548
|
+
L([
|
|
5549
5549
|
a({ type: Boolean, attribute: "close-on-esc" })
|
|
5550
|
-
],
|
|
5551
|
-
|
|
5550
|
+
], _.prototype, "closeOnEsc", 2);
|
|
5551
|
+
L([
|
|
5552
5552
|
a({ type: Boolean, attribute: "close-on-backdrop" })
|
|
5553
|
-
],
|
|
5554
|
-
|
|
5553
|
+
], _.prototype, "closeOnBackdrop", 2);
|
|
5554
|
+
L([
|
|
5555
5555
|
a({ type: Boolean, attribute: "lock-scroll" })
|
|
5556
|
-
],
|
|
5557
|
-
|
|
5556
|
+
], _.prototype, "lockScroll", 2);
|
|
5557
|
+
L([
|
|
5558
5558
|
a({ type: String, reflect: !0 })
|
|
5559
|
-
],
|
|
5560
|
-
|
|
5559
|
+
], _.prototype, "variant", 2);
|
|
5560
|
+
L([
|
|
5561
5561
|
a({ type: String, attribute: "max-width" })
|
|
5562
|
-
],
|
|
5563
|
-
|
|
5562
|
+
], _.prototype, "maxWidth", 2);
|
|
5563
|
+
L([
|
|
5564
5564
|
a({ type: Boolean, reflect: !0 })
|
|
5565
|
-
],
|
|
5566
|
-
|
|
5565
|
+
], _.prototype, "showBackButton", 2);
|
|
5566
|
+
L([
|
|
5567
5567
|
a({ type: Boolean, reflect: !0 })
|
|
5568
|
-
],
|
|
5569
|
-
|
|
5570
|
-
|
|
5571
|
-
],
|
|
5572
|
-
customElements.define("o-popin",
|
|
5568
|
+
], _.prototype, "contrast", 2);
|
|
5569
|
+
L([
|
|
5570
|
+
et()
|
|
5571
|
+
], _.prototype, "_labelId", 2);
|
|
5572
|
+
customElements.define("o-popin", _);
|
|
5573
|
+
var Ui = Object.defineProperty, Ni = Object.getOwnPropertyDescriptor, w = (o, t, e, n) => {
|
|
5574
|
+
for (var i = n > 1 ? void 0 : n ? Ni(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
5575
|
+
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
5576
|
+
return n && i && Ui(t, e, i), i;
|
|
5577
|
+
};
|
|
5578
|
+
let m = class extends p {
|
|
5579
|
+
constructor() {
|
|
5580
|
+
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.showIcon = !0, this.tagText = "";
|
|
5581
|
+
}
|
|
5582
|
+
onClick() {
|
|
5583
|
+
typeof this.onClickTile == "function" && this.onClickTile();
|
|
5584
|
+
}
|
|
5585
|
+
onClickIcons() {
|
|
5586
|
+
typeof this.onClickIcon == "function" && this.onClickIcon();
|
|
5587
|
+
}
|
|
5588
|
+
get icons() {
|
|
5589
|
+
return this.showIcon ? l`
|
|
5590
|
+
<o-icon-button
|
|
5591
|
+
@click=${this.onClickIcons}
|
|
5592
|
+
icon=${this.type === "notifyme" ? "notifyme" : "cart"}
|
|
5593
|
+
size="small"
|
|
5594
|
+
bgstyle="background-contrast"
|
|
5595
|
+
type="span"
|
|
5596
|
+
status="empty"
|
|
5597
|
+
strokewidth="0"
|
|
5598
|
+
class=${this.type === "notifyme" ? "js-availability-notify-details-routine" : "add-to-bag"}
|
|
5599
|
+
></o-icon-button>
|
|
5600
|
+
` : "";
|
|
5601
|
+
}
|
|
5602
|
+
render() {
|
|
5603
|
+
return l`
|
|
5604
|
+
<button type="button"
|
|
5605
|
+
class="tile fullpointer ${this.fullwidth ? "fullwidth" : ""} ${this.current ? "current" : ""}" @click=${this.onClick}>
|
|
5606
|
+
${this.imageUrl ? l`<img src="${this.imageUrl}" alt="${this.altImage || ""}" />` : ""}
|
|
5607
|
+
<div class="info">
|
|
5608
|
+
${this.tagText ? l`<o-tag bgstyle="background-emphasis">${this.tagText}</o-tag>` : ""}
|
|
5609
|
+
${this.outOfStock ? l`<o-tag type="nostock" role="status" aria-live="polite">Out of stock</o-tag>` : ""}
|
|
5610
|
+
<div class="title-volume">
|
|
5611
|
+
${this.titleProduct ? l`<div class="title">${this.titleProduct}</div>` : ""}
|
|
5612
|
+
${this.volume ? l`<span class="volume-info">${this.volume}</span>` : ""}
|
|
5613
|
+
</div>
|
|
5614
|
+
${this.descriptionProduct ? l`<div class="description">${this.descriptionProduct}</div>` : ""}
|
|
5615
|
+
${this.salesPercentage && this.oldPrice ? l`<div class="discount-info"><o-tag bgstyle="background-emphasis">${this.salesPercentage}</o-tag> <span class="old-price">${this.oldPrice}</span></div>` : ""}
|
|
5616
|
+
<div class="details">
|
|
5617
|
+
<div class="price-info">
|
|
5618
|
+
${this.mainPrice ? l`<span class="main-price">${this.mainPrice}</span>` : ""}
|
|
5619
|
+
${this.perLiter ? l`<span class="per-liter">${this.perLiter}</span>` : ""}
|
|
5620
|
+
</div>
|
|
5621
|
+
${this.icons}
|
|
5622
|
+
</div>
|
|
5623
|
+
</div>
|
|
5624
|
+
|
|
5625
|
+
</button>
|
|
5626
|
+
`;
|
|
5627
|
+
}
|
|
5628
|
+
};
|
|
5629
|
+
m.styles = f`
|
|
5630
|
+
:host {
|
|
5631
|
+
display: block;
|
|
5632
|
+
max-width: 100%;
|
|
5633
|
+
}
|
|
5634
|
+
|
|
5635
|
+
.tile {
|
|
5636
|
+
display: flex;
|
|
5637
|
+
column-gap: var(--spacing-l);
|
|
5638
|
+
align-items: flex-start;
|
|
5639
|
+
justify-content: space-between;
|
|
5640
|
+
border-radius: var(--radius-m);
|
|
5641
|
+
background: var(--color-container-bg-white);
|
|
5642
|
+
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
|
|
5643
|
+
font-family: var(--font-family-loccitane-sans);
|
|
5644
|
+
width: 343px;
|
|
5645
|
+
max-width: 343px;
|
|
5646
|
+
padding: var(--spacing-l);
|
|
5647
|
+
margin: 0;
|
|
5648
|
+
border: 0 none;
|
|
5649
|
+
box-sizing: content-box;
|
|
5650
|
+
|
|
5651
|
+
&.current {
|
|
5652
|
+
border: var(--border-m, 1px) solid var(--color-border-secondary, #7E7173);
|
|
5653
|
+
}
|
|
5654
|
+
|
|
5655
|
+
&:hover {
|
|
5656
|
+
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
|
5657
|
+
}
|
|
5658
|
+
|
|
5659
|
+
&:active {
|
|
5660
|
+
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.32);
|
|
5661
|
+
}
|
|
5662
|
+
}
|
|
5663
|
+
|
|
5664
|
+
.tile.fullwidth {
|
|
5665
|
+
width: 100%;
|
|
5666
|
+
max-width: 100%;
|
|
5667
|
+
}
|
|
5668
|
+
|
|
5669
|
+
.tile img {
|
|
5670
|
+
object-fit: cover;
|
|
5671
|
+
width: 112px;
|
|
5672
|
+
height: 140px;
|
|
5673
|
+
background: linear-gradient(to bottom, #F9F5F0, #F7F2EA);
|
|
5674
|
+
}
|
|
5675
|
+
|
|
5676
|
+
.info {
|
|
5677
|
+
flex-grow: 1;
|
|
5678
|
+
display: flex;
|
|
5679
|
+
flex-direction: column;
|
|
5680
|
+
justify-content: space-between;
|
|
5681
|
+
row-gap: var(--spacing-s);
|
|
5682
|
+
min-height: 140px;
|
|
5683
|
+
|
|
5684
|
+
has(o-tag), has(.discount-info) {
|
|
5685
|
+
justify-content: flex-start;
|
|
5686
|
+
}
|
|
5687
|
+
}
|
|
5688
|
+
|
|
5689
|
+
.info .title {
|
|
5690
|
+
|
|
5691
|
+
color: var(--color-content-body, #3F2B2E);
|
|
5692
|
+
font-family: var(--font-family-loccitane-serif);
|
|
5693
|
+
font-size: var(--font-size-200, 16px);
|
|
5694
|
+
font-weight: var(--font-weight-400, 400);
|
|
5695
|
+
line-height: var(--line-height-200, 20px);
|
|
5696
|
+
letter-spacing: var(--letter-spacing-000, 0);
|
|
5697
|
+
text-align: left;
|
|
5698
|
+
}
|
|
5699
|
+
|
|
5700
|
+
.info .description {
|
|
5701
|
+
color: var(--color-content-description, #7E7173);
|
|
5702
|
+
font-family: var(--font-family-loccitane-sans, LOccitaneSans);
|
|
5703
|
+
font-size: var(--font-size-150, 14px);
|
|
5704
|
+
font-weight: var(--font-weight-400, 400);
|
|
5705
|
+
line-height: var(--line-height-200, 20px);
|
|
5706
|
+
letter-spacing: var(--letter-spacing-000, 0);
|
|
5707
|
+
text-align: left;
|
|
5708
|
+
display: -webkit-box;
|
|
5709
|
+
-webkit-line-clamp: 2;
|
|
5710
|
+
-webkit-box-orient: vertical;
|
|
5711
|
+
overflow: hidden;
|
|
5712
|
+
}
|
|
5713
|
+
|
|
5714
|
+
.info .details {
|
|
5715
|
+
display: flex;
|
|
5716
|
+
align-items: center;
|
|
5717
|
+
justify-content: space-between;
|
|
5718
|
+
}
|
|
5719
|
+
|
|
5720
|
+
.info .discount-info {
|
|
5721
|
+
display: flex;
|
|
5722
|
+
align-items: center;
|
|
5723
|
+
column-gap: var(--spacing-xs);
|
|
5724
|
+
|
|
5725
|
+
.old-price {
|
|
5726
|
+
color: var(--color-content-description, #7E7173);
|
|
5727
|
+
font-family: var(--font-family-loccitane-sans, LOccitaneSans);
|
|
5728
|
+
font-size: var(--font-size-100, 12px);
|
|
5729
|
+
font-style: normal;
|
|
5730
|
+
font-weight: var(--font-weight-400, 400);
|
|
5731
|
+
line-height: var(--line-height-160, 16px); /* 133.333% */
|
|
5732
|
+
letter-spacing: var(--letter-spacing-000, 0);
|
|
5733
|
+
text-decoration-line: line-through;
|
|
5734
|
+
}
|
|
5735
|
+
|
|
5736
|
+
}
|
|
5737
|
+
|
|
5738
|
+
.info .volume-info {
|
|
5739
|
+
color: var(--color-content-description, #7E7173);
|
|
5740
|
+
font-family: var(--font-family-loccitane-sans, LOccitaneSans);
|
|
5741
|
+
font-size: var(--font-size-100, 12px);
|
|
5742
|
+
font-style: normal;
|
|
5743
|
+
font-weight: var(--font-weight-400, 400);
|
|
5744
|
+
line-height: var(--line-height-160, 16px);
|
|
5745
|
+
text-align: left;
|
|
5746
|
+
letter-spacing: var(--letter-spacing-400, 0.64px);
|
|
5747
|
+
}
|
|
5748
|
+
|
|
5749
|
+
.info o-tag {
|
|
5750
|
+
display: flex;
|
|
5751
|
+
}
|
|
5752
|
+
|
|
5753
|
+
.title-volume {
|
|
5754
|
+
display: flex;
|
|
5755
|
+
align-items: flex-start;
|
|
5756
|
+
flex-direction: column;
|
|
5757
|
+
row-gap: var(--spacing-2-xs);
|
|
5758
|
+
}
|
|
5759
|
+
|
|
5760
|
+
.main-price {
|
|
5761
|
+
color: var(--color-content-body, #3F2B2E);
|
|
5762
|
+
font-family: var(--font-family-loccitane-sans, LOccitaneSans);
|
|
5763
|
+
font-size: var(--font-size-150, 14px);
|
|
5764
|
+
font-style: normal;
|
|
5765
|
+
font-weight: var(--font-weight-400, 400);
|
|
5766
|
+
line-height: var(--line-height-200, 20px); /* 142.857% */
|
|
5767
|
+
letter-spacing: var(--letter-spacing-000, 0);
|
|
5768
|
+
}
|
|
5769
|
+
|
|
5770
|
+
.per-liter {
|
|
5771
|
+
color: var(--color-content-description, #7E7173);
|
|
5772
|
+
font-family: var(--font-family-loccitane-sans, LOccitaneSans);
|
|
5773
|
+
font-size: var(--font-size-100, 12px);
|
|
5774
|
+
font-style: normal;
|
|
5775
|
+
font-weight: var(--font-weight-400, 400);
|
|
5776
|
+
line-height: var(--line-height-160, 16px);
|
|
5777
|
+
letter-spacing: var(--letter-spacing-400, 0.64px);
|
|
5778
|
+
}
|
|
5779
|
+
|
|
5780
|
+
.price-info {
|
|
5781
|
+
display: flex;
|
|
5782
|
+
column-gap: var(--spacing-xs);
|
|
5783
|
+
align-items: center;
|
|
5784
|
+
height: 32px;
|
|
5785
|
+
}
|
|
5786
|
+
|
|
5787
|
+
.fullpointer {
|
|
5788
|
+
cursor: pointer;
|
|
5789
|
+
}
|
|
5790
|
+
`;
|
|
5791
|
+
w([
|
|
5792
|
+
a({ type: String })
|
|
5793
|
+
], m.prototype, "type", 2);
|
|
5794
|
+
w([
|
|
5795
|
+
a({ type: String })
|
|
5796
|
+
], m.prototype, "titleProduct", 2);
|
|
5797
|
+
w([
|
|
5798
|
+
a({ type: String })
|
|
5799
|
+
], m.prototype, "descriptionProduct", 2);
|
|
5800
|
+
w([
|
|
5801
|
+
a({ type: String })
|
|
5802
|
+
], m.prototype, "volume", 2);
|
|
5803
|
+
w([
|
|
5804
|
+
a({ type: String })
|
|
5805
|
+
], m.prototype, "perLiter", 2);
|
|
5806
|
+
w([
|
|
5807
|
+
a({ type: String })
|
|
5808
|
+
], m.prototype, "mainPrice", 2);
|
|
5809
|
+
w([
|
|
5810
|
+
a({ type: String })
|
|
5811
|
+
], m.prototype, "salesPercentage", 2);
|
|
5812
|
+
w([
|
|
5813
|
+
a({ type: String })
|
|
5814
|
+
], m.prototype, "oldPrice", 2);
|
|
5815
|
+
w([
|
|
5816
|
+
a({ type: String })
|
|
5817
|
+
], m.prototype, "imageUrl", 2);
|
|
5818
|
+
w([
|
|
5819
|
+
a({ type: Boolean })
|
|
5820
|
+
], m.prototype, "outOfStock", 2);
|
|
5821
|
+
w([
|
|
5822
|
+
a({ type: String })
|
|
5823
|
+
], m.prototype, "altImage", 2);
|
|
5824
|
+
w([
|
|
5825
|
+
a({ type: Boolean })
|
|
5826
|
+
], m.prototype, "fullwidth", 2);
|
|
5827
|
+
w([
|
|
5828
|
+
a({ type: Boolean })
|
|
5829
|
+
], m.prototype, "current", 2);
|
|
5830
|
+
w([
|
|
5831
|
+
a({ type: Boolean })
|
|
5832
|
+
], m.prototype, "showIcon", 2);
|
|
5833
|
+
w([
|
|
5834
|
+
a({ type: String })
|
|
5835
|
+
], m.prototype, "tagText", 2);
|
|
5836
|
+
w([
|
|
5837
|
+
a({ type: Function })
|
|
5838
|
+
], m.prototype, "onClickTile", 2);
|
|
5839
|
+
w([
|
|
5840
|
+
a({ type: Function })
|
|
5841
|
+
], m.prototype, "onClickIcon", 2);
|
|
5842
|
+
m = w([
|
|
5843
|
+
g("o-medium-tile")
|
|
5844
|
+
], m);
|