scb-wc-test 0.1.142 → 0.1.144

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

@@ -1,11 +1,11 @@
 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 v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x as a,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-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(d){var l=String(d||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var k=Object.defineProperty,z=Object.getOwnPropertyDescriptor,f=e=>{throw TypeError(e)},r=(e,t,s,c)=>{for(var n=c>1?void 0:c?z(t,s):t,l=e.length-1,d;l>=0;l--)(d=e[l])&&(n=(c?d(t,s,n):d(n))||n);return c&&n&&k(t,s,n),n},w=(e,t,s)=>t.has(e)||f("Cannot "+s),S=(e,t,s)=>t.has(e)?f("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),y=(e,t,s)=>(w(e,t,"access private method"),s),u,b;let i=class extends ${constructor(){super(...arguments),S(this,u),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.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 v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x as a,t as k}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(d){var l=String(d||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var _=Object.defineProperty,z=Object.getOwnPropertyDescriptor,y=e=>{throw TypeError(e)},r=(e,t,s,c)=>{for(var n=c>1?void 0:c?z(t,s):t,l=e.length-1,d;l>=0;l--)(d=e[l])&&(n=(c?d(t,s,n):d(n))||n);return c&&n&&_(t,s,n),n},w=(e,t,s)=>t.has(e)||y("Cannot "+s),S=(e,t,s)=>t.has(e)?y("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),g=(e,t,s)=>(w(e,t,"access private method"),s),u,b;let i=class extends ${constructor(){super(...arguments),S(this,u),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`
         <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 p=this.__calcAspectWH(c||"16/9");t||(t=p.w),s||(s=p.h)}const n=`aspect-ratio:${c||`${t}/${s}`};`,l=this.mediaPlaceholder?"has-ph":"",d=this.mediaFit||"cover",m=this.mediaPosition||"center";return a`
+      `;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 p=this.__calcAspectWH(c||"16/9");t||(t=p.w),s||(s=p.h)}const n=`aspect-ratio:${c||`${t}/${s}`};`,l=this.mediaPlaceholder?"has-ph":"",d=this.mediaFit||"cover",h=this.mediaPosition||"center";return a`
         <div class="media ${l}" style="${n}">
           <slot name="media-sources"></slot>
           <img
@@ -16,13 +16,13 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
             loading="${this.mediaLoading}"
             decoding="${this.mediaDecoding}"
             fetchpriority="${this.mediaFetchPriority}"
-            style="object-fit:${d};object-position:${m};"
+            style="object-fit:${d};object-position:${h};"
             width="${t}"
             height="${s}"
             @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=(p=!1)=>p?a`<span class="title">${this.title}</span><md-icon>arrow_forward</md-icon>`:a`<span class="title">${this.title}</span>`,d=()=>this.__mediaTemplate(),m=p=>a`
+      `}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=(p=!1)=>p?a`<span class="title">${this.title}</span><md-icon>arrow_forward</md-icon>`:a`<span class="title">${this.title}</span>`,d=()=>this.__mediaTemplate(),h=p=>a`
       <div
         class="scb-card ${e} ${t} ${c}"
         @click=${s?this.__handleHrefNavigation:null}
@@ -37,7 +37,7 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
         ${p}
       </div>
       ${s?a`<md-focus-ring></md-focus-ring>`:""}
-    `;switch(this.type){case"standard":return m(a`
+    `;switch(this.type){case"standard":return h(a`
           <div class="full-content">
             <div class="top-content">
               ${this.title?a`<div class="header">${l(s)}</div>`:""}
@@ -46,7 +46,7 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
               ${n?a`<div class="date">${n}</div>`:""}
             </div>
           </div>
-        `);case"list":return m(a`
+        `);case"list":return h(a`
           <div class="full-content">
             <div class="top-content">
               ${this.title?a`<div class="header"><span class="title">${this.title}</span></div>`:""}
@@ -58,7 +58,7 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
               <slot></slot>
             </div>
           </div>
-        `);case"social":const p=this.commentsHref,g=h=>{h.stopPropagation()};return m(a`
+        `);case"social":const p=this.commentsHref,f=m=>{m.stopPropagation()};return h(a`
           <div class="full-content">
             <div class="top-content">
               ${this.title?a`<div class="header">${l(s)}</div>`:""}
@@ -68,32 +68,26 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
             </div>
             <div class="content">
               <div class="social-metrics">
-               ${p!==""?a`
-                <a class="comments" href="${p}" tabindex="0" @click=${g}
-                  ><md-icon>mode_comment</md-icon>
-                  <span>${this.commentsText}: ${this.comments}</span></a
-                >
-                `:a`                
-                <span class="comments" href="${p}" tabindex="0" @click=${g}
-                  ><md-icon>mode_comment</md-icon>
-                  <span>${this.commentsText}: ${this.comments}</span></span
-                >`}
-
-                <span class="likes"
-                  style="cursor:pointer;"
-                  tabindex="0"
-                  @click=${h=>{h.stopPropagation(),this.dispatchEvent(new CustomEvent("like-click",{bubbles:!0,composed:!0}))}}
-                  @keydown=${h=>{(h.key==="Enter"||h.key===" ")&&(h.preventDefault(),h.stopPropagation(),this.dispatchEvent(new CustomEvent("like-click",{bubbles:!0,composed:!0})))}}
-                  role="button"
-                  aria-label="${this.likesText||"Like"}"
-                >
-                  <md-icon>thumb_up</md-icon>
+                <span class="comments" >
+                ${p!==""?a`
+                  
+                    <scb-icon-button href="${p}" tabindex="0" @click=${f} variant="standard" icon="comment" aria-label="Gå till kommentarer" tooltip="Gå till kommentarer"></scb-icon-button>
+                  `:a`                
+                    <md-icon>comment</md-icon>
+                  `}
+                    <span>${this.commentsText}: ${this.comments}</span>
+                </span>  
+                <span class="likes">
+                  ${this.likesInteractive?a`
+                  <scb-icon-button variant="standard" icon="${this.hasLiked,"thumb_up"}" aria-label="${this.likesText||"Like"}" tooltip="${this.likesText||"Like"}"
+                  @click=${m=>{m.stopPropagation(),this.dispatchEvent(new CustomEvent("like-click",{bubbles:!0,composed:!0}))}}
+                  @keydown=${m=>{(m.key==="Enter"||m.key===" ")&&(m.preventDefault(),m.stopPropagation(),this.dispatchEvent(new CustomEvent("like-click",{bubbles:!0,composed:!0})))}}></scb-icon-button>`:a`<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 h(a`
           <div class="full-content">
             <div class="top-content">
               ${this.title?a`<div class="header"><span class="title">${this.title}</span></div>`:""}
@@ -105,7 +99,7 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
               <slot></slot>
             </div>
           </div>
-        `);case"action":return m(a`
+        `);case"action":return h(a`
           <div class="full-content">
             <div class="top-content">
               ${this.title?a`<div class="header"><span class="title">${this.title}</span></div>`:""}
@@ -117,7 +111,7 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
               <slot></slot>
             </div>
           </div>
-        `);default:return m(a`
+        `);default:return h(a`
           <div class="full-content">
             <div class="top-content">
               ${this.title?a`<div class="header">${l(s)}</div>`:""}
@@ -126,7 +120,7 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,n as o,i as $,x
               ${n?a`<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,u,b).call(this)}async firstUpdated(e){i.__iconLoaded||(await v(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),i.__iconLoaded=!0),i.__rippleLoaded||(await v(()=>import("../../vendor/vendor-material.js").then(t=>t.r),__vite__mapDeps([0,1]),import.meta.url),i.__rippleLoaded=!0),y(this,u,b).call(this)}};u=new WeakSet;b=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=x`
+        `)}}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"))&&g(this,u,b).call(this)}async firstUpdated(e){i.__iconLoaded||(await v(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),i.__iconLoaded=!0),i.__rippleLoaded||(await v(()=>import("../../vendor/vendor-material.js").then(t=>t.r),__vite__mapDeps([0,1]),import.meta.url),i.__rippleLoaded=!0),g(this,u,b).call(this)}};u=new WeakSet;b=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=x`
     :host {
       display: block;
       box-sizing: border-box;
@@ -445,4 +439,4 @@ import{_ as v}from"../../vendor/preload-helper.js";import{a as x,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: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([_("scb-card")],i);
+  `;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([k("scb-card")],i);

package/mvc/components/scb-header/scb-header-tab.js

@@ -1,5 +1,5 @@
-import{a as _,n as c,i as f,x as d,t as p}from"../../vendor/vendor.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(t,s,e){try{customElements.get(t)||r(t,s,e)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var u=Object.defineProperty,b=Object.getOwnPropertyDescriptor,l=(i,r,t,s)=>{for(var e=s>1?void 0:s?b(r,t):r,n=i.length-1,o;n>=0;n--)(o=i[n])&&(e=(s?o(r,t,e):o(e))||e);return s&&e&&u(r,t,e),e};let a=class extends f{constructor(){super(...arguments),this.label="",this.href=""}render(){return d`<slot></slot>`}};a.styles=_`
+import{a as c,n as u,i as d,x as p,t as _}from"../../vendor/vendor.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(t,n,e){try{customElements.get(t)||r(t,n,e)}catch(i){var s=String(i||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,l=(a,r,t,n)=>{for(var e=n>1?void 0:n?b(r,t):r,s=a.length-1,i;s>=0;s--)(i=a[s])&&(e=(n?i(r,t,e):i(e))||e);return n&&e&&f(r,t,e),e};let o=class extends d{constructor(){super(...arguments),this.label="",this.href="",this.menuId=""}render(){return p`<slot></slot>`}};o.styles=c`
     :host {
       display: none !important;
     }
-  `;l([c({type:String})],a.prototype,"label",2);l([c({type:String})],a.prototype,"href",2);a=l([p("scb-header-tab")],a);
+  `;l([u({type:String})],o.prototype,"label",2);l([u({type:String})],o.prototype,"href",2);l([u({type:String,attribute:"menu-id"})],o.prototype,"menuId",2);o=l([_("scb-header-tab")],o);

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

@@ -1,4 +1,4 @@
-import{a as w,n as h,r as g,i as x,x as d,E as u,t as S}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-grid/scb-grid-item.js";import"../scb-grid/scb-grid.js";import"../scb-link/scb-link.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-button/scb-button.js";import"../scb-search/scb-search.js";import"../scb-drawer/scb-drawer.js";import"../scb-grid/scb-stack.js";import"../../vendor/preload-helper.js";import"../scb-list/scb-list.js";import"../scb-list/scb-list-item.js";import"../scb-divider/scb-divider.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,n,i){try{customElements.get(s)||t(s,n,i)}catch(c){var o=String(c||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var C=Object.defineProperty,k=Object.getOwnPropertyDescriptor,a=(e,t,s,n)=>{for(var i=n>1?void 0:n?k(t,s):t,o=e.length-1,c;o>=0;o--)(c=e[o])&&(i=(n?c(t,s,i):c(i))||i);return n&&i&&C(t,s,i),i};const v={fromAttribute:e=>e==null?!0:!/^(false|0|off|no)$/i.test(e),toAttribute:e=>String(!!e)};let r=class extends x{constructor(){super(...arguments),this.maxWidth="1440px",this.logoText="",this.logoHref="/",this.banner=!1,this.tabs=[],this.activeTab=0,this.utilityItems=[],this.showDrawer=!0,this.showSearch=!0,this.includeUtilityInDrawer=!1,this.drawerOverlay=!0,this.searchText="",this._drawerId="main-drawer",this._drawerExpanded=!1,this._searchId="header-search",this._slotTabs=[],this._slotUtils=[],this._slotMenu=[],this._measureScheduled=!1,this._scheduleMeasure=()=>{this._measureScheduled||(this._measureScheduled=!0,requestAnimationFrame(()=>{this._measureScheduled=!1,this._measure()}))},this._onWindowResize=()=>{this._scheduleMeasure()},this._onDrawerSelect=e=>{this.dispatchEvent(new CustomEvent("drawer-select",{detail:e.detail,bubbles:!0,composed:!0})),this._closeDrawerNow()},this._collapsed=!1,this._unlockAtWidth=0,this._hideLogoText=!1,this._logoTextUnlockAt=0,this._harvestPending=!1,this._harvest=()=>{const e=this._slotEl;if(!e)return;const t=e.assignedElements({flatten:!0}),s=[],n=[],i=[];let o=-1;const c=l=>({label:l.getAttribute("label")??"",href:l.getAttribute("href")??void 0,icon:l.getAttribute("icon")??void 0});for(const l of t){const p=l.tagName.toLowerCase();if(p==="scb-header-tab"){const _=l.getAttribute("label")??"",b=l.getAttribute("href"),m=b&&b.trim()!==""?b:void 0;(l.hasAttribute("selected")||l.getAttribute("selected")==="true"||l.getAttribute("active")==="true"||l.getAttribute("aria-current")==="page")&&o===-1&&(o=s.length),s.push({label:_,href:m});continue}if(p==="scb-header-utility"){n.push({label:l.getAttribute("label")??"",href:l.getAttribute("href")??"#",target:l.getAttribute("target")??void 0});continue}if(p==="scb-header-drawer-group"){const _={label:l.getAttribute("label")??"",icon:l.getAttribute("icon")??void 0,children:[]};l.querySelectorAll("scb-header-drawer-item").forEach(m=>_.children.push(c(m))),i.push(_);continue}p==="scb-header-drawer-item"&&i.push(c(l))}this._slotTabs=s,this._slotUtils=n,this._slotMenu=i,!this.hasAttribute("active-tab")&&o>=0&&(this.activeTab=o),queueMicrotask(()=>{this.updateComplete.then(()=>{this._scheduleMeasure()})})},this._measure=()=>{const e=this._top,t=this._logoGroup;if(!e||!t)return;const s=window.innerWidth,n=e.clientWidth,i=this._overflows(this._util),o=this._overflows(this._tabsNav),c=s<this.BP_MD||i||o;this._collapsed?!c&&n>=this._unlockAtWidth&&this._setCollapsed(!1):c&&(this._unlockAtWidth=n+this._HYST,this._setCollapsed(!0));let l=!1;if(this.showSearch&&s>=this.BP_SM&&s<this.BP_MD&&this._searchWrap){const b=getComputedStyle(this._searchWrap),m=Math.max(this._num(b.minWidth,this._tokenPx("--scb-header-search-min",320)),this._tokenPx("--scb-header-search-min",320)),f=this._num(getComputedStyle(e).gap,this._tokenPx("--spacing-7",24)),y=this.showDrawer&&(s<this.BP_MD||this._collapsed)?this._menuBtn?.getBoundingClientRect().width||this._tokenPx("--icon-size-large",48):0;l=t.getBoundingClientRect().width+f+m+f+y+8>n+.5}this._setHideSearch(l);let p=!1;if(this.showDrawer&&(s<this.BP_MD||this._collapsed)&&!this._visible(this._util)&&!this._visible(this._searchWrap)){const b=this._num(getComputedStyle(e).gap,this._tokenPx("--spacing-7",24)),m=this._menuBtn?.getBoundingClientRect().width||this._tokenPx("--icon-size-large",48),f=(this._logoGroup?.getBoundingClientRect().width||0)+b+m;this._hideLogoText?p=!(n>=this._logoTextUnlockAt):f>n+.5&&(p=!0,this._logoTextUnlockAt=n+this._HYST)}else p=!1,this._logoTextUnlockAt=0;this._setHideLogoText(p)},this._onMenuClick=async e=>{e.preventDefault(),e.stopPropagation(),this.showDrawer&&(this.dispatchEvent(new CustomEvent("menu-click",{bubbles:!0,composed:!0})),await r._nextFrame(),await r._nextFrame(),this._openDrawerNow())},this._onSearchClick=e=>{const t=this._searchEl;if(t?.submit&&typeof t.submit=="function"){t.submit();return}const s=t?.value??"";this.searchText=s,this.dispatchEvent(new CustomEvent("search-click",{detail:{value:s},bubbles:!0,composed:!0})),t?.focus?.()},this._onTabClick=e=>{const t=e.currentTarget;if(!t)return;const s=t.tagName.toLowerCase()==="a";if(s&&(e.defaultPrevented||e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey))return;const n=t.getAttribute("data-index"),i=n!=null?Number(n):0;this.activeTab=i;const l=((this._slotTabs.length?this._slotTabs:this.tabs)[i]??{}).href??"",p=new CustomEvent("tab-change",{detail:{index:i,href:l},bubbles:!0,composed:!0,cancelable:!0});!this.dispatchEvent(p)&&s&&e.preventDefault()},this._onTabsKeydown=e=>{const t=e.key;if(t!=="ArrowLeft"&&t!=="ArrowRight"&&t!=="Home"&&t!=="End")return;const s=Array.from(this.renderRoot.querySelectorAll(".tab-link"));if(!s.length)return;const n=e.target;let i=s.indexOf(n??s[0]);i===-1&&(i=0),t==="ArrowRight"?i=(i+1)%s.length:t==="ArrowLeft"?i=(i-1+s.length)%s.length:t==="Home"?i=0:t==="End"&&(i=s.length-1),e.preventDefault();const o=s[i];o.focus();const c=o.getAttribute("data-index"),l=c!=null?Number(c):i;this.activeTab=l},this._onSearchInput=e=>{this.searchText=e.detail?.value??"",this.dispatchEvent(new CustomEvent("search-input",{detail:{value:this.searchText},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("search-text-change",{detail:{value:this.searchText},bubbles:!0,composed:!0}))},this._onSearchSubmit=e=>{this.searchText=e.detail?.value??"",this.dispatchEvent(new CustomEvent("search-change",{detail:{value:this.searchText,active:e.detail?.active},bubbles:!0,composed:!0}))},this._onSearchClear=()=>{this.searchText="",this.dispatchEvent(new CustomEvent("search-text-change",{detail:{value:""},bubbles:!0,composed:!0}))}}get _HYST(){return this._tokenPx("--spacing-11",64)}get BP_SM(){return this._tokenPx("--bp-sm",r.BP_SM_DEFAULT)}get BP_MD(){return this._tokenPx("--bp-md",r.BP_MD_DEFAULT)}_scheduleHarvest(){this._harvestPending||(this._harvestPending=!0,queueMicrotask(()=>{this._harvestPending=!1,this._harvest()}))}get _slotEl(){return this.shadowRoot?.querySelector("slot#data-slot")??null}get _top(){return this.renderRoot.querySelector(".top-row")}get _util(){return this.renderRoot.querySelector(".utility")}get _logoGroup(){return this.renderRoot.querySelector(".logo-wrap")||this.renderRoot.querySelector(".logo-group")}get _searchWrap(){return this.renderRoot.querySelector(".search")}get _menuBtn(){return this.renderRoot.querySelector(".menu-trigger")}get _searchEl(){return this.renderRoot.querySelector(`#${this._searchId}`)}get _tabsNav(){return this.renderRoot.querySelector(".tabs-nav")}_attachSlotObservers(){this._slotMo?.disconnect();const e=new MutationObserver(t=>{this._scheduleHarvest()});this._slotMo=e,e.observe(this,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["label","href","icon","target","selected","aria-current","active"]})}_setCollapsed(e){this._collapsed!==e&&(this._collapsed=e,e?this.setAttribute("data-collapsed",""):this.removeAttribute("data-collapsed"))}_setHideSearch(e){e?this.setAttribute("data-hide-search",""):this.removeAttribute("data-hide-search")}_setHideLogoText(e){this._hideLogoText!==e&&(this._hideLogoText=e,e?this.setAttribute("data-hide-logo-text",""):this.removeAttribute("data-hide-logo-text"))}_num(e,t){const s=Number.parseFloat(String(e??"").trim());return Number.isFinite(s)?s:t}_tokenPx(e,t){const s=getComputedStyle(this);return this._num(s.getPropertyValue(e),t)}_visible(e){return e?getComputedStyle(e).display!=="none":!1}_overflows(e){return!e||!this._visible(e)?!1:e.scrollWidth>e.clientWidth+1}firstUpdated(){this.updateComplete.then(()=>{this._harvest(),this._attachSlotObservers()});const e=this._top;e&&(this._ro=new ResizeObserver(()=>this._scheduleMeasure()),this._ro.observe(e)),window.addEventListener("resize",this._onWindowResize,{passive:!0})}updated(e){e.has("searchMax")&&this.style.setProperty("--scb-header-search-max",this.searchMax??"480px"),e.has("searchMin")&&this.style.setProperty("--scb-header-search-min",this.searchMin??"320px"),e.has("searchHeight")&&(this.searchHeight&&this.searchHeight.trim()?this.style.setProperty("--scb-search-height",this.searchHeight.trim()):this.style.removeProperty("--scb-search-height")),(e.has("utilityItems")||e.has("tabs")||e.has("logoText")||e.has("activeTab")||e.has("_slotTabs")||e.has("_slotUtils")||e.has("_slotMenu")||e.has("showDrawer")||e.has("showSearch")||e.has("searchMax")||e.has("searchMin"))&&this.updateComplete.then(()=>{this._scheduleMeasure()})}disconnectedCallback(){this._ro?.disconnect(),this._slotMo?.disconnect(),window.removeEventListener("resize",this._onWindowResize),super.disconnectedCallback()}_openDrawerNow(){const e=this.renderRoot.querySelector(`#${this._drawerId}`);e&&(e.open=!0,e.setAttribute("open",""),e.show?.(),e.openDrawer?.(),this._drawerExpanded=!0,this._syncMenuBtnAria(),this.dispatchEvent(new CustomEvent("drawer-open",{bubbles:!0,composed:!0})))}_closeDrawerNow(){const e=this.renderRoot.querySelector(`#${this._drawerId}`);e&&(e.open=!1),this._drawerExpanded=!1,this._syncMenuBtnAria(),this.dispatchEvent(new CustomEvent("drawer-close",{bubbles:!0,composed:!0}))}_syncMenuBtnAria(){const e=this.renderRoot.querySelector(".menu-trigger");e&&e.setAttribute("aria-expanded",String(this._drawerExpanded))}_renderDrawerNodes(e){return!e||e.length===0?d``:d`${e.map(t=>{const s=Array.isArray(t.children)&&t.children.length>0;return d`
+import{a as x,n as h,r as m,i as S,x as d,E as u,t as C}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-grid/scb-grid-item.js";import"../scb-grid/scb-grid.js";import"../scb-link/scb-link.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-button/scb-button.js";import"../scb-search/scb-search.js";import"../scb-drawer/scb-drawer.js";import"../scb-grid/scb-stack.js";import"../../vendor/preload-helper.js";import"../scb-list/scb-list.js";import"../scb-list/scb-list-item.js";import"../scb-divider/scb-divider.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,n,a){try{customElements.get(s)||t(s,n,a)}catch(c){var i=String(c||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var k=Object.defineProperty,$=Object.getOwnPropertyDescriptor,o=(e,t,s,n)=>{for(var a=n>1?void 0:n?$(t,s):t,i=e.length-1,c;i>=0;i--)(c=e[i])&&(a=(n?c(t,s,a):c(a))||a);return n&&a&&k(t,s,a),a};const v={fromAttribute:e=>e==null?!0:!/^(false|0|off|no)$/i.test(e),toAttribute:e=>String(!!e)};let r=class extends S{constructor(){super(...arguments),this.maxWidth="1440px",this.logoText="",this.logoHref="/",this.banner=!1,this.tabs=[],this.activeTab=0,this.utilityItems=[],this.showDrawer=!0,this.showSearch=!0,this.includeUtilityInDrawer=!1,this.drawerOverlay=!0,this.searchText="",this._drawerId="main-drawer",this._drawerExpanded=!1,this._searchId="header-search",this._slotTabs=[],this._slotUtils=[],this._slotMenu=[],this._measureScheduled=!1,this._scheduleMeasure=()=>{this._measureScheduled||(this._measureScheduled=!0,requestAnimationFrame(()=>{this._measureScheduled=!1,this._measure()}))},this._onWindowResize=()=>{this._scheduleMeasure()},this._onDrawerSelect=e=>{this.dispatchEvent(new CustomEvent("drawer-select",{detail:e.detail,bubbles:!0,composed:!0})),this._closeDrawerNow()},this._collapsed=!1,this._unlockAtWidth=0,this._hideLogoText=!1,this._logoTextUnlockAt=0,this._harvestPending=!1,this._harvest=()=>{const e=this._slotEl;if(!e)return;const t=e.assignedElements({flatten:!0}),s=[],n=[],a=[];let i=-1;const c=l=>({label:l.getAttribute("label")??"",href:l.getAttribute("href")??void 0,icon:l.getAttribute("icon")??void 0});for(const l of t){const p=l.tagName.toLowerCase();if(p==="scb-header-tab"){const _=l.getAttribute("label")??"",b=l.getAttribute("href"),f=b&&b.trim()!==""?b:void 0,g=l.getAttribute("menu-id"),y=g&&g.trim()!==""?g:void 0;(l.hasAttribute("selected")||l.getAttribute("selected")==="true"||l.getAttribute("active")==="true"||l.getAttribute("aria-current")==="page")&&i===-1&&(i=s.length),s.push({label:_,href:f,menuId:y});continue}if(p==="scb-header-utility"){n.push({label:l.getAttribute("label")??"",href:l.getAttribute("href")??"#",target:l.getAttribute("target")??void 0});continue}if(p==="scb-header-drawer-group"){const _={label:l.getAttribute("label")??"",icon:l.getAttribute("icon")??void 0,children:[]};l.querySelectorAll("scb-header-drawer-item").forEach(f=>_.children.push(c(f))),a.push(_);continue}p==="scb-header-drawer-item"&&a.push(c(l))}this._slotTabs=s,this._slotUtils=n,this._slotMenu=a,!this.hasAttribute("active-tab")&&i>=0&&(this.activeTab=i),queueMicrotask(()=>{this.updateComplete.then(()=>{this._scheduleMeasure()})})},this._measure=()=>{const e=this._top,t=this._logoGroup;if(!e||!t)return;const s=window.innerWidth,n=e.clientWidth,a=this._overflows(this._util),i=this._overflows(this._tabsNav),c=s<this.BP_MD||a||i;this._collapsed?!c&&n>=this._unlockAtWidth&&this._setCollapsed(!1):c&&(this._unlockAtWidth=n+this._HYST,this._setCollapsed(!0));let l=!1;if(this.showSearch&&s>=this.BP_SM&&s<this.BP_MD&&this._searchWrap){const b=getComputedStyle(this._searchWrap),f=Math.max(this._num(b.minWidth,this._tokenPx("--scb-header-search-min",320)),this._tokenPx("--scb-header-search-min",320)),g=this._num(getComputedStyle(e).gap,this._tokenPx("--spacing-7",24)),y=this.showDrawer&&(s<this.BP_MD||this._collapsed)?this._menuBtn?.getBoundingClientRect().width||this._tokenPx("--icon-size-large",48):0;l=t.getBoundingClientRect().width+g+f+g+y+8>n+.5}this._setHideSearch(l);let p=!1;if(this.showDrawer&&(s<this.BP_MD||this._collapsed)&&!this._visible(this._util)&&!this._visible(this._searchWrap)){const b=this._num(getComputedStyle(e).gap,this._tokenPx("--spacing-7",24)),f=this._menuBtn?.getBoundingClientRect().width||this._tokenPx("--icon-size-large",48),g=(this._logoGroup?.getBoundingClientRect().width||0)+b+f;this._hideLogoText?p=!(n>=this._logoTextUnlockAt):g>n+.5&&(p=!0,this._logoTextUnlockAt=n+this._HYST)}else p=!1,this._logoTextUnlockAt=0;this._setHideLogoText(p)},this._onMenuClick=async e=>{e.preventDefault(),e.stopPropagation(),this.showDrawer&&(this.dispatchEvent(new CustomEvent("menu-click",{bubbles:!0,composed:!0})),await r._nextFrame(),await r._nextFrame(),this._openDrawerNow())},this._onSearchClick=e=>{const t=this._searchEl;if(t?.submit&&typeof t.submit=="function"){t.submit();return}const s=t?.value??"";this.searchText=s,this.dispatchEvent(new CustomEvent("search-click",{detail:{value:s},bubbles:!0,composed:!0})),t?.focus?.()},this._onTabClick=e=>{const t=e.currentTarget;if(!t)return;const s=t.tagName.toLowerCase()==="a";if(s&&(e.defaultPrevented||e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey))return;const n=t.getAttribute("data-index"),a=n!=null?Number(n):0;this.activeTab=a;const c=(this._slotTabs.length?this._slotTabs:this.tabs)[a]??{},l=c.href??"",p=c.menuId??"",_=new CustomEvent("tab-change",{detail:{index:a,href:l,menuId:p},bubbles:!0,composed:!0,cancelable:!0});!this.dispatchEvent(_)&&s&&e.preventDefault()},this._onTabsKeydown=e=>{const t=e.key;if(t!=="ArrowLeft"&&t!=="ArrowRight"&&t!=="Home"&&t!=="End")return;const s=Array.from(this.renderRoot.querySelectorAll(".tab-link"));if(!s.length)return;const n=e.target;let a=s.indexOf(n??s[0]);a===-1&&(a=0),t==="ArrowRight"?a=(a+1)%s.length:t==="ArrowLeft"?a=(a-1+s.length)%s.length:t==="Home"?a=0:t==="End"&&(a=s.length-1),e.preventDefault();const i=s[a];i.focus();const c=i.getAttribute("data-index"),l=c!=null?Number(c):a;this.activeTab=l},this._onSearchInput=e=>{this.searchText=e.detail?.value??"",this.dispatchEvent(new CustomEvent("search-input",{detail:{value:this.searchText},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("search-text-change",{detail:{value:this.searchText},bubbles:!0,composed:!0}))},this._onSearchSubmit=e=>{this.searchText=e.detail?.value??"",this.dispatchEvent(new CustomEvent("search-change",{detail:{value:this.searchText,active:e.detail?.active},bubbles:!0,composed:!0}))},this._onSearchClear=()=>{this.searchText="",this.dispatchEvent(new CustomEvent("search-text-change",{detail:{value:""},bubbles:!0,composed:!0}))}}get _HYST(){return this._tokenPx("--spacing-11",64)}get BP_SM(){return this._tokenPx("--bp-sm",r.BP_SM_DEFAULT)}get BP_MD(){return this._tokenPx("--bp-md",r.BP_MD_DEFAULT)}_scheduleHarvest(){this._harvestPending||(this._harvestPending=!0,queueMicrotask(()=>{this._harvestPending=!1,this._harvest()}))}get _slotEl(){return this.shadowRoot?.querySelector("slot#data-slot")??null}get _top(){return this.renderRoot.querySelector(".top-row")}get _util(){return this.renderRoot.querySelector(".utility")}get _logoGroup(){return this.renderRoot.querySelector(".logo-wrap")||this.renderRoot.querySelector(".logo-group")}get _searchWrap(){return this.renderRoot.querySelector(".search")}get _menuBtn(){return this.renderRoot.querySelector(".menu-trigger")}get _searchEl(){return this.renderRoot.querySelector(`#${this._searchId}`)}get _tabsNav(){return this.renderRoot.querySelector(".tabs-nav")}_attachSlotObservers(){this._slotMo?.disconnect();const e=new MutationObserver(t=>{this._scheduleHarvest()});this._slotMo=e,e.observe(this,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["label","href","menu-id","icon","target","selected","aria-current","active"]})}_setCollapsed(e){this._collapsed!==e&&(this._collapsed=e,e?this.setAttribute("data-collapsed",""):this.removeAttribute("data-collapsed"))}_setHideSearch(e){e?this.setAttribute("data-hide-search",""):this.removeAttribute("data-hide-search")}_setHideLogoText(e){this._hideLogoText!==e&&(this._hideLogoText=e,e?this.setAttribute("data-hide-logo-text",""):this.removeAttribute("data-hide-logo-text"))}_num(e,t){const s=Number.parseFloat(String(e??"").trim());return Number.isFinite(s)?s:t}_tokenPx(e,t){const s=getComputedStyle(this);return this._num(s.getPropertyValue(e),t)}_visible(e){return e?getComputedStyle(e).display!=="none":!1}_overflows(e){return!e||!this._visible(e)?!1:e.scrollWidth>e.clientWidth+1}firstUpdated(){this.updateComplete.then(()=>{this._harvest(),this._attachSlotObservers()});const e=this._top;e&&(this._ro=new ResizeObserver(()=>this._scheduleMeasure()),this._ro.observe(e)),window.addEventListener("resize",this._onWindowResize,{passive:!0})}updated(e){e.has("searchMax")&&this.style.setProperty("--scb-header-search-max",this.searchMax??"480px"),e.has("searchMin")&&this.style.setProperty("--scb-header-search-min",this.searchMin??"320px"),e.has("searchHeight")&&(this.searchHeight&&this.searchHeight.trim()?this.style.setProperty("--scb-search-height",this.searchHeight.trim()):this.style.removeProperty("--scb-search-height")),(e.has("utilityItems")||e.has("tabs")||e.has("logoText")||e.has("activeTab")||e.has("_slotTabs")||e.has("_slotUtils")||e.has("_slotMenu")||e.has("showDrawer")||e.has("showSearch")||e.has("searchMax")||e.has("searchMin"))&&this.updateComplete.then(()=>{this._scheduleMeasure()})}disconnectedCallback(){this._ro?.disconnect(),this._slotMo?.disconnect(),window.removeEventListener("resize",this._onWindowResize),super.disconnectedCallback()}_openDrawerNow(){const e=this.renderRoot.querySelector(`#${this._drawerId}`);e&&(e.open=!0,e.setAttribute("open",""),e.show?.(),e.openDrawer?.(),this._drawerExpanded=!0,this._syncMenuBtnAria(),this.dispatchEvent(new CustomEvent("drawer-open",{bubbles:!0,composed:!0})))}_closeDrawerNow(){const e=this.renderRoot.querySelector(`#${this._drawerId}`);e&&(e.open=!1),this._drawerExpanded=!1,this._syncMenuBtnAria(),this.dispatchEvent(new CustomEvent("drawer-close",{bubbles:!0,composed:!0}))}_syncMenuBtnAria(){const e=this.renderRoot.querySelector(".menu-trigger");e&&e.setAttribute("aria-expanded",String(this._drawerExpanded))}_renderDrawerNodes(e){return!e||e.length===0?d``:d`${e.map(t=>{const s=Array.isArray(t.children)&&t.children.length>0;return d`
         <scb-drawer-item
           label=${t.label}
           ?selected=${!1}
@@ -17,7 +17,7 @@ import{a as w,n as h,r as g,i as x,x as d,E as u,t as S}from"../../vendor/vendor
                 </scb-sub-drawer>
               `:u}
         </scb-drawer-item>
-      `})}`}_syncFlags(e,t){this.toggleAttribute("data-no-utility",e),this.toggleAttribute("data-no-search",t)}render(){const e=this._slotTabs.length?this._slotTabs:this.tabs,t=this._slotUtils.length?this._slotUtils:this.utilityItems,s=this._slotMenu.length?this._slotMenu:this.menuData??[];this._syncFlags(t.length===0,!this.showSearch);const n=this.searchHeight&&this.searchHeight.trim()?`--scb-search-height:${this.searchHeight.trim()}`:u,i=e.length>0;return d`
+      `})}`}_syncFlags(e,t){this.toggleAttribute("data-no-utility",e),this.toggleAttribute("data-no-search",t)}render(){const e=this._slotTabs.length?this._slotTabs:this.tabs,t=this._slotUtils.length?this._slotUtils:this.utilityItems,s=this._slotMenu.length?this._slotMenu:this.menuData??[];this._syncFlags(t.length===0,!this.showSearch);const n=this.searchHeight&&this.searchHeight.trim()?`--scb-search-height:${this.searchHeight.trim()}`:u,a=e.length>0;return d`
       <slot
         id="data-slot"
         @slotchange=${()=>{this._harvest(),this._attachSlotObservers()}}
@@ -56,11 +56,11 @@ import{a as w,n as h,r as g,i as x,x as d,E as u,t as S}from"../../vendor/vendor
 
               <div class="actions">
                 <nav class="utility" aria-label="Funktionslänkar">
-                  ${t.map(o=>d`
+                  ${t.map(i=>d`
                       <scb-link
-                        .href=${o.href}
-                        .target=${o.target??void 0}
-                        >${o.label}</scb-link
+                        .href=${i.href}
+                        .target=${i.target??void 0}
+                        >${i.label}</scb-link
                       >
                     `)}
                 </nav>
@@ -108,23 +108,40 @@ import{a as w,n as h,r as g,i as x,x as d,E as u,t as S}from"../../vendor/vendor
             col-span-medium="8"
             col-span-expanded="12"
           >
-            ${i?d`
+            ${a?d`
                   <div class="tabs-inset">
                     <nav
                       class="tabs-nav"
                       aria-label="Huvudnavigering"
                       @keydown=${this._onTabsKeydown}
                     >
-                      ${e.map((o,c)=>o.href?d`
+                      ${e.map((i,c)=>i.menuId?d`
+                              <div class="tab-wrap">
+                                <button
+                                  type="button"
+                                  class="tab-link"
+                                  data-index=${c}
+                                  aria-controls=${i.menuId}
+                                  aria-haspopup="menu"
+                                  aria-expanded="false"
+                                  data-menu-toggle=${i.menuId}
+                                  aria-current=${c===this.activeTab?"page":u}
+                                  @click=${this._onTabClick}
+                                >
+                                  ${i.label}
+                                </button>
+                                <md-focus-ring></md-focus-ring>
+                              </div>
+                            `:i.href?d`
                               <div class="tab-wrap">
                                 <a
                                   class="tab-link"
-                                  href=${o.href}
+                                  href=${i.href}
                                   data-index=${c}
                                   aria-current=${c===this.activeTab?"page":u}
                                   @click=${this._onTabClick}
                                 >
-                                  ${o.label}
+                                  ${i.label}
                                 </a>
                                 <md-focus-ring></md-focus-ring>
                               </div>
@@ -137,7 +154,7 @@ import{a as w,n as h,r as g,i as x,x as d,E as u,t as S}from"../../vendor/vendor
                                   aria-current=${c===this.activeTab?"page":u}
                                   @click=${this._onTabClick}
                                 >
-                                  ${o.label}
+                                  ${i.label}
                                 </button>
                                 <md-focus-ring></md-focus-ring>
                               </div>
@@ -179,10 +196,10 @@ import{a as w,n as h,r as g,i as x,x as d,E as u,t as S}from"../../vendor/vendor
 
               ${this.includeUtilityInDrawer&&(t?.length??0)>0?d`
                     <scb-drawer-section label=''></scb-drawer-section>
-                    ${t.map(o=>d`
+                    ${t.map(i=>d`
                         <scb-drawer-item
-                          label=${o.label}
-                          item-href=${o.href}
+                          label=${i.label}
+                          item-href=${i.href}
                         ></scb-drawer-item>
                       `)}
                   `:u}
@@ -222,7 +239,7 @@ import{a as w,n as h,r as g,i as x,x as d,E as u,t as S}from"../../vendor/vendor
           </clipPath>
         </defs>
       </svg>
-    `}};r._JSON_ARRAY={fromAttribute:e=>{if(e==null||e==="")return[];try{const t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}},toAttribute:e=>e==null?null:JSON.stringify(e)};r.BP_SM_DEFAULT=600;r.BP_MD_DEFAULT=840;r.styles=w`
+    `}};r._JSON_ARRAY={fromAttribute:e=>{if(e==null||e==="")return[];try{const t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}},toAttribute:e=>e==null?null:JSON.stringify(e)};r.BP_SM_DEFAULT=600;r.BP_MD_DEFAULT=840;r.styles=x`
     :host {
       display: block;
       background: var(--scb-header-background, transparent);
@@ -486,4 +503,4 @@ import{a as w,n as h,r as g,i as x,x as d,E as u,t as S}from"../../vendor/vendor
     :host([data-hide-logo-text]) .logo-text {
       display: none;
     }
-  `;r._nextFrame=()=>new Promise(e=>requestAnimationFrame(()=>e()));a([h({type:String,attribute:"max-width"})],r.prototype,"maxWidth",2);a([h({type:String,attribute:"logo-text"})],r.prototype,"logoText",2);a([h({type:String,attribute:"logo-href"})],r.prototype,"logoHref",2);a([h({type:Boolean,reflect:!0})],r.prototype,"banner",2);a([h({type:String,attribute:"banner-label"})],r.prototype,"bannerLabel",2);a([h({attribute:"tabs",converter:r._JSON_ARRAY})],r.prototype,"tabs",2);a([h({type:Number,attribute:"active-tab"})],r.prototype,"activeTab",2);a([h({attribute:"utility-items",converter:r._JSON_ARRAY})],r.prototype,"utilityItems",2);a([h({type:String,attribute:"search-placeholder"})],r.prototype,"searchPlaceholder",2);a([h({type:String,attribute:"drawer-label"})],r.prototype,"drawerLabel",2);a([h({type:String,attribute:"drawer-sub-label"})],r.prototype,"drawerSubLabel",2);a([h({type:String,attribute:"drawer-section-label"})],r.prototype,"drawerSectionLabel",2);a([h({type:String,attribute:"drawer-search-placeholder"})],r.prototype,"drawerSearchPlaceholder",2);a([h({attribute:"menu-data",converter:r._JSON_ARRAY})],r.prototype,"menuData",2);a([h({attribute:"show-drawer",reflect:!0,converter:v})],r.prototype,"showDrawer",2);a([h({attribute:"show-search",reflect:!0,converter:v})],r.prototype,"showSearch",2);a([h({attribute:"include-utility-in-drawer",reflect:!0,converter:v})],r.prototype,"includeUtilityInDrawer",2);a([h({attribute:"drawer-overlay",reflect:!0,converter:v})],r.prototype,"drawerOverlay",2);a([h({type:String,attribute:"search-max"})],r.prototype,"searchMax",2);a([h({type:String,attribute:"search-min"})],r.prototype,"searchMin",2);a([h({type:String,attribute:"search-height"})],r.prototype,"searchHeight",2);a([h({type:String,attribute:"search-text",reflect:!0})],r.prototype,"searchText",2);a([g()],r.prototype,"_drawerId",2);a([g()],r.prototype,"_drawerExpanded",2);a([g()],r.prototype,"_searchId",2);a([g()],r.prototype,"_slotTabs",2);a([g()],r.prototype,"_slotUtils",2);a([g()],r.prototype,"_slotMenu",2);a([g()],r.prototype,"_collapsed",2);a([g()],r.prototype,"_hideLogoText",2);r=a([S("scb-header")],r);
+  `;r._nextFrame=()=>new Promise(e=>requestAnimationFrame(()=>e()));o([h({type:String,attribute:"max-width"})],r.prototype,"maxWidth",2);o([h({type:String,attribute:"logo-text"})],r.prototype,"logoText",2);o([h({type:String,attribute:"logo-href"})],r.prototype,"logoHref",2);o([h({type:Boolean,reflect:!0})],r.prototype,"banner",2);o([h({type:String,attribute:"banner-label"})],r.prototype,"bannerLabel",2);o([h({attribute:"tabs",converter:r._JSON_ARRAY})],r.prototype,"tabs",2);o([h({type:Number,attribute:"active-tab"})],r.prototype,"activeTab",2);o([h({attribute:"utility-items",converter:r._JSON_ARRAY})],r.prototype,"utilityItems",2);o([h({type:String,attribute:"search-placeholder"})],r.prototype,"searchPlaceholder",2);o([h({type:String,attribute:"drawer-label"})],r.prototype,"drawerLabel",2);o([h({type:String,attribute:"drawer-sub-label"})],r.prototype,"drawerSubLabel",2);o([h({type:String,attribute:"drawer-section-label"})],r.prototype,"drawerSectionLabel",2);o([h({type:String,attribute:"drawer-search-placeholder"})],r.prototype,"drawerSearchPlaceholder",2);o([h({attribute:"menu-data",converter:r._JSON_ARRAY})],r.prototype,"menuData",2);o([h({attribute:"show-drawer",reflect:!0,converter:v})],r.prototype,"showDrawer",2);o([h({attribute:"show-search",reflect:!0,converter:v})],r.prototype,"showSearch",2);o([h({attribute:"include-utility-in-drawer",reflect:!0,converter:v})],r.prototype,"includeUtilityInDrawer",2);o([h({attribute:"drawer-overlay",reflect:!0,converter:v})],r.prototype,"drawerOverlay",2);o([h({type:String,attribute:"search-max"})],r.prototype,"searchMax",2);o([h({type:String,attribute:"search-min"})],r.prototype,"searchMin",2);o([h({type:String,attribute:"search-height"})],r.prototype,"searchHeight",2);o([h({type:String,attribute:"search-text",reflect:!0})],r.prototype,"searchText",2);o([m()],r.prototype,"_drawerId",2);o([m()],r.prototype,"_drawerExpanded",2);o([m()],r.prototype,"_searchId",2);o([m()],r.prototype,"_slotTabs",2);o([m()],r.prototype,"_slotUtils",2);o([m()],r.prototype,"_slotMenu",2);o([m()],r.prototype,"_collapsed",2);o([m()],r.prototype,"_hideLogoText",2);r=o([C("scb-header")],r);

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

@@ -1,11 +1,11 @@
-import{a as u,n as l,i as p,x as d,t as h}from"../../vendor/vendor.js";import"./scb-menu-item.js";import"./scb-sub-menu.js";import"../scb-divider/scb-divider.js";import"../../vendor/vendor-material.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var n=customElements.define.bind(customElements);customElements.define=function(e,i,s){try{customElements.get(e)||n(e,i,s)}catch(r){var o=String(r||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var m=Object.defineProperty,_=Object.getOwnPropertyDescriptor,c=(t,n,e,i)=>{for(var s=i>1?void 0:i?_(n,e):n,o=t.length-1,r;o>=0;o--)(r=t[o])&&(s=(i?r(n,e,s):r(s))||s);return i&&s&&m(n,e,s),s};let a=class extends p{constructor(){super(...arguments),this.open=!1,this.inSb=!1,this.__lastTriggerEl=null,this.__onDocumentClick=t=>{if(!this.inSb&&this.open&&!this.isClickInScbMenu(t)){this.__setOpen(!1);return}const n=this.__getActionFromEvent(t);if(n){n==="open"&&(this.__setOpen(!0),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))),n==="close"&&(this.__setOpen(!1),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))),n==="toggle"&&(this.__setOpen(!this.open),this.dispatchEvent(new CustomEvent("toggle",{bubbles:!0,composed:!0}))),t.stopPropagation();return}},this.__onDocumentKeydown=t=>{if(this.open&&t.key==="Escape"){this.__setOpen(!1);return}}}render(){return d`
+import{a as f,n as m,i as b,x as v,t as E}from"../../vendor/vendor.js";import"./scb-menu-item.js";import"./scb-sub-menu.js";import"../scb-divider/scb-divider.js";import"../../vendor/vendor-material.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(e,s,o){try{customElements.get(e)||i(e,s,o)}catch(n){var r=String(n||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var w=Object.defineProperty,y=Object.getOwnPropertyDescriptor,u=(t,i,e,s)=>{for(var o=s>1?void 0:s?y(i,e):i,r=t.length-1,n;r>=0;r--)(n=t[r])&&(o=(s?n(i,e,o):n(o))||o);return s&&o&&w(i,e,o),o};let c=class extends b{constructor(){super(...arguments),this.open=!1,this.inSb=!1,this.__lastTriggerEl=null,this.__onViewportChange=()=>{this.open&&this.__positionToTrigger()},this.__onDocumentClick=t=>{const i=this.__getActionFromEvent(t);if(i){i==="open"&&(this.__setOpen(!0),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))),i==="close"&&(this.__setOpen(!1),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))),i==="toggle"&&(this.__setOpen(!this.open),this.dispatchEvent(new CustomEvent("toggle",{bubbles:!0,composed:!0}))),t.stopPropagation();return}if(!this.inSb&&this.open&&!this.isClickInScbMenu(t)){this.__setOpen(!1);return}},this.__onDocumentKeydown=t=>{if(this.open&&t.key==="Escape"){this.__setOpen(!1);return}}}render(){return v`
       <div
         role="menu"
         class="scb-menu-panel${this.open?" open":""}"
       >
         <slot></slot>
       </div>
-    `}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1),document.addEventListener("keydown",this.__onDocumentKeydown,!0)}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),super.disconnectedCallback()}__setOpen(t){this.open=t}__getActionFromEvent(t){if(!this.id)return null;const n=t.composedPath();for(const e of n)if(e instanceof Element){if(e.getAttribute("data-menu-open")===this.id)return this.__lastTriggerEl=e,"open";if(e.getAttribute("data-menu-close")===this.id)return this.__lastTriggerEl=e,"close";if(e.getAttribute("data-menu-toggle")===this.id)return this.__lastTriggerEl=e,"toggle";if(e.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=e,"toggle"}return null}isClickInScbMenu(t){return t.composedPath().some(e=>e instanceof Element&&(e.tagName==="SCB-MENU"||e.tagName==="SCB-SUB-MENU"))}updated(t){t.has("open")&&(this.__applyOpenSideEffects(),this.open?this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})))}__applyOpenSideEffects(){this.__updateTriggersExpanded()}__updateTriggersExpanded(){if(!this.id)return;document.querySelectorAll(`[aria-controls="${this.id}"], [data-menu-open="${this.id}"], [data-menu-close="${this.id}"], [data-menu-toggle="${this.id}"]`).forEach(n=>{n.hasAttribute("aria-controls")&&n.setAttribute("aria-expanded",String(this.open))})}};a.styles=u`
+    `}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1),document.addEventListener("keydown",this.__onDocumentKeydown,!0),window.addEventListener("resize",this.__onViewportChange,{passive:!0}),window.addEventListener("scroll",this.__onViewportChange,{passive:!0,capture:!0})}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),window.removeEventListener("resize",this.__onViewportChange),window.removeEventListener("scroll",this.__onViewportChange,!0),super.disconnectedCallback()}__setOpen(t){this.open=t}__getActionFromEvent(t){if(!this.id)return null;const i=t.composedPath();for(const e of i)if(e instanceof Element){if(e.getAttribute("data-menu-open")===this.id)return this.__lastTriggerEl=e,"open";if(e.getAttribute("data-menu-close")===this.id)return this.__lastTriggerEl=e,"close";if(e.getAttribute("data-menu-toggle")===this.id)return this.__lastTriggerEl=e,"toggle";if(e.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=e,"toggle"}return null}isClickInScbMenu(t){return t.composedPath().some(e=>e instanceof Element&&(e.tagName==="SCB-MENU"||e.tagName==="SCB-SUB-MENU"))}updated(t){t.has("open")&&(this.__applyOpenSideEffects(),this.open?this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})))}__applyOpenSideEffects(){this.__updateTriggersExpanded(),this.open?this.__positionToTrigger():this.__restoreFocusToTrigger()}__positionToTrigger(){if(!this.open||!this.__lastTriggerEl)return;const t=this.__lastTriggerEl,i=this.shadowRoot?.querySelector(".scb-menu-panel");i&&requestAnimationFrame(()=>{if(!this.open)return;const e=t.getBoundingClientRect(),s=i.getBoundingClientRect(),o=window.innerWidth,r=window.innerHeight,n=8,p=4;let a=e.left,l=e.bottom+p;const h=s.width,d=s.height;a+h>o-n&&(a=Math.max(n,o-n-h)),a<n&&(a=n);let _="top";if(l+d>r-n){const g=e.top-p-d;g>=n&&(l=g,_="bottom")}this.style.position="fixed",this.style.left=`${Math.round(a)}px`,this.style.top=`${Math.round(l)}px`,this.style.setProperty("--scb-menu-transform-origin",_)})}__restoreFocusToTrigger(){this.__lastTriggerEl&&requestAnimationFrame(()=>{this.__lastTriggerEl?.focus?.()})}__updateTriggersExpanded(){if(!this.id)return;const t=String(this.open),i=s=>{s.getAttribute("aria-controls")===this.id&&s.setAttribute("aria-expanded",t)};this.__lastTriggerEl&&i(this.__lastTriggerEl),document.querySelectorAll(`[aria-controls="${this.id}"], [data-menu-open="${this.id}"], [data-menu-close="${this.id}"], [data-menu-toggle="${this.id}"]`).forEach(i)}};c.styles=f`
     :host {
       position: absolute;
       display: block;
@@ -25,7 +25,7 @@ import{a as u,n as l,i as p,x as d,t as h}from"../../vendor/vendor.js";import"./
       opacity: 0;
       max-height: 0;
       transform: scaleY(0.8);
-      transform-origin: top;
+      transform-origin: var(--scb-menu-transform-origin, top);
       transition:
         opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1),
         transform 0.32s cubic-bezier(0.23, 1, 0.32, 1);
@@ -43,4 +43,4 @@ import{a as u,n as l,i as p,x as d,t as h}from"../../vendor/vendor.js";import"./
         opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1),
         transform 0.32s cubic-bezier(0.23, 1, 0.32, 1);
     }
-  `;c([l({type:Boolean,reflect:!0})],a.prototype,"open",2);c([l({type:Boolean,attribute:!1})],a.prototype,"inSb",2);a=c([h("scb-menu")],a);
+  `;u([m({type:Boolean,reflect:!0})],c.prototype,"open",2);u([m({type:Boolean,attribute:!1})],c.prototype,"inSb",2);c=u([E("scb-menu")],c);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.142",
+    "version":  "0.1.144",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -365,5 +365,5 @@
                                   },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "CBB24AFEA7148EBB66D22C2771E26F54DF4F09651EDBB24B8776E7E253EC3348"
+    "buildHash":  "5930BC5AB9243AFF27B8A09412CBB364B8EA8415FC7F7657D4B98B5CEE77CE32"
 }

package/scb-card/scb-card.d.ts

@@ -31,6 +31,8 @@ export declare class ScbCard extends LitElement {
     commentsHref: string;
     likesText: string;
     likes: number;
+    hasLiked: boolean;
+    likesInteractive: boolean;
     sizing: 'stretch' | 'content-width' | 'content-height';
     width: string;
     maxWidth: string;