2558.841b3597a6840393.js

"use strict";(self.webpackChunkmaterial_angular_io=self.webpackChunkmaterial_angular_io||[]).push([[2558],{2558:(m,u,n)=>{n.r(u),n.d(u,{BreakpointObserverOverviewExample:()=>i,CdkLayoutExamplesModule:()=>c});var r=n(2289),e=n(4650),d=n(8929),p=n(7625);let i=(()=>{class a{constructor(t){this.destroyed=new d.xQ,this.displayNameMap=new Map([[r.u3.XSmall,"XSmall"],[r.u3.Small,"Small"],[r.u3.Medium,"Medium"],[r.u3.Large,"Large"],[r.u3.XLarge,"XLarge"]]),t.observe([r.u3.XSmall,r.u3.Small,r.u3.Medium,r.u3.Large,r.u3.XLarge]).pipe((0,p.R)(this.destroyed)).subscribe(s=>{for(const l of Object.keys(s.breakpoints))s.breakpoints[l]&&(this.currentScreenSize=this.displayNameMap.get(l)??"Unknown")})}ngOnDestroy(){this.destroyed.next(),this.destroyed.complete()}}return a.\u0275fac=function(t){return new(t||a)(e.Y36(r.Yg))},a.\u0275cmp=e.Xpm({type:a,selectors:[["breakpoint-observer-overview-example"]],decls:6,vars:1,template:function(t,s){1&t&&(e.TgZ(0,"p"),e._uU(1," Resize your browser window to see the current screen size change.\n"),e.qZA(),e.TgZ(2,"p"),e._uU(3," The current screen size is "),e.TgZ(4,"strong"),e._uU(5),e.qZA()()),2&t&&(e.xp6(5),e.Oqu(s.currentScreenSize))}}),a})(),c=(()=>{class a{}return a.\u0275fac=function(t){return new(t||a)},a.\u0275mod=e.oAB({type:a}),a.\u0275inj=e.cJS({imports:[r.xu]}),a})()}}]);