@telia-ace/alliance-ui 1.0.2 → 1.0.3-next.0

package/{dist/components → components}/index.js

@@ -1,26 +1,30 @@
-import "../telia-label2.94b013ed.js";
-import { s as St, m as lt, c as at, f as ht } from "../variables.ea04dbc4.js";
-import "../telia-divider.2f6c500d.js";
-import "../index.022d1bd0.js";
-import "../telia-vst2.40d3cfa0.js";
+import "../chunks/telia-label2-30f60678.js";
+import { s as X, m as $t, c as vt, f as ft } from "../chunks/variables-06e4d3d9.js";
+import "../chunks/telia-divider-c3741e53.js";
+import "../chunks/telia-button-ed8aa4be.js";
+import { c as Ft, a as Qt } from "../chunks/chevron-right-8d39622f.js";
+import "../chunks/index-f01c7229.js";
+import "../chunks/telia-vst2-5b44b983.js";
+import "../chunks/telia-icon2-0db17e4e.js";
+import "../chunks/getSvgContent-f8f3b2b3.js";
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const L = window, st = L.ShadowRoot && (L.ShadyCSS === void 0 || L.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, it = Symbol(), ct = /* @__PURE__ */ new WeakMap();
-class wt {
+const Z = window, ht = Z.ShadowRoot && (Z.ShadyCSS === void 0 || Z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ct = Symbol(), _t = /* @__PURE__ */ new WeakMap();
+class Tt {
   constructor(t, e, s) {
-    if (this._$cssResult$ = !0, s !== it)
+    if (this._$cssResult$ = !0, s !== ct)
       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 (st && t === void 0) {
+    if (ht && t === void 0) {
       const s = e !== void 0 && e.length === 1;
-      s && (t = ct.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && ct.set(e, t));
+      s && (t = _t.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && _t.set(e, t));
     }
     return t;
   }
@@ -28,7 +32,7 @@ class wt {
     return this.cssText;
   }
 }
-const f = (n) => new wt(typeof n == "string" ? n : n + "", void 0, it), q = (n, ...t) => {
+const y = (n) => new Tt(typeof n == "string" ? n : n + "", void 0, ct), V = (n, ...t) => {
   const e = n.length === 1 ? n[0] : t.reduce((s, i, r) => s + ((o) => {
     if (o._$cssResult$ === !0)
       return o.cssText;
@@ -36,28 +40,28 @@ const f = (n) => new wt(typeof n == "string" ? n : n + "", void 0, it), q = (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.");
   })(i) + n[r + 1], n[0]);
-  return new wt(e, n, it);
-}, Lt = (n, t) => {
-  st ? n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
-    const s = document.createElement("style"), i = L.litNonce;
+  return new Tt(e, n, ct);
+}, Yt = (n, t) => {
+  ht ? n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
+    const s = document.createElement("style"), i = Z.litNonce;
     i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, n.appendChild(s);
   });
-}, dt = st ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
+}, gt = ht ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const s of t.cssRules)
     e += s.cssText;
-  return f(e);
+  return y(e);
 })(n) : n;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var J;
-const D = window, ut = D.trustedTypes, Dt = ut ? ut.emptyScript : "", pt = D.reactiveElementPolyfillSupport, et = { toAttribute(n, t) {
+var et;
+const J = window, yt = J.trustedTypes, Gt = yt ? yt.emptyScript : "", mt = J.reactiveElementPolyfillSupport, at = { toAttribute(n, t) {
   switch (t) {
     case Boolean:
-      n = n ? Dt : null;
+      n = n ? Gt : null;
       break;
     case Object:
     case Array:
@@ -82,8 +86,8 @@ const D = window, ut = D.trustedTypes, Dt = ut ? ut.emptyScript : "", pt = D.rea
       }
   }
   return e;
-} }, Ct = (n, t) => t !== n && (t == t || n == n), F = { attribute: !0, type: String, converter: et, reflect: !1, hasChanged: Ct };
-class w extends HTMLElement {
+} }, Ht = (n, t) => t !== n && (t == t || n == n), st = { attribute: !0, type: String, converter: at, reflect: !1, hasChanged: Ht };
+class U extends HTMLElement {
   constructor() {
     super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this.u();
   }
@@ -99,7 +103,7 @@ class w extends HTMLElement {
       i !== void 0 && (this._$Ev.set(i, s), t.push(i));
     }), t;
   }
-  static createProperty(t, e = F) {
+  static createProperty(t, e = st) {
     if (e.state && (e.attribute = !1), this.finalize(), this.elementProperties.set(t, e), !e.noAccessor && !this.prototype.hasOwnProperty(t)) {
       const s = typeof t == "symbol" ? Symbol() : "__" + t, i = this.getPropertyDescriptor(t, s, e);
       i !== void 0 && Object.defineProperty(this.prototype, t, i);
@@ -114,7 +118,7 @@ class w extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) || F;
+    return this.elementProperties.get(t) || st;
   }
   static finalize() {
     if (this.hasOwnProperty("finalized"))
@@ -133,9 +137,9 @@ class w extends HTMLElement {
     if (Array.isArray(t)) {
       const s = new Set(t.flat(1 / 0).reverse());
       for (const i of s)
-        e.unshift(dt(i));
+        e.unshift(gt(i));
     } else
-      t !== void 0 && e.push(dt(t));
+      t !== void 0 && e.push(gt(t));
     return e;
   }
   static _$Ep(t, e) {
@@ -162,7 +166,7 @@ class w extends HTMLElement {
   createRenderRoot() {
     var t;
     const e = (t = this.shadowRoot) !== null && t !== void 0 ? t : this.attachShadow(this.constructor.shadowRootOptions);
-    return Lt(e, this.constructor.elementStyles), e;
+    return Yt(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var t;
@@ -183,11 +187,11 @@ class w extends HTMLElement {
   attributeChangedCallback(t, e, s) {
     this._$AK(t, s);
   }
-  _$EO(t, e, s = F) {
+  _$EO(t, e, s = st) {
     var i;
     const r = this.constructor._$Ep(t, s);
     if (r !== void 0 && s.reflect === !0) {
-      const o = (((i = s.converter) === null || i === void 0 ? void 0 : i.toAttribute) !== void 0 ? s.converter : et).toAttribute(e, s.type);
+      const o = (((i = s.converter) === null || i === void 0 ? void 0 : i.toAttribute) !== void 0 ? s.converter : at).toAttribute(e, s.type);
       this._$El = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$El = null;
     }
   }
@@ -195,13 +199,13 @@ class w extends HTMLElement {
     var s;
     const i = this.constructor, r = i._$Ev.get(t);
     if (r !== void 0 && this._$El !== r) {
-      const o = i.getPropertyOptions(r), c = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((s = o.converter) === null || s === void 0 ? void 0 : s.fromAttribute) !== void 0 ? o.converter : et;
+      const o = i.getPropertyOptions(r), c = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((s = o.converter) === null || s === void 0 ? void 0 : s.fromAttribute) !== void 0 ? o.converter : at;
       this._$El = r, this[r] = c.fromAttribute(e, o.type), this._$El = null;
     }
   }
   requestUpdate(t, e, s) {
     let i = !0;
-    t !== void 0 && (((s = s || this.constructor.getPropertyOptions(t)).hasChanged || Ct)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), s.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, s))) : i = !1), !this.isUpdatePending && i && (this._$E_ = this._$Ej());
+    t !== void 0 && (((s = s || this.constructor.getPropertyOptions(t)).hasChanged || Ht)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), s.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, s))) : i = !1), !this.isUpdatePending && i && (this._$E_ = this._$Ej());
   }
   async _$Ej() {
     this.isUpdatePending = !0;
@@ -262,93 +266,93 @@ class w extends HTMLElement {
   firstUpdated(t) {
   }
 }
-w.finalized = !0, w.elementProperties = /* @__PURE__ */ new Map(), w.elementStyles = [], w.shadowRootOptions = { mode: "open" }, pt == null || pt({ ReactiveElement: w }), ((J = D.reactiveElementVersions) !== null && J !== void 0 ? J : D.reactiveElementVersions = []).push("1.4.1");
+U.finalized = !0, U.elementProperties = /* @__PURE__ */ new Map(), U.elementStyles = [], U.shadowRootOptions = { mode: "open" }, mt == null || mt({ ReactiveElement: U }), ((et = J.reactiveElementVersions) !== null && et !== void 0 ? et : J.reactiveElementVersions = []).push("1.4.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var Q;
-const I = window, x = I.trustedTypes, $t = x ? x.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, y = `lit$${(Math.random() + "").slice(9)}$`, nt = "?" + y, It = `<${nt}>`, O = document, j = (n = "") => O.createComment(n), N = (n) => n === null || typeof n != "object" && typeof n != "function", Pt = Array.isArray, xt = (n) => Pt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, vt = /-->/g, _t = />/g, g = RegExp(`>|[ 	
+var it;
+const F = window, T = F.trustedTypes, bt = T ? T.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, A = `lit$${(Math.random() + "").slice(9)}$`, dt = "?" + A, Xt = `<${dt}>`, H = document, L = (n = "") => H.createComment(n), k = (n) => n === null || typeof n != "object" && typeof n != "function", Nt = Array.isArray, Rt = (n) => Nt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", D = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, At = /-->/g, Et = />/g, P = RegExp(`>|[ 	
 \f\r](?:([^\\s"'>=/]+)([ 	
 \f\r]*=[ 	
 \f\r]*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ft = /'/g, At = /"/g, Ot = /^(?:script|style|textarea|title)$/i, zt = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), C = zt(1), E = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), yt = /* @__PURE__ */ new WeakMap(), P = O.createTreeWalker(O, 129, null, !1), Ut = (n, t) => {
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Pt = /'/g, St = /"/g, Mt = /^(?:script|style|textarea|title)$/i, te = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), g = te(1), w = Symbol.for("lit-noChange"), f = Symbol.for("lit-nothing"), wt = /* @__PURE__ */ new WeakMap(), j = H.createTreeWalker(H, 129, null, !1), Dt = (n, t) => {
   const e = n.length - 1, s = [];
-  let i, r = t === 2 ? "<svg>" : "", o = T;
+  let i, r = t === 2 ? "<svg>" : "", o = D;
   for (let a = 0; a < e; a++) {
     const l = n[a];
-    let _, d, h = -1, u = 0;
+    let $, d, h = -1, u = 0;
     for (; u < l.length && (o.lastIndex = u, d = o.exec(l), d !== null); )
-      u = o.lastIndex, o === T ? d[1] === "!--" ? o = vt : d[1] !== void 0 ? o = _t : d[2] !== void 0 ? (Ot.test(d[2]) && (i = RegExp("</" + d[2], "g")), o = g) : d[3] !== void 0 && (o = g) : o === g ? d[0] === ">" ? (o = i != null ? i : T, h = -1) : d[1] === void 0 ? h = -2 : (h = o.lastIndex - d[2].length, _ = d[1], o = d[3] === void 0 ? g : d[3] === '"' ? At : ft) : o === At || o === ft ? o = g : o === vt || o === _t ? o = T : (o = g, i = void 0);
-    const p = o === g && n[a + 1].startsWith("/>") ? " " : "";
-    r += o === T ? l + It : h >= 0 ? (s.push(_), l.slice(0, h) + "$lit$" + l.slice(h) + y + p) : l + y + (h === -2 ? (s.push(void 0), a) : p);
+      u = o.lastIndex, o === D ? d[1] === "!--" ? o = At : d[1] !== void 0 ? o = Et : d[2] !== void 0 ? (Mt.test(d[2]) && (i = RegExp("</" + d[2], "g")), o = P) : d[3] !== void 0 && (o = P) : o === P ? d[0] === ">" ? (o = i != null ? i : D, h = -1) : d[1] === void 0 ? h = -2 : (h = o.lastIndex - d[2].length, $ = d[1], o = d[3] === void 0 ? P : d[3] === '"' ? St : Pt) : o === St || o === Pt ? o = P : o === At || o === Et ? o = D : (o = P, i = void 0);
+    const p = o === P && n[a + 1].startsWith("/>") ? " " : "";
+    r += o === D ? l + Xt : h >= 0 ? (s.push($), l.slice(0, h) + "$lit$" + l.slice(h) + A + p) : l + A + (h === -2 ? (s.push(void 0), a) : p);
   }
   const c = r + (n[e] || "<?>") + (t === 2 ? "</svg>" : "");
   if (!Array.isArray(n) || !n.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
-  return [$t !== void 0 ? $t.createHTML(c) : c, s];
+  return [bt !== void 0 ? bt.createHTML(c) : c, s];
 };
-class M {
+class I {
   constructor({ strings: t, _$litType$: e }, s) {
     let i;
     this.parts = [];
     let r = 0, o = 0;
-    const c = t.length - 1, a = this.parts, [l, _] = Ut(t, e);
-    if (this.el = M.createElement(l, s), P.currentNode = this.el.content, e === 2) {
+    const c = t.length - 1, a = this.parts, [l, $] = Dt(t, e);
+    if (this.el = I.createElement(l, s), j.currentNode = this.el.content, e === 2) {
       const d = this.el.content, h = d.firstChild;
       h.remove(), d.append(...h.childNodes);
     }
-    for (; (i = P.nextNode()) !== null && a.length < c; ) {
+    for (; (i = j.nextNode()) !== null && a.length < c; ) {
       if (i.nodeType === 1) {
         if (i.hasAttributes()) {
           const d = [];
           for (const h of i.getAttributeNames())
-            if (h.endsWith("$lit$") || h.startsWith(y)) {
-              const u = _[o++];
+            if (h.endsWith("$lit$") || h.startsWith(A)) {
+              const u = $[o++];
               if (d.push(h), u !== void 0) {
-                const p = i.getAttribute(u.toLowerCase() + "$lit$").split(y), $ = /([.?@])?(.*)/.exec(u);
-                a.push({ type: 1, index: r, name: $[2], strings: p, ctor: $[1] === "." ? Ht : $[1] === "?" ? jt : $[1] === "@" ? Nt : k });
+                const p = i.getAttribute(u.toLowerCase() + "$lit$").split(A), v = /([.?@])?(.*)/.exec(u);
+                a.push({ type: 1, index: r, name: v[2], strings: p, ctor: v[1] === "." ? Lt : v[1] === "?" ? kt : v[1] === "@" ? It : W });
               } else
                 a.push({ type: 6, index: r });
             }
           for (const h of d)
             i.removeAttribute(h);
         }
-        if (Ot.test(i.tagName)) {
-          const d = i.textContent.split(y), h = d.length - 1;
+        if (Mt.test(i.tagName)) {
+          const d = i.textContent.split(A), h = d.length - 1;
           if (h > 0) {
-            i.textContent = x ? x.emptyScript : "";
+            i.textContent = T ? T.emptyScript : "";
             for (let u = 0; u < h; u++)
-              i.append(d[u], j()), P.nextNode(), a.push({ type: 2, index: ++r });
-            i.append(d[h], j());
+              i.append(d[u], L()), j.nextNode(), a.push({ type: 2, index: ++r });
+            i.append(d[h], L());
           }
         }
       } else if (i.nodeType === 8)
-        if (i.data === nt)
+        if (i.data === dt)
           a.push({ type: 2, index: r });
         else {
           let d = -1;
-          for (; (d = i.data.indexOf(y, d + 1)) !== -1; )
-            a.push({ type: 7, index: r }), d += y.length - 1;
+          for (; (d = i.data.indexOf(A, d + 1)) !== -1; )
+            a.push({ type: 7, index: r }), d += A.length - 1;
         }
       r++;
     }
   }
   static createElement(t, e) {
-    const s = O.createElement("template");
+    const s = H.createElement("template");
     return s.innerHTML = t, s;
   }
 }
-function S(n, t, e = n, s) {
+function C(n, t, e = n, s) {
   var i, r, o, c;
-  if (t === E)
+  if (t === w)
     return t;
   let a = s !== void 0 ? (i = e._$Co) === null || i === void 0 ? void 0 : i[s] : e._$Cl;
-  const l = N(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, s)), s !== void 0 ? ((o = (c = e)._$Co) !== null && o !== void 0 ? o : c._$Co = [])[s] = a : e._$Cl = a), a !== void 0 && (t = S(n, a._$AS(n, t.values), a, s)), t;
+  const l = k(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, s)), s !== void 0 ? ((o = (c = e)._$Co) !== null && o !== void 0 ? o : c._$Co = [])[s] = a : e._$Cl = a), a !== void 0 && (t = C(n, a._$AS(n, t.values), a, s)), t;
 }
-class Tt {
+class Bt {
   constructor(t, e) {
     this.u = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -360,15 +364,15 @@ class Tt {
   }
   v(t) {
     var e;
-    const { el: { content: s }, parts: i } = this._$AD, r = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : O).importNode(s, !0);
-    P.currentNode = r;
-    let o = P.nextNode(), c = 0, a = 0, l = i[0];
+    const { el: { content: s }, parts: i } = this._$AD, r = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : H).importNode(s, !0);
+    j.currentNode = r;
+    let o = j.nextNode(), c = 0, a = 0, l = i[0];
     for (; l !== void 0; ) {
       if (c === l.index) {
-        let _;
-        l.type === 2 ? _ = new U(o, o.nextSibling, this, t) : l.type === 1 ? _ = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (_ = new Mt(o, this, t)), this.u.push(_), l = i[++a];
+        let $;
+        l.type === 2 ? $ = new N(o, o.nextSibling, this, t) : l.type === 1 ? $ = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && ($ = new zt(o, this, t)), this.u.push($), l = i[++a];
       }
-      c !== (l == null ? void 0 : l.index) && (o = P.nextNode(), c++);
+      c !== (l == null ? void 0 : l.index) && (o = j.nextNode(), c++);
     }
     return r;
   }
@@ -378,10 +382,10 @@ class Tt {
       s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
   }
 }
-class U {
+class N {
   constructor(t, e, s, i) {
     var r;
-    this.type = 2, this._$AH = v, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = i, this._$Cm = (r = i == null ? void 0 : i.isConnected) === null || r === void 0 || r;
+    this.type = 2, this._$AH = f, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = i, this._$Cm = (r = i == null ? void 0 : i.isConnected) === null || r === void 0 || r;
   }
   get _$AU() {
     var t, e;
@@ -399,7 +403,7 @@ class U {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = S(this, t, e), N(t) ? t === v || t == null || t === "" ? (this._$AH !== v && this._$AR(), this._$AH = v) : t !== this._$AH && t !== E && this.g(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : xt(t) ? this.k(t) : this.g(t);
+    t = C(this, t, e), k(t) ? t === f || t == null || t === "" ? (this._$AH !== f && this._$AR(), this._$AH = f) : t !== this._$AH && t !== w && this.g(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Rt(t) ? this.k(t) : this.g(t);
   }
   O(t, e = this._$AB) {
     return this._$AA.parentNode.insertBefore(t, e);
@@ -408,28 +412,28 @@ class U {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   g(t) {
-    this._$AH !== v && N(this._$AH) ? this._$AA.nextSibling.data = t : this.T(O.createTextNode(t)), this._$AH = t;
+    this._$AH !== f && k(this._$AH) ? this._$AA.nextSibling.data = t : this.T(H.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var e;
-    const { values: s, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = M.createElement(i.h, this.options)), i);
+    const { values: s, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = I.createElement(i.h, this.options)), i);
     if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === r)
       this._$AH.p(s);
     else {
-      const o = new Tt(r, this), c = o.v(this.options);
+      const o = new Bt(r, this), c = o.v(this.options);
       o.p(s), this.T(c), this._$AH = o;
     }
   }
   _$AC(t) {
-    let e = yt.get(t.strings);
-    return e === void 0 && yt.set(t.strings, e = new M(t)), e;
+    let e = wt.get(t.strings);
+    return e === void 0 && wt.set(t.strings, e = new I(t)), e;
   }
   k(t) {
-    Pt(this._$AH) || (this._$AH = [], this._$AR());
+    Nt(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let s, i = 0;
     for (const r of t)
-      i === e.length ? e.push(s = new U(this.O(j()), this.O(j()), this, this.options)) : s = e[i], s._$AI(r), i++;
+      i === e.length ? e.push(s = new N(this.O(L()), this.O(L()), this, this.options)) : s = e[i], s._$AI(r), i++;
     i < e.length && (this._$AR(s && s._$AB.nextSibling, i), e.length = i);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -444,9 +448,9 @@ class U {
     this._$AM === void 0 && (this._$Cm = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
   }
 }
-class k {
+class W {
   constructor(t, e, s, i, r) {
-    this.type = 1, this._$AH = v, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = r, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = v;
+    this.type = 1, this._$AH = f, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = r, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = f;
   }
   get tagName() {
     return this.element.tagName;
@@ -458,45 +462,45 @@ class k {
     const r = this.strings;
     let o = !1;
     if (r === void 0)
-      t = S(this, t, e, 0), o = !N(t) || t !== this._$AH && t !== E, o && (this._$AH = t);
+      t = C(this, t, e, 0), o = !k(t) || t !== this._$AH && t !== w, o && (this._$AH = t);
     else {
       const c = t;
       let a, l;
       for (t = r[0], a = 0; a < r.length - 1; a++)
-        l = S(this, c[s + a], e, a), l === E && (l = this._$AH[a]), o || (o = !N(l) || l !== this._$AH[a]), l === v ? t = v : t !== v && (t += (l != null ? l : "") + r[a + 1]), this._$AH[a] = l;
+        l = C(this, c[s + a], e, a), l === w && (l = this._$AH[a]), o || (o = !k(l) || l !== this._$AH[a]), l === f ? t = f : t !== f && (t += (l != null ? l : "") + r[a + 1]), this._$AH[a] = l;
     }
     o && !i && this.j(t);
   }
   j(t) {
-    t === v ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t != null ? t : "");
+    t === f ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t != null ? t : "");
   }
 }
-class Ht extends k {
+class Lt extends W {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === v ? void 0 : t;
+    this.element[this.name] = t === f ? void 0 : t;
   }
 }
-const Vt = x ? x.emptyScript : "";
-class jt extends k {
+const ee = T ? T.emptyScript : "";
+class kt extends W {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    t && t !== v ? this.element.setAttribute(this.name, Vt) : this.element.removeAttribute(this.name);
+    t && t !== f ? this.element.setAttribute(this.name, ee) : this.element.removeAttribute(this.name);
   }
 }
-class Nt extends k {
+class It extends W {
   constructor(t, e, s, i, r) {
     super(t, e, s, i, r), this.type = 5;
   }
   _$AI(t, e = this) {
     var s;
-    if ((t = (s = S(this, t, e, 0)) !== null && s !== void 0 ? s : v) === E)
+    if ((t = (s = C(this, t, e, 0)) !== null && s !== void 0 ? s : f) === w)
       return;
-    const i = this._$AH, r = t === v && i !== v || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== v && (i === v || r);
+    const i = this._$AH, r = t === f && i !== f || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== f && (i === f || r);
     r && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
@@ -504,7 +508,7 @@ class Nt extends k {
     typeof this._$AH == "function" ? this._$AH.call((s = (e = this.options) === null || e === void 0 ? void 0 : e.host) !== null && s !== void 0 ? s : this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Mt {
+class zt {
   constructor(t, e, s) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
   }
@@ -512,18 +516,18 @@ class Mt {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    S(this, t);
+    C(this, t);
   }
 }
-const Wt = { P: "$lit$", A: y, M: nt, C: 1, L: Ut, R: Tt, D: xt, V: S, I: U, H: k, N: jt, U: Nt, B: Ht, F: Mt }, mt = I.litHtmlPolyfillSupport;
-mt == null || mt(M, U), ((Q = I.litHtmlVersions) !== null && Q !== void 0 ? Q : I.litHtmlVersions = []).push("2.4.0");
-const qt = (n, t, e) => {
+const se = { P: "$lit$", A, M: dt, C: 1, L: Dt, R: Bt, D: Rt, V: C, I: N, H: W, N: kt, U: It, B: Lt, F: zt }, Ct = F.litHtmlPolyfillSupport;
+Ct == null || Ct(I, N), ((it = F.litHtmlVersions) !== null && it !== void 0 ? it : F.litHtmlVersions = []).push("2.4.0");
+const ie = (n, t, e) => {
   var s, i;
   const r = (s = e == null ? void 0 : e.renderBefore) !== null && s !== void 0 ? s : t;
   let o = r._$litPart$;
   if (o === void 0) {
     const c = (i = e == null ? void 0 : e.renderBefore) !== null && i !== void 0 ? i : null;
-    r._$litPart$ = o = new U(t.insertBefore(j(), c), c, void 0, e != null ? e : {});
+    r._$litPart$ = o = new N(t.insertBefore(L(), c), c, void 0, e != null ? e : {});
   }
   return o._$AI(n), o;
 };
@@ -532,8 +536,8 @@ const qt = (n, t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var Y, G;
-class m extends w {
+var nt, rt;
+class m extends U {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -544,7 +548,7 @@ class m extends w {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = qt(e, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ie(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t;
@@ -555,19 +559,19 @@ class m extends w {
     super.disconnectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!1);
   }
   render() {
-    return E;
+    return w;
   }
 }
-m.finalized = !0, m._$litElement$ = !0, (Y = globalThis.litElementHydrateSupport) === null || Y === void 0 || Y.call(globalThis, { LitElement: m });
-const gt = globalThis.litElementPolyfillSupport;
-gt == null || gt({ LitElement: m });
-((G = globalThis.litElementVersions) !== null && G !== void 0 ? G : globalThis.litElementVersions = []).push("3.2.2");
+m.finalized = !0, m._$litElement$ = !0, (nt = globalThis.litElementHydrateSupport) === null || nt === void 0 || nt.call(globalThis, { LitElement: m });
+const xt = globalThis.litElementPolyfillSupport;
+xt == null || xt({ LitElement: m });
+((rt = globalThis.litElementVersions) !== null && rt !== void 0 ? rt : globalThis.litElementVersions = []).push("3.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const K = (n) => (t) => typeof t == "function" ? ((e, s) => (customElements.define(e, s), s))(n, t) : ((e, s) => {
+const R = (n) => (t) => typeof t == "function" ? ((e, s) => (customElements.define(e, s), s))(n, t) : ((e, s) => {
   const { kind: i, elements: r } = s;
   return { kind: i, elements: r, finisher(o) {
     customElements.define(e, o);
@@ -578,32 +582,40 @@ const K = (n) => (t) => typeof t == "function" ? ((e, s) => (customElements.defi
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Kt = (n, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? { ...t, finisher(e) {
+const ne = (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 _(n) {
   return (t, e) => e !== void 0 ? ((s, i, r) => {
     i.constructor.createProperty(r, s);
-  })(n, t, e) : Kt(n, t);
+  })(n, t, e) : ne(n, t);
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function Vt(n) {
+  return _({ ...n, state: !0 });
 }
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var X;
-((X = window.HTMLSlotElement) === null || X === void 0 ? void 0 : X.prototype.assignedElements) != null;
+var ot;
+((ot = window.HTMLSlotElement) === null || ot === void 0 ? void 0 : ot.prototype.assignedElements) != null;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Zt = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, Jt = (n) => (...t) => ({ _$litDirective$: n, values: t });
-class Ft {
+const re = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, oe = (n) => (...t) => ({ _$litDirective$: n, values: t });
+class le {
   constructor(t) {
   }
   get _$AU() {
@@ -624,12 +636,12 @@ class Ft {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { I: Qt } = Wt, bt = () => document.createComment(""), H = (n, t, e) => {
+const { I: ae } = se, Ot = () => document.createComment(""), B = (n, t, e) => {
   var s;
   const i = n._$AA.parentNode, r = t === void 0 ? n._$AB : t._$AA;
   if (e === void 0) {
-    const o = i.insertBefore(bt(), r), c = i.insertBefore(bt(), r);
-    e = new Qt(o, c, n, n.options);
+    const o = i.insertBefore(Ot(), r), c = i.insertBefore(Ot(), r);
+    e = new ae(o, c, n, n.options);
   } else {
     const o = e._$AB.nextSibling, c = e._$AM, a = c !== n;
     if (a) {
@@ -639,13 +651,13 @@ const { I: Qt } = Wt, bt = () => document.createComment(""), H = (n, t, e) => {
     if (o !== r || a) {
       let l = e._$AA;
       for (; l !== o; ) {
-        const _ = l.nextSibling;
-        i.insertBefore(l, r), l = _;
+        const $ = l.nextSibling;
+        i.insertBefore(l, r), l = $;
       }
     }
   }
   return e;
-}, b = (n, t, e = n) => (n._$AI(t, e), n), Yt = {}, Gt = (n, t = Yt) => n._$AH = t, Xt = (n) => n._$AH, tt = (n) => {
+}, S = (n, t, e = n) => (n._$AI(t, e), n), he = {}, ce = (n, t = he) => n._$AH = t, de = (n) => n._$AH, lt = (n) => {
   var t;
   (t = n._$AP) === null || t === void 0 || t.call(n, !1, !0);
   let e = n._$AA;
@@ -660,14 +672,14 @@ const { I: Qt } = Wt, bt = () => document.createComment(""), H = (n, t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Et = (n, t, e) => {
+const Ut = (n, t, e) => {
   const s = /* @__PURE__ */ new Map();
   for (let i = t; i <= e; i++)
     s.set(n[i], i);
   return s;
-}, te = Jt(class extends Ft {
+}, Wt = oe(class extends le {
   constructor(n) {
-    if (super(n), n.type !== Zt.CHILD)
+    if (super(n), n.type !== re.CHILD)
       throw Error("repeat() can only be used in text expressions");
   }
   ht(n, t, e) {
@@ -684,64 +696,64 @@ const Et = (n, t, e) => {
   }
   update(n, [t, e, s]) {
     var i;
-    const r = Xt(n), { values: o, keys: c } = this.ht(t, e, s);
+    const r = de(n), { values: o, keys: c } = this.ht(t, e, s);
     if (!Array.isArray(r))
       return this.ut = c, o;
     const a = (i = this.ut) !== null && i !== void 0 ? i : this.ut = [], l = [];
-    let _, d, h = 0, u = r.length - 1, p = 0, $ = o.length - 1;
-    for (; h <= u && p <= $; )
+    let $, d, h = 0, u = r.length - 1, p = 0, v = o.length - 1;
+    for (; h <= u && p <= v; )
       if (r[h] === null)
         h++;
       else if (r[u] === null)
         u--;
       else if (a[h] === c[p])
-        l[p] = b(r[h], o[p]), h++, p++;
-      else if (a[u] === c[$])
-        l[$] = b(r[u], o[$]), u--, $--;
-      else if (a[h] === c[$])
-        l[$] = b(r[h], o[$]), H(n, l[$ + 1], r[h]), h++, $--;
+        l[p] = S(r[h], o[p]), h++, p++;
+      else if (a[u] === c[v])
+        l[v] = S(r[u], o[v]), u--, v--;
+      else if (a[h] === c[v])
+        l[v] = S(r[h], o[v]), B(n, l[v + 1], r[h]), h++, v--;
       else if (a[u] === c[p])
-        l[p] = b(r[u], o[p]), H(n, r[h], r[u]), u--, p++;
-      else if (_ === void 0 && (_ = Et(c, p, $), d = Et(a, h, u)), _.has(a[h]))
-        if (_.has(a[u])) {
-          const A = d.get(c[p]), Z = A !== void 0 ? r[A] : null;
-          if (Z === null) {
-            const ot = H(n, r[h]);
-            b(ot, o[p]), l[p] = ot;
+        l[p] = S(r[u], o[p]), B(n, r[h], r[u]), u--, p++;
+      else if ($ === void 0 && ($ = Ut(c, p, v), d = Ut(a, h, u)), $.has(a[h]))
+        if ($.has(a[u])) {
+          const b = d.get(c[p]), tt = b !== void 0 ? r[b] : null;
+          if (tt === null) {
+            const pt = B(n, r[h]);
+            S(pt, o[p]), l[p] = pt;
           } else
-            l[p] = b(Z, o[p]), H(n, r[h], Z), r[A] = null;
+            l[p] = S(tt, o[p]), B(n, r[h], tt), r[b] = null;
           p++;
         } else
-          tt(r[u]), u--;
+          lt(r[u]), u--;
       else
-        tt(r[h]), h++;
-    for (; p <= $; ) {
-      const A = H(n, l[$ + 1]);
-      b(A, o[p]), l[p++] = A;
+        lt(r[h]), h++;
+    for (; p <= v; ) {
+      const b = B(n, l[v + 1]);
+      S(b, o[p]), l[p++] = b;
     }
     for (; h <= u; ) {
-      const A = r[h++];
-      A !== null && tt(A);
+      const b = r[h++];
+      b !== null && lt(b);
     }
-    return this.ut = c, Gt(n, l), E;
+    return this.ut = c, ce(n, l), w;
   }
 });
-var ee = Object.defineProperty, se = Object.getOwnPropertyDescriptor, Rt = (n, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? se(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+var ue = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, qt = (n, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? pe(t, e) : t, r = n.length - 1, o; r >= 0; r--)
     (o = n[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
-  return s && i && ee(t, e, i), i;
+  return s && i && ue(t, e, i), i;
 };
-let z = class extends m {
+let Q = class extends m {
   constructor() {
     super(...arguments), this.columns = [];
   }
   render() {
-    return C`
-            ${this.columns.length ? C`
+    return g`
+            ${this.columns.length ? g`
                       <alliance-object-list-row>
-                          ${te(
+                          ${Wt(
       this.columns,
-      (n) => C` <alliance-object-list-head label=${n.title} /> `
+      (n) => g` <alliance-object-list-head label=${n.title} /> `
     )}
                       </alliance-object-list-row>
                   ` : null}
@@ -749,97 +761,96 @@ let z = class extends m {
         `;
   }
 };
-z.styles = q`
+Q.styles = V`
         :host {
             display: flex;
             flex-direction: column;
         }
     `;
-Rt([
-  B({ type: Array })
-], z.prototype, "columns", 2);
-z = Rt([
-  K("alliance-object-list")
-], z);
-var ie = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, rt = (n, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? ne(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+qt([
+  _({ type: Array })
+], Q.prototype, "columns", 2);
+Q = qt([
+  R("alliance-object-list")
+], Q);
+var $e = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, ut = (n, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? ve(t, e) : t, r = n.length - 1, o; r >= 0; r--)
     (o = n[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
-  return s && i && ie(t, e, i), i;
+  return s && i && $e(t, e, i), i;
 };
-let R = class extends m {
+let z = class extends m {
   constructor() {
     super(...arguments), this.padded = !0, this.label = "";
   }
   render() {
-    return C`
+    return g`
             <style>
                 :host {
-                    padding: ${this.padded ? f(St.spacing24) : "inherit"};
+                    padding: ${this.padded ? y(X.spacing24) : "inherit"};
                 }
             </style>
             <telia-label>${this.label}</telia-label>
         `;
   }
 };
-R.styles = q`
+z.styles = V`
         :host {
             flex: 1;
         }
     `;
-rt([
-  B({ type: Boolean })
-], R.prototype, "padded", 2);
-rt([
-  B({ type: String })
-], R.prototype, "label", 2);
-R = rt([
-  K("alliance-object-list-head")
-], R);
-const re = "calc(2.4rem * var(--voca-rem-multiplier))";
-var oe = Object.defineProperty, le = Object.getOwnPropertyDescriptor, kt = (n, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? le(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+ut([
+  _({ type: Boolean })
+], z.prototype, "padded", 2);
+ut([
+  _({ type: String })
+], z.prototype, "label", 2);
+z = ut([
+  R("alliance-object-list-head")
+], z);
+var fe = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, Kt = (n, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? _e(t, e) : t, r = n.length - 1, o; r >= 0; r--)
     (o = n[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
-  return s && i && oe(t, e, i), i;
+  return s && i && fe(t, e, i), i;
 };
-let V = class extends m {
+let Y = class extends m {
   constructor() {
     super(...arguments), this.padded = !0;
   }
   render() {
-    return C`
+    return g`
             <style>
                 :host {
-                    padding: ${this.padded ? f(re) : "inherit"};
+                    padding: ${this.padded ? y(X.spacing24) : "inherit"};
                 }
             </style>
             <slot></slot>
         `;
   }
 };
-V.styles = q`
+Y.styles = V`
         :host {
             flex: 1;
             display: flex;
             align-items: center;
         }
     `;
-kt([
-  B({ type: Boolean })
-], V.prototype, "padded", 2);
-V = kt([
-  K("alliance-object-list-item")
-], V);
-var ae = Object.defineProperty, he = Object.getOwnPropertyDescriptor, Bt = (n, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? he(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+Kt([
+  _({ type: Boolean })
+], Y.prototype, "padded", 2);
+Y = Kt([
+  R("alliance-object-list-item")
+], Y);
+var ge = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, Zt = (n, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? ye(t, e) : t, r = n.length - 1, o; r >= 0; r--)
     (o = n[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
-  return s && i && ae(t, e, i), i;
+  return s && i && ge(t, e, i), i;
 };
-let W = class extends m {
+let G = class extends m {
   constructor() {
     super(...arguments), this.clickable = !1;
   }
   render() {
-    return C`
+    return g`
             <div
                 tabindex="${this.clickable ? "0" : "-1"}"
                 class="${"object-list-row"}${this.clickable ? " object-list-clickable" : ""}"
@@ -850,37 +861,191 @@ let W = class extends m {
         `;
   }
 };
-W.styles = q`
+G.styles = V`
         .object-list-row {
             display: flex;
             flex-direction: row;
         }
         .object-list-clickable {
             background-color: transparent;
-            transition: background-color ${f(lt.duration150)}
-                ${f(lt.easeIn)};
+            transition: background-color ${y($t.duration150)}
+                ${y($t.easeIn)};
             cursor: pointer;
         }
 
         .object-list-clickable:hover,
         .object-list-clickable:focus-visible,
         .object-list-clickable:focus {
-            background-color: ${f(at.gray200)};
+            background-color: ${y(vt.gray200)};
         }
 
         .object-list-clickable:active {
-            background-color: ${f(at.gray300)};
+            background-color: ${y(vt.gray300)};
         }
 
         .object-list-clickable:focus-visible {
-            outline: solid ${f(ht.focusBorderWidth)} ${f(ht.focusColor)};
-            outline-offset: ${f(St.spacing4)};
+            outline: solid ${y(ft.focusBorderWidth)} ${y(ft.focusColor)};
+            outline-offset: ${y(X.spacing4)};
         }
     `;
-Bt([
-  B({ type: Boolean })
-], W.prototype, "clickable", 2);
-W = Bt([
-  K("alliance-object-list-row")
-], W);
+Zt([
+  _({ type: Boolean })
+], G.prototype, "clickable", 2);
+G = Zt([
+  R("alliance-object-list-row")
+], G);
+const q = "...", K = (n, t) => {
+  let e = t - n + 1;
+  return Array.from({ length: e }, (s, i) => i + n);
+}, jt = (n, t, e, s) => {
+  const i = Math.ceil(n / t);
+  if (e + 5 >= i)
+    return K(1, i);
+  const o = Math.max(s - e, 1), c = Math.min(s + e, i), a = o > 2, l = c < i - 2, $ = 1, d = i;
+  if (!a && l) {
+    let h = 3 + 2 * e;
+    return [...K(1, h), q, i];
+  }
+  if (a && !l) {
+    let h = 3 + 2 * e, u = K(i - h + 1, i);
+    return [$, q, ...u];
+  }
+  if (a && l) {
+    let h = K(o, c);
+    return [$, q, ...h, q, d];
+  }
+  return [];
+};
+var me = Object.defineProperty, be = Object.getOwnPropertyDescriptor, O = (n, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? be(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
+  return s && i && me(t, e, i), i;
+};
+let E = class extends m {
+  constructor() {
+    super(...arguments), this.itemCount = 0, this.pageSize = 50, this.initialPage = 1, this.siblingCount = 2, this.currentPage = this.initialPage, this.pages = [], this.changePage = (n) => {
+      if (n === this.currentPage || n < 1 || n > this.pages[this.pages.length - 1])
+        return;
+      this.currentPage = n, this.pages = jt(
+        this.itemCount,
+        this.pageSize,
+        this.siblingCount,
+        this.currentPage
+      );
+      const t = new CustomEvent("change-page", {
+        bubbles: !0,
+        composed: !0,
+        detail: this.currentPage
+      });
+      this.dispatchEvent(t);
+    }, this.next = () => {
+      this.changePage(this.currentPage + 1);
+    }, this.previous = () => {
+      this.changePage(this.currentPage - 1);
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.currentPage = this.initialPage, this.pages = jt(
+      this.itemCount,
+      this.pageSize,
+      this.siblingCount,
+      this.currentPage
+    );
+  }
+  render() {
+    return g`
+            <alliance-paginator-button
+                @click=${this.previous}
+                ?disabled=${this.currentPage === 1}
+                icon="left"
+            ></alliance-paginator-button>
+
+            ${Wt(
+      this.pages,
+      (n) => n === "..." ? g`<telia-label>...</telia-label>` : g`<alliance-paginator-button
+                          page=${n}
+                          @click=${() => this.changePage(n)}
+                          ?selected=${this.currentPage === n}
+                      ></alliance-paginator-button>`
+    )}
+
+            <alliance-paginator-button
+                @click=${this.next}
+                ?disabled=${this.currentPage === this.pages[this.pages.length - 1]}
+                icon="right"
+            ></alliance-paginator-button>
+        `;
+  }
+};
+E.styles = V`
+        :host {
+            display: flex;
+            flex-direction: row;
+            place-items: center;
+            gap: ${y(X.spacing8)};
+        }
+
+        span {
+            display: block;
+        }
+    `;
+O([
+  _({ type: Number, attribute: "item-count" })
+], E.prototype, "itemCount", 2);
+O([
+  _({ type: Number, attribute: "page-size" })
+], E.prototype, "pageSize", 2);
+O([
+  _({ type: Number, attribute: "initial-page" })
+], E.prototype, "initialPage", 2);
+O([
+  _({ type: Number, attribute: "sibling-count" })
+], E.prototype, "siblingCount", 2);
+O([
+  Vt()
+], E.prototype, "currentPage", 2);
+O([
+  Vt()
+], E.prototype, "pages", 2);
+E = O([
+  R("alliance-paginator")
+], E);
+var Ae = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, M = (n, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? Ee(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
+  return s && i && Ae(t, e, i), i;
+}, Jt = /* @__PURE__ */ ((n) => (n.Left = "left", n.Right = "right", n))(Jt || {});
+let x = class extends m {
+  constructor() {
+    super(...arguments), this.selected = !1, this.disabled = !1, this.clickable = !0;
+  }
+  render() {
+    return g`<telia-button
+            ?disabled=${this.disabled}
+            variant=${this.selected ? "primary" : "tertiary-black"}
+        >
+            ${this.icon === "left" ? g` <telia-icon svg="${Ft.svg}" /> ` : ""}
+            ${typeof this.page == "string" ? g` <span>${this.page}</span> ` : ""}
+            ${this.icon === "right" ? g` <telia-icon svg="${Qt.svg}" /> ` : ""}
+        </telia-button> `;
+  }
+};
+M([
+  _({ type: Jt })
+], x.prototype, "icon", 2);
+M([
+  _({ type: String })
+], x.prototype, "page", 2);
+M([
+  _({ type: Boolean })
+], x.prototype, "selected", 2);
+M([
+  _({ type: Boolean })
+], x.prototype, "disabled", 2);
+M([
+  _({ type: Boolean })
+], x.prototype, "clickable", 2);
+x = M([
+  R("alliance-paginator-button")
+], x);
 //# sourceMappingURL=index.js.map