scb-wc 0.1.242 → 0.1.244
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/mvc/components/scb-button/scb-button.js +1 -1
- package/mvc/components/scb-calendar-card/scb-calendar-card.js +13 -13
- package/mvc/components/scb-card/scb-card.js +2 -2
- package/mvc/components/scb-checkbox/scb-checkbox.js +14 -14
- package/mvc/components/scb-cookies-consent/scb-cookies-consent.js +2 -2
- package/mvc/components/scb-dropdown/scb-dropdown.js +19 -17
- package/mvc/components/scb-header/scb-header.js +2 -2
- package/mvc/components/scb-icon-button/scb-icon-button.js +12 -13
- package/mvc/components/scb-list/scb-list-item.js +2 -2
- package/mvc/components/scb-progress-stepper/scb-progress-stepper.js +4 -5
- package/mvc/components/scb-radio-button/scb-radio-button.js +9 -9
- package/mvc/components/scb-search/scb-search.js +4 -4
- package/mvc/components/scb-select/scb-select-option.js +2 -2
- package/mvc/components/scb-select/scb-select.js +4 -3
- package/mvc/components/scb-slider/scb-slider.js +4 -4
- package/mvc/components/scb-switch/scb-switch.js +3 -3
- package/mvc/components/scb-tooltip/scb-tooltip.js +10 -13
- package/mvc/components/scb-viz/scb-viz-print-runtime.js +10 -5
- package/mvc/components/scb-viz/scb-viz-table-runtime.js +1 -1
- package/mvc/components/scb-viz/scb-viz.js +54 -46
- package/mvc/scb-wc-core.css +1 -1
- package/mvc/scb-wc-selfhost.css +1 -1
- package/mvc/scb-wc.css +1 -1
- package/mvc/vendor/aria-references.internal.js +1 -0
- package/mvc/vendor/vendor.js +3 -3
- package/package.json +2 -2
- package/scb-button/scb-button.js +61 -61
- package/scb-calendar-card/scb-calendar-card.js +50 -50
- package/scb-checkbox/scb-checkbox.js +11 -9
- package/scb-components/scb-dropdown/scb-dropdown.d.ts +8 -1
- package/scb-components/scb-icon-button/scb-icon-button.d.ts +2 -0
- package/scb-components/scb-radio-button/scb-radio-button.d.ts +0 -1
- package/scb-components/scb-select/scb-select.d.ts +1 -1
- package/scb-components/scb-tooltip/scb-tooltip.d.ts +5 -0
- package/scb-components/scb-viz/scb-viz.d.ts +7 -4
- package/scb-dropdown/scb-dropdown.js +47 -18
- package/scb-icon-button/scb-icon-button.js +60 -47
- package/scb-progress-stepper/scb-progress-stepper.js +18 -18
- package/scb-radio-button/scb-radio-button.js +3 -11
- package/scb-search/scb-search.js +1 -1
- package/scb-select/scb-select-option.js +3 -6
- package/scb-select/scb-select.js +21 -14
- package/scb-slider/scb-slider.js +34 -33
- package/scb-switch/scb-switch.js +33 -32
- package/scb-tooltip/scb-tooltip.js +38 -16
- package/scb-viz/scb-viz-print-runtime.js +12 -3
- package/scb-viz/scb-viz-table-runtime.js +24 -12
- package/scb-viz/scb-viz.js +97 -37
- package/scb-wc-core.css +1 -1
- package/scb-wc-selfhost.css +1 -1
- package/scb-wc.bundle.js +227 -210
- package/scb-wc.css +1 -1
- package/shared/aria-references.internal.js +19 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/lazy-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/preload-helper.js","../../vendor/lazy-ripple.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{g as l,h as S,m as A,p as n,v as b,y as C}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as z}from"../../vendor/preload-helper.js";import{t as N}from"../../vendor/component-defaults.js";import{t as s}from"../../vendor/decorate.js";import{t as _}from"../../vendor/assertClassBrand.js";import{t as T}from"../../vendor/classPrivateMethodInitSpec.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,o){try{customElements.get(t)||e(t,i,o)}catch(u){var r=String(u||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var g,v,y;function P(){return v??(v=z(()=>import("../../vendor/lazy-focus-ring.js").then(c=>c.i),__vite__mapDeps([0,1,2]),import.meta.url)),v}function k(){return y??(y=z(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),y}var a=(g=new WeakSet,class extends S{constructor(...e){super(...e),T(this,g),this.variant="filled",this.size=N["scb-button"].size,this.type="button",this.name="",this.value="",this.formId=null,this.formAction="",this.formEnctype="",this.formMethod="",this.formNoValidate=!1,this.formTarget="",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasDefaultSlotContent=!1,this.__nativeFocusRingReady=!1,this.__nativeRippleReady=!1,this.__nativeRipplePendingClick=!1,this.__ensureNativeFocusRing=()=>{this.__nativeFocusRingReady||P().then(({ensureFocusRingReady:t})=>(t(),customElements.whenDefined("md-focus-ring"))).then(()=>{this.__nativeFocusRingReady=!0,this.toggleAttribute("data-native-focus-ring-ready",!0),this.requestUpdate(),this.updateComplete.then(()=>this.__syncNativeFocusRingControl())})},this.__onNativeFocusIn=t=>{const i=t.composedPath()[0];i instanceof HTMLElement&&i.matches(":focus-visible")&&this.__ensureNativeFocusRing()},this.__ensureNativeRipple=t=>{this.__nativeRippleReady||this.disabled||(t&&(this.__nativeRipplePendingPointerEvent=t),k().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__nativeRippleReady=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.__syncNativeFocusRingControl(),this.__replayNativeRippleState()}))}))},this.__onNativePointerWarmup=t=>{this.__ensureNativeRipple(t)},this.__onNativeClick=t=>{if(this.disabled){t.preventDefault(),t.stopPropagation();return}(!this.__nativeRippleReady||this.__nativeRipplePendingPointerEvent)&&(this.__nativeRipplePendingClick=!0,this.__ensureNativeRipple()),!this.href&&queueMicrotask(()=>{if(t.defaultPrevented||this.disabled||this.href)return;const i=this.__getAssociatedForm();if(!i)return;const o=this.__normalizedButtonType();o==="submit"&&this.__requestFormSubmit(i),o==="reset"&&i.reset()})}}__getNativeControl(){return this.renderRoot.querySelector(".native-button")}__handleDefaultSlotChange(e){const t=e.target.assignedNodes({flatten:!0}).some(i=>i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==t&&(this.__hasDefaultSlotContent=t,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const e=this.__getNativeControl();e&&this.__syncAriaToControl(e)}__syncAriaToControl(e){const t=(this.getAttribute("aria-label")||"").trim(),i=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",o=t||i;o?e.setAttribute("aria-label",o):e.removeAttribute("aria-label");const r=this.getAttribute("aria-controls");r!==null?e.setAttribute("aria-controls",r):e.removeAttribute("aria-controls");const u=this.getAttribute("aria-haspopup");u!==null?e.setAttribute("aria-haspopup",u):e.removeAttribute("aria-haspopup");const f=this.getAttribute("aria-expanded");f!==null?e.setAttribute("aria-expanded",f):e.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(R=>{const p=this.__getNativeControl();if(p)for(const m of R){if(m.type!=="attributes"||!m.attributeName)continue;const d=m.attributeName,h=this.getAttribute(d);if(d==="aria-label"){const x=(h||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();x?p.setAttribute("aria-label",x):p.removeAttribute("aria-label")}else(d==="aria-controls"||d==="aria-expanded"||d==="aria-haspopup")&&(h===null?p.removeAttribute(d):p.setAttribute(d,h))}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded","aria-haspopup"]})}connectedCallback(){super.connectedCallback()}focus(e){const t=this.__getNativeControl();if(t){t.focus(e);return}this.updateComplete.then(()=>this.__getNativeControl()?.focus(e))}blur(){this.__getNativeControl()?.blur()}firstUpdated(){_(g,this,w).call(this)}updated(e){(e.has("variant")||e.has("label")||e.has("icon")||e.has("href"))&&this.updateComplete.then(()=>this.__syncAriaToInner()),(this.__nativeFocusRingReady||this.__nativeRippleReady)&&this.updateComplete.then(()=>this.__syncNativeFocusRingControl()),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&_(g,this,w).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}__normalizedButtonType(){return this.type==="submit"||this.type==="reset"?this.type:"button"}__getAssociatedForm(){if(this.formId!==null||this.hasAttribute("form")){const e=(this.formId??this.getAttribute("form")??"").trim();if(!e)return null;const t=this.getRootNode(),i=t instanceof Document||t instanceof ShadowRoot?t.getElementById(e):null;return i instanceof HTMLFormElement?i:null}return this.closest("form")}get form(){return this.__getAssociatedForm()}__requestFormSubmit(e){const t=this.ownerDocument.createElement("button");t.type="submit",t.hidden=!0,t.tabIndex=-1,t.setAttribute("aria-hidden","true"),t.setAttribute("data-scb-button-submitter","");const i=[["name",this.name,this.hasAttribute("name")],["value",this.value,this.hasAttribute("value")],["formaction",this.formAction,this.hasAttribute("formaction")],["formenctype",this.formEnctype,this.hasAttribute("formenctype")],["formmethod",this.formMethod,this.hasAttribute("formmethod")],["formtarget",this.formTarget,this.hasAttribute("formtarget")]];for(const[o,r,u]of i)(u||r!=="")&&t.setAttribute(o,r);this.formNoValidate&&t.setAttribute("formnovalidate",""),e.append(t);try{e.requestSubmit(t)}finally{t.remove()}}__syncNativeFocusRingControl(){const e=this.renderRoot.querySelector("md-focus-ring"),t=this.__getNativeControl();e&&t&&(e.control=t,e.visible=t.matches(":focus-visible"));const i=this.renderRoot.querySelector("md-ripple");i&&t&&(i.control=t)}async __replayNativeRippleState(){const e=this.renderRoot.querySelector("md-ripple"),t=this.__getNativeControl(),i=this.__nativeRipplePendingPointerEvent,o=this.__nativeRipplePendingClick;this.__nativeRipplePendingPointerEvent=void 0,this.__nativeRipplePendingClick=!1;const{syncRippleToControl:r}=await k();await r(e,t,i,o)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}static get styles(){return C`:host{display:inline-flex;block-size:var(--scb-button-block-size, auto);margin-block-start:var(--scb-button-spacing-block-start, 0);margin-block-end:var(--scb-button-spacing-block-end, 0);margin-inline-start:var(--scb-button-spacing-inline-start, 0);margin-inline-end:var(--scb-button-spacing-inline-end, 0);--scb-button-font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;--scb-button-container-height:var(--scb-button-design-height-medium);--scb-button-padding-block:var(--scb-button-design-padding-block-medium);--scb-button-padding-inline:var(--scb-button-design-padding-inline-medium);--scb-button-icon-edge-space:var(--scb-button-design-padding-inline-medium);--scb-button-icon-gap:var(--scb-button-design-gap-medium);--scb-button-icon-size:var(--scb-button-design-icon-medium);--scb-button-shape-radius:var(--scb-button-design-surface-radius-medium);--scb-button-label-text-font:var(--scb-button-design-text-medium-font);--scb-button-label-text-size:var(--scb-button-design-text-medium-size);--scb-button-label-text-weight:var(--scb-button-design-text-medium-weight);--scb-button-label-text-line-height:var(--scb-button-design-text-medium-line-height);--scb-button-label-text-tracking:var(--scb-button-design-text-medium-tracking)}:host([size='extra-small']){--scb-button-container-height:var(--scb-button-design-height-extra-small);--scb-button-padding-block:var(--scb-button-design-padding-block-extra-small);--scb-button-padding-inline:var(--scb-button-design-padding-inline-extra-small);--scb-button-icon-edge-space:var(--scb-button-design-padding-inline-extra-small);--scb-button-icon-gap:var(--scb-button-design-gap-extra-small);--scb-button-icon-size:var(--scb-button-design-icon-extra-small);--scb-button-shape-radius:var(--scb-button-design-surface-radius-extra-small);--scb-button-label-text-font:var(--scb-button-design-text-extra-small-font);--scb-button-label-text-size:var(--scb-button-design-text-extra-small-size);--scb-button-label-text-weight:var(--scb-button-design-text-extra-small-weight);--scb-button-label-text-line-height:var(--scb-button-design-text-extra-small-line-height);--scb-button-label-text-tracking:var(--scb-button-design-text-extra-small-tracking)}:host([size='small']){--scb-button-container-height:var(--scb-button-design-height-small);--scb-button-padding-block:var(--scb-button-design-padding-block-small);--scb-button-padding-inline:var(--scb-button-design-padding-inline-small);--scb-button-icon-edge-space:var(--scb-button-design-padding-inline-small);--scb-button-icon-gap:var(--scb-button-design-gap-small);--scb-button-icon-size:var(--scb-button-design-icon-small);--scb-button-shape-radius:var(--scb-button-design-surface-radius-small);--scb-button-label-text-font:var(--scb-button-design-text-small-font);--scb-button-label-text-size:var(--scb-button-design-text-small-size);--scb-button-label-text-weight:var(--scb-button-design-text-small-weight);--scb-button-label-text-line-height:var(--scb-button-design-text-small-line-height);--scb-button-label-text-tracking:var(--scb-button-design-text-small-tracking)}:host([size='large']){--scb-button-container-height:var(--scb-button-design-height-large);--scb-button-padding-block:var(--scb-button-design-padding-block-large);--scb-button-padding-inline:var(--scb-button-design-padding-inline-large);--scb-button-icon-edge-space:var(--scb-button-design-padding-inline-large);--scb-button-icon-gap:var(--scb-button-design-gap-large);--scb-button-icon-size:var(--scb-button-design-icon-large);--scb-button-shape-radius:var(--scb-button-design-surface-radius-large);--scb-button-label-text-font:var(--scb-button-design-text-large-font);--scb-button-label-text-size:var(--scb-button-design-text-large-size);--scb-button-label-text-weight:var(--scb-button-design-text-large-weight);--scb-button-label-text-line-height:var(--scb-button-design-text-large-line-height);--scb-button-label-text-tracking:var(--scb-button-design-text-large-tracking)}:host([icon-filled]){--scb-button-font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.native-button,.native-button-wrap{position:relative;display:inline-flex}.native-button-wrap{border-radius:var(--scb-button-shape-radius, var(--md-sys-shape-corner-full, 999px))}.native-button{z-index:0;box-sizing:border-box;align-items:center;justify-content:center;gap:var(--scb-button-icon-gap);min-block-size:var(--scb-button-block-size, var(--scb-button-container-height));block-size:var(--scb-button-block-size, var(--scb-button-container-height));min-inline-size:64px;inline-size:auto;padding-block:var(--scb-button-padding-block);padding-inline:var(--scb-button-padding-inline);overflow:hidden;border:0;border-radius:inherit;background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));font-family:var(--scb-button-label-text-font);font-size:var(--scb-button-label-text-size);font-weight:var(--scb-button-label-text-weight);line-height:var(--scb-button-label-text-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));letter-spacing:var(--scb-button-label-text-tracking, normal);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}.native-button::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.native-button:hover::before{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.native-button:active::before{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.native-button:focus{outline:0}:host(:not([data-native-focus-ring-ready])) .native-button:focus-visible{outline:var(--stroke-border-m, 2px) solid var(--md-focus-ring-color, var(--md-sys-color-primary));outline-offset:var(--spacing-1, 2px)}.native-button:disabled,.native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));cursor:default;opacity:1;pointer-events:none}:host(:not([variant])) .native-button,:host([variant='filled']) .native-button{border-color:transparent;background:var(--scb-button-filled-container-color, var(--md-sys-color-primary));color:var(--scb-button-filled-content-color, var(--md-sys-color-on-primary))}:host([variant='outlined']) .native-button{background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-button-outline-color, var(--md-sys-color-outline))}:host([variant='outlined']) .native-button:disabled,:host([variant='outlined']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-color-compat-disabled-container)}:host([variant='filled-tonal']) .native-button{border-color:transparent;background:var(--scb-button-tonal-container-color, var(--md-sys-color-secondary-container));color:var(--scb-button-tonal-content-color, var(--md-sys-color-on-secondary-container))}:host(:not([variant])) .native-button:disabled,:host(:not([variant])) .native-button[aria-disabled=true],:host([variant='filled']) .native-button:disabled,:host([variant='filled']) .native-button[aria-disabled=true],:host([variant='filled-tonal']) .native-button:disabled,:host([variant='filled-tonal']) .native-button[aria-disabled=true]{background:var(--scb-button-disabled-container-color, var(--scb-color-compat-disabled-container));color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}:host([variant='text']) .native-button{min-inline-size:0;background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary))}:host([variant='text']) .native-button:disabled,:host([variant='text']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}.native-icon{flex:0 0 auto;display:inline-block;inline-size:var(--scb-button-icon-size);block-size:var(--scb-button-icon-size);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-button-icon-size);line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:var(--scb-button-font-variation-settings);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.native-icon.scb-svg-icon{fill:currentColor;font:inherit}.native-button-wrap md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.native-button-wrap md-focus-ring{pointer-events:none}:host([full-width]){display:flex;inline-size:100%}:host([full-width]) .native-button,:host([full-width]) .native-button-wrap{inline-size:100%;flex:1 1 auto}:host{--scb-button-design-height-extra-small:var(--scb-buttons-control-size-extra-small, var(--scale-07, 28px));--scb-button-design-height-small:var(--scb-buttons-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)));--scb-button-design-height-medium:var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--scb-button-design-height-large:var(--scb-buttons-control-size-large, var(--scb-control-size-large, var(--scale-12, 56px)));--scb-button-design-text-extra-small-font:var(--scb-button-text-extra-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-button-design-text-extra-small-size:var(--scb-button-text-extra-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-button-design-text-extra-small-line-height:var(--scb-button-text-extra-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-button-design-text-extra-small-tracking:var(--scb-button-text-extra-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-button-design-text-extra-small-weight:var(--scb-button-text-extra-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-button-design-text-extra-small-letter-spacing:var(--scb-button-text-extra-small-letter-spacing, var(--scb-button-text-extra-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-button-design-text-extra-small-font-weight:var(--scb-button-text-extra-small-font-weight, var(--scb-button-text-extra-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-button-design-text-small-font:var(--scb-button-text-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-button-design-text-small-size:var(--scb-button-text-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-button-design-text-small-line-height:var(--scb-button-text-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-button-design-text-small-tracking:var(--scb-button-text-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-button-design-text-small-weight:var(--scb-button-text-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-button-design-text-small-letter-spacing:var(--scb-button-text-small-letter-spacing, var(--scb-button-text-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-button-design-text-small-font-weight:var(--scb-button-text-small-font-weight, var(--scb-button-text-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-button-design-text-medium-font:var(--scb-button-text-medium-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-button-design-text-medium-size:var(--scb-button-text-medium-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-button-design-text-medium-line-height:var(--scb-button-text-medium-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-button-design-text-medium-tracking:var(--scb-button-text-medium-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-button-design-text-medium-weight:var(--scb-button-text-medium-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-button-design-text-medium-letter-spacing:var(--scb-button-text-medium-letter-spacing, var(--scb-button-text-medium-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-button-design-text-medium-font-weight:var(--scb-button-text-medium-font-weight, var(--scb-button-text-medium-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-button-design-text-large-font:var(--scb-button-text-large-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font, var(--brand))));--scb-button-design-text-large-size:var(--scb-button-text-large-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 16px)));--scb-button-design-text-large-line-height:var(--scb-button-text-large-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height, 24px)));--scb-button-design-text-large-tracking:var(--scb-button-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px))));--scb-button-design-text-large-weight:var(--scb-button-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600))));--scb-button-design-text-large-letter-spacing:var(--scb-button-text-large-letter-spacing, var(--scb-button-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px)))));--scb-button-design-text-large-font-weight:var(--scb-button-text-large-font-weight, var(--scb-button-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600)))));--scb-button-design-icon-extra-small:var(--scb-buttons-icon-size-extra-small, var(--icon-size-small, 20px));--scb-button-design-icon-small:var(--scb-buttons-icon-size-small, var(--icon-size-small, 20px));--scb-button-design-icon-medium:var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px));--scb-button-design-icon-large:var(--scb-buttons-icon-size-large, var(--icon-size-medium, 24px));--scb-button-design-padding-inline-extra-small:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-design-padding-inline-small:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-design-padding-inline-medium:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-design-padding-inline-large:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-design-padding-block-extra-small:var(--scb-button-padding-block-extra-small, var(--spacing-2, 4px));--scb-button-design-padding-block-small:var(--scb-button-padding-block-small, 6px);--scb-button-design-padding-block-medium:var(--scb-button-padding-block-medium, 10px);--scb-button-design-padding-block-large:var(--scb-button-padding-block-large, var(--spacing-5, 16px));--scb-button-design-gap-extra-small:var(--scb-buttons-gap-extra-small, var(--spacing-2, 4px));--scb-button-design-gap-small:var(--scb-buttons-gap-small, var(--spacing-2, 4px));--scb-button-design-gap-medium:var(--scb-buttons-gap-medium, var(--spacing-3, 8px));--scb-button-design-gap-large:var(--scb-buttons-gap-large, var(--spacing-3, 8px));--scb-button-design-surface-radius-extra-small:var(--scb-buttons-shape-radius-extra-small, var(--radius-full, 1000px));--scb-button-design-surface-radius-small:var(--scb-buttons-shape-radius-small, var(--radius-full, 1000px));--scb-button-design-surface-radius-medium:var(--scb-buttons-shape-radius-medium, var(--radius-full, 1000px));--scb-button-design-surface-radius-large:var(--scb-buttons-shape-radius-large, var(--radius-full, 1000px))}`}render(){const e=!!this.icon?.trim(),t=e?b`<span class="native-icon" part="icon" aria-hidden="true">${this.icon}</span>`:l,i=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,o=b`
|
|
2
|
+
import{g as l,h as S,m as A,p as n,v as b,y as C}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as z}from"../../vendor/preload-helper.js";import{t as N}from"../../vendor/component-defaults.js";import{t as s}from"../../vendor/decorate.js";import{t as x}from"../../vendor/assertClassBrand.js";import{t as T}from"../../vendor/classPrivateMethodInitSpec.js";import{t as _}from"../../vendor/aria-references.internal.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,o){try{customElements.get(t)||e(t,i,o)}catch(d){var r=String(d||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var g,v,y;function P(){return v??(v=z(()=>import("../../vendor/lazy-focus-ring.js").then(c=>c.i),__vite__mapDeps([0,1,2]),import.meta.url)),v}function k(){return y??(y=z(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),y}var a=(g=new WeakSet,class extends S{constructor(...e){super(...e),T(this,g),this.variant="filled",this.size=N["scb-button"].size,this.type="button",this.name="",this.value="",this.formId=null,this.formAction="",this.formEnctype="",this.formMethod="",this.formNoValidate=!1,this.formTarget="",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasDefaultSlotContent=!1,this.__nativeFocusRingReady=!1,this.__nativeRippleReady=!1,this.__nativeRipplePendingClick=!1,this.__ensureNativeFocusRing=()=>{this.__nativeFocusRingReady||P().then(({ensureFocusRingReady:t})=>(t(),customElements.whenDefined("md-focus-ring"))).then(()=>{this.__nativeFocusRingReady=!0,this.toggleAttribute("data-native-focus-ring-ready",!0),this.requestUpdate(),this.updateComplete.then(()=>this.__syncNativeFocusRingControl())})},this.__onNativeFocusIn=t=>{const i=t.composedPath()[0];i instanceof HTMLElement&&i.matches(":focus-visible")&&this.__ensureNativeFocusRing()},this.__ensureNativeRipple=t=>{this.__nativeRippleReady||this.disabled||(t&&(this.__nativeRipplePendingPointerEvent=t),k().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__nativeRippleReady=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.__syncNativeFocusRingControl(),this.__replayNativeRippleState()}))}))},this.__onNativePointerWarmup=t=>{this.__ensureNativeRipple(t)},this.__onNativeClick=t=>{if(this.disabled){t.preventDefault(),t.stopPropagation();return}(!this.__nativeRippleReady||this.__nativeRipplePendingPointerEvent)&&(this.__nativeRipplePendingClick=!0,this.__ensureNativeRipple()),!this.href&&queueMicrotask(()=>{if(t.defaultPrevented||this.disabled||this.href)return;const i=this.__getAssociatedForm();if(!i)return;const o=this.__normalizedButtonType();o==="submit"&&this.__requestFormSubmit(i),o==="reset"&&i.reset()})}}__getNativeControl(){return this.renderRoot.querySelector(".native-button")}__handleDefaultSlotChange(e){const t=e.target.assignedNodes({flatten:!0}).some(i=>i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==t&&(this.__hasDefaultSlotContent=t,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const e=this.__getNativeControl();e&&this.__syncAriaToControl(e)}__syncAriaToControl(e){const t=(this.getAttribute("aria-label")||"").trim(),i=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",o=t||i;o?e.setAttribute("aria-label",o):e.removeAttribute("aria-label"),_(this,e);const r=this.getAttribute("aria-haspopup");r!==null?e.setAttribute("aria-haspopup",r):e.removeAttribute("aria-haspopup");const d=this.getAttribute("aria-expanded");d!==null?e.setAttribute("aria-expanded",d):e.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(R=>{const p=this.__getNativeControl();if(p)for(const m of R){if(m.type!=="attributes"||!m.attributeName)continue;const u=m.attributeName,h=this.getAttribute(u);if(u==="aria-label"){const f=(h||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();f?p.setAttribute("aria-label",f):p.removeAttribute("aria-label")}else u==="aria-controls"||u==="aria-describedby"?_(this,p):(u==="aria-expanded"||u==="aria-haspopup")&&(h===null?p.removeAttribute(u):p.setAttribute(u,h))}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-describedby","aria-expanded","aria-haspopup"]})}connectedCallback(){super.connectedCallback(),this.hasUpdated&&this.__syncAriaToInner()}focus(e){const t=this.__getNativeControl();if(t){t.focus(e);return}this.updateComplete.then(()=>this.__getNativeControl()?.focus(e))}blur(){this.__getNativeControl()?.blur()}firstUpdated(){x(g,this,w).call(this)}updated(e){(e.has("variant")||e.has("label")||e.has("icon")||e.has("href"))&&this.updateComplete.then(()=>this.__syncAriaToInner()),(this.__nativeFocusRingReady||this.__nativeRippleReady)&&this.updateComplete.then(()=>this.__syncNativeFocusRingControl()),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&x(g,this,w).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}__normalizedButtonType(){return this.type==="submit"||this.type==="reset"?this.type:"button"}__getAssociatedForm(){if(this.formId!==null||this.hasAttribute("form")){const e=(this.formId??this.getAttribute("form")??"").trim();if(!e)return null;const t=this.getRootNode(),i=t instanceof Document||t instanceof ShadowRoot?t.getElementById(e):null;return i instanceof HTMLFormElement?i:null}return this.closest("form")}get form(){return this.__getAssociatedForm()}__requestFormSubmit(e){const t=this.ownerDocument.createElement("button");t.type="submit",t.hidden=!0,t.tabIndex=-1,t.setAttribute("aria-hidden","true"),t.setAttribute("data-scb-button-submitter","");const i=[["name",this.name,this.hasAttribute("name")],["value",this.value,this.hasAttribute("value")],["formaction",this.formAction,this.hasAttribute("formaction")],["formenctype",this.formEnctype,this.hasAttribute("formenctype")],["formmethod",this.formMethod,this.hasAttribute("formmethod")],["formtarget",this.formTarget,this.hasAttribute("formtarget")]];for(const[o,r,d]of i)(d||r!=="")&&t.setAttribute(o,r);this.formNoValidate&&t.setAttribute("formnovalidate",""),e.append(t);try{e.requestSubmit(t)}finally{t.remove()}}__syncNativeFocusRingControl(){const e=this.renderRoot.querySelector("md-focus-ring"),t=this.__getNativeControl();e&&t&&(e.control=t,e.visible=t.matches(":focus-visible"));const i=this.renderRoot.querySelector("md-ripple");i&&t&&(i.control=t)}async __replayNativeRippleState(){const e=this.renderRoot.querySelector("md-ripple"),t=this.__getNativeControl(),i=this.__nativeRipplePendingPointerEvent,o=this.__nativeRipplePendingClick;this.__nativeRipplePendingPointerEvent=void 0,this.__nativeRipplePendingClick=!1;const{syncRippleToControl:r}=await k();await r(e,t,i,o)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}static get styles(){return C`:host{display:inline-flex;block-size:var(--scb-button-block-size, auto);margin-block-start:var(--scb-button-spacing-block-start, 0);margin-block-end:var(--scb-button-spacing-block-end, 0);margin-inline-start:var(--scb-button-spacing-inline-start, 0);margin-inline-end:var(--scb-button-spacing-inline-end, 0);--scb-button-font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;--scb-button-container-height:var(--scb-button-design-height-medium);--scb-button-padding-block:var(--scb-button-design-padding-block-medium);--scb-button-padding-inline:var(--scb-button-design-padding-inline-medium);--scb-button-icon-edge-space:var(--scb-button-design-padding-inline-medium);--scb-button-icon-gap:var(--scb-button-design-gap-medium);--scb-button-icon-size:var(--scb-button-design-icon-medium);--scb-button-shape-radius:var(--scb-button-design-surface-radius-medium);--scb-button-label-text-font:var(--scb-button-design-text-medium-font);--scb-button-label-text-size:var(--scb-button-design-text-medium-size);--scb-button-label-text-weight:var(--scb-button-design-text-medium-weight);--scb-button-label-text-line-height:var(--scb-button-design-text-medium-line-height);--scb-button-label-text-tracking:var(--scb-button-design-text-medium-tracking)}:host([size='extra-small']){--scb-button-container-height:var(--scb-button-design-height-extra-small);--scb-button-padding-block:var(--scb-button-design-padding-block-extra-small);--scb-button-padding-inline:var(--scb-button-design-padding-inline-extra-small);--scb-button-icon-edge-space:var(--scb-button-design-padding-inline-extra-small);--scb-button-icon-gap:var(--scb-button-design-gap-extra-small);--scb-button-icon-size:var(--scb-button-design-icon-extra-small);--scb-button-shape-radius:var(--scb-button-design-surface-radius-extra-small);--scb-button-label-text-font:var(--scb-button-design-text-extra-small-font);--scb-button-label-text-size:var(--scb-button-design-text-extra-small-size);--scb-button-label-text-weight:var(--scb-button-design-text-extra-small-weight);--scb-button-label-text-line-height:var(--scb-button-design-text-extra-small-line-height);--scb-button-label-text-tracking:var(--scb-button-design-text-extra-small-tracking)}:host([size='small']){--scb-button-container-height:var(--scb-button-design-height-small);--scb-button-padding-block:var(--scb-button-design-padding-block-small);--scb-button-padding-inline:var(--scb-button-design-padding-inline-small);--scb-button-icon-edge-space:var(--scb-button-design-padding-inline-small);--scb-button-icon-gap:var(--scb-button-design-gap-small);--scb-button-icon-size:var(--scb-button-design-icon-small);--scb-button-shape-radius:var(--scb-button-design-surface-radius-small);--scb-button-label-text-font:var(--scb-button-design-text-small-font);--scb-button-label-text-size:var(--scb-button-design-text-small-size);--scb-button-label-text-weight:var(--scb-button-design-text-small-weight);--scb-button-label-text-line-height:var(--scb-button-design-text-small-line-height);--scb-button-label-text-tracking:var(--scb-button-design-text-small-tracking)}:host([size='large']){--scb-button-container-height:var(--scb-button-design-height-large);--scb-button-padding-block:var(--scb-button-design-padding-block-large);--scb-button-padding-inline:var(--scb-button-design-padding-inline-large);--scb-button-icon-edge-space:var(--scb-button-design-padding-inline-large);--scb-button-icon-gap:var(--scb-button-design-gap-large);--scb-button-icon-size:var(--scb-button-design-icon-large);--scb-button-shape-radius:var(--scb-button-design-surface-radius-large);--scb-button-label-text-font:var(--scb-button-design-text-large-font);--scb-button-label-text-size:var(--scb-button-design-text-large-size);--scb-button-label-text-weight:var(--scb-button-design-text-large-weight);--scb-button-label-text-line-height:var(--scb-button-design-text-large-line-height);--scb-button-label-text-tracking:var(--scb-button-design-text-large-tracking)}:host([icon-filled]){--scb-button-font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.native-button,.native-button-wrap{position:relative;display:inline-flex}.native-button-wrap{border-radius:var(--scb-button-shape-radius, var(--md-sys-shape-corner-full, 999px))}.native-button{z-index:0;box-sizing:border-box;align-items:center;justify-content:center;gap:var(--scb-button-icon-gap);min-block-size:var(--scb-button-block-size, var(--scb-button-container-height));block-size:var(--scb-button-block-size, var(--scb-button-container-height));min-inline-size:64px;inline-size:auto;padding-block:var(--scb-button-padding-block);padding-inline:var(--scb-button-padding-inline);overflow:hidden;border:0;border-radius:inherit;background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));font-family:var(--scb-button-label-text-font);font-size:var(--scb-button-label-text-size);font-weight:var(--scb-button-label-text-weight);line-height:var(--scb-button-label-text-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));letter-spacing:var(--scb-button-label-text-tracking, normal);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}.native-button::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.native-button:hover::before{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.native-button:active::before{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.native-button:focus{outline:0}:host(:not([data-native-focus-ring-ready])) .native-button:focus-visible{outline:var(--stroke-border-m, 2px) solid var(--md-focus-ring-color, var(--md-sys-color-primary));outline-offset:var(--spacing-1, 2px)}.native-button:disabled,.native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));cursor:default;opacity:1;pointer-events:none}:host(:not([variant])) .native-button,:host([variant='filled']) .native-button{border-color:transparent;background:var(--scb-button-filled-container-color, var(--md-sys-color-primary));color:var(--scb-button-filled-content-color, var(--md-sys-color-on-primary))}:host([variant='outlined']) .native-button{background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-button-outline-color, var(--md-sys-color-outline))}:host([variant='outlined']) .native-button:disabled,:host([variant='outlined']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-color-compat-disabled-container)}:host([variant='filled-tonal']) .native-button{border-color:transparent;background:var(--scb-button-tonal-container-color, var(--md-sys-color-secondary-container));color:var(--scb-button-tonal-content-color, var(--md-sys-color-on-secondary-container))}:host(:not([variant])) .native-button:disabled,:host(:not([variant])) .native-button[aria-disabled=true],:host([variant='filled']) .native-button:disabled,:host([variant='filled']) .native-button[aria-disabled=true],:host([variant='filled-tonal']) .native-button:disabled,:host([variant='filled-tonal']) .native-button[aria-disabled=true]{background:var(--scb-button-disabled-container-color, var(--scb-color-compat-disabled-container));color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}:host([variant='text']) .native-button{min-inline-size:0;background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary))}:host([variant='text']) .native-button:disabled,:host([variant='text']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}.native-icon{flex:0 0 auto;display:inline-block;inline-size:var(--scb-button-icon-size);block-size:var(--scb-button-icon-size);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-button-icon-size);line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:var(--scb-button-font-variation-settings);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.native-icon.scb-svg-icon{fill:currentColor;font:inherit}.native-button-wrap md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.native-button-wrap md-focus-ring{pointer-events:none}:host([full-width]){display:flex;inline-size:100%}:host([full-width]) .native-button,:host([full-width]) .native-button-wrap{inline-size:100%;flex:1 1 auto}:host{--scb-button-design-height-extra-small:var(--scb-buttons-control-size-extra-small, var(--scale-07, 28px));--scb-button-design-height-small:var(--scb-buttons-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)));--scb-button-design-height-medium:var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--scb-button-design-height-large:var(--scb-buttons-control-size-large, var(--scb-control-size-large, var(--scale-12, 56px)));--scb-button-design-text-extra-small-font:var(--scb-button-text-extra-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-button-design-text-extra-small-size:var(--scb-button-text-extra-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-button-design-text-extra-small-line-height:var(--scb-button-text-extra-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-button-design-text-extra-small-tracking:var(--scb-button-text-extra-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-button-design-text-extra-small-weight:var(--scb-button-text-extra-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-button-design-text-extra-small-letter-spacing:var(--scb-button-text-extra-small-letter-spacing, var(--scb-button-text-extra-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-button-design-text-extra-small-font-weight:var(--scb-button-text-extra-small-font-weight, var(--scb-button-text-extra-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-button-design-text-small-font:var(--scb-button-text-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-button-design-text-small-size:var(--scb-button-text-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-button-design-text-small-line-height:var(--scb-button-text-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-button-design-text-small-tracking:var(--scb-button-text-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-button-design-text-small-weight:var(--scb-button-text-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-button-design-text-small-letter-spacing:var(--scb-button-text-small-letter-spacing, var(--scb-button-text-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-button-design-text-small-font-weight:var(--scb-button-text-small-font-weight, var(--scb-button-text-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-button-design-text-medium-font:var(--scb-button-text-medium-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-button-design-text-medium-size:var(--scb-button-text-medium-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-button-design-text-medium-line-height:var(--scb-button-text-medium-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-button-design-text-medium-tracking:var(--scb-button-text-medium-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-button-design-text-medium-weight:var(--scb-button-text-medium-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-button-design-text-medium-letter-spacing:var(--scb-button-text-medium-letter-spacing, var(--scb-button-text-medium-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-button-design-text-medium-font-weight:var(--scb-button-text-medium-font-weight, var(--scb-button-text-medium-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-button-design-text-large-font:var(--scb-button-text-large-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font, var(--brand))));--scb-button-design-text-large-size:var(--scb-button-text-large-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 16px)));--scb-button-design-text-large-line-height:var(--scb-button-text-large-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height, 24px)));--scb-button-design-text-large-tracking:var(--scb-button-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px))));--scb-button-design-text-large-weight:var(--scb-button-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600))));--scb-button-design-text-large-letter-spacing:var(--scb-button-text-large-letter-spacing, var(--scb-button-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px)))));--scb-button-design-text-large-font-weight:var(--scb-button-text-large-font-weight, var(--scb-button-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600)))));--scb-button-design-icon-extra-small:var(--scb-buttons-icon-size-extra-small, var(--icon-size-small, 20px));--scb-button-design-icon-small:var(--scb-buttons-icon-size-small, var(--icon-size-small, 20px));--scb-button-design-icon-medium:var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px));--scb-button-design-icon-large:var(--scb-buttons-icon-size-large, var(--icon-size-medium, 24px));--scb-button-design-padding-inline-extra-small:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-design-padding-inline-small:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-design-padding-inline-medium:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-design-padding-inline-large:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-design-padding-block-extra-small:var(--scb-button-padding-block-extra-small, var(--spacing-2, 4px));--scb-button-design-padding-block-small:var(--scb-button-padding-block-small, 6px);--scb-button-design-padding-block-medium:var(--scb-button-padding-block-medium, 10px);--scb-button-design-padding-block-large:var(--scb-button-padding-block-large, var(--spacing-5, 16px));--scb-button-design-gap-extra-small:var(--scb-buttons-gap-extra-small, var(--spacing-2, 4px));--scb-button-design-gap-small:var(--scb-buttons-gap-small, var(--spacing-2, 4px));--scb-button-design-gap-medium:var(--scb-buttons-gap-medium, var(--spacing-3, 8px));--scb-button-design-gap-large:var(--scb-buttons-gap-large, var(--spacing-3, 8px));--scb-button-design-surface-radius-extra-small:var(--scb-buttons-shape-radius-extra-small, var(--radius-full, 1000px));--scb-button-design-surface-radius-small:var(--scb-buttons-shape-radius-small, var(--radius-full, 1000px));--scb-button-design-surface-radius-medium:var(--scb-buttons-shape-radius-medium, var(--radius-full, 1000px));--scb-button-design-surface-radius-large:var(--scb-buttons-shape-radius-large, var(--radius-full, 1000px))}`}render(){const e=!!this.icon?.trim(),t=e?b`<span class="native-icon" part="icon" aria-hidden="true">${this.icon}</span>`:l,i=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,o=b`
|
|
3
3
|
<slot
|
|
4
4
|
@slotchange=${this.__handleDefaultSlotChange}
|
|
5
5
|
style=${this.__hasDefaultSlotContent?l:"display: none"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/lazy-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/preload-helper.js","../../vendor/lazy-ripple.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{h as T,m as C,p as
|
|
2
|
+
import{h as T,m as C,p as i,v as l,y as P}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as H}from"../../vendor/preload-helper.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 e=customElements.define.bind(customElements);customElements.define=function(r,s,n){try{customElements.get(r)||e(r,s,n)}catch(o){var c=String(o||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var p,L=new Intl.DateTimeFormat("sv-SE",{month:"short"}),I=new Intl.DateTimeFormat("sv-SE",{month:"short",timeZone:"UTC"}),g={fromAttribute:d=>d??"",toAttribute:d=>typeof d!="string"||d.trim()===""?null:d},h,b;function E(){return h??(h=H(()=>import("../../vendor/lazy-focus-ring.js").then(d=>d.i),__vite__mapDeps([0,1,2]),import.meta.url)),h}function S(){return b??(b=H(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),b}var a=(p=class extends T{constructor(...e){super(...e),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=r=>{this.__ensureRipple(r)},this.__ensureFocusRingOnFocusVisible=()=>{this.__focusRingLoaded||this.__focusRingRequested||(this.__focusRingRequested=!0,E().then(({ensureFocusRingReady:r})=>r()).then(()=>{this.__focusRingLoaded=!0,this.requestUpdate()}))}}__hasSlottedContent(e){return!!this.querySelector(`[slot="${e}"]`)}__getSlottedText(e){return this.querySelector(`[slot="${e}"]`)?.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(e){if(this.cardHref){if(e&&(this.__pendingRippleEvent=e),this.__rippleLoaded){this.__syncRipple();return}this.__rippleRequested||(this.__rippleRequested=!0,S().then(({ensureRippleReady:r})=>r()).then(()=>{this.__rippleLoaded=!0,this.requestUpdate(),this.updateComplete.then(()=>this.__syncRipple())}))}}async __syncRipple(){const e=this.renderRoot.querySelector("md-ripple"),r=this.renderRoot.querySelector(".calendar-card"),s=this.__pendingRippleEvent,n=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:c}=await S();await c(e,r,s,n)}render(){const e=this.variant?`${this.variant.toLowerCase()}`:"",r=this.direction?`${this.direction.toLowerCase()}`:"",s=this.cardHref?"clickable":"",n=this.__hasSlottedContent("heading"),c=this.__hasSlottedContent("subtitle"),o=this.__hasSlottedContent("supporting-text"),v=this.calendarCardTitle||this.title,u=this.subtitle,m=this.supportingText,y=n||!!v,f=c||!!u,R=o||!!m,{day:w,month:_}=this.__getDateParts(),x=this.mediaWidth&&this.mediaWidth.trim()!==""?this.mediaWidth:"",z=this.mediaHeight&&this.mediaHeight.trim()!==""?this.mediaHeight:"",k=this.mediaAspect&&this.mediaAspect.trim()!==""?this.mediaAspect:"",$=`${x?`inline-size:${x};`:""}${z?`block-size:${z};`:""}${k?`aspect-ratio:${k};`:""}`;return l`
|
|
3
3
|
<div
|
|
4
|
-
class="calendar-card ${
|
|
4
|
+
class="calendar-card ${r} ${s} ${e}"
|
|
5
5
|
role="${this.cardHref?"link":"group"}"
|
|
6
6
|
aria-label="${this.__resolvedLabel}"
|
|
7
7
|
tabindex="${this.cardHref?"0":"-1"}"
|
|
@@ -11,31 +11,31 @@ import{h as T,m as C,p as t,v as c,y as P}from"../../vendor/vendor.js";import"..
|
|
|
11
11
|
@pointerenter=${this.cardHref?this.__onPointerInteraction:null}
|
|
12
12
|
@pointerdown=${this.cardHref?this.__onPointerInteraction:null}
|
|
13
13
|
>
|
|
14
|
-
${this.cardHref&&this.__rippleLoaded?
|
|
15
|
-
${this.showMedia?
|
|
14
|
+
${this.cardHref&&this.__rippleLoaded?l`<md-ripple></md-ripple>`:""}
|
|
15
|
+
${this.showMedia?l`
|
|
16
16
|
<div class="media" style="${$}" aria-label="${this.dateLabelPrefix} ${w} ${_}">
|
|
17
17
|
<div class="day">${w}</div>
|
|
18
18
|
<div class="month">${_}</div>
|
|
19
19
|
</div>
|
|
20
20
|
`:""}
|
|
21
21
|
<div class="container">
|
|
22
|
-
${y||f?
|
|
22
|
+
${y||f?l`
|
|
23
23
|
<div class="header-container">
|
|
24
|
-
${y?
|
|
24
|
+
${y?l`
|
|
25
25
|
<div class="title-container">
|
|
26
|
-
<div class="title">${n?
|
|
27
|
-
${this.cardHref?
|
|
26
|
+
<div class="title">${n?l`<slot name="heading"></slot>`:v}</div>
|
|
27
|
+
${this.cardHref?l`<div class="icon-container"><md-icon class="calendar-card-icon" aria-hidden="true">arrow_forward</md-icon></div>`:""}
|
|
28
28
|
</div>
|
|
29
29
|
`:""}
|
|
30
|
-
${f?
|
|
30
|
+
${f?l`<div class="subtitle">${c?l`<slot name="subtitle"></slot>`:u}</div>`:""}
|
|
31
31
|
</div>
|
|
32
32
|
`:""}
|
|
33
|
-
${R?
|
|
33
|
+
${R?l`
|
|
34
34
|
<div class="supporting-text">
|
|
35
|
-
${o?
|
|
35
|
+
${o?l`<slot name="supporting-text"></slot>`:m}
|
|
36
36
|
</div>
|
|
37
37
|
`:""}
|
|
38
38
|
</div>
|
|
39
39
|
</div>
|
|
40
|
-
${this.cardHref&&this.__focusRingLoaded?
|
|
41
|
-
`}__getDateParts(){const e={day:1,month:"Jan"};if(!this.date)return e;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 e;const d=i.getDate(),n=L.format(i).replace(".","").trim();return{day:d,month:n.charAt(0).toUpperCase()+n.slice(1)}}__applyInnerSizing(){const e=this.renderRoot.querySelector(".calendar-card");e&&(this.width&&this.width.trim()!==""?(e.style.inlineSize="100%",e.style.maxInlineSize="100%"):(e.style.removeProperty("inline-size"),e.style.removeProperty("max-inline-size")),this.height&&this.height.trim()!==""||this.sizing==="stretch"?e.style.blockSize="100%":e.style.removeProperty("block-size"),this.maxHeight&&this.maxHeight.trim()!==""?e.style.maxBlockSize="100%":e.style.removeProperty("max-block-size"))}_onKeyDown(e){(e.key==="Enter"||e.key===" ")&&this.cardHref&&(e.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(e){if(!e)return;const i=String(e).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}__applySpacing(){const e=this.mapSpacingToken(this.spacing),i=this.mapSpacingToken(this.spacingTop)??e,d=this.mapSpacingToken(this.spacingBottom)??e,n=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"),d?this.style.setProperty("--scb-calendar-card-spacing-block-end",d):this.style.removeProperty("--scb-calendar-card-spacing-block-end"),n?this.style.setProperty("--scb-calendar-card-spacing-inline-start",n):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(e){e.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("minWidth")&&(this.minWidth?this.style.minInlineSize=this.minWidth:this.style.removeProperty("min-inline-size")),e.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),e.has("minHeight")&&(this.minHeight?this.style.minBlockSize=this.minHeight:this.style.removeProperty("min-block-size")),(e.has("width")||e.has("height")||e.has("maxHeight")||e.has("sizing"))&&this.__applyInnerSizing(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this.__applySpacing()}},p.styles=P`:host{--scb-cards-title-font-weight-current:var(--scb-calendar-card-design-title-large-font-weight);--scb-cards-title-letter-spacing-current:var(--scb-calendar-card-design-title-large-letter-spacing);--scb-cards-title-line-height-current:var(--scb-calendar-card-design-title-large-line-height);--scb-cards-title-tracking-current:var(--scb-calendar-card-design-title-large-tracking);--scb-cards-title-weight-current:var(--scb-calendar-card-design-title-large-weight);--scb-cards-title-size-current:var(--scb-calendar-card-design-title-large-size);--scb-cards-title-font-current:var(--scb-calendar-card-design-title-large-font);--scb-cards-subtitle-font-weight-current:var(--scb-calendar-card-design-subtitle-large-font-weight);--scb-cards-subtitle-letter-spacing-current:var(--scb-calendar-card-design-subtitle-large-letter-spacing);--scb-cards-subtitle-line-height-current:var(--scb-calendar-card-design-subtitle-large-line-height);--scb-cards-subtitle-tracking-current:var(--scb-calendar-card-design-subtitle-large-tracking);--scb-cards-subtitle-weight-current:var(--scb-calendar-card-design-subtitle-large-weight);--scb-cards-subtitle-size-current:var(--scb-calendar-card-design-subtitle-large-size);--scb-cards-subtitle-font-current:var(--scb-calendar-card-design-subtitle-large-font);--scb-cards-supporting-font-weight-current:var(--scb-calendar-card-design-supporting-large-font-weight);--scb-cards-supporting-letter-spacing-current:var(--scb-calendar-card-design-supporting-large-letter-spacing);--scb-cards-supporting-line-height-current:var(--scb-calendar-card-design-supporting-large-line-height);--scb-cards-supporting-tracking-current:var(--scb-calendar-card-design-supporting-large-tracking);--scb-cards-supporting-weight-current:var(--scb-calendar-card-design-supporting-large-weight);--scb-cards-supporting-size-current:var(--scb-calendar-card-design-supporting-large-size);--scb-cards-supporting-font-current:var(--scb-calendar-card-design-supporting-large-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-calendar-card-design-content-padding-block-large));--scb-calendar-card-padding-inline:var(--scb-calendar-card-padding, var(--scb-calendar-card-design-content-padding-inline-large));--scb-calendar-card-surface-radius:var(--scb-calendar-card-design-surface-radius-large);--scb-calendar-card-border-width:var(--scb-calendar-card-design-surface-border-width-large);--scb-calendar-card-gap:var(--scb-calendar-card-design-calendar-gap-large);--scb-calendar-card-horizontal-gap:var(--scb-calendar-card-design-calendar-horizontal-gap-large);--scb-calendar-card-horizontal-min-block-size:var(--scb-calendar-card-design-calendar-horizontal-min-height-large);--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-calendar-card-design-calendar-media-size-large);--scb-calendar-card-media-radius:var(--scb-calendar-card-design-calendar-media-radius-large);--scb-calendar-card-media-gap:var(--scb-calendar-card-design-calendar-media-gap-large);--scb-calendar-card-day-size:var(--scb-calendar-card-design-calendar-date-day-text-large);--scb-calendar-card-day-letter-spacing:-0.6px;--scb-calendar-card-month-size:var(--scb-calendar-card-design-calendar-date-month-text-large);--scb-calendar-card-content-gap:var(--scb-calendar-card-design-calendar-content-gap-large);--scb-calendar-card-header-gap:var(--scb-calendar-card-design-calendar-title-gap-large);--scb-calendar-card-title-min-block-size:var(--scb-calendar-card-title-line-height);--scb-calendar-card-icon-size:var(--scb-calendar-card-design-calendar-icon-large);--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)}:host{--scb-calendar-card-design-content-padding-block-large:var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px));--scb-calendar-card-design-content-padding-inline-large:var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px));--scb-calendar-card-design-surface-radius-large:var(--scb-cards-surface-radius-large, var(--radius-large, 16px));--scb-calendar-card-design-surface-border-width-large:var(--scb-cards-border-width-large, var(--stroke-border, 1px));--scb-calendar-card-design-calendar-gap-large:var(--scb-cards-calendar-gap-large, var(--spacing-4, 12px));--scb-calendar-card-design-calendar-horizontal-gap-large:var(--scb-cards-calendar-horizontal-gap-large, var(--spacing-6, 20px));--scb-calendar-card-design-calendar-horizontal-min-height-large:var(--scb-cards-calendar-horizontal-min-block-size-large, 112px);--scb-calendar-card-design-calendar-media-size-large:var(--scb-cards-calendar-media-size-large, var(--spacing-11, 64px));--scb-calendar-card-design-calendar-media-radius-large:var(--scb-cards-calendar-media-radius-large, var(--radius-small, 8px));--scb-calendar-card-design-calendar-media-gap-large:var(--scb-cards-calendar-media-gap-large, var(--spacing-2, 4px));--scb-calendar-card-design-calendar-date-day-text-large:var(--scb-cards-calendar-date-day-size-large, var(--scale-07, 28px));--scb-calendar-card-design-calendar-date-month-text-large:var(--scb-cards-calendar-date-month-size-large, var(--scale-02, 14px));--scb-calendar-card-design-calendar-content-gap-large:var(--scb-cards-calendar-content-gap-large, var(--spacing-4, 12px));--scb-calendar-card-design-calendar-title-gap-large:var(--scb-cards-calendar-title-gap-large, var(--spacing-2, 4px));--scb-calendar-card-design-calendar-icon-large:var(--scb-cards-calendar-icon-size-large, var(--icon-size-medium, 24px));--scb-calendar-card-design-title-large-font:var(--scb-cards-title-large-font, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand))));--scb-calendar-card-design-title-large-size:var(--scb-cards-title-large-size, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size, 20px)));--scb-calendar-card-design-title-large-line-height:var(--scb-cards-title-large-line-height, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 28px)));--scb-calendar-card-design-title-large-tracking:var(--scb-cards-title-large-tracking, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, var(--tracking-07, -0.5px))));--scb-calendar-card-design-title-large-weight:var(--scb-cards-title-large-weight, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700))));--scb-calendar-card-design-title-large-letter-spacing:var(--scb-cards-title-large-letter-spacing, var(--scb-cards-title-large-tracking, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, var(--tracking-07, -0.5px)))));--scb-calendar-card-design-title-large-font-weight:var(--scb-cards-title-large-font-weight, var(--scb-cards-title-large-weight, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700)))));--scb-calendar-card-design-subtitle-large-font:var(--scb-cards-subtitle-large-font, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand))));--scb-calendar-card-design-subtitle-large-size:var(--scb-cards-subtitle-large-size, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-calendar-card-design-subtitle-large-line-height:var(--scb-cards-subtitle-large-line-height, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-calendar-card-design-subtitle-large-tracking:var(--scb-cards-subtitle-large-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px))));--scb-calendar-card-design-subtitle-large-weight:var(--scb-cards-subtitle-large-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600))));--scb-calendar-card-design-subtitle-large-letter-spacing:var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-large-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px)))));--scb-calendar-card-design-subtitle-large-font-weight:var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-large-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-calendar-card-design-supporting-large-font:var(--scb-cards-supporting-large-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-calendar-card-design-supporting-large-size:var(--scb-cards-supporting-large-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-calendar-card-design-supporting-large-line-height:var(--scb-cards-supporting-large-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-calendar-card-design-supporting-large-tracking:var(--scb-cards-supporting-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-calendar-card-design-supporting-large-weight:var(--scb-cards-supporting-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-calendar-card-design-supporting-large-letter-spacing:var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-calendar-card-design-supporting-large-font-weight:var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))}`,p);r([t({type:String,reflect:!0})],a.prototype,"variant",void 0);r([t({type:String,attribute:"date"})],a.prototype,"date",void 0);r([t({type:String,reflect:!0})],a.prototype,"direction",void 0);r([t({type:String,reflect:!0,converter:g})],a.prototype,"title",void 0);r([t({type:String,attribute:"calendar-card-title",reflect:!0,converter:g})],a.prototype,"calendarCardTitle",void 0);r([t({type:String,reflect:!0,converter:g})],a.prototype,"subtitle",void 0);r([t({type:String,attribute:"supporting-text",reflect:!0,converter:g})],a.prototype,"supportingText",void 0);r([t({type:String,attribute:"card-href"})],a.prototype,"cardHref",void 0);r([t({type:String,attribute:"card-href-nav"})],a.prototype,"cardHrefNav",void 0);r([t({type:Boolean,reflect:!0,attribute:"show-media"})],a.prototype,"showMedia",void 0);r([t({type:String,attribute:"date-label-prefix"})],a.prototype,"dateLabelPrefix",void 0);r([t({type:String,attribute:"media-width"})],a.prototype,"mediaWidth",void 0);r([t({type:String,attribute:"media-height"})],a.prototype,"mediaHeight",void 0);r([t({type:String,attribute:"media-aspect"})],a.prototype,"mediaAspect",void 0);r([t({type:String,reflect:!0})],a.prototype,"width",void 0);r([t({type:String,reflect:!0,attribute:"max-width"})],a.prototype,"maxWidth",void 0);r([t({type:String,attribute:"min-width"})],a.prototype,"minWidth",void 0);r([t({type:String,reflect:!0})],a.prototype,"height",void 0);r([t({type:String,reflect:!0,attribute:"max-height"})],a.prototype,"maxHeight",void 0);r([t({type:String,attribute:"min-height"})],a.prototype,"minHeight",void 0);r([t({type:String,reflect:!0,converter:g})],a.prototype,"sizing",void 0);r([t({type:String,reflect:!0})],a.prototype,"spacing",void 0);r([t({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",void 0);r([t({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",void 0);r([t({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",void 0);r([t({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",void 0);a=r([C("scb-calendar-card")],a);
|
|
40
|
+
${this.cardHref&&this.__focusRingLoaded?l`<md-focus-ring></md-focus-ring>`:""}
|
|
41
|
+
`}__getDateParts(){const e={day:1,month:"Jan"};if(!this.date)return e;const r=typeof this.date=="string"?this.date.trim():this.date,s=r instanceof Date?r:new Date(r);if(Number.isNaN(s.getTime()))return e;const n=typeof r=="string"&&/^\d{4}-\d{2}-\d{2}$/.test(r),c=n?s.getUTCDate():s.getDate(),o=(n?I:L).format(s).replace(".","").trim();return{day:c,month:o.charAt(0).toUpperCase()+o.slice(1)}}__applyInnerSizing(){const e=this.renderRoot.querySelector(".calendar-card");e&&(this.width&&this.width.trim()!==""?(e.style.inlineSize="100%",e.style.maxInlineSize="100%"):(e.style.removeProperty("inline-size"),e.style.removeProperty("max-inline-size")),this.height&&this.height.trim()!==""||this.sizing==="stretch"?e.style.blockSize="100%":e.style.removeProperty("block-size"),this.maxHeight&&this.maxHeight.trim()!==""?e.style.maxBlockSize="100%":e.style.removeProperty("max-block-size"))}_onKeyDown(e){(e.key==="Enter"||e.key===" ")&&this.cardHref&&(e.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(e){if(!e)return;const r=String(e).trim();if(r)return/^\d+$/.test(r)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(r,10)))})`:r}__applySpacing(){const e=this.mapSpacingToken(this.spacing),r=this.mapSpacingToken(this.spacingTop)??e,s=this.mapSpacingToken(this.spacingBottom)??e,n=this.mapSpacingToken(this.spacingLeft),c=this.mapSpacingToken(this.spacingRight);r?this.style.setProperty("--scb-calendar-card-spacing-block-start",r):this.style.removeProperty("--scb-calendar-card-spacing-block-start"),s?this.style.setProperty("--scb-calendar-card-spacing-block-end",s):this.style.removeProperty("--scb-calendar-card-spacing-block-end"),n?this.style.setProperty("--scb-calendar-card-spacing-inline-start",n):this.style.removeProperty("--scb-calendar-card-spacing-inline-start"),c?this.style.setProperty("--scb-calendar-card-spacing-inline-end",c):this.style.removeProperty("--scb-calendar-card-spacing-inline-end")}updated(e){e.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("minWidth")&&(this.minWidth?this.style.minInlineSize=this.minWidth:this.style.removeProperty("min-inline-size")),e.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),e.has("minHeight")&&(this.minHeight?this.style.minBlockSize=this.minHeight:this.style.removeProperty("min-block-size")),(e.has("width")||e.has("height")||e.has("maxHeight")||e.has("sizing"))&&this.__applyInnerSizing(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this.__applySpacing()}},p.styles=P`:host{--scb-cards-title-font-weight-current:var(--scb-calendar-card-design-title-large-font-weight);--scb-cards-title-letter-spacing-current:var(--scb-calendar-card-design-title-large-letter-spacing);--scb-cards-title-line-height-current:var(--scb-calendar-card-design-title-large-line-height);--scb-cards-title-tracking-current:var(--scb-calendar-card-design-title-large-tracking);--scb-cards-title-weight-current:var(--scb-calendar-card-design-title-large-weight);--scb-cards-title-size-current:var(--scb-calendar-card-design-title-large-size);--scb-cards-title-font-current:var(--scb-calendar-card-design-title-large-font);--scb-cards-subtitle-font-weight-current:var(--scb-calendar-card-design-subtitle-large-font-weight);--scb-cards-subtitle-letter-spacing-current:var(--scb-calendar-card-design-subtitle-large-letter-spacing);--scb-cards-subtitle-line-height-current:var(--scb-calendar-card-design-subtitle-large-line-height);--scb-cards-subtitle-tracking-current:var(--scb-calendar-card-design-subtitle-large-tracking);--scb-cards-subtitle-weight-current:var(--scb-calendar-card-design-subtitle-large-weight);--scb-cards-subtitle-size-current:var(--scb-calendar-card-design-subtitle-large-size);--scb-cards-subtitle-font-current:var(--scb-calendar-card-design-subtitle-large-font);--scb-cards-supporting-font-weight-current:var(--scb-calendar-card-design-supporting-large-font-weight);--scb-cards-supporting-letter-spacing-current:var(--scb-calendar-card-design-supporting-large-letter-spacing);--scb-cards-supporting-line-height-current:var(--scb-calendar-card-design-supporting-large-line-height);--scb-cards-supporting-tracking-current:var(--scb-calendar-card-design-supporting-large-tracking);--scb-cards-supporting-weight-current:var(--scb-calendar-card-design-supporting-large-weight);--scb-cards-supporting-size-current:var(--scb-calendar-card-design-supporting-large-size);--scb-cards-supporting-font-current:var(--scb-calendar-card-design-supporting-large-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-calendar-card-design-content-padding-block-large));--scb-calendar-card-padding-inline:var(--scb-calendar-card-padding, var(--scb-calendar-card-design-content-padding-inline-large));--scb-calendar-card-surface-radius:var(--scb-calendar-card-design-surface-radius-large);--scb-calendar-card-border-width:var(--scb-calendar-card-design-surface-border-width-large);--scb-calendar-card-gap:var(--scb-calendar-card-design-calendar-gap-large);--scb-calendar-card-horizontal-gap:var(--scb-calendar-card-design-calendar-horizontal-gap-large);--scb-calendar-card-horizontal-min-block-size:var(--scb-calendar-card-design-calendar-horizontal-min-height-large);--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-calendar-card-design-calendar-media-size-large);--scb-calendar-card-media-radius:var(--scb-calendar-card-design-calendar-media-radius-large);--scb-calendar-card-media-gap:var(--scb-calendar-card-design-calendar-media-gap-large);--scb-calendar-card-day-size:var(--scb-calendar-card-design-calendar-date-day-text-large);--scb-calendar-card-day-letter-spacing:-0.6px;--scb-calendar-card-month-size:var(--scb-calendar-card-design-calendar-date-month-text-large);--scb-calendar-card-content-gap:var(--scb-calendar-card-design-calendar-content-gap-large);--scb-calendar-card-header-gap:var(--scb-calendar-card-design-calendar-title-gap-large);--scb-calendar-card-title-min-block-size:var(--scb-calendar-card-title-line-height);--scb-calendar-card-icon-size:var(--scb-calendar-card-design-calendar-icon-large);--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)}:host{--scb-calendar-card-design-content-padding-block-large:var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px));--scb-calendar-card-design-content-padding-inline-large:var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px));--scb-calendar-card-design-surface-radius-large:var(--scb-cards-surface-radius-large, var(--radius-large, 16px));--scb-calendar-card-design-surface-border-width-large:var(--scb-cards-border-width-large, var(--stroke-border, 1px));--scb-calendar-card-design-calendar-gap-large:var(--scb-cards-calendar-gap-large, var(--spacing-4, 12px));--scb-calendar-card-design-calendar-horizontal-gap-large:var(--scb-cards-calendar-horizontal-gap-large, var(--spacing-6, 20px));--scb-calendar-card-design-calendar-horizontal-min-height-large:var(--scb-cards-calendar-horizontal-min-block-size-large, 112px);--scb-calendar-card-design-calendar-media-size-large:var(--scb-cards-calendar-media-size-large, var(--spacing-11, 64px));--scb-calendar-card-design-calendar-media-radius-large:var(--scb-cards-calendar-media-radius-large, var(--radius-small, 8px));--scb-calendar-card-design-calendar-media-gap-large:var(--scb-cards-calendar-media-gap-large, var(--spacing-2, 4px));--scb-calendar-card-design-calendar-date-day-text-large:var(--scb-cards-calendar-date-day-size-large, var(--scale-07, 28px));--scb-calendar-card-design-calendar-date-month-text-large:var(--scb-cards-calendar-date-month-size-large, var(--scale-02, 14px));--scb-calendar-card-design-calendar-content-gap-large:var(--scb-cards-calendar-content-gap-large, var(--spacing-4, 12px));--scb-calendar-card-design-calendar-title-gap-large:var(--scb-cards-calendar-title-gap-large, var(--spacing-2, 4px));--scb-calendar-card-design-calendar-icon-large:var(--scb-cards-calendar-icon-size-large, var(--icon-size-medium, 24px));--scb-calendar-card-design-title-large-font:var(--scb-cards-title-large-font, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand))));--scb-calendar-card-design-title-large-size:var(--scb-cards-title-large-size, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size, 20px)));--scb-calendar-card-design-title-large-line-height:var(--scb-cards-title-large-line-height, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 28px)));--scb-calendar-card-design-title-large-tracking:var(--scb-cards-title-large-tracking, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, var(--tracking-07, -0.5px))));--scb-calendar-card-design-title-large-weight:var(--scb-cards-title-large-weight, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700))));--scb-calendar-card-design-title-large-letter-spacing:var(--scb-cards-title-large-letter-spacing, var(--scb-cards-title-large-tracking, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, var(--tracking-07, -0.5px)))));--scb-calendar-card-design-title-large-font-weight:var(--scb-cards-title-large-font-weight, var(--scb-cards-title-large-weight, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700)))));--scb-calendar-card-design-subtitle-large-font:var(--scb-cards-subtitle-large-font, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand))));--scb-calendar-card-design-subtitle-large-size:var(--scb-cards-subtitle-large-size, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-calendar-card-design-subtitle-large-line-height:var(--scb-cards-subtitle-large-line-height, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-calendar-card-design-subtitle-large-tracking:var(--scb-cards-subtitle-large-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px))));--scb-calendar-card-design-subtitle-large-weight:var(--scb-cards-subtitle-large-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600))));--scb-calendar-card-design-subtitle-large-letter-spacing:var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-large-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px)))));--scb-calendar-card-design-subtitle-large-font-weight:var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-large-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-calendar-card-design-supporting-large-font:var(--scb-cards-supporting-large-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-calendar-card-design-supporting-large-size:var(--scb-cards-supporting-large-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-calendar-card-design-supporting-large-line-height:var(--scb-cards-supporting-large-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-calendar-card-design-supporting-large-tracking:var(--scb-cards-supporting-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-calendar-card-design-supporting-large-weight:var(--scb-cards-supporting-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-calendar-card-design-supporting-large-letter-spacing:var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-calendar-card-design-supporting-large-font-weight:var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))}`,p);t([i({type:String,reflect:!0})],a.prototype,"variant",void 0);t([i({type:String,attribute:"date"})],a.prototype,"date",void 0);t([i({type:String,reflect:!0})],a.prototype,"direction",void 0);t([i({type:String,reflect:!0,converter:g})],a.prototype,"title",void 0);t([i({type:String,attribute:"calendar-card-title",reflect:!0,converter:g})],a.prototype,"calendarCardTitle",void 0);t([i({type:String,reflect:!0,converter:g})],a.prototype,"subtitle",void 0);t([i({type:String,attribute:"supporting-text",reflect:!0,converter:g})],a.prototype,"supportingText",void 0);t([i({type:String,attribute:"card-href"})],a.prototype,"cardHref",void 0);t([i({type:String,attribute:"card-href-nav"})],a.prototype,"cardHrefNav",void 0);t([i({type:Boolean,reflect:!0,attribute:"show-media"})],a.prototype,"showMedia",void 0);t([i({type:String,attribute:"date-label-prefix"})],a.prototype,"dateLabelPrefix",void 0);t([i({type:String,attribute:"media-width"})],a.prototype,"mediaWidth",void 0);t([i({type:String,attribute:"media-height"})],a.prototype,"mediaHeight",void 0);t([i({type:String,attribute:"media-aspect"})],a.prototype,"mediaAspect",void 0);t([i({type:String,reflect:!0})],a.prototype,"width",void 0);t([i({type:String,reflect:!0,attribute:"max-width"})],a.prototype,"maxWidth",void 0);t([i({type:String,attribute:"min-width"})],a.prototype,"minWidth",void 0);t([i({type:String,reflect:!0})],a.prototype,"height",void 0);t([i({type:String,reflect:!0,attribute:"max-height"})],a.prototype,"maxHeight",void 0);t([i({type:String,attribute:"min-height"})],a.prototype,"minHeight",void 0);t([i({type:String,reflect:!0,converter:g})],a.prototype,"sizing",void 0);t([i({type:String,reflect:!0})],a.prototype,"spacing",void 0);t([i({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",void 0);t([i({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",void 0);t([i({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",void 0);t([i({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",void 0);a=t([C("scb-calendar-card")],a);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/lazy-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/preload-helper.js","../../vendor/lazy-ripple.js","../scb-list/scb-list.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/component-defaults.js","../../vendor/decorate.js","../scb-list/scb-list-item.js","../../vendor/component-size-token.js","../scb-icon-button/scb-icon-button.js","../../vendor/assertClassBrand.js","../../vendor/classPrivateMethodInitSpec.js","../scb-button/scb-button.js","../scb-link/scb-link.js","../../vendor/classPrivateFieldGet2.js","../scb-chip/scb-chip.js","../scb-avatar/scb-avatar.js","../scb-tooltip/scb-tooltip.js","../../vendor/icon.js","../../vendor/manual-popover.js","../../vendor/scb-card-variants.internal.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{g as l,h as ye,m as y,p as r,v as o,y as fe}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as m}from"../../vendor/preload-helper.js";import{t as ze}from"../../vendor/component-size-token.js";import{t as xe}from"../../vendor/component-defaults.js";import{t as s}from"../../vendor/decorate.js";(function(){try{var g=typeof globalThis<"u"?globalThis:window;if(!g.__scb_ce_guard_installed__){g.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,c){try{customElements.get(e)||t(e,i,c)}catch(p){var d=String(p||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var C,ke=new Set(["social-comments-text","social-comments","social-comments-disabled","social-comments-href","social-comments-link-label","social-likes-text","social-like-label","social-likes","social-likes-disabled","social-likes-hover-content","social-has-liked","social-likes-interactive","social-author","social-author-text","social-author-href","social-reply-enabled","social-reply-label","social-edit-enabled","social-edit-label","social-delete-enabled","social-delete-label"]),z="data-scb-card-managed-list-size",x="data-scb-card-managed-action-button-size",R="data-scb-card-managed-avatar-size",we=new Set(["small","medium","large"]),_e=new Set(["small","medium","large","extra-large"]),$,P,E,B,D,I,H,O,V,N;function Se(){return O??(O=m(()=>import("../../vendor/lazy-focus-ring.js").then(g=>g.i),__vite__mapDeps([0,1,2]),import.meta.url)),O}function U(){return V??(V=m(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),V}function Ae(){return $??($=m(()=>import("../scb-list/scb-list.js"),__vite__mapDeps([4,5,6,7,8,9,2,10]),import.meta.url)),$}function Te(){return P??(P=m(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([11,5,6,2,7,8,12,13]),import.meta.url)),P}function Le(){return E??(E=m(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([14,5,6,2,7,8,12,13]),import.meta.url)),E}function Ce(){return B??(B=m(()=>import("../scb-link/scb-link.js"),__vite__mapDeps([15,5,6,0,1,2,8,12,13,16]),import.meta.url)),B}function Re(){return D??(D=m(()=>import("../scb-chip/scb-chip.js"),__vite__mapDeps([17,5,6,2,8,12,13]),import.meta.url)),D}function $e(){return I??(I=m(()=>import("../scb-avatar/scb-avatar.js"),__vite__mapDeps([18,5,6,2,7,8,12,13]),import.meta.url)),I}function Pe(){return H??(H=m(()=>import("../scb-tooltip/scb-tooltip.js"),__vite__mapDeps([19,5,6,20,1,2,10,8,21]),import.meta.url)),H}function Ee(){return N??(N=m(()=>import("../../vendor/scb-card-variants.internal.js"),__vite__mapDeps([22,5,6]),import.meta.url)),N}var n={fromAttribute:g=>g??"",toAttribute:g=>typeof g!="string"||g.trim()===""?null:g},a=(C=class extends ye{constructor(...t){super(...t),this.__dependencyKey="",this.__focusRingRequested=!1,this.__focusRingLoaded=!1,this.__rippleRequested=!1,this.__rippleLoaded=!1,this.__pendingRippleClick=!1,this.__isSyncingManagedSocialAttributes=!1,this.type="standard",this.variant="standard",this.direction="dynamic",this.size=xe["scb-card"].size,this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.href="",this.title="",this.cardTitle="",this.subtitle="",this.vignette="",this.vignetteVariant="filled",this.vignetteSpacing=void 0,this.vignetteSpacingTop=void 0,this.vignetteSpacingBottom=void 0,this.vignetteSpacingLeft=void 0,this.vignetteSpacingRight=void 0,this.supportingText="",this.commentsText="",this.commentsDisabled=!1,this.commentsHref="",this.commentsLinkLabel="Gå till kommentarer",this.likesText="",this.likeLabel="",this.likesDisabled=!1,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!0,this.author=!1,this.authorText="",this.authorHref="",this.replyEnabled=!1,this.replyLabel="Svara",this.editEnabled=!1,this.editLabel="Redigera",this.deleteEnabled=!1,this.deleteLabel="Ta bort",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.innerPadding=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.__onImgLoad=e=>{const i=e.currentTarget.closest(".media");i&&i.classList.add("is-loaded")},this.__ensureRippleOnInteraction=(e,i=!1)=>{if(this.__primaryHref()){if(e&&(this.__pendingRippleEvent=e),i&&(this.__pendingRippleClick=!0),this.__rippleLoaded){this.__syncRipple();return}this.__rippleRequested||(this.__rippleRequested=!0,U().then(({ensureRippleReady:c})=>c()).then(()=>{this.__rippleLoaded=!0,this.requestUpdate(),this.updateComplete.then(()=>this.__syncRipple())}))}},this.__syncRipple=async()=>{const e=this.renderRoot.querySelector("md-ripple"),i=this.renderRoot.querySelector(".scb-card"),c=this.__pendingRippleEvent,d=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:p}=await U();await p(e,i,c,d)},this.__ensureFocusRingOnFocusVisible=()=>{this.__focusRingLoaded||this.__focusRingRequested||(this.__focusRingRequested=!0,Se().then(({ensureFocusRingReady:e})=>e()).then(()=>{this.__focusRingLoaded=!0,this.requestUpdate()}))},this.__onKeyDown=e=>{if(e.target!==e.currentTarget)return;const i=this.__primaryHref();(e.key==="Enter"||e.key===" ")&&i&&(e.preventDefault(),this.__ensureRippleOnInteraction(void 0,!0),this.__navigate(i,e))},this.__handleHrefNavigation=e=>{const i=this.__primaryHref();i&&(e.target.closest("a")||this.__navigate(i,e))},this.__handleSlottedCardLinkClick=e=>{const i=e.composedPath().find(c=>c instanceof HTMLAnchorElement&&c.getAttribute("slot")==="card-link")?.getAttribute("href")||this.__primaryHref();i&&(this.__dispatchCardNavigate(i,e)||e.preventDefault())}}attributeChangedCallback(t,e,i){this.__isSyncingManagedSocialAttributes&&ke.has(t)||super.attributeChangedCallback(t,e,i)}get likeButton(){return this.cardType!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(t){const e=(t||"").trim();if(!e)return{w:600,h:400};const i=e.includes("/")?e.split("/"):e.includes(":")?e.split(":"):e.includes("x")?e.split("x"):null;if(i&&i.length===2){const d=Number(i[0]),p=Number(i[1]);if(d>0&&p>0)return{w:d,h:p}}const c=Number(e);return isFinite(c)&&c>0?{w:1e3,h:Math.round(1e3/c)}:{w:600,h:400}}__mediaReserveAspect(t=""){const e=(this.mediaAspect||"").trim();if(e)return e;const i=Number(this.mediaWidth)||0,c=Number(this.mediaHeight)||0;return i>0&&c>0?`${i} / ${c}`:t}__mediaReserveStyle(t=""){const e=this.__mediaReserveAspect(t);return e?`--scb-card-media-aspect:${e};`:""}__slottedMediaAspect(){const t=this.querySelector('[slot="media"]');if(!t)return"";const e=Number(t.getAttribute("width"))||0,i=Number(t.getAttribute("height"))||0;return e>0&&i>0?`${e} / ${i}`:""}__isAvatarMedia(){return(this.mediaType||"").toLowerCase()==="avatar"?!0:this.querySelector(':scope > [slot="media"]')?.localName==="scb-avatar"}get __resolvedTitle(){return this.cardTitle||this.title}get cardType(){const t=(this.type||"standard").toLowerCase();switch(t){case"standard":case"list":case"social":case"link":case"action":case"container":return t;default:return"standard"}}__ensureVariantRenderer(){return this.cardType==="standard"||this.__variantRenderer?Promise.resolve():Ee().then(t=>{this.__variantRenderer!==t&&(this.__variantRenderer=t,t.ensureScbCardVariantStyles(this.renderRoot),this.requestUpdate())})}__dispatchCardNavigate(t,e){const i={href:t,originalEvent:e},c=new CustomEvent("card-navigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});if(this.dispatchEvent(c),c.defaultPrevented)return!1;const d=new CustomEvent("cardnavigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});return this.dispatchEvent(d),!d.defaultPrevented}__effectiveHref(){return this.cardHref||this.href}__slottedCardLink(){return this.querySelector(':scope > a[slot="card-link"]')}__primaryHref(){return this.__effectiveHref()||this.__slottedCardLink()?.getAttribute("href")||""}__navigate(t,e){t&&this.__dispatchCardNavigate(t,e)&&window.open(t,"_self")}__slotNames(){const t=new Set;for(const e of Array.from(this.children)){const i=e.getAttribute("slot");i&&t.add(i)}return t}__hasSlottedContent(t,e){return e?e.has(t):Array.from(this.children).some(i=>i.getAttribute("slot")===t)}__hasLightDomElement(t){return!!this.querySelector(t)}__syncListCardListSize(){const t=Array.from(this.querySelectorAll("scb-list"));if(this.cardType!=="list"){for(const i of t){const c=i.getAttribute(z);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(z)}return}const e=this.size||"large";for(const i of t){const c=i.getAttribute(z);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(z);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(z,e))}}__actionCardButtonSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-actions-button-size").trim();return we.has(t)?t:"medium"}__cardAvatarSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-avatar-component-size").trim();return _e.has(t)?t:"medium"}__syncAvatarSizes(){const t=Array.from(this.querySelectorAll(':scope > scb-avatar[slot="media"]')),e=this.__cardAvatarSize();for(const i of t){const c=i.getAttribute(R);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(R);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(R,e))}}__socialIconButtonSize(){return ze(this,"--scb-card-size-social-icon-button-component-size",["tiny","extra-small","small","medium","large"],this.size==="small"?"small":"medium")}__syncActionCardButtonSizes(){const t=Array.from(this.querySelectorAll(':scope > [slot="actions"] scb-button, :scope > scb-button[slot="actions"]'));if(this.cardType!=="action"){for(const i of t){const c=i.getAttribute(x);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(x)}return}const e=this.__actionCardButtonSize();for(const i of t){const c=i.getAttribute(x);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(x);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(x,e))}}__slottedText(t){return(this.querySelector(`:scope > [slot="${t}"]`)?.textContent??"").replace(/\s+/g," ").trim()}__ensureDependenciesReady(){const t=[],e=[],i=this.cardType,c=!!this.vignette?.trim(),d=(v,h)=>{e.push(v),t.push(h())};(i==="list"||this.__hasLightDomElement("scb-list, scb-list-item"))&&d("list",Ae),i!=="standard"&&d("card-variants",()=>this.__ensureVariantRenderer()),(i==="social"&&(!this.likesDisabled&&this.likesInteractive||!this.commentsDisabled&&this.commentsHref||this.replyEnabled||this.editEnabled||this.deleteEnabled)||this.__hasLightDomElement("scb-icon-button"))&&d("icon-button",Te),this.__hasLightDomElement("scb-button")&&d("button",Le),this.__hasLightDomElement("scb-link")&&d("link",Ce),(c||this.__hasLightDomElement("scb-chip"))&&d("chip",Re),((this.mediaType||"").toLowerCase()==="avatar"||this.__hasLightDomElement("scb-avatar"))&&d("avatar",$e),(i==="social"&&this.likesHoverContent||this.__hasLightDomElement("scb-tooltip"))&&d("tooltip",Pe);const p=e.sort().join("|");p!==this.__dependencyKey&&(this.__dependencyKey=p,t.length>0&&Promise.all(t).then(()=>this.requestUpdate()))}__mediaTemplate(t){const e=this.__isAvatarMedia();if(this.__hasSlottedContent("media",t)){const i=e?"":this.__mediaReserveStyle(this.__slottedMediaAspect());return o`
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/lazy-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/preload-helper.js","../../vendor/lazy-ripple.js","../scb-list/scb-list.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/component-defaults.js","../../vendor/decorate.js","../scb-list/scb-list-item.js","../../vendor/component-size-token.js","../scb-icon-button/scb-icon-button.js","../../vendor/assertClassBrand.js","../../vendor/classPrivateMethodInitSpec.js","../../vendor/aria-references.internal.js","../scb-button/scb-button.js","../scb-link/scb-link.js","../../vendor/classPrivateFieldGet2.js","../scb-chip/scb-chip.js","../scb-avatar/scb-avatar.js","../scb-tooltip/scb-tooltip.js","../../vendor/icon.js","../../vendor/manual-popover.js","../../vendor/scb-card-variants.internal.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{g as l,h as ye,m as y,p as r,v as o,y as fe}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as m}from"../../vendor/preload-helper.js";import{t as ze}from"../../vendor/component-size-token.js";import{t as xe}from"../../vendor/component-defaults.js";import{t as s}from"../../vendor/decorate.js";(function(){try{var g=typeof globalThis<"u"?globalThis:window;if(!g.__scb_ce_guard_installed__){g.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,c){try{customElements.get(e)||t(e,i,c)}catch(p){var d=String(p||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var C,ke=new Set(["social-comments-text","social-comments","social-comments-disabled","social-comments-href","social-comments-link-label","social-likes-text","social-like-label","social-likes","social-likes-disabled","social-likes-hover-content","social-has-liked","social-likes-interactive","social-author","social-author-text","social-author-href","social-reply-enabled","social-reply-label","social-edit-enabled","social-edit-label","social-delete-enabled","social-delete-label"]),z="data-scb-card-managed-list-size",x="data-scb-card-managed-action-button-size",R="data-scb-card-managed-avatar-size",we=new Set(["small","medium","large"]),_e=new Set(["small","medium","large","extra-large"]),$,P,E,B,D,I,H,O,V,N;function Se(){return O??(O=m(()=>import("../../vendor/lazy-focus-ring.js").then(g=>g.i),__vite__mapDeps([0,1,2]),import.meta.url)),O}function U(){return V??(V=m(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),V}function Ae(){return $??($=m(()=>import("../scb-list/scb-list.js"),__vite__mapDeps([4,5,6,7,8,9,2,10]),import.meta.url)),$}function Te(){return P??(P=m(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([11,5,6,2,7,8,12,13,14]),import.meta.url)),P}function Le(){return E??(E=m(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([15,5,6,2,7,8,12,13,14]),import.meta.url)),E}function Ce(){return B??(B=m(()=>import("../scb-link/scb-link.js"),__vite__mapDeps([16,5,6,0,1,2,8,12,13,17]),import.meta.url)),B}function Re(){return D??(D=m(()=>import("../scb-chip/scb-chip.js"),__vite__mapDeps([18,5,6,2,8,12,13]),import.meta.url)),D}function $e(){return I??(I=m(()=>import("../scb-avatar/scb-avatar.js"),__vite__mapDeps([19,5,6,2,7,8,12,13]),import.meta.url)),I}function Pe(){return H??(H=m(()=>import("../scb-tooltip/scb-tooltip.js"),__vite__mapDeps([20,5,6,21,1,2,10,8,22]),import.meta.url)),H}function Ee(){return N??(N=m(()=>import("../../vendor/scb-card-variants.internal.js"),__vite__mapDeps([23,5,6]),import.meta.url)),N}var n={fromAttribute:g=>g??"",toAttribute:g=>typeof g!="string"||g.trim()===""?null:g},a=(C=class extends ye{constructor(...t){super(...t),this.__dependencyKey="",this.__focusRingRequested=!1,this.__focusRingLoaded=!1,this.__rippleRequested=!1,this.__rippleLoaded=!1,this.__pendingRippleClick=!1,this.__isSyncingManagedSocialAttributes=!1,this.type="standard",this.variant="standard",this.direction="dynamic",this.size=xe["scb-card"].size,this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.href="",this.title="",this.cardTitle="",this.subtitle="",this.vignette="",this.vignetteVariant="filled",this.vignetteSpacing=void 0,this.vignetteSpacingTop=void 0,this.vignetteSpacingBottom=void 0,this.vignetteSpacingLeft=void 0,this.vignetteSpacingRight=void 0,this.supportingText="",this.commentsText="",this.commentsDisabled=!1,this.commentsHref="",this.commentsLinkLabel="Gå till kommentarer",this.likesText="",this.likeLabel="",this.likesDisabled=!1,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!0,this.author=!1,this.authorText="",this.authorHref="",this.replyEnabled=!1,this.replyLabel="Svara",this.editEnabled=!1,this.editLabel="Redigera",this.deleteEnabled=!1,this.deleteLabel="Ta bort",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.innerPadding=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.__onImgLoad=e=>{const i=e.currentTarget.closest(".media");i&&i.classList.add("is-loaded")},this.__ensureRippleOnInteraction=(e,i=!1)=>{if(this.__primaryHref()){if(e&&(this.__pendingRippleEvent=e),i&&(this.__pendingRippleClick=!0),this.__rippleLoaded){this.__syncRipple();return}this.__rippleRequested||(this.__rippleRequested=!0,U().then(({ensureRippleReady:c})=>c()).then(()=>{this.__rippleLoaded=!0,this.requestUpdate(),this.updateComplete.then(()=>this.__syncRipple())}))}},this.__syncRipple=async()=>{const e=this.renderRoot.querySelector("md-ripple"),i=this.renderRoot.querySelector(".scb-card"),c=this.__pendingRippleEvent,d=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:p}=await U();await p(e,i,c,d)},this.__ensureFocusRingOnFocusVisible=()=>{this.__focusRingLoaded||this.__focusRingRequested||(this.__focusRingRequested=!0,Se().then(({ensureFocusRingReady:e})=>e()).then(()=>{this.__focusRingLoaded=!0,this.requestUpdate()}))},this.__onKeyDown=e=>{if(e.target!==e.currentTarget)return;const i=this.__primaryHref();(e.key==="Enter"||e.key===" ")&&i&&(e.preventDefault(),this.__ensureRippleOnInteraction(void 0,!0),this.__navigate(i,e))},this.__handleHrefNavigation=e=>{const i=this.__primaryHref();i&&(e.target.closest("a")||this.__navigate(i,e))},this.__handleSlottedCardLinkClick=e=>{const i=e.composedPath().find(c=>c instanceof HTMLAnchorElement&&c.getAttribute("slot")==="card-link")?.getAttribute("href")||this.__primaryHref();i&&(this.__dispatchCardNavigate(i,e)||e.preventDefault())}}attributeChangedCallback(t,e,i){this.__isSyncingManagedSocialAttributes&&ke.has(t)||super.attributeChangedCallback(t,e,i)}get likeButton(){return this.cardType!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(t){const e=(t||"").trim();if(!e)return{w:600,h:400};const i=e.includes("/")?e.split("/"):e.includes(":")?e.split(":"):e.includes("x")?e.split("x"):null;if(i&&i.length===2){const d=Number(i[0]),p=Number(i[1]);if(d>0&&p>0)return{w:d,h:p}}const c=Number(e);return isFinite(c)&&c>0?{w:1e3,h:Math.round(1e3/c)}:{w:600,h:400}}__mediaReserveAspect(t=""){const e=(this.mediaAspect||"").trim();if(e)return e;const i=Number(this.mediaWidth)||0,c=Number(this.mediaHeight)||0;return i>0&&c>0?`${i} / ${c}`:t}__mediaReserveStyle(t=""){const e=this.__mediaReserveAspect(t);return e?`--scb-card-media-aspect:${e};`:""}__slottedMediaAspect(){const t=this.querySelector('[slot="media"]');if(!t)return"";const e=Number(t.getAttribute("width"))||0,i=Number(t.getAttribute("height"))||0;return e>0&&i>0?`${e} / ${i}`:""}__isAvatarMedia(){return(this.mediaType||"").toLowerCase()==="avatar"?!0:this.querySelector(':scope > [slot="media"]')?.localName==="scb-avatar"}get __resolvedTitle(){return this.cardTitle||this.title}get cardType(){const t=(this.type||"standard").toLowerCase();switch(t){case"standard":case"list":case"social":case"link":case"action":case"container":return t;default:return"standard"}}__ensureVariantRenderer(){return this.cardType==="standard"||this.__variantRenderer?Promise.resolve():Ee().then(t=>{this.__variantRenderer!==t&&(this.__variantRenderer=t,t.ensureScbCardVariantStyles(this.renderRoot),this.requestUpdate())})}__dispatchCardNavigate(t,e){const i={href:t,originalEvent:e},c=new CustomEvent("card-navigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});if(this.dispatchEvent(c),c.defaultPrevented)return!1;const d=new CustomEvent("cardnavigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});return this.dispatchEvent(d),!d.defaultPrevented}__effectiveHref(){return this.cardHref||this.href}__slottedCardLink(){return this.querySelector(':scope > a[slot="card-link"]')}__primaryHref(){return this.__effectiveHref()||this.__slottedCardLink()?.getAttribute("href")||""}__navigate(t,e){t&&this.__dispatchCardNavigate(t,e)&&window.open(t,"_self")}__slotNames(){const t=new Set;for(const e of Array.from(this.children)){const i=e.getAttribute("slot");i&&t.add(i)}return t}__hasSlottedContent(t,e){return e?e.has(t):Array.from(this.children).some(i=>i.getAttribute("slot")===t)}__hasLightDomElement(t){return!!this.querySelector(t)}__syncListCardListSize(){const t=Array.from(this.querySelectorAll("scb-list"));if(this.cardType!=="list"){for(const i of t){const c=i.getAttribute(z);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(z)}return}const e=this.size||"large";for(const i of t){const c=i.getAttribute(z);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(z);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(z,e))}}__actionCardButtonSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-actions-button-size").trim();return we.has(t)?t:"medium"}__cardAvatarSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-avatar-component-size").trim();return _e.has(t)?t:"medium"}__syncAvatarSizes(){const t=Array.from(this.querySelectorAll(':scope > scb-avatar[slot="media"]')),e=this.__cardAvatarSize();for(const i of t){const c=i.getAttribute(R);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(R);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(R,e))}}__socialIconButtonSize(){return ze(this,"--scb-card-size-social-icon-button-component-size",["tiny","extra-small","small","medium","large"],this.size==="small"?"small":"medium")}__syncActionCardButtonSizes(){const t=Array.from(this.querySelectorAll(':scope > [slot="actions"] scb-button, :scope > scb-button[slot="actions"]'));if(this.cardType!=="action"){for(const i of t){const c=i.getAttribute(x);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(x)}return}const e=this.__actionCardButtonSize();for(const i of t){const c=i.getAttribute(x);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(x);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(x,e))}}__slottedText(t){return(this.querySelector(`:scope > [slot="${t}"]`)?.textContent??"").replace(/\s+/g," ").trim()}__ensureDependenciesReady(){const t=[],e=[],i=this.cardType,c=!!this.vignette?.trim(),d=(v,h)=>{e.push(v),t.push(h())};(i==="list"||this.__hasLightDomElement("scb-list, scb-list-item"))&&d("list",Ae),i!=="standard"&&d("card-variants",()=>this.__ensureVariantRenderer()),(i==="social"&&(!this.likesDisabled&&this.likesInteractive||!this.commentsDisabled&&this.commentsHref||this.replyEnabled||this.editEnabled||this.deleteEnabled)||this.__hasLightDomElement("scb-icon-button"))&&d("icon-button",Te),this.__hasLightDomElement("scb-button")&&d("button",Le),this.__hasLightDomElement("scb-link")&&d("link",Ce),(c||this.__hasLightDomElement("scb-chip"))&&d("chip",Re),((this.mediaType||"").toLowerCase()==="avatar"||this.__hasLightDomElement("scb-avatar"))&&d("avatar",$e),(i==="social"&&this.likesHoverContent||this.__hasLightDomElement("scb-tooltip"))&&d("tooltip",Pe);const p=e.sort().join("|");p!==this.__dependencyKey&&(this.__dependencyKey=p,t.length>0&&Promise.all(t).then(()=>this.requestUpdate()))}__mediaTemplate(t){const e=this.__isAvatarMedia();if(this.__hasSlottedContent("media",t)){const i=e?"":this.__mediaReserveStyle(this.__slottedMediaAspect());return o`
|
|
3
3
|
<div class="media ${e?"avatar-media":""} ${i?"has-reserved-space":""}" style=${i||l}>
|
|
4
4
|
<slot name="media"></slot>
|
|
5
5
|
</div>
|