i am facing issue when i build the angular application about ng-bootstrap HOT 2 CLOSED

I can't see anything indicating that this has somthing to do with ng-bootstrap. You're not using the correct version though. See https://ng-bootstrap.github.io/#/getting-started for the matrix compatibility.

from ng-bootstrap.

After updating above changes, I get the below error

./src/assets/scss/config/material/app.scss.webpack[javascript/auto]!=!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/scss/config/material/app.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: ("primary": #4b38b3, "secondary": #3577f1, "success": #45cb85, "info": #299cdb, "warning": #ffbe0b, "danger": #f06548, "light": #f3f6f9, "dark": #212529) isn't a valid CSS value.
╷
264 │ $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");
│ ^^^^^^^^^^^^^
╵
src\assets\scss\config\material_variables.scss 264:29 @import
src\assets\scss\config\material\app.scss 17:9 root stylesheet

./src/assets/scss/config/material/bootstrap.scss.webpack[javascript/auto]!=!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/scss/config/material/bootstrap.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: ("primary": #4b38b3, "secondary": #3577f1, "success": #45cb85, "info": #299cdb, "warning": #ffbe0b, "danger": #f06548, "light": #f3f6f9, "dark": #212529) isn't a valid CSS value.
╷
264 │ $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");
│ ^^^^^^^^^^^^^
╵
src\assets\scss\config\material_variables.scss 264:29 @import
src\assets\scss\config\material\bootstrap.scss 14:9 root stylesheet

./src/assets/scss/config/material/app.scss - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: ("primary": #4b38b3, "secondary": #3577f1, "success": #45cb85, "info": #299cdb, "warning": #ffbe0b, "danger": #f06548, "light": #f3f6f9, "dark": #212529) isn't a valid CSS value.
╷
264 │ $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");
│ ^^^^^^^^^^^^^
╵
src\assets\scss\config\material_variables.scss 264:29 @import
src\assets\scss\config\material\app.scss 17:9 root stylesheet
at tryRunOrWebpackError (D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\HookWebpackError.js:88:9)
at webpack_require_module (D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\Compilation.js:5058:12)
at webpack_require (D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\Compilation.js:5015:18)
at D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\Compilation.js:5086:20
at symbolIterator (D:\Projects\project\Client\ClientApp\node_modules\neo-async\async.js:3485:9)
at done (D:\Projects\project\Client\ClientApp\node_modules\neo-async\async.js:3527:9)
at Hook.eval [as callAsync] (eval at create (D:\Projects\project\Client\ClientApp\node_modules\tapable\lib\HookCodeFactory.js:33:10), :15:1)
at D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\Compilation.js:4993:43
at symbolIterator (D:\Projects\project\Client\ClientApp\node_modules\neo-async\async.js:3482:9)
at timesSync (D:\Projects\project\Client\ClientApp\node_modules\neo-async\async.js:2297:7)
-- inner error --
Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: ("primary": #4b38b3, "secondary": #3577f1, "success": #45cb85, "info": #299cdb, "warning": #ffbe0b, "danger": #f06548, "light": #f3f6f9, "dark": #212529) isn't a valid CSS value.
╷
264 │ $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");
│ ^^^^^^^^^^^^^
╵
src\assets\scss\config\material_variables.scss 264:29 @import
src\assets\scss\config\material\app.scss 17:9 root stylesheet
at Object. (D:\Projects\project\Client\ClientApp\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!D:\Projects\project\Client\ClientApp\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!D:\Projects\project\Client\ClientApp\node_modules\resolve-url-loader\index.js??ruleSet[1].rules[6].rules[1].use[0]!D:\Projects\project\Client\ClientApp\node_modules\sass-loader\dist\cjs.js??ruleSet[1].rules[6].rules[1].use[1]!D:\Projects\project\Client\ClientApp\src\assets\scss\config\material\app.scss:1:7)
at D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\javascript\JavascriptModulesPlugin.js:441:11
at Hook.eval [as call] (eval at create (D:\Projects\project\Client\ClientApp\node_modules\tapable\lib\HookCodeFactory.js:19:10), :7:1)
at D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\Compilation.js:5060:39
at tryRunOrWebpackError (D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\HookWebpackError.js:83:7)
at webpack_require_module (D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\Compilation.js:5058:12)
at webpack_require (D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\Compilation.js:5015:18)
at D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\Compilation.js:5086:20
at symbolIterator (D:\Projects\project\Client\ClientApp\node_modules\neo-async\async.js:3485:9)
at done (D:\Projects\project\Client\ClientApp\node_modules\neo-async\async.js:3527:9)

Generated code for D:\Projects\project\Client\ClientApp\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!D:\Projects\project\Client\ClientApp\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!D:\Projects\project\Client\ClientApp\node_modules\resolve-url-loader\index.js??ruleSet[1].rules[6].rules[1].use[0]!D:\Projects\project\Client\ClientApp\node_modules\sass-loader\dist\cjs.js??ruleSet[1].rules[6].rules[1].use[1]!D:\Projects\project\Client\ClientApp\src\assets\scss\config\material\app.scss
1 | throw new Error("Module build failed (from ./node_modules/sass-loader/dist/cjs.js):\nSassError: ("primary": #4b38b3, "secondary": #3577f1, "success": #45cb85, "info": #299cdb, "warning": #ffbe0b, "danger": #f06548, "light": #f3f6f9, "dark": #212529) isn't a valid CSS value.\n ╷\n264 │ $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");\r\n │ ^^^^^^^^^^^^^\n ╵\n src\assets\scss\config\material\_variables.scss 264:29 @import\n src\assets\scss\config\material\app.scss 17:9 root stylesheet");

./src/assets/scss/config/material/bootstrap.scss - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: ("primary": #4b38b3, "secondary": #3577f1, "success": #45cb85, "info": #299cdb, "warning": #ffbe0b, "danger": #f06548, "light": #f3f6f9, "dark": #212529) isn't a valid CSS value.
╷
264 │ $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");
│ ^^^^^^^^^^^^^
╵
src\assets\scss\config\material_variables.scss 264:29 @import
src\assets\scss\config\material\bootstrap.scss 14:9 root stylesheet
at tryRunOrWebpackError (D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\HookWebpackError.js:88:9)
at webpack_require_module (D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\Compilation.js:5058:12)
at webpack_require (D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\Compilation.js:5015:18)
at D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\Compilation.js:5086:20
at symbolIterator (D:\Projects\project\Client\ClientApp\node_modules\neo-async\async.js:3485:9)
at done (D:\Projects\project\Client\ClientApp\node_modules\neo-async\async.js:3527:9)
at Hook.eval [as callAsync] (eval at create (D:\Projects\project\Client\ClientApp\node_modules\tapable\lib\HookCodeFactory.js:33:10), :15:1)
at D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\Compilation.js:4993:43
at symbolIterator (D:\Projects\project\Client\ClientApp\node_modules\neo-async\async.js:3482:9)
at timesSync (D:\Projects\project\Client\ClientApp\node_modules\neo-async\async.js:2297:7)
-- inner error --
Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: ("primary": #4b38b3, "secondary": #3577f1, "success": #45cb85, "info": #299cdb, "warning": #ffbe0b, "danger": #f06548, "light": #f3f6f9, "dark": #212529) isn't a valid CSS value.
╷
264 │ $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");
│ ^^^^^^^^^^^^^
╵
src\assets\scss\config\material_variables.scss 264:29 @import
src\assets\scss\config\material\bootstrap.scss 14:9 root stylesheet
at Object. (D:\Projects\project\Client\ClientApp\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!D:\Projects\project\Client\ClientApp\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!D:\Projects\project\Client\ClientApp\node_modules\resolve-url-loader\index.js??ruleSet[1].rules[6].rules[1].use[0]!D:\Projects\project\Client\ClientApp\node_modules\sass-loader\dist\cjs.js??ruleSet[1].rules[6].rules[1].use[1]!D:\Projects\project\Client\ClientApp\src\assets\scss\config\material\bootstrap.scss:1:7)
at D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\javascript\JavascriptModulesPlugin.js:441:11
at Hook.eval [as call] (eval at create (D:\Projects\project\Client\ClientApp\node_modules\tapable\lib\HookCodeFactory.js:19:10), :7:1)
at D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\Compilation.js:5060:39
at tryRunOrWebpackError (D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\HookWebpackError.js:83:7)
at webpack_require_module (D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\Compilation.js:5058:12)
at webpack_require (D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\Compilation.js:5015:18)
at D:\Projects\project\Client\ClientApp\node_modules\webpack\lib\Compilation.js:5086:20
at symbolIterator (D:\Projects\project\Client\ClientApp\node_modules\neo-async\async.js:3485:9)
at done (D:\Projects\project\Client\ClientApp\node_modules\neo-async\async.js:3527:9)

Generated code for D:\Projects\project\Client\ClientApp\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!D:\Projects\project\Client\ClientApp\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!D:\Projects\project\Client\ClientApp\node_modules\resolve-url-loader\index.js??ruleSet[1].rules[6].rules[1].use[0]!D:\Projects\project\Client\ClientApp\node_modules\sass-loader\dist\cjs.js??ruleSet[1].rules[6].rules[1].use[1]!D:\Projects\project\Client\ClientApp\src\assets\scss\config\material\bootstrap.scss
1 | throw new Error("Module build failed (from ./node_modules/sass-loader/dist/cjs.js):\nSassError: ("primary": #4b38b3, "secondary": #3577f1, "success": #45cb85, "info": #299cdb, "warning": #ffbe0b, "danger": #f06548, "light": #f3f6f9, "dark": #212529) isn't a valid CSS value.\n ╷\n264 │ $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");\r\n │ ^^^^^^^^^^^^^\n ╵\n src\assets\scss\config\material\_variables.scss 264:29 @import\n src\assets\scss\config\material\bootstrap.scss 14:9 root stylesheet");

./node_modules/angular-mentions/fesm2015/angular-mentions.mjs - Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js):
TypeError: Cannot create property 'message' on string 'D:\Projects\project\Client\ClientApp\node_modules\angular-mentions\fesm2015\angular-mentions.mjs: This application depends upon a library published using Angular version 14.0.6, which requires Angular version 14.0.0 or newer to work correctly.
Consider upgrading your application to use a more recent version of Angular.
425 | }
426 | MentionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: MentionListComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });

427 | MentionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: MentionListComponent, selector: "mention-list", inputs: { labelKey: "labelKey", itemTemplate: "itemTemplate" }, outputs: { itemClick: "itemClick" }, viewQueries: [{ propertyName: "list", first: mtrue, predicate: ["list"], descendants: true, static: true }, { propertyName: "defaultItemTemplate", first: true, predicate: ["defaultItemTemplate"], descendants: true, static: true }], ngImport: i0, template: `
| ^
428 | <ng-template #defaultItemTemplate let-item="item">
429 | {{item[labelKey]}}
430 | '
at run (D:\Projects\project\Client\ClientApp\node_modules@babel\core\lib\transformation\index.js:37:15)
at run.next ()
at Function.transform (D:\Projects\project\Client\ClientApp\node_modules@babel\core\lib\transform.js:25:41)
at transform.next ()
at step (D:\Projects\project\Client\ClientApp\node_modules\gensync\index.js:261:32)
at D:\Projects\project\Client\ClientApp\node_modules\gensync\index.js:273:13
at async.call.result.err.err (D:\Projects\project\Client\ClientApp\node_modules\gensync\index.js:223:11)
at D:\Projects\project\Client\ClientApp\node_modules\gensync\index.js:37:40

./node_modules/ng-apexcharts/fesm2015/ng-apexcharts.mjs - Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js):
TypeError: Cannot create property 'message' on string 'D:\Projects\project\Client\ClientApp\node_modules\ng-apexcharts\fesm2015\ng-apexcharts.mjs: This application depends upon a library published using Angular version 15.2.9, which requires Angular version 14.0.0 or newer to work correctly.
Consider upgrading your application to use a more recent version of Angular.
162 | }
163 | /** @nocollapse */ ChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ChartComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });

164 | /** @nocollapse */ ChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ChartComponent, selector: "apx-chart", inputs: { chart: "chart", annotations: "annotations", colors: "colors", dataLabels: "dataLabels", series: "series", stroke: "stroke", labels: "labels", legend: "legend", markers: "markers", noData: "noData", fill: "fill", tooltip: "tooltip", plotOptions: "plotOptions", responsive: "responsive", xaxis: "xaxis", yaxis: "yaxis", forecastDataPoints: "forecastDataPoints", grid: "grid", states: "states", title: "title", subtitle: "subtitle", theme: "theme", autoUpdateSeries: "autoUpdateSeries" }, viewQueries: [{ propertyName: "chartElement", first: true, predicate: ["chart"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: <div #chart></div>, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
165 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ChartComponent, decorators: [{
166 | type: Component,
167 | args: [{'
at run (D:\Projects\project\Client\ClientApp\node_modules@babel\core\lib\transformation\index.js:37:15)
at run.next ()
at Function.transform (D:\Projects\project\Client\ClientApp\node_modules@babel\core\lib\transform.js:25:41)
at transform.next ()
at step (D:\Projects\project\Client\ClientApp\node_modules\gensync\index.js:261:32)
at D:\Projects\project\Client\ClientApp\node_modules\gensync\index.js:273:13
at async.call.result.err.err (D:\Projects\project\Client\ClientApp\node_modules\gensync\index.js:223:11)
at D:\Projects\project\Client\ClientApp\node_modules\gensync\index.js:37:40

Error: node_modules/angular-mentions/lib/mention-list.component.d.ts:34:18 - error TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).

34 static ɵcmp: i0.ɵɵComponentDeclaration<MentionListComponent, "mention-list", never, { "labelKey": "labelKey"; "itemTemplate": "itemTemplate"; }, { "itemClick": "itemClick"; }, never, never, false>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/angular-mentions/lib/mention.directive.d.ts:47:18 - error TS2314: Generic type 'ɵɵDirectiveDeclaration' requires 6 type argument(s).

47 static ɵdir: i0.ɵɵDirectiveDeclaration<MentionDirective, "[mention], [mentionConfig]", never, { "mention": "mention"; "mentionConfig": "mentionConfig"; "mentionListTemplate": "mentionListTemplate"; }, { "searchTerm": "searchTerm"; "itemSelected": "itemSelected"; "opened": "opened"; "closed": "closed"; }, never, never, false>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/ng-apexcharts/lib/chart/chart.component.d.ts:58:18 - error TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).

58 static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "apx-chart", never, { "chart": "chart"; "annotations": "annotations"; "colors": "colors"; "dataLabels": "dataLabels"; "series": "series"; "stroke": "stroke"; "labels": "labels"; "legend": "legend"; "markers": "markers"; "noData": "noData"; "fill": "fill"; "tooltip": "tooltip"; "plotOptions": "plotOptions"; "responsive": "responsive"; "xaxis": "xaxis"; "yaxis": "yaxis"; "forecastDataPoints": "forecastDataPoints"; "grid": "grid"; "states": "states"; "title": "title"; "subtitle": "subtitle"; "theme": "theme"; "autoUpdateSeries": "autoUpdateSeries"; }, {}, never, never, false, never>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

package.json file

{
"name": "velzon",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "set NODE_OPTIONS=--max_old_space_size=8192 && ng serve",
"build": "set NODE_OPTIONS=--max_old_space_size=8192 && ng build",
"watch": "set NODE_OPTIONS=--max_old_space_size=8192 && ng build --watch --configuration development",
"test": "set NODE_OPTIONS=--max_old_space_size=8192 && ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"dependencies": {
"@agm/core": "^1.1.0",
"@angular-devkit/build-angular": "^13.3.3",
"@angular-slider/ngx-slider": "^2.0.4",
"@angular/animations": "^13.3.4",
"@angular/cdk": "^13.3.9",
"@angular/common": "^13.3.4",
"@angular/compiler": "^13.3.4",
"@angular/core": "^13.3.4",
"@angular/flex-layout": "^13.0.0-beta.38",
"@angular/forms": "^13.3.4",
"@angular/material": "^13.3.5",
"@angular/material-moment-adapter": "^13.3.5",
"@angular/platform-browser": "^13.3.4",
"@angular/platform-browser-dynamic": "^13.3.4",
"@angular/router": "^13.3.4",
"@asymmetrik/ngx-leaflet": "^13.0.2",
"@ckeditor/ckeditor5-angular": "^4.0.0",
"@ckeditor/ckeditor5-build-classic": "^34.2.0",
"@ctrl/ngx-emoji-mart": "^6.2.0",
"@fullcalendar/angular": "^5.11.0",
"@fullcalendar/daygrid": "^5.11.0",
"@fullcalendar/interaction": "^5.11.0",
"@microsoft/signalr": "^6.0.4",
"@ng-bootstrap/ng-bootstrap": "^12.1.2",
"@ng-select/ng-select": "^8.1.1",
"@ngx-translate/core": "^14.0.0",
"@ngx-translate/http-loader": "^7.0.0",
"@rxweb/reactive-form-validators": "^2.1.7",
"@thisissoon/angular-inviewport": "^4.2.2",
"@thisissoon/angular-scrollspy": "^2.2.0",
"@types/jquery": "^3.5.16",
"ag-grid-angular": "^27.2.1",
"ag-grid-community": "^27.2.1",
"angular-archwizard": "^7.0.0",
"angular-count-to": "^0.0.3",
"angular-feather": "^6.3.0",
"angular-mentions": "^1.4.0",
"angular-ng-autocomplete": "^2.0.8",
"angular-shepherd": "^13.0.1",
"angular-svg-round-progressbar": "^8.0.0",
"angularx-flatpickr": "^6.6.0",
"apexcharts": "^3.35.0",
"assert": "^2.1.0",
"bn-ng-idle": "^2.0.1",
"bootstrap": "5.0.0",
"browserslist": "^4.20.3",
"chart.js": "^3.7.1",
"crypto-browserify": "^3.12.0",
"echarts": "^5.3.2",
"echarts-gl": "^2.0.9",
"file-saver": "^2.0.5",
"firebase": "^8.7.1",
"flatpickr": "^4.6.13",
"force": "^0.0.3",
"html2canvas": "^1.4.1",
"html2pdf.js": "^0.10.1",
"https-browserify": "^1.0.0",
"intersection-observer": "^0.12.0",
"jquery": "^3.7.0",
"jspdf": "^2.5.1",
"leaflet": "^1.8.0",
"lord-icon-element": "^3.3.3",
"lottie-web": "^5.9.3",
"metismenujs": "^1.3.1",
"moment": "^2.29.3",
"ng-apexcharts": "^1.7.1",
"ng-multiselect-dropdown": "^0.3.8",
"ng-otp-input": "^1.8.5",
"ng-qrcode": "^6.0.0",
"ng2-charts": "^3.0.9",
"ngx-color-picker": "^12.0.1",
"ngx-cookie-service": "^13.2.0",
"ngx-device-detector": "^3.0.0",
"ngx-doc-viewer": "^2.1.4",
"ngx-drag-drop": "^13.0.0",
"ngx-dropzone": "^3.1.0",
"ngx-dropzone-wrapper": "^11.0.0",
"ngx-echarts": "^8.0.1",
"ngx-lightbox": "^2.5.2",
"ngx-mask": "^13.1.10",
"ngx-nestable": "^0.9.4",
"ngx-swiper-wrapper": "^10.0.0",
"ngx-toastr": "^14.3.0",
"ngx-ui-loader": "^13.0.0",
"ngx-ui-switch": "^13.0.2",
"os-browserify": "^0.3.0",
"otplib": "^12.0.1",
"path": "npm:path-browserify@^1.0.1",
"prismjs": "^1.28.0",
"qrcode": "^1.5.3",
"qrcode-generator": "^1.4.4",
"rxjs": "^6.6.0",
"simplebar-angular": "^2.3.6",
"stream-browserify": "^3.0.0",
"stream-http": "^3.2.0",
"sweetalert2": "^11.4.8",
"tslib": "^2.4.0",
"zone.js": "^0.11.4"
},
"devDependencies": {
"@angular-devkit/build-angular": "~13.3.3",
"@angular/cli": "^13.3.11",
"@angular/compiler-cli": "~13.3.3",
"@angular/localize": "^13.3.3",
"@types/echarts": "^4.9.14",
"@types/file-saver": "^2.0.5",
"@types/jasmine": "~4.0.3",
"@types/leaflet": "^1.7.9",
"@types/node": "^17.0.26",
"@types/qrcode": "^1.5.5",
"@types/quill": "^2.0.9",
"jasmine-core": "~4.1.0",
"karma": "~6.3.19",
"karma-chrome-launcher": "~3.1.1",
"karma-coverage": "~2.2.0",
"karma-jasmine": "~5.0.0",
"karma-jasmine-html-reporter": "~1.7.0",
"swiper": "^6.4.15",
"typescript": "~4.6.3"
},
"browserslist": [
"last 1 Chrome version",
"last 1 Firefox version",
"last 2 Edge major versions",
"last 2 Safari major versions",
"last 2 iOS major versions",
"Firefox ESR"
]
}

from ng-bootstrap.