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

package/dist/chunk-2KYKMBE5.js

@@ -0,0 +1 @@
+import{a as s}from"./chunk-4RRWBCIH.js";import{a}from"./chunk-25DKARS5.js";import{a as l}from"./chunk-ILHJDXOE.js";import{a as i,b as t,e as r}from"./chunk-BJCDB2UT.js";var o=':host{display:block}.telia-field-error{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;color:#e4175c;display:flex;flex-direction:row}.telia-field-error__icon{flex:none;line-height:1.5;margin:calc(0.4rem * var(--voca-rem-multiplier)) calc(0.4rem * var(--voca-rem-multiplier)) 0 0;vertical-align:middle}',n=r(class extends i{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.dataTestid=null,this.relevant="additions text",this.dataTrackingId="telia-field-error"}render(){return t("div",{class:"telia-field-error","aria-live":"assertive","aria-relevant":this.relevant},t("telia-icon",{class:"telia-field-error__icon",size:"sm",svg:s.svg}),t("slot",null),t("telia-vst",{dataTrackingId:this.dataTrackingId}))}static get style(){return o}},[1,"telia-field-error",{dataTestid:[1,"data-testid"],relevant:[1]}]);function c(){if(typeof customElements>"u")return;["telia-field-error","telia-icon","telia-vst"].forEach(e=>{switch(e){case"telia-field-error":customElements.get(e)||customElements.define(e,n);break;case"telia-icon":customElements.get(e)||a();break;case"telia-vst":customElements.get(e)||l();break}})}c();export{c as a};

package/dist/chunk-3SNMRPVF.js

@@ -0,0 +1,33 @@
+import{b}from"./chunk-CPNFJGZA.js";import{a as S,b as ft,c as Z,f as ut,g as G}from"./chunk-W3X3OW6G.js";import{d as K}from"./chunk-R4RSRPKJ.js";var mt=["top","right","bottom","left"],dt=["start","end"],et=mt.reduce((t,e)=>t.concat(e,e+"-"+dt[0],e+"-"+dt[1]),[]),I=Math.min,D=Math.max,X=Math.round,Y=Math.floor,k=t=>({x:t,y:t}),Ht={left:"right",right:"left",bottom:"top",top:"bottom"},Vt={start:"end",end:"start"};function nt(t,e){return typeof t=="function"?t(e):t}function j(t){return t.split("-")[0]}function M(t){return t.split("-")[1]}function ht(t){return t==="x"?"y":"x"}function ot(t){return t==="y"?"height":"width"}function it(t){return["top","bottom"].includes(j(t))?"y":"x"}function st(t){return ht(it(t))}function gt(t,e,n){n===void 0&&(n=!1);let o=M(t),i=st(t),r=ot(i),s=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(s=tt(s)),[s,tt(s)]}function pt(t){return t.replace(/start|end/g,e=>Vt[e])}function tt(t){return t.replace(/left|right|bottom|top/g,e=>Ht[e])}function $t(t){return{top:0,right:0,bottom:0,left:0,...t}}function xt(t){return typeof t!="number"?$t(t):{top:t,right:t,bottom:t,left:t}}function B(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function wt(t,e,n){let{reference:o,floating:i}=t,r=it(e),s=st(e),c=ot(s),l=j(e),a=r==="y",m=o.x+o.width/2-i.width/2,u=o.y+o.height/2-i.height/2,p=o[c]/2-i[c]/2,f;switch(l){case"top":f={x:m,y:o.y-i.height};break;case"bottom":f={x:m,y:o.y+o.height};break;case"right":f={x:o.x+o.width,y:u};break;case"left":f={x:o.x-i.width,y:u};break;default:f={x:o.x,y:o.y}}switch(M(e)){case"start":f[s]-=p*(n&&a?-1:1);break;case"end":f[s]+=p*(n&&a?-1:1);break}return f}var yt=async(t,e,n)=>{let{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:s}=n,c=r.filter(Boolean),l=await(s.isRTL==null?void 0:s.isRTL(e)),a=await s.getElementRects({reference:t,floating:e,strategy:i}),{x:m,y:u}=wt(a,o,l),p=o,f={},g=0;for(let h=0;h<c.length;h++){let{name:y,fn:d}=c[h],{x,y:v,data:C,reset:w}=await d({x:m,y:u,initialPlacement:o,placement:p,strategy:i,middlewareData:f,rects:a,platform:s,elements:{reference:t,floating:e}});if(m=x??m,u=v??u,f={...f,[y]:{...f[y],...C}},w&&g<=50){g++,typeof w=="object"&&(w.placement&&(p=w.placement),w.rects&&(a=w.rects===!0?await s.getElementRects({reference:t,floating:e,strategy:i}):w.rects),{x:m,y:u}=wt(a,p,l)),h=-1;continue}}return{x:m,y:u,placement:p,strategy:i,middlewareData:f}};async function vt(t,e){var n;e===void 0&&(e={});let{x:o,y:i,platform:r,rects:s,elements:c,strategy:l}=t,{boundary:a="clippingAncestors",rootBoundary:m="viewport",elementContext:u="floating",altBoundary:p=!1,padding:f=0}=nt(e,t),g=xt(f),y=c[p?u==="floating"?"reference":"floating":u],d=B(await r.getClippingRect({element:(n=await(r.isElement==null?void 0:r.isElement(y)))==null||n?y:y.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(c.floating)),boundary:a,rootBoundary:m,strategy:l})),x=u==="floating"?{...s.floating,x:o,y:i}:s.reference,v=await(r.getOffsetParent==null?void 0:r.getOffsetParent(c.floating)),C=await(r.isElement==null?void 0:r.isElement(v))?await(r.getScale==null?void 0:r.getScale(v))||{x:1,y:1}:{x:1,y:1},w=B(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:x,offsetParent:v,strategy:l}):x);return{top:(d.top-w.top+g.top)/C.y,bottom:(w.bottom-d.bottom+g.bottom)/C.y,left:(d.left-w.left+g.left)/C.x,right:(w.right-d.right+g.right)/C.x}}function zt(t,e,n){return(t?[...n.filter(i=>M(i)===t),...n.filter(i=>M(i)!==t)]:n.filter(i=>j(i)===i)).filter(i=>t?M(i)===t||(e?pt(i)!==i:!1):!0)}var rt=function(t){return t===void 0&&(t={}),{name:"autoPlacement",options:t,async fn(e){var n,o,i;let{rects:r,middlewareData:s,placement:c,platform:l,elements:a}=e,{crossAxis:m=!1,alignment:u,allowedPlacements:p=et,autoAlignment:f=!0,...g}=nt(t,e),h=u!==void 0||p===et?zt(u||null,f,p):p,y=await vt(e,g),d=((n=s.autoPlacement)==null?void 0:n.index)||0,x=h[d];if(x==null)return{};let v=gt(x,r,await(l.isRTL==null?void 0:l.isRTL(a.floating)));if(c!==x)return{reset:{placement:h[0]}};let C=[y[j(x)],y[v[0]],y[v[1]]],w=[...((o=s.autoPlacement)==null?void 0:o.overflows)||[],{placement:x,overflows:C}],W=h[d+1];if(W)return{data:{index:d+1,overflows:w},reset:{placement:W}};let lt=w.map(E=>{let z=M(E.placement);return[E.placement,z&&m?E.overflows.slice(0,2).reduce((Ft,Wt)=>Ft+Wt,0):E.overflows[0],E.overflows]}).sort((E,z)=>E[1]-z[1]),at=((i=lt.filter(E=>E[2].slice(0,M(E[0])?2:3).every(z=>z<=0))[0])==null?void 0:i[0])||lt[0][0];return at!==c?{data:{index:d+1,overflows:w},reset:{placement:at}}:{}}}};function P(t){return At(t)?(t.nodeName||"").toLowerCase():"#document"}function A(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function T(t){var e;return(e=(At(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function At(t){return t instanceof Node||t instanceof A(t).Node}function L(t){return t instanceof Element||t instanceof A(t).Element}function O(t){return t instanceof HTMLElement||t instanceof A(t).HTMLElement}function bt(t){return typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof A(t).ShadowRoot}function V(t){let{overflow:e,overflowX:n,overflowY:o,display:i}=R(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(i)}function Rt(t){return["table","td","th"].includes(P(t))}function J(t){let e=Q(),n=R(t);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!e&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!e&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(o=>(n.willChange||"").includes(o))||["paint","layout","strict","content"].some(o=>(n.contain||"").includes(o))}function Ct(t){let e=N(t);for(;O(e)&&!_(e);){if(J(e))return e;e=N(e)}return null}function Q(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function _(t){return["html","body","#document"].includes(P(t))}function R(t){return A(t).getComputedStyle(t)}function U(t){return L(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function N(t){if(P(t)==="html")return t;let e=t.assignedSlot||t.parentNode||bt(t)&&t.host||T(t);return bt(e)?e.host:e}function Ot(t){let e=N(t);return _(e)?t.ownerDocument?t.ownerDocument.body:t.body:O(e)&&V(e)?e:Ot(e)}function H(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);let i=Ot(t),r=i===((o=t.ownerDocument)==null?void 0:o.body),s=A(i);return r?e.concat(s,s.visualViewport||[],V(i)?i:[],s.frameElement&&n?H(s.frameElement):[]):e.concat(i,H(i,[],n))}function Tt(t){let e=R(t),n=parseFloat(e.width)||0,o=parseFloat(e.height)||0,i=O(t),r=i?t.offsetWidth:n,s=i?t.offsetHeight:o,c=X(n)!==r||X(o)!==s;return c&&(n=r,o=s),{width:n,height:o,$:c}}function ct(t){return L(t)?t:t.contextElement}function $(t){let e=ct(t);if(!O(e))return k(1);let n=e.getBoundingClientRect(),{width:o,height:i,$:r}=Tt(e),s=(r?X(n.width):n.width)/o,c=(r?X(n.height):n.height)/i;return(!s||!Number.isFinite(s))&&(s=1),(!c||!Number.isFinite(c))&&(c=1),{x:s,y:c}}var It=k(0);function Lt(t){let e=A(t);return!Q()||!e.visualViewport?It:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Xt(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==A(t)?!1:e}function F(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);let i=t.getBoundingClientRect(),r=ct(t),s=k(1);e&&(o?L(o)&&(s=$(o)):s=$(t));let c=Xt(r,n,o)?Lt(r):k(0),l=(i.left+c.x)/s.x,a=(i.top+c.y)/s.y,m=i.width/s.x,u=i.height/s.y;if(r){let p=A(r),f=o&&L(o)?A(o):o,g=p.frameElement;for(;g&&o&&f!==p;){let h=$(g),y=g.getBoundingClientRect(),d=R(g),x=y.left+(g.clientLeft+parseFloat(d.paddingLeft))*h.x,v=y.top+(g.clientTop+parseFloat(d.paddingTop))*h.y;l*=h.x,a*=h.y,m*=h.x,u*=h.y,l+=x,a+=v,g=A(g).frameElement}}return B({width:m,height:u,x:l,y:a})}function Yt(t){let{rect:e,offsetParent:n,strategy:o}=t,i=O(n),r=T(n);if(n===r)return e;let s={scrollLeft:0,scrollTop:0},c=k(1),l=k(0);if((i||!i&&o!=="fixed")&&((P(n)!=="body"||V(r))&&(s=U(n)),O(n))){let a=F(n);c=$(n),l.x=a.x+n.clientLeft,l.y=a.y+n.clientTop}return{width:e.width*c.x,height:e.height*c.y,x:e.x*c.x-s.scrollLeft*c.x+l.x,y:e.y*c.y-s.scrollTop*c.y+l.y}}function jt(t){return Array.from(t.getClientRects())}function kt(t){return F(T(t)).left+U(t).scrollLeft}function _t(t){let e=T(t),n=U(t),o=t.ownerDocument.body,i=D(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=D(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),s=-n.scrollLeft+kt(t),c=-n.scrollTop;return R(o).direction==="rtl"&&(s+=D(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:s,y:c}}function Ut(t,e){let n=A(t),o=T(t),i=n.visualViewport,r=o.clientWidth,s=o.clientHeight,c=0,l=0;if(i){r=i.width,s=i.height;let a=Q();(!a||a&&e==="fixed")&&(c=i.offsetLeft,l=i.offsetTop)}return{width:r,height:s,x:c,y:l}}function qt(t,e){let n=F(t,!0,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=O(t)?$(t):k(1),s=t.clientWidth*r.x,c=t.clientHeight*r.y,l=i*r.x,a=o*r.y;return{width:s,height:c,x:l,y:a}}function Et(t,e,n){let o;if(e==="viewport")o=Ut(t,n);else if(e==="document")o=_t(T(t));else if(L(e))o=qt(e,n);else{let i=Lt(t);o={...e,x:e.x-i.x,y:e.y-i.y}}return B(o)}function Pt(t,e){let n=N(t);return n===e||!L(n)||_(n)?!1:R(n).position==="fixed"||Pt(n,e)}function Kt(t,e){let n=e.get(t);if(n)return n;let o=H(t,[],!1).filter(c=>L(c)&&P(c)!=="body"),i=null,r=R(t).position==="fixed",s=r?N(t):t;for(;L(s)&&!_(s);){let c=R(s),l=J(s);!l&&c.position==="fixed"&&(i=null),(r?!l&&!i:!l&&c.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||V(s)&&!l&&Pt(t,s))?o=o.filter(m=>m!==s):i=c,s=N(s)}return e.set(t,o),o}function Gt(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t,s=[...n==="clippingAncestors"?Kt(e,this._c):[].concat(n),o],c=s[0],l=s.reduce((a,m)=>{let u=Et(e,m,i);return a.top=D(u.top,a.top),a.right=I(u.right,a.right),a.bottom=I(u.bottom,a.bottom),a.left=D(u.left,a.left),a},Et(e,c,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function Jt(t){return Tt(t)}function Qt(t,e,n){let o=O(e),i=T(e),r=n==="fixed",s=F(t,!0,r,e),c={scrollLeft:0,scrollTop:0},l=k(0);if(o||!o&&!r)if((P(e)!=="body"||V(i))&&(c=U(e)),o){let a=F(e,!0,r,e);l.x=a.x+e.clientLeft,l.y=a.y+e.clientTop}else i&&(l.x=kt(i));return{x:s.left+c.scrollLeft-l.x,y:s.top+c.scrollTop-l.y,width:s.width,height:s.height}}function St(t,e){return!O(t)||R(t).position==="fixed"?null:e?e(t):t.offsetParent}function Dt(t,e){let n=A(t);if(!O(t))return n;let o=St(t,e);for(;o&&Rt(o)&&R(o).position==="static";)o=St(o,e);return o&&(P(o)==="html"||P(o)==="body"&&R(o).position==="static"&&!J(o))?n:o||Ct(t)||n}var Zt=async function(t){let{reference:e,floating:n,strategy:o}=t,i=this.getOffsetParent||Dt,r=this.getDimensions;return{reference:Qt(e,await i(n),o),floating:{x:0,y:0,...await r(n)}}};function te(t){return R(t).direction==="rtl"}var ee={convertOffsetParentRelativeRectToViewportRelativeRect:Yt,getDocumentElement:T,getClippingRect:Gt,getOffsetParent:Dt,getElementRects:Zt,getClientRects:jt,getDimensions:Jt,getScale:$,isElement:L,isRTL:te};function ne(t,e){let n=null,o,i=T(t);function r(){clearTimeout(o),n&&n.disconnect(),n=null}function s(c,l){c===void 0&&(c=!1),l===void 0&&(l=1),r();let{left:a,top:m,width:u,height:p}=t.getBoundingClientRect();if(c||e(),!u||!p)return;let f=Y(m),g=Y(i.clientWidth-(a+u)),h=Y(i.clientHeight-(m+p)),y=Y(a),x={rootMargin:-f+"px "+-g+"px "+-h+"px "+-y+"px",threshold:D(0,I(1,l))||1},v=!0;function C(w){let W=w[0].intersectionRatio;if(W!==l){if(!v)return s();W?s(!1,W):o=setTimeout(()=>{s(!1,1e-7)},100)}v=!1}try{n=new IntersectionObserver(C,{...x,root:i.ownerDocument})}catch{n=new IntersectionObserver(C,x)}n.observe(t)}return s(!0),r}function Mt(t,e,n,o){o===void 0&&(o={});let{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:l=!1}=o,a=ct(t),m=i||r?[...a?H(a):[],...H(e)]:[];m.forEach(d=>{i&&d.addEventListener("scroll",n,{passive:!0}),r&&d.addEventListener("resize",n)});let u=a&&c?ne(a,n):null,p=-1,f=null;s&&(f=new ResizeObserver(d=>{let[x]=d;x&&x.target===a&&f&&(f.unobserve(e),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{f&&f.observe(e)})),n()}),a&&!l&&f.observe(a),f.observe(e));let g,h=l?F(t):null;l&&y();function y(){let d=F(t);h&&(d.x!==h.x||d.y!==h.y||d.width!==h.width||d.height!==h.height)&&n(),h=d,g=requestAnimationFrame(y)}return n(),()=>{m.forEach(d=>{i&&d.removeEventListener("scroll",n),r&&d.removeEventListener("resize",n)}),u&&u(),f&&f.disconnect(),f=null,l&&cancelAnimationFrame(g)}}var Bt=(t,e,n)=>{let o=new Map,i={platform:ee,...n},r={...i.platform,_c:o};return yt(t,e,{...i,platform:r})};var q=class extends ut{constructor(){super(...arguments);this.onWindowClick=n=>{let{target:o,clientX:i,clientY:r}=n;if(!this.cursor){this.cursor={x:i,y:r};return}!o||o===this||this.contains(o)||this.anchorElement&&(o===this.anchorElement||this.anchorElement.contains(o))||this.remove()};this.position=()=>{let n=[];this.placement||n.push(rt()),Bt(this.reference(),this,{middleware:n,placement:this.placement}).then(({x:o,y:i})=>{Object.assign(this.style,{left:`${o}px`,top:`${i}px`})})};this.reference=()=>!this.anchorElement&&!this.cursor?Nt({x:0,y:0}):this.anchorElement||Nt(this.cursor)}static{this.styles=ft`
+        :host {
+            display: block;
+            width: max-content;
+            position: absolute;
+            top: 0;
+            left: 0;
+
+            z-index: ${S(Number(b.layers.modal)*2)};
+            border: ${S(b.borders.widthXs)};
+            border-radius: ${S(b.borders.radiusSm)};
+            background-color: ${S(b.colors.white)};
+            box-shadow: ${S(b.shadows.md)};
+        }
+
+        :host([loading]) {
+            display: flex;
+            flex-direction: column;
+            padding: ${S(b.spacing.spacing12)};
+            gap: ${S(b.spacing.spacing12)};
+        }
+
+        :host([loading]) telia-skeleton {
+            height: ${S(b.spacing.spacing12)};
+            width: ${S(b.spacing.spacing128)};
+        }
+    `}connectedCallback(){super.connectedCallback();let n=document.getElementById(this.anchor);n&&(this.anchorElement=n),window.addEventListener("click",this.onWindowClick);let o=Mt(this.reference(),this,this.position);this.cleanup=()=>{window.removeEventListener("click",this.onWindowClick),o()}}disconnectedCallback(){this.dispatchEvent(new CustomEvent("close")),this.cleanup(),super.disconnectedCallback()}render(){return this.loading?Z`
+                <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>
+            `:Z` <slot> </slot> `}};K([G({type:String})],q.prototype,"anchor",2),K([G({type:String,attribute:!0,reflect:!0})],q.prototype,"placement",2),K([G({type:Boolean,attribute:!0,reflect:!0})],q.prototype,"loading",2);function Nt({x:t,y:e}){return{getBoundingClientRect:()=>({width:0,height:0,x:t,y:e,top:e,left:t,right:t,bottom:e})}}export{q as a};

package/dist/chunk-3XBIT2QC.js

@@ -0,0 +1 @@
+import{a as r,b as o}from"./chunk-KTIWAGIV.js";import{a as n}from"./chunk-ILHJDXOE.js";import{a as s,b as t,c as a,e as l}from"./chunk-BJCDB2UT.js";var d=":host(.standalone){display:flex}.telia-link__link ::slotted([slot=left]){margin-right:calc(0.8rem * var(--voca-rem-multiplier));padding-top:calc(0.2rem * var(--voca-rem-multiplier))}.telia-link__link ::slotted([slot=right]){margin-left:calc(0.8rem * var(--voca-rem-multiplier));padding-top:calc(0.2rem * var(--voca-rem-multiplier))}",c=l(class extends s{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.silent=!1,this.variant=r.TEXT,this.disableVisited=!1,this.darkBackground=!1,this.dataTrackingId="telia-link"}render(){let i="telia-link",e={[i]:!0,standalone:this.variant==="standalone"};return t(a,{class:e},t("telia-style-link",{silent:this.silent,variant:this.variant,"data-testid":this.dataTestid,"disable-visited":this.disableVisited,"dark-background":this.darkBackground},t("a",{href:this.href,target:this.target,download:this.download,"referrer-policy":this.referrerPolicy,title:this.linkTitle,class:`${i}__link`},t("slot",{name:"left"}),t("slot",null),t("slot",{name:"right"}))),t("telia-vst",{dataTrackingId:this.dataTrackingId}))}static get style(){return d}},[1,"telia-link",{href:[1],silent:[4],variant:[1],dataTestid:[1,"data-testid"],target:[1],download:[8],referrerPolicy:[1,"referrer-policy"],linkTitle:[1,"link-title"],disableVisited:[4,"disable-visited"],darkBackground:[4,"dark-background"]}]);function m(){if(typeof customElements>"u")return;["telia-link","telia-style-link","telia-vst"].forEach(e=>{switch(e){case"telia-link":customElements.get(e)||customElements.define(e,c);break;case"telia-style-link":customElements.get(e)||o();break;case"telia-vst":customElements.get(e)||n();break}})}m();export{m as a};

package/dist/chunk-4BBGHITO.js

@@ -0,0 +1 @@
+var e={name:"close",svg:'<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M51.365 48.3012C51.9123 48.8485 52.1261 49.6462 51.9258 50.3939C51.7254 51.1415 51.1415 51.7254 50.3939 51.9258C49.6462 52.1261 48.8485 51.9123 48.3012 51.365L32.4998 35.5636L16.6984 51.365C16.1511 51.9123 15.3534 52.1261 14.6058 51.9258C13.8581 51.7254 13.2742 51.1415 13.0739 50.3939C12.8735 49.6462 13.0873 48.8485 13.6346 48.3012L29.436 32.4998L13.6346 16.6984C13.0873 16.1511 12.8735 15.3534 13.0739 14.6058C13.2742 13.8581 13.8581 13.2742 14.6058 13.0739C15.3534 12.8735 16.1511 13.0873 16.6984 13.6346L32.4998 29.436L48.3012 13.6346C49.1473 12.7885 50.519 12.7885 51.365 13.6346C52.2111 14.4806 52.2111 15.8523 51.365 16.6984L35.5636 32.4998L51.365 48.3012Z"/></svg>'};export{e as a};

package/dist/chunk-4RRWBCIH.js

@@ -0,0 +1 @@
+var C={name:"error-filled",svg:'<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M58.2618 43.8838L38.8585 11.5469C37.4136 9.13651 34.8097 7.66134 31.9994 7.66113C29.1891 7.66093 26.585 9.13572 25.1397 11.5459L5.73642 43.8838C4.25367 46.3552 4.21482 49.4331 5.6347 51.9411C7.05459 54.4492 9.71372 55.9997 12.5958 56H51.4024C54.2845 55.9997 56.9436 54.4492 58.3635 51.9411C59.7834 49.4331 59.7446 46.3552 58.2618 43.8838ZM29.9991 36.9772V25.1569C29.9983 24.6198 30.1056 24.0879 30.3148 23.5932C30.486 23.1496 30.753 22.7494 31.0968 22.4209C31.339 22.1704 31.6666 22.0202 32.0145 22C32.5161 22 33.0173 22.3805 33.5182 23.1416C33.7901 23.4771 33.9573 23.8852 33.9991 24.3151V36.1354C33.9991 36.5759 33.6932 36.9969 33.0814 37.3982C32.4994 37.7897 31.814 37.9988 31.1126 37.999C30.3712 37.999 30 37.6584 29.9991 36.9772ZM34.2408 43.9236C34.173 43.4297 33.9757 42.9626 33.669 42.5696C33.1076 41.7469 32.566 41.3355 32.0444 41.3355C31.6396 41.354 31.2573 41.5266 30.9757 41.8179C30.593 42.1852 30.2954 42.6319 30.1039 43.1266C29.874 43.6743 29.7562 44.2625 29.7574 44.8565C29.7574 45.6189 30.1786 46 31.0208 46C31.8022 46.0001 32.5662 45.7697 33.2173 45.3377C33.8996 44.8957 34.2408 44.4243 34.2408 43.9236Z"/></svg>'};export{C as a};

package/dist/chunk-4YVRMZHU.js

@@ -0,0 +1 @@
+import{a as s}from"./chunk-25DKARS5.js";import{a as d}from"./chunk-ILHJDXOE.js";import{a as o,b as a,d as n,e as l}from"./chunk-BJCDB2UT.js";var i={Home:"Home",End:"End",ArrowRight:"ArrowRight",ArrowLeft:"ArrowLeft"},c=Object.keys(i),h='.telia-tab-header{border:0 solid transparent;background-color:transparent;color:#222222;cursor:pointer;margin:0;outline:0;padding:0;position:relative;width:100%}.telia-tab-header:hover .telia-tab-header__content{background-color:#fbf0ff;color:#5e0092}.telia-tab-header:hover .telia-tab-header__visible-title{font-weight:500}.telia-tab-header:focus .telia-tab-header__content{outline:calc(0.2rem * var(--voca-rem-multiplier)) solid #0099ff;outline-offset:calc(-1 * (0.2rem * var(--voca-rem-multiplier)));z-index:2}.telia-tab-header:focus:not(:focus-visible) .telia-tab-header__content{outline:none}.telia-tab-header--selected{cursor:auto}.telia-tab-header--selected .telia-tab-header__content{background-color:#ffffff;border-top:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;color:#29003e;font-weight:500}.telia-tab-header--selected:hover>.telia-tab-header__content{background-color:#ffffff}.telia-tab-header__content{border-top:calc(0.2rem * var(--voca-rem-multiplier)) solid transparent;border-radius:calc(0.2rem * var(--voca-rem-multiplier));font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;background-color:rgba(0, 0, 0, 0.05);box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));position:relative;transition:all 3ms;white-space:nowrap;width:100%}@media screen and (min-width: 37.5em){.telia-tab-header__content{padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-tab-header__content{padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier))}}.telia-tab-header__icon{margin-right:calc(0.4rem * var(--voca-rem-multiplier))}.telia-tab-header__visible-title{position:absolute}.telia-tab-header__hidden-title{font-weight:500;visibility:hidden}.telia-tab-header--light,.telia-tab-header--light-wide{background-color:transparent}.telia-tab-header--light::after,.telia-tab-header--light-wide::after{background-color:rgba(0, 0, 0, 0.15);z-index:1;bottom:0;content:"";display:block;height:calc(0.2rem * var(--voca-rem-multiplier));left:0;position:absolute;right:0;width:100%}.telia-tab-header--light .telia-tab-header__content,.telia-tab-header--light-wide .telia-tab-header__content{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid transparent;color:#29003e}.telia-tab-header--light:hover>.telia-tab-header__content,.telia-tab-header--light-wide:hover>.telia-tab-header__content{color:#5e0092;background-color:#fbf0ff}.telia-tab-header--light:hover::after,.telia-tab-header--light-wide:hover::after{background-color:rgba(0, 0, 0, 0.15)}.telia-tab-header--light.telia-tab-header--selected::after,.telia-tab-header--light-wide.telia-tab-header--selected::after{background-color:#29003e}.telia-tab-header--light.telia-tab-header--selected .telia-tab-header__content,.telia-tab-header--light-wide.telia-tab-header--selected .telia-tab-header__content{background-color:transparent}.telia-tab-header--contained-on-negative .telia-tab-header__content{background-color:rgba(255, 255, 255, 0.15);color:#fbf0ff}.telia-tab-header--contained-on-negative.telia-tab-header--selected .telia-tab-header__content{border-top:calc(0.2rem * var(--voca-rem-multiplier)) solid #ffffff;color:#29003e}',b=l(class extends o{constructor(){super(),this.__registerHost(),this.tabChange=n(this,"tabChange",7),this.vocaInternalTabNavigation=n(this,"vocaInternalTabNavigation",7),this.dataTestid=null,this.active=!1,this.dataIndex=null,this.isKeyPress=!0,this.variant="default"}componentDidUpdate(){this.active&&this.isKeyPress&&this.element.querySelector("button").focus()}onClickHandler(e){e.preventDefault(),e.stopPropagation(),this.tabChange.emit("click,"+this.dataIndex.toString()),this.vocaInternalTabNavigation.emit({originalEvent:e,value:{location:this.dataIndex}})}onKeyDownHandler(e){let t=e.key;if(t===i.ArrowRight||t===i.ArrowLeft){e.preventDefault(),e.stopPropagation();let r=e.key===i.ArrowRight?this.dataIndex+1:this.dataIndex-1;this.tabChange.emit(t+","+r.toString())}else(t===i.Home||t===i.End)&&(e.preventDefault(),e.stopPropagation(),this.tabChange.emit(t+","));this.handleKeyNavigation(e)}handleKeyNavigation(e){let t=e.key;if(c.indexOf(t)>-1){e.preventDefault(),e.stopPropagation();let r=i[t];this.vocaInternalTabNavigation.emit({originalEvent:e,value:{key:r}})}}render(){let e={"telia-tab-header":!0,"telia-tab-header--selected":this.active,[`telia-tab-header--${this.variant}`]:!!this.variant};return a("button",{class:e,role:"tab",id:this.tabId+"-header","aria-selected":this.active,"aria-controls":this.tabId+"-content",onClick:t=>this.onClickHandler(t),onKeyDown:t=>this.onKeyDownHandler(t),"data-testid":this.dataTestid,tabIndex:this.active?null:-1,"data-index":this.dataIndex},a("span",{class:"telia-tab-header__content"},this.icon&&a("telia-icon",{class:"telia-tab-header__icon",name:this.icon,svg:this.svg,size:"md"}),a("span",null,a("span",{class:"telia-tab-header__visible-title"},a("slot",null)),a("span",{class:"telia-tab-header__hidden-title","aria-hidden":!0},this.name))))}get element(){return this}static get style(){return h}},[4,"telia-tab-header",{dataTestid:[1,"data-testid"],tabId:[1,"tab-id"],active:[516],icon:[1],svg:[1],name:[1],dataIndex:[2,"data-index"],isKeyPress:[4,"is-key-press"],variant:[1]}]);function m(){if(typeof customElements>"u")return;["telia-tab-header","telia-icon","telia-vst"].forEach(t=>{switch(t){case"telia-tab-header":customElements.get(t)||customElements.define(t,b);break;case"telia-icon":customElements.get(t)||s();break;case"telia-vst":customElements.get(t)||d();break}})}m();export{i as a,m as b};

package/dist/chunk-5ADT643J.js

@@ -0,0 +1,116 @@
+import{a as d}from"./chunk-GXNVKBPH.js";import{X as T,Y as I}from"./chunk-2INTPVP7.js";import{a as x,b as t}from"./chunk-CPNFJGZA.js";import{a as n,b,c as l,f as p,g as s,h as C}from"./chunk-W3X3OW6G.js";import{d as i}from"./chunk-R4RSRPKJ.js";var f="...",m=(r,o)=>{let e=o-r+1;return Array.from({length:e},(c,a)=>a+r)};function S(r){return r[r.length-1]}function R(r){return Array.from({length:r},(o,e)=>k(e+1,r))}function k(r,o){return`${r} / ${o}`}function N(r){let o=r.split("/")[0];if(typeof o!="string")throw new Error("Could not parse page value from select.");return parseInt(o)}function P({itemCount:r,pageSize:o,siblingCount:e,currentPage:c}){let a=Math.ceil(r/o);if(e+5>=a)return m(1,a);let E=Math.max(c-e,1),z=Math.min(c+e,a),v=E>2,y=z<a-2,w=1,M=a;if(!v&&y){let h=3+2*e;return[...m(1,h),f,a]}if(v&&!y){let h=3+2*e,L=m(a-h+1,a);return[w,f,...L]}if(v&&y){let h=m(E,z);return[w,f,...h,f,M]}return m(1,a)}var $=class extends p{constructor(){super();this.onChange=e=>{let c=N(e.currentTarget.value),a=new CustomEvent("select-page",{bubbles:!0,composed:!0,detail:{nextPage:c,previousPage:this.currentPage},cancelable:!0});this.dispatchEvent(a)};this.currentPage=0,this.lastPage=0}static{this.styles=b`
+        :host select {
+            padding: ${n(t.spacing.spacing16)} ${n(t.spacing.spacing24)};
+            border-radius: ${n(t.borders.radiusFull)};
+            border: ${n(t.borders.widthXs)} solid ${n(t.colors.purple850)};
+            background-color: transparent;
+            color: ${n(t.colors.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: ${n(t.spacing.spacing16)};
+            line-height: ${n(t.spacing.spacing16)};
+            transition:
+                color ${n(t.motion.duration150)} ease,
+                background-color ${n(t.motion.duration150)} ease;
+
+            -webkit-appearance: none;
+            -moz-appearance: none;
+            appearance: none;
+            outline: none;
+        }
+
+        :host select:hover {
+            background-color: ${n(t.colors.purple850)};
+            color: ${n(t.colors.white)};
+        }
+
+        :host select:active {
+            background-color: ${n(t.colors.purple700)};
+        }
+
+        :host select option {
+            background-color: ${n(t.colors.white)};
+            color: ${n(t.colors.black)};
+            text-align: center;
+        }
+
+        :host select::-ms-expand {
+            display: none;
+        }
+
+        :host select:focus-visible {
+            outline: solid ${n(x.focusBorderWidth)} ${n(x.focusColor)};
+            outline-offset: ${n(t.spacing.spacing4)};
+        }
+    `}render(){return l`
+            <select
+                id="select"
+                @change=${this.onChange}
+                .value=${k(this.currentPage,this.lastPage)}
+            >
+                ${d(R(this.lastPage),e=>l`<option value="${e}">${e}</option>`)}
+            </select>
+        `}};i([s({type:Number,attribute:"current-page"})],$.prototype,"currentPage",2),i([s({type:Number,attribute:"last-page"})],$.prototype,"lastPage",2);var u=class extends p{constructor(){super();this.changePage=e=>{if(e===this.currentPage||e<1||e>this.pages[this.pages.length-1])return;let c=new CustomEvent("change-page",{bubbles:!0,composed:!0,detail:{nextPage:e,previousPage:this.currentPage},cancelable:!0});this.dispatchEvent(c)&&(this.currentPage=e,this.pages=P({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=b`
+        :host {
+            display: flex;
+            flex-direction: row;
+            place-items: center;
+            gap: ${n(t.spacing.spacing8)};
+        }
+
+        :host telia-label {
+            display: none;
+        }
+
+        :host .telia-label {
+            color: ${n(t.colors.purple700)};
+        }
+
+        :host alliance-paginator-button[page] {
+            display: none;
+        }
+
+        span {
+            display: block;
+        }
+
+        @container (min-width: ${n(t.breakpoints.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=P({itemCount:this.itemCount,pageSize:this.pageSize,siblingCount:this.siblingCount,currentPage:this.currentPage})}attributeChangedCallback(e,c,a){super.attributeChangedCallback(e,c,a),e==="initial-page"&&(this.currentPage=this.initialPage),this.pages=P({itemCount:this.itemCount,pageSize:this.pageSize,siblingCount:this.siblingCount,currentPage:this.currentPage,[e]:a})}render(){return l`
+            <alliance-paginator-button
+                @click=${this.previous}
+                ?disabled=${this.currentPage===1}
+                icon="left"
+            ></alliance-paginator-button>
+
+            ${d(this.pages,e=>e==="..."?l`<telia-label>...</telia-label>`:l`<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>
+        `}};i([s({type:Number,attribute:"item-count"})],u.prototype,"itemCount",2),i([s({type:Number,attribute:"page-size"})],u.prototype,"pageSize",2),i([s({type:Number,attribute:"initial-page"})],u.prototype,"initialPage",2),i([s({type:Number,attribute:"sibling-count"})],u.prototype,"siblingCount",2),i([C()],u.prototype,"currentPage",2),i([C()],u.prototype,"pages",2);var A=(e=>(e.Left="left",e.Right="right",e))(A||{}),g=class extends p{constructor(){super();this.selected=!1,this.disabled=!1,this.clickable=!0}renderContent(){return this.icon==="left"?l`<telia-icon size="sm" svg="${T.svg}" />`:this.icon==="right"?l`<telia-icon size="sm" svg="${I.svg}" />`:l`<span>${this.page}</span>`}render(){return l`<telia-button ?disabled=${this.disabled} variant=${this.selected?"primary":"tertiary-purple"}>${this.renderContent()}</telia-button> `}};i([s({type:A})],g.prototype,"icon",2),i([s({type:String})],g.prototype,"page",2),i([s({type:Boolean})],g.prototype,"selected",2),i([s({type:Boolean})],g.prototype,"disabled",2),i([s({type:Boolean})],g.prototype,"clickable",2);export{$ as a,u as b,g as c};

package/dist/chunk-652ZEYLG.js

@@ -0,0 +1 @@
+var C={name:"alert",svg:'<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 60C47.464 60 60 47.464 60 32C60 16.536 47.464 4 32 4C16.536 4 4 16.536 4 32C4.01731 47.4568 16.5432 59.9827 32 60ZM32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6923 45.0849 45.0849 55.6923 32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.32247 18.9212 18.9212 8.32247 32 8.30769Z"/><path d="M29.3491 38.6031V20.6807C29.348 19.8662 29.4903 19.0598 29.7675 18.3096C29.9945 17.6371 30.3484 17.0302 30.804 16.5322C31.1251 16.1524 31.5593 15.9246 32.0204 15.894C32.6852 15.894 33.3496 16.471 34.0134 17.625C34.3738 18.1337 34.5955 18.7525 34.6509 19.4042V37.3267C34.6509 37.9947 34.2454 38.6329 33.4345 39.2414C32.6632 39.835 31.7547 40.1521 30.825 40.1523C29.8423 40.1524 29.3503 39.636 29.3491 38.6031Z"/><path d="M33.66 44.6959C33.9649 45.0866 34.161 45.551 34.2284 46.0419C34.2284 46.5397 33.8893 47.0083 33.2109 47.4476C32.5638 47.8771 31.8043 48.1062 31.0275 48.1061C30.1902 48.1061 29.7716 47.7271 29.7716 46.9693C29.7703 46.3788 29.8874 45.7941 30.116 45.2496C30.3064 44.7579 30.6022 44.3138 30.9826 43.9487C31.2626 43.6591 31.6427 43.4875 32.045 43.4692C32.5635 43.4692 33.1019 43.8781 33.66 44.6959Z"/></svg>'},e={name:"check-circle",svg:'<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9998 4C16.5358 4 3.99976 16.536 3.99976 32C3.99976 47.464 16.5358 60 31.9998 60C47.4637 60 59.9998 47.464 59.9998 32C59.9826 16.5431 47.4566 4.01712 31.9998 4ZM31.9998 55.6923C18.9149 55.6923 8.30745 45.0849 8.30745 32C8.30745 18.9151 18.9149 8.30769 31.9998 8.30769C45.0847 8.30769 55.6921 18.9151 55.6921 32C55.6773 45.0788 45.0785 55.6775 31.9998 55.6923ZM44.5611 24.5793L31.638 43.9639C31.2804 44.5011 30.7005 44.8493 30.0584 44.9126C29.9878 44.9197 29.9169 44.9232 29.8459 44.9231C29.2747 44.9229 28.727 44.696 28.3231 44.2921L19.7077 35.6767C19.1636 35.1326 18.9512 34.3396 19.1503 33.5964C19.3494 32.8533 19.9299 32.2728 20.6731 32.0736C21.4163 31.8745 22.2093 32.087 22.7534 32.631L29.5115 39.3881L40.9769 22.1899C41.4013 21.5439 42.1394 21.1749 42.9108 21.2229C43.6823 21.2709 44.3688 21.7286 44.7099 22.4223C45.0509 23.1159 44.9941 23.9391 44.5611 24.5793Z"/></svg>'},l={name:"error",svg:'<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M38.8585 11.5469L58.2618 43.8838C59.7446 46.3552 59.7834 49.4331 58.3635 51.9411C56.9436 54.4492 54.2845 55.9997 51.4024 56H12.5958C9.71372 55.9997 7.05459 54.4492 5.6347 51.9411C4.21482 49.4331 4.25367 46.3552 5.73642 43.8838L25.1397 11.5459C26.585 9.13572 29.1891 7.66093 31.9994 7.66113C34.8097 7.66134 37.4136 9.13651 38.8585 11.5469ZM51.4024 52C52.846 52.0094 54.18 51.2316 54.8829 49.9707C55.6026 48.7193 55.5831 47.1752 54.8321 45.9424L35.4288 13.6045C34.7066 12.3992 33.4046 11.6614 31.9994 11.6612C30.5942 11.6609 29.292 12.3984 28.5694 13.6035L9.16612 45.9424C8.42483 47.178 8.40546 48.7169 9.1154 49.9708C9.82534 51.2247 11.1548 51.9999 12.5958 52H51.4024ZM29.9991 36.9772V25.1569C29.9983 24.6198 30.1056 24.0879 30.3148 23.5932C30.486 23.1496 30.753 22.7494 31.0968 22.4209C31.339 22.1704 31.6666 22.0202 32.0145 22C32.5161 22 33.0173 22.3805 33.5182 23.1416C33.7901 23.4771 33.9573 23.8852 33.9991 24.3151V36.1354C33.9991 36.5759 33.6932 36.9969 33.0814 37.3982C32.4994 37.7897 31.814 37.9988 31.1126 37.999C30.3712 37.999 30 37.6584 29.9991 36.9772ZM34.2408 43.9236C34.173 43.4297 33.9757 42.9626 33.669 42.5696C33.1076 41.7469 32.566 41.3355 32.0444 41.3355C31.6396 41.354 31.2573 41.5266 30.9757 41.8179C30.593 42.1852 30.2954 42.6319 30.1039 43.1266C29.874 43.6743 29.7562 44.2625 29.7574 44.8565C29.7574 45.6189 30.1786 46 31.0208 46C31.8022 46.0001 32.5662 45.7697 33.2173 45.3377C33.8996 44.8957 34.2408 44.4243 34.2408 43.9236Z"/></svg>'};export{C as a,e as b,l as c};

package/dist/chunk-7ADVKHKA.js

@@ -0,0 +1 @@
+import{a as _}from"./chunk-SX4ITYO2.js";import{a as g}from"./chunk-HY3DWO5A.js";import{a as f}from"./chunk-2KYKMBE5.js";import{a as v}from"./chunk-NXHOKNJ5.js";import{a as s}from"./chunk-ZK2OOPE4.js";import{a as h}from"./chunk-2CBI5DBV.js";import{a as p}from"./chunk-25DKARS5.js";import{a as m}from"./chunk-ILHJDXOE.js";import{a as u,b as i,d as c,e as d}from"./chunk-BJCDB2UT.js";var b={text:"text",number:"number",email:"email",tel:"tel",search:"search",password:"password"},E='.telia-text-input{display:flex;flex-direction:column}.telia-text-input__input{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:#ffffff;font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;-webkit-appearance:none;appearance:none;box-sizing:border-box;color:rgba(0, 0, 0, 0.85);display:block;margin:0;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));width:100%;height:calc(4.6rem * var(--voca-rem-multiplier));margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;order:2}.telia-text-input__input:required{box-shadow:none}.telia-text-input__input[type=search]{-webkit-appearance:textfield;outline-offset:calc(-0.2rem * var(--voca-rem-multiplier))}.telia-text-input__input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.telia-text-input__input[type=number]~.telia-text-input__valid-icon-container,.telia-text-input__input[type=search]~.telia-text-input__valid-icon-container{margin:calc(-1 * (4.6rem * var(--voca-rem-multiplier))) calc(1.2rem * var(--voca-rem-multiplier)) 0 calc(100% - (3.2rem * var(--voca-rem-multiplier)));width:0}.telia-text-input__input:hover{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-text-input__input:hover:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-text-input__input:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier));padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-text-input__input:focus:hover{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-text-input__input:read-only{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;background-color:rgba(0, 0, 0, 0.05)}.telia-text-input__input:read-only:hover{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-text-input__input:disabled{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.15);background-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.4);cursor:not-allowed;-webkit-text-fill-color:#606064}.telia-text-input__input:disabled:hover{padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-text-input__input:disabled~telia-label .telia-label{color:rgba(0, 0, 0, 0.4);cursor:not-allowed}.telia-text-input__input:disabled~.telia-text-input__additional{color:rgba(0, 0, 0, 0.4)}.telia-text-input__input:invalid{box-shadow:none}.telia-text-input__input--icon-shown{padding:calc(1rem * var(--voca-rem-multiplier)) calc(4.5rem * var(--voca-rem-multiplier)) calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-text-input__input--touched:invalid{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #e4175c}.telia-text-input__input--touched:invalid:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-text-input__input--touched:invalid:hover:not(:focus){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #e4175c;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-text-input__valid-icon-container{align-items:center;display:flex;flex-direction:row;height:calc(4.6rem * var(--voca-rem-multiplier));justify-content:flex-end;margin:calc(calc(4.6rem * var(--voca-rem-multiplier)) * -1) calc(1.2rem * var(--voca-rem-multiplier)) 0 calc(100% - calc(1.2rem * var(--voca-rem-multiplier)));order:3}.telia-text-input__additional{order:4}.telia-text-input__error{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;order:5}',M=d(class extends u{constructor(){super(),this.__registerHost(),this.valueChange=c(this,"valueChange",7),this.type=b.text,this.value="",this.additionalId=s("additional"),this.inputId=s("input"),this.errorId=s("error"),this.disabled=!1,this.readonly=!1,this.required=!1,this.showValidIcon=!1,this.dataTrackingId="telia-text-input",this.touched=!1,this.dirty=!1,this.inputValue="",this.errorMessageState="",this.updateInputValue=()=>{this.inputValue=this.inputElement?this.inputElement.value:this.value},this.isValuePatternValid=()=>this.pattern?new RegExp("^(?:"+this.pattern+")$").test(this.inputValue):!0,this.isValueLessThanMinlength=()=>this.inputValue.length>0&&this.inputValue.length<this.minlength,this.isValueTypeInvalid=()=>{var e;return(e=this.inputElement)===null||e===void 0?void 0:e.validity.typeMismatch},this.updateErrorMessage=e=>{var t;(t=this.inputElement)===null||t===void 0||t.setCustomValidity(e),this.errorMessageState=e},this.isValueMissing=()=>this.inputValue.length===0,this.updateErrorState=()=>{var e,t;let a=!!(!((e=this.errorMessageState)===null||e===void 0)&&e.length),l=this.required,r=!!this.pattern,n=this.minlength,x=!!(!((t=this.errorMessage)===null||t===void 0)&&t.length),o=!!this.emailErrorMessage&&this.type==="email";if(x){this.updateErrorMessage(this.errorMessage),this.touched=!0;return}if(r&&!this.isValueMissing()&&this.touched&&this.patternErrorMessage&&!this.isValuePatternValid()&&this.updateErrorMessage(this.patternErrorMessage),n&&this.touched&&this.minlengthErrorMessage&&this.isValueLessThanMinlength()&&this.updateErrorMessage(this.minlengthErrorMessage),l&&(o&&this.isValueTypeInvalid()&&this.touched&&this.updateErrorMessage(this.emailErrorMessage),this.touched&&this.requiredErrorMessage&&this.isValueMissing()&&this.updateErrorMessage(this.requiredErrorMessage)),a){if(r&&!this.isValuePatternValid()||n&&this.isValueLessThanMinlength()||l&&this.isValueMissing()||o&&this.isValueTypeInvalid())return;this.updateErrorMessage("")}}}async focusInput(){var e;(e=this.inputElement)===null||e===void 0||e.focus()}componentWillLoad(){this.updateInputValue(),this.updateErrorState()}componentWillUpdate(){this.updateErrorState()}componentDidRender(){var e,t,a;this.inputElement&&(!((e=this.inputElement)===null||e===void 0)&&e.setCustomValidity)&&((t=this.inputElement)===null||t===void 0||t.setCustomValidity(this.errorMessageState)),this.htmlForm&&((a=this.inputElement)===null||a===void 0||a.setAttribute("form",this.htmlForm))}componentValueChanged(e){this.inputValue=e,this.updateErrorState()}isValid(){return!this.errorMessage&&!this.isValueMissing()&&!this.isValueLessThanMinlength()&&!this.isValueTypeInvalid()&&this.isValuePatternValid()}render(){let e=this.touched&&!!this.errorMessageState.length,t=!!this.additional,a=v({[this.additionalId]:t,[this.errorId]:this.errorMessageState.length}),l=this.showValidIcon&&this.dirty&&this.isValid();return i("div",{class:"telia-text-input"},i("input",{class:{"telia-text-input__input":!0,"telia-text-input__input--touched":this.touched,"telia-text-input__input--icon-shown":l},placeholder:this.placeholder,type:this.type,id:this.inputId,"aria-describedby":a,minlength:this.minlength,maxlength:this.maxlength,disabled:this.disabled,readonly:this.readonly,value:this.value,name:this.name,onChange:r=>{this.valueChange.emit(r)},onInput:()=>{this.dirty=!0,this.updateInputValue(),this.updateErrorState()},inputmode:this.inputmode,list:this.list,autocomplete:this.autocomplete,required:this.required,onBlur:()=>{this.touched=!0,this.updateErrorState()},ref:r=>this.inputElement=r,pattern:this.pattern,onInvalid:r=>{r.preventDefault(),this.touched=!0,this.updateErrorState()},form:this.htmlForm}),l&&i("div",{class:"telia-text-input__valid-icon-container"},i("telia-field-valid",{class:"telia-text-input__valid-icon"})),i("telia-label",{class:"telia-text-input__label",htmlFor:this.inputId},this.required&&i("span",{"aria-hidden":"true"},"* "),this.label),t&&i("telia-field-assistive-text",{class:"telia-text-input__additional",id:this.additionalId},this.additional),e&&i("telia-field-error",{id:this.errorId,class:"telia-text-input__error"},this.errorMessageState),i("telia-vst",{dataTrackingId:this.dataTrackingId}))}static get watchers(){return{value:["componentValueChanged"]}}static get style(){return E}},[0,"telia-text-input",{dataTestid:[1,"data-testid"],htmlForm:[1,"html-form"],type:[1],label:[1],value:[1],placeholder:[1],name:[1],additional:[1],additionalId:[1,"additional-id"],inputId:[1,"input-id"],errorId:[1,"error-id"],disabled:[4],minlength:[2],maxlength:[2],readonly:[4],inputmode:[1],list:[1],autocomplete:[1],required:[4],requiredErrorMessage:[1,"required-error-message"],emailErrorMessage:[1,"email-error-message"],minlengthErrorMessage:[1,"minlength-error-message"],showValidIcon:[4,"show-valid-icon"],pattern:[1],patternErrorMessage:[1,"pattern-error-message"],errorMessage:[1,"error-message"],touched:[32],dirty:[32],inputValue:[32],errorMessageState:[32],focusInput:[64]}]);function V(){if(typeof customElements>"u")return;["telia-text-input","telia-field-assistive-text","telia-field-error","telia-field-valid","telia-icon","telia-label","telia-vst"].forEach(t=>{switch(t){case"telia-text-input":customElements.get(t)||customElements.define(t,M);break;case"telia-field-assistive-text":customElements.get(t)||g();break;case"telia-field-error":customElements.get(t)||f();break;case"telia-field-valid":customElements.get(t)||_();break;case"telia-icon":customElements.get(t)||p();break;case"telia-label":customElements.get(t)||h();break;case"telia-vst":customElements.get(t)||m();break}})}V();export{V as a};

package/{components/alliance-view.js → dist/chunk-7GNCIH46.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{b as p,c as l,f as d,g as i}from"./chunk-W3X3OW6G.js";import{d as t}from"./chunk-R4RSRPKJ.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,s){class e extends d{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=p`
             .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[c,o]of Object.entries(r))o&&(this[c]=o)}async connectedCallback(){super.connectedCallback(),this.id||(this.id=crypto.randomUUID()),await s(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-AV5TYPEK.js

@@ -0,0 +1,162 @@
+import{a as u}from"./chunk-GXNVKBPH.js";import{ba as h}from"./chunk-2INTPVP7.js";import{b as t}from"./chunk-CPNFJGZA.js";import{a as e,b as l,c as i,f as c,g as a,h as p}from"./chunk-W3X3OW6G.js";import{d as n}from"./chunk-R4RSRPKJ.js";var o=class extends c{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: ${e(t.spacing.spacing24)} ${e(t.spacing.spacing32)};
+                    height: 80%;
+                    overflow-x: hidden;
+                    overflow-y: auto;
+                }
+
+                .footer {
+                    border-top: ${e(t.borders.widthXs)} solid ${e(t.colors.gray200)};
+                    padding: ${e(t.spacing.spacing24)} ${e(t.spacing.spacing32)};
+                }
+            </style>`:i`<style>
+            .container {
+                overflow-x: hidden;
+                overflow-y: overlay;
+                align-items: flex-start;
+            }
+
+            dialog {
+                display: block;
+                margin: ${e(t.spacing.spacing128)} ${e(t.spacing.spacing24)};
+            }
+
+            .footer,
+            .body {
+                margin: ${e(t.spacing.spacing24)} 0;
+                padding: 0 ${e(t.spacing.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="${h.svg}"
+        /></telia-button>`;this.footer=()=>this.actions.length?i`
+            <div class="footer">
+                ${u(this.actions,({disabled:s,variant:r,action:d,label:g})=>i`
+                        <telia-button
+                            disabled="${s?"true":"false"}"
+                            variant="${r||"primary"}"
+                            size="sm"
+                            @click=${()=>this.action(d)}
+                            data-testid="${d}-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 r=new CustomEvent("action",{bubbles:!0,composed:!0,detail:{action:s},cancelable:!0});return this.dispatchEvent(r)};this.header="",this.actions=[],this.required=!1,this.scrollMode="outside",this.hasSubHeader=!1}static{this.styles=l`
+        :host {
+            display: block;
+            inset: 0;
+            z-index: ${e(parseInt(t.layers.modal)-2)};
+        }
+
+        .backdrop {
+            inset: 0;
+            z-index: ${e(parseInt(t.layers.modal)-1)};
+            background-color: ${e(t.colors.black)};
+            opacity: 0.3;
+        }
+
+        .container {
+            margin: 0 auto;
+            display: flex;
+            justify-content: center;
+            height: 100%;
+            width: 100%;
+        }
+
+        dialog {
+            background-color: ${e(t.colors.white)};
+            border-radius: ${e(t.borders.radiusLg)};
+            box-shadow: ${e(t.shadows.md)};
+            z-index: ${e(parseInt(t.layers.modal))};
+            max-width: ${e(t.breakpoints.breakpointLg)};
+            position: static;
+            padding: 0;
+            border: none;
+        }
+
+        .header {
+            position: relative;
+            display: flex;
+            align-items: center;
+            padding: ${e(t.spacing.spacing24)} ${e(t.spacing.spacing32)};
+            border-bottom: ${e(t.borders.widthXs)} solid ${e(t.colors.gray200)};
+            min-height: 40px;
+        }
+
+        .header telia-button {
+            position: absolute;
+            top: ${e(t.spacing.spacing20)};
+            right: ${e(t.spacing.spacing24)};
+        }
+
+        .sub-header {
+            padding: ${e(t.spacing.spacing24)} ${e(t.spacing.spacing32)};
+            border-bottom: ${e(t.borders.widthXs)} solid ${e(t.colors.gray200)};
+            display: none;
+        }
+
+        .body {
+            min-width: calc(${e(t.spacing.spacing128)} * 2);
+        }
+
+        .footer {
+            display: flex;
+            justify-content: flex-end;
+            gap: ${e(t.spacing.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([a({type:String,attribute:"header"})],o.prototype,"header",2),n([a({type:Array})],o.prototype,"actions",2),n([a({type:Boolean,attribute:"required"})],o.prototype,"required",2),n([a({type:String,attribute:"scroll-mode"})],o.prototype,"scrollMode",2),n([p()],o.prototype,"hasSubHeader",2),n([a({type:Boolean,attribute:"contain"})],o.prototype,"contain",2);export{o as a};