feat(ref: no-ref): update ng 19

JsDaddy · Nov 22, 2024 · 566b948 · 566b948
2 parents 23e1ee0 + f71981b
commit 566b948
Show file tree

Hide file tree

Showing 53 changed files with 688 additions and 992 deletions.
diff --git a/.lintstagedrc b/.lintstagedrc
@@ -1,6 +1,6 @@
 {
     "*.{ts,js,json}": [
-        "eslint --report-unused-disable-directives --max-warnings 0 --fix",
+        "eslint --report-unused-disable-directives --max-warnings 0 --no-warn-ignored --fix",
         "prettier . --write"
     ],
     "*.scss": "stylelint --fix"

diff --git a/.stylelintignore b/.stylelintignore
@@ -6,7 +6,6 @@
 /.angular
 /test-reports
 /src/coverage
-/src/styles.scss
 
 /projects/ngx-mask-lib/coverage
 

diff --git a/.stylelintrc.json b/.stylelintrc.json
@@ -1,5 +1,6 @@
 {
     "extends": ["stylelint-config-recommended-scss", "stylelint-prettier/recommended"],
+    "plugins": ["stylelint-scss", "stylelint-prettier"],
     "customSyntax": "postcss-scss",
     "rules": {
         "no-empty-source": null,
@@ -10,6 +11,12 @@
             {
                 "ignoreTypes": ["/^mat-/", ":host", ":root"]
             }
+        ],
+        "scss/at-rule-no-unknown": [
+            true,
+            {
+                "ignoreAtRules": ["tailwind"]
+            }
         ]
     }
 }
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,10 +1,15 @@
+# 19.0.0(2024-11-22)
+
+### Feature
+
+-   update ng 19.x
+
 # 18.0.4(2024-11-11)
 
 ### Fix
 
 -   Fix ([#1449](https://github.com/JsDaddy/ngx-mask/issues/1449))
 
-
 # 18.0.3(2024-11-05)
 
 ### Fix

diff --git a/bun.lockb b/bun.lockb
diff --git a/cypress/support/component.ts b/cypress/support/component.ts
@@ -1,4 +1,4 @@
-import { mount } from 'cypress/angular';
+import { mount } from 'cypress/angular-signals';
 
 declare global {
     // eslint-disable-next-line @typescript-eslint/no-namespace

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "ngx-mask",
-    "version": "18.0.4",
+    "version": "19.0.0",
     "description": "Awesome ngx mask",
     "license": "MIT",
     "engines": {
@@ -60,72 +60,75 @@
         "url": "https://github.com/JsDaddy/ngx-mask.git"
     },
     "dependencies": {
-        "@angular/animations": "18.2.9",
-        "@angular/common": "18.2.9",
-        "@angular/compiler": "18.2.9",
-        "@angular/core": "18.2.9",
-        "@angular/forms": "18.2.9",
-        "@angular/platform-browser": "18.2.9",
-        "@angular/platform-browser-dynamic": "18.2.9",
-        "@angular/router": "18.2.9",
+        "@angular/animations": "19.0.0",
+        "@angular/common": "19.0.0",
+        "@angular/compiler": "19.0.0",
+        "@angular/core": "19.0.0",
+        "@angular/forms": "19.0.0",
+        "@angular/platform-browser": "19.0.0",
+        "@angular/platform-browser-dynamic": "19.0.0",
+        "@angular/router": "19.0.0",
         "@types/jest": "^29.5.14",
-        "@types/mocha": "^10.0.9",
+        "@types/mocha": "^10.0.10",
         "ajv": "^8.17.1",
-        "cypress": "^13.15.1",
+        "cypress": "^13.16.0",
         "highlight.js": "11.10.0",
         "ngx-highlightjs": "12.0.0",
         "rxjs": "7.8.1",
         "semantic-release": "24.2.0",
         "semantic-release-export-data": "^1.1.0",
-        "snyk": "^1.1294.0"
+        "snyk": "^1.1294.1"
     },
     "devDependencies": {
-        "@angular-devkit/build-angular": "18.2.10",
-        "@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/cli": "18.2.10",
-        "@angular/compiler-cli": "18.2.9",
-        "@angular/language-service": "18.2.9",
-        "@commitlint/cli": "19.5.0",
-        "@commitlint/config-conventional": "19.5.0",
+        "@angular-devkit/build-angular": "19.0.1",
+        "@angular-eslint/builder": "18.4.1",
+        "@angular-eslint/eslint-plugin": "18.4.1",
+        "@angular-eslint/eslint-plugin-template": "18.4.1",
+        "@angular-eslint/schematics": "18.4.1",
+        "@angular-eslint/template-parser": "18.4.1",
+        "@angular/cli": "19.0.1",
+        "@angular/compiler-cli": "19.0.0",
+        "@angular/language-service": "19.0.0",
+        "@commitlint/cli": "19.6.0",
+        "@commitlint/config-conventional": "19.6.0",
         "@jscutlery/cypress-angular": "^0.9.22",
         "@types/highlight.js": "9.12.4",
         "@types/jasmine": "5.1.4",
-        "@types/node": "22.8.1",
-        "@typescript-eslint/eslint-plugin": "8.11.0",
-        "@typescript-eslint/parser": "8.11.0",
+        "@types/node": "22.9.1",
+        "@typescript-eslint/eslint-plugin": "8.15.0",
+        "@typescript-eslint/parser": "8.15.0",
         "@web/test-runner": "^0.19.0",
         "angular-cli-ghpages": "2.0.3",
         "angular-http-server": "1.12.0",
-        "eslint": "9.13.0",
+        "eslint": "9.15.0",
         "eslint-config-prettier": "9.1.0",
         "eslint-plugin-json": "4.0.1",
         "eslint-plugin-prettier": "5.2.1",
         "jasmine-core": "5.4.0",
         "jasmine-spec-reporter": "7.0.0",
         "lint-staged": "15.2.10",
         "markdownlint-cli": "0.42.0",
-        "ng-packagr": "18.2.1",
-        "npm-check-updates": "^17.1.8",
-        "postcss-scss": "4.0.9",
+        "ng-packagr": "19.0.0",
+        "npm-check-updates": "^17.1.11",
         "prettier": "3.3.3",
-        "puppeteer": "23.6.0",
+        "puppeteer": "23.9.0",
         "stylelint": "16.10.0",
         "stylelint-config-prettier": "9.0.5",
         "stylelint-config-recommended-scss": "14.1.0",
         "stylelint-prettier": "5.0.2",
         "type-coverage": "^2.29.7",
-        "typescript": "5.5.4",
-        "angular-eslint": "^18.4.0",
-        "typescript-eslint": "^8.11.0",
-        "tailwindcss": "^3.4.14",
-        "bun-types": "^1.1.33"
+        "typescript": "5.6.3",
+        "angular-eslint": "^18.4.1",
+        "typescript-eslint": "^8.15.0",
+        "tailwindcss": "^3.4.15",
+        "bun-types": "^1.1.36",
+        "postcss": "8.4.49",
+        "postcss-nesting": "13.0.1",
+        "cssnano": "7.0.6",
+        "postcss-scss": "4.0.9"
     },
     "typeCoverage": {
-        "atLeast": 92,
+        "atLeast": 91,
         "ignoreObject": true,
         "ignoreAsAssertion": true,
         "ignoreTypeAssertion;": true,

diff --git a/postcss.config.js b/postcss.config.js
@@ -0,0 +1,8 @@
+module.exports = {
+    plugins: {
+        'postcss-nesting': {},
+        tailwindcss: {},
+        autoprefixer: {},
+        cssnano: { preset: 'default' },
+    },
+};
diff --git a/projects/ngx-mask-lib/package.json b/projects/ngx-mask-lib/package.json
@@ -1,6 +1,6 @@
 {
     "name": "ngx-mask",
-    "version": "18.0.4",
+    "version": "19.0.0",
     "description": "awesome ngx mask",
     "keywords": [
         "ng2-mask",

diff --git a/projects/ngx-mask-lib/src/test/add-prefix.spec.ts b/projects/ngx-mask-lib/src/test/add-prefix.spec.ts
@@ -12,8 +12,7 @@ describe('Directive: Mask (Add prefix)', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            declarations: [TestMaskComponent],
-            imports: [ReactiveFormsModule, NgxMaskDirective],
+            imports: [ReactiveFormsModule, NgxMaskDirective, TestMaskComponent],
             providers: [provideNgxMask()],
         });
         fixture = TestBed.createComponent(TestMaskComponent);

diff --git a/projects/ngx-mask-lib/src/test/add-suffix.spec.ts b/projects/ngx-mask-lib/src/test/add-suffix.spec.ts
@@ -13,8 +13,7 @@ describe('Directive: Mask (Add suffix)', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            declarations: [TestMaskComponent],
-            imports: [ReactiveFormsModule, NgxMaskDirective],
+            imports: [ReactiveFormsModule, NgxMaskDirective, TestMaskComponent],
             providers: [provideNgxMask()],
         });
         fixture = TestBed.createComponent(TestMaskComponent);

diff --git a/projects/ngx-mask-lib/src/test/allow-negative-numbers.spec.ts b/projects/ngx-mask-lib/src/test/allow-negative-numbers.spec.ts
@@ -13,8 +13,7 @@ describe('Directive: Mask (Allow negative numbers)', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            declarations: [TestMaskComponent],
-            imports: [ReactiveFormsModule, NgxMaskDirective],
+            imports: [ReactiveFormsModule, NgxMaskDirective, TestMaskComponent],
             providers: [provideNgxMask()],
         });
         fixture = TestBed.createComponent(TestMaskComponent);

diff --git a/projects/ngx-mask-lib/src/test/basic-logic.spec.ts b/projects/ngx-mask-lib/src/test/basic-logic.spec.ts
@@ -15,8 +15,7 @@ describe('Directive: Mask', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            declarations: [TestMaskComponent],
-            imports: [ReactiveFormsModule, NgxMaskDirective],
+            imports: [ReactiveFormsModule, NgxMaskDirective, TestMaskComponent],
             providers: [provideNgxMask()],
         });
         fixture = TestBed.createComponent(TestMaskComponent);
@@ -944,9 +943,8 @@ describe('Directive: Mask', () => {
         equal('11/11/1111', '11/11/1111', fixture);
         component.form.setValue('22/22/2222');
         fixture.detectChanges();
-        requestAnimationFrame(() => {
-            expect(inputTarget.value).toBe('22/22/2222');
-        });
+
+        equal('22/22/2222', '22/22/2222', fixture);
     });
 
     it('mask sepator.0 after setValue should be dont dirty', () => {

diff --git a/projects/ngx-mask-lib/src/test/clear-if-not-match-the-mask.spec.ts b/projects/ngx-mask-lib/src/test/clear-if-not-match-the-mask.spec.ts
@@ -12,8 +12,7 @@ describe('Directive: Mask', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            declarations: [TestMaskComponent],
-            imports: [ReactiveFormsModule, NgxMaskDirective],
+            imports: [ReactiveFormsModule, NgxMaskDirective, TestMaskComponent],
             providers: [provideNgxMask()],
         });
         fixture = TestBed.createComponent(TestMaskComponent);

diff --git a/projects/ngx-mask-lib/src/test/complete-mask.spec.ts b/projects/ngx-mask-lib/src/test/complete-mask.spec.ts
@@ -7,6 +7,8 @@ import { NgxMaskDirective } from '../lib/ngx-mask.directive';
 
 @Component({
     selector: 'jsdaddy-open-source-test',
+    standalone: true,
+    imports: [ReactiveFormsModule, NgxMaskDirective],
     template: ` <input (maskFilled)="maskFilled()" mask="0000" [formControl]="form" /> `,
 })
 class TestMaskComponent {
@@ -26,8 +28,7 @@ describe('Directive: Mask (Function maskFilled)', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            declarations: [TestMaskComponent],
-            imports: [ReactiveFormsModule, NgxMaskDirective],
+            imports: [ReactiveFormsModule, NgxMaskDirective, TestMaskComponent],
             providers: [provideNgxMask()],
         });
         fixture = TestBed.createComponent(TestMaskComponent);

diff --git a/projects/ngx-mask-lib/src/test/copy-paste.spec.ts b/projects/ngx-mask-lib/src/test/copy-paste.spec.ts
@@ -13,8 +13,7 @@ describe('Event: paste', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            declarations: [TestMaskComponent],
-            imports: [ReactiveFormsModule, NgxMaskDirective],
+            imports: [ReactiveFormsModule, NgxMaskDirective, TestMaskComponent],
             providers: [provideNgxMask()],
         });
         fixture = TestBed.createComponent(TestMaskComponent);