@pepperi/ngx-lib/bundles/pepperi-addons-ngx-lib-size-detector.umd.min.js

Pepperi Angular Components and Services

!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/flex-layout"),require("@pepperi/ngx-lib"),require("@angular/flex-layout/extended")):"function"==typeof define&&define.amd?define("@pepperi/ngx-lib/size-detector",["exports","@angular/core","@angular/common","@angular/forms","@angular/flex-layout","@pepperi/ngx-lib","@angular/flex-layout/extended"],n):n(((e=e||self)["pepperi-addons"]=e["pepperi-addons"]||{},e["pepperi-addons"]["ngx-lib"]=e["pepperi-addons"]["ngx-lib"]||{},e["pepperi-addons"]["ngx-lib"]["size-detector"]={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.flexLayout,e["pepperi-addons"]["ngx-lib"],e.ng.flexLayout.extended)}(this,(function(e,n,o,t,i,r,d){"use strict";function s(e,o){if(1&e&&(n.ɵɵelementStart(0,"div",1),n.ɵɵtext(1),n.ɵɵelementEnd()),2&e){var t=o.$implicit,i=n.ɵɵnextContext();n.ɵɵclassMap(t.css+" "+(i.prefix+t.id)),n.ɵɵpropertyInterpolate("fxShow.xs","xs"==t.name),n.ɵɵpropertyInterpolate("fxShow.sm","sm"==t.name),n.ɵɵpropertyInterpolate("fxShow.md","md"==t.name),n.ɵɵpropertyInterpolate("fxShow.lg","lg"==t.name),n.ɵɵpropertyInterpolate("fxShow.xl","xl"==t.name),n.ɵɵadvance(1),n.ɵɵtextInterpolate1("The current screen size is - ",t.name,"\n")}}var l=function(){function e(e,n){this.element=e,this.layoutService=n,this.prefix="is-",this.sizes=[{id:r.SCREEN_SIZE.XS,name:"xs",css:"d-block d-sm-none"},{id:r.SCREEN_SIZE.SM,name:"sm",css:"d-none d-sm-block d-md-none"},{id:r.SCREEN_SIZE.MD,name:"md",css:"d-none d-md-block d-lg-none"},{id:r.SCREEN_SIZE.LG,name:"lg",css:"d-none d-lg-block d-xl-none"},{id:r.SCREEN_SIZE.XL,name:"xl",css:"d-none d-xl-block"}]}return e.prototype.onResize=function(e){this.detectScreenSize()},e.prototype.ngAfterViewInit=function(){this.detectScreenSize()},e.prototype.detectScreenSize=function(){var e=this,n=this.sizes.find((function(n){var o=e.element.nativeElement.querySelector("."+e.prefix+n.id);return"none"!==window.getComputedStyle(o).display}));this.layoutService.onResize(n.id)},e}();l.ɵfac=function(e){return new(e||l)(n.ɵɵdirectiveInject(n.ElementRef),n.ɵɵdirectiveInject(r.LayoutService))},l.ɵcmp=n.ɵɵdefineComponent({type:l,selectors:[["pep-size-detector"]],hostBindings:function(e,o){1&e&&n.ɵɵlistener("resize",(function(e){return o.onResize(e)}),!1,n.ɵɵresolveWindow)},decls:1,vars:1,consts:[[3,"fxShow.xs","fxShow.sm","fxShow.md","fxShow.lg","fxShow.xl","class",4,"ngFor","ngForOf"],[3,"fxShow.xs","fxShow.sm","fxShow.md","fxShow.lg","fxShow.xl"]],template:function(e,o){1&e&&n.ɵɵtemplate(0,s,2,9,"div",0),2&e&&n.ɵɵproperty("ngForOf",o.sizes)},directives:[o.NgForOf,d.DefaultShowHideDirective],encapsulation:2});var p=function(){};p.ɵmod=n.ɵɵdefineNgModule({type:p}),p.ɵinj=n.ɵɵdefineInjector({factory:function(e){return new(e||p)},imports:[[o.CommonModule,t.ReactiveFormsModule,t.FormsModule,i.FlexLayoutModule,r.PepperiModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(p,{declarations:[l],imports:[o.CommonModule,t.ReactiveFormsModule,t.FormsModule,i.FlexLayoutModule,r.PepperiModule],exports:[l]}),e.PepperiSizeDetectorModule=p,e.SizeDetectorComponent=l,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=pepperi-addons-ngx-lib-size-detector.umd.min.js.map