scb-wc 0.1.224 → 0.1.226

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.
Files changed (10) hide show
  1. package/mvc/components/scb-list/scb-list-item.js +1 -1
  2. package/mvc/scb-wc-core.css +1 -1
  3. package/mvc/scb-wc-selfhost.css +1 -1
  4. package/mvc/scb-wc.css +1 -1
  5. package/package.json +2 -2
  6. package/scb-list/scb-list-item.js +1 -0
  7. package/scb-wc-core.css +1 -1
  8. package/scb-wc-selfhost.css +1 -1
  9. package/scb-wc.bundle.js +1 -0
  10. package/scb-wc.css +1 -1
package/mvc/components/scb-list/scb-list-item.js CHANGED
@@ -1,5 +1,5 @@
1
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)}: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`
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}