@telia-ace/alliance-ui 1.0.4 → 1.0.5-next.0

package/components/index.js

@@ -1,24 +1,29 @@
-import "../chunks/telia-heading2-de9de777.js";
-import { s as G, m as vt, c as lt, f as ft } from "../chunks/variables-03fe2cd9.js";
-import "../chunks/telia-divider-644c043b.js";
-import "../chunks/telia-button-a8a03bcb.js";
-import "../chunks/telia-label2-92041936.js";
+import "../chunks/telia-heading2-5fdf4c16.js";
+import { s as G, m as ft, c as at, f as gt } from "../chunks/variables-03fe2cd9.js";
+import "../chunks/telia-divider-7f90475d.js";
+import "../chunks/telia-button-ef4894d0.js";
+import "../chunks/telia-label2-4d674e5e.js";
+import "../chunks/telia-icon2-34bf5aef.js";
 import { c as Zt, a as Jt } from "../chunks/chevron-right-788ce8a9.js";
-import "../chunks/index-629ecbb8.js";
-import "../chunks/telia-vst2-5b28f085.js";
-import "../chunks/telia-icon2-9c59983c.js";
+import "../chunks/index-17652cf7.js";
+import "../chunks/telia-vst2-1a7f7bd6.js";
 import "../chunks/getSvgContent-f2389ce0.js";
-const Z = window, ct = Z.ShadowRoot && (Z.ShadyCSS === void 0 || Z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, dt = Symbol(), _t = /* @__PURE__ */ new WeakMap();
-let jt = class {
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Z = window, dt = Z.ShadowRoot && (Z.ShadyCSS === void 0 || Z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ut = Symbol(), _t = /* @__PURE__ */ new WeakMap();
+let Nt = class {
   constructor(t, e, i) {
-    if (this._$cssResult$ = !0, i !== dt)
+    if (this._$cssResult$ = !0, i !== ut)
       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 (ct && t === void 0) {
+    if (dt && t === void 0) {
       const i = e !== void 0 && e.length === 1;
       i && (t = _t.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && _t.set(e, t));
     }
@@ -28,7 +33,7 @@ let jt = class {
     return this.cssText;
   }
 };
-const g = (n) => new jt(typeof n == "string" ? n : n + "", void 0, dt), V = (n, ...t) => {
+const _ = (n) => new Nt(typeof n == "string" ? n : n + "", void 0, ut), V = (n, ...t) => {
   const e = n.length === 1 ? n[0] : t.reduce((i, s, r) => i + ((o) => {
     if (o._$cssResult$ === !0)
       return o.cssText;
@@ -36,20 +41,25 @@ const g = (n) => new jt(typeof n == "string" ? n : n + "", void 0, dt), V = (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 jt(e, n, dt);
+  return new Nt(e, n, ut);
 }, Ft = (n, t) => {
-  ct ? n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
+  dt ? n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
     const i = document.createElement("style"), s = Z.litNonce;
     s !== void 0 && i.setAttribute("nonce", s), i.textContent = e.cssText, n.appendChild(i);
   });
-}, gt = ct ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
+}, yt = dt ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const i of t.cssRules)
     e += i.cssText;
-  return g(e);
+  return _(e);
 })(n) : n;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
 var tt;
-const J = window, yt = J.trustedTypes, Qt = yt ? yt.emptyScript : "", mt = J.reactiveElementPolyfillSupport, at = { toAttribute(n, t) {
+const J = window, mt = J.trustedTypes, Qt = mt ? mt.emptyScript : "", bt = J.reactiveElementPolyfillSupport, ht = { toAttribute(n, t) {
   switch (t) {
     case Boolean:
       n = n ? Qt : null;
@@ -77,7 +87,7 @@ const J = window, yt = J.trustedTypes, Qt = yt ? yt.emptyScript : "", mt = J.rea
       }
   }
   return e;
-} }, Ht = (n, t) => t !== n && (t == t || n == n), et = { attribute: !0, type: String, converter: at, reflect: !1, hasChanged: Ht };
+} }, jt = (n, t) => t !== n && (t == t || n == n), et = { attribute: !0, type: String, converter: ht, reflect: !1, hasChanged: jt };
 let U = class extends HTMLElement {
   constructor() {
     super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this.u();
@@ -128,9 +138,9 @@ let U = class extends HTMLElement {
     if (Array.isArray(t)) {
       const i = new Set(t.flat(1 / 0).reverse());
       for (const s of i)
-        e.unshift(gt(s));
+        e.unshift(yt(s));
     } else
-      t !== void 0 && e.push(gt(t));
+      t !== void 0 && e.push(yt(t));
     return e;
   }
   static _$Ep(t, e) {
@@ -182,7 +192,7 @@ let U = class extends HTMLElement {
     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 : at).toAttribute(e, i.type);
+      const o = (((s = i.converter) === null || s === void 0 ? void 0 : s.toAttribute) !== void 0 ? i.converter : ht).toAttribute(e, i.type);
       this._$El = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$El = null;
     }
   }
@@ -190,13 +200,13 @@ let U = 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 : at;
+      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 : ht;
       this._$El = r, this[r] = c.fromAttribute(e, o.type), this._$El = null;
     }
   }
   requestUpdate(t, e, i) {
     let s = !0;
-    t !== void 0 && (((i = i || this.constructor.getPropertyOptions(t)).hasChanged || Ht)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, i))) : s = !1), !this.isUpdatePending && s && (this._$E_ = this._$Ej());
+    t !== void 0 && (((i = i || this.constructor.getPropertyOptions(t)).hasChanged || jt)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, i))) : s = !1), !this.isUpdatePending && s && (this._$E_ = this._$Ej());
   }
   async _$Ej() {
     this.isUpdatePending = !0;
@@ -257,22 +267,27 @@ let U = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-U.finalized = !0, U.elementProperties = /* @__PURE__ */ new Map(), U.elementStyles = [], U.shadowRootOptions = { mode: "open" }, mt == null || mt({ ReactiveElement: U }), ((tt = J.reactiveElementVersions) !== null && tt !== void 0 ? tt : J.reactiveElementVersions = []).push("1.5.0");
+U.finalized = !0, U.elementProperties = /* @__PURE__ */ new Map(), U.elementStyles = [], U.shadowRootOptions = { mode: "open" }, bt == null || bt({ ReactiveElement: U }), ((tt = J.reactiveElementVersions) !== null && tt !== void 0 ? tt : J.reactiveElementVersions = []).push("1.6.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
 var it;
-const F = window, j = F.trustedTypes, At = j ? j.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, b = `lit$${(Math.random() + "").slice(9)}$`, ut = "?" + b, Yt = `<${ut}>`, H = document, L = (n = "") => H.createComment(n), I = (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, bt = /-->/g, Et = />/g, P = RegExp(`>|[ 	
+const F = window, N = F.trustedTypes, At = N ? N.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, A = `lit$${(Math.random() + "").slice(9)}$`, pt = "?" + A, Yt = `<${pt}>`, j = document, L = (n = "") => j.createComment(n), z = (n) => n === null || typeof n != "object" && typeof n != "function", Ht = Array.isArray, Rt = (n) => Ht(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", D = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Et = /-->/g, Pt = />/g, P = RegExp(`>|[ 	
 \f\r](?:([^\\s"'>=/]+)([ 	
 \f\r]*=[ 	
 \f\r]*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Pt = /'/g, St = /"/g, Mt = /^(?:script|style|textarea|title)$/i, Gt = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), y = Gt(1), C = Symbol.for("lit-noChange"), f = Symbol.for("lit-nothing"), Ct = /* @__PURE__ */ new WeakMap(), T = H.createTreeWalker(H, 129, null, !1), Dt = (n, t) => {
+\f\r"'\`<>=]|("|')|))|$)`, "g"), St = /'/g, Ct = /"/g, Mt = /^(?:script|style|textarea|title)$/i, Gt = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), y = Gt(1), C = Symbol.for("lit-noChange"), f = Symbol.for("lit-nothing"), wt = /* @__PURE__ */ new WeakMap(), T = j.createTreeWalker(j, 129, null, !1), Dt = (n, t) => {
   const e = n.length - 1, i = [];
   let s, r = t === 2 ? "<svg>" : "", o = D;
   for (let a = 0; a < e; a++) {
     const l = n[a];
     let $, d, h = -1, u = 0;
     for (; u < l.length && (o.lastIndex = u, d = o.exec(l), d !== null); )
-      u = o.lastIndex, o === D ? d[1] === "!--" ? o = bt : d[1] !== void 0 ? o = Et : d[2] !== void 0 ? (Mt.test(d[2]) && (s = RegExp("</" + d[2], "g")), o = P) : d[3] !== void 0 && (o = P) : o === P ? d[0] === ">" ? (o = s ?? 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 === bt || o === Et ? o = D : (o = P, s = void 0);
+      u = o.lastIndex, o === D ? d[1] === "!--" ? o = Et : d[1] !== void 0 ? o = Pt : d[2] !== void 0 ? (Mt.test(d[2]) && (s = RegExp("</" + d[2], "g")), o = P) : d[3] !== void 0 && (o = P) : o === P ? d[0] === ">" ? (o = s ?? 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] === '"' ? Ct : St) : o === Ct || o === St ? o = P : o === Et || o === Pt ? o = D : (o = P, s = void 0);
     const p = o === P && n[a + 1].startsWith("/>") ? " " : "";
-    r += o === D ? l + Yt : h >= 0 ? (i.push($), l.slice(0, h) + "$lit$" + l.slice(h) + b + p) : l + b + (h === -2 ? (i.push(void 0), a) : p);
+    r += o === D ? l + Yt : h >= 0 ? (i.push($), l.slice(0, h) + "$lit$" + l.slice(h) + A + p) : l + A + (h === -2 ? (i.push(void 0), a) : p);
   }
   const c = r + (n[e] || "<?>") + (t === 2 ? "</svg>" : "");
   if (!Array.isArray(n) || !n.hasOwnProperty("raw"))
@@ -294,11 +309,11 @@ class k {
         if (s.hasAttributes()) {
           const d = [];
           for (const h of s.getAttributeNames())
-            if (h.endsWith("$lit$") || h.startsWith(b)) {
+            if (h.endsWith("$lit$") || h.startsWith(A)) {
               const u = $[o++];
               if (d.push(h), u !== void 0) {
-                const p = s.getAttribute(u.toLowerCase() + "$lit$").split(b), v = /([.?@])?(.*)/.exec(u);
-                a.push({ type: 1, index: r, name: v[2], strings: p, ctor: v[1] === "." ? Lt : v[1] === "?" ? It : v[1] === "@" ? kt : W });
+                const p = s.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] === "?" ? zt : v[1] === "@" ? kt : W });
               } else
                 a.push({ type: 6, index: r });
             }
@@ -306,27 +321,27 @@ class k {
             s.removeAttribute(h);
         }
         if (Mt.test(s.tagName)) {
-          const d = s.textContent.split(b), h = d.length - 1;
+          const d = s.textContent.split(A), h = d.length - 1;
           if (h > 0) {
-            s.textContent = j ? j.emptyScript : "";
+            s.textContent = N ? N.emptyScript : "";
             for (let u = 0; u < h; u++)
               s.append(d[u], L()), T.nextNode(), a.push({ type: 2, index: ++r });
             s.append(d[h], L());
           }
         }
       } else if (s.nodeType === 8)
-        if (s.data === ut)
+        if (s.data === pt)
           a.push({ type: 2, index: r });
         else {
           let d = -1;
-          for (; (d = s.data.indexOf(b, d + 1)) !== -1; )
-            a.push({ type: 7, index: r }), d += b.length - 1;
+          for (; (d = s.data.indexOf(A, d + 1)) !== -1; )
+            a.push({ type: 7, index: r }), d += A.length - 1;
         }
       r++;
     }
   }
   static createElement(t, e) {
-    const i = H.createElement("template");
+    const i = j.createElement("template");
     return i.innerHTML = t, i;
   }
 }
@@ -335,7 +350,7 @@ function w(n, t, e = n, i) {
   if (t === C)
     return t;
   let a = i !== void 0 ? (s = e._$Co) === null || s === void 0 ? void 0 : s[i] : e._$Cl;
-  const l = I(t) ? void 0 : t._$litDirective$;
+  const l = z(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 = w(n, a._$AS(n, t.values), a, i)), t;
 }
 class Bt {
@@ -350,13 +365,13 @@ class Bt {
   }
   v(t) {
     var e;
-    const { el: { content: i }, parts: s } = this._$AD, r = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : H).importNode(i, !0);
+    const { el: { content: i }, parts: s } = this._$AD, r = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : j).importNode(i, !0);
     T.currentNode = r;
     let o = T.nextNode(), c = 0, a = 0, l = s[0];
     for (; l !== void 0; ) {
       if (c === l.index) {
         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 = s[++a];
+        l.type === 2 ? $ = new H(o, o.nextSibling, this, t) : l.type === 1 ? $ = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && ($ = new It(o, this, t)), this.u.push($), l = s[++a];
       }
       c !== (l == null ? void 0 : l.index) && (o = T.nextNode(), c++);
     }
@@ -368,7 +383,7 @@ class Bt {
       i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
   }
 }
-class N {
+class H {
   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;
@@ -389,7 +404,7 @@ class N {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = w(this, t, e), I(t) ? t === f || t == null || t === "" ? (this._$AH !== f && this._$AR(), this._$AH = f) : t !== this._$AH && t !== C && this.g(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Rt(t) ? this.k(t) : this.g(t);
+    t = w(this, t, e), z(t) ? t === f || t == null || t === "" ? (this._$AH !== f && this._$AR(), this._$AH = f) : t !== this._$AH && t !== C && 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);
@@ -398,7 +413,7 @@ class N {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   g(t) {
-    this._$AH !== f && I(this._$AH) ? this._$AA.nextSibling.data = t : this.T(H.createTextNode(t)), this._$AH = t;
+    this._$AH !== f && z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(j.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var e;
@@ -411,15 +426,15 @@ class N {
     }
   }
   _$AC(t) {
-    let e = Ct.get(t.strings);
-    return e === void 0 && Ct.set(t.strings, e = new k(t)), e;
+    let e = wt.get(t.strings);
+    return e === void 0 && wt.set(t.strings, e = new k(t)), e;
   }
   k(t) {
-    Nt(this._$AH) || (this._$AH = [], this._$AR());
+    Ht(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 N(this.O(L()), this.O(L()), this, this.options)) : i = e[s], i._$AI(r), s++;
+      s === e.length ? e.push(i = new H(this.O(L()), this.O(L()), 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) {
@@ -448,12 +463,12 @@ class W {
     const r = this.strings;
     let o = !1;
     if (r === void 0)
-      t = w(this, t, e, 0), o = !I(t) || t !== this._$AH && t !== C, o && (this._$AH = t);
+      t = w(this, t, e, 0), o = !z(t) || t !== this._$AH && t !== C, o && (this._$AH = t);
     else {
       const c = t;
       let a, l;
       for (t = r[0], a = 0; a < r.length - 1; a++)
-        l = w(this, c[i + a], e, a), l === C && (l = this._$AH[a]), o || (o = !I(l) || l !== this._$AH[a]), l === f ? t = f : t !== f && (t += (l ?? "") + r[a + 1]), this._$AH[a] = l;
+        l = w(this, c[i + a], e, a), l === C && (l = this._$AH[a]), o || (o = !z(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);
   }
@@ -469,8 +484,8 @@ class Lt extends W {
     this.element[this.name] = t === f ? void 0 : t;
   }
 }
-const Xt = j ? j.emptyScript : "";
-class It extends W {
+const Xt = N ? N.emptyScript : "";
+class zt extends W {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -494,7 +509,7 @@ class kt extends W {
     typeof this._$AH == "function" ? this._$AH.call((i = (e = this.options) === null || e === void 0 ? void 0 : e.host) !== null && i !== void 0 ? i : this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class zt {
+class It {
   constructor(t, e, i) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
   }
@@ -505,18 +520,23 @@ class zt {
     w(this, t);
   }
 }
-const te = { P: "$lit$", A: b, M: ut, C: 1, L: Dt, R: Bt, D: Rt, V: w, I: N, H: W, N: It, U: kt, B: Lt, F: zt }, wt = F.litHtmlPolyfillSupport;
-wt == null || wt(k, N), ((it = F.litHtmlVersions) !== null && it !== void 0 ? it : F.litHtmlVersions = []).push("2.5.0");
+const te = { P: "$lit$", A, M: pt, C: 1, L: Dt, R: Bt, D: Rt, V: w, I: H, H: W, N: zt, U: kt, B: Lt, F: It }, xt = F.litHtmlPolyfillSupport;
+xt == null || xt(k, H), ((it = F.litHtmlVersions) !== null && it !== void 0 ? it : F.litHtmlVersions = []).push("2.6.1");
 const ee = (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 N(t.insertBefore(L(), c), c, void 0, e ?? {});
+    r._$litPart$ = o = new H(t.insertBefore(L(), c), c, void 0, e ?? {});
   }
   return o._$AI(n), o;
 };
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
 var st, nt;
 let m = class extends U {
   constructor() {
@@ -544,15 +564,25 @@ let m = class extends U {
   }
 };
 m.finalized = !0, m._$litElement$ = !0, (st = globalThis.litElementHydrateSupport) === null || st === void 0 || st.call(globalThis, { LitElement: m });
-const xt = globalThis.litElementPolyfillSupport;
-xt == null || xt({ LitElement: m });
+const Ot = globalThis.litElementPolyfillSupport;
+Ot == null || Ot({ LitElement: m });
 ((nt = globalThis.litElementVersions) !== null && nt !== void 0 ? nt : globalThis.litElementVersions = []).push("3.2.2");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
 const R = (n) => (t) => typeof t == "function" ? ((e, i) => (customElements.define(e, i), i))(n, t) : ((e, i) => {
   const { kind: s, elements: r } = i;
   return { kind: s, elements: r, finisher(o) {
     customElements.define(e, o);
   } };
 })(n, t);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
 const ie = (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() {
@@ -560,14 +590,24 @@ const ie = (n, t) => t.kind === "method" && t.descriptor && !("value" in t.descr
 }, finisher(e) {
   e.createProperty(t.key, n);
 } };
-function _(n) {
+function g(n) {
   return (t, e) => e !== void 0 ? ((i, s, r) => {
     s.constructor.createProperty(r, i);
   })(n, t, e) : ie(n, t);
 }
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
 function Vt(n) {
-  return _({ ...n, state: !0 });
+  return g({ ...n, state: !0 });
 }
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
 var rt;
 ((rt = window.HTMLSlotElement) === null || rt === void 0 ? void 0 : rt.prototype.assignedElements) != null;
 var se = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, re = (n, t, e, i) => {
@@ -575,26 +615,26 @@ var se = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, re = (n, t
     (o = n[r]) && (s = (i ? o(t, e, s) : o(s)) || s);
   return i && s && se(t, e, s), s;
 };
-let ht = class extends m {
+let ct = class extends m {
   render() {
     return y` <slot></slot> `;
   }
 };
-ht.styles = V`
+ct.styles = V`
         :host {
             display: flex;
             flex-direction: column;
         }
     `;
-ht = re([
+ct = re([
   R("alliance-object-list")
-], ht);
-var oe = Object.defineProperty, le = Object.getOwnPropertyDescriptor, pt = (n, t, e, i) => {
+], ct);
+var oe = Object.defineProperty, le = Object.getOwnPropertyDescriptor, $t = (n, t, e, i) => {
   for (var s = i > 1 ? void 0 : i ? le(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;
 };
-let z = class extends m {
+let I = class extends m {
   constructor() {
     super(...arguments), this.padded = !0, this.label = "";
   }
@@ -602,27 +642,27 @@ let z = class extends m {
     return y`
             <style>
                 :host {
-                    padding: ${this.padded ? g(G.spacing24) : "inherit"};
+                    padding: ${this.padded ? _(G.spacing24) : "inherit"};
                 }
             </style>
             <telia-heading tag="h4" variant="title-100">${this.label}</telia-heading>
         `;
   }
 };
-z.styles = V`
+I.styles = V`
         :host {
             flex: 1;
         }
     `;
-pt([
-  _({ type: Boolean })
-], z.prototype, "padded", 2);
-pt([
-  _({ type: String })
-], z.prototype, "label", 2);
-z = pt([
+$t([
+  g({ type: Boolean })
+], I.prototype, "padded", 2);
+$t([
+  g({ type: String })
+], I.prototype, "label", 2);
+I = $t([
   R("alliance-object-list-head")
-], z);
+], I);
 var ae = Object.defineProperty, he = Object.getOwnPropertyDescriptor, Wt = (n, t, e, i) => {
   for (var s = i > 1 ? void 0 : i ? he(t, e) : t, r = n.length - 1, o; r >= 0; r--)
     (o = n[r]) && (s = (i ? o(t, e, s) : o(s)) || s);
@@ -636,7 +676,7 @@ let Q = class extends m {
     return y`
             <style>
                 :host {
-                    padding: ${this.padded ? g(G.spacing24) : "inherit"};
+                    padding: ${this.padded ? _(G.spacing24) : "inherit"};
                 }
             </style>
             <slot></slot>
@@ -651,7 +691,7 @@ Q.styles = V`
         }
     `;
 Wt([
-  _({ type: Boolean })
+  g({ type: Boolean })
 ], Q.prototype, "padded", 2);
 Q = Wt([
   R("alliance-object-list-item")
@@ -684,32 +724,37 @@ Y.styles = V`
         }
         .object-list-clickable {
             background-color: transparent;
-            transition: background-color ${g(vt.duration150)}
-                ${g(vt.easeIn)};
+            transition: background-color ${_(ft.duration150)}
+                ${_(ft.easeIn)};
             cursor: pointer;
         }
 
         .object-list-clickable:hover,
         .object-list-clickable:focus-visible,
         .object-list-clickable:focus {
-            background-color: ${g(lt.gray200)};
+            background-color: ${_(at.gray200)};
         }
 
         .object-list-clickable:active {
-            background-color: ${g(lt.gray300)};
+            background-color: ${_(at.gray300)};
         }
 
         .object-list-clickable:focus-visible {
-            outline: solid ${g(ft.focusBorderWidth)} ${g(ft.focusColor)};
-            outline-offset: ${g(G.spacing4)};
+            outline: solid ${_(gt.focusBorderWidth)} ${_(gt.focusColor)};
+            outline-offset: ${_(G.spacing4)};
         }
     `;
 qt([
-  _({ type: Boolean })
+  g({ type: Boolean })
 ], Y.prototype, "clickable", 2);
 Y = qt([
   R("alliance-object-list-row")
 ], Y);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
 const ue = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, pe = (n) => (...t) => ({ _$litDirective$: n, values: t });
 class $e {
   constructor(t) {
@@ -727,11 +772,16 @@ class $e {
     return this.render(...e);
   }
 }
-const { I: ve } = te, Ot = () => document.createComment(""), B = (n, t, e) => {
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { I: ve } = te, Ut = () => document.createComment(""), B = (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(Ot(), r), c = s.insertBefore(Ot(), r);
+    const o = s.insertBefore(Ut(), r), c = s.insertBefore(Ut(), r);
     e = new ve(o, c, n, n.options);
   } else {
     const o = e._$AB.nextSibling, c = e._$AM, a = c !== n;
@@ -748,7 +798,7 @@ const { I: ve } = te, Ot = () => document.createComment(""), B = (n, t, e) => {
     }
   }
   return e;
-}, S = (n, t, e = n) => (n._$AI(t, e), n), fe = {}, _e = (n, t = fe) => n._$AH = t, ge = (n) => n._$AH, ot = (n) => {
+}, S = (n, t, e = n) => (n._$AI(t, e), n), fe = {}, ge = (n, t = fe) => n._$AH = t, _e = (n) => n._$AH, ot = (n) => {
   var t;
   (t = n._$AP) === null || t === void 0 || t.call(n, !1, !0);
   let e = n._$AA;
@@ -758,7 +808,12 @@ const { I: ve } = te, Ot = () => document.createComment(""), B = (n, t, e) => {
     e.remove(), e = s;
   }
 };
-const Ut = (n, t, e) => {
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Tt = (n, t, e) => {
   const i = /* @__PURE__ */ new Map();
   for (let s = t; s <= e; s++)
     i.set(n[s], s);
@@ -782,7 +837,7 @@ const Ut = (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 = _e(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 = [];
@@ -800,33 +855,33 @@ const Ut = (n, t, e) => {
         l[v] = S(r[h], o[v]), B(n, l[v + 1], r[h]), h++, v--;
       else if (a[u] === c[p])
         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]))
+      else if ($ === void 0 && ($ = Tt(c, p, v), d = Tt(a, h, u)), $.has(a[h]))
         if ($.has(a[u])) {
-          const A = d.get(c[p]), X = A !== void 0 ? r[A] : null;
+          const b = d.get(c[p]), X = b !== void 0 ? r[b] : null;
           if (X === null) {
-            const $t = B(n, r[h]);
-            S($t, o[p]), l[p] = $t;
+            const vt = B(n, r[h]);
+            S(vt, o[p]), l[p] = vt;
           } else
-            l[p] = S(X, o[p]), B(n, r[h], X), r[A] = null;
+            l[p] = S(X, o[p]), B(n, r[h], X), r[b] = null;
           p++;
         } else
           ot(r[u]), u--;
       else
         ot(r[h]), h++;
     for (; p <= v; ) {
-      const A = B(n, l[v + 1]);
-      S(A, o[p]), l[p++] = A;
+      const b = B(n, l[v + 1]);
+      S(b, o[p]), l[p++] = b;
     }
     for (; h <= u; ) {
-      const A = r[h++];
-      A !== null && ot(A);
+      const b = r[h++];
+      b !== null && ot(b);
     }
-    return this.ut = c, _e(n, l), C;
+    return this.ut = c, ge(n, l), C;
   }
 }), q = "...", K = (n, t) => {
   let e = t - n + 1;
   return Array.from({ length: e }, (i, s) => s + n);
-}, Tt = (n, t, e, i) => {
+}, lt = ({ itemCount: n, pageSize: t, siblingCount: e, currentPage: i }) => {
   const s = Math.ceil(n / t);
   if (e + 5 >= s)
     return K(1, s);
@@ -845,28 +900,30 @@ const Ut = (n, t, e) => {
   }
   return [];
 };
-var me = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, O = (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 me = Object.defineProperty, be = Object.getOwnPropertyDescriptor, O = (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 && me(t, e, s), s;
 };
 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])
+      if (n === this.currentPage || // Next page is the same
+      n < 1 || // Next page is 0
+      n > this.pages[this.pages.length - 1])
         return;
-      this.currentPage = n, this.pages = Tt(
-        this.itemCount,
-        this.pageSize,
-        this.siblingCount,
-        this.currentPage
-      );
       const t = new CustomEvent("change-page", {
         bubbles: !0,
         composed: !0,
-        detail: this.currentPage
+        detail: n,
+        cancelable: !0
       });
-      this.dispatchEvent(t);
+      this.dispatchEvent(t) && (this.currentPage = n, this.pages = lt({
+        itemCount: this.itemCount,
+        pageSize: this.pageSize,
+        siblingCount: this.siblingCount,
+        currentPage: this.currentPage
+      }));
     }, this.next = () => {
       this.changePage(this.currentPage + 1);
     }, this.previous = () => {
@@ -874,12 +931,21 @@ let E = class extends m {
     };
   }
   connectedCallback() {
-    super.connectedCallback(), this.currentPage = this.initialPage, this.pages = Tt(
-      this.itemCount,
-      this.pageSize,
-      this.siblingCount,
-      this.currentPage
-    );
+    super.connectedCallback(), this.currentPage = this.initialPage, this.pages = lt({
+      itemCount: this.itemCount,
+      pageSize: this.pageSize,
+      siblingCount: this.siblingCount,
+      currentPage: this.currentPage
+    });
+  }
+  attributeChangedCallback(n, t, e) {
+    super.attributeChangedCallback(n, t, e), n === "initial-page" && (this.currentPage = this.initialPage), this.pages = lt({
+      itemCount: this.itemCount,
+      pageSize: this.pageSize,
+      siblingCount: this.siblingCount,
+      currentPage: this.currentPage,
+      [n]: e
+    });
   }
   render() {
     return y`
@@ -911,11 +977,11 @@ E.styles = V`
             display: flex;
             flex-direction: row;
             place-items: center;
-            gap: ${g(G.spacing8)};
+            gap: ${_(G.spacing8)};
         }
 
         :host .telia-label {
-            color: ${g(lt.purple700)};
+            color: ${_(at.purple700)};
         }
 
         span {
@@ -923,16 +989,16 @@ E.styles = V`
         }
     `;
 O([
-  _({ type: Number, attribute: "item-count" })
+  g({ type: Number, attribute: "item-count" })
 ], E.prototype, "itemCount", 2);
 O([
-  _({ type: Number, attribute: "page-size" })
+  g({ type: Number, attribute: "page-size" })
 ], E.prototype, "pageSize", 2);
 O([
-  _({ type: Number, attribute: "initial-page" })
+  g({ type: Number, attribute: "initial-page" })
 ], E.prototype, "initialPage", 2);
 O([
-  _({ type: Number, attribute: "sibling-count" })
+  g({ type: Number, attribute: "sibling-count" })
 ], E.prototype, "siblingCount", 2);
 O([
   Vt()
@@ -943,41 +1009,36 @@ O([
 E = O([
   R("alliance-paginator")
 ], E);
-var be = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, M = (n, t, e, i) => {
+var Ae = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, M = (n, t, e, i) => {
   for (var s = i > 1 ? void 0 : i ? Ee(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 && Ae(t, e, s), s;
 }, Kt = /* @__PURE__ */ ((n) => (n.Left = "left", n.Right = "right", n))(Kt || {});
 let x = class extends m {
   constructor() {
     super(...arguments), this.selected = !1, this.disabled = !1, this.clickable = !0;
   }
   renderContent() {
-    return this.icon === "left" ? y` <telia-icon size="sm" svg="${Zt.svg}" /> ` : this.icon === "right" ? y` <telia-icon size="sm" svg="${Jt.svg}" /> ` : y` <span>${this.page}</span> `;
+    return this.icon === "left" ? y`<telia-icon size="sm" svg="${Zt.svg}" />` : this.icon === "right" ? y`<telia-icon size="sm" svg="${Jt.svg}" />` : y`<span>${this.page}</span>`;
   }
   render() {
-    return y`<telia-button
-            ?disabled=${this.disabled}
-            variant=${this.selected ? "primary" : "tertiary-purple"}
-        >
-            ${this.renderContent()}
-        </telia-button> `;
+    return y`<telia-button ?disabled=${this.disabled} variant=${this.selected ? "primary" : "tertiary-purple"}>${this.renderContent()}</telia-button> `;
   }
 };
 M([
-  _({ type: Kt })
+  g({ type: Kt })
 ], x.prototype, "icon", 2);
 M([
-  _({ type: String })
+  g({ type: String })
 ], x.prototype, "page", 2);
 M([
-  _({ type: Boolean })
+  g({ type: Boolean })
 ], x.prototype, "selected", 2);
 M([
-  _({ type: Boolean })
+  g({ type: Boolean })
 ], x.prototype, "disabled", 2);
 M([
-  _({ type: Boolean })
+  g({ type: Boolean })
 ], x.prototype, "clickable", 2);
 x = M([
   R("alliance-paginator-button")