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

package/dist/{chunk-7XXQGMWO.js → chunk-HJAUL47Q.js}

@@ -1,4 +1,4 @@
-import{a as r,b as p,c as n,e as l,g as b,h as e,j as u}from"./chunk-CNFJFZ6D.js";import{a}from"./chunk-JFKSI6I7.js";import{close as y}from"@teliads/components/icons";import{LitElement as m,css as f,html as i,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 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 n,e as l,g as b,h as e,j as u}from"./chunk-CNFJFZ6D.js
             .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 n,e as l,g as b,h as e,j as u}from"./chunk-CNFJFZ6D.js
                 .backdrop {
                     position: absolute;
                 }
-            </style>`;this.scrollStyling=()=>this.scrollMode==="inside"?i`<style>
+            </style>`;this.scrollStyling=()=>this.scrollMode==="inside"?o`<style>
                 .container {
                     align-items: center;
                 }
@@ -41,7 +41,7 @@ import{a as r,b as p,c as n,e as l,g as b,h as e,j as u}from"./chunk-CNFJFZ6D.js
                     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,21 +57,21 @@ import{a as r,b as p,c as n,e as l,g as b,h as e,j as u}from"./chunk-CNFJFZ6D.js
             .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`
+        /></telia-button>`;this.footer=()=>this.actions.length?o`
             <div class="footer" data-testid="modal-footer">
-                ${v(this.actions,({disabled:s,variant:c,action:h,label:g})=>i`
+                ${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)}
@@ -81,7 +81,7 @@ import{a as r,b as p,c as n,e as l,g as b,h as e,j as u}from"./chunk-CNFJFZ6D.js
                         </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=f`
+        `:"";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;
@@ -108,18 +108,18 @@ import{a as r,b as p,c as n,e as l,g as b,h as e,j as u}from"./chunk-CNFJFZ6D.js
             border-radius: ${t(r.radiusLg)};
             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 n,e as l,g as b,h as e,j as u}from"./chunk-CNFJFZ6D.js
             position: relative;
             display: flex;
             align-items: center;
-            padding: ${t(e.spacing24)} ${t(e.spacing24)} ${t(e.spacing32)};
+            padding: ${t(e.spacing24)};
             min-height: 30px;
         }
 
@@ -154,11 +154,11 @@ import{a as r,b as p,c as n,e as l,g as b,h as e,j as u}from"./chunk-CNFJFZ6D.js
             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>
+                <dialog autofocus>
                     <div class="header" data-testid="modal-heading">
                         <telia-heading tag="h3" variant="title-100">
                             ${this.header}
@@ -174,4 +174,4 @@ import{a as r,b as p,c as n,e as l,g as b,h as e,j as u}from"./chunk-CNFJFZ6D.js
                     ${this.footer()}
                 </dialog>
             </div>
-        `}};a([d({type:String,attribute:"header"})],o.prototype,"header",2),a([d({type:Array})],o.prototype,"actions",2),a([d({type:Boolean,attribute:"required"})],o.prototype,"required",2),a([d({type:String,attribute:"scroll-mode"})],o.prototype,"scrollMode",2),a([$()],o.prototype,"hasSubHeader",2),a([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/components/alliance-modal/index.js

@@ -1 +1 @@
-import{a}from"../../chunk-7XXQGMWO.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/index.js

@@ -1 +1 @@
-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-7XXQGMWO.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.8",
+  "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.8"
+    "@telia-ace/alliance-internal-client-utilities": "^4.0.0-next.9"
   },
   "publishConfig": {
     "access": "public"