scb-wc-test 0.1.11 → 0.1.13

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

@@ -1,69 +1,95 @@
-import{b as p,n as o,i as g,x as c,t as y}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 r=customElements.define.bind(customElements);customElements.define=function(t,i,s){try{customElements.get(t)||r(t,i,s)}catch(d){var l=String(d||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var u=Object.defineProperty,f=Object.getOwnPropertyDescriptor,n=(e,r,t,i)=>{for(var s=i>1?void 0:i?f(r,t):r,l=e.length-1,d;l>=0;l--)(d=e[l])&&(s=(i?d(r,t,s):d(s))||s);return i&&s&&u(r,t,s),s};let a=class extends g{constructor(){super(...arguments),this.keyfigure=0,this.subLabel="",this.supportingText="",this.cardHref="",this.icon="",this.size="standard"}render(){const e=this.cardHref?"clickable":"",t=(i=>typeof i=="number"?i.toLocaleString("sv-SE").replace(/\u00A0/g," "):i)(this.keyfigure);return c`
-        <div class="scb-keyfigure-card ${e} ${this.size}">
-                ${this.cardHref?c`<md-ripple></md-ripple>`:""}
-                ${this.icon?c`<md-icon>${this.icon}</md-icon>`:""}
-                ${this.keyfigure?c`
-                    <div class="keyfigure">
-                    ${t}
-                    ${this.cardHref?c`<md-icon>arrow_forward</md-icon>`:t}
-                    </div>`:""}
-                ${this.subLabel?c`
-                    <div class="sub-label">
-                        ${this.cardHref?c`<a href="${this.subLabel}" tabindex="0">${this.subLabel}</a>`:this.subLabel}
-                    </div>`:""}
-                ${this.supportingText?c`<div class="supporting-text">${this.supportingText}</div>`:""}
-        </div>
-        `}firstUpdated(){if(this.cardHref){const e=this.renderRoot.querySelector(".scb-keyfigure-card");e&&e.addEventListener("click",r=>{r.target.closest("a")||(window.location.href=this.cardHref)})}}};a.styles=p`
-    :host{ --scb-card-min-w:  360px; }
+import{a as u,n as s,i as p,x as l,t as g}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(n,o,a){try{customElements.get(n)||t(n,o,a)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var h=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(e,t,n,o)=>{for(var a=o>1?void 0:o?f(t,n):t,c=e.length-1,d;c>=0;c--)(d=e[c])&&(a=(o?d(t,n,a):d(a))||a);return o&&a&&h(t,n,a),a};let i=class extends p{constructor(){super(...arguments),this.keyfigure=0,this.subLabel="",this.supportingText="",this.cardHref="",this.icon="",this.size="standard",this.unit="",this.fullHeight=!1,this.fullWidth=!1,this.stretch=!1}formatNumber(e){if(typeof e=="number")return e.toLocaleString("sv-SE").replace(/\u00A0/g," ");const t=Number(e);return Number.isNaN(t)?String(e):t.toLocaleString("sv-SE").replace(/\u00A0/g," ")}render(){const e=!!this.cardHref,t=this.formatNumber(this.keyfigure);return l`
+      <div
+        class="scb-keyfigure-card ${e?"clickable":""} ${this.size}"
+        role=${e?"link":"group"}
+        tabindex=${e?"0":"-1"}
+        aria-label=${this.subLabel||""}
+      >
+        ${e?l`<md-ripple></md-ripple>`:""}
+        ${this.icon?l`<md-icon>${this.icon}</md-icon>`:""}
+
+        ${this.keyfigure!==void 0&&this.keyfigure!==null&&this.keyfigure!==""?l`
+          <div class="keyfigure">
+            <span class="value">
+              ${t}${this.unit?l`<span class="unit">${this.unit}</span>`:""}
+            </span>
+            ${e?l`<md-icon>arrow_forward</md-icon>`:""}
+          </div>
+        `:""}
+
+        ${this.subLabel?l`
+          <div class="sub-label">
+            ${e?l`<a href="${this.cardHref}" tabindex="-1">${this.subLabel}</a>`:this.subLabel}
+          </div>
+        `:""}
+
+        ${this.supportingText?l`<div class="supporting-text">${this.supportingText}</div>`:""}
+      </div>
+    `}firstUpdated(){if(this.cardHref){const e=this.renderRoot.querySelector(".scb-keyfigure-card");e&&(e.addEventListener("click",t=>{t.target.closest("a")||(window.location.href=this.cardHref)}),e.addEventListener("keydown",t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),window.location.href=this.cardHref)}))}}};i.styles=u`
+    :host { --scb-keyfigure-card-max-w: var(--scb-card-max-w, 360px); }
+
     :host {
-        max-width: var(--scb-card-min-w);
-        width: fit-content;;
-        display: block;
+      display: block;
+      box-sizing: border-box;
+      inline-size: 100%;
+      min-inline-size: 0;
+      max-inline-size: var(--scb-keyfigure-card-max-w);
     }
-    .scb-keyfigure-card {
-        color: var(--md-sys-color-on-surface);
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing-3);
-        width: fit-content;
-        max-width: var(--scb-card-min-w);
-        position: relative;
-        border-radius: var(--md-sys-shape-corner-large);
-        background: var(--md-sys-color-surface-dim);
-        padding: var(--spacing-7) var(--spacing-6);
+    :host([full-width]) { max-inline-size: none; }
+    :host([stretch]), :host([full-height]) { block-size: 100%; }
+
+    :host([stretch]) .scb-keyfigure-card,
+    :host([full-height]) .scb-keyfigure-card {
+      block-size: 100%;
     }
-    .keyfigure{
-        letter-spacing: var(--md-sys-typescale-headline-small-Tracking);
-        gap: var(--spacing-3);
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        font-size: var(--md-sys-typescale-headline-large-size);
-        font-weight: var(--weight-bold);
-        line-height: var(--md-sys-typescale-headline-large-line-height);
-        letter-spacing: var(--md-sys-typescale-headline-large-tracking);
+
+    .scb-keyfigure-card {
+      color: var(--md-sys-color-on-surface);
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-3);
+      position: relative;
+      border-radius: var(--md-sys-shape-corner-large);
+      background: var(--md-sys-color-surface-dim);
+      padding: var(--spacing-7);
+      box-sizing: border-box;
+      inline-size: 100%;
+      max-inline-size: 100%;
+      overflow: hidden;
     }
-    .sub-label a {
-        color: inherit;
-        text-decoration: none;
+
+    .keyfigure {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      gap: var(--spacing-3);
+      font-size: var(--md-sys-typescale-headline-large-size);
+      font-weight: var(--weight-bold);
+      line-height: var(--md-sys-typescale-headline-large-line-height);
+      letter-spacing: var(--md-sys-typescale-headline-large-tracking);
     }
+    .keyfigure .value { white-space: nowrap; }
+    .keyfigure .unit { margin-inline-start: .25em; }
+
     .sub-label {
-        font-size: var(--md-sys-typescale-title-medium-size);
-        font-weight: var(--weight-semibold);
-        line-height: var(--md-sys-typescale-title-medium-line-height);
-        letter-spacing: var(--md-sys-typescale-title-medium-tracking);
+      font-size: var(--md-sys-typescale-title-medium-size);
+      font-weight: var(--weight-semibold);
+      line-height: var(--md-sys-typescale-title-medium-line-height);
+      letter-spacing: var(--md-sys-typescale-title-medium-tracking);
     }
+    .sub-label a { color: inherit; text-decoration: none; }
+
     .supporting-text {
-        font-size: var(--md-sys-typescale-body-large-size);
-        line-height: var(--md-sys-typescale-body-large-line-height);
-        letter-spacing: var(--md-sys-typescale-body-large-tracking);
-    }
-    .scb-keyfigure-card.clickable {
-        cursor: pointer;
+      font-size: var(--md-sys-typescale-body-large-size);
+      line-height: var(--md-sys-typescale-body-large-line-height);
+      letter-spacing: var(--md-sys-typescale-body-large-tracking);
     }
+
+    .scb-keyfigure-card.clickable { cursor: pointer; }
+
     .scb-keyfigure-card.large .keyfigure {
-        font-size: var(--md-sys-typescale-display-medium-size);
-        line-height: var(--md-sys-typescale-display-medium-line-height);
-        letter-spacing: var(--md-sys-typescale-display-medium-tracking);
+      font-size: var(--md-sys-typescale-display-medium-size);
+      line-height: var(--md-sys-typescale-display-medium-line-height);
+      letter-spacing: var(--md-sys-typescale-display-medium-tracking);
     }
-  `;n([o({type:Number})],a.prototype,"keyfigure",2);n([o({type:String,attribute:"sub-label"})],a.prototype,"subLabel",2);n([o({type:String,attribute:"supporting-text"})],a.prototype,"supportingText",2);n([o({type:String,attribute:"card-href"})],a.prototype,"cardHref",2);n([o({type:String})],a.prototype,"icon",2);n([o({type:String})],a.prototype,"size",2);a=n([y("scb-keyfigure-card")],a);
+  `;r([s({attribute:"keyfigure"})],i.prototype,"keyfigure",2);r([s({type:String,attribute:"sub-label"})],i.prototype,"subLabel",2);r([s({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",2);r([s({type:String,attribute:"card-href"})],i.prototype,"cardHref",2);r([s({type:String})],i.prototype,"icon",2);r([s({type:String})],i.prototype,"size",2);r([s({type:String})],i.prototype,"unit",2);r([s({type:Boolean,reflect:!0,attribute:"full-height"})],i.prototype,"fullHeight",2);r([s({type:Boolean,reflect:!0,attribute:"full-width"})],i.prototype,"fullWidth",2);r([s({type:Boolean,reflect:!0})],i.prototype,"stretch",2);i=r([g("scb-keyfigure-card")],i);

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

@@ -1,31 +1,54 @@
-import{b as u,n as c,i as h,g as d,x as v,t as _}from"../../vendor/vendor.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,i,o){try{customElements.get(r)||t(r,i,o)}catch(n){var s=String(n||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var y=Object.defineProperty,b=Object.getOwnPropertyDescriptor,f=e=>{throw TypeError(e)},l=(e,t,r,i)=>{for(var o=i>1?void 0:i?b(t,r):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(o=(i?n(t,r,o):n(o))||o);return i&&o&&y(t,r,o),o},g=(e,t,r)=>t.has(e)||f("Cannot "+r),x=(e,t,r)=>(g(e,t,"read from private field"),r?r.call(e):t.get(e)),m=(e,t,r)=>t.has(e)?f("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),p;let a=class extends h{constructor(){super(...arguments),this.href="",this.disabled=!1,m(this,p,e=>{this.disabled&&(e.preventDefault(),e.stopPropagation())})}render(){const e=this.target==="_blank"&&!this.rel?"noopener noreferrer":this.rel;return v`
+import{a as u,n as d,i as h,f as c,x as v,t as _}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,s,o){try{customElements.get(r)||t(r,s,o)}catch(l){var n=String(l||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var y=Object.defineProperty,b=Object.getOwnPropertyDescriptor,f=e=>{throw TypeError(e)},i=(e,t,r,s)=>{for(var o=s>1?void 0:s?b(t,r):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(o=(s?l(t,r,o):l(o))||o);return s&&o&&y(t,r,o),o},g=(e,t,r)=>t.has(e)||f("Cannot "+r),m=(e,t,r)=>(g(e,t,"read from private field"),r?r.call(e):t.get(e)),x=(e,t,r)=>t.has(e)?f("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),p;let a=class extends h{constructor(){super(...arguments),this.href="",this.disabled=!1,this.ariaLabel="",x(this,p,e=>{this.disabled&&(e.preventDefault(),e.stopPropagation())})}render(){const e=this.target==="_blank"&&!this.rel?"noopener noreferrer":this.rel;return v`
       <a
         part="anchor"
-        href=${d(this.disabled?void 0:this.href||void 0)}
-        target=${d(this.target)}
-        rel=${d(e)}
-        download=${d(this.download)}
+        href=${c(this.disabled?void 0:this.href||void 0)}
+        target=${c(this.target)}
+        rel=${c(e)}
+        download=${c(this.download)}
         aria-disabled=${this.disabled?"true":"false"}
-        aria-label=${d(this.ariaLabel??void 0)}
-        @click=${x(this,p)}
+        aria-label=${c(this.ariaLabel||void 0)}
+        @click=${m(this,p)}
       ><slot></slot></a>
+
+      <md-focus-ring></md-focus-ring>
     `}};p=new WeakMap;a.styles=u`
-    :host { display:inline }
+    :host {
+      display: inline-block; 
+      position: relative;  
+       padding: var(--scb-link-focus-ring-gap, 4px);
+      font-family: var(--brand-font, inherit);
+      color: var(--md-sys-color-on-surface);
+    }
+
+    md-focus-ring {
+      position: absolute;
+      inset: 0;
+      pointer-events: none;
+      display: none;
+      border-radius: var(--scb-link-focus-ring-radius, var(--md-sys-shape-corner-small, 1px));
+    }
+    :host(:focus-within) md-focus-ring {
+      display: block;
+    }
+
     a {
       text-decoration: underline;
       text-underline-offset: .22em;
       text-decoration-thickness: 1px;
       color: var(--scb-link-color, var(--md-sys-color-primary));
-      border-radius: 2px;
-      outline: none;
+      border-radius: var(--radius-2, 2px); 
+      outline: none;                
       cursor: pointer;
       transition: text-decoration-thickness .12s ease;
     }
     a:hover { text-decoration-thickness: 2px; }
-    a:focus-visible {
-      outline: 2px solid var(--scb-link-focus, var(--md-sys-color-primary));
-      outline-offset: 3px;
-    }
+    a:focus { outline: none; }
     a:visited { color: var(--scb-link-visited-color, var(--md-sys-color-on-surface)); }
-    :host([disabled]) a { pointer-events: none; opacity:.64; text-decoration:none; cursor: default; }
-  `;l([c({type:String,reflect:!0})],a.prototype,"href",2);l([c({type:String,reflect:!0})],a.prototype,"target",2);l([c({type:String,reflect:!0})],a.prototype,"rel",2);l([c({type:String,reflect:!0})],a.prototype,"download",2);l([c({type:Boolean,reflect:!0})],a.prototype,"disabled",2);a=l([_("scb-link")],a);
+
+    :host([disabled]) a {
+      pointer-events: none;
+      opacity: .64;
+      text-decoration: none;
+      cursor: default;
+    }
+  `;i([d({type:String,reflect:!0})],a.prototype,"href",2);i([d({type:String,reflect:!0})],a.prototype,"target",2);i([d({type:String,reflect:!0})],a.prototype,"rel",2);i([d({type:String,reflect:!0})],a.prototype,"download",2);i([d({type:Boolean,reflect:!0})],a.prototype,"disabled",2);i([d({type:String,attribute:"aria-label"})],a.prototype,"ariaLabel",2);a=i([_("scb-link")],a);

package/mvc/components/scb-list/scb-list-item.js

@@ -1,38 +1,116 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js","../scb-checkbox/scb-checkbox.js","../scb-switch/scb-switch.js","../../vendor/preload-helper.js"])))=>i.map(i=>d[i]);
-import{_ as g}from"../../vendor/preload-helper.js";import{n as s,t as I,i as V,b as $,x as c,E 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 i=customElements.define.bind(customElements);customElements.define=function(e,n,l){try{customElements.get(e)||i(e,n,l)}catch(p){var o=String(p||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var E=Object.defineProperty,L=Object.getOwnPropertyDescriptor,S=t=>{throw TypeError(t)},r=(t,i,e,n)=>{for(var l=n>1?void 0:n?L(i,e):i,o=t.length-1,p;o>=0;o--)(p=t[o])&&(l=(n?p(i,e,l):p(l))||l);return n&&l&&E(i,e,l),l},x=(t,i,e)=>i.has(t)||S("Cannot "+e),f=(t,i,e)=>(x(t,i,"read from private field"),i.get(t)),d=(t,i,e)=>i.has(t)?S("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(t):i.set(t,e),v=(t,i,e,n)=>(x(t,i,"write to private field"),i.set(t,e),e),k=(t,i,e)=>(x(t,i,"access private method"),e),u,_,y,b,m,w;let a=class extends V{constructor(){super(...arguments),d(this,m),this.type="text",this.href="",this.itemHref="",this.target="",this.disabled=!1,this.label="",this.supportingText="",this.overline="",this.leading=!1,this.leadingIcon="",this.imgHrefAvatar="https://www.scb.se/img/scb-logo.svg",this.imgHrefImage="https://www.scb.se/img/scb-logo.svg",this.leadingVariant="image",this.trailing=!1,this.trailingIcon="",this.trailingVariant="icon",d(this,u,!1),d(this,_,!1),d(this,y,!1),d(this,b,!1)}static get styles(){return $`
-      :host { border-bottom: 1px solid var(--md-sys-color-outline-variant); }
-      .scb-list-item { display: flex; }
-      .leading-content { margin-right: 16px; align-self: center; }
-      .trailing-content { margin-left: auto; align-self: center; }
-      .trailing-content scb-checkbox { margin-right: 11px; }
-      .label { line-height: 27px; }
-      .overline { font-size: 14px; color: var(--md-sys-color-on-surface-variant); line-height: 21px; }
-      .supporting-text { font-size: 16px; color: var(--md-sys-color-on-surface-variant); line-height: 24px; }
-
-      .leading-content:has(.avatar) {
-        width: 40px; height: 40px;
-        background: var(--md-sys-color-primary-container);
-        border-radius: 50%;
-        align-content: center; justify-items: center;
-      }
-      .avatar { width: 24px; height: 24px; position: relative; display: flex; }
-      .img { width: 56px; height: 56px; }
-    `}async firstUpdated(){await k(this,m,w).call(this)}updated(t){super.updated(t),(t.has("leading")||t.has("leadingVariant")||t.has("trailing")||t.has("trailingVariant")||t.has("type")||t.has("target"))&&k(this,m,w).call(this)}onListClick(){if(this.type==="link"&&(this.href||this.itemHref))return;const t=this.shadowRoot?.querySelector("scb-checkbox"),i=this.shadowRoot?.querySelector("scb-switch");t&&(t.checked=!t.checked),i&&(i.selected=!i.selected)}render(){const t=this.leadingVariant==="icon"?c`<div class="leading-content"><md-icon>${this.leadingIcon}</md-icon></div>`:this.leadingVariant==="avatar"?c`<div class="leading-content"><img class="avatar" src="${this.imgHrefAvatar}" /></div>`:this.leadingVariant==="image"?c`<div class="leading-content"><img class="img" src="${this.imgHrefImage}" /></div>`:h,i=this.href||this.itemHref||"",e=this.target==="_blank"?"open_in_new":"chevron_right";let n=h;if(this.trailing)if(this.trailingVariant==="icon"){const o=this.trailingIcon||(this.type==="link"?e:"");n=o?c`<div class="trailing-content"><md-icon>${o}</md-icon></div>`:h}else this.trailingVariant==="checkbox"?n=c`<div class="trailing-content"><scb-checkbox @click=${o=>o.stopPropagation()}></scb-checkbox></div>`:this.trailingVariant==="switch"&&(n=c`<div class="trailing-content"><scb-switch @click=${o=>o.stopPropagation()}></scb-switch></div>`);else this.type==="link"&&(n=c`<div class="trailing-content"><md-icon>${e}</md-icon></div>`);const l=this.type==="link"&&this.target==="_blank"?"noopener noreferrer":h;return c`
-      <md-list-item
-        type=${this.type}
-        href=${this.type==="link"&&i?i:h}
-        target=${this.type==="link"&&this.target?this.target:h}
-        rel=${l}
-        ?disabled=${this.disabled}
-      >
-        <div class="scb-list-item" @click=${this.onListClick}>
-            ${this.leading?t:h}
-          <div>
-            <div class="overline">${this.overline}</div>
-            <div class="label">${this.label}</div>
-            <div class="supporting-text">${this.supportingText}</div>
-          </div>
-            ${n}
-        </div>
-      </md-list-item>
-    `}};u=new WeakMap;_=new WeakMap;y=new WeakMap;b=new WeakMap;m=new WeakSet;w=async function(){f(this,u)||(await g(()=>import("../../vendor/vendor-material.js").then(e=>e.l),__vite__mapDeps([0,1]),import.meta.url),v(this,u,!0));const t=this.type==="link"&&(!this.trailing||this.trailingVariant==="icon");(this.leading&&this.leadingVariant==="icon"||this.trailing&&this.trailingVariant==="icon"||t)&&!f(this,_)&&(await g(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),v(this,_,!0)),this.trailing&&this.trailingVariant==="checkbox"&&!f(this,y)&&(await g(()=>import("../scb-checkbox/scb-checkbox.js"),__vite__mapDeps([2,1,0]),import.meta.url),v(this,y,!0)),this.trailing&&this.trailingVariant==="switch"&&!f(this,b)&&(await g(()=>import("../scb-switch/scb-switch.js"),__vite__mapDeps([3,4,1]),import.meta.url),v(this,b,!0))};r([s({type:String,reflect:!0,attribute:"type"})],a.prototype,"type",2);r([s({type:String})],a.prototype,"href",2);r([s({type:String,attribute:"item-href"})],a.prototype,"itemHref",2);r([s({type:String,attribute:"target"})],a.prototype,"target",2);r([s({type:Boolean,attribute:"disabled"})],a.prototype,"disabled",2);r([s({type:String,reflect:!0})],a.prototype,"label",2);r([s({type:String,attribute:"supporting-text"})],a.prototype,"supportingText",2);r([s({type:String,attribute:"overline"})],a.prototype,"overline",2);r([s({type:Boolean})],a.prototype,"leading",2);r([s({type:String,attribute:"leading-icon"})],a.prototype,"leadingIcon",2);r([s({type:String,reflect:!0,attribute:"img-href-avatar"})],a.prototype,"imgHrefAvatar",2);r([s({type:String,reflect:!0,attribute:"img-href-image"})],a.prototype,"imgHrefImage",2);r([s({type:String,reflect:!0,attribute:"leading-variant"})],a.prototype,"leadingVariant",2);r([s({type:Boolean})],a.prototype,"trailing",2);r([s({type:String,attribute:"trailing-icon"})],a.prototype,"trailingIcon",2);r([s({type:String,reflect:!0,attribute:"trailing-variant"})],a.prototype,"trailingVariant",2);a=r([I("scb-list-item")],a);
+import{_ as m}from"../../vendor/preload-helper.js";import{n as s,t as $,i as V,a as I,E as d,x as l}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(e,n,c){try{customElements.get(e)||i(e,n,c)}catch(o){var p=String(o||"");if(p.indexOf("already been used")===-1&&p.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var E=Object.defineProperty,L=Object.getOwnPropertyDescriptor,S=t=>{throw TypeError(t)},r=(t,i,e,n)=>{for(var c=n>1?void 0:n?L(i,e):i,p=t.length-1,o;p>=0;p--)(o=t[p])&&(c=(n?o(i,e,c):o(c))||c);return n&&c&&E(i,e,c),c},k=(t,i,e)=>i.has(t)||S("Cannot "+e),g=(t,i,e)=>(k(t,i,"read from private field"),e?e.call(t):i.get(t)),h=(t,i,e)=>i.has(t)?S("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(t):i.set(t,e),b=(t,i,e,n)=>(k(t,i,"write to private field"),i.set(t,e),e),x=(t,i,e)=>(k(t,i,"access private method"),e),u,y,f,v,_,w;let a=class extends V{constructor(){super(...arguments),h(this,v),this.type="text",this.href="",this.itemHref="",this.target="",this.disabled=!1,this.label="",this.supportingText="",this.overline="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.imgHrefImage="",this.trailing=!1,this.trailingVariant="",this.trailingIcon="",this.density=0,h(this,u,!1),h(this,y,!1),h(this,f,!1),this.onRowClick=()=>{if(this.type==="link"&&(this.href||this.itemHref))return;const t=this.shadowRoot?.querySelector("scb-checkbox"),i=this.shadowRoot?.querySelector("scb-switch");t&&(t.checked=!t.checked),i&&(i.selected=!i.selected)},h(this,w,t=>{if(!t.defaultPrevented&&(t.key==="Enter"||t.key===" ")){if(this.type==="link"){const i=this.shadowRoot?.querySelector("a[href]");if(i){t.preventDefault(),i.click();return}}t.preventDefault(),this.onRowClick()}})}static get styles(){return I`
+      :host {
+        border-bottom: var(--stroke-border, 1px) solid var(--md-sys-color-outline-variant);
+        margin-bottom: calc(var(--stroke-border, 1px) * -1);
+        outline: none;
+        position: relative;
+        color: var(--md-sys-color-on-surface);
+        font-family: var(--brand-font);
+      }
+
+      md-focus-ring {
+        position: absolute;
+        inset: 0;
+        pointer-events: none;
+        display: none;
+        border-radius: var(--scb-list-item-focus-ring-radius, var(--md-sys-shape-corner-small, 8px));
+      }
+      :host(:focus-visible) md-focus-ring { display: block; }
+
+      .row {
+        display: flex;
+        align-items: center;
+        gap: var(--spacing-5, 16px);
+        padding-block: var(--spacing-7, 24px);
+        padding-inline: var(--spacing-5, 16px);
+        border-radius: var(--radius-none, 0px);
+        -webkit-tap-highlight-color: transparent;
+        position: relative;
+        overflow: hidden;
+        cursor: default;
+      }
+      :host([type="link"]) .row { cursor: pointer; }
+
+      :host([density="-2"]) .row,
+      :host-context([data-density="-2"]) .row {
+        padding-block: var(--spacing-5, 16px);
+      }
+      :host([density="-4"]) .row,
+      :host-context([data-density="-4"]) .row {
+        padding-block: var(--spacing-4, 12px);
+      }
+
+      md-ripple {
+        border-radius: inherit;
+        inset: 0;
+        position: absolute;
+        pointer-events: none;
+      }
+
+      .leading { align-self: center; display: grid; place-items: center; }
+      .img {
+        width: calc(var(--icon-size-large, 40px) + var(--spacing-5, 16px));
+        height: calc(var(--icon-size-large, 40px) + var(--spacing-5, 16px));
+        object-fit: contain;
+        border-radius: var(--radius-s, 8px);
+      }
+
+      .texts { display: grid; gap: var(--spacing-1, 2px); min-inline-size: 0; }
+
+      .overline {
+        font-family: var(--brand-font);
+        font-size: var(--md-sys-typescale-label-medium-size);
+        line-height: var(--md-sys-typescale-label-medium-line-height);
+        font-weight: var(--weight-regular);
+        letter-spacing: var(--md-sys-typescale-label-medium-tracking);
+        color: var(--md-sys-color-on-surface-variant);
+      }
+      .label {
+        font-family: var(--brand-font);
+        font-size: var(--md-sys-typescale-title-large-size);
+        line-height: var(--md-sys-typescale-title-large-line-height);
+        font-weight: var(--weight-semibold);
+        letter-spacing: var(--md-sys-typescale-title-large-tracking);
+        color: var(--md-sys-color-on-surface);
+      }
+      .supporting-text {
+        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);
+        letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+        color: var(--md-sys-color-on-surface-variant);
+      }
+
+      .trailing { margin-left: auto; align-self: center; }
+      .trailing scb-checkbox { margin-right: 11px; }
+
+      .link { text-decoration: none; color: inherit; display: contents; }
+    `}async firstUpdated(){await x(this,v,_).call(this),this.addEventListener("keydown",g(this,w))}updated(t){super.updated(t),(t.has("leading")||t.has("leadingVariant")||t.has("trailing")||t.has("trailingVariant")||t.has("type")||t.has("target"))&&x(this,v,_).call(this)}render(){const t=this.leading?(()=>{switch(this.leadingVariant){case"icon":return this.leadingIcon?l`<div class="leading"><md-icon>${this.leadingIcon}</md-icon></div>`:d;case"avatar":return l`
+            <div class="leading">
+              <scb-avatar
+                label=${this.avatarLabel}
+                alt=${this.avatarAlt}
+                src=${this.avatarVariant==="image"?this.avatarSrc:""}
+                size="medium"
+                shape="circular"
+                variant=${this.avatarVariant}
+              ></scb-avatar>
+            </div>
+          `;case"image":return this.imgHrefImage?l`<div class="leading"><img class="img" src="${this.imgHrefImage}" alt="" /></div>`:d;default:return d}})():d,i=this.href||this.itemHref||"",e=this.target==="_blank"?"open_in_new":"chevron_right";let n=d;if(this.trailing)if(this.trailingVariant==="icon"){const o=this.trailingIcon||(this.type==="link"?e:"");n=o?l`<div class="trailing"><md-icon>${o}</md-icon></div>`:d}else this.trailingVariant==="checkbox"?n=l`<div class="trailing"><scb-checkbox @click=${o=>o.stopPropagation()}></scb-checkbox></div>`:this.trailingVariant==="switch"&&(n=l`<div class="trailing"><scb-switch @click=${o=>o.stopPropagation()}></scb-switch></div>`);else this.type==="link"&&(n=l`<div class="trailing"><md-icon>${e}</md-icon></div>`);const c=this.type==="link"&&this.target==="_blank"?"noopener noreferrer":d,p=l`
+      ${t}
+      <div class="texts">
+        ${this.overline?l`<div class="overline">${this.overline}</div>`:d}
+        <div class="label">${this.label}</div>
+        ${this.supportingText?l`<div class="supporting-text">${this.supportingText}</div>`:d}
+      </div>
+      ${n}
+    `;return l`
+      <div class="row" @click=${this.onRowClick} ?inert=${this.disabled} aria-disabled=${this.disabled?"true":"false"}>
+        ${this.type==="link"&&i?l`<a class="link" href=${i} target=${this.target||d} rel=${c}>${p}</a>`:p}
+        ${this.type==="link"?l`<md-ripple></md-ripple>`:d}
+      </div>
+
+      <md-focus-ring></md-focus-ring>
+    `}};u=new WeakMap;y=new WeakMap;f=new WeakMap;v=new WeakSet;_=async function(){const t=this.type==="link"&&(!this.trailing||this.trailingVariant==="icon");(this.leading&&this.leadingVariant==="icon"||this.trailing&&this.trailingVariant==="icon"||t)&&!g(this,u)&&(await m(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),b(this,u,!0)),this.trailing&&this.trailingVariant==="checkbox"&&!g(this,y)&&(await m(()=>import("../scb-checkbox/scb-checkbox.js"),__vite__mapDeps([2,1,0]),import.meta.url),b(this,y,!0)),this.trailing&&this.trailingVariant==="switch"&&!g(this,f)&&(await m(()=>import("../scb-switch/scb-switch.js"),__vite__mapDeps([3,4,1]),import.meta.url),b(this,f,!0))};w=new WeakMap;r([s({type:String,reflect:!0,attribute:"type"})],a.prototype,"type",2);r([s({type:String})],a.prototype,"href",2);r([s({type:String,attribute:"item-href"})],a.prototype,"itemHref",2);r([s({type:String,attribute:"target"})],a.prototype,"target",2);r([s({type:Boolean,attribute:"disabled"})],a.prototype,"disabled",2);r([s({type:String,reflect:!0})],a.prototype,"label",2);r([s({type:String,attribute:"supporting-text"})],a.prototype,"supportingText",2);r([s({type:String,attribute:"overline"})],a.prototype,"overline",2);r([s({type:Boolean})],a.prototype,"leading",2);r([s({type:String,attribute:"leading-variant",reflect:!0})],a.prototype,"leadingVariant",2);r([s({type:String,attribute:"leading-icon"})],a.prototype,"leadingIcon",2);r([s({type:String,attribute:"avatar-label"})],a.prototype,"avatarLabel",2);r([s({type:String,attribute:"avatar-alt"})],a.prototype,"avatarAlt",2);r([s({type:String,attribute:"avatar-variant"})],a.prototype,"avatarVariant",2);r([s({type:String,attribute:"avatar-src"})],a.prototype,"avatarSrc",2);r([s({type:String,reflect:!0,attribute:"img-href-image"})],a.prototype,"imgHrefImage",2);r([s({type:Boolean})],a.prototype,"trailing",2);r([s({type:String,attribute:"trailing-variant",reflect:!0})],a.prototype,"trailingVariant",2);r([s({type:String,attribute:"trailing-icon"})],a.prototype,"trailingIcon",2);r([s({type:Number,reflect:!0})],a.prototype,"density",2);a=r([$("scb-list-item")],a);

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

@@ -1,10 +1,19 @@
 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 c}from"../../vendor/preload-helper.js";import{b as p,i as f,x as v,t as u}from"../../vendor/vendor.js";import"./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(r,i,s){try{customElements.get(r)||e(r,i,s)}catch(o){var a=String(o||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var h=Object.getOwnPropertyDescriptor,_=t=>{throw TypeError(t)},m=(t,e,r,i)=>{for(var s=i>1?void 0:i?h(e,r):e,a=t.length-1,o;a>=0;a--)(o=t[a])&&(s=o(s)||s);return s},l=(t,e,r)=>e.has(t)||_("Cannot "+r),y=(t,e,r)=>(l(t,e,"read from private field"),e.get(t)),g=(t,e,r)=>e.has(t)?_("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),w=(t,e,r,i)=>(l(t,e,"write to private field"),e.set(t,r),r),n;let d=class extends f{constructor(){super(...arguments),g(this,n,!1)}async firstUpdated(){y(this,n)||(await c(()=>import("../../vendor/vendor-material.js").then(t=>t.e),__vite__mapDeps([0,1]),import.meta.url),w(this,n,!0))}render(){return v`
-      <md-list role="list">
+import{_ as f}from"../../vendor/preload-helper.js";import{a as h,b as p,i as m,x as v,t as b}from"../../vendor/vendor.js";import"./scb-list-item.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(s,r,i){try{customElements.get(s)||t(s,r,i)}catch(a){var o=String(a||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var g=Object.defineProperty,w=Object.getOwnPropertyDescriptor,d=e=>{throw TypeError(e)},c=(e,t,s,r)=>{for(var i=r>1?void 0:r?w(t,s):t,o=e.length-1,a;o>=0;o--)(a=e[o])&&(i=(r?a(t,s,i):a(i))||i);return r&&i&&g(t,s,i),i},_=(e,t,s)=>t.has(e)||d("Cannot "+s),y=(e,t,s)=>(_(e,t,"read from private field"),t.get(e)),E=(e,t,s)=>t.has(e)?d("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),A=(e,t,s,r)=>(_(e,t,"write to private field"),t.set(e,s),s),n;let l=class extends m{constructor(){super(...arguments),E(this,n,!1),this._onSlotChange=()=>this._setupItems()}async firstUpdated(){y(this,n)||(await f(()=>import("../../vendor/vendor-material.js").then(e=>e.l),__vite__mapDeps([0,1]),import.meta.url),A(this,n,!0)),this._setupItems()}_getItems(){return(this._slotEl?.assignedElements({flatten:!0})??[]).filter(t=>t instanceof HTMLElement)}_setupItems(){this._getItems().forEach((s,r)=>{s.hasAttribute("role")||s.setAttribute("role","listitem"),s.setAttribute("tabindex",r===0?"0":"-1")});const t=this.renderRoot?.querySelector("md-list");t&&!t.hasAttribute("data-kbd")&&(t.setAttribute("data-kbd","true"),t.addEventListener("keydown",s=>this._onKeyDown(s)))}_onKeyDown(e){const t=this._getItems();if(!t.length)return;const s=t.findIndex(i=>i.getAttribute("tabindex")==="0"),r=i=>{const o=(i%t.length+t.length)%t.length;t.forEach(u=>u.setAttribute("tabindex","-1"));const a=t[o];a.setAttribute("tabindex","0"),a.focus()};switch(e.key){case"ArrowDown":case"ArrowRight":e.preventDefault(),r(s<0?0:s+1);break;case"ArrowUp":case"ArrowLeft":e.preventDefault(),r(s<0?0:s-1);break;case"Home":e.preventDefault(),r(0);break;case"End":e.preventDefault(),r(t.length-1);break}}render(){return v`
+      <md-list role="list" @slotchange=${this._onSlotChange}>
         <slot></slot>
       </md-list>
-    `}};n=new WeakMap;d.styles=[p`
-      ::slotted(scb-list-item:first-of-type) {
-        border-top: 1px solid var(--md-sys-color-outline-variant);
-      }
-    `];d=m([u("scb-list")],d);
+    `}};n=new WeakMap;l.styles=[h`
+    :host {
+      display: block;
+      --scb-list-bg: var(--md-sys-color-surface-container-lowest);
+    }
+
+    md-list {
+      background: var(--scb-list-bg);
+    }
+
+    ::slotted(scb-list-item:first-of-type) {
+      border-top: 1px solid var(--md-sys-color-outline-variant);
+    }
+  `];c([p("slot")],l.prototype,"_slotEl",2);l=c([b("scb-list")],l);

package/mvc/components/scb-menu/scb-menu-item.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 c}from"../../vendor/preload-helper.js";import{b as h,n as s,i as m,x as n,t as u}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(r,l,i){try{customElements.get(r)||a(r,l,i)}catch(p){var d=String(p||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var f=Object.defineProperty,_=Object.getOwnPropertyDescriptor,o=(e,a,r,l)=>{for(var i=l>1?void 0:l?_(a,r):a,d=e.length-1,p;d>=0;d--)(p=e[d])&&(i=(l?p(a,r,i):p(i))||i);return l&&i&&f(a,r,i),i};let t=class extends m{constructor(){super(...arguments),this.label="",this.hasSubMenu=!1,this.openLeft=!1,this.divider=!1,this.leadingIcon="",this.trailingIcon="",this.itemHref="",this.handleClick=e=>{this.itemHref?this._navigateToHref(e):this._toggleSubMenu()},this._onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.handleClick(e))}}async firstUpdated(){t.__iconLoaded||(await c(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),t.__iconLoaded=!0),t.__rippleLoaded||(await c(()=>import("../../vendor/vendor-material.js").then(e=>e.r),__vite__mapDeps([0,1]),import.meta.url),t.__rippleLoaded=!0)}updated(){const e=this.nextElementSibling;this.hasSubMenu=!!(e&&e.tagName==="SCB-SUB-MENU"),this.openLeft=!!(this.hasSubMenu&&e&&e.hasAttribute("open-left"))}render(){return n`
+import{_ as c}from"../../vendor/preload-helper.js";import{a as h,n as s,i as m,x as n,t as u}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(r,l,i){try{customElements.get(r)||a(r,l,i)}catch(p){var d=String(p||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var f=Object.defineProperty,_=Object.getOwnPropertyDescriptor,o=(e,a,r,l)=>{for(var i=l>1?void 0:l?_(a,r):a,d=e.length-1,p;d>=0;d--)(p=e[d])&&(i=(l?p(a,r,i):p(i))||i);return l&&i&&f(a,r,i),i};let t=class extends m{constructor(){super(...arguments),this.label="",this.hasSubMenu=!1,this.openLeft=!1,this.divider=!1,this.leadingIcon="",this.trailingIcon="",this.itemHref="",this.handleClick=e=>{this.itemHref?this._navigateToHref(e):this._toggleSubMenu()},this._onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.handleClick(e))}}async firstUpdated(){t.__iconLoaded||(await c(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),t.__iconLoaded=!0),t.__rippleLoaded||(await c(()=>import("../../vendor/vendor-material.js").then(e=>e.r),__vite__mapDeps([0,1]),import.meta.url),t.__rippleLoaded=!0)}updated(){const e=this.nextElementSibling;this.hasSubMenu=!!(e&&e.tagName==="SCB-SUB-MENU"),this.openLeft=!!(this.hasSubMenu&&e&&e.hasAttribute("open-left"))}render(){return n`
       ${this.divider?n`<scb-divider></scb-divider>`:""}
       <li @click=${this.handleClick} @keydown=${this._onKeyDown} role="menuitem" tabindex="0">
         ${this.itemHref?n`<a href="${this.itemHref}" tabindex="-1">

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

@@ -1,4 +1,4 @@
-import{b as c,n as d,i as u,x as _,t as p}from"../../vendor/vendor.js";import"./scb-menu-item.js";import"./scb-sub-menu.js";import"../../vendor/preload-helper.js";import"../scb-divider/scb-divider.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var n=customElements.define.bind(customElements);customElements.define=function(t,s,i){try{customElements.get(t)||n(t,s,i)}catch(r){var o=String(r||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var f=Object.defineProperty,h=Object.getOwnPropertyDescriptor,l=(e,n,t,s)=>{for(var i=s>1?void 0:s?h(n,t):n,o=e.length-1,r;o>=0;o--)(r=e[o])&&(i=(s?r(n,t,i):r(i))||i);return s&&i&&f(n,t,i),i};let a=class extends u{constructor(){super(...arguments),this.open=!1,this.__lastTriggerEl=null,this.__onDocumentClick=e=>{const n=this.__getActionFromEvent(e);if(n){n==="open"&&this.__setOpen(!0),n==="close"&&this.__setOpen(!1),n==="toggle"&&this.__setOpen(!this.open),e.stopPropagation();return}},this.__onDocumentKeydown=e=>{if(this.open&&e.key==="Escape"){this.__setOpen(!1);return}}}render(){return _`
+import{a as c,n as d,i as u,x as _,t as p}from"../../vendor/vendor.js";import"./scb-menu-item.js";import"./scb-sub-menu.js";import"../../vendor/preload-helper.js";import"../scb-divider/scb-divider.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var n=customElements.define.bind(customElements);customElements.define=function(t,s,i){try{customElements.get(t)||n(t,s,i)}catch(r){var o=String(r||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var f=Object.defineProperty,h=Object.getOwnPropertyDescriptor,l=(e,n,t,s)=>{for(var i=s>1?void 0:s?h(n,t):n,o=e.length-1,r;o>=0;o--)(r=e[o])&&(i=(s?r(n,t,i):r(i))||i);return s&&i&&f(n,t,i),i};let a=class extends u{constructor(){super(...arguments),this.open=!1,this.__lastTriggerEl=null,this.__onDocumentClick=e=>{const n=this.__getActionFromEvent(e);if(n){n==="open"&&this.__setOpen(!0),n==="close"&&this.__setOpen(!1),n==="toggle"&&this.__setOpen(!this.open),e.stopPropagation();return}},this.__onDocumentKeydown=e=>{if(this.open&&e.key==="Escape"){this.__setOpen(!1);return}}}render(){return _`
       <div style="display:${this.open?"block":"none"};">
         <slot></slot>
       </div>

package/mvc/components/scb-menu/scb-sub-menu.js

@@ -1,4 +1,4 @@
-import{b as u,n as p,i as d,x as h,t as c}from"../../vendor/vendor.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(n,i,s){try{customElements.get(n)||t(n,i,s)}catch(r){var o=String(r||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,l=(e,t,n,i)=>{for(var s=i>1?void 0:i?f(t,n):t,o=e.length-1,r;o>=0;o--)(r=e[o])&&(s=(i?r(t,n,s):r(s))||s);return i&&s&&b(t,n,s),s};let a=class extends d{constructor(){super(...arguments),this.open=!1,this._show=()=>{this.setAttribute("open",""),this.open=!0},this._hide=e=>{this.removeAttribute("open"),this.open=!1,e&&e.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("show-submenu",this._show),this.addEventListener("hide-submenu",this._hide)}disconnectedCallback(){this.removeEventListener("show-submenu",this._show),this.removeEventListener("hide-submenu",this._hide),super.disconnectedCallback()}firstUpdated(){let e=0,t=this.parentElement;for(;t;)t.tagName==="SCB-SUB-MENU"&&e++,t=t.parentElement;e%2===1?this.setAttribute("open-left",""):this.removeAttribute("open-left")}render(){return h`
+import{a as u,n as p,i as d,x as h,t as c}from"../../vendor/vendor.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(n,i,s){try{customElements.get(n)||t(n,i,s)}catch(r){var o=String(r||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,l=(e,t,n,i)=>{for(var s=i>1?void 0:i?f(t,n):t,o=e.length-1,r;o>=0;o--)(r=e[o])&&(s=(i?r(t,n,s):r(s))||s);return i&&s&&b(t,n,s),s};let a=class extends d{constructor(){super(...arguments),this.open=!1,this._show=()=>{this.setAttribute("open",""),this.open=!0},this._hide=e=>{this.removeAttribute("open"),this.open=!1,e&&e.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("show-submenu",this._show),this.addEventListener("hide-submenu",this._hide)}disconnectedCallback(){this.removeEventListener("show-submenu",this._show),this.removeEventListener("hide-submenu",this._hide),super.disconnectedCallback()}firstUpdated(){let e=0,t=this.parentElement;for(;t;)t.tagName==="SCB-SUB-MENU"&&e++,t=t.parentElement;e%2===1?this.setAttribute("open-left",""):this.removeAttribute("open-left")}render(){return h`
       <div class="submenu${this.open?" open":""}">
         <slot></slot>
       </div>

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

@@ -1,4 +1,4 @@
-import{b as d,n as r,i as f,x as p,t as h}from"../../vendor/vendor.js";import"../scb-icon-button/scb-icon-button.js";import"../../vendor/vendor-material.js";import"../../vendor/preload-helper.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(n,c,o){try{customElements.get(n)||s(n,c,o)}catch(l){var a=String(l||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var u=Object.defineProperty,x=Object.getOwnPropertyDescriptor,e=(i,s,n,c)=>{for(var o=c>1?void 0:c?x(s,n):s,a=i.length-1,l;a>=0;a--)(l=i[a])&&(o=(c?l(s,n,o):l(o))||o);return c&&o&&u(s,n,o),o};let t=class extends f{constructor(){super(...arguments),this.open=!1,this.label="",this.type="success",this.linkText="",this.linkhref="#",this.showIcon=!1,this.showCloseButton=!1,this._closeNotification=()=>{this.open=!1;const i=new CustomEvent("close",{detail:{open:this.open}});this.dispatchEvent(i)}}_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(){return p`
+import{a as d,n as r,i as f,x as p,t as h}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 i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(n,c,o){try{customElements.get(n)||s(n,c,o)}catch(l){var a=String(l||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var u=Object.defineProperty,x=Object.getOwnPropertyDescriptor,e=(i,s,n,c)=>{for(var o=c>1?void 0:c?x(s,n):s,a=i.length-1,l;a>=0;a--)(l=i[a])&&(o=(c?l(s,n,o):l(o))||o);return c&&o&&u(s,n,o),o};let t=class extends f{constructor(){super(...arguments),this.open=!1,this.label="",this.type="success",this.linkText="",this.linkhref="#",this.showIcon=!1,this.showCloseButton=!1,this._closeNotification=()=>{this.open=!1;const i=new CustomEvent("close",{detail:{open:this.open}});this.dispatchEvent(i)}}_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(){return p`
             <div class="notification" type=${this.type} role="alert" aria-live="assertive" aria-atomic="true" style="display: ${this.open?"flex":"none"};">
                 ${this.showIcon||this.showCloseButton?p`<div class="notification-header">
                     ${this.showIcon?p`<md-icon>${this._iconForType()}</md-icon>`:""}