chore: 1.0.0-alpha.4 release

- dependencies update
- minor refactor and cleanups
- removal of classnames dependency

BREAKING CHANGE:

- from now on `customClasses` prop overwrites default `c-icon` and `c-icon-${size}` css classes
- the change reflects default `customClasses` behavior of `@coreui/icons-react` and `@coreui/icons-vue`

Author: xidedix

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 CoreUI
+Copyright (c) 2021 CoreUI
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

NG.md

@@ -1,6 +1,6 @@
 # CoreuiIconsAngular
 
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.12.
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.3.
 
 ## Development server
 
@@ -24,4 +24,4 @@ Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protrac
 
 ## Further help
 
-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).
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

README.md

@@ -3,6 +3,7 @@
 [![NPM](https://img.shields.io/npm/v/@coreui/icons-angular/latest?style=flat-square&color=brightgreen)][coreui-angular-icons-npm]
 [![Downloads](https://img.shields.io/npm/dm/@coreui/icons-angular.svg?style=flat-square)][coreui-angular-icons-npm]
 [![License](https://img.shields.io/npm/l/@coreui/angular?style=flat-square)][coreui]
+![angular](https://img.shields.io/badge/angular-^11.0.0-lightgrey.svg?style=flat-square&logo=angular)
 
 [coreui]: https://coreui.io/icons
 [coreui-angular-icons-npm]: https://www.npmjs.com/package/@coreui/icons-angular
@@ -81,7 +82,7 @@ proprerty | type | default | description
 `size` | `custom`, `custom-size`, `sm`, `lg`, `xl`, `2xl`, `3xl`, `4xl`, `5xl`, `6xl`, `7xl`, `8xl`, `9xl` |  '' | Size of icon
 `title` | string | undefined |
 `use` | string | undefined | SVG `<use>` 
-`customClasses` | string | undefined | Replaces default `c-icon` component classes
+`customClasses` | string | undefined | Overwrites default `c-icon` component classes
 `viewBox` | string | undefined | SVG `viewbox`
 `attributes` | any | `{ role: 'img' }` |  Object with additional html attributes
 `width` | | undefined | SVG `width`

angular.json

@@ -1,16 +1,24 @@
 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "cli": {
+    "analytics": false
+  },
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
     "@coreui/icons-angular": {
       "projectType": "library",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
       "root": "projects/coreui/icons-angular",
       "sourceRoot": "projects/coreui/icons-angular/src",
       "prefix": "c",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
             "tsConfig": "projects/coreui/icons-angular/tsconfig.lib.json",
             "project": "projects/coreui/icons-angular/ng-package.json"
@@ -42,9 +50,7 @@
           }
         }
       }
-    }},
-  "cli": {
-    "analytics": false
+    }
   },
   "defaultProject": "@coreui/icons-angular"
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coreui-icons-angular",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.4",
   "description": "CoreUI Icons Angular component",
   "license": "MIT",
   "homepage": "https://coreui.io",
@@ -27,6 +27,7 @@
     "ng": "ng",
     "start": "ng serve",
     "build": "ng build",
+    "watch": "ng build --watch",
     "test": "ng test",
     "test:github": "ng test --karma-config=projects/coreui/icons-angular/karma.conf.github.js",
     "lint": "ng lint",
@@ -36,41 +37,35 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^9.1.13",
-    "@angular/common": "^9.1.13",
-    "@angular/compiler": "^9.1.13",
-    "@angular/core": "^9.1.13",
-    "@angular/forms": "^9.1.13",
-    "@angular/platform-browser": "^9.1.13",
-    "@angular/platform-browser-dynamic": "^9.1.13",
-    "@angular/router": "^9.1.13",
-    "classnames": "^2.2.6",
-    "rxjs": "~6.5.4",
-    "tslib": "^1.14.1",
-    "zone.js": "~0.10.2"
+    "@angular/common": "~11.2.7",
+    "@angular/compiler": "~11.2.7",
+    "@angular/core": "~11.2.7",
+    "@angular/platform-browser": "~11.2.7",
+    "@angular/platform-browser-dynamic": "~11.2.7",
+    "rxjs": "~6.6.7",
+    "tslib": "^2.0.0",
+    "zone.js": "~0.11.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.901.13",
-    "@angular-devkit/build-ng-packagr": "^0.901.13",
-    "@angular/cli": "^9.1.13",
-    "@angular/compiler-cli": "^9.1.13",
-    "@coreui/icons": "^2.0.0-rc.0",
-    "@types/jasmine": "^3.6.2",
-    "@types/jasminewd2": "~2.0.8",
-    "@types/node": "^14.14.20",
+    "@angular-devkit/build-angular": "~0.1102.6",
+    "@angular/cli": "~11.2.6",
+    "@angular/compiler-cli": "~11.2.7",
+    "@coreui/icons": "^2.0.1",
+    "@types/jasmine": "~3.6.9",
+    "@types/node": "^14.14.37",
     "codelyzer": "^6.0.1",
-    "jasmine-core": "^3.6.0",
+    "jasmine-core": "~3.7.1",
     "jasmine-spec-reporter": "^6.0.0",
-    "karma": "^5.2.3",
-    "karma-chrome-launcher": "^3.1.0",
-    "karma-coverage-istanbul-reporter": "^3.0.3",
-    "karma-jasmine": "^4.0.1",
+    "karma": "~6.3.2",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage": "~2.0.3",
+    "karma-jasmine": "~4.0.1",
     "karma-jasmine-html-reporter": "^1.5.4",
-    "ng-packagr": "^9.1.5",
+    "ng-packagr": "^11.2.4",
     "protractor": "~7.0.0",
-    "ts-node": "^9.1.1",
-    "tslint": "^6.1.3",
-    "typescript": "~3.6.5"
+    "ts-node": "~8.3.0",
+    "tslint": "~6.1.3",
+    "typescript": "~4.1.5"
   },
   "keywords": [
     "coreui",

projects/coreui/icons-angular/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 CoreUI
+
+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.

projects/coreui/icons-angular/NG.md

@@ -3,6 +3,7 @@
 [![NPM](https://img.shields.io/npm/v/@coreui/icons-angular/latest?style=flat-square&color=brightgreen)][coreui-angular-icons-npm]
 [![Downloads](https://img.shields.io/npm/dm/@coreui/icons-angular.svg?style=flat-square)][coreui-angular-icons-npm]
 [![License](https://img.shields.io/npm/l/@coreui/angular?style=flat-square)][coreui]
+![angular](https://img.shields.io/badge/angular-^11.0.0-lightgrey.svg?style=flat-square&logo=angular)
 
 [coreui]: https://coreui.io/icons
 [coreui-angular-icons-npm]: https://www.npmjs.com/package/@coreui/icons-angular
@@ -81,7 +82,7 @@ proprerty | type | default | description
 `size` | `custom`, `custom-size`, `sm`, `lg`, `xl`, `2xl`, `3xl`, `4xl`, `5xl`, `6xl`, `7xl`, `8xl`, `9xl` |  '' | Size of icon
 `title` | string | undefined |
 `use` | string | undefined | SVG `<use>` 
-`customClasses` | string | undefined | Replaces default `c-icon` component classes
+`customClasses` | string | undefined | Overwrites default `c-icon` component classes
 `viewBox` | string | undefined | SVG `viewbox`
 `attributes` | any | `{ role: 'img' }` |  Object with additional html attributes
 `width` | | undefined | SVG `width`

projects/coreui/icons-angular/README.md

@@ -9,16 +9,28 @@ module.exports = function (config) {
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
+      require('karma-coverage'),
       require('@angular-devkit/build-angular/plugins/karma')
     ],
     client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
       clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
-    coverageIstanbulReporter: {
-      dir: require('path').join(__dirname, '../../../coverage/coreui/icons-angular'),
-      reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, '../../../coverage/coreui-icons-angular'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,

projects/coreui/icons-angular/karma.conf.github.js

@@ -9,16 +9,28 @@ module.exports = function (config) {
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
+      require('karma-coverage'),
       require('@angular-devkit/build-angular/plugins/karma')
     ],
     client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
       clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
-    coverageIstanbulReporter: {
-      dir: require('path').join(__dirname, '../../../coverage/coreui/icons-angular'),
-      reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, '../../../coverage/coreui-icons-angular'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,