@telia-ace/widget-core-flamingo 1.1.27-rc.0 → 1.1.27

package/index.mjs

@@ -6,7 +6,7 @@ var ht = function(i, t) {
       Object.prototype.hasOwnProperty.call(r, s) && (e[s] = r[s]);
   }, ht(i, t);
 };
-function L(i, t) {
+function D(i, t) {
   if (typeof t != "function" && t !== null)
     throw new TypeError("Class extends value " + String(t) + " is not a constructor or null");
   ht(i, t);
@@ -27,7 +27,7 @@ function pt(i) {
     };
   throw new TypeError(t ? "Object is not iterable." : "Symbol.iterator is not defined.");
 }
-function F(i, t) {
+function J(i, t) {
   var e = typeof Symbol == "function" && i[Symbol.iterator];
   if (!e)
     return i;
@@ -47,7 +47,7 @@ function F(i, t) {
   }
   return n;
 }
-function J(i, t, e) {
+function K(i, t, e) {
   if (e || arguments.length === 2)
     for (var r = 0, s = t.length, n; r < s; r++)
       (n || !(r in t)) && (n || (n = Array.prototype.slice.call(t, 0, r)), n[r] = t[r]);
@@ -77,7 +77,7 @@ function ut(i, t) {
     0 <= e && i.splice(e, 1);
   }
 }
-var X = function() {
+var tt = function() {
   function i(t) {
     this.initialTeardown = t, this.closed = !1, this._parentage = null, this._finalizers = null;
   }
@@ -121,7 +121,7 @@ var X = function() {
             try {
               $t(g);
             } catch (v) {
-              n = n ?? [], v instanceof it ? n = J(J([], F(n)), F(v.errors)) : n.push(v);
+              n = n ?? [], v instanceof it ? n = K(K([], J(n)), J(v.errors)) : n.push(v);
             }
           }
         } catch (v) {
@@ -167,9 +167,9 @@ var X = function() {
     var t = new i();
     return t.closed = !0, t;
   }(), i;
-}(), Lt = X.EMPTY;
+}(), Lt = tt.EMPTY;
 function Dt(i) {
-  return i instanceof X || i && "closed" in i && m(i.remove) && m(i.add) && m(i.unsubscribe);
+  return i instanceof tt || i && "closed" in i && m(i.remove) && m(i.add) && m(i.unsubscribe);
 }
 function $t(i) {
   m(i) ? i() : i.unsubscribe();
@@ -185,7 +185,7 @@ var Bt = {
     for (var e = [], r = 2; r < arguments.length; r++)
       e[r - 2] = arguments[r];
     var s = dt.delegate;
-    return s != null && s.setTimeout ? s.setTimeout.apply(s, J([i, t], F(e))) : setTimeout.apply(void 0, J([i, t], F(e)));
+    return s != null && s.setTimeout ? s.setTimeout.apply(s, K([i, t], J(e))) : setTimeout.apply(void 0, K([i, t], J(e)));
   },
   clearTimeout: function(i) {
     var t = dt.delegate;
@@ -193,7 +193,7 @@ var Bt = {
   },
   delegate: void 0
 };
-function ne(i) {
+function ae(i) {
   dt.setTimeout(function() {
     throw i;
   });
@@ -204,10 +204,10 @@ function Y(i) {
   i();
 }
 var zt = function(i) {
-  L(t, i);
+  D(t, i);
   function t(e) {
     var r = i.call(this) || this;
-    return r.isStopped = !1, e ? (r.destination = e, Dt(e) && e.add(r)) : r.destination = le, r;
+    return r.isStopped = !1, e ? (r.destination = e, Dt(e) && e.add(r)) : r.destination = pe, r;
   }
   return t.create = function(e, r, s) {
     return new ft(e, r, s);
@@ -234,11 +234,11 @@ var zt = function(i) {
       this.unsubscribe();
     }
   }, t;
-}(X), oe = Function.prototype.bind;
+}(tt), ce = Function.prototype.bind;
 function st(i, t) {
-  return oe.call(i, t);
+  return ce.call(i, t);
 }
-var ae = function() {
+var le = function() {
   function i(t) {
     this.partialObserver = t;
   }
@@ -248,7 +248,7 @@ var ae = function() {
       try {
         e.next(t);
       } catch (r) {
-        G(r);
+        V(r);
       }
   }, i.prototype.error = function(t) {
     var e = this.partialObserver;
@@ -256,21 +256,21 @@ var ae = function() {
       try {
         e.error(t);
       } catch (r) {
-        G(r);
+        V(r);
       }
     else
-      G(t);
+      V(t);
   }, i.prototype.complete = function() {
     var t = this.partialObserver;
     if (t.complete)
       try {
         t.complete();
       } catch (e) {
-        G(e);
+        V(e);
       }
   }, i;
 }(), ft = function(i) {
-  L(t, i);
+  D(t, i);
   function t(e, r, s) {
     var n = i.call(this) || this, o;
     if (m(e) || !e)
@@ -289,29 +289,29 @@ var ae = function() {
         complete: e.complete && st(e.complete, a)
       }) : o = e;
     }
-    return n.destination = new ae(o), n;
+    return n.destination = new le(o), n;
   }
   return t;
 }(zt);
-function G(i) {
-  ne(i);
+function V(i) {
+  ae(i);
 }
-function ce(i) {
+function he(i) {
   throw i;
 }
-var le = {
+var pe = {
   closed: !0,
   next: wt,
-  error: ce,
+  error: he,
   complete: wt
-}, he = function() {
+}, ue = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 }();
-function pe(i) {
+function de(i) {
   return i;
 }
-function ue(i) {
-  return i.length === 0 ? pe : i.length === 1 ? i[0] : function(e) {
+function fe(i) {
+  return i.length === 0 ? de : i.length === 1 ? i[0] : function(e) {
     return i.reduce(function(r, s) {
       return s(r);
     }, e);
@@ -325,7 +325,7 @@ var At = function() {
     var e = new i();
     return e.source = this, e.operator = t, e;
   }, i.prototype.subscribe = function(t, e, r) {
-    var s = this, n = fe(t) ? t : new ft(t, e, r);
+    var s = this, n = ve(t) ? t : new ft(t, e, r);
     return Y(function() {
       var o = s, a = o.operator, c = o.source;
       n.add(a ? a.call(n, c) : c ? s._subscribe(n) : s._trySubscribe(n));
@@ -355,12 +355,12 @@ var At = function() {
   }, i.prototype._subscribe = function(t) {
     var e;
     return (e = this.source) === null || e === void 0 ? void 0 : e.subscribe(t);
-  }, i.prototype[he] = function() {
+  }, i.prototype[ue] = function() {
     return this;
   }, i.prototype.pipe = function() {
     for (var t = [], e = 0; e < arguments.length; e++)
       t[e] = arguments[e];
-    return ue(t)(this);
+    return fe(t)(this);
   }, i.prototype.toPromise = function(t) {
     var e = this;
     return t = St(t), new t(function(r, s) {
@@ -381,18 +381,18 @@ function St(i) {
   var t;
   return (t = i ?? Bt.Promise) !== null && t !== void 0 ? t : Promise;
 }
-function de(i) {
+function ge(i) {
   return i && m(i.next) && m(i.error) && m(i.complete);
 }
-function fe(i) {
-  return i && i instanceof zt || de(i) && Dt(i);
+function ve(i) {
+  return i && i instanceof zt || ge(i) && Dt(i);
 }
-var ge = Nt(function(i) {
+var ye = Nt(function(i) {
   return function() {
     i(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
   };
 }), Wt = function(i) {
-  L(t, i);
+  D(t, i);
   function t() {
     var e = i.call(this) || this;
     return e.closed = !1, e.currentObservers = null, e.observers = [], e.isStopped = !1, e.hasError = !1, e.thrownError = null, e;
@@ -402,7 +402,7 @@ var ge = Nt(function(i) {
     return r.operator = e, r;
   }, t.prototype._throwIfClosed = function() {
     if (this.closed)
-      throw new ge();
+      throw new ye();
   }, t.prototype.next = function(e) {
     var r = this;
     Y(function() {
@@ -459,7 +459,7 @@ var ge = Nt(function(i) {
     return this._throwIfClosed(), this._checkFinalizedStatuses(e), this._innerSubscribe(e);
   }, t.prototype._innerSubscribe = function(e) {
     var r = this, s = this, n = s.hasError, o = s.isStopped, a = s.observers;
-    return n || o ? Lt : (this.currentObservers = null, a.push(e), new X(function() {
+    return n || o ? Lt : (this.currentObservers = null, a.push(e), new tt(function() {
       r.currentObservers = null, ut(a, e);
     }));
   }, t.prototype._checkFinalizedStatuses = function(e) {
@@ -472,7 +472,7 @@ var ge = Nt(function(i) {
     return new Et(e, r);
   }, t;
 }(At), Et = function(i) {
-  L(t, i);
+  D(t, i);
   function t(e, r) {
     var s = i.call(this) || this;
     return s.destination = e, s.source = r, s;
@@ -490,8 +490,8 @@ var ge = Nt(function(i) {
     var r, s;
     return (s = (r = this.source) === null || r === void 0 ? void 0 : r.subscribe(e)) !== null && s !== void 0 ? s : Lt;
   }, t;
-}(Wt), ve = function(i) {
-  L(t, i);
+}(Wt), me = function(i) {
+  D(t, i);
   function t(e) {
     var r = i.call(this) || this;
     return r._value = e, r;
@@ -516,7 +516,7 @@ var ge = Nt(function(i) {
 }(Wt), Gt = /* @__PURE__ */ ((i) => (i.Loading = "loading", i.Ready = "ready", i))(Gt || {});
 class xt {
   constructor(t, e) {
-    this.state = new ve(
+    this.state = new me(
       "loading"
       /* Loading */
     ), this.resolvers = /* @__PURE__ */ new Map(), this.name = t, this.environment = e, this.state.next(
@@ -539,7 +539,7 @@ class xt {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const q = globalThis, vt = q.ShadowRoot && (q.ShadyCSS === void 0 || q.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, yt = Symbol(), Ct = /* @__PURE__ */ new WeakMap();
+const F = globalThis, vt = F.ShadowRoot && (F.ShadyCSS === void 0 || F.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, yt = Symbol(), Ct = /* @__PURE__ */ new WeakMap();
 let Vt = class {
   constructor(t, e, r) {
     if (this._$cssResult$ = !0, r !== yt)
@@ -559,7 +559,7 @@ let Vt = class {
     return this.cssText;
   }
 };
-const ye = (i) => new Vt(typeof i == "string" ? i : i + "", void 0, yt), D = (i, ...t) => {
+const be = (i) => new Vt(typeof i == "string" ? i : i + "", void 0, yt), B = (i, ...t) => {
   const e = i.length === 1 ? i[0] : t.reduce((r, s, n) => r + ((o) => {
     if (o._$cssResult$ === !0)
       return o.cssText;
@@ -568,29 +568,29 @@ const ye = (i) => new Vt(typeof i == "string" ? i : i + "", void 0, yt), D = (i,
     throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(s) + i[n + 1], i[0]);
   return new Vt(e, i, yt);
-}, me = (i, t) => {
+}, _e = (i, t) => {
   if (vt)
     i.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else
     for (const e of t) {
-      const r = document.createElement("style"), s = q.litNonce;
+      const r = document.createElement("style"), s = F.litNonce;
       s !== void 0 && r.setAttribute("nonce", s), r.textContent = e.cssText, i.appendChild(r);
     }
 }, Pt = vt ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const r of t.cssRules)
     e += r.cssText;
-  return ye(e);
+  return be(e);
 })(i) : i;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: be, defineProperty: _e, getOwnPropertyDescriptor: $e, getOwnPropertyNames: we, getOwnPropertySymbols: Ae, getPrototypeOf: Se } = Object, _ = globalThis, Tt = _.trustedTypes, Ee = Tt ? Tt.emptyScript : "", nt = _.reactiveElementPolyfillSupport, R = (i, t) => i, K = { toAttribute(i, t) {
+const { is: $e, defineProperty: we, getOwnPropertyDescriptor: Ae, getOwnPropertyNames: Se, getOwnPropertySymbols: Ee, getPrototypeOf: xe } = Object, $ = globalThis, Tt = $.trustedTypes, Ce = Tt ? Tt.emptyScript : "", nt = $.reactiveElementPolyfillSupport, I = (i, t) => i, Z = { toAttribute(i, t) {
   switch (t) {
     case Boolean:
-      i = i ? Ee : null;
+      i = i ? Ce : null;
       break;
     case Object:
     case Array:
@@ -615,8 +615,8 @@ const { is: be, defineProperty: _e, getOwnPropertyDescriptor: $e, getOwnProperty
       }
   }
   return e;
-} }, mt = (i, t) => !be(i, t), Ot = { attribute: !0, type: String, converter: K, reflect: !1, hasChanged: mt };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), _.litPropertyMetadata ?? (_.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+} }, mt = (i, t) => !$e(i, t), Ot = { attribute: !0, type: String, converter: Z, reflect: !1, hasChanged: mt };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), $.litPropertyMetadata ?? ($.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 class T extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
@@ -627,11 +627,11 @@ class T extends HTMLElement {
   static createProperty(t, e = Ot) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
       const r = Symbol(), s = this.getPropertyDescriptor(t, r, e);
-      s !== void 0 && _e(this.prototype, t, s);
+      s !== void 0 && we(this.prototype, t, s);
     }
   }
   static getPropertyDescriptor(t, e, r) {
-    const { get: s, set: n } = $e(this.prototype, t) ?? { get() {
+    const { get: s, set: n } = Ae(this.prototype, t) ?? { get() {
       return this[e];
     }, set(o) {
       this[e] = o;
@@ -647,16 +647,16 @@ class T extends HTMLElement {
     return this.elementProperties.get(t) ?? Ot;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(R("elementProperties")))
+    if (this.hasOwnProperty(I("elementProperties")))
       return;
-    const t = Se(this);
+    const t = xe(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(R("finalized")))
+    if (this.hasOwnProperty(I("finalized")))
       return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(R("properties"))) {
-      const e = this.properties, r = [...we(e), ...Ae(e)];
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(I("properties"))) {
+      const e = this.properties, r = [...Se(e), ...Ee(e)];
       for (const s of r)
         this.createProperty(s, e[s]);
     }
@@ -711,7 +711,7 @@ class T extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return me(t, this.constructor.elementStyles), t;
+    return _e(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -736,7 +736,7 @@ class T extends HTMLElement {
     var n;
     const r = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, r);
     if (s !== void 0 && r.reflect === !0) {
-      const o = (((n = r.converter) == null ? void 0 : n.toAttribute) !== void 0 ? r.converter : K).toAttribute(e, r.type);
+      const o = (((n = r.converter) == null ? void 0 : n.toAttribute) !== void 0 ? r.converter : Z).toAttribute(e, r.type);
       this._$Em = t, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
     }
   }
@@ -744,7 +744,7 @@ class T extends HTMLElement {
     var n;
     const r = this.constructor, s = r._$Eh.get(t);
     if (s !== void 0 && this._$Em !== s) {
-      const o = r.getPropertyOptions(s), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : K;
+      const o = r.getPropertyOptions(s), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : Z;
       this._$Em = s, this[s] = a.fromAttribute(e, o.type), this._$Em = null;
     }
   }
@@ -828,40 +828,40 @@ class T extends HTMLElement {
   firstUpdated(t) {
   }
 }
-T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[R("elementProperties")] = /* @__PURE__ */ new Map(), T[R("finalized")] = /* @__PURE__ */ new Map(), nt == null || nt({ ReactiveElement: T }), (_.reactiveElementVersions ?? (_.reactiveElementVersions = [])).push("2.0.1");
+T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[I("elementProperties")] = /* @__PURE__ */ new Map(), T[I("finalized")] = /* @__PURE__ */ new Map(), nt == null || nt({ ReactiveElement: T }), ($.reactiveElementVersions ?? ($.reactiveElementVersions = [])).push("2.0.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const I = globalThis, Z = I.trustedTypes, Ut = Z ? Z.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, Yt = "$lit$", b = `lit$${(Math.random() + "").slice(9)}$`, qt = "?" + b, xe = `<${qt}>`, C = document, j = () => C.createComment(""), H = (i) => i === null || typeof i != "object" && typeof i != "function", Ft = Array.isArray, Ce = (i) => Ft(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", ot = `[ 	
-\f\r]`, U = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Rt = /-->/g, It = />/g, S = RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Mt = /'/g, kt = /"/g, Jt = /^(?:script|style|textarea|title)$/i, Pe = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), M = Pe(1), P = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), jt = /* @__PURE__ */ new WeakMap(), x = C.createTreeWalker(C, 129);
+const M = globalThis, Q = M.trustedTypes, Ut = Q ? Q.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, qt = "$lit$", _ = `lit$${(Math.random() + "").slice(9)}$`, Yt = "?" + _, Pe = `<${Yt}>`, C = document, H = () => C.createComment(""), N = (i) => i === null || typeof i != "object" && typeof i != "function", Ft = Array.isArray, Te = (i) => Ft(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", ot = `[ 	
+\f\r]`, R = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Rt = /-->/g, It = />/g, S = RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Mt = /'/g, kt = /"/g, Jt = /^(?:script|style|textarea|title)$/i, Oe = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), k = Oe(1), P = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), jt = /* @__PURE__ */ new WeakMap(), x = C.createTreeWalker(C, 129);
 function Kt(i, t) {
   if (!Array.isArray(i) || !i.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
   return Ut !== void 0 ? Ut.createHTML(t) : t;
 }
-const Te = (i, t) => {
+const Ue = (i, t) => {
   const e = i.length - 1, r = [];
-  let s, n = t === 2 ? "<svg>" : "", o = U;
+  let s, n = t === 2 ? "<svg>" : "", o = R;
   for (let a = 0; a < e; a++) {
     const c = i[a];
     let h, p, l = -1, f = 0;
     for (; f < c.length && (o.lastIndex = f, p = o.exec(c), p !== null); )
-      f = o.lastIndex, o === U ? p[1] === "!--" ? o = Rt : p[1] !== void 0 ? o = It : p[2] !== void 0 ? (Jt.test(p[2]) && (s = RegExp("</" + p[2], "g")), o = S) : p[3] !== void 0 && (o = S) : o === S ? p[0] === ">" ? (o = s ?? U, l = -1) : p[1] === void 0 ? l = -2 : (l = o.lastIndex - p[2].length, h = p[1], o = p[3] === void 0 ? S : p[3] === '"' ? kt : Mt) : o === kt || o === Mt ? o = S : o === Rt || o === It ? o = U : (o = S, s = void 0);
+      f = o.lastIndex, o === R ? p[1] === "!--" ? o = Rt : p[1] !== void 0 ? o = It : p[2] !== void 0 ? (Jt.test(p[2]) && (s = RegExp("</" + p[2], "g")), o = S) : p[3] !== void 0 && (o = S) : o === S ? p[0] === ">" ? (o = s ?? R, l = -1) : p[1] === void 0 ? l = -2 : (l = o.lastIndex - p[2].length, h = p[1], o = p[3] === void 0 ? S : p[3] === '"' ? kt : Mt) : o === kt || o === Mt ? o = S : o === Rt || o === It ? o = R : (o = S, s = void 0);
     const u = o === S && i[a + 1].startsWith("/>") ? " " : "";
-    n += o === U ? c + xe : l >= 0 ? (r.push(h), c.slice(0, l) + Yt + c.slice(l) + b + u) : c + b + (l === -2 ? a : u);
+    n += o === R ? c + Pe : l >= 0 ? (r.push(h), c.slice(0, l) + qt + c.slice(l) + _ + u) : c + _ + (l === -2 ? a : u);
   }
   return [Kt(i, n + (i[e] || "<?>") + (t === 2 ? "</svg>" : "")), r];
 };
-class N {
+class L {
   constructor({ strings: t, _$litType$: e }, r) {
     let s;
     this.parts = [];
     let n = 0, o = 0;
-    const a = t.length - 1, c = this.parts, [h, p] = Te(t, e);
-    if (this.el = N.createElement(h, r), x.currentNode = this.el.content, e === 2) {
+    const a = t.length - 1, c = this.parts, [h, p] = Ue(t, e);
+    if (this.el = L.createElement(h, r), x.currentNode = this.el.content, e === 2) {
       const l = this.el.content.firstChild;
       l.replaceWith(...l.childNodes);
     }
@@ -869,27 +869,27 @@ class N {
       if (s.nodeType === 1) {
         if (s.hasAttributes())
           for (const l of s.getAttributeNames())
-            if (l.endsWith(Yt)) {
-              const f = p[o++], u = s.getAttribute(l).split(b), g = /([.?@])?(.*)/.exec(f);
-              c.push({ type: 1, index: n, name: g[2], strings: u, ctor: g[1] === "." ? Ue : g[1] === "?" ? Re : g[1] === "@" ? Ie : tt }), s.removeAttribute(l);
+            if (l.endsWith(qt)) {
+              const f = p[o++], u = s.getAttribute(l).split(_), g = /([.?@])?(.*)/.exec(f);
+              c.push({ type: 1, index: n, name: g[2], strings: u, ctor: g[1] === "." ? Ie : g[1] === "?" ? Me : g[1] === "@" ? ke : et }), s.removeAttribute(l);
             } else
-              l.startsWith(b) && (c.push({ type: 6, index: n }), s.removeAttribute(l));
+              l.startsWith(_) && (c.push({ type: 6, index: n }), s.removeAttribute(l));
         if (Jt.test(s.tagName)) {
-          const l = s.textContent.split(b), f = l.length - 1;
+          const l = s.textContent.split(_), f = l.length - 1;
           if (f > 0) {
-            s.textContent = Z ? Z.emptyScript : "";
+            s.textContent = Q ? Q.emptyScript : "";
             for (let u = 0; u < f; u++)
-              s.append(l[u], j()), x.nextNode(), c.push({ type: 2, index: ++n });
-            s.append(l[f], j());
+              s.append(l[u], H()), x.nextNode(), c.push({ type: 2, index: ++n });
+            s.append(l[f], H());
           }
         }
       } else if (s.nodeType === 8)
-        if (s.data === qt)
+        if (s.data === Yt)
           c.push({ type: 2, index: n });
         else {
           let l = -1;
-          for (; (l = s.data.indexOf(b, l + 1)) !== -1; )
-            c.push({ type: 7, index: n }), l += b.length - 1;
+          for (; (l = s.data.indexOf(_, l + 1)) !== -1; )
+            c.push({ type: 7, index: n }), l += _.length - 1;
         }
       n++;
     }
@@ -904,10 +904,10 @@ function O(i, t, e = i, r) {
   if (t === P)
     return t;
   let s = r !== void 0 ? (o = e._$Co) == null ? void 0 : o[r] : e._$Cl;
-  const n = H(t) ? void 0 : t._$litDirective$;
+  const n = N(t) ? void 0 : t._$litDirective$;
   return (s == null ? void 0 : s.constructor) !== n && ((a = s == null ? void 0 : s._$AO) == null || a.call(s, !1), n === void 0 ? s = void 0 : (s = new n(i), s._$AT(i, e, r)), r !== void 0 ? (e._$Co ?? (e._$Co = []))[r] = s : e._$Cl = s), s !== void 0 && (t = O(i, s._$AS(i, t.values), s, r)), t;
 }
-class Oe {
+class Re {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -924,7 +924,7 @@ class Oe {
     for (; c !== void 0; ) {
       if (o === c.index) {
         let h;
-        c.type === 2 ? h = new B(n, n.nextSibling, this, t) : c.type === 1 ? h = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (h = new Me(n, this, t)), this._$AV.push(h), c = r[++a];
+        c.type === 2 ? h = new z(n, n.nextSibling, this, t) : c.type === 1 ? h = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (h = new je(n, this, t)), this._$AV.push(h), c = r[++a];
       }
       o !== (c == null ? void 0 : c.index) && (n = x.nextNode(), o++);
     }
@@ -936,7 +936,7 @@ class Oe {
       r !== void 0 && (r.strings !== void 0 ? (r._$AI(t, r, e), e += r.strings.length - 2) : r._$AI(t[e])), e++;
   }
 }
-class B {
+class z {
   get _$AU() {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
@@ -956,7 +956,7 @@ class B {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = O(this, t, e), H(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== P && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : Ce(t) ? this.T(t) : this._(t);
+    t = O(this, t, e), N(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== P && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : Te(t) ? this.T(t) : this._(t);
   }
   k(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -965,28 +965,28 @@ class B {
     this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
   }
   _(t) {
-    this._$AH !== d && H(this._$AH) ? this._$AA.nextSibling.data = t : this.$(C.createTextNode(t)), this._$AH = t;
+    this._$AH !== d && N(this._$AH) ? this._$AA.nextSibling.data = t : this.$(C.createTextNode(t)), this._$AH = t;
   }
   g(t) {
     var n;
-    const { values: e, _$litType$: r } = t, s = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = N.createElement(Kt(r.h, r.h[0]), this.options)), r);
+    const { values: e, _$litType$: r } = t, s = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = L.createElement(Kt(r.h, r.h[0]), this.options)), r);
     if (((n = this._$AH) == null ? void 0 : n._$AD) === s)
       this._$AH.p(e);
     else {
-      const o = new Oe(s, this), a = o.u(this.options);
+      const o = new Re(s, this), a = o.u(this.options);
       o.p(e), this.$(a), this._$AH = o;
     }
   }
   _$AC(t) {
     let e = jt.get(t.strings);
-    return e === void 0 && jt.set(t.strings, e = new N(t)), e;
+    return e === void 0 && jt.set(t.strings, e = new L(t)), e;
   }
   T(t) {
     Ft(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let r, s = 0;
     for (const n of t)
-      s === e.length ? e.push(r = new B(this.k(j()), this.k(j()), this, this.options)) : r = e[s], r._$AI(n), s++;
+      s === e.length ? e.push(r = new z(this.k(H()), this.k(H()), this, this.options)) : r = e[s], r._$AI(n), s++;
     s < e.length && (this._$AR(r && r._$AB.nextSibling, s), e.length = s);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -1001,7 +1001,7 @@ class B {
     this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
   }
 }
-class tt {
+class et {
   get tagName() {
     return this.element.tagName;
   }
@@ -1015,12 +1015,12 @@ class tt {
     const n = this.strings;
     let o = !1;
     if (n === void 0)
-      t = O(this, t, e, 0), o = !H(t) || t !== this._$AH && t !== P, o && (this._$AH = t);
+      t = O(this, t, e, 0), o = !N(t) || t !== this._$AH && t !== P, o && (this._$AH = t);
     else {
       const a = t;
       let c, h;
       for (t = n[0], c = 0; c < n.length - 1; c++)
-        h = O(this, a[r + c], e, c), h === P && (h = this._$AH[c]), o || (o = !H(h) || h !== this._$AH[c]), h === d ? t = d : t !== d && (t += (h ?? "") + n[c + 1]), this._$AH[c] = h;
+        h = O(this, a[r + c], e, c), h === P && (h = this._$AH[c]), o || (o = !N(h) || h !== this._$AH[c]), h === d ? t = d : t !== d && (t += (h ?? "") + n[c + 1]), this._$AH[c] = h;
     }
     o && !s && this.O(t);
   }
@@ -1028,7 +1028,7 @@ class tt {
     t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Ue extends tt {
+class Ie extends et {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -1036,7 +1036,7 @@ class Ue extends tt {
     this.element[this.name] = t === d ? void 0 : t;
   }
 }
-class Re extends tt {
+class Me extends et {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -1044,7 +1044,7 @@ class Re extends tt {
     this.element.toggleAttribute(this.name, !!t && t !== d);
   }
 }
-class Ie extends tt {
+class ke extends et {
   constructor(t, e, r, s, n) {
     super(t, e, r, s, n), this.type = 5;
   }
@@ -1059,7 +1059,7 @@ class Ie extends tt {
     typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Me {
+class je {
   constructor(t, e, r) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = r;
   }
@@ -1070,14 +1070,14 @@ class Me {
     O(this, t);
   }
 }
-const at = I.litHtmlPolyfillSupport;
-at == null || at(N, B), (I.litHtmlVersions ?? (I.litHtmlVersions = [])).push("3.0.2");
-const ke = (i, t, e) => {
+const at = M.litHtmlPolyfillSupport;
+at == null || at(L, z), (M.litHtmlVersions ?? (M.litHtmlVersions = [])).push("3.0.2");
+const He = (i, t, e) => {
   const r = (e == null ? void 0 : e.renderBefore) ?? t;
   let s = r._$litPart$;
   if (s === void 0) {
     const n = (e == null ? void 0 : e.renderBefore) ?? null;
-    r._$litPart$ = s = new B(t.insertBefore(j(), n), n, void 0, e ?? {});
+    r._$litPart$ = s = new z(t.insertBefore(H(), n), n, void 0, e ?? {});
   }
   return s._$AI(i), s;
 };
@@ -1086,7 +1086,7 @@ const ke = (i, t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let $ = class extends T {
+let w = class extends T {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -1097,7 +1097,7 @@ let $ = class extends T {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ke(e, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = He(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t;
@@ -1112,16 +1112,16 @@ let $ = class extends T {
   }
 };
 var Ht;
-$._$litElement$ = !0, $.finalized = !0, (Ht = globalThis.litElementHydrateSupport) == null || Ht.call(globalThis, { LitElement: $ });
+w._$litElement$ = !0, w.finalized = !0, (Ht = globalThis.litElementHydrateSupport) == null || Ht.call(globalThis, { LitElement: w });
 const ct = globalThis.litElementPolyfillSupport;
-ct == null || ct({ LitElement: $ });
+ct == null || ct({ LitElement: w });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const je = { attribute: !0, type: String, converter: K, reflect: !1, hasChanged: mt }, He = (i = je, t, e) => {
+const Ne = { attribute: !0, type: String, converter: Z, reflect: !1, hasChanged: mt }, Le = (i = Ne, t, e) => {
   const { kind: r, metadata: s } = e;
   let n = globalThis.litPropertyMetadata.get(s);
   if (n === void 0 && globalThis.litPropertyMetadata.set(s, n = /* @__PURE__ */ new Map()), n.set(e.name, i), r === "accessor") {
@@ -1143,7 +1143,7 @@ const je = { attribute: !0, type: String, converter: K, reflect: !1, hasChanged:
   throw Error("Unsupported decorator location: " + r);
 };
 function y(i) {
-  return (t, e) => typeof e == "object" ? He(i, t, e) : ((r, s, n) => {
+  return (t, e) => typeof e == "object" ? Le(i, t, e) : ((r, s, n) => {
     const o = s.hasOwnProperty(n);
     return s.constructor.createProperty(n, o ? { ...r, wrapped: !0 } : r), o ? Object.getOwnPropertyDescriptor(s, n) : void 0;
   })(i, t, e);
@@ -1153,7 +1153,7 @@ function y(i) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function z(i) {
+function U(i) {
   return y({ ...i, state: !0, attribute: !1 });
 }
 /**
@@ -1183,7 +1183,7 @@ class Xt {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ne = Qt(class extends Xt {
+const De = Qt(class extends Xt {
   constructor(i) {
     var t;
     if (super(i), i.type !== Zt.ATTRIBUTE || i.name !== "class" || ((t = i.strings) == null ? void 0 : t.length) > 2)
@@ -1209,35 +1209,149 @@ const Ne = Qt(class extends Xt {
     }
     return P;
   }
-}), V = (i, t, e) => {
+}), q = (i, t, e) => {
   i && e.style.setProperty(t, i);
 }, te = (i, t) => {
   var e, r, s, n;
-  V((e = i.colors) == null ? void 0 : e.primaryBackground, "--primary-background", t), V(
+  q((e = i.colors) == null ? void 0 : e.primaryBackground, "--primary-background", t), q(
     (r = i.colors) == null ? void 0 : r.textOnPrimaryBackground,
     "--text-on-primary-background",
     t
-  ), V(
+  ), q(
     (s = i.colors) == null ? void 0 : s.secondaryBackground,
     "--secondary-background",
     t
-  ), V(
+  ), q(
     (n = i.colors) == null ? void 0 : n.textOnSecondaryBackground,
     "--text-on-secondary-background",
     t
   );
 };
-var Le = Object.defineProperty, De = Object.getOwnPropertyDescriptor, et = (i, t, e, r) => {
-  for (var s = r > 1 ? void 0 : r ? De(t, e) : t, n = i.length - 1, o; n >= 0; n--)
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Be = (i) => i.strings === void 0;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const j = (i, t) => {
+  var r;
+  const e = i._$AN;
+  if (e === void 0)
+    return !1;
+  for (const s of e)
+    (r = s._$AO) == null || r.call(s, t, !1), j(s, t);
+  return !0;
+}, X = (i) => {
+  let t, e;
+  do {
+    if ((t = i._$AM) === void 0)
+      break;
+    e = t._$AN, e.delete(i), i = t;
+  } while ((e == null ? void 0 : e.size) === 0);
+}, ee = (i) => {
+  for (let t; t = i._$AM; i = t) {
+    let e = t._$AN;
+    if (e === void 0)
+      t._$AN = e = /* @__PURE__ */ new Set();
+    else if (e.has(i))
+      break;
+    e.add(i), Ge(t);
+  }
+};
+function ze(i) {
+  this._$AN !== void 0 ? (X(this), this._$AM = i, ee(this)) : this._$AM = i;
+}
+function We(i, t = !1, e = 0) {
+  const r = this._$AH, s = this._$AN;
+  if (s !== void 0 && s.size !== 0)
+    if (t)
+      if (Array.isArray(r))
+        for (let n = e; n < r.length; n++)
+          j(r[n], !1), X(r[n]);
+      else
+        r != null && (j(r, !1), X(r));
+    else
+      j(this, i);
+}
+const Ge = (i) => {
+  i.type == Zt.CHILD && (i._$AP ?? (i._$AP = We), i._$AQ ?? (i._$AQ = ze));
+};
+class Ve extends Xt {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(t, e, r) {
+    super._$AT(t, e, r), ee(this), this.isConnected = t._$AU;
+  }
+  _$AO(t, e = !0) {
+    var r, s;
+    t !== this.isConnected && (this.isConnected = t, t ? (r = this.reconnected) == null || r.call(this) : (s = this.disconnected) == null || s.call(this)), e && (j(this, t), X(this));
+  }
+  setValue(t) {
+    if (Be(this._$Ct))
+      this._$Ct._$AI(t, this);
+    else {
+      const e = [...this._$Ct._$AH];
+      e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
+    }
+  }
+  disconnected() {
+  }
+  reconnected() {
+  }
+}
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const re = () => new qe();
+class qe {
+}
+const lt = /* @__PURE__ */ new WeakMap(), ie = Qt(class extends Ve {
+  render(i) {
+    return d;
+  }
+  update(i, [t]) {
+    var r;
+    const e = t !== this.G;
+    return e && this.G !== void 0 && this.ot(void 0), (e || this.rt !== this.lt) && (this.G = t, this.ct = (r = i.options) == null ? void 0 : r.host, this.ot(this.lt = i.element)), d;
+  }
+  ot(i) {
+    if (typeof this.G == "function") {
+      const t = this.ct ?? globalThis;
+      let e = lt.get(t);
+      e === void 0 && (e = /* @__PURE__ */ new WeakMap(), lt.set(t, e)), e.get(this.G) !== void 0 && this.G.call(this.ct, void 0), e.set(this.G, i), i !== void 0 && this.G.call(this.ct, i);
+    } else
+      this.G.value = i;
+  }
+  get rt() {
+    var i, t;
+    return typeof this.G == "function" ? (i = lt.get(this.ct ?? globalThis)) == null ? void 0 : i.get(this.G) : (t = this.G) == null ? void 0 : t.value;
+  }
+  disconnected() {
+    this.rt === this.lt && this.ot(void 0);
+  }
+  reconnected() {
+    this.ot(this.lt);
+  }
+});
+var Ye = Object.defineProperty, Fe = Object.getOwnPropertyDescriptor, W = (i, t, e, r) => {
+  for (var s = r > 1 ? void 0 : r ? Fe(t, e) : t, n = i.length - 1, o; n >= 0; n--)
     (o = i[n]) && (s = (r ? o(t, e, s) : o(s)) || s);
-  return r && s && Le(t, e, s), s;
+  return r && s && Ye(t, e, s), s;
 };
-class A extends $ {
+class b extends w {
   constructor() {
-    super(...arguments), this.active = !1, this.loaded = !1;
+    super(...arguments), this.active = !1, this.loaded = !1, this.offset = 0, this.buttonRef = re();
   }
   async connectedCallback() {
-    super.connectedCallback(), this.icon = await this._renderSymbol(), this.loaded = !0, this._applyBranding();
+    super.connectedCallback(), this.icon = await this._renderSymbol(), this.loaded = !0, this._applyBranding(), this.offset > 0 && this.buttonRef.value && (this.buttonRef.value.style.right = `calc(${this.offset}px + 20px)`);
   }
   _toggleActive() {
     var t;
@@ -1257,7 +1371,7 @@ class A extends $ {
     var a, c, h;
     const t = (a = this.application) == null ? void 0 : a.branding(), e = (c = t == null ? void 0 : t.graphics) == null ? void 0 : c.trigger;
     if (e)
-      return M` <img src=${e} class="trigger-icon" alt="" /> `;
+      return k` <img src=${e} class="trigger-icon" alt="" /> `;
     const r = (h = this.application) == null ? void 0 : h.triggerIcon;
     if (!r)
       return d;
@@ -1267,7 +1381,7 @@ class A extends $ {
     switch (n) {
       case "Telia": {
         const p = await s(o);
-        return p ? M`<telia-icon
+        return p ? k`<telia-icon
             class="trigger-icon"
             svg=${p.svg}
             size="lg"
@@ -1277,14 +1391,18 @@ class A extends $ {
         return d;
     }
   }
+  setOffset(t) {
+    this.offset = t;
+  }
   render() {
-    return M`<button
-      class=${Ne({
+    return k`<button
+      class=${De({
       trigger: !0,
       active: this.active,
       rendered: this.loaded
     })}
       @click=${this._toggleActive}
+      ${ie(this.buttonRef)}
     >
       ${this.icon}
       <span class="trigger-close">
@@ -1317,8 +1435,8 @@ class A extends $ {
     </button>`;
   }
 }
-A.styles = [
-  D`
+b.styles = [
+  B`
       :host {
         --voca-rem-multiplier: 0.625;
         display: block;
@@ -1392,24 +1510,27 @@ A.styles = [
       }
     `
 ];
-et([
+W([
   y({ attribute: !1 })
-], A.prototype, "application", 2);
-et([
-  z()
-], A.prototype, "active", 2);
-et([
-  z()
-], A.prototype, "loaded", 2);
-et([
-  z()
-], A.prototype, "icon", 2);
-var Be = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, E = (i, t, e, r) => {
-  for (var s = r > 1 ? void 0 : r ? ze(t, e) : t, n = i.length - 1, o; n >= 0; n--)
+], b.prototype, "application", 2);
+W([
+  U()
+], b.prototype, "active", 2);
+W([
+  U()
+], b.prototype, "loaded", 2);
+W([
+  U()
+], b.prototype, "icon", 2);
+W([
+  U()
+], b.prototype, "offset", 2);
+var Je = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, E = (i, t, e, r) => {
+  for (var s = r > 1 ? void 0 : r ? Ke(t, e) : t, n = i.length - 1, o; n >= 0; n--)
     (o = i[n]) && (s = (r ? o(t, e, s) : o(s)) || s);
-  return r && s && Be(t, e, s), s;
+  return r && s && Je(t, e, s), s;
 };
-const We = (i) => {
+const Ze = (i) => {
   class t extends i {
     constructor() {
       super(...arguments), this.properties = {}, this.context = {}, this.layout = {}, this.nodes = [];
@@ -1435,7 +1556,7 @@ const We = (i) => {
   }
   return t.styles = [
     // (superClass as unknown as typeof LitElement).styles ?? [],
-    D`
+    B`
         :host {
           font-family: var(--font-family);
           grid-column: span var(--width);
@@ -1464,132 +1585,18 @@ const We = (i) => {
     y({ attribute: !1 })
   ], t.prototype, "parent", 2), t;
 };
-class bt extends We($) {
+class bt extends Ze(w) {
   render() {
-    return M`Non resolved component`;
+    return k`Non resolved component`;
   }
 }
 bt.styles = [
-  D`
+  B`
       :host {
         display: block;
       }
     `
 ];
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Ge = (i) => i.strings === void 0;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const k = (i, t) => {
-  var r;
-  const e = i._$AN;
-  if (e === void 0)
-    return !1;
-  for (const s of e)
-    (r = s._$AO) == null || r.call(s, t, !1), k(s, t);
-  return !0;
-}, Q = (i) => {
-  let t, e;
-  do {
-    if ((t = i._$AM) === void 0)
-      break;
-    e = t._$AN, e.delete(i), i = t;
-  } while ((e == null ? void 0 : e.size) === 0);
-}, ee = (i) => {
-  for (let t; t = i._$AM; i = t) {
-    let e = t._$AN;
-    if (e === void 0)
-      t._$AN = e = /* @__PURE__ */ new Set();
-    else if (e.has(i))
-      break;
-    e.add(i), qe(t);
-  }
-};
-function Ve(i) {
-  this._$AN !== void 0 ? (Q(this), this._$AM = i, ee(this)) : this._$AM = i;
-}
-function Ye(i, t = !1, e = 0) {
-  const r = this._$AH, s = this._$AN;
-  if (s !== void 0 && s.size !== 0)
-    if (t)
-      if (Array.isArray(r))
-        for (let n = e; n < r.length; n++)
-          k(r[n], !1), Q(r[n]);
-      else
-        r != null && (k(r, !1), Q(r));
-    else
-      k(this, i);
-}
-const qe = (i) => {
-  i.type == Zt.CHILD && (i._$AP ?? (i._$AP = Ye), i._$AQ ?? (i._$AQ = Ve));
-};
-class Fe extends Xt {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(t, e, r) {
-    super._$AT(t, e, r), ee(this), this.isConnected = t._$AU;
-  }
-  _$AO(t, e = !0) {
-    var r, s;
-    t !== this.isConnected && (this.isConnected = t, t ? (r = this.reconnected) == null || r.call(this) : (s = this.disconnected) == null || s.call(this)), e && (k(this, t), Q(this));
-  }
-  setValue(t) {
-    if (Ge(this._$Ct))
-      this._$Ct._$AI(t, this);
-    else {
-      const e = [...this._$Ct._$AH];
-      e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-}
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Je = () => new Ke();
-class Ke {
-}
-const lt = /* @__PURE__ */ new WeakMap(), Ze = Qt(class extends Fe {
-  render(i) {
-    return d;
-  }
-  update(i, [t]) {
-    var r;
-    const e = t !== this.G;
-    return e && this.G !== void 0 && this.ot(void 0), (e || this.rt !== this.lt) && (this.G = t, this.ct = (r = i.options) == null ? void 0 : r.host, this.ot(this.lt = i.element)), d;
-  }
-  ot(i) {
-    if (typeof this.G == "function") {
-      const t = this.ct ?? globalThis;
-      let e = lt.get(t);
-      e === void 0 && (e = /* @__PURE__ */ new WeakMap(), lt.set(t, e)), e.get(this.G) !== void 0 && this.G.call(this.ct, void 0), e.set(this.G, i), i !== void 0 && this.G.call(this.ct, i);
-    } else
-      this.G.value = i;
-  }
-  get rt() {
-    var i, t;
-    return typeof this.G == "function" ? (i = lt.get(this.ct ?? globalThis)) == null ? void 0 : i.get(this.G) : (t = this.G) == null ? void 0 : t.value;
-  }
-  disconnected() {
-    this.rt === this.lt && this.ot(void 0);
-  }
-  reconnected() {
-    this.ot(this.lt);
-  }
-});
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -1602,14 +1609,14 @@ function* Qe(i, t) {
       yield t(r, e++);
   }
 }
-var w = /* @__PURE__ */ ((i) => (i.Inline = "inline", i.Trigger = "trigger", i))(w || {}), Xe = Object.defineProperty, tr = Object.getOwnPropertyDescriptor, er = (i, t, e, r) => {
+var A = /* @__PURE__ */ ((i) => (i.Inline = "inline", i.Trigger = "trigger", i))(A || {}), Xe = Object.defineProperty, tr = Object.getOwnPropertyDescriptor, er = (i, t, e, r) => {
   for (var s = r > 1 ? void 0 : r ? tr(t, e) : t, n = i.length - 1, o; n >= 0; n--)
     (o = i[n]) && (s = (r ? o(t, e, s) : o(s)) || s);
   return r && s && Xe(t, e, s), s;
 };
-class rt extends $ {
+class rt extends w {
   constructor() {
-    super(...arguments), this.nodes = [], this.wrapperRef = Je();
+    super(...arguments), this.nodes = [], this.wrapperRef = re();
   }
   addChild(t) {
     t.parent = this, this.nodes.push(t);
@@ -1632,12 +1639,12 @@ class rt extends $ {
     this.applyBranding(), this.applyStyles();
   }
   render() {
-    return this.application.renderStrategy === w.Trigger && this.renderRoot.host.classList.add("floating"), M`<div class="widget-container" ${Ze(this.wrapperRef)}>
+    return this.application.renderStrategy === A.Trigger && this.renderRoot.host.classList.add("floating"), k`<div class="widget-container" ${ie(this.wrapperRef)}>
       ${Qe(this.nodes, (t) => t)}
     </div>`;
   }
 }
-rt.styles = D`
+rt.styles = B`
     :host {
       --font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
       --spacing-xs: 0.2rem;
@@ -1788,7 +1795,7 @@ class rr {
     return this.root;
   }
 }
-const re = class {
+const se = class {
   constructor() {
     this.components = /* @__PURE__ */ new Map();
   }
@@ -1808,12 +1815,12 @@ const re = class {
     await Promise.all(i);
   }
   defineAsWebComponent(i, t) {
-    const e = re.ResolveWebComponentName(i);
+    const e = se.ResolveWebComponentName(i);
     customElements.get(e) || customElements.define(e, t);
   }
 };
-let ie = re;
-ie.ResolveWebComponentName = (i) => `ace-${i}`;
+let ne = se;
+ne.ResolveWebComponentName = (i) => `ace-${i}`;
 class ir {
   constructor() {
     this.texts = /* @__PURE__ */ new Map();
@@ -1828,7 +1835,7 @@ class ir {
 }
 class sr {
   constructor(t, e, r, s) {
-    this.name = t, this.container = e, this.settings = r, this.options = s, this.platform = new rr(), this.texts = new ir(), this.renderStrategy = w.Inline, this.autoActivate = !1, this.plugins = [], this.componentResolver = new ie(), this.renderStrategy = this.options.renderStrategy || w.Inline, this.triggerIcon = this.options.triggerIcon, typeof s.autoActivate == "boolean" && (this.autoActivate = s.autoActivate), this.container.register("$settings", r), this.texts.loadTexts(r.texts || {});
+    this.name = t, this.container = e, this.settings = r, this.options = s, this.platform = new rr(), this.texts = new ir(), this.renderStrategy = A.Inline, this.autoActivate = !1, this.plugins = [], this.componentResolver = new ne(), this.renderStrategy = this.options.renderStrategy || A.Inline, this.triggerIcon = this.options.triggerIcon, typeof s.autoActivate == "boolean" && (this.autoActivate = s.autoActivate), this.container.register("$settings", r), this.texts.loadTexts(r.texts || {});
   }
   async activate() {
     if (await this.loadPlugins(), await this.componentResolver.loadComponents(), this.root = this.platform.createComponentModel(this.settings, this), this.container.setState(Gt.Ready), this.autoActivate) {
@@ -1862,14 +1869,14 @@ class sr {
     return this.componentResolver.getComponent(t);
   }
   render() {
-    if (this.renderStrategy === w.Trigger) {
-      const t = new A();
-      return t.application = this, t;
+    if (this.renderStrategy === A.Trigger) {
+      const t = [...Array.from(document.querySelectorAll("ace-trigger"))].length, e = new b();
+      return e.application = this, e.setOffset(t * 80), e;
     }
     return this.root;
   }
 }
-const se = class {
+const oe = class {
   // TODO:
   // private static endpoint = 'http://localhost:5299/api'; // TODO:
   async getSite(i) {
@@ -1877,8 +1884,8 @@ const se = class {
     return e ? {
       id: e.id,
       apps: e.widgets.map((r) => {
-        let s = w.Inline;
-        return r.renderStrategy === "Trigger" && (s = w.Trigger), {
+        let s = A.Inline;
+        return r.renderStrategy === "Trigger" && (s = A.Trigger), {
           id: r.id,
           widgetId: r.widgetId,
           renderStrategy: s,
@@ -1892,14 +1899,14 @@ const se = class {
     } : null;
   }
   async getWidget(i) {
-    const e = await (await fetch(`${se.endpoint}/widget/${i}`)).json();
+    const e = await (await fetch(`${oe.endpoint}/widget/${i}`)).json();
     return e ? {
       name: e.name,
       config: JSON.parse(e.configuration)
     } : null;
   }
 };
-let gt = se;
+let gt = oe;
 gt.endpoint = "https://widgets.ace.teliacompany.net/api";
 class nr {
   constructor() {
@@ -1983,7 +1990,7 @@ var ar = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, _t = (i, t
     (o = i[n]) && (s = (r ? o(t, e, s) : o(s)) || s);
   return r && s && ar(t, e, s), s;
 };
-class W extends $ {
+class G extends w {
   constructor() {
     super(), this.status = "deactivated", this.addEventListener("environment-created", this.onEnvironmentCreated);
   }
@@ -2008,15 +2015,15 @@ class W extends $ {
   render() {
     if (!this.widget || this.status !== "activated")
       return d;
-    if (this.widget.renderStrategy === w.Trigger) {
-      const t = new A();
+    if (this.widget.renderStrategy === A.Trigger) {
+      const t = new b();
       return t.application = this.widget, t;
     }
     return this.widget.render();
   }
 }
-W.styles = [
-  D`
+G.styles = [
+  B`
       :host {
         display: block;
       }
@@ -2024,28 +2031,28 @@ W.styles = [
 ];
 _t([
   y({ attribute: !0 })
-], W.prototype, "name", 2);
+], G.prototype, "name", 2);
 _t([
-  z()
-], W.prototype, "widget", 2);
+  U()
+], G.prototype, "widget", 2);
 _t([
-  z()
-], W.prototype, "status", 2);
-customElements.get("ace-trigger") || customElements.define("ace-trigger", A);
+  U()
+], G.prototype, "status", 2);
+customElements.get("ace-trigger") || customElements.define("ace-trigger", b);
 customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", bt);
 customElements.get("ace-wrapper") || customElements.define("ace-wrapper", rt);
-customElements.get("ace-widget") || customElements.define("ace-widget", W);
+customElements.get("ace-widget") || customElements.define("ace-widget", G);
 const pr = async (i, t) => {
   await new or(i).bootstrap(t);
 };
 export {
-  W as AceWidget,
+  G as AceWidget,
   sr as Application,
   xt as Container,
   nr as Environment,
   gt as HttpClient,
   or as Site,
-  A as Trigger,
-  We as WidgetComponent,
+  b as Trigger,
+  Ze as WidgetComponent,
   pr as bootstrap
 };