scb-wc-test 0.1.150 → 0.1.152

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

@@ -1,10 +1,20 @@
-import{n as l,t as I,i as k,a as w,x as h,E as i}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 e=customElements.define.bind(customElements);customElements.define=function(r,a,s){try{customElements.get(r)||e(r,a,s)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var T=Object.defineProperty,B=Object.getOwnPropertyDescriptor,A=t=>{throw TypeError(t)},n=(t,e,r,a)=>{for(var s=a>1?void 0:a?B(e,r):e,c=t.length-1,d;c>=0;c--)(d=t[c])&&(s=(a?d(e,r,s):d(s))||s);return a&&s&&T(e,r,s),s},O=(t,e,r)=>e.has(t)||A("Cannot "+r),E=(t,e,r)=>e.has(t)?A("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),$=(t,e,r)=>(O(t,e,"access private method"),r),m,y;let o=class extends k{constructor(){super(...arguments),E(this,m),this.variant="filled",this.type="button",this.label="Button",this.trailingIcon=!1,this.icon="",this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing="",this.spacingTop="",this.spacingBottom=""}__getMdHost(){return this.renderRoot.querySelector("md-filled-button, md-outlined-button, md-filled-tonal-button, md-text-button")}__getInnerNativeButton(t){return t?.shadowRoot?.querySelector("button")??null}__syncAriaToInner(){const t=this.__getMdHost(),e=this.__getInnerNativeButton(t);if(!t||!e)return;const r=(this.getAttribute("aria-label")||"").trim(),a=(t.getAttribute("aria-label")||"").trim(),s=this.label.trim()===""?(this.icon||"").trim():"",c=r||a||s;c?e.setAttribute("aria-label",c):e.removeAttribute("aria-label");const d=this.getAttribute("aria-controls");d!==null?e.setAttribute("aria-controls",d):e.removeAttribute("aria-controls");const g=this.getAttribute("aria-expanded");g!==null?e.setAttribute("aria-expanded",g):e.removeAttribute("aria-expanded"),t.removeAttribute("aria-label"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-expanded"),this.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(x=>{const u=this.__getMdHost(),p=this.__getInnerNativeButton(u);if(!(!u||!p)){for(const f of x){if(f.type!=="attributes"||!f.attributeName)continue;const b=f.attributeName,v=this.getAttribute(b);if(b==="aria-label"){const S=(u.getAttribute("aria-label")||"").trim(),_=(v||S||(this.label.trim()===""?(this.icon||"").trim():"")).trim();_?p.setAttribute("aria-label",_):p.removeAttribute("aria-label"),u.removeAttribute("aria-label")}else(b==="aria-controls"||b==="aria-expanded")&&(v===null?p.removeAttribute(b):p.setAttribute(b,v),b==="aria-expanded"&&this.removeAttribute("aria-expanded"))}u.removeAttribute("aria-label"),u.removeAttribute("aria-controls"),u.removeAttribute("aria-expanded")}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded"]})}firstUpdated(){(this.type==="submit"||this.type==="reset")&&this.addEventListener("click",()=>{if(!this.disabled){const t=this.closest("form");t&&(this.type==="submit"&&t.requestSubmit(),this.type==="reset"&&t.reset())}}),this.__syncAriaToInner(),$(this,m,y).call(this)}updated(t){t.has("variant")&&this.__syncAriaToInner(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&$(this,m,y).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}static get styles(){return w`
+import{n as a,t as I,i as k,a as w,x as h,E as i}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 e=customElements.define.bind(customElements);customElements.define=function(r,s,l){try{customElements.get(r)||e(r,s,l)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var T=Object.defineProperty,B=Object.getOwnPropertyDescriptor,A=t=>{throw TypeError(t)},n=(t,e,r,s)=>{for(var l=s>1?void 0:s?B(e,r):e,c=t.length-1,d;c>=0;c--)(d=t[c])&&(l=(s?d(e,r,l):d(l))||l);return s&&l&&T(e,r,l),l},O=(t,e,r)=>e.has(t)||A("Cannot "+r),L=(t,e,r)=>e.has(t)?A("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),$=(t,e,r)=>(O(t,e,"access private method"),r),m,g;let o=class extends k{constructor(){super(...arguments),L(this,m),this.variant="filled",this.type="button",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing="",this.spacingTop="",this.spacingBottom=""}__getMdHost(){return this.renderRoot.querySelector("md-filled-button, md-outlined-button, md-filled-tonal-button, md-text-button")}__getInnerNativeButton(t){return t?.shadowRoot?.querySelector("button")??null}__syncAriaToInner(){const t=this.__getMdHost(),e=this.__getInnerNativeButton(t);if(!t||!e)return;const r=(this.getAttribute("aria-label")||"").trim(),s=(t.getAttribute("aria-label")||"").trim(),l=this.label.trim()===""?(this.icon||"").trim():"",c=r||s||l;c?e.setAttribute("aria-label",c):e.removeAttribute("aria-label");const d=this.getAttribute("aria-controls");d!==null?e.setAttribute("aria-controls",d):e.removeAttribute("aria-controls");const y=this.getAttribute("aria-expanded");y!==null?e.setAttribute("aria-expanded",y):e.removeAttribute("aria-expanded"),t.removeAttribute("aria-label"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-expanded"),this.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(x=>{const u=this.__getMdHost(),p=this.__getInnerNativeButton(u);if(!(!u||!p)){for(const f of x){if(f.type!=="attributes"||!f.attributeName)continue;const b=f.attributeName,v=this.getAttribute(b);if(b==="aria-label"){const S=(u.getAttribute("aria-label")||"").trim(),_=(v||S||(this.label.trim()===""?(this.icon||"").trim():"")).trim();_?p.setAttribute("aria-label",_):p.removeAttribute("aria-label"),u.removeAttribute("aria-label")}else(b==="aria-controls"||b==="aria-expanded")&&(v===null?p.removeAttribute(b):p.setAttribute(b,v),b==="aria-expanded"&&this.removeAttribute("aria-expanded"))}u.removeAttribute("aria-label"),u.removeAttribute("aria-controls"),u.removeAttribute("aria-expanded")}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded"]})}firstUpdated(){(this.type==="submit"||this.type==="reset")&&this.addEventListener("click",()=>{if(!this.disabled){const t=this.closest("form");t&&(this.type==="submit"&&t.requestSubmit(),this.type==="reset"&&t.reset())}}),this.__syncAriaToInner(),$(this,m,g).call(this)}updated(t){t.has("variant")&&this.__syncAriaToInner(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&$(this,m,g).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}static get styles(){return w`
       /* Gör hosten stretchbar i t.ex. flex/grid */
       :host {
         display: inline-flex;
         block-size: var(--scb-button-block-size, auto);
         margin-block-start: var(--scb-button-spacing-block-start, 0);
         margin-block-end: var(--scb-button-spacing-block-end, 0);
+        --scb-button-font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+      }
+
+      :host([icon-filled]) {
+        --scb-button-font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+      }
+
+      md-icon {
+        --md-icon-font-variation-settings: var(--scb-button-font-variation-settings) !important;
+        font-variation-settings: var(--scb-button-font-variation-settings) !important;
       }
 
       :host([full-width]) {
@@ -72,13 +82,13 @@ import{n as l,t as I,i as k,a as w,x as h,E as i}from"../../vendor/vendor.js";im
         }
       }
       */
-    `}render(){const t=!!this.icon?.trim(),e=t?h`<md-icon slot="icon" part="icon">${this.icon}</md-icon>`:i,r=i,a=this.label.trim()===""?this.icon:void 0;switch(this.variant){case"filled":return h`
+    `}render(){const t=!!this.icon?.trim(),e=t?h`<md-icon slot="icon" part="icon" ?filled=${this.iconFilled} aria-hidden="true">${this.icon}</md-icon>`:i,r=i,s=this.label.trim()===""?this.icon:void 0;switch(this.variant){case"filled":return h`
           <md-filled-button
             type=${this.type}
             variant=${r}
             ?trailing-icon=${this.trailingIcon}
             ?disabled=${this.disabled}
-            aria-label=${a}
+            aria-label=${s}
             href=${this.href||i}
             target=${this.target||i}
             rel=${this.rel||i}
@@ -93,7 +103,7 @@ import{n as l,t as I,i as k,a as w,x as h,E as i}from"../../vendor/vendor.js";im
             variant=${r}
             ?trailing-icon=${this.trailingIcon}
             ?disabled=${this.disabled}
-            aria-label=${a}
+            aria-label=${s}
             href=${this.href||i}
             target=${this.target||i}
             rel=${this.rel||i}
@@ -108,7 +118,7 @@ import{n as l,t as I,i as k,a as w,x as h,E as i}from"../../vendor/vendor.js";im
             variant=${r}
             ?trailing-icon=${this.trailingIcon}
             ?disabled=${this.disabled}
-            aria-label=${a}
+            aria-label=${s}
             href=${this.href||i}
             target=${this.target||i}
             rel=${this.rel||i}
@@ -123,7 +133,7 @@ import{n as l,t as I,i as k,a as w,x as h,E as i}from"../../vendor/vendor.js";im
             variant=${r}
             ?trailing-icon=${this.trailingIcon}
             ?disabled=${this.disabled}
-            aria-label=${a}
+            aria-label=${s}
             href=${this.href||i}
             target=${this.target||i}
             rel=${this.rel||i}
@@ -132,4 +142,4 @@ import{n as l,t as I,i as k,a as w,x as h,E as i}from"../../vendor/vendor.js";im
             ${this.label}
             ${t&&this.trailingIcon?e:i}
           </md-text-button>
-        `;default:return h``}}};m=new WeakSet;y=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,r=this.mapSpacingToken(this.spacingBottom)??t;e?this.style.setProperty("--scb-button-spacing-block-start",e):this.style.removeProperty("--scb-button-spacing-block-start"),r?this.style.setProperty("--scb-button-spacing-block-end",r):this.style.removeProperty("--scb-button-spacing-block-end")};n([l({type:String,reflect:!0})],o.prototype,"variant",2);n([l({type:String,reflect:!0})],o.prototype,"type",2);n([l({type:String})],o.prototype,"label",2);n([l({type:Boolean,attribute:"trailing-icon"})],o.prototype,"trailingIcon",2);n([l({type:String})],o.prototype,"icon",2);n([l({type:Boolean,reflect:!0})],o.prototype,"disabled",2);n([l({type:Boolean,attribute:"full-width",reflect:!0})],o.prototype,"fullWidth",2);n([l({type:String})],o.prototype,"href",2);n([l({type:String})],o.prototype,"target",2);n([l({type:String})],o.prototype,"rel",2);n([l({type:String,reflect:!0})],o.prototype,"spacing",2);n([l({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",2);n([l({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",2);o=n([I("scb-button")],o);
+        `;default:return h``}}};m=new WeakSet;g=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,r=this.mapSpacingToken(this.spacingBottom)??t;e?this.style.setProperty("--scb-button-spacing-block-start",e):this.style.removeProperty("--scb-button-spacing-block-start"),r?this.style.setProperty("--scb-button-spacing-block-end",r):this.style.removeProperty("--scb-button-spacing-block-end")};n([a({type:String,reflect:!0})],o.prototype,"variant",2);n([a({type:String,reflect:!0})],o.prototype,"type",2);n([a({type:String})],o.prototype,"label",2);n([a({type:Boolean,attribute:"trailing-icon"})],o.prototype,"trailingIcon",2);n([a({type:String})],o.prototype,"icon",2);n([a({type:Boolean,attribute:"icon-filled",reflect:!0})],o.prototype,"iconFilled",2);n([a({type:Boolean,reflect:!0})],o.prototype,"disabled",2);n([a({type:Boolean,attribute:"full-width",reflect:!0})],o.prototype,"fullWidth",2);n([a({type:String})],o.prototype,"href",2);n([a({type:String})],o.prototype,"target",2);n([a({type:String})],o.prototype,"rel",2);n([a({type:String,reflect:!0})],o.prototype,"spacing",2);n([a({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",2);n([a({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",2);o=n([I("scb-button")],o);

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

@@ -1,12 +1,12 @@
 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 f}from"../../vendor/preload-helper.js";import{a as k,n as o,i as _,x as a,t as w}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-list/scb-list.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-link/scb-link.js";import"../scb-avatar/scb-avatar.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,c,n){try{customElements.get(s)||t(s,c,n)}catch(p){var l=String(p||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var z=Object.defineProperty,S=Object.getOwnPropertyDescriptor,x=e=>{throw TypeError(e)},r=(e,t,s,c)=>{for(var n=c>1?void 0:c?S(t,s):t,l=e.length-1,p;l>=0;l--)(p=e[l])&&(n=(c?p(t,s,n):p(n))||n);return c&&n&&z(t,s,n),n},T=(e,t,s)=>t.has(e)||x("Cannot "+s),P=(e,t,s)=>t.has(e)?x("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),y=(e,t,s)=>(T(e,t,"access private method"),s),b,g;let i=class extends _{constructor(){super(...arguments),P(this,b),this.type="",this.variant="",this.direction="",this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.title="",this.subtitle="",this.supportingText="",this.commentsText="",this.comments=0,this.commentsHref="",this.likesText="",this.likes=0,this.hasLiked=!1,this.likesInteractive=!1,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing="",this.spacingTop="",this.spacingBottom="",this.__onImgLoad=e=>{const t=e.currentTarget.closest(".media");t&&t.classList.add("is-loaded")},this.__onKeyDown=e=>{const t=(this.cardHref||"").trim();t&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),window.location.assign(t))},this.__handleHrefNavigation=e=>{const t=(this.cardHref||"").trim();!t||e.button!==0||e.metaKey||e.ctrlKey||e.altKey||e.shiftKey||e.target?.closest("a, button, input, select, textarea, summary")||window.location.assign(t)}}get __isLinkCard(){if(!(this.cardHref||"").trim())return!1;const t=(this.type||"").toLowerCase();return t==="standard"||t==="social"}__calcAspectWH(e){const t=(e||"").trim();if(!t)return{w:640,h:360};const s=t.includes("/")?t.split("/"):t.includes(":")?t.split(":"):t.includes("x")?t.split("x"):null;if(s&&s.length===2){const n=Number(s[0]),l=Number(s[1]);if(n>0&&l>0)return{w:n,h:l}}const c=Number(t);return isFinite(c)&&c>0?{w:1e3,h:Math.round(1e3/c)}:{w:640,h:360}}__mediaTemplate(){if((this.mediaType||"").toLowerCase()==="avatar")return a`
+import{_ as f}from"../../vendor/preload-helper.js";import{a as $,n as r,i as k,x as s,t as _}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-list/scb-list.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-link/scb-link.js";import"../scb-avatar/scb-avatar.js";import"../scb-list/scb-list-item.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(o,n,c){try{customElements.get(o)||t(o,n,c)}catch(l){var d=String(l||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var z=Object.defineProperty,w=Object.getOwnPropertyDescriptor,x=i=>{throw TypeError(i)},a=(i,t,o,n)=>{for(var c=n>1?void 0:n?w(t,o):t,d=i.length-1,l;d>=0;d--)(l=i[d])&&(c=(n?l(t,o,c):l(c))||c);return n&&c&&z(t,o,c),c},S=(i,t,o)=>t.has(i)||x("Cannot "+o),T=(i,t,o)=>t.has(i)?x("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(i):t.set(i,o),y=(i,t,o)=>(S(i,t,"access private method"),o),b,g;let e=class extends k{constructor(){super(...arguments),T(this,b),this.type="",this.variant="",this.direction="",this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.title="",this.subtitle="",this.supportingText="",this.commentsText="",this.comments=0,this.commentsHref="",this.likesText="",this.likes=0,this.hasLiked=!1,this.likesInteractive=!1,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing="",this.spacingTop="",this.spacingBottom="",this.__onImgLoad=i=>{const t=i.currentTarget.closest(".media");t&&t.classList.add("is-loaded")},this.__onKeyDown=i=>{(i.key==="Enter"||i.key===" ")&&this.cardHref&&(i.preventDefault(),window.open(this.cardHref,"_self"))},this.__handleHrefNavigation=i=>{this.cardHref&&(i.target.closest("a")||window.open(this.cardHref,"_self"))}}__calcAspectWH(i){const t=(i||"").trim();if(!t)return{w:640,h:360};const o=t.includes("/")?t.split("/"):t.includes(":")?t.split(":"):t.includes("x")?t.split("x"):null;if(o&&o.length===2){const c=Number(o[0]),d=Number(o[1]);if(c>0&&d>0)return{w:c,h:d}}const n=Number(t);return isFinite(n)&&n>0?{w:1e3,h:Math.round(1e3/n)}:{w:640,h:360}}__mediaTemplate(){if((this.mediaType||"").toLowerCase()==="avatar")return s`
         <div class="media">
           <slot name="media">
             <scb-avatar variant="icon" label="${this.title}" icon-name="person"></scb-avatar>
           </slot>
         </div>
-      `;if(this.mediaHref||this.mediaSrcset){let t=Number(this.mediaWidth)||0,s=Number(this.mediaHeight)||0;const c=(this.mediaAspect||"").trim();if(!t||!s){const h=this.__calcAspectWH(c||"16/9");t||(t=h.w),s||(s=h.h)}const n=`aspect-ratio:${c||`${t}/${s}`};`,l=this.mediaPlaceholder?"has-ph":"",p=this.mediaFit||"cover",m=this.mediaPosition||"center";return a`
-        <div class="media ${l}" style="${n}">
+      `;if(this.mediaHref||this.mediaSrcset){let t=Number(this.mediaWidth)||0,o=Number(this.mediaHeight)||0;const n=(this.mediaAspect||"").trim();if(!t||!o){const m=this.__calcAspectWH(n||"16/9");t||(t=m.w),o||(o=m.h)}const c=`aspect-ratio:${n||`${t}/${o}`};`,d=this.mediaPlaceholder?"has-ph":"",l=this.mediaFit||"cover",h=this.mediaPosition||"center";return s`
+        <div class="media ${d}" style="${c}">
           <slot name="media-sources"></slot>
           <img
             src="${this.mediaHref||""}"
@@ -16,55 +16,57 @@ import{_ as f}from"../../vendor/preload-helper.js";import{a as k,n as o,i as _,x
             loading="${this.mediaLoading}"
             decoding="${this.mediaDecoding}"
             fetchpriority="${this.mediaFetchPriority}"
-            style="object-fit:${p};object-position:${m};"
+            style="object-fit:${l};object-position:${h};"
             width="${t}"
-            height="${s}"
+            height="${o}"
             @load=${this.__onImgLoad}
           />
         </div>
-      `}return null}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}render(){const e=this.variant?`${this.variant.toLowerCase()}`:"",t=this.type==="list"?"vertical":this.direction?this.direction.toLowerCase():"",s=this.__isLinkCard,c=s?"clickable":"",n=this.date instanceof Date?this.date.toISOString().slice(0,10):this.date||"",l=(h=!1)=>h?a`<span class="title">${this.title}</span><md-icon>arrow_forward</md-icon>`:a`<span class="title">${this.title}</span>`,p=()=>this.__mediaTemplate(),m=h=>a`
+      `}return null}mapSpacingToken(i){if(!i)return;const t=String(i).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}render(){const i=this.variant?`${this.variant.toLowerCase()}`:"",t=this.type==="list"?"vertical":this.direction?this.direction.toLowerCase():"",o=this.cardHref?"clickable":"",n=this.date instanceof Date?this.date.toISOString().slice(0,10):this.date||"",c=(h=!1)=>h?s`<a class="title" href="${this.cardHref}" tabindex="0"
+            >${this.title}</a
+          ><md-icon>arrow_forward</md-icon>`:s`<span class="title">${this.title}</span>`,d=()=>this.__mediaTemplate(),l=h=>s`
       <div
-        class="scb-card ${e} ${t} ${c}"
-        @click=${s?this.__handleHrefNavigation:null}
-        @keydown=${s?this.__onKeyDown:null}
-        style="cursor:${s?"pointer":"default"};"
-        role=${s?"link":"group"}
-        tabindex=${s?"0":void 0}
+        class="scb-card ${i} ${t} ${o}"
+        @click=${this.cardHref?this.__handleHrefNavigation:null}
+        @keydown=${this.cardHref?this.__onKeyDown:null}
+        style="cursor:${this.cardHref?"pointer":"default"};"
+        role=${this.cardHref?"link":"group"}
+        tabindex=${this.cardHref?"0":"-1"}
         aria-label=${this.title||"Kort"}
       >
-        ${s?a`<md-ripple></md-ripple>`:""}
-        ${p()}
+        ${this.cardHref?s`<md-ripple></md-ripple>`:""}
+        ${d()}
         ${h}
       </div>
-      ${s?a`<md-focus-ring></md-focus-ring>`:""}
-    `;switch(this.type){case"standard":return m(a`
+      <md-focus-ring></md-focus-ring>
+    `;switch(this.type){case"standard":return l(s`
           <div class="full-content">
             <div class="top-content">
-              ${this.title?a`<div class="header">${l(s)}</div>`:""}
-              ${this.subtitle?a`<div class="sub-label">${this.subtitle}</div>`:""}
-              ${this.supportingText?a`<div class="supporting-text">${this.supportingText}</div>`:""}
-              ${n?a`<div class="date">${n}</div>`:""}
+              ${this.title?s`<div class="header">${c(!!this.cardHref)}</div>`:""}
+              ${this.subtitle?s`<div class="sub-label">${this.subtitle}</div>`:""}
+              ${this.supportingText?s`<div class="supporting-text">${this.supportingText}</div>`:""}
+              ${n?s`<div class="date">${n}</div>`:""}
             </div>
           </div>
-        `);case"list":return m(a`
+        `);case"list":return l(s`
           <div class="full-content">
             <div class="top-content">
-              ${this.title?a`<div class="header"><span class="title">${this.title}</span></div>`:""}
-              ${this.subtitle?a`<div class="sub-label">${this.subtitle}</div>`:""}
-              ${this.supportingText?a`<div class="supporting-text">${this.supportingText}</div>`:""}
-              ${n?a`<div class="date">${n}</div>`:""}
+              ${this.title?s`<div class="header"><span class="title">${this.title}</span></div>`:""}
+              ${this.subtitle?s`<div class="sub-label">${this.subtitle}</div>`:""}
+              ${this.supportingText?s`<div class="supporting-text">${this.supportingText}</div>`:""}
+              ${n?s`<div class="date">${n}</div>`:""}
             </div>
             <div class="content list">
               <slot></slot>
             </div>
           </div>
-        `);case"social":const h=this.commentsHref,$=d=>{d.stopPropagation()},u=d=>{const v=this.renderRoot?.querySelector(".scb-card");v&&(d?v.classList.add("no-hover"):v.classList.remove("no-hover"))};return m(a`
+        `);case"social":const h=this.commentsHref,m=p=>{p.stopPropagation()},u=p=>{const v=this.renderRoot?.querySelector(".scb-card");v&&(p?v.classList.add("no-hover"):v.classList.remove("no-hover"))};return l(s`
           <div class="full-content">
             <div class="top-content">
-              ${this.title?a`<div class="header">${l(s)}</div>`:""}
-              ${this.subtitle?a`<div class="sub-label">${this.subtitle}</div>`:""}
-              ${this.supportingText?a`<div class="supporting-text">${this.supportingText}</div>`:""}
-              ${n?a`<div class="date">${n}</div>`:""}
+              ${this.title?s`<div class="header">${c(!!this.cardHref)}</div>`:""}
+              ${this.subtitle?s`<div class="sub-label">${this.subtitle}</div>`:""}
+              ${this.supportingText?s`<div class="supporting-text">${this.supportingText}</div>`:""}
+              ${n?s`<div class="date">${n}</div>`:""}
             </div>
             <div class="content">
               <div class="social-metrics">
@@ -72,9 +74,9 @@ import{_ as f}from"../../vendor/preload-helper.js";import{a as k,n as o,i as _,x
                   @mouseenter=${()=>u(!0)}
                   @mouseleave=${()=>u(!1)}
                 >
-                  ${h!==""?a`
-                    <scb-icon-button href="${h}" tabindex="0" @click=${$} variant="standard" icon="comment" aria-label="Gå till kommentarer" tooltip="Gå till kommentarer"></scb-icon-button>
-                  `:a`
+                  ${h!==""?s`
+                    <scb-icon-button href="${h}" tabindex="0" @click=${m} variant="standard" icon="comment" aria-label="Gå till kommentarer" tooltip="Gå till kommentarer"></scb-icon-button>
+                  `:s`
                     <md-icon>comment</md-icon>
                   `}
                   <span>${this.commentsText}: ${this.comments}</span>
@@ -83,52 +85,52 @@ import{_ as f}from"../../vendor/preload-helper.js";import{a as k,n as o,i as _,x
                   @mouseenter=${()=>u(!0)}
                   @mouseleave=${()=>u(!1)}
                 >
-                  ${this.likesInteractive?a`
+                  ${this.likesInteractive?s`
                     <scb-icon-button variant="standard" icon="${this.hasLiked,"thumb_up"}" aria-label="${this.likesText||"Gilla"}" tooltip="${this.likesText||"Gilla"}"
-                      @click=${d=>{d.stopPropagation(),this.dispatchEvent(new CustomEvent("like-click",{bubbles:!0,composed:!0}))}}
-                      @keydown=${d=>{(d.key==="Enter"||d.key===" ")&&(d.preventDefault(),d.stopPropagation(),this.dispatchEvent(new CustomEvent("like-click",{bubbles:!0,composed:!0})))}}
-                      @hover=${d=>{d.preventDefault(),d.stopPropagation(),this.dispatchEvent(new CustomEvent("like-hover",{bubbles:!0,composed:!0}))}}
+                      @click=${p=>{p.stopPropagation(),this.dispatchEvent(new CustomEvent("like-click",{bubbles:!0,composed:!0}))}}
+                      @keydown=${p=>{(p.key==="Enter"||p.key===" ")&&(p.preventDefault(),p.stopPropagation(),this.dispatchEvent(new CustomEvent("like-click",{bubbles:!0,composed:!0})))}}
+                      @hover=${p=>{p.preventDefault(),p.stopPropagation(),this.dispatchEvent(new CustomEvent("like-hover",{bubbles:!0,composed:!0}))}}
                     ></scb-icon-button>
-                  `:a`<md-icon>"${this.hasLiked,"thumb_up"}"</md-icon>`}
+                  `:s`<md-icon>"${this.hasLiked,"thumb_up"}"</md-icon>`}
                   <span>${this.likesText}: ${this.likes}</span>
                 </span>
               </div>
             </div>
           </div>
-        `);case"link":return m(a`
+        `);case"link":return l(s`
           <div class="full-content">
             <div class="top-content">
-              ${this.title?a`<div class="header"><span class="title">${this.title}</span></div>`:""}
-              ${this.subtitle?a`<div class="sub-label">${this.subtitle}</div>`:""}
-              ${this.supportingText?a`<div class="supporting-text">${this.supportingText}</div>`:""}
-              ${n?a`<div class="date">${n}</div>`:""}
+              ${this.title?s`<div class="header"><span class="title">${this.title}</span></div>`:""}
+              ${this.subtitle?s`<div class="sub-label">${this.subtitle}</div>`:""}
+              ${this.supportingText?s`<div class="supporting-text">${this.supportingText}</div>`:""}
+              ${n?s`<div class="date">${n}</div>`:""}
             </div>
             <div class="content links">
               <slot></slot>
             </div>
           </div>
-        `);case"action":return m(a`
+        `);case"action":return l(s`
           <div class="full-content">
             <div class="top-content">
-              ${this.title?a`<div class="header"><span class="title">${this.title}</span></div>`:""}
-              ${this.subtitle?a`<div class="sub-label">${this.subtitle}</div>`:""}
-              ${this.supportingText?a`<div class="supporting-text">${this.supportingText}</div>`:""}
-              ${n?a`<div class="date">${n}</div>`:""}
+              ${this.title?s`<div class="header"><span class="title">${this.title}</span></div>`:""}
+              ${this.subtitle?s`<div class="sub-label">${this.subtitle}</div>`:""}
+              ${this.supportingText?s`<div class="supporting-text">${this.supportingText}</div>`:""}
+              ${n?s`<div class="date">${n}</div>`:""}
             </div>
             <div class="content actions">
               <slot></slot>
             </div>
           </div>
-        `);default:return m(a`
+        `);default:return l(s`
           <div class="full-content">
             <div class="top-content">
-              ${this.title?a`<div class="header">${l(s)}</div>`:""}
-              ${this.subtitle?a`<div class="sub-label">${this.subtitle}</div>`:""}
-              ${this.supportingText?a`<div class="supporting-text">${this.supportingText}</div>`:""}
-              ${n?a`<div class="date">${n}</div>`:""}
+              ${this.title?s`<div class="header">${c(!!this.cardHref)}</div>`:""}
+              ${this.subtitle?s`<div class="sub-label">${this.subtitle}</div>`:""}
+              ${this.supportingText?s`<div class="supporting-text">${this.supportingText}</div>`:""}
+              ${n?s`<div class="date">${n}</div>`:""}
             </div>
           </div>
-        `)}}updated(e){super.updated(e),e.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),e.has("type")&&(this.type==="list"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")),this.style.setProperty("--scb-card-media-fit",this.mediaFit||"cover"),this.style.setProperty("--scb-card-media-position",this.mediaPosition||"center"),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom"))&&y(this,b,g).call(this)}async firstUpdated(e){i.__iconLoaded||(await f(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),i.__iconLoaded=!0),i.__rippleLoaded||(await f(()=>import("../../vendor/vendor-material.js").then(t=>t.r),__vite__mapDeps([0,1]),import.meta.url),i.__rippleLoaded=!0),y(this,b,g).call(this)}};b=new WeakSet;g=function(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,s=this.mapSpacingToken(this.spacingBottom)??e;t?this.style.setProperty("--scb-card-spacing-block-start",t):this.style.removeProperty("--scb-card-spacing-block-start"),s?this.style.setProperty("--scb-card-spacing-block-end",s):this.style.removeProperty("--scb-card-spacing-block-end")};i.__iconLoaded=!1;i.__rippleLoaded=!1;i.styles=k`
+        `)}}updated(i){super.updated(i),i.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),i.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),i.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),i.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),i.has("type")&&(this.type==="list"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")),this.style.setProperty("--scb-card-media-fit",this.mediaFit||"cover"),this.style.setProperty("--scb-card-media-position",this.mediaPosition||"center"),(i.has("spacing")||i.has("spacingTop")||i.has("spacingBottom"))&&y(this,b,g).call(this)}async firstUpdated(i){e.__iconLoaded||(await f(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),e.__iconLoaded=!0),e.__rippleLoaded||(await f(()=>import("../../vendor/vendor-material.js").then(t=>t.r),__vite__mapDeps([0,1]),import.meta.url),e.__rippleLoaded=!0),y(this,b,g).call(this)}};b=new WeakSet;g=function(){const i=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??i,o=this.mapSpacingToken(this.spacingBottom)??i;t?this.style.setProperty("--scb-card-spacing-block-start",t):this.style.removeProperty("--scb-card-spacing-block-start"),o?this.style.setProperty("--scb-card-spacing-block-end",o):this.style.removeProperty("--scb-card-spacing-block-end")};e.__iconLoaded=!1;e.__rippleLoaded=!1;e.styles=$`
     :host {
       display: block;
       box-sizing: border-box;
@@ -458,4 +460,4 @@ import{_ as f}from"../../vendor/preload-helper.js";import{a as k,n as o,i as _,x
     .scb-card.filled .content.list ::slotted(scb-list) {
       --scb-list-bg: var(--md-sys-color-surface-dim);
     }
-  `;r([o({type:String,reflect:!0})],i.prototype,"type",2);r([o({type:String,reflect:!0})],i.prototype,"variant",2);r([o({type:String,reflect:!0})],i.prototype,"direction",2);r([o({type:String,attribute:"media-type"})],i.prototype,"mediaType",2);r([o({type:String,attribute:"media-href"})],i.prototype,"mediaHref",2);r([o({type:String,attribute:"media-alt"})],i.prototype,"mediaAlt",2);r([o({type:String,attribute:"media-srcset"})],i.prototype,"mediaSrcset",2);r([o({type:String,attribute:"media-sizes"})],i.prototype,"mediaSizes",2);r([o({type:String,attribute:"media-loading"})],i.prototype,"mediaLoading",2);r([o({type:String,attribute:"media-decoding"})],i.prototype,"mediaDecoding",2);r([o({type:String,attribute:"media-fetchpriority"})],i.prototype,"mediaFetchPriority",2);r([o({type:String,attribute:"media-fit"})],i.prototype,"mediaFit",2);r([o({type:String,attribute:"media-position"})],i.prototype,"mediaPosition",2);r([o({type:String,attribute:"media-width"})],i.prototype,"mediaWidth",2);r([o({type:String,attribute:"media-height"})],i.prototype,"mediaHeight",2);r([o({type:String,attribute:"media-aspect"})],i.prototype,"mediaAspect",2);r([o({type:Boolean,attribute:"media-placeholder"})],i.prototype,"mediaPlaceholder",2);r([o({type:String,attribute:"card-href",reflect:!0})],i.prototype,"cardHref",2);r([o({type:String,reflect:!0})],i.prototype,"title",2);r([o({type:String,reflect:!0})],i.prototype,"subtitle",2);r([o({type:String,attribute:"supporting-text",reflect:!0})],i.prototype,"supportingText",2);r([o({type:Date,reflect:!0})],i.prototype,"date",2);r([o({type:String,attribute:"social-comments-text",reflect:!0})],i.prototype,"commentsText",2);r([o({type:Number,attribute:"social-comments",reflect:!0})],i.prototype,"comments",2);r([o({type:String,attribute:"social-comments-href",reflect:!0})],i.prototype,"commentsHref",2);r([o({type:String,attribute:"social-likes-text",reflect:!0})],i.prototype,"likesText",2);r([o({type:Number,attribute:"social-likes",reflect:!0})],i.prototype,"likes",2);r([o({type:Boolean,attribute:"social-has-liked",reflect:!0})],i.prototype,"hasLiked",2);r([o({type:Boolean,attribute:"social-likes-interactive",reflect:!0})],i.prototype,"likesInteractive",2);r([o({type:String,reflect:!0})],i.prototype,"sizing",2);r([o({type:String,reflect:!0})],i.prototype,"width",2);r([o({type:String,reflect:!0,attribute:"max-width"})],i.prototype,"maxWidth",2);r([o({type:String,reflect:!0})],i.prototype,"height",2);r([o({type:String,reflect:!0,attribute:"max-height"})],i.prototype,"maxHeight",2);r([o({type:String,reflect:!0})],i.prototype,"spacing",2);r([o({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",2);r([o({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",2);i=r([w("scb-card")],i);
+  `;a([r({type:String,reflect:!0})],e.prototype,"type",2);a([r({type:String,reflect:!0})],e.prototype,"variant",2);a([r({type:String,reflect:!0})],e.prototype,"direction",2);a([r({type:String,attribute:"media-type"})],e.prototype,"mediaType",2);a([r({type:String,attribute:"media-href"})],e.prototype,"mediaHref",2);a([r({type:String,attribute:"media-alt"})],e.prototype,"mediaAlt",2);a([r({type:String,attribute:"media-srcset"})],e.prototype,"mediaSrcset",2);a([r({type:String,attribute:"media-sizes"})],e.prototype,"mediaSizes",2);a([r({type:String,attribute:"media-loading"})],e.prototype,"mediaLoading",2);a([r({type:String,attribute:"media-decoding"})],e.prototype,"mediaDecoding",2);a([r({type:String,attribute:"media-fetchpriority"})],e.prototype,"mediaFetchPriority",2);a([r({type:String,attribute:"media-fit"})],e.prototype,"mediaFit",2);a([r({type:String,attribute:"media-position"})],e.prototype,"mediaPosition",2);a([r({type:String,attribute:"media-width"})],e.prototype,"mediaWidth",2);a([r({type:String,attribute:"media-height"})],e.prototype,"mediaHeight",2);a([r({type:String,attribute:"media-aspect"})],e.prototype,"mediaAspect",2);a([r({type:Boolean,attribute:"media-placeholder"})],e.prototype,"mediaPlaceholder",2);a([r({type:String,attribute:"card-href",reflect:!0})],e.prototype,"cardHref",2);a([r({type:String,reflect:!0})],e.prototype,"title",2);a([r({type:String,reflect:!0})],e.prototype,"subtitle",2);a([r({type:String,attribute:"supporting-text",reflect:!0})],e.prototype,"supportingText",2);a([r({type:Date,reflect:!0})],e.prototype,"date",2);a([r({type:String,attribute:"social-comments-text",reflect:!0})],e.prototype,"commentsText",2);a([r({type:Number,attribute:"social-comments",reflect:!0})],e.prototype,"comments",2);a([r({type:String,attribute:"social-comments-href",reflect:!0})],e.prototype,"commentsHref",2);a([r({type:String,attribute:"social-likes-text",reflect:!0})],e.prototype,"likesText",2);a([r({type:Number,attribute:"social-likes",reflect:!0})],e.prototype,"likes",2);a([r({type:Boolean,attribute:"social-has-liked",reflect:!0})],e.prototype,"hasLiked",2);a([r({type:Boolean,attribute:"social-likes-interactive",reflect:!0})],e.prototype,"likesInteractive",2);a([r({type:String,reflect:!0})],e.prototype,"sizing",2);a([r({type:String,reflect:!0})],e.prototype,"width",2);a([r({type:String,reflect:!0,attribute:"max-width"})],e.prototype,"maxWidth",2);a([r({type:String,reflect:!0})],e.prototype,"height",2);a([r({type:String,reflect:!0,attribute:"max-height"})],e.prototype,"maxHeight",2);a([r({type:String,reflect:!0})],e.prototype,"spacing",2);a([r({type:String,attribute:"spacing-top",reflect:!0})],e.prototype,"spacingTop",2);a([r({type:String,attribute:"spacing-bottom",reflect:!0})],e.prototype,"spacingBottom",2);e=a([_("scb-card")],e);

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

@@ -33,7 +33,7 @@ import{a as b,n as c,i as p,E as d,x as h,t as u}from"../../vendor/vendor.js";im
       display: inline-flex;
       align-items: center;
       padding: var(--spacing-2, 4px);
-      gap: var(--spacing-2, 4px);
+      gap: var(--spacing-5, 16px);
       cursor: pointer;
       overflow: visible;
     }
@@ -44,7 +44,6 @@ import{a as b,n as c,i as p,E as d,x as h,t as u}from"../../vendor/vendor.js";im
 
     .box-wrap {
       height: var(--scb-checkbox-target, 40px);
-      width: var(--scb-checkbox-target, 40px);
       display: flex;
       align-items: center;
       justify-content: center;

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

@@ -1,4 +1,4 @@
-import{a as c,n as d,i as p,x as h,t as u}from"../../vendor/vendor.js";import"../scb-button/scb-button.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(n,o,e){try{customElements.get(n)||s(n,o,e)}catch(i){var l=String(i||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var m=Object.defineProperty,b=Object.getOwnPropertyDescriptor,r=(t,s,n,o)=>{for(var e=o>1?void 0:o?b(s,n):s,l=t.length-1,i;l>=0;l--)(i=t[l])&&(e=(o?i(s,n,e):i(e))||e);return o&&e&&m(s,n,e),e};let a=class extends p{constructor(){super(...arguments),this._contentId=`scb-collapse-content-${Math.random().toString(36).substr(2,9)}`,this.variant="elements",this.collapsedHeight=40,this.visibleElements=1,this.expanded=!1,this._elementCount=0,this.expandButtonLabel="Mer",this.collapseButtonLabel="Mindre",this._contentHeight=0}get _regionLabel(){return`${this.expanded?this.collapseButtonLabel:this.expandButtonLabel} – ${this._contentId}`}toggle(){this.expanded=!this.expanded}firstUpdated(){this._measureContent(),this._countElements();const t=this.shadowRoot?.querySelector("slot");t&&t.addEventListener("slotchange",()=>{this._measureContent(),this._countElements()})}updated(t){(t.has("collapsed-height")||t.has("expanded"))&&this._measureContent(),(t.has("visible-elements")||t.has("variant"))&&this._countElements()}_measureContent(){if(this.variant==="height"){const t=this.shadowRoot?.querySelector("slot");if(t){const s=t.assignedNodes({flatten:!0});let n=0;s.forEach(o=>{if(o.nodeType===Node.ELEMENT_NODE){const e=o;n+=e.offsetHeight||e.scrollHeight||0}}),this._contentHeight=n,this.requestUpdate()}}}_countElements(){if(this.variant==="elements"){const t=this.shadowRoot?.querySelector("slot");if(t){const s=t.assignedNodes({flatten:!0});this._elementCount=s.filter(n=>n.nodeType===Node.ELEMENT_NODE).length,this.requestUpdate()}}}render(){if(this.variant==="height"){const t=this.expanded?`${this._contentHeight}px`:`${this.collapsedHeight}px`,s=this._contentHeight>this.collapsedHeight;return h`
+import{a as c,n as d,i as p,x as h,t as u}from"../../vendor/vendor.js";import"../scb-button/scb-button.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 o=customElements.define.bind(customElements);customElements.define=function(n,s,e){try{customElements.get(n)||o(n,s,e)}catch(i){var l=String(i||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var b=Object.defineProperty,m=Object.getOwnPropertyDescriptor,r=(t,o,n,s)=>{for(var e=s>1?void 0:s?m(o,n):o,l=t.length-1,i;l>=0;l--)(i=t[l])&&(e=(s?i(o,n,e):i(e))||e);return s&&e&&b(o,n,e),e};let a=class extends p{constructor(){super(...arguments),this._contentId=`scb-collapse-content-${Math.random().toString(36).substr(2,9)}`,this.variant="elements",this.collapsedHeight=40,this.visibleElements=1,this.expanded=!1,this._elementCount=0,this.expandButtonLabel="Mer",this.collapseButtonLabel="Mindre",this._contentHeight=0}get _regionLabel(){return`${this.expanded?this.collapseButtonLabel:this.expandButtonLabel} – ${this._contentId}`}toggle(){this.expanded=!this.expanded}firstUpdated(){this._measureContent(),this._countElements();const t=this.shadowRoot?.querySelector("slot");t&&t.addEventListener("slotchange",()=>{this._measureContent(),this._countElements()})}updated(t){(t.has("collapsed-height")||t.has("expanded"))&&this._measureContent(),(t.has("visible-elements")||t.has("variant"))&&this._countElements()}_measureContent(){if(this.variant==="height"){const t=this.shadowRoot?.querySelector("slot");if(t){const o=t.assignedNodes({flatten:!0});let n=0;o.forEach(s=>{if(s.nodeType===Node.ELEMENT_NODE){const e=s;n+=e.offsetHeight||e.scrollHeight||0}}),this._contentHeight=n,this.requestUpdate()}}}_countElements(){if(this.variant==="elements"){const t=this.shadowRoot?.querySelector("slot");if(t){const o=t.assignedNodes({flatten:!0});this._elementCount=o.filter(n=>n.nodeType===Node.ELEMENT_NODE).length,this.requestUpdate()}}}render(){if(this.variant==="height"){const t=this.expanded?`${this._contentHeight}px`:`${this.collapsedHeight}px`,o=this._contentHeight>this.collapsedHeight;return h`
         <div
           class="collapse-content"
           id="${this._contentId}"
@@ -7,20 +7,20 @@ import{a as c,n as d,i as p,x as h,t as u}from"../../vendor/vendor.js";import"..
            aria-label="${this._regionLabel}"
         >
           <slot></slot>
-          ${s&&!this.expanded?h`<div class="collapse-gradient-overlay"></div>`:""}
+          ${o&&!this.expanded?h`<div class="collapse-gradient-overlay"></div>`:""}
         </div>
-        ${s?h`
+        ${o?h`
             <scb-button
               id="${this._contentId}-button"
               @click="${this.toggle}"
               variant="text"
               label="${this.expanded?this.collapseButtonLabel:this.expandButtonLabel}"
-              icon="${this.expanded?"expand_less":"expand_more"}"
+              icon="${this.expanded?"keyboard_arrow_up":"keyboard_arrow_down"}"
               aria-controls="${this._contentId}"
             >
             </scb-button>
         `:""}
-      `}else{const t=typeof this.visibleElements=="string"?parseInt(this.visibleElements,10):this.visibleElements,s=this._elementCount>t;return setTimeout(()=>{const n=this.shadowRoot?.querySelector("slot");n&&n.assignedNodes({flatten:!0}).filter(e=>e.nodeType===Node.ELEMENT_NODE).forEach((e,l)=>{const i=e;!this.expanded&&l>=t?i.classList.add("scb-collapsed-hidden"):i.classList.remove("scb-collapsed-hidden")})},0),h`
+      `}else{const t=typeof this.visibleElements=="string"?parseInt(this.visibleElements,10):this.visibleElements,o=this._elementCount>t;return setTimeout(()=>{const n=this.shadowRoot?.querySelector("slot");n&&n.assignedNodes({flatten:!0}).filter(e=>e.nodeType===Node.ELEMENT_NODE).forEach((e,l)=>{const i=e;!this.expanded&&l>=t?i.classList.add("scb-collapsed-hidden"):i.classList.remove("scb-collapsed-hidden")})},0),h`
         <div
           class="collapse-content"
           id="${this._contentId}"
@@ -29,13 +29,13 @@ import{a as c,n as d,i as p,x as h,t as u}from"../../vendor/vendor.js";import"..
         >
           <slot></slot>
         </div>
-        ${s?h`
+        ${o?h`
             <scb-button
               id="${this._contentId}-button"
               @click="${this.toggle}"
               variant="text"
               label="${this.expanded?this.collapseButtonLabel:this.expandButtonLabel}"
-              icon="${this.expanded?"expand_less":"expand_more"}"
+              icon="${this.expanded?"keyboard_arrow_up":"keyboard_arrow_down"}"
               aria-controls="${this._contentId}"
             >
             </scb-button>

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

@@ -1,8 +1,8 @@
-import{a as m,n as d,e as h,i as f,x as b,t as _}from"../../vendor/vendor.js";import"../scb-button/scb-button.js";import"../scb-menu/scb-menu.js";import"../../vendor/vendor-material.js";import"../scb-menu/scb-menu-item.js";import"../scb-divider/scb-divider.js";import"../scb-menu/scb-sub-menu.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,s,i){try{customElements.get(n)||t(n,s,i)}catch(p){var l=String(p||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var y=Object.defineProperty,g=Object.getOwnPropertyDescriptor,a=(e,t,n,s)=>{for(var i=s>1?void 0:s?g(t,n):t,l=e.length-1,p;l>=0;l--)(p=e[l])&&(i=(s?p(t,n,i):p(i))||i);return s&&i&&y(t,n,i),i};let r=class extends f{constructor(){super(...arguments),this.label="Dropdown",this.variant="filled",this.open=!1,this.disabled=!1,this.menuGap="3",this.width=null,this.maxWidth=null,this._slottedMenuEl=null,this._openSettledTimer=null,this._menuCloseTimer=null,this._panelResizeObserver=null,this._panelHeightSyncRaf=null,this._onDocumentClickBound=e=>{if(!this.open)return;const t=e.composedPath(),n=t.find(s=>s instanceof HTMLElement&&s.tagName.toLowerCase()==="scb-dropdown");if(n&&n!==this){this.open=!1;return}t.includes(this)||(this.open=!1)},this._onDocumentKeydownBound=e=>{this.open&&e.key==="Escape"&&(this.open=!1)},this._onSlottedMenuOpen=()=>{this.open||(this.open=!0)},this._onSlottedMenuClose=()=>{this.open&&(this.open=!1)},this._onSlotChange=()=>{this._syncSlottedMenu(),this._applyPanelSizing(),this._applyInertByOpen(),this.requestUpdate()},this._onTriggerClick=e=>{e.stopPropagation(),!this.disabled&&(this.open=!this.open)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocumentClickBound,!0),document.addEventListener("keydown",this._onDocumentKeydownBound)}disconnectedCallback(){document.removeEventListener("click",this._onDocumentClickBound,!0),document.removeEventListener("keydown",this._onDocumentKeydownBound),this._detachSlottedMenuListeners(),this._panelResizeObserver&&(this._panelResizeObserver.disconnect(),this._panelResizeObserver=null),this._panelHeightSyncRaf!==null&&(window.cancelAnimationFrame(this._panelHeightSyncRaf),this._panelHeightSyncRaf=null),this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),super.disconnectedCallback()}firstUpdated(e){super.firstUpdated(e),this._syncSlottedMenu(),this._applyPanelVars(),this._applyPanelSizing(),this._applyChevronState(),this._applyInertByOpen(),this._setupPanelResizeObserver(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen()}updated(e){super.updated(e),e.has("menuGap")&&this._applyPanelVars(),(e.has("width")||e.has("maxWidth"))&&this._applyPanelSizing(),e.has("open")&&(this.open||this._closeAllSubMenus(),this._syncSlottedMenuOpen(),this._applyChevronState(),this._applyInertByOpen(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen())}_applyPanelVars(){if(this.menuGap==null||String(this.menuGap).trim()===""){this.style.removeProperty("--scb-dropdown-panel-gap");return}this.style.setProperty("--scb-dropdown-panel-gap",this._mapSpacingToken(this.menuGap))}_applyPanelSizing(){const e=this.renderRoot.querySelector(".panel-surface");e&&(this.width&&String(this.width).trim()!==""?e.style.inlineSize=this.width:e.style.removeProperty("inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?e.style.maxInlineSize=this.maxWidth:e.style.removeProperty("max-inline-size")),this._slottedMenuEl&&(this.width&&String(this.width).trim()!==""?this._slottedMenuEl.style.inlineSize=this.width:this._slottedMenuEl.style.removeProperty("inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?this._slottedMenuEl.style.maxInlineSize=this.maxWidth:this._slottedMenuEl.style.removeProperty("max-inline-size")),this._schedulePanelHeightSync()}_setupPanelResizeObserver(){if(this._panelResizeObserver||typeof ResizeObserver>"u")return;const e=this._panelInnerEl;e&&(this._panelResizeObserver=new ResizeObserver(()=>{this._schedulePanelHeightSync()}),this._panelResizeObserver.observe(e))}_schedulePanelHeightSync(){this._panelHeightSyncRaf===null&&(this._panelHeightSyncRaf=window.requestAnimationFrame(()=>{this._panelHeightSyncRaf=null,this._syncPanelMaxHeightByOpen()}))}_syncPanelMaxHeightByOpen(){const e=this._panelSurfaceEl;if(!e)return;if(this._slottedMenuEl){e.style.removeProperty("--scb-dropdown-panel-current-max-height");return}if(!this.open){e.style.setProperty("--scb-dropdown-panel-current-max-height","0px");return}const t=this._panelInnerEl;if(!t)return;const n=`${Math.ceil(t.scrollHeight)}px`;e.style.getPropertyValue("--scb-dropdown-panel-current-max-height").trim()!==n&&e.style.setProperty("--scb-dropdown-panel-current-max-height",n)}_mapSpacingToken(e){const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_syncSlottedMenu(){const t=(this._slotEl?.assignedElements({flatten:!0})??[]).find(n=>n.tagName.toLowerCase()==="scb-menu");if(t===this._slottedMenuEl){this._syncSlottedMenuOpen();return}this._detachSlottedMenuListeners(),this._slottedMenuEl=t??null,this._slottedMenuEl&&(this._slottedMenuEl.addEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.addEventListener("close",this._onSlottedMenuClose),this._syncSlottedMenuOpen())}_detachSlottedMenuListeners(){this._slottedMenuEl&&(this._slottedMenuEl.removeEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.removeEventListener("close",this._onSlottedMenuClose))}_syncSlottedMenuOpen(){if(!this._slottedMenuEl)return;if(this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),this.open){this._slottedMenuEl.open=!0;return}const e=this._getPanelTransitionMs();if(e<=0){this._slottedMenuEl.open=!1;return}this._menuCloseTimer=window.setTimeout(()=>{this._menuCloseTimer=null,!this.open&&this._slottedMenuEl&&(this._slottedMenuEl.open=!1)},e)}_syncOverflowVisibilityByOpen(){if(this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this.removeAttribute("data-open-settled"),!this.open)return;const e=this.renderRoot.querySelector(".panel-surface");if(!e){this.setAttribute("data-open-settled","");return}const t=this._getTransitionMs(e);if(t<=0){this.setAttribute("data-open-settled","");return}this._openSettledTimer=window.setTimeout(()=>{this._openSettledTimer=null,this.open&&this.setAttribute("data-open-settled","")},t)}_getPanelTransitionMs(){const e=this.renderRoot.querySelector(".panel-surface");return e?this._getTransitionMs(e):0}_getTransitionMs(e){const t=getComputedStyle(e),n=t.transitionDuration.split(",").map(o=>o.trim()),s=t.transitionDelay.split(",").map(o=>o.trim()),i=o=>{const u=parseFloat(o);return Number.isFinite(u)?o.endsWith("ms")?u:o.endsWith("s")?u*1e3:u:0},l=Math.max(n.length,s.length);let p=0;for(let o=0;o<l;o+=1){const u=i(n[o]??n[n.length-1]??"0s"),c=i(s[o]??s[s.length-1]??"0s");p=Math.max(p,u+c)}return Math.ceil(p)}_applyInertByOpen(){const e=this.renderRoot.querySelector(".panel");e&&(this.open?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false"),this._restoreTabIndexesIfNeeded()):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true"),this._removeTabIndexesIfNeeded()))}_supportsInert(){return"inert"in HTMLElement.prototype}_collectFocusableFromSlot(){const e=this._slotEl;if(!e)return[];const t=e.assignedElements({flatten:!0}),n=[],s=i=>{i instanceof HTMLElement&&i.matches("a,button,input,select,textarea,[tabindex]")&&n.push(i)};return t.forEach(i=>{s(i),i.querySelectorAll?.("a,button,input,select,textarea,[tabindex]").forEach(l=>s(l))}),n}_removeTabIndexesIfNeeded(){if(this._supportsInert())return;this._collectFocusableFromSlot().forEach(t=>{const n=t.getAttribute("tabindex");n!==null&&t.setAttribute("data-scb-prev-tabindex",n),t.setAttribute("tabindex","-1")})}_restoreTabIndexesIfNeeded(){if(this._supportsInert())return;this._collectFocusableFromSlot().forEach(t=>{const n=t.getAttribute("data-scb-prev-tabindex");n!==null?(t.setAttribute("tabindex",n),t.removeAttribute("data-scb-prev-tabindex")):t.removeAttribute("tabindex")})}_closeAllSubMenus(){const e=this.querySelectorAll("scb-sub-menu");for(const t of e)t.removeAttribute("open")}_applyChevronState(){const e=this._getChevronIconEl();e&&(e.style.transition="transform var(--motion-duration-medium, 200ms) var(--motion-easing-standard, ease)",e.style.transformOrigin="center",e.style.transform=this.open?"rotate(180deg)":"rotate(0deg)")}_getChevronIconEl(){const t=this._triggerEl?.shadowRoot;return t?t.querySelector('md-icon[slot="icon"]')??t.querySelector("md-icon"):null}render(){const e=!!this._slottedMenuEl;return b`
+import{a as m,n as p,e as h,i as f,x as b,t as _}from"../../vendor/vendor.js";import"../scb-button/scb-button.js";import"../scb-menu/scb-menu.js";import"../../vendor/vendor-material.js";import"../scb-menu/scb-menu-item.js";import"../scb-divider/scb-divider.js";import"../scb-menu/scb-sub-menu.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,s,i){try{customElements.get(n)||t(n,s,i)}catch(d){var l=String(d||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var y=Object.defineProperty,g=Object.getOwnPropertyDescriptor,a=(e,t,n,s)=>{for(var i=s>1?void 0:s?g(t,n):t,l=e.length-1,d;l>=0;l--)(d=e[l])&&(i=(s?d(t,n,i):d(i))||i);return s&&i&&y(t,n,i),i};let r=class extends f{constructor(){super(...arguments),this.label="Dropdown",this.variant="filled",this.open=!1,this.disabled=!1,this.menuGap="3",this.width=null,this.maxWidth=null,this._slottedMenuEl=null,this._openSettledTimer=null,this._menuCloseTimer=null,this._panelResizeObserver=null,this._panelHeightSyncRaf=null,this._onDocumentClickBound=e=>{if(!this.open)return;const t=e.composedPath(),n=t.find(s=>s instanceof HTMLElement&&s.tagName.toLowerCase()==="scb-dropdown");if(n&&n!==this){this.open=!1;return}t.includes(this)||(this.open=!1)},this._onDocumentKeydownBound=e=>{this.open&&e.key==="Escape"&&(this.open=!1)},this._onSlottedMenuOpen=()=>{this.open||(this.open=!0)},this._onSlottedMenuClose=()=>{this.open&&(this.open=!1)},this._onSlotChange=()=>{this._syncSlottedMenu(),this._applyPanelSizing(),this._applyInertByOpen(),this.requestUpdate()},this._onTriggerClick=e=>{e.stopPropagation(),!this.disabled&&(this.open=!this.open)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocumentClickBound,!0),document.addEventListener("keydown",this._onDocumentKeydownBound)}disconnectedCallback(){document.removeEventListener("click",this._onDocumentClickBound,!0),document.removeEventListener("keydown",this._onDocumentKeydownBound),this._detachSlottedMenuListeners(),this._panelResizeObserver&&(this._panelResizeObserver.disconnect(),this._panelResizeObserver=null),this._panelHeightSyncRaf!==null&&(window.cancelAnimationFrame(this._panelHeightSyncRaf),this._panelHeightSyncRaf=null),this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),super.disconnectedCallback()}firstUpdated(e){super.firstUpdated(e),this._syncSlottedMenu(),this._applyPanelVars(),this._applyPanelSizing(),this._applyChevronState(),this._applyInertByOpen(),this._setupPanelResizeObserver(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen()}updated(e){super.updated(e),e.has("menuGap")&&this._applyPanelVars(),(e.has("width")||e.has("maxWidth"))&&this._applyPanelSizing(),e.has("open")&&(this.open||this._closeAllSubMenus(),this._syncSlottedMenuOpen(),this._applyChevronState(),this._applyInertByOpen(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen())}_applyPanelVars(){if(this.menuGap==null||String(this.menuGap).trim()===""){this.style.removeProperty("--scb-dropdown-panel-gap");return}this.style.setProperty("--scb-dropdown-panel-gap",this._mapSpacingToken(this.menuGap))}_applyPanelSizing(){const e=this.renderRoot.querySelector(".panel-surface");e&&(this.width&&String(this.width).trim()!==""?e.style.inlineSize=this.width:e.style.removeProperty("inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?e.style.maxInlineSize=this.maxWidth:e.style.removeProperty("max-inline-size")),this._slottedMenuEl&&(this.width&&String(this.width).trim()!==""?this._slottedMenuEl.style.inlineSize=this.width:this._slottedMenuEl.style.removeProperty("inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?this._slottedMenuEl.style.maxInlineSize=this.maxWidth:this._slottedMenuEl.style.removeProperty("max-inline-size")),this._schedulePanelHeightSync()}_setupPanelResizeObserver(){if(this._panelResizeObserver||typeof ResizeObserver>"u")return;const e=this._panelInnerEl;e&&(this._panelResizeObserver=new ResizeObserver(()=>{this._schedulePanelHeightSync()}),this._panelResizeObserver.observe(e))}_schedulePanelHeightSync(){this._panelHeightSyncRaf===null&&(this._panelHeightSyncRaf=window.requestAnimationFrame(()=>{this._panelHeightSyncRaf=null,this._syncPanelMaxHeightByOpen()}))}_syncPanelMaxHeightByOpen(){const e=this._panelSurfaceEl;if(!e)return;if(this._slottedMenuEl){e.style.removeProperty("--scb-dropdown-panel-current-max-height");return}if(!this.open){e.style.setProperty("--scb-dropdown-panel-current-max-height","0px");return}const t=this._panelInnerEl;if(!t)return;const n=`${Math.ceil(t.scrollHeight)}px`;e.style.getPropertyValue("--scb-dropdown-panel-current-max-height").trim()!==n&&e.style.setProperty("--scb-dropdown-panel-current-max-height",n)}_mapSpacingToken(e){const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_syncSlottedMenu(){const t=(this._slotEl?.assignedElements({flatten:!0})??[]).find(n=>n.tagName.toLowerCase()==="scb-menu");if(t===this._slottedMenuEl){this._syncSlottedMenuOpen();return}this._detachSlottedMenuListeners(),this._slottedMenuEl=t??null,this._slottedMenuEl&&(this._slottedMenuEl.addEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.addEventListener("close",this._onSlottedMenuClose),this._syncSlottedMenuOpen())}_detachSlottedMenuListeners(){this._slottedMenuEl&&(this._slottedMenuEl.removeEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.removeEventListener("close",this._onSlottedMenuClose))}_syncSlottedMenuOpen(){if(!this._slottedMenuEl)return;if(this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),this.open){this._slottedMenuEl.open=!0;return}const e=this._getPanelTransitionMs();if(e<=0){this._slottedMenuEl.open=!1;return}this._menuCloseTimer=window.setTimeout(()=>{this._menuCloseTimer=null,!this.open&&this._slottedMenuEl&&(this._slottedMenuEl.open=!1)},e)}_syncOverflowVisibilityByOpen(){if(this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this.removeAttribute("data-open-settled"),!this.open)return;const e=this.renderRoot.querySelector(".panel-surface");if(!e){this.setAttribute("data-open-settled","");return}const t=this._getTransitionMs(e);if(t<=0){this.setAttribute("data-open-settled","");return}this._openSettledTimer=window.setTimeout(()=>{this._openSettledTimer=null,this.open&&this.setAttribute("data-open-settled","")},t)}_getPanelTransitionMs(){const e=this.renderRoot.querySelector(".panel-surface");return e?this._getTransitionMs(e):0}_getTransitionMs(e){const t=getComputedStyle(e),n=t.transitionDuration.split(",").map(o=>o.trim()),s=t.transitionDelay.split(",").map(o=>o.trim()),i=o=>{const u=parseFloat(o);return Number.isFinite(u)?o.endsWith("ms")?u:o.endsWith("s")?u*1e3:u:0},l=Math.max(n.length,s.length);let d=0;for(let o=0;o<l;o+=1){const u=i(n[o]??n[n.length-1]??"0s"),c=i(s[o]??s[s.length-1]??"0s");d=Math.max(d,u+c)}return Math.ceil(d)}_applyInertByOpen(){const e=this.renderRoot.querySelector(".panel");e&&(this.open?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false"),this._restoreTabIndexesIfNeeded()):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true"),this._removeTabIndexesIfNeeded()))}_supportsInert(){return"inert"in HTMLElement.prototype}_collectFocusableFromSlot(){const e=this._slotEl;if(!e)return[];const t=e.assignedElements({flatten:!0}),n=[],s=i=>{i instanceof HTMLElement&&i.matches("a,button,input,select,textarea,[tabindex]")&&n.push(i)};return t.forEach(i=>{s(i),i.querySelectorAll?.("a,button,input,select,textarea,[tabindex]").forEach(l=>s(l))}),n}_removeTabIndexesIfNeeded(){if(this._supportsInert())return;this._collectFocusableFromSlot().forEach(t=>{const n=t.getAttribute("tabindex");n!==null&&t.setAttribute("data-scb-prev-tabindex",n),t.setAttribute("tabindex","-1")})}_restoreTabIndexesIfNeeded(){if(this._supportsInert())return;this._collectFocusableFromSlot().forEach(t=>{const n=t.getAttribute("data-scb-prev-tabindex");n!==null?(t.setAttribute("tabindex",n),t.removeAttribute("data-scb-prev-tabindex")):t.removeAttribute("tabindex")})}_closeAllSubMenus(){const e=this.querySelectorAll("scb-sub-menu");for(const t of e)t.removeAttribute("open")}_applyChevronState(){const e=this._getChevronIconEl();e&&(e.style.transition="transform var(--motion-duration-medium, 200ms) var(--motion-easing-standard, ease)",e.style.transformOrigin="center",e.style.transform=this.open?"rotate(180deg)":"rotate(0deg)")}_getChevronIconEl(){const t=this._triggerEl?.shadowRoot;return t?t.querySelector('md-icon[slot="icon"]')??t.querySelector("md-icon"):null}render(){const e=!!this._slottedMenuEl;return b`
       <scb-button
         label=${this.label}
         variant=${this.variant}
-        icon="expand_more"
+        icon="keyboard_arrow_down"
         ?trailing-icon=${!0}
         ?disabled=${this.disabled}
         @click=${this._onTriggerClick}
@@ -52,7 +52,7 @@ import{a as m,n as d,e as h,i as f,x as b,t as _}from"../../vendor/vendor.js";im
     }
 
     .panel-surface {
-      width: fit-content;
+      width: 100%;
       max-width: var(--scb-dropdown-panel-max-width, 600px);
       background: var(--md-sys-color-surface, #ffffff);
       box-shadow: var(--elevation-2, 0px 2px 10px rgba(0, 0, 0, 0.12));
@@ -174,9 +174,19 @@ import{a as m,n as d,e as h,i as f,x as b,t as _}from"../../vendor/vendor.js";im
       padding: 0;
     }
 
+    ::slotted(scb-checkbox) {
+      display: block;
+      padding-right: var(--spacing-4, 12px);   
+    }
+
+    ::slotted(scb-radio-button) {
+      display: block;
+      padding-right: var(--spacing-4, 12px);   
+    }
+
     @media (prefers-reduced-motion: reduce) {
       .panel-surface {
         transition: none;
       }
     }
-  `;a([d({type:String})],r.prototype,"label",2);a([d({type:String})],r.prototype,"variant",2);a([d({type:Boolean,reflect:!0})],r.prototype,"open",2);a([d({type:Boolean,reflect:!0})],r.prototype,"disabled",2);a([d({type:String,attribute:"menu-gap"})],r.prototype,"menuGap",2);a([d({type:String})],r.prototype,"width",2);a([d({type:String,attribute:"max-width"})],r.prototype,"maxWidth",2);a([h("scb-button")],r.prototype,"_triggerEl",2);a([h("slot")],r.prototype,"_slotEl",2);a([h(".panel-surface")],r.prototype,"_panelSurfaceEl",2);a([h(".panel-inner")],r.prototype,"_panelInnerEl",2);r=a([_("scb-dropdown")],r);
+  `;a([p({type:String})],r.prototype,"label",2);a([p({type:String})],r.prototype,"variant",2);a([p({type:Boolean,reflect:!0})],r.prototype,"open",2);a([p({type:Boolean,reflect:!0})],r.prototype,"disabled",2);a([p({type:String,attribute:"menu-gap"})],r.prototype,"menuGap",2);a([p({type:String})],r.prototype,"width",2);a([p({type:String,attribute:"max-width"})],r.prototype,"maxWidth",2);a([h("scb-button")],r.prototype,"_triggerEl",2);a([h("slot")],r.prototype,"_slotEl",2);a([h(".panel-surface")],r.prototype,"_panelSurfaceEl",2);a([h(".panel-inner")],r.prototype,"_panelInnerEl",2);r=a([_("scb-dropdown")],r);

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

@@ -1,8 +1,8 @@
 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 p}from"../../vendor/preload-helper.js";import{a as f,n,i as m,x as l,E as i,t as y}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 e=customElements.define.bind(customElements);customElements.define=function(s,d,a){try{customElements.get(s)||e(s,d,a)}catch(h){var c=String(h||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var v=Object.defineProperty,$=Object.getOwnPropertyDescriptor,b=t=>{throw TypeError(t)},r=(t,e,s,d)=>{for(var a=d>1?void 0:d?$(e,s):e,c=t.length-1,h;c>=0;c--)(h=t[c])&&(a=(d?h(e,s,a):h(a))||a);return d&&a&&v(e,s,a),a},A=(t,e,s)=>e.has(t)||b("Cannot "+s),S=(t,e,s)=>e.has(t)?b("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,s),g=(t,e,s)=>(A(t,e,"access private method"),s),_,u;let o=class extends m{constructor(){super(...arguments),S(this,_),this.icon="home",this.tooltip="",this.ariaLabel="",this.variant="standard",this.toggle=!1,this.selected=!1,this.toggleofficon="add",this.toggleonicon="remove",this.disabled=!1,this.spacing="",this.spacingTop="",this.spacingBottom="",this.href="",this.target="",this.rel="",this.__loadedVariants=new Set,this.__iconLoaded=!1,this.__lastMdHost=null,this.__onInnerChange=()=>{const e=!!this.__getMdHost()?.selected;this.toggle&&(this.selected=e),this.dispatchEvent(new CustomEvent("change",{detail:{selected:e},bubbles:!0,composed:!0}))}}async firstUpdated(){await this.__ensureDepsLoaded(),await this.updateComplete,this.__attachChangeListener(),this.__syncTitleAndAria(),g(this,_,u).call(this)}updated(t){if(super.updated(t),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&g(this,_,u).call(this),t.has("variant")){this.__ensureDepsLoaded().then(()=>{queueMicrotask(()=>{this.__attachChangeListener(),this.__syncTitleAndAria()})});return}(t.has("toggle")||t.has("icon")||t.has("toggleofficon")||t.has("toggleonicon")||t.has("selected")||t.has("disabled")||t.has("tooltip")||t.has("ariaLabel"))&&queueMicrotask(()=>{this.__attachChangeListener(),this.__syncTitleAndAria()})}disconnectedCallback(){this.__lastMdHost?.removeEventListener?.("change",this.__onInnerChange),this.__lastMdHost=null,super.disconnectedCallback()}async __ensureDepsLoaded(){if(!this.__loadedVariants.has(this.variant)){switch(this.variant){case"filled":await p(()=>import("../../vendor/vendor-material.js").then(t=>t.f),__vite__mapDeps([0,1]),import.meta.url);break;case"outlined":await p(()=>import("../../vendor/vendor-material.js").then(t=>t.o),__vite__mapDeps([0,1]),import.meta.url);break;case"filled-tonal":await p(()=>import("../../vendor/vendor-material.js").then(t=>t.c),__vite__mapDeps([0,1]),import.meta.url);break;default:await p(()=>import("../../vendor/vendor-material.js").then(t=>t.d),__vite__mapDeps([0,1]),import.meta.url);break}this.__loadedVariants.add(this.variant)}this.__iconLoaded||(await p(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),this.__iconLoaded=!0)}__getMdHost(){return this.renderRoot.querySelector("md-filled-icon-button, md-outlined-icon-button, md-filled-tonal-icon-button, md-icon-button")}__attachChangeListener(){const t=this.__getMdHost();t&&t!==this.__lastMdHost&&(this.__lastMdHost?.removeEventListener?.("change",this.__onInnerChange),t.addEventListener("change",this.__onInnerChange),this.__lastMdHost=t),this.toggle&&t&&"selected"in t&&(t.selected=this.selected)}__syncTitleAndAria(){const t=this.__getMdHost();if(!t)return;const e=(this.tooltip||this.getAttribute("title")||"").trim(),s=(this.ariaLabel||this.getAttribute("aria-label")||"").trim(),d=this.getAttribute("aria-controls"),a=this.getAttribute("aria-expanded");this.tooltip&&this.setAttribute("title",e);const c=s||e||this.icon.trim()||void 0;c?t.setAttribute("aria-label",c):t.removeAttribute("aria-label"),e?t.setAttribute("title",e):t.removeAttribute("title"),d!==null?t.setAttribute("aria-controls",d):t.removeAttribute("aria-controls"),a!==null?t.setAttribute("aria-expanded",a):t.removeAttribute("aria-expanded")}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}__renderToggleIcons(){return l`
-      <md-icon aria-hidden="true">${this.toggleofficon}</md-icon>
-      <md-icon slot="selected" aria-hidden="true">${this.toggleonicon}</md-icon>
-    `}__renderSingleIcon(){return l`<md-icon aria-hidden="true">${this.icon}</md-icon>`}__renderMd(){const t=this.toggle?this.__renderToggleIcons():this.__renderSingleIcon();if(this.toggle)switch(this.variant){case"filled":return l`
+import{_ as p}from"../../vendor/preload-helper.js";import{a as b,n as r,i as m,x as l,E as i,t as v}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 e=customElements.define.bind(customElements);customElements.define=function(o,d,a){try{customElements.get(o)||e(o,d,a)}catch(h){var c=String(h||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var y=Object.defineProperty,$=Object.getOwnPropertyDescriptor,g=t=>{throw TypeError(t)},n=(t,e,o,d)=>{for(var a=d>1?void 0:d?$(e,o):e,c=t.length-1,h;c>=0;c--)(h=t[c])&&(a=(d?h(e,o,a):h(a))||a);return d&&a&&y(e,o,a),a},A=(t,e,o)=>e.has(t)||g("Cannot "+o),L=(t,e,o)=>e.has(t)?g("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,o),_=(t,e,o)=>(A(t,e,"access private method"),o),u,f;let s=class extends m{constructor(){super(...arguments),L(this,u),this.icon="home",this.filled=!1,this.iconFilled=!1,this.tooltip="",this.ariaLabel="",this.variant="standard",this.toggle=!1,this.selected=!1,this.toggleofficon="add",this.toggleonicon="remove",this.disabled=!1,this.spacing="",this.spacingTop="",this.spacingBottom="",this.href="",this.target="",this.rel="",this.__loadedVariants=new Set,this.__iconLoaded=!1,this.__lastMdHost=null,this.__onInnerChange=()=>{const e=!!this.__getMdHost()?.selected;this.toggle&&(this.selected=e),this.dispatchEvent(new CustomEvent("change",{detail:{selected:e},bubbles:!0,composed:!0}))}}async firstUpdated(){await this.__ensureDepsLoaded(),await this.updateComplete,this.__attachChangeListener(),this.__syncTitleAndAria(),_(this,u,f).call(this)}updated(t){if(super.updated(t),t.has("iconFilled")?this.filled!==this.iconFilled&&(this.filled=this.iconFilled):t.has("filled")&&this.iconFilled!==this.filled&&(this.iconFilled=this.filled),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&_(this,u,f).call(this),t.has("variant")){this.__ensureDepsLoaded().then(()=>{queueMicrotask(()=>{this.__attachChangeListener(),this.__syncTitleAndAria()})});return}(t.has("toggle")||t.has("icon")||t.has("toggleofficon")||t.has("toggleonicon")||t.has("selected")||t.has("disabled")||t.has("tooltip")||t.has("ariaLabel"))&&queueMicrotask(()=>{this.__attachChangeListener(),this.__syncTitleAndAria()})}disconnectedCallback(){this.__lastMdHost?.removeEventListener?.("change",this.__onInnerChange),this.__lastMdHost=null,super.disconnectedCallback()}async __ensureDepsLoaded(){if(!this.__loadedVariants.has(this.variant)){switch(this.variant){case"filled":await p(()=>import("../../vendor/vendor-material.js").then(t=>t.f),__vite__mapDeps([0,1]),import.meta.url);break;case"outlined":await p(()=>import("../../vendor/vendor-material.js").then(t=>t.o),__vite__mapDeps([0,1]),import.meta.url);break;case"filled-tonal":await p(()=>import("../../vendor/vendor-material.js").then(t=>t.c),__vite__mapDeps([0,1]),import.meta.url);break;default:await p(()=>import("../../vendor/vendor-material.js").then(t=>t.d),__vite__mapDeps([0,1]),import.meta.url);break}this.__loadedVariants.add(this.variant)}this.__iconLoaded||(await p(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),this.__iconLoaded=!0)}__getMdHost(){return this.renderRoot.querySelector("md-filled-icon-button, md-outlined-icon-button, md-filled-tonal-icon-button, md-icon-button")}__attachChangeListener(){const t=this.__getMdHost();t&&t!==this.__lastMdHost&&(this.__lastMdHost?.removeEventListener?.("change",this.__onInnerChange),t.addEventListener("change",this.__onInnerChange),this.__lastMdHost=t),this.toggle&&t&&"selected"in t&&(t.selected=this.selected)}__syncTitleAndAria(){const t=this.__getMdHost();if(!t)return;const e=(this.tooltip||this.getAttribute("title")||"").trim(),o=(this.ariaLabel||this.getAttribute("aria-label")||"").trim(),d=this.getAttribute("aria-controls"),a=this.getAttribute("aria-expanded");this.tooltip&&this.setAttribute("title",e);const c=o||e||this.icon.trim()||void 0;c?t.setAttribute("aria-label",c):t.removeAttribute("aria-label"),e?t.setAttribute("title",e):t.removeAttribute("title"),d!==null?t.setAttribute("aria-controls",d):t.removeAttribute("aria-controls"),a!==null?t.setAttribute("aria-expanded",a):t.removeAttribute("aria-expanded")}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}__renderToggleIcons(){return l`
+      <md-icon ?filled=${this.iconFilled||this.filled} aria-hidden="true">${this.toggleofficon}</md-icon>
+      <md-icon ?filled=${this.iconFilled||this.filled} slot="selected" aria-hidden="true">${this.toggleonicon}</md-icon>
+    `}__renderSingleIcon(){return l`<md-icon ?filled=${this.iconFilled||this.filled} aria-hidden="true">${this.icon}</md-icon>`}__renderMd(){const t=this.toggle?this.__renderToggleIcons():this.__renderSingleIcon();if(this.toggle)switch(this.variant){case"filled":return l`
             <md-filled-icon-button
               toggle
               ?selected=${this.selected}
@@ -55,10 +55,28 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as f,n,i as m,x as l
           <md-icon-button ?disabled=${this.disabled} href=${this.href||i} target=${this.target||i} rel=${this.rel||i}>
             ${t}
           </md-icon-button>
-        `}}render(){return this.__renderMd()}};_=new WeakSet;u=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,s=this.mapSpacingToken(this.spacingBottom)??t;e?this.style.setProperty("--scb-icon-button-spacing-block-start",e):this.style.removeProperty("--scb-icon-button-spacing-block-start"),s?this.style.setProperty("--scb-icon-button-spacing-block-end",s):this.style.removeProperty("--scb-icon-button-spacing-block-end")};o.styles=f`
+        `}}render(){return this.__renderMd()}};u=new WeakSet;f=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,o=this.mapSpacingToken(this.spacingBottom)??t;e?this.style.setProperty("--scb-icon-button-spacing-block-start",e):this.style.removeProperty("--scb-icon-button-spacing-block-start"),o?this.style.setProperty("--scb-icon-button-spacing-block-end",o):this.style.removeProperty("--scb-icon-button-spacing-block-end")};s.styles=b`
     :host {
       display: inline-flex;
       margin-block-start: var(--scb-icon-button-spacing-block-start, 0);
       margin-block-end: var(--scb-icon-button-spacing-block-end, 0);
+      --scb-icon-button-font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
     }
-  `;r([n({type:String})],o.prototype,"icon",2);r([n({type:String})],o.prototype,"tooltip",2);r([n({type:String,attribute:"aria-label"})],o.prototype,"ariaLabel",2);r([n({type:String})],o.prototype,"variant",2);r([n({type:Boolean,reflect:!0})],o.prototype,"toggle",2);r([n({type:Boolean,reflect:!0})],o.prototype,"selected",2);r([n({type:String})],o.prototype,"toggleofficon",2);r([n({type:String})],o.prototype,"toggleonicon",2);r([n({type:Boolean,reflect:!0})],o.prototype,"disabled",2);r([n({type:String,reflect:!0})],o.prototype,"spacing",2);r([n({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",2);r([n({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",2);r([n({type:String})],o.prototype,"href",2);r([n({type:String})],o.prototype,"target",2);r([n({type:String})],o.prototype,"rel",2);o=r([y("scb-icon-button")],o);export{o as ScbIconButton};
+
+    :host([filled]),
+    :host([icon-filled]) {
+      --scb-icon-button-font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+    }
+
+    md-icon {
+      --md-icon-font-variation-settings: var(--scb-icon-button-font-variation-settings) !important;
+      font-variation-settings: var(--scb-icon-button-font-variation-settings) !important;
+    }
+
+    md-icon-button,
+    md-filled-icon-button,
+    md-outlined-icon-button,
+    md-filled-tonal-icon-button {
+      --md-icon-font-variation-settings: var(--scb-icon-button-font-variation-settings);
+    }
+  `;n([r({type:String})],s.prototype,"icon",2);n([r({type:Boolean,reflect:!0})],s.prototype,"filled",2);n([r({type:Boolean,attribute:"icon-filled",reflect:!0})],s.prototype,"iconFilled",2);n([r({type:String})],s.prototype,"tooltip",2);n([r({type:String,attribute:"aria-label"})],s.prototype,"ariaLabel",2);n([r({type:String})],s.prototype,"variant",2);n([r({type:Boolean,reflect:!0})],s.prototype,"toggle",2);n([r({type:Boolean,reflect:!0})],s.prototype,"selected",2);n([r({type:String})],s.prototype,"toggleofficon",2);n([r({type:String})],s.prototype,"toggleonicon",2);n([r({type:Boolean,reflect:!0})],s.prototype,"disabled",2);n([r({type:String,reflect:!0})],s.prototype,"spacing",2);n([r({type:String,attribute:"spacing-top",reflect:!0})],s.prototype,"spacingTop",2);n([r({type:String,attribute:"spacing-bottom",reflect:!0})],s.prototype,"spacingBottom",2);n([r({type:String})],s.prototype,"href",2);n([r({type:String})],s.prototype,"target",2);n([r({type:String})],s.prototype,"rel",2);s=n([v("scb-icon-button")],s);export{s as ScbIconButton};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.150",
+    "version":  "0.1.152",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -369,5 +369,5 @@
                                   },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "32803C4C6AFAA080C8E943ECDC22CD4D01D1891A71EADEE759E596F6A04ECDDC"
+    "buildHash":  "C2B57F73FC9F0786FA89F169F3636F721C1D490351087B3DED56F4D6FA2BB053"
 }