- Updated structure according to angular-cli generates it.

- angular.json updated to have a build for the library and a build for serving the demo.
- Added peerDependencies for the library

Author: Davy Steegen

angular.json

@@ -3,17 +3,54 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "library": {
-      "root": "",
+    "ngx-bootstrap-multiselect": {
+      "projectType": "library",
+      "root": "projects/ngx-bootstrap-multiselect",
+      "sourceRoot": "projects/ngx-bootstrap-multiselect/src",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "project": "projects/ngx-bootstrap-multiselect/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/ngx-bootstrap-multiselect/tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "projects/ngx-bootstrap-multiselect/tsconfig.lib.json"
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "projects/ngx-bootstrap-multiselect/src/test.ts",
+            "tsConfig": "projects/ngx-bootstrap-multiselect/tsconfig.spec.json",
+            "karmaConfig": "projects/ngx-bootstrap-multiselect/karma.conf.js"
+          }
+        }
+      }
+    },
+    "demo": {
+      "root": "demo/",
       "sourceRoot": "demo/src",
       "projectType": "application",
-      "prefix": "app",
-      "schematics": {},
+      "prefix": "demo",
+      "schematics": {
+        "@schematics/angular:component": {
+          "inlineTemplate": true,
+          "inlineStyle": true
+        }
+      },
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist/library",
+            "aot": true,
+            "outputPath": "dist/demo",
             "index": "demo/src/index.html",
             "main": "demo/src/main.ts",
             "polyfills": "demo/src/polyfills.ts",
@@ -25,18 +62,20 @@
             "styles": [
               "demo/src/styles.css"
             ],
-            "scripts": [],
-            "vendorChunk": true,
-            "extractLicenses": false,
-            "sourceMap": true,
-            "namedChunks": true
+            "preserveSymlinks": true
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "fileReplacements": [
                 {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
+                  "replace": "demo/src/environments/environment.ts",
+                  "with": "demo/src/environments/environment.prod.ts"
                 }
               ],
               "optimization": true,
@@ -53,34 +92,29 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "library:build"
+            "browserTarget": "demo:build",
+            "port": 4200
           },
           "configurations": {
             "production": {
-              "browserTarget": "library:build:production"
+              "browserTarget": "demo:build:production"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "library:build"
+            "browserTarget": "demo:build"
           }
         },
-        "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "main": "src/test.ts",
-            "polyfills": "src/polyfills.ts",
-            "tsConfig": "src/tsconfig.spec.json",
-            "karmaConfig": "src/karma.conf.js",
-            "styles": [
-              "src/styles.css"
+            "tsConfig": [
+              "demo/src/tsconfig.app.json"
             ],
-            "scripts": [],
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
+            "exclude": [
+              "**/node_modules/**"
             ]
           }
         }
@@ -90,4 +124,4 @@
   "cli": {
     "analytics": false
   }
-}
+}

demo/src/app/app.module.ts

@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { FormsModule } from '@angular/forms';
 
-import { NgxBootstrapMultiselectModule } from '../../../src';
+import { NgxBootstrapMultiselectModule } from '../../../projects/ngx-bootstrap-multiselect/src';
 import { AppComponent } from './app.component';
 import { DataService } from './data.service';
 import { DummyComponent } from './dummy.component';

demo/src/app/data-model.ts

@@ -1,4 +1,4 @@
-import { IMultiSelectOption } from '../../../src';
+import { IMultiSelectOption } from '../../../projects/ngx-bootstrap-multiselect/src';
 
 export interface DataModel {
   options: IMultiSelectOption[];

demo/src/app/dummy.component.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 
-import { IMultiSelectSettings, IMultiSelectOption } from '../../../src';
+import { IMultiSelectSettings, IMultiSelectOption } from '../../../projects/ngx-bootstrap-multiselect/src';
 import { DataModel } from './data-model';
 
 @Component({

demo/src/app/util.ts

@@ -1,4 +1,4 @@
-import { IMultiSelectOption } from '../../../src';
+import { IMultiSelectOption } from '../../../projects/ngx-bootstrap-multiselect/src';
 
 export const generateItem = (id: number): IMultiSelectOption => {
   return {id, name: `Item #${id}`};

package.json

@@ -8,9 +8,7 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
-    "prebuild": "rimraf dist",
-    "build": "ng-packagr -p src/ng-package.json",
-    "postbuild": "copyfiles README.md LICENSE dist"
+    "build": "ng build ngx-bootstrap-multiselect"
   },
   "repository": {
     "type": "git",

LICENSE renamed to projects/ngx-bootstrap-multiselect/LICENSE

@@ -1,21 +1,21 @@
-The MIT License (MIT)
-
-Copyright (c) 2020
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+The MIT License (MIT)
+
+Copyright (c) 2020
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

ng-package.json renamed to projects/ngx-bootstrap-multiselect/ng-package.json

@@ -1,7 +1,8 @@
 {
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
   "dest": "../../dist/ngx-bootstrap-multiselect",
   "lib": {
     "entryFile": "src/public-api.ts"
-  }
-}
+  },
+  "assets": ["LICENCE"]
+}

src/package.json renamed to projects/ngx-bootstrap-multiselect/package.json

@@ -15,5 +15,9 @@
   "bugs": {
     "url": "https://github.com/softsimon/ngx-bootstrap-multiselect.git"
   },
-  "homepage": "https://github.com/softsimon/ngx-bootstrap-multiselect.git"
+  "homepage": "https://github.com/softsimon/ngx-bootstrap-multiselect.git",
+  "peerDependencies": {
+    "@angular/common": ">=15.0.0",
+    "@angular/core": ">=15.0.0"
+  }
 }

src/index.ts renamed to projects/ngx-bootstrap-multiselect/src/index.ts

@@ -0,0 +1,15 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "src/test.ts",
+    "**/*.spec.ts",
+  ]
+}

src/lib/autofocus.directive.ts renamed to projects/ngx-bootstrap-multiselect/src/lib/autofocus.directive.ts

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

src/lib/ngx-bootstrap-multiselect.component.css renamed to projects/ngx-bootstrap-multiselect/src/lib/ngx-bootstrap-multiselect.component.css

@@ -0,0 +1,18 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "allowJs": true,
+    "types": [
+      "jasmine"
+    ]
+  },
+  "files": [
+    "src/test.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts",
+  ]
+}

src/lib/ngx-bootstrap-multiselect.component.html renamed to projects/ngx-bootstrap-multiselect/src/lib/ngx-bootstrap-multiselect.component.html

@@ -1,20 +1,38 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
+  "compileOnSave": false,
   "compilerOptions": {
-    "target": "ES2022",
-    "lib": [
-      "es6",
-      "dom",
-      "es7"
-    ],
-    "module": "commonjs",
-    "moduleResolution": "node",
+    "paths": {
+      "ngx-bootstrap-multiselect": [
+        "dist/ngx-bootstrap-multiselect"
+      ]
+    },
+    "baseUrl": "./",
+    "outDir": "./dist/ngx-bootstrap-multiselect",
+    "forceConsistentCasingInFileNames": true,
+    "strict": false,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": false,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "strictPropertyInitialization": false,
     "sourceMap": true,
+    "declaration": false,
+    "downlevelIteration": true,
     "experimentalDecorators": true,
-    "skipLibCheck": true,
-    "skipDefaultLibCheck": true,
-    "useDefineForClassFields": false
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "target": "es2020",
+    "module": "es2020",
+    "lib": [
+      "es2020",
+      "dom"
+    ]
   },
   "angularCompilerOptions": {
-    "genDir": "compiled"
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
   }
-}
+}