Merge pull request #29 from juanjotorres90/develop

develop to main

Author: juanjotorres90

.all-contributorsrc

@@ -31,6 +31,35 @@
       "avatar_url": "https://avatars3.githubusercontent.com/u/5524772?v=4",
       "profile": "https://github.com/whegar",
       "contributions": ["ideas", "question", "infra", "maintenance", "review"]
+    },
+    {
+      "login": "ghollingworthh",
+      "name": "Glen Hollingworth",
+      "avatar_url": "https://avatars.githubusercontent.com/u/26550815?v=4?s=100",
+      "profile": "https://github.com/ghollingworthh",
+      "contributions": [
+        "code",
+        "doc",
+        "ideas",
+        "question",
+        "infra",
+        "maintenance",
+        "review"
+      ]
+    },
+    {
+      "login": "EphraimHaber",
+      "name": "EphraimHaber",
+      "avatar_url": "https://avatars.githubusercontent.com/u/61934858?v=4?s=100",
+      "profile": "https://github.com/EphraimHaber",
+      "contributions": [
+        "code",
+        "doc",
+        "ideas",
+        "question",
+        "maintenance",
+        "review"
+      ]
     }
   ],
   "contributorsPerLine": 7,

.eslintignore

@@ -5,6 +5,18 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [19.0.0] - 2024-12-07
+
+### Added
+
+- Add support for Angular 19 ([#25](https://github.com/juanjotorres90/ngx-material-intl-tel-input/issues/25)).
+- Add 'useMask' option to enable masking of the phone number input.
+
+### Changed
+
+- Upgrade project to nx 20.2.
+- Upgrade project to use ESLint 9.
+
 ## [18.2.1] - 2024-11-22
 
 ### Added

.eslintrc.json

@@ -0,0 +1,53 @@
+const { FlatCompat } = require('@eslint/eslintrc');
+const js = require('@eslint/js');
+const baseConfig = require('../../eslint.config.js');
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended
+});
+
+module.exports = [
+  ...baseConfig,
+  ...compat
+    .config({
+      extends: [
+        'plugin:@nx/angular',
+        'plugin:@angular-eslint/template/process-inline-templates'
+      ]
+    })
+    .map((config) => ({
+      ...config,
+      files: ['**/*.ts'],
+      rules: {
+        ...config.rules,
+        '@angular-eslint/directive-selector': [
+          'error',
+          {
+            type: 'attribute',
+            prefix: 'ngxMaterialIntlTelInput',
+            style: 'camelCase'
+          }
+        ],
+        '@angular-eslint/component-selector': [
+          'error',
+          {
+            type: 'element',
+            prefix: 'ngx-material-intl-tel-input',
+            style: 'kebab-case'
+          }
+        ]
+      }
+    })),
+  ...compat
+    .config({
+      extends: ['plugin:@nx/angular-template']
+    })
+    .map((config) => ({
+      ...config,
+      files: ['**/*.html'],
+      rules: {
+        ...config.rules
+      }
+    }))
+];

CHANGELOG.md

@@ -1,4 +1,3 @@
-/* eslint-disable */
 export default {
   displayName: 'ngx-material-intl-tel-input',
   preset: '../../jest.preset.js',
@@ -9,14 +8,14 @@ export default {
       'jest-preset-angular',
       {
         tsconfig: '<rootDir>/tsconfig.spec.json',
-        stringifyContentPathRegex: '\\.(html|svg)$',
-      },
-    ],
+        stringifyContentPathRegex: '\\.(html|svg)$'
+      }
+    ]
   },
   transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
   snapshotSerializers: [
     'jest-preset-angular/build/serializers/no-ng-attributes',
     'jest-preset-angular/build/serializers/ng-snapshot',
-    'jest-preset-angular/build/serializers/html-comment',
-  ],
+    'jest-preset-angular/build/serializers/html-comment'
+  ]
 };

README.md

@@ -3,6 +3,11 @@
     <ngx-material-intl-tel-input
       (currentValue)="getValue($event)"
       fieldControlName="phone"
+      [emojiFlags]="false"
+      [includeDialCode]="false"
+      [useMask]="false"
+      [forceSelectedCountryCode]="false"
+      [showMaskPlaceholder]="true"
     ></ngx-material-intl-tel-input>
     <button mat-flat-button type="submit" [disabled]="!formTestGroup.valid">
       Submit

apps/ngx-material-intl-tel-input/.eslintrc.json

@@ -14,7 +14,6 @@ import { RouterModule } from '@angular/router';
 import { NgxMaterialIntlTelInputComponent } from 'ngx-material-intl-tel-input';
 
 @Component({
-  standalone: true,
   imports: [
     NgxMaterialIntlTelInputComponent,
     RouterModule,