24-es5.1fb4a77497c28b4a8f09.js

!function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function t(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{"76PZ":function(e,a,l){"use strict";l.r(a),l.d(a,"MaterialComponentsModule",(function(){return We}));var m,r,o=l("tyNb"),i=l("tk/3"),d=l("ofXK"),c=l("onrN"),s=l("f6nW"),u=l("3Pt+"),p=l("YUcS"),S=l("fXoL"),E=l("Wp6s"),x=l("bTqV"),g=l("NFeN"),b=l("jaxi"),f=((m=function e(){n(this,e)}).\u0275fac=function(e){return new(e||m)},m.\u0275cmp=S["\u0275\u0275defineComponent"]({type:m,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&&(S["\u0275\u0275elementStart"](0,"mat-card"),S["\u0275\u0275elementStart"](1,"mat-card-content"),S["\u0275\u0275elementStart"](2,"mat-card-title"),S["\u0275\u0275text"](3,"Buttons"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](4,"mat-card-subtitle"),S["\u0275\u0275text"](5,"Angular Material buttons are native "),S["\u0275\u0275elementStart"](6,"code"),S["\u0275\u0275text"](7," button or a "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](8," elements enhanced with Material Design styling and ink ripples. "),S["\u0275\u0275elementStart"](9,"code"),S["\u0275\u0275elementStart"](10,"a",0),S["\u0275\u0275text"](11,"Official Doc"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](12,"h4"),S["\u0275\u0275text"](13,"Basic Buttons "),S["\u0275\u0275element"](14,"br"),S["\u0275\u0275elementStart"](15,"code",1),S["\u0275\u0275text"](16,'<button mat-button color="primary">Primary</button>'),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](17,"div",2),S["\u0275\u0275elementStart"](18,"button",3),S["\u0275\u0275text"](19,"Basic"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](20,"button",4),S["\u0275\u0275text"](21,"Primary"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](22,"button",5),S["\u0275\u0275text"](23,"Accent"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](24,"button",6),S["\u0275\u0275text"](25,"Warn"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](26,"button",7),S["\u0275\u0275text"](27,"Disabled"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](28,"a",8),S["\u0275\u0275text"](29,"Link"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](30,"h4"),S["\u0275\u0275text"](31,"Raised Buttons "),S["\u0275\u0275element"](32,"br"),S["\u0275\u0275elementStart"](33,"code",1),S["\u0275\u0275text"](34,'<button mat-raised-button color="primary">Primary</button>'),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](35,"div",2),S["\u0275\u0275elementStart"](36,"button",9),S["\u0275\u0275text"](37,"Basic"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](38,"button",10),S["\u0275\u0275text"](39,"Primary"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](40,"button",11),S["\u0275\u0275text"](41,"Accent"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](42,"button",12),S["\u0275\u0275text"](43,"Warn"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](44,"button",13),S["\u0275\u0275text"](45,"Disabled"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](46,"a",14),S["\u0275\u0275text"](47,"Link"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](48,"h4"),S["\u0275\u0275text"](49,"Icon Buttons "),S["\u0275\u0275element"](50,"br"),S["\u0275\u0275elementStart"](51,"code",1),S["\u0275\u0275text"](52,'<button mat-icon-button color="primary"> '),S["\u0275\u0275element"](53,"br"),S["\u0275\u0275text"](54,'\xa0\xa0\xa0\xa0<mat-icon aria-label="Example icon-button with a heart icon">favorite</mat-icon>'),S["\u0275\u0275element"](55,"br"),S["\u0275\u0275text"](56,"</button>"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](57,"div",2),S["\u0275\u0275elementStart"](58,"button",15),S["\u0275\u0275elementStart"](59,"mat-icon",16),S["\u0275\u0275text"](60,"favorite"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](61,"button",17),S["\u0275\u0275elementStart"](62,"mat-icon",16),S["\u0275\u0275text"](63,"favorite"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](64,"button",18),S["\u0275\u0275elementStart"](65,"mat-icon",16),S["\u0275\u0275text"](66,"favorite"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](67,"button",19),S["\u0275\u0275elementStart"](68,"mat-icon",16),S["\u0275\u0275text"](69,"favorite"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](70,"button",20),S["\u0275\u0275elementStart"](71,"mat-icon",16),S["\u0275\u0275text"](72,"favorite"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](73,"h4"),S["\u0275\u0275text"](74,"Fab Buttons "),S["\u0275\u0275element"](75,"br"),S["\u0275\u0275elementStart"](76,"code",1),S["\u0275\u0275text"](77,'<button mat-fab color="primary">Primary</button>'),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](78,"div",2),S["\u0275\u0275elementStart"](79,"button",21),S["\u0275\u0275text"](80,"Basic"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](81,"button",22),S["\u0275\u0275text"](82,"Primary"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](83,"button",23),S["\u0275\u0275text"](84,"Accent"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](85,"button",24),S["\u0275\u0275text"](86,"Warn"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](87,"button",25),S["\u0275\u0275text"](88,"Disabled"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](89,"button",21),S["\u0275\u0275elementStart"](90,"mat-icon",16),S["\u0275\u0275text"](91,"favorite"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](92,"a",26),S["\u0275\u0275text"](93,"Link"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](94,"h4"),S["\u0275\u0275text"](95,"Mini Fab Buttons "),S["\u0275\u0275element"](96,"br"),S["\u0275\u0275elementStart"](97,"code",1),S["\u0275\u0275text"](98,'<button mat-mini-fab color="primary">Primary</button>'),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](99,"div",2),S["\u0275\u0275elementStart"](100,"button",27),S["\u0275\u0275text"](101,"Base"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](102,"button",28),S["\u0275\u0275text"](103,"Pri"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](104,"button",29),S["\u0275\u0275text"](105,"Acc"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](106,"button",30),S["\u0275\u0275text"](107,"Warn"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](108,"button",31),S["\u0275\u0275text"](109,"Dis"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](110,"button",27),S["\u0275\u0275elementStart"](111,"mat-icon",16),S["\u0275\u0275text"](112,"favorite"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](113,"a",32),S["\u0275\u0275text"](114,"Link"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](115,"h4"),S["\u0275\u0275text"](116,"Button toggle "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](117,"mat-button-toggle-group",null,33),S["\u0275\u0275elementStart"](119,"mat-button-toggle",34),S["\u0275\u0275elementStart"](120,"mat-icon"),S["\u0275\u0275text"](121,"format_align_left"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](122,"mat-button-toggle",35),S["\u0275\u0275elementStart"](123,"mat-icon"),S["\u0275\u0275text"](124,"format_align_center"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](125,"mat-button-toggle",36),S["\u0275\u0275elementStart"](126,"mat-icon"),S["\u0275\u0275text"](127,"format_align_right"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](128,"mat-button-toggle",37),S["\u0275\u0275elementStart"](129,"mat-icon"),S["\u0275\u0275text"](130,"format_align_justify"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](131,"div",38),S["\u0275\u0275text"](132),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e){var n=S["\u0275\u0275reference"](118);S["\u0275\u0275advance"](132),S["\u0275\u0275textInterpolate1"]("Selected value: ",n.value,"")}},directives:[E.a,E.d,E.i,E.h,x.b,x.a,o.i,g.a,b.b,b.a],styles:[".example-button-row[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-around}"]}),m),h=l("XiUz"),v=((r=function e(){n(this,e)}).\u0275fac=function(e){return new(e||r)},r.\u0275cmp=S["\u0275\u0275defineComponent"]({type:r,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&&(S["\u0275\u0275elementStart"](0,"mat-card"),S["\u0275\u0275elementStart"](1,"mat-card-content"),S["\u0275\u0275text"](2,"Simple card just use "),S["\u0275\u0275elementStart"](3,"code"),S["\u0275\u0275text"](4,"<mat-card> <mat-card-content> ... </mat-card-content> </mat-card>"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](5,"code"),S["\u0275\u0275elementStart"](6,"a",0),S["\u0275\u0275text"](7,"Official Doc"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](8,"div",1),S["\u0275\u0275elementStart"](9,"div",2),S["\u0275\u0275elementStart"](10,"mat-card"),S["\u0275\u0275elementStart"](11,"mat-card-header"),S["\u0275\u0275elementStart"](12,"div",3),S["\u0275\u0275element"](13,"img",4),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](14,"mat-card-title"),S["\u0275\u0275text"](15,"Shiba Inu"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](16,"mat-card-subtitle"),S["\u0275\u0275text"](17,"Dog Breed"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](18,"img",5),S["\u0275\u0275elementStart"](19,"mat-card-content"),S["\u0275\u0275elementStart"](20,"p"),S["\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. "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](22,"mat-card-actions"),S["\u0275\u0275elementStart"](23,"button",6),S["\u0275\u0275text"](24,"LIKE"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](25,"button",7),S["\u0275\u0275text"](26,"SHARE"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](27,"div",2),S["\u0275\u0275elementStart"](28,"mat-card"),S["\u0275\u0275elementStart"](29,"mat-card-header"),S["\u0275\u0275elementStart"](30,"div",3),S["\u0275\u0275element"](31,"img",8),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](32,"mat-card-title"),S["\u0275\u0275text"](33,"Shiba Inu"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](34,"mat-card-subtitle"),S["\u0275\u0275text"](35,"Dog Breed"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](36,"img",9),S["\u0275\u0275elementStart"](37,"mat-card-content"),S["\u0275\u0275elementStart"](38,"p"),S["\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. "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](40,"mat-card-actions"),S["\u0275\u0275elementStart"](41,"button",6),S["\u0275\u0275text"](42,"LIKE"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](43,"button",7),S["\u0275\u0275text"](44,"SHARE"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](45,"div",2),S["\u0275\u0275elementStart"](46,"mat-card"),S["\u0275\u0275elementStart"](47,"mat-card-header"),S["\u0275\u0275elementStart"](48,"div",3),S["\u0275\u0275element"](49,"img",10),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](50,"mat-card-title"),S["\u0275\u0275text"](51,"Shiba Inu"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](52,"mat-card-subtitle"),S["\u0275\u0275text"](53,"Dog Breed"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](54,"img",11),S["\u0275\u0275elementStart"](55,"mat-card-content"),S["\u0275\u0275elementStart"](56,"p"),S["\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. "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](58,"mat-card-actions"),S["\u0275\u0275elementStart"](59,"button",6),S["\u0275\u0275text"](60,"LIKE"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](61,"button",7),S["\u0275\u0275text"](62,"SHARE"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](63,"div",12),S["\u0275\u0275elementStart"](64,"div",13),S["\u0275\u0275elementStart"](65,"mat-card"),S["\u0275\u0275elementStart"](66,"mat-card-content"),S["\u0275\u0275elementStart"](67,"mat-card-title"),S["\u0275\u0275text"](68,"Card with title and footer "),S["\u0275\u0275elementStart"](69,"code"),S["\u0275\u0275text"](70,"<mat-card-title>"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](71,"mat-card-subtitle"),S["\u0275\u0275text"](72,"This is the subtitle "),S["\u0275\u0275elementStart"](73,"code"),S["\u0275\u0275text"](74,"<mat-card-subtitle>"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](75,"p"),S["\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."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](77,"mat-card-actions"),S["\u0275\u0275elementStart"](78,"button",14),S["\u0275\u0275elementStart"](79,"mat-icon"),S["\u0275\u0275text"](80,"favorite"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](81,"button",15),S["\u0275\u0275elementStart"](82,"mat-icon"),S["\u0275\u0275text"](83,"share"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](84,"div",12),S["\u0275\u0275elementStart"](85,"div",16),S["\u0275\u0275elementStart"](86,"mat-card"),S["\u0275\u0275elementStart"](87,"mat-card-content"),S["\u0275\u0275elementStart"](88,"mat-card-title"),S["\u0275\u0275elementStart"](89,"h4",17),S["\u0275\u0275text"](90,"Half width Card"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](91,"mat-card-subtitle"),S["\u0275\u0275text"](92,"This is the subtitle"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](93,"p"),S["\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. "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](95,"div",16),S["\u0275\u0275elementStart"](96,"mat-card"),S["\u0275\u0275elementStart"](97,"mat-card-content"),S["\u0275\u0275elementStart"](98,"mat-card-title"),S["\u0275\u0275elementStart"](99,"h4",17),S["\u0275\u0275text"](100,"Half width Card"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](101,"mat-card-subtitle"),S["\u0275\u0275text"](102,"This is the subtitle"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](103,"p"),S["\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."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](105,"div",12),S["\u0275\u0275elementStart"](106,"div",2),S["\u0275\u0275elementStart"](107,"mat-card"),S["\u0275\u0275elementStart"](108,"mat-card-header",18),S["\u0275\u0275elementStart"](109,"mat-card-title"),S["\u0275\u0275text"](110,"Card bg-primary"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](111,"mat-card-subtitle"),S["\u0275\u0275text"](112,"This is the subtitle"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](113,"mat-card-content"),S["\u0275\u0275elementStart"](114,"p"),S["\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. "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](116,"div",2),S["\u0275\u0275elementStart"](117,"mat-card"),S["\u0275\u0275elementStart"](118,"mat-card-header",19),S["\u0275\u0275elementStart"](119,"mat-card-title"),S["\u0275\u0275text"](120,"Card bg-info"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](121,"mat-card-subtitle"),S["\u0275\u0275text"](122,"This is the subtitle"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](123,"mat-card-content"),S["\u0275\u0275elementStart"](124,"p"),S["\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. "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](126,"div",2),S["\u0275\u0275elementStart"](127,"mat-card"),S["\u0275\u0275elementStart"](128,"mat-card-header",20),S["\u0275\u0275elementStart"](129,"mat-card-title"),S["\u0275\u0275text"](130,"Card bg-danger"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](131,"mat-card-subtitle"),S["\u0275\u0275text"](132,"This is the subtitle"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](133,"mat-card-content"),S["\u0275\u0275elementStart"](134,"p"),S["\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. "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](136,"div",12),S["\u0275\u0275elementStart"](137,"div",2),S["\u0275\u0275elementStart"](138,"mat-card"),S["\u0275\u0275elementStart"](139,"mat-card-header",21),S["\u0275\u0275elementStart"](140,"mat-card-title"),S["\u0275\u0275text"](141,"Card bg-warning"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](142,"mat-card-subtitle"),S["\u0275\u0275text"](143,"This is the subtitle"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](144,"mat-card-content"),S["\u0275\u0275elementStart"](145,"p"),S["\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. "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](147,"div",22),S["\u0275\u0275elementStart"](148,"mat-card"),S["\u0275\u0275elementStart"](149,"mat-card-header",23),S["\u0275\u0275elementStart"](150,"mat-card-title"),S["\u0275\u0275text"](151,"Card bg-inverse"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](152,"mat-card-subtitle"),S["\u0275\u0275text"](153,"This is the subtitle"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](154,"mat-card-content"),S["\u0275\u0275elementStart"](155,"p"),S["\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. "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](157,"div",2),S["\u0275\u0275elementStart"](158,"mat-card"),S["\u0275\u0275elementStart"](159,"mat-card-header",24),S["\u0275\u0275elementStart"](160,"mat-card-title"),S["\u0275\u0275text"](161,"Card bg-success"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](162,"mat-card-subtitle"),S["\u0275\u0275text"](163,"This is the subtitle"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](164,"mat-card-content"),S["\u0275\u0275elementStart"](165,"p"),S["\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. "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]())},directives:[E.a,E.d,h.d,h.b,E.e,E.c,E.i,E.h,E.f,E.b,x.b,g.a],styles:[""]}),r),y=l("zkoq");function w(e,t){if(1&e&&(S["\u0275\u0275elementStart"](0,"mat-grid-tile",6),S["\u0275\u0275text"](1),S["\u0275\u0275elementEnd"]()),2&e){var n=t.$implicit;S["\u0275\u0275styleProp"]("background",n.color),S["\u0275\u0275property"]("colspan",n.cols)("rowspan",n.rows),S["\u0275\u0275advance"](1),S["\u0275\u0275textInterpolate1"](" ",n.text," ")}}var C,M=((C=function e(){n(this,e),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"}]}).\u0275fac=function(e){return new(e||C)},C.\u0275cmp=S["\u0275\u0275defineComponent"]({type:C,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&&(S["\u0275\u0275elementStart"](0,"div",0),S["\u0275\u0275elementStart"](1,"div",1),S["\u0275\u0275elementStart"](2,"mat-card"),S["\u0275\u0275elementStart"](3,"mat-card-content"),S["\u0275\u0275elementStart"](4,"mat-card-title"),S["\u0275\u0275text"](5,"Fixed height grid-list"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](6,"mat-card-subtitle"),S["\u0275\u0275elementStart"](7,"code"),S["\u0275\u0275text"](8,"<mat-grid-list>"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](9," is a two-dimensional list view that arranges cells into grid-based layout. See Material Design spec. "),S["\u0275\u0275elementStart"](10,"code"),S["\u0275\u0275elementStart"](11,"a",2),S["\u0275\u0275text"](12,"Official Doc here"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](13,"mat-grid-list",3),S["\u0275\u0275template"](14,w,2,5,"mat-grid-tile",4),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](15,"mat-card"),S["\u0275\u0275elementStart"](16,"mat-card-content"),S["\u0275\u0275elementStart"](17,"mat-card-title"),S["\u0275\u0275text"](18,"Basic grid-list"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](19,"mat-card-subtitle"),S["\u0275\u0275elementStart"](20,"code"),S["\u0275\u0275text"](21,"<mat-grid-list>"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](22," is a two-dimensional list view that arranges cells into grid-based layout. See Material Design spec. "),S["\u0275\u0275elementStart"](23,"a",2),S["\u0275\u0275text"](24,"here"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](25,"mat-grid-list",5),S["\u0275\u0275elementStart"](26,"mat-grid-tile"),S["\u0275\u0275text"](27,"1"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](28,"mat-grid-tile"),S["\u0275\u0275text"](29,"2"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](30,"mat-grid-tile"),S["\u0275\u0275text"](31,"3"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](32,"mat-grid-tile"),S["\u0275\u0275text"](33,"4"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e&&(S["\u0275\u0275advance"](14),S["\u0275\u0275property"]("ngForOf",t.tiles))},directives:[h.d,h.b,E.a,E.d,E.i,E.h,y.a,d.o,y.c],styles:["mat-grid-tile[_ngcontent-%COMP%]{background:#add8e6}"]}),C),k=l("MutI"),I=l("f0Cb"),T=l("FKr1");function F(e,t){if(1&e&&(S["\u0275\u0275elementStart"](0,"mat-list-option"),S["\u0275\u0275text"](1),S["\u0275\u0275elementEnd"]()),2&e){var n=t.$implicit;S["\u0275\u0275advance"](1),S["\u0275\u0275textInterpolate1"](" ",n," ")}}function O(e,t){if(1&e&&(S["\u0275\u0275elementStart"](0,"mat-list-item"),S["\u0275\u0275elementStart"](1,"h3",11),S["\u0275\u0275text"](2),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](3,"p",12),S["\u0275\u0275text"](4),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](5,"p",12),S["\u0275\u0275text"](6),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e){var n=t.$implicit;S["\u0275\u0275advance"](2),S["\u0275\u0275textInterpolate"](n.from),S["\u0275\u0275advance"](2),S["\u0275\u0275textInterpolate"](n.subject),S["\u0275\u0275advance"](2),S["\u0275\u0275textInterpolate"](n.content)}}function P(e,t){if(1&e&&(S["\u0275\u0275elementStart"](0,"mat-list-item"),S["\u0275\u0275element"](1,"img",13),S["\u0275\u0275elementStart"](2,"h3",11),S["\u0275\u0275text"](3),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](4,"p",12),S["\u0275\u0275text"](5),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e){var n=t.$implicit;S["\u0275\u0275advance"](1),S["\u0275\u0275propertyInterpolate1"]("alt","Image of ",n.from,""),S["\u0275\u0275property"]("src",n.image,S["\u0275\u0275sanitizeUrl"]),S["\u0275\u0275advance"](2),S["\u0275\u0275textInterpolate"](n.from),S["\u0275\u0275advance"](2),S["\u0275\u0275textInterpolate"](n.content)}}function q(e,t){if(1&e&&(S["\u0275\u0275elementStart"](0,"mat-list-item"),S["\u0275\u0275elementStart"](1,"mat-icon",14),S["\u0275\u0275text"](2,"folder"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](3,"h4",15),S["\u0275\u0275text"](4),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](5,"p",15),S["\u0275\u0275text"](6),S["\u0275\u0275pipe"](7,"date"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e){var n=t.$implicit;S["\u0275\u0275advance"](4),S["\u0275\u0275textInterpolate"](n.name),S["\u0275\u0275advance"](2),S["\u0275\u0275textInterpolate1"](" ",S["\u0275\u0275pipeBind1"](7,2,n.updated)," ")}}function B(e,t){if(1&e&&(S["\u0275\u0275elementStart"](0,"mat-list-item"),S["\u0275\u0275elementStart"](1,"mat-icon",14),S["\u0275\u0275text"](2,"note"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](3,"h4",15),S["\u0275\u0275text"](4),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](5,"p",15),S["\u0275\u0275text"](6),S["\u0275\u0275pipe"](7,"date"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e){var n=t.$implicit;S["\u0275\u0275advance"](4),S["\u0275\u0275textInterpolate"](n.name),S["\u0275\u0275advance"](2),S["\u0275\u0275textInterpolate1"](" ",S["\u0275\u0275pipeBind1"](7,2,n.updated)," ")}}var L,A,D=((L=function e(){n(this,e),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")}]}).\u0275fac=function(e){return new(e||L)},L.\u0275cmp=S["\u0275\u0275defineComponent"]({type:L,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&&(S["\u0275\u0275elementStart"](0,"div",0),S["\u0275\u0275elementStart"](1,"div",1),S["\u0275\u0275elementStart"](2,"mat-card"),S["\u0275\u0275elementStart"](3,"mat-card-content"),S["\u0275\u0275elementStart"](4,"mat-card-title"),S["\u0275\u0275text"](5,"Basic list"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](6,"mat-card-subtitle"),S["\u0275\u0275elementStart"](7,"code"),S["\u0275\u0275text"](8,"<mat-list>"),S["\u0275\u0275elementEnd"](),S["\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."),S["\u0275\u0275elementStart"](10,"code"),S["\u0275\u0275elementStart"](11,"a",2),S["\u0275\u0275text"](12,"Official Doc here"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](13,"mat-list",3),S["\u0275\u0275elementStart"](14,"mat-list-item",4),S["\u0275\u0275text"](15,"Item 1"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](16,"mat-list-item",4),S["\u0275\u0275text"](17,"Item 2"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](18,"mat-list-item",4),S["\u0275\u0275text"](19,"Item 3"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](20,"div",0),S["\u0275\u0275elementStart"](21,"div",5),S["\u0275\u0275elementStart"](22,"mat-card"),S["\u0275\u0275elementStart"](23,"mat-card-content"),S["\u0275\u0275elementStart"](24,"mat-card-title"),S["\u0275\u0275text"](25,"List with selection"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](26,"mat-card-subtitle"),S["\u0275\u0275text"](27,"A selection list provides an interface for selecting values, where each list item is an option."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](28,"mat-selection-list",null,6),S["\u0275\u0275template"](30,F,2,1,"mat-list-option",7),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](31,"p"),S["\u0275\u0275text"](32),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](33,"div",5),S["\u0275\u0275elementStart"](34,"mat-card"),S["\u0275\u0275elementStart"](35,"mat-card-content"),S["\u0275\u0275elementStart"](36,"mat-card-title"),S["\u0275\u0275text"](37,"Multiline lists"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](38,"mat-card-subtitle"),S["\u0275\u0275text"](39,"A selection list provides an interface for selecting values, where each list item is an option."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](40,"mat-list"),S["\u0275\u0275template"](41,O,7,3,"mat-list-item",7),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](42,"div",0),S["\u0275\u0275elementStart"](43,"div",1),S["\u0275\u0275elementStart"](44,"mat-card"),S["\u0275\u0275elementStart"](45,"mat-card-content"),S["\u0275\u0275elementStart"](46,"mat-card-title"),S["\u0275\u0275text"](47,"Multiline lists"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](48,"mat-card-subtitle"),S["\u0275\u0275text"](49,"A selection list provides an interface for selecting values, where each list item is an option."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](50,"mat-list"),S["\u0275\u0275template"](51,P,6,4,"mat-list-item",7),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](52,"div",0),S["\u0275\u0275elementStart"](53,"div",1),S["\u0275\u0275elementStart"](54,"mat-card"),S["\u0275\u0275elementStart"](55,"mat-card-content",8),S["\u0275\u0275elementStart"](56,"mat-card-title"),S["\u0275\u0275text"](57,"List with sections"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](58,"mat-card-subtitle"),S["\u0275\u0275text"](59,"A selection list provides an interface for selecting values, where each list item is an option."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](60,"mat-list"),S["\u0275\u0275elementStart"](61,"mat-card-content",9),S["\u0275\u0275elementStart"](62,"h3",10),S["\u0275\u0275text"](63,"Folders"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275template"](64,q,8,4,"mat-list-item",7),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](65,"mat-divider"),S["\u0275\u0275elementStart"](66,"mat-card-content"),S["\u0275\u0275elementStart"](67,"h3",10),S["\u0275\u0275text"](68,"Notes"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275template"](69,B,8,4,"mat-list-item",7),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e){var n=S["\u0275\u0275reference"](29);S["\u0275\u0275advance"](30),S["\u0275\u0275property"]("ngForOf",t.typesOfShoes),S["\u0275\u0275advance"](2),S["\u0275\u0275textInterpolate1"](" Options selected: ",n.selectedOptions.selected.length," "),S["\u0275\u0275advance"](9),S["\u0275\u0275property"]("ngForOf",t.messages),S["\u0275\u0275advance"](10),S["\u0275\u0275property"]("ngForOf",t.messages),S["\u0275\u0275advance"](13),S["\u0275\u0275property"]("ngForOf",t.folders),S["\u0275\u0275advance"](5),S["\u0275\u0275property"]("ngForOf",t.notes)}},directives:[h.d,h.b,E.a,E.d,E.i,E.h,k.a,k.d,k.i,d.o,k.g,I.a,k.f,T.k,k.b,g.a,k.c],pipes:[d.f],styles:[""]}),L),N=l("STbY"),_=((A=function e(){n(this,e)}).\u0275fac=function(e){return new(e||A)},A.\u0275cmp=S["\u0275\u0275defineComponent"]({type:A,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&&(S["\u0275\u0275elementStart"](0,"div",0),S["\u0275\u0275elementStart"](1,"div",1),S["\u0275\u0275elementStart"](2,"mat-card"),S["\u0275\u0275elementStart"](3,"mat-card-content"),S["\u0275\u0275elementStart"](4,"mat-card-title"),S["\u0275\u0275text"](5,"Basic menu"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](6,"mat-card-subtitle"),S["\u0275\u0275elementStart"](7,"code"),S["\u0275\u0275text"](8,"<mat-menu>"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](9," is a floating panel containing list of options."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](10,"button",2),S["\u0275\u0275text"](11,"Menu"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](12,"mat-menu",null,3),S["\u0275\u0275elementStart"](14,"button",4),S["\u0275\u0275text"](15,"Item 1"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](16,"button",4),S["\u0275\u0275text"](17,"Item 2"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](18,"mat-card"),S["\u0275\u0275elementStart"](19,"mat-card-content"),S["\u0275\u0275elementStart"](20,"mat-card-title"),S["\u0275\u0275text"](21,"On icon menu"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](22,"mat-card-subtitle"),S["\u0275\u0275elementStart"](23,"code"),S["\u0275\u0275text"](24,"<mat-menu>"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](25," is a floating panel containing list of options."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](26,"button",5),S["\u0275\u0275elementStart"](27,"mat-icon"),S["\u0275\u0275text"](28,"menu"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](29,"mat-menu",null,6),S["\u0275\u0275elementStart"](31,"button",4),S["\u0275\u0275text"](32,"Item 1"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](33,"button",4),S["\u0275\u0275text"](34,"Item 2"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](35,"mat-card"),S["\u0275\u0275elementStart"](36,"mat-card-content"),S["\u0275\u0275elementStart"](37,"mat-card-title"),S["\u0275\u0275text"](38,"Nested menu"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](39,"mat-card-subtitle"),S["\u0275\u0275elementStart"](40,"code"),S["\u0275\u0275text"](41,"<mat-menu>"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](42," is a floating panel containing list of options."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](43,"button",7),S["\u0275\u0275text"](44,"Animal index"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](45,"mat-menu",null,8),S["\u0275\u0275elementStart"](47,"button",9),S["\u0275\u0275text"](48,"Vertebrates"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](49,"button",9),S["\u0275\u0275text"](50,"Invertebrates"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](51,"mat-menu",null,10),S["\u0275\u0275elementStart"](53,"button",9),S["\u0275\u0275text"](54,"Fishes"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](55,"button",9),S["\u0275\u0275text"](56,"Amphibians"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](57,"button",9),S["\u0275\u0275text"](58,"Reptiles"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](59,"button",4),S["\u0275\u0275text"](60,"Birds"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](61,"button",4),S["\u0275\u0275text"](62,"Mammals"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](63,"mat-menu",null,11),S["\u0275\u0275elementStart"](65,"button",4),S["\u0275\u0275text"](66,"Insects"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](67,"button",4),S["\u0275\u0275text"](68,"Molluscs"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](69,"button",4),S["\u0275\u0275text"](70,"Crustaceans"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](71,"button",4),S["\u0275\u0275text"](72,"Corals"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](73,"button",4),S["\u0275\u0275text"](74,"Arachnids"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](75,"button",4),S["\u0275\u0275text"](76,"Velvet worms"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](77,"button",4),S["\u0275\u0275text"](78,"Horseshoe crabs"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](79,"mat-menu",null,12),S["\u0275\u0275elementStart"](81,"button",4),S["\u0275\u0275text"](82,"Baikal oilfish"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](83,"button",4),S["\u0275\u0275text"](84,"Bala shark"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](85,"button",4),S["\u0275\u0275text"](86,"Ballan wrasse"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](87,"button",4),S["\u0275\u0275text"](88,"Bamboo shark"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](89,"button",4),S["\u0275\u0275text"](90,"Banded killifish"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](91,"mat-menu",null,13),S["\u0275\u0275elementStart"](93,"button",4),S["\u0275\u0275text"](94,"Sonoran desert toad"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](95,"button",4),S["\u0275\u0275text"](96,"Western toad"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](97,"button",4),S["\u0275\u0275text"](98,"Arroyo toad"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](99,"button",4),S["\u0275\u0275text"](100,"Yosemite toad"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](101,"mat-menu",null,14),S["\u0275\u0275elementStart"](103,"button",4),S["\u0275\u0275text"](104,"Banded Day Gecko"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](105,"button",4),S["\u0275\u0275text"](106,"Banded Gila Monster"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](107,"button",4),S["\u0275\u0275text"](108,"Black Tree Monitor"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](109,"button",4),S["\u0275\u0275text"](110,"Blue Spiny Lizard"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](111,"button",15),S["\u0275\u0275text"](112,"Velociraptor"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](113,"mat-card"),S["\u0275\u0275elementStart"](114,"mat-card-content"),S["\u0275\u0275elementStart"](115,"mat-card-title"),S["\u0275\u0275text"](116,"With icon menu"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](117,"mat-card-subtitle"),S["\u0275\u0275elementStart"](118,"code"),S["\u0275\u0275text"](119,"<mat-menu>"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](120," is a floating panel containing list of options."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](121,"button",5),S["\u0275\u0275elementStart"](122,"mat-icon"),S["\u0275\u0275text"](123,"more_vert"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](124,"mat-menu",null,16),S["\u0275\u0275elementStart"](126,"button",4),S["\u0275\u0275elementStart"](127,"mat-icon"),S["\u0275\u0275text"](128,"dialpad"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](129,"span"),S["\u0275\u0275text"](130,"Redial"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](131,"button",15),S["\u0275\u0275elementStart"](132,"mat-icon"),S["\u0275\u0275text"](133,"voicemail"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](134,"span"),S["\u0275\u0275text"](135,"Check voicemail"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](136,"button",4),S["\u0275\u0275elementStart"](137,"mat-icon"),S["\u0275\u0275text"](138,"notifications_off"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](139,"span"),S["\u0275\u0275text"](140,"Disable alerts"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e){var n=S["\u0275\u0275reference"](13),a=S["\u0275\u0275reference"](30),l=S["\u0275\u0275reference"](46),m=S["\u0275\u0275reference"](52),r=S["\u0275\u0275reference"](64),o=S["\u0275\u0275reference"](80),i=S["\u0275\u0275reference"](92),d=S["\u0275\u0275reference"](102),c=S["\u0275\u0275reference"](125);S["\u0275\u0275advance"](10),S["\u0275\u0275property"]("matMenuTriggerFor",n),S["\u0275\u0275advance"](16),S["\u0275\u0275property"]("matMenuTriggerFor",a),S["\u0275\u0275advance"](17),S["\u0275\u0275property"]("matMenuTriggerFor",l),S["\u0275\u0275advance"](4),S["\u0275\u0275property"]("matMenuTriggerFor",m),S["\u0275\u0275advance"](2),S["\u0275\u0275property"]("matMenuTriggerFor",r),S["\u0275\u0275advance"](4),S["\u0275\u0275property"]("matMenuTriggerFor",o),S["\u0275\u0275advance"](2),S["\u0275\u0275property"]("matMenuTriggerFor",i),S["\u0275\u0275advance"](2),S["\u0275\u0275property"]("matMenuTriggerFor",d),S["\u0275\u0275advance"](64),S["\u0275\u0275property"]("matMenuTriggerFor",c)}},directives:[h.d,h.b,E.a,E.d,E.i,E.h,x.b,N.c,N.d,N.a,g.a],styles:[""]}),A),j=l("wZkO");function V(e,t){1&e&&S["\u0275\u0275text"](0," \u2b50 ")}var R,W=((R=function e(){n(this,e)}).\u0275fac=function(e){return new(e||R)},R.\u0275cmp=S["\u0275\u0275defineComponent"]({type:R,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&&(S["\u0275\u0275elementStart"](0,"div",0),S["\u0275\u0275elementStart"](1,"div",1),S["\u0275\u0275elementStart"](2,"mat-card"),S["\u0275\u0275elementStart"](3,"mat-card-content"),S["\u0275\u0275elementStart"](4,"mat-card-title"),S["\u0275\u0275text"](5,"Basic Tab "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](6,"mat-card-subtitle"),S["\u0275\u0275text"](7,"Check the "),S["\u0275\u0275elementStart"](8,"code",2),S["\u0275\u0275elementStart"](9,"a",3),S["\u0275\u0275text"](10,"Official Component"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](11,"mat-tab-group"),S["\u0275\u0275elementStart"](12,"mat-tab",4),S["\u0275\u0275elementStart"](13,"mat-card-content"),S["\u0275\u0275text"](14,"Content 1"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](15,"mat-tab",5),S["\u0275\u0275elementStart"](16,"mat-card-content"),S["\u0275\u0275text"](17,"Content 2"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](18,"div",0),S["\u0275\u0275elementStart"](19,"div",1),S["\u0275\u0275elementStart"](20,"mat-card"),S["\u0275\u0275elementStart"](21,"mat-card-content"),S["\u0275\u0275elementStart"](22,"mat-card-title"),S["\u0275\u0275text"](23,"Complex Tab Example (Responsive tab)"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](24,"mat-tab-group",6),S["\u0275\u0275elementStart"](25,"mat-tab",4),S["\u0275\u0275elementStart"](26,"div",7),S["\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. "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](28,"mat-tab",5),S["\u0275\u0275template"](29,V,1,0,"ng-template",8),S["\u0275\u0275elementStart"](30,"div",7),S["\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. "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](32,"mat-tab",9),S["\u0275\u0275text"](33," No content "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](34,"mat-tab",10),S["\u0275\u0275elementStart"](35,"div",7),S["\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. "),S["\u0275\u0275element"](37,"br"),S["\u0275\u0275element"](38,"br"),S["\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. "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](40,"mat-tab",11),S["\u0275\u0275text"](41," No content "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](42,"mat-tab",12),S["\u0275\u0275text"](43," No content "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]())},directives:[h.d,h.b,E.a,E.d,E.i,E.h,j.b,j.a,j.c],styles:[".demo-tab-group[_ngcontent-%COMP%]{border:1px solid #e8e8e8}.demo-tab-content[_ngcontent-%COMP%]{padding:24px}"]}),R),G=l("xHqg"),z=l("kmnG"),U=l("qFsG");function H(e,t){1&e&&S["\u0275\u0275text"](0,"Fill out your name")}function K(e,t){1&e&&S["\u0275\u0275text"](0,"Fill out your address")}function $(e,t){1&e&&S["\u0275\u0275text"](0,"Done")}var Y,J,Q=((Y=function(){function e(t){n(this,e),this._formBuilder=t,this.isLinear=!1}return t(e,[{key:"ngOnInit",value:function(){this.firstFormGroup=this._formBuilder.group({firstCtrl:["",u.Validators.required]}),this.secondFormGroup=this._formBuilder.group({secondCtrl:["",u.Validators.required]})}}]),e}()).\u0275fac=function(e){return new(e||Y)(S["\u0275\u0275directiveInject"](u.FormBuilder))},Y.\u0275cmp=S["\u0275\u0275defineComponent"]({type:Y,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&&(S["\u0275\u0275elementStart"](0,"div",0),S["\u0275\u0275elementStart"](1,"div",1),S["\u0275\u0275elementStart"](2,"mat-card"),S["\u0275\u0275elementStart"](3,"mat-card-content"),S["\u0275\u0275elementStart"](4,"mat-card-title"),S["\u0275\u0275text"](5,"Stepper"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](6,"mat-card-subtitle"),S["\u0275\u0275text"](7,"Check the "),S["\u0275\u0275elementStart"](8,"code",2),S["\u0275\u0275elementStart"](9,"a",3),S["\u0275\u0275text"](10,"Official Component"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](11,"button",4),S["\u0275\u0275listener"]("click",(function(){return t.isLinear=!0})),S["\u0275\u0275text"](12,"Enable linear mode"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](13,"mat-horizontal-stepper",5),S["\u0275\u0275elementStart"](14,"mat-step",6),S["\u0275\u0275elementStart"](15,"form",7),S["\u0275\u0275template"](16,H,1,0,"ng-template",8),S["\u0275\u0275elementStart"](17,"mat-form-field"),S["\u0275\u0275element"](18,"input",9),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](19,"div"),S["\u0275\u0275elementStart"](20,"button",10),S["\u0275\u0275text"](21,"Next"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](22,"mat-step",6),S["\u0275\u0275elementStart"](23,"form",7),S["\u0275\u0275template"](24,K,1,0,"ng-template",8),S["\u0275\u0275elementStart"](25,"mat-form-field"),S["\u0275\u0275element"](26,"input",11),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](27,"div"),S["\u0275\u0275elementStart"](28,"button",12),S["\u0275\u0275text"](29,"Back"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](30,"button",10),S["\u0275\u0275text"](31,"Next"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](32,"mat-step"),S["\u0275\u0275template"](33,$,1,0,"ng-template",8),S["\u0275\u0275text"](34," You are now done. "),S["\u0275\u0275elementStart"](35,"div"),S["\u0275\u0275elementStart"](36,"button",12),S["\u0275\u0275text"](37,"Back"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e&&(S["\u0275\u0275advance"](13),S["\u0275\u0275property"]("linear",t.isLinear),S["\u0275\u0275advance"](1),S["\u0275\u0275property"]("stepControl",t.firstFormGroup),S["\u0275\u0275advance"](1),S["\u0275\u0275property"]("formGroup",t.firstFormGroup),S["\u0275\u0275advance"](7),S["\u0275\u0275property"]("stepControl",t.secondFormGroup),S["\u0275\u0275advance"](1),S["\u0275\u0275property"]("formGroup",t.secondFormGroup))},directives:[h.d,h.b,E.a,E.d,E.i,E.h,x.b,G.a,G.b,u["\u0275angular_packages_forms_forms_y"],u.NgControlStatusGroup,u.FormGroupDirective,G.c,z.c,U.b,u.DefaultValueAccessor,u.NgControlStatus,u.FormControlName,u.RequiredValidator,G.e,G.f],styles:[""]}),Y),X=l("7EHt"),Z=l("iadO"),ee=((J=function(){function e(){n(this,e),this.panelOpenState=!1,this.step=0}return t(e,[{key:"setStep",value:function(e){this.step=e}},{key:"nextStep",value:function(){this.step++}},{key:"prevStep",value:function(){this.step--}}]),e}()).\u0275fac=function(e){return new(e||J)},J.\u0275cmp=S["\u0275\u0275defineComponent"]({type:J,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){var n=S["\u0275\u0275getCurrentView"]();S["\u0275\u0275elementStart"](0,"mat-card"),S["\u0275\u0275elementStart"](1,"mat-card-content"),S["\u0275\u0275elementStart"](2,"mat-card-title"),S["\u0275\u0275text"](3,"Basic Expansion"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](4,"mat-card-subtitle"),S["\u0275\u0275text"](5,"Expansion panel "),S["\u0275\u0275elementStart"](6,"code",0),S["\u0275\u0275elementStart"](7,"a",1),S["\u0275\u0275text"](8,"Official Component"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](9,"mat-accordion"),S["\u0275\u0275elementStart"](10,"mat-expansion-panel"),S["\u0275\u0275elementStart"](11,"mat-expansion-panel-header"),S["\u0275\u0275elementStart"](12,"mat-panel-title"),S["\u0275\u0275text"](13," Personal data "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](14,"mat-panel-description"),S["\u0275\u0275text"](15," Type your name and age "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](16,"mat-form-field"),S["\u0275\u0275element"](17,"input",2),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](18,"mat-form-field"),S["\u0275\u0275element"](19,"input",3),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](20,"mat-expansion-panel",4),S["\u0275\u0275listener"]("opened",(function(){return t.panelOpenState=!0}))("closed",(function(){return t.panelOpenState=!1})),S["\u0275\u0275elementStart"](21,"mat-expansion-panel-header"),S["\u0275\u0275elementStart"](22,"mat-panel-title"),S["\u0275\u0275text"](23," Self aware panel "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](24,"mat-panel-description"),S["\u0275\u0275text"](25),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](26,"p"),S["\u0275\u0275text"](27,"I'm visible because I am open"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](28,"mat-card"),S["\u0275\u0275elementStart"](29,"mat-card-content"),S["\u0275\u0275elementStart"](30,"mat-card-title"),S["\u0275\u0275text"](31,"Accordion"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](32,"mat-card-subtitle"),S["\u0275\u0275text"](33,"Expansion panel"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](34,"mat-accordion",5),S["\u0275\u0275elementStart"](35,"mat-expansion-panel",6),S["\u0275\u0275listener"]("opened",(function(){return t.setStep(0)})),S["\u0275\u0275elementStart"](36,"mat-expansion-panel-header"),S["\u0275\u0275elementStart"](37,"mat-panel-title"),S["\u0275\u0275text"](38," Personal data "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](39,"mat-panel-description"),S["\u0275\u0275text"](40," Type your name and age "),S["\u0275\u0275elementStart"](41,"mat-icon"),S["\u0275\u0275text"](42,"account_circle"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](43,"mat-form-field"),S["\u0275\u0275element"](44,"input",2),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](45,"mat-form-field"),S["\u0275\u0275element"](46,"input",7),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](47,"mat-action-row"),S["\u0275\u0275elementStart"](48,"button",8),S["\u0275\u0275listener"]("click",(function(){return t.nextStep()})),S["\u0275\u0275text"](49,"Next"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](50,"mat-expansion-panel",6),S["\u0275\u0275listener"]("opened",(function(){return t.setStep(1)})),S["\u0275\u0275elementStart"](51,"mat-expansion-panel-header"),S["\u0275\u0275elementStart"](52,"mat-panel-title"),S["\u0275\u0275text"](53," Destination "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](54,"mat-panel-description"),S["\u0275\u0275text"](55," Type the country name "),S["\u0275\u0275elementStart"](56,"mat-icon"),S["\u0275\u0275text"](57,"map"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](58,"mat-form-field"),S["\u0275\u0275element"](59,"input",9),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](60,"mat-action-row"),S["\u0275\u0275elementStart"](61,"button",10),S["\u0275\u0275listener"]("click",(function(){return t.prevStep()})),S["\u0275\u0275text"](62,"Previous"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](63,"button",8),S["\u0275\u0275listener"]("click",(function(){return t.nextStep()})),S["\u0275\u0275text"](64,"Next"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](65,"mat-expansion-panel",6),S["\u0275\u0275listener"]("opened",(function(){return t.setStep(2)})),S["\u0275\u0275elementStart"](66,"mat-expansion-panel-header"),S["\u0275\u0275elementStart"](67,"mat-panel-title"),S["\u0275\u0275text"](68," Day of the trip "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](69,"mat-panel-description"),S["\u0275\u0275text"](70," Inform the date you wish to travel "),S["\u0275\u0275elementStart"](71,"mat-icon"),S["\u0275\u0275text"](72,"date_range"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](73,"mat-form-field"),S["\u0275\u0275elementStart"](74,"input",11),S["\u0275\u0275listener"]("focus",(function(){return S["\u0275\u0275restoreView"](n),S["\u0275\u0275reference"](76).open()})),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](75,"mat-datepicker",null,12),S["\u0275\u0275elementStart"](77,"mat-action-row"),S["\u0275\u0275elementStart"](78,"button",10),S["\u0275\u0275listener"]("click",(function(){return t.prevStep()})),S["\u0275\u0275text"](79,"Previous"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](80,"button",8),S["\u0275\u0275listener"]("click",(function(){return t.nextStep()})),S["\u0275\u0275text"](81,"End"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()}if(2&e){var a=S["\u0275\u0275reference"](76);S["\u0275\u0275advance"](25),S["\u0275\u0275textInterpolate1"](" Currently I am ",t.panelOpenState?"open":"closed"," "),S["\u0275\u0275advance"](10),S["\u0275\u0275property"]("expanded",0===t.step),S["\u0275\u0275advance"](15),S["\u0275\u0275property"]("expanded",1===t.step),S["\u0275\u0275advance"](15),S["\u0275\u0275property"]("expanded",2===t.step),S["\u0275\u0275advance"](9),S["\u0275\u0275property"]("matDatepicker",a)}},directives:[E.a,E.d,E.i,E.h,X.a,X.c,X.f,X.g,X.e,z.c,U.b,g.a,X.d,x.b,Z.b,Z.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}"]}),J),te=l("FtGj"),ne=l("A5z7");function ae(e,t){1&e&&(S["\u0275\u0275elementStart"](0,"mat-icon",12),S["\u0275\u0275text"](1,"cancel"),S["\u0275\u0275elementEnd"]())}function le(e,t){if(1&e){var n=S["\u0275\u0275getCurrentView"]();S["\u0275\u0275elementStart"](0,"mat-chip",10),S["\u0275\u0275listener"]("remove",(function(){S["\u0275\u0275restoreView"](n);var e=t.$implicit;return S["\u0275\u0275nextContext"]().remove(e)})),S["\u0275\u0275text"](1),S["\u0275\u0275template"](2,ae,2,0,"mat-icon",11),S["\u0275\u0275elementEnd"]()}if(2&e){var a=t.$implicit,l=S["\u0275\u0275nextContext"]();S["\u0275\u0275property"]("selectable",l.selectable)("removable",l.removable),S["\u0275\u0275advance"](1),S["\u0275\u0275textInterpolate1"](" ",a.name," "),S["\u0275\u0275advance"](1),S["\u0275\u0275property"]("ngIf",l.removable)}}function me(e,t){if(1&e){var n=S["\u0275\u0275getCurrentView"]();S["\u0275\u0275elementStart"](0,"mat-chip",13),S["\u0275\u0275listener"]("focus",(function(){S["\u0275\u0275restoreView"](n);var e=t.$implicit;return S["\u0275\u0275nextContext"]().color=e.color})),S["\u0275\u0275text"](1),S["\u0275\u0275elementEnd"]()}if(2&e){var a=t.$implicit;S["\u0275\u0275propertyInterpolate"]("color",a.color),S["\u0275\u0275advance"](1),S["\u0275\u0275textInterpolate1"](" ",a.name," ")}}var re,oe,ie=((re=function(){function e(){n(this,e),this.visible=!0,this.selectable=!0,this.removable=!0,this.addOnBlur=!0,this.separatorKeysCodes=[te.g,te.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"}]}return t(e,[{key:"add",value:function(e){var t=e.input,n=e.value;(n||"").trim()&&this.fruits.push({name:n.trim()}),t&&(t.value="")}},{key:"remove",value:function(e){var t=this.fruits.indexOf(e);t>=0&&this.fruits.splice(t,1)}}]),e}()).\u0275fac=function(e){return new(e||re)},re.\u0275cmp=S["\u0275\u0275defineComponent"]({type:re,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&&(S["\u0275\u0275elementStart"](0,"mat-card"),S["\u0275\u0275elementStart"](1,"mat-card-content"),S["\u0275\u0275elementStart"](2,"mat-card-title"),S["\u0275\u0275text"](3,"Basic Chips"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](4,"mat-card-subtitle"),S["\u0275\u0275elementStart"](5,"code"),S["\u0275\u0275text"](6,"<mat-chip>"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](7,"displays a list of values as individual, keyboard accessible, chips. "),S["\u0275\u0275elementStart"](8,"code",0),S["\u0275\u0275elementStart"](9,"a",1),S["\u0275\u0275text"](10,"Official Component"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](11,"mat-chip-list"),S["\u0275\u0275elementStart"](12,"mat-chip"),S["\u0275\u0275text"](13,"One fish"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](14,"mat-chip"),S["\u0275\u0275text"](15,"Two fish"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](16,"mat-chip",2),S["\u0275\u0275text"](17,"Primary fish"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](18,"mat-chip",3),S["\u0275\u0275text"](19,"Accent fish"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](20,"mat-card"),S["\u0275\u0275elementStart"](21,"mat-card-content"),S["\u0275\u0275elementStart"](22,"mat-card-title"),S["\u0275\u0275text"](23,"Chip input"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](24,"mat-card-subtitle"),S["\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. "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](26,"mat-form-field",4),S["\u0275\u0275elementStart"](27,"mat-chip-list",null,5),S["\u0275\u0275template"](29,le,3,4,"mat-chip",6),S["\u0275\u0275elementStart"](30,"input",7),S["\u0275\u0275listener"]("matChipInputTokenEnd",(function(e){return t.add(e)})),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](31,"mat-card"),S["\u0275\u0275elementStart"](32,"mat-card-content"),S["\u0275\u0275elementStart"](33,"mat-card-title"),S["\u0275\u0275text"](34,"Stacked Chips"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](35,"mat-card-subtitle"),S["\u0275\u0275text"](36,"You can also stack the chips if you want them on top of each other and/or use the "),S["\u0275\u0275elementStart"](37,"code"),S["\u0275\u0275text"](38,"(focus)"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](39," event to run custom code."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](40,"mat-chip-list",8),S["\u0275\u0275template"](41,me,2,2,"mat-chip",9),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e){var n=S["\u0275\u0275reference"](28);S["\u0275\u0275advance"](29),S["\u0275\u0275property"]("ngForOf",t.fruits),S["\u0275\u0275advance"](1),S["\u0275\u0275property"]("matChipInputFor",n)("matChipInputSeparatorKeyCodes",t.separatorKeysCodes)("matChipInputAddOnBlur",t.addOnBlur),S["\u0275\u0275advance"](11),S["\u0275\u0275property"]("ngForOf",t.availableColors)}},directives:[E.a,E.d,E.i,E.h,ne.c,ne.a,z.c,d.o,ne.b,d.p,g.a,ne.d],styles:[".demo-chip-list[_ngcontent-%COMP%]{width:100%}"]}),re),de=l("/t3+"),ce=((oe=function(){function e(){n(this,e)}return t(e,[{key:"ngOnInit",value:function(){}}]),e}()).\u0275fac=function(e){return new(e||oe)},oe.\u0275cmp=S["\u0275\u0275defineComponent"]({type:oe,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&&(S["\u0275\u0275elementStart"](0,"mat-card",0),S["\u0275\u0275elementStart"](1,"mat-card-content"),S["\u0275\u0275elementStart"](2,"mat-card-title"),S["\u0275\u0275text"](3,"Toolbar"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](4,"mat-card-subtitle"),S["\u0275\u0275text"](5,"matToolbar is a container for headers, titles, or actions."),S["\u0275\u0275elementStart"](6,"code",1),S["\u0275\u0275elementStart"](7,"a",2),S["\u0275\u0275text"](8,"Official Component"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](9,"p"),S["\u0275\u0275text"](10,"Basic toolbar:"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](11,"mat-toolbar"),S["\u0275\u0275text"](12,"My App"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](13,"p"),S["\u0275\u0275text"](14,"The primary color toolbar:"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](15,"mat-toolbar",3),S["\u0275\u0275elementStart"](16,"span"),S["\u0275\u0275text"](17,"Primary Toolbar"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](18,"span",4),S["\u0275\u0275elementStart"](19,"button",5),S["\u0275\u0275elementStart"](20,"mat-icon"),S["\u0275\u0275text"](21,"search"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](22,"button",5),S["\u0275\u0275elementStart"](23,"mat-icon"),S["\u0275\u0275text"](24,"more_vert"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](25,"p"),S["\u0275\u0275text"](26,"Multiple row"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](27,"mat-toolbar"),S["\u0275\u0275elementStart"](28,"mat-toolbar-row"),S["\u0275\u0275elementStart"](29,"span"),S["\u0275\u0275text"](30,"First Row"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](31,"mat-toolbar-row"),S["\u0275\u0275elementStart"](32,"span"),S["\u0275\u0275text"](33,"Second Row"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](34,"p"),S["\u0275\u0275text"](35,"Positining toolbar"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](36,"mat-toolbar",3),S["\u0275\u0275elementStart"](37,"span"),S["\u0275\u0275text"](38,"Application Title"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](39,"span",6),S["\u0275\u0275elementStart"](40,"span"),S["\u0275\u0275text"](41,"Right Aligned Text"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](42,"p"),S["\u0275\u0275text"](43,"An accent toolbar using the second toolbar row:"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](44,"mat-toolbar",7),S["\u0275\u0275elementStart"](45,"mat-toolbar-row"),S["\u0275\u0275elementStart"](46,"span"),S["\u0275\u0275text"](47,"Second Line Toolbar"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](48,"p"),S["\u0275\u0275text"](49,"A primary toolbar using the third toolbar row:"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](50,"mat-toolbar",8),S["\u0275\u0275elementStart"](51,"mat-toolbar-row"),S["\u0275\u0275elementStart"](52,"span"),S["\u0275\u0275text"](53,"Custom Toolbar"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](54,"mat-toolbar-row"),S["\u0275\u0275elementStart"](55,"span"),S["\u0275\u0275text"](56,"Second Line"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](57,"span",9),S["\u0275\u0275elementStart"](58,"mat-icon",10),S["\u0275\u0275text"](59,"verified_user"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](60,"mat-toolbar-row"),S["\u0275\u0275elementStart"](61,"span"),S["\u0275\u0275text"](62,"Third Line"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](63,"span",9),S["\u0275\u0275elementStart"](64,"mat-icon",10),S["\u0275\u0275text"](65,"favorite"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](66,"mat-icon",10),S["\u0275\u0275text"](67,"delete"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]())},directives:[E.a,E.d,E.i,E.h,de.a,h.b,x.b,g.a,de.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}"]}),oe),se=l("Xa2L"),ue=l("QibW"),pe=l("5RNC");function Se(e,t){if(1&e){var n=S["\u0275\u0275getCurrentView"]();S["\u0275\u0275elementStart"](0,"section",2),S["\u0275\u0275elementStart"](1,"label",3),S["\u0275\u0275text"](2,"Progress:"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](3,"mat-slider",13),S["\u0275\u0275listener"]("ngModelChange",(function(e){return S["\u0275\u0275restoreView"](n),S["\u0275\u0275nextContext"]().value=e})),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()}if(2&e){var a=S["\u0275\u0275nextContext"]();S["\u0275\u0275advance"](3),S["\u0275\u0275property"]("ngModel",a.value)}}var Ee,xe=((Ee=function e(){n(this,e),this.color="warn",this.mode="determinate",this.value=50}).\u0275fac=function(e){return new(e||Ee)},Ee.\u0275cmp=S["\u0275\u0275defineComponent"]({type:Ee,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&&(S["\u0275\u0275elementStart"](0,"div",0),S["\u0275\u0275elementStart"](1,"div",1),S["\u0275\u0275elementStart"](2,"mat-card"),S["\u0275\u0275elementStart"](3,"mat-card-content"),S["\u0275\u0275elementStart"](4,"mat-card-title"),S["\u0275\u0275text"](5,"Basic Progress spinner"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](6,"mat-card-subtitle"),S["\u0275\u0275elementStart"](7,"code"),S["\u0275\u0275text"](8,"<mat-progress-spinner>"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](9," are a circular indicators of progress and activity."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](10,"mat-spinner"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](11,"mat-card"),S["\u0275\u0275elementStart"](12,"mat-card-content"),S["\u0275\u0275elementStart"](13,"mat-card-title"),S["\u0275\u0275text"](14,"Configurable progress spinner"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](15,"section",2),S["\u0275\u0275elementStart"](16,"label",3),S["\u0275\u0275text"](17,"Color:"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](18,"mat-radio-group",4),S["\u0275\u0275listener"]("ngModelChange",(function(e){return t.color=e})),S["\u0275\u0275elementStart"](19,"mat-radio-button",5),S["\u0275\u0275text"](20," Primary "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](21,"mat-radio-button",6),S["\u0275\u0275text"](22," Accent "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](23,"mat-radio-button",7),S["\u0275\u0275text"](24," Warn "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](25,"br"),S["\u0275\u0275elementStart"](26,"section",2),S["\u0275\u0275elementStart"](27,"label",3),S["\u0275\u0275text"](28,"Mode:"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](29,"mat-radio-group",4),S["\u0275\u0275listener"]("ngModelChange",(function(e){return t.mode=e})),S["\u0275\u0275elementStart"](30,"mat-radio-button",8),S["\u0275\u0275text"](31," Determinate "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](32,"mat-radio-button",9),S["\u0275\u0275text"](33," Indeterminate "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](34,"br"),S["\u0275\u0275template"](35,Se,4,1,"section",10),S["\u0275\u0275elementStart"](36,"h4",11),S["\u0275\u0275text"](37,"Result"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](38,"mat-progress-spinner",12),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e&&(S["\u0275\u0275advance"](18),S["\u0275\u0275property"]("ngModel",t.color),S["\u0275\u0275advance"](11),S["\u0275\u0275property"]("ngModel",t.mode),S["\u0275\u0275advance"](6),S["\u0275\u0275property"]("ngIf","determinate"==t.mode),S["\u0275\u0275advance"](3),S["\u0275\u0275property"]("color",t.color)("mode",t.mode)("value",t.value))},directives:[h.d,h.b,E.a,E.d,E.i,E.h,se.c,ue.b,u.NgControlStatus,u.NgModel,ue.a,d.p,se.a,pe.a],styles:[""]}),Ee),ge=l("bv9b");function be(e,t){if(1&e){var n=S["\u0275\u0275getCurrentView"]();S["\u0275\u0275elementStart"](0,"section",9),S["\u0275\u0275elementStart"](1,"label",10),S["\u0275\u0275text"](2,"Progress:"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](3,"mat-slider",22),S["\u0275\u0275listener"]("ngModelChange",(function(e){return S["\u0275\u0275restoreView"](n),S["\u0275\u0275nextContext"]().value=e})),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()}if(2&e){var a=S["\u0275\u0275nextContext"]();S["\u0275\u0275advance"](3),S["\u0275\u0275property"]("ngModel",a.value)}}function fe(e,t){if(1&e){var n=S["\u0275\u0275getCurrentView"]();S["\u0275\u0275elementStart"](0,"section",9),S["\u0275\u0275elementStart"](1,"label",10),S["\u0275\u0275text"](2,"Buffer:"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](3,"mat-slider",22),S["\u0275\u0275listener"]("ngModelChange",(function(e){return S["\u0275\u0275restoreView"](n),S["\u0275\u0275nextContext"]().bufferValue=e})),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()}if(2&e){var a=S["\u0275\u0275nextContext"]();S["\u0275\u0275advance"](3),S["\u0275\u0275property"]("ngModel",a.bufferValue)}}var he,ve=((he=function e(){n(this,e),this.color="primary",this.mode="determinate",this.value=50,this.bufferValue=75}).\u0275fac=function(e){return new(e||he)},he.\u0275cmp=S["\u0275\u0275defineComponent"]({type:he,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&&(S["\u0275\u0275elementStart"](0,"div",0),S["\u0275\u0275elementStart"](1,"div",1),S["\u0275\u0275elementStart"](2,"mat-card"),S["\u0275\u0275elementStart"](3,"mat-card-content"),S["\u0275\u0275elementStart"](4,"mat-card-title"),S["\u0275\u0275text"](5,"Determinate progress-bar"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](6,"mat-card-subtitle"),S["\u0275\u0275elementStart"](7,"code"),S["\u0275\u0275text"](8,'<mat-progress-bar mode="determinate">'),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](9," is a horizontal progress-bar for indicating progress and activity."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](10,"mat-progress-bar",2),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](11,"div",0),S["\u0275\u0275elementStart"](12,"div",1),S["\u0275\u0275elementStart"](13,"mat-card"),S["\u0275\u0275elementStart"](14,"mat-card-content"),S["\u0275\u0275elementStart"](15,"mat-card-title"),S["\u0275\u0275text"](16,"Indeterminate progress-bar"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](17,"mat-card-subtitle"),S["\u0275\u0275elementStart"](18,"code"),S["\u0275\u0275text"](19,'<mat-progress-bar mode="indeterminate">'),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](20," is a horizontal progress-bar for indicating progress and activity."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](21,"mat-progress-bar",3),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](22,"div",0),S["\u0275\u0275elementStart"](23,"div",1),S["\u0275\u0275elementStart"](24,"mat-card"),S["\u0275\u0275elementStart"](25,"mat-card-content"),S["\u0275\u0275elementStart"](26,"mat-card-title"),S["\u0275\u0275text"](27,"Buffer progress-bar"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](28,"mat-card-subtitle"),S["\u0275\u0275elementStart"](29,"code"),S["\u0275\u0275text"](30,'<mat-progress-bar mode="buffer">'),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](31," is a horizontal progress-bar for indicating progress and activity."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](32,"mat-progress-bar",4),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](33,"div",0),S["\u0275\u0275elementStart"](34,"div",1),S["\u0275\u0275elementStart"](35,"mat-card"),S["\u0275\u0275elementStart"](36,"mat-card-content"),S["\u0275\u0275elementStart"](37,"mat-card-title"),S["\u0275\u0275text"](38,"Query progress-bar"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](39,"mat-card-subtitle"),S["\u0275\u0275elementStart"](40,"code"),S["\u0275\u0275text"](41,'<mat-progress-bar mode="query">'),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](42," is a horizontal progress-bar for indicating progress and activity."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](43,"mat-progress-bar",5),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](44,"div",0),S["\u0275\u0275elementStart"](45,"div",1),S["\u0275\u0275elementStart"](46,"mat-card"),S["\u0275\u0275elementStart"](47,"mat-card-content"),S["\u0275\u0275elementStart"](48,"mat-card-title"),S["\u0275\u0275text"](49,"Colored progress-bar"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](50,"mat-card-subtitle"),S["\u0275\u0275elementStart"](51,"code"),S["\u0275\u0275text"](52,'<mat-progress-bar mode="determinate">'),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](53," is a horizontal progress-bar for indicating progress and activity."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](54,"mat-progress-bar",6),S["\u0275\u0275element"](55,"br"),S["\u0275\u0275element"](56,"mat-progress-bar",7),S["\u0275\u0275element"](57,"br"),S["\u0275\u0275element"](58,"mat-progress-bar",8),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](59,"div",0),S["\u0275\u0275elementStart"](60,"div",1),S["\u0275\u0275elementStart"](61,"mat-card"),S["\u0275\u0275elementStart"](62,"mat-card-content"),S["\u0275\u0275elementStart"](63,"mat-card-title"),S["\u0275\u0275text"](64,"Configurable progress-bar"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](65,"mat-card-subtitle"),S["\u0275\u0275elementStart"](66,"code"),S["\u0275\u0275text"](67,'<mat-progress-bar mode="query">'),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](68," is a horizontal progress-bar for indicating progress and activity."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](69,"section",9),S["\u0275\u0275elementStart"](70,"label",10),S["\u0275\u0275text"](71,"Color:"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](72,"mat-radio-group",11),S["\u0275\u0275listener"]("ngModelChange",(function(e){return t.color=e})),S["\u0275\u0275elementStart"](73,"mat-radio-button",12),S["\u0275\u0275text"](74," Primary "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](75,"mat-radio-button",13),S["\u0275\u0275text"](76," Accent "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](77,"mat-radio-button",14),S["\u0275\u0275text"](78," Warn "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](79,"br"),S["\u0275\u0275elementStart"](80,"section",9),S["\u0275\u0275elementStart"](81,"label",10),S["\u0275\u0275text"](82,"Mode:"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](83,"mat-radio-group",11),S["\u0275\u0275listener"]("ngModelChange",(function(e){return t.mode=e})),S["\u0275\u0275elementStart"](84,"mat-radio-button",15),S["\u0275\u0275text"](85," Determinate "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](86,"mat-radio-button",16),S["\u0275\u0275text"](87," Indeterminate "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](88,"mat-radio-button",17),S["\u0275\u0275text"](89," Buffer "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](90,"mat-radio-button",18),S["\u0275\u0275text"](91," Query "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275template"](92,be,4,1,"section",19),S["\u0275\u0275template"](93,fe,4,1,"section",19),S["\u0275\u0275elementStart"](94,"h2",20),S["\u0275\u0275text"](95,"Result"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](96,"section",9),S["\u0275\u0275element"](97,"mat-progress-bar",21),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e&&(S["\u0275\u0275advance"](72),S["\u0275\u0275property"]("ngModel",t.color),S["\u0275\u0275advance"](11),S["\u0275\u0275property"]("ngModel",t.mode),S["\u0275\u0275advance"](9),S["\u0275\u0275property"]("ngIf","determinate"==t.mode||"buffer"==t.mode),S["\u0275\u0275advance"](1),S["\u0275\u0275property"]("ngIf","buffer"==t.mode),S["\u0275\u0275advance"](4),S["\u0275\u0275property"]("color",t.color)("mode",t.mode)("value",t.value)("bufferValue",t.bufferValue))},directives:[h.d,h.b,E.a,E.d,E.i,E.h,ge.a,ue.b,u.NgControlStatus,u.NgModel,ue.a,d.p,pe.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}"]}),he),ye=l("0IaG");function we(e,t){if(1&e&&(S["\u0275\u0275elementStart"](0,"li"),S["\u0275\u0275text"](1," You chose: "),S["\u0275\u0275elementStart"](2,"i"),S["\u0275\u0275text"](3),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e){var n=S["\u0275\u0275nextContext"]();S["\u0275\u0275advance"](3),S["\u0275\u0275textInterpolate"](n.animal)}}var Ce,Me,ke,Ie,Te,Fe,Oe,Pe=((Me=function(){function e(t,a){n(this,e),this.dialogRef=t,this.data=a}return t(e,[{key:"onNoClick",value:function(){this.dialogRef.close()}}]),e}()).\u0275fac=function(e){return new(e||Me)(S["\u0275\u0275directiveInject"](ye.g),S["\u0275\u0275directiveInject"](ye.a))},Me.\u0275cmp=S["\u0275\u0275defineComponent"]({type:Me,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&&(S["\u0275\u0275elementStart"](0,"h1",0),S["\u0275\u0275text"](1),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](2,"div",1),S["\u0275\u0275elementStart"](3,"p"),S["\u0275\u0275text"](4,"What's your favorite animal?"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](5,"mat-form-field"),S["\u0275\u0275elementStart"](6,"input",2),S["\u0275\u0275listener"]("ngModelChange",(function(e){return t.data.animal=e})),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](7,"div",3),S["\u0275\u0275elementStart"](8,"button",4),S["\u0275\u0275text"](9,"Ok"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](10,"button",5),S["\u0275\u0275listener"]("click",(function(){return t.onNoClick()})),S["\u0275\u0275text"](11,"No Thanks"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e&&(S["\u0275\u0275advance"](1),S["\u0275\u0275textInterpolate1"]("Hi ",t.data.name,""),S["\u0275\u0275advance"](5),S["\u0275\u0275property"]("ngModel",t.data.animal),S["\u0275\u0275advance"](2),S["\u0275\u0275property"]("mat-dialog-close",t.data.animal))},directives:[ye.h,ye.e,z.c,U.b,u.DefaultValueAccessor,u.NgControlStatus,u.NgModel,ye.c,x.b,ye.d],encapsulation:2}),Me),qe=((Ce=function(){function e(t){n(this,e),this.dialog=t}return t(e,[{key:"openDialog",value:function(){var e=this;this.dialog.open(Pe,{width:"250px",data:{name:this.name,animal:this.animal}}).afterClosed().subscribe((function(t){console.log("The dialog was closed"),e.animal=t}))}}]),e}()).\u0275fac=function(e){return new(e||Ce)(S["\u0275\u0275directiveInject"](ye.b))},Ce.\u0275cmp=S["\u0275\u0275defineComponent"]({type:Ce,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&&(S["\u0275\u0275elementStart"](0,"div",0),S["\u0275\u0275elementStart"](1,"div",1),S["\u0275\u0275elementStart"](2,"mat-card"),S["\u0275\u0275elementStart"](3,"mat-card-content"),S["\u0275\u0275elementStart"](4,"mat-card-title"),S["\u0275\u0275text"](5,"Dialog Overview"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](6,"mat-card-subtitle"),S["\u0275\u0275text"](7,"The "),S["\u0275\u0275elementStart"](8,"code"),S["\u0275\u0275text"](9,"<MatDialog>"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](10," service can be used to open modal dialogs with Material Design styling and animations."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](11,"ol"),S["\u0275\u0275elementStart"](12,"li"),S["\u0275\u0275elementStart"](13,"mat-form-field"),S["\u0275\u0275elementStart"](14,"input",2),S["\u0275\u0275listener"]("ngModelChange",(function(e){return t.name=e})),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](15,"li"),S["\u0275\u0275elementStart"](16,"button",3),S["\u0275\u0275listener"]("click",(function(){return t.openDialog()})),S["\u0275\u0275text"](17,"Pick one"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275template"](18,we,4,1,"li",4),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e&&(S["\u0275\u0275advance"](14),S["\u0275\u0275property"]("ngModel",t.name),S["\u0275\u0275advance"](4),S["\u0275\u0275property"]("ngIf",t.animal))},directives:[h.d,h.b,E.a,E.d,E.i,E.h,z.c,U.b,u.DefaultValueAccessor,u.NgControlStatus,u.NgModel,x.b,d.p],styles:[""]}),Ce),Be=l("Qu3c"),Le=l("d3UM"),Ae=((ke=function e(){n(this,e),this.position="before"}).\u0275fac=function(e){return new(e||ke)},ke.\u0275cmp=S["\u0275\u0275defineComponent"]({type:ke,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&&(S["\u0275\u0275elementStart"](0,"div",0),S["\u0275\u0275elementStart"](1,"div",1),S["\u0275\u0275elementStart"](2,"mat-card"),S["\u0275\u0275elementStart"](3,"mat-card-content"),S["\u0275\u0275elementStart"](4,"mat-card-title"),S["\u0275\u0275text"](5,"Basic Tooltip"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](6,"mat-card-subtitle"),S["\u0275\u0275text"](7,"The Angular Material tooltip provides a text label that is displayed when the user hovers over or longpresses an element. add "),S["\u0275\u0275elementStart"](8,"code"),S["\u0275\u0275text"](9,'matTooltip="yourtext"'),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](10," to any element "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](11,"span",2),S["\u0275\u0275text"](12,"I have a tooltip"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](13,"div",0),S["\u0275\u0275elementStart"](14,"div",1),S["\u0275\u0275elementStart"](15,"mat-card"),S["\u0275\u0275elementStart"](16,"mat-card-content"),S["\u0275\u0275elementStart"](17,"mat-card-title"),S["\u0275\u0275text"](18,"Positioning Tooltip"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](19,"mat-card-subtitle"),S["\u0275\u0275text"](20,"Add "),S["\u0275\u0275elementStart"](21,"code"),S["\u0275\u0275text"](22,'matTooltipPosition="below, above, left, right, before, after"'),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](23," to any element"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](24,"button",3),S["\u0275\u0275text"](25,"Above tooltip"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](26,"button",4),S["\u0275\u0275text"](27,"below tooltip"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](28,"button",5),S["\u0275\u0275text"](29,"left tooltip"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](30,"button",6),S["\u0275\u0275text"](31,"right tooltip"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](32,"button",7),S["\u0275\u0275text"](33,"Before tooltip"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](34,"mat-card"),S["\u0275\u0275elementStart"](35,"mat-card-content"),S["\u0275\u0275elementStart"](36,"mat-card-title"),S["\u0275\u0275text"](37,"Tooltip with custom position"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](38,"mat-card-subtitle"),S["\u0275\u0275text"](39,"The Angular Material tooltip provides a text label that is displayed when the user hovers over or longpresses an element."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](40,"div",8),S["\u0275\u0275elementStart"](41,"span"),S["\u0275\u0275text"](42,"Show tooltip"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](43,"mat-form-field"),S["\u0275\u0275elementStart"](44,"mat-select",9),S["\u0275\u0275listener"]("ngModelChange",(function(e){return t.position=e})),S["\u0275\u0275elementStart"](45,"mat-option",10),S["\u0275\u0275text"](46,"Before"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](47,"mat-option",11),S["\u0275\u0275text"](48,"After"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](49,"mat-option",12),S["\u0275\u0275text"](50,"Above"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](51,"mat-option",13),S["\u0275\u0275text"](52,"Below"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](53,"mat-option",14),S["\u0275\u0275text"](54,"Left"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](55,"mat-option",15),S["\u0275\u0275text"](56,"Right"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e&&(S["\u0275\u0275advance"](40),S["\u0275\u0275property"]("matTooltipPosition",t.position),S["\u0275\u0275advance"](4),S["\u0275\u0275property"]("ngModel",t.position))},directives:[h.d,h.b,E.a,E.d,E.i,E.h,Be.a,x.b,z.c,Le.a,u.NgControlStatus,u.NgModel,T.n],styles:[".example-tooltip-host[_ngcontent-%COMP%]{display:inline-flex;align-items:center;margin:50px}.example-select[_ngcontent-%COMP%]{margin:0 10px}"]}),ke),De=l("dNgK"),Ne=((Te=function(){function e(t){n(this,e),this.snackBar=t}return t(e,[{key:"openSnackBar",value:function(e,t){this.snackBar.open(e,t,{duration:2e3})}}]),e}()).\u0275fac=function(e){return new(e||Te)(S["\u0275\u0275directiveInject"](De.a))},Te.\u0275cmp=S["\u0275\u0275defineComponent"]({type:Te,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){var n=S["\u0275\u0275getCurrentView"]();S["\u0275\u0275elementStart"](0,"mat-card"),S["\u0275\u0275elementStart"](1,"mat-card-content"),S["\u0275\u0275elementStart"](2,"mat-card-title"),S["\u0275\u0275text"](3,"Basic snack-bar"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](4,"mat-card-subtitle"),S["\u0275\u0275text"](5,"matSnackBar is a service for displaying snack-bar notifications. "),S["\u0275\u0275elementStart"](6,"code",0),S["\u0275\u0275elementStart"](7,"a",1),S["\u0275\u0275text"](8,"Official Component"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](9,"mat-form-field"),S["\u0275\u0275element"](10,"input",2,3),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](12,"mat-form-field"),S["\u0275\u0275element"](13,"input",4,5),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](15,"button",6),S["\u0275\u0275listener"]("click",(function(){S["\u0275\u0275restoreView"](n);var e=S["\u0275\u0275reference"](11),a=S["\u0275\u0275reference"](14);return t.openSnackBar(e.value,a.value)})),S["\u0275\u0275text"](16,"Show snack-bar"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()}},directives:[E.a,E.d,E.i,E.h,z.c,U.b,x.b],styles:[""]}),Te),_e=((Ie=function e(){n(this,e),this.val=50,this.min=0,this.max=100}).\u0275fac=function(e){return new(e||Ie)},Ie.\u0275cmp=S["\u0275\u0275defineComponent"]({type:Ie,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&&(S["\u0275\u0275elementStart"](0,"mat-card"),S["\u0275\u0275elementStart"](1,"mat-card-content"),S["\u0275\u0275elementStart"](2,"mat-card-title"),S["\u0275\u0275text"](3,"Slider"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](4,"mat-card-subtitle"),S["\u0275\u0275text"](5,"mat-slider allows for the selection of a value from a range via mouse, touch, or keyboard, similar to "),S["\u0275\u0275elementStart"](6,"code",0),S["\u0275\u0275elementStart"](7,"a",1),S["\u0275\u0275text"](8,"Official Component"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](9,"h4",2),S["\u0275\u0275text"](10,"Basic Slider"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](11,"mat-slider",3),S["\u0275\u0275elementStart"](12,"h4",2),S["\u0275\u0275text"](13,"value Slider"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](14," Label "),S["\u0275\u0275element"](15,"mat-slider",4,5),S["\u0275\u0275text"](17),S["\u0275\u0275elementStart"](18,"h4",2),S["\u0275\u0275text"](19,"With Min and Max"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](20,"mat-form-field"),S["\u0275\u0275elementStart"](21,"input",6),S["\u0275\u0275listener"]("ngModelChange",(function(e){return t.min=e})),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](22,"mat-form-field"),S["\u0275\u0275elementStart"](23,"input",6),S["\u0275\u0275listener"]("ngModelChange",(function(e){return t.max=e})),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](24,"br"),S["\u0275\u0275element"](25,"mat-slider",7,8),S["\u0275\u0275text"](27),S["\u0275\u0275elementStart"](28,"h4",2),S["\u0275\u0275text"](29,"Disabled Slider"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](30,"mat-slider",9,10),S["\u0275\u0275text"](32),S["\u0275\u0275elementStart"](33,"h4",2),S["\u0275\u0275text"](34,"Vertical slider"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](35,"mat-slider",11),S["\u0275\u0275elementStart"](36,"h4",2),S["\u0275\u0275text"](37,"Selecting a value"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](38,"mat-slider",12,13),S["\u0275\u0275text"](40),S["\u0275\u0275elementStart"](41,"h4",2),S["\u0275\u0275text"](42,"Slider with set tick interval"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](43,"mat-slider",14),S["\u0275\u0275element"](44,"mat-slider",15),S["\u0275\u0275elementStart"](45,"h4",2),S["\u0275\u0275text"](46,"Slider with Thumb Label"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](47,"mat-slider",16),S["\u0275\u0275elementStart"](48,"h4",2),S["\u0275\u0275text"](49,"Slider with one-way binding"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](50,"mat-slider",17),S["\u0275\u0275elementStart"](51,"mat-form-field"),S["\u0275\u0275elementStart"](52,"input",6),S["\u0275\u0275listener"]("ngModelChange",(function(e){return t.val=e})),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](53,"h4",2),S["\u0275\u0275text"](54,"Slider with two-way binding"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](55,"mat-slider",18),S["\u0275\u0275listener"]("ngModelChange",(function(e){return t.demo=e})),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](56,"mat-form-field"),S["\u0275\u0275elementStart"](57,"input",6),S["\u0275\u0275listener"]("ngModelChange",(function(e){return t.demo=e})),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](58,"h4",2),S["\u0275\u0275text"](59,"Inverted slider"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](60,"mat-slider",19),S["\u0275\u0275elementStart"](61,"h4",2),S["\u0275\u0275text"](62,"Inverted vertical slider"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275element"](63,"mat-slider",20),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e){var n=S["\u0275\u0275reference"](16),a=S["\u0275\u0275reference"](26),l=S["\u0275\u0275reference"](31),m=S["\u0275\u0275reference"](39);S["\u0275\u0275advance"](17),S["\u0275\u0275textInterpolate1"](" ",n.value," "),S["\u0275\u0275advance"](4),S["\u0275\u0275property"]("ngModel",t.min),S["\u0275\u0275advance"](2),S["\u0275\u0275property"]("ngModel",t.max),S["\u0275\u0275advance"](2),S["\u0275\u0275property"]("min",t.min)("max",t.max),S["\u0275\u0275advance"](2),S["\u0275\u0275textInterpolate1"](" ",a.value," "),S["\u0275\u0275advance"](5),S["\u0275\u0275textInterpolate1"](" ",l.value," "),S["\u0275\u0275advance"](8),S["\u0275\u0275textInterpolate1"](" ",m.value," "),S["\u0275\u0275advance"](10),S["\u0275\u0275property"]("value",t.val),S["\u0275\u0275advance"](2),S["\u0275\u0275property"]("ngModel",t.val),S["\u0275\u0275advance"](3),S["\u0275\u0275property"]("ngModel",t.demo),S["\u0275\u0275advance"](2),S["\u0275\u0275property"]("ngModel",t.demo)}},directives:[E.a,E.d,E.i,E.h,pe.a,z.c,U.b,u.DefaultValueAccessor,u.NgControlStatus,u.NgModel],styles:[""]}),Ie),je=l("1jcm"),Ve=l("bSwM"),Re=[{path:"",children:[{path:"button",component:f},{path:"cards",component:v},{path:"grid",component:M},{path:"lists",component:D},{path:"menu",component:_},{path:"tabs",component:W},{path:"stepper",component:Q},{path:"expansion",component:ee},{path:"chips",component:ie},{path:"toolbar",component:ce},{path:"progress-snipper",component:xe},{path:"progress",component:ve},{path:"dialog",component:qe},{path:"tooltip",component:Ae},{path:"snackbar",component:Ne},{path:"slider",component:_e},{path:"slide-toggle",component:(Fe=function e(){n(this,e),this.color="accent",this.checked=!1,this.disabled=!1},Fe.\u0275fac=function(e){return new(e||Fe)},Fe.\u0275cmp=S["\u0275\u0275defineComponent"]({type:Fe,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&&(S["\u0275\u0275elementStart"](0,"div",0),S["\u0275\u0275elementStart"](1,"div",1),S["\u0275\u0275elementStart"](2,"mat-card"),S["\u0275\u0275elementStart"](3,"mat-card-content"),S["\u0275\u0275elementStart"](4,"mat-card-title"),S["\u0275\u0275text"](5,"Basic slide-toggles"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](6,"mat-card-subtitle"),S["\u0275\u0275elementStart"](7,"code"),S["\u0275\u0275text"](8,"<mat-slide-toggle>"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](9," is an on/off control that can be toggled via clicking or dragging."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](10,"mat-slide-toggle"),S["\u0275\u0275text"](11,"Slide me!"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](12,"mat-card"),S["\u0275\u0275elementStart"](13,"mat-card-content"),S["\u0275\u0275elementStart"](14,"mat-card-title"),S["\u0275\u0275text"](15,"Basic grid-list"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](16,"mat-card-subtitle"),S["\u0275\u0275elementStart"](17,"code"),S["\u0275\u0275text"](18,"<mat-slide-toggle>"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275text"](19," is an on/off control that can be toggled via clicking or dragging."),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](20,"section",2),S["\u0275\u0275elementStart"](21,"label",3),S["\u0275\u0275text"](22,"Color:"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](23,"mat-radio-group",4),S["\u0275\u0275listener"]("ngModelChange",(function(e){return t.color=e})),S["\u0275\u0275elementStart"](24,"mat-radio-button",5),S["\u0275\u0275text"](25," Primary "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](26,"mat-radio-button",6),S["\u0275\u0275text"](27," Accent "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](28,"mat-radio-button",7),S["\u0275\u0275text"](29," Warn "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](30,"section",2),S["\u0275\u0275elementStart"](31,"mat-checkbox",8),S["\u0275\u0275listener"]("ngModelChange",(function(e){return t.checked=e})),S["\u0275\u0275text"](32,"Checked"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](33,"section",2),S["\u0275\u0275elementStart"](34,"mat-checkbox",8),S["\u0275\u0275listener"]("ngModelChange",(function(e){return t.disabled=e})),S["\u0275\u0275text"](35,"Disabled"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](36,"h2",9),S["\u0275\u0275text"](37,"Result"),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementStart"](38,"section",2),S["\u0275\u0275elementStart"](39,"mat-slide-toggle",10),S["\u0275\u0275text"](40," Slide me! "),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"](),S["\u0275\u0275elementEnd"]()),2&e&&(S["\u0275\u0275advance"](23),S["\u0275\u0275property"]("ngModel",t.color),S["\u0275\u0275advance"](8),S["\u0275\u0275property"]("ngModel",t.checked),S["\u0275\u0275advance"](3),S["\u0275\u0275property"]("ngModel",t.disabled),S["\u0275\u0275advance"](5),S["\u0275\u0275property"]("color",t.color)("checked",t.checked)("disabled",t.disabled))},directives:[h.d,h.b,E.a,E.d,E.i,E.h,je.a,ue.b,u.NgControlStatus,u.NgModel,ue.a,Ve.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}"]}),Fe)}]}],We=((Oe=function e(){n(this,e)}).\u0275mod=S["\u0275\u0275defineNgModule"]({type:Oe}),Oe.\u0275inj=S["\u0275\u0275defineInjector"]({factory:function(e){return new(e||Oe)},providers:[],imports:[[d.c,o.j.forChild(Re),c.a,i.c,u.FormsModule,u.ReactiveFormsModule,p.a,s.r]]}),Oe)}}])}();