@florid-kit/components 0.8.17 → 0.8.19

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 +47 -48
  2. package/index.mjs +323 -320
  3. package/package.json +1 -1
package/index.mjs CHANGED
@@ -3,18 +3,18 @@
3
3
  * Copyright 2019 Google LLC
4
4
  * SPDX-License-Identifier: BSD-3-Clause
5
5
  */
6
- const pt = globalThis, St = pt.ShadowRoot && (pt.ShadyCSS === void 0 || pt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Et = Symbol(), Nt = /* @__PURE__ */ new WeakMap();
6
+ const pt = globalThis, Et = pt.ShadowRoot && (pt.ShadyCSS === void 0 || pt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, St = Symbol(), Nt = /* @__PURE__ */ new WeakMap();
7
7
  let Yt = class {
8
- constructor(t, e, i) {
9
- if (this._$cssResult$ = !0, i !== Et) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
8
+ constructor(t, e, r) {
9
+ if (this._$cssResult$ = !0, r !== St) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
10
10
  this.cssText = t, this.t = e;
11
11
  }
12
12
  get styleSheet() {
13
13
  let t = this.o;
14
14
  const e = this.t;
15
- if (St && t === void 0) {
16
- const i = e !== void 0 && e.length === 1;
17
- i && (t = Nt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Nt.set(e, t));
15
+ if (Et && t === void 0) {
16
+ const r = e !== void 0 && e.length === 1;
17
+ r && (t = Nt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && Nt.set(e, t));
18
18
  }
19
19
  return t;
20
20
  }
@@ -22,22 +22,22 @@ let Yt = class {
22
22
  return this.cssText;
23
23
  }
24
24
  };
25
- const se = (o) => new Yt(typeof o == "string" ? o : o + "", void 0, Et), g = (o, ...t) => {
26
- const e = o.length === 1 ? o[0] : t.reduce((i, r, n) => i + ((s) => {
25
+ const se = (o) => new Yt(typeof o == "string" ? o : o + "", void 0, St), g = (o, ...t) => {
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
- })(r) + o[n + 1], o[0]);
31
- return new Yt(e, o, Et);
30
+ })(i) + o[n + 1], o[0]);
31
+ return new Yt(e, o, St);
32
32
  }, ae = (o, t) => {
33
- if (St) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
33
+ if (Et) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
34
34
  else for (const e of t) {
35
- const i = document.createElement("style"), r = pt.litNonce;
36
- r !== void 0 && i.setAttribute("nonce", r), i.textContent = e.cssText, o.appendChild(i);
35
+ const r = document.createElement("style"), i = pt.litNonce;
36
+ i !== void 0 && r.setAttribute("nonce", i), r.textContent = e.cssText, o.appendChild(r);
37
37
  }
38
- }, Ft = St ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
38
+ }, Ft = Et ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
39
39
  let e = "";
40
- for (const i of t.cssRules) e += i.cssText;
40
+ for (const r of t.cssRules) e += r.cssText;
41
41
  return se(e);
42
42
  })(o) : o;
43
43
  /**
@@ -84,19 +84,19 @@ let G = class extends HTMLElement {
84
84
  }
85
85
  static createProperty(t, e = Vt) {
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 i = Symbol(), r = this.getPropertyDescriptor(t, i, e);
88
- r !== void 0 && ce(this.prototype, t, r);
87
+ const r = Symbol(), i = this.getPropertyDescriptor(t, r, e);
88
+ i !== void 0 && ce(this.prototype, t, i);
89
89
  }
90
90
  }
91
- static getPropertyDescriptor(t, e, i) {
92
- const { get: r, set: n } = he(this.prototype, t) ?? { get() {
91
+ static getPropertyDescriptor(t, e, r) {
92
+ const { get: i, set: n } = he(this.prototype, t) ?? { get() {
93
93
  return this[e];
94
94
  }, set(s) {
95
95
  this[e] = s;
96
96
  } };
97
- return { get: r, set(s) {
98
- const h = r == null ? void 0 : r.call(this);
99
- n == null || n.call(this, s), this.requestUpdate(t, h, i);
97
+ return { get: i, set(s) {
98
+ const h = i == null ? void 0 : i.call(this);
99
+ n == null || n.call(this, s), this.requestUpdate(t, h, r);
100
100
  }, configurable: !0, enumerable: !0 };
101
101
  }
102
102
  static getPropertyOptions(t) {
@@ -110,32 +110,32 @@ let G = class extends HTMLElement {
110
110
  static finalize() {
111
111
  if (this.hasOwnProperty(tt("finalized"))) return;
112
112
  if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(tt("properties"))) {
113
- const e = this.properties, i = [...de(e), ...pe(e)];
114
- for (const r of i) this.createProperty(r, e[r]);
113
+ const e = this.properties, r = [...de(e), ...pe(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 [i, r] of e) this.elementProperties.set(i, r);
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, i] of this.elementProperties) {
123
- const r = this._$Eu(e, i);
124
- r !== void 0 && this._$Eh.set(r, e);
122
+ for (const [e, r] of this.elementProperties) {
123
+ const i = this._$Eu(e, r);
124
+ i !== void 0 && this._$Eh.set(i, e);
125
125
  }
126
126
  this.elementStyles = this.finalizeStyles(this.styles);
127
127
  }
128
128
  static finalizeStyles(t) {
129
129
  const e = [];
130
130
  if (Array.isArray(t)) {
131
- const i = new Set(t.flat(1 / 0).reverse());
132
- for (const r of i) e.unshift(Ft(r));
131
+ const r = new Set(t.flat(1 / 0).reverse());
132
+ for (const i of r) e.unshift(Ft(i));
133
133
  } else t !== void 0 && e.push(Ft(t));
134
134
  return e;
135
135
  }
136
136
  static _$Eu(t, e) {
137
- const i = e.attribute;
138
- return i === !1 ? void 0 : typeof i == "string" ? i : 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 G = class extends HTMLElement {
154
154
  }
155
155
  _$E_() {
156
156
  const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
157
- for (const i of e.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
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 G = 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 i;
168
- return (i = e.hostConnected) == null ? void 0 : i.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 G = class extends HTMLElement {
173
173
  disconnectedCallback() {
174
174
  var t;
175
175
  (t = this._$EO) == null || t.forEach((e) => {
176
- var i;
177
- return (i = e.hostDisconnected) == null ? void 0 : i.call(e);
176
+ var r;
177
+ return (r = e.hostDisconnected) == null ? void 0 : r.call(e);
178
178
  });
179
179
  }
180
- attributeChangedCallback(t, e, i) {
181
- this._$AK(t, i);
180
+ attributeChangedCallback(t, e, r) {
181
+ this._$AK(t, r);
182
182
  }
183
183
  _$ET(t, e) {
184
184
  var n;
185
- const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
186
- if (r !== void 0 && i.reflect === !0) {
187
- const s = (((n = i.converter) == null ? void 0 : n.toAttribute) !== void 0 ? i.converter : ut).toAttribute(e, i.type);
188
- this._$Em = t, s == null ? this.removeAttribute(r) : this.setAttribute(r, s), this._$Em = null;
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 : ut).toAttribute(e, r.type);
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
192
  var n, s;
193
- const i = this.constructor, r = i._$Eh.get(t);
194
- if (r !== void 0 && this._$Em !== r) {
195
- const h = i.getPropertyOptions(r), c = typeof h.converter == "function" ? { fromAttribute: h.converter } : ((n = h.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? h.converter : ut;
196
- this._$Em = r, this[r] = c.fromAttribute(e, h.type) ?? ((s = this._$Ej) == null ? void 0 : s.get(r)) ?? null, this._$Em = null;
193
+ const r = this.constructor, i = r._$Eh.get(t);
194
+ if (i !== void 0 && this._$Em !== i) {
195
+ const h = r.getPropertyOptions(i), c = typeof h.converter == "function" ? { fromAttribute: h.converter } : ((n = h.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? h.converter : ut;
196
+ this._$Em = i, this[i] = c.fromAttribute(e, h.type) ?? ((s = this._$Ej) == null ? void 0 : s.get(i)) ?? null, this._$Em = null;
197
197
  }
198
198
  }
199
- requestUpdate(t, e, i) {
200
- var r;
199
+ requestUpdate(t, e, r) {
200
+ var i;
201
201
  if (t !== void 0) {
202
202
  const n = this.constructor, s = this[t];
203
- if (i ?? (i = n.getPropertyOptions(t)), !((i.hasChanged ?? Lt)(s, e) || i.useDefault && i.reflect && s === ((r = this._$Ej) == null ? void 0 : r.get(t)) && !this.hasAttribute(n._$Eu(t, i)))) return;
204
- this.C(t, e, i);
203
+ if (r ?? (r = n.getPropertyOptions(t)), !((r.hasChanged ?? Lt)(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: i, reflect: r, wrapped: n }, s) {
209
- i && !(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 || i || (e = void 0), this._$AL.set(t, e)), r === !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,15 +222,15 @@ let G = class extends HTMLElement {
222
222
  return this.performUpdate();
223
223
  }
224
224
  performUpdate() {
225
- var i;
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
229
  for (const [n, s] of this._$Ep) this[n] = s;
230
230
  this._$Ep = void 0;
231
231
  }
232
- const r = this.constructor.elementProperties;
233
- if (r.size > 0) for (const [n, s] of r) {
232
+ const i = this.constructor.elementProperties;
233
+ if (i.size > 0) for (const [n, s] of i) {
234
234
  const { wrapped: h } = s, c = this[n];
235
235
  h !== !0 || this._$AL.has(n) || c === void 0 || this.C(n, void 0, s, c);
236
236
  }
@@ -238,12 +238,12 @@ let G = class extends HTMLElement {
238
238
  let t = !1;
239
239
  const e = this._$AL;
240
240
  try {
241
- t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$EO) == null || i.forEach((r) => {
241
+ t = this.shouldUpdate(e), t ? (this.willUpdate(e), (r = this._$EO) == null || r.forEach((i) => {
242
242
  var n;
243
- return (n = r.hostUpdate) == null ? void 0 : n.call(r);
243
+ return (n = i.hostUpdate) == null ? void 0 : n.call(i);
244
244
  }), this.update(e)) : this._$EM();
245
- } catch (r) {
246
- throw t = !1, this._$EM(), r;
245
+ } catch (i) {
246
+ throw t = !1, this._$EM(), i;
247
247
  }
248
248
  t && this._$AE(e);
249
249
  }
@@ -251,9 +251,9 @@ let G = class extends HTMLElement {
251
251
  }
252
252
  _$AE(t) {
253
253
  var e;
254
- (e = this._$EO) == null || e.forEach((i) => {
255
- var r;
256
- return (r = i.hostUpdated) == null ? void 0 : r.call(i);
254
+ (e = this._$EO) == null || e.forEach((r) => {
255
+ var i;
256
+ return (i = r.hostUpdated) == null ? void 0 : i.call(r);
257
257
  }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
258
258
  }
259
259
  _$EM() {
@@ -282,68 +282,68 @@ G.elementStyles = [], G.shadowRootOptions = { mode: "open" }, G[tt("elementPrope
282
282
  * Copyright 2017 Google LLC
283
283
  * SPDX-License-Identifier: BSD-3-Clause
284
284
  */
285
- const et = globalThis, vt = et.trustedTypes, Zt = vt ? vt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, te = "$lit$", H = `lit$${Math.random().toFixed(9).slice(2)}$`, ee = "?" + H, be = `<${ee}>`, V = document, rt = () => V.createComment(""), it = (o) => o === null || typeof o != "object" && typeof o != "function", It = Array.isArray, fe = (o) => It(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", xt = `[
285
+ const et = globalThis, vt = et.trustedTypes, Zt = vt ? vt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, te = "$lit$", H = `lit$${Math.random().toFixed(9).slice(2)}$`, ee = "?" + H, be = `<${ee}>`, V = document, it = () => V.createComment(""), rt = (o) => o === null || typeof o != "object" && typeof o != "function", It = Array.isArray, fe = (o) => It(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", xt = `[
286
286
  \f\r]`, Y = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, qt = /-->/g, Wt = />/g, N = RegExp(`>|${xt}(?:([^\\s"'>=/]+)(${xt}*=${xt}*(?:[^
287
287
  \f\r"'\`<>=]|("|')|))|$)`, "g"), Kt = /'/g, Gt = /"/g, oe = /^(?:script|style|textarea|title)$/i, ge = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = ge(1), T = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), Xt = /* @__PURE__ */ new WeakMap(), F = V.createTreeWalker(V, 129);
288
- function re(o, t) {
288
+ function ie(o, t) {
289
289
  if (!It(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
290
290
  return Zt !== void 0 ? Zt.createHTML(t) : t;
291
291
  }
292
292
  const ye = (o, t) => {
293
- const e = o.length - 1, i = [];
294
- let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = Y;
293
+ const e = o.length - 1, r = [];
294
+ let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = Y;
295
295
  for (let h = 0; h < e; h++) {
296
296
  const c = o[h];
297
297
  let f, m, p = -1, P = 0;
298
- for (; P < c.length && (s.lastIndex = P, m = s.exec(c), m !== null); ) P = s.lastIndex, s === Y ? m[1] === "!--" ? s = qt : m[1] !== void 0 ? s = Wt : m[2] !== void 0 ? (oe.test(m[2]) && (r = RegExp("</" + m[2], "g")), s = N) : m[3] !== void 0 && (s = N) : s === N ? m[0] === ">" ? (s = r ?? Y, p = -1) : m[1] === void 0 ? p = -2 : (p = s.lastIndex - m[2].length, f = m[1], s = m[3] === void 0 ? N : m[3] === '"' ? Gt : Kt) : s === Gt || s === Kt ? s = N : s === qt || s === Wt ? s = Y : (s = N, r = void 0);
298
+ for (; P < c.length && (s.lastIndex = P, m = s.exec(c), m !== null); ) P = s.lastIndex, s === Y ? m[1] === "!--" ? s = qt : m[1] !== void 0 ? s = Wt : m[2] !== void 0 ? (oe.test(m[2]) && (i = RegExp("</" + m[2], "g")), s = N) : m[3] !== void 0 && (s = N) : s === N ? m[0] === ">" ? (s = i ?? Y, p = -1) : m[1] === void 0 ? p = -2 : (p = s.lastIndex - m[2].length, f = m[1], s = m[3] === void 0 ? N : m[3] === '"' ? Gt : Kt) : s === Gt || s === Kt ? s = N : s === qt || s === Wt ? s = Y : (s = N, i = void 0);
299
299
  const D = s === N && o[h + 1].startsWith("/>") ? " " : "";
300
- n += s === Y ? c + be : p >= 0 ? (i.push(f), c.slice(0, p) + te + c.slice(p) + H + D) : c + H + (p === -2 ? h : D);
300
+ n += s === Y ? c + be : p >= 0 ? (r.push(f), c.slice(0, p) + te + c.slice(p) + H + D) : c + H + (p === -2 ? h : D);
301
301
  }
302
- return [re(o, n + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
302
+ return [ie(o, n + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
303
303
  };
304
304
  class nt {
305
- constructor({ strings: t, _$litType$: e }, i) {
306
- let r;
305
+ constructor({ strings: t, _$litType$: e }, r) {
306
+ let i;
307
307
  this.parts = [];
308
308
  let n = 0, s = 0;
309
309
  const h = t.length - 1, c = this.parts, [f, m] = ye(t, e);
310
- if (this.el = nt.createElement(f, i), F.currentNode = this.el.content, e === 2 || e === 3) {
310
+ if (this.el = nt.createElement(f, r), F.currentNode = this.el.content, e === 2 || e === 3) {
311
311
  const p = this.el.content.firstChild;
312
312
  p.replaceWith(...p.childNodes);
313
313
  }
314
- for (; (r = F.nextNode()) !== null && c.length < h; ) {
315
- if (r.nodeType === 1) {
316
- if (r.hasAttributes()) for (const p of r.getAttributeNames()) if (p.endsWith(te)) {
317
- const P = m[s++], D = r.getAttribute(p).split(H), dt = /([.?@])?(.*)/.exec(P);
318
- c.push({ type: 1, index: n, name: dt[2], strings: D, ctor: dt[1] === "." ? xe : dt[1] === "?" ? we : dt[1] === "@" ? $e : ft }), r.removeAttribute(p);
319
- } else p.startsWith(H) && (c.push({ type: 6, index: n }), r.removeAttribute(p));
320
- if (oe.test(r.tagName)) {
321
- const p = r.textContent.split(H), P = p.length - 1;
314
+ for (; (i = F.nextNode()) !== null && c.length < h; ) {
315
+ if (i.nodeType === 1) {
316
+ if (i.hasAttributes()) for (const p of i.getAttributeNames()) if (p.endsWith(te)) {
317
+ const P = m[s++], D = i.getAttribute(p).split(H), dt = /([.?@])?(.*)/.exec(P);
318
+ c.push({ type: 1, index: n, name: dt[2], strings: D, ctor: dt[1] === "." ? xe : dt[1] === "?" ? we : dt[1] === "@" ? $e : ft }), i.removeAttribute(p);
319
+ } else p.startsWith(H) && (c.push({ type: 6, index: n }), i.removeAttribute(p));
320
+ if (oe.test(i.tagName)) {
321
+ const p = i.textContent.split(H), P = p.length - 1;
322
322
  if (P > 0) {
323
- r.textContent = vt ? vt.emptyScript : "";
324
- for (let D = 0; D < P; D++) r.append(p[D], rt()), F.nextNode(), c.push({ type: 2, index: ++n });
325
- r.append(p[P], rt());
323
+ i.textContent = vt ? vt.emptyScript : "";
324
+ for (let D = 0; D < P; D++) i.append(p[D], it()), F.nextNode(), c.push({ type: 2, index: ++n });
325
+ i.append(p[P], it());
326
326
  }
327
327
  }
328
- } else if (r.nodeType === 8) if (r.data === ee) c.push({ type: 2, index: n });
328
+ } else if (i.nodeType === 8) if (i.data === ee) c.push({ type: 2, index: n });
329
329
  else {
330
330
  let p = -1;
331
- for (; (p = r.data.indexOf(H, p + 1)) !== -1; ) c.push({ type: 7, index: n }), p += H.length - 1;
331
+ for (; (p = i.data.indexOf(H, p + 1)) !== -1; ) c.push({ type: 7, index: n }), p += H.length - 1;
332
332
  }
333
333
  n++;
334
334
  }
335
335
  }
336
336
  static createElement(t, e) {
337
- const i = V.createElement("template");
338
- return i.innerHTML = t, i;
337
+ const r = V.createElement("template");
338
+ return r.innerHTML = t, r;
339
339
  }
340
340
  }
341
- function X(o, t, e = o, i) {
341
+ function X(o, t, e = o, r) {
342
342
  var s, h;
343
343
  if (t === T) return t;
344
- let r = i !== void 0 ? (s = e._$Co) == null ? void 0 : s[i] : e._$Cl;
345
- const n = it(t) ? void 0 : t._$litDirective$;
346
- return (r == null ? void 0 : r.constructor) !== n && ((h = r == null ? void 0 : r._$AO) == null || h.call(r, !1), n === void 0 ? r = void 0 : (r = new n(o), r._$AT(o, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = r : e._$Cl = r), r !== void 0 && (t = X(o, r._$AS(o, t.values), r, i)), t;
344
+ let i = r !== void 0 ? (s = e._$Co) == null ? void 0 : s[r] : e._$Cl;
345
+ const n = rt(t) ? void 0 : t._$litDirective$;
346
+ return (i == null ? void 0 : i.constructor) !== n && ((h = i == null ? void 0 : i._$AO) == null || h.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 = X(o, i._$AS(o, t.values), i, r)), t;
347
347
  }
348
348
  class me {
349
349
  constructor(t, e) {
@@ -356,21 +356,21 @@ class me {
356
356
  return this._$AM._$AU;
357
357
  }
358
358
  u(t) {
359
- const { el: { content: e }, parts: i } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? V).importNode(e, !0);
360
- F.currentNode = r;
361
- let n = F.nextNode(), s = 0, h = 0, c = i[0];
359
+ const { el: { content: e }, parts: r } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? V).importNode(e, !0);
360
+ F.currentNode = i;
361
+ let n = F.nextNode(), s = 0, h = 0, c = r[0];
362
362
  for (; c !== void 0; ) {
363
363
  if (s === c.index) {
364
364
  let f;
365
- c.type === 2 ? f = new ht(n, n.nextSibling, this, t) : c.type === 1 ? f = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (f = new _e(n, this, t)), this._$AV.push(f), c = i[++h];
365
+ c.type === 2 ? f = new ht(n, n.nextSibling, this, t) : c.type === 1 ? f = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (f = new _e(n, this, t)), this._$AV.push(f), c = r[++h];
366
366
  }
367
367
  s !== (c == null ? void 0 : c.index) && (n = F.nextNode(), s++);
368
368
  }
369
- return F.currentNode = V, r;
369
+ return F.currentNode = V, i;
370
370
  }
371
371
  p(t) {
372
372
  let e = 0;
373
- for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$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 ht {
@@ -378,8 +378,8 @@ class ht {
378
378
  var t;
379
379
  return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
380
380
  }
381
- constructor(t, e, i, r) {
382
- this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = r, this._$Cv = (r == null ? void 0 : r.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;
@@ -393,7 +393,7 @@ class ht {
393
393
  return this._$AB;
394
394
  }
395
395
  _$AI(t, e = this) {
396
- t = X(this, t, e), it(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== T && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : fe(t) ? this.k(t) : this._(t);
396
+ t = X(this, t, e), rt(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== T && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : fe(t) ? this.k(t) : this._(t);
397
397
  }
398
398
  O(t) {
399
399
  return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -402,14 +402,14 @@ class ht {
402
402
  this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
403
403
  }
404
404
  _(t) {
405
- this._$AH !== d && it(this._$AH) ? this._$AA.nextSibling.data = t : this.T(V.createTextNode(t)), this._$AH = t;
405
+ this._$AH !== d && rt(this._$AH) ? this._$AA.nextSibling.data = t : this.T(V.createTextNode(t)), this._$AH = t;
406
406
  }
407
407
  $(t) {
408
408
  var n;
409
- const { values: e, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = nt.createElement(re(i.h, i.h[0]), this.options)), i);
410
- if (((n = this._$AH) == null ? void 0 : n._$AD) === r) this._$AH.p(e);
409
+ const { values: e, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = nt.createElement(ie(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
- const s = new me(r, this), h = s.u(this.options);
412
+ const s = new me(i, this), h = s.u(this.options);
413
413
  s.p(e), this.T(h), this._$AH = s;
414
414
  }
415
415
  }
@@ -420,15 +420,15 @@ class ht {
420
420
  k(t) {
421
421
  It(this._$AH) || (this._$AH = [], this._$AR());
422
422
  const e = this._$AH;
423
- let i, r = 0;
424
- for (const n of t) r === e.length ? e.push(i = new ht(this.O(rt()), this.O(rt()), this, this.options)) : i = e[r], i._$AI(n), r++;
425
- r < e.length && (this._$AR(i && i._$AB.nextSibling, r), e.length = r);
423
+ let r, i = 0;
424
+ for (const n of t) i === e.length ? e.push(r = new ht(this.O(it()), this.O(it()), 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 i;
429
- for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, e); t && t !== this._$AB; ) {
430
- const r = t.nextSibling;
431
- t.remove(), t = r;
428
+ var r;
429
+ for ((r = this._$AP) == null ? void 0 : r.call(this, !1, !0, e); t && t !== this._$AB; ) {
430
+ const i = t.nextSibling;
431
+ t.remove(), t = i;
432
432
  }
433
433
  }
434
434
  setConnected(t) {
@@ -443,19 +443,19 @@ class ft {
443
443
  get _$AU() {
444
444
  return this._$AM._$AU;
445
445
  }
446
- constructor(t, e, i, r, n) {
447
- this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : 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, i, r) {
449
+ _$AI(t, e = this, r, i) {
450
450
  const n = this.strings;
451
451
  let s = !1;
452
- if (n === void 0) t = X(this, t, e, 0), s = !it(t) || t !== this._$AH && t !== T, s && (this._$AH = t);
452
+ if (n === void 0) t = X(this, t, e, 0), s = !rt(t) || t !== this._$AH && t !== T, s && (this._$AH = t);
453
453
  else {
454
454
  const h = t;
455
455
  let c, f;
456
- for (t = n[0], c = 0; c < n.length - 1; c++) f = X(this, h[i + c], e, c), f === T && (f = this._$AH[c]), s || (s = !it(f) || f !== this._$AH[c]), f === d ? t = d : t !== d && (t += (f ?? "") + n[c + 1]), this._$AH[c] = f;
456
+ for (t = n[0], c = 0; c < n.length - 1; c++) f = X(this, h[r + c], e, c), f === T && (f = this._$AH[c]), s || (s = !rt(f) || f !== this._$AH[c]), f === d ? t = d : t !== d && (t += (f ?? "") + n[c + 1]), this._$AH[c] = f;
457
457
  }
458
- s && !r && this.j(t);
458
+ s && !i && this.j(t);
459
459
  }
460
460
  j(t) {
461
461
  t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
@@ -478,13 +478,13 @@ class we extends ft {
478
478
  }
479
479
  }
480
480
  class $e extends ft {
481
- constructor(t, e, i, r, n) {
482
- super(t, e, i, r, n), 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 = X(this, t, e, 0) ?? d) === T) return;
486
- const i = this._$AH, r = t === d && i !== d || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== d && (i === d || r);
487
- r && this.element.removeEventListener(this.name, this, i), n && 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 $e extends ft {
492
492
  }
493
493
  }
494
494
  class _e {
495
- constructor(t, e, i) {
496
- this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
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,13 +505,13 @@ class _e {
505
505
  const wt = et.litHtmlPolyfillSupport;
506
506
  wt == null || wt(nt, ht), (et.litHtmlVersions ?? (et.litHtmlVersions = [])).push("3.3.0");
507
507
  const Ce = (o, t, e) => {
508
- const i = (e == null ? void 0 : e.renderBefore) ?? t;
509
- let r = i._$litPart$;
510
- if (r === void 0) {
508
+ const r = (e == null ? void 0 : e.renderBefore) ?? t;
509
+ let i = r._$litPart$;
510
+ if (i === void 0) {
511
511
  const n = (e == null ? void 0 : e.renderBefore) ?? null;
512
- i._$litPart$ = r = new ht(t.insertBefore(rt(), n), n, void 0, e ?? {});
512
+ r._$litPart$ = i = new ht(t.insertBefore(it(), n), n, void 0, e ?? {});
513
513
  }
514
- return r._$AI(o), r;
514
+ return i._$AI(o), i;
515
515
  };
516
516
  /**
517
517
  * @license
@@ -565,9 +565,9 @@ const x = (o) => (t, e) => {
565
565
  * SPDX-License-Identifier: BSD-3-Clause
566
566
  */
567
567
  const ke = { attribute: !0, type: String, converter: ut, reflect: !1, hasChanged: Lt }, Ae = (o = ke, t, e) => {
568
- const { kind: i, metadata: r } = e;
569
- let n = globalThis.litPropertyMetadata.get(r);
570
- if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), i === "setter" && ((o = Object.create(o)).wrapped = !0), n.set(e.name, o), i === "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(h) {
573
573
  const c = t.get.call(this);
@@ -576,19 +576,19 @@ const ke = { attribute: !0, type: String, converter: ut, reflect: !1, hasChanged
576
576
  return h !== void 0 && this.C(s, void 0, o, h), h;
577
577
  } };
578
578
  }
579
- if (i === "setter") {
579
+ if (r === "setter") {
580
580
  const { name: s } = e;
581
581
  return function(h) {
582
582
  const c = this[s];
583
583
  t.call(this, h), this.requestUpdate(s, c, o);
584
584
  };
585
585
  }
586
- throw Error("Unsupported decorator location: " + i);
586
+ throw Error("Unsupported decorator location: " + r);
587
587
  };
588
588
  function a(o) {
589
- return (t, e) => typeof e == "object" ? Ae(o, t, e) : ((i, r, n) => {
590
- const s = r.hasOwnProperty(n);
591
- return r.constructor.createProperty(n, i), s ? Object.getOwnPropertyDescriptor(r, n) : void 0;
589
+ return (t, e) => typeof e == "object" ? Ae(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
  /**
@@ -629,15 +629,15 @@ function Bt(o) {
629
629
  * Copyright 2023 Google LLC
630
630
  * SPDX-License-Identifier: Apache-2.0
631
631
  */
632
- function Se(o) {
632
+ function Ee(o) {
633
633
  o.addInitializer((t) => {
634
634
  const e = t;
635
- e.addEventListener("click", async (i) => {
636
- const { type: r, [Ot]: n } = e, { form: s } = n;
637
- if (!(!s || r === "button") && (await new Promise((h) => {
635
+ e.addEventListener("click", async (r) => {
636
+ const { type: i, [Ot]: n } = e, { form: s } = n;
637
+ if (!(!s || i === "button") && (await new Promise((h) => {
638
638
  setTimeout(h);
639
- }), !i.defaultPrevented)) {
640
- if (r === "reset") {
639
+ }), !r.defaultPrevented)) {
640
+ if (i === "reset") {
641
641
  s.reset();
642
642
  return;
643
643
  }
@@ -656,7 +656,7 @@ function Se(o) {
656
656
  });
657
657
  });
658
658
  }
659
- const Ee = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
659
+ const Se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
660
660
  <path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
661
661
  </svg>
662
662
  `, Le = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -740,7 +740,7 @@ const Ee = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
740
740
  `, Xe = `<svg viewBox="0 0 200 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
741
741
  <line x1="0" y1="0" x2="200" y2="200" />
742
742
  </svg>`, q = {
743
- wishlist: Ee,
743
+ wishlist: Se,
744
744
  playerv: Le,
745
745
  chevronRight: Ie,
746
746
  chevronLeft: Pe,
@@ -777,8 +777,8 @@ let Ht = class {
777
777
  get _$AU() {
778
778
  return this._$AM._$AU;
779
779
  }
780
- _$AT(t, e, i) {
781
- this._$Ct = t, this._$AM = e, this._$Ci = i;
780
+ _$AT(t, e, r) {
781
+ this._$Ct = t, this._$AM = e, this._$Ci = r;
782
782
  }
783
783
  _$AS(t, e) {
784
784
  return this.update(t, e);
@@ -815,11 +815,11 @@ Ct.directiveName = "unsafeHTML", Ct.resultType = 1;
815
815
  class kt extends Ct {
816
816
  }
817
817
  kt.directiveName = "unsafeSVG", kt.resultType = 2;
818
- const S = Dt(kt);
819
- var Qe = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, w = (o, t, e, i) => {
820
- for (var r = i > 1 ? void 0 : i ? Ye(t, e) : t, n = o.length - 1, s; n >= 0; n--)
821
- (s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
822
- return i && r && Qe(t, e, r), r;
818
+ const E = Dt(kt);
819
+ var Qe = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, w = (o, t, e, r) => {
820
+ for (var i = r > 1 ? void 0 : r ? Ye(t, e) : t, n = o.length - 1, s; n >= 0; n--)
821
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
822
+ return r && i && Qe(t, e, i), i;
823
823
  };
824
824
  const to = Bt(u);
825
825
  let v = class extends to {
@@ -851,7 +851,7 @@ let v = class extends to {
851
851
  "<svg",
852
852
  '<svg aria-hidden="true" focusable="false" part="svg"'
853
853
  );
854
- return l`<span class="${o === "start" ? "icon-start" : "icon-end"}">${S(e)}</span>`;
854
+ return l`<span class="${o === "start" ? "icon-start" : "icon-end"}">${E(e)}</span>`;
855
855
  }
856
856
  renderButton() {
857
857
  const o = this.text || this.textsecond;
@@ -885,7 +885,7 @@ let v = class extends to {
885
885
  `;
886
886
  }
887
887
  };
888
- Se(v);
888
+ Ee(v);
889
889
  v.formAssociated = !0;
890
890
  v.styles = g`
891
891
  :host {
@@ -1120,10 +1120,10 @@ w([
1120
1120
  v = w([
1121
1121
  x("o-button")
1122
1122
  ], v);
1123
- var eo = Object.defineProperty, oo = Object.getOwnPropertyDescriptor, gt = (o, t, e, i) => {
1124
- for (var r = i > 1 ? void 0 : i ? oo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
1125
- (s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
1126
- return i && r && eo(t, e, r), r;
1123
+ var eo = Object.defineProperty, oo = Object.getOwnPropertyDescriptor, gt = (o, t, e, r) => {
1124
+ for (var i = r > 1 ? void 0 : r ? oo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
1125
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
1126
+ return r && i && eo(t, e, i), i;
1127
1127
  };
1128
1128
  let J = class extends u {
1129
1129
  constructor() {
@@ -1152,7 +1152,7 @@ let J = class extends u {
1152
1152
  return l`
1153
1153
  <button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
1154
1154
  <span class="sr-only">${this.label}</span>
1155
- ${S(o)}
1155
+ ${E(o)}
1156
1156
  </button>
1157
1157
  `;
1158
1158
  }
@@ -1248,10 +1248,10 @@ J = gt([
1248
1248
  * SPDX-License-Identifier: BSD-3-Clause
1249
1249
  */
1250
1250
  const $ = (o) => o ?? d;
1251
- var ro = Object.defineProperty, io = Object.getOwnPropertyDescriptor, L = (o, t, e, i) => {
1252
- for (var r = i > 1 ? void 0 : i ? io(t, e) : t, n = o.length - 1, s; n >= 0; n--)
1253
- (s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
1254
- return i && r && ro(t, e, r), r;
1251
+ var io = Object.defineProperty, ro = Object.getOwnPropertyDescriptor, L = (o, t, e, r) => {
1252
+ for (var i = r > 1 ? void 0 : r ? ro(t, e) : t, n = o.length - 1, s; n >= 0; n--)
1253
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
1254
+ return r && i && io(t, e, i), i;
1255
1255
  };
1256
1256
  let _ = class extends u {
1257
1257
  constructor() {
@@ -1264,21 +1264,21 @@ let _ = class extends u {
1264
1264
  const o = q[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace(
1265
1265
  "<svg",
1266
1266
  '<svg aria-hidden="true" focusable="false" part="svg"'
1267
- ), i = this.showSrLabel ? l`<span class="sr-only">${this.srLabel}</span>` : null, r = this.showSrLabel ? null : "icon";
1267
+ ), r = this.showSrLabel ? l`<span class="sr-only">${this.srLabel}</span>` : null, i = this.showSrLabel ? null : "icon";
1268
1268
  return l`
1269
1269
  ${this.type === "span" ? l`
1270
1270
  <span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
1271
- ${S(e)}
1271
+ ${E(e)}
1272
1272
  </span>
1273
1273
  ` : l`
1274
1274
  <button
1275
1275
  type="button"
1276
- aria-label=${$(r)}
1276
+ aria-label=${$(i)}
1277
1277
  class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
1278
1278
  ?disabled="${this.disabled}"
1279
1279
  >
1280
- ${S(e)}
1281
- ${i}
1280
+ ${E(e)}
1281
+ ${r}
1282
1282
  </button>
1283
1283
  `}
1284
1284
  `;
@@ -1481,7 +1481,6 @@ _.styles = g`
1481
1481
  fill: var(--color-content-disabled);
1482
1482
 
1483
1483
  path {
1484
- stroke: var(--color-content-disabled);
1485
1484
  fill: var(--color-content-disabled);
1486
1485
  }
1487
1486
  }
@@ -1521,10 +1520,10 @@ L([
1521
1520
  _ = L([
1522
1521
  x("o-icon-button")
1523
1522
  ], _);
1524
- var no = Object.defineProperty, so = Object.getOwnPropertyDescriptor, W = (o, t, e, i) => {
1525
- for (var r = i > 1 ? void 0 : i ? so(t, e) : t, n = o.length - 1, s; n >= 0; n--)
1526
- (s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
1527
- return i && r && no(t, e, r), r;
1523
+ var no = Object.defineProperty, so = Object.getOwnPropertyDescriptor, W = (o, t, e, r) => {
1524
+ for (var i = r > 1 ? void 0 : r ? so(t, e) : t, n = o.length - 1, s; n >= 0; n--)
1525
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
1526
+ return r && i && no(t, e, i), i;
1528
1527
  };
1529
1528
  let O = class extends u {
1530
1529
  constructor() {
@@ -1673,10 +1672,10 @@ W([
1673
1672
  O = W([
1674
1673
  x("o-link")
1675
1674
  ], O);
1676
- var ao = Object.defineProperty, lo = Object.getOwnPropertyDescriptor, yt = (o, t, e, i) => {
1677
- for (var r = i > 1 ? void 0 : i ? lo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
1678
- (s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
1679
- return i && r && ao(t, e, r), r;
1675
+ var ao = Object.defineProperty, lo = Object.getOwnPropertyDescriptor, yt = (o, t, e, r) => {
1676
+ for (var i = r > 1 ? void 0 : r ? lo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
1677
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
1678
+ return r && i && ao(t, e, i), i;
1680
1679
  };
1681
1680
  let Q = class extends u {
1682
1681
  constructor() {
@@ -1686,8 +1685,8 @@ let Q = class extends u {
1686
1685
  const o = [];
1687
1686
  for (let t = 0; t < 5; t++) {
1688
1687
  const e = this.rating - t;
1689
- let i;
1690
- e >= 1 ? i = 100 : e <= 0 ? i = 0 : i = Math.round(e * 100 / 25) * 25, o.push(`star-${i}`);
1688
+ let r;
1689
+ e >= 1 ? r = 100 : e <= 0 ? r = 0 : r = Math.round(e * 100 / 25) * 25, o.push(`star-${r}`);
1691
1690
  }
1692
1691
  return o;
1693
1692
  }
@@ -1697,7 +1696,7 @@ let Q = class extends u {
1697
1696
  <div class="rating">
1698
1697
  <div class="stars">
1699
1698
  ${o.map(
1700
- (t) => l`<span class="star">${S(q[t] ?? "")}</span>`
1699
+ (t) => l`<span class="star">${E(q[t] ?? "")}</span>`
1701
1700
  )}
1702
1701
  </div>
1703
1702
  ${this.reviewCount != null && this.href != null ? l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
@@ -1763,10 +1762,10 @@ const co = (o) => o.strings === void 0;
1763
1762
  * SPDX-License-Identifier: BSD-3-Clause
1764
1763
  */
1765
1764
  const ot = (o, t) => {
1766
- var i;
1765
+ var r;
1767
1766
  const e = o._$AN;
1768
1767
  if (e === void 0) return !1;
1769
- for (const r of e) (i = r._$AO) == null || i.call(r, t, !1), ot(r, t);
1768
+ for (const i of e) (r = i._$AO) == null || r.call(i, t, !1), ot(i, t);
1770
1769
  return !0;
1771
1770
  }, bt = (o) => {
1772
1771
  let t, e;
@@ -1774,7 +1773,7 @@ const ot = (o, t) => {
1774
1773
  if ((t = o._$AM) === void 0) break;
1775
1774
  e = t._$AN, e.delete(o), o = t;
1776
1775
  } while ((e == null ? void 0 : e.size) === 0);
1777
- }, ie = (o) => {
1776
+ }, re = (o) => {
1778
1777
  for (let t; t = o._$AM; o = t) {
1779
1778
  let e = t._$AN;
1780
1779
  if (e === void 0) t._$AN = e = /* @__PURE__ */ new Set();
@@ -1783,12 +1782,12 @@ const ot = (o, t) => {
1783
1782
  }
1784
1783
  };
1785
1784
  function ho(o) {
1786
- this._$AN !== void 0 ? (bt(this), this._$AM = o, ie(this)) : this._$AM = o;
1785
+ this._$AN !== void 0 ? (bt(this), this._$AM = o, re(this)) : this._$AM = o;
1787
1786
  }
1788
1787
  function po(o, t = !1, e = 0) {
1789
- const i = this._$AH, r = this._$AN;
1790
- if (r !== void 0 && r.size !== 0) if (t) if (Array.isArray(i)) for (let n = e; n < i.length; n++) ot(i[n], !1), bt(i[n]);
1791
- else i != null && (ot(i, !1), bt(i));
1788
+ const r = this._$AH, i = this._$AN;
1789
+ if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(r)) for (let n = e; n < r.length; n++) ot(r[n], !1), bt(r[n]);
1790
+ else r != null && (ot(r, !1), bt(r));
1792
1791
  else ot(this, o);
1793
1792
  }
1794
1793
  const uo = (o) => {
@@ -1798,12 +1797,12 @@ class vo extends Ht {
1798
1797
  constructor() {
1799
1798
  super(...arguments), this._$AN = void 0;
1800
1799
  }
1801
- _$AT(t, e, i) {
1802
- super._$AT(t, e, i), ie(this), this.isConnected = t._$AU;
1800
+ _$AT(t, e, r) {
1801
+ super._$AT(t, e, r), re(this), this.isConnected = t._$AU;
1803
1802
  }
1804
1803
  _$AO(t, e = !0) {
1805
- var i, r;
1806
- t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) == null || i.call(this) : (r = this.disconnected) == null || r.call(this)), e && (ot(this, t), bt(this));
1804
+ var r, i;
1805
+ t !== this.isConnected && (this.isConnected = t, t ? (r = this.reconnected) == null || r.call(this) : (i = this.disconnected) == null || i.call(this)), e && (ot(this, t), bt(this));
1807
1806
  }
1808
1807
  setValue(t) {
1809
1808
  if (co(this._$Ct)) this._$Ct._$AI(t, this);
@@ -1825,23 +1824,23 @@ class bo extends vo {
1825
1824
  return d;
1826
1825
  }
1827
1826
  update(t, [e]) {
1828
- var i;
1829
- this.element !== t.element && (this.element = t.element), this.host = ((i = t.options) === null || i === void 0 ? void 0 : i.host) || this.element, this.apply(e), this.groom(e), this.prevData = { ...e };
1827
+ var r;
1828
+ 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 };
1830
1829
  }
1831
1830
  apply(t) {
1832
1831
  if (!t)
1833
1832
  return;
1834
- const { prevData: e, element: i } = this;
1835
- for (const r in t) {
1836
- const n = t[r];
1837
- n !== e[r] && (i[r] = n);
1833
+ const { prevData: e, element: r } = this;
1834
+ for (const i in t) {
1835
+ const n = t[i];
1836
+ n !== e[i] && (r[i] = n);
1838
1837
  }
1839
1838
  }
1840
1839
  groom(t) {
1841
- const { prevData: e, element: i } = this;
1840
+ const { prevData: e, element: r } = this;
1842
1841
  if (e)
1843
- for (const r in e)
1844
- (!t || !(r in t) && i[r] === e[r]) && (i[r] = void 0);
1842
+ for (const i in e)
1843
+ (!t || !(i in t) && r[i] === e[i]) && (r[i] = void 0);
1845
1844
  }
1846
1845
  }
1847
1846
  class fo extends bo {
@@ -1851,23 +1850,23 @@ class fo extends bo {
1851
1850
  apply(t) {
1852
1851
  if (t)
1853
1852
  for (const e in t) {
1854
- const i = t[e];
1855
- i !== this.eventData[e] && this.applyEvent(e, i);
1853
+ const r = t[e];
1854
+ r !== this.eventData[e] && this.applyEvent(e, r);
1856
1855
  }
1857
1856
  }
1858
1857
  applyEvent(t, e) {
1859
- const { prevData: i, element: r } = this;
1860
- this.eventData[t] = e, i[t] && r.removeEventListener(t, this, e), r.addEventListener(t, this, e);
1858
+ const { prevData: r, element: i } = this;
1859
+ this.eventData[t] = e, r[t] && i.removeEventListener(t, this, e), i.addEventListener(t, this, e);
1861
1860
  }
1862
1861
  groom(t) {
1863
- const { prevData: e, element: i } = this;
1862
+ const { prevData: e, element: r } = this;
1864
1863
  if (e)
1865
- for (const r in e)
1866
- (!t || !(r in t) && i[r] === e[r]) && this.groomEvent(r, e[r]);
1864
+ for (const i in e)
1865
+ (!t || !(i in t) && r[i] === e[i]) && this.groomEvent(i, e[i]);
1867
1866
  }
1868
1867
  groomEvent(t, e) {
1869
- const { element: i } = this;
1870
- delete this.eventData[t], i.removeEventListener(t, this, e);
1868
+ const { element: r } = this;
1869
+ delete this.eventData[t], r.removeEventListener(t, this, e);
1871
1870
  }
1872
1871
  handleEvent(t) {
1873
1872
  const e = this.eventData[t.type];
@@ -1875,16 +1874,16 @@ class fo extends bo {
1875
1874
  }
1876
1875
  disconnected() {
1877
1876
  const { eventData: t, element: e } = this;
1878
- for (const i in t) {
1879
- const r = i.slice(1), n = t[i];
1880
- e.removeEventListener(r, this, n);
1877
+ for (const r in t) {
1878
+ const i = r.slice(1), n = t[r];
1879
+ e.removeEventListener(i, this, n);
1881
1880
  }
1882
1881
  }
1883
1882
  reconnected() {
1884
1883
  const { eventData: t, element: e } = this;
1885
- for (const i in t) {
1886
- const r = i.slice(1), n = t[i];
1887
- e.addEventListener(r, this, n);
1884
+ for (const r in t) {
1885
+ const i = r.slice(1), n = t[r];
1886
+ e.addEventListener(i, this, n);
1888
1887
  }
1889
1888
  }
1890
1889
  }
@@ -1892,56 +1891,56 @@ class go extends fo {
1892
1891
  apply(t) {
1893
1892
  if (!t)
1894
1893
  return;
1895
- const { prevData: e, element: i } = this;
1896
- for (const r in t) {
1897
- const n = t[r];
1898
- if (n === e[r])
1894
+ const { prevData: e, element: r } = this;
1895
+ for (const i in t) {
1896
+ const n = t[i];
1897
+ if (n === e[i])
1899
1898
  continue;
1900
- const s = r.slice(1);
1901
- switch (r[0]) {
1899
+ const s = i.slice(1);
1900
+ switch (i[0]) {
1902
1901
  case "@":
1903
1902
  this.eventData[s] = n, this.applyEvent(s, n);
1904
1903
  break;
1905
1904
  case ".":
1906
- i[s] = n;
1905
+ r[s] = n;
1907
1906
  break;
1908
1907
  case "?":
1909
- n ? i.setAttribute(s, "") : i.removeAttribute(s);
1908
+ n ? r.setAttribute(s, "") : r.removeAttribute(s);
1910
1909
  break;
1911
1910
  default:
1912
- n != null ? i.setAttribute(r, String(n)) : i.removeAttribute(r);
1911
+ n != null ? r.setAttribute(i, String(n)) : r.removeAttribute(i);
1913
1912
  break;
1914
1913
  }
1915
1914
  }
1916
1915
  }
1917
1916
  groom(t) {
1918
- const { prevData: e, element: i } = this;
1917
+ const { prevData: e, element: r } = this;
1919
1918
  if (e)
1920
- for (const r in e) {
1921
- const n = r.slice(1);
1922
- if (!t || !(r in t) && i[n] === e[r])
1923
- switch (r[0]) {
1919
+ for (const i in e) {
1920
+ const n = i.slice(1);
1921
+ if (!t || !(i in t) && r[n] === e[i])
1922
+ switch (i[0]) {
1924
1923
  case "@":
1925
- this.groomEvent(n, e[r]);
1924
+ this.groomEvent(n, e[i]);
1926
1925
  break;
1927
1926
  case ".":
1928
- i[n] = void 0;
1927
+ r[n] = void 0;
1929
1928
  break;
1930
1929
  case "?":
1931
- i.removeAttribute(n);
1930
+ r.removeAttribute(n);
1932
1931
  break;
1933
1932
  default:
1934
- i.removeAttribute(r);
1933
+ r.removeAttribute(i);
1935
1934
  break;
1936
1935
  }
1937
1936
  }
1938
1937
  }
1939
1938
  }
1940
1939
  const Jt = Dt(go);
1941
- var yo = Object.defineProperty, mo = Object.getOwnPropertyDescriptor, y = (o, t, e, i) => {
1942
- for (var r = i > 1 ? void 0 : i ? mo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
1943
- (s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
1944
- return i && r && yo(t, e, r), r;
1940
+ var yo = Object.defineProperty, mo = Object.getOwnPropertyDescriptor, y = (o, t, e, r) => {
1941
+ for (var i = r > 1 ? void 0 : r ? mo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
1942
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
1943
+ return r && i && yo(t, e, i), i;
1945
1944
  };
1946
1945
  let b = class extends u {
1947
1946
  constructor() {
@@ -1960,8 +1959,8 @@ let b = class extends u {
1960
1959
  trapFocus(o) {
1961
1960
  const t = this.getFocusableElements();
1962
1961
  if (t.length === 0) return;
1963
- const e = t[0], i = t[t.length - 1];
1964
- o.shiftKey && document.activeElement === e ? (o.preventDefault(), i.focus()) : !o.shiftKey && document.activeElement === i && (o.preventDefault(), e.focus());
1962
+ const e = t[0], r = t[t.length - 1];
1963
+ o.shiftKey && document.activeElement === e ? (o.preventDefault(), r.focus()) : !o.shiftKey && document.activeElement === r && (o.preventDefault(), e.focus());
1965
1964
  }
1966
1965
  getFocusableElements() {
1967
1966
  const o = this.renderRoot.querySelector(".panel");
@@ -2242,12 +2241,12 @@ y([
2242
2241
  b = y([
2243
2242
  x("o-side-panel")
2244
2243
  ], b);
2245
- var xo = Object.defineProperty, wo = Object.getOwnPropertyDescriptor, j = (o, t, e, i) => {
2246
- for (var r = i > 1 ? void 0 : i ? wo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
2247
- (s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
2248
- return i && r && xo(t, e, r), r;
2244
+ var xo = Object.defineProperty, wo = Object.getOwnPropertyDescriptor, j = (o, t, e, r) => {
2245
+ for (var i = r > 1 ? void 0 : r ? wo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
2246
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
2247
+ return r && i && xo(t, e, i), i;
2249
2248
  };
2250
- let E = class extends u {
2249
+ let S = class extends u {
2251
2250
  constructor() {
2252
2251
  super(...arguments), this.thumbnails = [], this.activeIndex = 0, this.disabledIndexes = [], this.maxWidth = "100%", this.altressource = "visual", this.focusedIndex = 0, this.playerIconTemplate = l`
2253
2252
  <o-icon-button
@@ -2284,22 +2283,22 @@ let E = class extends u {
2284
2283
  }
2285
2284
  onFocus(o) {
2286
2285
  const t = o.currentTarget, e = Number(t.dataset.index);
2287
- this.focusedIndex = e, this.renderRoot.querySelectorAll(".thumb").forEach((r) => {
2288
- r.classList.remove("a--tabfocus");
2286
+ this.focusedIndex = e, this.renderRoot.querySelectorAll(".thumb").forEach((i) => {
2287
+ i.classList.remove("a--tabfocus");
2289
2288
  }), t.classList.add("a--tabfocus"), this.requestUpdate();
2290
2289
  }
2291
2290
  onBlur(o) {
2292
2291
  setTimeout(() => {
2293
2292
  var e;
2294
2293
  const t = (e = this.shadowRoot) == null ? void 0 : e.activeElement;
2295
- (!t || !t.classList.contains("thumb")) && this.renderRoot.querySelectorAll(".thumb").forEach((r) => r.classList.remove("a--tabfocus"));
2294
+ (!t || !t.classList.contains("thumb")) && this.renderRoot.querySelectorAll(".thumb").forEach((i) => i.classList.remove("a--tabfocus"));
2296
2295
  }, 0);
2297
2296
  }
2298
2297
  render() {
2299
2298
  return l`
2300
2299
  <ul class="scroll-container" style="max-width: ${this.maxWidth};">
2301
2300
  ${this.thumbnails.map((o, t) => {
2302
- const e = this.disabledIndexes.includes(t), i = this.activeIndex === t, r = o.type === "video", n = r ? `video ${t}` : `${this.altressource} ${t + 1}`;
2301
+ const e = this.disabledIndexes.includes(t), r = this.activeIndex === t, i = o.type === "video", n = i ? `video ${t}` : `${this.altressource} ${t + 1}`;
2303
2302
  return l`
2304
2303
  <li class="thumb-wrapper">
2305
2304
  <button
@@ -2307,7 +2306,7 @@ let E = class extends u {
2307
2306
  data-index="${t}"
2308
2307
  ?disabled=${e}
2309
2308
  aria-selected="${this.focusedIndex === t}"
2310
- aria-current=${i ? "true" : "false"}
2309
+ aria-current=${r ? "true" : "false"}
2311
2310
  tabindex="${this.disabledIndexes.includes(t) ? -1 : 0}"
2312
2311
  @click=${() => this.selectThumbnail(t)}
2313
2312
  @keydown=${this.handleKeyDown}
@@ -2316,7 +2315,7 @@ let E = class extends u {
2316
2315
  >
2317
2316
  <img alt="${n}" src="${o.src}" />
2318
2317
  </button>
2319
- ${r ? l`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>` : null}
2318
+ ${i ? l`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>` : null}
2320
2319
  </li>
2321
2320
  `;
2322
2321
  })}
@@ -2324,7 +2323,7 @@ let E = class extends u {
2324
2323
  `;
2325
2324
  }
2326
2325
  };
2327
- E.styles = g`
2326
+ S.styles = g`
2328
2327
  :host {
2329
2328
  display: flex;
2330
2329
  gap: 5px;
@@ -2432,32 +2431,32 @@ E.styles = g`
2432
2431
  `;
2433
2432
  j([
2434
2433
  a({ type: Array })
2435
- ], E.prototype, "thumbnails", 2);
2434
+ ], S.prototype, "thumbnails", 2);
2436
2435
  j([
2437
2436
  a({ type: Number })
2438
- ], E.prototype, "activeIndex", 2);
2437
+ ], S.prototype, "activeIndex", 2);
2439
2438
  j([
2440
2439
  a({ type: Array })
2441
- ], E.prototype, "disabledIndexes", 2);
2440
+ ], S.prototype, "disabledIndexes", 2);
2442
2441
  j([
2443
2442
  a({ type: String })
2444
- ], E.prototype, "maxWidth", 2);
2443
+ ], S.prototype, "maxWidth", 2);
2445
2444
  j([
2446
2445
  a({ type: String })
2447
- ], E.prototype, "altressource", 2);
2446
+ ], S.prototype, "altressource", 2);
2448
2447
  j([
2449
2448
  a({ type: Object })
2450
- ], E.prototype, "swiperInstance", 2);
2449
+ ], S.prototype, "swiperInstance", 2);
2451
2450
  j([
2452
2451
  Z()
2453
- ], E.prototype, "focusedIndex", 2);
2454
- E = j([
2452
+ ], S.prototype, "focusedIndex", 2);
2453
+ S = j([
2455
2454
  x("thumbnail-navigation")
2456
- ], E);
2457
- var $o = Object.defineProperty, _o = Object.getOwnPropertyDescriptor, Mt = (o, t, e, i) => {
2458
- for (var r = i > 1 ? void 0 : i ? _o(t, e) : t, n = o.length - 1, s; n >= 0; n--)
2459
- (s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
2460
- return i && r && $o(t, e, r), r;
2455
+ ], S);
2456
+ var $o = Object.defineProperty, _o = Object.getOwnPropertyDescriptor, Mt = (o, t, e, r) => {
2457
+ for (var i = r > 1 ? void 0 : r ? _o(t, e) : t, n = o.length - 1, s; n >= 0; n--)
2458
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
2459
+ return r && i && $o(t, e, i), i;
2461
2460
  };
2462
2461
  let st = class extends u {
2463
2462
  constructor() {
@@ -2534,10 +2533,10 @@ Mt([
2534
2533
  st = Mt([
2535
2534
  x("o-tag")
2536
2535
  ], st);
2537
- var Co = Object.defineProperty, ko = Object.getOwnPropertyDescriptor, Tt = (o, t, e, i) => {
2538
- for (var r = i > 1 ? void 0 : i ? ko(t, e) : t, n = o.length - 1, s; n >= 0; n--)
2539
- (s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
2540
- return i && r && Co(t, e, r), r;
2536
+ var Co = Object.defineProperty, ko = Object.getOwnPropertyDescriptor, Tt = (o, t, e, r) => {
2537
+ for (var i = r > 1 ? void 0 : r ? ko(t, e) : t, n = o.length - 1, s; n >= 0; n--)
2538
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
2539
+ return r && i && Co(t, e, i), i;
2541
2540
  };
2542
2541
  let at = class extends u {
2543
2542
  constructor() {
@@ -2654,10 +2653,10 @@ Tt([
2654
2653
  at = Tt([
2655
2654
  x("o-tooltip")
2656
2655
  ], at);
2657
- var Ao = Object.defineProperty, So = Object.getOwnPropertyDescriptor, z = (o, t, e, i) => {
2658
- for (var r = i > 1 ? void 0 : i ? So(t, e) : t, n = o.length - 1, s; n >= 0; n--)
2659
- (s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
2660
- return i && r && Ao(t, e, r), r;
2656
+ var Ao = Object.defineProperty, Eo = Object.getOwnPropertyDescriptor, z = (o, t, e, r) => {
2657
+ for (var i = r > 1 ? void 0 : r ? Eo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
2658
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
2659
+ return r && i && Ao(t, e, i), i;
2661
2660
  };
2662
2661
  let k = class extends u {
2663
2662
  constructor() {
@@ -2758,22 +2757,22 @@ let k = class extends u {
2758
2757
  style=${`width: ${this.width};`}
2759
2758
  >
2760
2759
  ${this.options.map(
2761
- (e, i) => l`
2760
+ (e, r) => l`
2762
2761
  <li
2763
- id="option-${i}"
2762
+ id="option-${r}"
2764
2763
  role="option"
2765
2764
  aria-selected="${e.value === this.value}"
2766
- tabindex="${i === this.activeIndex ? "0" : "-1"}"
2767
- class="${i === this.activeIndex ? "active" : ""} ${e.disabled ? "disabled" : ""}"
2765
+ tabindex="${r === this.activeIndex ? "0" : "-1"}"
2766
+ class="${r === this.activeIndex ? "active" : ""} ${e.disabled ? "disabled" : ""}"
2768
2767
  @click=${() => this.selectOption(e)}
2769
2768
  >
2770
2769
  ${e.url ? l`
2771
2770
  <a href="${e.url}">
2772
2771
  <span>${e.label}</span>
2773
- ${e.value === this.value ? l`<span class="check">${S(o)}</span>` : null}
2772
+ ${e.value === this.value ? l`<span class="check">${E(o)}</span>` : null}
2774
2773
  </a>` : l`
2775
2774
  <span>${e.label}</span>
2776
- ${e.value === this.value ? l`<span class="check">${S(o)}</span>` : null}`}
2775
+ ${e.value === this.value ? l`<span class="check">${E(o)}</span>` : null}`}
2777
2776
  </li>`
2778
2777
  )}
2779
2778
  </ul>` : null}
@@ -2949,10 +2948,10 @@ z([
2949
2948
  k = z([
2950
2949
  x("o-dropdown")
2951
2950
  ], k);
2952
- var Eo = Object.getOwnPropertyDescriptor, Lo = (o, t, e, i) => {
2953
- for (var r = i > 1 ? void 0 : i ? Eo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
2954
- (s = o[n]) && (r = s(r) || r);
2955
- return r;
2951
+ var So = Object.getOwnPropertyDescriptor, Lo = (o, t, e, r) => {
2952
+ for (var i = r > 1 ? void 0 : r ? So(t, e) : t, n = o.length - 1, s; n >= 0; n--)
2953
+ (s = o[n]) && (i = s(i) || i);
2954
+ return i;
2956
2955
  };
2957
2956
  let At = class extends u {
2958
2957
  render() {
@@ -3014,10 +3013,10 @@ At.styles = g`
3014
3013
  At = Lo([
3015
3014
  x("o-dots")
3016
3015
  ], At);
3017
- var Io = Object.defineProperty, Po = Object.getOwnPropertyDescriptor, I = (o, t, e, i) => {
3018
- for (var r = i > 1 ? void 0 : i ? Po(t, e) : t, n = o.length - 1, s; n >= 0; n--)
3019
- (s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
3020
- return i && r && Io(t, e, r), r;
3016
+ var Io = Object.defineProperty, Po = Object.getOwnPropertyDescriptor, I = (o, t, e, r) => {
3017
+ for (var i = r > 1 ? void 0 : r ? Po(t, e) : t, n = o.length - 1, s; n >= 0; n--)
3018
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
3019
+ return r && i && Io(t, e, i), i;
3021
3020
  };
3022
3021
  let C = class extends u {
3023
3022
  constructor() {
@@ -3128,14 +3127,14 @@ let C = class extends u {
3128
3127
  style=${`width: ${this.width};`}
3129
3128
  >
3130
3129
  ${this.options.map(
3131
- (e, i) => l`
3130
+ (e, r) => l`
3132
3131
  <li
3133
- id="option-${i}"
3132
+ id="option-${r}"
3134
3133
  role="option"
3135
3134
  aria-selected="${e.value === this.value}"
3136
3135
  aria-disabled="${e.disabled ? "true" : "false"}"
3137
- tabindex="${i === this.activeIndex ? "0" : "-1"}"
3138
- class="${i === this.activeIndex ? "active" : ""} ${e.disabled ? "disabled" : ""}"
3136
+ tabindex="${r === this.activeIndex ? "0" : "-1"}"
3137
+ class="${r === this.activeIndex ? "active" : ""} ${e.disabled ? "disabled" : ""}"
3139
3138
  @click=${() => this.selectOption(e)}
3140
3139
  >
3141
3140
  <a href="${$(e.url)}">
@@ -3144,7 +3143,7 @@ let C = class extends u {
3144
3143
  <div class="right">
3145
3144
  <span class="additional-text">${$(e.additionaltext)}</span>
3146
3145
  ${e.value === this.value && !e.additionaltext ? l`
3147
- <span class="check">${S(o)}</span>` : null}
3146
+ <span class="check">${E(o)}</span>` : null}
3148
3147
  </div>
3149
3148
  </a>
3150
3149
  </li>
@@ -3374,29 +3373,29 @@ const ne = "important", Oo = " !" + ne, Bo = Dt(class extends Ht {
3374
3373
  }
3375
3374
  render(o) {
3376
3375
  return Object.keys(o).reduce((t, e) => {
3377
- const i = o[e];
3378
- return i == null ? t : t + `${e = e.includes("-") ? e : e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${i};`;
3376
+ const r = o[e];
3377
+ return r == null ? t : t + `${e = e.includes("-") ? e : e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${r};`;
3379
3378
  }, "");
3380
3379
  }
3381
3380
  update(o, [t]) {
3382
3381
  const { style: e } = o.element;
3383
3382
  if (this.ft === void 0) return this.ft = new Set(Object.keys(t)), this.render(t);
3384
- for (const i of this.ft) t[i] == null && (this.ft.delete(i), i.includes("-") ? e.removeProperty(i) : e[i] = null);
3385
- for (const i in t) {
3386
- const r = t[i];
3387
- if (r != null) {
3388
- this.ft.add(i);
3389
- const n = typeof r == "string" && r.endsWith(Oo);
3390
- i.includes("-") || n ? e.setProperty(i, n ? r.slice(0, -11) : r, n ? ne : "") : e[i] = r;
3383
+ for (const r of this.ft) t[r] == null && (this.ft.delete(r), r.includes("-") ? e.removeProperty(r) : e[r] = null);
3384
+ for (const r in t) {
3385
+ const i = t[r];
3386
+ if (i != null) {
3387
+ this.ft.add(r);
3388
+ const n = typeof i == "string" && i.endsWith(Oo);
3389
+ r.includes("-") || n ? e.setProperty(r, n ? i.slice(0, -11) : i, n ? ne : "") : e[r] = i;
3391
3390
  }
3392
3391
  }
3393
3392
  return T;
3394
3393
  }
3395
3394
  });
3396
- var zo = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, jt = (o, t, e, i) => {
3397
- for (var r = i > 1 ? void 0 : i ? Do(t, e) : t, n = o.length - 1, s; n >= 0; n--)
3398
- (s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
3399
- return i && r && zo(t, e, r), r;
3395
+ var zo = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, jt = (o, t, e, r) => {
3396
+ for (var i = r > 1 ? void 0 : r ? Do(t, e) : t, n = o.length - 1, s; n >= 0; n--)
3397
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
3398
+ return r && i && zo(t, e, i), i;
3400
3399
  };
3401
3400
  let lt = class extends u {
3402
3401
  constructor() {
@@ -3507,10 +3506,10 @@ jt([
3507
3506
  lt = jt([
3508
3507
  x("o-reassurance")
3509
3508
  ], lt);
3510
- var Ho = Object.defineProperty, Mo = Object.getOwnPropertyDescriptor, U = (o, t, e, i) => {
3511
- for (var r = i > 1 ? void 0 : i ? Mo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
3512
- (s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
3513
- return i && r && Ho(t, e, r), r;
3509
+ var Ho = Object.defineProperty, Mo = Object.getOwnPropertyDescriptor, U = (o, t, e, r) => {
3510
+ for (var i = r > 1 ? void 0 : r ? Mo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
3511
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
3512
+ return r && i && Ho(t, e, i), i;
3514
3513
  };
3515
3514
  const To = Bt(u);
3516
3515
  let A = class extends To {
@@ -3519,6 +3518,8 @@ let A = class extends To {
3519
3518
  }
3520
3519
  handleClick(o) {
3521
3520
  this.selected || (this.selected = !0);
3521
+ const t = { selected: this.selected }, e = new CustomEvent("selected", { detail: t, bubbles: !0, composed: !0, cancelable: !0 });
3522
+ this.dispatchEvent(e), e.defaultPrevented && o.preventDefault(), this.selected = t.selected;
3522
3523
  }
3523
3524
  render() {
3524
3525
  const o = this.text;
@@ -3644,14 +3645,14 @@ U([
3644
3645
  A = U([
3645
3646
  x("o-chip")
3646
3647
  ], A);
3647
- var jo = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, Ut = (o, t, e, i) => {
3648
- for (var r = i > 1 ? void 0 : i ? Uo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
3649
- (s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
3650
- return i && r && jo(t, e, r), r;
3648
+ var jo = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, Ut = (o, t, e, r) => {
3649
+ for (var i = r > 1 ? void 0 : r ? Uo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
3650
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
3651
+ return r && i && jo(t, e, i), i;
3651
3652
  };
3652
3653
  let ct = class extends u {
3653
3654
  constructor() {
3654
- super(), this.name = "", this.value = "", this.addEventListener("click", this.onChipSelected);
3655
+ super(), this.name = "", this.value = "", this.addEventListener("selected", this.onChipSelected);
3655
3656
  }
3656
3657
  onChipSelected(o) {
3657
3658
  const t = o.target instanceof A ? o.target : null;
@@ -3682,32 +3683,34 @@ Ut([
3682
3683
  ct = Ut([
3683
3684
  x("o-chipset")
3684
3685
  ], ct);
3685
- var No = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, K = (o, t, e, i) => {
3686
- for (var r = i > 1 ? void 0 : i ? Fo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
3687
- (s = o[n]) && (r = (i ? s(t, e, r) : s(r)) || r);
3688
- return i && r && No(t, e, r), r;
3686
+ var No = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, K = (o, t, e, r) => {
3687
+ for (var i = r > 1 ? void 0 : r ? Fo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
3688
+ (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
3689
+ return r && i && No(t, e, i), i;
3689
3690
  };
3690
3691
  const Ro = Bt(u);
3691
3692
  let B = class extends Ro {
3692
3693
  constructor() {
3693
3694
  super(...arguments), this.name = "", this.value = "", this.text = "", this.selected = !1, this.disabled = !1, this.fullwidth = !1, this.crossIconName = "cross", this.strikethroughImgName = "strikeDiagonal";
3694
3695
  }
3695
- handleClick() {
3696
+ handleClick(o) {
3696
3697
  this.selected = !this.selected;
3698
+ const t = { selected: this.selected }, e = new CustomEvent("selected", { detail: t, bubbles: !0, composed: !0, cancelable: !0 });
3699
+ this.dispatchEvent(e), e.defaultPrevented && o.preventDefault(), this.selected = t.selected;
3697
3700
  }
3698
3701
  crossIcon() {
3699
3702
  const o = q[this.crossIconName].replace(
3700
3703
  "<svg",
3701
3704
  '<svg aria-hidden="true" focusable="false" part="svg"'
3702
3705
  ).replace(/stroke=[#"'a-z1-9]*/gi, "");
3703
- return l`<span class="cross-icon">${S(o)}</span>`;
3706
+ return l`<span class="cross-icon">${E(o)}</span>`;
3704
3707
  }
3705
3708
  strikeThroughImg() {
3706
3709
  const o = Je[this.strikethroughImgName].replace(
3707
3710
  "<svg",
3708
3711
  '<svg aria-hidden="true" focusable="false" part="strikethrough"'
3709
3712
  ).replace(/stroke=[#"'a-z1-9]*/gi, "");
3710
- return S(o);
3713
+ return E(o);
3711
3714
  }
3712
3715
  render() {
3713
3716
  const o = this.text;