refactor: move demo app to projects folder and more

- remove docs folder
- change library name to include ngx prefix
- remove "style-only" directives from library

Author: kevlatus

.gitignore

@@ -4,13 +4,15 @@
 /dist
 /tmp
 /out-tsc
+# Only exists if Bazel was run
+/bazel-out
 
 # dependencies
 /node_modules
 
 # profiling files
-chrome-profiler-events.json
-speed-measure-plugin.json
+chrome-profiler-events*.json
+speed-measure-plugin*.json
 
 # IDEs and editors
 /.idea

LICENSE

@@ -1,80 +1,27 @@
-<a target="_blank" href="https://www.npmjs.com/package/ngx-drawer-layout">![](https://img.shields.io/npm/v/ngx-drawer-layout.svg)</a>
-![](https://img.shields.io/circleci/project/github/kevlatus/ngx-drawer-layout/master.svg)
+# NgxDrawerLayout
 
-# Angular Drawer Layout
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.3.14.
 
-This library provides [Angular](https://angular.io/) components for implementing a 
- [Material Design Drawer](https://material.io/design/components/navigation-drawer.html).
- It relies on the [Angular Material Library](https://material.angular.io/).
+## Development server
 
-## Installing
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
 
-Before installing, make sure to add Angular Material to your project. When using Angular CLI, you can run:
-```
-ng add @angular/material
-```
-For alternative installation refer to the [quick start guide](https://material.angular.io/guide/getting-started).  
+## Code scaffolding
 
-Using npm, you can install the library with:  
-```
-npm install --save ngx-drawer-layout
-```
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
 
-### Enabling Material theming 
+## Build
 
-If you want to benefit from Material theming, you need to use Angular Material
- with [a custom theme](https://material.angular.io/guide/theming#defining-a-custom-theme).
- Then, you can add theming to the drawer layout like this:
- 
-```scss
-@import '~@angular/material/theming';
-@import '~ngx-drawer-layout/theming'; // <-- include SASS lib file
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
 
-@include mat-core();
+## Running unit tests
 
-$primary: mat-palette($mat-indigo);
-$accent: mat-palette($mat-pink, A200, A100, A400);
-$warn: mat-palette($mat-red);
-$theme: mat-light-theme($primary, $accent, $warn);
+Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
 
-@include angular-material-theme($theme);
-@include ngx-drawer-layout-theme($theme); // <-- include the drawer layout theme
-``` 
+## Running end-to-end tests
 
-## Usage
+Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
 
-**1. Import the DrawerLayoutModule**
+## Further help
 
-```javascript
-import {BrowserModule} from '@angular/platform-browser';
-import {NgModule} from '@angular/core';
-import {DrawerLayoutModule} from 'ngx-drawer-layout';
-
-@NgModule({
-    imports: [
-        BrowserModule,
-        DrawerLayoutModule.forRoot() // <-- import module
-    ],
-    bootstrap: [AppComponent]
-})
-export class AppModule { }
-```
-
-**2. Use the DrawerLayoutComponent**
-
-```html
-<ngx-drawer-layout>
-  <mat-toolbar ngxDrawerAppHeader>
-    <ngx-drawer-toggle-button></ngx-drawer-toggle-button>
-    <div>NGX Drawer Layout Demo</div>
-  </mat-toolbar>
-
-  <div ngxDrawerContent>
-    <div>Drawer Content</div>
-  </div>
-
-  <div ngxDrawerAppContent>
-    <div>App Content</div>
-  </div>
-</ngx-drawer-layout>
-```
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

README.md

@@ -3,41 +3,41 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "drawer-layout-app": {
-      "root": "",
-      "sourceRoot": "src",
+    "demo-app": {
       "projectType": "application",
-      "prefix": "app",
       "schematics": {
         "@schematics/angular:component": {
           "style": "scss"
         }
       },
+      "root": "projects/demo-app",
+      "sourceRoot": "projects/demo-app/src",
+      "prefix": "app",
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist/drawer-layout-app",
-            "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
-            "tsConfig": "src/tsconfig.app.json",
+            "outputPath": "dist/demo-app",
+            "index": "projects/demo-app/src/index.html",
+            "main": "projects/demo-app/src/main.ts",
+            "polyfills": "projects/demo-app/src/polyfills.ts",
+            "tsConfig": "projects/demo-app/tsconfig.app.json",
+            "aot": true,
             "assets": [
-              "src/favicon.ico",
-              "src/assets"
+              "projects/demo-app/src/favicon.ico",
+              "projects/demo-app/src/assets"
             ],
             "styles": [
-              "src/styles.scss"
+              "projects/demo-app/src/styles.scss"
             ],
-            "scripts": [],
-            "es5BrowserSupport": true
+            "scripts": []
           },
           "configurations": {
             "production": {
               "fileReplacements": [
                 {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
+                  "replace": "projects/demo-app/src/environments/environment.ts",
+                  "with": "projects/demo-app/src/environments/environment.prod.ts"
                 }
               ],
               "optimization": true,
@@ -54,6 +54,11 @@
                   "type": "initial",
                   "maximumWarning": "2mb",
                   "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb",
+                  "maximumError": "10kb"
                 }
               ]
             }
@@ -62,120 +67,98 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "drawer-layout-app:build"
+            "browserTarget": "demo-app:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "drawer-layout-app:build:production"
+              "browserTarget": "demo-app:build:production"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "drawer-layout-app:build"
+            "browserTarget": "demo-app:build"
           }
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "src/test.ts",
-            "polyfills": "src/polyfills.ts",
-            "tsConfig": "src/tsconfig.spec.json",
-            "karmaConfig": "src/karma.conf.js",
+            "main": "projects/demo-app/src/test.ts",
+            "polyfills": "projects/demo-app/src/polyfills.ts",
+            "tsConfig": "projects/demo-app/tsconfig.spec.json",
+            "karmaConfig": "projects/demo-app/karma.conf.js",
+            "assets": [
+              "projects/demo-app/src/favicon.ico",
+              "projects/demo-app/src/assets"
+            ],
             "styles": [
-              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
-              "src/styles.scss"
+              "projects/demo-app/src/styles.scss"
             ],
-            "scripts": [],
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ]
+            "scripts": []
           }
         },
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": [
-              "src/tsconfig.app.json",
-              "src/tsconfig.spec.json"
+              "projects/demo-app/tsconfig.app.json",
+              "projects/demo-app/tsconfig.spec.json",
+              "projects/demo-app/e2e/tsconfig.json"
             ],
             "exclude": [
               "**/node_modules/**"
             ]
           }
-        }
-      }
-    },
-    "drawer-layout-app-e2e": {
-      "root": "e2e/",
-      "projectType": "application",
-      "prefix": "",
-      "architect": {
+        },
         "e2e": {
           "builder": "@angular-devkit/build-angular:protractor",
           "options": {
-            "protractorConfig": "e2e/protractor.conf.js",
-            "devServerTarget": "drawer-layout-app:serve"
+            "protractorConfig": "projects/demo-app/e2e/protractor.conf.js",
+            "devServerTarget": "demo-app:serve"
           },
           "configurations": {
             "production": {
-              "devServerTarget": "drawer-layout-app:serve:production"
+              "devServerTarget": "demo-app:serve:production"
             }
           }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": "e2e/tsconfig.e2e.json",
-            "exclude": [
-              "**/node_modules/**"
-            ]
-          }
         }
       }
     },
-    "drawer-layout": {
-      "root": "projects/drawer-layout",
-      "sourceRoot": "projects/drawer-layout/src",
+    "ngx-drawer-layout": {
       "projectType": "library",
+      "root": "projects/ngx-drawer-layout",
+      "sourceRoot": "projects/ngx-drawer-layout/src",
       "prefix": "ngx",
-      "schematics": {
-        "@schematics/angular:component": {
-          "style": "scss"
-        }
-      },
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-ng-packagr:build",
           "options": {
-            "tsConfig": "projects/drawer-layout/tsconfig.lib.json",
-            "project": "projects/drawer-layout/ng-package.json"
+            "tsConfig": "projects/ngx-drawer-layout/tsconfig.lib.json",
+            "project": "projects/ngx-drawer-layout/ng-package.json"
           }
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "projects/drawer-layout/src/test.ts",
-            "tsConfig": "projects/drawer-layout/tsconfig.spec.json",
-            "karmaConfig": "projects/drawer-layout/karma.conf.js"
+            "main": "projects/ngx-drawer-layout/src/test.ts",
+            "tsConfig": "projects/ngx-drawer-layout/tsconfig.spec.json",
+            "karmaConfig": "projects/ngx-drawer-layout/karma.conf.js"
           }
         },
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": [
-              "projects/drawer-layout/tsconfig.lib.json",
-              "projects/drawer-layout/tsconfig.spec.json"
+              "projects/ngx-drawer-layout/tsconfig.lib.json",
+              "projects/ngx-drawer-layout/tsconfig.spec.json"
             ],
             "exclude": [
               "**/node_modules/**"
             ]
           }
         }
       }
-    }
-  },
-  "defaultProject": "drawer-layout"
-}
+    }},
+  "defaultProject": "demo-app"
+}