scb-wc 0.1.199 → 0.1.201

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

@@ -1,7 +1,7 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../shared/lazy-focus-ring.js","../../vendor/preload-helper.js","../shared/lazy-ripple.js"])))=>i.map(i=>d[i]);
-import{h as T,m as C,p as e,v as n,y as P}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as H}from"../../vendor/preload-helper.js";import{t as L}from"../../vendor/component-defaults.js";import{t}from"../../vendor/decorate.js";(function(){try{var d=typeof globalThis<"u"?globalThis:window;if(!d.__scb_ce_guard_installed__){d.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(i,l,c){try{customElements.get(i)||a(i,l,c)}catch(o){var s=String(o||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var g,I=new Intl.DateTimeFormat("sv-SE",{month:"short"}),p={fromAttribute:d=>d??"",toAttribute:d=>typeof d!="string"||d.trim()===""?null:d},b,u;function E(){return b??(b=H(()=>import("../shared/lazy-focus-ring.js"),__vite__mapDeps([0,1]),import.meta.url)),b}function S(){return u??(u=H(()=>import("../shared/lazy-ripple.js"),__vite__mapDeps([2,1]),import.meta.url)),u}var r=(g=class extends T{constructor(...a){super(...a),this.variant="default",this.size=L["scb-calendar-card"].size,this.date=null,this.direction="horizontal",this.title="",this.calendarCardTitle="",this.subtitle="",this.supportingText="",this.cardHref="",this.cardHrefNav="",this.showMedia=null,this.dateLabelPrefix="Datum:",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.width="",this.maxWidth="",this.minWidth="",this.height="",this.maxHeight="",this.minHeight="",this.sizing="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__focusRingRequested=!1,this.__focusRingLoaded=!1,this.__rippleRequested=!1,this.__rippleLoaded=!1,this.__pendingRippleClick=!1,this.__onPointerInteraction=i=>{this.__ensureRipple(i)},this.__ensureFocusRingOnFocusVisible=()=>{this.__focusRingLoaded||this.__focusRingRequested||(this.__focusRingRequested=!0,E().then(({ensureFocusRingReady:i})=>i()).then(()=>{this.__focusRingLoaded=!0,this.requestUpdate()}))}}__hasSlottedContent(a){return!!this.querySelector(`[slot="${a}"]`)}__getSlottedText(a){return this.querySelector(`[slot="${a}"]`)?.textContent?.trim()??""}get __resolvedTitle(){return this.__getSlottedText("heading")||this.calendarCardTitle||this.title}get __resolvedSubtitle(){return this.__getSlottedText("subtitle")||this.subtitle}get __resolvedLabel(){return this.__resolvedTitle||this.__resolvedSubtitle||"Kalenderkort"}firstUpdated(){this.__applyInnerSizing(),this.__applySpacing()}__ensureRipple(a){if(this.cardHref){if(a&&(this.__pendingRippleEvent=a),this.__rippleLoaded){this.__syncRipple();return}this.__rippleRequested||(this.__rippleRequested=!0,S().then(({ensureRippleReady:i})=>i()).then(()=>{this.__rippleLoaded=!0,this.requestUpdate(),this.updateComplete.then(()=>this.__syncRipple())}))}}async __syncRipple(){const a=this.renderRoot.querySelector("md-ripple"),i=this.renderRoot.querySelector(".calendar-card"),l=this.__pendingRippleEvent,c=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:s}=await S();await s(a,i,l,c)}render(){const a=this.variant?`${this.variant.toLowerCase()}`:"",i=this.direction?`${this.direction.toLowerCase()}`:"",l=this.cardHref?"clickable":"",c=this.__hasSlottedContent("heading"),s=this.__hasSlottedContent("subtitle"),o=this.__hasSlottedContent("supporting-text"),h=this.calendarCardTitle||this.title,v=this.subtitle,m=this.supportingText,f=c||!!h,y=s||!!v,R=o||!!m,{day:w,month:z}=this.__getDateParts(),x=this.mediaWidth&&this.mediaWidth.trim()!==""?this.mediaWidth:"",_=this.mediaHeight&&this.mediaHeight.trim()!==""?this.mediaHeight:"",k=this.mediaAspect&&this.mediaAspect.trim()!==""?this.mediaAspect:"",$=`${x?`inline-size:${x};`:""}${_?`block-size:${_};`:""}${k?`aspect-ratio:${k};`:""}`;return n`
+import{h as T,m as C,p as r,v as n,y as P}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as H}from"../../vendor/preload-helper.js";import{t as a}from"../../vendor/decorate.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(i,l,c){try{customElements.get(i)||t(i,l,c)}catch(o){var s=String(o||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var g,L=new Intl.DateTimeFormat("sv-SE",{month:"short"}),p={fromAttribute:d=>d??"",toAttribute:d=>typeof d!="string"||d.trim()===""?null:d},h,b;function I(){return h??(h=H(()=>import("../shared/lazy-focus-ring.js"),__vite__mapDeps([0,1]),import.meta.url)),h}function S(){return b??(b=H(()=>import("../shared/lazy-ripple.js"),__vite__mapDeps([2,1]),import.meta.url)),b}var e=(g=class extends T{constructor(...t){super(...t),this.variant="default",this.date=null,this.direction="horizontal",this.title="",this.calendarCardTitle="",this.subtitle="",this.supportingText="",this.cardHref="",this.cardHrefNav="",this.showMedia=null,this.dateLabelPrefix="Datum:",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.width="",this.maxWidth="",this.minWidth="",this.height="",this.maxHeight="",this.minHeight="",this.sizing="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__focusRingRequested=!1,this.__focusRingLoaded=!1,this.__rippleRequested=!1,this.__rippleLoaded=!1,this.__pendingRippleClick=!1,this.__onPointerInteraction=i=>{this.__ensureRipple(i)},this.__ensureFocusRingOnFocusVisible=()=>{this.__focusRingLoaded||this.__focusRingRequested||(this.__focusRingRequested=!0,I().then(({ensureFocusRingReady:i})=>i()).then(()=>{this.__focusRingLoaded=!0,this.requestUpdate()}))}}__hasSlottedContent(t){return!!this.querySelector(`[slot="${t}"]`)}__getSlottedText(t){return this.querySelector(`[slot="${t}"]`)?.textContent?.trim()??""}get __resolvedTitle(){return this.__getSlottedText("heading")||this.calendarCardTitle||this.title}get __resolvedSubtitle(){return this.__getSlottedText("subtitle")||this.subtitle}get __resolvedLabel(){return this.__resolvedTitle||this.__resolvedSubtitle||"Kalenderkort"}firstUpdated(){this.__applyInnerSizing(),this.__applySpacing()}__ensureRipple(t){if(this.cardHref){if(t&&(this.__pendingRippleEvent=t),this.__rippleLoaded){this.__syncRipple();return}this.__rippleRequested||(this.__rippleRequested=!0,S().then(({ensureRippleReady:i})=>i()).then(()=>{this.__rippleLoaded=!0,this.requestUpdate(),this.updateComplete.then(()=>this.__syncRipple())}))}}async __syncRipple(){const t=this.renderRoot.querySelector("md-ripple"),i=this.renderRoot.querySelector(".calendar-card"),l=this.__pendingRippleEvent,c=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:s}=await S();await s(t,i,l,c)}render(){const t=this.variant?`${this.variant.toLowerCase()}`:"",i=this.direction?`${this.direction.toLowerCase()}`:"",l=this.cardHref?"clickable":"",c=this.__hasSlottedContent("heading"),s=this.__hasSlottedContent("subtitle"),o=this.__hasSlottedContent("supporting-text"),u=this.calendarCardTitle||this.title,v=this.subtitle,f=this.supportingText,m=c||!!u,y=s||!!v,R=o||!!f,{day:_,month:w}=this.__getDateParts(),z=this.mediaWidth&&this.mediaWidth.trim()!==""?this.mediaWidth:"",x=this.mediaHeight&&this.mediaHeight.trim()!==""?this.mediaHeight:"",k=this.mediaAspect&&this.mediaAspect.trim()!==""?this.mediaAspect:"",$=`${z?`inline-size:${z};`:""}${x?`block-size:${x};`:""}${k?`aspect-ratio:${k};`:""}`;return n`
       <div
-        class="calendar-card ${i} ${l} ${a}"
+        class="calendar-card ${i} ${l} ${t}"
         role="${this.cardHref?"link":"group"}"
         aria-label="${this.__resolvedLabel}"
         tabindex="${this.cardHref?"0":"-1"}"
@@ -13,17 +13,17 @@ import{h as T,m as C,p as e,v as n,y as P}from"../../vendor/vendor.js";import"..
       >
         ${this.cardHref&&this.__rippleLoaded?n`<md-ripple></md-ripple>`:""}
         ${this.showMedia?n`
-              <div class="media" style="${$}" aria-label="${this.dateLabelPrefix} ${w} ${z}">
-                <div class="day">${w}</div>
-                <div class="month">${z}</div>
+              <div class="media" style="${$}" aria-label="${this.dateLabelPrefix} ${_} ${w}">
+                <div class="day">${_}</div>
+                <div class="month">${w}</div>
               </div>
             `:""}
         <div class="container">
-          ${f||y?n`
+          ${m||y?n`
                 <div class="header-container">
-                  ${f?n`
+                  ${m?n`
                         <div class="title-container">
-                          <div class="title">${c?n`<slot name="heading"></slot>`:h}</div>
+                          <div class="title">${c?n`<slot name="heading"></slot>`:u}</div>
                           ${this.cardHref?n`<div class="icon-container"><md-icon class="calendar-card-icon" aria-hidden="true">arrow_forward</md-icon></div>`:""}
                         </div>
                       `:""}
@@ -32,10 +32,10 @@ import{h as T,m as C,p as e,v as n,y as P}from"../../vendor/vendor.js";import"..
               `:""}
           ${R?n`
                 <div class="supporting-text">
-                  ${o?n`<slot name="supporting-text"></slot>`:m}
+                  ${o?n`<slot name="supporting-text"></slot>`:f}
                 </div>
               `:""}
         </div>
       </div>
       ${this.cardHref&&this.__focusRingLoaded?n`<md-focus-ring></md-focus-ring>`:""}
-    `}__getDateParts(){const a={day:1,month:"Jan"};if(!this.date)return a;const i=this.date instanceof Date?this.date:(()=>{const s=new Date(String(this.date));return Number.isNaN(s.getTime())?null:s})();if(!i)return a;const l=i.getDate(),c=I.format(i).replace(".","").trim();return{day:l,month:c.charAt(0).toUpperCase()+c.slice(1)}}__applyInnerSizing(){const a=this.renderRoot.querySelector(".calendar-card");a&&(this.width&&this.width.trim()!==""?(a.style.inlineSize="100%",a.style.maxInlineSize="100%"):(a.style.removeProperty("inline-size"),a.style.removeProperty("max-inline-size")),this.height&&this.height.trim()!==""||this.sizing==="stretch"?a.style.blockSize="100%":a.style.removeProperty("block-size"),this.maxHeight&&this.maxHeight.trim()!==""?a.style.maxBlockSize="100%":a.style.removeProperty("max-block-size"))}_onKeyDown(a){(a.key==="Enter"||a.key===" ")&&this.cardHref&&(a.preventDefault(),this.__navigate())}_handleHrefNavigation(){this.cardHref&&((!this.__rippleLoaded||this.__pendingRippleEvent)&&(this.__pendingRippleClick=!0,this.__ensureRipple()),this.__navigate())}__navigate(){this.cardHref&&(this.cardHrefNav==="tab"?window.open(this.cardHref,"_blank"):this.cardHrefNav==="window"?window.open(this.cardHref,"_blank","noopener,noreferrer,width=800,height=600"):window.open(this.cardHref,"_self"))}mapSpacingToken(a){if(!a)return;const i=String(a).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}__applySpacing(){const a=this.mapSpacingToken(this.spacing),i=this.mapSpacingToken(this.spacingTop)??a,l=this.mapSpacingToken(this.spacingBottom)??a,c=this.mapSpacingToken(this.spacingLeft),s=this.mapSpacingToken(this.spacingRight);i?this.style.setProperty("--scb-calendar-card-spacing-block-start",i):this.style.removeProperty("--scb-calendar-card-spacing-block-start"),l?this.style.setProperty("--scb-calendar-card-spacing-block-end",l):this.style.removeProperty("--scb-calendar-card-spacing-block-end"),c?this.style.setProperty("--scb-calendar-card-spacing-inline-start",c):this.style.removeProperty("--scb-calendar-card-spacing-inline-start"),s?this.style.setProperty("--scb-calendar-card-spacing-inline-end",s):this.style.removeProperty("--scb-calendar-card-spacing-inline-end")}updated(a){a.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),a.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),a.has("minWidth")&&(this.minWidth?this.style.minInlineSize=this.minWidth:this.style.removeProperty("min-inline-size")),a.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),a.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),a.has("minHeight")&&(this.minHeight?this.style.minBlockSize=this.minHeight:this.style.removeProperty("min-block-size")),(a.has("width")||a.has("height")||a.has("maxHeight")||a.has("sizing"))&&this.__applyInnerSizing(),(a.has("spacing")||a.has("spacingTop")||a.has("spacingBottom")||a.has("spacingLeft")||a.has("spacingRight"))&&this.__applySpacing()}},g.styles=P`:host{--scb-cards-title-font-weight-current:var(--scb-cards-title-large-font-weight, var(--scb-cards-title-large-weight, var(--scb-cards-title-font-weight, var(--scb-cards-title-weight))));--scb-cards-title-letter-spacing-current:var(--scb-cards-title-large-letter-spacing, var(--scb-cards-title-large-tracking, var(--scb-cards-title-letter-spacing, var(--scb-cards-title-tracking))));--scb-cards-title-line-height-current:var(--scb-cards-title-large-line-height, var(--scb-cards-title-line-height));--scb-cards-title-tracking-current:var(--scb-cards-title-large-tracking, var(--scb-cards-title-large-letter-spacing, var(--scb-cards-title-tracking, var(--scb-cards-title-letter-spacing))));--scb-cards-title-weight-current:var(--scb-cards-title-large-weight, var(--scb-cards-title-large-font-weight, var(--scb-cards-title-weight, var(--scb-cards-title-font-weight))));--scb-cards-title-size-current:var(--scb-cards-title-large-size, var(--scb-cards-title-size));--scb-cards-title-font-current:var(--scb-cards-title-large-font, var(--scb-cards-title-font));--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-large-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-large-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-large-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-large-tracking, var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-large-weight, var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-large-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-large-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-large-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-large-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-large-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-large-tracking, var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-large-weight, var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-large-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-large-font, var(--scb-cards-supporting-font));display:block;position:relative;box-sizing:border-box;inline-size:100%;min-inline-size:0;padding:var(--scb-calendar-card-focus-ring-gap, 4px);margin-block-start:var(--scb-calendar-card-spacing-block-start, 0);margin-block-end:var(--scb-calendar-card-spacing-block-end, 0);margin-inline-start:var(--scb-calendar-card-spacing-inline-start, 0);margin-inline-end:var(--scb-calendar-card-spacing-inline-end, 0);--scb-calendar-card-padding-block:var(--scb-calendar-card-padding, var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px)));--scb-calendar-card-padding-inline:var(--scb-calendar-card-padding, var(--scb-cards-content-padding-inline-large, var(--spacing-6, 20px)));--scb-calendar-card-surface-radius:var(--scb-cards-surface-radius-large, var(--radius-large, 16px));--scb-calendar-card-border-width:var(--scb-cards-border-width-large, var(--stroke-border, 1px));--scb-calendar-card-gap:var(--scb-cards-calendar-gap-large, var(--spacing-4, 12px));--scb-calendar-card-horizontal-gap:var(--scb-cards-calendar-horizontal-gap-large, var(--spacing-6, 20px));--scb-calendar-card-horizontal-min-block-size:var(--scb-cards-calendar-horizontal-min-block-size-large, 112px);--scb-calendar-card-unframed-state-gap:var(--spacing-2, 4px);--scb-calendar-card-unframed-state-color:color-mix(in srgb, currentColor 8%, transparent);--scb-calendar-card-media-size:var(--scb-cards-calendar-media-size-large, var(--spacing-11, 64px));--scb-calendar-card-media-radius:var(--scb-cards-calendar-media-radius-large, var(--radius-small, 8px));--scb-calendar-card-media-gap:var(--scb-cards-calendar-media-gap-large, var(--spacing-2, 4px));--scb-calendar-card-day-size:var(--scb-cards-calendar-date-day-size-large, var(--scale-07, 28px));--scb-calendar-card-day-letter-spacing:-0.6px;--scb-calendar-card-month-size:var(--scb-cards-calendar-date-month-size-large, var(--scale-02, 14px));--scb-calendar-card-content-gap:var(--scb-cards-calendar-content-gap-large, var(--spacing-4, 12px));--scb-calendar-card-icon-size:var(--scb-cards-calendar-icon-size-large, var(--icon-size-small, 20px));--scb-calendar-card-title-font-family:var(--scb-cards-title-font-current, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand-font, var(--brand, "Inter"), sans-serif))));--scb-calendar-card-title-font-size:var(--scb-cards-title-size-current, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size, 22px)));--scb-calendar-card-title-font-weight:var(--scb-cards-title-font-weight-current, var(--scb-cards-title-weight-current, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700)))));--scb-calendar-card-title-line-height:var(--scb-cards-title-line-height-current, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 28px)));--scb-calendar-card-title-letter-spacing:var(--scb-cards-title-letter-spacing-current, var(--scb-cards-title-tracking-current, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, -0.5px))));--scb-calendar-card-subtitle-font-family:var(--scb-cards-subtitle-font-current, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand-font, var(--brand, "Inter"), sans-serif))));--scb-calendar-card-subtitle-font-size:var(--scb-cards-subtitle-size-current, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-calendar-card-subtitle-font-weight:var(--scb-cards-subtitle-font-weight-current, var(--scb-cards-subtitle-weight-current, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-calendar-card-subtitle-line-height:var(--scb-cards-subtitle-line-height-current, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-calendar-card-subtitle-letter-spacing:var(--scb-cards-subtitle-letter-spacing-current, var(--scb-cards-subtitle-tracking-current, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, -0.3px))));--scb-calendar-card-supporting-font-family:var(--scb-cards-supporting-font-current, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand-font, var(--brand, "Inter"), sans-serif))));--scb-calendar-card-supporting-font-size:var(--scb-cards-supporting-size-current, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-calendar-card-supporting-font-weight:var(--scb-cards-supporting-font-weight-current, var(--scb-cards-supporting-weight-current, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-calendar-card-supporting-line-height:var(--scb-cards-supporting-line-height-current, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-calendar-card-supporting-letter-spacing:var(--scb-cards-supporting-letter-spacing-current, var(--scb-cards-supporting-tracking-current, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, -0.3px))))}:host,:host([size='medium']),:host([size='small']){--scb-calendar-card-header-gap:var(--scb-calendar-card-content-gap);--scb-calendar-card-title-min-block-size:var(--scb-calendar-card-title-line-height)}:host([size='medium']){--scb-cards-title-font-weight-current:var(--scb-cards-title-medium-font-weight, var(--scb-cards-title-medium-weight, var(--scb-cards-title-font-weight, var(--scb-cards-title-weight))));--scb-cards-title-letter-spacing-current:var(--scb-cards-title-medium-letter-spacing, var(--scb-cards-title-medium-tracking, var(--scb-cards-title-letter-spacing, var(--scb-cards-title-tracking))));--scb-cards-title-line-height-current:var(--scb-cards-title-medium-line-height, var(--scb-cards-title-line-height));--scb-cards-title-tracking-current:var(--scb-cards-title-medium-tracking, var(--scb-cards-title-medium-letter-spacing, var(--scb-cards-title-tracking, var(--scb-cards-title-letter-spacing))));--scb-cards-title-weight-current:var(--scb-cards-title-medium-weight, var(--scb-cards-title-medium-font-weight, var(--scb-cards-title-weight, var(--scb-cards-title-font-weight))));--scb-cards-title-size-current:var(--scb-cards-title-medium-size, var(--scb-cards-title-size));--scb-cards-title-font-current:var(--scb-cards-title-medium-font, var(--scb-cards-title-font));--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-medium-font-weight, var(--scb-cards-subtitle-medium-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-medium-letter-spacing, var(--scb-cards-subtitle-medium-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-medium-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-medium-tracking, var(--scb-cards-subtitle-medium-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-medium-weight, var(--scb-cards-subtitle-medium-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-medium-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-medium-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-medium-font-weight, var(--scb-cards-supporting-medium-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-medium-letter-spacing, var(--scb-cards-supporting-medium-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-medium-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-medium-tracking, var(--scb-cards-supporting-medium-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-medium-weight, var(--scb-cards-supporting-medium-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-medium-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-medium-font, var(--scb-cards-supporting-font));--scb-calendar-card-padding-block:var(--scb-calendar-card-padding, var(--scb-cards-content-padding-block-medium, var(--spacing-6, 20px)));--scb-calendar-card-padding-inline:var(--scb-calendar-card-padding, var(--scb-cards-content-padding-inline-medium, var(--spacing-5, 16px)));--scb-calendar-card-surface-radius:var(--scb-cards-surface-radius-medium, var(--radius-large, 16px));--scb-calendar-card-border-width:var(--scb-cards-border-width-medium, var(--stroke-border, 1px));--scb-calendar-card-gap:var(--scb-cards-calendar-gap-medium, var(--spacing-3, 8px));--scb-calendar-card-horizontal-gap:var(--scb-cards-calendar-horizontal-gap-medium, var(--spacing-5, 16px));--scb-calendar-card-horizontal-min-block-size:var(--scb-cards-calendar-horizontal-min-block-size-medium, 96px);--scb-calendar-card-media-size:var(--scb-cards-calendar-media-size-medium, var(--spacing-10, 56px));--scb-calendar-card-media-radius:var(--scb-cards-calendar-media-radius-medium, var(--radius-small, 8px));--scb-calendar-card-media-gap:var(--scb-cards-calendar-media-gap-medium, var(--spacing-2, 4px));--scb-calendar-card-day-size:var(--scb-cards-calendar-date-day-size-medium, var(--scale-06, 24px));--scb-calendar-card-day-letter-spacing:-0.4px;--scb-calendar-card-month-size:var(--scb-cards-calendar-date-month-size-medium, var(--scale-01, 12px));--scb-calendar-card-content-gap:var(--scb-cards-calendar-content-gap-medium, var(--spacing-3, 8px));--scb-calendar-card-icon-size:var(--scb-cards-calendar-icon-size-medium, var(--icon-size-small, 20px))}:host([size='small']){--scb-cards-title-font-weight-current:var(--scb-cards-title-small-font-weight, var(--scb-cards-title-small-weight, var(--scb-cards-title-font-weight, var(--scb-cards-title-weight))));--scb-cards-title-letter-spacing-current:var(--scb-cards-title-small-letter-spacing, var(--scb-cards-title-small-tracking, var(--scb-cards-title-letter-spacing, var(--scb-cards-title-tracking))));--scb-cards-title-line-height-current:var(--scb-cards-title-small-line-height, var(--scb-cards-title-line-height));--scb-cards-title-tracking-current:var(--scb-cards-title-small-tracking, var(--scb-cards-title-small-letter-spacing, var(--scb-cards-title-tracking, var(--scb-cards-title-letter-spacing))));--scb-cards-title-weight-current:var(--scb-cards-title-small-weight, var(--scb-cards-title-small-font-weight, var(--scb-cards-title-weight, var(--scb-cards-title-font-weight))));--scb-cards-title-size-current:var(--scb-cards-title-small-size, var(--scb-cards-title-size));--scb-cards-title-font-current:var(--scb-cards-title-small-font, var(--scb-cards-title-font));--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-small-font-weight, var(--scb-cards-subtitle-small-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-small-letter-spacing, var(--scb-cards-subtitle-small-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-small-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-small-tracking, var(--scb-cards-subtitle-small-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-small-weight, var(--scb-cards-subtitle-small-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-small-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-small-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-small-font-weight, var(--scb-cards-supporting-small-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-small-letter-spacing, var(--scb-cards-supporting-small-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-small-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-small-tracking, var(--scb-cards-supporting-small-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-small-weight, var(--scb-cards-supporting-small-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-small-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-small-font, var(--scb-cards-supporting-font));--scb-calendar-card-padding-block:var(--scb-calendar-card-padding, var(--scb-cards-content-padding-block-small, var(--spacing-5, 16px)));--scb-calendar-card-padding-inline:var(--scb-calendar-card-padding, var(--scb-cards-content-padding-inline-small, var(--spacing-4, 12px)));--scb-calendar-card-surface-radius:var(--scb-cards-surface-radius-small, var(--radius-large, 16px));--scb-calendar-card-border-width:var(--scb-cards-border-width-small, var(--stroke-border, 1px));--scb-calendar-card-gap:var(--scb-cards-calendar-gap-small, var(--spacing-2, 4px));--scb-calendar-card-horizontal-gap:var(--scb-cards-calendar-horizontal-gap-small, var(--spacing-4, 12px));--scb-calendar-card-horizontal-min-block-size:var(--scb-cards-calendar-horizontal-min-block-size-small, 84px);--scb-calendar-card-media-size:var(--scb-cards-calendar-media-size-small, var(--spacing-9, 48px));--scb-calendar-card-media-radius:var(--scb-cards-calendar-media-radius-small, var(--radius-small, 8px));--scb-calendar-card-media-gap:var(--scb-cards-calendar-media-gap-small, var(--spacing-2, 4px));--scb-calendar-card-day-size:var(--scb-cards-calendar-date-day-size-small, var(--scale-05, 20px));--scb-calendar-card-day-letter-spacing:-0.3px;--scb-calendar-card-month-size:var(--scb-cards-calendar-date-month-size-small, var(--scale-01, 12px));--scb-calendar-card-content-gap:var(--scb-cards-calendar-content-gap-small, var(--spacing-2, 4px));--scb-calendar-card-icon-size:var(--scb-cards-calendar-icon-size-small, var(--icon-size-small, 20px))}: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}:host([sizing='content-width']) .calendar-card{inline-size:max-content}:host([sizing='content-height']){inline-size:100%;block-size:auto;max-inline-size:none}md-focus-ring{position:absolute;inset:0;pointer-events:none;display:none;border-radius:var(--scb-calendar-card-focus-ring-radius, var(--scb-calendar-card-surface-radius, var(--radius-large, 16px)))}.calendar-card:focus-visible+md-focus-ring{display:block}.calendar-card{box-sizing:border-box;overflow:hidden;position:relative;isolation:isolate;display:flex;color:var(--scb-calendar-card-content-color, var(--scb-cards-content-color, var(--md-sys-color-on-surface, var(--p-20))));font-family:var(--brand-font, var(--brand, "Inter"), sans-serif);font-style:normal;flex-direction:column;align-items:flex-start;gap:var(--scb-calendar-card-gap);align-self:stretch;transition:transform .18s ease,background-color .18s ease,border-color .18s ease;inline-size:100%;max-inline-size:100%}.calendar-card.clickable{cursor:pointer}.calendar-card.clickable.default{overflow:visible}.calendar-card.clickable.default::before{content:"";position:absolute;inset:calc(var(--scb-calendar-card-unframed-state-gap)*-1);border-radius:calc(var(--scb-calendar-card-surface-radius, var(--radius-l, 16px)) + var(--scb-calendar-card-unframed-state-gap));background:var(--scb-calendar-card-unframed-state-color);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:0}.calendar-card.clickable.default:hover::before{opacity:1}.calendar-card.clickable.default>:not(md-ripple){position:relative;z-index:1}.calendar-card,.calendar-card .subtitle,.calendar-card .supporting-text,.calendar-card .title{font-variant-numeric:proportional-nums;font-feature-settings:"tnum"0,"pnum"1}.calendar-card:focus,.calendar-card:focus-visible{outline:0}.calendar-card.horizontal{flex-direction:row;align-items:flex-start;max-width:none;width:100%;gap:var(--scb-calendar-card-horizontal-gap);min-block-size:var(--scb-calendar-card-horizontal-min-block-size)}.calendar-card.outlined{border-radius:var(--scb-calendar-card-surface-radius, var(--radius-large, 16px));border:var(--scb-calendar-card-border-width, 1px) solid var(--scb-cards-outline-color, var(--md-sys-color-outline-variant, var(--n-80)));background:var(--scb-calendar-card-surface-color, var(--scb-cards-surface-color, var(--md-sys-color-surface, var(--nv-100))));padding-block:var(--scb-calendar-card-padding-block);padding-inline:var(--scb-calendar-card-padding-inline)}.calendar-card.filled,.media{background:var(--scb-cards-filled-surface-color, var(--md-sys-color-surface-dim, var(--nv-95)))}.calendar-card.filled{border-radius:var(--scb-calendar-card-surface-radius, var(--radius-large, 16px));padding-block:var(--scb-calendar-card-padding-block);padding-inline:var(--scb-calendar-card-padding-inline)}.calendar-card.filled .media{background:var(--scb-calendar-card-media-surface-color, var(--md-sys-color-surface, var(--nv-100)))}md-ripple{border-radius:var(--scb-calendar-card-surface-radius, var(--radius-l, 16px))}.calendar-card.clickable.default md-ripple{position:absolute;inset:calc(var(--scb-calendar-card-unframed-state-gap)*-1);border-radius:calc(var(--scb-calendar-card-surface-radius, var(--radius-l, 16px)) + var(--scb-calendar-card-unframed-state-gap));z-index:2}.media{width:var(--scb-calendar-card-media-size);min-width:var(--scb-calendar-card-media-size);max-width:var(--scb-calendar-card-media-size);height:var(--scb-calendar-card-media-size);padding:var(--spacing-0, 0)0;justify-content:center;align-items:center;gap:var(--scb-calendar-card-media-gap);border-radius:var(--scb-calendar-card-media-radius, var(--md-sys-shape-corner-small))}.calendar-card.horizontal .media{align-self:flex-start}.media .day{font-size:var(--scb-calendar-card-day-size);font-weight:var(--weight-bold, 700);line-height:100%;letter-spacing:var(--scb-calendar-card-day-letter-spacing);font-variant-numeric:tabular-nums}.media .month{font-size:var(--scb-calendar-card-month-size);font-weight:var(--weight-regular, 400);line-height:100%}.container,.header-container,.media{display:flex;flex-direction:column}.container{flex:1 1 auto;min-width:0;gap:var(--scb-calendar-card-content-gap);width:100%;align-self:flex-start}.header-container{gap:var(--scb-calendar-card-header-gap)}.title-container{width:100%;flex:0 0 auto;display:flex;align-items:center;gap:var(--spacing-3, 8px);color:inherit;text-decoration:none;min-block-size:var(--scb-calendar-card-title-min-block-size)}.title{font-family:var(--scb-calendar-card-title-font-family);font-size:var(--scb-calendar-card-title-font-size);font-weight:var(--scb-calendar-card-title-font-weight);line-height:var(--scb-calendar-card-title-line-height);letter-spacing:var(--scb-calendar-card-title-letter-spacing);flex:1 1 auto;min-inline-size:0;white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:auto;overflow:visible;text-overflow:clip}.title-container .calendar-card-icon{inline-size:var(--scb-calendar-card-icon-size);block-size:var(--scb-calendar-card-icon-size);flex:0 0 auto}.calendar-card-icon,.icon-container{align-items:center;justify-content:center}.icon-container{display:flex;width:var(--spacing-7, 24px);height:var(--spacing-7, 24px)}.calendar-card-icon{display:inline-flex;overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--icon-size-medium, 24px);line-height:1;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-variation-settings:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.calendar-card-icon.scb-svg-icon{fill:currentColor;font:inherit}.subtitle,.supporting-text{font-family:var(--scb-calendar-card-subtitle-font-family);font-size:var(--scb-calendar-card-subtitle-font-size);font-weight:var(--scb-calendar-card-subtitle-font-weight);line-height:var(--scb-calendar-card-subtitle-line-height);letter-spacing:var(--scb-calendar-card-subtitle-letter-spacing);white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:manual;overflow:visible;text-overflow:clip}.supporting-text{font-family:var(--scb-calendar-card-supporting-font-family);font-size:var(--scb-calendar-card-supporting-font-size);font-weight:var(--scb-calendar-card-supporting-font-weight);line-height:var(--scb-calendar-card-supporting-line-height);letter-spacing:var(--scb-calendar-card-supporting-letter-spacing)}.title ::slotted(*){margin:0;color:inherit;font-family:var(--scb-calendar-card-title-font-family)!important;font-size:var(--scb-calendar-card-title-font-size)!important;font-weight:var(--scb-calendar-card-title-font-weight)!important;line-height:var(--scb-calendar-card-title-line-height)!important;letter-spacing:var(--scb-calendar-card-title-letter-spacing)!important}.subtitle ::slotted(*){margin:0;color:inherit;font-family:var(--scb-calendar-card-subtitle-font-family)!important;font-size:var(--scb-calendar-card-subtitle-font-size)!important;font-weight:var(--scb-calendar-card-subtitle-font-weight)!important;line-height:var(--scb-calendar-card-subtitle-line-height)!important;letter-spacing:var(--scb-calendar-card-subtitle-letter-spacing)!important}.supporting-text ::slotted(*){margin:0;color:inherit;font-family:var(--scb-calendar-card-supporting-font-family)!important;font-size:var(--scb-calendar-card-supporting-font-size)!important;font-weight:var(--scb-calendar-card-supporting-font-weight)!important;line-height:var(--scb-calendar-card-supporting-line-height)!important;letter-spacing:var(--scb-calendar-card-supporting-letter-spacing)!important}.supporting-text ::slotted(*),.supporting-text ::slotted(scb-link){--scb-link-font-size:var(--scb-calendar-card-supporting-font-size);--scb-link-line-height:var(--scb-calendar-card-supporting-line-height);--scb-link-letter-spacing:var(--scb-calendar-card-supporting-letter-spacing)}`,g);t([e({type:String,reflect:!0})],r.prototype,"variant",void 0);t([e({type:String,reflect:!0})],r.prototype,"size",void 0);t([e({type:String,attribute:"date"})],r.prototype,"date",void 0);t([e({type:String,reflect:!0})],r.prototype,"direction",void 0);t([e({type:String,reflect:!0,converter:p})],r.prototype,"title",void 0);t([e({type:String,attribute:"calendar-card-title",reflect:!0,converter:p})],r.prototype,"calendarCardTitle",void 0);t([e({type:String,reflect:!0,converter:p})],r.prototype,"subtitle",void 0);t([e({type:String,attribute:"supporting-text",reflect:!0,converter:p})],r.prototype,"supportingText",void 0);t([e({type:String,attribute:"card-href"})],r.prototype,"cardHref",void 0);t([e({type:String,attribute:"card-href-nav"})],r.prototype,"cardHrefNav",void 0);t([e({type:Boolean,reflect:!0,attribute:"show-media"})],r.prototype,"showMedia",void 0);t([e({type:String,attribute:"date-label-prefix"})],r.prototype,"dateLabelPrefix",void 0);t([e({type:String,attribute:"media-width"})],r.prototype,"mediaWidth",void 0);t([e({type:String,attribute:"media-height"})],r.prototype,"mediaHeight",void 0);t([e({type:String,attribute:"media-aspect"})],r.prototype,"mediaAspect",void 0);t([e({type:String,reflect:!0})],r.prototype,"width",void 0);t([e({type:String,reflect:!0,attribute:"max-width"})],r.prototype,"maxWidth",void 0);t([e({type:String,attribute:"min-width"})],r.prototype,"minWidth",void 0);t([e({type:String,reflect:!0})],r.prototype,"height",void 0);t([e({type:String,reflect:!0,attribute:"max-height"})],r.prototype,"maxHeight",void 0);t([e({type:String,attribute:"min-height"})],r.prototype,"minHeight",void 0);t([e({type:String,reflect:!0,converter:p})],r.prototype,"sizing",void 0);t([e({type:String,reflect:!0})],r.prototype,"spacing",void 0);t([e({type:String,attribute:"spacing-top",reflect:!0})],r.prototype,"spacingTop",void 0);t([e({type:String,attribute:"spacing-bottom",reflect:!0})],r.prototype,"spacingBottom",void 0);t([e({type:String,attribute:"spacing-left",reflect:!0})],r.prototype,"spacingLeft",void 0);t([e({type:String,attribute:"spacing-right",reflect:!0})],r.prototype,"spacingRight",void 0);r=t([C("scb-calendar-card")],r);
+    `}__getDateParts(){const t={day:1,month:"Jan"};if(!this.date)return t;const i=this.date instanceof Date?this.date:(()=>{const s=new Date(String(this.date));return Number.isNaN(s.getTime())?null:s})();if(!i)return t;const l=i.getDate(),c=L.format(i).replace(".","").trim();return{day:l,month:c.charAt(0).toUpperCase()+c.slice(1)}}__applyInnerSizing(){const t=this.renderRoot.querySelector(".calendar-card");t&&(this.width&&this.width.trim()!==""?(t.style.inlineSize="100%",t.style.maxInlineSize="100%"):(t.style.removeProperty("inline-size"),t.style.removeProperty("max-inline-size")),this.height&&this.height.trim()!==""||this.sizing==="stretch"?t.style.blockSize="100%":t.style.removeProperty("block-size"),this.maxHeight&&this.maxHeight.trim()!==""?t.style.maxBlockSize="100%":t.style.removeProperty("max-block-size"))}_onKeyDown(t){(t.key==="Enter"||t.key===" ")&&this.cardHref&&(t.preventDefault(),this.__navigate())}_handleHrefNavigation(){this.cardHref&&((!this.__rippleLoaded||this.__pendingRippleEvent)&&(this.__pendingRippleClick=!0,this.__ensureRipple()),this.__navigate())}__navigate(){this.cardHref&&(this.cardHrefNav==="tab"?window.open(this.cardHref,"_blank"):this.cardHrefNav==="window"?window.open(this.cardHref,"_blank","noopener,noreferrer,width=800,height=600"):window.open(this.cardHref,"_self"))}mapSpacingToken(t){if(!t)return;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}__applySpacing(){const t=this.mapSpacingToken(this.spacing),i=this.mapSpacingToken(this.spacingTop)??t,l=this.mapSpacingToken(this.spacingBottom)??t,c=this.mapSpacingToken(this.spacingLeft),s=this.mapSpacingToken(this.spacingRight);i?this.style.setProperty("--scb-calendar-card-spacing-block-start",i):this.style.removeProperty("--scb-calendar-card-spacing-block-start"),l?this.style.setProperty("--scb-calendar-card-spacing-block-end",l):this.style.removeProperty("--scb-calendar-card-spacing-block-end"),c?this.style.setProperty("--scb-calendar-card-spacing-inline-start",c):this.style.removeProperty("--scb-calendar-card-spacing-inline-start"),s?this.style.setProperty("--scb-calendar-card-spacing-inline-end",s):this.style.removeProperty("--scb-calendar-card-spacing-inline-end")}updated(t){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("minWidth")&&(this.minWidth?this.style.minInlineSize=this.minWidth:this.style.removeProperty("min-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("minHeight")&&(this.minHeight?this.style.minBlockSize=this.minHeight:this.style.removeProperty("min-block-size")),(t.has("width")||t.has("height")||t.has("maxHeight")||t.has("sizing"))&&this.__applyInnerSizing(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.__applySpacing()}},g.styles=P`:host{--scb-cards-title-font-weight-current:var(--scb-cards-title-large-font-weight, var(--scb-cards-title-large-weight, var(--scb-cards-title-font-weight, var(--scb-cards-title-weight))));--scb-cards-title-letter-spacing-current:var(--scb-cards-title-large-letter-spacing, var(--scb-cards-title-large-tracking, var(--scb-cards-title-letter-spacing, var(--scb-cards-title-tracking))));--scb-cards-title-line-height-current:var(--scb-cards-title-large-line-height, var(--scb-cards-title-line-height));--scb-cards-title-tracking-current:var(--scb-cards-title-large-tracking, var(--scb-cards-title-large-letter-spacing, var(--scb-cards-title-tracking, var(--scb-cards-title-letter-spacing))));--scb-cards-title-weight-current:var(--scb-cards-title-large-weight, var(--scb-cards-title-large-font-weight, var(--scb-cards-title-weight, var(--scb-cards-title-font-weight))));--scb-cards-title-size-current:var(--scb-cards-title-large-size, var(--scb-cards-title-size));--scb-cards-title-font-current:var(--scb-cards-title-large-font, var(--scb-cards-title-font));--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-large-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-large-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-large-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-large-tracking, var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-large-weight, var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-large-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-large-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-large-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-large-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-large-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-large-tracking, var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-large-weight, var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-large-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-large-font, var(--scb-cards-supporting-font));display:block;position:relative;box-sizing:border-box;inline-size:100%;min-inline-size:0;padding:var(--scb-calendar-card-focus-ring-gap, 4px);margin-block-start:var(--scb-calendar-card-spacing-block-start, 0);margin-block-end:var(--scb-calendar-card-spacing-block-end, 0);margin-inline-start:var(--scb-calendar-card-spacing-inline-start, 0);margin-inline-end:var(--scb-calendar-card-spacing-inline-end, 0);--scb-calendar-card-padding-block:var(--scb-calendar-card-padding, var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px)));--scb-calendar-card-padding-inline:var(--scb-calendar-card-padding, var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px)));--scb-calendar-card-surface-radius:var(--scb-cards-surface-radius-large, var(--radius-large, 16px));--scb-calendar-card-border-width:var(--scb-cards-border-width-large, var(--stroke-border, 1px));--scb-calendar-card-gap:var(--scb-cards-calendar-gap-large, var(--spacing-4, 12px));--scb-calendar-card-horizontal-gap:var(--scb-cards-calendar-horizontal-gap-large, var(--spacing-6, 20px));--scb-calendar-card-horizontal-min-block-size:var(--scb-cards-calendar-horizontal-min-block-size-large, 112px);--scb-calendar-card-unframed-state-gap:var(--spacing-2, 4px);--scb-calendar-card-unframed-state-color:color-mix(in srgb, currentColor 8%, transparent);--scb-calendar-card-media-size:var(--scb-cards-calendar-media-size-large, var(--spacing-11, 64px));--scb-calendar-card-media-radius:var(--scb-cards-calendar-media-radius-large, var(--radius-small, 8px));--scb-calendar-card-media-gap:var(--scb-cards-calendar-media-gap-large, var(--spacing-2, 4px));--scb-calendar-card-day-size:var(--scb-cards-calendar-date-day-size-large, var(--scale-07, 28px));--scb-calendar-card-day-letter-spacing:-0.6px;--scb-calendar-card-month-size:var(--scb-cards-calendar-date-month-size-large, var(--scale-02, 14px));--scb-calendar-card-content-gap:var(--scb-cards-calendar-content-gap-large, var(--spacing-4, 12px));--scb-calendar-card-header-gap:var(--scb-cards-calendar-title-gap-large, var(--spacing-2, 4px));--scb-calendar-card-title-min-block-size:var(--scb-calendar-card-title-line-height);--scb-calendar-card-icon-size:var(--scb-cards-calendar-icon-size-large, var(--icon-size-medium, 24px));--scb-calendar-card-title-font-family:var(--scb-cards-title-font-current, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand-font, var(--brand, "Inter"), sans-serif))));--scb-calendar-card-title-font-size:var(--scb-cards-title-size-current, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size, 22px)));--scb-calendar-card-title-font-weight:var(--scb-cards-title-font-weight-current, var(--scb-cards-title-weight-current, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700)))));--scb-calendar-card-title-line-height:var(--scb-cards-title-line-height-current, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 28px)));--scb-calendar-card-title-letter-spacing:var(--scb-cards-title-letter-spacing-current, var(--scb-cards-title-tracking-current, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, -0.5px))));--scb-calendar-card-subtitle-font-family:var(--scb-cards-subtitle-font-current, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand-font, var(--brand, "Inter"), sans-serif))));--scb-calendar-card-subtitle-font-size:var(--scb-cards-subtitle-size-current, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-calendar-card-subtitle-font-weight:var(--scb-cards-subtitle-font-weight-current, var(--scb-cards-subtitle-weight-current, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-calendar-card-subtitle-line-height:var(--scb-cards-subtitle-line-height-current, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-calendar-card-subtitle-letter-spacing:var(--scb-cards-subtitle-letter-spacing-current, var(--scb-cards-subtitle-tracking-current, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, -0.3px))));--scb-calendar-card-supporting-font-family:var(--scb-cards-supporting-font-current, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand-font, var(--brand, "Inter"), sans-serif))));--scb-calendar-card-supporting-font-size:var(--scb-cards-supporting-size-current, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-calendar-card-supporting-font-weight:var(--scb-cards-supporting-font-weight-current, var(--scb-cards-supporting-weight-current, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-calendar-card-supporting-line-height:var(--scb-cards-supporting-line-height-current, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-calendar-card-supporting-letter-spacing:var(--scb-cards-supporting-letter-spacing-current, var(--scb-cards-supporting-tracking-current, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, -0.3px))))}: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}:host([sizing='content-width']) .calendar-card{inline-size:max-content}:host([sizing='content-height']){inline-size:100%;block-size:auto;max-inline-size:none}md-focus-ring{position:absolute;inset:0;pointer-events:none;display:none;border-radius:var(--scb-calendar-card-focus-ring-radius, var(--scb-calendar-card-surface-radius, var(--radius-large, 16px)))}.calendar-card:focus-visible+md-focus-ring{display:block}.calendar-card{box-sizing:border-box;overflow:hidden;position:relative;isolation:isolate;display:flex;color:var(--scb-calendar-card-content-color, var(--scb-cards-content-color, var(--md-sys-color-on-surface, var(--p-20))));font-family:var(--brand-font, var(--brand, "Inter"), sans-serif);font-style:normal;flex-direction:column;align-items:flex-start;gap:var(--scb-calendar-card-gap);align-self:stretch;transition:transform .18s ease,background-color .18s ease,border-color .18s ease;inline-size:100%;max-inline-size:100%}.calendar-card.clickable{cursor:pointer}.calendar-card.clickable.default{overflow:visible}.calendar-card.clickable.default::before{content:"";position:absolute;inset:calc(var(--scb-calendar-card-unframed-state-gap)*-1);border-radius:calc(var(--scb-calendar-card-surface-radius, var(--radius-l, 16px)) + var(--scb-calendar-card-unframed-state-gap));background:var(--scb-calendar-card-unframed-state-color);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:0}.calendar-card.clickable.default:hover::before{opacity:1}.calendar-card.clickable.default>:not(md-ripple){position:relative;z-index:1}.calendar-card,.calendar-card .subtitle,.calendar-card .supporting-text,.calendar-card .title{font-variant-numeric:proportional-nums;font-feature-settings:"tnum"0,"pnum"1}.calendar-card:focus,.calendar-card:focus-visible{outline:0}.calendar-card.horizontal{flex-direction:row;align-items:flex-start;max-width:none;width:100%;gap:var(--scb-calendar-card-horizontal-gap);min-block-size:var(--scb-calendar-card-horizontal-min-block-size)}.calendar-card.outlined{border-radius:var(--scb-calendar-card-surface-radius, var(--radius-large, 16px));border:var(--scb-calendar-card-border-width, 1px) solid var(--scb-cards-outline-color, var(--md-sys-color-outline-variant, var(--n-80)));background:var(--scb-calendar-card-surface-color, var(--scb-cards-surface-color, var(--md-sys-color-surface, var(--nv-100))));padding-block:var(--scb-calendar-card-padding-block);padding-inline:var(--scb-calendar-card-padding-inline)}.calendar-card.filled,.media{background:var(--scb-cards-filled-surface-color, var(--md-sys-color-surface-dim, var(--nv-95)))}.calendar-card.filled{border-radius:var(--scb-calendar-card-surface-radius, var(--radius-large, 16px));padding-block:var(--scb-calendar-card-padding-block);padding-inline:var(--scb-calendar-card-padding-inline)}.calendar-card.filled .media{background:var(--scb-calendar-card-media-surface-color, var(--md-sys-color-surface, var(--nv-100)))}md-ripple{border-radius:var(--scb-calendar-card-surface-radius, var(--radius-l, 16px))}.calendar-card.clickable.default md-ripple{position:absolute;inset:calc(var(--scb-calendar-card-unframed-state-gap)*-1);border-radius:calc(var(--scb-calendar-card-surface-radius, var(--radius-l, 16px)) + var(--scb-calendar-card-unframed-state-gap));z-index:2}.media{width:var(--scb-calendar-card-media-size);min-width:var(--scb-calendar-card-media-size);max-width:var(--scb-calendar-card-media-size);height:var(--scb-calendar-card-media-size);padding:var(--spacing-0, 0)0;justify-content:center;align-items:center;gap:var(--scb-calendar-card-media-gap);border-radius:var(--scb-calendar-card-media-radius, var(--md-sys-shape-corner-small))}.calendar-card.horizontal .media{align-self:flex-start}.media .day{font-size:var(--scb-calendar-card-day-size);font-weight:var(--weight-bold, 700);line-height:100%;letter-spacing:var(--scb-calendar-card-day-letter-spacing);font-variant-numeric:tabular-nums}.media .month{font-size:var(--scb-calendar-card-month-size);font-weight:var(--weight-regular, 400);line-height:100%}.container,.header-container,.media{display:flex;flex-direction:column}.container{flex:1 1 auto;min-width:0;gap:var(--scb-calendar-card-content-gap);width:100%;align-self:flex-start}.header-container{gap:var(--scb-calendar-card-header-gap)}.title-container{width:100%;flex:0 0 auto;display:flex;align-items:center;gap:var(--spacing-3, 8px);color:inherit;text-decoration:none;min-block-size:var(--scb-calendar-card-title-min-block-size)}.title{font-family:var(--scb-calendar-card-title-font-family);font-size:var(--scb-calendar-card-title-font-size);font-weight:var(--scb-calendar-card-title-font-weight);line-height:var(--scb-calendar-card-title-line-height);letter-spacing:var(--scb-calendar-card-title-letter-spacing);flex:1 1 auto;min-inline-size:0;white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:auto;overflow:visible;text-overflow:clip}.title-container .calendar-card-icon{inline-size:var(--scb-calendar-card-icon-size);block-size:var(--scb-calendar-card-icon-size);flex:0 0 auto}.calendar-card-icon,.icon-container{align-items:center;justify-content:center}.icon-container{display:flex;width:var(--spacing-7, 24px);height:var(--spacing-7, 24px)}.calendar-card-icon{display:inline-flex;overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--icon-size-medium, 24px);line-height:1;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-variation-settings:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.calendar-card-icon.scb-svg-icon{fill:currentColor;font:inherit}.subtitle,.supporting-text{font-family:var(--scb-calendar-card-subtitle-font-family);font-size:var(--scb-calendar-card-subtitle-font-size);font-weight:var(--scb-calendar-card-subtitle-font-weight);line-height:var(--scb-calendar-card-subtitle-line-height);letter-spacing:var(--scb-calendar-card-subtitle-letter-spacing);white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:manual;overflow:visible;text-overflow:clip}.supporting-text{font-family:var(--scb-calendar-card-supporting-font-family);font-size:var(--scb-calendar-card-supporting-font-size);font-weight:var(--scb-calendar-card-supporting-font-weight);line-height:var(--scb-calendar-card-supporting-line-height);letter-spacing:var(--scb-calendar-card-supporting-letter-spacing)}.title ::slotted(*){margin:0;color:inherit;font-family:var(--scb-calendar-card-title-font-family)!important;font-size:var(--scb-calendar-card-title-font-size)!important;font-weight:var(--scb-calendar-card-title-font-weight)!important;line-height:var(--scb-calendar-card-title-line-height)!important;letter-spacing:var(--scb-calendar-card-title-letter-spacing)!important}.subtitle ::slotted(*){margin:0;color:inherit;font-family:var(--scb-calendar-card-subtitle-font-family)!important;font-size:var(--scb-calendar-card-subtitle-font-size)!important;font-weight:var(--scb-calendar-card-subtitle-font-weight)!important;line-height:var(--scb-calendar-card-subtitle-line-height)!important;letter-spacing:var(--scb-calendar-card-subtitle-letter-spacing)!important}.supporting-text ::slotted(*){margin:0;color:inherit;font-family:var(--scb-calendar-card-supporting-font-family)!important;font-size:var(--scb-calendar-card-supporting-font-size)!important;font-weight:var(--scb-calendar-card-supporting-font-weight)!important;line-height:var(--scb-calendar-card-supporting-line-height)!important;letter-spacing:var(--scb-calendar-card-supporting-letter-spacing)!important}.supporting-text ::slotted(*),.supporting-text ::slotted(scb-link){--scb-link-font-size:var(--scb-calendar-card-supporting-font-size);--scb-link-line-height:var(--scb-calendar-card-supporting-line-height);--scb-link-letter-spacing:var(--scb-calendar-card-supporting-letter-spacing)}`,g);a([r({type:String,reflect:!0})],e.prototype,"variant",void 0);a([r({type:String,attribute:"date"})],e.prototype,"date",void 0);a([r({type:String,reflect:!0})],e.prototype,"direction",void 0);a([r({type:String,reflect:!0,converter:p})],e.prototype,"title",void 0);a([r({type:String,attribute:"calendar-card-title",reflect:!0,converter:p})],e.prototype,"calendarCardTitle",void 0);a([r({type:String,reflect:!0,converter:p})],e.prototype,"subtitle",void 0);a([r({type:String,attribute:"supporting-text",reflect:!0,converter:p})],e.prototype,"supportingText",void 0);a([r({type:String,attribute:"card-href"})],e.prototype,"cardHref",void 0);a([r({type:String,attribute:"card-href-nav"})],e.prototype,"cardHrefNav",void 0);a([r({type:Boolean,reflect:!0,attribute:"show-media"})],e.prototype,"showMedia",void 0);a([r({type:String,attribute:"date-label-prefix"})],e.prototype,"dateLabelPrefix",void 0);a([r({type:String,attribute:"media-width"})],e.prototype,"mediaWidth",void 0);a([r({type:String,attribute:"media-height"})],e.prototype,"mediaHeight",void 0);a([r({type:String,attribute:"media-aspect"})],e.prototype,"mediaAspect",void 0);a([r({type:String,reflect:!0})],e.prototype,"width",void 0);a([r({type:String,reflect:!0,attribute:"max-width"})],e.prototype,"maxWidth",void 0);a([r({type:String,attribute:"min-width"})],e.prototype,"minWidth",void 0);a([r({type:String,reflect:!0})],e.prototype,"height",void 0);a([r({type:String,reflect:!0,attribute:"max-height"})],e.prototype,"maxHeight",void 0);a([r({type:String,attribute:"min-height"})],e.prototype,"minHeight",void 0);a([r({type:String,reflect:!0,converter:p})],e.prototype,"sizing",void 0);a([r({type:String,reflect:!0})],e.prototype,"spacing",void 0);a([r({type:String,attribute:"spacing-top",reflect:!0})],e.prototype,"spacingTop",void 0);a([r({type:String,attribute:"spacing-bottom",reflect:!0})],e.prototype,"spacingBottom",void 0);a([r({type:String,attribute:"spacing-left",reflect:!0})],e.prototype,"spacingLeft",void 0);a([r({type:String,attribute:"spacing-right",reflect:!0})],e.prototype,"spacingRight",void 0);e=a([C("scb-calendar-card")],e);