diff --git a/src/AngularComponents/package-lock.json b/src/AngularComponents/package-lock.json index 2cca9475..ab4ae002 100644 --- a/src/AngularComponents/package-lock.json +++ b/src/AngularComponents/package-lock.json @@ -8,6 +8,7 @@ "name": "coverage-app", "version": "0.0.0", "dependencies": { + "@angular-slider/ngx-slider": "^17.0.2", "@angular/animations": "^17.3.8", "@angular/common": "^17.3.8", "@angular/compiler": "^17.3.8", @@ -862,6 +863,29 @@ "tslib": "^2.1.0" } }, + "node_modules/@angular-slider/ngx-slider": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/@angular-slider/ngx-slider/-/ngx-slider-17.0.2.tgz", + "integrity": "sha512-6fQ0wOH/pZvC2kbw3ZFab7eXwDaKZtj/cuA7pbhyKWHp8pwhaptoDDoEXttlAZIUEnrMG8rkg0OBcVWwwBLEJA==", + "dependencies": { + "detect-passive-events": "^2.0.3", + "rxjs": "^7.8.1", + "tslib": "^2.3.0" + }, + "peerDependencies": { + "@angular/common": "^17.1.1", + "@angular/core": "^17.1.1", + "@angular/forms": "^17.1.1" + } + }, + "node_modules/@angular-slider/ngx-slider/node_modules/rxjs": { + "version": "7.8.1", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz", + "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==", + "dependencies": { + "tslib": "^2.1.0" + } + }, "node_modules/@angular/animations": { "version": "17.3.8", "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-17.3.8.tgz", @@ -5740,12 +5764,25 @@ "npm": "1.2.8000 || >= 1.4.16" } }, + "node_modules/detect-it": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/detect-it/-/detect-it-4.0.1.tgz", + "integrity": "sha512-dg5YBTJYvogK1+dA2mBUDKzOWfYZtHVba89SyZUhc4+e3i2tzgjANFg5lDRCd3UOtRcw00vUTMK8LELcMdicug==" + }, "node_modules/detect-node": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz", "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==", "dev": true }, + "node_modules/detect-passive-events": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/detect-passive-events/-/detect-passive-events-2.0.3.tgz", + "integrity": "sha512-QN/1X65Axis6a9D8qg8Py9cwY/fkWAmAH/edTbmLMcv4m5dboLJ7LcAi8CfaCON2tjk904KwKX/HTdsHC6yeRg==", + "dependencies": { + "detect-it": "^4.0.1" + } + }, "node_modules/dir-glob": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", @@ -12094,6 +12131,26 @@ } } }, + "@angular-slider/ngx-slider": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/@angular-slider/ngx-slider/-/ngx-slider-17.0.2.tgz", + "integrity": "sha512-6fQ0wOH/pZvC2kbw3ZFab7eXwDaKZtj/cuA7pbhyKWHp8pwhaptoDDoEXttlAZIUEnrMG8rkg0OBcVWwwBLEJA==", + "requires": { + "detect-passive-events": "^2.0.3", + "rxjs": "^7.8.1", + "tslib": "^2.3.0" + }, + "dependencies": { + "rxjs": { + "version": "7.8.1", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz", + "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==", + "requires": { + "tslib": "^2.1.0" + } + } + } + }, "@angular/animations": { "version": "17.3.8", "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-17.3.8.tgz", @@ -15503,12 +15560,25 @@ "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==", "dev": true }, + "detect-it": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/detect-it/-/detect-it-4.0.1.tgz", + "integrity": "sha512-dg5YBTJYvogK1+dA2mBUDKzOWfYZtHVba89SyZUhc4+e3i2tzgjANFg5lDRCd3UOtRcw00vUTMK8LELcMdicug==" + }, "detect-node": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz", "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==", "dev": true }, + "detect-passive-events": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/detect-passive-events/-/detect-passive-events-2.0.3.tgz", + "integrity": "sha512-QN/1X65Axis6a9D8qg8Py9cwY/fkWAmAH/edTbmLMcv4m5dboLJ7LcAi8CfaCON2tjk904KwKX/HTdsHC6yeRg==", + "requires": { + "detect-it": "^4.0.1" + } + }, "dir-glob": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", diff --git a/src/AngularComponents/package.json b/src/AngularComponents/package.json index 2cb25f4c..5a824958 100644 --- a/src/AngularComponents/package.json +++ b/src/AngularComponents/package.json @@ -9,6 +9,7 @@ }, "private": true, "dependencies": { + "@angular-slider/ngx-slider": "^17.0.2", "@angular/animations": "^17.3.8", "@angular/common": "^17.3.8", "@angular/compiler": "^17.3.8", @@ -28,4 +29,4 @@ "@types/node": "^12.11.1", "typescript": "~5.2.2" } -} \ No newline at end of file +} diff --git a/src/AngularComponents/src/app/app.module.ts b/src/AngularComponents/src/app/app.module.ts index 079baebe..90abc453 100644 --- a/src/AngularComponents/src/app/app.module.ts +++ b/src/AngularComponents/src/app/app.module.ts @@ -1,3 +1,4 @@ +import { NgxSliderModule } from "@angular-slider/ngx-slider"; import { NgModule } from "@angular/core"; import { FormsModule } from "@angular/forms"; import { BrowserModule } from "@angular/platform-browser"; @@ -24,7 +25,8 @@ import { WindowRefService } from "./infrastructure/windowref.service"; ], imports: [ BrowserModule, - FormsModule + FormsModule, + NgxSliderModule ], providers: [WindowRefService], bootstrap: [RiskHotspotsComponent, CoverageInfoComponent] diff --git a/src/AngularComponents/src/app/components/coverageinfo/coverage-info.component.ts b/src/AngularComponents/src/app/components/coverageinfo/coverage-info.component.ts index 498b3cd5..ae9ae924 100644 --- a/src/AngularComponents/src/app/components/coverageinfo/coverage-info.component.ts +++ b/src/AngularComponents/src/app/components/coverageinfo/coverage-info.component.ts @@ -1,3 +1,4 @@ +import { Options } from "@angular-slider/ngx-slider"; import { Component, HostListener } from "@angular/core"; import { WindowRefService } from "../../infrastructure/windowref.service"; import { GlobalHistoryState } from "../globalhistorystate"; @@ -72,15 +73,8 @@ import { Helper } from "./viewmodels/helper.class"; -