1import { 2 MatDividerModule 3} from "./chunk-A6SOW7NH.js"; 4import { 5 SelectionModel 6} from "./chunk-JXOWYG4I.js"; 7import { 8 MatPseudoCheckboxModule 9} from "./chunk-2SDCWOQR.js"; 10import { 11 NG_VALUE_ACCESSOR 12} from "./chunk-CULTIHLT.js"; 13import { 14 A, 15 BidiModule, 16 CdkObserveContent, 17 ENTER, 18 FocusKeyManager, 19 MAT_RIPPLE_GLOBAL_OPTIONS, 20 MatRippleModule, 21 ObserversModule, 22 Platform, 23 RippleRenderer, 24 SPACE, 25 _CdkPrivateStyleLoader, 26 _StructuralStylesLoader, 27 _animationsDisabled, 28 _getFocusedElementPierceShadowDom, 29 coerceBooleanProperty, 30 coerceNumberProperty, 31 hasModifierKey 32} from "./chunk-L27SLIL4.js"; 33import { 34 NgTemplateOutlet 35} from "./chunk-HE5ARQDU.js"; 36import { 37 ChangeDetectionStrategy, 38 ChangeDetectorRef, 39 Component, 40 ContentChildren, 41 Directive, 42 ElementRef, 43 EventEmitter, 44 InjectionToken, 45 Injector, 46 Input, 47 NgModule, 48 NgZone, 49 Output, 50 Renderer2, 51 Subject, 52 Subscription, 53 ViewChild, 54 ViewEncapsulation, 55 forwardRef, 56 inject, 57 merge, 58 setClassMetadata, 59 signal, 60 takeUntil, 61 ɵɵInheritDefinitionFeature, 62 ɵɵNgOnChangesFeature, 63 ɵɵProvidersFeature, 64 ɵɵadvance, 65 ɵɵattribute, 66 ɵɵclassProp, 67 ɵɵconditional, 68 ɵɵconditionalCreate, 69 ɵɵcontentQuery, 70 ɵɵdefineComponent, 71 ɵɵdefineDirective, 72 ɵɵdefineInjector, 73 ɵɵdefineNgModule, 74 ɵɵelement, 75 ɵɵelementEnd, 76 ɵɵelementStart, 77 ɵɵgetInheritedFactory, 78 ɵɵlistener, 79 ɵɵloadQuery, 80 ɵɵnamespaceHTML, 81 ɵɵnamespaceSVG, 82 ɵɵnextContext, 83 ɵɵprojection, 84 ɵɵprojectionDef, 85 ɵɵproperty, 86 ɵɵqueryRefresh, 87 ɵɵreference, 88 ɵɵtemplate, 89 ɵɵtemplateRefExtractor, 90 ɵɵviewQuery 91} from "./chunk-ZGC4HH7K.js"; 92 93// node_modules/@angular/material/fesm2022/list.mjs 94var _c0 = ["*"]; 95var _c1 = '.mdc-list {\n margin: 0;\n padding: 8px 0;\n list-style-type: none;\n}\n.mdc-list:focus {\n outline: none;\n}\n\n.mdc-list-item {\n display: flex;\n position: relative;\n justify-content: flex-start;\n overflow: hidden;\n padding: 0;\n align-items: stretch;\n cursor: pointer;\n padding-left: 16px;\n padding-right: 16px;\n background-color: var(--mat-list-list-item-container-color, transparent);\n border-radius: var(--mat-list-list-item-container-shape, var(--mat-sys-corner-none));\n}\n.mdc-list-item.mdc-list-item--selected {\n background-color: var(--mat-list-list-item-selected-container-color);\n}\n.mdc-list-item:focus {\n outline: 0;\n}\n.mdc-list-item.mdc-list-item--disabled {\n cursor: auto;\n}\n.mdc-list-item.mdc-list-item--with-one-line {\n height: var(--mat-list-list-item-one-line-container-height, 48px);\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-two-lines {\n height: var(--mat-list-list-item-two-line-container-height, 64px);\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-three-lines {\n height: var(--mat-list-list-item-three-line-container-height, 88px);\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--selected::before, .mdc-list-item.mdc-list-item--selected:focus::before, .mdc-list-item:not(.mdc-list-item--selected):focus::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n content: "";\n pointer-events: none;\n}\n\na.mdc-list-item {\n color: inherit;\n text-decoration: none;\n}\n\n.mdc-list-item__start {\n fill: currentColor;\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-leading-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-leading-icon-size, 24px);\n height: var(--mat-list-list-item-leading-icon-size, 24px);\n margin-left: 16px;\n margin-right: 32px;\n}\n[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-left: 32px;\n margin-right: 16px;\n}\n.mdc-list-item--with-leading-icon:hover .mdc-list-item__start {\n color: var(--mat-list-list-item-hover-leading-icon-color);\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start {\n width: var(--mat-list-list-item-leading-avatar-size, 40px);\n height: var(--mat-list-list-item-leading-avatar-size, 40px);\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start, [dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start {\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n\n.mdc-list-item__end {\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n font-family: var(--mat-list-list-item-trailing-supporting-text-font, var(--mat-sys-label-small-font));\n line-height: var(--mat-list-list-item-trailing-supporting-text-line-height, var(--mat-sys-label-small-line-height));\n font-size: var(--mat-list-list-item-trailing-supporting-text-size, var(--mat-sys-label-small-size));\n font-weight: var(--mat-list-list-item-trailing-supporting-text-weight, var(--mat-sys-label-small-weight));\n letter-spacing: var(--mat-list-list-item-trailing-supporting-text-tracking, var(--mat-sys-label-small-tracking));\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-trailing-icon-size, 24px);\n height: var(--mat-list-list-item-trailing-icon-size, 24px);\n}\n.mdc-list-item--with-trailing-icon:hover .mdc-list-item__end {\n color: var(--mat-list-list-item-hover-trailing-icon-color);\n}\n.mdc-list-item.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-supporting-text-color, var(--mat-sys-on-surface-variant));\n}\n.mdc-list-item--selected.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-selected-trailing-icon-color, var(--mat-sys-primary));\n}\n\n.mdc-list-item__content {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n align-self: center;\n flex: 1;\n pointer-events: none;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__content, .mdc-list-item--with-three-lines .mdc-list-item__content {\n align-self: stretch;\n}\n\n.mdc-list-item__primary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n color: var(--mat-list-list-item-label-text-color, var(--mat-sys-on-surface));\n font-family: var(--mat-list-list-item-label-text-font, var(--mat-sys-body-large-font));\n line-height: var(--mat-list-list-item-label-text-line-height, var(--mat-sys-body-large-line-height));\n font-size: var(--mat-list-list-item-label-text-size, var(--mat-sys-body-large-size));\n font-weight: var(--mat-list-list-item-label-text-weight, var(--mat-sys-body-large-weight));\n letter-spacing: var(--mat-list-list-item-label-text-tracking, var(--mat-sys-body-large-tracking));\n}\n.mdc-list-item:hover .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-hover-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item:focus .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-focus-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text, .mdc-list-item--with-three-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n\n.mdc-list-item__secondary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n margin-top: 0;\n color: var(--mat-list-list-item-supporting-text-color, var(--mat-sys-on-surface-variant));\n font-family: var(--mat-list-list-item-supporting-text-font, var(--mat-sys-body-medium-font));\n line-height: var(--mat-list-list-item-supporting-text-line-height, var(--mat-sys-body-medium-line-height));\n font-size: var(--mat-list-list-item-supporting-text-size, var(--mat-sys-body-medium-size));\n font-weight: var(--mat-list-list-item-supporting-text-weight, var(--mat-sys-body-medium-weight));\n letter-spacing: var(--mat-list-list-item-supporting-text-tracking, var(--mat-sys-body-medium-tracking));\n}\n.mdc-list-item__secondary-text::before {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-three-lines .mdc-list-item__secondary-text {\n white-space: normal;\n line-height: 20px;\n}\n.mdc-list-item--with-overline .mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: auto;\n}\n\n.mdc-list-item--with-leading-radio.mdc-list-item,\n.mdc-list-item--with-leading-checkbox.mdc-list-item,\n.mdc-list-item--with-leading-icon.mdc-list-item,\n.mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n display: block;\n margin-top: 0;\n line-height: normal;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-trailing-icon.mdc-list-item, [dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item {\n padding-left: 0;\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 16px;\n}\n\n.mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n -webkit-user-select: none;\n user-select: none;\n margin-left: 28px;\n margin-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 28px;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {\n display: block;\n line-height: normal;\n align-self: flex-start;\n margin-top: 0;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: "";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-leading-radio .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 8px;\n margin-right: 24px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start,\n[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 24px;\n margin-right: 8px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-item--with-trailing-radio.mdc-list-item,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-left: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, [dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-radio .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 24px;\n margin-right: 8px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 8px;\n margin-right: 24px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-group__subheader {\n margin: 0.75rem 16px;\n}\n\
95n.mdc-list-item--disabled .mdc-list-item__start,\n.mdc-list-item--disabled .mdc-list-item__content,\n.mdc-list-item--disabled .mdc-list-item__end {\n opacity: 1;\n}\n.mdc-list-item--disabled .mdc-list-item__primary-text,\n.mdc-list-item--disabled .mdc-list-item__secondary-text {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-disabled-leading-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-leading-icon-opacity, 0.38);\n}\n.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-disabled-trailing-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-trailing-icon-opacity, 0.38);\n}\n\n.mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing, [dir=rtl] .mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing {\n padding-left: 0;\n padding-right: 0;\n}\n\n.mdc-list-item.mdc-list-item--disabled .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-disabled-label-text-color, var(--mat-sys-on-surface));\n}\n\n.mdc-list-item:hover::before {\n background-color: var(--mat-list-list-item-hover-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n\n.mdc-list-item.mdc-list-item--disabled::before {\n background-color: var(--mat-list-list-item-disabled-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item:focus::before {\n background-color: var(--mat-list-list-item-focus-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item--disabled .mdc-radio,\n.mdc-list-item--disabled .mdc-checkbox {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n\n.mdc-list-item--with-leading-avatar .mat-mdc-list-item-avatar {\n border-radius: var(--mat-list-list-item-leading-avatar-shape, var(--mat-sys-corner-full));\n background-color: var(--mat-list-list-item-leading-avatar-color, var(--mat-sys-primary-container));\n}\n\n.mat-mdc-list-item-icon {\n font-size: var(--mat-list-list-item-leading-icon-size, 24px);\n}\n\n@media (forced-colors: active) {\n a.mdc-list-item--activated::after {\n content: "";\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n width: 10px;\n height: 0;\n border-bottom: solid 10px;\n border-radius: 10px;\n }\n a.mdc-list-item--activated [dir=rtl]::after {\n right: auto;\n left: 16px;\n }\n}\n\n.mat-mdc-list-base {\n display: block;\n}\n.mat-mdc-list-base .mdc-list-item__start,\n.mat-mdc-list-base .mdc-list-item__end,\n.mat-mdc-list-base .mdc-list-item__content {\n pointer-events: auto;\n}\n\n.mat-mdc-list-item,\n.mat-mdc-list-option {\n width: 100%;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-list-item:not(.mat-mdc-list-item-interactive),\n.mat-mdc-list-option:not(.mat-mdc-list-item-interactive) {\n cursor: default;\n}\n.mat-mdc-list-item .mat-divider-inset,\n.mat-mdc-list-option .mat-divider-inset {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n.mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-left: 72px;\n}\n[dir=rtl] .mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n[dir=rtl] .mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-right: 72px;\n}\n\n.mat-mdc-list-item-interactive::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n content: "";\n opacity: 0;\n pointer-events: none;\n border-radius: inherit;\n}\n\n.mat-mdc-list-item > .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n}\n.mat-mdc-list-item:focus-visible > .mat-focus-indicator::before {\n content: "";\n}\n\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-line.mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: normal;\n}\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-unscoped-content.mdc-list-item__secondary-text {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n\nmat-action-list button {\n background: none;\n color: inherit;\n border: none;\n font: inherit;\n outline: inherit;\n -webkit-tap-highlight-color: transparent;\n text-align: start;\n}\nmat-action-list button::-moz-focus-inner {\n border: 0;\n}\n\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-inline-start: var(--mat-list-list-item-leading-icon-start-space, 16px);\n margin-inline-end: var(--mat-list-list-item-leading-icon-end-space, 16px);\n}\n\n.mat-mdc-nav-list .mat-mdc-list-item {\n border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n --mat-focus-indicator-border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n}\n.mat-mdc-nav-list .mat-mdc-list-item.mdc-list-item--activated {\n background-color: var(--mat-list-active-indicator-color, var(--mat-sys-secondary-container));\n}\n'; 96var _c2 = ["unscopedContent"]; 97var _c3 = ["text"]; 98var _c4 = [[["", "matListItemAvatar", ""], ["", "matListItemIcon", ""]], [["", "matListItemTitle", ""]], [["", "matListItemLine", ""]], "*", [["", "matListItemMeta", ""]], [["mat-divider"]]]; 99var _c5 = ["[matListItemAvatar],[matListItemIcon]", "[matListItemTitle]", "[matListItemLine]", "*", "[matListItemMeta]", "mat-divider"]; 100var _c6 = [[["", "matListItemTitle", ""]], [["", "matListItemLine", ""]], "*", [["mat-divider"]], [["", "matListItemAvatar", ""], ["", "matListItemIcon", ""]]]; 101var _c7 = ["[matListItemTitle]", "[matListItemLine]", "*", "mat-divider", "[matListItemAvatar],[matListItemIcon]"]; 102function MatListOption_ng_template_0_Template(rf, ctx) { 103 if (rf & 1) { 104 \u0275\u0275projection(0, 4); 105 } 106} 107function MatListOption_ng_template_2_Template(rf, ctx) { 108 if (rf & 1) { 109 \u0275\u0275elementStart(0, "div", 11);
110 \u0275\u0275element(1, "input", 12); 111 \u0275\u0275elementStart(2, "div", 13); 112 \u0275\u0275namespaceSVG(); 113 \u0275\u0275elementStart(3, "svg", 14); 114 \u0275\u0275element(4, "path", 15); 115 \u0275\u0275elementEnd(); 116 \u0275\u0275namespaceHTML(); 117 \u0275\u0275element(5, "div", 16); 118 \u0275\u0275elementEnd()(); 119 } 120 if (rf & 2) { 121 const ctx_r0 = \u0275\u0275nextContext(); 122 \u0275\u0275classProp("mdc-checkbox--disabled", ctx_r0.disabled); 123 \u0275\u0275advance(); 124 \u0275\u0275property("checked", ctx_r0.selected)("disabled", ctx_r0.disabled); 125 } 126} 127function MatListOption_ng_template_4_Template(rf, ctx) { 128 if (rf & 1) { 129 \u0275\u0275elementStart(0, "div", 17); 130 \u0275\u0275element(1, "input", 18); 131 \u0275\u0275elementStart(2, "div", 19); 132 \u0275\u0275element(3, "div", 20)(4, "div", 21); 133 \u0275\u0275elementEnd()(); 134 } 135 if (rf & 2) { 136 const ctx_r0 = \u0275\u0275nextContext(); 137 \u0275\u0275classProp("mdc-radio--disabled", ctx_r0.disabled); 138 \u0275\u0275advance(); 139 \u0275\u0275property("checked", ctx_r0.selected)("disabled", ctx_r0.disabled); 140 } 141} 142function MatListOption_Conditional_6_ng_template_1_Template(rf, ctx) { 143} 144function MatListOption_Conditional_6_Template(rf, ctx) { 145 if (rf & 1) { 146 \u0275\u0275elementStart(0, "span", 4); 147 \u0275\u0275template(1, MatListOption_Conditional_6_ng_template_1_Template, 0, 0, "ng-template", 6); 148 \u0275\u0275elementEnd(); 149 } 150 if (rf & 2) { 151 \u0275\u0275nextContext(); 152 const checkbox_r2 = \u0275\u0275reference(3); 153 \u0275\u0275advance(); 154 \u0275\u0275property("ngTemplateOutlet", checkbox_r2); 155 } 156} 157function MatListOption_Conditional_7_ng_template_1_Template(rf, ctx) { 158} 159function MatListOption_Conditional_7_Template(rf, ctx) { 160 if (rf & 1) { 161 \u0275\u0275elementStart(0, "span", 5); 162 \u0275\u0275template(1, MatListOption_Conditional_7_ng_template_1_Template, 0, 0, "ng-template", 6); 163 \u0275\u0275elementEnd(); 164 } 165 if (rf & 2) { 166 \u0275\u0275nextContext(); 167 const radio_r3 = \u0275\u0275reference(5); 168 \u0275\u0275advance(); 169 \u0275\u0275property("ngTemplateOutlet", radio_r3); 170 } 171} 172function MatListOption_Conditional_8_ng_template_0_Template(rf, ctx) { 173} 174function MatListOption_Conditional_8_Template(rf, ctx) { 175 if (rf & 1) { 176 \u0275\u0275template(0, MatListOption_Conditional_8_ng_template_0_Template, 0, 0, "ng-template", 6); 177 } 178 if (rf & 2) { 179 \u0275\u0275nextContext(); 180 const icons_r4 = \u0275\u0275reference(1); 181 \u0275\u0275property("ngTemplateOutlet", icons_r4); 182 } 183} 184function MatListOption_Conditional_15_ng_template_1_Template(rf, ctx) { 185} 186function MatListOption_Conditional_15_Template(rf, ctx) { 187 if (rf & 1) { 188 \u0275\u0275elementStart(0, "span", 9); 189 \u0275\u0275template(1, MatListOption_Conditional_15_ng_template_1_Template, 0, 0, "ng-template", 6); 190 \u0275\u0275elementEnd(); 191 } 192 if (rf & 2) { 193 \u0275\u0275nextContext(); 194 const checkbox_r2 = \u0275\u0275reference(3); 195 \u0275\u0275advance(); 196 \u0275\u0275property("ngTemplateOutlet", checkbox_r2); 197 } 198} 199function MatListOption_Conditional_16_ng_template_1_Template(rf, ctx) { 200} 201function MatListOption_Conditional_16_Template(rf, ctx) { 202 if (rf & 1) { 203 \u0275\u0275elementStart(0, "span", 9); 204 \u0275\u0275template(1, MatListOption_Conditional_16_ng_template_1_Template, 0, 0, "ng-template", 6); 205 \u0275\u0275elementEnd(); 206 } 207 if (rf & 2) { 208 \u0275\u0275nextContext(); 209 const radio_r3 = \u0275\u0275reference(5); 210 \u0275\u0275advance(); 211 \u0275\u0275property("ngTemplateOutlet", radio_r3); 212 } 213} 214function MatListOption_Conditional_17_ng_template_0_Template(rf, ctx) { 215} 216function MatListOption_Conditional_17_Template(rf, ctx) { 217 if (rf & 1) { 218 \u0275\u0275template(0, MatListOption_Conditional_17_ng_template_0_Template, 0, 0, "ng-template", 6); 219 } 220 if (rf & 2) { 221 \u0275\u0275nextContext(); 222 const icons_r4 = \u0275\u0275reference(1); 223 \u0275\u0275property("ngTemplateOutlet", icons_r4); 224 } 225} 226var LIST_OPTION = new InjectionToken("ListOption"); 227var MatListItemTitle = class _MatListItemTitle { 228 _elementRef = inject(ElementRef); 229 constructor() { 230 } 231 static \u0275fac = function MatListItemTitle_Factory(__ngFactoryType__) { 232 return new (__ngFactoryType__ || _MatListItemTitle)(); 233 }; 234 static \u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({ 235 type: _MatListItemTitle, 236 selectors: [["", "matListItemTitle", ""]], 237 hostAttrs: [1, "mat-mdc-list-item-title", "mdc-list-item__primary-text"] 238 }); 239}; 240(() => { 241 (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatListItemTitle, [{ 242 type: Directive, 243 args: [{ 244 selector: "[matListItemTitle]", 245 host: { 246 "class": "mat-mdc-list-item-title mdc-list-item__primary-text" 247 } 248 }] 249 }], () => [], null); 250})(); 251var MatListItemLine = class _MatListItemLine { 252 _elementRef = inject(ElementRef); 253 constructor() { 254 } 255 static \u0275fac = function MatListItemLine_Factory(__ngFactoryType__) { 256 return new (__ngFactoryType__ || _MatListItemLine)(); 257 }; 258 static \u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({ 259 type: _MatListItemLine, 260 selectors: [["", "matListItemLine", ""]], 261 hostAttrs: [1, "mat-mdc-list-item-line", "mdc-list-item__secondary-text"] 262 }); 263}; 264(() => { 265 (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatListItemLine, [{ 266 type: Directive, 267 args: [{ 268 selector: "[matListItemLine]", 269 host: { 270 "class": "mat-mdc-list-item-line mdc-list-item__secondary-text" 271 } 272 }] 273 }], () => [], null); 274})(); 275var MatListItemMeta = class _MatListItemMeta { 276 static \u0275fac = function MatListItemMeta_Factory(__ngFactoryType__) { 277 return new (__ngFactoryType__ || _MatListItemMeta)(); 278 }; 279 static \u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({ 280 type: _MatListItemMeta, 281 selectors: [["", "matListItemMeta", ""]], 282 hostAttrs: [1, "mat-mdc-list-item-meta", "mdc-list-item__end"] 283 }); 284}; 285(() => { 286 (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatListItemMeta, [{ 287 type: Directive, 288 args: [{ 289 selector: "[matListItemMeta]", 290 host: { 291 "class": "mat-mdc-list-item-meta mdc-list-item__end" 292 } 293 }] 294 }], null, null); 295})(); 296var _MatListItemGraphicBase = class __MatListItemGraphicBase { 297 _listOption = inject(LIST_OPTION, { 298 optional: true 299 }); 300 constructor() { 301 } 302 _isAlignedAtStart() { 303 return !this._listOption || this._listOption?._getTogglePosition() === "after"; 304 } 305 static \u0275fac = function _MatListItemGraphicBase_Factory(__ngFactoryType__) { 306 return new (__ngFactoryType__ || __MatListItemGraphicBase)(); 307 }; 308 static \u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({ 309 type: __MatListItemGraphicBase, 310 hostVars: 4, 311 hostBindings: function _MatListItemGraphicBase_HostBindings(rf, ctx) { 312 if (rf & 2) { 313 \u0275\u0275classProp("mdc-list-item__start", ctx._isAlignedAtStart())("mdc-list-item__end",
313!ctx._isAlignedAtStart()); 314 } 315 } 316 }); 317}; 318(() => { 319 (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(_MatListItemGraphicBase, [{ 320 type: Directive, 321 args: [{ 322 host: { 323 "[class.mdc-list-item__start]": "_isAlignedAtStart()", 324 "[class.mdc-list-item__end]": "!_isAlignedAtStart()" 325 } 326 }] 327 }], () => [], null); 328})(); 329var MatListItemAvatar = class _MatListItemAvatar extends _MatListItemGraphicBase { 330 static \u0275fac = /* @__PURE__ */ (() => { 331 let \u0275MatListItemAvatar_BaseFactory; 332 return function MatListItemAvatar_Factory(__ngFactoryType__) { 333 return (\u0275MatListItemAvatar_BaseFactory || (\u0275MatListItemAvatar_BaseFactory = \u0275\u0275getInheritedFactory(_MatListItemAvatar)))(__ngFactoryType__ || _MatListItemAvatar); 334 }; 335 })(); 336 static \u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({ 337 type: _MatListItemAvatar, 338 selectors: [["", "matListItemAvatar", ""]], 339 hostAttrs: [1, "mat-mdc-list-item-avatar"], 340 features: [\u0275\u0275InheritDefinitionFeature] 341 }); 342}; 343(() => { 344 (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatListItemAvatar, [{ 345 type: Directive, 346 args: [{ 347 selector: "[matListItemAvatar]", 348 host: { 349 "class": "mat-mdc-list-item-avatar" 350 } 351 }] 352 }], null, null); 353})(); 354var MatListItemIcon = class _MatListItemIcon extends _MatListItemGraphicBase { 355 static \u0275fac = /* @__PURE__ */ (() => { 356 let \u0275MatListItemIcon_BaseFactory; 357 return function MatListItemIcon_Factory(__ngFactoryType__) { 358 return (\u0275MatListItemIcon_BaseFactory || (\u0275MatListItemIcon_BaseFactory = \u0275\u0275getInheritedFactory(_MatListItemIcon)))(__ngFactoryType__ || _MatListItemIcon); 359 }; 360 })(); 361 static \u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({ 362 type: _MatListItemIcon, 363 selectors: [["", "matListItemIcon", ""]], 364 hostAttrs: [1, "mat-mdc-list-item-icon"], 365 features: [\u0275\u0275InheritDefinitionFeature] 366 }); 367}; 368(() => { 369 (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatListItemIcon, [{ 370 type: Directive, 371 args: [{ 372 selector: "[matListItemIcon]", 373 host: { 374 "class": "mat-mdc-list-item-icon" 375 } 376 }] 377 }], null, null); 378})(); 379var MAT_LIST_CONFIG = new InjectionToken("MAT_LIST_CONFIG"); 380var MatListBase = class _MatListBase { 381 _isNonInteractive = true; 382 get disableRipple() { 383 return this._disableRipple; 384 } 385 set disableRipple(value) { 386 this._disableRipple = coerceBooleanProperty(value); 387 } 388 _disableRipple = false; 389 get disabled() { 390 return this._disabled(); 391 } 392 set disabled(value) { 393 this._disabled.set(coerceBooleanProperty(value)); 394 } 395 _disabled = signal(false, ...ngDevMode ? [{ 396 debugName: "_disabled" 397 }] : []); 398 _defaultOptions = inject(MAT_LIST_CONFIG, { 399 optional: true 400 }); 401 static \u0275fac = function MatListBase_Factory(__ngFactoryType__) { 402 return new (__ngFactoryType__ || _MatListBase)(); 403 }; 404 static \u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({ 405 type: _MatListBase, 406 hostVars: 1, 407 hostBindings: function MatListBase_HostBindings(rf, ctx) { 408 if (rf & 2) { 409 \u0275\u0275attribute("aria-disabled", ctx.disabled); 410 } 411 }, 412 inputs: { 413 disableRipple: "disableRipple", 414 disabled: "disabled" 415 } 416 }); 417}; 418(() => { 419 (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatListBase, [{ 420 type: Directive, 421 args: [{ 422 host: { 423 "[attr.aria-disabled]": "disabled" 424 } 425 }] 426 }], null, { 427 disableRipple: [{ 428 type: Input 429 }], 430 disabled: [{ 431 type: Input 432 }] 433 }); 434})(); 435var MatListItemBase = class _MatListItemBase { 436 _elementRef = inject(ElementRef); 437 _ngZone = inject(NgZone); 438 _listBase = inject(MatListBase, { 439 optional: true 440 }); 441 _platform = inject(Platform); 442 _hostElement; 443 _isButtonElement; 444 _noopAnimations = _animationsDisabled(); 445 _avatars; 446 _icons; 447 set lines(lines) { 448 this._explicitLines = coerceNumberProperty(lines, null); 449 this._updateItemLines(false); 450 } 451 _explicitLines = null; 452 get disableRipple() { 453 return this.disabled || this._disableRipple || this._noopAnimations || !!this._listBase?.disableRipple; 454 } 455 set disableRipple(value) { 456 this._disableRipple = coerceBooleanProperty(value); 457 } 458 _disableRipple = false;
459 get disabled() { 460 return this._disabled() || !!this._listBase?.disabled; 461 } 462 set disabled(value) { 463 this._disabled.set(coerceBooleanProperty(value)); 464 } 465 _disabled = signal(false, ...ngDevMode ? [{ 466 debugName: "_disabled" 467 }] : []); 468 _subscriptions = new Subscription(); 469 _rippleRenderer = null; 470 _hasUnscopedTextContent = false; 471 rippleConfig; 472 get rippleDisabled() { 473 return this.disableRipple || !!this.rippleConfig.disabled; 474 } 475 constructor() { 476 inject(_CdkPrivateStyleLoader).load(_StructuralStylesLoader); 477 const globalRippleOptions = inject(MAT_RIPPLE_GLOBAL_OPTIONS, { 478 optional: true 479 }); 480 this.rippleConfig = globalRippleOptions || {}; 481 this._hostElement = this._elementRef.nativeElement; 482 this._isButtonElement = this._hostElement.nodeName.toLowerCase() === "button"; 483 if (this._listBase && !this._listBase._isNonInteractive) { 484 this._initInteractiveListItem(); 485 } 486 if (this._isButtonElement && !this._hostElement.hasAttribute("type")) { 487 this._hostElement.setAttribute("type", "button"); 488 } 489 } 490 ngAfterViewInit() { 491 this._monitorProjectedLinesAndTitle(); 492 this._updateItemLines(true); 493 } 494 ngOnDestroy() { 495 this._subscriptions.unsubscribe(); 496 if (this._rippleRenderer !== null) { 497 this._rippleRenderer._removeTriggerEvents(); 498 } 499 } 500 _hasIconOrAvatar() { 501 return !!(this._avatars.length || this._icons.length); 502 } 503 _initInteractiveListItem() { 504 this._hostElement.classList.add("mat-mdc-list-item-interactive"); 505 this._rippleRenderer = new RippleRenderer(this, this._ngZone, this._hostElement, this._platform, inject(Injector)); 506 this._rippleRenderer.setupTriggerEvents(this._hostElement); 507 } 508 _monitorProjectedLinesAndTitle() { 509 this._ngZone.runOutsideAngular(() => { 510 this._subscriptions.add(merge(this._lines.changes, this._titles.changes).subscribe(() => this._updateItemLines(false))); 511 }); 512 } 513 _updateItemLines(recheckUnscopedContent) { 514 if (!this._lines || !this._titles || !this._unscopedContent) { 515 return; 516 } 517 if (recheckUnscopedContent) { 518 this._checkDomForUnscopedTextContent(); 519 } 520 if (typeof ngDevMode === "undefined" || ngDevMode) { 521 sanityCheckListItemContent(this); 522 } 523 const numberOfLines = this._explicitLines ?? this._inferLinesFromContent(); 524 const unscopedContentEl = this._unscopedContent.nativeElement; 525 this._hostElement.classList.toggle("mat-mdc-list-item-single-line", numberOfLines <= 1); 526 this._hostElement.classList.toggle("mdc-list-item--with-one-line", numberOfLines <= 1); 527 this._hostElement.classList.toggle("mdc-list-item--with-two-lines", numberOfLines === 2); 528 this._hostElement.classList.toggle("mdc-list-item--with-three-lines", numberOfLines === 3); 529 if (this._hasUnscopedTextContent) { 530 const treatAsTitle = this._titles.length === 0 && numberOfLines === 1; 531 unscopedContentEl.classList.toggle("mdc-list-item__primary-text", treatAsTitle); 532 unscopedContentEl.classList.toggle("mdc-list-item__secondary-text", !treatAsTitle); 533 } else { 534 unscopedContentEl.classList.remove("mdc-list-item__primary-text"); 535 unscopedContentEl.classList.remove("mdc-list-item__secondary-text"); 536 } 537 } 538 _inferLinesFromContent() { 539 let numOfLines = this._titles.length + this._lines.length; 540 if (this._hasUnscopedTextContent) { 541 numOfLines += 1; 542 } 543 return numOfLines; 544 } 545 _checkDomForUnscopedTextContent() { 546 this._hasUnscopedTextContent = Array.from(this._unscopedContent.nativeElement.childNodes).filter((node) => node.nodeType !== node.COMMENT_NODE).some((node) => !!(node.textContent && node.textContent.trim())); 547 } 548 static \u0275fac = function MatListItemBase_Factory(__ngFactoryType__) { 549 return new (__ngFactoryType__ || _MatListItemBase)(); 550 }; 551 static \u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({ 552 type: _MatListItemBase, 553 contentQueries: function MatListItemBase_ContentQueries(rf, ctx, dirIndex) { 554 if (rf & 1) { 555 \u0275\u0275contentQuery(dirIndex, MatListItemAvatar, 4)(dirIndex, MatListItemIcon, 4); 556 } 557 if (rf & 2) { 558 let _t; 559 \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx._avatars = _t); 560 \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx._icons = _t); 561 } 562 }, 563 hostVars: 4, 564 hostBindings: function MatListItemBase_HostBindings(rf, ctx) { 565 if (rf & 2) { 566 \u0275\u0275attribute("aria-disabled", ctx.disabled)("disabled", ctx._isButtonElement && ctx.disabled || null); 567 \u0275\u0275classProp("mdc-list-item--disabled", ctx.disabled); 568 } 569 }, 570 inputs: { 571 lines: "lines", 572 disableRipple: "disableRipple", 573 disabled: "disabled" 574 } 575 }); 576}; 577(() => { 578 (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatListItemBase, [{ 579 type: Directive, 580 args: [{ 581 host: { 582 "[class.mdc-list-item--disabled]": "disabled", 583 "[attr.aria-disabled]": "disabled", 584 "[attr.disabled]": "(_isButtonElement && disabled) || null" 585 } 586 }] 587 }], () => [], { 588 _avatars: [{ 589 type: ContentChildren, 590 args: [MatListItemAvatar, { 591 descendants: false 592 }] 593 }], 594 _icons: [{ 595 type: ContentChildren, 596 args: [MatListItemIcon, { 597 descendants: false 598 }] 599 }], 600 lines: [{ 601 type: Input 602 }], 603 disableRipple: [{ 604 type: Input 605 }], 606 disabled: [{ 607 type: Input 608 }] 609 }); 610})(); 611function sanityCheckListItemContent(item) { 612 const numTitles = item._titles.length; 613 const numLines = item._lines.length; 614 if (numTitles > 1) { 615 console.warn("A list item cannot have multiple titles."); 616 } 617 if (numTitles === 0 && numLines > 0) { 618 console.warn("A list item line can only be used if there is a list item title."); 619 } 620 if (numTitles === 0 && item._hasUnscopedTextContent && item._explicitLines !== null && item._explicitLines > 1) { 621 console.warn("A list item cannot have wrapping content without a title."); 622 } 623 if (numLines > 2 || numLines === 2 && item._hasUnscopedTextContent) { 624 console.warn("A list item can have at maximum three lines."); 625 } 626} 627var MatActionList = class _MatActionList extends MatListBase { 628 _isNonInteractive = false;
629 static \u0275fac = /* @__PURE__ */ (() => { 630 let \u0275MatActionList_BaseFactory; 631 return function MatActionList_Factory(__ngFactoryType__) { 632 return (\u0275MatActionList_BaseFactory || (\u0275MatActionList_BaseFactory = \u0275\u0275getInheritedFactory(_MatActionList)))(__ngFactoryType__ || _MatActionList); 633 }; 634 })(); 635 static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ 636 type: _MatActionList, 637 selectors: [["mat-action-list"]], 638 hostAttrs: ["role", "group", 1, "mat-mdc-action-list", "mat-mdc-list-base", "mdc-list"], 639 exportAs: ["matActionList"], 640 features: [\u0275\u0275ProvidersFeature([{ 641 provide: MatListBase, 642 useExisting: _MatActionList 643 }]), \u0275\u0275InheritDefinitionFeature], 644 ngContentSelectors: _c0, 645 decls: 1, 646 vars: 0, 647 template: function MatActionList_Template(rf, ctx) { 648 if (rf & 1) { 649 \u0275\u0275projectionDef(); 650 \u0275\u0275projection(0); 651 } 652 }, 653 styles: ['.mdc-list {\n margin: 0;\n padding: 8px 0;\n list-style-type: none;\n}\n.mdc-list:focus {\n outline: none;\n}\n\n.mdc-list-item {\n display: flex;\n position: relative;\n justify-content: flex-start;\n overflow: hidden;\n padding: 0;\n align-items: stretch;\n cursor: pointer;\n padding-left: 16px;\n padding-right: 16px;\n background-color: var(--mat-list-list-item-container-color, transparent);\n border-radius: var(--mat-list-list-item-container-shape, var(--mat-sys-corner-none));\n}\n.mdc-list-item.mdc-list-item--selected {\n background-color: var(--mat-list-list-item-selected-container-color);\n}\n.mdc-list-item:focus {\n outline: 0;\n}\n.mdc-list-item.mdc-list-item--disabled {\n cursor: auto;\n}\n.mdc-list-item.mdc-list-item--with-one-line {\n height: var(--mat-list-list-item-one-line-container-height, 48px);\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-two-lines {\n height: var(--mat-list-list-item-two-line-container-height, 64px);\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-three-lines {\n height: var(--mat-list-list-item-three-line-container-height, 88px);\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--selected::before, .mdc-list-item.mdc-list-item--selected:focus::before, .mdc-list-item:not(.mdc-list-item--selected):focus::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n content: "";\n pointer-events: none;\n}\n\na.mdc-list-item {\n color: inherit;\n text-decoration: none;\n}\n\n.mdc-list-item__start {\n fill: currentColor;\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-leading-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-leading-icon-size, 24px);\n height: var(--mat-list-list-item-leading-icon-size, 24px);\n margin-left: 16px;\n margin-right: 32px;\n}\n[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-left: 32px;\n margin-right: 16px;\n}\n.mdc-list-item--with-leading-icon:hover .mdc-list-item__start {\n color: var(--mat-list-list-item-hover-leading-icon-color);\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start {\n width: var(--mat-list-list-item-leading-avatar-size, 40px);\n height: var(--mat-list-list-item-leading-avatar-size, 40px);\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start, [dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start {\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n\n.mdc-list-item__end {\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n font-family: var(--mat-list-list-item-trailing-supporting-text-font, var(--mat-sys-label-small-font));\n line-height: var(--mat-list-list-item-trailing-supporting-text-line-height, var(--mat-sys-label-small-line-height));\n font-size: var(--mat-list-list-item-trailing-supporting-text-size, var(--mat-sys-label-small-size));\n font-weight: var(--mat-list-list-item-trailing-supporting-text-weight, var(--mat-sys-label-small-weight));\n letter-spacing: var(--mat-list-list-item-trailing-supporting-text-tracking, var(--mat-sys-label-small-tracking));\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-trailing-icon-size, 24px);\n height: var(--mat-list-list-item-trailing-icon-size, 24px);\n}\n.mdc-list-item--with-trailing-icon:hover .mdc-list-item__end {\n color: var(--mat-list-list-item-hover-trailing-icon-color);\n}\n.mdc-list-item.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-supporting-text-color, var(--mat-sys-on-surface-variant));\n}\n.mdc-list-item--selected.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-selected-trailing-icon-color, var(--mat-sys-primary));\n}\n\n.mdc-list-item__content {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n align-self: center;\n flex: 1;\n pointer-events: none;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__content, .mdc-list-item--with-three-lines .mdc-list-item__content {\n align-self: stretch;\n}\n\n.mdc-list-item__primary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n color: var(--mat-list-list-item-label-text-color, var(--mat-sys-on-surface));\n font-family: var(--mat-list-list-item-label-text-font, var(--mat-sys-body-large-font));\n line-height: var(--mat-list-list-item-label-text-line-height, var(--mat-sys-body-large-line-height));\n font-size: var(--mat-list-list-item-label-text-size, var(--mat-sys-body-large-size));\n font-weight: var(--mat-list-list-item-label-text-weight, var(--mat-sys-body-large-weight));\n letter-spacing: var(--mat-list-list-item-label-text-tracking, var(--mat-sys-body-large-tracking));\n}\n.mdc-list-item:hover .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-hover-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item:focus .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-focus-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text, .mdc-list-item--with-three-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n\n.mdc-list-item__secondary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n margin-top: 0;\n color: var(--mat-list-list-item-supporting-text-color, var(--mat-sys-on-surface-variant));\n font-family: var(--mat-list-list-item-supporting-text-font, var(--mat-sys-body-medium-font));\n line-height: var(--mat-list-list-item-supporting-text-line-height, var(--mat-sys-body-medium-line-height));\n font-size: var(--mat-list-list-item-supporting-text-size, var(--mat-sys-body-medium-size));\n font-weight: var(--mat-list-list-item-supporting-text-weight, var(--mat-sys-body-medium-weight));\n letter-spacing: var(--mat-list-list-item-supporting-text-tracking, var(--mat-sys-body-medium-tracking));\n}\n.mdc-list-item__secondary-text::before {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-three-lines .mdc-list-item__secondary-text {\n white-space: normal;\n line-height: 20px;\n}\n.mdc-list-item--with-overline .mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: auto;\n}\n\n.mdc-list-item--with-leading-radio.mdc-list-item,\n.mdc-list-item--with-leading-checkbox.mdc-list-item,\n.mdc-list-item--with-leading-icon.mdc-list-item,\n.mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n display: block;\n margin-top: 0;\n line-height: normal;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-trailing-icon.mdc-list-item, [dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item {\n padding-left: 0;\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 16px;\n}\n\n.mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n -webkit-user-select: none;\n user-select: none;\n margin-left: 28px;\n margin-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 28px;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {\n display: block;\n line-height: normal;\n align-self: flex-start;\n margin-top: 0;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: "";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-leading-radio .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 8px;\n margin-right: 24px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start,\n[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 24px;\n margin-right: 8px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-item--with-trailing-radio.mdc-list-item,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-left: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, [dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-radio .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 24px;\n margin-right: 8px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 8px;\n margin-right: 24px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-group__subheader {\n margin: 0.75rem 16px;\n}\n\n.mdc-list-item--disabled .mdc-list-item__start,\n.mdc-list-item--disabled .mdc-list-item__content,\n.mdc-list-item--disabled .mdc-list-item__end {\n opacity: 1;\n}\n.mdc-list-item--disabled .mdc-list-item__primary-text,\n.mdc-list-item--disabled .mdc-list-item__secondary-text {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-disabled-leading-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-leading-icon-opacity, 0.38);\n}\n.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-disabled-trailing-icon-color, var(--mat-sys-on-surf
653ace));\n opacity: var(--mat-list-list-item-disabled-trailing-icon-opacity, 0.38);\n}\n\n.mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing, [dir=rtl] .mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing {\n padding-left: 0;\n padding-right: 0;\n}\n\n.mdc-list-item.mdc-list-item--disabled .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-disabled-label-text-color, var(--mat-sys-on-surface));\n}\n\n.mdc-list-item:hover::before {\n background-color: var(--mat-list-list-item-hover-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n\n.mdc-list-item.mdc-list-item--disabled::before {\n background-color: var(--mat-list-list-item-disabled-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item:focus::before {\n background-color: var(--mat-list-list-item-focus-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item--disabled .mdc-radio,\n.mdc-list-item--disabled .mdc-checkbox {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n\n.mdc-list-item--with-leading-avatar .mat-mdc-list-item-avatar {\n border-radius: var(--mat-list-list-item-leading-avatar-shape, var(--mat-sys-corner-full));\n background-color: var(--mat-list-list-item-leading-avatar-color, var(--mat-sys-primary-container));\n}\n\n.mat-mdc-list-item-icon {\n font-size: var(--mat-list-list-item-leading-icon-size, 24px);\n}\n\n@media (forced-colors: active) {\n a.mdc-list-item--activated::after {\n content: "";\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n width: 10px;\n height: 0;\n border-bottom: solid 10px;\n border-radius: 10px;\n }\n a.mdc-list-item--activated [dir=rtl]::after {\n right: auto;\n left: 16px;\n }\n}\n\n.mat-mdc-list-base {\n display: block;\n}\n.mat-mdc-list-base .mdc-list-item__start,\n.mat-mdc-list-base .mdc-list-item__end,\n.mat-mdc-list-base .mdc-list-item__content {\n pointer-events: auto;\n}\n\n.mat-mdc-list-item,\n.mat-mdc-list-option {\n width: 100%;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-list-item:not(.mat-mdc-list-item-interactive),\n.mat-mdc-list-option:not(.mat-mdc-list-item-interactive) {\n cursor: default;\n}\n.mat-mdc-list-item .mat-divider-inset,\n.mat-mdc-list-option .mat-divider-inset {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n.mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-left: 72px;\n}\n[dir=rtl] .mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n[dir=rtl] .mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-right: 72px;\n}\n\n.mat-mdc-list-item-interactive::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n content: "";\n opacity: 0;\n pointer-events: none;\n border-radius: inherit;\n}\n\n.mat-mdc-list-item > .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n}\n.mat-mdc-list-item:focus-visible > .mat-focus-indicator::before {\n content: "";\n}\n\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-line.mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: normal;\n}\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-unscoped-content.mdc-list-item__secondary-text {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n\nmat-action-list button {\n background: none;\n color: inherit;\n border: none;\n font: inherit;\n outline: inherit;\n -webkit-tap-highlight-color: transparent;\n text-align: start;\n}\nmat-action-list button::-moz-focus-inner {\n border: 0;\n}\n\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-inline-start: var(--mat-list-list-item-leading-icon-start-space, 16px);\n margin-inline-end: var(--mat-list-list-item-leading-icon-end-space, 16px);\n}\n\n.mat-mdc-nav-list .mat-mdc-list-item {\n border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n --mat-focus-indicator-border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n}\n.mat-mdc-nav-list .mat-mdc-list-item.mdc-list-item--activated {\n background-color: var(--mat-list-active-indicator-color, var(--mat-sys-secondary-container));\n}\n'], 654 encapsulation: 2, 655 changeDetection: 0 656 }); 657}; 658(() => { 659 (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatActionList, [{ 660 type: Component, 661 args: [{ 662 selector: "mat-action-list", 663 exportAs: "matActionList", 664 template: "<ng-content></ng-content>", 665 host: { 666 "class": "mat-mdc-action-list mat-mdc-list-base mdc-list", 667 "role": "group" 668 }, 669 encapsulation: ViewEncapsulation.None, 670 changeDetection: ChangeDetectionStrategy.OnPush, 671 providers: [{ 672 provide: MatListBase, 673 useExisting: MatActionList 674 }], 675 styles: ['.mdc-list {\n margin: 0;\n padding: 8px 0;\n list-style-type: none;\n}\n.mdc-list:focus {\n outline: none;\n}\n\n.mdc-list-item {\n display: flex;\n position: relative;\n justify-content: flex-start;\n overflow: hidden;\n padding: 0;\n align-items: stretch;\n cursor: pointer;\n padding-left: 16px;\n padding-right: 16px;\n background-color: var(--mat-list-list-item-container-color, transparent);\n border-radius: var(--mat-list-list-item-container-shape, var(--mat-sys-corner-none));\n}\n.mdc-list-item.mdc-list-item--selected {\n background-color: var(--mat-list-list-item-selected-container-color);\n}\n.mdc-list-item:focus {\n outline: 0;\n}\n.mdc-list-item.mdc-list-item--disabled {\n cursor: auto;\n}\n.mdc-list-item.mdc-list-item--with-one-line {\n height: var(--mat-list-list-item-one-line-container-height, 48px);\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-two-lines {\n height: var(--mat-list-list-item-two-l
675ine-container-height, 64px);\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-three-lines {\n height: var(--mat-list-list-item-three-line-container-height, 88px);\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--selected::before, .mdc-list-item.mdc-list-item--selected:focus::before, .mdc-list-item:not(.mdc-list-item--selected):focus::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n content: "";\n pointer-events: none;\n}\n\na.mdc-list-item {\n color: inherit;\n text-decoration: none;\n}\n\n.mdc-list-item__start {\n fill: currentColor;\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-leading-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-leading-icon-size, 24px);\n height: var(--mat-list-list-item-leading-icon-size, 24px);\n margin-left: 16px;\n margin-right: 32px;\n}\n[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-left: 32px;\n margin-right: 16px;\n}\n.mdc-list-item--with-leading-icon:hover .mdc-list-item__start {\n color: var(--mat-list-list-item-hover-leading-icon-color);\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start {\n width: var(--mat-list-list-item-leading-avatar-size, 40px);\n height: var(--mat-list-list-item-leading-avatar-size, 40px);\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start, [dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start {\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n\n.mdc-list-item__end {\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n font-family: var(--mat-list-list-item-trailing-supporting-text-font, var(--mat-sys-label-small-font));\n line-height: var(--mat-list-list-item-trailing-supporting-text-line-height, var(--mat-sys-label-small-line-height));\n font-size: var(--mat-list-list-item-trailing-supporting-text-size, var(--mat-sys-label-small-size));\n font-weight: var(--mat-list-list-item-trailing-supporting-text-weight, var(--mat-sys-label-small-weight));\n letter-spacing: var(--mat-list-list-item-trailing-supporting-text-tracking, var(--mat-sys-label-small-tracking));\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-trailing-icon-size, 24px);\n height: var(--mat-list-list-item-trailing-icon-size, 24px);\n}\n.mdc-list-item--with-trailing-icon:hover .mdc-list-item__end {\n color: var(--mat-list-list-item-hover-trailing-icon-color);\n}\n.mdc-list-item.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-supporting-text-color, var(--mat-sys-on-surface-variant));\n}\n.mdc-list-item--selected.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-selected-trailing-icon-color, var(--mat-sys-primary));\n}\n\n.mdc-list-item__content {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n align-self: center;\n flex: 1;\n pointer-events: none;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__content, .mdc-list-item--with-three-lines .mdc-list-item__content {\n align-self: stretch;\n}\n\n.mdc-list-item__primary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n color: var(--mat-list-list-item-label-text-color, var(--mat-sys-on-surface));\n font-family: var(--mat-list-list-item-label-text-font, var(--mat-sys-body-large-font));\n line-height: var(--mat-list-list-item-label-text-line-height, var(--mat-sys-body-large-line-height));\n font-size: var(--mat-list-list-item-label-text-size, var(--mat-sys-body-large-size));\n font-weight: var(--mat-list-list-item-label-text-weight, var(--mat-sys-body-large-weight));\n letter-spacing: var(--mat-list-list-item-label-text-tracking, var(--mat-sys-body-large-tracking));\n}\n.mdc-list-item:hover .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-hover-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item:focus .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-focus-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text, .mdc-list-item--with-three-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n\n.mdc-list-item__secondary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n margin-top: 0;\n color: var(--mat-list-list-item-supporting-text-color, var(--mat-sys-on-surface-variant));\n font-family: var(--mat-list-list-item-supporting-text-font, var(--mat-sys-body-medium-font));\n line-height: var(--mat-list-list-item-supporting-text-line-height, var(--mat-sys-body-medium-line-height));\n font-size: var(--mat-list-list-item-supporting-text-size, var(--mat-sys-body-medium-size));\n font-weight: var(--mat-list-list-item-supporting-text-weight, var(--mat-sys-body-medium-weight));\n letter-spacing: var(--mat-list-list-item-supporting-text-tracking, var(--mat-sys-body-medium-tracking));\n}\n.mdc-list-item__secondary-text::before {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-three-lines .mdc-list-item__secondary-text {\n white-space: normal;\n line-height: 20px;\n}\n.mdc-list-item--with-overline .mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: auto;\n}\n\n.mdc-list-item--with-leading-radio.mdc-list-item,\n.mdc-list-item--with-leading-checkbox.mdc-list-item,\n.mdc-list-item--with-leading-icon.mdc-list-item,\n.mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n display: block;\n margin-top: 0;\n line-height: normal;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-trailing-icon.mdc-list-item, [dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item {\n padding-left: 0;\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 16px;\n}\n\n.mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n -webkit-user-select: none;\n user-select: none;\n margin-left: 28px;\n margin-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 28px;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {\n display: block;\n line-height: normal;\n align-self: flex-start;\n margin-top: 0;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: "";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-leading-radio .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 8px;\n margin-right: 24px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start,\n[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 24px;\n margin-right: 8px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-item--with-trailing-radio.mdc-list-item,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-left: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, [dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-radio .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 24px;\n margin-right: 8px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 8px;\n margin-right: 24px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-group__subheader {\n margin: 0.75rem 16px;\n}\n\n.mdc-list-item--disabled .mdc-list-item__start,\n.mdc-list-item--disabled .mdc-list-item__content,\n.mdc-list-item--disabled .mdc-list-item__end {\n opacity: 1;\n}\n.mdc-list-item--disabled .mdc-list-item__primary-text,\n.mdc-list-item--disabled .mdc-list-item__secondary-text {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-disabled-leading-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-leading-icon-opacity, 0.38);\n}\n.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-disabled-trailing-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-trailing-icon-opacity, 0.38);\n}\n\n.mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing, [dir=rtl] .mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing {\n padding-left: 0;\n padding-right: 0;\n}\n\n.mdc-list-item.mdc-list-item--disabled .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-disabled-label-text-color, var(--mat-sys-on-surface));\n}\n\n.mdc-list-item:hover::before {\n background-color: var(--mat-list-list-item-hover-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n\n.mdc-list-item.mdc-list-item--disabled::before {\n background-color: var(--mat-list-list-item-disabled-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item:focus::before {\n background-color: var(--mat-list-list-item-focus-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item--disabled .mdc-radio,\n.mdc-list-item--disabled .mdc-checkbox {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n\n.mdc-list-item--with-leading-avatar .mat-mdc-list-item-avatar {\n border-radius: var(--mat-list-list-item-leading-avatar-shape, var(--mat-sys-corner-full));\n background-color: var(--mat-list-list-item-leading-avatar-color, var(--mat-sys-primary-container));\n}\n\n.mat-mdc-list-item-icon {\n font-size: var(--mat-list-list-item-leading-icon-size, 24px);\n}\n\n@media (forced-colors: active) {\n a.mdc-list-item--activated::after {\n content: "";\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n width: 10px;\n height: 0;\n border-bottom: solid 10px;\n border-radius: 10px;\n }\n a.mdc-list-item--activated [dir=rtl]::after {\n right: auto;\n left: 16px;\n }\n}\n\n.mat-mdc-list-base {\n display: block;\n}\n.mat-mdc-li
675st-base .mdc-list-item__start,\n.mat-mdc-list-base .mdc-list-item__end,\n.mat-mdc-list-base .mdc-list-item__content {\n pointer-events: auto;\n}\n\n.mat-mdc-list-item,\n.mat-mdc-list-option {\n width: 100%;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-list-item:not(.mat-mdc-list-item-interactive),\n.mat-mdc-list-option:not(.mat-mdc-list-item-interactive) {\n cursor: default;\n}\n.mat-mdc-list-item .mat-divider-inset,\n.mat-mdc-list-option .mat-divider-inset {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n.mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-left: 72px;\n}\n[dir=rtl] .mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n[dir=rtl] .mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-right: 72px;\n}\n\n.mat-mdc-list-item-interactive::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n content: "";\n opacity: 0;\n pointer-events: none;\n border-radius: inherit;\n}\n\n.mat-mdc-list-item > .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n}\n.mat-mdc-list-item:focus-visible > .mat-focus-indicator::before {\n content: "";\n}\n\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-line.mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: normal;\n}\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-unscoped-content.mdc-list-item__secondary-text {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n\nmat-action-list button {\n background: none;\n color: inherit;\n border: none;\n font: inherit;\n outline: inherit;\n -webkit-tap-highlight-color: transparent;\n text-align: start;\n}\nmat-action-list button::-moz-focus-inner {\n border: 0;\n}\n\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-inline-start: var(--mat-list-list-item-leading-icon-start-space, 16px);\n margin-inline-end: var(--mat-list-list-item-leading-icon-end-space, 16px);\n}\n\n.mat-mdc-nav-list .mat-mdc-list-item {\n border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n --mat-focus-indicator-border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n}\n.mat-mdc-nav-list .mat-mdc-list-item.mdc-list-item--activated {\n background-color: var(--mat-list-active-indicator-color, var(--mat-sys-secondary-container));\n}\n'] 676 }] 677 }], null, null); 678})(); 679var MAT_LIST = new InjectionToken("MatList"); 680var MatList = class _MatList extends MatListBase { 681 static \u0275fac = /* @__PURE__ */ (() => { 682 let \u0275MatList_BaseFactory; 683 return function MatList_Factory(__ngFactoryType__) { 684 return (\u0275MatList_BaseFactory || (\u0275MatList_BaseFactory = \u0275\u0275getInheritedFactory(_MatList)))(__ngFactoryType__ || _MatList); 685 }; 686 })(); 687 static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ 688 type: _MatList, 689 selectors: [["mat-list"]], 690 hostAttrs: [1, "mat-mdc-list", "mat-mdc-list-base", "mdc-list"], 691 exportAs: ["matList"], 692 features: [\u0275\u0275ProvidersFeature([{ 693 provide: MatListBase, 694 useExisting: _MatList 695 }]), \u0275\u0275InheritDefinitionFeature], 696 ngContentSelectors: _c0, 697 decls: 1, 698 vars: 0, 699 template: function MatList_Template(rf, ctx) { 700 if (rf & 1) { 701 \u0275\u0275projectionDef(); 702 \u0275\u0275projection(0); 703 } 704 }, 705 styles: [_c1], 706 encapsulation: 2, 707 changeDetection: 0 708 }); 709}; 710(() => { 711 (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatList, [{ 712 type: Component, 713 args: [{ 714 selector: "mat-list", 715 exportAs: "matList", 716 template: "<ng-content></ng-content>", 717 host: { 718 "class": "mat-mdc-list mat-mdc-list-base mdc-list" 719 }, 720 encapsulation: ViewEncapsulation.None, 721 changeDetection: ChangeDetectionStrategy.OnPush, 722 providers: [{ 723 provide: MatListBase, 724 useExisting: MatList 725 }], 726 styles: ['.mdc-list {\n margin: 0;\n padding: 8px 0;\n list-style-type: none;\n}\n.mdc-list:focus {\n outline: none;\n}\n\n.mdc-list-item {\n display: flex;\n position: relative;\n justify-content: flex-start;\n overflow: hidden;\n padding: 0;\n align-items: stretch;\n cursor: pointer;\n padding-left: 16px;\n padding-right: 16px;\n background-color: var(--mat-list-list-item-container-color, transparent);\n border-radius: var(--mat-list-list-item-container-shape, var(--mat-sys-corner-none));\n}\n.mdc-list-item.mdc-list-item--selected {\n background-color: var(--mat-list-list-item-selected-container-color);\n}\n.mdc-list-item:focus {\n outline: 0;\n}\n.mdc-list-item.mdc-list-item--disabled {\n cursor: auto;\n}\n.mdc-list-item.mdc-list-item--with-one-line {\n height: var(--mat-list-list-item-one-line-container-height, 48px);\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-two-lines {\n height: var(--mat-list-list-item-two-l
726ine-container-height, 64px);\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-three-lines {\n height: var(--mat-list-list-item-three-line-container-height, 88px);\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--selected::before, .mdc-list-item.mdc-list-item--selected:focus::before, .mdc-list-item:not(.mdc-list-item--selected):focus::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n content: "";\n pointer-events: none;\n}\n\na.mdc-list-item {\n color: inherit;\n text-decoration: none;\n}\n\n.mdc-list-item__start {\n fill: currentColor;\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-leading-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-leading-icon-size, 24px);\n height: var(--mat-list-list-item-leading-icon-size, 24px);\n margin-left: 16px;\n margin-right: 32px;\n}\n[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-left: 32px;\n margin-right: 16px;\n}\n.mdc-list-item--with-leading-icon:hover .mdc-list-item__start {\n color: var(--mat-list-list-item-hover-leading-icon-color);\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start {\n width: var(--mat-list-list-item-leading-avatar-size, 40px);\n height: var(--mat-list-list-item-leading-avatar-size, 40px);\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start, [dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start {\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n\n.mdc-list-item__end {\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n font-family: var(--mat-list-list-item-trailing-supporting-text-font, var(--mat-sys-label-small-font));\n line-height: var(--mat-list-list-item-trailing-supporting-text-line-height, var(--mat-sys-label-small-line-height));\n font-size: var(--mat-list-list-item-trailing-supporting-text-size, var(--mat-sys-label-small-size));\n font-weight: var(--mat-list-list-item-trailing-supporting-text-weight, var(--mat-sys-label-small-weight));\n letter-spacing: var(--mat-list-list-item-trailing-supporting-text-tracking, var(--mat-sys-label-small-tracking));\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-trailing-icon-size, 24px);\n height: var(--mat-list-list-item-trailing-icon-size, 24px);\n}\n.mdc-list-item--with-trailing-icon:hover .mdc-list-item__end {\n color: var(--mat-list-list-item-hover-trailing-icon-color);\n}\n.mdc-list-item.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-supporting-text-color, var(--mat-sys-on-surface-variant));\n}\n.mdc-list-item--selected.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-selected-trailing-icon-color, var(--mat-sys-primary));\n}\n\n.mdc-list-item__content {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n align-self: center;\n flex: 1;\n pointer-events: none;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__content, .mdc-list-item--with-three-lines .mdc-list-item__content {\n align-self: stretch;\n}\n\n.mdc-list-item__primary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n color: var(--mat-list-list-item-label-text-color, var(--mat-sys-on-surface));\n font-family: var(--mat-list-list-item-label-text-font, var(--mat-sys-body-large-font));\n line-height: var(--mat-list-list-item-label-text-line-height, var(--mat-sys-body-large-line-height));\n font-size: var(--mat-list-list-item-label-text-size, var(--mat-sys-body-large-size));\n font-weight: var(--mat-list-list-item-label-text-weight, var(--mat-sys-body-large-weight));\n letter-spacing: var(--mat-list-list-item-label-text-tracking, var(--mat-sys-body-large-tracking));\n}\n.mdc-list-item:hover .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-hover-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item:focus .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-focus-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text, .mdc-list-item--with-three-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n\n.mdc-list-item__secondary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n margin-top: 0;\n color: var(--mat-list-list-item-supporting-text-color, var(--mat-sys-on-surface-variant));\n font-family: var(--mat-list-list-item-supporting-text-font, var(--mat-sys-body-medium-font));\n line-height: var(--mat-list-list-item-supporting-text-line-height, var(--mat-sys-body-medium-line-height));\n font-size: var(--mat-list-list-item-supporting-text-size, var(--mat-sys-body-medium-size));\n font-weight: var(--mat-list-list-item-supporting-text-weight, var(--mat-sys-body-medium-weight));\n letter-spacing: var(--mat-list-list-item-supporting-text-tracking, var(--mat-sys-body-medium-tracking));\n}\n.mdc-list-item__secondary-text::before {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-three-lines .mdc-list-item__secondary-text {\n white-space: normal;\n line-height: 20px;\n}\n.mdc-list-item--with-overline .mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: auto;\n}\n\n.mdc-list-item--with-leading-radio.mdc-list-item,\n.mdc-list-item--with-leading-checkbox.mdc-list-item,\n.mdc-list-item--with-leading-icon.mdc-list-item,\n.mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n display: block;\n margin-top: 0;\n line-height: normal;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-trailing-icon.mdc-list-item, [dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item {\n padding-left: 0;\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 16px;\n}\n\n.mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n -webkit-user-select: none;\n user-select: none;\n margin-left: 28px;\n margin-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 28px;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {\n display: block;\n line-height: normal;\n align-self: flex-start;\n margin-top: 0;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: "";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-leading-radio .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 8px;\n margin-right: 24px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start,\n[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 24px;\n margin-right: 8px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-item--with-trailing-radio.mdc-list-item,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-left: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, [dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-radio .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 24px;\n margin-right: 8px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 8px;\n margin-right: 24px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-group__subheader {\n margin: 0.75rem 16px;\n}\n\n.mdc-list-item--disabled .mdc-list-item__start,\n.mdc-list-item--disabled .mdc-list-item__content,\n.mdc-list-item--disabled .mdc-list-item__end {\n opacity: 1;\n}\n.mdc-list-item--disabled .mdc-list-item__primary-text,\n.mdc-list-item--disabled .mdc-list-item__secondary-text {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-disabled-leading-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-leading-icon-opacity, 0.38);\n}\n.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-disabled-trailing-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-trailing-icon-opacity, 0.38);\n}\n\n.mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing, [dir=rtl] .mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing {\n padding-left: 0;\n padding-right: 0;\n}\n\n.mdc-list-item.mdc-list-item--disabled .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-disabled-label-text-color, var(--mat-sys-on-surface));\n}\n\n.mdc-list-item:hover::before {\n background-color: var(--mat-list-list-item-hover-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n\n.mdc-list-item.mdc-list-item--disabled::before {\n background-color: var(--mat-list-list-item-disabled-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item:focus::before {\n background-color: var(--mat-list-list-item-focus-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item--disabled .mdc-radio,\n.mdc-list-item--disabled .mdc-checkbox {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n\n.mdc-list-item--with-leading-avatar .mat-mdc-list-item-avatar {\n border-radius: var(--mat-list-list-item-leading-avatar-shape, var(--mat-sys-corner-full));\n background-color: var(--mat-list-list-item-leading-avatar-color, var(--mat-sys-primary-container));\n}\n\n.mat-mdc-list-item-icon {\n font-size: var(--mat-list-list-item-leading-icon-size, 24px);\n}\n\n@media (forced-colors: active) {\n a.mdc-list-item--activated::after {\n content: "";\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n width: 10px;\n height: 0;\n border-bottom: solid 10px;\n border-radius: 10px;\n }\n a.mdc-list-item--activated [dir=rtl]::after {\n right: auto;\n left: 16px;\n }\n}\n\n.mat-mdc-list-base {\n display: block;\n}\n.mat-mdc-li
726st-base .mdc-list-item__start,\n.mat-mdc-list-base .mdc-list-item__end,\n.mat-mdc-list-base .mdc-list-item__content {\n pointer-events: auto;\n}\n\n.mat-mdc-list-item,\n.mat-mdc-list-option {\n width: 100%;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-list-item:not(.mat-mdc-list-item-interactive),\n.mat-mdc-list-option:not(.mat-mdc-list-item-interactive) {\n cursor: default;\n}\n.mat-mdc-list-item .mat-divider-inset,\n.mat-mdc-list-option .mat-divider-inset {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n.mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-left: 72px;\n}\n[dir=rtl] .mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n[dir=rtl] .mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-right: 72px;\n}\n\n.mat-mdc-list-item-interactive::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n content: "";\n opacity: 0;\n pointer-events: none;\n border-radius: inherit;\n}\n\n.mat-mdc-list-item > .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n}\n.mat-mdc-list-item:focus-visible > .mat-focus-indicator::before {\n content: "";\n}\n\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-line.mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: normal;\n}\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-unscoped-content.mdc-list-item__secondary-text {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n\nmat-action-list button {\n background: none;\n color: inherit;\n border: none;\n font: inherit;\n outline: inherit;\n -webkit-tap-highlight-color: transparent;\n text-align: start;\n}\nmat-action-list button::-moz-focus-inner {\n border: 0;\n}\n\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-inline-start: var(--mat-list-list-item-leading-icon-start-space, 16px);\n margin-inline-end: var(--mat-list-list-item-leading-icon-end-space, 16px);\n}\n\n.mat-mdc-nav-list .mat-mdc-list-item {\n border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n --mat-focus-indicator-border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n}\n.mat-mdc-nav-list .mat-mdc-list-item.mdc-list-item--activated {\n background-color: var(--mat-list-active-indicator-color, var(--mat-sys-secondary-container));\n}\n'] 727 }] 728 }], null, null); 729})(); 730var MatListItem = class _MatListItem extends MatListItemBase { 731 _lines; 732 _titles; 733 _meta; 734 _unscopedContent; 735 _itemText; 736 get activated() { 737 return this._activated; 738 } 739 set activated(activated) { 740 this._activated = coerceBooleanProperty(activated); 741 } 742 _activated = false; 743 _getAriaCurrent() { 744 return this._hostElement.nodeName === "A" && this._activated ? "page" : null; 745 } 746 _hasBothLeadingAndTrailing() { 747 return this._meta.length !== 0 && (this._avatars.length !== 0 || this._icons.length !== 0); 748 } 749 static \u0275fac = /* @__PURE__ */ (() => { 750 let \u0275MatListItem_BaseFactory; 751 return function MatListItem_Factory(__ngFactoryType__) { 752 return (\u0275MatListItem_BaseFactory || (\u0275MatListItem_BaseFactory = \u0275\u0275getInheritedFactory(_MatListItem)))(__ngFactoryType__ || _MatListItem); 753 }; 754 })(); 755 static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ 756 type: _MatListItem, 757 selectors: [["mat-list-item"], ["a", "mat-list-item", ""], ["button", "mat-list-item", ""]], 758 contentQueries: function MatListItem_ContentQueries(rf, ctx, dirIndex) { 759 if (rf & 1) { 760 \u0275\u0275contentQuery(dirIndex, MatListItemLine, 5)(dirIndex, MatListItemTitle, 5)(dirIndex, MatListItemMeta, 5); 761 } 762 if (rf & 2) { 763 let _t; 764 \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx._lines = _t); 765 \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx._titles = _t); 766 \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx._meta = _t); 767 } 768 }, 769 viewQuery: function MatListItem_Query(rf, ctx) { 770 if (rf & 1) { 771 \u0275\u0275viewQuery(_c2, 5)(_c3, 5); 772 } 773 if (rf & 2) { 774 let _t; 775 \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx._unscopedContent = _t.first); 776 \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx._itemText = _t.first); 777 } 778 }, 779 hostAttrs: [1, "mat-mdc-list-item", "mdc-list-item"], 780 hostVars: 13, 781 hostBindings: function MatListItem_HostBindings(rf, ctx) { 782 if (rf & 2) { 783 \u0275\u0275attribute("aria-current", ctx._getAriaCurrent()); 784 \u0275\u0275classProp("mdc-list-item--activated", ctx.activated)("mdc-list-item--with-leading-avatar", ctx._avatars.length !== 0)("mdc-list-item--with-leading-icon", ctx._icons.length !== 0)("mdc-list-item--with-trailing-meta", ctx._meta.length !== 0)("mat-mdc-list-item-both-leading-and-trailing", ctx._hasBothLeadingAndTrailing())("_mat-animation-noopable", ctx._noopAnimations); 785 } 786 }, 787 inputs: { 788 activated: "activated" 789 }, 790 exportAs: ["matListItem"], 791 features: [\u0275\u0275InheritDefinitionFeature], 792 ngContentSelectors: _c5, 793 decls: 10, 794 vars: 0, 795 consts: [["unscopedContent", ""], [1, "mdc-list-item__content"], [1, "mat-mdc-list-item-unscoped-content", 3, "cdkObserveContent"], [1, "mat-focus-indicator"]], 796 template: function MatListItem_Template(rf, ctx) { 797 if (rf & 1) { 798 \u0275\u0275projectionDef(_c4); 799 \u0275\u0275projection(0); 800 \u0275\u0275elementStart(1, "span", 1); 801 \u0275\u0275projection(2, 1); 802 \u0275\u0275projection(3, 2); 803 \u0275\u0275elementStart(4, "span", 2, 0); 804 \u0275\u0275listener("cdkObserveContent", function MatListItem_Template_span_cdkObserveContent_4_listener() { 805 return ctx._updateItemLines(true); 806 }); 807 \u0275\u0275projection(6, 3); 808 \u0275\u0275elementEnd()(); 809 \u0275\u0275projection(7, 4); 810 \u0275\u0275projection(8, 5); 811 \u0275\u0275element(9, "div", 3); 812 } 813 }, 814 dependencies: [CdkObserveContent], 815 encapsulation: 2, 816 changeDetection: 0 817 }); 818}; 819(() => { 820 (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatListItem, [{ 821 type: Component, 822 args: [{ 823 selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", 824 exportAs: "matListItem", 825 host: { 826 "class": "mat-mdc-list-item mdc-list-item", 827 "[class.mdc-list-item--activated]": "activated", 828 "[class.mdc-list-item--with-leading-avatar]": "_avatars.length !== 0", 829 "[class.mdc-list-item--with-leading-icon]": "_icons.length !== 0", 830 "[class.mdc-list-item--with-trailing-meta]": "_meta.length !== 0", 831 "[class.mat-mdc-list-item-both-leading-and-trailing]": "_hasBothLeadingAndTrailing()", 832 "[class._mat-animation-noopable]": "_noopAnimations", 833 "[attr.aria-current]": "_getAriaCurrent()" 834 }, 835 encapsulation: ViewEncapsulation.None, 836 changeDetection: ChangeDetectionStrategy.OnPush, 837 imports: [CdkObserveContent], 838 template: '<ng-content select="[matListItemAvatar],[matListItemIcon]"></ng-content>\n\n<span class="mdc-list-item__content">\n <ng-content select="[matListItemTitle]"></ng-content>\n <ng-content select="[matListItemLine]"></ng-content>\n <span #unscopedContent class="mat-mdc-list-item-unscoped-content"\n (cdkObserveContent)="_updateItemLines(true)">\n <ng-content></ng-content>\n </span>\n</span>\n\n<ng-content select="[matListItemMeta]"></ng-content>\n\n<ng-content select="mat-divider"></ng-content>\n\n<!--\n Strong focus indicator element. MDC uses the `::before` pseudo element for the default\n focus
838/hover/selected state, so we need a separate element.\n-->\n<div class="mat-focus-indicator"></div>\n' 839 }] 840 }], null, { 841 _lines: [{ 842 type: ContentChildren, 843 args: [MatListItemLine, { 844 descendants: true 845 }] 846 }], 847 _titles: [{ 848 type: ContentChildren, 849 args: [MatListItemTitle, { 850 descendants: true 851 }] 852 }], 853 _meta: [{ 854 type: ContentChildren, 855 args: [MatListItemMeta, { 856 descendants: true 857 }] 858 }], 859 _unscopedContent: [{ 860 type: ViewChild, 861 args: ["unscopedContent"] 862 }], 863 _itemText: [{ 864 type: ViewChild, 865 args: ["text"] 866 }], 867 activated: [{ 868 type: Input 869 }] 870 }); 871})(); 872var SELECTION_LIST = new InjectionToken("SelectionList"); 873var MatListOption = class _MatListOption extends MatListItemBase { 874 _selectionList = inject(SELECTION_LIST); 875 _changeDetectorRef = inject(ChangeDetectorRef); 876 _lines; 877 _titles; 878 _unscopedContent; 879 selectedChange = new EventEmitter(); 880 togglePosition = "after"; 881 get checkboxPosition() { 882 return this.togglePosition; 883 } 884 set checkboxPosition(value) { 885 this.togglePosition = value; 886 } 887 get color() { 888 return this._color || this._selectionList.color; 889 } 890 set color(newValue) { 891 this._color = newValue; 892 } 893 _color; 894 get value() { 895 return this._value; 896 } 897 set value(newValue) { 898 if (this.selected && newValue !== this.value && this._inputsInitialized) { 899 this.selected = false; 900 } 901 this._value = newValue; 902 } 903 _value; 904 get selected() { 905 return this._selectionList.selectedOptions.isSelected(this); 906 } 907 set selected(value) { 908 const isSelected = coerceBooleanProperty(value); 909 if (isSelected !== this._selected) { 910 this._setSelected(isSelected); 911 if (isSelected || this._selectionList.multiple) { 912 this._selectionList._reportValueChange(); 913 } 914 } 915 } 916 _selected = false; 917 _inputsInitialized = false; 918 ngOnInit() { 919 const list = this._selectionList; 920 if (list._value && list._value.some((value) => list.compareWith(this._value, value))) { 921 this._setSelected(true); 922 } 923 const wasSelected = this._selected; 924 Promise.resolve().then(() => { 925 if (this._selected || wasSelected) { 926 this.selected = true; 927 this._changeDetectorRef.markForCheck(); 928 } 929 }); 930 this._inputsInitialized = true; 931 } 932 ngOnDestroy() { 933 super.ngOnDestroy(); 934 if (this.selected) { 935 Promise.resolve().then(() => { 936 this.selected = false; 937 }); 938 } 939 } 940 toggle() { 941 this.selected = !this.selected; 942 } 943 focus() { 944 this._hostElement.focus(); 945 } 946 getLabel() { 947 const titleElement = this._titles?.get(0)?._elementRef.nativeElement; 948 const labelEl = titleElement || this._unscopedContent?.nativeElement; 949 return labelEl?.textContent || ""; 950 } 951 _hasCheckboxAt(position) { 952 return this._selectionList.multiple && this._getTogglePosition() === position; 953 } 954 _hasRadioAt(position) { 955 return !this._selectionList.multiple && this._getTogglePosition() === position && !this._selectionList.hideSingleSelectionIndicator; 956 } 957 _hasIconsOrAvatarsAt(position) { 958 return this._hasProjected("icons", position) || this._hasProjected("avatars", position); 959 } 960 _hasProjected(type, position) { 961 return this._getTogglePosition() !== position && (type === "avatars" ? this._avatars.length !== 0 : this._icons.length !== 0); 962 } 963 _handleBlur() { 964 this._selectionList._onTouched(); 965 } 966 _getTogglePosition() { 967 return this.togglePosition || "after"; 968 } 969 _setSelected(selected) { 970 if (selected === this._selected) { 971 return false; 972 } 973 this._selected = selected; 974 if (selected) { 975 this._selectionList.selectedOptions.select(this); 976 } else { 977 this._selectionList.selectedOptions.deselect(this); 978 } 979 this.selectedChange.emit(selected); 980 this._changeDetectorRef.markForCheck(); 981 return true; 982 } 983 _markForCheck() { 984 this._changeDetectorRef.markForCheck(); 985 } 986 _toggleOnInteraction() { 987 if (!this.disabled) { 988 if (this._selectionList.multiple) { 989 this.selected = !this.selected; 990 this._selectionList._emitChangeEvent([this]); 991 } else if (!this.selected) { 992 this.selected = true; 993 this._selectionList._emitChangeEvent([this]); 994 } 995 } 996 } 997 _setTabindex(value) { 998 this._hostElement.setAttribute("tabindex", value + ""); 999 } 1000 _hasBothLeadingAndTrailing() { 1001 const hasLeading = this._hasProjected("avatars", "before") || this._hasProjected("icons", "before") || this._hasCheckboxAt("before") || this._hasRadioAt("before"); 1002 const hasTrailing = this._hasProjected("icons", "after") || this._hasProjected("avatars", "after") || this._hasCheckboxAt("after") || this._hasRadioAt("after"); 1003 return hasLeading && hasTrailing; 1004 } 1005 static \u0275fac = /* @__PURE__ */ (() => { 1006 let \u0275MatListOption_BaseFactory; 1007 return function MatListOption_Factory(__ngFactoryType__) { 1008 return (\u0275MatListOption_BaseFactory || (\u0275MatListOption_BaseFactory = \u0275\u0275getIn
1008heritedFactory(_MatListOption)))(__ngFactoryType__ || _MatListOption); 1009 }; 1010 })(); 1011 static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ 1012 type: _MatListOption, 1013 selectors: [["mat-list-option"]], 1014 contentQueries: function MatListOption_ContentQueries(rf, ctx, dirIndex) { 1015 if (rf & 1) { 1016 \u0275\u0275contentQuery(dirIndex, MatListItemLine, 5)(dirIndex, MatListItemTitle, 5); 1017 } 1018 if (rf & 2) { 1019 let _t; 1020 \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx._lines = _t); 1021 \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx._titles = _t); 1022 } 1023 }, 1024 viewQuery: function MatListOption_Query(rf, ctx) { 1025 if (rf & 1) { 1026 \u0275\u0275viewQuery(_c2, 5); 1027 } 1028 if (rf & 2) { 1029 let _t; 1030 \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx._unscopedContent = _t.first); 1031 } 1032 }, 1033 hostAttrs: ["role", "option", 1, "mat-mdc-list-item", "mat-mdc-list-option", "mdc-list-item"], 1034 hostVars: 27, 1035 hostBindings: function MatListOption_HostBindings(rf, ctx) { 1036 if (rf & 1) { 1037 \u0275\u0275listener("blur", function MatListOption_blur_HostBindingHandler() { 1038 return ctx._handleBlur(); 1039 })("click", function MatListOption_click_HostBindingHandler() { 1040 return ctx._toggleOnInteraction(); 1041 }); 1042 } 1043 if (rf & 2) { 1044 \u0275\u0275attribute("aria-selected", ctx.selected); 1045 \u0275\u0275classProp("mdc-list-item--selected", ctx.selected && !ctx._selectionList.multiple && ctx._selectionList.hideSingleSelectionIndicator)("mdc-list-item--with-leading-avatar", ctx._hasProjected("avatars", "before"))("mdc-list-item--with-leading-icon", ctx._hasProjected("icons", "before"))("mdc-list-item--with-trailing-icon", ctx._hasProjected("icons", "after"))("mat-mdc-list-option-with-trailing-avatar", ctx._hasProjected("avatars", "after"))("mdc-list-item--with-leading-checkbox", ctx._hasCheckboxAt("before"))("mdc-list-item--with-trailing-checkbox", ctx._hasCheckboxAt("after"))("mdc-list-item--with-leading-radio", ctx._hasRadioAt("before"))("mdc-list-item--with-trailing-radio", ctx._hasRadioAt("after"))("mat-mdc-list-item-both-leading-and-trailing", ctx._hasBothLeadingAndTrailing())("mat-accent", ctx.color !== "primary" && ctx.color !== "warn")("mat-warn", ctx.color === "warn")("_mat-animation-noopable", ctx._noopAnimations); 1046 } 1047 }, 1048 inputs: { 1049 togglePosition: "togglePosition", 1050 checkboxPosition: "checkboxPosition", 1051 color: "color", 1052 value: "value", 1053 selected: "selected" 1054 }, 1055 outputs: { 1056 selectedChange: "selectedChange" 1057 }, 1058 exportAs: ["matListOption"], 1059 features: [\u0275\u0275ProvidersFeature([{ 1060 provide: MatListItemBase, 1061 useExisting: _MatListOption 1062 }, { 1063 provide: LIST_OPTION, 1064 useExisting: _MatListOption 1065 }]), \u0275\u0275InheritDefinitionFeature], 1066 ngContentSelectors: _c7, 1067 decls: 20, 1068 vars: 4, 1069 consts: [["icons", ""], ["checkbox", ""], ["radio", ""], ["unscopedContent", ""], [1, "mdc-list-item__start", "mat-mdc-list-option-checkbox-before"], [1, "mdc-list-item__start", "mat-mdc-list-option-radio-before"], [3, "ngTemplateOutlet"], [1, "mdc-list-item__content"], [1, "mat-mdc-list-item-unscoped-content", 3, "cdkObserveContent"], [1, "mdc-list-item__end"], [1, "mat-focus-indicator"], [1, "mdc-checkbox"], ["type", "checkbox", 1, "mdc-checkbox__native-control", 3, "checked", "disabled"], [1, "mdc-checkbox__background"], ["viewBox", "0 0 24 24", "aria-hidden", "true", 1, "mdc-checkbox__checkmark"], ["fill", "none", "d", "M1.73,12.91 8.1,19.28 22.79,4.59", 1, "mdc-checkbox__checkmark-path"], [1, "mdc-checkbox__mixedmark"], [1, "mdc-radio"], ["type", "radio", 1, "mdc-radio__native-control", 3, "checked", "disabled"], [1, "mdc-radio__background"], [1, "mdc-radio__outer-circle"], [1, "mdc-radio__inner-circle"]], 1070 template: function MatListOption_Template(rf, ctx) { 1071 if (rf & 1) { 1072 \u0275\u0275projectionDef(_c6); 1073 \u0275\u0275template(0, MatListOption_ng_template_0_Template, 1, 0, "ng-template", null, 0, \u0275\u0275templateRefExtractor)(2, MatListOption_ng_template_2_Template, 6, 4, "ng-template", null, 1, \u0275\u0275templateRefExtractor)(4, MatListOption_ng_template_4_Template, 5, 4, "ng-template", null, 2, \u0275\u0275templateRefExtractor); 1074 \u0275\u0275conditionalCreate(6, MatListOption_Conditional_6_Template, 2, 1, "span", 4)(7, MatListOption_Conditional_7_Template, 2, 1, "span", 5); 1075 \u0275\u0275conditionalCreate(8, MatListOption_Conditional_8_Template, 1, 1, null, 6); 1076 \u0275\u0275elementStart(9, "span", 7); 1077 \u0275\u0275projection(10); 1078 \u0275\u0275projection(11, 1); 1079 \u0275\u0275elementStart(12, "span", 8, 3); 1080 \u0275\u0275listener("cdkObserveContent", function MatListOption_Template_span_cdkObserveContent_12_listener() { 1081 return ctx._updateItemLines(true); 1082 }); 1083 \u0275\u0275projection(14, 2); 1084 \u0275\u0275elementEnd()(); 1085 \u0275\u0275conditionalCreate(15, MatListOption_Conditional_15_Template, 2, 1, "span", 9)(16, MatListOption_Conditional_16_Template, 2, 1, "span", 9); 1086 \u0275\u0275conditionalCreate(17, MatListOption_Conditional_17_Template, 1, 1, null, 6); 1087 \u0275\u0275projection(18, 3); 1088 \u0275\u0275element(19, "div", 10); 1089 } 1090 if (rf & 2) { 1091 \u0275\u0275advance(6); 1092 \u0275\u0275conditional(ctx._hasCheckboxAt("before") ? 6 : ctx._hasRadioAt("before") ? 7 : -1); 1093 \u0275\u0275advance(2); 1094 \u0275\u0275conditional(ctx._hasIconsOrAvatarsAt("before") ? 8 : -1); 1095 \u0275\u0275advance(7); 1096 \u0275\u0275conditional(ctx._hasCheckboxAt("after") ? 15 : ctx._hasRadioAt("after") ? 16
1096: -1); 1097 \u0275\u0275advance(2); 1098 \u0275\u0275conditional(ctx._hasIconsOrAvatarsAt("after") ? 17 : -1); 1099 } 1100 }, 1101 dependencies: [NgTemplateOutlet, CdkObserveContent], 1102 styles: ['.mat-mdc-list-option-with-trailing-avatar.mdc-list-item, [dir=rtl] .mat-mdc-list-option-with-trailing-avatar.mdc-list-item {\n padding-left: 0;\n padding-right: 0;\n}\n.mat-mdc-list-option-with-trailing-avatar .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 16px;\n width: 40px;\n height: 40px;\n}\n.mat-mdc-list-option-with-trailing-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mat-mdc-list-option-with-trailing-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mat-mdc-list-option-with-trailing-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mat-mdc-list-option-with-trailing-avatar .mdc-list-item__end {\n border-radius: 50%;\n}\n\n.mat-mdc-list-option .mdc-checkbox {\n display: inline-block;\n position: relative;\n flex: 0 0 18px;\n box-sizing: content-box;\n width: 18px;\n height: 18px;\n line-height: 0;\n white-space: nowrap;\n cursor: pointer;\n vertical-align: bottom;\n padding: calc((var(--mat-checkbox-state-layer-size, 40px) - 18px) / 2);\n margin: calc((var(--mat-checkbox-state-layer-size, 40px) - var(--mat-checkbox-state-layer-size, 40px)) / 2);\n}\n.mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control {\n position: absolute;\n margin: 0;\n padding: 0;\n opacity: 0;\n cursor: inherit;\n z-index: 1;\n width: var(--mat-checkbox-state-layer-size, 40px);\n height: var(--mat-checkbox-state-layer-size, 40px);\n top: calc((var(--mat-checkbox-state-layer-size, 40px) - var(--mat-checkbox-state-layer-size, 40px)) / 2);\n right: calc((var(--mat-checkbox-state-layer-size, 40px) - var(--mat-checkbox-state-layer-size, 40px)) / 2);\n left: calc((var(--mat-checkbox-state-layer-size, 40px) - var(--mat-checkbox-state-layer-size, 40px)) / 2);\n}\n.mat-mdc-list-option .mdc-checkbox--disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-list-option .mdc-checkbox__background {\n display: inline-flex;\n position: absolute;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n border: 2px solid currentColor;\n border-radius: 2px;\n background-color: transparent;\n pointer-events: none;\n will-change: background-color, border-color;\n transition: background-color 90ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms cubic-bezier(0.4, 0, 0.6, 1);\n -webkit-print-color-adjust: exact;\n color-adjust: exact;\n border-color: var(--mat-checkbox-unselected-icon-color, var(--mat-sys-on-surface-variant));\n top: calc((var(--mat-checkbox-state-layer-size, 40px) - 18px) / 2);\n left: calc((var(--mat-checkbox-state-layer-size, 40px) - 18px) / 2);\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {\n border-color: var(--mat-checkbox-selected-icon-color, var(--mat-sys-primary));\n background-color: var(--mat-checkbox-selected-icon-color, var(--mat-sys-primary));\n}\n.mat-mdc-list-option .mdc-checkbox--disabled .mdc-checkbox__background {\n border-color: var(--mat-checkbox-disabled-unselected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n}\n@media (forced-colors: active) {\n .mat-mdc-list-option .mdc-checkbox--disabled .mdc-checkbox__background {\n border-color: GrayText;\n }\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {\n background-color: var(--mat-checkbox-disabled-selected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n border-color: transparent;\n}\n@media (forced-colors: active) {\n .mat-mdc-list-option .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,\
1102n .mat-mdc-list-option .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {\n border-color: GrayText;\n }\n}\n.mat-mdc-list-option .mdc-checkbox:hover > .mdc-checkbox__native-control:not(:checked) ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox:hover > .mdc-checkbox__native-control:not(:indeterminate) ~ .mdc-checkbox__background {\n border-color: var(--mat-checkbox-unselected-hover-icon-color, var(--mat-sys-on-surface));\n background-color: transparent;\n}\n.mat-mdc-list-option .mdc-checkbox:hover > .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox:hover > .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {\n border-color: var(--mat-checkbox-selected-hover-icon-color, var(--mat-sys-primary));\n background-color: var(--mat-checkbox-selected-hover-icon-color, var(--mat-sys-primary));\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:focus:focus:not(:checked) ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox__native-control:focus:focus:not(:indeterminate) ~ .mdc-checkbox__background {\n border-color: var(--mat-checkbox-unselected-focus-icon-color, var(--mat-sys-on-surface));\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:focus:focus:checked ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox__native-control:focus:focus:indeterminate ~ .mdc-checkbox__background {\n border-color: var(--mat-checkbox-selected-focus-icon-color, var(--mat-sys-primary));\n background-color: var(--mat-checkbox-selected-focus-icon-color, var(--mat-sys-primary));\n}\n.mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox:hover > .mdc-checkbox__native-control ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__background {\n border-color: var(--mat-checkbox-disabled-unselected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n}\n@media (forced-colors: active) {\n .mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox:hover > .mdc-checkbox__native-control ~ .mdc-checkbox__background,\n .mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,\n .mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__background {\n border-color: GrayText;\n }\n}\n.mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {\n background-color: var(--mat-checkbox-disabled-selected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n border-color: transparent;\n}\n.mat-mdc-list-option .mdc-checkbox__checkmark {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n opacity: 0;\n transition: opacity 180ms cubic-bezier(0.4, 0, 0.6, 1);\n color: var(--mat-checkbox-selected-checkmark-color, var(--mat-sys-on-primary));\n}\n@media (forced-colors: active) {\n .mat-mdc-list-option .mdc-checkbox__checkmark {\n color: CanvasText;\n }\n}\n.mat-mdc-list-option .mdc-checkbox--disabled .mdc-checkbox__checkmark, .mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__checkmark {\n color: var(--mat-checkbox-disabled-selected-checkmark-color, var(--mat-sys-surface));\n}\n@media (forced-colors: active) {\n .mat-mdc-list-option .mdc-checkbox--disabled .mdc-checkbox__checkmark, .mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__checkmark {\n color: GrayText;\n }\n}\n.mat-mdc-list-option .mdc-checkbox__checkmark-path {\n transition: stroke-dashoffset 180ms cubic-bezier(0.4, 0, 0.6, 1);\n stroke: currentColor;\n stroke-width: 3.12px;\n stroke-dashoffset: 29.7833385;\n stroke-dasharray: 29.7833385;\n}\n.mat-mdc-list-option .mdc-checkbox__mixedmark {\n width: 100%;\n height: 0;\n transform: scaleX(0) rotate(0deg);\n border-width: 1px;\n border-style: solid;\n opacity: 0;\n transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms cubic-bezier(0.4, 0, 0.6, 1);\n border-color: var(--mat-checkbox-selected-checkmark-color, var(--mat-sys-on-primary));\n}\n@media (forced-colors: active) {\n .mat-mdc-list-option .mdc-checkbox__mixedmark {\n margin: 0 1px;\n }\n}\n.mat-mdc-list-option .mdc-checkbox--disabled .mdc-checkbox__mixedmark, .mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__mixedmark {\n border-color: var(--mat-checkbox-disabled-selected-checkmark-color, var(--mat-sys-surface));\n}\n@media (forced-colors: active) {\n .mat-mdc-list-option .mdc-checkbox--disabled .mdc-checkbox__mixedmark, .mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__mixedmark {\n border-color: GrayText;\n }\n}\n.mat-mdc-list-option .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,\
1102n.mat-mdc-list-option .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {\n animation-duration: 180ms;\n animation-timing-function: linear;\n}\n.mat-mdc-list-option .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {\n animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear;\n transition: none;\n}\n.mat-mdc-list-option .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {\n animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear;\n transition: none;\n}\n.mat-mdc-list-option .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {\n animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear;\n transition: none;\n}\n.mat-mdc-list-option .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {\n animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear;\n transition: none;\n}\n.mat-mdc-list-option .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {\n animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear;\n transition: none;\n}\n.mat-mdc-list-option .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {\n animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear;\n transition: none;\n}\n.mat-mdc-list-option .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {\n animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear;\n transition: none;\n}\n.mat-mdc-list-option .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {\n animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear;\n transition: none;\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {\n transition: border-color 90ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms cubic-bezier(0, 0, 0.2, 1);\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background > .mdc-checkbox__checkmark > .mdc-checkbox__checkmark-path,\n.mat-mdc-list-option .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background > .mdc-checkbox__checkmark > .mdc-checkbox__checkmark-path {\n stroke-dashoffset: 0;\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background > .mdc-checkbox__checkmark {\n transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1), transform 180ms cubic-bezier(0, 0, 0.2, 1);\n opacity: 1;\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background > .mdc-checkbox__mixedmark {\n transform: scaleX(1) rotate(-45deg);\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background > .mdc-checkbox__checkmark {\n transform: rotate(45deg);\n opacity: 0;\n transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background > .mdc-checkbox__mixedmark {\n transform: scaleX(1) rotate(0deg);\n opacity: 1;\n}\n@keyframes mdc-checkbox-unchecked-checked-checkmark-path {\n 0%, 50% {\n stroke-dashoffset: 29.7833385;\n }\n 50% {\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {\n 0%, 68.2% {\n transform: scaleX(0);\n }\n 68.2% {\n animation-timing-function: cubic-bezier(0, 0, 0, 1);\n }\n 100% {\n transform: scaleX(1);\n }\n}\n@keyframes mdc-checkbox-checked-unchecked-checkmark-path {\n from {\n animation-timing-function: cubic-bezier(0.4, 0, 1, 1);\n opacity: 1;\n stroke-dashoffset: 0;\n }\n to {\n opacity: 0;\n stroke-dashoffset: -29.7833385;\n }\n}\n@keyframes mdc-checkbox-checked-indeterminate-checkmark {\n from {\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transform: rotate(0deg);\n opacity: 1;\n }\n to {\n transform: rotate(45deg);\n opacity: 0;\n }\n}\n@keyframes mdc-checkbox-indeterminate-checked-checkmark {\n from {\n animation-timing-function: cubic-bezier(0.14, 0, 0, 1);\n transform: rotate(45deg);\n opacity: 0;\n }\n to {\n transform: rotate(360deg);\n opacity: 1;\n }\n}\n@keyframes mdc-checkbox-checked-indeterminate-mixedmark {\n from {\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transform: rotate(-45deg);\n opacity: 0;\n }\n to {\n transform: rotate(0deg);\n opacity: 1;\n }\n}\n@keyframes mdc-checkbox-indeterminate-checked-mixedmark {\n from {\n animation-timing-function: cubic-bezier(0.14, 0, 0, 1);\n transform: rotate(0deg);\n opacity: 1;\n }\n to {\n transform: rotate(315deg);\n opacity: 0;\n }\n}\n@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {\n 0% {\n animation-timing-function: linear;\n transform: scaleX(1);\n opacity: 1;\n }\n 32.8%, 100% {\n transform: scaleX(0);\n opacity: 0;\n }\n}\n.mat-mdc-list-option .mdc-radio {\n display: inline-block;\n position: relative;\n flex: 0 0 auto;\n box-sizing: content-box;
1102\n width: 20px;\n height: 20px;\n cursor: pointer;\n will-change: opacity, transform, border-color, color;\n padding: calc((var(--mat-radio-state-layer-size, 40px) - 20px) / 2);\n}\n.mat-mdc-list-option .mdc-radio__background {\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n}\n.mat-mdc-list-option .mdc-radio__background::before {\n position: absolute;\n transform: scale(0, 0);\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: "";\n transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms cubic-bezier(0.4, 0, 0.6, 1);\n width: var(--mat-radio-state-layer-size, 40px);\n height: var(--mat-radio-state-layer-size, 40px);\n top: calc(-1 * (var(--mat-radio-state-layer-size, 40px) - 20px) / 2);\n left: calc(-1 * (var(--mat-radio-state-layer-size, 40px) - 20px) / 2);\n}\n.mat-mdc-list-option .mdc-radio__outer-circle {\n position: absolute;\n top: 0;\n left: 0;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n border-width: 2px;\n border-style: solid;\n border-radius: 50%;\n transition: border-color 90ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n.mat-mdc-list-option .mdc-radio__inner-circle {\n position: absolute;\n top: 0;\n left: 0;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n transform: scale(0);\n border-radius: 50%;\n transition: transform 90ms cubic-bezier(0.4, 0, 0.6, 1), background-color 90ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n@media (forced-colors: active) {\n .mat-mdc-list-option .mdc-radio__inner-circle {\n background-color: CanvasText !important;\n }\n}\n.mat-mdc-list-option .mdc-radio__native-control {\n position: absolute;\n margin: 0;\n padding: 0;\n opacity: 0;\n top: 0;\n right: 0;\n left: 0;\n cursor: inherit;\n z-index: 1;\n width: var(--mat-radio-state-layer-size, 40px);\n height: var(--mat-radio-state-layer-size, 40px);\n}\n.mat-mdc-list-option .mdc-radio__native-control:checked + .mdc-radio__background, .mat-mdc-list-option .mdc-radio__native-control:disabled + .mdc-radio__background {\n transition: opacity 90ms cubic-bezier(0, 0, 0.2, 1), transform 90ms cubic-bezier(0, 0, 0.2, 1);\n}\n.mat-mdc-list-option .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__outer-circle, .mat-mdc-list-option .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__outer-circle {\n transition: border-color 90ms cubic-bezier(0, 0, 0.2, 1);\n}\n.mat-mdc-list-option .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__inner-circle, .mat-mdc-list-option .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__inner-circle {\n transition: transform 90ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms cubic-bezier(0, 0, 0.2, 1);\n}\n.mat-mdc-list-option .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {\n border-color: var(--mat-radio-disabled-unselected-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-radio-disabled-unselected-icon-opacity, 0.38);\n}\n.mat-mdc-list-option .mdc-radio__native-control:disabled + .mdc-radio__background {\n cursor: default;\n}\n.mat-mdc-list-option .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__outer-circle {\n border-color: var(--mat-radio-disabled-selected-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-radio-disabled-selected-icon-opacity, 0.38);\n}\n.mat-mdc-list-option .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__inner-circle {\n background-color: var(--mat-radio-disabled-selected-icon-color, var(--mat-sys-on-surface, currentColor));\n opacity: var(--mat-radio-disabled-selected-icon-opacity, 0.38);\n}\n.mat-mdc-list-option .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {\n border-color: var(--mat-radio-unselected-icon-color, var(--mat-sys-on-surface-variant));\n}\n.mat-mdc-list-option .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__outer-circle {\n border-color: var(--mat-radio-selected-icon-color, var(--mat-sys-primary));\n}\n.mat-mdc-list-option .mdc-radio__native-control:enabled:checked + .mdc-radio__background >
1102 .mdc-radio__inner-circle {\n background-color: var(--mat-radio-selected-icon-color, var(--mat-sys-primary, currentColor));\n}\n.mat-mdc-list-option .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__inner-circle {\n transform: scale(0.5);\n transition: transform 90ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms cubic-bezier(0, 0, 0.2, 1);\n}\n.mat-mdc-list-option._mat-animation-noopable .mdc-radio__background::before,\n.mat-mdc-list-option._mat-animation-noopable .mdc-radio__outer-circle,\n.mat-mdc-list-option._mat-animation-noopable .mdc-radio__inner-circle {\n transition: none !important;\n}\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__start > .mdc-checkbox > .mat-mdc-checkbox-touch-target,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__start > .mdc-checkbox > .mdc-checkbox__native-control,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__start > .mdc-checkbox > .mdc-checkbox__ripple,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__start > .mdc-checkbox > .mat-mdc-checkbox-ripple::before,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__start > .mdc-checkbox > .mdc-checkbox__background,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__start > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__checkmark,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__start > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__checkmark > .mdc-checkbox__checkmark-path,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__start > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__mixedmark, .mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__end > .mdc-checkbox > .mat-mdc-checkbox-touch-target,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__end > .mdc-checkbox > .mdc-checkbox__native-control,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__end > .mdc-checkbox > .mdc-checkbox__ripple,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__end > .mdc-checkbox > .mat-mdc-checkbox-ripple::before,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__end > .mdc-checkbox > .mdc-checkbox__background,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__end > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__checkmark,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__end > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__checkmark > .mdc-checkbox__checkmark-path,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__end > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__mixedmark {\n transition: none !important;\n animation: none !important;\n}\n.mat-mdc-list-option .mdc-checkbox__native-control, .mat-mdc-list-option .mdc-radio__native-control {\n display: none;\n}\n\n@media (forced-colors: active) {\n .mat-mdc-list-option.mdc-list-item--selected::after {\n content: "";\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n width: 10px;\n height: 0;\n border-bottom: solid 10px;\n border-radius: 10px;\n }\n .mat-mdc-list-option.mdc-list-item--selected [dir=rtl]::after {\n right: auto;\n left: 16px;\n }\n}\n'], 1103 encapsulation: 2, 1104 changeDetection: 0 1105 }); 1106}; 1107(() => { 1108 (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatListOption, [{ 1109 type: Component, 1110 args: [{ 1111 selector: "mat-list-option", 1112 exportAs: "matListOption", 1113 host: { 1114 "class": "mat-mdc-list-item mat-mdc-list-option mdc-list-item", 1115 "role": "option", 1116 "[class.mdc-list-item--selected]": "selected && !_selectionList.multiple && _selectionList.hideSingleSelectionIndicator", 1117 "[class.mdc-list-item--with-leading-avatar]": '_hasProjected("avatars", "before")', 1118 "[class.mdc-list-item--with-leading-icon]": '_hasProjected("icons", "before")', 1119 "[class.mdc-list-item--with-trailing-icon]": '_hasProjected("icons", "after")', 1120 "[class.mat-mdc-list-option-with-trailing-avatar]": '_hasProjected("avatars", "after")', 1121 "[class.mdc-list-item--with-leading-checkbox]": '_hasCheckboxAt("before")', 1122 "[class.mdc-list-item--with-trailing-checkbox]": '_hasCheckboxAt("after")', 1123 "[class.mdc-list-item--with-leading-radio]": '_hasRadioAt("before")', 1124 "[class.mdc-list-item--with-trailing-radio]": '_hasRadioAt("after")', 1125 "[class.mat-mdc-list-item-both-leading-and-trailing]": "_hasBothLeadingAndTrailing()", 1126 "[class.mat-accent]": 'color !== "primary" && color !== "warn"', 1127 "[class.mat-warn]": 'color === "warn"', 1128 "[class._mat-animation-noopable]": "_noopAnimations", 1129 "[attr.aria-selected]": "selected", 1130 "(blur)": "_handleBlur()", 1131 "(click)": "_toggleOnInteraction()" 1132 }, 1133 encapsulation: ViewEncapsulation.None, 1134 changeDetection: ChangeDetectionStrategy.OnPush, 1135 providers: [{ 1136 provide: MatListItemBase, 1137 useExisting: MatListOption 1138 }, { 1139 provide: LIST_OPTION, 1140 useExisting: MatListOption 1141 }], 1142 imports: [NgTemplateOutlet, CdkObserveContent], 1143 template: `<!-- 1144 Save icons and the pseudo checkbox/radio so that they can be re-used in the template without 1145 duplication. Also content can only be injected once so we need to extract icons/avatars 1146 into a template since we use it in multiple places. 1147--> 1148<ng-template #icons> 1149 <ng-content select="[matListItemAvatar],[matListItemIcon]"> 1150 </ng-content> 1151</ng-template> 1152 1153<ng-template #checkbox> 1154 <div class="mdc-checkbox" [class.mdc-checkbox--disabled]="disabled"> 1155 <input type="checkbox" class="mdc-checkbox__native-control" 1156 [checked]="selected" [disabled]="disabled"/> 1157 <div class="mdc-checkbox__background"> 1158 <svg class="mdc-checkbox__checkmark"
1159 viewBox="0 0 24 24" 1160 aria-hidden="true"> 1161 <path class="mdc-checkbox__checkmark-path" 1162 fill="none" 1163 d="M1.73,12.91 8.1,19.28 22.79,4.59"/> 1164 </svg> 1165 <div class="mdc-checkbox__mixedmark"></div> 1166 </div> 1167 </div> 1168</ng-template> 1169 1170<ng-template #radio> 1171 <div class="mdc-radio" [class.mdc-radio--disabled]="disabled"> 1172 <input type="radio" class="mdc-radio__native-control" 1173 [checked]="selected" [disabled]="disabled"/> 1174 <div class="mdc-radio__background"> 1175 <div class="mdc-radio__outer-circle"></div> 1176 <div class="mdc-radio__inner-circle"></div> 1177 </div> 1178 </div> 1179</ng-template> 1180 1181@if (_hasCheckboxAt('before')) { 1182 <!-- Container for the checkbox at start. --> 1183 <span class="mdc-list-item__start mat-mdc-list-option-checkbox-before"> 1184 <ng-template [ngTemplateOutlet]="checkbox"></ng-template> 1185 </span> 1186} @else if (_hasRadioAt('before')) { 1187 <!-- Container for the radio at the start. --> 1188 <span class="mdc-list-item__start mat-mdc-list-option-radio-before"> 1189 <ng-template [ngTemplateOutlet]="radio"></ng-template> 1190 </span> 1191} 1192<!-- Conditionally renders icons/avatars before the list item text. --> 1193@if (_hasIconsOrAvatarsAt('before')) { 1194 <ng-template [ngTemplateOutlet]="icons"></ng-template> 1195} 1196 1197<!-- Text --> 1198<span class="mdc-list-item__content"> 1199 <ng-content select="[matListItemTitle]"></ng-content> 1200 <ng-content select="[matListItemLine]"></ng-content> 1201 <span #unscopedContent class="mat-mdc-list-item-unscoped-content" 1202 (cdkObserveContent)="_updateItemLines(true)"> 1203 <ng-content></ng-content> 1204 </span> 1205</span> 1206 1207@if (_hasCheckboxAt('after')) { 1208 <!-- Container for the checkbox at the end. --> 1209 <span class="mdc-list-item__end"> 1210 <ng-template [ngTemplateOutlet]="checkbox"></ng-template> 1211 </span> 1212} @else if (_hasRadioAt('after')) { 1213 <!-- Container for the radio at the end. --> 1214 <span class="mdc-list-item__end"> 1215 <ng-template [ngTemplateOutlet]="radio"></ng-template> 1216 </span> 1217} 1218 1219<!-- Conditionally renders icons/avatars after the list item text. --> 1220@if (_hasIconsOrAvatarsAt('after')) { 1221 <ng-template [ngTemplateOutlet]="icons"></ng-template> 1222} 1223 1224<!-- Divider --> 1225<ng-content select="mat-divider"></ng-content> 1226 1227<!-- 1228 Strong focus indicator element. MDC uses the \`::before\` pseudo element for the default 1229 focus/hover/selected state, so we need a separate element. 1230--> 1231<div class="mat-focus-indicator"></div> 1232`, 1233 styles: ['.mat-mdc-list-option-with-trailing-avatar.mdc-list-item, [dir=rtl] .mat-mdc-list-option-with-trailing-avatar.mdc-list-item {\n padding-left: 0;\n padding-right: 0;\n}\n.mat-mdc-list-option-with-trailing-avatar .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 16px;\n width: 40px;\n height: 40px;\n}\n.mat-mdc-list-option-with-trailing-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mat-mdc-list-option-with-trailing-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mat-mdc-list-option-with-trailing-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mat-mdc-list-option-with-trailing-avatar .mdc-list-item__end {\n border-radius: 50%;\n}\n\n.mat-mdc-list-option .mdc-checkbox {\n display: inline-block;\n position: relative;\n flex: 0 0 18px;\n box-sizing: content-box;\n width: 18px;\n height: 18px;\n line-height: 0;\n white-space: nowrap;\n cursor: pointer;\n vertical-align: bottom;\n padding: calc((var(--mat-checkbox-state-layer-size, 40px) - 18px) / 2);\n margin: calc((var(--mat-checkbox-state-layer-size, 40px) - var(--mat-checkbox-state-layer-size, 40px)) / 2);\n}\n.mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control {\n position: absolute;\n margin: 0;\n padding: 0;\n opacity: 0;\n cursor: inherit;\n z-index: 1;\n width: var(--mat-checkbox-state-layer-size, 40px);\n height: var(--mat-checkbox-state-layer-size, 40px);\n top: calc((var(--mat-checkbox-state-layer-size, 40px) - var(--mat-checkbox-state-layer-size, 40px)) / 2);\n right: calc((var(--mat-checkbox-state-layer-size, 40px) - var(--mat-checkbox-state-layer-size, 40px)) / 2);\n left: calc((var(--mat-checkbox-state-layer-size, 40px) - var(--mat-checkbox-state-layer-size, 40px)) / 2);\n}\n.mat-mdc-list-option .mdc-checkbox--disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-list-option .mdc-checkbox__background {\n display: inline-flex;\n position: absolute;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n border: 2px solid currentColor;\n border-radius: 2px;\n background-color: transparent;\n pointer-events: none;\n will-change: background-color, border-color;\n transition: background-color 90ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms cubic-bezier(0.4, 0, 0.6, 1);\n -webkit-print-color-adjust: exact;\n color-adjust: exact;\n border-color: var(--mat-checkbox-unselected-icon-color, var(--mat-sys-on-surface-variant));\n top: calc((var(--mat-checkbox-state-layer-size, 40px) - 18px) / 2);\n left: calc((var(--mat-checkbox-state-layer-size, 40px) - 18px) / 2);\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,\
1233n.mat-mdc-list-option .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {\n border-color: var(--mat-checkbox-selected-icon-color, var(--mat-sys-primary));\n background-color: var(--mat-checkbox-selected-icon-color, var(--mat-sys-primary));\n}\n.mat-mdc-list-option .mdc-checkbox--disabled .mdc-checkbox__background {\n border-color: var(--mat-checkbox-disabled-unselected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n}\n@media (forced-colors: active) {\n .mat-mdc-list-option .mdc-checkbox--disabled .mdc-checkbox__background {\n border-color: GrayText;\n }\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {\n background-color: var(--mat-checkbox-disabled-selected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n border-color: transparent;\n}\n@media (forced-colors: active) {\n .mat-mdc-list-option .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,\n .mat-mdc-list-option .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {\n border-color: GrayText;\n }\n}\n.mat-mdc-list-option .mdc-checkbox:hover > .mdc-checkbox__native-control:not(:checked) ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox:hover > .mdc-checkbox__native-control:not(:indeterminate) ~ .mdc-checkbox__background {\n border-color: var(--mat-checkbox-unselected-hover-icon-color, var(--mat-sys-on-surface));\n background-color: transparent;\n}\n.mat-mdc-list-option .mdc-checkbox:hover > .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox:hover > .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {\n border-color: var(--mat-checkbox-selected-hover-icon-color, var(--mat-sys-primary));\n background-color: var(--mat-checkbox-selected-hover-icon-color, var(--mat-sys-primary));\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:focus:focus:not(:checked) ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox__native-control:focus:focus:not(:indeterminate) ~ .mdc-checkbox__background {\n border-color: var(--mat-checkbox-unselected-focus-icon-color, var(--mat-sys-on-surface));\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:focus:focus:checked ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox__native-control:focus:focus:indeterminate ~ .mdc-checkbox__background {\n border-color: var(--mat-checkbox-selected-focus-icon-color, var(--mat-sys-primary));\n background-color: var(--mat-checkbox-selected-focus-icon-color, var(--mat-sys-primary));\n}\n.mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox:hover > .mdc-checkbox__native-control ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__background {\n border-color: var(--mat-checkbox-disabled-unselected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n}\n@media (forced-colors: active) {\n .mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox:hover > .mdc-checkbox__native-control ~ .mdc-checkbox__background,\n .mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,\n .mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__background {\n border-color: GrayText;\n }\n}\n.mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {\n background-color: var(--mat-checkbox-disabled-selected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n border-color: transparent;\n}\n.mat-mdc-list-option .mdc-checkbox__checkmark {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n opacity: 0;\n transition: opacity 180ms cubic-bezier(0.4, 0, 0.6, 1);\n color: var(--mat-checkbox-selected-checkmark-color, var(--mat-sys-on-primary));\n}\n@media (forced-colors: active) {\n .mat-mdc-list-option .mdc-checkbox__checkmark {\n color: CanvasText;\n }\n}\n.mat-mdc-list-option .mdc-checkbox--disabled .mdc-checkbox__checkmark, .mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__checkmark {\n color: var(--mat-checkbox-disabled-selected-checkmark-color, var(--mat-sys-surface));\n}\n@media (forced-colors: active) {\n .mat-mdc-list-option .mdc-checkbox--disabled .mdc-checkbox__checkmark, .mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__checkmark {\n color: GrayText;\n }\n}\n.mat-mdc-list-option .mdc-checkbox__checkmark-path {\n transition: stroke-dashoffset 180ms cubic-bezier(0.4, 0, 0.6, 1);\n stroke: currentColor;\n stroke-width: 3.12px;\n stroke-dashoffset: 29.7833385;\n stroke-dasharray: 29.7833385;\n}\n.mat-mdc-list-option .mdc-checkbox__mixedmark {\n width: 100%;\n height: 0;\n transform: scaleX(0) rotate(0deg);\n border-width: 1px;\n border-style: solid;\n opacity: 0;\n transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms cubic-bezier(0.4, 0, 0.6, 1);\n border-color: var(--mat-checkbox-selected-checkmark-color, var(--mat-sys-on-primary));\n}\n@media (forced-colors: active) {\n .mat-mdc-list-option .mdc-checkbox__mixedmark {\n margin: 0 1px;\n }\n}\n.mat-mdc-list-option .mdc-checkbox--disabled .mdc-checkbox__mixedmark, .mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__mixedmark {\n border-color: var(--mat-checkbox-disabled-selected-checkmark-color, var(--mat-sys-surface));\n}\n@media (forced-colors: active) {\n .mat-mdc-list-option .mdc-checkbox--disabled .mdc-checkbox__mixedmark, .mat-mdc-list-option .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__mixedmark {\n border-color: GrayText;\n }\n}\n.mat-mdc-list-option .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,\
1233n.mat-mdc-list-option .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {\n animation-duration: 180ms;\n animation-timing-function: linear;\n}\n.mat-mdc-list-option .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {\n animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear;\n transition: none;\n}\n.mat-mdc-list-option .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {\n animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear;\n transition: none;\n}\n.mat-mdc-list-option .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {\n animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear;\n transition: none;\n}\n.mat-mdc-list-option .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {\n animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear;\n transition: none;\n}\n.mat-mdc-list-option .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {\n animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear;\n transition: none;\n}\n.mat-mdc-list-option .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {\n animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear;\n transition: none;\n}\n.mat-mdc-list-option .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {\n animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear;\n transition: none;\n}\n.mat-mdc-list-option .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {\n animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear;\n transition: none;\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,\n.mat-mdc-list-option .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {\n transition: border-color 90ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms cubic-bezier(0, 0, 0.2, 1);\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background > .mdc-checkbox__checkmark > .mdc-checkbox__checkmark-path,\n.mat-mdc-list-option .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background > .mdc-checkbox__checkmark > .mdc-checkbox__checkmark-path {\n stroke-dashoffset: 0;\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background > .mdc-checkbox__checkmark {\n transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1), transform 180ms cubic-bezier(0, 0, 0.2, 1);\n opacity: 1;\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background > .mdc-checkbox__mixedmark {\n transform: scaleX(1) rotate(-45deg);\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background > .mdc-checkbox__checkmark {\n transform: rotate(45deg);\n opacity: 0;\n transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n.mat-mdc-list-option .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background > .mdc-checkbox__mixedmark {\n transform: scaleX(1) rotate(0deg);\n opacity: 1;\n}\n@keyframes mdc-checkbox-unchecked-checked-checkmark-path {\n 0%, 50% {\n stroke-dashoffset: 29.7833385;\n }\n 50% {\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {\n 0%, 68.2% {\n transform: scaleX(0);\n }\n 68.2% {\n animation-timing-function: cubic-bezier(0, 0, 0, 1);\n }\n 100% {\n transform: scaleX(1);\n }\n}\n@keyframes mdc-checkbox-checked-unchecked-checkmark-path {\n from {\n animation-timing-function: cubic-bezier(0.4, 0, 1, 1);\n opacity: 1;\n stroke-dashoffset: 0;\n }\n to {\n opacity: 0;\n stroke-dashoffset: -29.7833385;\n }\n}\n@keyframes mdc-checkbox-checked-indeterminate-checkmark {\n from {\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transform: rotate(0deg);\n opacity: 1;\n }\n to {\n transform: rotate(45deg);\n opacity: 0;\n }\n}\n@keyframes mdc-checkbox-indeterminate-checked-checkmark {\n from {\n animation-timing-function: cubic-bezier(0.14, 0, 0, 1);\n transform: rotate(45deg);\n opacity: 0;\n }\n to {\n transform: rotate(360deg);\n opacity: 1;\n }\n}\n@keyframes mdc-checkbox-checked-indeterminate-mixedmark {\n from {\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transform: rotate(-45deg);\n opacity: 0;\n }\n to {\n transform: rotate(0deg);\n opacity: 1;\n }\n}\n@keyframes mdc-checkbox-indeterminate-checked-mixedmark {\n from {\n animation-timing-function: cubic-bezier(0.14, 0, 0, 1);\n transform: rotate(0deg);\n opacity: 1;\n }\n to {\n transform: rotate(315deg);\n opacity: 0;\n }\n}\n@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {\n 0% {\n animation-timing-function: linear;\n transform: scaleX(1);\n opacity: 1;\n }\n 32.8%, 100% {\n transform: scaleX(0);\n opacity: 0;\n }\n}\n.mat-mdc-list-option .mdc-radio {\n display: inline-block;\n position: relative;\n flex: 0 0 auto;\n box-sizing: content-box;
1233\n width: 20px;\n height: 20px;\n cursor: pointer;\n will-change: opacity, transform, border-color, color;\n padding: calc((var(--mat-radio-state-layer-size, 40px) - 20px) / 2);\n}\n.mat-mdc-list-option .mdc-radio__background {\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n}\n.mat-mdc-list-option .mdc-radio__background::before {\n position: absolute;\n transform: scale(0, 0);\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: "";\n transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms cubic-bezier(0.4, 0, 0.6, 1);\n width: var(--mat-radio-state-layer-size, 40px);\n height: var(--mat-radio-state-layer-size, 40px);\n top: calc(-1 * (var(--mat-radio-state-layer-size, 40px) - 20px) / 2);\n left: calc(-1 * (var(--mat-radio-state-layer-size, 40px) - 20px) / 2);\n}\n.mat-mdc-list-option .mdc-radio__outer-circle {\n position: absolute;\n top: 0;\n left: 0;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n border-width: 2px;\n border-style: solid;\n border-radius: 50%;\n transition: border-color 90ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n.mat-mdc-list-option .mdc-radio__inner-circle {\n position: absolute;\n top: 0;\n left: 0;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n transform: scale(0);\n border-radius: 50%;\n transition: transform 90ms cubic-bezier(0.4, 0, 0.6, 1), background-color 90ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n@media (forced-colors: active) {\n .mat-mdc-list-option .mdc-radio__inner-circle {\n background-color: CanvasText !important;\n }\n}\n.mat-mdc-list-option .mdc-radio__native-control {\n position: absolute;\n margin: 0;\n padding: 0;\n opacity: 0;\n top: 0;\n right: 0;\n left: 0;\n cursor: inherit;\n z-index: 1;\n width: var(--mat-radio-state-layer-size, 40px);\n height: var(--mat-radio-state-layer-size, 40px);\n}\n.mat-mdc-list-option .mdc-radio__native-control:checked + .mdc-radio__background, .mat-mdc-list-option .mdc-radio__native-control:disabled + .mdc-radio__background {\n transition: opacity 90ms cubic-bezier(0, 0, 0.2, 1), transform 90ms cubic-bezier(0, 0, 0.2, 1);\n}\n.mat-mdc-list-option .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__outer-circle, .mat-mdc-list-option .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__outer-circle {\n transition: border-color 90ms cubic-bezier(0, 0, 0.2, 1);\n}\n.mat-mdc-list-option .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__inner-circle, .mat-mdc-list-option .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__inner-circle {\n transition: transform 90ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms cubic-bezier(0, 0, 0.2, 1);\n}\n.mat-mdc-list-option .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {\n border-color: var(--mat-radio-disabled-unselected-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-radio-disabled-unselected-icon-opacity, 0.38);\n}\n.mat-mdc-list-option .mdc-radio__native-control:disabled + .mdc-radio__background {\n cursor: default;\n}\n.mat-mdc-list-option .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__outer-circle {\n border-color: var(--mat-radio-disabled-selected-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-radio-disabled-selected-icon-opacity, 0.38);\n}\n.mat-mdc-list-option .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__inner-circle {\n background-color: var(--mat-radio-disabled-selected-icon-color, var(--mat-sys-on-surface, currentColor));\n opacity: var(--mat-radio-disabled-selected-icon-opacity, 0.38);\n}\n.mat-mdc-list-option .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {\n border-color: var(--mat-radio-unselected-icon-color, var(--mat-sys-on-surface-variant));\n}\n.mat-mdc-list-option .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__outer-circle {\n border-color: var(--mat-radio-selected-icon-color, var(--mat-sys-primary));\n}\n.mat-mdc-list-option .mdc-radio__native-control:enabled:checked + .mdc-radio__background >
1233 .mdc-radio__inner-circle {\n background-color: var(--mat-radio-selected-icon-color, var(--mat-sys-primary, currentColor));\n}\n.mat-mdc-list-option .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__inner-circle {\n transform: scale(0.5);\n transition: transform 90ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms cubic-bezier(0, 0, 0.2, 1);\n}\n.mat-mdc-list-option._mat-animation-noopable .mdc-radio__background::before,\n.mat-mdc-list-option._mat-animation-noopable .mdc-radio__outer-circle,\n.mat-mdc-list-option._mat-animation-noopable .mdc-radio__inner-circle {\n transition: none !important;\n}\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__start > .mdc-checkbox > .mat-mdc-checkbox-touch-target,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__start > .mdc-checkbox > .mdc-checkbox__native-control,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__start > .mdc-checkbox > .mdc-checkbox__ripple,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__start > .mdc-checkbox > .mat-mdc-checkbox-ripple::before,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__start > .mdc-checkbox > .mdc-checkbox__background,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__start > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__checkmark,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__start > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__checkmark > .mdc-checkbox__checkmark-path,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__start > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__mixedmark, .mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__end > .mdc-checkbox > .mat-mdc-checkbox-touch-target,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__end > .mdc-checkbox > .mdc-checkbox__native-control,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__end > .mdc-checkbox > .mdc-checkbox__ripple,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__end > .mdc-checkbox > .mat-mdc-checkbox-ripple::before,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__end > .mdc-checkbox > .mdc-checkbox__background,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__end > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__checkmark,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__end > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__checkmark > .mdc-checkbox__checkmark-path,\n.mat-mdc-list-option._mat-animation-noopable > .mdc-list-item__end > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__mixedmark {\n transition: none !important;\n animation: none !important;\n}\n.mat-mdc-list-option .mdc-checkbox__native-control, .mat-mdc-list-option .mdc-radio__native-control {\n display: none;\n}\n\n@media (forced-colors: active) {\n .mat-mdc-list-option.mdc-list-item--selected::after {\n content: "";\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n width: 10px;\n height: 0;\n border-bottom: solid 10px;\n border-radius: 10px;\n }\n .mat-mdc-list-option.mdc-list-item--selected [dir=rtl]::after {\n right: auto;\n left: 16px;\n }\n}\n'] 1234 }] 1235 }], null, { 1236 _lines: [{ 1237 type: ContentChildren, 1238 args: [MatListItemLine, { 1239 descendants: true 1240 }] 1241 }], 1242 _titles: [{ 1243 type: ContentChildren, 1244 args: [MatListItemTitle, { 1245 descendants: true 1246 }] 1247 }], 1248 _unscopedContent: [{ 1249 type: ViewChild, 1250 args: ["unscopedContent"] 1251 }], 1252 selectedChange: [{ 1253 type: Output 1254 }], 1255 togglePosition: [{ 1256 type: Input 1257 }], 1258 checkboxPosition: [{ 1259 type: Input 1260 }], 1261 color: [{ 1262 type: Input 1263 }], 1264 value: [{ 1265 type: Input 1266 }], 1267 selected: [{ 1268 type: Input 1269 }] 1270 }); 1271})(); 1272var MatListSubheaderCssMatStyler = class _MatListSubheaderCssMatStyler { 1273 static \u0275fac = function MatListSubheaderCssMatStyler_Factory(__ngFactoryType__) { 1274 return new (__ngFactoryType__ || _MatListSubheaderCssMatStyler)(); 1275 }; 1276 static \u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({ 1277 type: _MatListSubheaderCssMatStyler, 1278 selectors: [["", "mat-subheader", ""], ["", "matSubheader", ""]], 1279 hostAttrs: [1, "mat-mdc-subheader", "mdc-list-group__subheader"] 1280 }); 1281}; 1282(() => { 1283 (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatListSubheaderCssMatStyler, [{ 1284 type: Directive, 1285 args: [{ 1286 selector: "[mat-subheader], [matSubheader]", 1287 host: { 1288 "class": "mat-mdc-subheader mdc-list-group__subheader" 1289 } 1290 }] 1291 }], null, null); 1292})(); 1293var MAT_NAV_LIST = new InjectionToken("MatNavList"); 1294var MatNavList = class _MatNavList extends MatListBase { 1295 _isNonInteractive = false;
1296 static \u0275fac = /* @__PURE__ */ (() => { 1297 let \u0275MatNavList_BaseFactory; 1298 return function MatNavList_Factory(__ngFactoryType__) { 1299 return (\u0275MatNavList_BaseFactory || (\u0275MatNavList_BaseFactory = \u0275\u0275getInheritedFactory(_MatNavList)))(__ngFactoryType__ || _MatNavList); 1300 }; 1301 })(); 1302 static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ 1303 type: _MatNavList, 1304 selectors: [["mat-nav-list"]], 1305 hostAttrs: ["role", "navigation", 1, "mat-mdc-nav-list", "mat-mdc-list-base", "mdc-list"], 1306 exportAs: ["matNavList"], 1307 features: [\u0275\u0275ProvidersFeature([{ 1308 provide: MatListBase, 1309 useExisting: _MatNavList 1310 }]), \u0275\u0275InheritDefinitionFeature], 1311 ngContentSelectors: _c0, 1312 decls: 1, 1313 vars: 0, 1314 template: function MatNavList_Template(rf, ctx) { 1315 if (rf & 1) { 1316 \u0275\u0275projectionDef(); 1317 \u0275\u0275projection(0); 1318 } 1319 }, 1320 styles: [_c1], 1321 encapsulation: 2, 1322 changeDetection: 0 1323 }); 1324}; 1325(() => { 1326 (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatNavList, [{ 1327 type: Component, 1328 args: [{ 1329 selector: "mat-nav-list", 1330 exportAs: "matNavList", 1331 template: "<ng-content></ng-content>", 1332 host: { 1333 "class": "mat-mdc-nav-list mat-mdc-list-base mdc-list", 1334 "role": "navigation" 1335 }, 1336 encapsulation: ViewEncapsulation.None, 1337 changeDetection: ChangeDetectionStrategy.OnPush, 1338 providers: [{ 1339 provide: MatListBase, 1340 useExisting: MatNavList 1341 }], 1342 styles: ['.mdc-list {\n margin: 0;\n padding: 8px 0;\n list-style-type: none;\n}\n.mdc-list:focus {\n outline: none;\n}\n\n.mdc-list-item {\n display: flex;\n position: relative;\n justify-content: flex-start;\n overflow: hidden;\n padding: 0;\n align-items: stretch;\n cursor: pointer;\n padding-left: 16px;\n padding-right: 16px;\n background-color: var(--mat-list-list-item-container-color, transparent);\n border-radius: var(--mat-list-list-item-container-shape, var(--mat-sys-corner-none));\n}\n.mdc-list-item.mdc-list-item--selected {\n background-color: var(--mat-list-list-item-selected-container-color);\n}\n.mdc-list-item:focus {\n outline: 0;\n}\n.mdc-list-item.mdc-list-item--disabled {\n cursor: auto;\n}\n.mdc-list-item.mdc-list-item--with-one-line {\n height: var(--mat-list-list-item-one-line-container-height, 48px);\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-two-lines {\n height: var(--mat-list-list-item-two-line-container-height, 64px);\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-three-lines {\n height: var(--mat-list-list-item-three-line-container-height, 88px);\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--selected::before, .mdc-list-item.mdc-list-item--selected:focus::before, .mdc-list-item:not(.mdc-list-item--selected):focus::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n content: "";\n pointer-events: none;\n}\n\na.mdc-list-item {\n color: inherit;\n text-decoration: none;\n}\n\n.mdc-list-item__start {\n fill: currentColor;\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-leading-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-leading-icon-size, 24px);\n height: var(--mat-list-list-item-leading-icon-size, 24px);\n margin-left: 16px;\n margin-right: 32px;\n}\n[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-left: 32px;\n margin-right: 16px;\n}\n.mdc-list-item--with-leading-icon:hover .mdc-list-item__start {\n color: var(--mat-list-list-item-hover-leading-icon-color);\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start {\n width: var(--mat-list-list-item-leading-avatar-size, 40px);\n height: var(--mat-list-list-item-leading-avatar-size, 40px);\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start, [dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start {\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n\n.mdc-list-item__end {\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n font-family: var(--mat-list-list-item-trailing-supporting-text-font, var(--mat-sys-label-small-font));\n line-height: var(--mat-list-list-item-trailing-supporting-text-line-height, var(--mat-sys-label-small-line-height));\n font-size: var(--mat-list-list-item-trailing-supporting-text-size, var(--mat-sys-label-small-size));\n font-weight: var(--mat-list-list-item-trailing-supporting-text-weight, var(--mat-sys-label-small-weight));\n letter-spacing: var(--mat-list-list-item-trailing-supporting-text-tracking, var(--mat-sys-label-small-tracking));\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-trailing-icon-size, 24px);\n height: var(--mat-list-list-item-trailing-icon-size, 24px);\n}\n.mdc-list-item--with-trailing-icon:hover .mdc-list-item__end {\n color: var(--mat-list-list-item-hover-trailing-icon-color);\n}\n.mdc-list-item.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-supporting-text-color, var(--mat-sys-on-surface-variant));\n}\n.mdc-list-item--selected.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-selected-trailing-icon-color, var(--mat-sys-primary));\n}\n\n.mdc-list-item__content {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n align-self: center;\n flex: 1;\n pointer-events: none;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__content, .mdc-list-item--with-three-lines .mdc-list-item__content {\n align-self: stretch;\n}\n\n.mdc-list-item__primary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n color: var(--mat-list-list-item-label-text-color, var(--mat-sys-on-surface));\n font-family: var(--mat-list-list-item-label-text-font, var(--mat-sys-body-large-font));\n line-height: var(--mat-list-list-item-label-text-line-height, var(--mat-sys-body-large-line-height));\n font-size: var(--mat-list-list-item-label-text-size, var(--mat-sys-body-large-size));\n font-weight: var(--mat-list-list-item-label-text-weight, var(--mat-sys-body-large-weight));\n letter-spacing: var(--mat-list-list-item-label-text-tracking, var(--mat-sys-body-large-tracking));\n}\n.mdc-list-item:hover .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-hover-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item:focus .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-focus-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text, .mdc-list-item--with-three-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n\n.mdc-list-item__secondary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n margin-top: 0;\n color: var(--mat-list-list-item-supporting-text-color, var(--mat-sys-on-surface-variant));\n font-family: var(--mat-list-list-item-supporting-text-font, var(--mat-sys-body-medium-font));\n line-height: var(--mat-list-list-item-supporting-text-line-height, var(--mat-sys-body-medium-line-height));\n font-size: var(--mat-list-list-item-supporting-text-size, var(--mat-sys-body-medium-size));\n font-weight: var(--mat-list-list-item-supporting-text-weight, var(--mat-sys-body-medium-weight));\n letter-spacing: var(--mat-list-list-item-supporting-text-tracking, var(--mat-sys-body-medium-tracking));\n}\n.mdc-list-item__secondary-text::before {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-three-lines .mdc-list-item__secondary-text {\n white-space: normal;\n line-height: 20px;\n}\n.mdc-list-item--with-overline .mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: auto;\n}\n\n.mdc-list-item--with-leading-radio.mdc-list-item,\n.mdc-list-item--with-leading-checkbox.mdc-list-item,\n.mdc-list-item--with-leading-icon.mdc-list-item,\n.mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n display: block;\n margin-top: 0;\n line-height: normal;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-trailing-icon.mdc-list-item, [dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item {\n padding-left: 0;\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 16px;\n}\n\n.mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n -webkit-user-select: none;\n user-select: none;\n margin-left: 28px;\n margin-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 28px;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {\n display: block;\n line-height: normal;\n align-self: flex-start;\n margin-top: 0;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: "";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-leading-radio .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 8px;\n margin-right: 24px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start,\n[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 24px;\n margin-right: 8px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-item--with-trailing-radio.mdc-list-item,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-left: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, [dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-radio .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 24px;\n margin-right: 8px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 8px;\n margin-right: 24px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-group__subheader {\n margin: 0.75rem 16px;\n}\n\n.mdc-list-item--disabled .mdc-list-item__start,\n.mdc-list-item--disabled .mdc-list-item__content,\n.mdc-list-item--disabled .mdc-list-item__end {\n opacity: 1;\n}\n.mdc-list-item--disable
1342d .mdc-list-item__primary-text,\n.mdc-list-item--disabled .mdc-list-item__secondary-text {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-disabled-leading-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-leading-icon-opacity, 0.38);\n}\n.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-disabled-trailing-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-trailing-icon-opacity, 0.38);\n}\n\n.mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing, [dir=rtl] .mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing {\n padding-left: 0;\n padding-right: 0;\n}\n\n.mdc-list-item.mdc-list-item--disabled .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-disabled-label-text-color, var(--mat-sys-on-surface));\n}\n\n.mdc-list-item:hover::before {\n background-color: var(--mat-list-list-item-hover-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n\n.mdc-list-item.mdc-list-item--disabled::before {\n background-color: var(--mat-list-list-item-disabled-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item:focus::before {\n background-color: var(--mat-list-list-item-focus-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item--disabled .mdc-radio,\n.mdc-list-item--disabled .mdc-checkbox {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n\n.mdc-list-item--with-leading-avatar .mat-mdc-list-item-avatar {\n border-radius: var(--mat-list-list-item-leading-avatar-shape, var(--mat-sys-corner-full));\n background-color: var(--mat-list-list-item-leading-avatar-color, var(--mat-sys-primary-container));\n}\n\n.mat-mdc-list-item-icon {\n font-size: var(--mat-list-list-item-leading-icon-size, 24px);\n}\n\n@media (forced-colors: active) {\n a.mdc-list-item--activated::after {\n content: "";\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n width: 10px;\n height: 0;\n border-bottom: solid 10px;\n border-radius: 10px;\n }\n a.mdc-list-item--activated [dir=rtl]::after {\n right: auto;\n left: 16px;\n }\n}\n\n.mat-mdc-list-base {\n display: block;\n}\n.mat-mdc-list-base .mdc-list-item__start,\n.mat-mdc-list-base .mdc-list-item__end,\n.mat-mdc-list-base .mdc-list-item__content {\n pointer-events: auto;\n}\n\n.mat-mdc-list-item,\n.mat-mdc-list-option {\n width: 100%;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-list-item:not(.mat-mdc-list-item-interactive),\n.mat-mdc-list-option:not(.mat-mdc-list-item-interactive) {\n cursor: default;\n}\n.mat-mdc-list-item .mat-divider-inset,\n.mat-mdc-list-option .mat-divider-inset {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n.mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-left: 72px;\n}\n[dir=rtl] .mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n[dir=rtl] .mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-right: 72px;\n}\n\n.mat-mdc-list-item-interactive::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n content: "";\n opacity: 0;\n pointer-events: none;\n border-radius: inherit;\n}\n\n.mat-mdc-list-item > .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n}\n.mat-mdc-list-item:focus-visible > .mat-focus-indicator::before {\n content: "";\n}\n\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-line.mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: normal;\n}\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-unscoped-content.mdc-list-item__secondary-text {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n\nmat-action-list button {\n background: none;\n color: inherit;\n border: none;\n font: inherit;\n outline: inherit;\n -webkit-tap-highlight-color: transparent;\n text-align: start;\n}\nmat-action-list button::-moz-focus-inner {\n border: 0;\n}\n\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-inline-start: var(--mat-list-list-item-leading-icon-start-space, 16px);\n margin-inline-end: var(--mat-list-list-item-leading-icon-end-space, 16px);\n}\n\n.mat-mdc-nav-list .mat-mdc-list-item {\n border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n --mat-focus-indicator-border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n}\n.mat-mdc-nav-list .mat-mdc-list-item.mdc-list-item--activated {\n background-color: var(--mat-list-active-indicator-color, var(--mat-sys-secondary-container));\n}\n'] 1343 }] 1344 }], null, null); 1345})(); 1346var MAT_SELECTION_LIST_VALUE_ACCESSOR = { 1347 provide: NG_VALUE_ACCESSOR, 1348 useExisting: forwardRef(() => MatSelectionList), 1349 multi: true 1350}; 1351var MatSelectionListChange = class { 1352 source; 1353 options; 1354 constructor(source, options) { 1355 this.source = source; 1356 this.options = options; 1357 } 1358}; 1359var MatSelectionList = class _MatSelectionList extends MatListBase { 1360 _element = inject(ElementRef); 1361 _ngZone = inject(NgZone); 1362 _renderer = inject(Renderer2); 1363 _initialized = false;
1364 _keyManager; 1365 _listenerCleanups; 1366 _destroyed = new Subject(); 1367 _isDestroyed = false; 1368 _onChange = (_) => { 1369 }; 1370 _items; 1371 selectionChange = new EventEmitter(); 1372 color = "accent"; 1373 compareWith = (a1, a2) => a1 === a2; 1374 get multiple() { 1375 return this._multiple; 1376 } 1377 set multiple(value) { 1378 const newValue = coerceBooleanProperty(value); 1379 if (newValue !== this._multiple) { 1380 if ((typeof ngDevMode === "undefined" || ngDevMode) && this._initialized) { 1381 throw new Error("Cannot change `multiple` mode of mat-selection-list after initialization."); 1382 } 1383 this._multiple = newValue; 1384 this.selectedOptions = new SelectionModel(this._multiple, this.selectedOptions.selected); 1385 } 1386 } 1387 _multiple = true; 1388 get hideSingleSelectionIndicator() { 1389 return this._hideSingleSelectionIndicator; 1390 } 1391 set hideSingleSelectionIndicator(value) { 1392 this._hideSingleSelectionIndicator = coerceBooleanProperty(value); 1393 } 1394 _hideSingleSelectionIndicator = this._defaultOptions?.hideSingleSelectionIndicator ?? false; 1395 selectedOptions = new SelectionModel(this._multiple); 1396 _value = null; 1397 _onTouched = () => { 1398 }; 1399 _changeDetectorRef = inject(ChangeDetectorRef); 1400 constructor() { 1401 super(); 1402 this._isNonInteractive = false; 1403 } 1404 ngAfterViewInit() { 1405 this._initialized = true; 1406 this._setupRovingTabindex(); 1407 this._ngZone.runOutsideAngular(() => { 1408 this._listenerCleanups = [this._renderer.listen(this._element.nativeElement, "focusin", this._handleFocusin), this._renderer.listen(this._element.nativeElement, "focusout", this._handleFocusout)]; 1409 }); 1410 if (this._value) { 1411 this._setOptionsFromValues(this._value); 1412 } 1413 this._watchForSelectionChange(); 1414 } 1415 ngOnChanges(changes) { 1416 const disabledChanges = changes["disabled"]; 1417 const disableRippleChanges = changes["disableRipple"]; 1418 const hideSingleSelectionIndicatorChanges = changes["hideSingleSelectionIndicator"]; 1419 if (disableRippleChanges && !disableRippleChanges.firstChange || disabledChanges && !disabledChanges.firstChange || hideSingleSelectionIndicatorChanges && !hideSingleSelectionIndicatorChanges.firstChange) { 1420 this._markOptionsForCheck(); 1421 } 1422 } 1423 ngOnDestroy() { 1424 this._keyManager?.destroy(); 1425 this._listenerCleanups?.forEach((current) => current()); 1426 this._destroyed.next(); 1427 this._destroyed.complete(); 1428 this._isDestroyed = true; 1429 } 1430 focus(options) { 1431 this._element.nativeElement.focus(options); 1432 } 1433 selectAll() { 1434 return this._setAllOptionsSelected(true); 1435 } 1436 deselectAll() { 1437 return this._setAllOptionsSelected(false); 1438 } 1439 _reportValueChange() { 1440 if (this.options && !this._isDestroyed) { 1441 const value = this._getSelectedOptionValues(); 1442 this._onChange(value); 1443 this._value = value; 1444 } 1445 } 1446 _emitChangeEvent(options) { 1447 this.selectionChange.emit(new MatSelectionListChange(this, options)); 1448 } 1449 writeValue(values) { 1450 this._value = values; 1451 if (this.options) { 1452 this._setOptionsFromValues(values || []); 1453 } 1454 } 1455 setDisabledState(isDisabled) { 1456 this.disabled = isDisabled; 1457 this._changeDetectorRef.markForCheck(); 1458 this._markOptionsForCheck(); 1459 } 1460 get disabled() { 1461 return this._selectionListDisabled(); 1462 } 1463 set disabled(value) { 1464 this._selectionListDisabled.set(coerceBooleanProperty(value)); 1465 if (this._selectionListDisabled()) { 1466 this._keyManager?.setActiveItem(-1); 1467 } 1468 } 1469 _selectionListDisabled = signal(false, ...ngDevMode ? [{ 1470 debugName: "_selectionListDisabled" 1471 }] : []); 1472 registerOnChange(fn) { 1473 this._onChange = fn; 1474 } 1475 registerOnTouched(fn) { 1476 this._onTouched = fn; 1477 } 1478 _watchForSelectionChange() { 1479 this.selectedOptions.changed.pipe(takeUntil(this._destroyed)).subscribe((event) => { 1480 for (let item of event.added) { 1481 item.selected = true; 1482 } 1483 for (let item of event.removed) { 1484 item.selected = false; 1485 } 1486 if (!this._containsFocus()) { 1487 this._resetActiveOption(); 1488 } 1489 }); 1490 } 1491 _setOptionsFromValues(values) { 1492 this.options.forEach((option) => option._setSelected(false));
1493 values.forEach((value) => { 1494 const correspondingOption = this.options.find((option) => { 1495 return option.selected ? false : this.compareWith(option.value, value); 1496 }); 1497 if (correspondingOption) { 1498 correspondingOption._setSelected(true); 1499 } 1500 }); 1501 } 1502 _getSelectedOptionValues() { 1503 return this.options.filter((option) => option.selected).map((option) => option.value); 1504 } 1505 _markOptionsForCheck() { 1506 if (this.options) { 1507 this.options.forEach((option) => option._markForCheck()); 1508 } 1509 } 1510 _setAllOptionsSelected(isSelected, skipDisabled) { 1511 const changedOptions = []; 1512 this.options.forEach((option) => { 1513 if ((!skipDisabled || !option.disabled) && option._setSelected(isSelected)) { 1514 changedOptions.push(option); 1515 } 1516 }); 1517 if (changedOptions.length) { 1518 this._reportValueChange(); 1519 } 1520 return changedOptions; 1521 } 1522 get options() { 1523 return this._items; 1524 } 1525 _handleKeydown(event) { 1526 const activeItem = this._keyManager.activeItem; 1527 if ((event.keyCode === ENTER || event.keyCode === SPACE) && !this._keyManager.isTyping() && activeItem && !activeItem.disabled) { 1528 event.preventDefault(); 1529 activeItem._toggleOnInteraction(); 1530 } else if (event.keyCode === A && this.multiple && !this._keyManager.isTyping() && hasModifierKey(event, "ctrlKey", "metaKey")) { 1531 const shouldSelect = this.options.some((option) => !option.disabled && !option.selected); 1532 event.preventDefault(); 1533 this._emitChangeEvent(this._setAllOptionsSelected(shouldSelect, true)); 1534 } else { 1535 this._keyManager.onKeydown(event); 1536 } 1537 } 1538 _handleFocusout = () => { 1539 setTimeout(() => { 1540 if (!this._containsFocus()) { 1541 this._resetActiveOption(); 1542 } 1543 }); 1544 }; 1545 _handleFocusin = (event) => { 1546 if (this.disabled) { 1547 return; 1548 } 1549 const activeIndex = this._items.toArray().findIndex((item) => item._elementRef.nativeElement.contains(event.target)); 1550 if (activeIndex > -1) { 1551 this._setActiveOption(activeIndex); 1552 } else { 1553 this._resetActiveOption(); 1554 } 1555 }; 1556 _setupRovingTabindex() { 1557 this._keyManager = new FocusKeyManager(this._items).withHomeAndEnd().withTypeAhead().withWrap().skipPredicate(() => this.disabled); 1558 this._resetActiveOption(); 1559 this._keyManager.change.subscribe((activeItemIndex) => this._setActiveOption(activeItemIndex)); 1560 this._items.changes.pipe(takeUntil(this._destroyed)).subscribe(() => { 1561 const activeItem = this._keyManager.activeItem; 1562 if (!activeItem || this._items.toArray().indexOf(activeItem) === -1) { 1563 this._resetActiveOption(); 1564 } 1565 }); 1566 } 1567 _setActiveOption(index) { 1568 this._items.forEach((item, itemIndex) => item._setTabindex(itemIndex === index ? 0 : -1)); 1569 this._keyManager.updateActiveItem(index); 1570 } 1571 _resetActiveOption() { 1572 if (this.disabled) { 1573 this._setActiveOption(-1); 1574 return; 1575 } 1576 const activeItem = this._items.find((item) => item.selected && !item.disabled) || this._items.first; 1577 this._setActiveOption(activeItem ? this._items.toArray().indexOf(activeItem) : -1); 1578 } 1579 _containsFocus() { 1580 const activeElement = _getFocusedElementPierceShadowDom(); 1581 return activeElement && this._element.nativeElement.contains(activeElement); 1582 } 1583 static \u0275fac = function MatSelectionList_Factory(__ngFactoryType__) { 1584 return new (__ngFactoryType__ || _MatSelectionList)(); 1585 }; 1586 static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ 1587 type: _MatSelectionList, 1588 selectors: [["mat-selection-list"]], 1589 contentQueries: function MatSelectionList_ContentQueries(rf, ctx, dirIndex) { 1590 if (rf & 1) { 1591 \u0275\u0275contentQuery(dirIndex, MatListOption, 5); 1592 } 1593 if (rf & 2) { 1594 let _t; 1595 \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx._items = _t); 1596 } 1597 }, 1598 hostAttrs: ["role", "listbox", 1, "mat-mdc-selection-list", "mat-mdc-list-base", "mdc-list"], 1599 hostVars: 1, 1600 hostBindings: function MatSelectionList_HostBindings(rf, ctx) { 1601 if (rf & 1) { 1602 \u0275\u0275listener("keydown", function MatSelectionList_keydown_HostBindingHandler($event) { 1603 return ctx._handleKeydown($event); 1604 }); 1605 } 1606 if (rf & 2) { 1607 \u0275\u0275attribute("aria-multiselectable", ctx.multiple); 1608 } 1609 }, 1610 inputs: { 1611 color: "color", 1612 compareWith: "compareWith", 1613 multiple: "multiple", 1614 hideSingleSelectionIndicator: "hideSingleSelectionIndicator", 1615 disabled: "disabled" 1616 }, 1617 outputs: { 1618 selectionChange: "selectionChange" 1619 }, 1620 exportAs: ["matSelectionList"], 1621 features: [\u0275\u0275ProvidersFeature([MAT_SELECTION_LIST_VALUE_ACCESSOR, { 1622 provide: MatListBase, 1623 useExisting: _MatSelectionList 1624 }, {
1625 provide: SELECTION_LIST, 1626 useExisting: _MatSelectionList 1627 }]), \u0275\u0275InheritDefinitionFeature, \u0275\u0275NgOnChangesFeature], 1628 ngContentSelectors: _c0, 1629 decls: 1, 1630 vars: 0, 1631 template: function MatSelectionList_Template(rf, ctx) { 1632 if (rf & 1) { 1633 \u0275\u0275projectionDef(); 1634 \u0275\u0275projection(0); 1635 } 1636 }, 1637 styles: [_c1], 1638 encapsulation: 2, 1639 changeDetection: 0 1640 }); 1641}; 1642(() => { 1643 (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatSelectionList, [{ 1644 type: Component, 1645 args: [{ 1646 selector: "mat-selection-list", 1647 exportAs: "matSelectionList", 1648 host: { 1649 "class": "mat-mdc-selection-list mat-mdc-list-base mdc-list", 1650 "role": "listbox", 1651 "[attr.aria-multiselectable]": "multiple", 1652 "(keydown)": "_handleKeydown($event)" 1653 }, 1654 template: "<ng-content></ng-content>", 1655 encapsulation: ViewEncapsulation.None, 1656 providers: [MAT_SELECTION_LIST_VALUE_ACCESSOR, { 1657 provide: MatListBase, 1658 useExisting: MatSelectionList 1659 }, { 1660 provide: SELECTION_LIST, 1661 useExisting: MatSelectionList 1662 }], 1663 changeDetection: ChangeDetectionStrategy.OnPush, 1664 styles: ['.mdc-list {\n margin: 0;\n padding: 8px 0;\n list-style-type: none;\n}\n.mdc-list:focus {\n outline: none;\n}\n\n.mdc-list-item {\n display: flex;\n position: relative;\n justify-content: flex-start;\n overflow: hidden;\n padding: 0;\n align-items: stretch;\n cursor: pointer;\n padding-left: 16px;\n padding-right: 16px;\n background-color: var(--mat-list-list-item-container-color, transparent);\n border-radius: var(--mat-list-list-item-container-shape, var(--mat-sys-corner-none));\n}\n.mdc-list-item.mdc-list-item--selected {\n background-color: var(--mat-list-list-item-selected-container-color);\n}\n.mdc-list-item:focus {\n outline: 0;\n}\n.mdc-list-item.mdc-list-item--disabled {\n cursor: auto;\n}\n.mdc-list-item.mdc-list-item--with-one-line {\n height: var(--mat-list-list-item-one-line-container-height, 48px);\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-two-lines {\n height: var(--mat-list-list-item-two-line-container-height, 64px);\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-three-lines {\n height: var(--mat-list-list-item-three-line-container-height, 88px);\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--selected::before, .mdc-list-item.mdc-list-item--selected:focus::before, .mdc-list-item:not(.mdc-list-item--selected):focus::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n content: "";\n pointer-events: none;\n}\n\na.mdc-list-item {\n color: inherit;\n text-decoration: none;\n}\n\n.mdc-list-item__start {\n fill: currentColor;\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-leading-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-leading-icon-size, 24px);\n height: var(--mat-list-list-item-leading-icon-size, 24px);\n margin-left: 16px;\n margin-right: 32px;\n}\n[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-left: 32px;\n margin-right: 16px;\n}\n.mdc-list-item--with-leading-icon:hover .mdc-list-item__start {\n color: var(--mat-list-list-item-hover-leading-icon-color);\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start {\n width: var(--mat-list-list-item-leading-avatar-size, 40px);\n height: var(--mat-list-list-item-leading-avatar-size, 40px);\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start, [dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start {\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n\n.mdc-list-item__end {\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n font-family: var(--mat-list-list-item-trailing-supporting-text-font, var(--mat-sys-label-small-font));\n line-height: var(--mat-list-list-item-trailing-supporting-text-line-height, var(--mat-sys-label-small-line-height));\n font-size: var(--mat-list-list-item-trailing-supporting-text-size, var(--mat-sys-label-small-size));\n font-weight: var(--mat-list-list-item-trailing-supporting-text-weight, var(--mat-sys-label-small-weight));\n letter-spacing: var(--mat-list-list-item-trailing-supporting-text-tracking, var(--mat-sys-label-small-tracking));\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-trailing-icon-size, 24px);\n height: var(--mat-list-list-item-trailing-icon-size, 24px);\n}\n.mdc-list-item--with-trailing-icon:hover .mdc-list-item__end {\n color: var(--mat-list-list-item-hover-trailing-icon-color);\n}\n.mdc-list-item.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-supporting-text-color, var(--mat-sys-on-surface-variant));\n}\n.mdc-list-item--selected.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-selected-trailing-icon-color, var(--mat-sys-primary));\n}\n\n.mdc-list-item__content {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n align-self: center;\n flex: 1;\n pointer-events: none;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__content, .mdc-list-item--with-three-lines .mdc-list-item__content {\n align-self: stretch;\n}\n\n.mdc-list-item__primary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n color: var(--mat-list-list-item-label-text-color, var(--mat-sys-on-surface));\n font-family: var(--mat-list-list-item-label-text-font, var(--mat-sys-body-large-font));\n line-height: var(--mat-list-list-item-label-text-line-height, var(--mat-sys-body-large-line-height));\n font-size: var(--mat-list-list-item-label-text-size, var(--mat-sys-body-large-size));\n font-weight: var(--mat-list-list-item-label-text-weight, var(--mat-sys-body-large-weight));\n letter-spacing: var(--mat-list-list-item-label-text-tracking, var(--mat-sys-body-large-tracking));\n}\n.mdc-list-item:hover .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-hover-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item:focus .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-focus-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text, .mdc-list-item--with-three-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n\n.mdc-list-item__secondary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n margin-top: 0;\n color: var(--mat-list-list-item-supporting-text-color, var(--mat-sys-on-surface-variant));\n font-family: var(--mat-list-list-item-supporting-text-font, var(--mat-sys-body-medium-font));\n line-height: var(--mat-list-list-item-supporting-text-line-height, var(--mat-sys-body-medium-line-height));\n font-size: var(--mat-list-list-item-supporting-text-size, var(--mat-sys-body-medium-size));\n font-weight: var(--mat-list-list-item-supporting-text-weight, var(--mat-sys-body-medium-weight));\n letter-spacing: var(--mat-list-list-item-supporting-text-tracking, var(--mat-sys-body-medium-tracking));\n}\n.mdc-list-item__secondary-text::before {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-three-lines .mdc-list-item__secondary-text {\n white-space: normal;\n line-height: 20px;\n}\n.mdc-list-item--with-overline .mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: auto;\n}\n\n.mdc-list-item--with-leading-radio.mdc-list-item,\n.mdc-list-item--with-leading-checkbox.mdc-list-item,\n.mdc-list-item--with-leading-icon.mdc-list-item,\n.mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n display: block;\n margin-top: 0;\n line-height: normal;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-trailing-icon.mdc-list-item, [dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item {\n padding-left: 0;\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 16px;\n}\n\n.mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n -webkit-user-select: none;\n user-select: none;\n margin-left: 28px;\n margin-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 28px;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {\n display: block;\n line-height: normal;\n align-self: flex-start;\n margin-top: 0;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: "";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-leading-radio .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 8px;\n margin-right: 24px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start,\n[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 24px;\n margin-right: 8px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-item--with-trailing-radio.mdc-list-item,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-left: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, [dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-radio .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 24px;\n margin-right: 8px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 8px;\n margin-right: 24px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-group__subheader {\n margin: 0.75rem 16px;\n}\n\n.mdc-list-item--disabled .mdc-list-item__start,\n.mdc-list-item--disabled .mdc-list-item__content,\n.mdc-list-item--disabled .mdc-list-item__end {\n opacity: 1;\n}\n.mdc-list-item--disabled .mdc-list-item__primary-text,\n.mdc-list-item--disabled .mdc-list-item__secondary-text {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-disabled-leading-icon-color, var(--mat-sys-
1664on-surface));\n opacity: var(--mat-list-list-item-disabled-leading-icon-opacity, 0.38);\n}\n.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-disabled-trailing-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-trailing-icon-opacity, 0.38);\n}\n\n.mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing, [dir=rtl] .mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing {\n padding-left: 0;\n padding-right: 0;\n}\n\n.mdc-list-item.mdc-list-item--disabled .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-disabled-label-text-color, var(--mat-sys-on-surface));\n}\n\n.mdc-list-item:hover::before {\n background-color: var(--mat-list-list-item-hover-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n\n.mdc-list-item.mdc-list-item--disabled::before {\n background-color: var(--mat-list-list-item-disabled-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item:focus::before {\n background-color: var(--mat-list-list-item-focus-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item--disabled .mdc-radio,\n.mdc-list-item--disabled .mdc-checkbox {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n\n.mdc-list-item--with-leading-avatar .mat-mdc-list-item-avatar {\n border-radius: var(--mat-list-list-item-leading-avatar-shape, var(--mat-sys-corner-full));\n background-color: var(--mat-list-list-item-leading-avatar-color, var(--mat-sys-primary-container));\n}\n\n.mat-mdc-list-item-icon {\n font-size: var(--mat-list-list-item-leading-icon-size, 24px);\n}\n\n@media (forced-colors: active) {\n a.mdc-list-item--activated::after {\n content: "";\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n width: 10px;\n height: 0;\n border-bottom: solid 10px;\n border-radius: 10px;\n }\n a.mdc-list-item--activated [dir=rtl]::after {\n right: auto;\n left: 16px;\n }\n}\n\n.mat-mdc-list-base {\n display: block;\n}\n.mat-mdc-list-base .mdc-list-item__start,\n.mat-mdc-list-base .mdc-list-item__end,\n.mat-mdc-list-base .mdc-list-item__content {\n pointer-events: auto;\n}\n\n.mat-mdc-list-item,\n.mat-mdc-list-option {\n width: 100%;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-list-item:not(.mat-mdc-list-item-interactive),\n.mat-mdc-list-option:not(.mat-mdc-list-item-interactive) {\n cursor: default;\n}\n.mat-mdc-list-item .mat-divider-inset,\n.mat-mdc-list-option .mat-divider-inset {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n.mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-left: 72px;\n}\n[dir=rtl] .mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n[dir=rtl] .mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-right: 72px;\n}\n\n.mat-mdc-list-item-interactive::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n content: "";\n opacity: 0;\n pointer-events: none;\n border-radius: inherit;\n}\n\n.mat-mdc-list-item > .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n}\n.mat-mdc-list-item:focus-visible > .mat-focus-indicator::before {\n content: "";\n}\n\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-line.mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: normal;\n}\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-unscoped-content.mdc-list-item__secondary-text {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n\nmat-action-list button {\n background: none;\n color: inherit;\n border: none;\n font: inherit;\n outline: inherit;\n -webkit-tap-highlight-color: transparent;\n text-align: start;\n}\nmat-action-list button::-moz-focus-inner {\n border: 0;\n}\n\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-inline-start: var(--mat-list-list-item-leading-icon-start-space, 16px);\n margin-inline-end: var(--mat-list-list-item-leading-icon-end-space, 16px);\n}\n\n.mat-mdc-nav-list .mat-mdc-list-item {\n border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n --mat-focus-indicator-border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n}\n.mat-mdc-nav-list .mat-mdc-list-item.mdc-list-item--activated {\n background-color: var(--mat-list-active-indicator-color, var(--mat-sys-secondary-container));\n}\n'] 1665 }] 1666 }], () => [], { 1667 _items: [{ 1668 type: ContentChildren, 1669 args: [MatListOption, { 1670 descendants: true 1671 }] 1672 }], 1673 selectionChange: [{ 1674 type: Output 1675 }], 1676 color: [{ 1677 type: Input 1678 }], 1679 compareWith: [{ 1680 type: Input 1681 }], 1682 multiple: [{ 1683 type: Input 1684 }], 1685 hideSingleSelectionIndicator: [{ 1686 type: Input 1687 }], 1688 disabled: [{ 1689 type: Input 1690 }] 1691 }); 1692})(); 1693var MatListModule = class _MatListModule { 1694 static \u0275fac = function MatListModule_Factory(__ngFactoryType__) { 1695 return new (__ngFactoryType__ || _MatListModule)(); 1696 }; 1697 static \u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({ 1698 type: _MatListModule, 1699 imports: [ObserversModule, MatRippleModule, MatPseudoCheckboxMo
1699dule, MatList, MatActionList, MatNavList, MatSelectionList, MatListItem, MatListOption, MatListSubheaderCssMatStyler, MatListItemAvatar, MatListItemIcon, MatListItemLine, MatListItemTitle, MatListItemMeta], 1700 exports: [BidiModule, MatList, MatActionList, MatNavList, MatSelectionList, MatListItem, MatListOption, MatListItemAvatar, MatListItemIcon, MatListSubheaderCssMatStyler, MatDividerModule, MatListItemLine, MatListItemTitle, MatListItemMeta] 1701 }); 1702 static \u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({ 1703 imports: [ObserversModule, MatRippleModule, MatPseudoCheckboxModule, BidiModule, MatDividerModule] 1704 }); 1705}; 1706(() => { 1707 (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatListModule, [{ 1708 type: NgModule, 1709 args: [{ 1710 imports: [ObserversModule, MatRippleModule, MatPseudoCheckboxModule, MatList, MatActionList, MatNavList, MatSelectionList, MatListItem, MatListOption, MatListSubheaderCssMatStyler, MatListItemAvatar, MatListItemIcon, MatListItemLine, MatListItemTitle, MatListItemMeta], 1711 exports: [BidiModule, MatList, MatActionList, MatNavList, MatSelectionList, MatListItem, MatListOption, MatListItemAvatar, MatListItemIcon, MatListSubheaderCssMatStyler, MatDividerModule, MatListItemLine, MatListItemTitle, MatListItemMeta] 1712 }] 1713 }], null, null); 1714})(); 1715 1716export { 1717 MatListItemTitle, 1718 MatListItemLine, 1719 MatListItem, 1720 MatNavList, 1721 MatListModule 1722}; 1723/**i18n:55a58011b6fcf12b70aba021cbe233ce2fe179902ce3502a5c6547ccaba0ed7f*/ 1724//# sourceMappingURL=chunk-7TQPV5ZM.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.