scb-wc-test 0.1.11 → 0.1.13

package/mvc/components/scb-notification-card/scb-notification-card.js

@@ -0,0 +1,187 @@
+import{a as d,n as e,i as h,x as a,t as f}from"../../vendor/vendor.js";import"../scb-icon-button/scb-icon-button.js";import"../../vendor/vendor-material.js";import"../../vendor/preload-helper.js";import"../scb-tooltip/scb-tooltip.js";import"../scb-button/scb-button.js";(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(n,c,s){try{customElements.get(n)||r(n,c,s)}catch(p){var l=String(p||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var y=Object.defineProperty,x=Object.getOwnPropertyDescriptor,i=(o,r,n,c)=>{for(var s=c>1?void 0:c?x(r,n):r,l=o.length-1,p;l>=0;l--)(p=o[l])&&(s=(c?p(r,n,s):p(s))||s);return c&&s&&y(r,n,s),s};let t=class extends h{constructor(){super(...arguments),this.type="success",this.direction="horizontal",this.title="",this.subtitle="",this.supportingText="",this.open=!1,this.linkText="",this.linkhref="#",this.showIcon=!1,this.showCloseButton=!1,this._closeNotification=()=>{this.open=!1;const o=new CustomEvent("close",{detail:{open:this.open}});this.dispatchEvent(o)}}_iconForType(){switch(this.type){case"success":return"check_circle";case"error":return"error";case"warning":return"warning";case"info":return"info";default:return"info"}}render(){const o=this.type?`${this.type.toLowerCase()}`:"",r=this.direction?`${this.direction.toLowerCase()}`:"",n=this.linkhref?"clickable":"";return a`
+            <div class="notification ${r} ${n} ${o}" type=${this.type} role="alert" aria-live="assertive" aria-atomic="true" style="display: ${this.open?"flex":"none"};">
+                <div class="notification-content">    
+                    ${this.showIcon||this.showCloseButton?a`<div class="notification-header">
+                    ${this.showIcon?a`<md-icon>${this._iconForType()}</md-icon>`:""}
+                    </div>`:""}
+                    <div class="notification-text-container">
+                        ${this.title?a`<div class="notification-title">${this.title}</div>`:""}
+                        ${this.subtitle?a`<div class="notification-subtitle">${this.subtitle}</div>`:""}
+                        ${this.supportingText?a`<div class="notification-text">${this.supportingText}</div>`:""}
+                        ${this.linkText?a`
+                        <div class="notification-footer">
+                            <a class="footer-link" href="${this.linkhref}">${this.linkText}</a>
+                        </div>
+                        `:""}
+                    </div>
+                </div>
+                ${this.showCloseButton?a`<scb-icon-button icon="close" @click=${this._closeNotification}  
+                style="--_icon-color: ${this.type==="success"?"var(--md-sys-color-on-success-container)":this.type==="error"?"var(--md-sys-color-on-error-container)":this.type==="warning"?"var(--md-sys-color-on-warning-container)":"var(--md-sys-color-on-info-container)"};"></scb-icon-button>`:""}
+            </div>
+            `}};t.styles=[d`
+        :host {
+            display: block;
+            position: relative;
+            container-type: inline-size;
+            container-name: notification-container;
+        }
+
+        .notification {
+            border-radius: 12px;
+            padding: 16px;
+            display: flex;
+            gap: 12px;
+            flex-direction: column;
+
+            &.horizontal {
+                max-width: 600px;
+            }
+
+            &.vertical {
+                max-width: 580px;
+                
+                .notification-content{
+                    flex-direction: row;
+                    gap: var(--spacing-spacing-4, 12px);
+                }
+            }
+        }
+
+        @container notification-container (min-width: 400px) {
+            .notification {
+                flex-direction: row;
+            }
+            .notification-label {
+                margin-right: 40px;
+            }
+        }
+
+        .notification-text-container {
+            display: flex;
+            flex-direction: column;  
+            gap: var(--Spacing-Spacing-3, 8px);
+
+            .notification-title {
+                display: flex;
+                padding: 0 0 var(--spacing-spacing-0, 0) 0;
+                align-items: flex-start;
+                align-self: stretch;
+                font-family: var(--Brand, Inter);
+                font-size: var(--md-sys-typescale-headline-small-Size, 24px);
+                font-style: normal;
+                font-weight: var(--weight-bold, 700);
+                line-height: var(--md-sys-typescale-headline-small-line-height2, 30px); 
+                letter-spacing: var(--md-sys-typescale-headline-small-tracking, -0.6px);
+            }
+
+            .notification-subtitle {        
+                display: flex;
+                padding: 0 0 var(--spacing-spacing-0, 0) 0;
+                align-items: flex-start;
+                align-self: stretch;
+                font-family: var(--Brand, Inter);
+                font-size: var(--md-sys-typescale-title-medium-size, 18px);
+                font-style: normal;
+                font-weight: var(--weight-semibold, 600);
+                line-height: var(--md-sys-typescale-title-medium-line-height, 26px); 
+                letter-spacing: var(--md-sys-typescale-title-medium-tracking, -0.3px);
+            }
+
+            .notification-text {
+                padding: 0 0 var(--spacing-spacing-0, 0) 0;
+                align-items: flex-start;
+                align-self: stretch;
+                font-family: var(--Brand, Inter);
+                font-size: var(--md-sys-typescale-body-large-size, 18px);
+                font-style: normal;
+                font-weight: var(--eeight-regular, 400);
+                line-height: var(--md-sys-typescale-body-large-line-height, 26px); 
+                letter-spacing: var(--md-sys-typescale-body-large-tracking, -0.3px);
+            }
+         }
+
+        .notification[type="success"] {
+            background: var(--md-sys-color-success-container);
+            color: var(--md-sys-color-on-success-container);   
+
+            a {
+                text-decoration: underline;
+                text-decoration-thickness: 1px;
+                text-underline-offset: .1578em;
+                color: var(--md-sys-color-on-success-container);
+                &:hover {text-decoration-thickness: 2px;}
+            }
+
+            &::part(scb-icon-button){
+                --icon-color: var(--md-sys-color-on-success-container);
+            }
+        }
+
+        .notification[type="error"] {
+            background: var(--md-sys-color-error-container);
+            color: var(--md-sys-color-on-error-container);
+            a {
+                text-decoration: underline;
+                text-decoration-thickness: 1px;
+                text-underline-offset: .1578em;
+                color: var(--md-sys-color-on-error-container);
+                &:hover {text-decoration-thickness: 2px;}
+            }
+        }
+
+        .notification[type="warning"] {
+            background: var(--md-sys-color-warning-container);
+            color: var(--md-sys-color-on-warning-container);
+            a {
+                text-decoration: underline;
+                text-decoration-thickness: 1px;
+                text-underline-offset: .1578em;
+                color: var(--md-sys-color-on-warning-container);
+                &:hover {text-decoration-thickness: 2px;}
+            }
+        }
+
+        .notification[type="info"] {
+            background: var(--md-sys-color-info-container);
+            color: var(--md-sys-color-on-info-container);
+            a {
+                text-decoration: underline;
+                text-decoration-thickness: 1px;
+                text-underline-offset: .1578em;
+                color: var(--md-sys-color-on-info-container);
+                &:hover {text-decoration-thickness: 2px;}
+            }
+        }
+
+        .notification-header scb-icon-button {
+            position: absolute;
+            right: 8px;
+            top: 8px;
+        }
+
+        .notification-content {
+            display: flex;
+            flex-direction: column;
+            gap: 4px;
+        }
+
+        slot {
+            font-size: 18px;
+            line-height: 26px; 
+        }
+
+        .notification-footer {
+            font-size: 18px;
+            margin-top: 4px;
+            line-height: 26px; 
+        }
+
+        :host([open]) .notification {
+            opacity: 1;
+        }
+
+        :host(:not([open])) .notification {
+            opacity: 0;
+            pointer-events: none;
+        }
+    `];i([e({type:String})],t.prototype,"type",2);i([e({type:String,reflect:!0})],t.prototype,"direction",2);i([e({type:String})],t.prototype,"title",2);i([e({type:String})],t.prototype,"subtitle",2);i([e({type:String,attribute:"supporting-text"})],t.prototype,"supportingText",2);i([e({type:Boolean,reflect:!0})],t.prototype,"open",2);i([e({type:String,attribute:"link-text"})],t.prototype,"linkText",2);i([e({type:String,attribute:"link-href"})],t.prototype,"linkhref",2);i([e({type:Boolean,attribute:"show-icon"})],t.prototype,"showIcon",2);i([e({type:Boolean,attribute:"show-close-button"})],t.prototype,"showCloseButton",2);t=i([f("scb-notification-card")],t);

package/mvc/components/scb-progress-indicator/scb-progress-indicator.js

@@ -1,4 +1,4 @@
-import{b as p,n as d,i as f,x as n,t as h}from"../../vendor/vendor.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,s,r){try{customElements.get(e)||t(e,s,r)}catch(o){var a=String(o||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var u=Object.defineProperty,g=Object.getOwnPropertyDescriptor,l=(c,t,e,s)=>{for(var r=s>1?void 0:s?g(t,e):t,a=c.length-1,o;a>=0;a--)(o=c[a])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&u(t,e,r),r};let i=class extends f{constructor(){super(...arguments),this.id="",this.type="circular",this.progress=25,this.isStatic=!0}render(){return n`
+import{a as p,n as d,i as f,x as n,t as h}from"../../vendor/vendor.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,s,r){try{customElements.get(e)||t(e,s,r)}catch(o){var a=String(o||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var u=Object.defineProperty,g=Object.getOwnPropertyDescriptor,l=(c,t,e,s)=>{for(var r=s>1?void 0:s?g(t,e):t,a=c.length-1,o;a>=0;a--)(o=c[a])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&u(t,e,r),r};let i=class extends f{constructor(){super(...arguments),this.id="",this.type="circular",this.progress=25,this.isStatic=!0}render(){return n`
       <div class="scb-progress-indicator">
         ${this.type==="circular"?n`
           <div class="circular">

package/mvc/components/scb-radio-button/scb-radio-button.js

@@ -1,4 +1,4 @@
-import{i as p,x as c,b as h,n as l,t as u}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(a,o,i){try{customElements.get(a)||t(a,o,i)}catch(d){var n=String(d||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var b=Object.defineProperty,g=Object.getOwnPropertyDescriptor,s=(e,t,a,o)=>{for(var i=o>1?void 0:o?g(t,a):t,n=e.length-1,d;n>=0;n--)(d=e[n])&&(i=(o?d(t,a,i):d(i))||i);return o&&i&&b(t,a,i),i};let r=class extends p{constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.name="",this.value="",this.label="",this.supportingText="",this._radioId="",this._onMdRadioChange=e=>{if(this.disabled)return;const t=e.target;t&&t.checked&&(this.checked=!0,this.dispatchEvent(new CustomEvent("scb-radio-change",{detail:{name:this.name,source:this},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:this.value},bubbles:!0,composed:!0})))},this._onRadioChange=e=>{e.detail.name===this.name&&e.detail.source!==this&&(this.checked=!1)}}connectedCallback(){super.connectedCallback(),this._radioId=this.id||`scb-radio-${Math.random().toString(36).substr(2,9)}`,document.addEventListener("scb-radio-change",this._onRadioChange)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("scb-radio-change",this._onRadioChange)}firstUpdated(){const e=this.shadowRoot?.querySelector("md-radio");e&&e.addEventListener("input",()=>{this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))})}updated(e){super.updated(e),e.has("disabled")&&this.toggleAttribute("aria-disabled",this.disabled)}render(){const e=this.supportingText?`${this._radioId}-supporting-text`:void 0;return c`
+import{i as p,x as c,a as h,n as l,t as u}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,o,i){try{customElements.get(r)||t(r,o,i)}catch(d){var n=String(d||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var g=Object.defineProperty,b=Object.getOwnPropertyDescriptor,s=(e,t,r,o)=>{for(var i=o>1?void 0:o?b(t,r):t,n=e.length-1,d;n>=0;n--)(d=e[n])&&(i=(o?d(t,r,i):d(i))||i);return o&&i&&g(t,r,i),i};let a=class extends p{constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.name="",this.value="",this.label="",this.supportingText="",this._radioId="",this._onMdRadioChange=e=>{if(this.disabled)return;const t=e.target;t&&t.checked&&(this.checked=!0,this.dispatchEvent(new CustomEvent("scb-radio-change",{detail:{name:this.name,source:this},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:this.value},bubbles:!0,composed:!0})))},this._onRadioChange=e=>{e.detail.name===this.name&&e.detail.source!==this&&(this.checked=!1)}}connectedCallback(){super.connectedCallback(),this._radioId=this.id||`scb-radio-${Math.random().toString(36).substr(2,9)}`,document.addEventListener("scb-radio-change",this._onRadioChange)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("scb-radio-change",this._onRadioChange)}firstUpdated(){const e=this.shadowRoot?.querySelector("md-radio");e&&e.addEventListener("input",()=>{this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))})}updated(e){super.updated(e),e.has("disabled")&&this.toggleAttribute("aria-disabled",this.disabled)}render(){const e=this.supportingText?`${this._radioId}-supporting-text`:void 0;return c`
       <label class="wrap">
         <div class="radio-wrap">
           <md-radio
@@ -20,33 +20,36 @@ import{i as p,x as c,b as h,n as l,t as u}from"../../vendor/vendor.js";import"..
             ${this.supportingText}
           </div>`:""}
       <slot></slot>
-    `}};r.styles=h`
+    `}};a.styles=h`
     /* layout med inline-grid */
     :host {
       display: inline-grid;
       grid-template-columns: auto;
       grid-template-rows: auto auto;
-      row-gap: 4px;
+      row-gap: var(--spacing-2, 4px);
       font-family: var(--brand-font, 'Inter', sans-serif);
     }
 
+    /* Styr horisontellt avstånd när den placeras i horisontell layout */
+    :host([orientation="horizontal"]) {
+      margin-inline-end: var(--scb-radio-gap, var(--spacing-7, 24px));
+    }
+
     /* Wrapper för md-radio + label */
     .wrap {
       display: inline-flex;
       align-items: center;
-      gap: 12px;
+      padding: var(--spacing-2, 4px);
+      gap: var(--spacing-2, 4px);
       cursor: pointer;
-      /* låt ripple/state-layer synas */
       overflow: visible;
     }
-    :host([disabled]) .wrap {
-      cursor: default;
-    }
+    :host([disabled]) .wrap { cursor: default; }
 
-    /* Hit-yta runt md-radio (styr via variabel) */
+    /* Hit-yta runt md-radio */
     .radio-wrap {
-      height: var(--scb-radio-target, 48px);
-      width: var(--scb-radio-target, 48px);
+      height: var(--scb-radio-target, 40px);
+      width: var(--scb-radio-target, 40px);
       align-items: center;
       display: flex;
       justify-content: center;
@@ -54,42 +57,32 @@ import{i as p,x as c,b as h,n as l,t as u}from"../../vendor/vendor.js";import"..
     }
 
     /* Nollställ md-radio marginal */
-    md-radio {
-      margin: 0;
-    }
+    md-radio { margin: 0; }
 
     /* Label-styling */
     .lbl {
       color: var(--md-sys-color-on-surface);
-      line-height: 1.2;
-      margin-top: 2px;
-    }
-    :host([disabled]) .lbl {
-      color: var(--n-60);
+      font-family: var(--brand-font);
+      font-size: var(--md-sys-typescale-body-medium-size);
+      line-height: var(--md-sys-typescale-body-medium-line-height);
+      font-weight: var(--weight-regular, 400);
+      letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+      margin-top: var(--spacing-1, 2px);
     }
+    :host([disabled]) .lbl { color: var(--n-60); }
 
     /* Supporting text styling */
     .supporting-text {
       color: var(--md-sys-color-on-surface-variant);
-      line-height: 1.2;
-      /* 12px gap + wrapperbredd (inte ikonstorlek) så texten linjerar med labeln */
-      margin-left: calc(12px + var(--scb-radio-target, 48px));
-    }
-    :host([disabled]) .supporting-text {
-      color: var(--n-60);
+      line-height: var(--md-sys-typescale-body-medium-line-height, 20px);
+      /* gap + wrapperbredd så texten linjerar med labeln */
+      margin-left: calc(var(--spacing-2, 4px) + var(--scb-radio-target, 40px));
     }
-
-      :host([orientation="horizontal"]) {
-    margin-inline-end: var(--scb-radio-gap, 24px); /* tweakable */
-  }
+    :host([disabled]) .supporting-text { color: var(--n-60); }
 
     /* Anpassning för mörkt läge */
     @media (prefers-color-scheme: dark) {
-      .lbl {
-        color: var(--md-sys-color-on-surface);
-      }
-      .supporting-text {
-        color: var(--md-sys-color-on-surface-variant);
-      }
+      .lbl { color: var(--md-sys-color-on-surface); }
+      .supporting-text { color: var(--md-sys-color-on-surface-variant); }
     }
-  `;s([l({type:Boolean,reflect:!0})],r.prototype,"disabled",2);s([l({type:Boolean,reflect:!0})],r.prototype,"checked",2);s([l({type:String,reflect:!0})],r.prototype,"name",2);s([l({type:String,reflect:!0})],r.prototype,"value",2);s([l({type:String})],r.prototype,"label",2);s([l({type:String,attribute:"supporting-text"})],r.prototype,"supportingText",2);r=s([u("scb-radio-button")],r);export{r as ScbRadioButton};
+  `;s([l({type:Boolean,reflect:!0})],a.prototype,"disabled",2);s([l({type:Boolean,reflect:!0})],a.prototype,"checked",2);s([l({type:String,reflect:!0})],a.prototype,"name",2);s([l({type:String,reflect:!0})],a.prototype,"value",2);s([l({type:String})],a.prototype,"label",2);s([l({type:String,attribute:"supporting-text"})],a.prototype,"supportingText",2);a=s([u("scb-radio-button")],a);export{a as ScbRadioButton};

package/mvc/components/scb-radio-button/scb-radio-group.js

@@ -1,4 +1,4 @@
-import{b as h,n as p,i as f,x as g,t as b}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(e,s,r){try{customElements.get(e)||a(e,s,r)}catch(n){var o=String(n||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var _=Object.defineProperty,v=Object.getOwnPropertyDescriptor,u=t=>{throw TypeError(t)},l=(t,a,e,s)=>{for(var r=s>1?void 0:s?v(a,e):a,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=(s?n(a,e,r):n(r))||r);return s&&r&&_(a,e,r),r},y=(t,a,e)=>a.has(t)||u("Cannot "+e),c=(t,a,e)=>(y(t,a,"read from private field"),e?e.call(t):a.get(t)),m=(t,a,e)=>a.has(t)?u("Cannot add the same private member more than once"):a instanceof WeakSet?a.add(t):a.set(t,e),d;let i=class extends f{constructor(){super(...arguments),this.name="",this.orientation="vertical",this.disabled=!1,this.ariaLabel=null,this.spacing="item",m(this,d,()=>{const t=this.shadowRoot?.querySelector("slot");if(!t)return;const a=t.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase()==="scb-radio-button");for(const e of a)this.name&&e.setAttribute("name",this.name),this.disabled?e.setAttribute("disabled",""):e.removeAttribute("disabled"),this.orientation==="horizontal"?e.setAttribute("orientation","horizontal"):e.removeAttribute("orientation"),this.spacing==="group"?e.style.setProperty("--scb-radio-gap","0"):e.style.removeProperty("--scb-radio-gap")})}render(){const t=this.orientation==="horizontal"?"row":"column";return g`
+import{a as h,n as p,i as f,x as g,t as b}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(e,s,r){try{customElements.get(e)||a(e,s,r)}catch(n){var o=String(n||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var _=Object.defineProperty,v=Object.getOwnPropertyDescriptor,u=t=>{throw TypeError(t)},l=(t,a,e,s)=>{for(var r=s>1?void 0:s?v(a,e):a,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=(s?n(a,e,r):n(r))||r);return s&&r&&_(a,e,r),r},y=(t,a,e)=>a.has(t)||u("Cannot "+e),c=(t,a,e)=>(y(t,a,"read from private field"),e?e.call(t):a.get(t)),m=(t,a,e)=>a.has(t)?u("Cannot add the same private member more than once"):a instanceof WeakSet?a.add(t):a.set(t,e),d;let i=class extends f{constructor(){super(...arguments),this.name="",this.orientation="vertical",this.disabled=!1,this.ariaLabel=null,this.spacing="item",m(this,d,()=>{const t=this.shadowRoot?.querySelector("slot");if(!t)return;const a=t.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase()==="scb-radio-button");for(const e of a)this.name&&e.setAttribute("name",this.name),this.disabled?e.setAttribute("disabled",""):e.removeAttribute("disabled"),this.orientation==="horizontal"?e.setAttribute("orientation","horizontal"):e.removeAttribute("orientation"),this.spacing==="group"?e.style.setProperty("--scb-radio-gap","0"):e.style.removeProperty("--scb-radio-gap")})}render(){const t=this.orientation==="horizontal"?"row":"column";return g`
       <div
         class="g"
         role="radiogroup"

package/mvc/components/scb-search/scb-search.js

@@ -1,12 +1,12 @@
-import{b as y,n as d,i as x,E as b,x as h,t as A}from"../../vendor/vendor.js";import"../scb-list/scb-list.js";import"../../vendor/vendor-material.js";import"../../vendor/preload-helper.js";import"../scb-list/scb-list-item.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,n,i){try{customElements.get(s)||t(s,n,i)}catch(a){var r=String(a||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var w=Object.defineProperty,I=Object.getOwnPropertyDescriptor,l=(e,t,s,n)=>{for(var i=n>1?void 0:n?I(t,s):t,r=e.length-1,a;r>=0;r--)(a=e[r])&&(i=(n?a(t,s,i):a(i))||i);return n&&i&&w(t,s,i),i};let S=0,o=class extends x{constructor(){super(...arguments),this.supportingText="Hinted search text",this.value="",this.size="default",this.fullScreen=!1,this._inputFocused=!1,this._visibleSuggestions=0,this._activeIndex=-1,this._listboxId=`scb-search-listbox-${++S}`,this._kbMode=!1}connectedCallback(){super.connectedCallback()}disconnectedCallback(){const e=this._inputEl();e&&this._boundNativeKeydown&&e.removeEventListener("keydown",this._boundNativeKeydown,!0),super.disconnectedCallback()}firstUpdated(){this._ensureListboxA11y(),this._updateComboboxA11y();const e=this._inputEl();e&&(this._boundNativeKeydown=t=>this._handleKey(t),e.addEventListener("keydown",this._boundNativeKeydown,!0))}updated(){this._ensureListboxA11y(),this._updateComboboxA11y()}render(){const e=(this.value??"").trim().length>0,t=this._inputFocused&&e&&this._hasSuggestions;return h`
+import{a as y,n as h,i as x,E as b,x as u,t as w}from"../../vendor/vendor.js";import"../scb-list/scb-list.js";import"../../vendor/vendor-material.js";import"../../vendor/preload-helper.js";import"../scb-list/scb-list-item.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,n,i){try{customElements.get(s)||e(s,n,i)}catch(o){var r=String(o||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var A=Object.defineProperty,I=Object.getOwnPropertyDescriptor,c=(t,e,s,n)=>{for(var i=n>1?void 0:n?I(e,s):e,r=t.length-1,o;r>=0;r--)(o=t[r])&&(i=(n?o(e,s,i):o(i))||i);return n&&i&&A(e,s,i),i};let S=0,a=class extends x{constructor(){super(...arguments),this.supportingText="Hinted search text",this.value="",this.size="default",this.fullScreen=!1,this._inputFocused=!1,this._visibleSuggestions=0,this._activeIndex=-1,this._listboxId=`scb-search-listbox-${++S}`,this._kbMode=!1,this._listScrollHandler=()=>{const t=this._getActiveItem();this._kbMode&&t&&this._positionOptionRing(t)}}connectedCallback(){super.connectedCallback(),this._onWindowResize=this._onWindowResize.bind(this),window.addEventListener("resize",this._onWindowResize,{passive:!0})}disconnectedCallback(){const t=this._inputEl();t&&this._boundNativeKeydown&&t.removeEventListener("keydown",this._boundNativeKeydown,!0),this._detachListScrollListener(),window.removeEventListener("resize",this._onWindowResize),super.disconnectedCallback()}firstUpdated(){this._ensureListboxA11y(),this._updateComboboxA11y();const t=this._inputEl();t&&(this._boundNativeKeydown=e=>this._handleKey(e),t.addEventListener("keydown",this._boundNativeKeydown,!0))}updated(){this._ensureListboxA11y(),this._updateComboboxA11y(),this._attachListScrollListener()}render(){const t=(this.value??"").trim().length>0,e=this._inputFocused&&t&&this._hasSuggestions;return u`
       <div class="ripple-wrapper">
-        <md-icon class="leading">${e?"arrow_back":"search"}</md-icon>
+        <md-icon class="leading">${t?"arrow_back":"search"}</md-icon>
 
         <input
           id="searchInput"
           type="search"
           name="textfield"
-          class=${t?"with-list":""}
+          class=${e?"with-list":""}
           .value=${this.value}
           placeholder=${this.supportingText}
           autocomplete="off"
@@ -16,19 +16,23 @@ import{b as y,n as d,i as x,E as b,x as h,t as A}from"../../vendor/vendor.js";im
           aria-label=${this.supportingText||"Sök"}
         />
 
-        ${e?h`<button class="clear-btn" @click=${this._clearInput} tabindex="-1" aria-label="Rensa sökfält">
+        ${t?u`<button class="clear-btn" @click=${this._clearInput} tabindex="-1" aria-label="Rensa sökfält">
                    <md-icon>close</md-icon>
-                 </button>`:this.trailingIcon?h`<span class="trailing"><md-icon>${this.trailingIcon}</md-icon></span>`:b}
+                 </button>`:this.trailingIcon?u`<span class="trailing"><md-icon>${this.trailingIcon}</md-icon></span>`:b}
 
         <md-ripple></md-ripple>
+        <md-focus-ring class="input-ring"></md-focus-ring>
       </div>
 
-      <div class="list-divider" aria-hidden=${String(!(this.fullScreen&&t))}></div>
+      <div class="list-divider" aria-hidden=${String(!(this.fullScreen&&e))}></div>
 
-      ${t?h`<scb-list class="suggestion-list" id=${this._listboxId}>
-                 <slot @slotchange=${this._onSlotChange}></slot>
-               </scb-list>`:b}
-    `}submit(){const e=this._getActiveItem(),t={value:this.value};e&&(t.active=this._itemPayload(e)),this.dispatchEvent(new CustomEvent("scb-search-submit",{detail:t,bubbles:!0,composed:!0}))}get _hasSuggestions(){return this._visibleSuggestions>=0?this._visibleSuggestions>0:Array.from(this.getElementsByTagName("scb-list-item")).some(t=>!t.hasAttribute("hidden")&&t.style.display!=="none")}_onSlotChange(){this._filterSuggestions(this.value)}_onInput(e){const t=e.target;this.value=t.value,this._filterSuggestions(this.value),this._activeIndex=-1,this._kbMode=!1,this._updateComboboxA11y(),this.dispatchEvent(new CustomEvent("scb-search-input",{detail:{value:this.value},bubbles:!0,composed:!0}))}_onFocus(){this._inputFocused=!0,this._filterSuggestions(this.value),this._updateComboboxA11y(),this.requestUpdate()}_onBlur(){setTimeout(()=>{this._inputFocused=!1,this._activeIndex=-1,this._kbMode=!1,this._updateComboboxA11y(),this.requestUpdate()},100)}_handleKey(e){if(!this._inputEl())return;const s=this._getVisibleItems(),n=(this.value??"").trim().length>0,i=this._inputFocused&&n&&s.length>0,r=e.key,a=e.keyCode,c=r==="ArrowDown"||r==="Down"||a===40,p=r==="ArrowUp"||r==="Up"||a===38,v=r==="Home"||a===36,g=r==="End"||a===35,m=r==="Enter"||a===13,f=r==="Escape"||r==="Esc"||a===27;if(c){if(!i)return;e.preventDefault(),this._kbMode=!0,this._moveActive(s,1);return}if(p){if(!i)return;e.preventDefault(),this._kbMode=!0,this._moveActive(s,-1);return}if(v){if(!i)return;e.preventDefault(),this._kbMode=!0,this._activeIndex=s.length?0:-1,this._updateComboboxA11y(),this._scrollActiveIntoView();return}if(g){if(!i)return;e.preventDefault(),this._kbMode=!0,this._activeIndex=s.length?s.length-1:-1,this._updateComboboxA11y(),this._scrollActiveIntoView();return}if(m){if(!i){this.submit();return}e.preventDefault();const u=this._getActiveItem();if(u){const _=u.getAttribute("label")||"";this.value=_,this.dispatchEvent(new CustomEvent("scb-search-submit",{detail:{value:this.value,active:this._itemPayload(u)},bubbles:!0,composed:!0})),this._visibleSuggestions=0,this._activeIndex=-1,this._kbMode=!1,this.requestUpdate()}else this.submit();return}if(f){e.preventDefault(),this._clearInput();return}}_clearInput(){this.value="",this._activeIndex=-1,this._kbMode=!1;const e=this._inputEl();e?.focus(),e&&(e.value=""),this._filterSuggestions(""),this._updateComboboxA11y(),this.dispatchEvent(new CustomEvent("scb-search-clear",{bubbles:!0,composed:!0}))}_filterSuggestions(e){const t=(e??"").trim().toLowerCase(),s=Array.from(this.querySelectorAll("scb-list-item"));let n=0;for(const i of s){const r=(i.getAttribute("label")||"").toLowerCase(),a=(i.getAttribute("supporting-text")||"").toLowerCase(),c=`${r} ${a}`.trim();t!==""&&c.includes(t)?(i.removeAttribute("hidden"),n++):i.setAttribute("hidden",""),this._ensureOptionA11y(i)}this._visibleSuggestions=n,this._activeIndex>=n&&(this._activeIndex=-1),this._updateComboboxA11y(),this.requestUpdate()}_inputEl(){return this.renderRoot?.querySelector("#searchInput")??null}_listEl(){return this.renderRoot?.querySelector("scb-list.suggestion-list")??null}_getVisibleItems(){return Array.from(this.querySelectorAll("scb-list-item")).filter(t=>!t.hasAttribute("hidden")&&t.style.display!=="none")}_getActiveItem(){const e=this._getVisibleItems();return this._activeIndex<0||this._activeIndex>=e.length?null:e[this._activeIndex]??null}_moveActive(e,t){if(!e.length){this._activeIndex=-1,this._updateComboboxA11y();return}let s=this._activeIndex+t;this._activeIndex===-1?s=t>0?0:e.length-1:(s<0&&(s=0),s>=e.length&&(s=e.length-1)),this._activeIndex=s,this._updateComboboxA11y(),this._scrollActiveIntoView()}_scrollActiveIntoView(){const e=this._getActiveItem();e&&e.scrollIntoView({block:"nearest"})}_itemPayload(e){return{label:e.getAttribute("label")||"",supportingText:e.getAttribute("supporting-text")||"",href:e.getAttribute("href")||"",type:e.getAttribute("type")||"",id:e.id||""}}_ensureListboxA11y(){const e=this._listEl();e&&(e.id||(e.id=this._listboxId),e.setAttribute("role","listbox"),e.setAttribute("aria-label","Sökförslag")),Array.from(this.querySelectorAll("scb-list-item")).forEach(s=>this._ensureOptionA11y(s))}_ensureOptionA11y(e){e.id||(e.id=`${this._listboxId}-opt-${Math.random().toString(36).slice(2,8)}`),e.setAttribute("role","option"),e.setAttribute("tabindex","-1")}_updateComboboxA11y(){const e=this._inputEl();if(!e)return;const t=this._getVisibleItems(),s=(this.value??"").trim().length>0,n=this._inputFocused&&s&&t.length>0;e.setAttribute("role","combobox"),e.setAttribute("aria-autocomplete","list"),e.setAttribute("aria-controls",this._listboxId),e.setAttribute("aria-expanded",String(n));const i=n?this._getActiveItem():null;i?.id?e.setAttribute("aria-activedescendant",i.id):e.removeAttribute("aria-activedescendant"),t.forEach((r,a)=>{const c=a===this._activeIndex;r.setAttribute("aria-selected",String(c)),r.style.boxShadow="",r.style.borderRadius="",this._kbMode&&c&&(r.style.boxShadow="inset 0 0 0 var(--md-focus-ring-width, 2px) var(--md-focus-ring-color, var(--p-40))",r.style.borderRadius="var(--md-sys-shape-corner-small, 8px)")})}};o.styles=y`
+      ${e?u`
+            <scb-list class="suggestion-list" id=${this._listboxId}>
+              <slot @slotchange=${this._onSlotChange}></slot>
+            </scb-list>
+            <md-focus-ring id="optionRing" class="option-ring"></md-focus-ring>
+          `:b}
+    `}submit(){const t=this._getActiveItem(),e={value:this.value};t&&(e.active=this._itemPayload(t)),this.dispatchEvent(new CustomEvent("scb-search-submit",{detail:e,bubbles:!0,composed:!0}))}get _hasSuggestions(){return this._visibleSuggestions>=0?this._visibleSuggestions>0:Array.from(this.getElementsByTagName("scb-list-item")).some(e=>!e.hasAttribute("hidden")&&e.style.display!=="none")}_onSlotChange(){this._filterSuggestions(this.value)}_onInput(t){const e=t.target;this.value=e.value,this._filterSuggestions(this.value),this._activeIndex=-1,this._kbMode=!1,this._updateComboboxA11y(),this.dispatchEvent(new CustomEvent("scb-search-input",{detail:{value:this.value},bubbles:!0,composed:!0}))}_onFocus(){this._inputFocused=!0,this._filterSuggestions(this.value),this._updateComboboxA11y(),this.requestUpdate()}_onBlur(){setTimeout(()=>{this._inputFocused=!1,this._activeIndex=-1,this._kbMode=!1,this._updateComboboxA11y(),this._hideOptionRing(),this.requestUpdate()},100)}_handleKey(t){if(!this._inputEl())return;const s=this._getVisibleItems(),n=(this.value??"").trim().length>0,i=this._inputFocused&&n&&s.length>0,r=t.key,o=t.keyCode,l=r==="ArrowDown"||r==="Down"||o===40,d=r==="ArrowUp"||r==="Up"||o===38,g=r==="Home"||o===36,v=r==="End"||o===35,_=r==="Enter"||o===13,f=r==="Escape"||r==="Esc"||o===27;if(l){if(!i)return;t.preventDefault(),this._kbMode=!0,this._moveActive(s,1);return}if(d){if(!i)return;t.preventDefault(),this._kbMode=!0,this._moveActive(s,-1);return}if(g){if(!i)return;t.preventDefault(),this._kbMode=!0,this._activeIndex=s.length?0:-1,this._updateComboboxA11y(),this._scrollActiveIntoView();return}if(v){if(!i)return;t.preventDefault(),this._kbMode=!0,this._activeIndex=s.length?s.length-1:-1,this._updateComboboxA11y(),this._scrollActiveIntoView();return}if(_){if(!i){this.submit();return}t.preventDefault();const p=this._getActiveItem();if(p){const m=p.getAttribute("label")||"";this.value=m,this.dispatchEvent(new CustomEvent("scb-search-submit",{detail:{value:this.value,active:this._itemPayload(p)},bubbles:!0,composed:!0})),this._visibleSuggestions=0,this._activeIndex=-1,this._kbMode=!1,this._hideOptionRing(),this.requestUpdate()}else this.submit();return}if(f){t.preventDefault(),this._clearInput();return}}_clearInput(){this.value="",this._activeIndex=-1,this._kbMode=!1;const t=this._inputEl();t?.focus(),t&&(t.value=""),this._filterSuggestions(""),this._updateComboboxA11y(),this._hideOptionRing(),this.dispatchEvent(new CustomEvent("scb-search-clear",{bubbles:!0,composed:!0}))}_filterSuggestions(t){const e=(t??"").trim().toLowerCase(),s=Array.from(this.querySelectorAll("scb-list-item"));let n=0;for(const i of s){const r=(i.getAttribute("label")||"").toLowerCase(),o=(i.getAttribute("supporting-text")||"").toLowerCase(),l=`${r} ${o}`.trim();e!==""&&l.includes(e)?(i.removeAttribute("hidden"),n++):i.setAttribute("hidden",""),this._ensureOptionA11y(i)}this._visibleSuggestions=n,this._activeIndex>=n&&(this._activeIndex=-1),this._updateComboboxA11y(),this.requestUpdate()}_inputEl(){return this.renderRoot?.querySelector("#searchInput")??null}_listEl(){return this.renderRoot?.querySelector("scb-list.suggestion-list")??null}_ringEl(){return this.renderRoot?.querySelector("#optionRing")??null}_getVisibleItems(){return Array.from(this.querySelectorAll("scb-list-item")).filter(e=>!e.hasAttribute("hidden")&&e.style.display!=="none")}_getActiveItem(){const t=this._getVisibleItems();return this._activeIndex<0||this._activeIndex>=t.length?null:t[this._activeIndex]??null}_moveActive(t,e){if(!t.length){this._activeIndex=-1,this._updateComboboxA11y(),this._hideOptionRing();return}let s=this._activeIndex+e;this._activeIndex===-1?s=e>0?0:t.length-1:(s<0&&(s=0),s>=t.length&&(s=t.length-1)),this._activeIndex=s,this._updateComboboxA11y(),this._scrollActiveIntoView()}_scrollActiveIntoView(){const t=this._getActiveItem();t&&t.scrollIntoView({block:"nearest"})}_itemPayload(t){return{label:t.getAttribute("label")||"",supportingText:t.getAttribute("supporting-text")||"",href:t.getAttribute("href")||"",type:t.getAttribute("type")||"",id:t.id||""}}_ensureListboxA11y(){const t=this._listEl();t&&(t.id||(t.id=this._listboxId),t.setAttribute("role","listbox"),t.setAttribute("aria-label","Sökförslag")),Array.from(this.querySelectorAll("scb-list-item")).forEach(s=>this._ensureOptionA11y(s))}_ensureOptionA11y(t){t.id||(t.id=`${this._listboxId}-opt-${Math.random().toString(36).slice(2,8)}`),t.setAttribute("role","option"),t.setAttribute("tabindex","-1")}_updateComboboxA11y(){const t=this._inputEl();if(!t)return;const e=this._getVisibleItems(),s=(this.value??"").trim().length>0,n=this._inputFocused&&s&&e.length>0;t.setAttribute("role","combobox"),t.setAttribute("aria-autocomplete","list"),t.setAttribute("aria-controls",this._listboxId),t.setAttribute("aria-expanded",String(n));const i=n?this._getActiveItem():null;i?.id?t.setAttribute("aria-activedescendant",i.id):t.removeAttribute("aria-activedescendant"),this._kbMode&&i&&n?this._positionOptionRing(i):this._hideOptionRing()}_positionOptionRing(t){const e=this._ringEl(),s=this._listEl();if(!e||!s)return;const n=this.getBoundingClientRect(),i=t.getBoundingClientRect(),r=i.top-n.top,o=i.left-n.left,l=i.width,d=i.height;e.style.top=`${r}px`,e.style.left=`${o}px`,e.style.width=`${l}px`,e.style.height=`${d}px`,e.setAttribute("data-show","true")}_hideOptionRing(){const t=this._ringEl();t&&t.removeAttribute("data-show")}_onWindowResize(){const t=this._getActiveItem();this._kbMode&&t&&this._positionOptionRing(t)}_attachListScrollListener(){const t=this._listEl();!t||this._listWithHandler===t||(this._detachListScrollListener(),t.addEventListener("scroll",this._listScrollHandler,{passive:!0}),this._listWithHandler=t)}_detachListScrollListener(){this._listWithHandler&&(this._listWithHandler.removeEventListener("scroll",this._listScrollHandler),this._listWithHandler=void 0)}};a.styles=y`
     :host {
       display: flex;
       flex-direction: column;
@@ -77,6 +81,31 @@ import{b as y,n as d,i as x,E as b,x as h,t as A}from"../../vendor/vendor.js";im
       width: 100%;
     }
 
+    md-focus-ring.input-ring {
+      position: absolute;
+      inset: 0;
+      pointer-events: none;
+      display: none;
+      border-radius: var(--scb-search-radius);
+      z-index: 4;
+    }
+    .ripple-wrapper:focus-within md-focus-ring.input-ring { display: block; }
+    input.with-list ~ md-focus-ring.input-ring {
+      border-radius: var(--scb-search-open-radius) var(--scb-search-open-radius) 0 0;
+    }
+    :host([full-screen]) md-focus-ring.input-ring {
+      border-radius: var(--radius-none, 0px) !important;
+    }
+
+    md-focus-ring.option-ring {
+      position: absolute;
+      display: none;
+      pointer-events: none;
+      z-index: 11;
+      border-radius: var(--md-sys-shape-corner-small, 8px);
+    }
+    md-focus-ring.option-ring[data-show="true"] { display: block; }
+
     .leading {
       position: absolute;
       left: var(--scb-search-padding-x);
@@ -91,13 +120,9 @@ import{b as y,n as d,i as x,E as b,x as h,t as A}from"../../vendor/vendor.js";im
       color: var(--md-sys-color-on-surface-variant);
       z-index: 2;
     }
-    .leading md-icon {
-      font-size: var(--scb-search-icon-size);
-      line-height: 1;
-    }
+    .leading md-icon { font-size: var(--scb-search-icon-size); line-height: 1; }
 
-    .trailing,
-    .clear-btn {
+    .trailing, .clear-btn {
       position: absolute;
       right: var(--scb-search-padding-x);
       top: 50%;
@@ -112,12 +137,7 @@ import{b as y,n as d,i as x,E as b,x as h,t as A}from"../../vendor/vendor.js";im
     }
     .trailing md-icon { pointer-events: none; font-size: var(--scb-search-icon-size); }
 
-    .clear-btn {
-      background: none;
-      border: 0;
-      padding: 0;
-      cursor: pointer;
-    }
+    .clear-btn { background: none; border: 0; padding: 0; cursor: pointer; }
     .clear-btn[hidden] { display: none; }
 
     input[type="search"] {
@@ -161,11 +181,7 @@ import{b as y,n as d,i as x,E as b,x as h,t as A}from"../../vendor/vendor.js";im
       --md-ripple-hover-opacity: 0;
     }
 
-    input[type="search"]::-webkit-search-cancel-button {
-      -webkit-appearance: none;
-      appearance: none;
-      display: none;
-    }
+    input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; }
 
     input.with-list     { border-radius: var(--scb-search-open-radius) var(--scb-search-open-radius) 0 0; }
     input.with-list ~ md-ripple { border-radius: var(--scb-search-open-radius) var(--scb-search-open-radius) 0 0; }
@@ -180,21 +196,16 @@ import{b as y,n as d,i as x,E as b,x as h,t as A}from"../../vendor/vendor.js";im
       border: var(--stroke-border, 1px) solid var(--md-sys-color-outline);
       border-top: 0;
       border-radius: 0 0 var(--scb-search-open-radius) var(--scb-search-open-radius);
-      overflow: hidden;
+      overflow: auto;
       box-sizing: border-box;
+      max-height: var(--scb-search-suggestions-max-h, 60vh);
     }
 
     :host([full-screen]) input[type="search"],
     :host([full-screen]) input.with-list,
-    :host([full-screen]) input.with-list ~ md-ripple,
-    :host([full-screen]) md-ripple {
-      border-radius: var(--radius-none, 0px) !important;
-    }
+    :host([full-screen]) input.with-list ~ md-ripple { border-radius: var(--radius-none, 0px) !important; }
     :host([full-screen]) scb-list.suggestion-list {
-      position: static;
-      border: 0;
-      border-radius: 0;
-      background: transparent;
+      position: static; border: 0; border-radius: 0; background: transparent;
     }
 
     .list-divider {
@@ -208,4 +219,4 @@ import{b as y,n as d,i as x,E as b,x as h,t as A}from"../../vendor/vendor.js";im
     @media (prefers-color-scheme: dark) {
       :host { color: var(--md-sys-color-on-surface); }
     }
-  `;l([d({type:String,attribute:"trailing-icon"})],o.prototype,"trailingIcon",2);l([d({type:String,attribute:"supporting-text"})],o.prototype,"supportingText",2);l([d({type:String})],o.prototype,"value",2);l([d({type:String,reflect:!0})],o.prototype,"size",2);l([d({type:Boolean,attribute:"full-screen",reflect:!0})],o.prototype,"fullScreen",2);o=l([A("scb-search")],o);
+  `;c([h({type:String,attribute:"trailing-icon"})],a.prototype,"trailingIcon",2);c([h({type:String,attribute:"supporting-text"})],a.prototype,"supportingText",2);c([h({type:String})],a.prototype,"value",2);c([h({type:String,reflect:!0})],a.prototype,"size",2);c([h({type:Boolean,attribute:"full-screen",reflect:!0})],a.prototype,"fullScreen",2);a=c([w("scb-search")],a);

package/mvc/components/scb-snackbar/scb-snackbar.js

@@ -1,15 +1,15 @@
-import{b as p,n as r,i as u,x as a,t as b}from"../../vendor/vendor.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-button/scb-button.js";import"../../vendor/preload-helper.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(e,c,n){try{customElements.get(e)||o(e,c,n)}catch(d){var l=String(d||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var h=Object.defineProperty,m=Object.getOwnPropertyDescriptor,i=(t,o,e,c)=>{for(var n=c>1?void 0:c?m(o,e):o,l=t.length-1,d;l>=0;l--)(d=t[l])&&(n=(c?d(o,e,n):d(n))||n);return c&&n&&h(o,e,n),n};let s=class extends u{constructor(){super(...arguments),this.message="",this.open=!1,this.actionText="",this.showClose=!1,this.fixed=!1,this.fadeout=!1,this.withLongerAction=!1}handleAction(){this.dispatchEvent(new CustomEvent("snackbar-action")),this.open=!1}handleClose(){this.dispatchEvent(new CustomEvent("snackbar-close")),this.open=!1}updated(t){super.updated(t),(t.has("open")||t.has("fadeout"))&&(this.open&&this.fadeout?(window.clearTimeout(this._fadeoutTimer),this._fadeoutTimer=window.setTimeout(()=>{this.open=!1},5e3)):window.clearTimeout(this._fadeoutTimer))}render(){const t=!!this.actionText,o=!!this.showClose;let e="snackbar";return!t&&!o&&(e+=" no-actions"),this.withLongerAction&&(e+=" longer-action"),a`
+import{a as p,n as a,i as u,x as r,t as b}from"../../vendor/vendor.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-button/scb-button.js";import"../../vendor/preload-helper.js";import"../../vendor/vendor-material.js";import"../scb-tooltip/scb-tooltip.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(e,c,i){try{customElements.get(e)||o(e,c,i)}catch(d){var l=String(d||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var m=Object.defineProperty,h=Object.getOwnPropertyDescriptor,n=(t,o,e,c)=>{for(var i=c>1?void 0:c?h(o,e):o,l=t.length-1,d;l>=0;l--)(d=t[l])&&(i=(c?d(o,e,i):d(i))||i);return c&&i&&m(o,e,i),i};let s=class extends u{constructor(){super(...arguments),this.message="",this.open=!1,this.actionText="",this.showClose=!1,this.fixed=!1,this.fadeout=!1,this.withLongerAction=!1}handleAction(){this.dispatchEvent(new CustomEvent("snackbar-action")),this.open=!1}handleClose(){this.dispatchEvent(new CustomEvent("snackbar-close")),this.open=!1}updated(t){super.updated(t),(t.has("open")||t.has("fadeout"))&&(this.open&&this.fadeout?(window.clearTimeout(this._fadeoutTimer),this._fadeoutTimer=window.setTimeout(()=>{this.open=!1},5e3)):window.clearTimeout(this._fadeoutTimer))}render(){const t=!!this.actionText,o=!!this.showClose;let e="snackbar";return!t&&!o&&(e+=" no-actions"),this.withLongerAction&&(e+=" longer-action"),r`
             <div class="${e}" ?hidden=${!this.open}>
-                ${this.withLongerAction?a`
+                ${this.withLongerAction?r`
                     <div class="message">${this.message}</div>
                     <div class="actions">
-                        ${t?a`<scb-button variant="text" label=${this.actionText} @click=${this.handleAction}></scb-button>`:""}
-                        ${o?a`<scb-icon-button icon="close" @click=${this.handleClose} aria-label="Stäng"></scb-icon-button>`:""}
+                        ${t?r`<scb-button variant="text" label=${this.actionText} @click=${this.handleAction}></scb-button>`:""}
+                        ${o?r`<scb-icon-button icon="close" @click=${this.handleClose} aria-label="Stäng"></scb-icon-button>`:""}
                     </div>
-                `:a`
+                `:r`
                     <span class="message">${this.message}</span>
-                    ${t?a`<scb-button variant="text" label=${this.actionText} @click=${this.handleAction}></scb-button>`:""}
-                    ${o?a`<scb-icon-button icon="close" @click=${this.handleClose} aria-label="Stäng"></scb-icon-button>`:""}
+                    ${t?r`<scb-button variant="text" label=${this.actionText} @click=${this.handleAction}></scb-button>`:""}
+                    ${o?r`<scb-icon-button icon="close" @click=${this.handleClose} aria-label="Stäng"></scb-icon-button>`:""}
                 `}
 
             </div>
@@ -80,4 +80,4 @@ import{b as p,n as r,i as u,x as a,t as b}from"../../vendor/vendor.js";import"..
             --md-focus-ring-color: var(--md-sys-color-inverse-on-surface);
         }
 
-	`;i([r({type:String})],s.prototype,"message",2);i([r({type:Boolean,reflect:!0})],s.prototype,"open",2);i([r({type:String,attribute:"action-text"})],s.prototype,"actionText",2);i([r({type:Boolean,attribute:"show-close"})],s.prototype,"showClose",2);i([r({type:Boolean,reflect:!0})],s.prototype,"fixed",2);i([r({type:Boolean})],s.prototype,"fadeout",2);i([r({type:Boolean,attribute:"with-longer-action"})],s.prototype,"withLongerAction",2);s=i([b("scb-snackbar")],s);
+	`;n([a({type:String})],s.prototype,"message",2);n([a({type:Boolean,reflect:!0})],s.prototype,"open",2);n([a({type:String,attribute:"action-text"})],s.prototype,"actionText",2);n([a({type:Boolean,attribute:"show-close"})],s.prototype,"showClose",2);n([a({type:Boolean,reflect:!0})],s.prototype,"fixed",2);n([a({type:Boolean})],s.prototype,"fadeout",2);n([a({type:Boolean,attribute:"with-longer-action"})],s.prototype,"withLongerAction",2);s=n([b("scb-snackbar")],s);

package/mvc/components/scb-status-pill/scb-status-pill.js

@@ -1,4 +1,4 @@
-import{b as u,n as d,i as p,x as a,t as h}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(t,o,s){try{customElements.get(t)||r(t,o,s)}catch(n){var e=String(n||"");if(e.indexOf("already been used")===-1&&e.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var b=Object.defineProperty,m=Object.getOwnPropertyDescriptor,l=(c,r,t,o)=>{for(var s=o>1?void 0:o?m(r,t):r,e=c.length-1,n;e>=0;e--)(n=c[e])&&(s=(o?n(r,t,s):n(s))||s);return o&&s&&b(r,t,s),s};let i=class extends p{constructor(){super(...arguments),this.status="",this.label="",this.showIcon=!1}render(){return a`
+import{a as u,n as d,i as p,x as a,t as h}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(t,o,s){try{customElements.get(t)||r(t,o,s)}catch(n){var e=String(n||"");if(e.indexOf("already been used")===-1&&e.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var b=Object.defineProperty,m=Object.getOwnPropertyDescriptor,l=(c,r,t,o)=>{for(var s=o>1?void 0:o?m(r,t):r,e=c.length-1,n;e>=0;e--)(n=c[e])&&(s=(o?n(r,t,s):n(s))||s);return o&&s&&b(r,t,s),s};let i=class extends p{constructor(){super(...arguments),this.status="",this.label="",this.showIcon=!1}render(){return a`
     ${this.showIcon?this.status==="success"?a`<md-icon>check_circle</md-icon>`:this.status==="warning"?a`<md-icon>warning</md-icon>`:this.status==="error"?a`<md-icon>error</md-icon>`:"":""}
     <span>${this.label}</span>
     `}};i.styles=u`

package/mvc/components/scb-switch/scb-switch.js

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
-import{_ as b}from"../../vendor/preload-helper.js";import{i as _,E as h,x as p,b as v,n as c,t as y}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,r,a){try{customElements.get(s)||e(s,r,a)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var w=Object.defineProperty,g=Object.getOwnPropertyDescriptor,f=t=>{throw TypeError(t)},l=(t,e,s,r)=>{for(var a=r>1?void 0:r?g(e,s):e,n=t.length-1,o;n>=0;n--)(o=t[n])&&(a=(r?o(e,s,a):o(a))||a);return r&&a&&w(e,s,a),a},u=(t,e,s)=>e.has(t)||f("Cannot "+s),m=(t,e,s)=>(u(t,e,"read from private field"),e.get(t)),E=(t,e,s)=>e.has(t)?f("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,s),x=(t,e,s,r)=>(u(t,e,"write to private field"),e.set(t,s),s),d;let i=class extends _{constructor(){super(...arguments),this.label="",this.ariaLabel="",this.icons=!1,this.selected=!1,this.disabled=!1,this.fullWidth=!1,E(this,d,!1)}updated(){this.toggleAttribute("aria-disabled",this.disabled)}async firstUpdated(){m(this,d)||(await b(()=>import("../../vendor/vendor-material.js").then(e=>e._),__vite__mapDeps([0,1]),import.meta.url),x(this,d,!0)),this.shadowRoot?.querySelector("md-switch")?.addEventListener("change",e=>{this.selected=e.target.selected,this.dispatchEvent(new CustomEvent("change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))})}render(){const t=this.label.trim().length>0,e=t?h:this.ariaLabel||h,s=p`
+import{_ as b}from"../../vendor/preload-helper.js";import{i as _,E as h,x as p,a as v,n as c,t as y}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,r,a){try{customElements.get(s)||e(s,r,a)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var w=Object.defineProperty,g=Object.getOwnPropertyDescriptor,f=t=>{throw TypeError(t)},l=(t,e,s,r)=>{for(var a=r>1?void 0:r?g(e,s):e,n=t.length-1,o;n>=0;n--)(o=t[n])&&(a=(r?o(e,s,a):o(a))||a);return r&&a&&w(e,s,a),a},u=(t,e,s)=>e.has(t)||f("Cannot "+s),m=(t,e,s)=>(u(t,e,"read from private field"),e.get(t)),E=(t,e,s)=>e.has(t)?f("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,s),x=(t,e,s,r)=>(u(t,e,"write to private field"),e.set(t,s),s),d;let i=class extends _{constructor(){super(...arguments),this.label="",this.ariaLabel="",this.icons=!1,this.selected=!1,this.disabled=!1,this.fullWidth=!1,E(this,d,!1)}updated(){this.toggleAttribute("aria-disabled",this.disabled)}async firstUpdated(){m(this,d)||(await b(()=>import("../../vendor/vendor-material.js").then(e=>e._),__vite__mapDeps([0,1]),import.meta.url),x(this,d,!0)),this.shadowRoot?.querySelector("md-switch")?.addEventListener("change",e=>{this.selected=e.target.selected,this.dispatchEvent(new CustomEvent("change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))})}render(){const t=this.label.trim().length>0,e=t?h:this.ariaLabel||h,s=p`
       <md-switch
         ?icons=${this.icons}
         ?selected=${this.selected}

package/mvc/components/scb-tabs/scb-primary-tab.js

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
-import{_ as u}from"../../vendor/preload-helper.js";import{b as d}from"../../vendor/vendor-material.js";import{b as _,n as l,t as p}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(n,o,i){try{customElements.get(n)||e(n,o,i)}catch(r){var s=String(r||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var h=Object.defineProperty,f=Object.getOwnPropertyDescriptor,a=(t,e,n,o)=>{for(var i=o>1?void 0:o?f(e,n):e,s=t.length-1,r;s>=0;s--)(r=t[s])&&(i=(o?r(e,n,i):r(i))||i);return o&&i&&h(e,n,i),i};let c=class extends d{constructor(){super(...arguments),this.iconOnly=!1,this.inlineIcon=!1,this._onActivate=()=>{const t=this.textContent?.trim()??"";this.dispatchEvent(new CustomEvent("activate",{detail:{label:t},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}get icon(){return this._icon}set icon(t){const e=this._icon;e!==t&&(this._icon=t,this.requestUpdate("icon",e),this.updateIconSlot())}firstUpdated(t){super.firstUpdated(t),this.addEventListener("click",this._onActivate),this._icon&&this.updateIconSlot()}updated(){if(super.updated(),this.setAttribute("aria-selected",this.active?"true":"false"),this.iconOnly&&!this.hasAttribute("aria-label")){const t=this.textContent?.trim()??"";t&&this.setAttribute("aria-label",t)}}async ensureMdIconLoaded(){const t=globalThis;t.__mdIconLoaded||(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),t.__mdIconLoaded=!0)}async updateIconSlot(){const t=this.querySelector('md-icon[slot="icon"]');if(!this._icon){t?.remove();return}if(await this.ensureMdIconLoaded(),t)t.textContent=this._icon;else{const e=document.createElement("md-icon");e.setAttribute("slot","icon"),e.textContent=this._icon,this.appendChild(e)}}};c.styles=[...d.styles,_`
+import{_ as u}from"../../vendor/preload-helper.js";import{b as d}from"../../vendor/vendor-material.js";import{a as _,n as l,t as p}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(n,o,i){try{customElements.get(n)||e(n,o,i)}catch(r){var s=String(r||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var h=Object.defineProperty,f=Object.getOwnPropertyDescriptor,a=(t,e,n,o)=>{for(var i=o>1?void 0:o?f(e,n):e,s=t.length-1,r;s>=0;s--)(r=t[s])&&(i=(o?r(e,n,i):r(i))||i);return o&&i&&h(e,n,i),i};let c=class extends d{constructor(){super(...arguments),this.iconOnly=!1,this.inlineIcon=!1,this._onActivate=()=>{const t=this.textContent?.trim()??"";this.dispatchEvent(new CustomEvent("activate",{detail:{label:t},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}get icon(){return this._icon}set icon(t){const e=this._icon;e!==t&&(this._icon=t,this.requestUpdate("icon",e),this.updateIconSlot())}firstUpdated(t){super.firstUpdated(t),this.addEventListener("click",this._onActivate),this._icon&&this.updateIconSlot()}updated(){if(super.updated(),this.setAttribute("aria-selected",this.active?"true":"false"),this.iconOnly&&!this.hasAttribute("aria-label")){const t=this.textContent?.trim()??"";t&&this.setAttribute("aria-label",t)}}async ensureMdIconLoaded(){const t=globalThis;t.__mdIconLoaded||(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),t.__mdIconLoaded=!0)}async updateIconSlot(){const t=this.querySelector('md-icon[slot="icon"]');if(!this._icon){t?.remove();return}if(await this.ensureMdIconLoaded(),t)t.textContent=this._icon;else{const e=document.createElement("md-icon");e.setAttribute("slot","icon"),e.textContent=this._icon,this.appendChild(e)}}};c.styles=[...d.styles,_`
       /* Icon-only: dölj textslot */
       :host([icon-only]) slot:not([name='icon']) {
         display: none;

package/mvc/components/scb-tabs/scb-secondary-tab.js

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
-import{_ as u}from"../../vendor/preload-helper.js";import{a as l}from"../../vendor/vendor-material.js";import{b as _,n as d,t as h}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(o,n,i){try{customElements.get(o)||e(o,n,i)}catch(r){var s=String(r||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var p=Object.defineProperty,b=Object.getOwnPropertyDescriptor,a=(t,e,o,n)=>{for(var i=n>1?void 0:n?b(e,o):e,s=t.length-1,r;s>=0;s--)(r=t[s])&&(i=(n?r(e,o,i):r(i))||i);return n&&i&&p(e,o,i),i};let c=class extends l{constructor(){super(...arguments),this.iconOnly=!1,this._onActivate=()=>{const t=this.textContent?.trim()??"";this.dispatchEvent(new CustomEvent("activate",{detail:{label:t},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}get icon(){return this._icon}set icon(t){const e=this._icon;e!==t&&(this._icon=t,this.requestUpdate("icon",e),this.updateIconSlot())}firstUpdated(t){if(super.firstUpdated(t),this.iconOnly&&!this.hasAttribute("aria-label")){const e=this.textContent?.trim()??"";e&&this.setAttribute("aria-label",e)}this.addEventListener("click",this._onActivate),this._icon&&this.updateIconSlot()}updated(){if(super.updated(),this.iconOnly&&!this.hasAttribute("aria-label")){const t=this.textContent?.trim()??"";t&&this.setAttribute("aria-label",t)}}async ensureMdIconLoaded(){const t=globalThis;t.__mdIconLoaded||(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),t.__mdIconLoaded=!0)}async updateIconSlot(){const t=this.querySelector('md-icon[slot="icon"]');if(!this._icon){t?.remove();return}if(await this.ensureMdIconLoaded(),t)t.textContent=this._icon;else{const e=document.createElement("md-icon");e.setAttribute("slot","icon"),e.textContent=this._icon,this.appendChild(e)}}};c.styles=[...l.styles,_`
+import{_ as u}from"../../vendor/preload-helper.js";import{a as l}from"../../vendor/vendor-material.js";import{a as _,n as d,t as h}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(o,n,i){try{customElements.get(o)||e(o,n,i)}catch(r){var s=String(r||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var p=Object.defineProperty,b=Object.getOwnPropertyDescriptor,a=(t,e,o,n)=>{for(var i=n>1?void 0:n?b(e,o):e,s=t.length-1,r;s>=0;s--)(r=t[s])&&(i=(n?r(e,o,i):r(i))||i);return n&&i&&p(e,o,i),i};let c=class extends l{constructor(){super(...arguments),this.iconOnly=!1,this._onActivate=()=>{const t=this.textContent?.trim()??"";this.dispatchEvent(new CustomEvent("activate",{detail:{label:t},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}get icon(){return this._icon}set icon(t){const e=this._icon;e!==t&&(this._icon=t,this.requestUpdate("icon",e),this.updateIconSlot())}firstUpdated(t){if(super.firstUpdated(t),this.iconOnly&&!this.hasAttribute("aria-label")){const e=this.textContent?.trim()??"";e&&this.setAttribute("aria-label",e)}this.addEventListener("click",this._onActivate),this._icon&&this.updateIconSlot()}updated(){if(super.updated(),this.iconOnly&&!this.hasAttribute("aria-label")){const t=this.textContent?.trim()??"";t&&this.setAttribute("aria-label",t)}}async ensureMdIconLoaded(){const t=globalThis;t.__mdIconLoaded||(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),t.__mdIconLoaded=!0)}async updateIconSlot(){const t=this.querySelector('md-icon[slot="icon"]');if(!this._icon){t?.remove();return}if(await this.ensureMdIconLoaded(),t)t.textContent=this._icon;else{const e=document.createElement("md-icon");e.setAttribute("slot","icon"),e.textContent=this._icon,this.appendChild(e)}}};c.styles=[...l.styles,_`
       /* Icon-only: göm all text utom slot="icon" */
       :host([icon-only]) slot:not([name='icon']) {
         display: none;