{"_id":"@commudle/ng-page-layout","_rev":"3-3d26fbe2dad2584ce4bf3dbc8974cf57","name":"@commudle/ng-page-layout","dist-tags":{"latest":"1.0.2"},"versions":{"0.0.1":{"name":"@commudle/ng-page-layout","version":"0.0.1","license":"MIT","peerDependencies":{"@angular/common":"^14.2.0","@angular/core":"^14.2.0"},"dependencies":{"tslib":"^2.3.0"},"module":"fesm2015/commudle-ng-page-layout.mjs","es2020":"fesm2020/commudle-ng-page-layout.mjs","esm2020":"esm2020/commudle-ng-page-layout.mjs","fesm2020":"fesm2020/commudle-ng-page-layout.mjs","fesm2015":"fesm2015/commudle-ng-page-layout.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/commudle-ng-page-layout.mjs","es2020":"./fesm2020/commudle-ng-page-layout.mjs","es2015":"./fesm2015/commudle-ng-page-layout.mjs","node":"./fesm2015/commudle-ng-page-layout.mjs","default":"./fesm2020/commudle-ng-page-layout.mjs"}},"sideEffects":false,"gitHead":"b3f893caf82b81024c21c475292ca29a2ec8ed89","description":"This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.0.","_id":"@commudle/ng-page-layout@0.0.1","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-gG9cm9Jx1dDXO4WueV2s8ya3fKirUuOwJDF2P7snyUXxs4P6Sxjget7bmhfDO4LMZ/LdwZETkWwQuu1GoCVtaw==","shasum":"a917c000ece55c918827018fbf1acf3b38c9d7d5","tarball":"https://registry.npmjs.org/@commudle/ng-page-layout/-/ng-page-layout-0.0.1.tgz","fileCount":14,"unpackedSize":25464,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRhaFGaCtRHYXg1Ho46xp9bKVvx0I3TzBP5JY1Qv36+gIhAMeLahYTQxLrwDZLif1B51Y0UDfJ5JHerk3zhNxV0Vo7"}]},"_npmUser":{"name":"prerna290","email":"prernaa290@gmail.com"},"directories":{},"maintainers":[{"name":"prerna290","email":"prernaa290@gmail.com"},{"name":"arshdeepgrover","email":"arsh199820@gmail.com"},{"name":"ashwin-op","email":"bsashwin9+npmjs@gmail.com"},{"name":"arpansac","email":"arpansac@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-page-layout_0.0.1_1696954095115_0.6925243896287894"},"_hasShrinkwrap":false},"1.0.0":{"name":"@commudle/ng-page-layout","version":"1.0.0","license":"MIT","description":"Angular component to generate standardized and responsive page layout grid configurations for your web app. No need to worry about padding/margins, just set this up and start using","keywords":["angular","ng","page","layout","component","directive","commudle"],"bugs":{"url":"https://github.com/commudle/ng-page-layout/issues"},"homepage":"https://github.com/commudle/ng-page-layout#readme","repository":{"type":"git","url":"git+https://github.com/commudle/ng-page-layout.git"},"scripts":{"ng":"ng","start":"ng serve","build":"ng build","watch":"ng build --watch --configuration development","test":"ng test"},"private":false,"dependencies":{"@angular/animations":"^14.0.0-next.0","@angular/common":"^14.0.0-next.0","@angular/compiler":"^14.0.0-next.0","@angular/core":"^14.0.0-next.0","@angular/forms":"^14.0.0-next.0","@angular/platform-browser":"^14.0.0-next.0","@angular/platform-browser-dynamic":"^14.0.0-next.0","@angular/router":"^14.0.0-next.0","rxjs":"~7.5.0","tslib":"^2.3.0","zone.js":"~0.11.4"},"devDependencies":{"@angular-devkit/build-angular":"^14.2.13","@angular/cli":"~14.2.0","@angular/compiler-cli":"^14.0.0-next.0","@types/jasmine":"~4.0.0","jasmine-core":"~4.3.0","karma":"~6.4.0","karma-chrome-launcher":"~3.1.0","karma-coverage":"~2.2.0","karma-jasmine":"~5.1.0","karma-jasmine-html-reporter":"~2.0.0","ng-packagr":"^14.2.0","typescript":"~4.7.2"},"gitHead":"069415289968231934288ee19c2e1ed1176c871f","_id":"@commudle/ng-page-layout@1.0.0","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-uKvVeERKHD9zmjBAujNlbD8LGVqg9IX3cXZGu89RMy6vE5Pxp9LLcQva5Jmfqt5pzn0d7r1HyqPLvD9lnN5fGg==","shasum":"64001b4cb2c13da407baaed95b0b948201ab40a1","tarball":"https://registry.npmjs.org/@commudle/ng-page-layout/-/ng-page-layout-1.0.0.tgz","fileCount":20,"unpackedSize":15762,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF49F2kHBemGhyj4t0C5nZc0xUurM6BdB65IeJFIwdm8AiBIzn/F5rSu8iyWon8z3hvYZ0vThGvQn5mmsrLn24geyQ=="}]},"_npmUser":{"name":"prerna290","email":"prernaa290@gmail.com"},"directories":{},"maintainers":[{"name":"prerna290","email":"prernaa290@gmail.com"},{"name":"arshdeepgrover","email":"arsh199820@gmail.com"},{"name":"ashwin-op","email":"bsashwin9+npmjs@gmail.com"},{"name":"arpansac","email":"arpansac@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-page-layout_1.0.0_1697102570987_0.6736194508811981"},"_hasShrinkwrap":false},"1.0.1":{"name":"@commudle/ng-page-layout","version":"1.0.1","description":"Angular component to generate standardized and responsive page layout grid configurations for your web app. No need to worry about padding/margins, just set this up and start using","license":"MIT","keywords":["angular","ng","page-layout","component","directive","commudle"],"bugs":{"url":"https://github.com/commudle/ng-page-layout/issues"},"homepage":"https://github.com/commudle/ng-page-layout/#readme","repository":{"type":"git","url":"git+https://github.com/commudle/ng-page-layout.git"},"peerDependencies":{"@angular/common":"^14.2.0","@angular/core":"^14.2.0"},"dependencies":{"tslib":"^2.3.0"},"module":"fesm2015/commudle-ng-page-layout.mjs","es2020":"fesm2020/commudle-ng-page-layout.mjs","esm2020":"esm2020/commudle-ng-page-layout.mjs","fesm2020":"fesm2020/commudle-ng-page-layout.mjs","fesm2015":"fesm2015/commudle-ng-page-layout.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/commudle-ng-page-layout.mjs","es2020":"./fesm2020/commudle-ng-page-layout.mjs","es2015":"./fesm2015/commudle-ng-page-layout.mjs","node":"./fesm2015/commudle-ng-page-layout.mjs","default":"./fesm2020/commudle-ng-page-layout.mjs"}},"sideEffects":false,"gitHead":"938e7b83eba3bcaf3ec1757d003d6d1a8fbbec4a","_id":"@commudle/ng-page-layout@1.0.1","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-nVqM2eoRjLxZJAp6c+MMSyMxSXSc3CMsx8VF9KS6Ev70j8jRXNPtb/5/cd6eNiosOnvuj+8xTPtzcdZQ7iyIPA==","shasum":"676cf4adb339209cbd35ac7aa3506fb7377a014b","tarball":"https://registry.npmjs.org/@commudle/ng-page-layout/-/ng-page-layout-1.0.1.tgz","fileCount":14,"unpackedSize":27655,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGEAEb6c1dkZzngx69B8jo3BVY0UUozVwYS7LOxO64KEAiBl8IuG3ctTkqY4R4NpCdhQlqwigU1vKka9GD8kni+z1Q=="}]},"_npmUser":{"name":"prerna290","email":"prernaa290@gmail.com"},"directories":{},"maintainers":[{"name":"prerna290","email":"prernaa290@gmail.com"},{"name":"arshdeepgrover","email":"arsh199820@gmail.com"},{"name":"ashwin-op","email":"bsashwin9+npmjs@gmail.com"},{"name":"arpansac","email":"arpansac@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-page-layout_1.0.1_1697110563798_0.1854782251405438"},"_hasShrinkwrap":false},"1.0.2":{"name":"@commudle/ng-page-layout","version":"1.0.2","description":"Angular component to generate standardized and responsive page layout grid configurations for your web app. No need to worry about padding/margins, just set this up and start using","license":"MIT","keywords":["angular","ng","page-layout","component","directive","commudle"],"bugs":{"url":"https://github.com/commudle/ng-page-layout/issues"},"homepage":"https://github.com/commudle/ng-page-layout/#readme","repository":{"type":"git","url":"git+https://github.com/commudle/ng-page-layout.git"},"peerDependencies":{"@angular/common":"^14.2.0","@angular/core":"^14.2.0"},"dependencies":{"tslib":"^2.3.0"},"module":"fesm2015/commudle-ng-page-layout.mjs","es2020":"fesm2020/commudle-ng-page-layout.mjs","esm2020":"esm2020/commudle-ng-page-layout.mjs","fesm2020":"fesm2020/commudle-ng-page-layout.mjs","fesm2015":"fesm2015/commudle-ng-page-layout.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/commudle-ng-page-layout.mjs","es2020":"./fesm2020/commudle-ng-page-layout.mjs","es2015":"./fesm2015/commudle-ng-page-layout.mjs","node":"./fesm2015/commudle-ng-page-layout.mjs","default":"./fesm2020/commudle-ng-page-layout.mjs"}},"sideEffects":false,"gitHead":"a742ee18ff9ed0ecfeee5db16213a1eb269ea9b6","_id":"@commudle/ng-page-layout@1.0.2","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-eRKkrANm1kqpfwa9Ck/q/zniOCfiAKpCZEfUa34xw+NlZryCOPx9TjMNx1RUikxDE9D+BBVoi5mDu+H7UT8efA==","shasum":"d24672c42d33e29bebc55031ceb4444e8e1ef76d","tarball":"https://registry.npmjs.org/@commudle/ng-page-layout/-/ng-page-layout-1.0.2.tgz","fileCount":14,"unpackedSize":27651,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTsMvXmvkbNaKFY4yqAjNgqSQLo3mcpFraylPJFEkR+AIhAOBA1ADKNLVGfIPfdwmz/v8MWNAhhPStcm/jCb6eJneT"}]},"_npmUser":{"name":"prerna290","email":"prernaa290@gmail.com"},"directories":{},"maintainers":[{"name":"prerna290","email":"prernaa290@gmail.com"},{"name":"arshdeepgrover","email":"arsh199820@gmail.com"},{"name":"ashwin-op","email":"bsashwin9+npmjs@gmail.com"},{"name":"arpansac","email":"arpansac@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-page-layout_1.0.2_1697182702826_0.8669098656457757"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-10T16:08:15.010Z","0.0.1":"2023-10-10T16:08:15.310Z","modified":"2023-10-13T07:38:23.256Z","1.0.0":"2023-10-12T09:22:51.252Z","1.0.1":"2023-10-12T11:36:03.956Z","1.0.2":"2023-10-13T07:38:23.039Z"},"maintainers":[{"name":"prerna290","email":"prernaa290@gmail.com"},{"name":"arshdeepgrover","email":"arsh199820@gmail.com"},{"name":"ashwin-op","email":"bsashwin9+npmjs@gmail.com"},{"name":"arpansac","email":"arpansac@gmail.com"}],"description":"Angular component to generate standardized and responsive page layout grid configurations for your web app. No need to worry about padding/margins, just set this up and start using","license":"MIT","readme":"# ng-page-layout\n\nAngular component to generate standardized and responsive page layout grid configurations for your web app. No need to worry about padding/margins, just set this up and start using\n\n![npm](https://img.shields.io/npm/v/%40commudle%2Fng-page-layout?logo=npm&link=https%3A%2F%2Fgithub.com%2Fcommudle%2Fng-page-layout)\n![NPM](https://img.shields.io/npm/l/%40commudle%2Fng-page-layout)\n\nng-page-layout is an NPM library that simplifies the process of creating page layouts with two main components: a main column and a left column. It is designed to be used with Angular applications, providing a convenient way to structure your user interfaces.\n\n**Demo:**\n[Preview 1](https://www.commudle.com/communities)\n[Preview 2](https://www.commudle.com/labs)\n[Preview 3](https://www.commudle.com/communities/cdn-commudle-developer-network/events/connectivity-and-storage-in-docker-containers)\n\n## Table of Contents\n\n- [Usage](#usage)\n- [Installation](#installation)\n- [License](#license)\n- [Issues and Feedback](#issues-and-feedback)\n\n## Usage\n\nHere's a brief overview of the available options and features of ng-page-layout:\n\n1. `
`: element is where you should place your main content.\n2. `
`: element is designed for secondary or right-aligned.\n\n## Installation\n\nTo use `ng-page-layout` in your Angular project, follow these steps:\n\n1. Install the library using npm or yarn:\n\n```bash\nnpm install @commudle/ng-page-layout\n# or\nyarn add @commudle/ng-page-layout\n```\n\n2. Import the NgPageLayoutModule into your Angular module (e.g., app.module.ts):\n\n```typescript\nimport { NgModule } from \"@angular/core\";\nimport { BrowserModule } from \"@angular/platform-browser\";\nimport { NgPageLayoutModule } from \"@commudle/ng-page-layout\";\n\n@NgModule({\n declarations: [\n // ...\n ],\n imports: [\n BrowserModule,\n NgPageLayoutModule, // Import the NgPageLayoutModule here\n ],\n bootstrap: [AppComponent],\n})\nexport class AppModule {}\n```\n\n3. Start using the ng-page-layout component in your templates:\n\n```html\n\n
\n \n
\n
\n \n
\n\n```\n\n## License\n\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\n## Issues and Feedback\n\nIf you encounter any issues or have suggestions for improvements, please feel free to open an issue on the GitHub repository.\n\n\nWe welcome contributions from the community, so if you'd like to contribute, please read our contribution guidelines.\n","readmeFilename":"README.md","homepage":"https://github.com/commudle/ng-page-layout/#readme","keywords":["angular","ng","page-layout","component","directive","commudle"],"repository":{"type":"git","url":"git+https://github.com/commudle/ng-page-layout.git"},"bugs":{"url":"https://github.com/commudle/ng-page-layout/issues"}}