8466.9cd289169b9e089d.js

"use strict";(self.webpackChunkmaterial_angular_io=self.webpackChunkmaterial_angular_io||[]).push([[8466],{8466:(E,b,l)=>{l.r(b),l.d(b,{ToolbarBasicExample:()=>u,ToolbarHarnessExample:()=>h,ToolbarMultirowExample:()=>d,ToolbarOverviewExample:()=>f});var t=l(4438),i=l(9213),m=l(8834),r=l(5911);let u=(()=>{class a{static#t=this.\u0275fac=function(o){return new(o||a)};static#o=this.\u0275cmp=t.VBU({type:a,selectors:[["toolbar-basic-example"]],standalone:!0,features:[t.aNF],decls:13,vars:0,consts:[["mat-icon-button","","aria-label","Example icon-button with menu icon",1,"example-icon"],[1,"example-spacer"],["mat-icon-button","","aria-label","Example icon-button with heart icon",1,"example-icon","favorite-icon"],["mat-icon-button","","aria-label","Example icon-button with share icon",1,"example-icon"]],template:function(o,e){1&o&&(t.j41(0,"mat-toolbar")(1,"button",0)(2,"mat-icon"),t.EFF(3,"menu"),t.k0s()(),t.j41(4,"span"),t.EFF(5,"My App"),t.k0s(),t.nrm(6,"span",1),t.j41(7,"button",2)(8,"mat-icon"),t.EFF(9,"favorite"),t.k0s()(),t.j41(10,"button",3)(11,"mat-icon"),t.EFF(12,"share"),t.k0s()()())},dependencies:[r.s5,r.KQ,m.Hl,m.iY,i.m_,i.An],styles:[".example-spacer[_ngcontent-%COMP%] {\n  flex: 1 1 auto;\n}"]})}return a})(),d=(()=>{class a{static#t=this.\u0275fac=function(o){return new(o||a)};static#o=this.\u0275cmp=t.VBU({type:a,selectors:[["toolbar-multirow-example"]],standalone:!0,features:[t.aNF],decls:18,vars:0,consts:[["color","primary"],[1,"example-spacer"],["aria-hidden","false","aria-label","Example user verified icon",1,"example-icon"],["aria-hidden","false","aria-label","Example heart icon",1,"example-icon"],["aria-hidden","false","aria-label","Example delete icon",1,"example-icon"]],template:function(o,e){1&o&&(t.j41(0,"mat-toolbar",0)(1,"mat-toolbar-row")(2,"span"),t.EFF(3,"Custom Toolbar"),t.k0s()(),t.j41(4,"mat-toolbar-row")(5,"span"),t.EFF(6,"Second Line"),t.k0s(),t.nrm(7,"span",1),t.j41(8,"mat-icon",2),t.EFF(9,"verified_user"),t.k0s()(),t.j41(10,"mat-toolbar-row")(11,"span"),t.EFF(12,"Third Line"),t.k0s(),t.nrm(13,"span",1),t.j41(14,"mat-icon",3),t.EFF(15,"favorite"),t.k0s(),t.j41(16,"mat-icon",4),t.EFF(17,"delete"),t.k0s()()())},dependencies:[r.s5,r.KQ,r.uu,i.m_,i.An],styles:[".example-icon[_ngcontent-%COMP%] {\n  padding: 0 14px;\n}\n\n\n.example-spacer[_ngcontent-%COMP%] {\n  flex: 1 1 auto;\n}\n\n"]})}return a})(),f=(()=>{class a{static#t=this.\u0275fac=function(o){return new(o||a)};static#o=this.\u0275cmp=t.VBU({type:a,selectors:[["toolbar-overview-example"]],standalone:!0,features:[t.aNF],decls:51,vars:0,consts:[["mat-icon-button","","aria-label","Example icon-button with menu icon",1,"example-icon"],[1,"example-spacer"],["mat-icon-button","","aria-label","Example icon-button with heart icon",1,"example-icon","favorite-icon"],["mat-icon-button","","aria-label","Example icon-button with share icon",1,"example-icon"],["color","primary"]],template:function(o,e){1&o&&(t.j41(0,"p")(1,"mat-toolbar")(2,"span"),t.EFF(3,"My Application"),t.k0s()()(),t.j41(4,"p")(5,"mat-toolbar")(6,"button",0)(7,"mat-icon"),t.EFF(8,"menu"),t.k0s()(),t.j41(9,"span"),t.EFF(10,"My App"),t.k0s(),t.nrm(11,"span",1),t.j41(12,"button",2)(13,"mat-icon"),t.EFF(14,"favorite"),t.k0s()(),t.j41(15,"button",3)(16,"mat-icon"),t.EFF(17,"share"),t.k0s()()()(),t.j41(18,"p")(19,"mat-toolbar",4)(20,"button",0)(21,"mat-icon"),t.EFF(22,"menu"),t.k0s()(),t.j41(23,"span"),t.EFF(24,"My App"),t.k0s(),t.nrm(25,"span",1),t.j41(26,"button",2)(27,"mat-icon"),t.EFF(28,"favorite"),t.k0s()(),t.j41(29,"button",3)(30,"mat-icon"),t.EFF(31,"share"),t.k0s()()()(),t.j41(32,"p")(33,"mat-toolbar",4)(34,"mat-toolbar-row")(35,"span"),t.EFF(36,"My App"),t.k0s(),t.nrm(37,"span",1),t.j41(38,"button",0)(39,"mat-icon"),t.EFF(40,"menu"),t.k0s()()(),t.j41(41,"mat-toolbar-row")(42,"span"),t.EFF(43,"Second Line"),t.k0s(),t.nrm(44,"span",1),t.j41(45,"button",2)(46,"mat-icon"),t.EFF(47,"favorite"),t.k0s()(),t.j41(48,"button",3)(49,"mat-icon"),t.EFF(50,"share"),t.k0s()()()()())},dependencies:[r.s5,r.KQ,r.uu,m.Hl,m.iY,i.m_,i.An],styles:[".example-spacer[_ngcontent-%COMP%] {\n  flex: 1 1 auto;\n}"]})}return a})(),h=(()=>{class a{static#t=this.\u0275fac=function(o){return new(o||a)};static#o=this.\u0275cmp=t.VBU({type:a,selectors:[["toolbar-harness-example"]],standalone:!0,features:[t.aNF],decls:14,vars:0,consts:[["mat-button",""]],template:function(o,e){1&o&&(t.j41(0,"mat-toolbar")(1,"span"),t.EFF(2,"My App"),t.k0s()(),t.j41(3,"mat-toolbar")(4,"mat-toolbar-row")(5,"span"),t.EFF(6,"Row 1"),t.k0s()(),t.j41(7,"mat-toolbar-row")(8,"span"),t.EFF(9,"Row 2"),t.k0s(),t.j41(10,"button",0),t.EFF(11," Button 1 "),t.k0s(),t.j41(12,"button",0),t.EFF(13," Button 2 "),t.k0s()()())},dependencies:[r.s5,r.KQ,r.uu,m.Hl,m.$z],encapsulation:2})}return a})()},5911:(E,b,l)=>{l.d(b,{KQ:()=>f,s5:()=>a,uu:()=>d});var t=l(4438),i=l(6600),m=l(6860),r=l(177);const p=["*",[["mat-toolbar-row"]]],u=["*","mat-toolbar-row"];let d=(()=>{class n{static#t=this.\u0275fac=function(e){return new(e||n)};static#o=this.\u0275dir=t.FsC({type:n,selectors:[["mat-toolbar-row"]],hostAttrs:[1,"mat-toolbar-row"],exportAs:["matToolbarRow"],standalone:!0})}return n})(),f=(()=>{class n{constructor(o,e,s){this._elementRef=o,this._platform=e,this._document=s}ngAfterViewInit(){this._platform.isBrowser&&(this._checkToolbarMixedModes(),this._toolbarRows.changes.subscribe(()=>this._checkToolbarMixedModes()))}_checkToolbarMixedModes(){}static#t=this.\u0275fac=function(e){return new(e||n)(t.rXU(t.aKT),t.rXU(m.OD),t.rXU(r.qQ))};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["mat-toolbar"]],contentQueries:function(e,s,x){if(1&e&&t.wni(x,d,5),2&e){let _;t.mGM(_=t.lsd())&&(s._toolbarRows=_)}},hostAttrs:[1,"mat-toolbar"],hostVars:6,hostBindings:function(e,s){2&e&&(t.HbH(s.color?"mat-"+s.color:""),t.AVh("mat-toolbar-multiple-rows",s._toolbarRows.length>0)("mat-toolbar-single-row",0===s._toolbarRows.length))},inputs:{color:"color"},exportAs:["matToolbar"],standalone:!0,features:[t.aNF],ngContentSelectors:u,decls:2,vars:0,template:function(e,s){1&e&&(t.NAR(p),t.SdG(0),t.SdG(1,1))},styles:[".mat-toolbar{background:var(--mat-toolbar-container-background-color);color:var(--mat-toolbar-container-text-color)}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font-family:var(--mat-toolbar-title-text-font);font-size:var(--mat-toolbar-title-text-size);line-height:var(--mat-toolbar-title-text-line-height);font-weight:var(--mat-toolbar-title-text-weight);letter-spacing:var(--mat-toolbar-title-text-tracking);margin:0}.cdk-high-contrast-active .mat-toolbar{outline:solid 1px}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar .mat-mdc-button-base.mat-mdc-button-base.mat-unthemed{--mdc-text-button-label-text-color:var(--mat-toolbar-container-text-color);--mdc-outlined-button-label-text-color:var(--mat-toolbar-container-text-color)}.mat-toolbar-row,.mat-toolbar-single-row{display:flex;box-sizing:border-box;padding:0 16px;width:100%;flex-direction:row;align-items:center;white-space:nowrap;height:var(--mat-toolbar-standard-height)}@media(max-width: 599px){.mat-toolbar-row,.mat-toolbar-single-row{height:var(--mat-toolbar-mobile-height)}}.mat-toolbar-multiple-rows{display:flex;box-sizing:border-box;flex-direction:column;width:100%;min-height:var(--mat-toolbar-standard-height)}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:var(--mat-toolbar-mobile-height)}}"],encapsulation:2,changeDetection:0})}return n})(),a=(()=>{class n{static#t=this.\u0275fac=function(e){return new(e||n)};static#o=this.\u0275mod=t.$C({type:n});static#a=this.\u0275inj=t.G2t({imports:[i.yE,i.yE]})}return n})()}}]);