azure-devops-ui/Core/Util/Screen.min.js

React components for building web UI in Azure DevOps

import*as React from"react";import{ObservableValue}from"../../Core/Observable";!function(e){e[e.xsmall=1]="xsmall",e[e.small=600]="small",e[e.medium=1024]="medium",e[e.large=1366]="large",e[e.xlarge=1920]="xlarge"}(ScreenBreakpoints=ScreenBreakpoints||{}),function(e){e[e.xsmall=0]="xsmall",e[e.small=1]="small",e[e.medium=2]="medium",e[e.large=3]="large",e[e.xlarge=4]="xlarge"}(ScreenSize=ScreenSize||{});var ScreenBreakpoints,ScreenSize,ScreenContextImp=function(){function e(){var r=this;this.onResize=function(){var e=r.getCurrentSize();r.size.value!==e&&(r.size.value=e)},this.size=new ObservableValue(this.getCurrentSize()),window.addEventListener("resize",this.onResize)}return e.prototype.getCurrentSize=function(){return window.innerWidth>=ScreenBreakpoints.xlarge?ScreenSize.xlarge:window.innerWidth>=ScreenBreakpoints.large?ScreenSize.large:window.innerWidth>=ScreenBreakpoints.medium?ScreenSize.medium:window.innerWidth>=ScreenBreakpoints.small?ScreenSize.small:ScreenSize.xsmall},e}(),ScreenContext=React.createContext(new ScreenContextImp);export{ScreenBreakpoints,ScreenSize,ScreenContext};