@florid-kit/components 0.3.17 → 0.3.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.js +75 -56
  2. package/index.mjs +371 -350
  3. package/package.json +1 -1
package/index.mjs CHANGED
@@ -5,16 +5,16 @@
5
5
  */
6
6
  const W = globalThis, at = W.ShadowRoot && (W.ShadyCSS === void 0 || W.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, lt = Symbol(), ut = /* @__PURE__ */ new WeakMap();
7
7
  let At = class {
8
- constructor(t, e, o) {
9
- if (this._$cssResult$ = !0, o !== lt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
8
+ constructor(t, e, s) {
9
+ if (this._$cssResult$ = !0, s !== lt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
10
10
  this.cssText = t, this.t = e;
11
11
  }
12
12
  get styleSheet() {
13
13
  let t = this.o;
14
14
  const e = this.t;
15
15
  if (at && t === void 0) {
16
- const o = e !== void 0 && e.length === 1;
17
- o && (t = ut.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && ut.set(e, t));
16
+ const s = e !== void 0 && e.length === 1;
17
+ s && (t = ut.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && ut.set(e, t));
18
18
  }
19
19
  return t;
20
20
  }
@@ -22,59 +22,59 @@ let At = class {
22
22
  return this.cssText;
23
23
  }
24
24
  };
25
- const Pt = (n) => new At(typeof n == "string" ? n : n + "", void 0, lt), S = (n, ...t) => {
26
- const e = n.length === 1 ? n[0] : t.reduce((o, s, r) => o + ((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
- })(s) + n[r + 1], n[0]);
31
- return new At(e, n, lt);
32
- }, Bt = (n, t) => {
33
- if (at) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
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, 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
+ })(n) + o[i + 1], o[0]);
31
+ return new At(e, o, lt);
32
+ }, Bt = (o, t) => {
33
+ if (at) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
34
34
  else for (const e of t) {
35
- const o = document.createElement("style"), s = W.litNonce;
36
- s !== void 0 && o.setAttribute("nonce", s), o.textContent = e.cssText, n.appendChild(o);
35
+ const s = document.createElement("style"), n = W.litNonce;
36
+ n !== void 0 && s.setAttribute("nonce", n), s.textContent = e.cssText, o.appendChild(s);
37
37
  }
38
- }, ft = at ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
38
+ }, ft = at ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
39
39
  let e = "";
40
- for (const o of t.cssRules) e += o.cssText;
40
+ for (const s of t.cssRules) e += s.cssText;
41
41
  return Pt(e);
42
- })(n) : n;
42
+ })(o) : o;
43
43
  /**
44
44
  * @license
45
45
  * Copyright 2017 Google LLC
46
46
  * SPDX-License-Identifier: BSD-3-Clause
47
47
  */
48
- const { is: kt, defineProperty: Ot, getOwnPropertyDescriptor: Ht, getOwnPropertyNames: Mt, getOwnPropertySymbols: It, getPrototypeOf: Ut } = Object, E = globalThis, gt = E.trustedTypes, zt = gt ? gt.emptyScript : "", tt = E.reactiveElementPolyfillSupport, N = (n, t) => n, K = { toAttribute(n, t) {
48
+ const { is: kt, defineProperty: Ot, getOwnPropertyDescriptor: Ht, getOwnPropertyNames: Mt, getOwnPropertySymbols: It, getPrototypeOf: zt } = Object, S = globalThis, gt = S.trustedTypes, Ut = gt ? gt.emptyScript : "", tt = S.reactiveElementPolyfillSupport, N = (o, t) => o, G = { toAttribute(o, t) {
49
49
  switch (t) {
50
50
  case Boolean:
51
- n = n ? zt : null;
51
+ o = o ? Ut : null;
52
52
  break;
53
53
  case Object:
54
54
  case Array:
55
- n = n == null ? n : JSON.stringify(n);
55
+ o = o == null ? o : JSON.stringify(o);
56
56
  }
57
- return n;
58
- }, fromAttribute(n, t) {
59
- let e = n;
57
+ return o;
58
+ }, fromAttribute(o, t) {
59
+ let e = o;
60
60
  switch (t) {
61
61
  case Boolean:
62
- e = n !== null;
62
+ e = o !== null;
63
63
  break;
64
64
  case Number:
65
- e = n === null ? null : Number(n);
65
+ e = o === null ? null : Number(o);
66
66
  break;
67
67
  case Object:
68
68
  case Array:
69
69
  try {
70
- e = JSON.parse(n);
70
+ e = JSON.parse(o);
71
71
  } catch {
72
72
  e = null;
73
73
  }
74
74
  }
75
75
  return e;
76
- } }, ct = (n, t) => !kt(n, t), vt = { attribute: !0, type: String, converter: K, reflect: !1, useDefault: !1, hasChanged: ct };
77
- Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), E.litPropertyMetadata ?? (E.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
76
+ } }, ct = (o, t) => !kt(o, t), vt = { attribute: !0, type: String, converter: G, reflect: !1, useDefault: !1, hasChanged: ct };
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) {
80
80
  this._$Ei(), (this.l ?? (this.l = [])).push(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 o = Symbol(), s = this.getPropertyDescriptor(t, o, e);
88
- s !== void 0 && Ot(this.prototype, t, s);
87
+ const s = Symbol(), n = this.getPropertyDescriptor(t, s, e);
88
+ n !== void 0 && Ot(this.prototype, t, n);
89
89
  }
90
90
  }
91
- static getPropertyDescriptor(t, e, o) {
92
- const { get: s, set: r } = Ht(this.prototype, t) ?? { get() {
91
+ static getPropertyDescriptor(t, e, s) {
92
+ const { get: n, 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: s, set(i) {
98
- const c = s == null ? void 0 : s.call(this);
99
- r == null || r.call(this, i), this.requestUpdate(t, c, o);
97
+ return { get: n, set(r) {
98
+ const c = n == null ? void 0 : n.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) {
@@ -104,38 +104,38 @@ let M = class extends HTMLElement {
104
104
  }
105
105
  static _$Ei() {
106
106
  if (this.hasOwnProperty(N("elementProperties"))) return;
107
- const t = Ut(this);
107
+ const t = zt(this);
108
108
  t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
109
109
  }
110
110
  static finalize() {
111
111
  if (this.hasOwnProperty(N("finalized"))) return;
112
112
  if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(N("properties"))) {
113
- const e = this.properties, o = [...Mt(e), ...It(e)];
114
- for (const s of o) this.createProperty(s, e[s]);
113
+ const e = this.properties, s = [...Mt(e), ...It(e)];
114
+ for (const n of s) this.createProperty(n, e[n]);
115
115
  }
116
116
  const t = this[Symbol.metadata];
117
117
  if (t !== null) {
118
118
  const e = litPropertyMetadata.get(t);
119
- if (e !== void 0) for (const [o, s] of e) this.elementProperties.set(o, s);
119
+ if (e !== void 0) for (const [s, n] of e) this.elementProperties.set(s, n);
120
120
  }
121
121
  this._$Eh = /* @__PURE__ */ new Map();
122
- for (const [e, o] of this.elementProperties) {
123
- const s = this._$Eu(e, o);
124
- s !== void 0 && this._$Eh.set(s, e);
122
+ for (const [e, s] of this.elementProperties) {
123
+ const n = this._$Eu(e, s);
124
+ n !== void 0 && this._$Eh.set(n, e);
125
125
  }
126
126
  this.elementStyles = this.finalizeStyles(this.styles);
127
127
  }
128
128
  static finalizeStyles(t) {
129
129
  const e = [];
130
130
  if (Array.isArray(t)) {
131
- const o = new Set(t.flat(1 / 0).reverse());
132
- for (const s of o) e.unshift(ft(s));
131
+ const s = new Set(t.flat(1 / 0).reverse());
132
+ for (const n of s) e.unshift(ft(n));
133
133
  } else t !== void 0 && e.push(ft(t));
134
134
  return e;
135
135
  }
136
136
  static _$Eu(t, e) {
137
- const o = e.attribute;
138
- return o === !1 ? void 0 : typeof o == "string" ? o : typeof t == "string" ? t.toLowerCase() : void 0;
137
+ const s = e.attribute;
138
+ return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
139
139
  }
140
140
  constructor() {
141
141
  super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
@@ -154,7 +154,7 @@ let M = class extends HTMLElement {
154
154
  }
155
155
  _$E_() {
156
156
  const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
157
- for (const o of e.keys()) this.hasOwnProperty(o) && (t.set(o, this[o]), delete this[o]);
157
+ for (const s of e.keys()) this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
158
158
  t.size > 0 && (this._$Ep = t);
159
159
  }
160
160
  createRenderRoot() {
@@ -164,8 +164,8 @@ let M = class extends HTMLElement {
164
164
  connectedCallback() {
165
165
  var t;
166
166
  this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
167
- var o;
168
- return (o = e.hostConnected) == null ? void 0 : o.call(e);
167
+ var s;
168
+ return (s = e.hostConnected) == null ? void 0 : s.call(e);
169
169
  });
170
170
  }
171
171
  enableUpdating(t) {
@@ -173,40 +173,40 @@ let M = class extends HTMLElement {
173
173
  disconnectedCallback() {
174
174
  var t;
175
175
  (t = this._$EO) == null || t.forEach((e) => {
176
- var o;
177
- return (o = e.hostDisconnected) == null ? void 0 : o.call(e);
176
+ var s;
177
+ return (s = e.hostDisconnected) == null ? void 0 : s.call(e);
178
178
  });
179
179
  }
180
- attributeChangedCallback(t, e, o) {
181
- this._$AK(t, o);
180
+ attributeChangedCallback(t, e, s) {
181
+ this._$AK(t, s);
182
182
  }
183
183
  _$ET(t, e) {
184
- var r;
185
- const o = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, o);
186
- if (s !== void 0 && o.reflect === !0) {
187
- const i = (((r = o.converter) == null ? void 0 : r.toAttribute) !== void 0 ? o.converter : K).toAttribute(e, o.type);
188
- this._$Em = t, i == null ? this.removeAttribute(s) : this.setAttribute(s, i), this._$Em = null;
184
+ var i;
185
+ const s = this.constructor.elementProperties.get(t), n = this.constructor._$Eu(t, s);
186
+ if (n !== void 0 && s.reflect === !0) {
187
+ const r = (((i = s.converter) == null ? void 0 : i.toAttribute) !== void 0 ? s.converter : G).toAttribute(e, s.type);
188
+ this._$Em = t, r == null ? this.removeAttribute(n) : this.setAttribute(n, r), this._$Em = null;
189
189
  }
190
190
  }
191
191
  _$AK(t, e) {
192
- var r, i;
193
- const o = this.constructor, s = o._$Eh.get(t);
194
- if (s !== void 0 && this._$Em !== s) {
195
- const c = o.getPropertyOptions(s), a = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((r = c.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? c.converter : K;
196
- this._$Em = s, this[s] = a.fromAttribute(e, c.type) ?? ((i = this._$Ej) == null ? void 0 : i.get(s)) ?? null, this._$Em = null;
192
+ var i, r;
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 } : ((i = c.converter) == null ? void 0 : i.fromAttribute) !== void 0 ? c.converter : G;
196
+ this._$Em = n, this[n] = a.fromAttribute(e, c.type) ?? ((r = this._$Ej) == null ? void 0 : r.get(n)) ?? null, this._$Em = null;
197
197
  }
198
198
  }
199
- requestUpdate(t, e, o) {
200
- var s;
199
+ requestUpdate(t, e, s) {
200
+ var n;
201
201
  if (t !== void 0) {
202
- const r = this.constructor, i = this[t];
203
- if (o ?? (o = r.getPropertyOptions(t)), !((o.hasChanged ?? ct)(i, e) || o.useDefault && o.reflect && i === ((s = this._$Ej) == null ? void 0 : s.get(t)) && !this.hasAttribute(r._$Eu(t, o)))) return;
204
- this.C(t, e, o);
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 === ((n = this._$Ej) == null ? void 0 : n.get(t)) && !this.hasAttribute(i._$Eu(t, s)))) return;
204
+ this.C(t, e, s);
205
205
  }
206
206
  this.isUpdatePending === !1 && (this._$ES = this._$EP());
207
207
  }
208
- C(t, e, { useDefault: o, reflect: s, wrapped: r }, i) {
209
- o && !(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 || o || (e = void 0), this._$AL.set(t, e)), s === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
208
+ C(t, e, { useDefault: s, reflect: n, 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)), n === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
210
210
  }
211
211
  async _$EP() {
212
212
  this.isUpdatePending = !0;
@@ -222,28 +222,28 @@ let M = class extends HTMLElement {
222
222
  return this.performUpdate();
223
223
  }
224
224
  performUpdate() {
225
- var o;
225
+ var s;
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 s = this.constructor.elementProperties;
233
- if (s.size > 0) for (const [r, i] of s) {
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 n = this.constructor.elementProperties;
233
+ if (n.size > 0) for (const [i, r] of n) {
234
+ const { wrapped: c } = r, a = this[i];
235
+ c !== !0 || this._$AL.has(i) || a === void 0 || this.C(i, void 0, r, a);
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), (o = this._$EO) == null || o.forEach((s) => {
242
- var r;
243
- return (r = s.hostUpdate) == null ? void 0 : r.call(s);
241
+ t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((n) => {
242
+ var i;
243
+ return (i = n.hostUpdate) == null ? void 0 : i.call(n);
244
244
  }), this.update(e)) : this._$EM();
245
- } catch (s) {
246
- throw t = !1, this._$EM(), s;
245
+ } catch (n) {
246
+ throw t = !1, this._$EM(), n;
247
247
  }
248
248
  t && this._$AE(e);
249
249
  }
@@ -251,9 +251,9 @@ let M = class extends HTMLElement {
251
251
  }
252
252
  _$AE(t) {
253
253
  var e;
254
- (e = this._$EO) == null || e.forEach((o) => {
255
- var s;
256
- return (s = o.hostUpdated) == null ? void 0 : s.call(o);
254
+ (e = this._$EO) == null || e.forEach((s) => {
255
+ var n;
256
+ return (n = s.hostUpdated) == null ? void 0 : n.call(s);
257
257
  }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
258
258
  }
259
259
  _$EM() {
@@ -276,74 +276,74 @@ let M = class extends HTMLElement {
276
276
  firstUpdated(t) {
277
277
  }
278
278
  };
279
- M.elementStyles = [], M.shadowRootOptions = { mode: "open" }, M[N("elementProperties")] = /* @__PURE__ */ new Map(), M[N("finalized")] = /* @__PURE__ */ new Map(), tt == null || tt({ ReactiveElement: M }), (E.reactiveElementVersions ?? (E.reactiveElementVersions = [])).push("2.1.0");
279
+ M.elementStyles = [], M.shadowRootOptions = { mode: "open" }, M[N("elementProperties")] = /* @__PURE__ */ new Map(), M[N("finalized")] = /* @__PURE__ */ new Map(), tt == null || tt({ ReactiveElement: M }), (S.reactiveElementVersions ?? (S.reactiveElementVersions = [])).push("2.1.0");
280
280
  /**
281
281
  * @license
282
282
  * Copyright 2017 Google LLC
283
283
  * SPDX-License-Identifier: BSD-3-Clause
284
284
  */
285
- const j = globalThis, X = j.trustedTypes, bt = X ? X.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Et = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, St = "?" + A, Tt = `<${St}>`, k = document, R = () => k.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 = `[
285
+ const j = globalThis, K = j.trustedTypes, bt = K ? K.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, St = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, Et = "?" + A, Tt = `<${Et}>`, k = document, R = () => k.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
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 = (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 = k.createTreeWalker(k, 129);
288
- function Lt(n, t) {
289
- if (!ht(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
287
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), mt = /'/g, wt = /"/g, Ct = /^(?:script|style|textarea|title)$/i, Nt = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), p = Nt(1), O = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), _t = /* @__PURE__ */ new WeakMap(), P = k.createTreeWalker(k, 129);
288
+ function Lt(o, t) {
289
+ if (!ht(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
290
290
  return bt !== void 0 ? bt.createHTML(t) : t;
291
291
  }
292
- const jt = (n, t) => {
293
- const e = n.length - 1, o = [];
294
- let s, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = D;
292
+ const jt = (o, t) => {
293
+ const e = o.length - 1, s = [];
294
+ let n, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = D;
295
295
  for (let c = 0; c < e; c++) {
296
- const a = n[c];
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]) && (s = RegExp("</" + g[2], "g")), i = L) : g[3] !== void 0 && (i = L) : i === L ? g[0] === ">" ? (i = s ?? 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, s = void 0);
299
- const x = i === L && n[c + 1].startsWith("/>") ? " " : "";
300
- r += i === D ? a + Tt : p >= 0 ? (o.push(f), a.slice(0, p) + Et + a.slice(p) + A + x) : a + A + (p === -2 ? c : x);
296
+ const a = o[c];
297
+ let f, g, d = -1, w = 0;
298
+ for (; w < a.length && (r.lastIndex = w, g = r.exec(a), g !== null); ) w = r.lastIndex, r === D ? g[1] === "!--" ? r = yt : g[1] !== void 0 ? r = $t : g[2] !== void 0 ? (Ct.test(g[2]) && (n = RegExp("</" + g[2], "g")), r = L) : g[3] !== void 0 && (r = L) : r === L ? g[0] === ">" ? (r = n ?? D, d = -1) : g[1] === void 0 ? d = -2 : (d = r.lastIndex - g[2].length, f = g[1], r = g[3] === void 0 ? L : g[3] === '"' ? wt : mt) : r === wt || r === mt ? r = L : r === yt || r === $t ? r = D : (r = L, n = void 0);
299
+ const x = r === L && o[c + 1].startsWith("/>") ? " " : "";
300
+ i += r === D ? a + Tt : d >= 0 ? (s.push(f), a.slice(0, d) + St + a.slice(d) + A + x) : a + A + (d === -2 ? c : x);
301
301
  }
302
- return [Lt(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
302
+ return [Lt(o, i + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
303
303
  };
304
304
  class V {
305
- constructor({ strings: t, _$litType$: e }, o) {
306
- let s;
305
+ constructor({ strings: t, _$litType$: e }, s) {
306
+ let n;
307
307
  this.parts = [];
308
- let r = 0, i = 0;
308
+ let i = 0, r = 0;
309
309
  const c = t.length - 1, a = this.parts, [f, g] = jt(t, e);
310
- if (this.el = V.createElement(f, o), P.currentNode = this.el.content, e === 2 || e === 3) {
311
- const p = this.el.content.firstChild;
312
- p.replaceWith(...p.childNodes);
310
+ if (this.el = V.createElement(f, s), P.currentNode = this.el.content, e === 2 || e === 3) {
311
+ const d = this.el.content.firstChild;
312
+ d.replaceWith(...d.childNodes);
313
313
  }
314
- for (; (s = P.nextNode()) !== null && a.length < c; ) {
315
- if (s.nodeType === 1) {
316
- if (s.hasAttributes()) for (const p of s.getAttributeNames()) if (p.endsWith(Et)) {
317
- const w = g[i++], x = s.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 : G }), s.removeAttribute(p);
319
- } else p.startsWith(A) && (a.push({ type: 6, index: r }), s.removeAttribute(p));
320
- if (Ct.test(s.tagName)) {
321
- const p = s.textContent.split(A), w = p.length - 1;
314
+ for (; (n = P.nextNode()) !== null && a.length < c; ) {
315
+ if (n.nodeType === 1) {
316
+ if (n.hasAttributes()) for (const d of n.getAttributeNames()) if (d.endsWith(St)) {
317
+ const w = g[r++], x = n.getAttribute(d).split(A), q = /([.?@])?(.*)/.exec(w);
318
+ a.push({ type: 1, index: i, name: q[2], strings: x, ctor: q[1] === "." ? Ft : q[1] === "?" ? Vt : q[1] === "@" ? Zt : J }), n.removeAttribute(d);
319
+ } else d.startsWith(A) && (a.push({ type: 6, index: i }), n.removeAttribute(d));
320
+ if (Ct.test(n.tagName)) {
321
+ const d = n.textContent.split(A), w = d.length - 1;
322
322
  if (w > 0) {
323
- s.textContent = X ? X.emptyScript : "";
324
- for (let x = 0; x < w; x++) s.append(p[x], R()), P.nextNode(), a.push({ type: 2, index: ++r });
325
- s.append(p[w], R());
323
+ n.textContent = K ? K.emptyScript : "";
324
+ for (let x = 0; x < w; x++) n.append(d[x], R()), P.nextNode(), a.push({ type: 2, index: ++i });
325
+ n.append(d[w], R());
326
326
  }
327
327
  }
328
- } else if (s.nodeType === 8) if (s.data === St) a.push({ type: 2, index: r });
328
+ } else if (n.nodeType === 8) if (n.data === Et) a.push({ type: 2, index: i });
329
329
  else {
330
- let p = -1;
331
- for (; (p = s.data.indexOf(A, p + 1)) !== -1; ) a.push({ type: 7, index: r }), p += A.length - 1;
330
+ let d = -1;
331
+ for (; (d = n.data.indexOf(A, d + 1)) !== -1; ) a.push({ type: 7, index: i }), d += A.length - 1;
332
332
  }
333
- r++;
333
+ i++;
334
334
  }
335
335
  }
336
336
  static createElement(t, e) {
337
- const o = k.createElement("template");
338
- return o.innerHTML = t, o;
337
+ const s = k.createElement("template");
338
+ return s.innerHTML = t, s;
339
339
  }
340
340
  }
341
- function I(n, t, e = n, o) {
342
- var i, c;
341
+ function I(o, t, e = o, s) {
342
+ var r, c;
343
343
  if (t === O) return t;
344
- let s = o !== void 0 ? (i = e._$Co) == null ? void 0 : i[o] : e._$Cl;
345
- const r = F(t) ? void 0 : t._$litDirective$;
346
- return (s == null ? void 0 : s.constructor) !== r && ((c = s == null ? void 0 : s._$AO) == null || c.call(s, !1), r === void 0 ? s = void 0 : (s = new r(n), s._$AT(n, e, o)), o !== void 0 ? (e._$Co ?? (e._$Co = []))[o] = s : e._$Cl = s), s !== void 0 && (t = I(n, s._$AS(n, t.values), s, o)), t;
344
+ let n = s !== void 0 ? (r = e._$Co) == null ? void 0 : r[s] : e._$Cl;
345
+ const i = F(t) ? void 0 : t._$litDirective$;
346
+ return (n == null ? void 0 : n.constructor) !== i && ((c = n == null ? void 0 : n._$AO) == null || c.call(n, !1), i === void 0 ? n = void 0 : (n = new i(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;
347
347
  }
348
348
  class Rt {
349
349
  constructor(t, e) {
@@ -356,21 +356,21 @@ class Rt {
356
356
  return this._$AM._$AU;
357
357
  }
358
358
  u(t) {
359
- const { el: { content: e }, parts: o } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? k).importNode(e, !0);
360
- P.currentNode = s;
361
- let r = P.nextNode(), i = 0, c = 0, a = o[0];
359
+ const { el: { content: e }, parts: s } = this._$AD, n = ((t == null ? void 0 : t.creationScope) ?? k).importNode(e, !0);
360
+ P.currentNode = n;
361
+ let i = P.nextNode(), r = 0, c = 0, a = s[0];
362
362
  for (; a !== void 0; ) {
363
- if (i === a.index) {
363
+ if (r === a.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 = o[++c];
365
+ a.type === 2 ? f = new Z(i, i.nextSibling, this, t) : a.type === 1 ? f = new a.ctor(i, a.name, a.strings, this, t) : a.type === 6 && (f = new qt(i, this, t)), this._$AV.push(f), a = s[++c];
366
366
  }
367
- i !== (a == null ? void 0 : a.index) && (r = P.nextNode(), i++);
367
+ r !== (a == null ? void 0 : a.index) && (i = P.nextNode(), r++);
368
368
  }
369
- return P.currentNode = k, s;
369
+ return P.currentNode = k, n;
370
370
  }
371
371
  p(t) {
372
372
  let e = 0;
373
- for (const o of this._$AV) o !== void 0 && (o.strings !== void 0 ? (o._$AI(t, o, e), e += o.strings.length - 2) : o._$AI(t[e])), e++;
373
+ for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
374
374
  }
375
375
  }
376
376
  class Z {
@@ -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, o, s) {
382
- this.type = 2, this._$AH = h, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = o, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
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;
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(k.createTextNode(t)), this._$AH = t;
406
406
  }
407
407
  $(t) {
408
- var r;
409
- const { values: e, _$litType$: o } = t, s = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = V.createElement(Lt(o.h, o.h[0]), this.options)), o);
410
- if (((r = this._$AH) == null ? void 0 : r._$AD) === s) this._$AH.p(e);
408
+ var i;
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 (((i = this._$AH) == null ? void 0 : i._$AD) === n) this._$AH.p(e);
411
411
  else {
412
- const i = new Rt(s, this), c = i.u(this.options);
413
- i.p(e), this.T(c), this._$AH = i;
412
+ const r = new Rt(n, 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 o, s = 0;
424
- for (const r of t) s === e.length ? e.push(o = new Z(this.O(R()), this.O(R()), this, this.options)) : o = e[s], o._$AI(r), s++;
425
- s < e.length && (this._$AR(o && o._$AB.nextSibling, s), e.length = s);
423
+ let s, n = 0;
424
+ for (const i of t) n === e.length ? e.push(s = new Z(this.O(R()), this.O(R()), this, this.options)) : s = e[n], s._$AI(i), n++;
425
+ n < e.length && (this._$AR(s && s._$AB.nextSibling, n), e.length = n);
426
426
  }
427
427
  _$AR(t = this._$AA.nextSibling, e) {
428
- var o;
429
- for ((o = this._$AP) == null ? void 0 : o.call(this, !1, !0, e); t && t !== this._$AB; ) {
430
- const s = t.nextSibling;
431
- t.remove(), t = s;
428
+ var s;
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;
432
432
  }
433
433
  }
434
434
  setConnected(t) {
@@ -436,32 +436,32 @@ class Z {
436
436
  this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
437
437
  }
438
438
  }
439
- class G {
439
+ class J {
440
440
  get tagName() {
441
441
  return this.element.tagName;
442
442
  }
443
443
  get _$AU() {
444
444
  return this._$AM._$AU;
445
445
  }
446
- constructor(t, e, o, s, r) {
447
- this.type = 1, this._$AH = h, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = r, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = h;
446
+ constructor(t, e, s, n, i) {
447
+ this.type = 1, this._$AH = h, this._$AN = void 0, this.element = t, this.name = e, this._$AM = n, 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, o, s) {
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, n) {
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
455
  let a, f;
456
- for (t = r[0], a = 0; a < r.length - 1; a++) f = I(this, c[o + 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;
456
+ for (t = i[0], a = 0; a < i.length - 1; a++) f = I(this, c[s + a], e, a), f === O && (f = this._$AH[a]), r || (r = !F(f) || f !== this._$AH[a]), f === h ? t = h : t !== h && (t += (f ?? "") + i[a + 1]), this._$AH[a] = f;
457
457
  }
458
- i && !s && this.j(t);
458
+ r && !n && this.j(t);
459
459
  }
460
460
  j(t) {
461
461
  t === h ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
462
462
  }
463
463
  }
464
- class Ft extends G {
464
+ class Ft extends J {
465
465
  constructor() {
466
466
  super(...arguments), this.type = 3;
467
467
  }
@@ -469,7 +469,7 @@ class Ft extends G {
469
469
  this.element[this.name] = t === h ? void 0 : t;
470
470
  }
471
471
  }
472
- class Vt extends G {
472
+ class Vt extends J {
473
473
  constructor() {
474
474
  super(...arguments), this.type = 4;
475
475
  }
@@ -477,14 +477,14 @@ class Vt extends G {
477
477
  this.element.toggleAttribute(this.name, !!t && t !== h);
478
478
  }
479
479
  }
480
- class Zt extends G {
481
- constructor(t, e, o, s, r) {
482
- super(t, e, o, s, r), this.type = 5;
480
+ class Zt extends J {
481
+ constructor(t, e, s, n, i) {
482
+ super(t, e, s, n, 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 o = this._$AH, s = t === h && o !== h || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, r = t !== h && (o === h || s);
487
- s && this.element.removeEventListener(this.name, this, o), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
486
+ const s = this._$AH, n = t === h && s !== h || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, i = t !== h && (s === h || n);
487
+ n && 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;
@@ -492,8 +492,8 @@ class Zt extends G {
492
492
  }
493
493
  }
494
494
  class qt {
495
- constructor(t, e, o) {
496
- this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = o;
495
+ constructor(t, e, s) {
496
+ this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
497
497
  }
498
498
  get _$AU() {
499
499
  return this._$AM._$AU;
@@ -502,16 +502,16 @@ class qt {
502
502
  I(this, t);
503
503
  }
504
504
  }
505
- const ot = j.litHtmlPolyfillSupport;
506
- ot == null || ot(V, Z), (j.litHtmlVersions ?? (j.litHtmlVersions = [])).push("3.3.0");
507
- const Wt = (n, t, e) => {
508
- const o = (e == null ? void 0 : e.renderBefore) ?? t;
509
- let s = o._$litPart$;
510
- if (s === void 0) {
511
- const r = (e == null ? void 0 : e.renderBefore) ?? null;
512
- o._$litPart$ = s = new Z(t.insertBefore(R(), r), r, void 0, e ?? {});
513
- }
514
- return s._$AI(n), s;
505
+ const st = j.litHtmlPolyfillSupport;
506
+ st == null || st(V, Z), (j.litHtmlVersions ?? (j.litHtmlVersions = [])).push("3.3.0");
507
+ const Wt = (o, t, e) => {
508
+ const s = (e == null ? void 0 : e.renderBefore) ?? t;
509
+ let n = s._$litPart$;
510
+ if (n === void 0) {
511
+ const i = (e == null ? void 0 : e.renderBefore) ?? null;
512
+ s._$litPart$ = n = new Z(t.insertBefore(R(), i), i, void 0, e ?? {});
513
+ }
514
+ return n._$AI(o), n;
515
515
  };
516
516
  /**
517
517
  * @license
@@ -546,57 +546,57 @@ let $ = class extends M {
546
546
  };
547
547
  var xt;
548
548
  $._$litElement$ = !0, $.finalized = !0, (xt = B.litElementHydrateSupport) == null || xt.call(B, { LitElement: $ });
549
- const st = B.litElementPolyfillSupport;
550
- st == null || st({ LitElement: $ });
549
+ const nt = B.litElementPolyfillSupport;
550
+ nt == null || nt({ LitElement: $ });
551
551
  (B.litElementVersions ?? (B.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 T = (n) => (t, e) => {
557
+ const T = (o) => (t, e) => {
558
558
  e !== void 0 ? e.addInitializer(() => {
559
- customElements.define(n, t);
560
- }) : customElements.define(n, t);
559
+ customElements.define(o, t);
560
+ }) : customElements.define(o, t);
561
561
  };
562
562
  /**
563
563
  * @license
564
564
  * Copyright 2017 Google LLC
565
565
  * SPDX-License-Identifier: BSD-3-Clause
566
566
  */
567
- const Kt = { attribute: !0, type: String, converter: K, reflect: !1, hasChanged: ct }, Xt = (n = Kt, t, e) => {
568
- const { kind: o, metadata: s } = e;
569
- let r = globalThis.litPropertyMetadata.get(s);
570
- if (r === void 0 && globalThis.litPropertyMetadata.set(s, r = /* @__PURE__ */ new Map()), o === "setter" && ((n = Object.create(n)).wrapped = !0), r.set(e.name, n), o === "accessor") {
571
- const { name: i } = e;
567
+ const Gt = { attribute: !0, type: String, converter: G, reflect: !1, hasChanged: ct }, Kt = (o = Gt, t, e) => {
568
+ const { kind: s, metadata: n } = e;
569
+ let i = globalThis.litPropertyMetadata.get(n);
570
+ if (i === void 0 && globalThis.litPropertyMetadata.set(n, i = /* @__PURE__ */ new Map()), s === "setter" && ((o = Object.create(o)).wrapped = !0), i.set(e.name, o), s === "accessor") {
571
+ const { name: r } = e;
572
572
  return { set(c) {
573
573
  const a = t.get.call(this);
574
- t.set.call(this, c), this.requestUpdate(i, a, n);
574
+ t.set.call(this, c), this.requestUpdate(r, a, o);
575
575
  }, init(c) {
576
- return c !== void 0 && this.C(i, void 0, n, c), c;
576
+ return c !== void 0 && this.C(r, void 0, o, c), c;
577
577
  } };
578
578
  }
579
- if (o === "setter") {
580
- const { name: i } = e;
579
+ if (s === "setter") {
580
+ const { name: r } = e;
581
581
  return function(c) {
582
- const a = this[i];
583
- t.call(this, c), this.requestUpdate(i, a, n);
582
+ const a = this[r];
583
+ t.call(this, c), this.requestUpdate(r, a, o);
584
584
  };
585
585
  }
586
- throw Error("Unsupported decorator location: " + o);
586
+ throw Error("Unsupported decorator location: " + s);
587
587
  };
588
- function l(n) {
589
- return (t, e) => typeof e == "object" ? Xt(n, t, e) : ((o, s, r) => {
590
- const i = s.hasOwnProperty(r);
591
- return s.constructor.createProperty(r, o), i ? Object.getOwnPropertyDescriptor(s, r) : void 0;
592
- })(n, t, e);
588
+ function l(o) {
589
+ return (t, e) => typeof e == "object" ? Kt(o, t, e) : ((s, n, i) => {
590
+ const r = n.hasOwnProperty(i);
591
+ return n.constructor.createProperty(i, s), r ? Object.getOwnPropertyDescriptor(n, i) : void 0;
592
+ })(o, t, e);
593
593
  }
594
- const Jt = S`
594
+ const Xt = E`
595
595
  outline: 1px dashed var(--button-border-color);
596
596
  outline-offset: 2px;
597
597
  outline: dashed black;
598
598
  `;
599
- S`
599
+ E`
600
600
  :host * {
601
601
  box-sizing: border-box;
602
602
  }
@@ -606,12 +606,12 @@ S`
606
606
  * Copyright 2023 Google LLC
607
607
  * SPDX-License-Identifier: Apache-2.0
608
608
  */
609
- const dt = Symbol("internals"), nt = Symbol("privateInternals");
610
- function Gt(n) {
609
+ const pt = Symbol("internals"), ot = Symbol("privateInternals");
610
+ function Jt(o) {
611
611
  var t;
612
- class e extends n {
613
- get [(t = dt, t)]() {
614
- return this[nt] || (this[nt] = this.attachInternals()), this[nt];
612
+ class e extends o {
613
+ get [(t = pt, t)]() {
614
+ return this[ot] || (this[ot] = this.attachInternals()), this[ot];
615
615
  }
616
616
  }
617
617
  return e;
@@ -621,19 +621,19 @@ function Gt(n) {
621
621
  * Copyright 2023 Google LLC
622
622
  * SPDX-License-Identifier: Apache-2.0
623
623
  */
624
- function Qt(n) {
625
- n.addInitializer((t) => {
624
+ function Qt(o) {
625
+ o.addInitializer((t) => {
626
626
  const e = t;
627
- e.addEventListener("click", async (o) => {
628
- const { type: s, [dt]: r } = e, { form: i } = r;
629
- if (!(!i || s === "button") && (await new Promise((c) => {
627
+ e.addEventListener("click", async (s) => {
628
+ const { type: n, [pt]: i } = e, { form: r } = i;
629
+ if (!(!r || n === "button") && (await new Promise((c) => {
630
630
  setTimeout(c);
631
- }), !o.defaultPrevented)) {
632
- if (s === "reset") {
633
- i.reset();
631
+ }), !s.defaultPrevented)) {
632
+ if (n === "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(n) {
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,15 +653,15 @@ function Qt(n) {
653
653
  * Copyright 2017 Google LLC
654
654
  * SPDX-License-Identifier: BSD-3-Clause
655
655
  */
656
- const Yt = { CHILD: 2 }, te = (n) => (...t) => ({ _$litDirective$: n, values: t });
656
+ const Yt = { CHILD: 2 }, te = (o) => (...t) => ({ _$litDirective$: o, values: t });
657
657
  class ee {
658
658
  constructor(t) {
659
659
  }
660
660
  get _$AU() {
661
661
  return this._$AM._$AU;
662
662
  }
663
- _$AT(t, e, o) {
664
- this._$Ct = t, this._$AM = e, this._$Ci = o;
663
+ _$AT(t, e, s) {
664
+ this._$Ct = t, this._$AM = e, this._$Ci = s;
665
665
  }
666
666
  _$AS(t, e) {
667
667
  return this.update(t, e);
@@ -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 J = te(rt), oe = `<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
- `, se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
704
+ `, ne = `<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
- `, ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
707
+ `, oe = `<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">
@@ -725,62 +725,83 @@ const J = te(rt), oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="no
725
725
  `, he = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
726
726
  <path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834Z" fill="#3F2B2E"/>
727
727
  </svg>
728
- `, de = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
728
+ `, pe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
729
729
  <path d="M2 2L14 14" stroke="#3F2B2E"/>
730
730
  <path d="M14 2L2 14" stroke="#3F2B2E"/>
731
731
  </svg>
732
- `, pe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
732
+ `, de = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
733
733
  <path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
734
734
  </svg>
735
- `, pt = {
736
- wishlist: oe,
737
- playerv: se,
738
- chevronRight: ne,
739
- chevronLeft: ie,
740
- "star-0": re,
735
+ `, ue = `<?xml version="1.0" encoding="utf-8"?>
736
+ <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
737
+ <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
738
+ viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
739
+ <style type="text/css">
740
+ .st0{fill:#001022;}
741
+ </style>
742
+ <path class="st0" d="M27.3,19.3h-6.7v-6.7c0-0.4-0.3-0.7-0.7-0.7s-0.7,0.3-0.7,0.7v6.7h-6.7c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7
743
+ h6.7v6.7c0,0.4,0.3,0.7,0.7,0.7s0.7-0.3,0.7-0.7v-6.7h6.7c0.4,0,0.7-0.3,0.7-0.7S27.7,19.3,27.3,19.3z"/>
744
+ </svg>
745
+ `, fe = `<?xml version="1.0" encoding="utf-8"?>
746
+ <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
747
+ <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
748
+ viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
749
+ <style type="text/css">
750
+ .st0{fill:#001022;}
751
+ </style>
752
+ <path class="st0" d="M27.3,20.7H12.7c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7h14.7c0.4,0,0.7,0.3,0.7,0.7S27.7,20.7,27.3,20.7z"/>
753
+ </svg>
754
+ `, dt = {
755
+ wishlist: se,
756
+ playerv: ne,
757
+ chevronRight: oe,
758
+ chevronLeft: re,
759
+ icoPlus: ue,
760
+ icoMinus: fe,
761
+ "star-0": ie,
741
762
  "star-25": ae,
742
763
  "star-50": le,
743
764
  "star-75": ce,
744
765
  "star-100": he,
745
- cross: de,
746
- search: pe
766
+ cross: pe,
767
+ search: de
747
768
  };
748
- var ue = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, C = (n, t, e, o) => {
749
- for (var s = o > 1 ? void 0 : o ? fe(t, e) : t, r = n.length - 1, i; r >= 0; r--)
750
- (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
751
- return o && s && ue(t, e, s), s;
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, i = o.length - 1, r; i >= 0; i--)
771
+ (r = o[i]) && (n = (s ? r(t, e, n) : r(n)) || n);
772
+ return s && n && ge(t, e, n), n;
752
773
  };
753
774
  let m = class extends $ {
754
775
  constructor() {
755
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;
756
777
  }
757
- updated(n) {
758
- super.updated(n), this.style.setProperty("--icon-stroke-width", this.strokewidth);
778
+ updated(o) {
779
+ super.updated(o), this.style.setProperty("--icon-stroke-width", this.strokewidth);
759
780
  }
760
781
  render() {
761
- const n = pt[this.icon] ?? "", t = `icon-${this.icon}`, e = n.replace(
782
+ const o = dt[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace(
762
783
  "<svg",
763
784
  '<svg aria-hidden="true" focusable="false" part="svg"'
764
785
  );
765
- return d`
766
- ${this.type === "span" ? d`
786
+ return p`
787
+ ${this.type === "span" ? p`
767
788
  <span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
768
- ${J(e)}
789
+ ${X(e)}
769
790
  </span>
770
- ` : d`
791
+ ` : p`
771
792
  <button
772
793
  type="button"
773
794
  aria-label="icon"
774
795
  class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
775
796
  ?disabled="${this.disabled}"
776
797
  >
777
- ${J(e)}
798
+ ${X(e)}
778
799
  </button>
779
800
  `}
780
801
  `;
781
802
  }
782
803
  };
783
- m.styles = S`
804
+ m.styles = E`
784
805
  :host {
785
806
  display: inline-flex;
786
807
  justify-content: center;
@@ -962,31 +983,31 @@ C([
962
983
  m = C([
963
984
  T("o-icon-button")
964
985
  ], m);
965
- var ge = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, v = (n, t, e, o) => {
966
- for (var s = o > 1 ? void 0 : o ? ve(t, e) : t, r = n.length - 1, i; r >= 0; r--)
967
- (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
968
- return o && s && ge(t, e, s), s;
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, i = o.length - 1, r; i >= 0; i--)
988
+ (r = o[i]) && (n = (s ? r(t, e, n) : r(n)) || n);
989
+ return s && n && be(t, e, n), n;
969
990
  };
970
- const be = Gt($);
971
- let u = class extends be {
991
+ const $e = Jt($);
992
+ let u = class extends $e {
972
993
  constructor() {
973
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.startIcon = !1, this.endIcon = !1, this.iconSize = "small", this.icon = "", this.href = "", this.target = "";
974
995
  }
975
996
  get name() {
976
997
  return this.getAttribute("name") ?? "";
977
998
  }
978
- set name(n) {
979
- this.setAttribute("name", n);
999
+ set name(o) {
1000
+ this.setAttribute("name", o);
980
1001
  }
981
1002
  get form() {
982
- return this[dt].form;
1003
+ return this[pt].form;
983
1004
  }
984
1005
  render() {
985
1006
  return this.href ? this.renderLink() : this.renderButton();
986
1007
  }
987
- renderIcon(n) {
988
- return this.icon ? d`<o-icon-button
989
- class=${n === "start" ? "icon-start" : "icon-end"}
1008
+ renderIcon(o) {
1009
+ return this.icon ? p`<o-icon-button
1010
+ class=${o === "start" ? "icon-start" : "icon-end"}
990
1011
  icon=${this.icon}
991
1012
  bgstyle="${this.variant === "primary" ? "none-light" : "none-contrast"}"
992
1013
  size="${this.iconSize}"
@@ -997,21 +1018,21 @@ let u = class extends be {
997
1018
  ></o-icon-button>` : h;
998
1019
  }
999
1020
  renderButton() {
1000
- const n = this.text || this.textsecond;
1001
- return d`
1021
+ const o = this.text || this.textsecond;
1022
+ return p`
1002
1023
  <button class="button" ?disabled=${this.disabled}>
1003
1024
  ${this.startIcon ? this.renderIcon("start") : h}
1004
- ${n ? d`
1005
- ${this.text ? d`<span>${this.text}</span>` : h}
1006
- ${this.textsecond ? d`<span>${this.textsecond}</span>` : h}
1007
- ` : d`<slot></slot>`}
1025
+ ${o ? p`
1026
+ ${this.text ? p`<span>${this.text}</span>` : h}
1027
+ ${this.textsecond ? p`<span>${this.textsecond}</span>` : h}
1028
+ ` : p`<slot></slot>`}
1008
1029
  ${this.endIcon ? this.renderIcon("end") : h}
1009
1030
  </button>
1010
1031
  `;
1011
1032
  }
1012
1033
  renderLink() {
1013
- const n = this.text || this.textsecond;
1014
- return d`
1034
+ const o = this.text || this.textsecond;
1035
+ return p`
1015
1036
  <a
1016
1037
  href=${this.href}
1017
1038
  target=${this.target || h}
@@ -1019,10 +1040,10 @@ let u = class extends be {
1019
1040
  ?disabled=${this.disabled}
1020
1041
  >
1021
1042
  ${this.startIcon ? this.renderIcon("start") : h}
1022
- ${n ? d`
1023
- ${this.text ? d`<span>${this.text}</span>` : h}
1024
- ${this.textsecond ? d`<span>${this.textsecond}</span>` : h}
1025
- ` : d`<slot></slot>`}
1043
+ ${o ? p`
1044
+ ${this.text ? p`<span>${this.text}</span>` : h}
1045
+ ${this.textsecond ? p`<span>${this.textsecond}</span>` : h}
1046
+ ` : p`<slot></slot>`}
1026
1047
  ${this.endIcon ? this.renderIcon("end") : h}
1027
1048
  </a>
1028
1049
  `;
@@ -1030,7 +1051,7 @@ let u = class extends be {
1030
1051
  };
1031
1052
  Qt(u);
1032
1053
  u.formAssociated = !0;
1033
- u.styles = S`
1054
+ u.styles = E`
1034
1055
  :host {
1035
1056
  --button-border: transparent;
1036
1057
  cursor: pointer;
@@ -1127,7 +1148,7 @@ u.styles = S`
1127
1148
  }
1128
1149
 
1129
1150
  .button:focus-visible {
1130
- ${Jt};
1151
+ ${Xt};
1131
1152
  }
1132
1153
 
1133
1154
  span + span::before {
@@ -1205,21 +1226,21 @@ v([
1205
1226
  u = v([
1206
1227
  T("o-button")
1207
1228
  ], u);
1208
- var ye = Object.defineProperty, $e = Object.getOwnPropertyDescriptor, Q = (n, t, e, o) => {
1209
- for (var s = o > 1 ? void 0 : o ? $e(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1210
- (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
1211
- return o && s && ye(t, e, s), s;
1229
+ var me = Object.defineProperty, we = Object.getOwnPropertyDescriptor, Q = (o, t, e, s) => {
1230
+ for (var n = s > 1 ? void 0 : s ? we(t, e) : t, i = o.length - 1, r; i >= 0; i--)
1231
+ (r = o[i]) && (n = (s ? r(t, e, n) : r(n)) || n);
1232
+ return s && n && me(t, e, n), n;
1212
1233
  };
1213
- let U = class extends $ {
1234
+ let z = class extends $ {
1214
1235
  constructor() {
1215
1236
  super(...arguments), this.status = "empty", this.ariaDescribedBy = "a-product-name", this.label = "Add to wishlist";
1216
1237
  }
1217
1238
  render() {
1218
- const n = pt.wishlist.replace(
1239
+ const o = dt.wishlist.replace(
1219
1240
  "<svg",
1220
1241
  '<svg aria-hidden="true" focusable="false" part="svg"'
1221
1242
  );
1222
- return d`
1243
+ return p`
1223
1244
  <button
1224
1245
  type="button"
1225
1246
  aria-describedby="${this.ariaDescribedBy}"
@@ -1227,11 +1248,11 @@ let U = class extends $ {
1227
1248
  @click="${this.handleClick}"
1228
1249
  >
1229
1250
  <span class="sr-only">${this.label}</span>
1230
- ${J(n)}
1251
+ ${X(o)}
1231
1252
  </button>
1232
1253
  `;
1233
1254
  }
1234
- handleClick(n) {
1255
+ handleClick(o) {
1235
1256
  this.toggleStatus(), this.dispatchEvent(new MouseEvent("click", {
1236
1257
  bubbles: !0,
1237
1258
  composed: !0
@@ -1240,17 +1261,17 @@ let U = class extends $ {
1240
1261
  toggleStatus() {
1241
1262
  this.status = this.status == "empty" ? "filled" : "empty";
1242
1263
  }
1243
- setStatus(n) {
1244
- this.status = n, this.requestUpdate();
1264
+ setStatus(o) {
1265
+ this.status = o, this.requestUpdate();
1245
1266
  }
1246
- setAriaDescribedBy(n) {
1247
- this.ariaDescribedBy = n, this.requestUpdate();
1267
+ setAriaDescribedBy(o) {
1268
+ this.ariaDescribedBy = o, this.requestUpdate();
1248
1269
  }
1249
- setLabel(n) {
1250
- this.label = n, this.requestUpdate();
1270
+ setLabel(o) {
1271
+ this.label = o, this.requestUpdate();
1251
1272
  }
1252
1273
  };
1253
- U.styles = S`
1274
+ z.styles = E`
1254
1275
  :host {
1255
1276
  display: inline-flex;
1256
1277
  justify-content: center;
@@ -1307,29 +1328,29 @@ U.styles = S`
1307
1328
  `;
1308
1329
  Q([
1309
1330
  l({ type: String, reflect: !0 })
1310
- ], U.prototype, "status", 2);
1331
+ ], z.prototype, "status", 2);
1311
1332
  Q([
1312
1333
  l({ type: String, reflect: !0 })
1313
- ], U.prototype, "ariaDescribedBy", 2);
1334
+ ], z.prototype, "ariaDescribedBy", 2);
1314
1335
  Q([
1315
1336
  l({ type: String, reflect: !0 })
1316
- ], U.prototype, "label", 2);
1317
- U = Q([
1337
+ ], z.prototype, "label", 2);
1338
+ z = Q([
1318
1339
  T("o-wishlist-button")
1319
- ], U);
1320
- var me = Object.defineProperty, we = Object.getOwnPropertyDescriptor, H = (n, t, e, o) => {
1321
- for (var s = o > 1 ? void 0 : o ? we(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1322
- (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
1323
- return o && s && me(t, e, s), s;
1340
+ ], z);
1341
+ var _e = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, H = (o, t, e, s) => {
1342
+ for (var n = s > 1 ? void 0 : s ? xe(t, e) : t, i = o.length - 1, r; i >= 0; i--)
1343
+ (r = o[i]) && (n = (s ? r(t, e, n) : r(n)) || n);
1344
+ return s && n && _e(t, e, n), n;
1324
1345
  };
1325
1346
  let _ = class extends $ {
1326
1347
  constructor() {
1327
1348
  super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
1328
1349
  }
1329
1350
  render() {
1330
- return d`
1351
+ return p`
1331
1352
  <a href="${this.href}" target="${this.target}">
1332
- ${this.endIcon && this.reverseEndIcon ? d`
1353
+ ${this.endIcon && this.reverseEndIcon ? p`
1333
1354
  <o-icon-button
1334
1355
  icon="chevronLeft"
1335
1356
  bgstyle="${this.inverse ? "none-light" : "none-contrast"}"
@@ -1339,7 +1360,7 @@ let _ = class extends $ {
1339
1360
  ></o-icon-button>
1340
1361
  ` : null}
1341
1362
  <span class="link-text"><slot></slot></span>
1342
- ${this.endIcon && !this.reverseEndIcon ? d`
1363
+ ${this.endIcon && !this.reverseEndIcon ? p`
1343
1364
  <o-icon-button
1344
1365
  icon="chevronRight"
1345
1366
  bgstyle="${this.inverse ? "none-light" : "none-contrast"}"
@@ -1352,7 +1373,7 @@ let _ = class extends $ {
1352
1373
  `;
1353
1374
  }
1354
1375
  };
1355
- _.styles = S`
1376
+ _.styles = E`
1356
1377
  :host([template="standard"]) a {
1357
1378
  color: var(--color-content-action-secondary);
1358
1379
  font-size: var(--font-size-200);
@@ -1461,39 +1482,39 @@ H([
1461
1482
  _ = H([
1462
1483
  T("o-link")
1463
1484
  ], _);
1464
- var _e = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, Y = (n, t, e, o) => {
1465
- for (var s = o > 1 ? void 0 : o ? xe(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1466
- (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
1467
- return o && s && _e(t, e, s), s;
1485
+ var Ae = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, Y = (o, t, e, s) => {
1486
+ for (var n = s > 1 ? void 0 : s ? Se(t, e) : t, i = o.length - 1, r; i >= 0; i--)
1487
+ (r = o[i]) && (n = (s ? r(t, e, n) : r(n)) || n);
1488
+ return s && n && Ae(t, e, n), n;
1468
1489
  };
1469
- let z = class extends $ {
1490
+ let U = class extends $ {
1470
1491
  constructor() {
1471
1492
  super(...arguments), this.rating = 0;
1472
1493
  }
1473
1494
  getStarKeys() {
1474
- const n = [];
1495
+ const o = [];
1475
1496
  for (let t = 0; t < 5; t++) {
1476
1497
  const e = this.rating - t;
1477
- let o;
1478
- e >= 1 ? o = 100 : e <= 0 ? o = 0 : o = Math.round(e * 100 / 25) * 25, n.push(`star-${o}`);
1498
+ let s;
1499
+ e >= 1 ? s = 100 : e <= 0 ? s = 0 : s = Math.round(e * 100 / 25) * 25, o.push(`star-${s}`);
1479
1500
  }
1480
- return n;
1501
+ return o;
1481
1502
  }
1482
1503
  render() {
1483
- const n = this.getStarKeys();
1484
- return d`
1504
+ const o = this.getStarKeys();
1505
+ return p`
1485
1506
  <div class="rating">
1486
1507
  <div class="stars">
1487
- ${n.map(
1488
- (t) => d`<span class="star">${J(pt[t] ?? "")}</span>`
1508
+ ${o.map(
1509
+ (t) => p`<span class="star">${X(dt[t] ?? "")}</span>`
1489
1510
  )}
1490
1511
  </div>
1491
- ${this.reviewCount != null && this.href != null ? d`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
1512
+ ${this.reviewCount != null && this.href != null ? p`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
1492
1513
  </div>
1493
1514
  `;
1494
1515
  }
1495
1516
  };
1496
- z.styles = S`
1517
+ U.styles = E`
1497
1518
  svg {
1498
1519
  width: 12px;
1499
1520
  height: 12px;
@@ -1529,25 +1550,25 @@ z.styles = S`
1529
1550
  `;
1530
1551
  Y([
1531
1552
  l({ type: Number })
1532
- ], z.prototype, "rating", 2);
1553
+ ], U.prototype, "rating", 2);
1533
1554
  Y([
1534
1555
  l({ type: String })
1535
- ], z.prototype, "reviewCount", 2);
1556
+ ], U.prototype, "reviewCount", 2);
1536
1557
  Y([
1537
1558
  l({ type: String })
1538
- ], z.prototype, "href", 2);
1539
- z = Y([
1559
+ ], U.prototype, "href", 2);
1560
+ U = Y([
1540
1561
  T("o-rating")
1541
- ], z);
1542
- var Ae = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, y = (n, t, e, o) => {
1543
- for (var s = o > 1 ? void 0 : o ? Ee(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1544
- (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
1545
- return o && s && Ae(t, e, s), s;
1562
+ ], U);
1563
+ var Ee = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, y = (o, t, e, s) => {
1564
+ for (var n = s > 1 ? void 0 : s ? Ce(t, e) : t, i = o.length - 1, r; i >= 0; i--)
1565
+ (r = o[i]) && (n = (s ? r(t, e, n) : r(n)) || n);
1566
+ return s && n && Ee(t, e, n), n;
1546
1567
  };
1547
1568
  let b = class extends $ {
1548
1569
  constructor() {
1549
- super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !0, this.headerTitle = "", this.closeButtonLabel = "Close the modal", this.firstButtonLabel = "First Button", this.firstButtonVariant = "primary", this.secondaryButtonLabel = "Second Button", this.secondaryButtonVariant = "primary", this.previousFocusedElement = null, this.handleKeyDown = (n) => {
1550
- this.open && (n.key === "Escape" ? this.closePanel() : n.key === "Tab" && this.trapFocus(n));
1570
+ super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !0, this.headerTitle = "", this.closeButtonLabel = "Close the modal", this.firstButtonLabel = "First Button", this.firstButtonVariant = "primary", this.secondaryButtonLabel = "Second Button", this.secondaryButtonVariant = "primary", this.previousFocusedElement = null, this.handleKeyDown = (o) => {
1571
+ this.open && (o.key === "Escape" ? this.closePanel() : o.key === "Tab" && this.trapFocus(o));
1551
1572
  };
1552
1573
  }
1553
1574
  connectedCallback() {
@@ -1556,29 +1577,29 @@ let b = class extends $ {
1556
1577
  disconnectedCallback() {
1557
1578
  window.removeEventListener("keydown", this.handleKeyDown), super.disconnectedCallback();
1558
1579
  }
1559
- trapFocus(n) {
1580
+ trapFocus(o) {
1560
1581
  const t = this.getFocusableElements();
1561
1582
  if (t.length === 0) return;
1562
- const e = t[0], o = t[t.length - 1];
1563
- n.shiftKey && document.activeElement === e ? (n.preventDefault(), o.focus()) : !n.shiftKey && document.activeElement === o && (n.preventDefault(), e.focus());
1583
+ const e = t[0], s = t[t.length - 1];
1584
+ o.shiftKey && document.activeElement === e ? (o.preventDefault(), s.focus()) : !o.shiftKey && document.activeElement === s && (o.preventDefault(), e.focus());
1564
1585
  }
1565
1586
  getFocusableElements() {
1566
- const n = this.renderRoot.querySelector(".panel");
1567
- return n ? Array.from(
1568
- n.querySelectorAll(
1587
+ const o = this.renderRoot.querySelector(".panel");
1588
+ return o ? Array.from(
1589
+ o.querySelectorAll(
1569
1590
  'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
1570
1591
  )
1571
1592
  ).filter((t) => !t.hasAttribute("disabled")) : [];
1572
1593
  }
1573
1594
  openPanel() {
1574
1595
  this.previousFocusedElement = document.activeElement, this.open = !0, this.updateComplete.then(() => {
1575
- const n = this.getFocusableElements()[0];
1576
- n == null || n.focus();
1596
+ const o = this.getFocusableElements()[0];
1597
+ o == null || o.focus();
1577
1598
  });
1578
1599
  }
1579
1600
  closePanel() {
1580
- var n;
1581
- this.open = !1, (n = this.previousFocusedElement) == null || n.focus(), this.dispatchEvent(
1601
+ var o;
1602
+ this.open = !1, (o = this.previousFocusedElement) == null || o.focus(), this.dispatchEvent(
1582
1603
  new CustomEvent("close", { bubbles: !0, composed: !0 })
1583
1604
  );
1584
1605
  }
@@ -1589,7 +1610,7 @@ let b = class extends $ {
1589
1610
  typeof this.onSecondaryButtonClick == "function" && this.onSecondaryButtonClick(), this.closePanel();
1590
1611
  }
1591
1612
  render() {
1592
- return d`
1613
+ return p`
1593
1614
  <div class="overlay" @click=${this.closePanel}></div>
1594
1615
  <div
1595
1616
  class="panel"
@@ -1599,7 +1620,7 @@ let b = class extends $ {
1599
1620
  >
1600
1621
  <o-icon-button icon="cross" size="medium" class="close-btn" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
1601
1622
 
1602
- ${this.showHeader ? d`
1623
+ ${this.showHeader ? p`
1603
1624
  <div class="header">
1604
1625
  <span id="panel-title" class="panel-title">${this.headerTitle}</span>
1605
1626
  </div>
@@ -1609,9 +1630,9 @@ let b = class extends $ {
1609
1630
  <slot></slot>
1610
1631
  </div>
1611
1632
 
1612
- ${this.showFooter && this.firstButtonVariant && this.firstButtonLabel || this.secondaryButtonVariant && this.secondaryButtonLabel ? d`
1633
+ ${this.showFooter && this.firstButtonVariant && this.firstButtonLabel || this.secondaryButtonVariant && this.secondaryButtonLabel ? p`
1613
1634
  <div class="footer">
1614
- ${this.firstButtonVariant && this.firstButtonLabel ? d`
1635
+ ${this.firstButtonVariant && this.firstButtonLabel ? p`
1615
1636
  <o-button
1616
1637
  customclass="full"
1617
1638
  variant="${this.firstButtonVariant}"
@@ -1621,7 +1642,7 @@ let b = class extends $ {
1621
1642
  </o-button>
1622
1643
  ` : null}
1623
1644
 
1624
- ${this.secondaryButtonVariant && this.secondaryButtonLabel ? d`
1645
+ ${this.secondaryButtonVariant && this.secondaryButtonLabel ? p`
1625
1646
  <o-button
1626
1647
  customclass="full"
1627
1648
  variant="${this.secondaryButtonVariant}"
@@ -1636,7 +1657,7 @@ let b = class extends $ {
1636
1657
  `;
1637
1658
  }
1638
1659
  };
1639
- b.styles = S`
1660
+ b.styles = E`
1640
1661
  :host {
1641
1662
  position: fixed;
1642
1663
  top: 0;