@florid-kit/components 0.9.0 → 0.9.2

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/thumbnail-navigation.d.ts +2 -1
  2. package/index.js +82 -84
  3. package/index.mjs +457 -443
  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 yt = globalThis, zt = yt.ShadowRoot && (yt.ShadyCSS === void 0 || yt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Bt = Symbol(), Kt = /* @__PURE__ */ new WeakMap();
6
+ const yt = globalThis, zt = yt.ShadowRoot && (yt.ShadyCSS === void 0 || yt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Bt = Symbol(), Wt = /* @__PURE__ */ new WeakMap();
7
7
  let se = class {
8
- constructor(t, e, r) {
9
- if (this._$cssResult$ = !0, r !== Bt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
8
+ constructor(t, e, n) {
9
+ if (this._$cssResult$ = !0, n !== Bt) 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 (zt && t === void 0) {
16
- const r = e !== void 0 && e.length === 1;
17
- r && (t = Kt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && Kt.set(e, t));
16
+ const n = e !== void 0 && e.length === 1;
17
+ n && (t = Wt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), n && Wt.set(e, t));
18
18
  }
19
19
  return t;
20
20
  }
@@ -22,22 +22,22 @@ let se = class {
22
22
  return this.cssText;
23
23
  }
24
24
  };
25
- const ue = (o) => new se(typeof o == "string" ? o : o + "", void 0, Bt), b = (o, ...t) => {
26
- const e = o.length === 1 ? o[0] : t.reduce((r, i, n) => r + ((s) => {
25
+ const ue = (o) => new se(typeof o == "string" ? o : o + "", void 0, Bt), g = (o, ...t) => {
26
+ const e = o.length === 1 ? o[0] : t.reduce((n, i, r) => n + ((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) + o[n + 1], o[0]);
30
+ })(i) + o[r + 1], o[0]);
31
31
  return new se(e, o, Bt);
32
32
  }, ve = (o, t) => {
33
33
  if (zt) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
34
34
  else for (const e of t) {
35
- const r = document.createElement("style"), i = yt.litNonce;
36
- i !== void 0 && r.setAttribute("nonce", i), r.textContent = e.cssText, o.appendChild(r);
35
+ const n = document.createElement("style"), i = yt.litNonce;
36
+ i !== void 0 && n.setAttribute("nonce", i), n.textContent = e.cssText, o.appendChild(n);
37
37
  }
38
38
  }, Gt = zt ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
39
39
  let e = "";
40
- for (const r of t.cssRules) e += r.cssText;
40
+ for (const n of t.cssRules) e += n.cssText;
41
41
  return ue(e);
42
42
  })(o) : o;
43
43
  /**
@@ -45,10 +45,10 @@ const ue = (o) => new se(typeof o == "string" ? o : o + "", void 0, Bt), b = (o,
45
45
  * Copyright 2017 Google LLC
46
46
  * SPDX-License-Identifier: BSD-3-Clause
47
47
  */
48
- const { is: fe, defineProperty: ge, getOwnPropertyDescriptor: be, getOwnPropertyNames: ye, getOwnPropertySymbols: me, getPrototypeOf: we } = Object, U = globalThis, Xt = U.trustedTypes, xe = Xt ? Xt.emptyScript : "", kt = U.reactiveElementPolyfillSupport, rt = (o, t) => o, mt = { toAttribute(o, t) {
48
+ const { is: fe, defineProperty: be, getOwnPropertyDescriptor: ge, getOwnPropertyNames: ye, getOwnPropertySymbols: me, getPrototypeOf: xe } = Object, U = globalThis, Xt = U.trustedTypes, we = Xt ? Xt.emptyScript : "", kt = U.reactiveElementPolyfillSupport, nt = (o, t) => o, mt = { toAttribute(o, t) {
49
49
  switch (t) {
50
50
  case Boolean:
51
- o = o ? xe : null;
51
+ o = o ? we : null;
52
52
  break;
53
53
  case Object:
54
54
  case Array:
@@ -84,43 +84,43 @@ let Y = class extends HTMLElement {
84
84
  }
85
85
  static createProperty(t, e = Jt) {
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 r = Symbol(), i = this.getPropertyDescriptor(t, r, e);
88
- i !== void 0 && ge(this.prototype, t, i);
87
+ const n = Symbol(), i = this.getPropertyDescriptor(t, n, e);
88
+ i !== void 0 && be(this.prototype, t, i);
89
89
  }
90
90
  }
91
- static getPropertyDescriptor(t, e, r) {
92
- const { get: i, set: n } = be(this.prototype, t) ?? { get() {
91
+ static getPropertyDescriptor(t, e, n) {
92
+ const { get: i, set: r } = ge(this.prototype, t) ?? { get() {
93
93
  return this[e];
94
94
  }, set(s) {
95
95
  this[e] = s;
96
96
  } };
97
97
  return { get: i, set(s) {
98
98
  const h = i == null ? void 0 : i.call(this);
99
- n == null || n.call(this, s), this.requestUpdate(t, h, r);
99
+ r == null || r.call(this, s), this.requestUpdate(t, h, n);
100
100
  }, configurable: !0, enumerable: !0 };
101
101
  }
102
102
  static getPropertyOptions(t) {
103
103
  return this.elementProperties.get(t) ?? Jt;
104
104
  }
105
105
  static _$Ei() {
106
- if (this.hasOwnProperty(rt("elementProperties"))) return;
107
- const t = we(this);
106
+ if (this.hasOwnProperty(nt("elementProperties"))) return;
107
+ const t = xe(this);
108
108
  t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
109
109
  }
110
110
  static finalize() {
111
- if (this.hasOwnProperty(rt("finalized"))) return;
112
- if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(rt("properties"))) {
113
- const e = this.properties, r = [...ye(e), ...me(e)];
114
- for (const i of r) this.createProperty(i, e[i]);
111
+ if (this.hasOwnProperty(nt("finalized"))) return;
112
+ if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(nt("properties"))) {
113
+ const e = this.properties, n = [...ye(e), ...me(e)];
114
+ for (const i of n) this.createProperty(i, e[i]);
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 [r, i] of e) this.elementProperties.set(r, i);
119
+ if (e !== void 0) for (const [n, i] of e) this.elementProperties.set(n, i);
120
120
  }
121
121
  this._$Eh = /* @__PURE__ */ new Map();
122
- for (const [e, r] of this.elementProperties) {
123
- const i = this._$Eu(e, r);
122
+ for (const [e, n] of this.elementProperties) {
123
+ const i = this._$Eu(e, n);
124
124
  i !== void 0 && this._$Eh.set(i, e);
125
125
  }
126
126
  this.elementStyles = this.finalizeStyles(this.styles);
@@ -128,14 +128,14 @@ let Y = class extends HTMLElement {
128
128
  static finalizeStyles(t) {
129
129
  const e = [];
130
130
  if (Array.isArray(t)) {
131
- const r = new Set(t.flat(1 / 0).reverse());
132
- for (const i of r) e.unshift(Gt(i));
131
+ const n = new Set(t.flat(1 / 0).reverse());
132
+ for (const i of n) e.unshift(Gt(i));
133
133
  } else t !== void 0 && e.push(Gt(t));
134
134
  return e;
135
135
  }
136
136
  static _$Eu(t, e) {
137
- const r = e.attribute;
138
- return r === !1 ? void 0 : typeof r == "string" ? r : typeof t == "string" ? t.toLowerCase() : void 0;
137
+ const n = e.attribute;
138
+ return n === !1 ? void 0 : typeof n == "string" ? n : 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 Y = class extends HTMLElement {
154
154
  }
155
155
  _$E_() {
156
156
  const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
157
- for (const r of e.keys()) this.hasOwnProperty(r) && (t.set(r, this[r]), delete this[r]);
157
+ for (const n of e.keys()) this.hasOwnProperty(n) && (t.set(n, this[n]), delete this[n]);
158
158
  t.size > 0 && (this._$Ep = t);
159
159
  }
160
160
  createRenderRoot() {
@@ -164,8 +164,8 @@ let Y = 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 r;
168
- return (r = e.hostConnected) == null ? void 0 : r.call(e);
167
+ var n;
168
+ return (n = e.hostConnected) == null ? void 0 : n.call(e);
169
169
  });
170
170
  }
171
171
  enableUpdating(t) {
@@ -173,40 +173,40 @@ let Y = class extends HTMLElement {
173
173
  disconnectedCallback() {
174
174
  var t;
175
175
  (t = this._$EO) == null || t.forEach((e) => {
176
- var r;
177
- return (r = e.hostDisconnected) == null ? void 0 : r.call(e);
176
+ var n;
177
+ return (n = e.hostDisconnected) == null ? void 0 : n.call(e);
178
178
  });
179
179
  }
180
- attributeChangedCallback(t, e, r) {
181
- this._$AK(t, r);
180
+ attributeChangedCallback(t, e, n) {
181
+ this._$AK(t, n);
182
182
  }
183
183
  _$ET(t, e) {
184
- var n;
185
- const r = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, r);
186
- if (i !== void 0 && r.reflect === !0) {
187
- const s = (((n = r.converter) == null ? void 0 : n.toAttribute) !== void 0 ? r.converter : mt).toAttribute(e, r.type);
184
+ var r;
185
+ const n = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, n);
186
+ if (i !== void 0 && n.reflect === !0) {
187
+ const s = (((r = n.converter) == null ? void 0 : r.toAttribute) !== void 0 ? n.converter : mt).toAttribute(e, n.type);
188
188
  this._$Em = t, s == null ? this.removeAttribute(i) : this.setAttribute(i, s), this._$Em = null;
189
189
  }
190
190
  }
191
191
  _$AK(t, e) {
192
- var n, s;
193
- const r = this.constructor, i = r._$Eh.get(t);
192
+ var r, s;
193
+ const n = this.constructor, i = n._$Eh.get(t);
194
194
  if (i !== void 0 && this._$Em !== i) {
195
- const h = r.getPropertyOptions(i), c = typeof h.converter == "function" ? { fromAttribute: h.converter } : ((n = h.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? h.converter : mt;
195
+ const h = n.getPropertyOptions(i), c = typeof h.converter == "function" ? { fromAttribute: h.converter } : ((r = h.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? h.converter : mt;
196
196
  this._$Em = i, this[i] = c.fromAttribute(e, h.type) ?? ((s = this._$Ej) == null ? void 0 : s.get(i)) ?? null, this._$Em = null;
197
197
  }
198
198
  }
199
- requestUpdate(t, e, r) {
199
+ requestUpdate(t, e, n) {
200
200
  var i;
201
201
  if (t !== void 0) {
202
- const n = this.constructor, s = this[t];
203
- if (r ?? (r = n.getPropertyOptions(t)), !((r.hasChanged ?? Dt)(s, e) || r.useDefault && r.reflect && s === ((i = this._$Ej) == null ? void 0 : i.get(t)) && !this.hasAttribute(n._$Eu(t, r)))) return;
204
- this.C(t, e, r);
202
+ const r = this.constructor, s = this[t];
203
+ if (n ?? (n = r.getPropertyOptions(t)), !((n.hasChanged ?? Dt)(s, e) || n.useDefault && n.reflect && s === ((i = this._$Ej) == null ? void 0 : i.get(t)) && !this.hasAttribute(r._$Eu(t, n)))) return;
204
+ this.C(t, e, n);
205
205
  }
206
206
  this.isUpdatePending === !1 && (this._$ES = this._$EP());
207
207
  }
208
- C(t, e, { useDefault: r, reflect: i, wrapped: n }, s) {
209
- r && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, s ?? e ?? this[t]), n !== !0 || s !== void 0) || (this._$AL.has(t) || (this.hasUpdated || r || (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: n, reflect: i, wrapped: r }, s) {
209
+ n && !(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 || n || (e = void 0), this._$AL.set(t, e)), i === !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,25 +222,25 @@ let Y = class extends HTMLElement {
222
222
  return this.performUpdate();
223
223
  }
224
224
  performUpdate() {
225
- var r;
225
+ var n;
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 [n, s] of this._$Ep) this[n] = s;
229
+ for (const [r, s] of this._$Ep) this[r] = s;
230
230
  this._$Ep = void 0;
231
231
  }
232
232
  const i = this.constructor.elementProperties;
233
- if (i.size > 0) for (const [n, s] of i) {
234
- const { wrapped: h } = s, c = this[n];
235
- h !== !0 || this._$AL.has(n) || c === void 0 || this.C(n, void 0, s, c);
233
+ if (i.size > 0) for (const [r, s] of i) {
234
+ const { wrapped: h } = s, c = this[r];
235
+ h !== !0 || this._$AL.has(r) || c === void 0 || this.C(r, void 0, s, c);
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), (r = this._$EO) == null || r.forEach((i) => {
242
- var n;
243
- return (n = i.hostUpdate) == null ? void 0 : n.call(i);
241
+ t = this.shouldUpdate(e), t ? (this.willUpdate(e), (n = this._$EO) == null || n.forEach((i) => {
242
+ var r;
243
+ return (r = i.hostUpdate) == null ? void 0 : r.call(i);
244
244
  }), this.update(e)) : this._$EM();
245
245
  } catch (i) {
246
246
  throw t = !1, this._$EM(), i;
@@ -251,9 +251,9 @@ let Y = class extends HTMLElement {
251
251
  }
252
252
  _$AE(t) {
253
253
  var e;
254
- (e = this._$EO) == null || e.forEach((r) => {
254
+ (e = this._$EO) == null || e.forEach((n) => {
255
255
  var i;
256
- return (i = r.hostUpdated) == null ? void 0 : i.call(r);
256
+ return (i = n.hostUpdated) == null ? void 0 : i.call(n);
257
257
  }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
258
258
  }
259
259
  _$EM() {
@@ -276,74 +276,74 @@ let Y = class extends HTMLElement {
276
276
  firstUpdated(t) {
277
277
  }
278
278
  };
279
- Y.elementStyles = [], Y.shadowRootOptions = { mode: "open" }, Y[rt("elementProperties")] = /* @__PURE__ */ new Map(), Y[rt("finalized")] = /* @__PURE__ */ new Map(), kt == null || kt({ ReactiveElement: Y }), (U.reactiveElementVersions ?? (U.reactiveElementVersions = [])).push("2.1.0");
279
+ Y.elementStyles = [], Y.shadowRootOptions = { mode: "open" }, Y[nt("elementProperties")] = /* @__PURE__ */ new Map(), Y[nt("finalized")] = /* @__PURE__ */ new Map(), kt == null || kt({ ReactiveElement: Y }), (U.reactiveElementVersions ?? (U.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 nt = globalThis, wt = nt.trustedTypes, Qt = wt ? wt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, ae = "$lit$", R = `lit$${Math.random().toFixed(9).slice(2)}$`, le = "?" + R, $e = `<${le}>`, G = document, at = () => G.createComment(""), lt = (o) => o === null || typeof o != "object" && typeof o != "function", Ht = Array.isArray, Ce = (o) => Ht(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", At = `[
285
+ const rt = globalThis, xt = rt.trustedTypes, Qt = xt ? xt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, ae = "$lit$", R = `lit$${Math.random().toFixed(9).slice(2)}$`, le = "?" + R, $e = `<${le}>`, G = document, at = () => G.createComment(""), lt = (o) => o === null || typeof o != "object" && typeof o != "function", Ht = Array.isArray, Ce = (o) => Ht(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", At = `[
286
286
  \f\r]`, it = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Yt = /-->/g, te = />/g, q = RegExp(`>|${At}(?:([^\\s"'>=/]+)(${At}*=${At}*(?:[^
287
- \f\r"'\`<>=]|("|')|))|$)`, "g"), ee = /'/g, oe = /"/g, ce = /^(?:script|style|textarea|title)$/i, _e = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = _e(1), V = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), ie = /* @__PURE__ */ new WeakMap(), W = G.createTreeWalker(G, 129);
287
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), ee = /'/g, oe = /"/g, ce = /^(?:script|style|textarea|title)$/i, _e = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = _e(1), V = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), ie = /* @__PURE__ */ new WeakMap(), K = G.createTreeWalker(G, 129);
288
288
  function he(o, t) {
289
289
  if (!Ht(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
290
290
  return Qt !== void 0 ? Qt.createHTML(t) : t;
291
291
  }
292
292
  const ke = (o, t) => {
293
- const e = o.length - 1, r = [];
294
- let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = it;
293
+ const e = o.length - 1, n = [];
294
+ let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = it;
295
295
  for (let h = 0; h < e; h++) {
296
296
  const c = o[h];
297
297
  let f, m, p = -1, C = 0;
298
298
  for (; C < c.length && (s.lastIndex = C, m = s.exec(c), m !== null); ) C = s.lastIndex, s === it ? m[1] === "!--" ? s = Yt : m[1] !== void 0 ? s = te : m[2] !== void 0 ? (ce.test(m[2]) && (i = RegExp("</" + m[2], "g")), s = q) : m[3] !== void 0 && (s = q) : s === q ? m[0] === ">" ? (s = i ?? it, p = -1) : m[1] === void 0 ? p = -2 : (p = s.lastIndex - m[2].length, f = m[1], s = m[3] === void 0 ? q : m[3] === '"' ? oe : ee) : s === oe || s === ee ? s = q : s === Yt || s === te ? s = it : (s = q, i = void 0);
299
299
  const P = s === q && o[h + 1].startsWith("/>") ? " " : "";
300
- n += s === it ? c + $e : p >= 0 ? (r.push(f), c.slice(0, p) + ae + c.slice(p) + R + P) : c + R + (p === -2 ? h : P);
300
+ r += s === it ? c + $e : p >= 0 ? (n.push(f), c.slice(0, p) + ae + c.slice(p) + R + P) : c + R + (p === -2 ? h : P);
301
301
  }
302
- return [he(o, n + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
302
+ return [he(o, r + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), n];
303
303
  };
304
304
  class ct {
305
- constructor({ strings: t, _$litType$: e }, r) {
305
+ constructor({ strings: t, _$litType$: e }, n) {
306
306
  let i;
307
307
  this.parts = [];
308
- let n = 0, s = 0;
308
+ let r = 0, s = 0;
309
309
  const h = t.length - 1, c = this.parts, [f, m] = ke(t, e);
310
- if (this.el = ct.createElement(f, r), W.currentNode = this.el.content, e === 2 || e === 3) {
310
+ if (this.el = ct.createElement(f, n), K.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 = W.nextNode()) !== null && c.length < h; ) {
314
+ for (; (i = K.nextNode()) !== null && c.length < h; ) {
315
315
  if (i.nodeType === 1) {
316
316
  if (i.hasAttributes()) for (const p of i.getAttributeNames()) if (p.endsWith(ae)) {
317
- const C = m[s++], P = i.getAttribute(p).split(R), bt = /([.?@])?(.*)/.exec(C);
318
- c.push({ type: 1, index: n, name: bt[2], strings: P, ctor: bt[1] === "." ? Se : bt[1] === "?" ? Ee : bt[1] === "@" ? Le : $t }), i.removeAttribute(p);
319
- } else p.startsWith(R) && (c.push({ type: 6, index: n }), i.removeAttribute(p));
317
+ const C = m[s++], P = i.getAttribute(p).split(R), gt = /([.?@])?(.*)/.exec(C);
318
+ c.push({ type: 1, index: r, name: gt[2], strings: P, ctor: gt[1] === "." ? Ee : gt[1] === "?" ? Se : gt[1] === "@" ? Le : $t }), i.removeAttribute(p);
319
+ } else p.startsWith(R) && (c.push({ type: 6, index: r }), i.removeAttribute(p));
320
320
  if (ce.test(i.tagName)) {
321
321
  const p = i.textContent.split(R), C = p.length - 1;
322
322
  if (C > 0) {
323
- i.textContent = wt ? wt.emptyScript : "";
324
- for (let P = 0; P < C; P++) i.append(p[P], at()), W.nextNode(), c.push({ type: 2, index: ++n });
323
+ i.textContent = xt ? xt.emptyScript : "";
324
+ for (let P = 0; P < C; P++) i.append(p[P], at()), K.nextNode(), c.push({ type: 2, index: ++r });
325
325
  i.append(p[C], at());
326
326
  }
327
327
  }
328
- } else if (i.nodeType === 8) if (i.data === le) c.push({ type: 2, index: n });
328
+ } else if (i.nodeType === 8) if (i.data === le) c.push({ type: 2, index: r });
329
329
  else {
330
330
  let p = -1;
331
- for (; (p = i.data.indexOf(R, p + 1)) !== -1; ) c.push({ type: 7, index: n }), p += R.length - 1;
331
+ for (; (p = i.data.indexOf(R, p + 1)) !== -1; ) c.push({ type: 7, index: r }), p += R.length - 1;
332
332
  }
333
- n++;
333
+ r++;
334
334
  }
335
335
  }
336
336
  static createElement(t, e) {
337
- const r = G.createElement("template");
338
- return r.innerHTML = t, r;
337
+ const n = G.createElement("template");
338
+ return n.innerHTML = t, n;
339
339
  }
340
340
  }
341
- function tt(o, t, e = o, r) {
341
+ function tt(o, t, e = o, n) {
342
342
  var s, h;
343
343
  if (t === V) return t;
344
- let i = r !== void 0 ? (s = e._$Co) == null ? void 0 : s[r] : e._$Cl;
345
- const n = lt(t) ? void 0 : t._$litDirective$;
346
- return (i == null ? void 0 : i.constructor) !== n && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), n === void 0 ? i = void 0 : (i = new n(o), i._$AT(o, e, r)), r !== void 0 ? (e._$Co ?? (e._$Co = []))[r] = i : e._$Cl = i), i !== void 0 && (t = tt(o, i._$AS(o, t.values), i, r)), t;
344
+ let i = n !== void 0 ? (s = e._$Co) == null ? void 0 : s[n] : e._$Cl;
345
+ const r = lt(t) ? void 0 : t._$litDirective$;
346
+ return (i == null ? void 0 : i.constructor) !== r && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), r === void 0 ? i = void 0 : (i = new r(o), i._$AT(o, e, n)), n !== void 0 ? (e._$Co ?? (e._$Co = []))[n] = i : e._$Cl = i), i !== void 0 && (t = tt(o, i._$AS(o, t.values), i, n)), t;
347
347
  }
348
348
  class Ae {
349
349
  constructor(t, e) {
@@ -356,21 +356,21 @@ class Ae {
356
356
  return this._$AM._$AU;
357
357
  }
358
358
  u(t) {
359
- const { el: { content: e }, parts: r } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? G).importNode(e, !0);
360
- W.currentNode = i;
361
- let n = W.nextNode(), s = 0, h = 0, c = r[0];
359
+ const { el: { content: e }, parts: n } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? G).importNode(e, !0);
360
+ K.currentNode = i;
361
+ let r = K.nextNode(), s = 0, h = 0, c = n[0];
362
362
  for (; c !== void 0; ) {
363
363
  if (s === c.index) {
364
364
  let f;
365
- c.type === 2 ? f = new ft(n, n.nextSibling, this, t) : c.type === 1 ? f = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (f = new Pe(n, this, t)), this._$AV.push(f), c = r[++h];
365
+ c.type === 2 ? f = new ft(r, r.nextSibling, this, t) : c.type === 1 ? f = new c.ctor(r, c.name, c.strings, this, t) : c.type === 6 && (f = new Pe(r, this, t)), this._$AV.push(f), c = n[++h];
366
366
  }
367
- s !== (c == null ? void 0 : c.index) && (n = W.nextNode(), s++);
367
+ s !== (c == null ? void 0 : c.index) && (r = K.nextNode(), s++);
368
368
  }
369
- return W.currentNode = G, i;
369
+ return K.currentNode = G, i;
370
370
  }
371
371
  p(t) {
372
372
  let e = 0;
373
- for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(t, r, e), e += r.strings.length - 2) : r._$AI(t[e])), e++;
373
+ for (const n of this._$AV) n !== void 0 && (n.strings !== void 0 ? (n._$AI(t, n, e), e += n.strings.length - 2) : n._$AI(t[e])), e++;
374
374
  }
375
375
  }
376
376
  class ft {
@@ -378,8 +378,8 @@ class ft {
378
378
  var t;
379
379
  return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
380
380
  }
381
- constructor(t, e, r, i) {
382
- this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = r, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
381
+ constructor(t, e, n, i) {
382
+ this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = n, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
383
383
  }
384
384
  get parentNode() {
385
385
  let t = this._$AA.parentNode;
@@ -405,9 +405,9 @@ class ft {
405
405
  this._$AH !== d && lt(this._$AH) ? this._$AA.nextSibling.data = t : this.T(G.createTextNode(t)), this._$AH = t;
406
406
  }
407
407
  $(t) {
408
- var n;
409
- const { values: e, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = ct.createElement(he(r.h, r.h[0]), this.options)), r);
410
- if (((n = this._$AH) == null ? void 0 : n._$AD) === i) this._$AH.p(e);
408
+ var r;
409
+ const { values: e, _$litType$: n } = t, i = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = ct.createElement(he(n.h, n.h[0]), this.options)), n);
410
+ if (((r = this._$AH) == null ? void 0 : r._$AD) === i) this._$AH.p(e);
411
411
  else {
412
412
  const s = new Ae(i, this), h = s.u(this.options);
413
413
  s.p(e), this.T(h), this._$AH = s;
@@ -420,13 +420,13 @@ class ft {
420
420
  k(t) {
421
421
  Ht(this._$AH) || (this._$AH = [], this._$AR());
422
422
  const e = this._$AH;
423
- let r, i = 0;
424
- for (const n of t) i === e.length ? e.push(r = new ft(this.O(at()), this.O(at()), this, this.options)) : r = e[i], r._$AI(n), i++;
425
- i < e.length && (this._$AR(r && r._$AB.nextSibling, i), e.length = i);
423
+ let n, i = 0;
424
+ for (const r of t) i === e.length ? e.push(n = new ft(this.O(at()), this.O(at()), this, this.options)) : n = e[i], n._$AI(r), i++;
425
+ i < e.length && (this._$AR(n && n._$AB.nextSibling, i), e.length = i);
426
426
  }
427
427
  _$AR(t = this._$AA.nextSibling, e) {
428
- var r;
429
- for ((r = this._$AP) == null ? void 0 : r.call(this, !1, !0, e); t && t !== this._$AB; ) {
428
+ var n;
429
+ for ((n = this._$AP) == null ? void 0 : n.call(this, !1, !0, e); t && t !== this._$AB; ) {
430
430
  const i = t.nextSibling;
431
431
  t.remove(), t = i;
432
432
  }
@@ -443,17 +443,17 @@ class $t {
443
443
  get _$AU() {
444
444
  return this._$AM._$AU;
445
445
  }
446
- constructor(t, e, r, i, n) {
447
- this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = n, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = d;
446
+ constructor(t, e, n, 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, n.length > 2 || n[0] !== "" || n[1] !== "" ? (this._$AH = Array(n.length - 1).fill(new String()), this.strings = n) : this._$AH = d;
448
448
  }
449
- _$AI(t, e = this, r, i) {
450
- const n = this.strings;
449
+ _$AI(t, e = this, n, i) {
450
+ const r = this.strings;
451
451
  let s = !1;
452
- if (n === void 0) t = tt(this, t, e, 0), s = !lt(t) || t !== this._$AH && t !== V, s && (this._$AH = t);
452
+ if (r === void 0) t = tt(this, t, e, 0), s = !lt(t) || t !== this._$AH && t !== V, s && (this._$AH = t);
453
453
  else {
454
454
  const h = t;
455
455
  let c, f;
456
- for (t = n[0], c = 0; c < n.length - 1; c++) f = tt(this, h[r + c], e, c), f === V && (f = this._$AH[c]), s || (s = !lt(f) || f !== this._$AH[c]), f === d ? t = d : t !== d && (t += (f ?? "") + n[c + 1]), this._$AH[c] = f;
456
+ for (t = r[0], c = 0; c < r.length - 1; c++) f = tt(this, h[n + c], e, c), f === V && (f = this._$AH[c]), s || (s = !lt(f) || f !== this._$AH[c]), f === d ? t = d : t !== d && (t += (f ?? "") + r[c + 1]), this._$AH[c] = f;
457
457
  }
458
458
  s && !i && this.j(t);
459
459
  }
@@ -461,7 +461,7 @@ class $t {
461
461
  t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
462
462
  }
463
463
  }
464
- class Se extends $t {
464
+ class Ee extends $t {
465
465
  constructor() {
466
466
  super(...arguments), this.type = 3;
467
467
  }
@@ -469,7 +469,7 @@ class Se extends $t {
469
469
  this.element[this.name] = t === d ? void 0 : t;
470
470
  }
471
471
  }
472
- class Ee extends $t {
472
+ class Se extends $t {
473
473
  constructor() {
474
474
  super(...arguments), this.type = 4;
475
475
  }
@@ -478,13 +478,13 @@ class Ee extends $t {
478
478
  }
479
479
  }
480
480
  class Le extends $t {
481
- constructor(t, e, r, i, n) {
482
- super(t, e, r, i, n), this.type = 5;
481
+ constructor(t, e, n, i, r) {
482
+ super(t, e, n, i, r), this.type = 5;
483
483
  }
484
484
  _$AI(t, e = this) {
485
485
  if ((t = tt(this, t, e, 0) ?? d) === V) return;
486
- const r = this._$AH, i = t === d && r !== d || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, n = t !== d && (r === d || i);
487
- i && this.element.removeEventListener(this.name, this, r), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
486
+ const n = this._$AH, i = t === d && n !== d || t.capture !== n.capture || t.once !== n.once || t.passive !== n.passive, r = t !== d && (n === d || i);
487
+ i && this.element.removeEventListener(this.name, this, n), r && 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 Le extends $t {
492
492
  }
493
493
  }
494
494
  class Pe {
495
- constructor(t, e, r) {
496
- this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = r;
495
+ constructor(t, e, n) {
496
+ this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = n;
497
497
  }
498
498
  get _$AU() {
499
499
  return this._$AM._$AU;
@@ -502,14 +502,14 @@ class Pe {
502
502
  tt(this, t);
503
503
  }
504
504
  }
505
- const St = nt.litHtmlPolyfillSupport;
506
- St == null || St(ct, ft), (nt.litHtmlVersions ?? (nt.litHtmlVersions = [])).push("3.3.0");
505
+ const Et = rt.litHtmlPolyfillSupport;
506
+ Et == null || Et(ct, ft), (rt.litHtmlVersions ?? (rt.litHtmlVersions = [])).push("3.3.0");
507
507
  const Oe = (o, t, e) => {
508
- const r = (e == null ? void 0 : e.renderBefore) ?? t;
509
- let i = r._$litPart$;
508
+ const n = (e == null ? void 0 : e.renderBefore) ?? t;
509
+ let i = n._$litPart$;
510
510
  if (i === void 0) {
511
- const n = (e == null ? void 0 : e.renderBefore) ?? null;
512
- r._$litPart$ = i = new ft(t.insertBefore(at(), n), n, void 0, e ?? {});
511
+ const r = (e == null ? void 0 : e.renderBefore) ?? null;
512
+ n._$litPart$ = i = new ft(t.insertBefore(at(), r), r, void 0, e ?? {});
513
513
  }
514
514
  return i._$AI(o), i;
515
515
  };
@@ -518,7 +518,7 @@ const Oe = (o, t, e) => {
518
518
  * Copyright 2017 Google LLC
519
519
  * SPDX-License-Identifier: BSD-3-Clause
520
520
  */
521
- const K = globalThis;
521
+ const W = globalThis;
522
522
  let v = class extends Y {
523
523
  constructor() {
524
524
  super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
@@ -544,17 +544,17 @@ let v = class extends Y {
544
544
  return V;
545
545
  }
546
546
  };
547
- var ne;
548
- v._$litElement$ = !0, v.finalized = !0, (ne = K.litElementHydrateSupport) == null || ne.call(K, { LitElement: v });
549
- const Et = K.litElementPolyfillSupport;
550
- Et == null || Et({ LitElement: v });
551
- (K.litElementVersions ?? (K.litElementVersions = [])).push("4.2.0");
547
+ var re;
548
+ v._$litElement$ = !0, v.finalized = !0, (re = W.litElementHydrateSupport) == null || re.call(W, { LitElement: v });
549
+ const St = W.litElementPolyfillSupport;
550
+ St == null || St({ LitElement: v });
551
+ (W.litElementVersions ?? (W.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 w = (o) => (t, e) => {
557
+ const x = (o) => (t, e) => {
558
558
  e !== void 0 ? e.addInitializer(() => {
559
559
  customElements.define(o, t);
560
560
  }) : customElements.define(o, t);
@@ -565,9 +565,9 @@ const w = (o) => (t, e) => {
565
565
  * SPDX-License-Identifier: BSD-3-Clause
566
566
  */
567
567
  const Ie = { attribute: !0, type: String, converter: mt, reflect: !1, hasChanged: Dt }, ze = (o = Ie, t, e) => {
568
- const { kind: r, metadata: i } = e;
569
- let n = globalThis.litPropertyMetadata.get(i);
570
- if (n === void 0 && globalThis.litPropertyMetadata.set(i, n = /* @__PURE__ */ new Map()), r === "setter" && ((o = Object.create(o)).wrapped = !0), n.set(e.name, o), r === "accessor") {
568
+ const { kind: n, metadata: i } = e;
569
+ let r = globalThis.litPropertyMetadata.get(i);
570
+ if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), n === "setter" && ((o = Object.create(o)).wrapped = !0), r.set(e.name, o), n === "accessor") {
571
571
  const { name: s } = e;
572
572
  return { set(h) {
573
573
  const c = t.get.call(this);
@@ -576,19 +576,19 @@ const Ie = { attribute: !0, type: String, converter: mt, reflect: !1, hasChanged
576
576
  return h !== void 0 && this.C(s, void 0, o, h), h;
577
577
  } };
578
578
  }
579
- if (r === "setter") {
579
+ if (n === "setter") {
580
580
  const { name: s } = e;
581
581
  return function(h) {
582
582
  const c = this[s];
583
583
  t.call(this, h), this.requestUpdate(s, c, o);
584
584
  };
585
585
  }
586
- throw Error("Unsupported decorator location: " + r);
586
+ throw Error("Unsupported decorator location: " + n);
587
587
  };
588
588
  function a(o) {
589
- return (t, e) => typeof e == "object" ? ze(o, t, e) : ((r, i, n) => {
590
- const s = i.hasOwnProperty(n);
591
- return i.constructor.createProperty(n, r), s ? Object.getOwnPropertyDescriptor(i, n) : void 0;
589
+ return (t, e) => typeof e == "object" ? ze(o, t, e) : ((n, i, r) => {
590
+ const s = i.hasOwnProperty(r);
591
+ return i.constructor.createProperty(r, n), s ? Object.getOwnPropertyDescriptor(i, r) : void 0;
592
592
  })(o, t, e);
593
593
  }
594
594
  /**
@@ -599,11 +599,11 @@ function a(o) {
599
599
  function X(o) {
600
600
  return a({ ...o, state: !0, attribute: !1 });
601
601
  }
602
- const gt = b`
602
+ const bt = g`
603
603
  outline: 1px dashed var(--color-border-primary);
604
604
  outline-offset: 2px;
605
605
  `;
606
- b`
606
+ g`
607
607
  :host * {
608
608
  box-sizing: border-box;
609
609
  }
@@ -631,11 +631,11 @@ function Tt(o) {
631
631
  function Be(o) {
632
632
  o.addInitializer((t) => {
633
633
  const e = t;
634
- e.addEventListener("click", async (r) => {
635
- const { type: i, [Mt]: n } = e, { form: s } = n;
634
+ e.addEventListener("click", async (n) => {
635
+ const { type: i, [Mt]: r } = e, { form: s } = r;
636
636
  if (!(!s || i === "button") && (await new Promise((h) => {
637
637
  setTimeout(h);
638
- }), !r.defaultPrevented)) {
638
+ }), !n.defaultPrevented)) {
639
639
  if (i === "reset") {
640
640
  s.reset();
641
641
  return;
@@ -650,7 +650,7 @@ function Be(o) {
650
650
  });
651
651
  },
652
652
  { capture: !0, once: !0 }
653
- ), n.setFormValue(e.value), s.requestSubmit();
653
+ ), r.setFormValue(e.value), s.requestSubmit();
654
654
  }
655
655
  });
656
656
  });
@@ -696,13 +696,13 @@ const De = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
696
696
  <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
697
697
  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"/>
698
698
  </svg>
699
- `, We = `<?xml version="1.0" encoding="utf-8"?>
699
+ `, Ke = `<?xml version="1.0" encoding="utf-8"?>
700
700
  <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
701
701
  <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"
702
702
  viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
703
703
  <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"/>
704
704
  </svg>
705
- `, Ke = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
705
+ `, We = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
706
706
  <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"/>
707
707
  </svg>
708
708
  `, Ge = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -732,11 +732,11 @@ const De = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
732
732
  </svg>
733
733
  `, io = `<svg viewBox="0 0 200 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
734
734
  <line x1="0" y1="0" x2="200" y2="200" />
735
- </svg>`, ro = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
735
+ </svg>`, no = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
736
736
  <path d="M2.31202e-08 7.85218C0.974855 6.83983 3.01741 4.44477 6.12766 0.666992L6.54545 0.926252C5.54739 3.04971 4.35203 5.40773 2.95938 8.00033C4.35203 10.5929 5.54739 12.9509 6.54545 15.0744L6.12766 15.3337C3.01741 11.5559 0.974855 9.16082 0 8.14847L2.31202e-08 7.85218Z" fill="#3F2B2E"/>
737
737
  <path d="M16 8.14847C15.0251 9.16082 12.9826 11.5559 9.87234 15.3337L9.45455 15.0744C10.4526 12.9509 11.648 10.5929 13.0406 8.00033C11.648 5.40773 10.4526 3.04971 9.45455 0.92625L9.87234 0.666992C12.9826 4.44477 15.0251 6.83983 16 7.85218V8.14847Z" fill="#3F2B2E"/>
738
738
  </svg>
739
- `, no = `<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
739
+ `, ro = `<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
740
740
  <path d="M8 0.458496C12.4183 0.458496 16 4.04022 16 8.4585C16 12.8768 12.4183 16.4585 8 16.4585C3.58172 16.4585 0 12.8768 0 8.4585C0 4.04022 3.58172 0.458496 8 0.458496ZM11.8115 5.56787C11.5953 5.39556 11.2797 5.43075 11.1074 5.64697L7.45801 10.2104L4.85254 7.60596C4.65647 7.41684 4.34516 7.41943 4.15234 7.61182C3.95956 7.8046 3.95626 8.11678 4.14551 8.31299L7.14551 11.313C7.23977 11.4062 7.36741 11.4592 7.5 11.4595L7.52832 11.4585C7.67017 11.4503 7.80168 11.3818 7.89062 11.271L11.8906 6.271C12.0629 6.05485 12.0275 5.74022 11.8115 5.56787Z" fill="#3B7902"/>
741
741
  </svg>
742
742
  `, so = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -756,7 +756,7 @@ const De = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
756
756
  chevronRight: Me,
757
757
  chevronLeft: Te,
758
758
  icoPlus: qe,
759
- icoMinus: We,
759
+ icoMinus: Ke,
760
760
  "star-0": je,
761
761
  "star-25": Fe,
762
762
  "star-50": Ne,
@@ -764,7 +764,7 @@ const De = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
764
764
  "star-100": Ue,
765
765
  cross: Ve,
766
766
  search: Ze,
767
- arrowLeft: Ke,
767
+ arrowLeft: We,
768
768
  arrowTop: Ge,
769
769
  cart: Xe,
770
770
  notifyme: Je,
@@ -773,13 +773,13 @@ const De = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
773
773
  checkstroke: to,
774
774
  pause: eo,
775
775
  mapDualArrow: oo,
776
- swipeDualArrow: ro,
776
+ swipeDualArrow: no,
777
777
  backToBag: lo,
778
778
  checkbox: co
779
779
  }, ho = {
780
780
  strikeDiagonal: io
781
781
  }, po = {
782
- success: no,
782
+ success: ro,
783
783
  error: so,
784
784
  info: ao
785
785
  };
@@ -795,8 +795,8 @@ let Nt = class {
795
795
  get _$AU() {
796
796
  return this._$AM._$AU;
797
797
  }
798
- _$AT(t, e, r) {
799
- this._$Ct = t, this._$AM = e, this._$Ci = r;
798
+ _$AT(t, e, n) {
799
+ this._$Ct = t, this._$AM = e, this._$Ci = n;
800
800
  }
801
801
  _$AS(t, e) {
802
802
  return this.update(t, e);
@@ -834,13 +834,13 @@ class Ot extends Pt {
834
834
  }
835
835
  Ot.directiveName = "unsafeSVG", Ot.resultType = 2;
836
836
  const O = Ft(Ot);
837
- var uo = Object.defineProperty, vo = Object.getOwnPropertyDescriptor, x = (o, t, e, r) => {
838
- for (var i = r > 1 ? void 0 : r ? vo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
839
- (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
840
- return r && i && uo(t, e, i), i;
837
+ var uo = Object.defineProperty, vo = Object.getOwnPropertyDescriptor, w = (o, t, e, n) => {
838
+ for (var i = n > 1 ? void 0 : n ? vo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
839
+ (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
840
+ return n && i && uo(t, e, i), i;
841
841
  };
842
842
  const fo = Tt(v);
843
- let g = class extends fo {
843
+ let b = class extends fo {
844
844
  constructor() {
845
845
  super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.text = "", this.textsecond = "", this.fullwidth = !1, this.disabled = !1, this.startIconModel = "", this.endIconModel = "", this.startIcon = !1, this.endIcon = !1, this.panelTarget = "", this.href = "", this.target = "", this.underlined = !1, this.withbadge = !1;
846
846
  }
@@ -904,9 +904,9 @@ let g = class extends fo {
904
904
  `;
905
905
  }
906
906
  };
907
- Be(g);
908
- g.formAssociated = !0;
909
- g.styles = b`
907
+ Be(b);
908
+ b.formAssociated = !0;
909
+ b.styles = g`
910
910
  :host {
911
911
  --button-border: transparent;
912
912
  --badge-outer-width: 19px;
@@ -1023,7 +1023,7 @@ g.styles = b`
1023
1023
  }
1024
1024
 
1025
1025
  .button:focus-visible {
1026
- ${gt};
1026
+ ${bt};
1027
1027
  }
1028
1028
 
1029
1029
  span.text + span.text::before {
@@ -1108,61 +1108,61 @@ g.styles = b`
1108
1108
  }
1109
1109
  //End icon movment on hover
1110
1110
  `;
1111
- x([
1111
+ w([
1112
1112
  a()
1113
- ], g.prototype, "type", 2);
1114
- x([
1113
+ ], b.prototype, "type", 2);
1114
+ w([
1115
1115
  a({ reflect: !0 })
1116
- ], g.prototype, "value", 2);
1117
- x([
1116
+ ], b.prototype, "value", 2);
1117
+ w([
1118
1118
  a({ type: String, reflect: !0 })
1119
- ], g.prototype, "variant", 2);
1120
- x([
1119
+ ], b.prototype, "variant", 2);
1120
+ w([
1121
1121
  a({ type: String })
1122
- ], g.prototype, "text", 2);
1123
- x([
1122
+ ], b.prototype, "text", 2);
1123
+ w([
1124
1124
  a({ type: String })
1125
- ], g.prototype, "textsecond", 2);
1126
- x([
1125
+ ], b.prototype, "textsecond", 2);
1126
+ w([
1127
1127
  a({ type: Boolean, reflect: !0 })
1128
- ], g.prototype, "fullwidth", 2);
1129
- x([
1128
+ ], b.prototype, "fullwidth", 2);
1129
+ w([
1130
1130
  a({ type: Boolean, reflect: !0 })
1131
- ], g.prototype, "disabled", 2);
1132
- x([
1131
+ ], b.prototype, "disabled", 2);
1132
+ w([
1133
1133
  a({ type: String, reflect: !0 })
1134
- ], g.prototype, "startIconModel", 2);
1135
- x([
1134
+ ], b.prototype, "startIconModel", 2);
1135
+ w([
1136
1136
  a({ type: String, reflect: !0 })
1137
- ], g.prototype, "endIconModel", 2);
1138
- x([
1137
+ ], b.prototype, "endIconModel", 2);
1138
+ w([
1139
1139
  a({ type: Boolean, reflect: !0, attribute: "starticon" })
1140
- ], g.prototype, "startIcon", 2);
1141
- x([
1140
+ ], b.prototype, "startIcon", 2);
1141
+ w([
1142
1142
  a({ type: Boolean, reflect: !0, attribute: "endicon" })
1143
- ], g.prototype, "endIcon", 2);
1144
- x([
1143
+ ], b.prototype, "endIcon", 2);
1144
+ w([
1145
1145
  a({ type: String, attribute: "paneltarget", reflect: !0 })
1146
- ], g.prototype, "panelTarget", 2);
1147
- x([
1146
+ ], b.prototype, "panelTarget", 2);
1147
+ w([
1148
1148
  a({ type: String })
1149
- ], g.prototype, "href", 2);
1150
- x([
1149
+ ], b.prototype, "href", 2);
1150
+ w([
1151
1151
  a({ type: String })
1152
- ], g.prototype, "target", 2);
1153
- x([
1152
+ ], b.prototype, "target", 2);
1153
+ w([
1154
1154
  a({ type: Boolean, reflect: !0 })
1155
- ], g.prototype, "underlined", 2);
1156
- x([
1155
+ ], b.prototype, "underlined", 2);
1156
+ w([
1157
1157
  a({ type: Boolean, reflect: !0 })
1158
- ], g.prototype, "withbadge", 2);
1159
- g = x([
1160
- w("o-button")
1161
- ], g);
1162
- var go = Object.defineProperty, bo = Object.getOwnPropertyDescriptor, Ct = (o, t, e, r) => {
1163
- for (var i = r > 1 ? void 0 : r ? bo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
1164
- (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
1165
- return r && i && go(t, e, i), i;
1158
+ ], b.prototype, "withbadge", 2);
1159
+ b = w([
1160
+ x("o-button")
1161
+ ], b);
1162
+ var bo = Object.defineProperty, go = Object.getOwnPropertyDescriptor, Ct = (o, t, e, n) => {
1163
+ for (var i = n > 1 ? void 0 : n ? go(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1164
+ (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
1165
+ return n && i && bo(t, e, i), i;
1166
1166
  };
1167
1167
  let et = class extends v {
1168
1168
  constructor() {
@@ -1205,7 +1205,7 @@ let et = class extends v {
1205
1205
  this.label = o, this.requestUpdate();
1206
1206
  }
1207
1207
  };
1208
- et.styles = b`
1208
+ et.styles = g`
1209
1209
  :host {
1210
1210
  display: inline-flex;
1211
1211
  justify-content: center;
@@ -1281,7 +1281,7 @@ Ct([
1281
1281
  a({ type: String, reflect: !0 })
1282
1282
  ], et.prototype, "label", 2);
1283
1283
  et = Ct([
1284
- w("o-wishlist-button")
1284
+ x("o-wishlist-button")
1285
1285
  ], et);
1286
1286
  /**
1287
1287
  * @license
@@ -1289,10 +1289,10 @@ et = Ct([
1289
1289
  * SPDX-License-Identifier: BSD-3-Clause
1290
1290
  */
1291
1291
  const _ = (o) => o ?? d;
1292
- var yo = Object.defineProperty, mo = Object.getOwnPropertyDescriptor, D = (o, t, e, r) => {
1293
- for (var i = r > 1 ? void 0 : r ? mo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
1294
- (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
1295
- return r && i && yo(t, e, i), i;
1292
+ var yo = Object.defineProperty, mo = Object.getOwnPropertyDescriptor, D = (o, t, e, n) => {
1293
+ for (var i = n > 1 ? void 0 : n ? mo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1294
+ (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
1295
+ return n && i && yo(t, e, i), i;
1296
1296
  };
1297
1297
  let k = class extends v {
1298
1298
  constructor() {
@@ -1302,7 +1302,7 @@ let k = class extends v {
1302
1302
  super.updated(o), this.style.setProperty("--icon-stroke-width", this.strokewidth);
1303
1303
  }
1304
1304
  render() {
1305
- const o = J[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace("<svg", '<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g, '<path part="icon-path"').replace(/<g\b/g, '<g part="icon-group"').replace(/<circle\b/g, '<circle part="icon-circle"'), r = this.showSrLabel ? l`<span class="sr-only">${this.srLabel}</span>` : null, i = this.showSrLabel ? null : "icon";
1305
+ const o = J[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace("<svg", '<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g, '<path part="icon-path"').replace(/<g\b/g, '<g part="icon-group"').replace(/<circle\b/g, '<circle part="icon-circle"'), n = this.showSrLabel ? l`<span class="sr-only">${this.srLabel}</span>` : null, i = this.showSrLabel ? null : "icon";
1306
1306
  return l`
1307
1307
  ${this.type === "span" ? l`
1308
1308
  <span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
@@ -1316,13 +1316,13 @@ let k = class extends v {
1316
1316
  ?disabled="${this.disabled}"
1317
1317
  >
1318
1318
  ${O(e)}
1319
- ${r}
1319
+ ${n}
1320
1320
  </button>
1321
1321
  `}
1322
1322
  `;
1323
1323
  }
1324
1324
  };
1325
- k.styles = b`
1325
+ k.styles = g`
1326
1326
  :host {
1327
1327
  display: inline-flex;
1328
1328
  justify-content: center;
@@ -1527,7 +1527,7 @@ k.styles = b`
1527
1527
  }
1528
1528
 
1529
1529
  .icon-button:focus-visible {
1530
- ${gt}
1530
+ ${bt}
1531
1531
  }
1532
1532
 
1533
1533
  .sr-only {
@@ -1562,12 +1562,12 @@ D([
1562
1562
  a({ type: String })
1563
1563
  ], k.prototype, "srLabel", 2);
1564
1564
  k = D([
1565
- w("o-icon-button")
1565
+ x("o-icon-button")
1566
1566
  ], k);
1567
- var wo = Object.defineProperty, xo = Object.getOwnPropertyDescriptor, Q = (o, t, e, r) => {
1568
- for (var i = r > 1 ? void 0 : r ? xo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
1569
- (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
1570
- return r && i && wo(t, e, i), i;
1567
+ var xo = Object.defineProperty, wo = Object.getOwnPropertyDescriptor, Q = (o, t, e, n) => {
1568
+ for (var i = n > 1 ? void 0 : n ? wo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1569
+ (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
1570
+ return n && i && xo(t, e, i), i;
1571
1571
  };
1572
1572
  let T = class extends v {
1573
1573
  constructor() {
@@ -1607,7 +1607,7 @@ let T = class extends v {
1607
1607
  `;
1608
1608
  }
1609
1609
  };
1610
- T.styles = b`
1610
+ T.styles = g`
1611
1611
  :host([template="standard"]) a {
1612
1612
  color: var(--color-content-action-secondary);
1613
1613
  font-size: var(--font-size-200);
@@ -1714,12 +1714,12 @@ Q([
1714
1714
  a({ type: Boolean, reflect: !0 })
1715
1715
  ], T.prototype, "reverseEndIcon", 2);
1716
1716
  T = Q([
1717
- w("o-link")
1717
+ x("o-link")
1718
1718
  ], T);
1719
- var $o = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, _t = (o, t, e, r) => {
1720
- for (var i = r > 1 ? void 0 : r ? Co(t, e) : t, n = o.length - 1, s; n >= 0; n--)
1721
- (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
1722
- return r && i && $o(t, e, i), i;
1719
+ var $o = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, _t = (o, t, e, n) => {
1720
+ for (var i = n > 1 ? void 0 : n ? Co(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1721
+ (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
1722
+ return n && i && $o(t, e, i), i;
1723
1723
  };
1724
1724
  let ot = class extends v {
1725
1725
  constructor() {
@@ -1729,8 +1729,8 @@ let ot = class extends v {
1729
1729
  const o = [];
1730
1730
  for (let t = 0; t < 5; t++) {
1731
1731
  const e = this.rating - t;
1732
- let r;
1733
- e >= 1 ? r = 100 : e <= 0 ? r = 0 : r = Math.round(e * 100 / 25) * 25, o.push(`star-${r}`);
1732
+ let n;
1733
+ e >= 1 ? n = 100 : e <= 0 ? n = 0 : n = Math.round(e * 100 / 25) * 25, o.push(`star-${n}`);
1734
1734
  }
1735
1735
  return o;
1736
1736
  }
@@ -1748,7 +1748,7 @@ let ot = class extends v {
1748
1748
  `;
1749
1749
  }
1750
1750
  };
1751
- ot.styles = b`
1751
+ ot.styles = g`
1752
1752
  svg {
1753
1753
  width: 12px;
1754
1754
  height: 12px;
@@ -1792,7 +1792,7 @@ _t([
1792
1792
  a({ type: String })
1793
1793
  ], ot.prototype, "href", 2);
1794
1794
  ot = _t([
1795
- w("o-rating")
1795
+ x("o-rating")
1796
1796
  ], ot);
1797
1797
  /**
1798
1798
  * @license
@@ -1806,12 +1806,12 @@ const _o = (o) => o.strings === void 0;
1806
1806
  * SPDX-License-Identifier: BSD-3-Clause
1807
1807
  */
1808
1808
  const st = (o, t) => {
1809
- var r;
1809
+ var n;
1810
1810
  const e = o._$AN;
1811
1811
  if (e === void 0) return !1;
1812
- for (const i of e) (r = i._$AO) == null || r.call(i, t, !1), st(i, t);
1812
+ for (const i of e) (n = i._$AO) == null || n.call(i, t, !1), st(i, t);
1813
1813
  return !0;
1814
- }, xt = (o) => {
1814
+ }, wt = (o) => {
1815
1815
  let t, e;
1816
1816
  do {
1817
1817
  if ((t = o._$AM) === void 0) break;
@@ -1822,31 +1822,31 @@ const st = (o, t) => {
1822
1822
  let e = t._$AN;
1823
1823
  if (e === void 0) t._$AN = e = /* @__PURE__ */ new Set();
1824
1824
  else if (e.has(o)) break;
1825
- e.add(o), So(t);
1825
+ e.add(o), Eo(t);
1826
1826
  }
1827
1827
  };
1828
1828
  function ko(o) {
1829
- this._$AN !== void 0 ? (xt(this), this._$AM = o, de(this)) : this._$AM = o;
1829
+ this._$AN !== void 0 ? (wt(this), this._$AM = o, de(this)) : this._$AM = o;
1830
1830
  }
1831
1831
  function Ao(o, t = !1, e = 0) {
1832
- const r = this._$AH, i = this._$AN;
1833
- if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(r)) for (let n = e; n < r.length; n++) st(r[n], !1), xt(r[n]);
1834
- else r != null && (st(r, !1), xt(r));
1832
+ const n = this._$AH, i = this._$AN;
1833
+ if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(n)) for (let r = e; r < n.length; r++) st(n[r], !1), wt(n[r]);
1834
+ else n != null && (st(n, !1), wt(n));
1835
1835
  else st(this, o);
1836
1836
  }
1837
- const So = (o) => {
1837
+ const Eo = (o) => {
1838
1838
  o.type == jt.CHILD && (o._$AP ?? (o._$AP = Ao), o._$AQ ?? (o._$AQ = ko));
1839
1839
  };
1840
- class Eo extends Nt {
1840
+ class So extends Nt {
1841
1841
  constructor() {
1842
1842
  super(...arguments), this._$AN = void 0;
1843
1843
  }
1844
- _$AT(t, e, r) {
1845
- super._$AT(t, e, r), de(this), this.isConnected = t._$AU;
1844
+ _$AT(t, e, n) {
1845
+ super._$AT(t, e, n), de(this), this.isConnected = t._$AU;
1846
1846
  }
1847
1847
  _$AO(t, e = !0) {
1848
- var r, i;
1849
- t !== this.isConnected && (this.isConnected = t, t ? (r = this.reconnected) == null || r.call(this) : (i = this.disconnected) == null || i.call(this)), e && (st(this, t), xt(this));
1848
+ var n, i;
1849
+ t !== this.isConnected && (this.isConnected = t, t ? (n = this.reconnected) == null || n.call(this) : (i = this.disconnected) == null || i.call(this)), e && (st(this, t), wt(this));
1850
1850
  }
1851
1851
  setValue(t) {
1852
1852
  if (_o(this._$Ct)) this._$Ct._$AI(t, this);
@@ -1860,7 +1860,7 @@ class Eo extends Nt {
1860
1860
  reconnected() {
1861
1861
  }
1862
1862
  }
1863
- class Lo extends Eo {
1863
+ class Lo extends So {
1864
1864
  constructor() {
1865
1865
  super(...arguments), this.prevData = {};
1866
1866
  }
@@ -1868,23 +1868,23 @@ class Lo extends Eo {
1868
1868
  return d;
1869
1869
  }
1870
1870
  update(t, [e]) {
1871
- var r;
1872
- this.element !== t.element && (this.element = t.element), this.host = ((r = t.options) === null || r === void 0 ? void 0 : r.host) || this.element, this.apply(e), this.groom(e), this.prevData = { ...e };
1871
+ var n;
1872
+ this.element !== t.element && (this.element = t.element), this.host = ((n = t.options) === null || n === void 0 ? void 0 : n.host) || this.element, this.apply(e), this.groom(e), this.prevData = { ...e };
1873
1873
  }
1874
1874
  apply(t) {
1875
1875
  if (!t)
1876
1876
  return;
1877
- const { prevData: e, element: r } = this;
1877
+ const { prevData: e, element: n } = this;
1878
1878
  for (const i in t) {
1879
- const n = t[i];
1880
- n !== e[i] && (r[i] = n);
1879
+ const r = t[i];
1880
+ r !== e[i] && (n[i] = r);
1881
1881
  }
1882
1882
  }
1883
1883
  groom(t) {
1884
- const { prevData: e, element: r } = this;
1884
+ const { prevData: e, element: n } = this;
1885
1885
  if (e)
1886
1886
  for (const i in e)
1887
- (!t || !(i in t) && r[i] === e[i]) && (r[i] = void 0);
1887
+ (!t || !(i in t) && n[i] === e[i]) && (n[i] = void 0);
1888
1888
  }
1889
1889
  }
1890
1890
  class Po extends Lo {
@@ -1894,23 +1894,23 @@ class Po extends Lo {
1894
1894
  apply(t) {
1895
1895
  if (t)
1896
1896
  for (const e in t) {
1897
- const r = t[e];
1898
- r !== this.eventData[e] && this.applyEvent(e, r);
1897
+ const n = t[e];
1898
+ n !== this.eventData[e] && this.applyEvent(e, n);
1899
1899
  }
1900
1900
  }
1901
1901
  applyEvent(t, e) {
1902
- const { prevData: r, element: i } = this;
1903
- this.eventData[t] = e, r[t] && i.removeEventListener(t, this, e), i.addEventListener(t, this, e);
1902
+ const { prevData: n, element: i } = this;
1903
+ this.eventData[t] = e, n[t] && i.removeEventListener(t, this, e), i.addEventListener(t, this, e);
1904
1904
  }
1905
1905
  groom(t) {
1906
- const { prevData: e, element: r } = this;
1906
+ const { prevData: e, element: n } = this;
1907
1907
  if (e)
1908
1908
  for (const i in e)
1909
- (!t || !(i in t) && r[i] === e[i]) && this.groomEvent(i, e[i]);
1909
+ (!t || !(i in t) && n[i] === e[i]) && this.groomEvent(i, e[i]);
1910
1910
  }
1911
1911
  groomEvent(t, e) {
1912
- const { element: r } = this;
1913
- delete this.eventData[t], r.removeEventListener(t, this, e);
1912
+ const { element: n } = this;
1913
+ delete this.eventData[t], n.removeEventListener(t, this, e);
1914
1914
  }
1915
1915
  handleEvent(t) {
1916
1916
  const e = this.eventData[t.type];
@@ -1918,16 +1918,16 @@ class Po extends Lo {
1918
1918
  }
1919
1919
  disconnected() {
1920
1920
  const { eventData: t, element: e } = this;
1921
- for (const r in t) {
1922
- const i = r.slice(1), n = t[r];
1923
- e.removeEventListener(i, this, n);
1921
+ for (const n in t) {
1922
+ const i = n.slice(1), r = t[n];
1923
+ e.removeEventListener(i, this, r);
1924
1924
  }
1925
1925
  }
1926
1926
  reconnected() {
1927
1927
  const { eventData: t, element: e } = this;
1928
- for (const r in t) {
1929
- const i = r.slice(1), n = t[r];
1930
- e.addEventListener(i, this, n);
1928
+ for (const n in t) {
1929
+ const i = n.slice(1), r = t[n];
1930
+ e.addEventListener(i, this, r);
1931
1931
  }
1932
1932
  }
1933
1933
  }
@@ -1935,56 +1935,56 @@ class Oo extends Po {
1935
1935
  apply(t) {
1936
1936
  if (!t)
1937
1937
  return;
1938
- const { prevData: e, element: r } = this;
1938
+ const { prevData: e, element: n } = this;
1939
1939
  for (const i in t) {
1940
- const n = t[i];
1941
- if (n === e[i])
1940
+ const r = t[i];
1941
+ if (r === e[i])
1942
1942
  continue;
1943
1943
  const s = i.slice(1);
1944
1944
  switch (i[0]) {
1945
1945
  case "@":
1946
- this.eventData[s] = n, this.applyEvent(s, n);
1946
+ this.eventData[s] = r, this.applyEvent(s, r);
1947
1947
  break;
1948
1948
  case ".":
1949
- r[s] = n;
1949
+ n[s] = r;
1950
1950
  break;
1951
1951
  case "?":
1952
- n ? r.setAttribute(s, "") : r.removeAttribute(s);
1952
+ r ? n.setAttribute(s, "") : n.removeAttribute(s);
1953
1953
  break;
1954
1954
  default:
1955
- n != null ? r.setAttribute(i, String(n)) : r.removeAttribute(i);
1955
+ r != null ? n.setAttribute(i, String(r)) : n.removeAttribute(i);
1956
1956
  break;
1957
1957
  }
1958
1958
  }
1959
1959
  }
1960
1960
  groom(t) {
1961
- const { prevData: e, element: r } = this;
1961
+ const { prevData: e, element: n } = this;
1962
1962
  if (e)
1963
1963
  for (const i in e) {
1964
- const n = i.slice(1);
1965
- if (!t || !(i in t) && r[n] === e[i])
1964
+ const r = i.slice(1);
1965
+ if (!t || !(i in t) && n[r] === e[i])
1966
1966
  switch (i[0]) {
1967
1967
  case "@":
1968
- this.groomEvent(n, e[i]);
1968
+ this.groomEvent(r, e[i]);
1969
1969
  break;
1970
1970
  case ".":
1971
- r[n] = void 0;
1971
+ n[r] = void 0;
1972
1972
  break;
1973
1973
  case "?":
1974
- r.removeAttribute(n);
1974
+ n.removeAttribute(r);
1975
1975
  break;
1976
1976
  default:
1977
- r.removeAttribute(i);
1977
+ n.removeAttribute(i);
1978
1978
  break;
1979
1979
  }
1980
1980
  }
1981
1981
  }
1982
1982
  }
1983
- const re = Ft(Oo);
1984
- var Io = Object.defineProperty, zo = Object.getOwnPropertyDescriptor, y = (o, t, e, r) => {
1985
- for (var i = r > 1 ? void 0 : r ? zo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
1986
- (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
1987
- return r && i && Io(t, e, i), i;
1983
+ const ne = Ft(Oo);
1984
+ var Io = Object.defineProperty, zo = Object.getOwnPropertyDescriptor, y = (o, t, e, n) => {
1985
+ for (var i = n > 1 ? void 0 : n ? zo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1986
+ (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
1987
+ return n && i && Io(t, e, i), i;
1988
1988
  };
1989
1989
  let u = class extends v {
1990
1990
  constructor() {
@@ -1999,13 +1999,13 @@ let u = class extends v {
1999
1999
  const t = o.currentTarget, e = (t == null ? void 0 : t.getAttribute("data-role")) === "back";
2000
2000
  if (this.showDetail && e) {
2001
2001
  this.isHidingDetail = !0;
2002
- const r = this.renderRoot.querySelector(".content");
2003
- if (r) {
2002
+ const n = this.renderRoot.querySelector(".content");
2003
+ if (n) {
2004
2004
  this.showHeaderStartIcon = !1;
2005
2005
  const i = () => {
2006
- this.showDetail = !1, this.isHidingDetail = !1, r.removeEventListener("animationend", i);
2006
+ this.showDetail = !1, this.isHidingDetail = !1, n.removeEventListener("animationend", i);
2007
2007
  };
2008
- r.addEventListener("animationend", i);
2008
+ n.addEventListener("animationend", i);
2009
2009
  } else
2010
2010
  this.showDetail = !1, this.isHidingDetail = !1, this.showHeaderStartIcon = !1;
2011
2011
  return;
@@ -2022,12 +2022,12 @@ let u = class extends v {
2022
2022
  document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), this.removeEventListener("keydown", this.handleKeyDown), super.disconnectedCallback(), this.removeEventListener("open-detail", this._onOpenDetail);
2023
2023
  }
2024
2024
  trapFocus(o) {
2025
- var i, n, s, h, c, f, m, p, C, P;
2026
- this.innerFocusedElement = document.activeElement || null, this.innerFocusedElement = ((n = (i = this.innerFocusedElement) == null ? void 0 : i.shadowRoot) == null ? void 0 : n.activeElement) || this.innerFocusedElement;
2025
+ var i, r, s, h, c, f, m, p, C, P;
2026
+ this.innerFocusedElement = document.activeElement || null, this.innerFocusedElement = ((r = (i = this.innerFocusedElement) == null ? void 0 : i.shadowRoot) == null ? void 0 : r.activeElement) || this.innerFocusedElement;
2027
2027
  const t = this.getFocusableElements();
2028
2028
  if (t.length === 0) return;
2029
- const e = t[0], r = t[t.length - 1];
2030
- o.shiftKey && this.innerFocusedElement === e ? (o.preventDefault(), r.shadowRoot ? (c = (h = (s = r.shadowRoot) == null ? void 0 : s.querySelector(u.focusablesSelector)) == null ? void 0 : h.focus) == null || c.call(h) : (f = r.focus) == null || f.call(r)) : !o.shiftKey && this.innerFocusedElement === r && (o.preventDefault(), e.shadowRoot ? (C = (p = (m = e.shadowRoot) == null ? void 0 : m.querySelector(u.focusablesSelector)) == null ? void 0 : p.focus) == null || C.call(p) : (P = e.focus) == null || P.call(e));
2029
+ const e = t[0], n = t[t.length - 1];
2030
+ o.shiftKey && this.innerFocusedElement === e ? (o.preventDefault(), n.shadowRoot ? (c = (h = (s = n.shadowRoot) == null ? void 0 : s.querySelector(u.focusablesSelector)) == null ? void 0 : h.focus) == null || c.call(h) : (f = n.focus) == null || f.call(n)) : !o.shiftKey && this.innerFocusedElement === n && (o.preventDefault(), e.shadowRoot ? (C = (p = (m = e.shadowRoot) == null ? void 0 : m.querySelector(u.focusablesSelector)) == null ? void 0 : p.focus) == null || C.call(p) : (P = e.focus) == null || P.call(e));
2031
2031
  }
2032
2032
  getFocusableElements() {
2033
2033
  const o = this.renderRoot.querySelector(".panel");
@@ -2037,36 +2037,36 @@ let u = class extends v {
2037
2037
  }
2038
2038
  function e(i) {
2039
2039
  var s;
2040
- const n = [i.matches(u.focusablesSelector) ? i : []];
2040
+ const r = [i.matches(u.focusablesSelector) ? i : []];
2041
2041
  if (!["o-icon-button", "o-button"].includes(i.tagName.toLowerCase())) {
2042
2042
  const h = Array.from(
2043
2043
  i instanceof HTMLSlotElement ? i.assignedElements({ flatten: !0 }) : []
2044
2044
  ).filter(t).flatMap(e), c = Array.from(
2045
2045
  ((s = i.shadowRoot) == null ? void 0 : s.querySelectorAll("*")) || []
2046
2046
  ).filter(t).flatMap(e);
2047
- n.push(...h, ...c);
2047
+ r.push(...h, ...c);
2048
2048
  }
2049
- return n.flat();
2049
+ return r.flat();
2050
2050
  }
2051
2051
  return Array.from(o.querySelectorAll("*")).filter(t).flatMap(e);
2052
2052
  }
2053
2053
  openPanel() {
2054
2054
  this.previousFocusedElement = document.activeElement, this.open = !0, document.body.style.overflow = "hidden", document.body.setAttribute("data-side-panel", "open"), this.updateComplete.then(() => {
2055
- var o, t, e, r;
2055
+ var o, t, e, n;
2056
2056
  if (this.showHeader) {
2057
- const i = ((o = this.shadowRoot) == null ? void 0 : o.querySelector(".panel .close-btn")) || null, n = ((t = i == null ? void 0 : i.shadowRoot) == null ? void 0 : t.querySelector("button")) || null;
2058
- n && ((e = n.focus) == null || e.call(n));
2057
+ const i = ((o = this.shadowRoot) == null ? void 0 : o.querySelector(".panel .close-btn")) || null, r = ((t = i == null ? void 0 : i.shadowRoot) == null ? void 0 : t.querySelector("button")) || null;
2058
+ r && ((e = r.focus) == null || e.call(r));
2059
2059
  } else {
2060
2060
  const i = this.getFocusableElements()[0];
2061
- (r = i == null ? void 0 : i.focus) == null || r.call(i);
2061
+ (n = i == null ? void 0 : i.focus) == null || n.call(i);
2062
2062
  }
2063
2063
  }), this.dispatchEvent(
2064
2064
  new CustomEvent("open", { bubbles: !0, composed: !0 })
2065
2065
  );
2066
2066
  }
2067
2067
  closePanel() {
2068
- var o, t, e, r, i;
2069
- this.open = !1, this.showDetail = !1, document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), ((o = this.previousFocusedElement) == null ? void 0 : o.tagName.toLowerCase()) === "o-button" ? (r = (e = (t = this.previousFocusedElement.shadowRoot) == null ? void 0 : t.querySelector(".button")) == null ? void 0 : e.focus) == null || r.call(e) : (i = this.previousFocusedElement) == null || i.focus(), this.dispatchEvent(
2068
+ var o, t, e, n, i;
2069
+ this.open = !1, this.showDetail = !1, document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), ((o = this.previousFocusedElement) == null ? void 0 : o.tagName.toLowerCase()) === "o-button" ? (n = (e = (t = this.previousFocusedElement.shadowRoot) == null ? void 0 : t.querySelector(".button")) == null ? void 0 : e.focus) == null || n.call(e) : (i = this.previousFocusedElement) == null || i.focus(), this.dispatchEvent(
2070
2070
  new CustomEvent("close", { bubbles: !0, composed: !0 })
2071
2071
  );
2072
2072
  }
@@ -2161,7 +2161,7 @@ let u = class extends v {
2161
2161
  variant="${this.firstButtonVariant}"
2162
2162
  @click=${this.handleFirstClick}
2163
2163
  @keydown=${this.handleFirstClick}
2164
- ${re(this.firstButtonProps)}
2164
+ ${ne(this.firstButtonProps)}
2165
2165
  >
2166
2166
  ${this.firstButtonLabel}
2167
2167
  </o-button>
@@ -2172,7 +2172,7 @@ let u = class extends v {
2172
2172
  variant="${this.secondButtonVariant}"
2173
2173
  @click=${this.handleSecondClick}
2174
2174
  @keydown=${this.handleSecondClick}
2175
- ${re(this.secondButtonProps)}
2175
+ ${ne(this.secondButtonProps)}
2176
2176
  >
2177
2177
  ${this.secondButtonLabel}
2178
2178
  </o-button>
@@ -2183,7 +2183,7 @@ let u = class extends v {
2183
2183
  `;
2184
2184
  }
2185
2185
  };
2186
- u.styles = b`
2186
+ u.styles = g`
2187
2187
  :host {
2188
2188
  --z-overlay: 99;
2189
2189
  --z-panel: 100;
@@ -2287,7 +2287,7 @@ u.styles = b`
2287
2287
  .panel:focus-visible,
2288
2288
  .close-btn:focus,
2289
2289
  .close-btn:focus-visible {
2290
- ${gt}
2290
+ ${bt}
2291
2291
  }
2292
2292
 
2293
2293
  .content {
@@ -2435,12 +2435,12 @@ y([
2435
2435
  a({ type: Boolean })
2436
2436
  ], u.prototype, "isHidingDetail", 2);
2437
2437
  u = y([
2438
- w("o-side-panel")
2438
+ x("o-side-panel")
2439
2439
  ], u);
2440
- var Bo = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, Z = (o, t, e, r) => {
2441
- for (var i = r > 1 ? void 0 : r ? Do(t, e) : t, n = o.length - 1, s; n >= 0; n--)
2442
- (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
2443
- return r && i && Bo(t, e, i), i;
2440
+ var Bo = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, Z = (o, t, e, n) => {
2441
+ for (var i = n > 1 ? void 0 : n ? Do(t, e) : t, r = o.length - 1, s; r >= 0; r--)
2442
+ (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
2443
+ return n && i && Bo(t, e, i), i;
2444
2444
  };
2445
2445
  let B = class extends v {
2446
2446
  constructor() {
@@ -2455,8 +2455,19 @@ let B = class extends v {
2455
2455
  ></o-icon-button>
2456
2456
  `;
2457
2457
  }
2458
+ get lastIndex() {
2459
+ return Math.max(0, this.thumbnails.length - 1);
2460
+ }
2458
2461
  handleKeyDown(o) {
2459
- o.key === "ArrowRight" ? (o.preventDefault(), this.focusNext()) : o.key === "ArrowLeft" ? (o.preventDefault(), this.focusPrevious()) : (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.selectThumbnail(this.focusedIndex));
2462
+ o.key === "ArrowRight" ? (o.preventDefault(), this.focusNext()) : o.key === "ArrowLeft" ? (o.preventDefault(), this.focusPrevious()) : o.key === "Enter" || o.key === " " ? (o.preventDefault(), this.selectThumbnail(this.focusedIndex)) : o.key === "Tab" && (!o.shiftKey && this.focusedIndex === this.lastIndex && this.dispatchEvent(new CustomEvent("thumb-exit", {
2463
+ detail: { from: "last", direction: "forward" },
2464
+ bubbles: !0,
2465
+ composed: !0
2466
+ })), o.shiftKey && this.focusedIndex === 0 && this.dispatchEvent(new CustomEvent("thumb-exit", {
2467
+ detail: { from: "first", direction: "backward" },
2468
+ bubbles: !0,
2469
+ composed: !0
2470
+ })));
2460
2471
  }
2461
2472
  focusNext() {
2462
2473
  let o = this.focusedIndex + 1;
@@ -2483,33 +2494,36 @@ let B = class extends v {
2483
2494
  i.classList.remove("a--tabfocus");
2484
2495
  }), t.classList.add("a--tabfocus"), this.requestUpdate();
2485
2496
  }
2486
- onBlur(o) {
2487
- setTimeout(() => {
2488
- var e;
2489
- const t = (e = this.shadowRoot) == null ? void 0 : e.activeElement;
2490
- (!t || !t.classList.contains("thumb")) && this.renderRoot.querySelectorAll(".thumb").forEach((i) => i.classList.remove("a--tabfocus"));
2491
- }, 0);
2497
+ onFocusOut(o) {
2498
+ const t = o.currentTarget, e = Number(t.dataset.index), n = o.relatedTarget;
2499
+ (!n || this.shadowRoot && !this.shadowRoot.contains(n)) && (this.renderRoot.querySelectorAll(".thumb").forEach((s) => s.classList.remove("a--tabfocus")), e === this.lastIndex ? this.dispatchEvent(new CustomEvent("thumb-exit", {
2500
+ detail: { from: "last", direction: "unspecified" },
2501
+ bubbles: !0,
2502
+ composed: !0
2503
+ })) : e === 0 && this.dispatchEvent(new CustomEvent("thumb-exit", {
2504
+ detail: { from: "first", direction: "unspecified" },
2505
+ bubbles: !0,
2506
+ composed: !0
2507
+ })));
2492
2508
  }
2493
2509
  render() {
2494
2510
  return l`
2495
2511
  <ul class="scroll-container" style="max-width: ${this.maxWidth};">
2496
2512
  ${this.thumbnails.map((o, t) => {
2497
- const e = this.disabledIndexes.includes(t), r = this.activeIndex === t, i = o.type === "video", n = i ? `video ${t}` : `${this.altressource} ${t + 1}`;
2513
+ const e = this.disabledIndexes.includes(t), n = this.activeIndex === t, i = o.type === "video", r = i ? `video ${t}` : `${this.altressource} ${t + 1}`;
2498
2514
  return l`
2499
2515
  <li class="thumb-wrapper">
2500
2516
  <button
2501
2517
  class="thumb"
2502
2518
  data-index="${t}"
2503
2519
  ?disabled=${e}
2504
- aria-selected="${this.focusedIndex === t}"
2505
- aria-current=${r ? "true" : "false"}
2506
- tabindex="${this.disabledIndexes.includes(t) ? -1 : 0}"
2520
+ aria-current=${n ? "true" : "false"}
2507
2521
  @click=${() => this.selectThumbnail(t)}
2508
2522
  @keydown=${this.handleKeyDown}
2509
2523
  @focus=${(s) => this.onFocus(s)}
2510
- @blur=${(s) => this.onBlur(s)}
2524
+ @focusout=${(s) => this.onFocusOut(s)}
2511
2525
  >
2512
- <img alt="${n}" src="${o.src}" />
2526
+ <img alt="${r}" src="${o.src}" />
2513
2527
  </button>
2514
2528
  ${i ? l`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>` : null}
2515
2529
  </li>
@@ -2519,7 +2533,7 @@ let B = class extends v {
2519
2533
  `;
2520
2534
  }
2521
2535
  };
2522
- B.styles = b`
2536
+ B.styles = g`
2523
2537
  :host {
2524
2538
  display: flex;
2525
2539
  gap: 5px;
@@ -2647,12 +2661,12 @@ Z([
2647
2661
  X()
2648
2662
  ], B.prototype, "focusedIndex", 2);
2649
2663
  B = Z([
2650
- w("thumbnail-navigation")
2664
+ x("thumbnail-navigation")
2651
2665
  ], B);
2652
- var Ho = Object.defineProperty, Mo = Object.getOwnPropertyDescriptor, Rt = (o, t, e, r) => {
2653
- for (var i = r > 1 ? void 0 : r ? Mo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
2654
- (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
2655
- return r && i && Ho(t, e, i), i;
2666
+ var Ho = Object.defineProperty, Mo = Object.getOwnPropertyDescriptor, Rt = (o, t, e, n) => {
2667
+ for (var i = n > 1 ? void 0 : n ? Mo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
2668
+ (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
2669
+ return n && i && Ho(t, e, i), i;
2656
2670
  };
2657
2671
  let ht = class extends v {
2658
2672
  constructor() {
@@ -2664,7 +2678,7 @@ let ht = class extends v {
2664
2678
  `;
2665
2679
  }
2666
2680
  };
2667
- ht.styles = b`
2681
+ ht.styles = g`
2668
2682
  .tag {
2669
2683
  display: inline-block;
2670
2684
  padding: var(--spacing-2-xs) var(--spacing-s);
@@ -2729,12 +2743,12 @@ Rt([
2729
2743
  a({ type: String, reflect: !0 })
2730
2744
  ], ht.prototype, "bgstyle", 2);
2731
2745
  ht = Rt([
2732
- w("o-tag")
2746
+ x("o-tag")
2733
2747
  ], ht);
2734
- var To = Object.defineProperty, jo = Object.getOwnPropertyDescriptor, Ut = (o, t, e, r) => {
2735
- for (var i = r > 1 ? void 0 : r ? jo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
2736
- (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
2737
- return r && i && To(t, e, i), i;
2748
+ var To = Object.defineProperty, jo = Object.getOwnPropertyDescriptor, Ut = (o, t, e, n) => {
2749
+ for (var i = n > 1 ? void 0 : n ? jo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
2750
+ (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
2751
+ return n && i && To(t, e, i), i;
2738
2752
  };
2739
2753
  let dt = class extends v {
2740
2754
  constructor() {
@@ -2749,7 +2763,7 @@ let dt = class extends v {
2749
2763
  `;
2750
2764
  }
2751
2765
  };
2752
- dt.styles = b`
2766
+ dt.styles = g`
2753
2767
  .tooltip {
2754
2768
  position: relative;
2755
2769
  display: inline-block;
@@ -2849,12 +2863,12 @@ Ut([
2849
2863
  a({ type: String, reflect: !0 })
2850
2864
  ], dt.prototype, "text", 2);
2851
2865
  dt = Ut([
2852
- w("o-tooltip")
2866
+ x("o-tooltip")
2853
2867
  ], dt);
2854
- var Fo = Object.defineProperty, No = Object.getOwnPropertyDescriptor, j = (o, t, e, r) => {
2855
- for (var i = r > 1 ? void 0 : r ? No(t, e) : t, n = o.length - 1, s; n >= 0; n--)
2856
- (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
2857
- return r && i && Fo(t, e, i), i;
2868
+ var Fo = Object.defineProperty, No = Object.getOwnPropertyDescriptor, j = (o, t, e, n) => {
2869
+ for (var i = n > 1 ? void 0 : n ? No(t, e) : t, r = o.length - 1, s; r >= 0; r--)
2870
+ (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
2871
+ return n && i && Fo(t, e, i), i;
2858
2872
  };
2859
2873
  let I = class extends v {
2860
2874
  constructor() {
@@ -2955,13 +2969,13 @@ let I = class extends v {
2955
2969
  style=${`width: ${this.width};`}
2956
2970
  >
2957
2971
  ${this.options.map(
2958
- (e, r) => l`
2972
+ (e, n) => l`
2959
2973
  <li
2960
- id="option-${r}"
2974
+ id="option-${n}"
2961
2975
  role="option"
2962
2976
  aria-selected="${e.value === this.value}"
2963
- tabindex="${r === this.activeIndex ? "0" : "-1"}"
2964
- class="${r === this.activeIndex ? "active" : ""} ${e.disabled ? "disabled" : ""}"
2977
+ tabindex="${n === this.activeIndex ? "0" : "-1"}"
2978
+ class="${n === this.activeIndex ? "active" : ""} ${e.disabled ? "disabled" : ""}"
2965
2979
  @click=${() => this.selectOption(e)}
2966
2980
  >
2967
2981
  ${e.url ? l`
@@ -2979,7 +2993,7 @@ let I = class extends v {
2979
2993
  `;
2980
2994
  }
2981
2995
  };
2982
- I.styles = b`
2996
+ I.styles = g`
2983
2997
  :host {
2984
2998
  display: inline-block;
2985
2999
  position: relative;
@@ -3144,11 +3158,11 @@ j([
3144
3158
  X()
3145
3159
  ], I.prototype, "menuWidth", 2);
3146
3160
  I = j([
3147
- w("o-dropdown")
3161
+ x("o-dropdown")
3148
3162
  ], I);
3149
- var Ro = Object.getOwnPropertyDescriptor, Uo = (o, t, e, r) => {
3150
- for (var i = r > 1 ? void 0 : r ? Ro(t, e) : t, n = o.length - 1, s; n >= 0; n--)
3151
- (s = o[n]) && (i = s(i) || i);
3163
+ var Ro = Object.getOwnPropertyDescriptor, Uo = (o, t, e, n) => {
3164
+ for (var i = n > 1 ? void 0 : n ? Ro(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3165
+ (s = o[r]) && (i = s(i) || i);
3152
3166
  return i;
3153
3167
  };
3154
3168
  let It = class extends v {
@@ -3156,7 +3170,7 @@ let It = class extends v {
3156
3170
  return l` <span class="dots"></span> `;
3157
3171
  }
3158
3172
  };
3159
- It.styles = b`
3173
+ It.styles = g`
3160
3174
  :host {
3161
3175
  display: flex;
3162
3176
  align-items: center;
@@ -3209,12 +3223,12 @@ It.styles = b`
3209
3223
  }
3210
3224
  `;
3211
3225
  It = Uo([
3212
- w("o-dots")
3226
+ x("o-dots")
3213
3227
  ], It);
3214
- var Vo = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, H = (o, t, e, r) => {
3215
- for (var i = r > 1 ? void 0 : r ? Zo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
3216
- (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
3217
- return r && i && Vo(t, e, i), i;
3228
+ var Vo = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, H = (o, t, e, n) => {
3229
+ for (var i = n > 1 ? void 0 : n ? Zo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3230
+ (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
3231
+ return n && i && Vo(t, e, i), i;
3218
3232
  };
3219
3233
  let A = class extends v {
3220
3234
  constructor() {
@@ -3325,14 +3339,14 @@ let A = class extends v {
3325
3339
  style=${`width: ${this.width};`}
3326
3340
  >
3327
3341
  ${this.options.map(
3328
- (e, r) => l`
3342
+ (e, n) => l`
3329
3343
  <li
3330
- id="option-${r}"
3344
+ id="option-${n}"
3331
3345
  role="option"
3332
3346
  aria-selected="${e.value === this.value}"
3333
3347
  aria-disabled="${e.disabled ? "true" : "false"}"
3334
- tabindex="${r === this.activeIndex ? "0" : "-1"}"
3335
- class="${r === this.activeIndex ? "active" : ""} ${e.disabled ? "disabled" : ""}"
3348
+ tabindex="${n === this.activeIndex ? "0" : "-1"}"
3349
+ class="${n === this.activeIndex ? "active" : ""} ${e.disabled ? "disabled" : ""}"
3336
3350
  @click=${() => this.selectOption(e)}
3337
3351
  >
3338
3352
  <a href="${_(e.url)}">
@@ -3353,7 +3367,7 @@ let A = class extends v {
3353
3367
  `;
3354
3368
  }
3355
3369
  };
3356
- A.styles = b`
3370
+ A.styles = g`
3357
3371
  :host {
3358
3372
  display: inline-block;
3359
3373
  position: relative;
@@ -3557,43 +3571,43 @@ H([
3557
3571
  X()
3558
3572
  ], A.prototype, "menuWidth", 2);
3559
3573
  A = H([
3560
- w("o-dropdown-variant")
3574
+ x("o-dropdown-variant")
3561
3575
  ], A);
3562
3576
  /**
3563
3577
  * @license
3564
3578
  * Copyright 2018 Google LLC
3565
3579
  * SPDX-License-Identifier: BSD-3-Clause
3566
3580
  */
3567
- const pe = "important", qo = " !" + pe, Wo = Ft(class extends Nt {
3581
+ const pe = "important", qo = " !" + pe, Ko = Ft(class extends Nt {
3568
3582
  constructor(o) {
3569
3583
  var t;
3570
3584
  if (super(o), o.type !== jt.ATTRIBUTE || o.name !== "style" || ((t = o.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
3571
3585
  }
3572
3586
  render(o) {
3573
3587
  return Object.keys(o).reduce((t, e) => {
3574
- const r = o[e];
3575
- return r == null ? t : t + `${e = e.includes("-") ? e : e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${r};`;
3588
+ const n = o[e];
3589
+ return n == null ? t : t + `${e = e.includes("-") ? e : e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${n};`;
3576
3590
  }, "");
3577
3591
  }
3578
3592
  update(o, [t]) {
3579
3593
  const { style: e } = o.element;
3580
3594
  if (this.ft === void 0) return this.ft = new Set(Object.keys(t)), this.render(t);
3581
- for (const r of this.ft) t[r] == null && (this.ft.delete(r), r.includes("-") ? e.removeProperty(r) : e[r] = null);
3582
- for (const r in t) {
3583
- const i = t[r];
3595
+ for (const n of this.ft) t[n] == null && (this.ft.delete(n), n.includes("-") ? e.removeProperty(n) : e[n] = null);
3596
+ for (const n in t) {
3597
+ const i = t[n];
3584
3598
  if (i != null) {
3585
- this.ft.add(r);
3586
- const n = typeof i == "string" && i.endsWith(qo);
3587
- r.includes("-") || n ? e.setProperty(r, n ? i.slice(0, -11) : i, n ? pe : "") : e[r] = i;
3599
+ this.ft.add(n);
3600
+ const r = typeof i == "string" && i.endsWith(qo);
3601
+ n.includes("-") || r ? e.setProperty(n, r ? i.slice(0, -11) : i, r ? pe : "") : e[n] = i;
3588
3602
  }
3589
3603
  }
3590
3604
  return V;
3591
3605
  }
3592
3606
  });
3593
- var Ko = Object.defineProperty, Go = Object.getOwnPropertyDescriptor, Vt = (o, t, e, r) => {
3594
- for (var i = r > 1 ? void 0 : r ? Go(t, e) : t, n = o.length - 1, s; n >= 0; n--)
3595
- (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
3596
- return r && i && Ko(t, e, i), i;
3607
+ var Wo = Object.defineProperty, Go = Object.getOwnPropertyDescriptor, Vt = (o, t, e, n) => {
3608
+ for (var i = n > 1 ? void 0 : n ? Go(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3609
+ (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
3610
+ return n && i && Wo(t, e, i), i;
3597
3611
  };
3598
3612
  let pt = class extends v {
3599
3613
  constructor() {
@@ -3604,7 +3618,7 @@ let pt = class extends v {
3604
3618
  width: `${this.imageSize}px`,
3605
3619
  height: `${this.imageSize}px`
3606
3620
  }, e = l`
3607
- ${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${_(this.option.title)}" aria-hidden="true" style=${Wo(t)} />` : ""}
3621
+ ${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${_(this.option.title)}" aria-hidden="true" style=${Ko(t)} />` : ""}
3608
3622
  <div class="m-reassurance-content">
3609
3623
  <h3 class="a-reassurance-text">${_(this.option.title)}</h3>
3610
3624
  <p class="a-reassurance-description">${_(this.option.description)}</p>
@@ -3613,7 +3627,7 @@ let pt = class extends v {
3613
3627
  return o ? l`<a href="${_(this.option.url)}" class="reassurance-item clickable">${e}</a>` : l`<div class="reassurance-item">${e}</div>`;
3614
3628
  }
3615
3629
  };
3616
- pt.styles = b`
3630
+ pt.styles = g`
3617
3631
  :host {
3618
3632
  display: inline-block;
3619
3633
  position: relative;
@@ -3702,15 +3716,15 @@ Vt([
3702
3716
  a({ type: Number, reflect: !0 })
3703
3717
  ], pt.prototype, "imageSize", 2);
3704
3718
  pt = Vt([
3705
- w("o-reassurance")
3719
+ x("o-reassurance")
3706
3720
  ], pt);
3707
- var Xo = Object.defineProperty, Jo = Object.getOwnPropertyDescriptor, F = (o, t, e, r) => {
3708
- for (var i = r > 1 ? void 0 : r ? Jo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
3709
- (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
3710
- return r && i && Xo(t, e, i), i;
3721
+ var Xo = Object.defineProperty, Jo = Object.getOwnPropertyDescriptor, F = (o, t, e, n) => {
3722
+ for (var i = n > 1 ? void 0 : n ? Jo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3723
+ (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
3724
+ return n && i && Xo(t, e, i), i;
3711
3725
  };
3712
3726
  const Qo = Tt(v);
3713
- let S = class extends Qo {
3727
+ let E = class extends Qo {
3714
3728
  constructor() {
3715
3729
  super(...arguments), this.link = "", this.name = "", this.value = "", this.text = "", this.size = "standard", this.selected = !1, this.fullwidth = !1, this.inactive = !1;
3716
3730
  }
@@ -3733,7 +3747,7 @@ let S = class extends Qo {
3733
3747
  `;
3734
3748
  }
3735
3749
  };
3736
- S.styles = b`
3750
+ E.styles = g`
3737
3751
  :host {
3738
3752
  cursor: pointer;
3739
3753
  display: inline-flex;
@@ -3809,7 +3823,7 @@ S.styles = b`
3809
3823
  }
3810
3824
 
3811
3825
  &:focus-visible {
3812
- ${gt};
3826
+ ${bt};
3813
3827
  }
3814
3828
  }
3815
3829
 
@@ -3825,42 +3839,42 @@ S.styles = b`
3825
3839
  `;
3826
3840
  F([
3827
3841
  a({ type: String, reflect: !0 })
3828
- ], S.prototype, "link", 2);
3842
+ ], E.prototype, "link", 2);
3829
3843
  F([
3830
3844
  a({ reflect: !0 })
3831
- ], S.prototype, "name", 2);
3845
+ ], E.prototype, "name", 2);
3832
3846
  F([
3833
3847
  a({ reflect: !0 })
3834
- ], S.prototype, "value", 2);
3848
+ ], E.prototype, "value", 2);
3835
3849
  F([
3836
3850
  a({ type: String })
3837
- ], S.prototype, "text", 2);
3851
+ ], E.prototype, "text", 2);
3838
3852
  F([
3839
3853
  a({ type: String, reflect: !0 })
3840
- ], S.prototype, "size", 2);
3854
+ ], E.prototype, "size", 2);
3841
3855
  F([
3842
3856
  a({ type: Boolean, reflect: !0 })
3843
- ], S.prototype, "selected", 2);
3857
+ ], E.prototype, "selected", 2);
3844
3858
  F([
3845
3859
  a({ type: Boolean, reflect: !0 })
3846
- ], S.prototype, "fullwidth", 2);
3860
+ ], E.prototype, "fullwidth", 2);
3847
3861
  F([
3848
3862
  a({ type: Boolean, reflect: !0 })
3849
- ], S.prototype, "inactive", 2);
3850
- S = F([
3851
- w("o-chip")
3852
- ], S);
3853
- var Yo = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, Zt = (o, t, e, r) => {
3854
- for (var i = r > 1 ? void 0 : r ? ti(t, e) : t, n = o.length - 1, s; n >= 0; n--)
3855
- (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
3856
- return r && i && Yo(t, e, i), i;
3863
+ ], E.prototype, "inactive", 2);
3864
+ E = F([
3865
+ x("o-chip")
3866
+ ], E);
3867
+ var Yo = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, Zt = (o, t, e, n) => {
3868
+ for (var i = n > 1 ? void 0 : n ? ti(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3869
+ (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
3870
+ return n && i && Yo(t, e, i), i;
3857
3871
  };
3858
3872
  let ut = class extends v {
3859
3873
  constructor() {
3860
3874
  super(), this.name = "", this.value = "", this.addEventListener("selected", this.onChipSelected);
3861
3875
  }
3862
3876
  onChipSelected(o) {
3863
- const t = o.target instanceof S ? o.target : null;
3877
+ const t = o.target instanceof E ? o.target : null;
3864
3878
  t != null && t.link || (this.name = (t == null ? void 0 : t.name) || "", this.value = (t == null ? void 0 : t.value) || "", this.querySelectorAll("o-chip").forEach((e) => {
3865
3879
  e !== t && (e.selected = !1);
3866
3880
  }));
@@ -3871,7 +3885,7 @@ let ut = class extends v {
3871
3885
  `;
3872
3886
  }
3873
3887
  };
3874
- ut.styles = b`
3888
+ ut.styles = g`
3875
3889
  :host {
3876
3890
  display: flex;
3877
3891
  flex-direction: row;
@@ -3886,15 +3900,15 @@ Zt([
3886
3900
  a({ reflect: !0 })
3887
3901
  ], ut.prototype, "value", 2);
3888
3902
  ut = Zt([
3889
- w("o-chipset")
3903
+ x("o-chipset")
3890
3904
  ], ut);
3891
- var ei = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, M = (o, t, e, r) => {
3892
- for (var i = r > 1 ? void 0 : r ? oi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
3893
- (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
3894
- return r && i && ei(t, e, i), i;
3905
+ var ei = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, M = (o, t, e, n) => {
3906
+ for (var i = n > 1 ? void 0 : n ? oi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3907
+ (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
3908
+ return n && i && ei(t, e, i), i;
3895
3909
  };
3896
3910
  const ii = Tt(v);
3897
- let E = class extends ii {
3911
+ let S = class extends ii {
3898
3912
  constructor() {
3899
3913
  super(...arguments), this.name = "", this.value = "", this.type = "", this.text = "", this.selected = !1, this.disabled = !1, this.fullwidth = !1, this.crossIconName = "cross", this.strikethroughImgName = "strikeDiagonal";
3900
3914
  }
@@ -3944,7 +3958,7 @@ let E = class extends ii {
3944
3958
  `;
3945
3959
  }
3946
3960
  };
3947
- E.styles = b`
3961
+ S.styles = g`
3948
3962
  :host {
3949
3963
  cursor: pointer;
3950
3964
  display: inline-flex;
@@ -4024,7 +4038,7 @@ E.styles = b`
4024
4038
  }
4025
4039
 
4026
4040
  .button:focus-visible {
4027
- ${gt};
4041
+ ${bt};
4028
4042
  }
4029
4043
 
4030
4044
  span.text + span.text::before {
@@ -4072,40 +4086,40 @@ E.styles = b`
4072
4086
  `;
4073
4087
  M([
4074
4088
  a({ reflect: !0 })
4075
- ], E.prototype, "name", 2);
4089
+ ], S.prototype, "name", 2);
4076
4090
  M([
4077
4091
  a({ reflect: !0 })
4078
- ], E.prototype, "value", 2);
4092
+ ], S.prototype, "value", 2);
4079
4093
  M([
4080
4094
  a({ type: String, reflect: !0 })
4081
- ], E.prototype, "type", 2);
4095
+ ], S.prototype, "type", 2);
4082
4096
  M([
4083
4097
  a({ type: String, reflect: !0 })
4084
- ], E.prototype, "href", 2);
4098
+ ], S.prototype, "href", 2);
4085
4099
  M([
4086
4100
  a({ type: String, reflect: !0, attribute: "data-href" })
4087
- ], E.prototype, "dataHref", 2);
4101
+ ], S.prototype, "dataHref", 2);
4088
4102
  M([
4089
4103
  a({ type: String })
4090
- ], E.prototype, "text", 2);
4104
+ ], S.prototype, "text", 2);
4091
4105
  M([
4092
4106
  a({ type: Boolean, reflect: !0 })
4093
- ], E.prototype, "selected", 2);
4107
+ ], S.prototype, "selected", 2);
4094
4108
  M([
4095
4109
  a({ type: Boolean, reflect: !0 })
4096
- ], E.prototype, "disabled", 2);
4110
+ ], S.prototype, "disabled", 2);
4097
4111
  M([
4098
4112
  a({ type: Boolean, reflect: !0 })
4099
- ], E.prototype, "fullwidth", 2);
4100
- E = M([
4101
- w("o-filter-chip")
4102
- ], E);
4103
- var ri = Object.defineProperty, N = (o, t, e, r) => {
4104
- for (var i = void 0, n = o.length - 1, s; n >= 0; n--)
4105
- (s = o[n]) && (i = s(t, e, i) || i);
4106
- return i && ri(t, e, i), i;
4113
+ ], S.prototype, "fullwidth", 2);
4114
+ S = M([
4115
+ x("o-filter-chip")
4116
+ ], S);
4117
+ var ni = Object.defineProperty, N = (o, t, e, n) => {
4118
+ for (var i = void 0, r = o.length - 1, s; r >= 0; r--)
4119
+ (s = o[r]) && (i = s(t, e, i) || i);
4120
+ return i && ni(t, e, i), i;
4107
4121
  };
4108
- const Wt = class Wt extends v {
4122
+ const Kt = class Kt extends v {
4109
4123
  constructor() {
4110
4124
  super(...arguments), this.type = "cart | chevron", this.titleProduct = "", this.volume = "", this.perLiter = "", this.mainPrice = "", this.imageUrl = "https://placehold.co/56x70", this.altImage = "", this.fullwidth = !1;
4111
4125
  }
@@ -4151,7 +4165,7 @@ const Wt = class Wt extends v {
4151
4165
  `;
4152
4166
  }
4153
4167
  };
4154
- Wt.styles = b`
4168
+ Kt.styles = g`
4155
4169
  :host {
4156
4170
  display: block;
4157
4171
  max-width: 100%;
@@ -4239,7 +4253,7 @@ Wt.styles = b`
4239
4253
  cursor: pointer;
4240
4254
  }
4241
4255
  `;
4242
- let L = Wt;
4256
+ let L = Kt;
4243
4257
  N([
4244
4258
  a({ type: String })
4245
4259
  ], L.prototype, "type");
@@ -4268,10 +4282,10 @@ N([
4268
4282
  a({ type: Function })
4269
4283
  ], L.prototype, "onClickTile");
4270
4284
  customElements.define("mini-tile", L);
4271
- var ni = Object.defineProperty, si = Object.getOwnPropertyDescriptor, qt = (o, t, e, r) => {
4272
- for (var i = r > 1 ? void 0 : r ? si(t, e) : t, n = o.length - 1, s; n >= 0; n--)
4273
- (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
4274
- return r && i && ni(t, e, i), i;
4285
+ var ri = Object.defineProperty, si = Object.getOwnPropertyDescriptor, qt = (o, t, e, n) => {
4286
+ for (var i = n > 1 ? void 0 : n ? si(t, e) : t, r = o.length - 1, s; r >= 0; r--)
4287
+ (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
4288
+ return n && i && ri(t, e, i), i;
4275
4289
  };
4276
4290
  let vt = class extends v {
4277
4291
  constructor() {
@@ -4285,7 +4299,7 @@ let vt = class extends v {
4285
4299
  `;
4286
4300
  }
4287
4301
  };
4288
- vt.styles = b`
4302
+ vt.styles = g`
4289
4303
  :host([variant]) {
4290
4304
  --badge-width: 19px;
4291
4305
  display: inline-block;
@@ -4327,16 +4341,16 @@ qt([
4327
4341
  a({ type: String })
4328
4342
  ], vt.prototype, "text", 2);
4329
4343
  vt = qt([
4330
- w("o-badge")
4344
+ x("o-badge")
4331
4345
  ], vt);
4332
- var ai = Object.defineProperty, li = Object.getOwnPropertyDescriptor, z = (o, t, e, r) => {
4333
- for (var i = r > 1 ? void 0 : r ? li(t, e) : t, n = o.length - 1, s; n >= 0; n--)
4334
- (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
4335
- return r && i && ai(t, e, i), i;
4346
+ var ai = Object.defineProperty, li = Object.getOwnPropertyDescriptor, z = (o, t, e, n) => {
4347
+ for (var i = n > 1 ? void 0 : n ? li(t, e) : t, r = o.length - 1, s; r >= 0; r--)
4348
+ (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
4349
+ return n && i && ai(t, e, i), i;
4336
4350
  };
4337
4351
  let $ = class extends v {
4338
4352
  constructor() {
4339
- super(...arguments), this.icon = "info", this.text = "Sample text", this.verticalanchor = "top", this.horizontalanchor = "right", this.verticaloffset = 24, this.horizontaloffset = 24, this.animationduration = 500, this.animationaxis = "horizontal", this.animated = !0, this.lifeduration = 3e3;
4353
+ super(...arguments), this.icon = "info", this.text = "Sample text", this.verticalanchor = "top", this.horizontalanchor = "right", this.verticaloffset = 24, this.horizontaloffset = 24, this.animationduration = 500, this.animationaxis = "horizontal", this.animated = !0, this.lifeduration = 5e3;
4340
4354
  }
4341
4355
  attributeChangedCallback(o, t, e) {
4342
4356
  super.attributeChangedCallback(o, t, e), o == "verticaloffset" && this.style.setProperty("--vertical-offset", e + "px"), o == "horizontaloffset" && this.style.setProperty("--horizontal-offset", e + "px"), o == "animationduration" && this.style.setProperty("--animation-duration", e + "ms");
@@ -4394,13 +4408,13 @@ let $ = class extends v {
4394
4408
  `;
4395
4409
  }
4396
4410
  };
4397
- $.styles = b`
4411
+ $.styles = g`
4398
4412
  :host {
4399
4413
  --vertical-offset: 24px;
4400
4414
  --horizontal-offset: 24px;
4401
4415
  --animation-duration: 500ms;
4402
4416
  position: fixed;
4403
- z-index: 30;
4417
+ z-index: 105;
4404
4418
  transition: all var(--animation-duration) ease-in-out;
4405
4419
  }
4406
4420
 
@@ -4453,10 +4467,10 @@ $.styles = b`
4453
4467
 
4454
4468
  .o-toast-text {
4455
4469
  color: var(--color-content-body);
4456
- padding: 0 8px;
4470
+ padding: 0 12px;
4457
4471
  width: max-content;
4458
4472
  text-align: center;
4459
- max-width: 70vw;
4473
+ max-width: 65vw;
4460
4474
  }
4461
4475
 
4462
4476
  .o-toast-icon {
@@ -4494,5 +4508,5 @@ z([
4494
4508
  a({ type: Number, reflect: !0 })
4495
4509
  ], $.prototype, "lifeduration", 2);
4496
4510
  $ = z([
4497
- w("o-toast")
4511
+ x("o-toast")
4498
4512
  ], $);