@florid-kit/components 0.4.38 → 0.4.39

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 +168 -70
  2. package/index.mjs +520 -399
  3. package/package.json +1 -1
package/index.mjs CHANGED
@@ -3,10 +3,10 @@
3
3
  * Copyright 2019 Google LLC
4
4
  * SPDX-License-Identifier: BSD-3-Clause
5
5
  */
6
- const X = globalThis, dt = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, pt = Symbol(), ft = /* @__PURE__ */ new WeakMap();
7
- let St = class {
6
+ const J = globalThis, dt = J.ShadowRoot && (J.ShadyCSS === void 0 || J.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ut = Symbol(), yt = /* @__PURE__ */ new WeakMap();
7
+ let kt = class {
8
8
  constructor(t, e, i) {
9
- if (this._$cssResult$ = !0, i !== pt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
9
+ if (this._$cssResult$ = !0, i !== ut) 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() {
@@ -14,7 +14,7 @@ let St = class {
14
14
  const e = this.t;
15
15
  if (dt && t === void 0) {
16
16
  const i = e !== void 0 && e.length === 1;
17
- i && (t = ft.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && ft.set(e, t));
17
+ i && (t = yt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && yt.set(e, t));
18
18
  }
19
19
  return t;
20
20
  }
@@ -22,59 +22,59 @@ let St = class {
22
22
  return this.cssText;
23
23
  }
24
24
  };
25
- const zt = (n) => new St(typeof n == "string" ? n : n + "", void 0, pt), $ = (n, ...t) => {
26
- const e = n.length === 1 ? n[0] : t.reduce((i, o, r) => i + ((s) => {
25
+ const Ht = (o) => new kt(typeof o == "string" ? o : o + "", void 0, ut), w = (o, ...t) => {
26
+ const e = o.length === 1 ? o[0] : t.reduce((i, n, r) => i + ((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
- })(o) + n[r + 1], n[0]);
31
- return new St(e, n, pt);
32
- }, Ot = (n, t) => {
33
- if (dt) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
30
+ })(n) + o[r + 1], o[0]);
31
+ return new kt(e, o, ut);
32
+ }, Mt = (o, t) => {
33
+ if (dt) 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"), o = X.litNonce;
36
- o !== void 0 && i.setAttribute("nonce", o), i.textContent = e.cssText, n.appendChild(i);
35
+ const i = document.createElement("style"), n = J.litNonce;
36
+ n !== void 0 && i.setAttribute("nonce", n), i.textContent = e.cssText, o.appendChild(i);
37
37
  }
38
- }, bt = dt ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
38
+ }, mt = dt ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
39
39
  let e = "";
40
40
  for (const i of t.cssRules) e += i.cssText;
41
- return zt(e);
42
- })(n) : n;
41
+ return Ht(e);
42
+ })(o) : o;
43
43
  /**
44
44
  * @license
45
45
  * Copyright 2017 Google LLC
46
46
  * SPDX-License-Identifier: BSD-3-Clause
47
47
  */
48
- const { is: Ht, defineProperty: Mt, getOwnPropertyDescriptor: Tt, getOwnPropertyNames: Dt, getOwnPropertySymbols: Ut, getPrototypeOf: Nt } = Object, S = globalThis, yt = S.trustedTypes, jt = yt ? yt.emptyScript : "", it = S.reactiveElementPolyfillSupport, V = (n, t) => n, J = { toAttribute(n, t) {
48
+ const { is: Tt, defineProperty: Dt, getOwnPropertyDescriptor: Ut, getOwnPropertyNames: Nt, getOwnPropertySymbols: jt, getPrototypeOf: Ft } = Object, L = globalThis, wt = L.trustedTypes, Vt = wt ? wt.emptyScript : "", st = L.reactiveElementPolyfillSupport, F = (o, t) => o, Y = { toAttribute(o, t) {
49
49
  switch (t) {
50
50
  case Boolean:
51
- n = n ? jt : null;
51
+ o = o ? Vt : null;
52
52
  break;
53
53
  case Object:
54
54
  case Array:
55
- n = n == null ? n : JSON.stringify(n);
55
+ o = o == null ? o : JSON.stringify(o);
56
56
  }
57
- return n;
58
- }, fromAttribute(n, t) {
59
- let e = n;
57
+ return o;
58
+ }, fromAttribute(o, t) {
59
+ let e = o;
60
60
  switch (t) {
61
61
  case Boolean:
62
- e = n !== null;
62
+ e = o !== null;
63
63
  break;
64
64
  case Number:
65
- e = n === null ? null : Number(n);
65
+ e = o === null ? null : Number(o);
66
66
  break;
67
67
  case Object:
68
68
  case Array:
69
69
  try {
70
- e = JSON.parse(n);
70
+ e = JSON.parse(o);
71
71
  } catch {
72
72
  e = null;
73
73
  }
74
74
  }
75
75
  return e;
76
- } }, ut = (n, t) => !Ht(n, t), mt = { attribute: !0, type: String, converter: J, reflect: !1, useDefault: !1, hasChanged: ut };
77
- Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), S.litPropertyMetadata ?? (S.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
76
+ } }, ft = (o, t) => !Tt(o, t), xt = { attribute: !0, type: String, converter: Y, reflect: !1, useDefault: !1, hasChanged: ft };
77
+ Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), L.litPropertyMetadata ?? (L.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
78
78
  let T = class extends HTMLElement {
79
79
  static addInitializer(t) {
80
80
  this._$Ei(), (this.l ?? (this.l = [])).push(t);
@@ -82,46 +82,46 @@ let T = class extends HTMLElement {
82
82
  static get observedAttributes() {
83
83
  return this.finalize(), this._$Eh && [...this._$Eh.keys()];
84
84
  }
85
- static createProperty(t, e = mt) {
85
+ static createProperty(t, e = xt) {
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(), o = this.getPropertyDescriptor(t, i, e);
88
- o !== void 0 && Mt(this.prototype, t, o);
87
+ const i = Symbol(), n = this.getPropertyDescriptor(t, i, e);
88
+ n !== void 0 && Dt(this.prototype, t, n);
89
89
  }
90
90
  }
91
91
  static getPropertyDescriptor(t, e, i) {
92
- const { get: o, set: r } = Tt(this.prototype, t) ?? { get() {
92
+ const { get: n, set: r } = Ut(this.prototype, t) ?? { get() {
93
93
  return this[e];
94
94
  }, set(s) {
95
95
  this[e] = s;
96
96
  } };
97
- return { get: o, set(s) {
98
- const c = o == null ? void 0 : o.call(this);
97
+ return { get: n, set(s) {
98
+ const c = n == null ? void 0 : n.call(this);
99
99
  r == null || r.call(this, s), this.requestUpdate(t, c, i);
100
100
  }, configurable: !0, enumerable: !0 };
101
101
  }
102
102
  static getPropertyOptions(t) {
103
- return this.elementProperties.get(t) ?? mt;
103
+ return this.elementProperties.get(t) ?? xt;
104
104
  }
105
105
  static _$Ei() {
106
- if (this.hasOwnProperty(V("elementProperties"))) return;
107
- const t = Nt(this);
106
+ if (this.hasOwnProperty(F("elementProperties"))) return;
107
+ const t = Ft(this);
108
108
  t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
109
109
  }
110
110
  static finalize() {
111
- if (this.hasOwnProperty(V("finalized"))) return;
112
- if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(V("properties"))) {
113
- const e = this.properties, i = [...Dt(e), ...Ut(e)];
114
- for (const o of i) this.createProperty(o, e[o]);
111
+ if (this.hasOwnProperty(F("finalized"))) return;
112
+ if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(F("properties"))) {
113
+ const e = this.properties, i = [...Nt(e), ...jt(e)];
114
+ for (const n of i) this.createProperty(n, e[n]);
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, o] of e) this.elementProperties.set(i, o);
119
+ if (e !== void 0) for (const [i, n] of e) this.elementProperties.set(i, n);
120
120
  }
121
121
  this._$Eh = /* @__PURE__ */ new Map();
122
122
  for (const [e, i] of this.elementProperties) {
123
- const o = this._$Eu(e, i);
124
- o !== void 0 && this._$Eh.set(o, e);
123
+ const n = this._$Eu(e, i);
124
+ n !== void 0 && this._$Eh.set(n, e);
125
125
  }
126
126
  this.elementStyles = this.finalizeStyles(this.styles);
127
127
  }
@@ -129,8 +129,8 @@ let T = class extends HTMLElement {
129
129
  const e = [];
130
130
  if (Array.isArray(t)) {
131
131
  const i = new Set(t.flat(1 / 0).reverse());
132
- for (const o of i) e.unshift(bt(o));
133
- } else t !== void 0 && e.push(bt(t));
132
+ for (const n of i) e.unshift(mt(n));
133
+ } else t !== void 0 && e.push(mt(t));
134
134
  return e;
135
135
  }
136
136
  static _$Eu(t, e) {
@@ -159,7 +159,7 @@ let T = class extends HTMLElement {
159
159
  }
160
160
  createRenderRoot() {
161
161
  const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
162
- return Ot(t, this.constructor.elementStyles), t;
162
+ return Mt(t, this.constructor.elementStyles), t;
163
163
  }
164
164
  connectedCallback() {
165
165
  var t;
@@ -182,31 +182,31 @@ let T = class extends HTMLElement {
182
182
  }
183
183
  _$ET(t, e) {
184
184
  var r;
185
- const i = this.constructor.elementProperties.get(t), o = this.constructor._$Eu(t, i);
186
- if (o !== void 0 && i.reflect === !0) {
187
- const s = (((r = i.converter) == null ? void 0 : r.toAttribute) !== void 0 ? i.converter : J).toAttribute(e, i.type);
188
- this._$Em = t, s == null ? this.removeAttribute(o) : this.setAttribute(o, s), this._$Em = null;
185
+ const i = this.constructor.elementProperties.get(t), n = this.constructor._$Eu(t, i);
186
+ if (n !== void 0 && i.reflect === !0) {
187
+ const s = (((r = i.converter) == null ? void 0 : r.toAttribute) !== void 0 ? i.converter : Y).toAttribute(e, i.type);
188
+ this._$Em = t, s == null ? this.removeAttribute(n) : this.setAttribute(n, s), this._$Em = null;
189
189
  }
190
190
  }
191
191
  _$AK(t, e) {
192
192
  var r, s;
193
- const i = this.constructor, o = i._$Eh.get(t);
194
- if (o !== void 0 && this._$Em !== o) {
195
- const c = i.getPropertyOptions(o), l = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((r = c.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? c.converter : J;
196
- this._$Em = o, this[o] = l.fromAttribute(e, c.type) ?? ((s = this._$Ej) == null ? void 0 : s.get(o)) ?? null, this._$Em = null;
193
+ const i = this.constructor, n = i._$Eh.get(t);
194
+ if (n !== void 0 && this._$Em !== n) {
195
+ const c = i.getPropertyOptions(n), l = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((r = c.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? c.converter : Y;
196
+ this._$Em = n, this[n] = l.fromAttribute(e, c.type) ?? ((s = this._$Ej) == null ? void 0 : s.get(n)) ?? null, this._$Em = null;
197
197
  }
198
198
  }
199
199
  requestUpdate(t, e, i) {
200
- var o;
200
+ var n;
201
201
  if (t !== void 0) {
202
202
  const r = this.constructor, s = this[t];
203
- if (i ?? (i = r.getPropertyOptions(t)), !((i.hasChanged ?? ut)(s, e) || i.useDefault && i.reflect && s === ((o = this._$Ej) == null ? void 0 : o.get(t)) && !this.hasAttribute(r._$Eu(t, i)))) return;
203
+ if (i ?? (i = r.getPropertyOptions(t)), !((i.hasChanged ?? ft)(s, e) || i.useDefault && i.reflect && s === ((n = this._$Ej) == null ? void 0 : n.get(t)) && !this.hasAttribute(r._$Eu(t, i)))) return;
204
204
  this.C(t, e, i);
205
205
  }
206
206
  this.isUpdatePending === !1 && (this._$ES = this._$EP());
207
207
  }
208
- C(t, e, { useDefault: i, reflect: o, wrapped: r }, s) {
209
- i && !(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 || i || (e = void 0), this._$AL.set(t, e)), o === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
208
+ C(t, e, { useDefault: i, reflect: n, wrapped: r }, s) {
209
+ i && !(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 || i || (e = void 0), this._$AL.set(t, e)), n === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
210
210
  }
211
211
  async _$EP() {
212
212
  this.isUpdatePending = !0;
@@ -229,8 +229,8 @@ let T = class extends HTMLElement {
229
229
  for (const [r, s] of this._$Ep) this[r] = s;
230
230
  this._$Ep = void 0;
231
231
  }
232
- const o = this.constructor.elementProperties;
233
- if (o.size > 0) for (const [r, s] of o) {
232
+ const n = this.constructor.elementProperties;
233
+ if (n.size > 0) for (const [r, s] of n) {
234
234
  const { wrapped: c } = s, l = this[r];
235
235
  c !== !0 || this._$AL.has(r) || l === void 0 || this.C(r, void 0, s, l);
236
236
  }
@@ -238,12 +238,12 @@ let T = 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((o) => {
241
+ t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$EO) == null || i.forEach((n) => {
242
242
  var r;
243
- return (r = o.hostUpdate) == null ? void 0 : r.call(o);
243
+ return (r = n.hostUpdate) == null ? void 0 : r.call(n);
244
244
  }), this.update(e)) : this._$EM();
245
- } catch (o) {
246
- throw t = !1, this._$EM(), o;
245
+ } catch (n) {
246
+ throw t = !1, this._$EM(), n;
247
247
  }
248
248
  t && this._$AE(e);
249
249
  }
@@ -252,8 +252,8 @@ let T = class extends HTMLElement {
252
252
  _$AE(t) {
253
253
  var e;
254
254
  (e = this._$EO) == null || e.forEach((i) => {
255
- var o;
256
- return (o = i.hostUpdated) == null ? void 0 : o.call(i);
255
+ var n;
256
+ return (n = i.hostUpdated) == null ? void 0 : n.call(i);
257
257
  }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
258
258
  }
259
259
  _$EM() {
@@ -276,76 +276,76 @@ let T = class extends HTMLElement {
276
276
  firstUpdated(t) {
277
277
  }
278
278
  };
279
- T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[V("elementProperties")] = /* @__PURE__ */ new Map(), T[V("finalized")] = /* @__PURE__ */ new Map(), it == null || it({ ReactiveElement: T }), (S.reactiveElementVersions ?? (S.reactiveElementVersions = [])).push("2.1.0");
279
+ T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[F("elementProperties")] = /* @__PURE__ */ new Map(), T[F("finalized")] = /* @__PURE__ */ new Map(), st == null || st({ ReactiveElement: T }), (L.reactiveElementVersions ?? (L.reactiveElementVersions = [])).push("2.1.0");
280
280
  /**
281
281
  * @license
282
282
  * Copyright 2017 Google LLC
283
283
  * SPDX-License-Identifier: BSD-3-Clause
284
284
  */
285
- const F = globalThis, Y = F.trustedTypes, wt = Y ? Y.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Lt = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, kt = "?" + E, Vt = `<${kt}>`, z = document, R = () => z.createComment(""), Z = (n) => n === null || typeof n != "object" && typeof n != "function", gt = Array.isArray, Ft = (n) => gt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", st = `[
286
- \f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, xt = />/g, P = RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^
287
- \f\r"'\`<>=]|("|')|))|$)`, "g"), _t = /'/g, Ct = /"/g, Pt = /^(?:script|style|textarea|title)$/i, Rt = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), h = Rt(1), O = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), At = /* @__PURE__ */ new WeakMap(), B = z.createTreeWalker(z, 129);
288
- function Bt(n, t) {
289
- if (!gt(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
290
- return wt !== void 0 ? wt.createHTML(t) : t;
285
+ const V = globalThis, Q = V.trustedTypes, $t = Q ? Q.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, Pt = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Bt = "?" + E, Rt = `<${Bt}>`, O = document, R = () => O.createComment(""), Z = (o) => o === null || typeof o != "object" && typeof o != "function", gt = Array.isArray, Zt = (o) => gt(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", rt = `[
286
+ \f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _t = /-->/g, Ct = />/g, P = RegExp(`>|${rt}(?:([^\\s"'>=/]+)(${rt}*=${rt}*(?:[^
287
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), At = /'/g, St = /"/g, It = /^(?:script|style|textarea|title)$/i, qt = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), h = qt(1), z = Symbol.for("lit-noChange"), p = Symbol.for("lit-nothing"), Et = /* @__PURE__ */ new WeakMap(), B = O.createTreeWalker(O, 129);
288
+ function Ot(o, t) {
289
+ if (!gt(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
290
+ return $t !== void 0 ? $t.createHTML(t) : t;
291
291
  }
292
- const Zt = (n, t) => {
293
- const e = n.length - 1, i = [];
294
- let o, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = j;
292
+ const Wt = (o, t) => {
293
+ const e = o.length - 1, i = [];
294
+ let n, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = j;
295
295
  for (let c = 0; c < e; c++) {
296
- const l = n[c];
297
- let g, f, p = -1, x = 0;
298
- for (; x < l.length && (s.lastIndex = x, f = s.exec(l), f !== null); ) x = s.lastIndex, s === j ? f[1] === "!--" ? s = $t : f[1] !== void 0 ? s = xt : f[2] !== void 0 ? (Pt.test(f[2]) && (o = RegExp("</" + f[2], "g")), s = P) : f[3] !== void 0 && (s = P) : s === P ? f[0] === ">" ? (s = o ?? j, p = -1) : f[1] === void 0 ? p = -2 : (p = s.lastIndex - f[2].length, g = f[1], s = f[3] === void 0 ? P : f[3] === '"' ? Ct : _t) : s === Ct || s === _t ? s = P : s === $t || s === xt ? s = j : (s = P, o = void 0);
299
- const A = s === P && n[c + 1].startsWith("/>") ? " " : "";
300
- r += s === j ? l + Vt : p >= 0 ? (i.push(g), l.slice(0, p) + Lt + l.slice(p) + E + A) : l + E + (p === -2 ? c : A);
296
+ const l = o[c];
297
+ let f, v, d = -1, $ = 0;
298
+ for (; $ < l.length && (s.lastIndex = $, v = s.exec(l), v !== null); ) $ = s.lastIndex, s === j ? v[1] === "!--" ? s = _t : v[1] !== void 0 ? s = Ct : v[2] !== void 0 ? (It.test(v[2]) && (n = RegExp("</" + v[2], "g")), s = P) : v[3] !== void 0 && (s = P) : s === P ? v[0] === ">" ? (s = n ?? j, d = -1) : v[1] === void 0 ? d = -2 : (d = s.lastIndex - v[2].length, f = v[1], s = v[3] === void 0 ? P : v[3] === '"' ? St : At) : s === St || s === At ? s = P : s === _t || s === Ct ? s = j : (s = P, n = void 0);
299
+ const S = s === P && o[c + 1].startsWith("/>") ? " " : "";
300
+ r += s === j ? l + Rt : d >= 0 ? (i.push(f), l.slice(0, d) + Pt + l.slice(d) + E + S) : l + E + (d === -2 ? c : S);
301
301
  }
302
- return [Bt(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
302
+ return [Ot(o, r + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
303
303
  };
304
304
  class q {
305
305
  constructor({ strings: t, _$litType$: e }, i) {
306
- let o;
306
+ let n;
307
307
  this.parts = [];
308
308
  let r = 0, s = 0;
309
- const c = t.length - 1, l = this.parts, [g, f] = Zt(t, e);
310
- if (this.el = q.createElement(g, i), B.currentNode = this.el.content, e === 2 || e === 3) {
311
- const p = this.el.content.firstChild;
312
- p.replaceWith(...p.childNodes);
309
+ const c = t.length - 1, l = this.parts, [f, v] = Wt(t, e);
310
+ if (this.el = q.createElement(f, i), B.currentNode = this.el.content, e === 2 || e === 3) {
311
+ const d = this.el.content.firstChild;
312
+ d.replaceWith(...d.childNodes);
313
313
  }
314
- for (; (o = B.nextNode()) !== null && l.length < c; ) {
315
- if (o.nodeType === 1) {
316
- if (o.hasAttributes()) for (const p of o.getAttributeNames()) if (p.endsWith(Lt)) {
317
- const x = f[s++], A = o.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec(x);
318
- l.push({ type: 1, index: r, name: K[2], strings: A, ctor: K[1] === "." ? Wt : K[1] === "?" ? Gt : K[1] === "@" ? Kt : tt }), o.removeAttribute(p);
319
- } else p.startsWith(E) && (l.push({ type: 6, index: r }), o.removeAttribute(p));
320
- if (Pt.test(o.tagName)) {
321
- const p = o.textContent.split(E), x = p.length - 1;
322
- if (x > 0) {
323
- o.textContent = Y ? Y.emptyScript : "";
324
- for (let A = 0; A < x; A++) o.append(p[A], R()), B.nextNode(), l.push({ type: 2, index: ++r });
325
- o.append(p[x], R());
314
+ for (; (n = B.nextNode()) !== null && l.length < c; ) {
315
+ if (n.nodeType === 1) {
316
+ if (n.hasAttributes()) for (const d of n.getAttributeNames()) if (d.endsWith(Pt)) {
317
+ const $ = v[s++], S = n.getAttribute(d).split(E), X = /([.?@])?(.*)/.exec($);
318
+ l.push({ type: 1, index: r, name: X[2], strings: S, ctor: X[1] === "." ? Kt : X[1] === "?" ? Xt : X[1] === "@" ? Jt : et }), n.removeAttribute(d);
319
+ } else d.startsWith(E) && (l.push({ type: 6, index: r }), n.removeAttribute(d));
320
+ if (It.test(n.tagName)) {
321
+ const d = n.textContent.split(E), $ = d.length - 1;
322
+ if ($ > 0) {
323
+ n.textContent = Q ? Q.emptyScript : "";
324
+ for (let S = 0; S < $; S++) n.append(d[S], R()), B.nextNode(), l.push({ type: 2, index: ++r });
325
+ n.append(d[$], R());
326
326
  }
327
327
  }
328
- } else if (o.nodeType === 8) if (o.data === kt) l.push({ type: 2, index: r });
328
+ } else if (n.nodeType === 8) if (n.data === Bt) l.push({ type: 2, index: r });
329
329
  else {
330
- let p = -1;
331
- for (; (p = o.data.indexOf(E, p + 1)) !== -1; ) l.push({ type: 7, index: r }), p += E.length - 1;
330
+ let d = -1;
331
+ for (; (d = n.data.indexOf(E, d + 1)) !== -1; ) l.push({ type: 7, index: r }), d += E.length - 1;
332
332
  }
333
333
  r++;
334
334
  }
335
335
  }
336
336
  static createElement(t, e) {
337
- const i = z.createElement("template");
337
+ const i = O.createElement("template");
338
338
  return i.innerHTML = t, i;
339
339
  }
340
340
  }
341
- function D(n, t, e = n, i) {
341
+ function D(o, t, e = o, i) {
342
342
  var s, c;
343
- if (t === O) return t;
344
- let o = i !== void 0 ? (s = e._$Co) == null ? void 0 : s[i] : e._$Cl;
343
+ if (t === z) return t;
344
+ let n = i !== void 0 ? (s = e._$Co) == null ? void 0 : s[i] : e._$Cl;
345
345
  const r = Z(t) ? void 0 : t._$litDirective$;
346
- return (o == null ? void 0 : o.constructor) !== r && ((c = o == null ? void 0 : o._$AO) == null || c.call(o, !1), r === void 0 ? o = void 0 : (o = new r(n), o._$AT(n, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = o : e._$Cl = o), o !== void 0 && (t = D(n, o._$AS(n, t.values), o, i)), t;
346
+ return (n == null ? void 0 : n.constructor) !== r && ((c = n == null ? void 0 : n._$AO) == null || c.call(n, !1), r === void 0 ? n = void 0 : (n = new r(o), n._$AT(o, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = n : e._$Cl = n), n !== void 0 && (t = D(o, n._$AS(o, t.values), n, i)), t;
347
347
  }
348
- class qt {
348
+ class Gt {
349
349
  constructor(t, e) {
350
350
  this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
351
351
  }
@@ -356,30 +356,30 @@ class qt {
356
356
  return this._$AM._$AU;
357
357
  }
358
358
  u(t) {
359
- const { el: { content: e }, parts: i } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? z).importNode(e, !0);
360
- B.currentNode = o;
359
+ const { el: { content: e }, parts: i } = this._$AD, n = ((t == null ? void 0 : t.creationScope) ?? O).importNode(e, !0);
360
+ B.currentNode = n;
361
361
  let r = B.nextNode(), s = 0, c = 0, l = i[0];
362
362
  for (; l !== void 0; ) {
363
363
  if (s === l.index) {
364
- let g;
365
- l.type === 2 ? g = new G(r, r.nextSibling, this, t) : l.type === 1 ? g = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (g = new Xt(r, this, t)), this._$AV.push(g), l = i[++c];
364
+ let f;
365
+ l.type === 2 ? f = new K(r, r.nextSibling, this, t) : l.type === 1 ? f = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (f = new Yt(r, this, t)), this._$AV.push(f), l = i[++c];
366
366
  }
367
367
  s !== (l == null ? void 0 : l.index) && (r = B.nextNode(), s++);
368
368
  }
369
- return B.currentNode = z, o;
369
+ return B.currentNode = O, n;
370
370
  }
371
371
  p(t) {
372
372
  let e = 0;
373
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++;
374
374
  }
375
375
  }
376
- class G {
376
+ class K {
377
377
  get _$AU() {
378
378
  var t;
379
379
  return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
380
380
  }
381
- constructor(t, e, i, o) {
382
- this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
381
+ constructor(t, e, i, n) {
382
+ this.type = 2, this._$AH = p, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = n, this._$Cv = (n == null ? void 0 : n.isConnected) ?? !0;
383
383
  }
384
384
  get parentNode() {
385
385
  let t = this._$AA.parentNode;
@@ -393,7 +393,7 @@ class G {
393
393
  return this._$AB;
394
394
  }
395
395
  _$AI(t, e = this) {
396
- t = D(this, t, e), Z(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== O && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ft(t) ? this.k(t) : this._(t);
396
+ t = D(this, t, e), Z(t) ? t === p || t == null || t === "" ? (this._$AH !== p && this._$AR(), this._$AH = p) : t !== this._$AH && t !== z && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Zt(t) ? this.k(t) : this._(t);
397
397
  }
398
398
  O(t) {
399
399
  return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -402,33 +402,33 @@ class G {
402
402
  this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
403
403
  }
404
404
  _(t) {
405
- this._$AH !== d && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(z.createTextNode(t)), this._$AH = t;
405
+ this._$AH !== p && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(O.createTextNode(t)), this._$AH = t;
406
406
  }
407
407
  $(t) {
408
408
  var r;
409
- const { values: e, _$litType$: i } = t, o = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = q.createElement(Bt(i.h, i.h[0]), this.options)), i);
410
- if (((r = this._$AH) == null ? void 0 : r._$AD) === o) this._$AH.p(e);
409
+ const { values: e, _$litType$: i } = t, n = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = q.createElement(Ot(i.h, i.h[0]), this.options)), i);
410
+ if (((r = this._$AH) == null ? void 0 : r._$AD) === n) this._$AH.p(e);
411
411
  else {
412
- const s = new qt(o, this), c = s.u(this.options);
412
+ const s = new Gt(n, this), c = s.u(this.options);
413
413
  s.p(e), this.T(c), this._$AH = s;
414
414
  }
415
415
  }
416
416
  _$AC(t) {
417
- let e = At.get(t.strings);
418
- return e === void 0 && At.set(t.strings, e = new q(t)), e;
417
+ let e = Et.get(t.strings);
418
+ return e === void 0 && Et.set(t.strings, e = new q(t)), e;
419
419
  }
420
420
  k(t) {
421
421
  gt(this._$AH) || (this._$AH = [], this._$AR());
422
422
  const e = this._$AH;
423
- let i, o = 0;
424
- for (const r of t) o === e.length ? e.push(i = new G(this.O(R()), this.O(R()), this, this.options)) : i = e[o], i._$AI(r), o++;
425
- o < e.length && (this._$AR(i && i._$AB.nextSibling, o), e.length = o);
423
+ let i, n = 0;
424
+ for (const r of t) n === e.length ? e.push(i = new K(this.O(R()), this.O(R()), this, this.options)) : i = e[n], i._$AI(r), n++;
425
+ n < e.length && (this._$AR(i && i._$AB.nextSibling, n), e.length = n);
426
426
  }
427
427
  _$AR(t = this._$AA.nextSibling, e) {
428
428
  var i;
429
429
  for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, e); t && t !== this._$AB; ) {
430
- const o = t.nextSibling;
431
- t.remove(), t = o;
430
+ const n = t.nextSibling;
431
+ t.remove(), t = n;
432
432
  }
433
433
  }
434
434
  setConnected(t) {
@@ -436,62 +436,62 @@ class G {
436
436
  this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
437
437
  }
438
438
  }
439
- class tt {
439
+ class et {
440
440
  get tagName() {
441
441
  return this.element.tagName;
442
442
  }
443
443
  get _$AU() {
444
444
  return this._$AM._$AU;
445
445
  }
446
- constructor(t, e, i, o, r) {
447
- this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = o, this.options = r, 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, i, n, r) {
447
+ this.type = 1, this._$AH = p, this._$AN = void 0, this.element = t, this.name = e, this._$AM = n, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = p;
448
448
  }
449
- _$AI(t, e = this, i, o) {
449
+ _$AI(t, e = this, i, n) {
450
450
  const r = this.strings;
451
451
  let s = !1;
452
- if (r === void 0) t = D(this, t, e, 0), s = !Z(t) || t !== this._$AH && t !== O, s && (this._$AH = t);
452
+ if (r === void 0) t = D(this, t, e, 0), s = !Z(t) || t !== this._$AH && t !== z, s && (this._$AH = t);
453
453
  else {
454
454
  const c = t;
455
- let l, g;
456
- for (t = r[0], l = 0; l < r.length - 1; l++) g = D(this, c[i + l], e, l), g === O && (g = this._$AH[l]), s || (s = !Z(g) || g !== this._$AH[l]), g === d ? t = d : t !== d && (t += (g ?? "") + r[l + 1]), this._$AH[l] = g;
455
+ let l, f;
456
+ for (t = r[0], l = 0; l < r.length - 1; l++) f = D(this, c[i + l], e, l), f === z && (f = this._$AH[l]), s || (s = !Z(f) || f !== this._$AH[l]), f === p ? t = p : t !== p && (t += (f ?? "") + r[l + 1]), this._$AH[l] = f;
457
457
  }
458
- s && !o && this.j(t);
458
+ s && !n && this.j(t);
459
459
  }
460
460
  j(t) {
461
- t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
461
+ t === p ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
462
462
  }
463
463
  }
464
- class Wt extends tt {
464
+ class Kt extends et {
465
465
  constructor() {
466
466
  super(...arguments), this.type = 3;
467
467
  }
468
468
  j(t) {
469
- this.element[this.name] = t === d ? void 0 : t;
469
+ this.element[this.name] = t === p ? void 0 : t;
470
470
  }
471
471
  }
472
- class Gt extends tt {
472
+ class Xt extends et {
473
473
  constructor() {
474
474
  super(...arguments), this.type = 4;
475
475
  }
476
476
  j(t) {
477
- this.element.toggleAttribute(this.name, !!t && t !== d);
477
+ this.element.toggleAttribute(this.name, !!t && t !== p);
478
478
  }
479
479
  }
480
- class Kt extends tt {
481
- constructor(t, e, i, o, r) {
482
- super(t, e, i, o, r), this.type = 5;
480
+ class Jt extends et {
481
+ constructor(t, e, i, n, r) {
482
+ super(t, e, i, n, r), this.type = 5;
483
483
  }
484
484
  _$AI(t, e = this) {
485
- if ((t = D(this, t, e, 0) ?? d) === O) return;
486
- const i = this._$AH, o = t === d && i !== d || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, r = t !== d && (i === d || o);
487
- o && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
485
+ if ((t = D(this, t, e, 0) ?? p) === z) return;
486
+ const i = this._$AH, n = t === p && i !== p || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, r = t !== p && (i === p || n);
487
+ n && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
488
488
  }
489
489
  handleEvent(t) {
490
490
  var e;
491
491
  typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
492
492
  }
493
493
  }
494
- class Xt {
494
+ class Yt {
495
495
  constructor(t, e, i) {
496
496
  this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
497
497
  }
@@ -502,16 +502,16 @@ class Xt {
502
502
  D(this, t);
503
503
  }
504
504
  }
505
- const rt = F.litHtmlPolyfillSupport;
506
- rt == null || rt(q, G), (F.litHtmlVersions ?? (F.litHtmlVersions = [])).push("3.3.0");
507
- const Jt = (n, t, e) => {
505
+ const at = V.litHtmlPolyfillSupport;
506
+ at == null || at(q, K), (V.litHtmlVersions ?? (V.litHtmlVersions = [])).push("3.3.0");
507
+ const Qt = (o, t, e) => {
508
508
  const i = (e == null ? void 0 : e.renderBefore) ?? t;
509
- let o = i._$litPart$;
510
- if (o === void 0) {
509
+ let n = i._$litPart$;
510
+ if (n === void 0) {
511
511
  const r = (e == null ? void 0 : e.renderBefore) ?? null;
512
- i._$litPart$ = o = new G(t.insertBefore(R(), r), r, void 0, e ?? {});
512
+ i._$litPart$ = n = new K(t.insertBefore(R(), r), r, void 0, e ?? {});
513
513
  }
514
- return o._$AI(n), o;
514
+ return n._$AI(o), n;
515
515
  };
516
516
  /**
517
517
  * @license
@@ -530,7 +530,7 @@ let m = class extends T {
530
530
  }
531
531
  update(t) {
532
532
  const e = this.render();
533
- this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Jt(e, this.renderRoot, this.renderOptions);
533
+ this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Qt(e, this.renderRoot, this.renderOptions);
534
534
  }
535
535
  connectedCallback() {
536
536
  var t;
@@ -541,70 +541,70 @@ let m = class extends T {
541
541
  super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
542
542
  }
543
543
  render() {
544
- return O;
544
+ return z;
545
545
  }
546
546
  };
547
- var Et;
548
- m._$litElement$ = !0, m.finalized = !0, (Et = I.litElementHydrateSupport) == null || Et.call(I, { LitElement: m });
549
- const at = I.litElementPolyfillSupport;
550
- at == null || at({ LitElement: m });
547
+ var Lt;
548
+ m._$litElement$ = !0, m.finalized = !0, (Lt = I.litElementHydrateSupport) == null || Lt.call(I, { LitElement: m });
549
+ const lt = I.litElementPolyfillSupport;
550
+ lt == null || lt({ LitElement: m });
551
551
  (I.litElementVersions ?? (I.litElementVersions = [])).push("4.2.0");
552
552
  /**
553
553
  * @license
554
554
  * Copyright 2017 Google LLC
555
555
  * SPDX-License-Identifier: BSD-3-Clause
556
556
  */
557
- const L = (n) => (t, e) => {
557
+ const A = (o) => (t, e) => {
558
558
  e !== void 0 ? e.addInitializer(() => {
559
- customElements.define(n, t);
560
- }) : customElements.define(n, t);
559
+ customElements.define(o, t);
560
+ }) : customElements.define(o, t);
561
561
  };
562
562
  /**
563
563
  * @license
564
564
  * Copyright 2017 Google LLC
565
565
  * SPDX-License-Identifier: BSD-3-Clause
566
566
  */
567
- const Yt = { attribute: !0, type: String, converter: J, reflect: !1, hasChanged: ut }, Qt = (n = Yt, t, e) => {
568
- const { kind: i, metadata: o } = e;
569
- let r = globalThis.litPropertyMetadata.get(o);
570
- if (r === void 0 && globalThis.litPropertyMetadata.set(o, r = /* @__PURE__ */ new Map()), i === "setter" && ((n = Object.create(n)).wrapped = !0), r.set(e.name, n), i === "accessor") {
567
+ const te = { attribute: !0, type: String, converter: Y, reflect: !1, hasChanged: ft }, ee = (o = te, t, e) => {
568
+ const { kind: i, metadata: n } = e;
569
+ let r = globalThis.litPropertyMetadata.get(n);
570
+ if (r === void 0 && globalThis.litPropertyMetadata.set(n, r = /* @__PURE__ */ new Map()), i === "setter" && ((o = Object.create(o)).wrapped = !0), r.set(e.name, o), i === "accessor") {
571
571
  const { name: s } = e;
572
572
  return { set(c) {
573
573
  const l = t.get.call(this);
574
- t.set.call(this, c), this.requestUpdate(s, l, n);
574
+ t.set.call(this, c), this.requestUpdate(s, l, o);
575
575
  }, init(c) {
576
- return c !== void 0 && this.C(s, void 0, n, c), c;
576
+ return c !== void 0 && this.C(s, void 0, o, c), c;
577
577
  } };
578
578
  }
579
579
  if (i === "setter") {
580
580
  const { name: s } = e;
581
581
  return function(c) {
582
582
  const l = this[s];
583
- t.call(this, c), this.requestUpdate(s, l, n);
583
+ t.call(this, c), this.requestUpdate(s, l, o);
584
584
  };
585
585
  }
586
586
  throw Error("Unsupported decorator location: " + i);
587
587
  };
588
- function a(n) {
589
- return (t, e) => typeof e == "object" ? Qt(n, t, e) : ((i, o, r) => {
590
- const s = o.hasOwnProperty(r);
591
- return o.constructor.createProperty(r, i), s ? Object.getOwnPropertyDescriptor(o, r) : void 0;
592
- })(n, t, e);
588
+ function a(o) {
589
+ return (t, e) => typeof e == "object" ? ee(o, t, e) : ((i, n, r) => {
590
+ const s = n.hasOwnProperty(r);
591
+ return n.constructor.createProperty(r, i), s ? Object.getOwnPropertyDescriptor(n, r) : void 0;
592
+ })(o, t, e);
593
593
  }
594
594
  /**
595
595
  * @license
596
596
  * Copyright 2017 Google LLC
597
597
  * SPDX-License-Identifier: BSD-3-Clause
598
598
  */
599
- function te(n) {
600
- return a({ ...n, state: !0, attribute: !1 });
599
+ function oe(o) {
600
+ return a({ ...o, state: !0, attribute: !1 });
601
601
  }
602
- const ee = $`
602
+ const ne = w`
603
603
  outline: 1px dashed var(--button-border-color);
604
604
  outline-offset: 2px;
605
605
  outline: dashed black;
606
606
  `;
607
- $`
607
+ w`
608
608
  :host * {
609
609
  box-sizing: border-box;
610
610
  }
@@ -614,12 +614,12 @@ $`
614
614
  * Copyright 2023 Google LLC
615
615
  * SPDX-License-Identifier: Apache-2.0
616
616
  */
617
- const vt = Symbol("internals"), lt = Symbol("privateInternals");
618
- function ne(n) {
617
+ const vt = Symbol("internals"), ct = Symbol("privateInternals");
618
+ function ie(o) {
619
619
  var t;
620
- class e extends n {
620
+ class e extends o {
621
621
  get [(t = vt, t)]() {
622
- return this[lt] || (this[lt] = this.attachInternals()), this[lt];
622
+ return this[ct] || (this[ct] = this.attachInternals()), this[ct];
623
623
  }
624
624
  }
625
625
  return e;
@@ -629,15 +629,15 @@ function ne(n) {
629
629
  * Copyright 2023 Google LLC
630
630
  * SPDX-License-Identifier: Apache-2.0
631
631
  */
632
- function oe(n) {
633
- n.addInitializer((t) => {
632
+ function se(o) {
633
+ o.addInitializer((t) => {
634
634
  const e = t;
635
635
  e.addEventListener("click", async (i) => {
636
- const { type: o, [vt]: r } = e, { form: s } = r;
637
- if (!(!s || o === "button") && (await new Promise((c) => {
636
+ const { type: n, [vt]: r } = e, { form: s } = r;
637
+ if (!(!s || n === "button") && (await new Promise((c) => {
638
638
  setTimeout(c);
639
639
  }), !i.defaultPrevented)) {
640
- if (o === "reset") {
640
+ if (n === "reset") {
641
641
  s.reset();
642
642
  return;
643
643
  }
@@ -656,41 +656,41 @@ function oe(n) {
656
656
  });
657
657
  });
658
658
  }
659
- const ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
659
+ const re = `<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
- `, se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
662
+ `, ae = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
663
663
  <path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
664
664
  </svg>
665
- `, re = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
665
+ `, le = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
666
666
  <path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
667
667
  </svg>
668
- `, ae = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
668
+ `, ce = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
669
669
  <path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
670
670
  </svg>
671
- `, le = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
671
+ `, he = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
672
672
  <path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
673
673
  </svg>
674
- `, ce = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
674
+ `, pe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
675
675
  <path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM6.36554 11.5396V7.32718H6.97424L8 4.21467L9.02576 7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L8 10.3812L6.36554 11.5513V11.5396Z" fill="#3F2B2E"/>
676
676
  </svg>
677
- `, he = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
677
+ `, de = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
678
678
  <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"/>
679
679
  </svg>
680
- `, de = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
680
+ `, ue = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
681
681
  <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"/>
682
682
  </svg>
683
- `, pe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
683
+ `, fe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
684
684
  <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"/>
685
685
  </svg>
686
- `, ue = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
686
+ `, ge = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
687
687
  <path d="M2 2L14 14" stroke="#3F2B2E"/>
688
688
  <path d="M14 2L2 14" stroke="#3F2B2E"/>
689
689
  </svg>
690
- `, ge = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
690
+ `, ve = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
691
691
  <path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
692
692
  </svg>
693
- `, ve = `<?xml version="1.0" encoding="utf-8"?>
693
+ `, be = `<?xml version="1.0" encoding="utf-8"?>
694
694
  <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
695
695
  <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
696
696
  viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
@@ -700,7 +700,7 @@ const ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
700
700
  <path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
701
701
  s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
702
702
  </svg>
703
- `, fe = `<?xml version="1.0" encoding="utf-8"?>
703
+ `, ye = `<?xml version="1.0" encoding="utf-8"?>
704
704
  <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
705
705
  <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
706
706
  viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
@@ -709,44 +709,44 @@ const ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
709
709
  </style>
710
710
  <path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
711
711
  </svg>
712
- `, be = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
712
+ `, me = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
713
713
  <path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
714
714
  </svg>
715
- `, ye = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
715
+ `, we = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
716
716
  <path d="M14.1218 7.43502C13.9504 7.60543 13.6735 7.60543 13.5021 7.43502L8.55961 2.49408V14.5625C8.55961 14.8041 8.36365 15 8.12192 15C7.88018 15 7.68422 14.8041 7.68422 14.5625V2.49408L2.74177 7.43502C2.57002 7.60082 2.29703 7.59845 2.1282 7.4297C1.95936 7.26094 1.95699 6.98808 2.12287 6.81642L7.81203 1.13C7.89368 1.04685 8.00535 1 8.12192 1C8.23848 1 8.35015 1.04685 8.4318 1.13L14.121 6.81642C14.2921 6.98702 14.2925 7.26395 14.1218 7.43502Z" fill="#3F2B2E"/>
717
717
  </svg>
718
- `, me = `<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
718
+ `, xe = `<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
719
719
  <path d="M6.33317 8.00033C6.33317 3.95024 7.52708 0.666992 8.99984 0.666992C10.4726 0.666992 11.6665 3.95024 11.6665 8.00033M5.33317 15.3337H12.6665L16.3332 6.20033C14.9582 5.76699 12.2998 5.33366 8.99984 5.33366C5.69984 5.33366 3.49984 5.76699 1.6665 6.20033L5.33317 15.3337Z" stroke="#3F2B2E"/>
720
720
  </svg>
721
- `, we = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
721
+ `, $e = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
722
722
  <path d="M7.99376 14.4486C7.46684 14.4486 6.93991 14.251 6.54472 13.8558C6.14953 13.4606 5.8202 12.9995 5.68847 12.4067H3.77837C2.98798 12.4067 2.59279 12.4067 2.32933 12.1433C2.13173 12.0116 2 11.7481 2 11.5505C2 11.2212 2.13173 10.826 2.52692 10.1673L2.92212 9.4428C3.31731 8.78415 3.51491 8.05963 3.64664 7.3351L3.84423 5.68847C3.97596 4.63462 4.43702 3.7125 5.22741 3.05385C6.01779 2.39519 7.00578 2 7.99376 2C8.98174 2 10.0356 2.39519 10.7601 3.05385C11.5505 3.7125 12.0116 4.70049 12.1433 5.68847L12.3409 7.26924C12.4067 8.05963 12.6702 8.78415 13.0654 9.37693L13.4606 10.1015C13.8558 10.7601 14.0534 11.0894 13.9875 11.4846C13.9875 11.7481 13.8558 11.9457 13.6582 12.0774C13.3947 12.3409 12.9995 12.3409 12.2092 12.3409H10.2991C10.1673 12.9337 9.83799 13.4606 9.4428 13.7899C9.04761 14.1851 8.52068 14.3827 7.99376 14.3827V14.4486ZM6.28126 12.4067C6.41299 12.8019 6.61058 13.1971 6.93991 13.4606C7.5327 13.9875 8.45482 13.9875 9.11347 13.4606C9.4428 13.1971 9.6404 12.8019 9.77213 12.4067H6.28126ZM7.99376 2.65865C7.13751 2.65865 6.28126 2.98798 5.6226 3.58077C4.96395 4.17356 4.56875 4.96395 4.43702 5.88606L4.23943 7.46684C4.1077 8.32309 3.84423 9.11347 3.44904 9.83799L3.05385 10.5625C2.72452 11.0894 2.59279 11.3529 2.59279 11.5505C2.59279 11.6164 2.59279 11.7481 2.72452 11.814C2.85625 11.8798 3.25144 11.8798 3.77837 11.8798H12.2092C12.7361 11.8798 13.1971 11.8798 13.263 11.814C13.3289 11.814 13.3947 11.6822 13.3947 11.5505C13.3947 11.4188 13.1971 11.0894 12.9337 10.5625L12.5385 9.83799C12.0774 9.11347 11.814 8.32309 11.7481 7.5327L11.5505 5.88606C11.4846 5.02981 11.0236 4.17356 10.3649 3.58077C9.70626 2.98798 8.85001 2.65865 7.99376 2.65865Z" fill="#3F2B2E"/>
723
723
  </svg>
724
- `, et = {
725
- wishlist: ie,
726
- playerv: se,
727
- chevronRight: re,
728
- chevronLeft: ae,
729
- icoPlus: ve,
730
- icoMinus: fe,
731
- "star-0": le,
732
- "star-25": ce,
733
- "star-50": he,
734
- "star-75": de,
735
- "star-100": pe,
736
- cross: ue,
737
- search: ge,
738
- arrowLeft: be,
739
- arrowTop: ye,
740
- cart: me,
741
- notifyme: we
724
+ `, ot = {
725
+ wishlist: re,
726
+ playerv: ae,
727
+ chevronRight: le,
728
+ chevronLeft: ce,
729
+ icoPlus: be,
730
+ icoMinus: ye,
731
+ "star-0": he,
732
+ "star-25": pe,
733
+ "star-50": de,
734
+ "star-75": ue,
735
+ "star-100": fe,
736
+ cross: ge,
737
+ search: ve,
738
+ arrowLeft: me,
739
+ arrowTop: we,
740
+ cart: xe,
741
+ notifyme: $e
742
742
  };
743
743
  /**
744
744
  * @license
745
745
  * Copyright 2017 Google LLC
746
746
  * SPDX-License-Identifier: BSD-3-Clause
747
747
  */
748
- const $e = { CHILD: 2 }, xe = (n) => (...t) => ({ _$litDirective$: n, values: t });
749
- class _e {
748
+ const _e = { CHILD: 2 }, Ce = (o) => (...t) => ({ _$litDirective$: o, values: t });
749
+ class Ae {
750
750
  constructor(t) {
751
751
  }
752
752
  get _$AU() {
@@ -767,13 +767,13 @@ class _e {
767
767
  * Copyright 2017 Google LLC
768
768
  * SPDX-License-Identifier: BSD-3-Clause
769
769
  */
770
- class ct extends _e {
770
+ class ht extends Ae {
771
771
  constructor(t) {
772
- if (super(t), this.it = d, t.type !== $e.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
772
+ if (super(t), this.it = p, t.type !== _e.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
773
773
  }
774
774
  render(t) {
775
- if (t === d || t == null) return this._t = void 0, this.it = t;
776
- if (t === O) return t;
775
+ if (t === p || t == null) return this._t = void 0, this.it = t;
776
+ if (t === z) return t;
777
777
  if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
778
778
  if (t === this.it) return this._t;
779
779
  this.it = t;
@@ -781,88 +781,88 @@ class ct extends _e {
781
781
  return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
782
782
  }
783
783
  }
784
- ct.directiveName = "unsafeHTML", ct.resultType = 1;
784
+ ht.directiveName = "unsafeHTML", ht.resultType = 1;
785
785
  /**
786
786
  * @license
787
787
  * Copyright 2017 Google LLC
788
788
  * SPDX-License-Identifier: BSD-3-Clause
789
789
  */
790
- class ht extends ct {
790
+ class pt extends ht {
791
791
  }
792
- ht.directiveName = "unsafeSVG", ht.resultType = 2;
793
- const W = xe(ht);
794
- var Ce = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, y = (n, t, e, i) => {
795
- for (var o = i > 1 ? void 0 : i ? Ae(t, e) : t, r = n.length - 1, s; r >= 0; r--)
796
- (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
797
- return i && o && Ce(t, e, o), o;
792
+ pt.directiveName = "unsafeSVG", pt.resultType = 2;
793
+ const W = Ce(pt);
794
+ var Se = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, y = (o, t, e, i) => {
795
+ for (var n = i > 1 ? void 0 : i ? Ee(t, e) : t, r = o.length - 1, s; r >= 0; r--)
796
+ (s = o[r]) && (n = (i ? s(t, e, n) : s(n)) || n);
797
+ return i && n && Se(t, e, n), n;
798
798
  };
799
- const Ee = ne(m);
800
- let u = class extends Ee {
799
+ const Le = ie(m);
800
+ let u = class extends Le {
801
801
  constructor() {
802
802
  super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.text = "", this.textsecond = "", this.fullwidth = !1, this.disabled = !1, this.startIconModel = "search", this.endIconModel = "chevronRight", this.startIcon = !1, this.endIcon = !1, this.panelTarget = "", this.href = "", this.target = "";
803
803
  }
804
804
  get name() {
805
805
  return this.getAttribute("name") ?? "";
806
806
  }
807
- set name(n) {
808
- this.setAttribute("name", n);
807
+ set name(o) {
808
+ this.setAttribute("name", o);
809
809
  }
810
810
  get form() {
811
811
  return this[vt].form;
812
812
  }
813
813
  handleClick() {
814
814
  if (this.panelTarget) {
815
- const n = document.getElementById(this.panelTarget);
816
- n != null && n.openPanel && typeof n.openPanel == "function" ? n.openPanel() : console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`);
815
+ const o = document.getElementById(this.panelTarget);
816
+ o != null && o.openPanel && typeof o.openPanel == "function" ? o.openPanel() : console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`);
817
817
  }
818
818
  }
819
819
  render() {
820
820
  return this.href ? this.renderLink() : this.renderButton();
821
821
  }
822
- renderIcon(n) {
823
- const t = n === "start" ? this.startIconModel : this.endIconModel;
824
- if (!t) return d;
825
- const e = et[t].replace(
822
+ renderIcon(o) {
823
+ const t = o === "start" ? this.startIconModel : this.endIconModel;
824
+ if (!t) return p;
825
+ const e = ot[t].replace(
826
826
  "<svg",
827
827
  '<svg aria-hidden="true" focusable="false" part="svg"'
828
828
  );
829
- return h`<span class="${n === "start" ? "icon-start" : "icon-end"}">${W(e)}</span>`;
829
+ return h`<span class="${o === "start" ? "icon-start" : "icon-end"}">${W(e)}</span>`;
830
830
  }
831
831
  renderButton() {
832
- const n = this.text || this.textsecond;
832
+ const o = this.text || this.textsecond;
833
833
  return h`
834
834
  <button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
835
- ${this.startIcon ? this.renderIcon("start") : d}
836
- ${n ? h`
837
- ${this.text ? h`<span class="text">${this.text}</span>` : d}
838
- ${this.textsecond ? h`<span class="text">${this.textsecond}</span>` : d}
835
+ ${this.startIcon ? this.renderIcon("start") : p}
836
+ ${o ? h`
837
+ ${this.text ? h`<span class="text">${this.text}</span>` : p}
838
+ ${this.textsecond ? h`<span class="text">${this.textsecond}</span>` : p}
839
839
  ` : h`<slot></slot>`}
840
- ${this.endIcon ? this.renderIcon("end") : d}
840
+ ${this.endIcon ? this.renderIcon("end") : p}
841
841
  </button>
842
842
  `;
843
843
  }
844
844
  renderLink() {
845
- const n = this.text || this.textsecond;
845
+ const o = this.text || this.textsecond;
846
846
  return h`
847
847
  <a
848
848
  href=${this.href}
849
- target=${this.target || d}
849
+ target=${this.target || p}
850
850
  class="button"
851
851
  ?disabled=${this.disabled}
852
852
  >
853
- ${this.startIcon ? this.renderIcon("start") : d}
854
- ${n ? h`
855
- ${this.text ? h`<span>${this.text}</span>` : d}
856
- ${this.textsecond ? h`<span>${this.textsecond}</span>` : d}
853
+ ${this.startIcon ? this.renderIcon("start") : p}
854
+ ${o ? h`
855
+ ${this.text ? h`<span>${this.text}</span>` : p}
856
+ ${this.textsecond ? h`<span>${this.textsecond}</span>` : p}
857
857
  ` : h`<slot></slot>`}
858
- ${this.endIcon ? this.renderIcon("end") : d}
858
+ ${this.endIcon ? this.renderIcon("end") : p}
859
859
  </a>
860
860
  `;
861
861
  }
862
862
  };
863
- oe(u);
863
+ se(u);
864
864
  u.formAssociated = !0;
865
- u.styles = $`
865
+ u.styles = w`
866
866
  :host {
867
867
  --button-border: transparent;
868
868
  cursor: pointer;
@@ -974,7 +974,7 @@ u.styles = $`
974
974
  }
975
975
 
976
976
  .button:focus-visible {
977
- ${ee};
977
+ ${ne};
978
978
  }
979
979
 
980
980
  span.text + span.text::before {
@@ -1063,12 +1063,12 @@ y([
1063
1063
  a({ type: String })
1064
1064
  ], u.prototype, "target", 2);
1065
1065
  u = y([
1066
- L("o-button")
1066
+ A("o-button")
1067
1067
  ], u);
1068
- var Se = Object.defineProperty, Le = Object.getOwnPropertyDescriptor, nt = (n, t, e, i) => {
1069
- for (var o = i > 1 ? void 0 : i ? Le(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1070
- (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1071
- return i && o && Se(t, e, o), o;
1068
+ var ke = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, nt = (o, t, e, i) => {
1069
+ for (var n = i > 1 ? void 0 : i ? Pe(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1070
+ (s = o[r]) && (n = (i ? s(t, e, n) : s(n)) || n);
1071
+ return i && n && ke(t, e, n), n;
1072
1072
  };
1073
1073
  let U = class extends m {
1074
1074
  constructor() {
@@ -1086,32 +1086,32 @@ let U = class extends m {
1086
1086
  firstUpdated() {
1087
1087
  this.addEventListener("click", this.toggleStatus), this.addEventListener("keydown", this.handleKeydown);
1088
1088
  }
1089
- handleKeydown(n) {
1090
- (n.key === "Enter" || n.key === " ") && (n.preventDefault(), this.toggleStatus());
1089
+ handleKeydown(o) {
1090
+ (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.toggleStatus());
1091
1091
  }
1092
1092
  render() {
1093
- const n = et.wishlist.replace(
1093
+ const o = ot.wishlist.replace(
1094
1094
  "<svg",
1095
1095
  '<svg aria-hidden="true" focusable="false" part="svg"'
1096
1096
  );
1097
1097
  return h`
1098
1098
  <button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
1099
1099
  <span class="sr-only">${this.label}</span>
1100
- ${W(n)}
1100
+ ${W(o)}
1101
1101
  </button>
1102
1102
  `;
1103
1103
  }
1104
- setStatus(n) {
1105
- this.status = n, this.setAttribute("aria-pressed", String(this.status === "filled")), this.requestUpdate();
1104
+ setStatus(o) {
1105
+ this.status = o, this.setAttribute("aria-pressed", String(this.status === "filled")), this.requestUpdate();
1106
1106
  }
1107
- setAriaDescribedBy(n) {
1108
- this.ariaDescribedBy = n, this.requestUpdate();
1107
+ setAriaDescribedBy(o) {
1108
+ this.ariaDescribedBy = o, this.requestUpdate();
1109
1109
  }
1110
- setLabel(n) {
1111
- this.label = n, this.requestUpdate();
1110
+ setLabel(o) {
1111
+ this.label = o, this.requestUpdate();
1112
1112
  }
1113
1113
  };
1114
- U.styles = $`
1114
+ U.styles = w`
1115
1115
  :host {
1116
1116
  display: inline-flex;
1117
1117
  justify-content: center;
@@ -1186,22 +1186,22 @@ nt([
1186
1186
  a({ type: String, reflect: !0 })
1187
1187
  ], U.prototype, "label", 2);
1188
1188
  U = nt([
1189
- L("o-wishlist-button")
1189
+ A("o-wishlist-button")
1190
1190
  ], U);
1191
- var ke = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, k = (n, t, e, i) => {
1192
- for (var o = i > 1 ? void 0 : i ? Pe(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1193
- (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1194
- return i && o && ke(t, e, o), o;
1191
+ var Be = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, k = (o, t, e, i) => {
1192
+ for (var n = i > 1 ? void 0 : i ? Ie(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1193
+ (s = o[r]) && (n = (i ? s(t, e, n) : s(n)) || n);
1194
+ return i && n && Be(t, e, n), n;
1195
1195
  };
1196
- let w = class extends m {
1196
+ let x = class extends m {
1197
1197
  constructor() {
1198
1198
  super(...arguments), this.bgstyle = "background-light", this.size = "medium", this.status = "empty", this.type = "button", this.strokewidth = "1", this.icon = "wishlist", this.disabled = !1;
1199
1199
  }
1200
- updated(n) {
1201
- super.updated(n), this.style.setProperty("--icon-stroke-width", this.strokewidth);
1200
+ updated(o) {
1201
+ super.updated(o), this.style.setProperty("--icon-stroke-width", this.strokewidth);
1202
1202
  }
1203
1203
  render() {
1204
- const n = et[this.icon] ?? "", t = `icon-${this.icon}`, e = n.replace(
1204
+ const o = ot[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace(
1205
1205
  "<svg",
1206
1206
  '<svg aria-hidden="true" focusable="false" part="svg"'
1207
1207
  );
@@ -1223,7 +1223,7 @@ let w = class extends m {
1223
1223
  `;
1224
1224
  }
1225
1225
  };
1226
- w.styles = $`
1226
+ x.styles = w`
1227
1227
  :host {
1228
1228
  display: inline-flex;
1229
1229
  justify-content: center;
@@ -1425,52 +1425,52 @@ w.styles = $`
1425
1425
  `;
1426
1426
  k([
1427
1427
  a({ type: String, reflect: !0 })
1428
- ], w.prototype, "bgstyle", 2);
1428
+ ], x.prototype, "bgstyle", 2);
1429
1429
  k([
1430
1430
  a({ type: String, reflect: !0 })
1431
- ], w.prototype, "size", 2);
1431
+ ], x.prototype, "size", 2);
1432
1432
  k([
1433
1433
  a({ type: String, reflect: !0 })
1434
- ], w.prototype, "status", 2);
1434
+ ], x.prototype, "status", 2);
1435
1435
  k([
1436
1436
  a({ type: String, reflect: !0 })
1437
- ], w.prototype, "type", 2);
1437
+ ], x.prototype, "type", 2);
1438
1438
  k([
1439
1439
  a({ type: String })
1440
- ], w.prototype, "strokewidth", 2);
1440
+ ], x.prototype, "strokewidth", 2);
1441
1441
  k([
1442
1442
  a({ type: String })
1443
- ], w.prototype, "icon", 2);
1443
+ ], x.prototype, "icon", 2);
1444
1444
  k([
1445
1445
  a({ type: Boolean, reflect: !0 })
1446
- ], w.prototype, "disabled", 2);
1447
- w = k([
1448
- L("o-icon-button")
1449
- ], w);
1446
+ ], x.prototype, "disabled", 2);
1447
+ x = k([
1448
+ A("o-icon-button")
1449
+ ], x);
1450
1450
  /**
1451
1451
  * @license
1452
1452
  * Copyright 2018 Google LLC
1453
1453
  * SPDX-License-Identifier: BSD-3-Clause
1454
1454
  */
1455
- const Be = (n) => n ?? d;
1456
- var Ie = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, H = (n, t, e, i) => {
1457
- for (var o = i > 1 ? void 0 : i ? ze(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1458
- (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1459
- return i && o && Ie(t, e, o), o;
1455
+ const Oe = (o) => o ?? p;
1456
+ var ze = Object.defineProperty, He = Object.getOwnPropertyDescriptor, H = (o, t, e, i) => {
1457
+ for (var n = i > 1 ? void 0 : i ? He(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1458
+ (s = o[r]) && (n = (i ? s(t, e, n) : s(n)) || n);
1459
+ return i && n && ze(t, e, n), n;
1460
1460
  };
1461
1461
  let _ = class extends m {
1462
1462
  constructor() {
1463
1463
  super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
1464
1464
  }
1465
- _handleClick(n) {
1466
- (!this.href || this.href === "#") && n.preventDefault();
1465
+ _handleClick(o) {
1466
+ (!this.href || this.href === "#") && o.preventDefault();
1467
1467
  }
1468
1468
  render() {
1469
- const n = this.href || "#";
1469
+ const o = this.href || "#";
1470
1470
  return h`
1471
1471
  <a
1472
- href="${n}"
1473
- target="${Be(this.target || void 0)}"
1472
+ href="${o}"
1473
+ target="${Oe(this.target || void 0)}"
1474
1474
  @click="${this._handleClick}"
1475
1475
  >
1476
1476
  ${this.endIcon && this.reverseEndIcon ? h`
@@ -1496,7 +1496,7 @@ let _ = class extends m {
1496
1496
  `;
1497
1497
  }
1498
1498
  };
1499
- _.styles = $`
1499
+ _.styles = w`
1500
1500
  :host([template="standard"]) a {
1501
1501
  color: var(--color-content-action-secondary);
1502
1502
  font-size: var(--font-size-200);
@@ -1603,33 +1603,33 @@ H([
1603
1603
  a({ type: Boolean, reflect: !0 })
1604
1604
  ], _.prototype, "reverseEndIcon", 2);
1605
1605
  _ = H([
1606
- L("o-link")
1606
+ A("o-link")
1607
1607
  ], _);
1608
- var Oe = Object.defineProperty, He = Object.getOwnPropertyDescriptor, ot = (n, t, e, i) => {
1609
- for (var o = i > 1 ? void 0 : i ? He(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1610
- (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1611
- return i && o && Oe(t, e, o), o;
1608
+ var Me = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, it = (o, t, e, i) => {
1609
+ for (var n = i > 1 ? void 0 : i ? Te(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1610
+ (s = o[r]) && (n = (i ? s(t, e, n) : s(n)) || n);
1611
+ return i && n && Me(t, e, n), n;
1612
1612
  };
1613
1613
  let N = class extends m {
1614
1614
  constructor() {
1615
1615
  super(...arguments), this.rating = 0;
1616
1616
  }
1617
1617
  getStarKeys() {
1618
- const n = [];
1618
+ const o = [];
1619
1619
  for (let t = 0; t < 5; t++) {
1620
1620
  const e = this.rating - t;
1621
1621
  let i;
1622
- e >= 1 ? i = 100 : e <= 0 ? i = 0 : i = Math.round(e * 100 / 25) * 25, n.push(`star-${i}`);
1622
+ e >= 1 ? i = 100 : e <= 0 ? i = 0 : i = Math.round(e * 100 / 25) * 25, o.push(`star-${i}`);
1623
1623
  }
1624
- return n;
1624
+ return o;
1625
1625
  }
1626
1626
  render() {
1627
- const n = this.getStarKeys();
1627
+ const o = this.getStarKeys();
1628
1628
  return h`
1629
1629
  <div class="rating">
1630
1630
  <div class="stars">
1631
- ${n.map(
1632
- (t) => h`<span class="star">${W(et[t] ?? "")}</span>`
1631
+ ${o.map(
1632
+ (t) => h`<span class="star">${W(ot[t] ?? "")}</span>`
1633
1633
  )}
1634
1634
  </div>
1635
1635
  ${this.reviewCount != null && this.href != null ? h`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
@@ -1637,7 +1637,7 @@ let N = class extends m {
1637
1637
  `;
1638
1638
  }
1639
1639
  };
1640
- N.styles = $`
1640
+ N.styles = w`
1641
1641
  svg {
1642
1642
  width: 12px;
1643
1643
  height: 12px;
@@ -1671,27 +1671,27 @@ N.styles = $`
1671
1671
  cursor: pointer;
1672
1672
  }
1673
1673
  `;
1674
- ot([
1674
+ it([
1675
1675
  a({ type: Number })
1676
1676
  ], N.prototype, "rating", 2);
1677
- ot([
1677
+ it([
1678
1678
  a({ type: String })
1679
1679
  ], N.prototype, "reviewCount", 2);
1680
- ot([
1680
+ it([
1681
1681
  a({ type: String })
1682
1682
  ], N.prototype, "href", 2);
1683
- N = ot([
1684
- L("o-rating")
1683
+ N = it([
1684
+ A("o-rating")
1685
1685
  ], N);
1686
- var Me = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, b = (n, t, e, i) => {
1687
- for (var o = i > 1 ? void 0 : i ? Te(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1688
- (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1689
- return i && o && Me(t, e, o), o;
1686
+ var De = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, b = (o, t, e, i) => {
1687
+ for (var n = i > 1 ? void 0 : i ? Ue(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1688
+ (s = o[r]) && (n = (i ? s(t, e, n) : s(n)) || n);
1689
+ return i && n && De(t, e, n), n;
1690
1690
  };
1691
- let v = class extends m {
1691
+ let g = class extends m {
1692
1692
  constructor() {
1693
- super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !1, this.showHeaderStartIcon = !1, this.headerTitle = "", this.closeButtonLabel = "Close the modal", this.firstButtonLabel = "Close", this.firstButtonVariant = "primary", this.secondaryButtonLabel = "", this.secondaryButtonVariant = "secondary", this.disablePortal = !1, this.zIndex = 99, this.initialized = !1, this.previousFocusedElement = null, this.handleKeyDown = (n) => {
1694
- this.open && (n.key === "Escape" ? this.closePanel() : n.key === "Tab" && this.trapFocus(n));
1693
+ super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !1, this.showHeaderStartIcon = !1, this.headerTitle = "", this.closeButtonLabel = "Close the modal", this.firstButtonLabel = "Close", this.firstButtonVariant = "primary", this.secondaryButtonLabel = "", this.secondaryButtonVariant = "secondary", this.disablePortal = !1, this.zIndex = 99, this.initialized = !1, this.previousFocusedElement = null, this.handleKeyDown = (o) => {
1694
+ this.open && (o.key === "Escape" ? this.closePanel() : o.key === "Tab" && this.trapFocus(o));
1695
1695
  };
1696
1696
  }
1697
1697
  connectedCallback() {
@@ -1702,29 +1702,29 @@ let v = class extends m {
1702
1702
  disconnectedCallback() {
1703
1703
  document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), window.removeEventListener("keydown", this.handleKeyDown), super.disconnectedCallback();
1704
1704
  }
1705
- trapFocus(n) {
1705
+ trapFocus(o) {
1706
1706
  const t = this.getFocusableElements();
1707
1707
  if (t.length === 0) return;
1708
1708
  const e = t[0], i = t[t.length - 1];
1709
- n.shiftKey && document.activeElement === e ? (n.preventDefault(), i.focus()) : !n.shiftKey && document.activeElement === i && (n.preventDefault(), e.focus());
1709
+ o.shiftKey && document.activeElement === e ? (o.preventDefault(), i.focus()) : !o.shiftKey && document.activeElement === i && (o.preventDefault(), e.focus());
1710
1710
  }
1711
1711
  getFocusableElements() {
1712
- const n = this.renderRoot.querySelector(".panel");
1713
- return n ? Array.from(
1714
- n.querySelectorAll(
1712
+ const o = this.renderRoot.querySelector(".panel");
1713
+ return o ? Array.from(
1714
+ o.querySelectorAll(
1715
1715
  'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
1716
1716
  )
1717
1717
  ).filter((t) => !t.hasAttribute("disabled")) : [];
1718
1718
  }
1719
1719
  openPanel() {
1720
1720
  this.previousFocusedElement = document.activeElement, this.open = !0, document.body.style.overflow = "hidden", document.body.setAttribute("data-side-panel", "open"), this.updateComplete.then(() => {
1721
- const n = this.getFocusableElements()[0];
1722
- n == null || n.focus();
1721
+ const o = this.getFocusableElements()[0];
1722
+ o == null || o.focus();
1723
1723
  });
1724
1724
  }
1725
1725
  closePanel() {
1726
- var n;
1727
- this.open = !1, document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), (n = this.previousFocusedElement) == null || n.focus(), this.dispatchEvent(
1726
+ var o;
1727
+ this.open = !1, document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), (o = this.previousFocusedElement) == null || o.focus(), this.dispatchEvent(
1728
1728
  new CustomEvent("close", { bubbles: !0, composed: !0 })
1729
1729
  );
1730
1730
  }
@@ -1787,7 +1787,7 @@ let v = class extends m {
1787
1787
  `;
1788
1788
  }
1789
1789
  };
1790
- v.styles = $`
1790
+ g.styles = w`
1791
1791
  :host {
1792
1792
  --z-overlay: 99;
1793
1793
  --z-panel: 100;
@@ -1930,56 +1930,56 @@ v.styles = $`
1930
1930
  `;
1931
1931
  b([
1932
1932
  a({ type: Boolean, reflect: !0 })
1933
- ], v.prototype, "open", 2);
1933
+ ], g.prototype, "open", 2);
1934
1934
  b([
1935
1935
  a({ type: Boolean, reflect: !0 })
1936
- ], v.prototype, "showHeader", 2);
1936
+ ], g.prototype, "showHeader", 2);
1937
1937
  b([
1938
1938
  a({ type: Boolean, reflect: !0 })
1939
- ], v.prototype, "showFooter", 2);
1939
+ ], g.prototype, "showFooter", 2);
1940
1940
  b([
1941
1941
  a({ type: Boolean, reflect: !0 })
1942
- ], v.prototype, "showHeaderStartIcon", 2);
1942
+ ], g.prototype, "showHeaderStartIcon", 2);
1943
1943
  b([
1944
1944
  a({ type: String, reflect: !0 })
1945
- ], v.prototype, "headerTitle", 2);
1945
+ ], g.prototype, "headerTitle", 2);
1946
1946
  b([
1947
1947
  a({ type: String, reflect: !0 })
1948
- ], v.prototype, "closeButtonLabel", 2);
1948
+ ], g.prototype, "closeButtonLabel", 2);
1949
1949
  b([
1950
1950
  a({ type: String, reflect: !0 })
1951
- ], v.prototype, "firstButtonLabel", 2);
1951
+ ], g.prototype, "firstButtonLabel", 2);
1952
1952
  b([
1953
1953
  a({ type: String, reflect: !0 })
1954
- ], v.prototype, "firstButtonVariant", 2);
1954
+ ], g.prototype, "firstButtonVariant", 2);
1955
1955
  b([
1956
1956
  a({ type: Function })
1957
- ], v.prototype, "onFirstButtonClick", 2);
1957
+ ], g.prototype, "onFirstButtonClick", 2);
1958
1958
  b([
1959
1959
  a({ type: String, reflect: !0 })
1960
- ], v.prototype, "secondaryButtonLabel", 2);
1960
+ ], g.prototype, "secondaryButtonLabel", 2);
1961
1961
  b([
1962
1962
  a({ type: String, reflect: !0 })
1963
- ], v.prototype, "secondaryButtonVariant", 2);
1963
+ ], g.prototype, "secondaryButtonVariant", 2);
1964
1964
  b([
1965
1965
  a({ type: Function })
1966
- ], v.prototype, "onSecondaryButtonClick", 2);
1966
+ ], g.prototype, "onSecondaryButtonClick", 2);
1967
1967
  b([
1968
1968
  a({ type: Boolean, reflect: !0 })
1969
- ], v.prototype, "disablePortal", 2);
1969
+ ], g.prototype, "disablePortal", 2);
1970
1970
  b([
1971
1971
  a({ type: Number, reflect: !0 })
1972
- ], v.prototype, "zIndex", 2);
1972
+ ], g.prototype, "zIndex", 2);
1973
1973
  b([
1974
1974
  a({ type: Boolean, reflect: !0 })
1975
- ], v.prototype, "initialized", 2);
1976
- v = b([
1977
- L("o-side-panel")
1978
- ], v);
1979
- var De = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, M = (n, t, e, i) => {
1980
- for (var o = i > 1 ? void 0 : i ? Ue(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1981
- (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1982
- return i && o && De(t, e, o), o;
1975
+ ], g.prototype, "initialized", 2);
1976
+ g = b([
1977
+ A("o-side-panel")
1978
+ ], g);
1979
+ var Ne = Object.defineProperty, je = Object.getOwnPropertyDescriptor, M = (o, t, e, i) => {
1980
+ for (var n = i > 1 ? void 0 : i ? je(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1981
+ (s = o[r]) && (n = (i ? s(t, e, n) : s(n)) || n);
1982
+ return i && n && Ne(t, e, n), n;
1983
1983
  };
1984
1984
  let C = class extends m {
1985
1985
  constructor() {
@@ -1994,33 +1994,33 @@ let C = class extends m {
1994
1994
  ></o-icon-button>
1995
1995
  `;
1996
1996
  }
1997
- handleKeyDown(n) {
1998
- n.key === "ArrowRight" ? (n.preventDefault(), this.focusNext()) : n.key === "ArrowLeft" ? (n.preventDefault(), this.focusPrevious()) : (n.key === "Enter" || n.key === " ") && (n.preventDefault(), this.selectThumbnail(this.focusedIndex));
1997
+ handleKeyDown(o) {
1998
+ o.key === "ArrowRight" ? (o.preventDefault(), this.focusNext()) : o.key === "ArrowLeft" ? (o.preventDefault(), this.focusPrevious()) : (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.selectThumbnail(this.focusedIndex));
1999
1999
  }
2000
2000
  focusNext() {
2001
- let n = this.focusedIndex + 1;
2002
- for (; this.disabledIndexes.includes(n) && n < this.thumbnails.length; )
2003
- n++;
2004
- n < this.thumbnails.length && (this.focusedIndex = n, this.focusThumbnail(n));
2001
+ let o = this.focusedIndex + 1;
2002
+ for (; this.disabledIndexes.includes(o) && o < this.thumbnails.length; )
2003
+ o++;
2004
+ o < this.thumbnails.length && (this.focusedIndex = o, this.focusThumbnail(o));
2005
2005
  }
2006
2006
  focusPrevious() {
2007
- let n = this.focusedIndex - 1;
2008
- for (; this.disabledIndexes.includes(n) && n >= 0; )
2009
- n--;
2010
- n >= 0 && (this.focusedIndex = n, this.focusThumbnail(n));
2007
+ let o = this.focusedIndex - 1;
2008
+ for (; this.disabledIndexes.includes(o) && o >= 0; )
2009
+ o--;
2010
+ o >= 0 && (this.focusedIndex = o, this.focusThumbnail(o));
2011
2011
  }
2012
- focusThumbnail(n) {
2013
- const t = this.renderRoot.querySelector(`[data-index="${n}"]`);
2012
+ focusThumbnail(o) {
2013
+ const t = this.renderRoot.querySelector(`[data-index="${o}"]`);
2014
2014
  t == null || t.focus();
2015
2015
  }
2016
- selectThumbnail(n) {
2017
- this.disabledIndexes.includes(n) || (this.activeIndex = n, this.swiperInstance && typeof this.swiperInstance.slideTo == "function" && this.swiperInstance.slideTo(n), this.dispatchEvent(new CustomEvent("thumbnail-select", { detail: { index: n } })));
2016
+ selectThumbnail(o) {
2017
+ this.disabledIndexes.includes(o) || (this.activeIndex = o, this.swiperInstance && typeof this.swiperInstance.slideTo == "function" && this.swiperInstance.slideTo(o), this.dispatchEvent(new CustomEvent("thumbnail-select", { detail: { index: o } })));
2018
2018
  }
2019
2019
  render() {
2020
2020
  return h`
2021
2021
  <div class="scroll-container" style="max-width: ${this.maxWidth};">
2022
- ${this.thumbnails.map((n, t) => {
2023
- const e = this.disabledIndexes.includes(t), i = this.activeIndex === t, o = n.type === "video";
2022
+ ${this.thumbnails.map((o, t) => {
2023
+ const e = this.disabledIndexes.includes(t), i = this.activeIndex === t, n = o.type === "video";
2024
2024
  return h`
2025
2025
  <div class="thumb-wrapper">
2026
2026
  <button
@@ -2032,9 +2032,9 @@ let C = class extends m {
2032
2032
  @click=${() => this.selectThumbnail(t)}
2033
2033
  @keydown=${this.handleKeyDown}
2034
2034
  >
2035
- <img src="${n.src}" />
2035
+ <img src="${o.src}" />
2036
2036
  </button>
2037
- ${o ? h`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>` : null}
2037
+ ${n ? h`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>` : null}
2038
2038
  </div>
2039
2039
  `;
2040
2040
  })}
@@ -2042,7 +2042,7 @@ let C = class extends m {
2042
2042
  `;
2043
2043
  }
2044
2044
  };
2045
- C.styles = $`
2045
+ C.styles = w`
2046
2046
  :host {
2047
2047
  display: flex;
2048
2048
  gap: 5px;
@@ -2162,17 +2162,17 @@ M([
2162
2162
  a({ type: Object })
2163
2163
  ], C.prototype, "swiperInstance", 2);
2164
2164
  M([
2165
- te()
2165
+ oe()
2166
2166
  ], C.prototype, "focusedIndex", 2);
2167
2167
  C = M([
2168
- L("thumbnail-navigation")
2168
+ A("thumbnail-navigation")
2169
2169
  ], C);
2170
- var Ne = Object.defineProperty, je = Object.getOwnPropertyDescriptor, It = (n, t, e, i) => {
2171
- for (var o = i > 1 ? void 0 : i ? je(t, e) : t, r = n.length - 1, s; r >= 0; r--)
2172
- (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
2173
- return i && o && Ne(t, e, o), o;
2170
+ var Fe = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, zt = (o, t, e, i) => {
2171
+ for (var n = i > 1 ? void 0 : i ? Ve(t, e) : t, r = o.length - 1, s; r >= 0; r--)
2172
+ (s = o[r]) && (n = (i ? s(t, e, n) : s(n)) || n);
2173
+ return i && n && Fe(t, e, n), n;
2174
2174
  };
2175
- let Q = class extends m {
2175
+ let tt = class extends m {
2176
2176
  constructor() {
2177
2177
  super(...arguments), this.type = "";
2178
2178
  }
@@ -2182,7 +2182,7 @@ let Q = class extends m {
2182
2182
  `;
2183
2183
  }
2184
2184
  };
2185
- Q.styles = $`
2185
+ tt.styles = w`
2186
2186
  .tag {
2187
2187
  display: inline-block;
2188
2188
  padding: var(--spacing-2-xs) var(--spacing-s);
@@ -2213,6 +2213,7 @@ Q.styles = $`
2213
2213
  position: absolute;
2214
2214
  display: inline-block;
2215
2215
  top: 50%;
2216
+ background: green;
2216
2217
  left: var(--spacing-s);
2217
2218
  transform: translateY(-50%);
2218
2219
  background-color: var(--color-content-error);
@@ -2230,9 +2231,129 @@ Q.styles = $`
2230
2231
  }
2231
2232
 
2232
2233
  `;
2233
- It([
2234
+ zt([
2235
+ a({ type: String, reflect: !0 })
2236
+ ], tt.prototype, "type", 2);
2237
+ tt = zt([
2238
+ A("o-tag")
2239
+ ], tt);
2240
+ var Re = Object.defineProperty, Ze = Object.getOwnPropertyDescriptor, bt = (o, t, e, i) => {
2241
+ for (var n = i > 1 ? void 0 : i ? Ze(t, e) : t, r = o.length - 1, s; r >= 0; r--)
2242
+ (s = o[r]) && (n = (i ? s(t, e, n) : s(n)) || n);
2243
+ return i && n && Re(t, e, n), n;
2244
+ };
2245
+ let G = class extends m {
2246
+ constructor() {
2247
+ super(...arguments), this.type = "top", this.text = "";
2248
+ }
2249
+ render() {
2250
+ return h`
2251
+ <div class="tooltip">
2252
+ <span class="tooltiptext">${this.text}</span>
2253
+ <slot></slot>
2254
+ </div>
2255
+ `;
2256
+ }
2257
+ };
2258
+ G.styles = w`
2259
+ .tooltip {
2260
+ position: relative;
2261
+ display: inline-block;
2262
+ backdrop-filter: blur(4px);
2263
+ }
2264
+
2265
+ /* Tooltip text */
2266
+ .tooltip .tooltiptext {
2267
+ visibility: hidden;
2268
+ background-color: var(--color-alpha-dark-strongest);
2269
+ color: var(--color-content-body-inverse);
2270
+ font-family: var(--font-family-loccitane-sans);
2271
+ font-size: var(--font-size-100);
2272
+ font-weight: var(--font-weight-400);
2273
+ text-align: center;
2274
+ padding: 5px 6%;
2275
+ border-radius: 6px;
2276
+ min-width: 120px;
2277
+ max-width: 500px;
2278
+ position: absolute;
2279
+ z-index: 1;
2280
+ }
2281
+
2282
+ .tooltip:hover .tooltiptext {
2283
+ visibility: visible;
2284
+ }
2285
+
2286
+ :host([type="right"]) .tooltip .tooltiptext {
2287
+ top: -5px;
2288
+ left: 105%;
2289
+ }
2290
+
2291
+ :host([type="left"]) .tooltip .tooltiptext {
2292
+ top: -5px;
2293
+ right: 105%;
2294
+ }
2295
+
2296
+ :host([type="top"]) .tooltip .tooltiptext {
2297
+ width: 120px;
2298
+ bottom: 100%;
2299
+ left: 50%;
2300
+ margin-left: -60px;
2301
+ }
2302
+
2303
+ :host([type="bottom"]) .tooltip .tooltiptext {
2304
+ width: 120px;
2305
+ top: 100%;
2306
+ left: 50%;
2307
+ margin-left: -60px;
2308
+ }
2309
+
2310
+ /* Styles communs à tous les types */
2311
+ .tooltip .tooltiptext::after {
2312
+ content: " ";
2313
+ position: absolute;
2314
+ border-width: 5px;
2315
+ border-style: solid;
2316
+ }
2317
+
2318
+ /* Flèche en haut (tooltip en bas) */
2319
+ :host([type="top"]) .tooltip .tooltiptext::after {
2320
+ top: 100%;
2321
+ left: 50%;
2322
+ margin-left: -5px;
2323
+ border-color: var(--color-alpha-dark-strongest) transparent transparent transparent;
2324
+ }
2325
+
2326
+ /* Flèche en bas (tooltip en haut) */
2327
+ :host([type="bottom"]) .tooltip .tooltiptext::after {
2328
+ bottom: 100%;
2329
+ left: 50%;
2330
+ margin-left: -5px;
2331
+ border-color: transparent transparent var(--color-alpha-dark-strongest) transparent;
2332
+ }
2333
+
2334
+ /* Flèche à gauche (tooltip à droite) */
2335
+ :host([type="left"]) .tooltip .tooltiptext::after {
2336
+ top: 50%;
2337
+ left: 100%;
2338
+ margin-top: -5px;
2339
+ border-color: transparent transparent transparent var(--color-alpha-dark-strongest);
2340
+ }
2341
+
2342
+ /* Flèche à droite (tooltip à gauche) */
2343
+ :host([type="right"]) .tooltip .tooltiptext::after {
2344
+ top: 50%;
2345
+ right: 100%;
2346
+ margin-top: -5px;
2347
+ border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
2348
+ }
2349
+
2350
+ `;
2351
+ bt([
2352
+ a({ type: String, reflect: !0 })
2353
+ ], G.prototype, "type", 2);
2354
+ bt([
2234
2355
  a({ type: String, reflect: !0 })
2235
- ], Q.prototype, "type", 2);
2236
- Q = It([
2237
- L("o-tag")
2238
- ], Q);
2356
+ ], G.prototype, "text", 2);
2357
+ G = bt([
2358
+ A("o-tooltip")
2359
+ ], G);