@telia-ace/alliance-ui 4.0.0-next.7 → 4.0.0-next.9

package/dist/{chunk-TJ37YT5S.js → chunk-HJAUL47Q.js}

@@ -1,4 +1,4 @@
-import{a as r,b as p,c as a,e as l,g,h as e,j as u}from"./chunk-CNFJFZ6D.js";import{a as n}from"./chunk-JFKSI6I7.js";import{close as y}from"@teliads/components/icons";import{LitElement as m,css as $,html as i,unsafeCSS as t}from"lit";import{property as d,state as f}from"lit/decorators.js";import{repeat as v}from"lit/directives/repeat.js";var o=class extends m{constructor(){super();this.containStyling=()=>this.contain?i`<style>
+import{a as r,b as u,c as n,e as l,g as b,h as e,j as p}from"./chunk-CNFJFZ6D.js";import{a as s}from"./chunk-JFKSI6I7.js";import{close as y}from"@teliads/components/icons";import{LitElement as m,css as f,html as o,unsafeCSS as t}from"lit";import{property as d,state as $}from"lit/decorators.js";import{repeat as v}from"lit/directives/repeat.js";var a=class extends m{constructor(){super();this.containStyling=()=>this.contain?o`<style>
             :host {
                 height: 500px;
                 position: static;
@@ -6,7 +6,7 @@ import{a as r,b as p,c as a,e as l,g,h as e,j as u}from"./chunk-CNFJFZ6D.js";imp
             .backdrop {
                 position: absolute;
             }
-        </style>`:i`<style>
+        </style>`:o`<style>
                 :host {
                     position: fixed;
                 }
@@ -14,7 +14,7 @@ import{a as r,b as p,c as a,e as l,g,h as e,j as u}from"./chunk-CNFJFZ6D.js";imp
                 .backdrop {
                     position: absolute;
                 }
-            </style>`;this.scrollStyling=()=>this.scrollMode==="inside"?i`<style>
+            </style>`;this.scrollStyling=()=>this.scrollMode==="inside"?o`<style>
                 .container {
                     align-items: center;
                 }
@@ -26,7 +26,7 @@ import{a as r,b as p,c as a,e as l,g,h as e,j as u}from"./chunk-CNFJFZ6D.js";imp
                 }
 
                 .header {
-                    border-bottom: ${t(r.widthXs)} solid ${t(a.gray200)};
+                    border-bottom: ${t(r.widthXs)} solid ${t(n.gray200)};
                 }
 
                 .body {
@@ -38,10 +38,10 @@ import{a as r,b as p,c as a,e as l,g,h as e,j as u}from"./chunk-CNFJFZ6D.js";imp
                 }
 
                 .footer {
-                    border-top: ${t(r.widthXs)} solid ${t(a.gray200)};
+                    border-top: ${t(r.widthXs)} solid ${t(n.gray200)};
                     padding: ${t(e.spacing24)};
                 }
-            </style>`:i`<style>
+            </style>`:o`<style>
             .container {
                 overflow-x: hidden;
                 overflow-y: overlay;
@@ -57,31 +57,31 @@ import{a as r,b as p,c as a,e as l,g,h as e,j as u}from"./chunk-CNFJFZ6D.js";imp
             .body {
                 padding: 0 ${t(e.spacing24)} ${t(e.spacing24)};
             }
-        </style>`;this.subHeaderStyling=()=>{if(this.hasSubHeader)return i`<style>
+        </style>`;this.subHeaderStyling=()=>{if(this.hasSubHeader)return o`<style>
                 div.sub-header {
                     display: block;
                 }
-            </style>`};this.closeButton=()=>this.required?"":i`<telia-button
+            </style>`};this.closeButton=()=>this.required?"":o`<telia-button
             size="sm"
             variant="text"
             data-testid="close-modal-button"
             @click=${this.onCloseClick}
             ><telia-icon size="md" svg="${y.svg}"
-        /></telia-button>`;this.footer=()=>this.actions.length?i`
-            <div class="footer">
-                ${v(this.actions,({disabled:s,variant:c,action:h,label:b})=>i`
+        /></telia-button>`;this.footer=()=>this.actions.length?o`
+            <div class="footer" data-testid="modal-footer">
+                ${v(this.actions,({disabled:i,variant:c,action:h,label:g})=>o`
                         <telia-button
-                            disabled="${s?"true":"false"}"
+                            disabled="${i?"true":"false"}"
                             variant="${c||"primary"}"
                             size="sm"
                             @click=${()=>this.action(h)}
                             data-testid="${h}-action-button"
                         >
-                            ${b}
+                            ${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=$`
+        `:"";this.onBackdropClick=()=>{if(!this.required)return this.action("close")};this.onCloseClick=()=>{if(!this.required)return this.action("close")};this.onKeyDown=i=>{i.defaultPrevented||!this.required&&i.key==="Escape"&&this.action("close")};this.onSubHeaderSlotChange=()=>{this.hasSubHeader=!0};this.action=i=>{let c=new CustomEvent("action",{bubbles:!0,composed:!0,detail:{action:i},cancelable:!0});return this.dispatchEvent(c)};this.header="",this.actions=[],this.required=!1,this.scrollMode="outside",this.hasSubHeader=!1}static{this.styles=f`
         :host {
             display: block;
             inset: 0;
@@ -91,7 +91,7 @@ import{a as r,b as p,c as a,e as l,g,h as e,j as u}from"./chunk-CNFJFZ6D.js";imp
         .backdrop {
             inset: 0;
             z-index: ${t(Number.parseInt(l.modal)-1)};
-            background-color: ${t(a.black)};
+            background-color: ${t(n.black)};
             opacity: 0.3;
         }
 
@@ -104,22 +104,22 @@ import{a as r,b as p,c as a,e as l,g,h as e,j as u}from"./chunk-CNFJFZ6D.js";imp
         }
 
         dialog {
-            background-color: ${t(a.white)};
+            background-color: ${t(n.white)};
             border-radius: ${t(r.radiusLg)};
-            box-shadow: ${t(g.md)};
+            box-shadow: ${t(b.md)};
             z-index: ${t(Number.parseInt(l.modal))};
-            max-width: ${t(p.breakpointLg)};
+            max-width: ${t(u.breakpointLg)};
             position: static;
             padding: 0;
             border: none;
         }
 
         dialog:focus-visible {
-            outline: solid ${t(u.focusBorderWidth)} ${t(u.focusColor)};
+            outline: solid ${t(p.focusBorderWidth)} ${t(p.focusColor)};
             outline-offset: ${t(e.spacing4)};
         }
 
-        @media only screen and (min-width: ${t(p.breakpointLg)}) {
+        @media only screen and (min-width: ${t(u.breakpointLg)}) {
             dialog {
                 min-width: calc(${t(e.spacing128)} * 3.5);
             }
@@ -129,7 +129,7 @@ import{a as r,b as p,c as a,e as l,g,h as e,j as u}from"./chunk-CNFJFZ6D.js";imp
             position: relative;
             display: flex;
             align-items: center;
-            padding: ${t(e.spacing24)} ${t(e.spacing24)} ${t(e.spacing32)};
+            padding: ${t(e.spacing24)};
             min-height: 30px;
         }
 
@@ -141,7 +141,7 @@ import{a as r,b as p,c as a,e as l,g,h as e,j as u}from"./chunk-CNFJFZ6D.js";imp
 
         .sub-header {
             padding: ${t(e.spacing24)} ${t(e.spacing32)};
-            border-bottom: ${t(r.widthXs)} solid ${t(a.gray200)};
+            border-bottom: ${t(r.widthXs)} solid ${t(n.gray200)};
             display: none;
         }
 
@@ -154,22 +154,24 @@ import{a as r,b as p,c as a,e as l,g,h as e,j as u}from"./chunk-CNFJFZ6D.js";imp
             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`
+    `}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.onKeyDown);let i=this.shadowRoot?.querySelector("dialog");i&&i.showModal()}disconnectedCallback(){window.removeEventListener("keydown",this.onKeyDown),super.disconnectedCallback()}render(){return o`
             ${this.containStyling()} ${this.scrollStyling()} ${this.subHeaderStyling()}
             <div class="backdrop" @click=${this.onBackdropClick}></div>
             <div class="container">
-                <dialog open autofocus>
-                    <div class="header">
-                        <telia-heading tag="h3" variant="title-100">${this.header}</telia-heading>
+                <dialog autofocus>
+                    <div class="header" data-testid="modal-heading">
+                        <telia-heading tag="h3" variant="title-100">
+                            ${this.header}
+                        </telia-heading>
                         ${this.closeButton()}
                     </div>
-                    <div class="sub-header">
+                    <div class="sub-header" data-testid="modal-sub-header">
                         <slot name="sub-header" @slotchange=${this.onSubHeaderSlotChange}></slot>
                     </div>
-                    <div class="body">
+                    <div class="body" data-testid="modal-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([f()],o.prototype,"hasSubHeader",2),n([d({type:Boolean,attribute:"contain"})],o.prototype,"contain",2);export{o as a};
+        `}};s([d({type:String,attribute:"header"})],a.prototype,"header",2),s([d({type:Array})],a.prototype,"actions",2),s([d({type:Boolean,attribute:"required"})],a.prototype,"required",2),s([d({type:String,attribute:"scroll-mode"})],a.prototype,"scrollMode",2),s([$()],a.prototype,"hasSubHeader",2),s([d({type:Boolean,attribute:"contain"})],a.prototype,"contain",2);export{a};

package/dist/{chunk-LZEZ2U5O.js → chunk-WI5TQSZT.js}

@@ -41,7 +41,7 @@ import{a as n,c as e,f as l,h as o,j as i}from"./chunk-CNFJFZ6D.js";import{a as
     :host(:hover),
     :host(:focus-visible),
     :host(:focus) {
-        background-color: ${t(e.gray200)};
+        background-color: ${t(e.gray50)};
     }
 
     :host(:active) {

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

@@ -1 +1 @@
-import{a}from"../../chunk-TJ37YT5S.js";import"../../chunk-H7ZWVNSK.js";import"../../chunk-BDQXACZ6.js";import"../../chunk-JZJUYJ7F.js";import"../../chunk-CNFJFZ6D.js";import"../../chunk-JFKSI6I7.js";export{a as Modal};
+import{a}from"../../chunk-HJAUL47Q.js";import"../../chunk-H7ZWVNSK.js";import"../../chunk-BDQXACZ6.js";import"../../chunk-JZJUYJ7F.js";import"../../chunk-CNFJFZ6D.js";import"../../chunk-JFKSI6I7.js";export{a as Modal};

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

@@ -1 +1 @@
-import{a,b,c,d,e}from"../../chunk-LZEZ2U5O.js";import"../../chunk-H7ZWVNSK.js";import"../../chunk-CNFJFZ6D.js";import"../../chunk-JFKSI6I7.js";export{a as Table,b as TableBody,c as TableData,d as TableHead,e as TableRow};
+import{a,b,c,d,e}from"../../chunk-WI5TQSZT.js";import"../../chunk-H7ZWVNSK.js";import"../../chunk-CNFJFZ6D.js";import"../../chunk-JFKSI6I7.js";export{a as Table,b as TableBody,c as TableData,d as TableHead,e as TableRow};

package/dist/components/index.js

@@ -1 +1 @@
-import{a as p,b as i,c as m,d as f,e as c}from"../chunk-LZEZ2U5O.js";import{a as s}from"../chunk-3Y6W4IDL.js";import{a as b,b as x,c as y,d as h,e as P}from"../chunk-ALNVSJXY.js";import{a as t}from"../chunk-BJWFPFCA.js";import"../chunk-DCXN3PRQ.js";import{a as e}from"../chunk-TJ37YT5S.js";import"../chunk-H7ZWVNSK.js";import{a as r,b as a,c as n}from"../chunk-ERBUEZ5O.js";import"../chunk-AZ6GENL6.js";import"../chunk-BDQXACZ6.js";import"../chunk-JZJUYJ7F.js";import{a as l}from"../chunk-ZO3TGBYT.js";import"../chunk-QLXKAVKR.js";import"../chunk-CNFJFZ6D.js";import"../chunk-JFKSI6I7.js";var g=[["link",t],["modal",e],["unauthorized",s],["page-selector",r],["paginator-button",n],["paginator",a],["pop-over",l],["table",p],["tb",i],["td",m],["th",f],["tr",c]];for(let[u,d]of g){let o=`alliance-${u}`;customElements.get(o)||customElements.define(o,d)}export{y as ViewElementType,P as registerViewElement,b as viewElementPrefix,x as viewElementSelector,h as viewElementTag};
+import{a as p,b as i,c as m,d as f,e as c}from"../chunk-WI5TQSZT.js";import{a as s}from"../chunk-3Y6W4IDL.js";import{a as b,b as x,c as y,d as h,e as P}from"../chunk-ALNVSJXY.js";import{a as t}from"../chunk-BJWFPFCA.js";import"../chunk-DCXN3PRQ.js";import{a as e}from"../chunk-HJAUL47Q.js";import"../chunk-H7ZWVNSK.js";import{a as r,b as a,c as n}from"../chunk-ERBUEZ5O.js";import"../chunk-AZ6GENL6.js";import"../chunk-BDQXACZ6.js";import"../chunk-JZJUYJ7F.js";import{a as l}from"../chunk-ZO3TGBYT.js";import"../chunk-QLXKAVKR.js";import"../chunk-CNFJFZ6D.js";import"../chunk-JFKSI6I7.js";var g=[["link",t],["modal",e],["unauthorized",s],["page-selector",r],["paginator-button",n],["paginator",a],["pop-over",l],["table",p],["tb",i],["td",m],["th",f],["tr",c]];for(let[u,d]of g){let o=`alliance-${u}`;customElements.get(o)||customElements.define(o,d)}export{y as ViewElementType,P as registerViewElement,b as viewElementPrefix,x as viewElementSelector,h as viewElementTag};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/alliance-ui",
-  "version": "4.0.0-next.7",
+  "version": "4.0.0-next.9",
   "description": "UI components used by ACE Alliance apps.",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "Telia Company AB",
@@ -30,7 +30,7 @@
     "lit": "^3.3.0"
   },
   "devDependencies": {
-    "@telia-ace/alliance-internal-client-utilities": "^4.0.0-next.7"
+    "@telia-ace/alliance-internal-client-utilities": "^4.0.0-next.9"
   },
   "publishConfig": {
     "access": "public"