3677-es2015.bc566a808ec2f6da40ed.js

(self.webpackChunkmaterial_angular_io=self.webpackChunkmaterial_angular_io||[]).push([[3677],{3677:function(t,e,i){"use strict";i.r(e),i.d(e,{ListExamplesModule:function(){return x},ListHarnessExample:function(){return v},ListOverviewExample:function(){return r},ListSectionsExample:function(){return p},ListSelectionExample:function(){return u},ListSingleSelectionExample:function(){return b}});var s=i(61116),a=i(35366),n=i(77307),l=i(85078),o=i(36278),m=i(87064);let r=(()=>{class t{}return t.\u0275fac=function(e){return new(e||t)},t.\u0275cmp=a.Xpm({type:t,selectors:[["list-overview-example"]],decls:7,vars:0,consts:[["role","list"],["role","listitem"]],template:function(t,e){1&t&&(a.TgZ(0,"mat-list",0),a.TgZ(1,"mat-list-item",1),a._uU(2,"Item 1"),a.qZA(),a.TgZ(3,"mat-list-item",1),a._uU(4,"Item 2"),a.qZA(),a.TgZ(5,"mat-list-item",1),a._uU(6,"Item 3"),a.qZA(),a.qZA())},directives:[l.i$,l.Tg],encapsulation:2}),t})();function d(t,e){if(1&t&&(a.TgZ(0,"mat-list-item"),a.TgZ(1,"mat-icon",2),a._uU(2,"folder"),a.qZA(),a.TgZ(3,"div",3),a._uU(4),a.qZA(),a.TgZ(5,"div",3),a._uU(6),a.ALo(7,"date"),a.qZA(),a.qZA()),2&t){const t=e.$implicit;a.xp6(4),a.Oqu(t.name),a.xp6(2),a.hij(" ",a.lcZ(7,2,t.updated)," ")}}function c(t,e){if(1&t&&(a.TgZ(0,"mat-list-item"),a.TgZ(1,"mat-icon",2),a._uU(2,"note"),a.qZA(),a.TgZ(3,"div",3),a._uU(4),a.qZA(),a.TgZ(5,"div",3),a._uU(6),a.ALo(7,"date"),a.qZA(),a.qZA()),2&t){const t=e.$implicit;a.xp6(4),a.Oqu(t.name),a.xp6(2),a.hij(" ",a.lcZ(7,2,t.updated)," ")}}let p=(()=>{class t{constructor(){this.folders=[{name:"Photos",updated:new Date("1/1/16")},{name:"Recipes",updated:new Date("1/17/16")},{name:"Work",updated:new Date("1/28/16")}],this.notes=[{name:"Vacation Itinerary",updated:new Date("2/20/16")},{name:"Kitchen Remodel",updated:new Date("1/18/16")}]}}return t.\u0275fac=function(e){return new(e||t)},t.\u0275cmp=a.Xpm({type:t,selectors:[["list-sections-example"]],decls:8,vars:2,consts:[["mat-subheader",""],[4,"ngFor","ngForOf"],["mat-list-icon",""],["mat-line",""]],template:function(t,e){1&t&&(a.TgZ(0,"mat-list"),a.TgZ(1,"div",0),a._uU(2,"Folders"),a.qZA(),a.YNc(3,d,8,4,"mat-list-item",1),a._UZ(4,"mat-divider"),a.TgZ(5,"div",0),a._uU(6,"Notes"),a.qZA(),a.YNc(7,c,8,4,"mat-list-item",1),a.qZA()),2&t&&(a.xp6(3),a.Q6J("ngForOf",e.folders),a.xp6(4),a.Q6J("ngForOf",e.notes))},directives:[l.i$,l.gs,s.sg,o.d,l.Tg,n.Hw,l.Nh,m.X2],pipes:[s.uU],styles:[".mat-list-icon[_ngcontent-%COMP%] {\n  color: rgba(0, 0, 0, 0.54);\n}"]}),t})();function h(t,e){if(1&t&&(a.TgZ(0,"mat-list-option"),a._uU(1),a.qZA()),2&t){const t=e.$implicit;a.xp6(1),a.hij(" ",t," ")}}let u=(()=>{class t{constructor(){this.typesOfShoes=["Boots","Clogs","Loafers","Moccasins","Sneakers"]}}return t.\u0275fac=function(e){return new(e||t)},t.\u0275cmp=a.Xpm({type:t,selectors:[["list-selection-example"]],decls:5,vars:2,consts:[["shoes",""],[4,"ngFor","ngForOf"]],template:function(t,e){if(1&t&&(a.TgZ(0,"mat-selection-list",null,0),a.YNc(2,h,2,1,"mat-list-option",1),a.qZA(),a.TgZ(3,"p"),a._uU(4),a.qZA()),2&t){const t=a.MAs(1);a.xp6(2),a.Q6J("ngForOf",e.typesOfShoes),a.xp6(2),a.hij(" Options selected: ",t.selectedOptions.selected.length,"\n")}},directives:[l.Ub,s.sg,l.vS],styles:[""]}),t})();function g(t,e){if(1&t&&(a.TgZ(0,"mat-list-option",3),a._uU(1),a.qZA()),2&t){const t=e.$implicit;a.Q6J("value",t),a.xp6(1),a.hij(" ",t," ")}}let b=(()=>{class t{constructor(){this.typesOfShoes=["Boots","Clogs","Loafers","Moccasins","Sneakers"]}}return t.\u0275fac=function(e){return new(e||t)},t.\u0275cmp=a.Xpm({type:t,selectors:[["list-single-selection-example"]],decls:5,vars:3,consts:[[3,"multiple"],["shoes",""],[3,"value",4,"ngFor","ngForOf"],[3,"value"]],template:function(t,e){if(1&t&&(a.TgZ(0,"mat-selection-list",0,1),a.YNc(2,g,2,2,"mat-list-option",2),a.qZA(),a.TgZ(3,"p"),a._uU(4),a.qZA()),2&t){const t=a.MAs(1);a.Q6J("multiple",!1),a.xp6(2),a.Q6J("ngForOf",e.typesOfShoes),a.xp6(2),a.hij(" Option selected: ",null==t.selectedOptions.selected[0]?null:t.selectedOptions.selected[0].value,"\n")}},directives:[l.Ub,s.sg,l.vS],styles:[""]}),t})(),v=(()=>{class t{}return t.\u0275fac=function(e){return new(e||t)},t.\u0275cmp=a.Xpm({type:t,selectors:[["list-harness-example"]],decls:19,vars:0,consts:[["matLine",""],["matListIcon",""],["matListAvatar",""],["matSubheader",""],["mat-list-item",""]],template:function(t,e){1&t&&(a.TgZ(0,"mat-list"),a.TgZ(1,"mat-list-item"),a.TgZ(2,"div",0),a._uU(3,"Item "),a.qZA(),a.TgZ(4,"div",0),a._uU(5,"1"),a.qZA(),a.TgZ(6,"div",1),a._uU(7,"icon"),a.qZA(),a.TgZ(8,"div",2),a._uU(9,"Avatar"),a.qZA(),a.qZA(),a.TgZ(10,"div",3),a._uU(11,"Section 1"),a.qZA(),a.TgZ(12,"a",4),a.TgZ(13,"span"),a._uU(14,"Item 2"),a.qZA(),a.qZA(),a.TgZ(15,"button",4),a._uU(16,"Item 3"),a.qZA(),a.TgZ(17,"div",3),a._uU(18,"Section 2"),a.qZA(),a.qZA())},directives:[l.i$,l.Tg,m.X2,l.Nh,l.eA,l.gs],encapsulation:2}),t})(),x=(()=>{class t{}return t.\u0275fac=function(e){return new(e||t)},t.\u0275mod=a.oAB({type:t}),t.\u0275inj=a.cJS({imports:[[s.ez,n.Ps,l.ie]]}),t})()},36278:function(t,e,i){"use strict";i.d(e,{d:function(){return l},t:function(){return o}});var s=i(19861),a=i(87064),n=i(35366);let l=(()=>{class t{constructor(){this._vertical=!1,this._inset=!1}get vertical(){return this._vertical}set vertical(t){this._vertical=(0,s.Ig)(t)}get inset(){return this._inset}set inset(t){this._inset=(0,s.Ig)(t)}}return t.\u0275fac=function(e){return new(e||t)},t.\u0275cmp=n.Xpm({type:t,selectors:[["mat-divider"]],hostAttrs:["role","separator",1,"mat-divider"],hostVars:7,hostBindings:function(t,e){2&t&&(n.uIk("aria-orientation",e.vertical?"vertical":"horizontal"),n.ekj("mat-divider-vertical",e.vertical)("mat-divider-horizontal",!e.vertical)("mat-divider-inset",e.inset))},inputs:{vertical:"vertical",inset:"inset"},decls:0,vars:0,template:function(t,e){},styles:[".mat-divider{display:block;margin:0;border-top-width:1px;border-top-style:solid}.mat-divider.mat-divider-vertical{border-top:0;border-right-width:1px;border-right-style:solid}.mat-divider.mat-divider-inset{margin-left:80px}[dir=rtl] .mat-divider.mat-divider-inset{margin-left:auto;margin-right:80px}\n"],encapsulation:2,changeDetection:0}),t})(),o=(()=>{class t{}return t.\u0275fac=function(e){return new(e||t)},t.\u0275mod=n.oAB({type:t}),t.\u0275inj=n.cJS({imports:[[a.BQ],a.BQ]}),t})()},85078:function(t,e,i){"use strict";i.d(e,{i$:function(){return T},eA:function(){return S},Nh:function(){return q},Tg:function(){return R},ie:function(){return Q},vS:function(){return j},gs:function(){return F},Hk:function(){return L},Ub:function(){return z}});var s=i(61116),a=i(35366),n=i(87064),l=i(19861),o=i(55959),m=i(25416),r=i(56238),d=i(97388),c=i(58378),p=i(99235),h=i(31041),u=i(36278);const g=["*"],b='.mat-subheader{display:flex;box-sizing:border-box;padding:16px;align-items:center}.mat-list-base .mat-subheader{margin:0}.mat-list-base{padding-top:8px;display:block;-webkit-tap-highlight-color:transparent}.mat-list-base .mat-subheader{height:48px;line-height:16px}.mat-list-base .mat-subheader:first-child{margin-top:-8px}.mat-list-base .mat-list-item,.mat-list-base .mat-list-option{display:block;height:48px;-webkit-tap-highlight-color:transparent;width:100%;padding:0}.mat-list-base .mat-list-item .mat-list-item-content,.mat-list-base .mat-list-option .mat-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;padding:0 16px;position:relative;height:inherit}.mat-list-base .mat-list-item .mat-list-item-content-reverse,.mat-list-base .mat-list-option .mat-list-item-content-reverse{display:flex;align-items:center;padding:0 16px;flex-direction:row-reverse;justify-content:space-around}.mat-list-base .mat-list-item .mat-list-item-ripple,.mat-list-base .mat-list-option .mat-list-item-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-list-base .mat-list-item.mat-list-item-with-avatar,.mat-list-base .mat-list-option.mat-list-item-with-avatar{height:56px}.mat-list-base .mat-list-item.mat-2-line,.mat-list-base .mat-list-option.mat-2-line{height:72px}.mat-list-base .mat-list-item.mat-3-line,.mat-list-base .mat-list-option.mat-3-line{height:88px}.mat-list-base .mat-list-item.mat-multi-line,.mat-list-base .mat-list-option.mat-multi-line{height:auto}.mat-list-base .mat-list-item.mat-multi-line .mat-list-item-content,.mat-list-base .mat-list-option.mat-multi-line .mat-list-item-content{padding-top:16px;padding-bottom:16px}.mat-list-base .mat-list-item .mat-list-text,.mat-list-base .mat-list-option .mat-list-text{display:flex;flex-direction:column;flex:auto;box-sizing:border-box;overflow:hidden;padding:0}.mat-list-base .mat-list-item .mat-list-text>*,.mat-list-base .mat-list-option .mat-list-text>*{margin:0;padding:0;font-weight:normal;font-size:inherit}.mat-list-base .mat-list-item .mat-list-text:empty,.mat-list-base .mat-list-option .mat-list-text:empty{display:none}.mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,.mat-list-base .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,.mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,.mat-list-base .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text{padding-right:0;padding-left:16px}[dir=rtl] .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text{padding-right:16px;padding-left:0}.mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,.mat-list-base .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,.mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,.mat-list-base .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text{padding-left:0;padding-right:16px}[dir=rtl] .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text{padding-right:0;padding-left:16px}.mat-list-base .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,.mat-list-base .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text,.mat-list-base .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,.mat-list-base .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text{padding-right:16px;padding-left:16px}.mat-list-base .mat-list-item .mat-list-avatar,.mat-list-base .mat-list-option .mat-list-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;object-fit:cover}.mat-list-base .mat-list-item .mat-list-avatar~.mat-divider-inset,.mat-list-base .mat-list-option .mat-list-avatar~.mat-divider-inset{margin-left:72px;width:calc(100% - 72px)}[dir=rtl] .mat-list-base .mat-list-item .mat-list-avatar~.mat-divider-inset,[dir=rtl] .mat-list-base .mat-list-option .mat-list-avatar~.mat-divider-inset{margin-left:auto;margin-right:72px}.mat-list-base .mat-list-item .mat-list-icon,.mat-list-base .mat-list-option .mat-list-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;padding:4px}.mat-list-base .mat-list-item .mat-list-icon~.mat-divider-inset,.mat-list-base .mat-list-option .mat-list-icon~.mat-divider-inset{margin-left:64px;width:calc(100% - 64px)}[dir=rtl] .mat-list-base .mat-list-item .mat-list-icon~.mat-divider-inset,[dir=rtl] .mat-list-base .mat-list-option .mat-list-icon~.mat-divider-inset{margin-left:auto;margin-right:64px}.mat-list-base .mat-list-item .mat-divider,.mat-list-base .mat-list-option .mat-divider{position:absolute;bottom:0;left:0;width:100%;margin:0}[dir=rtl] .mat-list-base .mat-list-item .mat-divider,[dir=rtl] .mat-list-base .mat-list-option .mat-divider{margin-left:auto;margin-right:0}.mat-list-base .mat-list-item .mat-divider.mat-divider-inset,.mat-list-base .mat-list-option .mat-divider.mat-divider-inset{position:absolute}.mat-list-base[dense]{padding-top:4px;display:block}.mat-list-base[dense] .mat-subheader{height:40px;line-height:8px}.mat-list-base[dense] .mat-subheader:first-child{margin-top:-4px}.mat-list-base[dense] .mat-list-item,.mat-list-base[dense] .mat-list-option{display:block;height:40px;-webkit-tap-highlight-color:transparent;width:100%;padding:0}.mat-list-base[dense] .mat-list-item .mat-list-item-content,.mat-list-base[dense] .mat-list-option .mat-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;padding:0 16px;position:relative;height:inherit}.mat-list-base[dense] .mat-list-item .mat-list-item-content-reverse,.mat-list-base[dense] .mat-list-option .mat-list-item-content-reverse{display:flex;align-items:center;padding:0 16px;flex-direction:row-reverse;justify-content:space-around}.mat-list-base[dense] .mat-list-item .mat-list-item-ripple,.mat-list-base[dense] .mat-list-option .mat-list-item-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar,.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar{height:48px}.mat-list-base[dense] .mat-list-item.mat-2-line,.mat-list-base[dense] .mat-list-option.mat-2-line{height:60px}.mat-list-base[dense] .mat-list-item.mat-3-line,.mat-list-base[dense] .mat-list-option.mat-3-line{height:76px}.mat-list-base[dense] .mat-list-item.mat-multi-line,.mat-list-base[dense] .mat-list-option.mat-multi-line{height:auto}.mat-list-base[dense] .mat-list-item.mat-multi-line .mat-list-item-content,.mat-list-base[dense] .mat-list-option.mat-multi-line .mat-list-item-content{padding-top:16px;padding-bottom:16px}.mat-list-base[dense] .mat-list-item .mat-list-text,.mat-list-base[dense] .mat-list-option .mat-list-text{display:flex;flex-direction:column;flex:auto;box-sizing:border-box;overflow:hidden;padding:0}.mat-list-base[dense] .mat-list-item .mat-list-text>*,.mat-list-base[dense] .mat-list-option .mat-list-text>*{margin:0;padding:0;font-weight:normal;font-size:inherit}.mat-list-base[dense] .mat-list-item .mat-list-text:empty,.mat-list-base[dense] .mat-list-option .mat-list-text:empty{display:none}.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,.mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text{padding-right:0;padding-left:16px}[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text{padding-right:16px;padding-left:0}.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,.mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text{padding-left:0;padding-right:16px}[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text{padding-right:0;padding-left:16px}.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text{padding-right:16px;padding-left:16px}.mat-list-base[dense] .mat-list-item .mat-list-avatar,.mat-list-base[dense] .mat-list-option .mat-list-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;object-fit:cover}.mat-list-base[dense] .mat-list-item .mat-list-avatar~.mat-divider-inset,.mat-list-base[dense] .mat-list-option .mat-list-avatar~.mat-divider-inset{margin-left:68px;width:calc(100% - 68px)}[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-list-avatar~.mat-divider-inset,[dir=rtl] .mat-list-base[dense] .mat-list-option .mat-list-avatar~.mat-divider-inset{margin-left:auto;margin-right:68px}.mat-list-base[dense] .mat-list-item .mat-list-icon,.mat-list-base[dense] .mat-list-option .mat-list-icon{flex-shrink:0;width:20px;height:20px;font-size:20px;box-sizing:content-box;border-radius:50%;padding:4px}.mat-list-base[dense] .mat-list-item .mat-list-icon~.mat-divider-inset,.mat-list-base[dense] .mat-list-option .mat-list-icon~.mat-divider-inset{margin-left:60px;width:calc(100% - 60px)}[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-list-icon~.mat-divider-inset,[dir=rtl] .mat-list-base[dense] .mat-list-option .mat-list-icon~.mat-divider-inset{margin-left:auto;margin-right:60px}.mat-list-base[dense] .mat-list-item .mat-divider,.mat-list-base[dense] .mat-list-option .mat-divider{position:absolute;bottom:0;left:0;width:100%;margin:0}[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-divider,[dir=rtl] .mat-list-base[dense] .mat-list-option .mat-divider{margin-left:auto;margin-right:0}.mat-list-base[dense] .mat-list-item .mat-divider.mat-divider-inset,.mat-list-base[dense] .mat-list-option .mat-divider.mat-divider-inset{position:absolute}.mat-nav-list a{text-decoration:none;color:inherit}.mat-nav-list .mat-list-item{cursor:pointer;outline:none}mat-action-list button{background:none;color:inherit;border:none;font:inherit;outline:inherit;-webkit-tap-highlight-color:transparent;text-align:left}[dir=rtl] mat-action-list button{text-align:right}mat-action-list button::-moz-focus-inner{border:0}mat-action-list .mat-list-item{cursor:pointer;outline:inherit}.mat-list-option:not(.mat-list-item-disabled){cursor:pointer;outline:none}.mat-list-item-disabled{pointer-events:none}.cdk-high-contrast-active .mat-list-item-disabled{opacity:.5}.cdk-high-contrast-active :host .mat-list-item-disabled{opacity:.5}.cdk-high-contrast-active .mat-selection-list:focus{outline-style:dotted}.cdk-high-contrast-active .mat-list-option:hover,.cdk-high-contrast-active .mat-list-option:focus,.cdk-high-contrast-active .mat-nav-list .mat-list-item:hover,.cdk-high-contrast-active .mat-nav-list .mat-list-item:focus,.cdk-high-contrast-active mat-action-list .mat-list-item:hover,.cdk-high-contrast-active mat-action-list .mat-list-item:focus{outline:dotted 1px}.cdk-high-contrast-active .mat-list-single-selected-option::after{content:"";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:10px;height:0;border-bottom:solid 10px;border-radius:10px}.cdk-high-contrast-active [dir=rtl] .mat-list-single-selected-option::after{right:auto;left:16px}@media(hover: none){.mat-list-option:not(.mat-list-single-selected-option):not(.mat-list-item-disabled):hover,.mat-nav-list .mat-list-item:not(.mat-list-item-disabled):hover,.mat-action-list .mat-list-item:not(.mat-list-item-disabled):hover{background:none}}\n',v=[[["","mat-list-avatar",""],["","mat-list-icon",""],["","matListAvatar",""],["","matListIcon",""]],[["","mat-line",""],["","matLine",""]],"*"],x=["[mat-list-avatar], [mat-list-icon], [matListAvatar], [matListIcon]","[mat-line], [matLine]","*"],_=["text"];function f(t,e){if(1&t&&a._UZ(0,"mat-pseudo-checkbox",5),2&t){const t=a.oxw();a.Q6J("state",t.selected?"checked":"unchecked")("disabled",t.disabled)}}const w=["*",[["","mat-list-avatar",""],["","mat-list-icon",""],["","matListAvatar",""],["","matListIcon",""]]],y=["*","[mat-list-avatar], [mat-list-icon], [matListAvatar], [matListIcon]"];class k{}const A=(0,n.Id)((0,n.Kr)(k));class Z{}const O=(0,n.Kr)(Z),I=new a.OlP("MatList"),C=new a.OlP("MatNavList");let L=(()=>{class t extends A{constructor(){super(...arguments),this._stateChanges=new o.xQ}ngOnChanges(){this._stateChanges.next()}ngOnDestroy(){this._stateChanges.complete()}}return t.\u0275fac=function(){let e;return function(i){return(e||(e=a.n5z(t)))(i||t)}}(),t.\u0275cmp=a.Xpm({type:t,selectors:[["mat-nav-list"]],hostAttrs:["role","navigation",1,"mat-nav-list","mat-list-base"],inputs:{disableRipple:"disableRipple",disabled:"disabled"},exportAs:["matNavList"],features:[a._Bn([{provide:C,useExisting:t}]),a.qOj,a.TTD],ngContentSelectors:g,decls:1,vars:0,template:function(t,e){1&t&&(a.F$t(),a.Hsn(0))},styles:[b],encapsulation:2,changeDetection:0}),t})(),T=(()=>{class t extends A{constructor(t){super(),this._elementRef=t,this._stateChanges=new o.xQ,"action-list"===this._getListType()&&t.nativeElement.classList.add("mat-action-list")}_getListType(){const t=this._elementRef.nativeElement.nodeName.toLowerCase();return"mat-list"===t?"list":"mat-action-list"===t?"action-list":null}ngOnChanges(){this._stateChanges.next()}ngOnDestroy(){this._stateChanges.complete()}}return t.\u0275fac=function(e){return new(e||t)(a.Y36(a.SBq))},t.\u0275cmp=a.Xpm({type:t,selectors:[["mat-list"],["mat-action-list"]],hostAttrs:[1,"mat-list","mat-list-base"],inputs:{disableRipple:"disableRipple",disabled:"disabled"},exportAs:["matList"],features:[a._Bn([{provide:I,useExisting:t}]),a.qOj,a.TTD],ngContentSelectors:g,decls:1,vars:0,template:function(t,e){1&t&&(a.F$t(),a.Hsn(0))},styles:[b],encapsulation:2,changeDetection:0}),t})(),S=(()=>{class t{}return t.\u0275fac=function(e){return new(e||t)},t.\u0275dir=a.lG2({type:t,selectors:[["","mat-list-avatar",""],["","matListAvatar",""]],hostAttrs:[1,"mat-list-avatar"]}),t})(),q=(()=>{class t{}return t.\u0275fac=function(e){return new(e||t)},t.\u0275dir=a.lG2({type:t,selectors:[["","mat-list-icon",""],["","matListIcon",""]],hostAttrs:[1,"mat-list-icon"]}),t})(),F=(()=>{class t{}return t.\u0275fac=function(e){return new(e||t)},t.\u0275dir=a.lG2({type:t,selectors:[["","mat-subheader",""],["","matSubheader",""]],hostAttrs:[1,"mat-subheader"]}),t})(),R=(()=>{class t extends O{constructor(t,e,i,s){super(),this._element=t,this._isInteractiveList=!1,this._destroyed=new o.xQ,this._disabled=!1,this._isInteractiveList=!!(i||s&&"action-list"===s._getListType()),this._list=i||s;const a=this._getHostElement();"button"!==a.nodeName.toLowerCase()||a.hasAttribute("type")||a.setAttribute("type","button"),this._list&&this._list._stateChanges.pipe((0,m.R)(this._destroyed)).subscribe(()=>{e.markForCheck()})}get disabled(){return this._disabled||!(!this._list||!this._list.disabled)}set disabled(t){this._disabled=(0,l.Ig)(t)}ngAfterContentInit(){(0,n.E0)(this._lines,this._element)}ngOnDestroy(){this._destroyed.next(),this._destroyed.complete()}_isRippleDisabled(){return!this._isInteractiveList||this.disableRipple||!(!this._list||!this._list.disableRipple)}_getHostElement(){return this._element.nativeElement}}return t.\u0275fac=function(e){return new(e||t)(a.Y36(a.SBq),a.Y36(a.sBO),a.Y36(C,8),a.Y36(I,8))},t.\u0275cmp=a.Xpm({type:t,selectors:[["mat-list-item"],["a","mat-list-item",""],["button","mat-list-item",""]],contentQueries:function(t,e,i){if(1&t&&(a.Suo(i,S,5),a.Suo(i,q,5),a.Suo(i,n.X2,5)),2&t){let t;a.iGM(t=a.CRH())&&(e._avatar=t.first),a.iGM(t=a.CRH())&&(e._icon=t.first),a.iGM(t=a.CRH())&&(e._lines=t)}},hostAttrs:[1,"mat-list-item","mat-focus-indicator"],hostVars:6,hostBindings:function(t,e){2&t&&a.ekj("mat-list-item-disabled",e.disabled)("mat-list-item-avatar",e._avatar||e._icon)("mat-list-item-with-avatar",e._avatar||e._icon)},inputs:{disableRipple:"disableRipple",disabled:"disabled"},exportAs:["matListItem"],features:[a.qOj],ngContentSelectors:x,decls:6,vars:2,consts:[[1,"mat-list-item-content"],["mat-ripple","",1,"mat-list-item-ripple",3,"matRippleTrigger","matRippleDisabled"],[1,"mat-list-text"]],template:function(t,e){1&t&&(a.F$t(v),a.TgZ(0,"div",0),a._UZ(1,"div",1),a.Hsn(2),a.TgZ(3,"div",2),a.Hsn(4,1),a.qZA(),a.Hsn(5,2),a.qZA()),2&t&&(a.xp6(1),a.Q6J("matRippleTrigger",e._getHostElement())("matRippleDisabled",e._isRippleDisabled()))},directives:[n.wG],encapsulation:2,changeDetection:0}),t})();class D{}const E=(0,n.Kr)(D);class M{}const U=(0,n.Kr)(M),H={provide:h.JU,useExisting:(0,a.Gpc)(()=>z),multi:!0};class B{constructor(t,e,i){this.source=t,this.option=e,this.options=i}}let j=(()=>{class t extends U{constructor(t,e,i){super(),this._element=t,this._changeDetector=e,this.selectionList=i,this._selected=!1,this._disabled=!1,this._hasFocus=!1,this.checkboxPosition="after",this._inputsInitialized=!1}get color(){return this._color||this.selectionList.color}set color(t){this._color=t}get value(){return this._value}set value(t){this.selected&&!this.selectionList.compareWith(t,this.value)&&this._inputsInitialized&&(this.selected=!1),this._value=t}get disabled(){return this._disabled||this.selectionList&&this.selectionList.disabled}set disabled(t){const e=(0,l.Ig)(t);e!==this._disabled&&(this._disabled=e,this._changeDetector.markForCheck())}get selected(){return this.selectionList.selectedOptions.isSelected(this)}set selected(t){const e=(0,l.Ig)(t);e!==this._selected&&(this._setSelected(e),(e||this.selectionList.multiple)&&this.selectionList._reportValueChange())}ngOnInit(){const t=this.selectionList;t._value&&t._value.some(e=>t.compareWith(e,this._value))&&this._setSelected(!0);const e=this._selected;Promise.resolve().then(()=>{(this._selected||e)&&(this.selected=!0,this._changeDetector.markForCheck())}),this._inputsInitialized=!0}ngAfterContentInit(){(0,n.E0)(this._lines,this._element)}ngOnDestroy(){this.selected&&Promise.resolve().then(()=>{this.selected=!1});const t=this._hasFocus,e=this.selectionList._removeOptionFromList(this);t&&e&&e.focus()}toggle(){this.selected=!this.selected}focus(){this._element.nativeElement.focus()}getLabel(){return this._text&&this._text.nativeElement.textContent||""}_isRippleDisabled(){return this.disabled||this.disableRipple||this.selectionList.disableRipple}_handleClick(){this.disabled||!this.selectionList.multiple&&this.selected||(this.toggle(),this.selectionList._emitChangeEvent([this]))}_handleFocus(){this.selectionList._setFocusedOption(this),this._hasFocus=!0}_handleBlur(){this.selectionList._onTouched(),this._hasFocus=!1}_getHostElement(){return this._element.nativeElement}_setSelected(t){return t!==this._selected&&(this._selected=t,t?this.selectionList.selectedOptions.select(this):this.selectionList.selectedOptions.deselect(this),this._changeDetector.markForCheck(),!0)}_markForCheck(){this._changeDetector.markForCheck()}}return t.\u0275fac=function(e){return new(e||t)(a.Y36(a.SBq),a.Y36(a.sBO),a.Y36((0,a.Gpc)(()=>z)))},t.\u0275cmp=a.Xpm({type:t,selectors:[["mat-list-option"]],contentQueries:function(t,e,i){if(1&t&&(a.Suo(i,S,5),a.Suo(i,q,5),a.Suo(i,n.X2,5)),2&t){let t;a.iGM(t=a.CRH())&&(e._avatar=t.first),a.iGM(t=a.CRH())&&(e._icon=t.first),a.iGM(t=a.CRH())&&(e._lines=t)}},viewQuery:function(t,e){if(1&t&&a.Gf(_,5),2&t){let t;a.iGM(t=a.CRH())&&(e._text=t.first)}},hostAttrs:["role","option",1,"mat-list-item","mat-list-option","mat-focus-indicator"],hostVars:15,hostBindings:function(t,e){1&t&&a.NdJ("focus",function(){return e._handleFocus()})("blur",function(){return e._handleBlur()})("click",function(){return e._handleClick()}),2&t&&(a.uIk("aria-selected",e.selected)("aria-disabled",e.disabled)("tabindex",-1),a.ekj("mat-list-item-disabled",e.disabled)("mat-list-item-with-avatar",e._avatar||e._icon)("mat-primary","primary"===e.color)("mat-accent","primary"!==e.color&&"warn"!==e.color)("mat-warn","warn"===e.color)("mat-list-single-selected-option",e.selected&&!e.selectionList.multiple))},inputs:{disableRipple:"disableRipple",checkboxPosition:"checkboxPosition",color:"color",value:"value",selected:"selected",disabled:"disabled"},exportAs:["matListOption"],features:[a.qOj],ngContentSelectors:y,decls:7,vars:5,consts:[[1,"mat-list-item-content"],["mat-ripple","",1,"mat-list-item-ripple",3,"matRippleTrigger","matRippleDisabled"],[3,"state","disabled",4,"ngIf"],[1,"mat-list-text"],["text",""],[3,"state","disabled"]],template:function(t,e){1&t&&(a.F$t(w),a.TgZ(0,"div",0),a._UZ(1,"div",1),a.YNc(2,f,1,2,"mat-pseudo-checkbox",2),a.TgZ(3,"div",3,4),a.Hsn(5),a.qZA(),a.Hsn(6,1),a.qZA()),2&t&&(a.ekj("mat-list-item-content-reverse","after"==e.checkboxPosition),a.xp6(1),a.Q6J("matRippleTrigger",e._getHostElement())("matRippleDisabled",e._isRippleDisabled()),a.xp6(1),a.Q6J("ngIf",e.selectionList.multiple))},directives:[n.wG,s.O5,n.nP],encapsulation:2,changeDetection:0}),t})(),z=(()=>{class t extends E{constructor(t,e,i,s){super(),this._element=t,this._changeDetector=i,this._focusMonitor=s,this._multiple=!0,this._contentInitialized=!1,this.selectionChange=new a.vpe,this.tabIndex=0,this.color="accent",this.compareWith=(t,e)=>t===e,this._disabled=!1,this.selectedOptions=new c.Ov(this._multiple),this._tabIndex=-1,this._onChange=t=>{},this._destroyed=new o.xQ,this._onTouched=()=>{}}get disabled(){return this._disabled}set disabled(t){this._disabled=(0,l.Ig)(t),this._markOptionsForCheck()}get multiple(){return this._multiple}set multiple(t){const e=(0,l.Ig)(t);e!==this._multiple&&(this._multiple=e,this.selectedOptions=new c.Ov(this._multiple,this.selectedOptions.selected))}ngAfterContentInit(){var t;this._contentInitialized=!0,this._keyManager=new d.Em(this.options).withWrap().withTypeAhead().withHomeAndEnd().skipPredicate(()=>!1).withAllowedModifierKeys(["shiftKey"]),this._value&&this._setOptionsFromValues(this._value),this._keyManager.tabOut.pipe((0,m.R)(this._destroyed)).subscribe(()=>{this._allowFocusEscape()}),this.options.changes.pipe((0,r.O)(null),(0,m.R)(this._destroyed)).subscribe(()=>{this._updateTabIndex()}),this.selectedOptions.changed.pipe((0,m.R)(this._destroyed)).subscribe(t=>{if(t.added)for(let e of t.added)e.selected=!0;if(t.removed)for(let e of t.removed)e.selected=!1}),null===(t=this._focusMonitor)||void 0===t||t.monitor(this._element).pipe((0,m.R)(this._destroyed)).subscribe(t=>{if("keyboard"===t||"program"===t){const t=this._keyManager.activeItemIndex;t&&-1!==t?this._keyManager.setActiveItem(t):this._keyManager.setFirstItemActive()}})}ngOnChanges(t){const e=t.disableRipple,i=t.color;(e&&!e.firstChange||i&&!i.firstChange)&&this._markOptionsForCheck()}ngOnDestroy(){var t;null===(t=this._focusMonitor)||void 0===t||t.stopMonitoring(this._element),this._destroyed.next(),this._destroyed.complete(),this._isDestroyed=!0}focus(t){this._element.nativeElement.focus(t)}selectAll(){return this._setAllOptionsSelected(!0)}deselectAll(){return this._setAllOptionsSelected(!1)}_setFocusedOption(t){this._keyManager.updateActiveItem(t)}_removeOptionFromList(t){const e=this._getOptionIndex(t);return e>-1&&this._keyManager.activeItemIndex===e&&(e>0?this._keyManager.updateActiveItem(e-1):0===e&&this.options.length>1&&this._keyManager.updateActiveItem(Math.min(e+1,this.options.length-1))),this._keyManager.activeItem}_keydown(t){const e=t.keyCode,i=this._keyManager,s=i.activeItemIndex,a=(0,p.Vb)(t);switch(e){case p.L_:case p.K5:a||i.isTyping()||(this._toggleFocusedOption(),t.preventDefault());break;default:if(e===p.A&&this.multiple&&(0,p.Vb)(t,"ctrlKey")&&!i.isTyping()){const e=this.options.some(t=>!t.disabled&&!t.selected);this._setAllOptionsSelected(e,!0,!0),t.preventDefault()}else i.onKeydown(t)}this.multiple&&(e===p.LH||e===p.JH)&&t.shiftKey&&i.activeItemIndex!==s&&this._toggleFocusedOption()}_reportValueChange(){if(this.options&&!this._isDestroyed){const t=this._getSelectedOptionValues();this._onChange(t),this._value=t}}_emitChangeEvent(t){this.selectionChange.emit(new B(this,t[0],t))}writeValue(t){this._value=t,this.options&&this._setOptionsFromValues(t||[])}setDisabledState(t){this.disabled=t}registerOnChange(t){this._onChange=t}registerOnTouched(t){this._onTouched=t}_setOptionsFromValues(t){this.options.forEach(t=>t._setSelected(!1)),t.forEach(t=>{const e=this.options.find(e=>!e.selected&&this.compareWith(e.value,t));e&&e._setSelected(!0)})}_getSelectedOptionValues(){return this.options.filter(t=>t.selected).map(t=>t.value)}_toggleFocusedOption(){let t=this._keyManager.activeItemIndex;if(null!=t&&this._isValidIndex(t)){let e=this.options.toArray()[t];!e||e.disabled||!this._multiple&&e.selected||(e.toggle(),this._emitChangeEvent([e]))}}_setAllOptionsSelected(t,e,i){const s=[];return this.options.forEach(i=>{e&&i.disabled||!i._setSelected(t)||s.push(i)}),s.length&&(this._reportValueChange(),i&&this._emitChangeEvent(s)),s}_isValidIndex(t){return t>=0&&t<this.options.length}_getOptionIndex(t){return this.options.toArray().indexOf(t)}_markOptionsForCheck(){this.options&&this.options.forEach(t=>t._markForCheck())}_allowFocusEscape(){this._tabIndex=-1,setTimeout(()=>{this._tabIndex=0,this._changeDetector.markForCheck()})}_updateTabIndex(){this._tabIndex=0===this.options.length?-1:0}}return t.\u0275fac=function(e){return new(e||t)(a.Y36(a.SBq),a.$8M("tabindex"),a.Y36(a.sBO),a.Y36(d.tE))},t.\u0275cmp=a.Xpm({type:t,selectors:[["mat-selection-list"]],contentQueries:function(t,e,i){if(1&t&&a.Suo(i,j,5),2&t){let t;a.iGM(t=a.CRH())&&(e.options=t)}},hostAttrs:["role","listbox",1,"mat-selection-list","mat-list-base"],hostVars:3,hostBindings:function(t,e){1&t&&a.NdJ("keydown",function(t){return e._keydown(t)}),2&t&&a.uIk("aria-multiselectable",e.multiple)("aria-disabled",e.disabled.toString())("tabindex",e._tabIndex)},inputs:{disableRipple:"disableRipple",tabIndex:"tabIndex",color:"color",compareWith:"compareWith",disabled:"disabled",multiple:"multiple"},outputs:{selectionChange:"selectionChange"},exportAs:["matSelectionList"],features:[a._Bn([H]),a.qOj,a.TTD],ngContentSelectors:g,decls:1,vars:0,template:function(t,e){1&t&&(a.F$t(),a.Hsn(0))},styles:[b],encapsulation:2,changeDetection:0}),t})(),Q=(()=>{class t{}return t.\u0275fac=function(e){return new(e||t)},t.\u0275mod=a.oAB({type:t}),t.\u0275inj=a.cJS({imports:[[n.uc,n.si,n.BQ,n.us,s.ez],n.uc,n.BQ,n.us,u.t]}),t})()}}]);