scb-wc 0.1.78 → 0.1.80

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

@@ -1,4 +1,4 @@
-import{_ as g,b as u,g as b,h as l,m as o,y}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as i}from"../../vendor/decorate.js";import{n as _,t as f}from"../../vendor/assertClassBrand.js";(function(){try{var d=typeof globalThis<"u"?globalThis:window;if(!d.__scb_ce_guard_installed__){d.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(a,s,n){try{customElements.get(a)||t(a,s,n)}catch(r){var c=String(r||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var p,h,e=(p=new WeakSet,h=class extends g{constructor(...t){super(...t),_(this,p),this.title="",this.factCardTitle="",this.subtitle="",this.supportingText="",this.__hasHeading=!1,this.__hasSubtitle=!1,this.__hasSupportingText=!1,this.__hasLinks=!1}render(){const t=m.call(f(p,this)),a=this.subtitle,s=this.supportingText,n=this.__hasHeading||!!t,c=this.__hasSubtitle||!!a,r=this.__hasSupportingText||!!s;return y`
+import{f as l,h as g,m as u,p as o,v as b,y}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as i}from"../../vendor/decorate.js";import{n as _,t as f}from"../../vendor/assertClassBrand.js";(function(){try{var d=typeof globalThis<"u"?globalThis:window;if(!d.__scb_ce_guard_installed__){d.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(a,s,n){try{customElements.get(a)||t(a,s,n)}catch(r){var c=String(r||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var p,h,e=(p=new WeakSet,h=class extends g{constructor(...t){super(...t),_(this,p),this.title="",this.factCardTitle="",this.subtitle="",this.supportingText="",this.__hasHeading=!1,this.__hasSubtitle=!1,this.__hasSupportingText=!1,this.__hasLinks=!1}render(){const t=m.call(f(p,this)),a=this.subtitle,s=this.supportingText,n=this.__hasHeading||!!t,c=this.__hasSubtitle||!!a,r=this.__hasSupportingText||!!s;return b`
       <div class="label" ?hidden=${!n}>
         <slot name="heading" ?hidden=${!this.__hasHeading} @slotchange=${()=>this.__syncSlot("heading")}></slot>
         ${this.__hasHeading?"":t}
@@ -19,71 +19,4 @@ import{_ as g,b as u,g as b,h as l,m as o,y}from"../../vendor/vendor.js";import"
       <div class="content links" ?hidden=${!this.__hasLinks}>
         <slot @slotchange=${()=>this.__syncSlot("default")}></slot>
       </div>
-    `}firstUpdated(){this.__syncAllSlots()}__syncAllSlots(){this.__syncSlot("heading"),this.__syncSlot("subtitle"),this.__syncSlot("supporting-text"),this.__syncSlot("default")}__syncSlot(t){const a=t==="default"?"slot:not([name])":`slot[name="${t}"]`,s=!!this.renderRoot.querySelector(a)?.assignedNodes({flatten:!0}).some(n=>n.nodeType===Node.TEXT_NODE?!!n.textContent?.trim():!0);if(t==="heading"){this.__hasHeading=s;return}if(t==="subtitle"){this.__hasSubtitle=s;return}if(t==="supporting-text"){this.__hasSupportingText=s;return}this.__hasLinks=s}},h.styles=u`
-    :host {
-      display: flex;
-      flex-direction: column;
-      gap: var(--scb-fact-card-content-block-gap, var(--spacing-4, 12px));
-      width: 100%;
-    }
-
-    .label {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      font-size: var(--scb-fact-card-content-title-size, var(--md-sys-typescale-headline-small-size, 22px));
-      font-weight: var(--weight-bold, 700);
-      line-height: var(--scb-fact-card-content-title-line-height, var(--md-sys-typescale-headline-small-line-height, 28px));
-      letter-spacing: var(--scb-fact-card-content-title-letter-spacing, var(--md-sys-typescale-headline-small-tracking, -0.5px));
-    }
-
-    .sub-label {
-      font-size: var(--scb-fact-card-content-subtitle-size, var(--md-sys-typescale-title-medium-size, 18px));
-      font-weight: var(--weight-semibold, 600);
-      line-height: var(--scb-fact-card-content-subtitle-line-height, var(--md-sys-typescale-title-medium-line-height, 26px));
-      letter-spacing: var(--scb-fact-card-content-subtitle-letter-spacing, var(--md-sys-typescale-title-medium-tracking, -0.3px));
-    }
-
-    .supporting-text {
-      font-size: var(--scb-fact-card-content-supporting-size, var(--md-sys-typescale-body-medium-size, 16px));
-      line-height: var(--scb-fact-card-content-supporting-line-height, var(--md-sys-typescale-body-medium-line-height, 24px));
-      letter-spacing: var(--scb-fact-card-content-supporting-letter-spacing, var(--md-sys-typescale-body-medium-tracking, -0.15px));
-    }
-
-    .label ::slotted(*),
-    .sub-label ::slotted(*),
-    .supporting-text ::slotted(*) {
-      margin: 0;
-    }
-
-    .supporting-text ::slotted(a) {
-      font-size: var(--scb-fact-card-content-supporting-size, var(--md-sys-typescale-body-medium-size, 16px));
-      line-height: var(--scb-fact-card-content-supporting-line-height, var(--md-sys-typescale-body-medium-line-height, 24px));
-      letter-spacing: var(--scb-fact-card-content-supporting-letter-spacing, var(--md-sys-typescale-body-medium-tracking, -0.15px));
-    }
-
-    .supporting-text ::slotted(scb-link) {
-      --scb-link-font-size: var(--scb-fact-card-content-supporting-size, var(--md-sys-typescale-body-medium-size, 16px));
-      --scb-link-line-height: var(--scb-fact-card-content-supporting-line-height, var(--md-sys-typescale-body-medium-line-height, 24px));
-      --scb-link-letter-spacing: var(--scb-fact-card-content-supporting-letter-spacing, var(--md-sys-typescale-body-medium-tracking, -0.15px));
-    }
-
-    .content.links ::slotted(*) {
-      margin-top: var(--scb-fact-card-content-links-offset, var(--spacing-3, 8px));
-      display: flex;
-      flex-direction: column;
-      gap: var(--scb-fact-card-content-links-gap, var(--spacing-3, 8px));
-    }
-
-    .content.links ::slotted(a) {
-      font-size: var(--scb-fact-card-content-link-size, var(--scb-fact-card-content-supporting-size, var(--md-sys-typescale-body-medium-size, 16px)));
-      line-height: var(--scb-fact-card-content-link-line-height, var(--scb-fact-card-content-supporting-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));
-      letter-spacing: var(--scb-fact-card-content-link-letter-spacing, var(--scb-fact-card-content-supporting-letter-spacing, var(--md-sys-typescale-body-medium-tracking, -0.15px)));
-    }
-
-    .content.links ::slotted(scb-link) {
-      --scb-link-font-size: var(--scb-fact-card-content-link-size, var(--scb-fact-card-content-supporting-size, var(--md-sys-typescale-body-medium-size, 16px)));
-      --scb-link-line-height: var(--scb-fact-card-content-link-line-height, var(--scb-fact-card-content-supporting-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));
-      --scb-link-letter-spacing: var(--scb-fact-card-content-link-letter-spacing, var(--scb-fact-card-content-supporting-letter-spacing, var(--md-sys-typescale-body-medium-tracking, -0.15px)));
-    }
-  `,h);function m(){return this.factCardTitle||this.title}i([l({type:String,reflect:!0,attribute:"title"})],e.prototype,"title",void 0);i([l({type:String,reflect:!0,attribute:"fact-card-title"})],e.prototype,"factCardTitle",void 0);i([l({type:String,reflect:!0,attribute:"subtitle"})],e.prototype,"subtitle",void 0);i([l({type:String,reflect:!0,attribute:"supporting-text"})],e.prototype,"supportingText",void 0);i([o()],e.prototype,"__hasHeading",void 0);i([o()],e.prototype,"__hasSubtitle",void 0);i([o()],e.prototype,"__hasSupportingText",void 0);i([o()],e.prototype,"__hasLinks",void 0);e=i([b("scb-fact-card-content")],e);
+    `}firstUpdated(){this.__syncAllSlots()}__syncAllSlots(){this.__syncSlot("heading"),this.__syncSlot("subtitle"),this.__syncSlot("supporting-text"),this.__syncSlot("default")}__syncSlot(t){const a=t==="default"?"slot:not([name])":`slot[name="${t}"]`,s=!!this.renderRoot.querySelector(a)?.assignedNodes({flatten:!0}).some(n=>n.nodeType===Node.TEXT_NODE?!!n.textContent?.trim():!0);if(t==="heading"){this.__hasHeading=s;return}if(t==="subtitle"){this.__hasSubtitle=s;return}if(t==="supporting-text"){this.__hasSupportingText=s;return}this.__hasLinks=s}},h.styles=y`:host{display:flex;flex-direction:column;gap:var(--scb-fact-card-content-block-gap, var(--spacing-4, 12px));width:100%}.label{display:flex;justify-content:space-between;align-items:center;font-size:var(--scb-fact-card-content-title-size, var(--md-sys-typescale-headline-small-size, 22px));font-weight:var(--weight-bold, 700);line-height:var(--scb-fact-card-content-title-line-height, var(--md-sys-typescale-headline-small-line-height, 28px));letter-spacing:var(--scb-fact-card-content-title-letter-spacing, var(--md-sys-typescale-headline-small-tracking, -0.5px))}.sub-label{font-size:var(--scb-fact-card-content-subtitle-size, var(--md-sys-typescale-title-medium-size, 18px));font-weight:var(--weight-semibold, 600);line-height:var(--scb-fact-card-content-subtitle-line-height, var(--md-sys-typescale-title-medium-line-height, 26px));letter-spacing:var(--scb-fact-card-content-subtitle-letter-spacing, var(--md-sys-typescale-title-medium-tracking, -0.3px))}.supporting-text{font-size:var(--scb-fact-card-content-supporting-size, var(--md-sys-typescale-body-medium-size, 16px));line-height:var(--scb-fact-card-content-supporting-line-height, var(--md-sys-typescale-body-medium-line-height, 24px));letter-spacing:var(--scb-fact-card-content-supporting-letter-spacing, var(--md-sys-typescale-body-medium-tracking, -0.15px))}.label ::slotted(*),.sub-label ::slotted(*),.supporting-text ::slotted(*){margin:0}.supporting-text ::slotted(a){font-size:var(--scb-fact-card-content-supporting-size, var(--md-sys-typescale-body-medium-size, 16px));line-height:var(--scb-fact-card-content-supporting-line-height, var(--md-sys-typescale-body-medium-line-height, 24px));letter-spacing:var(--scb-fact-card-content-supporting-letter-spacing, var(--md-sys-typescale-body-medium-tracking, -0.15px))}.supporting-text ::slotted(scb-link){--scb-link-font-size:var(--scb-fact-card-content-supporting-size, var(--md-sys-typescale-body-medium-size, 16px));--scb-link-line-height:var(--scb-fact-card-content-supporting-line-height, var(--md-sys-typescale-body-medium-line-height, 24px));--scb-link-letter-spacing:var(--scb-fact-card-content-supporting-letter-spacing, var(--md-sys-typescale-body-medium-tracking, -0.15px))}.content.links ::slotted(*){margin-top:var(--scb-fact-card-content-links-offset, var(--spacing-3, 8px));display:flex;flex-direction:column;gap:var(--scb-fact-card-content-links-gap, var(--spacing-3, 8px))}.content.links ::slotted(a){font-size:var(--scb-fact-card-content-link-size, var(--scb-fact-card-content-supporting-size, var(--md-sys-typescale-body-medium-size, 16px)));line-height:var(--scb-fact-card-content-link-line-height, var(--scb-fact-card-content-supporting-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));letter-spacing:var(--scb-fact-card-content-link-letter-spacing, var(--scb-fact-card-content-supporting-letter-spacing, var(--md-sys-typescale-body-medium-tracking, -0.15px)))}.content.links ::slotted(scb-link){--scb-link-font-size:var(--scb-fact-card-content-link-size, var(--scb-fact-card-content-supporting-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-link-line-height:var(--scb-fact-card-content-link-line-height, var(--scb-fact-card-content-supporting-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-link-letter-spacing:var(--scb-fact-card-content-link-letter-spacing, var(--scb-fact-card-content-supporting-letter-spacing, var(--md-sys-typescale-body-medium-tracking, -0.15px)))}`,h);function m(){return this.factCardTitle||this.title}i([o({type:String,reflect:!0,attribute:"title"})],e.prototype,"title",void 0);i([o({type:String,reflect:!0,attribute:"fact-card-title"})],e.prototype,"factCardTitle",void 0);i([o({type:String,reflect:!0,attribute:"subtitle"})],e.prototype,"subtitle",void 0);i([o({type:String,reflect:!0,attribute:"supporting-text"})],e.prototype,"supportingText",void 0);i([l()],e.prototype,"__hasHeading",void 0);i([l()],e.prototype,"__hasSubtitle",void 0);i([l()],e.prototype,"__hasSupportingText",void 0);i([l()],e.prototype,"__hasLinks",void 0);e=i([u("scb-fact-card-content")],e);

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

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/icon.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/vendor-lit.js"])))=>i.map(i=>d[i]);
-import{_ as f,b as u,g as y,h as a,m as v,y as h}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as s}from"../../vendor/decorate.js";import{n as _,t as b}from"../../vendor/assertClassBrand.js";import{t as x}from"../../vendor/preload-helper.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-link/scb-link.js";import"./scb-fact-card-content.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,r,d){try{customElements.get(e)||t(e,r,d)}catch(p){var o=String(p||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var g,l,c,k={fromAttribute:n=>n??"",toAttribute:n=>typeof n!="string"||n.trim()===""?null:n},i=(g=new WeakSet,l=class extends f{constructor(...t){super(...t),_(this,g),this.__onCloseClick=e=>{e.stopPropagation(),this.__setOpen(!1)},this.variant="filled",this.size="large",this.title="",this.subtitle="",this.supportingText="",this.icon="",this.showCloseButton=!1,this.__hasIconSlot=!1,this.open=!0,this.__lastTriggerEl=null,this.sizing="",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__onIconSlotChange=()=>{const e=this.renderRoot.querySelector('slot[name="icon"]');this.__hasIconSlot=!!e?.assignedNodes({flatten:!0}).some(r=>r.nodeType===Node.TEXT_NODE?!!r.textContent?.trim():!0)}}static __handleDocClick(t){const e=t.composedPath();for(const r of e){if(!(r instanceof Element))continue;const d=r.getAttribute("data-fact-card-toggle")||r.getAttribute("aria-controls");if(!d)continue;const o=c.__instances.get(d);if(!o){c.__instances.delete(d);continue}o.__lastTriggerEl=r,o.__setOpen(!o.open);break}}static __ensureDocListener(){c.__docListenerAttached||(document.addEventListener("click",c.__handleDocClick,!0),c.__docListenerAttached=!0)}static __maybeRemoveDocListener(){c.__docListenerAttached&&c.__instances.size===0&&(document.removeEventListener("click",c.__handleDocClick,!0),c.__docListenerAttached=!1)}connectedCallback(){super.connectedCallback(),this.id&&c.__instances.set(this.id,this),c.__ensureDocListener()}disconnectedCallback(){this.id&&c.__instances.delete(this.id),c.__maybeRemoveDocListener(),super.disconnectedCallback()}updated(t){t.has("open")&&this.__updateTriggersExpanded(),t.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),t.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),t.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),t.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&b(g,this,m).call(this)}__updateTriggersExpanded(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-fact-card-toggle="${this.id}"]`).forEach(t=>{t.hasAttribute("aria-controls")&&t.setAttribute("aria-expanded",String(this.open))})}__setOpen(t){const e=this.open;e!==t&&(this.open=t,this.dispatchEvent(new CustomEvent("openchange",{bubbles:!0,composed:!0,detail:{open:this.open}})),t&&!e?this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})):!t&&e&&this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})))}render(){if(!this.open)return h``;const t=this.variant==="outlined"?"outlined":"filled",e=!!this.icon||this.__hasIconSlot||this.__hasLightDomSlot("icon");return h`
+import{f,h as u,m as y,p as a,v as h,y as v}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as _}from"../../vendor/preload-helper.js";import{t as s}from"../../vendor/decorate.js";import{n as x,t as b}from"../../vendor/assertClassBrand.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-link/scb-link.js";import"./scb-fact-card-content.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,r,d){try{customElements.get(e)||t(e,r,d)}catch(p){var o=String(p||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var g,l,c,z={fromAttribute:n=>n??"",toAttribute:n=>typeof n!="string"||n.trim()===""?null:n},i=(g=new WeakSet,l=class extends u{constructor(...t){super(...t),x(this,g),this.__onCloseClick=e=>{e.stopPropagation(),this.__setOpen(!1)},this.variant="filled",this.size="large",this.title="",this.subtitle="",this.supportingText="",this.icon="",this.showCloseButton=!1,this.__hasIconSlot=!1,this.open=!0,this.__lastTriggerEl=null,this.sizing="",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__onIconSlotChange=()=>{const e=this.renderRoot.querySelector('slot[name="icon"]');this.__hasIconSlot=!!e?.assignedNodes({flatten:!0}).some(r=>r.nodeType===Node.TEXT_NODE?!!r.textContent?.trim():!0)}}static __handleDocClick(t){const e=t.composedPath();for(const r of e){if(!(r instanceof Element))continue;const d=r.getAttribute("data-fact-card-toggle")||r.getAttribute("aria-controls");if(!d)continue;const o=c.__instances.get(d);if(!o){c.__instances.delete(d);continue}o.__lastTriggerEl=r,o.__setOpen(!o.open);break}}static __ensureDocListener(){c.__docListenerAttached||(document.addEventListener("click",c.__handleDocClick,!0),c.__docListenerAttached=!0)}static __maybeRemoveDocListener(){c.__docListenerAttached&&c.__instances.size===0&&(document.removeEventListener("click",c.__handleDocClick,!0),c.__docListenerAttached=!1)}connectedCallback(){super.connectedCallback(),this.id&&c.__instances.set(this.id,this),c.__ensureDocListener()}disconnectedCallback(){this.id&&c.__instances.delete(this.id),c.__maybeRemoveDocListener(),super.disconnectedCallback()}updated(t){t.has("open")&&this.__updateTriggersExpanded(),t.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),t.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),t.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),t.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&b(g,this,m).call(this)}__updateTriggersExpanded(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-fact-card-toggle="${this.id}"]`).forEach(t=>{t.hasAttribute("aria-controls")&&t.setAttribute("aria-expanded",String(this.open))})}__setOpen(t){const e=this.open;e!==t&&(this.open=t,this.dispatchEvent(new CustomEvent("openchange",{bubbles:!0,composed:!0,detail:{open:this.open}})),t&&!e?this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})):!t&&e&&this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})))}render(){if(!this.open)return h``;const t=this.variant==="outlined"?"outlined":"filled",e=!!this.icon||this.__hasIconSlot||this.__hasLightDomSlot("icon");return h`
       <div class="outer ${e?"has-icon":""}">
         <div class="icon-wrapper ${t}" ?hidden=${!e}>
           <slot name="icon" @slotchange=${this.__onIconSlotChange}>
@@ -19,216 +19,4 @@ import{_ as f,b as u,g as y,h as a,m as v,y as h}from"../../vendor/vendor.js";im
           </div>
         </div>
       </div>
-    `}async firstUpdated(){b(g,this,m).call(this),c.__iconLoaded||(await x(()=>import("../../vendor/icon.js").then(t=>t.t),__vite__mapDeps([0,1,2,3]),import.meta.url),c.__iconLoaded=!0)}__hasLightDomSlot(t){return Array.from(this.children).some(e=>e.getAttribute("slot")===t)}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}},c=l,l.__iconLoaded=!1,l.__instances=new Map,l.__docListenerAttached=!1,l.styles=u`
-    :host {
-      --scb-fact-card-icon-overhang: 40px;
-      display: block;
-      position: relative;
-      box-sizing: border-box;
-      inline-size: 100%;
-      min-inline-size: 0;
-      max-inline-size: var(--scb-fact-card-max-w, none);
-      height: auto;
-      padding: 0;
-      margin-block-start: var(--scb-fact-card-spacing-block-start, 0);
-      margin-block-end: var(--scb-fact-card-spacing-block-end, 0);
-      margin-inline-start: var(--scb-fact-card-spacing-inline-start, 0);
-      margin-inline-end: var(--scb-fact-card-spacing-inline-end, 0);
-
-      --scb-fact-card-padding: var(--spacing-7, 24px);
-      --scb-fact-card-content-gap: var(--spacing-8, 32px);
-      --scb-fact-card-close-padding-right: var(--spacing-12, 80px);
-      --scb-fact-card-icon-padding-block: var(--spacing-5, 16px);
-      --scb-fact-card-icon-padding-inline: var(--spacing-7, 24px);
-
-      --scb-fact-card-content-title-size: var(--md-sys-typescale-headline-small-size, 22px);
-      --scb-fact-card-content-title-line-height: var(--md-sys-typescale-headline-small-line-height, 28px);
-      --scb-fact-card-content-title-letter-spacing: var(--md-sys-typescale-headline-small-tracking, -0.5px);
-
-      --scb-fact-card-content-subtitle-size: var(--md-sys-typescale-title-medium-size, 18px);
-      --scb-fact-card-content-subtitle-line-height: var(--md-sys-typescale-title-medium-line-height, 26px);
-      --scb-fact-card-content-subtitle-letter-spacing: var(--md-sys-typescale-title-medium-tracking, -0.3px);
-
-      --scb-fact-card-content-supporting-size: var(--md-sys-typescale-body-medium-size, 16px);
-      --scb-fact-card-content-supporting-line-height: var(--md-sys-typescale-body-medium-line-height, 24px);
-      --scb-fact-card-content-supporting-letter-spacing: var(--md-sys-typescale-body-medium-tracking, -0.15px);
-
-      --scb-fact-card-content-links-gap: var(--spacing-3, 8px);
-      --scb-fact-card-content-links-offset: var(--spacing-3, 8px);
-      --scb-fact-card-content-block-gap: var(--spacing-4, 12px);
-    }
-
-    :host([size='medium']) {
-      --scb-fact-card-icon-overhang: 36px;
-      --scb-fact-card-padding: var(--spacing-6, 20px);
-      --scb-fact-card-content-gap: var(--spacing-6, 20px);
-      --scb-fact-card-close-padding-right: var(--spacing-11, 64px);
-      --scb-fact-card-icon-padding-block: var(--spacing-4, 12px);
-      --scb-fact-card-icon-padding-inline: var(--spacing-6, 20px);
-
-      --scb-fact-card-content-title-size: var(--md-sys-typescale-title-large-size, 20px);
-      --scb-fact-card-content-title-line-height: var(--md-sys-typescale-title-large-line-height, 28px);
-      --scb-fact-card-content-title-letter-spacing: var(--md-sys-typescale-title-large-tracking, -0.3px);
-
-      --scb-fact-card-content-subtitle-size: var(--md-sys-typescale-title-small-size, 16px);
-      --scb-fact-card-content-subtitle-line-height: var(--md-sys-typescale-title-small-line-height, 24px);
-      --scb-fact-card-content-subtitle-letter-spacing: var(--md-sys-typescale-title-small-tracking, -0.2px);
-
-      --scb-fact-card-content-supporting-size: var(--md-sys-typescale-body-medium-size, 16px);
-      --scb-fact-card-content-supporting-line-height: var(--md-sys-typescale-body-medium-line-height, 24px);
-      --scb-fact-card-content-supporting-letter-spacing: var(--md-sys-typescale-body-medium-tracking, -0.15px);
-
-      --scb-fact-card-content-links-gap: var(--spacing-2, 4px);
-      --scb-fact-card-content-links-offset: var(--spacing-2, 4px);
-      --scb-fact-card-content-block-gap: var(--spacing-3, 8px);
-    }
-
-    :host([size='small']) {
-      --scb-fact-card-icon-overhang: 32px;
-      --scb-fact-card-padding: var(--spacing-5, 16px);
-      --scb-fact-card-content-gap: var(--spacing-5, 16px);
-      --scb-fact-card-close-padding-right: var(--spacing-10, 56px);
-      --scb-fact-card-icon-padding-block: var(--spacing-3, 8px);
-      --scb-fact-card-icon-padding-inline: var(--spacing-5, 16px);
-
-      --scb-fact-card-content-title-size: var(--md-sys-typescale-title-medium-size, 18px);
-      --scb-fact-card-content-title-line-height: var(--md-sys-typescale-title-medium-line-height, 26px);
-      --scb-fact-card-content-title-letter-spacing: var(--md-sys-typescale-title-medium-tracking, -0.3px);
-
-      --scb-fact-card-content-subtitle-size: var(--md-sys-typescale-body-medium-size, 16px);
-      --scb-fact-card-content-subtitle-line-height: var(--md-sys-typescale-body-medium-line-height, 24px);
-      --scb-fact-card-content-subtitle-letter-spacing: var(--md-sys-typescale-body-medium-tracking, -0.15px);
-
-      --scb-fact-card-content-supporting-size: var(--md-sys-typescale-body-small-size, 14px);
-      --scb-fact-card-content-supporting-line-height: var(--md-sys-typescale-body-small-line-height, 20px);
-      --scb-fact-card-content-supporting-letter-spacing: var(--md-sys-typescale-body-small-tracking, -0.1px);
-
-      --scb-fact-card-content-links-gap: var(--spacing-2, 4px);
-      --scb-fact-card-content-links-offset: var(--spacing-2, 4px);
-      --scb-fact-card-content-block-gap: var(--spacing-2, 4px);
-    }
-
-    :host([sizing='stretch']) {
-      inline-size: 100%;
-      block-size: 100%;
-      max-inline-size: none;
-    }
-    :host([sizing='content-width']) {
-      display: inline-block;
-      inline-size: auto;
-      block-size: auto;
-      max-inline-size: var(--scb-fact-card-max-w, none);
-    }
-    :host([sizing='content-height']) {
-      inline-size: 100%;
-      block-size: auto;
-      max-inline-size: none;
-    }
-
-    .outer {
-      position: relative;
-      inline-size: 100%;
-      max-inline-size: 100%;
-      --_icon-pad: 0px;
-      padding-top: var(--_icon-pad);
-      box-sizing: border-box;
-    }
-    :host([sizing='content-width']) .outer {
-      inline-size: max-content;
-    }
-
-    :host([height]) .outer,
-    :host([max-height]) .outer,
-    :host([sizing='stretch']) .outer {
-      block-size: 100%;
-    }
-
-    .scb-fact-card {
-      color: var(--md-sys-color-on-surface, #0F0865);
-      font-family: var(--brand-font, "Inter", sans-serif);
-      position: relative;
-      border-radius: var(--md-sys-shape-corner-large, 16px);
-      background: var(--md-sys-color-surface-dim, #F9F8EF);
-      padding: var(--scb-fact-card-padding);
-      box-sizing: border-box;
-      inline-size: 100%;
-      max-inline-size: 100%;
-      min-inline-size: 0;
-      overflow: hidden;
-      block-size: auto;
-    }
-
-    :host([height]) .scb-fact-card,
-    :host([max-height]) .scb-fact-card,
-    :host([sizing='stretch']) .scb-fact-card {
-      block-size: calc(100% - var(--_icon-pad));
-    }
-
-    .scb-fact-card.has-close {
-      padding-right: var(--scb-fact-card-close-padding-right);
-    }
-
-    .scb-fact-card.outlined {
-      border: 1px solid var(--md-sys-color-outline, #808080);
-      background: var(--md-sys-color-surface, #FFFFFF);
-    }
-
-    .outer.has-icon {
-      --_icon-pad: var(--scb-fact-card-icon-overhang);
-    }
-    .outer.has-icon .scb-fact-card {
-      border-top-left-radius: 0;
-    }
-
-    .icon-wrapper {
-      position: absolute;
-      z-index: 1;
-      top: 0;
-      left: 0;
-      padding: var(--scb-fact-card-icon-padding-block) var(--scb-fact-card-icon-padding-inline);
-      padding-bottom: 0;
-      width: fit-content;
-      border-radius: var(--md-sys-shape-corner-full, 1000px) var(--md-sys-shape-corner-full, 1000px) 0 0 /
-        var(--md-sys-shape-corner-full, 1000px) var(--md-sys-shape-corner-full, 1000px) 0 0;
-      background: var(--md-sys-color-surface-dim, #F9F8EF);
-      line-height: 0;
-    }
-    .icon-wrapper.outlined {
-      border: var(--stroke-border, 1px) solid var(--md-sys-color-outline, #808080);
-      border-bottom: none;
-      background: var(--md-sys-color-surface, #FFFFFF);
-    }
-
-    scb-icon-button {
-      position: absolute;
-      right: var(--scale-01, 12px);
-      top: var(--scale-01, 12px);
-    }
-
-    .icon-wrapper ::slotted(*) {
-      margin: 0;
-    }
-
-    .scb-fact-card.clickable {
-      cursor: pointer;
-    }
-
-    .content {
-      display: flex;
-      flex-direction: column;
-      gap: var(--scb-fact-card-content-gap);
-      inline-size: 100%;
-      min-inline-size: 0;
-    }
-
-    .content .label,
-    .content .sub-label,
-    .content .supporting-text {
-      white-space: normal;
-      overflow: visible;
-      text-overflow: clip;
-      word-break: normal;
-      overflow-wrap: normal;
-      hyphens: auto;
-    }
-  `,l);function m(){const n=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop),e=this.mapSpacingToken(this.spacingBottom),r=this.mapSpacingToken(this.spacingLeft),d=this.mapSpacingToken(this.spacingRight),o=t??n,p=e??n;o?this.style.setProperty("--scb-fact-card-spacing-block-start",o):this.style.removeProperty("--scb-fact-card-spacing-block-start"),p?this.style.setProperty("--scb-fact-card-spacing-block-end",p):this.style.removeProperty("--scb-fact-card-spacing-block-end"),r?this.style.setProperty("--scb-fact-card-spacing-inline-start",r):this.style.removeProperty("--scb-fact-card-spacing-inline-start"),d?this.style.setProperty("--scb-fact-card-spacing-inline-end",d):this.style.removeProperty("--scb-fact-card-spacing-inline-end")}s([a({type:String})],i.prototype,"variant",void 0);s([a({type:String,reflect:!0})],i.prototype,"size",void 0);s([a({type:String,attribute:"title"})],i.prototype,"title",void 0);s([a({type:String,attribute:"subtitle"})],i.prototype,"subtitle",void 0);s([a({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",void 0);s([a({type:String})],i.prototype,"icon",void 0);s([a({type:Boolean,attribute:"show-close-button"})],i.prototype,"showCloseButton",void 0);s([v()],i.prototype,"__hasIconSlot",void 0);s([a({type:Boolean,reflect:!0})],i.prototype,"open",void 0);s([a({type:String,reflect:!0,converter:k})],i.prototype,"sizing",void 0);s([a({type:String,reflect:!0})],i.prototype,"width",void 0);s([a({type:String,reflect:!0,attribute:"max-width"})],i.prototype,"maxWidth",void 0);s([a({type:String,reflect:!0})],i.prototype,"height",void 0);s([a({type:String,reflect:!0,attribute:"max-height"})],i.prototype,"maxHeight",void 0);s([a({type:String,reflect:!0})],i.prototype,"spacing",void 0);s([a({type:String,reflect:!0,attribute:"spacing-top"})],i.prototype,"spacingTop",void 0);s([a({type:String,reflect:!0,attribute:"spacing-bottom"})],i.prototype,"spacingBottom",void 0);s([a({type:String,reflect:!0,attribute:"spacing-left"})],i.prototype,"spacingLeft",void 0);s([a({type:String,reflect:!0,attribute:"spacing-right"})],i.prototype,"spacingRight",void 0);i=c=s([y("scb-fact-card")],i);
+    `}async firstUpdated(){b(g,this,m).call(this),c.__iconLoaded||(await _(()=>import("../../vendor/icon.js").then(t=>t.t),__vite__mapDeps([0,1,2,3]),import.meta.url),c.__iconLoaded=!0)}__hasLightDomSlot(t){return Array.from(this.children).some(e=>e.getAttribute("slot")===t)}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}},c=l,l.__iconLoaded=!1,l.__instances=new Map,l.__docListenerAttached=!1,l.styles=v`:host{--scb-fact-card-icon-overhang:40px;display:block;position:relative;box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:var(--scb-fact-card-max-w, none);height:auto;padding:0;margin-block-start:var(--scb-fact-card-spacing-block-start, 0);margin-block-end:var(--scb-fact-card-spacing-block-end, 0);margin-inline-start:var(--scb-fact-card-spacing-inline-start, 0);margin-inline-end:var(--scb-fact-card-spacing-inline-end, 0);--scb-fact-card-padding:var(--spacing-7, 24px);--scb-fact-card-content-gap:var(--spacing-8, 32px);--scb-fact-card-close-padding-right:var(--spacing-12, 80px);--scb-fact-card-icon-padding-block:var(--spacing-5, 16px);--scb-fact-card-icon-padding-inline:var(--spacing-7, 24px);--scb-fact-card-content-title-size:var(--md-sys-typescale-headline-small-size, 22px);--scb-fact-card-content-title-line-height:var(--md-sys-typescale-headline-small-line-height, 28px);--scb-fact-card-content-title-letter-spacing:var(--md-sys-typescale-headline-small-tracking, -0.5px);--scb-fact-card-content-subtitle-size:var(--md-sys-typescale-title-medium-size, 18px);--scb-fact-card-content-subtitle-line-height:var(--md-sys-typescale-title-medium-line-height, 26px);--scb-fact-card-content-subtitle-letter-spacing:var(--md-sys-typescale-title-medium-tracking, -0.3px);--scb-fact-card-content-supporting-size:var(--md-sys-typescale-body-medium-size, 16px);--scb-fact-card-content-supporting-line-height:var(--md-sys-typescale-body-medium-line-height, 24px);--scb-fact-card-content-supporting-letter-spacing:var(--md-sys-typescale-body-medium-tracking, -0.15px);--scb-fact-card-content-links-gap:var(--spacing-3, 8px);--scb-fact-card-content-links-offset:var(--spacing-3, 8px);--scb-fact-card-content-block-gap:var(--spacing-4, 12px)}:host([size='medium']),:host([size='small']){--scb-fact-card-content-links-gap:var(--spacing-2, 4px);--scb-fact-card-content-links-offset:var(--spacing-2, 4px)}:host([size='medium']){--scb-fact-card-icon-overhang:36px;--scb-fact-card-padding:var(--spacing-6, 20px);--scb-fact-card-content-gap:var(--spacing-6, 20px);--scb-fact-card-close-padding-right:var(--spacing-11, 64px);--scb-fact-card-icon-padding-block:var(--spacing-4, 12px);--scb-fact-card-icon-padding-inline:var(--spacing-6, 20px);--scb-fact-card-content-title-size:var(--md-sys-typescale-title-large-size, 20px);--scb-fact-card-content-title-line-height:var(--md-sys-typescale-title-large-line-height, 28px);--scb-fact-card-content-title-letter-spacing:var(--md-sys-typescale-title-large-tracking, -0.3px);--scb-fact-card-content-subtitle-size:var(--md-sys-typescale-title-small-size, 16px);--scb-fact-card-content-subtitle-line-height:var(--md-sys-typescale-title-small-line-height, 24px);--scb-fact-card-content-subtitle-letter-spacing:var(--md-sys-typescale-title-small-tracking, -0.2px);--scb-fact-card-content-supporting-size:var(--md-sys-typescale-body-medium-size, 16px);--scb-fact-card-content-supporting-line-height:var(--md-sys-typescale-body-medium-line-height, 24px);--scb-fact-card-content-supporting-letter-spacing:var(--md-sys-typescale-body-medium-tracking, -0.15px);--scb-fact-card-content-block-gap:var(--spacing-3, 8px)}:host([size='small']){--scb-fact-card-icon-overhang:32px;--scb-fact-card-padding:var(--spacing-5, 16px);--scb-fact-card-content-gap:var(--spacing-5, 16px);--scb-fact-card-close-padding-right:var(--spacing-10, 56px);--scb-fact-card-icon-padding-block:var(--spacing-3, 8px);--scb-fact-card-icon-padding-inline:var(--spacing-5, 16px);--scb-fact-card-content-title-size:var(--md-sys-typescale-title-medium-size, 18px);--scb-fact-card-content-title-line-height:var(--md-sys-typescale-title-medium-line-height, 26px);--scb-fact-card-content-title-letter-spacing:var(--md-sys-typescale-title-medium-tracking, -0.3px);--scb-fact-card-content-subtitle-size:var(--md-sys-typescale-body-medium-size, 16px);--scb-fact-card-content-subtitle-line-height:var(--md-sys-typescale-body-medium-line-height, 24px);--scb-fact-card-content-subtitle-letter-spacing:var(--md-sys-typescale-body-medium-tracking, -0.15px);--scb-fact-card-content-supporting-size:var(--md-sys-typescale-body-small-size, 14px);--scb-fact-card-content-supporting-line-height:var(--md-sys-typescale-body-small-line-height, 20px);--scb-fact-card-content-supporting-letter-spacing:var(--md-sys-typescale-body-small-tracking, -0.1px);--scb-fact-card-content-block-gap:var(--spacing-2, 4px)}:host([sizing='stretch']){inline-size:100%;block-size:100%;max-inline-size:none}:host([sizing='content-width']){display:inline-block;inline-size:auto;block-size:auto;max-inline-size:var(--scb-fact-card-max-w, none)}:host([sizing='content-height']){inline-size:100%;block-size:auto;max-inline-size:none}.outer{position:relative;inline-size:100%;max-inline-size:100%;--_icon-pad:0px;padding-top:var(--_icon-pad);box-sizing:border-box}:host([sizing='content-width']) .outer{inline-size:max-content}:host([height]) .outer,:host([max-height]) .outer,:host([sizing='stretch']) .outer{block-size:100%}.scb-fact-card{color:var(--md-sys-color-on-surface, #0F0865);font-family:var(--brand-font, "Inter", sans-serif);position:relative;border-radius:var(--md-sys-shape-corner-large, 16px);background:var(--md-sys-color-surface-dim, #F9F8EF);padding:var(--scb-fact-card-padding);box-sizing:border-box;inline-size:100%;max-inline-size:100%;min-inline-size:0;overflow:hidden;block-size:auto}:host([height]) .scb-fact-card,:host([max-height]) .scb-fact-card,:host([sizing='stretch']) .scb-fact-card{block-size:calc(100% - var(--_icon-pad))}.scb-fact-card.has-close{padding-right:var(--scb-fact-card-close-padding-right)}.scb-fact-card.outlined{border:1px solid var(--md-sys-color-outline, #808080);background:var(--md-sys-color-surface, #FFFFFF)}.outer.has-icon{--_icon-pad:var(--scb-fact-card-icon-overhang)}.outer.has-icon .scb-fact-card{border-top-left-radius:0}.icon-wrapper{position:absolute;z-index:1;top:0;left:0;padding:var(--scb-fact-card-icon-padding-block) var(--scb-fact-card-icon-padding-inline);padding-bottom:0;width:fit-content;border-radius:var(--md-sys-shape-corner-full, 1000px) var(--md-sys-shape-corner-full, 1000px)0 0/var(--md-sys-shape-corner-full, 1000px) var(--md-sys-shape-corner-full, 1000px)0 0;background:var(--md-sys-color-surface-dim, #F9F8EF);line-height:0}.icon-wrapper.outlined{border:var(--stroke-border, 1px) solid var(--md-sys-color-outline, #808080);border-bottom:none;background:var(--md-sys-color-surface, #FFFFFF)}scb-icon-button{position:absolute;right:var(--scale-01, 12px);top:var(--scale-01, 12px)}.icon-wrapper ::slotted(*){margin:0}.scb-fact-card.clickable{cursor:pointer}.content{display:flex;flex-direction:column;gap:var(--scb-fact-card-content-gap);inline-size:100%;min-inline-size:0}.content .label,.content .sub-label,.content .supporting-text{white-space:normal;overflow:visible;text-overflow:clip;word-break:normal;overflow-wrap:normal;hyphens:auto}`,l);function m(){const n=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop),e=this.mapSpacingToken(this.spacingBottom),r=this.mapSpacingToken(this.spacingLeft),d=this.mapSpacingToken(this.spacingRight),o=t??n,p=e??n;o?this.style.setProperty("--scb-fact-card-spacing-block-start",o):this.style.removeProperty("--scb-fact-card-spacing-block-start"),p?this.style.setProperty("--scb-fact-card-spacing-block-end",p):this.style.removeProperty("--scb-fact-card-spacing-block-end"),r?this.style.setProperty("--scb-fact-card-spacing-inline-start",r):this.style.removeProperty("--scb-fact-card-spacing-inline-start"),d?this.style.setProperty("--scb-fact-card-spacing-inline-end",d):this.style.removeProperty("--scb-fact-card-spacing-inline-end")}s([a({type:String})],i.prototype,"variant",void 0);s([a({type:String,reflect:!0})],i.prototype,"size",void 0);s([a({type:String,attribute:"title"})],i.prototype,"title",void 0);s([a({type:String,attribute:"subtitle"})],i.prototype,"subtitle",void 0);s([a({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",void 0);s([a({type:String})],i.prototype,"icon",void 0);s([a({type:Boolean,attribute:"show-close-button"})],i.prototype,"showCloseButton",void 0);s([f()],i.prototype,"__hasIconSlot",void 0);s([a({type:Boolean,reflect:!0})],i.prototype,"open",void 0);s([a({type:String,reflect:!0,converter:z})],i.prototype,"sizing",void 0);s([a({type:String,reflect:!0})],i.prototype,"width",void 0);s([a({type:String,reflect:!0,attribute:"max-width"})],i.prototype,"maxWidth",void 0);s([a({type:String,reflect:!0})],i.prototype,"height",void 0);s([a({type:String,reflect:!0,attribute:"max-height"})],i.prototype,"maxHeight",void 0);s([a({type:String,reflect:!0})],i.prototype,"spacing",void 0);s([a({type:String,reflect:!0,attribute:"spacing-top"})],i.prototype,"spacingTop",void 0);s([a({type:String,reflect:!0,attribute:"spacing-bottom"})],i.prototype,"spacingBottom",void 0);s([a({type:String,reflect:!0,attribute:"spacing-left"})],i.prototype,"spacingLeft",void 0);s([a({type:String,reflect:!0,attribute:"spacing-right"})],i.prototype,"spacingRight",void 0);i=c=s([y("scb-fact-card")],i);

package/mvc/components/scb-footer/scb-footer-section.js

@@ -1,3 +1 @@
-import{_ as d,b as _,g as u,h as f,y as b}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as c}from"../../vendor/decorate.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,a,l){try{customElements.get(o)||e(o,a,l)}catch(n){var i=String(n||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var r,s=(r=class extends d{constructor(...e){super(...e),this.title=""}render(){return b`<slot></slot>`}},r.styles=_`
-    :host { display: none; }
-  `,r);c([f({type:String,reflect:!0})],s.prototype,"title",void 0);s=c([u("scb-footer-section")],s);
+import{h as d,m as _,p as u,v as f,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as c}from"../../vendor/decorate.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,a,l){try{customElements.get(o)||e(o,a,l)}catch(n){var i=String(n||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var r,s=(r=class extends d{constructor(...e){super(...e),this.title=""}render(){return f`<slot></slot>`}},r.styles=m`:host{display:none}`,r);c([u({type:String,reflect:!0})],s.prototype,"title",void 0);s=c([_("scb-footer-section")],s);

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

@@ -1,4 +1,4 @@
-import{_ as N,b as B,g as M,h as g,y as b}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as p}from"../../vendor/decorate.js";import{n as P,t as s}from"../../vendor/assertClassBrand.js";import{n as o,r as x,t as h}from"../../vendor/classPrivateFieldGet2.js";import"../scb-link/scb-link.js";import"./scb-footer-section.js";import"../scb-grid/scb-grid-item.js";import"../scb-grid/scb-grid.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(a,n,i){try{customElements.get(a)||t(a,n,i)}catch(v){var l=String(v||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw v}}}}catch{}})();var d,m,f,u,r,y,O={fromAttribute(e){if(e===null)return!1;const t=e.trim().toLowerCase();return t!=="false"&&t!=="0"&&t!=="no"}},c=(d=new WeakMap,m=new WeakMap,f=new WeakMap,u=new WeakMap,r=new WeakSet,y=class extends N{constructor(...t){super(...t),P(this,r),x(this,d,void 0),x(this,m,void 0),x(this,f,void 0),x(this,u,void 0),this.maxWidth="1440px",this.deferPaint=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.sections=[],this.description="Statistikmyndigheten SCB förser samhället med statistik för beslutsfattande, debatt och forskning.",o(d,this,null),o(m,this,""),o(u,this,!1)}connectedCallback(){super.connectedCallback(),this.style.setProperty("--scb-footer-max-width",this.maxWidth),s(r,this,_).call(this),s(r,this,$).call(this,!0),s(r,this,T).call(this)}updated(t){t.has("maxWidth")&&this.style.setProperty("--scb-footer-max-width",this.maxWidth),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&s(r,this,_).call(this)}disconnectedCallback(){super.disconnectedCallback(),h(f,this)?.disconnect()}render(){const t=W.call(s(r,this));return b`
+import{h as N,m as B,p as g,v as b,y as M}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as d}from"../../vendor/decorate.js";import{n as P,t as s}from"../../vendor/assertClassBrand.js";import{n as o,r as x,t as h}from"../../vendor/classPrivateFieldGet2.js";import"../scb-link/scb-link.js";import"./scb-footer-section.js";import"../scb-grid/scb-grid-item.js";import"../scb-grid/scb-grid.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(a,n,i){try{customElements.get(a)||t(a,n,i)}catch(v){var l=String(v||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw v}}}}catch{}})();var p,m,f,u,r,y,O={fromAttribute(e){if(e===null)return!1;const t=e.trim().toLowerCase();return t!=="false"&&t!=="0"&&t!=="no"}},c=(p=new WeakMap,m=new WeakMap,f=new WeakMap,u=new WeakMap,r=new WeakSet,y=class extends N{constructor(...t){super(...t),P(this,r),x(this,p,void 0),x(this,m,void 0),x(this,f,void 0),x(this,u,void 0),this.maxWidth="1440px",this.deferPaint=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.sections=[],this.description="Statistikmyndigheten SCB förser samhället med statistik för beslutsfattande, debatt och forskning.",o(p,this,null),o(m,this,""),o(u,this,!1)}connectedCallback(){super.connectedCallback(),this.style.setProperty("--scb-footer-max-width",this.maxWidth),s(r,this,_).call(this),s(r,this,$).call(this,!0),s(r,this,T).call(this)}updated(t){t.has("maxWidth")&&this.style.setProperty("--scb-footer-max-width",this.maxWidth),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&s(r,this,_).call(this)}disconnectedCallback(){super.disconnectedCallback(),h(f,this)?.disconnect()}render(){const t=W.call(s(r,this));return b`
       <footer class="outer" role="contentinfo">
         <nav aria-label="Sidfot med länkar">
           <scb-grid
@@ -28,176 +28,7 @@ import{_ as N,b as B,g as M,h as g,y as b}from"../../vendor/vendor.js";import"..
           </div>
         </div>
       </footer>
-    `}},y.styles=B`
-    :host {
-      display: block;
-      color: var(--p-100);
-      background: var(--scb-footer-bg, var(--p-20));
-      margin-block-start: var(--scb-footer-spacing-block-start, 0);
-      margin-block-end: var(--scb-footer-spacing-block-end, 0);
-      /* Token för loggans bredd och proportion i footer */
-      --scb-footer-logo-w: 48px;
-      --scb-footer-logo-aspect: 48 / 54;
-    }
-
-    .outer {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      padding: var(--spacing-10, 48px) 0 var(--spacing-5, 16px);
-      gap: var(--spacing-4, 12px);
-      align-self: stretch;
-    }
-
-    :host([defer-paint]) .outer {
-      content-visibility: auto;
-      contain-intrinsic-size: var(--scb-footer-cis, 560px);
-    }
-
-    nav { width: 100%; }
-
-    scb-grid {
-      --scb-grid-padding-inline: var(--spacing-8, 32px);
-      --scb-grid-row-gap: var(--spacing-9, 40px);
-      --scb-grid-column-gap: var(--spacing-9, 40px);
-      --scb-grid-gap: var(--spacing-9, 40px) var(--spacing-9, 40px);
-      --scb-grid-max-width: var(--scb-footer-max-width, 1440px);
-    }
-    @media (max-width: 839.98px) {
-      scb-grid { --scb-grid-row-gap: var(--spacing-11, 64px); }
-    }
-    @media (min-width: 840px) {
-      scb-grid { --scb-grid-row-gap: var(--spacing-11, 64px); }
-    }
-
-    .group {
-      display: flex;
-      flex-direction: column;
-      gap: var(--spacing-7, 24px);
-      min-width: 248px;
-      flex: 1 0 0;
-      align-self: stretch;
-    }
-
-    @media (min-width: 840px) {
-      .group--centered {
-        flex: 0 1 248px;
-        min-width: 248px;
-        max-width: 320px;
-        align-items: center;
-        text-align: center;
-      }
-
-      .group--centered .title {
-        text-align: center;
-      }
-
-      .group--centered ul {
-        align-items: center;
-        text-align: center;
-      }
-
-      .group--centered scb-link::part(anchor) {
-        text-align: center;
-      }
-    }
-
-    @media (min-width: 840px) {
-      .center-row {
-        display: flex;
-        align-items: start;
-        justify-content: center;
-        flex-wrap: wrap;
-        gap: var(--spacing-9, 40px);
-        width: fit-content;
-        max-width: 100%;
-        margin-inline: auto;
-      }
-    }
-
-    @media (max-width: 599px) {
-      scb-grid-item:nth-child(n+2) .group { margin-top: var(--spacing-7, 24px); }
-    }
-    @media (min-width: 600px) and (max-width: 839px) {
-      scb-grid-item:nth-child(n+3) .group { margin-top: var(--spacing-7, 24px); }
-    }
-
-    .title {
-      margin: 0;
-      color: var(--p-100);
-      font-family: var(--brand-font);
-      font-size: var(--md-sys-typescale-title-medium-size);
-      line-height: var(--md-sys-typescale-title-medium-line-height);
-      letter-spacing: var(--md-sys-typescale-title-medium-tracking);
-      font-weight: var(--weight-semibold);
-      align-self: stretch;
-    }
-
-    ul {
-      list-style: none;
-      margin: 0;
-      padding: 0;
-      display: flex;
-      flex-direction: column;
-      gap: var(--spacing-5, 16px);
-    }
-
-    scb-link {
-      --scb-link-color: var(--p-100);
-      --scb-link-visited-color: var(--p-100);
-    }
-    scb-link::part(anchor) {
-      font-family: var(--brand-font);
-      font-size: var(--md-sys-typescale-body-medium-size);
-      line-height: var(--md-sys-typescale-body-medium-line-height);
-      font-weight: var(--weight-regular);
-      letter-spacing: var(--md-sys-typescale-body-medium-tracking, -0.15px);
-    }
-
-    .brand {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      align-self: stretch;
-      padding: var(--spacing-9, 40px) var(--spacing-8, 32px);
-      gap: var(--spacing-5, 16px);
-    }
-    .brand-inner {
-      width: 100%;
-      max-width: var(--scb-footer-max-width, 1440px);
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      gap: var(--spacing-5, 16px);
-      margin-inline: auto;
-    }
-
-    /* tokeniserad storlek samt låst proportion för loggan */
-    .logo {
-      display: block;
-      inline-size: var(--scb-footer-logo-w);
-      block-size: calc(var(--scb-footer-logo-w) * (54 / 48));
-      aspect-ratio: var(--scb-footer-logo-aspect);
-    }
-
-    .desc {
-      margin: 0;
-      text-align: center;
-      opacity: .9;
-      font-family: var(--brand-font);
-      font-size: var(--md-sys-typescale-body-small-size);
-      line-height: var(--md-sys-typescale-body-small-line-height);
-      font-weight: var(--weight-regular);
-      letter-spacing: var(--md-sys-typescale-body-small-tracking, -0.1px);
-      color: var(--p-100);
-      width: min(100%, 312px);
-      overflow-wrap: anywhere;
-    }
-    @media (min-width: 600px) { .desc { width: min(100%, 376px); } }
-
-    .spacer { display: none; }
-    @media (min-width: 840px) { .spacer { display: block; } }
-  `,y);function w(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}function _(){const e=s(r,this,w).call(this,this.spacing),t=s(r,this,w).call(this,this.spacingTop)??e,a=s(r,this,w).call(this,this.spacingBottom)??e;t?this.style.setProperty("--scb-footer-spacing-block-start",t):this.style.removeProperty("--scb-footer-spacing-block-start"),a?this.style.setProperty("--scb-footer-spacing-block-end",a):this.style.removeProperty("--scb-footer-spacing-block-end")}function T(){h(f,this)?.disconnect(),o(f,this,new MutationObserver(e=>{for(const t of e){if(t.type==="childList"){const a=[...t.addedNodes].some(i=>i.tagName==="SCB-FOOTER-SECTION"||i.tagName==="SCB-LINK"),n=[...t.removedNodes].some(i=>i.tagName==="SCB-FOOTER-SECTION"||i.tagName==="SCB-LINK");if(a||n){s(r,this,S).call(this);return}}if(t.type==="attributes"&&(t.target.tagName==="SCB-FOOTER-SECTION"||t.target.tagName==="SCB-LINK")){s(r,this,S).call(this);return}}})),h(f,this).observe(this,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["title","href","target"]})}function S(){h(u,this)||(o(u,this,!0),queueMicrotask(()=>{o(u,this,!1),s(r,this,$).call(this,!1)}))}function W(){return h(d,this)??this.sections??[]}function $(e=!1){const t=Array.from(this.querySelectorAll("scb-footer-section"));if(!t.length){h(d,this)!==null&&(o(d,this,null),o(m,this,""),e||this.requestUpdate());return}const a=t.map(i=>({title:(i.getAttribute("title")||"").trim(),links:Array.from(i.querySelectorAll("scb-link")).map(l=>{const v=(l.getAttribute("href")||"").trim(),C=l.getAttribute("target"),k={label:(l.textContent||"").trim(),href:v};return C&&(k.target=C),k})})),n=JSON.stringify(a);n!==h(m,this)&&(o(m,this,n),o(d,this,a),e||this.requestUpdate())}function E(e){const t=[],n=e.length;if(n>0&&n<4)return t.push(b`
+    `}},y.styles=M`:host{display:block;color:var(--p-100);background:var(--scb-footer-bg, var(--p-20));margin-block-start:var(--scb-footer-spacing-block-start, 0);margin-block-end:var(--scb-footer-spacing-block-end, 0);--scb-footer-logo-w:48px;--scb-footer-logo-aspect:48 / 54}.outer{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-10, 48px)0 var(--spacing-5, 16px);gap:var(--spacing-4, 12px);align-self:stretch}:host([defer-paint]) .outer{content-visibility:auto;contain-intrinsic-size:var(--scb-footer-cis, 560px)}nav{width:100%}scb-grid{--scb-grid-padding-inline:var(--spacing-8, 32px);--scb-grid-row-gap:var(--spacing-9, 40px);--scb-grid-column-gap:var(--spacing-9, 40px);--scb-grid-gap:var(--spacing-9, 40px) var(--spacing-9, 40px);--scb-grid-max-width:var(--scb-footer-max-width, 1440px)}@media (max-width:839.98px){scb-grid{--scb-grid-row-gap:var(--spacing-11, 64px)}}@media (min-width:840px){scb-grid{--scb-grid-row-gap:var(--spacing-11, 64px)}}.group,ul{display:flex;flex-direction:column}.group{gap:var(--spacing-7, 24px);min-width:248px;flex:1 0 0;align-self:stretch}@media (min-width:840px){.group--centered{flex:0 1 248px;min-width:248px;max-width:320px}.group--centered .title{text-align:center}.group--centered,.group--centered ul{align-items:center;text-align:center}.group--centered scb-link::part(anchor){text-align:center}.center-row{display:flex;align-items:start;justify-content:center;flex-wrap:wrap;gap:var(--spacing-9, 40px);width:fit-content;max-width:100%;margin-inline:auto}}@media (max-width:599px){scb-grid-item:nth-child(n+2) .group{margin-top:var(--spacing-7, 24px)}}@media (min-width:600px) and (max-width:839px){scb-grid-item:nth-child(n+3) .group{margin-top:var(--spacing-7, 24px)}}.title{margin:0;color:var(--p-100);font-family:var(--brand-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);letter-spacing:var(--md-sys-typescale-title-medium-tracking);font-weight:var(--weight-semibold);align-self:stretch}ul{list-style:none;margin:0;padding:0;gap:var(--spacing-5, 16px)}scb-link{--scb-link-color:var(--p-100);--scb-link-visited-color:var(--p-100)}scb-link::part(anchor){font-family:var(--brand-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--weight-regular);letter-spacing:var(--md-sys-typescale-body-medium-tracking, -0.15px)}.brand,.brand-inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-5, 16px)}.brand{align-self:stretch;padding:var(--spacing-9, 40px) var(--spacing-8, 32px)}.brand-inner{width:100%;max-width:var(--scb-footer-max-width, 1440px);margin-inline:auto}.logo{display:block;inline-size:var(--scb-footer-logo-w);block-size:calc(var(--scb-footer-logo-w)*(54/48));aspect-ratio:var(--scb-footer-logo-aspect)}.desc{margin:0;text-align:center;opacity:.9;font-family:var(--brand-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--weight-regular);letter-spacing:var(--md-sys-typescale-body-small-tracking, -0.1px);color:var(--p-100);width:min(100%,312px);overflow-wrap:anywhere}@media (min-width:600px){.desc{width:min(100%,376px)}}.spacer{display:none}@media (min-width:840px){.spacer{display:block}}`,y);function w(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}function _(){const e=s(r,this,w).call(this,this.spacing),t=s(r,this,w).call(this,this.spacingTop)??e,a=s(r,this,w).call(this,this.spacingBottom)??e;t?this.style.setProperty("--scb-footer-spacing-block-start",t):this.style.removeProperty("--scb-footer-spacing-block-start"),a?this.style.setProperty("--scb-footer-spacing-block-end",a):this.style.removeProperty("--scb-footer-spacing-block-end")}function T(){h(f,this)?.disconnect(),o(f,this,new MutationObserver(e=>{for(const t of e){if(t.type==="childList"){const a=[...t.addedNodes].some(i=>i.tagName==="SCB-FOOTER-SECTION"||i.tagName==="SCB-LINK"),n=[...t.removedNodes].some(i=>i.tagName==="SCB-FOOTER-SECTION"||i.tagName==="SCB-LINK");if(a||n){s(r,this,S).call(this);return}}if(t.type==="attributes"&&(t.target.tagName==="SCB-FOOTER-SECTION"||t.target.tagName==="SCB-LINK")){s(r,this,S).call(this);return}}})),h(f,this).observe(this,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["title","href","target"]})}function S(){h(u,this)||(o(u,this,!0),queueMicrotask(()=>{o(u,this,!1),s(r,this,$).call(this,!1)}))}function W(){return h(p,this)??this.sections??[]}function $(e=!1){const t=Array.from(this.querySelectorAll("scb-footer-section"));if(!t.length){h(p,this)!==null&&(o(p,this,null),o(m,this,""),e||this.requestUpdate());return}const a=t.map(i=>({title:(i.getAttribute("title")||"").trim(),links:Array.from(i.querySelectorAll("scb-link")).map(l=>{const v=(l.getAttribute("href")||"").trim(),C=l.getAttribute("target"),k={label:(l.textContent||"").trim(),href:v};return C&&(k.target=C),k})})),n=JSON.stringify(a);n!==h(m,this)&&(o(m,this,n),o(p,this,a),e||this.requestUpdate())}function E(e){const t=[],n=e.length;if(n>0&&n<4)return t.push(b`
         <scb-grid-item
           col-span-compact="4"
           col-span-medium="8"
@@ -226,4 +57,4 @@ import{_ as N,b as B,g as M,h as g,y as b}from"../../vendor/vendor.js";import"..
           `)}
         </ul>
       </section>
-    `}p([g({type:String,attribute:"max-width",reflect:!0,converter:{fromAttribute:e=>{if(e==null)return"1440px";const t=e.trim();return t===""?"1440px":/^\d+$/.test(t)?`${t}px`:t}}})],c.prototype,"maxWidth",void 0);p([g({type:Boolean,reflect:!0,attribute:"defer-paint",converter:O})],c.prototype,"deferPaint",void 0);p([g({type:String,reflect:!0})],c.prototype,"spacing",void 0);p([g({type:String,attribute:"spacing-top",reflect:!0})],c.prototype,"spacingTop",void 0);p([g({type:String,attribute:"spacing-bottom",reflect:!0})],c.prototype,"spacingBottom",void 0);p([g({type:Array})],c.prototype,"sections",void 0);p([g({type:String})],c.prototype,"description",void 0);c=p([M("scb-footer")],c);
+    `}d([g({type:String,attribute:"max-width",reflect:!0,converter:{fromAttribute:e=>{if(e==null)return"1440px";const t=e.trim();return t===""?"1440px":/^\d+$/.test(t)?`${t}px`:t}}})],c.prototype,"maxWidth",void 0);d([g({type:Boolean,reflect:!0,attribute:"defer-paint",converter:O})],c.prototype,"deferPaint",void 0);d([g({type:String,reflect:!0})],c.prototype,"spacing",void 0);d([g({type:String,attribute:"spacing-top",reflect:!0})],c.prototype,"spacingTop",void 0);d([g({type:String,attribute:"spacing-bottom",reflect:!0})],c.prototype,"spacingBottom",void 0);d([g({type:Array})],c.prototype,"sections",void 0);d([g({type:String})],c.prototype,"description",void 0);c=d([B("scb-footer")],c);