scb-wc-test 0.1.34 → 0.1.35

package/all.js

@@ -1,4 +1,64 @@
+import './all.js';
 import './index.js';
+import './mvc/components/all.js';
+import './mvc/components/scb-accordion/scb-accordion-item.js';
+import './mvc/components/scb-accordion/scb-accordion.js';
+import './mvc/components/scb-app-bar/scb-app-bar.js';
+import './mvc/components/scb-avatar/scb-avatar.js';
+import './mvc/components/scb-breadcrumb/scb-breadcrumb-item.js';
+import './mvc/components/scb-breadcrumb/scb-breadcrumb.js';
+import './mvc/components/scb-button/scb-button.js';
+import './mvc/components/scb-calendar-card/scb-calendar-card.js';
+import './mvc/components/scb-card/scb-card.js';
+import './mvc/components/scb-checkbox/scb-checkbox-group.js';
+import './mvc/components/scb-checkbox/scb-checkbox.js';
+import './mvc/components/scb-chip/scb-chip.js';
+import './mvc/components/scb-dialog/scb-dialog.js';
+import './mvc/components/scb-divider/scb-divider.js';
+import './mvc/components/scb-drawer/scb-drawer-item.js';
+import './mvc/components/scb-drawer/scb-drawer-section.js';
+import './mvc/components/scb-drawer/scb-drawer.js';
+import './mvc/components/scb-drawer/scb-sub-drawer.js';
+import './mvc/components/scb-fact-card/scb-fact-card-content.js';
+import './mvc/components/scb-fact-card/scb-fact-card.js';
+import './mvc/components/scb-footer/scb-footer-section.js';
+import './mvc/components/scb-footer/scb-footer.js';
+import './mvc/components/scb-grid/scb-grid-item.js';
+import './mvc/components/scb-grid/scb-grid.js';
+import './mvc/components/scb-grid/scb-stack.js';
+import './mvc/components/scb-header/scb-header-drawer-group.js';
+import './mvc/components/scb-header/scb-header-drawer-item.js';
+import './mvc/components/scb-header/scb-header-tab.js';
+import './mvc/components/scb-header/scb-header-utility.js';
+import './mvc/components/scb-header/scb-header.js';
+import './mvc/components/scb-icon-button/scb-icon-button.js';
+import './mvc/components/scb-keyfigure-card/scb-keyfigure-card.js';
+import './mvc/components/scb-link/scb-link.js';
+import './mvc/components/scb-list/scb-list-item.js';
+import './mvc/components/scb-list/scb-list.js';
+import './mvc/components/scb-menu/scb-menu-item.js';
+import './mvc/components/scb-menu/scb-menu.js';
+import './mvc/components/scb-menu/scb-sub-menu.js';
+import './mvc/components/scb-notification/scb-notification.js';
+import './mvc/components/scb-notification-card/scb-notification-card.js';
+import './mvc/components/scb-progress-indicator/scb-progress-indicator.js';
+import './mvc/components/scb-radio-button/scb-radio-button.js';
+import './mvc/components/scb-radio-button/scb-radio-group.js';
+import './mvc/components/scb-search/scb-search.js';
+import './mvc/components/scb-snackbar/scb-snackbar.js';
+import './mvc/components/scb-status-pill/scb-status-pill.js';
+import './mvc/components/scb-switch/scb-switch.js';
+import './mvc/components/scb-tabs/scb-primary-tab.js';
+import './mvc/components/scb-tabs/scb-secondary-tab.js';
+import './mvc/components/scb-tabs/scb-tabs.js';
+import './mvc/components/scb-textfield/scb-textfield.js';
+import './mvc/components/scb-toc/scb-toc-item.js';
+import './mvc/components/scb-toc/scb-toc.js';
+import './mvc/components/scb-tooltip/scb-tooltip.js';
+import './mvc/vendor/preload-helper.js';
+import './mvc/vendor/vendor-lit.js';
+import './mvc/vendor/vendor-material.js';
+import './mvc/vendor/vendor.js';
 import './scb-accordion/scb-accordion-item.js';
 import './scb-accordion/scb-accordion.js';
 import './scb-app-bar/scb-app-bar.js';

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

@@ -1,17 +1,9 @@
-import{n as l,t as p,i as b,a as d,x as u}from"../../vendor/vendor.js";import"../scb-link/scb-link.js";import"../../vendor/vendor-material.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,s,e){try{customElements.get(r)||t(r,s,e)}catch(i){var a=String(i||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var f=Object.defineProperty,m=Object.getOwnPropertyDescriptor,c=(n,t,r,s)=>{for(var e=s>1?void 0:s?m(t,r):t,a=n.length-1,i;a>=0;a--)(i=n[a])&&(e=(s?i(t,r,e):i(e))||e);return s&&e&&f(t,r,e),e};let o=class extends b{constructor(){super(...arguments),this.label="",this.isCurrent=!1,this.href=""}static get styles(){return d`
+import{n as l,t as p,i as b,a as f,x as u}from"../../vendor/vendor.js";import"../scb-link/scb-link.js";import"../../vendor/vendor-material.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,s,e){try{customElements.get(r)||t(r,s,e)}catch(n){var a=String(n||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var d=Object.defineProperty,m=Object.getOwnPropertyDescriptor,o=(i,t,r,s)=>{for(var e=s>1?void 0:s?m(t,r):t,a=i.length-1,n;a>=0;a--)(n=i[a])&&(e=(s?n(t,r,e):n(e))||e);return s&&e&&d(t,r,e),e};let c=class extends b{constructor(){super(...arguments),this.label="",this.isCurrent=!1,this.href=""}static get styles(){return f`
     .breadcrumb-separator {
-      margin: 0 8px;
+      margin: var(--spacing-0) var(--spacing-3);
       color: var(--md-sys-color-on-surface);
     }
-    .breadcrumb-link { 
-        color: var(--md-sys-color-primary);
-        text-decoration-thickness: 1px;
-        
-      }
-      .breadcrumb-link:hover { 
-        text-decoration-thickness: 2px;
-      }
     `}render(){switch(!0){case this.isCurrent:return u`<span class="breadcrumb-current">${this.label}</span>`;default:return u`
           <scb-link href="${this.href}">${this.label}</scb-link>
           <span class="breadcrumb-separator">/</span>
-        `}}};c([l({type:String})],o.prototype,"label",2);c([l({type:Boolean,attribute:"is-current"})],o.prototype,"isCurrent",2);c([l({type:String,attribute:"item-href"})],o.prototype,"href",2);o=c([p("scb-breadcrumb-item")],o);
+        `}}};o([l({type:String})],c.prototype,"label",2);o([l({type:Boolean,attribute:"is-current"})],c.prototype,"isCurrent",2);o([l({type:String,attribute:"item-href"})],c.prototype,"href",2);c=o([p("scb-breadcrumb-item")],c);

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

@@ -1,11 +1,11 @@
-import{n as d,t as m,i as p,a as b,x as o}from"../../vendor/vendor.js";import"./scb-breadcrumb-item.js";import"../../vendor/vendor-material.js";import"../scb-link/scb-link.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(s,i,a){try{customElements.get(s)||r(s,i,a)}catch(l){var t=String(l||"");if(t.indexOf("already been used")===-1&&t.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var u=Object.defineProperty,f=Object.getOwnPropertyDescriptor,c=(e,r,s,i)=>{for(var a=i>1?void 0:i?f(r,s):r,t=e.length-1,l;t>=0;t--)(l=e[t])&&(a=(i?l(r,s,a):l(a))||a);return i&&a&&u(r,s,a),a};let n=class extends p{constructor(){super(...arguments),this.showAll=!1}static get styles(){return b`
+import{n as d,t as b,i as m,a as p,x as o}from"../../vendor/vendor.js";import"./scb-breadcrumb-item.js";import"../../vendor/vendor-material.js";import"../scb-link/scb-link.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(s,t,a){try{customElements.get(s)||r(s,t,a)}catch(l){var i=String(l||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var u=Object.defineProperty,h=Object.getOwnPropertyDescriptor,c=(e,r,s,t)=>{for(var a=t>1?void 0:t?h(r,s):r,i=e.length-1,l;i>=0;i--)(l=e[i])&&(a=(t?l(r,s,a):l(a))||a);return t&&a&&u(r,s,a),a};let n=class extends m{constructor(){super(...arguments),this.showAll=!1}static get styles(){return p`
       .scb-breadcrumb {
         display: flex;
         align-items: center;
         flex-wrap: wrap;
       }
       .breadcrumb-separator {
-        margin: 0 8px;
+        margin: var(--spacing-0) var(--spacing-3);
         color: var(--md-sys-color-on-surface);
       }
       .collapsed > scb-breadcrumb-item {
@@ -13,7 +13,8 @@ import{n as d,t as m,i as p,a as b,x as o}from"../../vendor/vendor.js";import"./
       }
       .collapsed > scb-breadcrumb-item:nth-child(-n+3),
       .collapsed > scb-breadcrumb-item:nth-last-child(-n+3) {
-        display: inline-flex;
+        display: flex;
+        align-items: anchor-center;
       }
       .ellipsis:focus {
         outline: none;
@@ -51,9 +52,9 @@ import{n as d,t as m,i as p,a as b,x as o}from"../../vendor/vendor.js";import"./
           transform: translateY(0);
         }
       }
-    `}_onEllipsisClick(){this.showAll?this.showAll=!1:(this.showAll=!0,this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelectorAll(".scb-breadcrumb.expanded > scb-breadcrumb-item");e&&(e.forEach((r,s)=>{r.classList.add("breadcrumb-animate"),r.style.animationDelay=`${s*60}ms`}),setTimeout(()=>{e.forEach(r=>{r.classList.remove("breadcrumb-animate"),r.style.animationDelay=""})},600))}))}render(){let e=[];this.children.length||(e=Array.from(this.shadowRoot?this.shadowRoot.querySelectorAll("scb-breadcrumb-item"):[])),e.length||(e=Array.from(this.children).filter(s=>s.tagName.toLowerCase()==="scb-breadcrumb-item")),e.length>0&&e[e.length-1].setAttribute("is-current","true");const r=e.length>6&&!this.showAll;return o`
+    `}_onEllipsisClick(){this.showAll?this.showAll=!1:(this.showAll=!0,this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelectorAll(".scb-breadcrumb.expanded > scb-breadcrumb-item");e&&(e.forEach((r,s)=>{r.classList.add("breadcrumb-animate"),r.style.animationDelay=`${s*60}ms`}),setTimeout(()=>{e.forEach(r=>{r.classList.remove("breadcrumb-animate"),r.style.animationDelay=""})},600))}))}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(()=>{this.requestUpdate()}),this._observer.observe(this,{childList:!0})}disconnectedCallback(){super.disconnectedCallback(),this._observer?.disconnect()}render(){let e=[];this.children.length||(e=Array.from(this.shadowRoot?this.shadowRoot.querySelectorAll("scb-breadcrumb-item"):[])),e.length||(e=Array.from(this.children).filter(s=>s.tagName.toLowerCase()==="scb-breadcrumb-item")),e.length>0&&e[e.length-1].setAttribute("is-current","true");const r=e.length>6&&!this.showAll;return o`
       <div class="scb-breadcrumb ${r?"collapsed":"expanded"}">
-        ${r?e.map((s,i)=>i===3?o`<span
+        ${r?e.map((s,t)=>t===3?o`<span
                     class="ellipsis"
                     aria-label="Visa alla"
                     role="button"
@@ -62,4 +63,4 @@ import{n as d,t as m,i as p,a as b,x as o}from"../../vendor/vendor.js";import"./
                     @keydown=${a=>{(a.key==="Enter"||a.key===" ")&&this._onEllipsisClick()}}
                   ><md-icon><md-focus-ring></md-focus-ring>more_horiz</md-icon></span><span class="breadcrumb-separator">/</span>${s}`:o`${s}`):e.map(s=>s)}
       </div>
-    `}};c([d({type:Boolean})],n.prototype,"showAll",2);n=c([m("scb-breadcrumb")],n);
+    `}};c([d({type:Boolean})],n.prototype,"showAll",2);n=c([b("scb-breadcrumb")],n);

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

@@ -1,44 +1,62 @@
-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{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">
-              ${this.leadingIcon?n`<md-icon>${this.leadingIcon}</md-icon>`:""}
-              <div>${this.label}</div>
-              ${this.trailingIcon?n`<md-icon>${this.trailingIcon}</md-icon>`:""}
+import{a as h,n as a,i as d,x as r,t as p}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.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(i,n,o){try{customElements.get(i)||t(i,n,o)}catch(c){var u=String(c||"");if(u.indexOf("already been used")===-1&&u.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var m=Object.defineProperty,b=Object.getOwnPropertyDescriptor,l=(e,t,i,n)=>{for(var o=n>1?void 0:n?b(t,i):t,u=e.length-1,c;u>=0;u--)(c=e[u])&&(o=(n?c(t,i,o):c(o))||o);return n&&o&&m(t,i,o),o};let s=class extends d{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._onBlur=e=>{const t=this.closest("scb-sub-menu");if(t&&t.open){const i=e.relatedTarget;(!i||!t.contains(i))&&t.dispatchEvent(new CustomEvent("hide-submenu",{bubbles:!0,composed:!0}))}},this._onFocus=()=>{const e=this.nextElementSibling;this.classList.contains("open-submenu")&&(e&&e.tagName==="SCB-SUB-MENU"&&e.hasAttribute("open")||this.classList.remove("open-submenu"))},this._onKeyDown=e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.handleClick(e);return}if(e.key==="ArrowDown"){e.preventDefault();let t=this.nextElementSibling;for(;t&&t.tagName!=="SCB-MENU-ITEM";)t=t.nextElementSibling;t&&t.shadowRoot?.querySelector("li")?.focus();return}if(e.key==="ArrowUp"){e.preventDefault();let t=this.previousElementSibling;for(;t&&t.tagName!=="SCB-MENU-ITEM";)t=t.previousElementSibling;t&&t.shadowRoot?.querySelector("li")?.focus();return}if(e.key==="ArrowRight"){e.preventDefault();const t=this.nextElementSibling;t&&t.tagName==="SCB-SUB-MENU"&&(t.hasAttribute("open")||(this._toggleSubMenu(),t.dispatchEvent(new CustomEvent("show-submenu",{bubbles:!0,composed:!0}))),setTimeout(()=>{const i=t.querySelector("scb-menu-item");i&&i.shadowRoot?.querySelector("li")?.focus()},0));return}if(e.key==="ArrowLeft"){e.preventDefault();const t=this.nextElementSibling;if(t&&t.tagName==="SCB-SUB-MENU"&&t.hasAttribute("open")){this._toggleSubMenu(),t.dispatchEvent(new CustomEvent("hide-submenu",{bubbles:!0,composed:!0}));return}const i=this.closest("scb-sub-menu");if(i){const n=i.previousElementSibling;n&&n.tagName==="SCB-MENU-ITEM"&&n.shadowRoot?.querySelector("li")?.focus()}return}}}updated(){const e=this.nextElementSibling;this.hasSubMenu=!!(e&&e.tagName==="SCB-SUB-MENU"),this.openLeft=!!(this.hasSubMenu&&e&&e.hasAttribute("open-left"))}render(){return r`
+      ${this.divider?r`<scb-divider></scb-divider>`:""}
+  <li @click=${this.handleClick} @keydown=${this._onKeyDown} @blur=${this._onBlur} @focus=${this._onFocus} role="menuitem" tabindex="0">
+ 
+
+        <md-focus-ring inward></md-focus-ring>
+        ${this.itemHref?r`<a href="${this.itemHref}">
+              ${this.leadingIcon?r`<md-icon>${this.leadingIcon}</md-icon>`:""}
+              <div class="label">${this.label}</div>
+              ${this.trailingIcon?r`<md-icon class="ti">${this.trailingIcon}</md-icon>`:""}
               <md-ripple></md-ripple>
-            </a>`:n`
-              ${this.leadingIcon?n`<md-icon>${this.leadingIcon}</md-icon>`:""}
-              <div>${this.label}</div>
-              ${this.trailingIcon?n`<md-icon>${this.trailingIcon}</md-icon>`:""}
+            </a>`:r`
+              ${this.leadingIcon?r`<md-icon>${this.leadingIcon}</md-icon>`:""}
+              <div class="label">${this.label}</div>
+              ${this.trailingIcon?r`<md-icon class="ti">${this.trailingIcon}</md-icon>`:""}
               <md-ripple></md-ripple>
             `}
       </li>
-    `}_navigateToHref(e){this.itemHref&&(window.location.href=this.itemHref),e.stopPropagation()}_toggleSubMenu(){const e=this.nextElementSibling;e&&e.tagName==="SCB-SUB-MENU"&&(e.hasAttribute("open")?e.dispatchEvent(new CustomEvent("hide-submenu",{bubbles:!0,composed:!0})):e.dispatchEvent(new CustomEvent("show-submenu",{bubbles:!0,composed:!0})))}};t.__iconLoaded=!1;t.__rippleLoaded=!1;t.styles=h`
-    :host { display: block; }
+    `}_navigateToHref(e){this.itemHref&&(window.location.href=this.itemHref),e.stopPropagation()}_toggleSubMenu(){const e=this.nextElementSibling;e&&e.tagName==="SCB-SUB-MENU"&&(this.classList.toggle("open-submenu"),e.hasAttribute("open")?e.dispatchEvent(new CustomEvent("hide-submenu",{bubbles:!0,composed:!0})):e.dispatchEvent(new CustomEvent("show-submenu",{bubbles:!0,composed:!0})))}};s.styles=h`
+    :host { 
+      display: block;
+    }
     :host li{
       position: relative;
       list-style: none;
-      padding: 8px 16px;
+      padding: var(--spacing-3) var(--spacing-5);
       cursor: pointer;
       min-height: 56px;
-      font-size: 18px;
       display: flex;
-      gap: 12px;
+      gap: var(--spacing-4);
       align-items: center;
-      max-width: 300px;
-      min-width: 112px; 
+      
+    }
+    :host li .label {
+      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);
     }
+      :host li md-focus-ring {
+        border-radius: var(--md-sys-shape-corner-small);
+        position: absolute;
+        inset: 0;
+        pointer-events: none;
+        z-index: 1;
+      }
+      :host li md-icon.ti {
+        margin-left: auto;
+      }
     :host li a {
       display: flex;
-      gap: 12px;
+      gap: var(--spacing-4);
       align-items: center;
       color: var(--md-sys-color-on-surface);
       text-decoration: none;
     }
-    li:hover md-ripple {
-      --md-ripple-hover-color: transparent;
-      --md-ripple-hover-opacity: 0;
+    :host(.open-submenu) li { 
+      background: var(--md-sys-color-secondary-container); 
+    }
+    :host li:focus {
+      outline: none;
     }
-    li:hover { background: var(--md-sys-color-secondary-container, #D6F1FF); }
-  `;o([s({type:String})],t.prototype,"label",2);o([s({type:Boolean})],t.prototype,"hasSubMenu",2);o([s({type:Boolean})],t.prototype,"openLeft",2);o([s({type:Boolean})],t.prototype,"divider",2);o([s({type:String,attribute:"leading-icon"})],t.prototype,"leadingIcon",2);o([s({type:String,attribute:"trailing-icon"})],t.prototype,"trailingIcon",2);o([s({type:String,attribute:"item-href"})],t.prototype,"itemHref",2);t=o([u("scb-menu-item")],t);
+  `;l([a({type:String})],s.prototype,"label",2);l([a({type:Boolean})],s.prototype,"hasSubMenu",2);l([a({type:Boolean})],s.prototype,"openLeft",2);l([a({type:Boolean})],s.prototype,"divider",2);l([a({type:String,attribute:"leading-icon"})],s.prototype,"leadingIcon",2);l([a({type:String,attribute:"trailing-icon"})],s.prototype,"trailingIcon",2);l([a({type:String,attribute:"item-href"})],s.prototype,"itemHref",2);s=l([p("scb-menu-item")],s);

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

@@ -1,17 +1,44 @@
-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"};">
+import{a as u,n as l,i as p,x as d,t as h}from"../../vendor/vendor.js";import"./scb-menu-item.js";import"./scb-sub-menu.js";import"../scb-divider/scb-divider.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 s=customElements.define.bind(customElements);customElements.define=function(e,i,n){try{customElements.get(e)||s(e,i,n)}catch(r){var o=String(r||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var m=Object.defineProperty,_=Object.getOwnPropertyDescriptor,c=(t,s,e,i)=>{for(var n=i>1?void 0:i?_(s,e):s,o=t.length-1,r;o>=0;o--)(r=t[o])&&(n=(i?r(s,e,n):r(n))||n);return i&&n&&m(s,e,n),n};let a=class extends p{constructor(){super(...arguments),this.open=!1,this.inSb=!1,this.__lastTriggerEl=null,this.__onDocumentClick=t=>{if(!this.inSb&&this.open&&!this.isClickInScbMenu(t)){this.__setOpen(!1);return}const s=this.__getActionFromEvent(t);if(s){s==="open"&&(this.__setOpen(!0),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))),s==="close"&&(this.__setOpen(!1),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))),s==="toggle"&&(this.__setOpen(!this.open),this.dispatchEvent(new CustomEvent("toggle",{bubbles:!0,composed:!0}))),t.stopPropagation();return}},this.__onDocumentKeydown=t=>{if(this.open&&t.key==="Escape"){this.__setOpen(!1);return}}}render(){return d`
+      <div
+        role="menu"
+        class="scb-menu-panel${this.open?" open":""}"
+      >
         <slot></slot>
       </div>
-    `}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1),document.addEventListener("keydown",this.__onDocumentKeydown,!0)}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),super.disconnectedCallback()}__setOpen(e){this.open=e}__getActionFromEvent(e){if(!this.id)return null;const n=e.composedPath();for(const t of n)if(t instanceof Element){if(t.getAttribute("data-menu-open")===this.id)return this.__lastTriggerEl=t,"open";if(t.getAttribute("data-menu-close")===this.id)return this.__lastTriggerEl=t,"close";if(t.getAttribute("data-menu-toggle")===this.id)return this.__lastTriggerEl=t,"toggle";if(t.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=t,"toggle"}return null}updated(e){e.has("open")&&this.__applyOpenSideEffects()}__applyOpenSideEffects(){this.__updateTriggersExpanded()}__updateTriggersExpanded(){if(!this.id)return;document.querySelectorAll(`[aria-controls="${this.id}"], [data-menu-open="${this.id}"], [data-menu-close="${this.id}"], [data-menu-toggle="${this.id}"]`).forEach(n=>{n.hasAttribute("aria-controls")&&n.setAttribute("aria-expanded",String(this.open))})}};a.styles=c`
+    `}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1),document.addEventListener("keydown",this.__onDocumentKeydown,!0)}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),super.disconnectedCallback()}__setOpen(t){this.open=t}__getActionFromEvent(t){if(!this.id)return null;const s=t.composedPath();for(const e of s)if(e instanceof Element){if(e.getAttribute("data-menu-open")===this.id)return this.__lastTriggerEl=e,"open";if(e.getAttribute("data-menu-close")===this.id)return this.__lastTriggerEl=e,"close";if(e.getAttribute("data-menu-toggle")===this.id)return this.__lastTriggerEl=e,"toggle";if(e.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=e,"toggle"}return null}isClickInScbMenu(t){return t.composedPath().some(e=>e instanceof Element&&(e.tagName==="SCB-MENU"||e.tagName==="SCB-SUB-MENU"))}updated(t){t.has("open")&&(this.__applyOpenSideEffects(),this.open?this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})))}__applyOpenSideEffects(){this.__updateTriggersExpanded()}__updateTriggersExpanded(){if(!this.id)return;document.querySelectorAll(`[aria-controls="${this.id}"], [data-menu-open="${this.id}"], [data-menu-close="${this.id}"], [data-menu-toggle="${this.id}"]`).forEach(s=>{s.hasAttribute("aria-controls")&&s.setAttribute("aria-expanded",String(this.open))})}};a.styles=u`
     :host {
       position: absolute;
       display: block;
+      width: fit-content;
+      --scb-menu-max-width: 300px;
+      --scb-menu-max-height: 600px;
+    }
+    :host > .scb-menu-panel {
+      padding: var(--spacing-3) 0;
       color: var(--md-sys-color-on-surface);
-      border-radius: var(--Radius-Extra-small, 4px);
+      border-radius: var(--md-sys-shape-corner-extra-small);
       background: var(--md-sys-color-surface, #FFF);
-      box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.20), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.14);
-    }
-    :host div {
+      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
       background: var(--md-sys-color-surface, #FFF);
+      opacity: 0;
+      max-height: 0;
+      transform: scaleY(0.8);
+      transform-origin: top;
+      transition:
+        opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1),
+        transform 0.32s cubic-bezier(0.23, 1, 0.32, 1);
+      will-change: opacity, transform;
+
+    }
+    :host > .scb-menu-panel.open {
+      opacity: 1;
+      transform: scaleY(1);
+      max-width: var(--scb-menu-max-width);
+      max-height: var(--scb-menu-max-height);
+      min-width: 112px;
+      overflow: visible;
+      transition:
+        opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1),
+        transform 0.32s cubic-bezier(0.23, 1, 0.32, 1);
     }
-  `;l([d({type:Boolean,reflect:!0})],a.prototype,"open",2);a=l([p("scb-menu")],a);
+  `;c([l({type:Boolean,reflect:!0})],a.prototype,"open",2);c([l({type:Boolean,attribute:!1})],a.prototype,"inSb",2);a=c([h("scb-menu")],a);

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

@@ -1,20 +1,24 @@
-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":""}">
+import{a as l,n as h,i as p,x as d,t as b}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 c=Object.defineProperty,m=Object.getOwnPropertyDescriptor,u=(e,t,n,i)=>{for(var s=i>1?void 0:i?m(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&&c(t,n,s),s};let a=class extends p{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 d`
+      <div role="menu" class="submenu${this.open?" open":""}">
         <slot></slot>
       </div>
-    `}};a.styles=u`
+    `}};a.styles=l`
     :host {
       display: block;
       position: relative;
-
+      --scb-sub-menu-max-width: 300px;
+      --scb-sub-menu-max-height: 600px;
     }
     .submenu {
+      max-width: var(--scb-sub-menu-max-width);
+      max-height: var(--scb-sub-menu-max-height);
+      min-width: 112px;
       display: none;
       position: absolute;
       left: 100%;
       top: -44px;
       z-index: 100;
-      border-radius: var(--Radius-Extra-small, 4px);
+      border-radius: var(--md-sys-shape-corner-extra-small);
       background: var(--md-sys-color-surface, #FFF);
       box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.20), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.14);
     }
@@ -26,4 +30,4 @@ import{a as u,n as p,i as d,x as h,t as c}from"../../vendor/vendor.js";(function
     .submenu.open {
       display: block;
     }
-  `;l([p({type:Boolean,reflect:!0})],a.prototype,"open",2);a=l([c("scb-sub-menu")],a);
+  `;u([h({type:Boolean,reflect:!0})],a.prototype,"open",2);a=u([b("scb-sub-menu")],a);