xactsize-webcomponents 1.0.17 → 1.0.18

package/dist/body-measurer.es.js

@@ -1,8 +1,8 @@
 const wA = (l, A, t) => {
   const r = l[A];
-  return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((e, p) => {
+  return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((e, V) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      p.bind(
+      V.bind(
         null,
         new Error(
           "Unknown variable dynamic import: " + A + (A.split("/").length !== t ? ". Note that variables only represent file names one level deep." : "")
@@ -16,16 +16,16 @@ const wA = (l, A, t) => {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const B = globalThis, uA = B.ShadowRoot && (B.ShadyCSS === void 0 || B.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, dA = Symbol(), TA = /* @__PURE__ */ new WeakMap();
+const g = globalThis, yA = g.ShadowRoot && (g.ShadyCSS === void 0 || g.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, uA = Symbol(), TA = /* @__PURE__ */ new WeakMap();
 let ZA = class {
   constructor(A, t, r) {
-    if (this._$cssResult$ = !0, r !== dA) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, r !== uA) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = A, this.t = t;
   }
   get styleSheet() {
     let A = this.o;
     const t = this.t;
-    if (uA && A === void 0) {
+    if (yA && A === void 0) {
       const r = t !== void 0 && t.length === 1;
       r && (A = TA.get(t)), A === void 0 && ((this.o = A = new CSSStyleSheet()).replaceSync(this.cssText), r && TA.set(t, A));
     }
@@ -35,20 +35,20 @@ let ZA = class {
     return this.cssText;
   }
 };
-const YA = (l) => new ZA(typeof l == "string" ? l : l + "", void 0, dA), N = (l, ...A) => {
-  const t = l.length === 1 ? l[0] : A.reduce((r, e, p) => r + ((V) => {
-    if (V._$cssResult$ === !0) return V.cssText;
-    if (typeof V == "number") return V;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + V + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(e) + l[p + 1], l[0]);
-  return new ZA(t, l, dA);
+const YA = (l) => new ZA(typeof l == "string" ? l : l + "", void 0, uA), Z = (l, ...A) => {
+  const t = l.length === 1 ? l[0] : A.reduce((r, e, V) => r + ((p) => {
+    if (p._$cssResult$ === !0) return p.cssText;
+    if (typeof p == "number") return p;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + p + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(e) + l[V + 1], l[0]);
+  return new ZA(t, l, uA);
 }, CA = (l, A) => {
-  if (uA) l.adoptedStyleSheets = A.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+  if (yA) l.adoptedStyleSheets = A.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of A) {
-    const r = document.createElement("style"), e = B.litNonce;
+    const r = document.createElement("style"), e = g.litNonce;
     e !== void 0 && r.setAttribute("nonce", e), r.textContent = t.cssText, l.appendChild(r);
   }
-}, XA = uA ? (l) => l : (l) => l instanceof CSSStyleSheet ? ((A) => {
+}, XA = yA ? (l) => l : (l) => l instanceof CSSStyleSheet ? ((A) => {
   let t = "";
   for (const r of A.cssRules) t += r.cssText;
   return YA(t);
@@ -58,7 +58,7 @@ const YA = (l) => new ZA(typeof l == "string" ? l : l + "", void 0, dA), N = (l,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: DA, defineProperty: QA, getOwnPropertyDescriptor: gA, getOwnPropertyNames: BA, getOwnPropertySymbols: _A, getPrototypeOf: $A } = Object, s = globalThis, xA = s.trustedTypes, At = xA ? xA.emptyScript : "", eA = s.reactiveElementPolyfillSupport, z = (l, A) => l, _ = { toAttribute(l, A) {
+const { is: DA, defineProperty: QA, getOwnPropertyDescriptor: gA, getOwnPropertyNames: BA, getOwnPropertySymbols: _A, getPrototypeOf: $A } = Object, s = globalThis, xA = s.trustedTypes, At = xA ? xA.emptyScript : "", lA = s.reactiveElementPolyfillSupport, H = (l, A) => l, B = { toAttribute(l, A) {
   switch (A) {
     case Boolean:
       l = l ? At : null;
@@ -86,9 +86,9 @@ const { is: DA, defineProperty: QA, getOwnPropertyDescriptor: gA, getOwnProperty
       }
   }
   return t;
-} }, jA = (l, A) => !DA(l, A), KA = { attribute: !0, type: String, converter: _, reflect: !1, useDefault: !1, hasChanged: jA };
+} }, dA = (l, A) => !DA(l, A), KA = { attribute: !0, type: String, converter: B, reflect: !1, useDefault: !1, hasChanged: dA };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), s.litPropertyMetadata ?? (s.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let m = class extends HTMLElement {
+let P = class extends HTMLElement {
   static addInitializer(A) {
     this._$Ei(), (this.l ?? (this.l = [])).push(A);
   }
@@ -102,27 +102,27 @@ let m = class extends HTMLElement {
     }
   }
   static getPropertyDescriptor(A, t, r) {
-    const { get: e, set: p } = gA(this.prototype, A) ?? { get() {
+    const { get: e, set: V } = gA(this.prototype, A) ?? { get() {
       return this[t];
-    }, set(V) {
-      this[t] = V;
+    }, set(p) {
+      this[t] = p;
     } };
-    return { get: e, set(V) {
+    return { get: e, set(p) {
       const S = e == null ? void 0 : e.call(this);
-      p == null || p.call(this, V), this.requestUpdate(A, S, r);
+      V == null || V.call(this, p), this.requestUpdate(A, S, r);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(A) {
     return this.elementProperties.get(A) ?? KA;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(z("elementProperties"))) return;
+    if (this.hasOwnProperty(H("elementProperties"))) return;
     const A = $A(this);
     A.finalize(), A.l !== void 0 && (this.l = [...A.l]), this.elementProperties = new Map(A.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(z("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(z("properties"))) {
+    if (this.hasOwnProperty(H("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(H("properties"))) {
       const t = this.properties, r = [...BA(t), ..._A(t)];
       for (const e of r) this.createProperty(e, t[e]);
     }
@@ -194,32 +194,32 @@ let m = class extends HTMLElement {
     this._$AK(A, r);
   }
   _$ET(A, t) {
-    var p;
+    var V;
     const r = this.constructor.elementProperties.get(A), e = this.constructor._$Eu(A, r);
     if (e !== void 0 && r.reflect === !0) {
-      const V = (((p = r.converter) == null ? void 0 : p.toAttribute) !== void 0 ? r.converter : _).toAttribute(t, r.type);
-      this._$Em = A, V == null ? this.removeAttribute(e) : this.setAttribute(e, V), this._$Em = null;
+      const p = (((V = r.converter) == null ? void 0 : V.toAttribute) !== void 0 ? r.converter : B).toAttribute(t, r.type);
+      this._$Em = A, p == null ? this.removeAttribute(e) : this.setAttribute(e, p), this._$Em = null;
     }
   }
   _$AK(A, t) {
-    var p, V;
+    var V, p;
     const r = this.constructor, e = r._$Eh.get(A);
     if (e !== void 0 && this._$Em !== e) {
-      const S = r.getPropertyOptions(e), n = typeof S.converter == "function" ? { fromAttribute: S.converter } : ((p = S.converter) == null ? void 0 : p.fromAttribute) !== void 0 ? S.converter : _;
-      this._$Em = e, this[e] = n.fromAttribute(t, S.type) ?? ((V = this._$Ej) == null ? void 0 : V.get(e)) ?? null, this._$Em = null;
+      const S = r.getPropertyOptions(e), n = typeof S.converter == "function" ? { fromAttribute: S.converter } : ((V = S.converter) == null ? void 0 : V.fromAttribute) !== void 0 ? S.converter : B;
+      this._$Em = e, this[e] = n.fromAttribute(t, S.type) ?? ((p = this._$Ej) == null ? void 0 : p.get(e)) ?? null, this._$Em = null;
     }
   }
   requestUpdate(A, t, r) {
     var e;
     if (A !== void 0) {
-      const p = this.constructor, V = this[A];
-      if (r ?? (r = p.getPropertyOptions(A)), !((r.hasChanged ?? jA)(V, t) || r.useDefault && r.reflect && V === ((e = this._$Ej) == null ? void 0 : e.get(A)) && !this.hasAttribute(p._$Eu(A, r)))) return;
+      const V = this.constructor, p = this[A];
+      if (r ?? (r = V.getPropertyOptions(A)), !((r.hasChanged ?? dA)(p, t) || r.useDefault && r.reflect && p === ((e = this._$Ej) == null ? void 0 : e.get(A)) && !this.hasAttribute(V._$Eu(A, r)))) return;
       this.C(A, t, r);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(A, t, { useDefault: r, reflect: e, wrapped: p }, V) {
-    r && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(A) && (this._$Ej.set(A, V ?? t ?? this[A]), p !== !0 || V !== void 0) || (this._$AL.has(A) || (this.hasUpdated || r || (t = void 0), this._$AL.set(A, t)), e === !0 && this._$Em !== A && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(A));
+  C(A, t, { useDefault: r, reflect: e, wrapped: V }, p) {
+    r && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(A) && (this._$Ej.set(A, p ?? t ?? this[A]), V !== !0 || p !== void 0) || (this._$AL.has(A) || (this.hasUpdated || r || (t = void 0), this._$AL.set(A, t)), e === !0 && this._$Em !== A && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(A));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -239,21 +239,21 @@ let m = class extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [p, V] of this._$Ep) this[p] = V;
+        for (const [V, p] of this._$Ep) this[V] = p;
         this._$Ep = void 0;
       }
       const e = this.constructor.elementProperties;
-      if (e.size > 0) for (const [p, V] of e) {
-        const { wrapped: S } = V, n = this[p];
-        S !== !0 || this._$AL.has(p) || n === void 0 || this.C(p, void 0, V, n);
+      if (e.size > 0) for (const [V, p] of e) {
+        const { wrapped: S } = p, n = this[V];
+        S !== !0 || this._$AL.has(V) || n === void 0 || this.C(V, void 0, p, n);
       }
     }
     let A = !1;
     const t = this._$AL;
     try {
       A = this.shouldUpdate(t), A ? (this.willUpdate(t), (r = this._$EO) == null || r.forEach((e) => {
-        var p;
-        return (p = e.hostUpdate) == null ? void 0 : p.call(e);
+        var V;
+        return (V = e.hostUpdate) == null ? void 0 : V.call(e);
       }), this.update(t)) : this._$EM();
     } catch (e) {
       throw A = !1, this._$EM(), e;
@@ -289,61 +289,61 @@ let m = class extends HTMLElement {
   firstUpdated(A) {
   }
 };
-m.elementStyles = [], m.shadowRootOptions = { mode: "open" }, m[z("elementProperties")] = /* @__PURE__ */ new Map(), m[z("finalized")] = /* @__PURE__ */ new Map(), eA == null || eA({ ReactiveElement: m }), (s.reactiveElementVersions ?? (s.reactiveElementVersions = [])).push("2.1.0");
+P.elementStyles = [], P.shadowRootOptions = { mode: "open" }, P[H("elementProperties")] = /* @__PURE__ */ new Map(), P[H("finalized")] = /* @__PURE__ */ new Map(), lA == null || lA({ ReactiveElement: P }), (s.reactiveElementVersions ?? (s.reactiveElementVersions = [])).push("2.1.0");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const G = globalThis, $ = G.trustedTypes, UA = $ ? $.createPolicy("lit-html", { createHTML: (l) => l }) : void 0, NA = "$lit$", W = `lit$${Math.random().toFixed(9).slice(2)}$`, RA = "?" + W, tt = `<${RA}>`, L = document, F = () => L.createComment(""), M = (l) => l === null || typeof l != "object" && typeof l != "function", cA = Array.isArray, lt = (l) => cA(l) || typeof (l == null ? void 0 : l[Symbol.iterator]) == "function", rA = `[ 	
-\f\r]`, H = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, WA = /-->/g, sA = />/g, i = RegExp(`>|${rA}(?:([^\\s"'>=/]+)(${rA}*=${rA}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), iA = /'/g, vA = /"/g, HA = /^(?:script|style|textarea|title)$/i, et = (l) => (A, ...t) => ({ _$litType$: l, strings: A, values: t }), T = et(1), f = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), OA = /* @__PURE__ */ new WeakMap(), O = L.createTreeWalker(L, 129);
+const z = globalThis, _ = z.trustedTypes, UA = _ ? _.createPolicy("lit-html", { createHTML: (l) => l }) : void 0, NA = "$lit$", W = `lit$${Math.random().toFixed(9).slice(2)}$`, RA = "?" + W, tt = `<${RA}>`, L = document, G = () => L.createComment(""), F = (l) => l === null || typeof l != "object" && typeof l != "function", jA = Array.isArray, lt = (l) => jA(l) || typeof (l == null ? void 0 : l[Symbol.iterator]) == "function", eA = `[ 	
+\f\r]`, R = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, WA = /-->/g, sA = />/g, i = RegExp(`>|${eA}(?:([^\\s"'>=/]+)(${eA}*=${eA}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), iA = /'/g, vA = /"/g, HA = /^(?:script|style|textarea|title)$/i, et = (l) => (A, ...t) => ({ _$litType$: l, strings: A, values: t }), T = et(1), f = Symbol.for("lit-noChange"), j = Symbol.for("lit-nothing"), OA = /* @__PURE__ */ new WeakMap(), O = L.createTreeWalker(L, 129);
 function zA(l, A) {
-  if (!cA(l) || !l.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  if (!jA(l) || !l.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return UA !== void 0 ? UA.createHTML(A) : A;
 }
 const rt = (l, A) => {
   const t = l.length - 1, r = [];
-  let e, p = A === 2 ? "<svg>" : A === 3 ? "<math>" : "", V = H;
+  let e, V = A === 2 ? "<svg>" : A === 3 ? "<math>" : "", p = R;
   for (let S = 0; S < t; S++) {
     const n = l[S];
     let d, k, y = -1, x = 0;
-    for (; x < n.length && (V.lastIndex = x, k = V.exec(n), k !== null); ) x = V.lastIndex, V === H ? k[1] === "!--" ? V = WA : k[1] !== void 0 ? V = sA : k[2] !== void 0 ? (HA.test(k[2]) && (e = RegExp("</" + k[2], "g")), V = i) : k[3] !== void 0 && (V = i) : V === i ? k[0] === ">" ? (V = e ?? H, y = -1) : k[1] === void 0 ? y = -2 : (y = V.lastIndex - k[2].length, d = k[1], V = k[3] === void 0 ? i : k[3] === '"' ? vA : iA) : V === vA || V === iA ? V = i : V === WA || V === sA ? V = H : (V = i, e = void 0);
-    const U = V === i && l[S + 1].startsWith("/>") ? " " : "";
-    p += V === H ? n + tt : y >= 0 ? (r.push(d), n.slice(0, y) + NA + n.slice(y) + W + U) : n + W + (y === -2 ? S : U);
+    for (; x < n.length && (p.lastIndex = x, k = p.exec(n), k !== null); ) x = p.lastIndex, p === R ? k[1] === "!--" ? p = WA : k[1] !== void 0 ? p = sA : k[2] !== void 0 ? (HA.test(k[2]) && (e = RegExp("</" + k[2], "g")), p = i) : k[3] !== void 0 && (p = i) : p === i ? k[0] === ">" ? (p = e ?? R, y = -1) : k[1] === void 0 ? y = -2 : (y = p.lastIndex - k[2].length, d = k[1], p = k[3] === void 0 ? i : k[3] === '"' ? vA : iA) : p === vA || p === iA ? p = i : p === WA || p === sA ? p = R : (p = i, e = void 0);
+    const U = p === i && l[S + 1].startsWith("/>") ? " " : "";
+    V += p === R ? n + tt : y >= 0 ? (r.push(d), n.slice(0, y) + NA + n.slice(y) + W + U) : n + W + (y === -2 ? S : U);
   }
-  return [zA(l, p + (l[t] || "<?>") + (A === 2 ? "</svg>" : A === 3 ? "</math>" : "")), r];
+  return [zA(l, V + (l[t] || "<?>") + (A === 2 ? "</svg>" : A === 3 ? "</math>" : "")), r];
 };
-class h {
+class M {
   constructor({ strings: A, _$litType$: t }, r) {
     let e;
     this.parts = [];
-    let p = 0, V = 0;
+    let V = 0, p = 0;
     const S = A.length - 1, n = this.parts, [d, k] = rt(A, t);
-    if (this.el = h.createElement(d, r), O.currentNode = this.el.content, t === 2 || t === 3) {
+    if (this.el = M.createElement(d, r), O.currentNode = this.el.content, t === 2 || t === 3) {
       const y = this.el.content.firstChild;
       y.replaceWith(...y.childNodes);
     }
     for (; (e = O.nextNode()) !== null && n.length < S; ) {
       if (e.nodeType === 1) {
         if (e.hasAttributes()) for (const y of e.getAttributeNames()) if (y.endsWith(NA)) {
-          const x = k[V++], U = e.getAttribute(y).split(W), Q = /([.?@])?(.*)/.exec(x);
-          n.push({ type: 1, index: p, name: Q[2], strings: U, ctor: Q[1] === "." ? Vt : Q[1] === "?" ? qt : Q[1] === "@" ? nt : lA }), e.removeAttribute(y);
-        } else y.startsWith(W) && (n.push({ type: 6, index: p }), e.removeAttribute(y));
+          const x = k[p++], U = e.getAttribute(y).split(W), D = /([.?@])?(.*)/.exec(x);
+          n.push({ type: 1, index: V, name: D[2], strings: U, ctor: D[1] === "." ? pt : D[1] === "?" ? qt : D[1] === "@" ? nt : tA }), e.removeAttribute(y);
+        } else y.startsWith(W) && (n.push({ type: 6, index: V }), e.removeAttribute(y));
         if (HA.test(e.tagName)) {
           const y = e.textContent.split(W), x = y.length - 1;
           if (x > 0) {
-            e.textContent = $ ? $.emptyScript : "";
-            for (let U = 0; U < x; U++) e.append(y[U], F()), O.nextNode(), n.push({ type: 2, index: ++p });
-            e.append(y[x], F());
+            e.textContent = _ ? _.emptyScript : "";
+            for (let U = 0; U < x; U++) e.append(y[U], G()), O.nextNode(), n.push({ type: 2, index: ++V });
+            e.append(y[x], G());
           }
         }
-      } else if (e.nodeType === 8) if (e.data === RA) n.push({ type: 2, index: p });
+      } else if (e.nodeType === 8) if (e.data === RA) n.push({ type: 2, index: V });
       else {
         let y = -1;
-        for (; (y = e.data.indexOf(W, y + 1)) !== -1; ) n.push({ type: 7, index: p }), y += W.length - 1;
+        for (; (y = e.data.indexOf(W, y + 1)) !== -1; ) n.push({ type: 7, index: V }), y += W.length - 1;
       }
-      p++;
+      V++;
     }
   }
   static createElement(A, t) {
@@ -351,14 +351,14 @@ class h {
     return r.innerHTML = A, r;
   }
 }
-function Z(l, A, t = l, r) {
-  var V, S;
+function m(l, A, t = l, r) {
+  var p, S;
   if (A === f) return A;
-  let e = r !== void 0 ? (V = t._$Co) == null ? void 0 : V[r] : t._$Cl;
-  const p = M(A) ? void 0 : A._$litDirective$;
-  return (e == null ? void 0 : e.constructor) !== p && ((S = e == null ? void 0 : e._$AO) == null || S.call(e, !1), p === void 0 ? e = void 0 : (e = new p(l), e._$AT(l, t, r)), r !== void 0 ? (t._$Co ?? (t._$Co = []))[r] = e : t._$Cl = e), e !== void 0 && (A = Z(l, e._$AS(l, A.values), e, r)), A;
+  let e = r !== void 0 ? (p = t._$Co) == null ? void 0 : p[r] : t._$Cl;
+  const V = F(A) ? void 0 : A._$litDirective$;
+  return (e == null ? void 0 : e.constructor) !== V && ((S = e == null ? void 0 : e._$AO) == null || S.call(e, !1), V === void 0 ? e = void 0 : (e = new V(l), e._$AT(l, t, r)), r !== void 0 ? (t._$Co ?? (t._$Co = []))[r] = e : t._$Cl = e), e !== void 0 && (A = m(l, e._$AS(l, A.values), e, r)), A;
 }
-class pt {
+class Vt {
   constructor(A, t) {
     this._$AV = [], this._$AN = void 0, this._$AD = A, this._$AM = t;
   }
@@ -371,13 +371,13 @@ class pt {
   u(A) {
     const { el: { content: t }, parts: r } = this._$AD, e = ((A == null ? void 0 : A.creationScope) ?? L).importNode(t, !0);
     O.currentNode = e;
-    let p = O.nextNode(), V = 0, S = 0, n = r[0];
+    let V = O.nextNode(), p = 0, S = 0, n = r[0];
     for (; n !== void 0; ) {
-      if (V === n.index) {
+      if (p === n.index) {
         let d;
-        n.type === 2 ? d = new w(p, p.nextSibling, this, A) : n.type === 1 ? d = new n.ctor(p, n.name, n.strings, this, A) : n.type === 6 && (d = new St(p, this, A)), this._$AV.push(d), n = r[++S];
+        n.type === 2 ? d = new w(V, V.nextSibling, this, A) : n.type === 1 ? d = new n.ctor(V, n.name, n.strings, this, A) : n.type === 6 && (d = new St(V, this, A)), this._$AV.push(d), n = r[++S];
       }
-      V !== (n == null ? void 0 : n.index) && (p = O.nextNode(), V++);
+      p !== (n == null ? void 0 : n.index) && (V = O.nextNode(), p++);
     }
     return O.currentNode = L, e;
   }
@@ -392,7 +392,7 @@ class w {
     return ((A = this._$AM) == null ? void 0 : A._$AU) ?? this._$Cv;
   }
   constructor(A, t, r, e) {
-    this.type = 2, this._$AH = c, this._$AN = void 0, this._$AA = A, this._$AB = t, this._$AM = r, this.options = e, this._$Cv = (e == null ? void 0 : e.isConnected) ?? !0;
+    this.type = 2, this._$AH = j, this._$AN = void 0, this._$AA = A, this._$AB = t, this._$AM = r, this.options = e, this._$Cv = (e == null ? void 0 : e.isConnected) ?? !0;
   }
   get parentNode() {
     let A = this._$AA.parentNode;
@@ -406,7 +406,7 @@ class w {
     return this._$AB;
   }
   _$AI(A, t = this) {
-    A = Z(this, A, t), M(A) ? A === c || A == null || A === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : A !== this._$AH && A !== f && this._(A) : A._$litType$ !== void 0 ? this.$(A) : A.nodeType !== void 0 ? this.T(A) : lt(A) ? this.k(A) : this._(A);
+    A = m(this, A, t), F(A) ? A === j || A == null || A === "" ? (this._$AH !== j && this._$AR(), this._$AH = j) : A !== this._$AH && A !== f && this._(A) : A._$litType$ !== void 0 ? this.$(A) : A.nodeType !== void 0 ? this.T(A) : lt(A) ? this.k(A) : this._(A);
   }
   O(A) {
     return this._$AA.parentNode.insertBefore(A, this._$AB);
@@ -415,26 +415,26 @@ class w {
     this._$AH !== A && (this._$AR(), this._$AH = this.O(A));
   }
   _(A) {
-    this._$AH !== c && M(this._$AH) ? this._$AA.nextSibling.data = A : this.T(L.createTextNode(A)), this._$AH = A;
+    this._$AH !== j && F(this._$AH) ? this._$AA.nextSibling.data = A : this.T(L.createTextNode(A)), this._$AH = A;
   }
   $(A) {
-    var p;
-    const { values: t, _$litType$: r } = A, e = typeof r == "number" ? this._$AC(A) : (r.el === void 0 && (r.el = h.createElement(zA(r.h, r.h[0]), this.options)), r);
-    if (((p = this._$AH) == null ? void 0 : p._$AD) === e) this._$AH.p(t);
+    var V;
+    const { values: t, _$litType$: r } = A, e = typeof r == "number" ? this._$AC(A) : (r.el === void 0 && (r.el = M.createElement(zA(r.h, r.h[0]), this.options)), r);
+    if (((V = this._$AH) == null ? void 0 : V._$AD) === e) this._$AH.p(t);
     else {
-      const V = new pt(e, this), S = V.u(this.options);
-      V.p(t), this.T(S), this._$AH = V;
+      const p = new Vt(e, this), S = p.u(this.options);
+      p.p(t), this.T(S), this._$AH = p;
     }
   }
   _$AC(A) {
     let t = OA.get(A.strings);
-    return t === void 0 && OA.set(A.strings, t = new h(A)), t;
+    return t === void 0 && OA.set(A.strings, t = new M(A)), t;
   }
   k(A) {
-    cA(this._$AH) || (this._$AH = [], this._$AR());
+    jA(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let r, e = 0;
-    for (const p of A) e === t.length ? t.push(r = new w(this.O(F()), this.O(F()), this, this.options)) : r = t[e], r._$AI(p), e++;
+    for (const V of A) e === t.length ? t.push(r = new w(this.O(G()), this.O(G()), this, this.options)) : r = t[e], r._$AI(V), e++;
     e < t.length && (this._$AR(r && r._$AB.nextSibling, e), t.length = e);
   }
   _$AR(A = this._$AA.nextSibling, t) {
@@ -449,55 +449,55 @@ class w {
     this._$AM === void 0 && (this._$Cv = A, (t = this._$AP) == null || t.call(this, A));
   }
 }
-class lA {
+class tA {
   get tagName() {
     return this.element.tagName;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(A, t, r, e, p) {
-    this.type = 1, this._$AH = c, this._$AN = void 0, this.element = A, this.name = t, this._$AM = e, this.options = p, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = c;
+  constructor(A, t, r, e, V) {
+    this.type = 1, this._$AH = j, this._$AN = void 0, this.element = A, this.name = t, this._$AM = e, this.options = V, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = j;
   }
   _$AI(A, t = this, r, e) {
-    const p = this.strings;
-    let V = !1;
-    if (p === void 0) A = Z(this, A, t, 0), V = !M(A) || A !== this._$AH && A !== f, V && (this._$AH = A);
+    const V = this.strings;
+    let p = !1;
+    if (V === void 0) A = m(this, A, t, 0), p = !F(A) || A !== this._$AH && A !== f, p && (this._$AH = A);
     else {
       const S = A;
       let n, d;
-      for (A = p[0], n = 0; n < p.length - 1; n++) d = Z(this, S[r + n], t, n), d === f && (d = this._$AH[n]), V || (V = !M(d) || d !== this._$AH[n]), d === c ? A = c : A !== c && (A += (d ?? "") + p[n + 1]), this._$AH[n] = d;
+      for (A = V[0], n = 0; n < V.length - 1; n++) d = m(this, S[r + n], t, n), d === f && (d = this._$AH[n]), p || (p = !F(d) || d !== this._$AH[n]), d === j ? A = j : A !== j && (A += (d ?? "") + V[n + 1]), this._$AH[n] = d;
     }
-    V && !e && this.j(A);
+    p && !e && this.j(A);
   }
   j(A) {
-    A === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, A ?? "");
+    A === j ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, A ?? "");
   }
 }
-class Vt extends lA {
+class pt extends tA {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(A) {
-    this.element[this.name] = A === c ? void 0 : A;
+    this.element[this.name] = A === j ? void 0 : A;
   }
 }
-class qt extends lA {
+class qt extends tA {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(A) {
-    this.element.toggleAttribute(this.name, !!A && A !== c);
+    this.element.toggleAttribute(this.name, !!A && A !== j);
   }
 }
-class nt extends lA {
-  constructor(A, t, r, e, p) {
-    super(A, t, r, e, p), this.type = 5;
+class nt extends tA {
+  constructor(A, t, r, e, V) {
+    super(A, t, r, e, V), this.type = 5;
   }
   _$AI(A, t = this) {
-    if ((A = Z(this, A, t, 0) ?? c) === f) return;
-    const r = this._$AH, e = A === c && r !== c || A.capture !== r.capture || A.once !== r.once || A.passive !== r.passive, p = A !== c && (r === c || e);
-    e && this.element.removeEventListener(this.name, this, r), p && this.element.addEventListener(this.name, this, A), this._$AH = A;
+    if ((A = m(this, A, t, 0) ?? j) === f) return;
+    const r = this._$AH, e = A === j && r !== j || A.capture !== r.capture || A.once !== r.once || A.passive !== r.passive, V = A !== j && (r === j || e);
+    e && this.element.removeEventListener(this.name, this, r), V && this.element.addEventListener(this.name, this, A), this._$AH = A;
   }
   handleEvent(A) {
     var t;
@@ -512,17 +512,17 @@ class St {
     return this._$AM._$AU;
   }
   _$AI(A) {
-    Z(this, A);
+    m(this, A);
   }
 }
-const pA = G.litHtmlPolyfillSupport;
-pA == null || pA(h, w), (G.litHtmlVersions ?? (G.litHtmlVersions = [])).push("3.3.0");
+const rA = z.litHtmlPolyfillSupport;
+rA == null || rA(M, w), (z.litHtmlVersions ?? (z.litHtmlVersions = [])).push("3.3.0");
 const at = (l, A, t) => {
   const r = (t == null ? void 0 : t.renderBefore) ?? A;
   let e = r._$litPart$;
   if (e === void 0) {
-    const p = (t == null ? void 0 : t.renderBefore) ?? null;
-    r._$litPart$ = e = new w(A.insertBefore(F(), p), p, void 0, t ?? {});
+    const V = (t == null ? void 0 : t.renderBefore) ?? null;
+    r._$litPart$ = e = new w(A.insertBefore(G(), V), V, void 0, t ?? {});
   }
   return e._$AI(l), e;
 };
@@ -532,7 +532,7 @@ const at = (l, A, t) => {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const b = globalThis;
-let X = class extends m {
+let X = class extends P {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -567,7 +567,7 @@ VA == null || VA({ LitElement: X });
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const R = (l) => (A, t) => {
+const N = (l) => (A, t) => {
   t !== void 0 ? t.addInitializer(() => {
     customElements.define(l, A);
   }) : customElements.define(l, A);
@@ -577,31 +577,31 @@ const R = (l) => (A, t) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const yt = { attribute: !0, type: String, converter: _, reflect: !1, hasChanged: jA }, ut = (l = yt, A, t) => {
+const yt = { attribute: !0, type: String, converter: B, reflect: !1, hasChanged: dA }, ut = (l = yt, A, t) => {
   const { kind: r, metadata: e } = t;
-  let p = globalThis.litPropertyMetadata.get(e);
-  if (p === void 0 && globalThis.litPropertyMetadata.set(e, p = /* @__PURE__ */ new Map()), r === "setter" && ((l = Object.create(l)).wrapped = !0), p.set(t.name, l), r === "accessor") {
-    const { name: V } = t;
+  let V = globalThis.litPropertyMetadata.get(e);
+  if (V === void 0 && globalThis.litPropertyMetadata.set(e, V = /* @__PURE__ */ new Map()), r === "setter" && ((l = Object.create(l)).wrapped = !0), V.set(t.name, l), r === "accessor") {
+    const { name: p } = t;
     return { set(S) {
       const n = A.get.call(this);
-      A.set.call(this, S), this.requestUpdate(V, n, l);
+      A.set.call(this, S), this.requestUpdate(p, n, l);
     }, init(S) {
-      return S !== void 0 && this.C(V, void 0, l, S), S;
+      return S !== void 0 && this.C(p, void 0, l, S), S;
     } };
   }
   if (r === "setter") {
-    const { name: V } = t;
+    const { name: p } = t;
     return function(S) {
-      const n = this[V];
-      A.call(this, S), this.requestUpdate(V, n, l);
+      const n = this[p];
+      A.call(this, S), this.requestUpdate(p, n, l);
     };
   }
   throw Error("Unsupported decorator location: " + r);
 };
-function j(l) {
-  return (A, t) => typeof t == "object" ? ut(l, A, t) : ((r, e, p) => {
-    const V = e.hasOwnProperty(p);
-    return e.constructor.createProperty(p, r), V ? Object.getOwnPropertyDescriptor(e, p) : void 0;
+function c(l) {
+  return (A, t) => typeof t == "object" ? ut(l, A, t) : ((r, e, V) => {
+    const p = e.hasOwnProperty(V);
+    return e.constructor.createProperty(V, r), p ? Object.getOwnPropertyDescriptor(e, V) : void 0;
   })(l, A, t);
 }
 /**
@@ -610,14 +610,14 @@ function j(l) {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 function J(l) {
-  return j({ ...l, state: !0, attribute: !1 });
+  return c({ ...l, state: !0, attribute: !1 });
 }
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const SA = "lit-localize-status";
+const nA = "lit-localize-status";
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -653,10 +653,10 @@ class ct {
     }, this.host = A;
   }
   hostConnected() {
-    window.addEventListener(SA, this.__litLocalizeEventHandler);
+    window.addEventListener(nA, this.__litLocalizeEventHandler);
   }
   hostDisconnected() {
-    window.removeEventListener(SA, this.__litLocalizeEventHandler);
+    window.removeEventListener(nA, this.__litLocalizeEventHandler);
   }
 }
 const kt = (l) => l.addController(new ct(l)), Jt = kt;
@@ -693,10 +693,10 @@ const K = [];
 for (let l = 0; l < 256; l++)
   K[l] = (l >> 4 & 15).toString(16) + (l & 15).toString(16);
 function Tt(l) {
-  let A = 0, t = 8997, r = 0, e = 33826, p = 0, V = 40164, S = 0, n = 52210;
+  let A = 0, t = 8997, r = 0, e = 33826, V = 0, p = 40164, S = 0, n = 52210;
   for (let d = 0; d < l.length; d++)
-    t ^= l.charCodeAt(d), A = t * 435, r = e * 435, p = V * 435, S = n * 435, p += t << 8, S += e << 8, r += A >>> 16, t = A & 65535, p += r >>> 16, e = r & 65535, n = S + (p >>> 16) & 65535, V = p & 65535;
-  return K[n >> 8] + K[n & 255] + K[V >> 8] + K[V & 255] + K[e >> 8] + K[e & 255] + K[t >> 8] + K[t & 255];
+    t ^= l.charCodeAt(d), A = t * 435, r = e * 435, V = p * 435, S = n * 435, V += t << 8, S += e << 8, r += A >>> 16, t = A & 65535, V += r >>> 16, e = r & 65535, n = S + (V >>> 16) & 65535, p = V & 65535;
+  return K[n >> 8] + K[n & 255] + K[p >> 8] + K[p & 255] + K[e >> 8] + K[e & 255] + K[t >> 8] + K[t & 255];
 }
 /**
  * @license
@@ -728,10 +728,10 @@ function Wt(l, A, t) {
           e.values
         );
       {
-        let p = LA.get(e);
-        return p === void 0 && (p = e.values, LA.set(e, p)), {
+        let V = LA.get(e);
+        return V === void 0 && (V = e.values, LA.set(e, V)), {
           ...e,
-          values: p.map((V) => A.values[V])
+          values: V.map((p) => A.values[p])
         };
       }
     }
@@ -748,30 +748,30 @@ function st(l) {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function qA(l) {
-  window.dispatchEvent(new CustomEvent(SA, { detail: l }));
+function pA(l) {
+  window.dispatchEvent(new CustomEvent(nA, { detail: l }));
 }
-let AA = "", nA, hA, tA, aA, EA, v = new MA();
+let $ = "", qA, hA, AA, SA, EA, v = new MA();
 v.resolve();
-let g = 0;
-const it = (l) => (jt((A, t) => Wt(EA, A, t)), AA = hA = l.sourceLocale, tA = new Set(l.targetLocales), tA.add(l.sourceLocale), aA = l.loadLocale, { getLocale: vt, setLocale: Ot }), vt = () => AA, Ot = (l) => {
-  if (l === (nA ?? AA))
+let Q = 0;
+const it = (l) => (jt((A, t) => Wt(EA, A, t)), $ = hA = l.sourceLocale, AA = new Set(l.targetLocales), AA.add(l.sourceLocale), SA = l.loadLocale, { getLocale: vt, setLocale: Ot }), vt = () => $, Ot = (l) => {
+  if (l === (qA ?? $))
     return v.promise;
-  if (!tA || !aA)
+  if (!AA || !SA)
     throw new Error("Internal error");
-  if (!tA.has(l))
+  if (!AA.has(l))
     throw new Error("Invalid locale code");
-  g++;
-  const A = g;
-  return nA = l, v.settled && (v = new MA()), qA({ status: "loading", loadingLocale: l }), (l === hA ? (
+  Q++;
+  const A = Q;
+  return qA = l, v.settled && (v = new MA()), pA({ status: "loading", loadingLocale: l }), (l === hA ? (
     // We could switch to the source locale synchronously, but we prefer to
     // queue it on a microtask so that switching locales is consistently
     // asynchronous.
     Promise.resolve({ templates: void 0 })
-  ) : aA(l)).then((r) => {
-    g === A && (AA = l, nA = void 0, EA = r.templates, qA({ status: "ready", readyLocale: l }), v.resolve());
+  ) : SA(l)).then((r) => {
+    Q === A && ($ = l, qA = void 0, EA = r.templates, pA({ status: "ready", readyLocale: l }), v.resolve());
   }, (r) => {
-    g === A && (qA({
+    Q === A && (pA({
       status: "error",
       errorLocale: l,
       errorMessage: r.toString()
@@ -818,22 +818,22 @@ const Pt = ft(class extends ot {
   update(l, [A]) {
     var r, e;
     if (this.st === void 0) {
-      this.st = /* @__PURE__ */ new Set(), l.strings !== void 0 && (this.nt = new Set(l.strings.join(" ").split(/\s/).filter((p) => p !== "")));
-      for (const p in A) A[p] && !((r = this.nt) != null && r.has(p)) && this.st.add(p);
+      this.st = /* @__PURE__ */ new Set(), l.strings !== void 0 && (this.nt = new Set(l.strings.join(" ").split(/\s/).filter((V) => V !== "")));
+      for (const V in A) A[V] && !((r = this.nt) != null && r.has(V)) && this.st.add(V);
       return this.render(A);
     }
     const t = l.element.classList;
-    for (const p of this.st) p in A || (t.remove(p), this.st.delete(p));
-    for (const p in A) {
-      const V = !!A[p];
-      V === this.st.has(p) || (e = this.nt) != null && e.has(p) || (V ? (t.add(p), this.st.add(p)) : (t.remove(p), this.st.delete(p)));
+    for (const V of this.st) V in A || (t.remove(V), this.st.delete(V));
+    for (const V in A) {
+      const p = !!A[V];
+      p === this.st.has(V) || (e = this.nt) != null && e.has(V) || (p ? (t.add(V), this.st.add(V)) : (t.remove(V), this.st.delete(V)));
     }
     return f;
   }
 });
 var mt = Object.defineProperty, Zt = Object.getOwnPropertyDescriptor, C = (l, A, t, r) => {
-  for (var e = r > 1 ? void 0 : r ? Zt(A, t) : A, p = l.length - 1, V; p >= 0; p--)
-    (V = l[p]) && (e = (r ? V(A, t, e) : V(e)) || e);
+  for (var e = r > 1 ? void 0 : r ? Zt(A, t) : A, V = l.length - 1, p; V >= 0; V--)
+    (p = l[V]) && (e = (r ? p(A, t, e) : p(e)) || e);
   return r && e && mt(A, t, e), e;
 };
 let o = class extends X {
@@ -855,7 +855,7 @@ let o = class extends X {
     `;
   }
 };
-o.styles = N`
+o.styles = Z`
     :host {
       display: block;
       width: 100%;
@@ -928,26 +928,26 @@ o.styles = N`
     }
   `;
 C([
-  j({ type: String })
+  c({ type: String })
 ], o.prototype, "type", 2);
 C([
-  j({ type: String })
+  c({ type: String })
 ], o.prototype, "label", 2);
 C([
-  j({ type: Boolean })
+  c({ type: Boolean })
 ], o.prototype, "disabled", 2);
 C([
-  j({ type: String })
+  c({ type: String })
 ], o.prototype, "variant", 2);
 o = C([
-  R("xact-button")
+  N("xact-button")
 ], o);
-var Nt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, kA = (l, A, t, r) => {
-  for (var e = r > 1 ? void 0 : r ? Rt(A, t) : A, p = l.length - 1, V; p >= 0; p--)
-    (V = l[p]) && (e = (r ? V(A, t, e) : V(e)) || e);
+var Nt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, cA = (l, A, t, r) => {
+  for (var e = r > 1 ? void 0 : r ? Rt(A, t) : A, V = l.length - 1, p; V >= 0; V--)
+    (p = l[V]) && (e = (r ? p(A, t, e) : p(e)) || e);
   return r && e && Nt(A, t, e), e;
 };
-let E = class extends X {
+let h = class extends X {
   constructor() {
     super(...arguments), this.height = 0;
   }
@@ -982,7 +982,7 @@ let E = class extends X {
     `;
   }
 };
-E.styles = N`
+h.styles = Z`
     :host {
       display: block;
       font-family: "Lato", sans-serif;
@@ -1067,22 +1067,22 @@ E.styles = N`
       color: inherit;
     }  
   `;
-kA([
-  j({ type: Number })
-], E.prototype, "height", 2);
-kA([
-  j({ type: Function })
-], E.prototype, "onStartMeasurement", 2);
-E = kA([
-  R("xact-step-one"),
+cA([
+  c({ type: Number })
+], h.prototype, "height", 2);
+cA([
+  c({ type: Function })
+], h.prototype, "onStartMeasurement", 2);
+h = cA([
+  N("xact-step-one"),
   Y()
-], E);
+], h);
 var Ht = Object.getOwnPropertyDescriptor, zt = (l, A, t, r) => {
-  for (var e = r > 1 ? void 0 : r ? Ht(A, t) : A, p = l.length - 1, V; p >= 0; p--)
-    (V = l[p]) && (e = V(e) || e);
+  for (var e = r > 1 ? void 0 : r ? Ht(A, t) : A, V = l.length - 1, p; V >= 0; V--)
+    (p = l[V]) && (e = p(e) || e);
   return e;
 };
-let yA = class extends X {
+let aA = class extends X {
   render() {
     return T`
      <footer class="modal-footer">
@@ -1130,7 +1130,7 @@ let yA = class extends X {
     `;
   }
 };
-yA.styles = N`
+aA.styles = Z`
   .modal-footer {
     text-align: center;
     font-size: 12px;
@@ -1167,16 +1167,16 @@ yA.styles = N`
     outline-offset: 2px;
   }
 `;
-yA = zt([
-  R("xact-footer"),
+aA = zt([
+  N("xact-footer"),
   Y()
-], yA);
-var Gt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, D = (l, A, t, r) => {
-  for (var e = r > 1 ? void 0 : r ? Ft(A, t) : A, p = l.length - 1, V; p >= 0; p--)
-    (V = l[p]) && (e = (r ? V(A, t, e) : V(e)) || e);
+], aA);
+var Gt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, kA = (l, A, t, r) => {
+  for (var e = r > 1 ? void 0 : r ? Ft(A, t) : A, V = l.length - 1, p; V >= 0; V--)
+    (p = l[V]) && (e = (r ? p(A, t, e) : p(e)) || e);
   return r && e && Gt(A, t, e), e;
 };
-let P = class extends X {
+let E = class extends X {
   constructor() {
     super(...arguments), this.productName = "", this.recommendedSize = "";
   }
@@ -1213,7 +1213,7 @@ let P = class extends X {
 
     <!-- Texto centralizado -->
     <text x="50%" y="55%" dominant-baseline="middle" text-anchor="middle" fill="white" font-size="20" font-weight="bold">
-      ${this.recommendedSize}
+      -> ${this.recommendedSize} <-
     </text>
   </svg>
 </div>
@@ -1240,7 +1240,7 @@ let P = class extends X {
     `;
   }
 };
-P.styles = N`
+E.styles = Z`
     :host {
       display: flex;
       flex-direction: column;
@@ -1315,25 +1315,19 @@ P.styles = N`
       }
     }
   `;
-D([
-  j({ type: String })
-], P.prototype, "productName", 2);
-D([
-  j({ type: String })
-], P.prototype, "recommendedSize", 2);
-D([
-  j({ type: Function })
-], P.prototype, "onAccept", 2);
-D([
-  j({ type: Function })
-], P.prototype, "onRetry", 2);
-P = D([
-  R("xact-step-result"),
+kA([
+  c({ type: String })
+], E.prototype, "productName", 2);
+kA([
+  c({ type: String })
+], E.prototype, "recommendedSize", 2);
+E = kA([
+  N("xact-step-result"),
   Y()
-], P);
+], E);
 var Mt = Object.defineProperty, ht = Object.getOwnPropertyDescriptor, JA = (l, A, t, r) => {
-  for (var e = r > 1 ? void 0 : r ? ht(A, t) : A, p = l.length - 1, V; p >= 0; p--)
-    (V = l[p]) && (e = (r ? V(A, t, e) : V(e)) || e);
+  for (var e = r > 1 ? void 0 : r ? ht(A, t) : A, V = l.length - 1, p; V >= 0; V--)
+    (p = l[V]) && (e = (r ? p(A, t, e) : p(e)) || e);
   return r && e && Mt(A, t, e), e;
 };
 let I = class extends X {
@@ -1485,7 +1479,7 @@ let I = class extends X {
     `;
   }
 };
-I.styles = N`
+I.styles = Z`
 :host {
   display: flex;
   justify-content: center;
@@ -1627,19 +1621,19 @@ I.styles = N`
 
 `;
 JA([
-  j({ type: Number })
+  c({ type: Number })
 ], I.prototype, "height", 2);
 JA([
-  j({ type: Function })
+  c({ type: Function })
 ], I.prototype, "onStep2advancement", 2);
 I = JA([
-  R("xact-step-informs"),
+  N("xact-step-informs"),
   Y()
 ], I);
 const oA = "data:image/svg+xml,%3csvg%20width='22'%20height='40'%20viewBox='0%200%2022%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21.517%200L0%2013.3362V0H21.517Z'%20fill='white'/%3e%3cpath%20d='M21.517%2013.339L0%2026.6724V13.3362H21.517V13.339Z'%20fill='white'/%3e%3cpath%20d='M21.517%2026.6755L0%2040.0089V26.6726H21.517V26.6755Z'%20fill='%231C28BA'/%3e%3c/svg%3e", Et = "data:image/svg+xml,%3csvg%20width='22'%20height='41'%20viewBox='0%200%2022%2041'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21.517%200.00878906L0%2013.345V0.00878906H21.517Z'%20fill='white'/%3e%3cpath%20d='M21.517%2013.3478L0%2026.6812V13.345H21.517V13.3478Z'%20fill='%231C28BA'/%3e%3cpath%20d='M21.517%2026.6843L0%2040.0176V26.6814H21.517V26.6843Z'%20fill='white'/%3e%3c/svg%3e", It = "data:image/svg+xml,%3csvg%20width='22'%20height='41'%20viewBox='0%200%2022%2041'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21.517%200.0204381L0%2013.3538V0.0175781H21.517V0.0204381Z'%20fill='%231C28BA'/%3e%3cpath%20d='M21.517%2013.3538L0%2026.69V13.3538H21.517Z'%20fill='white'/%3e%3cpath%20d='M21.517%2026.693L0%2040.0264V26.6902H21.517V26.693Z'%20fill='white'/%3e%3c/svg%3e";
 var wt = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, u = (l, A, t, r) => {
-  for (var e = r > 1 ? void 0 : r ? Yt(A, t) : A, p = l.length - 1, V; p >= 0; p--)
-    (V = l[p]) && (e = (r ? V(A, t, e) : V(e)) || e);
+  for (var e = r > 1 ? void 0 : r ? Yt(A, t) : A, V = l.length - 1, p; V >= 0; V--)
+    (p = l[V]) && (e = (r ? p(A, t, e) : p(e)) || e);
   return r && e && wt(A, t, e), e;
 };
 const { getLocale: gt, setLocale: PA } = it({
@@ -1788,14 +1782,14 @@ let a = class extends X {
       const t = A.getContext("2d");
       t == null || t.drawImage(this.videoElement, 0, 0, A.width, A.height);
       const r = await new Promise(
-        (V) => A.toBlob((S) => V(S), "image/jpeg")
-      ), e = new File([r], "frame.jpg", { type: "image/jpeg" }), p = new FormData();
-      p.append("image", e), p.append("height", this.height.toString()), p.append("product_sku", this.productSku), this.measurerKey && p.append("measurerKey", this.measurerKey);
+        (p) => A.toBlob((S) => p(S), "image/jpeg")
+      ), e = new File([r], "frame.jpg", { type: "image/jpeg" }), V = new FormData();
+      V.append("image", e), V.append("height", this.height.toString()), V.append("product_sku", this.productSku), this.measurerKey && V.append("measurerKey", this.measurerKey);
       try {
         this.isFetching = !0, this.isLoading = !0, this.poolingTimeout !== null && (clearTimeout(this.poolingTimeout), this.poolingTimeout = null), this.instructionMessageTimeout !== null && (clearTimeout(this.instructionMessageTimeout), this.instructionMessageTimeout = null);
         const S = await (await fetch(this.apiUrl, {
           method: "POST",
-          body: p,
+          body: V,
           headers: {
             Accept: "application/json",
             "Cache-Control": "no-store",
@@ -1895,7 +1889,7 @@ let a = class extends X {
         `;
   }
 };
-a.styles = N`
+a.styles = Z`
         :host {
             display: block;
             font-family: Arial, sans-serif;
@@ -2323,25 +2317,25 @@ a.styles = N`
 
     `;
 u([
-  j({ type: String, attribute: "api-key" })
+  c({ type: String, attribute: "api-key" })
 ], a.prototype, "apiKey", 2);
 u([
-  j({ type: String, attribute: "tenant-id" })
+  c({ type: String, attribute: "tenant-id" })
 ], a.prototype, "tenantId", 2);
 u([
-  j({ type: String, attribute: "product-sku" })
+  c({ type: String, attribute: "product-sku" })
 ], a.prototype, "productSku", 2);
 u([
-  j({ type: String, attribute: "api-url" })
+  c({ type: String, attribute: "api-url" })
 ], a.prototype, "apiUrl", 2);
 u([
-  j({ type: Function, attribute: "onmeasurementaccepted" })
+  c({ type: Function, attribute: "onmeasurementaccepted" })
 ], a.prototype, "onMeasurementAccepted", 2);
 u([
-  j({ type: Function, attribute: "onmeasurementcanceled" })
+  c({ type: Function, attribute: "onmeasurementcanceled" })
 ], a.prototype, "onMeasurementCanceled", 2);
 u([
-  j({ type: String })
+  c({ type: String })
 ], a.prototype, "culture", 1);
 u([
   J()
@@ -2389,7 +2383,7 @@ u([
   J()
 ], a.prototype, "currentCameraId", 2);
 a = u([
-  R("body-measurer"),
+  N("body-measurer"),
   Y()
 ], a);
 export {