scb-wc 0.1.239 → 0.1.240
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 +16 -19
- package/all.d.ts +0 -14
- package/all.js +0 -14
- package/index.js +85 -99
- package/mvc/components/all.js +0 -9
- 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/components/scb-cookies-consent/scb-cookies-consent.js +1 -1
- 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 +1 -1
- 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-textfield/scb-textfield.js +176 -34
- package/mvc/components/scb-toc/scb-toc-item.js +1 -1
- package/mvc/components/scb-tooltip/scb-tooltip.js +1 -1
- package/mvc/{components/shared → vendor}/component-size-token.js +1 -1
- package/mvc/vendor/lazy-focus-ring.js +2 -0
- package/mvc/vendor/lazy-ripple.js +2 -0
- package/mvc/{components/shared → vendor}/manual-popover.js +1 -1
- package/mvc/{components/scb-chevron → vendor}/scb-chevron.js +1 -1
- package/mvc/vendor/scb-icon-svg.js +11 -0
- package/package.json +2 -12
- package/scb-viz/scb-viz-series-differentiation-registry.js +7 -10
- package/scb-viz/scb-viz.js +43 -43
- package/scb-wc.bundle.js +286 -407
- package/scb-wc.d.ts +0 -28
- package/shared/scb-icon-svg.js +2 -5
- package/mvc/components/scb-datepicker/scb-datepicker.js +0 -143
- package/mvc/components/scb-table-next/read-table.js +0 -1
- package/mvc/components/scb-table-next/scb-table-next.js +0 -6
- package/mvc/components/shared/lazy-focus-ring.js +0 -2
- package/mvc/components/shared/lazy-ripple.js +0 -2
- package/mvc/components/shared/scb-icon-svg.js +0 -11
- package/scb-components/index.d.ts +0 -108
- package/scb-components/scb-table-next/read-table.d.ts +0 -29
- package/scb-components/scb-table-next/scb-table-next.d.ts +0 -22
- package/scb-components/scb-viz/scb-viz-actions-runtime.d.ts +0 -26
- package/scb-components/scb-viz/scb-viz-print-runtime.d.ts +0 -30
- package/scb-components/scb-viz/scb-viz-series-differentiation-registry.d.ts +0 -21
- package/scb-components/scb-viz/scb-viz-series-differentiation-runtime.d.ts +0 -42
- package/scb-components/scb-viz/scb-viz-table-runtime.d.ts +0 -28
- package/scb-components/shared/component-size-token.d.ts +0 -1
- package/scb-components/shared/lazy-focus-ring.d.ts +0 -4
- package/scb-components/shared/lazy-ripple.d.ts +0 -9
- package/scb-components/shared/manual-popover.d.ts +0 -7
- package/scb-components/shared/scb-icon-svg.d.ts +0 -3
- package/scb-table-next/read-table.js +0 -87
- package/scb-table-next/scb-table-next.js +0 -226
|
@@ -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 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`
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/lazy-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/preload-helper.js","../../vendor/lazy-ripple.js","../scb-checkbox/scb-checkbox.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/icon.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 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`
|
|
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 p=r;if(this.trailing)if(this.trailingVariant==="icon"){const m=this.trailingIcon||(this.type==="link"?u:"");p=m?n`<div class="trailing"><span class="material-icon" aria-hidden="true">${m}</span></div>`:r}else this.trailingVariant==="checkbox"?p=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"&&(p=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"&&(p=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
|
+
${p}
|
|
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"../../vendor/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`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{f as _,h as y,m as k,p as o,v,y as x}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/ripple.js";import{
|
|
1
|
+
import{f as _,h as y,m as k,p as o,v,y as x}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/ripple.js";import{t as S}from"../../vendor/lazy-focus-ring.js";import{t as n}from"../../vendor/decorate.js";import{t as u}from"../../vendor/scb-icon-svg.js";import"./scb-nav-item.js";(function(){try{var d=typeof globalThis<"u"?globalThis:window;if(!d.__scb_ce_guard_installed__){d.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,s){try{customElements.get(e)||t(e,i,s)}catch(c){var r=String(c||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var h,f={fromAttribute(d){return d===null?!1:d.toLowerCase()!=="false"}},a=(h=class extends y{constructor(...t){super(...t),this.__itemsEl=null,this.__resizeObserver=null,this.__resizeRaf=null,this.__canScrollLeft=!1,this.__canScrollRight=!1,this.label="",this.activeHref="",this.activateOnClick=!0,this.scrollShadow=!1,this.leftScrollButtonLabel="Scrolla vänster",this.rightScrollButtonLabel="Scrolla höger",this.sticky=!1,this.stickyTop="0px",this.stickyZIndex=5,this.stickyBackground="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__autoAriaLabel=!1,this.__itemIdPrefix=`scb-nav-${Math.random().toString(36).slice(2)}`,this.__itemIdCounter=0,this.__onSlotChange=async()=>{await this.__decorateItems(),this.__applyActiveHref(),this.__scheduleScrollControlUpdate()},this.__scrollLeft=()=>{this.__scrollBy(-this.__getScrollStep())},this.__scrollRight=()=>{this.__scrollBy(this.__getScrollStep())},this.__onWheel=e=>{if(e.ctrlKey)return;const i=this.__itemsEl;if(!i)return;const s=i.scrollWidth-i.clientWidth;if(s<=1)return;const r=this.__normalizeWheelDelta(e);if(r===0)return;const c=Math.max(0,Math.min(s,i.scrollLeft+r));c!==i.scrollLeft&&(e.preventDefault(),i.scrollLeft=c,this.__updateScrollControls())},this.__onItemsScroll=()=>{this.__updateScrollControls()},this.__onClick=e=>{const i=e.composedPath().find(r=>r instanceof HTMLElement&&(r.tagName==="A"||r.tagName==="BUTTON"||r.tagName==="SCB-NAV-ITEM"));if(!i)return;const s=this.__getItemHref(i);this.dispatchEvent(new CustomEvent("scb-nav-select",{bubbles:!0,composed:!0,detail:{item:i,href:s}})),this.dispatchEvent(new CustomEvent("scbnavselect",{bubbles:!0,composed:!0,detail:{item:i,href:s}})),this.activateOnClick&&s&&(this.activeHref=s)}}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}__applySpacing(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,i=this.mapSpacingToken(this.spacingBottom)??t,s=this.mapSpacingToken(this.spacingLeft),r=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-nav-spacing-block-start",e):this.style.removeProperty("--scb-nav-spacing-block-start"),i?this.style.setProperty("--scb-nav-spacing-block-end",i):this.style.removeProperty("--scb-nav-spacing-block-end"),s?this.style.setProperty("--scb-nav-spacing-inline-start",s):this.style.removeProperty("--scb-nav-spacing-inline-start"),r?this.style.setProperty("--scb-nav-spacing-inline-end",r):this.style.removeProperty("--scb-nav-spacing-inline-end")}__syncStickyStyles(){if(!this.sticky){this.style.removeProperty("--_scb-nav-sticky-top"),this.style.removeProperty("--_scb-nav-sticky-z-index"),this.style.removeProperty("--_scb-nav-sticky-background");return}const t=(this.stickyTop||"").trim()||"0px";this.style.setProperty("--_scb-nav-sticky-top",t);const e=Number.isFinite(this.stickyZIndex)?this.stickyZIndex:5;this.style.setProperty("--_scb-nav-sticky-z-index",String(e));const i=(this.stickyBackground||"").trim();if(!i){this.style.removeProperty("--_scb-nav-sticky-background");return}const s=i.startsWith("--")?`var(${i})`:i;this.style.setProperty("--_scb-nav-sticky-background",s)}connectedCallback(){super.connectedCallback(),this.__removeLazyFocusRingListeners=S(this,this.renderRoot),this.hasAttribute("role")||this.setAttribute("role","navigation"),this.__syncStickyStyles(),this.__syncAriaLabel()}disconnectedCallback(){this.__removeLazyFocusRingListeners?.(),this.__removeLazyFocusRingListeners=void 0,this.__itemsEl?.removeEventListener("scroll",this.__onItemsScroll),this.__itemsEl=null,this.__resizeObserver?.disconnect(),this.__resizeObserver=null,this.__resizeRaf!==null&&(cancelAnimationFrame(this.__resizeRaf),this.__resizeRaf=null),super.disconnectedCallback()}async firstUpdated(){this.__itemsEl=this.renderRoot.querySelector(".scb-nav__items"),this.__itemsEl&&this.__itemsEl.addEventListener("scroll",this.__onItemsScroll,{passive:!0}),this.__resizeObserver=new ResizeObserver(()=>{this.__scheduleScrollControlUpdate()}),this.__resizeObserver.observe(this),this.__itemsEl&&this.__resizeObserver.observe(this.__itemsEl),await this.__decorateItems(),this.__applyActiveHref(),this.__applySpacing(),this.__scheduleScrollControlUpdate(),document.fonts?.ready?.then(()=>{this.isConnected&&this.__scheduleScrollControlUpdate()})}updated(t){t.has("label")&&this.__syncAriaLabel(),(t.has("sticky")||t.has("stickyTop")||t.has("stickyZIndex")||t.has("stickyBackground"))&&this.__syncStickyStyles(),t.has("activeHref")&&this.__applyActiveHref(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.__applySpacing()}__syncAriaLabel(){if(this.hasAttribute("aria-label")){this.__autoAriaLabel=!1;return}const t=(this.label||"").trim();if(!t){this.__autoAriaLabel&&(this.removeAttribute("aria-label"),this.__autoAriaLabel=!1);return}this.setAttribute("aria-label",t),this.__autoAriaLabel=!0}async __decorateItems(){const t=this.__getSlottedItems();if(t.some(e=>e.tagName==="A"||e.tagName==="BUTTON"||e.tagName==="SCB-NAV-ITEM"))for(const e of t){const i=e instanceof HTMLAnchorElement,s=e instanceof HTMLButtonElement,r=e.tagName==="SCB-NAV-ITEM";if(!i&&!s&&!r||(s&&!e.hasAttribute("type")&&e.setAttribute("type","button"),e.getAttribute("data-scb-nav-decorated")==="true"))continue;e.id||(this.__itemIdCounter+=1,e.id=`${this.__itemIdPrefix}-${this.__itemIdCounter}`);const c=p=>{const g=e.querySelector(p);if(g instanceof HTMLElement)return g;const m=document.createElement(p);return e.appendChild(m),m},b=c("md-ripple");b&&b.style.setProperty("--md-ripple-focus-opacity","0");const l=c("md-focus-ring");l&&(l.setAttribute("inward",""),l.setAttribute("for",e.id),l.style.position="absolute",l.style.inset="0",l.style.pointerEvents="none",l.style.borderRadius="var(--scb-nav-design-item-radius-medium)"),e.setAttribute("data-scb-nav-decorated","true")}}__getSlottedItems(){const t=this.renderRoot.querySelector("slot");return t?t.assignedElements({flatten:!0}).filter(e=>e instanceof HTMLElement):[]}__getItemHref(t){return t instanceof HTMLAnchorElement?(t.getAttribute("href")||"").trim():t.tagName==="SCB-NAV-ITEM"?(t.getAttribute("href")||t.getAttribute("data-href")||t.href||t.dataHref||"").trim():(t.getAttribute("data-href")||"").trim()}__applyActiveHref(){const t=(this.activeHref||"").trim(),e=this.__getSlottedItems();for(const i of e){const s=i instanceof HTMLAnchorElement,r=i instanceof HTMLButtonElement,c=i.tagName==="SCB-NAV-ITEM";if(!s&&!r&&!c)continue;r&&!i.hasAttribute("type")&&i.setAttribute("type","button");const b=this.__getItemHref(i);t&&b===t?(i.setAttribute("aria-current","location"),i.setAttribute("data-scb-nav-managed","true"),i.setAttribute("data-active","true")):(i.getAttribute("data-scb-nav-managed")==="true"&&(i.removeAttribute("aria-current"),i.removeAttribute("data-scb-nav-managed")),i.removeAttribute("data-active"))}}__getScrollStep(){const t=this.__itemsEl;return t?Math.max(Math.round(t.clientWidth*.8),120):200}__scrollBy(t){this.__itemsEl?.scrollBy({left:t,behavior:"smooth"})}__normalizeWheelDelta(t){const e=this.__itemsEl,i=Math.abs(t.deltaX)>Math.abs(t.deltaY)?t.deltaX:t.deltaY;return e?t.deltaMode===WheelEvent.DOM_DELTA_LINE?i*16:t.deltaMode===WheelEvent.DOM_DELTA_PAGE?i*e.clientWidth:i:i}__scheduleScrollControlUpdate(){this.__resizeRaf===null&&(this.__resizeRaf=requestAnimationFrame(()=>{this.__resizeRaf=null,this.__updateScrollControls()}))}__updateScrollControls(){const t=this.__itemsEl;if(!t){this.__canScrollLeft=!1,this.__canScrollRight=!1,this.toggleAttribute("data-scroll-left",!1),this.toggleAttribute("data-scroll-right",!1);return}const e=t.scrollLeft>0,i=t.scrollLeft+t.clientWidth<t.scrollWidth-1;this.__canScrollLeft=e,this.__canScrollRight=i,this.toggleAttribute("data-scroll-left",e),this.toggleAttribute("data-scroll-right",i)}render(){return v`
|
|
2
2
|
<div class="scb-nav">
|
|
3
3
|
${this.__canScrollLeft?v`
|
|
4
4
|
<button
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{f as d,h as S,m as T,p as e,v as g,y as $}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{
|
|
1
|
+
import{f as d,h as S,m as T,p as e,v as g,y as $}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{t as C}from"../../vendor/component-size-token.js";import{t as i}from"../../vendor/decorate.js";import{t as H}from"../../vendor/assertClassBrand.js";import{t as B}from"../../vendor/classPrivateMethodInitSpec.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-icon/scb-icon.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var n=customElements.define.bind(customElements);customElements.define=function(o,a,s){try{customElements.get(o)||n(o,a,s)}catch(l){var c=String(l||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var h,b,E={fromAttribute:r=>r??"",toAttribute:r=>typeof r!="string"||r.trim()===""?null:r},t=(h=new WeakSet,b=class extends S{constructor(...n){super(...n),B(this,h),this.variant="success",this.direction="horizontal",this.title="",this.notificationCardTitle="",this.subtitle="",this.supportingText="",this.open=!1,this.linkText="",this.linkHref="#",this.href="",this.showIcon=!1,this.showCloseButton=!1,this.closeLabel="Stäng meddelande",this.sizing="",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.fullHeight=!1,this.fullWidth=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasHeading=!1,this.__hasSubtitle=!1,this.__hasSupportingText=!1,this.__hasFooter=!1,this.__hasIcon=!1,this._closeNotification=()=>{this.open=!1;const o=new CustomEvent("openchange",{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(o);const a=new CustomEvent("notification-close",{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(a);const s=new CustomEvent("close",{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(s);const c=new CustomEvent("Close",{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(c)},this.__syncSlots=()=>{this.__hasHeading=this.__slotHasContent("heading"),this.__hasSubtitle=this.__slotHasContent("subtitle"),this.__hasSupportingText=this.__slotHasContent("supporting-text"),this.__hasFooter=this.__slotHasContent("footer"),this.__hasIcon=this.__slotHasContent("icon")}}_iconForVariant(){switch(this.variant){case"success":return"check_circle";case"error":return"error";case"warning":return"warning";default:return"info"}}__resolveSpacingToken(n){const o=(n??"").trim();return o?/^\d+$/.test(o)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(o,10)))})`:o:""}__applySpacing(){const n=this.__resolveSpacingToken(this.spacingTop||this.spacing),o=this.__resolveSpacingToken(this.spacingBottom||this.spacing),a=this.__resolveSpacingToken(this.spacingLeft||this.spacing),s=this.__resolveSpacingToken(this.spacingRight||this.spacing);n?this.style.marginBlockStart=n:this.style.removeProperty("margin-block-start"),o?this.style.marginBlockEnd=o:this.style.removeProperty("margin-block-end"),a?this.style.marginInlineStart=a:this.style.removeProperty("margin-inline-start"),s?this.style.marginInlineEnd=s:this.style.removeProperty("margin-inline-end")}__hasLightDomSlot(n){return Array.from(this.children).some(o=>o.getAttribute("slot")===n)}__slotHasContent(n){return!!this.renderRoot?.querySelector(`slot[name="${n}"]`)?.assignedNodes({flatten:!0}).some(a=>a.nodeType===Node.TEXT_NODE?!!a.textContent?.trim():!0)}updated(n){super.updated(n),n.has("width")&&(this.width&&this.width.trim()!==""?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),n.has("maxWidth")&&(this.maxWidth&&this.maxWidth.trim()!==""?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),n.has("height")&&(this.height&&this.height.trim()!==""?this.style.blockSize=this.height:this.style.removeProperty("block-size")),n.has("maxHeight")&&(this.maxHeight&&this.maxHeight.trim()!==""?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),(n.has("spacing")||n.has("spacingTop")||n.has("spacingBottom")||n.has("spacingLeft")||n.has("spacingRight"))&&this.__applySpacing()}render(){const n=this.direction==="vertical"?"vertical":"horizontal",o=this.__hasHeading||this.__hasLightDomSlot("heading"),a=this.__hasSubtitle||this.__hasLightDomSlot("subtitle"),s=this.__hasSupportingText||this.__hasLightDomSlot("supporting-text"),c=this.__hasFooter||this.__hasLightDomSlot("footer"),l=I.call(H(h,this)),v=this.subtitle,u=this.supportingText,p=o||!!l,f=a||!!v,m=s||!!u,y=c||!!this.linkText,x=!!(p||f),w=!!(m&&!p&&!f&&!y),k=!!(this.showIcon||this.__hasIcon||this.__hasLightDomSlot("icon")),_=this.linkHref&&this.linkHref!=="#"?this.linkHref:this.href||this.linkHref,z=this.variant==="success"?"--_icon-color: var(--scb-notification-card-success-content-color, var(--md-sys-color-on-success-container, var(--t-30)));":this.variant==="error"?"--_icon-color: var(--scb-notification-card-error-content-color, var(--md-sys-color-on-error-container, var(--e-30)));":this.variant==="warning"?"--_icon-color: var(--scb-notification-card-warning-content-color, var(--md-sys-color-on-warning-container, var(--w-20)));":"--_icon-color: var(--scb-notification-card-info-content-color, var(--md-sys-color-on-info-container, var(--p-30)));";return g`
|
|
2
2
|
<div class="notification" type=${this.variant} role="alert" aria-live="assertive" aria-atomic="true">
|
|
3
3
|
<div class="notification-main ${n}">
|
|
4
4
|
${k?g`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as p,m as b,p as m,v as r,y as d}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{
|
|
1
|
+
import{h as p,m as b,p as m,v as r,y as d}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{n as v}from"../../vendor/lazy-focus-ring.js";import{t as a}from"../../vendor/decorate.js";import"../scb-divider/scb-divider.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(t,e,s){try{customElements.get(t)||i(t,e,s)}catch(l){var n=String(l||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var u,o=(u=class extends p{constructor(...i){super(...i),this.label="",this.hasSubMenu=!1,this.openLeft=!1,this.divider=!1,this.leadingIcon="",this.trailingIcon="",this.itemHref="",this.href="",this._observedSubMenu=null,this._syncSubMenuFlags=()=>{const t=this.nextElementSibling,e=!!(t&&t.tagName==="SCB-OPTIONS-SUB-MENU"),s=!!(e&&t.hasAttribute("open-left"));e!==this.hasSubMenu&&(this.hasSubMenu=e),s!==this.openLeft&&(this.openLeft=s);const n=e?t:null;n!==this._observedSubMenu&&(this._subMenuAttrObserver?.disconnect(),this._subMenuAttrObserver=void 0,this._observedSubMenu=n,n&&(this._subMenuAttrObserver=new MutationObserver(()=>this._syncSubMenuFlags()),this._subMenuAttrObserver.observe(n,{attributes:!0,attributeFilter:["open-left"]})))},this.handleClick=t=>{this._effectiveHref?this._navigateToHref(t):this._toggleSubMenu()},this._onBlur=t=>{const e=this.closest("scb-options-sub-menu");if(e&&e.open){const s=t.relatedTarget;(!s||!e.contains(s))&&(e.dispatchEvent(new CustomEvent("hide-submenu",{bubbles:!0,composed:!0})),e.dispatchEvent(new CustomEvent("hidesubmenu",{bubbles:!0,composed:!0})))}},this._onFocus=()=>{const t=this.nextElementSibling;this.classList.contains("open-submenu")&&(t&&t.tagName==="SCB-OPTIONS-SUB-MENU"&&t.hasAttribute("open")||this.classList.remove("open-submenu"))},this._onKeyDown=t=>{if(t.key==="Enter"||t.key===" "){t.preventDefault(),this.handleClick(t);return}if(t.key==="ArrowDown"){t.preventDefault();let e=this.nextElementSibling;for(;e&&e.tagName!=="SCB-OPTIONS-MENU-ITEM";)e=e.nextElementSibling;e&&e.shadowRoot?.querySelector("li")?.focus();return}if(t.key==="ArrowUp"){t.preventDefault();let e=this.previousElementSibling;for(;e&&e.tagName!=="SCB-OPTIONS-MENU-ITEM";)e=e.previousElementSibling;e&&e.shadowRoot?.querySelector("li")?.focus();return}if(t.key==="ArrowRight"){t.preventDefault();const e=this.nextElementSibling;e&&e.tagName==="SCB-OPTIONS-SUB-MENU"&&(e.hasAttribute("open")||(this._toggleSubMenu(),e.dispatchEvent(new CustomEvent("show-submenu",{bubbles:!0,composed:!0})),e.dispatchEvent(new CustomEvent("showsubmenu",{bubbles:!0,composed:!0}))),setTimeout(()=>{const s=e.querySelector("scb-options-menu-item");s&&s.shadowRoot?.querySelector("li")?.focus()},0));return}if(t.key==="ArrowLeft"){t.preventDefault();const e=this.nextElementSibling;if(e&&e.tagName==="SCB-OPTIONS-SUB-MENU"&&e.hasAttribute("open")){this._toggleSubMenu(),e.dispatchEvent(new CustomEvent("hide-submenu",{bubbles:!0,composed:!0})),e.dispatchEvent(new CustomEvent("hidesubmenu",{bubbles:!0,composed:!0}));return}const s=this.closest("scb-options-sub-menu");if(s){const n=s.previousElementSibling;n&&n.tagName==="SCB-OPTIONS-MENU-ITEM"&&n.shadowRoot?.querySelector("li")?.focus()}return}}}get _effectiveHref(){return this.itemHref||this.href}connectedCallback(){super.connectedCallback(),this._syncSubMenuFlags(),this._subMenuChildObserver??(this._subMenuChildObserver=new MutationObserver(()=>this._syncSubMenuFlags())),this._subMenuChildObserver.disconnect();const i=this.parentElement;i&&this._subMenuChildObserver.observe(i,{childList:!0})}disconnectedCallback(){this._subMenuChildObserver?.disconnect(),this._subMenuAttrObserver?.disconnect(),this._subMenuChildObserver=void 0,this._subMenuAttrObserver=void 0,this._observedSubMenu=null,super.disconnectedCallback()}render(){return r`
|
|
2
2
|
${this.divider?r`<scb-divider></scb-divider>`:""}
|
|
3
3
|
<li @click=${this.handleClick} @keydown=${this._onKeyDown} @blur=${this._onBlur} @focus=${this._onFocus} @focusin=${v} role="menuitem" tabindex="0">
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as z,h as E,m as S,p,v as T,y as P}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as C}from"../../vendor/component-defaults.js";import{t as a}from"../../vendor/decorate.js";import{
|
|
1
|
+
import{a as z,h as E,m as S,p,v as T,y as P}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as C}from"../../vendor/component-defaults.js";import{t as a}from"../../vendor/decorate.js";import{a as M,i as A,n as O,r as B,t as f}from"../../vendor/manual-popover.js";import"./scb-options-menu-item.js";import"./scb-options-sub-menu.js";(function(){try{var m=typeof globalThis<"u"?globalThis:window;if(!m.__scb_ce_guard_installed__){m.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,s,i){try{customElements.get(e)||t(e,s,i)}catch(l){var n=String(l||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var h,o=(h=class extends E{constructor(...t){super(...t),this.open=!1,this.size=C["scb-options-menu"].size,this.inSb=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__lastTriggerEl=null,this.__onViewportChange=()=>{this.open&&this.__positionToTrigger()},this.__onDocumentClick=e=>{const s=this.__getActionFromEvent(e);if(s){s==="open"&&this.__setOpen(!0),s==="close"&&this.__setOpen(!1),s==="toggle"&&(this.__setOpen(!this.open),this.dispatchEvent(new CustomEvent("toggle",{bubbles:!0,composed:!0}))),e.stopPropagation();return}if(!this.inSb&&this.open&&!this.isClickInScbMenu(e)){this.__setOpen(!1);return}},this.__onDocumentKeydown=e=>{if(this.open&&e.key==="Escape"){e.preventDefault(),e.stopPropagation(),this.__setOpen(!1);return}}}firstUpdated(){this.__applySpacing()}render(){return T`
|
|
2
2
|
<div
|
|
3
3
|
role="menu"
|
|
4
4
|
aria-label=${z(this.getAttribute("aria-label")??void 0)}
|
|
@@ -6,4 +6,4 @@ import{a as z,h as E,m as S,p,v as T,y as P}from"../../vendor/vendor.js";import"
|
|
|
6
6
|
>
|
|
7
7
|
<slot></slot>
|
|
8
8
|
</div>
|
|
9
|
-
`}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1),document.addEventListener("keydown",this.__onDocumentKeydown,!0),window.addEventListener("resize",this.__onViewportChange,{passive:!0}),window.addEventListener("scroll",this.__onViewportChange,{passive:!0,capture:!0})}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),window.removeEventListener("resize",this.__onViewportChange),window.removeEventListener("scroll",this.__onViewportChange,!0),f(this.shadowRoot?.querySelector(".scb-options-menu-panel")??null),super.disconnectedCallback()}__setOpen(t){this.open=t}__getActionFromEvent(t){if(!this.id)return null;const e=t.composedPath();for(const i of e)if(i instanceof Element){if(i.getAttribute("data-menu-open")===this.id)return this.__lastTriggerEl=i,"open";if(i.getAttribute("data-menu-close")===this.id)return this.__lastTriggerEl=i,"close";if(i.getAttribute("data-menu-toggle")===this.id)return this.__lastTriggerEl=i,"toggle";if(i.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=i,"toggle"}return null}isClickInScbMenu(t){return t.composedPath().some(e=>e instanceof Element&&(e.tagName==="SCB-OPTIONS-MENU"||e.tagName==="SCB-OPTIONS-SUB-MENU"))}updated(t){t.has("open")&&(this.__applyOpenSideEffects(),this.open?this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.__applySpacing()}__applyOpenSideEffects(){if(this.__updateTriggersExpanded(),this.open)this.__lastTriggerEl&&!this.closest("scb-dropdown")&&B(this.shadowRoot?.querySelector(".scb-options-menu-panel")??null),this.__positionToTrigger();else{A(this);const t=this.shadowRoot?.querySelector(".scb-options-menu-panel")??null,e=()=>{t?.style.removeProperty("max-height"),t?.style.removeProperty("overflow-x"),t?.style.removeProperty("overflow-y")};O(t)?M(t,e):(f(t),e()),this.__restoreFocusToTrigger()}}__positionToTrigger(){if(!this.open||!this.__lastTriggerEl)return;const t=this.__lastTriggerEl,e=this.shadowRoot?.querySelector(".scb-options-menu-panel");e&&requestAnimationFrame(()=>{if(!this.open)return;const i=t.getBoundingClientRect(),s=e.getBoundingClientRect(),n=window.innerWidth,l=window.innerHeight,r=8,g=4,d=e.offsetWidth||s.width;let c=getComputedStyle(this).getPropertyValue("--scb-options-menu-inline-align").trim()==="end"?i.right-d:i.left;const v=e.scrollHeight||e.offsetHeight||s.height;c+d>n-r&&(c=Math.max(r,n-r-d)),c<r&&(c=r);const u=Math.max(0,l-i.bottom-g-r),y=Math.max(0,i.top-g-r),b=v>u&&y>u,x=b?y:u,_=Math.min(v,x),k=b?Math.max(r,i.top-g-_):i.bottom+g,w=b?"bottom":"top";e.style.position="fixed",e.style.left=`${Math.round(c)}px`,e.style.top=`${Math.round(k)}px`,e.style.maxHeight=`min(var(--scb-options-menu-max-height), ${Math.floor(x)}px)`,e.style.overflowX="hidden",e.style.overflowY="auto",this.style.setProperty("--scb-options-menu-transform-origin",w)})}__restoreFocusToTrigger(){this.__lastTriggerEl&&requestAnimationFrame(()=>{this.__lastTriggerEl?.focus?.({preventScroll:!0})})}__updateTriggersExpanded(){if(!this.id)return;const t=String(this.open),e=i=>{const s=i.getAttribute("aria-controls")===this.id,n=i.getAttribute("data-menu-open")===this.id||i.getAttribute("data-menu-toggle")===this.id;(s||n)&&(s||i.setAttribute("aria-controls",this.id),i.setAttribute("aria-expanded",t))};this.__lastTriggerEl&&e(this.__lastTriggerEl),document.querySelectorAll(`[aria-controls="${this.id}"], [data-menu-open="${this.id}"], [data-menu-close="${this.id}"], [data-menu-toggle="${this.id}"]`).forEach(e)}__applySpacing(){const t=this.__mapSpacingToken(this.spacing),e=this.__mapSpacingToken(this.spacingTop)??t,i=this.__mapSpacingToken(this.spacingBottom)??t,s=this.__mapSpacingToken(this.spacingLeft),n=this.__mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-options-menu-spacing-block-start",e):this.style.removeProperty("--scb-options-menu-spacing-block-start"),i?this.style.setProperty("--scb-options-menu-spacing-block-end",i):this.style.removeProperty("--scb-options-menu-spacing-block-end"),s?this.style.setProperty("--scb-options-menu-spacing-inline-start",s):this.style.removeProperty("--scb-options-menu-spacing-inline-start"),n?this.style.setProperty("--scb-options-menu-spacing-inline-end",n):this.style.removeProperty("--scb-options-menu-spacing-inline-end")}__mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}},h.styles=P`:host{position:absolute;display:block;width:fit-content;font-family:var(--brand-font);--scb-options-menu-max-width:300px;--scb-options-menu-max-height:600px;--scb-options-sub-menu-offset-top:var(--scb-menu-item-sub-menu-offset-top-large, -44px);z-index:var(--scb-layer-menu, 1000);margin-block-start:var(--scb-options-menu-spacing-block-start, 0);margin-block-end:var(--scb-options-menu-spacing-block-end, 0);margin-inline-start:var(--scb-options-menu-spacing-inline-start, 0);margin-inline-end:var(--scb-options-menu-spacing-inline-end, 0);pointer-events:none}:host([open]){pointer-events:auto}:host>.scb-options-menu-panel[popover]{box-sizing:border-box;margin:0;border:0;inset:auto}:host([size='medium']){--scb-options-sub-menu-offset-top:var(--scb-menu-item-sub-menu-offset-top-medium, -40px)}:host([size='small']){--scb-options-sub-menu-offset-top:var(--scb-menu-item-sub-menu-offset-top-small, -32px)}:host>.scb-options-menu-panel{padding:var(--scb-options-menu-panel-padding-block, var(--scb-options-menu-design-panel-padding-block))0;color:var(--scb-options-menu-panel-content-color, var(--md-sys-color-on-surface));border-radius:var(--scb-options-menu-panel-radius, var(--scb-options-menu-design-panel-radius));box-shadow:var(--scb-options-menu-shadow, var(--scb-shadow-menu));background:var(--scb-options-menu-panel-surface-color, var(--md-sys-color-surface, var(--nv-100)));opacity:0;visibility:hidden;max-width:var(--scb-options-menu-max-width);max-height:var(--scb-options-menu-max-height);min-width:112px;overflow:visible;pointer-events:none;transform:scaleY(.8);transform-origin:var(--scb-options-menu-transform-origin, top);transition:opacity .25s cubic-bezier(.23,1,.32,1),transform .32s cubic-bezier(.23,1,.32,1),visibility 0s linear .32s;will-change:opacity,transform}:host>.scb-options-menu-panel.open{opacity:1;visibility:visible;transform:scaleY(1);pointer-events:auto;transition:opacity .25s cubic-bezier(.23,1,.32,1),transform .32s cubic-bezier(.23,1,.32,1),visibility 0s linear 0s}:host{--scb-options-menu-design-panel-padding-block-small:var(--scb-menu-item-panel-padding-block-small, var(--spacing-3, 8px));--scb-options-menu-design-panel-padding-block-medium:var(--scb-menu-item-panel-padding-block-medium, var(--spacing-3, 8px));--scb-options-menu-design-panel-padding-block-large:var(--scb-menu-item-panel-padding-block-large, var(--spacing-3, 8px));--scb-options-menu-design-panel-padding-block:var(--scb-options-menu-design-panel-padding-block-large);--scb-options-menu-design-panel-radius-small:var(--scb-options-menu-panel-radius-small, var(--radius-small, 8px));--scb-options-menu-design-panel-radius-medium:var(--scb-options-menu-panel-radius-medium, var(--radius-small, 8px));--scb-options-menu-design-panel-radius-large:var(--scb-options-menu-panel-radius-large, var(--radius-small, 8px));--scb-options-menu-design-panel-radius:var(--scb-options-menu-design-panel-radius-large)}:host([size="small"]){--scb-options-menu-design-panel-padding-block:var(--scb-options-menu-design-panel-padding-block-small);--scb-options-menu-design-panel-radius:var(--scb-options-menu-design-panel-radius-small)}:host([size="medium"]){--scb-options-menu-design-panel-padding-block:var(--scb-options-menu-design-panel-padding-block-medium);--scb-options-menu-design-panel-radius:var(--scb-options-menu-design-panel-radius-medium)}:host([size="large"]){--scb-options-menu-design-panel-padding-block:var(--scb-options-menu-design-panel-padding-block-large);--scb-options-menu-design-panel-radius:var(--scb-options-menu-design-panel-radius-large)}:host{--scb-options-menu-item-design-item-height:var(--scb-menu-item-height-large, var(--scale-12, 56px));--scb-options-menu-item-design-item-padding-block:var(--scb-menu-item-padding-block-large, var(--spacing-3, 8px));--scb-options-menu-item-design-padding-inline:var(--scb-menu-item-padding-inline-large, var(--spacing-5, 16px));--scb-options-menu-item-design-item-radius:var(--scb-options-menu-item-radius-large, var(--radius-none, 0px));--scb-options-menu-item-design-text-font:var(--scb-options-menu-text-large-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-options-menu-item-design-text-size:var(--scb-options-menu-text-large-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-options-menu-item-design-text-line-height:var(--scb-options-menu-text-large-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-options-menu-item-design-text-tracking:var(--scb-options-menu-text-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-options-menu-item-design-text-weight:var(--scb-options-menu-text-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-options-menu-item-design-text-letter-spacing:var(--scb-options-menu-text-large-letter-spacing, var(--scb-options-menu-text-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-options-menu-item-design-text-font-weight:var(--scb-options-menu-text-large-font-weight, var(--scb-options-menu-text-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-options-menu-item-design-icon:var(--scb-menu-item-icon-size-large, var(--icon-size-small, 20px));--scb-options-menu-item-design-gap:var(--scb-menu-item-gap-large, var(--spacing-4, 12px))}:host([size="small"]){--scb-options-menu-item-design-item-height:var(--scb-menu-item-height-small, var(--scale-10, 40px));--scb-options-menu-item-design-item-padding-block:var(--scb-menu-item-padding-block-small, 7px);--scb-options-menu-item-design-padding-inline:var(--scb-menu-item-padding-inline-small, var(--spacing-5, 16px));--scb-options-menu-item-design-item-radius:var(--scb-options-menu-item-radius-small, var(--radius-none, 0px));--scb-options-menu-item-design-text-font:var(--scb-options-menu-text-small-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-options-menu-item-design-text-size:var(--scb-options-menu-text-small-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-options-menu-item-design-text-line-height:var(--scb-options-menu-text-small-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-options-menu-item-design-text-tracking:var(--scb-options-menu-text-small-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-options-menu-item-design-text-weight:var(--scb-options-menu-text-small-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-options-menu-item-design-text-letter-spacing:var(--scb-options-menu-text-small-letter-spacing, var(--scb-options-menu-text-small-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-options-menu-item-design-text-font-weight:var(--scb-options-menu-text-small-font-weight, var(--scb-options-menu-text-small-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-options-menu-item-design-icon:var(--scb-menu-item-icon-size-small, var(--icon-size-small, 20px));--scb-options-menu-item-design-gap:var(--scb-menu-item-gap-small, var(--spacing-4, 12px))}:host([size="medium"]){--scb-options-menu-item-design-item-height:var(--scb-menu-item-height-medium, var(--scale-11, 48px));--scb-options-menu-item-design-item-padding-block:var(--scb-menu-item-padding-block-medium, var(--spacing-3, 8px));--scb-options-menu-item-design-padding-inline:var(--scb-menu-item-padding-inline-medium, var(--spacing-5, 16px));--scb-options-menu-item-design-item-radius:var(--scb-options-menu-item-radius-medium, var(--radius-none, 0px));--scb-options-menu-item-design-text-font:var(--scb-options-menu-text-medium-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-options-menu-item-design-text-size:var(--scb-options-menu-text-medium-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-options-menu-item-design-text-line-height:var(--scb-options-menu-text-medium-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-options-menu-item-design-text-tracking:var(--scb-options-menu-text-medium-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-options-menu-item-design-text-weight:var(--scb-options-menu-text-medium-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-options-menu-item-design-text-letter-spacing:var(--scb-options-menu-text-medium-letter-spacing, var(--scb-options-menu-text-medium-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-options-menu-item-design-text-font-weight:var(--scb-options-menu-text-medium-font-weight, var(--scb-options-menu-text-medium-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-options-menu-item-design-icon:var(--scb-menu-item-icon-size-medium, var(--icon-size-small, 20px));--scb-options-menu-item-design-gap:var(--scb-menu-item-gap-medium, var(--spacing-4, 12px))}:host([size="large"]){--scb-options-menu-item-design-item-height:var(--scb-menu-item-height-large, var(--scale-12, 56px));--scb-options-menu-item-design-item-padding-block:var(--scb-menu-item-padding-block-large, var(--spacing-3, 8px));--scb-options-menu-item-design-padding-inline:var(--scb-menu-item-padding-inline-large, var(--spacing-5, 16px));--scb-options-menu-item-design-item-radius:var(--scb-options-menu-item-radius-large, var(--radius-none, 0px));--scb-options-menu-item-design-text-font:var(--scb-options-menu-text-large-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-options-menu-item-design-text-size:var(--scb-options-menu-text-large-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-options-menu-item-design-text-line-height:var(--scb-options-menu-text-large-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-options-menu-item-design-text-tracking:var(--scb-options-menu-text-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-options-menu-item-design-text-weight:var(--scb-options-menu-text-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-options-menu-item-design-text-letter-spacing:var(--scb-options-menu-text-large-letter-spacing, var(--scb-options-menu-text-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-options-menu-item-design-text-font-weight:var(--scb-options-menu-text-large-font-weight, var(--scb-options-menu-text-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-options-menu-item-design-icon:var(--scb-menu-item-icon-size-large, var(--icon-size-small, 20px));--scb-options-menu-item-design-gap:var(--scb-menu-item-gap-large, var(--spacing-4, 12px))}:host{--scb-options-sub-menu-design-panel-padding-block:var(--scb-menu-item-panel-padding-block-large, var(--spacing-3, 8px));--scb-options-sub-menu-design-panel-radius:var(--scb-options-menu-panel-radius-large, var(--radius-small, 8px))}:host([size="small"]){--scb-options-sub-menu-design-panel-padding-block:var(--scb-menu-item-panel-padding-block-small, var(--spacing-3, 8px));--scb-options-sub-menu-design-panel-radius:var(--scb-options-menu-panel-radius-small, var(--radius-small, 8px))}:host([size="medium"]){--scb-options-sub-menu-design-panel-padding-block:var(--scb-menu-item-panel-padding-block-medium, var(--spacing-3, 8px));--scb-options-sub-menu-design-panel-radius:var(--scb-options-menu-panel-radius-medium, var(--radius-small, 8px))}:host([size="large"]){--scb-options-sub-menu-design-panel-padding-block:var(--scb-menu-item-panel-padding-block-large, var(--spacing-3, 8px));--scb-options-sub-menu-design-panel-radius:var(--scb-options-menu-panel-radius-large, var(--radius-small, 8px))}`,h);a([p({type:Boolean,reflect:!0})],o.prototype,"open",void 0);a([p({type:String,reflect:!0})],o.prototype,"size",void 0);a([p({type:Boolean,attribute:!1})],o.prototype,"inSb",void 0);a([p({type:String,reflect:!0})],o.prototype,"spacing",void 0);a([p({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",void 0);a([p({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",void 0);a([p({type:String,attribute:"spacing-left",reflect:!0})],o.prototype,"spacingLeft",void 0);a([p({type:String,attribute:"spacing-right",reflect:!0})],o.prototype,"spacingRight",void 0);o=a([S("scb-options-menu")],o);
|
|
9
|
+
`}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1),document.addEventListener("keydown",this.__onDocumentKeydown,!0),window.addEventListener("resize",this.__onViewportChange,{passive:!0}),window.addEventListener("scroll",this.__onViewportChange,{passive:!0,capture:!0})}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),window.removeEventListener("resize",this.__onViewportChange),window.removeEventListener("scroll",this.__onViewportChange,!0),f(this.shadowRoot?.querySelector(".scb-options-menu-panel")??null),super.disconnectedCallback()}__setOpen(t){this.open=t}__getActionFromEvent(t){if(!this.id)return null;const e=t.composedPath();for(const s of e)if(s instanceof Element){if(s.getAttribute("data-menu-open")===this.id)return this.__lastTriggerEl=s,"open";if(s.getAttribute("data-menu-close")===this.id)return this.__lastTriggerEl=s,"close";if(s.getAttribute("data-menu-toggle")===this.id)return this.__lastTriggerEl=s,"toggle";if(s.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=s,"toggle"}return null}isClickInScbMenu(t){return t.composedPath().some(e=>e instanceof Element&&(e.tagName==="SCB-OPTIONS-MENU"||e.tagName==="SCB-OPTIONS-SUB-MENU"))}updated(t){t.has("open")&&(this.__applyOpenSideEffects(),this.open?this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.__applySpacing()}__applyOpenSideEffects(){if(this.__updateTriggersExpanded(),this.open)this.__lastTriggerEl&&!this.closest("scb-dropdown")&&M(this.shadowRoot?.querySelector(".scb-options-menu-panel")??null),this.__positionToTrigger();else{B(this);const t=this.shadowRoot?.querySelector(".scb-options-menu-panel")??null,e=()=>{t?.style.removeProperty("max-height"),t?.style.removeProperty("overflow-x"),t?.style.removeProperty("overflow-y")};A(t)?O(t,e):(f(t),e()),this.__restoreFocusToTrigger()}}__positionToTrigger(){if(!this.open||!this.__lastTriggerEl)return;const t=this.__lastTriggerEl,e=this.shadowRoot?.querySelector(".scb-options-menu-panel");e&&requestAnimationFrame(()=>{if(!this.open)return;const s=t.getBoundingClientRect(),i=e.getBoundingClientRect(),n=window.innerWidth,l=window.innerHeight,r=8,g=4,d=e.offsetWidth||i.width;let c=getComputedStyle(this).getPropertyValue("--scb-options-menu-inline-align").trim()==="end"?s.right-d:s.left;const v=e.scrollHeight||e.offsetHeight||i.height;c+d>n-r&&(c=Math.max(r,n-r-d)),c<r&&(c=r);const u=Math.max(0,l-s.bottom-g-r),y=Math.max(0,s.top-g-r),b=v>u&&y>u,x=b?y:u,_=Math.min(v,x),k=b?Math.max(r,s.top-g-_):s.bottom+g,w=b?"bottom":"top";e.style.position="fixed",e.style.left=`${Math.round(c)}px`,e.style.top=`${Math.round(k)}px`,e.style.maxHeight=`min(var(--scb-options-menu-max-height), ${Math.floor(x)}px)`,e.style.overflowX="hidden",e.style.overflowY="auto",this.style.setProperty("--scb-options-menu-transform-origin",w)})}__restoreFocusToTrigger(){this.__lastTriggerEl&&requestAnimationFrame(()=>{this.__lastTriggerEl?.focus?.({preventScroll:!0})})}__updateTriggersExpanded(){if(!this.id)return;const t=String(this.open),e=s=>{const i=s.getAttribute("aria-controls")===this.id,n=s.getAttribute("data-menu-open")===this.id||s.getAttribute("data-menu-toggle")===this.id;(i||n)&&(i||s.setAttribute("aria-controls",this.id),s.setAttribute("aria-expanded",t))};this.__lastTriggerEl&&e(this.__lastTriggerEl),document.querySelectorAll(`[aria-controls="${this.id}"], [data-menu-open="${this.id}"], [data-menu-close="${this.id}"], [data-menu-toggle="${this.id}"]`).forEach(e)}__applySpacing(){const t=this.__mapSpacingToken(this.spacing),e=this.__mapSpacingToken(this.spacingTop)??t,s=this.__mapSpacingToken(this.spacingBottom)??t,i=this.__mapSpacingToken(this.spacingLeft),n=this.__mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-options-menu-spacing-block-start",e):this.style.removeProperty("--scb-options-menu-spacing-block-start"),s?this.style.setProperty("--scb-options-menu-spacing-block-end",s):this.style.removeProperty("--scb-options-menu-spacing-block-end"),i?this.style.setProperty("--scb-options-menu-spacing-inline-start",i):this.style.removeProperty("--scb-options-menu-spacing-inline-start"),n?this.style.setProperty("--scb-options-menu-spacing-inline-end",n):this.style.removeProperty("--scb-options-menu-spacing-inline-end")}__mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}},h.styles=P`:host{position:absolute;display:block;width:fit-content;font-family:var(--brand-font);--scb-options-menu-max-width:300px;--scb-options-menu-max-height:600px;--scb-options-sub-menu-offset-top:var(--scb-menu-item-sub-menu-offset-top-large, -44px);z-index:var(--scb-layer-menu, 1000);margin-block-start:var(--scb-options-menu-spacing-block-start, 0);margin-block-end:var(--scb-options-menu-spacing-block-end, 0);margin-inline-start:var(--scb-options-menu-spacing-inline-start, 0);margin-inline-end:var(--scb-options-menu-spacing-inline-end, 0);pointer-events:none}:host([open]){pointer-events:auto}:host>.scb-options-menu-panel[popover]{box-sizing:border-box;margin:0;border:0;inset:auto}:host([size='medium']){--scb-options-sub-menu-offset-top:var(--scb-menu-item-sub-menu-offset-top-medium, -40px)}:host([size='small']){--scb-options-sub-menu-offset-top:var(--scb-menu-item-sub-menu-offset-top-small, -32px)}:host>.scb-options-menu-panel{padding:var(--scb-options-menu-panel-padding-block, var(--scb-options-menu-design-panel-padding-block))0;color:var(--scb-options-menu-panel-content-color, var(--md-sys-color-on-surface));border-radius:var(--scb-options-menu-panel-radius, var(--scb-options-menu-design-panel-radius));box-shadow:var(--scb-options-menu-shadow, var(--scb-shadow-menu));background:var(--scb-options-menu-panel-surface-color, var(--md-sys-color-surface, var(--nv-100)));opacity:0;visibility:hidden;max-width:var(--scb-options-menu-max-width);max-height:var(--scb-options-menu-max-height);min-width:112px;overflow:visible;pointer-events:none;transform:scaleY(.8);transform-origin:var(--scb-options-menu-transform-origin, top);transition:opacity .25s cubic-bezier(.23,1,.32,1),transform .32s cubic-bezier(.23,1,.32,1),visibility 0s linear .32s;will-change:opacity,transform}:host>.scb-options-menu-panel.open{opacity:1;visibility:visible;transform:scaleY(1);pointer-events:auto;transition:opacity .25s cubic-bezier(.23,1,.32,1),transform .32s cubic-bezier(.23,1,.32,1),visibility 0s linear 0s}:host{--scb-options-menu-design-panel-padding-block-small:var(--scb-menu-item-panel-padding-block-small, var(--spacing-3, 8px));--scb-options-menu-design-panel-padding-block-medium:var(--scb-menu-item-panel-padding-block-medium, var(--spacing-3, 8px));--scb-options-menu-design-panel-padding-block-large:var(--scb-menu-item-panel-padding-block-large, var(--spacing-3, 8px));--scb-options-menu-design-panel-padding-block:var(--scb-options-menu-design-panel-padding-block-large);--scb-options-menu-design-panel-radius-small:var(--scb-options-menu-panel-radius-small, var(--radius-small, 8px));--scb-options-menu-design-panel-radius-medium:var(--scb-options-menu-panel-radius-medium, var(--radius-small, 8px));--scb-options-menu-design-panel-radius-large:var(--scb-options-menu-panel-radius-large, var(--radius-small, 8px));--scb-options-menu-design-panel-radius:var(--scb-options-menu-design-panel-radius-large)}:host([size="small"]){--scb-options-menu-design-panel-padding-block:var(--scb-options-menu-design-panel-padding-block-small);--scb-options-menu-design-panel-radius:var(--scb-options-menu-design-panel-radius-small)}:host([size="medium"]){--scb-options-menu-design-panel-padding-block:var(--scb-options-menu-design-panel-padding-block-medium);--scb-options-menu-design-panel-radius:var(--scb-options-menu-design-panel-radius-medium)}:host([size="large"]){--scb-options-menu-design-panel-padding-block:var(--scb-options-menu-design-panel-padding-block-large);--scb-options-menu-design-panel-radius:var(--scb-options-menu-design-panel-radius-large)}:host{--scb-options-menu-item-design-item-height:var(--scb-menu-item-height-large, var(--scale-12, 56px));--scb-options-menu-item-design-item-padding-block:var(--scb-menu-item-padding-block-large, var(--spacing-3, 8px));--scb-options-menu-item-design-padding-inline:var(--scb-menu-item-padding-inline-large, var(--spacing-5, 16px));--scb-options-menu-item-design-item-radius:var(--scb-options-menu-item-radius-large, var(--radius-none, 0px));--scb-options-menu-item-design-text-font:var(--scb-options-menu-text-large-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-options-menu-item-design-text-size:var(--scb-options-menu-text-large-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-options-menu-item-design-text-line-height:var(--scb-options-menu-text-large-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-options-menu-item-design-text-tracking:var(--scb-options-menu-text-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-options-menu-item-design-text-weight:var(--scb-options-menu-text-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-options-menu-item-design-text-letter-spacing:var(--scb-options-menu-text-large-letter-spacing, var(--scb-options-menu-text-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-options-menu-item-design-text-font-weight:var(--scb-options-menu-text-large-font-weight, var(--scb-options-menu-text-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-options-menu-item-design-icon:var(--scb-menu-item-icon-size-large, var(--icon-size-small, 20px));--scb-options-menu-item-design-gap:var(--scb-menu-item-gap-large, var(--spacing-4, 12px))}:host([size="small"]){--scb-options-menu-item-design-item-height:var(--scb-menu-item-height-small, var(--scale-10, 40px));--scb-options-menu-item-design-item-padding-block:var(--scb-menu-item-padding-block-small, 7px);--scb-options-menu-item-design-padding-inline:var(--scb-menu-item-padding-inline-small, var(--spacing-5, 16px));--scb-options-menu-item-design-item-radius:var(--scb-options-menu-item-radius-small, var(--radius-none, 0px));--scb-options-menu-item-design-text-font:var(--scb-options-menu-text-small-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-options-menu-item-design-text-size:var(--scb-options-menu-text-small-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-options-menu-item-design-text-line-height:var(--scb-options-menu-text-small-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-options-menu-item-design-text-tracking:var(--scb-options-menu-text-small-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-options-menu-item-design-text-weight:var(--scb-options-menu-text-small-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-options-menu-item-design-text-letter-spacing:var(--scb-options-menu-text-small-letter-spacing, var(--scb-options-menu-text-small-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-options-menu-item-design-text-font-weight:var(--scb-options-menu-text-small-font-weight, var(--scb-options-menu-text-small-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-options-menu-item-design-icon:var(--scb-menu-item-icon-size-small, var(--icon-size-small, 20px));--scb-options-menu-item-design-gap:var(--scb-menu-item-gap-small, var(--spacing-4, 12px))}:host([size="medium"]){--scb-options-menu-item-design-item-height:var(--scb-menu-item-height-medium, var(--scale-11, 48px));--scb-options-menu-item-design-item-padding-block:var(--scb-menu-item-padding-block-medium, var(--spacing-3, 8px));--scb-options-menu-item-design-padding-inline:var(--scb-menu-item-padding-inline-medium, var(--spacing-5, 16px));--scb-options-menu-item-design-item-radius:var(--scb-options-menu-item-radius-medium, var(--radius-none, 0px));--scb-options-menu-item-design-text-font:var(--scb-options-menu-text-medium-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-options-menu-item-design-text-size:var(--scb-options-menu-text-medium-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-options-menu-item-design-text-line-height:var(--scb-options-menu-text-medium-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-options-menu-item-design-text-tracking:var(--scb-options-menu-text-medium-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-options-menu-item-design-text-weight:var(--scb-options-menu-text-medium-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-options-menu-item-design-text-letter-spacing:var(--scb-options-menu-text-medium-letter-spacing, var(--scb-options-menu-text-medium-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-options-menu-item-design-text-font-weight:var(--scb-options-menu-text-medium-font-weight, var(--scb-options-menu-text-medium-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-options-menu-item-design-icon:var(--scb-menu-item-icon-size-medium, var(--icon-size-small, 20px));--scb-options-menu-item-design-gap:var(--scb-menu-item-gap-medium, var(--spacing-4, 12px))}:host([size="large"]){--scb-options-menu-item-design-item-height:var(--scb-menu-item-height-large, var(--scale-12, 56px));--scb-options-menu-item-design-item-padding-block:var(--scb-menu-item-padding-block-large, var(--spacing-3, 8px));--scb-options-menu-item-design-padding-inline:var(--scb-menu-item-padding-inline-large, var(--spacing-5, 16px));--scb-options-menu-item-design-item-radius:var(--scb-options-menu-item-radius-large, var(--radius-none, 0px));--scb-options-menu-item-design-text-font:var(--scb-options-menu-text-large-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-options-menu-item-design-text-size:var(--scb-options-menu-text-large-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-options-menu-item-design-text-line-height:var(--scb-options-menu-text-large-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-options-menu-item-design-text-tracking:var(--scb-options-menu-text-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-options-menu-item-design-text-weight:var(--scb-options-menu-text-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-options-menu-item-design-text-letter-spacing:var(--scb-options-menu-text-large-letter-spacing, var(--scb-options-menu-text-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-options-menu-item-design-text-font-weight:var(--scb-options-menu-text-large-font-weight, var(--scb-options-menu-text-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-options-menu-item-design-icon:var(--scb-menu-item-icon-size-large, var(--icon-size-small, 20px));--scb-options-menu-item-design-gap:var(--scb-menu-item-gap-large, var(--spacing-4, 12px))}:host{--scb-options-sub-menu-design-panel-padding-block:var(--scb-menu-item-panel-padding-block-large, var(--spacing-3, 8px));--scb-options-sub-menu-design-panel-radius:var(--scb-options-menu-panel-radius-large, var(--radius-small, 8px))}:host([size="small"]){--scb-options-sub-menu-design-panel-padding-block:var(--scb-menu-item-panel-padding-block-small, var(--spacing-3, 8px));--scb-options-sub-menu-design-panel-radius:var(--scb-options-menu-panel-radius-small, var(--radius-small, 8px))}:host([size="medium"]){--scb-options-sub-menu-design-panel-padding-block:var(--scb-menu-item-panel-padding-block-medium, var(--spacing-3, 8px));--scb-options-sub-menu-design-panel-radius:var(--scb-options-menu-panel-radius-medium, var(--radius-small, 8px))}:host([size="large"]){--scb-options-sub-menu-design-panel-padding-block:var(--scb-menu-item-panel-padding-block-large, var(--spacing-3, 8px));--scb-options-sub-menu-design-panel-radius:var(--scb-options-menu-panel-radius-large, var(--radius-small, 8px))}`,h);a([p({type:Boolean,reflect:!0})],o.prototype,"open",void 0);a([p({type:String,reflect:!0})],o.prototype,"size",void 0);a([p({type:Boolean,attribute:!1})],o.prototype,"inSb",void 0);a([p({type:String,reflect:!0})],o.prototype,"spacing",void 0);a([p({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",void 0);a([p({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",void 0);a([p({type:String,attribute:"spacing-left",reflect:!0})],o.prototype,"spacingLeft",void 0);a([p({type:String,attribute:"spacing-right",reflect:!0})],o.prototype,"spacingRight",void 0);o=a([S("scb-options-menu")],o);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as x,m as y,p as E,v as S,y as L}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as b}from"../../vendor/decorate.js";import{
|
|
1
|
+
import{h as x,m as y,p as E,v as S,y as L}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as b}from"../../vendor/decorate.js";import{a as M,i as u,t as m}from"../../vendor/manual-popover.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,s,o){try{customElements.get(t)||e(t,s,o)}catch(i){var n=String(i||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var p,l=(p=class extends x{constructor(...e){super(...e),this.open=!1,this._show=()=>{this.setAttribute("open",""),this.open=!0},this._hide=t=>{this.removeAttribute("open"),this.open=!1,t&&t.stopPropagation()},this._onViewportChange=()=>{this.open&&this._positionPopover()}}connectedCallback(){super.connectedCallback(),this.addEventListener("show-submenu",this._show),this.addEventListener("showsubmenu",this._show),this.addEventListener("hide-submenu",this._hide),this.addEventListener("hidesubmenu",this._hide),window.addEventListener("resize",this._onViewportChange,{passive:!0}),window.addEventListener("scroll",this._onViewportChange,{passive:!0,capture:!0})}disconnectedCallback(){this.removeEventListener("show-submenu",this._show),this.removeEventListener("showsubmenu",this._show),this.removeEventListener("hide-submenu",this._hide),this.removeEventListener("hidesubmenu",this._hide),window.removeEventListener("resize",this._onViewportChange),window.removeEventListener("scroll",this._onViewportChange,!0),m(this.renderRoot.querySelector(".submenu")),super.disconnectedCallback()}firstUpdated(){let e=0,t=this.parentElement;for(;t;)t.tagName==="SCB-OPTIONS-SUB-MENU"&&e++,t=t.parentElement;e%2===1?this.setAttribute("open-left",""):this.removeAttribute("open-left")}updated(e){e.has("open")&&this._syncPopover()}_hasTopLayerParent(){const e=this.closest("scb-options-menu")?.shadowRoot?.querySelector(".scb-options-menu-panel"),t=this.closest("scb-dropdown")?.shadowRoot?.querySelector(".panel");return u(e)||u(t)}_syncPopover(){const e=this.renderRoot.querySelector(".submenu");if(e){if(this.open&&this._hasTopLayerParent()){const t=this.previousElementSibling;M(e,t)&&requestAnimationFrame(()=>this._positionPopover());return}m(e);for(const t of["position","left","right","top","bottom","max-height","overflow-x","overflow-y"])e.style.removeProperty(t)}}_positionPopover(){const e=this.renderRoot.querySelector(".submenu"),t=this.previousElementSibling;if(!e||!t||!u(e))return;const s=8,o=4,n=t.getBoundingClientRect(),i=e.getBoundingClientRect(),d=Math.max(0,window.innerHeight-s*2),a=Math.min(i.width||e.scrollWidth,window.innerWidth-s*2),c=window.innerWidth-n.right-o-s,v=n.left-o-s,h=a>c&&v>c,g=h?n.left-o-a:n.right+o,f=Math.min(Math.max(s,g),window.innerWidth-s-a),w=Math.min(e.scrollHeight,d),_=Math.min(Math.max(s,n.top),window.innerHeight-s-w);this.toggleAttribute("open-left",h),e.style.position="fixed",e.style.left=`${Math.round(f)}px`,e.style.right="auto",e.style.top=`${Math.round(_)}px`,e.style.bottom="auto",e.style.maxHeight=`${Math.floor(d)}px`,e.style.overflowX="hidden",e.style.overflowY="auto"}render(){return S`
|
|
2
2
|
<div role="menu" class="submenu${this.open?" open":""}">
|
|
3
3
|
<slot></slot>
|
|
4
4
|
</div>
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{g,h as L,m as O,p as m,v as T,y as z}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as f}from"../../vendor/decorate.js";import{t as r}from"../../vendor/assertClassBrand.js";import{t as D}from"../../vendor/classPrivateMethodInitSpec.js";import{
|
|
1
|
+
import{g,h as L,m as O,p as m,v as T,y as z}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as f}from"../../vendor/decorate.js";import{t as r}from"../../vendor/assertClassBrand.js";import{t as D}from"../../vendor/classPrivateMethodInitSpec.js";import{a as q,r as R,t as S}from"../../vendor/manual-popover.js";import{n as E,r as k,t as y}from"../../vendor/classPrivateFieldGet2.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,i,l){try{customElements.get(s)||e(s,i,l)}catch(p){var a=String(p||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var o,v,h,d,n,u=(o=new WeakSet,v=new WeakMap,h=new WeakMap,d=class extends L{constructor(...e){super(...e),D(this,o),k(this,v,void 0),k(this,h,void 0),this.open=!1,this.variant="scrim",this.isStatic=!1,this.ariaLabel="",this.__lastTriggerEl=null,E(v,this,s=>{this.isStatic||r(o,this,F).call(this,s)||r(o,this,x).call(this)}),E(h,this,s=>{if(this.open){if(s.key==="Tab"){r(o,this,B).call(this,s);return}s.key==="Escape"&&(r(o,this,P).call(this,s)||(s.preventDefault(),s.stopPropagation(),r(o,this,x).call(this)))}})}static __handleDocClick(e){const s=e.composedPath();for(const i of s){if(!(i instanceof Element))continue;const l=i.getAttribute("data-overlay-open"),a=i.getAttribute("data-overlay-close"),p=i.getAttribute("data-overlay-toggle"),C=i.getAttribute("aria-controls"),_=l||a||p||C;if(!_)continue;const c=n.__instances.get(_);if(!c){n.__instances.delete(_);continue}(!a||!c.contains(i))&&(c.__lastTriggerEl=i),l?r(o,c,b).call(c,!0):a?r(o,c,b).call(c,!1):r(o,c,b).call(c,!c.open);break}}static __ensureDocListener(){n.__docListenerAttached||(document.addEventListener("click",n.__handleDocClick,!0),n.__docListenerAttached=!0)}static __maybeRemoveDocListener(){!n.__docListenerAttached||n.__instances.size>0||(document.removeEventListener("click",n.__handleDocClick,!0),n.__docListenerAttached=!1)}render(){return this.open?T`
|
|
2
2
|
<div class="scrim" @click=${y(v,this)}>
|
|
3
3
|
<div class="content" role="dialog" aria-modal="true" aria-label=${this.ariaLabel||g} tabindex="-1">
|
|
4
4
|
<slot></slot>
|
|
5
5
|
</div>
|
|
6
6
|
</div>
|
|
7
|
-
`:g}connectedCallback(){super.connectedCallback(),this.id&&n.__instances.set(this.id,this),n.__ensureDocListener(),window.addEventListener("keydown",y(h,this))}updated(e){e.has("open")&&(r(
|
|
7
|
+
`:g}connectedCallback(){super.connectedCallback(),this.id&&n.__instances.set(this.id,this),n.__ensureDocListener(),window.addEventListener("keydown",y(h,this))}updated(e){e.has("open")&&(r(o,this,H).call(this),this.open?(q(this.renderRoot.querySelector(".scrim")),r(o,this,I).call(this)):(R(this),S(this.renderRoot.querySelector(".scrim")),r(o,this,w).call(this)))}disconnectedCallback(){this.id&&n.__instances.delete(this.id),n.__maybeRemoveDocListener(),window.removeEventListener("keydown",y(h,this)),S(this.renderRoot.querySelector(".scrim")),super.disconnectedCallback()}},n=d,d.__instances=new Map,d.__docListenerAttached=!1,d.styles=z`:host{position:fixed;inset:0;z-index:var(--scb-overlay-z-index, var(--scb-layer-overlay, 1000));display:none;box-sizing:border-box}:host([open]){display:block}.scrim{display:grid;place-items:center;inline-size:100%;block-size:100%;padding:var(--scb-overlay-design-overlay-padding-medium);background:var(--scb-overlay-backdrop,
|
|
8
8
|
color-mix(in srgb, var(--scb-overlay-scrim-color, var(--md-sys-color-scrim)) 32%, transparent)
|
|
9
|
-
);box-sizing:border-box}.scrim[popover]{position:fixed;inset:0;margin:0;border:0;max-inline-size:none;max-block-size:none}:host([variant='solid']) .scrim{background:var(--scb-overlay-solid-surface-color, var(--md-sys-color-surface))}.content{position:relative;max-inline-size:100%;max-block-size:100%;box-sizing:border-box}.content:focus{outline:0}.content ::slotted(*){margin:auto;max-inline-size:100%;max-block-size:100%}:host{--scb-overlay-design-overlay-padding-medium:var(--scb-overlay-padding, var(--spacing-6, 24px))}`,d);function b(t){this.open=t}function x(){this.open&&(this.isStatic||(r(
|
|
9
|
+
);box-sizing:border-box}.scrim[popover]{position:fixed;inset:0;margin:0;border:0;max-inline-size:none;max-block-size:none}:host([variant='solid']) .scrim{background:var(--scb-overlay-solid-surface-color, var(--md-sys-color-surface))}.content{position:relative;max-inline-size:100%;max-block-size:100%;box-sizing:border-box}.content:focus{outline:0}.content ::slotted(*){margin:auto;max-inline-size:100%;max-block-size:100%}:host{--scb-overlay-design-overlay-padding-medium:var(--scb-overlay-padding, var(--spacing-6, 24px))}`,d);function b(t){this.open=t}function x(){this.open&&(this.isStatic||(r(o,this,b).call(this,!1),r(o,this,w).call(this),this.dispatchEvent(new CustomEvent("scb-overlay-dismiss",{bubbles:!0,composed:!0}))))}function F(t){const e=this.renderRoot.querySelector("slot");if(!(e instanceof HTMLSlotElement))return!1;const s=t.composedPath();return e.assignedNodes({flatten:!0}).some(i=>s.includes(i))}function P(t){const e="scb-options-menu, scb-dropdown, scb-select",s=i=>i instanceof Element&&i!==this&&i.matches(e)&&!!i.open;return t.composedPath().some(s)?!0:Array.from(this.querySelectorAll(e)).some(i=>!!i.open)}function B(t){const e=r(o,this,A).call(this),s=this.renderRoot.querySelector(".content");if(e.length===0){t.preventDefault(),s?.focus?.({preventScroll:!0});return}const i=e[0],l=e[e.length-1],a=r(o,this,N).call(this,t,e);t.shiftKey?(a===i||!a)&&(t.preventDefault(),l.focus({preventScroll:!0})):(a===l||!a)&&(t.preventDefault(),i.focus({preventScroll:!0}))}function A(){const t=["button","[href]","input","select","textarea",'[tabindex]:not([tabindex="-1"])',"scb-button","scb-icon-button","scb-link"].join(", "),e=new Set;return this.querySelectorAll(t).forEach(s=>{const i=r(o,this,$).call(this,s);i&&e.add(i)}),Array.from(e)}function $(t){return r(o,this,M).call(this,t)?null:t.tagName==="SCB-BUTTON"||t.tagName==="SCB-ICON-BUTTON"?t.shadowRoot?.querySelector(".native-button, button, a")??t:t}function M(t){if(t.disabled||t.getAttribute("aria-hidden")==="true")return!0;const e=getComputedStyle(t);return e.display==="none"||e.visibility==="hidden"}function N(t,e){const s=t.composedPath(),i=this.renderRoot instanceof ShadowRoot?this.renderRoot.activeElement:null;return e.find(l=>s.includes(l))??(i instanceof HTMLElement?i:null)??(document.activeElement instanceof HTMLElement?document.activeElement:null)}async function I(){await this.updateComplete,requestAnimationFrame(()=>{this.open&&(r(o,this,A).call(this)[0]??this.renderRoot.querySelector(".content"))?.focus?.({preventScroll:!0})})}function w(){const t=this.__lastTriggerEl??(this.id?document.querySelector(`[aria-controls="${this.id}"], [data-overlay-toggle="${this.id}"], [data-overlay-open="${this.id}"]`):null);if(!t?.isConnected)return;const e=document.activeElement;t.focus?.({preventScroll:!0}),requestAnimationFrame(()=>{(document.activeElement===e||document.activeElement===document.body)&&t.focus?.({preventScroll:!0})})}function H(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-overlay-toggle="${this.id}"], [data-overlay-open="${this.id}"], [data-overlay-close="${this.id}"]`).forEach(t=>{const e=t.getAttribute("aria-controls")===this.id,s=t.getAttribute("data-overlay-toggle")===this.id||t.getAttribute("data-overlay-open")===this.id;(e||s)&&(e||t.setAttribute("aria-controls",this.id),t.setAttribute("aria-expanded",String(this.open)))})}f([m({type:Boolean,reflect:!0})],u.prototype,"open",void 0);f([m({type:String,reflect:!0})],u.prototype,"variant",void 0);f([m({type:Boolean,reflect:!0,attribute:"static"})],u.prototype,"isStatic",void 0);f([m({type:String,attribute:"aria-label"})],u.prototype,"ariaLabel",void 0);u=n=f([O("scb-overlay")],u);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{g as v,h as _,m as z,p,v as g,y as P}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{
|
|
1
|
+
import{g as v,h as _,m as z,p,v as g,y as P}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{t as L}from"../../vendor/component-size-token.js";import{t as r}from"../../vendor/decorate.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-link/scb-link.js";(function(){try{var u=typeof globalThis<"u"?globalThis:window;if(!u.__scb_ce_guard_installed__){u.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(a,e,s){try{customElements.get(a)||i(a,e,s)}catch(b){var n=String(b||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var y,o=(y=class extends _{constructor(...i){super(...i),this.variant="icon-text",this.alignment="start",this.page=1,this.totalPages=0,this.pagingHref="",this.baseUri="",this.paginationAriaLabel="Paginering",this.currentAriaLabel="Nuvarande sida, ",this.pagingNumberAriaLabel="Gå till sida ",this.previousLabel="Föregående",this.nextLabel="Nästa",this.previousAriaLabel="Föregående sida",this.nextAriaLabel="Nästa sida",this.isNarrow=window.innerWidth<=768,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._onResize=()=>{const a=(this.getBoundingClientRect().width||window.innerWidth)<=768||window.innerWidth<=768;this.isNarrow!==a&&(this.isNarrow=a)}}_emitPageChange(i){const a={page:i};this.dispatchEvent(new CustomEvent("page-change",{detail:a,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("pagechange",{detail:a,bubbles:!0,composed:!0}))}_getPagingHref(i){if(!this.pagingHref)return;const a=(this.baseUri||"").trim(),e=a||window.location.href,s=new URL(e,window.location.href),n=this.pagingHref.trim().replace(/^[?&]/,"").split("=")[0];if(n)return s.searchParams.delete(n),s.searchParams.set(n,String(i)),/^https?:\/\//i.test(a)?s.toString():`${s.pathname}${s.search}${s.hash}`}_composePageLabel(i,a){const e=String(i??"").trimEnd();return e?`${e} ${a}`:String(a)}_handlePageSelection(i,a){!this.pagingHref&&a&&a.preventDefault(),this.page=i,this._emitPageChange(i)}_prevPage(i){if(this.page<=1){!this.pagingHref&&i&&i.preventDefault();return}this._handlePageSelection(this.page-1,i)}_nextPage(i){if(this.page>=this.totalPages){!this.pagingHref&&i&&i.preventDefault();return}this._handlePageSelection(this.page+1,i)}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this._onResize),this._resizeObserver=new ResizeObserver(this._onResize),this._resizeObserver.observe(this),this._onResize()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this._onResize),this._resizeObserver?.disconnect(),this._resizeObserver=void 0}mapSpacingToken(i){if(i==null)return;const a=String(i).trim();if(a)return/^\d+$/.test(a)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(a,10)))})`:a}__applySpacing(){const i=this.mapSpacingToken(this.spacing),a=this.mapSpacingToken(this.spacingTop)??i,e=this.mapSpacingToken(this.spacingBottom)??i,s=this.mapSpacingToken(this.spacingLeft),n=this.mapSpacingToken(this.spacingRight);a?this.style.setProperty("--scb-pagination-spacing-block-start",a):this.style.removeProperty("--scb-pagination-spacing-block-start"),e?this.style.setProperty("--scb-pagination-spacing-block-end",e):this.style.removeProperty("--scb-pagination-spacing-block-end"),s?this.style.setProperty("--scb-pagination-spacing-inline-start",s):this.style.removeProperty("--scb-pagination-spacing-inline-start"),n?this.style.setProperty("--scb-pagination-spacing-inline-end",n):this.style.removeProperty("--scb-pagination-spacing-inline-end")}firstUpdated(){this.__applySpacing()}updated(i){super.updated(i),(i.has("spacing")||i.has("spacingTop")||i.has("spacingBottom")||i.has("spacingLeft")||i.has("spacingRight"))&&this.__applySpacing()}render(){if(this.totalPages===0)return null;const i=this.variant?`${this.variant.toLowerCase()}`:"",a=this.alignment==="center"||this.alignment==="end"?`align-${this.alignment}`:"align-start",e=[],{page:s,totalPages:n}=this,b=this.isNarrow,m=b?1:2,f=this._getPagingHref(Math.max(1,this.page-1)),x=this._getPagingHref(Math.min(this.totalPages,this.page+1)),d=this.page===1,h=this.page===this.totalPages,l=L(this,"--scb-pagination-design-navigation-button-size-medium",["small","medium","large"],"medium"),w=this.pagingHref?this.variant==="icon"?g`<scb-icon-button
|
|
2
2
|
size=${l}
|
|
3
3
|
class="paging-action-link"
|
|
4
4
|
href=${d?v:f}
|