ui.shipaid.com 0.2.23 → 0.3.0-beta.2

package/dist/widget.es.js

@@ -3,9 +3,9 @@
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const e$4 = (e2) => (n2) => "function" == typeof n2 ? ((e3, n3) => (customElements.define(e3, n3), n3))(e2, n2) : ((e3, n3) => {
-  const { kind: t2, elements: s2 } = n3;
-  return { kind: t2, elements: s2, finisher(n4) {
+const e$7 = (e2) => (n2) => "function" == typeof n2 ? ((e3, n3) => (customElements.define(e3, n3), n3))(e2, n2) : ((e3, n3) => {
+  const { kind: t2, elements: s3 } = n3;
+  return { kind: t2, elements: s3, finisher(n4) {
     customElements.define(e3, n4);
   } };
 })(e2, n2);
@@ -14,88 +14,88 @@ const e$4 = (e2) => (n2) => "function" == typeof n2 ? ((e3, n3) => (customElemen
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const i$2 = (i2, e2) => "method" === e2.kind && e2.descriptor && !("value" in e2.descriptor) ? { ...e2, finisher(n2) {
+const i$3 = (i2, e2) => "method" === e2.kind && e2.descriptor && !("value" in e2.descriptor) ? { ...e2, finisher(n2) {
   n2.createProperty(e2.key, i2);
 } } : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: e2.key, initializer() {
   "function" == typeof e2.initializer && (this[e2.key] = e2.initializer.call(this));
 }, finisher(n2) {
   n2.createProperty(e2.key, i2);
 } };
-function e$3(e2) {
+function e$6(e2) {
   return (n2, t2) => void 0 !== t2 ? ((i2, e3, n3) => {
     e3.constructor.createProperty(n3, i2);
-  })(e2, n2, t2) : i$2(e2, n2);
+  })(e2, n2, t2) : i$3(e2, n2);
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function t$2(t2) {
-  return e$3({ ...t2, state: true });
+function t$3(t2) {
+  return e$6({ ...t2, state: true });
 }
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var n$5;
-null != (null === (n$5 = window.HTMLSlotElement) || void 0 === n$5 ? void 0 : n$5.prototype.assignedElements) ? (o2, n2) => o2.assignedElements(n2) : (o2, n2) => o2.assignedNodes(n2).filter((o3) => o3.nodeType === Node.ELEMENT_NODE);
+var n$6;
+null != (null === (n$6 = window.HTMLSlotElement) || void 0 === n$6 ? void 0 : n$6.prototype.assignedElements) ? (o3, n2) => o3.assignedElements(n2) : (o3, n2) => o3.assignedNodes(n2).filter((o4) => o4.nodeType === Node.ELEMENT_NODE);
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t$1 = window, e$2 = t$1.ShadowRoot && (void 0 === t$1.ShadyCSS || t$1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$3 = Symbol(), n$4 = /* @__PURE__ */ new WeakMap();
-class o$3 {
+const t$2 = window, e$5 = t$2.ShadowRoot && (void 0 === t$2.ShadyCSS || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$4 = Symbol(), n$5 = /* @__PURE__ */ new WeakMap();
+let o$4 = class o {
   constructor(t2, e2, n2) {
-    if (this._$cssResult$ = true, n2 !== s$3)
+    if (this._$cssResult$ = true, n2 !== s$4)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t2, this.t = e2;
   }
   get styleSheet() {
     let t2 = this.o;
-    const s2 = this.t;
-    if (e$2 && void 0 === t2) {
-      const e2 = void 0 !== s2 && 1 === s2.length;
-      e2 && (t2 = n$4.get(s2)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e2 && n$4.set(s2, t2));
+    const s3 = this.t;
+    if (e$5 && void 0 === t2) {
+      const e2 = void 0 !== s3 && 1 === s3.length;
+      e2 && (t2 = n$5.get(s3)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e2 && n$5.set(s3, t2));
     }
     return t2;
   }
   toString() {
     return this.cssText;
   }
-}
-const r$2 = (t2) => new o$3("string" == typeof t2 ? t2 : t2 + "", void 0, s$3), i$1 = (t2, ...e2) => {
-  const n2 = 1 === t2.length ? t2[0] : e2.reduce((e3, s2, n3) => e3 + ((t3) => {
+};
+const r$3 = (t2) => new o$4("string" == typeof t2 ? t2 : t2 + "", void 0, s$4), i$2 = (t2, ...e2) => {
+  const n2 = 1 === t2.length ? t2[0] : e2.reduce((e3, s3, n3) => e3 + ((t3) => {
     if (true === t3._$cssResult$)
       return t3.cssText;
     if ("number" == typeof t3)
       return t3;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + t3 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(s2) + t2[n3 + 1], t2[0]);
-  return new o$3(n2, t2, s$3);
-}, S$1 = (s2, n2) => {
-  e$2 ? s2.adoptedStyleSheets = n2.map((t2) => t2 instanceof CSSStyleSheet ? t2 : t2.styleSheet) : n2.forEach((e2) => {
-    const n3 = document.createElement("style"), o2 = t$1.litNonce;
-    void 0 !== o2 && n3.setAttribute("nonce", o2), n3.textContent = e2.cssText, s2.appendChild(n3);
+  })(s3) + t2[n3 + 1], t2[0]);
+  return new o$4(n2, t2, s$4);
+}, S$1 = (s3, n2) => {
+  e$5 ? s3.adoptedStyleSheets = n2.map((t2) => t2 instanceof CSSStyleSheet ? t2 : t2.styleSheet) : n2.forEach((e2) => {
+    const n3 = document.createElement("style"), o3 = t$2.litNonce;
+    void 0 !== o3 && n3.setAttribute("nonce", o3), n3.textContent = e2.cssText, s3.appendChild(n3);
   });
-}, c$1 = e$2 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
+}, c$2 = e$5 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
   let e2 = "";
-  for (const s2 of t3.cssRules)
-    e2 += s2.cssText;
-  return r$2(e2);
+  for (const s3 of t3.cssRules)
+    e2 += s3.cssText;
+  return r$3(e2);
 })(t2) : t2;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var s$2;
-const e$1 = window, r$1 = e$1.trustedTypes, h$1 = r$1 ? r$1.emptyScript : "", o$2 = e$1.reactiveElementPolyfillSupport, n$3 = { toAttribute(t2, i2) {
+var s$3;
+const e$4 = window, r$2 = e$4.trustedTypes, h$2 = r$2 ? r$2.emptyScript : "", o$3 = e$4.reactiveElementPolyfillSupport, n$4 = { toAttribute(t2, i2) {
   switch (i2) {
     case Boolean:
-      t2 = t2 ? h$1 : null;
+      t2 = t2 ? h$2 : null;
       break;
     case Object:
     case Array:
@@ -103,90 +103,90 @@ const e$1 = window, r$1 = e$1.trustedTypes, h$1 = r$1 ? r$1.emptyScript : "", o$
   }
   return t2;
 }, fromAttribute(t2, i2) {
-  let s2 = t2;
+  let s3 = t2;
   switch (i2) {
     case Boolean:
-      s2 = null !== t2;
+      s3 = null !== t2;
       break;
     case Number:
-      s2 = null === t2 ? null : Number(t2);
+      s3 = null === t2 ? null : Number(t2);
       break;
     case Object:
     case Array:
       try {
-        s2 = JSON.parse(t2);
+        s3 = JSON.parse(t2);
       } catch (t3) {
-        s2 = null;
+        s3 = null;
       }
   }
-  return s2;
-} }, a$1 = (t2, i2) => i2 !== t2 && (i2 == i2 || t2 == t2), l$2 = { attribute: true, type: String, converter: n$3, reflect: false, hasChanged: a$1 };
-class d$1 extends HTMLElement {
+  return s3;
+} }, a$1 = (t2, i2) => i2 !== t2 && (i2 == i2 || t2 == t2), l$3 = { attribute: true, type: String, converter: n$4, reflect: false, hasChanged: a$1 };
+let d$1 = class d extends HTMLElement {
   constructor() {
     super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = false, this.hasUpdated = false, this._$El = null, this.u();
   }
   static addInitializer(t2) {
     var i2;
-    null !== (i2 = this.h) && void 0 !== i2 || (this.h = []), this.h.push(t2);
+    this.finalize(), (null !== (i2 = this.h) && void 0 !== i2 ? i2 : this.h = []).push(t2);
   }
   static get observedAttributes() {
     this.finalize();
     const t2 = [];
-    return this.elementProperties.forEach((i2, s2) => {
-      const e2 = this._$Ep(s2, i2);
-      void 0 !== e2 && (this._$Ev.set(e2, s2), t2.push(e2));
+    return this.elementProperties.forEach((i2, s3) => {
+      const e2 = this._$Ep(s3, i2);
+      void 0 !== e2 && (this._$Ev.set(e2, s3), t2.push(e2));
     }), t2;
   }
-  static createProperty(t2, i2 = l$2) {
+  static createProperty(t2, i2 = l$3) {
     if (i2.state && (i2.attribute = false), this.finalize(), this.elementProperties.set(t2, i2), !i2.noAccessor && !this.prototype.hasOwnProperty(t2)) {
-      const s2 = "symbol" == typeof t2 ? Symbol() : "__" + t2, e2 = this.getPropertyDescriptor(t2, s2, i2);
+      const s3 = "symbol" == typeof t2 ? Symbol() : "__" + t2, e2 = this.getPropertyDescriptor(t2, s3, i2);
       void 0 !== e2 && Object.defineProperty(this.prototype, t2, e2);
     }
   }
-  static getPropertyDescriptor(t2, i2, s2) {
+  static getPropertyDescriptor(t2, i2, s3) {
     return { get() {
       return this[i2];
     }, set(e2) {
       const r2 = this[t2];
-      this[i2] = e2, this.requestUpdate(t2, r2, s2);
+      this[i2] = e2, this.requestUpdate(t2, r2, s3);
     }, configurable: true, enumerable: true };
   }
   static getPropertyOptions(t2) {
-    return this.elementProperties.get(t2) || l$2;
+    return this.elementProperties.get(t2) || l$3;
   }
   static finalize() {
     if (this.hasOwnProperty("finalized"))
       return false;
     this.finalized = true;
     const t2 = Object.getPrototypeOf(this);
-    if (t2.finalize(), this.elementProperties = new Map(t2.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
+    if (t2.finalize(), void 0 !== t2.h && (this.h = [...t2.h]), this.elementProperties = new Map(t2.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
       const t3 = this.properties, i2 = [...Object.getOwnPropertyNames(t3), ...Object.getOwnPropertySymbols(t3)];
-      for (const s2 of i2)
-        this.createProperty(s2, t3[s2]);
+      for (const s3 of i2)
+        this.createProperty(s3, t3[s3]);
     }
     return this.elementStyles = this.finalizeStyles(this.styles), true;
   }
   static finalizeStyles(i2) {
-    const s2 = [];
+    const s3 = [];
     if (Array.isArray(i2)) {
       const e2 = new Set(i2.flat(1 / 0).reverse());
       for (const i3 of e2)
-        s2.unshift(c$1(i3));
+        s3.unshift(c$2(i3));
     } else
-      void 0 !== i2 && s2.push(c$1(i2));
-    return s2;
+      void 0 !== i2 && s3.push(c$2(i2));
+    return s3;
   }
   static _$Ep(t2, i2) {
-    const s2 = i2.attribute;
-    return false === s2 ? void 0 : "string" == typeof s2 ? s2 : "string" == typeof t2 ? t2.toLowerCase() : void 0;
+    const s3 = i2.attribute;
+    return false === s3 ? void 0 : "string" == typeof s3 ? s3 : "string" == typeof t2 ? t2.toLowerCase() : void 0;
   }
   u() {
     var t2;
     this._$E_ = new Promise((t3) => this.enableUpdating = t3), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), null === (t2 = this.constructor.h) || void 0 === t2 || t2.forEach((t3) => t3(this));
   }
   addController(t2) {
-    var i2, s2;
-    (null !== (i2 = this._$ES) && void 0 !== i2 ? i2 : this._$ES = []).push(t2), void 0 !== this.renderRoot && this.isConnected && (null === (s2 = t2.hostConnected) || void 0 === s2 || s2.call(t2));
+    var i2, s3;
+    (null !== (i2 = this._$ES) && void 0 !== i2 ? i2 : this._$ES = []).push(t2), void 0 !== this.renderRoot && this.isConnected && (null === (s3 = t2.hostConnected) || void 0 === s3 || s3.call(t2));
   }
   removeController(t2) {
     var i2;
@@ -199,8 +199,8 @@ class d$1 extends HTMLElement {
   }
   createRenderRoot() {
     var t2;
-    const s2 = null !== (t2 = this.shadowRoot) && void 0 !== t2 ? t2 : this.attachShadow(this.constructor.shadowRootOptions);
-    return S$1(s2, this.constructor.elementStyles), s2;
+    const s3 = null !== (t2 = this.shadowRoot) && void 0 !== t2 ? t2 : this.attachShadow(this.constructor.shadowRootOptions);
+    return S$1(s3, this.constructor.elementStyles), s3;
   }
   connectedCallback() {
     var t2;
@@ -218,28 +218,28 @@ class d$1 extends HTMLElement {
       return null === (i2 = t3.hostDisconnected) || void 0 === i2 ? void 0 : i2.call(t3);
     });
   }
-  attributeChangedCallback(t2, i2, s2) {
-    this._$AK(t2, s2);
+  attributeChangedCallback(t2, i2, s3) {
+    this._$AK(t2, s3);
   }
-  _$EO(t2, i2, s2 = l$2) {
+  _$EO(t2, i2, s3 = l$3) {
     var e2;
-    const r2 = this.constructor._$Ep(t2, s2);
-    if (void 0 !== r2 && true === s2.reflect) {
-      const h2 = (void 0 !== (null === (e2 = s2.converter) || void 0 === e2 ? void 0 : e2.toAttribute) ? s2.converter : n$3).toAttribute(i2, s2.type);
+    const r2 = this.constructor._$Ep(t2, s3);
+    if (void 0 !== r2 && true === s3.reflect) {
+      const h2 = (void 0 !== (null === (e2 = s3.converter) || void 0 === e2 ? void 0 : e2.toAttribute) ? s3.converter : n$4).toAttribute(i2, s3.type);
       this._$El = t2, null == h2 ? this.removeAttribute(r2) : this.setAttribute(r2, h2), this._$El = null;
     }
   }
   _$AK(t2, i2) {
-    var s2;
+    var s3;
     const e2 = this.constructor, r2 = e2._$Ev.get(t2);
     if (void 0 !== r2 && this._$El !== r2) {
-      const t3 = e2.getPropertyOptions(r2), h2 = "function" == typeof t3.converter ? { fromAttribute: t3.converter } : void 0 !== (null === (s2 = t3.converter) || void 0 === s2 ? void 0 : s2.fromAttribute) ? t3.converter : n$3;
+      const t3 = e2.getPropertyOptions(r2), h2 = "function" == typeof t3.converter ? { fromAttribute: t3.converter } : void 0 !== (null === (s3 = t3.converter) || void 0 === s3 ? void 0 : s3.fromAttribute) ? t3.converter : n$4;
       this._$El = r2, this[r2] = h2.fromAttribute(i2, t3.type), this._$El = null;
     }
   }
-  requestUpdate(t2, i2, s2) {
+  requestUpdate(t2, i2, s3) {
     let e2 = true;
-    void 0 !== t2 && (((s2 = s2 || this.constructor.getPropertyOptions(t2)).hasChanged || a$1)(this[t2], i2) ? (this._$AL.has(t2) || this._$AL.set(t2, i2), true === s2.reflect && this._$El !== t2 && (void 0 === this._$EC && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t2, s2))) : e2 = false), !this.isUpdatePending && e2 && (this._$E_ = this._$Ej());
+    void 0 !== t2 && (((s3 = s3 || this.constructor.getPropertyOptions(t2)).hasChanged || a$1)(this[t2], i2) ? (this._$AL.has(t2) || this._$AL.set(t2, i2), true === s3.reflect && this._$El !== t2 && (void 0 === this._$EC && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t2, s3))) : e2 = false), !this.isUpdatePending && e2 && (this._$E_ = this._$Ej());
   }
   async _$Ej() {
     this.isUpdatePending = true;
@@ -260,16 +260,16 @@ class d$1 extends HTMLElement {
       return;
     this.hasUpdated, this._$Ei && (this._$Ei.forEach((t3, i3) => this[i3] = t3), this._$Ei = void 0);
     let i2 = false;
-    const s2 = this._$AL;
+    const s3 = this._$AL;
     try {
-      i2 = this.shouldUpdate(s2), i2 ? (this.willUpdate(s2), null === (t2 = this._$ES) || void 0 === t2 || t2.forEach((t3) => {
+      i2 = this.shouldUpdate(s3), i2 ? (this.willUpdate(s3), null === (t2 = this._$ES) || void 0 === t2 || t2.forEach((t3) => {
         var i3;
         return null === (i3 = t3.hostUpdate) || void 0 === i3 ? void 0 : i3.call(t3);
-      }), this.update(s2)) : this._$Ek();
+      }), this.update(s3)) : this._$Ek();
     } catch (t3) {
       throw i2 = false, this._$Ek(), t3;
     }
-    i2 && this._$AE(s2);
+    i2 && this._$AE(s3);
   }
   willUpdate(t2) {
   }
@@ -299,39 +299,39 @@ class d$1 extends HTMLElement {
   }
   firstUpdated(t2) {
   }
-}
-d$1.finalized = true, d$1.elementProperties = /* @__PURE__ */ new Map(), d$1.elementStyles = [], d$1.shadowRootOptions = { mode: "open" }, null == o$2 || o$2({ ReactiveElement: d$1 }), (null !== (s$2 = e$1.reactiveElementVersions) && void 0 !== s$2 ? s$2 : e$1.reactiveElementVersions = []).push("1.4.1");
+};
+d$1.finalized = true, d$1.elementProperties = /* @__PURE__ */ new Map(), d$1.elementStyles = [], d$1.shadowRootOptions = { mode: "open" }, null == o$3 || o$3({ ReactiveElement: d$1 }), (null !== (s$3 = e$4.reactiveElementVersions) && void 0 !== s$3 ? s$3 : e$4.reactiveElementVersions = []).push("1.6.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var t;
-const i = window, s$1 = i.trustedTypes, e = s$1 ? s$1.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, o$1 = `lit$${(Math.random() + "").slice(9)}$`, n$2 = "?" + o$1, l$1 = `<${n$2}>`, h = document, r = (t2 = "") => h.createComment(t2), d = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, u = Array.isArray, c = (t2) => u(t2) || "function" == typeof (null == t2 ? void 0 : t2[Symbol.iterator]), v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, a = /-->/g, f = />/g, _ = RegExp(`>|[ 	
+var t$1;
+const i$1 = window, s$2 = i$1.trustedTypes, e$3 = s$2 ? s$2.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, o$2 = `lit$${(Math.random() + "").slice(9)}$`, n$3 = "?" + o$2, l$2 = `<${n$3}>`, h$1 = document, r$1 = (t2 = "") => h$1.createComment(t2), d2 = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, u = Array.isArray, c$1 = (t2) => u(t2) || "function" == typeof (null == t2 ? void 0 : t2[Symbol.iterator]), v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, a = /-->/g, f = />/g, _ = RegExp(`>|[ 	
 \f\r](?:([^\\s"'>=/]+)([ 	
 \f\r]*=[ 	
 \f\r]*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), m = /'/g, p = /"/g, $ = /^(?:script|style|textarea|title)$/i, g = (t2) => (i2, ...s2) => ({ _$litType$: t2, strings: i2, values: s2 }), y = g(1), x = Symbol.for("lit-noChange"), b = Symbol.for("lit-nothing"), T = /* @__PURE__ */ new WeakMap(), A = h.createTreeWalker(h, 129, null, false), E = (t2, i2) => {
-  const s2 = t2.length - 1, n2 = [];
-  let h2, r2 = 2 === i2 ? "<svg>" : "", d2 = v;
-  for (let i3 = 0; i3 < s2; i3++) {
-    const s3 = t2[i3];
+\f\r"'\`<>=]|("|')|))|$)`, "g"), m = /'/g, p = /"/g, $ = /^(?:script|style|textarea|title)$/i, g = (t2) => (i2, ...s3) => ({ _$litType$: t2, strings: i2, values: s3 }), y = g(1), x = Symbol.for("lit-noChange"), b = Symbol.for("lit-nothing"), T = /* @__PURE__ */ new WeakMap(), A = h$1.createTreeWalker(h$1, 129, null, false), E = (t2, i2) => {
+  const s3 = t2.length - 1, n2 = [];
+  let h2, r2 = 2 === i2 ? "<svg>" : "", d3 = v;
+  for (let i3 = 0; i3 < s3; i3++) {
+    const s4 = t2[i3];
     let e2, u3, c2 = -1, g2 = 0;
-    for (; g2 < s3.length && (d2.lastIndex = g2, u3 = d2.exec(s3), null !== u3); )
-      g2 = d2.lastIndex, d2 === v ? "!--" === u3[1] ? d2 = a : void 0 !== u3[1] ? d2 = f : void 0 !== u3[2] ? ($.test(u3[2]) && (h2 = RegExp("</" + u3[2], "g")), d2 = _) : void 0 !== u3[3] && (d2 = _) : d2 === _ ? ">" === u3[0] ? (d2 = null != h2 ? h2 : v, c2 = -1) : void 0 === u3[1] ? c2 = -2 : (c2 = d2.lastIndex - u3[2].length, e2 = u3[1], d2 = void 0 === u3[3] ? _ : '"' === u3[3] ? p : m) : d2 === p || d2 === m ? d2 = _ : d2 === a || d2 === f ? d2 = v : (d2 = _, h2 = void 0);
-    const y2 = d2 === _ && t2[i3 + 1].startsWith("/>") ? " " : "";
-    r2 += d2 === v ? s3 + l$1 : c2 >= 0 ? (n2.push(e2), s3.slice(0, c2) + "$lit$" + s3.slice(c2) + o$1 + y2) : s3 + o$1 + (-2 === c2 ? (n2.push(void 0), i3) : y2);
+    for (; g2 < s4.length && (d3.lastIndex = g2, u3 = d3.exec(s4), null !== u3); )
+      g2 = d3.lastIndex, d3 === v ? "!--" === u3[1] ? d3 = a : void 0 !== u3[1] ? d3 = f : void 0 !== u3[2] ? ($.test(u3[2]) && (h2 = RegExp("</" + u3[2], "g")), d3 = _) : void 0 !== u3[3] && (d3 = _) : d3 === _ ? ">" === u3[0] ? (d3 = null != h2 ? h2 : v, c2 = -1) : void 0 === u3[1] ? c2 = -2 : (c2 = d3.lastIndex - u3[2].length, e2 = u3[1], d3 = void 0 === u3[3] ? _ : '"' === u3[3] ? p : m) : d3 === p || d3 === m ? d3 = _ : d3 === a || d3 === f ? d3 = v : (d3 = _, h2 = void 0);
+    const y2 = d3 === _ && t2[i3 + 1].startsWith("/>") ? " " : "";
+    r2 += d3 === v ? s4 + l$2 : c2 >= 0 ? (n2.push(e2), s4.slice(0, c2) + "$lit$" + s4.slice(c2) + o$2 + y2) : s4 + o$2 + (-2 === c2 ? (n2.push(void 0), i3) : y2);
   }
-  const u2 = r2 + (t2[s2] || "<?>") + (2 === i2 ? "</svg>" : "");
+  const u2 = r2 + (t2[s3] || "<?>") + (2 === i2 ? "</svg>" : "");
   if (!Array.isArray(t2) || !t2.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
-  return [void 0 !== e ? e.createHTML(u2) : u2, n2];
+  return [void 0 !== e$3 ? e$3.createHTML(u2) : u2, n2];
 };
 class C {
   constructor({ strings: t2, _$litType$: i2 }, e2) {
     let l2;
     this.parts = [];
-    let h2 = 0, d2 = 0;
+    let h2 = 0, d3 = 0;
     const u2 = t2.length - 1, c2 = this.parts, [v2, a2] = E(t2, i2);
     if (this.el = C.createElement(v2, e2), A.currentNode = this.el.content, 2 === i2) {
       const t3 = this.el.content, i3 = t3.firstChild;
@@ -342,10 +342,10 @@ class C {
         if (l2.hasAttributes()) {
           const t3 = [];
           for (const i3 of l2.getAttributeNames())
-            if (i3.endsWith("$lit$") || i3.startsWith(o$1)) {
-              const s2 = a2[d2++];
-              if (t3.push(i3), void 0 !== s2) {
-                const t4 = l2.getAttribute(s2.toLowerCase() + "$lit$").split(o$1), i4 = /([.?@])?(.*)/.exec(s2);
+            if (i3.endsWith("$lit$") || i3.startsWith(o$2)) {
+              const s3 = a2[d3++];
+              if (t3.push(i3), void 0 !== s3) {
+                const t4 = l2.getAttribute(s3.toLowerCase() + "$lit$").split(o$2), i4 = /([.?@])?(.*)/.exec(s3);
                 c2.push({ type: 1, index: h2, name: i4[2], strings: t4, ctor: "." === i4[1] ? M : "?" === i4[1] ? k : "@" === i4[1] ? H : S });
               } else
                 c2.push({ type: 6, index: h2 });
@@ -354,37 +354,37 @@ class C {
             l2.removeAttribute(i3);
         }
         if ($.test(l2.tagName)) {
-          const t3 = l2.textContent.split(o$1), i3 = t3.length - 1;
+          const t3 = l2.textContent.split(o$2), i3 = t3.length - 1;
           if (i3 > 0) {
-            l2.textContent = s$1 ? s$1.emptyScript : "";
-            for (let s2 = 0; s2 < i3; s2++)
-              l2.append(t3[s2], r()), A.nextNode(), c2.push({ type: 2, index: ++h2 });
-            l2.append(t3[i3], r());
+            l2.textContent = s$2 ? s$2.emptyScript : "";
+            for (let s3 = 0; s3 < i3; s3++)
+              l2.append(t3[s3], r$1()), A.nextNode(), c2.push({ type: 2, index: ++h2 });
+            l2.append(t3[i3], r$1());
           }
         }
       } else if (8 === l2.nodeType)
-        if (l2.data === n$2)
+        if (l2.data === n$3)
           c2.push({ type: 2, index: h2 });
         else {
           let t3 = -1;
-          for (; -1 !== (t3 = l2.data.indexOf(o$1, t3 + 1)); )
-            c2.push({ type: 7, index: h2 }), t3 += o$1.length - 1;
+          for (; -1 !== (t3 = l2.data.indexOf(o$2, t3 + 1)); )
+            c2.push({ type: 7, index: h2 }), t3 += o$2.length - 1;
         }
       h2++;
     }
   }
   static createElement(t2, i2) {
-    const s2 = h.createElement("template");
-    return s2.innerHTML = t2, s2;
+    const s3 = h$1.createElement("template");
+    return s3.innerHTML = t2, s3;
   }
 }
-function P(t2, i2, s2 = t2, e2) {
-  var o2, n2, l2, h2;
+function P(t2, i2, s3 = t2, e2) {
+  var o3, n2, l2, h2;
   if (i2 === x)
     return i2;
-  let r2 = void 0 !== e2 ? null === (o2 = s2._$Co) || void 0 === o2 ? void 0 : o2[e2] : s2._$Cl;
-  const u2 = d(i2) ? void 0 : i2._$litDirective$;
-  return (null == r2 ? void 0 : r2.constructor) !== u2 && (null === (n2 = null == r2 ? void 0 : r2._$AO) || void 0 === n2 || n2.call(r2, false), void 0 === u2 ? r2 = void 0 : (r2 = new u2(t2), r2._$AT(t2, s2, e2)), void 0 !== e2 ? (null !== (l2 = (h2 = s2)._$Co) && void 0 !== l2 ? l2 : h2._$Co = [])[e2] = r2 : s2._$Cl = r2), void 0 !== r2 && (i2 = P(t2, r2._$AS(t2, i2.values), r2, e2)), i2;
+  let r2 = void 0 !== e2 ? null === (o3 = s3._$Co) || void 0 === o3 ? void 0 : o3[e2] : s3._$Cl;
+  const u2 = d2(i2) ? void 0 : i2._$litDirective$;
+  return (null == r2 ? void 0 : r2.constructor) !== u2 && (null === (n2 = null == r2 ? void 0 : r2._$AO) || void 0 === n2 || n2.call(r2, false), void 0 === u2 ? r2 = void 0 : (r2 = new u2(t2), r2._$AT(t2, s3, e2)), void 0 !== e2 ? (null !== (l2 = (h2 = s3)._$Co) && void 0 !== l2 ? l2 : h2._$Co = [])[e2] = r2 : s3._$Cl = r2), void 0 !== r2 && (i2 = P(t2, r2._$AS(t2, i2.values), r2, e2)), i2;
 }
 class V {
   constructor(t2, i2) {
@@ -398,28 +398,28 @@ class V {
   }
   v(t2) {
     var i2;
-    const { el: { content: s2 }, parts: e2 } = this._$AD, o2 = (null !== (i2 = null == t2 ? void 0 : t2.creationScope) && void 0 !== i2 ? i2 : h).importNode(s2, true);
-    A.currentNode = o2;
-    let n2 = A.nextNode(), l2 = 0, r2 = 0, d2 = e2[0];
-    for (; void 0 !== d2; ) {
-      if (l2 === d2.index) {
+    const { el: { content: s3 }, parts: e2 } = this._$AD, o3 = (null !== (i2 = null == t2 ? void 0 : t2.creationScope) && void 0 !== i2 ? i2 : h$1).importNode(s3, true);
+    A.currentNode = o3;
+    let n2 = A.nextNode(), l2 = 0, r2 = 0, d3 = e2[0];
+    for (; void 0 !== d3; ) {
+      if (l2 === d3.index) {
         let i3;
-        2 === d2.type ? i3 = new N(n2, n2.nextSibling, this, t2) : 1 === d2.type ? i3 = new d2.ctor(n2, d2.name, d2.strings, this, t2) : 6 === d2.type && (i3 = new I(n2, this, t2)), this.u.push(i3), d2 = e2[++r2];
+        2 === d3.type ? i3 = new N(n2, n2.nextSibling, this, t2) : 1 === d3.type ? i3 = new d3.ctor(n2, d3.name, d3.strings, this, t2) : 6 === d3.type && (i3 = new I(n2, this, t2)), this.u.push(i3), d3 = e2[++r2];
       }
-      l2 !== (null == d2 ? void 0 : d2.index) && (n2 = A.nextNode(), l2++);
+      l2 !== (null == d3 ? void 0 : d3.index) && (n2 = A.nextNode(), l2++);
     }
-    return o2;
+    return o3;
   }
   p(t2) {
     let i2 = 0;
-    for (const s2 of this.u)
-      void 0 !== s2 && (void 0 !== s2.strings ? (s2._$AI(t2, s2, i2), i2 += s2.strings.length - 2) : s2._$AI(t2[i2])), i2++;
+    for (const s3 of this.u)
+      void 0 !== s3 && (void 0 !== s3.strings ? (s3._$AI(t2, s3, i2), i2 += s3.strings.length - 2) : s3._$AI(t2[i2])), i2++;
   }
 }
 class N {
-  constructor(t2, i2, s2, e2) {
-    var o2;
-    this.type = 2, this._$AH = b, this._$AN = void 0, this._$AA = t2, this._$AB = i2, this._$AM = s2, this.options = e2, this._$Cm = null === (o2 = null == e2 ? void 0 : e2.isConnected) || void 0 === o2 || o2;
+  constructor(t2, i2, s3, e2) {
+    var o3;
+    this.type = 2, this._$AH = b, this._$AN = void 0, this._$AA = t2, this._$AB = i2, this._$AM = s3, this.options = e2, this._$Cm = null === (o3 = null == e2 ? void 0 : e2.isConnected) || void 0 === o3 || o3;
   }
   get _$AU() {
     var t2, i2;
@@ -437,7 +437,7 @@ class N {
     return this._$AB;
   }
   _$AI(t2, i2 = this) {
-    t2 = P(this, t2, i2), d(t2) ? t2 === b || null == t2 || "" === t2 ? (this._$AH !== b && this._$AR(), this._$AH = b) : t2 !== this._$AH && t2 !== x && this.g(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : c(t2) ? this.k(t2) : this.g(t2);
+    t2 = P(this, t2, i2), d2(t2) ? t2 === b || null == t2 || "" === t2 ? (this._$AH !== b && this._$AR(), this._$AH = b) : t2 !== this._$AH && t2 !== x && this.g(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : c$1(t2) ? this.k(t2) : this.g(t2);
   }
   O(t2, i2 = this._$AB) {
     return this._$AA.parentNode.insertBefore(t2, i2);
@@ -446,16 +446,16 @@ class N {
     this._$AH !== t2 && (this._$AR(), this._$AH = this.O(t2));
   }
   g(t2) {
-    this._$AH !== b && d(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(h.createTextNode(t2)), this._$AH = t2;
+    this._$AH !== b && d2(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(h$1.createTextNode(t2)), this._$AH = t2;
   }
   $(t2) {
     var i2;
-    const { values: s2, _$litType$: e2 } = t2, o2 = "number" == typeof e2 ? this._$AC(t2) : (void 0 === e2.el && (e2.el = C.createElement(e2.h, this.options)), e2);
-    if ((null === (i2 = this._$AH) || void 0 === i2 ? void 0 : i2._$AD) === o2)
-      this._$AH.p(s2);
+    const { values: s3, _$litType$: e2 } = t2, o3 = "number" == typeof e2 ? this._$AC(t2) : (void 0 === e2.el && (e2.el = C.createElement(e2.h, this.options)), e2);
+    if ((null === (i2 = this._$AH) || void 0 === i2 ? void 0 : i2._$AD) === o3)
+      this._$AH.p(s3);
     else {
-      const t3 = new V(o2, this), i3 = t3.v(this.options);
-      t3.p(s2), this.T(i3), this._$AH = t3;
+      const t3 = new V(o3, this), i3 = t3.v(this.options);
+      t3.p(s3), this.T(i3), this._$AH = t3;
     }
   }
   _$AC(t2) {
@@ -465,14 +465,14 @@ class N {
   k(t2) {
     u(this._$AH) || (this._$AH = [], this._$AR());
     const i2 = this._$AH;
-    let s2, e2 = 0;
-    for (const o2 of t2)
-      e2 === i2.length ? i2.push(s2 = new N(this.O(r()), this.O(r()), this, this.options)) : s2 = i2[e2], s2._$AI(o2), e2++;
-    e2 < i2.length && (this._$AR(s2 && s2._$AB.nextSibling, e2), i2.length = e2);
+    let s3, e2 = 0;
+    for (const o3 of t2)
+      e2 === i2.length ? i2.push(s3 = new N(this.O(r$1()), this.O(r$1()), this, this.options)) : s3 = i2[e2], s3._$AI(o3), e2++;
+    e2 < i2.length && (this._$AR(s3 && s3._$AB.nextSibling, e2), i2.length = e2);
   }
   _$AR(t2 = this._$AA.nextSibling, i2) {
-    var s2;
-    for (null === (s2 = this._$AP) || void 0 === s2 || s2.call(this, false, true, i2); t2 && t2 !== this._$AB; ) {
+    var s3;
+    for (null === (s3 = this._$AP) || void 0 === s3 || s3.call(this, false, true, i2); t2 && t2 !== this._$AB; ) {
       const i3 = t2.nextSibling;
       t2.remove(), t2 = i3;
     }
@@ -483,8 +483,8 @@ class N {
   }
 }
 class S {
-  constructor(t2, i2, s2, e2, o2) {
-    this.type = 1, this._$AH = b, this._$AN = void 0, this.element = t2, this.name = i2, this._$AM = e2, this.options = o2, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = b;
+  constructor(t2, i2, s3, e2, o3) {
+    this.type = 1, this._$AH = b, this._$AN = void 0, this.element = t2, this.name = i2, this._$AM = e2, this.options = o3, s3.length > 2 || "" !== s3[0] || "" !== s3[1] ? (this._$AH = Array(s3.length - 1).fill(new String()), this.strings = s3) : this._$AH = b;
   }
   get tagName() {
     return this.element.tagName;
@@ -492,16 +492,16 @@ class S {
   get _$AU() {
     return this._$AM._$AU;
   }
-  _$AI(t2, i2 = this, s2, e2) {
-    const o2 = this.strings;
+  _$AI(t2, i2 = this, s3, e2) {
+    const o3 = this.strings;
     let n2 = false;
-    if (void 0 === o2)
-      t2 = P(this, t2, i2, 0), n2 = !d(t2) || t2 !== this._$AH && t2 !== x, n2 && (this._$AH = t2);
+    if (void 0 === o3)
+      t2 = P(this, t2, i2, 0), n2 = !d2(t2) || t2 !== this._$AH && t2 !== x, n2 && (this._$AH = t2);
     else {
       const e3 = t2;
       let l2, h2;
-      for (t2 = o2[0], l2 = 0; l2 < o2.length - 1; l2++)
-        h2 = P(this, e3[s2 + l2], i2, l2), h2 === x && (h2 = this._$AH[l2]), n2 || (n2 = !d(h2) || h2 !== this._$AH[l2]), h2 === b ? t2 = b : t2 !== b && (t2 += (null != h2 ? h2 : "") + o2[l2 + 1]), this._$AH[l2] = h2;
+      for (t2 = o3[0], l2 = 0; l2 < o3.length - 1; l2++)
+        h2 = P(this, e3[s3 + l2], i2, l2), h2 === x && (h2 = this._$AH[l2]), n2 || (n2 = !d2(h2) || h2 !== this._$AH[l2]), h2 === b ? t2 = b : t2 !== b && (t2 += (null != h2 ? h2 : "") + o3[l2 + 1]), this._$AH[l2] = h2;
     }
     n2 && !e2 && this.j(t2);
   }
@@ -517,7 +517,7 @@ class M extends S {
     this.element[this.name] = t2 === b ? void 0 : t2;
   }
 }
-const R = s$1 ? s$1.emptyScript : "";
+const R = s$2 ? s$2.emptyScript : "";
 class k extends S {
   constructor() {
     super(...arguments), this.type = 4;
@@ -527,24 +527,24 @@ class k extends S {
   }
 }
 class H extends S {
-  constructor(t2, i2, s2, e2, o2) {
-    super(t2, i2, s2, e2, o2), this.type = 5;
+  constructor(t2, i2, s3, e2, o3) {
+    super(t2, i2, s3, e2, o3), this.type = 5;
   }
   _$AI(t2, i2 = this) {
-    var s2;
-    if ((t2 = null !== (s2 = P(this, t2, i2, 0)) && void 0 !== s2 ? s2 : b) === x)
+    var s3;
+    if ((t2 = null !== (s3 = P(this, t2, i2, 0)) && void 0 !== s3 ? s3 : b) === x)
       return;
-    const e2 = this._$AH, o2 = t2 === b && e2 !== b || t2.capture !== e2.capture || t2.once !== e2.once || t2.passive !== e2.passive, n2 = t2 !== b && (e2 === b || o2);
-    o2 && this.element.removeEventListener(this.name, this, e2), n2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
+    const e2 = this._$AH, o3 = t2 === b && e2 !== b || t2.capture !== e2.capture || t2.once !== e2.once || t2.passive !== e2.passive, n2 = t2 !== b && (e2 === b || o3);
+    o3 && this.element.removeEventListener(this.name, this, e2), n2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
   }
   handleEvent(t2) {
-    var i2, s2;
-    "function" == typeof this._$AH ? this._$AH.call(null !== (s2 = null === (i2 = this.options) || void 0 === i2 ? void 0 : i2.host) && void 0 !== s2 ? s2 : this.element, t2) : this._$AH.handleEvent(t2);
+    var i2, s3;
+    "function" == typeof this._$AH ? this._$AH.call(null !== (s3 = null === (i2 = this.options) || void 0 === i2 ? void 0 : i2.host) && void 0 !== s3 ? s3 : this.element, t2) : this._$AH.handleEvent(t2);
   }
 }
 class I {
-  constructor(t2, i2, s2) {
-    this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i2, this.options = s2;
+  constructor(t2, i2, s3) {
+    this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i2, this.options = s3;
   }
   get _$AU() {
     return this._$AM._$AU;
@@ -553,15 +553,15 @@ class I {
     P(this, t2);
   }
 }
-const z = i.litHtmlPolyfillSupport;
-null == z || z(C, N), (null !== (t = i.litHtmlVersions) && void 0 !== t ? t : i.litHtmlVersions = []).push("2.4.0");
-const Z = (t2, i2, s2) => {
-  var e2, o2;
-  const n2 = null !== (e2 = null == s2 ? void 0 : s2.renderBefore) && void 0 !== e2 ? e2 : i2;
+const z = i$1.litHtmlPolyfillSupport;
+null == z || z(C, N), (null !== (t$1 = i$1.litHtmlVersions) && void 0 !== t$1 ? t$1 : i$1.litHtmlVersions = []).push("2.6.1");
+const Z = (t2, i2, s3) => {
+  var e2, o3;
+  const n2 = null !== (e2 = null == s3 ? void 0 : s3.renderBefore) && void 0 !== e2 ? e2 : i2;
   let l2 = n2._$litPart$;
   if (void 0 === l2) {
-    const t3 = null !== (o2 = null == s2 ? void 0 : s2.renderBefore) && void 0 !== o2 ? o2 : null;
-    n2._$litPart$ = l2 = new N(i2.insertBefore(r(), t3), t3, void 0, null != s2 ? s2 : {});
+    const t3 = null !== (o3 = null == s3 ? void 0 : s3.renderBefore) && void 0 !== o3 ? o3 : null;
+    n2._$litPart$ = l2 = new N(i2.insertBefore(r$1(), t3), t3, void 0, null != s3 ? s3 : {});
   }
   return l2._$AI(t2), l2;
 };
@@ -570,8 +570,8 @@ const Z = (t2, i2, s2) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var l, o;
-class s extends d$1 {
+var l$1, o$1;
+let s$1 = class s extends d$1 {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Dt = void 0;
   }
@@ -595,11 +595,249 @@ class s extends d$1 {
   render() {
     return x;
   }
+};
+s$1.finalized = true, s$1._$litElement$ = true, null === (l$1 = globalThis.litElementHydrateSupport) || void 0 === l$1 || l$1.call(globalThis, { LitElement: s$1 });
+const n$2 = globalThis.litElementPolyfillSupport;
+null == n$2 || n$2({ LitElement: s$1 });
+(null !== (o$1 = globalThis.litElementVersions) && void 0 !== o$1 ? o$1 : globalThis.litElementVersions = []).push("3.2.0");
+const LANG_CHANGED_EVENT = "langChanged";
+function interpolate(text, values, config) {
+  return Object.entries(extract(values || {})).reduce((text2, [key, value]) => text2.replace(new RegExp(`{{[  ]*${key}[  ]*}}`, `gm`), String(extract(value))), text);
+}
+function lookup(key, config) {
+  const parts = key.split(".");
+  let string = config.strings;
+  while (string != null && parts.length > 0) {
+    string = string[parts.shift()];
+  }
+  return string != null ? string.toString() : null;
+}
+function extract(obj) {
+  return typeof obj === "function" ? obj() : obj;
+}
+const defaultTranslateConfig = () => {
+  return {
+    loader: () => Promise.resolve({}),
+    empty: (key) => `[${key}]`,
+    lookup,
+    interpolate,
+    translationCache: {}
+  };
+};
+let translateConfig = defaultTranslateConfig();
+function registerTranslateConfig(config) {
+  return translateConfig = Object.assign(Object.assign({}, translateConfig), config);
+}
+function dispatchLangChanged(detail) {
+  window.dispatchEvent(new CustomEvent(LANG_CHANGED_EVENT, { detail }));
+}
+function updateLang(newLang, newStrings, config = translateConfig) {
+  dispatchLangChanged({
+    previousStrings: config.strings,
+    previousLang: config.lang,
+    lang: config.lang = newLang,
+    strings: config.strings = newStrings
+  });
+}
+function listenForLangChanged(callback, options) {
+  const handler = (e2) => callback(e2.detail);
+  window.addEventListener(LANG_CHANGED_EVENT, handler, options);
+  return () => window.removeEventListener(LANG_CHANGED_EVENT, handler);
+}
+async function use(lang, config = translateConfig) {
+  const strings = await config.loader(lang, config);
+  config.translationCache = {};
+  updateLang(lang, strings, config);
+}
+function get(key, values, config = translateConfig) {
+  let translation = config.translationCache[key] || (config.translationCache[key] = config.lookup(key, config) || config.empty(key, config));
+  values = values != null ? extract(values) : null;
+  return values != null ? config.interpolate(translation, values, config) : translation;
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, e$2 = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
+class i {
+  constructor(t2) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t2, e2, i2) {
+    this._$Ct = t2, this._$AM = e2, this._$Ci = i2;
+  }
+  _$AS(t2, e2) {
+    return this.update(t2, e2);
+  }
+  update(t2, e2) {
+    return this.render(...e2);
+  }
+}
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const e$1 = (o3) => void 0 === o3.strings;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const s2 = (i2, t2) => {
+  var e2, o3;
+  const r2 = i2._$AN;
+  if (void 0 === r2)
+    return false;
+  for (const i3 of r2)
+    null === (o3 = (e2 = i3)._$AO) || void 0 === o3 || o3.call(e2, t2, false), s2(i3, t2);
+  return true;
+}, o2 = (i2) => {
+  let t2, e2;
+  do {
+    if (void 0 === (t2 = i2._$AM))
+      break;
+    e2 = t2._$AN, e2.delete(i2), i2 = t2;
+  } while (0 === (null == e2 ? void 0 : e2.size));
+}, r = (i2) => {
+  for (let t2; t2 = i2._$AM; i2 = t2) {
+    let e2 = t2._$AN;
+    if (void 0 === e2)
+      t2._$AN = e2 = /* @__PURE__ */ new Set();
+    else if (e2.has(i2))
+      break;
+    e2.add(i2), l(t2);
+  }
+};
+function n$1(i2) {
+  void 0 !== this._$AN ? (o2(this), this._$AM = i2, r(this)) : this._$AM = i2;
+}
+function h(i2, t2 = false, e2 = 0) {
+  const r2 = this._$AH, n2 = this._$AN;
+  if (void 0 !== n2 && 0 !== n2.size)
+    if (t2)
+      if (Array.isArray(r2))
+        for (let i3 = e2; i3 < r2.length; i3++)
+          s2(r2[i3], false), o2(r2[i3]);
+      else
+        null != r2 && (s2(r2, false), o2(r2));
+    else
+      s2(this, i2);
+}
+const l = (i2) => {
+  var t$12, s3, o3, r2;
+  i2.type == t.CHILD && (null !== (t$12 = (o3 = i2)._$AP) && void 0 !== t$12 || (o3._$AP = h), null !== (s3 = (r2 = i2)._$AQ) && void 0 !== s3 || (r2._$AQ = n$1));
+};
+class c extends i {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(i2, t2, e2) {
+    super._$AT(i2, t2, e2), r(this), this.isConnected = i2._$AU;
+  }
+  _$AO(i2, t2 = true) {
+    var e2, r2;
+    i2 !== this.isConnected && (this.isConnected = i2, i2 ? null === (e2 = this.reconnected) || void 0 === e2 || e2.call(this) : null === (r2 = this.disconnected) || void 0 === r2 || r2.call(this)), t2 && (s2(this, i2), o2(this));
+  }
+  setValue(t2) {
+    if (e$1(this._$Ct))
+      this._$Ct._$AI(t2, this);
+    else {
+      const i2 = [...this._$Ct._$AH];
+      i2[this._$Ci] = t2, this._$Ct._$AI(i2, this, 0);
+    }
+  }
+  disconnected() {
+  }
+  reconnected() {
+  }
 }
-s.finalized = true, s._$litElement$ = true, null === (l = globalThis.litElementHydrateSupport) || void 0 === l || l.call(globalThis, { LitElement: s });
-const n$1 = globalThis.litElementPolyfillSupport;
-null == n$1 || n$1({ LitElement: s });
-(null !== (o = globalThis.litElementVersions) && void 0 !== o ? o : globalThis.litElementVersions = []).push("3.2.0");
+class LangChangedDirectiveBase extends c {
+  constructor() {
+    super(...arguments);
+    this.langChangedSubscription = null;
+    this.getValue = () => "";
+  }
+  /**
+   * Sets up the directive by setting the getValue property and subscribing.
+   * When subclassing LangChangedDirectiveBase this function should be call in the render function.
+   * @param getValue
+   */
+  renderValue(getValue) {
+    this.getValue = getValue;
+    this.subscribe();
+    return this.getValue();
+  }
+  /**
+   * Called when the lang changed event is dispatched.
+   * @param e
+   */
+  langChanged(e2) {
+    this.setValue(this.getValue(e2));
+  }
+  /**
+   * Subscribes to the lang changed event.
+   */
+  subscribe() {
+    if (this.langChangedSubscription == null) {
+      this.langChangedSubscription = listenForLangChanged(this.langChanged.bind(this));
+    }
+  }
+  /**
+   * Unsubscribes from the lang changed event.
+   */
+  unsubscribe() {
+    if (this.langChangedSubscription != null) {
+      this.langChangedSubscription();
+    }
+  }
+  /**
+   * Unsubscribes when disconnected.
+   */
+  disconnected() {
+    this.unsubscribe();
+  }
+  /**
+   * Subscribes when reconnected.
+   */
+  reconnected() {
+    this.subscribe();
+  }
+}
+class TranslateDirective extends LangChangedDirectiveBase {
+  render(key, values, config) {
+    return this.renderValue(() => get(key, values, config));
+  }
+}
+const translate = e$2(TranslateDirective);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class e extends i {
+  constructor(i2) {
+    if (super(i2), this.it = b, i2.type !== t.CHILD)
+      throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+  }
+  render(r2) {
+    if (r2 === b || null == r2)
+      return this._t = void 0, this.it = r2;
+    if (r2 === x)
+      return r2;
+    if ("string" != typeof r2)
+      throw Error(this.constructor.directiveName + "() called with a non-string value");
+    if (r2 === this.it)
+      return this._t;
+    this.it = r2;
+    const s3 = [r2];
+    return s3.raw = s3, this._t = { _$litType$: this.constructor.resultType, strings: s3, values: [] };
+  }
+}
+e.directiveName = "unsafeHTML", e.resultType = 1;
 function asUpdateableLitElement(element) {
   if (!element.dispatchEvent || !element.requestUpdate)
     throw new Error(
@@ -642,7 +880,7 @@ function useEffect(element, on, observe) {
     on,
     observe: ["__initial__dirty"]
   });
-  effect.observe.some((o2, index) => observe[index] !== o2) && effect.on();
+  effect.observe.some((o3, index) => observe[index] !== o3) && effect.on();
   effect.observe = observe;
 }
 const useOnce = (element, on) => useEffect(element, on, []);
@@ -651,10 +889,10 @@ const useOnce = (element, on) => useEffect(element, on, []);
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function n(n2, o2, r2) {
-  return n2 ? o2() : null == r2 ? void 0 : r2();
+function n(n2, o3, r2) {
+  return n2 ? o3() : null == r2 ? void 0 : r2();
 }
-const styles$1 = i$1`
+const styles$1 = i$2`
   :host {
     --shipaid-primary: #002bd6;
     --shipaid-secondary: #0076ff;
@@ -798,7 +1036,7 @@ var __decorateClass$1 = (decorators, target, key, kind) => {
     __defProp$1(target, key, result);
   return result;
 };
-let LearnMorePopup = class extends s {
+let LearnMorePopup = class extends s$1 {
   constructor() {
     super(...arguments);
     this.active = false;
@@ -815,40 +1053,23 @@ let LearnMorePopup = class extends s {
           class="popup-close"
           @click=${this.handleClosePopup}
         >
-          Close
+          ${translate("learn-more-popup.close")}
         </button>
-        <p class="popup-title">Delivery Guarantee</p>
+        <p class="popup-title">${translate("learn-more-popup.title")}</p>
         <p>
-          We empower your favorite brands to offer a delivery guarantee because every order is precious!
+          ${translate("learn-more-popup.subtitle")}
         </p>
         <img
           src="https://res.cloudinary.com/dxyz34kfj/image/upload/v1660782754/shipaid-image_hoz6k8.jpg"
           alt="shipaid protected parcel"
           class="popup-top-image"
         />
-        <p class="popup-title">Shop Worry-Free</p>
+        <p class="popup-title">${translate("learn-more-popup.disclaimer.title")}</p>
         <p>
-          Brands and shipment carriers cannot always guarantee your order will arrive
-          at your doorstep safely. Things happen! We help the brand you are purchasing
-          from replace the product you ordered in the chance of an issue in transit.
-          If you encounter an issue, simply reach out to the brand and they will
-          get it resolved as soon as possible.
+          ${translate("learn-more-popup.disclaimer.subtitle")}
         </p>
         <p class="popup-disclaimer">
-          By purchasing this delivery guarantee, you agree to our Terms Of Service
-          and Privacy Policy. You are not obligated to purchase this guarantee.
-          This guarantee is NOT insurance and does not provide indemnification against
-          loss, damage, or liability arising from a contingent or unknown event,
-          but rather, through ShipAid brands provide a delivery guarantee whereby
-          if the product you ordered is not delivered in satisfactory condition,
-          the brand from which you ordered the product may replace the product
-          free of charge. ShipAid does not provide any products or services directly
-          to consumers, but instead provides a service that allow brands to facilitate
-          product replacement to their customers. Purchasing this guarantee does not
-          mean that you will automatically be reimbursed for any product or shipping
-          costs because the resolution process and decision for compensation is strictly
-          decided by the brand you a purchasing from. The brand will require proof
-          of damage or undelivered product.
+          ${translate("learn-more-popup.disclaimer.text")}
         </p>
         <div class="popup-footer">
           <div class="footer-links">
@@ -857,14 +1078,14 @@ let LearnMorePopup = class extends s {
               target="_blank"
               rel="noreferrer"
             >
-              Terms of Service
+              ${translate("learn-more-popup.links.terms")}
             </a>
             <a
               href="https://www.shipaid.com/privacy-policy"
               target="_blank"
               rel="noreferrer"
             >
-              Privacy Policy
+              ${translate("learn-more-popup.links.privacy")}
             </a>
           </div>
           <div class="footer-date">
@@ -877,12 +1098,53 @@ let LearnMorePopup = class extends s {
 };
 LearnMorePopup.styles = styles$1;
 __decorateClass$1([
-  e$3({ type: Boolean, attribute: true })
+  e$6({ type: Boolean, attribute: true })
 ], LearnMorePopup.prototype, "active", 2);
 LearnMorePopup = __decorateClass$1([
-  e$4("shipaid-popup-learn-more")
+  e$7("shipaid-popup-learn-more")
 ], LearnMorePopup);
-const styles = i$1`
+const loading = "Loading ShipAid Widget...";
+const title = "Delivery Guarantee";
+const description = "in case of Loss, Damage or Theft";
+const footer = {
+  button: "Powered by"
+};
+const actions = {
+  add: "Add",
+  remove: "Remove",
+  loading: "Loading..."
+};
+const defaultLangFile = {
+  loading,
+  title,
+  description,
+  footer,
+  actions,
+  "learn-more-popup": {
+    close: "Close",
+    title: "Delivery Guarantee",
+    subtitle: "We empower your favorite brands to offer a delivery guarantee because every order is precious!",
+    disclaimer: {
+      title: "Shop Worry-Free",
+      subtitle: "Brands and shipment carriers cannot always guarantee your order will arrive at your doorstep safely. Things happen! We help the brand you are purchasing from replace the product you ordered in the chance of an issue in transit. If you encounter an issue, simply reach out to the brand and they will get it resolved as soon as possible.",
+      text: "By purchasing this delivery guarantee, you agree to our Terms Of Service and Privacy Policy. You are not obligated to purchase this guarantee. This guarantee is NOT insurance and does not provide indemnification against loss, damage, or liability arising from a contingent or unknown event, but rather, through ShipAid brands provide a delivery guarantee whereby if the product you ordered is not delivered in satisfactory condition, the brand from which you ordered the product may replace the product free of charge. ShipAid does not provide any products or services directly to consumers, but instead provides a service that allow brands to facilitate product replacement to their customers. Purchasing this guarantee does not mean that you will automatically be reimbursed for any product or shipping costs because the resolution process and decision for compensation is strictly decided by the brand you a purchasing from. The brand will require proof of damage or undelivered product."
+    },
+    links: {
+      terms: "Terms of Service",
+      privacy: "Privacy Policy"
+    }
+  }
+};
+const en = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  actions,
+  default: defaultLangFile,
+  description,
+  footer,
+  loading,
+  title
+}, Symbol.toStringTag, { value: "Module" }));
+const styles = i$2`
   :host {
     --shipaid-primary: #002bd6;
     --shipaid-secondary: #0076ff;
@@ -1210,19 +1472,31 @@ const StoreQuery = `query StoreByDomain ($store: String!) {
     protectionSettings
   }
 }`;
-let ShipAidWidget = class extends s {
+const langFiles = /* @__PURE__ */ Object.assign({ "./lang/en.json": () => Promise.resolve().then(() => en).then((m2) => m2["default"]), "./lang/it.json": () => import("./it-0759ce74.js").then((m2) => m2["default"]) });
+registerTranslateConfig({
+  loader: async (lang) => {
+    if (lang === "en")
+      return defaultLangFile;
+    const fileImport = Reflect.get(langFiles, `./lang/${lang}.json`);
+    return fileImport ? await fileImport() : defaultLangFile;
+  }
+});
+let ShipAidWidget = class extends s$1 {
   constructor() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     super(...arguments);
     this.disablePolling = false;
     this.disableActions = false;
     this.pollingInterval = POLL_INTERVAL_DEFAULT;
     this.disableRefresh = false;
+    this.lang = "en";
+    this.currency = void 0;
     this._apiEndpoint = "/apps/shipaid";
-    this._storeDomain = (_d = (_a = window.Shopify) == null ? void 0 : _a.shop) != null ? _d : (_c = (_b = window.Shopify) == null ? void 0 : _b.Checkout) == null ? void 0 : _c.apiHost;
+    this._storeDomain = ((_a = window.Shopify) == null ? void 0 : _a.shop) ?? ((_c = (_b = window.Shopify) == null ? void 0 : _b.Checkout) == null ? void 0 : _c.apiHost);
     this._hasFinishedSetup = false;
     this._shouldShowWidget = true;
     this._hasProtectionInCart = false;
+    this.hasLoadedStrings = false;
     this._state = {
       loading: false,
       success: null,
@@ -1238,6 +1512,10 @@ let ShipAidWidget = class extends s {
       })
     };
   }
+  shouldUpdate(props) {
+    return this.hasLoadedStrings && super.shouldUpdate(props);
+  }
+  /** Getter to check if we should refresh the page or not */
   get shouldRefreshOnUpdate() {
     if (this.disablePolling)
       return false;
@@ -1245,6 +1523,7 @@ let ShipAidWidget = class extends s {
       return false;
     return true;
   }
+  /** Getter to check whether to show the widget or not */
   get planActive() {
     var _a, _b;
     const { searchParams } = new URL(window.location.href);
@@ -1254,18 +1533,20 @@ let ShipAidWidget = class extends s {
     }
     return !!((_b = this._store) == null ? void 0 : _b.planActive);
   }
+  // ? Internal Helpers
   _currencyFormat(value) {
-    var _a, _b, _c, _d, _e;
-    return new Intl.NumberFormat((_b = (_a = window.Shopify) == null ? void 0 : _a.locale) != null ? _b : void 0, {
-      currency: ((_c = this._store) == null ? void 0 : _c.currency) || ((_e = (_d = window.Shopify) == null ? void 0 : _d.currency) == null ? void 0 : _e.active) || "USD",
+    var _a, _b, _c;
+    return new Intl.NumberFormat(void 0, {
+      currency: this.currency || ((_a = this._store) == null ? void 0 : _a.currency) || ((_c = (_b = window.Shopify) == null ? void 0 : _b.currency) == null ? void 0 : _c.active) || "USD",
       style: "currency"
     }).format(Number(value));
   }
+  // ? Internal methods
+  /** Emit events */
   _dispatchEvent(event, detail = {}) {
-    this.dispatchEvent(
-      new CustomEvent(event, { bubbles: true, composed: true, detail })
-    );
+    this.dispatchEvent(new CustomEvent(event, { bubbles: true, composed: true, detail }));
   }
+  /** Handle cart or page refreshes */
   async _handleRefresh(input) {
     const isCart = Reflect.has(input, "items");
     if (this.shouldRefreshOnUpdate)
@@ -1278,8 +1559,9 @@ let ShipAidWidget = class extends s {
       lineItem: !isCart ? input : this._protectionCartItem
     });
   }
+  /** Given the current order, it calculates the protection total according to the store protection settings. */
   async calculateProtectionTotal(cart) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f;
     if (!cart)
       cart = await this._fetchCart();
     if (!cart)
@@ -1291,22 +1573,22 @@ let ShipAidWidget = class extends s {
       throw new Error("Tried to find protection variant, but protection settings for this store are missing.");
     }
     const excludedProductSkus = Array.isArray((_b = this._store) == null ? void 0 : _b.excludedProductSkus) ? (_c = this._store) == null ? void 0 : _c.excludedProductSkus.map((sku) => sku.trim()) : [];
-    const itemTotal = (_e = (_d = cart.items) == null ? void 0 : _d.reduce((total, item) => {
+    const itemTotal = ((_d = cart.items) == null ? void 0 : _d.reduce((total, item) => {
       if (!item.sku)
         return total;
       const itemIsExcluded = excludedProductSkus.some((sku) => sku === item.sku.trim());
       return itemIsExcluded ? total - item.final_line_price : total;
-    }, cart.total_price)) != null ? _e : cart.total_price;
-    const protectionVariantsInCart = (_g = (_f = cart.items) == null ? void 0 : _f.filter((item) => {
+    }, cart.total_price)) ?? cart.total_price;
+    const protectionVariantsInCart = ((_e = cart.items) == null ? void 0 : _e.filter((item) => {
       var _a2, _b2;
       return (_b2 = (_a2 = this._protectionProduct) == null ? void 0 : _a2.variants) == null ? void 0 : _b2.some((variant) => variant.id === item.variant_id);
-    })) != null ? _g : [];
+    })) ?? [];
     const protectionVariantsInCartTotal = protectionVariantsInCart.reduce((total, item) => total + item.final_line_price, 0);
     const cartTotal = itemTotal - protectionVariantsInCartTotal;
     if (settings.protectionType === "FIXED") {
       if (typeof settings.defaultFee !== "number")
         throw new Error("Missing default fee amount.");
-      if (!((_h = settings.rules) == null ? void 0 : _h.length))
+      if (!((_f = settings.rules) == null ? void 0 : _f.length))
         return settings.defaultFee;
       const formattedCartTotal = cartTotal / 100;
       const sortedRules = settings.rules.sort((a2, b2) => {
@@ -1328,6 +1610,10 @@ let ShipAidWidget = class extends s {
     }
     throw new Error("No protection type handler found for this store.");
   }
+  /**
+   * Given the current order, it finds the relevant protection product variant, and adds it to cart.
+   * This should be run whenever the cart updates, or it is manually triggered.
+   */
   _findProtectionVariant(protectionFee) {
     var _a, _b, _c, _d;
     const settings = (_a = this._store) == null ? void 0 : _a.protectionSettings;
@@ -1346,6 +1632,7 @@ let ShipAidWidget = class extends s {
     }
     return matchingVariant;
   }
+  /** Update State */
   _setState(state2, message) {
     this._state = {
       loading: state2 === "loading",
@@ -1353,12 +1640,14 @@ let ShipAidWidget = class extends s {
       error: state2 === "error" ? message || true : false
     };
   }
+  /** Updates the current protection status, calling the relevant add/remove function. */
   async _updateProtection() {
     return this._hasProtectionInCart ? this.removeProtection() : this.addProtection();
   }
+  /** Fetches store info from the ShipAid public API. */
   async _fetchShipAidData() {
-    var _a, _b, _c, _d, _e, _f;
-    const shop = (_d = (_a = window.Shopify) == null ? void 0 : _a.shop) != null ? _d : (_c = (_b = window.Shopify) == null ? void 0 : _b.Checkout) == null ? void 0 : _c.apiHost;
+    var _a, _b, _c, _d, _e;
+    const shop = ((_a = window.Shopify) == null ? void 0 : _a.shop) ?? ((_c = (_b = window.Shopify) == null ? void 0 : _b.Checkout) == null ? void 0 : _c.apiHost);
     if (!shop)
       throw new Error("No shop found in Shopify object.");
     try {
@@ -1374,9 +1663,9 @@ let ShipAidWidget = class extends s {
       );
       if (!response)
         throw new Error("Missing response for store query.");
-      if ((_e = response.errors) == null ? void 0 : _e.length)
+      if ((_d = response.errors) == null ? void 0 : _d.length)
         throw new Error(response.errors[0].message);
-      if (!((_f = response.data) == null ? void 0 : _f.store)) {
+      if (!((_e = response.data) == null ? void 0 : _e.store)) {
         throw new Error("Missing store from store query response.");
       }
       return response.data.store;
@@ -1385,6 +1674,7 @@ let ShipAidWidget = class extends s {
       throw new Error(`Could not find a store for ${this._storeDomain}`);
     }
   }
+  /** Fetch current cart from the Shopify ajax API */
   async _fetchCart() {
     try {
       const cart = await this._fetch.get("/cart.js");
@@ -1395,6 +1685,7 @@ let ShipAidWidget = class extends s {
       throw new Error("Could not fetch cart for current domain.");
     }
   }
+  /** Fetch current product from the Shopify ajax API */
   async _fetchProduct() {
     try {
       const { product } = await this._fetch.get(`/products/${PRODUCT_HANDLE}.json`);
@@ -1405,14 +1696,18 @@ let ShipAidWidget = class extends s {
       throw new Error("Could not fetch protection product for current domain.");
     }
   }
+  // ? Public methods that can be called from outside the component, for custom integrations.
+  /** Whether the cart currently contains Shipping protection from ShipAid. */
   hasProtection() {
     return this._hasProtectionInCart;
   }
+  /** Update the internal cart, which will trigger any protection fee updates */
   async updateCart(cart) {
     if (!cart)
       cart = await this._fetchCart();
     this._cart = cart;
   }
+  /** Add ShipAid shipping protection. */
   async addProtection() {
     var _a, _b;
     try {
@@ -1443,6 +1738,7 @@ let ShipAidWidget = class extends s {
       );
     }
   }
+  /** Remove ShipAid shipping protection. */
   async removeProtection() {
     try {
       if (!this._store)
@@ -1471,6 +1767,7 @@ let ShipAidWidget = class extends s {
       );
     }
   }
+  /** Templates */
   learnMorePopupTemplate() {
     return y`
       <shipaid-popup-learn-more ?active=${this._popup === "learn-more"} @close=${() => {
@@ -1492,10 +1789,10 @@ let ShipAidWidget = class extends s {
           </div>
           <div class="prompt-product-details">
             <p class="prompt-product-details-title">
-              <slot name="title">Delivery Guarantee</slot>
+              <slot name="title">${translate("title")}</slot>
             </p>
             <p class="prompt-product-details-description">
-              <slot name="subtitle">in case of Loss, Damage or Theft</slot>
+              <slot name="subtitle">${translate("description")}</slot>
             </p>
           </div>
           <div class="prompt-product-actions">
@@ -1510,7 +1807,7 @@ let ShipAidWidget = class extends s {
                   @click=${this._updateProtection}
                   ?disabled=${this._state.loading}
                 >
-                  ${this._state.loading ? "Loading..." : this._hasProtectionInCart ? "Remove" : "+ Add"}
+                  ${this._state.loading ? translate("actions.loading") : this._hasProtectionInCart ? translate("actions.remove") : y`+ ${translate("actions.add")}`}
                 </button>
               `
     )}
@@ -1527,7 +1824,7 @@ let ShipAidWidget = class extends s {
       this._popup = "learn-more";
     }}
           >
-            <span>Powered by</span>
+            <span>${translate("footer.button")}</span>
             ${ShipAidLogoText}
           </a>
           <button
@@ -1542,6 +1839,12 @@ let ShipAidWidget = class extends s {
       </div>
     `;
   }
+  // Load the initial language and mark that the strings has been loaded so the component can render.
+  async connectedCallback() {
+    super.connectedCallback();
+    await use(this.lang);
+    this.hasLoadedStrings = true;
+  }
   render() {
     useOnce(this, async () => {
       var _a, _b;
@@ -1599,7 +1902,12 @@ let ShipAidWidget = class extends s {
         if (hasSessionPayload)
           return;
         sessionStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify({ loaded: true }));
-        if (!this._hasProtectionInCart && ((_c = this._cart) == null ? void 0 : _c.item_count) && this._store.widgetShowCart) {
+        if (
+          // If we first check that no protection items are in the cart
+          !this._hasProtectionInCart && // Then check we have some items in the cart
+          ((_c = this._cart) == null ? void 0 : _c.item_count) && // And that we are actually showing the widget
+          this._store.widgetShowCart
+        ) {
           await this.addProtection();
         }
       }, 500);
@@ -1689,7 +1997,7 @@ let ShipAidWidget = class extends s {
           () => b
         );
       },
-      () => y`<p><slot name="loading" default>Loading ShipAid Widget...</slot></p>`
+      () => y`<p><slot name="loading" default>${translate("loading")}</slot></p>`
     )}
       </div>
     `;
@@ -1697,55 +2005,64 @@ let ShipAidWidget = class extends s {
 };
 ShipAidWidget.styles = styles;
 __decorateClass([
-  e$3({ type: Boolean, attribute: true })
+  e$6({ type: Boolean, attribute: true })
 ], ShipAidWidget.prototype, "disablePolling", 2);
 __decorateClass([
-  e$3({ type: Boolean, attribute: true })
+  e$6({ type: Boolean, attribute: true })
 ], ShipAidWidget.prototype, "disableActions", 2);
 __decorateClass([
-  e$3({ type: Number, attribute: true })
+  e$6({ type: Number, attribute: true })
 ], ShipAidWidget.prototype, "pollingInterval", 2);
 __decorateClass([
-  e$3({ type: Boolean, attribute: true })
+  e$6({ type: Boolean, attribute: true })
 ], ShipAidWidget.prototype, "disableRefresh", 2);
 __decorateClass([
-  t$2()
+  e$6({ type: String, attribute: true })
+], ShipAidWidget.prototype, "lang", 2);
+__decorateClass([
+  e$6({ type: String, attribute: true })
+], ShipAidWidget.prototype, "currency", 2);
+__decorateClass([
+  t$3()
 ], ShipAidWidget.prototype, "_storeDomain", 2);
 __decorateClass([
-  t$2()
+  t$3()
 ], ShipAidWidget.prototype, "_store", 2);
 __decorateClass([
-  t$2()
+  t$3()
 ], ShipAidWidget.prototype, "_cart", 2);
 __decorateClass([
-  t$2()
+  t$3()
 ], ShipAidWidget.prototype, "_protectionProduct", 2);
 __decorateClass([
-  t$2()
+  t$3()
 ], ShipAidWidget.prototype, "_cartLastUpdated", 2);
 __decorateClass([
-  t$2()
+  t$3()
 ], ShipAidWidget.prototype, "_hasFinishedSetup", 2);
 __decorateClass([
-  t$2()
+  t$3()
 ], ShipAidWidget.prototype, "_shouldShowWidget", 2);
 __decorateClass([
-  t$2()
+  t$3()
 ], ShipAidWidget.prototype, "_hasProtectionInCart", 2);
 __decorateClass([
-  t$2()
+  t$3()
 ], ShipAidWidget.prototype, "_protectionCartItem", 2);
 __decorateClass([
-  t$2()
+  t$3()
 ], ShipAidWidget.prototype, "_protectionVariant", 2);
 __decorateClass([
-  t$2()
+  t$3()
+], ShipAidWidget.prototype, "hasLoadedStrings", 2);
+__decorateClass([
+  t$3()
 ], ShipAidWidget.prototype, "_state", 2);
 __decorateClass([
-  t$2()
+  t$3()
 ], ShipAidWidget.prototype, "_popup", 2);
 ShipAidWidget = __decorateClass([
-  e$4("shipaid-widget")
+  e$7("shipaid-widget")
 ], ShipAidWidget);
 export {
   ShipAidWidget