@florid-kit/components 0.10.8 → 0.10.10

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