scb-wc 0.1.237 → 0.1.239
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/README.md +19 -16
- package/all.d.ts +14 -0
- package/all.js +14 -0
- package/index.js +99 -85
- package/mvc/components/all.js +9 -0
- package/mvc/components/scb-accordion/scb-accordion-item.js +1 -1
- package/mvc/components/scb-accordion/scb-accordion.js +1 -1
- package/mvc/components/scb-app-bar/scb-app-bar.js +1 -1
- package/mvc/components/scb-button/scb-button.js +3 -3
- package/mvc/components/scb-calendar/scb-calendar.js +1 -1
- package/mvc/components/scb-calendar-card/scb-calendar-card.js +4 -4
- package/mvc/components/scb-card/scb-card.js +2 -2
- package/mvc/{vendor → components/scb-chevron}/scb-chevron.js +1 -1
- package/mvc/components/scb-cookies-consent/scb-cookies-consent.js +1 -1
- package/mvc/components/scb-datepicker/scb-datepicker.js +143 -0
- package/mvc/components/scb-dialog/scb-dialog.js +1 -1
- package/mvc/components/scb-drawer/scb-drawer.js +3 -3
- package/mvc/components/scb-drop-zone/scb-drop-zone.js +1 -1
- package/mvc/components/scb-dropdown/scb-dropdown.js +1 -1
- package/mvc/components/scb-fact-card/scb-fact-card.js +1 -1
- package/mvc/components/scb-header/scb-header.js +2 -2
- package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js +6 -6
- package/mvc/components/scb-icon-button/scb-icon-button.js +5 -5
- package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +6 -6
- package/mvc/components/scb-link/scb-link.js +1 -1
- package/mvc/components/scb-link-button/scb-link-button.js +1 -1
- package/mvc/components/scb-list/scb-list-item.js +6 -6
- package/mvc/components/scb-menu/scb-menu-item.js +3 -3
- package/mvc/components/scb-menu/scb-menu.js +5 -5
- package/mvc/components/scb-nav/scb-nav.js +1 -1
- package/mvc/components/scb-notification-card/scb-notification-card.js +1 -1
- package/mvc/components/scb-options-menu/scb-options-menu-item.js +1 -1
- package/mvc/components/scb-options-menu/scb-options-menu.js +2 -2
- package/mvc/components/scb-options-menu/scb-options-sub-menu.js +1 -1
- package/mvc/components/scb-overlay/scb-overlay.js +3 -3
- package/mvc/components/scb-pagination/scb-pagination.js +1 -1
- package/mvc/components/scb-progress-stepper/scb-progress-step.js +1 -1
- package/mvc/components/scb-search/scb-search.js +3 -3
- package/mvc/components/scb-segmented-button/scb-segmented-item.js +1 -1
- package/mvc/components/scb-select/scb-select-option.js +1 -1
- package/mvc/components/scb-select/scb-select.js +1 -1
- package/mvc/components/scb-snackbar/scb-snackbar.js +1 -1
- package/mvc/components/scb-stepper/scb-step.js +1 -1
- package/mvc/components/scb-table/scb-table.js +1 -1
- package/mvc/components/scb-table-advanced/scb-table-advanced.js +1 -1
- package/mvc/components/scb-table-next/read-table.js +1 -0
- package/mvc/components/scb-table-next/scb-table-next.js +6 -0
- package/mvc/components/scb-textfield/scb-textfield.js +34 -176
- package/mvc/components/scb-toc/scb-toc-item.js +1 -1
- package/mvc/components/scb-tooltip/scb-tooltip.js +1 -1
- package/mvc/{vendor → components/shared}/component-size-token.js +1 -1
- package/mvc/components/shared/lazy-focus-ring.js +2 -0
- package/mvc/components/shared/lazy-ripple.js +2 -0
- package/mvc/{vendor → components/shared}/manual-popover.js +1 -1
- package/mvc/components/shared/scb-icon-svg.js +11 -0
- package/package.json +12 -2
- package/scb-components/index.d.ts +108 -0
- package/scb-components/scb-table-next/read-table.d.ts +29 -0
- package/scb-components/scb-table-next/scb-table-next.d.ts +22 -0
- package/scb-components/scb-viz/scb-viz-actions-runtime.d.ts +26 -0
- package/scb-components/scb-viz/scb-viz-print-runtime.d.ts +30 -0
- package/scb-components/scb-viz/scb-viz-series-differentiation-registry.d.ts +21 -0
- package/scb-components/scb-viz/scb-viz-series-differentiation-runtime.d.ts +42 -0
- package/scb-components/scb-viz/scb-viz-table-runtime.d.ts +28 -0
- package/scb-components/shared/component-size-token.d.ts +1 -0
- package/scb-components/shared/lazy-focus-ring.d.ts +4 -0
- package/scb-components/shared/lazy-ripple.d.ts +9 -0
- package/scb-components/shared/manual-popover.d.ts +7 -0
- package/scb-components/shared/scb-icon-svg.d.ts +3 -0
- package/scb-menu/scb-menu-item.js +7 -1
- package/scb-menu/scb-menu.js +3 -0
- package/scb-table-next/read-table.js +87 -0
- package/scb-table-next/scb-table-next.js +226 -0
- package/scb-viz/scb-viz-series-differentiation-registry.js +10 -7
- package/scb-viz/scb-viz.js +43 -43
- package/scb-wc.bundle.js +417 -287
- package/scb-wc.d.ts +28 -0
- package/shared/scb-icon-svg.js +5 -2
- package/mvc/vendor/lazy-focus-ring.js +0 -2
- package/mvc/vendor/lazy-ripple.js +0 -2
- package/mvc/vendor/scb-icon-svg.js +0 -11
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["
|
|
2
|
-
import{h as x,m as z,p as a,v as g,y as S}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as h}from"../../vendor/preload-helper.js";import{t as R}from"../../vendor/component-defaults.js";import{t}from"../../vendor/decorate.js";(function(){try{var
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../shared/lazy-focus-ring.js","../../vendor/preload-helper.js","../shared/lazy-ripple.js","../../vendor/icon.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/vendor-lit.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{h as x,m as z,p as a,v as g,y as S}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as h}from"../../vendor/preload-helper.js";import{t as R}from"../../vendor/component-defaults.js";import{t}from"../../vendor/decorate.js";(function(){try{var l=typeof globalThis<"u"?globalThis:window;if(!l.__scb_ce_guard_installed__){l.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,s,c){try{customElements.get(i)||e(i,s,c)}catch(d){var n=String(d||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var p,$={fromAttribute:l=>l??"",toAttribute:l=>typeof l!="string"||l.trim()===""?null:l},y,b,f;function P(){return y??(y=h(()=>import("../shared/lazy-focus-ring.js"),__vite__mapDeps([0,1]),import.meta.url)),y}function _(){return b??(b=h(()=>import("../shared/lazy-ripple.js"),__vite__mapDeps([2,1]),import.meta.url)),b}function E(){return f??(f=h(()=>import("../../vendor/icon.js").then(l=>l.t),__vite__mapDeps([3,4,5,6]),import.meta.url)),f}var r=(p=class extends x{constructor(...e){super(...e),this.__focusRingRequested=!1,this.__focusRingLoaded=!1,this.__rippleRequested=!1,this.__rippleLoaded=!1,this.__pendingRippleClick=!1,this.keyfigure=0,this.subtitle="",this.supportingText="",this.cardHref="",this.href="",this.icon="",this.size=R["scb-keyfigure-card"].size,this.unit="",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.sizing="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__onPointerInteraction=i=>{this.__ensureRipple(i)},this.__ensureFocusRingOnFocusVisible=()=>{this.__focusRingLoaded||this.__focusRingRequested||(this.__focusRingRequested=!0,P().then(({ensureFocusRingReady:i})=>i()).then(()=>{this.__focusRingLoaded=!0,this.requestUpdate()}))},this.__onKeyDown=i=>{const s=this.__effectiveHref;(i.key==="Enter"||i.key===" ")&&s&&(i.preventDefault(),this.__navigate(s,i))},this.__handleHrefNavigation=i=>{const s=this.__effectiveHref;s&&((!this.__rippleLoaded||this.__pendingRippleEvent)&&(this.__pendingRippleClick=!0,this.__ensureRipple()),!i.target.closest("a")&&this.__navigate(s,i))}}formatNumber(e){if(typeof e=="number")return e.toLocaleString("sv-SE").replace(/\u00A0/g," ");const i=Number(e);return Number.isNaN(i)?String(e):i.toLocaleString("sv-SE").replace(/\u00A0/g," ")}firstUpdated(){this.__applyInnerSizing(),this.__applySpacing(),this.__ensureSlottedIconDeps()}get __effectiveHref(){return(this.cardHref||this.href||"").trim()}__hasSlottedContent(e){return!!this.querySelector(`[slot="${e}"]`)}__slottedText(e){return Array.from(this.querySelectorAll(`[slot="${e}"]`)).map(i=>i.textContent?.trim()??"").filter(Boolean).join(" ")}async __ensureSlottedIconDeps(){const e=this.querySelector('[slot="icon"]');e&&(e.localName==="md-icon"||e.querySelector?.("md-icon"))&&await E()}__ensureRipple(e){if(this.__effectiveHref){if(e&&(this.__pendingRippleEvent=e),this.__rippleLoaded){this.__syncRipple();return}this.__rippleRequested||(this.__rippleRequested=!0,_().then(({ensureRippleReady:i})=>i()).then(()=>{this.__rippleLoaded=!0,this.requestUpdate(),this.updateComplete.then(()=>this.__syncRipple())}))}}async __syncRipple(){const e=this.renderRoot.querySelector("md-ripple"),i=this.renderRoot.querySelector(".scb-keyfigure-card"),s=this.__pendingRippleEvent,c=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:n}=await _();await n(e,i,s,c)}render(){const e=this.__effectiveHref,i=!!e,s=this.formatNumber(this.keyfigure),c=(this.unit||"").trim(),n=c?`${s} ${c}`:s,d=this.__hasSlottedContent("icon"),u=this.__hasSlottedContent("subtitle"),v=this.__hasSlottedContent("supporting-text"),o=u?this.__slottedText("subtitle"):this.subtitle,k=this.supportingText,m=u||!!o,w=v||!!k;return g`
|
|
3
3
|
<div
|
|
4
4
|
class="scb-keyfigure-card ${i?"clickable":""} ${this.size}"
|
|
5
5
|
role=${i?"link":"group"}
|
|
6
6
|
tabindex=${i?"0":"-1"}
|
|
7
|
-
aria-label=${o||
|
|
7
|
+
aria-label=${o||n}
|
|
8
8
|
@click=${i?this.__handleHrefNavigation:null}
|
|
9
9
|
@keydown=${i?this.__onKeyDown:null}
|
|
10
10
|
@focusin=${i?this.__ensureFocusRingOnFocusVisible:null}
|
|
@@ -16,8 +16,8 @@ import{h as x,m as z,p as a,v as g,y as S}from"../../vendor/vendor.js";import"..
|
|
|
16
16
|
|
|
17
17
|
${this.keyfigure!==void 0&&this.keyfigure!==null&&this.keyfigure!==""?g`
|
|
18
18
|
<div class="keyfigure">
|
|
19
|
-
<span class="value" aria-label="${
|
|
20
|
-
${s}${
|
|
19
|
+
<span class="value" aria-label="${n}">
|
|
20
|
+
${s}${c?g`<span class="unit" aria-hidden="true">${c}</span>`:""}
|
|
21
21
|
</span>
|
|
22
22
|
${i?g`<span class="card-icon" aria-hidden="true">arrow_forward</span>`:""}
|
|
23
23
|
</div>
|
|
@@ -40,4 +40,4 @@ import{h as x,m as z,p as a,v as g,y as S}from"../../vendor/vendor.js";import"..
|
|
|
40
40
|
</div>
|
|
41
41
|
|
|
42
42
|
${i&&this.__focusRingLoaded?g`<md-focus-ring></md-focus-ring>`:""}
|
|
43
|
-
`}__applyInnerSizing(){const e=this.renderRoot.querySelector(".scb-keyfigure-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"))}updated(e){super.updated(e),e.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),(e.has("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()}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,s=this.mapSpacingToken(this.spacingBottom)??e,n=this.mapSpacingToken(this.spacingLeft),l=this.mapSpacingToken(this.spacingRight);i?this.style.setProperty("--scb-keyfigure-card-spacing-block-start",i):this.style.removeProperty("--scb-keyfigure-card-spacing-block-start"),s?this.style.setProperty("--scb-keyfigure-card-spacing-block-end",s):this.style.removeProperty("--scb-keyfigure-card-spacing-block-end"),n?this.style.setProperty("--scb-keyfigure-card-spacing-inline-start",n):this.style.removeProperty("--scb-keyfigure-card-spacing-inline-start"),l?this.style.setProperty("--scb-keyfigure-card-spacing-inline-end",l):this.style.removeProperty("--scb-keyfigure-card-spacing-inline-end")}__dispatchNavigateEvents(e,i){const s={href:e},n=new CustomEvent("card-navigate",{detail:s,bubbles:!0,composed:!0,cancelable:!0}),l=new CustomEvent("cardnavigate",{detail:s,bubbles:!0,composed:!0,cancelable:!0});return this.dispatchEvent(n)&&this.dispatchEvent(l)}__navigate(e,i){this.__dispatchNavigateEvents(e,i)&&(window.location.href=e)}},p.styles=S`:host{--scb-cards-title-font-weight-current:var(--scb-keyfigure-card-design-subtitle-font-weight);--scb-cards-title-letter-spacing-current:var(--scb-keyfigure-card-design-subtitle-letter-spacing);--scb-cards-title-line-height-current:var(--scb-keyfigure-card-design-subtitle-line-height);--scb-cards-title-tracking-current:var(--scb-keyfigure-card-design-subtitle-tracking);--scb-cards-title-weight-current:var(--scb-keyfigure-card-design-subtitle-weight);--scb-cards-title-size-current:var(--scb-keyfigure-card-design-subtitle-size);--scb-cards-title-font-current:var(--scb-keyfigure-card-design-subtitle-font);--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-large-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-large-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-large-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-large-tracking, var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-large-weight, var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-large-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-large-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-large-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-large-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-large-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-large-tracking, var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-large-weight, var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-large-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-large-font, var(--scb-cards-supporting-font));display:block;box-sizing:border-box;position:relative;inline-size:100%;min-inline-size:0;padding:var(--scb-keyfigure-card-focus-ring-gap, 4px);margin-block-start:var(--scb-keyfigure-card-spacing-block-start, 0);margin-block-end:var(--scb-keyfigure-card-spacing-block-end, 0);margin-inline-start:var(--scb-keyfigure-card-spacing-inline-start, 0);margin-inline-end:var(--scb-keyfigure-card-spacing-inline-end, 0);--scb-keyfigure-card-padding-block:var(--scb-keyfigure-card-padding, var(--scb-keyfigure-card-design-content-padding-block-large));--scb-keyfigure-card-padding-inline:var(--scb-keyfigure-card-padding, var(--scb-keyfigure-card-design-content-padding-inline-large));--scb-keyfigure-card-surface-radius:var(--scb-keyfigure-card-design-surface-radius);--scb-keyfigure-card-gap:var(--scb-cards-gap-large, var(--spacing-4, 12px));--scb-keyfigure-card-keyfigure-gap:var(--scb-keyfigure-card-design-keyfigure-gap-large);--scb-keyfigure-card-value-font-family:var(--scb-keyfigure-card-design-keyfigure-value-text-large-font);--scb-keyfigure-card-value-size:var(--scb-keyfigure-card-design-keyfigure-value-text-large-size);--scb-keyfigure-card-value-font-weight:var(--scb-keyfigure-card-design-keyfigure-value-text-large-font-weight);--scb-keyfigure-card-value-line-height:var(--scb-keyfigure-card-design-keyfigure-value-text-large-line-height);--scb-keyfigure-card-value-letter-spacing:var(--scb-keyfigure-card-design-keyfigure-value-text-large-letter-spacing);--scb-keyfigure-card-subtitle-font-family:var(--scb-keyfigure-card-design-subtitle-font);--scb-keyfigure-card-subtitle-size:var(--scb-keyfigure-card-design-subtitle-size);--scb-keyfigure-card-subtitle-font-weight:var(--scb-keyfigure-card-design-subtitle-weight);--scb-keyfigure-card-subtitle-line-height:var(--scb-keyfigure-card-design-subtitle-line-height);--scb-keyfigure-card-subtitle-letter-spacing:var(--scb-keyfigure-card-design-subtitle-tracking);--scb-keyfigure-card-supporting-font-family:var(--scb-keyfigure-card-design-supporting-font);--scb-keyfigure-card-supporting-size:var(--scb-keyfigure-card-design-supporting-size);--scb-keyfigure-card-supporting-font-weight:var(--scb-keyfigure-card-design-supporting-weight);--scb-keyfigure-card-supporting-line-height:var(--scb-keyfigure-card-design-supporting-line-height);--scb-keyfigure-card-supporting-letter-spacing:var(--scb-keyfigure-card-design-supporting-tracking)}:host([size='small']){--scb-keyfigure-card-padding-block:var(--scb-keyfigure-card-padding, var(--scb-keyfigure-card-design-content-padding-block-small));--scb-keyfigure-card-padding-inline:var(--scb-keyfigure-card-padding, var(--scb-keyfigure-card-design-content-padding-inline-small));--scb-keyfigure-card-gap:var(--scb-keyfigure-card-design-keyfigure-gap-small);--scb-keyfigure-card-keyfigure-gap:var(--scb-keyfigure-card-design-keyfigure-gap-small);--scb-keyfigure-card-value-font-family:var(--scb-keyfigure-card-design-keyfigure-value-text-small-font);--scb-keyfigure-card-value-size:var(--scb-keyfigure-card-design-keyfigure-value-text-small-size);--scb-keyfigure-card-value-font-weight:var(--scb-keyfigure-card-design-keyfigure-value-text-small-font-weight);--scb-keyfigure-card-value-line-height:var(--scb-keyfigure-card-design-keyfigure-value-text-small-line-height);--scb-keyfigure-card-value-letter-spacing:var(--scb-keyfigure-card-design-keyfigure-value-text-small-letter-spacing)}.scb-keyfigure-card,.scb-keyfigure-card .keyfigure,.scb-keyfigure-card .value{font-variant-numeric:proportional-nums!important;font-feature-settings:"tnum"0,"pnum"1}: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"]) .scb-keyfigure-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-keyfigure-card-focus-ring-radius, var(--scb-keyfigure-card-surface-radius, var(--md-sys-shape-corner-large, 16px)))}.scb-keyfigure-card:focus-visible+md-focus-ring{display:block}.scb-keyfigure-card{color:var(--scb-keyfigure-card-content-color, var(--md-sys-color-on-surface, var(--p-20)));font-family:var(--brand-font, "Inter", sans-serif);display:flex;flex-direction:column;gap:var(--scb-keyfigure-card-gap);position:relative;border-radius:var(--scb-keyfigure-card-surface-radius, var(--md-sys-shape-corner-large, 16px));background:var(--scb-keyfigure-card-surface-color, var(--md-sys-color-surface-dim, var(--nv-95)));padding-block:var(--scb-keyfigure-card-padding-block);padding-inline:var(--scb-keyfigure-card-padding-inline);box-sizing:border-box;inline-size:100%;max-inline-size:100%;overflow:hidden}.scb-keyfigure-card:focus,.scb-keyfigure-card:focus-visible{outline:0}.keyfigure{display:flex;justify-content:space-between;align-items:center;gap:var(--scb-keyfigure-card-keyfigure-gap);font-family:var(--scb-keyfigure-card-value-font-family);font-size:var(--scb-keyfigure-card-value-size);font-weight:var(--scb-keyfigure-card-value-font-weight);line-height:var(--scb-keyfigure-card-value-line-height);letter-spacing:var(--scb-keyfigure-card-value-letter-spacing)}.keyfigure .value{display:flex;flex-direction:column;white-space:nowrap}.keyfigure .unit{font-family:var(--scb-keyfigure-card-supporting-font-family);font-size:var(--scb-keyfigure-card-supporting-size);font-weight:var(--scb-keyfigure-card-supporting-font-weight);line-height:var(--scb-keyfigure-card-supporting-line-height);letter-spacing:var(--scb-keyfigure-card-supporting-letter-spacing);white-space:nowrap}.card-icon,.icon-slot{display:inline-flex;inline-size:fit-content}.card-icon{align-items:center;inline-size:1em;block-size:1em;overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-keyfigure-card-design-keyfigure-navigation-icon);line-height:1;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:"FILL"0,"wght"400,"GRAD"0,"opsz"24;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card-icon.scb-svg-icon{fill:currentColor;font:inherit}.card-icon.leading{font-size:var(--scb-keyfigure-card-design-keyfigure-icon)}.sub-label{font-family:var(--scb-keyfigure-card-subtitle-font-family);font-size:var(--scb-keyfigure-card-subtitle-size);font-weight:var(--scb-keyfigure-card-subtitle-font-weight);line-height:var(--scb-keyfigure-card-subtitle-line-height);letter-spacing:var(--scb-keyfigure-card-subtitle-letter-spacing);white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:auto;overflow:visible;text-overflow:clip}.details{display:flex;flex-direction:column;gap:var(--scb-keyfigure-card-design-keyfigure-details-gap)}.sub-label a{color:inherit;text-decoration:none}.sub-label ::slotted(*){color:inherit;font-family:var(--scb-keyfigure-card-subtitle-font-family)!important;font-size:var(--scb-keyfigure-card-subtitle-size)!important;font-weight:var(--scb-keyfigure-card-subtitle-font-weight)!important;line-height:var(--scb-keyfigure-card-subtitle-line-height)!important;letter-spacing:var(--scb-keyfigure-card-subtitle-letter-spacing)!important;margin:0}.supporting-text{font-family:var(--scb-keyfigure-card-supporting-font-family);font-size:var(--scb-keyfigure-card-supporting-size);font-weight:var(--scb-keyfigure-card-supporting-font-weight);line-height:var(--scb-keyfigure-card-supporting-line-height);letter-spacing:var(--scb-keyfigure-card-supporting-letter-spacing);white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:auto;overflow:visible;text-overflow:clip}.supporting-text ::slotted(*){color:inherit;font-family:var(--scb-keyfigure-card-supporting-font-family)!important;font-weight:var(--scb-keyfigure-card-supporting-font-weight)!important;--scb-link-font-size:var(--scb-keyfigure-card-supporting-size);--scb-link-line-height:var(--scb-keyfigure-card-supporting-line-height);--scb-link-letter-spacing:var(--scb-keyfigure-card-supporting-letter-spacing);margin:0}.supporting-text ::slotted(*),.supporting-text ::slotted(a){font-size:var(--scb-keyfigure-card-supporting-size)!important;line-height:var(--scb-keyfigure-card-supporting-line-height)!important;letter-spacing:var(--scb-keyfigure-card-supporting-letter-spacing)!important}.supporting-text ::slotted(scb-link){--scb-link-font-size:var(--scb-keyfigure-card-supporting-size);--scb-link-line-height:var(--scb-keyfigure-card-supporting-line-height);--scb-link-letter-spacing:var(--scb-keyfigure-card-supporting-letter-spacing)}.scb-keyfigure-card.clickable{cursor:pointer}:host{--scb-keyfigure-card-design-content-padding-block-small:var(--scb-cards-content-padding-block-medium, var(--spacing-6, 20px));--scb-keyfigure-card-design-content-padding-block-large:var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px));--scb-keyfigure-card-design-content-padding-inline-small:var(--scb-cards-content-padding-block-medium, var(--spacing-6, 20px));--scb-keyfigure-card-design-content-padding-inline-large:var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px));--scb-keyfigure-card-design-surface-radius-small:var(--scb-cards-surface-radius-large, var(--radius-large, 16px));--scb-keyfigure-card-design-surface-radius-large:var(--scb-cards-surface-radius-large, var(--radius-large, 16px));--scb-keyfigure-card-design-surface-radius:var(--scb-keyfigure-card-design-surface-radius-large);--scb-keyfigure-card-design-keyfigure-gap-small:var(--scb-cards-keyfigure-gap-small, var(--spacing-4, 12px));--scb-keyfigure-card-design-keyfigure-gap-large:var(--scb-cards-keyfigure-gap-large, var(--spacing-4, 12px));--scb-keyfigure-card-design-keyfigure-icon-small:var(--scb-keyfigure-card-icon-size, var(--icon-size-extra-large, 36px));--scb-keyfigure-card-design-keyfigure-icon-large:var(--scb-keyfigure-card-icon-size, var(--icon-size-extra-large, 36px));--scb-keyfigure-card-design-keyfigure-icon:var(--scb-keyfigure-card-design-keyfigure-icon-large);--scb-keyfigure-card-design-keyfigure-navigation-icon-small:var(--scb-keyfigure-card-navigation-icon-size, var(--icon-size-medium, 24px));--scb-keyfigure-card-design-keyfigure-navigation-icon-large:var(--scb-keyfigure-card-navigation-icon-size, var(--icon-size-medium, 24px));--scb-keyfigure-card-design-keyfigure-navigation-icon:var(--scb-keyfigure-card-design-keyfigure-navigation-icon-large);--scb-keyfigure-card-design-keyfigure-details-gap-small:var(--scb-keyfigure-card-details-gap, var(--spacing-3, 8px));--scb-keyfigure-card-design-keyfigure-details-gap-large:var(--scb-keyfigure-card-details-gap, var(--spacing-3, 8px));--scb-keyfigure-card-design-keyfigure-details-gap:var(--scb-keyfigure-card-design-keyfigure-details-gap-large);--scb-keyfigure-card-design-subtitle-small-font:var(--scb-cards-title-large-font, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand))));--scb-keyfigure-card-design-subtitle-small-size:var(--scb-cards-title-large-size, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size, 20px)));--scb-keyfigure-card-design-subtitle-small-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-keyfigure-card-design-subtitle-small-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-keyfigure-card-design-subtitle-small-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-keyfigure-card-design-subtitle-small-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-keyfigure-card-design-subtitle-small-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-keyfigure-card-design-subtitle-large-font:var(--scb-cards-title-large-font, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand))));--scb-keyfigure-card-design-subtitle-large-size:var(--scb-cards-title-large-size, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size, 20px)));--scb-keyfigure-card-design-subtitle-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-keyfigure-card-design-subtitle-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-keyfigure-card-design-subtitle-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-keyfigure-card-design-subtitle-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-keyfigure-card-design-subtitle-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-keyfigure-card-design-subtitle-font:var(--scb-keyfigure-card-design-subtitle-large-font);--scb-keyfigure-card-design-subtitle-size:var(--scb-keyfigure-card-design-subtitle-large-size);--scb-keyfigure-card-design-subtitle-line-height:var(--scb-keyfigure-card-design-subtitle-large-line-height);--scb-keyfigure-card-design-subtitle-tracking:var(--scb-keyfigure-card-design-subtitle-large-tracking);--scb-keyfigure-card-design-subtitle-weight:var(--scb-keyfigure-card-design-subtitle-large-weight);--scb-keyfigure-card-design-subtitle-letter-spacing:var(--scb-keyfigure-card-design-subtitle-large-letter-spacing);--scb-keyfigure-card-design-subtitle-font-weight:var(--scb-keyfigure-card-design-subtitle-large-font-weight);--scb-keyfigure-card-design-supporting-small-font:var(--scb-cards-supporting-body-medium-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand))));--scb-keyfigure-card-design-supporting-small-size:var(--scb-cards-supporting-body-medium-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-keyfigure-card-design-supporting-small-line-height:var(--scb-cards-supporting-body-medium-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-keyfigure-card-design-supporting-small-tracking:var(--scb-cards-supporting-body-medium-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px))));--scb-keyfigure-card-design-supporting-small-weight:var(--scb-cards-supporting-body-medium-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-keyfigure-card-design-supporting-small-letter-spacing:var(--scb-cards-supporting-body-medium-letter-spacing, var(--scb-cards-supporting-body-medium-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px)))));--scb-keyfigure-card-design-supporting-small-font-weight:var(--scb-cards-supporting-body-medium-font-weight, var(--scb-cards-supporting-body-medium-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400)))));--scb-keyfigure-card-design-supporting-large-font:var(--scb-cards-supporting-body-medium-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand))));--scb-keyfigure-card-design-supporting-large-size:var(--scb-cards-supporting-body-medium-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-keyfigure-card-design-supporting-large-line-height:var(--scb-cards-supporting-body-medium-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-keyfigure-card-design-supporting-large-tracking:var(--scb-cards-supporting-body-medium-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px))));--scb-keyfigure-card-design-supporting-large-weight:var(--scb-cards-supporting-body-medium-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-keyfigure-card-design-supporting-large-letter-spacing:var(--scb-cards-supporting-body-medium-letter-spacing, var(--scb-cards-supporting-body-medium-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px)))));--scb-keyfigure-card-design-supporting-large-font-weight:var(--scb-cards-supporting-body-medium-font-weight, var(--scb-cards-supporting-body-medium-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400)))));--scb-keyfigure-card-design-supporting-font:var(--scb-keyfigure-card-design-supporting-large-font);--scb-keyfigure-card-design-supporting-size:var(--scb-keyfigure-card-design-supporting-large-size);--scb-keyfigure-card-design-supporting-line-height:var(--scb-keyfigure-card-design-supporting-large-line-height);--scb-keyfigure-card-design-supporting-tracking:var(--scb-keyfigure-card-design-supporting-large-tracking);--scb-keyfigure-card-design-supporting-weight:var(--scb-keyfigure-card-design-supporting-large-weight);--scb-keyfigure-card-design-supporting-letter-spacing:var(--scb-keyfigure-card-design-supporting-large-letter-spacing);--scb-keyfigure-card-design-supporting-font-weight:var(--scb-keyfigure-card-design-supporting-large-font-weight);--scb-keyfigure-card-design-keyfigure-value-text-small-font:var(--scb-cards-keyfigure-value-small-font, var(--scb-typography-headline-large-font, var(--md-sys-typescale-headline-large-font, var(--brand))));--scb-keyfigure-card-design-keyfigure-value-text-small-size:var(--scb-cards-keyfigure-value-small-size, var(--scb-typography-headline-large-size, var(--md-sys-typescale-headline-large-size, 24px)));--scb-keyfigure-card-design-keyfigure-value-text-small-line-height:var(--scb-cards-keyfigure-value-small-line-height, var(--scb-typography-headline-large-line-height, var(--md-sys-typescale-headline-large-line-height, 30px)));--scb-keyfigure-card-design-keyfigure-value-text-small-tracking:var(--scb-cards-keyfigure-value-small-tracking, var(--scb-typography-headline-large-tracking, var(--md-sys-typescale-headline-large-tracking, var(--tracking-08, -0.6px))));--scb-keyfigure-card-design-keyfigure-value-text-small-weight:var(--scb-cards-keyfigure-value-small-weight, var(--scb-typography-headline-large-weight, var(--md-sys-typescale-headline-large-weight, var(--weight-bold, 700))));--scb-keyfigure-card-design-keyfigure-value-text-small-letter-spacing:var(--scb-cards-keyfigure-value-small-letter-spacing, var(--scb-cards-keyfigure-value-small-tracking, var(--scb-typography-headline-large-tracking, var(--md-sys-typescale-headline-large-tracking, var(--tracking-08, -0.6px)))));--scb-keyfigure-card-design-keyfigure-value-text-small-font-weight:var(--scb-cards-keyfigure-value-small-font-weight, var(--scb-cards-keyfigure-value-small-weight, var(--scb-typography-headline-large-weight, var(--md-sys-typescale-headline-large-weight, var(--weight-bold, 700)))));--scb-keyfigure-card-design-keyfigure-value-text-large-font:var(--scb-cards-keyfigure-value-large-font, var(--scb-typography-display-large-font, var(--md-sys-typescale-display-large-font, var(--brand))));--scb-keyfigure-card-design-keyfigure-value-text-large-size:var(--scb-cards-keyfigure-value-large-size, var(--scb-typography-display-large-size, var(--md-sys-typescale-display-large-size, 40px)));--scb-keyfigure-card-design-keyfigure-value-text-large-line-height:var(--scb-cards-keyfigure-value-large-line-height, var(--scb-typography-display-large-line-height, var(--md-sys-typescale-display-large-line-height, 46px)));--scb-keyfigure-card-design-keyfigure-value-text-large-tracking:var(--scb-cards-keyfigure-value-large-tracking, var(--scb-typography-display-large-tracking, var(--md-sys-typescale-display-large-tracking, var(--tracking-09, -0.7px))));--scb-keyfigure-card-design-keyfigure-value-text-large-weight:var(--scb-cards-keyfigure-value-large-weight, var(--scb-typography-display-large-weight, var(--md-sys-typescale-display-large-weight, var(--weight-bold, 700))));--scb-keyfigure-card-design-keyfigure-value-text-large-letter-spacing:var(--scb-cards-keyfigure-value-large-letter-spacing, var(--scb-cards-keyfigure-value-large-tracking, var(--scb-typography-display-large-tracking, var(--md-sys-typescale-display-large-tracking, var(--tracking-09, -0.7px)))));--scb-keyfigure-card-design-keyfigure-value-text-large-font-weight:var(--scb-cards-keyfigure-value-large-font-weight, var(--scb-cards-keyfigure-value-large-weight, var(--scb-typography-display-large-weight, var(--md-sys-typescale-display-large-weight, var(--weight-bold, 700)))))}:host([size="small"]){--scb-keyfigure-card-design-surface-radius:var(--scb-keyfigure-card-design-surface-radius-small);--scb-keyfigure-card-design-keyfigure-icon:var(--scb-keyfigure-card-design-keyfigure-icon-small);--scb-keyfigure-card-design-keyfigure-navigation-icon:var(--scb-keyfigure-card-design-keyfigure-navigation-icon-small);--scb-keyfigure-card-design-keyfigure-details-gap:var(--scb-keyfigure-card-design-keyfigure-details-gap-small);--scb-keyfigure-card-design-subtitle-font:var(--scb-keyfigure-card-design-subtitle-small-font);--scb-keyfigure-card-design-subtitle-size:var(--scb-keyfigure-card-design-subtitle-small-size);--scb-keyfigure-card-design-subtitle-line-height:var(--scb-keyfigure-card-design-subtitle-small-line-height);--scb-keyfigure-card-design-subtitle-tracking:var(--scb-keyfigure-card-design-subtitle-small-tracking);--scb-keyfigure-card-design-subtitle-weight:var(--scb-keyfigure-card-design-subtitle-small-weight);--scb-keyfigure-card-design-subtitle-letter-spacing:var(--scb-keyfigure-card-design-subtitle-small-letter-spacing);--scb-keyfigure-card-design-subtitle-font-weight:var(--scb-keyfigure-card-design-subtitle-small-font-weight);--scb-keyfigure-card-design-supporting-font:var(--scb-keyfigure-card-design-supporting-small-font);--scb-keyfigure-card-design-supporting-size:var(--scb-keyfigure-card-design-supporting-small-size);--scb-keyfigure-card-design-supporting-line-height:var(--scb-keyfigure-card-design-supporting-small-line-height);--scb-keyfigure-card-design-supporting-tracking:var(--scb-keyfigure-card-design-supporting-small-tracking);--scb-keyfigure-card-design-supporting-weight:var(--scb-keyfigure-card-design-supporting-small-weight);--scb-keyfigure-card-design-supporting-letter-spacing:var(--scb-keyfigure-card-design-supporting-small-letter-spacing);--scb-keyfigure-card-design-supporting-font-weight:var(--scb-keyfigure-card-design-supporting-small-font-weight)}:host([size="large"]){--scb-keyfigure-card-design-surface-radius:var(--scb-keyfigure-card-design-surface-radius-large);--scb-keyfigure-card-design-keyfigure-icon:var(--scb-keyfigure-card-design-keyfigure-icon-large);--scb-keyfigure-card-design-keyfigure-navigation-icon:var(--scb-keyfigure-card-design-keyfigure-navigation-icon-large);--scb-keyfigure-card-design-keyfigure-details-gap:var(--scb-keyfigure-card-design-keyfigure-details-gap-large);--scb-keyfigure-card-design-subtitle-font:var(--scb-keyfigure-card-design-subtitle-large-font);--scb-keyfigure-card-design-subtitle-size:var(--scb-keyfigure-card-design-subtitle-large-size);--scb-keyfigure-card-design-subtitle-line-height:var(--scb-keyfigure-card-design-subtitle-large-line-height);--scb-keyfigure-card-design-subtitle-tracking:var(--scb-keyfigure-card-design-subtitle-large-tracking);--scb-keyfigure-card-design-subtitle-weight:var(--scb-keyfigure-card-design-subtitle-large-weight);--scb-keyfigure-card-design-subtitle-letter-spacing:var(--scb-keyfigure-card-design-subtitle-large-letter-spacing);--scb-keyfigure-card-design-subtitle-font-weight:var(--scb-keyfigure-card-design-subtitle-large-font-weight);--scb-keyfigure-card-design-supporting-font:var(--scb-keyfigure-card-design-supporting-large-font);--scb-keyfigure-card-design-supporting-size:var(--scb-keyfigure-card-design-supporting-large-size);--scb-keyfigure-card-design-supporting-line-height:var(--scb-keyfigure-card-design-supporting-large-line-height);--scb-keyfigure-card-design-supporting-tracking:var(--scb-keyfigure-card-design-supporting-large-tracking);--scb-keyfigure-card-design-supporting-weight:var(--scb-keyfigure-card-design-supporting-large-weight);--scb-keyfigure-card-design-supporting-letter-spacing:var(--scb-keyfigure-card-design-supporting-large-letter-spacing);--scb-keyfigure-card-design-supporting-font-weight:var(--scb-keyfigure-card-design-supporting-large-font-weight)}`,p);t([a({attribute:"keyfigure"})],r.prototype,"keyfigure",void 0);t([a({type:String,attribute:"subtitle"})],r.prototype,"subtitle",void 0);t([a({type:String,attribute:"supporting-text"})],r.prototype,"supportingText",void 0);t([a({type:String,attribute:"card-href"})],r.prototype,"cardHref",void 0);t([a({type:String,attribute:"href"})],r.prototype,"href",void 0);t([a({type:String})],r.prototype,"icon",void 0);t([a({type:String,reflect:!0})],r.prototype,"size",void 0);t([a({type:String})],r.prototype,"unit",void 0);t([a({type:String,reflect:!0})],r.prototype,"width",void 0);t([a({type:String,reflect:!0,attribute:"max-width"})],r.prototype,"maxWidth",void 0);t([a({type:String,reflect:!0})],r.prototype,"height",void 0);t([a({type:String,reflect:!0,attribute:"max-height"})],r.prototype,"maxHeight",void 0);t([a({type:String,reflect:!0,converter:$})],r.prototype,"sizing",void 0);t([a({type:String,reflect:!0})],r.prototype,"spacing",void 0);t([a({type:String,reflect:!0,attribute:"spacing-top"})],r.prototype,"spacingTop",void 0);t([a({type:String,reflect:!0,attribute:"spacing-bottom"})],r.prototype,"spacingBottom",void 0);t([a({type:String,reflect:!0,attribute:"spacing-left"})],r.prototype,"spacingLeft",void 0);t([a({type:String,reflect:!0,attribute:"spacing-right"})],r.prototype,"spacingRight",void 0);r=t([z("scb-keyfigure-card")],r);
|
|
43
|
+
`}__applyInnerSizing(){const e=this.renderRoot.querySelector(".scb-keyfigure-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"))}updated(e){super.updated(e),e.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),(e.has("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()}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,s=this.mapSpacingToken(this.spacingBottom)??e,c=this.mapSpacingToken(this.spacingLeft),n=this.mapSpacingToken(this.spacingRight);i?this.style.setProperty("--scb-keyfigure-card-spacing-block-start",i):this.style.removeProperty("--scb-keyfigure-card-spacing-block-start"),s?this.style.setProperty("--scb-keyfigure-card-spacing-block-end",s):this.style.removeProperty("--scb-keyfigure-card-spacing-block-end"),c?this.style.setProperty("--scb-keyfigure-card-spacing-inline-start",c):this.style.removeProperty("--scb-keyfigure-card-spacing-inline-start"),n?this.style.setProperty("--scb-keyfigure-card-spacing-inline-end",n):this.style.removeProperty("--scb-keyfigure-card-spacing-inline-end")}__dispatchNavigateEvents(e,i){const s={href:e},c=new CustomEvent("card-navigate",{detail:s,bubbles:!0,composed:!0,cancelable:!0}),n=new CustomEvent("cardnavigate",{detail:s,bubbles:!0,composed:!0,cancelable:!0});return this.dispatchEvent(c)&&this.dispatchEvent(n)}__navigate(e,i){this.__dispatchNavigateEvents(e,i)&&(window.location.href=e)}},p.styles=S`:host{--scb-cards-title-font-weight-current:var(--scb-keyfigure-card-design-subtitle-font-weight);--scb-cards-title-letter-spacing-current:var(--scb-keyfigure-card-design-subtitle-letter-spacing);--scb-cards-title-line-height-current:var(--scb-keyfigure-card-design-subtitle-line-height);--scb-cards-title-tracking-current:var(--scb-keyfigure-card-design-subtitle-tracking);--scb-cards-title-weight-current:var(--scb-keyfigure-card-design-subtitle-weight);--scb-cards-title-size-current:var(--scb-keyfigure-card-design-subtitle-size);--scb-cards-title-font-current:var(--scb-keyfigure-card-design-subtitle-font);--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-large-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-large-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-large-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-large-tracking, var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-large-weight, var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-large-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-large-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-large-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-large-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-large-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-large-tracking, var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-large-weight, var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-large-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-large-font, var(--scb-cards-supporting-font));display:block;box-sizing:border-box;position:relative;inline-size:100%;min-inline-size:0;padding:var(--scb-keyfigure-card-focus-ring-gap, 4px);margin-block-start:var(--scb-keyfigure-card-spacing-block-start, 0);margin-block-end:var(--scb-keyfigure-card-spacing-block-end, 0);margin-inline-start:var(--scb-keyfigure-card-spacing-inline-start, 0);margin-inline-end:var(--scb-keyfigure-card-spacing-inline-end, 0);--scb-keyfigure-card-padding-block:var(--scb-keyfigure-card-padding, var(--scb-keyfigure-card-design-content-padding-block-large));--scb-keyfigure-card-padding-inline:var(--scb-keyfigure-card-padding, var(--scb-keyfigure-card-design-content-padding-inline-large));--scb-keyfigure-card-surface-radius:var(--scb-keyfigure-card-design-surface-radius);--scb-keyfigure-card-gap:var(--scb-cards-gap-large, var(--spacing-4, 12px));--scb-keyfigure-card-keyfigure-gap:var(--scb-keyfigure-card-design-keyfigure-gap-large);--scb-keyfigure-card-value-font-family:var(--scb-keyfigure-card-design-keyfigure-value-text-large-font);--scb-keyfigure-card-value-size:var(--scb-keyfigure-card-design-keyfigure-value-text-large-size);--scb-keyfigure-card-value-font-weight:var(--scb-keyfigure-card-design-keyfigure-value-text-large-font-weight);--scb-keyfigure-card-value-line-height:var(--scb-keyfigure-card-design-keyfigure-value-text-large-line-height);--scb-keyfigure-card-value-letter-spacing:var(--scb-keyfigure-card-design-keyfigure-value-text-large-letter-spacing);--scb-keyfigure-card-subtitle-font-family:var(--scb-keyfigure-card-design-subtitle-font);--scb-keyfigure-card-subtitle-size:var(--scb-keyfigure-card-design-subtitle-size);--scb-keyfigure-card-subtitle-font-weight:var(--scb-keyfigure-card-design-subtitle-weight);--scb-keyfigure-card-subtitle-line-height:var(--scb-keyfigure-card-design-subtitle-line-height);--scb-keyfigure-card-subtitle-letter-spacing:var(--scb-keyfigure-card-design-subtitle-tracking);--scb-keyfigure-card-supporting-font-family:var(--scb-keyfigure-card-design-supporting-font);--scb-keyfigure-card-supporting-size:var(--scb-keyfigure-card-design-supporting-size);--scb-keyfigure-card-supporting-font-weight:var(--scb-keyfigure-card-design-supporting-weight);--scb-keyfigure-card-supporting-line-height:var(--scb-keyfigure-card-design-supporting-line-height);--scb-keyfigure-card-supporting-letter-spacing:var(--scb-keyfigure-card-design-supporting-tracking)}:host([size='small']){--scb-keyfigure-card-padding-block:var(--scb-keyfigure-card-padding, var(--scb-keyfigure-card-design-content-padding-block-small));--scb-keyfigure-card-padding-inline:var(--scb-keyfigure-card-padding, var(--scb-keyfigure-card-design-content-padding-inline-small));--scb-keyfigure-card-gap:var(--scb-keyfigure-card-design-keyfigure-gap-small);--scb-keyfigure-card-keyfigure-gap:var(--scb-keyfigure-card-design-keyfigure-gap-small);--scb-keyfigure-card-value-font-family:var(--scb-keyfigure-card-design-keyfigure-value-text-small-font);--scb-keyfigure-card-value-size:var(--scb-keyfigure-card-design-keyfigure-value-text-small-size);--scb-keyfigure-card-value-font-weight:var(--scb-keyfigure-card-design-keyfigure-value-text-small-font-weight);--scb-keyfigure-card-value-line-height:var(--scb-keyfigure-card-design-keyfigure-value-text-small-line-height);--scb-keyfigure-card-value-letter-spacing:var(--scb-keyfigure-card-design-keyfigure-value-text-small-letter-spacing)}.scb-keyfigure-card,.scb-keyfigure-card .keyfigure,.scb-keyfigure-card .value{font-variant-numeric:proportional-nums!important;font-feature-settings:"tnum"0,"pnum"1}: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"]) .scb-keyfigure-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-keyfigure-card-focus-ring-radius, var(--scb-keyfigure-card-surface-radius, var(--md-sys-shape-corner-large, 16px)))}.scb-keyfigure-card:focus-visible+md-focus-ring{display:block}.scb-keyfigure-card{color:var(--scb-keyfigure-card-content-color, var(--md-sys-color-on-surface, var(--p-20)));font-family:var(--brand-font, "Inter", sans-serif);display:flex;flex-direction:column;gap:var(--scb-keyfigure-card-gap);position:relative;border-radius:var(--scb-keyfigure-card-surface-radius, var(--md-sys-shape-corner-large, 16px));background:var(--scb-keyfigure-card-surface-color, var(--md-sys-color-surface-dim, var(--nv-95)));padding-block:var(--scb-keyfigure-card-padding-block);padding-inline:var(--scb-keyfigure-card-padding-inline);box-sizing:border-box;inline-size:100%;max-inline-size:100%;overflow:hidden}.scb-keyfigure-card:focus,.scb-keyfigure-card:focus-visible{outline:0}.keyfigure{display:flex;justify-content:space-between;align-items:center;gap:var(--scb-keyfigure-card-keyfigure-gap);font-family:var(--scb-keyfigure-card-value-font-family);font-size:var(--scb-keyfigure-card-value-size);font-weight:var(--scb-keyfigure-card-value-font-weight);line-height:var(--scb-keyfigure-card-value-line-height);letter-spacing:var(--scb-keyfigure-card-value-letter-spacing)}.keyfigure .value{display:flex;flex-direction:column;white-space:nowrap}.keyfigure .unit{font-family:var(--scb-keyfigure-card-supporting-font-family);font-size:var(--scb-keyfigure-card-supporting-size);font-weight:var(--scb-keyfigure-card-supporting-font-weight);line-height:var(--scb-keyfigure-card-supporting-line-height);letter-spacing:var(--scb-keyfigure-card-supporting-letter-spacing);white-space:nowrap}.card-icon,.icon-slot{display:inline-flex;inline-size:fit-content}.card-icon{align-items:center;inline-size:1em;block-size:1em;overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-keyfigure-card-design-keyfigure-navigation-icon);line-height:1;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:"FILL"0,"wght"400,"GRAD"0,"opsz"24;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card-icon.scb-svg-icon{fill:currentColor;font:inherit}.card-icon.leading{font-size:var(--scb-keyfigure-card-design-keyfigure-icon)}.sub-label{font-family:var(--scb-keyfigure-card-subtitle-font-family);font-size:var(--scb-keyfigure-card-subtitle-size);font-weight:var(--scb-keyfigure-card-subtitle-font-weight);line-height:var(--scb-keyfigure-card-subtitle-line-height);letter-spacing:var(--scb-keyfigure-card-subtitle-letter-spacing);white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:auto;overflow:visible;text-overflow:clip}.details{display:flex;flex-direction:column;gap:var(--scb-keyfigure-card-design-keyfigure-details-gap)}.sub-label a{color:inherit;text-decoration:none}.sub-label ::slotted(*){color:inherit;font-family:var(--scb-keyfigure-card-subtitle-font-family)!important;font-size:var(--scb-keyfigure-card-subtitle-size)!important;font-weight:var(--scb-keyfigure-card-subtitle-font-weight)!important;line-height:var(--scb-keyfigure-card-subtitle-line-height)!important;letter-spacing:var(--scb-keyfigure-card-subtitle-letter-spacing)!important;margin:0}.supporting-text{font-family:var(--scb-keyfigure-card-supporting-font-family);font-size:var(--scb-keyfigure-card-supporting-size);font-weight:var(--scb-keyfigure-card-supporting-font-weight);line-height:var(--scb-keyfigure-card-supporting-line-height);letter-spacing:var(--scb-keyfigure-card-supporting-letter-spacing);white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:auto;overflow:visible;text-overflow:clip}.supporting-text ::slotted(*){color:inherit;font-family:var(--scb-keyfigure-card-supporting-font-family)!important;font-weight:var(--scb-keyfigure-card-supporting-font-weight)!important;--scb-link-font-size:var(--scb-keyfigure-card-supporting-size);--scb-link-line-height:var(--scb-keyfigure-card-supporting-line-height);--scb-link-letter-spacing:var(--scb-keyfigure-card-supporting-letter-spacing);margin:0}.supporting-text ::slotted(*),.supporting-text ::slotted(a){font-size:var(--scb-keyfigure-card-supporting-size)!important;line-height:var(--scb-keyfigure-card-supporting-line-height)!important;letter-spacing:var(--scb-keyfigure-card-supporting-letter-spacing)!important}.supporting-text ::slotted(scb-link){--scb-link-font-size:var(--scb-keyfigure-card-supporting-size);--scb-link-line-height:var(--scb-keyfigure-card-supporting-line-height);--scb-link-letter-spacing:var(--scb-keyfigure-card-supporting-letter-spacing)}.scb-keyfigure-card.clickable{cursor:pointer}:host{--scb-keyfigure-card-design-content-padding-block-small:var(--scb-cards-content-padding-block-medium, var(--spacing-6, 20px));--scb-keyfigure-card-design-content-padding-block-large:var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px));--scb-keyfigure-card-design-content-padding-inline-small:var(--scb-cards-content-padding-block-medium, var(--spacing-6, 20px));--scb-keyfigure-card-design-content-padding-inline-large:var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px));--scb-keyfigure-card-design-surface-radius-small:var(--scb-cards-surface-radius-large, var(--radius-large, 16px));--scb-keyfigure-card-design-surface-radius-large:var(--scb-cards-surface-radius-large, var(--radius-large, 16px));--scb-keyfigure-card-design-surface-radius:var(--scb-keyfigure-card-design-surface-radius-large);--scb-keyfigure-card-design-keyfigure-gap-small:var(--scb-cards-keyfigure-gap-small, var(--spacing-4, 12px));--scb-keyfigure-card-design-keyfigure-gap-large:var(--scb-cards-keyfigure-gap-large, var(--spacing-4, 12px));--scb-keyfigure-card-design-keyfigure-icon-small:var(--scb-keyfigure-card-icon-size, var(--icon-size-extra-large, 36px));--scb-keyfigure-card-design-keyfigure-icon-large:var(--scb-keyfigure-card-icon-size, var(--icon-size-extra-large, 36px));--scb-keyfigure-card-design-keyfigure-icon:var(--scb-keyfigure-card-design-keyfigure-icon-large);--scb-keyfigure-card-design-keyfigure-navigation-icon-small:var(--scb-keyfigure-card-navigation-icon-size, var(--icon-size-medium, 24px));--scb-keyfigure-card-design-keyfigure-navigation-icon-large:var(--scb-keyfigure-card-navigation-icon-size, var(--icon-size-medium, 24px));--scb-keyfigure-card-design-keyfigure-navigation-icon:var(--scb-keyfigure-card-design-keyfigure-navigation-icon-large);--scb-keyfigure-card-design-keyfigure-details-gap-small:var(--scb-keyfigure-card-details-gap, var(--spacing-3, 8px));--scb-keyfigure-card-design-keyfigure-details-gap-large:var(--scb-keyfigure-card-details-gap, var(--spacing-3, 8px));--scb-keyfigure-card-design-keyfigure-details-gap:var(--scb-keyfigure-card-design-keyfigure-details-gap-large);--scb-keyfigure-card-design-subtitle-small-font:var(--scb-cards-title-large-font, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand))));--scb-keyfigure-card-design-subtitle-small-size:var(--scb-cards-title-large-size, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size, 20px)));--scb-keyfigure-card-design-subtitle-small-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-keyfigure-card-design-subtitle-small-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-keyfigure-card-design-subtitle-small-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-keyfigure-card-design-subtitle-small-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-keyfigure-card-design-subtitle-small-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-keyfigure-card-design-subtitle-large-font:var(--scb-cards-title-large-font, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand))));--scb-keyfigure-card-design-subtitle-large-size:var(--scb-cards-title-large-size, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size, 20px)));--scb-keyfigure-card-design-subtitle-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-keyfigure-card-design-subtitle-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-keyfigure-card-design-subtitle-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-keyfigure-card-design-subtitle-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-keyfigure-card-design-subtitle-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-keyfigure-card-design-subtitle-font:var(--scb-keyfigure-card-design-subtitle-large-font);--scb-keyfigure-card-design-subtitle-size:var(--scb-keyfigure-card-design-subtitle-large-size);--scb-keyfigure-card-design-subtitle-line-height:var(--scb-keyfigure-card-design-subtitle-large-line-height);--scb-keyfigure-card-design-subtitle-tracking:var(--scb-keyfigure-card-design-subtitle-large-tracking);--scb-keyfigure-card-design-subtitle-weight:var(--scb-keyfigure-card-design-subtitle-large-weight);--scb-keyfigure-card-design-subtitle-letter-spacing:var(--scb-keyfigure-card-design-subtitle-large-letter-spacing);--scb-keyfigure-card-design-subtitle-font-weight:var(--scb-keyfigure-card-design-subtitle-large-font-weight);--scb-keyfigure-card-design-supporting-small-font:var(--scb-cards-supporting-body-medium-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand))));--scb-keyfigure-card-design-supporting-small-size:var(--scb-cards-supporting-body-medium-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-keyfigure-card-design-supporting-small-line-height:var(--scb-cards-supporting-body-medium-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-keyfigure-card-design-supporting-small-tracking:var(--scb-cards-supporting-body-medium-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px))));--scb-keyfigure-card-design-supporting-small-weight:var(--scb-cards-supporting-body-medium-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-keyfigure-card-design-supporting-small-letter-spacing:var(--scb-cards-supporting-body-medium-letter-spacing, var(--scb-cards-supporting-body-medium-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px)))));--scb-keyfigure-card-design-supporting-small-font-weight:var(--scb-cards-supporting-body-medium-font-weight, var(--scb-cards-supporting-body-medium-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400)))));--scb-keyfigure-card-design-supporting-large-font:var(--scb-cards-supporting-body-medium-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand))));--scb-keyfigure-card-design-supporting-large-size:var(--scb-cards-supporting-body-medium-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-keyfigure-card-design-supporting-large-line-height:var(--scb-cards-supporting-body-medium-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-keyfigure-card-design-supporting-large-tracking:var(--scb-cards-supporting-body-medium-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px))));--scb-keyfigure-card-design-supporting-large-weight:var(--scb-cards-supporting-body-medium-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-keyfigure-card-design-supporting-large-letter-spacing:var(--scb-cards-supporting-body-medium-letter-spacing, var(--scb-cards-supporting-body-medium-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px)))));--scb-keyfigure-card-design-supporting-large-font-weight:var(--scb-cards-supporting-body-medium-font-weight, var(--scb-cards-supporting-body-medium-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400)))));--scb-keyfigure-card-design-supporting-font:var(--scb-keyfigure-card-design-supporting-large-font);--scb-keyfigure-card-design-supporting-size:var(--scb-keyfigure-card-design-supporting-large-size);--scb-keyfigure-card-design-supporting-line-height:var(--scb-keyfigure-card-design-supporting-large-line-height);--scb-keyfigure-card-design-supporting-tracking:var(--scb-keyfigure-card-design-supporting-large-tracking);--scb-keyfigure-card-design-supporting-weight:var(--scb-keyfigure-card-design-supporting-large-weight);--scb-keyfigure-card-design-supporting-letter-spacing:var(--scb-keyfigure-card-design-supporting-large-letter-spacing);--scb-keyfigure-card-design-supporting-font-weight:var(--scb-keyfigure-card-design-supporting-large-font-weight);--scb-keyfigure-card-design-keyfigure-value-text-small-font:var(--scb-cards-keyfigure-value-small-font, var(--scb-typography-headline-large-font, var(--md-sys-typescale-headline-large-font, var(--brand))));--scb-keyfigure-card-design-keyfigure-value-text-small-size:var(--scb-cards-keyfigure-value-small-size, var(--scb-typography-headline-large-size, var(--md-sys-typescale-headline-large-size, 24px)));--scb-keyfigure-card-design-keyfigure-value-text-small-line-height:var(--scb-cards-keyfigure-value-small-line-height, var(--scb-typography-headline-large-line-height, var(--md-sys-typescale-headline-large-line-height, 30px)));--scb-keyfigure-card-design-keyfigure-value-text-small-tracking:var(--scb-cards-keyfigure-value-small-tracking, var(--scb-typography-headline-large-tracking, var(--md-sys-typescale-headline-large-tracking, var(--tracking-08, -0.6px))));--scb-keyfigure-card-design-keyfigure-value-text-small-weight:var(--scb-cards-keyfigure-value-small-weight, var(--scb-typography-headline-large-weight, var(--md-sys-typescale-headline-large-weight, var(--weight-bold, 700))));--scb-keyfigure-card-design-keyfigure-value-text-small-letter-spacing:var(--scb-cards-keyfigure-value-small-letter-spacing, var(--scb-cards-keyfigure-value-small-tracking, var(--scb-typography-headline-large-tracking, var(--md-sys-typescale-headline-large-tracking, var(--tracking-08, -0.6px)))));--scb-keyfigure-card-design-keyfigure-value-text-small-font-weight:var(--scb-cards-keyfigure-value-small-font-weight, var(--scb-cards-keyfigure-value-small-weight, var(--scb-typography-headline-large-weight, var(--md-sys-typescale-headline-large-weight, var(--weight-bold, 700)))));--scb-keyfigure-card-design-keyfigure-value-text-large-font:var(--scb-cards-keyfigure-value-large-font, var(--scb-typography-display-large-font, var(--md-sys-typescale-display-large-font, var(--brand))));--scb-keyfigure-card-design-keyfigure-value-text-large-size:var(--scb-cards-keyfigure-value-large-size, var(--scb-typography-display-large-size, var(--md-sys-typescale-display-large-size, 40px)));--scb-keyfigure-card-design-keyfigure-value-text-large-line-height:var(--scb-cards-keyfigure-value-large-line-height, var(--scb-typography-display-large-line-height, var(--md-sys-typescale-display-large-line-height, 46px)));--scb-keyfigure-card-design-keyfigure-value-text-large-tracking:var(--scb-cards-keyfigure-value-large-tracking, var(--scb-typography-display-large-tracking, var(--md-sys-typescale-display-large-tracking, var(--tracking-09, -0.7px))));--scb-keyfigure-card-design-keyfigure-value-text-large-weight:var(--scb-cards-keyfigure-value-large-weight, var(--scb-typography-display-large-weight, var(--md-sys-typescale-display-large-weight, var(--weight-bold, 700))));--scb-keyfigure-card-design-keyfigure-value-text-large-letter-spacing:var(--scb-cards-keyfigure-value-large-letter-spacing, var(--scb-cards-keyfigure-value-large-tracking, var(--scb-typography-display-large-tracking, var(--md-sys-typescale-display-large-tracking, var(--tracking-09, -0.7px)))));--scb-keyfigure-card-design-keyfigure-value-text-large-font-weight:var(--scb-cards-keyfigure-value-large-font-weight, var(--scb-cards-keyfigure-value-large-weight, var(--scb-typography-display-large-weight, var(--md-sys-typescale-display-large-weight, var(--weight-bold, 700)))))}:host([size="small"]){--scb-keyfigure-card-design-surface-radius:var(--scb-keyfigure-card-design-surface-radius-small);--scb-keyfigure-card-design-keyfigure-icon:var(--scb-keyfigure-card-design-keyfigure-icon-small);--scb-keyfigure-card-design-keyfigure-navigation-icon:var(--scb-keyfigure-card-design-keyfigure-navigation-icon-small);--scb-keyfigure-card-design-keyfigure-details-gap:var(--scb-keyfigure-card-design-keyfigure-details-gap-small);--scb-keyfigure-card-design-subtitle-font:var(--scb-keyfigure-card-design-subtitle-small-font);--scb-keyfigure-card-design-subtitle-size:var(--scb-keyfigure-card-design-subtitle-small-size);--scb-keyfigure-card-design-subtitle-line-height:var(--scb-keyfigure-card-design-subtitle-small-line-height);--scb-keyfigure-card-design-subtitle-tracking:var(--scb-keyfigure-card-design-subtitle-small-tracking);--scb-keyfigure-card-design-subtitle-weight:var(--scb-keyfigure-card-design-subtitle-small-weight);--scb-keyfigure-card-design-subtitle-letter-spacing:var(--scb-keyfigure-card-design-subtitle-small-letter-spacing);--scb-keyfigure-card-design-subtitle-font-weight:var(--scb-keyfigure-card-design-subtitle-small-font-weight);--scb-keyfigure-card-design-supporting-font:var(--scb-keyfigure-card-design-supporting-small-font);--scb-keyfigure-card-design-supporting-size:var(--scb-keyfigure-card-design-supporting-small-size);--scb-keyfigure-card-design-supporting-line-height:var(--scb-keyfigure-card-design-supporting-small-line-height);--scb-keyfigure-card-design-supporting-tracking:var(--scb-keyfigure-card-design-supporting-small-tracking);--scb-keyfigure-card-design-supporting-weight:var(--scb-keyfigure-card-design-supporting-small-weight);--scb-keyfigure-card-design-supporting-letter-spacing:var(--scb-keyfigure-card-design-supporting-small-letter-spacing);--scb-keyfigure-card-design-supporting-font-weight:var(--scb-keyfigure-card-design-supporting-small-font-weight)}:host([size="large"]){--scb-keyfigure-card-design-surface-radius:var(--scb-keyfigure-card-design-surface-radius-large);--scb-keyfigure-card-design-keyfigure-icon:var(--scb-keyfigure-card-design-keyfigure-icon-large);--scb-keyfigure-card-design-keyfigure-navigation-icon:var(--scb-keyfigure-card-design-keyfigure-navigation-icon-large);--scb-keyfigure-card-design-keyfigure-details-gap:var(--scb-keyfigure-card-design-keyfigure-details-gap-large);--scb-keyfigure-card-design-subtitle-font:var(--scb-keyfigure-card-design-subtitle-large-font);--scb-keyfigure-card-design-subtitle-size:var(--scb-keyfigure-card-design-subtitle-large-size);--scb-keyfigure-card-design-subtitle-line-height:var(--scb-keyfigure-card-design-subtitle-large-line-height);--scb-keyfigure-card-design-subtitle-tracking:var(--scb-keyfigure-card-design-subtitle-large-tracking);--scb-keyfigure-card-design-subtitle-weight:var(--scb-keyfigure-card-design-subtitle-large-weight);--scb-keyfigure-card-design-subtitle-letter-spacing:var(--scb-keyfigure-card-design-subtitle-large-letter-spacing);--scb-keyfigure-card-design-subtitle-font-weight:var(--scb-keyfigure-card-design-subtitle-large-font-weight);--scb-keyfigure-card-design-supporting-font:var(--scb-keyfigure-card-design-supporting-large-font);--scb-keyfigure-card-design-supporting-size:var(--scb-keyfigure-card-design-supporting-large-size);--scb-keyfigure-card-design-supporting-line-height:var(--scb-keyfigure-card-design-supporting-large-line-height);--scb-keyfigure-card-design-supporting-tracking:var(--scb-keyfigure-card-design-supporting-large-tracking);--scb-keyfigure-card-design-supporting-weight:var(--scb-keyfigure-card-design-supporting-large-weight);--scb-keyfigure-card-design-supporting-letter-spacing:var(--scb-keyfigure-card-design-supporting-large-letter-spacing);--scb-keyfigure-card-design-supporting-font-weight:var(--scb-keyfigure-card-design-supporting-large-font-weight)}`,p);t([a({attribute:"keyfigure"})],r.prototype,"keyfigure",void 0);t([a({type:String,attribute:"subtitle"})],r.prototype,"subtitle",void 0);t([a({type:String,attribute:"supporting-text"})],r.prototype,"supportingText",void 0);t([a({type:String,attribute:"card-href"})],r.prototype,"cardHref",void 0);t([a({type:String,attribute:"href"})],r.prototype,"href",void 0);t([a({type:String})],r.prototype,"icon",void 0);t([a({type:String,reflect:!0})],r.prototype,"size",void 0);t([a({type:String})],r.prototype,"unit",void 0);t([a({type:String,reflect:!0})],r.prototype,"width",void 0);t([a({type:String,reflect:!0,attribute:"max-width"})],r.prototype,"maxWidth",void 0);t([a({type:String,reflect:!0})],r.prototype,"height",void 0);t([a({type:String,reflect:!0,attribute:"max-height"})],r.prototype,"maxHeight",void 0);t([a({type:String,reflect:!0,converter:$})],r.prototype,"sizing",void 0);t([a({type:String,reflect:!0})],r.prototype,"spacing",void 0);t([a({type:String,reflect:!0,attribute:"spacing-top"})],r.prototype,"spacingTop",void 0);t([a({type:String,reflect:!0,attribute:"spacing-bottom"})],r.prototype,"spacingBottom",void 0);t([a({type:String,reflect:!0,attribute:"spacing-left"})],r.prototype,"spacingLeft",void 0);t([a({type:String,reflect:!0,attribute:"spacing-right"})],r.prototype,"spacingRight",void 0);r=t([z("scb-keyfigure-card")],r);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as c,h as y,m as S,p as s,v as _,y as x}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{
|
|
1
|
+
import{a as c,h as y,m as S,p as s,v as _,y as x}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{ensureFocusRingOnFocusVisible as w}from"../shared/lazy-focus-ring.js";import{t as r}from"../../vendor/decorate.js";import{t as f}from"../../vendor/assertClassBrand.js";import{t as P}from"../../vendor/classPrivateMethodInitSpec.js";import{n as m,r as u,t as b}from"../../vendor/classPrivateFieldGet2.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,o,a){try{customElements.get(i)||t(i,o,a)}catch(g){var v=String(g||"");if(v.indexOf("already been used")===-1&&v.indexOf("NotSupportedError")===-1)throw g}}}}catch{}})();var l,p,d,h,e=(l=new WeakSet,p=new WeakMap,d=new WeakMap,h=class extends y{constructor(...t){super(...t),P(this,l),u(this,p,void 0),u(this,d,void 0),this.href="",this.disabled=!1,this.ariaLabel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,m(p,this,i=>{w(i);const o=i.composedPath()[0];!(o instanceof HTMLElement)||!o.matches(":focus-visible")||customElements.whenDefined("md-focus-ring").then(()=>{this.toggleAttribute("data-native-focus-ring-ready",!0);const a=this.renderRoot.querySelector("md-focus-ring");a.visible=o.matches(":focus-visible")})}),m(d,this,i=>{this.disabled&&(i.preventDefault(),i.stopPropagation())})}firstUpdated(){f(l,this,k).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&f(l,this,k).call(this)}mapSpacingToken(t){if(!t)return;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}render(){const t=this.target==="_blank"&&!this.rel?"noopener noreferrer":this.rel;return _`
|
|
2
2
|
<a
|
|
3
3
|
part="anchor"
|
|
4
4
|
href=${c(this.disabled?void 0:this.href||void 0)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a,h as p,m as b,p as e,v as m,y}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{
|
|
1
|
+
import{a,h as p,m as b,p as e,v as m,y}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{ensureFocusRingOnFocusVisible as h}from"../shared/lazy-focus-ring.js";import{t as o}from"../../vendor/decorate.js";import{n as f,r as g,t as k}from"../../vendor/classPrivateFieldGet2.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var n=customElements.define.bind(customElements);customElements.define=function(r,i,l){try{customElements.get(r)||n(r,i,l)}catch(u){var v=String(u||"");if(v.indexOf("already been used")===-1&&v.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var s,d,t=(s=new WeakMap,d=class extends p{constructor(...n){super(...n),g(this,s,void 0),this.href="",this.ariaLabel="",this.variant="filled",this.inverse=!1,this.external=!1,f(s,this,r=>{h(r);const i=r.composedPath()[0];!(i instanceof HTMLElement)||!i.matches(":focus-visible")||customElements.whenDefined("md-focus-ring").then(()=>{this.toggleAttribute("data-native-focus-ring-ready",!0);const l=this.renderRoot.querySelector("md-focus-ring");l.visible=i.matches(":focus-visible")})})}render(){const n=this.target==="_blank"&&!this.rel?"noopener noreferrer":this.rel;return m`
|
|
2
2
|
<a
|
|
3
3
|
class="link-button"
|
|
4
4
|
part="anchor"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["
|
|
2
|
-
import{g as r,h as z,m as S,p as s,v as n,y as R}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as b}from"../../vendor/preload-helper.js";import{t as L}from"../../vendor/component-size-token.js";import{t as $}from"../../vendor/component-defaults.js";import{t as e}from"../../vendor/decorate.js";(function(){try{var d=typeof globalThis<"u"?globalThis:window;if(!d.__scb_ce_guard_installed__){d.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(i,l,g){try{customElements.get(i)||a(i,l,g)}catch(o){var c=String(o||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var h,v,V="data-scb-list-managed-tabindex";function f(){return h??(h=b(()=>import("../../vendor/lazy-focus-ring.js").then(d=>d.i),__vite__mapDeps([0,1,2]),import.meta.url)),h}function w(){return v??(v=b(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),v}var t=class extends z{constructor(...a){super(...a),this.type="text",this.href="",this.itemHref="",this.target="",this.disabled=!1,this.label="",this.supportingText="",this.overline="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.imgHrefImage="",this.trailing=!1,this.trailingVariant="",this.trailingIcon="",this.trailingCheckboxAriaLabel="",this.trailingSwitchLabel="",this.trailingSwitchAriaLabel="",this.trailingSwitchWidth="",this.trailingSwitchSelected=!1,this.size=$["scb-list-item"].size,this.density=0,this.noDivider=!1,this.__managedTabindex=!1,this.__scbCheckboxLoaded=!1,this.__scbSwitchLoaded=!1,this.__focusRingRequested=!1,this.__focusRingLoaded=!1,this.__focusVisibleRaf=null,this.__rippleRequested=!1,this.__rippleLoaded=!1,this.__pendingRippleClick=!1,this.__syncRipple=async()=>{const i=this.renderRoot.querySelector("md-ripple"),l=this.renderRoot.querySelector(".row"),g=this.__pendingRippleEvent,c=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:o}=await w();await o(i,l,g,c)},this.__onPointerInteraction=i=>{this.__ensureRipple(i)},this.__onFocusIn=()=>{this.__scheduleFocusVisibleSync()},this.__onFocusOut=()=>{this.__scheduleFocusVisibleSync()},this.__onPointerDown=()=>{this.toggleAttribute("data-focus-visible",!1)},this.__onLazyFocusRingKeydown=i=>{i.key==="Tab"&&f().then(({ensureFocusRingOnTab:l})=>l(i))},this.onRowClick=()=>{if(this.disabled||(this.type==="link"&&!this.disabled&&(!this.__rippleLoaded||this.__pendingRippleEvent)&&(this.__pendingRippleClick=!0,this.__ensureRipple()),this.type==="link"&&(this.href||this.itemHref)))return;const i=this.shadowRoot?.querySelector("scb-checkbox"),l=this.shadowRoot?.querySelector("scb-switch");if(i&&(i.checked=!i.checked),l){const g=!this.trailingSwitchSelected;l.selected=g,this.__setTrailingSwitchSelected(g,!0)}},this.__onTrailingSwitchChange=i=>{const l=i.detail?.selected,g=typeof l=="boolean"?l:i.currentTarget?.selected??!1;this.__setTrailingSwitchSelected(g,!0)},this.__onKeydown=i=>{if(!i.defaultPrevented&&!this.disabled&&(i.key==="Enter"||i.key===" ")){if(this.type==="link"){const l=this.shadowRoot?.querySelector("a[href]");if(l){i.preventDefault(),l.click();return}}i.preventDefault(),this.onRowClick()}}}static get styles(){return R`:host{display:block;border-bottom:var(--stroke-border, 1px) solid var(--scb-list-divider-color, var(--md-sys-color-outline-variant));margin-bottom:calc(var(--stroke-border, 1px)*-1);outline:0;position:relative;color:var(--scb-list-content-color, var(--md-sys-color-on-surface));font-family:var(--brand-font);--scb-list-item-label-font-family:var(--scb-list-item-design-text-large-font);--scb-list-item-label-font-size:var(--scb-list-item-design-text-large-size);--scb-list-item-label-line-height:var(--scb-list-item-design-text-large-line-height);--scb-list-item-label-letter-spacing:var(--scb-list-item-design-text-large-tracking);--scb-list-item-label-font-weight:var(--scb-list-item-design-text-large-weight);--scb-list-item-supporting-font-family:var(--scb-list-item-design-supporting-large-font);--scb-list-item-supporting-font-size:var(--scb-list-item-design-supporting-large-size);--scb-list-item-supporting-line-height:var(--scb-list-item-design-supporting-large-line-height);--scb-list-item-supporting-letter-spacing:var(--scb-list-item-design-supporting-large-tracking);--scb-list-item-supporting-font-weight:var(--scb-list-item-design-supporting-large-weight);--scb-list-item-min-height:var(--scb-list-item-design-item-height-large);--scb-list-item-leading-image-size:var(--scb-list-item-design-leading-media-large);--scb-list-item-text-gap:var(--scb-list-item-design-text-gap-large)}:host([hidden]){display:none}:host([no-divider]){--stroke-border:0px}md-focus-ring{position:absolute;inset:0;pointer-events:none;display:none;border-radius:var(--scb-list-item-focus-ring-radius, var(--md-sys-shape-corner-small, 8px))}:host([data-focus-visible]) md-focus-ring{display:block}.row{display:flex;box-sizing:border-box;align-items:center;min-block-size:var(--scb-list-item-min-height, 72px);gap:var(--scb-list-item-design-gap);padding-block:var(--scb-list-item-design-item-padding-block-large);padding-inline:var(--scb-list-item-design-padding-inline);border-radius:var(--radius-none, 0px);-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;cursor:default;background:var(--scb-list-surface-color, transparent)}:host([type="link"]) .row{cursor:pointer}:host([density="-2"]) .row,:host([size="medium"]) .row,:host-context([data-density="-2"]) .row,:host-context(scb-card[type="list"][size="medium"]) .row,:host-context(scb-list-card[size="medium"]) .row,:host-context(scb-list[size="medium"]) .row{padding-block:var(--scb-list-item-design-item-padding-block-medium)}:host([density="-2"]),:host([size="medium"]),:host-context([data-density="-2"]),:host-context(scb-card[type="list"][size="medium"]),:host-context(scb-list-card[size="medium"]),:host-context(scb-list[size="medium"]){--scb-list-item-label-font-family:var(--scb-list-item-design-text-medium-font);--scb-list-item-label-font-size:var(--scb-list-item-design-text-medium-size);--scb-list-item-label-line-height:var(--scb-list-item-design-text-medium-line-height);--scb-list-item-label-letter-spacing:var(--scb-list-item-design-text-medium-tracking);--scb-list-item-label-font-weight:var(--scb-list-item-design-text-medium-weight);--scb-list-item-supporting-font-family:var(--scb-list-item-design-supporting-medium-font);--scb-list-item-supporting-font-size:var(--scb-list-item-design-supporting-medium-size);--scb-list-item-supporting-line-height:var(--scb-list-item-design-supporting-medium-line-height);--scb-list-item-supporting-letter-spacing:var(--scb-list-item-design-supporting-medium-tracking);--scb-list-item-supporting-font-weight:var(--scb-list-item-design-supporting-medium-weight);--scb-list-item-min-height:var(--scb-list-item-design-item-height-medium);--scb-list-item-leading-image-size:var(--scb-list-item-design-leading-media-medium);--scb-list-item-text-gap:var(--scb-list-item-design-text-gap-medium)}:host([density="-4"]) .row,:host([size="small"]) .row,:host-context([data-density="-4"]) .row,:host-context(scb-card[type="list"][size="small"]) .row,:host-context(scb-list-card[size="small"]) .row,:host-context(scb-list[size="small"]) .row{padding-block:var(--scb-list-item-design-item-padding-block-small)}:host([density="-4"]),:host([size="small"]),:host-context([data-density="-4"]),:host-context(scb-card[type="list"][size="small"]),:host-context(scb-list-card[size="small"]),:host-context(scb-list[size="small"]){--scb-list-item-label-font-family:var(--scb-list-item-design-text-small-font);--scb-list-item-label-font-size:var(--scb-list-item-design-text-small-size);--scb-list-item-label-line-height:var(--scb-list-item-design-text-small-line-height);--scb-list-item-label-letter-spacing:var(--scb-list-item-design-text-small-tracking);--scb-list-item-label-font-weight:var(--scb-list-item-design-text-small-weight);--scb-list-item-supporting-font-family:var(--scb-list-item-design-supporting-small-font);--scb-list-item-supporting-font-size:var(--scb-list-item-design-supporting-small-size);--scb-list-item-supporting-line-height:var(--scb-list-item-design-supporting-small-line-height);--scb-list-item-supporting-letter-spacing:var(--scb-list-item-design-supporting-small-tracking);--scb-list-item-supporting-font-weight:var(--scb-list-item-design-supporting-small-weight);--scb-list-item-min-height:var(--scb-list-item-design-item-height-small);--scb-list-item-leading-image-size:var(--scb-list-item-design-leading-media-small);--scb-list-item-text-gap:var(--scb-list-item-design-text-gap-small)}:host([size="large"]) .row,:host-context([data-density="0"]) .row,:host-context(scb-card[type="list"][size="large"]) .row,:host-context(scb-list-card[size="large"]) .row,:host-context(scb-list[size="large"]) .row{padding-block:var(--scb-list-item-design-item-padding-block-large)}md-ripple{border-radius:inherit;inset:0;position:absolute;pointer-events:none}.material-icon{display:inline-block;inline-size:var(--scb-list-item-design-icon);block-size:var(--scb-list-item-design-icon);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-list-item-design-icon);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:"FILL"0,"wght"400,"GRAD"0,"opsz"24;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.material-icon.scb-svg-icon{fill:currentColor;font:inherit}.leading{align-self:center;display:grid;place-items:center}.img{width:var(--scb-list-item-leading-image-size);height:var(--scb-list-item-leading-image-size);object-fit:contain;border-radius:var(--scb-list-item-design-leading-image-radius);filter:var(--scb-list-leading-image-filter, none)}.texts{display:grid;gap:var(--scb-list-item-text-gap);min-inline-size:0}.overline{font-family:var(--scb-list-item-design-overline-font);font-size:var(--scb-list-item-design-overline-size);line-height:var(--scb-list-item-design-overline-line-height);font-weight:var(--scb-list-item-design-overline-weight);letter-spacing:var(--scb-list-item-design-overline-tracking);color:var(--scb-list-secondary-content-color, var(--md-sys-color-on-surface-variant))}.label{font-family:var(--scb-list-item-label-font-family, var(--brand-font));font-size:var(--scb-list-item-label-font-size);line-height:var(--scb-list-item-label-line-height);font-weight:var(--scb-list-item-label-font-weight);letter-spacing:var(--scb-list-item-label-letter-spacing);color:var(--scb-list-content-color, var(--md-sys-color-on-surface))}.supporting-text{font-family:var(--scb-list-item-supporting-font-family, var(--brand-font));font-size:var(--scb-list-item-supporting-font-size);line-height:var(--scb-list-item-supporting-line-height);font-weight:var(--scb-list-item-supporting-font-weight);letter-spacing:var(--scb-list-item-supporting-letter-spacing);color:var(--scb-list-secondary-content-color, var(--md-sys-color-on-surface-variant))}.label ::slotted(*),.supporting-text ::slotted(*){color:inherit!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;margin-block:0!important;margin-inline:0!important}.trailing{margin-left:auto;align-self:center;display:flex}.trailing.trailing-switch{justify-content:flex-end}.trailing scb-checkbox{margin-inline-end:var(--scb-list-trailing-checkbox-nudge)}:host([trailing-variant="checkbox"]) .row,:host([trailing-variant="switch"]) .row{cursor:pointer}:host([disabled]) .row{cursor:default}.link{text-decoration:none;color:inherit;display:flex;width:100%;gap:var(--scb-list-item-design-list-item-link-gap);outline:0}:host{--scb-list-item-design-item-height-small:var(--scb-list-item-min-height-small, var(--scale-12, 56px));--scb-list-item-design-item-height-medium:var(--scb-list-item-min-height-medium, 64px);--scb-list-item-design-item-height-large:var(--scb-list-item-min-height-large, 72px);--scb-list-item-design-item-padding-block-small:var(--scb-list-item-padding-block-small, var(--spacing-3, 8px));--scb-list-item-design-item-padding-block-medium:var(--scb-list-item-padding-block-medium, var(--spacing-4, 12px));--scb-list-item-design-item-padding-block-large:var(--scb-list-item-padding-block-large, var(--spacing-5, 16px));--scb-list-item-design-padding-inline-small:var(--scb-list-item-padding-inline, var(--spacing-5, 16px));--scb-list-item-design-padding-inline-medium:var(--scb-list-item-padding-inline, var(--spacing-5, 16px));--scb-list-item-design-padding-inline-large:var(--scb-list-item-padding-inline, var(--spacing-5, 16px));--scb-list-item-design-text-small-font:var(--scb-lists-text-small-font, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand))));--scb-list-item-design-text-small-size:var(--scb-lists-text-small-size, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-list-item-design-text-small-line-height:var(--scb-lists-text-small-line-height, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-list-item-design-text-small-tracking:var(--scb-lists-text-small-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px))));--scb-list-item-design-text-small-weight:var(--scb-lists-text-small-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600))));--scb-list-item-design-text-small-letter-spacing:var(--scb-lists-text-small-letter-spacing, var(--scb-lists-text-small-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px)))));--scb-list-item-design-text-small-font-weight:var(--scb-lists-text-small-font-weight, var(--scb-lists-text-small-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-list-item-design-text-medium-font:var(--scb-lists-text-medium-font, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand))));--scb-list-item-design-text-medium-size:var(--scb-lists-text-medium-size, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-list-item-design-text-medium-line-height:var(--scb-lists-text-medium-line-height, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-list-item-design-text-medium-tracking:var(--scb-lists-text-medium-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px))));--scb-list-item-design-text-medium-weight:var(--scb-lists-text-medium-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600))));--scb-list-item-design-text-medium-letter-spacing:var(--scb-lists-text-medium-letter-spacing, var(--scb-lists-text-medium-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px)))));--scb-list-item-design-text-medium-font-weight:var(--scb-lists-text-medium-font-weight, var(--scb-lists-text-medium-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-list-item-design-text-large-font:var(--scb-lists-text-large-font, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand))));--scb-list-item-design-text-large-size:var(--scb-lists-text-large-size, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-list-item-design-text-large-line-height:var(--scb-lists-text-large-line-height, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-list-item-design-text-large-tracking:var(--scb-lists-text-large-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px))));--scb-list-item-design-text-large-weight:var(--scb-lists-text-large-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600))));--scb-list-item-design-text-large-letter-spacing:var(--scb-lists-text-large-letter-spacing, var(--scb-lists-text-large-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px)))));--scb-list-item-design-text-large-font-weight:var(--scb-lists-text-large-font-weight, var(--scb-lists-text-large-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-list-item-design-overline-small-font:var(--scb-lists-overline-font, var(--scb-typography-body-small-font, var(--md-sys-typescale-body-small-font, var(--brand))));--scb-list-item-design-overline-small-size:var(--scb-lists-overline-size, var(--scb-typography-body-small-size, var(--md-sys-typescale-body-small-size, 14px)));--scb-list-item-design-overline-small-line-height:var(--scb-lists-overline-line-height, var(--scb-typography-body-small-line-height, var(--md-sys-typescale-body-small-line-height, 20px)));--scb-list-item-design-overline-small-tracking:var(--scb-lists-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px))));--scb-list-item-design-overline-small-weight:var(--scb-lists-overline-weight, var(--scb-typography-body-small-weight, var(--md-sys-typescale-body-small-weight, var(--weight-regular, 400))));--scb-list-item-design-overline-small-letter-spacing:var(--scb-lists-overline-letter-spacing, var(--scb-lists-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px)))));--scb-list-item-design-overline-small-font-weight:var(--scb-lists-overline-font-weight, var(--scb-lists-overline-weight, var(--scb-typography-body-small-weight, var(--md-sys-typescale-body-small-weight, var(--weight-regular, 400)))));--scb-list-item-design-overline-medium-font:var(--scb-lists-overline-font, var(--scb-typography-body-small-font, var(--md-sys-typescale-body-small-font, var(--brand))));--scb-list-item-design-overline-medium-size:var(--scb-lists-overline-size, var(--scb-typography-body-small-size, var(--md-sys-typescale-body-small-size, 14px)));--scb-list-item-design-overline-medium-line-height:var(--scb-lists-overline-line-height, var(--scb-typography-body-small-line-height, var(--md-sys-typescale-body-small-line-height, 20px)));--scb-list-item-design-overline-medium-tracking:var(--scb-lists-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px))));--scb-list-item-design-overline-medium-weight:var(--scb-lists-overline-weight, var(--scb-typography-body-small-weight, var(--md-sys-typescale-body-small-weight, var(--weight-regular, 400))));--scb-list-item-design-overline-medium-letter-spacing:var(--scb-lists-overline-letter-spacing, var(--scb-lists-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px)))));--scb-list-item-design-overline-medium-font-weight:var(--scb-lists-overline-font-weight, var(--scb-lists-overline-weight, var(--scb-typography-body-small-weight, var(--md-sys-typescale-body-small-weight, var(--weight-regular, 400)))));--scb-list-item-design-overline-large-font:var(--scb-lists-overline-font, var(--scb-typography-body-small-font, var(--md-sys-typescale-body-small-font, var(--brand))));--scb-list-item-design-overline-large-size:var(--scb-lists-overline-size, var(--scb-typography-body-small-size, var(--md-sys-typescale-body-small-size, 14px)));--scb-list-item-design-overline-large-line-height:var(--scb-lists-overline-line-height, var(--scb-typography-body-small-line-height, var(--md-sys-typescale-body-small-line-height, 20px)));--scb-list-item-design-overline-large-tracking:var(--scb-lists-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px))));--scb-list-item-design-overline-large-weight:var(--scb-lists-overline-weight, var(--scb-typography-body-small-weight, var(--md-sys-typescale-body-small-weight, var(--weight-regular, 400))));--scb-list-item-design-overline-large-letter-spacing:var(--scb-lists-overline-letter-spacing, var(--scb-lists-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px)))));--scb-list-item-design-overline-large-font-weight:var(--scb-lists-overline-font-weight, var(--scb-lists-overline-weight, var(--scb-typography-body-small-weight, var(--md-sys-typescale-body-small-weight, var(--weight-regular, 400)))));--scb-list-item-design-supporting-small-font:var(--scb-lists-supporting-small-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand))));--scb-list-item-design-supporting-small-size:var(--scb-lists-supporting-small-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-list-item-design-supporting-small-line-height:var(--scb-lists-supporting-small-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-list-item-design-supporting-small-tracking:var(--scb-lists-supporting-small-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px))));--scb-list-item-design-supporting-small-weight:var(--scb-lists-supporting-small-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-list-item-design-supporting-small-letter-spacing:var(--scb-lists-supporting-small-letter-spacing, var(--scb-lists-supporting-small-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px)))));--scb-list-item-design-supporting-small-font-weight:var(--scb-lists-supporting-small-font-weight, var(--scb-lists-supporting-small-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400)))));--scb-list-item-design-supporting-medium-font:var(--scb-lists-supporting-medium-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand))));--scb-list-item-design-supporting-medium-size:var(--scb-lists-supporting-medium-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-list-item-design-supporting-medium-line-height:var(--scb-lists-supporting-medium-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-list-item-design-supporting-medium-tracking:var(--scb-lists-supporting-medium-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px))));--scb-list-item-design-supporting-medium-weight:var(--scb-lists-supporting-medium-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-list-item-design-supporting-medium-letter-spacing:var(--scb-lists-supporting-medium-letter-spacing, var(--scb-lists-supporting-medium-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px)))));--scb-list-item-design-supporting-medium-font-weight:var(--scb-lists-supporting-medium-font-weight, var(--scb-lists-supporting-medium-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400)))));--scb-list-item-design-supporting-large-font:var(--scb-lists-supporting-large-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand))));--scb-list-item-design-supporting-large-size:var(--scb-lists-supporting-large-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-list-item-design-supporting-large-line-height:var(--scb-lists-supporting-large-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-list-item-design-supporting-large-tracking:var(--scb-lists-supporting-large-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px))));--scb-list-item-design-supporting-large-weight:var(--scb-lists-supporting-large-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-list-item-design-supporting-large-letter-spacing:var(--scb-lists-supporting-large-letter-spacing, var(--scb-lists-supporting-large-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px)))));--scb-list-item-design-supporting-large-font-weight:var(--scb-lists-supporting-large-font-weight, var(--scb-lists-supporting-large-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400)))));--scb-list-item-design-icon-small:var(--scb-list-item-icon-size, var(--icon-size-medium, 24px));--scb-list-item-design-icon-medium:var(--scb-list-item-icon-size, var(--icon-size-medium, 24px));--scb-list-item-design-icon-large:var(--scb-list-item-icon-size, var(--icon-size-medium, 24px));--scb-list-item-design-leading-media-small:var(--scb-list-item-leading-image-size-small, var(--scale-12, 56px));--scb-list-item-design-leading-media-medium:var(--scb-list-item-leading-image-size-medium, var(--scale-12, 56px));--scb-list-item-design-leading-media-large:var(--scb-list-item-leading-image-size-large, var(--scale-12, 56px));--scb-list-item-design-leading-image-radius-small:var(--scb-list-item-leading-image-radius, var(--radius-small, 8px));--scb-list-item-design-leading-image-radius-medium:var(--scb-list-item-leading-image-radius, var(--radius-small, 8px));--scb-list-item-design-leading-image-radius-large:var(--scb-list-item-leading-image-radius, var(--radius-small, 8px));--scb-list-item-design-leading-avatar-component-size-small:var(--scb-list-item-leading-avatar-component-size-small, medium);--scb-list-item-design-leading-avatar-component-size-medium:var(--scb-list-item-leading-avatar-component-size-medium, medium);--scb-list-item-design-leading-avatar-component-size-large:var(--scb-list-item-leading-avatar-component-size-large, medium);--scb-list-item-design-gap-small:var(--scb-list-item-gap, var(--spacing-5, 16px));--scb-list-item-design-gap-medium:var(--scb-list-item-gap, var(--spacing-5, 16px));--scb-list-item-design-gap-large:var(--scb-list-item-gap, var(--spacing-5, 16px));--scb-list-item-design-list-item-link-gap-small:var(--scb-list-item-link-gap, var(--spacing-4, 12px));--scb-list-item-design-list-item-link-gap-medium:var(--scb-list-item-link-gap, var(--spacing-4, 12px));--scb-list-item-design-list-item-link-gap-large:var(--scb-list-item-link-gap, var(--spacing-4, 12px));--scb-list-item-design-text-gap-small:var(--scb-list-item-text-gap-small, var(--spacing-2, 4px));--scb-list-item-design-text-gap-medium:var(--scb-list-item-text-gap-medium, var(--spacing-2, 4px));--scb-list-item-design-text-gap-large:var(--scb-list-item-text-gap-large, var(--spacing-2, 4px))}:host,:host([size="small"]){--scb-list-item-design-padding-inline:var(--scb-list-item-design-padding-inline-small);--scb-list-item-design-overline-font:var(--scb-list-item-design-overline-small-font);--scb-list-item-design-overline-size:var(--scb-list-item-design-overline-small-size);--scb-list-item-design-overline-line-height:var(--scb-list-item-design-overline-small-line-height);--scb-list-item-design-overline-tracking:var(--scb-list-item-design-overline-small-tracking);--scb-list-item-design-overline-weight:var(--scb-list-item-design-overline-small-weight);--scb-list-item-design-overline-letter-spacing:var(--scb-list-item-design-overline-small-letter-spacing);--scb-list-item-design-overline-font-weight:var(--scb-list-item-design-overline-small-font-weight);--scb-list-item-design-icon:var(--scb-list-item-design-icon-small);--scb-list-item-design-leading-image-radius:var(--scb-list-item-design-leading-image-radius-small);--scb-list-item-design-gap:var(--scb-list-item-design-gap-small);--scb-list-item-design-list-item-link-gap:var(--scb-list-item-design-list-item-link-gap-small)}:host([size="medium"]){--scb-list-item-design-padding-inline:var(--scb-list-item-design-padding-inline-medium);--scb-list-item-design-overline-font:var(--scb-list-item-design-overline-medium-font);--scb-list-item-design-overline-size:var(--scb-list-item-design-overline-medium-size);--scb-list-item-design-overline-line-height:var(--scb-list-item-design-overline-medium-line-height);--scb-list-item-design-overline-tracking:var(--scb-list-item-design-overline-medium-tracking);--scb-list-item-design-overline-weight:var(--scb-list-item-design-overline-medium-weight);--scb-list-item-design-overline-letter-spacing:var(--scb-list-item-design-overline-medium-letter-spacing);--scb-list-item-design-overline-font-weight:var(--scb-list-item-design-overline-medium-font-weight);--scb-list-item-design-icon:var(--scb-list-item-design-icon-medium);--scb-list-item-design-leading-image-radius:var(--scb-list-item-design-leading-image-radius-medium);--scb-list-item-design-gap:var(--scb-list-item-design-gap-medium);--scb-list-item-design-list-item-link-gap:var(--scb-list-item-design-list-item-link-gap-medium)}:host([size="large"]){--scb-list-item-design-padding-inline:var(--scb-list-item-design-padding-inline-large);--scb-list-item-design-overline-font:var(--scb-list-item-design-overline-large-font);--scb-list-item-design-overline-size:var(--scb-list-item-design-overline-large-size);--scb-list-item-design-overline-line-height:var(--scb-list-item-design-overline-large-line-height);--scb-list-item-design-overline-tracking:var(--scb-list-item-design-overline-large-tracking);--scb-list-item-design-overline-weight:var(--scb-list-item-design-overline-large-weight);--scb-list-item-design-overline-letter-spacing:var(--scb-list-item-design-overline-large-letter-spacing);--scb-list-item-design-overline-font-weight:var(--scb-list-item-design-overline-large-font-weight);--scb-list-item-design-icon:var(--scb-list-item-design-icon-large);--scb-list-item-design-leading-image-radius:var(--scb-list-item-design-leading-image-radius-large);--scb-list-item-design-gap:var(--scb-list-item-design-gap-large);--scb-list-item-design-list-item-link-gap:var(--scb-list-item-design-list-item-link-gap-large)}`}async firstUpdated(){await this.__ensureDepsLoaded(),this.addEventListener("focusin",this.__onFocusIn),this.addEventListener("focusout",this.__onFocusOut),this.addEventListener("pointerdown",this.__onPointerDown,!0),this.addEventListener("keydown",this.__onLazyFocusRingKeydown),this.addEventListener("keydown",this.__onKeydown)}disconnectedCallback(){this.removeEventListener("focusin",this.__onFocusIn),this.removeEventListener("focusout",this.__onFocusOut),this.removeEventListener("pointerdown",this.__onPointerDown,!0),this.removeEventListener("keydown",this.__onLazyFocusRingKeydown),this.removeEventListener("keydown",this.__onKeydown),this.__focusVisibleRaf!==null&&(cancelAnimationFrame(this.__focusVisibleRaf),this.__focusVisibleRaf=null),super.disconnectedCallback()}updated(a){super.updated(a),(a.has("leading")||a.has("leadingVariant")||a.has("trailing")||a.has("trailingVariant")||a.has("type")||a.has("target"))&&this.__ensureDepsLoaded()}async __ensureDepsLoaded(){this.trailing&&this.trailingVariant==="checkbox"&&!this.__scbCheckboxLoaded&&(await b(()=>import("../scb-checkbox/scb-checkbox.js"),__vite__mapDeps([4,5,6,7,1,8,9,10,11,12,13,14,15,16,17,18,19,20]),import.meta.url),this.__scbCheckboxLoaded=!0),this.trailing&&this.trailingVariant==="switch"&&!this.__scbSwitchLoaded&&(await b(()=>import("../scb-switch/scb-switch.js"),__vite__mapDeps([21,5,6,7,1,8,9,10,11,12,14,15,16,17,18,19]),import.meta.url),this.__scbSwitchLoaded=!0)}__ensureRipple(a){if(!(this.type!=="link"||this.disabled)){if(a&&(this.__pendingRippleEvent=a),this.__rippleLoaded){this.__syncRipple();return}this.__rippleRequested||(this.__rippleRequested=!0,w().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__rippleLoaded=!0,this.requestUpdate(),this.updateComplete.then(()=>this.__syncRipple()))}))}}__scheduleFocusVisibleSync(){this.__focusVisibleRaf!==null&&cancelAnimationFrame(this.__focusVisibleRaf),this.__focusVisibleRaf=requestAnimationFrame(()=>{this.__focusVisibleRaf=null;const a=this.renderRoot instanceof ShadowRoot?this.renderRoot.activeElement:null,i=this.matches(":focus-visible")||a instanceof HTMLElement&&a.matches(":focus-visible");this.toggleAttribute("data-focus-visible",i),i&&this.__ensureFocusRing()})}__ensureFocusRing(){this.__focusRingLoaded||this.__focusRingRequested||(this.__focusRingRequested=!0,f().then(({ensureFocusRingReady:a})=>a()).then(()=>{this.__focusRingLoaded=!0,this.requestUpdate()}))}__setTrailingSwitchSelected(a,i){this.trailingSwitchSelected=a,i&&this.dispatchEvent(new CustomEvent("trailing-switch-change",{detail:{selected:a},bubbles:!0,composed:!0}))}render(){const a=this.closest('scb-list, scb-list-card, scb-card[type="list"]')?.getAttribute("size"),i=this.density===-4?"small":this.density===-2?"medium":"large",l=this.size||a||i,g=L(this,`--scb-list-item-design-leading-avatar-component-size-${l}`,["small","medium","large","extra-large"],"medium"),c=this.leading?(()=>{switch(this.leadingVariant){case"icon":return this.leadingIcon?n`<div class="leading"><span class="material-icon" aria-hidden="true">${this.leadingIcon}</span></div>`:r;case"avatar":return n`
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../shared/lazy-focus-ring.js","../../vendor/preload-helper.js","../shared/lazy-ripple.js","../scb-checkbox/scb-checkbox.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/icon.js","../../vendor/rolldown-runtime.js","../../vendor/ripple.js","../../vendor/attachable-controller.js","../../vendor/decorate.js","../../vendor/assertClassBrand.js","../../vendor/classPrivateMethodInitSpec.js","../../vendor/classPrivateFieldGet2.js","../../vendor/md-focus-ring.js","../../vendor/delegate.js","../../vendor/form-associated.js","../../vendor/redispatch-event.js","../../vendor/validator.js","../../vendor/checkbox-validator.js","../scb-checkbox/scb-checkbox-group.js","../scb-switch/scb-switch.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{g as r,h as z,m as S,p as s,v as n,y as R}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as p}from"../../vendor/preload-helper.js";import{componentSizeToken as L}from"../shared/component-size-token.js";import{t as $}from"../../vendor/component-defaults.js";import{t as e}from"../../vendor/decorate.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(i,l,g){try{customElements.get(i)||a(i,l,g)}catch(o){var c=String(o||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var h,v,V="data-scb-list-managed-tabindex";function f(){return h??(h=p(()=>import("../shared/lazy-focus-ring.js"),__vite__mapDeps([0,1]),import.meta.url)),h}function w(){return v??(v=p(()=>import("../shared/lazy-ripple.js"),__vite__mapDeps([2,1]),import.meta.url)),v}var t=class extends z{constructor(...a){super(...a),this.type="text",this.href="",this.itemHref="",this.target="",this.disabled=!1,this.label="",this.supportingText="",this.overline="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.imgHrefImage="",this.trailing=!1,this.trailingVariant="",this.trailingIcon="",this.trailingCheckboxAriaLabel="",this.trailingSwitchLabel="",this.trailingSwitchAriaLabel="",this.trailingSwitchWidth="",this.trailingSwitchSelected=!1,this.size=$["scb-list-item"].size,this.density=0,this.noDivider=!1,this.__managedTabindex=!1,this.__scbCheckboxLoaded=!1,this.__scbSwitchLoaded=!1,this.__focusRingRequested=!1,this.__focusRingLoaded=!1,this.__focusVisibleRaf=null,this.__rippleRequested=!1,this.__rippleLoaded=!1,this.__pendingRippleClick=!1,this.__syncRipple=async()=>{const i=this.renderRoot.querySelector("md-ripple"),l=this.renderRoot.querySelector(".row"),g=this.__pendingRippleEvent,c=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:o}=await w();await o(i,l,g,c)},this.__onPointerInteraction=i=>{this.__ensureRipple(i)},this.__onFocusIn=()=>{this.__scheduleFocusVisibleSync()},this.__onFocusOut=()=>{this.__scheduleFocusVisibleSync()},this.__onPointerDown=()=>{this.toggleAttribute("data-focus-visible",!1)},this.__onLazyFocusRingKeydown=i=>{i.key==="Tab"&&f().then(({ensureFocusRingOnTab:l})=>l(i))},this.onRowClick=()=>{if(this.disabled||(this.type==="link"&&!this.disabled&&(!this.__rippleLoaded||this.__pendingRippleEvent)&&(this.__pendingRippleClick=!0,this.__ensureRipple()),this.type==="link"&&(this.href||this.itemHref)))return;const i=this.shadowRoot?.querySelector("scb-checkbox"),l=this.shadowRoot?.querySelector("scb-switch");if(i&&(i.checked=!i.checked),l){const g=!this.trailingSwitchSelected;l.selected=g,this.__setTrailingSwitchSelected(g,!0)}},this.__onTrailingSwitchChange=i=>{const l=i.detail?.selected,g=typeof l=="boolean"?l:i.currentTarget?.selected??!1;this.__setTrailingSwitchSelected(g,!0)},this.__onKeydown=i=>{if(!i.defaultPrevented&&!this.disabled&&(i.key==="Enter"||i.key===" ")){if(this.type==="link"){const l=this.shadowRoot?.querySelector("a[href]");if(l){i.preventDefault(),l.click();return}}i.preventDefault(),this.onRowClick()}}}static get styles(){return R`:host{display:block;border-bottom:var(--stroke-border, 1px) solid var(--scb-list-divider-color, var(--md-sys-color-outline-variant));margin-bottom:calc(var(--stroke-border, 1px)*-1);outline:0;position:relative;color:var(--scb-list-content-color, var(--md-sys-color-on-surface));font-family:var(--brand-font);--scb-list-item-label-font-family:var(--scb-list-item-design-text-large-font);--scb-list-item-label-font-size:var(--scb-list-item-design-text-large-size);--scb-list-item-label-line-height:var(--scb-list-item-design-text-large-line-height);--scb-list-item-label-letter-spacing:var(--scb-list-item-design-text-large-tracking);--scb-list-item-label-font-weight:var(--scb-list-item-design-text-large-weight);--scb-list-item-supporting-font-family:var(--scb-list-item-design-supporting-large-font);--scb-list-item-supporting-font-size:var(--scb-list-item-design-supporting-large-size);--scb-list-item-supporting-line-height:var(--scb-list-item-design-supporting-large-line-height);--scb-list-item-supporting-letter-spacing:var(--scb-list-item-design-supporting-large-tracking);--scb-list-item-supporting-font-weight:var(--scb-list-item-design-supporting-large-weight);--scb-list-item-min-height:var(--scb-list-item-design-item-height-large);--scb-list-item-leading-image-size:var(--scb-list-item-design-leading-media-large);--scb-list-item-text-gap:var(--scb-list-item-design-text-gap-large)}:host([hidden]){display:none}:host([no-divider]){--stroke-border:0px}md-focus-ring{position:absolute;inset:0;pointer-events:none;display:none;border-radius:var(--scb-list-item-focus-ring-radius, var(--md-sys-shape-corner-small, 8px))}:host([data-focus-visible]) md-focus-ring{display:block}.row{display:flex;box-sizing:border-box;align-items:center;min-block-size:var(--scb-list-item-min-height, 72px);gap:var(--scb-list-item-design-gap);padding-block:var(--scb-list-item-design-item-padding-block-large);padding-inline:var(--scb-list-item-design-padding-inline);border-radius:var(--radius-none, 0px);-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;cursor:default;background:var(--scb-list-surface-color, transparent)}:host([type="link"]) .row{cursor:pointer}:host([density="-2"]) .row,:host([size="medium"]) .row,:host-context([data-density="-2"]) .row,:host-context(scb-card[type="list"][size="medium"]) .row,:host-context(scb-list-card[size="medium"]) .row,:host-context(scb-list[size="medium"]) .row{padding-block:var(--scb-list-item-design-item-padding-block-medium)}:host([density="-2"]),:host([size="medium"]),:host-context([data-density="-2"]),:host-context(scb-card[type="list"][size="medium"]),:host-context(scb-list-card[size="medium"]),:host-context(scb-list[size="medium"]){--scb-list-item-label-font-family:var(--scb-list-item-design-text-medium-font);--scb-list-item-label-font-size:var(--scb-list-item-design-text-medium-size);--scb-list-item-label-line-height:var(--scb-list-item-design-text-medium-line-height);--scb-list-item-label-letter-spacing:var(--scb-list-item-design-text-medium-tracking);--scb-list-item-label-font-weight:var(--scb-list-item-design-text-medium-weight);--scb-list-item-supporting-font-family:var(--scb-list-item-design-supporting-medium-font);--scb-list-item-supporting-font-size:var(--scb-list-item-design-supporting-medium-size);--scb-list-item-supporting-line-height:var(--scb-list-item-design-supporting-medium-line-height);--scb-list-item-supporting-letter-spacing:var(--scb-list-item-design-supporting-medium-tracking);--scb-list-item-supporting-font-weight:var(--scb-list-item-design-supporting-medium-weight);--scb-list-item-min-height:var(--scb-list-item-design-item-height-medium);--scb-list-item-leading-image-size:var(--scb-list-item-design-leading-media-medium);--scb-list-item-text-gap:var(--scb-list-item-design-text-gap-medium)}:host([density="-4"]) .row,:host([size="small"]) .row,:host-context([data-density="-4"]) .row,:host-context(scb-card[type="list"][size="small"]) .row,:host-context(scb-list-card[size="small"]) .row,:host-context(scb-list[size="small"]) .row{padding-block:var(--scb-list-item-design-item-padding-block-small)}:host([density="-4"]),:host([size="small"]),:host-context([data-density="-4"]),:host-context(scb-card[type="list"][size="small"]),:host-context(scb-list-card[size="small"]),:host-context(scb-list[size="small"]){--scb-list-item-label-font-family:var(--scb-list-item-design-text-small-font);--scb-list-item-label-font-size:var(--scb-list-item-design-text-small-size);--scb-list-item-label-line-height:var(--scb-list-item-design-text-small-line-height);--scb-list-item-label-letter-spacing:var(--scb-list-item-design-text-small-tracking);--scb-list-item-label-font-weight:var(--scb-list-item-design-text-small-weight);--scb-list-item-supporting-font-family:var(--scb-list-item-design-supporting-small-font);--scb-list-item-supporting-font-size:var(--scb-list-item-design-supporting-small-size);--scb-list-item-supporting-line-height:var(--scb-list-item-design-supporting-small-line-height);--scb-list-item-supporting-letter-spacing:var(--scb-list-item-design-supporting-small-tracking);--scb-list-item-supporting-font-weight:var(--scb-list-item-design-supporting-small-weight);--scb-list-item-min-height:var(--scb-list-item-design-item-height-small);--scb-list-item-leading-image-size:var(--scb-list-item-design-leading-media-small);--scb-list-item-text-gap:var(--scb-list-item-design-text-gap-small)}:host([size="large"]) .row,:host-context([data-density="0"]) .row,:host-context(scb-card[type="list"][size="large"]) .row,:host-context(scb-list-card[size="large"]) .row,:host-context(scb-list[size="large"]) .row{padding-block:var(--scb-list-item-design-item-padding-block-large)}md-ripple{border-radius:inherit;inset:0;position:absolute;pointer-events:none}.material-icon{display:inline-block;inline-size:var(--scb-list-item-design-icon);block-size:var(--scb-list-item-design-icon);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-list-item-design-icon);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:"FILL"0,"wght"400,"GRAD"0,"opsz"24;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.material-icon.scb-svg-icon{fill:currentColor;font:inherit}.leading{align-self:center;display:grid;place-items:center}.img{width:var(--scb-list-item-leading-image-size);height:var(--scb-list-item-leading-image-size);object-fit:contain;border-radius:var(--scb-list-item-design-leading-image-radius);filter:var(--scb-list-leading-image-filter, none)}.texts{display:grid;gap:var(--scb-list-item-text-gap);min-inline-size:0}.overline{font-family:var(--scb-list-item-design-overline-font);font-size:var(--scb-list-item-design-overline-size);line-height:var(--scb-list-item-design-overline-line-height);font-weight:var(--scb-list-item-design-overline-weight);letter-spacing:var(--scb-list-item-design-overline-tracking);color:var(--scb-list-secondary-content-color, var(--md-sys-color-on-surface-variant))}.label{font-family:var(--scb-list-item-label-font-family, var(--brand-font));font-size:var(--scb-list-item-label-font-size);line-height:var(--scb-list-item-label-line-height);font-weight:var(--scb-list-item-label-font-weight);letter-spacing:var(--scb-list-item-label-letter-spacing);color:var(--scb-list-content-color, var(--md-sys-color-on-surface))}.supporting-text{font-family:var(--scb-list-item-supporting-font-family, var(--brand-font));font-size:var(--scb-list-item-supporting-font-size);line-height:var(--scb-list-item-supporting-line-height);font-weight:var(--scb-list-item-supporting-font-weight);letter-spacing:var(--scb-list-item-supporting-letter-spacing);color:var(--scb-list-secondary-content-color, var(--md-sys-color-on-surface-variant))}.label ::slotted(*),.supporting-text ::slotted(*){color:inherit!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;margin-block:0!important;margin-inline:0!important}.trailing{margin-left:auto;align-self:center;display:flex}.trailing.trailing-switch{justify-content:flex-end}.trailing scb-checkbox{margin-inline-end:var(--scb-list-trailing-checkbox-nudge)}:host([trailing-variant="checkbox"]) .row,:host([trailing-variant="switch"]) .row{cursor:pointer}:host([disabled]) .row{cursor:default}.link{text-decoration:none;color:inherit;display:flex;width:100%;gap:var(--scb-list-item-design-list-item-link-gap);outline:0}:host{--scb-list-item-design-item-height-small:var(--scb-list-item-min-height-small, var(--scale-12, 56px));--scb-list-item-design-item-height-medium:var(--scb-list-item-min-height-medium, 64px);--scb-list-item-design-item-height-large:var(--scb-list-item-min-height-large, 72px);--scb-list-item-design-item-padding-block-small:var(--scb-list-item-padding-block-small, var(--spacing-3, 8px));--scb-list-item-design-item-padding-block-medium:var(--scb-list-item-padding-block-medium, var(--spacing-4, 12px));--scb-list-item-design-item-padding-block-large:var(--scb-list-item-padding-block-large, var(--spacing-5, 16px));--scb-list-item-design-padding-inline-small:var(--scb-list-item-padding-inline, var(--spacing-5, 16px));--scb-list-item-design-padding-inline-medium:var(--scb-list-item-padding-inline, var(--spacing-5, 16px));--scb-list-item-design-padding-inline-large:var(--scb-list-item-padding-inline, var(--spacing-5, 16px));--scb-list-item-design-text-small-font:var(--scb-lists-text-small-font, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand))));--scb-list-item-design-text-small-size:var(--scb-lists-text-small-size, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-list-item-design-text-small-line-height:var(--scb-lists-text-small-line-height, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-list-item-design-text-small-tracking:var(--scb-lists-text-small-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px))));--scb-list-item-design-text-small-weight:var(--scb-lists-text-small-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600))));--scb-list-item-design-text-small-letter-spacing:var(--scb-lists-text-small-letter-spacing, var(--scb-lists-text-small-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px)))));--scb-list-item-design-text-small-font-weight:var(--scb-lists-text-small-font-weight, var(--scb-lists-text-small-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-list-item-design-text-medium-font:var(--scb-lists-text-medium-font, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand))));--scb-list-item-design-text-medium-size:var(--scb-lists-text-medium-size, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-list-item-design-text-medium-line-height:var(--scb-lists-text-medium-line-height, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-list-item-design-text-medium-tracking:var(--scb-lists-text-medium-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px))));--scb-list-item-design-text-medium-weight:var(--scb-lists-text-medium-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600))));--scb-list-item-design-text-medium-letter-spacing:var(--scb-lists-text-medium-letter-spacing, var(--scb-lists-text-medium-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px)))));--scb-list-item-design-text-medium-font-weight:var(--scb-lists-text-medium-font-weight, var(--scb-lists-text-medium-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-list-item-design-text-large-font:var(--scb-lists-text-large-font, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand))));--scb-list-item-design-text-large-size:var(--scb-lists-text-large-size, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-list-item-design-text-large-line-height:var(--scb-lists-text-large-line-height, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-list-item-design-text-large-tracking:var(--scb-lists-text-large-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px))));--scb-list-item-design-text-large-weight:var(--scb-lists-text-large-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600))));--scb-list-item-design-text-large-letter-spacing:var(--scb-lists-text-large-letter-spacing, var(--scb-lists-text-large-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px)))));--scb-list-item-design-text-large-font-weight:var(--scb-lists-text-large-font-weight, var(--scb-lists-text-large-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-list-item-design-overline-small-font:var(--scb-lists-overline-font, var(--scb-typography-body-small-font, var(--md-sys-typescale-body-small-font, var(--brand))));--scb-list-item-design-overline-small-size:var(--scb-lists-overline-size, var(--scb-typography-body-small-size, var(--md-sys-typescale-body-small-size, 14px)));--scb-list-item-design-overline-small-line-height:var(--scb-lists-overline-line-height, var(--scb-typography-body-small-line-height, var(--md-sys-typescale-body-small-line-height, 20px)));--scb-list-item-design-overline-small-tracking:var(--scb-lists-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px))));--scb-list-item-design-overline-small-weight:var(--scb-lists-overline-weight, var(--scb-typography-body-small-weight, var(--md-sys-typescale-body-small-weight, var(--weight-regular, 400))));--scb-list-item-design-overline-small-letter-spacing:var(--scb-lists-overline-letter-spacing, var(--scb-lists-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px)))));--scb-list-item-design-overline-small-font-weight:var(--scb-lists-overline-font-weight, var(--scb-lists-overline-weight, var(--scb-typography-body-small-weight, var(--md-sys-typescale-body-small-weight, var(--weight-regular, 400)))));--scb-list-item-design-overline-medium-font:var(--scb-lists-overline-font, var(--scb-typography-body-small-font, var(--md-sys-typescale-body-small-font, var(--brand))));--scb-list-item-design-overline-medium-size:var(--scb-lists-overline-size, var(--scb-typography-body-small-size, var(--md-sys-typescale-body-small-size, 14px)));--scb-list-item-design-overline-medium-line-height:var(--scb-lists-overline-line-height, var(--scb-typography-body-small-line-height, var(--md-sys-typescale-body-small-line-height, 20px)));--scb-list-item-design-overline-medium-tracking:var(--scb-lists-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px))));--scb-list-item-design-overline-medium-weight:var(--scb-lists-overline-weight, var(--scb-typography-body-small-weight, var(--md-sys-typescale-body-small-weight, var(--weight-regular, 400))));--scb-list-item-design-overline-medium-letter-spacing:var(--scb-lists-overline-letter-spacing, var(--scb-lists-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px)))));--scb-list-item-design-overline-medium-font-weight:var(--scb-lists-overline-font-weight, var(--scb-lists-overline-weight, var(--scb-typography-body-small-weight, var(--md-sys-typescale-body-small-weight, var(--weight-regular, 400)))));--scb-list-item-design-overline-large-font:var(--scb-lists-overline-font, var(--scb-typography-body-small-font, var(--md-sys-typescale-body-small-font, var(--brand))));--scb-list-item-design-overline-large-size:var(--scb-lists-overline-size, var(--scb-typography-body-small-size, var(--md-sys-typescale-body-small-size, 14px)));--scb-list-item-design-overline-large-line-height:var(--scb-lists-overline-line-height, var(--scb-typography-body-small-line-height, var(--md-sys-typescale-body-small-line-height, 20px)));--scb-list-item-design-overline-large-tracking:var(--scb-lists-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px))));--scb-list-item-design-overline-large-weight:var(--scb-lists-overline-weight, var(--scb-typography-body-small-weight, var(--md-sys-typescale-body-small-weight, var(--weight-regular, 400))));--scb-list-item-design-overline-large-letter-spacing:var(--scb-lists-overline-letter-spacing, var(--scb-lists-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px)))));--scb-list-item-design-overline-large-font-weight:var(--scb-lists-overline-font-weight, var(--scb-lists-overline-weight, var(--scb-typography-body-small-weight, var(--md-sys-typescale-body-small-weight, var(--weight-regular, 400)))));--scb-list-item-design-supporting-small-font:var(--scb-lists-supporting-small-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand))));--scb-list-item-design-supporting-small-size:var(--scb-lists-supporting-small-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-list-item-design-supporting-small-line-height:var(--scb-lists-supporting-small-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-list-item-design-supporting-small-tracking:var(--scb-lists-supporting-small-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px))));--scb-list-item-design-supporting-small-weight:var(--scb-lists-supporting-small-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-list-item-design-supporting-small-letter-spacing:var(--scb-lists-supporting-small-letter-spacing, var(--scb-lists-supporting-small-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px)))));--scb-list-item-design-supporting-small-font-weight:var(--scb-lists-supporting-small-font-weight, var(--scb-lists-supporting-small-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400)))));--scb-list-item-design-supporting-medium-font:var(--scb-lists-supporting-medium-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand))));--scb-list-item-design-supporting-medium-size:var(--scb-lists-supporting-medium-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-list-item-design-supporting-medium-line-height:var(--scb-lists-supporting-medium-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-list-item-design-supporting-medium-tracking:var(--scb-lists-supporting-medium-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px))));--scb-list-item-design-supporting-medium-weight:var(--scb-lists-supporting-medium-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-list-item-design-supporting-medium-letter-spacing:var(--scb-lists-supporting-medium-letter-spacing, var(--scb-lists-supporting-medium-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px)))));--scb-list-item-design-supporting-medium-font-weight:var(--scb-lists-supporting-medium-font-weight, var(--scb-lists-supporting-medium-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400)))));--scb-list-item-design-supporting-large-font:var(--scb-lists-supporting-large-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand))));--scb-list-item-design-supporting-large-size:var(--scb-lists-supporting-large-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-list-item-design-supporting-large-line-height:var(--scb-lists-supporting-large-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-list-item-design-supporting-large-tracking:var(--scb-lists-supporting-large-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px))));--scb-list-item-design-supporting-large-weight:var(--scb-lists-supporting-large-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-list-item-design-supporting-large-letter-spacing:var(--scb-lists-supporting-large-letter-spacing, var(--scb-lists-supporting-large-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px)))));--scb-list-item-design-supporting-large-font-weight:var(--scb-lists-supporting-large-font-weight, var(--scb-lists-supporting-large-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400)))));--scb-list-item-design-icon-small:var(--scb-list-item-icon-size, var(--icon-size-medium, 24px));--scb-list-item-design-icon-medium:var(--scb-list-item-icon-size, var(--icon-size-medium, 24px));--scb-list-item-design-icon-large:var(--scb-list-item-icon-size, var(--icon-size-medium, 24px));--scb-list-item-design-leading-media-small:var(--scb-list-item-leading-image-size-small, var(--scale-12, 56px));--scb-list-item-design-leading-media-medium:var(--scb-list-item-leading-image-size-medium, var(--scale-12, 56px));--scb-list-item-design-leading-media-large:var(--scb-list-item-leading-image-size-large, var(--scale-12, 56px));--scb-list-item-design-leading-image-radius-small:var(--scb-list-item-leading-image-radius, var(--radius-small, 8px));--scb-list-item-design-leading-image-radius-medium:var(--scb-list-item-leading-image-radius, var(--radius-small, 8px));--scb-list-item-design-leading-image-radius-large:var(--scb-list-item-leading-image-radius, var(--radius-small, 8px));--scb-list-item-design-leading-avatar-component-size-small:var(--scb-list-item-leading-avatar-component-size-small, medium);--scb-list-item-design-leading-avatar-component-size-medium:var(--scb-list-item-leading-avatar-component-size-medium, medium);--scb-list-item-design-leading-avatar-component-size-large:var(--scb-list-item-leading-avatar-component-size-large, medium);--scb-list-item-design-gap-small:var(--scb-list-item-gap, var(--spacing-5, 16px));--scb-list-item-design-gap-medium:var(--scb-list-item-gap, var(--spacing-5, 16px));--scb-list-item-design-gap-large:var(--scb-list-item-gap, var(--spacing-5, 16px));--scb-list-item-design-list-item-link-gap-small:var(--scb-list-item-link-gap, var(--spacing-4, 12px));--scb-list-item-design-list-item-link-gap-medium:var(--scb-list-item-link-gap, var(--spacing-4, 12px));--scb-list-item-design-list-item-link-gap-large:var(--scb-list-item-link-gap, var(--spacing-4, 12px));--scb-list-item-design-text-gap-small:var(--scb-list-item-text-gap-small, var(--spacing-2, 4px));--scb-list-item-design-text-gap-medium:var(--scb-list-item-text-gap-medium, var(--spacing-2, 4px));--scb-list-item-design-text-gap-large:var(--scb-list-item-text-gap-large, var(--spacing-2, 4px))}:host,:host([size="small"]){--scb-list-item-design-padding-inline:var(--scb-list-item-design-padding-inline-small);--scb-list-item-design-overline-font:var(--scb-list-item-design-overline-small-font);--scb-list-item-design-overline-size:var(--scb-list-item-design-overline-small-size);--scb-list-item-design-overline-line-height:var(--scb-list-item-design-overline-small-line-height);--scb-list-item-design-overline-tracking:var(--scb-list-item-design-overline-small-tracking);--scb-list-item-design-overline-weight:var(--scb-list-item-design-overline-small-weight);--scb-list-item-design-overline-letter-spacing:var(--scb-list-item-design-overline-small-letter-spacing);--scb-list-item-design-overline-font-weight:var(--scb-list-item-design-overline-small-font-weight);--scb-list-item-design-icon:var(--scb-list-item-design-icon-small);--scb-list-item-design-leading-image-radius:var(--scb-list-item-design-leading-image-radius-small);--scb-list-item-design-gap:var(--scb-list-item-design-gap-small);--scb-list-item-design-list-item-link-gap:var(--scb-list-item-design-list-item-link-gap-small)}:host([size="medium"]){--scb-list-item-design-padding-inline:var(--scb-list-item-design-padding-inline-medium);--scb-list-item-design-overline-font:var(--scb-list-item-design-overline-medium-font);--scb-list-item-design-overline-size:var(--scb-list-item-design-overline-medium-size);--scb-list-item-design-overline-line-height:var(--scb-list-item-design-overline-medium-line-height);--scb-list-item-design-overline-tracking:var(--scb-list-item-design-overline-medium-tracking);--scb-list-item-design-overline-weight:var(--scb-list-item-design-overline-medium-weight);--scb-list-item-design-overline-letter-spacing:var(--scb-list-item-design-overline-medium-letter-spacing);--scb-list-item-design-overline-font-weight:var(--scb-list-item-design-overline-medium-font-weight);--scb-list-item-design-icon:var(--scb-list-item-design-icon-medium);--scb-list-item-design-leading-image-radius:var(--scb-list-item-design-leading-image-radius-medium);--scb-list-item-design-gap:var(--scb-list-item-design-gap-medium);--scb-list-item-design-list-item-link-gap:var(--scb-list-item-design-list-item-link-gap-medium)}:host([size="large"]){--scb-list-item-design-padding-inline:var(--scb-list-item-design-padding-inline-large);--scb-list-item-design-overline-font:var(--scb-list-item-design-overline-large-font);--scb-list-item-design-overline-size:var(--scb-list-item-design-overline-large-size);--scb-list-item-design-overline-line-height:var(--scb-list-item-design-overline-large-line-height);--scb-list-item-design-overline-tracking:var(--scb-list-item-design-overline-large-tracking);--scb-list-item-design-overline-weight:var(--scb-list-item-design-overline-large-weight);--scb-list-item-design-overline-letter-spacing:var(--scb-list-item-design-overline-large-letter-spacing);--scb-list-item-design-overline-font-weight:var(--scb-list-item-design-overline-large-font-weight);--scb-list-item-design-icon:var(--scb-list-item-design-icon-large);--scb-list-item-design-leading-image-radius:var(--scb-list-item-design-leading-image-radius-large);--scb-list-item-design-gap:var(--scb-list-item-design-gap-large);--scb-list-item-design-list-item-link-gap:var(--scb-list-item-design-list-item-link-gap-large)}`}async firstUpdated(){await this.__ensureDepsLoaded(),this.addEventListener("focusin",this.__onFocusIn),this.addEventListener("focusout",this.__onFocusOut),this.addEventListener("pointerdown",this.__onPointerDown,!0),this.addEventListener("keydown",this.__onLazyFocusRingKeydown),this.addEventListener("keydown",this.__onKeydown)}disconnectedCallback(){this.removeEventListener("focusin",this.__onFocusIn),this.removeEventListener("focusout",this.__onFocusOut),this.removeEventListener("pointerdown",this.__onPointerDown,!0),this.removeEventListener("keydown",this.__onLazyFocusRingKeydown),this.removeEventListener("keydown",this.__onKeydown),this.__focusVisibleRaf!==null&&(cancelAnimationFrame(this.__focusVisibleRaf),this.__focusVisibleRaf=null),super.disconnectedCallback()}updated(a){super.updated(a),(a.has("leading")||a.has("leadingVariant")||a.has("trailing")||a.has("trailingVariant")||a.has("type")||a.has("target"))&&this.__ensureDepsLoaded()}async __ensureDepsLoaded(){this.trailing&&this.trailingVariant==="checkbox"&&!this.__scbCheckboxLoaded&&(await p(()=>import("../scb-checkbox/scb-checkbox.js"),__vite__mapDeps([3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]),import.meta.url),this.__scbCheckboxLoaded=!0),this.trailing&&this.trailingVariant==="switch"&&!this.__scbSwitchLoaded&&(await p(()=>import("../scb-switch/scb-switch.js"),__vite__mapDeps([21,4,5,6,7,8,9,10,11,12,14,15,16,17,18,19]),import.meta.url),this.__scbSwitchLoaded=!0)}__ensureRipple(a){if(!(this.type!=="link"||this.disabled)){if(a&&(this.__pendingRippleEvent=a),this.__rippleLoaded){this.__syncRipple();return}this.__rippleRequested||(this.__rippleRequested=!0,w().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__rippleLoaded=!0,this.requestUpdate(),this.updateComplete.then(()=>this.__syncRipple()))}))}}__scheduleFocusVisibleSync(){this.__focusVisibleRaf!==null&&cancelAnimationFrame(this.__focusVisibleRaf),this.__focusVisibleRaf=requestAnimationFrame(()=>{this.__focusVisibleRaf=null;const a=this.renderRoot instanceof ShadowRoot?this.renderRoot.activeElement:null,i=this.matches(":focus-visible")||a instanceof HTMLElement&&a.matches(":focus-visible");this.toggleAttribute("data-focus-visible",i),i&&this.__ensureFocusRing()})}__ensureFocusRing(){this.__focusRingLoaded||this.__focusRingRequested||(this.__focusRingRequested=!0,f().then(({ensureFocusRingReady:a})=>a()).then(()=>{this.__focusRingLoaded=!0,this.requestUpdate()}))}__setTrailingSwitchSelected(a,i){this.trailingSwitchSelected=a,i&&this.dispatchEvent(new CustomEvent("trailing-switch-change",{detail:{selected:a},bubbles:!0,composed:!0}))}render(){const a=this.closest('scb-list, scb-list-card, scb-card[type="list"]')?.getAttribute("size"),i=this.density===-4?"small":this.density===-2?"medium":"large",l=this.size||a||i,g=L(this,`--scb-list-item-design-leading-avatar-component-size-${l}`,["small","medium","large","extra-large"],"medium"),c=this.leading?(()=>{switch(this.leadingVariant){case"icon":return this.leadingIcon?n`<div class="leading"><span class="material-icon" aria-hidden="true">${this.leadingIcon}</span></div>`:r;case"avatar":return n`
|
|
3
3
|
<div class="leading">
|
|
4
4
|
<scb-avatar
|
|
5
5
|
label=${this.avatarLabel}
|
|
@@ -10,14 +10,14 @@ import{g as r,h as z,m as S,p as s,v as n,y as R}from"../../vendor/vendor.js";im
|
|
|
10
10
|
variant=${this.avatarVariant}
|
|
11
11
|
></scb-avatar>
|
|
12
12
|
</div>
|
|
13
|
-
`;case"image":return this.imgHrefImage?n`<div class="leading"><img class="img" part="leading-image" src="${this.imgHrefImage}" alt="" /></div>`:r;default:return r}})():r,o=this.href||this.itemHref||"",u=this.target==="_blank"?"open_in_new":"chevron_right",x=this.trailingCheckboxAriaLabel||(this.label?`Välj ${this.label}`:"Välj"),_=this.trailingSwitchAriaLabel||(this.label?`Växla ${this.label}`:"Växla");let
|
|
13
|
+
`;case"image":return this.imgHrefImage?n`<div class="leading"><img class="img" part="leading-image" src="${this.imgHrefImage}" alt="" /></div>`:r;default:return r}})():r,o=this.href||this.itemHref||"",u=this.target==="_blank"?"open_in_new":"chevron_right",x=this.trailingCheckboxAriaLabel||(this.label?`Välj ${this.label}`:"Välj"),_=this.trailingSwitchAriaLabel||(this.label?`Växla ${this.label}`:"Växla");let d=r;if(this.trailing)if(this.trailingVariant==="icon"){const m=this.trailingIcon||(this.type==="link"?u:"");d=m?n`<div class="trailing"><span class="material-icon" aria-hidden="true">${m}</span></div>`:r}else this.trailingVariant==="checkbox"?d=n`
|
|
14
14
|
<div class="trailing">
|
|
15
15
|
<scb-checkbox
|
|
16
16
|
aria-label=${x}
|
|
17
17
|
.disabled=${this.disabled}
|
|
18
18
|
@click=${m=>m.stopPropagation()}
|
|
19
19
|
></scb-checkbox>
|
|
20
|
-
</div>`:this.trailingVariant==="switch"&&(
|
|
20
|
+
</div>`:this.trailingVariant==="switch"&&(d=n`
|
|
21
21
|
<div class="trailing trailing-switch" style=${this.trailingSwitchWidth?`inline-size: ${this.trailingSwitchWidth}; min-inline-size: ${this.trailingSwitchWidth};`:r}>
|
|
22
22
|
<scb-switch
|
|
23
23
|
.selected=${this.trailingSwitchSelected}
|
|
@@ -27,14 +27,14 @@ import{g as r,h as z,m as S,p as s,v as n,y as R}from"../../vendor/vendor.js";im
|
|
|
27
27
|
@click=${m=>m.stopPropagation()}
|
|
28
28
|
@change=${this.__onTrailingSwitchChange}
|
|
29
29
|
></scb-switch>
|
|
30
|
-
</div>`);else this.type==="link"&&(
|
|
30
|
+
</div>`);else this.type==="link"&&(d=n`<div class="trailing"><span class="material-icon" aria-hidden="true">${u}</span></div>`);const k=this.type==="link"&&this.target==="_blank"?"noopener noreferrer":r,y=n`
|
|
31
31
|
${c}
|
|
32
32
|
<div class="texts">
|
|
33
33
|
${this.overline?n`<div class="overline">${this.overline}</div>`:r}
|
|
34
34
|
<div class="label"><slot name="label">${this.label}</slot></div>
|
|
35
35
|
${this.supportingText||this.querySelector('[slot="supporting-text"]')?n`<div class="supporting-text"><slot name="supporting-text">${this.supportingText}</slot></div>`:r}
|
|
36
36
|
</div>
|
|
37
|
-
${
|
|
37
|
+
${d}
|
|
38
38
|
`;return n`
|
|
39
39
|
<div
|
|
40
40
|
class="row"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/ripple.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/attachable-controller.js","../../vendor/md-focus-ring.js","../../vendor/icon.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{f as g,g as r,h as v,m as _,p as a,v as c,y as f}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as b}from"../../vendor/preload-helper.js";import{t as s}from"../../vendor/decorate.js";import"
|
|
2
|
+
import{f as g,g as r,h as v,m as _,p as a,v as c,y as f}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as b}from"../../vendor/preload-helper.js";import{t as s}from"../../vendor/decorate.js";import"../scb-chevron/scb-chevron.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(t,i,l){try{customElements.get(t)||e(t,i,l)}catch(h){var o=String(h||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var u,m,p={fromAttribute:d=>d==null?!1:!/^(false|0|off|no)$/i.test(d),toAttribute:d=>d?"":null},n=(u=class extends v{constructor(...e){super(...e),this.label="",this.selected=!1,this.noHighlightSelected=!1,this.leadingIcon="",this.itemHref="",this.hasChildren=!1,this.loading=!1,this.showSubmenuLabel="Visa undermeny för",this.hideSubmenuLabel="Dölj undermeny för",this.loadingLabel="Laddar…",this.hasSlotContent=!1,this.expanded=!1,this.__submenuId=`sub-${Math.random().toString(36).slice(2)}`,this.__focusId=`f-${Math.random().toString(36).slice(2)}`,this._toggleExpand=t=>{t&&t.stopPropagation(),this.__isExpandable&&this.__setExpanded(!this.expanded)},this._onButtonClick=t=>{t.stopPropagation(),this._dispatchSelect(),this._toggleExpand()},this._onLinkClick=()=>{this._dispatchSelect()},this._onKeyDown=t=>{const i=this.__keyboardItems(),l=i.indexOf(this);switch(t.key){case"ArrowDown":{t.preventDefault();const o=i[l+1]||i[0];this.__focusMenuItem(o);break}case"ArrowUp":{t.preventDefault();const o=i[l-1]||i[i.length-1];this.__focusMenuItem(o);break}case"Home":{t.preventDefault();const o=i[0];this.__focusMenuItem(o);break}case"End":{t.preventDefault();const o=i[i.length-1];this.__focusMenuItem(o);break}case"ArrowRight":if(!this.__isExpandable)break;t.preventDefault(),this.expanded||this.__setExpanded(!0);break;case"ArrowLeft":if(!this.__isExpandable)break;t.preventDefault(),this.expanded&&this.__setExpanded(!1);break}}}get __submenuEl(){return this.renderRoot.querySelector(`#${this.__submenuId}`)}get __isExpandable(){return this.hasSlotContent||this.hasChildren}__submenuButtonLabel(){const e=this.expanded?this.hideSubmenuLabel:this.showSubmenuLabel;return this.label?`${e} ${this.label}`:e}async __ensureDepsLoaded(){m.__rippleLoaded||(await b(()=>import("../../vendor/ripple.js").then(e=>e.t),__vite__mapDeps([0,1,2,3,4]),import.meta.url),m.__rippleLoaded=!0),m.__focusRingLoaded||(await b(()=>import("../../vendor/md-focus-ring.js").then(e=>e.t),__vite__mapDeps([5,1,2,3,4]),import.meta.url),m.__focusRingLoaded=!0),this.leadingIcon&&!m.__iconLoaded&&(await b(()=>import("../../vendor/icon.js").then(e=>e.t),__vite__mapDeps([6,1,2,3]),import.meta.url),m.__iconLoaded=!0)}__syncHasSlotContentFromLightDom(){const e=Array.from(this.children);this.hasSlotContent=e.some(t=>t.tagName==="SCB-SUB-MENU")}connectedCallback(){super.connectedCallback(),this.__syncHasSlotContentFromLightDom()}_onSlotChange(e){const t=e.target.assignedElements({flatten:!0});this.hasSlotContent=t.some(i=>i.tagName==="SCB-SUB-MENU")}__setExpanded(e){if(!this.__isExpandable)return;this.expanded=e;const t={item:this,expanded:e,hasChildren:this.hasChildren,hasSlotContent:this.hasSlotContent,loading:this.loading,lazy:this.hasChildren&&!this.hasSlotContent};this.dispatchEvent(new CustomEvent("scb-menu-expand",{bubbles:!0,composed:!0,detail:t})),this.dispatchEvent(new CustomEvent("scbmenuexpand",{bubbles:!0,composed:!0,detail:t}))}_dispatchSelect(){this.dispatchEvent(new CustomEvent("scb-menu-select",{bubbles:!0,composed:!0,detail:{item:this}})),this.dispatchEvent(new CustomEvent("scbmenuselect",{bubbles:!0,composed:!0,detail:{item:this}}))}async firstUpdated(){await this.__ensureDepsLoaded(),this.__applyInert()}updated(e){e.has("leadingIcon")&&this.leadingIcon&&this.__ensureDepsLoaded(),(e.has("hasSlotContent")&&this.hasSlotContent||e.has("hasChildren")&&this.hasChildren||e.has("loading")&&this.loading)&&this.__ensureDepsLoaded(),(e.has("expanded")||e.has("hasChildren")||e.has("loading"))&&this.__applyInert()}__applyInert(){const e=this.__submenuEl;e&&(this.loading?e.setAttribute("aria-busy","true"):e.removeAttribute("aria-busy"),this.expanded?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false")):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true")))}render(){const e=!!this.leadingIcon,t=!!this.itemHref,i=this.__isExpandable;return c`
|
|
3
3
|
<div class="scb-menu-item">
|
|
4
4
|
<div class="scb-menu-item-label" ?selected=${this.selected} ?no-highlight-selected=${this.noHighlightSelected}>
|
|
5
5
|
${t?c`
|
|
@@ -72,9 +72,9 @@ import{f as g,g as r,h as v,m as _,p as a,v as c,y as f}from"../../vendor/vendor
|
|
|
72
72
|
`}__isHiddenByCollapsedAncestor(e,t){let i=e.parentElement;for(;i&&i!==t;){if(i.localName==="scb-menu-item"&&!i.expanded)return!0;i=i.parentElement}return!1}__keyboardItems(){const e=this.closest("scb-sub-menu, scb-menu");return e?Array.from(e.querySelectorAll("scb-menu-item")).filter(t=>!this.__isHiddenByCollapsedAncestor(t,e)):[this]}__focusMenuItem(e){e?.shadowRoot?.querySelector(".scb-menu-label-text")?.focus()}},m=u,u.__rippleLoaded=!1,u.__iconLoaded=!1,u.__focusRingLoaded=!1,u.styles=f`@keyframes scb-menu-loading-spin{to{transform:rotate(1turn)}}:host{--scb-menu-sub-transition-duration:var(--scb-motion-duration-quick, 150ms);--scb-menu-sub-transition-easing:var(--scb-motion-easing-standard, cubic-bezier(.69,.16,.2,.98));--scb-menu-chevron-transition-duration:var(--motion-duration-medium, 150ms);--scb-menu-chevron-transition-easing:var(
|
|
73
73
|
--motion-easing-emphasized-accelerate,
|
|
74
74
|
var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98))
|
|
75
|
-
);--scb-menu-item-padding-y:var(--scb-menu-item-design-item-padding-block-medium);--scb-menu-item-padding-x:var(--scb-menu-item-design-padding-inline-medium);--scb-menu-item-padding-x-has-icon:var(--scb-menu-item-design-icon-padding-inline-medium);--scb-menu-item-radius:var(--scb-menu-item-design-item-radius-medium);--scb-menu-item-gap:var(--scb-menu-item-design-gap-medium);--scb-menu-item-text-font-family:var(--scb-menu-item-design-text-medium-font);--scb-menu-item-text-font-size:var(--scb-menu-item-design-text-medium-size);--scb-menu-item-text-line-height:var(--scb-menu-item-design-text-medium-line-height);--scb-menu-item-text-letter-spacing:var(--scb-menu-item-design-text-medium-letter-spacing);--scb-menu-item-text-font-weight:var(--scb-menu-item-design-text-medium-font-weight)}:host([expanded]){--scb-menu-chevron-transition-easing:var(
|
|
75
|
+
);--scb-menu-item-padding-y:var(--scb-menu-item-design-item-padding-block-medium);--scb-menu-item-padding-x:var(--scb-menu-item-design-padding-inline-medium);--scb-menu-item-padding-x-has-icon:var(--scb-menu-item-design-icon-padding-inline-medium);--scb-menu-item-radius:var(--scb-menu-item-design-item-radius-medium);--scb-menu-item-gap:var(--scb-menu-item-design-gap-medium);--scb-menu-item-text-font-family:var(--scb-menu-item-design-text-medium-font);--scb-menu-item-text-font-size:var(--scb-menu-item-design-text-medium-size);--scb-menu-item-text-line-height:var(--scb-menu-item-design-text-medium-line-height);--scb-menu-item-text-letter-spacing:var(--scb-menu-item-design-text-medium-letter-spacing);--scb-menu-item-text-font-weight:var(--scb-menu-item-design-text-medium-font-weight);display:block;min-width:0}:host([expanded]){--scb-menu-chevron-transition-easing:var(
|
|
76
76
|
--motion-easing-emphasized-decelerate,
|
|
77
77
|
var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98))
|
|
78
|
-
)}.scb-menu-item-label{display:flex;align-items:center;position:relative}.scb-menu-label-text{width:
|
|
78
|
+
)}.scb-menu-item-label{display:flex;align-items:center;position:relative;min-width:0}.scb-menu-label-text{flex:1 1 0;min-width:0;display:block;background:0 0;border:0;text-align:left;font-family:var(--scb-menu-item-text-font-family, var(--brand-font, var(--brand, "Inter"), sans-serif));font-size:var(--scb-menu-item-text-font-size);line-height:var(--scb-menu-item-text-line-height);font-weight:var(--scb-menu-item-text-font-weight);letter-spacing:var(--scb-menu-item-text-letter-spacing);color:inherit;text-decoration:none;cursor:pointer;padding:0;margin:0;appearance:none;-webkit-appearance:none;box-sizing:border-box;outline:0;-webkit-tap-highlight-color:transparent}.scb-menu-label-text:focus,.scb-menu-label-text:focus-visible{outline:0}.scb-menu-label-text:-moz-focusring{outline:0}.scb-menu-click,.scb-menu-click.has-icon{padding-block:var(--scb-menu-item-padding-y)}.scb-menu-click{display:flex;align-items:center;min-width:0;gap:var(--scb-menu-item-gap);padding-inline:var(--scb-menu-item-padding-x);border-radius:var(--scb-menu-item-radius);position:relative;overflow:hidden;overflow-wrap:anywhere;color:var(--scb-menu-panel-content-color, var(--md-sys-color-on-surface))}.scb-menu-click.has-icon{padding-inline:var(--scb-menu-item-padding-x-has-icon)}.scb-menu-click md-icon{--md-icon-size:var(--scb-menu-leading-icon-size, var(--scb-menu-item-design-icon-medium))}.scb-menu-click md-ripple{--md-ripple-focus-opacity:0}.scb-menu-item-label[selected]:not([no-highlight-selected]) .scb-menu-click,:host([selected]):not([no-highlight-selected]) .scb-menu-click{color:var(--scb-menu-selected-content-color, var(--md-sys-color-on-secondary-container));background:var(--scb-menu-selected-container-color, var(--md-sys-color-secondary-container))}.scb-menu-item-label[selected]:not([no-highlight-selected]) .scb-menu-label-text,:host([selected]):not([no-highlight-selected]) .scb-menu-label-text{font-weight:var(--scb-menu-item-selected-font-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600))))}.menu-chevron-button{margin-left:auto;flex:0 0 auto;position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--scb-menu-chevron-button-size, var(--scb-menu-item-design-chevron-button-medium));block-size:var(--scb-menu-chevron-button-size, var(--scb-menu-item-design-chevron-button-medium));padding:0;border:0;border-radius:var(--radius-full, 1000px);background:0 0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.menu-chevron-button:focus{outline:0}.menu-chevron-button md-ripple{border-radius:inherit}.menu-chevron{--scb-chevron-size:var(--scb-menu-chevron-size, var(--scb-menu-item-design-chevron-icon-medium))}:host([loading]) .menu-chevron-button{cursor:progress}:host([loading]) .menu-chevron{opacity:.7}.submenu{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--scb-menu-sub-transition-duration) var(--scb-menu-sub-transition-easing),opacity var(--scb-menu-sub-transition-duration) var(--scb-menu-sub-transition-easing);opacity:0;padding-left:var(--scb-menu-item-design-submenu-padding-inline-medium)}.submenu.expanded{grid-template-rows:1fr;opacity:1}.submenu,.submenu__inner{overflow:hidden}.submenu-loading{display:flex;align-items:center;gap:var(--scb-menu-submenu-loading-gap, var(--spacing-3, 8px));padding-block:var(--scb-menu-submenu-loading-padding-block, var(--spacing-3, 8px));padding-inline:var(--scb-menu-item-design-submenu-padding-inline-medium);color:var(--scb-menu-loading-color,
|
|
79
79
|
var(--md-sys-color-on-surface-variant, currentColor)
|
|
80
80
|
);font-size:var(--scb-typography-body-small-size, var(--md-sys-typescale-body-small-size, 0.875rem));line-height:var(--scb-typography-body-small-line-height, var(--md-sys-typescale-body-small-line-height, 1.25rem))}.submenu-loading::before{content:"";inline-size:.75rem;block-size:.75rem;border-radius:var(--radius-full, 1000px);border:2px solid currentColor;border-inline-end-color:transparent;animation:scb-menu-loading-spin 700ms linear infinite}@media (prefers-reduced-motion:reduce){.submenu{transition:none}.submenu-loading::before{animation:none}}:host{--scb-menu-item-design-item-padding-block-medium:var(--scb-navigation-item-padding-block, var(--scale-02, 14px));--scb-menu-item-design-padding-inline-medium:var(--scb-navigation-item-padding-inline, var(--scale-05, 20px));--scb-menu-item-design-icon-padding-inline-medium:var(--scb-navigation-item-padding-inline-with-icon, var(--spacing-4, 12px));--scb-menu-item-design-text-medium-font:var(--scb-navigation-text-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand))));--scb-menu-item-design-text-medium-size:var(--scb-navigation-text-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-menu-item-design-text-medium-line-height:var(--scb-navigation-text-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-menu-item-design-text-medium-tracking:var(--scb-navigation-text-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px))));--scb-menu-item-design-text-medium-weight:var(--scb-navigation-text-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-menu-item-design-text-medium-letter-spacing:var(--scb-navigation-text-letter-spacing, var(--scb-navigation-text-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px)))));--scb-menu-item-design-text-medium-font-weight:var(--scb-navigation-text-font-weight, var(--scb-navigation-text-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400)))));--scb-menu-item-design-icon-medium:var(--scb-navigation-icon-size, var(--icon-size-medium, 24px));--scb-menu-item-design-chevron-icon-medium:var(--scb-navigation-chevron-size, var(--icon-size-medium, 24px));--scb-menu-item-design-chevron-button-medium:var(--scb-navigation-chevron-button-size, var(--scale-11, 48px));--scb-menu-item-design-gap-medium:var(--scb-navigation-item-gap, var(--spacing-4, 12px));--scb-menu-item-design-item-radius-medium:var(--scb-navigation-item-radius, var(--radius-full, 1000px));--scb-menu-item-design-submenu-padding-inline-medium:var(--scb-navigation-submenu-padding-inline, var(--spacing-5, 16px))}`,u);s([a({type:String})],n.prototype,"label",void 0);s([a({type:Boolean,reflect:!0})],n.prototype,"selected",void 0);s([a({type:Boolean,attribute:"no-highlight-selected",reflect:!0})],n.prototype,"noHighlightSelected",void 0);s([a({type:String,attribute:"leading-icon"})],n.prototype,"leadingIcon",void 0);s([a({type:String,attribute:"item-href"})],n.prototype,"itemHref",void 0);s([a({type:Boolean,attribute:"has-children",reflect:!0,converter:p})],n.prototype,"hasChildren",void 0);s([a({type:Boolean,reflect:!0,converter:p})],n.prototype,"loading",void 0);s([a({type:String,attribute:"show-submenu-label"})],n.prototype,"showSubmenuLabel",void 0);s([a({type:String,attribute:"hide-submenu-label"})],n.prototype,"hideSubmenuLabel",void 0);s([a({type:String,attribute:"loading-label"})],n.prototype,"loadingLabel",void 0);s([g()],n.prototype,"hasSlotContent",void 0);s([a({type:Boolean,reflect:!0})],n.prototype,"expanded",void 0);n=m=s([_("scb-menu-item")],n);
|