{"version":3,"file":"commudle-ng-page-layout.mjs","sources":["../../../projects/ng-page-layout/src/lib/ng-page-layout.component.ts","../../../projects/ng-page-layout/src/lib/ng-page-layout.module.ts","../../../projects/ng-page-layout/src/public-api.ts","../../../projects/ng-page-layout/src/commudle-ng-page-layout.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ng-page-layout',\n  template: `\n    <div>\n      <div class=\"base-layout\">\n        <div class=\"container\">\n          <div class=\"two-column-layout\">\n            <div class=\"main-column\">\n              <ng-content select=\"[main-column]\"></ng-content>\n            </div>\n            <div class=\"right-column\">\n              <ng-content select=\"[right-column]\"></ng-content>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  `,\n  styles: [\n    `\n      .base-layout {\n        min-height: 100vh;\n        max-width: 1280px;\n        margin-left: auto;\n        margin-right: auto;\n      }\n\n      .container {\n        width: 100%;\n        padding-right: 1rem;\n        padding-left: 1rem;\n        margin-right: auto;\n        margin-left: auto;\n      }\n\n      .two-column-layout {\n        display: grid;\n        grid-template-columns: repeat(1, 1fr);\n      }\n\n      @media (min-width: 1024px) {\n        .two-column-layout {\n          display: grid;\n          grid-template-columns: repeat(24, 1fr);\n        }\n\n        .two-column-layout .right-column {\n          grid-column: span 7;\n        }\n\n        .two-column-layout .main-column {\n          grid-column: span 17;\n        }\n      }\n    `,\n  ],\n})\nexport class NgPageLayoutComponent {}\n","import { NgModule } from '@angular/core';\nimport { NgPageLayoutComponent } from './ng-page-layout.component';\n\n\n\n@NgModule({\n  declarations: [\n    NgPageLayoutComponent\n  ],\n  imports: [\n  ],\n  exports: [\n    NgPageLayoutComponent\n  ]\n})\nexport class NgPageLayoutModule { }\n","/*\n * Public API Surface of ng-page-layout\n */\n\nexport * from './lib/ng-page-layout.component';\nexport * from './lib/ng-page-layout.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MA2Da,qBAAqB,CAAA;;kHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAvDtB,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;AAeT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,icAAA,CAAA,EAAA,CAAA,CAAA;2FAwCU,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAzDjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAChB,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;AAeT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,icAAA,CAAA,EAAA,CAAA;;;MCJU,kBAAkB,CAAA;;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAlB,kBAAkB,EAAA,YAAA,EAAA,CAR3B,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAKrB,qBAAqB,CAAA,EAAA,CAAA,CAAA;gHAGZ,kBAAkB,EAAA,CAAA,CAAA;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAV9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE,EACR;AACD,oBAAA,OAAO,EAAE;wBACP,qBAAqB;AACtB,qBAAA;AACF,iBAAA,CAAA;;;ACdD;;AAEG;;ACFH;;AAEG;;;;"}