493-es5.93bff5a458fc0f1dabba.js

!function(){function e(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function n(e,n){for(var t=0;t<n.length;t++){var u=n[t];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(e,u.key,u)}}(self.webpackChunk_angular_ru_sdk=self.webpackChunk_angular_ru_sdk||[]).push([[493],{6493:function(t,u,o){"use strict";o.r(u),o.d(u,{GuideModule:function(){return c}});var r,a=o(2057),l=o(4074),i=o(793),s=function(){var t=function(){function t(){e(this,t)}var u,o,r;return u=t,(o=[{key:"ngAfterViewInit",value:function(){document.querySelectorAll("pre code").forEach(function(e){hljs.highlightBlock(e)})}}])&&n(u.prototype,o),r&&n(u,r),t}();return t.\u0275fac=function(e){return new(e||t)},t.\u0275cmp=i.Xpm({type:t,selectors:[["guide"]],decls:30,vars:0,consts:[[1,"main__wrap"],[1,"plaintext"],[1,"javascript"],[1,"css"]],template:function(e,n){1&e&&(i.TgZ(0,"div",0),i._uU(1,"\n    "),i.TgZ(2,"h1"),i._uU(3,"Guide overview"),i.qZA(),i._uU(4,"\n\n    "),i.TgZ(5,"p"),i._uU(6,"The "),i.TgZ(7,"strong"),i._uU(8,"flex-layout"),i.qZA(),i._uU(9," provides a styled library with simple directives."),i.qZA(),i._uU(10,"\n\n    "),i.TgZ(11,"pre"),i.TgZ(12,"code",1),i._uU(13,"$ npm install --save @angular-ru/flex-layout"),i.qZA(),i.qZA(),i._uU(14,"\n\n    "),i.TgZ(15,"p"),i._uU(16,"\n        After a few seconds of waiting, you should be good to go. Let's get to the actual coding! As a first step, let's\n        add the Angular flex layout module to our app module (src/app.module.ts):\n    "),i.qZA(),i._uU(17,"\n\n    "),i.TgZ(18,"pre"),i.TgZ(19,"code",2),i.IAx(),i._uU(20,"import { FlexLayoutModule } from '@angular-ru/flex-layout';\n\n@NgModule({\n   imports: [\n      FlexLayoutModule\n   ],\n   ...\n})\nexport class AppModule { }\n    "),i.fQ9(),i.qZA(),i.qZA(),i._uU(21,"\n\n    "),i.TgZ(22,"p"),i._uU(23,"Next, let's import styles to your project. Edit src/styles.css:"),i.qZA(),i._uU(24,"\n\n    "),i.TgZ(25,"pre"),i.TgZ(26,"code",3),i.IAx(),i._uU(27,"\n@import '~@angular-ru/flex-layout/styles';\n\n"),i.fQ9(),i.qZA(),i.qZA(),i._uU(28,"\n"),i.qZA(),i._uU(29,"\n"))},encapsulation:2,changeDetection:0}),t}(),c=((r=function n(){e(this,n)}).\u0275fac=function(e){return new(e||r)},r.\u0275mod=i.oAB({type:r}),r.\u0275inj=i.cJS({imports:[[a.ez,l.Bz.forChild([{path:"",component:s}])]]}),r)}}])}();