@florid-kit/components 0.3.30 → 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 +36 -34
  3. package/index.mjs +318 -313
  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,29 +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
1270
  <button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
1269
1271
  <span class="sr-only">${this.label}</span>
1270
- ${X(o)}
1272
+ ${X(n)}
1271
1273
  </button>
1272
1274
  `;
1273
1275
  }
1274
- setStatus(o) {
1275
- 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();
1276
1278
  }
1277
- setAriaDescribedBy(o) {
1278
- this.ariaDescribedBy = o, this.requestUpdate();
1279
+ setAriaDescribedBy(n) {
1280
+ this.ariaDescribedBy = n, this.requestUpdate();
1279
1281
  }
1280
- setLabel(o) {
1281
- this.label = o, this.requestUpdate();
1282
+ setLabel(n) {
1283
+ this.label = n, this.requestUpdate();
1282
1284
  }
1283
1285
  };
1284
1286
  T.styles = E`
@@ -1342,23 +1344,23 @@ T.styles = E`
1342
1344
  }
1343
1345
  `;
1344
1346
  Q([
1345
- l({ type: String, reflect: !0 })
1347
+ a({ type: String, reflect: !0 })
1346
1348
  ], T.prototype, "status", 2);
1347
1349
  Q([
1348
- l({ type: String, reflect: !0 })
1350
+ a({ type: String, reflect: !0 })
1349
1351
  ], T.prototype, "ariaDescribedBy", 2);
1350
1352
  Q([
1351
- l({ type: String, reflect: !0 })
1353
+ a({ type: String, reflect: !0 })
1352
1354
  ], T.prototype, "label", 2);
1353
1355
  T = Q([
1354
1356
  U("o-wishlist-button")
1355
1357
  ], T);
1356
- var _e = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, H = (o, t, e, s) => {
1357
- for (var n = s > 1 ? void 0 : s ? xe(t, e) : t, r = o.length - 1, i; r >= 0; r--)
1358
- (i = o[r]) && (n = (s ? i(t, e, n) : i(n)) || n);
1359
- 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;
1360
1362
  };
1361
- let _ = class extends $ {
1363
+ let _ = class extends m {
1362
1364
  constructor() {
1363
1365
  super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
1364
1366
  }
@@ -1477,50 +1479,50 @@ _.styles = E`
1477
1479
  /* End of underline effect */
1478
1480
  `;
1479
1481
  H([
1480
- l({ type: String })
1482
+ a({ type: String })
1481
1483
  ], _.prototype, "href", 2);
1482
1484
  H([
1483
- l({ type: String })
1485
+ a({ type: String })
1484
1486
  ], _.prototype, "target", 2);
1485
1487
  H([
1486
- l({ type: String, reflect: !0 })
1488
+ a({ type: String, reflect: !0 })
1487
1489
  ], _.prototype, "template", 2);
1488
1490
  H([
1489
- l({ type: Boolean, reflect: !0 })
1491
+ a({ type: Boolean, reflect: !0 })
1490
1492
  ], _.prototype, "inverse", 2);
1491
1493
  H([
1492
- l({ type: Boolean, reflect: !0 })
1494
+ a({ type: Boolean, reflect: !0 })
1493
1495
  ], _.prototype, "endIcon", 2);
1494
1496
  H([
1495
- l({ type: Boolean, reflect: !0 })
1497
+ a({ type: Boolean, reflect: !0 })
1496
1498
  ], _.prototype, "reverseEndIcon", 2);
1497
1499
  _ = H([
1498
1500
  U("o-link")
1499
1501
  ], _);
1500
- var Ae = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, Y = (o, t, e, s) => {
1501
- for (var n = s > 1 ? void 0 : s ? Se(t, e) : t, r = o.length - 1, i; r >= 0; r--)
1502
- (i = o[r]) && (n = (s ? i(t, e, n) : i(n)) || n);
1503
- 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;
1504
1506
  };
1505
- let z = class extends $ {
1507
+ let z = class extends m {
1506
1508
  constructor() {
1507
1509
  super(...arguments), this.rating = 0;
1508
1510
  }
1509
1511
  getStarKeys() {
1510
- const o = [];
1512
+ const n = [];
1511
1513
  for (let t = 0; t < 5; t++) {
1512
1514
  const e = this.rating - t;
1513
1515
  let s;
1514
- 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}`);
1515
1517
  }
1516
- return o;
1518
+ return n;
1517
1519
  }
1518
1520
  render() {
1519
- const o = this.getStarKeys();
1521
+ const n = this.getStarKeys();
1520
1522
  return d`
1521
1523
  <div class="rating">
1522
1524
  <div class="stars">
1523
- ${o.map(
1525
+ ${n.map(
1524
1526
  (t) => d`<span class="star">${X(pt[t] ?? "")}</span>`
1525
1527
  )}
1526
1528
  </div>
@@ -1564,57 +1566,57 @@ z.styles = E`
1564
1566
  }
1565
1567
  `;
1566
1568
  Y([
1567
- l({ type: Number })
1569
+ a({ type: Number })
1568
1570
  ], z.prototype, "rating", 2);
1569
1571
  Y([
1570
- l({ type: String })
1572
+ a({ type: String })
1571
1573
  ], z.prototype, "reviewCount", 2);
1572
1574
  Y([
1573
- l({ type: String })
1575
+ a({ type: String })
1574
1576
  ], z.prototype, "href", 2);
1575
1577
  z = Y([
1576
1578
  U("o-rating")
1577
1579
  ], z);
1578
- var Ee = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, y = (o, t, e, s) => {
1579
- for (var n = s > 1 ? void 0 : s ? Ce(t, e) : t, r = o.length - 1, i; r >= 0; r--)
1580
- (i = o[r]) && (n = (s ? i(t, e, n) : i(n)) || n);
1581
- 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;
1582
1584
  };
1583
- let b = class extends $ {
1585
+ let b = class extends m {
1584
1586
  constructor() {
1585
- 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) => {
1586
- 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));
1587
1589
  };
1588
1590
  }
1589
1591
  connectedCallback() {
1590
- 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);
1591
1593
  }
1592
1594
  disconnectedCallback() {
1593
1595
  document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), window.removeEventListener("keydown", this.handleKeyDown), super.disconnectedCallback();
1594
1596
  }
1595
- trapFocus(o) {
1597
+ trapFocus(n) {
1596
1598
  const t = this.getFocusableElements();
1597
1599
  if (t.length === 0) return;
1598
1600
  const e = t[0], s = t[t.length - 1];
1599
- 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());
1600
1602
  }
1601
1603
  getFocusableElements() {
1602
- const o = this.renderRoot.querySelector(".panel");
1603
- return o ? Array.from(
1604
- o.querySelectorAll(
1604
+ const n = this.renderRoot.querySelector(".panel");
1605
+ return n ? Array.from(
1606
+ n.querySelectorAll(
1605
1607
  'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
1606
1608
  )
1607
1609
  ).filter((t) => !t.hasAttribute("disabled")) : [];
1608
1610
  }
1609
1611
  openPanel() {
1610
1612
  this.previousFocusedElement = document.activeElement, this.open = !0, document.body.style.overflow = "hidden", document.body.setAttribute("data-side-panel", "open"), this.updateComplete.then(() => {
1611
- const o = this.getFocusableElements()[0];
1612
- o == null || o.focus();
1613
+ const n = this.getFocusableElements()[0];
1614
+ n == null || n.focus();
1613
1615
  });
1614
1616
  }
1615
1617
  closePanel() {
1616
- var o;
1617
- 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(
1618
1620
  new CustomEvent("close", { bubbles: !0, composed: !0 })
1619
1621
  );
1620
1622
  }
@@ -1677,7 +1679,7 @@ b.styles = E`
1677
1679
  right: 0;
1678
1680
  height: 100%;
1679
1681
  width: 100%;
1680
- z-index: 1000;
1682
+ z-index: 2147483647;
1681
1683
  pointer-events: none;
1682
1684
  }
1683
1685
 
@@ -1770,38 +1772,41 @@ b.styles = E`
1770
1772
  }
1771
1773
  `;
1772
1774
  y([
1773
- l({ type: Boolean, reflect: !0 })
1775
+ a({ type: Boolean, reflect: !0 })
1774
1776
  ], b.prototype, "open", 2);
1775
1777
  y([
1776
- l({ type: Boolean, reflect: !0 })
1778
+ a({ type: Boolean, reflect: !0 })
1777
1779
  ], b.prototype, "showHeader", 2);
1778
1780
  y([
1779
- l({ type: Boolean, reflect: !0 })
1781
+ a({ type: Boolean, reflect: !0 })
1780
1782
  ], b.prototype, "showFooter", 2);
1781
1783
  y([
1782
- l({ type: String, reflect: !0 })
1784
+ a({ type: String, reflect: !0 })
1783
1785
  ], b.prototype, "headerTitle", 2);
1784
1786
  y([
1785
- l({ type: String, reflect: !0 })
1787
+ a({ type: String, reflect: !0 })
1786
1788
  ], b.prototype, "closeButtonLabel", 2);
1787
1789
  y([
1788
- l({ type: String, reflect: !0 })
1790
+ a({ type: String, reflect: !0 })
1789
1791
  ], b.prototype, "firstButtonLabel", 2);
1790
1792
  y([
1791
- l({ type: String, reflect: !0 })
1793
+ a({ type: String, reflect: !0 })
1792
1794
  ], b.prototype, "firstButtonVariant", 2);
1793
1795
  y([
1794
- l({ type: Function })
1796
+ a({ type: Function })
1795
1797
  ], b.prototype, "onFirstButtonClick", 2);
1796
1798
  y([
1797
- l({ type: String, reflect: !0 })
1799
+ a({ type: String, reflect: !0 })
1798
1800
  ], b.prototype, "secondaryButtonLabel", 2);
1799
1801
  y([
1800
- l({ type: String, reflect: !0 })
1802
+ a({ type: String, reflect: !0 })
1801
1803
  ], b.prototype, "secondaryButtonVariant", 2);
1802
1804
  y([
1803
- l({ type: Function })
1805
+ a({ type: Function })
1804
1806
  ], b.prototype, "onSecondaryButtonClick", 2);
1807
+ y([
1808
+ a({ type: Boolean, reflect: !0 })
1809
+ ], b.prototype, "disablePortal", 2);
1805
1810
  b = y([
1806
1811
  U("o-side-panel")
1807
1812
  ], b);