@telia-ace/widget-components-area-flamingo 1.1.66-rc.1 → 1.1.66-rc.2

package/{area-aebd1405.mjs → area-b1830d0f.mjs}

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const z = globalThis, tt = z.ShadowRoot && (z.ShadyCSS === void 0 || z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, et = Symbol(), lt = /* @__PURE__ */ new WeakMap();
-let Et = class {
+let St = class {
   constructor(t, e, s) {
     if (this._$cssResult$ = !0, s !== et)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -23,7 +23,7 @@ let Et = class {
     return this.cssText;
   }
 };
-const zt = (r) => new Et(typeof r == "string" ? r : r + "", void 0, et), C = (r, ...t) => {
+const It = (r) => new St(typeof r == "string" ? r : r + "", void 0, et), C = (r, ...t) => {
   const e = r.length === 1 ? r[0] : t.reduce((s, i, o) => s + ((n) => {
     if (n._$cssResult$ === !0)
       return n.cssText;
@@ -31,8 +31,8 @@ const zt = (r) => new Et(typeof r == "string" ? r : r + "", void 0, et), C = (r,
       return n;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(i) + r[o + 1], r[0]);
-  return new Et(e, r, et);
-}, It = (r, t) => {
+  return new St(e, r, et);
+}, Wt = (r, t) => {
   if (tt)
     r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else
@@ -44,17 +44,17 @@ const zt = (r) => new Et(typeof r == "string" ? r : r + "", void 0, et), C = (r,
   let e = "";
   for (const s of t.cssRules)
     e += s.cssText;
-  return zt(e);
+  return It(e);
 })(r) : r;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Wt, defineProperty: Yt, getOwnPropertyDescriptor: Ft, getOwnPropertyNames: Vt, getOwnPropertySymbols: qt, getPrototypeOf: Zt } = Object, v = globalThis, dt = v.trustedTypes, Kt = dt ? dt.emptyScript : "", q = v.reactiveElementPolyfillSupport, T = (r, t) => r, I = { toAttribute(r, t) {
+const { is: Yt, defineProperty: Ft, getOwnPropertyDescriptor: Vt, getOwnPropertyNames: qt, getOwnPropertySymbols: Zt, getPrototypeOf: Kt } = Object, $ = globalThis, dt = $.trustedTypes, Gt = dt ? dt.emptyScript : "", q = $.reactiveElementPolyfillSupport, T = (r, t) => r, I = { toAttribute(r, t) {
   switch (t) {
     case Boolean:
-      r = r ? Kt : null;
+      r = r ? Gt : null;
       break;
     case Object:
     case Array:
@@ -79,8 +79,8 @@ const { is: Wt, defineProperty: Yt, getOwnPropertyDescriptor: Ft, getOwnProperty
       }
   }
   return e;
-} }, st = (r, t) => !Wt(r, t), pt = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged: st };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), v.litPropertyMetadata ?? (v.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+} }, st = (r, t) => !Yt(r, t), pt = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged: st };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), $.litPropertyMetadata ?? ($.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let S = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
@@ -91,11 +91,11 @@ let S = class extends HTMLElement {
   static createProperty(t, e = pt) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
       const s = Symbol(), i = this.getPropertyDescriptor(t, s, e);
-      i !== void 0 && Yt(this.prototype, t, i);
+      i !== void 0 && Ft(this.prototype, t, i);
     }
   }
   static getPropertyDescriptor(t, e, s) {
-    const { get: i, set: o } = Ft(this.prototype, t) ?? { get() {
+    const { get: i, set: o } = Vt(this.prototype, t) ?? { get() {
       return this[e];
     }, set(n) {
       this[e] = n;
@@ -113,14 +113,14 @@ let S = class extends HTMLElement {
   static _$Ei() {
     if (this.hasOwnProperty(T("elementProperties")))
       return;
-    const t = Zt(this);
+    const t = Kt(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(T("finalized")))
       return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(T("properties"))) {
-      const e = this.properties, s = [...Vt(e), ...qt(e)];
+      const e = this.properties, s = [...qt(e), ...Zt(e)];
       for (const i of s)
         this.createProperty(i, e[i]);
     }
@@ -175,7 +175,7 @@ let S = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return It(t, this.constructor.elementStyles), t;
+    return Wt(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -292,39 +292,39 @@ let S = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[T("elementProperties")] = /* @__PURE__ */ new Map(), S[T("finalized")] = /* @__PURE__ */ new Map(), q == null || q({ ReactiveElement: S }), (v.reactiveElementVersions ?? (v.reactiveElementVersions = [])).push("2.0.4");
+S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[T("elementProperties")] = /* @__PURE__ */ new Map(), S[T("finalized")] = /* @__PURE__ */ new Map(), q == null || q({ ReactiveElement: S }), ($.reactiveElementVersions ?? ($.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const N = globalThis, W = N.trustedTypes, ut = W ? W.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, St = "$lit$", $ = `lit$${(Math.random() + "").slice(9)}$`, Pt = "?" + $, Gt = `<${Pt}>`, w = document, R = () => w.createComment(""), k = (r) => r === null || typeof r != "object" && typeof r != "function", Ot = Array.isArray, Xt = (r) => Ot(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", Z = `[ 	
+const N = globalThis, W = N.trustedTypes, ut = W ? W.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Pt = "$lit$", v = `lit$${(Math.random() + "").slice(9)}$`, Ot = "?" + v, Xt = `<${Ot}>`, w = document, R = () => w.createComment(""), U = (r) => r === null || typeof r != "object" && typeof r != "function", Tt = Array.isArray, Jt = (r) => Tt(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", Z = `[ 	
 \f\r]`, O = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, gt = /-->/g, ft = />/g, y = RegExp(`>|${Z}(?:([^\\s"'>=/]+)(${Z}*=${Z}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), mt = /'/g, $t = /"/g, Tt = /^(?:script|style|textarea|title)$/i, Jt = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), b = Jt(1), x = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), vt = /* @__PURE__ */ new WeakMap(), A = w.createTreeWalker(w, 129);
-function Nt(r, t) {
+\f\r"'\`<>=]|("|')|))|$)`, "g"), mt = /'/g, vt = /"/g, Nt = /^(?:script|style|textarea|title)$/i, Qt = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), _ = Qt(1), x = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), $t = /* @__PURE__ */ new WeakMap(), A = w.createTreeWalker(w, 129);
+function kt(r, t) {
   if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
   return ut !== void 0 ? ut.createHTML(t) : t;
 }
-const Qt = (r, t) => {
+const te = (r, t) => {
   const e = r.length - 1, s = [];
   let i, o = t === 2 ? "<svg>" : "", n = O;
   for (let h = 0; h < e; h++) {
     const a = r[h];
-    let l, d, p = -1, u = 0;
-    for (; u < a.length && (n.lastIndex = u, d = n.exec(a), d !== null); )
-      u = n.lastIndex, n === O ? d[1] === "!--" ? n = gt : d[1] !== void 0 ? n = ft : d[2] !== void 0 ? (Tt.test(d[2]) && (i = RegExp("</" + d[2], "g")), n = y) : d[3] !== void 0 && (n = y) : n === y ? d[0] === ">" ? (n = i ?? O, p = -1) : d[1] === void 0 ? p = -2 : (p = n.lastIndex - d[2].length, l = d[1], n = d[3] === void 0 ? y : d[3] === '"' ? $t : mt) : n === $t || n === mt ? n = y : n === gt || n === ft ? n = O : (n = y, i = void 0);
+    let l, c, p = -1, u = 0;
+    for (; u < a.length && (n.lastIndex = u, c = n.exec(a), c !== null); )
+      u = n.lastIndex, n === O ? c[1] === "!--" ? n = gt : c[1] !== void 0 ? n = ft : c[2] !== void 0 ? (Nt.test(c[2]) && (i = RegExp("</" + c[2], "g")), n = y) : c[3] !== void 0 && (n = y) : n === y ? c[0] === ">" ? (n = i ?? O, p = -1) : c[1] === void 0 ? p = -2 : (p = n.lastIndex - c[2].length, l = c[1], n = c[3] === void 0 ? y : c[3] === '"' ? vt : mt) : n === vt || n === mt ? n = y : n === gt || n === ft ? n = O : (n = y, i = void 0);
     const m = n === y && r[h + 1].startsWith("/>") ? " " : "";
-    o += n === O ? a + Gt : p >= 0 ? (s.push(l), a.slice(0, p) + St + a.slice(p) + $ + m) : a + $ + (p === -2 ? h : m);
+    o += n === O ? a + Xt : p >= 0 ? (s.push(l), a.slice(0, p) + Pt + a.slice(p) + v + m) : a + v + (p === -2 ? h : m);
   }
-  return [Nt(r, o + (r[e] || "<?>") + (t === 2 ? "</svg>" : "")), s];
+  return [kt(r, o + (r[e] || "<?>") + (t === 2 ? "</svg>" : "")), s];
 };
 class M {
   constructor({ strings: t, _$litType$: e }, s) {
     let i;
     this.parts = [];
     let o = 0, n = 0;
-    const h = t.length - 1, a = this.parts, [l, d] = Qt(t, e);
+    const h = t.length - 1, a = this.parts, [l, c] = te(t, e);
     if (this.el = M.createElement(l, s), A.currentNode = this.el.content, e === 2) {
       const p = this.el.content.firstChild;
       p.replaceWith(...p.childNodes);
@@ -333,13 +333,13 @@ class M {
       if (i.nodeType === 1) {
         if (i.hasAttributes())
           for (const p of i.getAttributeNames())
-            if (p.endsWith(St)) {
-              const u = d[n++], m = i.getAttribute(p).split($), B = /([.?@])?(.*)/.exec(u);
-              a.push({ type: 1, index: o, name: B[2], strings: m, ctor: B[1] === "." ? ee : B[1] === "?" ? se : B[1] === "@" ? ie : F }), i.removeAttribute(p);
+            if (p.endsWith(Pt)) {
+              const u = c[n++], m = i.getAttribute(p).split(v), D = /([.?@])?(.*)/.exec(u);
+              a.push({ type: 1, index: o, name: D[2], strings: m, ctor: D[1] === "." ? se : D[1] === "?" ? ie : D[1] === "@" ? re : F }), i.removeAttribute(p);
             } else
-              p.startsWith($) && (a.push({ type: 6, index: o }), i.removeAttribute(p));
-        if (Tt.test(i.tagName)) {
-          const p = i.textContent.split($), u = p.length - 1;
+              p.startsWith(v) && (a.push({ type: 6, index: o }), i.removeAttribute(p));
+        if (Nt.test(i.tagName)) {
+          const p = i.textContent.split(v), u = p.length - 1;
           if (u > 0) {
             i.textContent = W ? W.emptyScript : "";
             for (let m = 0; m < u; m++)
@@ -348,12 +348,12 @@ class M {
           }
         }
       } else if (i.nodeType === 8)
-        if (i.data === Pt)
+        if (i.data === Ot)
           a.push({ type: 2, index: o });
         else {
           let p = -1;
-          for (; (p = i.data.indexOf($, p + 1)) !== -1; )
-            a.push({ type: 7, index: o }), p += $.length - 1;
+          for (; (p = i.data.indexOf(v, p + 1)) !== -1; )
+            a.push({ type: 7, index: o }), p += v.length - 1;
         }
       o++;
     }
@@ -368,10 +368,10 @@ function P(r, t, e = r, s) {
   if (t === x)
     return t;
   let i = s !== void 0 ? (n = e._$Co) == null ? void 0 : n[s] : e._$Cl;
-  const o = k(t) ? void 0 : t._$litDirective$;
+  const o = U(t) ? void 0 : t._$litDirective$;
   return (i == null ? void 0 : i.constructor) !== o && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), o === void 0 ? i = void 0 : (i = new o(r), i._$AT(r, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = i : e._$Cl = i), i !== void 0 && (t = P(r, i._$AS(r, t.values), i, s)), t;
 }
-class te {
+class ee {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -388,7 +388,7 @@ class te {
     for (; a !== void 0; ) {
       if (n === a.index) {
         let l;
-        a.type === 2 ? l = new L(o, o.nextSibling, this, t) : a.type === 1 ? l = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (l = new re(o, this, t)), this._$AV.push(l), a = s[++h];
+        a.type === 2 ? l = new L(o, o.nextSibling, this, t) : a.type === 1 ? l = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (l = new oe(o, this, t)), this._$AV.push(l), a = s[++h];
       }
       n !== (a == null ? void 0 : a.index) && (o = A.nextNode(), n++);
     }
@@ -406,7 +406,7 @@ class L {
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
   }
   constructor(t, e, s, i) {
-    this.type = 2, this._$AH = c, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
+    this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -420,7 +420,7 @@ class L {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = P(this, t, e), k(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !== x && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Xt(t) ? this.k(t) : this._(t);
+    t = P(this, t, e), U(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== x && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Jt(t) ? this.k(t) : this._(t);
   }
   S(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -429,24 +429,24 @@ class L {
     this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
   }
   _(t) {
-    this._$AH !== c && k(this._$AH) ? this._$AA.nextSibling.data = t : this.T(w.createTextNode(t)), this._$AH = t;
+    this._$AH !== d && U(this._$AH) ? this._$AA.nextSibling.data = t : this.T(w.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var o;
-    const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = M.createElement(Nt(s.h, s.h[0]), this.options)), s);
+    const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = M.createElement(kt(s.h, s.h[0]), this.options)), s);
     if (((o = this._$AH) == null ? void 0 : o._$AD) === i)
       this._$AH.p(e);
     else {
-      const n = new te(i, this), h = n.u(this.options);
+      const n = new ee(i, this), h = n.u(this.options);
       n.p(e), this.T(h), this._$AH = n;
     }
   }
   _$AC(t) {
-    let e = vt.get(t.strings);
-    return e === void 0 && vt.set(t.strings, e = new M(t)), e;
+    let e = $t.get(t.strings);
+    return e === void 0 && $t.set(t.strings, e = new M(t)), e;
   }
   k(t) {
-    Ot(this._$AH) || (this._$AH = [], this._$AR());
+    Tt(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let s, i = 0;
     for (const o of t)
@@ -473,49 +473,49 @@ class F {
     return this._$AM._$AU;
   }
   constructor(t, e, s, i, o) {
-    this.type = 1, this._$AH = c, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = o, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = c;
+    this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = o, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = d;
   }
   _$AI(t, e = this, s, i) {
     const o = this.strings;
     let n = !1;
     if (o === void 0)
-      t = P(this, t, e, 0), n = !k(t) || t !== this._$AH && t !== x, n && (this._$AH = t);
+      t = P(this, t, e, 0), n = !U(t) || t !== this._$AH && t !== x, n && (this._$AH = t);
     else {
       const h = t;
       let a, l;
       for (t = o[0], a = 0; a < o.length - 1; a++)
-        l = P(this, h[s + a], e, a), l === x && (l = this._$AH[a]), n || (n = !k(l) || l !== this._$AH[a]), l === c ? t = c : t !== c && (t += (l ?? "") + o[a + 1]), this._$AH[a] = l;
+        l = P(this, h[s + a], e, a), l === x && (l = this._$AH[a]), n || (n = !U(l) || l !== this._$AH[a]), l === d ? t = d : t !== d && (t += (l ?? "") + o[a + 1]), this._$AH[a] = l;
     }
     n && !i && this.j(t);
   }
   j(t) {
-    t === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class ee extends F {
+class se extends F {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === c ? void 0 : t;
+    this.element[this.name] = t === d ? void 0 : t;
   }
 }
-class se extends F {
+class ie extends F {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== c);
+    this.element.toggleAttribute(this.name, !!t && t !== d);
   }
 }
-class ie extends F {
+class re extends F {
   constructor(t, e, s, i, o) {
     super(t, e, s, i, o), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = P(this, t, e, 0) ?? c) === x)
+    if ((t = P(this, t, e, 0) ?? d) === x)
       return;
-    const s = this._$AH, i = t === c && s !== c || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== c && (s === c || i);
+    const s = this._$AH, i = t === d && s !== d || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== d && (s === d || i);
     i && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
@@ -523,7 +523,7 @@ class ie extends F {
     typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class re {
+class oe {
   constructor(t, e, s) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
   }
@@ -536,7 +536,7 @@ class re {
 }
 const K = N.litHtmlPolyfillSupport;
 K == null || K(M, L), (N.litHtmlVersions ?? (N.litHtmlVersions = [])).push("3.1.2");
-const oe = (r, t, e) => {
+const ne = (r, t, e) => {
   const s = (e == null ? void 0 : e.renderBefore) ?? t;
   let i = s._$litPart$;
   if (i === void 0) {
@@ -561,7 +561,7 @@ let f = class extends S {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = oe(e, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ne(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t;
@@ -575,8 +575,8 @@ let f = class extends S {
     return x;
   }
 };
-var Ct;
-f._$litElement$ = !0, f.finalized = !0, (Ct = globalThis.litElementHydrateSupport) == null || Ct.call(globalThis, { LitElement: f });
+var Et;
+f._$litElement$ = !0, f.finalized = !0, (Et = globalThis.litElementHydrateSupport) == null || Et.call(globalThis, { LitElement: f });
 const G = globalThis.litElementPolyfillSupport;
 G == null || G({ LitElement: f });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.4");
@@ -585,7 +585,7 @@ G == null || G({ LitElement: f });
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function* Ut(r, t) {
+function* Rt(r, t) {
   if (r !== void 0) {
     let e = 0;
     for (const s of r)
@@ -597,7 +597,7 @@ function* Ut(r, t) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ne = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged: st }, ae = (r = ne, t, e) => {
+const ae = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged: st }, he = (r = ae, t, e) => {
   const { kind: s, metadata: i } = e;
   let o = globalThis.litPropertyMetadata.get(i);
   if (o === void 0 && globalThis.litPropertyMetadata.set(i, o = /* @__PURE__ */ new Map()), o.set(e.name, r), s === "accessor") {
@@ -619,7 +619,7 @@ const ne = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged:
   throw Error("Unsupported decorator location: " + s);
 };
 function g(r) {
-  return (t, e) => typeof e == "object" ? ae(r, t, e) : ((s, i, o) => {
+  return (t, e) => typeof e == "object" ? he(r, t, e) : ((s, i, o) => {
     const n = i.hasOwnProperty(o);
     return i.constructor.createProperty(o, n ? { ...s, wrapped: !0 } : s), n ? Object.getOwnPropertyDescriptor(i, o) : void 0;
   })(r, t, e);
@@ -632,10 +632,10 @@ function g(r) {
 function H(r) {
   return g({ ...r, state: !0, attribute: !1 });
 }
-var he = Object.defineProperty, le = Object.getOwnPropertyDescriptor, ce = (r, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? le(t, e) : t, o = r.length - 1, n; o >= 0; o--)
+var le = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, de = (r, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? ce(t, e) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (i = (s ? n(t, e, i) : n(i)) || i);
-  return s && i && he(t, e, i), i;
+  return s && i && le(t, e, i), i;
 };
 class it extends f {
   constructor() {
@@ -646,7 +646,7 @@ class it extends f {
     return (e = this.shadowRoot) == null || e.appendChild(t), t;
   }
   render() {
-    return this.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right"), c;
+    return this.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right"), d;
   }
 }
 it.styles = [
@@ -668,7 +668,7 @@ it.styles = [
       }
     `
 ];
-ce([
+de([
   g({ attribute: !0 })
 ], it.prototype, "anchor", 2);
 /**
@@ -677,7 +677,7 @@ ce([
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const rt = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, ot = (r) => (...t) => ({ _$litDirective$: r, values: t });
-let Rt = class {
+let Ut = class {
   constructor(t) {
   }
   get _$AU() {
@@ -698,19 +698,19 @@ let Rt = class {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const de = (r) => r.strings === void 0;
+const pe = (r) => r.strings === void 0;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const U = (r, t) => {
+const k = (r, t) => {
   var s;
   const e = r._$AN;
   if (e === void 0)
     return !1;
   for (const i of e)
-    (s = i._$AO) == null || s.call(i, t, !1), U(i, t);
+    (s = i._$AO) == null || s.call(i, t, !1), k(i, t);
   return !0;
 }, Y = (r) => {
   let t, e;
@@ -719,47 +719,47 @@ const U = (r, t) => {
       break;
     e = t._$AN, e.delete(r), r = t;
   } while ((e == null ? void 0 : e.size) === 0);
-}, kt = (r) => {
+}, Mt = (r) => {
   for (let t; t = r._$AM; r = t) {
     let e = t._$AN;
     if (e === void 0)
       t._$AN = e = /* @__PURE__ */ new Set();
     else if (e.has(r))
       break;
-    e.add(r), ge(t);
+    e.add(r), fe(t);
   }
 };
-function pe(r) {
-  this._$AN !== void 0 ? (Y(this), this._$AM = r, kt(this)) : this._$AM = r;
+function ue(r) {
+  this._$AN !== void 0 ? (Y(this), this._$AM = r, Mt(this)) : this._$AM = r;
 }
-function ue(r, t = !1, e = 0) {
+function ge(r, t = !1, e = 0) {
   const s = this._$AH, i = this._$AN;
   if (i !== void 0 && i.size !== 0)
     if (t)
       if (Array.isArray(s))
         for (let o = e; o < s.length; o++)
-          U(s[o], !1), Y(s[o]);
+          k(s[o], !1), Y(s[o]);
       else
-        s != null && (U(s, !1), Y(s));
+        s != null && (k(s, !1), Y(s));
     else
-      U(this, r);
+      k(this, r);
 }
-const ge = (r) => {
-  r.type == rt.CHILD && (r._$AP ?? (r._$AP = ue), r._$AQ ?? (r._$AQ = pe));
+const fe = (r) => {
+  r.type == rt.CHILD && (r._$AP ?? (r._$AP = ge), r._$AQ ?? (r._$AQ = ue));
 };
-class Mt extends Rt {
+class Lt extends Ut {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
   _$AT(t, e, s) {
-    super._$AT(t, e, s), kt(this), this.isConnected = t._$AU;
+    super._$AT(t, e, s), Mt(this), this.isConnected = t._$AU;
   }
   _$AO(t, e = !0) {
     var s, i;
-    t !== this.isConnected && (this.isConnected = t, t ? (s = this.reconnected) == null || s.call(this) : (i = this.disconnected) == null || i.call(this)), e && (U(this, t), Y(this));
+    t !== this.isConnected && (this.isConnected = t, t ? (s = this.reconnected) == null || s.call(this) : (i = this.disconnected) == null || i.call(this)), e && (k(this, t), Y(this));
   }
   setValue(t) {
-    if (de(this._$Ct))
+    if (pe(this._$Ct))
       this._$Ct._$AI(t, this);
     else {
       const e = [...this._$Ct._$AH];
@@ -771,9 +771,9 @@ class Mt extends Rt {
   reconnected() {
   }
 }
-const fe = /* @__PURE__ */ new WeakMap();
+const me = /* @__PURE__ */ new WeakMap();
 let yt = 0;
-const X = /* @__PURE__ */ new Map(), _t = /* @__PURE__ */ new WeakSet(), bt = () => new Promise((r) => requestAnimationFrame(r)), me = [{ transform: "translateX(100%) scale(0)", opacity: 0 }], At = (r, t) => {
+const X = /* @__PURE__ */ new Map(), bt = /* @__PURE__ */ new WeakSet(), _t = () => new Promise((r) => requestAnimationFrame(r)), ve = [{ transform: "translateX(100%) scale(0)", opacity: 0 }], At = (r, t) => {
   const e = r - t;
   return e === 0 ? void 0 : e;
 }, wt = (r, t) => {
@@ -795,8 +795,8 @@ const X = /* @__PURE__ */ new Map(), _t = /* @__PURE__ */ new WeakSet(), bt = ()
   t === 0 && (t = 1, e = { height: "1px" });
   const s = wt(r, t);
   return { value: s, overrideFrom: e, transform: s == null || isNaN(s) ? void 0 : `scaleY(${s})` };
-} }, $e = { duration: 333, easing: "ease-in-out" }, ve = ["left", "top", "width", "height", "opacity", "color", "background"], xt = /* @__PURE__ */ new WeakMap();
-class ye extends Mt {
+} }, $e = { duration: 333, easing: "ease-in-out" }, ye = ["left", "top", "width", "height", "opacity", "color", "background"], xt = /* @__PURE__ */ new WeakMap();
+class be extends Lt {
   constructor(t) {
     if (super(t), this.t = !1, this.i = null, this.o = null, this.h = !0, this.shouldLog = !1, t.type === rt.CHILD)
       throw Error("The `animate` directive must be used in attribute position.");
@@ -813,10 +813,10 @@ class ye extends Mt {
     (t = this.l) == null || t.call(this), this.l = void 0;
   }
   render(t) {
-    return c;
+    return d;
   }
   getController() {
-    return fe.get(this.u);
+    return me.get(this.u);
   }
   isDisabled() {
     var t;
@@ -830,7 +830,7 @@ class ye extends Mt {
   p(t) {
     t = t ?? {};
     const e = this.getController();
-    e !== void 0 && ((t = { ...e.defaultOptions, ...t }).keyframeOptions = { ...e.defaultOptions.keyframeOptions, ...t.keyframeOptions }), t.properties ?? (t.properties = ve), this.options = t;
+    e !== void 0 && ((t = { ...e.defaultOptions, ...t }).keyframeOptions = { ...e.defaultOptions.keyframeOptions, ...t.keyframeOptions }), t.properties ?? (t.properties = ye), this.options = t;
   }
   m() {
     const t = {}, e = this.element.getBoundingClientRect(), s = getComputedStyle(this.element);
@@ -857,7 +857,7 @@ class ye extends Mt {
     if (!this.h || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered)
       return;
     let t;
-    this.prepare(), await bt;
+    this.prepare(), await _t;
     const e = this.O(), s = this.j(this.options.keyframeOptions, e), i = this.m();
     if (this.A !== void 0) {
       const { from: o, to: n } = this.N(this.A, i, e);
@@ -886,7 +886,7 @@ class ye extends Mt {
     var e;
     if (!this.h || (this.options.id !== void 0 && X.set(this.options.id, this.A), this.options.out === void 0))
       return;
-    if (this.prepare(), await bt(), (e = this.i) == null ? void 0 : e.isConnected) {
+    if (this.prepare(), await _t(), (e = this.i) == null ? void 0 : e.isConnected) {
       const s = this.o && this.o.parentNode === this.i ? this.o : null;
       if (this.i.insertBefore(this.element, s), this.options.stabilizeOut) {
         const i = this.m();
@@ -918,9 +918,9 @@ class ye extends Mt {
     return t;
   }
   get isHostRendered() {
-    const t = _t.has(this.u);
+    const t = bt.has(this.u);
     return t || this.u.updateComplete.then(() => {
-      _t.add(this.u);
+      bt.add(this.u);
     }), t;
   }
   j(t, e = this.O()) {
@@ -940,15 +940,15 @@ class ye extends Mt {
     let n = !1;
     const h = {};
     for (const a in e) {
-      const l = t[a], d = e[a];
+      const l = t[a], c = e[a];
       if (a in J) {
         const p = J[a];
-        if (l === void 0 || d === void 0)
+        if (l === void 0 || c === void 0)
           continue;
-        const u = p(l, d);
+        const u = p(l, c);
         u.transform !== void 0 && (h[a] = u.value, n = !0, i.transform = `${i.transform ?? ""} ${u.transform}`, u.overrideFrom !== void 0 && Object.assign(i, u.overrideFrom));
       } else
-        l !== d && l !== void 0 && d !== void 0 && (n = !0, i[a] = l, o[a] = d);
+        l !== c && l !== void 0 && c !== void 0 && (n = !0, i[a] = l, o[a] = c);
     }
     return i.transformOrigin = o.transformOrigin = s ? "center center" : "top left", this.animatingProperties = h, n ? [i, o] : void 0;
   }
@@ -975,13 +975,13 @@ class ye extends Mt {
     this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, e);
   }
 }
-const _e = ot(ye), be = { name: "question", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9827 16.5432 47.4568 4.01731 32 4ZM32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.30769 18.9151 18.9151 8.30769 32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6775 45.0788 45.0788 55.6775 32 55.6923Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9423 37.5723L36.311 32.9068L36.7354 32.4448C39.7555 29.1161 40.7645 27.0647 40.7645 24.5087C40.7645 23.1091 40.4251 21.7942 39.7041 20.6491C38.3044 18.3587 35.6323 16.9166 32.2816 16.9166C28.7565 16.9166 25.3125 18.7414 23.2581 21.6772L23.1201 21.8791C22.8232 22.3032 22.696 22.6849 22.696 22.9818C22.696 23.7029 23.926 25.9932 25.2833 25.9932C25.5378 25.9932 25.7922 25.9084 26.0467 25.7388C26.2588 25.5691 26.5981 25.2298 27.0647 24.7208C28.8885 22.6849 30.1185 21.9215 31.7726 21.9215C33.6813 21.9215 35.081 23.1939 35.081 24.8905C35.081 26.375 34.2751 27.7746 32.3664 29.8529L28.2523 34.2216C27.9554 34.6033 27.7857 34.9426 27.7857 35.282C27.7857 35.6213 27.9978 36.1726 28.4219 36.8937C29.0581 37.8692 29.7368 38.3782 30.4578 38.3782C30.9244 38.3782 31.3909 38.1237 31.9423 37.5723ZM30.882 47.4972C29.2278 47.4972 27.6585 44.7403 27.6585 43.6799C27.6585 42.1954 30.0761 40.6261 32.4089 40.6261C33.6389 40.6261 34.2751 41.1775 34.2751 42.3227C34.2751 44.0616 33.4692 45.843 32.4513 46.7761C31.9423 47.2427 31.4334 47.4972 30.882 47.4972Z"/></svg>' };
+const _e = ot(be), Ae = { name: "question", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9827 16.5432 47.4568 4.01731 32 4ZM32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.30769 18.9151 18.9151 8.30769 32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6775 45.0788 45.0788 55.6775 32 55.6923Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9423 37.5723L36.311 32.9068L36.7354 32.4448C39.7555 29.1161 40.7645 27.0647 40.7645 24.5087C40.7645 23.1091 40.4251 21.7942 39.7041 20.6491C38.3044 18.3587 35.6323 16.9166 32.2816 16.9166C28.7565 16.9166 25.3125 18.7414 23.2581 21.6772L23.1201 21.8791C22.8232 22.3032 22.696 22.6849 22.696 22.9818C22.696 23.7029 23.926 25.9932 25.2833 25.9932C25.5378 25.9932 25.7922 25.9084 26.0467 25.7388C26.2588 25.5691 26.5981 25.2298 27.0647 24.7208C28.8885 22.6849 30.1185 21.9215 31.7726 21.9215C33.6813 21.9215 35.081 23.1939 35.081 24.8905C35.081 26.375 34.2751 27.7746 32.3664 29.8529L28.2523 34.2216C27.9554 34.6033 27.7857 34.9426 27.7857 35.282C27.7857 35.6213 27.9978 36.1726 28.4219 36.8937C29.0581 37.8692 29.7368 38.3782 30.4578 38.3782C30.9244 38.3782 31.3909 38.1237 31.9423 37.5723ZM30.882 47.4972C29.2278 47.4972 27.6585 44.7403 27.6585 43.6799C27.6585 42.1954 30.0761 40.6261 32.4089 40.6261C33.6389 40.6261 34.2751 41.1775 34.2751 42.3227C34.2751 44.0616 33.4692 45.843 32.4513 46.7761C31.9423 47.2427 31.4334 47.4972 30.882 47.4972Z"/></svg>' };
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ae = ot(class extends Rt {
+const we = ot(class extends Ut {
   constructor(r) {
     var t;
     if (super(r), r.type !== rt.ATTRIBUTE || r.name !== "class" || ((t = r.strings) == null ? void 0 : t.length) > 2)
@@ -1007,19 +1007,19 @@ const Ae = ot(class extends Rt {
     }
     return x;
   }
-}), D = (r, t, e) => {
+}), B = (r, t, e) => {
   r && e.style.setProperty(t, r);
-}, Lt = (r, t) => {
+}, Ht = (r, t) => {
   var e, s, i, o;
-  D((e = r.colors) == null ? void 0 : e.primaryBackground, "--primary-background", t), D(
+  B((e = r.colors) == null ? void 0 : e.primaryBackground, "--primary-background", t), B(
     (s = r.colors) == null ? void 0 : s.textOnPrimaryBackground,
     "--text-on-primary-background",
     t
-  ), D(
+  ), B(
     (i = r.colors) == null ? void 0 : i.secondaryBackground,
     "--secondary-background",
     t
-  ), D(
+  ), B(
     (o = r.colors) == null ? void 0 : o.textOnSecondaryBackground,
     "--text-on-secondary-background",
     t
@@ -1030,17 +1030,17 @@ const Ae = ot(class extends Rt {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ht = () => new we();
-class we {
+const jt = () => new xe();
+class xe {
 }
-const Q = /* @__PURE__ */ new WeakMap(), jt = ot(class extends Mt {
+const Q = /* @__PURE__ */ new WeakMap(), Dt = ot(class extends Lt {
   render(r) {
-    return c;
+    return d;
   }
   update(r, [t]) {
     var s;
     const e = t !== this.Y;
-    return e && this.Y !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.Y = t, this.ht = (s = r.options) == null ? void 0 : s.host, this.rt(this.ct = r.element)), c;
+    return e && this.Y !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.Y = t, this.ht = (s = r.options) == null ? void 0 : s.host, this.rt(this.ct = r.element)), d;
   }
   rt(r) {
     if (typeof this.Y == "function") {
@@ -1061,14 +1061,14 @@ const Q = /* @__PURE__ */ new WeakMap(), jt = ot(class extends Mt {
     this.rt(this.ct);
   }
 });
-var xe = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, V = (r, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? Ce(t, e) : t, o = r.length - 1, n; o >= 0; o--)
+var Ce = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, V = (r, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? Ee(t, e) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (i = (s ? n(t, e, i) : n(i)) || i);
-  return s && i && xe(t, e, i), i;
+  return s && i && Ce(t, e, i), i;
 };
 class E extends f {
   constructor() {
-    super(...arguments), this.active = !1, this.loaded = !1, this.containerRef = Ht();
+    super(...arguments), this.active = !1, this.loaded = !1, this.containerRef = jt();
   }
   async connectedCallback() {
     super.connectedCallback(), this.icon = await this._renderSymbol(), this.loaded = !0, this._applyBranding();
@@ -1085,52 +1085,52 @@ class E extends f {
   }
   _applyBranding() {
     var t;
-    (t = this.application) != null && t.settings && Lt(this.application.settings.branding, this);
+    (t = this.application) != null && t.settings && Ht(this.application.settings.branding, this);
   }
   async _renderSymbol() {
     var h, a, l;
     const t = (h = this.application) == null ? void 0 : h.branding(), e = (a = t == null ? void 0 : t.graphics) == null ? void 0 : a.trigger;
     if (e)
-      return b` <img src=${e} class="trigger-icon" alt="" /> `;
+      return _` <img src=${e} class="trigger-icon" alt="" /> `;
     const s = (l = this.application) == null ? void 0 : l.triggerIcon;
     if (!s)
-      return c;
-    const i = async (d) => be, { type: o, content: n } = s;
+      return d;
+    const i = async (c) => Ae, { type: o, content: n } = s;
     switch (o) {
       case "Telia": {
-        const d = await i();
-        return d ? b`<telia-icon
+        const c = await i();
+        return c ? _`<telia-icon
             class="trigger-icon"
-            svg=${d.svg}
+            svg=${c.svg}
             size="lg"
-          ></telia-icon>` : c;
+          ></telia-icon>` : d;
       }
       default:
-        return c;
+        return d;
     }
   }
   render() {
     var t, e, s, i;
-    return b`<div class="trigger-container" ${jt(this.containerRef)}>
-      ${!this.active && ((i = (s = (e = (t = this.application) == null ? void 0 : t.settings) == null ? void 0 : e.branding) == null ? void 0 : s.other) != null && i.showButtonLabel) ? b`
+    return _`<div class="trigger-container" ${Dt(this.containerRef)}>
+      ${!this.active && ((i = (s = (e = (t = this.application) == null ? void 0 : t.settings) == null ? void 0 : e.branding) == null ? void 0 : s.other) != null && i.showButtonLabel) ? _`
             <button
               label="${this.application.settings.branding.other.buttonLabelText ?? "Widget trigger"}"
               class="trigger-label"
               @click=${this.toggleActive}
               ${_e({
       keyframeOptions: {},
-      in: me,
+      in: ve,
       stabilizeOut: !0,
       skipInitial: !1
     })}
             >
               ${this.application.settings.branding.other.buttonLabelText}
             </button>
-          ` : c}
+          ` : d}
 
       <button
         label="Widget trigger"
-        class=${Ae({
+        class=${we({
       trigger: !0,
       active: this.active,
       rendered: this.loaded
@@ -1288,10 +1288,10 @@ V([
 V([
   H()
 ], E.prototype, "icon", 2);
-var Ee = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, _ = (r, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? Se(t, e) : t, o = r.length - 1, n; o >= 0; o--)
+var Se = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, b = (r, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? Pe(t, e) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (i = (s ? n(t, e, i) : n(i)) || i);
-  return s && i && Ee(t, e, i), i;
+  return s && i && Se(t, e, i), i;
 };
 const Bt = (r) => {
   class t extends r {
@@ -1332,42 +1332,170 @@ const Bt = (r) => {
           box-sizing: border-box;
         }
       `
-  ], _([
+  ], b([
     g()
-  ], t.prototype, "properties", 2), _([
+  ], t.prototype, "properties", 2), b([
     g()
-  ], t.prototype, "context", 2), _([
+  ], t.prototype, "context", 2), b([
     g()
-  ], t.prototype, "layout", 2), _([
+  ], t.prototype, "layout", 2), b([
     g()
-  ], t.prototype, "name", 2), _([
+  ], t.prototype, "name", 2), b([
     g()
-  ], t.prototype, "type", 2), _([
+  ], t.prototype, "type", 2), b([
     g({ attribute: !1 })
-  ], t.prototype, "application", 2), _([
+  ], t.prototype, "application", 2), b([
     g({ attribute: !1 })
   ], t.prototype, "parent", 2), t;
 };
-class Dt extends Bt(f) {
+class zt extends Bt(f) {
   render() {
-    return b`Non resolved component`;
+    return _`Non resolved component`;
   }
 }
-Dt.styles = [
+zt.styles = [
   C`
       :host {
         display: block;
       }
     `
 ];
-var nt = /* @__PURE__ */ ((r) => (r.Inline = "inline", r.Trigger = "trigger", r))(nt || {}), Pe = Object.defineProperty, Oe = Object.getOwnPropertyDescriptor, Te = (r, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? Oe(t, e) : t, o = r.length - 1, n; o >= 0; o--)
+var nt = /* @__PURE__ */ ((r) => (r.Inline = "inline", r.Trigger = "trigger", r))(nt || {});
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let Oe = class extends Event {
+  constructor(t, e, s) {
+    super("context-request", { bubbles: !0, composed: !0 }), this.context = t, this.callback = e, this.subscribe = s ?? !1;
+  }
+};
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class Te {
+  get value() {
+    return this.o;
+  }
+  set value(t) {
+    this.setValue(t);
+  }
+  setValue(t, e = !1) {
+    const s = e || !Object.is(t, this.o);
+    this.o = t, s && this.updateObservers();
+  }
+  constructor(t) {
+    this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
+      for (const [e, { disposer: s }] of this.subscriptions)
+        e(this.o, s);
+    }, t !== void 0 && (this.value = t);
+  }
+  addCallback(t, e, s) {
+    if (!s)
+      return void t(this.value);
+    this.subscriptions.has(t) || this.subscriptions.set(t, { disposer: () => {
+      this.subscriptions.delete(t);
+    }, consumerHost: e });
+    const { disposer: i } = this.subscriptions.get(t);
+    t(this.value, i);
+  }
+  clearCallbacks() {
+    this.subscriptions.clear();
+  }
+}
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let Ne = class extends Event {
+  constructor(t) {
+    super("context-provider", { bubbles: !0, composed: !0 }), this.context = t;
+  }
+};
+class Ct extends Te {
+  constructor(t, e, s) {
+    var i, o;
+    super(e.context !== void 0 ? e.initialValue : s), this.onContextRequest = (n) => {
+      const h = n.composedPath()[0];
+      n.context === this.context && h !== this.host && (n.stopPropagation(), this.addCallback(n.callback, h, n.subscribe));
+    }, this.onProviderRequest = (n) => {
+      const h = n.composedPath()[0];
+      if (n.context !== this.context || h === this.host)
+        return;
+      const a = /* @__PURE__ */ new Set();
+      for (const [l, { consumerHost: c }] of this.subscriptions)
+        a.has(l) || (a.add(l), c.dispatchEvent(new Oe(this.context, l, !0)));
+      n.stopPropagation();
+    }, this.host = t, e.context !== void 0 ? this.context = e.context : this.context = e, this.attachListeners(), (o = (i = this.host).addController) == null || o.call(i, this);
+  }
+  attachListeners() {
+    this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
+  }
+  hostConnected() {
+    this.host.dispatchEvent(new Ne(this.context));
+  }
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function ke({ context: r }) {
+  return (t, e) => {
+    const s = /* @__PURE__ */ new WeakMap();
+    if (typeof e == "object")
+      return e.addInitializer(function() {
+        s.set(this, new Ct(this, { context: r }));
+      }), { get() {
+        return t.get.call(this);
+      }, set(i) {
+        var o;
+        return (o = s.get(this)) == null || o.setValue(i), t.set.call(this, i);
+      }, init(i) {
+        var o;
+        return (o = s.get(this)) == null || o.setValue(i), i;
+      } };
+    {
+      t.constructor.addInitializer((n) => {
+        s.set(n, new Ct(n, { context: r }));
+      });
+      const i = Object.getOwnPropertyDescriptor(t, e);
+      let o;
+      if (i === void 0) {
+        const n = /* @__PURE__ */ new WeakMap();
+        o = { get: function() {
+          return n.get(this);
+        }, set: function(h) {
+          s.get(this).setValue(h), n.set(this, h);
+        }, configurable: !0, enumerable: !0 };
+      } else {
+        const n = i.set;
+        o = { ...i, set: function(h) {
+          s.get(this).setValue(h), n == null || n.call(this, h);
+        } };
+      }
+      return void Object.defineProperty(t, e, o);
+    }
+  };
+}
+var Re = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, Me = (r, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? Ue(t, e) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (i = (s ? n(t, e, i) : n(i)) || i);
-  return s && i && Pe(t, e, i), i;
+  return s && i && Re(t, e, i), i;
 };
+const Le = "application";
 class at extends f {
   constructor() {
-    super(...arguments), this.nodes = [], this.wrapperRef = Ht();
+    super(...arguments), this.nodes = [], this.wrapperRef = jt();
   }
   addChild(t) {
     t.parent = this, this.nodes.push(t);
@@ -1376,7 +1504,7 @@ class at extends f {
     if (!this.wrapperRef.value)
       return;
     const t = this.application.settings;
-    t != null && t.branding && Lt(t.branding, this.wrapperRef.value);
+    t != null && t.branding && Ht(t.branding, this.wrapperRef.value);
   }
   applyStyles() {
     if (!this.wrapperRef.value)
@@ -1390,8 +1518,8 @@ class at extends f {
     this.applyBranding(), this.applyStyles();
   }
   render() {
-    return this.application.renderStrategy === nt.Trigger && (this.renderRoot.host.classList.add("floating"), this.application.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.application.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right")), b`<div class="widget-container" ${jt(this.wrapperRef)}>
-      ${Ut(this.nodes, (t) => t)}
+    return this.application.renderStrategy === nt.Trigger && (this.renderRoot.host.classList.add("floating"), this.application.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.application.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right")), _`<div class="widget-container" ${Dt(this.wrapperRef)}>
+      ${Rt(this.nodes, (t) => t)}
     </div>`;
   }
 }
@@ -1404,15 +1532,22 @@ at.styles = C`
       --spacing-lg: 1.2rem;
       --spacing-xl: 1.8rem;
 
+      --inverted-spacing-lg: -1.2rem;
+
       --text-color: #222222;
       --link-color: #990ae3;
       --gray-color: #f3f3f8;
+      --white-color: #fff;
       --gray-dark-color: #a6a6a6;
 
       --box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
       --border-radius: var(--spacing-sm);
       --border-radius-sm: var(--spacing-sm);
+      --border-radius-lg: var(--spacing-lg);
+      --border-radius-xl: var(--spacing-xl);
       --gap: var(--spacing-sm);
+
+      --header-height: 69px;
     }
     :host {
       --voca-rem-multiplier: 0.625;
@@ -1493,13 +1628,14 @@ at.styles = C`
       animation: slideDown 0.3s linear;
     }
   `;
-Te([
-  g({ attribute: !1 })
+Me([
+  g({ attribute: !1 }),
+  ke({ context: Le })
 ], at.prototype, "application", 2);
-var Ne = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, ht = (r, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? Ue(t, e) : t, o = r.length - 1, n; o >= 0; o--)
+var He = Object.defineProperty, je = Object.getOwnPropertyDescriptor, ht = (r, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? je(t, e) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (i = (s ? n(t, e, i) : n(i)) || i);
-  return s && i && Ne(t, e, i), i;
+  return s && i && He(t, e, i), i;
 };
 class j extends f {
   constructor() {
@@ -1525,7 +1661,7 @@ class j extends f {
   }
   render() {
     if (!this.widget || this.status !== "activated")
-      return c;
+      return d;
     if (this.widget.renderStrategy === nt.Trigger) {
       const t = new E();
       return t.application = this.widget, t;
@@ -1551,33 +1687,33 @@ ht([
 ], j.prototype, "status", 2);
 customElements.get("ace-trigger-slot") || customElements.define("ace-trigger-slot", it);
 customElements.get("ace-trigger") || customElements.define("ace-trigger", E);
-customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", Dt);
+customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", zt);
 customElements.get("ace-wrapper") || customElements.define("ace-wrapper", at);
 customElements.get("ace-widget") || customElements.define("ace-widget", j);
-const Re = (r) => {
+const De = (r) => {
   const t = {};
   return Object.keys(r).forEach((e) => {
     e.indexOf("css-") > -1 && (t[e] = r[e]);
   }), t;
-}, ke = (r, t) => {
-  const e = Re(t);
+}, Be = (r, t) => {
+  const e = De(t);
   Object.entries(e).forEach(([s, i]) => {
     r.style.setProperty(s.replace("css-", ""), i);
   });
 };
-class Me extends Bt(f) {
+class ze extends Bt(f) {
   constructor() {
     super(...arguments), this.nodes = [];
   }
   render() {
     var t;
-    return ke(this.renderRoot.host, this.properties), this.renderRoot.host.style.setProperty(
+    return Be(this.renderRoot.host, this.properties), this.renderRoot.host.style.setProperty(
       "--columns",
       ((t = this.properties.columns) == null ? void 0 : t.toString()) || "1"
-    ), b`${Ut(this.nodes, (e) => e)}`;
+    ), _`${Rt(this.nodes, (e) => e)}`;
   }
 }
-Me.styles = [
+ze.styles = [
   C`
       :host {
         height: 100%;
@@ -1591,6 +1727,6 @@ Me.styles = [
     `
 ];
 export {
-  Me as Area,
-  Me as default
+  ze as Area,
+  ze as default
 };