@telia-ace/alliance-ui 1.0.17 → 1.1.0-next.1

package/dist/chunk-AIATXCVP.js

@@ -0,0 +1 @@
+var h=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var j=(g,b,d,c)=>{for(var a=c>1?void 0:c?i(b,d):b,e=g.length-1,f;e>=0;e--)(f=g[e])&&(a=(c?f(b,d,a):f(a))||a);return c&&a&&h(b,d,a),a};export{j as a};

package/dist/chunk-AZ6GENL6.js

@@ -0,0 +1 @@
+import"@teliads/components/dist/components/telia-label";

package/dist/chunk-BDQXACZ6.js

@@ -0,0 +1 @@
+import"@teliads/components/dist/components/telia-icon";

package/dist/chunk-CNFJFZ6D.js

@@ -0,0 +1,5 @@
+import{borders as g,breakpoints as t,colors as e,grid as n,layers as d,motion as r,shadows as s,spacing as a,typography as p}from"@teliads/components/foundations";import c from"@teliads/components/foundations/focus/variables.json";var y=()=>{let o="voca-foundations-style-tag",u=document.getElementById(o),i=document.createElement("style");i.id=o;let l={"--font-telia-heading":"TeliaSansHeading, TeliaSans, HelveticaNeue, Helvetica, Arial, sans-serif","--font-telia-sans":"TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif","--font-normal":p.weightNormal,"--font-medium":p.weightMedium,"--font-bold":p.weightBold,"--spacing-0":a.spacing0,"--spacing-2":a.spacing2,"--spacing-4":a.spacing4,"--spacing-8":a.spacing8,"--spacing-12":a.spacing12,"--spacing-16":a.spacing16,"--spacing-20":a.spacing20,"--spacing-24":a.spacing24,"--spacing-32":a.spacing32,"--spacing-48":a.spacing48,"--spacing-64":a.spacing64,"--spacing-80":a.spacing80,"--spacing-96":a.spacing96,"--spacing-128":a.spacing128,"--box-shadow-none":s.none,"--box-shadow-sm":s.sm,"--box-shadow-md":s.md,"--box-shadow-lg":s.lg,"--duration-50":r.duration50,"--duration-100":r.duration100,"--duration-150":r.duration150,"--duration-200":r.duration200,"--duration-250":r.duration250,"--duration-300":r.duration300,"--duration-350":r.duration350,"--duration-400":r.duration400,"--duration-500":r.duration500,"--duration-1500":r.duration1500,"--duration-2000":r.duration2000,"--timing-ease-in":r.easeIn,"--timing-ease-out":r.easeOut,"--timing-ease-in-out":r.easeInOut,"--layer-base":d.base,"--layer-dropdown":d.dropdown,"--layer-header":d.header,"--layer-modal":d.modal,"--border-width-none":g.widthNone,"--border-width-xs":g.widthXs,"--border-width-sm":g.widthSm,"--border-width-md":g.widthMd,"--border-radius-none":g.radiusNone,"--border-radius-default":g.radiusDefault,"--border-radius-sm":g.radiusSm,"--border-radius-lg":g.radiusLg,"--border-radius-full":g.radiusFull,"--screen-size-sm":t.breakpointSm,"--screen-size-md":t.breakpointMd,"--screen-size-lg":t.breakpointLg,"--screen-size-xl":t.breakpointXl,"--purple-100":e.purple100,"--purple-200":e.purple200,"--purple-300":e.purple300,"--purple-400":e.purple400,"--purple-500":e.purple500,"--purple-600":e.purple600,"--purple-700":e.purple700,"--purple-800":e.purple800,"--purple-850":e.purple850,"--purple-900":e.purple900,"--beige-50":e.beige50,"--beige-100":e.beige100,"--beige-200":e.beige200,"--beige-300":e.beige300,"--beige-400":e.beige400,"--beige-500":e.beige500,"--beige-600":e.beige600,"--beige-700":e.beige700,"--beige-800":e.beige800,"--beige-900":e.beige900,"--gray-50":e.gray50,"--gray-100":e.gray100,"--gray-200":e.gray200,"--gray-300":e.gray300,"--gray-400":e.gray400,"--gray-500":e.gray500,"--gray-600":e.gray600,"--gray-700":e.gray700,"--gray-800":e.gray800,"--gray-900":e.gray900,"--green-100":e.green100,"--green-200":e.green200,"--green-300":e.green300,"--green-400":e.green400,"--green-500":e.green500,"--green-600":e.green600,"--green-700":e.green700,"--green-800":e.green800,"--green-900":e.green900,"--red-100":e.red100,"--red-200":e.red200,"--red-300":e.red300,"--red-400":e.red400,"--red-500":e.red500,"--red-600":e.red600,"--red-700":e.red700,"--red-800":e.red800,"--red-900":e.red900,"--orange-100":e.orange100,"--orange-200":e.orange200,"--orange-300":e.orange300,"--orange-400":e.orange400,"--orange-500":e.orange500,"--orange-600":e.orange600,"--orange-700":e.orange700,"--orange-800":e.orange800,"--orange-900":e.orange900,"--blue-100":e.blue100,"--blue-200":e.blue200,"--blue-300":e.blue300,"--blue-400":e.blue400,"--blue-500":e.blue500,"--blue-600":e.blue600,"--blue-700":e.blue700,"--blue-800":e.blue800,"--blue-900":e.blue900,"--white":e.white,"--black":e.black,"--functional-black":e.functionalBlack,"--grid-gutter":n.gutter,"--grid-gutter-medium":n.gutterMedium,"--grid-gutter-large":n.gutterLarge,"--grid-page-padding":n.pagePadding,"--grid-page-padding-m":n.pagePaddingM,"--grid-page-padding-l":n.pagePaddingL,"--grid-gutter-sm":n.gutter,"--grid-gutter-md":n.gutterMedium,"--grid-gutter-lg":n.gutterLarge,"--grid-page-padding-sm":n.pagePadding,"--grid-page-padding-md":n.pagePaddingM,"--grid-page-padding-lg":n.pagePaddingL,"--grid-page-padding-xl":n.pagePaddingXl,"--functional-transparent":"transparent","--transparent-black-50":"rgba(0, 0, 0, 0.05)","--transparent-black-100":"rgba(0, 0, 0, 0.1)","--transparent-black-200":"rgba(0, 0, 0, 0.2)","--transparent-black-300":"rgba(0, 0, 0, 0.3)","--transparent-black-400":"rgba(0, 0, 0, 0.4)","--transparent-black-500":"rgba(0, 0, 0, 0.5)","--transparent-black-600":"rgba(0, 0, 0, 0.6)","--transparent-black-700":"rgba(0, 0, 0, 0.7)","--transparent-black-800":"rgba(0, 0, 0, 0.8)","--transparent-black-850":"rgba(0, 0, 0, 0.85)","--transparent-black-900":"rgba(0, 0, 0, 0.9)","--transparent-white-50":"rgba(0, 0, 0, 0.05)","--transparent-white-100":"rgba(0, 0, 0, 0.1)","--transparent-white-200":"rgba(0, 0, 0, 0.2)","--transparent-white-300":"rgba(0, 0, 0, 0.3)","--transparent-white-400":"rgba(0, 0, 0, 0.4)","--transparent-white-500":"rgba(0, 0, 0, 0.5)","--transparent-white-600":"rgba(0, 0, 0, 0.6)","--transparent-white-700":"rgba(0, 0, 0, 0.7)","--transparent-white-800":"rgba(0, 0, 0, 0.8)","--transparent-white-850":"rgba(0, 0, 0, 0.85)","--transparent-white-900":"rgba(0, 0, 0, 0.9)","--focus-border":`${c.focusBorderWidth} solid ${c.focusColor}`},m=Object.keys(l).map(b=>`${b}:${l[b]};`).join("");if(i.innerHTML=`
+        :root {
+            ${m}
+        }
+    `,u){document.head.replaceChild(i,u);return}return document.head.append(i)};export{g as a,t as b,e as c,n as d,d as e,r as f,s as g,a as h,p as i,c as j,y as k};

package/dist/chunk-DDZCFV2G.js

@@ -0,0 +1,33 @@
+import{a as c,c as h,e as u,g as p,h as i}from"./chunk-CNFJFZ6D.js";import{a as l}from"./chunk-AIATXCVP.js";import{autoPlacement as k,autoUpdate as b,computePosition as w}from"@floating-ui/dom";import{LitElement as E,css as y,html as m,unsafeCSS as t}from"lit";import{property as d}from"lit/decorators.js";var o=class extends E{constructor(){super(...arguments);this.onWindowClick=n=>{let{target:e,clientX:a,clientY:g}=n;if(!this.cursor){this.cursor={x:a,y:g};return}!e||e===this||this.contains(e)||this.anchorElement&&(e===this.anchorElement||this.anchorElement.contains(e))||this.remove()};this.position=()=>{let n=[];this.placement||n.push(k()),w(this.reference(),this,{middleware:n,placement:this.placement}).then(({x:e,y:a})=>{Object.assign(this.style,{left:`${e}px`,top:`${a}px`})})};this.reference=()=>!this.anchorElement&&!this.cursor?f({x:0,y:0}):this.anchorElement||f(this.cursor)}static{this.styles=y`
+        :host {
+            display: block;
+            width: max-content;
+            position: absolute;
+            top: 0;
+            left: 0;
+
+            z-index: ${t(Number(u.modal)*2)};
+            border: ${t(c.widthXs)};
+            border-radius: ${t(c.radiusSm)};
+            background-color: ${t(h.white)};
+            box-shadow: ${t(p.md)};
+        }
+
+        :host([loading]) {
+            display: flex;
+            flex-direction: column;
+            padding: ${t(i.spacing12)};
+            gap: ${t(i.spacing12)};
+        }
+
+        :host([loading]) telia-skeleton {
+            height: ${t(i.spacing12)};
+            width: ${t(i.spacing128)};
+        }
+    `}connectedCallback(){super.connectedCallback();let n=document.getElementById(this.anchor);n&&(this.anchorElement=n),window.addEventListener("click",this.onWindowClick);let e=b(this.reference(),this,this.position);this.cleanup=()=>{window.removeEventListener("click",this.onWindowClick),e()}}disconnectedCallback(){this.dispatchEvent(new CustomEvent("close")),this.cleanup(),super.disconnectedCallback()}render(){return this.loading?m`
+                <telia-skeleton round> </telia-skeleton>
+                <telia-skeleton round> </telia-skeleton>
+                <telia-skeleton round> </telia-skeleton>
+                <telia-skeleton round> </telia-skeleton>
+                <telia-skeleton round> </telia-skeleton>
+            `:m` <slot> </slot> `}};l([d({type:String})],o.prototype,"anchor",2),l([d({type:String,attribute:!0,reflect:!0})],o.prototype,"placement",2),l([d({type:Boolean,attribute:!0,reflect:!0})],o.prototype,"loading",2);function f({x:r,y:s}){return{getBoundingClientRect:()=>({width:0,height:0,x:r,y:s,top:s,left:r,right:r,bottom:s})}}export{o as a};

package/dist/chunk-H7ZWVNSK.js

@@ -0,0 +1 @@
+import"@teliads/components/dist/components/telia-heading";

package/{components/alliance-view.js → dist/chunk-HIRVP2II.js}

@@ -1,34 +1,4 @@
-import { __decorateClass, define } from './chunk-AW7BCYX5.js';
-import { LitElement, css, html } from 'lit';
-import { property } from 'lit/decorators.js';
-
-var viewElementPrefix = "alliance-view-";
-var viewElementSelector = "app-view";
-var ViewElementType = /* @__PURE__ */ ((ViewElementType2) => {
-  ViewElementType2["Main"] = "main";
-  ViewElementType2["Aside"] = "aside";
-  ViewElementType2["Body"] = "body";
-  return ViewElementType2;
-})(ViewElementType || {});
-function viewElementTag(appName) {
-  return `${viewElementPrefix}${appName}`;
-}
-function registerViewElement(appName, onRender) {
-  class ViewElement extends LitElement {
-    constructor() {
-      super();
-      this.appView = true;
-      this.loading = true;
-      this.mounted = false;
-      this.args = {};
-      this.app = appName;
-      this.capability = "launch";
-      this.complete = (result) => {
-        this.dispatchEvent(new CustomEvent("complete", { detail: result }));
-      };
-    }
-    static {
-      this.styles = css`
+import{a as t}from"./chunk-AIATXCVP.js";import{LitElement as s,css as c,html as l}from"lit";import{property as i}from"lit/decorators.js";var h="alliance-view-",m="app-view",u=(a=>(a.Main="main",a.Aside="aside",a.Body="body",a))(u||{});function y(n){return`${h}${n}`}function g(n,p){class e extends s{constructor(){super();this.appView=!0,this.loading=!0,this.mounted=!1,this.args={},this.app=n,this.capability="launch",this.complete=r=>{this.dispatchEvent(new CustomEvent("complete",{detail:r}))}}static{this.styles=c`
             .loader {
                 background-color: rgba(255, 255, 255, 0.4);
                 z-index: var(--layer-modal);
@@ -125,26 +95,7 @@ function registerViewElement(appName, onRender) {
                     transform: rotate(360deg);
                 }
             }
-        `;
-    }
-    init(props) {
-      for (const [key, value] of Object.entries(props)) {
-        if (value) {
-          this[key] = value;
-        }
-      }
-    }
-    async connectedCallback() {
-      super.connectedCallback();
-      if (!this.id) {
-        this.id = crypto.randomUUID();
-      }
-      await onRender(this);
-      this.loading = false;
-      this.mounted = true;
-    }
-    renderLoader() {
-      return html`
+        `}init(r){for(let[d,o]of Object.entries(r))o&&(this[d]=o)}async connectedCallback(){super.connectedCallback(),this.id||(this.id=crypto.randomUUID()),await p(this),this.loading=!1,this.mounted=!0}renderLoader(){return l`
                 <div class="loader">
                     <div>
                         <div></div>
@@ -157,20 +108,13 @@ function registerViewElement(appName, onRender) {
                         <div></div>
                     </div>
                 </div>
-            `;
-    }
-    renderTypeStyling() {
-      switch (this.type) {
-        case "body" /* Body */:
-          return html`
+            `}renderTypeStyling(){switch(this.type){case"body":return l`
                         <style>
                             :host .app-loader {
                                 display: none;
                             }
                         </style>
-                    `;
-        case "aside" /* Aside */:
-          return html`
+                    `;case"aside":return l`
                         <style>
                             :host {
                                 height: 100vh;
@@ -184,10 +128,7 @@ function registerViewElement(appName, onRender) {
                                 display: none;
                             }
                         </style>
-                    `;
-        default:
-        case "main" /* Main */:
-          return html`
+                    `;default:case"main":return l`
                         <style>
                             :host {
                                 position: relative;
@@ -196,40 +137,7 @@ function registerViewElement(appName, onRender) {
                                 width: 100%;
                             }
                         </style>
-                    `;
-      }
-    }
-    render() {
-      return html`
-                ${this.renderTypeStyling()} ${this.loading ? this.renderLoader() : ""}
+                    `}}render(){return l`
+                ${this.renderTypeStyling()} ${this.loading?this.renderLoader():""}
                 <slot></slot>
-            `;
-    }
-  }
-  __decorateClass([
-    property({ type: Boolean, attribute: viewElementSelector, reflect: true })
-  ], ViewElement.prototype, "appView", 2);
-  __decorateClass([
-    property({ type: Boolean, attribute: true, reflect: true })
-  ], ViewElement.prototype, "mounted", 2);
-  __decorateClass([
-    property({ type: Boolean, attribute: true, reflect: true })
-  ], ViewElement.prototype, "loading", 2);
-  __decorateClass([
-    property({ type: String, attribute: false, reflect: true })
-  ], ViewElement.prototype, "app", 2);
-  __decorateClass([
-    property({ type: String, attribute: true, reflect: true })
-  ], ViewElement.prototype, "type", 2);
-  __decorateClass([
-    property({ type: String, attribute: true, reflect: true })
-  ], ViewElement.prototype, "capability", 2);
-  __decorateClass([
-    property({ type: Object, attribute: true, reflect: true })
-  ], ViewElement.prototype, "args", 2);
-  define(viewElementTag(appName), ViewElement);
-}
-
-export { ViewElementType, registerViewElement, viewElementPrefix, viewElementSelector, viewElementTag };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=alliance-view.js.map
+            `}}t([i({type:Boolean,attribute:m,reflect:!0})],e.prototype,"appView",2),t([i({type:Boolean,attribute:!0,reflect:!0})],e.prototype,"mounted",2),t([i({type:Boolean,attribute:!0,reflect:!0})],e.prototype,"loading",2),t([i({type:String,attribute:!1,reflect:!0})],e.prototype,"app",2),t([i({type:String,attribute:!0,reflect:!0})],e.prototype,"type",2),t([i({type:String,attribute:!0,reflect:!0})],e.prototype,"capability",2),t([i({type:Object,attribute:!0,reflect:!0})],e.prototype,"args",2);let a=y(n);customElements.get(a)||customElements.define(a,e)}export{h as a,m as b,u as c,y as d,g as e};

package/dist/chunk-IXSQVPWG.js

@@ -0,0 +1,55 @@
+import{a as n,c as e,f as l,h as o,j as i}from"./chunk-CNFJFZ6D.js";import{a as s}from"./chunk-AIATXCVP.js";import{LitElement as u,css as g,html as b}from"lit";var p=class extends u{static{this.styles=g`
+        :host {
+            display: table;
+            border-collapse: collapse;
+            width: 100%;
+        }
+    `}render(){return b` <alliance-tb>
+            <slot></slot>
+        </alliance-tb>`}};import{LitElement as y,css as x,html as $}from"lit";var m=class extends y{static{this.styles=x`
+        :host {
+            display: table-row-group;
+            vertical-align: middle;
+            border-color: inherit;
+        }
+    `}render(){return $`<slot></slot>`}};import{LitElement as k,css as S,html as v,unsafeCSS as E}from"lit";var d=class extends k{static{this.styles=S`
+        :host {
+            display: table-cell;
+            vertical-align: inherit;
+            padding: ${E(o.spacing24)};
+        }
+    `}render(){return v` <slot></slot> `}};import{LitElement as L,css as C,html as w,unsafeCSS as B}from"lit";import{property as I}from"lit/decorators.js";var a=class extends L{constructor(){super();this.label=""}static{this.styles=C`
+        :host {
+            display: table-cell;
+            padding: ${B(o.spacing24)};
+        }
+    `}render(){return w`<telia-heading tag="h4" variant="title-100">${this.label}</telia-heading>`}};s([I({type:String})],a.prototype,"label",2);import{LitElement as W,css as X,html as h,unsafeCSS as t}from"lit";import{property as j}from"lit/decorators.js";var c=class extends W{constructor(){super();this.clickable=!1}static{this.styles=X`
+        :host {
+            display: table-row;
+            border-bottom: ${t(n.widthXs)} solid ${t(e.gray200)};
+        }
+    `}render(){return h`
+            ${this.clickable?q:""}
+            <slot></slot>
+        `}};s([j({type:Boolean})],c.prototype,"clickable",2);var q=h`<style>
+    :host {
+        background-color: transparent;
+        transition: background-color ${t(l.duration150)} ${t(l.easeIn)};
+        cursor: pointer;
+    }
+
+    :host(:hover),
+    :host(:focus-visible),
+    :host(:focus) {
+        background-color: ${t(e.gray200)};
+    }
+
+    :host(:active) {
+        background-color: ${t(e.gray300)};
+    }
+
+    :host(:focus-visible) {
+        outline: solid ${t(i.focusBorderWidth)} ${t(i.focusColor)};
+        outline-offset: ${t(o.spacing4)};
+    }
+</style>`;export{p as a,m as b,d as c,a as d,c as e};

package/dist/chunk-IZII256B.js

@@ -0,0 +1,116 @@
+import{a as y,b as R,c as s,f as C,h as l,j as x}from"./chunk-CNFJFZ6D.js";import{a}from"./chunk-AIATXCVP.js";import{LitElement as j,css as F,html as M,unsafeCSS as t}from"lit";import{property as V}from"lit/decorators.js";import{repeat as G}from"lit/directives/repeat.js";var m="...",p=(n,i)=>{let e=i-n+1;return Array.from({length:e},(o,r)=>r+n)};function S(n){return n[n.length-1]}function N(n){return Array.from({length:n},(i,e)=>k(e+1,n))}function k(n,i){return`${n} / ${i}`}function A(n){let i=n.split("/")[0];if(typeof i!="string")throw new Error("Could not parse page value from select.");return parseInt(i)}function b({itemCount:n,pageSize:i,siblingCount:e,currentPage:o}){let r=Math.ceil(n/i);if(e+5>=r)return p(1,r);let w=Math.max(o-e,1),L=Math.min(o+e,r),$=w>2,v=L<r-2,T=1,_=r;if(!$&&v){let g=3+2*e;return[...p(1,g),m,r]}if($&&!v){let g=3+2*e,I=p(r-g+1,r);return[T,m,...I]}if($&&v){let g=p(w,L);return[T,m,...g,m,_]}return p(1,r)}var d=class extends j{constructor(){super();this.onChange=e=>{let o=A(e.currentTarget.value),r=new CustomEvent("select-page",{bubbles:!0,composed:!0,detail:{nextPage:o,previousPage:this.currentPage},cancelable:!0});this.dispatchEvent(r)};this.currentPage=0,this.lastPage=0}static{this.styles=F`
+        :host select {
+            padding: ${t(l.spacing16)} ${t(l.spacing24)};
+            border-radius: ${t(y.radiusFull)};
+            border: ${t(y.widthXs)} solid ${t(s.purple850)};
+            background-color: transparent;
+            color: ${t(s.purple850)};
+            text-align: center;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            display: inline-flex;
+            font-family: 'TeliaSans', Helvetica, Arial, 'Lucida Grande', sans-serif;
+            font-size: ${t(l.spacing16)};
+            line-height: ${t(l.spacing16)};
+            transition:
+                color ${t(C.duration150)} ease,
+                background-color ${t(C.duration150)} ease;
+
+            -webkit-appearance: none;
+            -moz-appearance: none;
+            appearance: none;
+            outline: none;
+        }
+
+        :host select:hover {
+            background-color: ${t(s.purple850)};
+            color: ${t(s.white)};
+        }
+
+        :host select:active {
+            background-color: ${t(s.purple700)};
+        }
+
+        :host select option {
+            background-color: ${t(s.white)};
+            color: ${t(s.black)};
+            text-align: center;
+        }
+
+        :host select::-ms-expand {
+            display: none;
+        }
+
+        :host select:focus-visible {
+            outline: solid ${t(x.focusBorderWidth)} ${t(x.focusColor)};
+            outline-offset: ${t(l.spacing4)};
+        }
+    `}render(){return M`
+            <select
+                id="select"
+                @change=${this.onChange}
+                .value=${k(this.currentPage,this.lastPage)}
+            >
+                ${G(N(this.lastPage),e=>M`<option value="${e}">${e}</option>`)}
+            </select>
+        `}};a([V({type:Number,attribute:"current-page"})],d.prototype,"currentPage",2),a([V({type:Number,attribute:"last-page"})],d.prototype,"lastPage",2);import{LitElement as O,css as W,html as E,unsafeCSS as z}from"lit";import{property as f,state as D}from"lit/decorators.js";import{repeat as X}from"lit/directives/repeat.js";var c=class extends O{constructor(){super();this.changePage=e=>{if(e===this.currentPage||e<1||e>this.pages[this.pages.length-1])return;let o=new CustomEvent("change-page",{bubbles:!0,composed:!0,detail:{nextPage:e,previousPage:this.currentPage},cancelable:!0});this.dispatchEvent(o)&&(this.currentPage=e,this.pages=b({itemCount:this.itemCount,pageSize:this.pageSize,siblingCount:this.siblingCount,currentPage:this.currentPage}))};this.next=()=>{this.changePage(this.currentPage+1)};this.previous=()=>{this.changePage(this.currentPage-1)};this.onPageSelect=e=>this.changePage(e.detail.nextPage);this.itemCount=0,this.pageSize=50,this.initialPage=1,this.siblingCount=2,this.currentPage=this.initialPage,this.pages=[]}static{this.styles=W`
+        :host {
+            display: flex;
+            flex-direction: row;
+            place-items: center;
+            gap: ${z(l.spacing8)};
+        }
+
+        :host telia-label {
+            display: none;
+        }
+
+        :host .telia-label {
+            color: ${z(s.purple700)};
+        }
+
+        :host alliance-paginator-button[page] {
+            display: none;
+        }
+
+        span {
+            display: block;
+        }
+
+        @container (min-width: ${z(R.breakpointLg)}) {
+            :host telia-label,
+            :host alliance-paginator-button[page] {
+                display: block;
+            }
+
+            :host alliance-page-selector {
+                display: none;
+            }
+        }
+    `}connectedCallback(){super.connectedCallback(),this.currentPage=this.initialPage,this.pages=b({itemCount:this.itemCount,pageSize:this.pageSize,siblingCount:this.siblingCount,currentPage:this.currentPage})}attributeChangedCallback(e,o,r){super.attributeChangedCallback(e,o,r),e==="initial-page"&&(this.currentPage=this.initialPage),this.pages=b({itemCount:this.itemCount,pageSize:this.pageSize,siblingCount:this.siblingCount,currentPage:this.currentPage,[e]:r})}render(){return E`
+            <alliance-paginator-button
+                @click=${this.previous}
+                ?disabled=${this.currentPage===1}
+                icon="left"
+            ></alliance-paginator-button>
+
+            ${X(this.pages,e=>e==="..."?E`<telia-label>...</telia-label>`:E`<alliance-paginator-button
+                          page=${e}
+                          @click=${()=>this.changePage(e)}
+                          ?selected=${this.currentPage===e}
+                      ></alliance-paginator-button>`)}
+
+            <alliance-page-selector
+                current-page=${this.currentPage}
+                last-page=${S(this.pages)}
+                @select-page=${this.onPageSelect}
+            >
+            </alliance-page-selector>
+
+            <alliance-paginator-button
+                @click=${this.next}
+                ?disabled=${this.currentPage===S(this.pages)}
+                icon="right"
+            ></alliance-paginator-button>
+        `}};a([f({type:Number,attribute:"item-count"})],c.prototype,"itemCount",2),a([f({type:Number,attribute:"page-size"})],c.prototype,"pageSize",2),a([f({type:Number,attribute:"initial-page"})],c.prototype,"initialPage",2),a([f({type:Number,attribute:"sibling-count"})],c.prototype,"siblingCount",2),a([D()],c.prototype,"currentPage",2),a([D()],c.prototype,"pages",2);import{chevronLeft as q,chevronRight as J}from"@teliads/components/icons";import{LitElement as K,html as P}from"lit";import{property as h}from"lit/decorators.js";var H=(e=>(e.Left="left",e.Right="right",e))(H||{}),u=class extends K{constructor(){super();this.selected=!1,this.disabled=!1,this.clickable=!0}renderContent(){return this.icon==="left"?P`<telia-icon size="sm" svg="${q.svg}" />`:this.icon==="right"?P`<telia-icon size="sm" svg="${J.svg}" />`:P`<span>${this.page}</span>`}render(){return P`<telia-button ?disabled=${this.disabled} variant=${this.selected?"primary":"tertiary-purple"}>${this.renderContent()}</telia-button> `}};a([h({type:H})],u.prototype,"icon",2),a([h({type:String})],u.prototype,"page",2),a([h({type:Boolean})],u.prototype,"selected",2),a([h({type:Boolean})],u.prototype,"disabled",2),a([h({type:Boolean})],u.prototype,"clickable",2);export{d as a,c as b,u as c};

package/dist/chunk-JZJUYJ7F.js

@@ -0,0 +1 @@
+import"@teliads/components/dist/components/telia-button";

package/dist/chunk-QLXKAVKR.js

@@ -0,0 +1 @@
+import"@teliads/components/dist/components/telia-skeleton";

package/dist/chunk-T7HYVHI2.js

@@ -0,0 +1,162 @@
+import{a as r,b as h,c as a,e as l,g as u,h as e}from"./chunk-CNFJFZ6D.js";import{a as n}from"./chunk-AIATXCVP.js";import{close as b}from"@teliads/components/icons";import{LitElement as y,css as m,html as i,unsafeCSS as t}from"lit";import{property as d,state as $}from"lit/decorators.js";import{repeat as f}from"lit/directives/repeat.js";var o=class extends y{constructor(){super();this.containStyling=()=>this.contain?i`<style>
+            :host {
+                height: 500px;
+                position: static;
+            }
+            .backdrop {
+                position: absolute;
+            }
+        </style>`:i`<style>
+                :host {
+                    position: fixed;
+                }
+
+                .backdrop {
+                    position: absolute;
+                }
+            </style>`;this.scrollStyling=()=>this.scrollMode==="inside"?i`<style>
+                .container {
+                    align-items: center;
+                }
+
+                dialog {
+                    max-height: 80%;
+                    display: flex;
+                    flex-direction: column;
+                }
+
+                .body {
+                    flex: 1;
+                    padding: ${t(e.spacing24)} ${t(e.spacing32)};
+                    height: 80%;
+                    overflow-x: hidden;
+                    overflow-y: auto;
+                }
+
+                .footer {
+                    border-top: ${t(r.widthXs)} solid ${t(a.gray200)};
+                    padding: ${t(e.spacing24)} ${t(e.spacing32)};
+                }
+            </style>`:i`<style>
+            .container {
+                overflow-x: hidden;
+                overflow-y: overlay;
+                align-items: flex-start;
+            }
+
+            dialog {
+                display: block;
+                margin: ${t(e.spacing128)} ${t(e.spacing24)};
+            }
+
+            .footer,
+            .body {
+                margin: ${t(e.spacing24)} 0;
+                padding: 0 ${t(e.spacing32)};
+            }
+        </style>`;this.subHeaderStyling=()=>{if(this.hasSubHeader)return i`<style>
+                div.sub-header {
+                    display: block;
+                }
+            </style>`};this.closeButton=()=>this.required?"":i`<telia-button
+            size="sm"
+            variant="text"
+            data-testid="close-modal-button"
+            @click=${this.onCloseClick}
+            ><telia-icon size="md" svg="${b.svg}"
+        /></telia-button>`;this.footer=()=>this.actions.length?i`
+            <div class="footer">
+                ${f(this.actions,({disabled:s,variant:c,action:p,label:g})=>i`
+                        <telia-button
+                            disabled="${s?"true":"false"}"
+                            variant="${c||"primary"}"
+                            size="sm"
+                            @click=${()=>this.action(p)}
+                            data-testid="${p}-action-button"
+                        >
+                            ${g}
+                        </telia-button>
+                    `)}
+            </div>
+        `:"";this.onBackdropClick=()=>{if(!this.required)return this.action("close")};this.onCloseClick=()=>{if(!this.required)return this.action("close")};this.onKeyDown=s=>{s.defaultPrevented||!this.required&&s.key==="Escape"&&this.action("close")};this.onSubHeaderSlotChange=()=>{this.hasSubHeader=!0};this.action=s=>{let c=new CustomEvent("action",{bubbles:!0,composed:!0,detail:{action:s},cancelable:!0});return this.dispatchEvent(c)};this.header="",this.actions=[],this.required=!1,this.scrollMode="outside",this.hasSubHeader=!1}static{this.styles=m`
+        :host {
+            display: block;
+            inset: 0;
+            z-index: ${t(parseInt(l.modal)-2)};
+        }
+
+        .backdrop {
+            inset: 0;
+            z-index: ${t(parseInt(l.modal)-1)};
+            background-color: ${t(a.black)};
+            opacity: 0.3;
+        }
+
+        .container {
+            margin: 0 auto;
+            display: flex;
+            justify-content: center;
+            height: 100%;
+            width: 100%;
+        }
+
+        dialog {
+            background-color: ${t(a.white)};
+            border-radius: ${t(r.radiusLg)};
+            box-shadow: ${t(u.md)};
+            z-index: ${t(parseInt(l.modal))};
+            max-width: ${t(h.breakpointLg)};
+            position: static;
+            padding: 0;
+            border: none;
+        }
+
+        .header {
+            position: relative;
+            display: flex;
+            align-items: center;
+            padding: ${t(e.spacing24)} ${t(e.spacing32)};
+            border-bottom: ${t(r.widthXs)} solid ${t(a.gray200)};
+            min-height: 40px;
+        }
+
+        .header telia-button {
+            position: absolute;
+            top: ${t(e.spacing20)};
+            right: ${t(e.spacing24)};
+        }
+
+        .sub-header {
+            padding: ${t(e.spacing24)} ${t(e.spacing32)};
+            border-bottom: ${t(r.widthXs)} solid ${t(a.gray200)};
+            display: none;
+        }
+
+        .body {
+            min-width: calc(${t(e.spacing128)} * 2);
+        }
+
+        .footer {
+            display: flex;
+            justify-content: flex-end;
+            gap: ${t(e.spacing16)};
+        }
+    `}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.onKeyDown)}disconnectedCallback(){window.removeEventListener("keydown",this.onKeyDown),super.disconnectedCallback()}render(){return i`
+            ${this.containStyling()} ${this.scrollStyling()} ${this.subHeaderStyling()}
+            <div class="backdrop" @click=${this.onBackdropClick}></div>
+            <div class="container">
+                <dialog open>
+                    <div class="header">
+                        <telia-heading tag="h3" variant="title-100">${this.header}</telia-heading>
+                        ${this.closeButton()}
+                    </div>
+                    <div class="sub-header">
+                        <slot name="sub-header" @slotchange=${this.onSubHeaderSlotChange}></slot>
+                    </div>
+                    <div class="body">
+                        <slot></slot>
+                    </div>
+                    ${this.footer()}
+                </dialog>
+            </div>
+        `}};n([d({type:String,attribute:"header"})],o.prototype,"header",2),n([d({type:Array})],o.prototype,"actions",2),n([d({type:Boolean,attribute:"required"})],o.prototype,"required",2),n([d({type:String,attribute:"scroll-mode"})],o.prototype,"scrollMode",2),n([$()],o.prototype,"hasSubHeader",2),n([d({type:Boolean,attribute:"contain"})],o.prototype,"contain",2);export{o as a};

package/dist/chunk-XLNQVDOQ.js

@@ -0,0 +1,16 @@
+import{a}from"./chunk-AIATXCVP.js";var d=(e=>(e[e.AlreadyInitialized=1e3]="AlreadyInitialized",e[e.NoAppName=1001]="NoAppName",e[e.MissingAppController=1002]="MissingAppController",e[e.MissingCapabilityOnApp=1003]="MissingCapabilityOnApp",e[e.MissingManagedObjectProvider=1004]="MissingManagedObjectProvider",e[e.NoManifest=1005]="NoManifest",e[e.NoRootElement=1006]="NoRootElement",e[e.NoView=1007]="NoView",e[e.CookieKeyNotDefined=1008]="CookieKeyNotDefined",e[e.CookieCategoryNotAllowed=1009]="CookieCategoryNotAllowed",e[e.StorageKeyNotDefined=1010]="StorageKeyNotDefined",e[e.StorageCategoryNotAllowed=1011]="StorageCategoryNotAllowed",e[e.LocalizationTemplateNotDefined=1012]="LocalizationTemplateNotDefined",e[e.NonViewOperation=1013]="NonViewOperation",e))(d||{}),u=(e=>(e[e.CurrentUserMissingProvider=2e3]="CurrentUserMissingProvider",e[e.CurrentUserGatewayNotStarted=2001]="CurrentUserGatewayNotStarted",e[e.CurrentUserMissingBackend=2002]="CurrentUserMissingBackend",e[e.CurrentUserMissingInDatabase=2003]="CurrentUserMissingInDatabase",e))(u||{});function h(e){let r=Object.entries(e).reduce((i,s)=>{let[o,l]=s;return typeof l>"u"||(typeof l=="object"&&l!==null?i[o]=JSON.stringify(l):i[o]=l),i},{});return Object.keys(r).length?`?${new URLSearchParams(r)}`:""}function c(e="",r="",i={}){let s=f().replace(location.origin,""),o=h(i);return e?r?`${s}/${e}/${r}${o}`:`${s}/${e}${o}`:`${s}${o}`}function f(){return globalThis.__ALLIANCE_RUNTIME_ROOT_URL?globalThis.__ALLIANCE_RUNTIME_ROOT_URL:window.origin}var y=(e=>(e.Primary="primary",e.Secondary="secondary",e.Expressive="expressive",e.Destructive="destructive",e.Text="text",e.PrimaryWhite="primary-white",e.SecondaryWhite="secondary-white",e.ExpressiveWhite="expressive-white",e.TertiaryPurple="tertiary-purple",e))(y||{});function p(e){return r=>{r.key==="Enter"&&e(r)}}import{LitElement as b,css as g,html as m}from"lit";import{property as n}from"lit/decorators.js";function w(e=""){return location.href.replace(location.origin,"").startsWith(e)}var t=class extends b{constructor(){super();this.navigate=()=>{this.active||(history.pushState({},"",this._href),window.dispatchEvent(new Event("popstate")))};this.clickHandler=i=>{!this.app||this.download||(i.preventDefault(),this.navigate())};this.updateActive=()=>{this.active=w(this._href)};this.computeHref=()=>{if(this.app){this._href=this.href=c(this.app,this.capability,this.args),this.updateActive();return}if(this.href)return this.capability="",this._href=this.href;throw new Error("The <alliance-link> component requires either the 'app' property or 'href' property!")};this.args={},this.download=!1,this.target="_self",this.href=this._href="",this.capability="launch",this.active=!1}static{this.styles=g`
+        :host {
+            display: contents;
+        }
+    `}connectedCallback(){super.connectedCallback(),window.addEventListener("popstate",this.updateActive),this.computeHref()}disconnectedCallback(){window.removeEventListener("popstate",this.updateActive),super.disconnectedCallback()}attributeChangedCallback(i,s,o){super.attributeChangedCallback(i,s,o),setTimeout(()=>this.computeHref())}render(){return m`<a
+            part="anchor"
+            rel=${this.rel}
+            .target=${this.target}
+            .href=${this._href}
+            ?download=${this.download}
+            ?active=${this.active}
+            @click=${this.clickHandler}
+            @keydown=${p(this.clickHandler)}
+        >
+            <slot></slot>
+        </a>`}};a([n({type:String,attribute:!0,reflect:!0})],t.prototype,"capability",2),a([n({type:String,attribute:!0,reflect:!0})],t.prototype,"app",2),a([n({type:Object,attribute:!0,reflect:!0})],t.prototype,"args",2),a([n({type:String,attribute:!0,reflect:!0})],t.prototype,"href",2),a([n({type:String})],t.prototype,"target",2),a([n({type:String,attribute:!0,reflect:!0})],t.prototype,"rel",2),a([n({type:Boolean,attribute:!0,reflect:!0})],t.prototype,"download",2),a([n({type:String,attribute:!1,reflect:!1})],t.prototype,"_href",2),a([n({type:Boolean,attribute:!0,reflect:!0})],t.prototype,"active",2);export{t as a};

package/dist/components/alliance-link/index.d.ts

@@ -0,0 +1,33 @@
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+import { SerializeableObject } from '@telia-ace/alliance-internal-client-utilities';
+
+declare class Link extends LitElement {
+    constructor();
+    static styles: lit.CSSResult;
+    capability: string;
+    app: string;
+    args: SerializeableObject;
+    /**
+     * Link properties
+     */
+    href?: string;
+    target?: string;
+    rel?: string;
+    download?: boolean;
+    navigate: () => void;
+    clickHandler: (event: MouseEvent | KeyboardEvent) => void;
+    updateActive: () => void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(_1: string, _2: string | null, _3: string | null): void;
+    /**
+     * Internal properties
+     */
+    private _href;
+    private active;
+    private computeHref;
+    render(): lit.TemplateResult<1>;
+}
+
+export { Link };

package/dist/components/alliance-link/index.js

@@ -0,0 +1 @@
+import{a}from"../../chunk-XLNQVDOQ.js";import"../../chunk-AIATXCVP.js";export{a as Link};