@telia-ace/alliance-ui 1.0.6-next.1 → 1.0.6-next.2

package/components/index.js

@@ -1,8 +1,8 @@
 import "../chunks/telia-button2-d25eddda.js";
 import "../chunks/telia-heading2-9d3ab48b.js";
 import "../chunks/telia-icon2-34bf5aef.js";
-import { s as y, l as et, c as x, b as ct, a as Yt, m as yt, f as mt } from "../chunks/variables-03fe2cd9.js";
-import { c as Gt, a as te, b as ee } from "../chunks/close-cf3fd2c4.js";
+import { l as it, c as x, b as dt, s as Yt, a as Gt, d as b, m as yt, f as mt } from "../chunks/variables-07547793.js";
+import { c as te, a as ee, b as ie } from "../chunks/close-cf3fd2c4.js";
 import "../chunks/telia-label2-4d674e5e.js";
 import "../chunks/index-17652cf7.js";
 import "../chunks/telia-vst2-1a7f7bd6.js";
@@ -12,17 +12,17 @@ import "../chunks/getSvgContent-f2389ce0.js";
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const X = window, vt = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, gt = Symbol(), At = /* @__PURE__ */ new WeakMap();
+const X = window, gt = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ft = Symbol(), At = /* @__PURE__ */ new WeakMap();
 let Dt = class {
   constructor(t, e, i) {
-    if (this._$cssResult$ = !0, i !== gt)
+    if (this._$cssResult$ = !0, i !== ft)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
     let t = this.o;
     const e = this.t;
-    if (vt && t === void 0) {
+    if (gt && t === void 0) {
       const i = e !== void 0 && e.length === 1;
       i && (t = At.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && At.set(e, t));
     }
@@ -32,7 +32,7 @@ let Dt = class {
     return this.cssText;
   }
 };
-const u = (n) => new Dt(typeof n == "string" ? n : n + "", void 0, gt), N = (n, ...t) => {
+const d = (n) => new Dt(typeof n == "string" ? n : n + "", void 0, ft), N = (n, ...t) => {
   const e = n.length === 1 ? n[0] : t.reduce((i, s, r) => i + ((o) => {
     if (o._$cssResult$ === !0)
       return o.cssText;
@@ -40,28 +40,28 @@ const u = (n) => new Dt(typeof n == "string" ? n : n + "", void 0, gt), N = (n,
       return o;
     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) + n[r + 1], n[0]);
-  return new Dt(e, n, gt);
-}, ie = (n, t) => {
-  vt ? n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
+  return new Dt(e, n, ft);
+}, se = (n, t) => {
+  gt ? n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
     const i = document.createElement("style"), s = X.litNonce;
     s !== void 0 && i.setAttribute("nonce", s), i.textContent = e.cssText, n.appendChild(i);
   });
-}, Pt = vt ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
+}, Pt = gt ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const i of t.cssRules)
     e += i.cssText;
-  return u(e);
+  return d(e);
 })(n) : n;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var it;
-const F = window, Et = F.trustedTypes, se = Et ? Et.emptyScript : "", Ct = F.reactiveElementPolyfillSupport, dt = { toAttribute(n, t) {
+var st;
+const F = window, Et = F.trustedTypes, ne = Et ? Et.emptyScript : "", Ct = F.reactiveElementPolyfillSupport, pt = { toAttribute(n, t) {
   switch (t) {
     case Boolean:
-      n = n ? se : null;
+      n = n ? ne : null;
       break;
     case Object:
     case Array:
@@ -86,7 +86,7 @@ const F = window, Et = F.trustedTypes, se = Et ? Et.emptyScript : "", Ct = F.rea
       }
   }
   return e;
-} }, zt = (n, t) => t !== n && (t == t || n == n), st = { attribute: !0, type: String, converter: dt, reflect: !1, hasChanged: zt };
+} }, zt = (n, t) => t !== n && (t == t || n == n), nt = { attribute: !0, type: String, converter: pt, reflect: !1, hasChanged: zt };
 let R = class extends HTMLElement {
   constructor() {
     super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this.u();
@@ -103,7 +103,7 @@ let R = class extends HTMLElement {
       s !== void 0 && (this._$Ev.set(s, i), t.push(s));
     }), t;
   }
-  static createProperty(t, e = st) {
+  static createProperty(t, e = nt) {
     if (e.state && (e.attribute = !1), this.finalize(), this.elementProperties.set(t, e), !e.noAccessor && !this.prototype.hasOwnProperty(t)) {
       const i = typeof t == "symbol" ? Symbol() : "__" + t, s = this.getPropertyDescriptor(t, i, e);
       s !== void 0 && Object.defineProperty(this.prototype, t, s);
@@ -118,7 +118,7 @@ let R = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) || st;
+    return this.elementProperties.get(t) || nt;
   }
   static finalize() {
     if (this.hasOwnProperty("finalized"))
@@ -166,7 +166,7 @@ let R = class extends HTMLElement {
   createRenderRoot() {
     var t;
     const e = (t = this.shadowRoot) !== null && t !== void 0 ? t : this.attachShadow(this.constructor.shadowRootOptions);
-    return ie(e, this.constructor.elementStyles), e;
+    return se(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var t;
@@ -187,11 +187,11 @@ let R = class extends HTMLElement {
   attributeChangedCallback(t, e, i) {
     this._$AK(t, i);
   }
-  _$EO(t, e, i = st) {
+  _$EO(t, e, i = nt) {
     var s;
     const r = this.constructor._$Ep(t, i);
     if (r !== void 0 && i.reflect === !0) {
-      const o = (((s = i.converter) === null || s === void 0 ? void 0 : s.toAttribute) !== void 0 ? i.converter : dt).toAttribute(e, i.type);
+      const o = (((s = i.converter) === null || s === void 0 ? void 0 : s.toAttribute) !== void 0 ? i.converter : pt).toAttribute(e, i.type);
       this._$El = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$El = null;
     }
   }
@@ -199,7 +199,7 @@ let R = class extends HTMLElement {
     var i;
     const s = this.constructor, r = s._$Ev.get(t);
     if (r !== void 0 && this._$El !== r) {
-      const o = s.getPropertyOptions(r), c = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((i = o.converter) === null || i === void 0 ? void 0 : i.fromAttribute) !== void 0 ? o.converter : dt;
+      const o = s.getPropertyOptions(r), c = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((i = o.converter) === null || i === void 0 ? void 0 : i.fromAttribute) !== void 0 ? o.converter : pt;
       this._$El = r, this[r] = c.fromAttribute(e, o.type), this._$El = null;
     }
   }
@@ -266,75 +266,75 @@ let R = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-R.finalized = !0, R.elementProperties = /* @__PURE__ */ new Map(), R.elementStyles = [], R.shadowRootOptions = { mode: "open" }, Ct == null || Ct({ ReactiveElement: R }), ((it = F.reactiveElementVersions) !== null && it !== void 0 ? it : F.reactiveElementVersions = []).push("1.6.1");
+R.finalized = !0, R.elementProperties = /* @__PURE__ */ new Map(), R.elementStyles = [], R.shadowRootOptions = { mode: "open" }, Ct == null || Ct({ ReactiveElement: R }), ((st = F.reactiveElementVersions) !== null && st !== void 0 ? st : F.reactiveElementVersions = []).push("1.6.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var nt;
-const Q = window, D = Q.trustedTypes, St = D ? D.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, P = `lit$${(Math.random() + "").slice(9)}$`, ft = "?" + P, ne = `<${ft}>`, z = document, k = (n = "") => z.createComment(n), V = (n) => n === null || typeof n != "object" && typeof n != "function", jt = Array.isArray, Bt = (n) => jt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", I = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, wt = /-->/g, xt = />/g, S = RegExp(`>|[ 	
+var rt;
+const Q = window, D = Q.trustedTypes, St = D ? D.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, P = `lit$${(Math.random() + "").slice(9)}$`, _t = "?" + P, re = `<${_t}>`, z = document, V = (n = "") => z.createComment(n), W = (n) => n === null || typeof n != "object" && typeof n != "function", jt = Array.isArray, Bt = (n) => jt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", I = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, wt = /-->/g, xt = />/g, S = RegExp(`>|[ 	
 \f\r](?:([^\\s"'>=/]+)([ 	
 \f\r]*=[ 	
 \f\r]*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Ot = /'/g, Tt = /"/g, It = /^(?:script|style|textarea|title)$/i, re = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), _ = re(1), O = Symbol.for("lit-noChange"), f = Symbol.for("lit-nothing"), Ut = /* @__PURE__ */ new WeakMap(), M = z.createTreeWalker(z, 129, null, !1), Lt = (n, t) => {
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Ot = /'/g, Tt = /"/g, kt = /^(?:script|style|textarea|title)$/i, oe = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), _ = oe(1), O = Symbol.for("lit-noChange"), f = Symbol.for("lit-nothing"), Ut = /* @__PURE__ */ new WeakMap(), M = z.createTreeWalker(z, 129, null, !1), It = (n, t) => {
   const e = n.length - 1, i = [];
   let s, r = t === 2 ? "<svg>" : "", o = I;
   for (let a = 0; a < e; a++) {
     const l = n[a];
-    let v, d, h = -1, p = 0;
-    for (; p < l.length && (o.lastIndex = p, d = o.exec(l), d !== null); )
-      p = o.lastIndex, o === I ? d[1] === "!--" ? o = wt : d[1] !== void 0 ? o = xt : d[2] !== void 0 ? (It.test(d[2]) && (s = RegExp("</" + d[2], "g")), o = S) : d[3] !== void 0 && (o = S) : o === S ? d[0] === ">" ? (o = s ?? I, h = -1) : d[1] === void 0 ? h = -2 : (h = o.lastIndex - d[2].length, v = d[1], o = d[3] === void 0 ? S : d[3] === '"' ? Tt : Ot) : o === Tt || o === Ot ? o = S : o === wt || o === xt ? o = I : (o = S, s = void 0);
+    let v, p, h = -1, u = 0;
+    for (; u < l.length && (o.lastIndex = u, p = o.exec(l), p !== null); )
+      u = o.lastIndex, o === I ? p[1] === "!--" ? o = wt : p[1] !== void 0 ? o = xt : p[2] !== void 0 ? (kt.test(p[2]) && (s = RegExp("</" + p[2], "g")), o = S) : p[3] !== void 0 && (o = S) : o === S ? p[0] === ">" ? (o = s ?? I, h = -1) : p[1] === void 0 ? h = -2 : (h = o.lastIndex - p[2].length, v = p[1], o = p[3] === void 0 ? S : p[3] === '"' ? Tt : Ot) : o === Tt || o === Ot ? o = S : o === wt || o === xt ? o = I : (o = S, s = void 0);
     const $ = o === S && n[a + 1].startsWith("/>") ? " " : "";
-    r += o === I ? l + ne : h >= 0 ? (i.push(v), l.slice(0, h) + "$lit$" + l.slice(h) + P + $) : l + P + (h === -2 ? (i.push(void 0), a) : $);
+    r += o === I ? l + re : h >= 0 ? (i.push(v), l.slice(0, h) + "$lit$" + l.slice(h) + P + $) : l + P + (h === -2 ? (i.push(void 0), a) : $);
   }
   const c = r + (n[e] || "<?>") + (t === 2 ? "</svg>" : "");
   if (!Array.isArray(n) || !n.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
   return [St !== void 0 ? St.createHTML(c) : c, i];
 };
-class W {
+class q {
   constructor({ strings: t, _$litType$: e }, i) {
     let s;
     this.parts = [];
     let r = 0, o = 0;
-    const c = t.length - 1, a = this.parts, [l, v] = Lt(t, e);
-    if (this.el = W.createElement(l, i), M.currentNode = this.el.content, e === 2) {
-      const d = this.el.content, h = d.firstChild;
-      h.remove(), d.append(...h.childNodes);
+    const c = t.length - 1, a = this.parts, [l, v] = It(t, e);
+    if (this.el = q.createElement(l, i), M.currentNode = this.el.content, e === 2) {
+      const p = this.el.content, h = p.firstChild;
+      h.remove(), p.append(...h.childNodes);
     }
     for (; (s = M.nextNode()) !== null && a.length < c; ) {
       if (s.nodeType === 1) {
         if (s.hasAttributes()) {
-          const d = [];
+          const p = [];
           for (const h of s.getAttributeNames())
             if (h.endsWith("$lit$") || h.startsWith(P)) {
-              const p = v[o++];
-              if (d.push(h), p !== void 0) {
-                const $ = s.getAttribute(p.toLowerCase() + "$lit$").split(P), g = /([.?@])?(.*)/.exec(p);
+              const u = v[o++];
+              if (p.push(h), u !== void 0) {
+                const $ = s.getAttribute(u.toLowerCase() + "$lit$").split(P), g = /([.?@])?(.*)/.exec(u);
                 a.push({ type: 1, index: r, name: g[2], strings: $, ctor: g[1] === "." ? Vt : g[1] === "?" ? Wt : g[1] === "@" ? qt : K });
               } else
                 a.push({ type: 6, index: r });
             }
-          for (const h of d)
+          for (const h of p)
             s.removeAttribute(h);
         }
-        if (It.test(s.tagName)) {
-          const d = s.textContent.split(P), h = d.length - 1;
+        if (kt.test(s.tagName)) {
+          const p = s.textContent.split(P), h = p.length - 1;
           if (h > 0) {
             s.textContent = D ? D.emptyScript : "";
-            for (let p = 0; p < h; p++)
-              s.append(d[p], k()), M.nextNode(), a.push({ type: 2, index: ++r });
-            s.append(d[h], k());
+            for (let u = 0; u < h; u++)
+              s.append(p[u], V()), M.nextNode(), a.push({ type: 2, index: ++r });
+            s.append(p[h], V());
           }
         }
       } else if (s.nodeType === 8)
-        if (s.data === ft)
+        if (s.data === _t)
           a.push({ type: 2, index: r });
         else {
-          let d = -1;
-          for (; (d = s.data.indexOf(P, d + 1)) !== -1; )
-            a.push({ type: 7, index: r }), d += P.length - 1;
+          let p = -1;
+          for (; (p = s.data.indexOf(P, p + 1)) !== -1; )
+            a.push({ type: 7, index: r }), p += P.length - 1;
         }
       r++;
     }
@@ -349,10 +349,10 @@ function T(n, t, e = n, i) {
   if (t === O)
     return t;
   let a = i !== void 0 ? (s = e._$Co) === null || s === void 0 ? void 0 : s[i] : e._$Cl;
-  const l = V(t) ? void 0 : t._$litDirective$;
+  const l = W(t) ? void 0 : t._$litDirective$;
   return (a == null ? void 0 : a.constructor) !== l && ((r = a == null ? void 0 : a._$AO) === null || r === void 0 || r.call(a, !1), l === void 0 ? a = void 0 : (a = new l(n), a._$AT(n, e, i)), i !== void 0 ? ((o = (c = e)._$Co) !== null && o !== void 0 ? o : c._$Co = [])[i] = a : e._$Cl = a), a !== void 0 && (t = T(n, a._$AS(n, t.values), a, i)), t;
 }
-class kt {
+class Lt {
   constructor(t, e) {
     this.u = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -370,7 +370,7 @@ class kt {
     for (; l !== void 0; ) {
       if (c === l.index) {
         let v;
-        l.type === 2 ? v = new j(o, o.nextSibling, this, t) : l.type === 1 ? v = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (v = new Kt(o, this, t)), this.u.push(v), l = s[++a];
+        l.type === 2 ? v = new B(o, o.nextSibling, this, t) : l.type === 1 ? v = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (v = new Kt(o, this, t)), this.u.push(v), l = s[++a];
       }
       c !== (l == null ? void 0 : l.index) && (o = M.nextNode(), c++);
     }
@@ -382,7 +382,7 @@ class kt {
       i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
   }
 }
-class j {
+class B {
   constructor(t, e, i, s) {
     var r;
     this.type = 2, this._$AH = f, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cm = (r = s == null ? void 0 : s.isConnected) === null || r === void 0 || r;
@@ -403,7 +403,7 @@ class j {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = T(this, t, e), V(t) ? t === f || t == null || t === "" ? (this._$AH !== f && this._$AR(), this._$AH = f) : t !== this._$AH && t !== O && this.g(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Bt(t) ? this.k(t) : this.g(t);
+    t = T(this, t, e), W(t) ? t === f || t == null || t === "" ? (this._$AH !== f && this._$AR(), this._$AH = f) : t !== this._$AH && t !== O && this.g(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Bt(t) ? this.k(t) : this.g(t);
   }
   O(t, e = this._$AB) {
     return this._$AA.parentNode.insertBefore(t, e);
@@ -412,28 +412,28 @@ class j {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   g(t) {
-    this._$AH !== f && V(this._$AH) ? this._$AA.nextSibling.data = t : this.T(z.createTextNode(t)), this._$AH = t;
+    this._$AH !== f && W(this._$AH) ? this._$AA.nextSibling.data = t : this.T(z.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var e;
-    const { values: i, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = W.createElement(s.h, this.options)), s);
+    const { values: i, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = q.createElement(s.h, this.options)), s);
     if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === r)
       this._$AH.p(i);
     else {
-      const o = new kt(r, this), c = o.v(this.options);
+      const o = new Lt(r, this), c = o.v(this.options);
       o.p(i), this.T(c), this._$AH = o;
     }
   }
   _$AC(t) {
     let e = Ut.get(t.strings);
-    return e === void 0 && Ut.set(t.strings, e = new W(t)), e;
+    return e === void 0 && Ut.set(t.strings, e = new q(t)), e;
   }
   k(t) {
     jt(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let i, s = 0;
     for (const r of t)
-      s === e.length ? e.push(i = new j(this.O(k()), this.O(k()), this, this.options)) : i = e[s], i._$AI(r), s++;
+      s === e.length ? e.push(i = new B(this.O(V()), this.O(V()), this, this.options)) : i = e[s], i._$AI(r), s++;
     s < e.length && (this._$AR(i && i._$AB.nextSibling, s), e.length = s);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -462,12 +462,12 @@ class K {
     const r = this.strings;
     let o = !1;
     if (r === void 0)
-      t = T(this, t, e, 0), o = !V(t) || t !== this._$AH && t !== O, o && (this._$AH = t);
+      t = T(this, t, e, 0), o = !W(t) || t !== this._$AH && t !== O, o && (this._$AH = t);
     else {
       const c = t;
       let a, l;
       for (t = r[0], a = 0; a < r.length - 1; a++)
-        l = T(this, c[i + a], e, a), l === O && (l = this._$AH[a]), o || (o = !V(l) || l !== this._$AH[a]), l === f ? t = f : t !== f && (t += (l ?? "") + r[a + 1]), this._$AH[a] = l;
+        l = T(this, c[i + a], e, a), l === O && (l = this._$AH[a]), o || (o = !W(l) || l !== this._$AH[a]), l === f ? t = f : t !== f && (t += (l ?? "") + r[a + 1]), this._$AH[a] = l;
     }
     o && !s && this.j(t);
   }
@@ -483,13 +483,13 @@ class Vt extends K {
     this.element[this.name] = t === f ? void 0 : t;
   }
 }
-const oe = D ? D.emptyScript : "";
+const le = D ? D.emptyScript : "";
 class Wt extends K {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    t && t !== f ? this.element.setAttribute(this.name, oe) : this.element.removeAttribute(this.name);
+    t && t !== f ? this.element.setAttribute(this.name, le) : this.element.removeAttribute(this.name);
   }
 }
 class qt extends K {
@@ -519,15 +519,15 @@ class Kt {
     T(this, t);
   }
 }
-const le = { P: "$lit$", A: P, M: ft, C: 1, L: Lt, R: kt, D: Bt, V: T, I: j, H: K, N: Wt, U: qt, B: Vt, F: Kt }, Nt = Q.litHtmlPolyfillSupport;
-Nt == null || Nt(W, j), ((nt = Q.litHtmlVersions) !== null && nt !== void 0 ? nt : Q.litHtmlVersions = []).push("2.6.1");
-const ae = (n, t, e) => {
+const ae = { P: "$lit$", A: P, M: _t, C: 1, L: It, R: Lt, D: Bt, V: T, I: B, H: K, N: Wt, U: qt, B: Vt, F: Kt }, Nt = Q.litHtmlPolyfillSupport;
+Nt == null || Nt(q, B), ((rt = Q.litHtmlVersions) !== null && rt !== void 0 ? rt : Q.litHtmlVersions = []).push("2.6.1");
+const he = (n, t, e) => {
   var i, s;
   const r = (i = e == null ? void 0 : e.renderBefore) !== null && i !== void 0 ? i : t;
   let o = r._$litPart$;
   if (o === void 0) {
     const c = (s = e == null ? void 0 : e.renderBefore) !== null && s !== void 0 ? s : null;
-    r._$litPart$ = o = new j(t.insertBefore(k(), c), c, void 0, e ?? {});
+    r._$litPart$ = o = new B(t.insertBefore(V(), c), c, void 0, e ?? {});
   }
   return o._$AI(n), o;
 };
@@ -536,7 +536,7 @@ const ae = (n, t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var rt, ot;
+var ot, lt;
 let m = class extends R {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
@@ -548,7 +548,7 @@ let m = class extends R {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ae(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;
@@ -562,10 +562,10 @@ let m = class extends R {
     return O;
   }
 };
-m.finalized = !0, m._$litElement$ = !0, (rt = globalThis.litElementHydrateSupport) === null || rt === void 0 || rt.call(globalThis, { LitElement: m });
+m.finalized = !0, m._$litElement$ = !0, (ot = globalThis.litElementHydrateSupport) === null || ot === void 0 || ot.call(globalThis, { LitElement: m });
 const Ht = globalThis.litElementPolyfillSupport;
 Ht == null || Ht({ LitElement: m });
-((ot = globalThis.litElementVersions) !== null && ot !== void 0 ? ot : globalThis.litElementVersions = []).push("3.2.2");
+((lt = globalThis.litElementVersions) !== null && lt !== void 0 ? lt : globalThis.litElementVersions = []).push("3.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -582,17 +582,17 @@ const C = (n) => (t) => typeof t == "function" ? ((e, i) => (customElements.defi
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const he = (n, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? { ...t, finisher(e) {
+const ce = (n, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? { ...t, finisher(e) {
   e.createProperty(t.key, n);
 } } : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
   typeof t.initializer == "function" && (this[t.key] = t.initializer.call(this));
 }, finisher(e) {
   e.createProperty(t.key, n);
 } };
-function b(n) {
+function y(n) {
   return (t, e) => e !== void 0 ? ((i, s, r) => {
     s.constructor.createProperty(r, i);
-  })(n, t, e) : he(n, t);
+  })(n, t, e) : ce(n, t);
 }
 /**
  * @license
@@ -600,21 +600,21 @@ function b(n) {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 function Zt(n) {
-  return b({ ...n, state: !0 });
+  return y({ ...n, state: !0 });
 }
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var lt;
-((lt = window.HTMLSlotElement) === null || lt === void 0 ? void 0 : lt.prototype.assignedElements) != null;
+var at;
+((at = window.HTMLSlotElement) === null || at === void 0 ? void 0 : at.prototype.assignedElements) != null;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ce = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, de = (n) => (...t) => ({ _$litDirective$: n, values: t });
+const de = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, pe = (n) => (...t) => ({ _$litDirective$: n, values: t });
 class ue {
   constructor(t) {
   }
@@ -636,12 +636,12 @@ class ue {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { I: pe } = le, Rt = () => document.createComment(""), L = (n, t, e) => {
+const { I: $e } = ae, Rt = () => document.createComment(""), L = (n, t, e) => {
   var i;
   const s = n._$AA.parentNode, r = t === void 0 ? n._$AB : t._$AA;
   if (e === void 0) {
     const o = s.insertBefore(Rt(), r), c = s.insertBefore(Rt(), r);
-    e = new pe(o, c, n, n.options);
+    e = new $e(o, c, n, n.options);
   } else {
     const o = e._$AB.nextSibling, c = e._$AM, a = c !== n;
     if (a) {
@@ -657,7 +657,7 @@ const { I: pe } = le, Rt = () => document.createComment(""), L = (n, t, e) => {
     }
   }
   return e;
-}, w = (n, t, e = n) => (n._$AI(t, e), n), $e = {}, ve = (n, t = $e) => n._$AH = t, ge = (n) => n._$AH, at = (n) => {
+}, w = (n, t, e = n) => (n._$AI(t, e), n), ve = {}, ge = (n, t = ve) => n._$AH = t, fe = (n) => n._$AH, ht = (n) => {
   var t;
   (t = n._$AP) === null || t === void 0 || t.call(n, !1, !0);
   let e = n._$AA;
@@ -677,9 +677,9 @@ const Mt = (n, t, e) => {
   for (let s = t; s <= e; s++)
     i.set(n[s], s);
   return i;
-}, Jt = de(class extends ue {
+}, Jt = pe(class extends ue {
   constructor(n) {
-    if (super(n), n.type !== ce.CHILD)
+    if (super(n), n.type !== de.CHILD)
       throw Error("repeat() can only be used in text expressions");
   }
   ht(n, t, e) {
@@ -696,56 +696,56 @@ const Mt = (n, t, e) => {
   }
   update(n, [t, e, i]) {
     var s;
-    const r = ge(n), { values: o, keys: c } = this.ht(t, e, i);
+    const r = fe(n), { values: o, keys: c } = this.ht(t, e, i);
     if (!Array.isArray(r))
       return this.ut = c, o;
     const a = (s = this.ut) !== null && s !== void 0 ? s : this.ut = [], l = [];
-    let v, d, h = 0, p = r.length - 1, $ = 0, g = o.length - 1;
-    for (; h <= p && $ <= g; )
+    let v, p, h = 0, u = r.length - 1, $ = 0, g = o.length - 1;
+    for (; h <= u && $ <= g; )
       if (r[h] === null)
         h++;
-      else if (r[p] === null)
-        p--;
+      else if (r[u] === null)
+        u--;
       else if (a[h] === c[$])
         l[$] = w(r[h], o[$]), h++, $++;
-      else if (a[p] === c[g])
-        l[g] = w(r[p], o[g]), p--, g--;
+      else if (a[u] === c[g])
+        l[g] = w(r[u], o[g]), u--, g--;
       else if (a[h] === c[g])
         l[g] = w(r[h], o[g]), L(n, l[g + 1], r[h]), h++, g--;
-      else if (a[p] === c[$])
-        l[$] = w(r[p], o[$]), L(n, r[h], r[p]), p--, $++;
-      else if (v === void 0 && (v = Mt(c, $, g), d = Mt(a, h, p)), v.has(a[h]))
-        if (v.has(a[p])) {
-          const A = d.get(c[$]), tt = A !== void 0 ? r[A] : null;
-          if (tt === null) {
+      else if (a[u] === c[$])
+        l[$] = w(r[u], o[$]), L(n, r[h], r[u]), u--, $++;
+      else if (v === void 0 && (v = Mt(c, $, g), p = Mt(a, h, u)), v.has(a[h]))
+        if (v.has(a[u])) {
+          const A = p.get(c[$]), et = A !== void 0 ? r[A] : null;
+          if (et === null) {
             const bt = L(n, r[h]);
             w(bt, o[$]), l[$] = bt;
           } else
-            l[$] = w(tt, o[$]), L(n, r[h], tt), r[A] = null;
+            l[$] = w(et, o[$]), L(n, r[h], et), r[A] = null;
           $++;
         } else
-          at(r[p]), p--;
+          ht(r[u]), u--;
       else
-        at(r[h]), h++;
+        ht(r[h]), h++;
     for (; $ <= g; ) {
       const A = L(n, l[g + 1]);
       w(A, o[$]), l[$++] = A;
     }
-    for (; h <= p; ) {
+    for (; h <= u; ) {
       const A = r[h++];
-      A !== null && at(A);
+      A !== null && ht(A);
     }
-    return this.ut = c, ve(n, l), O;
+    return this.ut = c, ge(n, l), O;
   }
 });
-var fe = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, _t = (n, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? _e(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+var _e = Object.defineProperty, be = Object.getOwnPropertyDescriptor, tt = (n, t, e, i) => {
+  for (var s = i > 1 ? void 0 : i ? be(t, e) : t, r = n.length - 1, o; r >= 0; r--)
     (o = n[r]) && (s = (i ? o(t, e, s) : o(s)) || s);
-  return i && s && fe(t, e, s), s;
+  return i && s && _e(t, e, s), s;
 };
-let q = class extends m {
+let j = class extends m {
   constructor() {
-    super(...arguments), this.onBackdropClick = () => this.action("close"), this.onCloseClick = () => this.action("close"), this.header = "", this.actions = [], this.action = (n) => {
+    super(...arguments), this.header = "", this.actions = [], this.onBackdropClick = () => this.action("close"), this.onCloseClick = () => this.action("close"), this.action = (n) => {
       const t = new CustomEvent("action", {
         bubbles: !0,
         composed: !0,
@@ -757,124 +757,151 @@ let q = class extends m {
   }
   render() {
     return _`
+            ${this.contain && _`<style>
+                :host {
+                    position: static !important;
+                }
+                .backdrop {
+                    position: absolute !important;
+                }
+            </style>`}
             <div class="backdrop" @click=${this.onBackdropClick}></div>
             <div class="container">
-                <div class="header">
-                    <telia-heading tag="h3" variant="title-100">${this.header}</telia-heading>
-                    <telia-button size="sm" variant="text" @click=${this.onCloseClick}
-                        ><telia-icon size="md" svg="${Gt.svg}"
-                    /></telia-button>
-                </div>
-                <div class="body">
-                    <slot></slot>
-                </div>
-                ${this.actions.length ? _`
-                          <div class="footer">
-                              ${Jt(
+                <dialog open>
+                    <div class="header">
+                        <telia-heading tag="h3" variant="title-100">${this.header}</telia-heading>
+                        <telia-button size="sm" variant="text" @click=${this.onCloseClick}
+                            ><telia-icon size="md" svg="${te.svg}"
+                        /></telia-button>
+                    </div>
+                    <div class="body">
+                        <slot></slot>
+                    </div>
+                    ${this.actions.length ? _`
+                              <div class="footer">
+                                  ${Jt(
       this.actions,
       (n) => _`
-                                      <telia-button
-                                          variant="${n.variant || "primary"}"
-                                          size="md"
-                                          @click=${() => this.action(n.action)}
-                                      >
-                                          ${n.label}
-                                      </telia-button>
-                                  `
+                                          <telia-button
+                                              disabled="${n.disabled ? "true" : "false"}"
+                                              variant="${n.variant || "primary"}"
+                                              size="md"
+                                              @click=${() => this.action(n.action)}
+                                          >
+                                              ${n.label}
+                                          </telia-button>
+                                      `
     )}
-                          </div>
-                      ` : ""}
+                              </div>
+                          ` : ""}
+                </dialog>
             </div>
         `;
   }
 };
-q.styles = N`
+j.styles = N`
         :host {
             inset: 0;
             position: fixed;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            padding: ${u(y.spacing24)};
-            z-index: ${u(et.modal)};
         }
 
         .backdrop {
             inset: 0;
             position: absolute;
-            background-color: ${u(x.black)};
+            z-index: ${d(parseInt(it.modal) - 1)};
+            background-color: ${d(x.black)};
             opacity: 0.3;
-            z-index: ${u(parseInt(et.modal) + 1)};
         }
 
         .container {
-            background-color: ${u(x.white)};
-            border-radius: ${u(ct.radiusLg)};
-            box-shadow: ${u(Yt.md)};
-            z-index: ${u(parseInt(et.modal) + 2)};
+            margin: 0 auto;
+            display: flex;
+            justify-content: center;
+            align-items: flex-start;
+            z-index: ${d(parseInt(it.modal))};
+            overflow-x: hidden;
+            overflow-y: overlay;
+            height: 100%;
+            width: 100%;
+        }
+
+        dialog {
+            background-color: ${d(x.white)};
+            border-radius: ${d(dt.radiusLg)};
+            box-shadow: ${d(Yt.md)};
+            z-index: ${d(parseInt(it.modal) + 2)};
+            max-width: ${d(Gt.breakpointLg)};
+            margin: ${d(b.spacing128)} ${d(b.spacing24)};
             display: block;
+            position: static;
+            padding: 0;
+            border: none;
         }
 
         .header {
             position: relative;
-            padding: ${u(y.spacing32)};
-            border-bottom: ${u(ct.widthXs)} solid ${u(x.gray200)};
+            padding: ${d(b.spacing32)};
+            border-bottom: ${d(dt.widthXs)} solid ${d(x.gray200)};
         }
 
         .header telia-button {
             position: absolute;
-            top: ${u(y.spacing20)};
-            right: ${u(y.spacing20)};
+            top: ${d(b.spacing20)};
+            right: ${d(b.spacing20)};
         }
 
         .body {
-            padding: 0 ${u(y.spacing32)};
-            margin: ${u(y.spacing24)} 0;
+            padding: 0 ${d(b.spacing32)};
+            margin: ${d(b.spacing24)} 0;
+            min-width: calc(${d(b.spacing128)} * 2);
         }
 
         .footer {
             display: flex;
             justify-content: flex-end;
-            gap: ${u(y.spacing24)};
-            padding: 0 ${u(y.spacing32)};
-            margin: ${u(y.spacing24)} 0;
+            gap: ${d(b.spacing24)};
+            padding: 0 ${d(b.spacing32)};
+            margin: ${d(b.spacing24)} 0;
         }
     `;
-_t([
-  b({ type: String, attribute: "header" })
-], q.prototype, "header", 2);
-_t([
-  b({ type: Array })
-], q.prototype, "actions", 2);
-q = _t([
+tt([
+  y({ type: String, attribute: "header" })
+], j.prototype, "header", 2);
+tt([
+  y({ type: Array })
+], j.prototype, "actions", 2);
+tt([
+  y({ type: Boolean, attribute: "contain" })
+], j.prototype, "contain", 2);
+j = tt([
   C("alliance-modal")
-], q);
+], j);
 const Z = "...", J = (n, t) => {
   let e = t - n + 1;
   return Array.from({ length: e }, (i, s) => s + n);
-}, ht = ({ itemCount: n, pageSize: t, siblingCount: e, currentPage: i }) => {
+}, ct = ({ itemCount: n, pageSize: t, siblingCount: e, currentPage: i }) => {
   const s = Math.ceil(n / t);
   if (e + 5 >= s)
     return J(1, s);
-  const o = Math.max(i - e, 1), c = Math.min(i + e, s), a = o > 2, l = c < s - 2, v = 1, d = s;
+  const o = Math.max(i - e, 1), c = Math.min(i + e, s), a = o > 2, l = c < s - 2, v = 1, p = s;
   if (!a && l) {
     let h = 3 + 2 * e;
     return [...J(1, h), Z, s];
   }
   if (a && !l) {
-    let h = 3 + 2 * e, p = J(s - h + 1, s);
-    return [v, Z, ...p];
+    let h = 3 + 2 * e, u = J(s - h + 1, s);
+    return [v, Z, ...u];
   }
   if (a && l) {
     let h = J(o, c);
-    return [v, Z, ...h, Z, d];
+    return [v, Z, ...h, Z, p];
   }
   return [];
 };
-var be = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, H = (n, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? ye(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+var ye = Object.defineProperty, me = Object.getOwnPropertyDescriptor, H = (n, t, e, i) => {
+  for (var s = i > 1 ? void 0 : i ? me(t, e) : t, r = n.length - 1, o; r >= 0; r--)
     (o = n[r]) && (s = (i ? o(t, e, s) : o(s)) || s);
-  return i && s && be(t, e, s), s;
+  return i && s && ye(t, e, s), s;
 };
 let E = class extends m {
   constructor() {
@@ -889,7 +916,7 @@ let E = class extends m {
         detail: n,
         cancelable: !0
       });
-      this.dispatchEvent(t) && (this.currentPage = n, this.pages = ht({
+      this.dispatchEvent(t) && (this.currentPage = n, this.pages = ct({
         itemCount: this.itemCount,
         pageSize: this.pageSize,
         siblingCount: this.siblingCount,
@@ -902,7 +929,7 @@ let E = class extends m {
     };
   }
   connectedCallback() {
-    super.connectedCallback(), this.currentPage = this.initialPage, this.pages = ht({
+    super.connectedCallback(), this.currentPage = this.initialPage, this.pages = ct({
       itemCount: this.itemCount,
       pageSize: this.pageSize,
       siblingCount: this.siblingCount,
@@ -910,7 +937,7 @@ let E = class extends m {
     });
   }
   attributeChangedCallback(n, t, e) {
-    super.attributeChangedCallback(n, t, e), n === "initial-page" && (this.currentPage = this.initialPage), this.pages = ht({
+    super.attributeChangedCallback(n, t, e), n === "initial-page" && (this.currentPage = this.initialPage), this.pages = ct({
       itemCount: this.itemCount,
       pageSize: this.pageSize,
       siblingCount: this.siblingCount,
@@ -948,11 +975,11 @@ E.styles = N`
             display: flex;
             flex-direction: row;
             place-items: center;
-            gap: ${u(y.spacing8)};
+            gap: ${d(b.spacing8)};
         }
 
         :host .telia-label {
-            color: ${u(x.purple700)};
+            color: ${d(x.purple700)};
         }
 
         span {
@@ -960,16 +987,16 @@ E.styles = N`
         }
     `;
 H([
-  b({ type: Number, attribute: "item-count" })
+  y({ type: Number, attribute: "item-count" })
 ], E.prototype, "itemCount", 2);
 H([
-  b({ type: Number, attribute: "page-size" })
+  y({ type: Number, attribute: "page-size" })
 ], E.prototype, "pageSize", 2);
 H([
-  b({ type: Number, attribute: "initial-page" })
+  y({ type: Number, attribute: "initial-page" })
 ], E.prototype, "initialPage", 2);
 H([
-  b({ type: Number, attribute: "sibling-count" })
+  y({ type: Number, attribute: "sibling-count" })
 ], E.prototype, "siblingCount", 2);
 H([
   Zt()
@@ -980,44 +1007,44 @@ H([
 E = H([
   C("alliance-paginator")
 ], E);
-var me = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, B = (n, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ae(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+var Ae = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, k = (n, t, e, i) => {
+  for (var s = i > 1 ? void 0 : i ? Pe(t, e) : t, r = n.length - 1, o; r >= 0; r--)
     (o = n[r]) && (s = (i ? o(t, e, s) : o(s)) || s);
-  return i && s && me(t, e, s), s;
+  return i && s && Ae(t, e, s), s;
 }, Xt = /* @__PURE__ */ ((n) => (n.Left = "left", n.Right = "right", n))(Xt || {});
 let U = class extends m {
   constructor() {
     super(...arguments), this.selected = !1, this.disabled = !1, this.clickable = !0;
   }
   renderContent() {
-    return this.icon === "left" ? _`<telia-icon size="sm" svg="${te.svg}" />` : this.icon === "right" ? _`<telia-icon size="sm" svg="${ee.svg}" />` : _`<span>${this.page}</span>`;
+    return this.icon === "left" ? _`<telia-icon size="sm" svg="${ee.svg}" />` : this.icon === "right" ? _`<telia-icon size="sm" svg="${ie.svg}" />` : _`<span>${this.page}</span>`;
   }
   render() {
     return _`<telia-button ?disabled=${this.disabled} variant=${this.selected ? "primary" : "tertiary-purple"}>${this.renderContent()}</telia-button> `;
   }
 };
-B([
-  b({ type: Xt })
+k([
+  y({ type: Xt })
 ], U.prototype, "icon", 2);
-B([
-  b({ type: String })
+k([
+  y({ type: String })
 ], U.prototype, "page", 2);
-B([
-  b({ type: Boolean })
+k([
+  y({ type: Boolean })
 ], U.prototype, "selected", 2);
-B([
-  b({ type: Boolean })
+k([
+  y({ type: Boolean })
 ], U.prototype, "disabled", 2);
-B([
-  b({ type: Boolean })
+k([
+  y({ type: Boolean })
 ], U.prototype, "clickable", 2);
-U = B([
+U = k([
   C("alliance-paginator-button")
 ], U);
-var Pe = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, Ce = (n, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ee(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+var Ee = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, Se = (n, t, e, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ce(t, e) : t, r = n.length - 1, o; r >= 0; r--)
     (o = n[r]) && (s = (i ? o(t, e, s) : o(s)) || s);
-  return i && s && Pe(t, e, s), s;
+  return i && s && Ee(t, e, s), s;
 };
 let ut = class extends m {
   render() {
@@ -1033,53 +1060,53 @@ ut.styles = N`
             width: 100%;
         }
     `;
-ut = Ce([
+ut = Se([
   C("alliance-table")
 ], ut);
-var Se = Object.defineProperty, we = Object.getOwnPropertyDescriptor, xe = (n, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? we(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+var we = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, Oe = (n, t, e, i) => {
+  for (var s = i > 1 ? void 0 : i ? xe(t, e) : t, r = n.length - 1, o; r >= 0; r--)
     (o = n[r]) && (s = (i ? o(t, e, s) : o(s)) || s);
-  return i && s && Se(t, e, s), s;
+  return i && s && we(t, e, s), s;
 };
-let pt = class extends m {
+let $t = class extends m {
   render() {
     return _`<slot></slot>`;
   }
 };
-pt.styles = N`
+$t.styles = N`
         :host {
             display: table-row-group;
             vertical-align: middle;
             border-color: inherit;
         }
     `;
-pt = xe([
+$t = Oe([
   C("alliance-tb")
-], pt);
-var Oe = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, Ue = (n, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? Te(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+], $t);
+var Te = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, Ne = (n, t, e, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ue(t, e) : t, r = n.length - 1, o; r >= 0; r--)
     (o = n[r]) && (s = (i ? o(t, e, s) : o(s)) || s);
-  return i && s && Oe(t, e, s), s;
+  return i && s && Te(t, e, s), s;
 };
-let $t = class extends m {
+let vt = class extends m {
   render() {
     return _` <slot></slot> `;
   }
 };
-$t.styles = N`
+vt.styles = N`
         :host {
             display: table-cell;
             vertical-align: inherit;
-            padding: ${u(y.spacing24)};
+            padding: ${d(b.spacing24)};
         }
     `;
-$t = Ue([
+vt = Ne([
   C("alliance-td")
-], $t);
-var Ne = Object.defineProperty, He = Object.getOwnPropertyDescriptor, Ft = (n, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? He(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+], vt);
+var He = Object.defineProperty, Re = Object.getOwnPropertyDescriptor, Ft = (n, t, e, i) => {
+  for (var s = i > 1 ? void 0 : i ? Re(t, e) : t, r = n.length - 1, o; r >= 0; r--)
     (o = n[r]) && (s = (i ? o(t, e, s) : o(s)) || s);
-  return i && s && Ne(t, e, s), s;
+  return i && s && He(t, e, s), s;
 };
 let Y = class extends m {
   constructor() {
@@ -1092,19 +1119,19 @@ let Y = class extends m {
 Y.styles = N`
         :host {
             display: table-cell;
-            padding: ${u(y.spacing24)};
+            padding: ${d(b.spacing24)};
         }
     `;
 Ft([
-  b({ type: String })
+  y({ type: String })
 ], Y.prototype, "label", 2);
 Y = Ft([
   C("alliance-th")
 ], Y);
-var Re = Object.defineProperty, Me = Object.getOwnPropertyDescriptor, Qt = (n, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? Me(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+var Me = Object.defineProperty, De = Object.getOwnPropertyDescriptor, Qt = (n, t, e, i) => {
+  for (var s = i > 1 ? void 0 : i ? De(t, e) : t, r = n.length - 1, o; r >= 0; r--)
     (o = n[r]) && (s = (i ? o(t, e, s) : o(s)) || s);
-  return i && s && Re(t, e, s), s;
+  return i && s && Me(t, e, s), s;
 };
 let G = class extends m {
   constructor() {
@@ -1112,7 +1139,7 @@ let G = class extends m {
   }
   render() {
     return _`
-            ${this.clickable ? De : ""}
+            ${this.clickable ? ze : ""}
             <slot></slot>
         `;
   }
@@ -1120,35 +1147,35 @@ let G = class extends m {
 G.styles = N`
         :host {
             display: table-row;
-            border-bottom: ${u(ct.widthXs)} solid ${u(x.gray200)};
+            border-bottom: ${d(dt.widthXs)} solid ${d(x.gray200)};
         }
     `;
 Qt([
-  b({ type: Boolean })
+  y({ type: Boolean })
 ], G.prototype, "clickable", 2);
 G = Qt([
   C("alliance-tr")
 ], G);
-const De = _`<style>
+const ze = _`<style>
     :host {
         background-color: transparent;
-        transition: background-color ${u(yt.duration150)} ${u(yt.easeIn)};
+        transition: background-color ${d(yt.duration150)} ${d(yt.easeIn)};
         cursor: pointer;
     }
 
     :host(:hover),
     :host(:focus-visible),
     :host(:focus) {
-        background-color: ${u(x.gray200)};
+        background-color: ${d(x.gray200)};
     }
 
     :host(:active) {
-        background-color: ${u(x.gray300)};
+        background-color: ${d(x.gray300)};
     }
 
     :host(:focus-visible) {
-        outline: solid ${u(mt.focusBorderWidth)} ${u(mt.focusColor)};
-        outline-offset: ${u(y.spacing4)};
+        outline: solid ${d(mt.focusBorderWidth)} ${d(mt.focusColor)};
+        outline-offset: ${d(b.spacing4)};
     }
 </style>`;
 //# sourceMappingURL=index.js.map