@florid-kit/components 0.10.9 → 0.10.11

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 +94 -72
  2. package/index.mjs +385 -363
  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 {
@@ -4318,6 +4318,10 @@ se.styles = f`
4318
4318
  margin: 0;
4319
4319
  border: 0 none;
4320
4320
  box-sizing: content-box;
4321
+
4322
+ o-icon-button {
4323
+ margin-left: var(--spacing-xl);
4324
+ }
4321
4325
  }
4322
4326
 
4323
4327
  .tile.fullwidth {
@@ -4345,9 +4349,22 @@ se.styles = f`
4345
4349
  line-height: var(--line-height-160);
4346
4350
  letter-spacing: var(--letter-spacing-100);
4347
4351
  text-align: left;
4352
+ max-height: 32px;
4353
+ overflow: hidden;
4354
+ text-overflow: ellipsis;
4355
+ display: -webkit-box;
4356
+ -webkit-line-clamp: 2;
4357
+ -webkit-box-orient: vertical;
4348
4358
 
4349
4359
  +.details {
4350
- padding-top: var(--spacing-s);}
4360
+ padding-top: var(--spacing-s);
4361
+ overflow: hidden;
4362
+ text-overflow: ellipsis;
4363
+ display: -webkit-box;
4364
+ -webkit-line-clamp: 1;
4365
+ -webkit-box-orient: vertical;
4366
+ text-align: left;
4367
+ }
4351
4368
  }
4352
4369
 
4353
4370
  .info .details {
@@ -4426,10 +4443,10 @@ N([
4426
4443
  a({ type: Function })
4427
4444
  ], A.prototype, "onClickTile");
4428
4445
  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;
4446
+ var ki = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, re = (o, t, e, r) => {
4447
+ for (var i = r > 1 ? void 0 : r ? _i(t, e) : t, n = o.length - 1, s; n >= 0; n--)
4448
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
4449
+ return r && i && ki(t, e, i), i;
4433
4450
  };
4434
4451
  let Ct = class extends p {
4435
4452
  constructor() {
@@ -4478,19 +4495,19 @@ Ct.styles = f`
4478
4495
  }
4479
4496
 
4480
4497
  `;
4481
- ne([
4498
+ re([
4482
4499
  a({ type: String, reflect: !0 })
4483
4500
  ], Ct.prototype, "variant", 2);
4484
- ne([
4501
+ re([
4485
4502
  a({ type: String })
4486
4503
  ], Ct.prototype, "text", 2);
4487
- Ct = ne([
4504
+ Ct = re([
4488
4505
  g("o-badge")
4489
4506
  ], 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;
4507
+ var Ci = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, H = (o, t, e, r) => {
4508
+ for (var i = r > 1 ? void 0 : r ? Si(t, e) : t, n = o.length - 1, s; n >= 0; n--)
4509
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
4510
+ return r && i && Ci(t, e, i), i;
4494
4511
  };
4495
4512
  let E = class extends p {
4496
4513
  constructor() {
@@ -4524,11 +4541,11 @@ let E = class extends p {
4524
4541
  }, 600);
4525
4542
  }
4526
4543
  firstUpdated() {
4527
- var n, i;
4544
+ var r, i;
4528
4545
  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");
4546
+ 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
4547
  if (e != null) {
4531
- const r = window.getComputedStyle(e), s = parseInt(r.getPropertyValue("line-height").replace("px", "")), c = parseInt(r.getPropertyValue("height").replace("px", ""));
4548
+ const n = window.getComputedStyle(e), s = parseInt(n.getPropertyValue("line-height").replace("px", "")), c = parseInt(n.getPropertyValue("height").replace("px", ""));
4532
4549
  !isNaN(s) && !isNaN(c) && c > s && (this.multiline = !0);
4533
4550
  }
4534
4551
  t != null && t.addEventListener("click", function() {
@@ -4670,10 +4687,10 @@ H([
4670
4687
  E = H([
4671
4688
  g("o-toast")
4672
4689
  ], 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;
4690
+ var Ei = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, M = (o, t, e, r) => {
4691
+ for (var i = r > 1 ? void 0 : r ? Ai(t, e) : t, n = o.length - 1, s; n >= 0; n--)
4692
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
4693
+ return r && i && Ei(t, e, i), i;
4677
4694
  };
4678
4695
  let Li = 0, L = class extends p {
4679
4696
  constructor() {
@@ -4702,8 +4719,8 @@ let Li = 0, L = class extends p {
4702
4719
  name=${this.name}
4703
4720
  value=${this.value}
4704
4721
  @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 }));
4722
+ const r = e.target;
4723
+ this.checked = r.checked, this.indeterminate = r.indeterminate, this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 }));
4707
4724
  }}
4708
4725
  />
4709
4726
 
@@ -4852,10 +4869,10 @@ M([
4852
4869
  L = M([
4853
4870
  g("o-checkbox")
4854
4871
  ], 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;
4872
+ var Pi = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, V = (o, t, e, r) => {
4873
+ for (var i = r > 1 ? void 0 : r ? Bi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
4874
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
4875
+ return r && i && Pi(t, e, i), i;
4859
4876
  };
4860
4877
  let zi = 0, D = class extends p {
4861
4878
  constructor() {
@@ -4870,8 +4887,8 @@ let zi = 0, D = class extends p {
4870
4887
  updated(o) {
4871
4888
  if (o.has("checked") && this.checked) {
4872
4889
  const t = this.parentElement;
4873
- t && Array.from(t.querySelectorAll(`o-radio[name="${this.name}"]`)).forEach((n) => {
4874
- n !== this && (n.checked = !1);
4890
+ t && Array.from(t.querySelectorAll(`o-radio[name="${this.name}"]`)).forEach((r) => {
4891
+ r !== this && (r.checked = !1);
4875
4892
  });
4876
4893
  }
4877
4894
  this.syncInput();
@@ -5011,9 +5028,9 @@ V([
5011
5028
  D = V([
5012
5029
  g("o-radio")
5013
5030
  ], 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);
5031
+ var Oi = Object.getOwnPropertyDescriptor, Ii = (o, t, e, r) => {
5032
+ for (var i = r > 1 ? void 0 : r ? Oi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
5033
+ (s = o[n]) && (i = s(i) || i);
5017
5034
  return i;
5018
5035
  };
5019
5036
  let Vt = class extends p {
@@ -5042,10 +5059,10 @@ Vt.styles = f`
5042
5059
  Vt = Ii([
5043
5060
  g("o-breadcrumbs")
5044
5061
  ], 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;
5062
+ var Di = Object.defineProperty, Hi = Object.getOwnPropertyDescriptor, ne = (o, t, e, r) => {
5063
+ for (var i = r > 1 ? void 0 : r ? Hi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
5064
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
5065
+ return r && i && Di(t, e, i), i;
5049
5066
  };
5050
5067
  let St = class extends p {
5051
5068
  constructor() {
@@ -5108,19 +5125,19 @@ St.styles = f`
5108
5125
  outline: none !important;
5109
5126
  }
5110
5127
  `;
5111
- re([
5128
+ ne([
5112
5129
  a({ type: String })
5113
5130
  ], St.prototype, "href", 2);
5114
- re([
5131
+ ne([
5115
5132
  a({ type: Boolean, reflect: !0 })
5116
5133
  ], St.prototype, "active", 2);
5117
- St = re([
5134
+ St = ne([
5118
5135
  g("o-breadcrumb")
5119
5136
  ], 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;
5137
+ var Ti = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, ut = (o, t, e, r) => {
5138
+ for (var i = r > 1 ? void 0 : r ? Mi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
5139
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
5140
+ return r && i && Ti(t, e, i), i;
5124
5141
  };
5125
5142
  let et = class extends p {
5126
5143
  constructor() {
@@ -5300,18 +5317,18 @@ const ji = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
5300
5317
  id="path52"
5301
5318
  style="fill:#3F2B2E;fill-opacity:1;fill-rule:nonzero;stroke:none"
5302
5319
  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;
5320
+ var Fi = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, C = (o, t, e, r) => {
5321
+ for (var i = r > 1 ? void 0 : r ? Ri(t, e) : t, n = o.length - 1, s; n >= 0; n--)
5322
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
5323
+ return r && i && Fi(t, e, i), i;
5307
5324
  };
5308
5325
  const ae = class ae extends p {
5309
5326
  constructor() {
5310
5327
  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;
5328
+ var r;
5312
5329
  if (!this.open || !this.closeOnBackdrop) return;
5313
5330
  const e = t.composedPath()[0];
5314
- (n = e == null ? void 0 : e.classList) != null && n.contains("backdrop") && this._requestClose("backdrop");
5331
+ (r = e == null ? void 0 : e.classList) != null && r.contains("backdrop") && this._requestClose("backdrop");
5315
5332
  }, this._onScroll = (t) => {
5316
5333
  if (!this.hideHeaderOnScroll || !this.open) return;
5317
5334
  const i = t.target.scrollTop > 50;
@@ -5341,8 +5358,8 @@ const ae = class ae extends p {
5341
5358
  e && (e.style.overflow = this.open && !this.ispagedesigner ? "hidden" : "");
5342
5359
  }
5343
5360
  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 }));
5361
+ var r;
5362
+ (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
5363
  }) : (this._removeScrollListener(), this._headerHidden = !1, this.dispatchEvent(new CustomEvent("close", { bubbles: !0, composed: !0 })));
5347
5364
  }
5348
5365
  (t.has("hideHeaderOnScroll") || t.has("open")) && (this.open ? this._setupScrollListener() : this._removeScrollListener());
@@ -5620,19 +5637,19 @@ C([
5620
5637
  W()
5621
5638
  ], x.prototype, "_headerHidden", 2);
5622
5639
  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;
5640
+ var Ui = Object.defineProperty, Ni = Object.getOwnPropertyDescriptor, $ = (o, t, e, r) => {
5641
+ for (var i = r > 1 ? void 0 : r ? Ni(t, e) : t, n = o.length - 1, s; n >= 0; n--)
5642
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
5643
+ return r && i && Ui(t, e, i), i;
5627
5644
  };
5628
5645
  let m = class extends p {
5629
5646
  constructor() {
5630
5647
  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
5648
  }
5632
5649
  onClick(o) {
5633
- var e, n, i;
5650
+ var e, r, i;
5634
5651
  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(
5652
+ (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
5653
  new CustomEvent("tile-click", { bubbles: !0, composed: !0 })
5637
5654
  ));
5638
5655
  }
@@ -5674,18 +5691,20 @@ let m = class extends p {
5674
5691
  ${this.volume ? l`<span class="volume-info">${this.volume}</span>` : ""}
5675
5692
  </div>
5676
5693
  ${this.descriptionProduct ? l`<div class="description">${this.descriptionProduct}</div>` : ""}
5677
- ${this.salesPercentage && this.oldPrice ? l`<div class="discount-info">
5678
- <o-tag bgstyle="background-emphasis"
5679
- >${this.salesPercentage}</o-tag
5680
- >
5681
- <span class="old-price">${this.oldPrice}</span>
5682
- </div>` : ""}
5683
5694
  <div class="details">
5684
- <div class="price-info">
5685
- ${this.mainPrice ? l`<span class="main-price">${this.mainPrice}</span>` : ""}
5686
- ${this.perLiter ? l`<span class="per-liter">${this.perLiter}</span>` : ""}
5695
+ ${this.salesPercentage && this.oldPrice ? l`<div class="discount-info">
5696
+ <o-tag bgstyle="background-emphasis"
5697
+ >${this.salesPercentage}</o-tag
5698
+ >
5699
+ <span class="old-price">${this.oldPrice}</span>
5700
+ </div>` : ""}
5701
+ <div class="price-details">
5702
+ <div class="price-info">
5703
+ ${this.mainPrice ? l`<span class="main-price">${this.mainPrice}</span>` : ""}
5704
+ ${this.perLiter ? l`<span class="per-liter">${this.perLiter}</span>` : ""}
5705
+ </div>
5706
+ ${this.icons}
5687
5707
  </div>
5688
- ${this.icons}
5689
5708
  </div>
5690
5709
  </div>
5691
5710
  </button>
@@ -5749,11 +5768,6 @@ m.styles = f`
5749
5768
  min-height: 140px;
5750
5769
  }
5751
5770
 
5752
- .info:has(o-tag),
5753
- .info:has(.discount-info) {
5754
- justify-content: flex-start;
5755
- }
5756
-
5757
5771
  .info .title {
5758
5772
  color: var(--color-content-body, #3f2b2e);
5759
5773
  font-family: var(--font-family-loccitane-serif);
@@ -5784,7 +5798,8 @@ m.styles = f`
5784
5798
 
5785
5799
  .info .details {
5786
5800
  display: flex;
5787
- align-items: center;
5801
+ flex-direction: column;
5802
+ align-items: flex-start;
5788
5803
  justify-content: space-between;
5789
5804
  }
5790
5805
 
@@ -5847,6 +5862,13 @@ m.styles = f`
5847
5862
  letter-spacing: var(--letter-spacing-400, 0.64px);
5848
5863
  }
5849
5864
 
5865
+ .price-details {
5866
+ display: flex;
5867
+ justify-content: space-between;
5868
+ align-items: center;
5869
+ width: 100%;
5870
+ }
5871
+
5850
5872
  .price-info {
5851
5873
  display: flex;
5852
5874
  column-gap: var(--spacing-xs);