103.2596b52a5b318d31.js

"use strict";(self.webpackChunkmaterial_angular_io=self.webpackChunkmaterial_angular_io||[]).push([[103],{103:(_,d,i)=>{i.r(d),i.d(d,{ButtonExamplesModule:()=>c,ButtonHarnessExample:()=>l,ButtonOverviewExample:()=>s,ButtonTypesExample:()=>o});var t=i(4650),a=i(4859),m=i(8729),b=i(7392);let s=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275cmp=t.Xpm({type:n,selectors:[["button-overview-example"]],decls:132,vars:0,consts:[[1,"example-label"],[1,"example-button-row"],["mat-button",""],["mat-button","","color","primary"],["mat-button","","color","accent"],["mat-button","","color","warn"],["mat-button","","disabled",""],["mat-button","","href","https://www.google.com/","target","_blank"],["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","","href","https://www.google.com/","target","_blank"],["mat-stroked-button",""],["mat-stroked-button","","color","primary"],["mat-stroked-button","","color","accent"],["mat-stroked-button","","color","warn"],["mat-stroked-button","","disabled",""],["mat-stroked-button","","href","https://www.google.com/","target","_blank"],["mat-flat-button",""],["mat-flat-button","","color","primary"],["mat-flat-button","","color","accent"],["mat-flat-button","","color","warn"],["mat-flat-button","","disabled",""],["mat-flat-button","","href","https://www.google.com/","target","_blank"],[1,"example-flex-container"],["mat-icon-button","","aria-label","Example icon button with a vertical three dot icon"],["mat-icon-button","","color","primary","aria-label","Example icon button with a home icon"],["mat-icon-button","","color","accent","aria-label","Example icon button with a menu icon"],["mat-icon-button","","color","warn","aria-label","Example icon button with a heart icon"],["mat-icon-button","","disabled","","aria-label","Example icon button with a open in new tab icon"],[1,"example-button-container"],["mat-fab","","color","primary","aria-label","Example icon button with a delete icon"],["mat-fab","","color","accent","aria-label","Example icon button with a bookmark icon"],["mat-fab","","color","warn","aria-label","Example icon button with a home icon"],["mat-fab","","disabled","","aria-label","Example icon button with a heart icon"],["mat-mini-fab","","color","primary","aria-label","Example icon button with a menu icon"],["mat-mini-fab","","color","accent","aria-label","Example icon button with a plus one icon"],["mat-mini-fab","","color","warn","aria-label","Example icon button with a filter list icon"],["mat-mini-fab","","disabled","","aria-label","Example icon button with a home icon"]],template:function(e,Z){1&e&&(t.TgZ(0,"section")(1,"div",0),t._uU(2,"Basic"),t.qZA(),t.TgZ(3,"div",1)(4,"button",2),t._uU(5,"Basic"),t.qZA(),t.TgZ(6,"button",3),t._uU(7,"Primary"),t.qZA(),t.TgZ(8,"button",4),t._uU(9,"Accent"),t.qZA(),t.TgZ(10,"button",5),t._uU(11,"Warn"),t.qZA(),t.TgZ(12,"button",6),t._uU(13,"Disabled"),t.qZA(),t.TgZ(14,"a",7),t._uU(15,"Link"),t.qZA()()(),t._UZ(16,"mat-divider"),t.TgZ(17,"section")(18,"div",0),t._uU(19,"Raised"),t.qZA(),t.TgZ(20,"div",1)(21,"button",8),t._uU(22,"Basic"),t.qZA(),t.TgZ(23,"button",9),t._uU(24,"Primary"),t.qZA(),t.TgZ(25,"button",10),t._uU(26,"Accent"),t.qZA(),t.TgZ(27,"button",11),t._uU(28,"Warn"),t.qZA(),t.TgZ(29,"button",12),t._uU(30,"Disabled"),t.qZA(),t.TgZ(31,"a",13),t._uU(32,"Link"),t.qZA()()(),t._UZ(33,"mat-divider"),t.TgZ(34,"section")(35,"div",0),t._uU(36,"Stroked"),t.qZA(),t.TgZ(37,"div",1)(38,"button",14),t._uU(39,"Basic"),t.qZA(),t.TgZ(40,"button",15),t._uU(41,"Primary"),t.qZA(),t.TgZ(42,"button",16),t._uU(43,"Accent"),t.qZA(),t.TgZ(44,"button",17),t._uU(45,"Warn"),t.qZA(),t.TgZ(46,"button",18),t._uU(47,"Disabled"),t.qZA(),t.TgZ(48,"a",19),t._uU(49,"Link"),t.qZA()()(),t._UZ(50,"mat-divider"),t.TgZ(51,"section")(52,"div",0),t._uU(53,"Flat"),t.qZA(),t.TgZ(54,"div",1)(55,"button",20),t._uU(56,"Basic"),t.qZA(),t.TgZ(57,"button",21),t._uU(58,"Primary"),t.qZA(),t.TgZ(59,"button",22),t._uU(60,"Accent"),t.qZA(),t.TgZ(61,"button",23),t._uU(62,"Warn"),t.qZA(),t.TgZ(63,"button",24),t._uU(64,"Disabled"),t.qZA(),t.TgZ(65,"a",25),t._uU(66,"Link"),t.qZA()()(),t._UZ(67,"mat-divider"),t.TgZ(68,"section")(69,"div",0),t._uU(70,"Icon"),t.qZA(),t.TgZ(71,"div",1)(72,"div",26)(73,"button",27)(74,"mat-icon"),t._uU(75,"more_vert"),t.qZA()(),t.TgZ(76,"button",28)(77,"mat-icon"),t._uU(78,"home"),t.qZA()(),t.TgZ(79,"button",29)(80,"mat-icon"),t._uU(81,"menu"),t.qZA()(),t.TgZ(82,"button",30)(83,"mat-icon"),t._uU(84,"favorite"),t.qZA()(),t.TgZ(85,"button",31)(86,"mat-icon"),t._uU(87,"open_in_new"),t.qZA()()()()(),t._UZ(88,"mat-divider"),t.TgZ(89,"section")(90,"div",0),t._uU(91,"FAB"),t.qZA(),t.TgZ(92,"div",1)(93,"div",26)(94,"div",32)(95,"button",33)(96,"mat-icon"),t._uU(97,"delete"),t.qZA()()(),t.TgZ(98,"div",32)(99,"button",34)(100,"mat-icon"),t._uU(101,"bookmark"),t.qZA()()(),t.TgZ(102,"div",32)(103,"button",35)(104,"mat-icon"),t._uU(105,"home"),t.qZA()()(),t.TgZ(106,"div",32)(107,"button",36)(108,"mat-icon"),t._uU(109,"favorite"),t.qZA()()()()()(),t._UZ(110,"mat-divider"),t.TgZ(111,"section")(112,"div",0),t._uU(113,"Mini FAB"),t.qZA(),t.TgZ(114,"div",1)(115,"div",26)(116,"div",32)(117,"button",37)(118,"mat-icon"),t._uU(119,"menu"),t.qZA()()(),t.TgZ(120,"div",32)(121,"button",38)(122,"mat-icon"),t._uU(123,"plus_one"),t.qZA()()(),t.TgZ(124,"div",32)(125,"button",39)(126,"mat-icon"),t._uU(127,"filter_list"),t.qZA()()(),t.TgZ(128,"div",32)(129,"button",40)(130,"mat-icon"),t._uU(131,"home"),t.qZA()()()()()())},dependencies:[a.zs,a.lW,a.RK,a.nh,a.cs,m.d,b.Hw],styles:["section[_ngcontent-%COMP%] {\n  display: table;\n}\n\n.example-label[_ngcontent-%COMP%] {\n  display: table-cell;\n  font-size: 14px;\n  margin-left: 8px;\n  min-width: 120px;\n}\n\n.example-button-row[_ngcontent-%COMP%] {\n  display: table-cell;\n  max-width: 600px;\n}\n\n.example-button-row[_ngcontent-%COMP%]   .mat-mdc-button-base[_ngcontent-%COMP%] {\n  margin: 8px 8px 8px 0;\n}\n\n.example-flex-container[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n}\n\n.example-button-container[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  width: 120px;\n}"]}),n})(),o=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275cmp=t.Xpm({type:n,selectors:[["button-types-example"]],decls:114,vars:0,consts:[[1,"example-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-stroked-button",""],["mat-stroked-button","","color","primary"],["mat-stroked-button","","color","accent"],["mat-stroked-button","","color","warn"],["mat-stroked-button","","disabled",""],["mat-stroked-button","","routerLink","."],["mat-flat-button",""],["mat-flat-button","","color","primary"],["mat-flat-button","","color","accent"],["mat-flat-button","","color","warn"],["mat-flat-button","","disabled",""],["mat-flat-button","","routerLink","."],["mat-icon-button","","aria-label","Example icon-button with a heart icon"],["mat-icon-button","","color","primary","aria-label","Example icon-button with a heart icon"],["mat-icon-button","","color","accent","aria-label","Example icon-button with a heart icon"],["mat-icon-button","","color","warn","aria-label","Example icon-button with a heart icon"],["mat-icon-button","","disabled","","aria-label","Example icon-button with a heart icon"],["mat-fab",""],["mat-fab","","color","primary"],["mat-fab","","color","accent"],["mat-fab","","color","warn"],["mat-fab","","disabled",""],["mat-fab","","aria-label","Example icon-button with a heart icon"],["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","","aria-label","Example icon-button with a heart icon"],["mat-mini-fab","","routerLink","."]],template:function(e,Z){1&e&&(t.TgZ(0,"h3"),t._uU(1,"Basic Buttons"),t.qZA(),t.TgZ(2,"div",0)(3,"button",1),t._uU(4,"Basic"),t.qZA(),t.TgZ(5,"button",2),t._uU(6,"Primary"),t.qZA(),t.TgZ(7,"button",3),t._uU(8,"Accent"),t.qZA(),t.TgZ(9,"button",4),t._uU(10,"Warn"),t.qZA(),t.TgZ(11,"button",5),t._uU(12,"Disabled"),t.qZA(),t.TgZ(13,"a",6),t._uU(14,"Link"),t.qZA()(),t.TgZ(15,"h3"),t._uU(16,"Raised Buttons"),t.qZA(),t.TgZ(17,"div",0)(18,"button",7),t._uU(19,"Basic"),t.qZA(),t.TgZ(20,"button",8),t._uU(21,"Primary"),t.qZA(),t.TgZ(22,"button",9),t._uU(23,"Accent"),t.qZA(),t.TgZ(24,"button",10),t._uU(25,"Warn"),t.qZA(),t.TgZ(26,"button",11),t._uU(27,"Disabled"),t.qZA(),t.TgZ(28,"a",12),t._uU(29,"Link"),t.qZA()(),t.TgZ(30,"h3"),t._uU(31,"Stroked Buttons"),t.qZA(),t.TgZ(32,"div",0)(33,"button",13),t._uU(34,"Basic"),t.qZA(),t.TgZ(35,"button",14),t._uU(36,"Primary"),t.qZA(),t.TgZ(37,"button",15),t._uU(38,"Accent"),t.qZA(),t.TgZ(39,"button",16),t._uU(40,"Warn"),t.qZA(),t.TgZ(41,"button",17),t._uU(42,"Disabled"),t.qZA(),t.TgZ(43,"a",18),t._uU(44,"Link"),t.qZA()(),t.TgZ(45,"h3"),t._uU(46,"Flat Buttons"),t.qZA(),t.TgZ(47,"div",0)(48,"button",19),t._uU(49,"Basic"),t.qZA(),t.TgZ(50,"button",20),t._uU(51,"Primary"),t.qZA(),t.TgZ(52,"button",21),t._uU(53,"Accent"),t.qZA(),t.TgZ(54,"button",22),t._uU(55,"Warn"),t.qZA(),t.TgZ(56,"button",23),t._uU(57,"Disabled"),t.qZA(),t.TgZ(58,"a",24),t._uU(59,"Link"),t.qZA()(),t.TgZ(60,"h3"),t._uU(61,"Icon Buttons"),t.qZA(),t.TgZ(62,"div",0)(63,"button",25)(64,"mat-icon"),t._uU(65,"favorite"),t.qZA()(),t.TgZ(66,"button",26)(67,"mat-icon"),t._uU(68,"favorite"),t.qZA()(),t.TgZ(69,"button",27)(70,"mat-icon"),t._uU(71,"favorite"),t.qZA()(),t.TgZ(72,"button",28)(73,"mat-icon"),t._uU(74,"favorite"),t.qZA()(),t.TgZ(75,"button",29)(76,"mat-icon"),t._uU(77,"favorite"),t.qZA()()(),t.TgZ(78,"h3"),t._uU(79,"Fab Buttons"),t.qZA(),t.TgZ(80,"div",0)(81,"button",30),t._uU(82,"Basic"),t.qZA(),t.TgZ(83,"button",31),t._uU(84,"Primary"),t.qZA(),t.TgZ(85,"button",32),t._uU(86,"Accent"),t.qZA(),t.TgZ(87,"button",33),t._uU(88,"Warn"),t.qZA(),t.TgZ(89,"button",34),t._uU(90,"Disabled"),t.qZA(),t.TgZ(91,"button",35)(92,"mat-icon"),t._uU(93,"favorite"),t.qZA()(),t.TgZ(94,"a",36),t._uU(95,"Link"),t.qZA()(),t.TgZ(96,"h3"),t._uU(97,"Mini Fab Buttons"),t.qZA(),t.TgZ(98,"div",0)(99,"button",37),t._uU(100,"Basic"),t.qZA(),t.TgZ(101,"button",38),t._uU(102,"Primary"),t.qZA(),t.TgZ(103,"button",39),t._uU(104,"Accent"),t.qZA(),t.TgZ(105,"button",40),t._uU(106,"Warn"),t.qZA(),t.TgZ(107,"button",41),t._uU(108,"Disabled"),t.qZA(),t.TgZ(109,"button",42)(110,"mat-icon"),t._uU(111,"favorite"),t.qZA()(),t.TgZ(112,"a",43),t._uU(113,"Link"),t.qZA()())},dependencies:[a.zs,a.lW,a.RK,a.Tq,a.nh,a.EX,a.cs,b.Hw],styles:[".example-button-row[_ngcontent-%COMP%]   button[_ngcontent-%COMP%], .example-button-row[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  margin-right: 8px;\n}"]}),n})(),l=(()=>{class n{constructor(){this.clicked=!1}}return n.\u0275fac=function(e){return new(e||n)},n.\u0275cmp=t.Xpm({type:n,selectors:[["button-harness-example"]],decls:2,vars:0,consts:[["id","basic","type","button","mat-button","",3,"click"]],template:function(e,Z){1&e&&(t.TgZ(0,"button",0),t.NdJ("click",function(){return Z.clicked=!0}),t._uU(1," Basic button\n"),t.qZA())},dependencies:[a.lW],encapsulation:2}),n})(),c=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=t.oAB({type:n}),n.\u0275inj=t.cJS({imports:[a.ot,m.t,b.Ps]}),n})()},8729:(_,d,i)=>{i.d(d,{d:()=>b,t:()=>s});var t=i(4650),a=i(1281),m=i(3238);let b=(()=>{class o{constructor(){this._vertical=!1,this._inset=!1}get vertical(){return this._vertical}set vertical(r){this._vertical=(0,a.Ig)(r)}get inset(){return this._inset}set inset(r){this._inset=(0,a.Ig)(r)}}return o.\u0275fac=function(r){return new(r||o)},o.\u0275cmp=t.Xpm({type:o,selectors:[["mat-divider"]],hostAttrs:["role","separator",1,"mat-divider"],hostVars:7,hostBindings:function(r,c){2&r&&(t.uIk("aria-orientation",c.vertical?"vertical":"horizontal"),t.ekj("mat-divider-vertical",c.vertical)("mat-divider-horizontal",!c.vertical)("mat-divider-inset",c.inset))},inputs:{vertical:"vertical",inset:"inset"},decls:0,vars:0,template:function(r,c){},styles:[".mat-divider{display:block;margin:0;border-top-width:1px;border-top-style:solid}.mat-divider.mat-divider-vertical{border-top:0;border-right-width:1px;border-right-style:solid}.mat-divider.mat-divider-inset{margin-left:80px}[dir=rtl] .mat-divider.mat-divider-inset{margin-left:auto;margin-right:80px}"],encapsulation:2,changeDetection:0}),o})(),s=(()=>{class o{}return o.\u0275fac=function(r){return new(r||o)},o.\u0275mod=t.oAB({type:o}),o.\u0275inj=t.cJS({imports:[m.BQ,m.BQ]}),o})()}}]);