diff --git a/.github/workflows/build-check.yml b/.github/workflows/build-check.yml index 06d67540..9af06c24 100644 --- a/.github/workflows/build-check.yml +++ b/.github/workflows/build-check.yml @@ -12,7 +12,7 @@ jobs: strategy: matrix: - node-version: [20.x] + node-version: [22.x] os: [ubuntu-latest, windows-latest, macOS-latest] steps: @@ -21,9 +21,11 @@ jobs: uses: actions/setup-node@v4 with: node-version: ${{ matrix.node-version }} - - name: project check + cache: 'npm' + - name: Install dependencies + run: npm ci + - name: Project check run: | - npm i npm run build:icons:prod npm run build:lib:prod npm run lint:lib diff --git a/.github/workflows/project-chartjs-check.yml b/.github/workflows/project-chartjs-check.yml index 8d3b9f29..331040ac 100644 --- a/.github/workflows/project-chartjs-check.yml +++ b/.github/workflows/project-chartjs-check.yml @@ -16,7 +16,7 @@ jobs: strategy: matrix: - node-version: [20.x] + node-version: [22.x] os: [ubuntu-latest, windows-latest, macOS-latest] steps: @@ -25,9 +25,11 @@ jobs: uses: actions/setup-node@v4 with: node-version: ${{ matrix.node-version }} - - name: project check + cache: 'npm' + - name: Install dependencies + run: npm ci + - name: Project check run: | - npm i npm run build:chartjs:prod npm run lint:chartjs npm run test:chartjs:prod diff --git a/.github/workflows/project-icons-check.yml b/.github/workflows/project-icons-check.yml index 76572aac..20b119c4 100644 --- a/.github/workflows/project-icons-check.yml +++ b/.github/workflows/project-icons-check.yml @@ -16,7 +16,7 @@ jobs: strategy: matrix: - node-version: [20.x] + node-version: [22.x] os: [ubuntu-latest, windows-latest, macOS-latest] steps: @@ -25,9 +25,11 @@ jobs: uses: actions/setup-node@v4 with: node-version: ${{ matrix.node-version }} - - name: project check + cache: 'npm' + - name: Install dependencies + run: npm ci + - name: Project check run: | - npm i npm run build:icons:prod npm run lint:icons npm run test:icons:prod diff --git a/.github/workflows/project-lib-check.yml b/.github/workflows/project-lib-check.yml index 5d9e6f00..7fd5192f 100644 --- a/.github/workflows/project-lib-check.yml +++ b/.github/workflows/project-lib-check.yml @@ -16,7 +16,7 @@ jobs: strategy: matrix: - node-version: [20.x] + node-version: [22.x] os: [ubuntu-latest, windows-latest, macOS-latest] steps: @@ -25,9 +25,11 @@ jobs: uses: actions/setup-node@v4 with: node-version: ${{ matrix.node-version }} - - name: project check + cache: 'npm' + - name: Install dependencies + run: npm ci + - name: Project check run: | - npm i npm run build:icons:prod npm run build:lib:prod npm run lint:lib diff --git a/CHANGELOG.md b/CHANGELOG.md index 9e54bb13..795bb520 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,276 @@ --- +#### `5.4.14` + +- fix(button): cButton directive loosing tabindex attribute, refactor; close #228 - thanks @bernik1980 +- fix(list-group-item): cListGroupItem directive loosing tabindex attribute, refactor +- fix(nav-link): cNavLink directive loosing tabindex attribute, refactor +- refactor(form): minor cleanups +- chore(dependencies): update + +--- + +#### `5.4.13` + +- fix(modal): scrollbar disappears on backdrop=false, closes #224 - thanks @tturbs +- chore(dependencies): update + +--- + +#### `5.4.12` + +- chore(dependencies): update + +--- + +#### `5.4.11` + +- chore(dependencies): update + +--- + +#### `5.4.10` + +- refactor(tabs-2): host bindings, host listeners, cleanup +- chore(dependencies): update + +--- + +#### `5.4.9` + +- chore(dependencies): update + +--- + +#### `5.4.8` + +- fix(form-check-input): checked prop overwrites checked from writeValue in ReactiveForms +- chore(dependencies): update + +--- + +#### `5.4.7` + +- fix(avatar): default size should be '' not `md` +- chore(dependencies): update + +--- + +#### `5.4.6` + +- chore(dependencies): update +- refactor(dropdown): migrate to contendChild(), constructor-based dependency injection to inject(), cleanup +- refactor(dropdown-item): add default role prop, cleanup +- refactor(dropdown-menu): migrate to contendChildren(), cleanup + +--- + +#### `5.4.5` + +- chore(dependencies): update +- refactor(coreui.types): add BooleanInput and NumberInput types + +--- + +#### `5.4.3` + +- chore(dependencies): update to `Angular 19.2` +- refactor(icon.component): cleanup, classList simplify +- refactor(chartjs.component): signal inputs, host bindings, cleanup +- fix(table-color): allow undefined type for color input prop +- fix(align): allow undefined type for align input prop + +--- + +#### `5.4.1` + +- chore(dependencies): update + +--- + +#### `5.4.0` + +- chore(dependencies): version bump and tilde `~` dependencies for @coreui/* packages with Sass modules + +--- + +#### `5.3.16` + +- chore(dependencies): tilde `~` dependencies for @coreui/* packages to avoid Sass modules mismatch + +--- + +#### `5.3.15` + +- refactor: linkedSignal source cleanup +- refactor(form): host binding, cleanup, tests +- refactor(form-floating): host binding, cleanup, tests +- test(form-select): coverage +- test(form-check-input): indeterminate coverage +- refactor(modal-toggle): host binding, cleanup, tests +- refactor(navbar-toggler): host binding, cleanup, tests +- refactor(template-id): signal inputs, cleanup, tests +- test(bg-color): css classes coverage +- test(border): css classes coverage +- fix(border): border input boolean +- test(rounded): css classes coverage +- fix(rounded): border input boolean +- refactor(text-bg-color): host binding, cleanup, tests +- refactor(text-color): host binding, cleanup, tests +- test(shadow-on-scroll): coverage +- test(visible): coverage +- refactor(utilities): module minor cleanups +- refactor(sidebar-toggler): signal inputs, host bindings, cleanup +- refactor(sidebar-toggle): signal inputs, host bindings, cleanup +- refactor(sidebar-nav-link): signal output +- refactor(sidebar-brand): signal inputs, host bindings, cleanup +- refactor(sidebar): signal inputs, host bindings, cleanup, use inert attribute +- chore(dependencies): update + +--- + +#### `5.3.14` + +- fix(carousel): when paused (interval=0) and manually changed slide, it does not restart when interval>0 +- refactor(carousel-item): add attribute role = "group" +- refactor(carousel-inner): add aria-live "off" for interval > 0, otherwise "polite" +- fix(carousel-control): allow custom content (regression) +- refactor(carousel): add interval to carousel state +- fix(carousel.config): set default interval to 0 +- fix(theme.directive): use colorScheme if dark not set +- refactor(progress-bar): set default value=0 +- refactor(dropdown): signal inputs, host bindings, cleanup, tests +- refactor(dropdown-item): set default value of disabled prop to false +- refactor(dropdown-close): set default value of disabled prop to false +- chore(dependencies): update + +--- + +#### `5.3.12` + +- fix(carousel): first image slides in for `crossfade` transition, animations refactor, closes #213 - thanks @baloo32 +- fix(carousel): `interval` prop value change should set/reset timer, closes #214 - thanks @baloo32 +- chore(dependencies): update + +--- + +#### `5.3.10` + +- fix(offcanvas): offcanvas hides on animation.done toState visible, refactor +- refactor(backdrop): minor cleanups + +--- + +#### `5.3.9` + +- chore(dependencies): update +- fix(accordion): accordion item not expanded when visible=true on init (regression) +- refactor(alert): signal inputs, host bindings, cleanup, tests +- refactor(breadcrumb): signal inputs, host bindings, cleanup, tests +- refactor(grid): signal inputs, host bindings, cleanup, tests +- refactor(header): signal inputs, host bindings, cleanup, tests +- refactor(theme.directive): signal inputs, host bindings, cleanup, tests +- refactor(offcanvas): signal inputs, host bindings, cleanup, tests +- refactor(pagination): signal inputs, host bindings, cleanup, tests +- refactor(carousel): signal inputs, host bindings, cleanup, tests +- feat(carousel-indicators): allow custom content via TemplateId directive, refactor +- test(accordion): coverage +- test(backdrop): coverage +- test(card-img): coverage +- test(collapse): coverage +- test(element-ref): update +- test(placeholder): coverage +- test(popover): coverage +- test(tooltip): coverage + +--- + +#### `5.3.8` + +- chore(dependencies): update to `Angular 19.1` +- refactor(form-control): signal inputs, host bindings, cleanup +- refactor(form-select): signal inputs, host bindings, cleanup +- refactor(form-label): signal inputs, host bindings, cleanup +- refactor(form-feedback): signal inputs, host bindings, cleanup +- refactor(form-check): signal inputs, host bindings, cleanup +- refactor(form): signal inputs, host bindings, cleanup +- refactor(input-group): cleanup +- refactor(nav): signal inputs, host bindings, cleanup, tests +- refactor(modal): signal inputs, host bindings, cleanup, +- refactor(progress): signal inputs, host bindings, cleanup, tests, service introduction +- refactor(table-active): signal inputs, host bindings, cleanup, tests +- refactor(table-color): signal inputs, host bindings, cleanup, tests +- refactor(table): signal inputs, host bindings, cleanup, tests +- refactor(tab): signal inputs, host bindings, cleanup, tests +- refactor(toast): signal inputs, host bindings, cleanup +- refactor(align): signal inputs, host bindings, cleanup, tests +- refactor(bg-color): signal inputs, host bindings, cleanup, tests +- refactor(border): signal inputs, host bindings, cleanup, tests +- refactor(rounded): signal inputs, host bindings, cleanup, tests +- refactor(shadow-on-scroll): signal inputs, host bindings, cleanup +- refactor(visible): signal inputs, cleanup +- refactor: make EffectRef #private + +--- + +#### `5.3.7` + +- fix(collapse): collapse not expanded when initial visible=true +- fix(offcanvas): use `inert` attribute instead of `aria-hidden` +- chore(dependencies): update + +--- + +#### `5.3.5` + +- chore(dependencies): update +- feat(services): uid service +- feat(services): rtl service +- refactor(form-floating): signal inputs, host bindings, cleanup +- test(progress): cleanup + +--- + +#### `5.3.4` + +- chore(dependencies): update +- refactor: migrate constructor-based dependency injection to inject function +- fix(tab-panel): avoid initial transition + +--- + +#### `5.3.3` + +- chore(dependencies): update +- fix(accordion): accordion item not expanded on init when visible=true +- refactor(avatar): remove NgOptimizedImage directive, add object-fit: cover +- chore(workflows): update node-version to 22.x + +--- + +#### `5.3.2` +- chore(dependencies): update +- chore(workflows): update with npm ci +- fix(package-lock): rebuild + +--- + +#### `5.3.1` + +- chore(dependencies): update +- fix(tabs): NG0950 required input is accessed before a value is set tempfix + +--- + +#### `5.3.0` + +- chore(dependencies): update to `Angular 19` +- refactor: directives, components and pipes are now standalone by default +- refactor: remove deprecated 'allowSignalWrites' flag for effect() - writes are allowed by default + +--- + #### `5.2.25` - chore(dependencies): update to Angular `18.2.12` diff --git a/CLI.md b/CLI.md index fcbbd5c5..cd0a31a1 100644 --- a/CLI.md +++ b/CLI.md @@ -1,6 +1,6 @@ # @coreui/angular v5 -This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.0.2. +This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 19.1.0. ## Development server diff --git a/LICENSE b/LICENSE index 94e4f4d1..fbb053e0 100644 --- a/LICENSE +++ b/LICENSE @@ -1,6 +1,6 @@ MIT License -Copyright (c) 2024 creativeLabs Łukasz Holeczek +Copyright (c) 2025 creativeLabs Łukasz Holeczek Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/README.md b/README.md index 6eeb7f23..255fba10 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@

- + CoreUI logo

-

CoreUI for Angular

+

CoreUI Components for Angular

- Angular Components Library built on top of Bootstrap 5.3 and TypeScript 5.4. + Angular Components Library built on top of Bootstrap 5.3 and TypeScript 5.x
- Explore CoreUI for Angular docs » + Explore CoreUI for Angular docs and examples »
-
- Report a bug + CoreUI Docs + · + Report a bug · - Request a feature + Request a feature · - Blog + Blog +

+
+

+Featured CoreUI for Angular libraries: +
+· CoreUI Components for Angular +
+· CoreUI Angular wrapper for Chart.js v4 +
+· CoreUI Icons for Angular

+
+ -## Status +### Status ![angular][angular-badge] -[![npm-coreui-angular-v5-ng18][npm-coreui-angular-badge-v5-ng18]][npm-coreui-angular] +[![npm-coreui-angular-v5-ng19][npm-coreui-angular-badge-v5-ng19]][npm-coreui-angular] [![npm-coreui-angular-latest][npm-coreui-angular-badge-latest]][npm-coreui-angular] [![npm-coreui-angular-next][npm-coreui-angular-badge-next]][npm-coreui-angular] [![NPM downloads][npm-coreui-angular-download]][npm-coreui-angular] [![Build](https://github.com/coreui/coreui-angular/actions/workflows/build-check.yml/badge.svg)](https://github.com/coreui/coreui-angular/actions/workflows/build-check.yml) -[npm-coreui-angular-badge-v5-ng18]: https://img.shields.io/npm/v/@coreui/angular/v5-ng18?style=flat-square&color=brightgreen -[npm-coreui-angular-badge-latest]: https://img.shields.io/npm/v/@coreui/angular/latest?style=flat-square&color=brightgreen -[npm-coreui-angular-badge-next]: https://img.shields.io/npm/v/@coreui/angular/next?style=flat-square&color=red -[npm-coreui-angular]: https://www.npmjs.com/package/@coreui/angular -[npm-coreui-angular-download]: https://img.shields.io/npm/dm/@coreui/angular.svg?style=flat-square -[angular-badge]: https://img.shields.io/badge/angular-^18.2.0-lightgrey.svg?style=flat-square&logo=angular ## Table of contents @@ -71,7 +78,7 @@ Before you begin, make sure your development environment includes `Node.js®` and `npm` package manager. ###### Node.js -[**Angular 18**](https://angular.dev/overview) requires `Node.js` LTS version `^18.19` or newer. +[**Angular 19**](https://angular.dev/overview) requires `Node.js` LTS version `^18.19`, `^20.11` or `^22.0`. - To check your version, run `node -v` in a terminal/console window. - To get `Node.js`, go to [nodejs.org](https://nodejs.org/). @@ -222,4 +229,11 @@ Thanks to all the backers and sponsors! Support this project by [becoming a back ## Copyright and license -Copyright 2024 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-angular/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/). +Copyright 2025 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-angular/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/). + +[npm-coreui-angular-badge-v5-ng19]: https://img.shields.io/npm/v/@coreui/angular/v5-ng19?style=flat-square&color=brightgreen +[npm-coreui-angular-badge-latest]: https://img.shields.io/npm/v/@coreui/angular/latest?style=flat-square&color=brightgreen +[npm-coreui-angular-badge-next]: https://img.shields.io/npm/v/@coreui/angular/next?style=flat-square&color=red +[npm-coreui-angular]: https://www.npmjs.com/package/@coreui/angular +[npm-coreui-angular-download]: https://img.shields.io/npm/dm/@coreui/angular.svg?style=flat-square +[angular-badge]: https://img.shields.io/badge/angular-^19.2.0-lightgrey.svg?style=flat-square&logo=angular diff --git a/eslint.config.js b/eslint.config.js index c77c5043..1919ce9a 100644 --- a/eslint.config.js +++ b/eslint.config.js @@ -35,7 +35,8 @@ module.exports = tseslint.config( '@typescript-eslint/consistent-indexed-object-style': 'off', '@typescript-eslint/no-explicit-any': 'off', '@typescript-eslint/no-inferrable-types': 'off', - '@typescript-eslint/no-unused-expressions': 'off' + '@typescript-eslint/no-unused-expressions': 'off', + 'no-unused-private-class-members': 'warn' } }, { diff --git a/package-lock.json b/package-lock.json index 0c2ad935..a0627bcb 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,58 +1,58 @@ { "name": "coreui-angular-dev", - "version": "5.2.25", + "version": "5.4.14", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "coreui-angular-dev", - "version": "5.2.25", - "license": "MIT", - "dependencies": { - "@angular/animations": "^18.2.12", - "@angular/cdk": "^18.2.13", - "@angular/common": "^18.2.12", - "@angular/compiler": "^18.2.12", - "@angular/core": "^18.2.12", - "@angular/forms": "^18.2.12", - "@angular/localize": "^18.2.12", - "@angular/platform-browser": "^18.2.12", - "@angular/platform-browser-dynamic": "^18.2.12", - "@angular/router": "^18.2.12", - "@coreui/chartjs": "^4.0.0", + "version": "5.4.14", + "license": "MIT", + "dependencies": { + "@angular/animations": "^19.2.14", + "@angular/cdk": "^19.2.18", + "@angular/common": "^19.2.14", + "@angular/compiler": "^19.2.14", + "@angular/core": "^19.2.14", + "@angular/forms": "^19.2.14", + "@angular/localize": "^19.2.14", + "@angular/platform-browser": "^19.2.14", + "@angular/platform-browser-dynamic": "^19.2.14", + "@angular/router": "^19.2.14", + "@coreui/chartjs": "~4.1.0", "@coreui/icons": "^3.0.1", "@popperjs/core": "~2.11.8", - "chart.js": "^4.4.6", + "chart.js": "^4.4.9", "lodash-es": "^4.17.21", - "rxjs": "~7.8.1", + "rxjs": "~7.8.2", "tslib": "^2.8.1", - "zone.js": "~0.14.10" + "zone.js": "~0.15.1" }, "devDependencies": { - "@angular-devkit/build-angular": "^18.2.12", - "@angular-devkit/schematics": "^18.2.12", - "@angular/cli": "^18.2.12", - "@angular/compiler-cli": "^18.2.12", - "@angular/language-service": "^18.2.12", - "@types/jasmine": "^5.1.4", + "@angular-devkit/build-angular": "^19.2.14", + "@angular-devkit/schematics": "^19.2.14", + "@angular/cli": "^19.2.14", + "@angular/compiler-cli": "^19.2.14", + "@angular/language-service": "^19.2.14", + "@types/jasmine": "^5.1.8", "@types/lodash-es": "^4.17.12", - "@types/node": "^20.17.6", - "angular-eslint": "~18.4.0", + "@types/node": "^22.15.29", + "angular-eslint": "^19.7.1", "copyfiles": "^2.4.1", - "eslint": "^9.14.0", - "jasmine-core": "^5.4.0", + "eslint": "^9.28.0", + "jasmine-core": "^5.7.1", "karma": "^6.4.4", "karma-chrome-launcher": "^3.2.0", "karma-coverage": "^2.2.1", "karma-jasmine": "^5.1.0", "karma-jasmine-html-reporter": "^2.1.0", - "ng-packagr": "^18.2.1", - "prettier": "^3.3.3", - "typescript": "~5.5.4", - "typescript-eslint": "~8.14.0" + "ng-packagr": "^19.2.2", + "prettier": "^3.5.3", + "typescript": "~5.7.3", + "typescript-eslint": "^8.33.1" }, "engines": { - "node": "^20.11.1 || >=22.0.0", + "node": "^20.11.1 || ^22.0.0", "npm": ">=9" } }, @@ -70,13 +70,13 @@ } }, "node_modules/@angular-devkit/architect": { - "version": "0.1802.12", - "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1802.12.tgz", - "integrity": "sha512-bepVb2/GtJppYKaeW8yTGE6egmoWZ7zagFDsmBdbF+BYp+HmeoPsclARcdryBPVq68zedyTRdvhWSUTbw1AYuw==", + "version": "0.1902.14", + "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.14.tgz", + "integrity": "sha512-rgMkqOrxedzqLZ8w59T/0YrpWt7LDmGwt+ZhNHE7cn27jZ876yGC2Bhcn58YZh2+R03WEJ9q0ePblaBYz03SMw==", "dev": true, "license": "MIT", "dependencies": { - "@angular-devkit/core": "18.2.12", + "@angular-devkit/core": "19.2.14", "rxjs": "7.8.1" }, "engines": { @@ -85,73 +85,76 @@ "yarn": ">= 1.13.0" } }, + "node_modules/@angular-devkit/architect/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==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "tslib": "^2.1.0" + } + }, "node_modules/@angular-devkit/build-angular": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-18.2.12.tgz", - "integrity": "sha512-quVUi7eqTq9OHumQFNl9Y8t2opm8miu4rlYnuF6rbujmmBDvdUvR6trFChueRczl2p5HWqTOr6NPoDGQm8AyNw==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-19.2.14.tgz", + "integrity": "sha512-0K8vZxXdkME31fd6/+WACug8j4eLlU7mxR2/XJvS+VQ+a7bqdEsVddZDkwdWE+Y3ccZXvD/aNLZSEuSKmVFsnA==", "dev": true, "license": "MIT", "dependencies": { "@ampproject/remapping": "2.3.0", - "@angular-devkit/architect": "0.1802.12", - "@angular-devkit/build-webpack": "0.1802.12", - "@angular-devkit/core": "18.2.12", - "@angular/build": "18.2.12", - "@babel/core": "7.25.2", - "@babel/generator": "7.25.0", - "@babel/helper-annotate-as-pure": "7.24.7", + "@angular-devkit/architect": "0.1902.14", + "@angular-devkit/build-webpack": "0.1902.14", + "@angular-devkit/core": "19.2.14", + "@angular/build": "19.2.14", + "@babel/core": "7.26.10", + "@babel/generator": "7.26.10", + "@babel/helper-annotate-as-pure": "7.25.9", "@babel/helper-split-export-declaration": "7.24.7", - "@babel/plugin-transform-async-generator-functions": "7.25.0", - "@babel/plugin-transform-async-to-generator": "7.24.7", - "@babel/plugin-transform-runtime": "7.24.7", - "@babel/preset-env": "7.25.3", - "@babel/runtime": "7.25.0", - "@discoveryjs/json-ext": "0.6.1", - "@ngtools/webpack": "18.2.12", - "@vitejs/plugin-basic-ssl": "1.1.0", + "@babel/plugin-transform-async-generator-functions": "7.26.8", + "@babel/plugin-transform-async-to-generator": "7.25.9", + "@babel/plugin-transform-runtime": "7.26.10", + "@babel/preset-env": "7.26.9", + "@babel/runtime": "7.26.10", + "@discoveryjs/json-ext": "0.6.3", + "@ngtools/webpack": "19.2.14", + "@vitejs/plugin-basic-ssl": "1.2.0", "ansi-colors": "4.1.3", "autoprefixer": "10.4.20", - "babel-loader": "9.1.3", + "babel-loader": "9.2.1", "browserslist": "^4.21.5", "copy-webpack-plugin": "12.0.2", - "critters": "0.0.24", "css-loader": "7.1.2", - "esbuild-wasm": "0.23.0", - "fast-glob": "3.3.2", - "http-proxy-middleware": "3.0.3", - "https-proxy-agent": "7.0.5", + "esbuild-wasm": "0.25.4", + "fast-glob": "3.3.3", + "http-proxy-middleware": "3.0.5", "istanbul-lib-instrument": "6.0.3", "jsonc-parser": "3.3.1", "karma-source-map-support": "1.4.0", - "less": "4.2.0", + "less": "4.2.2", "less-loader": "12.2.0", "license-webpack-plugin": "4.0.2", "loader-utils": "3.3.1", - "magic-string": "0.30.11", - "mini-css-extract-plugin": "2.9.0", - "mrmime": "2.0.0", + "mini-css-extract-plugin": "2.9.2", "open": "10.1.0", "ora": "5.4.1", - "parse5-html-rewriting-stream": "7.0.0", "picomatch": "4.0.2", - "piscina": "4.6.1", - "postcss": "8.4.41", + "piscina": "4.8.0", + "postcss": "8.5.2", "postcss-loader": "8.1.1", "resolve-url-loader": "5.0.0", "rxjs": "7.8.1", - "sass": "1.77.6", - "sass-loader": "16.0.0", - "semver": "7.6.3", + "sass": "1.85.0", + "sass-loader": "16.0.5", + "semver": "7.7.1", "source-map-loader": "5.0.0", "source-map-support": "0.5.21", - "terser": "5.31.6", + "terser": "5.39.0", "tree-kill": "1.2.2", - "tslib": "2.6.3", - "vite": "5.4.6", - "watchpack": "2.4.1", - "webpack": "5.94.0", + "tslib": "2.8.1", + "webpack": "5.98.0", "webpack-dev-middleware": "7.4.2", - "webpack-dev-server": "5.0.4", + "webpack-dev-server": "5.2.0", "webpack-merge": "6.0.1", "webpack-subresource-integrity": "5.1.0" }, @@ -161,22 +164,23 @@ "yarn": ">= 1.13.0" }, "optionalDependencies": { - "esbuild": "0.23.0" + "esbuild": "0.25.4" }, "peerDependencies": { - "@angular/compiler-cli": "^18.0.0", - "@angular/localize": "^18.0.0", - "@angular/platform-server": "^18.0.0", - "@angular/service-worker": "^18.0.0", - "@web/test-runner": "^0.18.0", + "@angular/compiler-cli": "^19.0.0 || ^19.2.0-next.0", + "@angular/localize": "^19.0.0 || ^19.2.0-next.0", + "@angular/platform-server": "^19.0.0 || ^19.2.0-next.0", + "@angular/service-worker": "^19.0.0 || ^19.2.0-next.0", + "@angular/ssr": "^19.2.14", + "@web/test-runner": "^0.20.0", "browser-sync": "^3.0.2", "jest": "^29.5.0", "jest-environment-jsdom": "^29.5.0", "karma": "^6.3.0", - "ng-packagr": "^18.0.0", + "ng-packagr": "^19.0.0 || ^19.2.0-next.0", "protractor": "^7.0.0", - "tailwindcss": "^2.0.0 || ^3.0.0", - "typescript": ">=5.4 <5.6" + "tailwindcss": "^2.0.0 || ^3.0.0 || ^4.0.0", + "typescript": ">=5.5 <5.9" }, "peerDependenciesMeta": { "@angular/localize": { @@ -188,6 +192,9 @@ "@angular/service-worker": { "optional": true }, + "@angular/ssr": { + "optional": true + }, "@web/test-runner": { "optional": true }, @@ -214,21 +221,24 @@ } } }, - "node_modules/@angular-devkit/build-angular/node_modules/tslib": { - "version": "2.6.3", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz", - "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==", + "node_modules/@angular-devkit/build-angular/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==", "dev": true, - "license": "0BSD" + "license": "Apache-2.0", + "dependencies": { + "tslib": "^2.1.0" + } }, "node_modules/@angular-devkit/build-webpack": { - "version": "0.1802.12", - "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1802.12.tgz", - "integrity": "sha512-0Z3fdbZVRnjYWE2/VYyfy+uieY+6YZyEp4ylzklVkc+fmLNsnz4Zw6cK1LzzcBqAwKIyh1IdW20Cg7o8b0sONA==", + "version": "0.1902.14", + "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1902.14.tgz", + "integrity": "sha512-XDNB8Nlau/v59Ukd6UgBRBRnTnUmC244832SECmMxXHs1ljJMWGlI1img2xPErGd8426rUA9Iws4RkQiqbsybQ==", "dev": true, "license": "MIT", "dependencies": { - "@angular-devkit/architect": "0.1802.12", + "@angular-devkit/architect": "0.1902.14", "rxjs": "7.8.1" }, "engines": { @@ -241,10 +251,20 @@ "webpack-dev-server": "^5.0.2" } }, + "node_modules/@angular-devkit/build-webpack/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==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "tslib": "^2.1.0" + } + }, "node_modules/@angular-devkit/core": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-18.2.12.tgz", - "integrity": "sha512-NtB6ypsaDyPE6/fqWOdfTmACs+yK5RqfH5tStEzWFeeDsIEDYKsJ06ypuRep7qTjYus5Rmttk0Ds+cFgz8JdUQ==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.14.tgz", + "integrity": "sha512-aaPEnRNIBoYT4XrrYcZlHadX8vFDTUR+4wUgcmr0cNDLeWzWtoPFeVq8TQD6kFDeqovSx/UVEblGgg/28WvHyg==", "dev": true, "license": "MIT", "dependencies": { @@ -261,7 +281,7 @@ "yarn": ">= 1.13.0" }, "peerDependencies": { - "chokidar": "^3.5.2" + "chokidar": "^4.0.0" }, "peerDependenciesMeta": { "chokidar": { @@ -269,16 +289,26 @@ } } }, + "node_modules/@angular-devkit/core/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==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "tslib": "^2.1.0" + } + }, "node_modules/@angular-devkit/schematics": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-18.2.12.tgz", - "integrity": "sha512-mMea9txHbnCX5lXLHlo0RAgfhFHDio45/jMsREM2PA8UtVf2S8ltXz7ZwUrUyMQRv8vaSfn4ijDstF4hDMnRgQ==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-19.2.14.tgz", + "integrity": "sha512-s89/MWXHy8+GP/cRfFbSECIG3FQQQwNVv44OOmghPVgKQgQ+EoE/zygL2hqKYTUPoPaS/IhNXdXjSE5pS9yLeg==", "dev": true, "license": "MIT", "dependencies": { - "@angular-devkit/core": "18.2.12", + "@angular-devkit/core": "19.2.14", "jsonc-parser": "3.3.1", - "magic-string": "0.30.11", + "magic-string": "0.30.17", "ora": "5.4.1", "rxjs": "7.8.1" }, @@ -288,33 +318,47 @@ "yarn": ">= 1.13.0" } }, + "node_modules/@angular-devkit/schematics/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==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "tslib": "^2.1.0" + } + }, "node_modules/@angular-eslint/builder": { - "version": "18.4.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/builder/-/builder-18.4.0.tgz", - "integrity": "sha512-FOzGHX/nHSV1wSduSsabsx3aqC1nfde0opEpEDSOJhxExDxKCwoS1XPy1aERGyKip4ZVA6phC3dLtoBH3QMkVQ==", + "version": "19.7.1", + "resolved": "https://registry.npmjs.org/@angular-eslint/builder/-/builder-19.7.1.tgz", + "integrity": "sha512-11zk4JngV4KgnDNtaiYzx0EhwMFdSbZjSF+CMHN4yB90e8vukhQDg/L8PEdSUEnkBKMymK9xN1JLIE+n6ESPaQ==", "dev": true, "license": "MIT", + "dependencies": { + "@angular-devkit/architect": ">= 0.1900.0 < 0.2000.0", + "@angular-devkit/core": ">= 19.0.0 < 20.0.0" + }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": "*" } }, "node_modules/@angular-eslint/bundled-angular-compiler": { - "version": "18.4.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-18.4.0.tgz", - "integrity": "sha512-HlFHt2qgdd+jqyVIkCXmrjHauXo/XY3Rp0UNabk83ejGi/raM/6lEFI7iFWzHxLyiAKk4OgGI5W26giSQw991A==", + "version": "19.7.1", + "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-19.7.1.tgz", + "integrity": "sha512-L2xpEbyT3EJQ/dTmPntBu6MBeEG+3SKARJ9xuA4nnm6n7nn9EARmUmaGlBQZ2DFMOFeKcqR802gdPi8vCADXRA==", "dev": true, "license": "MIT" }, "node_modules/@angular-eslint/eslint-plugin": { - "version": "18.4.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-18.4.0.tgz", - "integrity": "sha512-Saz9lkWPN3da7ZKW17UsOSN7DeY+TPh+wz/6GCNZCh67Uw2wvMC9agb+4hgpZNXYCP5+u7erqzxQmBoWnS/A+A==", + "version": "19.7.1", + "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-19.7.1.tgz", + "integrity": "sha512-VdNES8AxOHpSKTBfEkUtlvm/EV4BlpvWvMK2T0Eu2y2oHjxtBB6V4vYZR0PlSWS9IrE1MPfuH1htHPovBxiEdw==", "dev": true, "license": "MIT", "dependencies": { - "@angular-eslint/bundled-angular-compiler": "18.4.0", - "@angular-eslint/utils": "18.4.0" + "@angular-eslint/bundled-angular-compiler": "19.7.1", + "@angular-eslint/utils": "19.7.1" }, "peerDependencies": { "@typescript-eslint/utils": "^7.11.0 || ^8.0.0", @@ -323,18 +367,19 @@ } }, "node_modules/@angular-eslint/eslint-plugin-template": { - "version": "18.4.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-18.4.0.tgz", - "integrity": "sha512-n3uZFCy76DnggPqjSVFV3gYD1ik7jCG28o2/HO4kobcMNKnwW8XAlFUagQ4TipNQh7fQiAefsEqvv2quMsYDVw==", + "version": "19.7.1", + "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-19.7.1.tgz", + "integrity": "sha512-VQMlNF29Xbff6KMkUBWHbUyl0tIos1yI//q+ha+DCNYD7l41uoKnRIJ9c5vehXdgsqHWm4XBCVB3HKKMbrabrg==", "dev": true, "license": "MIT", "dependencies": { - "@angular-eslint/bundled-angular-compiler": "18.4.0", - "@angular-eslint/utils": "18.4.0", + "@angular-eslint/bundled-angular-compiler": "19.7.1", + "@angular-eslint/utils": "19.7.1", "aria-query": "5.3.2", "axobject-query": "4.1.0" }, "peerDependencies": { + "@angular-eslint/template-parser": "19.7.1", "@typescript-eslint/types": "^7.11.0 || ^8.0.0", "@typescript-eslint/utils": "^7.11.0 || ^8.0.0", "eslint": "^8.57.0 || ^9.0.0", @@ -342,31 +387,42 @@ } }, "node_modules/@angular-eslint/schematics": { - "version": "18.4.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-18.4.0.tgz", - "integrity": "sha512-ssqe+0YCfekbWIXNdCrHfoPK/bPZAWybs0Bn/b99dfd8h8uyXkERo9AzIOx4Uyj/08SkP9aPL/0uOOEHDsRGwQ==", + "version": "19.7.1", + "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-19.7.1.tgz", + "integrity": "sha512-IlfzqpAx+491G0yCa+qaqsAbPWZxRywfNc4SGjIGgze8Nal0PbTy8VLZgAJ7/u/rEUowSvt3oKytb9rGS5u9kw==", "dev": true, "license": "MIT", "dependencies": { - "@angular-eslint/eslint-plugin": "18.4.0", - "@angular-eslint/eslint-plugin-template": "18.4.0", - "ignore": "5.3.2", - "semver": "7.6.3", + "@angular-devkit/core": ">= 19.0.0 < 20.0.0", + "@angular-devkit/schematics": ">= 19.0.0 < 20.0.0", + "@angular-eslint/eslint-plugin": "19.7.1", + "@angular-eslint/eslint-plugin-template": "19.7.1", + "ignore": "7.0.5", + "semver": "7.7.2", "strip-json-comments": "3.1.1" + } + }, + "node_modules/@angular-eslint/schematics/node_modules/semver": { + "version": "7.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz", + "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" }, - "peerDependencies": { - "@angular-devkit/core": ">= 18.0.0 < 19.0.0", - "@angular-devkit/schematics": ">= 18.0.0 < 19.0.0" + "engines": { + "node": ">=10" } }, "node_modules/@angular-eslint/template-parser": { - "version": "18.4.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-18.4.0.tgz", - "integrity": "sha512-VTep3Xd3IOaRIPL+JN/TV4/2DqUPbjtF3TNY15diD/llnrEhqFnmsvMihexbQyTqzOG+zU554oK44YfvAtHOrw==", + "version": "19.7.1", + "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-19.7.1.tgz", + "integrity": "sha512-SEuOjQJBTOOJ2DK0Wfiu1nO1F+fkXVehIk8xabEKZBY+t2mqbAiwBeWZsCSm4xx4BE689FwCHjVEF2c0yLvq1A==", "dev": true, "license": "MIT", "dependencies": { - "@angular-eslint/bundled-angular-compiler": "18.4.0", + "@angular-eslint/bundled-angular-compiler": "19.7.1", "eslint-scope": "^8.0.2" }, "peerDependencies": { @@ -375,13 +431,13 @@ } }, "node_modules/@angular-eslint/utils": { - "version": "18.4.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-18.4.0.tgz", - "integrity": "sha512-At1yS8GRviGBoaupiQwEOL4/IcZJCE/+2vpXdItMWPGB1HWetxlKAUZTMmIBX/r5Z7CoXxl+LbqpGhrhyzIQAg==", + "version": "19.7.1", + "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-19.7.1.tgz", + "integrity": "sha512-iNfAwnQFBwNwh64BnTIdypFnBwyjjxtdEtAwNxM0u5ApX2MAu+koHdwGiXvyeJPq+g7stXwVpuvaAnHlxTzcig==", "dev": true, "license": "MIT", "dependencies": { - "@angular-eslint/bundled-angular-compiler": "18.4.0" + "@angular-eslint/bundled-angular-compiler": "19.7.1" }, "peerDependencies": { "@typescript-eslint/utils": "^7.11.0 || ^8.0.0", @@ -390,9 +446,9 @@ } }, "node_modules/@angular/animations": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-18.2.12.tgz", - "integrity": "sha512-XcWH/VFQ1Rddhdqi/iU8lW3Qg96yVx1NPfrO5lhcSSvVUzYWTZ5r+jh3GqYqUgPWyEp1Kpw3FLsOgVcGcBWQkQ==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-19.2.14.tgz", + "integrity": "sha512-xhl8fLto5HHJdVj8Nb6EoBEiTAcXuWDYn1q5uHcGxyVH3kiwENWy/2OQXgCr2CuWo2e6hNUGzSLf/cjbsMNqEA==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -401,56 +457,65 @@ "node": "^18.19.1 || ^20.11.1 || >=22.0.0" }, "peerDependencies": { - "@angular/core": "18.2.12" + "@angular/common": "19.2.14", + "@angular/core": "19.2.14" } }, "node_modules/@angular/build": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular/build/-/build-18.2.12.tgz", - "integrity": "sha512-4Ohz+OSILoL+cCAQ4UTiCT5v6pctu3fXNoNpTEUK46OmxELk9jDITO5rNyNS7TxBn9wY69kjX5VcDf7MenquFQ==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@angular/build/-/build-19.2.14.tgz", + "integrity": "sha512-PAUR8vZpGKXy0Vc5gpJkigOthoj5YeGDpeykl/yLi6sx6yAIlXcE0MD+LGehKeqFSBL56rEpn9n710lI7eTJwg==", "dev": true, "license": "MIT", "dependencies": { "@ampproject/remapping": "2.3.0", - "@angular-devkit/architect": "0.1802.12", - "@babel/core": "7.25.2", - "@babel/helper-annotate-as-pure": "7.24.7", + "@angular-devkit/architect": "0.1902.14", + "@babel/core": "7.26.10", + "@babel/helper-annotate-as-pure": "7.25.9", "@babel/helper-split-export-declaration": "7.24.7", - "@babel/plugin-syntax-import-attributes": "7.24.7", - "@inquirer/confirm": "3.1.22", - "@vitejs/plugin-basic-ssl": "1.1.0", + "@babel/plugin-syntax-import-attributes": "7.26.0", + "@inquirer/confirm": "5.1.6", + "@vitejs/plugin-basic-ssl": "1.2.0", + "beasties": "0.3.2", "browserslist": "^4.23.0", - "critters": "0.0.24", - "esbuild": "0.23.0", - "fast-glob": "3.3.2", - "https-proxy-agent": "7.0.5", - "listr2": "8.2.4", - "lmdb": "3.0.13", - "magic-string": "0.30.11", - "mrmime": "2.0.0", + "esbuild": "0.25.4", + "fast-glob": "3.3.3", + "https-proxy-agent": "7.0.6", + "istanbul-lib-instrument": "6.0.3", + "listr2": "8.2.5", + "magic-string": "0.30.17", + "mrmime": "2.0.1", "parse5-html-rewriting-stream": "7.0.0", "picomatch": "4.0.2", - "piscina": "4.6.1", - "rollup": "4.22.4", - "sass": "1.77.6", - "semver": "7.6.3", - "vite": "5.4.6", - "watchpack": "2.4.1" + "piscina": "4.8.0", + "rollup": "4.34.8", + "sass": "1.85.0", + "semver": "7.7.1", + "source-map-support": "0.5.21", + "vite": "6.2.7", + "watchpack": "2.4.2" }, "engines": { "node": "^18.19.1 || ^20.11.1 || >=22.0.0", "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", "yarn": ">= 1.13.0" }, + "optionalDependencies": { + "lmdb": "3.2.6" + }, "peerDependencies": { - "@angular/compiler-cli": "^18.0.0", - "@angular/localize": "^18.0.0", - "@angular/platform-server": "^18.0.0", - "@angular/service-worker": "^18.0.0", + "@angular/compiler": "^19.0.0 || ^19.2.0-next.0", + "@angular/compiler-cli": "^19.0.0 || ^19.2.0-next.0", + "@angular/localize": "^19.0.0 || ^19.2.0-next.0", + "@angular/platform-server": "^19.0.0 || ^19.2.0-next.0", + "@angular/service-worker": "^19.0.0 || ^19.2.0-next.0", + "@angular/ssr": "^19.2.14", + "karma": "^6.4.0", "less": "^4.2.0", + "ng-packagr": "^19.0.0 || ^19.2.0-next.0", "postcss": "^8.4.0", - "tailwindcss": "^2.0.0 || ^3.0.0", - "typescript": ">=5.4 <5.6" + "tailwindcss": "^2.0.0 || ^3.0.0 || ^4.0.0", + "typescript": ">=5.5 <5.9" }, "peerDependenciesMeta": { "@angular/localize": { @@ -462,9 +527,18 @@ "@angular/service-worker": { "optional": true }, + "@angular/ssr": { + "optional": true + }, + "karma": { + "optional": true + }, "less": { "optional": true }, + "ng-packagr": { + "optional": true + }, "postcss": { "optional": true }, @@ -473,45 +547,144 @@ } } }, - "node_modules/@angular/cdk": { - "version": "18.2.13", - "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-18.2.13.tgz", - "integrity": "sha512-yBKoqcOwmwXnc5phFMEEMO130/Bz9beQLJrKzIS87f6TXaGCeBs4xrPHq2i7Xx/2TqvMiOD9ucjmlVbtGvNG3w==", + "node_modules/@angular/build/node_modules/vite": { + "version": "6.2.7", + "resolved": "https://registry.npmjs.org/vite/-/vite-6.2.7.tgz", + "integrity": "sha512-qg3LkeuinTrZoJHHF94coSaTfIPyBYoywp+ys4qu20oSJFbKMYoIJo0FWJT9q6Vp49l6z9IsJRbHdcGtiKbGoQ==", + "dev": true, "license": "MIT", "dependencies": { - "tslib": "^2.3.0" + "esbuild": "^0.25.0", + "postcss": "^8.5.3", + "rollup": "^4.30.1" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^18.0.0 || ^20.0.0 || >=22.0.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" }, "optionalDependencies": { - "parse5": "^7.1.2" + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0", + "jiti": ">=1.21.0", + "less": "*", + "lightningcss": "^1.21.0", + "sass": "*", + "sass-embedded": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.16.0", + "tsx": "^4.8.1", + "yaml": "^2.4.2" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "jiti": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + }, + "tsx": { + "optional": true + }, + "yaml": { + "optional": true + } + } + }, + "node_modules/@angular/build/node_modules/vite/node_modules/postcss": { + "version": "8.5.4", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.4.tgz", + "integrity": "sha512-QSa9EBe+uwlGTFmHsPKokv3B/oEMQZxfqW0QqNCyhpa6mB1afzulwn8hihglqAb2pOw+BJgNlmXQ8la2VeHB7w==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "nanoid": "^3.3.11", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/@angular/cdk": { + "version": "19.2.18", + "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-19.2.18.tgz", + "integrity": "sha512-aGMHOYK/VV9PhxGTUDwiu/4ozoR/RKz8cimI+QjRxEBhzn4EPqjUDSganvlhmgS7cTN3+aqozdvF/GopMRJjLg==", + "license": "MIT", + "dependencies": { + "parse5": "^7.1.2", + "tslib": "^2.3.0" }, "peerDependencies": { - "@angular/common": "^18.0.0 || ^19.0.0", - "@angular/core": "^18.0.0 || ^19.0.0", + "@angular/common": "^19.0.0 || ^20.0.0", + "@angular/core": "^19.0.0 || ^20.0.0", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@angular/cli": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-18.2.12.tgz", - "integrity": "sha512-xhuZ/b7IhqNw1MgXf+arWf4x+GfUSt/IwbdWU4+CO8A7h0Y46zQywouP/KUK3cMQZfVdHdciTBvlpF3vFacA6Q==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-19.2.14.tgz", + "integrity": "sha512-jZvNHAwmyhgUqSIs6OW8YH1rX9XKytm4zPxJol1Xk56F8yAhnrUtukcOi3b7Dv19Z+9eXkwV/Db+2dGjWIE0DA==", "dev": true, "license": "MIT", "dependencies": { - "@angular-devkit/architect": "0.1802.12", - "@angular-devkit/core": "18.2.12", - "@angular-devkit/schematics": "18.2.12", - "@inquirer/prompts": "5.3.8", - "@listr2/prompt-adapter-inquirer": "2.0.15", - "@schematics/angular": "18.2.12", + "@angular-devkit/architect": "0.1902.14", + "@angular-devkit/core": "19.2.14", + "@angular-devkit/schematics": "19.2.14", + "@inquirer/prompts": "7.3.2", + "@listr2/prompt-adapter-inquirer": "2.0.18", + "@schematics/angular": "19.2.14", "@yarnpkg/lockfile": "1.1.0", - "ini": "4.1.3", + "ini": "5.0.0", "jsonc-parser": "3.3.1", - "listr2": "8.2.4", - "npm-package-arg": "11.0.3", - "npm-pick-manifest": "9.1.0", - "pacote": "18.0.6", - "resolve": "1.22.8", - "semver": "7.6.3", + "listr2": "8.2.5", + "npm-package-arg": "12.0.2", + "npm-pick-manifest": "10.0.0", + "pacote": "20.0.0", + "resolve": "1.22.10", + "semver": "7.7.1", "symbol-observable": "4.0.0", "yargs": "17.7.2" }, @@ -525,9 +698,9 @@ } }, "node_modules/@angular/common": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular/common/-/common-18.2.12.tgz", - "integrity": "sha512-gI5o8Bccsi8ow8Wk2vG4Tw/Rw9LoHEA9j8+qHKNR/55SCBsz68Syg310dSyxy+sApJO2WiqIadr5VP36dlSUFw==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@angular/common/-/common-19.2.14.tgz", + "integrity": "sha512-NcNklcuyqaTjOVGf7aru8APX9mjsnZ01gFZrn47BxHozhaR0EMRrotYQTdi8YdVjPkeYFYanVntSLfhyobq/jg==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -536,37 +709,29 @@ "node": "^18.19.1 || ^20.11.1 || >=22.0.0" }, "peerDependencies": { - "@angular/core": "18.2.12", + "@angular/core": "19.2.14", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@angular/compiler": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-18.2.12.tgz", - "integrity": "sha512-D5d5dLrjQal5DbAXJJNSsCC3UxzjOI2wbc+Iv+LOpRM1gpNwuYfZMX5W7cj62Ce4G2++78CJSppdKBp8D4HErQ==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-19.2.14.tgz", + "integrity": "sha512-ZqJDYOdhgKpVGNq3+n/Gbxma8DVYElDsoRe0tvNtjkWBVdaOxdZZUqmJ3kdCBsqD/aqTRvRBu0KGo9s2fCChkA==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" }, "engines": { "node": "^18.19.1 || ^20.11.1 || >=22.0.0" - }, - "peerDependencies": { - "@angular/core": "18.2.12" - }, - "peerDependenciesMeta": { - "@angular/core": { - "optional": true - } } }, "node_modules/@angular/compiler-cli": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-18.2.12.tgz", - "integrity": "sha512-IWimTNq5Q+i2Wxev6HLqnN4iYbPvLz04W1BBycT1LfGUsHcjFYLuUqbeUzHbk2snmBAzXkixgVpo8SF6P4Y5Pg==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-19.2.14.tgz", + "integrity": "sha512-e9/h86ETjoIK2yTLE9aUeMCKujdg/du2pq7run/aINjop4RtnNOw+ZlSTUa6R65lP5CVwDup1kPytpAoifw8cA==", "license": "MIT", "dependencies": { - "@babel/core": "7.25.2", + "@babel/core": "7.26.9", "@jridgewell/sourcemap-codec": "^1.4.14", "chokidar": "^4.0.0", "convert-source-map": "^1.5.1", @@ -584,42 +749,59 @@ "node": "^18.19.1 || ^20.11.1 || >=22.0.0" }, "peerDependencies": { - "@angular/compiler": "18.2.12", - "typescript": ">=5.4 <5.6" + "@angular/compiler": "19.2.14", + "typescript": ">=5.5 <5.9" } }, - "node_modules/@angular/compiler-cli/node_modules/chokidar": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz", - "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==", + "node_modules/@angular/compiler-cli/node_modules/@babel/core": { + "version": "7.26.9", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.9.tgz", + "integrity": "sha512-lWBYIrF7qK5+GjY5Uy+/hEgp8OJWOD/rpy74GplYRhEauvbHDeFB8t5hPOZxCZ0Oxf4Cc36tK51/l3ymJysrKw==", "license": "MIT", "dependencies": { - "readdirp": "^4.0.1" + "@ampproject/remapping": "^2.2.0", + "@babel/code-frame": "^7.26.2", + "@babel/generator": "^7.26.9", + "@babel/helper-compilation-targets": "^7.26.5", + "@babel/helper-module-transforms": "^7.26.0", + "@babel/helpers": "^7.26.9", + "@babel/parser": "^7.26.9", + "@babel/template": "^7.26.9", + "@babel/traverse": "^7.26.9", + "@babel/types": "^7.26.9", + "convert-source-map": "^2.0.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.3", + "semver": "^6.3.1" }, "engines": { - "node": ">= 14.16.0" + "node": ">=6.9.0" }, "funding": { - "url": "https://paulmillr.com/funding/" + "type": "opencollective", + "url": "https://opencollective.com/babel" } }, - "node_modules/@angular/compiler-cli/node_modules/readdirp": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz", - "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==", - "license": "MIT", - "engines": { - "node": ">= 14.16.0" - }, - "funding": { - "type": "individual", - "url": "https://paulmillr.com/funding/" + "node_modules/@angular/compiler-cli/node_modules/@babel/core/node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "license": "MIT" + }, + "node_modules/@angular/compiler-cli/node_modules/@babel/core/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "license": "ISC", + "bin": { + "semver": "bin/semver.js" } }, "node_modules/@angular/core": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular/core/-/core-18.2.12.tgz", - "integrity": "sha512-wCf/OObwS6bpM60rk6bpMpCRGp0DlMLB1WNAMtfcaPNyqimVV5Bm98mWRhkOuRyvU3fU7iHhM/10ePVaoyu9+A==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@angular/core/-/core-19.2.14.tgz", + "integrity": "sha512-EVErpW9tGqJ/wNcAN3G/ErH8pHCJ8mM1E6bsJ8UJIpDTZkpqqYjBMtZS9YWH5n3KwUd1tAkAB2w8FK125AjDUQ==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -629,13 +811,13 @@ }, "peerDependencies": { "rxjs": "^6.5.3 || ^7.4.0", - "zone.js": "~0.14.10" + "zone.js": "~0.15.0" } }, "node_modules/@angular/forms": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-18.2.12.tgz", - "integrity": "sha512-FsukBJEU6jfAmht7TrODTkct/o4iwCZvGozuThOp0tYUPD/E1rZZzuKjEyTnT5Azpfkf0Wqx1nmpz80cczELOQ==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-19.2.14.tgz", + "integrity": "sha512-hWtDOj2B0AuRTf+nkMJeodnFpDpmEK9OIhIv1YxcRe73ooaxrIdjgugkElO8I9Tj0E4/7m117ezhWDUkbqm1zA==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -644,16 +826,16 @@ "node": "^18.19.1 || ^20.11.1 || >=22.0.0" }, "peerDependencies": { - "@angular/common": "18.2.12", - "@angular/core": "18.2.12", - "@angular/platform-browser": "18.2.12", + "@angular/common": "19.2.14", + "@angular/core": "19.2.14", + "@angular/platform-browser": "19.2.14", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@angular/language-service": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular/language-service/-/language-service-18.2.12.tgz", - "integrity": "sha512-oaiVAnGzmPZvrXdGh8XnosaqfEPbZxO2225MxbbrD49XTqUgpaS2zrz1Uf5j42e8qytA2kj8tckLq7PAMm0D1w==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@angular/language-service/-/language-service-19.2.14.tgz", + "integrity": "sha512-XgzZdBCe/obCrck5I6GIG4qSI9UGaOtbrvNuw0QAK0DySKaW5inRm6/QwCMPRmPkJBY0wLeYUVz//rtHpEjeTQ==", "dev": true, "license": "MIT", "engines": { @@ -661,14 +843,14 @@ } }, "node_modules/@angular/localize": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular/localize/-/localize-18.2.12.tgz", - "integrity": "sha512-qC3cYFh3miR9revmHGlfbGvugcsK6nQud4QKBNyTUp1XZRrEE0yzPvvsnmbv2lHUOazrvTxQpfVZZKpiifgoLw==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@angular/localize/-/localize-19.2.14.tgz", + "integrity": "sha512-T2qPVE5N4qe1rQnx9tkxqUzXV+gUgAwSpVG+vHHRJe//jxCIVfk5zyPd2Z9nFzwGarHP61hvnEzbdbZHtCmbcQ==", "license": "MIT", "dependencies": { - "@babel/core": "7.25.2", + "@babel/core": "7.26.9", "@types/babel__core": "7.20.5", - "fast-glob": "3.3.2", + "fast-glob": "3.3.3", "yargs": "^17.2.1" }, "bin": { @@ -680,14 +862,59 @@ "node": "^18.19.1 || ^20.11.1 || >=22.0.0" }, "peerDependencies": { - "@angular/compiler": "18.2.12", - "@angular/compiler-cli": "18.2.12" + "@angular/compiler": "19.2.14", + "@angular/compiler-cli": "19.2.14" + } + }, + "node_modules/@angular/localize/node_modules/@babel/core": { + "version": "7.26.9", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.9.tgz", + "integrity": "sha512-lWBYIrF7qK5+GjY5Uy+/hEgp8OJWOD/rpy74GplYRhEauvbHDeFB8t5hPOZxCZ0Oxf4Cc36tK51/l3ymJysrKw==", + "license": "MIT", + "dependencies": { + "@ampproject/remapping": "^2.2.0", + "@babel/code-frame": "^7.26.2", + "@babel/generator": "^7.26.9", + "@babel/helper-compilation-targets": "^7.26.5", + "@babel/helper-module-transforms": "^7.26.0", + "@babel/helpers": "^7.26.9", + "@babel/parser": "^7.26.9", + "@babel/template": "^7.26.9", + "@babel/traverse": "^7.26.9", + "@babel/types": "^7.26.9", + "convert-source-map": "^2.0.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.3", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/babel" + } + }, + "node_modules/@angular/localize/node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "license": "MIT" + }, + "node_modules/@angular/localize/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "license": "ISC", + "bin": { + "semver": "bin/semver.js" } }, "node_modules/@angular/platform-browser": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-18.2.12.tgz", - "integrity": "sha512-DRSMznuxuecrs+v5BRyd60/R4vjkQtuYUEPfzdo+rqxM83Dmr3PGtnqPRgd5oAFUbATxf02hQXijRD27K7rZRg==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-19.2.14.tgz", + "integrity": "sha512-hzkT5nmA64oVBQl6PRjdL4dIFT1n7lfM9rm5cAoS+6LUUKRgiE2d421Kpn/Hz3jaCJfo+calMIdtSMIfUJBmww==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -696,9 +923,9 @@ "node": "^18.19.1 || ^20.11.1 || >=22.0.0" }, "peerDependencies": { - "@angular/animations": "18.2.12", - "@angular/common": "18.2.12", - "@angular/core": "18.2.12" + "@angular/animations": "19.2.14", + "@angular/common": "19.2.14", + "@angular/core": "19.2.14" }, "peerDependenciesMeta": { "@angular/animations": { @@ -707,9 +934,9 @@ } }, "node_modules/@angular/platform-browser-dynamic": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-18.2.12.tgz", - "integrity": "sha512-dv1QEjYpcFno6+oUeGEDRWpB5g2Ufb0XkUbLJQIgrOk1Qbyzb8tmpDpTjok8jcKdquigMRWolr6Y1EOicfRlLw==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-19.2.14.tgz", + "integrity": "sha512-Hfz0z1KDQmIdnFXVFCwCPykuIsHPkr1uW2aY396eARwZ6PK8i0Aadcm1ZOnpd3MR1bMyDrJo30VRS5kx89QWvA==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -718,16 +945,16 @@ "node": "^18.19.1 || ^20.11.1 || >=22.0.0" }, "peerDependencies": { - "@angular/common": "18.2.12", - "@angular/compiler": "18.2.12", - "@angular/core": "18.2.12", - "@angular/platform-browser": "18.2.12" + "@angular/common": "19.2.14", + "@angular/compiler": "19.2.14", + "@angular/core": "19.2.14", + "@angular/platform-browser": "19.2.14" } }, "node_modules/@angular/router": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular/router/-/router-18.2.12.tgz", - "integrity": "sha512-cz/1YWOZadAT35PPPYmpK3HSzKOE56nlUHue5bFkw73VSZr2iBn03ALLpd9YKzWgRmx3y7DqnlQtCkDu9JPGKQ==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@angular/router/-/router-19.2.14.tgz", + "integrity": "sha512-cBTWY9Jx7YhbmDYDb7Hqz4Q7UNIMlKTkdKToJd2pbhIXyoS+kHVQrySmyca+jgvYMjWnIjsAEa3dpje12D4mFw==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -736,51 +963,51 @@ "node": "^18.19.1 || ^20.11.1 || >=22.0.0" }, "peerDependencies": { - "@angular/common": "18.2.12", - "@angular/core": "18.2.12", - "@angular/platform-browser": "18.2.12", + "@angular/common": "19.2.14", + "@angular/core": "19.2.14", + "@angular/platform-browser": "19.2.14", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@babel/code-frame": { - "version": "7.26.2", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz", - "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz", + "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==", "license": "MIT", "dependencies": { - "@babel/helper-validator-identifier": "^7.25.9", + "@babel/helper-validator-identifier": "^7.27.1", "js-tokens": "^4.0.0", - "picocolors": "^1.0.0" + "picocolors": "^1.1.1" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/compat-data": { - "version": "7.26.2", - "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.2.tgz", - "integrity": "sha512-Z0WgzSEa+aUcdiJuCIqgujCshpMWgUpgOxXotrYPSA53hA3qopNaqcJpyr0hVb1FeWdnqFA35/fUtXgBK8srQg==", + "version": "7.27.5", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.27.5.tgz", + "integrity": "sha512-KiRAp/VoJaWkkte84TvUd9qjdbZAdiqyvMxrGl1N6vzFogKmaLgoM3L1kgtLicp2HP5fBJS8JrZKLVIZGVJAVg==", "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/core": { - "version": "7.25.2", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.25.2.tgz", - "integrity": "sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==", + "version": "7.26.10", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.10.tgz", + "integrity": "sha512-vMqyb7XCDMPvJFFOaT9kxtiRh42GwlZEg1/uIgtZshS5a/8OaduUfCi7kynKgc3Tw/6Uo2D+db9qBttghhmxwQ==", "license": "MIT", "dependencies": { "@ampproject/remapping": "^2.2.0", - "@babel/code-frame": "^7.24.7", - "@babel/generator": "^7.25.0", - "@babel/helper-compilation-targets": "^7.25.2", - "@babel/helper-module-transforms": "^7.25.2", - "@babel/helpers": "^7.25.0", - "@babel/parser": "^7.25.0", - "@babel/template": "^7.25.0", - "@babel/traverse": "^7.25.2", - "@babel/types": "^7.25.2", + "@babel/code-frame": "^7.26.2", + "@babel/generator": "^7.26.10", + "@babel/helper-compilation-targets": "^7.26.5", + "@babel/helper-module-transforms": "^7.26.0", + "@babel/helpers": "^7.26.10", + "@babel/parser": "^7.26.10", + "@babel/template": "^7.26.9", + "@babel/traverse": "^7.26.10", + "@babel/types": "^7.26.10", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", @@ -811,41 +1038,28 @@ } }, "node_modules/@babel/generator": { - "version": "7.25.0", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.25.0.tgz", - "integrity": "sha512-3LEEcj3PVW8pW2R1SR1M89g/qrYk/m/mB/tLqn7dn4sbBUQyTqnlod+II2U4dqiGtUmkcnAmkMDralTFZttRiw==", + "version": "7.26.10", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.10.tgz", + "integrity": "sha512-rRHT8siFIXQrAYOYqZQVsAr8vJ+cBNqcVAY6m5V8/4QqzaPl+zDBe6cLEPRDuNOUf3ww8RfJVlOyQMoSI+5Ang==", "license": "MIT", "dependencies": { - "@babel/types": "^7.25.0", + "@babel/parser": "^7.26.10", + "@babel/types": "^7.26.10", "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.25", - "jsesc": "^2.5.1" + "jsesc": "^3.0.2" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-annotate-as-pure": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz", - "integrity": "sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/types": "^7.24.7" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": { "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.25.9.tgz", - "integrity": "sha512-C47lC7LIDCnz0h4vai/tpNOI95tCd5ZT3iBt/DBH5lXKHZsyNQv18yf1wIIg2ntiQNgmAvA+DgZ82iW8Qdym8g==", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz", + "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==", "dev": true, "license": "MIT", "dependencies": { - "@babel/traverse": "^7.25.9", "@babel/types": "^7.25.9" }, "engines": { @@ -853,13 +1067,13 @@ } }, "node_modules/@babel/helper-compilation-targets": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz", - "integrity": "sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==", + "version": "7.27.2", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz", + "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==", "license": "MIT", "dependencies": { - "@babel/compat-data": "^7.25.9", - "@babel/helper-validator-option": "^7.25.9", + "@babel/compat-data": "^7.27.2", + "@babel/helper-validator-option": "^7.27.1", "browserslist": "^4.24.0", "lru-cache": "^5.1.1", "semver": "^6.3.1" @@ -878,18 +1092,18 @@ } }, "node_modules/@babel/helper-create-class-features-plugin": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.25.9.tgz", - "integrity": "sha512-UTZQMvt0d/rSz6KI+qdu7GQze5TIajwTS++GUozlw8VBJDEOAqSXwm1WvmYEZwqdqSGQshRocPDqrt4HBZB3fQ==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.1.tgz", + "integrity": "sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-annotate-as-pure": "^7.25.9", - "@babel/helper-member-expression-to-functions": "^7.25.9", - "@babel/helper-optimise-call-expression": "^7.25.9", - "@babel/helper-replace-supers": "^7.25.9", - "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9", - "@babel/traverse": "^7.25.9", + "@babel/helper-annotate-as-pure": "^7.27.1", + "@babel/helper-member-expression-to-functions": "^7.27.1", + "@babel/helper-optimise-call-expression": "^7.27.1", + "@babel/helper-replace-supers": "^7.27.1", + "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1", + "@babel/traverse": "^7.27.1", "semver": "^6.3.1" }, "engines": { @@ -900,13 +1114,13 @@ } }, "node_modules/@babel/helper-create-class-features-plugin/node_modules/@babel/helper-annotate-as-pure": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz", - "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==", + "version": "7.27.3", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz", + "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==", "dev": true, "license": "MIT", "dependencies": { - "@babel/types": "^7.25.9" + "@babel/types": "^7.27.3" }, "engines": { "node": ">=6.9.0" @@ -923,14 +1137,14 @@ } }, "node_modules/@babel/helper-create-regexp-features-plugin": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.25.9.tgz", - "integrity": "sha512-ORPNZ3h6ZRkOyAa/SaHU+XsLZr0UQzRwuDQ0cczIA17nAzZ+85G5cVkOJIj7QavLZGSe8QXUmNFxSZzjcZF9bw==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.27.1.tgz", + "integrity": "sha512-uVDC72XVf8UbrH5qQTc18Agb8emwjTiZrQE11Nv3CuBEZmVvTwwE9CBUEvHku06gQCAyYf8Nv6ja1IN+6LMbxQ==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-annotate-as-pure": "^7.25.9", - "regexpu-core": "^6.1.1", + "@babel/helper-annotate-as-pure": "^7.27.1", + "regexpu-core": "^6.2.0", "semver": "^6.3.1" }, "engines": { @@ -941,13 +1155,13 @@ } }, "node_modules/@babel/helper-create-regexp-features-plugin/node_modules/@babel/helper-annotate-as-pure": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz", - "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==", + "version": "7.27.3", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz", + "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==", "dev": true, "license": "MIT", "dependencies": { - "@babel/types": "^7.25.9" + "@babel/types": "^7.27.3" }, "engines": { "node": ">=6.9.0" @@ -964,9 +1178,9 @@ } }, "node_modules/@babel/helper-define-polyfill-provider": { - "version": "0.6.3", - "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.3.tgz", - "integrity": "sha512-HK7Bi+Hj6H+VTHA3ZvBis7V/6hu9QuTrnMXNybfUf2iiuU/N97I8VjB+KbhFF8Rld/Lx5MzoCwPCpPjfK+n8Cg==", + "version": "0.6.4", + "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.4.tgz", + "integrity": "sha512-jljfR1rGnXXNWnmQg2K3+bvhkxB51Rl32QRaOTuwwjviGrHzIbSc8+x9CpraDtbT7mfyjXObULP4w/adunNwAw==", "dev": true, "license": "MIT", "dependencies": { @@ -981,41 +1195,41 @@ } }, "node_modules/@babel/helper-member-expression-to-functions": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz", - "integrity": "sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz", + "integrity": "sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==", "dev": true, "license": "MIT", "dependencies": { - "@babel/traverse": "^7.25.9", - "@babel/types": "^7.25.9" + "@babel/traverse": "^7.27.1", + "@babel/types": "^7.27.1" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-module-imports": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz", - "integrity": "sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz", + "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==", "license": "MIT", "dependencies": { - "@babel/traverse": "^7.25.9", - "@babel/types": "^7.25.9" + "@babel/traverse": "^7.27.1", + "@babel/types": "^7.27.1" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-module-transforms": { - "version": "7.26.0", - "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz", - "integrity": "sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==", + "version": "7.27.3", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz", + "integrity": "sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==", "license": "MIT", "dependencies": { - "@babel/helper-module-imports": "^7.25.9", - "@babel/helper-validator-identifier": "^7.25.9", - "@babel/traverse": "^7.25.9" + "@babel/helper-module-imports": "^7.27.1", + "@babel/helper-validator-identifier": "^7.27.1", + "@babel/traverse": "^7.27.3" }, "engines": { "node": ">=6.9.0" @@ -1025,22 +1239,22 @@ } }, "node_modules/@babel/helper-optimise-call-expression": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz", - "integrity": "sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz", + "integrity": "sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==", "dev": true, "license": "MIT", "dependencies": { - "@babel/types": "^7.25.9" + "@babel/types": "^7.27.1" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-plugin-utils": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.9.tgz", - "integrity": "sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz", + "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==", "dev": true, "license": "MIT", "engines": { @@ -1048,15 +1262,15 @@ } }, "node_modules/@babel/helper-remap-async-to-generator": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.25.9.tgz", - "integrity": "sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.27.1.tgz", + "integrity": "sha512-7fiA521aVw8lSPeI4ZOD3vRFkoqkJcS+z4hFo82bFSH/2tNd6eJ5qCVMS5OzDmZh/kaHQeBaeyxK6wljcPtveA==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-annotate-as-pure": "^7.25.9", - "@babel/helper-wrap-function": "^7.25.9", - "@babel/traverse": "^7.25.9" + "@babel/helper-annotate-as-pure": "^7.27.1", + "@babel/helper-wrap-function": "^7.27.1", + "@babel/traverse": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1066,28 +1280,28 @@ } }, "node_modules/@babel/helper-remap-async-to-generator/node_modules/@babel/helper-annotate-as-pure": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz", - "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==", + "version": "7.27.3", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz", + "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==", "dev": true, "license": "MIT", "dependencies": { - "@babel/types": "^7.25.9" + "@babel/types": "^7.27.3" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-replace-supers": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.25.9.tgz", - "integrity": "sha512-IiDqTOTBQy0sWyeXyGSC5TBJpGFXBkRynjBeXsvbhQFKj2viwJC76Epz35YLU1fpe/Am6Vppb7W7zM4fPQzLsQ==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz", + "integrity": "sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-member-expression-to-functions": "^7.25.9", - "@babel/helper-optimise-call-expression": "^7.25.9", - "@babel/traverse": "^7.25.9" + "@babel/helper-member-expression-to-functions": "^7.27.1", + "@babel/helper-optimise-call-expression": "^7.27.1", + "@babel/traverse": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1096,29 +1310,15 @@ "@babel/core": "^7.0.0" } }, - "node_modules/@babel/helper-simple-access": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.25.9.tgz", - "integrity": "sha512-c6WHXuiaRsJTyHYLJV75t9IqsmTbItYfdj99PnzYGQZkYKvan5/2jKJ7gu31J3/BJ/A18grImSPModuyG/Eo0Q==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/traverse": "^7.25.9", - "@babel/types": "^7.25.9" - }, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/@babel/helper-skip-transparent-expression-wrappers": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz", - "integrity": "sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz", + "integrity": "sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==", "dev": true, "license": "MIT", "dependencies": { - "@babel/traverse": "^7.25.9", - "@babel/types": "^7.25.9" + "@babel/traverse": "^7.27.1", + "@babel/types": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1138,67 +1338,67 @@ } }, "node_modules/@babel/helper-string-parser": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz", - "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz", + "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==", "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-validator-identifier": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz", - "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz", + "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==", "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-validator-option": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz", - "integrity": "sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz", + "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==", "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-wrap-function": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.25.9.tgz", - "integrity": "sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.27.1.tgz", + "integrity": "sha512-NFJK2sHUvrjo8wAU/nQTWU890/zB2jj0qBcCbZbbf+005cAsv6tMjXz31fBign6M5ov1o0Bllu+9nbqkfsjjJQ==", "dev": true, "license": "MIT", "dependencies": { - "@babel/template": "^7.25.9", - "@babel/traverse": "^7.25.9", - "@babel/types": "^7.25.9" + "@babel/template": "^7.27.1", + "@babel/traverse": "^7.27.1", + "@babel/types": "^7.27.1" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helpers": { - "version": "7.26.0", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.0.tgz", - "integrity": "sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==", + "version": "7.27.4", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.4.tgz", + "integrity": "sha512-Y+bO6U+I7ZKaM5G5rDUZiYfUvQPUibYmAFe7EnKdnKBbVXDZxvp+MWOH5gYciY0EPk4EScsuFMQBbEfpdRKSCQ==", "license": "MIT", "dependencies": { - "@babel/template": "^7.25.9", - "@babel/types": "^7.26.0" + "@babel/template": "^7.27.2", + "@babel/types": "^7.27.3" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/parser": { - "version": "7.26.2", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.2.tgz", - "integrity": "sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==", + "version": "7.27.5", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.5.tgz", + "integrity": "sha512-OsQd175SxWkGlzbny8J3K8TnnDD0N3lrIUtB92xwyRpzaenGZhxDvxN/JgU00U3CDZNj9tPuDJ5H0WS4Nt3vKg==", "license": "MIT", "dependencies": { - "@babel/types": "^7.26.0" + "@babel/types": "^7.27.3" }, "bin": { "parser": "bin/babel-parser.js" @@ -1208,14 +1408,14 @@ } }, "node_modules/@babel/plugin-bugfix-firefox-class-in-computed-class-key": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.25.9.tgz", - "integrity": "sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.27.1.tgz", + "integrity": "sha512-QPG3C9cCVRQLxAVwmefEmwdTanECuUBMQZ/ym5kiw3XKCGA7qkuQLcjWWHcrD/GKbn/WmJwaezfuuAOcyKlRPA==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9", - "@babel/traverse": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1", + "@babel/traverse": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1225,13 +1425,13 @@ } }, "node_modules/@babel/plugin-bugfix-safari-class-field-initializer-scope": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.25.9.tgz", - "integrity": "sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.27.1.tgz", + "integrity": "sha512-qNeq3bCKnGgLkEXUuFry6dPlGfCdQNZbn7yUAPCInwAJHMU7THJfrBSozkcWq5sNM6RcF3S8XyQL2A52KNR9IA==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1241,13 +1441,13 @@ } }, "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.25.9.tgz", - "integrity": "sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.27.1.tgz", + "integrity": "sha512-g4L7OYun04N1WyqMNjldFwlfPCLVkgB54A/YCXICZYBsvJJE3kByKv9c9+R/nAfmIfjl2rKYLNyMHboYbZaWaA==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1257,15 +1457,15 @@ } }, "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.25.9.tgz", - "integrity": "sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.27.1.tgz", + "integrity": "sha512-oO02gcONcD5O1iTLi/6frMJBIwWEHceWGSGqrpCmEL8nogiS6J9PBlE48CaK20/Jx1LuRml9aDftLgdjXT8+Cw==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9", - "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9", - "@babel/plugin-transform-optional-chaining": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1", + "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1", + "@babel/plugin-transform-optional-chaining": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1275,14 +1475,14 @@ } }, "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.25.9.tgz", - "integrity": "sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.27.1.tgz", + "integrity": "sha512-6BpaYGDavZqkI6yT+KSPdpZFfpnd68UKXbcjI9pJ13pvHhPrCKWOOLp+ysvMeA+DxnhuPpgIaRpxRxo5A9t5jw==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9", - "@babel/traverse": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1", + "@babel/traverse": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1304,82 +1504,14 @@ "@babel/core": "^7.0.0-0" } }, - "node_modules/@babel/plugin-syntax-async-generators": { - "version": "7.8.4", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz", - "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.8.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-syntax-class-properties": { - "version": "7.12.13", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz", - "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.12.13" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-syntax-class-static-block": { - "version": "7.14.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz", - "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.14.5" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-syntax-dynamic-import": { - "version": "7.8.3", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz", - "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.8.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-syntax-export-namespace-from": { - "version": "7.8.3", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz", - "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.8.3" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, "node_modules/@babel/plugin-syntax-import-assertions": { - "version": "7.26.0", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.26.0.tgz", - "integrity": "sha512-QCWT5Hh830hK5EQa7XzuqIkQU9tT/whqbDz7kuaZMHFl1inRRg7JnuAEOQ0Ur0QUl0NufCk1msK2BeY79Aj/eg==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.27.1.tgz", + "integrity": "sha512-UT/Jrhw57xg4ILHLFnzFpPDlMbcdEicaAtjPQpbj9wa8T4r5KVWCimHcL/460g8Ht0DMxDyjsLgiWSkVjnwPFg==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1389,149 +1521,13 @@ } }, "node_modules/@babel/plugin-syntax-import-attributes": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.24.7.tgz", - "integrity": "sha512-hbX+lKKeUMGihnK8nvKqmXBInriT3GVjzXKFriV3YC6APGxMbP8RZNFwy91+hocLXq90Mta+HshoB31802bb8A==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.24.7" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-syntax-import-meta": { - "version": "7.10.4", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz", - "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.10.4" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-syntax-json-strings": { - "version": "7.8.3", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz", - "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.8.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-syntax-logical-assignment-operators": { - "version": "7.10.4", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz", - "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.10.4" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": { - "version": "7.8.3", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz", - "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.8.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-syntax-numeric-separator": { - "version": "7.10.4", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz", - "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.10.4" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-syntax-object-rest-spread": { - "version": "7.8.3", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz", - "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.8.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-syntax-optional-catch-binding": { - "version": "7.8.3", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz", - "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.8.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-syntax-optional-chaining": { - "version": "7.8.3", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz", - "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.8.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-syntax-private-property-in-object": { - "version": "7.14.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz", - "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.14.5" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-syntax-top-level-await": { - "version": "7.14.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz", - "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==", + "version": "7.26.0", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.26.0.tgz", + "integrity": "sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.14.5" + "@babel/helper-plugin-utils": "^7.25.9" }, "engines": { "node": ">=6.9.0" @@ -1558,13 +1554,13 @@ } }, "node_modules/@babel/plugin-transform-arrow-functions": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.25.9.tgz", - "integrity": "sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.27.1.tgz", + "integrity": "sha512-8Z4TGic6xW70FKThA5HYEKKyBpOOsucTOD1DjU3fZxDg+K3zBJcXMFnt/4yQiZnf5+MiOMSXQ9PaEK/Ilh1DeA==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1574,16 +1570,15 @@ } }, "node_modules/@babel/plugin-transform-async-generator-functions": { - "version": "7.25.0", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.0.tgz", - "integrity": "sha512-uaIi2FdqzjpAMvVqvB51S42oC2JEVgh0LDsGfZVDysWE8LrJtQC2jvKmOqEYThKyB7bDEb7BP1GYWDm7tABA0Q==", + "version": "7.26.8", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.26.8.tgz", + "integrity": "sha512-He9Ej2X7tNf2zdKMAGOsmg2MrFc+hfoAhd3po4cWfo/NWjzEAKa0oQruj1ROVUdl0e6fb6/kE/G3SSxE0lRJOg==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.24.8", - "@babel/helper-remap-async-to-generator": "^7.25.0", - "@babel/plugin-syntax-async-generators": "^7.8.4", - "@babel/traverse": "^7.25.0" + "@babel/helper-plugin-utils": "^7.26.5", + "@babel/helper-remap-async-to-generator": "^7.25.9", + "@babel/traverse": "^7.26.8" }, "engines": { "node": ">=6.9.0" @@ -1593,15 +1588,15 @@ } }, "node_modules/@babel/plugin-transform-async-to-generator": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.24.7.tgz", - "integrity": "sha512-SQY01PcJfmQ+4Ash7NE+rpbLFbmqA2GPIgqzxfFTL4t1FKRq4zTms/7htKpoCUI9OcFYgzqfmCdH53s6/jn5fA==", + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz", + "integrity": "sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-module-imports": "^7.24.7", - "@babel/helper-plugin-utils": "^7.24.7", - "@babel/helper-remap-async-to-generator": "^7.24.7" + "@babel/helper-module-imports": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9", + "@babel/helper-remap-async-to-generator": "^7.25.9" }, "engines": { "node": ">=6.9.0" @@ -1611,13 +1606,13 @@ } }, "node_modules/@babel/plugin-transform-block-scoped-functions": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.25.9.tgz", - "integrity": "sha512-toHc9fzab0ZfenFpsyYinOX0J/5dgJVA2fm64xPewu7CoYHWEivIWKxkK2rMi4r3yQqLnVmheMXRdG+k239CgA==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.27.1.tgz", + "integrity": "sha512-cnqkuOtZLapWYZUYM5rVIdv1nXYuFVIltZ6ZJ7nIj585QsjKM5dhL2Fu/lICXZ1OyIAFc7Qy+bvDAtTXqGrlhg==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1627,13 +1622,13 @@ } }, "node_modules/@babel/plugin-transform-block-scoping": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.25.9.tgz", - "integrity": "sha512-1F05O7AYjymAtqbsFETboN1NvBdcnzMerO+zlMyJBEz6WkMdejvGWw9p05iTSjC85RLlBseHHQpYaM4gzJkBGg==", + "version": "7.27.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.27.5.tgz", + "integrity": "sha512-JF6uE2s67f0y2RZcm2kpAUEbD50vH62TyWVebxwHAlbSdM49VqPz8t4a1uIjp4NIOIZ4xzLfjY5emt/RCyC7TQ==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1643,14 +1638,14 @@ } }, "node_modules/@babel/plugin-transform-class-properties": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.25.9.tgz", - "integrity": "sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.27.1.tgz", + "integrity": "sha512-D0VcalChDMtuRvJIu3U/fwWjf8ZMykz5iZsg77Nuj821vCKI3zCyRLwRdWbsuJ/uRwZhZ002QtCqIkwC/ZkvbA==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-create-class-features-plugin": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-create-class-features-plugin": "^7.27.1", + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1660,14 +1655,14 @@ } }, "node_modules/@babel/plugin-transform-class-static-block": { - "version": "7.26.0", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.26.0.tgz", - "integrity": "sha512-6J2APTs7BDDm+UMqP1useWqhcRAXo0WIoVj26N7kPFB6S73Lgvyka4KTZYIxtgYXiN5HTyRObA72N2iu628iTQ==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.27.1.tgz", + "integrity": "sha512-s734HmYU78MVzZ++joYM+NkJusItbdRcbm+AGRgJCt3iA+yux0QpD9cBVdz3tKyrjVYWRl7j0mHSmv4lhV0aoA==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-create-class-features-plugin": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-create-class-features-plugin": "^7.27.1", + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1677,17 +1672,17 @@ } }, "node_modules/@babel/plugin-transform-classes": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.25.9.tgz", - "integrity": "sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.27.1.tgz", + "integrity": "sha512-7iLhfFAubmpeJe/Wo2TVuDrykh/zlWXLzPNdL0Jqn/Xu8R3QQ8h9ff8FQoISZOsw74/HFqFI7NX63HN7QFIHKA==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-annotate-as-pure": "^7.25.9", - "@babel/helper-compilation-targets": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9", - "@babel/helper-replace-supers": "^7.25.9", - "@babel/traverse": "^7.25.9", + "@babel/helper-annotate-as-pure": "^7.27.1", + "@babel/helper-compilation-targets": "^7.27.1", + "@babel/helper-plugin-utils": "^7.27.1", + "@babel/helper-replace-supers": "^7.27.1", + "@babel/traverse": "^7.27.1", "globals": "^11.1.0" }, "engines": { @@ -1698,27 +1693,27 @@ } }, "node_modules/@babel/plugin-transform-classes/node_modules/@babel/helper-annotate-as-pure": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz", - "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==", + "version": "7.27.3", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz", + "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==", "dev": true, "license": "MIT", "dependencies": { - "@babel/types": "^7.25.9" + "@babel/types": "^7.27.3" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/plugin-transform-computed-properties": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.25.9.tgz", - "integrity": "sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.27.1.tgz", + "integrity": "sha512-lj9PGWvMTVksbWiDT2tW68zGS/cyo4AkZ/QTp0sQT0mjPopCmrSkzxeXkznjqBxzDI6TclZhOJbBmbBLjuOZUw==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9", - "@babel/template": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1", + "@babel/template": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1728,13 +1723,13 @@ } }, "node_modules/@babel/plugin-transform-destructuring": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.25.9.tgz", - "integrity": "sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==", + "version": "7.27.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.27.3.tgz", + "integrity": "sha512-s4Jrok82JpiaIprtY2nHsYmrThKvvwgHwjgd7UMiYhZaN0asdXNLr0y+NjTfkA7SyQE5i2Fb7eawUOZmLvyqOA==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1744,14 +1739,14 @@ } }, "node_modules/@babel/plugin-transform-dotall-regex": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.25.9.tgz", - "integrity": "sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.27.1.tgz", + "integrity": "sha512-gEbkDVGRvjj7+T1ivxrfgygpT7GUd4vmODtYpbs0gZATdkX8/iSnOtZSxiZnsgm1YjTgjI6VKBGSJJevkrclzw==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-create-regexp-features-plugin": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-create-regexp-features-plugin": "^7.27.1", + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1761,13 +1756,13 @@ } }, "node_modules/@babel/plugin-transform-duplicate-keys": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.25.9.tgz", - "integrity": "sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.27.1.tgz", + "integrity": "sha512-MTyJk98sHvSs+cvZ4nOauwTTG1JeonDjSGvGGUNHreGQns+Mpt6WX/dVzWBHgg+dYZhkC4X+zTDfkTU+Vy9y7Q==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1777,14 +1772,14 @@ } }, "node_modules/@babel/plugin-transform-duplicate-named-capturing-groups-regex": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.25.9.tgz", - "integrity": "sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.27.1.tgz", + "integrity": "sha512-hkGcueTEzuhB30B3eJCbCYeCaaEQOmQR0AdvzpD4LoN0GXMWzzGSuRrxR2xTnCrvNbVwK9N6/jQ92GSLfiZWoQ==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-create-regexp-features-plugin": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-create-regexp-features-plugin": "^7.27.1", + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1794,13 +1789,13 @@ } }, "node_modules/@babel/plugin-transform-dynamic-import": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.25.9.tgz", - "integrity": "sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.27.1.tgz", + "integrity": "sha512-MHzkWQcEmjzzVW9j2q8LGjwGWpG2mjwaaB0BNQwst3FIjqsg8Ct/mIZlvSPJvfi9y2AC8mi/ktxbFVL9pZ1I4A==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1810,14 +1805,13 @@ } }, "node_modules/@babel/plugin-transform-exponentiation-operator": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.25.9.tgz", - "integrity": "sha512-KRhdhlVk2nObA5AYa7QMgTMTVJdfHprfpAk4DjZVtllqRg9qarilstTKEhpVjyt+Npi8ThRyiV8176Am3CodPA==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.27.1.tgz", + "integrity": "sha512-uspvXnhHvGKf2r4VVtBpeFnuDWsJLQ6MF6lGJLC89jBR1uoVeqM416AZtTuhTezOfgHicpJQmoD5YUakO/YmXQ==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-builder-binary-assignment-operator-visitor": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1827,13 +1821,13 @@ } }, "node_modules/@babel/plugin-transform-export-namespace-from": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.25.9.tgz", - "integrity": "sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.27.1.tgz", + "integrity": "sha512-tQvHWSZ3/jH2xuq/vZDy0jNn+ZdXJeM8gHvX4lnJmsc3+50yPlWdZXIc5ay+umX+2/tJIqHqiEqcJvxlmIvRvQ==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1843,14 +1837,14 @@ } }, "node_modules/@babel/plugin-transform-for-of": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.25.9.tgz", - "integrity": "sha512-LqHxduHoaGELJl2uhImHwRQudhCM50pT46rIBNvtT/Oql3nqiS3wOwP+5ten7NpYSXrrVLgtZU3DZmPtWZo16A==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.27.1.tgz", + "integrity": "sha512-BfbWFFEJFQzLCQ5N8VocnCtA8J1CLkNTe2Ms2wocj75dd6VpiqS5Z5quTYcUoo4Yq+DN0rtikODccuv7RU81sw==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9", - "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1", + "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1860,15 +1854,15 @@ } }, "node_modules/@babel/plugin-transform-function-name": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.25.9.tgz", - "integrity": "sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.27.1.tgz", + "integrity": "sha512-1bQeydJF9Nr1eBCMMbC+hdwmRlsv5XYOMu03YSWFwNs0HsAmtSxxF1fyuYPqemVldVyFmlCU7w8UE14LupUSZQ==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-compilation-targets": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9", - "@babel/traverse": "^7.25.9" + "@babel/helper-compilation-targets": "^7.27.1", + "@babel/helper-plugin-utils": "^7.27.1", + "@babel/traverse": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1878,13 +1872,13 @@ } }, "node_modules/@babel/plugin-transform-json-strings": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.25.9.tgz", - "integrity": "sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.27.1.tgz", + "integrity": "sha512-6WVLVJiTjqcQauBhn1LkICsR2H+zm62I3h9faTDKt1qP4jn2o72tSvqMwtGFKGTpojce0gJs+76eZ2uCHRZh0Q==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1894,13 +1888,13 @@ } }, "node_modules/@babel/plugin-transform-literals": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.25.9.tgz", - "integrity": "sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.27.1.tgz", + "integrity": "sha512-0HCFSepIpLTkLcsi86GG3mTUzxV5jpmbv97hTETW3yzrAij8aqlD36toB1D0daVFJM8NK6GvKO0gslVQmm+zZA==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1910,13 +1904,13 @@ } }, "node_modules/@babel/plugin-transform-logical-assignment-operators": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.25.9.tgz", - "integrity": "sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.27.1.tgz", + "integrity": "sha512-SJvDs5dXxiae4FbSL1aBJlG4wvl594N6YEVVn9e3JGulwioy6z3oPjx/sQBO3Y4NwUu5HNix6KJ3wBZoewcdbw==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1926,13 +1920,13 @@ } }, "node_modules/@babel/plugin-transform-member-expression-literals": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.25.9.tgz", - "integrity": "sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.27.1.tgz", + "integrity": "sha512-hqoBX4dcZ1I33jCSWcXrP+1Ku7kdqXf1oeah7ooKOIiAdKQ+uqftgCFNOSzA5AMS2XIHEYeGFg4cKRCdpxzVOQ==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1942,14 +1936,14 @@ } }, "node_modules/@babel/plugin-transform-modules-amd": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.25.9.tgz", - "integrity": "sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.27.1.tgz", + "integrity": "sha512-iCsytMg/N9/oFq6n+gFTvUYDZQOMK5kEdeYxmxt91fcJGycfxVP9CnrxoliM0oumFERba2i8ZtwRUCMhvP1LnA==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-module-transforms": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-module-transforms": "^7.27.1", + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1959,15 +1953,14 @@ } }, "node_modules/@babel/plugin-transform-modules-commonjs": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.25.9.tgz", - "integrity": "sha512-dwh2Ol1jWwL2MgkCzUSOvfmKElqQcuswAZypBSUsScMXvgdT8Ekq5YA6TtqpTVWH+4903NmboMuH1o9i8Rxlyg==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.27.1.tgz", + "integrity": "sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-module-transforms": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9", - "@babel/helper-simple-access": "^7.25.9" + "@babel/helper-module-transforms": "^7.27.1", + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1977,16 +1970,16 @@ } }, "node_modules/@babel/plugin-transform-modules-systemjs": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.25.9.tgz", - "integrity": "sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.27.1.tgz", + "integrity": "sha512-w5N1XzsRbc0PQStASMksmUeqECuzKuTJer7kFagK8AXgpCMkeDMO5S+aaFb7A51ZYDF7XI34qsTX+fkHiIm5yA==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-module-transforms": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9", - "@babel/helper-validator-identifier": "^7.25.9", - "@babel/traverse": "^7.25.9" + "@babel/helper-module-transforms": "^7.27.1", + "@babel/helper-plugin-utils": "^7.27.1", + "@babel/helper-validator-identifier": "^7.27.1", + "@babel/traverse": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -1996,14 +1989,14 @@ } }, "node_modules/@babel/plugin-transform-modules-umd": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.25.9.tgz", - "integrity": "sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.27.1.tgz", + "integrity": "sha512-iQBE/xC5BV1OxJbp6WG7jq9IWiD+xxlZhLrdwpPkTX3ydmXdvoCpyfJN7acaIBZaOqTfr76pgzqBJflNbeRK+w==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-module-transforms": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-module-transforms": "^7.27.1", + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2013,14 +2006,14 @@ } }, "node_modules/@babel/plugin-transform-named-capturing-groups-regex": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.25.9.tgz", - "integrity": "sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.27.1.tgz", + "integrity": "sha512-SstR5JYy8ddZvD6MhV0tM/j16Qds4mIpJTOd1Yu9J9pJjH93bxHECF7pgtc28XvkzTD6Pxcm/0Z73Hvk7kb3Ng==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-create-regexp-features-plugin": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-create-regexp-features-plugin": "^7.27.1", + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2030,13 +2023,13 @@ } }, "node_modules/@babel/plugin-transform-new-target": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.25.9.tgz", - "integrity": "sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.27.1.tgz", + "integrity": "sha512-f6PiYeqXQ05lYq3TIfIDu/MtliKUbNwkGApPUvyo6+tc7uaR4cPjPe7DFPr15Uyycg2lZU6btZ575CuQoYh7MQ==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2046,13 +2039,13 @@ } }, "node_modules/@babel/plugin-transform-nullish-coalescing-operator": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.25.9.tgz", - "integrity": "sha512-ENfftpLZw5EItALAD4WsY/KUWvhUlZndm5GC7G3evUsVeSJB6p0pBeLQUnRnBCBx7zV0RKQjR9kCuwrsIrjWog==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.27.1.tgz", + "integrity": "sha512-aGZh6xMo6q9vq1JGcw58lZ1Z0+i0xB2x0XaauNIUXd6O1xXc3RwoWEBlsTQrY4KQ9Jf0s5rgD6SiNkaUdJegTA==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2062,13 +2055,13 @@ } }, "node_modules/@babel/plugin-transform-numeric-separator": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.25.9.tgz", - "integrity": "sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.27.1.tgz", + "integrity": "sha512-fdPKAcujuvEChxDBJ5c+0BTaS6revLV7CJL08e4m3de8qJfNIuCc2nc7XJYOjBoTMJeqSmwXJ0ypE14RCjLwaw==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2078,15 +2071,16 @@ } }, "node_modules/@babel/plugin-transform-object-rest-spread": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.25.9.tgz", - "integrity": "sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==", + "version": "7.27.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.27.3.tgz", + "integrity": "sha512-7ZZtznF9g4l2JCImCo5LNKFHB5eXnN39lLtLY5Tg+VkR0jwOt7TBciMckuiQIOIW7L5tkQOCh3bVGYeXgMx52Q==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-compilation-targets": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9", - "@babel/plugin-transform-parameters": "^7.25.9" + "@babel/helper-compilation-targets": "^7.27.2", + "@babel/helper-plugin-utils": "^7.27.1", + "@babel/plugin-transform-destructuring": "^7.27.3", + "@babel/plugin-transform-parameters": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2096,14 +2090,14 @@ } }, "node_modules/@babel/plugin-transform-object-super": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.25.9.tgz", - "integrity": "sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.27.1.tgz", + "integrity": "sha512-SFy8S9plRPbIcxlJ8A6mT/CxFdJx/c04JEctz4jf8YZaVS2px34j7NXRrlGlHkN/M2gnpL37ZpGRGVFLd3l8Ng==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9", - "@babel/helper-replace-supers": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1", + "@babel/helper-replace-supers": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2113,13 +2107,13 @@ } }, "node_modules/@babel/plugin-transform-optional-catch-binding": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.25.9.tgz", - "integrity": "sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.27.1.tgz", + "integrity": "sha512-txEAEKzYrHEX4xSZN4kJ+OfKXFVSWKB2ZxM9dpcE3wT7smwkNmXo5ORRlVzMVdJbD+Q8ILTgSD7959uj+3Dm3Q==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2129,14 +2123,14 @@ } }, "node_modules/@babel/plugin-transform-optional-chaining": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.25.9.tgz", - "integrity": "sha512-6AvV0FsLULbpnXeBjrY4dmWF8F7gf8QnvTEoO/wX/5xm/xE1Xo8oPuD3MPS+KS9f9XBEAWN7X1aWr4z9HdOr7A==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.27.1.tgz", + "integrity": "sha512-BQmKPPIuc8EkZgNKsv0X4bPmOoayeu4F1YCwx2/CfmDSXDbp7GnzlUH+/ul5VGfRg1AoFPsrIThlEBj2xb4CAg==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9", - "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1", + "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2146,13 +2140,13 @@ } }, "node_modules/@babel/plugin-transform-parameters": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.25.9.tgz", - "integrity": "sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.1.tgz", + "integrity": "sha512-018KRk76HWKeZ5l4oTj2zPpSh+NbGdt0st5S6x0pga6HgrjBOJb24mMDHorFopOOd6YHkLgOZ+zaCjZGPO4aKg==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2162,14 +2156,14 @@ } }, "node_modules/@babel/plugin-transform-private-methods": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.25.9.tgz", - "integrity": "sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.27.1.tgz", + "integrity": "sha512-10FVt+X55AjRAYI9BrdISN9/AQWHqldOeZDUoLyif1Kn05a56xVBXb8ZouL8pZ9jem8QpXaOt8TS7RHUIS+GPA==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-create-class-features-plugin": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-create-class-features-plugin": "^7.27.1", + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2179,15 +2173,15 @@ } }, "node_modules/@babel/plugin-transform-private-property-in-object": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.9.tgz", - "integrity": "sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.27.1.tgz", + "integrity": "sha512-5J+IhqTi1XPa0DXF83jYOaARrX+41gOewWbkPyjMNRDqgOCqdffGh8L3f/Ek5utaEBZExjSAzcyjmV9SSAWObQ==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-annotate-as-pure": "^7.25.9", - "@babel/helper-create-class-features-plugin": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-annotate-as-pure": "^7.27.1", + "@babel/helper-create-class-features-plugin": "^7.27.1", + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2197,26 +2191,26 @@ } }, "node_modules/@babel/plugin-transform-private-property-in-object/node_modules/@babel/helper-annotate-as-pure": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz", - "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==", + "version": "7.27.3", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz", + "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==", "dev": true, "license": "MIT", "dependencies": { - "@babel/types": "^7.25.9" + "@babel/types": "^7.27.3" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/plugin-transform-property-literals": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.25.9.tgz", - "integrity": "sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.27.1.tgz", + "integrity": "sha512-oThy3BCuCha8kDZ8ZkgOg2exvPYUlprMukKQXI1r1pJ47NCvxfkEy8vK+r/hT9nF0Aa4H1WUPZZjHTFtAhGfmQ==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2226,14 +2220,13 @@ } }, "node_modules/@babel/plugin-transform-regenerator": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.25.9.tgz", - "integrity": "sha512-vwDcDNsgMPDGP0nMqzahDWE5/MLcX8sv96+wfX7as7LoF/kr97Bo/7fI00lXY4wUXYfVmwIIyG80fGZ1uvt2qg==", + "version": "7.27.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.27.5.tgz", + "integrity": "sha512-uhB8yHerfe3MWnuLAhEbeQ4afVoqv8BQsPqrTv7e/jZ9y00kJL6l9a/f4OWaKxotmjzewfEyXE1vgDJenkQ2/Q==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9", - "regenerator-transform": "^0.15.2" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2242,14 +2235,31 @@ "@babel/core": "^7.0.0-0" } }, - "node_modules/@babel/plugin-transform-reserved-words": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.25.9.tgz", - "integrity": "sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==", + "node_modules/@babel/plugin-transform-regexp-modifiers": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.27.1.tgz", + "integrity": "sha512-TtEciroaiODtXvLZv4rmfMhkCv8jx3wgKpL68PuiPh2M4fvz5jhsA7697N1gMvkvr/JTF13DrFYyEbY9U7cVPA==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-create-regexp-features-plugin": "^7.27.1", + "@babel/helper-plugin-utils": "^7.27.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-transform-reserved-words": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.27.1.tgz", + "integrity": "sha512-V2ABPHIJX4kC7HegLkYoDpfg9PVmuWy/i6vUM5eGK22bx4YVFD3M5F0QQnWQoDs6AGsUWTVOopBiMFQgHaSkVw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2259,16 +2269,16 @@ } }, "node_modules/@babel/plugin-transform-runtime": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.24.7.tgz", - "integrity": "sha512-YqXjrk4C+a1kZjewqt+Mmu2UuV1s07y8kqcUf4qYLnoqemhR4gRQikhdAhSVJioMjVTu6Mo6pAbaypEA3jY6fw==", + "version": "7.26.10", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.26.10.tgz", + "integrity": "sha512-NWaL2qG6HRpONTnj4JvDU6th4jYeZOJgu3QhmFTCihib0ermtOJqktA5BduGm3suhhVe9EMP9c9+mfJ/I9slqw==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-module-imports": "^7.24.7", - "@babel/helper-plugin-utils": "^7.24.7", + "@babel/helper-module-imports": "^7.25.9", + "@babel/helper-plugin-utils": "^7.26.5", "babel-plugin-polyfill-corejs2": "^0.4.10", - "babel-plugin-polyfill-corejs3": "^0.10.1", + "babel-plugin-polyfill-corejs3": "^0.11.0", "babel-plugin-polyfill-regenerator": "^0.6.1", "semver": "^6.3.1" }, @@ -2290,13 +2300,13 @@ } }, "node_modules/@babel/plugin-transform-shorthand-properties": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.25.9.tgz", - "integrity": "sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.27.1.tgz", + "integrity": "sha512-N/wH1vcn4oYawbJ13Y/FxcQrWk63jhfNa7jef0ih7PHSIHX2LB7GWE1rkPrOnka9kwMxb6hMl19p7lidA+EHmQ==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2306,14 +2316,14 @@ } }, "node_modules/@babel/plugin-transform-spread": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.25.9.tgz", - "integrity": "sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.27.1.tgz", + "integrity": "sha512-kpb3HUqaILBJcRFVhFUs6Trdd4mkrzcGXss+6/mxUd273PfbWqSDHRzMT2234gIg2QYfAjvXLSquP1xECSg09Q==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9", - "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1", + "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2323,13 +2333,13 @@ } }, "node_modules/@babel/plugin-transform-sticky-regex": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.25.9.tgz", - "integrity": "sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.27.1.tgz", + "integrity": "sha512-lhInBO5bi/Kowe2/aLdBAawijx+q1pQzicSgnkB6dUPc1+RC8QmJHKf2OjvU+NZWitguJHEaEmbV6VWEouT58g==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2339,13 +2349,13 @@ } }, "node_modules/@babel/plugin-transform-template-literals": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.25.9.tgz", - "integrity": "sha512-o97AE4syN71M/lxrCtQByzphAdlYluKPDBzDVzMmfCobUjjhAryZV0AIpRPrxN0eAkxXO6ZLEScmt+PNhj2OTw==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.27.1.tgz", + "integrity": "sha512-fBJKiV7F2DxZUkg5EtHKXQdbsbURW3DZKQUWphDum0uRP6eHGGa/He9mc0mypL680pb+e/lDIthRohlv8NCHkg==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2355,13 +2365,13 @@ } }, "node_modules/@babel/plugin-transform-typeof-symbol": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.25.9.tgz", - "integrity": "sha512-v61XqUMiueJROUv66BVIOi0Fv/CUuZuZMl5NkRoCVxLAnMexZ0A3kMe7vvZ0nulxMuMp0Mk6S5hNh48yki08ZA==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.27.1.tgz", + "integrity": "sha512-RiSILC+nRJM7FY5srIyc4/fGIwUhyDuuBSdWn4y6yT6gm652DpCHZjIipgn6B7MQ1ITOUnAKWixEUjQRIBIcLw==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2371,13 +2381,13 @@ } }, "node_modules/@babel/plugin-transform-unicode-escapes": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.25.9.tgz", - "integrity": "sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.27.1.tgz", + "integrity": "sha512-Ysg4v6AmF26k9vpfFuTZg8HRfVWzsh1kVfowA23y9j/Gu6dOuahdUVhkLqpObp3JIv27MLSii6noRnuKN8H0Mg==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2387,14 +2397,14 @@ } }, "node_modules/@babel/plugin-transform-unicode-property-regex": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.25.9.tgz", - "integrity": "sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.27.1.tgz", + "integrity": "sha512-uW20S39PnaTImxp39O5qFlHLS9LJEmANjMG7SxIhap8rCHqu0Ik+tLEPX5DKmHn6CsWQ7j3lix2tFOa5YtL12Q==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-create-regexp-features-plugin": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-create-regexp-features-plugin": "^7.27.1", + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2404,14 +2414,14 @@ } }, "node_modules/@babel/plugin-transform-unicode-regex": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.25.9.tgz", - "integrity": "sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.27.1.tgz", + "integrity": "sha512-xvINq24TRojDuyt6JGtHmkVkrfVV3FPT16uytxImLeBZqW3/H52yN+kM1MGuyPkIQxrzKwPHs5U/MP3qKyzkGw==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-create-regexp-features-plugin": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-create-regexp-features-plugin": "^7.27.1", + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2421,14 +2431,14 @@ } }, "node_modules/@babel/plugin-transform-unicode-sets-regex": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.25.9.tgz", - "integrity": "sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.27.1.tgz", + "integrity": "sha512-EtkOujbc4cgvb0mlpQefi4NTPBzhSIevblFevACNLUspmrALgmEBdL/XfnyyITfd8fKBZrZys92zOWcik7j9Tw==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-create-regexp-features-plugin": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9" + "@babel/helper-create-regexp-features-plugin": "^7.27.1", + "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2438,94 +2448,80 @@ } }, "node_modules/@babel/preset-env": { - "version": "7.25.3", - "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.25.3.tgz", - "integrity": "sha512-QsYW7UeAaXvLPX9tdVliMJE7MD7M6MLYVTovRTIwhoYQVFHR1rM4wO8wqAezYi3/BpSD+NzVCZ69R6smWiIi8g==", + "version": "7.26.9", + "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.26.9.tgz", + "integrity": "sha512-vX3qPGE8sEKEAZCWk05k3cpTAE3/nOYca++JA+Rd0z2NCNzabmYvEiSShKzm10zdquOIAVXsy2Ei/DTW34KlKQ==", "dev": true, "license": "MIT", "dependencies": { - "@babel/compat-data": "^7.25.2", - "@babel/helper-compilation-targets": "^7.25.2", - "@babel/helper-plugin-utils": "^7.24.8", - "@babel/helper-validator-option": "^7.24.8", - "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.25.3", - "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.25.0", - "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.25.0", - "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.24.7", - "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.25.0", + "@babel/compat-data": "^7.26.8", + "@babel/helper-compilation-targets": "^7.26.5", + "@babel/helper-plugin-utils": "^7.26.5", + "@babel/helper-validator-option": "^7.25.9", + "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.25.9", + "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.25.9", + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.25.9", + "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.25.9", + "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.25.9", "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2", - "@babel/plugin-syntax-async-generators": "^7.8.4", - "@babel/plugin-syntax-class-properties": "^7.12.13", - "@babel/plugin-syntax-class-static-block": "^7.14.5", - "@babel/plugin-syntax-dynamic-import": "^7.8.3", - "@babel/plugin-syntax-export-namespace-from": "^7.8.3", - "@babel/plugin-syntax-import-assertions": "^7.24.7", - "@babel/plugin-syntax-import-attributes": "^7.24.7", - "@babel/plugin-syntax-import-meta": "^7.10.4", - "@babel/plugin-syntax-json-strings": "^7.8.3", - "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4", - "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3", - "@babel/plugin-syntax-numeric-separator": "^7.10.4", - "@babel/plugin-syntax-object-rest-spread": "^7.8.3", - "@babel/plugin-syntax-optional-catch-binding": "^7.8.3", - "@babel/plugin-syntax-optional-chaining": "^7.8.3", - "@babel/plugin-syntax-private-property-in-object": "^7.14.5", - "@babel/plugin-syntax-top-level-await": "^7.14.5", + "@babel/plugin-syntax-import-assertions": "^7.26.0", + "@babel/plugin-syntax-import-attributes": "^7.26.0", "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6", - "@babel/plugin-transform-arrow-functions": "^7.24.7", - "@babel/plugin-transform-async-generator-functions": "^7.25.0", - "@babel/plugin-transform-async-to-generator": "^7.24.7", - "@babel/plugin-transform-block-scoped-functions": "^7.24.7", - "@babel/plugin-transform-block-scoping": "^7.25.0", - "@babel/plugin-transform-class-properties": "^7.24.7", - "@babel/plugin-transform-class-static-block": "^7.24.7", - "@babel/plugin-transform-classes": "^7.25.0", - "@babel/plugin-transform-computed-properties": "^7.24.7", - "@babel/plugin-transform-destructuring": "^7.24.8", - "@babel/plugin-transform-dotall-regex": "^7.24.7", - "@babel/plugin-transform-duplicate-keys": "^7.24.7", - "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.25.0", - "@babel/plugin-transform-dynamic-import": "^7.24.7", - "@babel/plugin-transform-exponentiation-operator": "^7.24.7", - "@babel/plugin-transform-export-namespace-from": "^7.24.7", - "@babel/plugin-transform-for-of": "^7.24.7", - "@babel/plugin-transform-function-name": "^7.25.1", - "@babel/plugin-transform-json-strings": "^7.24.7", - "@babel/plugin-transform-literals": "^7.25.2", - "@babel/plugin-transform-logical-assignment-operators": "^7.24.7", - "@babel/plugin-transform-member-expression-literals": "^7.24.7", - "@babel/plugin-transform-modules-amd": "^7.24.7", - "@babel/plugin-transform-modules-commonjs": "^7.24.8", - "@babel/plugin-transform-modules-systemjs": "^7.25.0", - "@babel/plugin-transform-modules-umd": "^7.24.7", - "@babel/plugin-transform-named-capturing-groups-regex": "^7.24.7", - "@babel/plugin-transform-new-target": "^7.24.7", - "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7", - "@babel/plugin-transform-numeric-separator": "^7.24.7", - "@babel/plugin-transform-object-rest-spread": "^7.24.7", - "@babel/plugin-transform-object-super": "^7.24.7", - "@babel/plugin-transform-optional-catch-binding": "^7.24.7", - "@babel/plugin-transform-optional-chaining": "^7.24.8", - "@babel/plugin-transform-parameters": "^7.24.7", - "@babel/plugin-transform-private-methods": "^7.24.7", - "@babel/plugin-transform-private-property-in-object": "^7.24.7", - "@babel/plugin-transform-property-literals": "^7.24.7", - "@babel/plugin-transform-regenerator": "^7.24.7", - "@babel/plugin-transform-reserved-words": "^7.24.7", - "@babel/plugin-transform-shorthand-properties": "^7.24.7", - "@babel/plugin-transform-spread": "^7.24.7", - "@babel/plugin-transform-sticky-regex": "^7.24.7", - "@babel/plugin-transform-template-literals": "^7.24.7", - "@babel/plugin-transform-typeof-symbol": "^7.24.8", - "@babel/plugin-transform-unicode-escapes": "^7.24.7", - "@babel/plugin-transform-unicode-property-regex": "^7.24.7", - "@babel/plugin-transform-unicode-regex": "^7.24.7", - "@babel/plugin-transform-unicode-sets-regex": "^7.24.7", + "@babel/plugin-transform-arrow-functions": "^7.25.9", + "@babel/plugin-transform-async-generator-functions": "^7.26.8", + "@babel/plugin-transform-async-to-generator": "^7.25.9", + "@babel/plugin-transform-block-scoped-functions": "^7.26.5", + "@babel/plugin-transform-block-scoping": "^7.25.9", + "@babel/plugin-transform-class-properties": "^7.25.9", + "@babel/plugin-transform-class-static-block": "^7.26.0", + "@babel/plugin-transform-classes": "^7.25.9", + "@babel/plugin-transform-computed-properties": "^7.25.9", + "@babel/plugin-transform-destructuring": "^7.25.9", + "@babel/plugin-transform-dotall-regex": "^7.25.9", + "@babel/plugin-transform-duplicate-keys": "^7.25.9", + "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.25.9", + "@babel/plugin-transform-dynamic-import": "^7.25.9", + "@babel/plugin-transform-exponentiation-operator": "^7.26.3", + "@babel/plugin-transform-export-namespace-from": "^7.25.9", + "@babel/plugin-transform-for-of": "^7.26.9", + "@babel/plugin-transform-function-name": "^7.25.9", + "@babel/plugin-transform-json-strings": "^7.25.9", + "@babel/plugin-transform-literals": "^7.25.9", + "@babel/plugin-transform-logical-assignment-operators": "^7.25.9", + "@babel/plugin-transform-member-expression-literals": "^7.25.9", + "@babel/plugin-transform-modules-amd": "^7.25.9", + "@babel/plugin-transform-modules-commonjs": "^7.26.3", + "@babel/plugin-transform-modules-systemjs": "^7.25.9", + "@babel/plugin-transform-modules-umd": "^7.25.9", + "@babel/plugin-transform-named-capturing-groups-regex": "^7.25.9", + "@babel/plugin-transform-new-target": "^7.25.9", + "@babel/plugin-transform-nullish-coalescing-operator": "^7.26.6", + "@babel/plugin-transform-numeric-separator": "^7.25.9", + "@babel/plugin-transform-object-rest-spread": "^7.25.9", + "@babel/plugin-transform-object-super": "^7.25.9", + "@babel/plugin-transform-optional-catch-binding": "^7.25.9", + "@babel/plugin-transform-optional-chaining": "^7.25.9", + "@babel/plugin-transform-parameters": "^7.25.9", + "@babel/plugin-transform-private-methods": "^7.25.9", + "@babel/plugin-transform-private-property-in-object": "^7.25.9", + "@babel/plugin-transform-property-literals": "^7.25.9", + "@babel/plugin-transform-regenerator": "^7.25.9", + "@babel/plugin-transform-regexp-modifiers": "^7.26.0", + "@babel/plugin-transform-reserved-words": "^7.25.9", + "@babel/plugin-transform-shorthand-properties": "^7.25.9", + "@babel/plugin-transform-spread": "^7.25.9", + "@babel/plugin-transform-sticky-regex": "^7.25.9", + "@babel/plugin-transform-template-literals": "^7.26.8", + "@babel/plugin-transform-typeof-symbol": "^7.26.7", + "@babel/plugin-transform-unicode-escapes": "^7.25.9", + "@babel/plugin-transform-unicode-property-regex": "^7.25.9", + "@babel/plugin-transform-unicode-regex": "^7.25.9", + "@babel/plugin-transform-unicode-sets-regex": "^7.25.9", "@babel/preset-modules": "0.1.6-no-external-plugins", "babel-plugin-polyfill-corejs2": "^0.4.10", - "babel-plugin-polyfill-corejs3": "^0.10.4", + "babel-plugin-polyfill-corejs3": "^0.11.0", "babel-plugin-polyfill-regenerator": "^0.6.1", - "core-js-compat": "^3.37.1", + "core-js-compat": "^3.40.0", "semver": "^6.3.1" }, "engines": { @@ -2561,9 +2557,9 @@ } }, "node_modules/@babel/runtime": { - "version": "7.25.0", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.0.tgz", - "integrity": "sha512-7dRy4DwXwtzBrPbZflqxnvfxLF8kdZXPkhymtDeFoFqE6ldzjQFgYTtYIFARcLEYDrqfBfYcZt1WqFxRoyC9Rw==", + "version": "7.26.10", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.10.tgz", + "integrity": "sha512-2WJMeRQPHKSPemqk/awGrAiuFfzBmOIPXKizAsVhWH9YJqLZ0H+HS4c8loHGgW6utJ3E/ejXQUsiGaQy2NZ9Fw==", "dev": true, "license": "MIT", "dependencies": { @@ -2574,30 +2570,30 @@ } }, "node_modules/@babel/template": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz", - "integrity": "sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==", + "version": "7.27.2", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz", + "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==", "license": "MIT", "dependencies": { - "@babel/code-frame": "^7.25.9", - "@babel/parser": "^7.25.9", - "@babel/types": "^7.25.9" + "@babel/code-frame": "^7.27.1", + "@babel/parser": "^7.27.2", + "@babel/types": "^7.27.1" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/traverse": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz", - "integrity": "sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==", + "version": "7.27.4", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.4.tgz", + "integrity": "sha512-oNcu2QbHqts9BtOWJosOVJapWjBDSxGCpFvikNR5TGDYDQf3JwpIoMzIKrvfoti93cLfPJEG4tH9SPVeyCGgdA==", "license": "MIT", "dependencies": { - "@babel/code-frame": "^7.25.9", - "@babel/generator": "^7.25.9", - "@babel/parser": "^7.25.9", - "@babel/template": "^7.25.9", - "@babel/types": "^7.25.9", + "@babel/code-frame": "^7.27.1", + "@babel/generator": "^7.27.3", + "@babel/parser": "^7.27.4", + "@babel/template": "^7.27.2", + "@babel/types": "^7.27.3", "debug": "^4.3.1", "globals": "^11.1.0" }, @@ -2606,13 +2602,13 @@ } }, "node_modules/@babel/traverse/node_modules/@babel/generator": { - "version": "7.26.2", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz", - "integrity": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==", + "version": "7.27.5", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.27.5.tgz", + "integrity": "sha512-ZGhA37l0e/g2s1Cnzdix0O3aLYm66eF8aufiVteOgnwxgnRP8GoyMj7VWsgWnQbVKXyge7hqrFh2K2TQM6t1Hw==", "license": "MIT", "dependencies": { - "@babel/parser": "^7.26.2", - "@babel/types": "^7.26.0", + "@babel/parser": "^7.27.5", + "@babel/types": "^7.27.3", "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.25", "jsesc": "^3.0.2" @@ -2621,26 +2617,14 @@ "node": ">=6.9.0" } }, - "node_modules/@babel/traverse/node_modules/jsesc": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz", - "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==", - "license": "MIT", - "bin": { - "jsesc": "bin/jsesc" - }, - "engines": { - "node": ">=6" - } - }, "node_modules/@babel/types": { - "version": "7.26.0", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz", - "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==", + "version": "7.27.3", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.3.tgz", + "integrity": "sha512-Y1GkI4ktrtvmawoSq+4FCVHNryea6uR+qUQy0AGxLSsjCX0nVmkYQMBLHDkXZuo5hGx7eYdnIaslsdBFm7zbUw==", "license": "MIT", "dependencies": { - "@babel/helper-string-parser": "^7.25.9", - "@babel/helper-validator-identifier": "^7.25.9" + "@babel/helper-string-parser": "^7.27.1", + "@babel/helper-validator-identifier": "^7.27.1" }, "engines": { "node": ">=6.9.0" @@ -2657,19 +2641,19 @@ } }, "node_modules/@coreui/chartjs": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@coreui/chartjs/-/chartjs-4.0.0.tgz", - "integrity": "sha512-gPxmqj6hpC/erZBfyKQ+axWKr1gY4yhj8Dm3WkBp8SG2lUs0lEAQy3XGmmM/42TBTylbq5V4P6jfqim3N0mKmw==", + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/@coreui/chartjs/-/chartjs-4.1.0.tgz", + "integrity": "sha512-EzYUABhRKmJC8P7B0gP2xfcywig7HWTSHHF0H5hwOcJ1f5MZkXVGIdulkINCAKLUuWQopynuErFJS7wb+M0t3A==", "license": "MIT", "dependencies": { - "@coreui/coreui": "^5.0.0", - "chart.js": "^4.4.2" + "@coreui/coreui": "^5.3.0", + "chart.js": "^4.4.7" } }, "node_modules/@coreui/coreui": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/@coreui/coreui/-/coreui-5.2.0.tgz", - "integrity": "sha512-DZLWzPIZP3KTNgcaRXny/7lcQm0rDMrheu3VsWpgbln5rUuJwxdopwhTSnOryVyCwjlDbs3Z8ZfIzOeBXNC4GA==", + "version": "5.4.0", + "resolved": "https://registry.npmjs.org/@coreui/coreui/-/coreui-5.4.0.tgz", + "integrity": "sha512-PtLossDHiU8Q7l/MDwaNjvpleDcPKDhkqvYGAhF+/rolZQteQFwjTx/7jD+v5c0YP+PHu9kmhrfTCaHMwK0UPA==", "funding": [ { "type": "opencollective", @@ -2677,6 +2661,10 @@ } ], "license": "MIT", + "dependencies": { + "html-entities": "^2.6.0", + "html-to-md": "^0.8.8" + }, "peerDependencies": { "@popperjs/core": "^2.11.8" } @@ -2688,9 +2676,9 @@ "license": "MIT" }, "node_modules/@discoveryjs/json-ext": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.6.1.tgz", - "integrity": "sha512-boghen8F0Q8D+0/Q1/1r6DUEieUJ8w2a1gIknExMSHBsJFOr2+0KUfHiVYBvucPwl3+RU5PFBK833FjFCh3BhA==", + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.6.3.tgz", + "integrity": "sha512-4B4OijXeVNOPZlYA2oEwWOTkzyltLao+xbotHQeqN++Rv27Y6s818+n2Qkp8q+Fxhn0t/5lA5X1Mxktud8eayQ==", "dev": true, "license": "MIT", "engines": { @@ -2698,9 +2686,9 @@ } }, "node_modules/@esbuild/aix-ppc64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.23.0.tgz", - "integrity": "sha512-3sG8Zwa5fMcA9bgqB8AfWPQ+HFke6uD3h1s3RIwUNK8EG7a4buxvuFTs3j1IMs2NXAk9F30C/FF4vxRgQCcmoQ==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.4.tgz", + "integrity": "sha512-1VCICWypeQKhVbE9oW/sJaAmjLxhVqacdkvPLEjwlttjfwENRSClS8EjBz0KzRyFSCPDIkuXW34Je/vk7zdB7Q==", "cpu": [ "ppc64" ], @@ -2715,9 +2703,9 @@ } }, "node_modules/@esbuild/android-arm": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.23.0.tgz", - "integrity": "sha512-+KuOHTKKyIKgEEqKbGTK8W7mPp+hKinbMBeEnNzjJGyFcWsfrXjSTNluJHCY1RqhxFurdD8uNXQDei7qDlR6+g==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.4.tgz", + "integrity": "sha512-QNdQEps7DfFwE3hXiU4BZeOV68HHzYwGd0Nthhd3uCkkEKK7/R6MTgM0P7H7FAs5pU/DIWsviMmEGxEoxIZ+ZQ==", "cpu": [ "arm" ], @@ -2732,9 +2720,9 @@ } }, "node_modules/@esbuild/android-arm64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.23.0.tgz", - "integrity": "sha512-EuHFUYkAVfU4qBdyivULuu03FhJO4IJN9PGuABGrFy4vUuzk91P2d+npxHcFdpUnfYKy0PuV+n6bKIpHOB3prQ==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.4.tgz", + "integrity": "sha512-bBy69pgfhMGtCnwpC/x5QhfxAz/cBgQ9enbtwjf6V9lnPI/hMyT9iWpR1arm0l3kttTr4L0KSLpKmLp/ilKS9A==", "cpu": [ "arm64" ], @@ -2749,9 +2737,9 @@ } }, "node_modules/@esbuild/android-x64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.23.0.tgz", - "integrity": "sha512-WRrmKidLoKDl56LsbBMhzTTBxrsVwTKdNbKDalbEZr0tcsBgCLbEtoNthOW6PX942YiYq8HzEnb4yWQMLQuipQ==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.4.tgz", + "integrity": "sha512-TVhdVtQIFuVpIIR282btcGC2oGQoSfZfmBdTip2anCaVYcqWlZXGcdcKIUklfX2wj0JklNYgz39OBqh2cqXvcQ==", "cpu": [ "x64" ], @@ -2766,9 +2754,9 @@ } }, "node_modules/@esbuild/darwin-arm64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.23.0.tgz", - "integrity": "sha512-YLntie/IdS31H54Ogdn+v50NuoWF5BDkEUFpiOChVa9UnKpftgwzZRrI4J132ETIi+D8n6xh9IviFV3eXdxfow==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.4.tgz", + "integrity": "sha512-Y1giCfM4nlHDWEfSckMzeWNdQS31BQGs9/rouw6Ub91tkK79aIMTH3q9xHvzH8d0wDru5Ci0kWB8b3up/nl16g==", "cpu": [ "arm64" ], @@ -2783,9 +2771,9 @@ } }, "node_modules/@esbuild/darwin-x64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.23.0.tgz", - "integrity": "sha512-IMQ6eme4AfznElesHUPDZ+teuGwoRmVuuixu7sv92ZkdQcPbsNHzutd+rAfaBKo8YK3IrBEi9SLLKWJdEvJniQ==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.4.tgz", + "integrity": "sha512-CJsry8ZGM5VFVeyUYB3cdKpd/H69PYez4eJh1W/t38vzutdjEjtP7hB6eLKBoOdxcAlCtEYHzQ/PJ/oU9I4u0A==", "cpu": [ "x64" ], @@ -2800,9 +2788,9 @@ } }, "node_modules/@esbuild/freebsd-arm64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.23.0.tgz", - "integrity": "sha512-0muYWCng5vqaxobq6LB3YNtevDFSAZGlgtLoAc81PjUfiFz36n4KMpwhtAd4he8ToSI3TGyuhyx5xmiWNYZFyw==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.4.tgz", + "integrity": "sha512-yYq+39NlTRzU2XmoPW4l5Ifpl9fqSk0nAJYM/V/WUGPEFfek1epLHJIkTQM6bBs1swApjO5nWgvr843g6TjxuQ==", "cpu": [ "arm64" ], @@ -2817,9 +2805,9 @@ } }, "node_modules/@esbuild/freebsd-x64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.23.0.tgz", - "integrity": "sha512-XKDVu8IsD0/q3foBzsXGt/KjD/yTKBCIwOHE1XwiXmrRwrX6Hbnd5Eqn/WvDekddK21tfszBSrE/WMaZh+1buQ==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.4.tgz", + "integrity": "sha512-0FgvOJ6UUMflsHSPLzdfDnnBBVoCDtBTVyn/MrWloUNvq/5SFmh13l3dvgRPkDihRxb77Y17MbqbCAa2strMQQ==", "cpu": [ "x64" ], @@ -2834,9 +2822,9 @@ } }, "node_modules/@esbuild/linux-arm": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.23.0.tgz", - "integrity": "sha512-SEELSTEtOFu5LPykzA395Mc+54RMg1EUgXP+iw2SJ72+ooMwVsgfuwXo5Fn0wXNgWZsTVHwY2cg4Vi/bOD88qw==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.4.tgz", + "integrity": "sha512-kro4c0P85GMfFYqW4TWOpvmF8rFShbWGnrLqlzp4X1TNWjRY3JMYUfDCtOxPKOIY8B0WC8HN51hGP4I4hz4AaQ==", "cpu": [ "arm" ], @@ -2851,9 +2839,9 @@ } }, "node_modules/@esbuild/linux-arm64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.23.0.tgz", - "integrity": "sha512-j1t5iG8jE7BhonbsEg5d9qOYcVZv/Rv6tghaXM/Ug9xahM0nX/H2gfu6X6z11QRTMT6+aywOMA8TDkhPo8aCGw==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.4.tgz", + "integrity": "sha512-+89UsQTfXdmjIvZS6nUnOOLoXnkUTB9hR5QAeLrQdzOSWZvNSAXAtcRDHWtqAUtAmv7ZM1WPOOeSxDzzzMogiQ==", "cpu": [ "arm64" ], @@ -2868,9 +2856,9 @@ } }, "node_modules/@esbuild/linux-ia32": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.23.0.tgz", - "integrity": "sha512-P7O5Tkh2NbgIm2R6x1zGJJsnacDzTFcRWZyTTMgFdVit6E98LTxO+v8LCCLWRvPrjdzXHx9FEOA8oAZPyApWUA==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.4.tgz", + "integrity": "sha512-yTEjoapy8UP3rv8dB0ip3AfMpRbyhSN3+hY8mo/i4QXFeDxmiYbEKp3ZRjBKcOP862Ua4b1PDfwlvbuwY7hIGQ==", "cpu": [ "ia32" ], @@ -2885,9 +2873,9 @@ } }, "node_modules/@esbuild/linux-loong64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.23.0.tgz", - "integrity": "sha512-InQwepswq6urikQiIC/kkx412fqUZudBO4SYKu0N+tGhXRWUqAx+Q+341tFV6QdBifpjYgUndV1hhMq3WeJi7A==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.4.tgz", + "integrity": "sha512-NeqqYkrcGzFwi6CGRGNMOjWGGSYOpqwCjS9fvaUlX5s3zwOtn1qwg1s2iE2svBe4Q/YOG1q6875lcAoQK/F4VA==", "cpu": [ "loong64" ], @@ -2902,9 +2890,9 @@ } }, "node_modules/@esbuild/linux-mips64el": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.23.0.tgz", - "integrity": "sha512-J9rflLtqdYrxHv2FqXE2i1ELgNjT+JFURt/uDMoPQLcjWQA5wDKgQA4t/dTqGa88ZVECKaD0TctwsUfHbVoi4w==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.4.tgz", + "integrity": "sha512-IcvTlF9dtLrfL/M8WgNI/qJYBENP3ekgsHbYUIzEzq5XJzzVEV/fXY9WFPfEEXmu3ck2qJP8LG/p3Q8f7Zc2Xg==", "cpu": [ "mips64el" ], @@ -2919,9 +2907,9 @@ } }, "node_modules/@esbuild/linux-ppc64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.23.0.tgz", - "integrity": "sha512-cShCXtEOVc5GxU0fM+dsFD10qZ5UpcQ8AM22bYj0u/yaAykWnqXJDpd77ublcX6vdDsWLuweeuSNZk4yUxZwtw==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.4.tgz", + "integrity": "sha512-HOy0aLTJTVtoTeGZh4HSXaO6M95qu4k5lJcH4gxv56iaycfz1S8GO/5Jh6X4Y1YiI0h7cRyLi+HixMR+88swag==", "cpu": [ "ppc64" ], @@ -2936,9 +2924,9 @@ } }, "node_modules/@esbuild/linux-riscv64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.23.0.tgz", - "integrity": "sha512-HEtaN7Y5UB4tZPeQmgz/UhzoEyYftbMXrBCUjINGjh3uil+rB/QzzpMshz3cNUxqXN7Vr93zzVtpIDL99t9aRw==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.4.tgz", + "integrity": "sha512-i8JUDAufpz9jOzo4yIShCTcXzS07vEgWzyX3NH2G7LEFVgrLEhjwL3ajFE4fZI3I4ZgiM7JH3GQ7ReObROvSUA==", "cpu": [ "riscv64" ], @@ -2953,9 +2941,9 @@ } }, "node_modules/@esbuild/linux-s390x": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.23.0.tgz", - "integrity": "sha512-WDi3+NVAuyjg/Wxi+o5KPqRbZY0QhI9TjrEEm+8dmpY9Xir8+HE/HNx2JoLckhKbFopW0RdO2D72w8trZOV+Wg==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.4.tgz", + "integrity": "sha512-jFnu+6UbLlzIjPQpWCNh5QtrcNfMLjgIavnwPQAfoGx4q17ocOU9MsQ2QVvFxwQoWpZT8DvTLooTvmOQXkO51g==", "cpu": [ "s390x" ], @@ -2970,9 +2958,9 @@ } }, "node_modules/@esbuild/linux-x64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.23.0.tgz", - "integrity": "sha512-a3pMQhUEJkITgAw6e0bWA+F+vFtCciMjW/LPtoj99MhVt+Mfb6bbL9hu2wmTZgNd994qTAEw+U/r6k3qHWWaOQ==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.4.tgz", + "integrity": "sha512-6e0cvXwzOnVWJHq+mskP8DNSrKBr1bULBvnFLpc1KY+d+irZSgZ02TGse5FsafKS5jg2e4pbvK6TPXaF/A6+CA==", "cpu": [ "x64" ], @@ -2986,10 +2974,27 @@ "node": ">=18" } }, + "node_modules/@esbuild/netbsd-arm64": { + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.4.tgz", + "integrity": "sha512-vUnkBYxZW4hL/ie91hSqaSNjulOnYXE1VSLusnvHg2u3jewJBz3YzB9+oCw8DABeVqZGg94t9tyZFoHma8gWZQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, "node_modules/@esbuild/netbsd-x64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.23.0.tgz", - "integrity": "sha512-cRK+YDem7lFTs2Q5nEv/HHc4LnrfBCbH5+JHu6wm2eP+d8OZNoSMYgPZJq78vqQ9g+9+nMuIsAO7skzphRXHyw==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.4.tgz", + "integrity": "sha512-XAg8pIQn5CzhOB8odIcAm42QsOfa98SBeKUdo4xa8OvX8LbMZqEtgeWE9P/Wxt7MlG2QqvjGths+nq48TrUiKw==", "cpu": [ "x64" ], @@ -3004,9 +3009,9 @@ } }, "node_modules/@esbuild/openbsd-arm64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.23.0.tgz", - "integrity": "sha512-suXjq53gERueVWu0OKxzWqk7NxiUWSUlrxoZK7usiF50C6ipColGR5qie2496iKGYNLhDZkPxBI3erbnYkU0rQ==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.4.tgz", + "integrity": "sha512-Ct2WcFEANlFDtp1nVAXSNBPDxyU+j7+tId//iHXU2f/lN5AmO4zLyhDcpR5Cz1r08mVxzt3Jpyt4PmXQ1O6+7A==", "cpu": [ "arm64" ], @@ -3021,9 +3026,9 @@ } }, "node_modules/@esbuild/openbsd-x64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.23.0.tgz", - "integrity": "sha512-6p3nHpby0DM/v15IFKMjAaayFhqnXV52aEmv1whZHX56pdkK+MEaLoQWj+H42ssFarP1PcomVhbsR4pkz09qBg==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.4.tgz", + "integrity": "sha512-xAGGhyOQ9Otm1Xu8NT1ifGLnA6M3sJxZ6ixylb+vIUVzvvd6GOALpwQrYrtlPouMqd/vSbgehz6HaVk4+7Afhw==", "cpu": [ "x64" ], @@ -3038,9 +3043,9 @@ } }, "node_modules/@esbuild/sunos-x64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.23.0.tgz", - "integrity": "sha512-BFelBGfrBwk6LVrmFzCq1u1dZbG4zy/Kp93w2+y83Q5UGYF1d8sCzeLI9NXjKyujjBBniQa8R8PzLFAUrSM9OA==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.4.tgz", + "integrity": "sha512-Mw+tzy4pp6wZEK0+Lwr76pWLjrtjmJyUB23tHKqEDP74R3q95luY/bXqXZeYl4NYlvwOqoRKlInQialgCKy67Q==", "cpu": [ "x64" ], @@ -3055,9 +3060,9 @@ } }, "node_modules/@esbuild/win32-arm64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.23.0.tgz", - "integrity": "sha512-lY6AC8p4Cnb7xYHuIxQ6iYPe6MfO2CC43XXKo9nBXDb35krYt7KGhQnOkRGar5psxYkircpCqfbNDB4uJbS2jQ==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.4.tgz", + "integrity": "sha512-AVUP428VQTSddguz9dO9ngb+E5aScyg7nOeJDrF1HPYu555gmza3bDGMPhmVXL8svDSoqPCsCPjb265yG/kLKQ==", "cpu": [ "arm64" ], @@ -3072,9 +3077,9 @@ } }, "node_modules/@esbuild/win32-ia32": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.23.0.tgz", - "integrity": "sha512-7L1bHlOTcO4ByvI7OXVI5pNN6HSu6pUQq9yodga8izeuB1KcT2UkHaH6118QJwopExPn0rMHIseCTx1CRo/uNA==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.4.tgz", + "integrity": "sha512-i1sW+1i+oWvQzSgfRcxxG2k4I9n3O9NRqy8U+uugaT2Dy7kLO9Y7wI72haOahxceMX8hZAzgGou1FhndRldxRg==", "cpu": [ "ia32" ], @@ -3089,9 +3094,9 @@ } }, "node_modules/@esbuild/win32-x64": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.23.0.tgz", - "integrity": "sha512-Arm+WgUFLUATuoxCJcahGuk6Yj9Pzxd6l11Zb/2aAuv5kWWvvfhLFo2fni4uSK5vzlUdCGZ/BdV5tH8klj8p8g==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.4.tgz", + "integrity": "sha512-nOT2vZNw6hJ+z43oP1SPea/G/6AbN6X+bGNhNuq8NtRHy4wsMhw765IKLNmnjek7GvjWBYQ8Q5VBoYTFg9y1UQ==", "cpu": [ "x64" ], @@ -3106,9 +3111,9 @@ } }, "node_modules/@eslint-community/eslint-utils": { - "version": "4.4.1", - "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz", - "integrity": "sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==", + "version": "4.7.0", + "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz", + "integrity": "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==", "dev": true, "license": "MIT", "dependencies": { @@ -3135,13 +3140,13 @@ } }, "node_modules/@eslint/config-array": { - "version": "0.18.0", - "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.18.0.tgz", - "integrity": "sha512-fTxvnS1sRMu3+JjXwJG0j/i4RT9u4qJ+lqS/yCGap4lH4zZGzQ7tu+xZqQmcMZq5OBZDL4QRxQzRjkWcGt8IVw==", + "version": "0.20.0", + "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.20.0.tgz", + "integrity": "sha512-fxlS1kkIjx8+vy2SjuCB94q3htSNrufYTXubwiBFeaQHbH6Ipi43gFJq2zCMt6PHhImH3Xmr0NksKDvchWlpQQ==", "dev": true, "license": "Apache-2.0", "dependencies": { - "@eslint/object-schema": "^2.1.4", + "@eslint/object-schema": "^2.1.6", "debug": "^4.3.1", "minimatch": "^3.1.2" }, @@ -3173,20 +3178,33 @@ "node": "*" } }, + "node_modules/@eslint/config-helpers": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.2.2.tgz", + "integrity": "sha512-+GPzk8PlG0sPpzdU5ZvIRMPidzAnZDl/s9L+y13iodqvb8leL53bTannOrQ/Im7UkpsmFU5Ily5U60LWixnmLg==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, "node_modules/@eslint/core": { - "version": "0.7.0", - "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.7.0.tgz", - "integrity": "sha512-xp5Jirz5DyPYlPiKat8jaq0EmYvDXKKpzTbxXMpT9eqlRJkRKIz9AGMdlvYjih+im+QlhWrpvVjl8IPC/lHlUw==", + "version": "0.14.0", + "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.14.0.tgz", + "integrity": "sha512-qIbV0/JZr7iSDjqAc60IqbLdsj9GDt16xQtWD+B78d/HAlvysGdZZ6rpJHGAc2T0FQx1X6thsSPdnoiGKdNtdg==", "dev": true, "license": "Apache-2.0", + "dependencies": { + "@types/json-schema": "^7.0.15" + }, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" } }, "node_modules/@eslint/eslintrc": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.1.0.tgz", - "integrity": "sha512-4Bfj15dVJdoy3RfZmmo86RK1Fwzn6SstsvK9JS+BaVKqC6QQQQyXekNaC+g+LKNgkQ+2VhGAzm6hO40AhMR3zQ==", + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.1.tgz", + "integrity": "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==", "dev": true, "license": "MIT", "dependencies": { @@ -3248,6 +3266,16 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/@eslint/eslintrc/node_modules/ignore": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz", + "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 4" + } + }, "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": { "version": "0.4.1", "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", @@ -3269,19 +3297,22 @@ } }, "node_modules/@eslint/js": { - "version": "9.14.0", - "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.14.0.tgz", - "integrity": "sha512-pFoEtFWCPyDOl+C6Ift+wC7Ro89otjigCf5vcuWqWgqNSQbRrpjSvdeE6ofLz4dHmyxD5f7gIdGT4+p36L6Twg==", + "version": "9.28.0", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.28.0.tgz", + "integrity": "sha512-fnqSjGWd/CoIp4EXIxWVK/sHA6DOHN4+8Ix2cX5ycOY7LG0UY8nHCU5pIp2eaE1Mc7Qd8kHspYNzYXT2ojPLzg==", "dev": true, "license": "MIT", "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://eslint.org/donate" } }, "node_modules/@eslint/object-schema": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.4.tgz", - "integrity": "sha512-BsWiH1yFGjXXS2yvrf5LyuoSIIbPrGUWob917o+BTKuZ7qJdxX8aJLRxs1fS9n6r7vESrq1OUqb68dANcFXuQQ==", + "version": "2.1.6", + "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.6.tgz", + "integrity": "sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==", "dev": true, "license": "Apache-2.0", "engines": { @@ -3289,12 +3320,13 @@ } }, "node_modules/@eslint/plugin-kit": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.2.tgz", - "integrity": "sha512-CXtq5nR4Su+2I47WPOlWud98Y5Lv8Kyxp2ukhgFx/eW6Blm18VXJO5WuQylPugRo8nbluoi6GvvxBLqHcvqUUw==", + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.1.tgz", + "integrity": "sha512-0J+zgWxHN+xXONWIyPWKFMgVuJoZuGiIFu8yxk7RJjxkzpGmyja5wRFqZIVtjDVOQpV+Rw0iOAjYPE2eQyjr0w==", "dev": true, "license": "Apache-2.0", "dependencies": { + "@eslint/core": "^0.14.0", "levn": "^0.4.1" }, "engines": { @@ -3354,9 +3386,9 @@ } }, "node_modules/@humanwhocodes/retry": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.1.tgz", - "integrity": "sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==", + "version": "0.4.3", + "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz", + "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==", "dev": true, "license": "Apache-2.0", "engines": { @@ -3368,117 +3400,130 @@ } }, "node_modules/@inquirer/checkbox": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-2.5.0.tgz", - "integrity": "sha512-sMgdETOfi2dUHT8r7TT1BTKOwNvdDGFDXYWtQ2J69SvlYNntk9I/gJe7r5yvMwwsuKnYbuRs3pNhx4tgNck5aA==", + "version": "4.1.8", + "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-4.1.8.tgz", + "integrity": "sha512-d/QAsnwuHX2OPolxvYcgSj7A9DO9H6gVOy2DvBTx+P2LH2iRTo/RSGV3iwCzW024nP9hw98KIuDmdyhZQj1UQg==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^9.1.0", - "@inquirer/figures": "^1.0.5", - "@inquirer/type": "^1.5.3", + "@inquirer/core": "^10.1.13", + "@inquirer/figures": "^1.0.12", + "@inquirer/type": "^3.0.7", "ansi-escapes": "^4.3.2", "yoctocolors-cjs": "^2.1.2" }, "engines": { "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } } }, "node_modules/@inquirer/confirm": { - "version": "3.1.22", - "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-3.1.22.tgz", - "integrity": "sha512-gsAKIOWBm2Q87CDfs9fEo7wJT3fwWIJfnDGMn9Qy74gBnNFOACDNfhUzovubbJjWnKLGBln7/NcSmZwj5DuEXg==", + "version": "5.1.6", + "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-5.1.6.tgz", + "integrity": "sha512-6ZXYK3M1XmaVBZX6FCfChgtponnL0R6I7k8Nu+kaoNkT828FVZTcca1MqmWQipaW2oNREQl5AaPCUOOCVNdRMw==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^9.0.10", - "@inquirer/type": "^1.5.2" + "@inquirer/core": "^10.1.7", + "@inquirer/type": "^3.0.4" }, "engines": { "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } } }, "node_modules/@inquirer/core": { - "version": "9.2.1", - "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-9.2.1.tgz", - "integrity": "sha512-F2VBt7W/mwqEU4bL0RnHNZmC/OxzNx9cOYxHqnXX3MP6ruYvZUZAW9imgN9+h/uBT/oP8Gh888J2OZSbjSeWcg==", + "version": "10.1.13", + "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-10.1.13.tgz", + "integrity": "sha512-1viSxebkYN2nJULlzCxES6G9/stgHSepZ9LqqfdIGPHj5OHhiBUXVS0a6R0bEC2A+VL4D9w6QB66ebCr6HGllA==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/figures": "^1.0.6", - "@inquirer/type": "^2.0.0", - "@types/mute-stream": "^0.0.4", - "@types/node": "^22.5.5", - "@types/wrap-ansi": "^3.0.0", + "@inquirer/figures": "^1.0.12", + "@inquirer/type": "^3.0.7", "ansi-escapes": "^4.3.2", "cli-width": "^4.1.0", - "mute-stream": "^1.0.0", + "mute-stream": "^2.0.0", "signal-exit": "^4.1.0", - "strip-ansi": "^6.0.1", "wrap-ansi": "^6.2.0", "yoctocolors-cjs": "^2.1.2" }, "engines": { "node": ">=18" - } - }, - "node_modules/@inquirer/core/node_modules/@inquirer/type": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-2.0.0.tgz", - "integrity": "sha512-XvJRx+2KR3YXyYtPUUy+qd9i7p+GO9Ko6VIIpWlBrpWwXDv8WLFeHTxz35CfQFUiBMLXlGHhGzys7lqit9gWag==", - "dev": true, - "license": "MIT", - "dependencies": { - "mute-stream": "^1.0.0" }, - "engines": { - "node": ">=18" - } - }, - "node_modules/@inquirer/core/node_modules/@types/node": { - "version": "22.9.0", - "resolved": "https://registry.npmjs.org/@types/node/-/node-22.9.0.tgz", - "integrity": "sha512-vuyHg81vvWA1Z1ELfvLko2c8f34gyA0zaic0+Rllc5lbCnbSyuvb2Oxpm6TAUAC/2xZN3QGqxBNggD1nNR2AfQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "undici-types": "~6.19.8" + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } } }, "node_modules/@inquirer/editor": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-2.2.0.tgz", - "integrity": "sha512-9KHOpJ+dIL5SZli8lJ6xdaYLPPzB8xB9GZItg39MBybzhxA16vxmszmQFrRwbOA918WA2rvu8xhDEg/p6LXKbw==", + "version": "4.2.13", + "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-4.2.13.tgz", + "integrity": "sha512-WbicD9SUQt/K8O5Vyk9iC2ojq5RHoCLK6itpp2fHsWe44VxxcA9z3GTWlvjSTGmMQpZr+lbVmrxdHcumJoLbMA==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^9.1.0", - "@inquirer/type": "^1.5.3", + "@inquirer/core": "^10.1.13", + "@inquirer/type": "^3.0.7", "external-editor": "^3.1.0" }, "engines": { "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } } }, "node_modules/@inquirer/expand": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-2.3.0.tgz", - "integrity": "sha512-qnJsUcOGCSG1e5DTOErmv2BPQqrtT6uzqn1vI/aYGiPKq+FgslGZmtdnXbhuI7IlT7OByDoEEqdnhUnVR2hhLw==", + "version": "4.0.15", + "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-4.0.15.tgz", + "integrity": "sha512-4Y+pbr/U9Qcvf+N/goHzPEXiHH8680lM3Dr3Y9h9FFw4gHS+zVpbj8LfbKWIb/jayIB4aSO4pWiBTrBYWkvi5A==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^9.1.0", - "@inquirer/type": "^1.5.3", + "@inquirer/core": "^10.1.13", + "@inquirer/type": "^3.0.7", "yoctocolors-cjs": "^2.1.2" }, "engines": { "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } } }, "node_modules/@inquirer/figures": { - "version": "1.0.8", - "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.8.tgz", - "integrity": "sha512-tKd+jsmhq21AP1LhexC0pPwsCxEhGgAkg28byjJAd+xhmIs8LUX8JbUc3vBf3PhLxWiB5EvyBE5X7JSPAqMAqg==", + "version": "1.0.12", + "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.12.tgz", + "integrity": "sha512-MJttijd8rMFcKJC8NYmprWr6hD3r9Gd9qUC0XwPNwoEPWSMVJwA2MlXxF+nhZZNMY+HXsWa+o7KY2emWYIn0jQ==", "dev": true, "license": "MIT", "engines": { @@ -3486,129 +3531,190 @@ } }, "node_modules/@inquirer/input": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-2.3.0.tgz", - "integrity": "sha512-XfnpCStx2xgh1LIRqPXrTNEEByqQWoxsWYzNRSEUxJ5c6EQlhMogJ3vHKu8aXuTacebtaZzMAHwEL0kAflKOBw==", + "version": "4.1.12", + "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-4.1.12.tgz", + "integrity": "sha512-xJ6PFZpDjC+tC1P8ImGprgcsrzQRsUh9aH3IZixm1lAZFK49UGHxM3ltFfuInN2kPYNfyoPRh+tU4ftsjPLKqQ==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^9.1.0", - "@inquirer/type": "^1.5.3" + "@inquirer/core": "^10.1.13", + "@inquirer/type": "^3.0.7" }, "engines": { "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } } }, "node_modules/@inquirer/number": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-1.1.0.tgz", - "integrity": "sha512-ilUnia/GZUtfSZy3YEErXLJ2Sljo/mf9fiKc08n18DdwdmDbOzRcTv65H1jjDvlsAuvdFXf4Sa/aL7iw/NanVA==", + "version": "3.0.15", + "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-3.0.15.tgz", + "integrity": "sha512-xWg+iYfqdhRiM55MvqiTCleHzszpoigUpN5+t1OMcRkJrUrw7va3AzXaxvS+Ak7Gny0j2mFSTv2JJj8sMtbV2g==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^9.1.0", - "@inquirer/type": "^1.5.3" + "@inquirer/core": "^10.1.13", + "@inquirer/type": "^3.0.7" }, "engines": { "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } } }, "node_modules/@inquirer/password": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-2.2.0.tgz", - "integrity": "sha512-5otqIpgsPYIshqhgtEwSspBQE40etouR8VIxzpJkv9i0dVHIpyhiivbkH9/dGiMLdyamT54YRdGJLfl8TFnLHg==", + "version": "4.0.15", + "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-4.0.15.tgz", + "integrity": "sha512-75CT2p43DGEnfGTaqFpbDC2p2EEMrq0S+IRrf9iJvYreMy5mAWj087+mdKyLHapUEPLjN10mNvABpGbk8Wdraw==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^9.1.0", - "@inquirer/type": "^1.5.3", + "@inquirer/core": "^10.1.13", + "@inquirer/type": "^3.0.7", "ansi-escapes": "^4.3.2" }, "engines": { "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } } }, "node_modules/@inquirer/prompts": { - "version": "5.3.8", - "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-5.3.8.tgz", - "integrity": "sha512-b2BudQY/Si4Y2a0PdZZL6BeJtl8llgeZa7U2j47aaJSCeAl1e4UI7y8a9bSkO3o/ZbZrgT5muy/34JbsjfIWxA==", + "version": "7.3.2", + "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-7.3.2.tgz", + "integrity": "sha512-G1ytyOoHh5BphmEBxSwALin3n1KGNYB6yImbICcRQdzXfOGbuJ9Jske/Of5Sebk339NSGGNfUshnzK8YWkTPsQ==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/checkbox": "^2.4.7", - "@inquirer/confirm": "^3.1.22", - "@inquirer/editor": "^2.1.22", - "@inquirer/expand": "^2.1.22", - "@inquirer/input": "^2.2.9", - "@inquirer/number": "^1.0.10", - "@inquirer/password": "^2.1.22", - "@inquirer/rawlist": "^2.2.4", - "@inquirer/search": "^1.0.7", - "@inquirer/select": "^2.4.7" + "@inquirer/checkbox": "^4.1.2", + "@inquirer/confirm": "^5.1.6", + "@inquirer/editor": "^4.2.7", + "@inquirer/expand": "^4.0.9", + "@inquirer/input": "^4.1.6", + "@inquirer/number": "^3.0.9", + "@inquirer/password": "^4.0.9", + "@inquirer/rawlist": "^4.0.9", + "@inquirer/search": "^3.0.9", + "@inquirer/select": "^4.0.9" }, "engines": { "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } } }, "node_modules/@inquirer/rawlist": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-2.3.0.tgz", - "integrity": "sha512-zzfNuINhFF7OLAtGHfhwOW2TlYJyli7lOUoJUXw/uyklcwalV6WRXBXtFIicN8rTRK1XTiPWB4UY+YuW8dsnLQ==", + "version": "4.1.3", + "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-4.1.3.tgz", + "integrity": "sha512-7XrV//6kwYumNDSsvJIPeAqa8+p7GJh7H5kRuxirct2cgOcSWwwNGoXDRgpNFbY/MG2vQ4ccIWCi8+IXXyFMZA==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^9.1.0", - "@inquirer/type": "^1.5.3", + "@inquirer/core": "^10.1.13", + "@inquirer/type": "^3.0.7", "yoctocolors-cjs": "^2.1.2" }, "engines": { "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } } }, "node_modules/@inquirer/search": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-1.1.0.tgz", - "integrity": "sha512-h+/5LSj51dx7hp5xOn4QFnUaKeARwUCLs6mIhtkJ0JYPBLmEYjdHSYh7I6GrLg9LwpJ3xeX0FZgAG1q0QdCpVQ==", + "version": "3.0.15", + "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-3.0.15.tgz", + "integrity": "sha512-YBMwPxYBrADqyvP4nNItpwkBnGGglAvCLVW8u4pRmmvOsHUtCAUIMbUrLX5B3tFL1/WsLGdQ2HNzkqswMs5Uaw==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^9.1.0", - "@inquirer/figures": "^1.0.5", - "@inquirer/type": "^1.5.3", + "@inquirer/core": "^10.1.13", + "@inquirer/figures": "^1.0.12", + "@inquirer/type": "^3.0.7", "yoctocolors-cjs": "^2.1.2" }, "engines": { "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } } }, "node_modules/@inquirer/select": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-2.5.0.tgz", - "integrity": "sha512-YmDobTItPP3WcEI86GvPo+T2sRHkxxOq/kXmsBjHS5BVXUgvgZ5AfJjkvQvZr03T81NnI3KrrRuMzeuYUQRFOA==", + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-4.2.3.tgz", + "integrity": "sha512-OAGhXU0Cvh0PhLz9xTF/kx6g6x+sP+PcyTiLvCrewI99P3BBeexD+VbuwkNDvqGkk3y2h5ZiWLeRP7BFlhkUDg==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^9.1.0", - "@inquirer/figures": "^1.0.5", - "@inquirer/type": "^1.5.3", + "@inquirer/core": "^10.1.13", + "@inquirer/figures": "^1.0.12", + "@inquirer/type": "^3.0.7", "ansi-escapes": "^4.3.2", "yoctocolors-cjs": "^2.1.2" }, "engines": { "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } } }, "node_modules/@inquirer/type": { - "version": "1.5.5", - "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-1.5.5.tgz", - "integrity": "sha512-MzICLu4yS7V8AA61sANROZ9vT1H3ooca5dSmI1FjZkzq7o/koMsRfQSzRtFo+F3Ao4Sf1C0bpLKejpKB/+j6MA==", + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-3.0.7.tgz", + "integrity": "sha512-PfunHQcjwnju84L+ycmcMKB/pTPIngjUJvfnRhKY6FKPuYXlM4aQCb/nIdTFR6BEhMjFvngzvng/vBAJMZpLSA==", "dev": true, "license": "MIT", - "dependencies": { - "mute-stream": "^1.0.0" - }, "engines": { "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } } }, "node_modules/@isaacs/cliui": { @@ -3629,19 +3735,6 @@ "node": ">=12" } }, - "node_modules/@isaacs/cliui/node_modules/ansi-regex": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", - "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/chalk/ansi-regex?sponsor=1" - } - }, "node_modules/@isaacs/cliui/node_modules/ansi-styles": { "version": "6.2.1", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", @@ -3680,22 +3773,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/@isaacs/cliui/node_modules/strip-ansi": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", - "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "ansi-regex": "^6.0.1" - }, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/chalk/strip-ansi?sponsor=1" - } - }, "node_modules/@isaacs/cliui/node_modules/wrap-ansi": { "version": "8.1.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", @@ -3714,10 +3791,23 @@ "url": "https://github.com/chalk/wrap-ansi?sponsor=1" } }, - "node_modules/@istanbuljs/schema": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz", - "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==", + "node_modules/@isaacs/fs-minipass": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz", + "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==", + "dev": true, + "license": "ISC", + "dependencies": { + "minipass": "^7.0.4" + }, + "engines": { + "node": ">=18.0.0" + } + }, + "node_modules/@istanbuljs/schema": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz", + "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==", "dev": true, "license": "MIT", "engines": { @@ -3725,9 +3815,9 @@ } }, "node_modules/@jridgewell/gen-mapping": { - "version": "0.3.5", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz", - "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==", + "version": "0.3.8", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz", + "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==", "license": "MIT", "dependencies": { "@jridgewell/set-array": "^1.2.1", @@ -3801,9 +3891,9 @@ } }, "node_modules/@jsonjoy.com/json-pack": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-1.1.0.tgz", - "integrity": "sha512-zlQONA+msXPPwHWZMKFVS78ewFczIll5lXiVPwFPCZUsrOKdxc2AvxU1HoNBmMRhqDZUR9HkC3UOm+6pME6Xsg==", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-1.2.0.tgz", + "integrity": "sha512-io1zEbbYcElht3tdlqEOFxZ0dMTYrHz9iMf0gqn1pPjZFTCgM5R4R5IMA20Chb2UPYYsxjzs8CgZ7Nb5n2K2rA==", "dev": true, "license": "Apache-2.0", "dependencies": { @@ -3824,9 +3914,9 @@ } }, "node_modules/@jsonjoy.com/util": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/@jsonjoy.com/util/-/util-1.5.0.tgz", - "integrity": "sha512-ojoNsrIuPI9g6o8UxhraZQSyF2ByJanAY4cTFbc8Mf2AXEF4aQRGY1dJxyJpuyav8r9FGflEt/Ff3u5Nt6YMPA==", + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/@jsonjoy.com/util/-/util-1.6.0.tgz", + "integrity": "sha512-sw/RMbehRhN68WRtcKCpQOPfnH6lLP4GJfqzi3iYej8tnzpZUDr6UkZYJjcjjC0FWEJOJbyM3PTIwxucUmDG2A==", "dev": true, "license": "Apache-2.0", "engines": { @@ -3841,9 +3931,9 @@ } }, "node_modules/@kurkle/color": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.2.tgz", - "integrity": "sha512-fuscdXJ9G1qb7W8VdHi+IwRqij3lBkosAm4ydQtEmbY58OzHXqQhvlxqEkoz0yssNVn38bcpRWgA9PP+OGoisw==", + "version": "0.3.4", + "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.4.tgz", + "integrity": "sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==", "license": "MIT" }, "node_modules/@leichtgewicht/ip-codec": { @@ -3854,25 +3944,48 @@ "license": "MIT" }, "node_modules/@listr2/prompt-adapter-inquirer": { - "version": "2.0.15", - "resolved": "https://registry.npmjs.org/@listr2/prompt-adapter-inquirer/-/prompt-adapter-inquirer-2.0.15.tgz", - "integrity": "sha512-MZrGem/Ujjd4cPTLYDfCZK2iKKeiO/8OX13S6jqxldLs0Prf2aGqVlJ77nMBqMv7fzqgXEgjrNHLXcKR8l9lOg==", + "version": "2.0.18", + "resolved": "https://registry.npmjs.org/@listr2/prompt-adapter-inquirer/-/prompt-adapter-inquirer-2.0.18.tgz", + "integrity": "sha512-0hz44rAcrphyXcA8IS7EJ2SCoaBZD2u5goE8S/e+q/DL+dOGpqpcLidVOFeLG3VgML62SXmfRLAhWt0zL1oW4Q==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/type": "^1.5.1" + "@inquirer/type": "^1.5.5" }, "engines": { "node": ">=18.0.0" }, "peerDependencies": { - "@inquirer/prompts": ">= 3 < 6" + "@inquirer/prompts": ">= 3 < 8" + } + }, + "node_modules/@listr2/prompt-adapter-inquirer/node_modules/@inquirer/type": { + "version": "1.5.5", + "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-1.5.5.tgz", + "integrity": "sha512-MzICLu4yS7V8AA61sANROZ9vT1H3ooca5dSmI1FjZkzq7o/koMsRfQSzRtFo+F3Ao4Sf1C0bpLKejpKB/+j6MA==", + "dev": true, + "license": "MIT", + "dependencies": { + "mute-stream": "^1.0.0" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/@listr2/prompt-adapter-inquirer/node_modules/mute-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-1.0.0.tgz", + "integrity": "sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==", + "dev": true, + "license": "ISC", + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, "node_modules/@lmdb/lmdb-darwin-arm64": { - "version": "3.0.13", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.0.13.tgz", - "integrity": "sha512-uiKPB0Fv6WEEOZjruu9a6wnW/8jrjzlZbxXscMB8kuCJ1k6kHpcBnuvaAWcqhbI7rqX5GKziwWEdD+wi2gNLfA==", + "version": "3.2.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.2.6.tgz", + "integrity": "sha512-yF/ih9EJJZc72psFQbwnn8mExIWfTnzWJg+N02hnpXtDPETYLmQswIMBn7+V88lfCaFrMozJsUvcEQIkEPU0Gg==", "cpu": [ "arm64" ], @@ -3884,9 +3997,9 @@ ] }, "node_modules/@lmdb/lmdb-darwin-x64": { - "version": "3.0.13", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.0.13.tgz", - "integrity": "sha512-bEVIIfK5mSQoG1R19qA+fJOvCB+0wVGGnXHT3smchBVahYBdlPn2OsZZKzlHWfb1E+PhLBmYfqB5zQXFP7hJig==", + "version": "3.2.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.2.6.tgz", + "integrity": "sha512-5BbCumsFLbCi586Bb1lTWQFkekdQUw8/t8cy++Uq251cl3hbDIGEwD9HAwh8H6IS2F6QA9KdKmO136LmipRNkg==", "cpu": [ "x64" ], @@ -3898,9 +4011,9 @@ ] }, "node_modules/@lmdb/lmdb-linux-arm": { - "version": "3.0.13", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.0.13.tgz", - "integrity": "sha512-Yml1KlMzOnXj/tnW7yX8U78iAzTk39aILYvCPbqeewAq1kSzl+w59k/fiVkTBfvDi/oW/5YRxL+Fq+Y1Fr1r2Q==", + "version": "3.2.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.2.6.tgz", + "integrity": "sha512-+6XgLpMb7HBoWxXj+bLbiiB4s0mRRcDPElnRS3LpWRzdYSe+gFk5MT/4RrVNqd2MESUDmb53NUXw1+BP69bjiQ==", "cpu": [ "arm" ], @@ -3912,9 +4025,9 @@ ] }, "node_modules/@lmdb/lmdb-linux-arm64": { - "version": "3.0.13", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.0.13.tgz", - "integrity": "sha512-afbVrsMgZ9dUTNUchFpj5VkmJRxvht/u335jUJ7o23YTbNbnpmXif3VKQGCtnjSh+CZaqm6N3CPG8KO3zwyZ1Q==", + "version": "3.2.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.2.6.tgz", + "integrity": "sha512-l5VmJamJ3nyMmeD1ANBQCQqy7do1ESaJQfKPSm2IG9/ADZryptTyCj8N6QaYgIWewqNUrcbdMkJajRQAt5Qjfg==", "cpu": [ "arm64" ], @@ -3926,9 +4039,9 @@ ] }, "node_modules/@lmdb/lmdb-linux-x64": { - "version": "3.0.13", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.0.13.tgz", - "integrity": "sha512-vOtxu0xC0SLdQ2WRXg8Qgd8T32ak4SPqk5zjItRszrJk2BdeXqfGxBJbP7o4aOvSPSmSSv46Lr1EP4HXU8v7Kg==", + "version": "3.2.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.2.6.tgz", + "integrity": "sha512-nDYT8qN9si5+onHYYaI4DiauDMx24OAiuZAUsEqrDy+ja/3EbpXPX/VAkMV8AEaQhy3xc4dRC+KcYIvOFefJ4Q==", "cpu": [ "x64" ], @@ -3940,9 +4053,9 @@ ] }, "node_modules/@lmdb/lmdb-win32-x64": { - "version": "3.0.13", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.0.13.tgz", - "integrity": "sha512-UCrMJQY/gJnOl3XgbWRZZUvGGBuKy6i0YNSptgMzHBjs+QYDYR1Mt/RLTOPy4fzzves65O1EDmlL//OzEqoLlA==", + "version": "3.2.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.2.6.tgz", + "integrity": "sha512-XlqVtILonQnG+9fH2N3Aytria7P/1fwDgDhl29rde96uH2sLB8CHORIf2PfuLVzFQJ7Uqp8py9AYwr3ZUCFfWg==", "cpu": [ "x64" ], @@ -4037,10 +4150,315 @@ "win32" ] }, + "node_modules/@napi-rs/nice": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice/-/nice-1.0.1.tgz", + "integrity": "sha512-zM0mVWSXE0a0h9aKACLwKmD6nHcRiKrPpCfvaKqG1CqDEyjEawId0ocXxVzPMCAm6kkWr2P025msfxXEnt8UGQ==", + "dev": true, + "license": "MIT", + "optional": true, + "engines": { + "node": ">= 10" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/Brooooooklyn" + }, + "optionalDependencies": { + "@napi-rs/nice-android-arm-eabi": "1.0.1", + "@napi-rs/nice-android-arm64": "1.0.1", + "@napi-rs/nice-darwin-arm64": "1.0.1", + "@napi-rs/nice-darwin-x64": "1.0.1", + "@napi-rs/nice-freebsd-x64": "1.0.1", + "@napi-rs/nice-linux-arm-gnueabihf": "1.0.1", + "@napi-rs/nice-linux-arm64-gnu": "1.0.1", + "@napi-rs/nice-linux-arm64-musl": "1.0.1", + "@napi-rs/nice-linux-ppc64-gnu": "1.0.1", + "@napi-rs/nice-linux-riscv64-gnu": "1.0.1", + "@napi-rs/nice-linux-s390x-gnu": "1.0.1", + "@napi-rs/nice-linux-x64-gnu": "1.0.1", + "@napi-rs/nice-linux-x64-musl": "1.0.1", + "@napi-rs/nice-win32-arm64-msvc": "1.0.1", + "@napi-rs/nice-win32-ia32-msvc": "1.0.1", + "@napi-rs/nice-win32-x64-msvc": "1.0.1" + } + }, + "node_modules/@napi-rs/nice-android-arm-eabi": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-android-arm-eabi/-/nice-android-arm-eabi-1.0.1.tgz", + "integrity": "sha512-5qpvOu5IGwDo7MEKVqqyAxF90I6aLj4n07OzpARdgDRfz8UbBztTByBp0RC59r3J1Ij8uzYi6jI7r5Lws7nn6w==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-android-arm64": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-android-arm64/-/nice-android-arm64-1.0.1.tgz", + "integrity": "sha512-GqvXL0P8fZ+mQqG1g0o4AO9hJjQaeYG84FRfZaYjyJtZZZcMjXW5TwkL8Y8UApheJgyE13TQ4YNUssQaTgTyvA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-darwin-arm64": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-darwin-arm64/-/nice-darwin-arm64-1.0.1.tgz", + "integrity": "sha512-91k3HEqUl2fsrz/sKkuEkscj6EAj3/eZNCLqzD2AA0TtVbkQi8nqxZCZDMkfklULmxLkMxuUdKe7RvG/T6s2AA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-darwin-x64": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-darwin-x64/-/nice-darwin-x64-1.0.1.tgz", + "integrity": "sha512-jXnMleYSIR/+TAN/p5u+NkCA7yidgswx5ftqzXdD5wgy/hNR92oerTXHc0jrlBisbd7DpzoaGY4cFD7Sm5GlgQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-freebsd-x64": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-freebsd-x64/-/nice-freebsd-x64-1.0.1.tgz", + "integrity": "sha512-j+iJ/ezONXRQsVIB/FJfwjeQXX7A2tf3gEXs4WUGFrJjpe/z2KB7sOv6zpkm08PofF36C9S7wTNuzHZ/Iiccfw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-arm-gnueabihf": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm-gnueabihf/-/nice-linux-arm-gnueabihf-1.0.1.tgz", + "integrity": "sha512-G8RgJ8FYXYkkSGQwywAUh84m946UTn6l03/vmEXBYNJxQJcD+I3B3k5jmjFG/OPiU8DfvxutOP8bi+F89MCV7Q==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-arm64-gnu": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm64-gnu/-/nice-linux-arm64-gnu-1.0.1.tgz", + "integrity": "sha512-IMDak59/W5JSab1oZvmNbrms3mHqcreaCeClUjwlwDr0m3BoR09ZiN8cKFBzuSlXgRdZ4PNqCYNeGQv7YMTjuA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-arm64-musl": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm64-musl/-/nice-linux-arm64-musl-1.0.1.tgz", + "integrity": "sha512-wG8fa2VKuWM4CfjOjjRX9YLIbysSVV1S3Kgm2Fnc67ap/soHBeYZa6AGMeR5BJAylYRjnoVOzV19Cmkco3QEPw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-ppc64-gnu": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-ppc64-gnu/-/nice-linux-ppc64-gnu-1.0.1.tgz", + "integrity": "sha512-lxQ9WrBf0IlNTCA9oS2jg/iAjQyTI6JHzABV664LLrLA/SIdD+I1i3Mjf7TsnoUbgopBcCuDztVLfJ0q9ubf6Q==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-riscv64-gnu": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-riscv64-gnu/-/nice-linux-riscv64-gnu-1.0.1.tgz", + "integrity": "sha512-3xs69dO8WSWBb13KBVex+yvxmUeEsdWexxibqskzoKaWx9AIqkMbWmE2npkazJoopPKX2ULKd8Fm9veEn0g4Ig==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-s390x-gnu": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-s390x-gnu/-/nice-linux-s390x-gnu-1.0.1.tgz", + "integrity": "sha512-lMFI3i9rlW7hgToyAzTaEybQYGbQHDrpRkg+1gJWEpH0PLAQoZ8jiY0IzakLfNWnVda1eTYYlxxFYzW8Rqczkg==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-x64-gnu": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-x64-gnu/-/nice-linux-x64-gnu-1.0.1.tgz", + "integrity": "sha512-XQAJs7DRN2GpLN6Fb+ZdGFeYZDdGl2Fn3TmFlqEL5JorgWKrQGRUrpGKbgZ25UeZPILuTKJ+OowG2avN8mThBA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-x64-musl": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-x64-musl/-/nice-linux-x64-musl-1.0.1.tgz", + "integrity": "sha512-/rodHpRSgiI9o1faq9SZOp/o2QkKQg7T+DK0R5AkbnI/YxvAIEHf2cngjYzLMQSQgUhxym+LFr+UGZx4vK4QdQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-win32-arm64-msvc": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-arm64-msvc/-/nice-win32-arm64-msvc-1.0.1.tgz", + "integrity": "sha512-rEcz9vZymaCB3OqEXoHnp9YViLct8ugF+6uO5McifTedjq4QMQs3DHz35xBEGhH3gJWEsXMUbzazkz5KNM5YUg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-win32-ia32-msvc": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-ia32-msvc/-/nice-win32-ia32-msvc-1.0.1.tgz", + "integrity": "sha512-t7eBAyPUrWL8su3gDxw9xxxqNwZzAqKo0Szv3IjVQd1GpXXVkb6vBBQUuxfIYaXMzZLwlxRQ7uzM2vdUE9ULGw==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-win32-x64-msvc": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-x64-msvc/-/nice-win32-x64-msvc-1.0.1.tgz", + "integrity": "sha512-JlF+uDcatt3St2ntBG8H02F1mM45i5SF9W+bIKiReVE6wiy3o16oBP/yxt+RZ+N6LbCImJXJ6bXNO2kn9AXicg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, "node_modules/@ngtools/webpack": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-18.2.12.tgz", - "integrity": "sha512-FFJAwtWbtpncMOVNuULPBwFJB7GSjiUwO93eGTzRp8O4EPQ8lCQeFbezQm/NP34+T0+GBLGzPSuQT+muob8YKw==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-19.2.14.tgz", + "integrity": "sha512-PqrY+eeSUoF6JC6NCEQRPE/0Y2umSllD/fsDE6pnQrvGfztBpj0Jt1WMhgEI8BBcl4S7QW0LhPynkBmnCvTUmw==", "dev": true, "license": "MIT", "engines": { @@ -4049,8 +4467,8 @@ "yarn": ">= 1.13.0" }, "peerDependencies": { - "@angular/compiler-cli": "^18.0.0", - "typescript": ">=5.4 <5.6", + "@angular/compiler-cli": "^19.0.0 || ^19.2.0-next.0", + "typescript": ">=5.5 <5.9", "webpack": "^5.54.0" } }, @@ -4090,9 +4508,9 @@ } }, "node_modules/@npmcli/agent": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-2.2.2.tgz", - "integrity": "sha512-OrcNPXdpSl9UX7qPVRWbmWMCSXrcDa2M9DvrbOTj7ao1S4PlqVFYv9/yLKMkrJKZ/V5A/kDBC690or307i26Og==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-3.0.0.tgz", + "integrity": "sha512-S79NdEgDQd/NGCay6TCoVzXSj74skRZIKJcpJjC5lOq34SZzyI6MqtiiWoiVWoVrTcGjNeC4ipbh1VIHlpfF5Q==", "dev": true, "license": "ISC", "dependencies": { @@ -4103,7 +4521,7 @@ "socks-proxy-agent": "^8.0.3" }, "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/@npmcli/agent/node_modules/lru-cache": { @@ -4114,37 +4532,36 @@ "license": "ISC" }, "node_modules/@npmcli/fs": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-3.1.1.tgz", - "integrity": "sha512-q9CRWjpHCMIh5sVyefoD1cA7PkvILqCZsnSOEUUivORLjxCO/Irmue2DprETiNgEqktDBZaM1Bi+jrarx1XdCg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-4.0.0.tgz", + "integrity": "sha512-/xGlezI6xfGO9NwuJlnwz/K14qD1kCSAGtacBHnGzeAIuJGazcp45KP5NuyARXoKb7cwulAGWVsbeSxdG/cb0Q==", "dev": true, "license": "ISC", "dependencies": { "semver": "^7.3.5" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/@npmcli/git": { - "version": "5.0.8", - "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-5.0.8.tgz", - "integrity": "sha512-liASfw5cqhjNW9UFd+ruwwdEf/lbOAQjLL2XY2dFW/bkJheXDYZgOyul/4gVvEV4BWkTXjYGmDqMw9uegdbJNQ==", + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-6.0.3.tgz", + "integrity": "sha512-GUYESQlxZRAdhs3UhbB6pVRNUELQOHXwK9ruDkwmCv2aZ5y0SApQzUJCg02p3A7Ue2J5hxvlk1YI53c00NmRyQ==", "dev": true, "license": "ISC", "dependencies": { - "@npmcli/promise-spawn": "^7.0.0", - "ini": "^4.1.3", + "@npmcli/promise-spawn": "^8.0.0", + "ini": "^5.0.0", "lru-cache": "^10.0.1", - "npm-pick-manifest": "^9.0.0", - "proc-log": "^4.0.0", - "promise-inflight": "^1.0.1", + "npm-pick-manifest": "^10.0.0", + "proc-log": "^5.0.0", "promise-retry": "^2.0.1", "semver": "^7.3.5", - "which": "^4.0.0" + "which": "^5.0.0" }, "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/@npmcli/git/node_modules/isexe": { @@ -4165,9 +4582,9 @@ "license": "ISC" }, "node_modules/@npmcli/git/node_modules/which": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz", - "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz", + "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==", "dev": true, "license": "ISC", "dependencies": { @@ -4177,53 +4594,53 @@ "node-which": "bin/which.js" }, "engines": { - "node": "^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/@npmcli/installed-package-contents": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/@npmcli/installed-package-contents/-/installed-package-contents-2.1.0.tgz", - "integrity": "sha512-c8UuGLeZpm69BryRykLuKRyKFZYJsZSCT4aVY5ds4omyZqJ172ApzgfKJ5eV/r3HgLdUYgFVe54KSFVjKoe27w==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@npmcli/installed-package-contents/-/installed-package-contents-3.0.0.tgz", + "integrity": "sha512-fkxoPuFGvxyrH+OQzyTkX2LUEamrF4jZSmxjAtPPHHGO0dqsQ8tTKjnIS8SAnPHdk2I03BDtSMR5K/4loKg79Q==", "dev": true, "license": "ISC", "dependencies": { - "npm-bundled": "^3.0.0", - "npm-normalize-package-bin": "^3.0.0" + "npm-bundled": "^4.0.0", + "npm-normalize-package-bin": "^4.0.0" }, "bin": { "installed-package-contents": "bin/index.js" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/@npmcli/node-gyp": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/@npmcli/node-gyp/-/node-gyp-3.0.0.tgz", - "integrity": "sha512-gp8pRXC2oOxu0DUE1/M3bYtb1b3/DbJ5aM113+XJBgfXdussRAsX0YOrOhdd8WvnAR6auDBvJomGAkLKA5ydxA==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@npmcli/node-gyp/-/node-gyp-4.0.0.tgz", + "integrity": "sha512-+t5DZ6mO/QFh78PByMq1fGSAub/agLJZDRfJRMeOSNCt8s9YVlTjmGpIPwPhvXTGUIJk+WszlT0rQa1W33yzNA==", "dev": true, "license": "ISC", "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/@npmcli/package-json": { - "version": "5.2.1", - "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-5.2.1.tgz", - "integrity": "sha512-f7zYC6kQautXHvNbLEWgD/uGu1+xCn9izgqBfgItWSx22U0ZDekxN08A1vM8cTxj/cRVe0Q94Ode+tdoYmIOOQ==", + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-6.2.0.tgz", + "integrity": "sha512-rCNLSB/JzNvot0SEyXqWZ7tX2B5dD2a1br2Dp0vSYVo5jh8Z0EZ7lS9TsZ1UtziddB1UfNUaMCc538/HztnJGA==", "dev": true, "license": "ISC", "dependencies": { - "@npmcli/git": "^5.0.0", + "@npmcli/git": "^6.0.0", "glob": "^10.2.2", - "hosted-git-info": "^7.0.0", - "json-parse-even-better-errors": "^3.0.0", - "normalize-package-data": "^6.0.0", - "proc-log": "^4.0.0", - "semver": "^7.5.3" + "hosted-git-info": "^8.0.0", + "json-parse-even-better-errors": "^4.0.0", + "proc-log": "^5.0.0", + "semver": "^7.5.3", + "validate-npm-package-license": "^3.0.4" }, "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/@npmcli/package-json/node_modules/glob": { @@ -4248,16 +4665,16 @@ } }, "node_modules/@npmcli/promise-spawn": { - "version": "7.0.2", - "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-7.0.2.tgz", - "integrity": "sha512-xhfYPXoV5Dy4UkY0D+v2KkwvnDfiA/8Mt3sWCGI/hM03NsYIH8ZaG6QzS9x7pje5vHZBZJ2v6VRFVTWACnqcmQ==", + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-8.0.2.tgz", + "integrity": "sha512-/bNJhjc+o6qL+Dwz/bqfTQClkEO5nTQ1ZEcdCkAQjhkZMHIh22LPG7fNh1enJP1NKWDqYiiABnjFCY7E0zHYtQ==", "dev": true, "license": "ISC", "dependencies": { - "which": "^4.0.0" + "which": "^5.0.0" }, "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/@npmcli/promise-spawn/node_modules/isexe": { @@ -4265,81 +4682,413 @@ "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz", "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==", "dev": true, - "license": "ISC", + "license": "ISC", + "engines": { + "node": ">=16" + } + }, + "node_modules/@npmcli/promise-spawn/node_modules/which": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz", + "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "isexe": "^3.1.1" + }, + "bin": { + "node-which": "bin/which.js" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@npmcli/redact": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/@npmcli/redact/-/redact-3.2.2.tgz", + "integrity": "sha512-7VmYAmk4csGv08QzrDKScdzn11jHPFGyqJW39FyPgPuAp3zIaUmuCo1yxw9aGs+NEJuTGQ9Gwqpt93vtJubucg==", + "dev": true, + "license": "ISC", + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@npmcli/run-script": { + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-9.1.0.tgz", + "integrity": "sha512-aoNSbxtkePXUlbZB+anS1LqsJdctG5n3UVhfU47+CDdwMi6uNTBMF9gPcQRnqghQd2FGzcwwIFBruFMxjhBewg==", + "dev": true, + "license": "ISC", + "dependencies": { + "@npmcli/node-gyp": "^4.0.0", + "@npmcli/package-json": "^6.0.0", + "@npmcli/promise-spawn": "^8.0.0", + "node-gyp": "^11.0.0", + "proc-log": "^5.0.0", + "which": "^5.0.0" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@npmcli/run-script/node_modules/isexe": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz", + "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=16" + } + }, + "node_modules/@npmcli/run-script/node_modules/which": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz", + "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "isexe": "^3.1.1" + }, + "bin": { + "node-which": "bin/which.js" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@parcel/watcher": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz", + "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "dependencies": { + "detect-libc": "^1.0.3", + "is-glob": "^4.0.3", + "micromatch": "^4.0.5", + "node-addon-api": "^7.0.0" + }, + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "@parcel/watcher-android-arm64": "2.5.1", + "@parcel/watcher-darwin-arm64": "2.5.1", + "@parcel/watcher-darwin-x64": "2.5.1", + "@parcel/watcher-freebsd-x64": "2.5.1", + "@parcel/watcher-linux-arm-glibc": "2.5.1", + "@parcel/watcher-linux-arm-musl": "2.5.1", + "@parcel/watcher-linux-arm64-glibc": "2.5.1", + "@parcel/watcher-linux-arm64-musl": "2.5.1", + "@parcel/watcher-linux-x64-glibc": "2.5.1", + "@parcel/watcher-linux-x64-musl": "2.5.1", + "@parcel/watcher-win32-arm64": "2.5.1", + "@parcel/watcher-win32-ia32": "2.5.1", + "@parcel/watcher-win32-x64": "2.5.1" + } + }, + "node_modules/@parcel/watcher-android-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz", + "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz", + "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz", + "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-freebsd-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz", + "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz", + "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz", + "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz", + "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz", + "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz", + "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=16" + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/@npmcli/promise-spawn/node_modules/which": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz", - "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==", + "node_modules/@parcel/watcher-linux-x64-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz", + "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==", + "cpu": [ + "x64" + ], "dev": true, - "license": "ISC", - "dependencies": { - "isexe": "^3.1.1" - }, - "bin": { - "node-which": "bin/which.js" - }, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": "^16.13.0 || >=18.0.0" + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/@npmcli/redact": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/@npmcli/redact/-/redact-2.0.1.tgz", - "integrity": "sha512-YgsR5jCQZhVmTJvjduTOIHph0L73pK8xwMVaDY0PatySqVM9AZj93jpoXYSJqfHFxFkN9dmqTw6OiqExsS3LPw==", + "node_modules/@parcel/watcher-win32-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz", + "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "ISC", + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/@npmcli/run-script": { - "version": "8.1.0", - "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-8.1.0.tgz", - "integrity": "sha512-y7efHHwghQfk28G2z3tlZ67pLG0XdfYbcVG26r7YIXALRsrVQcTq4/tdenSmdOrEsNahIYA/eh8aEVROWGFUDg==", + "node_modules/@parcel/watcher-win32-ia32": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz", + "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==", + "cpu": [ + "ia32" + ], "dev": true, - "license": "ISC", - "dependencies": { - "@npmcli/node-gyp": "^3.0.0", - "@npmcli/package-json": "^5.0.0", - "@npmcli/promise-spawn": "^7.0.0", - "node-gyp": "^10.0.0", - "proc-log": "^4.0.0", - "which": "^4.0.0" - }, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/@npmcli/run-script/node_modules/isexe": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz", - "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==", + "node_modules/@parcel/watcher-win32-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz", + "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==", + "cpu": [ + "x64" + ], "dev": true, - "license": "ISC", + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], "engines": { - "node": ">=16" + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/@npmcli/run-script/node_modules/which": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz", - "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==", + "node_modules/@parcel/watcher/node_modules/detect-libc": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", + "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==", "dev": true, - "license": "ISC", - "dependencies": { - "isexe": "^3.1.1" - }, + "license": "Apache-2.0", + "optional": true, "bin": { - "node-which": "bin/which.js" + "detect-libc": "bin/detect-libc.js" }, "engines": { - "node": "^16.13.0 || >=18.0.0" + "node": ">=0.10" } }, + "node_modules/@parcel/watcher/node_modules/node-addon-api": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz", + "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==", + "dev": true, + "license": "MIT", + "optional": true + }, "node_modules/@pkgjs/parseargs": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", @@ -4382,35 +5131,10 @@ } } }, - "node_modules/@rollup/plugin-node-resolve": { - "version": "15.3.0", - "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.3.0.tgz", - "integrity": "sha512-9eO5McEICxMzJpDW9OnMYSv4Sta3hmt7VtBFz5zR9273suNOydOyq/FrGeGy+KsTRFm8w0SLVhzig2ILFT63Ag==", - "dev": true, - "license": "MIT", - "dependencies": { - "@rollup/pluginutils": "^5.0.1", - "@types/resolve": "1.20.2", - "deepmerge": "^4.2.2", - "is-module": "^1.0.0", - "resolve": "^1.22.1" - }, - "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "rollup": "^2.78.0||^3.0.0||^4.0.0" - }, - "peerDependenciesMeta": { - "rollup": { - "optional": true - } - } - }, "node_modules/@rollup/pluginutils": { - "version": "5.1.3", - "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.3.tgz", - "integrity": "sha512-Pnsb6f32CD2W3uCaLZIzDmeFyQ2b8UWMFI7xtwUezpcGBDVDW6y9XgAWIlARiGAo6eNF5FK5aQTr0LFyNyqq5A==", + "version": "5.1.4", + "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.4.tgz", + "integrity": "sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==", "dev": true, "license": "MIT", "dependencies": { @@ -4431,9 +5155,9 @@ } }, "node_modules/@rollup/rollup-android-arm-eabi": { - "version": "4.22.4", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.22.4.tgz", - "integrity": "sha512-Fxamp4aEZnfPOcGA8KSNEohV8hX7zVHOemC8jVBoBUHu5zpJK/Eu3uJwt6BMgy9fkvzxDaurgj96F/NiLukF2w==", + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.34.8.tgz", + "integrity": "sha512-q217OSE8DTp8AFHuNHXo0Y86e1wtlfVrXiAlwkIvGRQv9zbc6mE3sjIVfwI8sYUyNxwOg0j/Vm1RKM04JcWLJw==", "cpu": [ "arm" ], @@ -4445,9 +5169,9 @@ ] }, "node_modules/@rollup/rollup-android-arm64": { - "version": "4.22.4", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.22.4.tgz", - "integrity": "sha512-VXoK5UMrgECLYaMuGuVTOx5kcuap1Jm8g/M83RnCHBKOqvPPmROFJGQaZhGccnsFtfXQ3XYa4/jMCJvZnbJBdA==", + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.34.8.tgz", + "integrity": "sha512-Gigjz7mNWaOL9wCggvoK3jEIUUbGul656opstjaUSGC3eT0BM7PofdAJaBfPFWWkXNVAXbaQtC99OCg4sJv70Q==", "cpu": [ "arm64" ], @@ -4459,9 +5183,9 @@ ] }, "node_modules/@rollup/rollup-darwin-arm64": { - "version": "4.22.4", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.22.4.tgz", - "integrity": "sha512-xMM9ORBqu81jyMKCDP+SZDhnX2QEVQzTcC6G18KlTQEzWK8r/oNZtKuZaCcHhnsa6fEeOBionoyl5JsAbE/36Q==", + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.34.8.tgz", + "integrity": "sha512-02rVdZ5tgdUNRxIUrFdcMBZQoaPMrxtwSb+/hOfBdqkatYHR3lZ2A2EGyHq2sGOd0Owk80oV3snlDASC24He3Q==", "cpu": [ "arm64" ], @@ -4473,9 +5197,9 @@ ] }, "node_modules/@rollup/rollup-darwin-x64": { - "version": "4.22.4", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.22.4.tgz", - "integrity": "sha512-aJJyYKQwbHuhTUrjWjxEvGnNNBCnmpHDvrb8JFDbeSH3m2XdHcxDd3jthAzvmoI8w/kSjd2y0udT+4okADsZIw==", + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.34.8.tgz", + "integrity": "sha512-qIP/elwR/tq/dYRx3lgwK31jkZvMiD6qUtOycLhTzCvrjbZ3LjQnEM9rNhSGpbLXVJYQ3rq39A6Re0h9tU2ynw==", "cpu": [ "x64" ], @@ -4486,10 +5210,38 @@ "darwin" ] }, + "node_modules/@rollup/rollup-freebsd-arm64": { + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.34.8.tgz", + "integrity": "sha512-IQNVXL9iY6NniYbTaOKdrlVP3XIqazBgJOVkddzJlqnCpRi/yAeSOa8PLcECFSQochzqApIOE1GHNu3pCz+BDA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-freebsd-x64": { + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.34.8.tgz", + "integrity": "sha512-TYXcHghgnCqYFiE3FT5QwXtOZqDj5GmaFNTNt3jNC+vh22dc/ukG2cG+pi75QO4kACohZzidsq7yKTKwq/Jq7Q==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, "node_modules/@rollup/rollup-linux-arm-gnueabihf": { - "version": "4.22.4", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.22.4.tgz", - "integrity": "sha512-j63YtCIRAzbO+gC2L9dWXRh5BFetsv0j0va0Wi9epXDgU/XUi5dJKo4USTttVyK7fGw2nPWK0PbAvyliz50SCQ==", + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.34.8.tgz", + "integrity": "sha512-A4iphFGNkWRd+5m3VIGuqHnG3MVnqKe7Al57u9mwgbyZ2/xF9Jio72MaY7xxh+Y87VAHmGQr73qoKL9HPbXj1g==", "cpu": [ "arm" ], @@ -4501,9 +5253,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm-musleabihf": { - "version": "4.22.4", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.22.4.tgz", - "integrity": "sha512-dJnWUgwWBX1YBRsuKKMOlXCzh2Wu1mlHzv20TpqEsfdZLb3WoJW2kIEsGwLkroYf24IrPAvOT/ZQ2OYMV6vlrg==", + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.34.8.tgz", + "integrity": "sha512-S0lqKLfTm5u+QTxlFiAnb2J/2dgQqRy/XvziPtDd1rKZFXHTyYLoVL58M/XFwDI01AQCDIevGLbQrMAtdyanpA==", "cpu": [ "arm" ], @@ -4515,9 +5267,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm64-gnu": { - "version": "4.22.4", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.22.4.tgz", - "integrity": "sha512-AdPRoNi3NKVLolCN/Sp4F4N1d98c4SBnHMKoLuiG6RXgoZ4sllseuGioszumnPGmPM2O7qaAX/IJdeDU8f26Aw==", + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.34.8.tgz", + "integrity": "sha512-jpz9YOuPiSkL4G4pqKrus0pn9aYwpImGkosRKwNi+sJSkz+WU3anZe6hi73StLOQdfXYXC7hUfsQlTnjMd3s1A==", "cpu": [ "arm64" ], @@ -4529,9 +5281,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm64-musl": { - "version": "4.22.4", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.22.4.tgz", - "integrity": "sha512-Gl0AxBtDg8uoAn5CCqQDMqAx22Wx22pjDOjBdmG0VIWX3qUBHzYmOKh8KXHL4UpogfJ14G4wk16EQogF+v8hmA==", + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.34.8.tgz", + "integrity": "sha512-KdSfaROOUJXgTVxJNAZ3KwkRc5nggDk+06P6lgi1HLv1hskgvxHUKZ4xtwHkVYJ1Rep4GNo+uEfycCRRxht7+Q==", "cpu": [ "arm64" ], @@ -4542,10 +5294,24 @@ "linux" ] }, + "node_modules/@rollup/rollup-linux-loongarch64-gnu": { + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.34.8.tgz", + "integrity": "sha512-NyF4gcxwkMFRjgXBM6g2lkT58OWztZvw5KkV2K0qqSnUEqCVcqdh2jN4gQrTn/YUpAcNKyFHfoOZEer9nwo6uQ==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, "node_modules/@rollup/rollup-linux-powerpc64le-gnu": { - "version": "4.22.4", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.22.4.tgz", - "integrity": "sha512-3aVCK9xfWW1oGQpTsYJJPF6bfpWfhbRnhdlyhak2ZiyFLDaayz0EP5j9V1RVLAAxlmWKTDfS9wyRyY3hvhPoOg==", + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.34.8.tgz", + "integrity": "sha512-LMJc999GkhGvktHU85zNTDImZVUCJ1z/MbAJTnviiWmmjyckP5aQsHtcujMjpNdMZPT2rQEDBlJfubhs3jsMfw==", "cpu": [ "ppc64" ], @@ -4557,9 +5323,9 @@ ] }, "node_modules/@rollup/rollup-linux-riscv64-gnu": { - "version": "4.22.4", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.22.4.tgz", - "integrity": "sha512-ePYIir6VYnhgv2C5Xe9u+ico4t8sZWXschR6fMgoPUK31yQu7hTEJb7bCqivHECwIClJfKgE7zYsh1qTP3WHUA==", + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.34.8.tgz", + "integrity": "sha512-xAQCAHPj8nJq1PI3z8CIZzXuXCstquz7cIOL73HHdXiRcKk8Ywwqtx2wrIy23EcTn4aZ2fLJNBB8d0tQENPCmw==", "cpu": [ "riscv64" ], @@ -4570,10 +5336,25 @@ "linux" ] }, + "node_modules/@rollup/rollup-linux-riscv64-musl": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.41.1.tgz", + "integrity": "sha512-LdIUOb3gvfmpkgFZuccNa2uYiqtgZAz3PTzjuM5bH3nvuy9ty6RGc/Q0+HDFrHrizJGVpjnTZ1yS5TNNjFlklw==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "peer": true + }, "node_modules/@rollup/rollup-linux-s390x-gnu": { - "version": "4.22.4", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.22.4.tgz", - "integrity": "sha512-GqFJ9wLlbB9daxhVlrTe61vJtEY99/xB3C8e4ULVsVfflcpmR6c8UZXjtkMA6FhNONhj2eA5Tk9uAVw5orEs4Q==", + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.34.8.tgz", + "integrity": "sha512-DdePVk1NDEuc3fOe3dPPTb+rjMtuFw89gw6gVWxQFAuEqqSdDKnrwzZHrUYdac7A7dXl9Q2Vflxpme15gUWQFA==", "cpu": [ "s390x" ], @@ -4585,9 +5366,9 @@ ] }, "node_modules/@rollup/rollup-linux-x64-gnu": { - "version": "4.22.4", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.22.4.tgz", - "integrity": "sha512-87v0ol2sH9GE3cLQLNEy0K/R0pz1nvg76o8M5nhMR0+Q+BBGLnb35P0fVz4CQxHYXaAOhE8HhlkaZfsdUOlHwg==", + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.34.8.tgz", + "integrity": "sha512-8y7ED8gjxITUltTUEJLQdgpbPh1sUQ0kMTmufRF/Ns5tI9TNMNlhWtmPKKHCU0SilX+3MJkZ0zERYYGIVBYHIA==", "cpu": [ "x64" ], @@ -4599,9 +5380,9 @@ ] }, "node_modules/@rollup/rollup-linux-x64-musl": { - "version": "4.22.4", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.22.4.tgz", - "integrity": "sha512-UV6FZMUgePDZrFjrNGIWzDo/vABebuXBhJEqrHxrGiU6HikPy0Z3LfdtciIttEUQfuDdCn8fqh7wiFJjCNwO+g==", + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.34.8.tgz", + "integrity": "sha512-SCXcP0ZpGFIe7Ge+McxY5zKxiEI5ra+GT3QRxL0pMMtxPfpyLAKleZODi1zdRHkz5/BhueUrYtYVgubqe9JBNQ==", "cpu": [ "x64" ], @@ -4613,9 +5394,9 @@ ] }, "node_modules/@rollup/rollup-win32-arm64-msvc": { - "version": "4.22.4", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.22.4.tgz", - "integrity": "sha512-BjI+NVVEGAXjGWYHz/vv0pBqfGoUH0IGZ0cICTn7kB9PyjrATSkX+8WkguNjWoj2qSr1im/+tTGRaY+4/PdcQw==", + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.34.8.tgz", + "integrity": "sha512-YHYsgzZgFJzTRbth4h7Or0m5O74Yda+hLin0irAIobkLQFRQd1qWmnoVfwmKm9TXIZVAD0nZ+GEb2ICicLyCnQ==", "cpu": [ "arm64" ], @@ -4627,9 +5408,9 @@ ] }, "node_modules/@rollup/rollup-win32-ia32-msvc": { - "version": "4.22.4", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.22.4.tgz", - "integrity": "sha512-SiWG/1TuUdPvYmzmYnmd3IEifzR61Tragkbx9D3+R8mzQqDBz8v+BvZNDlkiTtI9T15KYZhP0ehn3Dld4n9J5g==", + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.34.8.tgz", + "integrity": "sha512-r3NRQrXkHr4uWy5TOjTpTYojR9XmF0j/RYgKCef+Ag46FWUTltm5ziticv8LdNsDMehjJ543x/+TJAek/xBA2w==", "cpu": [ "ia32" ], @@ -4641,9 +5422,9 @@ ] }, "node_modules/@rollup/rollup-win32-x64-msvc": { - "version": "4.22.4", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.22.4.tgz", - "integrity": "sha512-j8pPKp53/lq9lMXN57S8cFz0MynJk8OWNuUnXct/9KCpKU7DgU3bYMJhwWmcqC0UU29p8Lr0/7KEVcaM6bf47Q==", + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.34.8.tgz", + "integrity": "sha512-U0FaE5O1BCpZSeE6gBl3c5ObhePQSfk9vDRToMmTkbhCOgW4jqvtS5LGyQ76L1fH8sM0keRp4uDTsbjiUyjk0g==", "cpu": [ "x64" ], @@ -4655,13 +5436,13 @@ ] }, "node_modules/@rollup/wasm-node": { - "version": "4.26.0", - "resolved": "https://registry.npmjs.org/@rollup/wasm-node/-/wasm-node-4.26.0.tgz", - "integrity": "sha512-Jp8J0pSP6AFePI0ijz9flUwU6/ZACZ8DTWkNE6mJHuZF0GCjRYRgq7b+76Kq2nTbYgPXLcBCyhy9xTTUaTWDoQ==", + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/wasm-node/-/wasm-node-4.41.1.tgz", + "integrity": "sha512-70qfem+U3hAgwNgOlnUQiIdfKHLELUxsEWbFWg3aErPUvsyXYF1HALJBwoDgMUhRWyn+SqWVneDTnO/Kbey9hg==", "dev": true, "license": "MIT", "dependencies": { - "@types/estree": "1.0.6" + "@types/estree": "1.0.7" }, "bin": { "rollup": "dist/bin/rollup" @@ -4675,14 +5456,14 @@ } }, "node_modules/@schematics/angular": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-18.2.12.tgz", - "integrity": "sha512-sIoeipsisK5eTLW3XuNZYcal83AfslBbgI7LnV+3VrXwpasKPGHwo2ZdwhCd2IXAkuJ02Iyu7MyV0aQRM9i/3g==", + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-19.2.14.tgz", + "integrity": "sha512-p/jvMwth67g7tOrziTx+yWRagIPtjx21TF2uU2Pv5bqTY+JjRTczJs3yHPmVpzJN+ptmw47K4/NeLJmVUGuBgA==", "dev": true, "license": "MIT", "dependencies": { - "@angular-devkit/core": "18.2.12", - "@angular-devkit/schematics": "18.2.12", + "@angular-devkit/core": "19.2.14", + "@angular-devkit/schematics": "19.2.14", "jsonc-parser": "3.3.1" }, "engines": { @@ -4692,83 +5473,83 @@ } }, "node_modules/@sigstore/bundle": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/@sigstore/bundle/-/bundle-2.3.2.tgz", - "integrity": "sha512-wueKWDk70QixNLB363yHc2D2ItTgYiMTdPwK8D9dKQMR3ZQ0c35IxP5xnwQ8cNLoCgCRcHf14kE+CLIvNX1zmA==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@sigstore/bundle/-/bundle-3.1.0.tgz", + "integrity": "sha512-Mm1E3/CmDDCz3nDhFKTuYdB47EdRFRQMOE/EAbiG1MJW77/w1b3P7Qx7JSrVJs8PfwOLOVcKQCHErIwCTyPbag==", "dev": true, "license": "Apache-2.0", "dependencies": { - "@sigstore/protobuf-specs": "^0.3.2" + "@sigstore/protobuf-specs": "^0.4.0" }, "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/@sigstore/core": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@sigstore/core/-/core-1.1.0.tgz", - "integrity": "sha512-JzBqdVIyqm2FRQCulY6nbQzMpJJpSiJ8XXWMhtOX9eKgaXXpfNOF53lzQEjIydlStnd/eFtuC1dW4VYdD93oRg==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@sigstore/core/-/core-2.0.0.tgz", + "integrity": "sha512-nYxaSb/MtlSI+JWcwTHQxyNmWeWrUXJJ/G4liLrGG7+tS4vAz6LF3xRXqLH6wPIVUoZQel2Fs4ddLx4NCpiIYg==", "dev": true, "license": "Apache-2.0", "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/@sigstore/protobuf-specs": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/@sigstore/protobuf-specs/-/protobuf-specs-0.3.2.tgz", - "integrity": "sha512-c6B0ehIWxMI8wiS/bj6rHMPqeFvngFV7cDU/MY+B16P9Z3Mp9k8L93eYZ7BYzSickzuqAQqAq0V956b3Ju6mLw==", + "version": "0.4.2", + "resolved": "https://registry.npmjs.org/@sigstore/protobuf-specs/-/protobuf-specs-0.4.2.tgz", + "integrity": "sha512-F2ye+n1INNhqT0MW+LfUEvTUPc/nS70vICJcxorKl7/gV9CO39+EDCw+qHNKEqvsDWk++yGVKCbzK1qLPvmC8g==", "dev": true, "license": "Apache-2.0", "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/@sigstore/sign": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/@sigstore/sign/-/sign-2.3.2.tgz", - "integrity": "sha512-5Vz5dPVuunIIvC5vBb0APwo7qKA4G9yM48kPWJT+OEERs40md5GoUR1yedwpekWZ4m0Hhw44m6zU+ObsON+iDA==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@sigstore/sign/-/sign-3.1.0.tgz", + "integrity": "sha512-knzjmaOHOov1Ur7N/z4B1oPqZ0QX5geUfhrVaqVlu+hl0EAoL4o+l0MSULINcD5GCWe3Z0+YJO8ues6vFlW0Yw==", "dev": true, "license": "Apache-2.0", "dependencies": { - "@sigstore/bundle": "^2.3.2", - "@sigstore/core": "^1.0.0", - "@sigstore/protobuf-specs": "^0.3.2", - "make-fetch-happen": "^13.0.1", - "proc-log": "^4.2.0", + "@sigstore/bundle": "^3.1.0", + "@sigstore/core": "^2.0.0", + "@sigstore/protobuf-specs": "^0.4.0", + "make-fetch-happen": "^14.0.2", + "proc-log": "^5.0.0", "promise-retry": "^2.0.1" }, "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/@sigstore/tuf": { - "version": "2.3.4", - "resolved": "https://registry.npmjs.org/@sigstore/tuf/-/tuf-2.3.4.tgz", - "integrity": "sha512-44vtsveTPUpqhm9NCrbU8CWLe3Vck2HO1PNLw7RIajbB7xhtn5RBPm1VNSCMwqGYHhDsBJG8gDF0q4lgydsJvw==", + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/@sigstore/tuf/-/tuf-3.1.1.tgz", + "integrity": "sha512-eFFvlcBIoGwVkkwmTi/vEQFSva3xs5Ot3WmBcjgjVdiaoelBLQaQ/ZBfhlG0MnG0cmTYScPpk7eDdGDWUcFUmg==", "dev": true, "license": "Apache-2.0", "dependencies": { - "@sigstore/protobuf-specs": "^0.3.2", - "tuf-js": "^2.2.1" + "@sigstore/protobuf-specs": "^0.4.1", + "tuf-js": "^3.0.1" }, "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/@sigstore/verify": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@sigstore/verify/-/verify-1.2.1.tgz", - "integrity": "sha512-8iKx79/F73DKbGfRf7+t4dqrc0bRr0thdPrxAtCKWRm/F0tG71i6O1rvlnScncJLLBZHn3h8M3c1BSUAb9yu8g==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/@sigstore/verify/-/verify-2.1.1.tgz", + "integrity": "sha512-hVJD77oT67aowHxwT4+M6PGOp+E2LtLdTK3+FC0lBO9T7sYwItDMXZ7Z07IDCvR1M717a4axbIWckrW67KMP/w==", "dev": true, "license": "Apache-2.0", "dependencies": { - "@sigstore/bundle": "^2.3.2", - "@sigstore/core": "^1.1.0", - "@sigstore/protobuf-specs": "^0.3.2" + "@sigstore/bundle": "^3.1.0", + "@sigstore/core": "^2.0.0", + "@sigstore/protobuf-specs": "^0.4.1" }, "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/@sindresorhus/merge-streams": { @@ -4802,17 +5583,17 @@ } }, "node_modules/@tufjs/models": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/@tufjs/models/-/models-2.0.1.tgz", - "integrity": "sha512-92F7/SFyufn4DXsha9+QfKnN03JGqtMFMXgSHbZOo8JG59WkTni7UzAouNQDf7AuP9OAMxVOPQcqG3sB7w+kkg==", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@tufjs/models/-/models-3.0.1.tgz", + "integrity": "sha512-UUYHISyhCU3ZgN8yaear3cGATHb3SMuKHsQ/nVbHXcmnBf+LzQ/cQfhNG+rfaSHgqGKNEm2cOCLVLELStUQ1JA==", "dev": true, "license": "MIT", "dependencies": { "@tufjs/canonical-json": "2.0.0", - "minimatch": "^9.0.4" + "minimatch": "^9.0.5" }, "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/@types/babel__core": { @@ -4829,9 +5610,9 @@ } }, "node_modules/@types/babel__generator": { - "version": "7.6.8", - "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz", - "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==", + "version": "7.27.0", + "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz", + "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==", "license": "MIT", "dependencies": { "@babel/types": "^7.0.0" @@ -4848,9 +5629,9 @@ } }, "node_modules/@types/babel__traverse": { - "version": "7.20.6", - "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.6.tgz", - "integrity": "sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==", + "version": "7.20.7", + "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.7.tgz", + "integrity": "sha512-dkO5fhS7+/oos4ciWxyEyjWe48zmG6wbCheo/G2ZnHx4fs3EU6YC6UM8rk56gAjNJ9P3MTH2jo5jb92/K6wbng==", "license": "MIT", "dependencies": { "@babel/types": "^7.20.7" @@ -4898,34 +5679,49 @@ "@types/node": "*" } }, - "node_modules/@types/cookie": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.4.1.tgz", - "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q==", - "dev": true, - "license": "MIT" - }, "node_modules/@types/cors": { - "version": "2.8.17", - "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.17.tgz", - "integrity": "sha512-8CGDvrBj1zgo2qE+oS3pOCyYNqCPryMWY2bGfwA0dcfopWGgxs+78df0Rs3rc9THP4JkOhLsAa+15VdpAqkcUA==", + "version": "2.8.18", + "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.18.tgz", + "integrity": "sha512-nX3d0sxJW41CqQvfOzVG1NCTXfFDrDWIghCZncpHeWlVFd81zxB/DLhg7avFg6eHLCRX7ckBmoIIcqa++upvJA==", "dev": true, "license": "MIT", "dependencies": { "@types/node": "*" } }, + "node_modules/@types/eslint": { + "version": "9.6.1", + "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz", + "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "*", + "@types/json-schema": "*" + } + }, + "node_modules/@types/eslint-scope": { + "version": "3.7.7", + "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz", + "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/eslint": "*", + "@types/estree": "*" + } + }, "node_modules/@types/estree": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz", - "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==", + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz", + "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==", "dev": true, "license": "MIT" }, "node_modules/@types/express": { - "version": "4.17.21", - "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.21.tgz", - "integrity": "sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==", + "version": "4.17.22", + "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.22.tgz", + "integrity": "sha512-eZUmSnhRX9YRSkplpz0N+k6NljUUn5l3EWZIKZvYzhvMphEuNiyyy1viH/ejgt66JWgALwC/gtSUAeQKtSwW/w==", "dev": true, "license": "MIT", "dependencies": { @@ -4936,9 +5732,9 @@ } }, "node_modules/@types/express-serve-static-core": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.0.1.tgz", - "integrity": "sha512-CRICJIl0N5cXDONAdlTv5ShATZ4HEwk6kDDIW2/w9qOWKg+NU/5F8wYRWCrONad0/UKkloNSmmyN/wX4rtpbVA==", + "version": "5.0.6", + "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.0.6.tgz", + "integrity": "sha512-3xhRnjJPkULekpSzgtoNYYcTWgEZkp4myc+Saevii5JPnHNvHMRlBSHDbs7Bh1iPPoVTERHEZXyhyLbMEsExsA==", "dev": true, "license": "MIT", "dependencies": { @@ -4969,9 +5765,9 @@ "license": "MIT" }, "node_modules/@types/http-proxy": { - "version": "1.17.15", - "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.15.tgz", - "integrity": "sha512-25g5atgiVNTIv0LBDTg1H74Hvayx0ajtJPLLcYE3whFv75J0pWNtOBzaXJQgDTmrX1bx5U9YC2w/n65BN1HwRQ==", + "version": "1.17.16", + "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.16.tgz", + "integrity": "sha512-sdWoUajOB1cd0A8cRRQ1cfyWNbmFKLAqBB89Y8x5iYyG/mkJHc0YUH8pdWBy2omi9qtCpiIgGjuwO0dQST2l5w==", "dev": true, "license": "MIT", "dependencies": { @@ -4979,9 +5775,9 @@ } }, "node_modules/@types/jasmine": { - "version": "5.1.4", - "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-5.1.4.tgz", - "integrity": "sha512-px7OMFO/ncXxixDe1zR13V1iycqWae0MxTaw62RpFlksUi5QuNWgQJFkTQjIOvrmutJbI7Fp2Y2N1F6D2R4G6w==", + "version": "5.1.8", + "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-5.1.8.tgz", + "integrity": "sha512-u7/CnvRdh6AaaIzYjCgUuVbREFgulhX05Qtf6ZtW+aOcjCKKVvKgpkPYJBFTZSHtFBYimzU4zP0V2vrEsq9Wcg==", "dev": true, "license": "MIT" }, @@ -4993,9 +5789,9 @@ "license": "MIT" }, "node_modules/@types/lodash": { - "version": "4.17.13", - "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.13.tgz", - "integrity": "sha512-lfx+dftrEZcdBPczf9d0Qv0x+j/rfNCMuC6OcfXmO8gkfeNAY88PgKUbvG56whcN23gc27yenwF6oJZXGFpYxg==", + "version": "4.17.17", + "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.17.tgz", + "integrity": "sha512-RRVJ+J3J+WmyOTqnz3PiBLA501eKwXl2noseKOrNo/6+XEHjTAxO4xHvxQB6QuNm+s4WRbn6rSiap8+EA+ykFQ==", "dev": true, "license": "MIT" }, @@ -5016,24 +5812,14 @@ "dev": true, "license": "MIT" }, - "node_modules/@types/mute-stream": { - "version": "0.0.4", - "resolved": "https://registry.npmjs.org/@types/mute-stream/-/mute-stream-0.0.4.tgz", - "integrity": "sha512-CPM9nzrCPPJHQNA9keH9CVkVI+WR5kMa+7XEs5jcGQ0VoAGnLv242w8lIVgwAEfmE4oufJRaTc9PNLQl0ioAow==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/node": "*" - } - }, "node_modules/@types/node": { - "version": "20.17.6", - "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.6.tgz", - "integrity": "sha512-VEI7OdvK2wP7XHnsuXbAJnEpEkF6NjSN45QJlL4VGqZSXsnicpesdTWsg9RISeSdYd3yeRj/y3k5KGjUXYnFwQ==", + "version": "22.15.29", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.15.29.tgz", + "integrity": "sha512-LNdjOkUDlU1RZb8e1kOIUpN1qQUlzGkEtbVNo53vbrwDg5om6oduhm4SiUaPW5ASTXhAiP0jInWG8Qx9fVlOeQ==", "dev": true, "license": "MIT", "dependencies": { - "undici-types": "~6.19.2" + "undici-types": "~6.21.0" } }, "node_modules/@types/node-forge": { @@ -5047,9 +5833,9 @@ } }, "node_modules/@types/qs": { - "version": "6.9.17", - "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.17.tgz", - "integrity": "sha512-rX4/bPcfmvxHDv0XjfJELTTr+iB+tn032nPILqHm5wbthUUUuVtNGGqzhya9XUxjTP8Fpr0qYgSZZKxGY++svQ==", + "version": "6.14.0", + "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.14.0.tgz", + "integrity": "sha512-eOunJqu0K1923aExK6y8p6fsihYEn/BYuQ4g0CxAAgFc4b/ZLN4CrsRZ55srTdqoiLzU2B2evC+apEIxprEzkQ==", "dev": true, "license": "MIT" }, @@ -5060,13 +5846,6 @@ "dev": true, "license": "MIT" }, - "node_modules/@types/resolve": { - "version": "1.20.2", - "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz", - "integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==", - "dev": true, - "license": "MIT" - }, "node_modules/@types/retry": { "version": "0.12.2", "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.2.tgz", @@ -5117,17 +5896,10 @@ "@types/node": "*" } }, - "node_modules/@types/wrap-ansi": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/@types/wrap-ansi/-/wrap-ansi-3.0.0.tgz", - "integrity": "sha512-ltIpx+kM7g/MLRZfkbL7EsCEjfzCcScLpkg37eXEtx5kmrAKBkTJwd1GIAjDSL8wTpM6Hzn5YO4pSb91BEwu1g==", - "dev": true, - "license": "MIT" - }, "node_modules/@types/ws": { - "version": "8.5.13", - "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.13.tgz", - "integrity": "sha512-osM/gWBTPKgHV8XkTunnegTRIsvF6owmf5w+JtAfOw472dptdm0dlGv4xCt6GwQRcC2XVOvvRE/0bAoQcL2QkA==", + "version": "8.18.1", + "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz", + "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==", "dev": true, "license": "MIT", "dependencies": { @@ -5135,21 +5907,21 @@ } }, "node_modules/@typescript-eslint/eslint-plugin": { - "version": "8.14.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.14.0.tgz", - "integrity": "sha512-tqp8H7UWFaZj0yNO6bycd5YjMwxa6wIHOLZvWPkidwbgLCsBMetQoGj7DPuAlWa2yGO3H48xmPwjhsSPPCGU5w==", + "version": "8.33.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.33.1.tgz", + "integrity": "sha512-TDCXj+YxLgtvxvFlAvpoRv9MAncDLBV2oT9Bd7YBGC/b/sEURoOYuIwLI99rjWOfY3QtDzO+mk0n4AmdFExW8A==", "dev": true, "license": "MIT", "dependencies": { "@eslint-community/regexpp": "^4.10.0", - "@typescript-eslint/scope-manager": "8.14.0", - "@typescript-eslint/type-utils": "8.14.0", - "@typescript-eslint/utils": "8.14.0", - "@typescript-eslint/visitor-keys": "8.14.0", + "@typescript-eslint/scope-manager": "8.33.1", + "@typescript-eslint/type-utils": "8.33.1", + "@typescript-eslint/utils": "8.33.1", + "@typescript-eslint/visitor-keys": "8.33.1", "graphemer": "^1.4.0", - "ignore": "^5.3.1", + "ignore": "^7.0.0", "natural-compare": "^1.4.0", - "ts-api-utils": "^1.3.0" + "ts-api-utils": "^2.1.0" }, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" @@ -5159,26 +5931,22 @@ "url": "https://opencollective.com/typescript-eslint" }, "peerDependencies": { - "@typescript-eslint/parser": "^8.0.0 || ^8.0.0-alpha.0", - "eslint": "^8.57.0 || ^9.0.0" - }, - "peerDependenciesMeta": { - "typescript": { - "optional": true - } + "@typescript-eslint/parser": "^8.33.1", + "eslint": "^8.57.0 || ^9.0.0", + "typescript": ">=4.8.4 <5.9.0" } }, "node_modules/@typescript-eslint/parser": { - "version": "8.14.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.14.0.tgz", - "integrity": "sha512-2p82Yn9juUJq0XynBXtFCyrBDb6/dJombnz6vbo6mgQEtWHfvHbQuEa9kAOVIt1c9YFwi7H6WxtPj1kg+80+RA==", + "version": "8.33.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.33.1.tgz", + "integrity": "sha512-qwxv6dq682yVvgKKp2qWwLgRbscDAYktPptK4JPojCwwi3R9cwrvIxS4lvBpzmcqzR4bdn54Z0IG1uHFskW4dA==", "dev": true, - "license": "BSD-2-Clause", + "license": "MIT", "dependencies": { - "@typescript-eslint/scope-manager": "8.14.0", - "@typescript-eslint/types": "8.14.0", - "@typescript-eslint/typescript-estree": "8.14.0", - "@typescript-eslint/visitor-keys": "8.14.0", + "@typescript-eslint/scope-manager": "8.33.1", + "@typescript-eslint/types": "8.33.1", + "@typescript-eslint/typescript-estree": "8.33.1", + "@typescript-eslint/visitor-keys": "8.33.1", "debug": "^4.3.4" }, "engines": { @@ -5189,23 +5957,41 @@ "url": "https://opencollective.com/typescript-eslint" }, "peerDependencies": { - "eslint": "^8.57.0 || ^9.0.0" + "eslint": "^8.57.0 || ^9.0.0", + "typescript": ">=4.8.4 <5.9.0" + } + }, + "node_modules/@typescript-eslint/project-service": { + "version": "8.33.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.33.1.tgz", + "integrity": "sha512-DZR0efeNklDIHHGRpMpR5gJITQpu6tLr9lDJnKdONTC7vvzOlLAG/wcfxcdxEWrbiZApcoBCzXqU/Z458Za5Iw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@typescript-eslint/tsconfig-utils": "^8.33.1", + "@typescript-eslint/types": "^8.33.1", + "debug": "^4.3.4" }, - "peerDependenciesMeta": { - "typescript": { - "optional": true - } + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "typescript": ">=4.8.4 <5.9.0" } }, "node_modules/@typescript-eslint/scope-manager": { - "version": "8.14.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.14.0.tgz", - "integrity": "sha512-aBbBrnW9ARIDn92Zbo7rguLnqQ/pOrUguVpbUwzOhkFg2npFDwTgPGqFqE0H5feXcOoJOfX3SxlJaKEVtq54dw==", + "version": "8.33.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.33.1.tgz", + "integrity": "sha512-dM4UBtgmzHR9bS0Rv09JST0RcHYearoEoo3pG5B6GoTR9XcyeqX87FEhPo+5kTvVfKCvfHaHrcgeJQc6mrDKrA==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/types": "8.14.0", - "@typescript-eslint/visitor-keys": "8.14.0" + "@typescript-eslint/types": "8.33.1", + "@typescript-eslint/visitor-keys": "8.33.1" }, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" @@ -5215,17 +6001,34 @@ "url": "https://opencollective.com/typescript-eslint" } }, + "node_modules/@typescript-eslint/tsconfig-utils": { + "version": "8.33.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.33.1.tgz", + "integrity": "sha512-STAQsGYbHCF0/e+ShUQ4EatXQ7ceh3fBCXkNU7/MZVKulrlq1usH7t2FhxvCpuCi5O5oi1vmVaAjrGeL71OK1g==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "typescript": ">=4.8.4 <5.9.0" + } + }, "node_modules/@typescript-eslint/type-utils": { - "version": "8.14.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.14.0.tgz", - "integrity": "sha512-Xcz9qOtZuGusVOH5Uk07NGs39wrKkf3AxlkK79RBK6aJC1l03CobXjJbwBPSidetAOV+5rEVuiT1VSBUOAsanQ==", + "version": "8.33.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.33.1.tgz", + "integrity": "sha512-1cG37d9xOkhlykom55WVwG2QRNC7YXlxMaMzqw2uPeJixBFfKWZgaP/hjAObqMN/u3fr5BrTwTnc31/L9jQ2ww==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/typescript-estree": "8.14.0", - "@typescript-eslint/utils": "8.14.0", + "@typescript-eslint/typescript-estree": "8.33.1", + "@typescript-eslint/utils": "8.33.1", "debug": "^4.3.4", - "ts-api-utils": "^1.3.0" + "ts-api-utils": "^2.1.0" }, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" @@ -5234,16 +6037,15 @@ "type": "opencollective", "url": "https://opencollective.com/typescript-eslint" }, - "peerDependenciesMeta": { - "typescript": { - "optional": true - } + "peerDependencies": { + "eslint": "^8.57.0 || ^9.0.0", + "typescript": ">=4.8.4 <5.9.0" } }, "node_modules/@typescript-eslint/types": { - "version": "8.14.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.14.0.tgz", - "integrity": "sha512-yjeB9fnO/opvLJFAsPNYlKPnEM8+z4og09Pk504dkqonT02AyL5Z9SSqlE0XqezS93v6CXn49VHvB2G7XSsl0g==", + "version": "8.33.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.33.1.tgz", + "integrity": "sha512-xid1WfizGhy/TKMTwhtVOgalHwPtV8T32MS9MaH50Cwvz6x6YqRIPdD2WvW0XaqOzTV9p5xdLY0h/ZusU5Lokg==", "dev": true, "license": "MIT", "engines": { @@ -5255,20 +6057,22 @@ } }, "node_modules/@typescript-eslint/typescript-estree": { - "version": "8.14.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.14.0.tgz", - "integrity": "sha512-OPXPLYKGZi9XS/49rdaCbR5j/S14HazviBlUQFvSKz3npr3NikF+mrgK7CFVur6XEt95DZp/cmke9d5i3vtVnQ==", + "version": "8.33.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.33.1.tgz", + "integrity": "sha512-+s9LYcT8LWjdYWu7IWs7FvUxpQ/DGkdjZeE/GGulHvv8rvYwQvVaUZ6DE+j5x/prADUgSbbCWZ2nPI3usuVeOA==", "dev": true, - "license": "BSD-2-Clause", + "license": "MIT", "dependencies": { - "@typescript-eslint/types": "8.14.0", - "@typescript-eslint/visitor-keys": "8.14.0", + "@typescript-eslint/project-service": "8.33.1", + "@typescript-eslint/tsconfig-utils": "8.33.1", + "@typescript-eslint/types": "8.33.1", + "@typescript-eslint/visitor-keys": "8.33.1", "debug": "^4.3.4", "fast-glob": "^3.3.2", "is-glob": "^4.0.3", "minimatch": "^9.0.4", "semver": "^7.6.0", - "ts-api-utils": "^1.3.0" + "ts-api-utils": "^2.1.0" }, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" @@ -5277,23 +6081,21 @@ "type": "opencollective", "url": "https://opencollective.com/typescript-eslint" }, - "peerDependenciesMeta": { - "typescript": { - "optional": true - } + "peerDependencies": { + "typescript": ">=4.8.4 <5.9.0" } }, "node_modules/@typescript-eslint/utils": { - "version": "8.14.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.14.0.tgz", - "integrity": "sha512-OGqj6uB8THhrHj0Fk27DcHPojW7zKwKkPmHXHvQ58pLYp4hy8CSUdTKykKeh+5vFqTTVmjz0zCOOPKRovdsgHA==", + "version": "8.33.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.33.1.tgz", + "integrity": "sha512-52HaBiEQUaRYqAXpfzWSR2U3gxk92Kw006+xZpElaPMg3C4PgM+A5LqwoQI1f9E5aZ/qlxAZxzm42WX+vn92SQ==", "dev": true, "license": "MIT", "dependencies": { - "@eslint-community/eslint-utils": "^4.4.0", - "@typescript-eslint/scope-manager": "8.14.0", - "@typescript-eslint/types": "8.14.0", - "@typescript-eslint/typescript-estree": "8.14.0" + "@eslint-community/eslint-utils": "^4.7.0", + "@typescript-eslint/scope-manager": "8.33.1", + "@typescript-eslint/types": "8.33.1", + "@typescript-eslint/typescript-estree": "8.33.1" }, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" @@ -5303,18 +6105,19 @@ "url": "https://opencollective.com/typescript-eslint" }, "peerDependencies": { - "eslint": "^8.57.0 || ^9.0.0" + "eslint": "^8.57.0 || ^9.0.0", + "typescript": ">=4.8.4 <5.9.0" } }, "node_modules/@typescript-eslint/visitor-keys": { - "version": "8.14.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.14.0.tgz", - "integrity": "sha512-vG0XZo8AdTH9OE6VFRwAZldNc7qtJ/6NLGWak+BtENuEUXGZgFpihILPiBvKXvJ2nFu27XNGC6rKiwuaoMbYzQ==", + "version": "8.33.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.33.1.tgz", + "integrity": "sha512-3i8NrFcZeeDHJ+7ZUuDkGT+UHq+XoFGsymNK2jZCOHcfEzRQ0BdpRtdpSx/Iyf3MHLWIcLS0COuOPibKQboIiQ==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/types": "8.14.0", - "eslint-visitor-keys": "^3.4.3" + "@typescript-eslint/types": "8.33.1", + "eslint-visitor-keys": "^4.2.0" }, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" @@ -5324,17 +6127,30 @@ "url": "https://opencollective.com/typescript-eslint" } }, + "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz", + "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, "node_modules/@vitejs/plugin-basic-ssl": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.1.0.tgz", - "integrity": "sha512-wO4Dk/rm8u7RNhOf95ZzcEmC9rYOncYgvq4z3duaJrCgjN8BxAnDVyndanfcJZ0O6XZzHz6Q0hTimxTg8Y9g/A==", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.2.0.tgz", + "integrity": "sha512-mkQnxTkcldAzIsomk1UuLfAu9n+kpQ3JbHcpCp7d2Oo6ITtji8pHS3QToOWjhPFvNQSnhlkAjmGbhv2QvwO/7Q==", "dev": true, "license": "MIT", "engines": { - "node": ">=14.6.0" + "node": ">=14.21.3" }, "peerDependencies": { - "vite": "^3.0.0 || ^4.0.0 || ^5.0.0" + "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0" } }, "node_modules/@webassemblyjs/ast": { @@ -5520,13 +6336,13 @@ "license": "BSD-2-Clause" }, "node_modules/abbrev": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz", - "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-3.0.1.tgz", + "integrity": "sha512-AO2ac6pjRB3SJmGJo+v5/aK6Omggp6fsLrs6wN9bd35ulu4cCwaAU9+7ZhXjeqHVkaHThLuzH0nZr0YpCDhygg==", "dev": true, "license": "ISC", "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/accepts": { @@ -5554,9 +6370,9 @@ } }, "node_modules/acorn": { - "version": "8.14.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz", - "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==", + "version": "8.14.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz", + "integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==", "dev": true, "license": "MIT", "bin": { @@ -5566,16 +6382,6 @@ "node": ">=0.4.0" } }, - "node_modules/acorn-import-attributes": { - "version": "1.9.5", - "resolved": "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz", - "integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==", - "dev": true, - "license": "MIT", - "peerDependencies": { - "acorn": "^8" - } - }, "node_modules/acorn-jsx": { "version": "5.3.2", "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", @@ -5616,32 +6422,15 @@ } }, "node_modules/agent-base": { - "version": "7.1.1", - "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.1.tgz", - "integrity": "sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==", + "version": "7.1.3", + "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz", + "integrity": "sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==", "dev": true, "license": "MIT", - "dependencies": { - "debug": "^4.3.4" - }, "engines": { "node": ">= 14" } }, - "node_modules/aggregate-error": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz", - "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==", - "dev": true, - "license": "MIT", - "dependencies": { - "clean-stack": "^2.0.0", - "indent-string": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/ajv": { "version": "8.17.1", "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz", @@ -5691,17 +6480,21 @@ } }, "node_modules/angular-eslint": { - "version": "18.4.0", - "resolved": "https://registry.npmjs.org/angular-eslint/-/angular-eslint-18.4.0.tgz", - "integrity": "sha512-fEayKOZlux9YhnZfWN8zNU0VlBRB+G2m/2T+R2njWlGpD1+XhieCVZPB9dh5Jv/wEvcfPypEWE3DgH4MqIRxKA==", + "version": "19.7.1", + "resolved": "https://registry.npmjs.org/angular-eslint/-/angular-eslint-19.7.1.tgz", + "integrity": "sha512-xSjDf3Tdc7gA99Uk4sOfP/3I2jvKlCvuFnqWxw2mzByVNAgT9QUTY51+Z0jFT8JOnsN+UwE3fDPOHuSu183Mew==", "dev": true, "license": "MIT", "dependencies": { - "@angular-eslint/builder": "18.4.0", - "@angular-eslint/eslint-plugin": "18.4.0", - "@angular-eslint/eslint-plugin-template": "18.4.0", - "@angular-eslint/schematics": "18.4.0", - "@angular-eslint/template-parser": "18.4.0" + "@angular-devkit/core": ">= 19.0.0 < 20.0.0", + "@angular-devkit/schematics": ">= 19.0.0 < 20.0.0", + "@angular-eslint/builder": "19.7.1", + "@angular-eslint/eslint-plugin": "19.7.1", + "@angular-eslint/eslint-plugin-template": "19.7.1", + "@angular-eslint/schematics": "19.7.1", + "@angular-eslint/template-parser": "19.7.1", + "@typescript-eslint/types": "^8.0.0", + "@typescript-eslint/utils": "^8.0.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", @@ -5749,12 +6542,16 @@ } }, "node_modules/ansi-regex": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", - "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", + "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", + "dev": true, "license": "MIT", "engines": { - "node": ">=8" + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" } }, "node_modules/ansi-styles": { @@ -5872,9 +6669,9 @@ } }, "node_modules/babel-loader": { - "version": "9.1.3", - "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.3.tgz", - "integrity": "sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw==", + "version": "9.2.1", + "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.2.1.tgz", + "integrity": "sha512-fqe8naHt46e0yIdkjUZYqddSXfej3AHajX+CSO5X7oy0EmPc6o5Xh+RClNoHjnieWz9AW4kZxW9yyFMhVB1QLA==", "dev": true, "license": "MIT", "dependencies": { @@ -5890,14 +6687,14 @@ } }, "node_modules/babel-plugin-polyfill-corejs2": { - "version": "0.4.12", - "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.12.tgz", - "integrity": "sha512-CPWT6BwvhrTO2d8QVorhTCQw9Y43zOu7G9HigcfxvepOU6b8o3tcWad6oVgZIsZCTt42FFv97aA7ZJsbM4+8og==", + "version": "0.4.13", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.13.tgz", + "integrity": "sha512-3sX/eOms8kd3q2KZ6DAhKPc0dgm525Gqq5NtWKZ7QYYZEv57OQ54KtblzJzH1lQF/eQxO8KjWGIK9IPUJNus5g==", "dev": true, "license": "MIT", "dependencies": { "@babel/compat-data": "^7.22.6", - "@babel/helper-define-polyfill-provider": "^0.6.3", + "@babel/helper-define-polyfill-provider": "^0.6.4", "semver": "^6.3.1" }, "peerDependencies": { @@ -5915,27 +6712,27 @@ } }, "node_modules/babel-plugin-polyfill-corejs3": { - "version": "0.10.6", - "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.6.tgz", - "integrity": "sha512-b37+KR2i/khY5sKmWNVQAnitvquQbNdWy6lJdsr0kmquCKEEUgMKK4SboVM3HtfnZilfjr4MMQ7vY58FVWDtIA==", + "version": "0.11.1", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.11.1.tgz", + "integrity": "sha512-yGCqvBT4rwMczo28xkH/noxJ6MZ4nJfkVYdoDaC/utLtWrXxv27HVrzAeSbqR8SxDsp46n0YF47EbHoixy6rXQ==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-define-polyfill-provider": "^0.6.2", - "core-js-compat": "^3.38.0" + "@babel/helper-define-polyfill-provider": "^0.6.3", + "core-js-compat": "^3.40.0" }, "peerDependencies": { "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" } }, "node_modules/babel-plugin-polyfill-regenerator": { - "version": "0.6.3", - "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.3.tgz", - "integrity": "sha512-LiWSbl4CRSIa5x/JAU6jZiG9eit9w6mz+yVMFwDE83LAWvt0AfGBoZ7HS/mkhrKuh2ZlzfVZYKoLjXdqw6Yt7Q==", + "version": "0.6.4", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.4.tgz", + "integrity": "sha512-7gD3pRadPrbjhjLyxebmx/WrFYcuSjZ0XbdUujQMZ/fcE9oeewk2U/7PCvez84UeuK3oSjmPZ0Ch0dlupQvGzw==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-define-polyfill-provider": "^0.6.3" + "@babel/helper-define-polyfill-provider": "^0.6.4" }, "peerDependencies": { "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" @@ -5986,6 +6783,26 @@ "dev": true, "license": "MIT" }, + "node_modules/beasties": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/beasties/-/beasties-0.3.2.tgz", + "integrity": "sha512-p4AF8uYzm9Fwu8m/hSVTCPXrRBPmB34hQpHsec2KOaR9CZmgoU8IOv4Cvwq4hgz2p4hLMNbsdNl5XeA6XbAQwA==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "css-select": "^5.1.0", + "css-what": "^6.1.0", + "dom-serializer": "^2.0.0", + "domhandler": "^5.0.3", + "htmlparser2": "^10.0.0", + "picocolors": "^1.1.1", + "postcss": "^8.4.49", + "postcss-media-query-parser": "^0.2.3" + }, + "engines": { + "node": ">=14.0.0" + } + }, "node_modules/big.js": { "version": "5.2.2", "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz", @@ -6089,9 +6906,9 @@ "license": "MIT" }, "node_modules/bonjour-service": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.2.1.tgz", - "integrity": "sha512-oSzCS2zV14bh2kji6vNe7vrpJYCHGvcZnlffFQ1MEoX/WOeQ/teD8SYWKR942OI3INjq8OMNJlbPK5LLLUxFDw==", + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.3.0.tgz", + "integrity": "sha512-3YuAUiSkWykd+2Azjgyxei8OWf8thdn8AITIog2M4UICzoqfjlqr64WIjEXZllf/W6vK1goqleSR6brGomxQqA==", "dev": true, "license": "MIT", "dependencies": { @@ -6129,9 +6946,9 @@ } }, "node_modules/browserslist": { - "version": "4.24.2", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz", - "integrity": "sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==", + "version": "4.25.0", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.0.tgz", + "integrity": "sha512-PJ8gYKeS5e/whHBh8xrwYK+dAvEj7JXtz6uTucnMRB8OiGTsKccFekoRrjajPBHV8oOY+2tI4uxeceSimKwMFA==", "funding": [ { "type": "opencollective", @@ -6148,10 +6965,10 @@ ], "license": "MIT", "dependencies": { - "caniuse-lite": "^1.0.30001669", - "electron-to-chromium": "^1.5.41", - "node-releases": "^2.0.18", - "update-browserslist-db": "^1.1.1" + "caniuse-lite": "^1.0.30001718", + "electron-to-chromium": "^1.5.160", + "node-releases": "^2.0.19", + "update-browserslist-db": "^1.1.3" }, "bin": { "browserslist": "cli.js" @@ -6219,13 +7036,13 @@ } }, "node_modules/cacache": { - "version": "18.0.4", - "resolved": "https://registry.npmjs.org/cacache/-/cacache-18.0.4.tgz", - "integrity": "sha512-B+L5iIa9mgcjLbliir2th36yEwPftrzteHYujzsx3dFP/31GCHcIeS8f5MGd80odLOjaOvSpU3EEAmRQptkxLQ==", + "version": "19.0.1", + "resolved": "https://registry.npmjs.org/cacache/-/cacache-19.0.1.tgz", + "integrity": "sha512-hdsUxulXCi5STId78vRVYEtDAjq99ICAUktLTeTYsLoTE6Z8dS0c8pWNCxwdrk9YfJeobDZc2Y186hD/5ZQgFQ==", "dev": true, "license": "ISC", "dependencies": { - "@npmcli/fs": "^3.1.0", + "@npmcli/fs": "^4.0.0", "fs-minipass": "^3.0.0", "glob": "^10.2.2", "lru-cache": "^10.0.1", @@ -6233,13 +7050,23 @@ "minipass-collect": "^2.0.1", "minipass-flush": "^1.0.5", "minipass-pipeline": "^1.2.4", - "p-map": "^4.0.0", - "ssri": "^10.0.0", - "tar": "^6.1.11", - "unique-filename": "^3.0.0" + "p-map": "^7.0.2", + "ssri": "^12.0.0", + "tar": "^7.4.3", + "unique-filename": "^4.0.0" }, "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/cacache/node_modules/chownr": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz", + "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==", + "dev": true, + "license": "BlueOak-1.0.0", + "engines": { + "node": ">=18" } }, "node_modules/cacache/node_modules/glob": { @@ -6270,18 +7097,73 @@ "dev": true, "license": "ISC" }, - "node_modules/call-bind": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz", - "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==", + "node_modules/cacache/node_modules/mkdirp": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz", + "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==", + "dev": true, + "license": "MIT", + "bin": { + "mkdirp": "dist/cjs/src/bin.js" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/cacache/node_modules/tar": { + "version": "7.4.3", + "resolved": "https://registry.npmjs.org/tar/-/tar-7.4.3.tgz", + "integrity": "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==", + "dev": true, + "license": "ISC", + "dependencies": { + "@isaacs/fs-minipass": "^4.0.0", + "chownr": "^3.0.0", + "minipass": "^7.1.2", + "minizlib": "^3.0.1", + "mkdirp": "^3.0.1", + "yallist": "^5.0.0" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/cacache/node_modules/yallist": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz", + "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==", + "dev": true, + "license": "BlueOak-1.0.0", + "engines": { + "node": ">=18" + } + }, + "node_modules/call-bind-apply-helpers": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz", + "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==", "dev": true, "license": "MIT", "dependencies": { - "es-define-property": "^1.0.0", "es-errors": "^1.3.0", - "function-bind": "^1.1.2", - "get-intrinsic": "^1.2.4", - "set-function-length": "^1.2.1" + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/call-bound": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz", + "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==", + "dev": true, + "license": "MIT", + "dependencies": { + "call-bind-apply-helpers": "^1.0.2", + "get-intrinsic": "^1.3.0" }, "engines": { "node": ">= 0.4" @@ -6301,9 +7183,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001680", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001680.tgz", - "integrity": "sha512-rPQy70G6AGUMnbwS1z6Xg+RkHYPAi18ihs47GH0jcxIG7wArmPgY3XbS2sRdBbxJljp3thdT8BIqv9ccCypiPA==", + "version": "1.0.30001720", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001720.tgz", + "integrity": "sha512-Ec/2yV2nNPwb4DnTANEV99ZWwm3ZWfdlfkQbWSDDt+PsXEVYwlhPH8tdMaPunYTKKmz7AnHi2oNEi1GcmKCD8g==", "funding": [ { "type": "opencollective", @@ -6345,9 +7227,9 @@ "license": "MIT" }, "node_modules/chart.js": { - "version": "4.4.6", - "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.6.tgz", - "integrity": "sha512-8Y406zevUPbbIBA/HRk33khEmQPk5+cxeflWE/2rx1NJsjVWMPw/9mSP9rxHP5eqi6LNoPBVMfZHxbwLSgldYA==", + "version": "4.4.9", + "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.9.tgz", + "integrity": "sha512-EyZ9wWKgpAU0fLJ43YAEIF8sr5F2W3LqbS40ZJyHIner2lY14ufqv2VMp69MAiZ2rpwxEUxEhIH/0U3xyRynxg==", "license": "MIT", "dependencies": { "@kurkle/color": "^0.3.0" @@ -6357,41 +7239,18 @@ } }, "node_modules/chokidar": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", - "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", - "dev": true, + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz", + "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==", "license": "MIT", "dependencies": { - "anymatch": "~3.1.2", - "braces": "~3.0.2", - "glob-parent": "~5.1.2", - "is-binary-path": "~2.1.0", - "is-glob": "~4.0.1", - "normalize-path": "~3.0.0", - "readdirp": "~3.6.0" + "readdirp": "^4.0.1" }, "engines": { - "node": ">= 8.10.0" + "node": ">= 14.16.0" }, "funding": { "url": "https://paulmillr.com/funding/" - }, - "optionalDependencies": { - "fsevents": "~2.3.2" - } - }, - "node_modules/chokidar/node_modules/glob-parent": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", - "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", - "dev": true, - "license": "ISC", - "dependencies": { - "is-glob": "^4.0.1" - }, - "engines": { - "node": ">= 6" } }, "node_modules/chownr": { @@ -6414,16 +7273,6 @@ "node": ">=6.0" } }, - "node_modules/clean-stack": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz", - "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=6" - } - }, "node_modules/cli-cursor": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-5.0.0.tgz", @@ -6494,6 +7343,15 @@ "node": ">=12" } }, + "node_modules/cliui/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/cliui/node_modules/emoji-regex": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", @@ -6523,6 +7381,18 @@ "node": ">=8" } }, + "node_modules/cliui/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "license": "MIT", + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/cliui/node_modules/wrap-ansi": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", @@ -6604,9 +7474,9 @@ "license": "MIT" }, "node_modules/commander": { - "version": "12.1.0", - "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz", - "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==", + "version": "13.1.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-13.1.0.tgz", + "integrity": "sha512-/rFeCpNJQbhSZjGVwO9RFV3xPqbnERS8MmIQzCtD/zl6gpJuV/bMLuN92oG3F7d8oDEHHRrujSXNUr8fpjntKw==", "dev": true, "license": "MIT", "engines": { @@ -6641,9 +7511,9 @@ } }, "node_modules/compression": { - "version": "1.7.5", - "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.5.tgz", - "integrity": "sha512-bQJ0YRck5ak3LgtnpKkiabX5pNF7tMUh1BSy2ZBOTh0Dim0BUu6aPPwByIns6/A5Prh8PufSPerMDUklpzes2Q==", + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/compression/-/compression-1.8.0.tgz", + "integrity": "sha512-k6WLKfunuqCYD3t6AsuPGvQWaKwuLLh2/xHNcX4qE+vIfDNXpSqnrhwA7O53R7WVQUnt8dVAIW+YHr7xTgOgGA==", "dev": true, "license": "MIT", "dependencies": { @@ -6676,6 +7546,16 @@ "dev": true, "license": "MIT" }, + "node_modules/compression/node_modules/negotiator": { + "version": "0.6.4", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz", + "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, "node_modules/concat-map": { "version": "0.0.1", "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", @@ -6830,6 +7710,16 @@ "copyup": "copyfiles" } }, + "node_modules/copyfiles/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/copyfiles/node_modules/brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", @@ -6898,6 +7788,19 @@ "node": ">=8" } }, + "node_modules/copyfiles/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/copyfiles/node_modules/wrap-ansi": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", @@ -6946,13 +7849,13 @@ } }, "node_modules/core-js-compat": { - "version": "3.39.0", - "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.39.0.tgz", - "integrity": "sha512-VgEUx3VwlExr5no0tXlBt+silBvhTryPwCXRI2Id1PN8WTKu7MreethvddqOubrYxkFdv/RnYrqlv1sFNAUelw==", + "version": "3.42.0", + "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.42.0.tgz", + "integrity": "sha512-bQasjMfyDGyaeWKBIu33lHh9qlSR0MFE/Nmc6nMjf/iU9b3rSMdAYz1Baxrv4lPdGUsTqZudHA4jIGSJy0SWZQ==", "dev": true, "license": "MIT", "dependencies": { - "browserslist": "^4.24.2" + "browserslist": "^4.24.4" }, "funding": { "type": "opencollective", @@ -7007,27 +7910,10 @@ } } }, - "node_modules/critters": { - "version": "0.0.24", - "resolved": "https://registry.npmjs.org/critters/-/critters-0.0.24.tgz", - "integrity": "sha512-Oyqew0FGM0wYUSNqR0L6AteO5MpMoUU0rhKRieXeiKs+PmRTxiJMyaunYB2KF6fQ3dzChXKCpbFOEJx3OQ1v/Q==", - "deprecated": "Ownership of Critters has moved to the Nuxt team, who will be maintaining the project going forward. If you'd like to keep using Critters, please switch to the actively-maintained fork at https://github.com/danielroe/beasties", - "dev": true, - "license": "Apache-2.0", - "dependencies": { - "chalk": "^4.1.0", - "css-select": "^5.1.0", - "dom-serializer": "^2.0.0", - "domhandler": "^5.0.2", - "htmlparser2": "^8.0.2", - "postcss": "^8.4.23", - "postcss-media-query-parser": "^0.2.3" - } - }, "node_modules/cross-spawn": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.5.tgz", - "integrity": "sha512-ZVJrKKYunU38/76t0RMOulHOnUcbU9GbpWKAOZ0mhjr7CX6FVrH+4FrAapSOekrgFQ3f/8gwMEuIft0aKq6Hug==", + "version": "7.0.6", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz", + "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==", "dev": true, "license": "MIT", "dependencies": { @@ -7136,9 +8022,9 @@ } }, "node_modules/debug": { - "version": "4.3.7", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz", - "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==", + "version": "4.4.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz", + "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==", "license": "MIT", "dependencies": { "ms": "^2.1.3" @@ -7159,16 +8045,6 @@ "dev": true, "license": "MIT" }, - "node_modules/deepmerge": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz", - "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/default-browser": { "version": "5.2.1", "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.2.1.tgz", @@ -7199,19 +8075,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/default-gateway": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-6.0.3.tgz", - "integrity": "sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==", - "dev": true, - "license": "BSD-2-Clause", - "dependencies": { - "execa": "^5.0.0" - }, - "engines": { - "node": ">= 10" - } - }, "node_modules/defaults": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz", @@ -7225,24 +8088,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/define-data-property": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz", - "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==", - "dev": true, - "license": "MIT", - "dependencies": { - "es-define-property": "^1.0.0", - "es-errors": "^1.3.0", - "gopd": "^1.0.1" - }, - "engines": { - "node": ">= 0.4" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/define-lazy-prop": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz", @@ -7288,11 +8133,12 @@ } }, "node_modules/detect-libc": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz", - "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz", + "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==", "dev": true, "license": "Apache-2.0", + "optional": true, "engines": { "node": ">=8" } @@ -7382,9 +8228,9 @@ } }, "node_modules/domutils": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz", - "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==", + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz", + "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==", "dev": true, "license": "BSD-2-Clause", "dependencies": { @@ -7396,6 +8242,21 @@ "url": "https://github.com/fb55/domutils?sponsor=1" } }, + "node_modules/dunder-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz", + "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==", + "dev": true, + "license": "MIT", + "dependencies": { + "call-bind-apply-helpers": "^1.0.1", + "es-errors": "^1.3.0", + "gopd": "^1.2.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/eastasianwidth": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", @@ -7411,9 +8272,9 @@ "license": "MIT" }, "node_modules/electron-to-chromium": { - "version": "1.5.58", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.58.tgz", - "integrity": "sha512-al2l4r+24ZFL7WzyPTlyD0fC33LLzvxqLCwurtBibVPghRGO9hSTl+tis8t1kD7biPiH/en4U0I7o/nQbYeoVA==", + "version": "1.5.162", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.162.tgz", + "integrity": "sha512-hQA+Zb5QQwoSaXJWEAGEw1zhk//O7qDzib05Z4qTqZfNju/FAkrm5ZInp0JbTp4Z18A6bilopdZWEYrFSsfllA==", "license": "ISC" }, "node_modules/emoji-regex": { @@ -7469,13 +8330,12 @@ } }, "node_modules/engine.io": { - "version": "6.6.2", - "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.2.tgz", - "integrity": "sha512-gmNvsYi9C8iErnZdVcJnvCpSKbWTt1E8+JZo8b+daLninywUWi5NQ5STSHZ9rFjFO7imNcvb8Pc5pe/wMR5xEw==", + "version": "6.6.4", + "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.4.tgz", + "integrity": "sha512-ZCkIjSYNDyGn0R6ewHDtXgns/Zre/NT6Agvq1/WobF7JXgFff4SeDroKiCO3fNJreU9YG429Sc81o4w5ok/W5g==", "dev": true, "license": "MIT", "dependencies": { - "@types/cookie": "^0.4.1", "@types/cors": "^2.8.12", "@types/node": ">=10.0.0", "accepts": "~1.3.4", @@ -7500,10 +8360,28 @@ "node": ">=10.0.0" } }, + "node_modules/engine.io/node_modules/debug": { + "version": "4.3.7", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz", + "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, "node_modules/enhanced-resolve": { - "version": "5.17.1", - "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz", - "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==", + "version": "5.18.1", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz", + "integrity": "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==", "dev": true, "license": "MIT", "dependencies": { @@ -7515,13 +8393,16 @@ } }, "node_modules/ent": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.1.tgz", - "integrity": "sha512-QHuXVeZx9d+tIQAz/XztU0ZwZf2Agg9CcXcgE1rurqvdBeDBrpSwjl8/6XUqMg7tw2Y7uAdKb2sRv+bSEFqQ5A==", + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.2.tgz", + "integrity": "sha512-kKvD1tO6BM+oK9HzCPpUdRb4vKFQY/FPTFmurMvh6LlN68VMrdj77w8yp51/kDbpkFOS9J8w5W6zIzgM2H8/hw==", "dev": true, "license": "MIT", "dependencies": { - "punycode": "^1.4.1" + "call-bound": "^1.0.3", + "es-errors": "^1.3.0", + "punycode": "^1.4.1", + "safe-regex-test": "^1.1.0" }, "engines": { "node": ">= 0.4" @@ -7531,7 +8412,7 @@ "version": "4.5.0", "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", - "devOptional": true, + "dev": true, "license": "BSD-2-Clause", "engines": { "node": ">=0.12" @@ -7595,14 +8476,11 @@ } }, "node_modules/es-define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz", - "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz", + "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==", "dev": true, "license": "MIT", - "dependencies": { - "get-intrinsic": "^1.2.4" - }, "engines": { "node": ">= 0.4" } @@ -7618,16 +8496,29 @@ } }, "node_modules/es-module-lexer": { - "version": "1.5.4", - "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz", - "integrity": "sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==", + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz", + "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==", "dev": true, "license": "MIT" }, + "node_modules/es-object-atoms": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz", + "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==", + "dev": true, + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/esbuild": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.23.0.tgz", - "integrity": "sha512-1lvV17H2bMYda/WaFb2jLPeHU3zml2k4/yagNMG8Q/YtfMjCwEUZa2eXXMgZTVSL5q1n4H7sQ0X6CdJDqqeCFA==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.4.tgz", + "integrity": "sha512-8pgjLUcUjcgDg+2Q4NYXnPbo/vncAY4UmyaCm0jZevERqCHZIaWwdJHkf8XQtu4AxSKCdvrUbT0XUr1IdZzI8Q==", "dev": true, "hasInstallScript": true, "license": "MIT", @@ -7638,36 +8529,37 @@ "node": ">=18" }, "optionalDependencies": { - "@esbuild/aix-ppc64": "0.23.0", - "@esbuild/android-arm": "0.23.0", - "@esbuild/android-arm64": "0.23.0", - "@esbuild/android-x64": "0.23.0", - "@esbuild/darwin-arm64": "0.23.0", - "@esbuild/darwin-x64": "0.23.0", - "@esbuild/freebsd-arm64": "0.23.0", - "@esbuild/freebsd-x64": "0.23.0", - "@esbuild/linux-arm": "0.23.0", - "@esbuild/linux-arm64": "0.23.0", - "@esbuild/linux-ia32": "0.23.0", - "@esbuild/linux-loong64": "0.23.0", - "@esbuild/linux-mips64el": "0.23.0", - "@esbuild/linux-ppc64": "0.23.0", - "@esbuild/linux-riscv64": "0.23.0", - "@esbuild/linux-s390x": "0.23.0", - "@esbuild/linux-x64": "0.23.0", - "@esbuild/netbsd-x64": "0.23.0", - "@esbuild/openbsd-arm64": "0.23.0", - "@esbuild/openbsd-x64": "0.23.0", - "@esbuild/sunos-x64": "0.23.0", - "@esbuild/win32-arm64": "0.23.0", - "@esbuild/win32-ia32": "0.23.0", - "@esbuild/win32-x64": "0.23.0" + "@esbuild/aix-ppc64": "0.25.4", + "@esbuild/android-arm": "0.25.4", + "@esbuild/android-arm64": "0.25.4", + "@esbuild/android-x64": "0.25.4", + "@esbuild/darwin-arm64": "0.25.4", + "@esbuild/darwin-x64": "0.25.4", + "@esbuild/freebsd-arm64": "0.25.4", + "@esbuild/freebsd-x64": "0.25.4", + "@esbuild/linux-arm": "0.25.4", + "@esbuild/linux-arm64": "0.25.4", + "@esbuild/linux-ia32": "0.25.4", + "@esbuild/linux-loong64": "0.25.4", + "@esbuild/linux-mips64el": "0.25.4", + "@esbuild/linux-ppc64": "0.25.4", + "@esbuild/linux-riscv64": "0.25.4", + "@esbuild/linux-s390x": "0.25.4", + "@esbuild/linux-x64": "0.25.4", + "@esbuild/netbsd-arm64": "0.25.4", + "@esbuild/netbsd-x64": "0.25.4", + "@esbuild/openbsd-arm64": "0.25.4", + "@esbuild/openbsd-x64": "0.25.4", + "@esbuild/sunos-x64": "0.25.4", + "@esbuild/win32-arm64": "0.25.4", + "@esbuild/win32-ia32": "0.25.4", + "@esbuild/win32-x64": "0.25.4" } }, "node_modules/esbuild-wasm": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.23.0.tgz", - "integrity": "sha512-6jP8UmWy6R6TUUV8bMuC3ZyZ6lZKI56x0tkxyCIqWwRRJ/DgeQKneh/Oid5EoGoPFLrGNkz47ZEtWAYuiY/u9g==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.25.4.tgz", + "integrity": "sha512-2HlCS6rNvKWaSKhWaG/YIyRsTsL3gUrMP2ToZMBIjw9LM7vVcIs+rz8kE2vExvTJgvM8OKPqNpcHawY/BQc/qQ==", "dev": true, "license": "MIT", "bin": { @@ -7707,30 +8599,31 @@ } }, "node_modules/eslint": { - "version": "9.14.0", - "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.14.0.tgz", - "integrity": "sha512-c2FHsVBr87lnUtjP4Yhvk4yEhKrQavGafRA/Se1ouse8PfbfC/Qh9Mxa00yWsZRlqeUB9raXip0aiiUZkgnr9g==", + "version": "9.28.0", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.28.0.tgz", + "integrity": "sha512-ocgh41VhRlf9+fVpe7QKzwLj9c92fDiqOj8Y3Sd4/ZmVA4Btx4PlUYPq4pp9JDyupkf1upbEXecxL2mwNV7jPQ==", "dev": true, "license": "MIT", "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.12.1", - "@eslint/config-array": "^0.18.0", - "@eslint/core": "^0.7.0", - "@eslint/eslintrc": "^3.1.0", - "@eslint/js": "9.14.0", - "@eslint/plugin-kit": "^0.2.0", + "@eslint/config-array": "^0.20.0", + "@eslint/config-helpers": "^0.2.1", + "@eslint/core": "^0.14.0", + "@eslint/eslintrc": "^3.3.1", + "@eslint/js": "9.28.0", + "@eslint/plugin-kit": "^0.3.1", "@humanfs/node": "^0.16.6", "@humanwhocodes/module-importer": "^1.0.1", - "@humanwhocodes/retry": "^0.4.0", + "@humanwhocodes/retry": "^0.4.2", "@types/estree": "^1.0.6", "@types/json-schema": "^7.0.15", "ajv": "^6.12.4", "chalk": "^4.0.0", - "cross-spawn": "^7.0.2", + "cross-spawn": "^7.0.6", "debug": "^4.3.2", "escape-string-regexp": "^4.0.0", - "eslint-scope": "^8.2.0", + "eslint-scope": "^8.3.0", "eslint-visitor-keys": "^4.2.0", "espree": "^10.3.0", "esquery": "^1.5.0", @@ -7746,8 +8639,7 @@ "lodash.merge": "^4.6.2", "minimatch": "^3.1.2", "natural-compare": "^1.4.0", - "optionator": "^0.9.3", - "text-table": "^0.2.0" + "optionator": "^0.9.3" }, "bin": { "eslint": "bin/eslint.js" @@ -7768,9 +8660,9 @@ } }, "node_modules/eslint-scope": { - "version": "8.2.0", - "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.2.0.tgz", - "integrity": "sha512-PHlWUfG6lvPc3yvP5A4PNyBL1W8fkDUccmI21JUu/+GKZBoH/W5u6usENXUrWFRsyoW5ACUjFGgAFQp5gUlb/A==", + "version": "8.3.0", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.3.0.tgz", + "integrity": "sha512-pUNxi75F8MJ/GdeKtVLSbYg4ZI34J6C0C7sbL4YOp2exGwen7ZsuBqKzUhXd0qMQ362yET3z+uPwKeg/0C2XCQ==", "dev": true, "license": "BSD-2-Clause", "dependencies": { @@ -7838,6 +8730,16 @@ "url": "https://opencollective.com/eslint" } }, + "node_modules/eslint/node_modules/ignore": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz", + "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 4" + } + }, "node_modules/eslint/node_modules/json-schema-traverse": { "version": "0.4.1", "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", @@ -7969,64 +8871,17 @@ "node": ">=0.8.x" } }, - "node_modules/execa": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz", - "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==", - "dev": true, - "license": "MIT", - "dependencies": { - "cross-spawn": "^7.0.3", - "get-stream": "^6.0.0", - "human-signals": "^2.1.0", - "is-stream": "^2.0.0", - "merge-stream": "^2.0.0", - "npm-run-path": "^4.0.1", - "onetime": "^5.1.2", - "signal-exit": "^3.0.3", - "strip-final-newline": "^2.0.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sindresorhus/execa?sponsor=1" - } - }, - "node_modules/execa/node_modules/onetime": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz", - "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==", - "dev": true, - "license": "MIT", - "dependencies": { - "mimic-fn": "^2.1.0" - }, - "engines": { - "node": ">=6" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/execa/node_modules/signal-exit": { - "version": "3.0.7", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", - "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", - "dev": true, - "license": "ISC" - }, "node_modules/exponential-backoff": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.1.tgz", - "integrity": "sha512-dX7e/LHVJ6W3DE1MHWi9S1EYzDESENfLrYohG2G++ovZrYOkm4Knwa0mc1cn84xJOR4KEU0WSchhLbd0UklbHw==", + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.2.tgz", + "integrity": "sha512-8QxYTVXUkuy7fIIoitQkPwGonB8F3Zj8eEO8Sqg9Zv/bkI7RJAzowee4gr81Hak/dUTpA2Z7VfQgoijjPNlUZA==", "dev": true, "license": "Apache-2.0" }, "node_modules/express": { - "version": "4.21.1", - "resolved": "https://registry.npmjs.org/express/-/express-4.21.1.tgz", - "integrity": "sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==", + "version": "4.21.2", + "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz", + "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==", "dev": true, "license": "MIT", "dependencies": { @@ -8049,7 +8904,7 @@ "methods": "~1.1.2", "on-finished": "2.4.1", "parseurl": "~1.3.3", - "path-to-regexp": "0.1.10", + "path-to-regexp": "0.1.12", "proxy-addr": "~2.0.7", "qs": "6.13.0", "range-parser": "~1.2.1", @@ -8064,6 +8919,10 @@ }, "engines": { "node": ">= 0.10.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" } }, "node_modules/express/node_modules/cookie": { @@ -8162,16 +9021,16 @@ "license": "MIT" }, "node_modules/fast-glob": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz", - "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==", + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz", + "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==", "license": "MIT", "dependencies": { "@nodelib/fs.stat": "^2.0.2", "@nodelib/fs.walk": "^1.2.3", "glob-parent": "^5.1.2", "merge2": "^1.3.0", - "micromatch": "^4.0.4" + "micromatch": "^4.0.8" }, "engines": { "node": ">=8.6.0" @@ -8204,16 +9063,26 @@ "license": "MIT" }, "node_modules/fast-uri": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.3.tgz", - "integrity": "sha512-aLrHthzCjH5He4Z2H9YZ+v6Ujb9ocRuW6ZzkJQOrTxleEijANq4v1TsaPaVG1PZcuurEzrLcWRyYBYXD5cEiaw==", + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.6.tgz", + "integrity": "sha512-Atfo14OibSv5wAp4VWNsFYE1AchQRTv9cBGWET4pZWHzYshFSS9NQI6I57rdKn9croWVMbYFbLhJ+yJvmZIIHw==", "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/fastify" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/fastify" + } + ], "license": "BSD-3-Clause" }, "node_modules/fastq": { - "version": "1.17.1", - "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz", - "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==", + "version": "1.19.1", + "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz", + "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==", "license": "ISC", "dependencies": { "reusify": "^1.0.4" @@ -8232,6 +9101,21 @@ "node": ">=0.8.0" } }, + "node_modules/fdir": { + "version": "6.4.5", + "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.5.tgz", + "integrity": "sha512-4BG7puHpVsIYxZUbiUE3RqGloLaSSwzYie5jvasC4LWuBWzZawynvYouhjbQKw2JuIGYdm0DzIxl8iVidKlUEw==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "picomatch": "^3 || ^4" + }, + "peerDependenciesMeta": { + "picomatch": { + "optional": true + } + } + }, "node_modules/file-entry-cache": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz", @@ -8365,9 +9249,9 @@ } }, "node_modules/flatted": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz", - "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==", + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz", + "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==", "dev": true, "license": "ISC" }, @@ -8393,13 +9277,13 @@ } }, "node_modules/foreground-child": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz", - "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==", + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz", + "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==", "dev": true, "license": "ISC", "dependencies": { - "cross-spawn": "^7.0.0", + "cross-spawn": "^7.0.6", "signal-exit": "^4.0.1" }, "engines": { @@ -8535,17 +9419,22 @@ } }, "node_modules/get-intrinsic": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz", - "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==", + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz", + "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==", "dev": true, "license": "MIT", "dependencies": { + "call-bind-apply-helpers": "^1.0.2", + "es-define-property": "^1.0.1", "es-errors": "^1.3.0", + "es-object-atoms": "^1.1.1", "function-bind": "^1.1.2", - "has-proto": "^1.0.1", - "has-symbols": "^1.0.3", - "hasown": "^2.0.0" + "get-proto": "^1.0.1", + "gopd": "^1.2.0", + "has-symbols": "^1.1.0", + "hasown": "^2.0.2", + "math-intrinsics": "^1.1.0" }, "engines": { "node": ">= 0.4" @@ -8554,17 +9443,18 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/get-stream": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz", - "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==", + "node_modules/get-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz", + "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==", "dev": true, "license": "MIT", - "engines": { - "node": ">=10" + "dependencies": { + "dunder-proto": "^1.0.1", + "es-object-atoms": "^1.0.0" }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" + "engines": { + "node": ">= 0.4" } }, "node_modules/glob": { @@ -8643,18 +9533,18 @@ } }, "node_modules/globby": { - "version": "14.0.2", - "resolved": "https://registry.npmjs.org/globby/-/globby-14.0.2.tgz", - "integrity": "sha512-s3Fq41ZVh7vbbe2PN3nrW7yC7U7MFVc5c98/iTl9c2GawNMKx/J648KQRW6WKkuU8GIbbh2IXfIRQjOZnXcTnw==", + "version": "14.1.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-14.1.0.tgz", + "integrity": "sha512-0Ia46fDOaT7k4og1PDW4YbodWWr3scS2vAr2lTbsplOt2WkKp0vQbkI9wKis/T5LV/dqPjO3bpS/z6GTJB82LA==", "dev": true, "license": "MIT", "dependencies": { "@sindresorhus/merge-streams": "^2.1.0", - "fast-glob": "^3.3.2", - "ignore": "^5.2.4", - "path-type": "^5.0.0", + "fast-glob": "^3.3.3", + "ignore": "^7.0.3", + "path-type": "^6.0.0", "slash": "^5.1.0", - "unicorn-magic": "^0.1.0" + "unicorn-magic": "^0.3.0" }, "engines": { "node": ">=18" @@ -8664,13 +9554,13 @@ } }, "node_modules/gopd": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz", - "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz", + "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==", "dev": true, "license": "MIT", - "dependencies": { - "get-intrinsic": "^1.1.3" + "engines": { + "node": ">= 0.4" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -8707,23 +9597,10 @@ "node": ">=8" } }, - "node_modules/has-property-descriptors": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz", - "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==", - "dev": true, - "license": "MIT", - "dependencies": { - "es-define-property": "^1.0.0" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, - "node_modules/has-proto": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz", - "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==", + "node_modules/has-symbols": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz", + "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==", "dev": true, "license": "MIT", "engines": { @@ -8733,12 +9610,15 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/has-symbols": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", - "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==", + "node_modules/has-tostringtag": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz", + "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==", "dev": true, "license": "MIT", + "dependencies": { + "has-symbols": "^1.0.3" + }, "engines": { "node": ">= 0.4" }, @@ -8760,16 +9640,16 @@ } }, "node_modules/hosted-git-info": { - "version": "7.0.2", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.2.tgz", - "integrity": "sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==", + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-8.1.0.tgz", + "integrity": "sha512-Rw/B2DNQaPBICNXEm8balFz9a6WpZrkCGpcWFpy7nCj+NyhSdqXipmfvtmWt9xGfp0wZnBxB+iVpLmQMYt47Tw==", "dev": true, "license": "ISC", "dependencies": { "lru-cache": "^10.0.1" }, "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/hosted-git-info/node_modules/lru-cache": { @@ -8833,10 +9713,9 @@ } }, "node_modules/html-entities": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.5.2.tgz", - "integrity": "sha512-K//PSRMQk4FZ78Kyau+mZurHn3FH0Vwr+H36eE0rPbeYkRRi9YxceYPhuN60UwWorxyKHhqoAJl2OFKa4BVtaA==", - "dev": true, + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.6.0.tgz", + "integrity": "sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==", "funding": [ { "type": "github", @@ -8856,10 +9735,16 @@ "dev": true, "license": "MIT" }, + "node_modules/html-to-md": { + "version": "0.8.8", + "resolved": "https://registry.npmjs.org/html-to-md/-/html-to-md-0.8.8.tgz", + "integrity": "sha512-lgK3KKagobOguNi1XOfNaTtFSsjySir1CPfzewzVUjFM4x0RASnyZu47Hoe9nStpWFwpOwIrdxXzhxLIRbWllQ==", + "license": "MIT" + }, "node_modules/htmlparser2": { - "version": "8.0.2", - "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz", - "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==", + "version": "10.0.0", + "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-10.0.0.tgz", + "integrity": "sha512-TwAZM+zE5Tq3lrEHvOlvwgj1XLWQCtaaibSN11Q+gGBAS7Y1uZSWwXXRe4iF6OXnaq1riyQAPFOBtYc77Mxq0g==", "dev": true, "funding": [ "https://github.com/fb55/htmlparser2?sponsor=1", @@ -8872,14 +9757,27 @@ "dependencies": { "domelementtype": "^2.3.0", "domhandler": "^5.0.3", - "domutils": "^3.0.1", - "entities": "^4.4.0" + "domutils": "^3.2.1", + "entities": "^6.0.0" + } + }, + "node_modules/htmlparser2/node_modules/entities": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.0.tgz", + "integrity": "sha512-aKstq2TDOndCn4diEyp9Uq/Flu2i1GlLkc6XIDQSDMuaFE3OPW5OphLCyQ5SpSJZTb4reN+kTcYru5yIfXoRPw==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=0.12" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" } }, "node_modules/http-cache-semantics": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz", - "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==", + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz", + "integrity": "sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==", "dev": true, "license": "BSD-2-Clause" }, @@ -8918,9 +9816,9 @@ } }, "node_modules/http-parser-js": { - "version": "0.5.8", - "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.8.tgz", - "integrity": "sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==", + "version": "0.5.10", + "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.10.tgz", + "integrity": "sha512-Pysuw9XpUq5dVc/2SMHpuTY01RFl8fttgcyunjL7eEMhGM3cI4eOmiCycJDVCo/7O7ClfQD3SaI6ftDzqOXYMA==", "dev": true, "license": "MIT" }, @@ -8954,9 +9852,9 @@ } }, "node_modules/http-proxy-middleware": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-3.0.3.tgz", - "integrity": "sha512-usY0HG5nyDUwtqpiZdETNbmKtw3QQ1jwYFZ9wi5iHzX2BcILwQKtYDJPo7XHTsu5Z0B2Hj3W9NNnbd+AjFWjqg==", + "version": "3.0.5", + "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-3.0.5.tgz", + "integrity": "sha512-GLZZm1X38BPY4lkXA01jhwxvDoOkkXqjgVyUzVxiEK4iuRu03PZoYHhHRwxnfhQMDuaxi3vVri0YgSro/1oWqg==", "dev": true, "license": "MIT", "dependencies": { @@ -8972,29 +9870,19 @@ } }, "node_modules/https-proxy-agent": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.5.tgz", - "integrity": "sha512-1e4Wqeblerz+tMKPIq2EMGiiWW1dIjZOksyHWSUm1rmuvw/how9hBHZ38lAGj5ID4Ik6EdkOw7NmWPy6LAwalw==", + "version": "7.0.6", + "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz", + "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==", "dev": true, "license": "MIT", "dependencies": { - "agent-base": "^7.0.2", + "agent-base": "^7.1.2", "debug": "4" }, "engines": { "node": ">= 14" } }, - "node_modules/human-signals": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz", - "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==", - "dev": true, - "license": "Apache-2.0", - "engines": { - "node": ">=10.17.0" - } - }, "node_modules/hyperdyperid": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/hyperdyperid/-/hyperdyperid-1.2.0.tgz", @@ -9053,9 +9941,9 @@ "license": "BSD-3-Clause" }, "node_modules/ignore": { - "version": "5.3.2", - "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz", - "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==", + "version": "7.0.5", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz", + "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==", "dev": true, "license": "MIT", "engines": { @@ -9063,16 +9951,16 @@ } }, "node_modules/ignore-walk": { - "version": "6.0.5", - "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-6.0.5.tgz", - "integrity": "sha512-VuuG0wCnjhnylG1ABXT3dAuIpTNDs/G8jlpmwXY03fXoXy/8ZK8/T+hMzt8L4WnrLCJgdybqgPagnF/f97cg3A==", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-7.0.0.tgz", + "integrity": "sha512-T4gbf83A4NH95zvhVYZc+qWocBBGlpzUXLPGurJggw/WIOwicfXJChLDP/iBZnN5WqROSu5Bm3hhle4z8a8YGQ==", "dev": true, "license": "ISC", "dependencies": { "minimatch": "^9.0.0" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/image-size": { @@ -9090,16 +9978,16 @@ } }, "node_modules/immutable": { - "version": "4.3.7", - "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz", - "integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==", + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.2.tgz", + "integrity": "sha512-qHKXW1q6liAk1Oys6umoaZbDRqjcjgSrbnrifHsfsttza7zcvRAsL7mMV6xWcyhwQy7Xj5v4hhbr6b+iDYwlmQ==", "dev": true, "license": "MIT" }, "node_modules/import-fresh": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", - "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==", + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz", + "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==", "dev": true, "license": "MIT", "dependencies": { @@ -9123,16 +10011,6 @@ "node": ">=0.8.19" } }, - "node_modules/indent-string": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz", - "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=8" - } - }, "node_modules/inflight": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", @@ -9153,19 +10031,19 @@ "license": "ISC" }, "node_modules/ini": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/ini/-/ini-4.1.3.tgz", - "integrity": "sha512-X7rqawQBvfdjS10YU1y1YVreA3SsLrW9dX2CewP2EbBJM4ypVNLDkO5y04gejPwKIY9lR+7r9gn3rFPt/kmWFg==", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/ini/-/ini-5.0.0.tgz", + "integrity": "sha512-+N0ngpO3e7cRUWOJAS7qw0IZIVc6XPrW4MlFBdD066F2L4k1L6ker3hLqSq7iXxU5tgS4WGkIUElWn5vogAEnw==", "dev": true, "license": "ISC", "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/injection-js": { - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/injection-js/-/injection-js-2.4.0.tgz", - "integrity": "sha512-6jiJt0tCAo9zjHbcwLiPL+IuNe9SQ6a9g0PEzafThW3fOQi0mrmiJGBJvDD6tmhPh8cQHIQtCOrJuBfQME4kPA==", + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/injection-js/-/injection-js-2.5.0.tgz", + "integrity": "sha512-UpY2ONt4xbht4GhSqQ2zMJ1rBIQq4uOY+DlR6aOeYyqK7xadXt7UQbJIyxmgk288bPMkIZKjViieHm0O0i72Jw==", "dev": true, "license": "MIT", "dependencies": { @@ -9217,9 +10095,9 @@ } }, "node_modules/is-core-module": { - "version": "2.15.1", - "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz", - "integrity": "sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==", + "version": "2.16.1", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz", + "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==", "dev": true, "license": "MIT", "dependencies": { @@ -9311,20 +10189,6 @@ "node": ">=8" } }, - "node_modules/is-lambda": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz", - "integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==", - "dev": true, - "license": "MIT" - }, - "node_modules/is-module": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz", - "integrity": "sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==", - "dev": true, - "license": "MIT" - }, "node_modules/is-network-error": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/is-network-error/-/is-network-error-1.1.0.tgz", @@ -9370,17 +10234,23 @@ "node": ">=0.10.0" } }, - "node_modules/is-stream": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz", - "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==", + "node_modules/is-regex": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz", + "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==", "dev": true, "license": "MIT", + "dependencies": { + "call-bound": "^1.0.2", + "gopd": "^1.2.0", + "has-tostringtag": "^1.0.2", + "hasown": "^2.0.2" + }, "engines": { - "node": ">=8" + "node": ">= 0.4" }, "funding": { - "url": "https://github.com/sponsors/sindresorhus" + "url": "https://github.com/sponsors/ljharb" } }, "node_modules/is-unicode-supported": { @@ -9554,9 +10424,9 @@ } }, "node_modules/jasmine-core": { - "version": "5.4.0", - "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-5.4.0.tgz", - "integrity": "sha512-T4fio3W++llLd7LGSGsioriDHgWyhoL6YTu4k37uwJLF7DzOzspz7mNxRoM3cQdLWtL/ebazQpIf/yZGJx/gzg==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-5.7.1.tgz", + "integrity": "sha512-QnurrtpKsPoixxG2R3d1xP0St/2kcX5oTZyDyQJMY+Vzi/HUlu1kGm+2V8Tz+9lV991leB1l0xcsyz40s9xOOw==", "dev": true, "license": "MIT" }, @@ -9592,9 +10462,9 @@ } }, "node_modules/jiti": { - "version": "1.21.6", - "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz", - "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==", + "version": "1.21.7", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz", + "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==", "dev": true, "license": "MIT", "bin": { @@ -9628,15 +10498,15 @@ "license": "MIT" }, "node_modules/jsesc": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", - "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz", + "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==", "license": "MIT", "bin": { "jsesc": "bin/jsesc" }, "engines": { - "node": ">=4" + "node": ">=6" } }, "node_modules/json-buffer": { @@ -9647,13 +10517,13 @@ "license": "MIT" }, "node_modules/json-parse-even-better-errors": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.2.tgz", - "integrity": "sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-4.0.0.tgz", + "integrity": "sha512-lR4MXjGNgkJc7tkQ97kb2nuEMnNCyU//XYVH0MKTGcXEiSudQ5MKGKen3C5QubYy0vmq+JGitUg92uuywGEwIA==", "dev": true, "license": "MIT", "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/json-schema-traverse": { @@ -9885,6 +10755,16 @@ "source-map-support": "^0.5.5" } }, + "node_modules/karma/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/karma/node_modules/brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", @@ -9896,6 +10776,31 @@ "concat-map": "0.0.1" } }, + "node_modules/karma/node_modules/chokidar": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", + "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", + "dev": true, + "license": "MIT", + "dependencies": { + "anymatch": "~3.1.2", + "braces": "~3.0.2", + "glob-parent": "~5.1.2", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.6.0" + }, + "engines": { + "node": ">= 8.10.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, "node_modules/karma/node_modules/cliui": { "version": "7.0.4", "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz", @@ -9915,6 +10820,19 @@ "dev": true, "license": "MIT" }, + "node_modules/karma/node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "license": "ISC", + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, "node_modules/karma/node_modules/is-fullwidth-code-point": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", @@ -9951,6 +10869,32 @@ "mkdirp": "bin/cmd.js" } }, + "node_modules/karma/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/karma/node_modules/readdirp": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "dev": true, + "license": "MIT", + "dependencies": { + "picomatch": "^2.2.1" + }, + "engines": { + "node": ">=8.10.0" + } + }, "node_modules/karma/node_modules/source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", @@ -9976,6 +10920,19 @@ "node": ">=8" } }, + "node_modules/karma/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/karma/node_modules/tmp": { "version": "0.2.3", "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.3.tgz", @@ -10054,9 +11011,9 @@ } }, "node_modules/launch-editor": { - "version": "2.9.1", - "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.9.1.tgz", - "integrity": "sha512-Gcnl4Bd+hRO9P9icCP/RVVT2o8SFlPXofuCxvA2SaZuH45whSvf5p8x5oih5ftLiVhEI4sp5xDY+R+b3zJBh5w==", + "version": "2.10.0", + "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.10.0.tgz", + "integrity": "sha512-D7dBRJo/qcGX9xlvt/6wUYzQxjh5G1RvZPgPv8vi4KRU99DVQL/oW7tnVOCCTm2HGeo3C5HvGE5Yrh6UBoZ0vA==", "dev": true, "license": "MIT", "dependencies": { @@ -10065,9 +11022,9 @@ } }, "node_modules/less": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/less/-/less-4.2.0.tgz", - "integrity": "sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==", + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/less/-/less-4.2.2.tgz", + "integrity": "sha512-tkuLHQlvWUTeQ3doAqnHbNn8T6WX1KA8yvbKG9x4VtKtIjHsVKQZCH11zRgAfbDAXC2UNIg/K9BYAAcEzUIrNg==", "dev": true, "license": "Apache-2.0", "dependencies": { @@ -10209,9 +11166,9 @@ "license": "MIT" }, "node_modules/listr2": { - "version": "8.2.4", - "resolved": "https://registry.npmjs.org/listr2/-/listr2-8.2.4.tgz", - "integrity": "sha512-opevsywziHd3zHCVQGAj8zu+Z3yHNkkoYhWIGnq54RrCVwLz0MozotJEDnKsIBLvkfLGN6BLOyAeRrYI0pKA4g==", + "version": "8.2.5", + "resolved": "https://registry.npmjs.org/listr2/-/listr2-8.2.5.tgz", + "integrity": "sha512-iyAZCeyD+c1gPyE9qpFu8af0Y+MRtmKOncdGoA2S5EY8iFq99dmmvkNnHiWo+pj0s7yH7l3KPIgee77tKpXPWQ==", "dev": true, "license": "MIT", "dependencies": { @@ -10226,19 +11183,6 @@ "node": ">=18.0.0" } }, - "node_modules/listr2/node_modules/ansi-regex": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", - "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/chalk/ansi-regex?sponsor=1" - } - }, "node_modules/listr2/node_modules/ansi-styles": { "version": "6.2.1", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", @@ -10259,22 +11203,6 @@ "dev": true, "license": "MIT" }, - "node_modules/listr2/node_modules/strip-ansi": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", - "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "ansi-regex": "^6.0.1" - }, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/chalk/strip-ansi?sponsor=1" - } - }, "node_modules/listr2/node_modules/wrap-ansi": { "version": "9.0.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.0.tgz", @@ -10294,29 +11222,30 @@ } }, "node_modules/lmdb": { - "version": "3.0.13", - "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.0.13.tgz", - "integrity": "sha512-UGe+BbaSUQtAMZobTb4nHvFMrmvuAQKSeaqAX2meTEQjfsbpl5sxdHD8T72OnwD4GU9uwNhYXIVe4QGs8N9Zyw==", + "version": "3.2.6", + "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.2.6.tgz", + "integrity": "sha512-SuHqzPl7mYStna8WRotY8XX/EUZBjjv3QyKIByeCLFfC9uXT/OIHByEcA07PzbMfQAM0KYJtLgtpMRlIe5dErQ==", "dev": true, "hasInstallScript": true, "license": "MIT", + "optional": true, "dependencies": { - "msgpackr": "^1.10.2", + "msgpackr": "^1.11.2", "node-addon-api": "^6.1.0", "node-gyp-build-optional-packages": "5.2.2", - "ordered-binary": "^1.4.1", + "ordered-binary": "^1.5.3", "weak-lru-cache": "^1.2.2" }, "bin": { "download-lmdb-prebuilds": "bin/download-prebuilds.js" }, "optionalDependencies": { - "@lmdb/lmdb-darwin-arm64": "3.0.13", - "@lmdb/lmdb-darwin-x64": "3.0.13", - "@lmdb/lmdb-linux-arm": "3.0.13", - "@lmdb/lmdb-linux-arm64": "3.0.13", - "@lmdb/lmdb-linux-x64": "3.0.13", - "@lmdb/lmdb-win32-x64": "3.0.13" + "@lmdb/lmdb-darwin-arm64": "3.2.6", + "@lmdb/lmdb-darwin-x64": "3.2.6", + "@lmdb/lmdb-linux-arm": "3.2.6", + "@lmdb/lmdb-linux-arm64": "3.2.6", + "@lmdb/lmdb-linux-x64": "3.2.6", + "@lmdb/lmdb-win32-x64": "3.2.6" } }, "node_modules/loader-runner": { @@ -10435,19 +11364,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/log-update/node_modules/ansi-regex": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", - "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/chalk/ansi-regex?sponsor=1" - } - }, "node_modules/log-update/node_modules/ansi-styles": { "version": "6.2.1", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", @@ -10494,22 +11410,6 @@ "url": "https://github.com/chalk/slice-ansi?sponsor=1" } }, - "node_modules/log-update/node_modules/strip-ansi": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", - "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "ansi-regex": "^6.0.1" - }, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/chalk/strip-ansi?sponsor=1" - } - }, "node_modules/log-update/node_modules/wrap-ansi": { "version": "9.0.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.0.tgz", @@ -10555,9 +11455,9 @@ } }, "node_modules/magic-string": { - "version": "0.30.11", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.11.tgz", - "integrity": "sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==", + "version": "0.30.17", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz", + "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==", "dev": true, "license": "MIT", "dependencies": { @@ -10581,27 +11481,36 @@ } }, "node_modules/make-fetch-happen": { - "version": "13.0.1", - "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-13.0.1.tgz", - "integrity": "sha512-cKTUFc/rbKUd/9meOvgrpJ2WrNzymt6jfRDdwg5UCnVzv9dTpEj9JS5m3wtziXVCjluIXyL8pcaukYqezIzZQA==", + "version": "14.0.3", + "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-14.0.3.tgz", + "integrity": "sha512-QMjGbFTP0blj97EeidG5hk/QhKQ3T4ICckQGLgz38QF7Vgbk6e6FTARN8KhKxyBbWn8R0HU+bnw8aSoFPD4qtQ==", "dev": true, "license": "ISC", "dependencies": { - "@npmcli/agent": "^2.0.0", - "cacache": "^18.0.0", + "@npmcli/agent": "^3.0.0", + "cacache": "^19.0.1", "http-cache-semantics": "^4.1.1", - "is-lambda": "^1.0.1", "minipass": "^7.0.2", - "minipass-fetch": "^3.0.0", + "minipass-fetch": "^4.0.0", "minipass-flush": "^1.0.5", "minipass-pipeline": "^1.2.4", - "negotiator": "^0.6.3", - "proc-log": "^4.2.0", + "negotiator": "^1.0.0", + "proc-log": "^5.0.0", "promise-retry": "^2.0.1", - "ssri": "^10.0.0" + "ssri": "^12.0.0" }, "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/math-intrinsics": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", + "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.4" } }, "node_modules/media-typer": { @@ -10615,9 +11524,9 @@ } }, "node_modules/memfs": { - "version": "4.14.0", - "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.14.0.tgz", - "integrity": "sha512-JUeY0F/fQZgIod31Ja1eJgiSxLn7BfQlCnqhwXFBzFHEw63OdLK7VJUJ7bnzNsWgCyoUP5tEp1VRY8rDaYzqOA==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.17.2.tgz", + "integrity": "sha512-NgYhCOWgovOXSzvYgUW0LQ7Qy72rWQMGGFJDoWg4G30RHd3z77VbYdtJ4fembJXBy8pMIUA31XNAupobOQlwdg==", "dev": true, "license": "Apache-2.0", "dependencies": { @@ -10755,9 +11664,9 @@ } }, "node_modules/mini-css-extract-plugin": { - "version": "2.9.0", - "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.0.tgz", - "integrity": "sha512-Zs1YsZVfemekSZG+44vBsYTLQORkPMwnlv+aehcxK/NLKC+EGhDB39/YePYYqx/sTk6NnYpuqikhSn7+JIevTA==", + "version": "2.9.2", + "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.2.tgz", + "integrity": "sha512-GJuACcS//jtq4kCtd5ii/M0SZf7OZRH+BxdqXZHaJfb8TJiVl+NgQRPwiYt2EuqeSkNydn/7vP+bcE27C5mb9w==", "dev": true, "license": "MIT", "dependencies": { @@ -10832,18 +11741,18 @@ } }, "node_modules/minipass-fetch": { - "version": "3.0.5", - "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-3.0.5.tgz", - "integrity": "sha512-2N8elDQAtSnFV0Dk7gt15KHsS0Fyz6CbYZ360h0WTYV1Ty46li3rAXVOQj1THMNLdmrD9Vt5pBPtWtVkpwGBqg==", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-4.0.1.tgz", + "integrity": "sha512-j7U11C5HXigVuutxebFadoYBbd7VSdZWggSe64NVdvWNBqGAiXPL2QVCehjmw7lY1oF9gOllYbORh+hiNgfPgQ==", "dev": true, "license": "MIT", "dependencies": { "minipass": "^7.0.3", "minipass-sized": "^1.0.3", - "minizlib": "^2.1.2" + "minizlib": "^3.0.1" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" }, "optionalDependencies": { "encoding": "^0.1.13" @@ -10949,39 +11858,18 @@ "license": "ISC" }, "node_modules/minizlib": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz", - "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.0.2.tgz", + "integrity": "sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==", "dev": true, "license": "MIT", "dependencies": { - "minipass": "^3.0.0", - "yallist": "^4.0.0" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/minizlib/node_modules/minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", - "dev": true, - "license": "ISC", - "dependencies": { - "yallist": "^4.0.0" + "minipass": "^7.1.2" }, "engines": { - "node": ">=8" + "node": ">= 18" } }, - "node_modules/minizlib/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true, - "license": "ISC" - }, "node_modules/mkdirp": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", @@ -10996,9 +11884,9 @@ } }, "node_modules/mrmime": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.0.tgz", - "integrity": "sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz", + "integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==", "dev": true, "license": "MIT", "engines": { @@ -11012,11 +11900,12 @@ "license": "MIT" }, "node_modules/msgpackr": { - "version": "1.11.2", - "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.2.tgz", - "integrity": "sha512-F9UngXRlPyWCDEASDpTf6c9uNhGPTqnTeLVt7bN+bU1eajoR/8V9ys2BRaV5C/e5ihE6sJ9uPIKaYt6bFuO32g==", + "version": "1.11.4", + "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.4.tgz", + "integrity": "sha512-uaff7RG9VIC4jacFW9xzL3jc0iM32DNHe4jYVycBcjUePT/Klnfj7pqtWJt9khvDFizmjN2TlYniYmSS2LIaZg==", "dev": true, "license": "MIT", + "optional": true, "optionalDependencies": { "msgpackr-extract": "^3.0.2" } @@ -11059,19 +11948,19 @@ } }, "node_modules/mute-stream": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-1.0.0.tgz", - "integrity": "sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-2.0.0.tgz", + "integrity": "sha512-WWdIxpyjEn+FhQJQQv9aQAYlHoNVdzIzUySNV1gHUPDSdZJ3yZn7pAAbQcV7B56Mvu881q9FZV+0Vx2xC44VWA==", "dev": true, "license": "ISC", "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/nanoid": { - "version": "3.3.7", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", - "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==", + "version": "3.3.11", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz", + "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==", "dev": true, "funding": [ { @@ -11127,9 +12016,9 @@ } }, "node_modules/negotiator": { - "version": "0.6.4", - "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz", - "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==", + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz", + "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==", "dev": true, "license": "MIT", "engines": { @@ -11144,34 +12033,32 @@ "license": "MIT" }, "node_modules/ng-packagr": { - "version": "18.2.1", - "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-18.2.1.tgz", - "integrity": "sha512-dy9ZDpZb3QpAz+Y/m8VAu7ctr2VrnRU3gmQwJagnNybVJtCsKn3lZA3IW7Z7GTLoG5IALSPouiCgiB/C8ozv7w==", + "version": "19.2.2", + "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-19.2.2.tgz", + "integrity": "sha512-dFuwFsDJMBSd1YtmLLcX5bNNUCQUlRqgf34aXA+79PmkOP+0eF8GP2949wq3+jMjmFTNm80Oo8IUYiSLwklKCQ==", "dev": true, "license": "MIT", "dependencies": { "@rollup/plugin-json": "^6.1.0", - "@rollup/plugin-node-resolve": "^15.2.3", - "@rollup/wasm-node": "^4.18.0", - "ajv": "^8.12.0", + "@rollup/wasm-node": "^4.24.0", + "ajv": "^8.17.1", "ansi-colors": "^4.1.3", "browserslist": "^4.22.1", - "cacache": "^18.0.0", - "chokidar": "^3.5.3", - "commander": "^12.0.0", + "chokidar": "^4.0.1", + "commander": "^13.0.0", "convert-source-map": "^2.0.0", "dependency-graph": "^1.0.0", - "esbuild": "^0.23.0", - "fast-glob": "^3.3.1", + "esbuild": "^0.25.0", + "fast-glob": "^3.3.2", "find-cache-dir": "^3.3.2", "injection-js": "^2.4.0", - "jsonc-parser": "^3.2.0", + "jsonc-parser": "^3.3.1", "less": "^4.2.0", "ora": "^5.1.0", - "piscina": "^4.4.0", - "postcss": "^8.4.31", + "piscina": "^4.7.0", + "postcss": "^8.4.47", "rxjs": "^7.8.1", - "sass": "^1.69.5" + "sass": "^1.81.0" }, "bin": { "ng-packagr": "cli/main.js" @@ -11180,13 +12067,13 @@ "node": "^18.19.1 || >=20.11.1" }, "optionalDependencies": { - "rollup": "^4.18.0" + "rollup": "^4.24.0" }, "peerDependencies": { - "@angular/compiler-cli": "^18.0.0 || ^18.2.0-next.0", - "tailwindcss": "^2.0.0 || ^3.0.0", + "@angular/compiler-cli": "^19.0.0 || ^19.1.0-next.0 || ^19.2.0-next.0", + "tailwindcss": "^2.0.0 || ^3.0.0 || ^4.0.0", "tslib": "^2.3.0", - "typescript": ">=5.4 <5.6" + "typescript": ">=5.5 <5.9" }, "peerDependenciesMeta": { "tailwindcss": { @@ -11314,36 +12201,13 @@ "semver": "bin/semver.js" } }, - "node_modules/nice-napi": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/nice-napi/-/nice-napi-1.0.2.tgz", - "integrity": "sha512-px/KnJAJZf5RuBGcfD+Sp2pAKq0ytz8j+1NehvgIGFkvtvFrDM3T8E4x/JJODXK9WZow8RRGrbA9QQ3hs+pDhA==", - "dev": true, - "hasInstallScript": true, - "license": "MIT", - "optional": true, - "os": [ - "!win32" - ], - "dependencies": { - "node-addon-api": "^3.0.0", - "node-gyp-build": "^4.2.2" - } - }, - "node_modules/nice-napi/node_modules/node-addon-api": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz", - "integrity": "sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A==", - "dev": true, - "license": "MIT", - "optional": true - }, "node_modules/node-addon-api": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz", "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==", "dev": true, - "license": "MIT" + "license": "MIT", + "optional": true }, "node_modules/node-forge": { "version": "1.3.1", @@ -11356,41 +12220,28 @@ } }, "node_modules/node-gyp": { - "version": "10.2.0", - "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-10.2.0.tgz", - "integrity": "sha512-sp3FonBAaFe4aYTcFdZUn2NYkbP7xroPGYvQmP4Nl5PxamznItBnNCgjrVTKrEfQynInMsJvZrdmqUnysCJ8rw==", + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-11.2.0.tgz", + "integrity": "sha512-T0S1zqskVUSxcsSTkAsLc7xCycrRYmtDHadDinzocrThjyQCn5kMlEBSj6H4qDbgsIOSLmmlRIeb0lZXj+UArA==", "dev": true, "license": "MIT", "dependencies": { "env-paths": "^2.2.0", "exponential-backoff": "^3.1.1", - "glob": "^10.3.10", "graceful-fs": "^4.2.6", - "make-fetch-happen": "^13.0.0", - "nopt": "^7.0.0", - "proc-log": "^4.1.0", + "make-fetch-happen": "^14.0.3", + "nopt": "^8.0.0", + "proc-log": "^5.0.0", "semver": "^7.3.5", - "tar": "^6.2.1", - "which": "^4.0.0" + "tar": "^7.4.3", + "tinyglobby": "^0.2.12", + "which": "^5.0.0" }, "bin": { "node-gyp": "bin/node-gyp.js" }, "engines": { - "node": "^16.14.0 || >=18.0.0" - } - }, - "node_modules/node-gyp-build": { - "version": "4.8.3", - "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.8.3.tgz", - "integrity": "sha512-EMS95CMJzdoSKoIiXo8pxKoL8DYxwIZXYlLmgPb8KUv794abpnLK6ynsCAWNliOjREKruYKdzbh76HHYUHX7nw==", - "dev": true, - "license": "MIT", - "optional": true, - "bin": { - "node-gyp-build": "bin.js", - "node-gyp-build-optional": "optional.js", - "node-gyp-build-test": "build-test.js" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/node-gyp-build-optional-packages": { @@ -11399,6 +12250,7 @@ "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==", "dev": true, "license": "MIT", + "optional": true, "dependencies": { "detect-libc": "^2.0.1" }, @@ -11408,25 +12260,14 @@ "node-gyp-build-optional-packages-test": "build-test.js" } }, - "node_modules/node-gyp/node_modules/glob": { - "version": "10.4.5", - "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz", - "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==", + "node_modules/node-gyp/node_modules/chownr": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz", + "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==", "dev": true, - "license": "ISC", - "dependencies": { - "foreground-child": "^3.1.0", - "jackspeak": "^3.1.2", - "minimatch": "^9.0.4", - "minipass": "^7.1.2", - "package-json-from-dist": "^1.0.0", - "path-scurry": "^1.11.1" - }, - "bin": { - "glob": "dist/esm/bin.mjs" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" + "license": "BlueOak-1.0.0", + "engines": { + "node": ">=18" } }, "node_modules/node-gyp/node_modules/isexe": { @@ -11439,10 +12280,44 @@ "node": ">=16" } }, + "node_modules/node-gyp/node_modules/mkdirp": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz", + "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==", + "dev": true, + "license": "MIT", + "bin": { + "mkdirp": "dist/cjs/src/bin.js" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/node-gyp/node_modules/tar": { + "version": "7.4.3", + "resolved": "https://registry.npmjs.org/tar/-/tar-7.4.3.tgz", + "integrity": "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==", + "dev": true, + "license": "ISC", + "dependencies": { + "@isaacs/fs-minipass": "^4.0.0", + "chownr": "^3.0.0", + "minipass": "^7.1.2", + "minizlib": "^3.0.1", + "mkdirp": "^3.0.1", + "yallist": "^5.0.0" + }, + "engines": { + "node": ">=18" + } + }, "node_modules/node-gyp/node_modules/which": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz", - "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz", + "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==", "dev": true, "license": "ISC", "dependencies": { @@ -11452,13 +12327,23 @@ "node-which": "bin/which.js" }, "engines": { - "node": "^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/node-gyp/node_modules/yallist": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz", + "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==", + "dev": true, + "license": "BlueOak-1.0.0", + "engines": { + "node": ">=18" } }, "node_modules/node-releases": { - "version": "2.0.18", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz", - "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==", + "version": "2.0.19", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz", + "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==", "license": "MIT" }, "node_modules/noms": { @@ -11473,34 +12358,19 @@ } }, "node_modules/nopt": { - "version": "7.2.1", - "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.1.tgz", - "integrity": "sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==", + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/nopt/-/nopt-8.1.0.tgz", + "integrity": "sha512-ieGu42u/Qsa4TFktmaKEwM6MQH0pOWnaB3htzh0JRtx84+Mebc0cbZYN5bC+6WTZ4+77xrL9Pn5m7CV6VIkV7A==", "dev": true, "license": "ISC", "dependencies": { - "abbrev": "^2.0.0" + "abbrev": "^3.0.0" }, "bin": { "nopt": "bin/nopt.js" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, - "node_modules/normalize-package-data": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-6.0.2.tgz", - "integrity": "sha512-V6gygoYb/5EmNI+MEGrWkC+e6+Rr7mTmfHrxDbLzxQogBkgzo76rkok0Am6thgSF7Mv2nLOajAJj5vDJZEFn7g==", - "dev": true, - "license": "BSD-2-Clause", - "dependencies": { - "hosted-git-info": "^7.0.0", - "semver": "^7.3.5", - "validate-npm-package-license": "^3.0.4" - }, - "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/normalize-path": { @@ -11524,117 +12394,104 @@ } }, "node_modules/npm-bundled": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-3.0.1.tgz", - "integrity": "sha512-+AvaheE/ww1JEwRHOrn4WHNzOxGtVp+adrg2AeZS/7KuxGUYFuBta98wYpfHBbJp6Tg6j1NKSEVHNcfZzJHQwQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-4.0.0.tgz", + "integrity": "sha512-IxaQZDMsqfQ2Lz37VvyyEtKLe8FsRZuysmedy/N06TU1RyVppYKXrO4xIhR0F+7ubIBox6Q7nir6fQI3ej39iA==", "dev": true, "license": "ISC", "dependencies": { - "npm-normalize-package-bin": "^3.0.0" + "npm-normalize-package-bin": "^4.0.0" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/npm-install-checks": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/npm-install-checks/-/npm-install-checks-6.3.0.tgz", - "integrity": "sha512-W29RiK/xtpCGqn6f3ixfRYGk+zRyr+Ew9F2E20BfXxT5/euLdA/Nm7fO7OeTGuAmTs30cpgInyJ0cYe708YTZw==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/npm-install-checks/-/npm-install-checks-7.1.1.tgz", + "integrity": "sha512-u6DCwbow5ynAX5BdiHQ9qvexme4U3qHW3MWe5NqH+NeBm0LbiH6zvGjNNew1fY+AZZUtVHbOPF3j7mJxbUzpXg==", "dev": true, "license": "BSD-2-Clause", "dependencies": { "semver": "^7.1.1" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/npm-normalize-package-bin": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-3.0.1.tgz", - "integrity": "sha512-dMxCf+zZ+3zeQZXKxmyuCKlIDPGuv8EF940xbkC4kQVDTtqoh6rJFO+JTKSA6/Rwi0getWmtuy4Itup0AMcaDQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-4.0.0.tgz", + "integrity": "sha512-TZKxPvItzai9kN9H/TkmCtx/ZN/hvr3vUycjlfmH0ootY9yFBzNOpiXAdIn1Iteqsvk4lQn6B5PTrt+n6h8k/w==", "dev": true, "license": "ISC", "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/npm-package-arg": { - "version": "11.0.3", - "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-11.0.3.tgz", - "integrity": "sha512-sHGJy8sOC1YraBywpzQlIKBE4pBbGbiF95U6Auspzyem956E0+FtDtsx1ZxlOJkQCZ1AFXAY/yuvtFYrOxF+Bw==", + "version": "12.0.2", + "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-12.0.2.tgz", + "integrity": "sha512-f1NpFjNI9O4VbKMOlA5QoBq/vSQPORHcTZ2feJpFkTHJ9eQkdlmZEKSjcAhxTGInC7RlEyScT9ui67NaOsjFWA==", "dev": true, "license": "ISC", "dependencies": { - "hosted-git-info": "^7.0.0", - "proc-log": "^4.0.0", + "hosted-git-info": "^8.0.0", + "proc-log": "^5.0.0", "semver": "^7.3.5", - "validate-npm-package-name": "^5.0.0" + "validate-npm-package-name": "^6.0.0" }, "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/npm-packlist": { - "version": "8.0.2", - "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-8.0.2.tgz", - "integrity": "sha512-shYrPFIS/JLP4oQmAwDyk5HcyysKW8/JLTEA32S0Z5TzvpaeeX2yMFfoK1fjEBnCBvVyIB/Jj/GBFdm0wsgzbA==", + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-9.0.0.tgz", + "integrity": "sha512-8qSayfmHJQTx3nJWYbbUmflpyarbLMBc6LCAjYsiGtXxDB68HaZpb8re6zeaLGxZzDuMdhsg70jryJe+RrItVQ==", "dev": true, "license": "ISC", "dependencies": { - "ignore-walk": "^6.0.4" + "ignore-walk": "^7.0.0" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/npm-pick-manifest": { - "version": "9.1.0", - "resolved": "https://registry.npmjs.org/npm-pick-manifest/-/npm-pick-manifest-9.1.0.tgz", - "integrity": "sha512-nkc+3pIIhqHVQr085X9d2JzPzLyjzQS96zbruppqC9aZRm/x8xx6xhI98gHtsfELP2bE+loHq8ZaHFHhe+NauA==", + "version": "10.0.0", + "resolved": "https://registry.npmjs.org/npm-pick-manifest/-/npm-pick-manifest-10.0.0.tgz", + "integrity": "sha512-r4fFa4FqYY8xaM7fHecQ9Z2nE9hgNfJR+EmoKv0+chvzWkBcORX3r0FpTByP+CbOVJDladMXnPQGVN8PBLGuTQ==", "dev": true, "license": "ISC", "dependencies": { - "npm-install-checks": "^6.0.0", - "npm-normalize-package-bin": "^3.0.0", - "npm-package-arg": "^11.0.0", + "npm-install-checks": "^7.1.0", + "npm-normalize-package-bin": "^4.0.0", + "npm-package-arg": "^12.0.0", "semver": "^7.3.5" }, "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/npm-registry-fetch": { - "version": "17.1.0", - "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-17.1.0.tgz", - "integrity": "sha512-5+bKQRH0J1xG1uZ1zMNvxW0VEyoNWgJpY9UDuluPFLKDfJ9u2JmmjmTJV1srBGQOROfdBMiVvnH2Zvpbm+xkVA==", + "version": "18.0.2", + "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-18.0.2.tgz", + "integrity": "sha512-LeVMZBBVy+oQb5R6FDV9OlJCcWDU+al10oKpe+nsvcHnG24Z3uM3SvJYKfGJlfGjVU8v9liejCrUR/M5HO5NEQ==", "dev": true, "license": "ISC", "dependencies": { - "@npmcli/redact": "^2.0.0", + "@npmcli/redact": "^3.0.0", "jsonparse": "^1.3.1", - "make-fetch-happen": "^13.0.0", + "make-fetch-happen": "^14.0.0", "minipass": "^7.0.2", - "minipass-fetch": "^3.0.0", - "minizlib": "^2.1.2", - "npm-package-arg": "^11.0.0", - "proc-log": "^4.0.0" - }, - "engines": { - "node": "^16.14.0 || >=18.0.0" - } - }, - "node_modules/npm-run-path": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz", - "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==", - "dev": true, - "license": "MIT", - "dependencies": { - "path-key": "^3.0.0" + "minipass-fetch": "^4.0.0", + "minizlib": "^3.0.1", + "npm-package-arg": "^12.0.0", + "proc-log": "^5.0.0" }, "engines": { - "node": ">=8" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/nth-check": { @@ -11661,9 +12518,9 @@ } }, "node_modules/object-inspect": { - "version": "1.13.3", - "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz", - "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==", + "version": "1.13.4", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz", + "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==", "dev": true, "license": "MIT", "engines": { @@ -11790,6 +12647,16 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/ora/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/ora/node_modules/cli-cursor": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz", @@ -11840,12 +12707,26 @@ "dev": true, "license": "ISC" }, + "node_modules/ora/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/ordered-binary": { "version": "1.5.3", "resolved": "https://registry.npmjs.org/ordered-binary/-/ordered-binary-1.5.3.tgz", "integrity": "sha512-oGFr3T+pYdTGJ+YFEILMpS3es+GiIbs9h/XQrclBXUtd44ey7XwfsMzM31f64I1SQOawDoDr/D823kNCADI8TA==", "dev": true, - "license": "MIT" + "license": "MIT", + "optional": true }, "node_modules/os-tmpdir": { "version": "1.0.2", @@ -11890,16 +12771,13 @@ } }, "node_modules/p-map": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz", - "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==", + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/p-map/-/p-map-7.0.3.tgz", + "integrity": "sha512-VkndIv2fIB99swvQoA65bm+fsmt6UNdGeIB0oxBs+WhAhdh08QA04JXpI7rbB9r08/nkbysKoya9rtDERYOYMA==", "dev": true, "license": "MIT", - "dependencies": { - "aggregate-error": "^3.0.0" - }, "engines": { - "node": ">=10" + "node": ">=18" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -11951,35 +12829,35 @@ "license": "BlueOak-1.0.0" }, "node_modules/pacote": { - "version": "18.0.6", - "resolved": "https://registry.npmjs.org/pacote/-/pacote-18.0.6.tgz", - "integrity": "sha512-+eK3G27SMwsB8kLIuj4h1FUhHtwiEUo21Tw8wNjmvdlpOEr613edv+8FUsTj/4F/VN5ywGE19X18N7CC2EJk6A==", + "version": "20.0.0", + "resolved": "https://registry.npmjs.org/pacote/-/pacote-20.0.0.tgz", + "integrity": "sha512-pRjC5UFwZCgx9kUFDVM9YEahv4guZ1nSLqwmWiLUnDbGsjs+U5w7z6Uc8HNR1a6x8qnu5y9xtGE6D1uAuYz+0A==", "dev": true, "license": "ISC", "dependencies": { - "@npmcli/git": "^5.0.0", - "@npmcli/installed-package-contents": "^2.0.1", - "@npmcli/package-json": "^5.1.0", - "@npmcli/promise-spawn": "^7.0.0", - "@npmcli/run-script": "^8.0.0", - "cacache": "^18.0.0", + "@npmcli/git": "^6.0.0", + "@npmcli/installed-package-contents": "^3.0.0", + "@npmcli/package-json": "^6.0.0", + "@npmcli/promise-spawn": "^8.0.0", + "@npmcli/run-script": "^9.0.0", + "cacache": "^19.0.0", "fs-minipass": "^3.0.0", "minipass": "^7.0.2", - "npm-package-arg": "^11.0.0", - "npm-packlist": "^8.0.0", - "npm-pick-manifest": "^9.0.0", - "npm-registry-fetch": "^17.0.0", - "proc-log": "^4.0.0", + "npm-package-arg": "^12.0.0", + "npm-packlist": "^9.0.0", + "npm-pick-manifest": "^10.0.0", + "npm-registry-fetch": "^18.0.0", + "proc-log": "^5.0.0", "promise-retry": "^2.0.1", - "sigstore": "^2.2.0", - "ssri": "^10.0.0", + "sigstore": "^3.0.0", + "ssri": "^12.0.0", "tar": "^6.1.11" }, "bin": { "pacote": "bin/index.js" }, "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/parent-module": { @@ -12032,13 +12910,12 @@ } }, "node_modules/parse5": { - "version": "7.2.1", - "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.1.tgz", - "integrity": "sha512-BuBYQYlv1ckiPdQi/ohiivi9Sagc9JG+Ozs0r7b/0iK3sKmrb0b9FdWdBbOdx6hBCM/F9Ir82ofnBhtZOjCRPQ==", - "devOptional": true, + "version": "7.3.0", + "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz", + "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==", "license": "MIT", "dependencies": { - "entities": "^4.5.0" + "entities": "^6.0.0" }, "funding": { "url": "https://github.com/inikulin/parse5?sponsor=1" @@ -12072,6 +12949,18 @@ "url": "https://github.com/inikulin/parse5?sponsor=1" } }, + "node_modules/parse5/node_modules/entities": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.0.tgz", + "integrity": "sha512-aKstq2TDOndCn4diEyp9Uq/Flu2i1GlLkc6XIDQSDMuaFE3OPW5OphLCyQ5SpSJZTb4reN+kTcYru5yIfXoRPw==", + "license": "BSD-2-Clause", + "engines": { + "node": ">=0.12" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, "node_modules/parseurl": { "version": "1.3.3", "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", @@ -12144,20 +13033,20 @@ "license": "ISC" }, "node_modules/path-to-regexp": { - "version": "0.1.10", - "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz", - "integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w==", + "version": "0.1.12", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz", + "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==", "dev": true, "license": "MIT" }, "node_modules/path-type": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/path-type/-/path-type-5.0.0.tgz", - "integrity": "sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==", + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/path-type/-/path-type-6.0.0.tgz", + "integrity": "sha512-Vj7sf++t5pBD637NSfkxpHSMfWaeig5+DKWLhcqIYx6mWQz5hdJTGDVMQiJcw1ZYkhs7AazKDGpRVji1LJCZUQ==", "dev": true, "license": "MIT", "engines": { - "node": ">=12" + "node": ">=18" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -12194,13 +13083,13 @@ } }, "node_modules/piscina": { - "version": "4.6.1", - "resolved": "https://registry.npmjs.org/piscina/-/piscina-4.6.1.tgz", - "integrity": "sha512-z30AwWGtQE+Apr+2WBZensP2lIvwoaMcOPkQlIEmSGMJNUvaYACylPYrQM6wSdUNJlnDVMSpLv7xTMJqlVshOA==", + "version": "4.8.0", + "resolved": "https://registry.npmjs.org/piscina/-/piscina-4.8.0.tgz", + "integrity": "sha512-EZJb+ZxDrQf3dihsUL7p42pjNyrNIFJCrRHPMgxu/svsj+P3xS3fuEWp7k2+rfsavfl1N0G29b1HGs7J0m8rZA==", "dev": true, "license": "MIT", "optionalDependencies": { - "nice-napi": "^1.0.2" + "@napi-rs/nice": "^1.0.1" } }, "node_modules/pkg-dir": { @@ -12295,9 +13184,9 @@ } }, "node_modules/pkg-dir/node_modules/yocto-queue": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.1.1.tgz", - "integrity": "sha512-b4JR1PFR10y1mKjhHY9LaGo6tmrgjit7hxVIeAmyMw3jegXR4dhYqLaQF5zMXZxY7tLpMyJeLjr1C4rLmkVe8g==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.2.1.tgz", + "integrity": "sha512-AyeEbWOu/TAXdxlV9wmGcR0+yh2j3vYPGOECcIj2S7MkrLyC7ne+oye2BKTItt0ii2PHk4cDy+95+LshzbXnGg==", "dev": true, "license": "MIT", "engines": { @@ -12308,9 +13197,9 @@ } }, "node_modules/postcss": { - "version": "8.4.41", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.41.tgz", - "integrity": "sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==", + "version": "8.5.2", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.2.tgz", + "integrity": "sha512-MjOadfU3Ys9KYoX0AdkBlFEF1Vx37uCCeN4ZHnmwm9FfpbsGWMZeBLMmmpY+6Ocqod7mkdZ0DT31OlbsFrLlkA==", "dev": true, "funding": [ { @@ -12328,9 +13217,9 @@ ], "license": "MIT", "dependencies": { - "nanoid": "^3.3.7", - "picocolors": "^1.0.1", - "source-map-js": "^1.2.0" + "nanoid": "^3.3.8", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" }, "engines": { "node": "^10 || ^12 || >=14" @@ -12389,9 +13278,9 @@ } }, "node_modules/postcss-modules-local-by-default": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.1.0.tgz", - "integrity": "sha512-rm0bdSv4jC3BDma3s9H19ZddW0aHX6EoqwDYU2IfZhRN+53QrufTRo2IdkAbRqLx4R2IYbZnbjKKxg4VN5oU9Q==", + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.2.0.tgz", + "integrity": "sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==", "dev": true, "license": "MIT", "dependencies": { @@ -12439,9 +13328,9 @@ } }, "node_modules/postcss-selector-parser": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.0.0.tgz", - "integrity": "sha512-9RbEr1Y7FFfptd/1eEdntyjMwLeghW1bHX9GWjXo19vx4ytPQhANltvVxDggzJl7mnWM+dX28kb6cyS/4iQjlQ==", + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.1.0.tgz", + "integrity": "sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==", "dev": true, "license": "MIT", "dependencies": { @@ -12470,9 +13359,9 @@ } }, "node_modules/prettier": { - "version": "3.3.3", - "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz", - "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==", + "version": "3.5.3", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.5.3.tgz", + "integrity": "sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==", "dev": true, "license": "MIT", "bin": { @@ -12486,13 +13375,13 @@ } }, "node_modules/proc-log": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-4.2.0.tgz", - "integrity": "sha512-g8+OnU/L2v+wyiVK+D5fA34J7EH8jZ8DDlvwhRCMxmMj7UCBvxiO1mGeN+36JXIKF4zevU4kRBd8lVgG9vLelA==", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-5.0.0.tgz", + "integrity": "sha512-Azwzvl90HaF0aCz1JrDdXQykFakSSNPaPoiZ9fm5qJIMHioDZEi7OAdRwSm6rSoPtY3Qutnm3L7ogmg3dc+wbQ==", "dev": true, "license": "ISC", "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/process-nextick-args": { @@ -12502,13 +13391,6 @@ "dev": true, "license": "MIT" }, - "node_modules/promise-inflight": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz", - "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==", - "dev": true, - "license": "ISC" - }, "node_modules/promise-retry": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz", @@ -12658,29 +13540,16 @@ } }, "node_modules/readdirp": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", - "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", - "dev": true, - "license": "MIT", - "dependencies": { - "picomatch": "^2.2.1" - }, - "engines": { - "node": ">=8.10.0" - } - }, - "node_modules/readdirp/node_modules/picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true, + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz", + "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==", "license": "MIT", "engines": { - "node": ">=8.6" + "node": ">= 14.18.0" }, "funding": { - "url": "https://github.com/sponsors/jonschlinkert" + "type": "individual", + "url": "https://paulmillr.com/funding/" } }, "node_modules/reflect-metadata": { @@ -12716,34 +13585,24 @@ "dev": true, "license": "MIT" }, - "node_modules/regenerator-transform": { - "version": "0.15.2", - "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz", - "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/runtime": "^7.8.4" - } - }, "node_modules/regex-parser": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/regex-parser/-/regex-parser-2.3.0.tgz", - "integrity": "sha512-TVILVSz2jY5D47F4mA4MppkBrafEaiUWJO/TcZHEIuI13AqoZMkK1WMA4Om1YkYbTx+9Ki1/tSUXbceyr9saRg==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/regex-parser/-/regex-parser-2.3.1.tgz", + "integrity": "sha512-yXLRqatcCuKtVHsWrNg0JL3l1zGfdXeEvDa0bdu4tCDQw0RpMDZsqbkyRTUnKMR0tXF627V2oEWjBEaEdqTwtQ==", "dev": true, "license": "MIT" }, "node_modules/regexpu-core": { - "version": "6.1.1", - "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.1.1.tgz", - "integrity": "sha512-k67Nb9jvwJcJmVpw0jPttR1/zVfnKf8Km0IPatrU/zJ5XeG3+Slx0xLXs9HByJSzXzrlz5EDvN6yLNMDc2qdnw==", + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.2.0.tgz", + "integrity": "sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==", "dev": true, "license": "MIT", "dependencies": { "regenerate": "^1.4.2", "regenerate-unicode-properties": "^10.2.0", "regjsgen": "^0.8.0", - "regjsparser": "^0.11.0", + "regjsparser": "^0.12.0", "unicode-match-property-ecmascript": "^2.0.0", "unicode-match-property-value-ecmascript": "^2.1.0" }, @@ -12759,9 +13618,9 @@ "license": "MIT" }, "node_modules/regjsparser": { - "version": "0.11.2", - "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.11.2.tgz", - "integrity": "sha512-3OGZZ4HoLJkkAZx/48mTXJNlmqTGOzc0o9OWQPuWpkOlXXPbyN6OafCcoXUnBqE2D3f/T5L+pWc1kdEmnfnRsA==", + "version": "0.12.0", + "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.12.0.tgz", + "integrity": "sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==", "dev": true, "license": "BSD-2-Clause", "dependencies": { @@ -12811,19 +13670,22 @@ "license": "MIT" }, "node_modules/resolve": { - "version": "1.22.8", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", - "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", + "version": "1.22.10", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz", + "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==", "dev": true, "license": "MIT", "dependencies": { - "is-core-module": "^2.13.0", + "is-core-module": "^2.16.0", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, "bin": { "resolve": "bin/resolve" }, + "engines": { + "node": ">= 0.4" + }, "funding": { "url": "https://github.com/sponsors/ljharb" } @@ -12908,9 +13770,9 @@ } }, "node_modules/reusify": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", - "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz", + "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==", "license": "MIT", "engines": { "iojs": ">=1.0.0", @@ -12942,13 +13804,13 @@ } }, "node_modules/rollup": { - "version": "4.22.4", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.22.4.tgz", - "integrity": "sha512-vD8HJ5raRcWOyymsR6Z3o6+RzfEPCnVLMFJ6vRslO1jt4LO6dUo5Qnpg7y4RkZFM2DMe3WUirkI5c16onjrc6A==", + "version": "4.34.8", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.34.8.tgz", + "integrity": "sha512-489gTVMzAYdiZHFVA/ig/iYFllCcWFHMvUHI1rpFmkoUtRlQxqh6/yiNqnYibjMZ2b/+FUQwldG+aLsEt6bglQ==", "dev": true, "license": "MIT", "dependencies": { - "@types/estree": "1.0.5" + "@types/estree": "1.0.6" }, "bin": { "rollup": "dist/bin/rollup" @@ -12958,29 +13820,32 @@ "npm": ">=8.0.0" }, "optionalDependencies": { - "@rollup/rollup-android-arm-eabi": "4.22.4", - "@rollup/rollup-android-arm64": "4.22.4", - "@rollup/rollup-darwin-arm64": "4.22.4", - "@rollup/rollup-darwin-x64": "4.22.4", - "@rollup/rollup-linux-arm-gnueabihf": "4.22.4", - "@rollup/rollup-linux-arm-musleabihf": "4.22.4", - "@rollup/rollup-linux-arm64-gnu": "4.22.4", - "@rollup/rollup-linux-arm64-musl": "4.22.4", - "@rollup/rollup-linux-powerpc64le-gnu": "4.22.4", - "@rollup/rollup-linux-riscv64-gnu": "4.22.4", - "@rollup/rollup-linux-s390x-gnu": "4.22.4", - "@rollup/rollup-linux-x64-gnu": "4.22.4", - "@rollup/rollup-linux-x64-musl": "4.22.4", - "@rollup/rollup-win32-arm64-msvc": "4.22.4", - "@rollup/rollup-win32-ia32-msvc": "4.22.4", - "@rollup/rollup-win32-x64-msvc": "4.22.4", + "@rollup/rollup-android-arm-eabi": "4.34.8", + "@rollup/rollup-android-arm64": "4.34.8", + "@rollup/rollup-darwin-arm64": "4.34.8", + "@rollup/rollup-darwin-x64": "4.34.8", + "@rollup/rollup-freebsd-arm64": "4.34.8", + "@rollup/rollup-freebsd-x64": "4.34.8", + "@rollup/rollup-linux-arm-gnueabihf": "4.34.8", + "@rollup/rollup-linux-arm-musleabihf": "4.34.8", + "@rollup/rollup-linux-arm64-gnu": "4.34.8", + "@rollup/rollup-linux-arm64-musl": "4.34.8", + "@rollup/rollup-linux-loongarch64-gnu": "4.34.8", + "@rollup/rollup-linux-powerpc64le-gnu": "4.34.8", + "@rollup/rollup-linux-riscv64-gnu": "4.34.8", + "@rollup/rollup-linux-s390x-gnu": "4.34.8", + "@rollup/rollup-linux-x64-gnu": "4.34.8", + "@rollup/rollup-linux-x64-musl": "4.34.8", + "@rollup/rollup-win32-arm64-msvc": "4.34.8", + "@rollup/rollup-win32-ia32-msvc": "4.34.8", + "@rollup/rollup-win32-x64-msvc": "4.34.8", "fsevents": "~2.3.2" } }, "node_modules/rollup/node_modules/@types/estree": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz", - "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==", + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz", + "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==", "dev": true, "license": "MIT" }, @@ -13021,9 +13886,9 @@ } }, "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==", + "version": "7.8.2", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz", + "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==", "license": "Apache-2.0", "dependencies": { "tslib": "^2.1.0" @@ -13050,6 +13915,24 @@ ], "license": "MIT" }, + "node_modules/safe-regex-test": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz", + "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==", + "dev": true, + "license": "MIT", + "dependencies": { + "call-bound": "^1.0.2", + "es-errors": "^1.3.0", + "is-regex": "^1.2.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/safer-buffer": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", @@ -13058,14 +13941,14 @@ "license": "MIT" }, "node_modules/sass": { - "version": "1.77.6", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.6.tgz", - "integrity": "sha512-ByXE1oLD79GVq9Ht1PeHWCPMPB8XHpBuz1r85oByKHjZY6qV6rWnQovQzXJXuQ/XyE1Oj3iPk3lo28uzaRA2/Q==", + "version": "1.85.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.85.0.tgz", + "integrity": "sha512-3ToiC1xZ1Y8aU7+CkgCI/tqyuPXEmYGJXO7H4uqp0xkLXUqp88rQQ4j1HmP37xSJLbCJPaIiv+cT1y+grssrww==", "dev": true, "license": "MIT", "dependencies": { - "chokidar": ">=3.0.0 <4.0.0", - "immutable": "^4.0.0", + "chokidar": "^4.0.0", + "immutable": "^5.0.2", "source-map-js": ">=0.6.2 <2.0.0" }, "bin": { @@ -13073,12 +13956,15 @@ }, "engines": { "node": ">=14.0.0" + }, + "optionalDependencies": { + "@parcel/watcher": "^2.4.1" } }, "node_modules/sass-loader": { - "version": "16.0.0", - "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-16.0.0.tgz", - "integrity": "sha512-n13Z+3rU9A177dk4888czcVFiC8CL9dii4qpXWUg3YIIgZEvi9TCFKjOQcbK0kJM7DJu9VucrZFddvNfYCPwtw==", + "version": "16.0.5", + "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-16.0.5.tgz", + "integrity": "sha512-oL+CMBXrj6BZ/zOq4os+UECPL+bWqt6OAC6DWS8Ln8GZRcMDjlJ4JC3FBDuHJdYaFWIdKNIBYmtZtK2MaMkNIw==", "dev": true, "license": "MIT", "dependencies": { @@ -13125,9 +14011,9 @@ "optional": true }, "node_modules/schema-utils": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz", - "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==", + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.2.tgz", + "integrity": "sha512-Gn/JaSk/Mt9gYubxTtSn/QCV4em9mpAPiR1rqy/Ocu19u/G9J5WWdNoUT4SiV6mFC3y6cxyFcFwdzPM3FgxGAQ==", "dev": true, "license": "MIT", "dependencies": { @@ -13137,7 +14023,7 @@ "ajv-keywords": "^5.1.0" }, "engines": { - "node": ">= 12.13.0" + "node": ">= 10.13.0" }, "funding": { "type": "opencollective", @@ -13184,9 +14070,9 @@ } }, "node_modules/semver": { - "version": "7.6.3", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz", - "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==", + "version": "7.7.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz", + "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==", "license": "ISC", "bin": { "semver": "bin/semver.js" @@ -13372,24 +14258,6 @@ "node": ">= 0.8" } }, - "node_modules/set-function-length": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz", - "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==", - "dev": true, - "license": "MIT", - "dependencies": { - "define-data-property": "^1.1.4", - "es-errors": "^1.3.0", - "function-bind": "^1.1.2", - "get-intrinsic": "^1.2.4", - "gopd": "^1.0.1", - "has-property-descriptors": "^1.0.2" - }, - "engines": { - "node": ">= 0.4" - } - }, "node_modules/setprototypeof": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", @@ -13434,26 +14302,86 @@ } }, "node_modules/shell-quote": { - "version": "1.8.1", - "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz", - "integrity": "sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==", + "version": "1.8.3", + "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz", + "integrity": "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==", "dev": true, "license": "MIT", + "engines": { + "node": ">= 0.4" + }, "funding": { "url": "https://github.com/sponsors/ljharb" } }, "node_modules/side-channel": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz", - "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz", + "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==", + "dev": true, + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "object-inspect": "^1.13.3", + "side-channel-list": "^1.0.0", + "side-channel-map": "^1.0.1", + "side-channel-weakmap": "^1.0.2" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-list": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz", + "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==", + "dev": true, + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "object-inspect": "^1.13.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-map": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz", + "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==", + "dev": true, + "license": "MIT", + "dependencies": { + "call-bound": "^1.0.2", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.5", + "object-inspect": "^1.13.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-weakmap": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz", + "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", + "call-bound": "^1.0.2", "es-errors": "^1.3.0", - "get-intrinsic": "^1.2.4", - "object-inspect": "^1.13.1" + "get-intrinsic": "^1.2.5", + "object-inspect": "^1.13.3", + "side-channel-map": "^1.0.1" }, "engines": { "node": ">= 0.4" @@ -13476,21 +14404,21 @@ } }, "node_modules/sigstore": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-2.3.1.tgz", - "integrity": "sha512-8G+/XDU8wNsJOQS5ysDVO0Etg9/2uA5gR9l4ZwijjlwxBcrU6RPfwi2+jJmbP+Ap1Hlp/nVAaEO4Fj22/SL2gQ==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-3.1.0.tgz", + "integrity": "sha512-ZpzWAFHIFqyFE56dXqgX/DkDRZdz+rRcjoIk/RQU4IX0wiCv1l8S7ZrXDHcCc+uaf+6o7w3h2l3g6GYG5TKN9Q==", "dev": true, "license": "Apache-2.0", "dependencies": { - "@sigstore/bundle": "^2.3.2", - "@sigstore/core": "^1.0.0", - "@sigstore/protobuf-specs": "^0.3.2", - "@sigstore/sign": "^2.3.2", - "@sigstore/tuf": "^2.3.4", - "@sigstore/verify": "^1.2.1" + "@sigstore/bundle": "^3.1.0", + "@sigstore/core": "^2.0.0", + "@sigstore/protobuf-specs": "^0.4.0", + "@sigstore/sign": "^3.1.0", + "@sigstore/tuf": "^3.1.0", + "@sigstore/verify": "^2.1.0" }, "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/slash": { @@ -13577,6 +14505,24 @@ "ws": "~8.17.1" } }, + "node_modules/socket.io-adapter/node_modules/debug": { + "version": "4.3.7", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz", + "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, "node_modules/socket.io-parser": { "version": "4.2.4", "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz", @@ -13591,6 +14537,42 @@ "node": ">=10.0.0" } }, + "node_modules/socket.io-parser/node_modules/debug": { + "version": "4.3.7", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz", + "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/socket.io/node_modules/debug": { + "version": "4.3.7", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz", + "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, "node_modules/sockjs": { "version": "0.3.24", "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz", @@ -13604,9 +14586,9 @@ } }, "node_modules/socks": { - "version": "2.8.3", - "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.3.tgz", - "integrity": "sha512-l5x7VUUWbjVFbafGLxPWkYsHIhEvmF85tbIeFZWc8ZPtoMyybuEhL7Jye/ooC4/d48FgOjSJXgsF/AJPYCW8Zw==", + "version": "2.8.4", + "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.4.tgz", + "integrity": "sha512-D3YaD0aRxR3mEcqnidIs7ReYJFVzWdd6fXJYUM8ixcQcJRGTka/b3saV0KflYhyVJXKhb947GndU35SxYNResQ==", "dev": true, "license": "MIT", "dependencies": { @@ -13619,13 +14601,13 @@ } }, "node_modules/socks-proxy-agent": { - "version": "8.0.4", - "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.4.tgz", - "integrity": "sha512-GNAq/eg8Udq2x0eNiFkr9gRg5bA7PXEWagQdeRX4cPSG+X/8V38v637gim9bjFptMk1QWsCTr0ttrJEiXbNnRw==", + "version": "8.0.5", + "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.5.tgz", + "integrity": "sha512-HehCEsotFqbPW9sJ8WVYB6UbmIMv7kUUORIF2Nncq4VQvBfNBLibW9YZR5dlYCSUhwcD628pRllm7n+E+YTzJw==", "dev": true, "license": "MIT", "dependencies": { - "agent-base": "^7.1.1", + "agent-base": "^7.1.2", "debug": "^4.3.4", "socks": "^2.8.3" }, @@ -13738,9 +14720,9 @@ } }, "node_modules/spdx-license-ids": { - "version": "3.0.20", - "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.20.tgz", - "integrity": "sha512-jg25NiDV/1fLtSgEgyvVyDunvaNHbuwF9lfNV17gSmPFAlYzdfNBlLtLzXTevwkPj7DhGbmN9VnmJIgLnhvaBw==", + "version": "3.0.21", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.21.tgz", + "integrity": "sha512-Bvg/8F5XephndSK3JffaRqdT+gyhfqIPwDHpX80tJrF8QQRYMo8sNMeaZ2Dp5+jhwKnUmIOyFFQfHRkjJm5nXg==", "dev": true, "license": "CC0-1.0" }, @@ -13809,16 +14791,16 @@ "license": "BSD-3-Clause" }, "node_modules/ssri": { - "version": "10.0.6", - "resolved": "https://registry.npmjs.org/ssri/-/ssri-10.0.6.tgz", - "integrity": "sha512-MGrFH9Z4NP9Iyhqn16sDtBpRRNJ0Y2hNa6D65h736fVSaPCHr4DM4sWUNvVaSuC+0OBGhwsrydQwmgfg5LncqQ==", + "version": "12.0.0", + "resolved": "https://registry.npmjs.org/ssri/-/ssri-12.0.0.tgz", + "integrity": "sha512-S7iGNosepx9RadX82oimUkvr0Ct7IjJbEbs4mJcTxst8um95J3sDYU1RBEOvdu6oL1Wek2ODI5i4MAw+dZ6cAQ==", "dev": true, "license": "ISC", "dependencies": { "minipass": "^7.0.3" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/statuses": { @@ -13887,6 +14869,16 @@ "node": ">=8" } }, + "node_modules/string-width-cjs/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/string-width-cjs/node_modules/emoji-regex": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", @@ -13904,20 +14896,20 @@ "node": ">=8" } }, - "node_modules/string-width/node_modules/ansi-regex": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", - "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", + "node_modules/string-width-cjs/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", "dev": true, "license": "MIT", - "engines": { - "node": ">=12" + "dependencies": { + "ansi-regex": "^5.0.1" }, - "funding": { - "url": "https://github.com/chalk/ansi-regex?sponsor=1" + "engines": { + "node": ">=8" } }, - "node_modules/string-width/node_modules/strip-ansi": { + "node_modules/strip-ansi": { "version": "7.1.0", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", @@ -13933,18 +14925,6 @@ "url": "https://github.com/chalk/strip-ansi?sponsor=1" } }, - "node_modules/strip-ansi": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", - "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", - "license": "MIT", - "dependencies": { - "ansi-regex": "^5.0.1" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/strip-ansi-cjs": { "name": "strip-ansi", "version": "6.0.1", @@ -13959,14 +14939,14 @@ "node": ">=8" } }, - "node_modules/strip-final-newline": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz", - "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==", + "node_modules/strip-ansi-cjs/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", "dev": true, "license": "MIT", "engines": { - "node": ">=6" + "node": ">=8" } }, "node_modules/strip-json-comments": { @@ -14019,9 +14999,9 @@ } }, "node_modules/tapable": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz", - "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==", + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.2.tgz", + "integrity": "sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==", "dev": true, "license": "MIT", "engines": { @@ -14082,6 +15062,33 @@ "node": ">=8" } }, + "node_modules/tar/node_modules/minizlib": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz", + "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==", + "dev": true, + "license": "MIT", + "dependencies": { + "minipass": "^3.0.0", + "yallist": "^4.0.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/tar/node_modules/minizlib/node_modules/minipass": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", + "dev": true, + "license": "ISC", + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/tar/node_modules/yallist": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", @@ -14090,9 +15097,9 @@ "license": "ISC" }, "node_modules/terser": { - "version": "5.31.6", - "resolved": "https://registry.npmjs.org/terser/-/terser-5.31.6.tgz", - "integrity": "sha512-PQ4DAriWzKj+qgehQ7LK5bQqCFNMmlhjR2PFFLuqGCpuCAauxemVBWwWOxo3UIwWQx8+Pr61Df++r76wDmkQBg==", + "version": "5.39.0", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.39.0.tgz", + "integrity": "sha512-LBAhFyLho16harJoWMg/nZsQYgTrg5jXOn2nCYjRUcZZEdE3qa2zb8QEDRUGVZBW4rlazf2fxkg8tztybTaqWw==", "dev": true, "license": "BSD-2-Clause", "dependencies": { @@ -14109,17 +15116,17 @@ } }, "node_modules/terser-webpack-plugin": { - "version": "5.3.10", - "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz", - "integrity": "sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==", + "version": "5.3.14", + "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.14.tgz", + "integrity": "sha512-vkZjpUjb6OMS7dhV+tILUW6BhpDR7P2L/aQSAv+Uwk+m8KATX9EccViHTJR2qDtACKPIYndLGCyl3FMo+r2LMw==", "dev": true, "license": "MIT", "dependencies": { - "@jridgewell/trace-mapping": "^0.3.20", + "@jridgewell/trace-mapping": "^0.3.25", "jest-worker": "^27.4.5", - "schema-utils": "^3.1.1", - "serialize-javascript": "^6.0.1", - "terser": "^5.26.0" + "schema-utils": "^4.3.0", + "serialize-javascript": "^6.0.2", + "terser": "^5.31.1" }, "engines": { "node": ">= 10.13.0" @@ -14143,59 +15150,6 @@ } } }, - "node_modules/terser-webpack-plugin/node_modules/ajv": { - "version": "6.12.6", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", - "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", - "dev": true, - "license": "MIT", - "dependencies": { - "fast-deep-equal": "^3.1.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/epoberezkin" - } - }, - "node_modules/terser-webpack-plugin/node_modules/ajv-keywords": { - "version": "3.5.2", - "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true, - "license": "MIT", - "peerDependencies": { - "ajv": "^6.9.1" - } - }, - "node_modules/terser-webpack-plugin/node_modules/json-schema-traverse": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "dev": true, - "license": "MIT" - }, - "node_modules/terser-webpack-plugin/node_modules/schema-utils": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", - "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/json-schema": "^7.0.8", - "ajv": "^6.12.5", - "ajv-keywords": "^3.5.2" - }, - "engines": { - "node": ">= 10.13.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" - } - }, "node_modules/terser/node_modules/commander": { "version": "2.20.3", "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", @@ -14203,13 +15157,6 @@ "dev": true, "license": "MIT" }, - "node_modules/text-table": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz", - "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==", - "dev": true, - "license": "MIT" - }, "node_modules/thingies": { "version": "1.21.0", "resolved": "https://registry.npmjs.org/thingies/-/thingies-1.21.0.tgz", @@ -14281,6 +15228,23 @@ "dev": true, "license": "MIT" }, + "node_modules/tinyglobby": { + "version": "0.2.14", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz", + "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "fdir": "^6.4.4", + "picomatch": "^4.0.2" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/SuperchupuDev" + } + }, "node_modules/tmp": { "version": "0.0.33", "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz", @@ -14317,9 +15281,9 @@ } }, "node_modules/tree-dump": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/tree-dump/-/tree-dump-1.0.2.tgz", - "integrity": "sha512-dpev9ABuLWdEubk+cIaI9cHwRNNDjkBBLXTwI4UCUFdQ5xXKqNXoK4FEciw/vxf+NQ7Cb7sGUyeUtORvHIdRXQ==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/tree-dump/-/tree-dump-1.0.3.tgz", + "integrity": "sha512-il+Cv80yVHFBwokQSfd4bldvr1Md951DpgAGfmhydt04L+YzHgubm2tQ7zueWDcGENKHq0ZvGFR/hjvNXilHEg==", "dev": true, "license": "Apache-2.0", "engines": { @@ -14344,16 +15308,16 @@ } }, "node_modules/ts-api-utils": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.0.tgz", - "integrity": "sha512-032cPxaEKwM+GT3vA5JXNzIaizx388rhsSW79vGRNGXfRRAdEAn2mvk36PvK5HnOchyWZ7afLEXqYCvPCrzuzQ==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz", + "integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==", "dev": true, "license": "MIT", "engines": { - "node": ">=16" + "node": ">=18.12" }, "peerDependencies": { - "typescript": ">=4.2.0" + "typescript": ">=4.8.4" } }, "node_modules/tslib": { @@ -14363,18 +15327,18 @@ "license": "0BSD" }, "node_modules/tuf-js": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/tuf-js/-/tuf-js-2.2.1.tgz", - "integrity": "sha512-GwIJau9XaA8nLVbUXsN3IlFi7WmQ48gBUrl3FTkkL/XLu/POhBzfmX9hd33FNMX1qAsfl6ozO1iMmW9NC8YniA==", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/tuf-js/-/tuf-js-3.0.1.tgz", + "integrity": "sha512-+68OP1ZzSF84rTckf3FA95vJ1Zlx/uaXyiiKyPd1pA4rZNkpEvDAKmsu1xUSmbF/chCRYgZ6UZkDwC7PmzmAyA==", "dev": true, "license": "MIT", "dependencies": { - "@tufjs/models": "2.0.1", - "debug": "^4.3.4", - "make-fetch-happen": "^13.0.1" + "@tufjs/models": "3.0.1", + "debug": "^4.3.6", + "make-fetch-happen": "^14.0.1" }, "engines": { - "node": "^16.14.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/type-check": { @@ -14425,9 +15389,9 @@ "license": "MIT" }, "node_modules/typescript": { - "version": "5.5.4", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz", - "integrity": "sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==", + "version": "5.7.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.3.tgz", + "integrity": "sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==", "license": "Apache-2.0", "bin": { "tsc": "bin/tsc", @@ -14438,15 +15402,15 @@ } }, "node_modules/typescript-eslint": { - "version": "8.14.0", - "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.14.0.tgz", - "integrity": "sha512-K8fBJHxVL3kxMmwByvz8hNdBJ8a0YqKzKDX6jRlrjMuNXyd5T2V02HIq37+OiWXvUUOXgOOGiSSOh26Mh8pC3w==", + "version": "8.33.1", + "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.33.1.tgz", + "integrity": "sha512-AgRnV4sKkWOiZ0Kjbnf5ytTJXMUZQ0qhSVdQtDNYLPLnjsATEYhaO94GlRQwi4t4gO8FfjM6NnikHeKjUm8D7A==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/eslint-plugin": "8.14.0", - "@typescript-eslint/parser": "8.14.0", - "@typescript-eslint/utils": "8.14.0" + "@typescript-eslint/eslint-plugin": "8.33.1", + "@typescript-eslint/parser": "8.33.1", + "@typescript-eslint/utils": "8.33.1" }, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" @@ -14455,16 +15419,15 @@ "type": "opencollective", "url": "https://opencollective.com/typescript-eslint" }, - "peerDependenciesMeta": { - "typescript": { - "optional": true - } + "peerDependencies": { + "eslint": "^8.57.0 || ^9.0.0", + "typescript": ">=4.8.4 <5.9.0" } }, "node_modules/ua-parser-js": { - "version": "0.7.39", - "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.39.tgz", - "integrity": "sha512-IZ6acm6RhQHNibSt7+c09hhvsKy9WUr4DVbeq9U8o71qxyYtJpQeDxQnMrVqnIFMLcQjHO0I9wgfO2vIahht4w==", + "version": "0.7.40", + "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.40.tgz", + "integrity": "sha512-us1E3K+3jJppDBa3Tl0L3MOJiGhe1C6P0+nIvQAFYbxlMAx0h81eOwLmU57xgqToduDDPx3y5QsdjPfDu+FgOQ==", "dev": true, "funding": [ { @@ -14489,9 +15452,9 @@ } }, "node_modules/undici-types": { - "version": "6.19.8", - "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz", - "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==", + "version": "6.21.0", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz", + "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==", "dev": true, "license": "MIT" }, @@ -14540,9 +15503,9 @@ } }, "node_modules/unicorn-magic": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.1.0.tgz", - "integrity": "sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==", + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.3.0.tgz", + "integrity": "sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==", "dev": true, "license": "MIT", "engines": { @@ -14553,29 +15516,29 @@ } }, "node_modules/unique-filename": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-3.0.0.tgz", - "integrity": "sha512-afXhuC55wkAmZ0P18QsVE6kp8JaxrEokN2HGIoIVv2ijHQd419H0+6EigAFcIzXeMIkcIkNBpB3L/DXB3cTS/g==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-4.0.0.tgz", + "integrity": "sha512-XSnEewXmQ+veP7xX2dS5Q4yZAvO40cBN2MWkJ7D/6sW4Dg6wYBNwM1Vrnz1FhH5AdeLIlUXRI9e28z1YZi71NQ==", "dev": true, "license": "ISC", "dependencies": { - "unique-slug": "^4.0.0" + "unique-slug": "^5.0.0" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/unique-slug": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-4.0.0.tgz", - "integrity": "sha512-WrcA6AyEfqDX5bWige/4NQfPZMtASNVxdmWR76WESYQVAACSgWcR6e9i0mofqqBxYFtL4oAxPIptY73/0YE1DQ==", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-5.0.0.tgz", + "integrity": "sha512-9OdaqO5kwqR+1kVgHAhsp5vPNU0hnxRa26rBFNfNgM7M6pNtgzeBn3s/xbyCQL3dcjzOatcef6UUHpB/6MaETg==", "dev": true, "license": "ISC", "dependencies": { "imurmurhash": "^0.1.4" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/universalify": { @@ -14609,9 +15572,9 @@ } }, "node_modules/update-browserslist-db": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz", - "integrity": "sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==", + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz", + "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==", "funding": [ { "type": "opencollective", @@ -14629,7 +15592,7 @@ "license": "MIT", "dependencies": { "escalade": "^3.2.0", - "picocolors": "^1.1.0" + "picocolors": "^1.1.1" }, "bin": { "update-browserslist-db": "cli.js" @@ -14697,13 +15660,13 @@ } }, "node_modules/validate-npm-package-name": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-5.0.1.tgz", - "integrity": "sha512-OljLrQ9SQdOUqTaQxqL5dEfZWrXExyyWsozYlAWFawPVNuD83igl7uJD2RTkNMbniIYgt8l81eCJGIdQF7avLQ==", + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-6.0.0.tgz", + "integrity": "sha512-d7KLgL1LD3U3fgnvWEY1cQXoO/q6EQ1BSz48Sa149V/5zVTAbgmZIpyI8TRi6U9/JNyeYLlTKsEMPtLC27RFUg==", "dev": true, "license": "ISC", "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^18.17.0 || >=20.5.0" } }, "node_modules/vary": { @@ -14717,21 +15680,25 @@ } }, "node_modules/vite": { - "version": "5.4.6", - "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.6.tgz", - "integrity": "sha512-IeL5f8OO5nylsgzd9tq4qD2QqI0k2CQLGrWD0rCN0EQJZpBK5vJAx0I+GDkMOXxQX/OfFHMuLIx6ddAxGX/k+Q==", + "version": "6.3.5", + "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz", + "integrity": "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { - "esbuild": "^0.21.3", - "postcss": "^8.4.43", - "rollup": "^4.20.0" + "esbuild": "^0.25.0", + "fdir": "^6.4.4", + "picomatch": "^4.0.2", + "postcss": "^8.5.3", + "rollup": "^4.34.9", + "tinyglobby": "^0.2.13" }, "bin": { "vite": "bin/vite.js" }, "engines": { - "node": "^18.0.0 || >=20.0.0" + "node": "^18.0.0 || ^20.0.0 || >=22.0.0" }, "funding": { "url": "https://github.com/vitejs/vite?sponsor=1" @@ -14740,19 +15707,25 @@ "fsevents": "~2.3.3" }, "peerDependencies": { - "@types/node": "^18.0.0 || >=20.0.0", + "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0", + "jiti": ">=1.21.0", "less": "*", "lightningcss": "^1.21.0", "sass": "*", "sass-embedded": "*", "stylus": "*", "sugarss": "*", - "terser": "^5.4.0" + "terser": "^5.16.0", + "tsx": "^4.8.1", + "yaml": "^2.4.2" }, "peerDependenciesMeta": { "@types/node": { "optional": true }, + "jiti": { + "optional": true + }, "less": { "optional": true }, @@ -14773,30 +15746,19 @@ }, "terser": { "optional": true + }, + "tsx": { + "optional": true + }, + "yaml": { + "optional": true } } }, - "node_modules/vite/node_modules/@esbuild/aix-ppc64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz", - "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==", - "cpu": [ - "ppc64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "aix" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/android-arm": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz", - "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==", + "node_modules/vite/node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.41.1.tgz", + "integrity": "sha512-NELNvyEWZ6R9QMkiytB4/L4zSEaBC03KIXEghptLGLZWJ6VPrL63ooZQCOnlx36aQPGhzuOMwDerC1Eb2VmrLw==", "cpu": [ "arm" ], @@ -14806,14 +15768,12 @@ "os": [ "android" ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/android-arm64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz", - "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==", + "node_modules/vite/node_modules/@rollup/rollup-android-arm64": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.41.1.tgz", + "integrity": "sha512-DXdQe1BJ6TK47ukAoZLehRHhfKnKg9BjnQYUu9gzhI8Mwa1d2fzxA1aw2JixHVl403bwp1+/o/NhhHtxWJBgEA==", "cpu": [ "arm64" ], @@ -14823,31 +15783,12 @@ "os": [ "android" ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/android-x64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz", - "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==", - "cpu": [ - "x64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/darwin-arm64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz", - "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==", + "node_modules/vite/node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.41.1.tgz", + "integrity": "sha512-5afxvwszzdulsU2w8JKWwY8/sJOLPzf0e1bFuvcW5h9zsEg+RQAojdW0ux2zyYAz7R8HvvzKCjLNJhVq965U7w==", "cpu": [ "arm64" ], @@ -14857,14 +15798,12 @@ "os": [ "darwin" ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/darwin-x64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz", - "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==", + "node_modules/vite/node_modules/@rollup/rollup-darwin-x64": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.41.1.tgz", + "integrity": "sha512-egpJACny8QOdHNNMZKf8xY0Is6gIMz+tuqXlusxquWu3F833DcMwmGM7WlvCO9sB3OsPjdC4U0wHw5FabzCGZg==", "cpu": [ "x64" ], @@ -14874,14 +15813,12 @@ "os": [ "darwin" ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/freebsd-arm64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz", - "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==", + "node_modules/vite/node_modules/@rollup/rollup-freebsd-arm64": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.41.1.tgz", + "integrity": "sha512-DBVMZH5vbjgRk3r0OzgjS38z+atlupJ7xfKIDJdZZL6sM6wjfDNo64aowcLPKIx7LMQi8vybB56uh1Ftck/Atg==", "cpu": [ "arm64" ], @@ -14891,14 +15828,12 @@ "os": [ "freebsd" ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/freebsd-x64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz", - "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==", + "node_modules/vite/node_modules/@rollup/rollup-freebsd-x64": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.41.1.tgz", + "integrity": "sha512-3FkydeohozEskBxNWEIbPfOE0aqQgB6ttTkJ159uWOFn42VLyfAiyD9UK5mhu+ItWzft60DycIN1Xdgiy8o/SA==", "cpu": [ "x64" ], @@ -14908,14 +15843,12 @@ "os": [ "freebsd" ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/linux-arm": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz", - "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==", + "node_modules/vite/node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.41.1.tgz", + "integrity": "sha512-wC53ZNDgt0pqx5xCAgNunkTzFE8GTgdZ9EwYGVcg+jEjJdZGtq9xPjDnFgfFozQI/Xm1mh+D9YlYtl+ueswNEg==", "cpu": [ "arm" ], @@ -14925,50 +15858,14 @@ "os": [ "linux" ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-arm64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz", - "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-ia32": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz", - "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==", - "cpu": [ - "ia32" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/linux-loong64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz", - "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==", + "node_modules/vite/node_modules/@rollup/rollup-linux-arm-musleabihf": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.41.1.tgz", + "integrity": "sha512-jwKCca1gbZkZLhLRtsrka5N8sFAaxrGz/7wRJ8Wwvq3jug7toO21vWlViihG85ei7uJTpzbXZRcORotE+xyrLA==", "cpu": [ - "loong64" + "arm" ], "dev": true, "license": "MIT", @@ -14976,16 +15873,14 @@ "os": [ "linux" ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/linux-mips64el": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz", - "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==", + "node_modules/vite/node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.41.1.tgz", + "integrity": "sha512-g0UBcNknsmmNQ8V2d/zD2P7WWfJKU0F1nu0k5pW4rvdb+BIqMm8ToluW/eeRmxCared5dD76lS04uL4UaNgpNA==", "cpu": [ - "mips64el" + "arm64" ], "dev": true, "license": "MIT", @@ -14993,16 +15888,14 @@ "os": [ "linux" ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/linux-ppc64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz", - "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==", + "node_modules/vite/node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.41.1.tgz", + "integrity": "sha512-XZpeGB5TKEZWzIrj7sXr+BEaSgo/ma/kCgrZgL0oo5qdB1JlTzIYQKel/RmhT6vMAvOdM2teYlAaOGJpJ9lahg==", "cpu": [ - "ppc64" + "arm64" ], "dev": true, "license": "MIT", @@ -15010,16 +15903,14 @@ "os": [ "linux" ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/linux-riscv64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz", - "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==", + "node_modules/vite/node_modules/@rollup/rollup-linux-loongarch64-gnu": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.41.1.tgz", + "integrity": "sha512-bkCfDJ4qzWfFRCNt5RVV4DOw6KEgFTUZi2r2RuYhGWC8WhCA8lCAJhDeAmrM/fdiAH54m0mA0Vk2FGRPyzI+tw==", "cpu": [ - "riscv64" + "loong64" ], "dev": true, "license": "MIT", @@ -15027,16 +15918,14 @@ "os": [ "linux" ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/linux-s390x": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz", - "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==", + "node_modules/vite/node_modules/@rollup/rollup-linux-powerpc64le-gnu": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.41.1.tgz", + "integrity": "sha512-3mr3Xm+gvMX+/8EKogIZSIEF0WUu0HL9di+YWlJpO8CQBnoLAEL/roTCxuLncEdgcfJcvA4UMOf+2dnjl4Ut1A==", "cpu": [ - "s390x" + "ppc64" ], "dev": true, "license": "MIT", @@ -15044,16 +15933,14 @@ "os": [ "linux" ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/linux-x64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz", - "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==", + "node_modules/vite/node_modules/@rollup/rollup-linux-riscv64-gnu": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.41.1.tgz", + "integrity": "sha512-3rwCIh6MQ1LGrvKJitQjZFuQnT2wxfU+ivhNBzmxXTXPllewOF7JR1s2vMX/tWtUYFgphygxjqMl76q4aMotGw==", "cpu": [ - "x64" + "riscv64" ], "dev": true, "license": "MIT", @@ -15061,31 +15948,27 @@ "os": [ "linux" ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/netbsd-x64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz", - "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==", + "node_modules/vite/node_modules/@rollup/rollup-linux-s390x-gnu": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.41.1.tgz", + "integrity": "sha512-oIE6M8WC9ma6xYqjvPhzZYk6NbobIURvP/lEbh7FWplcMO6gn7MM2yHKA1eC/GvYwzNKK/1LYgqzdkZ8YFxR8g==", "cpu": [ - "x64" + "s390x" ], "dev": true, "license": "MIT", "optional": true, "os": [ - "netbsd" + "linux" ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/openbsd-x64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz", - "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==", + "node_modules/vite/node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.41.1.tgz", + "integrity": "sha512-cWBOvayNvA+SyeQMp79BHPK8ws6sHSsYnK5zDcsC3Hsxr1dgTABKjMnMslPq1DvZIp6uO7kIWhiGwaTdR4Og9A==", "cpu": [ "x64" ], @@ -15093,16 +15976,14 @@ "license": "MIT", "optional": true, "os": [ - "openbsd" + "linux" ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/sunos-x64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz", - "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==", + "node_modules/vite/node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.41.1.tgz", + "integrity": "sha512-y5CbN44M+pUCdGDlZFzGGBSKCA4A/J2ZH4edTYSSxFg7ce1Xt3GtydbVKWLlzL+INfFIZAEg1ZV6hh9+QQf9YQ==", "cpu": [ "x64" ], @@ -15110,16 +15991,14 @@ "license": "MIT", "optional": true, "os": [ - "sunos" + "linux" ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/win32-arm64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz", - "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==", + "node_modules/vite/node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.41.1.tgz", + "integrity": "sha512-lZkCxIrjlJlMt1dLO/FbpZbzt6J/A8p4DnqzSa4PWqPEUUUnzXLeki/iyPLfV0BmHItlYgHUqJe+3KiyydmiNQ==", "cpu": [ "arm64" ], @@ -15129,14 +16008,12 @@ "os": [ "win32" ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/win32-ia32": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz", - "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==", + "node_modules/vite/node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.41.1.tgz", + "integrity": "sha512-+psFT9+pIh2iuGsxFYYa/LhS5MFKmuivRsx9iPJWNSGbh2XVEjk90fmpUEjCnILPEPJnikAU6SFDiEUyOv90Pg==", "cpu": [ "ia32" ], @@ -15146,14 +16023,12 @@ "os": [ "win32" ], - "engines": { - "node": ">=12" - } + "peer": true }, - "node_modules/vite/node_modules/@esbuild/win32-x64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz", - "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==", + "node_modules/vite/node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.41.1.tgz", + "integrity": "sha512-Wq2zpapRYLfi4aKxf2Xff0tN+7slj2d4R87WEzqw7ZLsVvO5zwYCIuEGSZYiK41+GlwUo1HiR+GdkLEJnCKTCw==", "cpu": [ "x64" ], @@ -15163,53 +16038,12 @@ "os": [ "win32" ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/esbuild": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz", - "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==", - "dev": true, - "hasInstallScript": true, - "license": "MIT", - "bin": { - "esbuild": "bin/esbuild" - }, - "engines": { - "node": ">=12" - }, - "optionalDependencies": { - "@esbuild/aix-ppc64": "0.21.5", - "@esbuild/android-arm": "0.21.5", - "@esbuild/android-arm64": "0.21.5", - "@esbuild/android-x64": "0.21.5", - "@esbuild/darwin-arm64": "0.21.5", - "@esbuild/darwin-x64": "0.21.5", - "@esbuild/freebsd-arm64": "0.21.5", - "@esbuild/freebsd-x64": "0.21.5", - "@esbuild/linux-arm": "0.21.5", - "@esbuild/linux-arm64": "0.21.5", - "@esbuild/linux-ia32": "0.21.5", - "@esbuild/linux-loong64": "0.21.5", - "@esbuild/linux-mips64el": "0.21.5", - "@esbuild/linux-ppc64": "0.21.5", - "@esbuild/linux-riscv64": "0.21.5", - "@esbuild/linux-s390x": "0.21.5", - "@esbuild/linux-x64": "0.21.5", - "@esbuild/netbsd-x64": "0.21.5", - "@esbuild/openbsd-x64": "0.21.5", - "@esbuild/sunos-x64": "0.21.5", - "@esbuild/win32-arm64": "0.21.5", - "@esbuild/win32-ia32": "0.21.5", - "@esbuild/win32-x64": "0.21.5" - } + "peer": true }, "node_modules/vite/node_modules/postcss": { - "version": "8.4.49", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz", - "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==", + "version": "8.5.4", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.4.tgz", + "integrity": "sha512-QSa9EBe+uwlGTFmHsPKokv3B/oEMQZxfqW0QqNCyhpa6mB1afzulwn8hihglqAb2pOw+BJgNlmXQ8la2VeHB7w==", "dev": true, "funding": [ { @@ -15226,8 +16060,9 @@ } ], "license": "MIT", + "peer": true, "dependencies": { - "nanoid": "^3.3.7", + "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" }, @@ -15235,6 +16070,47 @@ "node": "^10 || ^12 || >=14" } }, + "node_modules/vite/node_modules/rollup": { + "version": "4.41.1", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.41.1.tgz", + "integrity": "sha512-cPmwD3FnFv8rKMBc1MxWCwVQFxwf1JEmSX3iQXrRVVG15zerAIXRjMFVWnd5Q5QvgKF7Aj+5ykXFhUl+QGnyOw==", + "dev": true, + "license": "MIT", + "peer": true, + "dependencies": { + "@types/estree": "1.0.7" + }, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=18.0.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "@rollup/rollup-android-arm-eabi": "4.41.1", + "@rollup/rollup-android-arm64": "4.41.1", + "@rollup/rollup-darwin-arm64": "4.41.1", + "@rollup/rollup-darwin-x64": "4.41.1", + "@rollup/rollup-freebsd-arm64": "4.41.1", + "@rollup/rollup-freebsd-x64": "4.41.1", + "@rollup/rollup-linux-arm-gnueabihf": "4.41.1", + "@rollup/rollup-linux-arm-musleabihf": "4.41.1", + "@rollup/rollup-linux-arm64-gnu": "4.41.1", + "@rollup/rollup-linux-arm64-musl": "4.41.1", + "@rollup/rollup-linux-loongarch64-gnu": "4.41.1", + "@rollup/rollup-linux-powerpc64le-gnu": "4.41.1", + "@rollup/rollup-linux-riscv64-gnu": "4.41.1", + "@rollup/rollup-linux-riscv64-musl": "4.41.1", + "@rollup/rollup-linux-s390x-gnu": "4.41.1", + "@rollup/rollup-linux-x64-gnu": "4.41.1", + "@rollup/rollup-linux-x64-musl": "4.41.1", + "@rollup/rollup-win32-arm64-msvc": "4.41.1", + "@rollup/rollup-win32-ia32-msvc": "4.41.1", + "@rollup/rollup-win32-x64-msvc": "4.41.1", + "fsevents": "~2.3.2" + } + }, "node_modules/void-elements": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz", @@ -15246,9 +16122,9 @@ } }, "node_modules/watchpack": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.1.tgz", - "integrity": "sha512-8wrBCMtVhqcXP2Sup1ctSkga6uc2Bx0IIvKyT7yTFier5AXHooSI+QyQQAtTb7+E0IUCCKyTFmXqdqgum2XWGg==", + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz", + "integrity": "sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==", "dev": true, "license": "MIT", "dependencies": { @@ -15284,22 +16160,23 @@ "resolved": "https://registry.npmjs.org/weak-lru-cache/-/weak-lru-cache-1.2.2.tgz", "integrity": "sha512-DEAoo25RfSYMuTGc9vPJzZcZullwIqRDSI9LOy+fkCJPi6hykCnfKaXTuPBDuXAUcqHXyOgFtHNp/kB2FjYHbw==", "dev": true, - "license": "MIT" + "license": "MIT", + "optional": true }, "node_modules/webpack": { - "version": "5.94.0", - "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.94.0.tgz", - "integrity": "sha512-KcsGn50VT+06JH/iunZJedYGUJS5FGjow8wb9c0v5n1Om8O1g4L6LjtfxwlXIATopoQu+vOXXa7gYisWxCoPyg==", + "version": "5.98.0", + "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.98.0.tgz", + "integrity": "sha512-UFynvx+gM44Gv9qFgj0acCQK2VE1CtdfwFdimkapco3hlPCJ/zeq73n2yVKimVbtm+TnApIugGhLJnkU6gjYXA==", "dev": true, "license": "MIT", "dependencies": { - "@types/estree": "^1.0.5", - "@webassemblyjs/ast": "^1.12.1", - "@webassemblyjs/wasm-edit": "^1.12.1", - "@webassemblyjs/wasm-parser": "^1.12.1", - "acorn": "^8.7.1", - "acorn-import-attributes": "^1.9.5", - "browserslist": "^4.21.10", + "@types/eslint-scope": "^3.7.7", + "@types/estree": "^1.0.6", + "@webassemblyjs/ast": "^1.14.1", + "@webassemblyjs/wasm-edit": "^1.14.1", + "@webassemblyjs/wasm-parser": "^1.14.1", + "acorn": "^8.14.0", + "browserslist": "^4.24.0", "chrome-trace-event": "^1.0.2", "enhanced-resolve": "^5.17.1", "es-module-lexer": "^1.2.1", @@ -15311,9 +16188,9 @@ "loader-runner": "^4.2.0", "mime-types": "^2.1.27", "neo-async": "^2.6.2", - "schema-utils": "^3.2.0", + "schema-utils": "^4.3.0", "tapable": "^2.1.1", - "terser-webpack-plugin": "^5.3.10", + "terser-webpack-plugin": "^5.3.11", "watchpack": "^2.4.1", "webpack-sources": "^3.2.3" }, @@ -15364,9 +16241,9 @@ } }, "node_modules/webpack-dev-server": { - "version": "5.0.4", - "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.0.4.tgz", - "integrity": "sha512-dljXhUgx3HqKP2d8J/fUMvhxGhzjeNVarDLcbO/EWMSgRizDkxHQDZQaLFL5VJY9tRBj2Gz+rvCEYYvhbqPHNA==", + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.2.0.tgz", + "integrity": "sha512-90SqqYXA2SK36KcT6o1bvwvZfJFcmoamqeJY7+boioffX9g9C0wjjJRGUrQIuh43pb0ttX7+ssavmj/WN2RHtA==", "dev": true, "license": "MIT", "dependencies": { @@ -15383,23 +16260,20 @@ "colorette": "^2.0.10", "compression": "^1.7.4", "connect-history-api-fallback": "^2.0.0", - "default-gateway": "^6.0.3", - "express": "^4.17.3", + "express": "^4.21.2", "graceful-fs": "^4.2.6", - "html-entities": "^2.4.0", - "http-proxy-middleware": "^2.0.3", + "http-proxy-middleware": "^2.0.7", "ipaddr.js": "^2.1.0", "launch-editor": "^2.6.1", "open": "^10.0.3", "p-retry": "^6.2.0", - "rimraf": "^5.0.5", "schema-utils": "^4.2.0", "selfsigned": "^2.4.1", "serve-index": "^1.9.1", "sockjs": "^0.3.24", "spdy": "^4.0.2", - "webpack-dev-middleware": "^7.1.0", - "ws": "^8.16.0" + "webpack-dev-middleware": "^7.4.2", + "ws": "^8.18.0" }, "bin": { "webpack-dev-server": "bin/webpack-dev-server.js" @@ -15423,31 +16297,48 @@ } } }, - "node_modules/webpack-dev-server/node_modules/glob": { - "version": "10.4.5", - "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz", - "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==", + "node_modules/webpack-dev-server/node_modules/chokidar": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", + "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", "dev": true, - "license": "ISC", + "license": "MIT", "dependencies": { - "foreground-child": "^3.1.0", - "jackspeak": "^3.1.2", - "minimatch": "^9.0.4", - "minipass": "^7.1.2", - "package-json-from-dist": "^1.0.0", - "path-scurry": "^1.11.1" + "anymatch": "~3.1.2", + "braces": "~3.0.2", + "glob-parent": "~5.1.2", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.6.0" }, - "bin": { - "glob": "dist/esm/bin.mjs" + "engines": { + "node": ">= 8.10.0" }, "funding": { - "url": "https://github.com/sponsors/isaacs" + "url": "https://paulmillr.com/funding/" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/webpack-dev-server/node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "license": "ISC", + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" } }, "node_modules/webpack-dev-server/node_modules/http-proxy-middleware": { - "version": "2.0.7", - "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.7.tgz", - "integrity": "sha512-fgVY8AV7qU7z/MmXJ/rxwbrtQH4jBQ9m7kp3llF0liB7glmFeVZFBepQb32T3y8n8k2+AEYuMPCpinYW+/CuRA==", + "version": "2.0.9", + "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.9.tgz", + "integrity": "sha512-c1IyJYLYppU574+YI7R4QyX2ystMtVXZwIdzazUIPIJsHuWNd+mho2j+bKoHftndicGj9yh+xjd+l0yj7VeT1Q==", "dev": true, "license": "MIT", "dependencies": { @@ -15469,20 +16360,52 @@ } } }, - "node_modules/webpack-dev-server/node_modules/rimraf": { - "version": "5.0.10", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-5.0.10.tgz", - "integrity": "sha512-l0OE8wL34P4nJH/H2ffoaniAokM2qSmrtXHmlpvYr5AVVX8msAyW0l8NVJFDxlSK4u3Uh/f41cQheDVdnYijwQ==", + "node_modules/webpack-dev-server/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", "dev": true, - "license": "ISC", + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/webpack-dev-server/node_modules/readdirp": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "dev": true, + "license": "MIT", "dependencies": { - "glob": "^10.3.7" + "picomatch": "^2.2.1" }, - "bin": { - "rimraf": "dist/esm/bin.mjs" + "engines": { + "node": ">=8.10.0" + } + }, + "node_modules/webpack-dev-server/node_modules/ws": { + "version": "8.18.2", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.2.tgz", + "integrity": "sha512-DMricUmwGZUVr++AEAe2uiVM7UoO9MAVZMDu05UQOaUII0lp+zOzLLU4Xqh/JvTqklB1T4uELaaPBKyjE1r4fQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10.0.0" }, - "funding": { - "url": "https://github.com/sponsors/isaacs" + "peerDependencies": { + "bufferutil": "^4.0.1", + "utf-8-validate": ">=5.0.2" + }, + "peerDependenciesMeta": { + "bufferutil": { + "optional": true + }, + "utf-8-validate": { + "optional": true + } } }, "node_modules/webpack-merge": { @@ -15501,9 +16424,9 @@ } }, "node_modules/webpack-sources": { - "version": "3.2.3", - "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz", - "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==", + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.3.2.tgz", + "integrity": "sha512-ykKKus8lqlgXX/1WjudpIEjqsafjOTcOJqxnAbMLAu/KCsDCJ6GBtvscewvTkrn24HsnvFwrSCbenFrhtcCsAA==", "dev": true, "license": "MIT", "engines": { @@ -15532,33 +16455,6 @@ } } }, - "node_modules/webpack/node_modules/ajv": { - "version": "6.12.6", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", - "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", - "dev": true, - "license": "MIT", - "dependencies": { - "fast-deep-equal": "^3.1.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/epoberezkin" - } - }, - "node_modules/webpack/node_modules/ajv-keywords": { - "version": "3.5.2", - "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true, - "license": "MIT", - "peerDependencies": { - "ajv": "^6.9.1" - } - }, "node_modules/webpack/node_modules/eslint-scope": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", @@ -15590,32 +16486,6 @@ "dev": true, "license": "MIT" }, - "node_modules/webpack/node_modules/json-schema-traverse": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "dev": true, - "license": "MIT" - }, - "node_modules/webpack/node_modules/schema-utils": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", - "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/json-schema": "^7.0.8", - "ajv": "^6.12.5", - "ajv-keywords": "^3.5.2" - }, - "engines": { - "node": ">= 10.13.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" - } - }, "node_modules/websocket-driver": { "version": "0.7.4", "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz", @@ -15708,6 +16578,16 @@ "url": "https://github.com/chalk/wrap-ansi?sponsor=1" } }, + "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", @@ -15740,6 +16620,29 @@ "node": ">=8" } }, + "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/wrap-ansi/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/wrap-ansi/node_modules/emoji-regex": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", @@ -15772,6 +16675,19 @@ "node": ">=8" } }, + "node_modules/wrap-ansi/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/wrappy": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", @@ -15853,6 +16769,15 @@ "node": ">=12" } }, + "node_modules/yargs/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/yargs/node_modules/emoji-regex": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", @@ -15882,6 +16807,18 @@ "node": ">=8" } }, + "node_modules/yargs/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "license": "MIT", + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/yocto-queue": { "version": "0.1.0", "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", @@ -15909,9 +16846,9 @@ } }, "node_modules/zone.js": { - "version": "0.14.10", - "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.14.10.tgz", - "integrity": "sha512-YGAhaO7J5ywOXW6InXNlLmfU194F8lVgu7bRntUF3TiG8Y3nBK0x1UJJuHUP/e8IyihkjCYqhCScpSwnlaSRkQ==", + "version": "0.15.1", + "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.15.1.tgz", + "integrity": "sha512-XE96n56IQpJM7NAoXswY3XRLcWFW83xe0BiAOeMD7K5k5xecOeul3Qcpx6GqEeeHNkW5DWL5zOyTbEfB4eti8w==", "license": "MIT" } } diff --git a/package.json b/package.json index 6fbca75a..f0b45456 100644 --- a/package.json +++ b/package.json @@ -1,8 +1,8 @@ { "name": "coreui-angular-dev", - "version": "5.2.25", + "version": "5.4.14", "description": "CoreUI Components Library for Angular", - "copyright": "Copyright 2024 creativeLabs Łukasz Holeczek", + "copyright": "Copyright 2025 creativeLabs Łukasz Holeczek", "license": "MIT", "author": "The CoreUI Team (https://github.com/orgs/coreui/people)", "scripts": { @@ -11,6 +11,7 @@ "build:lib:prod": "ng build coreui-angular", "postbuild:lib:prod": "npm run build --prefix projects/coreui-angular", "test:lib:dev": "ng test coreui-angular", + "test:lib:cov": "ng test --watch --code-coverage coreui-angular ", "test:lib:prod": "ng test coreui-angular --karma-config=projects/coreui-angular/karma.conf.github.js", "prepublish:lib": "npm run prepublish:icons && ng lint coreui-angular && ng test coreui-angular --watch=false && npm run build:lib:prod", "publish:lib": "cd dist/coreui-angular/ && npm publish --tag next --dry-run", @@ -39,47 +40,47 @@ }, "private": true, "dependencies": { - "@angular/animations": "^18.2.12", - "@angular/cdk": "^18.2.13", - "@angular/common": "^18.2.12", - "@angular/compiler": "^18.2.12", - "@angular/core": "^18.2.12", - "@angular/forms": "^18.2.12", - "@angular/localize": "^18.2.12", - "@angular/platform-browser": "^18.2.12", - "@angular/platform-browser-dynamic": "^18.2.12", - "@angular/router": "^18.2.12", - "@coreui/chartjs": "^4.0.0", + "@angular/animations": "^19.2.14", + "@angular/cdk": "^19.2.18", + "@angular/common": "^19.2.14", + "@angular/compiler": "^19.2.14", + "@angular/core": "^19.2.14", + "@angular/forms": "^19.2.14", + "@angular/localize": "^19.2.14", + "@angular/platform-browser": "^19.2.14", + "@angular/platform-browser-dynamic": "^19.2.14", + "@angular/router": "^19.2.14", + "@coreui/chartjs": "~4.1.0", "@coreui/icons": "^3.0.1", "@popperjs/core": "~2.11.8", - "chart.js": "^4.4.6", + "chart.js": "^4.4.9", "lodash-es": "^4.17.21", - "rxjs": "~7.8.1", + "rxjs": "~7.8.2", "tslib": "^2.8.1", - "zone.js": "~0.14.10" + "zone.js": "~0.15.1" }, "devDependencies": { - "@angular-devkit/build-angular": "^18.2.12", - "@angular-devkit/schematics": "^18.2.12", - "@angular/cli": "^18.2.12", - "@angular/compiler-cli": "^18.2.12", - "@angular/language-service": "^18.2.12", - "@types/jasmine": "^5.1.4", + "@angular-devkit/build-angular": "^19.2.14", + "@angular-devkit/schematics": "^19.2.14", + "@angular/cli": "^19.2.14", + "@angular/compiler-cli": "^19.2.14", + "@angular/language-service": "^19.2.14", + "@types/jasmine": "^5.1.8", "@types/lodash-es": "^4.17.12", - "@types/node": "^20.17.6", - "angular-eslint": "~18.4.0", + "@types/node": "^22.15.29", + "angular-eslint": "^19.7.1", "copyfiles": "^2.4.1", - "eslint": "^9.14.0", - "jasmine-core": "^5.4.0", + "eslint": "^9.28.0", + "jasmine-core": "^5.7.1", "karma": "^6.4.4", "karma-chrome-launcher": "^3.2.0", "karma-coverage": "^2.2.1", "karma-jasmine": "^5.1.0", "karma-jasmine-html-reporter": "^2.1.0", - "ng-packagr": "^18.2.1", - "prettier": "^3.3.3", - "typescript": "~5.5.4", - "typescript-eslint": "~8.14.0" + "ng-packagr": "^19.2.2", + "prettier": "^3.5.3", + "typescript": "~5.7.3", + "typescript-eslint": "^8.33.1" }, "keywords": [ "angular", @@ -102,10 +103,10 @@ "url": "git+https://github.com/coreui/coreui-angular.git" }, "config": { - "version_short": "5.2" + "version_short": "5.4" }, "engines": { - "node": "^20.11.1 || >=22.0.0", + "node": "^20.11.1 || ^22.0.0", "npm": ">=9" } } diff --git a/projects/coreui-angular-chartjs/LICENSE b/projects/coreui-angular-chartjs/LICENSE index 94e4f4d1..fbb053e0 100644 --- a/projects/coreui-angular-chartjs/LICENSE +++ b/projects/coreui-angular-chartjs/LICENSE @@ -1,6 +1,6 @@ MIT License -Copyright (c) 2024 creativeLabs Łukasz Holeczek +Copyright (c) 2025 creativeLabs Łukasz Holeczek Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/projects/coreui-angular-chartjs/README.md b/projects/coreui-angular-chartjs/README.md index d229d95f..589ce0b7 100644 --- a/projects/coreui-angular-chartjs/README.md +++ b/projects/coreui-angular-chartjs/README.md @@ -1,5 +1,5 @@

- + CoreUI logoCoreUI Angular wrapper for Chart.js v4

- Explore @coreui/angular-chartjs docs & examples » + Explore @coreui/angular-chartjs docs & examples »

- Report bug + Report bug · - Request feature + Request feature · Blog

+
+

+Featured CoreUI for Angular libraries: +
+· CoreUI Components for Angular +
+· CoreUI Angular wrapper for Chart.js v4 +
+· CoreUI Icons for Angular +

+
-## Status +### Status ![angular][angular-badge] -[![npm package][npm-badge-v5-ng18]][npm] +[![npm package][npm-badge-v5-ng19]][npm] [![npm package][npm-badge-latest]][npm] -[![npm package][npm-badge-next]][npm] -[![NPM downloads][npm-download]][npm] - +[![npm package][npm-badge-next]][npm] +[![NPM downloads][npm-download]][npm] +[![Project chartjs check](https://github.com/coreui/coreui-angular/actions/workflows/project-chartjs-check.yml/badge.svg)](https://github.com/coreui/coreui-angular/actions/workflows/project-chartjs-check.yml) -[npm-badge-v5-ng18]: https://img.shields.io/npm/v/@coreui/angular-chartjs/v5-ng18?style=flat-square&color=brightgreen +[npm-badge-v5-ng19]: https://img.shields.io/npm/v/@coreui/angular-chartjs/v5-ng19?style=flat-square&color=brightgreen [npm-badge-latest]: https://img.shields.io/npm/v/@coreui/angular-chartjs/latest?style=flat-square&color=brightgreen [npm-badge-next]: https://img.shields.io/npm/v/@coreui/angular-chartjs/next?style=flat-square&color=red [npm]: https://www.npmjs.com/package/@coreui/angular-chartjs [npm-download]: https://img.shields.io/npm/dm/@coreui/angular-chartjs.svg?style=flat-square -[angular-badge]: https://img.shields.io/badge/angular-^18.2.0-lightgrey.svg?style=flat-square&logo=angular +[angular-badge]: https://img.shields.io/badge/angular-^19.2.0-lightgrey.svg?style=flat-square&logo=angular ##### install: @@ -47,8 +58,8 @@ ng add @coreui/angular-chartjs - or npm ```bash npm install chart.js@4 -npm install @coreui/chartjs@4 -npm install @coreui/angular-chartjs@5.2 +npm install @coreui/chartjs@~4.1 +npm install @coreui/angular-chartjs@~5.4 ```` ##### import: @@ -67,7 +78,6 @@ import { ChartjsModule } from '@coreui/angular-chartjs'; import { ChartjsComponent } from '@coreui/angular-chartjs'; @Component({ - standalone: true, imports: [ ChartjsComponent, ... @@ -190,4 +200,4 @@ Thanks to all the backers and sponsors! Support this project by [becoming a back ## Copyright and license -Copyright 2024 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-angular/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/). +Copyright 2025 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-angular/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/). diff --git a/projects/coreui-angular-chartjs/package.json b/projects/coreui-angular-chartjs/package.json index 72f7d257..289f19a9 100644 --- a/projects/coreui-angular-chartjs/package.json +++ b/projects/coreui-angular-chartjs/package.json @@ -1,8 +1,8 @@ { "name": "@coreui/angular-chartjs", - "version": "5.2.25", + "version": "5.4.14", "description": "Angular wrapper component for Chart.js", - "copyright": "Copyright 2024 creativeLabs Łukasz Holeczek", + "copyright": "Copyright 2025 creativeLabs Łukasz Holeczek", "license": "MIT", "homepage": "https://coreui.io/angular", "author": { @@ -25,9 +25,9 @@ "url": "https://github.com/coreui/coreui-angular/issues" }, "peerDependencies": { - "@angular/core": "^18.2.0", - "@coreui/chartjs": "^4.0.0", - "chart.js": "^4.4.6" + "@angular/core": "^19.2.0", + "@coreui/chartjs": "~4.0.0 || ~4.1.0", + "chart.js": "^4.4.9" }, "dependencies": { "lodash-es": "^4.17.21", diff --git a/projects/coreui-angular-chartjs/src/lib/chartjs.component.html b/projects/coreui-angular-chartjs/src/lib/chartjs.component.html index 2d010fac..bbc4f12f 100644 --- a/projects/coreui-angular-chartjs/src/lib/chartjs.component.html +++ b/projects/coreui-angular-chartjs/src/lib/chartjs.component.html @@ -1,9 +1,9 @@ diff --git a/projects/coreui-angular-chartjs/src/lib/chartjs.component.spec.ts b/projects/coreui-angular-chartjs/src/lib/chartjs.component.spec.ts index 075cdb38..9bc21f02 100644 --- a/projects/coreui-angular-chartjs/src/lib/chartjs.component.spec.ts +++ b/projects/coreui-angular-chartjs/src/lib/chartjs.component.spec.ts @@ -1,10 +1,12 @@ -import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing'; +import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing'; import { ChartjsComponent } from './chartjs.component'; import { Chart, registerables } from 'chart.js'; +import { ComponentRef } from '@angular/core'; describe('ChartjsComponent', () => { let component: ChartjsComponent; + let componentRef: ComponentRef; let fixture: ComponentFixture; const colors = { @@ -38,31 +40,33 @@ describe('ChartjsComponent', () => { beforeEach(() => { fixture = TestBed.createComponent(ChartjsComponent); component = fixture.componentInstance; - component.data = undefined; - component.type = 'line'; - component.wrapper = true; + componentRef = fixture.componentRef; + componentRef.setInput('type', 'line'); + componentRef.setInput('wrapper', true); + componentRef.setInput('data', undefined); + fixture.detectChanges(); }); it('chart should create', fakeAsync(() => { - fixture.detectChanges(); - tick(); expect(component).toBeTruthy(); expect(component.chart).toBeDefined(); })); it('chart should receive data', fakeAsync(() => { - component.data = { ...data }; + componentRef.setInput('data', { ...data }); fixture.detectChanges(); - tick(); + // tick(); expect(component.chart?.config.data.labels?.length).toBe(7); expect(component.chart?.config.data.labels).toEqual(labels); expect(component.chart?.config.data.datasets[0]?.data.length).toBe(7); })); it('chart to Base64Image', fakeAsync(() => { - component.data = { ...data }; + componentRef.setInput('height', 100); + componentRef.setInput('width', 100); + componentRef.setInput('data', { ...data }); fixture.detectChanges(); - tick(); + // tick(); const image = component.chartToBase64Image(); expect(image).toBeDefined(); expect(typeof image).toBe('string'); @@ -70,18 +74,27 @@ describe('ChartjsComponent', () => { })); it('chart should update on data change', fakeAsync(() => { - component.data = { + componentRef.setInput('data', { ...data }); + fixture.detectChanges(); + // tick(); + expect(component.chart?.config.data.labels?.length).toBe(7); + expect(component.chart?.config.data.labels).toEqual(labels); + expect(component.chart?.config.data.datasets[0]?.data.length).toBe(7); + + const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May']; + componentRef.setInput('data', { ...data, - labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May'], + labels: [...months], datasets: [ { ...data.datasets[0], data: [42, 88, 42, 66, 77] }, { ...data.datasets[1], data: [55, 44, 55, 66, 22] } ] - }; + }); fixture.detectChanges(); - component.chartUpdate(); - tick(); + // component.chartUpdate(); + // tick(); expect(component.chart?.config?.data.labels?.length).toBe(5); + expect(component.chart?.config.data.labels).toEqual(months); expect(component.chart?.config?.data.datasets[1]?.data.length).toBe(5); })); diff --git a/projects/coreui-angular-chartjs/src/lib/chartjs.component.ts b/projects/coreui-angular-chartjs/src/lib/chartjs.component.ts index 66324339..eaf2680b 100644 --- a/projects/coreui-angular-chartjs/src/lib/chartjs.component.ts +++ b/projects/coreui-angular-chartjs/src/lib/chartjs.component.ts @@ -1,22 +1,23 @@ import { - afterRender, - AfterViewInit, + afterRenderEffect, booleanAttribute, ChangeDetectionStrategy, ChangeDetectorRef, Component, + computed, ElementRef, - EventEmitter, - HostBinding, - Input, + inject, + input, + linkedSignal, NgZone, numberAttribute, OnChanges, OnDestroy, - Output, + output, Renderer2, SimpleChanges, - ViewChild + untracked, + viewChild } from '@angular/core'; import merge from 'lodash-es/merge'; @@ -24,6 +25,7 @@ import merge from 'lodash-es/merge'; import type { ChartConfiguration, ChartData, ChartOptions, ChartType, InteractionItem, Plugin } from 'chart.js'; import { Chart as ChartJS, registerables } from 'chart.js'; import { customTooltips as cuiCustomTooltips } from '@coreui/chartjs'; +import { BooleanInput } from './chartjs.interface'; ChartJS.register(...registerables); @@ -34,22 +36,32 @@ let nextId = 0; templateUrl: './chartjs.component.html', styleUrls: ['./chartjs.component.scss'], exportAs: 'cChart', - standalone: true, - changeDetection: ChangeDetectionStrategy.OnPush - // host: { ngSkipHydration: 'true' } + changeDetection: ChangeDetectionStrategy.OnPush, + host: { + '[class]': 'hostClasses()', + '[style.height.px]': 'height()', + '[style.width.px]': 'width()' + } }) -export class ChartjsComponent implements AfterViewInit, OnDestroy, OnChanges { +export class ChartjsComponent implements OnDestroy, OnChanges { + // + static ngAcceptInputType_redraw: BooleanInput; + + private readonly ngZone = inject(NgZone); + private readonly renderer = inject(Renderer2); + private readonly changeDetectorRef = inject(ChangeDetectorRef); + /** * Enables custom html based tooltips instead of standard tooltips. - * @type boolean + * @return boolean * @default true */ - @Input({ transform: booleanAttribute }) customTooltips: boolean = true; + readonly customTooltips = input(true, { transform: booleanAttribute }); /** * The data object that is passed into the Chart.js chart (more info). */ - @Input() data?: ChartData; + readonly data = input(); /** * A fallback when the canvas cannot be rendered. Can be used for accessible chart descriptions. @@ -58,93 +70,86 @@ export class ChartjsComponent implements AfterViewInit, OnDestroy, OnChanges { /** * Height attribute applied to the rendered canvas. - * @type number | undefined - * @default 150 + * @return number | undefined + * @default null */ - @HostBinding('style.height.px') - @Input({ transform: (value: string | number) => numberAttribute(value, undefined) }) - height?: number; + readonly height = input(null, { transform: (value) => numberAttribute(value, undefined) }); /** * ID attribute applied to the rendered canvas. - * @type string + * @return string */ - @Input() id: string = `c-chartjs-${nextId++}`; + readonly idInput = input(`c-chartjs-${nextId++}`, { alias: 'id' }); + + get id() { + return this.idInput(); + } /** * The options object that is passed into the Chart.js chart. */ - @Input() options?: ChartOptions = {}; + readonly optionsInput = input({}, { alias: 'options' }); + + readonly options = linkedSignal(this.optionsInput); /** * The plugins array that is passed into the Chart.js chart */ - @Input() plugins: Plugin[] = []; + readonly plugins = input([]); /** * If true, will tear down and redraw chart on all updates. - * @type boolean + * @return boolean * @default false */ - @Input({ transform: booleanAttribute }) redraw: boolean = false; + readonly redraw = input(false, { transform: booleanAttribute }); /** * Chart.js chart type. - * @type {'line' | 'bar' | 'radar' | 'doughnut' | 'polarArea' | 'bubble' | 'pie' | 'scatter'} + * @return {'line' | 'bar' | 'radar' | 'doughnut' | 'polarArea' | 'bubble' | 'pie' | 'scatter'} */ - @Input() type: ChartType = 'bar'; + readonly type = input('bar'); /** * Width attribute applied to the rendered canvas. - * @type number | undefined - * @default 300 + * @return number | undefined + * @default null */ - @HostBinding('style.width.px') - @Input({ transform: (value: string | number) => numberAttribute(value, undefined) }) - width?: number; + readonly width = input(null, { transform: (value) => numberAttribute(value, undefined) }); /** * Put the chart into the wrapper div element. * @default true */ - @Input({ transform: booleanAttribute }) wrapper = true; + readonly wrapper = input(true, { transform: booleanAttribute }); - @Output() readonly getDatasetAtEvent = new EventEmitter(); - @Output() readonly getElementAtEvent = new EventEmitter(); - @Output() readonly getElementsAtEvent = new EventEmitter(); + readonly getDatasetAtEvent = output(); + readonly getElementAtEvent = output(); + readonly getElementsAtEvent = output(); - @Output() readonly chartRef = new EventEmitter(); + readonly chartRef = output(); - @ViewChild('canvasElement') canvasElement!: ElementRef; + readonly canvasElement = viewChild.required('canvasElement'); chart!: ChartJS; ctx!: CanvasRenderingContext2D; - @HostBinding('class') - get hostClasses() { + readonly hostClasses = computed(() => { return { - 'chart-wrapper': this.wrapper + 'chart-wrapper': this.wrapper() }; - } + }); - constructor( - private readonly ngZone: NgZone, - private readonly renderer: Renderer2, - private readonly changeDetectorRef: ChangeDetectorRef - ) { - // todo: verify afterRender / afterNextRender for chartjs (spec fails with 17.0.10) - afterRender({ - write: () => { - this.ctx = this.canvasElement?.nativeElement?.getContext('2d'); + constructor() { + afterRenderEffect({ + read: () => { + const canvasElement = this.canvasElement(); + this.ctx = canvasElement?.nativeElement?.getContext('2d'); this.chartRender(); } }); } - ngAfterViewInit(): void { - this.chartRender(); - } - ngOnChanges(changes: SimpleChanges): void { if (changes['data'] && !changes['data'].firstChange) { this.chartUpdate(); @@ -191,7 +196,8 @@ export class ChartjsComponent implements AfterViewInit, OnDestroy, OnChanges { } public chartRender() { - if (!this.canvasElement?.nativeElement || !this.ctx || this.chart) { + const canvasElement = this.canvasElement(); + if (!canvasElement?.nativeElement || !this.ctx || this.chart) { return; } @@ -200,7 +206,7 @@ export class ChartjsComponent implements AfterViewInit, OnDestroy, OnChanges { if (config) { this.chart = new ChartJS(this.ctx, config); this.ngZone.run(() => { - this.renderer.setStyle(this.canvasElement.nativeElement, 'display', 'block'); + this.renderer.setStyle(canvasElement.nativeElement, 'display', 'block'); this.changeDetectorRef.markForCheck(); this.chartRef.emit(this.chart); }); @@ -213,7 +219,7 @@ export class ChartjsComponent implements AfterViewInit, OnDestroy, OnChanges { return; } - if (this.redraw) { + if (this.redraw()) { this.chartDestroy(); this.chartRender(); return; @@ -221,7 +227,7 @@ export class ChartjsComponent implements AfterViewInit, OnDestroy, OnChanges { const config: ChartConfiguration = this.chartConfig(); - if (this.options) { + if (this.options()) { Object.assign(this.chart.options ?? {}, config.options ?? {}); } @@ -254,44 +260,47 @@ export class ChartjsComponent implements AfterViewInit, OnDestroy, OnChanges { return this.chart?.toBase64Image(); } - private chartDataConfig(): ChartData { + private chartDataConfig = computed(() => { + const { labels, datasets } = { ...this.data() }; return { - labels: this.data?.labels ?? [], - datasets: this.data?.datasets ?? [] + labels: labels ?? [], + datasets: datasets ?? [] }; - } + }); - private chartOptions(): ChartOptions { - return this.options ?? {}; - } + readonly chartOptions = computed(() => this.options() ?? {}); - private chartConfig(): ChartConfiguration { + readonly chartConfig = computed(() => { this.chartCustomTooltips(); return { data: this.chartDataConfig(), options: this.chartOptions(), - plugins: this.plugins, - type: this.type + plugins: this.plugins(), + type: this.type() }; - } + }); private chartCustomTooltips() { - if (this.customTooltips) { - const options = this.options; - const plugins = this.options?.plugins; - const tooltip = this.options?.plugins?.tooltip; - this.options = merge({ - ...options, - plugins: { - ...plugins, - tooltip: { - ...tooltip, - enabled: false, - mode: 'index', - position: 'nearest', - external: cuiCustomTooltips - } - } + if (this.customTooltips()) { + const options = this.options(); + const plugins = options?.plugins; + const tooltip = options?.plugins?.tooltip; + untracked(() => { + this.options.set( + merge({ + ...options, + plugins: { + ...plugins, + tooltip: { + ...tooltip, + enabled: false, + mode: 'index', + position: 'nearest', + external: cuiCustomTooltips + } + } + }) + ); }); } } diff --git a/projects/coreui-angular-chartjs/src/lib/chartjs.interface.ts b/projects/coreui-angular-chartjs/src/lib/chartjs.interface.ts index 0532ba84..6c35ea4a 100644 --- a/projects/coreui-angular-chartjs/src/lib/chartjs.interface.ts +++ b/projects/coreui-angular-chartjs/src/lib/chartjs.interface.ts @@ -2,6 +2,8 @@ import { ChartType } from 'chart.js/auto'; import { EventEmitter } from '@angular/core'; import { ChartConfiguration, DefaultDataPoint } from 'chart.js'; +export declare type BooleanInput = string | boolean | null | undefined; + export interface IChartjs, TLabel = unknown> { /** * Enables custom html based tooltips instead of standard tooltips. @@ -81,5 +83,4 @@ export interface IChartjs; - } diff --git a/projects/coreui-angular/CLI.md b/projects/coreui-angular/CLI.md index fcbbd5c5..cd0a31a1 100644 --- a/projects/coreui-angular/CLI.md +++ b/projects/coreui-angular/CLI.md @@ -1,6 +1,6 @@ # @coreui/angular v5 -This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.0.2. +This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 19.1.0. ## Development server diff --git a/projects/coreui-angular/LICENSE b/projects/coreui-angular/LICENSE index 94e4f4d1..fbb053e0 100644 --- a/projects/coreui-angular/LICENSE +++ b/projects/coreui-angular/LICENSE @@ -1,6 +1,6 @@ MIT License -Copyright (c) 2024 creativeLabs Łukasz Holeczek +Copyright (c) 2025 creativeLabs Łukasz Holeczek Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/projects/coreui-angular/README.md b/projects/coreui-angular/README.md index 6eeb7f23..5fb030b2 100644 --- a/projects/coreui-angular/README.md +++ b/projects/coreui-angular/README.md @@ -1,5 +1,5 @@

- + CoreUI logo

-

CoreUI for Angular

+

CoreUI Components for Angular

- Angular Components Library built on top of Bootstrap 5.3 and TypeScript 5.4. + Angular Components Library built on top of Bootstrap 5.3 and TypeScript 5.x
- Explore CoreUI for Angular docs » + Explore CoreUI for Angular docs and examples »
-
- Report a bug + CoreUI Docs + · + Report a bug · - Request a feature + Request a feature · - Blog + Blog

+
+

+Featured CoreUI for Angular libraries: +
+· CoreUI Components for Angular +
+· CoreUI Angular wrapper for Chart.js v4 +
+· CoreUI Icons for Angular +

+
+ -## Status +### Status ![angular][angular-badge] -[![npm-coreui-angular-v5-ng18][npm-coreui-angular-badge-v5-ng18]][npm-coreui-angular] +[![npm-coreui-angular-v5-ng19][npm-coreui-angular-badge-v5-ng19]][npm-coreui-angular] [![npm-coreui-angular-latest][npm-coreui-angular-badge-latest]][npm-coreui-angular] [![npm-coreui-angular-next][npm-coreui-angular-badge-next]][npm-coreui-angular] -[![NPM downloads][npm-coreui-angular-download]][npm-coreui-angular] +[![NPM downloads][npm-coreui-angular-download]][npm-coreui-angular] [![Build](https://github.com/coreui/coreui-angular/actions/workflows/build-check.yml/badge.svg)](https://github.com/coreui/coreui-angular/actions/workflows/build-check.yml) -[npm-coreui-angular-badge-v5-ng18]: https://img.shields.io/npm/v/@coreui/angular/v5-ng18?style=flat-square&color=brightgreen -[npm-coreui-angular-badge-latest]: https://img.shields.io/npm/v/@coreui/angular/latest?style=flat-square&color=brightgreen -[npm-coreui-angular-badge-next]: https://img.shields.io/npm/v/@coreui/angular/next?style=flat-square&color=red -[npm-coreui-angular]: https://www.npmjs.com/package/@coreui/angular -[npm-coreui-angular-download]: https://img.shields.io/npm/dm/@coreui/angular.svg?style=flat-square -[angular-badge]: https://img.shields.io/badge/angular-^18.2.0-lightgrey.svg?style=flat-square&logo=angular ## Table of contents @@ -71,7 +78,7 @@ Before you begin, make sure your development environment includes `Node.js®` and `npm` package manager. ###### Node.js -[**Angular 18**](https://angular.dev/overview) requires `Node.js` LTS version `^18.19` or newer. +[**Angular 19**](https://angular.dev/overview) requires `Node.js` LTS version `^18.19`, `^20.11` or `^22.0`. - To check your version, run `node -v` in a terminal/console window. - To get `Node.js`, go to [nodejs.org](https://nodejs.org/). @@ -222,4 +229,11 @@ Thanks to all the backers and sponsors! Support this project by [becoming a back ## Copyright and license -Copyright 2024 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-angular/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/). +Copyright 2025 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-angular/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/). + +[npm-coreui-angular-badge-v5-ng19]: https://img.shields.io/npm/v/@coreui/angular/v5-ng19?style=flat-square&color=brightgreen +[npm-coreui-angular-badge-latest]: https://img.shields.io/npm/v/@coreui/angular/latest?style=flat-square&color=brightgreen +[npm-coreui-angular-badge-next]: https://img.shields.io/npm/v/@coreui/angular/next?style=flat-square&color=red +[npm-coreui-angular]: https://www.npmjs.com/package/@coreui/angular +[npm-coreui-angular-download]: https://img.shields.io/npm/dm/@coreui/angular.svg?style=flat-square +[angular-badge]: https://img.shields.io/badge/angular-^19.2.0-lightgrey.svg?style=flat-square&logo=angular diff --git a/projects/coreui-angular/package.json b/projects/coreui-angular/package.json index cba15026..de6a0bd2 100644 --- a/projects/coreui-angular/package.json +++ b/projects/coreui-angular/package.json @@ -1,8 +1,8 @@ { "name": "@coreui/angular", - "version": "5.2.25", + "version": "5.4.14", "description": "CoreUI Components Library for Angular", - "copyright": "Copyright 2024 creativeLabs Łukasz Holeczek", + "copyright": "Copyright 2025 creativeLabs Łukasz Holeczek", "license": "MIT", "homepage": "https://coreui.io/angular", "author": { @@ -23,18 +23,18 @@ }, "sideEffects": false, "peerDependencies": { - "@angular/animations": "^18.2.0", - "@angular/cdk": "^18.2.0", - "@angular/common": "^18.2.0", - "@angular/core": "^18.2.0", - "@angular/router": "^18.2.0", - "@coreui/coreui": "^5.2.0", - "@coreui/icons-angular": "~5.2.25", - "rxjs": "^7.8.1" + "@angular/animations": "^19.2.0", + "@angular/cdk": "^19.2.0", + "@angular/common": "^19.2.0", + "@angular/core": "^19.2.0", + "@angular/router": "^19.2.0", + "@coreui/coreui": "~5.2.0 || ~5.4.0", + "@coreui/icons-angular": "~5.4.14", + "rxjs": "^7.8.2" }, "repository": { "type": "git", - "url": "https://github.com/coreui/coreui-angular.git" + "url": "git+https://github.com/coreui/coreui-angular.git" }, "bugs": { "url": "https://github.com/coreui/coreui-angular/issues" diff --git a/projects/coreui-angular/src/lib/accordion/accordion-button/accordion-button.directive.ts b/projects/coreui-angular/src/lib/accordion/accordion-button/accordion-button.directive.ts index 001587ec..308ddf76 100644 --- a/projects/coreui-angular/src/lib/accordion/accordion-button/accordion-button.directive.ts +++ b/projects/coreui-angular/src/lib/accordion/accordion-button/accordion-button.directive.ts @@ -2,7 +2,6 @@ import { computed, Directive, input } from '@angular/core'; @Directive({ selector: '[cAccordionButton]', - standalone: true, host: { '[class]': 'hostClasses()', '[attr.type]': 'type()', '[attr.aria-expanded]': 'ariaExpanded()' } }) export class AccordionButtonDirective { @@ -23,7 +22,7 @@ export class AccordionButtonDirective { return { 'accordion-button': true, collapsed: this.collapsed() - }; + } as Record; }); readonly ariaExpanded = computed(() => !this.collapsed()); diff --git a/projects/coreui-angular/src/lib/accordion/accordion-item/accordion-item.component.html b/projects/coreui-angular/src/lib/accordion/accordion-item/accordion-item.component.html index 4091f51f..7c82ca98 100644 --- a/projects/coreui-angular/src/lib/accordion/accordion-item/accordion-item.component.html +++ b/projects/coreui-angular/src/lib/accordion/accordion-item/accordion-item.component.html @@ -3,13 +3,13 @@
-
+
- ', - standalone: true, imports: [ButtonCloseDirective] }) class TestComponent {} diff --git a/projects/coreui-angular/src/lib/button/button-close.directive.ts b/projects/coreui-angular/src/lib/button/button-close.directive.ts index 6e55ba28..6ebfe196 100644 --- a/projects/coreui-angular/src/lib/button/button-close.directive.ts +++ b/projects/coreui-angular/src/lib/button/button-close.directive.ts @@ -4,7 +4,6 @@ import { ButtonDirective } from './button.directive'; @Directive({ selector: '[cButtonClose]', - standalone: true, hostDirectives: [{ directive: ThemeDirective, inputs: ['dark'] }], host: { class: 'btn btn-close', diff --git a/projects/coreui-angular/src/lib/button/button.directive.spec.ts b/projects/coreui-angular/src/lib/button/button.directive.spec.ts index e7014eb5..b9ea20ea 100644 --- a/projects/coreui-angular/src/lib/button/button.directive.spec.ts +++ b/projects/coreui-angular/src/lib/button/button.directive.spec.ts @@ -6,9 +6,8 @@ import { By } from '@angular/platform-browser'; class MockElementRef extends ElementRef {} @Component({ - template: '', - standalone: true, - imports: [ButtonDirective] + template: '', + imports: [ButtonDirective] }) class TestComponent {} diff --git a/projects/coreui-angular/src/lib/button/button.directive.ts b/projects/coreui-angular/src/lib/button/button.directive.ts index 3bd567bd..0e1fbddf 100644 --- a/projects/coreui-angular/src/lib/button/button.directive.ts +++ b/projects/coreui-angular/src/lib/button/button.directive.ts @@ -1,11 +1,18 @@ -import { booleanAttribute, computed, Directive, input, InputSignal, InputSignalWithTransform } from '@angular/core'; +import { + booleanAttribute, + computed, + Directive, + input, + InputSignal, + InputSignalWithTransform, + numberAttribute +} from '@angular/core'; -import { ButtonType, Colors, Shapes } from '../coreui.types'; +import { BooleanInput, ButtonType, Colors, Shapes } from '../coreui.types'; @Directive({ selector: '[cButton]', exportAs: 'cButton', - standalone: true, host: { class: 'btn', '[class]': 'hostClasses()', @@ -17,6 +24,9 @@ import { ButtonType, Colors, Shapes } from '../coreui.types'; } }) export class ButtonDirective { + static ngAcceptInputType_active: BooleanInput; + static ngAcceptInputType_disabled: BooleanInput; + /** * Toggle the active state for the component. [docs] * @type InputSignalWithTransform @@ -47,6 +57,11 @@ export class ButtonDirective { */ readonly size: InputSignal<'' | 'sm' | 'lg'> = input<'' | 'sm' | 'lg'>(''); + /** + * The tabindex attribute specifies the tab order of an element (when the "tab" button is used for navigating). + */ + readonly tabindex = input(undefined, { transform: numberAttribute }); + /** * Specifies the type of button. Always specify the type attribute for the ` } -
+ diff --git a/projects/coreui-angular/src/lib/carousel/carousel-indicators/carousel-indicators.component.spec.ts b/projects/coreui-angular/src/lib/carousel/carousel-indicators/carousel-indicators.component.spec.ts index de6f3cb0..2a6b876e 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel-indicators/carousel-indicators.component.spec.ts +++ b/projects/coreui-angular/src/lib/carousel/carousel-indicators/carousel-indicators.component.spec.ts @@ -14,19 +14,30 @@ describe('CarouselIndicatorsComponent', () => { TestBed.configureTestingModule({ imports: [CarouselIndicatorsComponent], providers: [CarouselService, CarouselState] - }) - .compileComponents(); + }).compileComponents(); })); beforeEach(() => { fixture = TestBed.createComponent(CarouselIndicatorsComponent); service = TestBed.inject(CarouselService); state = TestBed.inject(CarouselState); + state.setItems([]); component = fixture.componentInstance; + component.items = [0, 1, 2, 3]; fixture.detectChanges(); }); it('should create', () => { expect(component).toBeTruthy(); }); + + it('should set active index', () => { + service.setIndex({ active: 1 }); + expect(component.active).toBe(1); + }); + + it('should call onClick', () => { + component.onClick(2); + expect(component.active).toBe(2); + }); }); diff --git a/projects/coreui-angular/src/lib/carousel/carousel-indicators/carousel-indicators.component.ts b/projects/coreui-angular/src/lib/carousel/carousel-indicators/carousel-indicators.component.ts index c17d0f32..a50f4962 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel-indicators/carousel-indicators.component.ts +++ b/projects/coreui-angular/src/lib/carousel/carousel-indicators/carousel-indicators.component.ts @@ -1,49 +1,51 @@ -import { Component, OnDestroy, OnInit } from '@angular/core'; -import { Subscription } from 'rxjs'; +import { Component, computed, contentChildren, DestroyRef, inject, OnInit, TemplateRef } from '@angular/core'; import { CarouselState } from '../carousel-state'; import { CarouselService } from '../carousel.service'; +import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; +import { NgTemplateOutlet } from '@angular/common'; +import { TemplateIdDirective } from '../../shared'; @Component({ selector: 'c-carousel-indicators', + exportAs: 'cCarouselIndicators', + imports: [NgTemplateOutlet], templateUrl: './carousel-indicators.component.html', - standalone: true + host: { class: 'carousel-indicators' } }) -export class CarouselIndicatorsComponent implements OnInit, OnDestroy { - constructor( - private carouselService: CarouselService, - private carouselState: CarouselState - ) {} +export class CarouselIndicatorsComponent implements OnInit { + readonly #destroyRef = inject(DestroyRef); + readonly #carouselService = inject(CarouselService); + readonly #carouselState = inject(CarouselState); items: (number | undefined)[] = []; active = 0; - private carouselIndexSubscription?: Subscription; - ngOnInit(): void { - this.carouselStateSubscribe(); - } + readonly contentTemplates = contentChildren(TemplateIdDirective, { descendants: true }); - ngOnDestroy(): void { - this.carouselStateSubscribe(false); + readonly templates = computed(() => { + return this.contentTemplates().reduce( + (acc, child) => { + acc[child.id] = child.templateRef; + return acc; + }, + {} as Record> + ); + }); + + ngOnInit(): void { + this.#carouselService.carouselIndex$.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((nextIndex) => { + this.items = this.#carouselState?.state?.items?.map((item) => item.index) ?? []; + if ('active' in nextIndex) { + this.active = nextIndex.active ?? 0; + } + }); } onClick(index: number): void { if (index !== this.active) { const direction = index < this.active ? 'prev' : 'next'; - this.carouselState.state = { direction, activeItemIndex: index }; - } - } - - private carouselStateSubscribe(subscribe: boolean = true): void { - if (subscribe) { - this.carouselIndexSubscription = this.carouselService.carouselIndex$.subscribe((nextIndex) => { - this.items = this.carouselState?.state?.items?.map(item => item.index) ?? []; - if ('active' in nextIndex) { - this.active = nextIndex.active ?? 0; - } - }); - } else { - this.carouselIndexSubscription?.unsubscribe(); + this.#carouselState.state = { direction, activeItemIndex: index }; } } } diff --git a/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.html b/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.html deleted file mode 100644 index cb03d32e..00000000 --- a/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.html +++ /dev/null @@ -1,7 +0,0 @@ -
- -
- - - - diff --git a/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.ts b/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.ts index 628b1ee5..838b27ee 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.ts +++ b/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.ts @@ -2,32 +2,46 @@ import { AfterContentChecked, AfterContentInit, Component, - ContentChildren, - HostBinding, - QueryList + computed, + contentChildren, + inject, + signal } from '@angular/core'; - -import { fadeAnimation, slideAnimation } from '../carousel.animation'; import { CarouselItemComponent } from '../carousel-item/carousel-item.component'; import { CarouselState } from '../carousel-state'; +import { carouselPlay } from '../carousel.animation'; @Component({ selector: 'c-carousel-inner', - templateUrl: './carousel-inner.component.html', styleUrls: ['./carousel-inner.component.scss'], - animations: [slideAnimation, fadeAnimation], - standalone: true + animations: [carouselPlay], + template: '', + host: { + class: 'carousel-inner', + '[@carouselPlay]': 'slideType()', + '[@.disabled]': '!animate()', + '[attr.aria-live]': 'ariaLive()' + } }) export class CarouselInnerComponent implements AfterContentInit, AfterContentChecked { - constructor(private carouselState: CarouselState) {} + readonly #carouselState = inject(CarouselState); + + readonly activeIndex = signal(undefined); + readonly animate = signal(true); + readonly interval = signal(0); + readonly slide = signal({ left: true }); + readonly transition = signal('crossfade'); + + readonly slideType = computed(() => { + return { left: this.slide().left, type: this.transition() }; + }); + + readonly ariaLive = computed(() => { + return this.interval() ? 'off' : 'polite'; + }); - @HostBinding('class.carousel-inner') carouselInnerClass = true; - activeIndex?: number; - animate?: boolean; - slide = { left: true }; - transition = 'slide'; - @ContentChildren(CarouselItemComponent) private contentItems!: QueryList; - private prevContentItems!: QueryList; + readonly contentItems = contentChildren(CarouselItemComponent); + readonly #prevContentItems = signal([]); ngAfterContentInit(): void { this.setItems(); @@ -35,21 +49,23 @@ export class CarouselInnerComponent implements AfterContentInit, AfterContentChe ngAfterContentChecked(): void { this.setItems(); - const state = this.carouselState?.state; + const state = this.#carouselState?.state; const nextIndex = state?.activeItemIndex; const nextDirection = state?.direction; - if (this.activeIndex !== nextIndex) { - this.animate = state?.animate; - this.slide = { left: nextDirection === 'next' }; - this.activeIndex = state?.activeItemIndex; - this.transition = state?.transition ?? 'slide'; + if (this.activeIndex() !== nextIndex) { + this.animate.set(state?.animate ?? false); + this.activeIndex.set(state?.activeItemIndex); + this.interval.set(state?.interval ?? 0); + this.slide.set({ left: nextDirection === 'next' }); + this.transition.set(state?.transition ?? 'slide'); } } setItems(): void { - if (this.prevContentItems !== this.contentItems) { - this.prevContentItems = this.contentItems; - this.carouselState.setItems(this.contentItems); + const contentItems = this.contentItems(); + if (this.#prevContentItems() !== contentItems) { + this.#prevContentItems.set([...contentItems]); + this.#carouselState.setItems(contentItems); } } } diff --git a/projects/coreui-angular/src/lib/carousel/carousel-item/carousel-item.component.html b/projects/coreui-angular/src/lib/carousel/carousel-item/carousel-item.component.html index 50df8e42..961fa2af 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel-item/carousel-item.component.html +++ b/projects/coreui-angular/src/lib/carousel/carousel-item/carousel-item.component.html @@ -1,3 +1,3 @@ -@if (active) { +@if (active()) { } diff --git a/projects/coreui-angular/src/lib/carousel/carousel-item/carousel-item.component.ts b/projects/coreui-angular/src/lib/carousel/carousel-item/carousel-item.component.ts index 4c75f34d..909eef35 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel-item/carousel-item.component.ts +++ b/projects/coreui-angular/src/lib/carousel/carousel-item/carousel-item.component.ts @@ -1,81 +1,56 @@ -import { - AfterViewInit, - booleanAttribute, - ChangeDetectorRef, - Component, - HostBinding, - Input, - OnDestroy -} from '@angular/core'; -import { Subscription } from 'rxjs'; +import { booleanAttribute, Component, DestroyRef, inject, input, linkedSignal } from '@angular/core'; import { CarouselService } from '../carousel.service'; +import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; @Component({ selector: 'c-carousel-item', templateUrl: './carousel-item.component.html', styleUrls: ['./carousel-item.component.scss'], - standalone: true, - host: { class: 'carousel-item' } + exportAs: 'cCarouselItem', + host: { + class: 'carousel-item', + '[class.active]': 'active()', + '[attr.role]': 'role()' + } }) -export class CarouselItemComponent implements OnDestroy, AfterViewInit { +export class CarouselItemComponent { + readonly #destroyRef = inject(DestroyRef); + readonly #carouselService = inject(CarouselService); + index?: number; - private carouselIndexSubscription?: Subscription; /** * @ignore */ - @Input({ transform: booleanAttribute }) - set active(value) { - this._active = value; - this.changeDetectorRef.markForCheck(); - } - - get active(): boolean { - return this._active; - } + readonly activeInput = input(false, { transform: booleanAttribute, alias: 'active' }); - private _active = false; + readonly active = linkedSignal({ + source: this.activeInput, + computation: (value) => { + return value; + } + }); /** * Time delay before cycling to next item. If -1, uses carousel interval value. - * @type number + * @return number * @default -1 */ - @Input() interval: number = -1; - - @HostBinding('class') - get hostClasses(): any { - return { - 'carousel-item': true, - active: this.active - }; - } + readonly interval = input(-1); - constructor( - private carouselService: CarouselService, - private changeDetectorRef: ChangeDetectorRef - ) {} - - ngOnDestroy(): void { - this.carouselStateSubscribe(false); - } + /** + * Carousel item role. + * @return string + * @default 'group' + */ + readonly role = input('group'); - ngAfterViewInit(): void { - setTimeout(() => { - this.carouselStateSubscribe(); + constructor() { + this.#carouselService.carouselIndex$.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((nextIndex) => { + if ('active' in nextIndex) { + this.active.set(nextIndex.active === this.index); + } }); } - - private carouselStateSubscribe(subscribe: boolean = true): void { - if (subscribe) { - this.carouselIndexSubscription = this.carouselService.carouselIndex$.subscribe((nextIndex) => { - if ('active' in nextIndex) { - this.active = nextIndex.active === this.index; - } - }); - } else { - this.carouselIndexSubscription?.unsubscribe(); - } - } } diff --git a/projects/coreui-angular/src/lib/carousel/carousel-state.ts b/projects/coreui-angular/src/lib/carousel/carousel-state.ts index 973c6eed..99f84859 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel-state.ts +++ b/projects/coreui-angular/src/lib/carousel/carousel-state.ts @@ -1,32 +1,33 @@ -import { Injectable } from '@angular/core'; +import { inject, Injectable } from '@angular/core'; import { ICarouselState } from './carousel-state.type'; import { CarouselService } from './carousel.service'; import { CarouselItemComponent } from './carousel-item/carousel-item.component'; @Injectable() export class CarouselState { - private _state: ICarouselState = { + readonly #carouselService = inject(CarouselService); + + #state = { activeItemIndex: -1, animate: true, items: [], direction: 'next', - transition: 'slide' + transition: 'slide', + interval: 0 }; - constructor(private carouselService: CarouselService) {} - get state(): ICarouselState { - return this._state; + return this.#state; } set state(state) { - const prevState = { ...this._state }; - const nextState = { ...this._state, ...state }; - this._state = nextState; + const prevState = { ...this.#state }; + const nextState = { ...this.#state, ...state }; + this.#state = nextState; if (prevState.activeItemIndex !== nextState.activeItemIndex) { const activeItemIndex = this.state.activeItemIndex || 0; - const itemInterval = this.state.items && this.state.items[activeItemIndex]?.interval || -1; - this.carouselService.setIndex({ + const itemInterval = (this.state.items && this.state.items[activeItemIndex]?.interval()) || -1; + this.#carouselService.setIndex({ active: nextState.activeItemIndex, interval: itemInterval, lastItemIndex: (nextState.items?.length ?? 0) - 1 @@ -36,12 +37,12 @@ export class CarouselState { setItems(newItems: any): void { if (newItems.length) { - const itemsArray = newItems.toArray(); + const itemsArray = newItems; itemsArray.forEach((item: CarouselItemComponent, i: number) => { item.index = i; }); this.state = { - items: itemsArray + items: [...itemsArray] }; } else { this.reset(); @@ -49,7 +50,7 @@ export class CarouselState { } setNextIndex(nextIndex: any): void { - this.carouselService.setIndex(nextIndex); + this.#carouselService.setIndex(nextIndex); } direction(direction: 'next' | 'prev' = 'next'): number { @@ -57,9 +58,13 @@ export class CarouselState { const { activeItemIndex = -1, items } = this.state; const itemsCount = items?.length ?? 0; if (itemsCount > 0) { - return direction === 'next' ? - (activeItemIndex === itemsCount - 1 ? 0 : activeItemIndex + 1) : - (activeItemIndex === 0 ? itemsCount - 1 : activeItemIndex - 1); + return direction === 'next' + ? activeItemIndex === itemsCount - 1 + ? 0 + : activeItemIndex + 1 + : activeItemIndex === 0 + ? itemsCount - 1 + : activeItemIndex - 1; } else { return 0; } @@ -71,7 +76,8 @@ export class CarouselState { animate: true, items: [], direction: 'next', - transition: 'slide' + transition: 'slide', + interval: 0 }; } } diff --git a/projects/coreui-angular/src/lib/carousel/carousel-state.type.ts b/projects/coreui-angular/src/lib/carousel/carousel-state.type.ts index 6b549ddb..cfc2660d 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel-state.type.ts +++ b/projects/coreui-angular/src/lib/carousel/carousel-state.type.ts @@ -1,17 +1,18 @@ import { CarouselItemComponent } from './carousel-item/carousel-item.component'; export interface ICarouselOptions { - interval?: number; - animate?: boolean; activeIndex?: number; + animate?: boolean; direction?: 'next' | 'prev'; + interval?: number; transition?: 'slide' | 'crossfade'; } export interface ICarouselState { activeItemIndex?: number; animate?: boolean; - items?: CarouselItemComponent[]; direction?: 'next' | 'prev'; + interval?: number; + items?: CarouselItemComponent[]; transition?: 'slide' | 'crossfade'; } diff --git a/projects/coreui-angular/src/lib/carousel/carousel.animation.ts b/projects/coreui-angular/src/lib/carousel/carousel.animation.ts index 85592a4b..18d7b6d8 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel.animation.ts +++ b/projects/coreui-angular/src/lib/carousel/carousel.animation.ts @@ -1,142 +1,136 @@ -import { - animate, - group, - query, - state, - style, - transition, - trigger, -} from '@angular/animations'; +import { animate, animation, group, query, state, style, transition, trigger, useAnimation } from '@angular/animations'; -export function toLeft(fromState: any, toState: any): boolean { - return toState.left === true; +export function toSlideLeft(fromState: any, toState: any): boolean { + return toState.left === true && toState.type === 'slide'; } -export function toRight(fromState: any, toState: any): boolean { - return toState.left === false; + +export function toSlideRight(fromState: any, toState: any): boolean { + return toState.left === false && toState.type === 'slide'; +} + +export function toFadeLeft(fromState: any, toState: any): boolean { + return toState.left === true && toState.type !== 'slide'; +} + +export function toFadeRight(fromState: any, toState: any): boolean { + return toState.left === false && toState.type !== 'slide'; } -export const slideAnimation = trigger('slideAnimation', [ - state( - '*', - style({ transform: 'translateX(0)', display: 'block', opacity: 1 }) - ), - transition( - toLeft, - group([ - query( - ':leave', - [ - animate( - '0.6s ease-in-out', - style({ - transform: 'translateX(-100%)', - }) - ), - ], - { optional: true } - ), - query( - ':enter', - [ +export const slideAnimationLeft = animation( + group([ + query( + ':leave', + [ + animate( + '0.6s ease-in-out', style({ - transform: 'translateX(100%)', - }), - animate('0.6s ease-in-out', style('*')), - ], - { optional: true } - ), - ]) - ), - transition( - toRight, - group([ - query( - ':enter', - [ + transform: 'translateX(-100%)' + }) + ) + ], + { optional: true } + ), + query( + ':enter', + [ + style({ + transform: 'translateX(100%)' + }), + animate('0.6s ease-in-out', style('*')) + ], + { optional: true } + ) + ]) +); + +export const slideAnimationRight = animation( + group([ + query( + ':enter', + [ + style({ + transform: 'translateX(-100%)' + }), + animate('0.6s ease-in-out', style('*')) + ], + { optional: true } + ), + query( + ':leave', + [ + animate( + '0.6s ease-in-out', style({ - transform: 'translateX(-100%)', - }), - animate('0.6s ease-in-out', style('*')), - ], - { optional: true } - ), - query( - ':leave', - [ - animate( - '0.6s ease-in-out', - style({ - transform: 'translateX(100%)', - }) - ), - ], - { optional: true } - ), - ]) - ), -]); + transform: 'translateX(100%)' + }) + ) + ], + { optional: true } + ) + ]) +); -export const fadeAnimation = trigger('fadeAnimation', [ - state( - '*', - style({ zIndex: 1, opacity: 1 }) - ), - transition( - toLeft, - group([ - query( - ':leave', - [ - animate( - '0.6s ease-in-out', - style({ - zIndex: 0, - opacity: 0, - }) - ), - ], - { optional: true } - ), - query( - ':enter', - [ +export const fadeAnimationLeft = animation( + group([ + query( + ':leave', + [ + animate( + '0.9s ease-in-out', style({ - zIndex: 1, - opacity: 1 - }), - animate('0.6s ease-in-out', style('*')), - ], - { optional: true } - ), - ]) - ), - transition( - toRight, - group([ - query( - ':enter', - [ + zIndex: 0, + opacity: 0 + }) + ) + ], + { optional: true } + ), + query( + ':enter', + [ + style({ + zIndex: 1, + opacity: 1 + }), + animate('0.6s ease-in-out', style('*')) + ], + { optional: true } + ) + ]) +); +export const fadeAnimationRight = animation( + group([ + query( + ':enter', + [ + style({ + zIndex: 1, + opacity: 1 + }), + animate('0.6s ease-in-out', style('*')) + ], + { optional: true } + ), + query( + ':leave', + [ + animate( + '0.9s ease-in-out', style({ - zIndex: 1, - opacity: 1 - }), - animate('0.6s ease-in-out', style('*')), - ], - { optional: true } - ), - query( - ':leave', - [ - animate( - '0.6s ease-in-out', - style({ - zIndex: 0, - opacity: 0, - }) - ), - ], - { optional: true } - ), - ]) - ), + zIndex: 0, + opacity: 0 + }) + ) + ], + { optional: true } + ) + ]) +); + +export const carouselPlay = trigger('carouselPlay', [ + state('*', style({ transform: 'translateX(0)', display: 'block', opacity: 1 })), + transition(toFadeLeft, useAnimation(fadeAnimationLeft)), + transition(toFadeRight, useAnimation(fadeAnimationRight)), + transition(toSlideLeft, useAnimation(slideAnimationLeft)), + transition(toSlideRight, useAnimation(slideAnimationRight)) ]); diff --git a/projects/coreui-angular/src/lib/carousel/carousel.config.ts b/projects/coreui-angular/src/lib/carousel/carousel.config.ts index 54dee000..140d4bb0 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel.config.ts +++ b/projects/coreui-angular/src/lib/carousel/carousel.config.ts @@ -1,15 +1,13 @@ import { Injectable } from '@angular/core'; -@Injectable() +@Injectable({ providedIn: 'root' }) export class CarouselConfig { /* Animate transition of slides */ activeIndex = 0; /* Animate transition of slides */ animate = true; - /* Darken controls, indicators, and captions */ - dark? = false; /* Default direction of auto changing of slides */ direction: 'next' | 'prev' = 'next'; /* Default interval of auto changing of slides */ - interval = 3000; + interval = 0; } diff --git a/projects/coreui-angular/src/lib/carousel/carousel.service.ts b/projects/coreui-angular/src/lib/carousel/carousel.service.ts index 7e1adaa2..e2aa043d 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel.service.ts +++ b/projects/coreui-angular/src/lib/carousel/carousel.service.ts @@ -9,10 +9,10 @@ export interface ICarouselIndex { @Injectable() export class CarouselService { - private carouselIndex = new BehaviorSubject({}); - carouselIndex$ = this.carouselIndex.asObservable(); + readonly #carouselIndex = new BehaviorSubject({}); + readonly carouselIndex$ = this.#carouselIndex.asObservable(); setIndex(index: ICarouselIndex): void { - this.carouselIndex.next(index); + this.#carouselIndex.next(index); } } diff --git a/projects/coreui-angular/src/lib/carousel/carousel/carousel.component.spec.ts b/projects/coreui-angular/src/lib/carousel/carousel/carousel.component.spec.ts index 18c1fc68..56623ebc 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel/carousel.component.spec.ts +++ b/projects/coreui-angular/src/lib/carousel/carousel/carousel.component.spec.ts @@ -1,20 +1,26 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; +import { ComponentFixture, fakeAsync, TestBed, waitForAsync } from '@angular/core/testing'; import { CarouselComponent } from './carousel.component'; +import { CarouselService } from '../carousel.service'; describe('CarouselComponent', () => { let component: CarouselComponent; let fixture: ComponentFixture; + let service: CarouselService; beforeEach(waitForAsync(() => { TestBed.configureTestingModule({ imports: [CarouselComponent] - }) - .compileComponents(); + }).compileComponents(); })); beforeEach(() => { + TestBed.configureTestingModule({ + imports: [CarouselComponent], + providers: [CarouselService] + }).compileComponents(); fixture = TestBed.createComponent(CarouselComponent); + service = TestBed.inject(CarouselService); component = fixture.componentInstance; fixture.detectChanges(); }); @@ -26,5 +32,24 @@ describe('CarouselComponent', () => { it('should have css classes', () => { expect(fixture.nativeElement).toHaveClass('carousel'); expect(fixture.nativeElement).toHaveClass('slide'); + fixture.componentRef.setInput('transition', 'crossfade'); + fixture.detectChanges(); + expect(fixture.nativeElement).toHaveClass('carousel-fade'); + }); + + it('should have default values', () => { + expect(component.activeIndex()).toBe(0); + expect(component.animate()).toBe(true); + expect(component.direction()).toBe('next'); + expect(component.interval()).toBe(0); }); + + it('should call timer functions', fakeAsync(() => { + const spySet = spyOn(component, 'setTimer'); + const spyReset = spyOn(component, 'resetTimer'); + fixture.nativeElement.dispatchEvent(new Event('mouseenter')); + fixture.nativeElement.dispatchEvent(new Event('mouseleave')); + expect(spySet).toHaveBeenCalled(); + expect(spyReset).toHaveBeenCalled(); + })); }); diff --git a/projects/coreui-angular/src/lib/carousel/carousel/carousel.component.ts b/projects/coreui-angular/src/lib/carousel/carousel/carousel.component.ts index 5edb906f..e0b9a1c2 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel/carousel.component.ts +++ b/projects/coreui-angular/src/lib/carousel/carousel/carousel.component.ts @@ -2,15 +2,15 @@ import { AfterContentInit, Component, DestroyRef, + effect, ElementRef, - EventEmitter, - HostBinding, - inject, Inject, - Input, + inject, + input, + linkedSignal, OnDestroy, OnInit, - Output + output } from '@angular/core'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; import { fromEvent, Subscription } from 'rxjs'; @@ -28,81 +28,115 @@ import { CarouselConfig } from '../carousel.config'; selector: 'c-carousel', template: '', styleUrls: ['./carousel.component.scss'], - providers: [CarouselService, CarouselState, CarouselConfig, ListenersService], - standalone: true, + providers: [CarouselService, CarouselState, ListenersService], hostDirectives: [{ directive: ThemeDirective, inputs: ['dark'] }], - host: { class: 'carousel slide' } + exportAs: 'cCarousel', + host: { + class: 'carousel slide', + '[class.carousel-fade]': 'transition() === "crossfade" && animate()' + } }) export class CarouselComponent implements OnInit, OnDestroy, AfterContentInit { - constructor( - @Inject(CarouselConfig) private config: CarouselConfig, - private hostElement: ElementRef, - private carouselService: CarouselService, - private carouselState: CarouselState, - private intersectionService: IntersectionService, - private listenersService: ListenersService - ) { - Object.assign(this, config); + readonly #hostElement = inject(ElementRef); + readonly #carouselService = inject(CarouselService); + readonly #carouselState = inject(CarouselState); + readonly #intersectionService = inject(IntersectionService); + readonly #listenersService = inject(ListenersService); + + constructor(@Inject(CarouselConfig) private config: CarouselConfig) { + this.loadConfig(); + } + + loadConfig() { + this.activeIndex.set(this.config?.activeIndex ?? this.activeIndex()); + this.animate.set(this.config?.animate ?? this.animate()); + this.direction.set(this.config?.direction ?? this.direction()); + this.interval.set(this.config?.interval ?? this.interval()); } /** * Index of the active item. - * @type number + * @return number */ - @Input() activeIndex: number = 0; + readonly activeIndexInput = input(0, { alias: 'activeIndex' }); + + readonly activeIndex = linkedSignal({ + source: this.activeIndexInput, + computation: (value: number) => value + }); + /** * Carousel automatically starts cycle items. - * @type boolean + * @return boolean */ - @Input() animate: boolean = true; + readonly animateInput = input(true, { alias: 'animate' }); + + readonly animate = linkedSignal({ + source: this.animateInput, + computation: (value: boolean) => value + }); + /** * Carousel direction. [docs] - * @type {'next' | 'prev'} + * @return {'next' | 'prev'} */ - @Input() direction: 'next' | 'prev' = 'next'; + readonly directionInput = input<'next' | 'prev'>('next', { alias: 'direction' }); + + readonly direction = linkedSignal({ + source: this.directionInput, + computation: (value: 'next' | 'prev') => value + }); + /** * The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle. - * @type number + * @return number * @default 0 */ - @Input() interval: number = 0; + readonly intervalInput = input(0, { alias: 'interval' }); + + readonly interval = linkedSignal({ + source: this.intervalInput, + computation: (value: number) => value + }); + + readonly #intervalEffect = effect(() => { + const interval = this.interval(); + this.#carouselState.state = { interval: interval }; + interval ? this.setTimer() : this.resetTimer(); + }); + /** * Sets which event handlers you’d like provided to your pause prop. You can specify one trigger or an array of them. - * @type {'hover' | 'focus' | 'click'} + * @return {'hover' | 'focus' | 'click'} */ - @Input() pause: Triggers | Triggers[] | false = 'hover'; + readonly pause = input('hover'); + /** * Support left/right swipe interactions on touchscreen devices. - * @type boolean + * @return boolean * @default true */ - @Input() touch: boolean = true; + readonly touch = input(true); + /** * Set type of the transition. - * @type {'slide' | 'crossfade'} + * @return {'slide' | 'crossfade'} * @default 'slide' */ - @Input() transition: 'slide' | 'crossfade' = 'slide'; + readonly transition = input<'slide' | 'crossfade'>('slide'); + /** * Set whether the carousel should cycle continuously or have hard stops. - * @type boolean + * @return boolean * @default true */ - @Input() wrap: boolean = true; + readonly wrap = input(true); + /** * Event emitted on carousel item change. [docs] - * @type number + * @return number */ - @Output() itemChange: EventEmitter = new EventEmitter(); - - @HostBinding('class') - get hostClasses(): any { - return { - carousel: true, - slide: true, - 'carousel-fade': this.transition === 'crossfade' - }; - } + readonly itemChange = output(); private timerId: ReturnType | undefined; private activeItemInterval = 0; @@ -121,15 +155,20 @@ export class CarouselComponent implements OnInit, OnDestroy, AfterContentInit { ngAfterContentInit(): void { this.intersectionServiceSubscribe(); - this.carouselState.state = { activeItemIndex: this.activeIndex, animate: this.animate }; + this.#carouselState.state = { + activeItemIndex: this.activeIndex(), + animate: this.animate(), + interval: this.interval(), + transition: this.transition() + }; this.setListeners(); this.swipeSubscribe(); } private setListeners(): void { const config: IListenersConfig = { - hostElement: this.hostElement, - trigger: this.pause || [], + hostElement: this.#hostElement, + trigger: this.pause() || [], callbackOff: () => { this.setTimer(); }, @@ -137,30 +176,31 @@ export class CarouselComponent implements OnInit, OnDestroy, AfterContentInit { this.resetTimer(); } }; - this.listenersService.setListeners(config); + this.#listenersService.setListeners(config); } private clearListeners(): void { - this.listenersService.clearListeners(); + this.#listenersService.clearListeners(); } set visible(value) { - this._visible = value; + this.#visible = value; } get visible() { - return this._visible; + return this.#visible; } - private _visible: boolean = true; + #visible: boolean = true; setTimer(): void { - const interval = this.activeItemInterval || 0; + const interval = this.activeItemInterval || this.interval(); + const direction = this.direction(); this.resetTimer(); if (interval > 0) { this.timerId = setTimeout(() => { - const nextIndex = this.carouselState.direction(this.direction); - this.carouselState.state = { activeItemIndex: nextIndex }; + const nextIndex = this.#carouselState.direction(direction); + this.#carouselState.state = { activeItemIndex: nextIndex }; }, interval); } } @@ -171,26 +211,27 @@ export class CarouselComponent implements OnInit, OnDestroy, AfterContentInit { } private carouselStateSubscribe(): void { - this.carouselService.carouselIndex$.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((nextItem) => { - if ('active' in nextItem) { + this.#carouselService.carouselIndex$.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((nextItem) => { + if ('active' in nextItem && typeof nextItem.active === 'number') { this.itemChange.emit(nextItem.active); } this.activeItemInterval = - typeof nextItem.interval === 'number' && nextItem.interval > -1 ? nextItem.interval : this.interval; + typeof nextItem.interval === 'number' && nextItem.interval > -1 ? nextItem.interval : this.interval(); + const direction = this.direction(); const isLastItem = - (nextItem.active === nextItem.lastItemIndex && this.direction === 'next') || - (nextItem.active === 0 && this.direction === 'prev'); - !this.wrap && isLastItem ? this.resetTimer() : this.setTimer(); + (nextItem.active === nextItem.lastItemIndex && direction === 'next') || + (nextItem.active === 0 && direction === 'prev'); + !this.wrap() && isLastItem ? this.resetTimer() : this.setTimer(); }); } private intersectionServiceSubscribe(): void { - this.intersectionService.createIntersectionObserver(this.hostElement); - this.intersectionService.intersecting$ + this.#intersectionService.createIntersectionObserver(this.#hostElement); + this.#intersectionService.intersecting$ .pipe( - filter((next) => next.hostElement === this.hostElement), + filter((next) => next.hostElement === this.#hostElement), finalize(() => { - this.intersectionService.unobserve(this.hostElement); + this.#intersectionService.unobserve(this.#hostElement); }), takeUntilDestroyed(this.#destroyRef) ) @@ -201,8 +242,8 @@ export class CarouselComponent implements OnInit, OnDestroy, AfterContentInit { } private swipeSubscribe(subscribe: boolean = true): void { - if (this.touch && subscribe) { - const carouselElement = this.hostElement.nativeElement; + if (this.touch() && subscribe) { + const carouselElement = this.#hostElement.nativeElement; const touchStart$ = fromEvent(carouselElement, 'touchstart'); const touchEnd$ = fromEvent(carouselElement, 'touchend'); const touchMove$ = fromEvent(carouselElement, 'touchmove'); @@ -211,10 +252,10 @@ export class CarouselComponent implements OnInit, OnDestroy, AfterContentInit { .subscribe(([touchstart, [touchend, touchmove]]) => { touchstart.stopPropagation(); touchmove.stopPropagation(); - const distanceX = touchstart.touches[0].clientX - touchmove.touches[0].clientX; + const distanceX = touchstart.touches[0]?.clientX - touchmove.touches[0]?.clientX || 0; if (Math.abs(distanceX) > 0.3 * carouselElement.clientWidth && touchstart.timeStamp <= touchmove.timeStamp) { - const nextIndex = this.carouselState.direction(distanceX > 0 ? 'next' : 'prev'); - this.carouselState.state = { activeItemIndex: nextIndex }; + const nextIndex = this.#carouselState.direction(distanceX > 0 ? 'next' : 'prev'); + this.#carouselState.state = { activeItemIndex: nextIndex }; } }); } else { diff --git a/projects/coreui-angular/src/lib/collapse/collapse.directive.spec.ts b/projects/coreui-angular/src/lib/collapse/collapse.directive.spec.ts index 0d278708..5212c6fa 100644 --- a/projects/coreui-angular/src/lib/collapse/collapse.directive.spec.ts +++ b/projects/coreui-angular/src/lib/collapse/collapse.directive.spec.ts @@ -1,23 +1,24 @@ import { CollapseDirective } from './collapse.directive'; import { Component, DebugElement, ElementRef, Renderer2 } from '@angular/core'; -import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing'; import { NoopAnimationsModule } from '@angular/platform-browser/animations'; import { By } from '@angular/platform-browser'; class MockElementRef extends ElementRef {} @Component({ - template: '
Test
', - standalone: true, + template: '
Test
', imports: [CollapseDirective] }) -class TestComponent {} +class TestComponent { + horizontal = false; + visible = false; +} describe('CollapseDirective', () => { let component: TestComponent; let fixture: ComponentFixture; let elementRef: DebugElement; - let renderer: Renderer2; beforeEach(() => { TestBed.configureTestingModule({ @@ -28,7 +29,7 @@ describe('CollapseDirective', () => { fixture = TestBed.createComponent(TestComponent); component = fixture.componentInstance; elementRef = fixture.debugElement.query(By.directive(CollapseDirective)); - + component.visible = false; fixture.detectChanges(); // initial binding }); @@ -39,7 +40,17 @@ describe('CollapseDirective', () => { }); }); - it('should have css classes', () => { + it('should have css classes', fakeAsync(() => { + expect(elementRef.nativeElement.style.display).toContain('none'); + expect(elementRef.nativeElement).not.toHaveClass('collapse-horizontal'); + component.horizontal = true; + component.visible = true; + fixture.detectChanges(); expect(elementRef.nativeElement).toHaveClass('collapse-horizontal'); - }); + expect(elementRef.nativeElement.style.display).toBe(''); + component.horizontal = false; + component.visible = false; + fixture.detectChanges(); + expect(elementRef.nativeElement).not.toHaveClass('collapse-horizontal'); + })); }); diff --git a/projects/coreui-angular/src/lib/collapse/collapse.directive.ts b/projects/coreui-angular/src/lib/collapse/collapse.directive.ts index 89624fde..8ee5d9bd 100644 --- a/projects/coreui-angular/src/lib/collapse/collapse.directive.ts +++ b/projects/coreui-angular/src/lib/collapse/collapse.directive.ts @@ -1,4 +1,7 @@ +import { AnimationBuilder, AnimationPlayer, useAnimation } from '@angular/animations'; + import { + afterNextRender, booleanAttribute, computed, Directive, @@ -6,12 +9,12 @@ import { ElementRef, inject, input, + linkedSignal, OnDestroy, output, Renderer2, signal } from '@angular/core'; -import { AnimationBuilder, AnimationPlayer, useAnimation } from '@angular/animations'; import { collapseAnimation, @@ -23,8 +26,7 @@ import { @Directive({ selector: '[cCollapse]', exportAs: 'cCollapse', - standalone: true, - host: { '[class]': 'hostClasses()', '[style]': '{display: "none"}' } + host: { '[class]': 'hostClasses()', '[style]': '{ display: "none" }' } }) export class CollapseDirective implements OnDestroy { readonly #hostElement = inject(ElementRef); @@ -32,19 +34,23 @@ export class CollapseDirective implements OnDestroy { readonly #animationBuilder = inject(AnimationBuilder); #player: AnimationPlayer | undefined = undefined; + constructor() { + afterNextRender({ + read: () => { + this.#initialized.set(true); + } + }); + } + /** * @ignore */ readonly animateInput = input(true, { transform: booleanAttribute, alias: 'animate' }); - readonly animate = signal(true); - - readonly animateInputEffect = effect( - () => { - this.animate.set(this.animateInput()); - }, - { allowSignalWrites: true } - ); + readonly animate = linkedSignal({ + source: this.animateInput, + computation: (value: boolean) => value + }); /** * Set horizontal collapsing to transition the width instead of height. @@ -62,26 +68,16 @@ export class CollapseDirective implements OnDestroy { readonly visibleChange = output(); - readonly visibleInputEffect = effect( - () => { - this.visible.set(this.visibleInput()); - }, - { allowSignalWrites: true } - ); - - readonly visible = signal(false); + readonly visible = linkedSignal({ source: this.visibleInput, computation: (value: boolean) => value }); - #init = false; + readonly #initialized = signal(false); - readonly visibleEffect = effect( - () => { - const visible = this.visible(); - - (this.#init || visible) && this.createPlayer(visible); - this.#init = true; - }, - { allowSignalWrites: true } - ); + readonly #visibleEffect = effect(() => { + const visible = this.visible(); + if (this.#initialized()) { + this.createPlayer(visible); + } + }); /** * Add `navbar` prop for grouping and hiding navbar contents by a parent breakpoint. diff --git a/projects/coreui-angular/src/lib/coreui.types.ts b/projects/coreui-angular/src/lib/coreui.types.ts index 7c4e7bd7..1dd95bdc 100644 --- a/projects/coreui-angular/src/lib/coreui.types.ts +++ b/projects/coreui-angular/src/lib/coreui.types.ts @@ -1,5 +1,8 @@ import { IsActiveMatchOptions } from '@angular/router'; +export declare type BooleanInput = string | boolean | null | undefined; +export declare type NumberInput = string | number | null | undefined; + export type NgCssClass = string | string[] | Set | { [klass: string]: any }; export enum BreakpointInfix { diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown-close/dropdown-close.directive.spec.ts b/projects/coreui-angular/src/lib/dropdown/dropdown-close/dropdown-close.directive.spec.ts index 3a75bbe2..ebe72672 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown-close/dropdown-close.directive.spec.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown-close/dropdown-close.directive.spec.ts @@ -1,10 +1,69 @@ +import { Component, DebugElement, ElementRef, Renderer2, viewChild } from '@angular/core'; +import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; import { DropdownService } from '../dropdown.service'; import { DropdownCloseDirective } from './dropdown-close.directive'; +import { ButtonCloseDirective } from '../../button'; +import { DropdownComponent } from '../dropdown/dropdown.component'; +import { DropdownMenuDirective } from '../dropdown-menu/dropdown-menu.directive'; + +class MockElementRef extends ElementRef {} + +@Component({ + template: ` + +
+ +
+ + `, + imports: [ButtonCloseDirective, DropdownComponent, DropdownMenuDirective, DropdownCloseDirective] +}) +class TestComponent { + disabled = false; + readonly dropdown = viewChild(DropdownComponent); +} describe('DropdownCloseDirective', () => { + let component: TestComponent; + let fixture: ComponentFixture; + let elementRef: DebugElement; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent], + providers: [{ provide: ElementRef, useClass: MockElementRef }, Renderer2, DropdownService] + }); + + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + elementRef = fixture.debugElement.query(By.directive(DropdownCloseDirective)); + component.disabled = false; + fixture.detectChanges(); // initial binding + }); + it('should create an instance', () => { - const dropdownService = new DropdownService(); - const directive = new DropdownCloseDirective(dropdownService); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new DropdownCloseDirective(); + expect(directive).toBeTruthy(); + }); }); + + it('should have css classes and attributes', fakeAsync(() => { + expect(elementRef.nativeElement).not.toHaveClass('disabled'); + expect(elementRef.nativeElement.getAttribute('aria-disabled')).toBeNull(); + expect(elementRef.nativeElement.getAttribute('tabindex')).toBe('0'); + component.disabled = true; + fixture.detectChanges(); + expect(elementRef.nativeElement).toHaveClass('disabled'); + expect(elementRef.nativeElement.getAttribute('aria-disabled')).toBe('true'); + expect(elementRef.nativeElement.getAttribute('tabindex')).toBe('-1'); + })); + + it('should call event handling functions', fakeAsync(() => { + expect(component.dropdown()?.visible()).toBeTrue(); + elementRef.nativeElement.dispatchEvent(new Event('click')); + elementRef.nativeElement.dispatchEvent(new KeyboardEvent('keyup', { key: 'Enter' })); + expect(component.dropdown()?.visible()).toBeFalse(); + })); }); diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown-close/dropdown-close.directive.ts b/projects/coreui-angular/src/lib/dropdown/dropdown-close/dropdown-close.directive.ts index 0fd38fde..74b381fc 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown-close/dropdown-close.directive.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown-close/dropdown-close.directive.ts @@ -1,66 +1,64 @@ -import { AfterViewInit, Directive, HostBinding, HostListener, Input, Optional } from '@angular/core'; +import { AfterViewInit, booleanAttribute, Directive, inject, input, linkedSignal } from '@angular/core'; import { DropdownService } from '../dropdown.service'; import { DropdownComponent } from '../dropdown/dropdown.component'; @Directive({ selector: '[cDropdownClose]', exportAs: 'cDropdownClose', - standalone: true + host: { + '[class.disabled]': 'disabled()', + '[attr.aria-disabled]': 'disabled() || null', + '[attr.tabindex]': 'tabIndex()', + '(click)': 'onClick($event)', + '(keyup)': 'onKeyUp($event)' + } }) export class DropdownCloseDirective implements AfterViewInit { - - constructor( - private dropdownService: DropdownService, - @Optional() public dropdown?: DropdownComponent - ) { } + #dropdownService = inject(DropdownService); + dropdown? = inject(DropdownComponent, { optional: true }); /** * Disables a dropdown-close directive. - * @type boolean - * @default undefined + * @return boolean + * @default false */ - @Input() disabled?: boolean; + readonly disabledInput = input(false, { transform: booleanAttribute, alias: 'disabled' }); + + readonly disabled = linkedSignal({ + source: this.disabledInput, + computation: (value) => value || null + }); - @Input() dropdownComponent?: DropdownComponent; + readonly dropdownComponent = input(); ngAfterViewInit(): void { - if (this.dropdownComponent) { - this.dropdown = this.dropdownComponent; - this.dropdownService = this.dropdownComponent?.dropdownService; + const dropdownComponent = this.dropdownComponent(); + if (dropdownComponent) { + this.dropdown = dropdownComponent; + this.#dropdownService = dropdownComponent?.dropdownService; } } - @HostBinding('class') - get hostClasses(): any { - return { - disabled: this.disabled - }; - } + readonly tabIndexInput = input(null, { alias: 'tabIndex' }); - @HostBinding('attr.tabindex') - @Input() - set tabIndex(value: string | number | null) { - this._tabIndex = value; - } - get tabIndex() { - return this.disabled ? '-1' : this._tabIndex; - } - private _tabIndex: string | number | null = null; + readonly tabIndex = linkedSignal({ + source: this.tabIndexInput, + computation: (value) => (this.disabled() ? '-1' : value) + }); - @HostBinding('attr.aria-disabled') - get isDisabled(): boolean | null { - return this.disabled || null; + onClick($event: MouseEvent): void { + this.handleToggle(); } - @HostListener('click', ['$event']) - private onClick($event: MouseEvent): void { - !this.disabled && this.dropdownService.toggle({ visible: false, dropdown: this.dropdown }); + onKeyUp($event: KeyboardEvent): void { + if ($event.key === 'Enter') { + this.handleToggle(); + } } - @HostListener('keyup', ['$event']) - private onKeyUp($event: KeyboardEvent): void { - if ($event.key === 'Enter') { - !this.disabled && this.dropdownService.toggle({ visible: false, dropdown: this.dropdown }); + private handleToggle(): void { + if (!this.disabled()) { + this.#dropdownService.toggle({ visible: false, dropdown: this.dropdown }); } } } diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown-divider/dropdown-divider.directive.ts b/projects/coreui-angular/src/lib/dropdown/dropdown-divider/dropdown-divider.directive.ts index de56de69..045524e2 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown-divider/dropdown-divider.directive.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown-divider/dropdown-divider.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: '[cDropdownDivider]', - standalone: true, host: { class: 'dropdown-divider' } }) export class DropdownDividerDirective {} diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown-header/dropdown-header.directive.ts b/projects/coreui-angular/src/lib/dropdown/dropdown-header/dropdown-header.directive.ts index c4743612..1410511a 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown-header/dropdown-header.directive.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown-header/dropdown-header.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: '[cDropdownHeader]', - standalone: true, host: { class: 'dropdown-header' } }) export class DropdownHeaderDirective {} diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item-plain.directive.ts b/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item-plain.directive.ts index 1fb2f735..adc25756 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item-plain.directive.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item-plain.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: '[cDropdownItemPlain]', - standalone: true, host: { class: 'dropdown-item-text' } }) export class DropdownItemPlainDirective {} diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item.directive.spec.ts b/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item.directive.spec.ts index f756e760..961f5a94 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item.directive.spec.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item.directive.spec.ts @@ -1,23 +1,88 @@ -import { ElementRef } from '@angular/core'; -import { TestBed } from '@angular/core/testing'; -import { DropdownService } from '../dropdown.service'; +import { Component, DebugElement, ElementRef, Renderer2, viewChild } from '@angular/core'; +import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing'; + import { DropdownItemDirective } from './dropdown-item.directive'; +import { DropdownService } from '../dropdown.service'; +import { DropdownComponent } from '../dropdown/dropdown.component'; +import { DropdownMenuDirective } from '../dropdown-menu/dropdown-menu.directive'; +import { By } from '@angular/platform-browser'; +import { DOCUMENT } from '@angular/common'; class MockElementRef extends ElementRef {} +@Component({ + template: ` + +
    +
  • + +
    • +
+ + `, + imports: [DropdownComponent, DropdownMenuDirective, DropdownItemDirective] +}) +class TestComponent { + disabled = false; + active = false; + readonly dropdown = viewChild(DropdownComponent); + readonly item = viewChild(DropdownItemDirective); +} + describe('DropdownItemDirective', () => { + let component: TestComponent; + let fixture: ComponentFixture; + let elementRef: DebugElement; + let document: Document; beforeEach(() => { TestBed.configureTestingModule({ - providers: [{ provide: ElementRef, useClass: MockElementRef }] + imports: [TestComponent], + providers: [{ provide: ElementRef, useClass: MockElementRef }, Renderer2, DropdownService] }); + + document = TestBed.inject(DOCUMENT); + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + elementRef = fixture.debugElement.query(By.directive(DropdownItemDirective)); + component.disabled = false; + fixture.detectChanges(); // initial binding }); it('should create an instance', () => { TestBed.runInInjectionContext(() => { - const dropdownService = new DropdownService(); - const directive = new DropdownItemDirective(dropdownService); + const directive = new DropdownItemDirective(); expect(directive).toBeTruthy(); }); }); + + it('should have css classes and attributes', fakeAsync(() => { + expect(elementRef.nativeElement).not.toHaveClass('disabled'); + expect(elementRef.nativeElement.getAttribute('aria-disabled')).toBeNull(); + expect(elementRef.nativeElement.getAttribute('aria-current')).toBeNull(); + expect(elementRef.nativeElement.getAttribute('tabindex')).toBe('0'); + component.disabled = true; + component.active = true; + fixture.detectChanges(); + expect(elementRef.nativeElement).toHaveClass('disabled'); + expect(elementRef.nativeElement.getAttribute('aria-disabled')).toBe('true'); + expect(elementRef.nativeElement.getAttribute('aria-current')).toBe('true'); + expect(elementRef.nativeElement.getAttribute('tabindex')).toBe('-1'); + })); + + it('should call event handling functions', fakeAsync(() => { + expect(component.dropdown()?.visible()).toBeTrue(); + elementRef.nativeElement.dispatchEvent(new Event('click')); + elementRef.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab' })); + elementRef.nativeElement.dispatchEvent(new KeyboardEvent('keyup', { key: 'Enter' })); + fixture.detectChanges(); + elementRef.nativeElement.focus(); + // @ts-ignore + const label = component.item()?.getLabel() ?? undefined; + expect(label).toBe('Action'); + component.item()?.focus(); + expect(document.activeElement).toBe(elementRef.nativeElement); + })); }); diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item.directive.ts b/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item.directive.ts index 63e2baad..7fda9807 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item.directive.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item.directive.ts @@ -1,40 +1,69 @@ -import { Directive, ElementRef, HostBinding, HostListener, inject, Input, Optional } from '@angular/core'; import { FocusableOption, FocusOrigin } from '@angular/cdk/a11y'; +import { booleanAttribute, computed, Directive, ElementRef, inject, input, linkedSignal } from '@angular/core'; import { DropdownService } from '../dropdown.service'; import { DropdownComponent } from '../dropdown/dropdown.component'; @Directive({ selector: '[cDropdownItem]', exportAs: 'cDropdownItem', - standalone: true, - host: { class: 'dropdown-item' } + host: { + class: 'dropdown-item', + '[class]': 'hostClasses()', + '[attr.tabindex]': 'tabIndex()', + '[attr.aria-current]': 'ariaCurrent()', + '[attr.aria-disabled]': 'disabled || null', + '[role]': 'role()', + '(click)': 'onClick($event)', + '(keyup)': 'onKeyUp($event)' + } }) export class DropdownItemDirective implements FocusableOption { + readonly #elementRef: ElementRef = inject(ElementRef); + readonly #dropdownService = inject(DropdownService); + dropdown? = inject(DropdownComponent, { optional: true }); + /** * Set active state to a dropdown-item. - * @type boolean + * @return boolean * @default undefined */ - @Input() active?: boolean; + readonly active = input(); + /** * Configure dropdown-item close dropdown behavior. - * @type boolean + * @return boolean * @default true */ - @Input() autoClose: boolean = true; + readonly autoClose = input(true); + /** * Disables a dropdown-item. - * @type boolean + * @return boolean * @default undefined */ - @Input() disabled?: boolean; + readonly disabledInput = input(false, { transform: booleanAttribute, alias: 'disabled' }); + + readonly #disabled = linkedSignal({ + source: this.disabledInput, + computation: (value) => value + }); + + set disabled(value) { + this.#disabled.set(value); + } + + get disabled() { + return this.#disabled(); + } + + readonly role = input('list-item'); - #elementRef: ElementRef = inject(ElementRef); + readonly tabIndexInput = input('0', { alias: 'tabIndex' }); - constructor( - private dropdownService: DropdownService, - @Optional() public dropdown?: DropdownComponent - ) {} + readonly tabIndex = linkedSignal({ + source: this.tabIndexInput, + computation: (value) => (this.disabled ? '-1' : value) + }); focus(origin?: FocusOrigin | undefined): void { this.#elementRef?.nativeElement?.focus(); @@ -44,50 +73,31 @@ export class DropdownItemDirective implements FocusableOption { return this.#elementRef?.nativeElement?.textContent.trim(); } - @HostBinding('attr.aria-current') - get ariaCurrent(): string | null { - return this.active ? 'true' : null; - } + readonly ariaCurrent = computed(() => { + return this.active() ? 'true' : null; + }); - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { return { 'dropdown-item': true, - active: this.active, + active: this.active(), disabled: this.disabled - }; - } + } as Record; + }); - @HostBinding('attr.tabindex') - @Input() - set tabIndex(value: string | number | null) { - this._tabIndex = value; + onClick($event: MouseEvent): void { + this.handleInteraction(); } - get tabIndex() { - return this.disabled ? '-1' : this._tabIndex; - } - - private _tabIndex: string | number | null = null; - - @HostBinding('attr.aria-disabled') - get isDisabled(): boolean | null { - return this.disabled || null; - } - - @HostListener('click', ['$event']) - private onClick($event: MouseEvent): void { - if (this.autoClose) { - this.dropdownService.toggle({ visible: 'toggle', dropdown: this.dropdown }); + onKeyUp($event: KeyboardEvent): void { + if ($event.key === 'Enter') { + this.handleInteraction(); } } - @HostListener('keyup', ['$event']) - private onKeyUp($event: KeyboardEvent): void { - if ($event.key === 'Enter') { - if (this.autoClose) { - this.dropdownService.toggle({ visible: false, dropdown: this.dropdown }); - } + private handleInteraction(): void { + if (this.autoClose()) { + this.#dropdownService.toggle({ visible: 'toggle', dropdown: this.dropdown }); } } } diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown-menu/dropdown-menu.directive.spec.ts b/projects/coreui-angular/src/lib/dropdown/dropdown-menu/dropdown-menu.directive.spec.ts index 3d9a84af..0204f322 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown-menu/dropdown-menu.directive.spec.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown-menu/dropdown-menu.directive.spec.ts @@ -1,16 +1,57 @@ -import { ElementRef, Renderer2 } from '@angular/core'; -import { TestBed } from '@angular/core/testing'; +import { Component, DebugElement, ElementRef, Renderer2, viewChild } from '@angular/core'; +import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing'; import { DropdownService } from '../dropdown.service'; import { DropdownMenuDirective } from './dropdown-menu.directive'; +import { DropdownComponent, DropdownToggleDirective } from '../dropdown/dropdown.component'; +import { DOCUMENT } from '@angular/common'; +import { By } from '@angular/platform-browser'; +import { DropdownItemDirective } from '../dropdown-item/dropdown-item.directive'; +import { ButtonDirective } from '../../button'; class MockElementRef extends ElementRef {} +@Component({ + template: ` + + +
    +
  • + +
    • +
+ + `, + imports: [DropdownComponent, DropdownMenuDirective, DropdownItemDirective, ButtonDirective, DropdownToggleDirective] +}) +class TestComponent { + visible = true; + alignment?: string; + readonly dropdown = viewChild(DropdownComponent); + readonly menu = viewChild(DropdownMenuDirective); + readonly item = viewChild(DropdownItemDirective); +} + describe('DropdownMenuDirective', () => { + let component: TestComponent; + let fixture: ComponentFixture; + let dropdownRef: DebugElement; + let elementRef: DebugElement; + let itemRef: DebugElement; + let document: Document; beforeEach(() => { TestBed.configureTestingModule({ + imports: [TestComponent], providers: [{ provide: ElementRef, useClass: MockElementRef }, Renderer2, DropdownService] }); + document = TestBed.inject(DOCUMENT); + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + dropdownRef = fixture.debugElement.query(By.directive(DropdownComponent)); + elementRef = fixture.debugElement.query(By.directive(DropdownMenuDirective)); + itemRef = fixture.debugElement.query(By.directive(DropdownItemDirective)); + component.visible = true; + fixture.detectChanges(); // initial binding }); it('should create an instance', () => { @@ -18,6 +59,43 @@ describe('DropdownMenuDirective', () => { const directive = new DropdownMenuDirective(); expect(directive).toBeTruthy(); }); - }); + + it('should have css classes', fakeAsync(() => { + component.visible = false; + fixture.detectChanges(); + expect(dropdownRef.nativeElement).not.toHaveClass('show'); + expect(elementRef.nativeElement).toHaveClass('dropdown-menu'); + expect(elementRef.nativeElement).not.toHaveClass('dropdown-menu-end'); + expect(elementRef.nativeElement).not.toHaveClass('dropdown-menu-start'); + expect(elementRef.nativeElement).not.toHaveClass('show'); + component.visible = true; + component.alignment = 'end'; + fixture.detectChanges(); + expect(dropdownRef.nativeElement).toHaveClass('show'); + expect(elementRef.nativeElement).toHaveClass('dropdown-menu-end'); + expect(elementRef.nativeElement).not.toHaveClass('dropdown-menu-start'); + expect(elementRef.nativeElement).toHaveClass('show'); + component.alignment = 'start'; + fixture.detectChanges(); + expect(elementRef.nativeElement).not.toHaveClass('dropdown-menu-end'); + expect(elementRef.nativeElement).toHaveClass('dropdown-menu-start'); + component.alignment = undefined; + fixture.detectChanges(); + expect(elementRef.nativeElement).not.toHaveClass('dropdown-menu-end'); + expect(elementRef.nativeElement).not.toHaveClass('dropdown-menu-start'); + })); + + it('should call event handling functions', fakeAsync(() => { + expect(document.activeElement).not.toEqual(elementRef.nativeElement); + elementRef.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'Space' })); + elementRef.nativeElement.dispatchEvent(new KeyboardEvent('keyup', { key: 'Tab' })); + component.visible = true; + fixture.detectChanges(); + elementRef.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'Space' })); + elementRef.nativeElement.dispatchEvent(new KeyboardEvent('keyup', { key: 'Tab' })); + elementRef.nativeElement.focus(); + fixture.detectChanges(); + expect(document.activeElement).toEqual(itemRef.nativeElement); + })); }); diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown-menu/dropdown-menu.directive.ts b/projects/coreui-angular/src/lib/dropdown/dropdown-menu/dropdown-menu.directive.ts index 19d4adfc..d80248b0 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown-menu/dropdown-menu.directive.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown-menu/dropdown-menu.directive.ts @@ -1,31 +1,36 @@ +import { FocusKeyManager } from '@angular/cdk/a11y'; import { AfterContentInit, - ContentChildren, + booleanAttribute, + computed, + contentChildren, DestroyRef, Directive, ElementRef, forwardRef, - HostBinding, - HostListener, inject, - Input, - OnInit, - QueryList + input, + linkedSignal, + OnInit } from '@angular/core'; -import { FocusKeyManager } from '@angular/cdk/a11y'; -import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; +import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop'; import { tap } from 'rxjs/operators'; import { ThemeDirective } from '../../shared/theme.directive'; -import { DropdownService } from '../dropdown.service'; import { DropdownItemDirective } from '../dropdown-item/dropdown-item.directive'; +import { DropdownService } from '../dropdown.service'; @Directive({ selector: '[cDropdownMenu]', exportAs: 'cDropdownMenu', - standalone: true, hostDirectives: [{ directive: ThemeDirective, inputs: ['dark'] }], - host: { class: 'dropdown-menu' } + host: { + class: 'dropdown-menu', + '[class]': 'hostClasses()', + '[style]': 'hostStyles()', + '(keydown)': 'onKeyDown($event)', + '(keyup)': 'onKeyUp($event)' + } }) export class DropdownMenuDirective implements OnInit, AfterContentInit { readonly #destroyRef: DestroyRef = inject(DestroyRef); @@ -35,35 +40,42 @@ export class DropdownMenuDirective implements OnInit, AfterContentInit { /** * Set alignment of dropdown menu. - * @type {'start' | 'end' } + * @return 'start' | 'end' */ - @Input() alignment?: 'start' | 'end' | string; + readonly alignment = input<'start' | 'end' | string>(); /** * Toggle the visibility of dropdown menu component. - * @type boolean + * @return boolean */ - @Input() visible: boolean = false; + readonly visibleInput = input(false, { transform: booleanAttribute, alias: 'visible' }); - @HostBinding('class') - get hostClasses(): any { + readonly visible = linkedSignal({ + source: this.visibleInput, + computation: (value) => value + }); + + readonly hostClasses = computed(() => { + const alignment = this.alignment(); + const visible = this.visible(); return { 'dropdown-menu': true, - [`dropdown-menu-${this.alignment}`]: !!this.alignment, - show: this.visible - }; - } + [`dropdown-menu-${alignment}`]: !!alignment, + show: visible + } as Record; + }); - @HostBinding('style') get hostStyles() { + readonly hostStyles = computed(() => { // workaround for popper position calculate (see also: dropdown.component) + const visible = this.visible(); return { - visibility: this.visible ? null : '', - display: this.visible ? null : '' - }; - } + visibility: visible ? null : '', + display: visible ? null : '' + } as Record; + }); - @HostListener('keydown', ['$event']) onKeyDown($event: KeyboardEvent): void { - if (!this.visible) { + onKeyDown($event: KeyboardEvent): void { + if (!this.visible()) { return; } if (['Space', 'ArrowDown'].includes($event.code)) { @@ -72,8 +84,8 @@ export class DropdownMenuDirective implements OnInit, AfterContentInit { this.#focusKeyManager.onKeydown($event); } - @HostListener('keyup', ['$event']) onKeyUp($event: KeyboardEvent): void { - if (!this.visible) { + onKeyUp($event: KeyboardEvent): void { + if (!this.visible()) { return; } if (['Tab'].includes($event.key)) { @@ -85,13 +97,17 @@ export class DropdownMenuDirective implements OnInit, AfterContentInit { } } - @ContentChildren(forwardRef(() => DropdownItemDirective), { descendants: true }) - dropdownItemsContent!: QueryList; + readonly dropdownItemsContent = contentChildren( + forwardRef(() => DropdownItemDirective), + { descendants: true } + ); + + readonly items$ = toObservable(this.dropdownItemsContent); ngAfterContentInit(): void { this.focusKeyManagerInit(); - this.dropdownItemsContent.changes + this.items$ .pipe( tap((change) => { this.focusKeyManagerInit(); @@ -106,8 +122,8 @@ export class DropdownMenuDirective implements OnInit, AfterContentInit { .pipe( tap((state) => { if ('visible' in state) { - this.visible = state.visible === 'toggle' ? !this.visible : state.visible; - if (!this.visible) { + this.visible.update((visible) => (state.visible === 'toggle' ? !visible : state.visible)); + if (!this.visible()) { this.#focusKeyManager?.setActiveItem(-1); } } @@ -118,7 +134,7 @@ export class DropdownMenuDirective implements OnInit, AfterContentInit { } private focusKeyManagerInit(): void { - this.#focusKeyManager = new FocusKeyManager(this.dropdownItemsContent) + this.#focusKeyManager = new FocusKeyManager(this.dropdownItemsContent()) .withHomeAndEnd() .withPageUpDown() .withWrap() diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.spec.ts b/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.spec.ts index 43836850..6c32a2dd 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.spec.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.spec.ts @@ -1,9 +1,12 @@ -import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing'; import { DropdownComponent, DropdownToggleDirective } from './dropdown.component'; import { Component, DebugElement, ElementRef } from '@angular/core'; import { DropdownService } from '../dropdown.service'; import { By } from '@angular/platform-browser'; +import { DOCUMENT } from '@angular/common'; +import { DropdownMenuDirective } from '../dropdown-menu/dropdown-menu.directive'; +import { DropdownItemDirective } from '../dropdown-item/dropdown-item.directive'; describe('DropdownComponent', () => { let component: DropdownComponent; @@ -33,31 +36,51 @@ describe('DropdownComponent', () => { class MockElementRef extends ElementRef {} @Component({ - template: '
', - standalone: true, - imports: [DropdownToggleDirective] + template: ` + +
+ + + `, + imports: [DropdownToggleDirective, DropdownComponent, DropdownMenuDirective, DropdownItemDirective] }) -class TestComponent {} +class TestComponent { + variant: 'btn-group' | 'dropdown' | 'input-group' | 'nav-item' | undefined = 'nav-item'; + visible = false; + disabled = false; + caret = true; + split = false; +} describe('DropdownToggleDirective', () => { let component: TestComponent; let fixture: ComponentFixture; let elementRef: DebugElement; + let dropdownRef: DebugElement; let service: DropdownService; + let document: Document; beforeEach(() => { TestBed.configureTestingModule({ - imports: [TestComponent, DropdownToggleDirective], + imports: [TestComponent], providers: [ { provide: ElementRef, useClass: MockElementRef }, DropdownService, DropdownComponent + // Renderer2, + // ChangeDetectorRef ] }); - + document = TestBed.inject(DOCUMENT); fixture = TestBed.createComponent(TestComponent); component = fixture.componentInstance; elementRef = fixture.debugElement.query(By.directive(DropdownToggleDirective)); + dropdownRef = fixture.debugElement.query(By.directive(DropdownComponent)); service = new DropdownService(); fixture.detectChanges(); // initial binding @@ -69,4 +92,44 @@ describe('DropdownToggleDirective', () => { expect(directive).toBeTruthy(); }); }); + + it('should have css classes and attributes', fakeAsync(() => { + expect(elementRef.nativeElement).not.toHaveClass('disabled'); + expect(elementRef.nativeElement).toHaveClass('dropdown-toggle'); + expect(elementRef.nativeElement).not.toHaveClass('dropdown-toggle-split'); + component.variant = 'input-group'; + component.disabled = true; + component.split = true; + component.caret = false; + fixture.detectChanges(); + expect(elementRef.nativeElement).toHaveClass('disabled'); + expect(elementRef.nativeElement).not.toHaveClass('dropdown-toggle'); + expect(elementRef.nativeElement).toHaveClass('dropdown-toggle-split'); + expect(elementRef.nativeElement.getAttribute('aria-expanded')).toBe('false'); + component.variant = 'nav-item'; + component.visible = true; + fixture.detectChanges(); + expect(elementRef.nativeElement.getAttribute('aria-expanded')).toBe('true'); + })); + + it('should call event handling functions', fakeAsync(() => { + expect(component.visible).toBeFalse(); + elementRef.nativeElement.dispatchEvent(new MouseEvent('click')); + fixture.detectChanges(); + expect(component.visible).toBeTrue(); + elementRef.nativeElement.dispatchEvent(new MouseEvent('click')); + fixture.detectChanges(); + expect(component.visible).toBeFalse(); + elementRef.nativeElement.dispatchEvent(new MouseEvent('click')); + fixture.detectChanges(); + expect(component.visible).toBeTrue(); + dropdownRef.nativeElement.dispatchEvent(new KeyboardEvent('keyup', { key: 'Escape' })); + fixture.detectChanges(); + expect(component.visible).toBeFalse(); + component.visible = true; + fixture.detectChanges(); + document.dispatchEvent(new KeyboardEvent('keyup', { key: 'Tab' })); + fixture.detectChanges(); + expect(component.visible).toBeFalse(); + })); }); diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.ts b/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.ts index 4963ee8a..692856e0 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.ts @@ -1,32 +1,28 @@ import { DOCUMENT } from '@angular/common'; import { - AfterContentInit, AfterViewInit, booleanAttribute, ChangeDetectorRef, Component, - ContentChild, + computed, + contentChild, DestroyRef, Directive, + effect, ElementRef, - EventEmitter, forwardRef, - HostBinding, - HostListener, inject, - Inject, - Input, + input, + linkedSignal, NgZone, - OnChanges, OnDestroy, OnInit, - Output, + output, Renderer2, signal, - SimpleChanges + untracked } from '@angular/core'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; -import { Subscription } from 'rxjs'; import { filter } from 'rxjs/operators'; import { createPopper, Instance, Options, Placement } from '@popperjs/core'; @@ -42,7 +38,11 @@ export abstract class DropdownToken {} selector: '[cDropdownToggle]', providers: [{ provide: DropdownToken, useExisting: forwardRef(() => DropdownComponent) }], exportAs: 'cDropdownToggle', - standalone: true + host: { + '[class]': 'hostClasses()', + '[attr.aria-expanded]': 'ariaExpanded', + '(click)': 'onClick($event)' + } }) export class DropdownToggleDirective implements AfterViewInit { // injections @@ -52,63 +52,61 @@ export class DropdownToggleDirective implements AfterViewInit { public dropdown = inject(DropdownToken, { optional: true }); /** - * Toggle the disabled state for the toggler. - * @type DropdownComponent | undefined + * Reference to dropdown component. + * @return DropdownComponent | undefined * @default undefined */ - @Input() dropdownComponent?: DropdownComponent; + readonly dropdownComponent = input(); /** * Disables the toggler. - * @type boolean + * @return boolean * @default false */ - @Input({ transform: booleanAttribute }) disabled: boolean = false; + readonly disabled = input(false, { transform: booleanAttribute }); /** * Enables pseudo element caret on toggler. - * @type boolean + * @return boolean */ - @Input() caret = true; + readonly caret = input(true); /** * Create split button dropdowns with virtually the same markup as single button dropdowns, * but with the addition of `.dropdown-toggle-split` class for proper spacing around the dropdown caret. - * @type boolean + * @return boolean * @default false */ - @Input({ transform: booleanAttribute }) split: boolean = false; + readonly split = input(false, { transform: booleanAttribute }); - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { return { - 'dropdown-toggle': this.caret, - 'dropdown-toggle-split': this.split, - disabled: this.disabled - }; - } + 'dropdown-toggle': this.caret(), + 'dropdown-toggle-split': this.split(), + disabled: this.disabled() + } as Record; + }); - #ariaExpanded = signal(false); + readonly #ariaExpanded = signal(false); - @HostBinding('attr.aria-expanded') get ariaExpanded() { return this.#ariaExpanded(); } - @HostListener('click', ['$event']) public onClick($event: MouseEvent): void { $event.preventDefault(); - !this.disabled && this.#dropdownService.toggle({ visible: 'toggle', dropdown: this.dropdown }); + !this.disabled() && this.#dropdownService.toggle({ visible: 'toggle', dropdown: this.dropdown }); } ngAfterViewInit(): void { - if (this.dropdownComponent) { - this.dropdown = this.dropdownComponent; - this.#dropdownService = this.dropdownComponent?.dropdownService; + const dropdownComponent = this.dropdownComponent(); + if (dropdownComponent) { + this.dropdown = dropdownComponent; + this.#dropdownService = dropdownComponent?.dropdownService; } if (this.dropdown) { const dropdown = this.dropdown; - dropdown?.visibleChange?.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((visible) => { + dropdown?.visibleChange?.subscribe((visible) => { this.#ariaExpanded.set(visible); }); } @@ -121,61 +119,74 @@ export class DropdownToggleDirective implements AfterViewInit { styleUrls: ['./dropdown.component.scss'], exportAs: 'cDropdown', providers: [DropdownService], - standalone: true, - hostDirectives: [{ directive: ThemeDirective, inputs: ['dark'] }] + hostDirectives: [{ directive: ThemeDirective, inputs: ['dark'] }], + host: { + '[class]': 'hostClasses()', + '[style]': 'hostStyle()', + '(click)': 'onHostClick($event)' + } }) -export class DropdownComponent implements AfterContentInit, OnChanges, OnDestroy, OnInit { - constructor( - @Inject(DOCUMENT) private document: Document, - private elementRef: ElementRef, - private renderer: Renderer2, - private ngZone: NgZone, - private changeDetectorRef: ChangeDetectorRef, - public dropdownService: DropdownService - ) { +export class DropdownComponent implements OnDestroy, OnInit { + readonly #destroyRef = inject(DestroyRef); + readonly #document = inject(DOCUMENT); + readonly #elementRef = inject(ElementRef); + readonly #renderer = inject(Renderer2); + readonly #ngZone = inject(NgZone); + readonly #changeDetectorRef = inject(ChangeDetectorRef); + readonly dropdownService = inject(DropdownService); + + constructor() { this.dropdownStateSubscribe(); } /** * Set alignment of dropdown menu. - * @type {'start' | 'end' | { xs: 'start' | 'end' } | { sm: 'start' | 'end' } | { md: 'start' | 'end' } | { lg: 'start' | 'end' } | { xl: 'start' | 'end'} | { xxl: 'start' | 'end'}} + * @return {'start' | 'end' | { xs: 'start' | 'end' } | { sm: 'start' | 'end' } | { md: 'start' | 'end' } | { lg: 'start' | 'end' } | { xl: 'start' | 'end'} | { xxl: 'start' | 'end'}} */ - @Input() alignment?: string; + readonly alignment = input(); - @Input() autoClose: boolean | 'inside' | 'outside' = true; + /** + * Automatically close dropdown when clicking outside the dropdown menu. + */ + readonly autoClose = input(true); /** * Sets a specified direction and location of the dropdown menu. - * @type 'dropup' | 'dropend' | 'dropstart' + * @return 'dropup' | 'dropend' | 'dropstart' */ - @Input() direction?: 'center' | 'dropup' | 'dropup-center' | 'dropend' | 'dropstart'; + readonly direction = input<'center' | 'dropup' | 'dropup-center' | 'dropend' | 'dropstart'>(); /** * Describes the placement of your component after Popper.js has applied all the modifiers * that may have flipped or altered the originally provided placement property. - * @type Placement + * @return Placement */ - @Input() placement: Placement = 'bottom-start'; + readonly placement = input('bottom-start'); /** * If you want to disable dynamic positioning set this property to `false`. - * @type boolean + * @return boolean * @default true */ - @Input({ transform: booleanAttribute }) popper: boolean = true; + readonly popper = input(true, { transform: booleanAttribute }); /** * Optional popper Options object, placement prop takes precedence over - * @type Partial + * @return Partial */ - @Input() + readonly popperOptionsInput = input>({}, { alias: 'popperOptions' }); + + readonly #popperOptionsEffect = effect(() => { + this.popperOptions = { ...untracked(this.#popperOptions), ...this.popperOptionsInput() }; + }); + set popperOptions(value: Partial) { - this._popperOptions = { ...this._popperOptions, ...value }; + this.#popperOptions.update((popperOptions) => ({ ...popperOptions, ...value })); } get popperOptions(): Partial { - let placement = this.placement; - switch (this.direction) { + let placement = this.placement(); + switch (this.direction()) { case 'dropup': { placement = 'top-start'; break; @@ -197,130 +208,118 @@ export class DropdownComponent implements AfterContentInit, OnChanges, OnDestroy break; } } - if (this.alignment === 'end') { + if (this.alignment() === 'end') { placement = 'bottom-end'; } - this._popperOptions = { ...this._popperOptions, placement: placement }; - return this._popperOptions; + this.#popperOptions.update((value) => ({ ...value, placement: placement })); + return this.#popperOptions(); } - private _popperOptions: Partial = { - placement: this.placement, + readonly #popperOptions = signal>({ + placement: this.placement(), modifiers: [], strategy: 'absolute' - }; + }); /** * Set the dropdown variant to a btn-group, dropdown, input-group, and nav-item. */ - @Input() variant?: 'btn-group' | 'dropdown' | 'input-group' | 'nav-item' = 'dropdown'; + readonly variant = input<('btn-group' | 'dropdown' | 'input-group' | 'nav-item') | undefined>('dropdown'); /** * Toggle the visibility of dropdown menu component. - * @type boolean + * @return boolean * @default false */ - @Input({ transform: booleanAttribute }) - set visible(value: boolean) { - const _value = value; - if (_value !== this._visible) { - this.activeTrap = _value; - this._visible = _value; - _value ? this.createPopperInstance() : this.destroyPopperInstance(); - this.visibleChange.emit(_value); - } - } + readonly visibleInput = input(false, { transform: booleanAttribute, alias: 'visible' }); - get visible(): boolean { - return this._visible; - } + readonly visible = linkedSignal({ + source: this.visibleInput, + computation: (value) => value + }); - private _visible = false; + readonly #visibleEffect = effect(() => { + const visible = this.visible(); + this.activeTrap = visible; + visible ? this.createPopperInstance() : this.destroyPopperInstance(); + this.setVisibleState(visible); + this.visibleChange.emit(visible); + }); - @Output() visibleChange: EventEmitter = new EventEmitter(); + readonly visibleChange = output(); - dropdownContext = { $implicit: this.visible }; - @ContentChild(DropdownToggleDirective) _toggler!: DropdownToggleDirective; - @ContentChild(DropdownMenuDirective) _menu!: DropdownMenuDirective; - @ContentChild(DropdownMenuDirective, { read: ElementRef }) _menuElementRef!: ElementRef; + dropdownContext = { $implicit: this.visible() }; + readonly _toggler = contentChild(DropdownToggleDirective); + readonly _menu = contentChild(DropdownMenuDirective); + readonly _menuElementRef = contentChild(DropdownMenuDirective, { read: ElementRef }); public activeTrap = false; - private dropdownStateSubscription!: Subscription; private popperInstance!: Instance | undefined; private listeners: (() => void)[] = []; - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { + const direction = this.direction(); + const variant = this.variant(); return { - dropdown: (this.variant === 'dropdown' || this.variant === 'nav-item') && !this.direction, - [`${this.direction}`]: !!this.direction, - [`${this.variant}`]: !!this.variant, - dropup: this.direction === 'dropup' || this.direction === 'dropup-center', - show: this.visible - }; - } + dropdown: (variant === 'dropdown' || variant === 'nav-item') && !direction, + [`${direction}`]: !!direction, + [`${variant}`]: !!variant, + dropup: direction === 'dropup' || direction === 'dropup-center', + show: this.visible() + } as Record; + }); // todo: find better solution - @HostBinding('style') - get hostStyle(): any { - return this.variant === 'input-group' ? { display: 'contents' } : {}; - } + readonly hostStyle = computed(() => { + return this.variant() === 'input-group' ? { display: 'contents' } : {}; + }); private clickedTarget!: HTMLElement; - @HostListener('click', ['$event']) - private onHostClick($event: MouseEvent): void { + onHostClick($event: MouseEvent): void { this.clickedTarget = $event.target as HTMLElement; } - dropdownStateSubscribe(subscribe: boolean = true): void { - if (subscribe) { - this.dropdownStateSubscription = this.dropdownService.dropdownState$ - .pipe( - filter((state) => { - return this === state.dropdown; - }) - ) - .subscribe((state) => { - if ('visible' in state) { - state?.visible === 'toggle' ? this.toggleDropdown() : (this.visible = state.visible); - } - }); - } else { - this.dropdownStateSubscription?.unsubscribe(); - } + dropdownStateSubscribe(): void { + this.dropdownService.dropdownState$ + .pipe( + filter((state) => { + return this === state.dropdown; + }), + takeUntilDestroyed(this.#destroyRef) + ) + .subscribe((state) => { + if ('visible' in state) { + state?.visible === 'toggle' ? this.toggleDropdown() : this.visible.set(state.visible); + } + }); } toggleDropdown(): void { - this.visible = !this.visible; + this.visible.update((visible) => !visible); } onClick(event: any): void { - if (!this._toggler?.elementRef.nativeElement.contains(event.target?.closest('[cDropdownToggle]'))) { + if (!this._toggler()?.elementRef.nativeElement.contains(event.target?.closest('[cDropdownToggle]'))) { this.toggleDropdown(); } } - ngAfterContentInit(): void { - if (this.variant === 'nav-item') { - this.renderer.addClass(this._toggler.elementRef.nativeElement, 'nav-link'); + readonly #togglerEffect = effect(() => { + const variant = this.variant(); + const _toggler = this._toggler(); + if (variant === 'nav-item' && _toggler) { + this.#renderer.addClass(_toggler.elementRef.nativeElement, 'nav-link'); } - } + }); ngOnInit(): void { - this.setVisibleState(this.visible); - } - - ngOnChanges(changes: SimpleChanges): void { - if (changes['visible'] && !changes['visible'].firstChange) { - this.setVisibleState(changes['visible'].currentValue); - } + this.setVisibleState(this.visible()); } ngOnDestroy(): void { this.clearListeners(); - this.dropdownStateSubscribe(false); this.destroyPopperInstance(); } @@ -330,22 +329,22 @@ export class DropdownComponent implements AfterContentInit, OnChanges, OnDestroy // todo: turn off popper in navbar-nav createPopperInstance(): void { - if (this._toggler && this._menu) { - this.ngZone.runOutsideAngular(() => { + const _toggler = this._toggler(); + const _menu = this._menu(); + if (_toggler && _menu) { + this.#ngZone.runOutsideAngular(() => { // workaround for popper position calculate (see also: dropdown-menu.component) - this._menu.elementRef.nativeElement.style.visibility = 'hidden'; - this._menu.elementRef.nativeElement.style.display = 'block'; - if (this.popper) { - this.popperInstance = createPopper( - this._toggler.elementRef.nativeElement, - this._menu.elementRef.nativeElement, - { ...this.popperOptions } - ); + _menu.elementRef.nativeElement.style.visibility = 'hidden'; + _menu.elementRef.nativeElement.style.display = 'block'; + if (this.popper()) { + this.popperInstance = createPopper(_toggler.elementRef.nativeElement, _menu.elementRef.nativeElement, { + ...this.popperOptions + }); } - this.ngZone.run(() => { + this.#ngZone.run(() => { this.setListeners(); - this.changeDetectorRef.markForCheck(); - this.changeDetectorRef.detectChanges(); + this.#changeDetectorRef.markForCheck(); + this.#changeDetectorRef.detectChanges(); }); }); } @@ -355,36 +354,37 @@ export class DropdownComponent implements AfterContentInit, OnChanges, OnDestroy this.clearListeners(); this.popperInstance?.destroy(); this.popperInstance = undefined; - this.changeDetectorRef.markForCheck(); + this.#changeDetectorRef.markForCheck(); } private setListeners(): void { this.listeners.push( - this.renderer.listen(this.document, 'click', (event) => { + this.#renderer.listen(this.#document, 'click', (event) => { const target = event.target as HTMLElement; - if (this._menuElementRef?.nativeElement.contains(event.target)) { + if (this._menuElementRef()?.nativeElement.contains(event.target)) { this.clickedTarget = target; } - if (this._toggler?.elementRef.nativeElement.contains(event.target)) { + if (this._toggler()?.elementRef.nativeElement.contains(event.target)) { return; } - if (this.autoClose === true) { + const autoClose = this.autoClose(); + if (autoClose === true) { this.setVisibleState(false); return; } - if (this.clickedTarget === target && this.autoClose === 'inside') { + if (this.clickedTarget === target && autoClose === 'inside') { this.setVisibleState(false); return; } - if (this.clickedTarget !== target && this.autoClose === 'outside') { + if (this.clickedTarget !== target && autoClose === 'outside') { this.setVisibleState(false); return; } }) ); this.listeners.push( - this.renderer.listen(this.elementRef.nativeElement, 'keyup', (event) => { - if (event.key === 'Escape' && this.autoClose !== false) { + this.#renderer.listen(this.#elementRef.nativeElement, 'keyup', (event) => { + if (event.key === 'Escape' && this.autoClose() !== false) { event.stopPropagation(); this.setVisibleState(false); return; @@ -392,8 +392,12 @@ export class DropdownComponent implements AfterContentInit, OnChanges, OnDestroy }) ); this.listeners.push( - this.renderer.listen(this.document, 'keyup', (event) => { - if (event.key === 'Tab' && this.autoClose !== false && !this.elementRef.nativeElement.contains(event.target)) { + this.#renderer.listen(this.#document, 'keyup', (event) => { + if ( + event.key === 'Tab' && + this.autoClose() !== false && + !this.#elementRef.nativeElement.contains(event.target) + ) { this.setVisibleState(false); return; } diff --git a/projects/coreui-angular/src/lib/footer/footer.component.ts b/projects/coreui-angular/src/lib/footer/footer.component.ts index 4f7edbab..770daf1f 100644 --- a/projects/coreui-angular/src/lib/footer/footer.component.ts +++ b/projects/coreui-angular/src/lib/footer/footer.component.ts @@ -5,7 +5,6 @@ import { Positions } from '../coreui.types'; @Component({ selector: 'c-footer, [cFooter]', template: '', - standalone: true, host: { class: 'footer', '[class]': 'hostClasses()', diff --git a/projects/coreui-angular/src/lib/form/form-check/form-check-input.directive.spec.ts b/projects/coreui-angular/src/lib/form/form-check/form-check-input.directive.spec.ts index 6bec2c96..3a029d53 100644 --- a/projects/coreui-angular/src/lib/form/form-check/form-check-input.directive.spec.ts +++ b/projects/coreui-angular/src/lib/form/form-check/form-check-input.directive.spec.ts @@ -1,32 +1,50 @@ -import { Component, DebugElement, Renderer2, Type } from '@angular/core'; +import { Component, DebugElement, ElementRef, Renderer2 } from '@angular/core'; import { ComponentFixture, TestBed } from '@angular/core/testing'; import { By } from '@angular/platform-browser'; import { FormCheckInputDirective } from './form-check-input.directive'; +class MockElementRef extends ElementRef {} + @Component({ - template: '' + template: '', + imports: [FormCheckInputDirective] }) -class TestComponent {} +class TestComponent { + indeterminate = false; +} describe('FormCheckInputDirective', () => { let component: TestComponent; let fixture: ComponentFixture; let inputEl: DebugElement; - let renderer: Renderer2; + // let renderer: Renderer2; beforeEach(() => { TestBed.configureTestingModule({ - declarations: [TestComponent], - imports: [FormCheckInputDirective] - }); + imports: [FormCheckInputDirective, TestComponent], + providers: [Renderer2, { provide: ElementRef, useClass: MockElementRef }] + }).compileComponents(); fixture = TestBed.createComponent(TestComponent); component = fixture.componentInstance; - inputEl = fixture.debugElement.query(By.css('input')); - renderer = fixture.componentRef.injector.get(Renderer2 as Type); + inputEl = fixture.debugElement.query(By.directive(FormCheckInputDirective)); + fixture.detectChanges(); }); it('should create an instance', () => { - const directive = new FormCheckInputDirective(renderer, inputEl); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new FormCheckInputDirective(); + expect(directive).toBeTruthy(); + }); + }); + + it('should have css classes', () => { + expect(inputEl.nativeElement).toHaveClass('form-check-input'); + }); + + it('should have indeterminate state', () => { + component.indeterminate = true; + fixture.detectChanges(); + expect(inputEl.nativeElement.checked).toBeFalse(); + expect(inputEl.nativeElement.indeterminate).toBeTrue(); }); }); diff --git a/projects/coreui-angular/src/lib/form/form-check/form-check-input.directive.ts b/projects/coreui-angular/src/lib/form/form-check/form-check-input.directive.ts index d7d530e5..76aceb30 100644 --- a/projects/coreui-angular/src/lib/form/form-check/form-check-input.directive.ts +++ b/projects/coreui-angular/src/lib/form/form-check/form-check-input.directive.ts @@ -1,75 +1,75 @@ -import { booleanAttribute, Directive, ElementRef, HostBinding, Input, Renderer2 } from '@angular/core'; +import { + booleanAttribute, + computed, + Directive, + effect, + ElementRef, + inject, + input, + linkedSignal, + Renderer2 +} from '@angular/core'; +import { BooleanInput } from '@angular/cdk/coercion'; @Directive({ selector: 'input[cFormCheckInput]', - standalone: true, - host: { class: 'form-check-input' } + host: { + class: 'form-check-input', + '[class]': 'hostClasses()', + '[attr.type]': 'type()' + } }) export class FormCheckInputDirective { + static ngAcceptInputType_indeterminate: BooleanInput; + + readonly #renderer = inject(Renderer2); + readonly #hostElement = inject(ElementRef); + /** * Specifies the type of component. - * @type {'checkbox' | 'radio'} * @default 'checkbox' */ - @HostBinding('attr.type') - @Input() - type: 'checkbox' | 'radio' = 'checkbox'; + readonly type = input<'checkbox' | 'radio'>('checkbox'); /** * Set component indeterminate state. - * @type boolean * @default false */ - @Input({ transform: booleanAttribute }) - set indeterminate(value: boolean) { - const indeterminate = value; - if (this._indeterminate !== indeterminate) { - this._indeterminate = indeterminate; - const htmlInputElement = this.hostElement.nativeElement as HTMLInputElement; + readonly indeterminateInput = input(false, { transform: booleanAttribute, alias: 'indeterminate' }); + + readonly #indeterminate = linkedSignal(this.indeterminateInput); + + readonly #indeterminateEffect = effect(() => { + if (this.type() === 'checkbox') { + const indeterminate = this.#indeterminate(); + const htmlInputElement = this.#hostElement.nativeElement as HTMLInputElement; if (indeterminate) { - this.renderer.setProperty(htmlInputElement, 'checked', false); + this.#renderer.setProperty(htmlInputElement, 'checked', false); } - this.renderer.setProperty(htmlInputElement, 'indeterminate', indeterminate); + this.#renderer.setProperty(htmlInputElement, 'indeterminate', indeterminate); } - } + }); get indeterminate() { - return this._indeterminate; + return this.#indeterminate(); } - private _indeterminate = false; - /** * Set component validation state to valid. - * @type boolean * @default undefined */ - @Input() valid?: boolean; + readonly valid = input(); - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { + const valid = this.valid(); return { 'form-check-input': true, - 'is-valid': this.valid === true, - 'is-invalid': this.valid === false - }; - } - - @Input({ transform: booleanAttribute }) - set checked(value: boolean) { - const checked = value; - const htmlInputElement = this.hostElement?.nativeElement as HTMLInputElement; - if (htmlInputElement) { - this.renderer.setProperty(htmlInputElement, 'checked', checked); - } - } + 'is-valid': valid === true, + 'is-invalid': valid === false + } as Record; + }); get checked(): boolean { - return this.hostElement?.nativeElement?.checked; + return this.#hostElement?.nativeElement?.checked; } - - constructor( - private renderer: Renderer2, - private hostElement: ElementRef - ) {} } diff --git a/projects/coreui-angular/src/lib/form/form-check/form-check-label.directive.spec.ts b/projects/coreui-angular/src/lib/form/form-check/form-check-label.directive.spec.ts index 2ebc6583..f5af4330 100644 --- a/projects/coreui-angular/src/lib/form/form-check/form-check-label.directive.spec.ts +++ b/projects/coreui-angular/src/lib/form/form-check/form-check-label.directive.spec.ts @@ -1,8 +1,33 @@ import { FormCheckLabelDirective } from './form-check-label.directive'; +import { Component, DebugElement } from '@angular/core'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; + +@Component({ + template: '', + imports: [FormCheckLabelDirective] +}) +class TestComponent {} describe('FormCheckLabelDirective', () => { + let component: TestComponent; + let fixture: ComponentFixture; + let debugElement: DebugElement; + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }); + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + debugElement = fixture.debugElement.query(By.directive(FormCheckLabelDirective)); + }); + it('should create an instance', () => { const directive = new FormCheckLabelDirective(); expect(directive).toBeTruthy(); }); + + it('should have css classes', () => { + expect(debugElement.nativeElement).toHaveClass('form-check-label'); + }); }); diff --git a/projects/coreui-angular/src/lib/form/form-check/form-check-label.directive.ts b/projects/coreui-angular/src/lib/form/form-check/form-check-label.directive.ts index d1141c87..f3c30eab 100644 --- a/projects/coreui-angular/src/lib/form/form-check/form-check-label.directive.ts +++ b/projects/coreui-angular/src/lib/form/form-check/form-check-label.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: 'label[cFormCheckLabel]', - standalone: true, host: { class: 'form-check-label' } }) export class FormCheckLabelDirective {} diff --git a/projects/coreui-angular/src/lib/form/form-check/form-check.component.spec.ts b/projects/coreui-angular/src/lib/form/form-check/form-check.component.spec.ts index 32a027b0..fc5d48af 100644 --- a/projects/coreui-angular/src/lib/form/form-check/form-check.component.spec.ts +++ b/projects/coreui-angular/src/lib/form/form-check/form-check.component.spec.ts @@ -1,28 +1,41 @@ +import { Component, ComponentRef, DebugElement } from '@angular/core'; import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; - import { FormCheckComponent } from './form-check.component'; -import { Renderer2 } from '@angular/core'; +import { FormCheckInputDirective } from './form-check-input.directive'; +import { FormCheckLabelDirective } from './form-check-label.directive'; +import { By } from '@angular/platform-browser'; + +@Component({ + template: ` + + + + + `, + imports: [FormCheckInputDirective, FormCheckComponent, FormCheckLabelDirective] +}) +class TestComponent { + inline = true; + reverse = true; + switch = false; +} describe('FormCheckComponent', () => { let component: FormCheckComponent; let fixture: ComponentFixture; - let renderer: Renderer2; + let componentRef: ComponentRef; beforeEach(waitForAsync(() => { TestBed.configureTestingModule({ - imports: [FormCheckComponent], - providers: [Renderer2] - }) - .compileComponents(); - })); + imports: [FormCheckComponent] + }).compileComponents(); - beforeEach(() => { fixture = TestBed.createComponent(FormCheckComponent); - renderer = fixture.debugElement.injector.get(Renderer2); component = fixture.componentInstance; - component.switch = true; + componentRef = fixture.componentRef; + componentRef.setInput('switch', true); fixture.detectChanges(); - }); + })); it('should create', () => { expect(component).toBeTruthy(); @@ -30,6 +43,36 @@ describe('FormCheckComponent', () => { it('should have css classes', () => { expect(fixture.nativeElement).toHaveClass('form-switch'); + expect(fixture.nativeElement).not.toHaveClass('form-check'); }); +}); + +describe('FormCheckComponent Test', () => { + let testFixture: ComponentFixture; + let debugElement: DebugElement; + beforeEach(waitForAsync(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }).compileComponents(); + testFixture = TestBed.createComponent(TestComponent); + debugElement = testFixture.debugElement.query(By.directive(FormCheckComponent)); + testFixture.detectChanges(); // initial binding + })); + + it('should have css classes', () => { + expect(debugElement.nativeElement).not.toHaveClass('form-switch'); + expect(debugElement.nativeElement).not.toHaveClass('form-switch-xl'); + expect(debugElement.nativeElement).toHaveClass('form-check-inline'); + expect(debugElement.nativeElement).toHaveClass('form-check-reverse'); + testFixture.componentInstance.switch = true; + testFixture.componentInstance.inline = false; + testFixture.componentInstance.reverse = false; + testFixture.detectChanges(); + expect(debugElement.nativeElement).toHaveClass('form-switch'); + expect(debugElement.nativeElement).toHaveClass('form-switch-xl'); + expect(debugElement.nativeElement).not.toHaveClass('form-check-inline'); + expect(debugElement.nativeElement).not.toHaveClass('form-check-reverse'); + expect(debugElement.nativeElement).toHaveClass('form-check'); + }); }); diff --git a/projects/coreui-angular/src/lib/form/form-check/form-check.component.ts b/projects/coreui-angular/src/lib/form/form-check/form-check.component.ts index 3616582a..005b0a73 100644 --- a/projects/coreui-angular/src/lib/form/form-check/form-check.component.ts +++ b/projects/coreui-angular/src/lib/form/form-check/form-check.component.ts @@ -1,63 +1,56 @@ -import { AfterContentInit, booleanAttribute, Component, ContentChild, HostBinding, Input } from '@angular/core'; - +import { BooleanInput } from '@angular/cdk/coercion'; +import { booleanAttribute, Component, computed, contentChild, input } from '@angular/core'; import { FormCheckLabelDirective } from './form-check-label.directive'; @Component({ selector: 'c-form-check', template: '', exportAs: 'cFormCheck', - standalone: true + host: { '[class]': 'hostClasses()' } }) -export class FormCheckComponent implements AfterContentInit { +export class FormCheckComponent { + static ngAcceptInputType_inline: BooleanInput; + static ngAcceptInputType_reverse: BooleanInput; + static ngAcceptInputType_switch: BooleanInput; /** * Group checkboxes or radios on the same horizontal row. - * @type boolean * @default false */ - @Input({ transform: booleanAttribute }) inline: string | boolean = false; + readonly inline = input(false, { transform: booleanAttribute }); /** * Put checkboxes or radios on the opposite side. - * @type boolean * @default false * @since 4.4.7 */ - @Input({ transform: booleanAttribute }) reverse: string | boolean = false; + readonly reverse = input(false, { transform: booleanAttribute }); /** * Size the component large or extra large. Works only with `[switch]="true"` [docs] - * @type {'lg' | 'xl' | ''} + * @default undefined */ - @Input() sizing?: 'lg' | 'xl' | '' = ''; + readonly sizing = input<'' | 'lg' | 'xl' | string>(); /** * Render a toggle switch on for checkbox. - * @type boolean + * @returns boolean * @default false */ - @Input({ transform: booleanAttribute }) switch: string | boolean = false; + readonly switch = input(false, { transform: booleanAttribute }); + + readonly formCheckLabel = contentChild(FormCheckLabelDirective); - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { + const sizing = this.sizing(); + const isSwitch = this.switch(); return { - 'form-check': this.formCheckClass, - 'form-switch': this.switch, - [`form-switch-${this.sizing}`]: this.switch && !!this.sizing, - 'form-check-inline': this.inline, - 'form-check-reverse': this.reverse - }; - } - - @ContentChild(FormCheckLabelDirective) formCheckLabel!: FormCheckLabelDirective; - - #formCheckClass = true; - get formCheckClass() { - return this.#formCheckClass; - } - - ngAfterContentInit(): void { - this.#formCheckClass = !!this.formCheckLabel; - } + 'form-check': !!this.formCheckLabel(), + 'form-switch': isSwitch, + [`form-switch-${sizing}`]: isSwitch && !!sizing, + 'form-check-inline': this.inline(), + 'form-check-reverse': this.reverse() + } as Record; + }); } diff --git a/projects/coreui-angular/src/lib/form/form-control/form-control.directive.spec.ts b/projects/coreui-angular/src/lib/form/form-control/form-control.directive.spec.ts index d28c11ed..75114418 100644 --- a/projects/coreui-angular/src/lib/form/form-control/form-control.directive.spec.ts +++ b/projects/coreui-angular/src/lib/form/form-control/form-control.directive.spec.ts @@ -1,10 +1,17 @@ -import { ElementRef } from '@angular/core'; import { FormControlDirective } from './form-control.directive'; +import { TestBed } from '@angular/core/testing'; +import { ElementRef } from '@angular/core'; + +class MockElementRef extends ElementRef {} describe('FormControlDirective', () => { - let hostElement: ElementRef; it('should create an instance', () => { - const directive = new FormControlDirective(hostElement); - expect(directive).toBeTruthy(); + TestBed.configureTestingModule({ + providers: [{ provide: ElementRef, useClass: MockElementRef }] + }); + TestBed.runInInjectionContext(() => { + const directive = new FormControlDirective(); + expect(directive).toBeTruthy(); + }); }); }); diff --git a/projects/coreui-angular/src/lib/form/form-control/form-control.directive.ts b/projects/coreui-angular/src/lib/form/form-control/form-control.directive.ts index 34c467e8..42d118d0 100644 --- a/projects/coreui-angular/src/lib/form/form-control/form-control.directive.ts +++ b/projects/coreui-angular/src/lib/form/form-control/form-control.directive.ts @@ -1,57 +1,60 @@ -import { booleanAttribute, Directive, ElementRef, HostBinding, Input, OnInit } from '@angular/core'; +import { booleanAttribute, computed, Directive, ElementRef, inject, input, OnInit } from '@angular/core'; import { InputType } from '../../coreui.types'; @Directive({ selector: 'input[cFormControl], textarea[cFormControl]', - standalone: true + host: { + '[class]': 'hostClasses()', + '[attr.type]': 'type()' + } }) export class FormControlDirective implements OnInit { - - constructor( - private hostElement: ElementRef - ) {} + readonly #hostElement = inject(ElementRef); /** * Size the component small or large. - * @type {'sm' | 'lg'} + * @default undefined */ - @Input() sizing?: '' | 'sm' | 'lg' | string = ''; + readonly sizing = input<'' | 'sm' | 'lg' | string>(); + /** * Set component validation state to valid. - * @type boolean | undefined + * @default undefined */ - @Input() valid?: boolean; + readonly valid = input(); /** * Specifies the type of input element. */ - @HostBinding('attr.type') - @Input() type: Omit = 'text'; + readonly type = input>('text'); /** - * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use alongside `readonly` [docs] + * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use alongside `readonly` + * @default false */ - @Input({ transform: booleanAttribute }) plaintext: string | boolean = false; + readonly plaintext = input(false, { transform: booleanAttribute }); - @HostBinding('class') - get hostClasses(): any { - - const isRangeType = this.type === 'range'; + readonly hostClasses = computed(() => { + const type = this.type(); + const isRange = type === 'range'; + const plaintext = this.plaintext(); + const sizing = this.sizing(); + const valid = this.valid(); return { - 'form-control': !isRangeType && !this.plaintext, - 'form-control-plaintext': !isRangeType && this.plaintext, - 'form-control-color': this.type === 'color', - 'form-range': isRangeType, - [`form-control-${this.sizing}`]: !!this.sizing && !isRangeType, - 'is-valid': this.valid === true, - 'is-invalid': this.valid === false - }; - } + 'form-control': !isRange && !plaintext, + 'form-control-plaintext': !isRange && plaintext, + 'form-control-color': type === 'color', + 'form-range': isRange, + [`form-control-${sizing}`]: !!sizing && !isRange, + 'is-valid': valid === true, + 'is-invalid': valid === false + } as Record; + }); get hostTag(): string { - return this.hostElement.nativeElement.tagName; + return this.#hostElement.nativeElement.tagName; } ngOnInit(): void { @@ -60,5 +63,4 @@ export class FormControlDirective implements OnInit { console.warn(`CoreUI [cFormControl] works with '' and ' + + + ` +}) +class TestComponent { + readonly floating = input(false); +} describe('FormFloatingDirective', () => { + let component: TestComponent; + let fixture: ComponentFixture; + let debugElement: DebugElement; + let componentRef: ComponentRef; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }).compileComponents(); + + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + componentRef = fixture.componentRef; + debugElement = fixture.debugElement.query(By.directive(FormFloatingDirective)); + fixture.detectChanges(); + }); + it('should create an instance', () => { - const directive = new FormFloatingDirective(); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new FormFloatingDirective(); + expect(directive).toBeTruthy(); + }); + }); + + it('should have css classes', () => { + expect(debugElement.nativeElement).not.toHaveClass('form-floating'); + componentRef.setInput('floating', true); + fixture.detectChanges(); + expect(debugElement.nativeElement).toHaveClass('form-floating'); + componentRef.setInput('floating', false); + fixture.detectChanges(); + expect(debugElement.nativeElement).not.toHaveClass('form-floating'); }); }); diff --git a/projects/coreui-angular/src/lib/form/form-floating/form-floating.directive.ts b/projects/coreui-angular/src/lib/form/form-floating/form-floating.directive.ts index 9a7ee51b..8512cc00 100644 --- a/projects/coreui-angular/src/lib/form/form-floating/form-floating.directive.ts +++ b/projects/coreui-angular/src/lib/form/form-floating/form-floating.directive.ts @@ -1,20 +1,13 @@ -import { booleanAttribute, Directive, HostBinding, Input } from '@angular/core'; +import { booleanAttribute, Directive, input } from '@angular/core'; @Directive({ selector: '[cFormFloating]', - standalone: true + host: { '[class.form-floating]': 'floating()' } }) export class FormFloatingDirective { /** * Enable floating labels - * @type boolean + * @dafault boolean */ - @Input({ alias: 'cFormFloating', transform: booleanAttribute }) floating: string | boolean = true; - - @HostBinding('class') - get hostClasses(): any { - return { - 'form-floating': this.floating - }; - } + readonly floating = input(true, { transform: booleanAttribute, alias: 'cFormFloating' }); } diff --git a/projects/coreui-angular/src/lib/form/form-label/form-label.directive.spec.ts b/projects/coreui-angular/src/lib/form/form-label/form-label.directive.spec.ts index b993759a..94ba1c23 100644 --- a/projects/coreui-angular/src/lib/form/form-label/form-label.directive.spec.ts +++ b/projects/coreui-angular/src/lib/form/form-label/form-label.directive.spec.ts @@ -1,8 +1,11 @@ import { FormLabelDirective } from './form-label.directive'; +import { TestBed } from '@angular/core/testing'; describe('LabelDirective', () => { it('should create an instance', () => { - const directive = new FormLabelDirective(); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new FormLabelDirective(); + expect(directive).toBeTruthy(); + }); }); }); diff --git a/projects/coreui-angular/src/lib/form/form-label/form-label.directive.ts b/projects/coreui-angular/src/lib/form/form-label/form-label.directive.ts index 9cc5c9ff..0f520989 100644 --- a/projects/coreui-angular/src/lib/form/form-label/form-label.directive.ts +++ b/projects/coreui-angular/src/lib/form/form-label/form-label.directive.ts @@ -1,27 +1,28 @@ -import { Directive, HostBinding, Input } from '@angular/core'; +import { computed, Directive, input } from '@angular/core'; @Directive({ selector: '[cLabel]', - standalone: true, - host: { class: 'form-label' } + host: { class: 'form-label', '[class]': 'hostClasses()' } }) export class FormLabelDirective { /** * For horizontal forms set labels to 'col' and make them vertically centered with their associated form controls. - * @type 'col' + * @default '' */ - @Input('cLabel') col: 'col' | '' = ''; + readonly col = input<'col' | ''>('', { alias: 'cLabel' }); /** * Size the label small or large. + * @default '' */ - @Input() sizing: '' | 'sm' | 'lg' | string = ''; + readonly sizing = input<'' | 'sm' | 'lg' | string>(); - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { + const col = this.col(); + const sizing = this.sizing(); return { 'form-label': true, - 'col-form-label': this.col === 'col', - [`col-form-label-${this.sizing}`]: !!this.sizing && this.col === 'col' - }; - } + 'col-form-label': col === 'col', + [`col-form-label-${sizing}`]: !!sizing && col === 'col' + } as Record; + }); } diff --git a/projects/coreui-angular/src/lib/form/form-select/form-select.directive.spec.ts b/projects/coreui-angular/src/lib/form/form-select/form-select.directive.spec.ts index ddec0519..2e2fb46f 100644 --- a/projects/coreui-angular/src/lib/form/form-select/form-select.directive.spec.ts +++ b/projects/coreui-angular/src/lib/form/form-select/form-select.directive.spec.ts @@ -1,8 +1,67 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { Component, ComponentRef, DebugElement, input } from '@angular/core'; import { FormSelectDirective } from './form-select.directive'; +import { By } from '@angular/platform-browser'; + +@Component({ + imports: [FormSelectDirective], + template: ` ` +}) +class TestComponent { + readonly sizing = input<'' | 'sm' | 'lg' | string>(); + readonly valid = input(); +} describe('FormSelectDirective', () => { + let component: TestComponent; + let fixture: ComponentFixture; + let debugElement: DebugElement; + let componentRef: ComponentRef; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }).compileComponents(); + + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + componentRef = fixture.componentRef; + debugElement = fixture.debugElement.query(By.directive(FormSelectDirective)); + fixture.detectChanges(); + }); + it('should create an instance', () => { - const directive = new FormSelectDirective(); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new FormSelectDirective(); + expect(directive).toBeTruthy(); + }); + }); + + it('should have css classes', () => { + expect(debugElement.nativeElement).toHaveClass('form-select'); + componentRef.setInput('sizing', 'sm'); + fixture.detectChanges(); + expect(debugElement.nativeElement).toHaveClass('form-select-sm'); + componentRef.setInput('sizing', 'lg'); + fixture.detectChanges(); + expect(debugElement.nativeElement).toHaveClass('form-select-lg'); + componentRef.setInput('sizing', ''); + fixture.detectChanges(); + expect(debugElement.nativeElement).not.toHaveClass('form-select-sm'); + expect(debugElement.nativeElement).not.toHaveClass('form-select-lg'); + expect(debugElement.nativeElement).not.toHaveClass('is-invalid'); + expect(debugElement.nativeElement).not.toHaveClass('is-valid'); + componentRef.setInput('valid', true); + fixture.detectChanges(); + expect(debugElement.nativeElement).not.toHaveClass('is-invalid'); + expect(debugElement.nativeElement).toHaveClass('is-valid'); + componentRef.setInput('valid', false); + fixture.detectChanges(); + expect(debugElement.nativeElement).toHaveClass('is-invalid'); + expect(debugElement.nativeElement).not.toHaveClass('is-valid'); + componentRef.setInput('valid', undefined); + fixture.detectChanges(); + expect(debugElement.nativeElement).not.toHaveClass('is-invalid'); + expect(debugElement.nativeElement).not.toHaveClass('is-valid'); }); }); diff --git a/projects/coreui-angular/src/lib/form/form-select/form-select.directive.ts b/projects/coreui-angular/src/lib/form/form-select/form-select.directive.ts index 245a4610..5530df29 100644 --- a/projects/coreui-angular/src/lib/form/form-select/form-select.directive.ts +++ b/projects/coreui-angular/src/lib/form/form-select/form-select.directive.ts @@ -1,29 +1,30 @@ -import { Directive, HostBinding, Input } from '@angular/core'; +import { computed, Directive, input } from '@angular/core'; @Directive({ selector: 'select[cSelect]', - standalone: true, - host: { class: 'form-select' } + host: { class: 'form-select', '[class]': 'hostClasses()' } }) export class FormSelectDirective { /** * Size the component small or large. + * @default undefined */ - @Input() sizing?: '' | 'sm' | 'lg' | string = ''; + readonly sizing = input<'' | 'sm' | 'lg' | string>(); /** * Set component validation state to valid. - * @type {boolean | undefined} + * @default undefined */ - @Input() valid?: boolean; + readonly valid = input(); - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { + const sizing = this.sizing(); + const valid = this.valid(); return { 'form-select': true, - [`form-select-${this.sizing}`]: !!this.sizing, - 'is-valid': this.valid === true, - 'is-invalid': this.valid === false - }; - } + [`form-select-${sizing}`]: !!sizing, + 'is-valid': valid === true, + 'is-invalid': valid === false + } as Record; + }); } diff --git a/projects/coreui-angular/src/lib/form/form-text/form-text.directive.ts b/projects/coreui-angular/src/lib/form/form-text/form-text.directive.ts index 512dbd75..bc1c3255 100644 --- a/projects/coreui-angular/src/lib/form/form-text/form-text.directive.ts +++ b/projects/coreui-angular/src/lib/form/form-text/form-text.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: '[cFormText]', - standalone: true, host: { class: 'form-text' } }) export class FormTextDirective {} diff --git a/projects/coreui-angular/src/lib/form/form.module.ts b/projects/coreui-angular/src/lib/form/form.module.ts index 1ab71add..3a245bd2 100644 --- a/projects/coreui-angular/src/lib/form/form.module.ts +++ b/projects/coreui-angular/src/lib/form/form.module.ts @@ -1,16 +1,16 @@ import { NgModule } from '@angular/core'; import { FormDirective } from './form/form.directive'; +import { FormControlDirective } from './form-control/form-control.directive'; +import { FormCheckComponent } from './form-check/form-check.component'; +import { FormCheckLabelDirective } from './form-check/form-check-label.directive'; +import { FormCheckInputDirective } from './form-check/form-check-input.directive'; import { FormFeedbackComponent } from './form-feedback/form-feedback.component'; -import { InputGroupComponent } from './input-group/input-group.component'; -import { FormSelectDirective } from './form-select/form-select.directive'; +import { FormFloatingDirective } from './form-floating/form-floating.directive'; import { FormLabelDirective } from './form-label/form-label.directive'; -import { FormCheckComponent } from './form-check/form-check.component'; -import { FormControlDirective } from './form-control/form-control.directive'; +import { FormSelectDirective } from './form-select/form-select.directive'; import { FormTextDirective } from './form-text/form-text.directive'; -import { FormFloatingDirective } from './form-floating/form-floating.directive'; +import { InputGroupComponent } from './input-group/input-group.component'; import { InputGroupTextDirective } from './input-group-text/input-group-text.directive'; -import { FormCheckLabelDirective } from './form-check/form-check-label.directive'; -import { FormCheckInputDirective } from './form-check/form-check-input.directive'; @NgModule({ imports: [ diff --git a/projects/coreui-angular/src/lib/form/form/form.directive.spec.ts b/projects/coreui-angular/src/lib/form/form/form.directive.spec.ts index 540defde..f6004cd4 100644 --- a/projects/coreui-angular/src/lib/form/form/form.directive.spec.ts +++ b/projects/coreui-angular/src/lib/form/form/form.directive.spec.ts @@ -1,8 +1,48 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { Component, ComponentRef, DebugElement, input } from '@angular/core'; +import { By } from '@angular/platform-browser'; import { FormDirective } from './form.directive'; +@Component({ + imports: [FormDirective], + template: '
' +}) +class TestComponent { + readonly validated = input(false); +} + describe('FormDirective', () => { + let component: TestComponent; + let fixture: ComponentFixture; + let debugElement: DebugElement; + let componentRef: ComponentRef; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }).compileComponents(); + + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + componentRef = fixture.componentRef; + debugElement = fixture.debugElement.query(By.directive(FormDirective)); + fixture.detectChanges(); + }); + it('should create an instance', () => { - const directive = new FormDirective(); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new FormDirective(); + expect(directive).toBeTruthy(); + }); + }); + + it('should have css classes', () => { + expect(debugElement.nativeElement).not.toHaveClass('was-validated'); + componentRef.setInput('validated', true); + fixture.detectChanges(); + expect(debugElement.nativeElement).toHaveClass('was-validated'); + componentRef.setInput('validated', false); + fixture.detectChanges(); + expect(debugElement.nativeElement).not.toHaveClass('was-validated'); }); }); diff --git a/projects/coreui-angular/src/lib/form/form/form.directive.ts b/projects/coreui-angular/src/lib/form/form/form.directive.ts index 0a1c4c56..250a1b6b 100644 --- a/projects/coreui-angular/src/lib/form/form/form.directive.ts +++ b/projects/coreui-angular/src/lib/form/form/form.directive.ts @@ -1,22 +1,14 @@ -import { booleanAttribute, Directive, HostBinding, Input } from '@angular/core'; +import { booleanAttribute, Directive, input } from '@angular/core'; @Directive({ selector: 'form[cForm]', - standalone: true + host: { '[class.was-validated]': 'validated()' } }) export class FormDirective { - /** * Mark a form as validated. If you set it `true`, all validation styles will be applied to the form. [docs] - * @type boolean + * @return boolean * @default false */ - @Input({ transform: booleanAttribute }) validated: string | boolean = false; - - @HostBinding('class') - get hostClasses(): any { - return { - 'was-validated': this.validated - }; - } + readonly validated = input(false, { transform: booleanAttribute }); } diff --git a/projects/coreui-angular/src/lib/form/input-group-text/input-group-text.directive.ts b/projects/coreui-angular/src/lib/form/input-group-text/input-group-text.directive.ts index eb52c403..0fe35d2e 100644 --- a/projects/coreui-angular/src/lib/form/input-group-text/input-group-text.directive.ts +++ b/projects/coreui-angular/src/lib/form/input-group-text/input-group-text.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: '[cInputGroupText]', - standalone: true, host: { class: 'input-group-text' } }) export class InputGroupTextDirective {} diff --git a/projects/coreui-angular/src/lib/form/input-group/input-group.component.ts b/projects/coreui-angular/src/lib/form/input-group/input-group.component.ts index c4f111eb..9b27436f 100644 --- a/projects/coreui-angular/src/lib/form/input-group/input-group.component.ts +++ b/projects/coreui-angular/src/lib/form/input-group/input-group.component.ts @@ -3,14 +3,13 @@ import { Component, computed, input } from '@angular/core'; @Component({ selector: 'c-input-group', template: '', - standalone: true, host: { class: 'input-group', '[class]': 'hostClasses()' } }) export class InputGroupComponent { /** * Size the component small or large. */ - readonly sizing = input(''); + readonly sizing = input(); readonly hostClasses = computed(() => { const sizing = this.sizing(); diff --git a/projects/coreui-angular/src/lib/form/public_api.ts b/projects/coreui-angular/src/lib/form/public_api.ts index a37a06cd..7fc1a947 100644 --- a/projects/coreui-angular/src/lib/form/public_api.ts +++ b/projects/coreui-angular/src/lib/form/public_api.ts @@ -1,13 +1,13 @@ export { FormDirective } from './form/form.directive'; -export { FormFeedbackComponent } from './form-feedback/form-feedback.component'; -export { InputGroupComponent } from './input-group/input-group.component'; -export { FormSelectDirective } from './form-select/form-select.directive'; -export { FormLabelDirective } from './form-label/form-label.directive'; export { FormCheckComponent } from './form-check/form-check.component'; +export { FormControlDirective } from './form-control/form-control.directive'; export { FormCheckInputDirective } from './form-check/form-check-input.directive'; export { FormCheckLabelDirective } from './form-check/form-check-label.directive'; -export { FormControlDirective } from './form-control/form-control.directive'; -export { FormTextDirective } from './form-text/form-text.directive'; +export { FormFeedbackComponent } from './form-feedback/form-feedback.component'; export { FormFloatingDirective } from './form-floating/form-floating.directive'; +export { FormLabelDirective } from './form-label/form-label.directive'; +export { FormSelectDirective } from './form-select/form-select.directive'; +export { FormTextDirective } from './form-text/form-text.directive'; +export { InputGroupComponent } from './input-group/input-group.component'; export { InputGroupTextDirective } from './input-group-text/input-group-text.directive'; export { FormModule } from './form.module'; diff --git a/projects/coreui-angular/src/lib/grid/col.component.ts b/projects/coreui-angular/src/lib/grid/col.component.ts index db790d75..528fc075 100644 --- a/projects/coreui-angular/src/lib/grid/col.component.ts +++ b/projects/coreui-angular/src/lib/grid/col.component.ts @@ -5,7 +5,6 @@ import { ColDirective } from './col.directive'; @Component({ selector: 'c-col', template: '', - styleUrls: ['./col.component.scss'], - standalone: true + styleUrls: ['./col.component.scss'] }) export class ColComponent extends ColDirective {} diff --git a/projects/coreui-angular/src/lib/grid/col.directive.spec.ts b/projects/coreui-angular/src/lib/grid/col.directive.spec.ts index dd3c940e..75ea63c6 100644 --- a/projects/coreui-angular/src/lib/grid/col.directive.spec.ts +++ b/projects/coreui-angular/src/lib/grid/col.directive.spec.ts @@ -1,8 +1,60 @@ -import { ColDirective } from './col.directive'; +import { Component, DebugElement } from '@angular/core'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; +import { ColDirective, ColOffsetType, ColOrderType } from './col.directive'; + +@Component({ + imports: [ColDirective], + template: ` +
+
+
+ ` +}) +export class TestComponent { + col!: number; + offset: ColOffsetType = { md: 2, xs: 1 }; + order: ColOrderType = { xl: 'first', xxl: 'last', md: 1, xs: 1 }; +} describe('ColDirective', () => { + let fixture: ComponentFixture; + let debugElement: DebugElement; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }); + fixture = TestBed.createComponent(TestComponent); + fixture.detectChanges(); + }); + it('should create an instance', () => { - const directive = new ColDirective(); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new ColDirective(); + expect(directive).toBeTruthy(); + }); + }); + + it('should have css class', () => { + debugElement = fixture.debugElement.query(By.css('#col0')); + expect(debugElement.nativeElement).toHaveClass('col'); + expect(debugElement.nativeElement).toHaveClass('col-lg-auto'); + expect(debugElement.nativeElement).toHaveClass('col-xl'); + debugElement = fixture.debugElement.query(By.css('#col1')); + expect(debugElement.nativeElement).toHaveClass('col-6'); + expect(debugElement.nativeElement).toHaveClass('order-1'); + expect(debugElement.nativeElement).toHaveClass('offset-1'); + expect(debugElement.nativeElement).toHaveClass('col-sm-5'); + expect(debugElement.nativeElement).toHaveClass('col-md-4'); + expect(debugElement.nativeElement).toHaveClass('col-lg-3'); + expect(debugElement.nativeElement).toHaveClass('col-xl-2'); + expect(debugElement.nativeElement).toHaveClass('col-xxl-1'); + debugElement = fixture.debugElement.query(By.css('#col2')); + expect(debugElement.nativeElement).toHaveClass('col'); + expect(debugElement.nativeElement).toHaveClass('offset-md-2'); + expect(debugElement.nativeElement).toHaveClass('order-md-1'); + expect(debugElement.nativeElement).toHaveClass('order-xl-first'); + expect(debugElement.nativeElement).toHaveClass('order-xxl-last'); }); }); diff --git a/projects/coreui-angular/src/lib/grid/col.directive.ts b/projects/coreui-angular/src/lib/grid/col.directive.ts index 93949d21..0657307b 100644 --- a/projects/coreui-angular/src/lib/grid/col.directive.ts +++ b/projects/coreui-angular/src/lib/grid/col.directive.ts @@ -1,160 +1,135 @@ -import { Directive, HostBinding, Input } from '@angular/core'; -import { BooleanInput, coerceBooleanProperty, coerceNumberProperty, NumberInput } from '@angular/cdk/coercion'; - -import { ColOrder, ICol } from './col.type'; +import { booleanAttribute, computed, Directive, input, numberAttribute } from '@angular/core'; +import { BooleanInput, NumberInput } from '@angular/cdk/coercion'; import { BreakpointInfix } from '../coreui.types'; +import { ColOrder } from './col.type'; + +export type ColOffsetType = number | { xs?: number; sm?: number; md?: number; lg?: number; xl?: number; xxl?: number }; +export type ColOrderType = + | ColOrder + | { xs?: ColOrder; sm?: ColOrder; md?: ColOrder; lg?: ColOrder; xl?: ColOrder; xxl?: ColOrder }; @Directive({ selector: '[cCol]', - standalone: true + host: { + '[class]': 'hostClasses()' + } }) -export class ColDirective implements ICol { - - static ngAcceptInputType_cCol: (BooleanInput | NumberInput); - static ngAcceptInputType_xs: (BooleanInput | NumberInput); - static ngAcceptInputType_sm: (BooleanInput | NumberInput); - static ngAcceptInputType_md: (BooleanInput | NumberInput); - static ngAcceptInputType_lg: (BooleanInput | NumberInput); - static ngAcceptInputType_xl: (BooleanInput | NumberInput); - static ngAcceptInputType_xxl: (BooleanInput | NumberInput); +export class ColDirective { + static ngAcceptInputType_cCol: BooleanInput | NumberInput; + static ngAcceptInputType_xs: BooleanInput | NumberInput; + static ngAcceptInputType_sm: BooleanInput | NumberInput; + static ngAcceptInputType_md: BooleanInput | NumberInput; + static ngAcceptInputType_lg: BooleanInput | NumberInput; + static ngAcceptInputType_xl: BooleanInput | NumberInput; + static ngAcceptInputType_xxl: BooleanInput | NumberInput; /** * The number of columns/offset/order on extra small devices (<576px). - * @type { 'auto' | number | boolean } + * @return { 'auto' | number | boolean } */ - @Input() - set cCol(value: (BooleanInput | NumberInput)) { - this.xs = this.xs || this.coerceInput(value); - } - @Input() - set xs(value) { - this._xs = this.coerceInput(value); - } - get xs(): (BooleanInput | NumberInput) { - return this._xs; - } - private _xs: (BooleanInput | NumberInput) = false; + readonly cCol = input(false, { transform: this.coerceInput }); + readonly xs = input(false, { transform: this.coerceInput }); /** * The number of columns/offset/order on small devices (<768px). - * @type { 'auto' | number | boolean } + * @return { 'auto' | number | boolean } */ - @Input() - set sm(value) { - this._sm = this.coerceInput(value); - } - get sm(): (BooleanInput | NumberInput) { - return this._sm; - } - private _sm: (BooleanInput | NumberInput) = false; + readonly sm = input(false, { transform: this.coerceInput }); /** * The number of columns/offset/order on medium devices (<992px). - * @type { 'auto' | number | boolean } + * @return { 'auto' | number | boolean } */ - @Input() - set md(value) { - this._md = this.coerceInput(value); - } - get md(): (BooleanInput | NumberInput) { - return this._md; - } - private _md: (BooleanInput | NumberInput) = false; + readonly md = input(false, { transform: this.coerceInput }); /** * The number of columns/offset/order on large devices (<1200px). - * @type { 'auto' | number | boolean } + * @return { 'auto' | number | boolean } */ - @Input() - set lg(value) { - this._lg = this.coerceInput(value); - } - get lg(): (BooleanInput | NumberInput) { - return this._lg; - } - private _lg: (BooleanInput | NumberInput) = false; + readonly lg = input(false, { transform: this.coerceInput }); /** * The number of columns/offset/order on X-Large devices (<1400px). - * @type { 'auto' | number | boolean } + * @return { 'auto' | number | boolean } */ - @Input() - set xl(value) { - this._xl = this.coerceInput(value); - } - get xl(): (BooleanInput | NumberInput) { - return this._xl; - } - private _xl: (BooleanInput | NumberInput) = false; + readonly xl = input(false, { transform: this.coerceInput }); /** * The number of columns/offset/order on XX-Large devices (≥1400px). - * @type { 'auto' | number | boolean } + * @return { 'auto' | number | boolean } */ - @Input() - set xxl(value) { - this._xxl = this.coerceInput(value); - } - get xxl(): (BooleanInput | NumberInput) { - return this._xxl; - } - private _xxl: (BooleanInput | NumberInput) = false; - - @Input() offset?: (number | { 'xs'?: number, sm?: number, md?: number, lg?: number, xl?: number, xxl?: number }); - @Input() order?: (ColOrder | { xs?: ColOrder, sm?: ColOrder, md?: ColOrder, lg?: ColOrder, xl?: ColOrder, xxl?: ColOrder }); - - @HostBinding('class') - get hostClasses(): any { - - const classes: any = { + readonly xxl = input(false, { transform: this.coerceInput }); + + readonly breakpoints = computed(() => { + return { + xs: this.xs() || this.cCol(), + sm: this.sm(), + md: this.md(), + lg: this.lg(), + xl: this.xl(), + xxl: this.xxl() + } as Record; + }); + + readonly offset = input(); + readonly order = input(); + + readonly hostClasses = computed(() => { + const classes: Record = { col: true }; + const breakpoints = this.breakpoints(); + const offsetInput = this.offset(); + const orderInput = this.order(); + Object.keys(BreakpointInfix).forEach((breakpoint) => { - // @ts-ignore - const value: number | string | boolean = this[breakpoint]; + const value = breakpoints[breakpoint]; const infix = breakpoint === 'xs' ? '' : `-${breakpoint}`; classes[`col${infix}`] = value === true; - classes[`col${infix}-${value}`] = (typeof value === 'number') || (typeof value === 'string'); + classes[`col${infix}-${value}`] = typeof value === 'number' || typeof value === 'string'; }); - if (typeof this.offset === 'object') { - const offset = { ...this.offset }; + if (typeof offsetInput === 'object') { + const offset = { ...offsetInput }; Object.entries(offset).forEach((entry) => { const [breakpoint, value] = [...entry]; const infix = breakpoint === 'xs' ? '' : `-${breakpoint}`; classes[`offset${infix}-${value}`] = value >= 0 && value <= 11; }); } else { - classes[`offset-${this.offset}`] = (typeof this.offset === 'number') && this.offset > 0 && this.offset <= 11; + const offset = numberAttribute(offsetInput); + classes[`offset-${offset}`] = typeof offset === 'number' && offset > 0 && offset <= 11; } - if (typeof this.order === 'object') { - const order = { ...this.order }; + if (typeof orderInput === 'object') { + const order = { ...orderInput }; Object.entries(order).forEach((entry) => { const [breakpoint, value] = [...entry]; const infix = breakpoint === 'xs' ? '' : `-${breakpoint}`; - classes[`order${infix}-${value}`] = value; + classes[`order${infix}-${value}`] = !!value; }); } else { - classes[`order-${this.order}`] = !!this.order; + const order = orderInput; + classes[`order-${order}`] = !!order; } // if there is no 'col' class, add one - classes.col = (!Object.entries(classes).filter(i => i[0].startsWith('col-') && i[1]).length) || this.xs === true; - return classes; - } + classes['col'] = + !Object.entries(classes).filter((i) => i[0].startsWith('col-') && i[1]).length || breakpoints['xs'] === true; + return classes as Record; + }); - coerceInput(value: (BooleanInput | NumberInput)) { + coerceInput(value: BooleanInput | NumberInput) { if (value === 'auto') { return value; } if (value === '' || value === undefined || value === null) { - return coerceBooleanProperty(value); + return booleanAttribute(value); } if (typeof value === 'boolean') { return value; } - return coerceNumberProperty(value); + return numberAttribute(value); } } diff --git a/projects/coreui-angular/src/lib/grid/container.component.spec.ts b/projects/coreui-angular/src/lib/grid/container.component.spec.ts index f2a75b1a..8650c2b9 100644 --- a/projects/coreui-angular/src/lib/grid/container.component.spec.ts +++ b/projects/coreui-angular/src/lib/grid/container.component.spec.ts @@ -1,21 +1,23 @@ import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; import { ContainerComponent } from './container.component'; +import { ComponentRef } from '@angular/core'; describe('ContainerComponent', () => { let component: ContainerComponent; + let componentRef: ComponentRef; let fixture: ComponentFixture; beforeEach(waitForAsync(() => { TestBed.configureTestingModule({ imports: [ContainerComponent] - }) - .compileComponents(); + }).compileComponents(); })); beforeEach(() => { fixture = TestBed.createComponent(ContainerComponent); component = fixture.componentInstance; + componentRef = fixture.componentRef; fixture.detectChanges(); }); @@ -25,5 +27,11 @@ describe('ContainerComponent', () => { it('should have css classes', () => { expect(fixture.nativeElement).toHaveClass('container'); + expect(fixture.nativeElement).not.toHaveClass('container-fluid'); + expect(fixture.nativeElement).not.toHaveClass('container-xl'); + componentRef.setInput('fluid', true); + componentRef.setInput('breakpoint', 'xl'); + fixture.detectChanges(); + expect(fixture.nativeElement).toHaveClass('container-xl'); }); }); diff --git a/projects/coreui-angular/src/lib/grid/container.component.ts b/projects/coreui-angular/src/lib/grid/container.component.ts index 00f6af77..8ae9c202 100644 --- a/projects/coreui-angular/src/lib/grid/container.component.ts +++ b/projects/coreui-angular/src/lib/grid/container.component.ts @@ -1,28 +1,23 @@ -import { booleanAttribute, Component, computed, input, InputSignal, InputSignalWithTransform } from '@angular/core'; - -import { IContainer } from './container.type'; +import { booleanAttribute, Component, computed, input } from '@angular/core'; import { Breakpoints } from '../coreui.types'; @Component({ selector: 'c-container, [cContainer]', template: '', styleUrls: ['./container.component.scss'], - standalone: true, host: { '[class]': 'hostClasses()' } }) -export class ContainerComponent implements IContainer { +export class ContainerComponent { /** * Set container 100% wide until a breakpoint. */ - readonly breakpoint: InputSignal> = input>(''); + readonly breakpoint = input>(''); /** * Set container 100% wide, spanning the entire width of the viewport. - * @type InputSignalWithTransform + * @return boolean */ - readonly fluid: InputSignalWithTransform = input(false, { - transform: booleanAttribute - }); + readonly fluid = input(false, { transform: booleanAttribute }); readonly hostClasses = computed(() => { const breakpoint = this.breakpoint(); diff --git a/projects/coreui-angular/src/lib/grid/gutter.directive.spec.ts b/projects/coreui-angular/src/lib/grid/gutter.directive.spec.ts index 8e8dabea..144458fe 100644 --- a/projects/coreui-angular/src/lib/grid/gutter.directive.spec.ts +++ b/projects/coreui-angular/src/lib/grid/gutter.directive.spec.ts @@ -1,8 +1,45 @@ +import { Component, DebugElement } from '@angular/core'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; import { GutterDirective } from './gutter.directive'; +import { GutterBreakpoints, Gutters, IGutterObject } from './gutter.type'; + +@Component({ + imports: [GutterDirective], + template: '
' +}) +export class TestComponent { + gutter: IGutterObject | GutterBreakpoints | Gutters = 5; +} describe('GutterDirective', () => { + let fixture: ComponentFixture; + let debugElement: DebugElement; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }); + fixture = TestBed.createComponent(TestComponent); + debugElement = fixture.debugElement.query(By.directive(GutterDirective)); + fixture.detectChanges(); + }); + it('should create an instance', () => { - const directive = new GutterDirective(); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new GutterDirective(); + expect(directive).toBeTruthy(); + }); + }); + + it('should have css class', () => { + expect(debugElement.nativeElement).toHaveClass('g-5'); + fixture.componentInstance.gutter = { gx: 2, gy: 1 }; + fixture.detectChanges(); + expect(debugElement.nativeElement).toHaveClass('gx-2'); + expect(debugElement.nativeElement).toHaveClass('gy-1'); + fixture.componentInstance.gutter = { md: { g: 3 } }; + fixture.detectChanges(); + expect(debugElement.nativeElement).toHaveClass('g-md-3'); }); }); diff --git a/projects/coreui-angular/src/lib/grid/gutter.directive.ts b/projects/coreui-angular/src/lib/grid/gutter.directive.ts index 22ed8ffe..6a4a69be 100644 --- a/projects/coreui-angular/src/lib/grid/gutter.directive.ts +++ b/projects/coreui-angular/src/lib/grid/gutter.directive.ts @@ -1,4 +1,4 @@ -import { Directive, HostBinding, Input } from '@angular/core'; +import { computed, Directive, input } from '@angular/core'; import { BreakpointInfix } from '../coreui.types'; import { GutterBreakpoints, Gutters, IGutter, IGutterObject } from './gutter.type'; @@ -6,39 +6,41 @@ import { GutterBreakpoints, Gutters, IGutter, IGutterObject } from './gutter.typ @Directive({ // eslint-disable-next-line @angular-eslint/directive-selector selector: '[gutter]', - standalone: true + exportAs: 'gutter', + host: { + '[class]': 'hostClasses()' + } }) export class GutterDirective implements IGutter { /** * Define padding between columns to space and align content responsively in the Bootstrap grid system. */ - @Input() gutter: IGutterObject | GutterBreakpoints | Gutters = {}; + readonly gutter = input({}); - @HostBinding('class') - get hostClasses(): any { - let gutterClass: any; + readonly hostClasses = computed(() => { + let gutterClass: Record; + const gutterInput = this.gutter(); - if (typeof this.gutter === 'number') { - gutterClass = GutterDirective.getGutterClasses({ g: this.gutter }); + if (typeof gutterInput === 'number') { + gutterClass = GutterDirective.getGutterClasses({ g: gutterInput }); return gutterClass; } { - // @ts-ignore - const { g, gx, gy } = { ...this.gutter }; + const { g, gx, gy } = { ...(gutterInput as IGutterObject) }; gutterClass = GutterDirective.getGutterClasses({ g, gx, gy }); } Object.keys(BreakpointInfix).forEach((key) => { // @ts-ignore - const gutter = this.gutter[key] ? { ...this.gutter[key] } : undefined; + const gutter: IGutterObject = gutterInput[key] ? { ...gutterInput[key] } : undefined; if (gutter) { const classes = GutterDirective.getGutterClasses(gutter, key); gutterClass = { ...gutterClass, ...classes }; } }); return gutterClass; - } + }); private static getGutterClasses(gutter: IGutterObject, breakpoint?: string): any { const { g, gx, gy } = { ...gutter }; diff --git a/projects/coreui-angular/src/lib/grid/gutter.type.ts b/projects/coreui-angular/src/lib/grid/gutter.type.ts index f8cf41d0..05864874 100644 --- a/projects/coreui-angular/src/lib/grid/gutter.type.ts +++ b/projects/coreui-angular/src/lib/grid/gutter.type.ts @@ -1,7 +1,8 @@ +import { type InputSignal } from '@angular/core'; import { BreakpointInfix } from '../coreui.types'; export interface IGutter { - gutter?: (IGutterObject | GutterBreakpoints | Gutters); + gutter?: InputSignal; } export type Gutters = 0 | 1 | 2 | 3 | 4 | 5 | number; diff --git a/projects/coreui-angular/src/lib/grid/row.component.ts b/projects/coreui-angular/src/lib/grid/row.component.ts index aa3f805d..4b1f1dda 100644 --- a/projects/coreui-angular/src/lib/grid/row.component.ts +++ b/projects/coreui-angular/src/lib/grid/row.component.ts @@ -4,7 +4,6 @@ import { RowDirective } from './row.directive'; @Component({ selector: 'c-row', - template: '', - standalone: true + template: '' }) export class RowComponent extends RowDirective {} diff --git a/projects/coreui-angular/src/lib/grid/row.directive.spec.ts b/projects/coreui-angular/src/lib/grid/row.directive.spec.ts index 65e2b2bc..52b62e41 100644 --- a/projects/coreui-angular/src/lib/grid/row.directive.spec.ts +++ b/projects/coreui-angular/src/lib/grid/row.directive.spec.ts @@ -1,8 +1,37 @@ +import { Component, DebugElement } from '@angular/core'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { RowDirective } from './row.directive'; +import { By } from '@angular/platform-browser'; + +@Component({ + imports: [RowDirective], + template: `
` +}) +export class TestComponent {} describe('RowDirective', () => { + let fixture: ComponentFixture; + let debugElement: DebugElement; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }); + fixture = TestBed.createComponent(TestComponent); + fixture.detectChanges(); + }); + it('should create an instance', () => { - const directive = new RowDirective(); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new RowDirective(); + expect(directive).toBeTruthy(); + }); + }); + + it('should have css class', () => { + debugElement = fixture.debugElement.query(By.css('#row0')); + expect(debugElement.nativeElement).toHaveClass('row'); + expect(debugElement.nativeElement).toHaveClass('row-cols-auto'); + expect(debugElement.nativeElement).toHaveClass('row-cols-md-7'); }); }); diff --git a/projects/coreui-angular/src/lib/grid/row.directive.ts b/projects/coreui-angular/src/lib/grid/row.directive.ts index 854e05f2..a15098e5 100644 --- a/projects/coreui-angular/src/lib/grid/row.directive.ts +++ b/projects/coreui-angular/src/lib/grid/row.directive.ts @@ -1,57 +1,63 @@ -import { Directive, HostBinding, Input } from '@angular/core'; +import { computed, Directive, input } from '@angular/core'; import { BreakpointInfix } from '../coreui.types'; -import { IRow, NumberOfColumns } from './row.type'; +import { NumberOfColumns } from './row.type'; @Directive({ selector: '[cRow]', - standalone: true, - host: { class: 'row' } + host: { + class: 'row', + '[class]': 'hostClasses()' + } }) -export class RowDirective implements IRow { +export class RowDirective { /** * The number of columns/offset/order on extra small devices (<576px). - * @type {{ cols: 'auto' | number } + * @return { cols: 'auto' | number } */ - @Input() xs?: NumberOfColumns; + readonly xs = input(); + /** * The number of columns/offset/order on small devices (<768px). - * @type {{ cols: 'auto' | number } + * @return { cols: 'auto' | number } */ - @Input() sm?: NumberOfColumns; + readonly sm = input(); + /** * The number of columns/offset/order on medium devices (<992px). - * @type {{ cols: 'auto' | number } + * @return { cols: 'auto' | number } */ - @Input() md?: NumberOfColumns; + readonly md = input(); + /** * The number of columns/offset/order on large devices (<1200px). - * @type {{ cols: 'auto' | number } + * @return { cols: 'auto' | number } */ - @Input() lg?: NumberOfColumns; + readonly lg = input(); + /** * The number of columns/offset/order on X-Large devices (<1400px). - * @type {{ cols: 'auto' | number } + * @return { cols: 'auto' | number } */ - @Input() xl?: NumberOfColumns; + readonly xl = input(); + /** * The number of columns/offset/order on XX-Large devices (≥1400px). - * @type {{ cols: 'auto' | number } + * @return { cols: 'auto' | number } */ - @Input() xxl?: NumberOfColumns; + readonly xxl = input(); - @HostBinding('class') - get hostClasses(): any { - const cols = this.xs; + readonly hostClasses = computed(() => { + const cols = this.xs(); - const classes: any = { + const classes: Record = { row: true, [`row-cols-${cols}`]: !!cols }; Object.keys(BreakpointInfix).forEach((breakpoint) => { // @ts-ignore - const value: any = this[breakpoint]; + const value: any = this[breakpoint](); if (typeof value === 'number' || typeof value === 'string') { const infix: string = breakpoint === 'xs' ? '' : `-${breakpoint}`; classes[`row-cols${infix}-${value}`] = !!value; @@ -59,5 +65,5 @@ export class RowDirective implements IRow { }); return classes; - } + }); } diff --git a/projects/coreui-angular/src/lib/header/header-brand/header-brand.component.spec.ts b/projects/coreui-angular/src/lib/header/header-brand/header-brand.component.spec.ts index 04978a05..1bf139af 100644 --- a/projects/coreui-angular/src/lib/header/header-brand/header-brand.component.spec.ts +++ b/projects/coreui-angular/src/lib/header/header-brand/header-brand.component.spec.ts @@ -1,23 +1,19 @@ import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { RouterTestingModule } from '@angular/router/testing'; -import { Router } from '@angular/router'; import { HeaderBrandComponent } from './header-brand.component'; describe('HeaderBrandComponent', () => { let component: HeaderBrandComponent; let fixture: ComponentFixture; - let router: Router; beforeEach(waitForAsync(() => { TestBed.configureTestingModule({ - imports: [RouterTestingModule.withRoutes([]), HeaderBrandComponent] + imports: [HeaderBrandComponent] }).compileComponents(); })); beforeEach(() => { fixture = TestBed.createComponent(HeaderBrandComponent); - router = TestBed.inject(Router); component = fixture.componentInstance; fixture.detectChanges(); }); @@ -29,4 +25,8 @@ describe('HeaderBrandComponent', () => { it('should have css classes', () => { expect(fixture.nativeElement).toHaveClass('header-brand'); }); + + it('should have role', () => { + expect(fixture.nativeElement.getAttribute('role')).toBe('button'); + }); }); diff --git a/projects/coreui-angular/src/lib/header/header-brand/header-brand.component.ts b/projects/coreui-angular/src/lib/header/header-brand/header-brand.component.ts index 83f93d7f..56face65 100644 --- a/projects/coreui-angular/src/lib/header/header-brand/header-brand.component.ts +++ b/projects/coreui-angular/src/lib/header/header-brand/header-brand.component.ts @@ -1,18 +1,19 @@ -import { Component, HostBinding, Input } from '@angular/core'; +import { Component, input } from '@angular/core'; @Component({ selector: 'c-header-brand', template: '', - standalone: true + exportAs: 'cHeaderBrand', + host: { + '[attr.role]': 'role()', + class: 'header-brand' + } }) export class HeaderBrandComponent { /** * Default role for header-brand. [docs] - * @type string + * @return string * @default 'button' */ - @HostBinding('attr.role') - @Input() role = 'button'; - - @HostBinding('class.header-brand') headerBrandClass = true; + readonly role = input('button'); } diff --git a/projects/coreui-angular/src/lib/header/header-divider/header-divider.component.ts b/projects/coreui-angular/src/lib/header/header-divider/header-divider.component.ts index f5c2cd69..6bf57be0 100644 --- a/projects/coreui-angular/src/lib/header/header-divider/header-divider.component.ts +++ b/projects/coreui-angular/src/lib/header/header-divider/header-divider.component.ts @@ -1,12 +1,10 @@ -import { Component, HostBinding } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'c-header-divider, [cHeaderDivider]', template: ``, - standalone: true + host: { + class: 'header-divider' + } }) -export class HeaderDividerComponent { - - @HostBinding('class.header-divider') headerDividerClass = true; - -} +export class HeaderDividerComponent {} diff --git a/projects/coreui-angular/src/lib/header/header-nav/header-nav.component.spec.ts b/projects/coreui-angular/src/lib/header/header-nav/header-nav.component.spec.ts index b7940aaa..aa593494 100644 --- a/projects/coreui-angular/src/lib/header/header-nav/header-nav.component.spec.ts +++ b/projects/coreui-angular/src/lib/header/header-nav/header-nav.component.spec.ts @@ -9,8 +9,7 @@ describe('HeaderNavComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ imports: [HeaderNavComponent] - }) - .compileComponents(); + }).compileComponents(); }); beforeEach(() => { @@ -26,4 +25,8 @@ describe('HeaderNavComponent', () => { it('should have css classes', () => { expect(fixture.nativeElement).toHaveClass('header-nav'); }); + + it('should have role', () => { + expect(fixture.nativeElement.getAttribute('role')).toBe('navigation'); + }); }); diff --git a/projects/coreui-angular/src/lib/header/header-nav/header-nav.component.ts b/projects/coreui-angular/src/lib/header/header-nav/header-nav.component.ts index a407283a..6ea49036 100644 --- a/projects/coreui-angular/src/lib/header/header-nav/header-nav.component.ts +++ b/projects/coreui-angular/src/lib/header/header-nav/header-nav.component.ts @@ -1,19 +1,20 @@ -import { Component, HostBinding, Input } from '@angular/core'; +import { Component, input } from '@angular/core'; @Component({ selector: 'c-header-nav', template: '', styleUrls: ['./header-nav.component.scss'], - standalone: true + exportAs: 'cHeaderNav', + host: { + '[attr.role]': 'role()', + class: 'header-nav' + } }) export class HeaderNavComponent { /** * Default role for header-nav. [docs] - * @type string + * @return string * @default 'navigation' */ - @HostBinding('attr.role') - @Input() role = 'navigation'; - - @HostBinding('class.header-nav') headerNavClass = true; + readonly role = input('navigation'); } diff --git a/projects/coreui-angular/src/lib/header/header-text/header-text.component.ts b/projects/coreui-angular/src/lib/header/header-text/header-text.component.ts index 74f129c3..a777d57d 100644 --- a/projects/coreui-angular/src/lib/header/header-text/header-text.component.ts +++ b/projects/coreui-angular/src/lib/header/header-text/header-text.component.ts @@ -1,10 +1,10 @@ -import { Component, HostBinding } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'c-header-text, [cHeaderText]', template: '', - standalone: true + host: { + class: 'header-text' + } }) -export class HeaderTextComponent { - @HostBinding('class.header-text') headerTextClass = true; -} +export class HeaderTextComponent {} diff --git a/projects/coreui-angular/src/lib/header/header-toggler/header-toggler.directive.spec.ts b/projects/coreui-angular/src/lib/header/header-toggler/header-toggler.directive.spec.ts index 328f1445..9e9e6e2f 100644 --- a/projects/coreui-angular/src/lib/header/header-toggler/header-toggler.directive.spec.ts +++ b/projects/coreui-angular/src/lib/header/header-toggler/header-toggler.directive.spec.ts @@ -1,21 +1,46 @@ -import { TestBed } from '@angular/core/testing'; -import { ElementRef, Renderer2 } from '@angular/core'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { Component, DebugElement, ElementRef, Renderer2 } from '@angular/core'; +import { By } from '@angular/platform-browser'; import { HeaderTogglerDirective } from './header-toggler.directive'; +@Component({ + imports: [HeaderTogglerDirective], + template: '
' +}) +export class TestComponent { + theme!: 'dark' | 'light' | undefined; +} + +class MockElementRef extends ElementRef {} + describe('HeaderTogglerDirective', () => { - let renderer: Renderer2; - let hostElement: ElementRef; + let fixture: ComponentFixture; + let debugElement: DebugElement; beforeEach(() => { TestBed.configureTestingModule({ - imports: [Renderer2], - providers: [Renderer2] + imports: [TestComponent], + providers: [Renderer2, { provide: ElementRef, useClass: MockElementRef }] }); + fixture = TestBed.createComponent(TestComponent); + debugElement = fixture.debugElement.query(By.directive(HeaderTogglerDirective)); + fixture.detectChanges(); }); it('should create an instance', () => { - const directive = new HeaderTogglerDirective(renderer, hostElement); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new HeaderTogglerDirective(); + expect(directive).toBeTruthy(); + }); + }); + + it('should have css class', () => { + expect(debugElement.nativeElement).toHaveClass('header-toggler'); + }); + + it('should set attributes', () => { + expect(debugElement.nativeElement.getAttribute('type')).toBe('button'); + expect(debugElement.nativeElement.getAttribute('aria-label')).toBe('Toggle navigation'); }); }); diff --git a/projects/coreui-angular/src/lib/header/header-toggler/header-toggler.directive.ts b/projects/coreui-angular/src/lib/header/header-toggler/header-toggler.directive.ts index 13384649..4d3df892 100644 --- a/projects/coreui-angular/src/lib/header/header-toggler/header-toggler.directive.ts +++ b/projects/coreui-angular/src/lib/header/header-toggler/header-toggler.directive.ts @@ -1,43 +1,41 @@ -import { AfterContentInit, Directive, ElementRef, HostBinding, Input, Renderer2 } from '@angular/core'; +import { AfterContentInit, Directive, ElementRef, inject, input, Renderer2 } from '@angular/core'; @Directive({ selector: '[cHeaderToggler]', - standalone: true + exportAs: 'cHeaderToggler', + host: { + '[attr.type]': 'type()', + '[attr.aria-label]': 'ariaLabel()', + class: 'header-toggler' + } }) export class HeaderTogglerDirective implements AfterContentInit { + readonly #renderer = inject(Renderer2); + readonly #hostElement = inject(ElementRef); - @HostBinding('class.header-toggler') headerToggler = true; /** - * Default role for header-toggler. [docs] - * @type string + * Default type for header-toggler button. [docs] + * @return string * @default 'button' */ - @HostBinding('attr.type') - @Input() type = 'button'; + readonly type = input('button'); + /** * Default aria-label attr for header-toggler. [docs] * @type string * @default 'Toggle navigation' */ - @HostBinding('attr.aria-label') - @Input() ariaLabel = 'Toggle navigation'; - - private hasContent!: boolean; - - constructor( - private renderer: Renderer2, - private hostElement: ElementRef - ) { } + readonly ariaLabel = input('Toggle navigation'); addDefaultIcon(): void { - const span = this.renderer.createElement('span'); - this.renderer.addClass(span, 'header-toggler-icon'); - this.renderer.appendChild(this.hostElement.nativeElement, span); + const span = this.#renderer.createElement('span'); + this.#renderer.addClass(span, 'header-toggler-icon'); + this.#renderer.appendChild(this.#hostElement.nativeElement, span); } ngAfterContentInit(): void { - this.hasContent = this.hostElement.nativeElement.childNodes.length > 0; - if (!this.hasContent) { + const hasContent = this.#hostElement.nativeElement.childNodes.length > 0; + if (!hasContent) { this.addDefaultIcon(); } } diff --git a/projects/coreui-angular/src/lib/header/header/header.component.ts b/projects/coreui-angular/src/lib/header/header/header.component.ts index d69b1b64..097b56c0 100644 --- a/projects/coreui-angular/src/lib/header/header/header.component.ts +++ b/projects/coreui-angular/src/lib/header/header/header.component.ts @@ -8,8 +8,8 @@ type Container = boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'fluid'; @Component({ selector: 'c-header, [c-header]', templateUrl: './header.component.html', - standalone: true, imports: [NgClass], + exportAs: 'cHeader', host: { '[attr.role]': 'role()', '[class]': 'hostClasses()' } }) export class HeaderComponent { diff --git a/projects/coreui-angular/src/lib/image/img.directive.ts b/projects/coreui-angular/src/lib/image/img.directive.ts index 2c135529..13716cb5 100644 --- a/projects/coreui-angular/src/lib/image/img.directive.ts +++ b/projects/coreui-angular/src/lib/image/img.directive.ts @@ -2,7 +2,6 @@ import { booleanAttribute, computed, Directive, input, InputSignal, InputSignalW @Directive({ selector: '[cImg]', - standalone: true, host: { '[class]': 'hostClasses()', '[style]': 'hostStyles()' diff --git a/projects/coreui-angular/src/lib/list-group/list-group-item.directive.spec.ts b/projects/coreui-angular/src/lib/list-group/list-group-item.directive.spec.ts index 29fc2b66..9ad3f3c0 100644 --- a/projects/coreui-angular/src/lib/list-group/list-group-item.directive.spec.ts +++ b/projects/coreui-angular/src/lib/list-group/list-group-item.directive.spec.ts @@ -5,7 +5,8 @@ import { ListGroupItemDirective } from './list-group-item.directive'; class MockElementRef extends ElementRef {} @Component({ - template: '
  • ' + template: '
  • ', + imports: [ListGroupItemDirective] }) class TestComponent {} @@ -15,8 +16,7 @@ describe('ListGroupItemDirective', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [TestComponent], - imports: [ListGroupItemDirective], + imports: [ListGroupItemDirective, TestComponent], providers: [{ provide: ElementRef, useClass: MockElementRef }] }); fixture = TestBed.createComponent(TestComponent); diff --git a/projects/coreui-angular/src/lib/list-group/list-group-item.directive.ts b/projects/coreui-angular/src/lib/list-group/list-group-item.directive.ts index a730af51..8c178499 100644 --- a/projects/coreui-angular/src/lib/list-group/list-group-item.directive.ts +++ b/projects/coreui-angular/src/lib/list-group/list-group-item.directive.ts @@ -6,14 +6,14 @@ import { inject, input, InputSignal, - InputSignalWithTransform + InputSignalWithTransform, + numberAttribute } from '@angular/core'; -import { Colors } from '../coreui.types'; +import { BooleanInput, Colors } from '../coreui.types'; @Directive({ selector: '[cListGroupItem], c-list-group-item', exportAs: 'cListGroupItem', - standalone: true, host: { '[class]': 'hostClasses()', '[attr.aria-disabled]': 'ariaDisabled()', @@ -23,13 +23,16 @@ import { Colors } from '../coreui.types'; } }) export class ListGroupItemDirective { + static ngAcceptInputType_active: BooleanInput; + static ngAcceptInputType_disabled: BooleanInput; + readonly hostElement = inject(ElementRef); /** * Toggle the active state for the component. - * @type InputSignal + * @type InputSignalWithTransform */ - readonly active: InputSignal = input(); + readonly active: InputSignalWithTransform = input(false, { transform: booleanAttribute }); /** * Sets the color context of the component to one of CoreUI’s themed colors. @@ -43,15 +46,20 @@ export class ListGroupItemDirective { */ readonly disabled: InputSignalWithTransform = input(false, { transform: booleanAttribute }); + /** + * The tabindex attribute specifies the tab order of an element (when the "tab" button is used for navigating). + */ + readonly tabindex = input(undefined, { transform: numberAttribute }); + readonly hostClasses = computed(() => { const host: HTMLElement = this.hostElement.nativeElement; return { 'list-group-item': true, 'list-group-item-action': host.nodeName === 'A' || host.nodeName === 'BUTTON', - active: !!this.active(), + active: this.active(), disabled: this._disabled(), [`list-group-item-${this.color()}`]: !!this.color() - }; + } as Record; }); readonly _disabled = computed(() => this.disabled()); @@ -65,10 +73,10 @@ export class ListGroupItemDirective { }); readonly tabIndex = computed(() => { - return this._disabled() ? '-1' : null; + return this._disabled() ? '-1' : (this.tabindex() ?? null); }); readonly ariaCurrent = computed(() => { - return this.active() || null; + return this.active() || null; }); } diff --git a/projects/coreui-angular/src/lib/list-group/list-group.directive.ts b/projects/coreui-angular/src/lib/list-group/list-group.directive.ts index afc567ff..cfe93e5f 100644 --- a/projects/coreui-angular/src/lib/list-group/list-group.directive.ts +++ b/projects/coreui-angular/src/lib/list-group/list-group.directive.ts @@ -1,15 +1,16 @@ import { booleanAttribute, computed, Directive, input, InputSignalWithTransform } from '@angular/core'; -import { Sizes } from '../coreui.types'; +import { BooleanInput, Sizes } from '../coreui.types'; @Directive({ selector: '[cListGroup]', - standalone: true, host: { class: 'list-group', '[class]': 'hostClasses()' } }) export class ListGroupDirective { + static ngAcceptInputType_flush: BooleanInput; + /** * Remove some borders and rounded corners to render list group items edge-to-edge in a parent component (e.g., ``). * @type boolean diff --git a/projects/coreui-angular/src/lib/modal/modal-body/modal-body.component.ts b/projects/coreui-angular/src/lib/modal/modal-body/modal-body.component.ts index 901bdaf8..6f343ec4 100644 --- a/projects/coreui-angular/src/lib/modal/modal-body/modal-body.component.ts +++ b/projects/coreui-angular/src/lib/modal/modal-body/modal-body.component.ts @@ -4,7 +4,6 @@ import { Component } from '@angular/core'; selector: 'c-modal-body', template: '', styleUrls: ['./modal-body.component.scss'], - standalone: true, host: { class: 'modal-body' } }) export class ModalBodyComponent {} diff --git a/projects/coreui-angular/src/lib/modal/modal-content/modal-content.component.ts b/projects/coreui-angular/src/lib/modal/modal-content/modal-content.component.ts index f8e774de..32296445 100644 --- a/projects/coreui-angular/src/lib/modal/modal-content/modal-content.component.ts +++ b/projects/coreui-angular/src/lib/modal/modal-content/modal-content.component.ts @@ -3,7 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'c-modal-content', template: '', - standalone: true, host: { class: 'modal-content' } }) export class ModalContentComponent {} diff --git a/projects/coreui-angular/src/lib/modal/modal-dialog/modal-dialog.component.spec.ts b/projects/coreui-angular/src/lib/modal/modal-dialog/modal-dialog.component.spec.ts index 8a064e29..dfbf52c6 100644 --- a/projects/coreui-angular/src/lib/modal/modal-dialog/modal-dialog.component.spec.ts +++ b/projects/coreui-angular/src/lib/modal/modal-dialog/modal-dialog.component.spec.ts @@ -1,21 +1,23 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { ComponentRef } from '@angular/core'; import { ModalDialogComponent } from './modal-dialog.component'; describe('ModalDialogComponent', () => { let component: ModalDialogComponent; + let componentRef: ComponentRef; let fixture: ComponentFixture; beforeEach(async () => { await TestBed.configureTestingModule({ imports: [ModalDialogComponent] - }) - .compileComponents(); + }).compileComponents(); }); beforeEach(() => { fixture = TestBed.createComponent(ModalDialogComponent); component = fixture.componentInstance; + componentRef = fixture.componentRef; fixture.detectChanges(); }); @@ -26,4 +28,54 @@ describe('ModalDialogComponent', () => { it('should have css classes', () => { expect(fixture.nativeElement).toHaveClass('modal-dialog'); }); + + it('should have css classes for alignment prop', () => { + componentRef.setInput('alignment', 'center'); + fixture.detectChanges(); + expect(fixture.nativeElement).toHaveClass('modal-dialog-centered'); + componentRef.setInput('alignment', 'top'); + fixture.detectChanges(); + expect(fixture.nativeElement).not.toHaveClass('modal-dialog-centered'); + expect(fixture.nativeElement).toHaveClass('modal-dialog'); + }); + + it('should have css classes for fullscreen prop', () => { + componentRef.setInput('fullscreen', true); + fixture.detectChanges(); + expect(fixture.nativeElement).toHaveClass('modal-fullscreen'); + for (const size of ['sm', 'md', 'lg', 'xl', 'xxl']) { + componentRef.setInput('fullscreen', size); + fixture.detectChanges(); + expect(fixture.nativeElement).toHaveClass(`modal-fullscreen-${size}-down`); + } + componentRef.setInput('fullscreen', false); + fixture.detectChanges(); + expect(fixture.nativeElement).not.toHaveClass('modal-fullscreen'); + expect(fixture.nativeElement).toHaveClass('modal-dialog'); + }); + + it('should have css classes for scrollable prop', () => { + expect(fixture.nativeElement).not.toHaveClass('modal-dialog-scrollable'); + componentRef.setInput('scrollable', true); + fixture.detectChanges(); + expect(fixture.nativeElement).toHaveClass('modal-dialog-scrollable'); + componentRef.setInput('scrollable', false); + fixture.detectChanges(); + expect(fixture.nativeElement).not.toHaveClass('modal-dialog-scrollable'); + expect(fixture.nativeElement).toHaveClass('modal-dialog'); + }); + + it('should have css classes for size prop', () => { + for (const size of ['sm', 'lg', 'xl']) { + componentRef.setInput('size', size); + fixture.detectChanges(); + expect(fixture.nativeElement).toHaveClass(`modal-${size}`); + } + componentRef.setInput('size', undefined); + fixture.detectChanges(); + expect(fixture.nativeElement).not.toHaveClass('modal-sm'); + expect(fixture.nativeElement).not.toHaveClass('modal-lg'); + expect(fixture.nativeElement).not.toHaveClass('modal-xl'); + expect(fixture.nativeElement).toHaveClass('modal-dialog'); + }); }); diff --git a/projects/coreui-angular/src/lib/modal/modal-dialog/modal-dialog.component.ts b/projects/coreui-angular/src/lib/modal/modal-dialog/modal-dialog.component.ts index bffc9408..878850d1 100644 --- a/projects/coreui-angular/src/lib/modal/modal-dialog/modal-dialog.component.ts +++ b/projects/coreui-angular/src/lib/modal/modal-dialog/modal-dialog.component.ts @@ -1,42 +1,48 @@ -import { Component, HostBinding, Input } from '@angular/core'; +import { booleanAttribute, Component, computed, input } from '@angular/core'; @Component({ selector: 'c-modal-dialog', template: '', styleUrls: ['./modal-dialog.component.scss'], - standalone: true, - host: { class: 'modal-dialog' } + host: { class: 'modal-dialog', '[class]': 'hostClasses()' } }) export class ModalDialogComponent { /** * Align the modal in the center or top of the screen. - * @type {'top' | 'center'} + * @default undefined */ - @Input() alignment?: 'top' | 'center'; + readonly alignment = input<'top' | 'center'>(); + /** * Set modal to covers the entire user viewport. - * @type {boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'} + * @return {boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'} */ - @Input() fullscreen?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'; + readonly fullscreen = input(); + /** * Does the modal dialog itself scroll, or does the whole dialog scroll within the window. - * @type boolean + * @default false + * @return {boolean} */ - @Input() scrollable?: boolean; + readonly scrollable = input(false, { transform: booleanAttribute }); + /** * Size the component small, large, or extra large. + * @default undefined + * @return {'sm' | 'lg' | 'xl'} */ - @Input() size?: 'sm' | 'lg' | 'xl'; + readonly size = input<'sm' | 'lg' | 'xl'>(); - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { + const fullscreen = this.fullscreen(); + const size = this.size(); return { 'modal-dialog': true, - 'modal-dialog-centered': this.alignment === 'center', - 'modal-fullscreen': this.fullscreen === true, - [`modal-fullscreen-${this.fullscreen}-down`]: this.fullscreen, - 'modal-dialog-scrollable': this.scrollable, - [`modal-${this.size}`]: this.size - }; - } + 'modal-dialog-centered': this.alignment() === 'center', + 'modal-fullscreen': fullscreen === true, + [`modal-fullscreen-${fullscreen}-down`]: typeof fullscreen === 'string', + 'modal-dialog-scrollable': this.scrollable(), + [`modal-${size}`]: !!size + } as Record; + }); } diff --git a/projects/coreui-angular/src/lib/modal/modal-dismiss/modal-toggle.directive.spec.ts b/projects/coreui-angular/src/lib/modal/modal-dismiss/modal-toggle.directive.spec.ts index 315f6aee..2c309374 100644 --- a/projects/coreui-angular/src/lib/modal/modal-dismiss/modal-toggle.directive.spec.ts +++ b/projects/coreui-angular/src/lib/modal/modal-dismiss/modal-toggle.directive.spec.ts @@ -1,10 +1,44 @@ +import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing'; +import { Component, DebugElement } from '@angular/core'; +import { By } from '@angular/platform-browser'; import { ModalToggleDirective } from './modal-toggle.directive'; -import { ModalService } from '../modal.service'; + +@Component({ + template: '', + imports: [ModalToggleDirective] +}) +class TestComponent {} describe('ModalDismissDirective', () => { + let component: TestComponent; + let fixture: ComponentFixture; + let debugElement: DebugElement; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }).compileComponents(); + + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + debugElement = fixture.debugElement.query(By.directive(ModalToggleDirective)); + fixture.detectChanges(); + }); + it('should create an instance', () => { - const modalService = new ModalService() - const directive = new ModalToggleDirective(modalService); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new ModalToggleDirective(); + expect(directive).toBeTruthy(); + }); }); + + it('should handle click', fakeAsync(() => { + const directive = debugElement.injector.get(ModalToggleDirective); + const spy = spyOn(directive, 'dismiss'); + debugElement.nativeElement.dispatchEvent(new Event('click')); + directive.dismiss(new Event('click')); + tick(); + fixture.detectChanges(); + expect(spy).toHaveBeenCalledTimes(2); + })); }); diff --git a/projects/coreui-angular/src/lib/modal/modal-dismiss/modal-toggle.directive.ts b/projects/coreui-angular/src/lib/modal/modal-dismiss/modal-toggle.directive.ts index 69004abd..308eb555 100644 --- a/projects/coreui-angular/src/lib/modal/modal-dismiss/modal-toggle.directive.ts +++ b/projects/coreui-angular/src/lib/modal/modal-dismiss/modal-toggle.directive.ts @@ -1,24 +1,24 @@ -import { Directive, HostListener, Input } from '@angular/core'; +import { Directive, inject, input } from '@angular/core'; import { ModalService } from '../modal.service'; @Directive({ selector: '[cModalToggle]', - standalone: true + host: { + '(click)': 'dismiss($event)' + } }) export class ModalToggleDirective { + readonly #modalService = inject(ModalService); + /** * Html id attr of modal to dismiss. + * @default undefined */ - @Input('cModalToggle') id: string | undefined; - - constructor( - private modalService: ModalService - ) { } + readonly toggle = input(undefined, { alias: 'cModalToggle' }); - @HostListener('click', ['$event']) - dismiss($event: any): void { + dismiss($event: Event): void { $event.preventDefault(); - this.modalService.toggle({show: 'toggle', id: this.id}); + this.#modalService.toggle({ show: 'toggle', id: this.toggle() }); } } diff --git a/projects/coreui-angular/src/lib/modal/modal-footer/modal-footer.component.ts b/projects/coreui-angular/src/lib/modal/modal-footer/modal-footer.component.ts index e33977aa..f185d507 100644 --- a/projects/coreui-angular/src/lib/modal/modal-footer/modal-footer.component.ts +++ b/projects/coreui-angular/src/lib/modal/modal-footer/modal-footer.component.ts @@ -3,7 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'c-modal-footer', template: '', - standalone: true, host: { class: 'modal-footer' } }) export class ModalFooterComponent {} diff --git a/projects/coreui-angular/src/lib/modal/modal-header/modal-header.component.ts b/projects/coreui-angular/src/lib/modal/modal-header/modal-header.component.ts index 2c494ea2..57dfe32d 100644 --- a/projects/coreui-angular/src/lib/modal/modal-header/modal-header.component.ts +++ b/projects/coreui-angular/src/lib/modal/modal-header/modal-header.component.ts @@ -3,7 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'c-modal-header', template: '', - standalone: true, host: { class: 'modal-header' } }) export class ModalHeaderComponent {} diff --git a/projects/coreui-angular/src/lib/modal/modal-title/modal-title.directive.ts b/projects/coreui-angular/src/lib/modal/modal-title/modal-title.directive.ts index bf20ef3d..f9f923a6 100644 --- a/projects/coreui-angular/src/lib/modal/modal-title/modal-title.directive.ts +++ b/projects/coreui-angular/src/lib/modal/modal-title/modal-title.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: '[cModalTitle]', - standalone: true, host: { class: 'modal-title' } }) export class ModalTitleDirective {} diff --git a/projects/coreui-angular/src/lib/modal/modal.service.ts b/projects/coreui-angular/src/lib/modal/modal.service.ts index 9bdba06a..12ced01e 100644 --- a/projects/coreui-angular/src/lib/modal/modal.service.ts +++ b/projects/coreui-angular/src/lib/modal/modal.service.ts @@ -12,10 +12,10 @@ export interface IModalAction { providedIn: 'root' }) export class ModalService { - private modalState = new Subject(); - modalState$ = this.modalState.asObservable(); + readonly #modalState = new Subject(); + readonly modalState$ = this.#modalState.asObservable(); toggle(action: IModalAction): void { - this.modalState.next(action); + this.#modalState.next(action); } } diff --git a/projects/coreui-angular/src/lib/modal/modal/modal.component.html b/projects/coreui-angular/src/lib/modal/modal/modal.component.html index 194fe867..c060ce9e 100644 --- a/projects/coreui-angular/src/lib/modal/modal/modal.component.html +++ b/projects/coreui-angular/src/lib/modal/modal/modal.component.html @@ -1,8 +1,8 @@ + [alignment]="alignment()" + [fullscreen]="fullscreen()" + [scrollable]="scrollable()" + [size]="size()">
    diff --git a/projects/coreui-angular/src/lib/modal/modal/modal.component.spec.ts b/projects/coreui-angular/src/lib/modal/modal/modal.component.spec.ts index 35f0b0f4..b49afc6e 100644 --- a/projects/coreui-angular/src/lib/modal/modal/modal.component.spec.ts +++ b/projects/coreui-angular/src/lib/modal/modal/modal.component.spec.ts @@ -27,4 +27,14 @@ describe('ModalComponent', () => { expect(fixture.nativeElement).toHaveClass('modal'); expect(fixture.nativeElement).toHaveClass('fade'); }); + + // it('should be visible', fakeAsync(() => { + // fixture.componentRef.setInput('visible', true); + // fixture.detectChanges(); + // expect(fixture.nativeElement).toHaveClass('show'); + // })); + + // it('should call event handling functions', fakeAsync(() => { + // + // })); }); diff --git a/projects/coreui-angular/src/lib/modal/modal/modal.component.ts b/projects/coreui-angular/src/lib/modal/modal/modal.component.ts index 61b72add..c98c8795 100644 --- a/projects/coreui-angular/src/lib/modal/modal/modal.component.ts +++ b/projects/coreui-angular/src/lib/modal/modal/modal.component.ts @@ -4,21 +4,19 @@ import { AfterViewInit, booleanAttribute, Component, + computed, DestroyRef, effect, ElementRef, - EventEmitter, - HostBinding, - HostListener, inject, - Inject, - Input, + input, OnDestroy, OnInit, - Output, + output, Renderer2, signal, - ViewChild, + untracked, + viewChild, WritableSignal } from '@angular/core'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; @@ -50,99 +48,123 @@ import { ModalDialogComponent } from '../modal-dialog/modal-dialog.component'; ], templateUrl: './modal.component.html', exportAs: 'cModal', - standalone: true, imports: [ModalDialogComponent, ModalContentComponent, A11yModule], - host: { class: 'modal' } + host: { + class: 'modal', + '[class]': 'hostClasses()', + '[attr.role]': 'role()', + '[attr.inert]': 'ariaHidden', + '[attr.id]': 'id', + '[attr.aria-modal]': 'ariaModal()', + '[attr.tabindex]': '-1', + '[@showHide]': 'animateTrigger()', + '(@showHide.start)': 'animateStart($event)', + '(@showHide.done)': 'animateDone($event)', + '(mousedown)': 'onMouseDownHandler($event)', + '(click)': 'onClickHandler($event)', + '(document:keyup)': 'onKeyUpHandler($event)' + } }) export class ModalComponent implements OnInit, OnDestroy, AfterViewInit { - #destroyRef = inject(DestroyRef); - #focusMonitor = inject(FocusMonitor); + readonly #document = inject(DOCUMENT); + readonly #renderer = inject(Renderer2); + readonly #hostElement = inject(ElementRef); + readonly #modalService = inject(ModalService); + readonly #backdropService = inject(BackdropService); - constructor( - @Inject(DOCUMENT) private document: Document, - private renderer: Renderer2, - private hostElement: ElementRef, - private modalService: ModalService, - private backdropService: BackdropService - ) {} + readonly #destroyRef = inject(DestroyRef); + readonly #focusMonitor = inject(FocusMonitor); /** * Align the modal in the center or top of the screen. - * @type {'top' | 'center'} + * @return {'top' | 'center'} * @default 'top' */ - @Input() alignment?: 'top' | 'center' = 'top'; + readonly alignment = input<'top' | 'center'>('top'); + /** * Apply a backdrop on body while modal is open. - * @type boolean | 'static' + * @return boolean | 'static' * @default true */ - @Input() backdrop: boolean | 'static' = true; + readonly backdrop = input(true); + /** * Set modal to cover the entire user viewport. - * @type {boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'} + * @return {boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'} * @default undefined */ - @Input() fullscreen?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'; + readonly fullscreen = input(); + /** * Closes the modal when escape key is pressed. - * @type boolean + * @return boolean * @default true */ - @Input({ transform: booleanAttribute }) keyboard: boolean = true; + readonly keyboard = input(true, { transform: booleanAttribute }); + + readonly attrId = input(undefined, { alias: 'id' }); - @Input() id?: string; + get id() { + return this.attrId(); + } /** * Size the component small, large, or extra large. + * @return {'sm' | 'lg' | 'xl'} + * @default undefined */ - @Input() size?: 'sm' | 'lg' | 'xl'; + readonly size = input<'sm' | 'lg' | 'xl'>(); /** * Remove animation to create modal that simply appear rather than fade in to view. */ - @Input({ transform: booleanAttribute }) transition = true; + readonly transition = input(true, { transform: booleanAttribute }); /** - * Default role for modal. [docs] - * @type string + * Default role for modal + * @return string * @default 'dialog' */ - @Input() @HostBinding('attr.role') role: string = 'dialog'; + readonly role = input('dialog'); /** - * Set aria-modal html attr for modal. [docs] + * Set aria-modal html attr for modal * @type boolean * @default null */ - @Input() - @HostBinding('attr.aria-modal') - set ariaModal(value: boolean | null) { - this.#ariaModal = value; - } - - get ariaModal(): boolean | null { - return this.visible || this.#ariaModal ? true : null; - } + readonly ariaModalInput = input(false, { transform: booleanAttribute, alias: 'ariaModal' }); - #ariaModal: boolean | null = null; + readonly ariaModal = computed(() => { + return this.visible || this.ariaModalInput() ? true : null; + }); /** * Create a scrollable modal that allows scrolling the modal body. - * @type boolean + * @return boolean + * @default false */ - @Input({ transform: booleanAttribute }) scrollable: boolean = false; + readonly scrollable = input(false, { transform: booleanAttribute }); /** * Toggle the visibility of modal component. - * @type boolean + * @return boolean + * @default false */ - @Input({ transform: booleanAttribute }) + readonly visibleInput = input(false, { transform: booleanAttribute, alias: 'visible' }); + + readonly #visibleInputEffect = effect(() => { + const visible = this.visibleInput(); + untracked(() => { + this.visible = visible; + }); + }); + set visible(value: boolean) { if (this.#visible() !== value) { this.#visible.set(value); - this.setBackdrop(this.backdrop !== false && value); this.setBodyStyles(value); + this.setBackdrop(this.backdrop() !== false && value); this.visibleChange.emit(value); } } @@ -151,119 +173,116 @@ export class ModalComponent implements OnInit, OnDestroy, AfterViewInit { return this.#visible(); } - #visible: WritableSignal = signal(false); + readonly #visible: WritableSignal = signal(false); - #activeElement: HTMLElement | null = null; + readonly #activeElement = signal(null); - #visibleEffect = effect(() => { - if (this.#visible() && this.#afterViewInit()) { - this.#activeElement = this.document.activeElement as HTMLElement; - // this.#activeElement?.blur(); - setTimeout(() => { - const focusable = this.modalContentRef.nativeElement.querySelectorAll( - '[tabindex]:not([tabindex="-1"]), button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled])' - ); - if (focusable.length) { - this.#focusMonitor.focusVia(focusable[0], 'keyboard'); - } - }); - } else { - if (this.document.contains(this.#activeElement)) { + readonly #visibleEffect = effect(() => { + const visible = this.#visible(); + const afterViewInit = this.#afterViewInit(); + untracked(() => { + if (visible && afterViewInit) { + this.#activeElement.set(this.#document.activeElement as HTMLElement); + // this.#activeElement()?.blur(); setTimeout(() => { - this.#activeElement?.focus(); - this.#activeElement = null; + const focusable = this.modalContentRef()?.nativeElement.querySelectorAll( + '[tabindex]:not([tabindex="-1"]), button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled])' + ); + if (focusable?.length) { + this.#focusMonitor.focusVia(focusable[0], 'keyboard'); + } }); + } else { + const activeElement = this.#activeElement(); + if (activeElement && this.#document.contains(activeElement)) { + this.#focusMonitor.focusVia(activeElement, 'keyboard'); + setTimeout(() => { + // this.#activeElement()?.focus(); + this.#activeElement.set(null); + }); + } } - } + }); }); /** * Event triggered on modal dismiss. + * @return boolean */ - @Output() visibleChange = new EventEmitter(); + readonly visibleChange = output(); - @ViewChild(ModalContentComponent, { read: ElementRef }) modalContent!: ElementRef; - @ViewChild('modalContentRef', { read: ElementRef }) modalContentRef!: ElementRef; + // @ViewChild(ModalContentComponent, { read: ElementRef }) modalContent!: ElementRef; + // @ViewChild('modalContentRef', { read: ElementRef }) modalContentRef!: ElementRef; + // readonly modalContentRef = viewChild(ModalContentComponent, { read: ElementRef }); + readonly modalContentRef = viewChild('modalContentRef', { read: ElementRef }); #activeBackdrop!: any; // private inBoundingClientRect!: boolean; - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { return { modal: true, - fade: this.transition, + fade: this.transition(), show: this.show - }; - } + } as Record; + }); - @HostBinding('attr.aria-hidden') get ariaHidden(): boolean | null { return this.visible ? null : true; } - @HostBinding('attr.tabindex') - get tabIndex(): string | null { - return '-1'; - } - - @HostBinding('@showHide') - get animateTrigger(): string { + readonly animateTrigger = computed(() => { return this.visible ? 'visible' : 'hidden'; - } + }); get show(): boolean { - return this.visible && this._show; + return this.visible && this.#show(); } set show(value: boolean) { - this._show = value; + this.#show.set(value); } - private _show = true; + readonly #show = signal(true); - @HostListener('@showHide.start', ['$event']) animateStart(event: AnimationEvent) { if (event.toState === 'visible') { - this.backdropService.hideScrollbar(); - this.renderer.setStyle(this.hostElement.nativeElement, 'display', 'block'); + this.#backdropService.hideScrollbar(); + this.#renderer.setStyle(this.#hostElement.nativeElement, 'display', 'block'); } else { - if (!this.transition) { - this.renderer.setStyle(this.hostElement.nativeElement, 'display', 'none'); + if (!this.transition()) { + this.#renderer.setStyle(this.#hostElement.nativeElement, 'display', 'none'); } } } - @HostListener('@showHide.done', ['$event']) animateDone(event: AnimationEvent) { setTimeout(() => { if (event.toState === 'hidden') { - this.renderer.setStyle(this.hostElement.nativeElement, 'display', 'none'); + this.#renderer.setStyle(this.#hostElement.nativeElement, 'display', 'none'); + this.#backdropService.resetScrollbar(); } }); this.show = this.visible; } - @HostListener('document:keyup', ['$event']) - onKeyDownHandler(event: KeyboardEvent): void { - if (event.key === 'Escape' && this.keyboard && this.visible) { - if (this.backdrop === 'static') { + onKeyUpHandler(event: KeyboardEvent): void { + if (event.key === 'Escape' && this.keyboard() && this.visible) { + if (this.backdrop() === 'static') { this.setStaticBackdrop(); } else { - this.modalService.toggle({ show: false, modal: this }); + this.#modalService.toggle({ show: false, modal: this }); } } } private mouseDownTarget: EventTarget | null = null; - @HostListener('mousedown', ['$event']) public onMouseDownHandler($event: MouseEvent): void { this.mouseDownTarget = $event.target; } - @HostListener('click', ['$event']) public onClickHandler($event: MouseEvent): void { if (this.mouseDownTarget !== $event.target) { this.mouseDownTarget = null; @@ -271,13 +290,13 @@ export class ModalComponent implements OnInit, OnDestroy, AfterViewInit { } const targetElement = $event.target; - if (targetElement === this.hostElement.nativeElement) { - if (this.backdrop === 'static') { + if (targetElement === this.#hostElement.nativeElement) { + if (this.backdrop() === 'static') { this.setStaticBackdrop(); return; } - this.modalService.toggle({ show: false, modal: this }); + this.#modalService.toggle({ show: false, modal: this }); } } @@ -285,19 +304,19 @@ export class ModalComponent implements OnInit, OnDestroy, AfterViewInit { this.stateToggleSubscribe(); } - #afterViewInit = signal(false); + readonly #afterViewInit = signal(false); ngAfterViewInit(): void { this.#afterViewInit.set(true); } ngOnDestroy(): void { - this.modalService.toggle({ show: false, modal: this }); + this.#modalService.toggle({ show: false, modal: this }); this.#afterViewInit.set(false); } private stateToggleSubscribe(): void { - this.modalService.modalState$.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((action) => { + this.#modalService.modalState$.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((action) => { if (this === action.modal || this.id === action.id) { if ('show' in action) { this.visible = action?.show === 'toggle' ? !this.visible : action.show; @@ -312,27 +331,27 @@ export class ModalComponent implements OnInit, OnDestroy, AfterViewInit { private setBackdrop(setBackdrop: boolean): void { this.#activeBackdrop = setBackdrop - ? this.backdropService.setBackdrop('modal') - : this.backdropService.clearBackdrop(this.#activeBackdrop); + ? this.#backdropService.setBackdrop('modal') + : this.#backdropService.clearBackdrop(this.#activeBackdrop); } private setBodyStyles(open: boolean): void { if (open) { - if (this.backdrop === true) { - this.renderer.addClass(this.document.body, 'modal-open'); + if (this.backdrop() === true) { + this.#renderer.addClass(this.#document.body, 'modal-open'); } } else { - this.renderer.removeClass(this.document.body, 'modal-open'); + this.#renderer.removeClass(this.#document.body, 'modal-open'); } } private setStaticBackdrop(): void { - if (this.transition) { - this.renderer.addClass(this.hostElement.nativeElement, 'modal-static'); - this.renderer.setStyle(this.hostElement.nativeElement, 'overflow-y', 'hidden'); + if (this.transition()) { + this.#renderer.addClass(this.#hostElement.nativeElement, 'modal-static'); + this.#renderer.setStyle(this.#hostElement.nativeElement, 'overflow-y', 'hidden'); setTimeout(() => { - this.renderer.removeClass(this.hostElement.nativeElement, 'modal-static'); - this.renderer.removeStyle(this.hostElement.nativeElement, 'overflow-y'); + this.#renderer.removeClass(this.#hostElement.nativeElement, 'modal-static'); + this.#renderer.removeStyle(this.#hostElement.nativeElement, 'overflow-y'); }, 300); } } diff --git a/projects/coreui-angular/src/lib/nav/nav-item.component.ts b/projects/coreui-angular/src/lib/nav/nav-item.component.ts index 99e7bdbc..937ea2d7 100644 --- a/projects/coreui-angular/src/lib/nav/nav-item.component.ts +++ b/projects/coreui-angular/src/lib/nav/nav-item.component.ts @@ -4,7 +4,6 @@ import { Component } from '@angular/core'; selector: 'c-nav-item', template: '', styleUrls: ['./nav-item.component.scss'], - standalone: true, host: { class: 'nav-item' } }) export class NavItemComponent {} diff --git a/projects/coreui-angular/src/lib/nav/nav-link.directive.spec.ts b/projects/coreui-angular/src/lib/nav/nav-link.directive.spec.ts index 656438ff..1d130b31 100644 --- a/projects/coreui-angular/src/lib/nav/nav-link.directive.spec.ts +++ b/projects/coreui-angular/src/lib/nav/nav-link.directive.spec.ts @@ -1,8 +1,85 @@ import { NavLinkDirective } from './nav-link.directive'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { Component, ComponentRef, DebugElement, input } from '@angular/core'; +import { By } from '@angular/platform-browser'; + +@Component({ + template: 'test', + imports: [NavLinkDirective] +}) +class TestComponent { + readonly active = input(false); + readonly disabled = input(false); +} describe('NavLinkDirective', () => { + let fixture: ComponentFixture; + let component: TestComponent; + let componentRef: ComponentRef; + let debugElement: DebugElement; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }).compileComponents(); + + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + componentRef = fixture.componentRef; + debugElement = fixture.debugElement.query(By.directive(NavLinkDirective)); + fixture.detectChanges(); + }); + it('should create an instance', () => { - const directive = new NavLinkDirective(); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new NavLinkDirective(); + expect(directive).toBeTruthy(); + }); + }); + + it('should have css classes', () => { + expect(debugElement.nativeElement).toHaveClass('nav-link'); + }); + + it('should have css classes for active', () => { + expect(debugElement.nativeElement).not.toHaveClass('active'); + componentRef.setInput('active', true); + fixture.detectChanges(); + expect(debugElement.nativeElement).toHaveClass('active'); + componentRef.setInput('active', false); + fixture.detectChanges(); + expect(debugElement.nativeElement).not.toHaveClass('active'); + }); + + it('should have css classes for disabled', () => { + expect(debugElement.nativeElement).not.toHaveClass('disabled'); + componentRef.setInput('disabled', true); + fixture.detectChanges(); + expect(debugElement.nativeElement).toHaveClass('disabled'); + componentRef.setInput('disabled', false); + fixture.detectChanges(); + expect(debugElement.nativeElement).not.toHaveClass('disabled'); + }); + + it('should have aria-* attr for active', () => { + expect(debugElement.nativeElement.getAttribute('aria-current')).not.toBe('page'); + componentRef.setInput('active', true); + fixture.detectChanges(); + expect(debugElement.nativeElement.getAttribute('aria-current')).toBe('page'); + }); + + it('should have attributes for disabled', () => { + expect(debugElement.nativeElement.getAttribute('disabled')).toBeNull(); + expect(debugElement.nativeElement.getAttribute('aria-disabled')).not.toBeTruthy(); + expect(debugElement.nativeElement.getAttribute('tabindex')).not.toBe('-1'); + expect(debugElement.nativeElement.style.cursor).toBe('pointer'); + componentRef.setInput('disabled', true); + fixture.detectChanges(); + expect(debugElement.nativeElement.getAttribute('disabled')).not.toBeNull(); + expect(debugElement.nativeElement.getAttribute('aria-disabled')).toBeTruthy(); + expect(debugElement.nativeElement.getAttribute('tabindex')).toBe('-1'); + expect(debugElement.nativeElement.style.cursor).not.toBe('pointer'); + componentRef.setInput('disabled', false); + fixture.detectChanges(); }); }); diff --git a/projects/coreui-angular/src/lib/nav/nav-link.directive.ts b/projects/coreui-angular/src/lib/nav/nav-link.directive.ts index f2b69870..3d83d3fd 100644 --- a/projects/coreui-angular/src/lib/nav/nav-link.directive.ts +++ b/projects/coreui-angular/src/lib/nav/nav-link.directive.ts @@ -1,60 +1,65 @@ -import { booleanAttribute, Directive, HostBinding, Input } from '@angular/core'; +import { booleanAttribute, computed, Directive, effect, input, numberAttribute } from '@angular/core'; +import { BooleanInput } from '../coreui.types'; @Directive({ selector: '[cNavLink]', - standalone: true + host: { + '[class]': 'hostClasses()', + '[attr.aria-current]': 'ariaCurrent()', + '[attr.aria-disabled]': 'ariaDisabled', + '[attr.disabled]': 'attrDisabled', + '[attr.tabindex]': 'attrTabindex', + '[style.cursor]': 'styleCursor' + } }) export class NavLinkDirective { + static ngAcceptInputType_disabled: BooleanInput; /** * Sets .nav-link class to the host. [docs] - * @type boolean * @default true */ - @Input({ transform: booleanAttribute }) cNavLink: string | boolean = true; + readonly cNavLink = input(true, { transform: booleanAttribute }); /** * Toggle the active state for the component. [docs] - * @type boolean + * @default undefined */ - @Input() active?: boolean; + readonly active = input(); + /** * Set disabled attr for the host element. [docs] - * @type boolean + * @default false */ - @Input({ transform: booleanAttribute }) disabled: string | boolean = false; + readonly disabled = input(false, { transform: booleanAttribute }); - @HostBinding('attr.aria-current') - get ariaCurrent(): string | null { - return this.active ? 'page' : null; - } - - @HostBinding('attr.aria-disabled') - get isDisabled(): boolean | null { - return this.disabled || null; - } + /** + * The tabindex attribute specifies the tab order of an element (when the "tab" button is used for navigating). + */ + readonly tabindex = input(undefined, { transform: numberAttribute }); - @HostBinding('attr.disabled') - get attrDisabled() { - return this.disabled ? '' : null; - }; + readonly ariaCurrent = computed(() => { + return this.active() ? 'page' : null; + }); - @HostBinding('attr.tabindex') - get getTabindex(): string | null { - return this.disabled ? '-1' : null; - } + ariaDisabled: boolean | null = null; + attrDisabled: boolean | string | null = null; + attrTabindex: number | null = null; + styleCursor: 'pointer' | null = null; - @HostBinding('style.cursor') - get getCursorStyle(): string | null { - return this.disabled ? null : 'pointer'; - } + readonly #disabledEffect = effect(() => { + const disabled = this.disabled(); + this.ariaDisabled = disabled || null; + this.attrDisabled = disabled ? '' : null; + this.attrTabindex = disabled ? -1 : (this.tabindex() ?? null); + this.styleCursor = disabled ? null : 'pointer'; + }); - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { return { - 'nav-link': this.cNavLink, - disabled: this.disabled, - active: this.active - }; - } + 'nav-link': this.cNavLink(), + disabled: this.disabled(), + active: this.active() + } as Record; + }); } diff --git a/projects/coreui-angular/src/lib/nav/nav.component.spec.ts b/projects/coreui-angular/src/lib/nav/nav.component.spec.ts index f5bf5388..5d400f13 100644 --- a/projects/coreui-angular/src/lib/nav/nav.component.spec.ts +++ b/projects/coreui-angular/src/lib/nav/nav.component.spec.ts @@ -1,21 +1,23 @@ import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; import { NavComponent } from './nav.component'; +import { ComponentRef } from '@angular/core'; describe('NavComponent', () => { let component: NavComponent; let fixture: ComponentFixture; + let componentRef: ComponentRef; beforeEach(waitForAsync(() => { TestBed.configureTestingModule({ imports: [NavComponent] - }) - .compileComponents(); + }).compileComponents(); })); beforeEach(() => { fixture = TestBed.createComponent(NavComponent); component = fixture.componentInstance; + componentRef = fixture.componentRef; fixture.detectChanges(); }); @@ -26,4 +28,60 @@ describe('NavComponent', () => { it('should have css classes', () => { expect(fixture.nativeElement).toHaveClass('nav'); }); + + it('should have css classes for layout', () => { + componentRef.setInput('layout', 'fill'); + fixture.detectChanges(); + expect(fixture.nativeElement).toHaveClass('nav-fill'); + componentRef.setInput('layout', 'justified'); + fixture.detectChanges(); + expect(fixture.nativeElement).not.toHaveClass('nav-fill'); + expect(fixture.nativeElement).toHaveClass('nav-justified'); + componentRef.setInput('layout', undefined); + fixture.detectChanges(); + expect(fixture.nativeElement).not.toHaveClass('nav-fill'); + expect(fixture.nativeElement).not.toHaveClass('nav-justified'); + }); + + it('should have css classes for variant', () => { + expect(fixture.nativeElement).not.toHaveClass('nav-tabs'); + expect(fixture.nativeElement).not.toHaveClass('nav-pills'); + expect(fixture.nativeElement).not.toHaveClass('nav-underline'); + expect(fixture.nativeElement).not.toHaveClass('nav-underline-border'); + + componentRef.setInput('variant', 'tabs'); + fixture.detectChanges(); + expect(fixture.nativeElement).toHaveClass('nav-tabs'); + expect(fixture.nativeElement).not.toHaveClass('nav-pills'); + expect(fixture.nativeElement).not.toHaveClass('nav-underline'); + expect(fixture.nativeElement).not.toHaveClass('nav-underline-border'); + + componentRef.setInput('variant', 'pills'); + fixture.detectChanges(); + expect(fixture.nativeElement).not.toHaveClass('nav-tabs'); + expect(fixture.nativeElement).toHaveClass('nav-pills'); + expect(fixture.nativeElement).not.toHaveClass('nav-underline'); + expect(fixture.nativeElement).not.toHaveClass('nav-underline-border'); + + componentRef.setInput('variant', 'underline'); + fixture.detectChanges(); + expect(fixture.nativeElement).not.toHaveClass('nav-tabs'); + expect(fixture.nativeElement).not.toHaveClass('nav-pills'); + expect(fixture.nativeElement).toHaveClass('nav-underline'); + expect(fixture.nativeElement).not.toHaveClass('nav-underline-border'); + + componentRef.setInput('variant', 'underline-border'); + fixture.detectChanges(); + expect(fixture.nativeElement).not.toHaveClass('nav-tabs'); + expect(fixture.nativeElement).not.toHaveClass('nav-pills'); + expect(fixture.nativeElement).not.toHaveClass('nav-underline'); + expect(fixture.nativeElement).toHaveClass('nav-underline-border'); + + componentRef.setInput('variant', undefined); + fixture.detectChanges(); + expect(fixture.nativeElement).not.toHaveClass('nav-tabs'); + expect(fixture.nativeElement).not.toHaveClass('nav-pills'); + expect(fixture.nativeElement).not.toHaveClass('nav-underline'); + expect(fixture.nativeElement).not.toHaveClass('nav-underline-border'); + }); }); diff --git a/projects/coreui-angular/src/lib/nav/nav.component.ts b/projects/coreui-angular/src/lib/nav/nav.component.ts index 4f6c68ab..5cfcece9 100644 --- a/projects/coreui-angular/src/lib/nav/nav.component.ts +++ b/projects/coreui-angular/src/lib/nav/nav.component.ts @@ -1,30 +1,31 @@ -import { Component, HostBinding, Input } from '@angular/core'; +import { Component, computed, input } from '@angular/core'; @Component({ selector: 'c-nav', template: '', styleUrls: ['./nav.component.scss'], - standalone: true, - host: { class: 'nav' } + host: { class: 'nav', '[class]': 'hostClasses()' } }) export class NavComponent { /** * Specify a layout type for component. - * @type {'fill' | 'justified'} + * @default undefined */ - @Input() layout?: 'fill' | 'justified'; + readonly layout = input<'fill' | 'justified'>(); + /** * Set the nav variant to tabs or pills. - * @type 'tabs' | 'pills' | 'underline' | 'underline-border' + * @default undefined */ - @Input() variant?: '' | 'tabs' | 'pills' | 'underline' | 'underline-border'; + readonly variant = input<'tabs' | 'pills' | 'underline' | 'underline-border' | ''>(); - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { + const layout = this.layout(); + const variant = this.variant(); return { nav: true, - [`nav-${this.layout}`]: !!this.layout, - [`nav-${this.variant}`]: !!this.variant - }; - } + [`nav-${layout}`]: !!layout, + [`nav-${variant}`]: !!variant + } as Record; + }); } diff --git a/projects/coreui-angular/src/lib/navbar/navbar-brand/navbar-brand.directive.ts b/projects/coreui-angular/src/lib/navbar/navbar-brand/navbar-brand.directive.ts index 05379373..a8a2a83b 100644 --- a/projects/coreui-angular/src/lib/navbar/navbar-brand/navbar-brand.directive.ts +++ b/projects/coreui-angular/src/lib/navbar/navbar-brand/navbar-brand.directive.ts @@ -2,7 +2,6 @@ import { Directive, input } from '@angular/core'; @Directive({ selector: '[cNavbarBrand]', - standalone: true, host: { class: 'navbar-brand', '[attr.role]': 'role()' } }) export class NavbarBrandDirective { diff --git a/projects/coreui-angular/src/lib/navbar/navbar-nav/navbar-nav.component.ts b/projects/coreui-angular/src/lib/navbar/navbar-nav/navbar-nav.component.ts index e86a7cc8..36e68d2d 100644 --- a/projects/coreui-angular/src/lib/navbar/navbar-nav/navbar-nav.component.ts +++ b/projects/coreui-angular/src/lib/navbar/navbar-nav/navbar-nav.component.ts @@ -3,7 +3,6 @@ import { booleanAttribute, Component, computed, input } from '@angular/core'; @Component({ selector: 'c-navbar-nav', template: '', - standalone: true, host: { '[class]': 'hostClasses()' } }) export class NavbarNavComponent { diff --git a/projects/coreui-angular/src/lib/navbar/navbar-text/navbar-text.component.ts b/projects/coreui-angular/src/lib/navbar/navbar-text/navbar-text.component.ts index f5f31119..33180716 100644 --- a/projects/coreui-angular/src/lib/navbar/navbar-text/navbar-text.component.ts +++ b/projects/coreui-angular/src/lib/navbar/navbar-text/navbar-text.component.ts @@ -3,7 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'c-navbar-text', template: '', - standalone: true, host: { class: 'navbar-text' } }) export class NavbarTextComponent {} diff --git a/projects/coreui-angular/src/lib/navbar/navbar-toggler/navbar-toggler.directive.spec.ts b/projects/coreui-angular/src/lib/navbar/navbar-toggler/navbar-toggler.directive.spec.ts index 357c5ab7..55899436 100644 --- a/projects/coreui-angular/src/lib/navbar/navbar-toggler/navbar-toggler.directive.spec.ts +++ b/projects/coreui-angular/src/lib/navbar/navbar-toggler/navbar-toggler.directive.spec.ts @@ -1,12 +1,38 @@ -import { ElementRef, Renderer2 } from '@angular/core'; -import { TestBed } from '@angular/core/testing'; +import { Component, DebugElement, ElementRef, Renderer2 } from '@angular/core'; +import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing'; import { NavbarTogglerDirective } from './navbar-toggler.directive'; +import { By } from '@angular/platform-browser'; +import { provideAnimationsAsync } from '@angular/platform-browser/animations/async'; +import { CollapseDirective } from '../../collapse'; + +class MockElementRef extends ElementRef {} + +@Component({ + imports: [NavbarTogglerDirective, CollapseDirective], + template: ` + +
    + ` +}) +class TestComponent {} describe('NavbarTogglerDirective', () => { + let component: TestComponent; + let fixture: ComponentFixture; + let debugElement: DebugElement; + let debugElementCollapse: DebugElement; + beforeEach(() => { TestBed.configureTestingModule({ - providers: [Renderer2, { provide: ElementRef, useValue: { nativeElement: document.createElement('button') } }] - }); + imports: [TestComponent], + providers: [Renderer2, { provide: ElementRef, useValue: MockElementRef }, provideAnimationsAsync()] + }).compileComponents(); + + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + debugElement = fixture.debugElement.query(By.directive(NavbarTogglerDirective)); + debugElementCollapse = fixture.debugElement.query(By.directive(CollapseDirective)); + fixture.detectChanges(); }); it('should create an instance', () => { @@ -15,4 +41,35 @@ describe('NavbarTogglerDirective', () => { expect(directive).toBeTruthy(); }); }); + + it('should have css classes', () => { + expect(debugElement.nativeElement).toHaveClass('navbar-toggler'); + }); + + it('should have default aria-label', () => { + expect(debugElement.nativeElement.getAttribute('aria-label')).toBe('Toggle navigation'); + }); + + it('should have default type', () => { + expect(debugElement.nativeElement.getAttribute('type')).toBe('button'); + }); + + it('should toggle collapse on click', fakeAsync(() => { + const collapseRef = debugElementCollapse.injector.get(CollapseDirective); + expect(collapseRef.visible()).toBeFalse(); + fixture.autoDetectChanges(); + debugElement.nativeElement.dispatchEvent(new Event('click')); + expect(collapseRef.visible()).toBeTrue(); + debugElement.nativeElement.dispatchEvent(new Event('click')); + expect(collapseRef.visible()).toBeFalse(); + })); + + it('should add default icon', () => { + const directive = debugElement.injector.get(NavbarTogglerDirective); + directive.addDefaultIcon(); + const renderer = debugElement.injector.get(Renderer2); + const span = debugElement.nativeElement.querySelector('span'); + expect(span).toBeTruthy(); + expect(span.classList.contains('navbar-toggler-icon')).toBeTrue(); + }); }); diff --git a/projects/coreui-angular/src/lib/navbar/navbar-toggler/navbar-toggler.directive.ts b/projects/coreui-angular/src/lib/navbar/navbar-toggler/navbar-toggler.directive.ts index b046c8a7..c159b6f7 100644 --- a/projects/coreui-angular/src/lib/navbar/navbar-toggler/navbar-toggler.directive.ts +++ b/projects/coreui-angular/src/lib/navbar/navbar-toggler/navbar-toggler.directive.ts @@ -1,13 +1,13 @@ -import { afterNextRender, Directive, ElementRef, HostListener, inject, input, Renderer2 } from '@angular/core'; +import { afterNextRender, Directive, ElementRef, inject, input, Renderer2 } from '@angular/core'; import { CollapseDirective } from '../../collapse'; @Directive({ selector: '[cNavbarToggler]', - standalone: true, host: { '[attr.aria-label]': 'ariaLabel()', '[attr.type]': 'type()', - class: 'navbar-toggler' + class: 'navbar-toggler', + '(click)': 'handleClick($event)' } }) export class NavbarTogglerDirective { @@ -46,8 +46,7 @@ export class NavbarTogglerDirective { */ readonly ariaLabel = input('Toggle navigation'); - @HostListener('click', ['$event']) - handleClick() { + handleClick($event: MouseEvent): void { const collapseRef = this.collapseRef(); collapseRef?.toggle(!collapseRef?.visible()); } diff --git a/projects/coreui-angular/src/lib/navbar/navbar.component.spec.ts b/projects/coreui-angular/src/lib/navbar/navbar.component.spec.ts index 1a84402c..fbf41b8f 100644 --- a/projects/coreui-angular/src/lib/navbar/navbar.component.spec.ts +++ b/projects/coreui-angular/src/lib/navbar/navbar.component.spec.ts @@ -9,8 +9,7 @@ describe('NavbarComponent', () => { beforeEach(waitForAsync(() => { TestBed.configureTestingModule({ imports: [NavbarComponent] - }) - .compileComponents(); + }).compileComponents(); })); beforeEach(() => { @@ -26,4 +25,12 @@ describe('NavbarComponent', () => { it('should have css classes', () => { expect(fixture.nativeElement).toHaveClass('navbar'); }); + + it('should have container class', () => { + fixture.componentRef.setInput('expand', 'xl'); + fixture.componentRef.setInput('container', 'sm'); + fixture.detectChanges(); + expect(fixture.componentInstance.containerClass()).toBe('container-sm'); + expect(fixture.componentInstance.breakpoint()).toBe(''); + }); }); diff --git a/projects/coreui-angular/src/lib/navbar/navbar.component.ts b/projects/coreui-angular/src/lib/navbar/navbar.component.ts index 9bde6560..11c037e8 100644 --- a/projects/coreui-angular/src/lib/navbar/navbar.component.ts +++ b/projects/coreui-angular/src/lib/navbar/navbar.component.ts @@ -22,12 +22,11 @@ import { Subscription } from 'rxjs'; // todo: workaround - use component directly in template @Component({ - selector: 'c-navbar', - templateUrl: './navbar.component.html', - standalone: true, - imports: [NgClass, NgTemplateOutlet], - hostDirectives: [{ directive: ThemeDirective, inputs: ['colorScheme'] }], - host: { '[class]': 'hostClasses()', '[attr.role]': 'role()' } + selector: 'c-navbar', + templateUrl: './navbar.component.html', + imports: [NgClass, NgTemplateOutlet], + hostDirectives: [{ directive: ThemeDirective, inputs: ['colorScheme'] }], + host: { '[class]': 'hostClasses()', '[attr.role]': 'role()' } }) export class NavbarComponent implements AfterContentInit, OnDestroy { readonly #breakpointObserver = inject(BreakpointObserver); diff --git a/projects/coreui-angular/src/lib/offcanvas/offcanvas-body/offcanvas-body.component.ts b/projects/coreui-angular/src/lib/offcanvas/offcanvas-body/offcanvas-body.component.ts index 9d75e1bf..ebaf9d95 100644 --- a/projects/coreui-angular/src/lib/offcanvas/offcanvas-body/offcanvas-body.component.ts +++ b/projects/coreui-angular/src/lib/offcanvas/offcanvas-body/offcanvas-body.component.ts @@ -4,7 +4,6 @@ import { Component } from '@angular/core'; selector: 'c-offcanvas-body', template: '', styleUrls: ['./offcanvas-body.component.scss'], - standalone: true, host: { class: 'offcanvas-body' } }) export class OffcanvasBodyComponent {} diff --git a/projects/coreui-angular/src/lib/offcanvas/offcanvas-header/offcanvas-header.component.ts b/projects/coreui-angular/src/lib/offcanvas/offcanvas-header/offcanvas-header.component.ts index 9f39bf36..9bff19fc 100644 --- a/projects/coreui-angular/src/lib/offcanvas/offcanvas-header/offcanvas-header.component.ts +++ b/projects/coreui-angular/src/lib/offcanvas/offcanvas-header/offcanvas-header.component.ts @@ -3,7 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'c-offcanvas-header', template: '', - standalone: true, host: { class: 'offcanvas-header' } }) export class OffcanvasHeaderComponent {} diff --git a/projects/coreui-angular/src/lib/offcanvas/offcanvas-title/offcanvas-title.directive.spec.ts b/projects/coreui-angular/src/lib/offcanvas/offcanvas-title/offcanvas-title.directive.spec.ts index d0638f9d..0a8b6d66 100644 --- a/projects/coreui-angular/src/lib/offcanvas/offcanvas-title/offcanvas-title.directive.spec.ts +++ b/projects/coreui-angular/src/lib/offcanvas/offcanvas-title/offcanvas-title.directive.spec.ts @@ -1,8 +1,37 @@ import { OffcanvasTitleDirective } from './offcanvas-title.directive'; +import { Component, DebugElement } from '@angular/core'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; + +@Component({ + template: '
    Test
    ', + imports: [OffcanvasTitleDirective] +}) +class TestComponent {} describe('OffcanvasTitleDirective', () => { + let component: TestComponent; + let fixture: ComponentFixture; + let elementRef: DebugElement; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }).compileComponents(); + + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + elementRef = fixture.debugElement.query(By.directive(OffcanvasTitleDirective)); + + fixture.detectChanges(); // initial binding + }); + it('should create an instance', () => { const directive = new OffcanvasTitleDirective(); expect(directive).toBeTruthy(); }); + + it('should have css classes', () => { + expect(elementRef.nativeElement).toHaveClass('offcanvas-title'); + }); }); diff --git a/projects/coreui-angular/src/lib/offcanvas/offcanvas-title/offcanvas-title.directive.ts b/projects/coreui-angular/src/lib/offcanvas/offcanvas-title/offcanvas-title.directive.ts index 76d635fd..1aa9d36c 100644 --- a/projects/coreui-angular/src/lib/offcanvas/offcanvas-title/offcanvas-title.directive.ts +++ b/projects/coreui-angular/src/lib/offcanvas/offcanvas-title/offcanvas-title.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: '[cOffcanvasTitle]', - standalone: true, host: { class: 'offcanvas-title' } }) export class OffcanvasTitleDirective {} diff --git a/projects/coreui-angular/src/lib/offcanvas/offcanvas-toggle/offcanvas-toggle.directive.spec.ts b/projects/coreui-angular/src/lib/offcanvas/offcanvas-toggle/offcanvas-toggle.directive.spec.ts index 92f16fa7..9f49c308 100644 --- a/projects/coreui-angular/src/lib/offcanvas/offcanvas-toggle/offcanvas-toggle.directive.spec.ts +++ b/projects/coreui-angular/src/lib/offcanvas/offcanvas-toggle/offcanvas-toggle.directive.spec.ts @@ -1,39 +1,47 @@ import { Component, DebugElement } from '@angular/core'; -import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing'; import { NoopAnimationsModule } from '@angular/platform-browser/animations'; import { By } from '@angular/platform-browser'; +import { take } from 'rxjs/operators'; import { OffcanvasToggleDirective } from './offcanvas-toggle.directive'; import { OffcanvasService } from '../offcanvas.service'; @Component({ - template: ` - ` + template: ` `, + imports: [OffcanvasToggleDirective] }) -class TestButtonComponent {} +class TestComponent {} describe('OffcanvasToggleDirective', () => { - - let component: TestButtonComponent; - let fixture: ComponentFixture; - let buttonEl: DebugElement; + let component: TestComponent; + let fixture: ComponentFixture; + let debugElement: DebugElement; let service: OffcanvasService; beforeEach(() => { TestBed.configureTestingModule({ - imports: [NoopAnimationsModule, OffcanvasToggleDirective], - declarations: [TestButtonComponent], + imports: [NoopAnimationsModule, OffcanvasToggleDirective, TestComponent], providers: [OffcanvasService] }); - fixture = TestBed.createComponent(TestButtonComponent); + fixture = TestBed.createComponent(TestComponent); component = fixture.componentInstance; - buttonEl = fixture.debugElement.query(By.css('button')); + debugElement = fixture.debugElement.query(By.css('button')); service = TestBed.inject(OffcanvasService); fixture.detectChanges(); // initial binding }); it('should create an instance', () => { - const directive = new OffcanvasToggleDirective(service); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new OffcanvasToggleDirective(); + expect(directive).toBeTruthy(); + }); }); + + it('should toggle offcanvas on click', fakeAsync(() => { + service.offcanvasState$.pipe(take(1)).subscribe((value) => { + expect(value).toEqual({ show: 'toggle', id: 'OffcanvasEnd' }); + }); + debugElement.nativeElement.dispatchEvent(new MouseEvent('click')); + })); }); diff --git a/projects/coreui-angular/src/lib/offcanvas/offcanvas-toggle/offcanvas-toggle.directive.ts b/projects/coreui-angular/src/lib/offcanvas/offcanvas-toggle/offcanvas-toggle.directive.ts index 87edf3ea..d58c7ab8 100644 --- a/projects/coreui-angular/src/lib/offcanvas/offcanvas-toggle/offcanvas-toggle.directive.ts +++ b/projects/coreui-angular/src/lib/offcanvas/offcanvas-toggle/offcanvas-toggle.directive.ts @@ -1,26 +1,24 @@ -import { Directive, HostListener, Input } from '@angular/core'; +import { Directive, inject, input } from '@angular/core'; import { OffcanvasService } from '../offcanvas.service'; @Directive({ selector: '[cOffcanvasToggle]', - standalone: true + host: { + '(click)': 'toggleOpen($event)' + } }) export class OffcanvasToggleDirective { + readonly #offcanvasService = inject(OffcanvasService); /** * Html id attr of offcanvas to toggle. - * @type string + * @return string */ - @Input('cOffcanvasToggle') id?: string; - - constructor( - private offcanvasService: OffcanvasService - ) {} + readonly id = input(undefined, { alias: 'cOffcanvasToggle' }); - @HostListener('click', ['$event']) - toggleOpen($event: any): void { + protected toggleOpen($event: MouseEvent): void { $event.preventDefault(); - this.offcanvasService.toggle({ show: 'toggle', id: this.id }); + this.#offcanvasService.toggle({ show: 'toggle', id: this.id() }); } } diff --git a/projects/coreui-angular/src/lib/offcanvas/offcanvas/offcanvas.component.spec.ts b/projects/coreui-angular/src/lib/offcanvas/offcanvas/offcanvas.component.spec.ts index f1de0be9..1a142315 100644 --- a/projects/coreui-angular/src/lib/offcanvas/offcanvas/offcanvas.component.spec.ts +++ b/projects/coreui-angular/src/lib/offcanvas/offcanvas/offcanvas.component.spec.ts @@ -1,22 +1,25 @@ -import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { ComponentFixture, fakeAsync, flushMicrotasks, TestBed, tick } from '@angular/core/testing'; import { OffcanvasComponent } from './offcanvas.component'; import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { ComponentRef } from '@angular/core'; +import { DOCUMENT } from '@angular/common'; describe('OffcanvasComponent', () => { let component: OffcanvasComponent; + let componentRef: ComponentRef; let fixture: ComponentFixture; + let document: Document; beforeEach(async () => { await TestBed.configureTestingModule({ imports: [NoopAnimationsModule, OffcanvasComponent] - }) - .compileComponents(); - }); + }).compileComponents(); - beforeEach(() => { fixture = TestBed.createComponent(OffcanvasComponent); component = fixture.componentInstance; + componentRef = fixture.componentRef; + document = TestBed.inject(DOCUMENT); fixture.detectChanges(); }); @@ -26,5 +29,48 @@ describe('OffcanvasComponent', () => { it('should have css classes', () => { expect(fixture.nativeElement).toHaveClass('offcanvas'); + expect(fixture.nativeElement).toHaveClass('offcanvas-start'); + expect(fixture.nativeElement.getAttribute('id')).toContain('offcanvas-start-'); }); + + it('should react to visible changes', fakeAsync(() => { + expect(componentRef.instance.visible()).toBeFalse(); + componentRef.setInput('visible', true); + fixture.detectChanges(); + flushMicrotasks(); + expect(componentRef.instance.visible()).toBeTrue(); + expect(fixture.nativeElement.getAttribute('inert')).toBeNull(); + })); + + it('should close offcanvas to Esc keydown event', fakeAsync(() => { + componentRef.setInput('visible', true); + fixture.detectChanges(); + expect(componentRef.instance.visible()).toBeTrue(); + document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' })); + tick(); + fixture.detectChanges(); + expect(componentRef.instance.visible()).toBeFalse(); + expect(fixture.nativeElement.getAttribute('inert')).toBeTruthy(); + })); + + it('should close offcanvas on backdrop click', fakeAsync(() => { + componentRef.setInput('visible', true); + fixture.detectChanges(); + expect(componentRef.instance.visible()).toBeTrue(); + const backdrop = document.querySelector('.offcanvas-backdrop'); + expect(backdrop).not.toBeNull(); + if (backdrop) { + backdrop?.dispatchEvent(new MouseEvent('click')); + tick(); + fixture.detectChanges(); + // expect(componentRef.instance.visible()).toBeFalse(); + // expect(fixture.nativeElement.getAttribute('inert')).toBeTruthy(); + } + })); + + it('should return breakpoint value', fakeAsync(() => { + componentRef.setInput('responsive', 'false'); + fixture.detectChanges(); + expect(fixture.componentInstance.responsiveBreakpoint).toBeFalse(); + })); }); diff --git a/projects/coreui-angular/src/lib/offcanvas/offcanvas/offcanvas.component.ts b/projects/coreui-angular/src/lib/offcanvas/offcanvas/offcanvas.component.ts index a83ce571..cb437177 100644 --- a/projects/coreui-angular/src/lib/offcanvas/offcanvas/offcanvas.component.ts +++ b/projects/coreui-angular/src/lib/offcanvas/offcanvas/offcanvas.component.ts @@ -3,17 +3,16 @@ import { DOCUMENT, isPlatformBrowser } from '@angular/common'; import { booleanAttribute, Component, + computed, DestroyRef, + effect, ElementRef, - EventEmitter, - HostBinding, - HostListener, inject, - Inject, - Input, + input, + linkedSignal, OnDestroy, OnInit, - Output, + output, PLATFORM_ID, Renderer2 } from '@angular/core'; @@ -51,185 +50,186 @@ let nextId = 0; templateUrl: './offcanvas.component.html', styleUrls: ['./offcanvas.component.scss'], exportAs: 'cOffcanvas', - standalone: true, imports: [A11yModule], hostDirectives: [{ directive: ThemeDirective, inputs: ['dark'] }], - host: { ngSkipHydration: 'true' } + host: { + ngSkipHydration: 'true', + '[@showHide]': 'this.visible() ? "visible" : "hidden"', + '[attr.id]': 'id()', + '[attr.inert]': 'ariaHidden() || null', + '[attr.role]': 'role()', + '[attr.aria-modal]': 'ariaModal()', + '[attr.tabindex]': 'tabIndex', + '[class]': 'hostClasses()', + '(@showHide.start)': 'animateStart($event)', + '(@showHide.done)': 'animateDone($event)', + '(document:keydown)': 'onKeyDownHandler($event)' + } }) export class OffcanvasComponent implements OnInit, OnDestroy { - #destroyRef = inject(DestroyRef); - - constructor( - @Inject(DOCUMENT) private document: Document, - @Inject(PLATFORM_ID) private platformId: any, - private renderer: Renderer2, - private hostElement: ElementRef, - private offcanvasService: OffcanvasService, - private backdropService: BackdropService, - private breakpointObserver: BreakpointObserver - ) {} + readonly #document = inject(DOCUMENT); + readonly #platformId = inject(PLATFORM_ID); + readonly #renderer = inject(Renderer2); + readonly #hostElement = inject(ElementRef); + readonly #offcanvasService = inject(OffcanvasService); + readonly #backdropService = inject(BackdropService); + readonly #breakpointObserver = inject(BreakpointObserver); + readonly #destroyRef = inject(DestroyRef); /** * Apply a backdrop on body while offcanvas is open. - * @type boolean | 'static' + * @return boolean | 'static' * @default true */ - @Input() backdrop: boolean | 'static' = true; + readonly backdrop = input(true); /** * Closes the offcanvas when escape key is pressed [docs] - * @type boolean + * @return boolean * @default true */ - @Input({ transform: booleanAttribute }) keyboard = true; + readonly keyboard = input(true, { transform: booleanAttribute }); /** * Components placement, there’s no default placement. - * @type {'start' | 'end' | 'top' | 'bottom'} + * @return {'start' | 'end' | 'top' | 'bottom'} * @default 'start' */ - @Input() placement: string | 'start' | 'end' | 'top' | 'bottom' = 'start'; + readonly placement = input('start'); /** * Responsive offcanvas property hides content outside the viewport from a specified breakpoint and down. - * @type boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'; + * @return boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'; * @default true * @since 4.3.10 */ - @Input() responsive?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' = true; - @Input() id = `offcanvas-${this.placement}-${nextId++}`; + readonly responsive = input<(boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl') | undefined>(true); + readonly id = input(`offcanvas-${this.placement()}-${nextId++}`); + /** * Default role for offcanvas. [docs] - * @type string + * @return string * @default 'dialog' */ - @Input() @HostBinding('attr.role') role = 'dialog'; + readonly role = input('dialog'); + /** * Set aria-modal html attr for offcanvas. [docs] - * @type boolean + * @return boolean * @default true */ - @Input({ transform: booleanAttribute }) @HostBinding('attr.aria-modal') ariaModal = true; + readonly ariaModal = input(true, { transform: booleanAttribute }); #activeBackdrop!: HTMLDivElement; #backdropClickSubscription!: Subscription; #layoutChangeSubscription!: Subscription; - #show = false; /** * Allow body scrolling while offcanvas is visible. - * @type boolean + * @return boolean * @default false */ - @Input({ transform: booleanAttribute }) scroll: boolean = false; + readonly scroll = input(false, { transform: booleanAttribute }); /** * Toggle the visibility of offcanvas component. - * @type boolean + * @return boolean * @default false */ - @Input({ transform: booleanAttribute }) - set visible(value: boolean) { - this.#visible = value; - if (this.#visible) { - this.setBackdrop(this.backdrop); + readonly visibleInput = input(false, { transform: booleanAttribute, alias: 'visible' }); + + readonly visible = linkedSignal({ + source: this.visibleInput, + computation: (value) => value + }); + + readonly visibleEffect = effect(() => { + const visible = this.visible(); + if (visible) { + this.setBackdrop(this.backdrop()); this.setFocus(); } else { this.setBackdrop(false); } - this.layoutChangeSubscribe(this.#visible); - this.visibleChange.emit(value); - } - - get visible(): boolean { - return this.#visible; - } - - #visible: boolean = false; + this.layoutChangeSubscribe(visible); + this.visibleChange.emit(visible); + }); /** * Event triggered on visible change. - * @type EventEmitter + * @return */ - @Output() readonly visibleChange: EventEmitter = new EventEmitter(); + readonly visibleChange = output(); - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { + const responsive = this.responsive(); + const placement = this.placement(); + const visible = this.visible(); return { - offcanvas: typeof this.responsive === 'boolean', - [`offcanvas-${this.responsive}`]: typeof this.responsive !== 'boolean', - [`offcanvas-${this.placement}`]: !!this.placement, - show: this.show - }; - } + offcanvas: typeof responsive === 'boolean', + [`offcanvas-${responsive}`]: typeof responsive !== 'boolean', + [`offcanvas-${placement}`]: !!placement, + show: visible + } as Record; + }); - @HostBinding('attr.aria-hidden') - get ariaHidden(): boolean | null { - return this.visible ? null : true; - } + readonly ariaHidden = computed(() => { + return this.visible() ? null : true; + }); - @HostBinding('attr.tabindex') get tabIndex(): string | null { return '-1'; } - @HostBinding('@showHide') - get animateTrigger(): string { - return this.visible ? 'visible' : 'hidden'; - } - get show(): boolean { - return this.visible && this.#show; + return this.visible(); } set show(value: boolean) { - this.#show = value; + this.visible.set(value); } get responsiveBreakpoint(): string | false { - if (typeof this.responsive !== 'string') { + const responsive = this.responsive(); + if (typeof responsive !== 'string') { return false; } - const element: Element = this.document.documentElement; - const responsiveBreakpoint = this.responsive; + const element: Element = this.#document.documentElement; const breakpointValue = - this.document.defaultView + this.#document.defaultView ?.getComputedStyle(element) - ?.getPropertyValue(`--cui-breakpoint-${responsiveBreakpoint.trim()}`) ?? false; + ?.getPropertyValue(`--cui-breakpoint-${responsive.trim()}`) ?? false; return breakpointValue ? `${parseFloat(breakpointValue.trim()) - 0.02}px` : false; } - @HostListener('@showHide.start', ['$event']) animateStart(event: AnimationEvent) { if (event.toState === 'visible') { - if (!this.scroll) { - this.backdropService.hideScrollbar(); + if (!this.scroll()) { + this.#backdropService.hideScrollbar(); } - this.renderer.addClass(this.hostElement.nativeElement, 'showing'); + this.#renderer.addClass(this.#hostElement.nativeElement, 'showing'); } else { - this.renderer.addClass(this.hostElement.nativeElement, 'hiding'); + this.#renderer.addClass(this.#hostElement.nativeElement, 'hiding'); } } - @HostListener('@showHide.done', ['$event']) animateDone(event: AnimationEvent) { setTimeout(() => { if (event.toState === 'visible') { - this.renderer.removeClass(this.hostElement.nativeElement, 'showing'); + this.#renderer.removeClass(this.#hostElement.nativeElement, 'showing'); } if (event.toState === 'hidden') { - this.renderer.removeClass(this.hostElement.nativeElement, 'hiding'); - this.renderer.removeStyle(this.document.body, 'overflow'); - this.renderer.removeStyle(this.document.body, 'paddingRight'); + this.#renderer.removeClass(this.#hostElement.nativeElement, 'hiding'); + this.#renderer.removeStyle(this.#document.body, 'overflow'); + this.#renderer.removeStyle(this.#document.body, 'paddingRight'); } }); - this.show = this.visible; + this.show = this.visible(); } - @HostListener('document:keydown', ['$event']) onKeyDownHandler(event: KeyboardEvent): void { - if (event.key === 'Escape' && this.keyboard && this.visible && this.backdrop !== 'static') { - this.offcanvasService.toggle({ show: false, id: this.id }); + if (event.key === 'Escape' && this.keyboard() && this.visible() && this.backdrop() !== 'static') { + this.#offcanvasService.toggle({ show: false, id: this.id() }); } } @@ -237,25 +237,25 @@ export class OffcanvasComponent implements OnInit, OnDestroy { this.stateToggleSubscribe(); setTimeout(() => { // hotfix to avoid offcanvas flicker on the first render - this.renderer.setStyle(this.hostElement.nativeElement, 'display', 'flex'); + this.#renderer.setStyle(this.#hostElement.nativeElement, 'display', 'flex'); }); } ngOnDestroy(): void { - this.offcanvasService.toggle({ show: false, id: this.id }); + this.#offcanvasService.toggle({ show: false, id: this.id() }); } setFocus(): void { - if (isPlatformBrowser(this.platformId)) { - setTimeout(() => this.hostElement.nativeElement.focus()); + if (isPlatformBrowser(this.#platformId)) { + setTimeout(() => this.#hostElement.nativeElement.focus()); } } private stateToggleSubscribe(): void { - this.offcanvasService.offcanvasState$.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((action) => { - if (this === action.offcanvas || this.id === action.id) { + this.#offcanvasService.offcanvasState$.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((action) => { + if (this === action.offcanvas || this.id() === action.id) { if ('show' in action) { - this.visible = action?.show === 'toggle' ? !this.visible : action.show; + this.visible.update((value) => (action?.show === 'toggle' ? !value : action.show)); } } }); @@ -263,20 +263,20 @@ export class OffcanvasComponent implements OnInit, OnDestroy { private backdropClickSubscribe(subscribe: boolean = true): void { if (subscribe) { - this.#backdropClickSubscription = this.backdropService.backdropClick$ + this.#backdropClickSubscription = this.#backdropService.backdropClick$ .pipe(takeUntilDestroyed(this.#destroyRef)) .subscribe((clicked) => { - this.offcanvasService.toggle({ show: !clicked, id: this.id }); + this.#offcanvasService.toggle({ show: !clicked, id: this.id() }); }); } else { this.#backdropClickSubscription?.unsubscribe(); } } - private setBackdrop(setBackdrop: boolean | 'static'): void { + protected setBackdrop(setBackdrop: boolean | 'static'): void { this.#activeBackdrop = !!setBackdrop - ? this.backdropService.setBackdrop('offcanvas') - : this.backdropService.clearBackdrop(this.#activeBackdrop); + ? this.#backdropService.setBackdrop('offcanvas') + : this.#backdropService.clearBackdrop(this.#activeBackdrop); setBackdrop === true ? this.backdropClickSubscribe() : this.backdropClickSubscribe(false); } @@ -288,7 +288,7 @@ export class OffcanvasComponent implements OnInit, OnDestroy { const responsiveBreakpoint = `(max-width: ${this.responsiveBreakpoint})`; - const layoutChanges = this.breakpointObserver.observe([responsiveBreakpoint]); + const layoutChanges = this.#breakpointObserver.observe([responsiveBreakpoint]); this.#layoutChangeSubscription = layoutChanges .pipe( @@ -296,7 +296,7 @@ export class OffcanvasComponent implements OnInit, OnDestroy { takeUntilDestroyed(this.#destroyRef) ) .subscribe((breakpointState: BreakpointState) => { - this.visible = breakpointState.matches; + this.visible.set(breakpointState.matches); }); } else { this.#layoutChangeSubscription?.unsubscribe(); diff --git a/projects/coreui-angular/src/lib/pagination/page-item/page-item.component.spec.ts b/projects/coreui-angular/src/lib/pagination/page-item/page-item.component.spec.ts index e123a213..a07ee0c1 100644 --- a/projects/coreui-angular/src/lib/pagination/page-item/page-item.component.spec.ts +++ b/projects/coreui-angular/src/lib/pagination/page-item/page-item.component.spec.ts @@ -9,8 +9,7 @@ describe('PaginationItemComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ imports: [PageItemComponent] - }) - .compileComponents(); + }).compileComponents(); }); beforeEach(() => { diff --git a/projects/coreui-angular/src/lib/pagination/page-item/page-item.component.ts b/projects/coreui-angular/src/lib/pagination/page-item/page-item.component.ts index c4496d03..52e2301b 100644 --- a/projects/coreui-angular/src/lib/pagination/page-item/page-item.component.ts +++ b/projects/coreui-angular/src/lib/pagination/page-item/page-item.component.ts @@ -4,8 +4,6 @@ import { PageItemDirective } from './page-item.directive'; @Component({ selector: 'c-page-item', template: '', - styleUrls: ['./page-item.component.scss'], - standalone: true + styleUrls: ['./page-item.component.scss'] }) -export class PageItemComponent extends PageItemDirective { } - +export class PageItemComponent extends PageItemDirective {} diff --git a/projects/coreui-angular/src/lib/pagination/page-item/page-item.directive.spec.ts b/projects/coreui-angular/src/lib/pagination/page-item/page-item.directive.spec.ts index 9842bddf..790e0030 100644 --- a/projects/coreui-angular/src/lib/pagination/page-item/page-item.directive.spec.ts +++ b/projects/coreui-angular/src/lib/pagination/page-item/page-item.directive.spec.ts @@ -1,18 +1,60 @@ +import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing'; +import { Component, ComponentRef, DebugElement, input, Renderer2 } from '@angular/core'; +import { provideRouter, RouterLink } from '@angular/router'; + +import { PageLinkDirective } from '../page-link/page-link.directive'; +import { PageItemComponent } from './page-item.component'; import { PageItemDirective } from './page-item.directive'; -import { TestBed } from '@angular/core/testing'; -import { Renderer2 } from '@angular/core'; +import { By } from '@angular/platform-browser'; + +@Component({ + selector: 'c-test', + imports: [PageItemComponent, PageLinkDirective, PageItemComponent, PageLinkDirective, RouterLink], + template: ` + + Previous + + ` +}) +export class TestComponent { + readonly disabled = input(false); +} describe('PageItemDirective', () => { - let renderer: Renderer2; + let component: TestComponent; + let componentRef: ComponentRef; + let fixture: ComponentFixture; + let debugElement: DebugElement; beforeEach(() => { TestBed.configureTestingModule({ - imports: [Renderer2], - providers: [Renderer2] - }); + imports: [TestComponent], + providers: [Renderer2, provideRouter([])] + }).compileComponents(); + + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + componentRef = fixture.componentRef; + debugElement = fixture.debugElement.query(By.directive(PageLinkDirective)); }); + it('should create an instance', () => { - const directive = new PageItemDirective(renderer); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new PageItemDirective(); + expect(directive).toBeTruthy(); + }); }); + + it('should toggle disable state for the component', fakeAsync(() => { + expect(debugElement.nativeElement.getAttribute('aria-disabled')).toBeNull(); + expect(debugElement.nativeElement.getAttribute('tabindex')).toBeNull(); + componentRef.setInput('disabled', true); + tick(); + fixture.detectChanges(); + expect(debugElement.nativeElement.getAttribute('aria-disabled')).toBe('true'); + expect(debugElement.nativeElement.getAttribute('tabindex')).toBe('-1'); + componentRef.setInput('disabled', false); + tick(); + fixture.detectChanges(); + })); }); diff --git a/projects/coreui-angular/src/lib/pagination/page-item/page-item.directive.ts b/projects/coreui-angular/src/lib/pagination/page-item/page-item.directive.ts index 59c76640..7e85ceb8 100644 --- a/projects/coreui-angular/src/lib/pagination/page-item/page-item.directive.ts +++ b/projects/coreui-angular/src/lib/pagination/page-item/page-item.directive.ts @@ -1,74 +1,58 @@ -import { - AfterContentInit, - ContentChild, - Directive, - ElementRef, - HostBinding, - Input, - OnChanges, - Renderer2, - SimpleChanges -} from '@angular/core'; +import { computed, contentChild, Directive, effect, ElementRef, inject, input, Renderer2 } from '@angular/core'; import { PageLinkDirective } from '../page-link/page-link.directive'; @Directive({ selector: '[cPageItem]', - standalone: true, - host: { class: 'page-item' } + host: { + class: 'page-item', + '[class]': 'hostClasses()', + '[attr.aria-current]': 'ariaCurrent()' + } }) -export class PageItemDirective implements AfterContentInit, OnChanges { +export class PageItemDirective { + readonly #renderer = inject(Renderer2); + /** * Toggle the active state for the component. - * @type boolean + * @return boolean */ - @Input() active?: boolean; + readonly active = input(); + /** * Toggle the disabled state for the component. - * @type boolean + * @return boolean */ - @Input() disabled?: boolean; + readonly disabled = input(); - @HostBinding('attr.aria-current') - get ariaCurrent(): string | null { - return this.active ? 'page' : null; - } + readonly ariaCurrent = computed(() => { + return this.active() ? 'page' : null; + }); - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { return { 'page-item': true, - disabled: this.disabled, - active: this.active - }; - } - - @ContentChild(PageLinkDirective, { read: ElementRef }) pageLinkElementRef!: ElementRef; + disabled: this.disabled(), + active: this.active() + } as Record; + }); - constructor(private renderer: Renderer2) {} + readonly pageLinkElementRef = contentChild(PageLinkDirective, { read: ElementRef }); - ngAfterContentInit(): void { - this.setAttributes(); - } - - ngOnChanges(changes: SimpleChanges): void { - if (changes['disabled']) { - this.setAttributes(); - } - } - - setAttributes(): void { - if (!this.pageLinkElementRef) { + readonly pageLinkElementRefEffect = effect(() => { + const pageLinkElementRef = this.pageLinkElementRef(); + const disabled = this.disabled(); + if (!pageLinkElementRef) { return; } - const pageLinkElement = this.pageLinkElementRef.nativeElement; + const pageLinkElement = pageLinkElementRef.nativeElement; - if (this.disabled) { - this.renderer.setAttribute(pageLinkElement, 'aria-disabled', 'true'); - this.renderer.setAttribute(pageLinkElement, 'tabindex', '-1'); + if (disabled) { + this.#renderer.setAttribute(pageLinkElement, 'aria-disabled', 'true'); + this.#renderer.setAttribute(pageLinkElement, 'tabindex', '-1'); } else { - this.renderer.removeAttribute(pageLinkElement, 'aria-disabled'); - this.renderer.removeAttribute(pageLinkElement, 'tabindex'); + this.#renderer.removeAttribute(pageLinkElement, 'aria-disabled'); + this.#renderer.removeAttribute(pageLinkElement, 'tabindex'); } - } + }); } diff --git a/projects/coreui-angular/src/lib/pagination/page-link/page-link.directive.ts b/projects/coreui-angular/src/lib/pagination/page-link/page-link.directive.ts index 6d786b53..fd053286 100644 --- a/projects/coreui-angular/src/lib/pagination/page-link/page-link.directive.ts +++ b/projects/coreui-angular/src/lib/pagination/page-link/page-link.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: '[cPageLink]', - standalone: true, host: { class: 'page-link' } }) export class PageLinkDirective {} diff --git a/projects/coreui-angular/src/lib/pagination/pagination/pagination.component.html b/projects/coreui-angular/src/lib/pagination/pagination/pagination.component.html index 337c1837..fe5b272c 100644 --- a/projects/coreui-angular/src/lib/pagination/pagination/pagination.component.html +++ b/projects/coreui-angular/src/lib/pagination/pagination/pagination.component.html @@ -1,3 +1,3 @@ -
      +
      diff --git a/projects/coreui-angular/src/lib/pagination/pagination/pagination.component.ts b/projects/coreui-angular/src/lib/pagination/pagination/pagination.component.ts index 9d1117fa..e1cff52c 100644 --- a/projects/coreui-angular/src/lib/pagination/pagination/pagination.component.ts +++ b/projects/coreui-angular/src/lib/pagination/pagination/pagination.component.ts @@ -1,38 +1,39 @@ -import { Component, HostBinding, Input } from '@angular/core'; +import { Component, computed, input } from '@angular/core'; import { NgClass } from '@angular/common'; @Component({ selector: 'c-pagination', templateUrl: './pagination.component.html', - standalone: true, - imports: [NgClass] + imports: [NgClass], + host: { + '[attr.role]': 'role()' + } }) export class PaginationComponent { - /** * Set the alignment of pagination components. * @values 'start', 'center', 'end' */ - @Input() align: 'start' | 'center' | 'end' | '' = ''; + readonly align = input<'start' | 'center' | 'end' | ''>(''); /** * Size the component small or large. * @values 'sm', 'lg' */ - @Input() size?: 'sm' | 'lg'; + readonly size = input<'sm' | 'lg'>(); /** * Default role for pagination. [docs] - * @type string + * @return string * @default 'navigation' */ - @HostBinding('attr.role') - @Input() role = 'navigation'; + readonly role = input('navigation'); - get paginationClass(): any { + readonly paginationClass = computed(() => { + const size = this.size(); + const align = this.align(); return { pagination: true, - [`pagination-${this.size}`]: !!this.size, - [`justify-content-${this.align}`]: !!this.align - }; - } - + [`pagination-${size}`]: !!size, + [`justify-content-${align}`]: !!align + } as Record; + }); } diff --git a/projects/coreui-angular/src/lib/placeholder/placeholder-animation.directive.ts b/projects/coreui-angular/src/lib/placeholder/placeholder-animation.directive.ts index 68aab7da..212ff46f 100644 --- a/projects/coreui-angular/src/lib/placeholder/placeholder-animation.directive.ts +++ b/projects/coreui-angular/src/lib/placeholder/placeholder-animation.directive.ts @@ -3,7 +3,6 @@ import { PlaceholderDirective } from './placeholder.directive'; @Directive({ selector: '[cPlaceholderAnimation]', - standalone: true, host: { '[class]': 'hostClasses()' } @@ -23,6 +22,6 @@ export class PlaceholderAnimationDirective { readonly hostClasses = computed(() => { return { [`placeholder-${this.animation()}`]: this.placeholder()?.visible() && !!this.animation() - }; + } as Record; }); } diff --git a/projects/coreui-angular/src/lib/placeholder/placeholder.directive.spec.ts b/projects/coreui-angular/src/lib/placeholder/placeholder.directive.spec.ts index 15b97e31..48b76b00 100644 --- a/projects/coreui-angular/src/lib/placeholder/placeholder.directive.spec.ts +++ b/projects/coreui-angular/src/lib/placeholder/placeholder.directive.spec.ts @@ -1,11 +1,63 @@ -import { TestBed } from '@angular/core/testing'; +import { Component, ComponentRef, DebugElement, input } from '@angular/core'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; import { PlaceholderDirective } from './placeholder.directive'; +import { PlaceholderAnimationDirective } from './placeholder-animation.directive'; + +@Component({ + template: ` +

      + +

      + `, + imports: [PlaceholderDirective, PlaceholderAnimationDirective] +}) +class TestComponent { + readonly visible = input(true); + readonly animation = input<'glow' | 'wave' | undefined>(undefined); +} describe('PlaceholderDirective', () => { + let component: TestComponent; + let componentRef: ComponentRef; + let fixture: ComponentFixture; + let debugElement: DebugElement; + let wrapperElement: DebugElement; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }).compileComponents(); + + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + componentRef = fixture.componentRef; + debugElement = fixture.debugElement.query(By.directive(PlaceholderDirective)); + wrapperElement = fixture.debugElement.query(By.directive(PlaceholderAnimationDirective)); + }); + it('should create an instance', () => { TestBed.runInInjectionContext(() => { const directive = new PlaceholderDirective(); expect(directive).toBeTruthy(); }); }); + + it('should toggle visibility for the placeholder', () => { + componentRef.setInput('visible', true); + fixture.detectChanges(); + expect(debugElement.nativeElement).toHaveClass('placeholder'); + expect(debugElement.nativeElement).toHaveClass('placeholder-sm'); + componentRef.setInput('visible', false); + fixture.detectChanges(); + expect(debugElement.nativeElement.getAttribute('aria-hidden')).toBe('true'); + expect(debugElement.nativeElement).not.toHaveClass('placeholder'); + }); + + it('should toggle animation for the placeholder', () => { + expect(wrapperElement.nativeElement).not.toHaveClass('placeholder-glow'); + componentRef.setInput('animation', 'glow'); + fixture.detectChanges(); + expect(wrapperElement.nativeElement).toHaveClass('placeholder-glow'); + }); }); diff --git a/projects/coreui-angular/src/lib/placeholder/placeholder.directive.ts b/projects/coreui-angular/src/lib/placeholder/placeholder.directive.ts index 61ba21d1..637d0d4c 100644 --- a/projects/coreui-angular/src/lib/placeholder/placeholder.directive.ts +++ b/projects/coreui-angular/src/lib/placeholder/placeholder.directive.ts @@ -3,7 +3,6 @@ import { booleanAttribute, computed, Directive, input, InputSignalWithTransform @Directive({ selector: '[cPlaceholder]', exportAs: 'cPlaceholder', - standalone: true, host: { '[class]': 'hostClasses()', '[attr.aria-hidden]': 'ariaHidden()' @@ -33,6 +32,6 @@ export class PlaceholderDirective { return { placeholder: this.visible(), [`placeholder-${this.size()}`]: !!this.size() - }; + } as Record; }); } diff --git a/projects/coreui-angular/src/lib/popover/popover.directive.spec.ts b/projects/coreui-angular/src/lib/popover/popover.directive.spec.ts index 76e389ad..74857979 100644 --- a/projects/coreui-angular/src/lib/popover/popover.directive.spec.ts +++ b/projects/coreui-angular/src/lib/popover/popover.directive.spec.ts @@ -1,30 +1,97 @@ -import { ChangeDetectorRef, ElementRef, Renderer2, ViewContainerRef } from '@angular/core'; -import { TestBed } from '@angular/core/testing'; -import { IntersectionService, ListenersService } from '../services'; +import { DOCUMENT } from '@angular/common'; +import { + ChangeDetectorRef, + Component, + ComponentRef, + DebugElement, + ElementRef, + Renderer2, + ViewContainerRef +} from '@angular/core'; +import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; +import { ListenersService } from '../services'; import { PopoverDirective } from './popover.directive'; +import { Triggers } from '../coreui.types'; + +@Component({ + template: '', + imports: [PopoverDirective] +}) +export class TestComponent { + content = 'Test'; + visible = false; + trigger: Triggers[] = ['hover', 'click']; +} + +class MockElementRef extends ElementRef {} describe('PopoverDirective', () => { - let renderer: Renderer2; - let hostElement: ElementRef; - let viewContainerRef: ViewContainerRef; - let changeDetectorRef: ChangeDetectorRef; + let component: TestComponent; + let componentRef: ComponentRef; + let fixture: ComponentFixture; + let debugElement: DebugElement; + let document: Document; - it('should create an instance', () => { + beforeEach(() => { TestBed.configureTestingModule({ - providers: [IntersectionService, Renderer2, ListenersService] - }); - const intersectionService = TestBed.inject(IntersectionService); - const listenersService = TestBed.inject(ListenersService); + imports: [TestComponent], + providers: [ + // IntersectionService, + Renderer2, + ListenersService, + { provide: ElementRef, useClass: MockElementRef }, + ViewContainerRef, + ChangeDetectorRef + ] + }).compileComponents(); + document = TestBed.inject(DOCUMENT); + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + debugElement = fixture.debugElement.query(By.directive(PopoverDirective)); + fixture.autoDetectChanges(); + }); + + it('should create an instance', () => { TestBed.runInInjectionContext(() => { - const directive = new PopoverDirective( - renderer, - hostElement, - viewContainerRef, - listenersService, - changeDetectorRef, - intersectionService - ); + const directive = new PopoverDirective(); expect(directive).toBeTruthy(); }); }); + + it('should have css classes', fakeAsync(() => { + expect(document.querySelector('.popover.show')).toBeNull(); + component.visible = true; + fixture.detectChanges(); + tick(500); + expect(document.querySelector('.popover.show')).toBeTruthy(); + component.visible = false; + fixture.detectChanges(); + tick(500); + expect(document.querySelector('.popover.show')).toBeNull(); + })); + + it('should set popover on and off', fakeAsync(() => { + fixture.autoDetectChanges(); + component.visible = false; + expect(document.querySelector('.popover.show')).toBeNull(); + debugElement.nativeElement.dispatchEvent(new Event('mouseenter')); + tick(500); + expect(document.querySelector('.popover.show')).toBeTruthy(); + debugElement.nativeElement.dispatchEvent(new Event('mouseleave')); + tick(500); + expect(document.querySelector('.popover.show')).toBeNull(); + })); + + it('should toggle popover', fakeAsync(() => { + fixture.autoDetectChanges(); + component.visible = false; + expect(document.querySelector('.popover.show')).toBeNull(); + debugElement.nativeElement.dispatchEvent(new Event('click')); + tick(500); + expect(document.querySelector('.popover.show')).toBeTruthy(); + debugElement.nativeElement.dispatchEvent(new Event('click')); + tick(500); + expect(document.querySelector('.popover.show')).toBeNull(); + })); }); diff --git a/projects/coreui-angular/src/lib/popover/popover.directive.ts b/projects/coreui-angular/src/lib/popover/popover.directive.ts index bef0ed31..a0370f4e 100644 --- a/projects/coreui-angular/src/lib/popover/popover.directive.ts +++ b/projects/coreui-angular/src/lib/popover/popover.directive.ts @@ -30,17 +30,25 @@ import { PopoverComponent } from './popover/popover.component'; selector: '[cPopover]', exportAs: 'cPopover', providers: [ListenersService, IntersectionService], - standalone: true, host: { '[attr.aria-describedby]': 'ariaDescribedBy' } }) export class PopoverDirective implements OnDestroy, OnInit, AfterViewInit { + readonly #renderer = inject(Renderer2); + readonly #hostElement = inject(ElementRef); + readonly #viewContainerRef = inject(ViewContainerRef); + readonly #listenersService = inject(ListenersService); + readonly #changeDetectorRef = inject(ChangeDetectorRef); + readonly #intersectionService = inject(IntersectionService); + readonly #destroyRef = inject(DestroyRef); + readonly #document = inject(DOCUMENT); + /** * Content of popover - * @type {string | TemplateRef} + * @return {string | TemplateRef} */ readonly content = input | undefined>(undefined, { alias: 'cPopover' }); - contentEffect = effect(() => { + readonly #contentEffect = effect(() => { if (this.content()) { this.destroyTooltipElement(); } @@ -48,11 +56,11 @@ export class PopoverDirective implements OnDestroy, OnInit, AfterViewInit { /** * Optional popper Options object, takes precedence over cPopoverPlacement prop - * @type Partial + * @return Partial */ readonly popperOptions = input>({}, { alias: 'cPopoverOptions' }); - popperOptionsEffect = effect(() => { + readonly #popperOptionsEffect = effect(() => { this._popperOptions = { ...this._popperOptions, placement: this.placement(), @@ -60,39 +68,39 @@ export class PopoverDirective implements OnDestroy, OnInit, AfterViewInit { }; }); - popperOptionsComputed = computed(() => { + readonly popperOptionsComputed = computed(() => { return { placement: this.placement(), ...this._popperOptions }; }); /** * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. - * @type: 'top' | 'bottom' | 'left' | 'right' + * @return: 'top' | 'bottom' | 'left' | 'right' * @default: 'top' */ readonly placement = input<'top' | 'bottom' | 'left' | 'right'>('top', { alias: 'cPopoverPlacement' }); /** * ElementRefDirective for positioning the tooltip on reference element - * @type: ElementRefDirective + * @return: ElementRefDirective * @default: undefined */ readonly reference = input(undefined, { alias: 'cTooltipRef' }); - readonly referenceRef = computed(() => this.reference()?.elementRef ?? this.hostElement); + readonly referenceRef = computed(() => this.reference()?.elementRef ?? this.#hostElement); /** * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them. - * @type: 'Triggers | Triggers[] + * @return: Triggers | Triggers[] */ readonly trigger = input('hover', { alias: 'cPopoverTrigger' }); /** * Toggle the visibility of popover component. - * @type boolean + * @return boolean */ readonly visible = model(false, { alias: 'cPopoverVisible' }); - visibleEffect = effect(() => { + readonly #visibleEffect = effect(() => { this.visible() ? this.addTooltipElement() : this.removeTooltipElement(); }); @@ -116,18 +124,6 @@ export class PopoverDirective implements OnDestroy, OnInit, AfterViewInit { ] }; - readonly #destroyRef = inject(DestroyRef); - readonly #document = inject(DOCUMENT); - - constructor( - private renderer: Renderer2, - private hostElement: ElementRef, - private viewContainerRef: ViewContainerRef, - private listenersService: ListenersService, - private changeDetectorRef: ChangeDetectorRef, - private intersectionService: IntersectionService - ) {} - ngAfterViewInit(): void { this.intersectionServiceSubscribe(); } @@ -143,10 +139,10 @@ export class PopoverDirective implements OnDestroy, OnInit, AfterViewInit { private setListeners(): void { const config: IListenersConfig = { - hostElement: this.hostElement, + hostElement: this.#hostElement, trigger: this.trigger(), callbackToggle: () => { - this.visible.set(!this.visible()); + this.visible.update((visible) => !visible); }, callbackOff: () => { this.visible.set(false); @@ -155,21 +151,21 @@ export class PopoverDirective implements OnDestroy, OnInit, AfterViewInit { this.visible.set(true); } }; - this.listenersService.setListeners(config); + this.#listenersService.setListeners(config); } private clearListeners(): void { - this.listenersService.clearListeners(); + this.#listenersService.clearListeners(); } private intersectionServiceSubscribe(): void { - this.intersectionService.createIntersectionObserver(this.referenceRef()); - this.intersectionService.intersecting$ + this.#intersectionService.createIntersectionObserver(this.referenceRef()); + this.#intersectionService.intersecting$ .pipe( filter((next) => next.hostElement === this.referenceRef()), debounceTime(100), finalize(() => { - this.intersectionService.unobserve(this.referenceRef()); + this.#intersectionService.unobserve(this.referenceRef()); }), takeUntilDestroyed(this.#destroyRef) ) @@ -189,7 +185,7 @@ export class PopoverDirective implements OnDestroy, OnInit, AfterViewInit { private createTooltipElement(): void { if (!this.tooltipRef) { - this.tooltipRef = this.viewContainerRef.createComponent(PopoverComponent); + this.tooltipRef = this.#viewContainerRef.createComponent(PopoverComponent); // this.viewContainerRef.detach(); } } @@ -200,8 +196,8 @@ export class PopoverDirective implements OnDestroy, OnInit, AfterViewInit { // @ts-ignore this.tooltipRef = undefined; this.popperInstance?.destroy(); - this.viewContainerRef?.detach(); - this.viewContainerRef?.clear(); + this.#viewContainerRef?.detach(); + this.#viewContainerRef?.clear(); } private addTooltipElement(): void { @@ -217,13 +213,13 @@ export class PopoverDirective implements OnDestroy, OnInit, AfterViewInit { this.tooltipRef?.setInput('content', this.content() ?? ''); this.tooltip = this.tooltipRef?.location.nativeElement; - this.renderer.addClass(this.tooltip, 'd-none'); - this.renderer.addClass(this.tooltip, 'fade'); + this.#renderer.addClass(this.tooltip, 'd-none'); + this.#renderer.addClass(this.tooltip, 'fade'); this.popperInstance?.destroy(); - this.viewContainerRef.insert(this.tooltipRef.hostView); - this.renderer.appendChild(this.#document.body, this.tooltip); + this.#viewContainerRef.insert(this.tooltipRef.hostView); + this.#renderer.appendChild(this.#document.body, this.tooltip); this.popperInstance = createPopper(this.referenceRef().nativeElement, this.tooltip, { ...this.popperOptionsComputed() @@ -236,10 +232,10 @@ export class PopoverDirective implements OnDestroy, OnInit, AfterViewInit { setTimeout(() => { this.tooltipId = this.getUID('popover'); this.tooltipRef?.setInput('id', this.tooltipId); - this.renderer.removeClass(this.tooltip, 'd-none'); + this.#renderer.removeClass(this.tooltip, 'd-none'); this.tooltipRef?.setInput('visible', this.visible()); this.popperInstance?.forceUpdate(); - this.changeDetectorRef?.markForCheck(); + this.#changeDetectorRef?.markForCheck(); }, 100); } @@ -250,9 +246,9 @@ export class PopoverDirective implements OnDestroy, OnInit, AfterViewInit { } this.tooltipRef.setInput('visible', false); this.tooltipRef.setInput('id', undefined); - this.changeDetectorRef.markForCheck(); + this.#changeDetectorRef.markForCheck(); setTimeout(() => { - this.viewContainerRef?.detach(); + this.#viewContainerRef?.detach(); }, 300); } } diff --git a/projects/coreui-angular/src/lib/popover/popover/popover.component.ts b/projects/coreui-angular/src/lib/popover/popover/popover.component.ts index ccdf04d5..70175099 100644 --- a/projects/coreui-angular/src/lib/popover/popover/popover.component.ts +++ b/projects/coreui-angular/src/lib/popover/popover/popover.component.ts @@ -16,7 +16,6 @@ import { NgClass } from '@angular/common'; @Component({ selector: 'c-popover', templateUrl: './popover.component.html', - standalone: true, imports: [NgClass], host: { class: 'popover fade bs-popover-auto', @@ -30,17 +29,17 @@ export class PopoverComponent implements OnDestroy { /** * Content of popover - * @type {string | TemplateRef} + * @return {string | TemplateRef} */ readonly content = input>(''); - readonly contentEffect = effect(() => { + readonly #contentEffect = effect(() => { this.updateView(this.content()); }); /** * Toggle the visibility of popover component. - * @type boolean + * @return boolean */ readonly visible = input(false, { transform: booleanAttribute }); readonly id = input(); @@ -49,13 +48,13 @@ export class PopoverComponent implements OnDestroy { readonly viewContainerRef = viewChild('popoverTemplate', { read: ViewContainerRef }); private textNode!: Text; - readonly hostClasses = computed>(() => { + readonly hostClasses = computed(() => { return { popover: true, fade: true, show: this.visible(), 'bs-popover-auto': true - }; + } as Record; }); ngOnDestroy(): void { diff --git a/projects/coreui-angular/src/lib/progress/progress-bar.component.spec.ts b/projects/coreui-angular/src/lib/progress/progress-bar.component.spec.ts index 08d4c6bd..6441107e 100644 --- a/projects/coreui-angular/src/lib/progress/progress-bar.component.spec.ts +++ b/projects/coreui-angular/src/lib/progress/progress-bar.component.spec.ts @@ -1,24 +1,31 @@ import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; +import { ComponentRef } from '@angular/core'; import { ProgressBarComponent } from './progress-bar.component'; import { ProgressBarDirective } from './progress-bar.directive'; +import { ProgressService } from './progress.service'; describe('ProgressBarComponent', () => { let component: ProgressBarComponent; + let componentRef: ComponentRef; let fixture: ComponentFixture; + let directive: ProgressBarDirective; beforeEach(waitForAsync(() => { TestBed.configureTestingModule({ - imports: [ProgressBarComponent, ProgressBarDirective] + imports: [ProgressBarComponent], + providers: [ProgressService] }).compileComponents(); fixture = TestBed.createComponent(ProgressBarComponent); component = fixture.componentInstance; - fixture.debugElement.injector.get(ProgressBarDirective).value = 42; - fixture.debugElement.injector.get(ProgressBarDirective).color = 'success'; - fixture.debugElement.injector.get(ProgressBarDirective).variant = 'striped'; - fixture.debugElement.injector.get(ProgressBarDirective).animated = true; + componentRef = fixture.componentRef; + directive = fixture.debugElement.injector.get(ProgressBarDirective); + componentRef.setInput('value', 42); + componentRef.setInput('color', 'success'); + componentRef.setInput('variant', 'striped'); + componentRef.setInput('animated', true); fixture.detectChanges(); })); @@ -45,7 +52,7 @@ describe('ProgressBarComponent', () => { }); it('should not have aria-* attributes', () => { - fixture.debugElement.injector.get(ProgressBarDirective).value = undefined; + componentRef.setInput('value', undefined); fixture.detectChanges(); expect(fixture.nativeElement.getAttribute('aria-valuenow')).toBeFalsy(); expect(fixture.nativeElement.getAttribute('aria-valuemin')).toBeFalsy(); @@ -54,15 +61,4 @@ describe('ProgressBarComponent', () => { // expect(fixture.nativeElement.style.width).toBeFalsy(); expect(fixture.nativeElement.style.width).toBe('0%'); }); - - it('should not have aria-* attributes', () => { - fixture.debugElement.injector.get(ProgressBarDirective).value = undefined; - fixture.debugElement.injector.get(ProgressBarDirective).width = 84; - fixture.detectChanges(); - expect(fixture.nativeElement.getAttribute('aria-valuenow')).toBeFalsy(); - expect(fixture.nativeElement.getAttribute('aria-valuemin')).toBeFalsy(); - expect(fixture.nativeElement.getAttribute('aria-valuemax')).toBeFalsy(); - expect(fixture.nativeElement.getAttribute('role')).toBeFalsy(); - expect(fixture.nativeElement.style.width).toBe('84%'); - }); }); diff --git a/projects/coreui-angular/src/lib/progress/progress-bar.component.ts b/projects/coreui-angular/src/lib/progress/progress-bar.component.ts index 6278b2e4..6d61a885 100644 --- a/projects/coreui-angular/src/lib/progress/progress-bar.component.ts +++ b/projects/coreui-angular/src/lib/progress/progress-bar.component.ts @@ -1,32 +1,29 @@ -import { ChangeDetectionStrategy, Component, HostBinding, inject } from '@angular/core'; +import { Component, computed, inject } from '@angular/core'; import { ProgressBarDirective } from './progress-bar.directive'; @Component({ selector: 'c-progress-bar', template: '', - standalone: true, hostDirectives: [ { directive: ProgressBarDirective, - inputs: ['animated', 'color', 'max', 'role', 'stacked', 'value', 'variant', 'width'] + inputs: ['animated', 'color', 'max', 'role', 'value', 'variant'] } ], - changeDetection: ChangeDetectionStrategy.OnPush, - host: { class: 'progress-bar' } + host: { class: 'progress-bar', '[class]': 'hostClasses()' } }) export class ProgressBarComponent { readonly #progressBarDirective: ProgressBarDirective | null = inject(ProgressBarDirective, { optional: true }); - @HostBinding('class') - get hostClasses(): Record { - const animated = this.#progressBarDirective?.animated; - const color = this.#progressBarDirective?.color; - const variant = this.#progressBarDirective?.variant; + readonly hostClasses = computed(() => { + const animated = this.#progressBarDirective?.animated(); + const color = this.#progressBarDirective?.color(); + const variant = this.#progressBarDirective?.variant(); return { 'progress-bar': true, 'progress-bar-animated': !!animated, [`progress-bar-${variant}`]: !!variant, [`bg-${color}`]: !!color - }; - } + } as Record; + }); } diff --git a/projects/coreui-angular/src/lib/progress/progress-bar.directive.spec.ts b/projects/coreui-angular/src/lib/progress/progress-bar.directive.spec.ts index b50ef6db..35b7967a 100644 --- a/projects/coreui-angular/src/lib/progress/progress-bar.directive.spec.ts +++ b/projects/coreui-angular/src/lib/progress/progress-bar.directive.spec.ts @@ -1,33 +1,81 @@ -import { ElementRef, Renderer2 } from '@angular/core'; -import { TestBed } from '@angular/core/testing'; +import { Component, ComponentRef, DebugElement, ElementRef, input, Renderer2 } from '@angular/core'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { ProgressBarDirective } from './progress-bar.directive'; +import { By } from '@angular/platform-browser'; +import { ProgressService } from './progress.service'; class MockElementRef extends ElementRef {} +@Component({ + template: `
      `, + selector: 'c-test', + imports: [ProgressBarDirective] +}) +export class TestComponent { + readonly value = input(42); + readonly color = input('success'); +} + describe('ProgressBarDirective', () => { let directive: ProgressBarDirective; + let debugElement: DebugElement; + let fixture: ComponentFixture; + let componentRef: ComponentRef; beforeEach(() => { - TestBed.configureTestingModule({ - providers: [ - Renderer2, - { provide: ElementRef, useClass: MockElementRef } - ] + providers: [Renderer2, { provide: ElementRef, useClass: MockElementRef }, ProgressService], + imports: [TestComponent] }); + fixture = TestBed.createComponent(TestComponent); + componentRef = fixture.componentRef; + debugElement = fixture.debugElement.query(By.directive(ProgressBarDirective)); + directive = debugElement.injector.get(ProgressBarDirective); + fixture.detectChanges(); - TestBed.runInInjectionContext(() => { - directive = new ProgressBarDirective(); - }); + // TestBed.runInInjectionContext(() => { + // directive = new ProgressBarDirective(); + // }); }); it('should create an instance', () => { expect(directive).toBeDefined(); }); - it('should have percent value', () => { - directive.value = 42; - expect(directive.percent()).toBe(42); + it('should have color value', () => { + expect(directive.color()).toBe('success'); + }); + + it('should have max value', () => { + expect(directive.max()).toBe(100); + }); + + it('should have variant value', () => { + expect(directive.variant()).toBe('striped'); }); + it('should have role value', () => { + expect(directive.role()).toBe('progressbar'); + }); + + it('should have precision value', () => { + expect(directive.precision()).toBe(0); + }); + + it('should have animated value', () => { + expect(directive.animated()).toBe(true); + }); + + it('should have aria-* attributes', () => { + expect(debugElement.nativeElement.getAttribute('aria-valuenow')).toBe('42'); + expect(debugElement.nativeElement.getAttribute('aria-valuemin')).toBe('0'); + expect(debugElement.nativeElement.getAttribute('aria-valuemax')).toBe('100'); + expect(debugElement.nativeElement.getAttribute('role')).toBe('progressbar'); + componentRef.setInput('value', undefined); + fixture.detectChanges(); + expect(debugElement.nativeElement.getAttribute('aria-valuenow')).toBeNull(); + expect(debugElement.nativeElement.getAttribute('aria-valuemin')).toBeNull(); + expect(debugElement.nativeElement.getAttribute('aria-valuemax')).toBeNull(); + expect(debugElement.nativeElement.getAttribute('role')).toBeNull(); + }); }); diff --git a/projects/coreui-angular/src/lib/progress/progress-bar.directive.ts b/projects/coreui-angular/src/lib/progress/progress-bar.directive.ts index 82ab887c..6e972d0e 100644 --- a/projects/coreui-angular/src/lib/progress/progress-bar.directive.ts +++ b/projects/coreui-angular/src/lib/progress/progress-bar.directive.ts @@ -1,57 +1,45 @@ import { booleanAttribute, - computed, Directive, effect, EffectRef, ElementRef, inject, - Input, + input, numberAttribute, - Renderer2, - signal, - WritableSignal + Renderer2 } from '@angular/core'; import { Colors } from '../coreui.types'; -import { IProgressBar } from './progress.type'; +import { ProgressService } from './progress.service'; @Directive({ selector: '[cProgressBar]', - standalone: true + exportAs: 'cProgressBar' }) -export class ProgressBarDirective implements IProgressBar { +export class ProgressBarDirective { readonly #renderer = inject(Renderer2); readonly #hostElement = inject(ElementRef); - - readonly #max = signal(100); - readonly #min = 0; - readonly #value: WritableSignal = signal(undefined); - readonly #width: WritableSignal = signal(undefined); - - readonly percent = computed(() => { - return +((((this.#value() ?? this.#width() ?? 0) - this.#min) / (this.#max() - this.#min)) * 100).toFixed( - this.precision - ); - }); + readonly #progressService = inject(ProgressService); readonly #valuesEffect: EffectRef = effect(() => { const host: HTMLElement = this.#hostElement.nativeElement; - if (this.#value() === undefined || this.#width()) { + const value = this.#progressService.value(); + const percent = this.#progressService.percent(); + const stacked = this.#progressService.stacked(); + if (value === undefined) { for (const name of ['aria-valuenow', 'aria-valuemax', 'aria-valuemin', 'role']) { this.#renderer.removeAttribute(host, name); } } else { - this.#renderer.setAttribute(host, 'aria-valuenow', String(this.#value())); - this.#renderer.setAttribute(host, 'aria-valuemin', String(this.#min)); - this.#renderer.setAttribute(host, 'aria-valuemax', String(this.#max())); - this.#renderer.setAttribute(host, 'role', this.role); + const { min, max } = this.#progressService; + this.#renderer.setAttribute(host, 'aria-valuenow', String(value)); + this.#renderer.setAttribute(host, 'aria-valuemin', String(min())); + this.#renderer.setAttribute(host, 'aria-valuemax', String(max())); + this.#renderer.setAttribute(host, 'role', this.role()); } const tagName = host.tagName; - if ( - this.percent() >= 0 && - ((this.stacked && tagName === 'C-PROGRESS') || (!this.stacked && tagName !== 'C-PROGRESS')) - ) { - this.#renderer.setStyle(host, 'width', `${this.percent()}%`); + if (percent >= 0 && ((stacked && tagName === 'C-PROGRESS') || (!stacked && tagName !== 'C-PROGRESS'))) { + this.#renderer.setStyle(host, 'width', `${percent}%`); } else { this.#renderer.removeStyle(host, 'width'); } @@ -59,65 +47,50 @@ export class ProgressBarDirective implements IProgressBar { /** * Use to animate the stripes right to left via CSS3 animations. - * @type boolean + * @return boolean */ - @Input({ transform: booleanAttribute }) animated?: boolean; + readonly animated = input(undefined, { transform: booleanAttribute }); /** * Sets the color context of the component to one of CoreUI’s themed colors. * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light' */ - @Input() color?: Colors; + readonly color = input(); - // TODO: check if this is necessary. - @Input({ transform: numberAttribute }) precision: number = 0; + readonly precision = input(0, { transform: numberAttribute }); /** * The percent value the ProgressBar. - * @type number + * @return number * @default 0 */ - @Input({ transform: numberAttribute }) - set value(value: number | undefined) { - this.#value.set(value); - } - - get value() { - return this.#value(); - } - - @Input({ transform: numberAttribute }) - set width(value: number | undefined) { - this.#width.set(value); - } + readonly value = input(0, { transform: numberAttribute }); /** * Set the progress bar variant to optional striped. * @values 'striped' * @default undefined */ - @Input() variant?: 'striped'; + readonly variant = input<'striped'>(); /** * The max value of the ProgressBar. - * @type number + * @return number * @default 100 */ - @Input({ transform: numberAttribute }) - set max(max: number) { - this.#max.set(isNaN(max) || max <= 0 ? 100 : max); - } - - /** - * Stacked ProgressBars. - * @type boolean - * @default false - */ - @Input({ transform: booleanAttribute }) stacked?: boolean = false; + readonly max = input(100, { transform: numberAttribute }); /** * Set default html role attribute. - * @type string + * @return string */ - @Input() role: string = 'progressbar'; + readonly role = input('progressbar'); + + readonly #serviceEffect = effect(() => { + this.#progressService.precision.set(this.precision()); + const max = this.max(); + this.#progressService.max.set(isNaN(max) || max <= 0 ? 100 : max); + const value = this.value(); + this.#progressService.value.set(value && !isNaN(value) ? value : undefined); + }); } diff --git a/projects/coreui-angular/src/lib/progress/progress-stacked.component.ts b/projects/coreui-angular/src/lib/progress/progress-stacked.component.ts index e2895cc9..b5cd17af 100644 --- a/projects/coreui-angular/src/lib/progress/progress-stacked.component.ts +++ b/projects/coreui-angular/src/lib/progress/progress-stacked.component.ts @@ -1,16 +1,16 @@ -import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; -import { IProgressBarStacked } from './progress.type'; +import { Component, input } from '@angular/core'; @Component({ selector: 'c-progress-stacked', - standalone: true, + exportAs: 'cProgressStacked', template: '', - styles: `:host { display: flex }`, - changeDetection: ChangeDetectionStrategy.OnPush + styles: ` + :host { + display: flex; + } + `, + host: { '[class.progress-stacked]': 'stacked()' } }) -export class ProgressStackedComponent implements IProgressBarStacked { - - @Input() - @HostBinding('class.progress-stacked') stacked = true; - +export class ProgressStackedComponent { + readonly stacked = input(true); } diff --git a/projects/coreui-angular/src/lib/progress/progress.component.html b/projects/coreui-angular/src/lib/progress/progress.component.html index e07f417e..f1f7d393 100644 --- a/projects/coreui-angular/src/lib/progress/progress.component.html +++ b/projects/coreui-angular/src/lib/progress/progress.component.html @@ -1,11 +1,8 @@ -@if (contentProgressBars.length) { +@if (contentProgressBars()?.length) { -} @else if (pbd?.stacked) { - - - } @else { - + @let pbd = progressBarDirective; + } diff --git a/projects/coreui-angular/src/lib/progress/progress.component.spec.ts b/projects/coreui-angular/src/lib/progress/progress.component.spec.ts index 6da09611..24f9d3b9 100644 --- a/projects/coreui-angular/src/lib/progress/progress.component.spec.ts +++ b/projects/coreui-angular/src/lib/progress/progress.component.spec.ts @@ -3,17 +3,11 @@ import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; import { ProgressComponent } from './progress.component'; import { ProgressBarDirective } from './progress-bar.directive'; -import { ProgressStackedComponent } from './progress-stacked.component'; @Component({ - template: ` - `, + template: ` `, selector: 'c-test', - imports: [ - ProgressComponent, - ProgressStackedComponent - ], - standalone: true + imports: [ProgressComponent] }) export class TestComponent {} @@ -30,9 +24,8 @@ describe('ProgressComponent', () => { fixture = TestBed.createComponent(TestComponent); component = fixture.componentInstance; - progress = fixture.debugElement.childNodes.find(v => ProgressComponent); + progress = fixture.debugElement.childNodes.find((v) => ProgressComponent); // let x= fixture.debugElement.queryAll(By.directive(ProgressBarDirective)) - // console.log(x) fixture.detectChanges(); })); diff --git a/projects/coreui-angular/src/lib/progress/progress.component.ts b/projects/coreui-angular/src/lib/progress/progress.component.ts index 85b9a634..b38324f6 100644 --- a/projects/coreui-angular/src/lib/progress/progress.component.ts +++ b/projects/coreui-angular/src/lib/progress/progress.component.ts @@ -1,26 +1,24 @@ import { NgTemplateOutlet } from '@angular/common'; import { booleanAttribute, - ChangeDetectionStrategy, Component, - ContentChildren, + computed, + contentChildren, ElementRef, - HostBinding, inject, - Input, - numberAttribute, - QueryList + input, + numberAttribute } from '@angular/core'; -import { IProgress } from './progress.type'; import { ProgressBarComponent } from './progress-bar.component'; import { ProgressBarDirective } from './progress-bar.directive'; import { ProgressStackedComponent } from './progress-stacked.component'; +import { ProgressService } from './progress.service'; @Component({ selector: 'c-progress', + exportAs: 'cProgress', templateUrl: './progress.component.html', imports: [ProgressBarComponent, NgTemplateOutlet], - standalone: true, styleUrl: './progress.component.scss', hostDirectives: [ { @@ -28,49 +26,59 @@ import { ProgressStackedComponent } from './progress-stacked.component'; inputs: ['animated', 'color', 'max', 'role', 'value', 'variant'] } ], - changeDetection: ChangeDetectionStrategy.OnPush, - host: { class: 'progress' } + host: { + class: 'progress', + '[class]': 'hostClasses()', + '[style.height]': 'hostStyle()' + }, + providers: [ProgressService] }) -export class ProgressComponent implements IProgress { - protected readonly pbd: ProgressBarDirective | null = inject(ProgressBarDirective, { optional: true }); - readonly #stacked?: boolean = inject(ProgressStackedComponent, { optional: true })?.stacked; - readonly #elementRef = inject(ElementRef); +export class ProgressComponent { + readonly #hostElement = inject(ElementRef); + protected readonly progressBarDirective: ProgressBarDirective | null = inject(ProgressBarDirective, { + optional: true + }); + readonly #stacked: boolean = inject(ProgressStackedComponent, { optional: true })?.stacked() ?? false; + readonly #progressService = inject(ProgressService); constructor() { - if (this.pbd) { - this.pbd.stacked = this.#stacked; - } + this.#progressService.stacked.set(this.#stacked); } - @ContentChildren(ProgressBarComponent) contentProgressBars!: QueryList; + readonly stacked = this.#progressService.stacked; + readonly percent = this.#progressService.percent; + readonly value = this.#progressService.value; + + readonly contentProgressBars = contentChildren(ProgressBarComponent); + /** * Sets the height of the component. If you set that value the inner `` will automatically resize accordingly. - * @type number + * @return number */ - @Input({ transform: numberAttribute }) height: number = 0; + readonly height = input(0, { transform: numberAttribute }); /** * Displays thin progress. - * @type boolean + * @return boolean */ - @Input({ transform: booleanAttribute }) thin: boolean = false; + readonly thin = input(false, { transform: booleanAttribute }); /** * Change the default color to white. - * @type boolean + * @return boolean */ - @Input({ transform: booleanAttribute }) white: boolean = false; + readonly white = input(false, { transform: booleanAttribute }); - @HostBinding('class') - get hostClasses(): Record { + readonly hostClasses = computed(() => { return { progress: true, - 'progress-thin': this.thin, - 'progress-white': this.white - }; - } + 'progress-thin': this.thin(), + 'progress-white': this.white() + } as Record; + }); - @HostBinding('style.height') get hostStyle(): any { - return !!this.height ? `${this.height}px` : (this.#elementRef?.nativeElement?.style?.height ?? undefined); - } + readonly hostStyle = computed(() => { + const height = this.height(); + return !!height ? `${height}px` : (this.#hostElement?.nativeElement?.style?.height ?? undefined); + }); } diff --git a/projects/coreui-angular/src/lib/progress/progress.service.spec.ts b/projects/coreui-angular/src/lib/progress/progress.service.spec.ts new file mode 100644 index 00000000..fe751942 --- /dev/null +++ b/projects/coreui-angular/src/lib/progress/progress.service.spec.ts @@ -0,0 +1,32 @@ +import { TestBed } from '@angular/core/testing'; + +import { ProgressService } from './progress.service'; + +describe('ProgressService', () => { + let service: ProgressService; + + beforeEach(() => { + TestBed.configureTestingModule({ + providers: [ProgressService] + }); + service = TestBed.inject(ProgressService); + }); + + it('should be created', () => { + expect(service).toBeTruthy(); + }); + + it('should expose values', () => { + service.value.set(42); + expect(service.percent()).toBe(42); + expect(service.min()).toBe(0); + expect(service.max()).toBe(100); + expect(service.value()).toBe(42); + service.max.set(200); + expect(service.max()).toBe(200); + service.value.set(84); + expect(service.percent()).toBe(42); + service.value.set(undefined); + expect(service.percent()).toBe(0); + }); +}); diff --git a/projects/coreui-angular/src/lib/progress/progress.service.ts b/projects/coreui-angular/src/lib/progress/progress.service.ts new file mode 100644 index 00000000..1a43dac0 --- /dev/null +++ b/projects/coreui-angular/src/lib/progress/progress.service.ts @@ -0,0 +1,14 @@ +import { computed, Injectable, signal } from '@angular/core'; + +@Injectable() +export class ProgressService { + readonly stacked = signal(false); + readonly value = signal(undefined); + readonly precision = signal(0); + readonly min = signal(0); + readonly max = signal(100); + + readonly percent = computed(() => { + return +((((this.value() ?? 0) - this.min()) / (this.max() - this.min())) * 100).toFixed(this.precision()); + }); +} diff --git a/projects/coreui-angular/src/lib/progress/public_api.ts b/projects/coreui-angular/src/lib/progress/public_api.ts index 3f4473bf..51639ddc 100644 --- a/projects/coreui-angular/src/lib/progress/public_api.ts +++ b/projects/coreui-angular/src/lib/progress/public_api.ts @@ -1,4 +1,4 @@ -export { IProgress, IProgressBar, IProgressBarStacked } from './progress.type'; +export type { IProgress, IProgressBar, IProgressBarStacked } from './progress.type'; export { ProgressComponent } from './progress.component'; export { ProgressStackedComponent } from './progress-stacked.component'; export { ProgressBarComponent } from './progress-bar.component'; diff --git a/projects/coreui-angular/src/lib/services/class-toggle.service.ts b/projects/coreui-angular/src/lib/services/class-toggle.service.ts index 5e53ad53..9fe206a1 100644 --- a/projects/coreui-angular/src/lib/services/class-toggle.service.ts +++ b/projects/coreui-angular/src/lib/services/class-toggle.service.ts @@ -1,26 +1,25 @@ -import { Inject, Injectable, Renderer2, RendererFactory2 } from '@angular/core'; +import { inject, Injectable, Renderer2, RendererFactory2 } from '@angular/core'; import { DOCUMENT } from '@angular/common'; @Injectable({ providedIn: 'root' }) export class ClassToggleService { + readonly #document = inject(DOCUMENT); + readonly #rendererFactory = inject(RendererFactory2); - private renderer: Renderer2; + #renderer: Renderer2; - constructor( - @Inject(DOCUMENT) private document: Document, - private rendererFactory: RendererFactory2 - ) { - this.renderer = rendererFactory.createRenderer(null, null); + constructor() { + this.#renderer = this.#rendererFactory.createRenderer(null, null); } toggle(selector: any, className: string) { - const element = document.querySelector(selector); + const element = this.#document.querySelector(selector); if (element) { - element.classList.contains(className) ? - this.renderer.removeClass(element, className) : - this.renderer.addClass(element, className); + element.classList.contains(className) + ? this.#renderer.removeClass(element, className) + : this.#renderer.addClass(element, className); } } } diff --git a/projects/coreui-angular/src/lib/services/color-mode.service.ts b/projects/coreui-angular/src/lib/services/color-mode.service.ts index fad4518b..a3148a95 100644 --- a/projects/coreui-angular/src/lib/services/color-mode.service.ts +++ b/projects/coreui-angular/src/lib/services/color-mode.service.ts @@ -19,7 +19,7 @@ export class ColorModeService { readonly localStorageItemName$ = toObservable(this.localStorageItemName); readonly colorMode: WritableSignal = signal(undefined); - readonly colorModeEffect = effect(() => { + readonly #colorModeEffect = effect(() => { const colorMode = this.colorMode(); if (colorMode) { const localStorageItemName = this.localStorageItemName(); diff --git a/projects/coreui-angular/src/lib/services/public_api.ts b/projects/coreui-angular/src/lib/services/public_api.ts index c0c5bdfc..3d3a0ac3 100644 --- a/projects/coreui-angular/src/lib/services/public_api.ts +++ b/projects/coreui-angular/src/lib/services/public_api.ts @@ -1,6 +1,8 @@ -export { IntersectionService, IIntersectionObserverInit } from './intersection.service'; -export { ListenersService, IListenersConfig } from './listeners.service'; +export { IntersectionService, type IIntersectionObserverInit } from './intersection.service'; +export { ListenersService, type IListenersConfig } from './listeners.service'; export { ClassToggleService } from './class-toggle.service'; export { LocalStorageService } from './local-storage.service'; export { InMemoryStorageService } from './in-memory-storage.service'; -export { ColorModeService, ColorMode } from './color-mode.service'; +export { ColorModeService, type ColorMode } from './color-mode.service'; +export { UIDService } from './uid.service'; +export { RtlService } from './rtl.service'; diff --git a/projects/coreui-angular/src/lib/services/rtl.service.spec.ts b/projects/coreui-angular/src/lib/services/rtl.service.spec.ts new file mode 100644 index 00000000..1274c3ea --- /dev/null +++ b/projects/coreui-angular/src/lib/services/rtl.service.spec.ts @@ -0,0 +1,16 @@ +import { TestBed } from '@angular/core/testing'; + +import { RtlService } from './rtl.service'; + +describe('RtlService', () => { + let service: RtlService; + + beforeEach(() => { + TestBed.configureTestingModule({}); + service = TestBed.inject(RtlService); + }); + + it('should be created', () => { + expect(service).toBeTruthy(); + }); +}); diff --git a/projects/coreui-angular/src/lib/services/rtl.service.ts b/projects/coreui-angular/src/lib/services/rtl.service.ts new file mode 100644 index 00000000..2752333f --- /dev/null +++ b/projects/coreui-angular/src/lib/services/rtl.service.ts @@ -0,0 +1,17 @@ +import { inject, Injectable } from '@angular/core'; +import { DOCUMENT } from '@angular/common'; + +@Injectable({ + providedIn: 'root' +}) +export class RtlService { + readonly #document = inject(DOCUMENT); + + isRTL(element?: HTMLElement | null): boolean { + if (element) { + return element.closest('[dir="rtl"]') !== null; + } + + return this.#document?.documentElement?.dir === 'rtl' || this.#document?.body?.dir === 'rtl'; + } +} diff --git a/projects/coreui-angular/src/lib/services/uid.service.spec.ts b/projects/coreui-angular/src/lib/services/uid.service.spec.ts new file mode 100644 index 00000000..8ea8d4dc --- /dev/null +++ b/projects/coreui-angular/src/lib/services/uid.service.spec.ts @@ -0,0 +1,22 @@ +import { TestBed } from '@angular/core/testing'; + +import { UIDService } from './uid.service'; + +describe('UIDService', () => { + let service: UIDService; + + beforeEach(() => { + TestBed.configureTestingModule({}); + service = TestBed.inject(UIDService); + }); + + it('should be created', () => { + expect(service).toBeTruthy(); + }); + + it('should return an UID string', () => { + expect(typeof service.getUID('test')).toBe('string'); + expect(service.getUID('test')).toContain('test-'); + expect(service.getUID()).toContain('random-id-'); + }); +}); diff --git a/projects/coreui-angular/src/lib/services/uid.service.ts b/projects/coreui-angular/src/lib/services/uid.service.ts new file mode 100644 index 00000000..16003de7 --- /dev/null +++ b/projects/coreui-angular/src/lib/services/uid.service.ts @@ -0,0 +1,18 @@ +import { inject, Injectable } from '@angular/core'; +import { DOCUMENT } from '@angular/common'; + +@Injectable({ + providedIn: 'root' +}) +export class UIDService { + readonly #document = inject(DOCUMENT); + + getUID(prefix: string = 'random-id'): string { + let uid = prefix; + do { + uid = `${prefix}-${Math.floor(Math.random() * 1000000).toString(10)}`; + } while (this.#document.getElementById(uid)); + + return uid; + } +} diff --git a/projects/coreui-angular/src/lib/shared/element-ref.directive.spec.ts b/projects/coreui-angular/src/lib/shared/element-ref.directive.spec.ts index cc24347f..2360e527 100644 --- a/projects/coreui-angular/src/lib/shared/element-ref.directive.spec.ts +++ b/projects/coreui-angular/src/lib/shared/element-ref.directive.spec.ts @@ -7,7 +7,7 @@ class MockElementRef extends ElementRef {} describe('ElementRefDirective', () => { beforeEach(() => { TestBed.configureTestingModule({ - providers: [{ provide: ElementRef, useClass: MockElementRef }], + providers: [{ provide: ElementRef, useClass: MockElementRef }] }); }); it('should create an instance', () => { @@ -16,4 +16,11 @@ describe('ElementRefDirective', () => { expect(directive).toBeTruthy(); }); }); + + it('should expose elementRef', () => { + TestBed.runInInjectionContext(() => { + const directive = new ElementRefDirective(); + expect(directive.elementRef).toBeInstanceOf(ElementRef); + }); + }); }); diff --git a/projects/coreui-angular/src/lib/shared/element-ref.directive.ts b/projects/coreui-angular/src/lib/shared/element-ref.directive.ts index 9b7d7317..c1fcee32 100644 --- a/projects/coreui-angular/src/lib/shared/element-ref.directive.ts +++ b/projects/coreui-angular/src/lib/shared/element-ref.directive.ts @@ -2,8 +2,7 @@ import { Directive, ElementRef, inject } from '@angular/core'; @Directive({ selector: '[cElementRef]', - exportAs: 'cElementRef', - standalone: true, + exportAs: 'cElementRef' }) export class ElementRefDirective { public readonly elementRef = inject(ElementRef); diff --git a/projects/coreui-angular/src/lib/shared/html-attr.directive.spec.ts b/projects/coreui-angular/src/lib/shared/html-attr.directive.spec.ts index af25649f..5ba9ca78 100644 --- a/projects/coreui-angular/src/lib/shared/html-attr.directive.spec.ts +++ b/projects/coreui-angular/src/lib/shared/html-attr.directive.spec.ts @@ -5,7 +5,8 @@ import { By } from '@angular/platform-browser'; import { HtmlAttributesDirective } from './html-attr.directive'; @Component({ - template: `
      ` + template: `
      `, + imports: [HtmlAttributesDirective] }) class TestComponent {} @@ -17,8 +18,7 @@ describe('HtmlAttributesDirective', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [TestComponent], - imports: [HtmlAttributesDirective], + imports: [HtmlAttributesDirective, TestComponent], providers: [Renderer2, { provide: ElementRef, useClass: MockElementRef }] }); fixture = TestBed.createComponent(TestComponent); diff --git a/projects/coreui-angular/src/lib/shared/html-attr.directive.ts b/projects/coreui-angular/src/lib/shared/html-attr.directive.ts index e642b79e..28141a9f 100644 --- a/projects/coreui-angular/src/lib/shared/html-attr.directive.ts +++ b/projects/coreui-angular/src/lib/shared/html-attr.directive.ts @@ -2,8 +2,7 @@ import { Directive, effect, ElementRef, inject, input, Renderer2 } from '@angula @Directive({ selector: '[cHtmlAttr]', - exportAs: 'cHtmlAttr', - standalone: true + exportAs: 'cHtmlAttr' }) export class HtmlAttributesDirective { readonly cHtmlAttr = input>(); @@ -11,7 +10,7 @@ export class HtmlAttributesDirective { readonly #renderer = inject(Renderer2); readonly #elementRef = inject(ElementRef); - readonly attrEffect = effect(() => { + readonly #attrEffect = effect(() => { const attribs = this.cHtmlAttr(); for (const attr in attribs) { if (attr === 'style' && typeof attribs[attr] === 'object') { diff --git a/projects/coreui-angular/src/lib/shared/template-id.directive.spec.ts b/projects/coreui-angular/src/lib/shared/template-id.directive.spec.ts index 2db0718c..8915f2f9 100644 --- a/projects/coreui-angular/src/lib/shared/template-id.directive.spec.ts +++ b/projects/coreui-angular/src/lib/shared/template-id.directive.spec.ts @@ -1,12 +1,40 @@ -import { TestBed } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { TemplateIdDirective } from './template-id.directive'; -import { TemplateRef } from '@angular/core'; +import { Component, computed, DebugElement, TemplateRef, viewChild } from '@angular/core'; +import { By } from '@angular/platform-browser'; +import { NgTemplateOutlet } from '@angular/common'; + +@Component({ + imports: [TemplateIdDirective, NgTemplateOutlet], + template: ` + Inner Text +
      + +
      + ` +}) +class TestComponent { + readonly templateId = viewChild(TemplateIdDirective); + + readonly id = computed(() => this.templateId()?.templateRef); +} describe('TemplateIdDirective', () => { + let fixture: ComponentFixture; + let component: TestComponent; + let debugElement: DebugElement; + beforeEach(() => { TestBed.configureTestingModule({ - providers: [TemplateRef], - }); + imports: [TestComponent], + providers: [TemplateRef] + }).compileComponents(); + + fixture = TestBed.createComponent(TestComponent); + debugElement = fixture.debugElement.query(By.css('.test')); + component = fixture.componentInstance; + + fixture.detectChanges(); }); it('should create an instance', () => { TestBed.runInInjectionContext(() => { @@ -14,4 +42,13 @@ describe('TemplateIdDirective', () => { expect(directive).toBeTruthy(); }); }); + + it('should create a template with innerText', () => { + expect(debugElement.nativeElement.innerText).toBe('Inner Text'); + }); + + it('should get the template id', () => { + expect(component.templateId()?.id).toBe('test'); + expect(component.templateId()?.templateRef).toEqual(jasmine.any(TemplateRef)); + }); }); diff --git a/projects/coreui-angular/src/lib/shared/template-id.directive.ts b/projects/coreui-angular/src/lib/shared/template-id.directive.ts index c0230a50..45fc8f74 100644 --- a/projects/coreui-angular/src/lib/shared/template-id.directive.ts +++ b/projects/coreui-angular/src/lib/shared/template-id.directive.ts @@ -1,10 +1,13 @@ -import { Directive, inject, Input, TemplateRef } from '@angular/core'; +import { Directive, inject, input, TemplateRef } from '@angular/core'; @Directive({ - selector: '[cTemplateId]', - standalone: true, + selector: '[cTemplateId]' }) export class TemplateIdDirective { - public readonly templateRef = inject(TemplateRef); - @Input('cTemplateId') id!: string; + readonly templateRef = inject(TemplateRef); + readonly cTemplateId = input.required(); + + get id() { + return this.cTemplateId(); + } } diff --git a/projects/coreui-angular/src/lib/shared/theme.directive.spec.ts b/projects/coreui-angular/src/lib/shared/theme.directive.spec.ts index 1f844651..41a8f1e0 100644 --- a/projects/coreui-angular/src/lib/shared/theme.directive.spec.ts +++ b/projects/coreui-angular/src/lib/shared/theme.directive.spec.ts @@ -1,15 +1,29 @@ -import { ElementRef, Renderer2 } from '@angular/core'; -import { TestBed } from '@angular/core/testing'; +import { Component, DebugElement, ElementRef, Renderer2 } from '@angular/core'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { ThemeDirective } from './theme.directive'; +import { By } from '@angular/platform-browser'; + +@Component({ + imports: [ThemeDirective], + template: '
      ' +}) +export class TestComponent { + theme!: 'dark' | 'light' | undefined; +} class MockElementRef extends ElementRef {} describe('ThemeDirective', () => { + let fixture: ComponentFixture; + let debugElement: DebugElement; beforeEach(() => { TestBed.configureTestingModule({ + imports: [TestComponent], providers: [{ provide: ElementRef, useClass: MockElementRef }, Renderer2] }); + fixture = TestBed.createComponent(TestComponent); + debugElement = fixture.debugElement.query(By.css('div')); }); it('should create an instance', () => { @@ -18,4 +32,18 @@ describe('ThemeDirective', () => { expect(directive).toBeTruthy(); }); }); + + it('should set data-coreui-theme attribute', () => { + fixture.detectChanges(); + expect(debugElement.nativeElement.getAttribute('data-coreui-theme')).toBeNull(); + fixture.componentInstance.theme = 'dark'; + fixture.detectChanges(); + expect(debugElement.nativeElement.getAttribute('data-coreui-theme')).toBe('dark'); + fixture.componentInstance.theme = 'light'; + fixture.detectChanges(); + expect(debugElement.nativeElement.getAttribute('data-coreui-theme')).toBe('light'); + fixture.componentInstance.theme = undefined; + fixture.detectChanges(); + expect(debugElement.nativeElement.getAttribute('data-coreui-theme')).toBeNull(); + }); }); diff --git a/projects/coreui-angular/src/lib/shared/theme.directive.ts b/projects/coreui-angular/src/lib/shared/theme.directive.ts index 65f95c61..d3cc3a3e 100644 --- a/projects/coreui-angular/src/lib/shared/theme.directive.ts +++ b/projects/coreui-angular/src/lib/shared/theme.directive.ts @@ -1,30 +1,30 @@ -import { booleanAttribute, Directive, ElementRef, inject, Input, Renderer2 } from '@angular/core'; +import { booleanAttribute, Directive, effect, ElementRef, inject, input, Renderer2, untracked } from '@angular/core'; @Directive({ selector: '[cTheme]', - standalone: true + exportAs: 'cTheme' }) export class ThemeDirective { - readonly #hostElement = inject(ElementRef); readonly #renderer = inject(Renderer2); /** * Add dark theme attribute. - * @type 'dark' | 'light' | undefined + * @return 'dark' | 'light' | undefined */ - @Input() set colorScheme(scheme: 'dark' | 'light' | undefined) { - !!scheme ? this.setTheme(scheme) : this.unsetTheme(); - }; + readonly colorScheme = input<'dark' | 'light'>(); - /** - * Add dark theme attribute. - * @type boolean - */ - @Input({ transform: booleanAttribute }) - set dark(darkTheme: boolean) { + readonly #colorSchemeChange = effect(() => { + const colorScheme = this.colorScheme(); + colorScheme ? this.setTheme(colorScheme) : this.unsetTheme(); + }); + + readonly dark = input(false, { transform: booleanAttribute }); + + readonly #darkChange = effect(() => { + const darkTheme = this.dark() || untracked(this.colorScheme) === 'dark'; darkTheme ? this.setTheme('dark') : this.unsetTheme(); - }; + }); setTheme(theme?: string): void { if (theme) { @@ -35,5 +35,4 @@ export class ThemeDirective { unsetTheme(): void { this.#renderer.removeAttribute(this.#hostElement.nativeElement, 'data-coreui-theme'); } - } diff --git a/projects/coreui-angular/src/lib/sidebar/public_api.ts b/projects/coreui-angular/src/lib/sidebar/public_api.ts index 8dd56985..597aacc0 100644 --- a/projects/coreui-angular/src/lib/sidebar/public_api.ts +++ b/projects/coreui-angular/src/lib/sidebar/public_api.ts @@ -6,6 +6,6 @@ export { SidebarTogglerDirective } from './sidebar-toggler/sidebar-toggler.direc export { SidebarHeaderComponent } from './sidebar-header/sidebar-header.component'; export { SidebarFooterComponent } from './sidebar-footer/sidebar-footer.component'; -export { SidebarNavComponent, INavData, SidebarNavHelper } from './sidebar-nav'; +export { SidebarNavComponent, type INavData, SidebarNavHelper } from './sidebar-nav'; export { SidebarModule } from './sidebar.module'; diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-backdrop/sidebar-backdrop.service.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-backdrop/sidebar-backdrop.service.ts index 13346947..f47fb468 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-backdrop/sidebar-backdrop.service.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-backdrop/sidebar-backdrop.service.ts @@ -1,4 +1,4 @@ -import { Inject, Injectable, Renderer2 } from '@angular/core'; +import { inject, Injectable, Renderer2 } from '@angular/core'; import { DOCUMENT } from '@angular/common'; import { SidebarService } from '../sidebar.service'; import { SidebarComponent } from '../sidebar/sidebar.component'; @@ -7,52 +7,47 @@ import { SidebarComponent } from '../sidebar/sidebar.component'; providedIn: 'root' }) export class SidebarBackdropService { - private backdrop!: HTMLElement; + readonly #document = inject(DOCUMENT); + readonly #sidebarService = inject(SidebarService); + + #backdrop!: HTMLElement; renderer!: Renderer2; - private clickListener = (): void => { + #clickListener = (): void => { /* empty */ }; - constructor( - @Inject(DOCUMENT) private document: Document, - // private rendererFactory: RendererFactory2, - private sidebarService: SidebarService - ) { - // this.renderer = rendererFactory.createRenderer(null, null); - } - setBackdrop(sidebar: SidebarComponent): void { - const backdrop = this.document.getElementsByClassName('sidebar-backdrop'); + const backdrop = this.#document.getElementsByClassName('sidebar-backdrop'); // console.log(`sidebar-${this.id}`, ' setBackdrop', backdrop); if (backdrop.length === 0) { - this.backdrop = this.renderer.createElement('div'); - this.renderer.addClass(this.backdrop, 'sidebar-backdrop'); - this.renderer.appendChild(this.document.body, this.backdrop); - this.clickListener = this.renderer.listen(this.backdrop, 'click', (e) => { + this.#backdrop = this.renderer.createElement('div'); + this.renderer.addClass(this.#backdrop, 'sidebar-backdrop'); + this.renderer.appendChild(this.#document.body, this.#backdrop); + this.#clickListener = this.renderer.listen(this.#backdrop, 'click', (e) => { // console.log(`sidebar-${this.id}`, ' backdrop click', e); - this.sidebarService.toggle({ toggle: 'visible', sidebar }); + this.#sidebarService.toggle({ toggle: 'visible', sidebar }); }); } // console.log(this.backdrop, sidebar.sidebarState.mobile, sidebar.sidebarState.show); - if (this.backdrop && sidebar.sidebarState.mobile && sidebar.sidebarState.visible) { - this.renderer.addClass(this.backdrop, 'fade'); - this.renderer.addClass(this.backdrop, 'show'); + if (this.#backdrop && sidebar.sidebarState.mobile && sidebar.sidebarState.visible) { + this.renderer.addClass(this.#backdrop, 'fade'); + this.renderer.addClass(this.#backdrop, 'show'); // this.renderer.removeClass(this.backdrop, 'd-none'); } else { - this.renderer.removeClass(this.backdrop, 'show'); - this.renderer.removeClass(this.backdrop, 'fade'); + this.renderer.removeClass(this.#backdrop, 'show'); + this.renderer.removeClass(this.#backdrop, 'fade'); // this.renderer.addClass(this.backdrop, 'd-none'); } } clearBackdrop(): void { - if (this.backdrop) { + if (this.#backdrop) { // clear backdrop click Listener - this.clickListener(); + this.#clickListener(); // this.renderer.listen(this.backdrop, 'click', (e): void => {} ); - this.renderer.removeChild(this.document.body, this.backdrop); + this.renderer.removeChild(this.#document.body, this.#backdrop); // @ts-ignore - this.backdrop = undefined; + this.#backdrop = undefined; } } } diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-brand/sidebar-brand.component.html b/projects/coreui-angular/src/lib/sidebar/sidebar-brand/sidebar-brand.component.html index fe47ff8f..0a0b9008 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-brand/sidebar-brand.component.html +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-brand/sidebar-brand.component.html @@ -1,10 +1,10 @@ -@if (brandImg) { - - @if (brandFull) { - +@if (brandImg()) { + + @if (brandFull()) { + } - @if (brandNarrow) { - + @if (brandNarrow()) { + } } @else { diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-brand/sidebar-brand.component.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-brand/sidebar-brand.component.ts index 18586378..2d6b061b 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-brand/sidebar-brand.component.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-brand/sidebar-brand.component.ts @@ -1,26 +1,20 @@ -import { Component, HostBinding, Input, OnInit } from '@angular/core'; +import { Component, computed, input } from '@angular/core'; import { NgClass } from '@angular/common'; -import { RouterLink } from '@angular/router'; +import { RouterLink, type UrlTree } from '@angular/router'; import { HtmlAttributesDirective } from '../../shared'; @Component({ selector: 'c-sidebar-brand', templateUrl: './sidebar-brand.component.html', - standalone: true, - imports: [RouterLink, HtmlAttributesDirective, NgClass] + imports: [RouterLink, HtmlAttributesDirective, NgClass], + host: { class: 'sidebar-brand' } }) -export class SidebarBrandComponent implements OnInit { +export class SidebarBrandComponent { + readonly brandFull = input(); + readonly brandNarrow = input(); - @Input() brandFull?: any; - @Input() brandNarrow?: any; - @Input() routerLink?: any[] | string; + readonly routerLink = input(); - @HostBinding('class.sidebar-brand') sidebarBrandClass = true; - - brandImg = false; - - ngOnInit(): void { - this.brandImg = Boolean(this.brandFull || this.brandNarrow); - } + readonly brandImg = computed(() => Boolean(this.brandFull() || this.brandNarrow())); } diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-footer/sidebar-footer.component.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-footer/sidebar-footer.component.ts index b9d7b27c..25d6b5fa 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-footer/sidebar-footer.component.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-footer/sidebar-footer.component.ts @@ -3,7 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'c-sidebar-footer', template: '', - standalone: true, host: { class: 'sidebar-footer' } }) export class SidebarFooterComponent {} diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-header/sidebar-header.component.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-header/sidebar-header.component.ts index e08db166..6c4b2d8b 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-header/sidebar-header.component.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-header/sidebar-header.component.ts @@ -3,7 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'c-sidebar-header', template: '', - standalone: true, host: { class: 'sidebar-header' } }) export class SidebarHeaderComponent {} diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/public_api.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/public_api.ts index fe0b25fd..2cb183c9 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/public_api.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/public_api.ts @@ -11,6 +11,4 @@ export { SidebarNavIconPipe } from './sidebar-nav-icon.pipe'; export { SidebarNavBadgePipe } from './sidebar-nav-badge.pipe'; export { SidebarNavItemClassPipe } from './sidebar-nav-item-class.pipe'; export { SidebarNavLinkPipe } from './sidebar-nav-link.pipe'; -export { INavData } from './sidebar-nav'; - - +export type { INavData } from './sidebar-nav'; diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-badge.pipe.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-badge.pipe.ts index d002eee8..4a57aad7 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-badge.pipe.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-badge.pipe.ts @@ -1,11 +1,9 @@ import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ - name: 'cSidebarNavBadge', - standalone: true + name: 'cSidebarNavBadge' }) export class SidebarNavBadgePipe implements PipeTransform { - transform(item: any, args?: any): any { const badge = item.badge; return { @@ -17,5 +15,4 @@ export class SidebarNavBadgePipe implements PipeTransform { [`${badge.class}`]: !!badge.class }; } - } diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-divider.component.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-divider.component.ts index fc0f925f..436bc9a6 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-divider.component.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-divider.component.ts @@ -2,11 +2,8 @@ import { Component, Input } from '@angular/core'; @Component({ selector: 'c-sidebar-nav-divider', - template: ``, - standalone: true + template: `` }) export class SidebarNavDividerComponent { - @Input() item: any; - } diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-icon.pipe.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-icon.pipe.ts index e169d057..0fd96a44 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-icon.pipe.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-icon.pipe.ts @@ -1,11 +1,9 @@ import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ - name: 'cSidebarNavIcon', - standalone: true + name: 'cSidebarNavIcon' }) export class SidebarNavIconPipe implements PipeTransform { - transform(item: any, args?: any): any { const icon = item.icon; return { diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-item-class.pipe.spec.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-item-class.pipe.spec.ts index 295bf035..69eb2fe3 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-item-class.pipe.spec.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-item-class.pipe.spec.ts @@ -1,11 +1,15 @@ import { SidebarNavItemClassPipe } from './sidebar-nav-item-class.pipe'; -import {SidebarNavHelper} from './sidebar-nav.service'; -import { INavData } from './sidebar-nav'; +import { TestBed } from '@angular/core/testing'; +import { SidebarNavHelper } from './sidebar-nav.service'; describe('SidebarNavItemClassPipe', () => { it('create an instance', () => { - const helper = new SidebarNavHelper(); - const pipe = new SidebarNavItemClassPipe(helper); - expect(pipe).toBeTruthy(); + TestBed.configureTestingModule({ + providers: [SidebarNavHelper] + }); + TestBed.runInInjectionContext(() => { + const pipe = new SidebarNavItemClassPipe(); + expect(pipe).toBeTruthy(); + }); }); }); diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-item-class.pipe.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-item-class.pipe.ts index 1bad16c1..5de1ed20 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-item-class.pipe.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-item-class.pipe.ts @@ -1,29 +1,25 @@ -import { Pipe, PipeTransform } from '@angular/core'; +import { inject, Pipe, PipeTransform } from '@angular/core'; -import {SidebarNavHelper} from './sidebar-nav.service'; +import { SidebarNavHelper } from './sidebar-nav.service'; @Pipe({ - name: 'cSidebarNavItemClass', - standalone: true + name: 'cSidebarNavItemClass' }) export class SidebarNavItemClassPipe implements PipeTransform { - - constructor( - public helper: SidebarNavHelper - ) {} + readonly helper = inject(SidebarNavHelper); // transform(item: any, ...args: any[]): any { transform(item: any, args?: any[]): any { - const itemType = this.helper.itemType(item); - let itemClass; - if (['divider', 'title'].includes(itemType)) { - itemClass = `nav-${itemType}`; - } else if (itemType === 'group') { - // itemClass = 'c-sidebar-nav-group' ; - itemClass = '' ; - } else { - itemClass = 'nav-item'; - } - return item.class ? `${itemClass} ${item.class}` : itemClass; + const itemType = this.helper.itemType(item); + let itemClass; + if (['divider', 'title'].includes(itemType)) { + itemClass = `nav-${itemType}`; + } else if (itemType === 'group') { + // itemClass = 'c-sidebar-nav-group' ; + itemClass = ''; + } else { + itemClass = 'nav-item'; } + return item.class ? `${itemClass} ${item.class}` : itemClass; + } } diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-label.component.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-label.component.ts index 9be3223f..062bda42 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-label.component.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-label.component.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, inject, Input, OnInit } from '@angular/core'; import { NgClass } from '@angular/common'; import { HtmlAttributesDirective } from '../../shared'; @@ -8,14 +8,10 @@ import { SidebarNavBadgePipe } from './sidebar-nav-badge.pipe'; @Component({ selector: 'c-sidebar-nav-label', templateUrl: './sidebar-nav-label.component.html', - standalone: true, imports: [HtmlAttributesDirective, SidebarNavBadgePipe, NgClass] }) export class SidebarNavLabelComponent implements OnInit { - - constructor( - public helper: SidebarNavHelper - ) { } + readonly helper = inject(SidebarNavHelper); @Input() item: any; diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-link.component.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-link.component.ts index 527cb7ff..561a65aa 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-link.component.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-link.component.ts @@ -1,5 +1,5 @@ import { NgClass, NgTemplateOutlet } from '@angular/common'; -import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core'; +import { Component, inject, Input, OnDestroy, OnInit, output } from '@angular/core'; import { NavigationEnd, Router, RouterModule } from '@angular/router'; import { Observable, Subscription } from 'rxjs'; import { filter } from 'rxjs/operators'; @@ -20,20 +20,18 @@ import { SidebarNavIconPipe } from './sidebar-nav-icon.pipe'; {{ item?.name ?? '' }} } `, - providers: [SidebarNavHelper], - standalone: true + providers: [SidebarNavHelper] }) export class SidebarNavLinkContentComponent { - @Input() item?: INavData; + readonly helper = inject(SidebarNavHelper); - constructor(public helper: SidebarNavHelper) {} + @Input() item?: INavData; } @Component({ selector: 'c-sidebar-nav-link', templateUrl: './sidebar-nav-link.component.html', providers: [SidebarNavHelper], - standalone: true, imports: [ RouterModule, HtmlAttributesDirective, @@ -47,6 +45,8 @@ export class SidebarNavLinkContentComponent { ] }) export class SidebarNavLinkComponent implements OnInit, OnDestroy { + readonly router = inject(Router); + protected _item: INavData = {}; @Input() @@ -58,7 +58,7 @@ export class SidebarNavLinkComponent implements OnInit, OnDestroy { return this._item; } - @Output() linkClick = new EventEmitter(); + readonly linkClick = output(); public linkType!: string; public href!: string; @@ -68,12 +68,9 @@ export class SidebarNavLinkComponent implements OnInit, OnDestroy { private navigationEndObservable: Observable; private navSubscription!: Subscription; - constructor( - public router: Router - // private renderer: Renderer2, - // private hostElement: ElementRef, - // private sidebarService: SidebarService - ) { + constructor() { + const router = this.router; + this.navigationEndObservable = router.events.pipe( filter((event) => { return event instanceof NavigationEnd; diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-link.pipe.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-link.pipe.ts index d9213216..1aa5890b 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-link.pipe.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-link.pipe.ts @@ -1,13 +1,10 @@ import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ - name: 'cSidebarNavLink', - standalone: true + name: 'cSidebarNavLink' }) export class SidebarNavLinkPipe implements PipeTransform { - transform(item: any): any { - const disabled = item?.attributes?.disabled; return { diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-title.component.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-title.component.ts index 6474bf5e..cfa07af0 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-title.component.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-title.component.ts @@ -1,34 +1,31 @@ -import { Component, ElementRef, Input, OnInit, Renderer2 } from '@angular/core'; +import { Component, ElementRef, inject, Input, OnInit, Renderer2 } from '@angular/core'; @Component({ selector: 'c-sidebar-nav-title', - template: '', - standalone: true + template: '' }) export class SidebarNavTitleComponent implements OnInit { - @Input() item: any; + readonly #elementRef = inject(ElementRef); + readonly #renderer = inject(Renderer2); - constructor( - private el: ElementRef, - private renderer: Renderer2 - ) {} + @Input() item: any; ngOnInit(): void { - const nativeElement: HTMLElement = this.el.nativeElement; - const name = this.renderer.createText(this.item.name); + const nativeElement: HTMLElement = this.#elementRef.nativeElement; + const name = this.#renderer.createText(this.item.name); if (this.item.class) { const classes = this.item.class; - this.renderer.addClass(nativeElement, classes); + this.#renderer.addClass(nativeElement, classes); } if (this.item.wrapper) { - const wrapper = this.renderer.createElement(this.item.wrapper.element); + const wrapper = this.#renderer.createElement(this.item.wrapper.element); this.addAttribs(this.item.wrapper.attributes, wrapper); - this.renderer.appendChild(wrapper, name); - this.renderer.appendChild(nativeElement, wrapper); + this.#renderer.appendChild(wrapper, name); + this.#renderer.appendChild(nativeElement, wrapper); } else { - this.renderer.appendChild(nativeElement, name); + this.#renderer.appendChild(nativeElement, name); } } @@ -49,7 +46,7 @@ export class SidebarNavTitleComponent implements OnInit { private setStyle(styles: { [x: string]: any }, el: any): void { for (const style in styles) { if (style) { - this.renderer.setStyle(el, style, styles[style]); + this.#renderer.setStyle(el, style, styles[style]); } } } @@ -59,11 +56,11 @@ export class SidebarNavTitleComponent implements OnInit { classArray .filter((element) => element.length > 0) .forEach((element) => { - this.renderer.addClass(el, element); + this.#renderer.addClass(el, element); }); } private setAttrib(key: string, value: string, el: any): void { - this.renderer.setAttribute(el, key, value); + this.#renderer.setAttribute(el, key, value); } } diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav.component.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav.component.ts index 521650c6..f8e96985 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav.component.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav.component.ts @@ -6,11 +6,11 @@ import { ElementRef, forwardRef, HostBinding, + inject, Input, OnChanges, OnDestroy, OnInit, - Optional, Renderer2, SimpleChanges, ViewChild @@ -39,7 +39,6 @@ import { IconDirective } from '@coreui/icons-angular'; templateUrl: './sidebar-nav-group.component.html', styleUrls: ['./sidebar-nav-group.component.scss'], providers: [SidebarNavHelper, SidebarNavGroupService], - standalone: true, imports: [ HtmlAttributesDirective, IconDirective, @@ -69,13 +68,15 @@ import { IconDirective } from '@coreui/icons-angular'; ] }) export class SidebarNavGroupComponent implements OnInit, OnDestroy { - constructor( - private router: Router, - private renderer: Renderer2, - private hostElement: ElementRef, - public helper: SidebarNavHelper, - private sidebarNavGroupService: SidebarNavGroupService - ) { + readonly #router = inject(Router); + readonly #renderer = inject(Renderer2); + readonly #hostElement = inject(ElementRef); + readonly #sidebarNavGroupService = inject(SidebarNavGroupService); + public readonly helper = inject(SidebarNavHelper); + + constructor() { + const router = this.#router; + this.navigationEndObservable = router.events.pipe( filter((event: any) => event instanceof NavigationEnd) ) as Observable; @@ -114,16 +115,16 @@ export class SidebarNavGroupComponent implements OnInit, OnDestroy { } }); - if (this.samePath(this.router.routerState.snapshot.url)) { + if (this.samePath(this.#router.routerState.snapshot.url)) { this.openGroup(true); } - this.navGroupSubscription = this.sidebarNavGroupService.sidebarNavGroupState$.subscribe((next) => { + this.navGroupSubscription = this.#sidebarNavGroupService.sidebarNavGroupState$.subscribe((next) => { if (this.dropdownMode === 'close' && next.sidebarNavGroup && next.sidebarNavGroup !== this) { if (next.sidebarNavGroup.item.url.startsWith(this.item.url)) { return; } - if (this.samePath(this.router.routerState.snapshot.url)) { + if (this.samePath(this.#router.routerState.snapshot.url)) { this.openGroup(true); return; } @@ -150,7 +151,7 @@ export class SidebarNavGroupComponent implements OnInit, OnDestroy { $event.preventDefault(); this.openGroup(!this.open); if (this.open) { - this.sidebarNavGroupService.toggle({ open: this.open, sidebarNavGroup: this }); + this.#sidebarNavGroupService.toggle({ open: this.open, sidebarNavGroup: this }); } } @@ -163,7 +164,7 @@ export class SidebarNavGroupComponent implements OnInit, OnDestroy { setTimeout(() => { const host = this.sidebarNav?.nativeElement; if ($event.toState === 'open' && host) { - this.renderer.setStyle(host, 'height', `${host['scrollHeight']}px`); + this.#renderer.setStyle(host, 'height', `${host['scrollHeight']}px`); } }); } @@ -172,7 +173,7 @@ export class SidebarNavGroupComponent implements OnInit, OnDestroy { setTimeout(() => { const host = this.sidebarNav?.nativeElement; if ($event.toState === 'open' && host) { - this.renderer.setStyle(host, 'height', 'auto'); + this.#renderer.setStyle(host, 'height', 'auto'); } if ($event.toState === 'closed') { setTimeout(() => { @@ -186,7 +187,6 @@ export class SidebarNavGroupComponent implements OnInit, OnDestroy { @Component({ selector: 'c-sidebar-nav', templateUrl: './sidebar-nav.component.html', - standalone: true, imports: [ NgClass, HtmlAttributesDirective, @@ -194,20 +194,18 @@ export class SidebarNavGroupComponent implements OnInit, OnDestroy { SidebarNavLabelComponent, SidebarNavTitleComponent, SidebarNavDividerComponent, - SidebarNavGroupComponent, + forwardRef(() => SidebarNavGroupComponent), SidebarNavItemClassPipe, RouterModule ] }) export class SidebarNavComponent implements OnChanges { - constructor( - @Optional() public sidebar: SidebarComponent, - public helper: SidebarNavHelper, - public router: Router, - private renderer: Renderer2, - private hostElement: ElementRef, - private sidebarService: SidebarService - ) {} + readonly sidebar = inject(SidebarComponent, { optional: true }); + readonly helper = inject(SidebarNavHelper); + readonly router = inject(Router); + readonly #renderer = inject(Renderer2); + readonly #hostElement = inject(ElementRef); + readonly #sidebarService = inject(SidebarService); @Input() navItems?: INavData[] = []; @Input() dropdownMode: 'path' | 'none' | 'close' = 'path'; @@ -241,7 +239,7 @@ export class SidebarNavComponent implements OnChanges { public hideMobile(): void { // todo: proper scrollIntoView() after NavigationEnd if (this.sidebar && this.sidebar.sidebarState.mobile) { - this.sidebarService.toggle({ toggle: 'visible', sidebar: this.sidebar }); + this.#sidebarService.toggle({ toggle: 'visible', sidebar: this.sidebar }); } } } diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-toggle/sidebar-toggle.directive.spec.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-toggle/sidebar-toggle.directive.spec.ts index 823edc92..5330d76c 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-toggle/sidebar-toggle.directive.spec.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-toggle/sidebar-toggle.directive.spec.ts @@ -3,17 +3,16 @@ import { SidebarService } from '../sidebar.service'; import { SidebarToggleDirective } from './sidebar-toggle.directive'; describe('SidebarToggleDirective', () => { - beforeEach(async () => { await TestBed.configureTestingModule({ providers: [SidebarService] - }) - .compileComponents(); + }).compileComponents(); }); it('should create an instance', () => { - const service = new SidebarService(); - const directive = new SidebarToggleDirective(service); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new SidebarToggleDirective(); + expect(directive).toBeTruthy(); + }); }); }); diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-toggle/sidebar-toggle.directive.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-toggle/sidebar-toggle.directive.ts index 2019da2f..4e5d4548 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-toggle/sidebar-toggle.directive.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-toggle/sidebar-toggle.directive.ts @@ -1,6 +1,6 @@ -import {Directive, HostListener, Input} from '@angular/core'; +import { Directive, inject, input } from '@angular/core'; -import {SidebarService} from '../sidebar.service'; +import { SidebarService } from '../sidebar.service'; /** * Allows the sidebar to be toggled/folded via click on host element. @@ -8,30 +8,28 @@ import {SidebarService} from '../sidebar.service'; @Directive({ selector: '[cSidebarToggle]', exportAs: 'cSidebarToggle', - standalone: true + host: { + '(click)': 'toggleOpen($event)' + } }) export class SidebarToggleDirective { + readonly #sidebarService = inject(SidebarService); + /** - * Id of sidebar for toggle action. [docs] - * - * @type string + * Id of sidebar for toggle action. + * @return string */ - @Input('cSidebarToggle') id?: string; + readonly id = input(undefined, { alias: 'cSidebarToggle' }); /** - * Sidebar property name for toggle action. [docs] + * Sidebar property name for toggle action. * - * @type 'visible' | 'unfoldable' + * @return 'visible' | 'unfoldable' * @default 'visible' */ - @Input() toggle: 'visible' | 'unfoldable' = 'visible' - - constructor( - private sidebarService: SidebarService - ) {} + readonly toggle = input<'visible' | 'unfoldable'>('visible'); - @HostListener('click', ['$event']) toggleOpen($event: any): void { $event.preventDefault(); - this.sidebarService.toggle({ toggle: this.toggle, id: this.id }); + this.#sidebarService.toggle({ toggle: this.toggle(), id: this.id() }); } } diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar-toggler/sidebar-toggler.directive.ts b/projects/coreui-angular/src/lib/sidebar/sidebar-toggler/sidebar-toggler.directive.ts index 4c8c1c6f..89d5ec46 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar-toggler/sidebar-toggler.directive.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar-toggler/sidebar-toggler.directive.ts @@ -1,19 +1,18 @@ -import { Directive, HostBinding, Input } from '@angular/core'; +import { Directive, input } from '@angular/core'; import { SidebarToggleDirective } from '../sidebar-toggle/sidebar-toggle.directive'; @Directive({ selector: '[cSidebarToggler]', - standalone: true, - hostDirectives: [{ directive: SidebarToggleDirective, inputs: ['cSidebarToggle: cSidebarToggler', 'toggle'] }] + hostDirectives: [{ directive: SidebarToggleDirective, inputs: ['cSidebarToggle: cSidebarToggler', 'toggle'] }], + host: { + '[attr.role]': 'role()', + class: 'sidebar-toggler', + '[style]': 'getStyles' + } }) export class SidebarTogglerDirective { + readonly role = input('button'); - @HostBinding('attr.role') - @Input() role = 'button'; - - @HostBinding('class.sidebar-toggler') sidebarTogglerClass = true; - - @HostBinding('style') get getStyles(): any { return { appearance: 'button', @@ -21,5 +20,4 @@ export class SidebarTogglerDirective { cursor: 'pointer' }; } - } diff --git a/projects/coreui-angular/src/lib/sidebar/sidebar/sidebar.component.ts b/projects/coreui-angular/src/lib/sidebar/sidebar/sidebar.component.ts index dfceeb20..7c73d812 100644 --- a/projects/coreui-angular/src/lib/sidebar/sidebar/sidebar.component.ts +++ b/projects/coreui-angular/src/lib/sidebar/sidebar/sidebar.component.ts @@ -1,15 +1,17 @@ import { booleanAttribute, Component, - EventEmitter, - HostBinding, - Inject, - Input, + computed, + effect, + inject, + input, + linkedSignal, OnChanges, OnDestroy, OnInit, - Output, + output, Renderer2, + signal, SimpleChanges } from '@angular/core'; import { DOCUMENT } from '@angular/common'; @@ -23,18 +25,26 @@ import { SidebarBackdropService } from '../sidebar-backdrop/sidebar-backdrop.ser selector: 'c-sidebar', exportAs: 'cSidebar', template: '', - standalone: true, - host: { class: 'sidebar' } + host: { + class: 'sidebar', + '[class]': 'hostClasses()', + '[attr.inert]': '!this.sidebarState.visible || null' + } }) export class SidebarComponent implements OnChanges, OnDestroy, OnInit { - #visible = false; + readonly #document = inject(DOCUMENT); + readonly #renderer = inject(Renderer2); + readonly #breakpointObserver = inject(BreakpointObserver); + readonly #sidebarService = inject(SidebarService); + readonly #backdropService = inject(SidebarBackdropService); + #onMobile = false; #layoutChangeSubscription!: Subscription; #stateToggleSubscription!: Subscription; - state: ISidebarAction = { + readonly state = signal({ sidebar: this - }; + }); #stateInitial = { narrow: false, @@ -43,145 +53,157 @@ export class SidebarComponent implements OnChanges, OnDestroy, OnInit { }; /** - * Sets if the color of text should be colored for a light or dark background. [docs] - * - * @type 'dark' | 'light' + * Sets if the color of text should be colored for a light or dark background. + * @return 'dark' | 'light' */ - @Input() colorScheme?: 'dark' | 'light'; + readonly colorScheme = input<'dark' | 'light'>(); /** - * Sets html attribute id. [docs] - * - * @type string + * Sets html attribute id. + * @return string */ - @Input() id?: string; + readonly id = input(); /** - * Make sidebar narrow. [docs] - * @type boolean + * Make sidebar narrow. + * @return boolean * @default false */ - @Input({ transform: booleanAttribute }) narrow: boolean = false; + readonly narrowInput = input(false, { transform: booleanAttribute, alias: 'narrow' }); + + readonly #narrow = linkedSignal(this.narrowInput); + + set narrow(value) { + this.#narrow.set(value); + } + + get narrow() { + return this.#narrow(); + } /** * Set sidebar to overlaid variant. - * @type boolean + * @return boolean * @default false */ - @Input({ transform: booleanAttribute }) overlaid: boolean = false; + readonly overlaid = input(false, { transform: booleanAttribute }); /** - * Components placement, there’s no default placement. [docs] - * @type 'start' | 'end' + * Components placement, there’s no default placement. + * @return 'start' | 'end' */ - @Input() placement?: 'start' | 'end'; + readonly placement = input<'start' | 'end'>(); /** - * Place sidebar in non-static positions. [docs] + * Place sidebar in non-static positions. + * @return 'fixed' | 'sticky' * @default 'fixed' */ - @Input() position: 'fixed' | 'sticky' = 'fixed'; + readonly position = input<'fixed' | 'sticky'>('fixed'); /** - * Size the component small, large, or extra large. [docs] + * Size the component small, large, or extra large. + * @return 'sm' | 'lg' | 'xl' */ - @Input() size?: 'sm' | 'lg' | 'xl'; + readonly size = input<'sm' | 'lg' | 'xl'>(); /** - * Expand narrowed sidebar on hover. [docs] + * Expand narrowed sidebar on hover. * @type boolean * @default false */ - @Input({ transform: booleanAttribute }) unfoldable: boolean = false; + readonly unfoldableInput = input(false, { transform: booleanAttribute, alias: 'unfoldable' }); + + readonly unfoldable = linkedSignal({ + source: this.unfoldableInput, + computation: (value) => value + }); /** - * Toggle the visibility of sidebar component. [docs] + * Toggle the visibility of sidebar component. * @type boolean * @default false */ - @Input({ transform: booleanAttribute }) + readonly visibleInput = input(false, { transform: booleanAttribute, alias: 'visible' }); + + readonly #visible = linkedSignal(this.visibleInput); + + readonly #visibleEffect = effect(() => { + this.visibleChange.emit(this.#visible()); + }); + set visible(value: boolean) { - const visible = value; - if (this.#visible !== visible) { - this.#visible = visible; - this.visibleChange.emit(this.#visible); - } + this.#visible.set(value); } get visible() { - return this.#visible; + return this.#visible(); } /** - * Event emitted on visibility change. [docs] - * @type boolean + * Event emitted on visibility change. + * @return boolean */ - @Output() visibleChange = new EventEmitter(); + readonly visibleChange = output(); set sidebarState(value: ISidebarAction) { const newState = value; if ('toggle' in newState) { if (newState.toggle === 'visible') { - newState.visible = !this.state.visible; - this.visible = newState.visible; + newState.visible = !this.state().visible; + this.#visible.set(newState.visible); } else if (newState.toggle === 'unfoldable') { - newState.unfoldable = !this.state.unfoldable; - this.unfoldable = newState.unfoldable; + newState.unfoldable = !this.state().unfoldable; + this.unfoldable.set(newState.unfoldable); } } else { - this.visible = (newState.visible ?? this.visible) && !this.overlaid; + this.#visible.update((visible) => (newState.visible ?? visible) && !this.overlaid()); } - this.state = { - ...this.state, - ...newState - }; - this.state.mobile && this.state.visible - ? this.backdropService.setBackdrop(this) - : this.backdropService.clearBackdrop(); + this.state.update((state) => ({ ...state, ...newState })); + this.state().mobile && this.state().visible + ? this.#backdropService.setBackdrop(this) + : this.#backdropService.clearBackdrop(); } get sidebarState(): ISidebarAction { - return this.state; + return { ...this.state() }; } get getMobileBreakpoint(): string { - const element: Element = this.document.documentElement; + const element: Element = this.#document.documentElement; const mobileBreakpoint = - this.document.defaultView?.getComputedStyle(element)?.getPropertyValue('--cui-mobile-breakpoint') ?? 'md'; + this.#document.defaultView?.getComputedStyle(element)?.getPropertyValue('--cui-mobile-breakpoint') ?? 'md'; const breakpointValue = - this.document.defaultView + this.#document.defaultView ?.getComputedStyle(element) ?.getPropertyValue(`--cui-breakpoint-${mobileBreakpoint.trim()}`) ?? '768px'; return `${parseFloat(breakpointValue.trim()) - 0.02}px`; } - constructor( - @Inject(DOCUMENT) private document: Document, - private renderer: Renderer2, - private breakpointObserver: BreakpointObserver, - private sidebarService: SidebarService, - private backdropService: SidebarBackdropService - ) { - this.backdropService.renderer = renderer; + constructor() { + this.#backdropService.renderer = this.#renderer; } - @HostBinding('class') - get getClasses(): any { - const { mobile, visible } = this.sidebarState; + readonly hostClasses = computed(() => { + const { mobile, visible } = { ...this.sidebarState }; + const unfoldable = this.unfoldable(); + const placement = this.placement(); + const colorScheme = this.colorScheme(); + const size = this.size(); return { sidebar: true, - 'sidebar-fixed': this.position === 'fixed' && !mobile, - 'sidebar-narrow': this.narrow && !this.unfoldable, - 'sidebar-narrow-unfoldable': this.unfoldable, - 'sidebar-overlaid': this.overlaid, - [`sidebar-${this.placement}`]: !!this.placement, - [`sidebar-${this.colorScheme}`]: !!this.colorScheme, - [`sidebar-${this.size}`]: !!this.size, + 'sidebar-fixed': this.position() === 'fixed' && !mobile, + 'sidebar-narrow': this.#narrow() && !unfoldable, + 'sidebar-narrow-unfoldable': unfoldable, + 'sidebar-overlaid': this.overlaid(), + [`sidebar-${placement}`]: !!placement, + [`sidebar-${colorScheme}`]: !!colorScheme, + [`sidebar-${size}`]: !!size, show: visible, // show: visible && this.#onMobile, //todo: check hide: !visible }; - } + }); ngOnInit(): void { this.setInitialState(); @@ -195,7 +217,7 @@ export class SidebarComponent implements OnChanges, OnDestroy, OnInit { } ngOnChanges(changes: SimpleChanges): void { - const oldStateMap = new Map(Object.entries(this.state)); + const oldStateMap = new Map(Object.entries(this.state())); const newStateMap = new Map(); newStateMap.set('sidebar', this); @@ -214,17 +236,17 @@ export class SidebarComponent implements OnChanges, OnDestroy, OnInit { if (newStateMap.size > 1) { const state = Object.fromEntries(newStateMap.entries()); - this.sidebarService.toggle(state); + this.#sidebarService.toggle(state); } } setInitialState(): void { this.#stateInitial = { - narrow: this.narrow, - visible: this.visible, - unfoldable: this.unfoldable + narrow: this.#narrow(), + visible: this.#visible(), + unfoldable: this.unfoldable() }; - this.sidebarService.toggle({ + this.#sidebarService.toggle({ ...this.#stateInitial, sidebar: this }); @@ -232,9 +254,9 @@ export class SidebarComponent implements OnChanges, OnDestroy, OnInit { private stateToggleSubscribe(subscribe: boolean = true): void { if (subscribe) { - this.#stateToggleSubscription = this.sidebarService.sidebarState$.subscribe((state) => { - if (this === state.sidebar || this.id === state.id) { - this.sidebarState = state; + this.#stateToggleSubscription = this.#sidebarService.sidebarState$.subscribe((state) => { + if (this === state.sidebar || this.id() === state.id) { + this.sidebarState = { ...state }; } }); } else { @@ -246,14 +268,14 @@ export class SidebarComponent implements OnChanges, OnDestroy, OnInit { const onMobile = `(max-width: ${this.getMobileBreakpoint})`; if (subscribe) { - const layoutChanges = this.breakpointObserver.observe([onMobile]); + const layoutChanges = this.#breakpointObserver.observe([onMobile]); this.#layoutChangeSubscription = layoutChanges.subscribe((result: BreakpointState) => { const isOnMobile = result.breakpoints[onMobile]; - const isUnfoldable = isOnMobile ? false : this.unfoldable; + const isUnfoldable = isOnMobile ? false : this.unfoldable(); if (this.#onMobile !== isOnMobile) { this.#onMobile = isOnMobile; - this.sidebarService.toggle({ + this.#sidebarService.toggle({ mobile: isOnMobile, unfoldable: isUnfoldable, visible: isOnMobile ? !isOnMobile : this.#stateInitial.visible, diff --git a/projects/coreui-angular/src/lib/spinner/spinner.component.ts b/projects/coreui-angular/src/lib/spinner/spinner.component.ts index aa99a08b..10df157c 100644 --- a/projects/coreui-angular/src/lib/spinner/spinner.component.ts +++ b/projects/coreui-angular/src/lib/spinner/spinner.component.ts @@ -5,7 +5,6 @@ import { Colors } from '../coreui.types'; @Component({ selector: 'c-spinner', templateUrl: './spinner.component.html', - standalone: true, host: { '[attr.role]': 'role()', '[class]': 'hostClasses()' @@ -50,6 +49,6 @@ export class SpinnerComponent { [`spinner-${this.variant()}`]: true, [`text-${this.color()}`]: !!this.color(), [`spinner-${this.variant()}-${this.size()}`]: !!this.size() - }; + } as Record; }); } diff --git a/projects/coreui-angular/src/lib/table/table-active.directive.spec.ts b/projects/coreui-angular/src/lib/table/table-active.directive.spec.ts index 244f205b..0dc9649f 100644 --- a/projects/coreui-angular/src/lib/table/table-active.directive.spec.ts +++ b/projects/coreui-angular/src/lib/table/table-active.directive.spec.ts @@ -1,8 +1,48 @@ +import { Component, DebugElement } from '@angular/core'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; import { TableActiveDirective } from './table-active.directive'; +@Component({ + imports: [TableActiveDirective], + template: ` ` +}) +class TestComponent { + active = false; +} + describe('TableActiveDirective', () => { + let fixture: ComponentFixture; + let debugElement: DebugElement; + let directive: TableActiveDirective; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }); + fixture = TestBed.createComponent(TestComponent); + debugElement = fixture.debugElement.query(By.directive(TableActiveDirective)); + directive = debugElement.injector.get(TableActiveDirective); + fixture.detectChanges(); + }); + it('should create an instance', () => { - const directive = new TableActiveDirective(); expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new TableActiveDirective(); + expect(directive).toBeTruthy(); + }); + }); + + it('should add class "table-active" when active is true', () => { + fixture.componentInstance.active = true; + fixture.detectChanges(); + expect(debugElement.nativeElement.classList).toContain('table-active'); + }); + + it('should not add class "table-active" when active is false', () => { + fixture.componentInstance.active = false; + fixture.detectChanges(); + expect(debugElement.nativeElement.classList).not.toContain('table-active'); }); }); diff --git a/projects/coreui-angular/src/lib/table/table-active.directive.ts b/projects/coreui-angular/src/lib/table/table-active.directive.ts index 4fff0977..25397c75 100644 --- a/projects/coreui-angular/src/lib/table/table-active.directive.ts +++ b/projects/coreui-angular/src/lib/table/table-active.directive.ts @@ -1,21 +1,16 @@ -import { booleanAttribute, Directive, HostBinding, Input } from '@angular/core'; +import { booleanAttribute, Directive, input } from '@angular/core'; @Directive({ selector: '[cTableActive]', - standalone: true + exportAs: 'cTableActive', + host: { + '[class.table-active]': 'active()' + } }) export class TableActiveDirective { - /** * Highlight a table row or cell - * @type boolean + * @return boolean */ - @Input({ alias: 'cTableActive', transform: booleanAttribute }) active: string | boolean = false; - - @HostBinding('class') - get hostClasses(): any { - return { - 'table-active': this.active - }; - } + readonly active = input(false, { alias: "cTableActive", transform: booleanAttribute }); } diff --git a/projects/coreui-angular/src/lib/table/table-color.directive.spec.ts b/projects/coreui-angular/src/lib/table/table-color.directive.spec.ts index f2807dc1..ee2664b2 100644 --- a/projects/coreui-angular/src/lib/table/table-color.directive.spec.ts +++ b/projects/coreui-angular/src/lib/table/table-color.directive.spec.ts @@ -1,8 +1,11 @@ +import { TestBed } from '@angular/core/testing'; import { TableColorDirective } from './table-color.directive'; describe('TableColorDirective', () => { it('should create an instance', () => { - const directive = new TableColorDirective(); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new TableColorDirective(); + expect(directive).toBeTruthy(); + }); }); }); diff --git a/projects/coreui-angular/src/lib/table/table-color.directive.ts b/projects/coreui-angular/src/lib/table/table-color.directive.ts index 594e8aae..6223252a 100644 --- a/projects/coreui-angular/src/lib/table/table-color.directive.ts +++ b/projects/coreui-angular/src/lib/table/table-color.directive.ts @@ -1,22 +1,24 @@ -import { Directive, HostBinding, Input } from '@angular/core'; +import { computed, Directive, input } from '@angular/core'; import { Colors } from '../coreui.types'; @Directive({ selector: '[cTableColor]', - standalone: true + exportAs: 'cTableColor', + host: { + '[class]': 'hostClasses()' + } }) export class TableColorDirective { - /** * Use contextual color for tables, table rows or individual cells. - * @type Colors + * @return Colors */ - @Input('cTableColor') color?: Colors; + readonly color = input(undefined, { alias: 'cTableColor' }); - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { + const color = this.color(); return { - [`table-${this.color}`]: !!this.color, - }; - } + [`table-${color}`]: !!color + } as Record; + }); } diff --git a/projects/coreui-angular/src/lib/table/table.directive.spec.ts b/projects/coreui-angular/src/lib/table/table.directive.spec.ts index 0bf65e79..0d1fcaa2 100644 --- a/projects/coreui-angular/src/lib/table/table.directive.spec.ts +++ b/projects/coreui-angular/src/lib/table/table.directive.spec.ts @@ -1,21 +1,113 @@ -import { TestBed } from '@angular/core/testing'; -import { ElementRef, Renderer2 } from '@angular/core'; +import { Component, DebugElement, ElementRef, Renderer2 } from '@angular/core'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; import { TableDirective } from './table.directive'; +import { Colors } from '../coreui.types'; +import { TableActiveDirective } from './table-active.directive'; + +@Component({ + template: ` +
      + `, + imports: [TableDirective] +}) +class TestComponent { + align: 'bottom' | 'middle' | 'top' = 'middle'; + borderColor: Colors = 'primary'; + bordered: boolean = true; + borderless: boolean = false; + caption = 'top' as const; + color: Colors = 'secondary'; + hover: boolean = true; + small: boolean = true; + striped: boolean = true; + stripedColumns: boolean = true; +} + +class MockElementRef extends ElementRef {} describe('TableDirective', () => { - let renderer: Renderer2; - let hostElement: ElementRef; + let component: TestComponent; + let fixture: ComponentFixture; + let debugElement: DebugElement; + let directive: TableDirective; beforeEach(() => { TestBed.configureTestingModule({ - imports: [Renderer2], - providers: [Renderer2] + imports: [TestComponent], + providers: [Renderer2, { provide: ElementRef, useClass: MockElementRef }] }); + fixture = TestBed.createComponent(TestComponent); + debugElement = fixture.debugElement.query(By.directive(TableDirective)); + directive = debugElement.injector.get(TableDirective); + component = fixture.componentInstance; + fixture.detectChanges(); }); it('should create an instance', () => { - const directive = new TableDirective(renderer, hostElement); expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new TableActiveDirective(); + expect(directive).toBeTruthy(); + }); + }); + + it('should apply align input', () => { + expect(directive.align()).toBe('middle'); + }); + + it('should apply borderColor input', () => { + expect(directive.borderColor()).toBe('primary'); + }); + + it('should apply bordered input', () => { + expect(directive.bordered()).toBe(true); + }); + + it('should apply borderless input', () => { + expect(directive.borderless()).toBe(false); + }); + + it('should apply caption input', () => { + expect(directive.caption()).toBe('top'); + }); + + it('should apply color input', () => { + expect(directive.color()).toBe('secondary'); + }); + + it('should have responsive wrapper', () => { + const parentElement = debugElement.nativeElement.parentElement; + const classes = parentElement.classList; + expect(classes).toContain('table-responsive'); + }); + + it('should apply correct host classes', () => { + const classes = debugElement.nativeElement.classList; + + expect(classes).toContain('table'); + expect(classes).toContain('align-middle'); + expect(classes).toContain('caption-top'); + expect(classes).toContain('border-primary'); + expect(classes).toContain('table-bordered'); + expect(classes).toContain('table-secondary'); + expect(classes).toContain('table-hover'); + expect(classes).toContain('table-sm'); + expect(classes).toContain('table-striped'); + expect(classes).toContain('table-striped-columns'); }); }); diff --git a/projects/coreui-angular/src/lib/table/table.directive.ts b/projects/coreui-angular/src/lib/table/table.directive.ts index 872e68be..13ed3a2f 100644 --- a/projects/coreui-angular/src/lib/table/table.directive.ts +++ b/projects/coreui-angular/src/lib/table/table.directive.ts @@ -1,118 +1,125 @@ -import { booleanAttribute, Directive, ElementRef, HostBinding, Input, OnInit, Renderer2 } from '@angular/core'; +import { booleanAttribute, computed, Directive, effect, ElementRef, inject, input, Renderer2 } from '@angular/core'; import { Breakpoints, Colors } from '../coreui.types'; -import { ITable } from './table.type'; @Directive({ selector: 'table[cTable]', - standalone: true, - host: { class: 'table' } + exportAs: 'cTable', + host: { + class: 'table', + '[class]': 'hostClasses()' + } }) -export class TableDirective implements ITable, OnInit { - constructor( - private renderer: Renderer2, - private hostElement: ElementRef - ) {} +export class TableDirective { + readonly #renderer = inject(Renderer2); + readonly #hostElement = inject(ElementRef); /** * Set the vertical alignment. - * @type string + * @return string * @values 'bottom' | 'middle' | 'top' */ - @Input() align?: 'bottom' | 'middle' | 'top'; + readonly align = input<'bottom' | 'middle' | 'top'>(); /** * Sets the border color of the component to one of CoreUI’s themed colors. - * @type Colors + * @return Colors */ - @Input() borderColor?: Colors; + readonly borderColor = input(); /** * Add borders on all sides of the table and cells. - * @type boolean + * @return boolean */ - @Input({ transform: booleanAttribute }) bordered: string | boolean = false; + readonly bordered = input(false, { transform: booleanAttribute }); /** * Remove borders on all sides of the table and cells. - * @type boolean + * @return boolean */ - @Input({ transform: booleanAttribute }) borderless: string | boolean = false; + readonly borderless = input(false, { transform: booleanAttribute }); /** * Put the `` on the top of the table. + * @return 'top' * @values 'top' */ - @Input() caption?: 'top'; + readonly caption = input<'top'>(); /** * Sets the color context of the component to one of CoreUI’s themed colors. - * @type Colors + * @return Colors */ - @Input() color?: Colors; + readonly color = input(); /** * Enable a hover state on table rows within table body. - * @type boolean + * @return boolean */ - @Input({ transform: booleanAttribute }) hover: string | boolean = false; + readonly hover = input(false, { transform: booleanAttribute }); /** * Make table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to. - * @type: {boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'} + * @values: {boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'} */ - @Input() responsive?: boolean | Omit; + readonly responsive = input>(); /** * Make table more compact by cutting all cell `padding` in half. - * @type boolean + * @return boolean */ - @Input({ transform: booleanAttribute }) small: string | boolean = false; + readonly small = input(false, { transform: booleanAttribute }); /** * Add zebra-striping to any table row within the table body. - * @type boolean + * @return boolean */ - @Input({ transform: booleanAttribute }) striped: string | boolean = false; + readonly striped = input(false, { transform: booleanAttribute }); /** * Add zebra-striping to any table column. - * @type boolean + * @return boolean * @since 4.2.4 */ - @Input({ transform: booleanAttribute }) stripedColumns: string | boolean = false; + readonly stripedColumns = input(false, { transform: booleanAttribute }); + + readonly hostClasses = computed(() => { + const align = this.align(); + const caption = this.caption(); + const borderColor = this.borderColor(); + const bordered = this.bordered(); + const borderless = this.borderless(); + const color = this.color(); + const hover = this.hover(); + const small = this.small(); + const striped = this.striped(); + const stripedColumns = this.stripedColumns(); - @HostBinding('class') - get hostClasses(): any { return { table: true, - [`align-${this.align}`]: !!this.align, - [`caption-${this.caption}`]: !!this.caption, - [`border-${this.borderColor}`]: !!this.borderColor, - 'table-bordered': this.bordered, - 'table-borderless': this.borderless, - [`table-${this.color}`]: !!this.color, - 'table-hover': this.hover, - 'table-sm': this.small, - 'table-striped': this.striped, - 'table-striped-columns': this.stripedColumns - }; - } + [`align-${align}`]: !!align, + [`caption-${caption}`]: !!caption, + [`border-${borderColor}`]: !!borderColor, + 'table-bordered': bordered, + 'table-borderless': borderless, + [`table-${color}`]: !!color, + 'table-hover': hover, + 'table-sm': small, + 'table-striped': striped, + 'table-striped-columns': stripedColumns + } as Record; + }); - ngOnInit(): void { - this.setResponsiveWrapper(); - } - - // todo - setResponsiveWrapper(): void { - if (!!this.responsive) { - const nativeElement: HTMLElement = this.hostElement.nativeElement; - const wrapper = this.renderer.createElement('div'); - const className = this.responsive === true ? 'table-responsive' : `table-responsive-${this.responsive}`; - this.renderer.addClass(wrapper, className); - const parentNode = this.renderer.parentNode(nativeElement); - this.renderer.appendChild(parentNode, wrapper); - this.renderer.insertBefore(parentNode, wrapper, nativeElement); - this.renderer.appendChild(wrapper, nativeElement); + readonly #responsiveWrapperEffect = effect(() => { + const responsive = this.responsive(); + if (!!responsive) { + const nativeElement: HTMLElement = this.#hostElement.nativeElement; + const wrapper = this.#renderer.createElement('div'); + const className = responsive === true ? 'table-responsive' : `table-responsive-${responsive}`; + this.#renderer.addClass(wrapper, className); + const parentNode = this.#renderer.parentNode(nativeElement); + this.#renderer.appendChild(parentNode, wrapper); + this.#renderer.insertBefore(parentNode, wrapper, nativeElement); + this.#renderer.appendChild(wrapper, nativeElement); } - } + }); } diff --git a/projects/coreui-angular/src/lib/tabs-2/tab-panel/tab-panel.component.spec.ts b/projects/coreui-angular/src/lib/tabs-2/tab-panel/tab-panel.component.spec.ts index 69c8efdc..72d3fdd3 100644 --- a/projects/coreui-angular/src/lib/tabs-2/tab-panel/tab-panel.component.spec.ts +++ b/projects/coreui-angular/src/lib/tabs-2/tab-panel/tab-panel.component.spec.ts @@ -8,7 +8,7 @@ import { TabsListComponent } from '../tabs-list/tabs-list.component'; import { TabPanelComponent } from './tab-panel.component'; @Component({ - template: ` + template: ` @@ -20,8 +20,7 @@ import { TabPanelComponent } from './tab-panel.component'; `, - standalone: true, - imports: [TabPanelComponent, TabsComponent, TabDirective, TabsContentComponent, TabsListComponent] + imports: [TabPanelComponent, TabsComponent, TabDirective, TabsContentComponent, TabsListComponent] }) class TestComponent {} diff --git a/projects/coreui-angular/src/lib/tabs-2/tab-panel/tab-panel.component.ts b/projects/coreui-angular/src/lib/tabs-2/tab-panel/tab-panel.component.ts index b1bb0e90..1bd366c2 100644 --- a/projects/coreui-angular/src/lib/tabs-2/tab-panel/tab-panel.component.ts +++ b/projects/coreui-angular/src/lib/tabs-2/tab-panel/tab-panel.component.ts @@ -2,8 +2,6 @@ import { animate, animateChild, AnimationEvent, query, state, style, transition, import { Component, computed, - HostBinding, - HostListener, inject, input, InputSignal, @@ -21,20 +19,22 @@ type VisibleChangeEvent = { itemKey: string | number; visible: boolean }; @Component({ exportAs: 'cTabPanel', selector: 'c-tab-panel', - standalone: true, template: '', host: { '[class]': 'hostClasses()', - '[tabindex]': 'visible() ? tabindex(): -1', + '[tabindex]': 'visible() ? tabindex() : -1', '[attr.aria-labelledby]': 'attrAriaLabelledBy()', '[id]': 'propId()', - role: 'tabpanel' + '[attr.role]': 'role()', + '[@.disabled]': '!transition()', + '[@fadeInOut]': 'visible() ? "show" : "hide"', + '(@fadeInOut.done)': 'onAnimationDone($event)' }, animations: [ trigger('fadeInOut', [ state('show', style({ opacity: 1 })), state('hide', style({ opacity: 0 })), - state('void', style({ opacity: 0 })), + state('void', style({ opacity: 1 })), transition('* => *', [query('@*', [animateChild()], { optional: true }), animate('150ms linear')]) ]) ] @@ -65,6 +65,13 @@ export class TabPanelComponent { */ readonly itemKey: InputSignal = input.required(); + /** + * Element role. + * @type string + * @default 'tabpanel' + */ + readonly role: InputSignal = input('tabpanel'); + /** * tabindex attribute. * @type number @@ -99,25 +106,17 @@ export class TabPanelComponent { () => this.ariaLabelledBy() ?? `${this.tabsService.id()}-tab-${this.itemKey()}` ); - readonly hostClasses = computed(() => ({ - 'tab-pane': true, - active: this.show(), - fade: this.transition(), - show: this.show(), - invisible: this.tabsService.activeItem()?.disabled - })); - - @HostBinding('@.disabled') - get animationDisabled(): boolean { - return !this.transition(); - } - - @HostBinding('@fadeInOut') - get animateType(): AnimateType { - return this.visible() ? 'show' : 'hide'; - } + readonly hostClasses = computed( + () => + ({ + 'tab-pane': true, + active: this.show(), + fade: this.transition(), + show: this.show(), + invisible: this.tabsService.activeItem()?.disabled + }) as Record + ); - @HostListener('@fadeInOut.done', ['$event']) onAnimationDone($event: AnimationEvent): void { this.show.set(this.visible()); } diff --git a/projects/coreui-angular/src/lib/tabs-2/tab/tab.directive.ts b/projects/coreui-angular/src/lib/tabs-2/tab/tab.directive.ts index 5e79caa8..67d2128e 100644 --- a/projects/coreui-angular/src/lib/tabs-2/tab/tab.directive.ts +++ b/projects/coreui-angular/src/lib/tabs-2/tab/tab.directive.ts @@ -7,9 +7,11 @@ import { effect, ElementRef, inject, - Input, + Injector, input, InputSignal, + OnInit, + runInInjectionContext, signal, untracked } from '@angular/core'; @@ -21,7 +23,6 @@ import { TabsService } from '../tabs.service'; @Directive({ exportAs: 'cTab', selector: 'button[cTab]', - standalone: true, host: { '[class]': 'hostClasses()', type: 'button', @@ -33,17 +34,29 @@ import { TabsService } from '../tabs.service'; '[tabindex]': 'isActive() ? 0 : -1' } }) -export class TabDirective implements FocusableOption { +export class TabDirective implements FocusableOption, OnInit { + readonly #injector = inject(Injector); readonly #destroyRef = inject(DestroyRef); readonly #elementRef = inject(ElementRef); readonly #tabsService = inject(TabsService); /** * Disabled attribute - * @type boolean + * @return boolean * @default false */ - @Input({ transform: booleanAttribute }) + readonly disabledInput = input(false, { transform: booleanAttribute, alias: 'disabled' }); + + readonly #disabled = signal(false); + readonly attrDisabled = computed(() => this.#disabled() || null); + + readonly #disabledEffect = effect(() => { + const disabled = this.disabledInput(); + untracked(() => { + this.disabled = disabled; + }); + }); + set disabled(value: boolean) { this.#disabled.set(value); } @@ -52,9 +65,6 @@ export class TabDirective implements FocusableOption { return this.#disabled(); } - readonly #disabled = signal(false); - readonly attrDisabled = computed(() => this.#disabled() || null); - /** * Item key. * @type string | number @@ -78,15 +88,13 @@ export class TabDirective implements FocusableOption { alias: 'aria-controls' }); - readonly isActive = computed( - () => !this.#disabled() && this.#tabsService.activeItemKey() === this.itemKey() - ); + readonly isActive = signal(false); readonly hostClasses = computed(() => ({ 'nav-link': true, active: this.isActive(), disabled: this.#disabled() - })); + }) as Record); readonly propId = computed(() => this.id() ?? `${this.#tabsService.id()}-tab-${this.itemKey()}`); @@ -94,28 +102,35 @@ export class TabDirective implements FocusableOption { () => this.ariaControls() ?? `${this.#tabsService.id()}-panel-${this.itemKey()}` ); - disabledEffect = effect( - () => { - if (!this.#disabled()) { - const click$ = fromEvent(this.#elementRef.nativeElement, 'click'); - const focusIn$ = fromEvent(this.#elementRef.nativeElement, 'focusin'); - - merge(focusIn$, click$) - .pipe( - filter(($event) => !this.#disabled()), - tap(($event) => { - this.#tabsService.activeItemKey.set(untracked(this.itemKey)); - }), - takeWhile(() => !this.#disabled()), - takeUntilDestroyed(this.#destroyRef) - ) - .subscribe(); - } - }, - { allowSignalWrites: true } - ); + readonly #disabledSignalEffect = effect(() => { + const disabled = this.#disabled(); + if (!disabled) { + const click$ = fromEvent(this.#elementRef.nativeElement, 'click'); + const focusIn$ = fromEvent(this.#elementRef.nativeElement, 'focusin'); + + merge(focusIn$, click$) + .pipe( + filter(($event) => !disabled), + tap(($event) => { + this.#tabsService.activeItemKey.set(untracked(this.itemKey)); + }), + takeWhile(() => !disabled), + takeUntilDestroyed(this.#destroyRef) + ) + .subscribe(); + } + }); focus(origin?: FocusOrigin): void { this.#elementRef.nativeElement.focus(); } + + ngOnInit(): void { + runInInjectionContext(this.#injector, () => { + effect(() => { + const isActive = !this.#disabled() && this.#tabsService.activeItemKey() === this.itemKey(); + this.isActive.set(isActive); + }); + }); + } } diff --git a/projects/coreui-angular/src/lib/tabs-2/tabs-content/tabs-content.component.ts b/projects/coreui-angular/src/lib/tabs-2/tabs-content/tabs-content.component.ts index b5196097..8bfe589f 100644 --- a/projects/coreui-angular/src/lib/tabs-2/tabs-content/tabs-content.component.ts +++ b/projects/coreui-angular/src/lib/tabs-2/tabs-content/tabs-content.component.ts @@ -3,7 +3,6 @@ import { Component } from '@angular/core'; @Component({ exportAs: 'cTabsContent', selector: 'c-tabs-content', - standalone: true, template: '', host: { class: 'tab-content' diff --git a/projects/coreui-angular/src/lib/tabs-2/tabs-list/tabs-list.component.ts b/projects/coreui-angular/src/lib/tabs-2/tabs-list/tabs-list.component.ts index c4b9d68e..a91b4317 100644 --- a/projects/coreui-angular/src/lib/tabs-2/tabs-list/tabs-list.component.ts +++ b/projects/coreui-angular/src/lib/tabs-2/tabs-list/tabs-list.component.ts @@ -5,7 +5,6 @@ import { contentChildren, DestroyRef, effect, - HostListener, inject, input, InputSignal, @@ -19,12 +18,11 @@ import { TabsService } from '../tabs.service'; @Component({ exportAs: 'cTabsList', selector: 'c-tabs-list', - standalone: true, - imports: [], template: '', host: { '[attr.role]': 'role()', - '[class]': 'hostClasses()' + '[class]': 'hostClasses()', + '(keydown)': 'onKeyDown($event)' } }) export class TabsListComponent { @@ -51,57 +49,58 @@ export class TabsListComponent { */ readonly role = input('tablist'); - readonly hostClasses = computed(() => ({ - nav: true, - [`nav-${this.layout()}`]: this.layout(), - [`nav-${this.variant()}`]: this.variant() - })); + readonly hostClasses = computed( + () => + ({ + nav: true, + [`nav-${this.layout()}`]: this.layout(), + [`nav-${this.variant()}`]: this.variant() + }) as Record + ); readonly tabs = contentChildren(TabDirective); #focusKeyManager!: FocusKeyManager; - readonly tabsEffect = effect( - () => { - if (this.tabs().length === 0) { - return; - } - this.#focusKeyManager = new FocusKeyManager(this.tabs()) - .skipPredicate((tab) => tab.disabled === true) - .withHorizontalOrientation('ltr') - .withHomeAndEnd() - .withWrap(); + readonly #tabsEffect = effect(() => { + const tabs = this.tabs(); + if (tabs.length === 0) { + return; + } + this.#focusKeyManager = new FocusKeyManager(tabs) + .skipPredicate((tab) => tab.disabled === true) + .withHorizontalOrientation('ltr') + .withHomeAndEnd() + .withWrap(); - this.#focusKeyManager.change - .pipe( - tap((value) => { - this.tabsService.activeItemKey.set(this.#focusKeyManager.activeItem?.itemKey()); - this.tabsService.activeItem.set(this.#focusKeyManager.activeItem); - }), - takeUntilDestroyed(this.#destroyRef) - ) - .subscribe(); + this.#focusKeyManager.change + .pipe( + tap((value) => { + this.tabsService.activeItemKey.set(this.#focusKeyManager.activeItem?.itemKey()); + this.tabsService.activeItem.set(this.#focusKeyManager.activeItem); + }), + takeUntilDestroyed(this.#destroyRef) + ) + .subscribe(); - const activeItem = this.tabs().find((tab) => untracked(tab.isActive)) ?? this.tabs().find((tab) => !tab.disabled); - const activeItemIndex = this.tabs().findIndex((tab) => tab === activeItem); - this.#focusKeyManager?.updateActiveItem(activeItemIndex < 0 ? 0 : activeItemIndex); - this.tabsService.activeItemKey.set(this.#focusKeyManager.activeItem?.itemKey()); - this.tabsService.activeItem.set(this.#focusKeyManager.activeItem); - }, - { allowSignalWrites: true } - ); + untracked(() => { + setTimeout(() => { + const activeItem = tabs.find((tab) => tab.isActive()) ?? tabs.find((tab) => !tab.disabled); + const activeItemIndex = tabs.findIndex((tab) => tab === activeItem); + this.#focusKeyManager?.updateActiveItem(activeItemIndex < 0 ? 0 : activeItemIndex); + this.tabsService.activeItemKey.set(this.#focusKeyManager.activeItem?.itemKey()); + this.tabsService.activeItem.set(this.#focusKeyManager.activeItem); + }); + }); + }); - tabsServiceEffect = effect( - () => { - const activeItemIndex = this.tabs().findIndex( - (tab) => untracked(tab.isActive) && untracked(tab.itemKey) === this.tabsService.activeItemKey() - ); - this.#focusKeyManager?.updateActiveItem(activeItemIndex < 0 ? 0 : activeItemIndex); - }, - { allowSignalWrites: true } - ); + readonly #tabsServiceEffect = effect(() => { + const activeItemIndex = this.tabs().findIndex( + (tab) => untracked(tab.isActive) && untracked(tab.itemKey) === this.tabsService.activeItemKey() + ); + this.#focusKeyManager?.updateActiveItem(activeItemIndex < 0 ? 0 : activeItemIndex); + }); - @HostListener('keydown', ['$event']) - onKeydown($event: any) { + onKeyDown($event: any) { if (['ArrowLeft', 'ArrowRight'].includes($event.key)) { this.#focusKeyManager.onKeydown($event); return; diff --git a/projects/coreui-angular/src/lib/tabs-2/tabs.component.ts b/projects/coreui-angular/src/lib/tabs-2/tabs.component.ts index 84bbfc95..bb501665 100644 --- a/projects/coreui-angular/src/lib/tabs-2/tabs.component.ts +++ b/projects/coreui-angular/src/lib/tabs-2/tabs.component.ts @@ -6,7 +6,6 @@ let nextId = 0; @Component({ exportAs: 'cTabs', selector: 'c-tabs', - standalone: true, imports: [], template: '', styleUrl: './tabs.component.scss', @@ -32,18 +31,12 @@ export class TabsComponent { tabsId = `tabs-${nextId++}`; readonly id = input(this.tabsId); - readonly activeItemEffect = effect( - () => { - this.tabsService.id.set(this.id()); - this.tabsService.activeItemKey.set(this.activeItemKey()); - }, - { allowSignalWrites: true } - ); + readonly #activeItemEffect = effect(() => { + this.tabsService.id.set(this.id()); + this.tabsService.activeItemKey.set(this.activeItemKey()); + }); - readonly tabsServiceEffect = effect( - () => { - this.activeItemKey.set(this.tabsService.activeItemKey()); - }, - { allowSignalWrites: true } - ); + readonly #tabsServiceEffect = effect(() => { + this.activeItemKey.set(this.tabsService.activeItemKey()); + }); } diff --git a/projects/coreui-angular/src/lib/tabs/tab-content-ref.directive.spec.ts b/projects/coreui-angular/src/lib/tabs/tab-content-ref.directive.spec.ts index 2f95f640..c10e66a8 100644 --- a/projects/coreui-angular/src/lib/tabs/tab-content-ref.directive.spec.ts +++ b/projects/coreui-angular/src/lib/tabs/tab-content-ref.directive.spec.ts @@ -1,12 +1,15 @@ import { TabContentRefDirective } from './tab-content-ref.directive'; -import { TabService } from './tab.service'; +import { TestBed } from '@angular/core/testing'; import { ChangeDetectorRef } from '@angular/core'; describe('TabContentRefDirective', () => { - let changeDetectorRef: ChangeDetectorRef; it('should create an instance', () => { - const tabService = new TabService(); - const directive = new TabContentRefDirective(changeDetectorRef, tabService); - expect(directive).toBeTruthy(); + TestBed.configureTestingModule({ + providers: [ChangeDetectorRef] + }); + TestBed.runInInjectionContext(() => { + const directive = new TabContentRefDirective(); + expect(directive).toBeTruthy(); + }); }); }); diff --git a/projects/coreui-angular/src/lib/tabs/tab-content-ref.directive.ts b/projects/coreui-angular/src/lib/tabs/tab-content-ref.directive.ts index 0aafeba8..95c51265 100644 --- a/projects/coreui-angular/src/lib/tabs/tab-content-ref.directive.ts +++ b/projects/coreui-angular/src/lib/tabs/tab-content-ref.directive.ts @@ -4,6 +4,7 @@ import { Directive, HostBinding, HostListener, + inject, Input, numberAttribute, OnChanges, @@ -15,18 +16,17 @@ import { Subscription } from 'rxjs'; import { TabService } from './tab.service'; @Directive({ - selector: '[cTabContent]', - standalone: true + selector: '[cTabContent]' }) export class TabContentRefDirective implements OnChanges, OnDestroy { - constructor( - private changeDetectorRef: ChangeDetectorRef, - private tabService: TabService - ) { + readonly #changeDetectorRef = inject(ChangeDetectorRef); + readonly #tabService = inject(TabService); + + constructor() { this.subscribeTabService(); } - private tabServiceSubscription!: Subscription; + #tabServiceSubscription!: Subscription; /** * Template Ref @@ -42,17 +42,17 @@ export class TabContentRefDirective implements OnChanges, OnDestroy { @Input({ transform: booleanAttribute }) set active(value: boolean) { const newValue = value; - if (this._active !== newValue) { - this._active = newValue; - this.changeDetectorRef.detectChanges(); + if (this.#active !== newValue) { + this.#active = newValue; + this.#changeDetectorRef.detectChanges(); } } get active() { - return this._active; + return this.#active; } - private _active = false; + #active = false; /** * Set disabled state of tab content @@ -60,14 +60,14 @@ export class TabContentRefDirective implements OnChanges, OnDestroy { */ @Input({ transform: booleanAttribute }) set disabled(value: boolean) { - this._disabled = value; + this.#disabled = value; } get disabled(): boolean { - return this._disabled || this.tabPaneIdx >= this.tabContentRef?.panes?.length; + return this.#disabled || this.tabPaneIdx >= this.tabContentRef?.panes?.length; } - private _disabled = false; + #disabled = false; /** * c-tab-pane index respectively @@ -123,7 +123,7 @@ export class TabContentRefDirective implements OnChanges, OnDestroy { setTimeout(() => { if (this.tabPaneIdx < this.tabContentRef.panes.length) { this.active = true; - this.tabService.setActiveTabIdx({ tabContent: this.tabContentRef, activeIdx: this.tabPaneIdx }); + this.#tabService.setActiveTabIdx({ tabContent: this.tabContentRef, activeIdx: this.tabPaneIdx }); } else { this.active = false; } @@ -136,13 +136,13 @@ export class TabContentRefDirective implements OnChanges, OnDestroy { subscribeTabService(subscribe: boolean = true) { if (subscribe) { - this.tabServiceSubscription = this.tabService.activeTabPaneIdx$.subscribe((tabContentState) => { + this.#tabServiceSubscription = this.#tabService.activeTabPaneIdx$.subscribe((tabContentState) => { if (tabContentState.tabContent === this.tabContentRef) { this.active = tabContentState.activeIdx === this.tabPaneIdx; } }); } else { - this.tabServiceSubscription?.unsubscribe(); + this.#tabServiceSubscription?.unsubscribe(); } } } diff --git a/projects/coreui-angular/src/lib/tabs/tab-content/tab-content.component.ts b/projects/coreui-angular/src/lib/tabs/tab-content/tab-content.component.ts index e45726f7..0f4b6df9 100644 --- a/projects/coreui-angular/src/lib/tabs/tab-content/tab-content.component.ts +++ b/projects/coreui-angular/src/lib/tabs/tab-content/tab-content.component.ts @@ -6,6 +6,7 @@ import { Component, ContentChildren, EventEmitter, + inject, Input, numberAttribute, OnChanges, @@ -25,10 +26,12 @@ import { TabService } from '../tab.service'; styleUrls: ['./tab-content.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cTabContent', - standalone: true, host: { class: 'tab-content' } }) export class TabContentComponent implements AfterContentChecked, AfterContentInit, OnChanges, OnDestroy { + readonly #changeDetectorRef = inject(ChangeDetectorRef); + readonly #tabService = inject(TabService); + /** * Set active tabPane index * @type number @@ -36,19 +39,19 @@ export class TabContentComponent implements AfterContentChecked, AfterContentIni @Input({ transform: numberAttribute }) set activeTabPaneIdx(value: number) { const newValue = value; - if (this._activeTabPaneIdx != newValue) { - this._activeTabPaneIdx = newValue; + if (this.#activeTabPaneIdx != newValue) { + this.#activeTabPaneIdx = newValue; this.activeTabPaneIdxChange.emit(newValue); - this.changeDetectorRef.markForCheck(); - this.changeDetectorRef.detectChanges(); + this.#changeDetectorRef.markForCheck(); + this.#changeDetectorRef.detectChanges(); } } get activeTabPaneIdx() { - return this._activeTabPaneIdx; + return this.#activeTabPaneIdx; } - private _activeTabPaneIdx = -1; + #activeTabPaneIdx = -1; /** * Event emitted on the active tab pane index change. @@ -56,12 +59,7 @@ export class TabContentComponent implements AfterContentChecked, AfterContentIni @Output() activeTabPaneIdxChange: EventEmitter = new EventEmitter(); @ContentChildren(TabPaneComponent) public panes!: QueryList; - private tabServiceSubscription!: Subscription; - - constructor( - private changeDetectorRef: ChangeDetectorRef, - private tabService: TabService - ) {} + #tabServiceSubscription!: Subscription; ngAfterContentInit(): void { this.subscribeTabService(); @@ -73,12 +71,12 @@ export class TabContentComponent implements AfterContentChecked, AfterContentIni tabPane.tabPaneIdx = index; }); this.refreshTabPaneActive(this.activeTabPaneIdx); - this.tabService.setActiveTabIdx({ tabContent: this, activeIdx: this.activeTabPaneIdx }); + this.#tabService.setActiveTabIdx({ tabContent: this, activeIdx: this.activeTabPaneIdx }); } ngOnChanges(changes: SimpleChanges): void { if (changes['activeTabPaneIdx']?.currentValue) { - this.tabService.setActiveTabIdx({ tabContent: this, activeIdx: changes['activeTabPaneIdx'].currentValue }); + this.#tabService.setActiveTabIdx({ tabContent: this, activeIdx: changes['activeTabPaneIdx'].currentValue }); } } @@ -88,13 +86,13 @@ export class TabContentComponent implements AfterContentChecked, AfterContentIni subscribeTabService(subscribe: boolean = true) { if (subscribe) { - this.tabServiceSubscription = this.tabService.activeTabPaneIdx$.subscribe((tabContentState) => { + this.#tabServiceSubscription = this.#tabService.activeTabPaneIdx$.subscribe((tabContentState) => { if (this === tabContentState.tabContent) { this.activeTabPaneIdx = tabContentState.activeIdx; } }); } else { - this.tabServiceSubscription?.unsubscribe(); + this.#tabServiceSubscription?.unsubscribe(); } } diff --git a/projects/coreui-angular/src/lib/tabs/tab-pane/tab-pane.component.ts b/projects/coreui-angular/src/lib/tabs/tab-pane/tab-pane.component.ts index d839c956..62497581 100644 --- a/projects/coreui-angular/src/lib/tabs/tab-pane/tab-pane.component.ts +++ b/projects/coreui-angular/src/lib/tabs/tab-pane/tab-pane.component.ts @@ -1,4 +1,4 @@ -import { booleanAttribute, ChangeDetectorRef, Component, HostBinding, Input, OnDestroy } from '@angular/core'; +import { booleanAttribute, ChangeDetectorRef, Component, HostBinding, inject, Input, OnDestroy } from '@angular/core'; import { Subscription } from 'rxjs'; import { TabContentComponent } from '../tab-content/tab-content.component'; @@ -9,34 +9,33 @@ import { ITabContentState, TabService } from '../tab.service'; template: '', styleUrls: ['./tab-pane.component.scss'], exportAs: 'cTabPane', - standalone: true, host: { class: 'tab-pane' } }) export class TabPaneComponent implements OnDestroy { - constructor( - private changeDetectorRef: ChangeDetectorRef, - private tabService: TabService - ) { + readonly #changeDetectorRef = inject(ChangeDetectorRef); + readonly #tabService = inject(TabService); + + constructor() { this.subscribeTabService(); } public tabPaneIdx!: number; public tabContent!: TabContentComponent; - private tabServiceSubscription!: Subscription; + #tabServiceSubscription!: Subscription; set active(value: boolean) { const newValue = booleanAttribute(value); - if (this._active !== newValue) { - this._active = newValue; - this.changeDetectorRef.markForCheck(); + if (this.#active !== newValue) { + this.#active = newValue; + this.#changeDetectorRef.markForCheck(); } } get active(): boolean { - return this._active; + return this.#active; } - private _active: boolean = false; + #active: boolean = false; @HostBinding('class') get hostClasses() { @@ -58,13 +57,15 @@ export class TabPaneComponent implements OnDestroy { subscribeTabService(subscribe: boolean = true) { if (subscribe) { - this.tabServiceSubscription = this.tabService.activeTabPaneIdx$.subscribe((tabContentState: ITabContentState) => { - if (tabContentState.tabContent === this.tabContent) { - this.active = tabContentState.activeIdx === this.tabPaneIdx; + this.#tabServiceSubscription = this.#tabService.activeTabPaneIdx$.subscribe( + (tabContentState: ITabContentState) => { + if (tabContentState.tabContent === this.tabContent) { + this.active = tabContentState.activeIdx === this.tabPaneIdx; + } } - }); + ); } else { - this.tabServiceSubscription?.unsubscribe(); + this.#tabServiceSubscription?.unsubscribe(); } } } diff --git a/projects/coreui-angular/src/lib/toast/public_api.ts b/projects/coreui-angular/src/lib/toast/public_api.ts index 6f166129..05241244 100644 --- a/projects/coreui-angular/src/lib/toast/public_api.ts +++ b/projects/coreui-angular/src/lib/toast/public_api.ts @@ -1,7 +1,7 @@ export { ToastComponent } from './toast/toast.component'; export { ToastBodyComponent } from './toast-body/toast-body.component'; export { ToastHeaderComponent } from './toast-header/toast-header.component'; -export { ToasterComponent, TToasterPlacement, ToasterPlacement } from './toaster/toaster.component'; +export { ToasterComponent, type TToasterPlacement, ToasterPlacement } from './toaster/toaster.component'; export { ToasterService } from './toaster/toaster.service'; export { ToasterHostDirective } from './toaster/toaster-host.directive'; export { ToastCloseDirective } from './toast-close.directive'; diff --git a/projects/coreui-angular/src/lib/toast/toast-body/toast-body.component.ts b/projects/coreui-angular/src/lib/toast/toast-body/toast-body.component.ts index bbb355cc..1e1f3166 100644 --- a/projects/coreui-angular/src/lib/toast/toast-body/toast-body.component.ts +++ b/projects/coreui-angular/src/lib/toast/toast-body/toast-body.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, Optional } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { ToastComponent } from '../toast/toast.component'; @Component({ @@ -6,14 +6,11 @@ import { ToastComponent } from '../toast/toast.component'; template: '', styleUrls: ['./toast-body.component.scss'], exportAs: 'cToastBody', - standalone: true + host: { + class: 'toast-body', + } }) export class ToastBodyComponent { - - @HostBinding('class.toast-body') toastBodyClass = true; - - constructor( - @Optional() public toast?: ToastComponent - ) { } + readonly toast? = inject(ToastComponent, { optional: true }); } diff --git a/projects/coreui-angular/src/lib/toast/toast-close.directive.spec.ts b/projects/coreui-angular/src/lib/toast/toast-close.directive.spec.ts index 0fe99ef3..879ba91a 100644 --- a/projects/coreui-angular/src/lib/toast/toast-close.directive.spec.ts +++ b/projects/coreui-angular/src/lib/toast/toast-close.directive.spec.ts @@ -8,13 +8,13 @@ describe('ToastCloseDirective', () => { await TestBed.configureTestingModule({ providers: [ToasterService], imports: [ToastModule] - }) - .compileComponents(); + }).compileComponents(); }); it('should create an instance', () => { - const service = new ToasterService(); - const directive = new ToastCloseDirective(service); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new ToastCloseDirective(); + expect(directive).toBeTruthy(); + }); }); }); diff --git a/projects/coreui-angular/src/lib/toast/toast-close.directive.ts b/projects/coreui-angular/src/lib/toast/toast-close.directive.ts index e7bfd222..16ba62e6 100644 --- a/projects/coreui-angular/src/lib/toast/toast-close.directive.ts +++ b/projects/coreui-angular/src/lib/toast/toast-close.directive.ts @@ -1,21 +1,21 @@ -import { Directive, HostListener, Input } from '@angular/core'; +import { Directive, inject, input } from '@angular/core'; import { ToasterService } from './toaster/toaster.service'; +import type { ToastComponent } from './toast/toast.component'; @Directive({ selector: '[cToastClose]', exportAs: 'cToastClose', - standalone: true + host: { + '(click)': 'toggleOpen($event)' + } }) export class ToastCloseDirective { + readonly #toasterService = inject(ToasterService); - @Input('cToastClose') toast: any; - - constructor(private toasterService: ToasterService) { } + readonly cToastClose = input(); - @HostListener('click', ['$event']) - toggleOpen($event: any): void { + toggleOpen($event: MouseEvent): void { $event.preventDefault(); - this.toasterService.setState({ show: false, toast: this.toast }); + this.#toasterService.setState({ show: false, toast: this.cToastClose() }); } - } diff --git a/projects/coreui-angular/src/lib/toast/toast-header/toast-header.component.html b/projects/coreui-angular/src/lib/toast/toast-header/toast-header.component.html index 1537b670..c18e0458 100644 --- a/projects/coreui-angular/src/lib/toast/toast-header/toast-header.component.html +++ b/projects/coreui-angular/src/lib/toast/toast-header/toast-header.component.html @@ -1,6 +1,6 @@ - @if (closeButton) { - + @if (closeButton()) { + } diff --git a/projects/coreui-angular/src/lib/toast/toast-header/toast-header.component.ts b/projects/coreui-angular/src/lib/toast/toast-header/toast-header.component.ts index 9c57b599..6addf3a8 100644 --- a/projects/coreui-angular/src/lib/toast/toast-header/toast-header.component.ts +++ b/projects/coreui-angular/src/lib/toast/toast-header/toast-header.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, Input, Optional } from '@angular/core'; +import { Component, inject, input, signal } from '@angular/core'; import { ButtonCloseDirective } from '../../button'; import { ToastComponent } from '../toast/toast.component'; @@ -8,21 +8,19 @@ import { ToastCloseDirective } from '../toast-close.directive'; selector: 'c-toast-header', templateUrl: './toast-header.component.html', exportAs: 'cToastHeader', - standalone: true, - imports: [ToastCloseDirective, ButtonCloseDirective] + imports: [ToastCloseDirective, ButtonCloseDirective], + host: { + class: 'toast-header' + } }) export class ToastHeaderComponent { + readonly #toast = inject(ToastComponent, { optional: true }); + + readonly toast = signal(this.#toast ?? undefined); /** * Add close button to a toast header - * @type boolean + * @return boolean */ - @Input() closeButton = true; - - @HostBinding('class.toast-header') toastHeaderClass = true; - - constructor( - @Optional() public toast?: ToastComponent - ) { } - + readonly closeButton = input(true); } diff --git a/projects/coreui-angular/src/lib/toast/toast/toast.component.ts b/projects/coreui-angular/src/lib/toast/toast/toast.component.ts index c723324b..5d99dbd9 100644 --- a/projects/coreui-angular/src/lib/toast/toast/toast.component.ts +++ b/projects/coreui-angular/src/lib/toast/toast/toast.component.ts @@ -2,10 +2,10 @@ import { booleanAttribute, ChangeDetectorRef, Component, + computed, + effect, ElementRef, - HostBinding, - HostListener, - Input, + inject, input, numberAttribute, OnDestroy, @@ -27,7 +27,6 @@ type AnimateType = 'hide' | 'show'; template: '', styleUrls: ['./toast.component.scss'], exportAs: 'cToast', - standalone: true, animations: [ trigger('fadeInOut', [ state('show', style({ opacity: 1, height: '*', padding: '*', border: '*', margin: '*' })), @@ -47,53 +46,66 @@ type AnimateType = 'hide' | 'show'; }) ]) ], - host: { class: 'toast show' } + host: { + class: 'toast show', + '[class]': 'hostClasses()', + '(mouseover)': 'clearTimer()', + '(mouseout)': 'setTimer()', + '[@fadeInOut]': 'animateType', + '[@.disabled]': 'animationDisabled()' + } }) export class ToastComponent implements OnInit, OnDestroy { - constructor( - public hostElement: ElementRef, - public renderer: Renderer2, - public toasterService: ToasterService, - public changeDetectorRef: ChangeDetectorRef - ) {} + readonly changeDetectorRef = inject(ChangeDetectorRef); + readonly hostElement = inject(ElementRef); + readonly renderer = inject(Renderer2); + readonly toasterService = inject(ToasterService); readonly dynamic = input(); - readonly placement = input(); + readonly placementInput = input(undefined, { alias: 'placement' }); + + get placement() { + return this.placementInput(); + } /** * Auto hide the toast. - * @type boolean + * @return boolean */ readonly autohide = input(true); /** * Sets the color context of the component to one of CoreUI’s themed colors. - * @type Colors + * @return Colors */ readonly color = input(''); /** * Delay hiding the toast (ms). - * @type number + * @return number */ readonly delay = input(5000, { transform: numberAttribute }); /** * Apply fade transition to the toast. - * @type boolean + * @return boolean */ readonly fade = input(true); /** * Toggle the visibility of component. - * @type boolean + * @return boolean */ + readonly visibleInput = input(false, { transform: booleanAttribute, alias: 'visible' }); + + readonly #visibleInputEffect = effect(() => { + this.visible = this.visibleInput(); + }); - @Input({ transform: booleanAttribute }) set visible(value: boolean) { const newValue = value; - if (this._visible !== newValue) { - this._visible = newValue; + if (this.#visible !== newValue) { + this.#visible = newValue; newValue ? this.setTimer() : this.clearTimer(); this.visibleChange.emit(newValue); this.changeDetectorRef.markForCheck(); @@ -101,10 +113,10 @@ export class ToastComponent implements OnInit, OnDestroy { } get visible() { - return this._visible; + return this.#visible; } - private _visible = false; + #visible = false; /** * @ignore @@ -113,13 +125,13 @@ export class ToastComponent implements OnInit, OnDestroy { /** * Event emitted on visibility change. [docs] - * @type + * @return */ readonly visibleChange = output(); /** * Event emitted on timer tick. [docs] - * @type number + * @return number */ readonly timer = output(); @@ -139,40 +151,30 @@ export class ToastComponent implements OnInit, OnDestroy { this.changeDetectorRef.markForCheck(); } - @HostBinding('@.disabled') - get animationDisabled(): boolean { + readonly animationDisabled = computed(() => { return !this.fade(); - } + }); - @HostBinding('@fadeInOut') get animateType(): AnimateType { return this.visible ? 'show' : 'hide'; } - @HostListener('mouseover') onMouseOver(): void { - this.clearTimer(); - } - - @HostListener('mouseout') onMouseOut(): void { - this.setTimer(); - } - - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { + const color = this.color(); return { toast: true, show: true, - [`bg-${this.color()}`]: !!this.color(), - 'border-0': !!this.color() - }; - } + [`bg-${color}`]: !!color, + 'border-0': !!color + } as Record; + }); ngOnInit(): void { if (this.visible) { this.toasterService.setState({ toast: this, show: this.visible, - placement: this.placement() + placement: this.placement }); this.clearTimer(); this.setTimer(); @@ -202,7 +204,7 @@ export class ToastComponent implements OnInit, OnDestroy { this.toasterService.setState({ toast: this, show: false, - placement: this.placement() + placement: this.placement }); } diff --git a/projects/coreui-angular/src/lib/toast/toaster/toaster-host.directive.spec.ts b/projects/coreui-angular/src/lib/toast/toaster/toaster-host.directive.spec.ts index d26d2aaa..b74019e3 100644 --- a/projects/coreui-angular/src/lib/toast/toaster/toaster-host.directive.spec.ts +++ b/projects/coreui-angular/src/lib/toast/toaster/toaster-host.directive.spec.ts @@ -3,9 +3,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; import { ToasterHostDirective } from './toaster-host.directive'; @Component({ - template: ` -
      `, - standalone: true, + template: `
      `, imports: [ToasterHostDirective] }) class TestComponent {} @@ -13,18 +11,20 @@ class TestComponent {} describe('ToasterHostDirective', () => { let component: TestComponent; let fixture: ComponentFixture; - let containerRef: ViewContainerRef; beforeEach(() => { TestBed.configureTestingModule({ - imports: [TestComponent, ToasterHostDirective] + imports: [TestComponent, ToasterHostDirective], + providers: [ViewContainerRef] }); fixture = TestBed.createComponent(TestComponent); component = fixture.componentInstance; }); it('should create an instance', () => { - const directive = new ToasterHostDirective(containerRef); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new ToasterHostDirective(); + expect(directive).toBeTruthy(); + }); }); }); diff --git a/projects/coreui-angular/src/lib/toast/toaster/toaster-host.directive.ts b/projects/coreui-angular/src/lib/toast/toaster/toaster-host.directive.ts index 3c761360..a28e0439 100644 --- a/projects/coreui-angular/src/lib/toast/toaster/toaster-host.directive.ts +++ b/projects/coreui-angular/src/lib/toast/toaster/toaster-host.directive.ts @@ -1,13 +1,9 @@ -import { Directive, ViewContainerRef } from '@angular/core'; +import { Directive, inject, ViewContainerRef } from '@angular/core'; @Directive({ selector: '[cToasterHost]', - exportAs: 'cToasterHost', - standalone: true + exportAs: 'cToasterHost' }) export class ToasterHostDirective { - - constructor( - public viewContainerRef: ViewContainerRef - ) { } + readonly viewContainerRef = inject(ViewContainerRef); } diff --git a/projects/coreui-angular/src/lib/toast/toaster/toaster.component.ts b/projects/coreui-angular/src/lib/toast/toaster/toaster.component.ts index f15b7386..5b902bed 100644 --- a/projects/coreui-angular/src/lib/toast/toaster/toaster.component.ts +++ b/projects/coreui-angular/src/lib/toast/toaster/toaster.component.ts @@ -1,19 +1,17 @@ import { - AfterContentChecked, Component, ComponentRef, - ContentChildren, + computed, + contentChildren, DestroyRef, ElementRef, - HostBinding, inject, Injector, - Input, + input, NgModuleRef, OnInit, - QueryList, Renderer2, - ViewChild, + viewChild, ViewContainerRef } from '@angular/core'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; @@ -52,64 +50,63 @@ export type TToasterPlacement = selector: 'c-toaster', templateUrl: './toaster.component.html', exportAs: 'cToaster', - standalone: true, imports: [ToasterHostDirective], - host: { class: 'toaster toast-container' } + host: { + class: 'toaster toast-container', + '[class]': 'hostClasses()' + } }) -export class ToasterComponent implements OnInit, AfterContentChecked { +export class ToasterComponent implements OnInit { + readonly #hostElement = inject(ElementRef); + readonly #renderer = inject(Renderer2); + readonly #toasterService = inject(ToasterService); readonly #destroyRef = inject(DestroyRef); - constructor( - private hostElement: ElementRef, - private renderer: Renderer2, - private toasterService: ToasterService - ) {} - placements = Object.values(ToasterPlacement); - toasts!: QueryList; - toastsDynamic: any[] = []; + toastsDynamic: ComponentRef[] = []; /** * Toaster placement - * @type TToasterPlacement + * @return TToasterPlacement */ - @Input() placement: TToasterPlacement = ToasterPlacement.TopEnd; + readonly placementInput = input(ToasterPlacement.TopEnd, { alias: 'placement' }); + + get placement() { + return this.placementInput(); + } /** * Toaster position - * @type (string | 'absolute' | 'fixed' | 'static') + * @return (string | 'absolute' | 'fixed' | 'static') */ - @Input() position: string | 'absolute' | 'fixed' | 'static' = 'absolute'; + readonly position = input('absolute'); - @ViewChild(ToasterHostDirective, { static: true }) toasterHost!: ToasterHostDirective; - @ContentChildren(ToastComponent, { read: ViewContainerRef }) contentToasts!: QueryList; + readonly toasterHost = viewChild.required(ToasterHostDirective); + readonly contentToasts = contentChildren(ToastComponent, { read: ViewContainerRef }); - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { + const placement = this.placement; + const position = this.position(); return { toaster: true, 'toast-container': true, - [`position-${this.position}`]: !!this.position, - 'top-0': this.placement.includes('top'), - 'top-50': this.placement.includes('middle'), - 'bottom-0': this.placement.includes('bottom'), - 'start-0': this.placement.includes('start'), - 'start-50': this.placement.includes('center'), - 'end-0': this.placement.includes('end'), - 'translate-middle-x': this.placement.includes('center') && !this.placement.includes('middle'), - 'translate-middle-y': this.placement.includes('middle') && !this.placement.includes('center'), - 'translate-middle': this.placement.includes('middle') && this.placement.includes('center') - }; - } + [`position-${position}`]: !!position, + 'top-0': placement.includes('top'), + 'top-50': placement.includes('middle'), + 'bottom-0': placement.includes('bottom'), + 'start-0': placement.includes('start'), + 'start-50': placement.includes('center'), + 'end-0': placement.includes('end'), + 'translate-middle-x': placement.includes('center') && !placement.includes('middle'), + 'translate-middle-y': placement.includes('middle') && !placement.includes('center'), + 'translate-middle': placement.includes('middle') && placement.includes('center') + } as Record; + }); ngOnInit(): void { this.stateToasterSubscribe(); } - ngAfterContentChecked(): void { - this.toasts = this.contentToasts; - } - public addToast( toast: any, props: any, @@ -120,7 +117,7 @@ export class ToasterComponent implements OnInit, AfterContentChecked { projectableNodes?: Node[][]; } ): ComponentRef { - const componentRef: ComponentRef = this.toasterHost.viewContainerRef.createComponent(toast, options); + const componentRef: ComponentRef = this.toasterHost().viewContainerRef.createComponent(toast, options); this.toastsDynamic.push(componentRef); const index = this.toastsDynamic.indexOf(componentRef); for (const [key, value] of Object.entries(props)) { @@ -143,8 +140,7 @@ export class ToasterComponent implements OnInit, AfterContentChecked { item.destroy(); } }); - - this.toasts?.forEach((item) => { + this.contentToasts()?.forEach((item) => { if (state.toast && item.element.nativeElement === state.toast.hostElement.nativeElement) { if (!state.toast.dynamic()) { state.toast['visible'] = false; @@ -154,7 +150,7 @@ export class ToasterComponent implements OnInit, AfterContentChecked { } private stateToasterSubscribe(): void { - this.toasterService.toasterState$.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((state) => { + this.#toasterService.toasterState$.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((state) => { if (state.show === false) { this.removeToast(state); } diff --git a/projects/coreui-angular/src/lib/toast/toaster/toaster.service.ts b/projects/coreui-angular/src/lib/toast/toaster/toaster.service.ts index 4118cca1..ba21f320 100644 --- a/projects/coreui-angular/src/lib/toast/toaster/toaster.service.ts +++ b/projects/coreui-angular/src/lib/toast/toaster/toaster.service.ts @@ -2,7 +2,7 @@ import { Injectable } from '@angular/core'; import { BehaviorSubject } from 'rxjs'; import { TToasterPlacement } from './toaster.component'; -import { ToastComponent } from '../toast/toast.component'; +import { type ToastComponent } from '../toast/toast.component'; export interface IToasterAction { placement?: TToasterPlacement; diff --git a/projects/coreui-angular/src/lib/tooltip/tooltip.directive.spec.ts b/projects/coreui-angular/src/lib/tooltip/tooltip.directive.spec.ts index be4252db..4a826ac1 100644 --- a/projects/coreui-angular/src/lib/tooltip/tooltip.directive.spec.ts +++ b/projects/coreui-angular/src/lib/tooltip/tooltip.directive.spec.ts @@ -1,30 +1,97 @@ -import { ChangeDetectorRef, ElementRef, Renderer2, ViewContainerRef } from '@angular/core'; -import { TestBed } from '@angular/core/testing'; -import { IntersectionService, ListenersService } from '../services'; +import { DOCUMENT } from '@angular/common'; +import { + ChangeDetectorRef, + Component, + ComponentRef, + DebugElement, + ElementRef, + Renderer2, + ViewContainerRef +} from '@angular/core'; +import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; import { TooltipDirective } from './tooltip.directive'; +import { Triggers } from '../coreui.types'; +import { ListenersService } from '../services'; + +@Component({ + template: '', + imports: [TooltipDirective] +}) +export class TestComponent { + content = 'Test'; + visible = false; + trigger: Triggers[] = ['hover', 'click']; +} + +class MockElementRef extends ElementRef {} describe('TooltipDirective', () => { - let renderer: Renderer2; - let hostElement: ElementRef; - let viewContainerRef: ViewContainerRef; - let changeDetectorRef: ChangeDetectorRef; + let component: TestComponent; + let componentRef: ComponentRef; + let fixture: ComponentFixture; + let debugElement: DebugElement; + let document: Document; - it('should create an instance', () => { + beforeEach(() => { TestBed.configureTestingModule({ - providers: [IntersectionService, Renderer2, ListenersService] - }); - const intersectionService = TestBed.inject(IntersectionService); - const listenersService = TestBed.inject(ListenersService); + imports: [TestComponent], + providers: [ + // IntersectionService, + Renderer2, + ListenersService, + { provide: ElementRef, useClass: MockElementRef }, + ViewContainerRef, + ChangeDetectorRef + ] + }).compileComponents(); + document = TestBed.inject(DOCUMENT); + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + debugElement = fixture.debugElement.query(By.directive(TooltipDirective)); + fixture.autoDetectChanges(); + }); + + it('should create an instance', () => { TestBed.runInInjectionContext(() => { - const directive = new TooltipDirective( - renderer, - hostElement, - viewContainerRef, - listenersService, - changeDetectorRef, - intersectionService - ); + const directive = new TooltipDirective(); expect(directive).toBeTruthy(); }); }); + + it('should have css classes', fakeAsync(() => { + expect(document.querySelector('.tooltip.show')).toBeNull(); + component.visible = true; + fixture.detectChanges(); + tick(500); + expect(document.querySelector('.tooltip.show')).toBeTruthy(); + component.visible = false; + fixture.detectChanges(); + tick(500); + expect(document.querySelector('.tooltip.show')).toBeNull(); + })); + + it('should set popover on and off', fakeAsync(() => { + fixture.autoDetectChanges(); + component.visible = false; + expect(document.querySelector('.tooltip.show')).toBeNull(); + debugElement.nativeElement.dispatchEvent(new Event('mouseenter')); + tick(500); + expect(document.querySelector('.tooltip.show')).toBeTruthy(); + debugElement.nativeElement.dispatchEvent(new Event('mouseleave')); + tick(500); + expect(document.querySelector('.tooltip.show')).toBeNull(); + })); + + it('should toggle popover', fakeAsync(() => { + fixture.autoDetectChanges(); + component.visible = false; + expect(document.querySelector('.tooltip.show')).toBeNull(); + debugElement.nativeElement.dispatchEvent(new Event('click')); + tick(500); + expect(document.querySelector('.tooltip.show')).toBeTruthy(); + debugElement.nativeElement.dispatchEvent(new Event('click')); + tick(500); + expect(document.querySelector('.tooltip.show')).toBeNull(); + })); }); diff --git a/projects/coreui-angular/src/lib/tooltip/tooltip.directive.ts b/projects/coreui-angular/src/lib/tooltip/tooltip.directive.ts index 2408460c..baa4672d 100644 --- a/projects/coreui-angular/src/lib/tooltip/tooltip.directive.ts +++ b/projects/coreui-angular/src/lib/tooltip/tooltip.directive.ts @@ -30,17 +30,25 @@ import { TooltipComponent } from './tooltip/tooltip.component'; selector: '[cTooltip]', exportAs: 'cTooltip', providers: [ListenersService, IntersectionService], - standalone: true, host: { '[attr.aria-describedby]': 'ariaDescribedBy' } }) export class TooltipDirective implements OnDestroy, OnInit, AfterViewInit { + readonly #renderer = inject(Renderer2); + readonly #hostElement = inject(ElementRef); + readonly #viewContainerRef = inject(ViewContainerRef); + readonly #listenersService = inject(ListenersService); + readonly #changeDetectorRef = inject(ChangeDetectorRef); + readonly #intersectionService = inject(IntersectionService); + readonly #destroyRef = inject(DestroyRef); + readonly #document = inject(DOCUMENT); + /** * Content of tooltip - * @type {string | TemplateRef} + * @return {string | TemplateRef} */ readonly content = input | undefined>(undefined, { alias: 'cTooltip' }); - contentEffect = effect(() => { + readonly #contentEffect = effect(() => { if (this.content()) { this.destroyTooltipElement(); } @@ -48,11 +56,11 @@ export class TooltipDirective implements OnDestroy, OnInit, AfterViewInit { /** * Optional popper Options object, takes precedence over cPopoverPlacement prop - * @type Partial + * @return Partial */ readonly popperOptions = input>({}, { alias: 'cTooltipOptions' }); - popperOptionsEffect = effect(() => { + readonly #popperOptionsEffect = effect(() => { this._popperOptions = { ...this._popperOptions, placement: this.placement(), @@ -60,39 +68,39 @@ export class TooltipDirective implements OnDestroy, OnInit, AfterViewInit { }; }); - popperOptionsComputed = computed(() => { + readonly popperOptionsComputed = computed(() => { return { placement: this.placement(), ...this._popperOptions }; }); /** * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. - * @type: 'top' | 'bottom' | 'left' | 'right' + * @return: 'top' | 'bottom' | 'left' | 'right' * @default: 'top' */ readonly placement = input<'top' | 'bottom' | 'left' | 'right'>('top', { alias: 'cTooltipPlacement' }); /** * ElementRefDirective for positioning the tooltip on reference element - * @type: ElementRefDirective + * @return: ElementRefDirective * @default: undefined */ readonly reference = input(undefined, { alias: 'cTooltipRef' }); - readonly referenceRef = computed(() => this.reference()?.elementRef ?? this.hostElement); + readonly referenceRef = computed(() => this.reference()?.elementRef ?? this.#hostElement); /** * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them. - * @type: 'Triggers | Triggers[] + * @return: 'Triggers | Triggers[] */ readonly trigger = input('hover', { alias: 'cTooltipTrigger' }); /** * Toggle the visibility of tooltip component. - * @type boolean + * @return boolean */ readonly visible = model(false, { alias: 'cTooltipVisible' }); - visibleEffect = effect(() => { + readonly #visibleEffect = effect(() => { this.visible() ? this.addTooltipElement() : this.removeTooltipElement(); }); @@ -116,18 +124,6 @@ export class TooltipDirective implements OnDestroy, OnInit, AfterViewInit { ] }; - readonly #destroyRef = inject(DestroyRef); - readonly #document = inject(DOCUMENT); - - constructor( - private renderer: Renderer2, - private hostElement: ElementRef, - private viewContainerRef: ViewContainerRef, - private listenersService: ListenersService, - private changeDetectorRef: ChangeDetectorRef, - private intersectionService: IntersectionService - ) {} - ngAfterViewInit(): void { this.intersectionServiceSubscribe(); } @@ -143,10 +139,10 @@ export class TooltipDirective implements OnDestroy, OnInit, AfterViewInit { private setListeners(): void { const config: IListenersConfig = { - hostElement: this.hostElement, + hostElement: this.#hostElement, trigger: this.trigger(), callbackToggle: () => { - this.visible.set(!this.visible()); + this.visible.update((value) => !value); }, callbackOff: () => { this.visible.set(false); @@ -155,21 +151,21 @@ export class TooltipDirective implements OnDestroy, OnInit, AfterViewInit { this.visible.set(true); } }; - this.listenersService.setListeners(config); + this.#listenersService.setListeners(config); } private clearListeners(): void { - this.listenersService.clearListeners(); + this.#listenersService.clearListeners(); } private intersectionServiceSubscribe(): void { - this.intersectionService.createIntersectionObserver(this.referenceRef()); - this.intersectionService.intersecting$ + this.#intersectionService.createIntersectionObserver(this.referenceRef()); + this.#intersectionService.intersecting$ .pipe( filter((next) => next.hostElement === this.referenceRef()), debounceTime(100), finalize(() => { - this.intersectionService.unobserve(this.referenceRef()); + this.#intersectionService.unobserve(this.referenceRef()); }), takeUntilDestroyed(this.#destroyRef) ) @@ -189,7 +185,7 @@ export class TooltipDirective implements OnDestroy, OnInit, AfterViewInit { private createTooltipElement(): void { if (!this.tooltipRef) { - this.tooltipRef = this.viewContainerRef.createComponent(TooltipComponent); + this.tooltipRef = this.#viewContainerRef.createComponent(TooltipComponent); // this.viewContainerRef.detach(); } } @@ -200,8 +196,8 @@ export class TooltipDirective implements OnDestroy, OnInit, AfterViewInit { // @ts-ignore this.tooltipRef = undefined; this.popperInstance?.destroy(); - this.viewContainerRef?.detach(); - this.viewContainerRef?.clear(); + this.#viewContainerRef?.detach(); + this.#viewContainerRef?.clear(); } private addTooltipElement(): void { @@ -217,13 +213,13 @@ export class TooltipDirective implements OnDestroy, OnInit, AfterViewInit { this.tooltipRef?.setInput('content', this.content() ?? ''); this.tooltip = this.tooltipRef?.location.nativeElement; - this.renderer.addClass(this.tooltip, 'd-none'); - this.renderer.addClass(this.tooltip, 'fade'); + this.#renderer.addClass(this.tooltip, 'd-none'); + this.#renderer.addClass(this.tooltip, 'fade'); this.popperInstance?.destroy(); - this.viewContainerRef.insert(this.tooltipRef.hostView); - this.renderer.appendChild(this.#document.body, this.tooltip); + this.#viewContainerRef.insert(this.tooltipRef.hostView); + this.#renderer.appendChild(this.#document.body, this.tooltip); this.popperInstance = createPopper(this.referenceRef().nativeElement, this.tooltip, { ...this.popperOptionsComputed() @@ -236,10 +232,10 @@ export class TooltipDirective implements OnDestroy, OnInit, AfterViewInit { setTimeout(() => { this.tooltipId = this.getUID('tooltip'); this.tooltipRef?.setInput('id', this.tooltipId); - this.renderer.removeClass(this.tooltip, 'd-none'); + this.#renderer.removeClass(this.tooltip, 'd-none'); this.tooltipRef?.setInput('visible', this.visible()); this.popperInstance?.forceUpdate(); - this.changeDetectorRef?.markForCheck(); + this.#changeDetectorRef?.markForCheck(); }, 100); } @@ -250,9 +246,9 @@ export class TooltipDirective implements OnDestroy, OnInit, AfterViewInit { } this.tooltipRef.setInput('visible', false); this.tooltipRef.setInput('id', undefined); - this.changeDetectorRef.markForCheck(); + this.#changeDetectorRef.markForCheck(); setTimeout(() => { - this.viewContainerRef?.detach(); + this.#viewContainerRef?.detach(); }, 300); } } diff --git a/projects/coreui-angular/src/lib/tooltip/tooltip/tooltip.component.ts b/projects/coreui-angular/src/lib/tooltip/tooltip/tooltip.component.ts index 2e1ffdf3..3fd614bc 100644 --- a/projects/coreui-angular/src/lib/tooltip/tooltip/tooltip.component.ts +++ b/projects/coreui-angular/src/lib/tooltip/tooltip/tooltip.component.ts @@ -15,7 +15,6 @@ import { @Component({ selector: 'c-tooltip', templateUrl: './tooltip.component.html', - standalone: true, host: { class: 'tooltip fade bs-tooltip-auto', '[class]': 'hostClasses()', @@ -32,7 +31,7 @@ export class TooltipComponent implements OnDestroy { */ readonly content = input>(''); - readonly contentEffect = effect(() => { + readonly #contentEffect = effect(() => { this.updateView(this.content()); }); @@ -47,13 +46,13 @@ export class TooltipComponent implements OnDestroy { readonly viewContainerRef = viewChild('tooltipTemplate', { read: ViewContainerRef }); private textNode!: Text; - readonly hostClasses = computed>(() => { + readonly hostClasses = computed(() => { return { tooltip: true, fade: true, show: this.visible(), 'bs-tooltip-auto': true - }; + } as Record; }); ngOnDestroy(): void { diff --git a/projects/coreui-angular/src/lib/utilities/align.directive.spec.ts b/projects/coreui-angular/src/lib/utilities/align.directive.spec.ts index 13e35f90..bc7f8f75 100644 --- a/projects/coreui-angular/src/lib/utilities/align.directive.spec.ts +++ b/projects/coreui-angular/src/lib/utilities/align.directive.spec.ts @@ -1,8 +1,11 @@ +import { TestBed } from '@angular/core/testing'; import { AlignDirective } from './align.directive'; describe('AlignDirective', () => { it('should create an instance', () => { + TestBed.runInInjectionContext(() => { const directive = new AlignDirective(); expect(directive).toBeTruthy(); + }); }); }); diff --git a/projects/coreui-angular/src/lib/utilities/align.directive.ts b/projects/coreui-angular/src/lib/utilities/align.directive.ts index 898c867e..936f5434 100644 --- a/projects/coreui-angular/src/lib/utilities/align.directive.ts +++ b/projects/coreui-angular/src/lib/utilities/align.directive.ts @@ -1,22 +1,22 @@ -import { Directive, HostBinding, Input } from '@angular/core'; +import { computed, Directive, input } from '@angular/core'; import { Alignment } from '../coreui.types'; @Directive({ selector: '[cAlign]', - standalone: true + exportAs: 'cAlign', + host: { '[class]': 'hostClasses()' } }) export class AlignDirective { /** * Set vertical alignment of inline, inline-block, inline-table, and table cell elements - * @type Alignment + * @return Alignment */ - @Input('cAlign') align?: Alignment; + readonly align = input(undefined, { alias: 'cAlign' }); - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { + const align = this.align(); return { - [`align-${this.align}`]: !!this.align, - }; - } - + [`align-${align}`]: !!align + } as Record; + }); } diff --git a/projects/coreui-angular/src/lib/utilities/bg-color.directive.spec.ts b/projects/coreui-angular/src/lib/utilities/bg-color.directive.spec.ts index 9fa8fa8b..15e2962b 100644 --- a/projects/coreui-angular/src/lib/utilities/bg-color.directive.spec.ts +++ b/projects/coreui-angular/src/lib/utilities/bg-color.directive.spec.ts @@ -1,8 +1,38 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { BgColorDirective } from './bg-color.directive'; +import { Component, DebugElement } from '@angular/core'; +import { By } from '@angular/platform-browser'; + +@Component({ + imports: [BgColorDirective], + template: '
      ' +}) +class TestComponent {} describe('BgColorDirective', () => { + let component: TestComponent; + let fixture: ComponentFixture; + let debugElement: DebugElement; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }).compileComponents(); + + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + debugElement = fixture.debugElement.query(By.directive(BgColorDirective)); + fixture.detectChanges(); + }); + it('should create an instance', () => { - const directive = new BgColorDirective(); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new BgColorDirective(); + expect(directive).toBeTruthy(); + }); + }); + + it('should have css classes', () => { + expect(debugElement.nativeElement).toHaveClass('bg-primary'); }); }); diff --git a/projects/coreui-angular/src/lib/utilities/bg-color.directive.ts b/projects/coreui-angular/src/lib/utilities/bg-color.directive.ts index 6814b663..dfbc261e 100644 --- a/projects/coreui-angular/src/lib/utilities/bg-color.directive.ts +++ b/projects/coreui-angular/src/lib/utilities/bg-color.directive.ts @@ -1,26 +1,28 @@ -import { Directive, HostBinding, Input } from '@angular/core'; +import { computed, Directive, input } from '@angular/core'; import { BackgroundColors } from '../coreui.types'; @Directive({ selector: '[cBgColor]', - standalone: true + exportAs: 'cBgColor', + host: { '[class]': 'hostClasses()' } }) export class BgColorDirective { /** * Set the background of an element to any contextual class */ - @Input('cBgColor') color: BackgroundColors = ''; + readonly cBgColor = input(''); + /** * Add linear gradient as background image to the backgrounds. - * @type boolean + * @return boolean */ - @Input() gradient?: boolean; + readonly gradient = input(); - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { + const color = this.cBgColor(); return { - [`bg-${this.color}`]: !!this.color, - 'bg-gradient': this.gradient - }; - } + [`bg-${color}`]: !!color, + 'bg-gradient': this.gradient() + } as Record; + }); } diff --git a/projects/coreui-angular/src/lib/utilities/border.directive.spec.ts b/projects/coreui-angular/src/lib/utilities/border.directive.spec.ts index de88e38d..008d70a5 100644 --- a/projects/coreui-angular/src/lib/utilities/border.directive.spec.ts +++ b/projects/coreui-angular/src/lib/utilities/border.directive.spec.ts @@ -1,8 +1,62 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { BorderDirective } from './border.directive'; +import { Component, DebugElement, input } from '@angular/core'; +import { By } from '@angular/platform-browser'; + +@Component({ + imports: [BorderDirective], + template: '
      ' +}) +class TestComponent { + readonly border = input(1); +} describe('BorderDirective', () => { + let component: TestComponent; + let fixture: ComponentFixture; + let debugElement: DebugElement; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }).compileComponents(); + + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + debugElement = fixture.debugElement.query(By.directive(BorderDirective)); + fixture.detectChanges(); + }); + it('should create an instance', () => { - const directive = new BorderDirective(); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new BorderDirective(); + expect(directive).toBeTruthy(); + }); + }); + + it('should have css classes', () => { + expect(debugElement.nativeElement).toHaveClass('border-1'); + fixture.componentRef.setInput('border', true); + fixture.detectChanges(); + expect(debugElement.nativeElement).toHaveClass('border'); + fixture.componentRef.setInput('border', { + top: 1, + end: true, + color: 'primary', + start: { color: 'success', width: 2 } + }); + fixture.detectChanges(); + expect(debugElement.nativeElement).toHaveClass('border-top-1'); + expect(debugElement.nativeElement).toHaveClass('border-end'); + expect(debugElement.nativeElement).toHaveClass('border-color-primary'); + expect(debugElement.nativeElement).toHaveClass('border-start-2'); + expect(debugElement.nativeElement).toHaveClass('border-start-success'); + expect(debugElement.nativeElement.classList.length).toBe(5); + fixture.componentRef.setInput('border', {}); + fixture.detectChanges(); + expect(debugElement.nativeElement.classList.length).toBe(0); + fixture.componentRef.setInput('border', 1234n); + fixture.detectChanges(); + expect(debugElement.nativeElement.classList.length).toBe(0); }); }); diff --git a/projects/coreui-angular/src/lib/utilities/border.directive.ts b/projects/coreui-angular/src/lib/utilities/border.directive.ts index 8ff2be5b..848187dd 100644 --- a/projects/coreui-angular/src/lib/utilities/border.directive.ts +++ b/projects/coreui-angular/src/lib/utilities/border.directive.ts @@ -1,44 +1,51 @@ -import { Directive, HostBinding, Input } from '@angular/core'; -import { Border, BorderColor, IBorderElement, BorderWidth } from './border.type'; +import { computed, Directive, input } from '@angular/core'; +import { Border } from './border.type'; @Directive({ selector: '[cBorder]', - standalone: true + exportAs: 'cBorder', + host: { '[class]': 'hostClasses()' } }) export class BorderDirective { /** * Add or remove an element’s borders - * @type Border + * @return Border */ - @Input('cBorder') border: Border = true; + readonly cBorder = input(true); - @HostBinding('class') - get hostClasses(): any { - - if ( typeof this.border === 'boolean' ) { - return { border: true }; + readonly hostClasses = computed>(() => { + const border = this.cBorder(); + if (typeof border === 'boolean') { + return { border: border }; } - if ( typeof this.border === 'number' || typeof this.border === 'string' ) { + if (typeof border === 'number' || typeof border === 'string') { return { border: true, - [`border-${this.border}`]: true + [`border-${border}`]: true }; } - if ( typeof this.border === 'object' ) { - const borderObj = { top: undefined, end: undefined, bottom: undefined, start: undefined, color: undefined, ...this.border }; + if (typeof border === 'object') { + const borderObj = { + top: undefined, + end: undefined, + bottom: undefined, + start: undefined, + color: undefined, + ...border + }; // @ts-ignore - const keys = Object.keys(borderObj).filter(key => borderObj[key] !== undefined); + const keys = Object.keys(borderObj).filter((key) => borderObj[key] !== undefined); const classes = {}; - keys.forEach(key => { + keys.forEach((key) => { // @ts-ignore const val = borderObj[key]; - if ( typeof val === 'boolean') { + if (typeof val === 'boolean') { // @ts-ignore classes[`border-${key}`] = true; - } else if ( typeof val === 'number' || typeof val === 'string' ) { + } else if (typeof val === 'number' || typeof val === 'string') { // @ts-ignore classes[`border-${key}-${val}`] = true; - } else if ( typeof val === 'object' ) { + } else if (typeof val === 'object') { if ('color' in val) { // @ts-ignore classes[`border-${key}-${val.color}`] = true; @@ -49,7 +56,8 @@ export class BorderDirective { } } }); - return Object.entries(classes).length === 0 ? {border: false} : classes; + return Object.entries(classes).length === 0 ? { border: false } : classes; } - } + return { border: false }; + }); } diff --git a/projects/coreui-angular/src/lib/utilities/rounded.directive.spec.ts b/projects/coreui-angular/src/lib/utilities/rounded.directive.spec.ts index 986e6ad2..adbb61a1 100644 --- a/projects/coreui-angular/src/lib/utilities/rounded.directive.spec.ts +++ b/projects/coreui-angular/src/lib/utilities/rounded.directive.spec.ts @@ -1,8 +1,62 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { RoundedDirective } from './rounded.directive'; +import { Component, DebugElement, input } from '@angular/core'; +import { By } from '@angular/platform-browser'; + +@Component({ + imports: [RoundedDirective], + template: '
      ' +}) +class TestComponent { + readonly rounded = input(1); +} describe('RoundedDirective', () => { + let component: TestComponent; + let fixture: ComponentFixture; + let debugElement: DebugElement; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }).compileComponents(); + + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + debugElement = fixture.debugElement.query(By.directive(RoundedDirective)); + fixture.detectChanges(); + }); + it('should create an instance', () => { - const directive = new RoundedDirective(); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new RoundedDirective(); + expect(directive).toBeTruthy(); + }); + }); + + it('should have css classes', () => { + expect(debugElement.nativeElement).toHaveClass('rounded-1'); + fixture.componentRef.setInput('rounded', true); + fixture.detectChanges(); + expect(debugElement.nativeElement).toHaveClass('rounded'); + fixture.componentRef.setInput('rounded', { + top: false, + end: true, + circle: true, + pill: true, + size: 3 + }); + fixture.detectChanges(); + expect(debugElement.nativeElement).toHaveClass('rounded-3'); + expect(debugElement.nativeElement).toHaveClass('rounded-end'); + expect(debugElement.nativeElement).toHaveClass('rounded-circle'); + expect(debugElement.nativeElement).toHaveClass('rounded-pill'); + expect(debugElement.nativeElement.classList.length).toBe(4); + fixture.componentRef.setInput('rounded', {}); + fixture.detectChanges(); + expect(debugElement.nativeElement.classList.length).toBe(0); + fixture.componentRef.setInput('rounded', 1234n); + fixture.detectChanges(); + expect(debugElement.nativeElement.classList.length).toBe(0); }); }); diff --git a/projects/coreui-angular/src/lib/utilities/rounded.directive.ts b/projects/coreui-angular/src/lib/utilities/rounded.directive.ts index 77ecdb95..463c74b5 100644 --- a/projects/coreui-angular/src/lib/utilities/rounded.directive.ts +++ b/projects/coreui-angular/src/lib/utilities/rounded.directive.ts @@ -1,30 +1,29 @@ -import { Directive, HostBinding, Input } from '@angular/core'; -import { Rounded, RoundedSize } from './rounded.type'; +import { computed, Directive, input } from '@angular/core'; +import { Rounded } from './rounded.type'; @Directive({ selector: '[cRounded]', - standalone: true + exportAs: 'cRounded', + host: { '[class]': 'hostClasses()' } }) export class RoundedDirective { - /** * Set border radius variant and radius size * @type Rounded */ - @Input('cRounded') rounded: Rounded = true; - - @HostBinding('class') - get hostClasses(): any { + readonly cRounded = input(true); - if ( typeof this.rounded === 'boolean' ) { - return { rounded: true }; + readonly hostClasses = computed>(() => { + const rounded = this.cRounded(); + if (typeof rounded === 'boolean') { + return { rounded: rounded }; } - if ( typeof this.rounded === 'number' || typeof this.rounded === 'string' ) { + if (typeof rounded === 'number' || typeof rounded === 'string') { return { - [`rounded-${this.rounded}`]: true + [`rounded-${rounded}`]: true }; } - if ( typeof this.rounded === 'object' ) { + if (typeof rounded === 'object') { const roundedObj = { top: undefined, end: undefined, @@ -33,12 +32,12 @@ export class RoundedDirective { circle: undefined, pill: undefined, size: undefined, - ...this.rounded, + ...rounded }; // @ts-ignore - const keys = Object.keys(roundedObj).filter(key => roundedObj[key] !== undefined ); + const keys = Object.keys(roundedObj).filter((key) => roundedObj[key] !== undefined); const classes = {}; - keys.forEach(key => { + keys.forEach((key) => { // @ts-ignore const val = roundedObj[key]; if (typeof val === 'boolean') { @@ -50,7 +49,8 @@ export class RoundedDirective { } }); // console.log('rounded keys', keys, classes); - return Object.entries(classes).length === 0 ? {rounded: false} : classes; + return Object.entries(classes).length === 0 ? { rounded: false } : classes; } - } + return { rounded: false }; + }); } diff --git a/projects/coreui-angular/src/lib/utilities/shadow-on-scroll.directive.spec.ts b/projects/coreui-angular/src/lib/utilities/shadow-on-scroll.directive.spec.ts index 355ab52e..f3f73879 100644 --- a/projects/coreui-angular/src/lib/utilities/shadow-on-scroll.directive.spec.ts +++ b/projects/coreui-angular/src/lib/utilities/shadow-on-scroll.directive.spec.ts @@ -1,16 +1,34 @@ -import { ElementRef } from '@angular/core'; -import { TestBed } from '@angular/core/testing'; +import { Component, DebugElement, ElementRef } from '@angular/core'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { ShadowOnScrollDirective } from './shadow-on-scroll.directive'; +import { By } from '@angular/platform-browser'; +import { DOCUMENT } from '@angular/common'; + +@Component({ + imports: [ShadowOnScrollDirective], + template: '
      ' +}) +class TestComponent {} class MockElementRef extends ElementRef {} describe('ShadowOnScrollDirective', () => { + let component: TestComponent; + let fixture: ComponentFixture; + let debugElement: DebugElement; + let document: Document; beforeEach(() => { TestBed.configureTestingModule({ - imports: [ShadowOnScrollDirective], + imports: [TestComponent, ShadowOnScrollDirective], providers: [{ provide: ElementRef, useClass: MockElementRef }] - }); + }).compileComponents(); + + fixture = TestBed.createComponent(TestComponent); + document = TestBed.inject(DOCUMENT); + component = fixture.componentInstance; + debugElement = fixture.debugElement.query(By.directive(ShadowOnScrollDirective)); + fixture.detectChanges(); }); it('should create an instance', () => { diff --git a/projects/coreui-angular/src/lib/utilities/shadow-on-scroll.directive.ts b/projects/coreui-angular/src/lib/utilities/shadow-on-scroll.directive.ts index 08c46b4e..fc865753 100644 --- a/projects/coreui-angular/src/lib/utilities/shadow-on-scroll.directive.ts +++ b/projects/coreui-angular/src/lib/utilities/shadow-on-scroll.directive.ts @@ -1,14 +1,13 @@ import { DOCUMENT } from '@angular/common'; -import { DestroyRef, Directive, effect, ElementRef, inject, Input, signal, WritableSignal } from '@angular/core'; +import { DestroyRef, Directive, effect, ElementRef, inject, input, signal, untracked, WritableSignal } from '@angular/core'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; import { fromEvent, Subscription } from 'rxjs'; @Directive({ selector: '[cShadowOnScroll]', - standalone: true + exportAs: 'cShadowOnScroll' }) export class ShadowOnScrollDirective { - readonly #destroyRef: DestroyRef = inject(DestroyRef); readonly #document: Document = inject(DOCUMENT); readonly #elementRef: ElementRef = inject(ElementRef); @@ -27,20 +26,22 @@ export class ShadowOnScrollDirective { }); } - @Input() - set cShadowOnScroll(value: 'sm' | 'lg' | 'none' | boolean) { - this.#scrolled.set(false); - if (value) { - this.#shadowClass = value === true ? 'shadow' : `shadow-${value}`; - this.#observable = fromEvent(this.#document, 'scroll') - .pipe( - takeUntilDestroyed(this.#destroyRef) - ) - .subscribe(scrolled => { - this.#scrolled.set(this.#document.documentElement.scrollTop > 0); - }); - } else { - this.#observable?.unsubscribe(); - } - }; + readonly cShadowOnScroll = input<'sm' | 'lg' | 'none' | boolean>(true); + + readonly #shadowOnScrollEffect = effect(() => { + const value = this.cShadowOnScroll(); + untracked(() => { + this.#scrolled.set(false); + if (value) { + this.#shadowClass = value === true ? 'shadow' : `shadow-${value}`; + this.#observable = fromEvent(this.#document, 'scroll') + .pipe(takeUntilDestroyed(this.#destroyRef)) + .subscribe((scrolled) => { + this.#scrolled.set(this.#document.documentElement.scrollTop > 0); + }); + } else { + this.#observable?.unsubscribe(); + } + }); + }); } diff --git a/projects/coreui-angular/src/lib/utilities/text-bg-color.directive.spec.ts b/projects/coreui-angular/src/lib/utilities/text-bg-color.directive.spec.ts index fc70b7d8..4a431c51 100644 --- a/projects/coreui-angular/src/lib/utilities/text-bg-color.directive.spec.ts +++ b/projects/coreui-angular/src/lib/utilities/text-bg-color.directive.spec.ts @@ -1,11 +1,38 @@ -import { TestBed } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { Component, DebugElement } from '@angular/core'; +import { By } from '@angular/platform-browser'; import { TextBgColorDirective } from './text-bg-color.directive'; +@Component({ + imports: [TextBgColorDirective], + template: '
      ' +}) +class TestComponent {} + describe('TextBgColorDirective', () => { + let component: TestComponent; + let fixture: ComponentFixture; + let debugElement: DebugElement; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }).compileComponents(); + + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + debugElement = fixture.debugElement.query(By.directive(TextBgColorDirective)); + fixture.detectChanges(); + }); + it('should create an instance', () => { TestBed.runInInjectionContext(() => { const directive = new TextBgColorDirective(); expect(directive).toBeTruthy(); }); }); + + it('should have css classes', () => { + expect(debugElement.nativeElement).toHaveClass('text-bg-primary'); + }); }); diff --git a/projects/coreui-angular/src/lib/utilities/text-bg-color.directive.ts b/projects/coreui-angular/src/lib/utilities/text-bg-color.directive.ts index 27c4388c..3413b34e 100644 --- a/projects/coreui-angular/src/lib/utilities/text-bg-color.directive.ts +++ b/projects/coreui-angular/src/lib/utilities/text-bg-color.directive.ts @@ -1,9 +1,11 @@ -import { Directive, HostBinding, input, InputSignal } from '@angular/core'; +import { computed, Directive, input, InputSignal } from '@angular/core'; import { Colors } from '../coreui.types'; @Directive({ selector: '[cTextBgColor]', - standalone: true + host: { + '[class]': 'hostClasses()' + } }) export class TextBgColorDirective { /** @@ -12,11 +14,10 @@ export class TextBgColorDirective { */ readonly textBgColor: InputSignal = input('', { alias: 'cTextBgColor' }); - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { const color = this.textBgColor(); return { [`text-bg-${color}`]: !!color - }; - } + } as Record; + }); } diff --git a/projects/coreui-angular/src/lib/utilities/text-color.directive.spec.ts b/projects/coreui-angular/src/lib/utilities/text-color.directive.spec.ts index f2bf2015..2ae601af 100644 --- a/projects/coreui-angular/src/lib/utilities/text-color.directive.spec.ts +++ b/projects/coreui-angular/src/lib/utilities/text-color.directive.spec.ts @@ -1,11 +1,38 @@ -import { TestBed } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { TextColorDirective } from './text-color.directive'; +import { Component, DebugElement } from '@angular/core'; +import { By } from '@angular/platform-browser'; + +@Component({ + imports: [TextColorDirective], + template: '
      ' +}) +class TestComponent {} describe('TextColorDirective', () => { + let component: TestComponent; + let fixture: ComponentFixture; + let debugElement: DebugElement; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent] + }).compileComponents(); + + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + debugElement = fixture.debugElement.query(By.directive(TextColorDirective)); + fixture.detectChanges(); + }); + it('should create an instance', () => { TestBed.runInInjectionContext(() => { const directive = new TextColorDirective(); expect(directive).toBeTruthy(); }); }); + + it('should have css classes', () => { + expect(debugElement.nativeElement).toHaveClass('text-primary'); + }); }); diff --git a/projects/coreui-angular/src/lib/utilities/text-color.directive.ts b/projects/coreui-angular/src/lib/utilities/text-color.directive.ts index 801137fd..f3625b7d 100644 --- a/projects/coreui-angular/src/lib/utilities/text-color.directive.ts +++ b/projects/coreui-angular/src/lib/utilities/text-color.directive.ts @@ -1,9 +1,11 @@ -import { Directive, HostBinding, input, InputSignal } from '@angular/core'; +import { computed, Directive, input, InputSignal } from '@angular/core'; import { TextColors } from '../coreui.types'; @Directive({ selector: '[cTextColor]', - standalone: true + host: { + '[class]': 'hostClasses()' + } }) export class TextColorDirective { /** @@ -12,11 +14,10 @@ export class TextColorDirective { */ readonly color: InputSignal = input('', { alias: 'cTextColor' }); - @HostBinding('class') - get hostClasses(): any { + readonly hostClasses = computed(() => { const color = this.color(); return { [`text-${color}`]: !!color }; - } + }); } diff --git a/projects/coreui-angular/src/lib/utilities/utilities.module.ts b/projects/coreui-angular/src/lib/utilities/utilities.module.ts index a15e203d..b1b1bd0f 100644 --- a/projects/coreui-angular/src/lib/utilities/utilities.module.ts +++ b/projects/coreui-angular/src/lib/utilities/utilities.module.ts @@ -6,13 +6,22 @@ import { BorderDirective, RoundedDirective, ShadowOnScrollDirective, - TextColorDirective, TextBgColorDirective, + TextColorDirective } from './public_api'; -const UTILITY_DIRECTIVES = [AlignDirective, BgColorDirective, BorderDirective, RoundedDirective, ShadowOnScrollDirective, TextColorDirective, TextBgColorDirective]; +const UTILITY_DIRECTIVES = [ + AlignDirective, + BgColorDirective, + BorderDirective, + RoundedDirective, + ShadowOnScrollDirective, + TextColorDirective, + TextBgColorDirective +]; @NgModule({ - imports: [...UTILITY_DIRECTIVES], exports: [...UTILITY_DIRECTIVES] + imports: [...UTILITY_DIRECTIVES], + exports: [...UTILITY_DIRECTIVES] }) export class UtilitiesModule {} diff --git a/projects/coreui-angular/src/lib/utilities/visible.directive.spec.ts b/projects/coreui-angular/src/lib/utilities/visible.directive.spec.ts index cfe01ff1..68ac1dec 100644 --- a/projects/coreui-angular/src/lib/utilities/visible.directive.spec.ts +++ b/projects/coreui-angular/src/lib/utilities/visible.directive.spec.ts @@ -1,12 +1,37 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { Component, DebugElement, input, TemplateRef, ViewContainerRef } from '@angular/core'; +import { By } from '@angular/platform-browser'; import { VisibleDirective } from './visible.directive'; -import { TemplateRef, ViewContainerRef } from '@angular/core'; + +@Component({ + imports: [VisibleDirective], + template: 'Test Node' +}) +class TestComponent { + readonly visible = input(true); +} describe('VisibleDirective', () => { - let templateRef: TemplateRef; - let viewContainerRef: ViewContainerRef; + let component: TestComponent; + let fixture: ComponentFixture; + let debugElement: DebugElement; + + beforeEach(() => { + TestBed.configureTestingModule({ + imports: [TestComponent], + providers: [TemplateRef, ViewContainerRef] + }).compileComponents(); + + fixture = TestBed.createComponent(TestComponent); + component = fixture.componentInstance; + debugElement = fixture.debugElement.query(By.directive(VisibleDirective)); + fixture.detectChanges(); + }); it('should create an instance', () => { - const directive = new VisibleDirective(templateRef, viewContainerRef); - expect(directive).toBeTruthy(); + TestBed.runInInjectionContext(() => { + const directive = new VisibleDirective(); + expect(directive).toBeTruthy(); + }); }); }); diff --git a/projects/coreui-angular/src/lib/utilities/visible.directive.ts b/projects/coreui-angular/src/lib/utilities/visible.directive.ts index 09f0f3bc..e1d14e11 100644 --- a/projects/coreui-angular/src/lib/utilities/visible.directive.ts +++ b/projects/coreui-angular/src/lib/utilities/visible.directive.ts @@ -1,26 +1,37 @@ -import { Directive, Input, TemplateRef, ViewContainerRef } from '@angular/core'; +import { Directive, effect, inject, input, TemplateRef, ViewContainerRef } from '@angular/core'; @Directive({ selector: '[cVisible]', - standalone: true + exportAs: 'cVisible' }) +/** + * A directive that conditionally includes a template based on the value of an input boolean. + * + * @example + * ```html + * Content to display + * ``` + * + * @remarks + * This directive uses Angular's dependency injection to get references to `TemplateRef` and `ViewContainerRef`. + * It creates or clears the embedded view based on the value of the `cVisible` input. + */ export class VisibleDirective { + readonly #templateRef = inject>(TemplateRef); + readonly #viewContainer = inject(ViewContainerRef); - constructor( - private templateRef: TemplateRef, - private viewContainer: ViewContainerRef - ) { } + #hasView!: boolean; - private hasView!: boolean; + readonly cVisible = input(); - @Input() set cVisible(condition: boolean) { - if (condition && !this.hasView) { - this.viewContainer.createEmbeddedView(this.templateRef); - this.hasView = true; - } else if (!condition && this.hasView) { - this.viewContainer.clear(); - this.hasView = false; + readonly #visibleEffect = effect(() => { + const condition = this.cVisible(); + if (condition && !this.#hasView) { + this.#viewContainer.createEmbeddedView(this.#templateRef); + this.#hasView = true; + } else if (!condition && this.#hasView) { + this.#viewContainer.clear(); + this.#hasView = false; } - } - + }); } diff --git a/projects/coreui-angular/src/lib/widget/widget-stat-a/widget-stat-a.component.ts b/projects/coreui-angular/src/lib/widget/widget-stat-a/widget-stat-a.component.ts index 9b21bbb5..184684bb 100644 --- a/projects/coreui-angular/src/lib/widget/widget-stat-a/widget-stat-a.component.ts +++ b/projects/coreui-angular/src/lib/widget/widget-stat-a/widget-stat-a.component.ts @@ -10,7 +10,6 @@ import { NgClass, NgTemplateOutlet } from '@angular/common'; templateUrl: './widget-stat-a.component.html', exportAs: 'cWidgetStatA', imports: [CardBodyComponent, NgClass, NgTemplateOutlet], - standalone: true, host: { class: 'card', '[class]': 'hostClasses()' } }) export class WidgetStatAComponent extends CardComponent { @@ -36,7 +35,7 @@ export class WidgetStatAComponent extends CardComponent { readonly contentTemplates = contentChildren(TemplateIdDirective, { descendants: true }); - readonly contentTemplatesEffect = effect(() => { + readonly #contentTemplatesEffect = effect(() => { this.contentTemplates().forEach((child: TemplateIdDirective) => { this.templates[child.id] = child.templateRef; }); diff --git a/projects/coreui-angular/src/lib/widget/widget-stat-b/widget-stat-b.component.ts b/projects/coreui-angular/src/lib/widget/widget-stat-b/widget-stat-b.component.ts index 608eef49..c40bc948 100644 --- a/projects/coreui-angular/src/lib/widget/widget-stat-b/widget-stat-b.component.ts +++ b/projects/coreui-angular/src/lib/widget/widget-stat-b/widget-stat-b.component.ts @@ -4,12 +4,11 @@ import { NgClass } from '@angular/common'; import { CardBodyComponent, CardComponent } from '../../card'; @Component({ - selector: 'c-widget-stat-b', - templateUrl: './widget-stat-b.component.html', - exportAs: 'cWidgetStatB', - standalone: true, - imports: [CardBodyComponent, NgClass], - host: { class: 'card', '[class]': 'hostClasses()' } + selector: 'c-widget-stat-b', + templateUrl: './widget-stat-b.component.html', + exportAs: 'cWidgetStatB', + imports: [CardBodyComponent, NgClass], + host: { class: 'card', '[class]': 'hostClasses()' } }) export class WidgetStatBComponent extends CardComponent { constructor() { diff --git a/projects/coreui-angular/src/lib/widget/widget-stat-c/widget-stat-c.component.ts b/projects/coreui-angular/src/lib/widget/widget-stat-c/widget-stat-c.component.ts index b28dce3f..8c1b3592 100644 --- a/projects/coreui-angular/src/lib/widget/widget-stat-c/widget-stat-c.component.ts +++ b/projects/coreui-angular/src/lib/widget/widget-stat-c/widget-stat-c.component.ts @@ -8,7 +8,6 @@ import { NgClass, NgTemplateOutlet } from '@angular/common'; selector: 'c-widget-stat-c', templateUrl: './widget-stat-c.component.html', exportAs: 'cWidgetStatC', - standalone: true, imports: [CardBodyComponent, NgClass, NgTemplateOutlet], host: { '[class]': 'hostExtendedClass()' } }) @@ -44,7 +43,7 @@ export class WidgetStatCComponent extends CardComponent { templates: Record> = {}; readonly contentTemplates = contentChildren(TemplateIdDirective, { descendants: true }); - readonly contentTemplatesEffect = effect(() => { + readonly #contentTemplatesEffect = effect(() => { this.contentTemplates().forEach((child: TemplateIdDirective) => { this.templates[child.id] = child.templateRef; }); diff --git a/projects/coreui-angular/src/lib/widget/widget-stat-d/widget-stat-d.component.ts b/projects/coreui-angular/src/lib/widget/widget-stat-d/widget-stat-d.component.ts index e79ab783..c9491e48 100644 --- a/projects/coreui-angular/src/lib/widget/widget-stat-d/widget-stat-d.component.ts +++ b/projects/coreui-angular/src/lib/widget/widget-stat-d/widget-stat-d.component.ts @@ -10,12 +10,11 @@ export type WidgetStatDValue = { }; @Component({ - selector: 'c-widget-stat-d', - templateUrl: './widget-stat-d.component.html', - exportAs: 'cWidgetStatD', - standalone: true, - imports: [CardHeaderComponent, CardBodyComponent, ColComponent, RowDirective, NgClass], - host: { class: 'card' } + selector: 'c-widget-stat-d', + templateUrl: './widget-stat-d.component.html', + exportAs: 'cWidgetStatD', + imports: [CardHeaderComponent, CardBodyComponent, ColComponent, RowDirective, NgClass], + host: { class: 'card' } }) export class WidgetStatDComponent extends CardComponent { /** diff --git a/projects/coreui-angular/src/lib/widget/widget-stat-e/widget-stat-e.component.ts b/projects/coreui-angular/src/lib/widget/widget-stat-e/widget-stat-e.component.ts index bb1386bc..0dc1b458 100644 --- a/projects/coreui-angular/src/lib/widget/widget-stat-e/widget-stat-e.component.ts +++ b/projects/coreui-angular/src/lib/widget/widget-stat-e/widget-stat-e.component.ts @@ -3,11 +3,10 @@ import { NgClass } from '@angular/common'; import { CardBodyComponent, CardComponent } from '../../card'; @Component({ - selector: 'c-widget-stat-e', - templateUrl: './widget-stat-e.component.html', - exportAs: 'cWidgetStatE', - standalone: true, - imports: [CardBodyComponent, NgClass] + selector: 'c-widget-stat-e', + templateUrl: './widget-stat-e.component.html', + exportAs: 'cWidgetStatE', + imports: [CardBodyComponent, NgClass] }) export class WidgetStatEComponent extends CardComponent { constructor() { diff --git a/projects/coreui-angular/src/lib/widget/widget-stat-f/widget-stat-f.component.ts b/projects/coreui-angular/src/lib/widget/widget-stat-f/widget-stat-f.component.ts index 76d926c2..cdf2bb31 100644 --- a/projects/coreui-angular/src/lib/widget/widget-stat-f/widget-stat-f.component.ts +++ b/projects/coreui-angular/src/lib/widget/widget-stat-f/widget-stat-f.component.ts @@ -9,7 +9,6 @@ import { CardBodyComponent, CardComponent, CardFooterComponent } from '../../car selector: 'c-widget-stat-f', templateUrl: './widget-stat-f.component.html', exportAs: 'cWidgetStatB', - standalone: true, imports: [CardBodyComponent, CardFooterComponent, NgClass, NgTemplateOutlet], host: { class: 'card', '[class]': 'hostClasses()' } }) @@ -59,7 +58,7 @@ export class WidgetStatFComponent extends CardComponent { templates: Record> = {}; readonly contentTemplates = contentChildren(TemplateIdDirective, { descendants: true }); - readonly contentTemplatesEffect = effect(() => { + readonly #contentTemplatesEffect = effect(() => { this.contentTemplates().forEach((child: TemplateIdDirective) => { this.templates[child.id] = child.templateRef; }); diff --git a/projects/coreui-icons-angular/LICENSE b/projects/coreui-icons-angular/LICENSE index 94e4f4d1..fbb053e0 100644 --- a/projects/coreui-icons-angular/LICENSE +++ b/projects/coreui-icons-angular/LICENSE @@ -1,6 +1,6 @@ MIT License -Copyright (c) 2024 creativeLabs Łukasz Holeczek +Copyright (c) 2025 creativeLabs Łukasz Holeczek Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/projects/coreui-icons-angular/README.md b/projects/coreui-icons-angular/README.md index 9f246aa5..5b086726 100644 --- a/projects/coreui-icons-angular/README.md +++ b/projects/coreui-icons-angular/README.md @@ -24,22 +24,34 @@ · Blog

      +
      +

      +Featured CoreUI for Angular libraries: +
      +· CoreUI Components for Angular +
      +· CoreUI Angular wrapper for Chart.js v4 +
      +· CoreUI Icons for Angular +

      +
      # CoreUI Icons Angular ![angular][angular-badge] -[![npm-coreui-angular-v5-ng18][npm-coreui-icons-angular-v5-ng18]][coreui-angular-icons-npm] +[![npm-coreui-angular-v5-ng19][npm-coreui-icons-angular-v5-ng19]][coreui-angular-icons-npm] [![npm-coreui-angular-latest][npm-coreui-icons-angular-latest]][coreui-angular-icons-npm] -[![npm-coreui-angular-next][npm-coreui-icons-angular-next]][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] +[![npm-coreui-angular-next][npm-coreui-icons-angular-next]][coreui-angular-icons-npm] +[![License](https://img.shields.io/npm/l/@coreui/angular?style=flat-square)][coreui] +[![Downloads](https://img.shields.io/npm/dm/@coreui/icons-angular.svg?style=flat-square)][coreui-angular-icons-npm] +[![Project icons check](https://github.com/coreui/coreui-angular/actions/workflows/project-icons-check.yml/badge.svg)](https://github.com/coreui/coreui-angular/actions/workflows/project-icons-check.yml) [coreui]: https://coreui.io/icons [coreui-angular-icons-npm]: https://www.npmjs.com/package/@coreui/icons-angular -[npm-coreui-icons-angular-v5-ng18]: https://img.shields.io/npm/v/@coreui/icons-angular/v5-ng18?style=flat-square&color=brightgreen +[npm-coreui-icons-angular-v5-ng19]: https://img.shields.io/npm/v/@coreui/icons-angular/v5-ng19?style=flat-square&color=brightgreen [npm-coreui-icons-angular-latest]: https://img.shields.io/npm/v/@coreui/icons-angular/latest?style=flat-square&color=brightgreen [npm-coreui-icons-angular-next]: https://img.shields.io/npm/v/@coreui/icons-angular/next?style=flat-square&color=red -[angular-badge]: https://img.shields.io/badge/angular-^18.2.0-lightgrey.svg?style=flat-square&logo=angular +[angular-badge]: https://img.shields.io/badge/angular-^19.2.0-lightgrey.svg?style=flat-square&logo=angular ## `cIcon` directive @@ -60,7 +72,7 @@ For directive description visit [https://coreui.io/angular/docs/](https://coreui ```shell npm install @coreui/icons@3 -npm install @coreui/icons-angular@5.2 +npm install @coreui/icons-angular@~5.4 ``` ### Usage @@ -172,5 +184,5 @@ Thanks to all the backers and sponsors! Support this project by [becoming a back ## Copyright and license -Copyright 2024 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-angular/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/). +Copyright 2025 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-angular/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/). diff --git a/projects/coreui-icons-angular/package.json b/projects/coreui-icons-angular/package.json index 48b4b747..94b8d4b2 100644 --- a/projects/coreui-icons-angular/package.json +++ b/projects/coreui-icons-angular/package.json @@ -1,8 +1,8 @@ { "name": "@coreui/icons-angular", - "version": "5.2.25", + "version": "5.4.14", "description": "CoreUI Icons Angular component and service", - "copyright": "Copyright 2024 creativeLabs Łukasz Holeczek", + "copyright": "Copyright 2025 creativeLabs Łukasz Holeczek", "license": "MIT", "homepage": "https://coreui.io/angular", "author": { @@ -25,9 +25,9 @@ "url": "https://github.com/coreui/coreui-angular/issues" }, "peerDependencies": { - "@angular/common": "^18.2.0", - "@angular/core": "^18.2.0", - "@angular/platform-browser": "^18.2.0" + "@angular/common": "^19.2.0", + "@angular/core": "^19.2.0", + "@angular/platform-browser": "^19.2.0" }, "dependencies": { "tslib": "^2.3.0" diff --git a/projects/coreui-icons-angular/src/lib/icon-set/icon-set.module.ts b/projects/coreui-icons-angular/src/lib/icon-set/icon-set.module.ts index 8899028d..2506d515 100644 --- a/projects/coreui-icons-angular/src/lib/icon-set/icon-set.module.ts +++ b/projects/coreui-icons-angular/src/lib/icon-set/icon-set.module.ts @@ -1,4 +1,4 @@ -import { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core'; +import { ModuleWithProviders, NgModule, inject } from '@angular/core'; import { IconSetService } from './icon-set.service'; @@ -6,7 +6,9 @@ import { IconSetService } from './icon-set.service'; providers: [IconSetService] }) export class IconSetModule { - constructor(@Optional() @SkipSelf() parentModule?: IconSetModule) { + constructor() { + const parentModule = inject(IconSetModule, { optional: true, skipSelf: true }); + if (parentModule) { throw new Error( 'CoreUI IconSetModule is already loaded. Import it in the AppModule only'); diff --git a/projects/coreui-icons-angular/src/lib/icon-set/public_api.ts b/projects/coreui-icons-angular/src/lib/icon-set/public_api.ts index a7057148..05c4a587 100644 --- a/projects/coreui-icons-angular/src/lib/icon-set/public_api.ts +++ b/projects/coreui-icons-angular/src/lib/icon-set/public_api.ts @@ -1,2 +1,2 @@ -export { IconSetService, IIconSet } from './icon-set.service'; +export { IconSetService, type IIconSet } from './icon-set.service'; export { IconSetModule } from './icon-set.module'; diff --git a/projects/coreui-icons-angular/src/lib/icon/icon.component.spec.ts b/projects/coreui-icons-angular/src/lib/icon/icon.component.spec.ts index 7c3f7c75..7ae5c5a6 100644 --- a/projects/coreui-icons-angular/src/lib/icon/icon.component.spec.ts +++ b/projects/coreui-icons-angular/src/lib/icon/icon.component.spec.ts @@ -1,5 +1,5 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { Component, DebugElement, ViewChild } from '@angular/core'; +import { Component, DebugElement, inject, ViewChild } from '@angular/core'; import { By } from '@angular/platform-browser'; import { cilList } from '@coreui/icons'; @@ -8,15 +8,16 @@ import { IconSetService } from '../icon-set'; import { IconComponent } from './icon.component'; @Component({ - template: '', - standalone: true, + template: ``, imports: [IconComponent], providers: [IconSetService] }) class TestComponent { + iconSet = inject(IconSetService); + @ViewChild('icon', { read: IconComponent }) iconRef!: IconComponent; - constructor(public iconSet: IconSetService) { + constructor() { this.iconSet.icons = { cilList }; } } diff --git a/projects/coreui-icons-angular/src/lib/icon/icon.component.ts b/projects/coreui-icons-angular/src/lib/icon/icon.component.ts index 23ff1c02..f0ad100d 100644 --- a/projects/coreui-icons-angular/src/lib/icon/icon.component.ts +++ b/projects/coreui-icons-angular/src/lib/icon/icon.component.ts @@ -1,16 +1,5 @@ import { NgClass } from '@angular/common'; -import { - afterNextRender, - Component, - computed, - effect, - ElementRef, - inject, - input, - Renderer2, - signal, - viewChild -} from '@angular/core'; +import { Component, computed, effect, ElementRef, inject, input, Renderer2, viewChild } from '@angular/core'; import { DomSanitizer } from '@angular/platform-browser'; import { HtmlAttributesDirective } from '../shared/html-attr.directive'; @@ -22,7 +11,6 @@ import { transformName } from './icon.utils'; exportAs: 'cIconComponent', imports: [NgClass, HtmlAttributesDirective], selector: 'c-icon', - standalone: true, styleUrls: ['./icon.component.scss'], templateUrl: './icon.component.svg', host: { ngSkipHydration: 'true', style: 'display: none' } @@ -32,13 +20,6 @@ export class IconComponent implements IIcon { readonly #elementRef = inject(ElementRef); readonly #sanitizer = inject(DomSanitizer); readonly #iconSet = inject(IconSetService); - readonly #hostElement = signal | undefined>(undefined); - - constructor() { - afterNextRender(() => { - this.#hostElement.set(this.#elementRef); - }); - } readonly content = input(); @@ -54,12 +35,12 @@ export class IconComponent implements IIcon { readonly svgElementRef = viewChild('svgElement'); - readonly svgElementEffect = effect(() => { + readonly #svgElementEffect = effect(() => { const svgElementRef = this.svgElementRef(); - const hostElement = this.#hostElement()?.nativeElement; + const hostElement: Element = this.#elementRef.nativeElement; if (svgElementRef && hostElement) { const svgElement = svgElementRef.nativeElement; - hostElement.classList?.values()?.forEach((item: string) => { + hostElement.classList?.forEach((item: string) => { this.#renderer.addClass(svgElement, item); }); const parentElement = this.#renderer.parentNode(hostElement); diff --git a/projects/coreui-icons-angular/src/lib/icon/icon.directive.spec.ts b/projects/coreui-icons-angular/src/lib/icon/icon.directive.spec.ts index bd073d11..eaece6ec 100644 --- a/projects/coreui-icons-angular/src/lib/icon/icon.directive.spec.ts +++ b/projects/coreui-icons-angular/src/lib/icon/icon.directive.spec.ts @@ -1,4 +1,4 @@ -import { Component, DebugElement, ElementRef, ViewChild } from '@angular/core'; +import { Component, DebugElement, ElementRef, ViewChild, inject } from '@angular/core'; import { ComponentFixture, TestBed } from '@angular/core/testing'; import { By } from '@angular/platform-browser'; @@ -7,13 +7,14 @@ import { IconSetService } from '../icon-set'; import { cilList } from '@coreui/icons'; @Component({ - template: '', - standalone: true, - imports: [IconDirective], - providers: [IconSetService] + template: '', + imports: [IconDirective], + providers: [IconSetService] }) class TestComponent { - constructor(public iconSet: IconSetService) { + iconSet = inject(IconSetService); + + constructor() { this.iconSet.icons = { cilList }; } diff --git a/projects/coreui-icons-angular/src/lib/icon/icon.directive.ts b/projects/coreui-icons-angular/src/lib/icon/icon.directive.ts index 748b3b37..58ccdfd4 100644 --- a/projects/coreui-icons-angular/src/lib/icon/icon.directive.ts +++ b/projects/coreui-icons-angular/src/lib/icon/icon.directive.ts @@ -8,9 +8,7 @@ import { transformName } from './icon.utils'; @Directive({ exportAs: 'cIcon', selector: 'svg[cIcon]', - standalone: true, host: { - ngSkipHydration: 'true', '[innerHtml]': 'innerHtml()', '[class]': 'hostClasses()', '[attr.viewBox]': 'viewBox()', @@ -37,7 +35,7 @@ export class IconDirective implements IIcon { readonly pointerEvents = input('none', { alias: 'pointer-events' }); readonly role = input('img'); - readonly hostClasses = computed(() => { + readonly hostClasses = computed(() => { const computedSize = this.computedSize(); const classes = { icon: true, diff --git a/projects/coreui-icons-angular/src/lib/shared/html-attr.directive.spec.ts b/projects/coreui-icons-angular/src/lib/shared/html-attr.directive.spec.ts index af25649f..5ba9ca78 100644 --- a/projects/coreui-icons-angular/src/lib/shared/html-attr.directive.spec.ts +++ b/projects/coreui-icons-angular/src/lib/shared/html-attr.directive.spec.ts @@ -5,7 +5,8 @@ import { By } from '@angular/platform-browser'; import { HtmlAttributesDirective } from './html-attr.directive'; @Component({ - template: `
      ` + template: `
      `, + imports: [HtmlAttributesDirective] }) class TestComponent {} @@ -17,8 +18,7 @@ describe('HtmlAttributesDirective', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [TestComponent], - imports: [HtmlAttributesDirective], + imports: [HtmlAttributesDirective, TestComponent], providers: [Renderer2, { provide: ElementRef, useClass: MockElementRef }] }); fixture = TestBed.createComponent(TestComponent); diff --git a/projects/coreui-icons-angular/src/lib/shared/html-attr.directive.ts b/projects/coreui-icons-angular/src/lib/shared/html-attr.directive.ts index e642b79e..b5b9dfb6 100644 --- a/projects/coreui-icons-angular/src/lib/shared/html-attr.directive.ts +++ b/projects/coreui-icons-angular/src/lib/shared/html-attr.directive.ts @@ -2,8 +2,7 @@ import { Directive, effect, ElementRef, inject, input, Renderer2 } from '@angula @Directive({ selector: '[cHtmlAttr]', - exportAs: 'cHtmlAttr', - standalone: true + exportAs: 'cHtmlAttr' }) export class HtmlAttributesDirective { readonly cHtmlAttr = input>(); diff --git a/projects/coreui-icons-angular/src/public-api.ts b/projects/coreui-icons-angular/src/public-api.ts index e5b4cbfa..cd197290 100644 --- a/projects/coreui-icons-angular/src/public-api.ts +++ b/projects/coreui-icons-angular/src/public-api.ts @@ -4,5 +4,5 @@ export { IconDirective } from './lib/icon/icon.directive'; export { IconComponent } from './lib/icon/icon.component'; export { IconModule } from './lib/icon/icon.module'; -export { IconSetService, IIconSet } from './lib/icon-set/icon-set.service'; +export { IconSetService, type IIconSet } from './lib/icon-set/icon-set.service'; export { IconSetModule } from './lib/icon-set/icon-set.module';