@greg-md/ng-flex-css-layout
Version:
Flex-CSS-Layout is an alternative behaviour of Flex-Layout directives, that will still work with Angular Universal and App Shell.
24 lines • 46.6 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common"),require("@angular/core"),require("rxjs")):"function"==typeof define&&define.amd?define("@greg-md/ng-flex-css-layout",["exports","@angular/common","@angular/core","rxjs"],t):t((e["greg-md"]=e["greg-md"]||{},e["greg-md"]["ng-flex-css-layout"]={}),e.ng.common,e.ng.core,e.rxjs)}(this,function(e,r,n,s){"use strict";var o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])};function t(e,t){function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}function I(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),l=[];try{for(;(void 0===t||0<t--)&&!(n=a.next()).done;)l.push(n.value)}catch(s){o={error:s}}finally{try{n&&!n.done&&(r=a["return"])&&r.call(a)}finally{if(o)throw o.error}}return l}
/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var a="inline",l=["row","column","row-reverse","column-reverse"];function S(e){var t=I((e=e?e.toLowerCase():"").split(" "),3),r=t[0],n=t[1],o=t[2];return l.find(function(e){return e===r})||(r=l[0]),n===a&&(n=o!==a?o:"",o=a),[r,function(e){if(e)switch(e.toLowerCase()){case"reverse":case"wrap-reverse":case"reverse-wrap":e="wrap-reverse";break;case"no":case"none":case"nowrap":e="nowrap";break;default:e="wrap"}return e}(n),!!o]}function w(e){return-1<I(S(e),1)[0].indexOf("row")}function G(e,t,r,n){return"fcLayout"+("all"!==n?"--"+n:"")+"--"+e+(t?"-"+t:"")+(r?"-inline":"")}function k(e){return String(e).replace(/[^a-zA-Z0-9-]/,"-")}
/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/function E(e){return e.replace(/[\s]/g,"").replace(/[\/\*\+\-]/g," $& ")}var i=[{alias:"gt-xs",media:["screen","(min-width: 600px)"]},{alias:"lt-xl",media:["screen","(max-width: 1919px)"]},{alias:"gt-sm",media:["screen","(min-width: 960px)"]},{alias:"lt-lg",media:["screen","(max-width: 1279px)"]},{alias:"gt-md",media:["screen","(min-width: 1280px)"]},{alias:"lt-md",media:["screen","(max-width: 959px)"]},{alias:"gt-lg",media:["screen","(min-width: 1920px)"]},{alias:"lt-sm",media:["screen","(max-width: 599px)"]},{alias:"xl",media:["screen","(min-width: 1920px)","(max-width: 5000px)"]},{alias:"lg",media:["screen","(min-width: 1280px)","(max-width: 1919px)"]},{alias:"md",media:["screen","(min-width: 960px)","(max-width: 1279px)"]},{alias:"sm",media:["screen","(min-width: 600px)","(max-width: 959px)"]},{alias:"xs",media:["screen","(max-width: 599px)"]}],f=new n.InjectionToken("flex_css_breakpoints"),c=function(e){this.style=e,this.storage={}},u=function(){function e(e,t){this.doc=e,this.breakpoints=t,this.initLayout(),this.initFlex(),this.initFill()}return e.prototype.initLayout=function(){var e=this.doc.createElement("style");e.id="fc-layout",this.doc.head.appendChild(e),this.layout=new c(e)},e.prototype.initFlex=function(){var e=this.doc.createElement("style");e.id="fc-flex",this.doc.head.appendChild(e),this.flex=new c(e)},e.prototype.initFill=function(){var e=this.doc.createElement("style");e.id="fc-fill",this.doc.head.appendChild(e),this.fill=new c(e)},e.prototype.addLayout=function(e,t){var r,n,o=I(S(e),3),a=o[0],l=o[1],s=o[2],i=G(a,l,s,t);if(!this.hasInLayoutStorage(i,t)){var f=(void 0===(r=l)&&(r=null),void 0===(n=s)&&(n=!1),{display:n?"inline-flex":"flex","box-sizing":"border-box","flex-direction":a,"flex-wrap":r||null});this.addToLayoutStorage(i,f,t)}return i},e.prototype.addLayoutAlign=function(e,t,r,n){var o,a=I(function(e){var t=I((e=e||"start stretch").split(" "),2),r=t[0],n=t[1];switch(r){case"center":case"space-around":case"space-between":case"space-evenly":break;case"end":case"flex-end":r="flex-end";break;case"start":case"flex-start":default:r="flex-start"}switch(n){case"start":case"flex-start":n="flex-start";break;case"baseline":case"center":n="center";break;case"end":case"flex-end":n="flex-end";break;case"stretch":default:n="stretch"}return[r,n]}(r),2),l=a[0],s=a[1],i="fcLayoutAlign"+("all"!==(o=n)?"--"+o:"")+"--"+l+"-"+s;if(!this.hasInLayoutStorage(i,n)){var f={"justify-content":l};switch(s){case"baseline":f["align-items"]=s;break;default:f["align-items"]=f["align-content"]=s}this.addToLayoutStorage(i,f,n)}if("stretch"===s){var c=I(S(e),3),u=i+"."+G(c[0],c[1],c[2],t);if(!this.hasInLayoutStorage(u,n)){f=w(e)?{"max-height":"100%"}:{"max-width":"100%"};this.addToLayoutStorage(u,f,n,[t])}}return i},e.prototype.addLayoutGap=function(e,t,r,n){r=r||"0";var o,a=I(S(e),3),l=G(a[0],a[1],a[2],t),s="fcLayoutGap"+("all"!==(o=n)?"--"+o:"")+"--"+k(r),i=s+"."+l+" > *:not(:last-child)";if(!this.hasInLayoutStorage(i,n)){var f=w(e)?{"margin-right":r}:{"margin-bottom":r};this.addToLayoutStorage(i,f,n,[t])}return s},e.prototype.addFlex=function(e,t,r,n,o,a){var l=I(function(e,t,r){void 0===t&&(t="1"),void 0===r&&(r="1");var n=[t,r,e],o=e.indexOf("calc");if(0<o)n[2]=E(e.substring(o).trim()),2===(a=e.substr(0,o).trim().split(" ")).length&&(n[0]=a[0],n[1]=a[1]);else if(0===o)n[2]=E(e.trim());else{var a;n=3===(a=e.split(" ")).length?a:[t,r,e]}return n}(r=r.replace(";",""),o,a),3),s=l[0],i=l[1],f=l[2];s="0"===s?0:s,i="0"===i?0:i;var c={"box-sizing":"border-box"};switch(f||""){case"":c.flex=s+" "+i+" 0.000000001px";break;case"initial":case"nogrow":s=0,c.flex="0 1 auto";break;case"grow":c.flex="1 1 100%";break;case"noshrink":i=0,c.flex="1 0 auto";break;case"auto":c.flex=s+" "+i+" auto";break;case"none":i=s=0,c.flex="0 0 auto";break;default:var u=-1<String(f).indexOf("calc"),p=!u&&-1<String(f).indexOf("%"),g=u||p||-1<String(f).indexOf("px")||-1<String(f).indexOf("em")||-1<String(f).indexOf("vw")||-1<String(f).indexOf("vh");g||p||isNaN(f)||(f+="%"),"0px"===f&&(f="0%"),c["flex-grow"]=""+s,c["flex-shrink"]=""+i,c["flex-basis"]=c["min-width"]=c["max-width"]=g?""+f:"100%"}var y,d,h,b=(y=i,d=f,"fcFlex"+("all"!==(h=n)?"--"+h:"")+"--"+k(s)+"-"+k(y)+(d?"-"+k(d):""));this.hasInFlexStorage(b,n)||this.addToFlexStorage(b,c,n);var m=I(S(e),3),x=m[0],O=b+"."+G(x,m[1],m[2],t);if(!this.hasInFlexStorage(O,n)){var L=w(x)?"max-width":"max-height",j=w(x)?"min-width":"min-height",V=-1<String(f).indexOf("calc")||"auto"===f,P=-1<String(f).indexOf("px")||V,v=!s&&!i,F={};F[j]="0%"===f?0:v||P&&s?f:null,F[L]="0%"===f?0:v||!V&&i?f:null,this.addToFlexStorage(O,F,n,[t])}return b},e.prototype.addFlexOrder=function(e,t){e=parseInt(e,10),e=isNaN(e)?0:e;var r,n="fcFlexOrder"+("all"!==(r=t)?"--"+r:"")+"--"+k(e);if(!this.hasInFlexStorage(n,t)){var o={order:e};this.addToFlexStorage(n,o,t)}return n},e.prototype.addFlexOffset=function(e,t,r,n){var o=-1<String(r).indexOf("%");-1<String(r).indexOf("px")||o||isNaN(r)||(r+="%");var a,l=I(S(e),3),s=l[0],i=l[1],f=l[2],c="fcFlexOffset"+("all"!==(a=n)?"--"+a:"")+"--"+k(r),u=c+"."+G(s,i,f,t);if(!this.hasInFlexStorage(u,n)){var p=w(s)?{"margin-left":""+r}:{"margin-top":""+r};this.addToFlexStorage(u,p,n,[t])}return c},e.prototype.addFlexAlign=function(e,t){switch(e=e||"stretch"){case"start":e="flex-start";break;case"end":e="flex-end"}var r,n="fcFlexAlign"+("all"!==(r=t)?"--"+r:"")+"--"+k(e);if(!this.hasInFlexStorage(n,t)){var o={"align-self":e};this.addToFlexStorage(n,o,t)}return n},e.prototype.addFlexFill=function(){var e="fcFlexFill";if(!this.hasInFillStorage(e,"all")){this.addToFillStorage(e,{margin:0,width:"100%",height:"100%","min-width":"100%","min-height":"100%"},"all")}return e},e.prototype.addShowHide=function(e,t,r){var n,o,a=(n=t,"fcShow"+("all"!==(o=r)?"--"+o:"")+"--"+k(e)+"--"+(n?"show":"hide"));if(!this.hasInFillStorage(a,r)){var l={display:t?e||"block":"none"};this.addToFillStorage(a,l,r)}return a},e.prototype.hasInLayoutStorage=function(e,t){return this.hasInStorage(this.layout,e,t)},e.prototype.addToLayoutStorage=function(e,t,r,n){return this.addToStorage(this.layout,e,t,r,n)},e.prototype.hasInFlexStorage=function(e,t){return this.hasInStorage(this.flex,e,t)},e.prototype.addToFlexStorage=function(e,t,r,n){return this.addToStorage(this.flex,e,t,r,n)},e.prototype.hasInFillStorage=function(e,t){return this.hasInStorage(this.fill,e,t)},e.prototype.addToFillStorage=function(e,t,r,n){return this.addToStorage(this.fill,e,t,r,n)},e.prototype.hasInStorage=function(e,t,r){return!(!e.storage[r]||!e.storage[r][t])},e.prototype.addToStorage=function(e,t,r,n,o){o=o||[];var a,l=(a=r,Object.keys(a).forEach(function(e){var t=a[e]||"";switch(e){case"display":a.display="flex"===t?["-webkit-flex","flex"]:"inline-flex"===t?["-webkit-inline-flex","inline-flex"]:t;break;case"align-items":case"align-self":case"align-content":case"flex":case"flex-basis":case"flex-flow":case"flex-grow":case"flex-shrink":case"flex-wrap":case"justify-content":a["-webkit-"+e]=t;break;case"flex-direction":t=t||"row",a["-webkit-flex-direction"]=t,a["flex-direction"]=t;break;case"order":a.order=a["-webkit-"+e]=isNaN(t)?"0":t}}),a),s=this.generateCss(l);if(""!==s){var i="."+t+" { "+s+" }",f=this.doc.createTextNode(this.addBreakpoints([n].concat(o),i));e.storage[n]||(e.storage[n]={}),e.storage[n][t]=f,this.reorderTextElements(e)}},e.prototype.reorderTextElements=function(t){var r=this,n=this.reorderBreakpointElements(t,"all");this.breakpoints.forEach(function(e){n=r.reorderBreakpointElements(t,e.alias,n)})},e.prototype.reorderBreakpointElements=function(t,e,r){void 0===r&&(r=0);var n=t.storage[e];return n&&Object.keys(n).forEach(function(e){t.style.children.length?t.style.insertBefore(n[e],t.style.children[r]):t.style.appendChild(n[e]),++r}),r},e.prototype.generateCss=function(r){var n=[];return Object.keys(r).sort().forEach(function(t){var e=Array.isArray(r[t])?r[t]:[r[t]];e.sort(),e.forEach(function(e){null!==e&&""!==e&&n.push(t+": "+e+";")})}),n.join(" ")},e.prototype.addBreakpoints=function(t,e){if(!(t=t.filter(function(e){return"all"!==e})).length)return e;var r=[];return this.breakpoints.filter(function(e){return 0<=t.indexOf(e.alias)}).forEach(function(e){return r=r.concat(e.media)}),"@media "+(r=r.filter(function(e,t,r){return r.indexOf(e)===t})).join(" and ")+" { "+e+" }"},e.decorators=[{type:n.Injectable}],e.ctorParameters=function(){return[{type:undefined,decorators:[{type:n.Inject,args:[r.DOCUMENT]}]},{type:undefined,decorators:[{type:n.Inject,args:[f]}]}]},e}(),p=function(){function e(e,t){this.elementRef=e,this.renderer=t,this.classNames=[]}return e.prototype.setClassNames=function(t){var r=this;(t=t.filter(function(e,t,r){return r.indexOf(e)===t})).forEach(function(e){return r.addClassName(e)}),this.classNames.filter(function(e){return t.indexOf(e)<0}).forEach(function(e){return r.removeClassName(e)}),this.classNames=t},e.prototype.addClassName=function(e){this.renderer.addClass(this.elementRef.nativeElement,e)},e.prototype.removeClassName=function(e){this.renderer.removeClass(this.elementRef.nativeElement,e)},e}(),g=function(o){function e(e,t,r){var n=o.call(this,e,t)||this;return n.service=r,n.fcValues={},n.observer$=new s.ReplaySubject(1),n}return t(e,o),Object.defineProperty(e.prototype,"layout",{set:function(e){this.fcValues.all=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"layoutXs",{set:function(e){this.fcValues.xs=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"layoutSm",{set:function(e){this.fcValues.sm=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"layoutMd",{set:function(e){this.fcValues.md=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"layoutLg",{set:function(e){this.fcValues.lg=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"layoutXl",{set:function(e){this.fcValues.xl=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"layoutGtXs",{set:function(e){this.fcValues["gt-xs"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"layoutGtSm",{set:function(e){this.fcValues["gt-sm"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"layoutGtMd",{set:function(e){this.fcValues["gt-md"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"layoutGtLg",{set:function(e){this.fcValues["gt-lg"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"layoutLtSm",{set:function(e){this.fcValues["lt-sm"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"layoutLtMd",{set:function(e){this.fcValues["lt-md"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"layoutLtLg",{set:function(e){this.fcValues["lt-lg"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"layoutLtXl",{set:function(e){this.fcValues["lt-xl"]=e},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(){this.reload()},e.prototype.reload=function(){var t=this,r=[];this.breakpoints.forEach(function(e){r.push(t.service.addLayout(t.fcValues[e],e))}),this.setClassNames(r),this.observer$.next(this.fcValues)},e.prototype.addNewBreakpoints=function(e,t){var r=this;e.forEach(function(e){r.fcValues[e]||(r.fcValues[e]=t)}),this.reload()},Object.defineProperty(e.prototype,"breakpoints",{get:function(){return Object.keys(this.fcValues)},enumerable:!0,configurable:!0}),e.decorators=[{type:n.Directive,args:[{selector:"\n [fcLayout],\n [fcLayout.xs], [fcLayout.sm], [fcLayout.md], [fcLayout.lg], [fcLayout.xl],\n [fcLayout.lt-sm], [fcLayout.lt-md], [fcLayout.lt-lg], [fcLayout.lt-xl],\n [fcLayout.gt-xs], [fcLayout.gt-sm], [fcLayout.gt-md], [fcLayout.gt-lg]\n "}]}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:u}]},e.propDecorators={layout:[{type:n.Input,args:["fcLayout"]}],layoutXs:[{type:n.Input,args:["fcLayout.xs"]}],layoutSm:[{type:n.Input,args:["fcLayout.sm"]}],layoutMd:[{type:n.Input,args:["fcLayout.md"]}],layoutLg:[{type:n.Input,args:["fcLayout.lg"]}],layoutXl:[{type:n.Input,args:["fcLayout.xl"]}],layoutGtXs:[{type:n.Input,args:["fcLayout.gt-xs"]}],layoutGtSm:[{type:n.Input,args:["fcLayout.gt-sm"]}],layoutGtMd:[{type:n.Input,args:["fcLayout.gt-md"]}],layoutGtLg:[{type:n.Input,args:["fcLayout.gt-lg"]}],layoutLtSm:[{type:n.Input,args:["fcLayout.lt-sm"]}],layoutLtMd:[{type:n.Input,args:["fcLayout.lt-md"]}],layoutLtLg:[{type:n.Input,args:["fcLayout.lt-lg"]}],layoutLtXl:[{type:n.Input,args:["fcLayout.lt-xl"]}]},e}(p),y=function(a){function e(e,t,r,n){var o=a.call(this,e,t)||this;return o.service=r,o.layout=n,o.fcValues={},o.observer$=new s.ReplaySubject(1),o}return t(e,a),Object.defineProperty(e.prototype,"align",{set:function(e){this.fcValues.all=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignXs",{set:function(e){this.fcValues.xs=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignSm",{set:function(e){this.fcValues.sm=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignMd",{set:function(e){this.fcValues.md=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignLg",{set:function(e){this.fcValues.lg=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignXl",{set:function(e){this.fcValues.xl=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignGtXs",{set:function(e){this.fcValues["gt-xs"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignGtSm",{set:function(e){this.fcValues["gt-sm"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignGtMd",{set:function(e){this.fcValues["gt-md"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignGtLg",{set:function(e){this.fcValues["gt-lg"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignLtSm",{set:function(e){this.fcValues["lt-sm"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignLtMd",{set:function(e){this.fcValues["lt-md"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignLtLg",{set:function(e){this.fcValues["lt-lg"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignLtXl",{set:function(e){this.fcValues["lt-xl"]=e},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.dependsOnLayout()},e.prototype.ngOnChanges=function(){this.reload()},e.prototype.reload=function(){var r=this,n=[];this.breakpoints.forEach(function(t){Object.keys(r.layoutValues).forEach(function(e){n.push(r.service.addLayoutAlign(r.layoutValues[e],e,r.fcValues[t],t))})}),this.setClassNames(n),this.observer$.next(this.fcValues)},e.prototype.dependsOnLayout=function(){var t=this;this.layout?this.layout.addNewBreakpoints(this.breakpoints,"row"):this.breakpoints.forEach(function(e){t.addClassName(t.service.addLayout("row",e))})},Object.defineProperty(e.prototype,"layoutValues",{get:function(){return this.layout?this.layout.fcValues:{all:""}},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"breakpoints",{get:function(){return Object.keys(this.fcValues)},enumerable:!0,configurable:!0}),e.decorators=[{type:n.Directive,args:[{selector:"\n [fcLayoutAlign],\n [fcLayoutAlign.xs], [fcLayoutAlign.sm], [fcLayoutAlign.md], [fcLayoutAlign.lg],[fcLayoutAlign.xl],\n [fcLayoutAlign.lt-sm], [fcLayoutAlign.lt-md], [fcLayoutAlign.lt-lg], [fcLayoutAlign.lt-xl],\n [fcLayoutAlign.gt-xs], [fcLayoutAlign.gt-sm], [fcLayoutAlign.gt-md], [fcLayoutAlign.gt-lg]\n "}]}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:u},{type:g,decorators:[{type:n.Optional},{type:n.Self}]}]},e.propDecorators={align:[{type:n.Input,args:["fcLayoutAlign"]}],alignXs:[{type:n.Input,args:["fcLayoutAlign.xs"]}],alignSm:[{type:n.Input,args:["fcLayoutAlign.sm"]}],alignMd:[{type:n.Input,args:["fcLayoutAlign.md"]}],alignLg:[{type:n.Input,args:["fcLayoutAlign.lg"]}],alignXl:[{type:n.Input,args:["fcLayoutAlign.xl"]}],alignGtXs:[{type:n.Input,args:["fcLayoutAlign.gt-xs"]}],alignGtSm:[{type:n.Input,args:["fcLayoutAlign.gt-sm"]}],alignGtMd:[{type:n.Input,args:["fcLayoutAlign.gt-md"]}],alignGtLg:[{type:n.Input,args:["fcLayoutAlign.gt-lg"]}],alignLtSm:[{type:n.Input,args:["fcLayoutAlign.lt-sm"]}],alignLtMd:[{type:n.Input,args:["fcLayoutAlign.lt-md"]}],alignLtLg:[{type:n.Input,args:["fcLayoutAlign.lt-lg"]}],alignLtXl:[{type:n.Input,args:["fcLayoutAlign.lt-xl"]}]},e}(p),d=function(a){function e(e,t,r,n){var o=a.call(this,e,t)||this;return o.service=r,o.layout=n,o.fcValues={},o.observer$=new s.ReplaySubject(1),o}return t(e,a),Object.defineProperty(e.prototype,"gap",{set:function(e){this.fcValues.all=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"gapXs",{set:function(e){this.fcValues.xs=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"gapSm",{set:function(e){this.fcValues.sm=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"gapMd",{set:function(e){this.fcValues.md=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"gapLg",{set:function(e){this.fcValues.lg=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"gapXl",{set:function(e){this.fcValues.xl=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"gapGtXs",{set:function(e){this.fcValues["gt-xs"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"gapGtSm",{set:function(e){this.fcValues["gt-sm"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"gapGtMd",{set:function(e){this.fcValues["gt-md"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"gapGtLg",{set:function(e){this.fcValues["gt-lg"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"gapLtSm",{set:function(e){this.fcValues["lt-sm"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"gapLtMd",{set:function(e){this.fcValues["lt-md"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"gapLtLg",{set:function(e){this.fcValues["lt-lg"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"gapLtXl",{set:function(e){this.fcValues["lt-xl"]=e},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.dependsOnLayout()},e.prototype.ngOnChanges=function(){this.reload()},e.prototype.reload=function(){var r=this,n=[];this.breakpoints.forEach(function(t){Object.keys(r.layoutValues).forEach(function(e){n.push(r.service.addLayoutGap(r.layoutValues[e],e,r.fcValues[t],t))})}),this.setClassNames(n),this.observer$.next(this.fcValues)},e.prototype.dependsOnLayout=function(){var t=this;this.layout?this.layout.addNewBreakpoints(this.breakpoints):this.breakpoints.forEach(function(e){t.addClassName(t.service.addLayout("row",e))})},Object.defineProperty(e.prototype,"layoutValues",{get:function(){return this.layout?this.layout.fcValues:{all:""}},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"breakpoints",{get:function(){return Object.keys(this.fcValues)},enumerable:!0,configurable:!0}),e.decorators=[{type:n.Directive,args:[{selector:"\n [fcLayoutGap],\n [fcLayoutGap.xs], [fcLayoutGap.sm], [fcLayoutGap.md], [fcLayoutGap.lg], [fcLayoutGap.xl],\n [fcLayoutGap.lt-sm], [fcLayoutGap.lt-md], [fcLayoutGap.lt-lg], [fcLayoutGap.lt-xl],\n [fcLayoutGap.gt-xs], [fcLayoutGap.gt-sm], [fcLayoutGap.gt-md], [fcLayoutGap.gt-lg]\n "}]}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:u},{type:g,decorators:[{type:n.Optional},{type:n.Self}]}]},e.propDecorators={gap:[{type:n.Input,args:["fcLayoutGap"]}],gapXs:[{type:n.Input,args:["fcLayoutGap.xs"]}],gapSm:[{type:n.Input,args:["fcLayoutGap.sm"]}],gapMd:[{type:n.Input,args:["fcLayoutGap.md"]}],gapLg:[{type:n.Input,args:["fcLayoutGap.lg"]}],gapXl:[{type:n.Input,args:["fcLayoutGap.xl"]}],gapGtXs:[{type:n.Input,args:["fcLayoutGap.gt-xs"]}],gapGtSm:[{type:n.Input,args:["fcLayoutGap.gt-sm"]}],gapGtMd:[{type:n.Input,args:["fcLayoutGap.gt-md"]}],gapGtLg:[{type:n.Input,args:["fcLayoutGap.gt-lg"]}],gapLtSm:[{type:n.Input,args:["fcLayoutGap.lt-sm"]}],gapLtMd:[{type:n.Input,args:["fcLayoutGap.lt-md"]}],gapLtLg:[{type:n.Input,args:["fcLayoutGap.lt-lg"]}],gapLtXl:[{type:n.Input,args:["fcLayoutGap.lt-xl"]}]},e}(p),h=function(a){function e(e,t,r,n){var o=a.call(this,e,t)||this;return o.service=r,o.fcValues={},o.observer$=new s.ReplaySubject(1),o.fcShrink=1,o.fcGrow=1,n&&n.elementRef.nativeElement===o.parentElement&&(o.layout=n),o}return t(e,a),Object.defineProperty(e.prototype,"flex",{set:function(e){this.fcValues.all=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"flexXs",{set:function(e){this.fcValues.xs=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"flexSm",{set:function(e){this.fcValues.sm=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"flexMd",{set:function(e){this.fcValues.md=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"flexLg",{set:function(e){this.fcValues.lg=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"flexXl",{set:function(e){this.fcValues.xl=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"flexGtXs",{set:function(e){this.fcValues["gt-xs"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"flexGtSm",{set:function(e){this.fcValues["gt-sm"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"flexGtMd",{set:function(e){this.fcValues["gt-md"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"flexGtLg",{set:function(e){this.fcValues["gt-lg"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"flexLtSm",{set:function(e){this.fcValues["lt-sm"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"flexLtMd",{set:function(e){this.fcValues["lt-md"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"flexLtLg",{set:function(e){this.fcValues["lt-lg"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"flexLtXl",{set:function(e){this.fcValues["lt-xl"]=e},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.dependsOnParentLayout()},e.prototype.ngOnChanges=function(){this.reload()},e.prototype.reload=function(){var r=this,n=[];this.breakpoints.forEach(function(t){Object.keys(r.layoutValues).forEach(function(e){n.push(r.service.addFlex(r.layoutValues[e],e,r.fcValues[t],t,r.fcGrow,r.fcShrink))})}),this.setClassNames(n),this.observer$.next(this.fcValues)},e.prototype.dependsOnParentLayout=function(){var t=this;this.layout?this.layout.addNewBreakpoints(this.breakpoints,"row"):this.breakpoints.forEach(function(e){t.renderer.addClass(t.parentElement,t.service.addLayout("row",e))})},Object.defineProperty(e.prototype,"layoutValues",{get:function(){return this.layout?this.layout.fcValues:{all:""}},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"parentElement",{get:function(){return this.renderer.parentNode(this.elementRef.nativeElement)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"breakpoints",{get:function(){return Object.keys(this.fcValues)},enumerable:!0,configurable:!0}),e.decorators=[{type:n.Directive,args:[{selector:"\n [fcFlex],\n [fcFlex.xs], [fcFlex.sm], [fcFlex.md], [fcFlex.lg], [fcFlex.xl],\n [fcFlex.lt-sm], [fcFlex.lt-md], [fcFlex.lt-lg], [fcFlex.lt-xl],\n [fcFlex.gt-xs], [fcFlex.gt-sm], [fcFlex.gt-md], [fcFlex.gt-lg],\n "}]}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:u},{type:g,decorators:[{type:n.Optional},{type:n.Host},{type:n.SkipSelf}]}]},e.propDecorators={fcShrink:[{type:n.Input}],fcGrow:[{type:n.Input}],flex:[{type:n.Input,args:["fcFlex"]}],flexXs:[{type:n.Input,args:["fcFlex.xs"]}],flexSm:[{type:n.Input,args:["fcFlex.sm"]}],flexMd:[{type:n.Input,args:["fcFlex.md"]}],flexLg:[{type:n.Input,args:["fcFlex.lg"]}],flexXl:[{type:n.Input,args:["fcFlex.xl"]}],flexGtXs:[{type:n.Input,args:["fcFlex.gt-xs"]}],flexGtSm:[{type:n.Input,args:["fcFlex.gt-sm"]}],flexGtMd:[{type:n.Input,args:["fcFlex.gt-md"]}],flexGtLg:[{type:n.Input,args:["fcFlex.gt-lg"]}],flexLtSm:[{type:n.Input,args:["fcFlex.lt-sm"]}],flexLtMd:[{type:n.Input,args:["fcFlex.lt-md"]}],flexLtLg:[{type:n.Input,args:["fcFlex.lt-lg"]}],flexLtXl:[{type:n.Input,args:["fcFlex.lt-xl"]}]},e}(p),b=function(a){function e(e,t,r,n){var o=a.call(this,e,t)||this;return o.service=r,o.fcValues={},o.observer$=new s.ReplaySubject(1),n&&n.elementRef.nativeElement===o.parentElement&&(o.layout=n),o}return t(e,a),Object.defineProperty(e.prototype,"align",{set:function(e){this.fcValues.all=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignXs",{set:function(e){this.fcValues.xs=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignSm",{set:function(e){this.fcValues.sm=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignMd",{set:function(e){this.fcValues.md=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignLg",{set:function(e){this.fcValues.lg=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignXl",{set:function(e){this.fcValues.xl=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignGtXs",{set:function(e){this.fcValues["gt-xs"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignGtSm",{set:function(e){this.fcValues["gt-sm"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignGtMd",{set:function(e){this.fcValues["gt-md"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignGtLg",{set:function(e){this.fcValues["gt-lg"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignLtSm",{set:function(e){this.fcValues["lt-sm"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignLtMd",{set:function(e){this.fcValues["lt-md"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignLtLg",{set:function(e){this.fcValues["lt-lg"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"alignLtXl",{set:function(e){this.fcValues["lt-xl"]=e},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.dependsOnParentLayout()},e.prototype.ngOnChanges=function(){this.reload()},e.prototype.reload=function(){var t=this,r=[];this.breakpoints.forEach(function(e){r.push(t.service.addFlexAlign(t.fcValues[e],e))}),this.setClassNames(r),this.observer$.next(this.fcValues)},e.prototype.dependsOnParentLayout=function(){var t=this;this.layout?this.layout.addNewBreakpoints(this.breakpoints,"row"):this.breakpoints.forEach(function(e){t.renderer.addClass(t.parentElement,t.service.addLayout("row",e))})},Object.defineProperty(e.prototype,"parentElement",{get:function(){return this.renderer.parentNode(this.elementRef.nativeElement)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"breakpoints",{get:function(){return Object.keys(this.fcValues)},enumerable:!0,configurable:!0}),e.decorators=[{type:n.Directive,args:[{selector:"\n [fcFlexAlign],\n [fcFlexAlign.xs], [fcFlexAlign.sm], [fcFlexAlign.md], [fcFlexAlign.lg], [fcFlexAlign.xl],\n [fcFlexAlign.lt-sm], [fcFlexAlign.lt-md], [fcFlexAlign.lt-lg], [fcFlexAlign.lt-xl],\n [fcFlexAlign.gt-xs], [fcFlexAlign.gt-sm], [fcFlexAlign.gt-md], [fcFlexAlign.gt-lg]\n "}]}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:u},{type:g,decorators:[{type:n.Optional},{type:n.Host}]}]},e.propDecorators={align:[{type:n.Input,args:["fcFlexAlign"]}],alignXs:[{type:n.Input,args:["fcFlexAlign.xs"]}],alignSm:[{type:n.Input,args:["fcFlexAlign.sm"]}],alignMd:[{type:n.Input,args:["fcFlexAlign.md"]}],alignLg:[{type:n.Input,args:["fcFlexAlign.lg"]}],alignXl:[{type:n.Input,args:["fcFlexAlign.xl"]}],alignGtXs:[{type:n.Input,args:["fcFlexAlign.gt-xs"]}],alignGtSm:[{type:n.Input,args:["fcFlexAlign.gt-sm"]}],alignGtMd:[{type:n.Input,args:["fcFlexAlign.gt-md"]}],alignGtLg:[{type:n.Input,args:["fcFlexAlign.gt-lg"]}],alignLtSm:[{type:n.Input,args:["fcFlexAlign.lt-sm"]}],alignLtMd:[{type:n.Input,args:["fcFlexAlign.lt-md"]}],alignLtLg:[{type:n.Input,args:["fcFlexAlign.lt-lg"]}],alignLtXl:[{type:n.Input,args:["fcFlexAlign.lt-xl"]}]},e}(p),m=function(a){function e(e,t,r,n){var o=a.call(this,e,t)||this;return o.service=r,o.fcValues={},o.observer$=new s.ReplaySubject(1),n&&n.elementRef.nativeElement===o.parentElement&&(o.layout=n),o}return t(e,a),Object.defineProperty(e.prototype,"order",{set:function(e){this.fcValues.all=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"orderXs",{set:function(e){this.fcValues.xs=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"orderSm",{set:function(e){this.fcValues.sm=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"orderMd",{set:function(e){this.fcValues.md=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"orderLg",{set:function(e){this.fcValues.lg=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"orderXl",{set:function(e){this.fcValues.xl=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"orderGtXs",{set:function(e){this.fcValues["gt-xs"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"orderGtSm",{set:function(e){this.fcValues["gt-sm"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"orderGtMd",{set:function(e){this.fcValues["gt-md"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"orderGtLg",{set:function(e){this.fcValues["gt-lg"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"orderLtSm",{set:function(e){this.fcValues["lt-sm"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"orderLtMd",{set:function(e){this.fcValues["lt-md"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"orderLtLg",{set:function(e){this.fcValues["lt-lg"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"orderLtXl",{set:function(e){this.fcValues["lt-xl"]=e},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.dependsOnParentLayout()},e.prototype.ngOnChanges=function(){this.reload()},e.prototype.reload=function(){var t=this,r=[];this.breakpoints.forEach(function(e){r.push(t.service.addFlexOrder(t.fcValues[e],e))}),this.setClassNames(r),this.observer$.next(this.fcValues)},e.prototype.dependsOnParentLayout=function(){var t=this;this.layout?this.layout.addNewBreakpoints(this.breakpoints,"row"):this.breakpoints.forEach(function(e){t.renderer.addClass(t.parentElement,t.service.addLayout("row",e))})},Object.defineProperty(e.prototype,"parentElement",{get:function(){return this.renderer.parentNode(this.elementRef.nativeElement)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"breakpoints",{get:function(){return Object.keys(this.fcValues)},enumerable:!0,configurable:!0}),e.decorators=[{type:n.Directive,args:[{selector:"\n [fcFlexOrder],\n [fcFlexOrder.xs], [fcFlexOrder.sm], [fcFlexOrder.md], [fcFlexOrder.lg], [fcFlexOrder.xl],\n [fcFlexOrder.lt-sm], [fcFlexOrder.lt-md], [fcFlexOrder.lt-lg], [fcFlexOrder.lt-xl],\n [fcFlexOrder.gt-xs], [fcFlexOrder.gt-sm], [fcFlexOrder.gt-md], [fcFlexOrder.gt-lg]\n "}]}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:u},{type:g,decorators:[{type:n.Optional},{type:n.Host},{type:n.SkipSelf}]}]},e.propDecorators={order:[{type:n.Input,args:["fcFlexOrder"]}],orderXs:[{type:n.Input,args:["fcFlexOrder.xs"]}],orderSm:[{type:n.Input,args:["fcFlexOrder.sm"]}],orderMd:[{type:n.Input,args:["fcFlexOrder.md"]}],orderLg:[{type:n.Input,args:["fcFlexOrder.lg"]}],orderXl:[{type:n.Input,args:["fcFlexOrder.xl"]}],orderGtXs:[{type:n.Input,args:["fcFlexOrder.gt-xs"]}],orderGtSm:[{type:n.Input,args:["fcFlexOrder.gt-sm"]}],orderGtMd:[{type:n.Input,args:["fcFlexOrder.gt-md"]}],orderGtLg:[{type:n.Input,args:["fcFlexOrder.gt-lg"]}],orderLtSm:[{type:n.Input,args:["fcFlexOrder.lt-sm"]}],orderLtMd:[{type:n.Input,args:["fcFlexOrder.lt-md"]}],orderLtLg:[{type:n.Input,args:["fcFlexOrder.lt-lg"]}],orderLtXl:[{type:n.Input,args:["fcFlexOrder.lt-xl"]}]},e}(p),x=function(a){function e(e,t,r,n){var o=a.call(this,e,t)||this;return o.service=r,o.fcValues={},o.observer$=new s.ReplaySubject(1),n&&n.elementRef.nativeElement===o.parentElement&&(o.layout=n),o}return t(e,a),Object.defineProperty(e.prototype,"offset",{set:function(e){this.fcValues.all=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"offsetXs",{set:function(e){this.fcValues.xs=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"offsetSm",{set:function(e){this.fcValues.sm=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"offsetMd",{set:function(e){this.fcValues.md=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"offsetLg",{set:function(e){this.fcValues.lg=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"offsetXl",{set:function(e){this.fcValues.xl=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"offsetGtXs",{set:function(e){this.fcValues["gt-xs"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"offsetGtSm",{set:function(e){this.fcValues["gt-sm"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"offsetGtMd",{set:function(e){this.fcValues["gt-md"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"offsetGtLg",{set:function(e){this.fcValues["gt-lg"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"offsetLtSm",{set:function(e){this.fcValues["lt-sm"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"offsetLtMd",{set:function(e){this.fcValues["lt-md"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"offsetLtLg",{set:function(e){this.fcValues["lt-lg"]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"offsetLtXl",{set:function(e){this.fcValues["lt-xl"]=e},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.dependsOnParentLayout()},e.prototype.ngOnChanges=function(){this.reload()},e.prototype.reload=function(){var r=this,n=[];this.breakpoints.forEach(function(t){Object.keys(r.layoutValues).forEach(function(e){n.push(r.service.addFlexOffset(r.layoutValues[e],e,r.fcValues[t],t))})}),this.setClassNames(n),this.observer$.next(this.fcValues)},e.prototype.dependsOnParentLayout=function(){var t=this;this.layout?this.layout.addNewBreakpoints(this.breakpoints,"row"):this.breakpoints.forEach(function(e){t.renderer.addClass(t.parentElement,t.service.addLayout("row",e))})},Object.defineProperty(e.prototype,"parentElement",{get:function(){return this.renderer.parentNode(this.elementRef.nativeElement)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"layoutValues",{get:function(){return this.layout?this.layout.fcValues:{all:""}},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"breakpoints",{get:function(){return Object.keys(this.fcValues)},enumerable:!0,configurable:!0}),e.decorators=[{type:n.Directive,args:[{selector:"\n [fcFlexOffset],\n [fcFlexOffset.xs], [fcFlexOffset.sm], [fcFlexOffset.md], [fcFlexOffset.lg], [fcFlexOffset.xl],\n [fcFlexOffset.lt-sm], [fcFlexOffset.lt-md], [fcFlexOffset.lt-lg], [fcFlexOffset.lt-xl],\n [fcFlexOffset.gt-xs], [fcFlexOffset.gt-sm], [fcFlexOffset.gt-md], [fcFlexOffset.gt-lg]\n "}]}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:u},{type:g,decorators:[{type:n.Optional},{type:n.Host},{type:n.SkipSelf}]}]},e.propDecorators={offset:[{type:n.Input,args:["fcFlexOffset"]}],offsetXs:[{type:n.Input,args:["fcFlexOffset.xs"]}],offsetSm:[{type:n.Input,args:["fcFlexOffset.sm"]}],offsetMd:[{type:n.Input,args:["fcFlexOffset.md"]}],offsetLg:[{type:n.Input,args:["fcFlexOffset.lg"]}],offsetXl:[{type:n.Input,args:["fcFlexOffset.xl"]}],offsetGtXs:[{type:n.Input,args:["fcFlexOffset.gt-xs"]}],offsetGtSm:[{type:n.Input,args:["fcFlexOffset.gt-sm"]}],offsetGtMd:[{type:n.Input,args:["fcFlexOffset.gt-md"]}],offsetGtLg:[{type:n.Input,args:["fcFlexOffset.gt-lg"]}],offsetLtSm:[{type:n.Input,args:["fcFlexOffset.lt-sm"]}],offsetLtMd:[{type:n.Input,args:["fcFlexOffset.lt-md"]}],offsetLtLg:[{type:n.Input,args:["fcFlexOffset.lt-lg"]}],offsetLtXl:[{type:n.Input,args:["fcFlexOffset.lt-xl"]}]},e}(p),O=function(a){function e(e,t,r,n){var o=a.call(this,e,t)||this;return o.service=r,n&&n.elementRef.nativeElement===o.parentElement&&(o.layout=n),o}return t(e,a),e.prototype.ngOnInit=function(){this.dependsOnParentLayout(),this.service.addFlexFill()},e.prototype.dependsOnParentLayout=function(){this.layout?this.layout.addNewBreakpoints(["all"],"row"):this.renderer.addClass(this.parentElement,this.service.addLayout("row","all"))},Object.defineProperty(e.prototype,"parentElement",{get:function(){return this.renderer.parentNode(this.elementRef.nativeElement)},enumerable:!0,configurable:!0}),e.decorators=[{type:n.Directive,args:[{selector:"\n [fcFill],\n [fcFlexFill]\n "}]}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:u},{type:g,decorators:[{type:n.Optional},{type:n.Host}]}]},e}(p),L=["true",!0,1];function j(e){return""===e||0<=L.indexOf(e)}var V=function(l){function e(e,t,r,n,o){var a=l.call(this,e,t)||this;return a.service=r,a.layout=n,a.platformId=o,a.fcValues={},a.observer$=new s.ReplaySubject(1),a}return t(e,l),Object.defineProperty(e.prototype,"show",{set:function(e){this.fcValues.all=j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showXs",{set:function(e){this.fcValues.xs=j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showSm",{set:function(e){this.fcValues.sm=j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showMd",{set:function(e){this.fcValues.md=j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showLg",{set:function(e){this.fcValues.lg=j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showXl",{set:function(e){this.fcValues.xl=j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showLtSm",{set:function(e){this.fcValues["lt-sm"]=j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showLtMd",{set:function(e){this.fcValues["lt-md"]=j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showLtLg",{set:function(e){this.fcValues["lt-lg"]=j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showLtXl",{set:function(e){this.fcValues["lt-xl"]=j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showGtXs",{set:function(e){this.fcValues["gt-xs"]=j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showGtSm",{set:function(e){this.fcValues["gt-sm"]=j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showGtMd",{set:function(e){this.fcValues["gt-md"]=j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showGtLg",{set:function(e){this.fcValues["gt-lg"]=j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hide",{set:function(e){this.fcValues.all=!j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hideXs",{set:function(e){this.fcValues.xs=!j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hideSm",{set:function(e){this.fcValues.sm=!j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hideMd",{set:function(e){this.fcValues.md=!j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hideLg",{set:function(e){this.fcValues.lg=!j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hideXl",{set:function(e){this.fcValues.xl=!j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hideLtSm",{set:function(e){this.fcValues["lt-sm"]=!j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hideLtMd",{set:function(e){this.fcValues["lt-md"]=!j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hideLtLg",{set:function(e){this.fcValues["lt-lg"]=!j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hideLtXl",{set:function(e){this.fcValues["lt-xl"]=!j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hideGtXs",{set:function(e){this.fcValues["gt-xs"]=!j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hideGtSm",{set:function(e){this.fcValues["gt-sm"]=!j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hideGtMd",{set:function(e){this.fcValues["gt-md"]=!j(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hideGtLg",{set:function(e){this.fcValues["gt-lg"]=!j(e)},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(){this.reload()},e.prototype.reload=function(){var t=this,r=[],n=this.getDisplayStyle();this.breakpoints.forEach(function(e){r.push(t.service.addShowHide(n,t.fcValues[e],e))}),this.setClassNames(r),this.observer$.next(this.fcValues)},e.prototype.getDisplayStyle=function(){return this.layout?"flex":this.getElementStyle(this.elementRef.nativeElement,"display")||this.fcDisplayDefault||"block"},e.prototype.getElementStyle=function(e,t){return(e?e.style[t]||e.style.getPropertyValue(t):"")||(r.isPlatformBrowser(this.platformId)?getComputedStyle(e).getPropertyValue(t):"")},Object.defineProperty(e.prototype,"breakpoints",{get:function(){return Object.keys(this.fcValues)},enumerable:!0,configurable:!0}),e.decorators=[{type:n.Directive,args:[{selector:"\n [fcShow],\n [fcShow.xs], [fcShow.sm], [fcShow.md], [fcShow.lg], [fcShow.xl],\n [fcShow.lt-sm], [fcShow.lt-md], [fcShow.lt-lg], [fcShow.lt-xl],\n [fcShow.gt-xs], [fcShow.gt-sm], [fcShow.gt-md], [fcShow.gt-lg],\n [fcHide],\n [fcHide.xs], [fcHide.sm], [fcHide.md], [fcHide.lg], [fcHide.xl],\n [fcHide.lt-sm], [fcHide.lt-md], [fcHide.lt-lg], [fcHide.lt-xl],\n [fcHide.gt-xs], [fcHide.gt-sm], [fcHide.gt-md], [fcHide.gt-lg]\n "}]}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:u},{type:g,decorators:[{type:n.Optional},{type:n.Self}]},{type:Object,decorators:[{type:n.Inject,args:[n.PLATFORM_ID]}]}]},e.propDecorators={fcDisplayDefault:[{type:n.Input}],show:[{type:n.Input,args:["fcShow"]}],showXs:[{type:n.Input,args:["fcShow.xs"]}],showSm:[{type:n.Input,args:["fcShow.sm"]}],showMd:[{type:n.Input,args:["fcShow.md"]}],showLg:[{type:n.Input,args:["fcShow.lg"]}],showXl:[{type:n.Input,args:["fcShow.xl"]}],showLtSm:[{type:n.Input,args:["fcShow.lt-sm"]}],showLtMd:[{type:n.Input,args:["fcShow.lt-md"]}],showLtLg:[{type:n.Input,args:["fcShow.lt-lg"]}],showLtXl:[{type:n.Input,args:["fcShow.lt-xl"]}],showGtXs:[{type:n.Input,args:["fcShow.gt-xs"]}],showGtSm:[{type:n.Input,args:["fcShow.gt-sm"]}],showGtMd:[{type:n.Input,args:["fcShow.gt-md"]}],showGtLg:[{type:n.Input,args:["fcShow.gt-lg"]}],hide:[{type:n.Input,args:["fcHide"]}],hideXs:[{type:n.Input,args:["fcHide.xs"]}],hideSm:[{type:n.Input,args:["fcHide.sm"]}],hideMd:[{type:n.Input,args:["fcHide.md"]}],hideLg:[{type:n.Input,args:["fcHide.lg"]}],hideXl:[{type:n.Input,args:["fcHide.xl"]}],hideLtSm:[{type:n.Input,args:["fcHide.lt-sm"]}],hideLtMd:[{type:n.Input,args:["fcHide.lt-md"]}],hideLtLg:[{type:n.Input,args:["fcHide.lt-lg"]}],hideLtXl:[{type:n.Input,args:["fcHide.lt-xl"]}],hideGtXs:[{type:n.Input,args:["fcHide.gt-xs"]}],hideGtSm:[{type:n.Input,args:["fcHide.gt-sm"]}],hideGtMd:[{type:n.Input,args:["fcHide.gt-md"]}],hideGtLg:[{type:n.Input,args:["fcHide.gt-lg"]}]},e}(p);function P(e){return"function"==typeof e&&(e=e(i)),e||i}var v=function(){function t(){}return t.forRoot=function(e){return{ngModule:t,providers:[u,{provide:"flex_css_module_breakpoints",useValue:e},{provide:f,useFactory:P,deps:["flex_css_module_breakpoints"]}]}},t.decorators=[{type:n.NgModule,args:[{declarations:[g,y,d,h,m,x,b,O,V],exports:[g,y,d,h,m,x,b,O,V]}]}],t}();e.LayoutDirective=g,e.LayoutAlignDirective=y,e.LayoutGapDirective=d,e.FlexDirective=h,e.FlexAlignDirective=b,e.FlexOrderDirective=m,e.FlexOffsetDirective=x,e.FlexFillDirective=O,e.customizeBreakPoints=P,e.FlexCssModule=v,e.ɵa=p,e.ɵb=f,e.ɵc=u,e.ɵd=V,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=greg-md-ng-flex-css-layout.umd.min.js.map