-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy path545.3796f9948aad84c4.js
1 lines (1 loc) · 15.3 KB
/
545.3796f9948aad84c4.js
1
"use strict";(self.webpackChunkmaterial_angular_io=self.webpackChunkmaterial_angular_io||[]).push([[545],{545:(F,d,i)=>{i.r(d),i.d(d,{ButtonDisabledInteractiveExample:()=>r,ButtonHarnessExample:()=>l,ButtonOverviewExample:()=>e,ButtonTypesExample:()=>E});var t=i(4438),s=i(9213),m=i(1997),n=i(8834),b=i(4823);let e=(()=>{class a{static#t=this.\u0275fac=function(o){return new(o||a)};static#a=this.\u0275cmp=t.VBU({type:a,selectors:[["button-overview-example"]],standalone:!0,features:[t.aNF],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(o,u){1&o&&(t.j41(0,"section")(1,"div",0),t.EFF(2,"Basic"),t.k0s(),t.j41(3,"div",1)(4,"button",2),t.EFF(5,"Basic"),t.k0s(),t.j41(6,"button",3),t.EFF(7,"Primary"),t.k0s(),t.j41(8,"button",4),t.EFF(9,"Accent"),t.k0s(),t.j41(10,"button",5),t.EFF(11,"Warn"),t.k0s(),t.j41(12,"button",6),t.EFF(13,"Disabled"),t.k0s(),t.j41(14,"a",7),t.EFF(15,"Link"),t.k0s()()(),t.nrm(16,"mat-divider"),t.j41(17,"section")(18,"div",0),t.EFF(19,"Raised"),t.k0s(),t.j41(20,"div",1)(21,"button",8),t.EFF(22,"Basic"),t.k0s(),t.j41(23,"button",9),t.EFF(24,"Primary"),t.k0s(),t.j41(25,"button",10),t.EFF(26,"Accent"),t.k0s(),t.j41(27,"button",11),t.EFF(28,"Warn"),t.k0s(),t.j41(29,"button",12),t.EFF(30,"Disabled"),t.k0s(),t.j41(31,"a",13),t.EFF(32,"Link"),t.k0s()()(),t.nrm(33,"mat-divider"),t.j41(34,"section")(35,"div",0),t.EFF(36,"Stroked"),t.k0s(),t.j41(37,"div",1)(38,"button",14),t.EFF(39,"Basic"),t.k0s(),t.j41(40,"button",15),t.EFF(41,"Primary"),t.k0s(),t.j41(42,"button",16),t.EFF(43,"Accent"),t.k0s(),t.j41(44,"button",17),t.EFF(45,"Warn"),t.k0s(),t.j41(46,"button",18),t.EFF(47,"Disabled"),t.k0s(),t.j41(48,"a",19),t.EFF(49,"Link"),t.k0s()()(),t.nrm(50,"mat-divider"),t.j41(51,"section")(52,"div",0),t.EFF(53,"Flat"),t.k0s(),t.j41(54,"div",1)(55,"button",20),t.EFF(56,"Basic"),t.k0s(),t.j41(57,"button",21),t.EFF(58,"Primary"),t.k0s(),t.j41(59,"button",22),t.EFF(60,"Accent"),t.k0s(),t.j41(61,"button",23),t.EFF(62,"Warn"),t.k0s(),t.j41(63,"button",24),t.EFF(64,"Disabled"),t.k0s(),t.j41(65,"a",25),t.EFF(66,"Link"),t.k0s()()(),t.nrm(67,"mat-divider"),t.j41(68,"section")(69,"div",0),t.EFF(70,"Icon"),t.k0s(),t.j41(71,"div",1)(72,"div",26)(73,"button",27)(74,"mat-icon"),t.EFF(75,"more_vert"),t.k0s()(),t.j41(76,"button",28)(77,"mat-icon"),t.EFF(78,"home"),t.k0s()(),t.j41(79,"button",29)(80,"mat-icon"),t.EFF(81,"menu"),t.k0s()(),t.j41(82,"button",30)(83,"mat-icon"),t.EFF(84,"favorite"),t.k0s()(),t.j41(85,"button",31)(86,"mat-icon"),t.EFF(87,"open_in_new"),t.k0s()()()()(),t.nrm(88,"mat-divider"),t.j41(89,"section")(90,"div",0),t.EFF(91,"FAB"),t.k0s(),t.j41(92,"div",1)(93,"div",26)(94,"div",32)(95,"button",33)(96,"mat-icon"),t.EFF(97,"delete"),t.k0s()()(),t.j41(98,"div",32)(99,"button",34)(100,"mat-icon"),t.EFF(101,"bookmark"),t.k0s()()(),t.j41(102,"div",32)(103,"button",35)(104,"mat-icon"),t.EFF(105,"home"),t.k0s()()(),t.j41(106,"div",32)(107,"button",36)(108,"mat-icon"),t.EFF(109,"favorite"),t.k0s()()()()()(),t.nrm(110,"mat-divider"),t.j41(111,"section")(112,"div",0),t.EFF(113,"Mini FAB"),t.k0s(),t.j41(114,"div",1)(115,"div",26)(116,"div",32)(117,"button",37)(118,"mat-icon"),t.EFF(119,"menu"),t.k0s()()(),t.j41(120,"div",32)(121,"button",38)(122,"mat-icon"),t.EFF(123,"plus_one"),t.k0s()()(),t.j41(124,"div",32)(125,"button",39)(126,"mat-icon"),t.EFF(127,"filter_list"),t.k0s()()(),t.j41(128,"div",32)(129,"button",40)(130,"mat-icon"),t.EFF(131,"home"),t.k0s()()()()()())},dependencies:[n.Hl,n.It,n.$z,n.iY,n.$0,n.Sr,m.w,m.q,s.m_,s.An],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}"]})}return a})(),E=(()=>{class a{static#t=this.\u0275fac=function(o){return new(o||a)};static#a=this.\u0275cmp=t.VBU({type:a,selectors:[["button-types-example"]],standalone:!0,features:[t.aNF],decls:143,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","","matTooltip","Basic","aria-label","Example icon-button with a heart icon"],["mat-icon-button","","matTooltip","Primary","color","primary","aria-label","Example icon-button with a heart icon"],["mat-icon-button","","matTooltip","Accent","color","accent","aria-label","Example icon-button with a heart icon"],["mat-icon-button","","matTooltip","Warn","color","warn","aria-label","Example icon-button with a heart icon"],["matTooltip","Disabled",1,"example-disabled"],["mat-icon-button","","disabled","","aria-label","Example icon-button with a heart icon"],["mat-icon-button","","matTooltip","Link","routerLink",".","aria-label","Example icon-button with a heart icon"],["mat-fab","","matTooltip","Primary","color","primary","aria-label","Example fab with a heart icon"],["mat-fab","","matTooltip","Accent","color","accent","aria-label","Example fab with a heart icon"],["mat-fab","","matTooltip","Warn","color","warn","aria-label","Example fab with a heart icon"],["mat-fab","","disabled","","aria-label","Example fab with a heart icon"],["mat-fab","","matTooltip","Link","routerLink",".","aria-label","Example fab with a heart icon"],["mat-mini-fab","","matTooltip","Primary","color","primary","aria-label","Example mini fab with a heart icon"],["mat-mini-fab","","matTooltip","Accent","color","accent","aria-label","Example mini fab with a heart icon"],["mat-mini-fab","","matTooltip","Warn","color","warn","aria-label","Example mini fab with a heart icon"],["mat-mini-fab","","disabled","","aria-label","Example mini fab with a heart icon"],["mat-mini-fab","","matTooltip","Link","routerLink",".","aria-label","Example mini fab with a heart icon"],["mat-fab","","extended","","color","primary"],["mat-fab","","extended","","color","accent"],["mat-fab","","extended","","color","warn"],["mat-fab","","extended","","disabled",""],["mat-fab","","extended","","routerLink","."]],template:function(o,u){1&o&&(t.j41(0,"h3"),t.EFF(1,"Basic Buttons"),t.k0s(),t.j41(2,"div",0)(3,"button",1),t.EFF(4,"Basic"),t.k0s(),t.j41(5,"button",2),t.EFF(6,"Primary"),t.k0s(),t.j41(7,"button",3),t.EFF(8,"Accent"),t.k0s(),t.j41(9,"button",4),t.EFF(10,"Warn"),t.k0s(),t.j41(11,"button",5),t.EFF(12,"Disabled"),t.k0s(),t.j41(13,"a",6),t.EFF(14,"Link"),t.k0s()(),t.j41(15,"h3"),t.EFF(16,"Raised Buttons"),t.k0s(),t.j41(17,"div",0)(18,"button",7),t.EFF(19,"Basic"),t.k0s(),t.j41(20,"button",8),t.EFF(21,"Primary"),t.k0s(),t.j41(22,"button",9),t.EFF(23,"Accent"),t.k0s(),t.j41(24,"button",10),t.EFF(25,"Warn"),t.k0s(),t.j41(26,"button",11),t.EFF(27,"Disabled"),t.k0s(),t.j41(28,"a",12),t.EFF(29,"Link"),t.k0s()(),t.j41(30,"h3"),t.EFF(31,"Stroked Buttons"),t.k0s(),t.j41(32,"div",0)(33,"button",13),t.EFF(34,"Basic"),t.k0s(),t.j41(35,"button",14),t.EFF(36,"Primary"),t.k0s(),t.j41(37,"button",15),t.EFF(38,"Accent"),t.k0s(),t.j41(39,"button",16),t.EFF(40,"Warn"),t.k0s(),t.j41(41,"button",17),t.EFF(42,"Disabled"),t.k0s(),t.j41(43,"a",18),t.EFF(44,"Link"),t.k0s()(),t.j41(45,"h3"),t.EFF(46,"Flat Buttons"),t.k0s(),t.j41(47,"div",0)(48,"button",19),t.EFF(49,"Basic"),t.k0s(),t.j41(50,"button",20),t.EFF(51,"Primary"),t.k0s(),t.j41(52,"button",21),t.EFF(53,"Accent"),t.k0s(),t.j41(54,"button",22),t.EFF(55,"Warn"),t.k0s(),t.j41(56,"button",23),t.EFF(57,"Disabled"),t.k0s(),t.j41(58,"a",24),t.EFF(59,"Link"),t.k0s()(),t.j41(60,"h3"),t.EFF(61,"Icon Buttons"),t.k0s(),t.j41(62,"div",0)(63,"button",25)(64,"mat-icon"),t.EFF(65,"favorite"),t.k0s()(),t.j41(66,"button",26)(67,"mat-icon"),t.EFF(68,"favorite"),t.k0s()(),t.j41(69,"button",27)(70,"mat-icon"),t.EFF(71,"favorite"),t.k0s()(),t.j41(72,"button",28)(73,"mat-icon"),t.EFF(74,"favorite"),t.k0s()(),t.j41(75,"div",29)(76,"button",30)(77,"mat-icon"),t.EFF(78,"favorite"),t.k0s()()(),t.j41(79,"a",31)(80,"mat-icon"),t.EFF(81,"favorite"),t.k0s()()(),t.j41(82,"h3"),t.EFF(83,"Fab Buttons"),t.k0s(),t.j41(84,"div",0)(85,"button",32)(86,"mat-icon"),t.EFF(87,"favorite"),t.k0s()(),t.j41(88,"button",33)(89,"mat-icon"),t.EFF(90,"favorite"),t.k0s()(),t.j41(91,"button",34)(92,"mat-icon"),t.EFF(93,"favorite"),t.k0s()(),t.j41(94,"div",29)(95,"button",35)(96,"mat-icon"),t.EFF(97,"favorite"),t.k0s()()(),t.j41(98,"a",36)(99,"mat-icon"),t.EFF(100,"favorite"),t.k0s()()(),t.j41(101,"h3"),t.EFF(102,"Mini Fab Buttons"),t.k0s(),t.j41(103,"div",0)(104,"button",37)(105,"mat-icon"),t.EFF(106,"favorite"),t.k0s()(),t.j41(107,"button",38)(108,"mat-icon"),t.EFF(109,"favorite"),t.k0s()(),t.j41(110,"button",39)(111,"mat-icon"),t.EFF(112,"favorite"),t.k0s()(),t.j41(113,"div",29)(114,"button",40)(115,"mat-icon"),t.EFF(116,"favorite"),t.k0s()()(),t.j41(117,"a",41)(118,"mat-icon"),t.EFF(119,"favorite"),t.k0s()()(),t.j41(120,"h3"),t.EFF(121,"Extended Fab"),t.k0s(),t.j41(122,"div",0)(123,"button",42)(124,"mat-icon"),t.EFF(125,"favorite"),t.k0s(),t.EFF(126," Primary "),t.k0s(),t.j41(127,"button",43)(128,"mat-icon"),t.EFF(129,"favorite"),t.k0s(),t.EFF(130," Accent "),t.k0s(),t.j41(131,"button",44)(132,"mat-icon"),t.EFF(133,"favorite"),t.k0s(),t.EFF(134," Warn "),t.k0s(),t.j41(135,"button",45)(136,"mat-icon"),t.EFF(137,"favorite"),t.k0s(),t.EFF(138," Disabled "),t.k0s(),t.j41(139,"a",46)(140,"mat-icon"),t.EFF(141,"favorite"),t.k0s(),t.EFF(142," Link "),t.k0s()())},dependencies:[n.Hl,n.It,n.$z,n.pQ,n.iY,n.A8,n.$0,n.FH,n.Sr,b.uc,b.oV,s.m_,s.An],styles:[".example-button-row[_ngcontent-%COMP%] button[_ngcontent-%COMP%], \n.example-button-row[_ngcontent-%COMP%] a[_ngcontent-%COMP%] {\n margin-right: 8px;\n}\n\n.example-disabled[_ngcontent-%COMP%] {\n display: inline-block;\n}"]})}return a})(),r=(()=>{class a{static#t=this.\u0275fac=function(o){return new(o||a)};static#a=this.\u0275cmp=t.VBU({type:a,selectors:[["button-disabled-interactive-example"]],standalone:!0,features:[t.aNF],decls:4,vars:0,consts:[["mat-raised-button","","disabled","","disabledInteractive","","matTooltip","This is a tooltip!"],["mat-raised-button","","disabled","","matTooltip","This is a tooltip!"]],template:function(o,u){1&o&&(t.j41(0,"button",0),t.EFF(1,"Disabled button allowing interactivity"),t.k0s(),t.j41(2,"button",1),t.EFF(3,"Default disabled button"),t.k0s())},dependencies:[n.$z,b.oV],styles:["button[_ngcontent-%COMP%] {\n margin-right: 8px;\n}"]})}return a})(),l=(()=>{class a{constructor(){this.clicked=!1}static#t=this.\u0275fac=function(o){return new(o||a)};static#a=this.\u0275cmp=t.VBU({type:a,selectors:[["button-harness-example"]],standalone:!0,features:[t.aNF],decls:2,vars:0,consts:[["id","basic","type","button","mat-button","",3,"click"]],template:function(o,u){1&o&&(t.j41(0,"button",0),t.bIt("click",function(){return u.clicked=!0}),t.EFF(1," Basic button\n"),t.k0s())},dependencies:[n.Hl,n.$z],encapsulation:2})}return a})()},1997:(F,d,i)=>{i.d(d,{q:()=>n,w:()=>b});var t=i(4438),s=i(4085),m=i(6600);let n=(()=>{class e{constructor(){this._vertical=!1,this._inset=!1}get vertical(){return this._vertical}set vertical(r){this._vertical=(0,s.he)(r)}get inset(){return this._inset}set inset(r){this._inset=(0,s.he)(r)}static#t=this.\u0275fac=function(l){return new(l||e)};static#a=this.\u0275cmp=t.VBU({type:e,selectors:[["mat-divider"]],hostAttrs:["role","separator",1,"mat-divider"],hostVars:7,hostBindings:function(l,a){2&l&&(t.BMQ("aria-orientation",a.vertical?"vertical":"horizontal"),t.AVh("mat-divider-vertical",a.vertical)("mat-divider-horizontal",!a.vertical)("mat-divider-inset",a.inset))},inputs:{vertical:"vertical",inset:"inset"},standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(l,a){},styles:[".mat-divider{display:block;margin:0;border-top-style:solid;border-top-color:var(--mat-divider-color);border-top-width:var(--mat-divider-width)}.mat-divider.mat-divider-vertical{border-top:0;border-right-style:solid;border-right-color:var(--mat-divider-color);border-right-width:var(--mat-divider-width)}.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})}return e})(),b=(()=>{class e{static#t=this.\u0275fac=function(l){return new(l||e)};static#a=this.\u0275mod=t.$C({type:e});static#n=this.\u0275inj=t.G2t({imports:[m.yE,m.yE]})}return e})()}}]);