24-es2015.1fb4a77497c28b4a8f09.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{"76PZ":function(e,t,n){"use strict";n.r(t),n.d(t,"MaterialComponentsModule",(function(){return ve}));var a=n("tyNb"),l=n("tk/3"),m=n("ofXK"),r=n("onrN"),o=n("f6nW"),i=n("3Pt+"),d=n("YUcS"),c=n("fXoL"),s=n("Wp6s"),u=n("bTqV"),p=n("NFeN"),S=n("jaxi");let E=(()=>{class e{constructor(){}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-buttons"]],decls:133,vars:1,consts:[["href","https://material.angular.io/components/button/overview","target","_blank"],[1,"bg-light"],[1,"button-row"],["mat-button",""],["mat-button","","color","primary"],["mat-button","","color","accent"],["mat-button","","color","warn"],["mat-button","","disabled",""],["mat-button","","routerLink","."],["mat-raised-button",""],["mat-raised-button","","color","primary"],["mat-raised-button","","color","accent"],["mat-raised-button","","color","warn"],["mat-raised-button","","disabled",""],["mat-raised-button","","routerLink","."],["mat-icon-button",""],["aria-label","Example icon-button with a heart icon"],["mat-icon-button","","color","primary"],["mat-icon-button","","color","accent"],["mat-icon-button","","color","warn"],["mat-icon-button","","disabled",""],["mat-fab",""],["mat-fab","","color","primary"],["mat-fab","","color","accent"],["mat-fab","","color","warn"],["mat-fab","","disabled",""],["mat-fab","","routerLink","."],["mat-mini-fab",""],["mat-mini-fab","","color","primary"],["mat-mini-fab","","color","accent"],["mat-mini-fab","","color","warn"],["mat-mini-fab","","disabled",""],["mat-mini-fab","","routerLink","."],["group","matButtonToggleGroup"],["value","left"],["value","center"],["value","right"],["value","justify","disabled",""],[1,"m-t-20"]],template:function(e,t){if(1&e&&(c["\u0275\u0275elementStart"](0,"mat-card"),c["\u0275\u0275elementStart"](1,"mat-card-content"),c["\u0275\u0275elementStart"](2,"mat-card-title"),c["\u0275\u0275text"](3,"Buttons"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](4,"mat-card-subtitle"),c["\u0275\u0275text"](5,"Angular Material buttons are native "),c["\u0275\u0275elementStart"](6,"code"),c["\u0275\u0275text"](7," button or a "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](8," elements enhanced with Material Design styling and ink ripples. "),c["\u0275\u0275elementStart"](9,"code"),c["\u0275\u0275elementStart"](10,"a",0),c["\u0275\u0275text"](11,"Official Doc"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](12,"h4"),c["\u0275\u0275text"](13,"Basic Buttons "),c["\u0275\u0275element"](14,"br"),c["\u0275\u0275elementStart"](15,"code",1),c["\u0275\u0275text"](16,'<button mat-button color="primary">Primary</button>'),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](17,"div",2),c["\u0275\u0275elementStart"](18,"button",3),c["\u0275\u0275text"](19,"Basic"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](20,"button",4),c["\u0275\u0275text"](21,"Primary"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](22,"button",5),c["\u0275\u0275text"](23,"Accent"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](24,"button",6),c["\u0275\u0275text"](25,"Warn"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](26,"button",7),c["\u0275\u0275text"](27,"Disabled"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](28,"a",8),c["\u0275\u0275text"](29,"Link"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](30,"h4"),c["\u0275\u0275text"](31,"Raised Buttons "),c["\u0275\u0275element"](32,"br"),c["\u0275\u0275elementStart"](33,"code",1),c["\u0275\u0275text"](34,'<button mat-raised-button color="primary">Primary</button>'),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](35,"div",2),c["\u0275\u0275elementStart"](36,"button",9),c["\u0275\u0275text"](37,"Basic"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](38,"button",10),c["\u0275\u0275text"](39,"Primary"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](40,"button",11),c["\u0275\u0275text"](41,"Accent"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](42,"button",12),c["\u0275\u0275text"](43,"Warn"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](44,"button",13),c["\u0275\u0275text"](45,"Disabled"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](46,"a",14),c["\u0275\u0275text"](47,"Link"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](48,"h4"),c["\u0275\u0275text"](49,"Icon Buttons "),c["\u0275\u0275element"](50,"br"),c["\u0275\u0275elementStart"](51,"code",1),c["\u0275\u0275text"](52,'<button mat-icon-button color="primary"> '),c["\u0275\u0275element"](53,"br"),c["\u0275\u0275text"](54,'\xa0\xa0\xa0\xa0<mat-icon aria-label="Example icon-button with a heart icon">favorite</mat-icon>'),c["\u0275\u0275element"](55,"br"),c["\u0275\u0275text"](56,"</button>"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](57,"div",2),c["\u0275\u0275elementStart"](58,"button",15),c["\u0275\u0275elementStart"](59,"mat-icon",16),c["\u0275\u0275text"](60,"favorite"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](61,"button",17),c["\u0275\u0275elementStart"](62,"mat-icon",16),c["\u0275\u0275text"](63,"favorite"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](64,"button",18),c["\u0275\u0275elementStart"](65,"mat-icon",16),c["\u0275\u0275text"](66,"favorite"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](67,"button",19),c["\u0275\u0275elementStart"](68,"mat-icon",16),c["\u0275\u0275text"](69,"favorite"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](70,"button",20),c["\u0275\u0275elementStart"](71,"mat-icon",16),c["\u0275\u0275text"](72,"favorite"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](73,"h4"),c["\u0275\u0275text"](74,"Fab Buttons "),c["\u0275\u0275element"](75,"br"),c["\u0275\u0275elementStart"](76,"code",1),c["\u0275\u0275text"](77,'<button mat-fab color="primary">Primary</button>'),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](78,"div",2),c["\u0275\u0275elementStart"](79,"button",21),c["\u0275\u0275text"](80,"Basic"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](81,"button",22),c["\u0275\u0275text"](82,"Primary"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](83,"button",23),c["\u0275\u0275text"](84,"Accent"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](85,"button",24),c["\u0275\u0275text"](86,"Warn"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](87,"button",25),c["\u0275\u0275text"](88,"Disabled"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](89,"button",21),c["\u0275\u0275elementStart"](90,"mat-icon",16),c["\u0275\u0275text"](91,"favorite"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](92,"a",26),c["\u0275\u0275text"](93,"Link"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](94,"h4"),c["\u0275\u0275text"](95,"Mini Fab Buttons "),c["\u0275\u0275element"](96,"br"),c["\u0275\u0275elementStart"](97,"code",1),c["\u0275\u0275text"](98,'<button mat-mini-fab color="primary">Primary</button>'),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](99,"div",2),c["\u0275\u0275elementStart"](100,"button",27),c["\u0275\u0275text"](101,"Base"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](102,"button",28),c["\u0275\u0275text"](103,"Pri"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](104,"button",29),c["\u0275\u0275text"](105,"Acc"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](106,"button",30),c["\u0275\u0275text"](107,"Warn"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](108,"button",31),c["\u0275\u0275text"](109,"Dis"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](110,"button",27),c["\u0275\u0275elementStart"](111,"mat-icon",16),c["\u0275\u0275text"](112,"favorite"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](113,"a",32),c["\u0275\u0275text"](114,"Link"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](115,"h4"),c["\u0275\u0275text"](116,"Button toggle "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](117,"mat-button-toggle-group",null,33),c["\u0275\u0275elementStart"](119,"mat-button-toggle",34),c["\u0275\u0275elementStart"](120,"mat-icon"),c["\u0275\u0275text"](121,"format_align_left"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](122,"mat-button-toggle",35),c["\u0275\u0275elementStart"](123,"mat-icon"),c["\u0275\u0275text"](124,"format_align_center"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](125,"mat-button-toggle",36),c["\u0275\u0275elementStart"](126,"mat-icon"),c["\u0275\u0275text"](127,"format_align_right"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](128,"mat-button-toggle",37),c["\u0275\u0275elementStart"](129,"mat-icon"),c["\u0275\u0275text"](130,"format_align_justify"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](131,"div",38),c["\u0275\u0275text"](132),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e){const e=c["\u0275\u0275reference"](118);c["\u0275\u0275advance"](132),c["\u0275\u0275textInterpolate1"]("Selected value: ",e.value,"")}},directives:[s.a,s.d,s.i,s.h,u.b,u.a,a.i,p.a,S.b,S.a],styles:[".example-button-row[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-around}"]}),e})();var x=n("XiUz");let g=(()=>{class e{constructor(){}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-cards"]],decls:167,vars:0,consts:[["href","https://material.angular.io/components/card/overview","target","_blank"],["fxLayout","row","fxLayoutWrap","wrap"],["fxFlex.gt-sm","33.33%","fxFlex","100"],["mat-card-avatar",""],["src","assets/images/users/1.jpg",1,"img-fluid","img-circle"],["mat-card-image","","src","assets/images/big/img4.jpg","alt","Photo of a Shiba Inu"],["mat-raised-button","","color","accent"],["mat-button",""],["src","assets/images/users/2.jpg",1,"img-fluid","img-circle"],["mat-card-image","","src","assets/images/big/img3.jpg","alt","Photo of a Shiba Inu"],["src","assets/images/users/3.jpg",1,"img-fluid","img-circle"],["mat-card-image","","src","assets/images/big/img5.jpg","alt","Photo of a Shiba Inu"],["fxLayout","row"],["fxFlex.gt-sm","100%"],["mat-icon-button","","color","accent"],["mat-icon-button",""],["fxFlex.gt-sm","50%","fxFlex","100"],[1,"m-0"],[1,"bg-primary","text-white"],[1,"bg-info","text-white"],[1,"bg-danger","text-white"],[1,"bg-warning","text-white"],["fxFlex.gt-sm","33.33%"],[1,"bg-inverse","text-white"],[1,"bg-success","text-white"]],template:function(e,t){1&e&&(c["\u0275\u0275elementStart"](0,"mat-card"),c["\u0275\u0275elementStart"](1,"mat-card-content"),c["\u0275\u0275text"](2,"Simple card just use "),c["\u0275\u0275elementStart"](3,"code"),c["\u0275\u0275text"](4,"<mat-card> <mat-card-content> ... </mat-card-content> </mat-card>"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](5,"code"),c["\u0275\u0275elementStart"](6,"a",0),c["\u0275\u0275text"](7,"Official Doc"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](8,"div",1),c["\u0275\u0275elementStart"](9,"div",2),c["\u0275\u0275elementStart"](10,"mat-card"),c["\u0275\u0275elementStart"](11,"mat-card-header"),c["\u0275\u0275elementStart"](12,"div",3),c["\u0275\u0275element"](13,"img",4),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](14,"mat-card-title"),c["\u0275\u0275text"](15,"Shiba Inu"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](16,"mat-card-subtitle"),c["\u0275\u0275text"](17,"Dog Breed"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](18,"img",5),c["\u0275\u0275elementStart"](19,"mat-card-content"),c["\u0275\u0275elementStart"](20,"p"),c["\u0275\u0275text"](21," The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan. A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally bred for hunting. "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](22,"mat-card-actions"),c["\u0275\u0275elementStart"](23,"button",6),c["\u0275\u0275text"](24,"LIKE"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](25,"button",7),c["\u0275\u0275text"](26,"SHARE"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](27,"div",2),c["\u0275\u0275elementStart"](28,"mat-card"),c["\u0275\u0275elementStart"](29,"mat-card-header"),c["\u0275\u0275elementStart"](30,"div",3),c["\u0275\u0275element"](31,"img",8),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](32,"mat-card-title"),c["\u0275\u0275text"](33,"Shiba Inu"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](34,"mat-card-subtitle"),c["\u0275\u0275text"](35,"Dog Breed"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](36,"img",9),c["\u0275\u0275elementStart"](37,"mat-card-content"),c["\u0275\u0275elementStart"](38,"p"),c["\u0275\u0275text"](39," The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan. A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally bred for hunting. "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](40,"mat-card-actions"),c["\u0275\u0275elementStart"](41,"button",6),c["\u0275\u0275text"](42,"LIKE"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](43,"button",7),c["\u0275\u0275text"](44,"SHARE"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](45,"div",2),c["\u0275\u0275elementStart"](46,"mat-card"),c["\u0275\u0275elementStart"](47,"mat-card-header"),c["\u0275\u0275elementStart"](48,"div",3),c["\u0275\u0275element"](49,"img",10),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](50,"mat-card-title"),c["\u0275\u0275text"](51,"Shiba Inu"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](52,"mat-card-subtitle"),c["\u0275\u0275text"](53,"Dog Breed"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](54,"img",11),c["\u0275\u0275elementStart"](55,"mat-card-content"),c["\u0275\u0275elementStart"](56,"p"),c["\u0275\u0275text"](57," The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan. A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally bred for hunting. "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](58,"mat-card-actions"),c["\u0275\u0275elementStart"](59,"button",6),c["\u0275\u0275text"](60,"LIKE"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](61,"button",7),c["\u0275\u0275text"](62,"SHARE"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](63,"div",12),c["\u0275\u0275elementStart"](64,"div",13),c["\u0275\u0275elementStart"](65,"mat-card"),c["\u0275\u0275elementStart"](66,"mat-card-content"),c["\u0275\u0275elementStart"](67,"mat-card-title"),c["\u0275\u0275text"](68,"Card with title and footer "),c["\u0275\u0275elementStart"](69,"code"),c["\u0275\u0275text"](70,"<mat-card-title>"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](71,"mat-card-subtitle"),c["\u0275\u0275text"](72,"This is the subtitle "),c["\u0275\u0275elementStart"](73,"code"),c["\u0275\u0275text"](74,"<mat-card-subtitle>"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](75,"p"),c["\u0275\u0275text"](76,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](77,"mat-card-actions"),c["\u0275\u0275elementStart"](78,"button",14),c["\u0275\u0275elementStart"](79,"mat-icon"),c["\u0275\u0275text"](80,"favorite"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](81,"button",15),c["\u0275\u0275elementStart"](82,"mat-icon"),c["\u0275\u0275text"](83,"share"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](84,"div",12),c["\u0275\u0275elementStart"](85,"div",16),c["\u0275\u0275elementStart"](86,"mat-card"),c["\u0275\u0275elementStart"](87,"mat-card-content"),c["\u0275\u0275elementStart"](88,"mat-card-title"),c["\u0275\u0275elementStart"](89,"h4",17),c["\u0275\u0275text"](90,"Half width Card"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](91,"mat-card-subtitle"),c["\u0275\u0275text"](92,"This is the subtitle"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](93,"p"),c["\u0275\u0275text"](94,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](95,"div",16),c["\u0275\u0275elementStart"](96,"mat-card"),c["\u0275\u0275elementStart"](97,"mat-card-content"),c["\u0275\u0275elementStart"](98,"mat-card-title"),c["\u0275\u0275elementStart"](99,"h4",17),c["\u0275\u0275text"](100,"Half width Card"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](101,"mat-card-subtitle"),c["\u0275\u0275text"](102,"This is the subtitle"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](103,"p"),c["\u0275\u0275text"](104,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](105,"div",12),c["\u0275\u0275elementStart"](106,"div",2),c["\u0275\u0275elementStart"](107,"mat-card"),c["\u0275\u0275elementStart"](108,"mat-card-header",18),c["\u0275\u0275elementStart"](109,"mat-card-title"),c["\u0275\u0275text"](110,"Card bg-primary"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](111,"mat-card-subtitle"),c["\u0275\u0275text"](112,"This is the subtitle"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](113,"mat-card-content"),c["\u0275\u0275elementStart"](114,"p"),c["\u0275\u0275text"](115,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](116,"div",2),c["\u0275\u0275elementStart"](117,"mat-card"),c["\u0275\u0275elementStart"](118,"mat-card-header",19),c["\u0275\u0275elementStart"](119,"mat-card-title"),c["\u0275\u0275text"](120,"Card bg-info"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](121,"mat-card-subtitle"),c["\u0275\u0275text"](122,"This is the subtitle"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](123,"mat-card-content"),c["\u0275\u0275elementStart"](124,"p"),c["\u0275\u0275text"](125,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](126,"div",2),c["\u0275\u0275elementStart"](127,"mat-card"),c["\u0275\u0275elementStart"](128,"mat-card-header",20),c["\u0275\u0275elementStart"](129,"mat-card-title"),c["\u0275\u0275text"](130,"Card bg-danger"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](131,"mat-card-subtitle"),c["\u0275\u0275text"](132,"This is the subtitle"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](133,"mat-card-content"),c["\u0275\u0275elementStart"](134,"p"),c["\u0275\u0275text"](135,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](136,"div",12),c["\u0275\u0275elementStart"](137,"div",2),c["\u0275\u0275elementStart"](138,"mat-card"),c["\u0275\u0275elementStart"](139,"mat-card-header",21),c["\u0275\u0275elementStart"](140,"mat-card-title"),c["\u0275\u0275text"](141,"Card bg-warning"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](142,"mat-card-subtitle"),c["\u0275\u0275text"](143,"This is the subtitle"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](144,"mat-card-content"),c["\u0275\u0275elementStart"](145,"p"),c["\u0275\u0275text"](146,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](147,"div",22),c["\u0275\u0275elementStart"](148,"mat-card"),c["\u0275\u0275elementStart"](149,"mat-card-header",23),c["\u0275\u0275elementStart"](150,"mat-card-title"),c["\u0275\u0275text"](151,"Card bg-inverse"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](152,"mat-card-subtitle"),c["\u0275\u0275text"](153,"This is the subtitle"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](154,"mat-card-content"),c["\u0275\u0275elementStart"](155,"p"),c["\u0275\u0275text"](156,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](157,"div",2),c["\u0275\u0275elementStart"](158,"mat-card"),c["\u0275\u0275elementStart"](159,"mat-card-header",24),c["\u0275\u0275elementStart"](160,"mat-card-title"),c["\u0275\u0275text"](161,"Card bg-success"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](162,"mat-card-subtitle"),c["\u0275\u0275text"](163,"This is the subtitle"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](164,"mat-card-content"),c["\u0275\u0275elementStart"](165,"p"),c["\u0275\u0275text"](166,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]())},directives:[s.a,s.d,x.d,x.b,s.e,s.c,s.i,s.h,s.f,s.b,u.b,p.a],styles:[""]}),e})();var b=n("zkoq");function f(e,t){if(1&e&&(c["\u0275\u0275elementStart"](0,"mat-grid-tile",6),c["\u0275\u0275text"](1),c["\u0275\u0275elementEnd"]()),2&e){const e=t.$implicit;c["\u0275\u0275styleProp"]("background",e.color),c["\u0275\u0275property"]("colspan",e.cols)("rowspan",e.rows),c["\u0275\u0275advance"](1),c["\u0275\u0275textInterpolate1"](" ",e.text," ")}}let h=(()=>{class e{constructor(){this.tiles=[{text:"One",cols:3,rows:1,color:"lightblue"},{text:"Two",cols:1,rows:2,color:"lightgreen"},{text:"Three",cols:1,rows:1,color:"lightpink"},{text:"Four",cols:2,rows:1,color:"#DDBDF1"}]}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-grid"]],decls:34,vars:1,consts:[["fxLayout","row"],["fxFlex.gt-sm","100%"],["href","https://material.io/guidelines/components/grid-lists.html"],["cols","4","rowHeight","100px"],[3,"colspan","rowspan","background",4,"ngFor","ngForOf"],["cols","2","rowHeight","2:1"],[3,"colspan","rowspan"]],template:function(e,t){1&e&&(c["\u0275\u0275elementStart"](0,"div",0),c["\u0275\u0275elementStart"](1,"div",1),c["\u0275\u0275elementStart"](2,"mat-card"),c["\u0275\u0275elementStart"](3,"mat-card-content"),c["\u0275\u0275elementStart"](4,"mat-card-title"),c["\u0275\u0275text"](5,"Fixed height grid-list"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](6,"mat-card-subtitle"),c["\u0275\u0275elementStart"](7,"code"),c["\u0275\u0275text"](8,"<mat-grid-list>"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](9," is a two-dimensional list view that arranges cells into grid-based layout. See Material Design spec. "),c["\u0275\u0275elementStart"](10,"code"),c["\u0275\u0275elementStart"](11,"a",2),c["\u0275\u0275text"](12,"Official Doc here"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](13,"mat-grid-list",3),c["\u0275\u0275template"](14,f,2,5,"mat-grid-tile",4),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](15,"mat-card"),c["\u0275\u0275elementStart"](16,"mat-card-content"),c["\u0275\u0275elementStart"](17,"mat-card-title"),c["\u0275\u0275text"](18,"Basic grid-list"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](19,"mat-card-subtitle"),c["\u0275\u0275elementStart"](20,"code"),c["\u0275\u0275text"](21,"<mat-grid-list>"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](22," is a two-dimensional list view that arranges cells into grid-based layout. See Material Design spec. "),c["\u0275\u0275elementStart"](23,"a",2),c["\u0275\u0275text"](24,"here"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](25,"mat-grid-list",5),c["\u0275\u0275elementStart"](26,"mat-grid-tile"),c["\u0275\u0275text"](27,"1"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](28,"mat-grid-tile"),c["\u0275\u0275text"](29,"2"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](30,"mat-grid-tile"),c["\u0275\u0275text"](31,"3"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](32,"mat-grid-tile"),c["\u0275\u0275text"](33,"4"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e&&(c["\u0275\u0275advance"](14),c["\u0275\u0275property"]("ngForOf",t.tiles))},directives:[x.d,x.b,s.a,s.d,s.i,s.h,b.a,m.o,b.c],styles:["mat-grid-tile[_ngcontent-%COMP%]{background:#add8e6}"]}),e})();var v=n("MutI"),y=n("f0Cb"),w=n("FKr1");function C(e,t){if(1&e&&(c["\u0275\u0275elementStart"](0,"mat-list-option"),c["\u0275\u0275text"](1),c["\u0275\u0275elementEnd"]()),2&e){const e=t.$implicit;c["\u0275\u0275advance"](1),c["\u0275\u0275textInterpolate1"](" ",e," ")}}function M(e,t){if(1&e&&(c["\u0275\u0275elementStart"](0,"mat-list-item"),c["\u0275\u0275elementStart"](1,"h3",11),c["\u0275\u0275text"](2),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](3,"p",12),c["\u0275\u0275text"](4),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](5,"p",12),c["\u0275\u0275text"](6),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e){const e=t.$implicit;c["\u0275\u0275advance"](2),c["\u0275\u0275textInterpolate"](e.from),c["\u0275\u0275advance"](2),c["\u0275\u0275textInterpolate"](e.subject),c["\u0275\u0275advance"](2),c["\u0275\u0275textInterpolate"](e.content)}}function I(e,t){if(1&e&&(c["\u0275\u0275elementStart"](0,"mat-list-item"),c["\u0275\u0275element"](1,"img",13),c["\u0275\u0275elementStart"](2,"h3",11),c["\u0275\u0275text"](3),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](4,"p",12),c["\u0275\u0275text"](5),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e){const e=t.$implicit;c["\u0275\u0275advance"](1),c["\u0275\u0275propertyInterpolate1"]("alt","Image of ",e.from,""),c["\u0275\u0275property"]("src",e.image,c["\u0275\u0275sanitizeUrl"]),c["\u0275\u0275advance"](2),c["\u0275\u0275textInterpolate"](e.from),c["\u0275\u0275advance"](2),c["\u0275\u0275textInterpolate"](e.content)}}function k(e,t){if(1&e&&(c["\u0275\u0275elementStart"](0,"mat-list-item"),c["\u0275\u0275elementStart"](1,"mat-icon",14),c["\u0275\u0275text"](2,"folder"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](3,"h4",15),c["\u0275\u0275text"](4),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](5,"p",15),c["\u0275\u0275text"](6),c["\u0275\u0275pipe"](7,"date"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e){const e=t.$implicit;c["\u0275\u0275advance"](4),c["\u0275\u0275textInterpolate"](e.name),c["\u0275\u0275advance"](2),c["\u0275\u0275textInterpolate1"](" ",c["\u0275\u0275pipeBind1"](7,2,e.updated)," ")}}function T(e,t){if(1&e&&(c["\u0275\u0275elementStart"](0,"mat-list-item"),c["\u0275\u0275elementStart"](1,"mat-icon",14),c["\u0275\u0275text"](2,"note"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](3,"h4",15),c["\u0275\u0275text"](4),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](5,"p",15),c["\u0275\u0275text"](6),c["\u0275\u0275pipe"](7,"date"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e){const e=t.$implicit;c["\u0275\u0275advance"](4),c["\u0275\u0275textInterpolate"](e.name),c["\u0275\u0275advance"](2),c["\u0275\u0275textInterpolate1"](" ",c["\u0275\u0275pipeBind1"](7,2,e.updated)," ")}}let F=(()=>{class e{constructor(){this.typesOfShoes=["Boots","Clogs","Loafers","Moccasins","Sneakers"],this.messages=[{from:"Nirav joshi (nbj@gmail.com)",image:"assets/images/users/1.jpg",subject:"Material angular",content:"This is the material angular template"},{from:"Sunil joshi (sbj@gmail.com)",image:"assets/images/users/2.jpg",subject:"Wrappixel",content:"We have wrappixel launched"},{from:"Vishal Bhatt (bht@gmail.com)",image:"assets/images/users/3.jpg",subject:"Task list",content:"This is the latest task hasbeen done"}],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 e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-lists"]],decls:70,vars:6,consts:[["fxLayout","row"],["fxFlex.gt-sm","100%"],["href","https://material.angular.io/components/list/overview"],["role","list"],["role","listitem"],["fxFlex.gt-sm","50%"],["shoes",""],[4,"ngFor","ngForOf"],[1,"p-b-0","m-b-0"],[1,"p-t-0"],["mat-subheader",""],["matLine",""],["matLine","",1,"text-muted"],["mat-list-avatar","",3,"src","alt"],["mat-list-icon",""],["mat-line",""]],template:function(e,t){if(1&e&&(c["\u0275\u0275elementStart"](0,"div",0),c["\u0275\u0275elementStart"](1,"div",1),c["\u0275\u0275elementStart"](2,"mat-card"),c["\u0275\u0275elementStart"](3,"mat-card-content"),c["\u0275\u0275elementStart"](4,"mat-card-title"),c["\u0275\u0275text"](5,"Basic list"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](6,"mat-card-subtitle"),c["\u0275\u0275elementStart"](7,"code"),c["\u0275\u0275text"](8,"<mat-list>"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](9," is a container component that wraps and formats a series of line items. As the base list component, it provides Material Design styling, but no behavior of its own."),c["\u0275\u0275elementStart"](10,"code"),c["\u0275\u0275elementStart"](11,"a",2),c["\u0275\u0275text"](12,"Official Doc here"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](13,"mat-list",3),c["\u0275\u0275elementStart"](14,"mat-list-item",4),c["\u0275\u0275text"](15,"Item 1"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](16,"mat-list-item",4),c["\u0275\u0275text"](17,"Item 2"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](18,"mat-list-item",4),c["\u0275\u0275text"](19,"Item 3"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](20,"div",0),c["\u0275\u0275elementStart"](21,"div",5),c["\u0275\u0275elementStart"](22,"mat-card"),c["\u0275\u0275elementStart"](23,"mat-card-content"),c["\u0275\u0275elementStart"](24,"mat-card-title"),c["\u0275\u0275text"](25,"List with selection"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](26,"mat-card-subtitle"),c["\u0275\u0275text"](27,"A selection list provides an interface for selecting values, where each list item is an option."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](28,"mat-selection-list",null,6),c["\u0275\u0275template"](30,C,2,1,"mat-list-option",7),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](31,"p"),c["\u0275\u0275text"](32),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](33,"div",5),c["\u0275\u0275elementStart"](34,"mat-card"),c["\u0275\u0275elementStart"](35,"mat-card-content"),c["\u0275\u0275elementStart"](36,"mat-card-title"),c["\u0275\u0275text"](37,"Multiline lists"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](38,"mat-card-subtitle"),c["\u0275\u0275text"](39,"A selection list provides an interface for selecting values, where each list item is an option."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](40,"mat-list"),c["\u0275\u0275template"](41,M,7,3,"mat-list-item",7),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](42,"div",0),c["\u0275\u0275elementStart"](43,"div",1),c["\u0275\u0275elementStart"](44,"mat-card"),c["\u0275\u0275elementStart"](45,"mat-card-content"),c["\u0275\u0275elementStart"](46,"mat-card-title"),c["\u0275\u0275text"](47,"Multiline lists"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](48,"mat-card-subtitle"),c["\u0275\u0275text"](49,"A selection list provides an interface for selecting values, where each list item is an option."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](50,"mat-list"),c["\u0275\u0275template"](51,I,6,4,"mat-list-item",7),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](52,"div",0),c["\u0275\u0275elementStart"](53,"div",1),c["\u0275\u0275elementStart"](54,"mat-card"),c["\u0275\u0275elementStart"](55,"mat-card-content",8),c["\u0275\u0275elementStart"](56,"mat-card-title"),c["\u0275\u0275text"](57,"List with sections"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](58,"mat-card-subtitle"),c["\u0275\u0275text"](59,"A selection list provides an interface for selecting values, where each list item is an option."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](60,"mat-list"),c["\u0275\u0275elementStart"](61,"mat-card-content",9),c["\u0275\u0275elementStart"](62,"h3",10),c["\u0275\u0275text"](63,"Folders"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275template"](64,k,8,4,"mat-list-item",7),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](65,"mat-divider"),c["\u0275\u0275elementStart"](66,"mat-card-content"),c["\u0275\u0275elementStart"](67,"h3",10),c["\u0275\u0275text"](68,"Notes"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275template"](69,T,8,4,"mat-list-item",7),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e){const e=c["\u0275\u0275reference"](29);c["\u0275\u0275advance"](30),c["\u0275\u0275property"]("ngForOf",t.typesOfShoes),c["\u0275\u0275advance"](2),c["\u0275\u0275textInterpolate1"](" Options selected: ",e.selectedOptions.selected.length," "),c["\u0275\u0275advance"](9),c["\u0275\u0275property"]("ngForOf",t.messages),c["\u0275\u0275advance"](10),c["\u0275\u0275property"]("ngForOf",t.messages),c["\u0275\u0275advance"](13),c["\u0275\u0275property"]("ngForOf",t.folders),c["\u0275\u0275advance"](5),c["\u0275\u0275property"]("ngForOf",t.notes)}},directives:[x.d,x.b,s.a,s.d,s.i,s.h,v.a,v.d,v.i,m.o,v.g,y.a,v.f,w.k,v.b,p.a,v.c],pipes:[m.f],styles:[""]}),e})();var O=n("STbY");let P=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-menu"]],decls:141,vars:9,consts:[["fxLayout","row","fxLayoutWrap","wrap"],["fxFlex.gt-sm","100%","fxFlex","100"],["mat-button","",3,"matMenuTriggerFor"],["menu","matMenu"],["mat-menu-item",""],["mat-icon-button","",3,"matMenuTriggerFor"],["menu2","matMenu"],["mat-raised-button","","color","accent",3,"matMenuTriggerFor"],["animals","matMenu"],["mat-menu-item","",3,"matMenuTriggerFor"],["vertebrates","matMenu"],["invertebrates","matMenu"],["fish","matMenu"],["amphibians","matMenu"],["reptiles","matMenu"],["mat-menu-item","","disabled",""],["menu4","matMenu"]],template:function(e,t){if(1&e&&(c["\u0275\u0275elementStart"](0,"div",0),c["\u0275\u0275elementStart"](1,"div",1),c["\u0275\u0275elementStart"](2,"mat-card"),c["\u0275\u0275elementStart"](3,"mat-card-content"),c["\u0275\u0275elementStart"](4,"mat-card-title"),c["\u0275\u0275text"](5,"Basic menu"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](6,"mat-card-subtitle"),c["\u0275\u0275elementStart"](7,"code"),c["\u0275\u0275text"](8,"<mat-menu>"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](9," is a floating panel containing list of options."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](10,"button",2),c["\u0275\u0275text"](11,"Menu"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](12,"mat-menu",null,3),c["\u0275\u0275elementStart"](14,"button",4),c["\u0275\u0275text"](15,"Item 1"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](16,"button",4),c["\u0275\u0275text"](17,"Item 2"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](18,"mat-card"),c["\u0275\u0275elementStart"](19,"mat-card-content"),c["\u0275\u0275elementStart"](20,"mat-card-title"),c["\u0275\u0275text"](21,"On icon menu"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](22,"mat-card-subtitle"),c["\u0275\u0275elementStart"](23,"code"),c["\u0275\u0275text"](24,"<mat-menu>"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](25," is a floating panel containing list of options."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](26,"button",5),c["\u0275\u0275elementStart"](27,"mat-icon"),c["\u0275\u0275text"](28,"menu"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](29,"mat-menu",null,6),c["\u0275\u0275elementStart"](31,"button",4),c["\u0275\u0275text"](32,"Item 1"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](33,"button",4),c["\u0275\u0275text"](34,"Item 2"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](35,"mat-card"),c["\u0275\u0275elementStart"](36,"mat-card-content"),c["\u0275\u0275elementStart"](37,"mat-card-title"),c["\u0275\u0275text"](38,"Nested menu"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](39,"mat-card-subtitle"),c["\u0275\u0275elementStart"](40,"code"),c["\u0275\u0275text"](41,"<mat-menu>"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](42," is a floating panel containing list of options."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](43,"button",7),c["\u0275\u0275text"](44,"Animal index"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](45,"mat-menu",null,8),c["\u0275\u0275elementStart"](47,"button",9),c["\u0275\u0275text"](48,"Vertebrates"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](49,"button",9),c["\u0275\u0275text"](50,"Invertebrates"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](51,"mat-menu",null,10),c["\u0275\u0275elementStart"](53,"button",9),c["\u0275\u0275text"](54,"Fishes"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](55,"button",9),c["\u0275\u0275text"](56,"Amphibians"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](57,"button",9),c["\u0275\u0275text"](58,"Reptiles"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](59,"button",4),c["\u0275\u0275text"](60,"Birds"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](61,"button",4),c["\u0275\u0275text"](62,"Mammals"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](63,"mat-menu",null,11),c["\u0275\u0275elementStart"](65,"button",4),c["\u0275\u0275text"](66,"Insects"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](67,"button",4),c["\u0275\u0275text"](68,"Molluscs"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](69,"button",4),c["\u0275\u0275text"](70,"Crustaceans"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](71,"button",4),c["\u0275\u0275text"](72,"Corals"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](73,"button",4),c["\u0275\u0275text"](74,"Arachnids"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](75,"button",4),c["\u0275\u0275text"](76,"Velvet worms"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](77,"button",4),c["\u0275\u0275text"](78,"Horseshoe crabs"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](79,"mat-menu",null,12),c["\u0275\u0275elementStart"](81,"button",4),c["\u0275\u0275text"](82,"Baikal oilfish"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](83,"button",4),c["\u0275\u0275text"](84,"Bala shark"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](85,"button",4),c["\u0275\u0275text"](86,"Ballan wrasse"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](87,"button",4),c["\u0275\u0275text"](88,"Bamboo shark"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](89,"button",4),c["\u0275\u0275text"](90,"Banded killifish"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](91,"mat-menu",null,13),c["\u0275\u0275elementStart"](93,"button",4),c["\u0275\u0275text"](94,"Sonoran desert toad"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](95,"button",4),c["\u0275\u0275text"](96,"Western toad"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](97,"button",4),c["\u0275\u0275text"](98,"Arroyo toad"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](99,"button",4),c["\u0275\u0275text"](100,"Yosemite toad"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](101,"mat-menu",null,14),c["\u0275\u0275elementStart"](103,"button",4),c["\u0275\u0275text"](104,"Banded Day Gecko"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](105,"button",4),c["\u0275\u0275text"](106,"Banded Gila Monster"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](107,"button",4),c["\u0275\u0275text"](108,"Black Tree Monitor"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](109,"button",4),c["\u0275\u0275text"](110,"Blue Spiny Lizard"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](111,"button",15),c["\u0275\u0275text"](112,"Velociraptor"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](113,"mat-card"),c["\u0275\u0275elementStart"](114,"mat-card-content"),c["\u0275\u0275elementStart"](115,"mat-card-title"),c["\u0275\u0275text"](116,"With icon menu"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](117,"mat-card-subtitle"),c["\u0275\u0275elementStart"](118,"code"),c["\u0275\u0275text"](119,"<mat-menu>"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](120," is a floating panel containing list of options."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](121,"button",5),c["\u0275\u0275elementStart"](122,"mat-icon"),c["\u0275\u0275text"](123,"more_vert"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](124,"mat-menu",null,16),c["\u0275\u0275elementStart"](126,"button",4),c["\u0275\u0275elementStart"](127,"mat-icon"),c["\u0275\u0275text"](128,"dialpad"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](129,"span"),c["\u0275\u0275text"](130,"Redial"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](131,"button",15),c["\u0275\u0275elementStart"](132,"mat-icon"),c["\u0275\u0275text"](133,"voicemail"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](134,"span"),c["\u0275\u0275text"](135,"Check voicemail"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](136,"button",4),c["\u0275\u0275elementStart"](137,"mat-icon"),c["\u0275\u0275text"](138,"notifications_off"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](139,"span"),c["\u0275\u0275text"](140,"Disable alerts"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e){const e=c["\u0275\u0275reference"](13),t=c["\u0275\u0275reference"](30),n=c["\u0275\u0275reference"](46),a=c["\u0275\u0275reference"](52),l=c["\u0275\u0275reference"](64),m=c["\u0275\u0275reference"](80),r=c["\u0275\u0275reference"](92),o=c["\u0275\u0275reference"](102),i=c["\u0275\u0275reference"](125);c["\u0275\u0275advance"](10),c["\u0275\u0275property"]("matMenuTriggerFor",e),c["\u0275\u0275advance"](16),c["\u0275\u0275property"]("matMenuTriggerFor",t),c["\u0275\u0275advance"](17),c["\u0275\u0275property"]("matMenuTriggerFor",n),c["\u0275\u0275advance"](4),c["\u0275\u0275property"]("matMenuTriggerFor",a),c["\u0275\u0275advance"](2),c["\u0275\u0275property"]("matMenuTriggerFor",l),c["\u0275\u0275advance"](4),c["\u0275\u0275property"]("matMenuTriggerFor",m),c["\u0275\u0275advance"](2),c["\u0275\u0275property"]("matMenuTriggerFor",r),c["\u0275\u0275advance"](2),c["\u0275\u0275property"]("matMenuTriggerFor",o),c["\u0275\u0275advance"](64),c["\u0275\u0275property"]("matMenuTriggerFor",i)}},directives:[x.d,x.b,s.a,s.d,s.i,s.h,u.b,O.c,O.d,O.a,p.a],styles:[""]}),e})();var q=n("wZkO");function B(e,t){1&e&&c["\u0275\u0275text"](0," \u2b50 ")}let L=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-tabs"]],decls:44,vars:0,consts:[["fxLayout","row","fxLayoutWrap","wrap"],["fxFlex.gt-sm","100%","fxFlex","100"],[1,""],["href","https://material.angular.io/components/tabs/overview"],["label","Tab 1"],["label","Tab 2"],[1,"demo-tab-group"],[1,"demo-tab-content"],["mat-tab-label",""],["label","Tab 3","disabled",""],["label","Tab 4"],["label","Tab 5"],["label","Tab 6"]],template:function(e,t){1&e&&(c["\u0275\u0275elementStart"](0,"div",0),c["\u0275\u0275elementStart"](1,"div",1),c["\u0275\u0275elementStart"](2,"mat-card"),c["\u0275\u0275elementStart"](3,"mat-card-content"),c["\u0275\u0275elementStart"](4,"mat-card-title"),c["\u0275\u0275text"](5,"Basic Tab "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](6,"mat-card-subtitle"),c["\u0275\u0275text"](7,"Check the "),c["\u0275\u0275elementStart"](8,"code",2),c["\u0275\u0275elementStart"](9,"a",3),c["\u0275\u0275text"](10,"Official Component"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](11,"mat-tab-group"),c["\u0275\u0275elementStart"](12,"mat-tab",4),c["\u0275\u0275elementStart"](13,"mat-card-content"),c["\u0275\u0275text"](14,"Content 1"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](15,"mat-tab",5),c["\u0275\u0275elementStart"](16,"mat-card-content"),c["\u0275\u0275text"](17,"Content 2"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](18,"div",0),c["\u0275\u0275elementStart"](19,"div",1),c["\u0275\u0275elementStart"](20,"mat-card"),c["\u0275\u0275elementStart"](21,"mat-card-content"),c["\u0275\u0275elementStart"](22,"mat-card-title"),c["\u0275\u0275text"](23,"Complex Tab Example (Responsive tab)"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](24,"mat-tab-group",6),c["\u0275\u0275elementStart"](25,"mat-tab",4),c["\u0275\u0275elementStart"](26,"div",7),c["\u0275\u0275text"](27," Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ante augue. Phasellus volutpat neque ac dui mattis vulputate. Etiam consequat aliquam cursus. In sodales pretium ultrices. Maecenas lectus est, sollicitudin consectetur felis nec, feugiat ultricies mi. Aliquam erat volutpat. Nam placerat, tortor in ultrices porttitor, orci enim rutrum enim, vel tempor sapien arcu a tellus. "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](28,"mat-tab",5),c["\u0275\u0275template"](29,B,1,0,"ng-template",8),c["\u0275\u0275elementStart"](30,"div",7),c["\u0275\u0275text"](31," Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ante augue. Phasellus volutpat neque ac dui mattis vulputate. Etiam consequat aliquam cursus. In sodales pretium ultrices. Maecenas lectus est, sollicitudin consectetur felis nec, feugiat ultricies mi. Aliquam erat volutpat. Nam placerat, tortor in ultrices porttitor, orci enim rutrum enim, vel tempor sapien arcu a tellus. "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](32,"mat-tab",9),c["\u0275\u0275text"](33," No content "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](34,"mat-tab",10),c["\u0275\u0275elementStart"](35,"div",7),c["\u0275\u0275text"](36," Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ante augue. Phasellus volutpat neque ac dui mattis vulputate. Etiam consequat aliquam cursus. In sodales pretium ultrices. Maecenas lectus est, sollicitudin consectetur felis nec, feugiat ultricies mi. Aliquam erat volutpat. Nam placerat, tortor in ultrices porttitor, orci enim rutrum enim, vel tempor sapien arcu a tellus. "),c["\u0275\u0275element"](37,"br"),c["\u0275\u0275element"](38,"br"),c["\u0275\u0275text"](39," Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ante augue. Phasellus volutpat neque ac dui mattis vulputate. Etiam consequat aliquam cursus. In sodales pretium ultrices. Maecenas lectus est, sollicitudin consectetur felis nec, feugiat ultricies mi. Aliquam erat volutpat. Nam placerat, tortor in ultrices porttitor, orci enim rutrum enim, vel tempor sapien arcu a tellus. "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](40,"mat-tab",11),c["\u0275\u0275text"](41," No content "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](42,"mat-tab",12),c["\u0275\u0275text"](43," No content "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]())},directives:[x.d,x.b,s.a,s.d,s.i,s.h,q.b,q.a,q.c],styles:[".demo-tab-group[_ngcontent-%COMP%]{border:1px solid #e8e8e8}.demo-tab-content[_ngcontent-%COMP%]{padding:24px}"]}),e})();var A=n("xHqg"),D=n("kmnG"),N=n("qFsG");function _(e,t){1&e&&c["\u0275\u0275text"](0,"Fill out your name")}function V(e,t){1&e&&c["\u0275\u0275text"](0,"Fill out your address")}function j(e,t){1&e&&c["\u0275\u0275text"](0,"Done")}let R=(()=>{class e{constructor(e){this._formBuilder=e,this.isLinear=!1}ngOnInit(){this.firstFormGroup=this._formBuilder.group({firstCtrl:["",i.Validators.required]}),this.secondFormGroup=this._formBuilder.group({secondCtrl:["",i.Validators.required]})}}return e.\u0275fac=function(t){return new(t||e)(c["\u0275\u0275directiveInject"](i.FormBuilder))},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-stepper"]],decls:38,vars:5,consts:[["fxLayout","row","fxLayoutWrap","wrap"],["fxFlex.gt-sm","100%","fxFlex","100"],[1,""],["href","https://material.angular.io/components/stepper/overview"],["mat-raised-button","","id","toggle-linear",3,"click"],[3,"linear"],[3,"stepControl"],[3,"formGroup"],["matStepLabel",""],["matInput","","placeholder","Last name, First name","formControlName","firstCtrl","required",""],["mat-raised-button","","color","warn","matStepperNext",""],["matInput","","placeholder","Address","formControlName","secondCtrl","required",""],["mat-raised-button","","color","accent","matStepperPrevious",""]],template:function(e,t){1&e&&(c["\u0275\u0275elementStart"](0,"div",0),c["\u0275\u0275elementStart"](1,"div",1),c["\u0275\u0275elementStart"](2,"mat-card"),c["\u0275\u0275elementStart"](3,"mat-card-content"),c["\u0275\u0275elementStart"](4,"mat-card-title"),c["\u0275\u0275text"](5,"Stepper"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](6,"mat-card-subtitle"),c["\u0275\u0275text"](7,"Check the "),c["\u0275\u0275elementStart"](8,"code",2),c["\u0275\u0275elementStart"](9,"a",3),c["\u0275\u0275text"](10,"Official Component"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](11,"button",4),c["\u0275\u0275listener"]("click",(function(){return t.isLinear=!0})),c["\u0275\u0275text"](12,"Enable linear mode"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](13,"mat-horizontal-stepper",5),c["\u0275\u0275elementStart"](14,"mat-step",6),c["\u0275\u0275elementStart"](15,"form",7),c["\u0275\u0275template"](16,_,1,0,"ng-template",8),c["\u0275\u0275elementStart"](17,"mat-form-field"),c["\u0275\u0275element"](18,"input",9),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](19,"div"),c["\u0275\u0275elementStart"](20,"button",10),c["\u0275\u0275text"](21,"Next"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](22,"mat-step",6),c["\u0275\u0275elementStart"](23,"form",7),c["\u0275\u0275template"](24,V,1,0,"ng-template",8),c["\u0275\u0275elementStart"](25,"mat-form-field"),c["\u0275\u0275element"](26,"input",11),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](27,"div"),c["\u0275\u0275elementStart"](28,"button",12),c["\u0275\u0275text"](29,"Back"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](30,"button",10),c["\u0275\u0275text"](31,"Next"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](32,"mat-step"),c["\u0275\u0275template"](33,j,1,0,"ng-template",8),c["\u0275\u0275text"](34," You are now done. "),c["\u0275\u0275elementStart"](35,"div"),c["\u0275\u0275elementStart"](36,"button",12),c["\u0275\u0275text"](37,"Back"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e&&(c["\u0275\u0275advance"](13),c["\u0275\u0275property"]("linear",t.isLinear),c["\u0275\u0275advance"](1),c["\u0275\u0275property"]("stepControl",t.firstFormGroup),c["\u0275\u0275advance"](1),c["\u0275\u0275property"]("formGroup",t.firstFormGroup),c["\u0275\u0275advance"](7),c["\u0275\u0275property"]("stepControl",t.secondFormGroup),c["\u0275\u0275advance"](1),c["\u0275\u0275property"]("formGroup",t.secondFormGroup))},directives:[x.d,x.b,s.a,s.d,s.i,s.h,u.b,A.a,A.b,i["\u0275angular_packages_forms_forms_y"],i.NgControlStatusGroup,i.FormGroupDirective,A.c,D.c,N.b,i.DefaultValueAccessor,i.NgControlStatus,i.FormControlName,i.RequiredValidator,A.e,A.f],styles:[""]}),e})();var W=n("7EHt"),G=n("iadO");let z=(()=>{class e{constructor(){this.panelOpenState=!1,this.step=0}setStep(e){this.step=e}nextStep(){this.step++}prevStep(){this.step--}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-expansion"]],decls:82,vars:5,consts:[[1,""],["href","https://material.angular.io/components/expansion/overview"],["matInput","","placeholder","First name"],["matInput","","placeholder","Age"],[3,"opened","closed"],[1,"example-headers-align"],["hideToggle","true",3,"expanded","opened"],["matInput","","type","number","min","1","placeholder","Age"],["mat-button","","color","primary",3,"click"],["matInput","","placeholder","Country"],["mat-button","","color","warn",3,"click"],["matInput","","placeholder","Date","readonly","",3,"matDatepicker","focus"],["picker",""]],template:function(e,t){if(1&e){const e=c["\u0275\u0275getCurrentView"]();c["\u0275\u0275elementStart"](0,"mat-card"),c["\u0275\u0275elementStart"](1,"mat-card-content"),c["\u0275\u0275elementStart"](2,"mat-card-title"),c["\u0275\u0275text"](3,"Basic Expansion"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](4,"mat-card-subtitle"),c["\u0275\u0275text"](5,"Expansion panel "),c["\u0275\u0275elementStart"](6,"code",0),c["\u0275\u0275elementStart"](7,"a",1),c["\u0275\u0275text"](8,"Official Component"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](9,"mat-accordion"),c["\u0275\u0275elementStart"](10,"mat-expansion-panel"),c["\u0275\u0275elementStart"](11,"mat-expansion-panel-header"),c["\u0275\u0275elementStart"](12,"mat-panel-title"),c["\u0275\u0275text"](13," Personal data "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](14,"mat-panel-description"),c["\u0275\u0275text"](15," Type your name and age "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](16,"mat-form-field"),c["\u0275\u0275element"](17,"input",2),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](18,"mat-form-field"),c["\u0275\u0275element"](19,"input",3),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](20,"mat-expansion-panel",4),c["\u0275\u0275listener"]("opened",(function(){return t.panelOpenState=!0}))("closed",(function(){return t.panelOpenState=!1})),c["\u0275\u0275elementStart"](21,"mat-expansion-panel-header"),c["\u0275\u0275elementStart"](22,"mat-panel-title"),c["\u0275\u0275text"](23," Self aware panel "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](24,"mat-panel-description"),c["\u0275\u0275text"](25),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](26,"p"),c["\u0275\u0275text"](27,"I'm visible because I am open"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](28,"mat-card"),c["\u0275\u0275elementStart"](29,"mat-card-content"),c["\u0275\u0275elementStart"](30,"mat-card-title"),c["\u0275\u0275text"](31,"Accordion"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](32,"mat-card-subtitle"),c["\u0275\u0275text"](33,"Expansion panel"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](34,"mat-accordion",5),c["\u0275\u0275elementStart"](35,"mat-expansion-panel",6),c["\u0275\u0275listener"]("opened",(function(){return t.setStep(0)})),c["\u0275\u0275elementStart"](36,"mat-expansion-panel-header"),c["\u0275\u0275elementStart"](37,"mat-panel-title"),c["\u0275\u0275text"](38," Personal data "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](39,"mat-panel-description"),c["\u0275\u0275text"](40," Type your name and age "),c["\u0275\u0275elementStart"](41,"mat-icon"),c["\u0275\u0275text"](42,"account_circle"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](43,"mat-form-field"),c["\u0275\u0275element"](44,"input",2),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](45,"mat-form-field"),c["\u0275\u0275element"](46,"input",7),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](47,"mat-action-row"),c["\u0275\u0275elementStart"](48,"button",8),c["\u0275\u0275listener"]("click",(function(){return t.nextStep()})),c["\u0275\u0275text"](49,"Next"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](50,"mat-expansion-panel",6),c["\u0275\u0275listener"]("opened",(function(){return t.setStep(1)})),c["\u0275\u0275elementStart"](51,"mat-expansion-panel-header"),c["\u0275\u0275elementStart"](52,"mat-panel-title"),c["\u0275\u0275text"](53," Destination "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](54,"mat-panel-description"),c["\u0275\u0275text"](55," Type the country name "),c["\u0275\u0275elementStart"](56,"mat-icon"),c["\u0275\u0275text"](57,"map"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](58,"mat-form-field"),c["\u0275\u0275element"](59,"input",9),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](60,"mat-action-row"),c["\u0275\u0275elementStart"](61,"button",10),c["\u0275\u0275listener"]("click",(function(){return t.prevStep()})),c["\u0275\u0275text"](62,"Previous"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](63,"button",8),c["\u0275\u0275listener"]("click",(function(){return t.nextStep()})),c["\u0275\u0275text"](64,"Next"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](65,"mat-expansion-panel",6),c["\u0275\u0275listener"]("opened",(function(){return t.setStep(2)})),c["\u0275\u0275elementStart"](66,"mat-expansion-panel-header"),c["\u0275\u0275elementStart"](67,"mat-panel-title"),c["\u0275\u0275text"](68," Day of the trip "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](69,"mat-panel-description"),c["\u0275\u0275text"](70," Inform the date you wish to travel "),c["\u0275\u0275elementStart"](71,"mat-icon"),c["\u0275\u0275text"](72,"date_range"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](73,"mat-form-field"),c["\u0275\u0275elementStart"](74,"input",11),c["\u0275\u0275listener"]("focus",(function(){return c["\u0275\u0275restoreView"](e),c["\u0275\u0275reference"](76).open()})),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](75,"mat-datepicker",null,12),c["\u0275\u0275elementStart"](77,"mat-action-row"),c["\u0275\u0275elementStart"](78,"button",10),c["\u0275\u0275listener"]("click",(function(){return t.prevStep()})),c["\u0275\u0275text"](79,"Previous"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](80,"button",8),c["\u0275\u0275listener"]("click",(function(){return t.nextStep()})),c["\u0275\u0275text"](81,"End"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()}if(2&e){const e=c["\u0275\u0275reference"](76);c["\u0275\u0275advance"](25),c["\u0275\u0275textInterpolate1"](" Currently I am ",t.panelOpenState?"open":"closed"," "),c["\u0275\u0275advance"](10),c["\u0275\u0275property"]("expanded",0===t.step),c["\u0275\u0275advance"](15),c["\u0275\u0275property"]("expanded",1===t.step),c["\u0275\u0275advance"](15),c["\u0275\u0275property"]("expanded",2===t.step),c["\u0275\u0275advance"](9),c["\u0275\u0275property"]("matDatepicker",e)}},directives:[s.a,s.d,s.i,s.h,W.a,W.c,W.f,W.g,W.e,D.c,N.b,p.a,W.d,u.b,G.b,G.a],styles:[".example-headers-align[_ngcontent-%COMP%]   .mat-expansion-panel-header-description[_ngcontent-%COMP%], .example-headers-align[_ngcontent-%COMP%]   .mat-expansion-panel-header-title[_ngcontent-%COMP%]{flex-basis:0}.example-headers-align[_ngcontent-%COMP%]   .mat-expansion-panel-header-description[_ngcontent-%COMP%]{justify-content:space-between;align-items:center}"]}),e})();var U=n("FtGj"),H=n("A5z7");function K(e,t){1&e&&(c["\u0275\u0275elementStart"](0,"mat-icon",12),c["\u0275\u0275text"](1,"cancel"),c["\u0275\u0275elementEnd"]())}function $(e,t){if(1&e){const e=c["\u0275\u0275getCurrentView"]();c["\u0275\u0275elementStart"](0,"mat-chip",10),c["\u0275\u0275listener"]("remove",(function(){c["\u0275\u0275restoreView"](e);const n=t.$implicit;return c["\u0275\u0275nextContext"]().remove(n)})),c["\u0275\u0275text"](1),c["\u0275\u0275template"](2,K,2,0,"mat-icon",11),c["\u0275\u0275elementEnd"]()}if(2&e){const e=t.$implicit,n=c["\u0275\u0275nextContext"]();c["\u0275\u0275property"]("selectable",n.selectable)("removable",n.removable),c["\u0275\u0275advance"](1),c["\u0275\u0275textInterpolate1"](" ",e.name," "),c["\u0275\u0275advance"](1),c["\u0275\u0275property"]("ngIf",n.removable)}}function Y(e,t){if(1&e){const e=c["\u0275\u0275getCurrentView"]();c["\u0275\u0275elementStart"](0,"mat-chip",13),c["\u0275\u0275listener"]("focus",(function(){c["\u0275\u0275restoreView"](e);const n=t.$implicit;return c["\u0275\u0275nextContext"]().color=n.color})),c["\u0275\u0275text"](1),c["\u0275\u0275elementEnd"]()}if(2&e){const e=t.$implicit;c["\u0275\u0275propertyInterpolate"]("color",e.color),c["\u0275\u0275advance"](1),c["\u0275\u0275textInterpolate1"](" ",e.name," ")}}let J=(()=>{class e{constructor(){this.visible=!0,this.selectable=!0,this.removable=!0,this.addOnBlur=!0,this.separatorKeysCodes=[U.g,U.c],this.fruits=[{name:"Lemon"},{name:"Lime"},{name:"Apple"}],this.availableColors=[{name:"none",color:"gray"},{name:"Primary",color:"primary"},{name:"Accent",color:"accent"},{name:"Warn",color:"warn"}]}add(e){const t=e.input,n=e.value;(n||"").trim()&&this.fruits.push({name:n.trim()}),t&&(t.value="")}remove(e){const t=this.fruits.indexOf(e);t>=0&&this.fruits.splice(t,1)}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-chips"]],decls:42,vars:5,consts:[[1,""],["href","https://material.angular.io/components/chips/overview"],["color","primary","selected","true"],["color","accent","selected","true"],[1,"demo-chip-list"],["chipList",""],[3,"selectable","removable","remove",4,"ngFor","ngForOf"],["placeholder","New fruit...",3,"matChipInputFor","matChipInputSeparatorKeyCodes","matChipInputAddOnBlur","matChipInputTokenEnd"],[1,"mat-chip-list-stacked"],["selected","true",3,"color","focus",4,"ngFor","ngForOf"],[3,"selectable","removable","remove"],["matChipRemove","",4,"ngIf"],["matChipRemove",""],["selected","true",3,"color","focus"]],template:function(e,t){if(1&e&&(c["\u0275\u0275elementStart"](0,"mat-card"),c["\u0275\u0275elementStart"](1,"mat-card-content"),c["\u0275\u0275elementStart"](2,"mat-card-title"),c["\u0275\u0275text"](3,"Basic Chips"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](4,"mat-card-subtitle"),c["\u0275\u0275elementStart"](5,"code"),c["\u0275\u0275text"](6,"<mat-chip>"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](7,"displays a list of values as individual, keyboard accessible, chips. "),c["\u0275\u0275elementStart"](8,"code",0),c["\u0275\u0275elementStart"](9,"a",1),c["\u0275\u0275text"](10,"Official Component"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](11,"mat-chip-list"),c["\u0275\u0275elementStart"](12,"mat-chip"),c["\u0275\u0275text"](13,"One fish"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](14,"mat-chip"),c["\u0275\u0275text"](15,"Two fish"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](16,"mat-chip",2),c["\u0275\u0275text"](17,"Primary fish"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](18,"mat-chip",3),c["\u0275\u0275text"](19,"Accent fish"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](20,"mat-card"),c["\u0275\u0275elementStart"](21,"mat-card-content"),c["\u0275\u0275elementStart"](22,"mat-card-title"),c["\u0275\u0275text"](23,"Chip input"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](24,"mat-card-subtitle"),c["\u0275\u0275text"](25,"The MatChipInput directive can be used together with a chip-list to streamline the interaction between the two components. This directive adds chip-specific behaviors to the input element within for adding and removing chips. "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](26,"mat-form-field",4),c["\u0275\u0275elementStart"](27,"mat-chip-list",null,5),c["\u0275\u0275template"](29,$,3,4,"mat-chip",6),c["\u0275\u0275elementStart"](30,"input",7),c["\u0275\u0275listener"]("matChipInputTokenEnd",(function(e){return t.add(e)})),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](31,"mat-card"),c["\u0275\u0275elementStart"](32,"mat-card-content"),c["\u0275\u0275elementStart"](33,"mat-card-title"),c["\u0275\u0275text"](34,"Stacked Chips"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](35,"mat-card-subtitle"),c["\u0275\u0275text"](36,"You can also stack the chips if you want them on top of each other and/or use the "),c["\u0275\u0275elementStart"](37,"code"),c["\u0275\u0275text"](38,"(focus)"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](39," event to run custom code."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](40,"mat-chip-list",8),c["\u0275\u0275template"](41,Y,2,2,"mat-chip",9),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e){const e=c["\u0275\u0275reference"](28);c["\u0275\u0275advance"](29),c["\u0275\u0275property"]("ngForOf",t.fruits),c["\u0275\u0275advance"](1),c["\u0275\u0275property"]("matChipInputFor",e)("matChipInputSeparatorKeyCodes",t.separatorKeysCodes)("matChipInputAddOnBlur",t.addOnBlur),c["\u0275\u0275advance"](11),c["\u0275\u0275property"]("ngForOf",t.availableColors)}},directives:[s.a,s.d,s.i,s.h,H.c,H.a,D.c,m.o,H.b,m.p,p.a,H.d],styles:[".demo-chip-list[_ngcontent-%COMP%]{width:100%}"]}),e})();var Q=n("/t3+");let X=(()=>{class e{constructor(){}ngOnInit(){}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-toolbar"]],decls:68,vars:0,consts:[[1,"no-shadow"],[1,""],["href","https://material.angular.io/components/toolbar/overview"],["color","primary"],["fxFlex",""],["mat-button","","href","#","mat-icon-button",""],[1,"example-fill-remaining-space"],["color","accent"],["color","warn",1,"bg-success"],[1,"example-spacer"],[1,"example-icon"]],template:function(e,t){1&e&&(c["\u0275\u0275elementStart"](0,"mat-card",0),c["\u0275\u0275elementStart"](1,"mat-card-content"),c["\u0275\u0275elementStart"](2,"mat-card-title"),c["\u0275\u0275text"](3,"Toolbar"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](4,"mat-card-subtitle"),c["\u0275\u0275text"](5,"matToolbar is a container for headers, titles, or actions."),c["\u0275\u0275elementStart"](6,"code",1),c["\u0275\u0275elementStart"](7,"a",2),c["\u0275\u0275text"](8,"Official Component"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](9,"p"),c["\u0275\u0275text"](10,"Basic toolbar:"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](11,"mat-toolbar"),c["\u0275\u0275text"](12,"My App"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](13,"p"),c["\u0275\u0275text"](14,"The primary color toolbar:"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](15,"mat-toolbar",3),c["\u0275\u0275elementStart"](16,"span"),c["\u0275\u0275text"](17,"Primary Toolbar"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](18,"span",4),c["\u0275\u0275elementStart"](19,"button",5),c["\u0275\u0275elementStart"](20,"mat-icon"),c["\u0275\u0275text"](21,"search"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](22,"button",5),c["\u0275\u0275elementStart"](23,"mat-icon"),c["\u0275\u0275text"](24,"more_vert"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](25,"p"),c["\u0275\u0275text"](26,"Multiple row"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](27,"mat-toolbar"),c["\u0275\u0275elementStart"](28,"mat-toolbar-row"),c["\u0275\u0275elementStart"](29,"span"),c["\u0275\u0275text"](30,"First Row"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](31,"mat-toolbar-row"),c["\u0275\u0275elementStart"](32,"span"),c["\u0275\u0275text"](33,"Second Row"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](34,"p"),c["\u0275\u0275text"](35,"Positining toolbar"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](36,"mat-toolbar",3),c["\u0275\u0275elementStart"](37,"span"),c["\u0275\u0275text"](38,"Application Title"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](39,"span",6),c["\u0275\u0275elementStart"](40,"span"),c["\u0275\u0275text"](41,"Right Aligned Text"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](42,"p"),c["\u0275\u0275text"](43,"An accent toolbar using the second toolbar row:"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](44,"mat-toolbar",7),c["\u0275\u0275elementStart"](45,"mat-toolbar-row"),c["\u0275\u0275elementStart"](46,"span"),c["\u0275\u0275text"](47,"Second Line Toolbar"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](48,"p"),c["\u0275\u0275text"](49,"A primary toolbar using the third toolbar row:"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](50,"mat-toolbar",8),c["\u0275\u0275elementStart"](51,"mat-toolbar-row"),c["\u0275\u0275elementStart"](52,"span"),c["\u0275\u0275text"](53,"Custom Toolbar"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](54,"mat-toolbar-row"),c["\u0275\u0275elementStart"](55,"span"),c["\u0275\u0275text"](56,"Second Line"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](57,"span",9),c["\u0275\u0275elementStart"](58,"mat-icon",10),c["\u0275\u0275text"](59,"verified_user"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](60,"mat-toolbar-row"),c["\u0275\u0275elementStart"](61,"span"),c["\u0275\u0275text"](62,"Third Line"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](63,"span",9),c["\u0275\u0275elementStart"](64,"mat-icon",10),c["\u0275\u0275text"](65,"favorite"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](66,"mat-icon",10),c["\u0275\u0275text"](67,"delete"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]())},directives:[s.a,s.d,s.i,s.h,Q.a,x.b,u.b,p.a,Q.c],styles:[".no-shadow[_ngcontent-%COMP%]   mat-toolbar[_ngcontent-%COMP%]{box-shadow:none}.example-fill-remaining-space[_ngcontent-%COMP%]{flex:1 1 auto}.example-icon[_ngcontent-%COMP%]{padding:0 14px}.example-spacer[_ngcontent-%COMP%]{flex:1 1 auto}"]}),e})();var Z=n("Xa2L"),ee=n("QibW"),te=n("5RNC");function ne(e,t){if(1&e){const e=c["\u0275\u0275getCurrentView"]();c["\u0275\u0275elementStart"](0,"section",2),c["\u0275\u0275elementStart"](1,"label",3),c["\u0275\u0275text"](2,"Progress:"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](3,"mat-slider",13),c["\u0275\u0275listener"]("ngModelChange",(function(t){return c["\u0275\u0275restoreView"](e),c["\u0275\u0275nextContext"]().value=t})),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()}if(2&e){const e=c["\u0275\u0275nextContext"]();c["\u0275\u0275advance"](3),c["\u0275\u0275property"]("ngModel",e.value)}}let ae=(()=>{class e{constructor(){this.color="warn",this.mode="determinate",this.value=50}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-snipper"]],decls:39,vars:6,consts:[["fxLayout","row"],["fxFlex.gt-sm","100%"],[1,"example-section"],[1,"example-margin"],[3,"ngModel","ngModelChange"],["value","primary",1,"example-margin"],["value","accent",1,"example-margin"],["value","warn",1,"example-margin"],["value","determinate",1,"example-margin"],["value","indeterminate",1,"example-margin"],["class","example-section",4,"ngIf"],[1,"example-h2"],[1,"example-margin",3,"color","mode","value"],[1,"example-margin",3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(c["\u0275\u0275elementStart"](0,"div",0),c["\u0275\u0275elementStart"](1,"div",1),c["\u0275\u0275elementStart"](2,"mat-card"),c["\u0275\u0275elementStart"](3,"mat-card-content"),c["\u0275\u0275elementStart"](4,"mat-card-title"),c["\u0275\u0275text"](5,"Basic Progress spinner"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](6,"mat-card-subtitle"),c["\u0275\u0275elementStart"](7,"code"),c["\u0275\u0275text"](8,"<mat-progress-spinner>"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](9," are a circular indicators of progress and activity."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](10,"mat-spinner"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](11,"mat-card"),c["\u0275\u0275elementStart"](12,"mat-card-content"),c["\u0275\u0275elementStart"](13,"mat-card-title"),c["\u0275\u0275text"](14,"Configurable progress spinner"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](15,"section",2),c["\u0275\u0275elementStart"](16,"label",3),c["\u0275\u0275text"](17,"Color:"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](18,"mat-radio-group",4),c["\u0275\u0275listener"]("ngModelChange",(function(e){return t.color=e})),c["\u0275\u0275elementStart"](19,"mat-radio-button",5),c["\u0275\u0275text"](20," Primary "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](21,"mat-radio-button",6),c["\u0275\u0275text"](22," Accent "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](23,"mat-radio-button",7),c["\u0275\u0275text"](24," Warn "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](25,"br"),c["\u0275\u0275elementStart"](26,"section",2),c["\u0275\u0275elementStart"](27,"label",3),c["\u0275\u0275text"](28,"Mode:"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](29,"mat-radio-group",4),c["\u0275\u0275listener"]("ngModelChange",(function(e){return t.mode=e})),c["\u0275\u0275elementStart"](30,"mat-radio-button",8),c["\u0275\u0275text"](31," Determinate "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](32,"mat-radio-button",9),c["\u0275\u0275text"](33," Indeterminate "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](34,"br"),c["\u0275\u0275template"](35,ne,4,1,"section",10),c["\u0275\u0275elementStart"](36,"h4",11),c["\u0275\u0275text"](37,"Result"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](38,"mat-progress-spinner",12),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e&&(c["\u0275\u0275advance"](18),c["\u0275\u0275property"]("ngModel",t.color),c["\u0275\u0275advance"](11),c["\u0275\u0275property"]("ngModel",t.mode),c["\u0275\u0275advance"](6),c["\u0275\u0275property"]("ngIf","determinate"==t.mode),c["\u0275\u0275advance"](3),c["\u0275\u0275property"]("color",t.color)("mode",t.mode)("value",t.value))},directives:[x.d,x.b,s.a,s.d,s.i,s.h,Z.c,ee.b,i.NgControlStatus,i.NgModel,ee.a,m.p,Z.a,te.a],styles:[""]}),e})();var le=n("bv9b");function me(e,t){if(1&e){const e=c["\u0275\u0275getCurrentView"]();c["\u0275\u0275elementStart"](0,"section",9),c["\u0275\u0275elementStart"](1,"label",10),c["\u0275\u0275text"](2,"Progress:"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](3,"mat-slider",22),c["\u0275\u0275listener"]("ngModelChange",(function(t){return c["\u0275\u0275restoreView"](e),c["\u0275\u0275nextContext"]().value=t})),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()}if(2&e){const e=c["\u0275\u0275nextContext"]();c["\u0275\u0275advance"](3),c["\u0275\u0275property"]("ngModel",e.value)}}function re(e,t){if(1&e){const e=c["\u0275\u0275getCurrentView"]();c["\u0275\u0275elementStart"](0,"section",9),c["\u0275\u0275elementStart"](1,"label",10),c["\u0275\u0275text"](2,"Buffer:"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](3,"mat-slider",22),c["\u0275\u0275listener"]("ngModelChange",(function(t){return c["\u0275\u0275restoreView"](e),c["\u0275\u0275nextContext"]().bufferValue=t})),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()}if(2&e){const e=c["\u0275\u0275nextContext"]();c["\u0275\u0275advance"](3),c["\u0275\u0275property"]("ngModel",e.bufferValue)}}let oe=(()=>{class e{constructor(){this.color="primary",this.mode="determinate",this.value=50,this.bufferValue=75}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-progress"]],decls:98,vars:8,consts:[["fxLayout","row"],["fxFlex.gt-sm","100%"],["mode","determinate","value","40"],["mode","indeterminate","value","40"],["mode","buffer"],["mode","query"],["mode","determinate","value","40","color","primary"],["mode","determinate","value","80","color","accent"],["mode","determinate","value","20","color","warn"],[1,"example-section"],[1,"example-margin"],[3,"ngModel","ngModelChange"],["value","primary",1,"example-margin"],["value","accent",1,"example-margin"],["value","warn",1,"example-margin"],["value","determinate",1,"example-margin"],["value","indeterminate",1,"example-margin"],["value","buffer",1,"example-margin"],["value","query",1,"example-margin"],["class","example-section",4,"ngIf"],[1,"example-h2"],[1,"example-margin",3,"color","mode","value","bufferValue"],[1,"example-margin",3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(c["\u0275\u0275elementStart"](0,"div",0),c["\u0275\u0275elementStart"](1,"div",1),c["\u0275\u0275elementStart"](2,"mat-card"),c["\u0275\u0275elementStart"](3,"mat-card-content"),c["\u0275\u0275elementStart"](4,"mat-card-title"),c["\u0275\u0275text"](5,"Determinate progress-bar"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](6,"mat-card-subtitle"),c["\u0275\u0275elementStart"](7,"code"),c["\u0275\u0275text"](8,'<mat-progress-bar mode="determinate">'),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](9," is a horizontal progress-bar for indicating progress and activity."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](10,"mat-progress-bar",2),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](11,"div",0),c["\u0275\u0275elementStart"](12,"div",1),c["\u0275\u0275elementStart"](13,"mat-card"),c["\u0275\u0275elementStart"](14,"mat-card-content"),c["\u0275\u0275elementStart"](15,"mat-card-title"),c["\u0275\u0275text"](16,"Indeterminate progress-bar"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](17,"mat-card-subtitle"),c["\u0275\u0275elementStart"](18,"code"),c["\u0275\u0275text"](19,'<mat-progress-bar mode="indeterminate">'),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](20," is a horizontal progress-bar for indicating progress and activity."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](21,"mat-progress-bar",3),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](22,"div",0),c["\u0275\u0275elementStart"](23,"div",1),c["\u0275\u0275elementStart"](24,"mat-card"),c["\u0275\u0275elementStart"](25,"mat-card-content"),c["\u0275\u0275elementStart"](26,"mat-card-title"),c["\u0275\u0275text"](27,"Buffer progress-bar"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](28,"mat-card-subtitle"),c["\u0275\u0275elementStart"](29,"code"),c["\u0275\u0275text"](30,'<mat-progress-bar mode="buffer">'),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](31," is a horizontal progress-bar for indicating progress and activity."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](32,"mat-progress-bar",4),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](33,"div",0),c["\u0275\u0275elementStart"](34,"div",1),c["\u0275\u0275elementStart"](35,"mat-card"),c["\u0275\u0275elementStart"](36,"mat-card-content"),c["\u0275\u0275elementStart"](37,"mat-card-title"),c["\u0275\u0275text"](38,"Query progress-bar"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](39,"mat-card-subtitle"),c["\u0275\u0275elementStart"](40,"code"),c["\u0275\u0275text"](41,'<mat-progress-bar mode="query">'),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](42," is a horizontal progress-bar for indicating progress and activity."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](43,"mat-progress-bar",5),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](44,"div",0),c["\u0275\u0275elementStart"](45,"div",1),c["\u0275\u0275elementStart"](46,"mat-card"),c["\u0275\u0275elementStart"](47,"mat-card-content"),c["\u0275\u0275elementStart"](48,"mat-card-title"),c["\u0275\u0275text"](49,"Colored progress-bar"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](50,"mat-card-subtitle"),c["\u0275\u0275elementStart"](51,"code"),c["\u0275\u0275text"](52,'<mat-progress-bar mode="determinate">'),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](53," is a horizontal progress-bar for indicating progress and activity."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](54,"mat-progress-bar",6),c["\u0275\u0275element"](55,"br"),c["\u0275\u0275element"](56,"mat-progress-bar",7),c["\u0275\u0275element"](57,"br"),c["\u0275\u0275element"](58,"mat-progress-bar",8),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](59,"div",0),c["\u0275\u0275elementStart"](60,"div",1),c["\u0275\u0275elementStart"](61,"mat-card"),c["\u0275\u0275elementStart"](62,"mat-card-content"),c["\u0275\u0275elementStart"](63,"mat-card-title"),c["\u0275\u0275text"](64,"Configurable progress-bar"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](65,"mat-card-subtitle"),c["\u0275\u0275elementStart"](66,"code"),c["\u0275\u0275text"](67,'<mat-progress-bar mode="query">'),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](68," is a horizontal progress-bar for indicating progress and activity."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](69,"section",9),c["\u0275\u0275elementStart"](70,"label",10),c["\u0275\u0275text"](71,"Color:"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](72,"mat-radio-group",11),c["\u0275\u0275listener"]("ngModelChange",(function(e){return t.color=e})),c["\u0275\u0275elementStart"](73,"mat-radio-button",12),c["\u0275\u0275text"](74," Primary "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](75,"mat-radio-button",13),c["\u0275\u0275text"](76," Accent "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](77,"mat-radio-button",14),c["\u0275\u0275text"](78," Warn "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](79,"br"),c["\u0275\u0275elementStart"](80,"section",9),c["\u0275\u0275elementStart"](81,"label",10),c["\u0275\u0275text"](82,"Mode:"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](83,"mat-radio-group",11),c["\u0275\u0275listener"]("ngModelChange",(function(e){return t.mode=e})),c["\u0275\u0275elementStart"](84,"mat-radio-button",15),c["\u0275\u0275text"](85," Determinate "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](86,"mat-radio-button",16),c["\u0275\u0275text"](87," Indeterminate "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](88,"mat-radio-button",17),c["\u0275\u0275text"](89," Buffer "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](90,"mat-radio-button",18),c["\u0275\u0275text"](91," Query "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275template"](92,me,4,1,"section",19),c["\u0275\u0275template"](93,re,4,1,"section",19),c["\u0275\u0275elementStart"](94,"h2",20),c["\u0275\u0275text"](95,"Result"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](96,"section",9),c["\u0275\u0275element"](97,"mat-progress-bar",21),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e&&(c["\u0275\u0275advance"](72),c["\u0275\u0275property"]("ngModel",t.color),c["\u0275\u0275advance"](11),c["\u0275\u0275property"]("ngModel",t.mode),c["\u0275\u0275advance"](9),c["\u0275\u0275property"]("ngIf","determinate"==t.mode||"buffer"==t.mode),c["\u0275\u0275advance"](1),c["\u0275\u0275property"]("ngIf","buffer"==t.mode),c["\u0275\u0275advance"](4),c["\u0275\u0275property"]("color",t.color)("mode",t.mode)("value",t.value)("bufferValue",t.bufferValue))},directives:[x.d,x.b,s.a,s.d,s.i,s.h,le.a,ee.b,i.NgControlStatus,i.NgModel,ee.a,m.p,te.a],styles:[".example-h2[_ngcontent-%COMP%]{margin:10px}.example-section[_ngcontent-%COMP%]{display:flex;align-content:center;align-items:center;height:60px}.example-margin[_ngcontent-%COMP%]{margin:0 10px}"]}),e})();var ie=n("0IaG");function de(e,t){if(1&e&&(c["\u0275\u0275elementStart"](0,"li"),c["\u0275\u0275text"](1," You chose: "),c["\u0275\u0275elementStart"](2,"i"),c["\u0275\u0275text"](3),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e){const e=c["\u0275\u0275nextContext"]();c["\u0275\u0275advance"](3),c["\u0275\u0275textInterpolate"](e.animal)}}let ce=(()=>{class e{constructor(e,t){this.dialogRef=e,this.data=t}onNoClick(){this.dialogRef.close()}}return e.\u0275fac=function(t){return new(t||e)(c["\u0275\u0275directiveInject"](ie.g),c["\u0275\u0275directiveInject"](ie.a))},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-dialog-overview-example-dialog"]],decls:12,vars:3,consts:[["mat-dialog-title",""],["mat-dialog-content",""],["matInput","","tabindex","1",3,"ngModel","ngModelChange"],["mat-dialog-actions",""],["mat-button","","tabindex","2",3,"mat-dialog-close"],["mat-button","","tabindex","-1",3,"click"]],template:function(e,t){1&e&&(c["\u0275\u0275elementStart"](0,"h1",0),c["\u0275\u0275text"](1),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](2,"div",1),c["\u0275\u0275elementStart"](3,"p"),c["\u0275\u0275text"](4,"What's your favorite animal?"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](5,"mat-form-field"),c["\u0275\u0275elementStart"](6,"input",2),c["\u0275\u0275listener"]("ngModelChange",(function(e){return t.data.animal=e})),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](7,"div",3),c["\u0275\u0275elementStart"](8,"button",4),c["\u0275\u0275text"](9,"Ok"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](10,"button",5),c["\u0275\u0275listener"]("click",(function(){return t.onNoClick()})),c["\u0275\u0275text"](11,"No Thanks"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e&&(c["\u0275\u0275advance"](1),c["\u0275\u0275textInterpolate1"]("Hi ",t.data.name,""),c["\u0275\u0275advance"](5),c["\u0275\u0275property"]("ngModel",t.data.animal),c["\u0275\u0275advance"](2),c["\u0275\u0275property"]("mat-dialog-close",t.data.animal))},directives:[ie.h,ie.e,D.c,N.b,i.DefaultValueAccessor,i.NgControlStatus,i.NgModel,ie.c,u.b,ie.d],encapsulation:2}),e})(),se=(()=>{class e{constructor(e){this.dialog=e}openDialog(){this.dialog.open(ce,{width:"250px",data:{name:this.name,animal:this.animal}}).afterClosed().subscribe(e=>{console.log("The dialog was closed"),this.animal=e})}}return e.\u0275fac=function(t){return new(t||e)(c["\u0275\u0275directiveInject"](ie.b))},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-dialog"]],decls:19,vars:2,consts:[["fxLayout","row"],["fxFlex.gt-sm","100%"],["matInput","","placeholder","What's your name?",3,"ngModel","ngModelChange"],["mat-raised-button","",3,"click"],[4,"ngIf"]],template:function(e,t){1&e&&(c["\u0275\u0275elementStart"](0,"div",0),c["\u0275\u0275elementStart"](1,"div",1),c["\u0275\u0275elementStart"](2,"mat-card"),c["\u0275\u0275elementStart"](3,"mat-card-content"),c["\u0275\u0275elementStart"](4,"mat-card-title"),c["\u0275\u0275text"](5,"Dialog Overview"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](6,"mat-card-subtitle"),c["\u0275\u0275text"](7,"The "),c["\u0275\u0275elementStart"](8,"code"),c["\u0275\u0275text"](9,"<MatDialog>"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](10," service can be used to open modal dialogs with Material Design styling and animations."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](11,"ol"),c["\u0275\u0275elementStart"](12,"li"),c["\u0275\u0275elementStart"](13,"mat-form-field"),c["\u0275\u0275elementStart"](14,"input",2),c["\u0275\u0275listener"]("ngModelChange",(function(e){return t.name=e})),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](15,"li"),c["\u0275\u0275elementStart"](16,"button",3),c["\u0275\u0275listener"]("click",(function(){return t.openDialog()})),c["\u0275\u0275text"](17,"Pick one"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275template"](18,de,4,1,"li",4),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e&&(c["\u0275\u0275advance"](14),c["\u0275\u0275property"]("ngModel",t.name),c["\u0275\u0275advance"](4),c["\u0275\u0275property"]("ngIf",t.animal))},directives:[x.d,x.b,s.a,s.d,s.i,s.h,D.c,N.b,i.DefaultValueAccessor,i.NgControlStatus,i.NgModel,u.b,m.p],styles:[""]}),e})();var ue=n("Qu3c"),pe=n("d3UM");let Se=(()=>{class e{constructor(){this.position="before"}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-tooltip"]],decls:57,vars:2,consts:[["fxLayout","row"],["fxFlex.gt-sm","100%"],["matTooltip","Tooltip!"],["mat-raised-button","","color","accent","matTooltip","Tooltip!","matTooltipPosition","above"],["mat-raised-button","","color","warn","matTooltip","Tooltip!","matTooltipPosition","below"],["mat-raised-button","","color","primary","matTooltip","Tooltip!","matTooltipPosition","left"],["mat-raised-button","","color","warn","matTooltip","Tooltip!","matTooltipPosition","right"],["mat-raised-button","","color","accent","matTooltip","Tooltip!","matTooltipPosition","before"],["matTooltip","Tooltip!",1,"example-tooltip-host",3,"matTooltipPosition"],[1,"example-select",3,"ngModel","ngModelChange"],["value","before"],["value","after"],["value","above"],["value","below"],["value","left"],["value","right"]],template:function(e,t){1&e&&(c["\u0275\u0275elementStart"](0,"div",0),c["\u0275\u0275elementStart"](1,"div",1),c["\u0275\u0275elementStart"](2,"mat-card"),c["\u0275\u0275elementStart"](3,"mat-card-content"),c["\u0275\u0275elementStart"](4,"mat-card-title"),c["\u0275\u0275text"](5,"Basic Tooltip"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](6,"mat-card-subtitle"),c["\u0275\u0275text"](7,"The Angular Material tooltip provides a text label that is displayed when the user hovers over or longpresses an element. add "),c["\u0275\u0275elementStart"](8,"code"),c["\u0275\u0275text"](9,'matTooltip="yourtext"'),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](10," to any element "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](11,"span",2),c["\u0275\u0275text"](12,"I have a tooltip"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](13,"div",0),c["\u0275\u0275elementStart"](14,"div",1),c["\u0275\u0275elementStart"](15,"mat-card"),c["\u0275\u0275elementStart"](16,"mat-card-content"),c["\u0275\u0275elementStart"](17,"mat-card-title"),c["\u0275\u0275text"](18,"Positioning Tooltip"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](19,"mat-card-subtitle"),c["\u0275\u0275text"](20,"Add "),c["\u0275\u0275elementStart"](21,"code"),c["\u0275\u0275text"](22,'matTooltipPosition="below, above, left, right, before, after"'),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](23," to any element"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](24,"button",3),c["\u0275\u0275text"](25,"Above tooltip"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](26,"button",4),c["\u0275\u0275text"](27,"below tooltip"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](28,"button",5),c["\u0275\u0275text"](29,"left tooltip"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](30,"button",6),c["\u0275\u0275text"](31,"right tooltip"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](32,"button",7),c["\u0275\u0275text"](33,"Before tooltip"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](34,"mat-card"),c["\u0275\u0275elementStart"](35,"mat-card-content"),c["\u0275\u0275elementStart"](36,"mat-card-title"),c["\u0275\u0275text"](37,"Tooltip with custom position"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](38,"mat-card-subtitle"),c["\u0275\u0275text"](39,"The Angular Material tooltip provides a text label that is displayed when the user hovers over or longpresses an element."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](40,"div",8),c["\u0275\u0275elementStart"](41,"span"),c["\u0275\u0275text"](42,"Show tooltip"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](43,"mat-form-field"),c["\u0275\u0275elementStart"](44,"mat-select",9),c["\u0275\u0275listener"]("ngModelChange",(function(e){return t.position=e})),c["\u0275\u0275elementStart"](45,"mat-option",10),c["\u0275\u0275text"](46,"Before"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](47,"mat-option",11),c["\u0275\u0275text"](48,"After"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](49,"mat-option",12),c["\u0275\u0275text"](50,"Above"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](51,"mat-option",13),c["\u0275\u0275text"](52,"Below"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](53,"mat-option",14),c["\u0275\u0275text"](54,"Left"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](55,"mat-option",15),c["\u0275\u0275text"](56,"Right"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e&&(c["\u0275\u0275advance"](40),c["\u0275\u0275property"]("matTooltipPosition",t.position),c["\u0275\u0275advance"](4),c["\u0275\u0275property"]("ngModel",t.position))},directives:[x.d,x.b,s.a,s.d,s.i,s.h,ue.a,u.b,D.c,pe.a,i.NgControlStatus,i.NgModel,w.n],styles:[".example-tooltip-host[_ngcontent-%COMP%]{display:inline-flex;align-items:center;margin:50px}.example-select[_ngcontent-%COMP%]{margin:0 10px}"]}),e})();var Ee=n("dNgK");let xe=(()=>{class e{constructor(e){this.snackBar=e}openSnackBar(e,t){this.snackBar.open(e,t,{duration:2e3})}}return e.\u0275fac=function(t){return new(t||e)(c["\u0275\u0275directiveInject"](Ee.a))},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-snackbar"]],decls:17,vars:0,consts:[[1,""],["href","https://material.angular.io/components/snack-bar/overview"],["matInput","","value","Disco party!","placeholder","Message"],["message",""],["matInput","","value","Dance","placeholder","Action"],["action",""],["mat-raised-button","","color","warn",3,"click"]],template:function(e,t){if(1&e){const e=c["\u0275\u0275getCurrentView"]();c["\u0275\u0275elementStart"](0,"mat-card"),c["\u0275\u0275elementStart"](1,"mat-card-content"),c["\u0275\u0275elementStart"](2,"mat-card-title"),c["\u0275\u0275text"](3,"Basic snack-bar"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](4,"mat-card-subtitle"),c["\u0275\u0275text"](5,"matSnackBar is a service for displaying snack-bar notifications. "),c["\u0275\u0275elementStart"](6,"code",0),c["\u0275\u0275elementStart"](7,"a",1),c["\u0275\u0275text"](8,"Official Component"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](9,"mat-form-field"),c["\u0275\u0275element"](10,"input",2,3),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](12,"mat-form-field"),c["\u0275\u0275element"](13,"input",4,5),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](15,"button",6),c["\u0275\u0275listener"]("click",(function(){c["\u0275\u0275restoreView"](e);const n=c["\u0275\u0275reference"](11),a=c["\u0275\u0275reference"](14);return t.openSnackBar(n.value,a.value)})),c["\u0275\u0275text"](16,"Show snack-bar"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()}},directives:[s.a,s.d,s.i,s.h,D.c,N.b,u.b],styles:[""]}),e})(),ge=(()=>{class e{constructor(){this.val=50,this.min=0,this.max=100}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-slider"]],decls:64,vars:12,consts:[[1,""],["href","https://material.angular.io/components/slider/overview"],[1,"m-b-0"],["color","warn","value","40"],["color","primary","value","40"],["slidey",""],["matInput","",3,"ngModel","ngModelChange"],["tick-interval","5","color","warn",3,"min","max"],["slider2",""],["disabled",""],["slider3",""],["vertical","","value","50"],["min","1","max","100","step","20"],["slider5",""],["tick-interval","auto"],["tick-interval","9"],["thumb-label",""],["step","40",3,"value"],["step","40",3,"ngModel","ngModelChange"],["invert","","value","50","tick-interval","5"],["vertical","","invert","","thumb-label","","tick-interval","auto","value","50"]],template:function(e,t){if(1&e&&(c["\u0275\u0275elementStart"](0,"mat-card"),c["\u0275\u0275elementStart"](1,"mat-card-content"),c["\u0275\u0275elementStart"](2,"mat-card-title"),c["\u0275\u0275text"](3,"Slider"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](4,"mat-card-subtitle"),c["\u0275\u0275text"](5,"mat-slider allows for the selection of a value from a range via mouse, touch, or keyboard, similar to "),c["\u0275\u0275elementStart"](6,"code",0),c["\u0275\u0275elementStart"](7,"a",1),c["\u0275\u0275text"](8,"Official Component"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](9,"h4",2),c["\u0275\u0275text"](10,"Basic Slider"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](11,"mat-slider",3),c["\u0275\u0275elementStart"](12,"h4",2),c["\u0275\u0275text"](13,"value Slider"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](14," Label "),c["\u0275\u0275element"](15,"mat-slider",4,5),c["\u0275\u0275text"](17),c["\u0275\u0275elementStart"](18,"h4",2),c["\u0275\u0275text"](19,"With Min and Max"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](20,"mat-form-field"),c["\u0275\u0275elementStart"](21,"input",6),c["\u0275\u0275listener"]("ngModelChange",(function(e){return t.min=e})),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](22,"mat-form-field"),c["\u0275\u0275elementStart"](23,"input",6),c["\u0275\u0275listener"]("ngModelChange",(function(e){return t.max=e})),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](24,"br"),c["\u0275\u0275element"](25,"mat-slider",7,8),c["\u0275\u0275text"](27),c["\u0275\u0275elementStart"](28,"h4",2),c["\u0275\u0275text"](29,"Disabled Slider"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](30,"mat-slider",9,10),c["\u0275\u0275text"](32),c["\u0275\u0275elementStart"](33,"h4",2),c["\u0275\u0275text"](34,"Vertical slider"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](35,"mat-slider",11),c["\u0275\u0275elementStart"](36,"h4",2),c["\u0275\u0275text"](37,"Selecting a value"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](38,"mat-slider",12,13),c["\u0275\u0275text"](40),c["\u0275\u0275elementStart"](41,"h4",2),c["\u0275\u0275text"](42,"Slider with set tick interval"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](43,"mat-slider",14),c["\u0275\u0275element"](44,"mat-slider",15),c["\u0275\u0275elementStart"](45,"h4",2),c["\u0275\u0275text"](46,"Slider with Thumb Label"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](47,"mat-slider",16),c["\u0275\u0275elementStart"](48,"h4",2),c["\u0275\u0275text"](49,"Slider with one-way binding"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](50,"mat-slider",17),c["\u0275\u0275elementStart"](51,"mat-form-field"),c["\u0275\u0275elementStart"](52,"input",6),c["\u0275\u0275listener"]("ngModelChange",(function(e){return t.val=e})),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](53,"h4",2),c["\u0275\u0275text"](54,"Slider with two-way binding"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](55,"mat-slider",18),c["\u0275\u0275listener"]("ngModelChange",(function(e){return t.demo=e})),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](56,"mat-form-field"),c["\u0275\u0275elementStart"](57,"input",6),c["\u0275\u0275listener"]("ngModelChange",(function(e){return t.demo=e})),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](58,"h4",2),c["\u0275\u0275text"](59,"Inverted slider"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](60,"mat-slider",19),c["\u0275\u0275elementStart"](61,"h4",2),c["\u0275\u0275text"](62,"Inverted vertical slider"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275element"](63,"mat-slider",20),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e){const e=c["\u0275\u0275reference"](16),n=c["\u0275\u0275reference"](26),a=c["\u0275\u0275reference"](31),l=c["\u0275\u0275reference"](39);c["\u0275\u0275advance"](17),c["\u0275\u0275textInterpolate1"](" ",e.value," "),c["\u0275\u0275advance"](4),c["\u0275\u0275property"]("ngModel",t.min),c["\u0275\u0275advance"](2),c["\u0275\u0275property"]("ngModel",t.max),c["\u0275\u0275advance"](2),c["\u0275\u0275property"]("min",t.min)("max",t.max),c["\u0275\u0275advance"](2),c["\u0275\u0275textInterpolate1"](" ",n.value," "),c["\u0275\u0275advance"](5),c["\u0275\u0275textInterpolate1"](" ",a.value," "),c["\u0275\u0275advance"](8),c["\u0275\u0275textInterpolate1"](" ",l.value," "),c["\u0275\u0275advance"](10),c["\u0275\u0275property"]("value",t.val),c["\u0275\u0275advance"](2),c["\u0275\u0275property"]("ngModel",t.val),c["\u0275\u0275advance"](3),c["\u0275\u0275property"]("ngModel",t.demo),c["\u0275\u0275advance"](2),c["\u0275\u0275property"]("ngModel",t.demo)}},directives:[s.a,s.d,s.i,s.h,te.a,D.c,N.b,i.DefaultValueAccessor,i.NgControlStatus,i.NgModel],styles:[""]}),e})();var be=n("1jcm"),fe=n("bSwM");const he=[{path:"",children:[{path:"button",component:E},{path:"cards",component:g},{path:"grid",component:h},{path:"lists",component:F},{path:"menu",component:P},{path:"tabs",component:L},{path:"stepper",component:R},{path:"expansion",component:z},{path:"chips",component:J},{path:"toolbar",component:X},{path:"progress-snipper",component:ae},{path:"progress",component:oe},{path:"dialog",component:se},{path:"tooltip",component:Se},{path:"snackbar",component:xe},{path:"slider",component:ge},{path:"slide-toggle",component:(()=>{class e{constructor(){this.color="accent",this.checked=!1,this.disabled=!1}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=c["\u0275\u0275defineComponent"]({type:e,selectors:[["app-slide-toggle"]],decls:41,vars:6,consts:[["fxLayout","row"],["fxFlex.gt-sm","100%"],[1,"example-section"],[1,"example-margin"],[3,"ngModel","ngModelChange"],["color","primary","value","primary",1,"example-margin"],["color","accent","value","accent",1,"example-margin"],["color","warn","value","warn",1,"example-margin"],[1,"example-margin",3,"ngModel","ngModelChange"],[1,"example-h2"],[1,"example-margin",3,"color","checked","disabled"]],template:function(e,t){1&e&&(c["\u0275\u0275elementStart"](0,"div",0),c["\u0275\u0275elementStart"](1,"div",1),c["\u0275\u0275elementStart"](2,"mat-card"),c["\u0275\u0275elementStart"](3,"mat-card-content"),c["\u0275\u0275elementStart"](4,"mat-card-title"),c["\u0275\u0275text"](5,"Basic slide-toggles"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](6,"mat-card-subtitle"),c["\u0275\u0275elementStart"](7,"code"),c["\u0275\u0275text"](8,"<mat-slide-toggle>"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](9," is an on/off control that can be toggled via clicking or dragging."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](10,"mat-slide-toggle"),c["\u0275\u0275text"](11,"Slide me!"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](12,"mat-card"),c["\u0275\u0275elementStart"](13,"mat-card-content"),c["\u0275\u0275elementStart"](14,"mat-card-title"),c["\u0275\u0275text"](15,"Basic grid-list"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](16,"mat-card-subtitle"),c["\u0275\u0275elementStart"](17,"code"),c["\u0275\u0275text"](18,"<mat-slide-toggle>"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275text"](19," is an on/off control that can be toggled via clicking or dragging."),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](20,"section",2),c["\u0275\u0275elementStart"](21,"label",3),c["\u0275\u0275text"](22,"Color:"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](23,"mat-radio-group",4),c["\u0275\u0275listener"]("ngModelChange",(function(e){return t.color=e})),c["\u0275\u0275elementStart"](24,"mat-radio-button",5),c["\u0275\u0275text"](25," Primary "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](26,"mat-radio-button",6),c["\u0275\u0275text"](27," Accent "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](28,"mat-radio-button",7),c["\u0275\u0275text"](29," Warn "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](30,"section",2),c["\u0275\u0275elementStart"](31,"mat-checkbox",8),c["\u0275\u0275listener"]("ngModelChange",(function(e){return t.checked=e})),c["\u0275\u0275text"](32,"Checked"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](33,"section",2),c["\u0275\u0275elementStart"](34,"mat-checkbox",8),c["\u0275\u0275listener"]("ngModelChange",(function(e){return t.disabled=e})),c["\u0275\u0275text"](35,"Disabled"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](36,"h2",9),c["\u0275\u0275text"](37,"Result"),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementStart"](38,"section",2),c["\u0275\u0275elementStart"](39,"mat-slide-toggle",10),c["\u0275\u0275text"](40," Slide me! "),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"](),c["\u0275\u0275elementEnd"]()),2&e&&(c["\u0275\u0275advance"](23),c["\u0275\u0275property"]("ngModel",t.color),c["\u0275\u0275advance"](8),c["\u0275\u0275property"]("ngModel",t.checked),c["\u0275\u0275advance"](3),c["\u0275\u0275property"]("ngModel",t.disabled),c["\u0275\u0275advance"](5),c["\u0275\u0275property"]("color",t.color)("checked",t.checked)("disabled",t.disabled))},directives:[x.d,x.b,s.a,s.d,s.i,s.h,be.a,ee.b,i.NgControlStatus,i.NgModel,ee.a,fe.a],styles:[".example-h2[_ngcontent-%COMP%]{margin:10px}.example-section[_ngcontent-%COMP%]{display:flex;align-content:center;align-items:center;height:60px}.example-margin[_ngcontent-%COMP%]{margin:10px}"]}),e})()}]}];let ve=(()=>{class e{}return e.\u0275mod=c["\u0275\u0275defineNgModule"]({type:e}),e.\u0275inj=c["\u0275\u0275defineInjector"]({factory:function(t){return new(t||e)},providers:[],imports:[[m.c,a.j.forChild(he),r.a,l.c,i.FormsModule,i.ReactiveFormsModule,d.a,o.r]]}),e})()}}]);