@florid-kit/components 0.4.21 → 0.4.23

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/{product-tag.d.ts → tag.d.ts} +5 -2
  2. package/index.js +79 -62
  3. package/index.mjs +335 -312
  4. package/package.json +1 -1
package/index.mjs CHANGED
@@ -3,18 +3,18 @@
3
3
  * Copyright 2019 Google LLC
4
4
  * SPDX-License-Identifier: BSD-3-Clause
5
5
  */
6
- const X = globalThis, dt = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, pt = Symbol(), gt = /* @__PURE__ */ new WeakMap();
6
+ const X = globalThis, dt = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, pt = Symbol(), vt = /* @__PURE__ */ new WeakMap();
7
7
  let Ct = class {
8
- constructor(t, e, o) {
9
- if (this._$cssResult$ = !0, o !== pt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
8
+ constructor(t, e, i) {
9
+ if (this._$cssResult$ = !0, i !== pt) 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 (dt && t === void 0) {
16
- const o = e !== void 0 && e.length === 1;
17
- o && (t = gt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && gt.set(e, t));
16
+ const i = e !== void 0 && e.length === 1;
17
+ i && (t = vt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && vt.set(e, t));
18
18
  }
19
19
  return t;
20
20
  }
@@ -22,33 +22,33 @@ let Ct = class {
22
22
  return this.cssText;
23
23
  }
24
24
  };
25
- const Bt = (n) => new Ct(typeof n == "string" ? n : n + "", void 0, pt), $ = (n, ...t) => {
26
- const e = n.length === 1 ? n[0] : t.reduce((o, i, r) => o + ((s) => {
25
+ const Ot = (n) => new Ct(typeof n == "string" ? n : n + "", void 0, pt), $ = (n, ...t) => {
26
+ const e = n.length === 1 ? n[0] : t.reduce((i, o, r) => i + ((s) => {
27
27
  if (s._$cssResult$ === !0) return s.cssText;
28
28
  if (typeof s == "number") return s;
29
29
  throw Error("Value passed to 'css' function must be a 'css' function result: " + s + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
30
- })(i) + n[r + 1], n[0]);
30
+ })(o) + n[r + 1], n[0]);
31
31
  return new Ct(e, n, pt);
32
- }, Ot = (n, t) => {
32
+ }, zt = (n, t) => {
33
33
  if (dt) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
34
34
  else for (const e of t) {
35
- const o = document.createElement("style"), i = X.litNonce;
36
- i !== void 0 && o.setAttribute("nonce", i), o.textContent = e.cssText, n.appendChild(o);
35
+ const i = document.createElement("style"), o = X.litNonce;
36
+ o !== void 0 && i.setAttribute("nonce", o), i.textContent = e.cssText, n.appendChild(i);
37
37
  }
38
38
  }, bt = dt ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
39
39
  let e = "";
40
- for (const o of t.cssRules) e += o.cssText;
41
- return Bt(e);
40
+ for (const i of t.cssRules) e += i.cssText;
41
+ return Ot(e);
42
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: zt, defineProperty: Ht, getOwnPropertyDescriptor: Mt, getOwnPropertyNames: Tt, getOwnPropertySymbols: Dt, getPrototypeOf: Ut } = Object, C = globalThis, yt = C.trustedTypes, Nt = yt ? yt.emptyScript : "", ot = C.reactiveElementPolyfillSupport, R = (n, t) => n, J = { toAttribute(n, t) {
48
+ const { is: Ht, defineProperty: Mt, getOwnPropertyDescriptor: Tt, getOwnPropertyNames: Dt, getOwnPropertySymbols: Ut, getPrototypeOf: Nt } = Object, C = globalThis, yt = C.trustedTypes, jt = yt ? yt.emptyScript : "", it = C.reactiveElementPolyfillSupport, R = (n, t) => n, J = { toAttribute(n, t) {
49
49
  switch (t) {
50
50
  case Boolean:
51
- n = n ? Nt : null;
51
+ n = n ? jt : null;
52
52
  break;
53
53
  case Object:
54
54
  case Array:
@@ -73,7 +73,7 @@ const { is: zt, defineProperty: Ht, getOwnPropertyDescriptor: Mt, getOwnProperty
73
73
  }
74
74
  }
75
75
  return e;
76
- } }, ut = (n, t) => !zt(n, t), mt = { attribute: !0, type: String, converter: J, reflect: !1, useDefault: !1, hasChanged: ut };
76
+ } }, ut = (n, t) => !Ht(n, t), mt = { attribute: !0, type: String, converter: J, reflect: !1, useDefault: !1, hasChanged: ut };
77
77
  Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), C.litPropertyMetadata ?? (C.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
78
78
  let T = class extends HTMLElement {
79
79
  static addInitializer(t) {
@@ -84,19 +84,19 @@ let T = class extends HTMLElement {
84
84
  }
85
85
  static createProperty(t, e = mt) {
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(), i = this.getPropertyDescriptor(t, o, e);
88
- i !== void 0 && Ht(this.prototype, t, i);
87
+ const i = Symbol(), o = this.getPropertyDescriptor(t, i, e);
88
+ o !== void 0 && Mt(this.prototype, t, o);
89
89
  }
90
90
  }
91
- static getPropertyDescriptor(t, e, o) {
92
- const { get: i, set: r } = Mt(this.prototype, t) ?? { get() {
91
+ static getPropertyDescriptor(t, e, i) {
92
+ const { get: o, set: r } = Tt(this.prototype, t) ?? { get() {
93
93
  return this[e];
94
94
  }, set(s) {
95
95
  this[e] = s;
96
96
  } };
97
- return { get: i, set(s) {
98
- const c = i == null ? void 0 : i.call(this);
99
- r == null || r.call(this, s), this.requestUpdate(t, c, o);
97
+ return { get: o, set(s) {
98
+ const c = o == null ? void 0 : o.call(this);
99
+ r == null || r.call(this, s), this.requestUpdate(t, c, i);
100
100
  }, configurable: !0, enumerable: !0 };
101
101
  }
102
102
  static getPropertyOptions(t) {
@@ -104,38 +104,38 @@ let T = class extends HTMLElement {
104
104
  }
105
105
  static _$Ei() {
106
106
  if (this.hasOwnProperty(R("elementProperties"))) return;
107
- const t = Ut(this);
107
+ const t = Nt(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(R("finalized"))) return;
112
112
  if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(R("properties"))) {
113
- const e = this.properties, o = [...Tt(e), ...Dt(e)];
114
- for (const i of o) this.createProperty(i, e[i]);
113
+ const e = this.properties, i = [...Dt(e), ...Ut(e)];
114
+ for (const o of i) 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 [o, i] of e) this.elementProperties.set(o, i);
119
+ if (e !== void 0) for (const [i, o] of e) this.elementProperties.set(i, o);
120
120
  }
121
121
  this._$Eh = /* @__PURE__ */ new Map();
122
- for (const [e, o] of this.elementProperties) {
123
- const i = this._$Eu(e, o);
124
- i !== void 0 && this._$Eh.set(i, e);
122
+ for (const [e, i] of this.elementProperties) {
123
+ const o = this._$Eu(e, i);
124
+ o !== void 0 && this._$Eh.set(o, 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 i of o) e.unshift(bt(i));
131
+ const i = new Set(t.flat(1 / 0).reverse());
132
+ for (const o of i) e.unshift(bt(o));
133
133
  } else t !== void 0 && e.push(bt(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 i = e.attribute;
138
+ return i === !1 ? void 0 : typeof i == "string" ? i : 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,18 +154,18 @@ let T = 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 i of e.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
158
158
  t.size > 0 && (this._$Ep = t);
159
159
  }
160
160
  createRenderRoot() {
161
161
  const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
162
- return Ot(t, this.constructor.elementStyles), t;
162
+ return zt(t, this.constructor.elementStyles), t;
163
163
  }
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 i;
168
+ return (i = e.hostConnected) == null ? void 0 : i.call(e);
169
169
  });
170
170
  }
171
171
  enableUpdating(t) {
@@ -173,40 +173,40 @@ let T = 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 i;
177
+ return (i = e.hostDisconnected) == null ? void 0 : i.call(e);
178
178
  });
179
179
  }
180
- attributeChangedCallback(t, e, o) {
181
- this._$AK(t, o);
180
+ attributeChangedCallback(t, e, i) {
181
+ this._$AK(t, i);
182
182
  }
183
183
  _$ET(t, e) {
184
184
  var r;
185
- const o = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, o);
186
- if (i !== void 0 && o.reflect === !0) {
187
- const s = (((r = o.converter) == null ? void 0 : r.toAttribute) !== void 0 ? o.converter : J).toAttribute(e, o.type);
188
- this._$Em = t, s == null ? this.removeAttribute(i) : this.setAttribute(i, s), this._$Em = null;
185
+ const i = this.constructor.elementProperties.get(t), o = this.constructor._$Eu(t, i);
186
+ if (o !== void 0 && i.reflect === !0) {
187
+ const s = (((r = i.converter) == null ? void 0 : r.toAttribute) !== void 0 ? i.converter : J).toAttribute(e, i.type);
188
+ this._$Em = t, s == null ? this.removeAttribute(o) : this.setAttribute(o, s), this._$Em = null;
189
189
  }
190
190
  }
191
191
  _$AK(t, e) {
192
192
  var r, s;
193
- const o = this.constructor, i = o._$Eh.get(t);
194
- if (i !== void 0 && this._$Em !== i) {
195
- const c = o.getPropertyOptions(i), l = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((r = c.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? c.converter : J;
196
- this._$Em = i, this[i] = l.fromAttribute(e, c.type) ?? ((s = this._$Ej) == null ? void 0 : s.get(i)) ?? null, this._$Em = null;
193
+ const i = this.constructor, o = i._$Eh.get(t);
194
+ if (o !== void 0 && this._$Em !== o) {
195
+ const c = i.getPropertyOptions(o), l = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((r = c.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? c.converter : J;
196
+ this._$Em = o, this[o] = l.fromAttribute(e, c.type) ?? ((s = this._$Ej) == null ? void 0 : s.get(o)) ?? null, this._$Em = null;
197
197
  }
198
198
  }
199
- requestUpdate(t, e, o) {
200
- var i;
199
+ requestUpdate(t, e, i) {
200
+ var o;
201
201
  if (t !== void 0) {
202
202
  const r = this.constructor, s = this[t];
203
- if (o ?? (o = r.getPropertyOptions(t)), !((o.hasChanged ?? ut)(s, e) || o.useDefault && o.reflect && s === ((i = this._$Ej) == null ? void 0 : i.get(t)) && !this.hasAttribute(r._$Eu(t, o)))) return;
204
- this.C(t, e, o);
203
+ if (i ?? (i = r.getPropertyOptions(t)), !((i.hasChanged ?? ut)(s, e) || i.useDefault && i.reflect && s === ((o = this._$Ej) == null ? void 0 : o.get(t)) && !this.hasAttribute(r._$Eu(t, i)))) return;
204
+ this.C(t, e, i);
205
205
  }
206
206
  this.isUpdatePending === !1 && (this._$ES = this._$EP());
207
207
  }
208
- C(t, e, { useDefault: o, reflect: i, wrapped: r }, s) {
209
- o && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, s ?? e ?? this[t]), r !== !0 || s !== void 0) || (this._$AL.has(t) || (this.hasUpdated || o || (e = void 0), this._$AL.set(t, e)), i === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
208
+ C(t, e, { useDefault: i, reflect: o, wrapped: r }, s) {
209
+ i && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, s ?? e ?? this[t]), r !== !0 || s !== void 0) || (this._$AL.has(t) || (this.hasUpdated || i || (e = void 0), this._$AL.set(t, e)), o === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
210
210
  }
211
211
  async _$EP() {
212
212
  this.isUpdatePending = !0;
@@ -222,15 +222,15 @@ let T = class extends HTMLElement {
222
222
  return this.performUpdate();
223
223
  }
224
224
  performUpdate() {
225
- var o;
225
+ var i;
226
226
  if (!this.isUpdatePending) return;
227
227
  if (!this.hasUpdated) {
228
228
  if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
229
229
  for (const [r, s] of this._$Ep) this[r] = s;
230
230
  this._$Ep = void 0;
231
231
  }
232
- const i = this.constructor.elementProperties;
233
- if (i.size > 0) for (const [r, s] of i) {
232
+ const o = this.constructor.elementProperties;
233
+ if (o.size > 0) for (const [r, s] of o) {
234
234
  const { wrapped: c } = s, l = this[r];
235
235
  c !== !0 || this._$AL.has(r) || l === void 0 || this.C(r, void 0, s, l);
236
236
  }
@@ -238,12 +238,12 @@ let T = class extends HTMLElement {
238
238
  let t = !1;
239
239
  const e = this._$AL;
240
240
  try {
241
- t = this.shouldUpdate(e), t ? (this.willUpdate(e), (o = this._$EO) == null || o.forEach((i) => {
241
+ t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$EO) == null || i.forEach((o) => {
242
242
  var r;
243
- return (r = i.hostUpdate) == null ? void 0 : r.call(i);
243
+ return (r = o.hostUpdate) == null ? void 0 : r.call(o);
244
244
  }), this.update(e)) : this._$EM();
245
- } catch (i) {
246
- throw t = !1, this._$EM(), i;
245
+ } catch (o) {
246
+ throw t = !1, this._$EM(), o;
247
247
  }
248
248
  t && this._$AE(e);
249
249
  }
@@ -251,9 +251,9 @@ let T = class extends HTMLElement {
251
251
  }
252
252
  _$AE(t) {
253
253
  var e;
254
- (e = this._$EO) == null || e.forEach((o) => {
255
- var i;
256
- return (i = o.hostUpdated) == null ? void 0 : i.call(o);
254
+ (e = this._$EO) == null || e.forEach((i) => {
255
+ var o;
256
+ return (o = i.hostUpdated) == null ? void 0 : o.call(i);
257
257
  }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
258
258
  }
259
259
  _$EM() {
@@ -276,76 +276,76 @@ let T = class extends HTMLElement {
276
276
  firstUpdated(t) {
277
277
  }
278
278
  };
279
- T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[R("elementProperties")] = /* @__PURE__ */ new Map(), T[R("finalized")] = /* @__PURE__ */ new Map(), ot == null || ot({ ReactiveElement: T }), (C.reactiveElementVersions ?? (C.reactiveElementVersions = [])).push("2.1.0");
279
+ T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[R("elementProperties")] = /* @__PURE__ */ new Map(), T[R("finalized")] = /* @__PURE__ */ new Map(), it == null || it({ ReactiveElement: T }), (C.reactiveElementVersions ?? (C.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 V = globalThis, Q = V.trustedTypes, wt = Q ? Q.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Lt = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Pt = "?" + E, jt = `<${Pt}>`, O = document, F = () => O.createComment(""), Z = (n) => n === null || typeof n != "object" && typeof n != "function", vt = Array.isArray, Rt = (n) => vt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", it = `[
286
- \f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, xt = />/g, k = RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^
287
- \f\r"'\`<>=]|("|')|))|$)`, "g"), _t = /'/g, At = /"/g, kt = /^(?:script|style|textarea|title)$/i, Vt = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), h = Vt(1), z = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), St = /* @__PURE__ */ new WeakMap(), I = O.createTreeWalker(O, 129);
285
+ const V = globalThis, Y = V.trustedTypes, wt = Y ? Y.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Lt = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Pt = "?" + E, Rt = `<${Pt}>`, O = document, F = () => O.createComment(""), Z = (n) => n === null || typeof n != "object" && typeof n != "function", ft = Array.isArray, Vt = (n) => ft(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", st = `[
286
+ \f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, xt = />/g, k = RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^
287
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), _t = /'/g, At = /"/g, kt = /^(?:script|style|textarea|title)$/i, Ft = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), h = Ft(1), z = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), St = /* @__PURE__ */ new WeakMap(), I = O.createTreeWalker(O, 129);
288
288
  function It(n, t) {
289
- if (!vt(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
289
+ if (!ft(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
290
290
  return wt !== void 0 ? wt.createHTML(t) : t;
291
291
  }
292
- const Ft = (n, t) => {
293
- const e = n.length - 1, o = [];
294
- let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = j;
292
+ const Zt = (n, t) => {
293
+ const e = n.length - 1, i = [];
294
+ let o, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = j;
295
295
  for (let c = 0; c < e; c++) {
296
296
  const l = n[c];
297
- let v, g, p = -1, x = 0;
298
- for (; x < l.length && (s.lastIndex = x, g = s.exec(l), g !== null); ) x = s.lastIndex, s === j ? g[1] === "!--" ? s = $t : g[1] !== void 0 ? s = xt : g[2] !== void 0 ? (kt.test(g[2]) && (i = RegExp("</" + g[2], "g")), s = k) : g[3] !== void 0 && (s = k) : s === k ? g[0] === ">" ? (s = i ?? j, p = -1) : g[1] === void 0 ? p = -2 : (p = s.lastIndex - g[2].length, v = g[1], s = g[3] === void 0 ? k : g[3] === '"' ? At : _t) : s === At || s === _t ? s = k : s === $t || s === xt ? s = j : (s = k, i = void 0);
297
+ let f, v, p = -1, x = 0;
298
+ for (; x < l.length && (s.lastIndex = x, v = s.exec(l), v !== null); ) x = s.lastIndex, s === j ? v[1] === "!--" ? s = $t : v[1] !== void 0 ? s = xt : v[2] !== void 0 ? (kt.test(v[2]) && (o = RegExp("</" + v[2], "g")), s = k) : v[3] !== void 0 && (s = k) : s === k ? v[0] === ">" ? (s = o ?? j, p = -1) : v[1] === void 0 ? p = -2 : (p = s.lastIndex - v[2].length, f = v[1], s = v[3] === void 0 ? k : v[3] === '"' ? At : _t) : s === At || s === _t ? s = k : s === $t || s === xt ? s = j : (s = k, o = void 0);
299
299
  const S = s === k && n[c + 1].startsWith("/>") ? " " : "";
300
- r += s === j ? l + jt : p >= 0 ? (o.push(v), l.slice(0, p) + Lt + l.slice(p) + E + S) : l + E + (p === -2 ? c : S);
300
+ r += s === j ? l + Rt : p >= 0 ? (i.push(f), l.slice(0, p) + Lt + l.slice(p) + E + S) : l + E + (p === -2 ? c : S);
301
301
  }
302
- return [It(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
302
+ return [It(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
303
303
  };
304
304
  class q {
305
- constructor({ strings: t, _$litType$: e }, o) {
306
- let i;
305
+ constructor({ strings: t, _$litType$: e }, i) {
306
+ let o;
307
307
  this.parts = [];
308
308
  let r = 0, s = 0;
309
- const c = t.length - 1, l = this.parts, [v, g] = Ft(t, e);
310
- if (this.el = q.createElement(v, o), I.currentNode = this.el.content, e === 2 || e === 3) {
309
+ const c = t.length - 1, l = this.parts, [f, v] = Zt(t, e);
310
+ if (this.el = q.createElement(f, i), I.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 (; (i = I.nextNode()) !== null && l.length < c; ) {
315
- if (i.nodeType === 1) {
316
- if (i.hasAttributes()) for (const p of i.getAttributeNames()) if (p.endsWith(Lt)) {
317
- const x = g[s++], S = i.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec(x);
318
- l.push({ type: 1, index: r, name: K[2], strings: S, ctor: K[1] === "." ? qt : K[1] === "?" ? Wt : K[1] === "@" ? Gt : Y }), i.removeAttribute(p);
319
- } else p.startsWith(E) && (l.push({ type: 6, index: r }), i.removeAttribute(p));
320
- if (kt.test(i.tagName)) {
321
- const p = i.textContent.split(E), x = p.length - 1;
314
+ for (; (o = I.nextNode()) !== null && l.length < c; ) {
315
+ if (o.nodeType === 1) {
316
+ if (o.hasAttributes()) for (const p of o.getAttributeNames()) if (p.endsWith(Lt)) {
317
+ const x = v[s++], S = o.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec(x);
318
+ l.push({ type: 1, index: r, name: K[2], strings: S, ctor: K[1] === "." ? Wt : K[1] === "?" ? Gt : K[1] === "@" ? Kt : tt }), o.removeAttribute(p);
319
+ } else p.startsWith(E) && (l.push({ type: 6, index: r }), o.removeAttribute(p));
320
+ if (kt.test(o.tagName)) {
321
+ const p = o.textContent.split(E), x = p.length - 1;
322
322
  if (x > 0) {
323
- i.textContent = Q ? Q.emptyScript : "";
324
- for (let S = 0; S < x; S++) i.append(p[S], F()), I.nextNode(), l.push({ type: 2, index: ++r });
325
- i.append(p[x], F());
323
+ o.textContent = Y ? Y.emptyScript : "";
324
+ for (let S = 0; S < x; S++) o.append(p[S], F()), I.nextNode(), l.push({ type: 2, index: ++r });
325
+ o.append(p[x], F());
326
326
  }
327
327
  }
328
- } else if (i.nodeType === 8) if (i.data === Pt) l.push({ type: 2, index: r });
328
+ } else if (o.nodeType === 8) if (o.data === Pt) l.push({ type: 2, index: r });
329
329
  else {
330
330
  let p = -1;
331
- for (; (p = i.data.indexOf(E, p + 1)) !== -1; ) l.push({ type: 7, index: r }), p += E.length - 1;
331
+ for (; (p = o.data.indexOf(E, p + 1)) !== -1; ) l.push({ type: 7, index: r }), p += E.length - 1;
332
332
  }
333
333
  r++;
334
334
  }
335
335
  }
336
336
  static createElement(t, e) {
337
- const o = O.createElement("template");
338
- return o.innerHTML = t, o;
337
+ const i = O.createElement("template");
338
+ return i.innerHTML = t, i;
339
339
  }
340
340
  }
341
- function D(n, t, e = n, o) {
341
+ function D(n, t, e = n, i) {
342
342
  var s, c;
343
343
  if (t === z) return t;
344
- let i = o !== void 0 ? (s = e._$Co) == null ? void 0 : s[o] : e._$Cl;
344
+ let o = i !== void 0 ? (s = e._$Co) == null ? void 0 : s[i] : e._$Cl;
345
345
  const r = Z(t) ? void 0 : t._$litDirective$;
346
- return (i == null ? void 0 : i.constructor) !== r && ((c = i == null ? void 0 : i._$AO) == null || c.call(i, !1), r === void 0 ? i = void 0 : (i = new r(n), i._$AT(n, e, o)), o !== void 0 ? (e._$Co ?? (e._$Co = []))[o] = i : e._$Cl = i), i !== void 0 && (t = D(n, i._$AS(n, t.values), i, o)), t;
346
+ return (o == null ? void 0 : o.constructor) !== r && ((c = o == null ? void 0 : o._$AO) == null || c.call(o, !1), r === void 0 ? o = void 0 : (o = new r(n), o._$AT(n, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = o : e._$Cl = o), o !== void 0 && (t = D(n, o._$AS(n, t.values), o, i)), t;
347
347
  }
348
- class Zt {
348
+ class qt {
349
349
  constructor(t, e) {
350
350
  this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
351
351
  }
@@ -356,21 +356,21 @@ class Zt {
356
356
  return this._$AM._$AU;
357
357
  }
358
358
  u(t) {
359
- const { el: { content: e }, parts: o } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? O).importNode(e, !0);
360
- I.currentNode = i;
361
- let r = I.nextNode(), s = 0, c = 0, l = o[0];
359
+ const { el: { content: e }, parts: i } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? O).importNode(e, !0);
360
+ I.currentNode = o;
361
+ let r = I.nextNode(), s = 0, c = 0, l = i[0];
362
362
  for (; l !== void 0; ) {
363
363
  if (s === l.index) {
364
- let v;
365
- l.type === 2 ? v = new G(r, r.nextSibling, this, t) : l.type === 1 ? v = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (v = new Kt(r, this, t)), this._$AV.push(v), l = o[++c];
364
+ let f;
365
+ l.type === 2 ? f = new G(r, r.nextSibling, this, t) : l.type === 1 ? f = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (f = new Xt(r, this, t)), this._$AV.push(f), l = i[++c];
366
366
  }
367
367
  s !== (l == null ? void 0 : l.index) && (r = I.nextNode(), s++);
368
368
  }
369
- return I.currentNode = O, i;
369
+ return I.currentNode = O, o;
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 i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
374
374
  }
375
375
  }
376
376
  class G {
@@ -378,8 +378,8 @@ class G {
378
378
  var t;
379
379
  return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
380
380
  }
381
- constructor(t, e, o, i) {
382
- this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = o, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
381
+ constructor(t, e, i, o) {
382
+ this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
383
383
  }
384
384
  get parentNode() {
385
385
  let t = this._$AA.parentNode;
@@ -393,7 +393,7 @@ class G {
393
393
  return this._$AB;
394
394
  }
395
395
  _$AI(t, e = this) {
396
- t = D(this, t, e), Z(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== z && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Rt(t) ? this.k(t) : this._(t);
396
+ t = D(this, t, e), Z(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== z && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Vt(t) ? this.k(t) : this._(t);
397
397
  }
398
398
  O(t) {
399
399
  return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -406,10 +406,10 @@ class G {
406
406
  }
407
407
  $(t) {
408
408
  var r;
409
- const { values: e, _$litType$: o } = t, i = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = q.createElement(It(o.h, o.h[0]), this.options)), o);
410
- if (((r = this._$AH) == null ? void 0 : r._$AD) === i) this._$AH.p(e);
409
+ const { values: e, _$litType$: i } = t, o = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = q.createElement(It(i.h, i.h[0]), this.options)), i);
410
+ if (((r = this._$AH) == null ? void 0 : r._$AD) === o) this._$AH.p(e);
411
411
  else {
412
- const s = new Zt(i, this), c = s.u(this.options);
412
+ const s = new qt(o, this), c = s.u(this.options);
413
413
  s.p(e), this.T(c), this._$AH = s;
414
414
  }
415
415
  }
@@ -418,17 +418,17 @@ class G {
418
418
  return e === void 0 && St.set(t.strings, e = new q(t)), e;
419
419
  }
420
420
  k(t) {
421
- vt(this._$AH) || (this._$AH = [], this._$AR());
421
+ ft(this._$AH) || (this._$AH = [], this._$AR());
422
422
  const e = this._$AH;
423
- let o, i = 0;
424
- for (const r of t) i === e.length ? e.push(o = new G(this.O(F()), this.O(F()), this, this.options)) : o = e[i], o._$AI(r), i++;
425
- i < e.length && (this._$AR(o && o._$AB.nextSibling, i), e.length = i);
423
+ let i, o = 0;
424
+ for (const r of t) o === e.length ? e.push(i = new G(this.O(F()), this.O(F()), this, this.options)) : i = e[o], i._$AI(r), o++;
425
+ o < e.length && (this._$AR(i && i._$AB.nextSibling, o), e.length = o);
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 i = t.nextSibling;
431
- t.remove(), t = i;
428
+ var i;
429
+ for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, e); t && t !== this._$AB; ) {
430
+ const o = t.nextSibling;
431
+ t.remove(), t = o;
432
432
  }
433
433
  }
434
434
  setConnected(t) {
@@ -436,32 +436,32 @@ class G {
436
436
  this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
437
437
  }
438
438
  }
439
- class Y {
439
+ class tt {
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, i, r) {
447
- this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = r, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = d;
446
+ constructor(t, e, i, o, r) {
447
+ this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = o, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = d;
448
448
  }
449
- _$AI(t, e = this, o, i) {
449
+ _$AI(t, e = this, i, o) {
450
450
  const r = this.strings;
451
451
  let s = !1;
452
452
  if (r === void 0) t = D(this, t, e, 0), s = !Z(t) || t !== this._$AH && t !== z, s && (this._$AH = t);
453
453
  else {
454
454
  const c = t;
455
- let l, v;
456
- for (t = r[0], l = 0; l < r.length - 1; l++) v = D(this, c[o + l], e, l), v === z && (v = this._$AH[l]), s || (s = !Z(v) || v !== this._$AH[l]), v === d ? t = d : t !== d && (t += (v ?? "") + r[l + 1]), this._$AH[l] = v;
455
+ let l, f;
456
+ for (t = r[0], l = 0; l < r.length - 1; l++) f = D(this, c[i + l], e, l), f === z && (f = this._$AH[l]), s || (s = !Z(f) || f !== this._$AH[l]), f === d ? t = d : t !== d && (t += (f ?? "") + r[l + 1]), this._$AH[l] = f;
457
457
  }
458
- s && !i && this.j(t);
458
+ s && !o && this.j(t);
459
459
  }
460
460
  j(t) {
461
461
  t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
462
462
  }
463
463
  }
464
- class qt extends Y {
464
+ class Wt extends tt {
465
465
  constructor() {
466
466
  super(...arguments), this.type = 3;
467
467
  }
@@ -469,7 +469,7 @@ class qt extends Y {
469
469
  this.element[this.name] = t === d ? void 0 : t;
470
470
  }
471
471
  }
472
- class Wt extends Y {
472
+ class Gt extends tt {
473
473
  constructor() {
474
474
  super(...arguments), this.type = 4;
475
475
  }
@@ -477,23 +477,23 @@ class Wt extends Y {
477
477
  this.element.toggleAttribute(this.name, !!t && t !== d);
478
478
  }
479
479
  }
480
- class Gt extends Y {
481
- constructor(t, e, o, i, r) {
482
- super(t, e, o, i, r), this.type = 5;
480
+ class Kt extends tt {
481
+ constructor(t, e, i, o, r) {
482
+ super(t, e, i, o, r), this.type = 5;
483
483
  }
484
484
  _$AI(t, e = this) {
485
485
  if ((t = D(this, t, e, 0) ?? d) === z) return;
486
- const o = this._$AH, i = t === d && o !== d || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, r = t !== d && (o === d || i);
487
- i && this.element.removeEventListener(this.name, this, o), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
486
+ const i = this._$AH, o = t === d && i !== d || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, r = t !== d && (i === d || o);
487
+ o && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
488
488
  }
489
489
  handleEvent(t) {
490
490
  var e;
491
491
  typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
492
492
  }
493
493
  }
494
- class Kt {
495
- constructor(t, e, o) {
496
- this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = o;
494
+ class Xt {
495
+ constructor(t, e, i) {
496
+ this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
497
497
  }
498
498
  get _$AU() {
499
499
  return this._$AM._$AU;
@@ -502,16 +502,16 @@ class Kt {
502
502
  D(this, t);
503
503
  }
504
504
  }
505
- const st = V.litHtmlPolyfillSupport;
506
- st == null || st(q, G), (V.litHtmlVersions ?? (V.litHtmlVersions = [])).push("3.3.0");
507
- const Xt = (n, t, e) => {
508
- const o = (e == null ? void 0 : e.renderBefore) ?? t;
509
- let i = o._$litPart$;
510
- if (i === void 0) {
505
+ const rt = V.litHtmlPolyfillSupport;
506
+ rt == null || rt(q, G), (V.litHtmlVersions ?? (V.litHtmlVersions = [])).push("3.3.0");
507
+ const Jt = (n, t, e) => {
508
+ const i = (e == null ? void 0 : e.renderBefore) ?? t;
509
+ let o = i._$litPart$;
510
+ if (o === void 0) {
511
511
  const r = (e == null ? void 0 : e.renderBefore) ?? null;
512
- o._$litPart$ = i = new G(t.insertBefore(F(), r), r, void 0, e ?? {});
512
+ i._$litPart$ = o = new G(t.insertBefore(F(), r), r, void 0, e ?? {});
513
513
  }
514
- return i._$AI(n), i;
514
+ return o._$AI(n), o;
515
515
  };
516
516
  /**
517
517
  * @license
@@ -530,7 +530,7 @@ let m = class extends T {
530
530
  }
531
531
  update(t) {
532
532
  const e = this.render();
533
- this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Xt(e, this.renderRoot, this.renderOptions);
533
+ this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Jt(e, this.renderRoot, this.renderOptions);
534
534
  }
535
535
  connectedCallback() {
536
536
  var t;
@@ -546,8 +546,8 @@ let m = class extends T {
546
546
  };
547
547
  var Et;
548
548
  m._$litElement$ = !0, m.finalized = !0, (Et = B.litElementHydrateSupport) == null || Et.call(B, { LitElement: m });
549
- const rt = B.litElementPolyfillSupport;
550
- rt == null || rt({ LitElement: m });
549
+ const at = B.litElementPolyfillSupport;
550
+ at == null || at({ LitElement: m });
551
551
  (B.litElementVersions ?? (B.litElementVersions = [])).push("4.2.0");
552
552
  /**
553
553
  * @license
@@ -564,10 +564,10 @@ const L = (n) => (t, e) => {
564
564
  * Copyright 2017 Google LLC
565
565
  * SPDX-License-Identifier: BSD-3-Clause
566
566
  */
567
- const Jt = { attribute: !0, type: String, converter: J, reflect: !1, hasChanged: ut }, Qt = (n = Jt, t, e) => {
568
- const { kind: o, metadata: i } = e;
569
- let r = globalThis.litPropertyMetadata.get(i);
570
- if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), o === "setter" && ((n = Object.create(n)).wrapped = !0), r.set(e.name, n), o === "accessor") {
567
+ const Yt = { attribute: !0, type: String, converter: J, reflect: !1, hasChanged: ut }, Qt = (n = Yt, t, e) => {
568
+ const { kind: i, metadata: o } = e;
569
+ let r = globalThis.litPropertyMetadata.get(o);
570
+ if (r === void 0 && globalThis.litPropertyMetadata.set(o, r = /* @__PURE__ */ new Map()), i === "setter" && ((n = Object.create(n)).wrapped = !0), r.set(e.name, n), i === "accessor") {
571
571
  const { name: s } = e;
572
572
  return { set(c) {
573
573
  const l = t.get.call(this);
@@ -576,19 +576,19 @@ const Jt = { attribute: !0, type: String, converter: J, reflect: !1, hasChanged:
576
576
  return c !== void 0 && this.C(s, void 0, n, c), c;
577
577
  } };
578
578
  }
579
- if (o === "setter") {
579
+ if (i === "setter") {
580
580
  const { name: s } = e;
581
581
  return function(c) {
582
582
  const l = this[s];
583
583
  t.call(this, c), this.requestUpdate(s, l, n);
584
584
  };
585
585
  }
586
- throw Error("Unsupported decorator location: " + o);
586
+ throw Error("Unsupported decorator location: " + i);
587
587
  };
588
588
  function a(n) {
589
- return (t, e) => typeof e == "object" ? Qt(n, t, e) : ((o, i, r) => {
590
- const s = i.hasOwnProperty(r);
591
- return i.constructor.createProperty(r, o), s ? Object.getOwnPropertyDescriptor(i, r) : void 0;
589
+ return (t, e) => typeof e == "object" ? Qt(n, t, e) : ((i, o, r) => {
590
+ const s = o.hasOwnProperty(r);
591
+ return o.constructor.createProperty(r, i), s ? Object.getOwnPropertyDescriptor(o, r) : void 0;
592
592
  })(n, t, e);
593
593
  }
594
594
  /**
@@ -596,10 +596,10 @@ function a(n) {
596
596
  * Copyright 2017 Google LLC
597
597
  * SPDX-License-Identifier: BSD-3-Clause
598
598
  */
599
- function Yt(n) {
599
+ function te(n) {
600
600
  return a({ ...n, state: !0, attribute: !1 });
601
601
  }
602
- const te = $`
602
+ const ee = $`
603
603
  outline: 1px dashed var(--button-border-color);
604
604
  outline-offset: 2px;
605
605
  outline: dashed black;
@@ -614,12 +614,12 @@ $`
614
614
  * Copyright 2023 Google LLC
615
615
  * SPDX-License-Identifier: Apache-2.0
616
616
  */
617
- const ft = Symbol("internals"), at = Symbol("privateInternals");
618
- function ee(n) {
617
+ const gt = Symbol("internals"), lt = Symbol("privateInternals");
618
+ function ne(n) {
619
619
  var t;
620
620
  class e extends n {
621
- get [(t = ft, t)]() {
622
- return this[at] || (this[at] = this.attachInternals()), this[at];
621
+ get [(t = gt, t)]() {
622
+ return this[lt] || (this[lt] = this.attachInternals()), this[lt];
623
623
  }
624
624
  }
625
625
  return e;
@@ -629,15 +629,15 @@ function ee(n) {
629
629
  * Copyright 2023 Google LLC
630
630
  * SPDX-License-Identifier: Apache-2.0
631
631
  */
632
- function ne(n) {
632
+ function oe(n) {
633
633
  n.addInitializer((t) => {
634
634
  const e = t;
635
- e.addEventListener("click", async (o) => {
636
- const { type: i, [ft]: r } = e, { form: s } = r;
637
- if (!(!s || i === "button") && (await new Promise((c) => {
635
+ e.addEventListener("click", async (i) => {
636
+ const { type: o, [gt]: r } = e, { form: s } = r;
637
+ if (!(!s || o === "button") && (await new Promise((c) => {
638
638
  setTimeout(c);
639
- }), !o.defaultPrevented)) {
640
- if (i === "reset") {
639
+ }), !i.defaultPrevented)) {
640
+ if (o === "reset") {
641
641
  s.reset();
642
642
  return;
643
643
  }
@@ -656,41 +656,41 @@ function ne(n) {
656
656
  });
657
657
  });
658
658
  }
659
- const oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
659
+ const ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
660
660
  <path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
661
661
  </svg>
662
- `, ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
662
+ `, se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
663
663
  <path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
664
664
  </svg>
665
- `, se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
665
+ `, re = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
666
666
  <path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
667
667
  </svg>
668
- `, re = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
668
+ `, ae = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
669
669
  <path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
670
670
  </svg>
671
- `, ae = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
671
+ `, le = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
672
672
  <path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
673
673
  </svg>
674
- `, le = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
674
+ `, ce = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
675
675
  <path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM6.36554 11.5396V7.32718H6.97424L8 4.21467L9.02576 7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L8 10.3812L6.36554 11.5513V11.5396Z" fill="#3F2B2E"/>
676
676
  </svg>
677
- `, ce = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
677
+ `, he = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
678
678
  <path d="M15 6.39639H9.63446L8 1.4585L6.36554 6.39639H1L5.33977 9.4972L3.69404 14.4585L7.98873 11.3928L12.2834 14.4585L10.6377 9.4972L14.9775 6.39639H15ZM10.6715 12.2353L8.05636 10.3631V4.32528L9.03704 7.27398H12.2834L9.65701 9.14616L10.6715 12.2236V12.2353Z" fill="#3F2B2E"/>
679
679
  </svg>
680
- `, he = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
680
+ `, de = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
681
681
  <path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L9.46538 12.4874L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM9.46538 11.4226V7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L9.46538 11.4226Z" fill="#3F2B2E"/>
682
682
  </svg>
683
- `, de = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
683
+ `, pe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
684
684
  <path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834Z" fill="#3F2B2E"/>
685
685
  </svg>
686
- `, pe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
686
+ `, ue = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
687
687
  <path d="M2 2L14 14" stroke="#3F2B2E"/>
688
688
  <path d="M14 2L2 14" stroke="#3F2B2E"/>
689
689
  </svg>
690
- `, ue = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
690
+ `, fe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
691
691
  <path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
692
692
  </svg>
693
- `, ve = `<?xml version="1.0" encoding="utf-8"?>
693
+ `, ge = `<?xml version="1.0" encoding="utf-8"?>
694
694
  <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
695
695
  <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
696
696
  viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
@@ -700,7 +700,7 @@ const oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
700
700
  <path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
701
701
  s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
702
702
  </svg>
703
- `, fe = `<?xml version="1.0" encoding="utf-8"?>
703
+ `, ve = `<?xml version="1.0" encoding="utf-8"?>
704
704
  <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
705
705
  <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
706
706
  viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
@@ -709,39 +709,39 @@ const oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
709
709
  </style>
710
710
  <path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
711
711
  </svg>
712
- `, ge = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
712
+ `, be = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
713
713
  <path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
714
714
  </svg>
715
- `, tt = {
716
- wishlist: oe,
717
- playerv: ie,
718
- chevronRight: se,
719
- chevronLeft: re,
720
- icoPlus: ve,
721
- icoMinus: fe,
722
- "star-0": ae,
723
- "star-25": le,
724
- "star-50": ce,
725
- "star-75": he,
726
- "star-100": de,
727
- cross: pe,
728
- search: ue,
729
- arrowLeft: ge
715
+ `, et = {
716
+ wishlist: ie,
717
+ playerv: se,
718
+ chevronRight: re,
719
+ chevronLeft: ae,
720
+ icoPlus: ge,
721
+ icoMinus: ve,
722
+ "star-0": le,
723
+ "star-25": ce,
724
+ "star-50": he,
725
+ "star-75": de,
726
+ "star-100": pe,
727
+ cross: ue,
728
+ search: fe,
729
+ arrowLeft: be
730
730
  };
731
731
  /**
732
732
  * @license
733
733
  * Copyright 2017 Google LLC
734
734
  * SPDX-License-Identifier: BSD-3-Clause
735
735
  */
736
- const be = { CHILD: 2 }, ye = (n) => (...t) => ({ _$litDirective$: n, values: t });
737
- class me {
736
+ const ye = { CHILD: 2 }, me = (n) => (...t) => ({ _$litDirective$: n, values: t });
737
+ class we {
738
738
  constructor(t) {
739
739
  }
740
740
  get _$AU() {
741
741
  return this._$AM._$AU;
742
742
  }
743
- _$AT(t, e, o) {
744
- this._$Ct = t, this._$AM = e, this._$Ci = o;
743
+ _$AT(t, e, i) {
744
+ this._$Ct = t, this._$AM = e, this._$Ci = i;
745
745
  }
746
746
  _$AS(t, e) {
747
747
  return this.update(t, e);
@@ -755,9 +755,9 @@ class me {
755
755
  * Copyright 2017 Google LLC
756
756
  * SPDX-License-Identifier: BSD-3-Clause
757
757
  */
758
- class lt extends me {
758
+ class ct extends we {
759
759
  constructor(t) {
760
- if (super(t), this.it = d, t.type !== be.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
760
+ if (super(t), this.it = d, t.type !== ye.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
761
761
  }
762
762
  render(t) {
763
763
  if (t === d || t == null) return this._t = void 0, this.it = t;
@@ -769,23 +769,23 @@ class lt extends me {
769
769
  return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
770
770
  }
771
771
  }
772
- lt.directiveName = "unsafeHTML", lt.resultType = 1;
772
+ ct.directiveName = "unsafeHTML", ct.resultType = 1;
773
773
  /**
774
774
  * @license
775
775
  * Copyright 2017 Google LLC
776
776
  * SPDX-License-Identifier: BSD-3-Clause
777
777
  */
778
- class ct extends lt {
778
+ class ht extends ct {
779
779
  }
780
- ct.directiveName = "unsafeSVG", ct.resultType = 2;
781
- const W = ye(ct);
782
- var we = Object.defineProperty, $e = Object.getOwnPropertyDescriptor, y = (n, t, e, o) => {
783
- for (var i = o > 1 ? void 0 : o ? $e(t, e) : t, r = n.length - 1, s; r >= 0; r--)
784
- (s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
785
- return o && i && we(t, e, i), i;
780
+ ht.directiveName = "unsafeSVG", ht.resultType = 2;
781
+ const W = me(ht);
782
+ var $e = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, y = (n, t, e, i) => {
783
+ for (var o = i > 1 ? void 0 : i ? xe(t, e) : t, r = n.length - 1, s; r >= 0; r--)
784
+ (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
785
+ return i && o && $e(t, e, o), o;
786
786
  };
787
- const xe = ee(m);
788
- let u = class extends xe {
787
+ const _e = ne(m);
788
+ let u = class extends _e {
789
789
  constructor() {
790
790
  super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.text = "", this.textsecond = "", this.fullwidth = !1, this.disabled = !1, this.startIconModel = "search", this.endIconModel = "chevronRight", this.startIcon = !1, this.endIcon = !1, this.panelTarget = "", this.href = "", this.target = "";
791
791
  }
@@ -796,7 +796,7 @@ let u = class extends xe {
796
796
  this.setAttribute("name", n);
797
797
  }
798
798
  get form() {
799
- return this[ft].form;
799
+ return this[gt].form;
800
800
  }
801
801
  handleClick() {
802
802
  if (this.panelTarget) {
@@ -810,7 +810,7 @@ let u = class extends xe {
810
810
  renderIcon(n) {
811
811
  const t = n === "start" ? this.startIconModel : this.endIconModel;
812
812
  if (!t) return d;
813
- const e = tt[t].replace(
813
+ const e = et[t].replace(
814
814
  "<svg",
815
815
  '<svg aria-hidden="true" focusable="false" part="svg"'
816
816
  );
@@ -848,7 +848,7 @@ let u = class extends xe {
848
848
  `;
849
849
  }
850
850
  };
851
- ne(u);
851
+ oe(u);
852
852
  u.formAssociated = !0;
853
853
  u.styles = $`
854
854
  :host {
@@ -962,7 +962,7 @@ u.styles = $`
962
962
  }
963
963
 
964
964
  .button:focus-visible {
965
- ${te};
965
+ ${ee};
966
966
  }
967
967
 
968
968
  span.text + span.text::before {
@@ -1053,10 +1053,10 @@ y([
1053
1053
  u = y([
1054
1054
  L("o-button")
1055
1055
  ], u);
1056
- var _e = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, et = (n, t, e, o) => {
1057
- for (var i = o > 1 ? void 0 : o ? Ae(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1058
- (s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
1059
- return o && i && _e(t, e, i), i;
1056
+ var Ae = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, nt = (n, t, e, i) => {
1057
+ for (var o = i > 1 ? void 0 : i ? Se(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1058
+ (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1059
+ return i && o && Ae(t, e, o), o;
1060
1060
  };
1061
1061
  let U = class extends m {
1062
1062
  constructor() {
@@ -1078,7 +1078,7 @@ let U = class extends m {
1078
1078
  (n.key === "Enter" || n.key === " ") && (n.preventDefault(), this.toggleStatus());
1079
1079
  }
1080
1080
  render() {
1081
- const n = tt.wishlist.replace(
1081
+ const n = et.wishlist.replace(
1082
1082
  "<svg",
1083
1083
  '<svg aria-hidden="true" focusable="false" part="svg"'
1084
1084
  );
@@ -1159,22 +1159,22 @@ U.styles = $`
1159
1159
  white-space: nowrap !important;
1160
1160
  }
1161
1161
  `;
1162
- et([
1162
+ nt([
1163
1163
  a({ type: String, reflect: !0 })
1164
1164
  ], U.prototype, "status", 2);
1165
- et([
1165
+ nt([
1166
1166
  a({ type: String, reflect: !0 })
1167
1167
  ], U.prototype, "ariaDescribedBy", 2);
1168
- et([
1168
+ nt([
1169
1169
  a({ type: String, reflect: !0 })
1170
1170
  ], U.prototype, "label", 2);
1171
- U = et([
1171
+ U = nt([
1172
1172
  L("o-wishlist-button")
1173
1173
  ], U);
1174
- var Se = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, P = (n, t, e, o) => {
1175
- for (var i = o > 1 ? void 0 : o ? Ee(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1176
- (s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
1177
- return o && i && Se(t, e, i), i;
1174
+ var Ee = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, P = (n, t, e, i) => {
1175
+ for (var o = i > 1 ? void 0 : i ? Ce(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1176
+ (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1177
+ return i && o && Ee(t, e, o), o;
1178
1178
  };
1179
1179
  let w = class extends m {
1180
1180
  constructor() {
@@ -1184,7 +1184,7 @@ let w = class extends m {
1184
1184
  super.updated(n), this.style.setProperty("--icon-stroke-width", this.strokewidth);
1185
1185
  }
1186
1186
  render() {
1187
- const n = tt[this.icon] ?? "", t = `icon-${this.icon}`, e = n.replace(
1187
+ const n = et[this.icon] ?? "", t = `icon-${this.icon}`, e = n.replace(
1188
1188
  "<svg",
1189
1189
  '<svg aria-hidden="true" focusable="false" part="svg"'
1190
1190
  );
@@ -1430,10 +1430,10 @@ P([
1430
1430
  w = P([
1431
1431
  L("o-icon-button")
1432
1432
  ], w);
1433
- var Ce = Object.defineProperty, Le = Object.getOwnPropertyDescriptor, H = (n, t, e, o) => {
1434
- for (var i = o > 1 ? void 0 : o ? Le(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1435
- (s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
1436
- return o && i && Ce(t, e, i), i;
1433
+ var Le = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, H = (n, t, e, i) => {
1434
+ for (var o = i > 1 ? void 0 : i ? Pe(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1435
+ (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1436
+ return i && o && Le(t, e, o), o;
1437
1437
  };
1438
1438
  let _ = class extends m {
1439
1439
  constructor() {
@@ -1574,10 +1574,10 @@ H([
1574
1574
  _ = H([
1575
1575
  L("o-link")
1576
1576
  ], _);
1577
- var Pe = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, nt = (n, t, e, o) => {
1578
- for (var i = o > 1 ? void 0 : o ? ke(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1579
- (s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
1580
- return o && i && Pe(t, e, i), i;
1577
+ var ke = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, ot = (n, t, e, i) => {
1578
+ for (var o = i > 1 ? void 0 : i ? Ie(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1579
+ (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1580
+ return i && o && ke(t, e, o), o;
1581
1581
  };
1582
1582
  let N = class extends m {
1583
1583
  constructor() {
@@ -1587,8 +1587,8 @@ let N = class extends m {
1587
1587
  const n = [];
1588
1588
  for (let t = 0; t < 5; t++) {
1589
1589
  const e = this.rating - t;
1590
- let o;
1591
- e >= 1 ? o = 100 : e <= 0 ? o = 0 : o = Math.round(e * 100 / 25) * 25, n.push(`star-${o}`);
1590
+ let i;
1591
+ e >= 1 ? i = 100 : e <= 0 ? i = 0 : i = Math.round(e * 100 / 25) * 25, n.push(`star-${i}`);
1592
1592
  }
1593
1593
  return n;
1594
1594
  }
@@ -1598,7 +1598,7 @@ let N = class extends m {
1598
1598
  <div class="rating">
1599
1599
  <div class="stars">
1600
1600
  ${n.map(
1601
- (t) => h`<span class="star">${W(tt[t] ?? "")}</span>`
1601
+ (t) => h`<span class="star">${W(et[t] ?? "")}</span>`
1602
1602
  )}
1603
1603
  </div>
1604
1604
  ${this.reviewCount != null && this.href != null ? h`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
@@ -1640,24 +1640,24 @@ N.styles = $`
1640
1640
  cursor: pointer;
1641
1641
  }
1642
1642
  `;
1643
- nt([
1643
+ ot([
1644
1644
  a({ type: Number })
1645
1645
  ], N.prototype, "rating", 2);
1646
- nt([
1646
+ ot([
1647
1647
  a({ type: String })
1648
1648
  ], N.prototype, "reviewCount", 2);
1649
- nt([
1649
+ ot([
1650
1650
  a({ type: String })
1651
1651
  ], N.prototype, "href", 2);
1652
- N = nt([
1652
+ N = ot([
1653
1653
  L("o-rating")
1654
1654
  ], N);
1655
- var Ie = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, b = (n, t, e, o) => {
1656
- for (var i = o > 1 ? void 0 : o ? Be(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1657
- (s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
1658
- return o && i && Ie(t, e, i), i;
1655
+ var Be = Object.defineProperty, Oe = Object.getOwnPropertyDescriptor, b = (n, t, e, i) => {
1656
+ for (var o = i > 1 ? void 0 : i ? Oe(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1657
+ (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1658
+ return i && o && Be(t, e, o), o;
1659
1659
  };
1660
- let f = class extends m {
1660
+ let g = class extends m {
1661
1661
  constructor() {
1662
1662
  super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !1, this.showHeaderStartIcon = !1, this.headerTitle = "", this.closeButtonLabel = "Close the modal", this.firstButtonLabel = "Close", this.firstButtonVariant = "primary", this.secondaryButtonLabel = "", this.secondaryButtonVariant = "secondary", this.disablePortal = !1, this.zIndex = 99, this.initialized = !1, this.previousFocusedElement = null, this.handleKeyDown = (n) => {
1663
1663
  this.open && (n.key === "Escape" ? this.closePanel() : n.key === "Tab" && this.trapFocus(n));
@@ -1674,8 +1674,8 @@ let f = class extends m {
1674
1674
  trapFocus(n) {
1675
1675
  const t = this.getFocusableElements();
1676
1676
  if (t.length === 0) return;
1677
- const e = t[0], o = t[t.length - 1];
1678
- n.shiftKey && document.activeElement === e ? (n.preventDefault(), o.focus()) : !n.shiftKey && document.activeElement === o && (n.preventDefault(), e.focus());
1677
+ const e = t[0], i = t[t.length - 1];
1678
+ n.shiftKey && document.activeElement === e ? (n.preventDefault(), i.focus()) : !n.shiftKey && document.activeElement === i && (n.preventDefault(), e.focus());
1679
1679
  }
1680
1680
  getFocusableElements() {
1681
1681
  const n = this.renderRoot.querySelector(".panel");
@@ -1756,7 +1756,7 @@ let f = class extends m {
1756
1756
  `;
1757
1757
  }
1758
1758
  };
1759
- f.styles = $`
1759
+ g.styles = $`
1760
1760
  :host {
1761
1761
  --z-overlay: 99;
1762
1762
  --z-panel: 100;
@@ -1898,56 +1898,56 @@ f.styles = $`
1898
1898
  `;
1899
1899
  b([
1900
1900
  a({ type: Boolean, reflect: !0 })
1901
- ], f.prototype, "open", 2);
1901
+ ], g.prototype, "open", 2);
1902
1902
  b([
1903
1903
  a({ type: Boolean, reflect: !0 })
1904
- ], f.prototype, "showHeader", 2);
1904
+ ], g.prototype, "showHeader", 2);
1905
1905
  b([
1906
1906
  a({ type: Boolean, reflect: !0 })
1907
- ], f.prototype, "showFooter", 2);
1907
+ ], g.prototype, "showFooter", 2);
1908
1908
  b([
1909
1909
  a({ type: Boolean, reflect: !0 })
1910
- ], f.prototype, "showHeaderStartIcon", 2);
1910
+ ], g.prototype, "showHeaderStartIcon", 2);
1911
1911
  b([
1912
1912
  a({ type: String, reflect: !0 })
1913
- ], f.prototype, "headerTitle", 2);
1913
+ ], g.prototype, "headerTitle", 2);
1914
1914
  b([
1915
1915
  a({ type: String, reflect: !0 })
1916
- ], f.prototype, "closeButtonLabel", 2);
1916
+ ], g.prototype, "closeButtonLabel", 2);
1917
1917
  b([
1918
1918
  a({ type: String, reflect: !0 })
1919
- ], f.prototype, "firstButtonLabel", 2);
1919
+ ], g.prototype, "firstButtonLabel", 2);
1920
1920
  b([
1921
1921
  a({ type: String, reflect: !0 })
1922
- ], f.prototype, "firstButtonVariant", 2);
1922
+ ], g.prototype, "firstButtonVariant", 2);
1923
1923
  b([
1924
1924
  a({ type: Function })
1925
- ], f.prototype, "onFirstButtonClick", 2);
1925
+ ], g.prototype, "onFirstButtonClick", 2);
1926
1926
  b([
1927
1927
  a({ type: String, reflect: !0 })
1928
- ], f.prototype, "secondaryButtonLabel", 2);
1928
+ ], g.prototype, "secondaryButtonLabel", 2);
1929
1929
  b([
1930
1930
  a({ type: String, reflect: !0 })
1931
- ], f.prototype, "secondaryButtonVariant", 2);
1931
+ ], g.prototype, "secondaryButtonVariant", 2);
1932
1932
  b([
1933
1933
  a({ type: Function })
1934
- ], f.prototype, "onSecondaryButtonClick", 2);
1934
+ ], g.prototype, "onSecondaryButtonClick", 2);
1935
1935
  b([
1936
1936
  a({ type: Boolean, reflect: !0 })
1937
- ], f.prototype, "disablePortal", 2);
1937
+ ], g.prototype, "disablePortal", 2);
1938
1938
  b([
1939
1939
  a({ type: Number, reflect: !0 })
1940
- ], f.prototype, "zIndex", 2);
1940
+ ], g.prototype, "zIndex", 2);
1941
1941
  b([
1942
1942
  a({ type: Boolean, reflect: !0 })
1943
- ], f.prototype, "initialized", 2);
1944
- f = b([
1943
+ ], g.prototype, "initialized", 2);
1944
+ g = b([
1945
1945
  L("o-side-panel")
1946
- ], f);
1947
- var Oe = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, M = (n, t, e, o) => {
1948
- for (var i = o > 1 ? void 0 : o ? ze(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1949
- (s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
1950
- return o && i && Oe(t, e, i), i;
1946
+ ], g);
1947
+ var ze = Object.defineProperty, He = Object.getOwnPropertyDescriptor, M = (n, t, e, i) => {
1948
+ for (var o = i > 1 ? void 0 : i ? He(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1949
+ (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1950
+ return i && o && ze(t, e, o), o;
1951
1951
  };
1952
1952
  let A = class extends m {
1953
1953
  constructor() {
@@ -1988,21 +1988,21 @@ let A = class extends m {
1988
1988
  return h`
1989
1989
  <div class="scroll-container" style="max-width: ${this.maxWidth};">
1990
1990
  ${this.thumbnails.map((n, t) => {
1991
- const e = this.disabledIndexes.includes(t), o = this.activeIndex === t, i = n.type === "video";
1991
+ const e = this.disabledIndexes.includes(t), i = this.activeIndex === t, o = n.type === "video";
1992
1992
  return h`
1993
1993
  <div class="thumb-wrapper">
1994
1994
  <button
1995
1995
  class="thumb"
1996
1996
  data-index="${t}"
1997
1997
  ?disabled=${e}
1998
- aria-selected=${o}
1998
+ aria-selected=${i}
1999
1999
  tabindex="${this.focusedIndex === t ? 0 : -1}"
2000
2000
  @click=${() => this.selectThumbnail(t)}
2001
2001
  @keydown=${this.handleKeyDown}
2002
2002
  >
2003
2003
  <img src="${n.src}" />
2004
2004
  </button>
2005
- ${i ? h`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>` : null}
2005
+ ${o ? h`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>` : null}
2006
2006
  </div>
2007
2007
  `;
2008
2008
  })}
@@ -2130,44 +2130,67 @@ M([
2130
2130
  a({ type: Object })
2131
2131
  ], A.prototype, "swiperInstance", 2);
2132
2132
  M([
2133
- Yt()
2133
+ te()
2134
2134
  ], A.prototype, "focusedIndex", 2);
2135
2135
  A = M([
2136
2136
  L("thumbnail-navigation")
2137
2137
  ], A);
2138
- var He = Object.getOwnPropertyDescriptor, Me = (n, t, e, o) => {
2139
- for (var i = o > 1 ? void 0 : o ? He(t, e) : t, r = n.length - 1, s; r >= 0; r--)
2140
- (s = n[r]) && (i = s(i) || i);
2141
- return i;
2138
+ var Me = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, Bt = (n, t, e, i) => {
2139
+ for (var o = i > 1 ? void 0 : i ? Te(t, e) : t, r = n.length - 1, s; r >= 0; r--)
2140
+ (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
2141
+ return i && o && Me(t, e, o), o;
2142
2142
  };
2143
- let ht = class extends m {
2143
+ let Q = class extends m {
2144
+ constructor() {
2145
+ super(...arguments), this.type = "default";
2146
+ }
2144
2147
  render() {
2145
2148
  return h`
2146
- <span class="tag"><slot></slot></span>
2147
- `;
2149
+ <span class="tag"><slot></slot></span>
2150
+ `;
2148
2151
  }
2149
2152
  };
2150
- ht.styles = $`
2151
- .tag {
2152
- display: inline-block;
2153
- padding: var(--spacing-2-xs) var(--spacing-s);
2154
- background-color: var(--color-container-white);
2155
- color: var(--color-content-body);
2156
- font-size: var(--font-size-100);
2157
- font-weight: var(--font-weight-400);
2158
- line-height: var(--line-height-160);
2159
- border-radius: var(--radius-s);
2160
- font-family: var(--font-family-loccitane-sans);
2161
- letter-spacing: var(--letter-spacing-400);
2153
+ Q.styles = $`
2154
+ .tag {
2155
+ display: inline-block;
2156
+ padding: var(--spacing-2-xs) var(--spacing-s);
2157
+ background-color: var(--color-container-white);
2158
+ color: var(--color-content-action-secondary);
2159
+ font-size: var(--font-size-100);
2160
+ font-weight: var(--font-weight-400);
2161
+ line-height: var(--line-height-160);
2162
+ border-radius: var(--radius-s);
2163
+ font-family: var(--font-family-loccitane-sans);
2164
+ letter-spacing: var(--letter-spacing-400);
2165
+ position: relative;
2162
2166
 
2163
- @media (max-width: 375px) {
2164
- overflow: hidden;
2165
- white-space: nowrap;
2166
- text-overflow: ellipsis;
2167
- max-width: 19ch;
2168
- }
2169
- }
2170
- `;
2171
- ht = Me([
2172
- L("o-product-tag")
2173
- ], ht);
2167
+ @media (max-width: 375px) {
2168
+ overflow: hidden;
2169
+ white-space: nowrap;
2170
+ text-overflow: ellipsis;
2171
+ max-width: 19ch;
2172
+ }
2173
+ }
2174
+
2175
+ :host([type="outofstock"]) .tag {
2176
+ padding-left: var(--spacing-2-xl);
2177
+ }
2178
+ :host([type="outofstock"]) .tag::before {
2179
+ content: "";
2180
+ position: absolute;
2181
+ display: inline-block;
2182
+ top: 50%;
2183
+ left: var(--spacing-s);
2184
+ transform: translateY(-50%);
2185
+ background-color: var(--color-content-error);
2186
+ border-radius: 50%;
2187
+ width: 6px;
2188
+ height: 6px;
2189
+ }
2190
+ `;
2191
+ Bt([
2192
+ a({ type: String, reflect: !0 })
2193
+ ], Q.prototype, "type", 2);
2194
+ Q = Bt([
2195
+ L("o-tag")
2196
+ ], Q);