493-es2015.93bff5a458fc0f1dabba.js

(self.webpackChunk_angular_ru_sdk=self.webpackChunk_angular_ru_sdk||[]).push([[493],{6493:function(e,n,t){"use strict";t.r(n),t.d(n,{GuideModule:function(){return s}});var u=t(2057),o=t(4074),r=t(793);let l=(()=>{class e{ngAfterViewInit(){document.querySelectorAll("pre code").forEach(e=>{hljs.highlightBlock(e)})}}return e.\u0275fac=function(n){return new(n||e)},e.\u0275cmp=r.Xpm({type:e,selectors:[["guide"]],decls:30,vars:0,consts:[[1,"main__wrap"],[1,"plaintext"],[1,"javascript"],[1,"css"]],template:function(e,n){1&e&&(r.TgZ(0,"div",0),r._uU(1,"\n    "),r.TgZ(2,"h1"),r._uU(3,"Guide overview"),r.qZA(),r._uU(4,"\n\n    "),r.TgZ(5,"p"),r._uU(6,"The "),r.TgZ(7,"strong"),r._uU(8,"flex-layout"),r.qZA(),r._uU(9," provides a styled library with simple directives."),r.qZA(),r._uU(10,"\n\n    "),r.TgZ(11,"pre"),r.TgZ(12,"code",1),r._uU(13,"$ npm install --save @angular-ru/flex-layout"),r.qZA(),r.qZA(),r._uU(14,"\n\n    "),r.TgZ(15,"p"),r._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    "),r.qZA(),r._uU(17,"\n\n    "),r.TgZ(18,"pre"),r.TgZ(19,"code",2),r.IAx(),r._uU(20,"import { FlexLayoutModule } from '@angular-ru/flex-layout';\n\n@NgModule({\n   imports: [\n      FlexLayoutModule\n   ],\n   ...\n})\nexport class AppModule { }\n    "),r.fQ9(),r.qZA(),r.qZA(),r._uU(21,"\n\n    "),r.TgZ(22,"p"),r._uU(23,"Next, let's import styles to your project. Edit src/styles.css:"),r.qZA(),r._uU(24,"\n\n    "),r.TgZ(25,"pre"),r.TgZ(26,"code",3),r.IAx(),r._uU(27,"\n@import '~@angular-ru/flex-layout/styles';\n\n"),r.fQ9(),r.qZA(),r.qZA(),r._uU(28,"\n"),r.qZA(),r._uU(29,"\n"))},encapsulation:2,changeDetection:0}),e})(),s=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275mod=r.oAB({type:e}),e.\u0275inj=r.cJS({imports:[[u.ez,o.Bz.forChild([{path:"",component:l}])]]}),e})()}}]);