diff --git a/.gitignore b/.gitignore index 1ebb288..40dbc5c 100644 --- a/.gitignore +++ b/.gitignore @@ -33,6 +33,7 @@ speed-measure-plugin.json .history/* # misc +/.angular/cache /.sass-cache /connect.lock /coverage diff --git a/README.md b/README.md index 257da4f..131c632 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@ Angular SVG Icon ========= -The **angular-svg-icon** is an Angular 12 service and component that provides a +The **angular-svg-icon** is an Angular 13 service and component that provides a means to inline SVG files to allow for them to be easily styled by CSS and code. The service provides an icon registery that loads and caches a SVG indexed by @@ -19,6 +19,7 @@ This [demo](https://czeckd.github.io/angular-svg-icon/) shows this module in act $ npm i angular-svg-icon --save ``` **Note on earlier versions of Angular:** +- For Angular 12, use angular-svg-icon@12.0.0 - For Angular 11, use angular-svg-icon@11.2.0 - For Angular 10, use angular-svg-icon@10.0.0 - For Angular 9, use angular-svg-icon@9.2.0 diff --git a/angular.json b/angular.json index b8ebb36..a6c3b67 100644 --- a/angular.json +++ b/angular.json @@ -118,19 +118,6 @@ "scripts": [] } }, - "lint": { - "builder": "@angular-devkit/build-angular:tslint", - "options": { - "tsConfig": [ - "tsconfig.app.json", - "tsconfig.spec.json", - "e2e/tsconfig.json" - ], - "exclude": [ - "**/node_modules/**" - ] - } - }, "e2e": { "builder": "@angular-devkit/build-angular:protractor", "options": { @@ -170,18 +157,6 @@ "tsConfig": "projects/angular-svg-icon/tsconfig.spec.json", "karmaConfig": "projects/angular-svg-icon/karma.conf.js" } - }, - "lint": { - "builder": "@angular-devkit/build-angular:tslint", - "options": { - "tsConfig": [ - "projects/angular-svg-icon/tsconfig.lib.json", - "projects/angular-svg-icon/tsconfig.spec.json" - ], - "exclude": [ - "**/node_modules/**" - ] - } } } }}, diff --git a/package.json b/package.json index e94fe18..4c10f38 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "svg-icon", - "description": "Angular 12 component for inlining SVGs allowing them to be easily styled with CSS.", - "version": "12.0.0", + "description": "Angular 13 component for inlining SVGs allowing them to be easily styled with CSS.", + "version": "13.0.0", "repository": { "type": "git", "url": "https://github.com/czeckd/angular-svg-icon.git" @@ -25,22 +25,22 @@ }, "private": true, "dependencies": { - "@angular/animations": "~12.0.1", - "@angular/common": "~12.0.1", - "@angular/compiler": "~12.0.1", - "@angular/core": "~12.0.1", - "@angular/forms": "~12.0.1", - "@angular/platform-browser": "~12.0.1", - "@angular/platform-browser-dynamic": "~12.0.1", - "@angular/router": "~12.0.1", + "@angular/animations": "~13.0.0", + "@angular/common": "~13.0.0", + "@angular/compiler": "~13.0.0", + "@angular/core": "~13.0.0", + "@angular/forms": "~13.0.0", + "@angular/platform-browser": "~13.0.0", + "@angular/platform-browser-dynamic": "~13.0.0", + "@angular/router": "~13.0.0", "rxjs": "~6.6.3", - "tslib": "^2.2.0", + "tslib": "^2.3.1", "zone.js": "~0.11.4" }, "devDependencies": { - "@angular-devkit/build-angular": "~12.0.1", - "@angular/cli": "~12.0.1", - "@angular/compiler-cli": "~12.0.1", + "@angular-devkit/build-angular": "~13.0.1", + "@angular/cli": "~13.0.1", + "@angular/compiler-cli": "~13.0.0", "@types/jasmine": "~3.6.0", "@types/node": "^12.11.1", "jasmine-core": "~3.7.0", @@ -49,7 +49,7 @@ "karma-coverage": "~2.0.3", "karma-jasmine": "~4.0.0", "karma-jasmine-html-reporter": "^1.5.0", - "ng-packagr": "^12.0.0", - "typescript": "~4.2.3" + "ng-packagr": "^13.0.2", + "typescript": "~4.4.4" } } diff --git a/projects/angular-svg-icon/package.json b/projects/angular-svg-icon/package.json index 8ed880f..7e79826 100644 --- a/projects/angular-svg-icon/package.json +++ b/projects/angular-svg-icon/package.json @@ -1,7 +1,7 @@ { "name": "angular-svg-icon", - "description": "Angular 12 component for inlining SVGs allowing them to be easily styled with CSS.", - "version": "12.0.0", + "description": "Angular 13 component for inlining SVGs allowing them to be easily styled with CSS.", + "version": "13.0.0", "repository": { "type": "git", "url": "https://github.com/czeckd/angular-svg-icon.git" @@ -14,11 +14,11 @@ "icon" ], "peerDependencies": { - "@angular/core": ">=12.0.0", - "@angular/common": ">=12.0.0", - "rxjs": ">=6.6.0" + "@angular/core": ">=13.0.0", + "@angular/common": ">=13.0.0", + "rxjs": ">=6.6.3" }, "dependencies": { - "tslib": "^2.2.0" + "tslib": "^2.3.1" } } diff --git a/projects/angular-svg-icon/src/test.ts b/projects/angular-svg-icon/src/test.ts index 34806cd..c9a05ef 100644 --- a/projects/angular-svg-icon/src/test.ts +++ b/projects/angular-svg-icon/src/test.ts @@ -13,7 +13,9 @@ declare const require: any; // First, initialize the Angular testing environment. getTestBed().initTestEnvironment( BrowserDynamicTestingModule, - platformBrowserDynamicTesting() + platformBrowserDynamicTesting(), { + teardown: { destroyAfterEach: false } +} ); // Then we find all the tests. const context = require.context('./', true, /\.spec\.ts$/); diff --git a/src/polyfills.ts b/src/polyfills.ts index e484510..813c824 100644 --- a/src/polyfills.ts +++ b/src/polyfills.ts @@ -18,16 +18,6 @@ * BROWSER POLYFILLS */ -/** IE10 and IE11 requires the following for NgClass support on SVG elements */ -// import 'classlist.js'; // Run `npm install --save classlist.js`. - -/** - * Web Animations `@angular/platform-browser/animations` - * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari. - * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0). - */ -// import 'web-animations-js'; // Run `npm install --save web-animations-js`. - /** * By default, zone.js will patch all possible macroTask and DomEvents * user can disable parts of macroTask/DomEvents patch by setting following flags diff --git a/src/test.ts b/src/test.ts index 0b99b20..0b7b09e 100644 --- a/src/test.ts +++ b/src/test.ts @@ -12,7 +12,9 @@ declare const require: any; // First, initialize the Angular testing environment. getTestBed().initTestEnvironment( BrowserDynamicTestingModule, - platformBrowserDynamicTesting() + platformBrowserDynamicTesting(), { + teardown: { destroyAfterEach: false } +} ); // Then we find all the tests. const context = require.context('./', true, /\.spec\.ts$/);