scb-wc-test 0.1.150 → 0.1.151

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-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/mvc/scb-wc-test.css

@@ -1,2 +1,10 @@
-@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&display=swap&icon_names=add,add_circle,apartment,arrow_back,arrow_back_ios,arrow_downward,arrow_drop_down,arrow_forward,arrow_forward_ios,arrow_outward,arrow_right,arrow_upward,article,assistant_direction,auto_stories,ballot,bar_chart,bid_landscape,book,book_2,border_color,breaking_news,bubble_chart,build,calendar_month,calendar_today,call_made,cancel,check,check_box,check_box_outline_blank,check_circle,check_small,checklist,chevron_left,chevron_right,close,code,code_blocks,colors,comment,compare_arrows,contact_support,content_copy,data_info_alert,data_table,database,database_search,deceased,delete,deployed_code,description,download,eco,edit,edit_square,error,event_note,expand_less,expand_more,explore,face,favorite,female,fiber_manual_record,filter_alt,filter_list,filter_vintage,folder,format_align_left,format_bold,format_color_text,format_list_bulleted,fullscreen,fullscreen_exit,grain,graph_7,grid_on,group,hearing,help,home,image,import_contacts,indeterminate_check_box,info,insert_chart,insert_chart_filled,inventory,keyboard_arrow_down,keyboard_arrow_up,label,language,laptop_windows,leaderboard,lightbulb,link,list,list_alt,location_on,location_searching,mail,male,manufacturing,menu,menu_book,mic,mobile,mobile_arrow_down,mode_comment,more_horiz,more_vert,mouse,nature,near_me,open_in_new,payment,percent,person,person_4,person_add,person_play,pin,play_arrow,preview,price_change,print,progress_activity,public,radio_button_checked,radio_button_unchecked,refresh,release_alert,remove,remove_circle,reorder,repeat,reply,restore,save,search,sell,settings,share,shopping_cart,shoppingmode,show_chart,sort,spa,space_bar,ssid_chart,straighten,style,subject,support,swap_horiz,table,table_chart,tablet,texture,thumb_up,toggle_off,toggle_on,touch_app,tune,unfold_less,unfold_more,upload,verified,view_list,view_module,visibility,visibility_off,volume_up,warning,work');
+/* Material Symbols (subset via icon_names) */
+@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:FILL@0..1&display=swap&icon_names=add,add_circle,apartment,arrow_back,arrow_back_ios,arrow_downward,arrow_drop_down,arrow_forward,arrow_forward_ios,arrow_outward,arrow_right,arrow_upward,article,assistant_direction,auto_stories,ballot,bar_chart,bid_landscape,book,book_2,border_color,breaking_news,bubble_chart,build,calendar_month,calendar_today,call_made,cancel,check,check_box,check_box_outline_blank,check_circle,check_small,checklist,chevron_left,chevron_right,close,code,code_blocks,colors,comment,compare_arrows,contact_support,content_copy,data_info_alert,data_table,database,database_search,deceased,delete,deployed_code,description,download,eco,edit,edit_square,error,event_note,expand_less,expand_more,explore,face,favorite,female,fiber_manual_record,filter_alt,filter_list,filter_vintage,folder,format_align_left,format_bold,format_color_text,format_list_bulleted,fullscreen,fullscreen_exit,grain,graph_7,grid_on,group,hearing,help,home,image,import_contacts,indeterminate_check_box,info,insert_chart,insert_chart_filled,inventory,keyboard_arrow_down,keyboard_arrow_up,label,language,laptop_windows,leaderboard,lightbulb,link,list,list_alt,location_on,location_searching,mail,male,manufacturing,menu,menu_book,mic,mobile,mobile_arrow_down,mode_comment,more_horiz,more_vert,mouse,nature,near_me,open_in_new,payment,percent,person,person_4,person_add,person_play,pin,play_arrow,preview,price_change,print,progress_activity,public,radio_button_checked,radio_button_unchecked,refresh,release_alert,remove,remove_circle,reorder,repeat,reply,restore,save,search,sell,settings,share,shopping_cart,shoppingmode,show_chart,sort,spa,space_bar,ssid_chart,straighten,style,subject,support,swap_horiz,table,table_chart,tablet,texture,thumb_up,toggle_off,toggle_on,touch_app,tune,unfold_less,unfold_more,upload,verified,view_list,view_module,visibility,visibility_off,volume_up,warning');
+@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:FILL@0..1&display=swap&icon_names=work');
+
+/* md-icon: stöd för fyllda Material Symbols via boolean-attribut */
+md-icon[fill],
+md-icon[filled] {
+  --md-icon-font-variation-settings: 'FILL' 1;
+}
 @import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);@keyframes scb-kf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes scb-kf-fade-out{0%{opacity:1}to{opacity:0}}@keyframes scb-kf-slide-in{0%{opacity:0;transform:translate(var(--scb-kf-slide-from-x, -16px),var(--scb-kf-slide-from-y, 0px))}to{opacity:1;transform:translate(0,0)}}@keyframes scb-kf-slide-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(var(--scb-kf-slide-to-x, 16px),var(--scb-kf-slide-to-y, 0px))}}@keyframes scb-kf-scale-in{0%{opacity:0;transform:scale(var(--scb-kf-scale-from, 0.96))}to{opacity:1;transform:scale(1)}}@keyframes scb-kf-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(var(--scb-kf-scale-to, 0.98))}}@keyframes scb-kf-pulse{0%,to{transform:scale(1)}50%{transform:scale(var(--scb-kf-pulse-scale, 1.04))}}:root{color-scheme:light dark;--p-100:#FFFFFF;--p-99:#FAFDFF;--p-95:#EBF8FF;--p-90:#D6F1FF;--p-80:#B8E7FF;--p-70:#99D1FF;--p-60:#75AFFF;--p-50:#477EFF;--p-40:#1F44FF;--p-30:#1E00BE;--p-20:#0F0865;--p-10:#0B0544;--p-0:#000000;--s-100:#FFFFFF;--s-99:#FFFAFF;--s-95:#FFEBFF;--s-90:#FFDBFF;--s-80:#FFC2FF;--s-70:#FA9EFA;--s-60:#EC75F0;--s-50:#D850E2;--s-40:#B633C1;--s-30:#91219C;--s-20:#6A1471;--s-10:#430449;--s-0:#000000;--t-100:#FFFFFF;--t-99:#FAFFFA;--t-95:#E7FEE9;--t-90:#C1FAC9;--t-80:#91EDAD;--t-70:#50E294;--t-60:#00CC7B;--t-50:#00A865;--t-40:#008A53;--t-30:#007041;--t-20:#004D2D;--t-10:#00331E;--t-0:#000000;--e-100:#FFFFFF;--e-99:#FFFBFA;--e-95:#FFFEEB;--e-90:#FFD7C7;--e-80:#FFB699;--e-70:#FA9269;--e-60:#ED7140;--e-50:#DB490F;--e-40:#BF3600;--e-30:#942500;--e-20:#631900;--e-10:#3D0C00;--e-0:#000000;--w-100:#FFFFFF;--w-99:#FFFCEB;--w-95:#FFF7D1;--w-90:#FEEEA0;--w-80:#FCE369;--w-70:#F3D53F;--w-60:#E6C10A;--w-50:#D1A400;--w-40:#B28C00;--w-30:#8F7200;--w-20:#6B5600;--w-10:#473800;--w-0:#000000;--n-100:#FFFFFF;--n-99:#FAFAFA;--n-95:#F0F0F0;--n-90:#DBDBDB;--n-80:#CCCCCC;--n-70:#B3B3B3;--n-60:#999999;--n-50:#808080;--n-40:#666666;--n-30:#4D4D4D;--n-20:#333333;--n-10:#1A1A1A;--n-0:#000000;--nv-100:#FFFFFF;--nv-99:#FDFCF7;--nv-95:#F9F8EF;--nv-90:#EAE7D7;--nv-80:#D7D4BC;--nv-70:#BEB39D;--nv-60:#A69D8C;--nv-50:#726F65;--nv-40:#504F49;--nv-30:#3B3A35;--nv-20:#2B2A27;--nv-10:#1B1A18;--nv-0:#000000;--brand-font:"Inter", sans-serif;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--scale-01:12px;--scale-02:14px;--scale-03:16px;--scale-04:18px;--scale-05:20px;--scale-06:24px;--scale-07:28px;--scale-08:32px;--scale-09:36px;--scale-10:40px;--scale-11:48px;--scale-12:64px;--scale-13:80px;--spacing-neg-4:-12px;--spacing-neg-3:-8px;--spacing-neg-2:-4px;--spacing-neg-1:-2px;--spacing-0:0px;--spacing-1:2px;--spacing-2:4px;--spacing-3:8px;--spacing-4:12px;--spacing-5:16px;--spacing-6:20px;--spacing-7:24px;--spacing-8:32px;--spacing-9:40px;--spacing-10:48px;--spacing-11:64px;--spacing-12:80px;--spacing-13:96px;--spacing-14:120px;--line-height-01:18px;--line-height-02:20px;--line-height-03:24px;--line-height-04:26px;--line-height-05:28px;--line-height-06:32px;--line-height-07:34px;--line-height-08:38px;--line-height-09:42px;--line-height-10:56px;--line-height-11:76px;--tracking-01:0px;--tracking-02:-0.1px;--tracking-03:-0.15px;--tracking-04:-0.3px;--tracking-05:-0.4px;--tracking-06:-0.6px;--tracking-07:-0.7px;--md-sys-typescale-display-large-font:var(--brand-font);--md-sys-typescale-display-large-size:40px;--md-sys-typescale-display-large-line-height:46px;--md-sys-typescale-display-large-weight:var(--weight-bold);--md-sys-typescale-display-large-tracking:-0.7px;--md-sys-typescale-display-medium-font:var(--brand-font);--md-sys-typescale-display-medium-size:36px;--md-sys-typescale-display-medium-line-height:42px;--md-sys-typescale-display-medium-weight:var(--weight-bold);--md-sys-typescale-display-medium-tracking:-0.6px;--md-sys-typescale-display-small-font:var(--brand-font);--md-sys-typescale-display-small-size:32px;--md-sys-typescale-display-small-line-height:38px;--md-sys-typescale-display-small-weight:var(--weight-bold);--md-sys-typescale-display-small-tracking:-0.6px;--md-sys-typescale-headline-large-font:var(--brand-font);--md-sys-typescale-headline-large-size:28px;--md-sys-typescale-headline-large-line-height:34px;--md-sys-typescale-headline-large-weight:var(--weight-bold);--md-sys-typescale-headline-large-tracking:-0.6px;--md-sys-typescale-headline-medium-font:var(--brand-font);--md-sys-typescale-headline-medium-size:24px;--md-sys-typescale-headline-medium-line-height:30px;--md-sys-typescale-headline-medium-weight:var(--weight-bold);--md-sys-typescale-headline-medium-tracking:-0.6px;--md-sys-typescale-headline-small-font:var(--brand-font);--md-sys-typescale-headline-small-size:22px;--md-sys-typescale-headline-small-line-height:28px;--md-sys-typescale-headline-small-weight:var(--weight-bold);--md-sys-typescale-headline-small-tracking:-0.5px;--md-sys-typescale-title-large-font:var(--brand-font);--md-sys-typescale-title-large-size:20px;--md-sys-typescale-title-large-line-height:28px;--md-sys-typescale-title-large-weight:var(--weight-semibold);--md-sys-typescale-title-large-tracking:-0.4px;--md-sys-typescale-title-medium-font:var(--brand-font);--md-sys-typescale-title-medium-size:18px;--md-sys-typescale-title-medium-line-height:26px;--md-sys-typescale-title-medium-weight:var(--weight-semibold);--md-sys-typescale-title-medium-tracking:-0.3px;--md-sys-typescale-title-small-font:var(--brand-font);--md-sys-typescale-title-small-size:16px;--md-sys-typescale-title-small-line-height:24px;--md-sys-typescale-title-small-weight:var(--weight-semibold);--md-sys-typescale-title-small-tracking:-0.15px;--md-sys-typescale-label-large-font:var(--brand-font);--md-sys-typescale-label-large-size:18px;--md-sys-typescale-label-large-line-height:26px;--md-sys-typescale-label-large-weight:var(--weight-semibold);--md-sys-typescale-label-large-tracking:-0.3px;--md-sys-typescale-label-medium-font:var(--brand-font);--md-sys-typescale-label-medium-size:16px;--md-sys-typescale-label-medium-line-height:24px;--md-sys-typescale-label-medium-weight:var(--weight-semibold);--md-sys-typescale-label-medium-tracking:-0.15px;--md-sys-typescale-label-small-font:var(--brand-font);--md-sys-typescale-label-small-size:14px;--md-sys-typescale-label-small-line-height:20px;--md-sys-typescale-label-small-weight:var(--weight-semibold);--md-sys-typescale-label-small-tracking:0.1px;--md-sys-typescale-body-large-font:var(--brand-font);--md-sys-typescale-body-large-size:18px;--md-sys-typescale-body-large-line-height:26px;--md-sys-typescale-body-large-weight:var(--weight-regular);--md-sys-typescale-body-large-tracking:-0.3px;--md-sys-typescale-body-medium-font:var(--brand-font);--md-sys-typescale-body-medium-size:16px;--md-sys-typescale-body-medium-line-height:24px;--md-sys-typescale-body-medium-weight:var(--weight-regular);--md-sys-typescale-body-medium-tracking:-0.15px;--md-sys-typescale-body-small-font:var(--brand-font);--md-sys-typescale-body-small-size:14px;--md-sys-typescale-body-small-line-height:20px;--md-sys-typescale-body-small-weight:var(--weight-regular);--md-sys-typescale-body-small-tracking:-0.1px;--md-sys-color-primary:light-dark(var(--p-40), var(--p-70));--md-sys-color-on-primary:light-dark(var(--p-100), var(--p-20));--md-sys-color-primary-container:light-dark(var(--p-80), var(--p-30));--md-sys-color-on-primary-container:light-dark(var(--p-30), var(--p-100));--md-sys-color-primary-fixed:light-dark(var(--p-90), var(--p-90));--md-sys-color-primary-fixed-dim:light-dark(var(--p-80), var(--p-80));--md-sys-color-on-primary-fixed:light-dark(var(--p-20), var(--p-20));--md-sys-color-on-primary-fixed-variant:light-dark(var(--p-30), var(--p-30));--md-sys-color-secondary:light-dark(var(--p-20), var(--p-80));--md-sys-color-on-secondary:light-dark(var(--p-100), var(--p-20));--md-sys-color-secondary-container:light-dark(var(--p-90), var(--p-30));--md-sys-color-on-secondary-container:light-dark(var(--p-30), var(--p-100));--md-sys-color-secondary-fixed:light-dark(var(--p-90), var(--p-90));--md-sys-color-secondary-fixed-dim:light-dark(var(--p-80), var(--p-80));--md-sys-color-on-secondary-fixed:light-dark(var(--p-20), var(--p-20));--md-sys-color-on-secondary-fixed-variant:light-dark(var(--p-30), var(--p-30));--md-sys-color-tertiary:light-dark(var(--s-40), var(--s-80));--md-sys-color-on-tertiary:light-dark(var(--t-100), var(--s-20));--md-sys-color-tertiary-container:light-dark(var(--s-90), var(--s-10));--md-sys-color-on-tertiary-container:light-dark(var(--s-20), var(--s-100));--md-sys-color-tertiary-fixed:light-dark(var(--s-90), var(--s-90));--md-sys-color-tertiary-fixed-dim:light-dark(var(--s-80), var(--s-80));--md-sys-color-on-tertiary-fixed:light-dark(var(--s-10), var(--s-10));--md-sys-color-on-tertiary-fixed-variant:light-dark(var(--s-30), var(--s-30));--md-sys-color-background:light-dark(var(--p-100), var(--p-0));--md-sys-color-on-background:light-dark(var(--p-20), var(--p-100));--md-sys-color-surface:light-dark(var(--nv-100), var(--nv-20));--md-sys-color-surface-variant:light-dark(var(--nv-99), var(--n-10));--md-sys-color-surface-bright:light-dark(var(--nv-99), var(--nv-20));--md-sys-color-surface-dim:light-dark(var(--nv-95), var(--nv-10));--md-sys-color-surface-container-lowest:light-dark(var(--p-100), var(--nv-0));--md-sys-color-surface-container-low:light-dark(var(--p-99), var(--nv-10));--md-sys-color-surface-container:light-dark(var(--p-95), var(--nv-20));--md-sys-color-surface-container-high:light-dark(var(--p-90), var(--nv-20));--md-sys-color-surface-container-highest:light-dark(var(--p-80), var(--nv-20));--md-sys-color-surface-tint:light-dark(var(--p-40), var(--p-70));--md-sys-color-on-surface:light-dark(var(--p-20), var(--p-100));--md-sys-color-on-surface-variant:light-dark(var(--p-20), var(--p-100));--md-sys-color-inverse-surface:light-dark(var(--p-20), var(--p-90));--md-sys-color-inverse-on-surface:light-dark(var(--p-95), var(--p-20));--md-sys-color-inverse-primary:light-dark(var(--p-80), var(--p-40));--md-sys-color-outline:light-dark(var(--n-50), var(--n-30));--md-sys-color-outline-variant:light-dark(var(--n-80), var(--n-30));--md-sys-color-scrim:light-dark(var(--n-0), var(--n-0));--md-sys-color-shadow:light-dark(var(--n-0), var(--n-0));--md-sys-color-error:light-dark(var(--e-40), var(--e-80));--md-sys-color-on-error:light-dark(var(--e-100), var(--e-20));--md-sys-color-error-container:light-dark(var(--e-90), var(--e-20));--md-sys-color-on-error-container:light-dark(var(--e-30), var(--e-95));--md-sys-color-warning:light-dark(var(--w-40), var(--w-80));--md-sys-color-on-warning:light-dark(var(--w-100), var(--w-20));--md-sys-color-warning-container:light-dark(var(--w-90), var(--w-20));--md-sys-color-on-warning-container:light-dark(var(--w-20), var(--w-95));--md-sys-color-info:light-dark(var(--p-40), var(--p-80));--md-sys-color-on-info:light-dark(var(--p-100), var(--p-20));--md-sys-color-info-container:light-dark(var(--p-90), var(--p-20));--md-sys-color-on-info-container:light-dark(var(--p-30), var(--p-95));--md-sys-color-success:light-dark(var(--t-40), var(--t-80));--md-sys-color-on-success:light-dark(var(--t-100), var(--t-20));--md-sys-color-success-container:light-dark(var(--t-95), var(--t-20));--md-sys-color-on-success-container:light-dark(var(--t-30), var(--t-95));--radius-none:0px;--radius-xs:4px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-xl:24px;--radius-full:1000px;--md-sys-shape-corner-none:var(--radius-none);--md-sys-shape-corner-extra-small:var(--radius-xs);--md-sys-shape-corner-small:var(--radius-s);--md-sys-shape-corner-medium:var(--radius-m);--md-sys-shape-corner-large:var(--radius-l);--md-sys-shape-corner-extra-large:var(--radius-xl);--md-sys-shape-corner-full:var(--radius-full);--stroke-border:1px;--stroke-focus-ring:3px;--md-focus-ring-color:light-dark(var(--p-40), var(--p-80));--md-focus-ring-width:var(--stroke-focus-ring);--md-outlined-button-outline-width:var(--stroke-border);--md-outlined-field-outline-width:var(--stroke-border);--icon-size-small:24px;--icon-size-medium:32px;--icon-size-large:40px;--icon-size-number:0px}:root[data-density="-2"],[data-density="-2"]{--spacing-0:0px;--spacing-1:0px;--spacing-2:2px;--spacing-3:6px;--spacing-4:10px;--spacing-5:14px;--spacing-6:18px;--spacing-7:20px;--spacing-8:28px;--spacing-9:36px;--spacing-10:42px;--spacing-11:56px;--spacing-12:72px;--spacing-13:88px;--spacing-14:112px}:root[data-density="-4"],[data-density="-4"]{--spacing-0:0px;--spacing-1:0px;--spacing-2:0px;--spacing-3:4px;--spacing-4:8px;--spacing-5:12px;--spacing-6:16px;--spacing-7:16px;--spacing-8:24px;--spacing-9:30px;--spacing-10:36px;--spacing-11:50px;--spacing-12:64px;--spacing-13:80px;--spacing-14:104px}@media (min-width:600px){:root{--md-sys-typescale-display-large-size:64px;--md-sys-typescale-display-large-line-height:70px;--md-sys-typescale-display-large-tracking:-0.9px;--md-sys-typescale-display-medium-size:48px;--md-sys-typescale-display-medium-line-height:54px;--md-sys-typescale-display-medium-tracking:-0.7px;--md-sys-typescale-display-small-size:36px;--md-sys-typescale-display-small-line-height:42px;--md-sys-typescale-display-small-tracking:-0.6px;--md-sys-typescale-headline-large-size:32px;--md-sys-typescale-headline-large-line-height:38px;--md-sys-typescale-headline-large-tracking:-0.6px;--md-sys-typescale-headline-medium-size:28px;--md-sys-typescale-headline-medium-line-height:34px;--md-sys-typescale-headline-medium-tracking:-0.6px;--md-sys-typescale-headline-small-size:24px;--md-sys-typescale-headline-small-line-height:30px;--md-sys-typescale-headline-small-tracking:-0.6px}}:root{--motion-scale-1:0.98;--motion-scale-2:0.96;--motion-scale-3:0.94;--motion-scale-4:0.92;--motion-scale-5:0.90;--motion-distance-0:0px;--motion-distance-1:4px;--motion-distance-2:8px;--motion-distance-3:12px;--motion-distance-4:16px;--motion-scale:var(--motion-scale-3);--motion-easing-linear:cubic-bezier(0, 0, 1, 1);--motion-easing-standard:cubic-bezier(0.2, 0, 0, 1);--motion-easing-standard-accelerate:cubic-bezier(0.3, 0, 1, 1);--motion-easing-standard-decelerate:cubic-bezier(0, 0, 0, 1);--motion-easing-emphasized:var(--motion-easing-emphasized-decelerate);--motion-easing-emphasized-accelerate:cubic-bezier(0.3, 0, 0.8, 0.15);--motion-easing-emphasized-decelerate:cubic-bezier(0.05, 0.7, 0.1, 1);--motion-duration-short:calc(200ms * var(--motion-scale));--motion-duration-medium:calc(300ms * var(--motion-scale));--motion-duration-long:calc(500ms * var(--motion-scale));--motion-duration-extra-long:calc(700ms * var(--motion-scale));--motion-keyframe-fade-in:scb-kf-fade-in;--motion-keyframe-fade-out:scb-kf-fade-out;--motion-keyframe-slide-in:scb-kf-slide-in;--motion-keyframe-slide-out:scb-kf-slide-out;--motion-keyframe-scale-in:scb-kf-scale-in;--motion-keyframe-scale-out:scb-kf-scale-out;--motion-keyframe-pulse:scb-kf-pulse}:root[data-motion-scale="1"],[data-motion-scale="1"]{--motion-scale:var(--motion-scale-1)}:root[data-motion-scale="2"],[data-motion-scale="2"]{--motion-scale:var(--motion-scale-2)}:root[data-motion-scale="3"],[data-motion-scale="3"]{--motion-scale:var(--motion-scale-3)}:root[data-motion-scale="4"],[data-motion-scale="4"]{--motion-scale:var(--motion-scale-4)}:root[data-motion-scale="5"],[data-motion-scale="5"]{--motion-scale:var(--motion-scale-5)}@media (prefers-reduced-motion:reduce){:root{--motion-scale:var(--motion-scale-1)}}label{color:light-dark(var(--p-10),var(--p-100))}fieldset.scb-fieldset{border:0;padding:0;margin:0}fieldset.scb-fieldset+fieldset.scb-fieldset{margin-block-start:var(--spacing-8, 32px)}legend.scb-legend{display:block;margin:0 0 var(--spacing-6, 20px)0;font-family:var(--brand-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--weight-semibold);letter-spacing:var(--md-sys-typescale-title-small-tracking);color:var(--md-sys-color-on-surface)}fieldset.scb-fieldset[disabled]{opacity:.7}

package/package.json

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

package/scb-button/scb-button.d.ts

@@ -8,6 +8,7 @@ export declare class ScbButton extends LitElement {
     label: string;
     trailingIcon: boolean;
     icon: string;
+    iconFilled: boolean;
     disabled: boolean;
     fullWidth: boolean;
     href: string;