@florid-kit/components 0.3.27 → 0.3.32

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 (4) hide show
  1. package/components/side-panel.d.ts +1 -0
  2. package/index.js +37 -40
  3. package/index.mjs +319 -319
  4. package/package.json +2 -2
package/index.mjs CHANGED
@@ -22,58 +22,58 @@ let At = class {
22
22
  return this.cssText;
23
23
  }
24
24
  };
25
- const Pt = (o) => new At(typeof o == "string" ? o : o + "", void 0, lt), E = (o, ...t) => {
26
- const e = o.length === 1 ? o[0] : t.reduce((s, n, r) => s + ((i) => {
27
- if (i._$cssResult$ === !0) return i.cssText;
28
- if (typeof i == "number") return i;
29
- throw Error("Value passed to 'css' function must be a 'css' function result: " + i + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
30
- })(n) + o[r + 1], o[0]);
31
- return new At(e, o, lt);
32
- }, kt = (o, t) => {
33
- if (at) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
25
+ const Pt = (n) => new At(typeof n == "string" ? n : n + "", void 0, lt), E = (n, ...t) => {
26
+ const e = n.length === 1 ? n[0] : t.reduce((s, o, i) => s + ((r) => {
27
+ if (r._$cssResult$ === !0) return r.cssText;
28
+ if (typeof r == "number") return r;
29
+ throw Error("Value passed to 'css' function must be a 'css' function result: " + r + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
30
+ })(o) + n[i + 1], n[0]);
31
+ return new At(e, n, lt);
32
+ }, kt = (n, t) => {
33
+ if (at) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
34
34
  else for (const e of t) {
35
- const s = document.createElement("style"), n = W.litNonce;
36
- n !== void 0 && s.setAttribute("nonce", n), s.textContent = e.cssText, o.appendChild(s);
35
+ const s = document.createElement("style"), o = W.litNonce;
36
+ o !== void 0 && s.setAttribute("nonce", o), s.textContent = e.cssText, n.appendChild(s);
37
37
  }
38
- }, ft = at ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
38
+ }, ft = at ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
39
39
  let e = "";
40
40
  for (const s of t.cssRules) e += s.cssText;
41
41
  return Pt(e);
42
- })(o) : o;
42
+ })(n) : n;
43
43
  /**
44
44
  * @license
45
45
  * Copyright 2017 Google LLC
46
46
  * SPDX-License-Identifier: BSD-3-Clause
47
47
  */
48
- const { is: Bt, defineProperty: Ot, getOwnPropertyDescriptor: Ht, getOwnPropertyNames: Mt, getOwnPropertySymbols: It, getPrototypeOf: Tt } = Object, S = globalThis, gt = S.trustedTypes, zt = gt ? gt.emptyScript : "", tt = S.reactiveElementPolyfillSupport, N = (o, t) => o, K = { toAttribute(o, t) {
48
+ const { is: Bt, defineProperty: Ot, getOwnPropertyDescriptor: Ht, getOwnPropertyNames: Mt, getOwnPropertySymbols: It, getPrototypeOf: Tt } = Object, S = globalThis, gt = S.trustedTypes, zt = gt ? gt.emptyScript : "", tt = S.reactiveElementPolyfillSupport, N = (n, t) => n, K = { toAttribute(n, t) {
49
49
  switch (t) {
50
50
  case Boolean:
51
- o = o ? zt : null;
51
+ n = n ? zt : null;
52
52
  break;
53
53
  case Object:
54
54
  case Array:
55
- o = o == null ? o : JSON.stringify(o);
55
+ n = n == null ? n : JSON.stringify(n);
56
56
  }
57
- return o;
58
- }, fromAttribute(o, t) {
59
- let e = o;
57
+ return n;
58
+ }, fromAttribute(n, t) {
59
+ let e = n;
60
60
  switch (t) {
61
61
  case Boolean:
62
- e = o !== null;
62
+ e = n !== null;
63
63
  break;
64
64
  case Number:
65
- e = o === null ? null : Number(o);
65
+ e = n === null ? null : Number(n);
66
66
  break;
67
67
  case Object:
68
68
  case Array:
69
69
  try {
70
- e = JSON.parse(o);
70
+ e = JSON.parse(n);
71
71
  } catch {
72
72
  e = null;
73
73
  }
74
74
  }
75
75
  return e;
76
- } }, ct = (o, t) => !Bt(o, t), vt = { attribute: !0, type: String, converter: K, reflect: !1, useDefault: !1, hasChanged: ct };
76
+ } }, ct = (n, t) => !Bt(n, t), vt = { attribute: !0, type: String, converter: K, reflect: !1, useDefault: !1, hasChanged: ct };
77
77
  Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), S.litPropertyMetadata ?? (S.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
78
78
  let M = class extends HTMLElement {
79
79
  static addInitializer(t) {
@@ -84,19 +84,19 @@ let M = 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 s = Symbol(), n = this.getPropertyDescriptor(t, s, e);
88
- n !== void 0 && Ot(this.prototype, t, n);
87
+ const s = Symbol(), o = this.getPropertyDescriptor(t, s, e);
88
+ o !== void 0 && Ot(this.prototype, t, o);
89
89
  }
90
90
  }
91
91
  static getPropertyDescriptor(t, e, s) {
92
- const { get: n, set: r } = Ht(this.prototype, t) ?? { get() {
92
+ const { get: o, set: i } = Ht(this.prototype, t) ?? { get() {
93
93
  return this[e];
94
- }, set(i) {
95
- this[e] = i;
94
+ }, set(r) {
95
+ this[e] = r;
96
96
  } };
97
- return { get: n, set(i) {
98
- const c = n == null ? void 0 : n.call(this);
99
- r == null || r.call(this, i), this.requestUpdate(t, c, s);
97
+ return { get: o, set(r) {
98
+ const c = o == null ? void 0 : o.call(this);
99
+ i == null || i.call(this, r), this.requestUpdate(t, c, s);
100
100
  }, configurable: !0, enumerable: !0 };
101
101
  }
102
102
  static getPropertyOptions(t) {
@@ -111,17 +111,17 @@ let M = class extends HTMLElement {
111
111
  if (this.hasOwnProperty(N("finalized"))) return;
112
112
  if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(N("properties"))) {
113
113
  const e = this.properties, s = [...Mt(e), ...It(e)];
114
- for (const n of s) this.createProperty(n, e[n]);
114
+ for (const o of s) this.createProperty(o, e[o]);
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 [s, n] of e) this.elementProperties.set(s, n);
119
+ if (e !== void 0) for (const [s, o] of e) this.elementProperties.set(s, o);
120
120
  }
121
121
  this._$Eh = /* @__PURE__ */ new Map();
122
122
  for (const [e, s] of this.elementProperties) {
123
- const n = this._$Eu(e, s);
124
- n !== void 0 && this._$Eh.set(n, e);
123
+ const o = this._$Eu(e, s);
124
+ o !== void 0 && this._$Eh.set(o, e);
125
125
  }
126
126
  this.elementStyles = this.finalizeStyles(this.styles);
127
127
  }
@@ -129,7 +129,7 @@ let M = class extends HTMLElement {
129
129
  const e = [];
130
130
  if (Array.isArray(t)) {
131
131
  const s = new Set(t.flat(1 / 0).reverse());
132
- for (const n of s) e.unshift(ft(n));
132
+ for (const o of s) e.unshift(ft(o));
133
133
  } else t !== void 0 && e.push(ft(t));
134
134
  return e;
135
135
  }
@@ -181,32 +181,32 @@ let M = class extends HTMLElement {
181
181
  this._$AK(t, s);
182
182
  }
183
183
  _$ET(t, e) {
184
- var r;
185
- const s = this.constructor.elementProperties.get(t), n = this.constructor._$Eu(t, s);
186
- if (n !== void 0 && s.reflect === !0) {
187
- const i = (((r = s.converter) == null ? void 0 : r.toAttribute) !== void 0 ? s.converter : K).toAttribute(e, s.type);
188
- this._$Em = t, i == null ? this.removeAttribute(n) : this.setAttribute(n, i), this._$Em = null;
184
+ var i;
185
+ const s = this.constructor.elementProperties.get(t), o = this.constructor._$Eu(t, s);
186
+ if (o !== void 0 && s.reflect === !0) {
187
+ const r = (((i = s.converter) == null ? void 0 : i.toAttribute) !== void 0 ? s.converter : K).toAttribute(e, s.type);
188
+ this._$Em = t, r == null ? this.removeAttribute(o) : this.setAttribute(o, r), this._$Em = null;
189
189
  }
190
190
  }
191
191
  _$AK(t, e) {
192
- var r, i;
193
- const s = this.constructor, n = s._$Eh.get(t);
194
- if (n !== void 0 && this._$Em !== n) {
195
- const c = s.getPropertyOptions(n), a = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((r = c.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? c.converter : K;
196
- this._$Em = n, this[n] = a.fromAttribute(e, c.type) ?? ((i = this._$Ej) == null ? void 0 : i.get(n)) ?? null, this._$Em = null;
192
+ var i, r;
193
+ const s = this.constructor, o = s._$Eh.get(t);
194
+ if (o !== void 0 && this._$Em !== o) {
195
+ const c = s.getPropertyOptions(o), l = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((i = c.converter) == null ? void 0 : i.fromAttribute) !== void 0 ? c.converter : K;
196
+ this._$Em = o, this[o] = l.fromAttribute(e, c.type) ?? ((r = this._$Ej) == null ? void 0 : r.get(o)) ?? null, this._$Em = null;
197
197
  }
198
198
  }
199
199
  requestUpdate(t, e, s) {
200
- var n;
200
+ var o;
201
201
  if (t !== void 0) {
202
- const r = this.constructor, i = this[t];
203
- if (s ?? (s = r.getPropertyOptions(t)), !((s.hasChanged ?? ct)(i, e) || s.useDefault && s.reflect && i === ((n = this._$Ej) == null ? void 0 : n.get(t)) && !this.hasAttribute(r._$Eu(t, s)))) return;
202
+ const i = this.constructor, r = this[t];
203
+ if (s ?? (s = i.getPropertyOptions(t)), !((s.hasChanged ?? ct)(r, e) || s.useDefault && s.reflect && r === ((o = this._$Ej) == null ? void 0 : o.get(t)) && !this.hasAttribute(i._$Eu(t, s)))) return;
204
204
  this.C(t, e, s);
205
205
  }
206
206
  this.isUpdatePending === !1 && (this._$ES = this._$EP());
207
207
  }
208
- C(t, e, { useDefault: s, reflect: n, wrapped: r }, i) {
209
- s && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, i ?? e ?? this[t]), r !== !0 || i !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), n === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
208
+ C(t, e, { useDefault: s, reflect: o, wrapped: i }, r) {
209
+ s && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, r ?? e ?? this[t]), i !== !0 || r !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), o === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
210
210
  }
211
211
  async _$EP() {
212
212
  this.isUpdatePending = !0;
@@ -226,24 +226,24 @@ let M = class extends HTMLElement {
226
226
  if (!this.isUpdatePending) return;
227
227
  if (!this.hasUpdated) {
228
228
  if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
229
- for (const [r, i] of this._$Ep) this[r] = i;
229
+ for (const [i, r] of this._$Ep) this[i] = r;
230
230
  this._$Ep = void 0;
231
231
  }
232
- const n = this.constructor.elementProperties;
233
- if (n.size > 0) for (const [r, i] of n) {
234
- const { wrapped: c } = i, a = this[r];
235
- c !== !0 || this._$AL.has(r) || a === void 0 || this.C(r, void 0, i, a);
232
+ const o = this.constructor.elementProperties;
233
+ if (o.size > 0) for (const [i, r] of o) {
234
+ const { wrapped: c } = r, l = this[i];
235
+ c !== !0 || this._$AL.has(i) || l === void 0 || this.C(i, void 0, r, l);
236
236
  }
237
237
  }
238
238
  let t = !1;
239
239
  const e = this._$AL;
240
240
  try {
241
- t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((n) => {
242
- var r;
243
- return (r = n.hostUpdate) == null ? void 0 : r.call(n);
241
+ t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((o) => {
242
+ var i;
243
+ return (i = o.hostUpdate) == null ? void 0 : i.call(o);
244
244
  }), this.update(e)) : this._$EM();
245
- } catch (n) {
246
- throw t = !1, this._$EM(), n;
245
+ } catch (o) {
246
+ throw t = !1, this._$EM(), o;
247
247
  }
248
248
  t && this._$AE(e);
249
249
  }
@@ -252,8 +252,8 @@ let M = class extends HTMLElement {
252
252
  _$AE(t) {
253
253
  var e;
254
254
  (e = this._$EO) == null || e.forEach((s) => {
255
- var n;
256
- return (n = s.hostUpdated) == null ? void 0 : n.call(s);
255
+ var o;
256
+ return (o = s.hostUpdated) == null ? void 0 : o.call(s);
257
257
  }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
258
258
  }
259
259
  _$EM() {
@@ -282,55 +282,55 @@ M.elementStyles = [], M.shadowRootOptions = { mode: "open" }, M[N("elementProper
282
282
  * Copyright 2017 Google LLC
283
283
  * SPDX-License-Identifier: BSD-3-Clause
284
284
  */
285
- const j = globalThis, G = j.trustedTypes, bt = G ? G.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, St = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, Et = "?" + A, Ut = `<${Et}>`, B = document, R = () => B.createComment(""), F = (o) => o === null || typeof o != "object" && typeof o != "function", ht = Array.isArray, Dt = (o) => ht(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", et = `[
286
- \f\r]`, D = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, yt = /-->/g, $t = />/g, L = RegExp(`>|${et}(?:([^\\s"'>=/]+)(${et}*=${et}*(?:[^
287
- \f\r"'\`<>=]|("|')|))|$)`, "g"), mt = /'/g, wt = /"/g, Ct = /^(?:script|style|textarea|title)$/i, Nt = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), d = Nt(1), O = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), _t = /* @__PURE__ */ new WeakMap(), P = B.createTreeWalker(B, 129);
288
- function Lt(o, t) {
289
- if (!ht(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
285
+ const j = globalThis, G = j.trustedTypes, bt = G ? G.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, St = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, Et = "?" + A, Ut = `<${Et}>`, B = document, R = () => B.createComment(""), F = (n) => n === null || typeof n != "object" && typeof n != "function", ht = Array.isArray, Dt = (n) => ht(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", et = `[
286
+ \f\r]`, D = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, yt = /-->/g, mt = />/g, L = RegExp(`>|${et}(?:([^\\s"'>=/]+)(${et}*=${et}*(?:[^
287
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), $t = /'/g, wt = /"/g, Ct = /^(?:script|style|textarea|title)$/i, Nt = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), d = Nt(1), O = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), _t = /* @__PURE__ */ new WeakMap(), P = B.createTreeWalker(B, 129);
288
+ function Lt(n, t) {
289
+ if (!ht(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
290
290
  return bt !== void 0 ? bt.createHTML(t) : t;
291
291
  }
292
- const jt = (o, t) => {
293
- const e = o.length - 1, s = [];
294
- let n, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = D;
292
+ const jt = (n, t) => {
293
+ const e = n.length - 1, s = [];
294
+ let o, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = D;
295
295
  for (let c = 0; c < e; c++) {
296
- const a = o[c];
296
+ const l = n[c];
297
297
  let f, g, p = -1, w = 0;
298
- for (; w < a.length && (i.lastIndex = w, g = i.exec(a), g !== null); ) w = i.lastIndex, i === D ? g[1] === "!--" ? i = yt : g[1] !== void 0 ? i = $t : g[2] !== void 0 ? (Ct.test(g[2]) && (n = RegExp("</" + g[2], "g")), i = L) : g[3] !== void 0 && (i = L) : i === L ? g[0] === ">" ? (i = n ?? D, p = -1) : g[1] === void 0 ? p = -2 : (p = i.lastIndex - g[2].length, f = g[1], i = g[3] === void 0 ? L : g[3] === '"' ? wt : mt) : i === wt || i === mt ? i = L : i === yt || i === $t ? i = D : (i = L, n = void 0);
299
- const x = i === L && o[c + 1].startsWith("/>") ? " " : "";
300
- r += i === D ? a + Ut : p >= 0 ? (s.push(f), a.slice(0, p) + St + a.slice(p) + A + x) : a + A + (p === -2 ? c : x);
298
+ for (; w < l.length && (r.lastIndex = w, g = r.exec(l), g !== null); ) w = r.lastIndex, r === D ? g[1] === "!--" ? r = yt : g[1] !== void 0 ? r = mt : g[2] !== void 0 ? (Ct.test(g[2]) && (o = RegExp("</" + g[2], "g")), r = L) : g[3] !== void 0 && (r = L) : r === L ? g[0] === ">" ? (r = o ?? D, p = -1) : g[1] === void 0 ? p = -2 : (p = r.lastIndex - g[2].length, f = g[1], r = g[3] === void 0 ? L : g[3] === '"' ? wt : $t) : r === wt || r === $t ? r = L : r === yt || r === mt ? r = D : (r = L, o = void 0);
299
+ const x = r === L && n[c + 1].startsWith("/>") ? " " : "";
300
+ i += r === D ? l + Ut : p >= 0 ? (s.push(f), l.slice(0, p) + St + l.slice(p) + A + x) : l + A + (p === -2 ? c : x);
301
301
  }
302
- return [Lt(o, r + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
302
+ return [Lt(n, i + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
303
303
  };
304
304
  class V {
305
305
  constructor({ strings: t, _$litType$: e }, s) {
306
- let n;
306
+ let o;
307
307
  this.parts = [];
308
- let r = 0, i = 0;
309
- const c = t.length - 1, a = this.parts, [f, g] = jt(t, e);
308
+ let i = 0, r = 0;
309
+ const c = t.length - 1, l = this.parts, [f, g] = jt(t, e);
310
310
  if (this.el = V.createElement(f, s), P.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 (; (n = P.nextNode()) !== null && a.length < c; ) {
315
- if (n.nodeType === 1) {
316
- if (n.hasAttributes()) for (const p of n.getAttributeNames()) if (p.endsWith(St)) {
317
- const w = g[i++], x = n.getAttribute(p).split(A), q = /([.?@])?(.*)/.exec(w);
318
- a.push({ type: 1, index: r, name: q[2], strings: x, ctor: q[1] === "." ? Ft : q[1] === "?" ? Vt : q[1] === "@" ? Zt : J }), n.removeAttribute(p);
319
- } else p.startsWith(A) && (a.push({ type: 6, index: r }), n.removeAttribute(p));
320
- if (Ct.test(n.tagName)) {
321
- const p = n.textContent.split(A), w = p.length - 1;
314
+ for (; (o = P.nextNode()) !== null && l.length < c; ) {
315
+ if (o.nodeType === 1) {
316
+ if (o.hasAttributes()) for (const p of o.getAttributeNames()) if (p.endsWith(St)) {
317
+ const w = g[r++], x = o.getAttribute(p).split(A), q = /([.?@])?(.*)/.exec(w);
318
+ l.push({ type: 1, index: i, name: q[2], strings: x, ctor: q[1] === "." ? Ft : q[1] === "?" ? Vt : q[1] === "@" ? Zt : J }), o.removeAttribute(p);
319
+ } else p.startsWith(A) && (l.push({ type: 6, index: i }), o.removeAttribute(p));
320
+ if (Ct.test(o.tagName)) {
321
+ const p = o.textContent.split(A), w = p.length - 1;
322
322
  if (w > 0) {
323
- n.textContent = G ? G.emptyScript : "";
324
- for (let x = 0; x < w; x++) n.append(p[x], R()), P.nextNode(), a.push({ type: 2, index: ++r });
325
- n.append(p[w], R());
323
+ o.textContent = G ? G.emptyScript : "";
324
+ for (let x = 0; x < w; x++) o.append(p[x], R()), P.nextNode(), l.push({ type: 2, index: ++i });
325
+ o.append(p[w], R());
326
326
  }
327
327
  }
328
- } else if (n.nodeType === 8) if (n.data === Et) a.push({ type: 2, index: r });
328
+ } else if (o.nodeType === 8) if (o.data === Et) l.push({ type: 2, index: i });
329
329
  else {
330
330
  let p = -1;
331
- for (; (p = n.data.indexOf(A, p + 1)) !== -1; ) a.push({ type: 7, index: r }), p += A.length - 1;
331
+ for (; (p = o.data.indexOf(A, p + 1)) !== -1; ) l.push({ type: 7, index: i }), p += A.length - 1;
332
332
  }
333
- r++;
333
+ i++;
334
334
  }
335
335
  }
336
336
  static createElement(t, e) {
@@ -338,12 +338,12 @@ class V {
338
338
  return s.innerHTML = t, s;
339
339
  }
340
340
  }
341
- function I(o, t, e = o, s) {
342
- var i, c;
341
+ function I(n, t, e = n, s) {
342
+ var r, c;
343
343
  if (t === O) return t;
344
- let n = s !== void 0 ? (i = e._$Co) == null ? void 0 : i[s] : e._$Cl;
345
- const r = F(t) ? void 0 : t._$litDirective$;
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, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = n : e._$Cl = n), n !== void 0 && (t = I(o, n._$AS(o, t.values), n, s)), t;
344
+ let o = s !== void 0 ? (r = e._$Co) == null ? void 0 : r[s] : e._$Cl;
345
+ const i = F(t) ? void 0 : t._$litDirective$;
346
+ return (o == null ? void 0 : o.constructor) !== i && ((c = o == null ? void 0 : o._$AO) == null || c.call(o, !1), i === void 0 ? o = void 0 : (o = new i(n), o._$AT(n, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = o : e._$Cl = o), o !== void 0 && (t = I(n, o._$AS(n, t.values), o, s)), t;
347
347
  }
348
348
  class Rt {
349
349
  constructor(t, e) {
@@ -356,17 +356,17 @@ class Rt {
356
356
  return this._$AM._$AU;
357
357
  }
358
358
  u(t) {
359
- const { el: { content: e }, parts: s } = this._$AD, n = ((t == null ? void 0 : t.creationScope) ?? B).importNode(e, !0);
360
- P.currentNode = n;
361
- let r = P.nextNode(), i = 0, c = 0, a = s[0];
362
- for (; a !== void 0; ) {
363
- if (i === a.index) {
359
+ const { el: { content: e }, parts: s } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? B).importNode(e, !0);
360
+ P.currentNode = o;
361
+ let i = P.nextNode(), r = 0, c = 0, l = s[0];
362
+ for (; l !== void 0; ) {
363
+ if (r === l.index) {
364
364
  let f;
365
- a.type === 2 ? f = new Z(r, r.nextSibling, this, t) : a.type === 1 ? f = new a.ctor(r, a.name, a.strings, this, t) : a.type === 6 && (f = new qt(r, this, t)), this._$AV.push(f), a = s[++c];
365
+ l.type === 2 ? f = new Z(i, i.nextSibling, this, t) : l.type === 1 ? f = new l.ctor(i, l.name, l.strings, this, t) : l.type === 6 && (f = new qt(i, this, t)), this._$AV.push(f), l = s[++c];
366
366
  }
367
- i !== (a == null ? void 0 : a.index) && (r = P.nextNode(), i++);
367
+ r !== (l == null ? void 0 : l.index) && (i = P.nextNode(), r++);
368
368
  }
369
- return P.currentNode = B, n;
369
+ return P.currentNode = B, o;
370
370
  }
371
371
  p(t) {
372
372
  let e = 0;
@@ -378,8 +378,8 @@ class Z {
378
378
  var t;
379
379
  return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
380
380
  }
381
- constructor(t, e, s, n) {
382
- this.type = 2, this._$AH = h, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = n, this._$Cv = (n == null ? void 0 : n.isConnected) ?? !0;
381
+ constructor(t, e, s, o) {
382
+ this.type = 2, this._$AH = h, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
383
383
  }
384
384
  get parentNode() {
385
385
  let t = this._$AA.parentNode;
@@ -405,12 +405,12 @@ class Z {
405
405
  this._$AH !== h && F(this._$AH) ? this._$AA.nextSibling.data = t : this.T(B.createTextNode(t)), this._$AH = t;
406
406
  }
407
407
  $(t) {
408
- var r;
409
- const { values: e, _$litType$: s } = t, n = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = V.createElement(Lt(s.h, s.h[0]), this.options)), s);
410
- if (((r = this._$AH) == null ? void 0 : r._$AD) === n) this._$AH.p(e);
408
+ var i;
409
+ const { values: e, _$litType$: s } = t, o = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = V.createElement(Lt(s.h, s.h[0]), this.options)), s);
410
+ if (((i = this._$AH) == null ? void 0 : i._$AD) === o) this._$AH.p(e);
411
411
  else {
412
- const i = new Rt(n, this), c = i.u(this.options);
413
- i.p(e), this.T(c), this._$AH = i;
412
+ const r = new Rt(o, this), c = r.u(this.options);
413
+ r.p(e), this.T(c), this._$AH = r;
414
414
  }
415
415
  }
416
416
  _$AC(t) {
@@ -420,15 +420,15 @@ class Z {
420
420
  k(t) {
421
421
  ht(this._$AH) || (this._$AH = [], this._$AR());
422
422
  const e = this._$AH;
423
- let s, n = 0;
424
- for (const r of t) n === e.length ? e.push(s = new Z(this.O(R()), this.O(R()), this, this.options)) : s = e[n], s._$AI(r), n++;
425
- n < e.length && (this._$AR(s && s._$AB.nextSibling, n), e.length = n);
423
+ let s, o = 0;
424
+ for (const i of t) o === e.length ? e.push(s = new Z(this.O(R()), this.O(R()), this, this.options)) : s = e[o], s._$AI(i), o++;
425
+ o < e.length && (this._$AR(s && s._$AB.nextSibling, o), e.length = o);
426
426
  }
427
427
  _$AR(t = this._$AA.nextSibling, e) {
428
428
  var s;
429
429
  for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, e); t && t !== this._$AB; ) {
430
- const n = t.nextSibling;
431
- t.remove(), t = n;
430
+ const o = t.nextSibling;
431
+ t.remove(), t = o;
432
432
  }
433
433
  }
434
434
  setConnected(t) {
@@ -443,19 +443,19 @@ class J {
443
443
  get _$AU() {
444
444
  return this._$AM._$AU;
445
445
  }
446
- constructor(t, e, s, n, r) {
447
- this.type = 1, this._$AH = h, this._$AN = void 0, this.element = t, this.name = e, this._$AM = n, this.options = r, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = h;
446
+ constructor(t, e, s, o, i) {
447
+ this.type = 1, this._$AH = h, this._$AN = void 0, this.element = t, this.name = e, this._$AM = o, this.options = i, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = h;
448
448
  }
449
- _$AI(t, e = this, s, n) {
450
- const r = this.strings;
451
- let i = !1;
452
- if (r === void 0) t = I(this, t, e, 0), i = !F(t) || t !== this._$AH && t !== O, i && (this._$AH = t);
449
+ _$AI(t, e = this, s, o) {
450
+ const i = this.strings;
451
+ let r = !1;
452
+ if (i === void 0) t = I(this, t, e, 0), r = !F(t) || t !== this._$AH && t !== O, r && (this._$AH = t);
453
453
  else {
454
454
  const c = t;
455
- let a, f;
456
- for (t = r[0], a = 0; a < r.length - 1; a++) f = I(this, c[s + a], e, a), f === O && (f = this._$AH[a]), i || (i = !F(f) || f !== this._$AH[a]), f === h ? t = h : t !== h && (t += (f ?? "") + r[a + 1]), this._$AH[a] = f;
455
+ let l, f;
456
+ for (t = i[0], l = 0; l < i.length - 1; l++) f = I(this, c[s + l], e, l), f === O && (f = this._$AH[l]), r || (r = !F(f) || f !== this._$AH[l]), f === h ? t = h : t !== h && (t += (f ?? "") + i[l + 1]), this._$AH[l] = f;
457
457
  }
458
- i && !n && this.j(t);
458
+ r && !o && this.j(t);
459
459
  }
460
460
  j(t) {
461
461
  t === h ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
@@ -478,13 +478,13 @@ class Vt extends J {
478
478
  }
479
479
  }
480
480
  class Zt extends J {
481
- constructor(t, e, s, n, r) {
482
- super(t, e, s, n, r), this.type = 5;
481
+ constructor(t, e, s, o, i) {
482
+ super(t, e, s, o, i), this.type = 5;
483
483
  }
484
484
  _$AI(t, e = this) {
485
485
  if ((t = I(this, t, e, 0) ?? h) === O) return;
486
- const s = this._$AH, n = t === h && s !== h || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, r = t !== h && (s === h || n);
487
- n && this.element.removeEventListener(this.name, this, s), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
486
+ const s = this._$AH, o = t === h && s !== h || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, i = t !== h && (s === h || o);
487
+ o && this.element.removeEventListener(this.name, this, s), i && this.element.addEventListener(this.name, this, t), this._$AH = t;
488
488
  }
489
489
  handleEvent(t) {
490
490
  var e;
@@ -504,14 +504,14 @@ class qt {
504
504
  }
505
505
  const st = j.litHtmlPolyfillSupport;
506
506
  st == null || st(V, Z), (j.litHtmlVersions ?? (j.litHtmlVersions = [])).push("3.3.0");
507
- const Wt = (o, t, e) => {
507
+ const Wt = (n, t, e) => {
508
508
  const s = (e == null ? void 0 : e.renderBefore) ?? t;
509
- let n = s._$litPart$;
510
- if (n === void 0) {
511
- const r = (e == null ? void 0 : e.renderBefore) ?? null;
512
- s._$litPart$ = n = new Z(t.insertBefore(R(), r), r, void 0, e ?? {});
509
+ let o = s._$litPart$;
510
+ if (o === void 0) {
511
+ const i = (e == null ? void 0 : e.renderBefore) ?? null;
512
+ s._$litPart$ = o = new Z(t.insertBefore(R(), i), i, void 0, e ?? {});
513
513
  }
514
- return n._$AI(o), n;
514
+ return o._$AI(n), o;
515
515
  };
516
516
  /**
517
517
  * @license
@@ -519,7 +519,7 @@ const Wt = (o, t, e) => {
519
519
  * SPDX-License-Identifier: BSD-3-Clause
520
520
  */
521
521
  const k = globalThis;
522
- let $ = class extends M {
522
+ let m = class extends M {
523
523
  constructor() {
524
524
  super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
525
525
  }
@@ -545,51 +545,51 @@ let $ = class extends M {
545
545
  }
546
546
  };
547
547
  var xt;
548
- $._$litElement$ = !0, $.finalized = !0, (xt = k.litElementHydrateSupport) == null || xt.call(k, { LitElement: $ });
549
- const nt = k.litElementPolyfillSupport;
550
- nt == null || nt({ LitElement: $ });
548
+ m._$litElement$ = !0, m.finalized = !0, (xt = k.litElementHydrateSupport) == null || xt.call(k, { LitElement: m });
549
+ const ot = k.litElementPolyfillSupport;
550
+ ot == null || ot({ LitElement: m });
551
551
  (k.litElementVersions ?? (k.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 U = (o) => (t, e) => {
557
+ const U = (n) => (t, e) => {
558
558
  e !== void 0 ? e.addInitializer(() => {
559
- customElements.define(o, t);
560
- }) : customElements.define(o, t);
559
+ customElements.define(n, t);
560
+ }) : customElements.define(n, 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 Kt = { attribute: !0, type: String, converter: K, reflect: !1, hasChanged: ct }, Gt = (o = Kt, t, e) => {
568
- const { kind: s, metadata: n } = e;
569
- let r = globalThis.litPropertyMetadata.get(n);
570
- if (r === void 0 && globalThis.litPropertyMetadata.set(n, r = /* @__PURE__ */ new Map()), s === "setter" && ((o = Object.create(o)).wrapped = !0), r.set(e.name, o), s === "accessor") {
571
- const { name: i } = e;
567
+ const Kt = { attribute: !0, type: String, converter: K, reflect: !1, hasChanged: ct }, Gt = (n = Kt, t, e) => {
568
+ const { kind: s, metadata: o } = e;
569
+ let i = globalThis.litPropertyMetadata.get(o);
570
+ if (i === void 0 && globalThis.litPropertyMetadata.set(o, i = /* @__PURE__ */ new Map()), s === "setter" && ((n = Object.create(n)).wrapped = !0), i.set(e.name, n), s === "accessor") {
571
+ const { name: r } = e;
572
572
  return { set(c) {
573
- const a = t.get.call(this);
574
- t.set.call(this, c), this.requestUpdate(i, a, o);
573
+ const l = t.get.call(this);
574
+ t.set.call(this, c), this.requestUpdate(r, l, n);
575
575
  }, init(c) {
576
- return c !== void 0 && this.C(i, void 0, o, c), c;
576
+ return c !== void 0 && this.C(r, void 0, n, c), c;
577
577
  } };
578
578
  }
579
579
  if (s === "setter") {
580
- const { name: i } = e;
580
+ const { name: r } = e;
581
581
  return function(c) {
582
- const a = this[i];
583
- t.call(this, c), this.requestUpdate(i, a, o);
582
+ const l = this[r];
583
+ t.call(this, c), this.requestUpdate(r, l, n);
584
584
  };
585
585
  }
586
586
  throw Error("Unsupported decorator location: " + s);
587
587
  };
588
- function l(o) {
589
- return (t, e) => typeof e == "object" ? Gt(o, t, e) : ((s, n, r) => {
590
- const i = n.hasOwnProperty(r);
591
- return n.constructor.createProperty(r, s), i ? Object.getOwnPropertyDescriptor(n, r) : void 0;
592
- })(o, t, e);
588
+ function a(n) {
589
+ return (t, e) => typeof e == "object" ? Gt(n, t, e) : ((s, o, i) => {
590
+ const r = o.hasOwnProperty(i);
591
+ return o.constructor.createProperty(i, s), r ? Object.getOwnPropertyDescriptor(o, i) : void 0;
592
+ })(n, t, e);
593
593
  }
594
594
  const Xt = E`
595
595
  outline: 1px dashed var(--button-border-color);
@@ -606,12 +606,12 @@ E`
606
606
  * Copyright 2023 Google LLC
607
607
  * SPDX-License-Identifier: Apache-2.0
608
608
  */
609
- const dt = Symbol("internals"), ot = Symbol("privateInternals");
610
- function Jt(o) {
609
+ const dt = Symbol("internals"), nt = Symbol("privateInternals");
610
+ function Jt(n) {
611
611
  var t;
612
- class e extends o {
612
+ class e extends n {
613
613
  get [(t = dt, t)]() {
614
- return this[ot] || (this[ot] = this.attachInternals()), this[ot];
614
+ return this[nt] || (this[nt] = this.attachInternals()), this[nt];
615
615
  }
616
616
  }
617
617
  return e;
@@ -621,19 +621,19 @@ function Jt(o) {
621
621
  * Copyright 2023 Google LLC
622
622
  * SPDX-License-Identifier: Apache-2.0
623
623
  */
624
- function Qt(o) {
625
- o.addInitializer((t) => {
624
+ function Qt(n) {
625
+ n.addInitializer((t) => {
626
626
  const e = t;
627
627
  e.addEventListener("click", async (s) => {
628
- const { type: n, [dt]: r } = e, { form: i } = r;
629
- if (!(!i || n === "button") && (await new Promise((c) => {
628
+ const { type: o, [dt]: i } = e, { form: r } = i;
629
+ if (!(!r || o === "button") && (await new Promise((c) => {
630
630
  setTimeout(c);
631
631
  }), !s.defaultPrevented)) {
632
- if (n === "reset") {
633
- i.reset();
632
+ if (o === "reset") {
633
+ r.reset();
634
634
  return;
635
635
  }
636
- i.addEventListener(
636
+ r.addEventListener(
637
637
  "submit",
638
638
  (c) => {
639
639
  Object.defineProperty(c, "submitter", {
@@ -643,7 +643,7 @@ function Qt(o) {
643
643
  });
644
644
  },
645
645
  { capture: !0, once: !0 }
646
- ), r.setFormValue(e.value), i.requestSubmit();
646
+ ), i.setFormValue(e.value), r.requestSubmit();
647
647
  }
648
648
  });
649
649
  });
@@ -653,7 +653,7 @@ function Qt(o) {
653
653
  * Copyright 2017 Google LLC
654
654
  * SPDX-License-Identifier: BSD-3-Clause
655
655
  */
656
- const Yt = { CHILD: 2 }, te = (o) => (...t) => ({ _$litDirective$: o, values: t });
656
+ const Yt = { CHILD: 2 }, te = (n) => (...t) => ({ _$litDirective$: n, values: t });
657
657
  class ee {
658
658
  constructor(t) {
659
659
  }
@@ -675,7 +675,7 @@ class ee {
675
675
  * Copyright 2017 Google LLC
676
676
  * SPDX-License-Identifier: BSD-3-Clause
677
677
  */
678
- class it extends ee {
678
+ class rt extends ee {
679
679
  constructor(t) {
680
680
  if (super(t), this.it = h, t.type !== Yt.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
681
681
  }
@@ -689,28 +689,28 @@ class it extends ee {
689
689
  return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
690
690
  }
691
691
  }
692
- it.directiveName = "unsafeHTML", it.resultType = 1;
692
+ rt.directiveName = "unsafeHTML", rt.resultType = 1;
693
693
  /**
694
694
  * @license
695
695
  * Copyright 2017 Google LLC
696
696
  * SPDX-License-Identifier: BSD-3-Clause
697
697
  */
698
- class rt extends it {
698
+ class it extends rt {
699
699
  }
700
- rt.directiveName = "unsafeSVG", rt.resultType = 2;
701
- const X = te(rt), se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
700
+ it.directiveName = "unsafeSVG", it.resultType = 2;
701
+ const X = te(it), se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
702
702
  <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"/>
703
703
  </svg>
704
- `, ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
704
+ `, oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
705
705
  <path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
706
706
  </svg>
707
- `, oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
707
+ `, ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
708
708
  <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"/>
709
709
  </svg>
710
- `, ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
710
+ `, re = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
711
711
  <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"/>
712
712
  </svg>
713
- `, re = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
713
+ `, ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
714
714
  <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"/>
715
715
  </svg>
716
716
  `, ae = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -753,12 +753,12 @@ const X = te(rt), se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="no
753
753
  </svg>
754
754
  `, pt = {
755
755
  wishlist: se,
756
- playerv: ne,
757
- chevronRight: oe,
758
- chevronLeft: ie,
756
+ playerv: oe,
757
+ chevronRight: ne,
758
+ chevronLeft: re,
759
759
  icoPlus: ue,
760
760
  icoMinus: fe,
761
- "star-0": re,
761
+ "star-0": ie,
762
762
  "star-25": ae,
763
763
  "star-50": le,
764
764
  "star-75": ce,
@@ -766,20 +766,20 @@ const X = te(rt), se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="no
766
766
  cross: de,
767
767
  search: pe
768
768
  };
769
- var ge = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, C = (o, t, e, s) => {
770
- for (var n = s > 1 ? void 0 : s ? ve(t, e) : t, r = o.length - 1, i; r >= 0; r--)
771
- (i = o[r]) && (n = (s ? i(t, e, n) : i(n)) || n);
772
- return s && n && ge(t, e, n), n;
769
+ var ge = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, C = (n, t, e, s) => {
770
+ for (var o = s > 1 ? void 0 : s ? ve(t, e) : t, i = n.length - 1, r; i >= 0; i--)
771
+ (r = n[i]) && (o = (s ? r(t, e, o) : r(o)) || o);
772
+ return s && o && ge(t, e, o), o;
773
773
  };
774
- let m = class extends $ {
774
+ let $ = class extends m {
775
775
  constructor() {
776
776
  super(...arguments), this.bgstyle = "background-light", this.size = "medium", this.status = "empty", this.type = "button", this.strokewidth = "1", this.icon = "wishlist", this.disabled = !1;
777
777
  }
778
- updated(o) {
779
- super.updated(o), this.style.setProperty("--icon-stroke-width", this.strokewidth);
778
+ updated(n) {
779
+ super.updated(n), this.style.setProperty("--icon-stroke-width", this.strokewidth);
780
780
  }
781
781
  render() {
782
- const o = pt[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace(
782
+ const n = pt[this.icon] ?? "", t = `icon-${this.icon}`, e = n.replace(
783
783
  "<svg",
784
784
  '<svg aria-hidden="true" focusable="false" part="svg"'
785
785
  );
@@ -801,7 +801,7 @@ let m = class extends $ {
801
801
  `;
802
802
  }
803
803
  };
804
- m.styles = E`
804
+ $.styles = E`
805
805
  :host {
806
806
  display: inline-flex;
807
807
  justify-content: center;
@@ -960,60 +960,60 @@ m.styles = E`
960
960
  }
961
961
  `;
962
962
  C([
963
- l({ type: String, reflect: !0 })
964
- ], m.prototype, "bgstyle", 2);
963
+ a({ type: String, reflect: !0 })
964
+ ], $.prototype, "bgstyle", 2);
965
965
  C([
966
- l({ type: String, reflect: !0 })
967
- ], m.prototype, "size", 2);
966
+ a({ type: String, reflect: !0 })
967
+ ], $.prototype, "size", 2);
968
968
  C([
969
- l({ type: String, reflect: !0 })
970
- ], m.prototype, "status", 2);
969
+ a({ type: String, reflect: !0 })
970
+ ], $.prototype, "status", 2);
971
971
  C([
972
- l({ type: String, reflect: !0 })
973
- ], m.prototype, "type", 2);
972
+ a({ type: String, reflect: !0 })
973
+ ], $.prototype, "type", 2);
974
974
  C([
975
- l({ type: String })
976
- ], m.prototype, "strokewidth", 2);
975
+ a({ type: String })
976
+ ], $.prototype, "strokewidth", 2);
977
977
  C([
978
- l({ type: String })
979
- ], m.prototype, "icon", 2);
978
+ a({ type: String })
979
+ ], $.prototype, "icon", 2);
980
980
  C([
981
- l({ type: Boolean, reflect: !0 })
982
- ], m.prototype, "disabled", 2);
983
- m = C([
981
+ a({ type: Boolean, reflect: !0 })
982
+ ], $.prototype, "disabled", 2);
983
+ $ = C([
984
984
  U("o-icon-button")
985
- ], m);
986
- var be = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, v = (o, t, e, s) => {
987
- for (var n = s > 1 ? void 0 : s ? ye(t, e) : t, r = o.length - 1, i; r >= 0; r--)
988
- (i = o[r]) && (n = (s ? i(t, e, n) : i(n)) || n);
989
- return s && n && be(t, e, n), n;
985
+ ], $);
986
+ var be = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, v = (n, t, e, s) => {
987
+ for (var o = s > 1 ? void 0 : s ? ye(t, e) : t, i = n.length - 1, r; i >= 0; i--)
988
+ (r = n[i]) && (o = (s ? r(t, e, o) : r(o)) || o);
989
+ return s && o && be(t, e, o), o;
990
990
  };
991
- const $e = Jt($);
992
- let u = class extends $e {
991
+ const me = Jt(m);
992
+ let u = class extends me {
993
993
  constructor() {
994
994
  super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.text = "", this.textsecond = "", this.fullwidth = !1, this.disabled = !1, this.iconstrokewidth = "1", this.icon = "", this.startIcon = !1, this.endIcon = !1, this.iconSize = "small", this.panelTarget = "", this.href = "", this.target = "";
995
995
  }
996
996
  get name() {
997
997
  return this.getAttribute("name") ?? "";
998
998
  }
999
- set name(o) {
1000
- this.setAttribute("name", o);
999
+ set name(n) {
1000
+ this.setAttribute("name", n);
1001
1001
  }
1002
1002
  get form() {
1003
1003
  return this[dt].form;
1004
1004
  }
1005
1005
  handleClick() {
1006
1006
  if (this.panelTarget) {
1007
- const o = document.getElementById(this.panelTarget);
1008
- 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.`);
1007
+ const n = document.getElementById(this.panelTarget);
1008
+ 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.`);
1009
1009
  }
1010
1010
  }
1011
1011
  render() {
1012
1012
  return this.href ? this.renderLink() : this.renderButton();
1013
1013
  }
1014
- renderIcon(o) {
1014
+ renderIcon(n) {
1015
1015
  return this.icon ? d`<o-icon-button
1016
- class=${o === "start" ? "icon-start" : "icon-end"}
1016
+ class=${n === "start" ? "icon-start" : "icon-end"}
1017
1017
  icon=${this.icon}
1018
1018
  bgstyle="${this.variant === "primary" ? "none-light" : "none-contrast"}"
1019
1019
  size="${this.iconSize}"
@@ -1024,11 +1024,11 @@ let u = class extends $e {
1024
1024
  ></o-icon-button>` : h;
1025
1025
  }
1026
1026
  renderButton() {
1027
- const o = this.text || this.textsecond;
1027
+ const n = this.text || this.textsecond;
1028
1028
  return d`
1029
1029
  <button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
1030
1030
  ${this.startIcon ? this.renderIcon("start") : h}
1031
- ${o ? d`
1031
+ ${n ? d`
1032
1032
  ${this.text ? d`<span>${this.text}</span>` : h}
1033
1033
  ${this.textsecond ? d`<span>${this.textsecond}</span>` : h}
1034
1034
  ` : d`<slot></slot>`}
@@ -1037,7 +1037,7 @@ let u = class extends $e {
1037
1037
  `;
1038
1038
  }
1039
1039
  renderLink() {
1040
- const o = this.text || this.textsecond;
1040
+ const n = this.text || this.textsecond;
1041
1041
  return d`
1042
1042
  <a
1043
1043
  href=${this.href}
@@ -1046,7 +1046,7 @@ let u = class extends $e {
1046
1046
  ?disabled=${this.disabled}
1047
1047
  >
1048
1048
  ${this.startIcon ? this.renderIcon("start") : h}
1049
- ${o ? d`
1049
+ ${n ? d`
1050
1050
  ${this.text ? d`<span>${this.text}</span>` : h}
1051
1051
  ${this.textsecond ? d`<span>${this.textsecond}</span>` : h}
1052
1052
  ` : d`<slot></slot>`}
@@ -1075,6 +1075,7 @@ u.styles = E`
1075
1075
  --button-text: var(--color-content-action-primary);
1076
1076
  --button-text-hover: var(--color-content-action-primary);
1077
1077
  --button-border: transparent;
1078
+ --button-border-width: var(--border-m);
1078
1079
  }
1079
1080
 
1080
1081
  :host([variant="secondary"]) {
@@ -1084,6 +1085,7 @@ u.styles = E`
1084
1085
  --button-text: var(--color-content-action-secondary);
1085
1086
  --button-text-hover: var(--color-content-action-secondary);
1086
1087
  --button-border: var(--color-border-secondary);
1088
+ --button-border-width: var(--border-m);
1087
1089
  }
1088
1090
 
1089
1091
  :host([variant="ghost"]) {
@@ -1188,59 +1190,59 @@ u.styles = E`
1188
1190
  }
1189
1191
  `;
1190
1192
  v([
1191
- l()
1193
+ a()
1192
1194
  ], u.prototype, "type", 2);
1193
1195
  v([
1194
- l({ reflect: !0 })
1196
+ a({ reflect: !0 })
1195
1197
  ], u.prototype, "value", 2);
1196
1198
  v([
1197
- l({ type: String, reflect: !0 })
1199
+ a({ type: String, reflect: !0 })
1198
1200
  ], u.prototype, "variant", 2);
1199
1201
  v([
1200
- l({ type: String })
1202
+ a({ type: String })
1201
1203
  ], u.prototype, "text", 2);
1202
1204
  v([
1203
- l({ type: String })
1205
+ a({ type: String })
1204
1206
  ], u.prototype, "textsecond", 2);
1205
1207
  v([
1206
- l({ type: Boolean, reflect: !0 })
1208
+ a({ type: Boolean, reflect: !0 })
1207
1209
  ], u.prototype, "fullwidth", 2);
1208
1210
  v([
1209
- l({ type: Boolean, reflect: !0 })
1211
+ a({ type: Boolean, reflect: !0 })
1210
1212
  ], u.prototype, "disabled", 2);
1211
1213
  v([
1212
- l({ type: String, attribute: "iconstrokewidth" })
1214
+ a({ type: String, attribute: "iconstrokewidth" })
1213
1215
  ], u.prototype, "iconstrokewidth", 2);
1214
1216
  v([
1215
- l({ type: String })
1217
+ a({ type: String })
1216
1218
  ], u.prototype, "icon", 2);
1217
1219
  v([
1218
- l({ type: Boolean, reflect: !0, attribute: "starticon" })
1220
+ a({ type: Boolean, reflect: !0, attribute: "starticon" })
1219
1221
  ], u.prototype, "startIcon", 2);
1220
1222
  v([
1221
- l({ type: Boolean, reflect: !0, attribute: "endicon" })
1223
+ a({ type: Boolean, reflect: !0, attribute: "endicon" })
1222
1224
  ], u.prototype, "endIcon", 2);
1223
1225
  v([
1224
- l({ type: String, reflect: !0, attribute: "iconsize" })
1226
+ a({ type: String, reflect: !0, attribute: "iconsize" })
1225
1227
  ], u.prototype, "iconSize", 2);
1226
1228
  v([
1227
- l({ type: String, attribute: "paneltarget", reflect: !0 })
1229
+ a({ type: String, attribute: "paneltarget", reflect: !0 })
1228
1230
  ], u.prototype, "panelTarget", 2);
1229
1231
  v([
1230
- l({ type: String })
1232
+ a({ type: String })
1231
1233
  ], u.prototype, "href", 2);
1232
1234
  v([
1233
- l({ type: String })
1235
+ a({ type: String })
1234
1236
  ], u.prototype, "target", 2);
1235
1237
  u = v([
1236
1238
  U("o-button")
1237
1239
  ], u);
1238
- var me = Object.defineProperty, we = Object.getOwnPropertyDescriptor, Q = (o, t, e, s) => {
1239
- for (var n = s > 1 ? void 0 : s ? we(t, e) : t, r = o.length - 1, i; r >= 0; r--)
1240
- (i = o[r]) && (n = (s ? i(t, e, n) : i(n)) || n);
1241
- return s && n && me(t, e, n), n;
1240
+ var $e = Object.defineProperty, we = Object.getOwnPropertyDescriptor, Q = (n, t, e, s) => {
1241
+ for (var o = s > 1 ? void 0 : s ? we(t, e) : t, i = n.length - 1, r; i >= 0; i--)
1242
+ (r = n[i]) && (o = (s ? r(t, e, o) : r(o)) || o);
1243
+ return s && o && $e(t, e, o), o;
1242
1244
  };
1243
- let T = class extends $ {
1245
+ let T = class extends m {
1244
1246
  constructor() {
1245
1247
  super(...arguments), this.status = "empty", this.ariaDescribedBy = "a-product-name", this.label = "Add to wishlist", this.toggleStatus = () => {
1246
1248
  this.status = this.status === "empty" ? "filled" : "empty", this.setAttribute("aria-pressed", String(this.status === "filled")), this.dispatchEvent(new CustomEvent("wishlist-toggle", {
@@ -1256,34 +1258,29 @@ let T = class extends $ {
1256
1258
  firstUpdated() {
1257
1259
  this.addEventListener("click", this.toggleStatus), this.addEventListener("keydown", this.handleKeydown);
1258
1260
  }
1259
- handleKeydown(o) {
1260
- (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.toggleStatus());
1261
+ handleKeydown(n) {
1262
+ (n.key === "Enter" || n.key === " ") && (n.preventDefault(), this.toggleStatus());
1261
1263
  }
1262
1264
  render() {
1263
- const o = pt.wishlist.replace(
1265
+ const n = pt.wishlist.replace(
1264
1266
  "<svg",
1265
1267
  '<svg aria-hidden="true" focusable="false" part="svg"'
1266
1268
  );
1267
1269
  return d`
1268
- <button
1269
- type="button"
1270
- aria-describedby="${this.ariaDescribedBy}"
1271
- class="wishlist-button"
1272
- tabindex="-1"
1273
- >
1270
+ <button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
1274
1271
  <span class="sr-only">${this.label}</span>
1275
- ${X(o)}
1272
+ ${X(n)}
1276
1273
  </button>
1277
1274
  `;
1278
1275
  }
1279
- setStatus(o) {
1280
- this.status = o, this.setAttribute("aria-pressed", String(this.status === "filled")), this.requestUpdate();
1276
+ setStatus(n) {
1277
+ this.status = n, this.setAttribute("aria-pressed", String(this.status === "filled")), this.requestUpdate();
1281
1278
  }
1282
- setAriaDescribedBy(o) {
1283
- this.ariaDescribedBy = o, this.requestUpdate();
1279
+ setAriaDescribedBy(n) {
1280
+ this.ariaDescribedBy = n, this.requestUpdate();
1284
1281
  }
1285
- setLabel(o) {
1286
- this.label = o, this.requestUpdate();
1282
+ setLabel(n) {
1283
+ this.label = n, this.requestUpdate();
1287
1284
  }
1288
1285
  };
1289
1286
  T.styles = E`
@@ -1347,23 +1344,23 @@ T.styles = E`
1347
1344
  }
1348
1345
  `;
1349
1346
  Q([
1350
- l({ type: String, reflect: !0 })
1347
+ a({ type: String, reflect: !0 })
1351
1348
  ], T.prototype, "status", 2);
1352
1349
  Q([
1353
- l({ type: String, reflect: !0 })
1350
+ a({ type: String, reflect: !0 })
1354
1351
  ], T.prototype, "ariaDescribedBy", 2);
1355
1352
  Q([
1356
- l({ type: String, reflect: !0 })
1353
+ a({ type: String, reflect: !0 })
1357
1354
  ], T.prototype, "label", 2);
1358
1355
  T = Q([
1359
1356
  U("o-wishlist-button")
1360
1357
  ], T);
1361
- var _e = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, H = (o, t, e, s) => {
1362
- for (var n = s > 1 ? void 0 : s ? xe(t, e) : t, r = o.length - 1, i; r >= 0; r--)
1363
- (i = o[r]) && (n = (s ? i(t, e, n) : i(n)) || n);
1364
- return s && n && _e(t, e, n), n;
1358
+ var _e = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, H = (n, t, e, s) => {
1359
+ for (var o = s > 1 ? void 0 : s ? xe(t, e) : t, i = n.length - 1, r; i >= 0; i--)
1360
+ (r = n[i]) && (o = (s ? r(t, e, o) : r(o)) || o);
1361
+ return s && o && _e(t, e, o), o;
1365
1362
  };
1366
- let _ = class extends $ {
1363
+ let _ = class extends m {
1367
1364
  constructor() {
1368
1365
  super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
1369
1366
  }
@@ -1482,50 +1479,50 @@ _.styles = E`
1482
1479
  /* End of underline effect */
1483
1480
  `;
1484
1481
  H([
1485
- l({ type: String })
1482
+ a({ type: String })
1486
1483
  ], _.prototype, "href", 2);
1487
1484
  H([
1488
- l({ type: String })
1485
+ a({ type: String })
1489
1486
  ], _.prototype, "target", 2);
1490
1487
  H([
1491
- l({ type: String, reflect: !0 })
1488
+ a({ type: String, reflect: !0 })
1492
1489
  ], _.prototype, "template", 2);
1493
1490
  H([
1494
- l({ type: Boolean, reflect: !0 })
1491
+ a({ type: Boolean, reflect: !0 })
1495
1492
  ], _.prototype, "inverse", 2);
1496
1493
  H([
1497
- l({ type: Boolean, reflect: !0 })
1494
+ a({ type: Boolean, reflect: !0 })
1498
1495
  ], _.prototype, "endIcon", 2);
1499
1496
  H([
1500
- l({ type: Boolean, reflect: !0 })
1497
+ a({ type: Boolean, reflect: !0 })
1501
1498
  ], _.prototype, "reverseEndIcon", 2);
1502
1499
  _ = H([
1503
1500
  U("o-link")
1504
1501
  ], _);
1505
- var Ae = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, Y = (o, t, e, s) => {
1506
- for (var n = s > 1 ? void 0 : s ? Se(t, e) : t, r = o.length - 1, i; r >= 0; r--)
1507
- (i = o[r]) && (n = (s ? i(t, e, n) : i(n)) || n);
1508
- return s && n && Ae(t, e, n), n;
1502
+ var Ae = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, Y = (n, t, e, s) => {
1503
+ for (var o = s > 1 ? void 0 : s ? Se(t, e) : t, i = n.length - 1, r; i >= 0; i--)
1504
+ (r = n[i]) && (o = (s ? r(t, e, o) : r(o)) || o);
1505
+ return s && o && Ae(t, e, o), o;
1509
1506
  };
1510
- let z = class extends $ {
1507
+ let z = class extends m {
1511
1508
  constructor() {
1512
1509
  super(...arguments), this.rating = 0;
1513
1510
  }
1514
1511
  getStarKeys() {
1515
- const o = [];
1512
+ const n = [];
1516
1513
  for (let t = 0; t < 5; t++) {
1517
1514
  const e = this.rating - t;
1518
1515
  let s;
1519
- e >= 1 ? s = 100 : e <= 0 ? s = 0 : s = Math.round(e * 100 / 25) * 25, o.push(`star-${s}`);
1516
+ e >= 1 ? s = 100 : e <= 0 ? s = 0 : s = Math.round(e * 100 / 25) * 25, n.push(`star-${s}`);
1520
1517
  }
1521
- return o;
1518
+ return n;
1522
1519
  }
1523
1520
  render() {
1524
- const o = this.getStarKeys();
1521
+ const n = this.getStarKeys();
1525
1522
  return d`
1526
1523
  <div class="rating">
1527
1524
  <div class="stars">
1528
- ${o.map(
1525
+ ${n.map(
1529
1526
  (t) => d`<span class="star">${X(pt[t] ?? "")}</span>`
1530
1527
  )}
1531
1528
  </div>
@@ -1569,57 +1566,57 @@ z.styles = E`
1569
1566
  }
1570
1567
  `;
1571
1568
  Y([
1572
- l({ type: Number })
1569
+ a({ type: Number })
1573
1570
  ], z.prototype, "rating", 2);
1574
1571
  Y([
1575
- l({ type: String })
1572
+ a({ type: String })
1576
1573
  ], z.prototype, "reviewCount", 2);
1577
1574
  Y([
1578
- l({ type: String })
1575
+ a({ type: String })
1579
1576
  ], z.prototype, "href", 2);
1580
1577
  z = Y([
1581
1578
  U("o-rating")
1582
1579
  ], z);
1583
- var Ee = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, y = (o, t, e, s) => {
1584
- for (var n = s > 1 ? void 0 : s ? Ce(t, e) : t, r = o.length - 1, i; r >= 0; r--)
1585
- (i = o[r]) && (n = (s ? i(t, e, n) : i(n)) || n);
1586
- return s && n && Ee(t, e, n), n;
1580
+ var Ee = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, y = (n, t, e, s) => {
1581
+ for (var o = s > 1 ? void 0 : s ? Ce(t, e) : t, i = n.length - 1, r; i >= 0; i--)
1582
+ (r = n[i]) && (o = (s ? r(t, e, o) : r(o)) || o);
1583
+ return s && o && Ee(t, e, o), o;
1587
1584
  };
1588
- let b = class extends $ {
1585
+ let b = class extends m {
1589
1586
  constructor() {
1590
- super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !1, this.headerTitle = "", this.closeButtonLabel = "Close the modal", this.firstButtonLabel = "Close", this.firstButtonVariant = "primary", this.secondaryButtonLabel = "", this.secondaryButtonVariant = "secondary", this.previousFocusedElement = null, this.handleKeyDown = (o) => {
1591
- this.open && (o.key === "Escape" ? this.closePanel() : o.key === "Tab" && this.trapFocus(o));
1587
+ super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !1, this.headerTitle = "", this.closeButtonLabel = "Close the modal", this.firstButtonLabel = "Close", this.firstButtonVariant = "primary", this.secondaryButtonLabel = "", this.secondaryButtonVariant = "secondary", this.disablePortal = !1, this.previousFocusedElement = null, this.handleKeyDown = (n) => {
1588
+ this.open && (n.key === "Escape" ? this.closePanel() : n.key === "Tab" && this.trapFocus(n));
1592
1589
  };
1593
1590
  }
1594
1591
  connectedCallback() {
1595
- super.connectedCallback(), window.addEventListener("keydown", this.handleKeyDown);
1592
+ super.connectedCallback(), !this.disablePortal && this.parentElement !== document.body && document.body.appendChild(this), window.addEventListener("keydown", this.handleKeyDown);
1596
1593
  }
1597
1594
  disconnectedCallback() {
1598
1595
  document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), window.removeEventListener("keydown", this.handleKeyDown), super.disconnectedCallback();
1599
1596
  }
1600
- trapFocus(o) {
1597
+ trapFocus(n) {
1601
1598
  const t = this.getFocusableElements();
1602
1599
  if (t.length === 0) return;
1603
1600
  const e = t[0], s = t[t.length - 1];
1604
- o.shiftKey && document.activeElement === e ? (o.preventDefault(), s.focus()) : !o.shiftKey && document.activeElement === s && (o.preventDefault(), e.focus());
1601
+ n.shiftKey && document.activeElement === e ? (n.preventDefault(), s.focus()) : !n.shiftKey && document.activeElement === s && (n.preventDefault(), e.focus());
1605
1602
  }
1606
1603
  getFocusableElements() {
1607
- const o = this.renderRoot.querySelector(".panel");
1608
- return o ? Array.from(
1609
- o.querySelectorAll(
1604
+ const n = this.renderRoot.querySelector(".panel");
1605
+ return n ? Array.from(
1606
+ n.querySelectorAll(
1610
1607
  'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
1611
1608
  )
1612
1609
  ).filter((t) => !t.hasAttribute("disabled")) : [];
1613
1610
  }
1614
1611
  openPanel() {
1615
1612
  this.previousFocusedElement = document.activeElement, this.open = !0, document.body.style.overflow = "hidden", document.body.setAttribute("data-side-panel", "open"), this.updateComplete.then(() => {
1616
- const o = this.getFocusableElements()[0];
1617
- o == null || o.focus();
1613
+ const n = this.getFocusableElements()[0];
1614
+ n == null || n.focus();
1618
1615
  });
1619
1616
  }
1620
1617
  closePanel() {
1621
- var o;
1622
- this.open = !1, document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), (o = this.previousFocusedElement) == null || o.focus(), this.dispatchEvent(
1618
+ var n;
1619
+ this.open = !1, document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), (n = this.previousFocusedElement) == null || n.focus(), this.dispatchEvent(
1623
1620
  new CustomEvent("close", { bubbles: !0, composed: !0 })
1624
1621
  );
1625
1622
  }
@@ -1682,7 +1679,7 @@ b.styles = E`
1682
1679
  right: 0;
1683
1680
  height: 100%;
1684
1681
  width: 100%;
1685
- z-index: 1000;
1682
+ z-index: 2147483647;
1686
1683
  pointer-events: none;
1687
1684
  }
1688
1685
 
@@ -1775,38 +1772,41 @@ b.styles = E`
1775
1772
  }
1776
1773
  `;
1777
1774
  y([
1778
- l({ type: Boolean, reflect: !0 })
1775
+ a({ type: Boolean, reflect: !0 })
1779
1776
  ], b.prototype, "open", 2);
1780
1777
  y([
1781
- l({ type: Boolean, reflect: !0 })
1778
+ a({ type: Boolean, reflect: !0 })
1782
1779
  ], b.prototype, "showHeader", 2);
1783
1780
  y([
1784
- l({ type: Boolean, reflect: !0 })
1781
+ a({ type: Boolean, reflect: !0 })
1785
1782
  ], b.prototype, "showFooter", 2);
1786
1783
  y([
1787
- l({ type: String, reflect: !0 })
1784
+ a({ type: String, reflect: !0 })
1788
1785
  ], b.prototype, "headerTitle", 2);
1789
1786
  y([
1790
- l({ type: String, reflect: !0 })
1787
+ a({ type: String, reflect: !0 })
1791
1788
  ], b.prototype, "closeButtonLabel", 2);
1792
1789
  y([
1793
- l({ type: String, reflect: !0 })
1790
+ a({ type: String, reflect: !0 })
1794
1791
  ], b.prototype, "firstButtonLabel", 2);
1795
1792
  y([
1796
- l({ type: String, reflect: !0 })
1793
+ a({ type: String, reflect: !0 })
1797
1794
  ], b.prototype, "firstButtonVariant", 2);
1798
1795
  y([
1799
- l({ type: Function })
1796
+ a({ type: Function })
1800
1797
  ], b.prototype, "onFirstButtonClick", 2);
1801
1798
  y([
1802
- l({ type: String, reflect: !0 })
1799
+ a({ type: String, reflect: !0 })
1803
1800
  ], b.prototype, "secondaryButtonLabel", 2);
1804
1801
  y([
1805
- l({ type: String, reflect: !0 })
1802
+ a({ type: String, reflect: !0 })
1806
1803
  ], b.prototype, "secondaryButtonVariant", 2);
1807
1804
  y([
1808
- l({ type: Function })
1805
+ a({ type: Function })
1809
1806
  ], b.prototype, "onSecondaryButtonClick", 2);
1807
+ y([
1808
+ a({ type: Boolean, reflect: !0 })
1809
+ ], b.prototype, "disablePortal", 2);
1810
1810
  b = y([
1811
1811
  U("o-side-panel")
1812
1812
  ], b);