1233.c934fbd1d6e2f969.js

"use strict";(self.webpackChunkmaterial_angular_io=self.webpackChunkmaterial_angular_io||[]).push([[1233],{1233:(_,p,r)=>{r.r(p),r.d(p,{Homepage:()=>E});var t=r(5879),o=r(2296),g=r(9227),d=r(1865),u=r(6389),c=r(617),s=r(6385),l=r(5195),h=r(6814);let M=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275cmp=t.Xpm({type:e,selectors:[["app-support"]],standalone:!0,features:[t.jDz],decls:37,vars:0,consts:[[1,"docs-help-support"],["href","https://stackoverflow.com/questions/tagged/angular-material"],["src","../../../assets/img/homepage/stackoverflow-logo.svg","alt","StackOverflow icon","loading","lazy"],[1,"docs-help-support-description"],["href","https://stackoverflow.com/questions/tagged/angular-cdk"],["href","https://discord.gg/angular"],["src","../../../assets/img/homepage/discord-logo.svg","alt","Discord icon","loading","lazy"],["href","https://groups.google.com/g/angular-material2"],["src","../../../assets/img/homepage/google-groups-logo.png","alt","Google Groups icon","loading","lazy"],["href","https://twitter.com/angular"],["src","../../../assets/img/homepage/twitter-logo.svg","alt","Twitter icon","loading","lazy"],["href","https://blog.angular.io"],["src","../../../assets/img/homepage/angular-logo.svg","alt","Angular icon","loading","lazy"]],template:function(n,i){1&n&&(t.TgZ(0,"div",0)(1,"ul")(2,"li")(3,"a",1),t._UZ(4,"img",2),t._uU(5," StackOverflow "),t.qZA(),t.TgZ(6,"div",3),t._uU(7,"Questions tagged with "),t.TgZ(8,"a",1),t._uU(9,"angular-material"),t.qZA(),t._uU(10," or "),t.TgZ(11,"a",4),t._uU(12,"angular-cdk"),t.qZA()()(),t.TgZ(13,"li")(14,"a",5),t._UZ(15,"img",6),t._uU(16," Discord "),t.qZA(),t.TgZ(17,"div",3),t._uU(18,"Angular Community on Discord"),t.qZA()(),t.TgZ(19,"li")(20,"a",7),t._UZ(21,"img",8),t._uU(22," Google Groups "),t.qZA(),t.TgZ(23,"div",3),t._uU(24,"Angular Components discussion forum"),t.qZA()(),t.TgZ(25,"li")(26,"a",9),t._UZ(27,"img",10),t._uU(28," Twitter "),t.qZA(),t.TgZ(29,"div",3),t._uU(30,"Connect with @angular on Twitter"),t.qZA()(),t.TgZ(31,"li")(32,"a",11),t._UZ(33,"img",12),t._uU(34," Angular Blog "),t.qZA(),t.TgZ(35,"div",3),t._uU(36,"News and Tips from the Angular Team"),t.qZA()()()())},styles:[".docs-help-support[_ngcontent-%COMP%]{width:75%;margin:auto;padding-bottom:40px}.docs-help-support[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{display:flex;justify-content:space-around;list-style:none;margin:0;padding:18px 0}.docs-help-support[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{text-align:center;flex:0 1 200px;-moz-box-flex:0}.docs-help-support[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-weight:500;text-decoration:none}.docs-help-support[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover{text-decoration:underline}.docs-help-support[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{display:block;margin:10px auto;width:50px;height:50px}.docs-help-support-description[_ngcontent-%COMP%]{font-size:14px;margin-top:5px}@media screen and (max-width: 884px){.docs-help-support[_ngcontent-%COMP%]{padding-bottom:20px}.docs-help-support[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{display:block}.docs-help-support[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{display:flex;align-items:center}.docs-help-support[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{margin:10px}.docs-help-support-description[_ngcontent-%COMP%]{display:none}}"]}),e})();var x=r(8734),b=r(4300),v=r(6028);const y=["list"];function O(e,a){if(1&e){const n=t.EpF();t.TgZ(0,"button",6),t.NdJ("click",function(){t.CHM(n);const m=t.oxw();return t.KtG(m.previous())}),t.TgZ(1,"mat-icon"),t._uU(2,"navigate_before"),t.qZA()()}}function A(e,a){if(1&e){const n=t.EpF();t.TgZ(0,"button",7),t.NdJ("click",function(){t.CHM(n);const m=t.oxw();return t.KtG(m.next())}),t.TgZ(1,"mat-icon"),t._uU(2,"navigate_next"),t.qZA()()}}const w=["*"];let C=(()=>{class e{constructor(n){this.element=n,this.role="listitem",this.tabindex="-1"}focus(){this.element.nativeElement.focus({preventScroll:!0})}}return e.\u0275fac=function(n){return new(n||e)(t.Y36(t.SBq))},e.\u0275dir=t.lG2({type:e,selectors:[["","carousel-item",""]],hostVars:2,hostBindings:function(n,i){2&n&&(t.Ikx("tabindex",i.tabindex),t.uIk("role",i.role))},standalone:!0}),e})(),P=(()=>{class e{onKeydown({keyCode:n}){const i=this._keyManager,m=i.activeItemIndex;n===v.oh?i.setPreviousItemActive():n===v.SV?i.setNextItemActive():n===v.Mf&&!i.activeItem&&i.setFirstItemActive(),null!=i.activeItemIndex&&i.activeItemIndex!==m&&(this.index=i.activeItemIndex,this._updateItemTabIndices(),this._isOutOfView(this.index)&&this._scrollToActiveItem())}constructor(n){this.position=0,this.showPrevArrow=!1,this.showNextArrow=!0,this.index=0,this.animationsDisabled="NoopAnimations"===n}ngAfterContentInit(){this._keyManager=new b.Em(this.items)}next(){for(let n=this.index;n<this.items.length;n++)if(this._isOutOfView(n)){this.index=n,this._scrollToActiveItem();break}}previous(){for(let n=this.index;n>-1;n--)if(this._isOutOfView(n)){this.index=n,this._scrollToActiveItem();break}}_updateItemTabIndices(){this.items.forEach(n=>{null!=this._keyManager&&(n.tabindex=n===this._keyManager.activeItem?"0":"-1")})}_scrollToActiveItem(){if(!this._isOutOfView(this.index))return;const n=this.items.toArray();let i=this.index;this.index>0&&!this._isOutOfView(this.index-1)&&(i=n.findIndex((m,f)=>!this._isOutOfView(f))+1),this.position=n[i].element.nativeElement.offsetLeft,this.list.nativeElement.style.transform=`translateX(-${this.position}px)`,this.showPrevArrow=this.index>0,this.showNextArrow=!1;for(let m=n.length-1;m>-1;m--)if(this._isOutOfView(m,"end")){this.showNextArrow=!0;break}}_isOutOfView(n,i){const{offsetWidth:m,offsetLeft:f}=this.items.toArray()[n].element.nativeElement;return(!i||"start"===i)&&f-this.position<0||(!i||"end"===i)&&m+f-this.position>this.list.nativeElement.clientWidth}}return e.\u0275fac=function(n){return new(n||e)(t.Y36(t.QbO,8))},e.\u0275cmp=t.Xpm({type:e,selectors:[["app-carousel"]],contentQueries:function(n,i,m){if(1&n&&t.Suo(m,C,4),2&n){let f;t.iGM(f=t.CRH())&&(i.items=f)}},viewQuery:function(n,i){if(1&n&&t.Gf(y,5),2&n){let m;t.iGM(m=t.CRH())&&(i.list=m.first)}},hostVars:2,hostBindings:function(n,i){2&n&&t.ekj("animations-disabled",i.animationsDisabled)},inputs:{ariaLabel:["aria-label","ariaLabel"]},standalone:!0,features:[t.jDz],ngContentSelectors:w,decls:7,vars:2,consts:[["aria-hidden","true","tabindex","-1","class","docs-carousel-nav docs-carousel-nav-prev","mat-mini-fab","","aria-label","previous",3,"click",4,"ngIf"],["role","region",1,"docs-carousel-content-wrapper",3,"keyup"],["contentWrapper",""],["role","list","tabindex","0",1,"docs-carousel-content"],["list",""],["aria-hidden","true","tabindex","-1","class","docs-carousel-nav docs-carousel-nav-next","mat-mini-fab","","aria-label","next",3,"click",4,"ngIf"],["aria-hidden","true","tabindex","-1","mat-mini-fab","","aria-label","previous",1,"docs-carousel-nav","docs-carousel-nav-prev",3,"click"],["aria-hidden","true","tabindex","-1","mat-mini-fab","","aria-label","next",1,"docs-carousel-nav","docs-carousel-nav-next",3,"click"]],template:function(n,i){1&n&&(t.F$t(),t.YNc(0,O,3,0,"button",0),t.TgZ(1,"div",1,2),t.NdJ("keyup",function(f){return i.onKeydown(f)}),t.TgZ(3,"div",3,4),t.Hsn(5),t.qZA()(),t.YNc(6,A,3,0,"button",5)),2&n&&(t.Q6J("ngIf",i.showPrevArrow),t.xp6(6),t.Q6J("ngIf",i.showNextArrow))},dependencies:[h.O5,o.ot,o.nh,c.Ps,c.Hw],styles:["app-carousel{display:block;position:relative}.docs-carousel-content{display:flex;flex-direction:row;outline:none;transition:transform .5s ease-in-out}.animations-disabled .docs-carousel-content{transition:none}.docs-carousel-content-wrapper{overflow:hidden}[carousel-item]{flex-shrink:0}button.docs-carousel-nav{position:absolute;top:50%;transform:translateY(-50%)}.docs-carousel-nav-prev{left:-50px}.docs-carousel-nav-next{right:-50px}\n"],encapsulation:2}),e})();var T=r(7946),Z=r(9541);function D(e,a){if(1&e&&(t.TgZ(0,"a",20)(1,"div",21),t._UZ(2,"img",22),t.qZA(),t.TgZ(3,"p"),t._uU(4),t.TgZ(5,"small"),t._uU(6),t.qZA()()()),2&e){const n=a.$implicit;t.MGl("routerLink","/components/",n.id,""),t.xp6(2),t.MGl("src","../../../assets/screenshots/",n.id,".scene.png",t.LSH),t.xp6(2),t.hij("",n.nameCn,"\xa0"),t.xp6(2),t.Oqu(n.name)}}function F(e,a){if(1&e&&(t.TgZ(0,"a",23)(1,"mat-card",24)(2,"mat-card-title"),t._uU(3),t.qZA(),t._UZ(4,"div",25),t.TgZ(5,"mat-card-content",26),t._uU(6),t.qZA()()()),2&e){const n=a.$implicit;t.MGl("routerLink","/guide/",n.id,""),t.xp6(3),t.Oqu(n.nameCn),t.xp6(3),t.hij(" ",n.overviewCn," ")}}const I=["datepicker","input","slide-toggle","slider","button"];let E=(()=>{class e{constructor(n,i,m){this._componentPageTitle=n,this.guideItems=i,this.mainContentClass=!0,this.isNextVersion="next.material.angular.io"===location.hostname,this.animationsDisabled="NoopAnimations"===m}ngOnInit(){this._componentPageTitle.title="",this._componentPageTitle.titleCn=""}getTopComponents(){return I.map(n=>x.fy.components.find(i=>i.id===n))}}return e.\u0275fac=function(n){return new(n||e)(t.Y36(T._),t.Y36(Z._),t.Y36(t.QbO,8))},e.\u0275cmp=t.Xpm({type:e,selectors:[["app-homepage"]],hostVars:4,hostBindings:function(n,i){2&n&&t.ekj("main-content",i.mainContentClass)("animations-disabled",i.animationsDisabled)},standalone:!0,features:[t.jDz],decls:83,vars:6,consts:[["focusOnNavigation","","aria-label","Get started","id","homepage-header",1,"docs-header-background"],[1,"docs-header-section"],[1,"docs-header-headline"],[1,"mat-h1"],["translation-result",""],["translation-origin","off"],[1,"docs-header-start"],["translation-result","","mat-raised-button","","routerLink","/guide/getting-started",1,"docs-button"],["translation-origin","off","mat-raised-button","","routerLink","/guide/getting-started",1,"docs-button"],[1,"docs-homepage-promo"],[1,"docs-homepage-row","docs-introduction"],[1,"docs-homepage-row-column"],[1,"docs-homepage-featured-components","docs-homepage-carousel-row"],[1,"docs-homepage-header"],["routerLink","/components",1,"docs-link"],[3,"aria-label"],["carousel-item","","class","carousel-item docs-featured-components-carousel-item",3,"routerLink",4,"ngFor","ngForOf"],[1,"docs-homepage-guides","docs-homepage-carousel-row"],["routerLink","/guides",1,"docs-link"],["carousel-item","","class","carousel-item docs-homepage-guides-carousel-item",3,"routerLink",4,"ngFor","ngForOf"],["carousel-item","",1,"carousel-item","docs-featured-components-carousel-item",3,"routerLink"],[1,"docs-homepage-img-container"],["alt","","role","presentation",3,"src"],["carousel-item","",1,"carousel-item","docs-homepage-guides-carousel-item",3,"routerLink"],[1,"docs-homepage-guides-card"],[1,"docs-homepage-guides-card-divider"],[1,"docs-component-category-list-card-summary"]],template:function(n,i){1&n&&(t.TgZ(0,"header",0)(1,"div",1)(2,"div",2)(3,"h1",3),t._uU(4,"Angular Material"),t.qZA(),t.TgZ(5,"h2",4),t._uU(6," Material Design \u7ec4\u4ef6\u5e93 for Angular"),t.qZA(),t.TgZ(7,"h2",5),t._uU(8," Material Design components for Angular"),t.qZA()(),t.TgZ(9,"div",6)(10,"a",7),t._uU(11,"\u5feb\u901f\u4e0a\u624b"),t.qZA(),t.TgZ(12,"a",8),t._uU(13,"Get started"),t.qZA()()()(),t.TgZ(14,"main",9)(15,"div",10)(16,"div",11)(17,"h2",4),t._uU(18,"\u9ad8\u8d28\u91cf"),t.qZA(),t.TgZ(19,"h2",5),t._uU(20,"High quality"),t.qZA(),t.TgZ(21,"p",4),t._uU(22,"\u652f\u6301\u56fd\u9645\u5316\u548c\u65e0\u969c\u788d\u6027\u7684\u7ec4\u4ef6\uff0c\u4e3a\u6bcf\u4e00\u4e2a\u4eba\u8bbe\u8ba1\u3002\u6d4b\u8bd5\u5145\u5206\uff0c\u4fdd\u969c\u6027\u80fd\u548c\u53ef\u9760\u6027\u3002"),t.qZA(),t.TgZ(23,"p",5),t._uU(24," Internationalized and accessible components for everyone. Well tested to ensure performance and reliability. "),t.qZA(),t.TgZ(25,"p",4),t._uU(26,"\u76f4\u767d\u7684 API\uff0c\u5728\u5404\u4e2a\u5e73\u53f0\u4e0a\u5177\u6709\u4e00\u81f4\u7684\u884c\u4e3a\u3002"),t.qZA(),t.TgZ(27,"p",5),t._uU(28,"Straightforward APIs with consistent cross platform behaviour."),t.qZA()(),t.TgZ(29,"div",11)(30,"h2",4),t._uU(31,"\u591a\u624d\u591a\u827a"),t.qZA(),t.TgZ(32,"h2",5),t._uU(33,"Versatile"),t.qZA(),t.TgZ(34,"p",4),t._uU(35,"\u63d0\u4f9b\u4e86\u5f88\u591a\u5de5\u5177\uff0c\u5e2e\u52a9\u5f00\u53d1\u8005\u6784\u5efa\u652f\u6301\u5e38\u7528\u4ea4\u4e92\u6a21\u5f0f\u7684\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u3002"),t.qZA(),t.TgZ(36,"p",5),t._uU(37," Provide tools that help developers build their own custom components with common interaction patterns. "),t.qZA(),t.TgZ(38,"p",4),t._uU(39,"\u53ef\u5728 Material Design \u89c4\u8303\u7684\u6846\u67b6\u5185\u8fdb\u884c\u5b9a\u5236\u3002"),t.qZA(),t.TgZ(40,"p",5),t._uU(41," Customizable within the bounds of the Material Design specification. "),t.qZA()(),t.TgZ(42,"div",11)(43,"h2",4),t._uU(44,"\u65e0\u7f1d\u96c6\u6210"),t.qZA(),t.TgZ(45,"h2",5),t._uU(46,"Frictionless"),t.qZA(),t.TgZ(47,"p",4),t._uU(48,"\u7531 Angular \u56e2\u961f\u6784\u5efa\uff0c\u4e0e Angular \u65e0\u7f1d\u96c6\u6210"),t.qZA(),t.TgZ(49,"p",5),t._uU(50," Built by the Angular team to integrate seamlessly with Angular. "),t.qZA(),t.TgZ(51,"p",4),t._uU(52,"\u4ece\u8349\u7a3f\u9636\u6bb5\u5f00\u59cb\uff0c\u6216\u7a7a\u964d\u5230\u73b0\u6709\u5e94\u7528\u3002"),t.qZA(),t.TgZ(53,"p",5),t._uU(54," Start from scratch or drop into your existing applications. "),t.qZA()()(),t._UZ(55,"mat-divider"),t.TgZ(56,"div",12)(57,"div",13)(58,"h2",4),t._uU(59,"\u7279\u6027\u7ec4\u4ef6"),t.qZA(),t.TgZ(60,"h2",5),t._uU(61,"Featured components"),t.qZA(),t.TgZ(62,"a",14),t._uU(63," \u67e5\u770b\u6240\u6709\u7ec4\u4ef6 "),t.TgZ(64,"mat-icon"),t._uU(65,"chevron_right"),t.qZA()()(),t.TgZ(66,"app-carousel",15),t.YNc(67,D,7,4,"a",16),t.qZA()(),t._UZ(68,"mat-divider"),t.TgZ(69,"div",17)(70,"div",13)(71,"h2",4),t._uU(72,"\u6307\u5357"),t.qZA(),t.TgZ(73,"h2",5),t._uU(74,"Guides"),t.qZA(),t.TgZ(75,"a",18),t._uU(76," \u67e5\u770b\u6240\u6709\u6307\u5357 "),t.TgZ(77,"mat-icon"),t._uU(78,"chevron_right"),t.qZA()()(),t.TgZ(79,"app-carousel",15),t.YNc(80,F,7,3,"a",19),t.qZA()()(),t._UZ(81,"app-support")(82,"app-footer")),2&n&&(t.ekj("is-next-version",i.isNextVersion),t.xp6(66),t.Q6J("aria-label","Featured components"),t.xp6(1),t.Q6J("ngForOf",i.getTopComponents()),t.xp6(12),t.Q6J("aria-label","Guides"),t.xp6(1),t.Q6J("ngForOf",i.guideItems.getAllItems()))},dependencies:[u.y,o.ot,o.zs,d.rH,s.t,s.d,c.Ps,c.Hw,P,h.ax,C,l.QW,l.a8,l.dn,l.n5,M,g.$],styles:['.docs-header-background[_ngcontent-%COMP%]{overflow:hidden;position:relative;height:420px}.docs-header-background[_ngcontent-%COMP%]:before{content:"";position:absolute;background-image:url(angular-white-transparent.d4d5ed2946afa9f1.svg);background-size:600px;inset:0;background-repeat:no-repeat;background-position:80% 20px;opacity:.2}.docs-header-section[_ngcontent-%COMP%]{width:90%;position:absolute;z-index:0;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%)}.docs-header-headline[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-size:56px;font-weight:700;line-height:56px;margin:15px 5px}.docs-header-headline[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-size:20px;font-weight:300;line-height:28px;margin:15px 0 25px}.docs-homepage-promo[_ngcontent-%COMP%]{align-items:center;display:flex;flex-direction:column;padding:16px;width:75%;max-width:1080px;margin:auto}.docs-homepage-promo[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{text-decoration:none}.docs-homepage-promo[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-size:25px;font-weight:400;margin:0 0 16px;padding:0}.docs-homepage-promo[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-size:16px;font-weight:400;line-height:28px;margin:0 0 24px;padding:0}.docs-homepage-promo[_ngcontent-%COMP%]   mat-divider[_ngcontent-%COMP%]{width:100%}.docs-homepage-promo[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{vertical-align:middle}.carousel-item[_ngcontent-%COMP%]{width:48%}.carousel-item[_ngcontent-%COMP%] + .carousel-item[_ngcontent-%COMP%]{margin-left:2%}@media (min-width: 1020px){.carousel-item[_ngcontent-%COMP%]{max-width:32%}}.docs-homepage-row[_ngcontent-%COMP%]{display:flex;flex-direction:row;margin:50px 0}.docs-homepage-carousel-row[_ngcontent-%COMP%]{margin:50px 0;display:flex;flex-direction:column;width:100%}.docs-homepage-carousel-row[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{margin-top:0}.docs-homepage-header[_ngcontent-%COMP%]{display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:16px}.docs-homepage-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{margin:0}.docs-link[_ngcontent-%COMP%]{display:inline-flex;align-items:center}.docs-homepage-guides[_ngcontent-%COMP%]   .docs-homepage-guides-card-divider[_ngcontent-%COMP%]{width:30%;height:5px;margin:15px auto}.docs-homepage-guides[_ngcontent-%COMP%]   .docs-homepage-guides-carousel-item[_ngcontent-%COMP%]{display:flex;text-decoration:none;box-sizing:border-box;padding:3px}.docs-homepage-guides[_ngcontent-%COMP%]   .docs-homepage-guides-carousel-item[_ngcontent-%COMP%]   .mat-mdc-card[_ngcontent-%COMP%]{width:100%;min-height:140px}.docs-homepage-guides[_ngcontent-%COMP%]   .docs-homepage-guides-card.mat-mdc-card[_ngcontent-%COMP%]{text-align:center}.docs-homepage-guides[_ngcontent-%COMP%]   .docs-homepage-guides-card[_ngcontent-%COMP%]   .mat-mdc-card-title[_ngcontent-%COMP%]{height:35%;display:flex;align-items:center;justify-content:center;font-size:20px}.docs-homepage-featured-components[_ngcontent-%COMP%]   .docs-featured-components-carousel-item[_ngcontent-%COMP%]{text-align:center;box-sizing:border-box;font-size:18px}.docs-homepage-featured-components[_ngcontent-%COMP%]   .docs-featured-components-carousel-item[_ngcontent-%COMP%]   .docs-homepage-img-container[_ngcontent-%COMP%]{overflow:hidden;margin-bottom:16px;max-height:200px}.docs-homepage-featured-components[_ngcontent-%COMP%]   .docs-featured-components-carousel-item[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{transition:.3s ease-in-out;width:100%}.animations-disabled[_nghost-%COMP%]   .docs-homepage-featured-components[_ngcontent-%COMP%]   .docs-featured-components-carousel-item[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{transition:none}.docs-homepage-featured-components[_ngcontent-%COMP%]   .docs-featured-components-carousel-item[_ngcontent-%COMP%]:hover   img[_ngcontent-%COMP%], .docs-homepage-featured-components[_ngcontent-%COMP%]   .docs-featured-components-carousel-item[_ngcontent-%COMP%]:focus   img[_ngcontent-%COMP%]{transform:scale(1.1)}.docs-homepage-row-column[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:32%}.docs-homepage-row-column[_ngcontent-%COMP%] + .docs-homepage-row-column[_ngcontent-%COMP%]{margin-left:2%}.docs-header-start[_ngcontent-%COMP%]{text-align:center;margin:50px 0 0}.docs-header-start[_ngcontent-%COMP%]   .mat-mdc-raised-button[_ngcontent-%COMP%]{font-size:15px}@media (max-width: 1200px){.docs-header-background[_ngcontent-%COMP%]{height:330px}.docs-header-background[_ngcontent-%COMP%]:before{background-image:none}}@media (max-width: 850px){.docs-header-background[_ngcontent-%COMP%]:before{background-image:none}.docs-introduction[_ngcontent-%COMP%]{flex-direction:column}.docs-homepage-row-column[_ngcontent-%COMP%]{width:100%}.docs-homepage-row-column[_ngcontent-%COMP%] + .docs-homepage-row-column[_ngcontent-%COMP%]{margin-left:0}}@media (max-width: 720px){.docs-header-start[_ngcontent-%COMP%]{margin:15px 0 0}.docs-homepage-row[_ngcontent-%COMP%], .docs-homepage-carousel-row[_ngcontent-%COMP%]{margin:15px 0}}']}),e})()},7946:(_,p,r)=>{r.d(p,{_:()=>g});var t=r(5879),o=r(6593);let g=(()=>{class d{constructor(c){this.bodyTitle=c,this._originalTitle="Angular Material UI \u7ec4\u4ef6\u5e93",this._title="",this._titleCn=""}get title(){return this._title}set title(c){this._title=c||"",this.updateTitle()}get titleCn(){return this._titleCn}set titleCn(c){this._titleCn=c||"\u9996\u9875",this.updateTitle()}updateTitle(){this.bodyTitle.setTitle(`${this.titleCn} ${this.title} - Angular Material \u7ec4\u4ef6\u5e93`)}}return d.\u0275fac=function(c){return new(c||d)(t.LFG(o.Dx))},d.\u0275prov=t.Yz7({token:d,factory:d.\u0275fac,providedIn:"root"}),d})()},9227:(_,p,r)=>{r.d(p,{$:()=>g});var t=r(3680),o=r(5879);let g=(()=>{class d{constructor(){this.isNextVersion="next.material.angular.io"===location.hostname,this.version=t.q4.full,this.year=(new Date).getFullYear()}}return d.\u0275fac=function(c){return new(c||d)},d.\u0275cmp=o.Xpm({type:d,selectors:[["app-footer"]],standalone:!0,features:[o.jDz],decls:25,vars:5,consts:[[1,"docs-footer"],[1,"docs-footer-list"],[1,"docs-footer-logo"],[1,"footer-logo"],["src","../../../assets/img/homepage/angular-white-transparent.svg","alt","Angular icon",1,"docs-footer-angular-logo"],["translation-result",""],["href","https://angular.cn"],["translation-origin","off"],["href","https://angular.io"],[1,"docs-footer-version"],["src","../../../assets/img/angular-material-logo.svg","alt","Angular Material icon",1,"angular-material-logo"],["translation-result","",1,"version"],["translation-origin","off",1,"version"],[1,"docs-footer-copyright"],["href","https://github.com/angular/components/blob/main/LICENSE"]],template:function(c,s){1&c&&(o.TgZ(0,"footer",0)(1,"div",1)(2,"div",2)(3,"div",3),o._UZ(4,"img",4),o.TgZ(5,"span",5)(6,"a",6),o._uU(7,"\u5b66\u4e60 Angular"),o.qZA()(),o.TgZ(8,"span",7)(9,"a",8),o._uU(10,"Learn Angular"),o.qZA()()()(),o.TgZ(11,"div",9),o._UZ(12,"img",10),o.TgZ(13,"span",11),o._uU(14),o.qZA(),o.TgZ(15,"span",12),o._uU(16),o.qZA()(),o.TgZ(17,"div",13)(18,"div")(19,"span"),o._uU(20),o.qZA(),o.TgZ(21,"a",14),o._uU(22,"Code licensed under an MIT-style License."),o.qZA(),o.TgZ(23,"span"),o._uU(24,"Documentation licensed under CC BY 4.0."),o.qZA()()()()()),2&c&&(o.ekj("is-next-version",s.isNextVersion),o.xp6(14),o.hij("\u5f53\u524d\u7248\u672c\uff1a",s.version,""),o.xp6(2),o.hij("Current Version: ",s.version,""),o.xp6(4),o.hij("Powered by Google LLC \xa92010-",s.year,"."))},styles:[".docs-footer[_ngcontent-%COMP%]{padding:12px;font-size:12px}.docs-footer-list[_ngcontent-%COMP%]{align-items:center;display:flex;flex-flow:row wrap;padding:8px}.docs-footer-logo[_ngcontent-%COMP%]{flex:1}.docs-footer-angular-logo[_ngcontent-%COMP%]{height:50px}.docs-footer-version[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;flex:1}.docs-footer-version[_ngcontent-%COMP%]   .angular-material-logo[_ngcontent-%COMP%]{width:40px;height:40px;margin:10px 0 10px 16px}.docs-footer-version[_ngcontent-%COMP%]   .version[_ngcontent-%COMP%]{margin:0 40px}.docs-footer-copyright[_ngcontent-%COMP%]{display:flex;flex:1;justify-content:flex-end;flex-direction:column;min-width:225px;margin-top:16px}.docs-footer-copyright[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-self:flex-end;text-align:center}@media (min-width: 885px){.docs-footer-copyright[_ngcontent-%COMP%]{margin-top:0}}.docs-footer-logo[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{display:inline-block;line-height:50px;margin:0 40px;vertical-align:bottom}.docs-footer-logo[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-size:16px;padding:0}a[_ngcontent-%COMP%]{text-decoration:none;color:inherit}a[_ngcontent-%COMP%]:hover, a[_ngcontent-%COMP%]:focus{text-decoration:underline}@media screen and (max-width: 884px){.docs-footer-list[_ngcontent-%COMP%]{flex-direction:column}}"]}),d})()},9541:(_,p,r)=>{r.d(p,{_:()=>g});var t=r(5879);const o=[{id:"getting-started",name:"Getting started",nameCn:"\u5feb\u901f\u4e0a\u624b",document:"/docs-content/guides/getting-started.html",overview:"Add Angular Material to your project!",overviewCn:"\u628a Angular Material \u6dfb\u52a0\u5230\u4f60\u7684\u9879\u76ee\u4e2d\uff01"},{id:"schematics",name:"Schematics",nameCn:"\u539f\u7406\u56fe",document:"/docs-content/guides/schematics.html",overview:"Use schematics to quickly generate views with Material Design components.",overviewCn:"\u4f7f\u7528\u539f\u7406\u56fe\u5feb\u901f\u751f\u6210\u5e26\u6709 Material Design \u7ec4\u4ef6\u7684\u89c6\u56fe\u3002"},{id:"theming",name:"Theming Angular Material",nameCn:"Angular Material \u4e3b\u9898",document:"/docs-content/guides/theming.html",overview:"Customize your application with Angular Material's theming system.",overviewCn:"\u4f7f\u7528 Angular Material \u7684\u4e3b\u9898\u4f53\u7cfb\u5b9a\u5236\u4f60\u7684\u5e94\u7528\u3002"},{id:"theming-your-components",name:"Theming your own components",nameCn:"\u4e3a\u4f60\u81ea\u5df1\u7684\u7ec4\u4ef6\u8bbe\u7f6e\u4e3b\u9898",document:"/docs-content/guides/theming-your-components.html",overview:"Use Angular Material's theming system in your own custom components.",overviewCn:"\u5728\u4f60\u7684\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u4e2d\u4f7f\u7528 Angular Material \u7684\u4e3b\u9898\u4f53\u7cfb\u3002"},{id:"typography",name:"Customizing Typography",nameCn:"\u81ea\u5b9a\u4e49\u6392\u7248",document:"/docs-content/guides/typography.html",overview:"Configure the typography settings for Angular Material components.",overviewCn:"\u4e3a Angular Material \u7ec4\u4ef6\u914d\u7f6e\u6392\u7248\u8bbe\u7f6e\u3002"},{id:"customizing-component-styles",name:"Customizing component styles",nameCn:"\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u6837\u5f0f",document:"/docs-content/guides/customizing-component-styles.html",overview:"Understand how to approach style customization with Angular Material components.",overviewCn:"\u4e86\u89e3\u5982\u4f55\u5b9a\u5236 Angular Material \u7ec4\u4ef6\u7684\u6837\u5f0f\u3002"},{id:"creating-a-custom-form-field-control",name:"Custom form field control",nameCn:"\u81ea\u5b9a\u4e49\u8868\u5355\u63a7\u4ef6",document:"/docs-content/guides/creating-a-custom-form-field-control.html",overview:"Build a custom control that integrates with `<mat-form-field>`.",overviewCn:"\u6784\u5efa\u4e00\u4e2a\u53ef\u4ee5\u548c `<mat-form-field>` \u96c6\u6210\u7684\u81ea\u5b9a\u4e49\u8868\u5355\u63a7\u4ef6\u3002"},{id:"elevation",name:"Elevation helpers",nameCn:"\u7eb5\u6df1\u52a9\u624b",document:"/docs-content/guides/elevation.html",overview:"Enhance your components with elevation and depth.",overviewCn:"\u5229\u7528\u7eb5\u6df1\u611f\u5f3a\u5316\u4f60\u7684\u7ec4\u4ef6\u3002"},{id:"creating-a-custom-stepper-using-the-cdk-stepper",name:"Custom stepper using the CdkStepper",nameCn:"\u4f7f\u7528 CdkStepper \u81ea\u5b9a\u4e49\u6b65\u8fdb\u5668",document:"/docs-content/guides/creating-a-custom-stepper-using-the-cdk-stepper.html",overview:"Create a custom stepper components using Angular CDK.",overviewCn:"\u4f7f\u7528 Angular CDK \u521b\u5efa\u81ea\u5b9a\u4e49\u6b65\u8fdb\u5668\u7ec4\u4ef6\u3002"},{id:"using-component-harnesses",name:"Testing with component harnesses",nameCn:"\u4f7f\u7528\u7ec4\u4ef6\u6d4b\u8bd5\u5de5\u5177\u8fdb\u884c\u6d4b\u8bd5",document:"/docs-content/guides/using-component-harnesses.html",overview:"Write tests with component harnesses for convenience and meaningful results.",overviewCn:"\u4f7f\u7528\u7ec4\u4ef6\u6d4b\u8bd5\u5de5\u5177\u7f16\u5199\u6d4b\u8bd5\uff0c\u4ee5\u83b7\u5f97\u4fbf\u5229\u6027\uff0c\u5e76\u8f93\u51fa\u66f4\u6709\u610f\u4e49\u7684\u7ed3\u679c\u3002"},{id:"duplicate-theming-styles",name:"Duplicate theming styles",nameCn:"\u6d88\u9664\u91cd\u590d\u4e3b\u9898\u6837\u5f0f",document:"/docs-content/guides/duplicate-theming-styles.html",overview:"Learn about our new color mixins for Sass that avoid duplicating theming styles.",overviewCn:"\u5b66\u4e60\u6211\u4eec\u7684\u65b0\u8272\u5f69 Sass mixin\uff0c\u4ee5\u6d88\u9664\u91cd\u590d\u7684\u4e3b\u9898\u6837\u5f0f"},{id:"mdc-migration",name:"Migrating to MDC-based Components",nameCn:"\u8fc1\u79fb\u5230\u57fa\u4e8e MDC \u7684\u7ec4\u4ef6",document:"/docs-content/guides/v15-mdc-migration.html",overview:"Learn how to migrate your app to the new MDC-based components available in v15.",overviewCn:"\u5b66\u4e60\u5982\u4f55\u628a\u4f60\u7684\u5e94\u7528\u8fc1\u79fb\u5230 v15 \u4e2d\u7684\u65b0\u7684\u57fa\u4e8e MDC \u7684\u7ec4\u4ef6"},{id:"deploy-to-local",name:"Deploy to local",nameCn:"\u90e8\u7f72\u5230\u672c\u5730\u73af\u5883\uff08\u8bd1\u8005\uff09",document:"/docs-content/guides/deploy-to-local.html",overview:"Deploy this document to a local environment for use in an intranet or offline environment",overviewCn:"\u5c06\u672c\u6587\u6863\u90e8\u7f72\u5230\u5c40\u57df\u7f51\u6216\u672c\u5730\u73af\u5883\uff0c\u4ee5\u4fbf\u5728\u4f01\u4e1a\u5185\u7f51\u6216\u8131\u673a\u7b49\u73af\u5883\u4e0b\u4f7f\u7528\u3002"}];let g=(()=>{class d{getAllItems(){return o}getItemById(c){return o.find(s=>s.id===c)}}return d.\u0275fac=function(c){return new(c||d)},d.\u0275prov=t.Yz7({token:d,factory:d.\u0275fac,providedIn:"root"}),d})()},6389:(_,p,r)=>{r.d(p,{y:()=>d});var t=r(5879),o=r(8232);let g=0,d=(()=>{class u{constructor(s,l){this.el=s,this.navigationFocusService=l,this.tabindex="-1",this.outline="none",s.nativeElement.id||(s.nativeElement.id="skip-link-target-"+g++),this.navigationFocusService.requestFocusOnNavigation(s.nativeElement),this.navigationFocusService.requestSkipLinkFocus(s.nativeElement)}ngOnDestroy(){this.navigationFocusService.relinquishFocusOnNavigation(this.el.nativeElement),this.navigationFocusService.relinquishSkipLinkFocus(this.el.nativeElement)}}return u.\u0275fac=function(s){return new(s||u)(t.Y36(t.SBq),t.Y36(o.Y))},u.\u0275dir=t.lG2({type:u,selectors:[["","focusOnNavigation",""]],hostVars:3,hostBindings:function(s,l){2&s&&(t.Ikx("tabindex",l.tabindex),t.Udp("outline",l.outline))},standalone:!0}),u})()},5195:(_,p,r)=>{r.d(p,{$j:()=>y,C1:()=>b,G2:()=>C,QW:()=>E,WU:()=>Z,a8:()=>M,dk:()=>A,dn:()=>v,hq:()=>O,kc:()=>F,n5:()=>x,nc:()=>T,o5:()=>D,rt:()=>w,vP:()=>P});var t=r(5879),o=r(6814),g=r(3680);const d=["*"],u=[[["mat-card-title"],["mat-card-subtitle"],["","mat-card-title",""],["","mat-card-subtitle",""],["","matCardTitle",""],["","matCardSubtitle",""]],[["","mat-card-image",""],["","matCardImage",""],["","mat-card-sm-image",""],["","matCardImageSmall",""],["","mat-card-md-image",""],["","matCardImageMedium",""],["","mat-card-lg-image",""],["","matCardImageLarge",""],["","mat-card-xl-image",""],["","matCardImageXLarge",""]],"*"],c=["mat-card-title, mat-card-subtitle,\n      [mat-card-title], [mat-card-subtitle],\n      [matCardTitle], [matCardSubtitle]","[mat-card-image], [matCardImage],\n                    [mat-card-sm-image], [matCardImageSmall],\n                    [mat-card-md-image], [matCardImageMedium],\n                    [mat-card-lg-image], [matCardImageLarge],\n                    [mat-card-xl-image], [matCardImageXLarge]","*"],s=[[["","mat-card-avatar",""],["","matCardAvatar",""]],[["mat-card-title"],["mat-card-subtitle"],["","mat-card-title",""],["","mat-card-subtitle",""],["","matCardTitle",""],["","matCardSubtitle",""]],"*"],l=["[mat-card-avatar], [matCardAvatar]","mat-card-title, mat-card-subtitle,\n      [mat-card-title], [mat-card-subtitle],\n      [matCardTitle], [matCardSubtitle]","*"],h=new t.OlP("MAT_CARD_CONFIG");let M=(()=>{class e{constructor(n){this.appearance=n?.appearance||"raised"}}return e.\u0275fac=function(n){return new(n||e)(t.Y36(h,8))},e.\u0275cmp=t.Xpm({type:e,selectors:[["mat-card"]],hostAttrs:[1,"mat-mdc-card","mdc-card"],hostVars:4,hostBindings:function(n,i){2&n&&t.ekj("mat-mdc-card-outlined","outlined"===i.appearance)("mdc-card--outlined","outlined"===i.appearance)},inputs:{appearance:"appearance"},exportAs:["matCard"],ngContentSelectors:d,decls:1,vars:0,template:function(n,i){1&n&&(t.F$t(),t.Hsn(0))},styles:['.mdc-card{display:flex;flex-direction:column;box-sizing:border-box}.mdc-card::after{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid rgba(0,0,0,0);border-radius:inherit;content:"";pointer-events:none;pointer-events:none}@media screen and (forced-colors: active){.mdc-card::after{border-color:CanvasText}}.mdc-card--outlined::after{border:none}.mdc-card__content{border-radius:inherit;height:100%}.mdc-card__media{position:relative;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:cover}.mdc-card__media::before{display:block;content:""}.mdc-card__media:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mdc-card__media:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mdc-card__media--square::before{margin-top:100%}.mdc-card__media--16-9::before{margin-top:56.25%}.mdc-card__media-content{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box}.mdc-card__primary-action{display:flex;flex-direction:column;box-sizing:border-box;position:relative;outline:none;color:inherit;text-decoration:none;cursor:pointer;overflow:hidden}.mdc-card__primary-action:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mdc-card__primary-action:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mdc-card__actions{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:52px;padding:8px}.mdc-card__actions--full-bleed{padding:0}.mdc-card__action-buttons,.mdc-card__action-icons{display:flex;flex-direction:row;align-items:center;box-sizing:border-box}.mdc-card__action-icons{color:rgba(0, 0, 0, 0.6);flex-grow:1;justify-content:flex-end}.mdc-card__action-buttons+.mdc-card__action-icons{margin-left:16px;margin-right:0}[dir=rtl] .mdc-card__action-buttons+.mdc-card__action-icons,.mdc-card__action-buttons+.mdc-card__action-icons[dir=rtl]{margin-left:0;margin-right:16px}.mdc-card__action{display:inline-flex;flex-direction:row;align-items:center;box-sizing:border-box;justify-content:center;cursor:pointer;user-select:none}.mdc-card__action:focus{outline:none}.mdc-card__action--button{margin-left:0;margin-right:8px;padding:0 8px}[dir=rtl] .mdc-card__action--button,.mdc-card__action--button[dir=rtl]{margin-left:8px;margin-right:0}.mdc-card__action--button:last-child{margin-left:0;margin-right:0}[dir=rtl] .mdc-card__action--button:last-child,.mdc-card__action--button:last-child[dir=rtl]{margin-left:0;margin-right:0}.mdc-card__actions--full-bleed .mdc-card__action--button{justify-content:space-between;width:100%;height:auto;max-height:none;margin:0;padding:8px 16px;text-align:left}[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button,.mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl]{text-align:right}.mdc-card__action--icon{margin:-6px 0;padding:12px}.mdc-card__action--icon:not(:disabled){color:rgba(0, 0, 0, 0.6)}.mat-mdc-card{border-radius:var(--mdc-elevated-card-container-shape);background-color:var(--mdc-elevated-card-container-color);border-width:0;border-style:solid;border-color:var(--mdc-elevated-card-container-color);box-shadow:var(--mdc-elevated-card-container-elevation);--mdc-elevated-card-container-shape:4px;--mdc-outlined-card-container-shape:4px;--mdc-outlined-card-outline-width:1px}.mat-mdc-card .mdc-card::after{border-radius:var(--mdc-elevated-card-container-shape)}.mat-mdc-card-outlined{border-width:var(--mdc-outlined-card-outline-width);border-style:solid;border-color:var(--mdc-outlined-card-outline-color);border-radius:var(--mdc-outlined-card-container-shape);background-color:var(--mdc-outlined-card-container-color);box-shadow:var(--mdc-outlined-card-container-elevation)}.mat-mdc-card-outlined .mdc-card::after{border-radius:var(--mdc-outlined-card-container-shape)}.mat-mdc-card-title{font-family:var(--mat-card-title-text-font);line-height:var(--mat-card-title-text-line-height);font-size:var(--mat-card-title-text-size);letter-spacing:var(--mat-card-title-text-tracking);font-weight:var(--mat-card-title-text-weight)}.mat-mdc-card-subtitle{color:var(--mat-card-subtitle-text-color);font-family:var(--mat-card-subtitle-text-font);line-height:var(--mat-card-subtitle-text-line-height);font-size:var(--mat-card-subtitle-text-size);letter-spacing:var(--mat-card-subtitle-text-tracking);font-weight:var(--mat-card-subtitle-text-weight)}.mat-mdc-card{position:relative}.mat-mdc-card-title,.mat-mdc-card-subtitle{display:block;margin:0}.mat-mdc-card-avatar~.mat-mdc-card-header-text .mat-mdc-card-title,.mat-mdc-card-avatar~.mat-mdc-card-header-text .mat-mdc-card-subtitle{padding:16px 16px 0}.mat-mdc-card-header{display:flex;padding:16px 16px 0}.mat-mdc-card-content{display:block;padding:0 16px}.mat-mdc-card-content:first-child{padding-top:16px}.mat-mdc-card-content:last-child{padding-bottom:16px}.mat-mdc-card-title-group{display:flex;justify-content:space-between;width:100%}.mat-mdc-card-avatar{height:40px;width:40px;border-radius:50%;flex-shrink:0;margin-bottom:16px;object-fit:cover}.mat-mdc-card-avatar~.mat-mdc-card-header-text .mat-mdc-card-subtitle,.mat-mdc-card-avatar~.mat-mdc-card-header-text .mat-mdc-card-title{line-height:normal}.mat-mdc-card-sm-image{width:80px;height:80px}.mat-mdc-card-md-image{width:112px;height:112px}.mat-mdc-card-lg-image{width:152px;height:152px}.mat-mdc-card-xl-image{width:240px;height:240px}.mat-mdc-card-subtitle~.mat-mdc-card-title,.mat-mdc-card-title~.mat-mdc-card-subtitle,.mat-mdc-card-header .mat-mdc-card-header-text .mat-mdc-card-title,.mat-mdc-card-header .mat-mdc-card-header-text .mat-mdc-card-subtitle,.mat-mdc-card-title-group .mat-mdc-card-title,.mat-mdc-card-title-group .mat-mdc-card-subtitle{padding-top:0}.mat-mdc-card-content>:last-child:not(.mat-mdc-card-footer){margin-bottom:0}.mat-mdc-card-actions-align-end{justify-content:flex-end}'],encapsulation:2,changeDetection:0}),e})(),x=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275dir=t.lG2({type:e,selectors:[["mat-card-title"],["","mat-card-title",""],["","matCardTitle",""]],hostAttrs:[1,"mat-mdc-card-title"]}),e})(),b=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275cmp=t.Xpm({type:e,selectors:[["mat-card-title-group"]],hostAttrs:[1,"mat-mdc-card-title-group"],ngContentSelectors:c,decls:4,vars:0,template:function(n,i){1&n&&(t.F$t(u),t.TgZ(0,"div"),t.Hsn(1),t.qZA(),t.Hsn(2,1),t.Hsn(3,2))},encapsulation:2,changeDetection:0}),e})(),v=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275dir=t.lG2({type:e,selectors:[["mat-card-content"]],hostAttrs:[1,"mat-mdc-card-content"]}),e})(),y=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275dir=t.lG2({type:e,selectors:[["mat-card-subtitle"],["","mat-card-subtitle",""],["","matCardSubtitle",""]],hostAttrs:[1,"mat-mdc-card-subtitle"]}),e})(),O=(()=>{class e{constructor(){this.align="start"}}return e.\u0275fac=function(n){return new(n||e)},e.\u0275dir=t.lG2({type:e,selectors:[["mat-card-actions"]],hostAttrs:[1,"mat-mdc-card-actions","mdc-card__actions"],hostVars:2,hostBindings:function(n,i){2&n&&t.ekj("mat-mdc-card-actions-align-end","end"===i.align)},inputs:{align:"align"},exportAs:["matCardActions"]}),e})(),A=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275cmp=t.Xpm({type:e,selectors:[["mat-card-header"]],hostAttrs:[1,"mat-mdc-card-header"],ngContentSelectors:l,decls:4,vars:0,consts:[[1,"mat-mdc-card-header-text"]],template:function(n,i){1&n&&(t.F$t(s),t.Hsn(0),t.TgZ(1,"div",0),t.Hsn(2,1),t.qZA(),t.Hsn(3,2))},encapsulation:2,changeDetection:0}),e})(),w=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275dir=t.lG2({type:e,selectors:[["mat-card-footer"]],hostAttrs:[1,"mat-mdc-card-footer"]}),e})(),C=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275dir=t.lG2({type:e,selectors:[["","mat-card-image",""],["","matCardImage",""]],hostAttrs:[1,"mat-mdc-card-image","mdc-card__media"]}),e})(),P=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275dir=t.lG2({type:e,selectors:[["","mat-card-sm-image",""],["","matCardImageSmall",""]],hostAttrs:[1,"mat-mdc-card-sm-image","mdc-card__media"]}),e})(),T=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275dir=t.lG2({type:e,selectors:[["","mat-card-md-image",""],["","matCardImageMedium",""]],hostAttrs:[1,"mat-mdc-card-md-image","mdc-card__media"]}),e})(),Z=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275dir=t.lG2({type:e,selectors:[["","mat-card-lg-image",""],["","matCardImageLarge",""]],hostAttrs:[1,"mat-mdc-card-lg-image","mdc-card__media"]}),e})(),D=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275dir=t.lG2({type:e,selectors:[["","mat-card-xl-image",""],["","matCardImageXLarge",""]],hostAttrs:[1,"mat-mdc-card-xl-image","mdc-card__media"]}),e})(),F=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275dir=t.lG2({type:e,selectors:[["","mat-card-avatar",""],["","matCardAvatar",""]],hostAttrs:[1,"mat-mdc-card-avatar"]}),e})(),E=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275mod=t.oAB({type:e}),e.\u0275inj=t.cJS({imports:[g.BQ,o.ez,g.BQ]}),e})()},6385:(_,p,r)=>{r.d(p,{d:()=>d,t:()=>u});var t=r(5879),o=r(2495),g=r(3680);let d=(()=>{class c{constructor(){this._vertical=!1,this._inset=!1}get vertical(){return this._vertical}set vertical(l){this._vertical=(0,o.Ig)(l)}get inset(){return this._inset}set inset(l){this._inset=(0,o.Ig)(l)}}return c.\u0275fac=function(l){return new(l||c)},c.\u0275cmp=t.Xpm({type:c,selectors:[["mat-divider"]],hostAttrs:["role","separator",1,"mat-divider"],hostVars:7,hostBindings:function(l,h){2&l&&(t.uIk("aria-orientation",h.vertical?"vertical":"horizontal"),t.ekj("mat-divider-vertical",h.vertical)("mat-divider-horizontal",!h.vertical)("mat-divider-inset",h.inset))},inputs:{vertical:"vertical",inset:"inset"},decls:0,vars:0,template:function(l,h){},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}"],encapsulation:2,changeDetection:0}),c})(),u=(()=>{class c{}return c.\u0275fac=function(l){return new(l||c)},c.\u0275mod=t.oAB({type:c}),c.\u0275inj=t.cJS({imports:[g.BQ,g.BQ]}),c})()}}]);